@liujitcn/kratos-admin-system 0.0.20 → 0.0.21

package/dist/package/src/views/ai/chat/components/ChatPanel.vue

@@ -3,12 +3,12 @@
     <template v-if="isEmptyState">
       <div class="agent-chat-empty">
         <div class="agent-chat-empty__title">{{ welcomeTitle }}</div>
-        <div class="agent-chat-empty__desc">可直接提问，也可以上传附件一起分析。</div>
+        <div class="agent-chat-empty__desc">{{ t("system.ai.chat.welcomeDescription") }}</div>
         <section v-if="hasShortcutPanel" class="agent-shortcuts">
           <div class="agent-shortcuts__head">
             <div>
-              <div class="agent-shortcuts__eyebrow">快捷操作</div>
-              <div class="agent-shortcuts__title">从常用工作流开始</div>
+              <div class="agent-shortcuts__eyebrow">{{ t("system.ai.chat.shortcut.eyebrow") }}</div>
+              <div class="agent-shortcuts__title">{{ t("system.ai.chat.shortcut.startTitle") }}</div>
             </div>
             <div class="agent-shortcuts__actions">
               <span class="agent-shortcuts__count">{{ shortcutBatchLabel }}</span>
@@ -19,12 +19,14 @@
                 :disabled="sending"
                 @click="refreshShortcutBatch"
               >
-                <span>换一批</span>
+                <span>{{ t("system.ai.chat.action.refreshShortcuts") }}</span>
                 <el-icon><Refresh /></el-icon>
               </button>
             </div>
           </div>
-          <div v-if="loadingShortcuts" class="agent-shortcuts__loading">正在加载快捷入口...</div>
+          <div v-if="loadingShortcuts" class="agent-shortcuts__loading">
+            {{ t("system.ai.chat.message.loadingShortcuts") }}
+          </div>
           <div v-else class="agent-shortcuts__grid">
             <button
               v-for="shortcut in shortcutVisibleList"
@@ -104,7 +106,7 @@
                       <button
                         class="agent-message-tool-copy"
                         type="button"
-                        aria-label="复制请求报文"
+                        :aria-label="t('system.ai.chat.action.copyRequest')"
                         @click.stop="handleCopyToolRequest(tool)"
                       >
                         <el-icon><CopyDocument /></el-icon>
@@ -132,10 +134,10 @@
                 }"
               >
                 <div v-if="isAIFailedMessage(item)" class="agent-message-error">
-                  <div class="agent-message-error__title">服务器异常，建议稍后重试</div>
+                  <div class="agent-message-error__title">{{ t("system.ai.chat.message.serverError") }}</div>
                   <div class="agent-message-error__content">{{ resolveAIErrorMessage(item) }}</div>
                   <el-collapse v-if="item.fallback_reason" class="agent-message-error__detail" accordion>
-                    <el-collapse-item title="错误详情" :name="String(item.id)">
+                    <el-collapse-item :title="t('system.ai.chat.title.errorDetail')" :name="String(item.id)">
                       <pre>{{ item.fallback_reason }}</pre>
                     </el-collapse-item>
                   </el-collapse>
@@ -144,7 +146,7 @@
                   <AiMarkdown :content="item.content" :streaming="item.progressState === 'streaming'" />
                   <slot name="flow-blocks" :message="item" :active-flow-message-id="activeFlowMessageID" />
                   <el-collapse v-if="item.fallback_reason" class="agent-message-error__detail" accordion>
-                    <el-collapse-item title="错误详情" :name="String(item.id)">
+                    <el-collapse-item :title="t('system.ai.chat.title.errorDetail')" :name="String(item.id)">
                       <pre>{{ item.fallback_reason }}</pre>
                     </el-collapse-item>
                   </el-collapse>
@@ -168,8 +170,8 @@
                   <el-popconfirm
                     v-if="shouldConfirmMessageAction(action.key)"
                     :title="resolveActionConfirmTitle(action.key, item)"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
+                    :confirm-button-text="t('common.action.confirm')"
+                    :cancel-button-text="t('common.action.cancel')"
                     width="220"
                     @confirm="handleMessageAction(action.key, item)"
                   >
@@ -207,7 +209,7 @@
                     <button
                       class="agent-message-action agent-message-runtime-trigger"
                       type="button"
