@pactor-app/chat 1.44.0 → 1.46.0

package/dist/index.js

@@ -1,3 +1,18 @@
+import {
+  ArtifactPanel,
+  Bubble,
+  Composer,
+  Sender,
+  Suggestion,
+  Welcome,
+  buildArtifactBlob,
+  buildArtifactTree,
+  downloadArtifact,
+  registerChatComponents,
+  resolveArtifactFilename,
+  saveBlob
+} from "./chunk-TBPUSGKL.js";
+
 // src/model.ts
 var idCounter = 0;
 function createChatId(prefix = "chat") {
@@ -332,94 +347,6 @@ var ArtifactStore = class {
   }
 };
 
-// src/artifact-download.ts
-var KIND_EXTENSIONS = {
-  markdown: "md",
-  text: "txt",
-  code: "txt",
-  dsl: "json"
-};
-function resolveArtifactFilename(artifact) {
-  const title = artifact.title.trim() || "artifact";
-  if (/\.[A-Za-z0-9]+$/.test(title)) {
-    return title;
-  }
-  const ext = resolveArtifactFileType(artifact) ?? KIND_EXTENSIONS[artifact.kind];
-  return `${title}.${ext}`;
-}
-function dataUrlToBlob(dataUrl) {
-  const comma = dataUrl.indexOf(",");
-  const meta = dataUrl.slice(0, comma);
-  const payload = dataUrl.slice(comma + 1);
-  const mime = /^data:([^;,]+)/.exec(meta)?.[1] ?? "application/octet-stream";
-  if (meta.includes(";base64")) {
-    const binary = atob(payload);
-    const bytes = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++) {
-      bytes[i] = binary.charCodeAt(i);
-    }
-    return new Blob([bytes], { type: mime });
-  }
-  return new Blob([decodeURIComponent(payload)], { type: mime });
-}
-function isRemoteUrl(raw) {
-  return /^https?:\/\//.test(raw.trim());
-}
-function buildArtifactBlob(artifact) {
-  if (artifact.kind === "dsl" && typeof artifact.content === "object") {
-    return new Blob([JSON.stringify(artifact.content, null, 2)], {
-      type: "application/json"
-    });
-  }
-  const raw = String(artifact.content);
-  if (isImageArtifact(artifact)) {
-    const trimmed = raw.trim();
-    if (trimmed.startsWith("data:")) {
-      return dataUrlToBlob(trimmed);
-    }
-    if (trimmed.startsWith("<svg") || trimmed.startsWith("<?xml")) {
-      return new Blob([raw], { type: "image/svg+xml" });
-    }
-    if (isRemoteUrl(trimmed)) {
-      return null;
-    }
-  }
-  const ext = resolveArtifactFileType(artifact);
-  const mime = ext === "md" || artifact.kind === "markdown" ? "text/markdown" : "text/plain";
-  return new Blob([raw], { type: `${mime};charset=utf-8` });
-}
-function saveBlob(blob, filename) {
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  document.body.appendChild(anchor);
-  anchor.click();
-  anchor.remove();
-  setTimeout(() => URL.revokeObjectURL(url), 1e3);
-}
-async function downloadArtifact(artifact) {
-  const filename = resolveArtifactFilename(artifact);
-  const raw = String(artifact.content ?? "").trim();
-  if (isImageArtifact(artifact) && isRemoteUrl(raw)) {
-    try {
-      const response = await fetch(raw);
-      if (!response.ok) {
-        throw new Error(`HTTP ${response.status}`);
-      }
-      saveBlob(await response.blob(), filename);
-      return;
-    } catch {
-      window.open(raw, "_blank", "noopener");
-      return;
-    }
-  }
-  const blob = buildArtifactBlob(artifact);
-  if (blob) {
-    saveBlob(blob, filename);
-  }
-}
-
 // src/events.ts
 function applyChatEvent(store, event) {
   switch (event.type) {
@@ -1059,11 +986,11 @@ function useChatAutoScroll({
 }
 
 // src/chat-composition.tsx
-import { useRenderer as useRenderer4 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer3 } from "@pactor-app/runtime";
 import {
-  Component as Component3,
+  Component as Component2,
   isValidElement,
-  useMemo as useMemo4,
+  useMemo as useMemo3,
   useRef as useRef13,
   useState as useState16,
   useSyncExternalStore as useSyncExternalStore2
@@ -1123,64 +1050,8 @@ function AppShell({
   );
 }
 
-// src/view/ArtifactPanel.tsx
-import { Icon as Icon4 } from "@pactor-app/ui/components";
-import { Registry as Registry2 } from "@pactor-app/core";
-import { MarkdownRenderer as MarkdownRenderer2 } from "@pactor-app/markdown";
-import { DslRenderer as DslRenderer2, useRenderer as useRenderer3 } from "@pactor-app/runtime";
-import {
-  Component as Component2,
-  useEffect as useEffect3,
-  useMemo,
-  useRef as useRef4,
-  useState as useState6
-} from "react";
-
-// src/view/PartRenderer.tsx
-import { Icon as Icon2 } from "@pactor-app/ui/components";
-import { MarkdownRenderer } from "@pactor-app/markdown";
-import { DslRenderer, useRenderer as useRenderer2 } from "@pactor-app/runtime";
-
-// src/hooks/use-throttled-value.ts
+// src/view/ChatArtifactPanel.tsx
 import { useEffect as useEffect2, useRef as useRef3, useState as useState4 } from "react";
-function useThrottledValue(value, intervalMs, enabled) {
-  const [shown, setShown] = useState4(value);
-  const lastUpdateRef = useRef3(0);
-  const timerRef = useRef3(void 0);
-  useEffect2(() => {
-    if (!enabled) {
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-        timerRef.current = void 0;
-      }
-      setShown(value);
-      return;
-    }
-    const now = Date.now();
-    const elapsed = now - lastUpdateRef.current;
-    if (elapsed >= intervalMs) {
-      lastUpdateRef.current = now;
-      setShown(value);
-      return;
-    }
-    timerRef.current = setTimeout(() => {
-      lastUpdateRef.current = Date.now();
-      setShown(value);
-      timerRef.current = void 0;
-    }, intervalMs - elapsed);
-    return () => {
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-        timerRef.current = void 0;
-      }
-    };
-  }, [value, intervalMs, enabled]);
-  return enabled ? shown : value;
-}
-
-// src/view/chrome/artifact-card.tsx
-import { Icon } from "@pactor-app/ui/components";
-import { useState as useState5 } from "react";
 
 // src/view/chrome/actions.ts
 var handlers = {};
@@ -1273,112 +1144,10 @@ function invokeChatPanelDownload() {
   handlers.panelDownload?.();
 }
 
-// src/view/chrome/artifact-card.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function artifactCardMeta(artifact) {
-  const ext = resolveArtifactFileType(artifact);
-  const typeLabel = (ext ?? artifact.kind).toUpperCase();
-  const sizeLabel = formatArtifactSize(artifact.meta?.["size"]);
-  return [sizeLabel, typeLabel].filter(Boolean).join(" \xB7 ");
-}
-function ChatArtifactCard({
-  artifact
-}) {
-  const icon = resolveArtifactIcon(artifact);
-  const meta = artifactCardMeta(artifact);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: `pactor-chat-artifact-card pactor-chat-artifact-card--${icon.tone}`,
-      "data-artifact-kind": artifact.kind,
-      "aria-label": `\u5728\u9762\u677F\u4E2D\u6253\u5F00\uFF1A${artifact.title}`,
-      title: `\u5728\u9762\u677F\u4E2D\u6253\u5F00\uFF1A${artifact.title}`,
-      onClick: () => invokeChatOpenArtifact(artifact),
-      children: [
-        /* @__PURE__ */ jsx2("span", { className: "pactor-chat-artifact-card__icon", children: /* @__PURE__ */ jsx2(Icon, { name: icon.name, size: 20 }) }),
-        /* @__PURE__ */ jsxs("span", { className: "pactor-chat-artifact-card__text", children: [
-          /* @__PURE__ */ jsx2("span", { className: "pactor-chat-artifact-card__title", children: artifact.title }),
-          meta ? /* @__PURE__ */ jsx2("span", { className: "pactor-chat-artifact-card__meta", children: meta }) : null
-        ] }),
-        /* @__PURE__ */ jsx2("span", { className: "pactor-chat-artifact-card__arrow", children: /* @__PURE__ */ jsx2(Icon, { name: "arrow-up-right", size: 14 }) })
-      ]
-    }
-  );
-}
-var ARTIFACT_CARD_INTERNAL_COMPONENTS = {
-  ChatArtifactCard,
-  ChatArtifactCardGroup
-};
-var ARTIFACT_CARD_GROUP_LIMIT = 4;
-function ChatArtifactCardGroup({
-  artifacts
-}) {
-  const [expanded, setExpanded] = useState5(false);
-  const overflow = artifacts.length > ARTIFACT_CARD_GROUP_LIMIT;
-  const visible = overflow && !expanded ? artifacts.slice(0, ARTIFACT_CARD_GROUP_LIMIT) : artifacts;
-  return /* @__PURE__ */ jsxs("div", { className: "pactor-chat-artifact-group", children: [
-    visible.map((artifact) => /* @__PURE__ */ jsx2(ChatArtifactCard, { artifact }, artifact.id)),
-    overflow ? /* @__PURE__ */ jsxs("div", { className: "pactor-chat-artifact-group__footer", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "pactor-chat-artifact-group__toggle",
-          "aria-expanded": expanded,
-          onClick: () => setExpanded((value) => !value),
-          children: [
-            /* @__PURE__ */ jsx2(
-              Icon,
-              {
-                name: expanded ? "chevron-up" : "chevron-down",
-                size: 12
-              }
-            ),
-            expanded ? "\u6536\u8D77" : "\u5C55\u5F00"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "pactor-chat-artifact-group__all",
-          onClick: () => invokeChatOpenArtifactList(),
-          children: [
-            "\u67E5\u770B\u6240\u6709\u4EA7\u7269(",
-            artifacts.length,
-            ")",
-            /* @__PURE__ */ jsx2(Icon, { name: "chevron-right", size: 12 })
-          ]
-        }
-      )
-    ] }) : null
-  ] });
-}
-function buildArtifactCardFragment(artifact) {
-  return {
-    requires: ["ChatArtifactCard"],
-    node: {
-      type: "ChatArtifactCard",
-      props: { artifact }
-    }
-  };
-}
-function buildArtifactCardGroupFragment(artifacts) {
-  return {
-    requires: ["ChatArtifactCardGroup"],
-    node: {
-      type: "ChatArtifactCardGroup",
-      props: { artifacts }
-    }
-  };
-}
-
 // src/view/chrome/ChromeSlot.tsx
 import { useRenderer } from "@pactor-app/runtime";
 import { Component } from "react";
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 var warnedMissing = /* @__PURE__ */ new Set();
 function warnMissingOnce(key, detail) {
   if (!warnedMissing.has(key)) {
@@ -1396,7 +1165,7 @@ function ChromeSlotInner({
   try {
     renderer = useRenderer();
   } catch {
-    return /* @__PURE__ */ jsx3(Fragment, { children: fallback });
+    return /* @__PURE__ */ jsx2(Fragment, { children: fallback });
   }
   ensureChatChromeActions(renderer.context.actions);
   if (components) {
@@ -1407,7 +1176,7 @@ function ChromeSlotInner({
           `conflict:${name}`,
           `[@pactor-app/chat] chrome \u5185\u90E8\u7EC4\u4EF6\u540D\u300C${name}\u300D\u88AB\u5BBF\u4E3B\u5360\u7528\uFF0C\u5DF2\u56DE\u9000\u5185\u5EFA\u5B9E\u73B0`
         );
-        return /* @__PURE__ */ jsx3(Fragment, { children: fallback });
+        return /* @__PURE__ */ jsx2(Fragment, { children: fallback });
       }
       if (existing === void 0) {
         renderer.context.components.register(
@@ -1425,10 +1194,10 @@ function ChromeSlotInner({
       `${fragment.node.type}:${missing.join(",")}`,
       `[@pactor-app/chat] chrome DSL \u7247\u6BB5\u6240\u9700\u7EC4\u4EF6\u7C7B\u578B\u7F3A\u5931\uFF08${missing.join(" / ")}\uFF09\uFF0C\u5DF2\u56DE\u9000\u5185\u5EFA\u5B9E\u73B0`
     );
-    return /* @__PURE__ */ jsx3(Fragment, { children: fallback });
+    return /* @__PURE__ */ jsx2(Fragment, { children: fallback });
   }
-  const rendered = /* @__PURE__ */ jsx3("div", { className: "pactor-chat-chrome", children: renderer.renderChildren([fragment.node]) });
-  return wrap ? /* @__PURE__ */ jsx3(Fragment, { children: wrap(rendered) }) : rendered;
+  const rendered = /* @__PURE__ */ jsx2("div", { className: "pactor-chat-chrome", children: renderer.renderChildren([fragment.node]) });
+  return wrap ? /* @__PURE__ */ jsx2(Fragment, { children: wrap(rendered) }) : rendered;
 }
 var ChromeSlotGuard = class extends Component {
   constructor() {
@@ -1443,116 +1212,13 @@ var ChromeSlotGuard = class extends Component {
   }
 };
 function ChromeSlot(props) {
-  return /* @__PURE__ */ jsx3(ChromeSlotGuard, { fallback: props.fallback, children: /* @__PURE__ */ jsx3(ChromeSlotInner, { ...props }) });
-}
-
-// src/view/chrome/feedback.tsx
-function buildErrorFragment(message) {
-  return {
-    requires: ["Alert"],
-    node: {
-      type: "Alert",
-      props: { variant: "error", message }
-    }
-  };
-}
-function buildStatusFragment(text) {
-  return {
-    requires: ["Text"],
-    node: {
-      type: "Text",
-      props: { type: "secondary", text }
-    }
-  };
-}
-
-// src/view/PartRenderer.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function ChatDenied({ deniedType }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "pactor-chat-denied", "data-pactor-chat-denied": deniedType, children: [
-    "\u8BE5\u7EC4\u4EF6\u4E0D\u5141\u8BB8\u5728 Chat \u4E2D\u4F7F\u7528",
-    deniedType ? `\uFF1A${deniedType}` : ""
-  ] });
-}
-function ChatDslNode({
-  node,
-  scope
-}) {
-  const renderer = useRenderer2();
-  const extraScope = scope ? buildChatScope(scope) : void 0;
-  return /* @__PURE__ */ jsx4(Fragment2, { children: renderer.renderChildren([node], extraScope) });
-}
-function SmoothText({ content, streaming }) {
-  const shown = useSmoothStreamText(content, streaming);
-  return /* @__PURE__ */ jsx4("div", { className: "pactor-chat-text", children: shown });
-}
-function SmoothMarkdown({ content, streaming }) {
-  const shown = useSmoothStreamText(content, streaming);
-  const throttled = useThrottledValue(shown, 100, streaming);
-  return /* @__PURE__ */ jsx4(MarkdownRenderer, { content: throttled });
-}
-function PartRenderer({ part, runtime, scope, streaming = false }) {
-  switch (part.type) {
-    case "text":
-      return /* @__PURE__ */ jsx4(SmoothText, { content: part.content, streaming });
-    case "markdown":
-      return /* @__PURE__ */ jsx4(SmoothMarkdown, { content: part.content, streaming });
-    case "thinking":
-    case "tool-call":
-    case "tool-result":
-      return null;
-    case "dsl": {
-      if (!part.schema || !runtime) {
-        return /* @__PURE__ */ jsx4(
-          ChromeSlot,
-          {
-            fragment: buildStatusFragment(
-              part.schema ? "DSL \u6E32\u67D3\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "\u5185\u5BB9\u751F\u6210\u4E2D\u2026"
-            ),
-            fallback: /* @__PURE__ */ jsx4("div", { className: "pactor-chat-dsl-pending", children: part.schema ? "DSL \u6E32\u67D3\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "\u5185\u5BB9\u751F\u6210\u4E2D\u2026" })
-          }
-        );
-      }
-      const guarded = guardChatDsl(part.schema, runtime.context.components);
-      return /* @__PURE__ */ jsx4("div", { className: "pactor-chat-dsl", children: /* @__PURE__ */ jsx4(DslRenderer, { context: runtime.context, engine: runtime.engine, children: /* @__PURE__ */ jsx4(ChatDslNode, { node: guarded, scope }) }) });
-    }
-    case "error":
-      return /* @__PURE__ */ jsx4(
-        ChromeSlot,
-        {
-          fragment: buildErrorFragment(part.message),
-          fallback: /* @__PURE__ */ jsxs2("div", { className: "pactor-chat-error", role: "alert", children: [
-            /* @__PURE__ */ jsx4(Icon2, { name: "error", size: 14 }),
-            /* @__PURE__ */ jsx4("span", { children: part.message })
-          ] })
-        }
-      );
-    case "status":
-      return /* @__PURE__ */ jsx4(
-        ChromeSlot,
-        {
-          fragment: buildStatusFragment(part.text),
-          fallback: /* @__PURE__ */ jsx4("div", { className: "pactor-chat-status", children: part.text })
-        }
-      );
-    case "artifact":
-      return /* @__PURE__ */ jsx4(
-        ChromeSlot,
-        {
-          fragment: buildArtifactCardFragment(part.artifact),
-          components: ARTIFACT_CARD_INTERNAL_COMPONENTS,
-          fallback: /* @__PURE__ */ jsx4(ChatArtifactCard, { artifact: part.artifact })
-        }
-      );
-    default:
-      return null;
-  }
+  return /* @__PURE__ */ jsx2(ChromeSlotGuard, { fallback: props.fallback, children: /* @__PURE__ */ jsx2(ChromeSlotInner, { ...props }) });
 }
 
 // src/view/chrome/panel-header.tsx
-import { DropdownMenu, Icon as Icon3 } from "@pactor-app/ui/components";
+import { DropdownMenu, Icon } from "@pactor-app/ui/components";
 import { createContext, useContext } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var ChatPanelContext = createContext(
   null
 );
@@ -1560,7 +1226,7 @@ function artifactIconName(artifact) {
   return artifact ? resolveArtifactIconName(artifact) : "file";
 }
 function ChatPanelCloseButton() {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -1568,7 +1234,7 @@ function ChatPanelCloseButton() {
       title: "\u5173\u95ED\u9762\u677F",
       "aria-label": "\u5173\u95ED\u9762\u677F",
       onClick: () => invokeChatPanelClose(),
-      children: /* @__PURE__ */ jsx5(Icon3, { name: "x", size: 16 })
+      children: /* @__PURE__ */ jsx3(Icon, { name: "x", size: 16 })
     }
   );
 }
@@ -1577,7 +1243,7 @@ function ChatPanelListButton() {
   if (ctx?.view === "list") {
     return null;
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -1585,12 +1251,12 @@ function ChatPanelListButton() {
       title: "\u4EA7\u7269\u76EE\u5F55",
       "aria-label": "\u4EA7\u7269\u76EE\u5F55",
       onClick: () => invokeChatPanelToggleList(),
-      children: /* @__PURE__ */ jsx5(Icon3, { name: "arrow-left", size: 16 })
+      children: /* @__PURE__ */ jsx3(Icon, { name: "arrow-left", size: 16 })
     }
   );
 }
 function ChatPanelDownloadButton() {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       type: "button",
@@ -1598,7 +1264,7 @@ function ChatPanelDownloadButton() {
       title: "\u4E0B\u8F7D\u4EA7\u7269",
       "aria-label": "\u4E0B\u8F7D\u4EA7\u7269",
       onClick: () => invokeChatPanelDownload(),
-      children: /* @__PURE__ */ jsx5(Icon3, { name: "download", size: 16 })
+      children: /* @__PURE__ */ jsx3(Icon, { name: "download", size: 16 })
     }
   );
 }
@@ -1609,7 +1275,7 @@ function ChatPanelArtifactMenu() {
   }
   const active = ctx.artifacts.find((item) => item.id === ctx.activeId);
   const inList = ctx.view === "list";
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     DropdownMenu,
     {
       items: ctx.artifacts.map((item) => ({
@@ -1623,21 +1289,21 @@ function ChatPanelArtifactMenu() {
           ctx.onSelectArtifact?.(target);
         }
       },
-      children: /* @__PURE__ */ jsxs3(
+      children: /* @__PURE__ */ jsxs(
         "span",
         {
           className: "pactor-chat-inspector__menu-trigger",
           "data-view": ctx.view,
           children: [
-            /* @__PURE__ */ jsx5(
-              Icon3,
+            /* @__PURE__ */ jsx3(
+              Icon,
               {
                 name: inList ? "folder" : artifactIconName(active),
                 size: 13
               }
             ),
-            /* @__PURE__ */ jsx5("span", { className: "pactor-chat-inspector__title", children: inList ? "\u4EA7\u7269\u76EE\u5F55" : active?.title ?? "\u4EA7\u51FA\u7269" }),
-            /* @__PURE__ */ jsx5(Icon3, { name: "chevron-down", size: 12 })
+            /* @__PURE__ */ jsx3("span", { className: "pactor-chat-inspector__title", children: inList ? "\u4EA7\u7269\u76EE\u5F55" : active?.title ?? "\u4EA7\u51FA\u7269" }),
+            /* @__PURE__ */ jsx3(Icon, { name: "chevron-down", size: 12 })
           ]
         }
       )
@@ -1708,187 +1374,9 @@ function buildPanelHeaderFragment(props) {
   };
 }
 
-// src/view/ArtifactPanel.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function useArtifactRuntime(safeRegistry, user) {
-  return useMemo(() => {
-    if (!safeRegistry) {
-      return void 0;
-    }
-    const components = new Registry2("ChatArtifactRegistry");
-    components.register(CHAT_DENIED_TYPE, ChatDenied);
-    for (const name of safeRegistry.list()) {
-      components.register(name, safeRegistry.get(name));
-    }
-    return createChatRuntime({ safeRegistry: components, user });
-  }, [safeRegistry, user]);
-}
-var ArtifactDslGuard = class extends Component2 {
-  constructor() {
-    super(...arguments);
-    this.state = { failed: false };
-  }
-  static getDerivedStateFromError() {
-    return { failed: true };
-  }
-  componentDidCatch(error) {
-    console.warn("[@pactor-app/chat] DSL \u4EA7\u51FA\u7269\u6E32\u67D3\u5931\u8D25\uFF0C\u5DF2\u964D\u7EA7\u5C55\u793A", error);
-  }
-  render() {
-    return this.state.failed ? /* @__PURE__ */ jsx6("div", { className: "pactor-chat-denied", children: "DSL \u4EA7\u51FA\u7269\u6E32\u67D3\u5931\u8D25\uFF0C\u5DF2\u964D\u7EA7\u5C55\u793A" }) : this.props.children;
-  }
-};
-function ArtifactDslNode({ node }) {
-  const { renderChildren } = useRenderer3();
-  return /* @__PURE__ */ jsx6(Fragment3, { children: renderChildren([node]) });
-}
-function ArtifactDslContent({
-  content,
-  runtime
-}) {
-  const node = typeof content === "object" && content !== null && !Array.isArray(content) && typeof content.type === "string" ? content : void 0;
-  if (!node || !runtime) {
-    return /* @__PURE__ */ jsx6("div", { className: "pactor-chat-denied", children: node ? "DSL \u9884\u89C8\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "DSL \u4EA7\u51FA\u7269\u5185\u5BB9\u65E0\u6548" });
-  }
-  const guarded = guardChatDsl(node, runtime.context.components);
-  return /* @__PURE__ */ jsx6(DslRenderer2, { context: runtime.context, engine: runtime.engine, children: /* @__PURE__ */ jsx6(ArtifactDslGuard, { children: /* @__PURE__ */ jsx6(ArtifactDslNode, { node: guarded }) }) });
-}
-function ArtifactKindIcon({ artifact }) {
-  return /* @__PURE__ */ jsx6(Icon4, { name: resolveArtifactIconName(artifact), size: 13 });
-}
-function buildArtifactTree(artifacts) {
-  const root = { name: "", path: "", children: [] };
-  for (const artifact of artifacts) {
-    const segments = artifact.id.split("/").filter(Boolean);
-    let node = root;
-    for (let i = 0; i < segments.length - 1; i++) {
-      const path = segments.slice(0, i + 1).join("/");
-      let child = node.children.find(
-        (item) => item.path === path && item.artifact === void 0
-      );
-      if (!child) {
-        child = { name: segments[i], path, children: [] };
-        node.children.push(child);
-      }
-      node = child;
-    }
-    node.children.push({
-      name: artifact.title,
-      path: artifact.id,
-      artifact,
-      children: []
-    });
-  }
-  const sortLevel = (nodes) => {
-    nodes.sort((a, b) => {
-      const dirDelta = Number(b.artifact === void 0) - Number(a.artifact === void 0);
-      return dirDelta !== 0 ? dirDelta : a.name.localeCompare(b.name);
-    });
-    for (const item of nodes) {
-      sortLevel(item.children);
-    }
-  };
-  sortLevel(root.children);
-  return root.children;
-}
-function ArtifactListView({
-  nodes,
-  activeId,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsx6("ul", { className: "pactor-chat-inspector__list", children: nodes.map((node) => /* @__PURE__ */ jsx6(
-    ArtifactTreeRow,
-    {
-      node,
-      activeId,
-      onSelect
-    },
-    node.path
-  )) });
-}
-function ArtifactTreeRow({
-  node,
-  activeId,
-  onSelect
-}) {
-  const [open, setOpen] = useState6(true);
-  if (node.artifact) {
-    return /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
-      "button",
-      {
-        type: "button",
-        className: "pactor-chat-inspector__list-item",
-        "data-active": node.artifact.id === activeId,
-        onClick: () => onSelect?.(node.artifact),
-        children: [
-          /* @__PURE__ */ jsx6(ArtifactKindIcon, { artifact: node.artifact }),
-          /* @__PURE__ */ jsx6("span", { className: "pactor-chat-inspector__list-item-title", children: node.artifact.title }),
-          /* @__PURE__ */ jsx6("span", { className: "pactor-chat-inspector__kind", children: node.artifact.kind })
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs4("li", { children: [
-    /* @__PURE__ */ jsxs4(
-      "button",
-      {
-        type: "button",
-        className: "pactor-chat-inspector__list-folder",
-        "aria-expanded": open,
-        "data-open": open,
-        onClick: () => setOpen((value) => !value),
-        children: [
-          /* @__PURE__ */ jsx6("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx6(Icon4, { name: "chevron-right", size: 12 }) }),
-          /* @__PURE__ */ jsx6(Icon4, { name: "folder", size: 13 }),
-          /* @__PURE__ */ jsx6("span", { children: node.name })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx6("div", { className: "pactor-chat-inspector__list-children", children: /* @__PURE__ */ jsx6(
-      ArtifactListView,
-      {
-        nodes: node.children,
-        activeId,
-        onSelect
-      }
-    ) })
-  ] });
-}
-function ArtifactImageContent({ artifact }) {
-  const raw = String(artifact.content).trim();
-  const src = raw.startsWith("<svg") || raw.startsWith("<?xml") ? `data:image/svg+xml;utf8,${encodeURIComponent(raw)}` : raw;
-  return /* @__PURE__ */ jsx6("div", { className: "pactor-chat-inspector__image", children: /* @__PURE__ */ jsx6("img", { src, alt: artifact.title }) });
-}
-function ArtifactContent({
-  artifact,
-  runtime,
-  viewers
-}) {
-  const ext = resolveArtifactFileType(artifact);
-  const custom = (ext ? viewers?.[ext] : void 0) ?? viewers?.[artifact.kind];
-  if (custom) {
-    return /* @__PURE__ */ jsx6(Fragment3, { children: custom(artifact) });
-  }
-  if (isImageArtifact(artifact)) {
-    return /* @__PURE__ */ jsx6(ArtifactImageContent, { artifact });
-  }
-  switch (artifact.kind) {
-    case "markdown":
-      return /* @__PURE__ */ jsx6(MarkdownRenderer2, { content: String(artifact.content) });
-    case "code":
-      return /* @__PURE__ */ jsxs4("div", { className: "pactor-chat-inspector__code", children: [
-        artifact.language ? /* @__PURE__ */ jsx6("span", { className: "pactor-chat-inspector__code-lang", children: artifact.language }) : null,
-        /* @__PURE__ */ jsx6("pre", { children: /* @__PURE__ */ jsx6("code", { children: String(artifact.content) }) })
-      ] });
-    case "text":
-      return /* @__PURE__ */ jsx6("pre", { className: "pactor-chat-inspector__text", children: String(artifact.content) });
-    case "dsl":
-      return /* @__PURE__ */ jsx6(ArtifactDslContent, { content: artifact.content, runtime });
-    default:
-      return null;
-  }
-}
-function ArtifactPanel({
+// src/view/ChatArtifactPanel.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function ArtifactPanel2({
   artifact,
   artifacts,
   activeArtifactId,
@@ -1897,72 +1385,52 @@ function ArtifactPanel({
   onViewRequestConsumed,
   inspector,
   onClose,
+  onDownload,
   safeRegistry,
   user,
   artifactViewers,
   className
 }) {
-  const runtime = useArtifactRuntime(safeRegistry, user);
-  const [view, setView] = useState6("content");
+  const [view, setView] = useState4("content");
   const activeId = activeArtifactId ?? artifact?.id;
-  useEffect3(() => {
-    setView("content");
-  }, [activeId]);
-  useEffect3(() => {
-    if (viewRequest != null) {
-      setView("list");
-      onViewRequestConsumed?.();
-    }
-  }, [viewRequest]);
-  const showListButton = artifacts !== void 0 && artifacts.length > 0;
-  const showMenu = artifacts !== void 0 && artifacts.length > 0;
-  const toggleListRef = useRef4(() => {
-  });
-  toggleListRef.current = () => setView((value) => value === "list" ? "content" : "list");
-  const closeRef = useRef4(onClose);
+  const hasArtifacts = artifacts !== void 0 && artifacts.length > 0;
+  const headerTitle = view === "list" ? "\u4EA7\u7269\u76EE\u5F55" : artifact?.title ?? "\u4EA7\u51FA\u7269";
+  const closeRef = useRef3(onClose);
   closeRef.current = onClose;
-  const artifactRef = useRef4(artifact);
+  const artifactRef = useRef3(artifact);
   artifactRef.current = artifact;
-  useEffect3(() => {
+  const downloadRef = useRef3(onDownload);
+  downloadRef.current = onDownload;
+  useEffect2(() => {
     setChatChromeHandlers({
       panelClose: () => closeRef.current?.(),
-      panelToggleList: () => toggleListRef.current(),
+      panelToggleList: () => setView((value) => value === "list" ? "content" : "list"),
       panelDownload: () => {
         const current = artifactRef.current;
         if (current) {
-          void downloadArtifact(current);
+          if (downloadRef.current) {
+            downloadRef.current(current);
+          } else {
+            void downloadArtifact(current);
+          }
         }
       }
     });
   }, []);
-  const panelRef = useRef4(null);
-  const [width, setWidth] = useState6(null);
-  const handleResizeStart = (event) => {
-    event.preventDefault();
-    const panel = panelRef.current;
-    if (!panel) {
-      return;
+  const handleSelectArtifact = (id) => {
+    const target = artifacts?.find((item) => item.id === id);
+    if (target) {
+      onSelectArtifact?.(target);
     }
-    const startWidth = panel.getBoundingClientRect().width;
-    const startX = event.clientX;
-    const prevUserSelect = document.body.style.userSelect;
-    document.body.style.userSelect = "none";
-    const onMove = (moveEvent) => {
-      const hostRect = panel.parentElement?.getBoundingClientRect();
-      const hostWidth = hostRect !== void 0 && hostRect.width > 0 ? hostRect.width : window.innerWidth;
-      const maxWidth = Math.min(600, hostWidth * 2 / 3);
-      const next = startWidth + (startX - moveEvent.clientX);
-      setWidth(Math.round(Math.min(Math.max(next, 480), maxWidth)));
-    };
-    const onUp = () => {
-      document.body.style.userSelect = prevUserSelect;
-      document.removeEventListener("pointermove", onMove);
-      document.removeEventListener("pointerup", onUp);
-    };
-    document.addEventListener("pointermove", onMove);
-    document.addEventListener("pointerup", onUp);
   };
-  return /* @__PURE__ */ jsx6(
+  const headerFallback = /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    hasArtifacts ? /* @__PURE__ */ jsx4(ChatPanelListButton, {}) : null,
+    hasArtifacts ? /* @__PURE__ */ jsx4(ChatPanelArtifactMenu, {}) : /* @__PURE__ */ jsx4("span", { className: "pactor-chat-inspector__title", children: headerTitle }),
+    view !== "list" && artifact ? /* @__PURE__ */ jsx4("span", { className: "pactor-chat-inspector__kind", children: artifact.kind }) : null,
+    artifact != null ? /* @__PURE__ */ jsx4(ChatPanelDownloadButton, {}) : null,
+    /* @__PURE__ */ jsx4(ChatPanelCloseButton, {})
+  ] });
+  return /* @__PURE__ */ jsx4(
     ChatPanelContext.Provider,
     {
       value: {
@@ -1971,61 +1439,40 @@ function ArtifactPanel({
         view,
         onSelectArtifact
       },
-      children: /* @__PURE__ */ jsxs4(
-        "aside",
+      children: /* @__PURE__ */ jsx4(
+        ArtifactPanel,
         {
-          ref: panelRef,
-          className: `pactor-chat-inspector${className ? ` ${className}` : ""}`,
-          "data-kind": artifact?.kind,
-          style: width !== null ? { width: `${width}px` } : void 0,
-          children: [
-            /* @__PURE__ */ jsx6(
-              "div",
-              {
-                className: "pactor-chat-inspector__resize",
-                role: "separator",
-                "aria-orientation": "vertical",
-                "aria-label": "\u62D6\u52A8\u8C03\u6574\u9762\u677F\u5BBD\u5EA6",
-                onPointerDown: handleResizeStart
-              }
-            ),
-            /* @__PURE__ */ jsx6("div", { className: "pactor-chat-inspector__header", children: /* @__PURE__ */ jsx6(
-              ChromeSlot,
-              {
-                fragment: buildPanelHeaderFragment({
-                  title: view === "list" ? "\u4EA7\u7269\u76EE\u5F55" : artifact?.title ?? "\u4EA7\u51FA\u7269",
-                  kind: artifact?.kind ?? "text",
-                  showListButton,
-                  showDownload: artifact != null,
-                  showMenu,
-                  view
-                }),
-                components: PANEL_HEADER_INTERNAL_COMPONENTS,
-                fallback: /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                  showListButton ? /* @__PURE__ */ jsx6(ChatPanelListButton, {}) : null,
-                  showMenu ? /* @__PURE__ */ jsx6(ChatPanelArtifactMenu, {}) : /* @__PURE__ */ jsx6("span", { className: "pactor-chat-inspector__title", children: view === "list" ? "\u4EA7\u7269\u76EE\u5F55" : artifact?.title ?? "\u4EA7\u51FA\u7269" }),
-                  view !== "list" && artifact ? /* @__PURE__ */ jsx6("span", { className: "pactor-chat-inspector__kind", children: artifact.kind }) : null,
-                  artifact ? /* @__PURE__ */ jsx6(ChatPanelDownloadButton, {}) : null,
-                  /* @__PURE__ */ jsx6(ChatPanelCloseButton, {})
-                ] })
-              }
-            ) }),
-            /* @__PURE__ */ jsx6("div", { className: "pactor-chat-inspector__body", children: view === "list" && artifacts !== void 0 ? /* @__PURE__ */ jsx6(
-              ArtifactListView,
-              {
-                nodes: buildArtifactTree(artifacts),
-                activeId,
-                onSelect: onSelectArtifact
-              }
-            ) : inspector !== void 0 && inspector !== null ? inspector : artifact ? /* @__PURE__ */ jsx6(
-              ArtifactContent,
-              {
-                artifact,
-                runtime,
-                viewers: artifactViewers
-              }
-            ) : null })
-          ]
+          artifact,
+          artifacts,
+          activeArtifactId,
+          onSelectArtifact: handleSelectArtifact,
+          view,
+          onViewChange: setView,
+          viewRequest,
+          onViewRequestConsumed,
+          inspector,
+          onClose,
+          onDownload,
+          safeRegistry,
+          user,
+          artifactViewers,
+          resizable: true,
+          className: className ? `pactor-chat-inspector ${className}` : "pactor-chat-inspector",
+          header: /* @__PURE__ */ jsx4("div", { className: "pactor-chat-inspector__header", children: /* @__PURE__ */ jsx4(
+            ChromeSlot,
+            {
+              fragment: buildPanelHeaderFragment({
+                title: headerTitle,
+                kind: artifact?.kind ?? "text",
+                showListButton: hasArtifacts,
+                showDownload: artifact != null,
+                showMenu: hasArtifacts,
+                view
+              }),
+              components: PANEL_HEADER_INTERNAL_COMPONENTS,
+              fallback: headerFallback
+            }
+          ) })
         }
       )
     }
@@ -2033,22 +1480,21 @@ function ArtifactPanel({
 }
 
 // src/view/ChatView.tsx
-import { Icon as Icon11 } from "@pactor-app/ui/components";
-import { Registry as Registry3 } from "@pactor-app/core";
-import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef11, useState as useState14, useSyncExternalStore } from "react";
+import { Icon as Icon8 } from "@pactor-app/ui/components";
+import { Registry as Registry2 } from "@pactor-app/core";
+import { useEffect as useEffect9, useMemo as useMemo2, useRef as useRef11, useState as useState14, useSyncExternalStore } from "react";
 
-// src/view/Composer.tsx
-import { Icon as Icon7 } from "@pactor-app/ui/components";
-import { useLayoutEffect as useLayoutEffect3, useMemo as useMemo2, useRef as useRef7, useState as useState10 } from "react";
+// src/view/ChatComposer.tsx
+import { useLayoutEffect as useLayoutEffect3, useMemo, useRef as useRef6, useState as useState8 } from "react";
 
 // src/view/AnchoredPopover.tsx
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect3,
   useLayoutEffect as useLayoutEffect2,
-  useRef as useRef5,
-  useState as useState7
+  useRef as useRef4,
+  useState as useState5
 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function AnchoredPopover({
   anchorRect,
   onClose,
@@ -2057,8 +1503,8 @@ function AnchoredPopover({
   role = "dialog",
   sideOffset = 8
 }) {
-  const ref = useRef5(null);
-  const [position, setPosition] = useState7(null);
+  const ref = useRef4(null);
+  const [position, setPosition] = useState5(null);
   useLayoutEffect2(() => {
     const element = ref.current;
     if (!element) return;
@@ -2077,7 +1523,7 @@ function AnchoredPopover({
       }
     );
   }, [anchorRect, sideOffset]);
-  useEffect4(() => {
+  useEffect3(() => {
     const onKeyDown = (event) => {
       if (event.key !== "Escape") return;
       const element = ref.current;
@@ -2105,7 +1551,7 @@ function AnchoredPopover({
     position?.below ? "pactor-chat-popover--below" : "",
     className ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       ref,
@@ -2123,9 +1569,13 @@ function AnchoredPopover({
   );
 }
 
+// src/view/chrome/composer.tsx
+import { Icon as Icon3 } from "@pactor-app/ui/components";
+import { createContext as createContext2, useContext as useContext2 } from "react";
+
 // src/view/ModelChip.tsx
-import { Icon as Icon5 } from "@pactor-app/ui/components";
-import { useEffect as useEffect5, useRef as useRef6, useState as useState8 } from "react";
+import { Icon as Icon2 } from "@pactor-app/ui/components";
+import { useEffect as useEffect4, useRef as useRef5, useState as useState6 } from "react";
 
 // src/view/chrome/model-select.tsx
 function buildModelSelectFragment(props) {
@@ -2151,17 +1601,17 @@ function buildModelSelectFragment(props) {
 }
 
 // src/view/ModelChip.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function ModelChip({
   models,
   model,
   onModelChange
 }) {
-  const chipRef = useRef6(null);
-  const [anchor, setAnchor] = useState8(null);
+  const chipRef = useRef5(null);
+  const [anchor, setAnchor] = useState6(null);
   const currentOption = models.find((option) => option.value === model) ?? models[0];
-  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         ref: chipRef,
@@ -2171,18 +1621,18 @@ function ModelChip({
         "aria-label": "\u9009\u62E9\u6A21\u578B",
         onClick: () => setAnchor(chipRef.current.getBoundingClientRect()),
         children: [
-          /* @__PURE__ */ jsx8("span", { className: "pactor-chat-model-chip__label", children: currentOption.label }),
-          /* @__PURE__ */ jsx8(Icon5, { name: "chevrons-up-down", size: 12 })
+          /* @__PURE__ */ jsx6("span", { className: "pactor-chat-model-chip__label", children: currentOption.label }),
+          /* @__PURE__ */ jsx6(Icon2, { name: "chevrons-up-down", size: 12 })
         ]
       }
     ),
-    anchor && /* @__PURE__ */ jsx8(
+    anchor && /* @__PURE__ */ jsx6(
       AnchoredPopover,
       {
         anchorRect: anchor,
         onClose: () => setAnchor(null),
         role: "listbox",
-        children: models.map((option) => /* @__PURE__ */ jsxs5(
+        children: models.map((option) => /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -2194,8 +1644,8 @@ function ModelChip({
               setAnchor(null);
             },
             children: [
-              /* @__PURE__ */ jsx8("span", { className: "pactor-chat-popover__item-label", children: option.label }),
-              option.value === currentOption.value && /* @__PURE__ */ jsx8(Icon5, { name: "check", size: 13, className: "pactor-chat-popover__item-check" })
+              /* @__PURE__ */ jsx6("span", { className: "pactor-chat-popover__item-label", children: option.label }),
+              option.value === currentOption.value && /* @__PURE__ */ jsx6(Icon2, { name: "check", size: 13, className: "pactor-chat-popover__item-check" })
             ]
           },
           option.value
@@ -2209,26 +1659,24 @@ function ModelSelect({
   model,
   onModelChange
 }) {
-  const changeRef = useRef6(onModelChange);
+  const changeRef = useRef5(onModelChange);
   changeRef.current = onModelChange;
-  useEffect5(() => {
+  useEffect4(() => {
     setChatChromeHandlers({
       modelChange: (value) => changeRef.current?.(value)
     });
   }, []);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx6(
     ChromeSlot,
     {
       fragment: buildModelSelectFragment({ models, model }),
-      fallback: /* @__PURE__ */ jsx8(ModelChip, { models, model, onModelChange })
+      fallback: /* @__PURE__ */ jsx6(ModelChip, { models, model, onModelChange })
     }
   );
 }
 
 // src/view/chrome/composer.tsx
-import { Icon as Icon6 } from "@pactor-app/ui/components";
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var ComposerBridgeContext = createContext2(
   null
 );
@@ -2258,21 +1706,21 @@ function ComposerAttachments({
   if (attachments.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx9("div", { className: "pactor-chat-composer__attachments", children: attachments.map((attachment) => {
+  return /* @__PURE__ */ jsx7("div", { className: "pactor-chat-composer__attachments", children: attachments.map((attachment) => {
     const isImage = attachment.mimeType.startsWith("image/");
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs4(
       "div",
       {
         className: "pactor-chat-composer__attachment",
         "data-attachment-id": attachment.id,
         onClick: () => onClick?.(attachment),
         children: [
-          isImage && attachment.url ? /* @__PURE__ */ jsx9("span", { className: "pactor-chat-composer__attachment-thumb", children: /* @__PURE__ */ jsx9("img", { src: attachment.url, alt: attachment.name }) }) : /* @__PURE__ */ jsxs6("span", { className: "pactor-chat-composer__attachment-info", children: [
-            /* @__PURE__ */ jsx9(Icon6, { name: "file-text", size: 14 }),
-            /* @__PURE__ */ jsx9("span", { className: "pactor-chat-composer__attachment-name", children: attachment.name }),
-            attachment.size !== void 0 && /* @__PURE__ */ jsx9("span", { className: "pactor-chat-composer__attachment-size", children: formatSize(attachment.size) })
+          isImage && attachment.url ? /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__attachment-thumb", children: /* @__PURE__ */ jsx7("img", { src: attachment.url, alt: attachment.name }) }) : /* @__PURE__ */ jsxs4("span", { className: "pactor-chat-composer__attachment-info", children: [
+            /* @__PURE__ */ jsx7(Icon3, { name: "file-text", size: 14 }),
+            /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__attachment-name", children: attachment.name }),
+            attachment.size !== void 0 && /* @__PURE__ */ jsx7("span", { className: "pactor-chat-composer__attachment-size", children: formatSize(attachment.size) })
           ] }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -2283,7 +1731,7 @@ function ComposerAttachments({
                 event.stopPropagation();
                 onRemove(attachment.id);
               },
-              children: /* @__PURE__ */ jsx9(Icon6, { name: "x", size: 12 })
+              children: /* @__PURE__ */ jsx7(Icon3, { name: "x", size: 12 })
             }
           )
         ]
@@ -2299,14 +1747,14 @@ function ComposerContextChips({
   if (chips.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx9("div", { className: "pactor-chat-composer__contexts", children: chips.map((chip) => /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx7("div", { className: "pactor-chat-composer__contexts", children: chips.map((chip) => /* @__PURE__ */ jsxs4(
     "span",
     {
       className: "pactor-chat-context-chip",
       "data-context-id": chip.id,
       children: [
-        /* @__PURE__ */ jsx9("span", { className: "pactor-chat-context-chip__label", children: chip.label }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx7("span", { className: "pactor-chat-context-chip__label", children: chip.label }),
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -2314,7 +1762,7 @@ function ComposerContextChips({
             title: `\u79FB\u9664\u4E0A\u4E0B\u6587 ${chip.label}`,
             "aria-label": `\u79FB\u9664\u4E0A\u4E0B\u6587 ${chip.label}`,
             onClick: () => onRemove(chip),
-            children: /* @__PURE__ */ jsx9(Icon6, { name: "x", size: 12 })
+            children: /* @__PURE__ */ jsx7(Icon3, { name: "x", size: 12 })
           }
         )
       ]
@@ -2324,8 +1772,8 @@ function ComposerContextChips({
 }
 function ChatComposerHeader() {
   const bridge = useComposerBridge();
-  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
-    bridge.attachments !== void 0 && /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    bridge.attachments !== void 0 && /* @__PURE__ */ jsx7(
       ComposerAttachments,
       {
         attachments: bridge.attachments,
@@ -2333,7 +1781,7 @@ function ChatComposerHeader() {
         onClick: bridge.attachmentClick
       }
     ),
-    bridge.contextChips !== void 0 && /* @__PURE__ */ jsx9(
+    bridge.contextChips !== void 0 && /* @__PURE__ */ jsx7(
       ComposerContextChips,
       {
         chips: bridge.contextChips,
@@ -2344,9 +1792,9 @@ function ChatComposerHeader() {
 }
 function ChatComposerToolbarStart() {
   const bridge = useComposerBridge();
-  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
     bridge.toolbarStart,
-    bridge.showPlus && /* @__PURE__ */ jsx9(
+    bridge.showPlus && /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -2354,10 +1802,10 @@ function ChatComposerToolbarStart() {
         title: "\u66F4\u591A\u529F\u80FD",
         "aria-label": "\u66F4\u591A\u529F\u80FD",
         onClick: (event) => bridge.plusClick(event.currentTarget.getBoundingClientRect()),
-        children: /* @__PURE__ */ jsx9(Icon6, { name: "plus", size: 14 })
+        children: /* @__PURE__ */ jsx7(Icon3, { name: "plus", size: 14 })
       }
     ),
-    bridge.showAttach && /* @__PURE__ */ jsx9(
+    bridge.showAttach && /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -2365,15 +1813,15 @@ function ChatComposerToolbarStart() {
         title: "\u6DFB\u52A0\u9644\u4EF6",
         "aria-label": "\u6DFB\u52A0\u9644\u4EF6",
         onClick: bridge.openFilePicker,
-        children: /* @__PURE__ */ jsx9(Icon6, { name: "paperclip", size: 14 })
+        children: /* @__PURE__ */ jsx7(Icon3, { name: "paperclip", size: 14 })
       }
     )
   ] });
 }
 function ChatComposerToolbarEnd() {
   const bridge = useComposerBridge();
-  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
-    bridge.modelChipEnabled && /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    bridge.modelChipEnabled && /* @__PURE__ */ jsx7(
       ModelSelect,
       {
         models: bridge.models,
@@ -2382,7 +1830,7 @@ function ChatComposerToolbarEnd() {
       }
     ),
     bridge.toolbarEnd,
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -2391,14 +1839,14 @@ function ChatComposerToolbarEnd() {
         "aria-label": bridge.streaming ? "\u505C\u6B62\u751F\u6210" : "\u53D1\u9001",
         disabled: bridge.streaming ? false : bridge.disabled || !bridge.text.trim(),
         onClick: bridge.streaming ? bridge.stop : bridge.send,
-        children: bridge.streaming ? /* @__PURE__ */ jsx9(Icon6, { name: "square", size: 14, className: "pactor-chat-icon-fill" }) : /* @__PURE__ */ jsx9(Icon6, { name: "arrow-up", size: 16 })
+        children: bridge.streaming ? /* @__PURE__ */ jsx7(Icon3, { name: "square", size: 14, className: "pactor-chat-icon-fill" }) : /* @__PURE__ */ jsx7(Icon3, { name: "arrow-up", size: 16 })
       }
     )
   ] });
 }
 function ChatComposerFooter() {
   const bridge = useComposerBridge();
-  return /* @__PURE__ */ jsx9(Fragment5, { children: bridge.composerFooter });
+  return /* @__PURE__ */ jsx7(Fragment4, { children: bridge.composerFooter });
 }
 var COMPOSER_INTERNAL_COMPONENTS = {
   ChatComposerHeader,
@@ -2439,8 +1887,8 @@ function buildComposerFragment(props) {
 }
 
 // src/view/context-sources.tsx
-import { useEffect as useEffect6, useState as useState9 } from "react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState7 } from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function sourceCacheKey(source) {
   return `${source.service ?? ""}:${JSON.stringify(source.params ?? {})}`;
 }
@@ -2475,8 +1923,8 @@ function ContextSourceList({
   cache,
   onSelect
 }) {
-  const [resolutions, setResolutions] = useState9([]);
-  useEffect6(() => {
+  const [resolutions, setResolutions] = useState7([]);
+  useEffect5(() => {
     let cancelled = false;
     const initial = sources.map(
       (source) => source.items ? { status: "ready", items: source.items } : { status: "loading" }
@@ -2521,12 +1969,12 @@ function ContextSourceList({
     totalMatched += items.length;
     return { source, resolution, items };
   });
-  return /* @__PURE__ */ jsxs7("div", { className: "pactor-chat-source-list", children: [
-    groups.map(({ source, resolution, items }) => /* @__PURE__ */ jsxs7("div", { className: "pactor-chat-source-list__group", children: [
-      sources.length > 1 && /* @__PURE__ */ jsx10("div", { className: "pactor-chat-source-list__group-label", children: source.label }),
-      resolution.status === "loading" && /* @__PURE__ */ jsx10("div", { className: "pactor-chat-source-list__hint", children: "\u52A0\u8F7D\u4E2D\u2026" }),
-      resolution.status === "error" && /* @__PURE__ */ jsx10("div", { className: "pactor-chat-source-list__error", role: "alert", children: resolution.message }),
-      items.map((item) => /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs5("div", { className: "pactor-chat-source-list", children: [
+    groups.map(({ source, resolution, items }) => /* @__PURE__ */ jsxs5("div", { className: "pactor-chat-source-list__group", children: [
+      sources.length > 1 && /* @__PURE__ */ jsx8("div", { className: "pactor-chat-source-list__group-label", children: source.label }),
+      resolution.status === "loading" && /* @__PURE__ */ jsx8("div", { className: "pactor-chat-source-list__hint", children: "\u52A0\u8F7D\u4E2D\u2026" }),
+      resolution.status === "error" && /* @__PURE__ */ jsx8("div", { className: "pactor-chat-source-list__error", role: "alert", children: resolution.message }),
+      items.map((item) => /* @__PURE__ */ jsx8(
         "button",
         {
           type: "button",
@@ -2537,13 +1985,12 @@ function ContextSourceList({
         item.id
       ))
     ] }, `${source.trigger}:${source.label}`)),
-    totalMatched === 0 && groups.every(({ resolution }) => resolution.status === "ready") && /* @__PURE__ */ jsx10("div", { className: "pactor-chat-source-list__hint", children: "\u65E0\u5339\u914D\u9879" })
+    totalMatched === 0 && groups.every(({ resolution }) => resolution.status === "ready") && /* @__PURE__ */ jsx8("div", { className: "pactor-chat-source-list__hint", children: "\u65E0\u5339\u914D\u9879" })
   ] });
 }
 
-// src/view/Composer.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var MAX_INPUT_HEIGHT = 200;
+// src/view/ChatComposer.tsx
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function detectMention(text, caret) {
   const beforeCaret = text.slice(0, caret);
   const match = /(?:^|\s)@([^\s@]*)$/.exec(beforeCaret);
@@ -2552,7 +1999,15 @@ function detectMention(text, caret) {
 function collectDropFiles(event) {
   return event.dataTransfer ? Array.from(event.dataTransfer.files) : [];
 }
-function Composer({
+function toAttachmentItem(attachment) {
+  return {
+    id: attachment.id,
+    name: attachment.name,
+    fileType: attachment.mimeType,
+    fileSize: attachment.size
+  };
+}
+function Composer2({
   onSend,
   streaming = false,
   onStop,
@@ -2576,26 +2031,23 @@ function Composer({
   composerFooter,
   hideToolbar = false
 }) {
-  const [text, setText] = useState10("");
-  const [dragOver, setDragOver] = useState10(false);
-  const inputRef = useRef7(null);
-  const fileInputRef = useRef7(null);
-  const plusButtonRef = useRef7(null);
-  const composingRef = useRef7(false);
+  const [text, setText] = useState8("");
+  const [dragOver, setDragOver] = useState8(false);
+  const fileInputRef = useRef6(null);
   const modelChipEnabled = models !== void 0 && models.length > 0;
-  const mentionSources = useMemo2(
+  const mentionSources = useMemo(
     () => contextSources?.filter((source) => source.trigger === "@") ?? [],
     [contextSources]
   );
-  const plusSources = useMemo2(
+  const plusSources = useMemo(
     () => contextSources?.filter((source) => source.trigger === "+") ?? [],
     [contextSources]
   );
   const builtinMentionEnabled = onMentionTrigger === void 0 && mentionSources.length > 0;
   const builtinPlusEnabled = onPlusMenu === void 0 && plusSources.length > 0;
-  const [mentionState, setMentionState] = useState10(null);
-  const [plusAnchor, setPlusAnchor] = useState10(null);
-  const sourceCacheRef = useRef7(null);
+  const [mentionState, setMentionState] = useState8(null);
+  const [plusAnchor, setPlusAnchor] = useState8(null);
+  const sourceCacheRef = useRef6(null);
   if (sourceCacheRef.current === null) {
     sourceCacheRef.current = /* @__PURE__ */ new Map();
   }
@@ -2614,13 +2066,6 @@ function Composer({
     setMentionState(null);
     setPlusAnchor(null);
   };
-  useLayoutEffect3(() => {
-    const input = inputRef.current;
-    if (input) {
-      input.style.height = "auto";
-      input.style.height = `${Math.min(input.scrollHeight, MAX_INPUT_HEIGHT)}px`;
-    }
-  }, [text]);
   const send = () => {
     const value = text.trim();
     if (!value || disabled) {
@@ -2629,7 +2074,7 @@ function Composer({
     onSend?.(value);
     setText("");
   };
-  const sendRef = useRef7(send);
+  const sendRef = useRef6(send);
   sendRef.current = send;
   useLayoutEffect3(() => {
     setChatChromeHandlers({ composerSubmit: () => sendRef.current() });
@@ -2647,13 +2092,6 @@ function Composer({
       }
     }
   };
-  const handleChange = (event) => {
-    syncText(
-      event.target.value,
-      event.target.selectionStart ?? event.target.value.length,
-      event.target.getBoundingClientRect()
-    );
-  };
   const handleBubbleChange = (event) => {
     const target = event.target;
     if (!(target instanceof HTMLTextAreaElement)) {
@@ -2688,8 +2126,20 @@ function Composer({
       }
     }
   };
-  const showToolbar = !hideToolbar && (toolbarStart !== void 0 || toolbarEnd !== void 0 || onPlusMenu !== void 0 || builtinPlusEnabled || onAttachFiles !== void 0 || modelChipEnabled);
-  const fileInputNode = onAttachFiles ? /* @__PURE__ */ jsx11(
+  const showPlus = onPlusMenu !== void 0 || builtinPlusEnabled;
+  const handlePlusClick = (anchorRect) => {
+    if (onPlusMenu) {
+      onPlusMenu(anchorRect);
+    } else {
+      setPlusAnchor(anchorRect);
+    }
+  };
+  const removeChip = (chip) => onContextChipsChange?.(
+    (contextChips ?? []).filter(
+      (existing) => !(existing.id === chip.id && existing.trigger === chip.trigger)
+    )
+  );
+  const fileInputNode = onAttachFiles ? /* @__PURE__ */ jsx9(
     "input",
     {
       ref: fileInputRef,
@@ -2705,14 +2155,14 @@ function Composer({
       }
     }
   ) : null;
-  const popoverNodes = /* @__PURE__ */ jsxs8(Fragment6, { children: [
-    builtinMentionEnabled && mentionState && /* @__PURE__ */ jsx11(
+  const popoverNodes = /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    builtinMentionEnabled && mentionState && /* @__PURE__ */ jsx9(
       AnchoredPopover,
       {
         anchorRect: mentionState.anchorRect,
         onClose: () => setMentionState(null),
         role: "listbox",
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx9(
           ContextSourceList,
           {
             sources: mentionSources,
@@ -2724,13 +2174,13 @@ function Composer({
         )
       }
     ),
-    builtinPlusEnabled && plusAnchor && /* @__PURE__ */ jsx11(
+    builtinPlusEnabled && plusAnchor && /* @__PURE__ */ jsx9(
       AnchoredPopover,
       {
         anchorRect: plusAnchor,
         onClose: () => setPlusAnchor(null),
         role: "listbox",
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx9(
           ContextSourceList,
           {
             sources: plusSources,
@@ -2743,122 +2193,44 @@ function Composer({
       }
     )
   ] });
-  const fallback = /* @__PURE__ */ jsxs8(
+  const fallback = /* @__PURE__ */ jsxs6(
     "div",
     {
-      className: `pactor-chat-composer${dragOver ? " pactor-chat-composer--dragover" : ""}`,
-      ...dragHandlers,
+      className: "pactor-chat-composer pactor-chat-composer--dsl",
+      onChange: handleBubbleChange,
       children: [
-        attachments !== void 0 && /* @__PURE__ */ jsx11(
-          ComposerAttachments,
-          {
-            attachments,
-            onRemove: (id) => onAttachmentsChange?.(attachments.filter((a) => a.id !== id)),
-            onClick: onAttachmentClick
-          }
-        ),
-        contextChips !== void 0 && /* @__PURE__ */ jsx11(
-          ComposerContextChips,
+        contextChips !== void 0 && /* @__PURE__ */ jsx9(ComposerContextChips, { chips: contextChips, onRemove: removeChip }),
+        /* @__PURE__ */ jsx9(
+          Composer,
           {
-            chips: contextChips,
-            onRemove: (chip) => onContextChipsChange?.(
-              contextChips.filter(
-                (existing) => !(existing.id === chip.id && existing.trigger === chip.trigger)
-              )
-            )
+            value: text,
+            placeholder,
+            disabled,
+            streaming,
+            onStop,
+            attachments: attachments?.map(toAttachmentItem),
+            onRemoveAttachment: attachments !== void 0 ? (id) => onAttachmentsChange?.(
+              (attachments ?? []).filter((a) => a.id !== id)
+            ) : void 0,
+            onAttachmentClick: onAttachmentClick ? (item) => {
+              const target = attachments?.find((a) => a.id === item.id);
+              if (target) {
+                onAttachmentClick(target);
+              }
+            } : void 0,
+            onAttachFiles,
+            onChange: setText,
+            onSubmit: () => send(),
+            toolbarStart,
+            toolbarEnd,
+            footer: composerFooter,
+            hideToolbar,
+            onPlusMenu: showPlus ? handlePlusClick : void 0,
+            models,
+            model,
+            onModelChange
           }
         ),
-        /* @__PURE__ */ jsxs8("div", { className: "pactor-chat-composer__row", children: [
-          /* @__PURE__ */ jsx11(
-            "textarea",
-            {
-              ref: inputRef,
-              className: "pactor-chat-composer__input",
-              rows: 1,
-              value: text,
-              placeholder,
-              disabled,
-              onChange: handleChange,
-              onCompositionStart: () => {
-                composingRef.current = true;
-              },
-              onCompositionEnd: () => {
-                composingRef.current = false;
-              },
-              onPaste: (event) => {
-                if (handlePasteFiles(event.clipboardData)) {
-                  event.preventDefault();
-                }
-              },
-              onKeyDown: (event) => {
-                if (event.nativeEvent.isComposing || composingRef.current) {
-                  return;
-                }
-                if (event.key === "Enter" && !event.shiftKey) {
-                  event.preventDefault();
-                  send();
-                }
-              }
-            }
-          ),
-          hideToolbar ? null : /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              className: `pactor-chat-composer__button${streaming ? " pactor-chat-composer__button--stop" : ""}`,
-              title: streaming ? "\u505C\u6B62\u751F\u6210" : "\u53D1\u9001",
-              "aria-label": streaming ? "\u505C\u6B62\u751F\u6210" : "\u53D1\u9001",
-              disabled: streaming ? false : disabled || !text.trim(),
-              onClick: streaming ? onStop : send,
-              children: streaming ? /* @__PURE__ */ jsx11(Icon7, { name: "square", size: 14, className: "pactor-chat-icon-fill" }) : /* @__PURE__ */ jsx11(Icon7, { name: "arrow-up", size: 16 })
-            }
-          )
-        ] }),
-        showToolbar && /* @__PURE__ */ jsxs8("div", { className: "pactor-chat-composer__toolbar", children: [
-          toolbarStart,
-          /* @__PURE__ */ jsx11("span", { className: "pactor-chat-composer__toolbar-spacer" }),
-          (onPlusMenu || builtinPlusEnabled) && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              ref: plusButtonRef,
-              type: "button",
-              className: "pactor-chat-icon-button",
-              title: "\u66F4\u591A\u529F\u80FD",
-              "aria-label": "\u66F4\u591A\u529F\u80FD",
-              onClick: () => {
-                const rect = plusButtonRef.current.getBoundingClientRect();
-                if (onPlusMenu) {
-                  onPlusMenu(rect);
-                } else {
-                  setPlusAnchor(rect);
-                }
-              },
-              children: /* @__PURE__ */ jsx11(Icon7, { name: "plus", size: 14 })
-            }
-          ),
-          onAttachFiles && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              className: "pactor-chat-icon-button",
-              title: "\u6DFB\u52A0\u9644\u4EF6",
-              "aria-label": "\u6DFB\u52A0\u9644\u4EF6",
-              onClick: () => fileInputRef.current?.click(),
-              children: /* @__PURE__ */ jsx11(Icon7, { name: "paperclip", size: 14 })
-            }
-          ),
-          modelChipEnabled && /* @__PURE__ */ jsx11(
-            ModelSelect,
-            {
-              models,
-              model,
-              onModelChange
-            }
-          ),
-          toolbarEnd
-        ] }),
-        composerFooter !== void 0 && composerFooter !== null ? /* @__PURE__ */ jsx11("div", { className: "pactor-chat-composer__footer", children: composerFooter }) : null,
-        fileInputNode,
         popoverNodes
       ]
     }
@@ -2874,29 +2246,19 @@ function Composer({
     composerFooter,
     models,
     model,
-    showPlus: onPlusMenu !== void 0 || builtinPlusEnabled,
+    showPlus,
     showAttach: onAttachFiles !== void 0,
     modelChipEnabled,
     send,
     stop: onStop,
-    openFilePicker: () => fileInputRef.current?.click(),
-    plusClick: (rect) => {
-      if (onPlusMenu) {
-        onPlusMenu(rect);
-      } else {
-        setPlusAnchor(rect);
-      }
-    },
+    openFilePicker: () => fileInputRef.current?.click(),
+    plusClick: handlePlusClick,
     removeAttachment: (id) => onAttachmentsChange?.((attachments ?? []).filter((a) => a.id !== id)),
     attachmentClick: onAttachmentClick,
-    removeChip: (chip) => onContextChipsChange?.(
-      (contextChips ?? []).filter(
-        (existing) => !(existing.id === chip.id && existing.trigger === chip.trigger)
-      )
-    ),
+    removeChip,
     modelChange: onModelChange
   };
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     ChromeSlot,
     {
       fragment: buildComposerFragment({
@@ -2907,7 +2269,7 @@ function Composer({
       }),
       components: COMPOSER_INTERNAL_COMPONENTS,
       fallback,
-      wrap: (children) => /* @__PURE__ */ jsx11(ComposerBridgeContext.Provider, { value: bridge, children: /* @__PURE__ */ jsxs8(
+      wrap: (children) => /* @__PURE__ */ jsx9(ComposerBridgeContext.Provider, { value: bridge, children: /* @__PURE__ */ jsxs6(
         "div",
         {
           className: `pactor-chat-composer pactor-chat-composer--dsl${dragOver ? " pactor-chat-composer--dragover" : ""}`,
@@ -2989,7 +2351,7 @@ function buildEmptyStateFragment(props) {
 }
 
 // src/view/EmptyState.tsx
-import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_CHAT_GREETING = "\u4F60\u597D\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u4F60\uFF1F";
 function suggestionLabel2(suggestion) {
   return typeof suggestion === "string" ? suggestion : suggestion.label;
@@ -3003,19 +2365,29 @@ function EmptyStateFallback({
   onSuggestionClick,
   greeting
 }) {
-  return /* @__PURE__ */ jsxs9(Fragment7, { children: [
-    /* @__PURE__ */ jsx12("div", { className: "pactor-chat-empty__greeting", children: greeting }),
-    subtitle && /* @__PURE__ */ jsx12("div", { className: "pactor-chat-empty__subtitle", children: subtitle }),
-    suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx12("div", { className: "pactor-chat-empty__suggestions", children: suggestions.map((suggestion) => /* @__PURE__ */ jsx12(
-      "button",
+  return /* @__PURE__ */ jsxs7(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(
+      Welcome,
       {
-        type: "button",
-        className: "pactor-chat-empty__suggestion",
-        onClick: () => onSuggestionClick?.(suggestionPrompt2(suggestion)),
-        children: suggestionLabel2(suggestion)
-      },
-      suggestionLabel2(suggestion)
-    )) })
+        title: greeting,
+        description: subtitle,
+        icon: null,
+        titleClassName: "pactor-chat-empty__greeting",
+        descriptionClassName: "pactor-chat-empty__subtitle"
+      }
+    ),
+    suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx10(
+      Suggestion,
+      {
+        items: suggestions.map((suggestion) => ({
+          label: suggestionLabel2(suggestion),
+          value: suggestionPrompt2(suggestion)
+        })),
+        justify: "center",
+        className: "pactor-chat-empty__suggestions",
+        onSelect: (value) => onSuggestionClick?.(value)
+      }
+    )
   ] });
 }
 function EmptyState({
@@ -3024,11 +2396,11 @@ function EmptyState({
   suggestions,
   onSuggestionClick
 }) {
-  return /* @__PURE__ */ jsx12("div", { className: "pactor-chat-empty", children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10("div", { className: "pactor-chat-empty", children: /* @__PURE__ */ jsx10(
     ChromeSlot,
     {
       fragment: buildEmptyStateFragment({ greeting, subtitle, suggestions }),
-      fallback: /* @__PURE__ */ jsx12(
+      fallback: /* @__PURE__ */ jsx10(
         EmptyStateFallback,
         {
           greeting,
@@ -3043,15 +2415,53 @@ function EmptyState({
 
 // src/view/MessageBubble.tsx
 import { useRef as useRef10, useState as useState13 } from "react";
-import { Icon as Icon10 } from "@pactor-app/ui/components";
 
 // src/view/ActivityTrace.tsx
-import { Icon as Icon8 } from "@pactor-app/ui/components";
-import { MarkdownRenderer as MarkdownRenderer3 } from "@pactor-app/markdown";
-import { useEffect as useEffect7, useRef as useRef8, useState as useState11 } from "react";
-import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Icon as Icon4 } from "@pactor-app/ui/components";
+import { MarkdownRenderer } from "@pactor-app/markdown";
+import { useEffect as useEffect7, useRef as useRef8, useState as useState10 } from "react";
+
+// src/hooks/use-throttled-value.ts
+import { useEffect as useEffect6, useRef as useRef7, useState as useState9 } from "react";
+function useThrottledValue(value, intervalMs, enabled) {
+  const [shown, setShown] = useState9(value);
+  const lastUpdateRef = useRef7(0);
+  const timerRef = useRef7(void 0);
+  useEffect6(() => {
+    if (!enabled) {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = void 0;
+      }
+      setShown(value);
+      return;
+    }
+    const now = Date.now();
+    const elapsed = now - lastUpdateRef.current;
+    if (elapsed >= intervalMs) {
+      lastUpdateRef.current = now;
+      setShown(value);
+      return;
+    }
+    timerRef.current = setTimeout(() => {
+      lastUpdateRef.current = Date.now();
+      setShown(value);
+      timerRef.current = void 0;
+    }, intervalMs - elapsed);
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = void 0;
+      }
+    };
+  }, [value, intervalMs, enabled]);
+  return enabled ? shown : value;
+}
+
+// src/view/ActivityTrace.tsx
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function usePinnedCollapse(autoOpen) {
-  const [state, setState] = useState11("auto");
+  const [state, setState] = useState10("auto");
   const autoCollapsedRef = useRef8(false);
   if (state === "auto" && !autoOpen) {
     autoCollapsedRef.current = true;
@@ -3081,7 +2491,7 @@ function statusText(message, mode, toolCount) {
 }
 function useElapsedSeconds(startedAt, active) {
   const compute = () => Math.max(0, Math.floor((Date.now() - startedAt) / 1e3));
-  const [elapsed, setElapsed] = useState11(compute);
+  const [elapsed, setElapsed] = useState10(compute);
   useEffect7(() => {
     if (!active) {
       setElapsed(compute());
@@ -3096,15 +2506,15 @@ function useElapsedSeconds(startedAt, active) {
 }
 function TraceStatusIcon({ status }) {
   if (status === "running") {
-    return /* @__PURE__ */ jsx13(Icon8, { name: "loading", size: 13, className: "pactor-chat-spin" });
+    return /* @__PURE__ */ jsx11(Icon4, { name: "loading", size: 13, className: "pactor-chat-spin" });
   }
   if (status === "success") {
-    return /* @__PURE__ */ jsx13(Icon8, { name: "check-circle", size: 13 });
+    return /* @__PURE__ */ jsx11(Icon4, { name: "check-circle", size: 13 });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsx13(Icon8, { name: "x-circle", size: 13 });
+    return /* @__PURE__ */ jsx11(Icon4, { name: "x-circle", size: 13 });
   }
-  return /* @__PURE__ */ jsx13(Icon8, { name: "clock", size: 13 });
+  return /* @__PURE__ */ jsx11(Icon4, { name: "clock", size: 13 });
 }
 function summarizeArgs(args) {
   if (args === void 0) {
@@ -3133,16 +2543,16 @@ function formatDetail(value) {
   }
 }
 function TraceRow({ entry }) {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState10(false);
   const summary = summarizeArgs(entry.args);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "pactor-chat-trace__entry",
       "data-status": entry.status,
       "data-open": open,
       children: [
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -3150,16 +2560,16 @@ function TraceRow({ entry }) {
             "aria-expanded": open,
             onClick: () => setOpen((value) => !value),
             children: [
-              /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx13(Icon8, { name: "chevron-right", size: 12 }) }),
-              /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__entry-icon", children: /* @__PURE__ */ jsx13(TraceStatusIcon, { status: entry.status }) }),
-              /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__entry-title", children: entry.title ?? entry.name }),
-              summary && /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__entry-args", children: summary })
+              /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx11(Icon4, { name: "chevron-right", size: 12 }) }),
+              /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__entry-icon", children: /* @__PURE__ */ jsx11(TraceStatusIcon, { status: entry.status }) }),
+              /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__entry-title", children: entry.title ?? entry.name }),
+              summary && /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__entry-args", children: summary })
             ]
           }
         ),
-        open && /* @__PURE__ */ jsxs10("div", { className: "pactor-chat-trace__entry-body", children: [
-          entry.args !== void 0 && /* @__PURE__ */ jsx13("pre", { className: "pactor-chat-trace__entry-detail", children: formatDetail(entry.args) }),
-          /* @__PURE__ */ jsx13("pre", { className: "pactor-chat-trace__entry-detail", children: entry.status === "failed" ? entry.error ?? "\u6267\u884C\u5931\u8D25" : formatDetail(entry.result) })
+        open && /* @__PURE__ */ jsxs8("div", { className: "pactor-chat-trace__entry-body", children: [
+          entry.args !== void 0 && /* @__PURE__ */ jsx11("pre", { className: "pactor-chat-trace__entry-detail", children: formatDetail(entry.args) }),
+          /* @__PURE__ */ jsx11("pre", { className: "pactor-chat-trace__entry-detail", children: entry.status === "failed" ? entry.error ?? "\u6267\u884C\u5931\u8D25" : formatDetail(entry.result) })
         ] })
       ]
     }
@@ -3172,14 +2582,14 @@ function ThinkingCard({
   const partStreaming = part.status === "streaming";
   const shown = useThrottledValue(part.content, 120, partStreaming);
   const { open, toggle } = usePinnedCollapse(partStreaming && !answerPhase);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "pactor-chat-thinking",
       "data-open": open,
       "data-streaming": partStreaming,
       children: [
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -3187,13 +2597,13 @@ function ThinkingCard({
             "aria-expanded": open,
             onClick: toggle,
             children: [
-              /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx13(Icon8, { name: "chevron-right", size: 12 }) }),
-              /* @__PURE__ */ jsx13("span", { className: "pactor-chat-thinking__icon", children: partStreaming ? /* @__PURE__ */ jsx13(Icon8, { name: "loading", size: 13, className: "pactor-chat-spin" }) : /* @__PURE__ */ jsx13(Icon8, { name: "brain", size: 13 }) }),
-              /* @__PURE__ */ jsx13("span", { children: "\u601D\u8003\u8FC7\u7A0B" })
+              /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx11(Icon4, { name: "chevron-right", size: 12 }) }),
+              /* @__PURE__ */ jsx11("span", { className: "pactor-chat-thinking__icon", children: partStreaming ? /* @__PURE__ */ jsx11(Icon4, { name: "loading", size: 13, className: "pactor-chat-spin" }) : /* @__PURE__ */ jsx11(Icon4, { name: "brain", size: 13 }) }),
+              /* @__PURE__ */ jsx11("span", { children: "\u601D\u8003\u8FC7\u7A0B" })
             ]
           }
         ),
-        open && /* @__PURE__ */ jsx13("div", { className: "pactor-chat-thinking__body", children: partStreaming ? /* @__PURE__ */ jsx13("div", { className: "pactor-chat-thinking__text", children: shown }) : /* @__PURE__ */ jsx13(MarkdownRenderer3, { content: part.content }) })
+        open && /* @__PURE__ */ jsx11("div", { className: "pactor-chat-thinking__body", children: partStreaming ? /* @__PURE__ */ jsx11("div", { className: "pactor-chat-thinking__text", children: shown }) : /* @__PURE__ */ jsx11(MarkdownRenderer, { content: part.content }) })
       ]
     }
   );
@@ -3216,23 +2626,23 @@ function ActivityTrace({ message }) {
     message.createdAt ?? mountTimeRef.current,
     streaming
   );
-  const header = /* @__PURE__ */ jsxs10(Fragment8, { children: [
-    /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__status-icon", children: streaming ? /* @__PURE__ */ jsx13(Icon8, { name: "loading", size: 13, className: "pactor-chat-spin" }) : /* @__PURE__ */ jsx13(Icon8, { name: "check-circle", size: 13 }) }),
-    /* @__PURE__ */ jsx13(
+  const header = /* @__PURE__ */ jsxs8(Fragment7, { children: [
+    /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__status-icon", children: streaming ? /* @__PURE__ */ jsx11(Icon4, { name: "loading", size: 13, className: "pactor-chat-spin" }) : /* @__PURE__ */ jsx11(Icon4, { name: "check-circle", size: 13 }) }),
+    /* @__PURE__ */ jsx11(
       "span",
       {
         className: `pactor-chat-trace__status-text${streaming ? " pactor-chat-trace__status-text--breathing" : ""}`,
         children: statusText(message, mode, entries.length)
       }
     ),
-    /* @__PURE__ */ jsxs10("span", { className: "pactor-chat-trace__elapsed", children: [
+    /* @__PURE__ */ jsxs8("span", { className: "pactor-chat-trace__elapsed", children: [
       elapsed,
       "s"
     ] }),
-    collapsible && /* @__PURE__ */ jsx13("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx13(Icon8, { name: "chevron-right", size: 12 }) })
+    collapsible && /* @__PURE__ */ jsx11("span", { className: "pactor-chat-trace__chevron", children: /* @__PURE__ */ jsx11(Icon4, { name: "chevron-right", size: 12 }) })
   ] });
-  return /* @__PURE__ */ jsxs10("div", { className: "pactor-chat-trace", "data-open": open, children: [
-    collapsible ? /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs8("div", { className: "pactor-chat-trace", "data-open": open, children: [
+    collapsible ? /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -3241,10 +2651,10 @@ function ActivityTrace({ message }) {
         onClick: toggle,
         children: header
       }
-    ) : /* @__PURE__ */ jsx13("div", { className: "pactor-chat-trace__header", children: header }),
-    open && /* @__PURE__ */ jsxs10(Fragment8, { children: [
-      entries.length > 0 && /* @__PURE__ */ jsx13("div", { className: "pactor-chat-trace__entries", children: entries.map((entry) => /* @__PURE__ */ jsx13(TraceRow, { entry }, entry.callIndex)) }),
-      thinkingParts.map((part, index) => /* @__PURE__ */ jsx13(
+    ) : /* @__PURE__ */ jsx11("div", { className: "pactor-chat-trace__header", children: header }),
+    open && /* @__PURE__ */ jsxs8(Fragment7, { children: [
+      entries.length > 0 && /* @__PURE__ */ jsx11("div", { className: "pactor-chat-trace__entries", children: entries.map((entry) => /* @__PURE__ */ jsx11(TraceRow, { entry }, entry.callIndex)) }),
+      thinkingParts.map((part, index) => /* @__PURE__ */ jsx11(
         ThinkingCard,
         {
           part,
@@ -3256,8 +2666,112 @@ function ActivityTrace({ message }) {
   ] });
 }
 
+// src/view/chrome/artifact-card.tsx
+import { Icon as Icon5 } from "@pactor-app/ui/components";
+import { useState as useState11 } from "react";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+function artifactCardMeta(artifact) {
+  const ext = resolveArtifactFileType(artifact);
+  const typeLabel = (ext ?? artifact.kind).toUpperCase();
+  const sizeLabel = formatArtifactSize(artifact.meta?.["size"]);
+  return [sizeLabel, typeLabel].filter(Boolean).join(" \xB7 ");
+}
+function ChatArtifactCard({
+  artifact
+}) {
+  const icon = resolveArtifactIcon(artifact);
+  const meta = artifactCardMeta(artifact);
+  return /* @__PURE__ */ jsxs9(
+    "button",
+    {
+      type: "button",
+      className: `pactor-chat-artifact-card pactor-chat-artifact-card--${icon.tone}`,
+      "data-artifact-kind": artifact.kind,
+      "aria-label": `\u5728\u9762\u677F\u4E2D\u6253\u5F00\uFF1A${artifact.title}`,
+      title: `\u5728\u9762\u677F\u4E2D\u6253\u5F00\uFF1A${artifact.title}`,
+      onClick: () => invokeChatOpenArtifact(artifact),
+      children: [
+        /* @__PURE__ */ jsx12("span", { className: "pactor-chat-artifact-card__icon", children: /* @__PURE__ */ jsx12(Icon5, { name: icon.name, size: 20 }) }),
+        /* @__PURE__ */ jsxs9("span", { className: "pactor-chat-artifact-card__text", children: [
+          /* @__PURE__ */ jsx12("span", { className: "pactor-chat-artifact-card__title", children: artifact.title }),
+          meta ? /* @__PURE__ */ jsx12("span", { className: "pactor-chat-artifact-card__meta", children: meta }) : null
+        ] }),
+        /* @__PURE__ */ jsx12("span", { className: "pactor-chat-artifact-card__arrow", children: /* @__PURE__ */ jsx12(Icon5, { name: "arrow-up-right", size: 14 }) })
+      ]
+    }
+  );
+}
+var ARTIFACT_CARD_INTERNAL_COMPONENTS = {
+  ChatArtifactCard,
+  ChatArtifactCardGroup
+};
+var ARTIFACT_CARD_GROUP_LIMIT = 4;
+function ChatArtifactCardGroup({
+  artifacts
+}) {
+  const [expanded, setExpanded] = useState11(false);
+  const overflow = artifacts.length > ARTIFACT_CARD_GROUP_LIMIT;
+  const visible = overflow && !expanded ? artifacts.slice(0, ARTIFACT_CARD_GROUP_LIMIT) : artifacts;
+  return /* @__PURE__ */ jsxs9("div", { className: "pactor-chat-artifact-group", children: [
+    visible.map((artifact) => /* @__PURE__ */ jsx12(ChatArtifactCard, { artifact }, artifact.id)),
+    overflow ? /* @__PURE__ */ jsxs9("div", { className: "pactor-chat-artifact-group__footer", children: [
+      /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          className: "pactor-chat-artifact-group__toggle",
+          "aria-expanded": expanded,
+          onClick: () => setExpanded((value) => !value),
+          children: [
+            /* @__PURE__ */ jsx12(
+              Icon5,
+              {
+                name: expanded ? "chevron-up" : "chevron-down",
+                size: 12
+              }
+            ),
+            expanded ? "\u6536\u8D77" : "\u5C55\u5F00"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          className: "pactor-chat-artifact-group__all",
+          onClick: () => invokeChatOpenArtifactList(),
+          children: [
+            "\u67E5\u770B\u6240\u6709\u4EA7\u7269(",
+            artifacts.length,
+            ")",
+            /* @__PURE__ */ jsx12(Icon5, { name: "chevron-right", size: 12 })
+          ]
+        }
+      )
+    ] }) : null
+  ] });
+}
+function buildArtifactCardFragment(artifact) {
+  return {
+    requires: ["ChatArtifactCard"],
+    node: {
+      type: "ChatArtifactCard",
+      props: { artifact }
+    }
+  };
+}
+function buildArtifactCardGroupFragment(artifacts) {
+  return {
+    requires: ["ChatArtifactCardGroup"],
+    node: {
+      type: "ChatArtifactCardGroup",
+      props: { artifacts }
+    }
+  };
+}
+
 // src/view/MessageActions.tsx
-import { Icon as Icon9 } from "@pactor-app/ui/components";
+import { Icon as Icon6 } from "@pactor-app/ui/components";
 import { useEffect as useEffect8, useRef as useRef9, useState as useState12 } from "react";
 
 // src/view/chrome/message-actions.tsx
@@ -3311,7 +2825,7 @@ function buildMessageActionsFragment(args) {
 }
 
 // src/view/MessageActions.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var BUILTIN_ACTION_DEFAULTS = {
   copy: {
     label: "\u590D\u5236",
@@ -3464,7 +2978,7 @@ function MessageActions({
     const copiedFeedback = action.builtin === "copy" && copied;
     const label = copiedFeedback ? "\u5DF2\u590D\u5236" : action.label;
     const iconName = copiedFeedback ? "check" : action.icon;
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -3473,16 +2987,16 @@ function MessageActions({
         "aria-label": label,
         "data-message-action": action.id,
         onClick: () => dispatch(action),
-        children: iconName !== void 0 ? /* @__PURE__ */ jsx14(Icon9, { name: iconName, size: 14 }) : /* @__PURE__ */ jsx14(Icon9, { name: "help-circle", size: 14 })
+        children: iconName !== void 0 ? /* @__PURE__ */ jsx13(Icon6, { name: iconName, size: 14 }) : /* @__PURE__ */ jsx13(Icon6, { name: "help-circle", size: 14 })
       },
       action.id
     );
   });
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: `pactor-chat-message__actions${forceVisible ? " pactor-chat-message__actions--visible" : ""}`,
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx13(
         ChromeSlot,
         {
           fragment: buildMessageActionsFragment({
@@ -3497,6 +3011,114 @@ function MessageActions({
   );
 }
 
+// src/view/PartRenderer.tsx
+import { Icon as Icon7 } from "@pactor-app/ui/components";
+import { MarkdownRenderer as MarkdownRenderer2 } from "@pactor-app/markdown";
+import { DslRenderer, useRenderer as useRenderer2 } from "@pactor-app/runtime";
+
+// src/view/chrome/feedback.tsx
+function buildErrorFragment(message) {
+  return {
+    requires: ["Alert"],
+    node: {
+      type: "Alert",
+      props: { variant: "error", message }
+    }
+  };
+}
+function buildStatusFragment(text) {
+  return {
+    requires: ["Text"],
+    node: {
+      type: "Text",
+      props: { type: "secondary", text }
+    }
+  };
+}
+
+// src/view/PartRenderer.tsx
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function ChatDenied({ deniedType }) {
+  return /* @__PURE__ */ jsxs10("div", { className: "pactor-chat-denied", "data-pactor-chat-denied": deniedType, children: [
+    "\u8BE5\u7EC4\u4EF6\u4E0D\u5141\u8BB8\u5728 Chat \u4E2D\u4F7F\u7528",
+    deniedType ? `\uFF1A${deniedType}` : ""
+  ] });
+}
+function ChatDslNode({
+  node,
+  scope
+}) {
+  const renderer = useRenderer2();
+  const extraScope = scope ? buildChatScope(scope) : void 0;
+  return /* @__PURE__ */ jsx14(Fragment8, { children: renderer.renderChildren([node], extraScope) });
+}
+function SmoothText({ content, streaming }) {
+  const shown = useSmoothStreamText(content, streaming);
+  return /* @__PURE__ */ jsx14("div", { className: "pactor-chat-text", children: shown });
+}
+function SmoothMarkdown({ content, streaming }) {
+  const shown = useSmoothStreamText(content, streaming);
+  const throttled = useThrottledValue(shown, 100, streaming);
+  return /* @__PURE__ */ jsx14(MarkdownRenderer2, { content: throttled });
+}
+function PartRenderer({ part, runtime, scope, streaming = false }) {
+  switch (part.type) {
+    case "text":
+      return /* @__PURE__ */ jsx14(SmoothText, { content: part.content, streaming });
+    case "markdown":
+      return /* @__PURE__ */ jsx14(SmoothMarkdown, { content: part.content, streaming });
+    case "thinking":
+    case "tool-call":
+    case "tool-result":
+      return null;
+    case "dsl": {
+      if (!part.schema || !runtime) {
+        return /* @__PURE__ */ jsx14(
+          ChromeSlot,
+          {
+            fragment: buildStatusFragment(
+              part.schema ? "DSL \u6E32\u67D3\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "\u5185\u5BB9\u751F\u6210\u4E2D\u2026"
+            ),
+            fallback: /* @__PURE__ */ jsx14("div", { className: "pactor-chat-dsl-pending", children: part.schema ? "DSL \u6E32\u67D3\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "\u5185\u5BB9\u751F\u6210\u4E2D\u2026" })
+          }
+        );
+      }
+      const guarded = guardChatDsl(part.schema, runtime.context.components);
+      return /* @__PURE__ */ jsx14("div", { className: "pactor-chat-dsl", children: /* @__PURE__ */ jsx14(DslRenderer, { context: runtime.context, engine: runtime.engine, children: /* @__PURE__ */ jsx14(ChatDslNode, { node: guarded, scope }) }) });
+    }
+    case "error":
+      return /* @__PURE__ */ jsx14(
+        ChromeSlot,
+        {
+          fragment: buildErrorFragment(part.message),
+          fallback: /* @__PURE__ */ jsxs10("div", { className: "pactor-chat-error", role: "alert", children: [
+            /* @__PURE__ */ jsx14(Icon7, { name: "error", size: 14 }),
+            /* @__PURE__ */ jsx14("span", { children: part.message })
+          ] })
+        }
+      );
+    case "status":
+      return /* @__PURE__ */ jsx14(
+        ChromeSlot,
+        {
+          fragment: buildStatusFragment(part.text),
+          fallback: /* @__PURE__ */ jsx14("div", { className: "pactor-chat-status", children: part.text })
+        }
+      );
+    case "artifact":
+      return /* @__PURE__ */ jsx14(
+        ChromeSlot,
+        {
+          fragment: buildArtifactCardFragment(part.artifact),
+          components: ARTIFACT_CARD_INTERNAL_COMPONENTS,
+          fallback: /* @__PURE__ */ jsx14(ChatArtifactCard, { artifact: part.artifact })
+        }
+      );
+    default:
+      return null;
+  }
+}
+
 // src/view/MessageBubble.tsx
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function groupArtifactParts(parts) {
@@ -3584,18 +3206,15 @@ function isAgentIconUrl(icon) {
   return /^(https?:|data:|\/)/.test(icon);
 }
 function AgentHeader({ agent }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "pactor-chat-message__agent", children: [
-    agent.icon !== void 0 && (isAgentIconUrl(agent.icon) ? /* @__PURE__ */ jsx15(
-      "img",
-      {
-        className: "pactor-chat-message__agent-icon",
-        src: agent.icon,
-        alt: "",
-        "aria-hidden": true
-      }
-    ) : /* @__PURE__ */ jsx15("span", { className: "pactor-chat-message__agent-icon", "aria-hidden": true, children: /* @__PURE__ */ jsx15(Icon10, { name: agent.icon }) })),
-    /* @__PURE__ */ jsx15("span", { className: "pactor-chat-message__agent-name", children: agent.name })
-  ] });
+  return /* @__PURE__ */ jsx15(
+    Sender,
+    {
+      name: agent.name,
+      avatar: agent.icon !== void 0 && isAgentIconUrl(agent.icon) ? agent.icon : void 0,
+      icon: agent.icon !== void 0 && !isAgentIconUrl(agent.icon) ? agent.icon : void 0,
+      hideAvatar: agent.icon === void 0
+    }
+  );
 }
 function MessageBubble({
   message,
@@ -3627,6 +3246,30 @@ function MessageBubble({
   ));
   const showTime = message.role === "assistant" && !live && message.createdAt !== void 0;
   const agentIdentity = message.role === "assistant" ? message.agent ?? agent : void 0;
+  const bodyContent = /* @__PURE__ */ jsxs11("div", { className: "pactor-chat-message__body", children: [
+    agentIdentity && /* @__PURE__ */ jsx15(AgentHeader, { agent: agentIdentity }),
+    showTrace && /* @__PURE__ */ jsx15(ActivityTrace, { message }),
+    message.parts.length === 0 && message.status === "pending" && message.role !== "assistant" ? /* @__PURE__ */ jsx15("span", { className: "pactor-chat-message__pending", children: "\u2026" }) : groupArtifactParts(message.parts).map(
+      (segment, index) => Array.isArray(segment) ? /* @__PURE__ */ jsx15(
+        ChromeSlot,
+        {
+          fragment: buildArtifactCardGroupFragment(segment),
+          components: ARTIFACT_CARD_INTERNAL_COMPONENTS,
+          fallback: /* @__PURE__ */ jsx15(ChatArtifactCardGroup, { artifacts: segment })
+        },
+        `artifacts:${segment[0].id}`
+      ) : /* @__PURE__ */ jsx15(
+        PartRenderer,
+        {
+          part: segment,
+          runtime,
+          scope: bubbleScope,
+          streaming
+        },
+        segment.id ?? index
+      )
+    )
+  ] });
   return /* @__PURE__ */ jsxs11(
     "div",
     {
@@ -3644,30 +3287,8 @@ function MessageBubble({
             },
             onCancel: () => setEditing(false)
           }
-        ) : /* @__PURE__ */ jsxs11("div", { className: "pactor-chat-message__body", children: [
-          agentIdentity && /* @__PURE__ */ jsx15(AgentHeader, { agent: agentIdentity }),
-          showTrace && /* @__PURE__ */ jsx15(ActivityTrace, { message }),
-          message.parts.length === 0 && message.status === "pending" && message.role !== "assistant" ? /* @__PURE__ */ jsx15("span", { className: "pactor-chat-message__pending", children: "\u2026" }) : groupArtifactParts(message.parts).map(
-            (segment, index) => Array.isArray(segment) ? /* @__PURE__ */ jsx15(
-              ChromeSlot,
-              {
-                fragment: buildArtifactCardGroupFragment(segment),
-                components: ARTIFACT_CARD_INTERNAL_COMPONENTS,
-                fallback: /* @__PURE__ */ jsx15(ChatArtifactCardGroup, { artifacts: segment })
-              },
-              `artifacts:${segment[0].id}`
-            ) : /* @__PURE__ */ jsx15(
-              PartRenderer,
-              {
-                part: segment,
-                runtime,
-                scope: bubbleScope,
-                streaming
-              },
-              segment.id ?? index
-            )
-          )
-        ] }),
+        ) : message.role === "user" ? /* @__PURE__ */ jsx15(Bubble, { align: "end", variant: "tinted", children: bodyContent }) : bodyContent,
+        "      ",
         !editing && (showTime ? /* @__PURE__ */ jsxs11("div", { className: "pactor-chat-message__footer", children: [
           /* @__PURE__ */ jsx15(
             MessageActions,
@@ -3769,11 +3390,11 @@ function ChatView({
   const isStreaming = messages.some(
     (message) => message.status === "pending" || message.status === "streaming"
   );
-  const runtime = useMemo3(() => {
+  const runtime = useMemo2(() => {
     if (!safeRegistry) {
       return void 0;
     }
-    const components = new Registry3("ChatComponentRegistry");
+    const components = new Registry2("ChatComponentRegistry");
     components.register(CHAT_DENIED_TYPE, ChatDenied);
     for (const name of safeRegistry.list()) {
       components.register(name, safeRegistry.get(name));
@@ -3786,7 +3407,7 @@ function ChatView({
       user
     });
   }, [safeRegistry, capabilities, permission, confirm, user]);
-  const scope = useMemo3(
+  const scope = useMemo2(
     () => ({ conversation: { id: conversationId }, params }),
     [conversationId, params]
   );
@@ -3884,7 +3505,7 @@ function ChatView({
   const regenerableMessageId = lastMessage?.role === "assistant" && lastMessage.status === "completed" ? lastMessage.id : void 0;
   const isEmpty = messages.length === 0;
   const composerNode = /* @__PURE__ */ jsx16(
-    Composer,
+    Composer2,
     {
       onSend: handleSend,
       streaming: isStreaming,
@@ -3953,7 +3574,7 @@ function ChatView({
               className: "pactor-chat-scroll-bottom",
               onClick: scrollToBottom,
               children: [
-                /* @__PURE__ */ jsx16(Icon11, { name: "arrow-down", size: 13 }),
+                /* @__PURE__ */ jsx16(Icon8, { name: "arrow-down", size: 13 }),
                 "\u56DE\u5230\u5E95\u90E8"
               ]
             }
@@ -3966,7 +3587,7 @@ function ChatView({
 }
 
 // src/view/WorkspaceHeader.tsx
-import { Icon as Icon12 } from "@pactor-app/ui/components";
+import { Icon as Icon9 } from "@pactor-app/ui/components";
 import { useEffect as useEffect10, useRef as useRef12, useState as useState15 } from "react";
 
 // src/export-markdown.ts
@@ -4127,7 +3748,7 @@ function WorkspaceHeader({
         title: "\u5BFC\u51FA Markdown",
         "aria-label": "\u5BFC\u51FA Markdown",
         onClick: handleExport,
-        children: /* @__PURE__ */ jsx17(Icon12, { name: "download", size: 15 })
+        children: /* @__PURE__ */ jsx17(Icon9, { name: "download", size: 15 })
       },
       "export"
     ),
@@ -4139,7 +3760,7 @@ function WorkspaceHeader({
         title: theme === "dark" ? "\u5207\u6362\u4E3A\u6D45\u8272" : "\u5207\u6362\u4E3A\u6DF1\u8272",
         "aria-label": "\u5207\u6362\u660E\u6697\u4E3B\u9898",
         onClick: handleTheme,
-        children: theme === "dark" ? /* @__PURE__ */ jsx17(Icon12, { name: "sun", size: 15 }) : /* @__PURE__ */ jsx17(Icon12, { name: "moon", size: 15 })
+        children: theme === "dark" ? /* @__PURE__ */ jsx17(Icon9, { name: "sun", size: 15 }) : /* @__PURE__ */ jsx17(Icon9, { name: "moon", size: 15 })
       },
       "theme"
     ),
@@ -4151,7 +3772,7 @@ function WorkspaceHeader({
         title: "\u6E05\u7A7A\u4F1A\u8BDD",
         "aria-label": "\u6E05\u7A7A\u4F1A\u8BDD",
         onClick: handleClear,
-        children: /* @__PURE__ */ jsx17(Icon12, { name: "trash", size: 15 })
+        children: /* @__PURE__ */ jsx17(Icon9, { name: "trash", size: 15 })
       },
       "clear"
     )
@@ -4213,10 +3834,10 @@ function WorkspaceHeader({
 // src/chat-composition.tsx
 import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function DslNodeSlotInner({ node }) {
-  const { renderChildren } = useRenderer4();
+  const { renderChildren } = useRenderer3();
   return renderChildren([node]);
 }
-var DslSlotGuard = class extends Component3 {
+var DslSlotGuard = class extends Component2 {
   constructor() {
     super(...arguments);
     this.state = { failed: false };
@@ -4315,8 +3936,8 @@ function ChatComposition({
     (listener) => store.subscribe(listener),
     () => store.getMessages()
   );
-  const streamArtifacts = useMemo4(() => collectArtifacts(messages), [messages]);
-  const mergedArtifacts = useMemo4(
+  const streamArtifacts = useMemo3(() => collectArtifacts(messages), [messages]);
+  const mergedArtifacts = useMemo3(
     () => mergeArtifacts(streamArtifacts, storeArtifacts),
     [streamArtifacts, storeArtifacts]
   );
@@ -4484,7 +4105,7 @@ function ChatComposition({
         }
       ),
       /* @__PURE__ */ jsx18(
-        ArtifactPanel,
+        ArtifactPanel2,
         {
           artifact: effectiveArtifact,
           artifacts: effectiveArtifacts,
@@ -4604,7 +4225,7 @@ function createChatWorkspace(services) {
 }
 
 // src/view/Chat.tsx
-import { createComponentRegistry, Icon as Icon13, RailTooltip } from "@pactor-app/ui/components";
+import { createComponentRegistry, Icon as Icon10, RailTooltip } from "@pactor-app/ui/components";
 import { Fragment as Fragment10, useEffect as useEffect11, useRef as useRef14 } from "react";
 
 // src/view/chrome/menu.tsx
@@ -4733,7 +4354,7 @@ function ChatSidebarMenu({
             drawer?.close();
           },
           children: [
-            item.icon !== void 0 ? /* @__PURE__ */ jsx22("span", { className: "pactor-chat-menu__icon", children: /* @__PURE__ */ jsx22(Icon13, { name: item.icon, size: 15, strokeWidth: 1.7 }) }) : null,
+            item.icon !== void 0 ? /* @__PURE__ */ jsx22("span", { className: "pactor-chat-menu__icon", children: /* @__PURE__ */ jsx22(Icon10, { name: item.icon, size: 15, strokeWidth: 1.7 }) }) : null,
             /* @__PURE__ */ jsx22("span", { className: "pactor-chat-menu__label", children: item.label }),
             item.dot === true ? /* @__PURE__ */ jsx22("span", { className: "pactor-chat-menu__dot", "aria-hidden": true }) : null,
             item.badge !== void 0 ? /* @__PURE__ */ jsx22("span", { className: "pactor-chat-menu__badge", children: item.badge }) : null
@@ -4913,6 +4534,7 @@ function registerChatComponent(registry) {
 }
 function createChatComponentRegistry() {
   const registry = createComponentRegistry();
+  registerChatComponents(registry);
   registerChatComponent(registry);
   return registry;
 }
@@ -4935,7 +4557,7 @@ export {
   ARTIFACT_IMAGE_EXTENSIONS,
   ActivityTrace,
   AppShell,
-  ArtifactPanel,
+  ArtifactPanel2 as ArtifactPanel,
   ArtifactStore,
   CHAT_COMPONENT_TYPE,
   CHAT_DENIED_TYPE,
@@ -4949,7 +4571,7 @@ export {
   ChatShell,
   ChatSidebarMenu,
   ChatView,
-  Composer,
+  Composer2 as Composer,
   ConversationStore,
   DEFAULT_CHAT_GREETING,
   EmptyState,