@pactor-app/ui 1.44.0 → 1.46.0

package/dist/index.cjs

@@ -33,20 +33,16 @@ __export(index_exports, {
   Accordion: () => Accordion2,
   AdminLayout: () => AdminLayout,
   Affix: () => Affix,
-  AgentStatus: () => AgentStatus,
   Alert: () => Alert2,
   AlertDialog: () => AlertDialog2,
   Anchor: () => Anchor,
-  ArtifactPanel: () => ArtifactPanel,
   AspectRatio: () => AspectRatio2,
-  Attachment: () => Attachment,
   Audio: () => Audio,
   Avatar: () => Avatar2,
   BackTop: () => BackTop,
   Badge: () => Badge2,
   BlankLayout: () => BlankLayout,
   Breadcrumb: () => Breadcrumb2,
-  Bubble: () => Bubble2,
   Button: () => Button2,
   ButtonGroup: () => ButtonGroup2,
   CONTROL_SIZE_AREA: () => CONTROL_SIZE_AREA,
@@ -60,12 +56,9 @@ __export(index_exports, {
   Cascader: () => Cascader,
   ChatInput: () => ChatInput,
   ChatLayout: () => ChatLayout,
-  ChatMessage: () => ChatMessage,
-  ChatPage: () => ChatPage,
   Checkbox: () => Checkbox2,
   ChipFilter: () => ChipFilter,
   ChipNode: () => ChipNode,
-  Citation: () => Citation,
   ClearHoverButton: () => ClearHoverButton,
   CodeBlock: () => CodeBlock,
   Col: () => Col,
@@ -73,11 +66,9 @@ __export(index_exports, {
   ColorPicker: () => ColorPicker,
   Combobox: () => Combobox2,
   Command: () => Command2,
-  Composer: () => Composer,
   Container: () => Container,
   Content: () => Content,
   ContextMenu: () => ContextMenu2,
-  ConversationList: () => ConversationList,
   DataTable: () => DataTable,
   DatePicker: () => DatePicker,
   Descriptions: () => Descriptions,
@@ -121,7 +112,6 @@ __export(index_exports, {
   Menu: () => Menu2,
   Menubar: () => Menubar2,
   Message: () => Message,
-  MessageList: () => MessageList,
   NavigationMenu: () => NavigationMenu2,
   Notification: () => Notification,
   NumberInput: () => NumberInput,
@@ -133,7 +123,6 @@ __export(index_exports, {
   Popconfirm: () => Popconfirm,
   Popover: () => Popover2,
   Progress: () => Progress2,
-  Prompt: () => Prompt,
   QRCode: () => QRCode,
   RadioGroup: () => RadioGroup2,
   RailTooltip: () => RailTooltip,
@@ -145,7 +134,6 @@ __export(index_exports, {
   ScrollArea: () => ScrollArea2,
   Segmented: () => Segmented,
   Select: () => Select2,
-  Sender: () => Sender,
   Separator: () => Separator2,
   Sheet: () => Sheet2,
   Sidebar: () => Sidebar,
@@ -158,21 +146,16 @@ __export(index_exports, {
   Statistic: () => Statistic,
   Status: () => Status,
   Steps: () => Steps,
-  StepsPanel: () => StepsPanel,
-  StreamingText: () => StreamingText,
-  Suggestion: () => Suggestion,
   Switch: () => Switch2,
   Table: () => Table3,
   Tabs: () => Tabs2,
   Tag: () => Tag2,
   Text: () => Text,
   Textarea: () => Textarea2,
-  Thinking: () => Thinking,
   TimePicker: () => TimePicker,
   Timeline: () => Timeline,
   Toggle: () => Toggle2,
   ToggleGroup: () => ToggleGroup2,
-  ToolCall: () => ToolCall,
   Tooltip: () => Tooltip2,
   Tour: () => Tour,
   Transfer: () => Transfer,
@@ -182,8 +165,6 @@ __export(index_exports, {
   Upload: () => Upload2,
   Video: () => Video2,
   Watermark: () => Watermark,
-  Welcome: () => Welcome,
-  buildArtifactTree: () => buildArtifactTree,
   builtinComponents: () => builtinComponents,
   collectDefaultOpenKeys: () => collectDefaultOpenKeys,
   createComponentRegistry: () => createComponentRegistry,
@@ -198,12 +179,13 @@ __export(index_exports, {
   registerInteractionActions: () => registerInteractionActions,
   resolveLayout: () => resolveLayout,
   useFormContext: () => useFormContext,
+  useOptionalRenderer: () => useOptionalRenderer,
   useSidebarDrawer: () => useSidebarDrawer
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/register.ts
-var import_core3 = require("@pactor-app/core");
+var import_core2 = require("@pactor-app/core");
 
 // src/components/components/Accordion/index.tsx
 var import_runtime = require("@pactor-app/runtime");
@@ -521,6 +503,8 @@ var ICONS = {
   "chart-column": import_lucide_react2.ChartColumn,
   "layout-grid": import_lucide_react2.LayoutGrid,
   "layout-template": import_lucide_react2.LayoutTemplate,
+  "maximize-2": import_lucide_react2.Maximize2,
+  "minimize-2": import_lucide_react2.Minimize2,
   palette: import_lucide_react2.Palette,
   paintbrush: import_lucide_react2.Paintbrush,
   funnel: import_lucide_react2.Funnel,
@@ -3294,12 +3278,21 @@ function Textarea({
 
 // src/components/components/ChatInput/index.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
+function useOptionalRenderer() {
+  try {
+    return (0, import_runtime13.useRenderer)();
+  } catch {
+    return null;
+  }
+}
 function ChatInput({
   value,
   placeholder,
   disabled,
   rows = 3,
   hideSend,
+  streaming = false,
+  onStop,
   toolbarStart,
   toolbarEnd,
   header,
@@ -3310,14 +3303,14 @@ function ChatInput({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime13.useRenderer)();
+  const renderer = useOptionalRenderer();
   const controlled = value !== void 0;
   const [draft, setDraft] = (0, import_react14.useState)("");
   const { t } = (0, import_runtime12.useI18n)();
   const text = controlled ? value : draft;
   const canSubmit = !disabled && text.trim() !== "";
   const customField = field !== void 0 && field !== null;
-  const renderSlot = (slot) => (0, import_react14.isValidElement)(slot) || typeof slot !== "object" || slot === null ? slot : renderChildren([slot]);
+  const renderSlot = (slot) => (0, import_react14.isValidElement)(slot) || typeof slot !== "object" || slot === null ? slot : renderer?.renderChildren([slot]) ?? null;
   const composingRef = (0, import_react14.useRef)(false);
   const handleChange = (next) => {
     if (!controlled) {
@@ -3377,11 +3370,11 @@ function ChatInput({
             {
               type: "button",
               size: "icon",
-              "aria-label": t("pactor.chatInput.send"),
-              disabled: !canSubmit,
-              onClick: submit,
+              "aria-label": streaming ? t("pactor.chatInput.stop") : t("pactor.chatInput.send"),
+              disabled: streaming ? false : !canSubmit,
+              onClick: streaming ? () => onStop?.() : submit,
               className: "size-8 rounded-full",
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react13.ArrowUp, {})
+              children: streaming ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react13.Square, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react13.ArrowUp, {})
             }
           )
         ] }) : null,
@@ -7519,7 +7512,7 @@ function useSidebarDrawer() {
     return null;
   }
 }
-function useOptionalRenderer() {
+function useOptionalRenderer2() {
   try {
     return (0, import_runtime31.useRenderer)();
   } catch {
@@ -7527,7 +7520,7 @@ function useOptionalRenderer() {
   }
 }
 function SidebarContentSlot({ content }) {
-  const renderer = useOptionalRenderer();
+  const renderer = useOptionalRenderer2();
   if (renderer !== null && typeof content === "object" && content !== null && !("$$typeof" in content) && "type" in content) {
     return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_jsx_runtime108.Fragment, { children: renderer.renderChildren([content]) });
   }
@@ -11010,16 +11003,26 @@ var tabsListVariants = (0, import_class_variance_authority7.cva)(
         default: "h-9 rounded-lg bg-muted p-[3px]",
         // line：页签栏通栏（下划线轨道占满容器宽），触发器自然宽度靠左排列
         line: "h-auto w-full justify-start gap-1 rounded-none border-b border-border bg-transparent p-0"
+      },
+      /** 尺寸（对齐 Button 的 size 语义）：sm 经 compoundVariants 仅压缩胶囊变体 */
+      size: {
+        default: "",
+        sm: ""
       }
     },
+    compoundVariants: [
+      { variant: "default", size: "sm", class: "h-8" }
+    ],
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      size: "default"
     }
   }
 );
 function TabsList({
   className,
   variant,
+  size,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
@@ -11027,7 +11030,8 @@ function TabsList({
     {
       "data-slot": "tabs-list",
       "data-variant": variant ?? "default",
-      className: cn(tabsListVariants({ variant }), className),
+      "data-size": size ?? "default",
+      className: cn(tabsListVariants({ variant, size }), className),
       ...props
     }
   );
@@ -11048,6 +11052,8 @@ function TabsTrigger({
         //（叠在 List 的底边轨道上），无底色/圆角/阴影；通栏 List 下取消
         // flex-1 拉伸，触发器保持自然宽度
         "group-data-[variant=line]/tabs-list:-mb-px group-data-[variant=line]/tabs-list:h-9 group-data-[variant=line]/tabs-list:flex-none group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:border-x-0 group-data-[variant=line]/tabs-list:border-t-0 group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:py-1.5 group-data-[variant=line]/tabs-list:text-muted-foreground group-data-[variant=line]/tabs-list:data-active:border-b-primary group-data-[variant=line]/tabs-list:data-active:text-foreground",
+        // size=sm：小字号 + 收紧纵向 padding（高度随 List h-8 自动收缩）
+        "group-data-[size=sm]/tabs-list:py-0.5 group-data-[size=sm]/tabs-list:text-xs",
         className
       ),
       ...props
@@ -12978,2687 +12984,214 @@ function Watermark({
   );
 }
 
-// src/components/chat/AgentStatus/index.tsx
-var import_jsx_runtime174 = require("react/jsx-runtime");
-var statusMeta = {
-  running: { icon: "loader-circle", className: "text-info", spin: true },
-  waiting: { icon: "clock", className: "text-warning" },
-  done: { icon: "circle-check", className: "text-success" },
-  error: { icon: "circle-x", className: "text-destructive" }
+// src/components/register.ts
+var builtinComponents = {
+  Page,
+  Grid,
+  Row,
+  Col,
+  // 循环渲染：行模板（原始 DSL children）由 For 逐项渲染并注入 { row, rowIndex } 作用域
+  For: { component: For, withScope: true },
+  Flex,
+  Card: Card2,
+  Button: Button2,
+  Alert: Alert2,
+  Statistic,
+  Tabs: Tabs2,
+  Table: Table3,
+  Form,
+  Input: Input2,
+  NumberInput,
+  Select: Select2,
+  // Layout 需要原始 DSL 子树做方向推导（含 Sider 判定），以 withScope 注册
+  Layout: { component: Layout, withScope: true },
+  Header,
+  Sider,
+  Content,
+  Footer,
+  Menu: Menu2,
+  Link: Link2,
+  Text,
+  // 展示类扩展组件
+  Badge: Badge2,
+  Avatar: Avatar2,
+  Skeleton: Skeleton2,
+  Separator: Separator2,
+  Kbd: Kbd2,
+  Spinner: Spinner2,
+  Empty: Empty2,
+  AspectRatio: AspectRatio2,
+  Progress: Progress2,
+  // 表单类扩展组件
+  Textarea: Textarea2,
+  Checkbox: Checkbox2,
+  ChipFilter,
+  ChipNode,
+  RadioGroup: RadioGroup2,
+  Switch: Switch2,
+  Slider: Slider2,
+  Label: Label2,
+  Field: Field2,
+  ChatInput,
+  // 导航类扩展组件
+  Breadcrumb: Breadcrumb2,
+  Pagination: Pagination2,
+  Menubar: Menubar2,
+  NavigationMenu: NavigationMenu2,
+  DropdownMenu: DropdownMenu2,
+  ContextMenu: ContextMenu2,
+  // 反馈与弹层类扩展组件
+  Dialog: Dialog2,
+  AlertDialog: AlertDialog2,
+  Drawer: Drawer2,
+  Sheet: Sheet2,
+  Popover: Popover2,
+  Sonner,
+  Accordion: Accordion2,
+  Collapsible: Collapsible2,
+  Tooltip: Tooltip2,
+  HoverCard: HoverCard2,
+  // 复合类扩展组件（第三批）
+  Calendar: Calendar3,
+  DatePicker,
+  InputOTP: InputOTP2,
+  Combobox: Combobox2,
+  Carousel: Carousel2,
+  Command: Command2,
+  Resizable,
+  ScrollArea: ScrollArea2,
+  Toggle: Toggle2,
+  ToggleGroup: ToggleGroup2,
+  ButtonGroup: ButtonGroup2,
+  InputGroup: InputGroup2,
+  Item: Item2,
+  Typography: Typography2,
+  // 页面级组合类扩展组件（第四批）
+  Sidebar,
+  DataTable,
+  // 图标（lucide 白名单）
+  Icon,
+  // 业务刚需类扩展组件（第五批：数据录入 / 数据展示 / 反馈）
+  Rate,
+  TimePicker,
+  ColorPicker,
+  Upload: Upload2,
+  TreeSelect,
+  Cascader,
+  Transfer,
+  Mentions,
+  List: List2,
+  Tree,
+  Descriptions,
+  Timeline,
+  Image: Image2,
+  QRCode,
+  Segmented,
+  Message,
+  Notification,
+  Popconfirm,
+  Result,
+  LoadingOverlay,
+  Watermark,
+  Tour,
+  // 基础补齐类扩展组件（第六批：通用 / 布局 / 导航）
+  Tag: Tag2,
+  Status,
+  Space,
+  Container,
+  Steps,
+  Anchor,
+  BackTop,
+  Affix,
+  // 媒体与内容类扩展组件（第七批）
+  ImageViewer,
+  Gallery,
+  Video: Video2,
+  Audio,
+  FilePreview,
+  DocumentPreview,
+  RichText,
+  Markdown: import_markdown2.MarkdownDslComponent,
+  CodeBlock,
+  DiffViewer,
+  JSONViewer
 };
-function AgentStatus({ status = "running", text, elapsed, className, style }) {
-  const meta = statusMeta[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
-    "div",
-    {
-      "data-slot": "agent-status",
-      "data-status": status,
-      className: cn("flex items-center gap-2 text-sm", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { className: cn(meta.className, meta.spin && "animate-spin motion-reduce:animate-none"), children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Icon, { name: meta.icon, size: "sm" }) }),
-        text ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { "data-slot": "agent-status-text", children: text }) : null,
-        elapsed !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { "data-slot": "agent-status-elapsed", className: "text-xs text-muted-foreground", children: [
-          "\u5DF2\u7528\u65F6 ",
-          elapsed,
-          "s"
-        ] }) : null
-      ]
-    }
-  );
+function registerBuiltinComponents(registry) {
+  for (const [type, component] of Object.entries(builtinComponents)) {
+    registry.register(type, component);
+  }
+}
+function createComponentRegistry() {
+  const registry = new import_core2.Registry("ComponentRegistry");
+  registerBuiltinComponents(registry);
+  return registry;
 }
 
-// src/components/chat/ArtifactPanel/index.tsx
-var import_react62 = require("react");
-
-// src/components/chat/ArtifactPanel/artifact.ts
-var ARTIFACT_IMAGE_EXTENSIONS = [
-  "png",
-  "jpg",
-  "jpeg",
-  "gif",
-  "svg",
-  "webp",
-  "avif",
-  "bmp",
-  "ico"
-];
-function resolveArtifactFileType(artifact) {
-  const declared = artifact.fileType?.trim().toLowerCase().replace(/^\./, "");
-  if (declared) {
-    return declared;
-  }
-  const match = /\.([A-Za-z0-9]+)$/.exec(artifact.title.trim());
-  return match ? match[1].toLowerCase() : null;
-}
-function isImageArtifact(artifact) {
-  const ext = resolveArtifactFileType(artifact);
-  return ext !== null && ARTIFACT_IMAGE_EXTENSIONS.includes(ext);
-}
-var ARTIFACT_ICON_BY_EXTENSION = {
-  // 表格数据
-  csv: "table",
-  tsv: "table",
-  xls: "table",
-  xlsx: "table",
-  // 数据 / 数据库
-  json: "database",
-  sql: "database",
-  // 脚本
-  sh: "terminal",
-  bash: "terminal",
-  zsh: "terminal",
-  // 代码 / 配置
-  js: "code",
-  mjs: "code",
-  cjs: "code",
-  jsx: "code",
-  ts: "code",
-  mts: "code",
-  cts: "code",
-  tsx: "code",
-  py: "code",
-  rb: "code",
-  go: "code",
-  rs: "code",
-  java: "code",
-  kt: "code",
-  c: "code",
-  h: "code",
-  cc: "code",
-  cpp: "code",
-  cs: "code",
-  swift: "code",
-  php: "code",
-  css: "code",
-  scss: "code",
-  less: "code",
-  html: "code",
-  vue: "code",
-  svelte: "code",
-  yaml: "code",
-  yml: "code",
-  toml: "code",
-  xml: "code",
-  // 文档 / 文本
-  md: "file-text",
-  markdown: "file-text",
-  mdx: "file-text",
-  txt: "file-text",
-  text: "file-text",
-  log: "file-text",
-  rst: "file-text",
-  pdf: "file-text",
-  doc: "file-text",
-  docx: "file-text"
-};
-function resolveArtifactIconName(artifact) {
-  const ext = resolveArtifactFileType(artifact);
-  if (ext !== null) {
-    if (ARTIFACT_IMAGE_EXTENSIONS.includes(ext)) {
-      return "image";
-    }
-    const name = ARTIFACT_ICON_BY_EXTENSION[ext];
-    if (name !== void 0) {
-      return name;
-    }
-  }
-  if (artifact.kind === "code") {
-    return "code";
-  }
-  if (artifact.kind === "dsl") {
-    return "layout-grid";
-  }
-  return ext === null ? "file-text" : "file";
-}
-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);
+// src/layout/admin/menu-chain.ts
+function findMenuChain(registry, menuId) {
+  const walk = (menus, ancestors) => {
+    for (const menu of menus) {
+      const chain = [...ancestors, menu];
+      if (menu.id === menuId) {
+        return chain;
+      }
+      if (menu.children !== void 0) {
+        const hit = walk(menu.children, chain);
+        if (hit !== null) {
+          return hit;
+        }
       }
-      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);
     }
+    return null;
   };
-  sortLevel(root.children);
-  return root.children;
+  return walk(registry.tree(), []) ?? [];
 }
 
-// src/components/chat/ArtifactPanel/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;
+// src/layout/admin/menu-items.ts
+function collectDefaultOpenKeys(registry, activeMenuId) {
+  const keys = [];
+  const walk = (menus) => {
+    for (const menu of menus) {
+      if (menu.type === "group" && menu.defaultOpen === true) {
+        keys.push(menu.id);
+      }
+      if (menu.children !== void 0) {
+        walk(menu.children);
+      }
     }
-  }
-  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}`);
+  };
+  walk(registry.tree());
+  if (activeMenuId !== void 0) {
+    for (const menu of findMenuChain(registry, activeMenuId)) {
+      if (menu.type === "group" && !keys.includes(menu.id)) {
+        keys.push(menu.id);
       }
-      saveBlob(await response.blob(), filename);
-      return;
-    } catch {
-      window.open(raw, "_blank", "noopener");
-      return;
     }
   }
-  const blob = buildArtifactBlob(artifact);
-  if (blob) {
-    saveBlob(blob, filename);
-  }
+  return keys;
 }
 
-// src/components/chat/ArtifactPanel/dsl-preview.tsx
-var import_core2 = require("@pactor-app/core");
+// src/layout/admin/AdminLayout.tsx
+var import_permission = require("@pactor-app/permission");
+var import_router = require("@pactor-app/router");
 var import_runtime50 = require("@pactor-app/runtime");
+var import_react62 = require("react");
+
+// src/layout/admin/use-media-query.ts
 var import_react61 = require("react");
-var import_jsx_runtime175 = require("react/jsx-runtime");
-var ARTIFACT_DENIED_TYPE = "ChatDenied";
-function ArtifactDenied({ deniedType }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(
-    "div",
-    {
-      "data-slot": "artifact-denied",
-      "data-denied-type": deniedType,
-      className: "rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground",
-      children: [
-        "\u8BE5\u7EC4\u4EF6\u4E0D\u5141\u8BB8\u5728\u4EA7\u7269\u9884\u89C8\u4E2D\u4F7F\u7528",
-        deniedType ? `\uFF1A${deniedType}` : ""
-      ]
-    }
+var BREAKPOINT_PX = {
+  xs: 480,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1600
+};
+function useMediaQuery(query) {
+  const [matches, setMatches] = (0, import_react61.useState)(
+    () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false
   );
-}
-function guardArtifactDsl(node, registry) {
-  const type = node.type ?? "(reference)";
-  if (type !== ARTIFACT_DENIED_TYPE && !registry.has(type)) {
-    return {
-      type: ARTIFACT_DENIED_TYPE,
-      props: { deniedType: type }
-    };
-  }
-  if (node.children === void 0) {
-    return node;
-  }
-  if (!Array.isArray(node.children)) {
-    return {
-      type: ARTIFACT_DENIED_TYPE,
-      props: { deniedType: `${type}(remote)` }
-    };
-  }
-  if (node.children.length === 0) {
-    return node;
-  }
-  return {
-    ...node,
-    // 数组中混排的引用元素同样无法静态过白名单：替换为受控占位
-    children: node.children.map(
-      (child) => (0, import_core2.isDslSourceRef)(child) ? { type: ARTIFACT_DENIED_TYPE, props: { deniedType: "(remote)" } } : guardArtifactDsl(child, registry)
-    )
-  };
-}
-function useArtifactPreviewRuntime(safeRegistry, user) {
-  return (0, import_react61.useMemo)(() => {
-    if (!safeRegistry) {
-      return void 0;
-    }
-    const components = new import_core2.Registry("ArtifactPreviewRegistry");
-    components.register(ARTIFACT_DENIED_TYPE, ArtifactDenied);
-    for (const name of safeRegistry.list()) {
-      components.register(name, safeRegistry.get(name));
-    }
-    const context = (0, import_runtime50.createRuntimeContext)({ components, user });
-    (0, import_runtime50.registerBuiltinActions)(context.actions);
-    return { context, engine: new import_runtime50.ActionEngine(context) };
-  }, [safeRegistry, user]);
-}
-var ArtifactDslGuard = class extends import_react61.Component {
-  constructor() {
-    super(...arguments);
-    this.state = { failed: false };
-  }
-  static getDerivedStateFromError() {
-    return { failed: true };
-  }
-  componentDidCatch(error) {
-    console.warn("[@pactor-app/ui] DSL \u4EA7\u7269\u6E32\u67D3\u5931\u8D25\uFF0C\u5DF2\u964D\u7EA7\u5C55\u793A", error);
-  }
-  render() {
-    return this.state.failed ? /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-      "div",
-      {
-        "data-slot": "artifact-denied",
-        className: "rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground",
-        children: "DSL \u4EA7\u7269\u6E32\u67D3\u5931\u8D25\uFF0C\u5DF2\u964D\u7EA7\u5C55\u793A"
-      }
-    ) : this.props.children;
-  }
-};
-function ArtifactDslNode({ node }) {
-  const { renderChildren } = (0, import_runtime50.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_jsx_runtime175.Fragment, { children: renderChildren([node]) });
-}
-function ArtifactDslContent({
-  content,
-  runtime,
-  style
-}) {
-  const node = typeof content === "object" && content !== null && !Array.isArray(content) && typeof content.type === "string" ? content : void 0;
-  if (!node || !runtime) {
-    return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
-      "div",
-      {
-        "data-slot": "artifact-denied",
-        className: "rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground",
-        style,
-        children: node ? "DSL \u9884\u89C8\u4E0D\u53EF\u7528\uFF08\u672A\u6CE8\u5165 Safe Registry\uFF09" : "DSL \u4EA7\u7269\u5185\u5BB9\u65E0\u6548"
-      }
-    );
-  }
-  const guarded = guardArtifactDsl(node, runtime.context.components);
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(import_runtime50.DslRenderer, { context: runtime.context, engine: runtime.engine, children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ArtifactDslGuard, { children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ArtifactDslNode, { node: guarded }) }) });
-}
-
-// src/components/chat/ArtifactPanel/index.tsx
-var import_jsx_runtime176 = require("react/jsx-runtime");
-function ArtifactKindIcon({ artifact }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: resolveArtifactIconName(artifact), size: 13 });
-}
-function ArtifactListView({
-  nodes,
-  activeId,
-  onSelect
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("ul", { "data-slot": "artifact-panel-list", className: "flex flex-col gap-0.5", children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-    ArtifactTreeRow,
-    {
-      node,
-      activeId,
-      onSelect
-    },
-    node.path
-  )) });
-}
-function ArtifactTreeRow({
-  node,
-  activeId,
-  onSelect
-}) {
-  const [open, setOpen] = (0, import_react62.useState)(true);
-  if (node.artifact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
-      "button",
-      {
-        type: "button",
-        "data-slot": "artifact-panel-list-item",
-        "data-active": node.artifact.id === activeId,
-        className: "flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm hover:bg-accent data-[active=true]:bg-accent",
-        onClick: () => onSelect?.(node.artifact.id),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ArtifactKindIcon, { artifact: node.artifact }),
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "min-w-0 flex-1 truncate", children: node.artifact.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: node.artifact.kind })
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("li", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
-      "button",
-      {
-        type: "button",
-        "data-slot": "artifact-panel-list-folder",
-        "aria-expanded": open,
-        "data-open": open,
-        className: "flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm hover:bg-accent",
-        onClick: () => setOpen((value) => !value),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-            "span",
-            {
-              className: "inline-flex transition-transform data-[open=true]:rotate-90",
-              "data-open": open,
-              children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: "chevron-right", size: 12 })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: "folder", size: 13 }),
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "min-w-0 flex-1 truncate", children: node.name })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "pl-4", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-      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__ */ (0, import_jsx_runtime176.jsx)("div", { "data-slot": "artifact-panel-image", className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("img", { src, alt: artifact.title, className: "max-w-full rounded-md" }) });
-}
-function ArtifactContent({
-  artifact,
-  runtime,
-  viewers
-}) {
-  const ext = resolveArtifactFileType(artifact);
-  const custom = (ext ? viewers?.[ext] : void 0) ?? viewers?.[artifact.kind];
-  if (custom) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_jsx_runtime176.Fragment, { children: custom(artifact) });
-  }
-  if (isImageArtifact(artifact)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ArtifactImageContent, { artifact });
-  }
-  switch (artifact.kind) {
-    case "markdown":
-      return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(import_markdown2.MarkdownDslComponent, { content: String(artifact.content) });
-    case "code":
-      return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-        CodeBlock,
-        {
-          code: String(artifact.content),
-          language: artifact.language
-        }
-      );
-    case "text":
-      return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-        "pre",
-        {
-          "data-slot": "artifact-panel-text",
-          className: "text-sm break-words whitespace-pre-wrap",
-          children: String(artifact.content)
-        }
-      );
-    case "dsl":
-      return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ArtifactDslContent, { content: artifact.content, runtime });
-    default:
-      return null;
-  }
-}
-function ArtifactPanel({
-  artifact,
-  artifacts,
-  activeArtifactId,
-  onSelectArtifact,
-  title = "\u4EA7\u7269",
-  emptyText = "\u6682\u65E0\u4EA7\u7269",
-  onClose,
-  onDownload,
-  safeRegistry,
-  user,
-  artifactViewers,
-  className,
-  style
-}) {
-  const runtime = useArtifactPreviewRuntime(safeRegistry, user);
-  const [view, setView] = (0, import_react62.useState)("content");
-  const activeId = activeArtifactId ?? artifact?.id;
-  (0, import_react62.useEffect)(() => {
-    setView("content");
-  }, [activeId]);
-  const hasArtifacts = artifacts !== void 0 && artifacts.length > 0;
-  const headerTitle = view === "list" ? "\u4EA7\u7269\u76EE\u5F55" : artifact?.title ?? title;
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
-    "aside",
-    {
-      "data-slot": "artifact-panel",
-      "data-kind": artifact?.kind,
-      className: cn("flex h-full min-w-0 flex-col", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-2.5", children: [
-          hasArtifacts ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-            Button2,
-            {
-              icon: "list",
-              variant: "text",
-              tooltip: view === "list" ? "\u8FD4\u56DE\u5185\u5BB9" : "\u4EA7\u7269\u76EE\u5F55",
-              onClick: () => setView((value) => value === "list" ? "content" : "list")
-            }
-          ) : null,
-          hasArtifacts ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-            DropdownMenu2,
-            {
-              items: artifacts.map((item) => ({
-                label: item.title,
-                value: item.id,
-                icon: resolveArtifactIconName(item)
-              })),
-              onSelect: (id) => onSelectArtifact?.(id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
-                "span",
-                {
-                  "data-slot": "artifact-panel-menu-trigger",
-                  className: "flex min-w-0 cursor-pointer items-center gap-1 rounded-md px-1.5 py-1 text-sm font-medium hover:bg-accent",
-                  children: [
-                    view !== "list" && artifact ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(ArtifactKindIcon, { artifact }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "truncate", children: headerTitle }),
-                    /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: "chevron-down", size: 12 })
-                  ]
-                }
-              )
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "min-w-0 flex-1 truncate px-1.5 text-sm font-medium", children: headerTitle }),
-          view !== "list" && artifact ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "shrink-0 rounded-md bg-accent px-1.5 py-0.5 text-xs text-muted-foreground", children: artifact.kind }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "flex-1" }),
-          artifact ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-            Button2,
-            {
-              icon: "download",
-              variant: "text",
-              tooltip: "\u4E0B\u8F7D\u4EA7\u7269",
-              className: "px-2",
-              onClick: () => onDownload ? onDownload(artifact) : void downloadArtifact(artifact)
-            }
-          ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-            Button2,
-            {
-              icon: "x",
-              variant: "text",
-              tooltip: "\u6536\u8D77\u4EA7\u7269\u533A",
-              className: "px-2",
-              onClick: () => onClose?.()
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className: "scrollbar-subtle min-h-0 flex-1 overflow-auto p-4", children: view === "list" && artifacts !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-          ArtifactListView,
-          {
-            nodes: buildArtifactTree(artifacts),
-            activeId,
-            onSelect: onSelectArtifact
-          }
-        ) : artifact ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
-          ArtifactContent,
-          {
-            artifact,
-            runtime,
-            viewers: artifactViewers
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("p", { className: "text-sm text-muted-foreground", children: emptyText }) })
-      ]
-    }
-  );
-}
-
-// src/components/chat/Attachment/index.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime");
-var kindIcon2 = { image: "image", text: "file-text", video: "video", audio: "music", other: "file" };
-function formatSize3(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-}
-function Attachment({ items = [], onRemove, onRetry, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { "data-slot": "attachment", className: cn("flex flex-wrap gap-2", className), style, children: items.map((item, index) => {
-    const key = item.id ?? index;
-    const kind = inferKind(item.name, item.fileType);
-    const status = item.status ?? "done";
-    return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
-      "div",
-      {
-        "data-slot": "attachment-item",
-        "data-status": status,
-        className: "flex w-56 flex-col rounded-md border border-border px-2 py-1.5",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: kindIcon2[kind], size: "sm" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm", children: item.name }),
-            status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "shrink-0 animate-spin text-muted-foreground motion-reduce:animate-none", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: "loader-circle", size: "sm" }) }) : null,
-            status === "error" && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
-              "button",
-              {
-                type: "button",
-                "data-slot": "attachment-retry",
-                "aria-label": `\u91CD\u8BD5 ${item.name}`,
-                className: "shrink-0 text-destructive hover:opacity-80",
-                onClick: () => onRetry(key),
-                children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: "refresh-ccw", size: "sm" })
-              }
-            ) : null,
-            onRemove ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
-              "button",
-              {
-                type: "button",
-                "data-slot": "attachment-remove",
-                "aria-label": `\u79FB\u9664 ${item.name}`,
-                className: "shrink-0 text-muted-foreground hover:text-foreground",
-                onClick: () => onRemove(key),
-                children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: "x", size: "sm" })
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "mt-0.5 flex items-center gap-1.5 pl-5 text-xs", children: [
-            item.fileSize !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "text-muted-foreground", children: formatSize3(item.fileSize) }) : null,
-            status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "text-destructive", children: "\u4E0A\u4F20\u5931\u8D25" }) : null
-          ] }),
-          status === "uploading" && item.progress !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { "data-slot": "attachment-progress", className: "mt-1 ml-5 h-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "h-full bg-primary transition-[width]", style: { width: `${item.progress}%` } }) }) : null
-        ]
-      },
-      key
-    );
-  }) });
-}
-
-// src/ui/bubble.tsx
-var React7 = __toESM(require("react"), 1);
-var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime178 = require("react/jsx-runtime");
-var bubbleVariants = (0, import_class_variance_authority10.cva)(
-  "group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
-  {
-    variants: {
-      variant: {
-        default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
-        secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
-        muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
-        tinted: "*:data-[slot=bubble-content]:bg-(--bubble-background) *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-(--bubble-hover-background)",
-        outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-card [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
-        ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
-        destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Bubble({
-  variant = "default",
-  align = "start",
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-    "div",
-    {
-      "data-slot": "bubble",
-      "data-variant": variant,
-      "data-align": align,
-      className: cn(bubbleVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function BubbleContent({
-  asChild = false,
-  className,
-  children,
-  ...props
-}) {
-  const cls = cn(
-    "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
-    className
-  );
-  if (asChild && React7.isValidElement(children)) {
-    return React7.cloneElement(children, {
-      "data-slot": "bubble-content",
-      className: cn(cls, children.props.className),
-      ...props
-    });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
-    "div",
-    {
-      "data-slot": "bubble-content",
-      className: cls,
-      ...props,
-      children
-    }
-  );
-}
-var bubbleReactionsVariants = (0, import_class_variance_authority10.cva)(
-  "absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0",
-  {
-    variants: {
-      side: {
-        top: "top-0 -translate-y-3/4",
-        bottom: "bottom-0 translate-y-3/4"
-      },
-      align: {
-        start: "left-3",
-        end: "right-3"
-      }
-    },
-    defaultVariants: {
-      side: "bottom",
-      align: "end"
-    }
-  }
-);
-
-// src/components/chat/Bubble/index.tsx
-var import_jsx_runtime179 = require("react/jsx-runtime");
-function Bubble2({ align = "start", variant = "muted", className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Bubble, { variant, align, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(BubbleContent, { children }) });
-}
-
-// src/components/chat/Sender/index.tsx
-var import_jsx_runtime180 = require("react/jsx-runtime");
-function Sender({ name, avatar, avatarText, role, time, align = "start", className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
-    "div",
-    {
-      "data-slot": "sender",
-      className: cn("flex items-center gap-2", align === "end" && "flex-row-reverse", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Avatar2, { src: avatar, fallback: avatarText ?? name?.slice(0, 1) ?? "?", className: "size-7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: cn("flex min-w-0 items-baseline gap-1.5", align === "end" && "flex-row-reverse"), children: [
-          name ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "data-slot": "sender-name", className: "truncate text-sm font-medium", children: name }) : null,
-          role ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "data-slot": "sender-role", className: "shrink-0 text-xs text-muted-foreground", children: role }) : null,
-          time ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "data-slot": "sender-time", className: "shrink-0 text-xs text-muted-foreground", children: time }) : null
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/chat/StreamingText/index.tsx
-var import_react63 = require("react");
-var import_jsx_runtime181 = require("react/jsx-runtime");
-function StreamingText({ content = "", streaming, typing, speed = 2, className, style }) {
-  const [revealed, setRevealed] = (0, import_react63.useState)(typing ? 0 : content.length);
-  (0, import_react63.useEffect)(() => {
-    if (!typing) {
-      setRevealed(content.length);
-      return;
-    }
-    setRevealed(0);
-    const timer = window.setInterval(() => {
-      setRevealed((value) => {
-        if (value >= content.length) {
-          window.clearInterval(timer);
-          return value;
-        }
-        return Math.min(content.length, value + speed);
-      });
-    }, 24);
-    return () => window.clearInterval(timer);
-  }, [content, typing, speed]);
-  const typingDone = !typing || revealed >= content.length;
-  const showCursor = streaming || typing && !typingDone;
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { "data-slot": "streaming-text", className: cn("whitespace-pre-wrap", className), style, children: [
-    typing ? content.slice(0, revealed) : content,
-    showCursor ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
-      "span",
-      {
-        "data-slot": "streaming-text-cursor",
-        "aria-hidden": "true",
-        className: "ml-0.5 inline-block animate-pulse text-primary motion-reduce:animate-none",
-        children: "\u258D"
-      }
-    ) : null
-  ] });
-}
-
-// src/components/chat/Thinking/index.tsx
-var import_react64 = require("react");
-var import_jsx_runtime182 = require("react/jsx-runtime");
-function Thinking({
-  content,
-  status = "thinking",
-  title,
-  expanded,
-  defaultExpanded,
-  onToggle,
-  className,
-  style
-}) {
-  const [innerExpanded, setInnerExpanded] = (0, import_react64.useState)(defaultExpanded ?? status === "thinking");
-  const isExpanded = expanded ?? innerExpanded;
-  const resolvedTitle = title ?? (status === "thinking" ? "\u601D\u8003\u4E2D\u2026" : "\u601D\u8003\u5B8C\u6210");
-  const toggle = () => {
-    if (expanded === void 0) {
-      setInnerExpanded(!isExpanded);
-    }
-    onToggle?.(!isExpanded);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
-    "div",
-    {
-      "data-slot": "thinking",
-      "data-status": status,
-      className: cn("w-full", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
-          "button",
-          {
-            type: "button",
-            "data-slot": "thinking-trigger",
-            "aria-expanded": isExpanded,
-            className: "flex w-full cursor-pointer items-center gap-2 py-1 text-left text-sm",
-            onClick: toggle,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: cn("text-muted-foreground", status === "thinking" && "animate-pulse motion-reduce:animate-none"), children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Icon, { name: "brain", size: "sm" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { "data-slot": "thinking-title", className: "text-muted-foreground", children: resolvedTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Icon, { name: isExpanded ? "chevron-down" : "chevron-right", size: "sm" }) })
-            ]
-          }
-        ),
-        isExpanded && content ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
-          "div",
-          {
-            "data-slot": "thinking-content",
-            className: "py-1 pl-6 text-sm whitespace-pre-wrap text-muted-foreground",
-            children: content
-          }
-        ) : null
-      ]
-    }
-  );
-}
-
-// src/components/chat/ToolCall/index.tsx
-var import_react65 = require("react");
-var import_jsx_runtime183 = require("react/jsx-runtime");
-var statusIcon3 = {
-  running: { icon: "loader-circle", className: "text-info", spin: true },
-  done: { icon: "circle-check", className: "text-success" },
-  error: { icon: "circle-x", className: "text-destructive" }
-};
-function renderValue(value) {
-  if (value === void 0 || value === null) return "";
-  if (typeof value === "string") return value;
-  try {
-    return JSON.stringify(value, null, 2);
-  } catch {
-    return String(value);
-  }
-}
-function ToolCall({ name, params, status = "done", result, durationMs, defaultExpanded, className, style }) {
-  const [expanded, setExpanded] = (0, import_react65.useState)(defaultExpanded ?? status === "running");
-  const meta = statusIcon3[status];
-  const paramsText = renderValue(params);
-  const hasDetail = Boolean(paramsText) || Boolean(result);
-  const headerInner = /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(import_jsx_runtime183.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Icon, { name: "terminal", size: "sm" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { "data-slot": "tool-call-name", className: "min-w-0 truncate font-medium", children: name ?? "\u5DE5\u5177\u8C03\u7528" }),
-    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: cn("shrink-0", meta.className, meta.spin && "animate-spin motion-reduce:animate-none"), children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Icon, { name: meta.icon, size: "sm" }) }),
-    durationMs !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
-      (durationMs / 1e3).toFixed(1),
-      "s"
-    ] }) : null,
-    hasDetail ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Icon, { name: expanded ? "chevron-down" : "chevron-right", size: "sm" }) }) : null
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
-    "div",
-    {
-      "data-slot": "tool-call",
-      "data-status": status,
-      className: cn("w-full", className),
-      style,
-      children: [
-        hasDetail ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
-          "button",
-          {
-            type: "button",
-            "data-slot": "tool-call-trigger",
-            "aria-expanded": expanded,
-            className: "flex w-full cursor-pointer items-center gap-2 py-1 text-left text-sm",
-            onClick: () => setExpanded((value) => !value),
-            children: headerInner
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(
-          "div",
-          {
-            "data-slot": "tool-call-trigger",
-            className: "flex w-full items-center gap-2 py-1 text-left text-sm",
-            children: headerInner
-          }
-        ),
-        hasDetail && expanded ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { "data-slot": "tool-call-body", className: "flex flex-col gap-2 py-1 pl-6", children: [
-          paramsText ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "text-xs font-medium text-muted-foreground", children: "\u53C2\u6570" }),
-            /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("pre", { "data-slot": "tool-call-params", className: "mt-1 overflow-x-auto text-xs whitespace-pre-wrap text-muted-foreground", children: paramsText })
-          ] }) : null,
-          result ? /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { className: "text-xs font-medium text-muted-foreground", children: "\u7ED3\u679C" }),
-            /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("pre", { "data-slot": "tool-call-result", className: "mt-1 overflow-x-auto text-xs whitespace-pre-wrap text-muted-foreground", children: result })
-          ] }) : null
-        ] }) : null
-      ]
-    }
-  );
-}
-
-// src/components/chat/ChatMessage/index.tsx
-var import_jsx_runtime184 = require("react/jsx-runtime");
-function PartView({
-  part,
-  role,
-  onOpenArtifacts
-}) {
-  if (role === "system" && (part.type === "text" || part.type === "markdown")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-      "div",
-      {
-        "data-slot": "chat-message-system-part",
-        className: "w-full text-center text-xs text-muted-foreground",
-        children: part.type === "markdown" ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(import_markdown2.MarkdownDslComponent, { content: part.content }) : part.content
-      }
-    );
-  }
-  switch (part.type) {
-    case "text":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Bubble2, { align: role === "user" ? "end" : "start", variant: role === "user" ? "default" : "muted", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { className: "text-sm whitespace-pre-wrap", children: part.content }) });
-    case "markdown":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Bubble2, { align: role === "user" ? "end" : "start", variant: role === "user" ? "default" : "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(import_markdown2.MarkdownDslComponent, { content: part.content }) });
-    case "thinking":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Thinking, { content: part.content, status: part.status ?? "done" });
-    case "tool-call":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(ToolCall, { name: part.name, params: part.params, status: part.status ?? "done", result: part.result });
-    case "tool-result":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("pre", { "data-slot": "chat-message-tool-result", className: "overflow-x-auto rounded-md bg-muted p-2 text-xs whitespace-pre-wrap", children: part.content });
-    case "status":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { "data-slot": "chat-message-status", className: "flex w-fit items-center gap-1.5 text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: "clock", size: "sm" }),
-        part.text
-      ] });
-    case "artifacts": {
-      const artifactsClass = "flex w-fit items-center gap-1.5 text-muted-foreground";
-      const label = `\u5DF2\u751F\u6210 ${part.count} \u4E2A\u4EA7\u7269`;
-      return onOpenArtifacts ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
-        "button",
-        {
-          type: "button",
-          "data-slot": "chat-message-artifacts",
-          className: cn(artifactsClass, "cursor-pointer hover:text-foreground"),
-          onClick: onOpenArtifacts,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: "package", size: "sm" }),
-            label,
-            /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: "chevron-right", size: 12 })
-          ]
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { "data-slot": "chat-message-artifacts", className: artifactsClass, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: "package", size: "sm" }),
-        label
-      ] });
-    }
-    case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { "data-slot": "chat-message-error", className: "flex items-center gap-1.5 text-sm text-destructive", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: "circle-alert", size: "sm" }),
-        part.message
-      ] });
-    default:
-      return null;
-  }
-}
-var ACTION_ICON_BY_NAME = {
-  copy: "copy",
-  retry: "rotate-ccw",
-  regenerate: "refresh-ccw",
-  edit: "pencil",
-  like: "thumbs-up",
-  dislike: "thumbs-down",
-  share: "share",
-  delete: "trash"
-};
-function ChatMessage({
-  role = "assistant",
-  parts = [],
-  status = "completed",
-  agent,
-  time,
-  showSender = false,
-  actions = [],
-  onAction,
-  onOpenArtifacts,
-  className,
-  style
-}) {
-  const isUser = role === "user";
-  const isSystem = role === "system";
-  const senderName = isUser ? "\u6211" : agent?.name ?? "\u52A9\u624B";
-  return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
-    "div",
-    {
-      "data-slot": "chat-message",
-      "data-role": role,
-      "data-status": status,
-      className: cn(
-        "flex w-full flex-col gap-1.5",
-        isUser && "items-end",
-        // system 居中弱提示（参考 @pactor-app/chat MessageBubble）
-        isSystem && "items-center text-muted-foreground",
-        className
-      ),
-      style,
-      children: [
-        showSender ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-          Sender,
-          {
-            name: senderName,
-            avatarText: isUser ? void 0 : agent?.icon ? void 0 : senderName.slice(0, 1),
-            time,
-            align: isUser ? "end" : "start"
-          }
-        ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: cn("flex min-w-0 w-full max-w-full flex-col gap-2", isUser && "items-end", isSystem && "items-center"), children: [
-          parts.map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(PartView, { part, role, onOpenArtifacts }, index)),
-          status === "streaming" ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(StreamingText, { content: "", streaming: true }) : null
-        ] }),
-        actions.length > 0 && (status === "completed" || status === "error") ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { "data-slot": "chat-message-actions", className: "flex items-center gap-1 mt-2", children: actions.map((action) => {
-          const label = action.label ?? action.name;
-          const iconName = action.icon ?? ACTION_ICON_BY_NAME[action.name];
-          if (iconName) {
-            return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Tooltip2, { content: label, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-              "button",
-              {
-                type: "button",
-                "data-slot": "chat-message-action",
-                "data-action": action.name,
-                "aria-label": label,
-                className: "flex cursor-pointer items-center rounded-sm p-1 text-muted-foreground hover:bg-accent hover:text-foreground",
-                onClick: () => onAction?.(action.name),
-                children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: iconName, size: "sm" })
-              }
-            ) }, action.name);
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-            "button",
-            {
-              type: "button",
-              "data-slot": "chat-message-action",
-              "data-action": action.name,
-              className: "flex items-center cursor-pointer gap-1 rounded-sm px-1.5 py-0.5 text-xs text-muted-foreground hover:bg-accent hover:text-foreground",
-              onClick: () => onAction?.(action.name),
-              children: label
-            },
-            action.name
-          );
-        }) }) : null
-      ]
-    }
-  );
-}
-
-// src/components/chat/ChatPage/index.tsx
-var import_runtime51 = require("@pactor-app/runtime");
-var import_react70 = require("react");
-
-// src/components/chat/Composer/index.tsx
-var import_react67 = require("react");
-
-// src/components/chat/Composer/mention-input.tsx
-var import_react66 = require("react");
-var import_server = require("react-dom/server");
-var import_jsx_runtime185 = require("react/jsx-runtime");
-var NBSP = "\xA0";
-var CHIP_ATTR = "data-mention-chip";
-function escapeRegExp(text) {
-  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function isChipElement(node) {
-  return node instanceof HTMLElement && node.hasAttribute(CHIP_ATTR);
-}
-function serializeNode(node) {
-  let out = "";
-  node.childNodes.forEach((child) => {
-    if (child.nodeType === Node.TEXT_NODE) {
-      out += (child.textContent ?? "").replace(/\u00A0/g, " ");
-    } else if (isChipElement(child)) {
-      out += `${child.dataset["trigger"] ?? ""}${child.dataset["label"] ?? ""}`;
-    } else if (child instanceof HTMLBRElement) {
-      out += "\n";
-    } else if (child instanceof HTMLElement) {
-      const inner = serializeNode(child).replace(/\n$/, "");
-      out += (out === "" || out.endsWith("\n") ? "" : "\n") + inner + "\n";
-    }
-  });
-  return out;
-}
-function collectChips(field) {
-  return Array.from(field.querySelectorAll(`[${CHIP_ATTR}]`)).map((el) => ({
-    id: el.dataset["id"] ?? "",
-    label: el.dataset["label"] ?? "",
-    trigger: el.dataset["trigger"] ?? ""
-  }));
-}
-function detectActiveMention(field, sources) {
-  const selection = window.getSelection();
-  if (!selection || selection.rangeCount === 0 || !selection.isCollapsed) {
-    return null;
-  }
-  const anchor = selection.anchorNode;
-  if (!anchor || anchor.nodeType !== Node.TEXT_NODE || !field.contains(anchor)) {
-    return null;
-  }
-  const caretOffset = selection.anchorOffset;
-  const beforeCaret = (anchor.textContent ?? "").slice(0, caretOffset);
-  for (const source of sources) {
-    const trigger = source.trigger;
-    const match = new RegExp(
-      `(?:^|\\s)${escapeRegExp(trigger)}([^\\s${escapeRegExp(trigger)}]*)$`
-    ).exec(beforeCaret);
-    if (match) {
-      const query = match[1] ?? "";
-      return {
-        source,
-        query,
-        node: anchor,
-        triggerStart: caretOffset - query.length - trigger.length,
-        caretOffset
-      };
-    }
-  }
-  return null;
-}
-function chipIcon(item, source) {
-  return item.icon ?? source.icon ?? (source.trigger === "@" ? "user" : "file-text");
-}
-var MentionInput = (0, import_react66.forwardRef)(
-  function MentionInput2({
-    value,
-    placeholder,
-    disabled,
-    sources,
-    chips,
-    onChipsChange,
-    onChange,
-    onSubmit,
-    className,
-    style
-  }, ref) {
-    const fieldRef = (0, import_react66.useRef)(null);
-    const [menu, setMenu] = (0, import_react66.useState)(null);
-    const [empty, setEmpty] = (0, import_react66.useState)(true);
-    const suppressSyncRef = (0, import_react66.useRef)(false);
-    const composingRef = (0, import_react66.useRef)(false);
-    const emitChips = () => {
-      if (suppressSyncRef.current || !fieldRef.current) {
-        return;
-      }
-      onChipsChange?.(collectChips(fieldRef.current));
-    };
-    const serialize = () => fieldRef.current ? serializeNode(fieldRef.current).replace(/\n$/, "") : "";
-    const buildChipElement = (item, source) => {
-      const chip = document.createElement("span");
-      chip.setAttribute(CHIP_ATTR, "");
-      chip.dataset["id"] = item.id;
-      chip.dataset["label"] = item.label;
-      chip.dataset["trigger"] = item.trigger ?? source.trigger;
-      chip.contentEditable = "false";
-      chip.className = "mx-0.5 inline-flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 align-middle text-xs text-foreground";
-      const iconMarkup = (0, import_server.renderToStaticMarkup)(
-        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Icon, { name: chipIcon(item, source), size: 12 })
-      );
-      const label = document.createElement("span");
-      label.textContent = item.label;
-      chip.innerHTML = iconMarkup;
-      chip.appendChild(label);
-      return chip;
-    };
-    const insertChipElement = (item, source, replace) => {
-      const field = fieldRef.current;
-      if (!field) {
-        return;
-      }
-      const chip = buildChipElement(item, source);
-      let caretNode;
-      if (replace) {
-        const { node, start, end } = replace;
-        const text = node.textContent ?? "";
-        node.textContent = text.slice(0, start);
-        caretNode = document.createTextNode(`${NBSP}${text.slice(end)}`);
-        node.after(chip, caretNode);
-      } else {
-        caretNode = document.createTextNode(NBSP);
-        const selection2 = window.getSelection();
-        if (selection2 && selection2.rangeCount > 0 && selection2.anchorNode !== null && field.contains(selection2.anchorNode)) {
-          const range = selection2.getRangeAt(0);
-          range.deleteContents();
-          range.insertNode(caretNode);
-          range.insertNode(chip);
-        } else {
-          field.append(chip, caretNode);
-        }
-      }
-      const selection = window.getSelection();
-      if (selection) {
-        const range = document.createRange();
-        range.setStart(caretNode, 1);
-        range.collapse(true);
-        selection.removeAllRanges();
-        selection.addRange(range);
-      }
-      setEmpty(false);
-      onChange?.(serialize());
-      emitChips();
-    };
-    (0, import_react66.useImperativeHandle)(ref, () => ({
-      insertChip: (item, source) => {
-        fieldRef.current?.focus();
-        insertChipElement(item, source);
-      },
-      focus: () => fieldRef.current?.focus()
-    }));
-    (0, import_react66.useEffect)(() => {
-      const field = fieldRef.current;
-      if (field && value === "" && serializeNode(field).trim() !== "") {
-        suppressSyncRef.current = true;
-        field.innerHTML = "";
-        setEmpty(true);
-        setMenu(null);
-        suppressSyncRef.current = false;
-      }
-    }, [value]);
-    (0, import_react66.useEffect)(() => {
-      const field = fieldRef.current;
-      if (!field) {
-        return;
-      }
-      const keep = new Set(chips.map((chip) => `${chip.trigger}:${chip.id}`));
-      const stale = Array.from(field.querySelectorAll(`[${CHIP_ATTR}]`)).filter(
-        (el) => !keep.has(
-          `${el.dataset["trigger"]}:${el.dataset["id"]}`
-        )
-      );
-      if (stale.length > 0) {
-        suppressSyncRef.current = true;
-        stale.forEach((el) => el.remove());
-        suppressSyncRef.current = false;
-        setEmpty(serializeNode(field).trim() === "");
-      }
-    }, [chips]);
-    const closeMenu = () => setMenu(null);
-    const filteredItems = (state) => state.query ? state.source.items.filter((item) => item.label.includes(state.query)) : state.source.items;
-    const refreshMenu = () => {
-      const field = fieldRef.current;
-      if (!field) {
-        return;
-      }
-      const active = detectActiveMention(field, sources);
-      if (!active) {
-        setMenu(null);
-        return;
-      }
-      const range = document.createRange();
-      range.setStart(active.node, active.triggerStart);
-      range.setEnd(active.node, active.caretOffset);
-      const rect = typeof range.getBoundingClientRect === "function" ? range.getBoundingClientRect() : field.getBoundingClientRect();
-      setMenu((prev) => ({
-        source: active.source,
-        query: active.query,
-        left: rect.left,
-        top: rect.top,
-        // 过滤结果变化后候选下标钳制在有效范围内（DSL 每次渲染产出新
-        // props 对象，source 按 trigger 比较而非引用）
-        activeIndex: Math.min(
-          prev?.source.trigger === active.source.trigger ? prev.activeIndex : 0,
-          Math.max(filteredItems({ source: active.source, query: active.query, left: 0, top: 0, activeIndex: 0 }).length - 1, 0)
-        )
-      }));
-    };
-    const selectMenuItem = (item) => {
-      const field = fieldRef.current;
-      if (!field || !menu) {
-        return;
-      }
-      const active = detectActiveMention(field, sources);
-      insertChipElement(
-        { ...item, trigger: item.trigger ?? menu.source.trigger },
-        menu.source,
-        active && active.source.trigger === menu.source.trigger ? { node: active.node, start: active.triggerStart, end: active.caretOffset } : void 0
-      );
-      setMenu(null);
-    };
-    const handleInput = () => {
-      const field = fieldRef.current;
-      if (!field) {
-        return;
-      }
-      if ((field.textContent ?? "") === "" && field.querySelector(`[${CHIP_ATTR}]`) === null) {
-        field.innerHTML = "";
-      }
-      setEmpty(serializeNode(field).trim() === "");
-      onChange?.(serialize());
-      refreshMenu();
-    };
-    const handleKeyDown = (event) => {
-      if (menu) {
-        const items = filteredItems(menu);
-        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-          event.preventDefault();
-          if (items.length > 0) {
-            const delta = event.key === "ArrowDown" ? 1 : -1;
-            setMenu({
-              ...menu,
-              activeIndex: (menu.activeIndex + delta + items.length) % items.length
-            });
-          }
-          return;
-        }
-        if (event.key === "Enter" && !composingRef.current && !event.nativeEvent.isComposing) {
-          event.preventDefault();
-          const item = items[Math.min(menu.activeIndex, items.length - 1)];
-          if (item) {
-            selectMenuItem(item);
-          } else {
-            closeMenu();
-          }
-          return;
-        }
-        if (event.key === "Escape") {
-          event.preventDefault();
-          closeMenu();
-          return;
-        }
-      }
-      if (event.key === "Enter" && !event.shiftKey && !composingRef.current && !event.nativeEvent.isComposing) {
-        event.preventDefault();
-        const text = serialize();
-        if (text.trim() !== "" && !disabled) {
-          onSubmit?.(text);
-        }
-        return;
-      }
-      if (event.key === "Backspace") {
-        const selection = window.getSelection();
-        const field = fieldRef.current;
-        if (!selection || !selection.isCollapsed || !field) {
-          return;
-        }
-        let chip = null;
-        const anchor = selection.anchorNode;
-        if (anchor === field && selection.anchorOffset > 0) {
-          const before = field.childNodes[selection.anchorOffset - 1];
-          if (isChipElement(before)) {
-            chip = before;
-          }
-        } else if (anchor?.nodeType === Node.TEXT_NODE && selection.anchorOffset === 0) {
-          if (isChipElement(anchor.previousSibling)) {
-            chip = anchor.previousSibling;
-          }
-        }
-        if (chip) {
-          event.preventDefault();
-          chip.remove();
-          onChange?.(serialize());
-          emitChips();
-          setEmpty(serializeNode(field).trim() === "");
-        }
-      }
-    };
-    const menuItems = menu ? filteredItems(menu) : [];
-    const activeIndex = Math.min(menu?.activeIndex ?? 0, Math.max(menuItems.length - 1, 0));
-    return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
-        "div",
-        {
-          ref: fieldRef,
-          "data-slot": "mention-input",
-          role: "textbox",
-          "aria-multiline": "true",
-          "aria-placeholder": placeholder,
-          contentEditable: !disabled,
-          suppressContentEditableWarning: true,
-          className: cn(
-            "min-h-[60px] w-full px-4 pt-3 pb-1 text-sm whitespace-pre-wrap break-words outline-none",
-            className
-          ),
-          style,
-          onInput: handleInput,
-          onKeyDown: handleKeyDown,
-          onCompositionStart: () => {
-            composingRef.current = true;
-          },
-          onCompositionEnd: () => {
-            composingRef.current = false;
-          },
-          onPaste: (event) => {
-            event.preventDefault();
-            const text = event.clipboardData?.getData("text/plain") ?? "";
-            if (text) {
-              document.execCommand("insertText", false, text);
-            }
-          }
-        }
-      ),
-      empty && placeholder !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { className: "pointer-events-none absolute top-3 left-4 text-sm text-muted-foreground", children: placeholder }) : null,
-      menu ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(import_jsx_runtime185.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
-          "div",
-          {
-            className: "fixed inset-0 z-40",
-            onMouseDown: (event) => {
-              event.preventDefault();
-              closeMenu();
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
-          "div",
-          {
-            "data-slot": "mention-menu",
-            role: "listbox",
-            className: "scrollbar-subtle fixed z-50 max-h-72 w-64 overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
-            style: {
-              left: menu.left,
-              bottom: typeof window === "undefined" ? void 0 : window.innerHeight - menu.top + 6
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "px-2 py-1 text-xs text-muted-foreground", children: menu.source.label }),
-              menuItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: "\u65E0\u5339\u914D\u9879" }) : menuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  role: "option",
-                  "aria-selected": index === activeIndex,
-                  className: cn(
-                    "flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm",
-                    index === activeIndex ? "bg-accent" : "hover:bg-accent"
-                  ),
-                  onMouseDown: (event) => {
-                    event.preventDefault();
-                    selectMenuItem(item);
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Icon, { name: chipIcon(item, menu.source), size: "sm" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.label })
-                  ]
-                },
-                item.id
-              ))
-            ]
-          }
-        )
-      ] }) : null
-    ] });
-  }
-);
-
-// src/components/chat/Composer/index.tsx
-var import_jsx_runtime186 = require("react/jsx-runtime");
-var toolButtonClass3 = "flex cursor-pointer items-center rounded-md p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground";
-var popoverPanelClass = "absolute bottom-full left-0 z-50 mb-2 max-h-72 w-64 overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md";
-var popoverItemClass = "flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm hover:bg-accent";
-function Composer({
-  value,
-  placeholder,
-  disabled,
-  loading,
-  rows,
-  attachments = [],
-  onRemoveAttachment,
-  onRetryAttachment,
-  onAttachFiles,
-  onChange,
-  onSubmit,
-  models,
-  model,
-  onModelChange,
-  contexts,
-  contextItems,
-  onContextItemsChange,
-  footer,
-  className,
-  style
-}) {
-  const textControlled = value !== void 0;
-  const [innerText, setInnerText] = (0, import_react67.useState)("");
-  const text = textControlled ? value : innerText;
-  const [dragOver, setDragOver] = (0, import_react67.useState)(false);
-  const [plusOpen, setPlusOpen] = (0, import_react67.useState)(false);
-  const [modelOpen, setModelOpen] = (0, import_react67.useState)(false);
-  const fileInputRef = (0, import_react67.useRef)(null);
-  const mentionRef = (0, import_react67.useRef)(null);
-  const sources = contexts ?? [];
-  const rich = sources.length > 0;
-  const plusSources = sources.filter((s) => s.trigger === "+");
-  const plusEnabled = plusSources.length > 0;
-  const modelEnabled = models !== void 0 && models.length > 0;
-  const currentModel = models?.find((m) => m.value === model) ?? models?.[0];
-  const [innerChips, setInnerChips] = (0, import_react67.useState)([]);
-  const chipsControlled = contextItems !== void 0;
-  const chips = chipsControlled ? contextItems : innerChips;
-  const handleChipsChange = (next) => {
-    if (!chipsControlled) {
-      setInnerChips(next);
-    }
-    onContextItemsChange?.(next);
-  };
-  const closePopovers = () => {
-    setPlusOpen(false);
-    setModelOpen(false);
-  };
-  const handleChange = (next) => {
-    if (!textControlled) {
-      setInnerText(next);
-    }
-    onChange?.(next);
-  };
-  const handleSubmit = (submitted) => {
-    onSubmit?.(submitted);
-    if (!textControlled) {
-      setInnerText("");
-    }
-    closePopovers();
-  };
-  const selectContext = (item, source) => {
-    if (rich) {
-      mentionRef.current?.insertChip(item, source);
-    } else {
-      const chip = { ...item, trigger: item.trigger ?? source.trigger };
-      const duplicated = chips.some(
-        (existing) => existing.id === chip.id && existing.trigger === chip.trigger
-      );
-      if (!duplicated) {
-        handleChipsChange([...chips, chip]);
-      }
-    }
-    closePopovers();
-  };
-  const emitFiles = (files) => {
-    if (files.length > 0 && onAttachFiles) {
-      onAttachFiles(files);
-    }
-  };
-  const handleDrop = (event) => {
-    if (!onAttachFiles) {
-      return;
-    }
-    event.preventDefault();
-    setDragOver(false);
-    emitFiles(Array.from(event.dataTransfer?.files ?? []));
-  };
-  const toolbarStart = plusEnabled || onAttachFiles ? /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(import_jsx_runtime186.Fragment, { children: [
-    plusEnabled ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": "\u6DFB\u52A0\u4E0A\u4E0B\u6587",
-        title: "\u6DFB\u52A0\u4E0A\u4E0B\u6587",
-        className: toolButtonClass3,
-        onClick: () => {
-          setPlusOpen((prev) => !prev);
-          setModelOpen(false);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Icon, { name: "plus", size: "sm" })
-      }
-    ) : null,
-    onAttachFiles ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": "\u6DFB\u52A0\u9644\u4EF6",
-        title: "\u6DFB\u52A0\u9644\u4EF6",
-        className: toolButtonClass3,
-        onClick: () => fileInputRef.current?.click(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Icon, { name: "paperclip", size: "sm" })
-      }
-    ) : null
-  ] }) : void 0;
-  const toolbarEnd = modelEnabled ? /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
-    "button",
-    {
-      type: "button",
-      "aria-label": "\u9009\u62E9\u6A21\u578B",
-      title: "\u9009\u62E9\u6A21\u578B",
-      className: "flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-accent hover:text-foreground",
-      onClick: () => {
-        setModelOpen((prev) => !prev);
-        setPlusOpen(false);
-      },
-      children: [
-        currentModel?.label,
-        /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Icon, { name: "chevrons-up-down", size: 12 })
-      ]
-    }
-  ) : void 0;
-  const activePopover = plusOpen ? "plus" : modelOpen ? "model" : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
-    "div",
-    {
-      "data-slot": "composer",
-      className: cn("relative flex w-full flex-col gap-2", className),
-      style,
-      onDragOver: (event) => {
-        if (onAttachFiles) {
-          event.preventDefault();
-          setDragOver(true);
-        }
-      },
-      onDragLeave: () => setDragOver(false),
-      onDrop: handleDrop,
-      onPaste: (event) => {
-        const files = Array.from(event.clipboardData?.files ?? []);
-        if (files.length > 0 && onAttachFiles) {
-          event.preventDefault();
-          emitFiles(files);
-        }
-      },
-      children: [
-        attachments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Attachment, { items: attachments, onRemove: onRemoveAttachment, onRetry: onRetryAttachment }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: cn(dragOver && "rounded-xl ring-2 ring-ring/50"), children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
-          ChatInput,
-          {
-            value: text,
-            placeholder,
-            disabled: disabled || loading,
-            rows,
-            toolbarStart,
-            toolbarEnd,
-            footer,
-            field: rich ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
-              MentionInput,
-              {
-                ref: mentionRef,
-                value: text,
-                placeholder,
-                disabled: disabled || loading,
-                sources,
-                chips,
-                onChipsChange: handleChipsChange,
-                onChange: handleChange,
-                onSubmit: handleSubmit
-              }
-            ) : void 0,
-            onChange: handleChange,
-            onSubmit: handleSubmit
-          }
-        ) }),
-        onAttachFiles ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            multiple: true,
-            hidden: true,
-            onChange: (event) => {
-              emitFiles(Array.from(event.target.files ?? []));
-              event.target.value = "";
-            }
-          }
-        ) : null,
-        activePopover !== null ? /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(import_jsx_runtime186.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: "fixed inset-0 z-40", onClick: closePopovers }),
-          activePopover === "model" ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { "data-slot": "composer-model-popover", className: cn(popoverPanelClass, "right-0 left-auto w-48"), role: "listbox", children: models.map((option) => /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
-            "button",
-            {
-              type: "button",
-              role: "option",
-              "aria-selected": option.value === currentModel?.value,
-              className: popoverItemClass,
-              onClick: () => {
-                onModelChange?.(option.value);
-                closePopovers();
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
-                option.value === currentModel?.value ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Icon, { name: "check", size: 14 }) : null
-              ]
-            },
-            option.value
-          )) }) : /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { "data-slot": "composer-context-popover", className: popoverPanelClass, role: "listbox", children: plusSources.map(
-            (source) => source.items.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: "px-2 py-1 text-xs text-muted-foreground", children: source.label }),
-              source.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  className: popoverItemClass,
-                  onClick: () => selectContext(item, source),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Icon, { name: item.icon ?? source.icon ?? "file-text", size: "sm" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.label })
-                  ]
-                },
-                item.id
-              ))
-            ] }, source.trigger)
-          ) })
-        ] }) : null
-      ]
-    }
-  );
-}
-
-// src/components/chat/ConversationList/index.tsx
-var import_react68 = require("react");
-var import_jsx_runtime187 = require("react/jsx-runtime");
-function ConversationList({ items = [], activeId, searchable, onSelect, onDelete, className, style }) {
-  const [innerActive, setInnerActive] = (0, import_react68.useState)();
-  const [keyword, setKeyword] = (0, import_react68.useState)("");
-  const active = activeId ?? innerActive;
-  const filtered = (0, import_react68.useMemo)(() => {
-    const query = keyword.trim().toLowerCase();
-    if (!query) return items;
-    return items.filter(
-      (item) => item.title.toLowerCase().includes(query) || (item.description ?? "").toLowerCase().includes(query)
-    );
-  }, [items, keyword]);
-  const select = (id) => {
-    if (activeId === void 0) {
-      setInnerActive(id);
-    }
-    onSelect?.(id);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("div", { "data-slot": "conversation-list", className: cn("flex w-full flex-col gap-1", className), style, children: [
-    searchable ? /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("div", { className: "relative mb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { className: "absolute top-1/2 left-2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Icon, { name: "search", size: "sm" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
-        "input",
-        {
-          "data-slot": "conversation-list-search",
-          value: keyword,
-          placeholder: "\u641C\u7D22\u4F1A\u8BDD",
-          className: "h-8 w-full rounded-md border border-border bg-background pr-2 pl-7 text-sm outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
-          onChange: (event) => setKeyword(event.target.value)
-        }
-      )
-    ] }) : null,
-    filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
-      "div",
-      {
-        "data-slot": "conversation-list-item",
-        "data-active": item.id === active || void 0,
-        className: cn(
-          "group flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-accent",
-          item.id === active && "bg-accent"
-        ),
-        onClick: () => select(item.id),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: cn("truncate text-sm", item.id === active && "font-medium"), children: item.title }),
-            item.description ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: item.description }) : null
-          ] }),
-          item.time ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: item.time }) : null,
-          onDelete ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
-            "button",
-            {
-              type: "button",
-              "data-slot": "conversation-list-delete",
-              "aria-label": `\u5220\u9664 ${item.title}`,
-              className: "shrink-0 text-muted-foreground opacity-0 group-hover:opacity-100 hover:text-destructive",
-              onClick: (event) => {
-                event.stopPropagation();
-                onDelete(item.id);
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Icon, { name: "trash-2", size: "sm" })
-            }
-          ) : null
-        ]
-      },
-      item.id
-    )),
-    filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "\u65E0\u5339\u914D\u4F1A\u8BDD" }) : null
-  ] });
-}
-
-// src/components/chat/MessageList/index.tsx
-var import_react69 = require("react");
-var import_jsx_runtime188 = require("react/jsx-runtime");
-function MessageList({ messages = [], autoScroll = true, onAction, onOpenArtifacts, className, style }) {
-  const listRef = (0, import_react69.useRef)(null);
-  (0, import_react69.useEffect)(() => {
-    if (!autoScroll) return;
-    const el = listRef.current;
-    if (el) {
-      el.scrollTop = el.scrollHeight;
-    }
-  }, [messages, autoScroll]);
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
-    "div",
-    {
-      ref: listRef,
-      "data-slot": "message-list",
-      className: cn("flex w-full flex-col gap-4 overflow-y-auto", className),
-      style,
-      children: messages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
-        ChatMessage,
-        {
-          ...message,
-          onAction: (action) => onAction?.({ id: message.id, action }),
-          onOpenArtifacts: onOpenArtifacts ? () => onOpenArtifacts({ id: message.id }) : void 0
-        },
-        message.id ?? index
-      ))
-    }
-  );
-}
-
-// src/components/chat/Prompt/index.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime");
-function Prompt({ title, description, icon, value, disabled, onSelect, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
-    "button",
-    {
-      type: "button",
-      "data-slot": "prompt",
-      disabled,
-      className: cn(
-        "flex items-start gap-2.5 rounded-md border border-border p-3 text-left transition-colors hover:border-primary disabled:pointer-events-none disabled:opacity-50",
-        className
-      ),
-      style,
-      onClick: () => onSelect?.(value ?? title ?? ""),
-      children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(Icon, { name: icon, size: "sm" }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { "data-slot": "prompt-title", className: "block text-sm font-medium", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { "data-slot": "prompt-description", className: "mt-0.5 block text-xs text-muted-foreground", children: description }) : null
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/chat/Welcome/index.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime");
-function Welcome({
-  title = "\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u4F60\uFF1F",
-  description,
-  icon = "chat",
-  prompts = [],
-  onSelect,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
-    "div",
-    {
-      "data-slot": "welcome",
-      className: cn("flex w-full flex-col items-center gap-4 py-10 text-center", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { "data-slot": "welcome-icon", className: "text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(Icon, { name: icon, size: "lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { "data-slot": "welcome-title", className: "text-xl font-semibold", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { "data-slot": "welcome-description", className: "mt-1 text-sm text-muted-foreground", children: description }) : null
-        ] }),
-        prompts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { "data-slot": "welcome-prompts", className: "grid w-full max-w-xl grid-cols-1 gap-3 text-left sm:grid-cols-2", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
-          Prompt,
-          {
-            title: item.title,
-            description: item.description,
-            icon: item.icon,
-            value: item.value,
-            onSelect
-          },
-          `${item.title}-${index}`
-        )) }) : null
-      ]
-    }
-  );
-}
-
-// src/components/chat/ChatPage/index.tsx
-var import_jsx_runtime191 = require("react/jsx-runtime");
-function ChatPage({
-  brand,
-  menuItems = [],
-  activeMenuKey,
-  railItems = [],
-  railFooterItems = [],
-  menuAction,
-  onMenuSelect,
-  onMenuAction,
-  conversationSectionTitle,
-  conversationSectionCollapsed,
-  defaultConversationSectionCollapsed = false,
-  onConversationSectionToggle,
-  conversations = [],
-  activeConversationId,
-  onSelectConversation,
-  onDeleteConversation,
-  moreLabel,
-  onMore,
-  footerSectionTitle,
-  footerItems = [],
-  footerSectionCollapsed,
-  defaultFooterSectionCollapsed = false,
-  onFooterSectionToggle,
-  conversationTitle,
-  conversationHeaderAction,
-  onConversationHeaderAction,
-  conversationRailItems = [],
-  hideArtifactRailItem = false,
-  activeConversationRailKey,
-  onConversationRailChange,
-  messages = [],
-  sending,
-  composerPlaceholder,
-  welcome,
-  onSend,
-  onMessageAction,
-  models,
-  model,
-  onModelChange,
-  contexts,
-  contextItems,
-  onContextItemsChange,
-  attachments,
-  onAttachFiles,
-  onRemoveAttachment,
-  onRetryAttachment,
-  composerFooter,
-  composerBottom,
-  artifactTitle = "\u4EA7\u7269",
-  artifacts = [],
-  activeArtifactId,
-  onSelectArtifact,
-  artifactEmptyText = "\u6682\u65E0\u4EA7\u7269\uFF0C\u53D1\u9001\u6D88\u606F\u540E\u751F\u6210\u7684\u6587\u4EF6\u5C06\u5C55\u793A\u5728\u8FD9\u91CC",
-  safeRegistry,
-  user,
-  artifactViewers,
-  onDownloadArtifact,
-  artifactOpen,
-  defaultArtifactOpen = false,
-  onArtifactOpenChange,
-  content,
-  className,
-  style
-}) {
-  const controlled = artifactOpen !== void 0;
-  const [innerOpen, setInnerOpen] = (0, import_react70.useState)(defaultArtifactOpen);
-  const open = controlled ? artifactOpen === true : innerOpen;
-  const setOpen = (next) => {
-    if (!controlled) setInnerOpen(next);
-    onArtifactOpenChange?.(next);
-  };
-  const railControlled = activeConversationRailKey !== void 0;
-  const [activeRailInner, setActiveRailInner] = (0, import_react70.useState)(null);
-  const activeRailKey = railControlled ? activeConversationRailKey : activeRailInner;
-  const setActiveRailKey = (next) => {
-    if (!railControlled) setActiveRailInner(next);
-    onConversationRailChange?.(next);
-  };
-  const visibleRailItems = conversationRailItems.filter((item) => item.hidden !== true);
-  const activeRailItem = visibleRailItems.find(
-    (item) => item.key === activeRailKey
-  );
-  const activePanelItem = activeRailItem?.display === "panel" && activeRailItem.content !== void 0 ? activeRailItem : void 0;
-  const activePopoverItem = activeRailItem !== void 0 && activeRailItem.display !== "panel" && activeRailItem.content !== void 0 ? activeRailItem : void 0;
-  const toggleRailItem = (item) => {
-    const next = activeRailKey === item.key ? null : item.key;
-    if (next !== null && item.display === "panel") {
-      setOpen(false);
-    }
-    setActiveRailKey(next);
-  };
-  const toggleArtifact = () => {
-    if (!open && activePanelItem) {
-      setActiveRailKey(null);
-    }
-    setOpen(!open);
-  };
-  (0, import_react70.useEffect)(() => {
-    if (!activePopoverItem) return;
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") setActiveRailKey(null);
-    };
-    const onPointerDown = (event) => {
-      const target = event.target;
-      if (target.closest("[data-slot=chat-page-rail-popover]") || target.closest("[data-slot=chat-page-conv-rail]")) {
-        return;
-      }
-      setActiveRailKey(null);
-    };
-    document.addEventListener("keydown", onKeyDown);
-    document.addEventListener("mousedown", onPointerDown);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-      document.removeEventListener("mousedown", onPointerDown);
-    };
-  });
-  const { renderChildren } = (0, import_runtime51.useRenderer)();
-  const renderSlot = (slot) => (0, import_react70.isValidElement)(slot) || typeof slot !== "object" || slot === null ? slot : renderChildren([slot]);
-  const convCollControlled = conversationSectionCollapsed !== void 0;
-  const [convCollapsedInner, setConvCollapsedInner] = (0, import_react70.useState)(
-    defaultConversationSectionCollapsed
-  );
-  const convCollapsed = convCollControlled ? conversationSectionCollapsed === true : convCollapsedInner;
-  const toggleConvSection = () => {
-    const next = !convCollapsed;
-    if (!convCollControlled) setConvCollapsedInner(next);
-    onConversationSectionToggle?.(next);
-  };
-  const footerCollControlled = footerSectionCollapsed !== void 0;
-  const [footerCollapsedInner, setFooterCollapsedInner] = (0, import_react70.useState)(
-    defaultFooterSectionCollapsed
-  );
-  const footerCollapsed = footerCollControlled ? footerSectionCollapsed === true : footerCollapsedInner;
-  const toggleFooterSection = () => {
-    const next = !footerCollapsed;
-    if (!footerCollControlled) setFooterCollapsedInner(next);
-    onFooterSectionToggle?.(next);
-  };
-  const railVisible = railItems.length > 0 || railFooterItems.length > 0;
-  const railButton = (item) => /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Tooltip2, { content: item.label, side: "right", children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-    Button2,
-    {
-      icon: item.icon,
-      variant: "text",
-      onClick: () => onMenuSelect?.(item.key)
-    }
-  ) }, item.key);
-  const convRailButton = (item, active, onClick) => {
-    const button = /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-      Button2,
-      {
-        icon: item.icon,
-        variant: "text",
-        className: cn(active ? "bg-accent text-accent-foreground" : void 0, "px-2"),
-        onClick
-      }
-    );
-    return item.label !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Tooltip2, { content: item.label, side: "left", children: button }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { children: button }, item.key);
-  };
-  const convRailVisible = !hideArtifactRailItem || visibleRailItems.length > 0;
-  const convRail = convRailVisible ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-    "div",
-    {
-      "data-slot": "chat-page-conv-rail",
-      className: "relative flex w-(--pactor-chat-rail-width) shrink-0 flex-col items-center gap-1 px-1 py-2",
-      children: [
-        !hideArtifactRailItem ? convRailButton(
-          {
-            key: "artifact",
-            icon: open ? "panel-right-close" : "package",
-            label: open ? "\u6536\u8D77\u4EA7\u7269\u533A" : artifactTitle
-          },
-          open,
-          toggleArtifact
-        ) : null,
-        visibleRailItems.map(
-          (item) => convRailButton(item, activeRailKey === item.key, () => toggleRailItem(item))
-        ),
-        activePopoverItem ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-          "div",
-          {
-            "data-slot": "chat-page-rail-popover",
-            className: "absolute right-full top-0 z-10 mr-2 overflow-auto rounded-lg border border-border bg-popover shadow-md",
-            style: {
-              width: "var(--pactor-chat-rail-popover-width)",
-              maxWidth: "calc(100cqw - 2rem)",
-              maxHeight: "calc(100% - 1rem)"
-            },
-            children: renderSlot(activePopoverItem.content)
-          }
-        ) : null
-      ]
-    }
-  ) : null;
-  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { "data-slot": "chat-page-conversation", className: "flex h-full min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-      "div",
-      {
-        "data-slot": "chat-page-conversation-header",
-        className: "flex shrink-0 items-center justify-between border-b border-border px-4 py-2.5",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Text, { text: conversationTitle, strong: true }),
-          conversationHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Tooltip2, { content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label, side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-            Button2,
-            {
-              text: conversationHeaderAction.label,
-              icon: conversationHeaderAction.icon,
-              variant: "text",
-              onClick: () => onConversationHeaderAction?.()
-            }
-          ) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-        "div",
-        {
-          "data-slot": "chat-page-conversation-body",
-          className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
-          children: [
-            messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-              Welcome,
-              {
-                title: welcome?.title,
-                description: welcome?.description,
-                prompts: welcome?.prompts,
-                style: { flex: 1 },
-                onSelect: (value) => onSend?.(value)
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-              MessageList,
-              {
-                messages,
-                className: "scrollbar-subtle",
-                style: { flex: 1, minHeight: 0, padding: 16 },
-                onAction: onMessageAction,
-                onOpenArtifacts: () => setOpen(true)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-              Composer,
-              {
-                placeholder: composerPlaceholder,
-                loading: sending,
-                models,
-                model,
-                contexts,
-                contextItems,
-                attachments,
-                footer: composerFooter,
-                style: { padding: 16, paddingBottom: composerBottom ? 8 : 16, flexShrink: 0 },
-                onModelChange,
-                onContextItemsChange,
-                onAttachFiles,
-                onRemoveAttachment,
-                onRetryAttachment,
-                onSubmit: (text) => onSend?.(text)
-              }
-            ),
-            composerBottom ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { "data-slot": "chat-page-composer-bottom", className: "shrink-0 px-4 pb-2 text-center", children: renderSlot(composerBottom) }) : null
-          ]
-        }
-      ),
-      convRail
-    ] })
-  ] });
-  const activeArtifact = artifacts.find((item) => item.id === activeArtifactId) ?? (activeArtifactId === void 0 || activeArtifactId === "" ? artifacts[artifacts.length - 1] : void 0);
-  const artifactPanel = /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-    "div",
-    {
-      "data-slot": "chat-page-artifact",
-      className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
-      children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-        ArtifactPanel,
-        {
-          artifact: activeArtifact,
-          artifacts,
-          activeArtifactId,
-          title: artifactTitle,
-          emptyText: artifactEmptyText,
-          safeRegistry,
-          user,
-          artifactViewers,
-          onSelectArtifact: (id) => onSelectArtifact?.(id),
-          onDownload: onDownloadArtifact,
-          onClose: () => setOpen(false)
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-    "div",
-    {
-      "data-slot": "chat-page",
-      className: cn("flex w-full overflow-hidden", className),
-      style: { height: "100vh", ...style },
-      children: [
-        railVisible ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-          "div",
-          {
-            "data-slot": "chat-page-rail",
-            className: "flex h-full w-[52px] shrink-0 flex-col items-center gap-1 border-r border-border py-2.5",
-            children: [
-              railItems.map(railButton),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "flex-1" }),
-              railFooterItems.map(railButton)
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-          "div",
-          {
-            "data-slot": "chat-page-menu",
-            className: "flex h-full w-[250px] shrink-0 flex-col gap-2 overflow-hidden border-r border-border px-2 py-3",
-            children: [
-              brand ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex shrink-0 items-center justify-between px-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Text, { text: brand.title, strong: true, size: "large" }),
-                  brand.version !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Text, { text: brand.version, type: "secondary", size: "small" }) : null
-                ] }),
-                menuAction ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-                  Button2,
-                  {
-                    text: menuAction.label,
-                    icon: menuAction.icon,
-                    size: "small",
-                    onClick: () => onMenuAction?.()
-                  }
-                ) : null
-              ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "scrollbar-subtle max-h-[40%] min-h-0 shrink-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-                Menu2,
-                {
-                  items: menuItems,
-                  selectedKey: activeMenuKey,
-                  onSelect: (key) => onMenuSelect?.(key)
-                }
-              ) }),
-              conversationSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  "data-slot": "chat-page-section-toggle",
-                  "aria-expanded": !convCollapsed,
-                  className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
-                  onClick: toggleConvSection,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-                      Text,
-                      {
-                        text: `${conversationSectionTitle} (${conversations.length})`,
-                        type: "secondary",
-                        className: "text-sm",
-                        strong: true
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Icon, { name: convCollapsed ? "chevron-right" : "chevron-down", size: 14 })
-                  ]
-                }
-              ) : null,
-              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle flex min-h-0 flex-1 flex-col overflow-y-auto", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-                  ConversationList,
-                  {
-                    items: conversations,
-                    activeId: activeConversationId,
-                    onSelect: (id) => onSelectConversation?.(id),
-                    onDelete: (id) => onDeleteConversation?.(id)
-                  }
-                ),
-                moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Button2, { text: `${moreLabel} >>`, variant: "link", size: "small", onClick: () => onMore?.() }) }) : null
-              ] }) : null,
-              footerSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  "data-slot": "chat-page-section-toggle",
-                  "aria-expanded": !footerCollapsed,
-                  className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
-                  onClick: toggleFooterSection,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Text, { text: footerSectionTitle, type: "secondary", className: "text-sm", strong: true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Icon, { name: footerCollapsed ? "chevron-right" : "chevron-down", size: 14 })
-                  ]
-                }
-              ) : null,
-              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-                Menu2,
-                {
-                  items: footerItems,
-                  onSelect: (key) => onMenuSelect?.(key)
-                }
-              ) }) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Panel, { defaultSize: "62%", children: chatArea }),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(ResizableHandle, { withHandle: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Panel, { defaultSize: "38%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
-            "div",
-            {
-              "data-slot": "chat-page-rail-panel",
-              className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
-              children: renderSlot(activePanelItem.content)
-            }
-          ) : artifactPanel })
-        ] }) : chatArea })
-      ]
-    }
-  );
-}
-
-// src/components/chat/Citation/index.tsx
-var import_jsx_runtime192 = require("react/jsx-runtime");
-function Citation({ items = [], start = 1, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { "data-slot": "citation", className: cn("inline-flex gap-1 align-super", className), style, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(HoverCard, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
-      HoverCardTrigger,
-      {
-        "data-slot": "citation-marker",
-        className: "cursor-pointer rounded-sm border border-border px-1 text-xs leading-4 text-primary hover:bg-accent",
-        children: [
-          "[",
-          start + index,
-          "]"
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(HoverCardContent, { "data-slot": "citation-card", className: "w-72", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { className: "text-sm font-medium", children: item.title }),
-      item.snippet ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("div", { className: "mt-1 line-clamp-3 text-xs text-muted-foreground", children: item.snippet }) : null,
-      item.url ? /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
-        "a",
-        {
-          href: item.url,
-          target: "_blank",
-          rel: "noreferrer",
-          className: "mt-1 block truncate text-xs text-primary hover:underline",
-          children: item.url
-        }
-      ) : null
-    ] })
-  ] }, `${item.title}-${index}`)) });
-}
-
-// src/components/chat/StepsPanel/index.tsx
-var import_jsx_runtime193 = require("react/jsx-runtime");
-function StepsPanel({
-  title = "\u6267\u884C\u6B65\u9AA4",
-  steps = [],
-  emptyText = "\u5F53\u524D\u4F1A\u8BDD\u6682\u65E0\u6267\u884C\u6B65\u9AA4",
-  className,
-  style
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
-    "div",
-    {
-      "data-slot": "steps-panel",
-      className: cn("px-3.5 py-3 text-foreground", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { className: "mb-1 text-[13px] font-semibold", children: title }),
-        steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { className: "py-4 text-center text-[13px] text-muted-foreground", children: emptyText }) : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("ol", { children: steps.map((step, index) => {
-          const status = step.status ?? "pending";
-          return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
-            "li",
-            {
-              "data-status": status,
-              className: cn(
-                "relative flex gap-2 py-1.5",
-                // 步骤之间的连接线（对齐 16px 图标中心）
-                'not-last:before:absolute not-last:before:left-[7.5px] not-last:before:top-7 not-last:before:-bottom-1 not-last:before:w-px not-last:before:bg-border not-last:before:content-[""]'
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
-                  "span",
-                  {
-                    className: cn(
-                      "flex h-5 w-4 shrink-0 items-center justify-center",
-                      status !== "pending" && "text-primary"
-                    ),
-                    children: status === "done" ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(Icon, { name: "check-circle", size: 16 }) : status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
-                      Icon,
-                      {
-                        name: "loading",
-                        size: 16,
-                        className: "animate-spin motion-reduce:animate-none"
-                      }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("span", { className: "size-1.5 rounded-full bg-muted-foreground/50" })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
-                    "div",
-                    {
-                      className: cn(
-                        "text-[13px] leading-5",
-                        status === "pending" && "text-muted-foreground"
-                      ),
-                      children: step.title
-                    }
-                  ),
-                  step.description ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("div", { className: "mt-0.5 text-xs leading-[18px] text-muted-foreground", children: step.description }) : null
-                ] }),
-                step.duration ? /* @__PURE__ */ (0, import_jsx_runtime193.jsx)("span", { className: "shrink-0 text-xs leading-5 text-muted-foreground", children: step.duration }) : null
-              ]
-            },
-            `${step.title}-${index}`
-          );
-        }) })
-      ]
-    }
-  );
-}
-
-// src/components/chat/Suggestion/index.tsx
-var import_jsx_runtime194 = require("react/jsx-runtime");
-function normalize(item) {
-  if (typeof item === "string") return { label: item, value: item };
-  return { label: item.label, value: item.value ?? item.label, icon: item.icon };
-}
-function Suggestion({ items = [], justify = "start", onSelect, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
-    "div",
-    {
-      "data-slot": "suggestion",
-      className: cn("flex flex-wrap gap-2", justify === "center" && "justify-center", className),
-      style,
-      children: items.map((item, index) => {
-        const { label, value, icon } = normalize(item);
-        return /* @__PURE__ */ (0, import_jsx_runtime194.jsxs)(
-          "button",
-          {
-            type: "button",
-            "data-slot": "suggestion-item",
-            "data-value": value,
-            className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1 text-sm transition-colors hover:bg-accent",
-            onClick: () => onSelect?.(value),
-            children: [
-              icon ? /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(Icon, { name: icon, size: "sm" }) : null,
-              label
-            ]
-          },
-          `${value}-${index}`
-        );
-      })
-    }
-  );
-}
-
-// src/components/register.ts
-var builtinComponents = {
-  Page,
-  Grid,
-  Row,
-  Col,
-  // 循环渲染：行模板（原始 DSL children）由 For 逐项渲染并注入 { row, rowIndex } 作用域
-  For: { component: For, withScope: true },
-  Flex,
-  Card: Card2,
-  Button: Button2,
-  Alert: Alert2,
-  Statistic,
-  Tabs: Tabs2,
-  Table: Table3,
-  Form,
-  Input: Input2,
-  NumberInput,
-  Select: Select2,
-  // Layout 需要原始 DSL 子树做方向推导（含 Sider 判定），以 withScope 注册
-  Layout: { component: Layout, withScope: true },
-  Header,
-  Sider,
-  Content,
-  Footer,
-  Menu: Menu2,
-  Link: Link2,
-  Text,
-  // 展示类扩展组件
-  Badge: Badge2,
-  Avatar: Avatar2,
-  Skeleton: Skeleton2,
-  Separator: Separator2,
-  Kbd: Kbd2,
-  Spinner: Spinner2,
-  Empty: Empty2,
-  AspectRatio: AspectRatio2,
-  Progress: Progress2,
-  // 表单类扩展组件
-  Textarea: Textarea2,
-  Checkbox: Checkbox2,
-  ChipFilter,
-  ChipNode,
-  RadioGroup: RadioGroup2,
-  Switch: Switch2,
-  Slider: Slider2,
-  Label: Label2,
-  Field: Field2,
-  ChatInput,
-  // 导航类扩展组件
-  Breadcrumb: Breadcrumb2,
-  Pagination: Pagination2,
-  Menubar: Menubar2,
-  NavigationMenu: NavigationMenu2,
-  DropdownMenu: DropdownMenu2,
-  ContextMenu: ContextMenu2,
-  // 反馈与弹层类扩展组件
-  Dialog: Dialog2,
-  AlertDialog: AlertDialog2,
-  Drawer: Drawer2,
-  Sheet: Sheet2,
-  Popover: Popover2,
-  Sonner,
-  Accordion: Accordion2,
-  Collapsible: Collapsible2,
-  Tooltip: Tooltip2,
-  HoverCard: HoverCard2,
-  // 复合类扩展组件（第三批）
-  Calendar: Calendar3,
-  DatePicker,
-  InputOTP: InputOTP2,
-  Combobox: Combobox2,
-  Carousel: Carousel2,
-  Command: Command2,
-  Resizable,
-  ScrollArea: ScrollArea2,
-  Toggle: Toggle2,
-  ToggleGroup: ToggleGroup2,
-  ButtonGroup: ButtonGroup2,
-  InputGroup: InputGroup2,
-  Item: Item2,
-  Typography: Typography2,
-  // 页面级组合类扩展组件（第四批）
-  Sidebar,
-  DataTable,
-  // 图标（lucide 白名单）
-  Icon,
-  // 业务刚需类扩展组件（第五批：数据录入 / 数据展示 / 反馈）
-  Rate,
-  TimePicker,
-  ColorPicker,
-  Upload: Upload2,
-  TreeSelect,
-  Cascader,
-  Transfer,
-  Mentions,
-  List: List2,
-  Tree,
-  Descriptions,
-  Timeline,
-  Image: Image2,
-  QRCode,
-  Segmented,
-  Message,
-  Notification,
-  Popconfirm,
-  Result,
-  LoadingOverlay,
-  Watermark,
-  Tour,
-  // 基础补齐类扩展组件（第六批：通用 / 布局 / 导航）
-  Tag: Tag2,
-  Status,
-  Space,
-  Container,
-  Steps,
-  Anchor,
-  BackTop,
-  Affix,
-  // 媒体与内容类扩展组件（第七批）
-  ImageViewer,
-  Gallery,
-  Video: Video2,
-  Audio,
-  FilePreview,
-  DocumentPreview,
-  RichText,
-  Markdown: import_markdown2.MarkdownDslComponent,
-  CodeBlock,
-  DiffViewer,
-  JSONViewer,
-  // AI 与会话类扩展组件（第八批：chat 子目录）
-  Bubble: Bubble2,
-  Sender,
-  Thinking,
-  AgentStatus,
-  StreamingText,
-  Suggestion,
-  Prompt,
-  Welcome,
-  Citation,
-  Attachment,
-  ToolCall,
-  ChatMessage,
-  ChatPage,
-  ArtifactPanel,
-  MessageList,
-  Composer,
-  ConversationList,
-  StepsPanel
-};
-function registerBuiltinComponents(registry) {
-  for (const [type, component] of Object.entries(builtinComponents)) {
-    registry.register(type, component);
-  }
-}
-function createComponentRegistry() {
-  const registry = new import_core3.Registry("ComponentRegistry");
-  registerBuiltinComponents(registry);
-  return registry;
-}
-
-// src/layout/admin/menu-chain.ts
-function findMenuChain(registry, menuId) {
-  const walk = (menus, ancestors) => {
-    for (const menu of menus) {
-      const chain = [...ancestors, menu];
-      if (menu.id === menuId) {
-        return chain;
-      }
-      if (menu.children !== void 0) {
-        const hit = walk(menu.children, chain);
-        if (hit !== null) {
-          return hit;
-        }
-      }
-    }
-    return null;
-  };
-  return walk(registry.tree(), []) ?? [];
-}
-
-// src/layout/admin/menu-items.ts
-function collectDefaultOpenKeys(registry, activeMenuId) {
-  const keys = [];
-  const walk = (menus) => {
-    for (const menu of menus) {
-      if (menu.type === "group" && menu.defaultOpen === true) {
-        keys.push(menu.id);
-      }
-      if (menu.children !== void 0) {
-        walk(menu.children);
-      }
-    }
-  };
-  walk(registry.tree());
-  if (activeMenuId !== void 0) {
-    for (const menu of findMenuChain(registry, activeMenuId)) {
-      if (menu.type === "group" && !keys.includes(menu.id)) {
-        keys.push(menu.id);
-      }
-    }
-  }
-  return keys;
-}
-
-// src/layout/admin/AdminLayout.tsx
-var import_permission = require("@pactor-app/permission");
-var import_router = require("@pactor-app/router");
-var import_runtime52 = require("@pactor-app/runtime");
-var import_react72 = require("react");
-
-// src/layout/admin/use-media-query.ts
-var import_react71 = require("react");
-var BREAKPOINT_PX = {
-  xs: 480,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1600
-};
-function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react71.useState)(
-    () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false
-  );
-  (0, import_react71.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
@@ -15678,7 +13211,7 @@ function useBreakpointBelow(breakpoint) {
 }
 
 // src/layout/admin/AdminLayout.tsx
-var import_jsx_runtime195 = require("react/jsx-runtime");
+var import_jsx_runtime174 = require("react/jsx-runtime");
 function buildVisibleMenuTree(registry, permissionChecker) {
   const tree = registry.tree();
   return permissionChecker === void 0 ? [...tree] : (0, import_permission.filterMenusByPermission)(tree, permissionChecker);
@@ -15701,8 +13234,8 @@ function CollapsedGroupFlyout({
   activeMenuId,
   defaultOpenKeys
 }) {
-  const [open, setOpen] = (0, import_react72.useState)(false);
-  const closeTimer = (0, import_react72.useRef)(void 0);
+  const [open, setOpen] = (0, import_react62.useState)(false);
+  const closeTimer = (0, import_react62.useRef)(void 0);
   const openNow = () => {
     window.clearTimeout(closeTimer.current);
     setOpen(true);
@@ -15711,12 +13244,12 @@ function CollapsedGroupFlyout({
     window.clearTimeout(closeTimer.current);
     closeTimer.current = window.setTimeout(() => setOpen(false), 200);
   };
-  (0, import_react72.useEffect)(() => () => window.clearTimeout(closeTimer.current), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  (0, import_react62.useEffect)(() => () => window.clearTimeout(closeTimer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
       PopoverTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
           "button",
           {
             type: "button",
@@ -15734,7 +13267,7 @@ function CollapsedGroupFlyout({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
       PopoverContent,
       {
         "data-slot": "menu-flyout",
@@ -15751,8 +13284,8 @@ function CollapsedGroupFlyout({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: menu.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: menu.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             MenuTree,
             {
               menus: menu.children ?? [],
@@ -15776,9 +13309,9 @@ function MenuTree({
   collapsed = false
 }) {
   if (collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { "data-slot": "menu", "data-collapsed": "true", className: "flex flex-col gap-1", children: menus.map((menu) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { "data-slot": "menu", "data-collapsed": "true", className: "flex flex-col gap-1", children: menus.map((menu) => {
       if (menu.type === "group") {
-        return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
           CollapsedGroupFlyout,
           {
             menu,
@@ -15790,7 +13323,7 @@ function MenuTree({
           menu.id
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
         "button",
         {
           type: "button",
@@ -15810,7 +13343,7 @@ function MenuTree({
       );
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     Accordion,
     {
       type: "multiple",
@@ -15819,27 +13352,27 @@ function MenuTree({
       className: "flex flex-col gap-0.5 px-2",
       children: menus.map((menu) => {
         if (menu.type === "group") {
-          return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
             AccordionItem,
             {
               value: menu.id,
               "data-slot": "menu-group",
               className: "border-b-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                   AccordionTrigger,
                   {
                     "data-slot": "menu-group-trigger",
                     className: cn(menuItemClass2, "py-2 font-medium"),
                     disabled: menu.disabled,
                     title: menu.title,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
-                      menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+                      menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
                       menu.title
                     ] })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(AccordionContent, { "data-slot": "menu-group-content", className: "pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "flex flex-col gap-0.5 pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(AccordionContent, { "data-slot": "menu-group-content", className: "pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "flex flex-col gap-0.5 pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                   MenuTree,
                   {
                     menus: menu.children ?? [],
@@ -15854,7 +13387,7 @@ function MenuTree({
             menu.id
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
           "button",
           {
             type: "button",
@@ -15868,7 +13401,7 @@ function MenuTree({
             title: menu.title,
             onClick: () => navigateMenuItem(registry.findById(menu.id), bridge),
             children: [
-              menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
+              menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
               menu.title
             ]
           },
@@ -15888,23 +13421,23 @@ function AdminLayout({
   headerExtra,
   children
 }) {
-  const { t } = (0, import_runtime52.useI18n)();
+  const { t } = (0, import_runtime50.useI18n)();
   const mode = config.mode ?? "top-side";
   const showHeader = config.header ?? true;
   const showSidebar = (config.sidebar ?? true) && mode !== "top-bottom";
   const showTabs = config.tabs ?? false;
   const showBreadcrumb = config.breadcrumb ?? false;
   const showFooter = config.footer ?? false;
-  const [collapsed, setCollapsed] = (0, import_react72.useState)(config.collapsed ?? false);
+  const [collapsed, setCollapsed] = (0, import_react62.useState)(config.collapsed ?? false);
   const broken = useBreakpointBelow(config.breakpoint);
   const effectiveCollapsed = collapsed || broken;
-  const [bridgeRoute, setBridgeRoute] = (0, import_react72.useState)(
+  const [bridgeRoute, setBridgeRoute] = (0, import_react62.useState)(
     () => (0, import_router.resolveRoute)(registry, bridge.getLocation())
   );
-  const [tabs, setTabs] = (0, import_react72.useState)([]);
-  const tabsRef = (0, import_react72.useRef)(tabs);
+  const [tabs, setTabs] = (0, import_react62.useState)([]);
+  const tabsRef = (0, import_react62.useRef)(tabs);
   tabsRef.current = tabs;
-  (0, import_react72.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const handleLocation = (location) => {
       const next = (0, import_router.resolveRoute)(registry, location);
       setBridgeRoute(next);
@@ -15925,16 +13458,16 @@ function AdminLayout({
   }, [registry, bridge]);
   const route = routeProp ?? bridgeRoute;
   const activeMenuId = route?.activeMenu;
-  const visibleMenus = (0, import_react72.useMemo)(
+  const visibleMenus = (0, import_react62.useMemo)(
     () => buildVisibleMenuTree(registry, permissionChecker),
     [registry, permissionChecker]
   );
-  const defaultOpenKeysRef = (0, import_react72.useRef)(null);
+  const defaultOpenKeysRef = (0, import_react62.useRef)(null);
   if (defaultOpenKeysRef.current === null) {
     defaultOpenKeysRef.current = collectDefaultOpenKeys(registry, activeMenuId);
   }
   const defaultOpenKeys = defaultOpenKeysRef.current;
-  const activeTopId = (0, import_react72.useMemo)(() => {
+  const activeTopId = (0, import_react62.useMemo)(() => {
     if (activeMenuId !== void 0) {
       const chain = findMenuChain(registry, activeMenuId);
       if (chain.length > 0) {
@@ -15943,11 +13476,11 @@ function AdminLayout({
     }
     return void 0;
   }, [registry, activeMenuId]);
-  const [selectedTopId, setSelectedTopId] = (0, import_react72.useState)();
+  const [selectedTopId, setSelectedTopId] = (0, import_react62.useState)();
   const secondaryTopId = selectedTopId ?? activeTopId ?? visibleMenus.find((m) => m.type === "group")?.id ?? visibleMenus[0]?.id;
   const secondaryTop = visibleMenus.find((m) => m.id === secondaryTopId);
   const hasSecondary = (secondaryTop?.children?.length ?? 0) > 0;
-  const breadcrumbItems = (0, import_react72.useMemo)(() => {
+  const breadcrumbItems = (0, import_react62.useMemo)(() => {
     if (!showBreadcrumb || activeMenuId === void 0) {
       return [];
     }
@@ -15963,7 +13496,7 @@ function AdminLayout({
   };
   const fixedHeader = config.fixedHeader ?? true;
   const fixedSider = config.fixedSider ?? true;
-  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
     "header",
     {
       "data-slot": "admin-header",
@@ -15972,21 +13505,21 @@ function AdminLayout({
         fixedHeader && "sticky top-0 z-20"
       ),
       children: [
-        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(import_jsx_runtime195.Fragment, { children: [
+        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, { children: [
           brand.logo,
-          /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("span", { "data-slot": "admin-brand", className: "text-lg font-semibold", children: brand.title })
+          /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { "data-slot": "admin-brand", className: "text-lg font-semibold", children: brand.title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { className: "flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "flex-1" }),
         headerExtra
       ]
     }
   ) : null;
-  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "div",
     {
       "data-slot": "admin-primary-col",
       className: "flex w-12 shrink-0 flex-col items-center gap-1 border-r border-border py-2",
-      children: visibleMenus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+      children: visibleMenus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
         "button",
         {
           type: "button",
@@ -16013,7 +13546,7 @@ function AdminLayout({
     }
   );
   const showTrigger = config.collapsible && mode !== "two-column";
-  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
     "aside",
     {
       "data-slot": "admin-sidebar",
@@ -16025,20 +13558,20 @@ function AdminLayout({
       ),
       style: mode === "two-column" && !hasSecondary ? { width: 56 } : void 0,
       children: [
-        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
           "div",
           {
             "data-slot": "admin-sidebar-brand",
             className: "flex items-center gap-2 border-b border-border px-4 py-4 font-semibold",
             children: [
               brand.logo,
-              /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("span", { children: brand.title })
+              /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { children: brand.title })
             ]
           }
         ),
-        mode === "two-column" ? /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { "data-slot": "admin-two-col", className: "flex h-full", children: [
+        mode === "two-column" ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { "data-slot": "admin-two-col", className: "flex h-full", children: [
           primaryColumn,
-          hasSecondary && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("div", { "data-slot": "admin-secondary-col", className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+          hasSecondary && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { "data-slot": "admin-secondary-col", className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             MenuTree,
             {
               menus: secondaryTop?.children ?? [],
@@ -16048,7 +13581,7 @@ function AdminLayout({
               defaultOpenKeys
             }
           ) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
           MenuTree,
           {
             menus: visibleMenus,
@@ -16059,7 +13592,7 @@ function AdminLayout({
             collapsed: effectiveCollapsed
           }
         ),
-        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
           "button",
           {
             type: "button",
@@ -16074,14 +13607,14 @@ function AdminLayout({
       ]
     }
   ) : null;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { "data-slot": "admin-body", className: "flex min-w-0 flex-1 flex-col", children: [
-    showTabs && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { "data-slot": "admin-body", className: "flex min-w-0 flex-1 flex-col", children: [
+    showTabs && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
       "div",
       {
         "data-slot": "admin-tabs",
         role: "tablist",
         className: "flex items-center gap-1 border-b border-border bg-card px-4 pt-2",
-        children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+        children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
           "div",
           {
             "data-slot": "admin-tab",
@@ -16092,7 +13625,7 @@ function AdminLayout({
               tab.key === currentPath ? "bg-card font-medium text-foreground" : "bg-muted text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                 "button",
                 {
                   type: "button",
@@ -16103,7 +13636,7 @@ function AdminLayout({
                   children: tab.title
                 }
               ),
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
                 "button",
                 {
                   type: "button",
@@ -16120,21 +13653,21 @@ function AdminLayout({
         ))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
       "main",
       {
         "data-slot": "admin-content",
         className: "flex-1 bg-muted/40 p-6",
         children: [
-          showBreadcrumb && breadcrumbItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+          showBreadcrumb && breadcrumbItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
             "nav",
             {
               "data-slot": "admin-breadcrumb",
               "aria-label": t("pactor.layout.breadcrumb"),
               className: "mb-4",
-              children: /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("ol", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: breadcrumbItems.map((title, index) => /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("li", { className: "flex items-center gap-2", children: [
-                index > 0 && /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("span", { "aria-hidden": true, children: "/" }),
-                /* @__PURE__ */ (0, import_jsx_runtime195.jsx)("span", { "data-slot": "breadcrumb-link", children: title })
+              children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("ol", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: breadcrumbItems.map((title, index) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("li", { className: "flex items-center gap-2", children: [
+                index > 0 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { "aria-hidden": true, children: "/" }),
+                /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("span", { "data-slot": "breadcrumb-link", children: title })
               ] }, index)) })
             }
           ),
@@ -16143,7 +13676,7 @@ function AdminLayout({
       }
     )
   ] });
-  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "footer",
     {
       "data-slot": "admin-footer",
@@ -16151,7 +13684,7 @@ function AdminLayout({
       children: brand.title
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "div",
     {
       "data-slot": "admin-layout",
@@ -16159,9 +13692,9 @@ function AdminLayout({
       "data-fixed-header": fixedHeader || void 0,
       "data-fixed-sider": fixedSider || void 0,
       className: "flex min-h-screen flex-col bg-background text-foreground",
-      children: mode === "side-full" ? /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { "data-slot": "admin-side-full", className: "flex min-h-screen flex-1", children: [
+      children: mode === "side-full" ? /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { "data-slot": "admin-side-full", className: "flex min-h-screen flex-1", children: [
         sidebar,
-        /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(
           "div",
           {
             "data-slot": "admin-side-full-main",
@@ -16173,9 +13706,9 @@ function AdminLayout({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)(import_jsx_runtime195.Fragment, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, { children: [
         header,
-        /* @__PURE__ */ (0, import_jsx_runtime195.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
           sidebar,
           body
         ] }),
@@ -16186,9 +13719,9 @@ function AdminLayout({
 }
 
 // src/layout/basic/BlankLayout.tsx
-var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_jsx_runtime175 = require("react/jsx-runtime");
 function BlankLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
     "div",
     {
       "data-slot": "blank-layout",
@@ -16200,8 +13733,8 @@ function BlankLayout({ children }) {
 
 // src/layout/chat/ChatLayout.tsx
 var import_permission2 = require("@pactor-app/permission");
-var import_react73 = require("react");
-var import_jsx_runtime197 = require("react/jsx-runtime");
+var import_react63 = require("react");
+var import_jsx_runtime176 = require("react/jsx-runtime");
 function ChatLayout({
   brand,
   menu,
@@ -16216,7 +13749,7 @@ function ChatLayout({
   sidebarFooter,
   children
 }) {
-  const registryMenus = (0, import_react73.useMemo)(() => {
+  const registryMenus = (0, import_react63.useMemo)(() => {
     if (menu !== void 0 || registry === void 0) {
       return [];
     }
@@ -16225,10 +13758,10 @@ function ChatLayout({
     return visible.flatMap((item) => menuItemToMenuData(item));
   }, [menu, registry, permissionChecker]);
   const menuItems = menu ?? registryMenus;
-  const [bridgePath, setBridgePath] = (0, import_react73.useState)(
+  const [bridgePath, setBridgePath] = (0, import_react63.useState)(
     () => bridge?.getLocation().pathname ?? "/"
   );
-  (0, import_react73.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (bridge === void 0) {
       return;
     }
@@ -16236,7 +13769,7 @@ function ChatLayout({
       setBridgePath(location.pathname);
     });
   }, [bridge]);
-  const activeKey = (0, import_react73.useMemo)(() => {
+  const activeKey = (0, import_react63.useMemo)(() => {
     if (activeMenuKey !== void 0) {
       return activeMenuKey;
     }
@@ -16256,7 +13789,7 @@ function ChatLayout({
       bridge.push(item.path);
     }
   };
-  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
     Menu2,
     {
       items: menuItems.map((item) => chatMenuItemToUiMenuItem(item)),
@@ -16264,7 +13797,7 @@ function ChatLayout({
       onSelect: handleSelect
     }
   ) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
     Sidebar,
     {
       brand,
@@ -16272,7 +13805,7 @@ function ChatLayout({
       sidebarFooter,
       collapsible,
       locationKey: routeProp?.path ?? bridgePath,
-      children: /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(
         "div",
         {
           "data-slot": "chat-layout-content",
@@ -16326,26 +13859,26 @@ function menuItemToMenuData(item) {
 }
 
 // src/layout/basic/LoginLayout.tsx
-var import_jsx_runtime198 = require("react/jsx-runtime");
+var import_jsx_runtime177 = require("react/jsx-runtime");
 function LoginLayout({
   variant = "center",
   brand,
   children
 }) {
-  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
+  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
     brand.logo,
-    /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
-    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime198.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
+    /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
+    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
   ] });
   if (variant === "split") {
-    return /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
       "div",
       {
         "data-slot": "login-layout",
         "data-variant": "split",
         className: "grid min-h-screen grid-cols-2 bg-background text-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
             "div",
             {
               "data-slot": "login-brand-panel",
@@ -16353,7 +13886,7 @@ function LoginLayout({
               children: brandBlock
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
             "div",
             {
               "data-slot": "login-form-panel",
@@ -16365,37 +13898,37 @@ function LoginLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
     "div",
     {
       "data-slot": "login-layout",
       "data-variant": "center",
       className: "flex min-h-screen items-center justify-center bg-muted/40 text-foreground",
-      children: /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime198.jsxs)(CardHeader, { className: "px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(CardHeader, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
           brandBlock
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
+        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
       ] })
     }
   );
 }
 
 // src/layout/basic/LandingLayout.tsx
-var import_jsx_runtime199 = require("react/jsx-runtime");
+var import_jsx_runtime178 = require("react/jsx-runtime");
 function LandingLayout({
   navbar,
   footer,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
     "div",
     {
       "data-slot": "landing-layout",
       className: "flex min-h-screen flex-col bg-background text-foreground",
       children: [
-        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
           "header",
           {
             "data-slot": "landing-navbar",
@@ -16403,8 +13936,8 @@ function LandingLayout({
             children: navbar
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
-        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
+        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
           "footer",
           {
             "data-slot": "landing-footer",
@@ -16418,7 +13951,7 @@ function LandingLayout({
 }
 
 // src/layout/registry.ts
-var import_core4 = require("@pactor-app/core");
+var import_core3 = require("@pactor-app/core");
 function registerBuiltinLayouts(registry) {
   registry.register("admin", AdminLayout);
   registry.register("blank", BlankLayout);
@@ -16427,7 +13960,7 @@ function registerBuiltinLayouts(registry) {
   registry.register("chat", ChatLayout);
 }
 function createLayoutRegistry() {
-  const registry = new import_core4.Registry("LayoutRegistry");
+  const registry = new import_core3.Registry("LayoutRegistry");
   registerBuiltinLayouts(registry);
   return registry;
 }
@@ -16531,7 +14064,7 @@ var OverlayManager = class {
 };
 
 // src/interaction/actions.ts
-var import_runtime53 = require("@pactor-app/runtime");
+var import_runtime51 = require("@pactor-app/runtime");
 function createUiBridge() {
   return {};
 }
@@ -16547,7 +14080,7 @@ function registerInteractionActions(actions, manager, ui) {
       return failure("[pactor-interaction] overlay.open \u7F3A\u5C11 overlay \u914D\u7F6E\u53C2\u6570");
     }
     const { content, ...rest } = overlay;
-    const resolved = (0, import_runtime53.resolveDeep)(rest, ctx.scope);
+    const resolved = (0, import_runtime51.resolveDeep)(rest, ctx.scope);
     const config = { ...resolved, content };
     const data = await manager.open(config, {
       parentScope: { ...ctx.scope }
@@ -16610,10 +14143,10 @@ function isRecord(value) {
 }
 
 // src/interaction/provider.tsx
-var import_runtime54 = require("@pactor-app/runtime");
-var import_react74 = require("react");
+var import_runtime52 = require("@pactor-app/runtime");
+var import_react64 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime200 = require("react/jsx-runtime");
+var import_jsx_runtime179 = require("react/jsx-runtime");
 var TOAST_DURATION = 3e3;
 var toastTypeClass = {
   success: "border-l-4 border-l-success",
@@ -16625,11 +14158,11 @@ function InteractionProvider({
   bridge,
   children
 }) {
-  const [confirmState, setConfirmState] = (0, import_react74.useState)(null);
-  const [confirmOpen, setConfirmOpen] = (0, import_react74.useState)(false);
-  const [toasts, setToasts] = (0, import_react74.useState)([]);
-  const { t } = (0, import_runtime54.useI18n)();
-  const { modal, message } = (0, import_react74.useMemo)(() => {
+  const [confirmState, setConfirmState] = (0, import_react64.useState)(null);
+  const [confirmOpen, setConfirmOpen] = (0, import_react64.useState)(false);
+  const [toasts, setToasts] = (0, import_react64.useState)([]);
+  const { t } = (0, import_runtime52.useI18n)();
+  const { modal, message } = (0, import_react64.useMemo)(() => {
     const pushToast = (type, content) => {
       const id = Date.now() + Math.random();
       setToasts((prev) => [...prev, { id, type, content }]);
@@ -16651,7 +14184,7 @@ function InteractionProvider({
     };
     return { modal: modalImpl, message: messageImpl };
   }, []);
-  (0, import_react74.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     bridge.modal = modal;
     bridge.message = message;
     return () => {
@@ -16669,11 +14202,11 @@ function InteractionProvider({
     setConfirmOpen(false);
     state?.onCancel?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(import_jsx_runtime200.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_jsx_runtime179.Fragment, { children: [
     children,
     typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(import_jsx_runtime200.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_jsx_runtime179.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
           Dialog,
           {
             open: confirmOpen,
@@ -16687,29 +14220,29 @@ function InteractionProvider({
                 setConfirmState(null);
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(DialogContent, { "data-slot": "confirm-dialog", className: "sm:max-w-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(DialogHeader, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(DialogTitle, { children: confirmState?.title ?? "" }),
-                confirmState?.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(DialogContent, { "data-slot": "confirm-dialog", className: "sm:max-w-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(DialogHeader, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(DialogTitle, { children: confirmState?.title ?? "" }),
+                confirmState?.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
                   DialogDescription,
                   {
-                    render: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { children: confirmState.content })
+                    render: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { children: confirmState.content })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(DialogFooter, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Button, { type: "button", variant: "outline", onClick: handleCancel, children: t("pactor.alertDialog.cancel") }),
-                /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Button, { type: "button", onClick: handleOk, children: t("pactor.alertDialog.confirm") })
+              /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(DialogFooter, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Button, { type: "button", variant: "outline", onClick: handleCancel, children: t("pactor.alertDialog.cancel") }),
+                /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Button, { type: "button", onClick: handleOk, children: t("pactor.alertDialog.confirm") })
               ] })
             ] })
           }
         ),
-        toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+        toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
           "div",
           {
             "data-slot": "toast-container",
             className: "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2",
-            children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+            children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
               "div",
               {
                 "data-slot": "toast",
@@ -16733,9 +14266,9 @@ function InteractionProvider({
 
 // src/interaction/host.tsx
 var import_lucide_react40 = require("lucide-react");
-var import_runtime55 = require("@pactor-app/runtime");
-var import_react75 = require("react");
-var import_jsx_runtime201 = require("react/jsx-runtime");
+var import_runtime53 = require("@pactor-app/runtime");
+var import_react65 = require("react");
+var import_jsx_runtime180 = require("react/jsx-runtime");
 function toCssWidth(width) {
   if (width === void 0) {
     return void 0;
@@ -16743,12 +14276,12 @@ function toCssWidth(width) {
   return typeof width === "number" ? `${width}px` : width;
 }
 function OverlayHost({ manager, resolvePage }) {
-  const renderer = (0, import_runtime55.useRenderer)();
-  const stack = (0, import_react75.useSyncExternalStore)(
+  const renderer = (0, import_runtime53.useRenderer)();
+  const stack = (0, import_react65.useSyncExternalStore)(
     (onChange) => manager.subscribe(onChange),
     () => manager.stack()
   );
-  (0, import_react75.useSyncExternalStore)(
+  (0, import_react65.useSyncExternalStore)(
     (onChange) => {
       const offState = renderer.context.state.subscribe(onChange);
       const offData = renderer.context.data.subscribe(onChange);
@@ -16759,7 +14292,7 @@ function OverlayHost({ manager, resolvePage }) {
     },
     () => `${renderer.context.state.getVersion()}:${renderer.context.data.getVersion()}`
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_jsx_runtime201.Fragment, { children: stack.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_jsx_runtime180.Fragment, { children: stack.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     OverlayEntryView,
     {
       entry,
@@ -16776,7 +14309,7 @@ function OverlayEntryView({
   renderer,
   resolvePage
 }) {
-  const { t } = (0, import_runtime55.useI18n)();
+  const { t } = (0, import_runtime53.useI18n)();
   const handleCancel = () => manager.close(entry.id);
   let body = null;
   if (entry.content) {
@@ -16785,7 +14318,7 @@ function OverlayEntryView({
       parent: manager.parentScopeOf(entry.id)
     });
   } else if (entry.page) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
       PageOverlayBody,
       {
         entry,
@@ -16795,9 +14328,9 @@ function OverlayEntryView({
     );
   }
   if (entry.type === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     Dialog,
     {
       open: true,
@@ -16806,7 +14339,7 @@ function OverlayEntryView({
           handleCancel();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
         DialogContent,
         {
           "data-slot": "overlay-modal",
@@ -16814,25 +14347,25 @@ function OverlayEntryView({
           style: entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width) },
           showCloseButton: false,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(DialogHeader, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(DialogTitle, { children: entry.title ?? "" }),
-              /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(DialogHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(DialogTitle, { children: entry.title ?? "" }),
+              /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
                 DialogClose,
                 {
-                  render: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+                  render: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
                     "button",
                     {
                       type: "button",
                       "data-slot": "overlay-modal-close",
                       "aria-label": t("pactor.overlay.close"),
                       className: "absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_lucide_react40.XIcon, { className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_lucide_react40.XIcon, { className: "size-4" })
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { "data-slot": "overlay-modal-body", children: body })
+            /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { "data-slot": "overlay-modal-body", children: body })
           ]
         }
       )
@@ -16844,9 +14377,9 @@ function ShadcnDrawerView({
   onCancel,
   children
 }) {
-  const { t } = (0, import_runtime55.useI18n)();
+  const { t } = (0, import_runtime53.useI18n)();
   const panelStyle = entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width), maxWidth: toCssWidth(entry.width) };
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
     Drawer,
     {
       direction: "right",
@@ -16857,7 +14390,7 @@ function ShadcnDrawerView({
           onCancel();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
         DrawerContent,
         {
           "data-slot": "drawer-panel",
@@ -16865,27 +14398,27 @@ function ShadcnDrawerView({
           style: panelStyle,
           overlayProps: { onPointerDown: onCancel },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
               DrawerHeader,
               {
                 "data-slot": "drawer-header",
                 className: "flex flex-row items-center justify-between border-b border-border px-6 py-4",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(DrawerTitle, { className: "text-lg", children: entry.title ?? "" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(DrawerTitle, { className: "text-lg", children: entry.title ?? "" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
                     "button",
                     {
                       type: "button",
                       "data-slot": "drawer-close",
                       "aria-label": t("pactor.overlay.close"),
                       className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_lucide_react40.XIcon, { className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_lucide_react40.XIcon, { className: "size-4" })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
+            /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
           ]
         }
       )
@@ -16897,9 +14430,9 @@ function PageOverlayBody({
   renderer,
   resolvePage
 }) {
-  const [child, setChild] = (0, import_react75.useState)(null);
-  const [error, setError] = (0, import_react75.useState)(null);
-  (0, import_react75.useEffect)(() => {
+  const [child, setChild] = (0, import_react65.useState)(null);
+  const [error, setError] = (0, import_react65.useState)(null);
+  (0, import_react65.useEffect)(() => {
     if (!resolvePage) {
       setError(
         new Error(
@@ -16917,7 +14450,7 @@ function PageOverlayBody({
           return;
         }
         const host = renderer.context;
-        created = (0, import_runtime55.createPageRuntime)(pageDsl, {
+        created = (0, import_runtime53.createPageRuntime)(pageDsl, {
           app: host.app,
           user: host.user,
           components: host.components,
@@ -16941,32 +14474,28 @@ function PageOverlayBody({
     };
   }, [entry.id]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)("div", { role: "alert", children: error.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { role: "alert", children: error.message });
   }
   if (!child) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_runtime55.PageRuntimeView, { runtime: child });
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_runtime53.PageRuntimeView, { runtime: child });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
   AdminLayout,
   Affix,
-  AgentStatus,
   Alert,
   AlertDialog,
   Anchor,
-  ArtifactPanel,
   AspectRatio,
-  Attachment,
   Audio,
   Avatar,
   BackTop,
   Badge,
   BlankLayout,
   Breadcrumb,
-  Bubble,
   Button,
   ButtonGroup,
   CONTROL_SIZE_AREA,
@@ -16980,12 +14509,9 @@ function PageOverlayBody({
   Cascader,
   ChatInput,
   ChatLayout,
-  ChatMessage,
-  ChatPage,
   Checkbox,
   ChipFilter,
   ChipNode,
-  Citation,
   ClearHoverButton,
   CodeBlock,
   Col,
@@ -16993,11 +14519,9 @@ function PageOverlayBody({
   ColorPicker,
   Combobox,
   Command,
-  Composer,
   Container,
   Content,
   ContextMenu,
-  ConversationList,
   DataTable,
   DatePicker,
   Descriptions,
@@ -17041,7 +14565,6 @@ function PageOverlayBody({
   Menu,
   Menubar,
   Message,
-  MessageList,
   NavigationMenu,
   Notification,
   NumberInput,
@@ -17053,7 +14576,6 @@ function PageOverlayBody({
   Popconfirm,
   Popover,
   Progress,
-  Prompt,
   QRCode,
   RadioGroup,
   RailTooltip,
@@ -17065,7 +14587,6 @@ function PageOverlayBody({
   ScrollArea,
   Segmented,
   Select,
-  Sender,
   Separator,
   Sheet,
   Sidebar,
@@ -17078,21 +14599,16 @@ function PageOverlayBody({
   Statistic,
   Status,
   Steps,
-  StepsPanel,
-  StreamingText,
-  Suggestion,
   Switch,
   Table,
   Tabs,
   Tag,
   Text,
   Textarea,
-  Thinking,
   TimePicker,
   Timeline,
   Toggle,
   ToggleGroup,
-  ToolCall,
   Tooltip,
   Tour,
   Transfer,
@@ -17102,8 +14618,6 @@ function PageOverlayBody({
   Upload,
   Video,
   Watermark,
-  Welcome,
-  buildArtifactTree,
   builtinComponents,
   collectDefaultOpenKeys,
   createComponentRegistry,
@@ -17118,5 +14632,6 @@ function PageOverlayBody({
   registerInteractionActions,
   resolveLayout,
   useFormContext,
+  useOptionalRenderer,
   useSidebarDrawer
 });