pai-agent-ui 0.1.0

package/README.md

@@ -0,0 +1,57 @@
+# PAI Agent UI
+
+Reusable React components for rendering PAI Agent chat widgets.
+
+The package is UI-only. It does not own authentication, GraphQL clients, routing, query cache, or toast systems. Consumers provide those through `AgentWidgetAdapter`.
+
+## Exports
+
+* `AgentChatPanel`: full chat panel with message area, active AgentRun display, widgets, and composer.
+* `ChatComposer`: chat input with `@` entity completion.
+* `AgentWidgetRenderer`: renders Agent widget payloads by widget type.
+* `EntityTreeEditor`: tree editor for PACE JSON files and patch previews.
+* `JobStatusLine`: worker job status/progress display.
+
+## Adapter Boundary
+
+```ts
+import { AgentChatPanel, type AgentWidgetAdapter } from 'pai-agent-ui';
+
+const adapter: AgentWidgetAdapter = {
+  selectedProjectId,
+  fieldTerms,
+  getWorkers,
+  submitExecution,
+  submitAgentRunWidget,
+  patchPaceFiles,
+  getJob,
+  onDataChanged,
+  notify,
+};
+```
+
+`fieldTerms` should come from the backend PACE standard schema, not from a frontend-maintained field table. The built-in frontend derives it from `paceStandardSchema(name)`.
+
+```tsx
+<AgentChatPanel
+  agentMode="agent-v2"
+  messages={messages}
+  runs={agentRuns}
+  isWaiting={isWaiting}
+  widgetAdapter={adapter}
+  suggestions={entitySuggestions}
+  composerDisabled={!canSend}
+  composerSending={sending}
+  onSend={sendMessage}
+/>
+```
+
+The official frontend should map these callbacks to its own GraphQL client and cache invalidation. Do not put app-specific stores or session handling inside this package.
+
+## Styles
+
+Import the package stylesheet once:
+
+```ts
+import 'pai-agent-ui/styles.css';
+```

package/dist/components/AgentChatPanel.d.ts

@@ -0,0 +1,8 @@
+import type { AgentChatPanelProps, ChatMessageLike } from "../types";
+export declare function AgentChatPanel({ messages, runs, agentMode, isWaiting, widgetAdapter, suggestions, composerDisabled, composerSending, composerPlaceholder, onSend, showRunDebug, }: AgentChatPanelProps): import("react").JSX.Element;
+export declare function AgentMessageArea({ messages, runs, agentMode, isWaiting, widgetAdapter, showRunDebug, }: Pick<AgentChatPanelProps, "messages" | "runs" | "agentMode" | "isWaiting" | "widgetAdapter" | "showRunDebug">): import("react").JSX.Element;
+export declare function AssistantMessage({ message, widgetAdapter, }: {
+    message: ChatMessageLike;
+    widgetAdapter: AgentChatPanelProps["widgetAdapter"];
+}): import("react").JSX.Element;
+//# sourceMappingURL=AgentChatPanel.d.ts.map

package/dist/components/AgentChatPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatPanel.d.ts","sourceRoot":"","sources":["../../src/components/AgentChatPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAgB,eAAe,EAAE,MAAM,UAAU,CAAC;AAOnF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,IAAS,EACT,SAAsB,EACtB,SAAS,EACT,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,YAAoB,GACrB,EAAE,mBAAmB,+BAoBrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAS,EACT,SAAsB,EACtB,SAAS,EACT,aAAa,EACb,YAAoB,GACrB,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,cAAc,CAAC,+BAmC/G;AAiDD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,EAAE,eAAe,CAAC;IACzB,aAAa,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACrD,+BAqBA"}

