@blade-hq/agent-kit 0.0.0-placeholder.0 → 0.4.1

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

@@ -0,0 +1,1127 @@
+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