@jingyi0605/codingns4dsh 0.2.1-beta.10 → 0.2.1-beta.11

package/data/build/dist/client/native-model-translation-menu.d.ts

@@ -0,0 +1,6 @@
+/**
+ * DSH 模型菜单尚无扩展插槽，通过原生触发器的 aria-controls 定位当前会话菜单。
+ * 只添加翻译行的 Portal 容器，原生模型选择、思考强度和菜单交互继续由 DSH 管理。
+ */
+export declare function watchNativeModelMenu(anchor: HTMLElement, onTarget: (target: HTMLElement | null) => void): () => void;
+//# sourceMappingURL=native-model-translation-menu.d.ts.map

package/data/build/dist/client/native-model-translation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-model-translation-menu.d.ts","sourceRoot":"","sources":["../../../../src/client/native-model-translation-menu.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,GAAG,MAAM,IAAI,CA+CpH"}

package/data/build/dist/client/native-model-translation-menu.js

@@ -0,0 +1,57 @@
+/**
+ * DSH 模型菜单尚无扩展插槽，通过原生触发器的 aria-controls 定位当前会话菜单。
+ * 只添加翻译行的 Portal 容器，原生模型选择、思考强度和菜单交互继续由 DSH 管理。
+ */
+export function watchNativeModelMenu(anchor, onTarget) {
+    const document = anchor.ownerDocument;
+    const view = document.defaultView;
+    const Observer = view?.MutationObserver;
+    if (Observer === undefined || document.body === null)
+        return () => undefined;
+    let target = null;
+    let trigger = null;
+    const resize = () => {
+        if (view !== null)
+            view.dispatchEvent(new view.Event('resize'));
+    };
+    const sizeObserver = view?.ResizeObserver === undefined ? undefined : new view.ResizeObserver(resize);
+    const closeOnEscape = (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        trigger?.click();
+    };
+    const scan = () => {
+        trigger = anchor.closest('[data-composer-card]')?.querySelector('[data-slot="conversation.input.model"] button[aria-haspopup="menu"]') ?? null;
+        const menuId = trigger?.getAttribute('aria-controls');
+        const menu = menuId === undefined || menuId === null ? null : document.getElementById(menuId);
+        // 模型列表和思考档位子菜单不放翻译行，避免干扰原生键盘导航与搜索。
+        const rootMenu = trigger?.getAttribute('aria-expanded') === 'true'
+            && menu?.getAttribute('role') === 'menu'
+            && menu.querySelector(':scope > [role="menuitem"]') !== null
+            ? menu : null;
+        if (target !== null && target.parentElement === rootMenu && rootMenu !== null)
+            return;
+        sizeObserver?.disconnect();
+        target?.remove();
+        target = rootMenu === null ? null : document.createElement('div');
+        if (target !== null) {
+            target.dataset.codingnsNativeTranslation = '';
+            target.addEventListener('keydown', closeOnEscape);
+            rootMenu.prepend(target);
+            sizeObserver?.observe(target);
+        }
+        onTarget(target);
+    };
+    const observer = new Observer(scan);
+    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['aria-controls', 'aria-expanded', 'role'] });
+    scan();
+    return () => {
+        observer.disconnect();
+        sizeObserver?.disconnect();
+        target?.remove();
+        resize();
+    };
+}
+//# sourceMappingURL=native-model-translation-menu.js.map

package/data/build/dist/client/native-model-translation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-model-translation-menu.js","sourceRoot":"","sources":["../../../../src/client/native-model-translation-menu.ts"],"names":[],"mappings":"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"}

package/data/build/dist/client/native-translation-default.d.ts

@@ -0,0 +1,6 @@
+export declare function setNativeTranslationDefaultReader(next: (() => boolean) | undefined): void;
+/** undefined 表示功能模块未启用，不应向原生模型菜单添加开关。 */
+export declare function readNativeTranslationDefault(): boolean | undefined;
+export declare function subscribeNativeTranslationDefault(listener: () => void): () => void;
+export declare function notifyNativeTranslationDefaultChanged(): void;
+//# sourceMappingURL=native-translation-default.d.ts.map

