@blade-hq/agent-kit 0.4.1 → 0.4.5

package/dist/internal/core/components/chat/ChatInput.js

@@ -1,1127 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { EditorContent, useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import { exitSuggestion, } from "@tiptap/suggestion";
-import { Archive, ChevronDown, File, FileCode2, FileText, Film, FolderUp, CircleHelp, Download, FlaskConical, Import, Lightbulb, Loader2, Mic, MicOff, Music, Paperclip, Plus, Rocket, Scissors, Send, Sparkles, Share2, Square, X, } from "lucide-react";
-import { useQueryClient } from "@tanstack/react-query";
-import { useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
-import { createRoot } from "react-dom/client";
-import { toast } from "sonner";
-import { useTiptapVoiceInput } from "../../asr/use-tiptap-voice-input";
-import { VoiceWaveform } from "../../asr/VoiceWaveform";
-import { ModelSelector } from "../model/ModelSelector";
-import { useRuntimeFeaturesStore } from "../../stores/runtime-features-store";
-import { useModelPreferencesStore } from "../../stores/model-preferences-store";
-import { getAuthedUrl } from "../../api/client";
-import { getSessionTurns, listSessions, uploadFiles, writeFile } from "../../api/sessions";
-import { listSessionSkills, searchSkills } from "../../api/skills";
-import { useInputHistory } from "../../hooks/use-input-history";
-import { ATTACHMENT_SIZE_LIMIT_BYTES, splitFilesBySize, } from "../../lib/attachment-upload";
-import { buildMessageContent, transformSlashCommand } from "../../lib/chat";
-import { skillDisplayName } from "../../schemas/skill";
-import { useConnectionStore } from "../../stores/connection-store";
-import { useSessionStore } from "../../stores/session-store";
-import { useUiBridgeStore } from "../../stores/ui-bridge-store";
-import { FileCompletionMenu, getFileSuggestionItems, } from "./FileCompletionMenu";
-import { SkillCompletionMenu, } from "./SkillCompletionMenu";
-import { FileSizeLimitDialog } from "./FileSizeLimitDialog";
-import { SkillStatusBar } from "./SkillStatusBar";
-import { FileMention, fileMentionSuggestionKey, } from "./extensions/file-mention";
-import { COMMANDS, SkillMention, skillMentionSuggestionKey, } from "./extensions/skill-mention";
-function getEditorText(editor) {
-    return editor?.getText({ blockSeparator: "\n" }) ?? "";
-}
-function buildPlainTextDocument(text) {
-    return {
-        type: "doc",
-        content: text.split("\n").map((line) => ({
-            type: "paragraph",
-            content: line ? [{ type: "text", text: line }] : [],
-        })),
-    };
-}
-function replaceEditorText(editor, text) {
-    if (!editor) {
-        return;
-    }
-    if (!text) {
-        editor.commands.clearContent();
-        editor.commands.focus("end");
-        return;
-    }
-    editor.commands.setContent(buildPlainTextDocument(text));
-    editor.commands.focus("end");
-}
-function getFileCardIcon(attachment) {
-    const lowerName = attachment.name.toLowerCase();
-    if (attachment.mimeType.startsWith("audio/")) {
-        return Music;
-    }
-    if (attachment.mimeType.startsWith("video/")) {
-        return Film;
-    }
-    if (/\.(zip|rar|7z|tar|gz|bz2|xz)$/.test(lowerName)) {
-        return Archive;
-    }
-    if (/\.(ts|tsx|js|jsx|py|rb|go|rs|java|kt|swift|c|cc|cpp|h|hpp|css|scss|html|json|yaml|yml|toml|md)$/.test(lowerName)) {
-        return FileCode2;
-    }
-    if (attachment.mimeType.startsWith("text/") || /\.(txt|pdf|doc|docx|rtf|odt)$/.test(lowerName)) {
-        return FileText;
-    }
-    return File;
-}
-async function hashFileContent(file) {
-    const buffer = await file.arrayBuffer();
-    const hashBuffer = await crypto.subtle.digest("SHA-256", buffer);
-    const hashArray = Array.from(new Uint8Array(hashBuffer));
-    return hashArray
-        .map((b) => b.toString(16).padStart(2, "0"))
-        .join("")
-        .slice(0, 12);
-}
-function getFileExtension(file) {
-    const name = file.name || "";
-    const dotIndex = name.lastIndexOf(".");
-    return dotIndex >= 0 ? name.slice(dotIndex) : "";
-}
-function isClipboardPastedFile(file) {
-    // Browsers assign generic names like "image.png" for pasted clipboard images
-    return /^image\.\w+$/.test(file.name);
-}
-async function getUploadFileName(file) {
-    if (file.webkitRelativePath)
-        return file.webkitRelativePath;
-    if (isClipboardPastedFile(file)) {
-        const hash = await hashFileContent(file);
-        return `paste_${hash}${getFileExtension(file)}`;
-    }
-    return file.name || "未命名文件";
-}
-function getImagePreviewUrl(attachment, sessionId, localImageUrls) {
-    if (attachment.status === "uploaded" && sessionId && attachment.uploadedPath) {
-        return getAuthedUrl(`/api/sessions/${encodeURIComponent(sessionId)}/files/${encodeURIComponent(attachment.uploadedPath)}`);
-    }
-    return localImageUrls[attachment.id];
-}
-function isMessageContentEmpty(content) {
-    if (typeof content === "string") {
-        return !content.trim();
-    }
-    return content.length === 0 || content.every((part) => part.type === "text" && !part.text.trim());
-}
-function isImageAttachment(attachment) {
-    return attachment.kind === "file" && attachment.mimeType.startsWith("image/");
-}
-function buildSubmitPayload(text, attachments, pendingContexts, onBeforeSend) {
-    const validAttachments = attachments.filter((attachment) => attachment.status !== "failed");
-    const payload = buildMessageContent(text, validAttachments);
-    const contextParts = pendingContexts.map((context) => ({
-        type: "text",
-        text: `[上下文: ${context.label}]\n${context.content}`,
-    }));
-    const mergedPayload = contextParts.length === 0
-        ? payload
-        : typeof payload === "string"
-            ? payload.trim()
-                ? [...contextParts, { type: "text", text: payload }]
-                : contextParts
-            : [...contextParts, ...payload];
-    return onBeforeSend ? onBeforeSend(mergedPayload) : mergedPayload;
-}
-function estimateTokenCount(text) {
-    const cjkCount = (text.match(/[\u3400-\u9FFF]/g) ?? []).length;
-    const visibleCount = text.replace(/\s/g, "").length;
-    const otherCount = Math.max(0, visibleCount - cjkCount);
-    return Math.max(0, Math.round(cjkCount * 1.2 + otherCount / 4));
-}
-function formatTokenK(text) {
-    const tokenCount = estimateTokenCount(text);
-    const tokenK = tokenCount / 1000;
-    if (tokenK >= 10) {
-        return `约 ${tokenK.toFixed(1)}k`;
-    }
-    return `约 ${tokenK.toFixed(2)}k`;
-}
-function ComposerFilePill({ attachment, onRemove, }) {
-    const Icon = getFileCardIcon(attachment);
-    const isFile = attachment.kind === "file";
-    const isFailed = isFile && attachment.status === "failed";
-    const isUploading = isFile && attachment.status === "uploading";
-    return (_jsxs("div", { className: `flex shrink-0 items-center gap-1.5 rounded-full border px-2.5 py-1 text-[11px] ${isFailed
-            ? "border-red-500/30 bg-red-500/5 text-red-400"
-            : "border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--foreground))]"}`, children: [isUploading ? (_jsx(Loader2, { size: 12, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" })) : (_jsx(Icon, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" })), _jsx("span", { className: "max-w-32 truncate", children: attachment.name }), _jsx("button", { type: "button", onClick: () => onRemove(attachment.id), "aria-label": `移除 ${attachment.name}`, className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition hover:text-rose-400", children: _jsx(X, { size: 10 }) })] }));
-}
-function AddContextDialog({ sessionId, onClose, onAdd, }) {
-    const CONTEXT_INLINE_THRESHOLD = 200;
-    const [label, setLabel] = useState("");
-    const [content, setContent] = useState("");
-    const [showSessionPicker, setShowSessionPicker] = useState(false);
-    const [sessions, setSessions] = useState([]);
-    const [loadingSessions, setLoadingSessions] = useState(false);
-    const [importingId, setImportingId] = useState(null);
-    const [isImportProcessing, setIsImportProcessing] = useState(false);
-    const sanitizeContextFolderName = (raw) => {
-        const normalized = raw.trim().toLowerCase();
-        const safe = normalized.replace(/[^\w\-.\u4e00-\u9fa5]+/g, "_").replace(/^_+|_+$/g, "");
-        return safe || "untitled";
-    };
-    const uploadContextSnippet = async (folder, fileName, fileContent) => {
-        const filePath = `context/${folder}/${fileName}`;
-        await writeFile(sessionId, filePath, fileContent);
-        return filePath;
-    };
-    const handleLoadSessions = async () => {
-        if (showSessionPicker) {
-            setShowSessionPicker(false);
-            return;
-        }
-        setLoadingSessions(true);
-        setShowSessionPicker(true);
-        try {
-            const list = await listSessions();
-            setSessions(list
-                .filter((s) => s.id !== sessionId)
-                .map((s) => ({ id: s.id, intent: s.intent || s.id })));
-        }
-        catch {
-            setSessions([]);
-        }
-        finally {
-            setLoadingSessions(false);
-        }
-    };
-    const handleImportSession = async (sid) => {
-        setImportingId(sid);
-        setIsImportProcessing(false);
-        try {
-            const turns = await getSessionTurns(sid);
-            const session = sessions.find((s) => s.id === sid);
-            const nextLabel = session?.intent || "导入的会话";
-            const folder = sanitizeContextFolderName(nextLabel);
-            let contextFileIndex = 1;
-            const pendingUploads = [];
-            const segments = [];
-            for (const turn of turns.filter((t) => t.role === "user" || t.role === "assistant")) {
-                const textParts = turn.blocks
-                    .filter((b) => b.type === "text")
-                    .map((b) => (typeof b.content === "string" ? b.content : ""))
-                    .filter(Boolean);
-                const toolParts = [];
-                for (const tc of (turn.tool_calls ?? []).filter((item) => item.status === "done")) {
-                    const rawResultStr = typeof tc.result === "string"
-                        ? tc.result
-                        : tc.result != null
-                            ? JSON.stringify(tc.result, null, 2)
-                            : "";
-                    const hasLongResult = rawResultStr.length > CONTEXT_INLINE_THRESHOLD;
-                    const toolName = (tc.tool_name || "").toLowerCase();
-                    const looksLikeReadFile = toolName.includes("read") || toolName.includes("file");
-                    let resultText = rawResultStr;
-                    if (hasLongResult || (looksLikeReadFile && rawResultStr.length > CONTEXT_INLINE_THRESHOLD)) {
-                        const fileName = `tool-result-${String(contextFileIndex).padStart(3, "0")}.txt`;
-                        contextFileIndex += 1;
-                        const filePath = `context/${folder}/${fileName}`;
-                        const pendingText = `[处理中: 将转存到工作区文件 ${filePath}]`;
-                        pendingUploads.push({
-                            pendingText,
-                            finalText: `[内容已转存到工作区文件: ${filePath}]`,
-                            fallbackPrefix: "[转存失败，保留原文片段]",
-                            fileName,
-                            rawResultStr,
-                        });
-                        resultText = pendingText;
-                    }
-                    toolParts.push(`[工具调用: ${tc.display_name || tc.tool_name}]\n参数: ${tc.arguments}\n结果: ${resultText}`);
-                }
-                segments.push(`[${turn.role}]: ${[...textParts, ...toolParts].join("\n\n")}`);
-            }
-            const resolvedText = segments.join("\n\n");
-            setLabel(nextLabel);
-            setContent(resolvedText);
-            setShowSessionPicker(false);
-            if (pendingUploads.length > 0) {
-                setIsImportProcessing(true);
-                let finalText = resolvedText;
-                for (const upload of pendingUploads) {
-                    try {
-                        await uploadContextSnippet(folder, upload.fileName, upload.rawResultStr);
-                        finalText = finalText.split(upload.pendingText).join(upload.finalText);
-                    }
-                    catch (error) {
-                        const reason = error instanceof Error ? error.message : "unknown error";
-                        finalText = finalText.split(upload.pendingText).join(`${upload.fallbackPrefix}\n原因: ${reason}\n${upload.rawResultStr.slice(0, CONTEXT_INLINE_THRESHOLD)}...`);
-                    }
-                    setContent(finalText);
-                }
-                setIsImportProcessing(false);
-            }
-        }
-        catch {
-            // ignore
-        }
-        finally {
-            setIsImportProcessing(false);
-            setImportingId(null);
-        }
-    };
-    return (_jsx("div", { className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-4", onClick: onClose, onKeyDown: (e) => {
-            if (e.key === "Escape")
-                onClose();
-        }, children: _jsxs("div", { className: "w-full max-w-lg flex flex-col rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-2xl", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-5 py-3", children: [_jsx("h4", { className: "text-sm font-semibold text-[hsl(var(--foreground))]", children: "\u6DFB\u52A0\u4E0A\u4E0B\u6587" }), _jsx("button", { type: "button", onClick: onClose, className: "rounded-md p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]", children: _jsx(X, { size: 14 }) })] }), _jsxs("div", { className: "px-5 py-4 space-y-3", children: [_jsxs("div", { className: "relative", children: [_jsxs("button", { type: "button", onClick: handleLoadSessions, className: "inline-flex items-center gap-1.5 rounded-md border border-[hsl(var(--border))] px-2.5 py-1.5 text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(Import, { size: 12 }), "\u4ECE\u5176\u4ED6\u4F1A\u8BDD\u5BFC\u5165", _jsx(ChevronDown, { size: 10, className: `transition-transform ${showSessionPicker ? "rotate-180" : ""}` })] }), showSessionPicker && (_jsx("div", { className: "absolute left-0 top-full z-10 mt-1 max-h-48 w-full overflow-y-auto rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-lg", children: loadingSessions ? (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: [_jsx(Loader2, { size: 12, className: "animate-spin" }), "\u52A0\u8F7D\u4F1A\u8BDD\u5217\u8868\u2026"] })) : sessions.length === 0 ? (_jsx("div", { className: "px-3 py-2.5 text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u5176\u4ED6\u4F1A\u8BDD" })) : (sessions.map((s) => (_jsxs("button", { type: "button", disabled: importingId === s.id, onClick: () => handleImportSession(s.id), className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))] disabled:opacity-50", children: [importingId === s.id && _jsx(Loader2, { size: 10, className: "shrink-0 animate-spin" }), _jsx("span", { className: "truncate", children: s.intent })] }, s.id)))) }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ctx-label", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u6807\u7B7E" }), _jsx("input", { id: "ctx-label", value: label, onChange: (e) => setLabel(e.target.value), placeholder: "\u4F8B\u5982\uFF1A\u53C2\u8003\u5BF9\u8BDD\u3001\u80CC\u666F\u8D44\u6599\u2026", className: "w-full rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-3 py-1.5 text-xs text-[hsl(var(--foreground))] placeholder:text-[hsl(var(--muted-foreground))] outline-none focus-visible:border-[hsl(var(--ring))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))]" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ctx-content", className: "block text-xs font-medium text-[hsl(var(--foreground))] mb-1", children: "\u5185\u5BB9" }), isImportProcessing && (_jsxs("div", { className: "mb-1.5 flex items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [_jsx(Loader2, { size: 11, className: "animate-spin" }), "\u6B63\u5728\u5904\u7406\u5BFC\u5165\u5185\u5BB9\u5E76\u5199\u5165 workspace/context\uFF0C\u5B8C\u6210\u540E\u53EF\u70B9\u51FB\u201C\u786E\u5B9A\u201D"] })), _jsx("textarea", { id: "ctx-content", value: content, onChange: (e) => setContent(e.target.value), placeholder: "\u8F93\u5165\u6216\u4ECE\u5176\u4ED6\u4F1A\u8BDD\u5BFC\u5165\u4E0A\u4E0B\u6587\u5185\u5BB9\u2026", rows: 6, className: "w-full rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-3 py-2 font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground))] placeholder:text-[hsl(var(--muted-foreground))] outline-none focus-visible:border-[hsl(var(--ring))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] resize-y" })] })] }), _jsxs("div", { className: "flex justify-end gap-2 border-t border-[hsl(var(--border))] px-5 py-3", children: [_jsx("button", { type: "button", onClick: onClose, className: "rounded-md border border-[hsl(var(--border))] px-3 py-1.5 text-xs text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]", children: "\u53D6\u6D88" }), _jsx("button", { type: "button", onClick: () => {
-                                if (label.trim() && content.trim()) {
-                                    onAdd(label.trim(), content.trim());
-                                    onClose();
-                                }
-                            }, disabled: isImportProcessing || !label.trim() || !content.trim(), className: "rounded-md bg-blue-500 px-3 py-1.5 text-xs text-white transition-colors hover:bg-blue-600 disabled:opacity-50", children: "\u786E\u5B9A" })] })] }) }));
-}
-function ComposerContextPill({ id, label, content, onRemove, }) {
-    const [showDetail, setShowDetail] = useState(false);
-    const tokenK = formatTokenK(content);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]", children: [_jsx("button", { type: "button", onClick: () => setShowDetail(true), className: "max-w-40 truncate hover:text-blue-400 transition-colors", title: "\u70B9\u51FB\u67E5\u770B\u5B8C\u6574\u5185\u5BB9", children: label }), _jsx("span", { className: "shrink-0 rounded bg-[hsl(var(--background))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", title: "\u4E0A\u4E0B\u6587\u5185\u5BB9 token \u4F30\u7B97\u503C", children: tokenK }), _jsx("button", { type: "button", onClick: () => onRemove(id), "aria-label": `移除上下文 ${label}`, className: "ml-0.5 inline-flex shrink-0 items-center justify-center rounded-full text-[hsl(var(--muted-foreground))] transition hover:text-rose-400", children: _jsx(X, { size: 10 }) })] }), showDetail && (_jsx("div", { className: "fixed inset-0 z-[60] flex items-center justify-center bg-black/55 p-6", onClick: () => setShowDetail(false), onKeyDown: (e) => {
-                    if (e.key === "Escape")
-                        setShowDetail(false);
-                }, children: _jsxs("div", { className: "w-full max-w-4xl max-h-[85vh] flex flex-col rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] shadow-2xl", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [_jsx("h4", { className: "text-xs font-semibold text-[hsl(var(--foreground))]", children: label }), _jsx("button", { type: "button", onClick: () => setShowDetail(false), className: "rounded-md p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]", children: _jsx(X, { size: 14 }) })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: _jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content }) })] }) }))] }));
-}
-function serializeEditorContent(node) {
-    if (!node)
-        return "";
-    if (node.type === "text") {
-        return node.text ?? "";
-    }
-    if (node.type === "hardBreak") {
-        return "\n";
-    }
-    if (node.type === "fileMention") {
-        const path = typeof node.attrs?.path === "string" ? node.attrs.path : "";
-        return path ? `\`${path}\`` : "";
-    }
-    if (node.type === "skillMention") {
-        const skillId = typeof node.attrs?.skillId === "string" ? node.attrs.skillId : "";
-        return skillId ? `<skill>${skillId}</skill>` : "";
-    }
-    const children = (node.content ?? []).map((child) => serializeEditorContent(child));
-    if (node.type === "doc") {
-        return children.join("\n");
-    }
-    return children.join("");
-}
-function findLeadingSkillMention(node) {
-    const result = scanLeadingSkillMention(node, false);
-    return result.skillId;
-}
-function scanLeadingSkillMention(node, seenContent) {
-    if (!node) {
-        return { skillId: null, seenContent };
-    }
-    if (node.type === "text") {
-        return { skillId: null, seenContent: seenContent || /\S/.test(node.text ?? "") };
-    }
-    if (node.type === "hardBreak" || node.type === "fileMention") {
-        return { skillId: null, seenContent: true };
-    }
-    if (node.type === "skillMention") {
-        return {
-            skillId: seenContent ? null : (typeof node.attrs?.skillId === "string" ? node.attrs.skillId : null),
-            seenContent: true,
-        };
-    }
-    let nextSeenContent = seenContent;
-    for (const child of node.content ?? []) {
-        const result = scanLeadingSkillMention(child, nextSeenContent);
-        if (result.skillId) {
-            return result;
-        }
-        nextSeenContent = result.seenContent;
-    }
-    return { skillId: null, seenContent: nextSeenContent };
-}
-async function getSkillSuggestionItems(sessionId, query) {
-    const loadSessionSkills = async () => {
-        if (!sessionId) {
-            return [];
-        }
-        try {
-            return await listSessionSkills(sessionId);
-        }
-        catch {
-            return [];
-        }
-    };
-    if (!query) {
-        const source = await loadSessionSkills();
-        return source.map((s) => ({
-            type: "skill",
-            skillId: s.skill_id,
-            displayName: s.display_name,
-            description: s.description,
-            local: s.local,
-        }));
-    }
-    const q = query.toLowerCase();
-    const sessionSkills = await loadSessionSkills();
-    const localMatches = sessionSkills
-        .filter((s) => s.skill_id.toLowerCase().includes(q) ||
-        s.description.toLowerCase().includes(q))
-        .map((s) => ({
-        type: "skill",
-        skillId: s.skill_id,
-        displayName: s.display_name,
-        description: s.description,
-        local: s.local,
-    }));
-    try {
-        const remoteResults = await searchSkills(query, 10);
-        const seen = new Set(localMatches.map((s) => s.skillId));
-        const dedupedRemote = remoteResults
-            .filter((r) => !seen.has(r.skill_id))
-            .map((r) => ({
-            type: "skill",
-            skillId: r.skill_id,
-            displayName: r.display_name,
-            description: r.description,
-            local: r.local,
-        }));
-        return [...localMatches, ...dedupedRemote];
-    }
-    catch {
-        return localMatches;
-    }
-}
-function updateSuggestionPosition(element, clientRect) {
-    const rect = clientRect?.();
-    if (!rect) {
-        element.style.display = "none";
-        return;
-    }
-    const width = Math.min(420, window.innerWidth - 16);
-    const left = Math.min(Math.max(8, rect.left), window.innerWidth - width - 8);
-    // Always place above the cursor, anchored to bottom
-    const bottom = window.innerHeight - rect.top + 4;
-    element.style.display = "block";
-    element.style.position = "fixed";
-    element.style.left = `${left}px`;
-    element.style.top = "";
-    element.style.bottom = `${bottom}px`;
-    element.style.maxHeight = `${rect.top - 16}px`;
-    element.style.width = `${width}px`;
-    element.style.zIndex = "60";
-}
-function showVoiceInputErrorToast(error) {
-    toast.error(error.title, {
-        description: error.description,
-        duration: error.description ? 15000 : undefined,
-    });
-}
-export function ChatInput({ onSend, onStop, isStreaming, mode = "executing", onToggleMode, renderAttachments, onBeforeSend, ensureSession, onCommand, canShareSession = false, slotAboveTextarea, externalDraft, externalAttachments, maxWidthClassName = "max-w-3xl", onResyncSkills, isResyncingSkills = false, }) {
-    const [input, setInputInternal] = useState(externalDraft?.value ?? "");
-    // Mirror every setInput into the optional external channel so the caller
-    // (e.g. ship-attack's chat-draft-store) can persist the draft across view
-    // switches. The internal useState stays the source of truth for tiptap.
-    const setInput = useEffectEvent((value) => {
-        setInputInternal(value);
-        externalDraft?.setValue(value);
-    });
-    // Reverse sync: when external value changes from the outside (e.g. a sibling
-    // ChatInput wrote to the shared store, or the user switched to a session with
-    // a different saved draft), pull it back into both this instance's input state
-    // AND the tiptap editor.
-    //
-    // No "non-empty → empty" guard: it used to be here to paper over a race where
-    // ship-attack's draft store briefly observed `drafts[newId] === undefined`
-    // during createSession → setActiveSession before migrateDraftKey landed. But
-    // migrateDraftKey is now invoked synchronously right after setActiveSession
-    // in the same React commit, so the race can't happen. Keeping the guard would
-    // *break* the legitimate "user switches to a session with no saved draft"
-    // case: external goes to "" and the composer would stubbornly keep the
-    // previous session's text — which then gets posted into the wrong session on
-    // next send, since `send` resolves against the new active session id.
-    const externalDraftValue = externalDraft?.value;
-    const inputRef = useRef(input);
-    inputRef.current = input;
-    useEffect(() => {
-        if (externalDraftValue == null)
-            return;
-        // inputRef 读当前 internal 值；updater callback 里做 diff 是 render-phase
-        // 副作用，React 19 的 useEffectEvent 检查会把之后同步触发的 editor.onUpdate
-        // 判为 "被 render 调用"，这里改成 effect 体内直接 diff + 写。
-        if (inputRef.current === externalDraftValue)
-            return;
-        if (editorRef.current) {
-            replaceEditorText(editorRef.current, externalDraftValue);
-        }
-        setInputInternal(externalDraftValue);
-    }, [externalDraftValue]);
-    const [composerAttachments, setComposerAttachmentsInternal] = useState(externalAttachments?.value ?? []);
-    const setComposerAttachments = useEffectEvent((valueOrUpdater) => {
-        setComposerAttachmentsInternal((prev) => {
-            const next = typeof valueOrUpdater === "function"
-                ? valueOrUpdater(prev)
-                : valueOrUpdater;
-            externalAttachments?.setValue(next);
-            return next;
-        });
-    });
-    // Reverse sync for attachments — same reasoning as the draft channel above:
-    // no "non-empty → empty" guard, because session switching legitimately needs
-    // to clear the previous session's attachments and the migrate path never
-    // actually goes through an empty intermediate.
-    const externalAttachmentsValue = externalAttachments?.value;
-    const composerAttachmentsRef = useRef(composerAttachments);
-    composerAttachmentsRef.current = composerAttachments;
-    useEffect(() => {
-        if (externalAttachmentsValue == null)
-            return;
-        if (composerAttachmentsRef.current === externalAttachmentsValue)
-            return;
-        setComposerAttachmentsInternal(externalAttachmentsValue);
-    }, [externalAttachmentsValue]);
-    const [dragging, setDragging] = useState(false);
-    const [isEditorFocused, setIsEditorFocused] = useState(false);
-    const [oversizedFiles, setOversizedFiles] = useState([]);
-    const [selectedModel, setSelectedModel] = useState("");
-    const defaultModel = useModelPreferencesStore((state) => state.defaultModel);
-    const initializeModels = useModelPreferencesStore((state) => state.initialize);
-    const setPreferredModel = useModelPreferencesStore((state) => state.setPreferredModel);
-    const queryClient = useQueryClient();
-    const actionMenuRef = useRef(null);
-    const fileInputRef = useRef(null);
-    const folderInputRef = useRef(null);
-    const editorRef = useRef(null);
-    const localImageUrlsRef = useRef(new Map());
-    const activeSessionId = useSessionStore((state) => state.activeSessionId);
-    const sessions = useSessionStore((state) => state.sessions);
-    const activeSessionModel = useMemo(() => sessions.find((session) => session.id === activeSessionId)?.model ?? null, [activeSessionId, sessions]);
-    const rewindDraft = useSessionStore((state) => activeSessionId ? state.rewindDrafts[activeSessionId] : undefined);
-    const patchSession = useSessionStore((state) => state.patchSession);
-    const setRewindDraft = useSessionStore((state) => state.setRewindDraft);
-    const pendingContexts = useUiBridgeStore((state) => activeSessionId ? state.pendingContexts[activeSessionId] : undefined);
-    const draftAppends = useUiBridgeStore((state) => activeSessionId ? state.draftAppends[activeSessionId] : undefined);
-    useEffect(() => {
-        void initializeModels();
-    }, [initializeModels]);
-    useEffect(() => {
-        setSelectedModel(activeSessionModel || defaultModel);
-    }, [activeSessionModel, defaultModel]);
-    const sendRequests = useUiBridgeStore((state) => activeSessionId ? state.sendRequests[activeSessionId] : undefined);
-    const removePendingContext = useUiBridgeStore((state) => state.removePendingContext);
-    const consumePendingContexts = useUiBridgeStore((state) => state.consumePendingContexts);
-    const consumeDraftAppends = useUiBridgeStore((state) => state.consumeDraftAppends);
-    const consumeSendRequests = useUiBridgeStore((state) => state.consumeSendRequests);
-    const connectionStatus = useConnectionStore((state) => state.status);
-    const inputHistory = useInputHistory(activeSessionId);
-    const getSessionId = useEffectEvent(() => activeSessionId);
-    const handleSlashCommand = useEffectEvent((commandId) => onCommand?.(commandId));
-    const [localImageUrls, setLocalImageUrls] = useState({});
-    useEffect(() => {
-        const closeActionMenu = (event) => {
-            const menu = actionMenuRef.current;
-            if (!menu?.open || menu.contains(event.target)) {
-                return;
-            }
-            menu.removeAttribute("open");
-        };
-        const closeActionMenuOnEscape = (event) => {
-            if (event.key === "Escape") {
-                actionMenuRef.current?.removeAttribute("open");
-            }
-        };
-        window.addEventListener("pointerdown", closeActionMenu);
-        window.addEventListener("keydown", closeActionMenuOnEscape);
-        return () => {
-            window.removeEventListener("pointerdown", closeActionMenu);
-            window.removeEventListener("keydown", closeActionMenuOnEscape);
-        };
-    }, []);
-    const getMentionSuggestionItems = useEffectEvent(async (query) => {
-        const normalizedQuery = query.trim().toLowerCase();
-        const commandItems = COMMANDS.filter((item) => {
-            if (!normalizedQuery) {
-                return true;
-            }
-            return (item.id.toLowerCase().startsWith(normalizedQuery) ||
-                item.label.toLowerCase().startsWith(normalizedQuery));
-        });
-        const skillItems = await getSkillSuggestionItems(getSessionId(), query);
-        return [...commandItems, ...skillItems];
-    });
-    const appendFiles = async (files) => {
-        const { accepted, rejected } = splitFilesBySize(files, ATTACHMENT_SIZE_LIMIT_BYTES);
-        if (rejected.length > 0) {
-            setOversizedFiles(rejected);
-        }
-        if (accepted.length === 0) {
-            return;
-        }
-        // Files are always staged as `pending` with the raw File handle; upload happens
-        // at submit time so that no-active-session hosts (e.g. ship-attack left panel)
-        // can create the session via `ensureSession` and still upload to workdir.
-        const pendingFileAttachments = await Promise.all(accepted.map(async (file) => {
-            const uploadName = await getUploadFileName(file);
-            const id = `${uploadName}-${file.size}-${file.lastModified}-${Math.random().toString(36).slice(2)}`;
-            return {
-                id,
-                kind: "file",
-                name: uploadName,
-                size: file.size,
-                mimeType: file.type,
-                status: "pending",
-                file,
-            };
-        }));
-        if (pendingFileAttachments.length > 0) {
-            setComposerAttachments((prev) => [...prev, ...pendingFileAttachments]);
-        }
-    };
-    const stableAppendFiles = useEffectEvent((files) => appendFiles(files));
-    const stableHandleSubmit = useEffectEvent(() => handleSubmit());
-    const getEditorState = useEffectEvent(() => ({
-        input,
-        connectionStatus,
-        navigateUp: inputHistory.navigateUp,
-        navigateDown: inputHistory.navigateDown,
-        isNavigatingHistory: inputHistory.isNavigating,
-        handleSubmit: stableHandleSubmit,
-    }));
-    const syncEditorState = (editorInstance) => {
-        const value = getEditorText(editorInstance);
-        setInput(value);
-    };
-    const resetComposer = () => {
-        editorRef.current?.commands.clearContent();
-        setInput("");
-        setComposerAttachments([]);
-    };
-    const editor = useEditor({
-        immediatelyRender: false,
-        extensions: [
-            StarterKit.configure({
-                blockquote: false,
-                bulletList: false,
-                codeBlock: false,
-                dropcursor: false,
-                gapcursor: false,
-                heading: false,
-                horizontalRule: false,
-                orderedList: false,
-            }),
-            FileMention.configure({
-                suggestion: {
-                    char: "@",
-                    pluginKey: fileMentionSuggestionKey,
-                    items: async ({ query }) => getFileSuggestionItems(getSessionId(), query),
-                    command: ({ editor: suggestionEditor, props, range }) => {
-                        const item = props;
-                        suggestionEditor
-                            .chain()
-                            .focus()
-                            .insertContentAt(range, [
-                            {
-                                type: "fileMention",
-                                attrs: {
-                                    name: item.name,
-                                    path: item.path,
-                                },
-                            },
-                            {
-                                type: "text",
-                                text: " ",
-                            },
-                        ])
-                            .run();
-                    },
-                    render: () => {
-                        let container = null;
-                        let root = null;
-                        const menuRef = { current: null };
-                        const handleExit = () => {
-                            const view = editorRef.current?.view;
-                            if (view) {
-                                exitSuggestion(view, fileMentionSuggestionKey);
-                            }
-                        };
-                        const renderMenu = (props) => {
-                            if (!container || !root)
-                                return;
-                            updateSuggestionPosition(container, props.clientRect);
-                            root.render(_jsx(FileCompletionMenu, { ref: (instance) => {
-                                    menuRef.current = instance;
-                                }, ...props, sessionId: getSessionId(), onExit: handleExit }));
-                        };
-                        return {
-                            onStart: (props) => {
-                                container = document.createElement("div");
-                                document.body.appendChild(container);
-                                root = createRoot(container);
-                                renderMenu(props);
-                            },
-                            onUpdate: (props) => {
-                                renderMenu(props);
-                            },
-                            onExit: () => {
-                                menuRef.current = null;
-                                root?.unmount();
-                                container?.remove();
-                                root = null;
-                                container = null;
-                            },
-                            onKeyDown: ({ event, view }) => {
-                                if (event.key === "Escape") {
-                                    event.preventDefault();
-                                    exitSuggestion(view, fileMentionSuggestionKey);
-                                    return true;
-                                }
-                                return menuRef.current?.onKeyDown(event) ?? false;
-                            },
-                        };
-                    },
-                },
-            }),
-            SkillMention.configure({
-                suggestion: {
-                    char: "/",
-                    pluginKey: skillMentionSuggestionKey,
-                    items: ({ query }) => getMentionSuggestionItems(query),
-                    command: ({ editor: suggestionEditor, props, range }) => {
-                        const item = props;
-                        if (item.type === "command") {
-                            suggestionEditor.chain().focus().deleteRange(range).run();
-                            void handleSlashCommand(item.id);
-                            return;
-                        }
-                        suggestionEditor
-                            .chain()
-                            .focus()
-                            .insertContentAt(range, [
-                            {
-                                type: "skillMention",
-                                attrs: {
-                                    skillId: item.skillId,
-                                    displayName: skillDisplayName(item),
-                                    description: item.description,
-                                },
-                            },
-                            {
-                                type: "text",
-                                text: " ",
-                            },
-                        ])
-                            .run();
-                    },
-                    render: () => {
-                        let container = null;
-                        let root = null;
-                        const menuRef = { current: null };
-                        const renderMenu = (props) => {
-                            if (!container || !root)
-                                return;
-                            updateSuggestionPosition(container, props.clientRect);
-                            root.render(_jsx(SkillCompletionMenu, { ref: (instance) => {
-                                    menuRef.current = instance;
-                                }, items: props.items, command: (item) => props.command(item) }));
-                        };
-                        return {
-                            onStart: (props) => {
-                                container = document.createElement("div");
-                                document.body.appendChild(container);
-                                root = createRoot(container);
-                                renderMenu(props);
-                            },
-                            onUpdate: (props) => {
-                                renderMenu(props);
-                            },
-                            onExit: () => {
-                                menuRef.current = null;
-                                root?.unmount();
-                                container?.remove();
-                                root = null;
-                                container = null;
-                            },
-                            onKeyDown: ({ event, view }) => {
-                                if (event.key === "Escape") {
-                                    event.preventDefault();
-                                    exitSuggestion(view, skillMentionSuggestionKey);
-                                    return true;
-                                }
-                                return menuRef.current?.onKeyDown(event) ?? false;
-                            },
-                        };
-                    },
-                },
-            }),
-        ],
-        content: "",
-        onCreate: ({ editor: editorInstance }) => {
-            editorRef.current = editorInstance;
-            syncEditorState(editorInstance);
-        },
-        onUpdate: ({ editor: editorInstance }) => {
-            syncEditorState(editorInstance);
-        },
-        editorProps: {
-            attributes: {
-                "aria-label": "输入消息",
-                class: "min-h-[40px] max-h-[240px] overflow-y-auto px-4 py-3 text-sm leading-relaxed text-[hsl(var(--foreground))] focus:outline-none [&_.file-mention-pill]:inline-flex [&_.file-mention-pill]:items-center [&_.file-mention-pill]:rounded-full [&_.file-mention-pill]:bg-[hsl(var(--accent))] [&_.file-mention-pill]:px-2 [&_.file-mention-pill]:py-0.5 [&_.file-mention-pill]:font-medium [&_.file-mention-pill]:text-[hsl(var(--primary))] [&_.file-mention-pill]:select-none [&_.file-mention-pill]:whitespace-nowrap [&_.skill-mention-pill]:inline-flex [&_.skill-mention-pill]:items-center [&_.skill-mention-pill]:rounded-full [&_.skill-mention-pill]:bg-[hsl(var(--primary)/0.15)] [&_.skill-mention-pill]:px-2 [&_.skill-mention-pill]:py-0.5 [&_.skill-mention-pill]:font-medium [&_.skill-mention-pill]:text-[hsl(var(--primary))] [&_.skill-mention-pill]:select-none [&_.skill-mention-pill]:whitespace-nowrap [&_p:first-child]:mt-0 [&_p:last-child]:mb-0",
-            },
-            handleDOMEvents: {
-                focus: () => {
-                    setIsEditorFocused(true);
-                    return false;
-                },
-                blur: () => {
-                    setIsEditorFocused(false);
-                    return false;
-                },
-                keydown: (_view, event) => {
-                    const state = getEditorState();
-                    const fileMentionState = editorRef.current
-                        ? fileMentionSuggestionKey.getState(editorRef.current.view.state)
-                        : undefined;
-                    if (fileMentionState?.active) {
-                        return false;
-                    }
-                    const skillMentionState = editorRef.current
-                        ? skillMentionSuggestionKey.getState(editorRef.current.view.state)
-                        : undefined;
-                    if (skillMentionState?.active) {
-                        return false;
-                    }
-                    if (!event.isComposing && event.key === "ArrowUp" && (state.input.trim().length === 0 || state.isNavigatingHistory)) {
-                        const previousEntry = state.navigateUp(state.input);
-                        if (!previousEntry) {
-                            return false;
-                        }
-                        event.preventDefault();
-                        replaceEditorText(editorRef.current, previousEntry);
-                        return true;
-                    }
-                    if (!event.isComposing && event.key === "ArrowDown") {
-                        const nextEntry = state.navigateDown();
-                        if (nextEntry == null) {
-                            return false;
-                        }
-                        event.preventDefault();
-                        replaceEditorText(editorRef.current, nextEntry);
-                        return true;
-                    }
-                    if (event.key === "Enter" && !event.shiftKey && !event.isComposing) {
-                        event.preventDefault();
-                        if (state.connectionStatus !== "connected") {
-                            return true;
-                        }
-                        void state.handleSubmit();
-                        return true;
-                    }
-                    return false;
-                },
-                paste: (_view, event) => {
-                    if (event.clipboardData?.files.length) {
-                        event.preventDefault();
-                        void stableAppendFiles(event.clipboardData.files);
-                        return true;
-                    }
-                    return false;
-                },
-            },
-        },
-    });
-    useEffect(() => {
-        if (!editor || !activeSessionId || rewindDraft == null) {
-            return;
-        }
-        editor.commands.clearContent();
-        if (rewindDraft) {
-            editor.commands.insertContent({ type: "text", text: rewindDraft });
-        }
-        editor.commands.focus("end");
-        setRewindDraft(activeSessionId, null);
-    }, [activeSessionId, editor, rewindDraft, setRewindDraft]);
-    const submittingRef = useRef(false);
-    useEffect(() => {
-        let changed = false;
-        const nextLocalIds = new Set();
-        for (const attachment of composerAttachments) {
-            if (!isImageAttachment(attachment) || !attachment.file || attachment.status === "uploaded") {
-                continue;
-            }
-            nextLocalIds.add(attachment.id);
-            if (!localImageUrlsRef.current.has(attachment.id)) {
-                localImageUrlsRef.current.set(attachment.id, URL.createObjectURL(attachment.file));
-                changed = true;
-            }
-        }
-        for (const [attachmentId, url] of localImageUrlsRef.current) {
-            if (nextLocalIds.has(attachmentId)) {
-                continue;
-            }
-            URL.revokeObjectURL(url);
-            localImageUrlsRef.current.delete(attachmentId);
-            changed = true;
-        }
-        if (changed) {
-            setLocalImageUrls(Object.fromEntries(localImageUrlsRef.current));
-        }
-    }, [composerAttachments]);
-    useEffect(() => {
-        return () => {
-            for (const url of localImageUrlsRef.current.values()) {
-                URL.revokeObjectURL(url);
-            }
-            localImageUrlsRef.current.clear();
-        };
-    }, []);
-    const applyDraftAppends = useEffectEvent(() => {
-        if (!activeSessionId || !editor) {
-            return;
-        }
-        const appends = consumeDraftAppends(activeSessionId);
-        if (appends.length === 0) {
-            return;
-        }
-        const text = appends.map((append) => append.text).join("");
-        if (!text) {
-            return;
-        }
-        editor.chain().focus("end").insertContent(text).run();
-    });
-    useEffect(() => {
-        if (!draftAppends?.length) {
-            return;
-        }
-        applyDraftAppends();
-    }, [applyDraftAppends, draftAppends]);
-    const applySendRequests = useEffectEvent(() => {
-        if (!activeSessionId) {
-            return;
-        }
-        const requests = consumeSendRequests(activeSessionId);
-        if (requests.length === 0) {
-            return;
-        }
-        void stableHandleSubmit();
-    });
-    useEffect(() => {
-        if (!sendRequests?.length) {
-            return;
-        }
-        applySendRequests();
-    }, [applySendRequests, sendRequests]);
-    // ASR 语音输入：partial 实时替换、final 落定；录音中锁定编辑器
-    const viteEnv = import.meta.env ?? {};
-    const asrEnabled = useRuntimeFeaturesStore((s) => s.asrEnabled);
-    const voice = useTiptapVoiceInput({
-        editorRef,
-        workletUrl: `${viteEnv.BASE_URL ?? "/"}asr/pcm-worklet.js`,
-        onError: showVoiceInputErrorToast,
-    });
-    const { isRecording, level: voiceLevel } = voice;
-    const handleMicDisabledClick = () => toast.info("语音输入功能未开启，请在后端 .env 配置 ASR_API_KEY");
-    // 流式中 / session 切换 时强制停录音，避免回调打到错会话
-    const voiceStopRef = useRef(voice.stop);
-    voiceStopRef.current = voice.stop;
-    useEffect(() => {
-        if (isStreaming && isRecording) {
-            void voiceStopRef.current();
-        }
-    }, [isStreaming, isRecording]);
-    const prevSessionIdRef = useRef(activeSessionId);
-    useEffect(() => {
-        if (prevSessionIdRef.current !== activeSessionId) {
-            prevSessionIdRef.current = activeSessionId;
-            if (isRecording) {
-                void voiceStopRef.current();
-            }
-        }
-    }, [activeSessionId, isRecording]);
-    const handleSubmit = async () => {
-        if (isStreaming || connectionStatus !== "connected") {
-            return;
-        }
-        if (submittingRef.current) {
-            return;
-        }
-        if (composerAttachments.some((attachment) => attachment.kind === "file" && attachment.status === "uploading")) {
-            return;
-        }
-        submittingRef.current = true;
-        try {
-            const json = editor?.getJSON();
-            const rawText = serializeEditorContent(json);
-            const skillName = findLeadingSkillMention(json);
-            const text = skillName ? transformSlashCommand(skillName, rawText) : rawText;
-            const pendingFiles = composerAttachments.filter((a) => a.kind === "file" && a.status === "pending" && !!a.file);
-            let updatedAttachments = composerAttachments;
-            let uploadTargetSessionId;
-            if (pendingFiles.length > 0) {
-                let uploadSessionId = activeSessionId;
-                if (!uploadSessionId && ensureSession) {
-                    try {
-                        uploadSessionId = await ensureSession(text || "新会话");
-                    }
-                    catch {
-                        setComposerAttachments((prev) => prev.map((a) => a.kind === "file" && a.status === "pending"
-                            ? { ...a, status: "failed" }
-                            : a));
-                        return;
-                    }
-                }
-                if (uploadSessionId) {
-                    uploadTargetSessionId = uploadSessionId;
-                    if (pendingFiles.length > 0) {
-                        setComposerAttachments((prev) => prev.map((a) => a.kind === "file" && a.status === "pending"
-                            ? { ...a, status: "uploading" }
-                            : a));
-                        try {
-                            const result = await uploadFiles(uploadSessionId, ".", pendingFiles.map((a) => ({ file: a.file, name: a.name })));
-                            // Map pending file id → server result synchronously,
-                            // so buildSubmitPayload sees the correct server-deduped names.
-                            const uploadResultById = new Map();
-                            const failedSet = new Set(result.failed);
-                            let uploadIdx = 0;
-                            for (const pf of pendingFiles) {
-                                if (failedSet.has(pf.name)) {
-                                    failedSet.delete(pf.name);
-                                    uploadResultById.set(pf.id, null);
-                                }
-                                else {
-                                    uploadResultById.set(pf.id, result.uploaded[uploadIdx++] ?? null);
-                                }
-                            }
-                            updatedAttachments = composerAttachments.map((a) => {
-                                if (!uploadResultById.has(a.id))
-                                    return a;
-                                const uploadedPath = uploadResultById.get(a.id);
-                                if (!uploadedPath)
-                                    return { ...a, status: "failed" };
-                                const actualName = uploadedPath.split("/").pop() || a.name;
-                                return { ...a, name: actualName, status: "uploaded", uploadedPath };
-                            });
-                            setComposerAttachments(updatedAttachments);
-                            if (result.uploaded.length > 0) {
-                                void queryClient.invalidateQueries({ queryKey: ["file-tree", uploadSessionId] });
-                            }
-                        }
-                        catch {
-                            setComposerAttachments((prev) => prev.map((a) => a.kind === "file" && a.status === "uploading"
-                                ? { ...a, status: "failed" }
-                                : a));
-                            return;
-                        }
-                    }
-                }
-            }
-            const activePendingContexts = pendingContexts ?? [];
-            const nextPayload = buildSubmitPayload(text, updatedAttachments, activePendingContexts, onBeforeSend);
-            if (isMessageContentEmpty(nextPayload)) {
-                return;
-            }
-            if (activeSessionId && activePendingContexts.length > 0) {
-                consumePendingContexts(activeSessionId);
-            }
-            onSend(nextPayload, uploadTargetSessionId, selectedModel || null);
-            if (text.trim()) {
-                inputHistory.addEntry(text);
-            }
-            resetComposer();
-        }
-        finally {
-            submittingRef.current = false;
-        }
-    };
-    const removeAttachment = (id) => {
-        setComposerAttachments((prev) => prev.filter((attachment) => attachment.id !== id));
-    };
-    const [showAddContext, setShowAddContext] = useState(false);
-    const isPlanning = mode === "planning";
-    const placeholder = isPlanning ? "规划进行中… 可输入补充需求或等待完成" : "输入消息…";
-    const attachments = renderAttachments?.() ?? null;
-    const hasRenderedAttachments = attachments !== null;
-    const hasPendingContexts = (pendingContexts?.length ?? 0) > 0;
-    const currentSession = useSessionStore((state) => activeSessionId ? state.sessions.find((s) => s.id === activeSessionId) : undefined);
-    const isSkillEditor = currentSession?.solution_id === "skill_editor" ||
-        currentSession?.template_id === "skill_editor";
-    const imageAttachments = composerAttachments.filter(isImageAttachment);
-    const fileAttachments = composerAttachments.filter((attachment) => !isImageAttachment(attachment));
-    const hasUploadingFiles = composerAttachments.some((attachment) => attachment.status === "uploading");
-    const hasValidAttachments = composerAttachments.some((attachment) => attachment.status !== "failed");
-    const isSendDisabled = connectionStatus !== "connected" ||
-        hasUploadingFiles ||
-        (!input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-[hsl(var(--background))] px-5 py-3", children: _jsx("div", { className: `mx-auto ${maxWidthClassName}`, children: _jsx("div", { className: "relative", onDragOver: (event) => {
-                            event.preventDefault();
-                            setDragging(true);
-                        }, onDragLeave: () => setDragging(false), onDrop: (event) => {
-                            event.preventDefault();
-                            setDragging(false);
-                            void stableAppendFiles(event.dataTransfer.files);
-                        }, children: _jsxs("div", { className: `overflow-visible rounded-2xl border bg-[hsl(var(--card))] transition-[box-shadow,border-color] duration-300 ${isRecording
-                                ? "border-emerald-400/70! shadow-[0_0_0_3px_rgba(52,211,153,0.18),0_0_24px_rgba(52,211,153,0.28)]"
-                                : dragging
-                                    ? isPlanning
-                                        ? "border-amber-400/60"
-                                        : "border-[hsl(var(--primary)/0.6)]"
-                                    : isEditorFocused
-                                        ? isPlanning
-                                            ? "border-amber-400/60"
-                                            : "border-[hsl(var(--primary)/0.6)]"
-                                        : isPlanning
-                                            ? "border-amber-400/30"
-                                            : "border-[hsl(var(--border))]"}`, children: [composerAttachments.length > 0 && (_jsxs("div", { className: "flex max-h-40 flex-col gap-2 overflow-y-auto border-b border-[hsl(var(--border))] px-3 py-2", children: [imageAttachments.length > 0 && (_jsx("div", { className: "grid grid-cols-3 gap-2", children: imageAttachments.map((attachment) => (_jsxs("div", { className: "relative overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [_jsx("img", { src: getImagePreviewUrl(attachment, activeSessionId, localImageUrls), alt: attachment.name || "图片预览", className: "h-24 w-full object-cover" }), _jsx("button", { type: "button", onClick: () => removeAttachment(attachment.id), "aria-label": `移除 ${attachment.name || "图片"}`, className: "absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-[hsl(var(--background)/0.85)] text-[hsl(var(--foreground))]", children: _jsx(X, { size: 12 }) })] }, attachment.id))) })), fileAttachments.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: fileAttachments.map((attachment) => (_jsx(ComposerFilePill, { attachment: attachment, onRemove: removeAttachment }, attachment.id))) }))] })), (hasPendingContexts || isSkillEditor) ? (_jsxs("div", { className: "flex flex-wrap items-center gap-1.5 border-b border-[hsl(var(--border))] px-3 py-2", children: [pendingContexts?.map((context) => (_jsx(ComposerContextPill, { id: context.id, label: context.label, content: context.content, onRemove: (contextId) => {
-                                                if (!activeSessionId) {
-                                                    return;
-                                                }
-                                                removePendingContext(activeSessionId, contextId);
-                                            } }, context.id))), isSkillEditor && (_jsx("button", { type: "button", onClick: () => setShowAddContext(true), title: "\u6DFB\u52A0\u4E0A\u4E0B\u6587", className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-dashed border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]", children: _jsx(Plus, { size: 12 }) }))] })) : null, showAddContext && activeSessionId && (_jsx(AddContextDialog, { sessionId: activeSessionId, onClose: () => setShowAddContext(false), onAdd: (label, content) => {
-                                        if (activeSessionId) {
-                                            useUiBridgeStore.getState().addPendingContext(activeSessionId, { label, content });
-                                        }
-                                    } })), attachments ? (_jsx("div", { className: "border-b border-[hsl(var(--border))] px-3 py-3", children: attachments })) : null, slotAboveTextarea ? (_jsx("div", { className: "border-b border-[hsl(var(--border))] px-3 py-2", children: slotAboveTextarea })) : null, _jsxs("div", { className: "relative", children: [input.length === 0 && (_jsx("div", { className: "pointer-events-none absolute left-4 top-3 text-sm leading-relaxed text-[hsl(var(--muted-foreground))]", children: placeholder })), _jsx(EditorContent, { editor: editor })] }), _jsxs("div", { className: "flex items-center justify-between border-t border-[hsl(var(--border))] px-3 py-1.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "*/*", multiple: true, onChange: (event) => {
-                                                        if (event.target.files) {
-                                                            void appendFiles(event.target.files);
-                                                            event.target.value = "";
-                                                        }
-                                                    }, className: "hidden" }), _jsx("input", { ref: folderInputRef, type: "file", multiple: true, onChange: (event) => {
-                                                        if (event.target.files) {
-                                                            void appendFiles(event.target.files);
-                                                            event.target.value = "";
-                                                        }
-                                                    }, className: "hidden", ...{ webkitdirectory: "" } }), _jsxs("details", { ref: actionMenuRef, className: "group relative", children: [_jsx("summary", { "aria-label": "\u6DFB\u52A0\u5185\u5BB9", title: "\u6DFB\u52A0\u5185\u5BB9", className: "flex h-7 w-7 shrink-0 cursor-pointer list-none items-center justify-center rounded-lg border border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] transition-colors hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))] [&::-webkit-details-marker]:hidden", children: _jsx(Plus, { size: 14 }) }), _jsxs("div", { className: "absolute bottom-full left-0 z-30 mb-2 min-w-36 overflow-visible rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] py-1 text-[11px] text-[hsl(var(--popover-foreground))] shadow-lg", children: [_jsxs("button", { type: "button", onClick: () => {
-                                                                        actionMenuRef.current?.removeAttribute("open");
-                                                                        fileInputRef.current?.click();
-                                                                    }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(Paperclip, { size: 13 }), "\u4E0A\u4F20\u6587\u4EF6"] }), _jsxs("button", { type: "button", onClick: () => {
-                                                                        actionMenuRef.current?.removeAttribute("open");
-                                                                        folderInputRef.current?.click();
-                                                                    }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(FolderUp, { size: 13 }), "\u4E0A\u4F20\u6587\u4EF6\u5939"] }), onCommand ? (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => {
-                                                                                actionMenuRef.current?.removeAttribute("open");
-                                                                                void onCommand("compact");
-                                                                            }, disabled: isStreaming, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))] disabled:cursor-not-allowed disabled:opacity-50", children: [isStreaming ? _jsx(Loader2, { size: 13, className: "animate-spin" }) : _jsx(Scissors, { size: 13 }), "\u6574\u7406\u5BF9\u8BDD"] }), _jsxs("button", { type: "button", onClick: () => {
-                                                                                actionMenuRef.current?.removeAttribute("open");
-                                                                                void onCommand("download_session");
-                                                                            }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(Download, { size: 13 }), "\u5BFC\u51FA\u4F1A\u8BDD"] }), canShareSession ? (_jsxs("button", { type: "button", onClick: () => {
-                                                                                actionMenuRef.current?.removeAttribute("open");
-                                                                                void onCommand("share_session");
-                                                                            }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(Share2, { size: 13 }), "\u5206\u4EAB\u4F1A\u8BDD"] })) : null, _jsxs("button", { type: "button", onClick: () => {
-                                                                                actionMenuRef.current?.removeAttribute("open");
-                                                                                void onCommand("extract_skill");
-                                                                            }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(FlaskConical, { size: 13 }), "\u63D0\u53D6\u6280\u80FD"] }), _jsxs("button", { type: "button", onClick: () => {
-                                                                                actionMenuRef.current?.removeAttribute("open");
-                                                                                void onCommand("generate_app");
-                                                                            }, className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--accent))]", children: [_jsx(Rocket, { size: 13 }), "\u751F\u6210\u5E94\u7528"] })] })) : null, _jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [_jsx(Sparkles, { size: 13 }), _jsx("span", { className: "shrink-0", children: "\u6A21\u578B" }), _jsx(ModelSelector, { value: selectedModel, onValueChange: (model) => {
-                                                                                setSelectedModel(model);
-                                                                                if (activeSessionId) {
-                                                                                    patchSession(activeSessionId, { model });
-                                                                                }
-                                                                                void setPreferredModel(model);
-                                                                            }, compact: true, placement: "top" })] })] })] }), _jsx("button", { type: "button", onClick: onToggleMode, disabled: isStreaming || !onToggleMode, "aria-pressed": isPlanning, "aria-label": isPlanning ? "关闭规划模式" : "开启规划模式", title: isPlanning ? "规划模式已开启" : "开启规划模式", className: `flex h-7 w-7 shrink-0 items-center justify-center rounded-lg border transition-colors ${isPlanning
-                                                        ? "border-amber-500/45 bg-amber-500/15 text-amber-400"
-                                                        : "border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-amber-500/35 hover:text-[hsl(var(--foreground))]"} disabled:cursor-not-allowed disabled:opacity-50`, children: _jsx(Lightbulb, { size: 13 }) })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs("div", { className: "group/help relative", children: [_jsx("button", { type: "button", "aria-label": "\u67E5\u770B\u8F93\u5165\u63D0\u793A", className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]", children: _jsx(CircleHelp, { size: 13 }) }), _jsx("div", { className: "pointer-events-auto absolute bottom-full right-0 z-30 hidden pb-2 group-hover/help:block group-focus-within/help:block", children: _jsxs("div", { className: "min-w-64 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-3 text-left text-[11px] leading-5 text-[hsl(var(--popover-foreground))] shadow-lg", children: [activeSessionId ? (_jsx("div", { className: "mb-2 border-b border-[hsl(var(--border))] pb-2", children: _jsx(SkillStatusBar, { sessionId: activeSessionId, onResync: onResyncSkills, isResyncing: isResyncingSkills, vertical: true }) })) : null, _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { children: "Shift+Enter \u6362\u884C" }), _jsx("div", { children: "/ \u8C03\u7528\u6280\u80FD" }), _jsx("div", { children: "@ \u5F15\u7528\u6587\u4EF6" })] })] }) })] }), _jsx("button", { type: "button", onClick: asrEnabled ? voice.toggle : handleMicDisabledClick, disabled: isStreaming, "aria-label": !asrEnabled ? "语音输入未开启" : isRecording ? "停止语音输入" : "开始语音输入", title: !asrEnabled ? "语音输入未开启" : isRecording ? "停止语音输入" : "语音输入", className: `flex items-center justify-center rounded-lg border transition-[width,height,border-color,background-color,color,box-shadow] duration-300 disabled:opacity-40 ${!asrEnabled
-                                                        ? "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))]/50 hover:text-[hsl(var(--muted-foreground))]"
-                                                        : isRecording
-                                                            ? "h-9 w-9 border-emerald-400/80! bg-emerald-400/15 text-emerald-400 shadow-[0_0_0_2px_rgba(52,211,153,0.2),0_0_12px_rgba(52,211,153,0.35)]"
-                                                            : "h-7 w-7 border-[hsl(var(--border))] text-[hsl(var(--muted-foreground))] hover:border-[hsl(var(--ring))] hover:text-[hsl(var(--foreground))]"}`, children: !asrEnabled ? (_jsx(MicOff, { size: 13 })) : isRecording ? (_jsx(VoiceWaveform, { level: voiceLevel, size: 18 })) : (_jsx(Mic, { size: 13 })) }), isStreaming ? (_jsx("button", { type: "button", onClick: onStop, "aria-label": "\u505C\u6B62\u751F\u6210", className: "flex h-7 w-7 items-center justify-center rounded-lg bg-[hsl(var(--destructive))] text-[hsl(var(--destructive-foreground))] transition-opacity hover:opacity-80", children: _jsx(Square, { size: 13 }) })) : (_jsx("button", { type: "button", onClick: handleSubmit, disabled: isSendDisabled || isRecording, "aria-label": "\u53D1\u9001\u6D88\u606F", className: "flex h-7 w-7 items-center justify-center rounded-lg bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-80 disabled:opacity-25", children: _jsx(Send, { size: 13 }) }))] })] })] }) }) }) }), _jsx(FileSizeLimitDialog, { open: oversizedFiles.length > 0, onOpenChange: (open) => {
-                    if (!open) {
-                        setOversizedFiles([]);
-                    }
-                }, files: oversizedFiles, limitBytes: ATTACHMENT_SIZE_LIMIT_BYTES })] }));
-}
-//# sourceMappingURL=ChatInput.js.map