@jingyi0605/codingns4dsh 0.2.1-beta.8 → 0.2.1-rc.2

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

@@ -0,0 +1,874 @@
+import { createElement, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
+import { DisclosureRow, FileTypeIcon, IconCheckOutlineRegular, IconCopyOutlineRegular, IconThinkOutlineRegular, JsonBlock, MarkdownText, TextShimmer, fileExtension, fileSizeText, writeClipboard, } from '@deepseek-ai/dsh-client-ui-primitives';
+import * as messagePrimitives from '@deepseek-ai/dsh-client-ui-primitives';
+import { createDshCapabilityRegistry } from '../dsh-capabilities/routes.js';
+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 { useCliSessionTranslationState } from './cli-slots.js';
+import { watchPendingTranslationTargets } from './session-translation-pending-dom.js';
+import { callCliRpc } from './cli-catalog.js';
+import { startSerialPolling } from './serial-polling.js';
+import { clearOutputTranslationRetries, useOutputTranslation } from './session-translation-retry.js';
+import { readSessionTranslationMetrics, resolveSessionTranslationOptions } from '../shared/contracts/session-translation.js';
+/**
+ * 把翻译状态和查看原文的入口放回对应消息块，不占用 AI 回复底部的统一操作栏。
+ */
+export function TranslationAction(props) {
+    const [open, setOpen] = useState(props.inputFailure !== undefined);
+    const output = useOutputTranslation({ ...props, record: props.inputFailure?.record ?? props.record });
+    const [deciding, setDeciding] = useState(false);
+    const decidingRef = useRef(false);
+    const [decisionError, setDecisionError] = useState(false);
+    useEffect(() => {
+        if (props.inputFailure !== undefined)
+            setOpen(true);
+        setDecisionError(false);
+    }, [props.inputFailure?.id]);
+    const rootRef = useRef(null);
+    const buttonRef = useRef(null);
+    const popupRef = useRef(null);
+    const [popupPosition, setPopupPosition] = useState(null);
+    useDismissOnOutsidePointer(rootRef, open, () => setOpen(false), { portal: popupRef });
+    useLayoutEffect(() => {
+        if (!open || typeof window === 'undefined') {
+            setPopupPosition(null);
+            return undefined;
+        }
+        const updatePosition = () => {
+            const button = buttonRef.current;
+            if (button === null)
+                return;
+            const rect = button.getBoundingClientRect();
+            const edge = 12;
+            const gap = 8;
+            const width = Math.max(1, Math.min(420, window.innerWidth - edge * 2));
+            const availableAbove = Math.max(0, rect.top - gap - edge);
+            const availableBelow = Math.max(0, window.innerHeight - rect.bottom - gap - edge);
+            const preferredHeight = Math.min(440, window.innerHeight * 0.65);
+            const placement = availableAbove >= preferredHeight
+                || (availableBelow < preferredHeight && availableAbove > availableBelow)
+                ? 'above'
+                : 'below';
+            const availableHeight = placement === 'above' ? availableAbove : availableBelow;
+            const maxHeight = Math.min(preferredHeight, availableHeight);
+            const desiredLeft = props.popupAlign === 'end' ? rect.right - width : rect.left;
+            const maxLeft = Math.max(edge, window.innerWidth - edge - width);
+            setPopupPosition({
+                left: Math.min(maxLeft, Math.max(edge, desiredLeft)),
+                top: placement === 'above' ? rect.top - gap : rect.bottom + gap,
+                width,
+                maxHeight,
+                placement,
+            });
+        };
+        updatePosition();
+        window.addEventListener('resize', updatePosition);
+        window.addEventListener('scroll', updatePosition, true);
+        return () => {
+            window.removeEventListener('resize', updatePosition);
+            window.removeEventListener('scroll', updatePosition, true);
+        };
+    }, [open, props.popupAlign]);
+    const record = output.record;
+    const inputFailure = props.inputFailure !== undefined;
+    const detailsTitle = props.translationT(inputFailure ? 'translation.inputFailedTitle' : 'translation.detailsTitle');
+    const pending = record === undefined || output.pending;
+    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 decide = async (choice) => {
+        if (props.inputFailure === undefined || decidingRef.current)
+            return;
+        decidingRef.current = true;
+        setDeciding(true);
+        setDecisionError(false);
+        try {
+            await callCliRpc(props.services.rpc, 'translation/resolve', {
+                sessionId: props.inputFailure.sessionId, id: props.inputFailure.id, choice,
+            }, AbortSignal.timeout(15_000));
+            props.onDecision?.();
+        }
+        catch {
+            setDecisionError(true);
+        }
+        finally {
+            decidingRef.current = false;
+            setDeciding(false);
+        }
+    };
+    const details = open && popupPosition !== null ? createElement('div', {
+        ref: popupRef,
+        role: 'dialog',
+        'aria-label': detailsTitle,
+        id: detailsId,
+        style: {
+            position: 'fixed',
+            zIndex: 2147483647,
+            left: popupPosition.left,
+            top: popupPosition.top,
+            width: popupPosition.width,
+            maxHeight: popupPosition.maxHeight,
+            boxSizing: 'border-box',
+            ...(popupPosition.placement === 'above' ? { transform: 'translateY(-100%)' } : {}),
+            overflow: 'auto',
+            padding: '10px 12px',
+            border: `1px solid ${dshThemeColor.border}`,
+            borderRadius: 8,
+            color: dshThemeColor.labelPrimary,
+            background: dshThemeColor.menuBackground,
+            boxShadow: '0 8px 24px color-mix(in srgb, CanvasText 16%, transparent)',
+            fontSize: uiFontSize(12),
+            lineHeight: 1.45,
+        },
+    }, createElement('div', { style: { display: 'flex', justifyContent: 'space-between', gap: 10, fontWeight: 600 } }, createElement('span', undefined, detailsTitle), inputFailure ? null : createElement('span', { role: 'status', 'aria-live': 'polite', style: { color: statusColor, fontWeight: 400 } }, statusText)), inputFailure || record?.sourceLanguage === undefined ? null : createElement('div', { style: { marginTop: 8, color: dshThemeColor.labelSecondary } }, `${props.translationT('translation.detectedLanguage')}: ${props.translationT(`translation.language.${record.sourceLanguage}`)}`), inputFailure ? null : 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'))
+        : props.inputFailure !== undefined ? null : createElement(DetailBlock, { kind: props.messageRole === 'user' ? 'sent' : 'translated', translationT: props.translationT, value: record.translated }), pending || inputFailure ? 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(' · ')), props.inputFailure === undefined ? null : createElement('p', { role: 'alert' }, props.translationT('translation.inputFailedHelp')), decisionError ? createElement('p', { role: 'alert', style: { color: dshThemeColor.error } }, props.translationT('translation.decisionFailed')) : null, props.inputFailure !== undefined ? createElement('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 8, marginTop: 10 } }, ...['retry', 'send', 'cancel'].map(choice => createElement('button', {
+        key: choice, type: 'button', disabled: deciding, onClick: () => { void decide(choice); }, style: recoveryButtonStyle,
+    }, props.translationT(choice === 'retry' ? 'translation.retry' : choice === 'send' ? 'translation.sendDirectly' : 'translation.cancelSending')))) : output.retry === undefined ? null : createElement('button', {
+        type: 'button', disabled: pending, onClick: () => { void output.retry?.(); }, style: { ...recoveryButtonStyle, marginTop: 10 },
+    }, props.translationT('translation.retry'))) : null;
+    const renderedDetails = details === null
+        ? null
+        : typeof document === 'undefined' ? details : createPortal(details, document.body);
+    return createElement('div', {
+        ref: rootRef,
+        style: {
+            position: 'relative',
+            display: 'inline-flex',
+            alignItems: 'center',
+            verticalAlign: 'middle',
+            ...(props.inline === true ? { marginInlineStart: 4 } : {}),
+        },
+        'data-codingns-translation-action': props.messageId,
+    }, createElement('button', {
+        ref: buttonRef,
+        type: 'button',
+        title: `${statusText} · ${props.translationT('translation.viewDetails')}`,
+        'aria-label': `${statusText} · ${props.translationT('translation.viewDetails')}`,
+        'aria-expanded': open,
+        'aria-controls': detailsId,
+        onClick: () => setOpen((value) => !value),
+        style: translationButtonStyle,
+    }, createElement(TranslationGlyph), createElement('span', {
+        'aria-hidden': true,
+        'data-codingns-translation-pending': pending || undefined,
+        style: {
+            ...TRANSLATION_STATUS_BADGE_STYLE,
+            ...(pending ? TRANSLATION_PENDING_BADGE_STYLE : { background: statusColor }),
+        },
+    }, pending ? null : failed ? '!' : '✓')), renderedDetails);
+}
+const recoveryButtonStyle = {
+    padding: '5px 10px', borderRadius: 6, border: `1px solid ${dshThemeColor.border}`,
+    background: dshThemeColor.surfaceSubtle, color: dshThemeColor.labelPrimary, cursor: 'pointer', font: 'inherit',
+};
+function PendingTranslationActions(props) {
+    const anchorRef = useRef(null);
+    const [targets, setTargets] = useState([]);
+    const [failures, setFailures] = useState([]);
+    const pollingRef = useRef();
+    const { adapterId, enabled } = useCliSessionTranslationState(props.sessionId, props.services.rpc);
+    const store = props.services.settings;
+    const settings = useSyncExternalStore(store.subscribe.bind(store), store.getSnapshot.bind(store), store.getSnapshot.bind(store));
+    const subagent = props.useSession?.((state) => state.subagent);
+    const eligible = enabled && resolveSessionTranslationOptions(settings.value?.sessionTranslation, adapterId).inputEnabled && subagent == null && !props.sessionId?.startsWith('codingns-assistant-');
+    useEffect(() => {
+        setFailures([]);
+        if (!eligible || props.sessionId === undefined)
+            return;
+        const polling = startSerialPolling(async (signal) => {
+            const next = await callCliRpc(props.services.rpc, 'translation/pending', { sessionId: props.sessionId }, signal);
+            if (!signal.aborted && Array.isArray(next))
+                setFailures(current => JSON.stringify(current) === JSON.stringify(next) ? current : next);
+        }, 750);
+        pollingRef.current = polling;
+        return () => { polling.dispose(); pollingRef.current = undefined; };
+    }, [eligible, props.sessionId, props.services.rpc]);
+    useLayoutEffect(() => {
+        setTargets([]);
+        if (!eligible || anchorRef.current === null)
+            return undefined;
+        return watchPendingTranslationTargets(anchorRef.current, setTargets);
+    }, [eligible, props.sessionId]);
+    const remaining = [...failures];
+    const actions = targets.map(target => {
+        const index = remaining.findIndex(failure => normalizePendingText(failure.record.original) === normalizePendingText(target.original));
+        const failure = index < 0 ? undefined : remaining.splice(index, 1)[0];
+        return createPortal(createElement(PendingTranslationAction, {
+            services: props.services,
+            translationT: props.translationT,
+            original: target.original,
+            inputFailure: failure,
+            onDecision: () => { void pollingRef.current?.refresh({ afterPending: true }); },
+        }), target.container, String(target.key));
+    });
+    return createElement('span', { ref: anchorRef, style: { display: 'contents' } }, ...actions, ...remaining.map(failure => createElement('span', { key: failure.id, style: { display: 'inline-flex', alignItems: 'center', gap: 8, maxWidth: '100%' } }, createElement('span', { style: { maxWidth: 240, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, failure.record.original), createElement(PendingTranslationAction, { services: props.services, translationT: props.translationT,
+        original: failure.record.original, inputFailure: failure,
+        onDecision: () => { void pollingRef.current?.refresh({ afterPending: true }); } }))));
+}
+function normalizePendingText(value) { return value.replace(/\s+/gu, ' ').trim(); }
+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: TRANSLATION_GLYPH_SIZE,
+        height: TRANSLATION_GLYPH_SIZE,
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.5,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        'aria-hidden': true,
+    }, ...TRANSLATION_GLYPH_PATHS.map(d => createElement('path', { key: d, d })));
+}
+const messageActionButtonStyle = {
+    position: 'relative',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 28,
+    height: 28,
+    padding: 0,
+    border: 0,
+    borderRadius: 'var(--dsw-radius-sm, 6px)',
+    color: dshThemeColor.labelTertiary,
+    background: 'transparent',
+    cursor: 'pointer',
+};
+const translationButtonStyle = {
+    ...messageActionButtonStyle,
+    transition: 'background-color 100ms ease, color 100ms ease',
+};
+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) {
+    const data = props.node.data;
+    const parts = splitUserContent(data.content);
+    const record = readInputRecord({ source: data.source });
+    // 这个渲染器以更低优先级遮蔽了 DSH 原生 user 渲染器，因此无论有没有翻译记录
+    // 都必须画出消息本身：返回 null 会让整条用户消息从对话里消失。
+    const translationRecord = record === undefined ? undefined : inputRecordForAction(record);
+    const labels = Array.isArray(data.referenceLabels) ? data.referenceLabels.filter((label) => typeof label === 'string') : [];
+    const skillNames = Array.isArray(data.skillNames) ? data.skillNames.filter((name) => typeof name === 'string') : [];
+    const showBubble = parts.text !== '' || parts.rest.length > 0;
+    const images = parts.attachments.filter((attachment) => attachment.type === 'image');
+    const compactImages = images.length > 1;
+    const messageId = `user-${String(data.seq ?? props.node.id ?? 'message')}`;
+    const chatT = props.t;
+    return createElement('div', {
+        'data-chat-flow-kind': 'user',
+        style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-end', gap: 6 },
+    }, props.presentation.kind === 'factory' ? props.presentation.userContent(props, {
+        text: parts.text,
+        attachments: parts.attachments.map(item => item.type === 'image' ? { type: 'image', image: { attachment: item.attachment } } : item),
+        extraBlocks: parts.rest,
+        referenceLabels: labels,
+    }, { sessionLabels: labels, skillNames }) : createElement('div', {
+        style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'flex-end',
+            gap: 8,
+            minWidth: 0,
+            maxWidth: 'min(calc(var(--dsh-chat-content-width, 748px) * .702), 82%)',
+        },
+    }, parts.attachments.length > 0 ? createElement('div', {
+        'data-message-attachments': true,
+        style: { display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 8, maxWidth: '100%' },
+    }, ...parts.attachments.map((attachment, index) => attachment.type === 'image'
+        ? createElement('div', { key: `image-${index}` }, props.presentation.images(props, { images: [{ attachment: attachment.attachment }], align: 'end', compact: compactImages }))
+        : createFileAttachment(attachment.file, index))) : null, showBubble ? createElement('div', {
+        style: {
+            boxSizing: 'border-box',
+            maxWidth: '100%',
+            padding: '10px 16px',
+            borderRadius: 'var(--dsw-radius-xl, 18px)',
+            color: dshThemeColor.labelPrimary,
+            background: 'var(--dsw-specific-bubble, var(--dsw-alias-interactive-bg-hover, rgba(127,127,127,.08)))',
+            fontSize: 'var(--dsh-content-font-size, 14px)',
+            lineHeight: 'calc(22px + var(--dsh-content-font-delta, 0px))',
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word',
+        },
+    }, props.presentation.projectText(parts.text, labels, skillNames, 'skill', typeof props.openFile === 'function' && typeof props.openSkill === 'function'
+        ? { openFile: props.openFile, openSkill: props.openSkill }
+        : undefined), ...parts.rest.map((block, index) => createElement(JsonBlock, {
+        key: `extra-${index}`,
+        label: chatT('message.extraBlock'),
+        payload: block,
+        truncatedLabel: (total) => chatT('json.truncated', { total }),
+    }))) : null, labels.length === 0 ? null : createElement('div', {
+        style: {
+            color: dshThemeColor.labelTertiary,
+            fontSize: 'var(--dsh-content-font-size-secondary, 13px)',
+            lineHeight: 'calc(18px + var(--dsh-content-font-delta-secondary, 0px))',
+        },
+    }, chatT('message.referenceSummary', { labels: labels.join(chatT('message.referenceSeparator')) }))), createElement('div', {
+        style: {
+            display: 'flex',
+            alignItems: 'center',
+            alignSelf: 'flex-end',
+            height: 'calc(28px + var(--dsh-content-font-delta, 0px))',
+            gap: 8,
+            color: dshThemeColor.labelTertiary,
+        },
+    }, typeof data.time === 'number' ? createElement('span', {
+        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',
+        record: translationRecord,
+    }), createElement(CopyAction, { text: parts.text, t: chatT })));
+}
+function createFileAttachment(file, index) {
+    const name = typeof file.name === 'string' ? file.name : '';
+    const bytes = typeof file.bytes === 'number' ? file.bytes : 0;
+    return createElement('span', {
+        key: `file-${index}`,
+        title: name,
+        style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            minWidth: 0,
+            maxWidth: '100%',
+            gap: 8,
+            padding: '8px 10px',
+            border: `1px solid ${dshThemeColor.border}`,
+            borderRadius: 8,
+            color: dshThemeColor.labelPrimary,
+            background: dshThemeColor.surfaceSubtle,
+        },
+    }, createElement(FileTypeIcon, { path: name, style: { flex: 'none' } }), createElement('span', { style: { display: 'flex', flexDirection: 'column', minWidth: 0, textAlign: 'left' } }, createElement('span', { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, name), createElement('span', { style: { color: dshThemeColor.labelSecondary, fontSize: 11 } }, [fileExtension(name).toUpperCase().slice(0, 8), fileSizeText(bytes)].filter(Boolean).join(' '))));
+}
+function CopyAction({ text, t: chatT }) {
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(undefined);
+    useEffect(() => () => {
+        if (timer.current !== undefined)
+            clearTimeout(timer.current);
+    }, []);
+    return createElement('button', {
+        type: 'button',
+        title: copied ? chatT('copied') : chatT('copy'),
+        'aria-label': copied ? chatT('copied') : chatT('copy'),
+        onClick: () => {
+            void writeClipboard(text).then((success) => {
+                if (!success)
+                    return;
+                setCopied(true);
+                if (timer.current !== undefined)
+                    clearTimeout(timer.current);
+                timer.current = setTimeout(() => {
+                    timer.current = undefined;
+                    setCopied(false);
+                }, 1000);
+            });
+        },
+        style: messageActionButtonStyle,
+    }, createElement(copied ? IconCheckOutlineRegular : IconCopyOutlineRegular));
+}
+function splitUserContent(content) {
+    const text = [];
+    const attachments = [];
+    const rest = [];
+    if (typeof content === 'string')
+        return { text: content, attachments, rest };
+    if (!Array.isArray(content))
+        return { text: '', attachments, rest };
+    for (const value of content) {
+        const block = asRecord(value);
+        if (block?.type === 'text' && typeof block.text === 'string')
+            text.push(block.text);
+        else if (block?.type === 'image' && block.attachment !== undefined)
+            attachments.push({ type: 'image', attachment: block.attachment });
+        else if (block?.type === 'file' && asRecord(block.attachment) !== undefined)
+            attachments.push({ type: 'file', file: asRecord(block.attachment) });
+        else
+            rest.push(value);
+    }
+    return { text: text.join(''), attachments, rest };
+}
+function formatMessageTime(time) {
+    const date = new Date(time);
+    const now = new Date();
+    const sameDay = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
+    const options = sameDay
+        ? { hour: '2-digit', minute: '2-digit' }
+        : { ...(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 translation action adjacent to its source block. */
+function AssistantTranslationNodeView(props) {
+    const data = props.node.data;
+    const blocks = Array.isArray(data.blocks) ? data.blocks : [];
+    const streaming = data.status === 'running';
+    const chatT = props.t;
+    const markdownLabels = useMemo(() => createMarkdownLabels(chatT), [chatT]);
+    const pathImages = useMemo(() => ({ resolve: resolveMarkdownImagePath }), []);
+    // 与 DSH 原生 AssistantMarkdown 相同的可见性判据：只有「运行中 / 被中断 / 含正文块」
+    // 才渲染内容。这个渲染器遮蔽了原生 assistant-step 渲染器，若在这里因为缺少翻译
+    // 记录而返回 null，整段 AI 正文就会从对话里消失。
+    const renderable = streaming || data.status === 'interrupted' || blocks.some((block) => block.kind !== 'tool-call');
+    // 只有确实需要渲染时才读取事件流：没有翻译的普通会话不再订阅 Session 事件。
+    const eventSnapshot = renderable ? readEventSource(props.services, props.sessionId)?.getSnapshot() : undefined;
+    const hasTranslation = renderable && blocks.some((block) => {
+        if (block.kind !== 'reasoning' && block.kind !== 'text')
+            return false;
+        const outputKind = block.kind === 'reasoning' ? 'reasoning' : 'assistant';
+        const embedded = readRecord(block);
+        if (embedded !== undefined && (embedded.outputKind === undefined || embedded.outputKind === outputKind))
+            return true;
+        return eventSnapshot !== undefined && findTranslationRecordForText(eventSnapshot, block.text, outputKind, data.turn, data.step) !== undefined;
+    });
+    const turn = props.node.location?.kind === 'turn' || props.node.location?.kind === 'step' ? props.node.location.turn : undefined;
+    const tail = typeof props.useTurnData === 'function' ? props.useTurnData('turn-tail') : undefined;
+    const finalNode = data.finalNode;
+    const fileOwner = turn?.status === 'closed' && finalNode !== undefined && tail?.closing?.finalNode?.seq === finalNode.seq
+        ? { turn, seq: finalNode.seq, openFile: (path) => { void props.openFile(path); } }
+        : undefined;
+    const mentions = fileOwner === undefined || typeof props.fileMentions !== 'function' ? undefined : props.fileMentions(fileOwner);
+    const turnProcess = props.turnProcess;
+    const reasoningHidden = turnProcess !== undefined
+        && turnProcess.foldable === true
+        && turnProcess.spec?.answerStep === data.step
+        && turnProcess.spec?.inlineReasoning === true
+        && turnProcess.open !== true;
+    const rendered = [];
+    const last = blocks.length - 1;
+    // Keep retries attached when a running step receives its final history node.
+    const messageId = `turn-${data.turn}-step-${data.step}`;
+    if (!renderable)
+        return null;
+    for (let index = 0; index < blocks.length; index += 1) {
+        const block = blocks[index];
+        if (block === undefined)
+            continue;
+        if (props.groupPart === 'reasoning' && block.kind !== 'reasoning')
+            continue;
+        if (props.groupPart === 'response' && block.kind === 'reasoning')
+            continue;
+        const running = streaming && index === last;
+        if (block.kind === 'text') {
+            const translationRecord = readRecord(block) ?? (hasTranslation && eventSnapshot !== undefined
+                ? findTranslationRecordForText(eventSnapshot, block.text, 'assistant', data.turn, data.step)
+                : undefined);
+            rendered.push(createElement(AssistantTextContent, {
+                key: `text-${index}`,
+                messageId: `${messageId}-text-${index}`,
+                sessionId: props.sessionId,
+                services: props.services,
+                translationT: props.translationT,
+                text: block.text, streaming, markdownLabels, mentions, pathImages, translationRecord,
+            }));
+            continue;
+        }
+        if (block.kind === 'reasoning') {
+            const translationRecord = readRecord(block) ?? (hasTranslation && eventSnapshot !== undefined
+                ? findTranslationRecordForText(eventSnapshot, block.text, 'reasoning', data.turn, data.step)
+                : undefined);
+            rendered.push(createElement(AssistantReasoningBlock, {
+                key: `reasoning-${index}`,
+                messageId: `${messageId}-reasoning-${index}`,
+                sessionId: props.sessionId,
+                services: props.services,
+                translationT: props.translationT,
+                chatT,
+                text: block.text,
+                ...(translationRecord === undefined ? {} : { translationRecord }),
+                running,
+                hidden: reasoningHidden,
+                reveal: () => turnProcess?.setOpen?.(true),
+                useGroupAction: props.useGroupAction,
+                renderFactorySlot: props.renderFactorySlot,
+                markdownLabels,
+                pathImages,
+                mentions,
+            }));
+            continue;
+        }
+        if (block.kind === 'image') {
+            const imageGroup = [block];
+            while (index + 1 < blocks.length && blocks[index + 1]?.kind === 'image') {
+                const next = blocks[index + 1];
+                if (next?.kind !== 'image')
+                    break;
+                imageGroup.push(next);
+                index += 1;
+            }
+            rendered.push(createElement('div', { key: `images-${index}`, style: { alignSelf: 'flex-start' } }, props.presentation.images(props, { images: imageGroup.map((image) => ({ attachment: image.attachment })), align: 'start' })));
+            continue;
+        }
+        if (block.kind === 'other') {
+            rendered.push(createElement(JsonBlock, {
+                key: `other-${index}`,
+                label: chatT('message.unknownBlock'),
+                payload: block.block,
+                truncatedLabel: (total) => chatT('json.truncated', { total }),
+            }));
+        }
+    }
+    return createElement('div', {
+        'data-streaming': streaming || undefined,
+        style: { display: 'flex', flexDirection: 'column', gap: 16, minWidth: 0, color: dshThemeColor.labelPrimary, fontSize: 'var(--dsh-content-font-size, 14px)', lineHeight: 'calc(24px + var(--dsh-content-font-delta, 0px))' },
+    }, ...rendered, data.status === 'interrupted' ? createElement('span', {
+        style: { alignSelf: 'flex-start', padding: '0 6px', borderRadius: 'var(--dsw-radius-sm, 4px)', color: dshThemeColor.labelTertiary, background: dshThemeColor.surfaceSubtle, fontSize: 11, lineHeight: '18px' },
+    }, chatT('message.stopped')) : null);
+}
+function AssistantTextContent(props) {
+    const { record } = useOutputTranslation({ ...props, outputKind: 'assistant', record: props.translationRecord });
+    return createElement('div', { 'data-codingns-translation-inline': true, style: { minWidth: 0 } }, createElement(MarkdownText, { text: record?.translated ?? props.text, streaming: props.streaming, labels: props.markdownLabels, fileMentions: props.mentions, pathImages: props.pathImages }), record === undefined ? null : createElement(TranslationAction, { messageId: props.messageId, sessionId: props.sessionId,
+        messageRole: 'assistant', outputKind: 'assistant', services: props.services, translationT: props.translationT,
+        record: props.translationRecord, inline: true }));
+}
+function AssistantReasoningBlock(props) {
+    const [expanded, setExpanded] = useState(false);
+    const groupRef = props.useGroupAction?.(props.hidden, props.reveal);
+    const { record } = useOutputTranslation({ ...props, outputKind: 'reasoning', record: props.translationRecord });
+    const displayText = record?.translated ?? props.text;
+    const summary = displayText.split('\n').map((line) => line.replace(/[`*_#>]/gu, '').trim()).find(Boolean) ?? '';
+    return createElement('div', {
+        ref: groupRef,
+        hidden: props.hidden,
+        'data-turn-process-inline': props.hidden || undefined,
+    }, createElement(DisclosureRow, {
+        icon: createElement(IconThinkOutlineRegular, { size: 14 }),
+        title: props.chatT('message.think'),
+        open: expanded,
+        expandable: true,
+        expandOnRowClick: true,
+        running: props.running,
+        onToggle: () => setExpanded((value) => !value),
+        collapsedContent: createElement('span', {
+            style: { minWidth: 0, overflow: 'hidden', color: dshThemeColor.labelSecondary, fontSize: 'var(--dsh-content-font-size-secondary, 13px)', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
+        }, createElement(TextShimmer, { active: props.running, children: summary })),
+    }, expanded ? createElement(AssistantReasoningContent, {
+        messageId: props.messageId,
+        sessionId: props.sessionId,
+        services: props.services,
+        translationT: props.translationT,
+        text: props.text,
+        running: props.running,
+        ...(props.translationRecord === undefined ? {} : { translationRecord: props.translationRecord }),
+        markdownLabels: props.markdownLabels,
+        pathImages: props.pathImages,
+        mentions: props.mentions,
+        ...(props.renderFactorySlot === undefined ? {} : { renderFactorySlot: props.renderFactorySlot }),
+    }) : null));
+}
+/**
+ * 思考块展开后的正文。
+ *
+ * DSH 原生 `ReasoningRow` 直接渲染 `MarkdownText`，运行时**没有**注册
+ * `conversation.chat.reasoning.content` 工厂（`conversation.chat.*` 只有
+ * `node` / `assistant-actions` / `commandview` / `turnTail`）。而 `renderFactorySlot`
+ * 在工厂缺失时只渲染 `fallback`，缺省为 `null`——此前这里既不传 fallback，
+ * 又把正文完全交给该工厂，于是展开思考后只剩翻译入口，译文一行都看不到。
+ * 因此原生 MarkdownText 必须作为 fallback 传进去：没有工厂时按原生方式渲染，
+ * 工厂存在时才允许表现层覆盖。
+ */
+export function AssistantReasoningContent(props) {
+    const { record } = useOutputTranslation({ ...props, outputKind: 'reasoning', record: props.translationRecord });
+    const displayText = record?.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: 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,
+        sessionId: props.sessionId,
+        outputKind: 'reasoning',
+        messageRole: 'assistant',
+        services: props.services,
+        translationT: props.translationT,
+        record: props.translationRecord,
+        inline: true,
+    }));
+}
+function createMarkdownLabels(chatT) {
+    return {
+        code: {
+            copyLabel: chatT('copy'),
+            copiedLabel: chatT('copied'),
+            toolbarLabels: {
+                codeLabel: chatT('codeBlock.title'),
+                wrapLabel: chatT('codeBlock.wrap'),
+                unwrapLabel: chatT('codeBlock.unwrap'),
+            },
+        },
+        footnotes: chatT('markdown.footnotes'),
+    };
+}
+function resolveMarkdownImagePath(value) {
+    if (typeof document === 'undefined' || !value.startsWith('/') || /^[/\\]{2}/u.test(value) || /[\u0000-\u001f\u007f]/u.test(value))
+        return undefined;
+    const base = document.baseURI;
+    if (!/^https?:/u.test(base) && !base.startsWith('dsh-app://app/'))
+        return undefined;
+    try {
+        return new URL(`api/file?path=${encodeURIComponent(value)}`, base).href;
+    }
+    catch {
+        return undefined;
+    }
+}
+/**
+ * 注册用户消息（含插话）与 AI 正文的翻译渲染器；DSH 的用户气泡内容仍由统一主题令牌控制。
+ */
+export function registerSessionTranslationChatUi(services, facts = { primitives: messagePrimitives }) {
+    const resolution = createDshCapabilityRegistry(services.dshVersion, 'client', services, facts).getProfile(services).capabilities.get('conversation.message-presentation');
+    const slots = services.slots;
+    if (slots?.inject === undefined || slots.register === undefined)
+        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));
+    if (resolution?.status !== 'ready')
+        return () => { clearOutputTranslationRetries(services); removePendingActions(); removeStyles(); };
+    const presentation = resolution.value;
+    const removeRenderers = presentation.mount(() => {
+        // DSH 把运行中被当前 turn 接收的插话投影为 steering 节点，并用同一个用户气泡
+        // 渲染；只遮蔽 user 会让插话的翻译记录不显示，看起来像未经翻译就发送。
+        const renderers = [
+            ['user', props => UserMessageNodeView({ ...props, presentation })],
+            ['steering', props => UserMessageNodeView({ ...props, presentation })],
+            ['assistant-step', props => AssistantTranslationNodeView({ ...props, presentation })],
+        ];
+        const removers = [];
+        try {
+            for (const [key, component] of renderers) {
+                removers.push(slots.inject('conversation.chat.node', () => slots.register({
+                    name: 'conversation.chat.node',
+                    key,
+                    priority: -100,
+                    locale: 'chat',
+                    inject: (sessionId) => ({ services, sessionId, translationT }),
+                }, component)));
+            }
+        }
+        catch (error) {
+            for (const remove of removers.reverse())
+                remove();
+            throw error;
+        }
+        return () => { for (const remove of [...removers].reverse())
+            remove(); };
+    });
+    return () => {
+        clearOutputTranslationRetries(services);
+        removePendingActions();
+        removeRenderers();
+        removeStyles();
+    };
+}
+function installSessionTranslationChatStyles() {
+    if (typeof document === 'undefined')
+        return () => undefined;
+    const styleId = 'codingns-session-translation-chat';
+    if (document.head.querySelector(`style[data-plugin-css="${styleId}"]`) !== null)
+        return () => undefined;
+    const style = document.createElement('style');
+    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}
+  `;
+    document.head.appendChild(style);
+    return () => style.remove();
+}
+function readEventSource(services, sessionId) {
+    const sessions = services.sessions;
+    try {
+        return sessions?.binding?.(sessionId)?.eventSource;
+    }
+    catch {
+        return undefined;
+    }
+}
+function findTranslationRecordForText(snapshot, text, outputKind, turn, step) {
+    const entries = snapshot.entries ?? [];
+    for (let index = entries.length - 1; index >= 0; index -= 1) {
+        const event = readEntryEvent(entries[index]);
+        if (event === undefined || !event.type.startsWith('assistant/'))
+            continue;
+        const eventData = asRecord(event.data);
+        if (turn !== undefined && typeof eventData?.turn === 'number' && eventData.turn !== turn)
+            continue;
+        if (step !== undefined && typeof eventData?.step === 'number' && eventData.step !== step)
+            continue;
+        const candidates = [];
+        collectRecordCandidates(event.data, candidates, new Set());
+        for (const candidate of candidates) {
+            const record = readRecord(candidate);
+            if (record === undefined || record.original !== text && record.translated !== text)
+                continue;
+            if (outputKind !== undefined && record.outputKind !== undefined && record.outputKind !== outputKind)
+                continue;
+            return record;
+        }
+    }
+    return undefined;
+}
+function collectRecordCandidates(value, candidates, seen, depth = 0) {
+    if (Array.isArray(value)) {
+        for (const item of value)
+            collectRecordCandidates(item, candidates, seen, depth + 1);
+        return;
+    }
+    const record = asRecord(value);
+    if (record === undefined || seen.has(record) || depth > 7)
+        return;
+    seen.add(record);
+    if (readRecord(record) !== undefined || asRecord(record.codingnsTranslation) !== undefined)
+        candidates.push(record);
+    for (const key of ['codingnsTranslation', 'source', 'message', 'content', 'stream', 'chunk', 'block', 'data']) {
+        if (record[key] !== undefined)
+            collectRecordCandidates(record[key], candidates, seen, depth + 1);
+    }
+}
+function readEntryEvent(value) {
+    const record = asRecord(value);
+    const event = asRecord(record?.event);
+    return event ?? (typeof record?.type === 'string' ? record : undefined);
+}
+function readRecord(value) {
+    const record = asRecord(value);
+    const candidate = asRecord(record?.codingnsTranslation) ?? record;
+    if (candidate?.original === undefined || candidate.translated === undefined)
+        return undefined;
+    if (typeof candidate.original !== 'string' || typeof candidate.translated !== 'string')
+        return undefined;
+    const targetLanguage = readLanguage(candidate.targetLanguage);
+    if (targetLanguage === undefined)
+        return undefined;
+    const model = readModel(candidate.model);
+    const outputKind = candidate.outputKind === 'assistant' || candidate.outputKind === 'reasoning' ? candidate.outputKind : undefined;
+    return {
+        original: candidate.original,
+        translated: candidate.translated,
+        ...(candidate.sourceLanguage === 'zh' || candidate.sourceLanguage === 'en' || candidate.sourceLanguage === 'fr' || candidate.sourceLanguage === 'de' || candidate.sourceLanguage === 'ja' ? { sourceLanguage: candidate.sourceLanguage } : {}),
+        targetLanguage,
+        bilingual: candidate.bilingual === true,
+        ...(outputKind === undefined ? {} : { outputKind }),
+        ...(candidate.alreadyTargetLanguage === true ? { alreadyTargetLanguage: true } : {}),
+        ...(model === undefined ? {} : { model }),
+        ...(candidate.failed === true ? { failed: true } : {}),
+        ...readSessionTranslationMetrics(candidate),
+    };
+}
+function readModel(value) {
+    const record = asRecord(value);
+    if (typeof record?.provider !== 'string' || typeof record.model !== 'string' || record.provider.trim() === '' || record.model.trim() === '')
+        return undefined;
+    return { provider: record.provider, model: record.model };
+}
+function readInputRecord(value) {
+    const message = asRecord(value);
+    const source = asRecord(message?.source);
+    const candidate = asRecord(source?.codingnsTranslationInput);
+    if (candidate?.original === undefined || candidate.translated === undefined)
+        return undefined;
+    if (typeof candidate.original !== 'string' || typeof candidate.translated !== 'string')
+        return undefined;
+    const targetLanguage = readLanguage(candidate.targetLanguage);
+    if (targetLanguage === undefined)
+        return undefined;
+    const model = readModel(candidate.model);
+    return {
+        original: candidate.original,
+        translated: candidate.translated,
+        ...(candidate.sourceLanguage === 'zh' || candidate.sourceLanguage === 'en' || candidate.sourceLanguage === 'fr' || candidate.sourceLanguage === 'de' || candidate.sourceLanguage === 'ja' ? { sourceLanguage: candidate.sourceLanguage } : {}),
+        targetLanguage,
+        ...(candidate.alreadyTargetLanguage === true ? { alreadyTargetLanguage: true } : {}),
+        ...(model === undefined ? {} : { model }),
+        ...(candidate.failed === true ? { failed: true } : {}),
+        ...readSessionTranslationMetrics(candidate),
+    };
+}
+function inputRecordForAction(record) {
+    return {
+        original: record.original,
+        translated: record.translated,
+        ...(record.sourceLanguage === undefined ? {} : { sourceLanguage: record.sourceLanguage }),
+        targetLanguage: record.targetLanguage,
+        bilingual: false,
+        ...(record.alreadyTargetLanguage === true ? { alreadyTargetLanguage: true } : {}),
+        ...(record.model === undefined ? {} : { model: record.model }),
+        ...(record.failed === true ? { failed: true } : {}),
+        ...readSessionTranslationMetrics(record),
+    };
+}
+function readLanguage(value) {
+    return value === 'zh' || value === 'en' || value === 'fr' || value === 'de' || value === 'ja' ? value : undefined;
+}
+function formatModel(model, t) {
+    return model === undefined ? t('translation.modelUnknown') : `${model.provider} / ${model.model}`;
+}
+function safeDomId(value) {
+    return encodeURIComponent(value).replace(/%/gu, '-');
+}
+function asRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value) ? value : undefined;
+}
+//# sourceMappingURL=session-translation-chat.js.map