package/dist/components/AgentChatPanel.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { AgentWidgetRenderer } from "./AgentWidgetRenderer";
+import { ChatComposer } from "./ChatComposer";
+const ACTIVE_RUN_STATUSES = new Set(["needs_clarification", "waiting_for_confirmation", "waiting_for_next_step", "running_step", "failed"]);
+const imageRegex = /(https?:\/\/[^\s)"']+\.(?:png|jpg|jpeg|webp)(?:\?[^\s)"']*)?)/gi;
+export function AgentChatPanel({ messages, runs = [], agentMode = "agent-v2", isWaiting, widgetAdapter, suggestions, composerDisabled, composerSending, composerPlaceholder, onSend, showRunDebug = false, }) {
+    return (_jsxs("div", { className: "pai-agent-chat-panel", children: [_jsx(AgentMessageArea, { messages: messages, runs: runs, agentMode: agentMode, isWaiting: isWaiting, widgetAdapter: widgetAdapter, showRunDebug: showRunDebug }), _jsx(ChatComposer, { disabled: composerDisabled, sending: composerSending, suggestions: suggestions, placeholder: composerPlaceholder, onSend: onSend })] }));
+}
+export function AgentMessageArea({ messages, runs = [], agentMode = "agent-v2", isWaiting, widgetAdapter, showRunDebug = false, }) {
+    const ref = useRef(null);
+    const activeRuns = useMemo(() => {
+        if (agentMode !== "agent-v2") {
+            return [];
+        }
+        return runs.filter((run) => ACTIVE_RUN_STATUSES.has(run.status) || Object.keys(run.widgets || {}).length > 0);
+    }, [agentMode, runs]);
+    useEffect(() => {
+        if (ref.current) {
+            ref.current.scrollTop = ref.current.scrollHeight;
+        }
+    }, [messages, activeRuns, isWaiting]);
+    return (_jsxs("div", { className: "pai-messages-container", ref: ref, children: [messages.length === 0 && activeRuns.length === 0 ? (_jsx("div", { className: "pai-empty-state", children: "\u8FD8\u6CA1\u6709\u6D88\u606F\u3002\u53EF\u4EE5\u5148\u548C Agent \u804A\u804A\u955C\u5934\u3001\u5173\u952E\u5E27\u6216\u6E32\u67D3\u9700\u6C42\u3002" })) : null, messages.map((message) => (_jsx(MessageCard, { message: agentMode === "agent-v2" ? stripActionWidgets(message) : message, widgetAdapter: widgetAdapter }, message.id))), activeRuns.length ? _jsx("div", { className: "pai-agent-run-divider", children: "AgentRun \u72B6\u6001\u4E0E\u53EF\u63D0\u4EA4\u8868\u5355" }) : null, activeRuns.map((run) => (_jsx(AgentRunCard, { run: run, widgetAdapter: widgetAdapter, showDebug: showRunDebug }, run.runId))), isWaiting ? (_jsxs("article", { className: "pai-message-card assistant", children: [_jsx("div", { className: "pai-message-role", children: agentMode === "agent-v2" ? "agent v2" : "assistant" }), _jsx("div", { className: "pai-muted", children: agentMode === "agent-v2" ? "Agent v2 思考中..." : "Agent 思考中..." })] })) : null] }));
+}
+function MessageCard({ message, widgetAdapter }) {
+    return (_jsxs("article", { className: `pai-message-card ${message.role === "user" ? "user" : "assistant"}`, children: [_jsx("div", { className: "pai-message-role", children: message.role }), message.role === "assistant" && message.content_json ? (_jsx(AssistantMessage, { message: message, widgetAdapter: widgetAdapter })) : (_jsx("div", { className: "pai-message-content", children: message.content_text })), _jsx("div", { className: "pai-message-meta", children: new Date(message.created_at).toLocaleString() })] }));
+}
+function AgentRunCard({ run, widgetAdapter, showDebug, }) {
+    return (_jsxs("article", { className: "pai-message-card assistant", children: [_jsx("div", { className: "pai-message-role", children: "agent v2" }), _jsxs("div", { className: "pai-agent-run-header", children: [_jsx("span", { children: run.runId }), _jsx("span", { className: `pai-tag ${run.status === "failed" ? "is-failed" : run.status === "completed" ? "is-done" : ""}`, children: run.status })] }), run.projection ? (_jsxs("div", { className: "pai-agent-run-projection", children: [run.projection.awaitingKind ? _jsxs("span", { className: "pai-tag", children: ["\u7B49\u5F85\uFF1A", run.projection.awaitingKind] }) : null, run.projection.canResumeGraph ? _jsx("span", { className: "pai-tag", children: "graph checkpoint \u53EF\u6062\u590D" }) : _jsx("span", { className: "pai-tag", children: "graph idle" }), (run.projection.activeWidgetTypes || []).map((type) => (_jsx("span", { className: "pai-tag", children: type }, type)))] })) : null, _jsx(AssistantMessage, { message: runToMessage(run), widgetAdapter: widgetAdapter }), showDebug ? _jsx(RunDebug, { run: run }) : null] }));
+}
+export function AssistantMessage({ message, widgetAdapter, }) {
+    const payload = message.content_json || {};
+    return (_jsxs("div", { className: "pai-assistant-block", children: [_jsx(SummaryContent, { text: payload.summary || message.content_text || "" }), Array.isArray(payload.warnings) && payload.warnings.length ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "pai-subtle-label", children: "\u8B66\u544A" }), _jsx("ul", { className: "pai-warning-list", children: payload.warnings.map((warning) => (_jsx("li", { children: warning }, warning))) })] })) : null, _jsx(AgentWidgetRenderer, { widgets: payload.widgets, message: message, adapter: widgetAdapter }), payload.context_used && Object.keys(payload.context_used).length ? (_jsx(DetailsBlock, { title: "\u4F7F\u7528\u7684\u4E0A\u4E0B\u6587", value: payload.context_used })) : null] }));
+}
+function SummaryContent({ text }) {
+    const nodes = [];
+    let lastIndex = 0;
+    let match;
+    imageRegex.lastIndex = 0;
+    while ((match = imageRegex.exec(text)) !== null) {
+        if (match.index > lastIndex) {
+            nodes.push(text.slice(lastIndex, match.index));
+        }
+        nodes.push(_jsx("img", { className: "pai-storyboard-img", src: match[1], alt: "storyboard panel", loading: "lazy" }, `${match[1]}-${match.index}`));
+        lastIndex = imageRegex.lastIndex;
+    }
+    if (lastIndex < text.length) {
+        nodes.push(text.slice(lastIndex));
+    }
+    return _jsx("div", { className: "pai-assistant-summary", children: nodes.length ? nodes : text });
+}
+function RunDebug({ run }) {
+    return _jsx(DetailsBlock, { title: "Run \u72B6\u6001", value: { projection: run.projection, plan: run.plan, steps: run.steps, events: run.events } });
+}
+function DetailsBlock({ title, value }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs("div", { className: "pai-details", children: [_jsx("button", { type: "button", className: "pai-button pai-button-ghost", onClick: () => setOpen((current) => !current), children: open ? `收起${title}` : title }), open ? _jsx("pre", { className: "pai-pre", children: JSON.stringify(value, null, 2) }) : null] }));
+}
+function stripActionWidgets(message) {
+    if (!message.content_json?.widgets) {
+        return message;
+    }
+    return {
+        ...message,
+        content_json: {
+            ...message.content_json,
+            widgets: {},
+            run: undefined,
+        },
+    };
+}
+function runToMessage(run) {
+    return {
+        id: run.runId,
+        role: "assistant",
+        content_text: run.summary,
+        content_json: {
+            summary: run.summary,
+            warnings: run.warnings,
+            widgets: run.widgets,
+            plan: run.plan,
+            context_used: run.projection?.graph,
+            run,
+        },
+        created_at: new Date().toISOString(),
+    };
+}
+//# sourceMappingURL=AgentChatPanel.js.map