package/data/build/dist/client/native-translation-default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-translation-default.d.ts","sourceRoot":"","sources":["../../../../src/client/native-translation-default.ts"],"names":[],"mappings":"AASA,wBAAgB,iCAAiC,CAAC,IAAI,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS,GAAG,IAAI,CAGzF;AAED,yCAAyC;AACzC,wBAAgB,4BAA4B,IAAI,OAAO,GAAG,SAAS,CAMlE;AAED,wBAAgB,iCAAiC,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAGlF;AAED,wBAAgB,qCAAqC,IAAI,IAAI,CAE5D"}

package/data/build/dist/client/native-translation-default.js

@@ -0,0 +1,30 @@
+/**
+ * DSH 原生会话翻译开关的默认值读取器。
+ *
+ * 会话翻译功能模块在启动时注册读取器，模型菜单订阅变化；两个功能模块
+ * （`cliAdapters` 注册槽位、`sessionTranslation` 决定默认值）不互相引用。
+ */
+let reader;
+const listeners = new Set();
+export function setNativeTranslationDefaultReader(next) {
+    reader = next;
+    notifyNativeTranslationDefaultChanged();
+}
+/** undefined 表示功能模块未启用，不应向原生模型菜单添加开关。 */
+export function readNativeTranslationDefault() {
+    try {
+        return reader === undefined ? undefined : reader() === true;
+    }
+    catch {
+        return undefined;
+    }
+}
+export function subscribeNativeTranslationDefault(listener) {
+    listeners.add(listener);
+    return () => { listeners.delete(listener); };
+}
+export function notifyNativeTranslationDefaultChanged() {
+    for (const listener of listeners)
+        listener();
+}
+//# sourceMappingURL=native-translation-default.js.map

package/data/build/dist/client/native-translation-default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-translation-default.js","sourceRoot":"","sources":["../../../../src/client/native-translation-default.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAI,MAAmC,CAAA;AACvC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAA;AAEvC,MAAM,UAAU,iCAAiC,CAAC,IAAiC;IACjF,MAAM,GAAG,IAAI,CAAA;IACb,qCAAqC,EAAE,CAAA;AACzC,CAAC;AAED,yCAAyC;AACzC,MAAM,UAAU,4BAA4B;IAC1C,IAAI,CAAC;QACH,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAA;IAClB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iCAAiC,CAAC,QAAoB;IACpE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACvB,OAAO,GAAG,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,CAAA;AAC7C,CAAC;AAED,MAAM,UAAU,qCAAqC;IACnD,KAAK,MAAM,QAAQ,IAAI,SAAS;QAAE,QAAQ,EAAE,CAAA;AAC9C,CAAC"}

package/data/build/dist/client/session-translation-chat.d.ts

@@ -3,6 +3,17 @@ import type { MarkdownLabels } from '@deepseek-ai/dsh-client-ui-primitives';
 import type { CodingNsClientServices } from './features/types.js';
 import type { CodingNsTranslator } from './locale.js';
 import type { SessionTranslationRecord } from '../shared/contracts/session-translation.js';
