feat: 支持多语言提示词本地化和界面优化

- 添加 prompt_locale 参数支持简体中文、繁体中文和英文提示词本地化
- 移除内置 agents 配置以简化系统架构
- 更新 ContextBuilder 使用动态提示词模板而非硬编码内容
- 在 AgentLoop、Web 接口和 AgentService 中传递 locale 参数
- 添加输出语言指令确保用户界面内容按指定语言生成
- 扩展前端 LanguageSwitcher 组件支持三种语言选项
- 优化 Header 和侧边栏组件的响应式布局和文本截断处理
- 更新测试用例验证不同语言环境下的提示词正确性

app-instance/frontend/components/task-detail/TaskTimelineCard.tsx

@@ -93,7 +93,7 @@ function detailsJson(details: Record<string, unknown>): string {
   }
 }
 
-function cardTypeLabel(type: TaskTimelineCardType, locale: 'zh-CN' | 'en-US') {
+function cardTypeLabel(type: TaskTimelineCardType, locale: string) {
   const labels: Record<TaskTimelineCardType, [string, string]> = {
     task_created: ['任务', 'Task'],
     plan: ['计划', 'Plan'],
@@ -114,7 +114,7 @@ function cardTypeLabel(type: TaskTimelineCardType, locale: 'zh-CN' | 'en-US') {
   return pickAppText(locale, label[0], label[1]);
 }
 
-function humanStatus(status: string, locale: 'zh-CN' | 'en-US') {
+function humanStatus(status: string, locale: string) {
   const labels: Record<string, [string, string]> = {
     open: ['已创建', 'Open'],
     running: ['执行中', 'Running'],
@@ -137,7 +137,7 @@ function historyVersions(details: Record<string, unknown> | undefined): Array<Re
   return Array.isArray(versions) ? versions.filter((item): item is Record<string, unknown> => Boolean(item) && typeof item === 'object') : [];
 }
 
-function renderHistoryStatus(version: Record<string, unknown>, locale: 'zh-CN' | 'en-US') {
+function renderHistoryStatus(version: Record<string, unknown>, locale: string) {
   const status = String(version.acceptanceType || version.status || '');
   return status ? humanStatus(status, locale) : pickAppText(locale, '历史版本', 'Previous version');
 }
@@ -184,30 +184,30 @@ export function TaskTimelineCard({ card, resultAcceptance, reviewTargetId }: Pro
   return (
     <Card id={shouldRenderResultAcceptance ? reviewTargetId : undefined} className="min-w-0 max-w-full scroll-mt-44 overflow-hidden rounded-md">
       <CardContent className="p-4">
-        <div className="flex gap-3">
+        <div className="flex min-w-0 gap-3">
           <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted">
             <Icon className="h-4 w-4 text-muted-foreground" />
           </div>
           <div className="min-w-0 flex-1">
-            <div className="flex items-start justify-between gap-3">
-              <div className="min-w-0 flex-1">
-                <div className="flex min-w-0 items-center gap-2">
-                  <h3 className="min-w-0 flex-1 truncate text-sm font-semibold">{card.title}</h3>
-                  <Badge variant="secondary" className="shrink-0 text-[11px]">
+            <div className="flex min-w-0 flex-wrap items-start justify-between gap-2">
+              <div className="min-w-0 flex-1 basis-44">
+                <div className="flex min-w-0 flex-wrap items-center gap-2">
+                  <h3 className={`min-w-0 flex-1 basis-32 text-sm font-semibold ${containedLongTextClass}`}>{card.title}</h3>
+                  <Badge variant="secondary" className="max-w-full text-[11px]">
                     {cardTypeLabel(card.type, locale)}
                   </Badge>
                 </div>
-                <div className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground">
-                  {card.actorName ? <span className={containedLongTextClass}>{card.actorName}</span> : null}
-                  <span>{formatTaskRuntimeTime(card.createdAt, locale)}</span>
-                  {card.runId ? <span className="font-mono">{card.runId.slice(0, 8)}</span> : null}
+                <div className="mt-1 flex min-w-0 flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground">
+                  {card.actorName ? <span className={`max-w-full ${containedLongTextClass}`}>{card.actorName}</span> : null}
+                  <span className="max-w-full">{formatTaskRuntimeTime(card.createdAt, locale)}</span>
+                  {card.runId ? <span className={`max-w-full font-mono ${containedLongTextClass}`}>{card.runId.slice(0, 8)}</span> : null}
                 </div>
               </div>
               {card.status ? (
                 isRuntimeStatus(card.status) ? (
-                  <TaskRuntimeStatusBadge status={card.status} />
+                  <TaskRuntimeStatusBadge status={card.status} className={`max-w-full ${containedLongTextClass}`} />
                 ) : (
-                  <Badge variant="outline" className="shrink-0 text-[11px]">
+                  <Badge variant="outline" className={`max-w-full text-[11px] ${containedLongTextClass}`}>
                     {humanStatus(card.status, locale)}
                   </Badge>
                 )
@@ -224,7 +224,7 @@ export function TaskTimelineCard({ card, resultAcceptance, reviewTargetId }: Pro
 
             {card.type === 'result_history' ? <TaskResultHistory card={card} /> : card.details ? (
               <details className="mt-3 min-w-0 max-w-full overflow-hidden rounded-md border border-border bg-muted/20 px-3 py-2 text-xs">
-                <summary className="flex min-h-[44px] cursor-pointer select-none items-center font-medium text-muted-foreground">
+                <summary className="flex min-h-[44px] min-w-0 cursor-pointer select-none items-center font-medium text-muted-foreground">
                   {pickAppText(locale, '详情 JSON', 'Details JSON')}
                 </summary>
                 <pre className={`mt-2 max-h-72 overflow-auto text-[11px] leading-5 text-muted-foreground ${containedJsonTextClass}`}>