package/dist/components/AgentChatPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatPanel.js","sourceRoot":"","sources":["../../src/components/AgentChatPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/AgentWidgetRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { AgentWidgetRendererProps } from "../types";
+export declare function AgentWidgetRenderer({ widgets, message, adapter }: AgentWidgetRendererProps): import("react").JSX.Element | null;
+//# sourceMappingURL=AgentWidgetRenderer.d.ts.map

package/dist/components/AgentWidgetRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWidgetRenderer.d.ts","sourceRoot":"","sources":["../../src/components/AgentWidgetRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,wBAAwB,EAMzB,MAAM,UAAU,CAAC;AAYlB,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,wBAAwB,sCAU1F"}

package/dist/components/AgentWidgetRenderer.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AgentPlanWidget } from "./widgets/AgentPlanWidget";
+import { ClarificationRequestWidget } from "./widgets/ClarificationRequestWidget";
+import { ExecutionActionWidget } from "./widgets/ExecutionActionWidget";
+import { PaceFileViewWidget } from "./widgets/PaceFileViewWidget";
+import { PacePatchFormWidget } from "./widgets/PacePatchFormWidget";
+import { ProjectMemoryReviewWidget } from "./widgets/ProjectMemoryReviewWidget";
+function baseWidgetType(type) {
+    return type.split("__")[0];
+}
+export function AgentWidgetRenderer({ widgets, message, adapter }) {
+    if (!widgets || Object.keys(widgets).length === 0)
+        return null;
+    return (_jsx("div", { className: "pai-widget-stack", children: Object.entries(widgets).map(([type, data]) => {
+            const content = renderWidget(baseWidgetType(type), data, adapter, message);
+            return content ? _jsx("div", { children: content }, type) : null;
+        }) }));
+}
+function renderWidget(type, data, adapter, message) {
+    if (type === "pace_file_view") {
+        return _jsx(PaceFileViewWidget, { data: data, adapter: adapter });
+    }
+    if (type === "pace_patch_form") {
+        return _jsx(PacePatchFormWidget, { data: data, adapter: adapter });
+    }
+    if (type === "run_worker_task_form") {
+        return _jsx(ExecutionActionWidget, { data: data, adapter: adapter });
+    }
+    if (type === "clarification_request") {
+        return _jsx(ClarificationRequestWidget, { data: data, adapter: adapter });
+    }
+    if (type === "agent_plan") {
+        return _jsx(AgentPlanWidget, { data: data, adapter: adapter });
+    }
+    if (type === "project_memory_review_form") {
+        return _jsx(ProjectMemoryReviewWidget, { data: data, adapter: adapter });
+    }
+    return adapter.renderUnknownWidget?.({ type, data, message }) ?? null;
+}
+//# sourceMappingURL=AgentWidgetRenderer.js.map