-                      aria-label="查看运行明细"
+                      :aria-label="t('system.ai.chat.action.viewRuntime')"
                       :disabled="item.progressState === 'streaming'"
                     >
                       <el-icon><DataAnalysis /></el-icon>
@@ -216,34 +218,34 @@
                     </button>
                   </template>
                   <div class="agent-runtime-detail">
-                    <div class="agent-runtime-detail__title">运行明细</div>
+                    <div class="agent-runtime-detail__title">{{ t("system.ai.chat.title.runtime") }}</div>
                     <div v-if="resolveTokenTotal(item) > 0" class="agent-runtime-detail__section">
                       <div class="agent-runtime-detail__section-title">Token</div>
                       <div class="agent-runtime-detail__row">
-                        <span>输入</span>
+                        <span>{{ t("system.ai.chat.field.inputTokens") }}</span>
                         <strong>{{ formatNumber(item.token?.input) }}</strong>
                       </div>
                       <div class="agent-runtime-detail__row">
-                        <span>输出</span>
+                        <span>{{ t("system.ai.chat.field.outputTokens") }}</span>
                         <strong>{{ formatNumber(item.token?.output) }}</strong>
                       </div>
                       <div v-if="(item.token?.cache ?? 0) > 0" class="agent-runtime-detail__row">
-                        <span>缓存读取</span>
+                        <span>{{ t("system.ai.chat.field.cacheTokens") }}</span>
                         <strong>{{ formatNumber(item.token?.cache) }}</strong>
                       </div>
                       <div class="agent-runtime-detail__row is-total">
-                        <span>总计</span>
+                        <span>{{ t("system.ai.chat.field.totalTokens") }}</span>
                         <strong>{{ formatNumber(item.token?.total) }}</strong>
                       </div>
                     </div>
                     <div v-if="item.first_token_ms > 0 || item.duration_ms > 0" class="agent-runtime-detail__section">
-                      <div class="agent-runtime-detail__section-title">耗时</div>
+                      <div class="agent-runtime-detail__section-title">{{ t("system.ai.chat.field.duration") }}</div>
                       <div v-if="item.first_token_ms > 0" class="agent-runtime-detail__row">
-                        <span>首 Token</span>
+                        <span>{{ t("system.ai.chat.field.firstToken") }}</span>
                         <strong>{{ formatDurationMs(item.first_token_ms) }}</strong>
                       </div>
                       <div v-if="item.duration_ms > 0" class="agent-runtime-detail__row is-total">
-                        <span>总耗时</span>
+                        <span>{{ t("system.ai.chat.field.totalDuration") }}</span>
                         <strong>{{ formatDurationMs(item.duration_ms) }}</strong>
                       </div>
                     </div>
@@ -262,8 +264,12 @@
                   @keydown.meta.enter.prevent="submitMessageEdit(item)"
                 />
                 <div class="agent-message-edit__footer">
-                  <el-button size="small" :disabled="sending" @click="cancelMessageEdit">取消</el-button>
-                  <el-button size="small" type="primary" :loading="sending" @click="submitMessageEdit(item)">发送</el-button>
+                  <el-button size="small" :disabled="sending" @click="cancelMessageEdit">
+                    {{ t("common.action.cancel") }}
+                  </el-button>
+                  <el-button size="small" type="primary" :loading="sending" @click="submitMessageEdit(item)">
+                    {{ t("system.ai.chat.action.send") }}
+                  </el-button>
                 </div>
               </div>
             </div>
@@ -275,8 +281,8 @@
         <section v-if="hasShortcutPanel" class="agent-shortcuts agent-shortcuts--compact">
           <div class="agent-shortcuts__head">
             <div>
-              <div class="agent-shortcuts__eyebrow">快捷操作</div>
-              <div class="agent-shortcuts__title">继续调用常用流程</div>
+              <div class="agent-shortcuts__eyebrow">{{ t("system.ai.chat.shortcut.eyebrow") }}</div>
+              <div class="agent-shortcuts__title">{{ t("system.ai.chat.shortcut.continueTitle") }}</div>
             </div>
             <div class="agent-shortcuts__actions">
               <span class="agent-shortcuts__count">{{ shortcutBatchLabel }}</span>