+interface TranslationActionProps {
+    readonly messageId: string;
+    readonly messageRole?: 'user' | 'assistant';
+    readonly services: CodingNsClientServices;
+    readonly translationT: CodingNsTranslator;
+    /** Absent only for a pending submission in a translation-enabled session. */
+    readonly record?: SessionTranslationRecord;
+    readonly original?: string;
+    readonly popupAlign?: 'start' | 'end';
+    readonly inline?: boolean;
+}
 interface MarkdownTranslationLabels extends MarkdownLabels {
     readonly code: MarkdownLabels['code'] & {
         readonly toolbarLabels: NonNullable<MarkdownLabels['code']['toolbarLabels']>;
@@ -15,6 +26,10 @@ interface MarkdownTranslationLabels extends MarkdownLabels {
 type TranslationFactorySlot = (name: string, props: Record<string, unknown>, options?: {
     readonly fallback?: ReactNode;
 }) => ReactNode;
+/**
+ * 把翻译状态和查看原文的入口放回对应消息块，不占用 AI 回复底部的统一操作栏。
+ */
+export declare function TranslationAction(props: TranslationActionProps): ReactElement | null;
 interface AssistantReasoningContentProps {
     readonly messageId: string;
     readonly services: CodingNsClientServices;

package/data/build/dist/client/session-translation-chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"session-translation-chat.d.ts","sourceRoot":"","sources":["../../../../src/client/session-translation-chat.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAiBnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAI3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAoH,wBAAwB,EAAE,MAAM,4CAA4C,CAAA;AAyB5M,UAAU,yBAA0B,SAAQ,cAAc;IACxD,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;QACtC,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAA;KAC7E,CAAA;CACF;AAED;;;GAGG;AACH,KAAK,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,KAAK,SAAS,CAAA;AAqiBtI,UAAU,8BAA8B;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,kBAAkB,CAAA;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,8BAA8B;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,wBAAwB,CAAA;IACrD,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAA;IAClD,QAAQ,CAAC,UAAU,EAAE;QAAE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAA;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CACpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,YAAY,CAkB7F;AA4BD;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,sBAAsB,GAAG,MAAM,IAAI,CA2B7F"}
+{"version":3,"file":"session-translation-chat.d.ts","sourceRoot":"","sources":["../../../../src/client/session-translation-chat.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAiBnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAO3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,KAAK,EAAoH,wBAAwB,EAAE,MAAM,4CAA4C,CAAA;AAgB5M,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3C,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,kBAAkB,CAAA;IACzC,6EAA6E;IAC7E,QAAQ,CAAC,MAAM,CAAC,EAAE,wBAAwB,CAAA;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACrC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,UAAU,yBAA0B,SAAQ,cAAc;IACxD,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG;QACtC,QAAQ,CAAC,aAAa,EAAE,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAA;KAC7E,CAAA;CACF;AAED;;;GAGG;AACH,KAAK,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,KAAK,SAAS,CAAA;AAQtI;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CA0IpF;AA+cD,UAAU,8BAA8B;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,kBAAkB,CAAA;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,8BAA8B;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,wBAAwB,CAAA;IACrD,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAA;IAClD,QAAQ,CAAC,UAAU,EAAE;QAAE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAA;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAA;CACpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,GAAG,YAAY,CAoB7F;AA4BD;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,sBAAsB,GAAG,MAAM,IAAI,CAiC7F"}

package/data/build/dist/client/session-translation-chat.js

@@ -1,13 +1,17 @@
-import { createElement, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { createElement, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { DisclosureRow, FileTypeIcon, IconCheckOutlineRegular, IconCopyOutlineRegular, IconThinkOutlineRegular, JsonBlock, MarkdownText, TextShimmer, fileExtension, fileSizeText, projectUserText, writeClipboard, } from '@deepseek-ai/dsh-client-ui-primitives';
 import { useDismissOnOutsidePointer } from './popup-dismiss.js';
 import { dshThemeColor } from './theme.js';
+import { TRANSLATION_GLYPH_PATHS, TRANSLATION_GLYPH_SIZE, TRANSLATION_PENDING_BADGE_STYLE, TRANSLATION_STATUS_BADGE_STYLE } from '../shared/translation-indicator.js';
 import { uiFontSize } from './font-scale.js';
+import { useCliSessionTranslationEnabled } from './cli-slots.js';
+import { watchPendingTranslationTargets } from './session-translation-pending-dom.js';
+import { readSessionTranslationMetrics } from '../shared/contracts/session-translation.js';
 /**
  * 把翻译状态和查看原文的入口放回对应消息块，不占用 AI 回复底部的统一操作栏。
  */
-function TranslationAction(props) {
+export function TranslationAction(props) {
     const [open, setOpen] = useState(false);
     const rootRef = useRef(null);
     const buttonRef = useRef(null);
@@ -55,14 +59,17 @@ function TranslationAction(props) {
         };
     }, [open, props.popupAlign]);
     const record = props.record;
-    const failed = record.failed === true;
-    const alreadyTargetLanguage = record.alreadyTargetLanguage === true;
-    const statusText = failed
-        ? props.translationT('translation.statusFailed')
-        : alreadyTargetLanguage
-            ? props.translationT('translation.statusNotNeeded')
-            : props.translationT('translation.statusTranslated');
-    const model = formatModel(record.model, props.translationT);
+    const pending = record === undefined;
+    const failed = record?.failed === true;
+    const alreadyTargetLanguage = record?.alreadyTargetLanguage === true;
+    const statusText = pending
+        ? props.translationT('translation.statusTranslating')
+        : failed
+            ? props.translationT('translation.statusFailed')
+            : alreadyTargetLanguage
+                ? props.translationT('translation.statusNotNeeded')
+                : props.translationT('translation.statusTranslated');
+    const statusColor = pending ? dshThemeColor.accent : failed ? dshThemeColor.error : alreadyTargetLanguage ? dshThemeColor.accent : dshThemeColor.success;
     const detailsId = `codingns-translation-details-${safeDomId(props.messageId)}`;
     const details = open && popupPosition !== null ? createElement('div', {
         ref: popupRef,
@@ -88,7 +95,13 @@ function TranslationAction(props) {
             fontSize: uiFontSize(12),
             lineHeight: 1.45,
         },
-    }, createElement('div', { style: { display: 'flex', justifyContent: 'space-between', gap: 10, fontWeight: 600 } }, createElement('span', undefined, props.translationT('translation.detailsTitle')), createElement('span', { style: { color: failed ? dshThemeColor.error : alreadyTargetLanguage ? dshThemeColor.accent : dshThemeColor.success, fontWeight: 400 } }, statusText)), record.sourceLanguage === undefined ? null : createElement('div', { style: { marginTop: 8, color: dshThemeColor.labelSecondary } }, `${props.translationT('translation.detectedLanguage')}: ${props.translationT(`translation.language.${record.sourceLanguage}`)}`), createElement(DetailBlock, { label: props.translationT('translation.originalText'), value: record.original }), createElement(DetailBlock, { label: props.translationT('translation.translatedText'), value: record.translated }), createElement('div', { style: { marginTop: 8, color: dshThemeColor.labelSecondary } }, `${props.translationT('translation.modelUsed')}: ${alreadyTargetLanguage ? props.translationT('translation.modelNotUsed') : model}`)) : null;
+    }, createElement('div', { style: { display: 'flex', justifyContent: 'space-between', gap: 10, fontWeight: 600 } }, createElement('span', undefined, props.translationT('translation.detailsTitle')), createElement('span', { role: 'status', 'aria-live': 'polite', style: { color: statusColor, fontWeight: 400 } }, statusText)), record?.sourceLanguage === undefined ? null : createElement('div', { style: { marginTop: 8, color: dshThemeColor.labelSecondary } }, `${props.translationT('translation.detectedLanguage')}: ${props.translationT(`translation.language.${record.sourceLanguage}`)}`), createElement(DetailBlock, { kind: 'original', translationT: props.translationT, value: record?.original ?? props.original ?? '' }), pending ? createElement('progress', { 'aria-label': statusText, style: { display: 'block', width: '100%', height: 4, marginTop: 8, accentColor: dshThemeColor.accent } }) : null, pending
+        ? createElement('div', { role: 'status', 'aria-live': 'polite', style: { marginTop: 8, color: dshThemeColor.labelSecondary } }, props.translationT('translation.progressHelp'))
+        : createElement(DetailBlock, { kind: props.messageRole === 'user' ? 'sent' : 'translated', translationT: props.translationT, value: record.translated }), pending ? null : createElement('div', { style: { marginTop: 8, color: dshThemeColor.labelSecondary } }, [
+        `${props.translationT('translation.modelUsed')}: ${alreadyTargetLanguage ? props.translationT('translation.modelNotUsed') : formatModel(record.model, props.translationT)}`,
+        ...(record.durationMs === undefined ? [] : [`${(record.durationMs / 1000).toFixed(2)} s`]),
+        ...(record.totalTokens === undefined ? [] : [`${record.totalTokens} tok`]),
+    ].join(' · '))) : null;
     const renderedDetails = details === null
         ? null
         : typeof document === 'undefined' ? details : createPortal(details, document.body);
@@ -113,38 +126,47 @@ function TranslationAction(props) {
         style: translationButtonStyle,
     }, createElement(TranslationGlyph), createElement('span', {
         'aria-hidden': true,
+        'data-codingns-translation-pending': pending || undefined,
         style: {
-            position: 'absolute',
-            top: 1,
-            right: 1,
-            display: 'grid',
-            placeItems: 'center',
-            width: 10,
-            height: 10,
-            zIndex: 1,
-            boxSizing: 'border-box',
-            border: '1.5px solid var(--dsw-alias-bg-base, Canvas)',
-            borderRadius: '50%',
-            color: '#fff',
-            background: failed ? dshThemeColor.error : alreadyTargetLanguage ? dshThemeColor.accent : dshThemeColor.success,
-            fontSize: 6,
-            fontWeight: 700,
-            lineHeight: 1,
+            ...TRANSLATION_STATUS_BADGE_STYLE,
+            ...(pending ? TRANSLATION_PENDING_BADGE_STYLE : { background: statusColor }),
         },
-    }, failed ? '!' : '✓')), renderedDetails);
+    }, pending ? null : failed ? '!' : '✓')), renderedDetails);
+}
+function PendingTranslationActions(props) {
+    const anchorRef = useRef(null);
+    const [targets, setTargets] = useState([]);
+    const enabled = useCliSessionTranslationEnabled(props.sessionId, props.services.rpc);
+    const subagent = props.useSession?.((state) => state.subagent);
+    const eligible = enabled && subagent == null && !props.sessionId?.startsWith('codingns-assistant-');
+    useLayoutEffect(() => {
+        setTargets([]);
+        if (!eligible || anchorRef.current === null)
+            return undefined;
+        return watchPendingTranslationTargets(anchorRef.current, setTargets);
+    }, [eligible, props.sessionId]);
+    return createElement('span', { ref: anchorRef, style: { display: 'none' } }, ...targets.map((target) => createPortal(createElement(PendingTranslationAction, {
+        services: props.services,
+        translationT: props.translationT,
+        original: target.original,
+    }), target.container, String(target.key))));
+}
+function PendingTranslationAction(props) {
+    const id = useId();
+    return createElement(TranslationAction, { ...props, messageId: `pending-${id}`, messageRole: 'user', popupAlign: 'end' });
 }
 function TranslationGlyph() {
     return createElement('svg', {
         viewBox: '0 0 24 24',
-        width: 16,
-        height: 16,
+        width: TRANSLATION_GLYPH_SIZE,
+        height: TRANSLATION_GLYPH_SIZE,
         fill: 'none',
         stroke: 'currentColor',
         strokeWidth: 1.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
         'aria-hidden': true,
-    }, createElement('path', { d: 'M3.5 5.5h10M8.5 3.5v2M12.5 5.5c0 4.4-3.3 7.2-8 9' }), createElement('path', { d: 'M5.5 8.5c1.4 2 3.4 3.7 6 4.8M14.5 19.5l3-8 3 8M15.7 17h3.6' }));
+    }, ...TRANSLATION_GLYPH_PATHS.map(d => createElement('path', { key: d, d })));
 }
 const messageActionButtonStyle = {
     position: 'relative',
@@ -164,8 +186,36 @@ const translationButtonStyle = {
     ...messageActionButtonStyle,
     transition: 'background-color 100ms ease, color 100ms ease',
 };
-function DetailBlock({ label, value }) {
-    return createElement('div', { style: { marginTop: 8 } }, createElement('div', { style: { marginBottom: 3, color: dshThemeColor.labelSecondary, fontWeight: 600 } }, label), createElement('pre', { style: { margin: 0, whiteSpace: 'pre-wrap', overflowWrap: 'anywhere', fontFamily: 'inherit' } }, value));
+const translationDetailTypes = {
+    original: { labelKey: 'translation.originalText', color: dshThemeColor.labelSecondary },
+    translated: { labelKey: 'translation.translatedText', color: dshThemeColor.accent },
+    sent: { labelKey: 'translation.actualSentText', color: dshThemeColor.success },
+};
+function DetailBlock({ kind, translationT, value }) {
+    const { labelKey, color } = translationDetailTypes[kind];
+    return createElement('div', { style: { marginTop: 8 } }, createElement('div', {
+        style: {
+            display: 'inline-block',
+            maxWidth: '100%',
+            boxSizing: 'border-box',
+            marginBottom: 6,
+            padding: '2px 8px',
+            border: `1px solid color-mix(in srgb, ${color} 30%, transparent)`,
+            borderRadius: 'var(--dsw-radius-sm, 6px)',
+            color,
+            background: `color-mix(in srgb, ${color} 12%, transparent)`,
+            fontWeight: 600,
+            overflowWrap: 'anywhere',
+        },
+    }, translationT(labelKey)), createElement('pre', {
+        style: {
+            margin: 0,
+            color: `color-mix(in srgb, ${color} 45%, ${dshThemeColor.labelPrimary})`,
+            whiteSpace: 'pre-wrap',
+            overflowWrap: 'anywhere',
+            fontFamily: 'inherit',
+        },
+    }, value));
 }
 /** 按原生 user 节点的结构渲染用户消息；翻译入口只在确实有记录时追加。 */
 function UserMessageNodeView(props) {
@@ -238,6 +288,7 @@ function UserMessageNodeView(props) {
         style: { paddingRight: 12, color: dshThemeColor.labelTertiary, fontSize: 'var(--dsh-content-font-size-secondary, 13px)', whiteSpace: 'nowrap' },
     }, formatMessageTime(data.time)) : null, translationRecord === undefined ? null : createElement(TranslationAction, {
         messageId,
+        messageRole: 'user',
         services: props.services,
         translationT: props.translationT,
         popupAlign: 'end',
@@ -321,7 +372,7 @@ function formatMessageTime(time) {
         : { ...(date.getFullYear() === now.getFullYear() ? {} : { year: 'numeric' }), month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' };
     return new Intl.DateTimeFormat(undefined, options).format(date);
 }
-/** DSH assistant-step renderer: keep each translated text/reasoning block's source action adjacent to that block. */
+/** DSH assistant-step renderer: keep each translation action adjacent to its source block. */
 function AssistantTranslationNodeView(props) {
     const data = props.node.data;
     const blocks = Array.isArray(data.blocks) ? data.blocks : [];
@@ -375,12 +426,14 @@ function AssistantTranslationNodeView(props) {
             const translationRecord = readRecord(block) ?? (hasTranslation && eventSnapshot !== undefined
                 ? findTranslationRecordForText(eventSnapshot, block.text, 'assistant', data.turn, data.step)
                 : undefined);
+            const displayText = translationRecord?.translated ?? block.text;
             rendered.push(createElement('div', {
                 key: `text-${index}`,
                 'data-codingns-translation-inline': true,
                 style: { minWidth: 0 },
-            }, createElement(MarkdownText, { text: block.text, streaming, labels: markdownLabels, fileMentions: mentions, pathImages }), translationRecord === undefined ? null : createElement(TranslationAction, {
+            }, createElement(MarkdownText, { text: displayText, streaming, labels: markdownLabels, fileMentions: mentions, pathImages }), translationRecord === undefined ? null : createElement(TranslationAction, {
                 messageId: `${messageId}-text-${index}`,
+                messageRole: 'assistant',
                 services: props.services,
                 translationT: props.translationT,
                 record: translationRecord,
@@ -442,7 +495,8 @@ function AssistantTranslationNodeView(props) {
 function AssistantReasoningBlock(props) {
     const [expanded, setExpanded] = useState(false);
     const groupRef = props.useGroupAction?.(props.hidden, props.reveal);
-    const summary = props.text.split('\n').map((line) => line.replace(/[`*_#>]/gu, '').trim()).find(Boolean) ?? '';
+    const displayText = props.translationRecord?.translated ?? props.text;
+    const summary = displayText.split('\n').map((line) => line.replace(/[`*_#>]/gu, '').trim()).find(Boolean) ?? '';
     return createElement('div', {
         ref: groupRef,
         hidden: props.hidden,
@@ -483,15 +537,17 @@ function AssistantReasoningBlock(props) {
  * 工厂存在时才允许表现层覆盖。
  */
 export function AssistantReasoningContent(props) {
-    const markdown = createElement(MarkdownText, { text: props.text, streaming: props.running, labels: props.markdownLabels, fileMentions: props.mentions, pathImages: props.pathImages, variant: 'compact' });
+    const displayText = props.translationRecord?.translated ?? props.text;
+    const markdown = createElement(MarkdownText, { text: displayText, streaming: props.running, labels: props.markdownLabels, fileMentions: props.mentions, pathImages: props.pathImages, variant: 'compact' });
     const content = props.renderFactorySlot === undefined
         ? markdown
-        : props.renderFactorySlot('conversation.chat.reasoning.content', { text: props.text, running: props.running }, { fallback: markdown });
+        : props.renderFactorySlot('conversation.chat.reasoning.content', { text: displayText, running: props.running }, { fallback: markdown });
     return createElement('div', {
         'data-codingns-translation-inline': true,
         style: { paddingTop: 8 },
     }, content, props.translationRecord === undefined ? null : createElement(TranslationAction, {
         messageId: props.messageId,
+        messageRole: 'assistant',
         services: props.services,
         translationT: props.translationT,
         record: props.translationRecord,
@@ -534,6 +590,11 @@ export function registerSessionTranslationChatUi(services) {
         return () => undefined;
     const removeStyles = installSessionTranslationChatStyles();
     const translationT = services.locale.bind('codingns');
+    const removePendingActions = slots.inject('conversation.input.left', () => slots.register({
+        name: 'conversation.input.left',
+        id: 'codingns-translation-pending',
+        inject: (sessionId) => ({ services, sessionId, translationT }),
+    }, PendingTranslationActions));
     const removeUserRenderer = slots.inject('conversation.chat.node', () => slots.register({
         name: 'conversation.chat.node',
         key: 'user',
@@ -549,6 +610,7 @@ export function registerSessionTranslationChatUi(services) {
         inject: (sessionId) => ({ services, sessionId, translationT }),
     }, AssistantTranslationNodeView));
     return () => {
+        removePendingActions();
         removeAssistantRenderer();
         removeUserRenderer();
         removeStyles();
@@ -564,6 +626,9 @@ function installSessionTranslationChatStyles() {
     style.dataset.plugin = 'codingns4dsh';
     style.dataset.pluginCss = styleId;
     style.textContent = `
+    @keyframes codingns-translation-spin{to{transform:rotate(360deg)}}
+    [data-codingns-translation-pending]{animation:codingns-translation-spin .8s linear infinite}
+    @media(prefers-reduced-motion:reduce){[data-codingns-translation-pending]{animation-duration:1.6s}}
     [data-codingns-translation-inline] > div:not([data-codingns-translation-action]){display:contents}
     [data-codingns-translation-inline] > div:not([data-codingns-translation-action]) > p:last-child{display:inline;margin:0}
   `;
@@ -594,7 +659,7 @@ function findTranslationRecordForText(snapshot, text, outputKind, turn, step) {
         collectRecordCandidates(event.data, candidates, new Set());
         for (const candidate of candidates) {
             const record = readRecord(candidate);
-            if (record === undefined || record.translated !== text)
+            if (record === undefined || record.original !== text && record.translated !== text)
                 continue;
             if (outputKind !== undefined && record.outputKind !== undefined && record.outputKind !== outputKind)
                 continue;
@@ -647,6 +712,7 @@ function readRecord(value) {
         ...(candidate.alreadyTargetLanguage === true ? { alreadyTargetLanguage: true } : {}),
         ...(model === undefined ? {} : { model }),
         ...(candidate.failed === true ? { failed: true } : {}),
+        ...readSessionTranslationMetrics(candidate),
     };
 }
 function readModel(value) {
@@ -663,8 +729,8 @@ function readInputRecord(value) {
         return undefined;
     if (typeof candidate.original !== 'string' || typeof candidate.translated !== 'string')
         return undefined;
-    const targetLanguage = candidate.targetLanguage;
-    if (targetLanguage !== 'en' && targetLanguage !== 'fr' && targetLanguage !== 'de' && targetLanguage !== 'ja')
+    const targetLanguage = readLanguage(candidate.targetLanguage);
+    if (targetLanguage === undefined)
         return undefined;
     const model = readModel(candidate.model);
     return {
@@ -675,6 +741,7 @@ function readInputRecord(value) {
         ...(candidate.alreadyTargetLanguage === true ? { alreadyTargetLanguage: true } : {}),
         ...(model === undefined ? {} : { model }),
         ...(candidate.failed === true ? { failed: true } : {}),
+        ...readSessionTranslationMetrics(candidate),
     };
 }
 function inputRecordForAction(record) {
@@ -687,6 +754,7 @@ function inputRecordForAction(record) {
         ...(record.alreadyTargetLanguage === true ? { alreadyTargetLanguage: true } : {}),
         ...(record.model === undefined ? {} : { model: record.model }),
         ...(record.failed === true ? { failed: true } : {}),
+        ...readSessionTranslationMetrics(record),
     };
 }
 function readLanguage(value) {