package/dist/components/AgentWidgetRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWidgetRenderer.js","sourceRoot":"","sources":["../../src/components/AgentWidgetRenderer.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAA4B;IACzF,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC/D,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC9B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YAC5C,MAAM,OAAO,GAAG,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YAC3E,OAAO,OAAO,CAAC,CAAC,CAAC,wBAAiB,OAAO,IAAd,IAAI,CAAiB,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1D,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,IAAY,EAAE,IAAa,EAAE,OAA4C,EAAE,OAA4C;IAC3I,IAAI,IAAI,KAAK,gBAAgB,EAAE,CAAC;QAC9B,OAAO,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAwB,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAClF,CAAC;IACD,IAAI,IAAI,KAAK,iBAAiB,EAAE,CAAC;QAC/B,OAAO,KAAC,mBAAmB,IAAC,IAAI,EAAE,IAAyB,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IACpF,CAAC;IACD,IAAI,IAAI,KAAK,sBAAsB,EAAE,CAAC;QACpC,OAAO,KAAC,qBAAqB,IAAC,IAAI,EAAE,IAAgC,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAC7F,CAAC;IACD,IAAI,IAAI,KAAK,uBAAuB,EAAE,CAAC;QACrC,OAAO,KAAC,0BAA0B,IAAC,IAAI,EAAE,IAAgC,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAClG,CAAC;IACD,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,OAAO,KAAC,eAAe,IAAC,IAAI,EAAE,IAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAC5E,CAAC;IACD,IAAI,IAAI,KAAK,4BAA4B,EAAE,CAAC;QAC1C,OAAO,KAAC,yBAAyB,IAAC,IAAI,EAAE,IAA+B,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAChG,CAAC;IACD,OAAO,OAAO,CAAC,mBAAmB,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC;AACxE,CAAC"}

package/dist/components/ChatComposer.d.ts