@@ -287,12 +293,14 @@
                 :disabled="sending"
                 @click="refreshShortcutBatch"
               >
-                <span>换一批</span>
+                <span>{{ t("system.ai.chat.action.refreshShortcuts") }}</span>
                 <el-icon><Refresh /></el-icon>
               </button>
             </div>
           </div>
-          <div v-if="loadingShortcuts" class="agent-shortcuts__loading">正在加载快捷入口...</div>
+          <div v-if="loadingShortcuts" class="agent-shortcuts__loading">
+            {{ t("system.ai.chat.message.loadingShortcuts") }}
+          </div>
           <div v-else class="agent-shortcuts__grid">
             <button
               v-for="shortcut in shortcutVisibleList"
@@ -325,6 +333,7 @@ import { Attachments, BubbleList } from "vue-element-plus-x";
 import type { FilesCardProps } from "vue-element-plus-x/types/FilesCard";
 import { Check, CopyDocument, DataAnalysis, Delete, EditPen, Link, Memo, PieChart, Refresh, User } from "@element-plus/icons-vue";
 import { ElMessage } from "element-plus";
+import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
 import type { AiAction } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_message";
 import { type AiAttachment, type AiSession } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import type { AiShortcut, AiToolCall } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
@@ -508,9 +517,9 @@ const activeFlowMessageID = computed(() => {
 
 const welcomeTitle = computed(() => {
   const hour = new Date().getHours();
-  if (hour < 12) return "上午好，我是通用 AI 助手";
-  if (hour < 18) return "下午好，我是通用 AI 助手";
-  return "晚上好，我是通用 AI 助手";
+  if (hour < 12) return t("system.ai.chat.welcome.morning");
+  if (hour < 18) return t("system.ai.chat.welcome.afternoon");
+  return t("system.ai.chat.welcome.evening");
 });
 
 const shortcutAllList = computed(() =>
@@ -533,8 +542,8 @@ const canRefreshShortcutBatch = computed(() => shortcutAllList.value.length > SH
 
 const shortcutBatchLabel = computed(() => {
   const total = shortcutAllList.value.length;
-  if (props.loadingShortcuts && total === 0) return "加载中";
-  if (total <= SHORTCUT_BATCH_SIZE) return `${total} 项`;
+  if (props.loadingShortcuts && total === 0) return t("system.ai.chat.status.loading");
+  if (total <= SHORTCUT_BATCH_SIZE) return t("system.ai.chat.value.itemCount", { count: total });
   const pageIndex = shortcutBatchIndex.value % shortcutBatchCount.value;
   const start = pageIndex * SHORTCUT_BATCH_SIZE + 1;
   const end = Math.min(start + SHORTCUT_BATCH_SIZE - 1, total);
@@ -629,9 +638,9 @@ function resolveShortcutIcon(shortcut: AiShortcut) {
 
 /** 展示快捷入口的分组和工具依赖摘要，帮助运营判断动作上下文。 */
 function resolveShortcutMeta(shortcut: AiShortcut) {
-  const group = shortcut.group || "通用助手";
+  const group = shortcut.group || t("system.ai.chat.value.generalAssistant");
   const toolCount = shortcut.required_tools?.length ?? 0;
-  return toolCount > 0 ? `${group} · ${toolCount} 个工具` : group;
+  return toolCount > 0 ? t("system.ai.chat.value.shortcutTools", { group, count: toolCount }) : group;
 }
 
 /** 生成快捷入口对应的流程动作。 */
@@ -667,23 +676,31 @@ function parseActionPayload(payload?: string) {
 function resolveMessageActions(item: ChatMessageItem) {
   if (item.progressState === "streaming" || item.status === AiMessageStatus.GENERATING_AMS) return [];
 
-  const copyAction: MessageActionOption = { key: "copy" as const, label: "复制", icon: CopyDocument };
-  const deleteAction: MessageActionOption = { key: "delete" as const, label: "删除", icon: Delete };
-  const editAction: MessageActionOption = { key: "edit" as const, label: "编辑", icon: EditPen };
+  const copyAction: MessageActionOption = {
+    key: "copy" as const,
+    label: t("system.ai.chat.action.copy"),
+    icon: CopyDocument
+  };
+  const deleteAction: MessageActionOption = { key: "delete" as const, label: t("common.action.delete"), icon: Delete };
+  const editAction: MessageActionOption = { key: "edit" as const, label: t("common.action.edit"), icon: EditPen };
   if (item.role === "user") {
     const actions = isLastEditableUserMessage(item) ? [editAction, copyAction, deleteAction] : [copyAction, deleteAction];
     if (item.status === AiMessageStatus.FAILED_AMS) {
       return item.localOnly
-        ? [{ key: "retry" as const, label: "重新发送", icon: Refresh }, copyAction, deleteAction]
-        : [{ key: "retry" as const, label: "重新发送", icon: Refresh }, ...actions];
+        ? [{ key: "retry" as const, label: t("system.ai.chat.action.resend"), icon: Refresh }, copyAction, deleteAction]
+        : [{ key: "retry" as const, label: t("system.ai.chat.action.resend"), icon: Refresh }, ...actions];
     }
     return item.localOnly ? [copyAction, deleteAction] : actions;
   }
 
-  const actions: MessageActionOption[] = [{ key: "retry" as const, label: "重新生成", icon: Refresh }];
+  const actions: MessageActionOption[] = [{ key: "retry" as const, label: t("system.ai.chat.action.regenerate"), icon: Refresh }];
   if (item.status === AiMessageStatus.SUCCESS_AMS) {
-    actions.push({ key: "branch" as const, label: "从此处创建分支会话", icon: BranchActionIcon });
-    actions.push({ key: "speak" as const, label: item.speaking ? "停止朗读" : "朗读", icon: SpeakActionIcon });
+    actions.push({ key: "branch" as const, label: t("system.ai.chat.action.createBranch"), icon: BranchActionIcon });
+    actions.push({
+      key: "speak" as const,
+      label: item.speaking ? t("system.ai.chat.action.stopSpeaking") : t("system.ai.chat.action.speak"),
+      icon: SpeakActionIcon
+    });
   }
   return [...actions, copyAction, deleteAction];
 }
@@ -696,7 +713,7 @@ function isAIFailedMessage(item: ChatMessageItem) {
 /** 返回助手错误摘要，优先展示服务端可读错误。 */
 function resolveAIErrorMessage(item: ChatMessageItem) {
   const content = String(item.content ?? "").trim();
-  return content || "这次回复没有成功返回，你可以直接重试刚才的问题。";
+  return content || t("system.ai.chat.message.replyFailed");
 }
 
 /** 判断助手消息是否存在最终用量信息。 */
@@ -720,7 +737,7 @@ function formatDurationMs(value?: number) {
 function resolveMessageReplyTime(item: ChatMessageItem) {
   const timestamp = resolveMessageCreatedAt(item);
   if (!timestamp) return "";
-  return new Intl.DateTimeFormat("zh-CN", {
+  return new Intl.DateTimeFormat(getCurrentLocale(), {
     year: "numeric",
     month: "2-digit",
     day: "2-digit",
@@ -749,7 +766,7 @@ function formatCompactNumber(value?: number) {
 
 /** 格式化明细数字，保持 Token 明细易读。 */
 function formatNumber(value?: number) {
-  return new Intl.NumberFormat("zh-CN").format(Number(value ?? 0));
+  return new Intl.NumberFormat(getCurrentLocale()).format(Number(value ?? 0));
 }
 
 /** 生成工具标签稳定键。 */
@@ -782,7 +799,7 @@ function resolveVisibleTools(item: ChatMessageItem) {
 
 /** 生成工具展示名称。 */
 function resolveToolTitle(tool: AiToolCall) {
-  return tool.title || tool.name || "工具";
+  return tool.title || tool.name || t("system.ai.chat.value.tool");
 }
 
 /** 返回工具真实名称，用于排障时识别具体 Agent Tool。 */
@@ -797,7 +814,7 @@ function resolveToolStatusClass(status?: string) {
 
 /** 生成工具状态展示文案。 */
 function resolveToolStatusText(status?: string) {
-  return isToolFailed(status) ? "失败" : "已完成";
+  return isToolFailed(status) ? t("system.ai.chat.status.failed") : t("system.ai.chat.status.completed");
 }
 
 /** 判断工具调用是否失败，兼容后端历史状态值。 */
@@ -876,9 +893,9 @@ function formatToolArgumentValue(value: unknown) {
 async function handleCopyToolRequest(tool: AiToolCall) {
   try {
     await navigator.clipboard.writeText(formatToolRequest(tool));
-    ElMessage.success("请求报文已复制");
+    ElMessage.success(t("system.ai.chat.message.requestCopied"));
   } catch {
-    ElMessage.error("当前浏览器不支持复制");
+    ElMessage.error(t("system.ai.chat.message.copyUnsupported"));
   }
 }
 
@@ -924,11 +941,11 @@ function submitMessageEdit(item: ChatMessageItem) {
   if (props.sending) return;
   const content = editingContent.value;
   if (content === "") {
-    ElMessage.warning("消息内容不能为空");
+    ElMessage.warning(t("system.ai.chat.message.contentRequired"));
     return;
   }
   if (content === String(item.content ?? "")) {
-    ElMessage.info("消息内容没有变化");
+    ElMessage.info(t("system.ai.chat.message.contentUnchanged"));
     return;
   }
   emit("messageEdit", { item, content });
@@ -942,9 +959,9 @@ function shouldConfirmMessageAction(action: ChatMessageAction) {
 
 /** 返回消息操作确认文案，避免误删或误覆盖当前气泡。 */
 function resolveActionConfirmTitle(action: ChatMessageAction, item: ChatMessageItem) {
-  if (action === "delete") return "确认删除当前消息？";
-  if (item.role === "user") return "确认重新发送当前消息？";
-  return "重新生成会覆盖当前消息";
+  if (action === "delete") return t("system.ai.chat.dialog.confirmDeleteMessage");
+  if (item.role === "user") return t("system.ai.chat.dialog.confirmResendMessage");
+  return t("system.ai.chat.dialog.confirmRegenerateMessage");
 }
 
 /** 统一回复来源标签配色。 */

package/dist/package/src/views/ai/chat/components/SessionPanel.vue

@@ -2,23 +2,33 @@
   <aside class="agent-session-panel">
     <el-input
       :model-value="keyword"
-      placeholder="搜索对话"
+      :placeholder="t('system.ai.chat.placeholder.searchConversation')"
       clearable
       :prefix-icon="Search"
       @update:model-value="handleKeywordUpdate"
     />
     <div class="agent-divider"></div>
     <div class="agent-panel-header">
-      <div class="agent-panel-title">最近对话</div>
+      <div class="agent-panel-title">{{ t("system.ai.chat.title.recentConversations") }}</div>
       <div class="agent-panel-actions">
-        <el-tooltip content="收起会话栏" placement="top">
-          <button class="agent-panel-icon" type="button" aria-label="收起会话栏" @click="$emit('toggleCollapse')">
+        <el-tooltip :content="t('system.ai.chat.action.collapseSessions')" placement="top">
+          <button
+            class="agent-panel-icon"
+            type="button"
+            :aria-label="t('system.ai.chat.action.collapseSessions')"
+            @click="$emit('toggleCollapse')"
+          >
             <el-icon><DArrowLeft /></el-icon>
           </button>
         </el-tooltip>
-        <button class="agent-panel-create" type="button" aria-label="新建会话" @click="handleCreateSession">
+        <button
+          class="agent-panel-create"
+          type="button"
+          :aria-label="t('system.ai.chat.action.newConversation')"
+          @click="handleCreateSession"
+        >
           <el-icon><Plus /></el-icon>
-          <span>新建</span>
+          <span>{{ t("common.action.create") }}</span>
         </button>
       </div>
     </div>
@@ -48,13 +58,13 @@
           @click.stop
           @command="command => handleMenuCommand(command, item)"
         >
-          <button class="agent-session-more" type="button" aria-label="会话操作">
+          <button class="agent-session-more" type="button" :aria-label="t('system.ai.chat.action.conversationMenu')">
             <el-icon><MoreFilled /></el-icon>
           </button>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item command="rename" :icon="EditPen">重命名</el-dropdown-item>
-              <el-dropdown-item command="delete" :icon="Delete" divided>删除</el-dropdown-item>
+              <el-dropdown-item command="rename" :icon="EditPen">{{ t("system.ai.chat.action.rename") }}</el-dropdown-item>
+              <el-dropdown-item command="delete" :icon="Delete" divided>{{ t("common.action.delete") }}</el-dropdown-item>
             </el-dropdown-menu>
           </template>
         </el-dropdown>
@@ -65,6 +75,7 @@
 
 <script setup lang="ts" name="SessionPanel">
 import { DArrowLeft, Delete, EditPen, MoreFilled, Plus, Search } from "@element-plus/icons-vue";
+import { t } from "@liujitcn/kratos-admin-core";
 import type { AiSession } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 
 /** 会话列表支持的菜单操作。 */

package/dist/package/src/views/ai/chat/components/XSender.vue

@@ -5,7 +5,7 @@
       class="agent-sender"
       variant="updown"
       submit-type="enter"
-      placeholder="输入任何问题，或上传附件后继续提问"
+      :placeholder="t('system.ai.chat.placeholder.input')"
       :loading="sending"
       :clearable="true"
       :tip-config="false"
@@ -27,7 +27,12 @@
         <div class="agent-prefix-actions">
           <el-popover placement="top-start" :width="236" trigger="click" popper-class="agent-sender-popover">
             <template #reference>
-              <button class="agent-icon-button" type="button" :disabled="sending || uploading" aria-label="上传附件">
+              <button
+                class="agent-icon-button"
+                type="button"
+                :disabled="sending || uploading"
+                :aria-label="t('system.ai.chat.action.uploadAttachment')"
+              >
                 <el-icon :class="{ 'is-loading': uploading }">
                   <Loading v-if="uploading" />
                   <Paperclip v-else />
@@ -35,10 +40,10 @@
               </button>
             </template>
             <div class="agent-popover-card">
-              <div class="agent-popover-title">上传附件</div>
-              <div class="agent-popover-desc">可补充图片或文本类附件，发送后用于当前问题分析。</div>
+              <div class="agent-popover-title">{{ t("system.ai.chat.action.uploadAttachment") }}</div>
+              <div class="agent-popover-desc">{{ t("system.ai.chat.message.attachmentHint") }}</div>
               <button class="agent-popover-action" type="button" :disabled="sending || uploading" @click="handleSelectAttachment">
-                {{ uploading ? "上传中..." : "选择本地文件" }}
+                {{ uploading ? t("system.ai.chat.status.uploading") : t("system.ai.chat.action.selectLocalFile") }}
               </button>
             </div>
           </el-popover>
@@ -49,14 +54,17 @@
 
       <template #action-list>
         <div class="agent-sender-actions">
-          <el-tooltip :content="recording ? '停止语音输入' : '语音输入'" placement="top">
+          <el-tooltip
+            :content="recording ? t('system.ai.chat.action.stopVoiceInput') : t('system.ai.chat.action.voiceInput')"
+            placement="top"
+          >
             <button
               class="agent-icon-button"
               :class="{ 'is-active': recording }"
               type="button"
               :disabled="sending"
               :aria-pressed="recording"
-              :aria-label="recording ? '停止语音输入' : '语音输入'"
+              :aria-label="recording ? t('system.ai.chat.action.stopVoiceInput') : t('system.ai.chat.action.voiceInput')"
               @click="handleToggleRecord"
             >
               <el-icon :class="{ 'is-loading': recording }">
@@ -65,12 +73,12 @@
               </el-icon>
             </button>
           </el-tooltip>
-          <el-tooltip content="发送" placement="top">
+          <el-tooltip :content="t('system.ai.chat.action.send')" placement="top">
             <button
               class="agent-send-button"
               type="button"
               :disabled="sending || uploading || recording || isSubmitDisabled"
-              aria-label="发送"
+              :aria-label="t('system.ai.chat.action.send')"
               @click="handleSubmit()"
             >
               <el-icon v-if="!sending"><Promotion /></el-icon>
@@ -98,6 +106,7 @@ import { Attachments, useRecord, XSender as BaseXSender } from "vue-element-plus
 import type { FilesCardProps } from "vue-element-plus-x/types/FilesCard";
 import { Loading, Microphone, Paperclip, Promotion } from "@element-plus/icons-vue";
 import { ElMessage } from "element-plus";
+import { t } from "@liujitcn/kratos-admin-core";
 import { defFileService } from "@liujitcn/kratos-admin-core/api/base/file";
 import type { AiAttachment } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import type { SubmitPayload } from "../types";
@@ -155,10 +164,12 @@ const {
 });
 
 const actionHintText = computed(() => {
-  if (recording.value) return "正在识别语音...";
-  if (uploading.value) return "附件上传中...";
-  if (selectedAttachments.value.length) return `已选 ${selectedAttachments.value.length} 个附件`;
-  return "可上传附件";
+  if (recording.value) return t("system.ai.chat.status.recognizingVoice");
+  if (uploading.value) return t("system.ai.chat.status.uploadingAttachments");
+  if (selectedAttachments.value.length) {
+    return t("system.ai.chat.value.selectedAttachments", { count: selectedAttachments.value.length });
+  }
+  return t("system.ai.chat.value.attachmentsAvailable");
 });
 
 const attachmentItems = computed<FilesCardProps[]>(() =>
@@ -185,7 +196,7 @@ function handleSubmit() {
   if (!trimmedText && selectedAttachments.value.length === 0) return;
 
   emit("submit", {
-    text: trimmedText || "请结合附件内容继续分析",
+    text: trimmedText || t("system.ai.chat.value.analyzeAttachments"),
     attachments: [...selectedAttachments.value]
   });
   inputText.value = "";
@@ -264,10 +275,12 @@ function matchCumulativeRecordCandidate(text: string, candidate: string) {
 
 /** 根据浏览器语音识别错误类型生成用户可理解的提示。 */
 function resolveRecordErrorMessage(error: RecordError) {
-  if (error.code === -1) return "当前浏览器不支持语音识别";
+  if (error.code === -1) return t("system.ai.chat.message.voiceUnsupported");
   const errorName = error.error ?? "";
-  if (["not-allowed", "service-not-allowed", "permission-denied"].includes(errorName)) return "麦克风授权失败，请检查浏览器权限";
-  return "语音识别失败，请稍后重试";
+  if (["not-allowed", "service-not-allowed", "permission-denied"].includes(errorName)) {
+    return t("system.ai.chat.message.microphoneDenied");
+  }
+  return t("system.ai.chat.message.voiceFailed");
 }
 
 /** 同步输入器内部文本，保证发送按钮禁用态能实时响应。 */
@@ -314,10 +327,10 @@ async function uploadAttachments(files: File[]) {
     });
     selectedAttachments.value = Array.from(attachmentMap.values());
     if (response?.files?.length) {
-      ElMessage.success(`已上传 ${response.files.length} 个附件`);
+      ElMessage.success(t("system.ai.chat.message.attachmentsUploaded", { count: response.files.length }));
     }
   } catch {
-    ElMessage.error("附件上传失败");
+    ElMessage.error(t("system.ai.chat.message.attachmentUploadFailed"));
   } finally {
     uploading.value = false;
     resetFileInput();
@@ -328,22 +341,22 @@ async function uploadAttachments(files: File[]) {
 function filterUploadFiles(files: File[]) {
   const remainingCount = maxAttachmentCount - selectedAttachments.value.length;
   if (remainingCount <= 0) {
-    ElMessage.warning(`最多上传 ${maxAttachmentCount} 个附件`);
+    ElMessage.warning(t("system.ai.chat.message.attachmentLimit", { count: maxAttachmentCount }));
     return [];
   }
   const validFiles = files.filter(file => {
     if (!isAcceptedAttachmentFile(file)) {
-      ElMessage.warning(`附件「${file.name}」暂不支持，已跳过`);
+      ElMessage.warning(t("system.ai.chat.message.attachmentUnsupported", { name: file.name }));
       return false;
     }
     if (file.size > maxAttachmentSize) {
-      ElMessage.warning(`附件「${file.name}」超过 ${maxAttachmentSizeMB}MB，已跳过`);
+      ElMessage.warning(t("system.ai.chat.message.attachmentTooLarge", { name: file.name, size: maxAttachmentSizeMB }));
       return false;
     }
     return true;
   });
   if (validFiles.length > remainingCount) {
-    ElMessage.warning(`最多还能选择 ${remainingCount} 个附件，已自动截取`);
+    ElMessage.warning(t("system.ai.chat.message.attachmentRemaining", { count: remainingCount }));
   }
   return validFiles.slice(0, remainingCount);
 }