@@ -0,0 +1,9 @@
+import type { ChatEntitySuggestion } from "../types";
+export declare function ChatComposer({ disabled, sending, placeholder, suggestions, onSend, }: {
+    disabled: boolean;
+    sending: boolean;
+    placeholder?: string;
+    suggestions: ChatEntitySuggestion[];
+    onSend: (message: string) => Promise<unknown> | unknown;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ChatComposer.d.ts.map

package/dist/components/ChatComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../src/components/ChatComposer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA0CrD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CACzD,+BAkJA"}

package/dist/components/ChatComposer.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+const ENTITY_TYPE_LABELS = {
+    scene: "场景",
+    shot: "镜头",
+    panel: "关键帧",
+    character: "角色",
+    prop: "道具",
+    location: "地点",
+    voice: "声音",
+};
+function hasSuggestionId(suggestion) {
+    return typeof suggestion?.id === "string" && suggestion.id.trim().length > 0;
+}
+function findMentionMatch(message, cursor) {
+    if (cursor < 0 || cursor > message.length) {
+        return null;
+    }
+    const left = message.slice(0, cursor);
+    const atIndex = left.lastIndexOf("@");
+    if (atIndex < 0) {
+        return null;
+    }
+    const previousChar = atIndex === 0 ? "" : message[atIndex - 1];
+    if (previousChar && !/\s/.test(previousChar)) {
+        return null;
+    }
+    const query = message.slice(atIndex + 1, cursor);
+    if (/\s/.test(query)) {
+        return null;
+    }
+    return { start: atIndex, end: cursor, query };
+}
+export function ChatComposer({ disabled, sending, placeholder, suggestions, onSend, }) {
+    const [message, setMessage] = useState("");
+    const [cursor, setCursor] = useState(0);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const inputRef = useRef(null);
+    async function submit() {
+        const value = message.trim();
+        if (!value || disabled || sending)
+            return;
+        await onSend(value);
+        setMessage("");
+        setCursor(0);
+        setActiveIndex(0);
+    }
+    const mentionMatch = useMemo(() => {
+        if (disabled) {
+            return null;
+        }
+        return findMentionMatch(message, cursor);
+    }, [cursor, disabled, message]);
+    const filteredSuggestions = useMemo(() => {
+        if (!mentionMatch) {
+            return [];
+        }
+        const query = mentionMatch.query.toLowerCase();
+        const validSuggestions = suggestions.filter(hasSuggestionId);
+        const rows = !query ? validSuggestions : validSuggestions.filter((suggestion) => suggestionMatchesQuery(suggestion, query));
+        return rows.slice(0, 10);
+    }, [mentionMatch, suggestions]);
+    const suggestionsOpen = Boolean(mentionMatch);
+    useEffect(() => {
+        setActiveIndex(0);
+    }, [mentionMatch?.start, mentionMatch?.query]);
+    function syncCursor() {
+        const textarea = inputRef.current;
+        if (!textarea) {
+            return;
+        }
+        setCursor(textarea.selectionStart ?? textarea.value.length);
+    }
+    function selectSuggestion(suggestion) {
+        if (!mentionMatch || !hasSuggestionId(suggestion)) {
+            return;
+        }
+        const suggestionId = suggestion.id.trim();
+        const nextMessage = `${message.slice(0, mentionMatch.start)}@${suggestionId} ${message.slice(mentionMatch.end)}`;
+        const nextCursor = mentionMatch.start + suggestionId.length + 2;
+        setMessage(nextMessage);
+        setCursor(nextCursor);
+        setActiveIndex(0);
+        window.requestAnimationFrame(() => {
+            const textarea = inputRef.current;
+            if (!textarea) {
+                return;
+            }
+            textarea.focus();
+            textarea.setSelectionRange(nextCursor, nextCursor);
+        });
+    }
+    return (_jsxs("div", { className: "pai-card pai-chat-composer", children: [_jsxs("div", { className: "pai-chat-composer-row", children: [_jsx("textarea", { ref: inputRef, rows: 2, value: message, disabled: disabled, className: "pai-textarea pai-chat-input", onChange: (event) => {
+                            setMessage(event.target.value);
+                            setCursor(event.target.selectionStart ?? event.target.value.length);
+                        }, onClick: syncCursor, onSelect: syncCursor, onKeyUp: syncCursor, onKeyDown: (event) => {
+                            if (suggestionsOpen) {
+                                if (event.key === "ArrowDown") {
+                                    event.preventDefault();
+                                    setActiveIndex((current) => (filteredSuggestions.length ? (current + 1) % filteredSuggestions.length : 0));
+                                    return;
+                                }
+                                if (event.key === "ArrowUp") {
+                                    event.preventDefault();
+                                    setActiveIndex((current) => (filteredSuggestions.length ? (current - 1 + filteredSuggestions.length) % filteredSuggestions.length : 0));
+                                    return;
+                                }
+                                if (event.key === "Escape") {
+                                    event.preventDefault();
+                                    const textarea = inputRef.current;
+                                    setCursor(textarea?.value.length ?? message.length + 1);
+                                    return;
+                                }
+                                if (event.key === "Enter") {
+                                    event.preventDefault();
+                                    if (filteredSuggestions[activeIndex]) {
+                                        selectSuggestion(filteredSuggestions[activeIndex]);
+                                    }
+                                    return;
+                                }
+                            }
+                            if (event.key === "Enter" && !event.shiftKey) {
+                                event.preventDefault();
+                                void submit();
+                            }
+                        }, placeholder: placeholder || "可输入 @ 引用场景、镜头、关键帧、角色、道具、地点等实体" }), _jsx("button", { type: "button", className: "pai-button pai-button-primary pai-send-button", disabled: disabled || sending || !message.trim(), onClick: () => void submit(), children: sending ? "发送中" : "发送" })] }), suggestionsOpen ? (_jsx("div", { className: "pai-mention-popover", children: filteredSuggestions.length ? (filteredSuggestions.map((suggestion, index) => (_jsxs("button", { type: "button", className: `pai-mention-item${index === activeIndex ? " is-active" : ""}`, onMouseDown: (event) => {
+                        event.preventDefault();
+                        selectSuggestion(suggestion);
+                    }, children: [_jsx("span", { className: `pai-mention-type is-${suggestion.type}`, children: ENTITY_TYPE_LABELS[suggestion.type] }), _jsxs("span", { className: "pai-mention-body", children: [_jsxs("span", { className: "pai-mention-id", children: ["@", suggestion.id] }), suggestion.context ? _jsx("span", { className: "pai-mention-context", children: suggestion.context }) : null] })] }, `${suggestion.type}:${suggestion.id}`)))) : (_jsx("div", { className: "pai-mention-empty", children: "\u6CA1\u6709\u5339\u914D\u7684\u5B9E\u4F53" })) })) : null] }));
+}
+function suggestionMatchesQuery(suggestion, query) {
+    if (suggestion.id.toLowerCase().startsWith(query)) {
+        return true;
+    }
+    const searchable = [suggestion.context, suggestion.searchText].filter(Boolean).join(" ").toLowerCase();
+    return searchable.includes(query);
+}
+//# sourceMappingURL=ChatComposer.js.map

package/dist/components/ChatComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../../src/components/ChatComposer.tsx"],"names":[],"mappings":"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"}

package/dist/components/EntityTreeEditor.d.ts

@@ -0,0 +1,22 @@
+import type { JsonRecord } from "../types";
+type EntityTerms = Record<string, {
+    zh?: string;
+    label?: string;
+}>;
+export type EntityTreeEditorProps = {
+    data: JsonRecord;
+    saving?: boolean;
+    onSave: (data: JsonRecord) => Promise<void>;
+    terms?: EntityTerms;
+    fieldOptions?: Record<string, string[]>;
+    arrayItemTemplates?: Record<string, unknown>;
+    alwaysEditing?: boolean;
+    defaultEditing?: boolean;
+    initialDraft?: JsonRecord;
+    initialExpandedPaths?: string[];
+    onChange?: (data: JsonRecord) => void;
+};
+export declare function EntityTreeEditor({ data, saving, onSave, terms, fieldOptions, arrayItemTemplates, alwaysEditing, defaultEditing, initialDraft, initialExpandedPaths, onChange, }: EntityTreeEditorProps): import("react").JSX.Element;
+export declare function hasContainerChildren(value: unknown): boolean;
+export {};
+//# sourceMappingURL=EntityTreeEditor.d.ts.map

package/dist/components/EntityTreeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTreeEditor.d.ts","sourceRoot":"","sources":["../../src/components/EntityTreeEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAU3C,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,CAAC;AAsQF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAc,EACd,MAAM,EACN,KAAU,EACV,YAAiB,EACjB,kBAAuB,EACvB,aAAqB,EACrB,cAAsB,EACtB,YAAY,EACZ,oBAAyB,EACzB,QAAQ,GACT,EAAE,qBAAqB,+BAmHvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,WAIlD"}

package/dist/components/EntityTreeEditor.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { cloneValue, parseJsonPointer, removeValueAtPath, setValueAtPath, unescapeJsonPointerPart, } from "../utils/jsonPointer";
+function getLabel(key, path, terms) {
+    return terms[path]?.zh ?? terms[path]?.label ?? key;
+}
+function getOptions(path, fieldOptions) {
+    return fieldOptions[path];
+}
+function createEmptyLike(value, path, fieldOptions) {
+    const options = getOptions(path, fieldOptions);
+    if (options?.length)
+        return options[0];
+    if (Array.isArray(value))
+        return [];
+    if (value && typeof value === "object") {
+        return Object.fromEntries(Object.entries(value).map(([key, child]) => [key, createEmptyLike(child, `${path}.${key}`, fieldOptions)]));
+    }
+    if (typeof value === "number")
+        return 0;
+    if (typeof value === "boolean")
+        return false;
+    return "";
+}
+function getDefaultArrayItem(path, sample, arrayItemTemplates, fieldOptions) {
+    const template = arrayItemTemplates[path];
+    if (template !== undefined)
+        return cloneValue(template);
+    if (sample !== undefined)
+        return createEmptyLike(sample, `${path}[]`, fieldOptions);
+    const options = getOptions(`${path}[]`, fieldOptions);
+    if (options?.length)
+        return options[0];
+    return "";
+}
+function expandedKeysFromJsonPointers(data, pointers) {
+    const keys = new Set();
+    for (const pointer of pointers) {
+        if (!pointer || pointer === "/")
+            continue;
+        const parts = pointer
+            .split("/")
+            .slice(1)
+            .map(unescapeJsonPointerPart);
+        let cursor = data;
+        const path = [];
+        let displayPath = "";
+        for (const part of parts) {
+            if (Array.isArray(cursor)) {
+                const index = Number(part);
+                if (!Number.isInteger(index) || index < 0 || index >= cursor.length)
+                    break;
+                displayPath = `${displayPath}[]`;
+                path.push(index);
+                cursor = cursor[index];
+            }
+            else if (cursor && typeof cursor === "object" && part in cursor) {
+                displayPath = displayPath ? `${displayPath}.${part}` : part;
+                path.push(part);
+                cursor = cursor[part];
+            }
+            else {
+                break;
+            }
+            keys.add(nodeKey(displayPath, path));
+        }
+    }
+    return [...keys];
+}
+function renderValue(value) {
+    if (typeof value === "boolean")
+        return value ? "true" : "false";
+    if (Array.isArray(value))
+        return value.join(", ");
+    if (value == null || value === "")
+        return "-";
+    return String(value);
+}
+function nodeKey(displayPath, path) {
+    return `${displayPath}:${path.join(".")}`;
+}
+function isContainer(value) {
+    return Array.isArray(value) || Boolean(value && typeof value === "object");
+}
+function primitiveInputType(value) {
+    if (typeof value === "number")
+        return "number";
+    return "text";
+}
+function TreeNode({ keyName, value, displayPath, path, removable, editing, expandedKeys, onToggle, onChange, onRemove, onAdd, terms, fieldOptions, }) {
+    const label = getLabel(keyName, displayPath, terms);
+    const key = nodeKey(displayPath, path);
+    const expanded = expandedKeys.has(key);
+    if (Array.isArray(value)) {
+        return (_jsxs("div", { className: "pai-tree-node", children: [_jsxs("div", { className: "pai-tree-row", title: displayPath, children: [_jsx("button", { type: "button", className: "pai-tree-toggle", onClick: () => onToggle(key), "aria-expanded": expanded, children: expanded ? "▾" : "▸" }), _jsxs("span", { className: "pai-tree-label", children: [label, " (", value.length, ")"] }), editing && removable ? (_jsx("button", { type: "button", className: "pai-icon-button", onClick: () => onRemove(path), "aria-label": `删除 ${label}`, children: "\u5220\u9664" })) : null] }), expanded ? (_jsxs("div", { className: "pai-tree-children", children: [value.map((item, index) => (_jsx(TreeNode, { keyName: `[${index + 1}]`, value: item, displayPath: `${displayPath}[]`, path: [...path, index], removable: editing, editing: editing, expandedKeys: expandedKeys, onToggle: onToggle, onChange: onChange, onRemove: onRemove, onAdd: onAdd, terms: terms, fieldOptions: fieldOptions }, `${key}:${index}`))), editing ? (_jsx("button", { type: "button", className: "pai-button pai-button-secondary pai-array-add", onClick: () => onAdd(path, displayPath, value[0]), children: "\u65B0\u589E\u5143\u7D20" })) : null] })) : null] }));
+    }
+    if (value && typeof value === "object") {
+        return (_jsxs("div", { className: "pai-tree-node", children: [_jsxs("div", { className: "pai-tree-row", title: displayPath, children: [_jsx("button", { type: "button", className: "pai-tree-toggle", onClick: () => onToggle(key), "aria-expanded": expanded, children: expanded ? "▾" : "▸" }), _jsx("span", { className: "pai-tree-label", children: label }), editing && removable ? (_jsx("button", { type: "button", className: "pai-icon-button", onClick: () => onRemove(path), "aria-label": `删除 ${label}`, children: "\u5220\u9664" })) : null] }), expanded ? (_jsx("div", { className: "pai-tree-children", children: Object.entries(value).map(([subKey, subValue]) => (_jsx(TreeNode, { keyName: subKey, value: subValue, displayPath: `${displayPath}.${subKey}`, path: [...path, subKey], editing: editing, expandedKeys: expandedKeys, onToggle: onToggle, onChange: onChange, onRemove: onRemove, onAdd: onAdd, terms: terms, fieldOptions: fieldOptions }, `${key}:${subKey}`))) })) : null] }));
+    }
+    const options = getOptions(displayPath, fieldOptions);
+    return (_jsxs("div", { className: "pai-tree-row pai-tree-leaf", title: displayPath, children: [_jsx("span", { className: "pai-tree-label", children: label }), editing ? (_jsx("span", { className: "pai-tree-control", children: options ? (_jsxs("select", { className: "pai-input", value: value == null ? "" : String(value), onChange: (event) => onChange(path, event.target.value), children: [_jsx("option", { value: "", disabled: true, children: "\u8BF7\u9009\u62E9" }), options.map((option) => (_jsx("option", { value: option, children: option }, option)))] })) : typeof value === "boolean" ? (_jsxs("select", { className: "pai-input", value: value ? "true" : "false", onChange: (event) => onChange(path, event.target.value === "true"), children: [_jsx("option", { value: "true", children: "true" }), _jsx("option", { value: "false", children: "false" })] })) : typeof value === "string" && value.length > 100 ? (_jsx("textarea", { className: "pai-textarea", rows: 3, value: value, onChange: (event) => onChange(path, event.target.value) })) : (_jsx("input", { className: "pai-input", type: primitiveInputType(value), value: value == null ? "" : String(value), onChange: (event) => {
+                        if (typeof value === "number") {
+                            const next = Number(event.target.value);
+                            onChange(path, Number.isFinite(next) ? next : event.target.value);
+                            return;
+                        }
+                        onChange(path, event.target.value);
+                    } })) })) : (_jsx("span", { className: "pai-tree-value", children: renderValue(value) })), editing && removable ? (_jsx("button", { type: "button", className: "pai-icon-button", onClick: () => onRemove(path), "aria-label": `删除 ${label}`, children: "\u5220\u9664" })) : null] }));
+}
+export function EntityTreeEditor({ data, saving = false, onSave, terms = {}, fieldOptions = {}, arrayItemTemplates = {}, alwaysEditing = false, defaultEditing = false, initialDraft, initialExpandedPaths = [], onChange, }) {
+    const [draft, setDraft] = useState(() => cloneValue(initialDraft ?? data));
+    const [editing, setEditing] = useState(alwaysEditing || defaultEditing);
+    const initialSerialized = useMemo(() => JSON.stringify(data), [data]);
+    const initialDraftSerialized = useMemo(() => JSON.stringify(initialDraft), [initialDraft]);
+    const draftSerialized = useMemo(() => JSON.stringify(draft), [draft]);
+    const expandedPathKey = useMemo(() => initialExpandedPaths.join("|"), [initialExpandedPaths]);
+    const initialExpandedKeys = useMemo(() => expandedKeysFromJsonPointers(initialDraft ?? data, initialExpandedPaths), [data, expandedPathKey, initialDraft]);
+    const [expandedKeys, setExpandedKeys] = useState(() => new Set(initialExpandedKeys));
+    useEffect(() => {
+        setDraft(cloneValue(initialDraft ?? data));
+    }, [initialSerialized, initialDraftSerialized]);
+    useEffect(() => {
+        setEditing(alwaysEditing || defaultEditing);
+    }, [alwaysEditing, defaultEditing]);
+    useEffect(() => {
+        setExpandedKeys(new Set(initialExpandedKeys));
+    }, [initialExpandedKeys]);
+    const updateDraft = (updater) => {
+        setDraft((current) => {
+            const next = updater(current);
+            onChange?.(next);
+            return next;
+        });
+    };
+    const toggleExpand = (key) => {
+        setExpandedKeys((current) => {
+            const next = new Set(current);
+            if (next.has(key)) {
+                next.delete(key);
+            }
+            else {
+                next.add(key);
+            }
+            return next;
+        });
+    };
+    const rootKeys = useMemo(() => Object.keys(editing || alwaysEditing ? draft : data), [alwaysEditing, data, draft, editing]);
+    const source = editing || alwaysEditing ? draft : data;
+    const dirty = draftSerialized !== initialSerialized;
+    return (_jsxs("div", { className: "pai-tree-card", children: [_jsxs("div", { className: "pai-tree", children: [rootKeys.map((key) => (_jsx(TreeNode, { keyName: key, value: source[key], displayPath: key, path: [key], editing: alwaysEditing || editing, expandedKeys: expandedKeys, onToggle: toggleExpand, onChange: (path, value) => updateDraft((current) => setValueAtPath(current, path, value)), onRemove: (path) => updateDraft((current) => removeValueAtPath(current, path)), onAdd: (path, displayPath, sample) => updateDraft((current) => {
+                            const target = path.reduce((cursor, segment) => cursor[segment], current);
+                            if (!Array.isArray(target)) {
+                                return current;
+                            }
+                            return setValueAtPath(current, path, [...target, getDefaultArrayItem(displayPath, sample, arrayItemTemplates, fieldOptions)]);
+                        }), terms: terms, fieldOptions: fieldOptions }, key))), !rootKeys.length ? _jsx("div", { className: "pai-muted", children: "\u7A7A\u5BF9\u8C61" }) : null] }), alwaysEditing ? null : editing ? (_jsxs("div", { className: "pai-actions", children: [_jsx("button", { type: "button", className: "pai-button pai-button-secondary", onClick: () => {
+                            setDraft(cloneValue(data));
+                            setEditing(false);
+                        }, children: "\u53D6\u6D88" }), _jsx("button", { type: "button", className: "pai-button pai-button-primary", disabled: saving || !dirty, onClick: () => void onSave(draft).then(() => setEditing(false)), children: saving ? "保存中" : "保存" })] })) : (_jsx("div", { className: "pai-actions", children: _jsx("button", { type: "button", className: "pai-button pai-button-secondary", onClick: () => {
+                        setEditing(true);
+                        setDraft(cloneValue(initialDraft ?? data));
+                        const expandedForVisibleContainers = new Set(expandedKeys);
+                        for (const pointer of initialExpandedPaths) {
+                            for (const part of parseJsonPointer(pointer)) {
+                                void part;
+                            }
+                        }
+                        setExpandedKeys(expandedForVisibleContainers);
+                    }, children: "\u7F16\u8F91" }) }))] }));
+}
+export function hasContainerChildren(value) {
+    if (Array.isArray(value))
+        return value.some(isContainer);
+    if (value && typeof value === "object")
+        return Object.values(value).some(isContainer);
+    return false;
+}
+//# sourceMappingURL=EntityTreeEditor.js.map