@pactor-app/ui 1.21.0 → 1.23.0

package/dist/index.cjs

@@ -502,6 +502,7 @@ var ICONS = {
   "file-text": import_lucide_react2.FileText,
   "panel-left": import_lucide_react2.PanelLeft,
   "panel-right-open": import_lucide_react2.PanelRightOpen,
+  "panel-right-close": import_lucide_react2.PanelRightClose,
   square: import_lucide_react2.Square,
   history: import_lucide_react2.History,
   "rotate-ccw": import_lucide_react2.RotateCcw,
@@ -3069,6 +3070,7 @@ function ChatInput({
   toolbarEnd,
   header,
   footer,
+  field,
   onChange,
   onSubmit,
   className,
@@ -3079,6 +3081,8 @@ function ChatInput({
   const [draft, setDraft] = (0, import_react14.useState)("");
   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 composingRef = (0, import_react14.useRef)(false);
   const handleChange = (next) => {
     if (!controlled) {
@@ -3114,8 +3118,8 @@ function ChatInput({
       ),
       style,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-3 pt-3", children: renderSlot(header) }) : null,
+        customField ? field : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           Textarea,
           {
             value: text,
@@ -3130,9 +3134,9 @@ function ChatInput({
           }
         ),
         toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
-          toolbarStart ? renderChildren([toolbarStart]) : null,
+          toolbarStart ? renderSlot(toolbarStart) : null,
           /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex-1" }),
-          toolbarEnd ? renderChildren([toolbarEnd]) : null,
+          toolbarEnd ? renderSlot(toolbarEnd) : null,
           hideSend ? null : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             Button,
             {
@@ -3146,7 +3150,7 @@ function ChatInput({
             }
           )
         ] }) : null,
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderSlot(footer) }) : null
       ]
     }
   );
@@ -3698,7 +3702,8 @@ function DatePicker(props) {
             onSelect: handleRangeDaySelect,
             modifiers: rangeModifiers,
             modifiersClassNames: rangeModifierClassNames,
-            locale: dfLocale
+            locale: dfLocale,
+            showOutsideDays: false
           }
         )
       }
@@ -3712,7 +3717,8 @@ function DatePicker(props) {
         onSelect: handleRangeDaySelect,
         modifiers: rangeModifiers,
         modifiersClassNames: rangeModifierClassNames,
-        locale: dfLocale
+        locale: dfLocale,
+        showOutsideDays: false
       }
     ) })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
@@ -11774,7 +11780,14 @@ function ArtifactTreeRow({
         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_runtime170.jsx)("span", { className: "inline-flex transition-transform data-[open=true]:rotate-90", "data-open": open, children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Icon, { name: "chevron-right", size: 12 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+            "span",
+            {
+              className: "inline-flex transition-transform data-[open=true]:rotate-90",
+              "data-open": open,
+              children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Icon, { name: "chevron-right", size: 12 })
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Icon, { name: "folder", size: 13 }),
           /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "min-w-0 flex-1 truncate", children: node.name })
         ]
@@ -11906,6 +11919,7 @@ function ArtifactPanel({
               icon: "download",
               variant: "text",
               tooltip: "\u4E0B\u8F7D\u4EA7\u7269",
+              className: "px-2",
               onClick: () => onDownload ? onDownload(artifact) : void downloadArtifact(artifact)
             }
           ) : null,
@@ -11915,11 +11929,12 @@ function ArtifactPanel({
               icon: "x",
               variant: "text",
               tooltip: "\u6536\u8D77\u4EA7\u7269\u533A",
+              className: "px-2",
               onClick: () => onClose?.()
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "min-h-0 flex-1 overflow-auto p-4", children: view === "list" && artifacts !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "scrollbar-subtle min-h-0 flex-1 overflow-auto p-4", children: view === "list" && artifacts !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
           ArtifactListView,
           {
             nodes: buildArtifactTree(artifacts),
@@ -12177,7 +12192,7 @@ function Thinking({
     {
       "data-slot": "thinking",
       "data-status": status,
-      className: cn("w-full overflow-hidden rounded-md border border-border bg-muted/50", className),
+      className: cn("w-full", className),
       style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)(
@@ -12186,12 +12201,12 @@ function Thinking({
             type: "button",
             "data-slot": "thinking-trigger",
             "aria-expanded": isExpanded,
-            className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm",
+            className: "flex w-full cursor-pointer items-center gap-2 py-1 text-left text-sm",
             onClick: toggle,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: cn("text-muted-foreground", status === "thinking" && "animate-pulse motion-reduce:animate-none"), children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: "brain", size: "sm" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { "data-slot": "thinking-title", className: "flex-1 text-muted-foreground", children: resolvedTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: isExpanded ? "chevron-down" : "chevron-right", size: "sm" })
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { "data-slot": "thinking-title", className: "text-muted-foreground", children: resolvedTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", { className: "text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Icon, { name: isExpanded ? "chevron-down" : "chevron-right", size: "sm" }) })
             ]
           }
         ),
@@ -12199,7 +12214,7 @@ function Thinking({
           "div",
           {
             "data-slot": "thinking-content",
-            className: "border-t border-border px-3 py-2 text-sm whitespace-pre-wrap text-muted-foreground",
+            className: "py-1 pl-6 text-sm whitespace-pre-wrap text-muted-foreground",
             children: content
           }
         ) : null
@@ -12229,42 +12244,51 @@ function ToolCall({ name, params, status = "done", result, durationMs, defaultEx
   const [expanded, setExpanded] = (0, import_react62.useState)(defaultExpanded ?? status === "running");
   const meta = statusIcon3[status];
   const paramsText = renderValue(params);
+  const hasDetail = Boolean(paramsText) || Boolean(result);
+  const headerInner = /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: "terminal", size: "sm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { "data-slot": "tool-call-name", className: "min-w-0 truncate font-medium", children: name ?? "\u5DE5\u5177\u8C03\u7528" }),
+    /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: cn("shrink-0", meta.className, meta.spin && "animate-spin motion-reduce:animate-none"), children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: meta.icon, size: "sm" }) }),
+    durationMs !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
+      (durationMs / 1e3).toFixed(1),
+      "s"
+    ] }) : null,
+    hasDetail ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: expanded ? "chevron-down" : "chevron-right", size: "sm" }) }) : null
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
     "div",
     {
       "data-slot": "tool-call",
       "data-status": status,
-      className: cn("w-full overflow-hidden rounded-md border border-border", className),
+      className: cn("w-full", className),
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
+        hasDetail ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
           "button",
           {
             type: "button",
             "data-slot": "tool-call-trigger",
             "aria-expanded": expanded,
-            className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm",
+            className: "flex w-full cursor-pointer items-center gap-2 py-1 text-left text-sm",
             onClick: () => setExpanded((value) => !value),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: "terminal", size: "sm" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { "data-slot": "tool-call-name", className: "min-w-0 flex-1 truncate font-medium", children: name ?? "\u5DE5\u5177\u8C03\u7528" }),
-              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: cn("shrink-0", meta.className, meta.spin && "animate-spin motion-reduce:animate-none"), children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: meta.icon, size: "sm" }) }),
-              durationMs !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
-                (durationMs / 1e3).toFixed(1),
-                "s"
-              ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon, { name: expanded ? "chevron-down" : "chevron-right", size: "sm" })
-            ]
+            children: headerInner
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+          "div",
+          {
+            "data-slot": "tool-call-trigger",
+            className: "flex w-full items-center gap-2 py-1 text-left text-sm",
+            children: headerInner
           }
         ),
-        expanded ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { "data-slot": "tool-call-body", className: "flex flex-col gap-2 border-t border-border px-3 py-2", children: [
+        hasDetail && expanded ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { "data-slot": "tool-call-body", className: "flex flex-col gap-2 py-1 pl-6", children: [
           paramsText ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "text-xs font-medium text-muted-foreground", children: "\u53C2\u6570" }),
-            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("pre", { "data-slot": "tool-call-params", className: "mt-1 overflow-x-auto rounded-sm bg-muted p-2 text-xs whitespace-pre-wrap", children: paramsText })
+            /* @__PURE__ */ (0, import_jsx_runtime177.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_runtime177.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "text-xs font-medium text-muted-foreground", children: "\u7ED3\u679C" }),
-            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("pre", { "data-slot": "tool-call-result", className: "mt-1 overflow-x-auto rounded-sm bg-muted p-2 text-xs whitespace-pre-wrap", children: result })
+            /* @__PURE__ */ (0, import_jsx_runtime177.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
       ]
@@ -12274,12 +12298,26 @@ function ToolCall({ name, params, status = "done", result, durationMs, defaultEx
 
 // src/components/chat/ChatMessage/index.tsx
 var import_jsx_runtime178 = require("react/jsx-runtime");
-function PartView({ part, role }) {
+function PartView({
+  part,
+  role,
+  onOpenArtifacts
+}) {
+  if (role === "system" && (part.type === "text" || part.type === "markdown")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsx)(import_markdown2.MarkdownDslComponent, { content: part.content }) : part.content
+      }
+    );
+  }
   switch (part.type) {
     case "text":
       return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Bubble2, { align: role === "user" ? "end" : "start", variant: role === "user" ? "default" : "muted", children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: "text-sm whitespace-pre-wrap", children: part.content }) });
     case "markdown":
-      return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Bubble2, { align: role === "user" ? "end" : "start", variant: role === "user" ? "default" : "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_markdown2.MarkdownDslComponent, { content: part.content, className: "text-sm" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Bubble2, { align: role === "user" ? "end" : "start", variant: role === "user" ? "default" : "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_markdown2.MarkdownDslComponent, { content: part.content }) });
     case "thinking":
       return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Thinking, { content: part.content, status: part.status ?? "done" });
     case "tool-call":
@@ -12287,10 +12325,31 @@ function PartView({ part, role }) {
     case "tool-result":
       return /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsxs)("div", { "data-slot": "chat-message-status", className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { "data-slot": "chat-message-status", className: "flex w-fit items-center gap-1.5 text-muted-foreground", children: [
         /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsxs)(
+        "button",
+        {
+          type: "button",
+          "data-slot": "chat-message-artifacts",
+          className: cn(artifactsClass, "cursor-pointer hover:text-foreground"),
+          onClick: onOpenArtifacts,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Icon, { name: "package", size: "sm" }),
+            label,
+            /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Icon, { name: "chevron-right", size: 12 })
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { "data-slot": "chat-message-artifacts", className: artifactsClass, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Icon, { name: "package", size: "sm" }),
+        label
+      ] });
+    }
     case "error":
       return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { "data-slot": "chat-message-error", className: "flex items-center gap-1.5 text-sm text-destructive", children: [
         /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Icon, { name: "circle-alert", size: "sm" }),
@@ -12300,19 +12359,31 @@ function PartView({ part, role }) {
       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 = true,
+  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_runtime178.jsxs)(
     "div",
@@ -12320,10 +12391,16 @@ function ChatMessage({
       "data-slot": "chat-message",
       "data-role": role,
       "data-status": status,
-      className: cn("flex w-full flex-col gap-1.5", isUser && "items-end", className),
+      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 && role !== "system" ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+        showSender ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
           Sender,
           {
             name: senderName,
@@ -12332,35 +12409,445 @@ function ChatMessage({
             align: isUser ? "end" : "start"
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: cn("flex min-w-0 w-full max-w-full flex-col gap-2", isUser && "items-end"), children: [
-          parts.map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(PartView, { part, role }, index)),
+        /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsx)(PartView, { part, role, onOpenArtifacts }, index)),
           status === "streaming" ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(StreamingText, { content: "", streaming: true }) : null
         ] }),
-        actions.length > 0 && (status === "completed" || status === "error") ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { "data-slot": "chat-message-actions", className: "flex items-center gap-1", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
-          "button",
-          {
-            type: "button",
-            "data-slot": "chat-message-action",
-            "data-action": action.name,
-            className: "flex items-center 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: [
-              action.icon ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(Icon, { name: action.icon, size: "sm" }) : null,
-              action.label ?? action.name
-            ]
-          },
-          action.name
-        )) }) : null
+        actions.length > 0 && (status === "completed" || status === "error") ? /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsx)(Tooltip2, { content: label, side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime178.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_runtime178.jsx)(Icon, { name: iconName, size: "sm" })
+              }
+            ) }, action.name);
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime178.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_react65 = require("react");
+var import_runtime26 = require("@pactor-app/runtime");
+var import_react67 = require("react");
 
 // src/components/chat/Composer/index.tsx
+var import_react64 = require("react");
+
+// src/components/chat/Composer/mention-input.tsx
+var import_react63 = require("react");
+var import_server = require("react-dom/server");
 var import_jsx_runtime179 = 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_react63.forwardRef)(
+  function MentionInput2({
+    value,
+    placeholder,
+    disabled,
+    sources,
+    chips,
+    onChipsChange,
+    onChange,
+    onSubmit,
+    className,
+    style
+  }, ref) {
+    const fieldRef = (0, import_react63.useRef)(null);
+    const [menu, setMenu] = (0, import_react63.useState)(null);
+    const [empty, setEmpty] = (0, import_react63.useState)(true);
+    const suppressSyncRef = (0, import_react63.useRef)(false);
+    const composingRef = (0, import_react63.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_runtime179.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_react63.useImperativeHandle)(ref, () => ({
+      insertChip: (item, source) => {
+        fieldRef.current?.focus();
+        insertChipElement(item, source);
+      },
+      focus: () => fieldRef.current?.focus()
+    }));
+    (0, import_react63.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_react63.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_runtime179.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime179.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_runtime179.jsx)("span", { className: "pointer-events-none absolute top-3 left-4 text-sm text-muted-foreground", children: placeholder }) : null,
+      menu ? /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_jsx_runtime179.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+          "div",
+          {
+            className: "fixed inset-0 z-40",
+            onMouseDown: (event) => {
+              event.preventDefault();
+              closeMenu();
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime179.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_runtime179.jsx)("div", { className: "px-2 py-1 text-xs text-muted-foreground", children: menu.source.label }),
+              menuItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime179.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_runtime179.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_runtime179.jsx)(Icon, { name: chipIcon(item, menu.source), size: "sm" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.label })
+                  ]
+                },
+                item.id
+              ))
+            ]
+          }
+        )
+      ] }) : null
+    ] });
+  }
+);
+
+// src/components/chat/Composer/index.tsx
+var import_jsx_runtime180 = 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,
@@ -12370,35 +12857,238 @@ function Composer({
   attachments = [],
   onRemoveAttachment,
   onRetryAttachment,
+  onAttachFiles,
   onChange,
   onSubmit,
+  models,
+  model,
+  onModelChange,
+  contexts,
+  contextItems,
+  onContextItemsChange,
+  footer,
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { "data-slot": "composer", className: cn("flex w-full flex-col gap-2", className), style, children: [
-    attachments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(Attachment, { items: attachments, onRemove: onRemoveAttachment, onRetry: onRetryAttachment }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
-      ChatInput,
+  const textControlled = value !== void 0;
+  const [innerText, setInnerText] = (0, import_react64.useState)("");
+  const text = textControlled ? value : innerText;
+  const [dragOver, setDragOver] = (0, import_react64.useState)(false);
+  const [plusOpen, setPlusOpen] = (0, import_react64.useState)(false);
+  const [modelOpen, setModelOpen] = (0, import_react64.useState)(false);
+  const fileInputRef = (0, import_react64.useRef)(null);
+  const mentionRef = (0, import_react64.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 chips = contextItems ?? [];
+  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) {
+        onContextItemsChange?.([...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_runtime180.jsxs)(import_jsx_runtime180.Fragment, { children: [
+    plusEnabled ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+      "button",
       {
-        value,
-        placeholder,
-        disabled: disabled || loading,
-        rows,
-        onChange,
-        onSubmit
+        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_runtime180.jsx)(Icon, { name: "plus", size: "sm" })
       }
-    )
-  ] });
+    ) : null,
+    onAttachFiles ? /* @__PURE__ */ (0, import_jsx_runtime180.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_runtime180.jsx)(Icon, { name: "paperclip", size: "sm" })
+      }
+    ) : null
+  ] }) : void 0;
+  const toolbarEnd = modelEnabled ? /* @__PURE__ */ (0, import_jsx_runtime180.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_runtime180.jsx)(Icon, { name: "chevrons-up-down", size: 12 })
+      ]
+    }
+  ) : void 0;
+  const activePopover = plusOpen ? "plus" : modelOpen ? "model" : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime180.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_runtime180.jsx)(Attachment, { items: attachments, onRemove: onRemoveAttachment, onRetry: onRetryAttachment }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: cn(dragOver && "rounded-xl ring-2 ring-ring/50"), children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+          ChatInput,
+          {
+            value: text,
+            placeholder,
+            disabled: disabled || loading,
+            rows,
+            toolbarStart,
+            toolbarEnd,
+            footer,
+            field: rich ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+              MentionInput,
+              {
+                ref: mentionRef,
+                value: text,
+                placeholder,
+                disabled: disabled || loading,
+                sources,
+                chips,
+                onChipsChange: onContextItemsChange,
+                onChange: handleChange,
+                onSubmit: handleSubmit
+              }
+            ) : void 0,
+            onChange: handleChange,
+            onSubmit: handleSubmit
+          }
+        ) }),
+        onAttachFiles ? /* @__PURE__ */ (0, import_jsx_runtime180.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_runtime180.jsxs)(import_jsx_runtime180.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: "fixed inset-0 z-40", onClick: closePopovers }),
+          activePopover === "model" ? /* @__PURE__ */ (0, import_jsx_runtime180.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_runtime180.jsxs)(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": option.value === currentModel?.value,
+              className: popoverItemClass,
+              onClick: () => {
+                onModelChange?.(option.value);
+                closePopovers();
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
+                option.value === currentModel?.value ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon, { name: "check", size: 14 }) : null
+              ]
+            },
+            option.value
+          )) }) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { "data-slot": "composer-context-popover", className: popoverPanelClass, role: "listbox", children: plusSources.map(
+            (source) => source.items.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: "px-2 py-1 text-xs text-muted-foreground", children: source.label }),
+              source.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  className: popoverItemClass,
+                  onClick: () => selectContext(item, source),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon, { name: item.icon ?? source.icon ?? "file-text", size: "sm" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime180.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_react63 = require("react");
-var import_jsx_runtime180 = require("react/jsx-runtime");
+var import_react65 = require("react");
+var import_jsx_runtime181 = require("react/jsx-runtime");
 function ConversationList({ items = [], activeId, searchable, onSelect, onDelete, className, style }) {
-  const [innerActive, setInnerActive] = (0, import_react63.useState)();
-  const [keyword, setKeyword] = (0, import_react63.useState)("");
+  const [innerActive, setInnerActive] = (0, import_react65.useState)();
+  const [keyword, setKeyword] = (0, import_react65.useState)("");
   const active = activeId ?? innerActive;
-  const filtered = (0, import_react63.useMemo)(() => {
+  const filtered = (0, import_react65.useMemo)(() => {
     const query = keyword.trim().toLowerCase();
     if (!query) return items;
     return items.filter(
@@ -12411,10 +13101,10 @@ function ConversationList({ items = [], activeId, searchable, onSelect, onDelete
     }
     onSelect?.(id);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { "data-slot": "conversation-list", className: cn("flex w-full flex-col gap-1", className), style, children: [
-    searchable ? /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "relative mb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "absolute top-1/2 left-2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon, { name: "search", size: "sm" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { "data-slot": "conversation-list", className: cn("flex w-full flex-col gap-1", className), style, children: [
+    searchable ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "relative mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: "absolute top-1/2 left-2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Icon, { name: "search", size: "sm" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
         "input",
         {
           "data-slot": "conversation-list-search",
@@ -12425,7 +13115,7 @@ function ConversationList({ items = [], activeId, searchable, onSelect, onDelete
         }
       )
     ] }) : null,
-    filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
+    filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
       "div",
       {
         "data-slot": "conversation-list-item",
@@ -12436,12 +13126,12 @@ function ConversationList({ items = [], activeId, searchable, onSelect, onDelete
         ),
         onClick: () => select(item.id),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: cn("truncate text-sm", item.id === active && "font-medium"), children: item.title }),
-            item.description ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: item.description }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: cn("truncate text-sm", item.id === active && "font-medium"), children: item.title }),
+            item.description ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: item.description }) : null
           ] }),
-          item.time ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: item.time }) : null,
-          onDelete ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+          item.time ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: item.time }) : null,
+          onDelete ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             "button",
             {
               type: "button",
@@ -12452,41 +13142,42 @@ function ConversationList({ items = [], activeId, searchable, onSelect, onDelete
                 event.stopPropagation();
                 onDelete(item.id);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon, { name: "trash-2", size: "sm" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Icon, { name: "trash-2", size: "sm" })
             }
           ) : null
         ]
       },
       item.id
     )),
-    filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "\u65E0\u5339\u914D\u4F1A\u8BDD" }) : null
+    filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime181.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_react64 = require("react");
-var import_jsx_runtime181 = require("react/jsx-runtime");
-function MessageList({ messages = [], autoScroll = true, onAction, className, style }) {
-  const listRef = (0, import_react64.useRef)(null);
-  (0, import_react64.useEffect)(() => {
+var import_react66 = require("react");
+var import_jsx_runtime182 = require("react/jsx-runtime");
+function MessageList({ messages = [], autoScroll = true, onAction, onOpenArtifacts, className, style }) {
+  const listRef = (0, import_react66.useRef)(null);
+  (0, import_react66.useEffect)(() => {
     if (!autoScroll) return;
     const el = listRef.current;
     if (el) {
       el.scrollTop = el.scrollHeight;
     }
   }, [messages, autoScroll]);
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime182.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_runtime181.jsx)(
+      children: messages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
         ChatMessage,
         {
           ...message,
-          onAction: (action) => onAction?.({ id: message.id, action })
+          onAction: (action) => onAction?.({ id: message.id, action }),
+          onOpenArtifacts: onOpenArtifacts ? () => onOpenArtifacts({ id: message.id }) : void 0
         },
         message.id ?? index
       ))
@@ -12495,9 +13186,9 @@ function MessageList({ messages = [], autoScroll = true, onAction, className, st
 }
 
 // src/components/chat/Prompt/index.tsx
-var import_jsx_runtime182 = require("react/jsx-runtime");
+var import_jsx_runtime183 = require("react/jsx-runtime");
 function Prompt({ title, description, icon, value, disabled, onSelect, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
     "button",
     {
       type: "button",
@@ -12510,10 +13201,10 @@ function Prompt({ title, description, icon, value, disabled, onSelect, className
       style,
       onClick: () => onSelect?.(value ?? title ?? ""),
       children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Icon, { name: icon, size: "sm" }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("span", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { "data-slot": "prompt-title", className: "block text-sm font-medium", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { "data-slot": "prompt-description", className: "mt-0.5 block text-xs text-muted-foreground", children: description }) : null
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Icon, { name: icon, size: "sm" }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { "data-slot": "prompt-title", className: "block text-sm font-medium", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { "data-slot": "prompt-description", className: "mt-0.5 block text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -12521,7 +13212,7 @@ function Prompt({ title, description, icon, value, disabled, onSelect, className
 }
 
 // src/components/chat/Welcome/index.tsx
-var import_jsx_runtime183 = require("react/jsx-runtime");
+var import_jsx_runtime184 = require("react/jsx-runtime");
 function Welcome({
   title = "\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u4F60\uFF1F",
   description,
@@ -12531,19 +13222,19 @@ function Welcome({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime184.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_runtime183.jsx)("span", { "data-slot": "welcome-icon", className: "text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Icon, { name: icon, size: "lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { "data-slot": "welcome-title", className: "text-xl font-semibold", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("div", { "data-slot": "welcome-description", className: "mt-1 text-sm text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { "data-slot": "welcome-icon", className: "text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: icon, size: "lg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { "data-slot": "welcome-title", className: "text-xl font-semibold", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { "data-slot": "welcome-description", className: "mt-1 text-sm text-muted-foreground", children: description }) : null
         ] }),
-        prompts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime183.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_runtime183.jsx)(
+        prompts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.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_runtime184.jsx)(
           Prompt,
           {
             title: item.title,
@@ -12560,7 +13251,7 @@ function Welcome({
 }
 
 // src/components/chat/ChatPage/index.tsx
-var import_jsx_runtime184 = require("react/jsx-runtime");
+var import_jsx_runtime185 = require("react/jsx-runtime");
 function ChatPage({
   brand,
   menuItems = [],
@@ -12586,12 +13277,26 @@ function ChatPage({
   defaultFooterSectionCollapsed = false,
   onFooterSectionToggle,
   conversationTitle,
+  conversationHeaderAction,
+  onConversationHeaderAction,
   messages = [],
   sending,
   composerPlaceholder,
   welcome,
   onSend,
   onMessageAction,
+  models,
+  model,
+  onModelChange,
+  contexts,
+  contextItems,
+  onContextItemsChange,
+  attachments,
+  onAttachFiles,
+  onRemoveAttachment,
+  onRetryAttachment,
+  composerFooter,
+  composerBottom,
   artifactTitle = "\u4EA7\u7269",
   artifacts = [],
   activeArtifactId,
@@ -12602,20 +13307,22 @@ function ChatPage({
   artifactViewers,
   onDownloadArtifact,
   artifactOpen,
-  defaultArtifactOpen = true,
+  defaultArtifactOpen = false,
   onArtifactOpenChange,
   className,
   style
 }) {
   const controlled = artifactOpen !== void 0;
-  const [innerOpen, setInnerOpen] = (0, import_react65.useState)(defaultArtifactOpen);
+  const [innerOpen, setInnerOpen] = (0, import_react67.useState)(defaultArtifactOpen);
   const open = controlled ? artifactOpen === true : innerOpen;
   const setOpen = (next) => {
     if (!controlled) setInnerOpen(next);
     onArtifactOpenChange?.(next);
   };
+  const { renderChildren } = (0, import_runtime26.useRenderer)();
+  const renderSlot = (slot) => (0, import_react67.isValidElement)(slot) || typeof slot !== "object" || slot === null ? slot : renderChildren([slot]);
   const convCollControlled = conversationSectionCollapsed !== void 0;
-  const [convCollapsedInner, setConvCollapsedInner] = (0, import_react65.useState)(
+  const [convCollapsedInner, setConvCollapsedInner] = (0, import_react67.useState)(
     defaultConversationSectionCollapsed
   );
   const convCollapsed = convCollControlled ? conversationSectionCollapsed === true : convCollapsedInner;
@@ -12625,7 +13332,7 @@ function ChatPage({
     onConversationSectionToggle?.(next);
   };
   const footerCollControlled = footerSectionCollapsed !== void 0;
-  const [footerCollapsedInner, setFooterCollapsedInner] = (0, import_react65.useState)(
+  const [footerCollapsedInner, setFooterCollapsedInner] = (0, import_react67.useState)(
     defaultFooterSectionCollapsed
   );
   const footerCollapsed = footerCollControlled ? footerSectionCollapsed === true : footerCollapsedInner;
@@ -12635,7 +13342,7 @@ function ChatPage({
     onFooterSectionToggle?.(next);
   };
   const railVisible = railItems.length > 0 || railFooterItems.length > 0;
-  const railButton = (item) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Tooltip2, { content: item.label, side: "right", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+  const railButton = (item) => /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Tooltip2, { content: item.label, side: "right", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
     Button2,
     {
       icon: item.icon,
@@ -12643,17 +13350,25 @@ function ChatPage({
       onClick: () => onMenuSelect?.(item.key)
     }
   ) }, item.key);
-  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { "data-slot": "chat-page-conversation", className: "flex h-full min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { "data-slot": "chat-page-conversation", className: "flex h-full min-w-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
       "div",
       {
         className: "flex shrink-0 items-center justify-between border-b border-border px-4 py-2.5",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Text, { text: conversationTitle, strong: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Tooltip2, { content: artifactTitle, side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Text, { text: conversationTitle, strong: true }),
+          conversationHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Tooltip2, { content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label, side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
             Button2,
             {
-              icon: "panel-right-open",
+              text: conversationHeaderAction.label,
+              icon: conversationHeaderAction.icon,
+              variant: "text",
+              onClick: () => onConversationHeaderAction?.()
+            }
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Tooltip2, { content: open ? "\u6536\u8D77\u4EA7\u7269\u533A" : artifactTitle, side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+            Button2,
+            {
+              icon: open ? "panel-right-close" : "panel-right-open",
               variant: "text",
               onClick: () => setOpen(!open)
             }
@@ -12661,40 +13376,63 @@ function ChatPage({
         ]
       }
     ),
-    messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-      Welcome,
-      {
-        title: welcome?.title,
-        description: welcome?.description,
-        prompts: welcome?.prompts,
-        style: { flex: 1 },
-        onSelect: (value) => onSend?.(value)
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-      MessageList,
-      {
-        messages,
-        style: { flex: 1, minHeight: 0, padding: 16 },
-        onAction: onMessageAction
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-      Composer,
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
+      "div",
       {
-        placeholder: composerPlaceholder,
-        loading: sending,
-        style: { padding: 16, borderTop: "1px solid var(--border)", flexShrink: 0 },
-        onSubmit: (text) => onSend?.(text)
+        "data-slot": "chat-page-conversation-body",
+        className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-1 flex-col",
+        children: [
+          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+            Welcome,
+            {
+              title: welcome?.title,
+              description: welcome?.description,
+              prompts: welcome?.prompts,
+              style: { flex: 1 },
+              onSelect: (value) => onSend?.(value)
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+            MessageList,
+            {
+              messages,
+              className: "scrollbar-subtle",
+              style: { flex: 1, minHeight: 0, padding: 16 },
+              onAction: onMessageAction,
+              onOpenArtifacts: () => setOpen(true)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime185.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_runtime185.jsx)("div", { "data-slot": "chat-page-composer-bottom", className: "shrink-0 px-4 pb-2 text-center", children: renderSlot(composerBottom) }) : null
+        ]
       }
     )
   ] });
   const activeArtifact = artifacts.find((item) => item.id === activeArtifactId) ?? (activeArtifactId === void 0 || activeArtifactId === "" ? artifacts[artifacts.length - 1] : void 0);
-  const artifactPanel = /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+  const artifactPanel = /* @__PURE__ */ (0, import_jsx_runtime185.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_runtime184.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
         ArtifactPanel,
         {
           artifact: activeArtifact,
@@ -12712,37 +13450,37 @@ function ChatPage({
       )
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
     "div",
     {
       "data-slot": "chat-page",
       className: cn("flex w-full overflow-hidden", className),
       style: { height: "100vh", ...style },
       children: [
-        railVisible ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+        railVisible ? /* @__PURE__ */ (0, import_jsx_runtime185.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_runtime184.jsx)("div", { className: "flex-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex-1" }),
               railFooterItems.map(railButton)
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
           "div",
           {
             "data-slot": "chat-page-menu",
-            className: "flex h-full w-[264px] shrink-0 flex-col gap-2 overflow-auto border-r border-border px-2 py-3",
+            className: "flex h-full w-[264px] shrink-0 flex-col gap-2 overflow-hidden border-r border-border px-2 py-3",
             children: [
-              brand ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Text, { text: brand.title, strong: true, size: "large" }),
-                  brand.version !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Text, { text: brand.version, type: "secondary", size: "small" }) : null
+              brand ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "flex shrink-0 items-center justify-between px-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Text, { text: brand.title, strong: true, size: "large" }),
+                  brand.version !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Text, { text: brand.version, type: "secondary", size: "small" }) : null
                 ] }),
-                menuAction ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+                menuAction ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
                   Button2,
                   {
                     text: menuAction.label,
@@ -12752,24 +13490,24 @@ function ChatPage({
                   }
                 ) : null
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "scrollbar-subtle max-h-[40%] min-h-0 shrink-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
                 Menu2,
                 {
                   items: menuItems,
                   selectedKey: activeMenuKey,
                   onSelect: (key) => onMenuSelect?.(key)
                 }
-              ),
-              conversationSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+              ) }),
+              conversationSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
                 "button",
                 {
                   type: "button",
                   "data-slot": "chat-page-section-toggle",
                   "aria-expanded": !convCollapsed,
-                  className: "flex w-full cursor-pointer items-center justify-between px-2 pt-2",
+                  className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
                   onClick: toggleConvSection,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
                       Text,
                       {
                         text: `${conversationSectionTitle} (${conversations.length})`,
@@ -12778,48 +13516,50 @@ function ChatPage({
                         strong: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: convCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Icon, { name: convCollapsed ? "chevron-right" : "chevron-down", size: 14 })
                   ]
                 }
               ) : null,
-              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
-                ConversationList,
-                {
-                  items: conversations,
-                  activeId: activeConversationId,
-                  onSelect: (id) => onSelectConversation?.(id),
-                  onDelete: (id) => onDeleteConversation?.(id)
-                }
-              ) : null,
-              !convCollapsed && moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Button2, { text: `${moreLabel} >>`, variant: "link", size: "small", onClick: () => onMore?.() }) }) : null,
-              footerSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime185.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_runtime185.jsx)(
+                  ConversationList,
+                  {
+                    items: conversations,
+                    activeId: activeConversationId,
+                    onSelect: (id) => onSelectConversation?.(id),
+                    onDelete: (id) => onDeleteConversation?.(id)
+                  }
+                ),
+                moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Button2, { text: `${moreLabel} >>`, variant: "link", size: "small", onClick: () => onMore?.() }) }) : null
+              ] }) : null,
+              footerSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
                 "button",
                 {
                   type: "button",
                   "data-slot": "chat-page-section-toggle",
                   "aria-expanded": !footerCollapsed,
-                  className: "flex w-full cursor-pointer items-center justify-between px-2 pt-2",
+                  className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
                   onClick: toggleFooterSection,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Text, { text: footerSectionTitle, type: "secondary", className: "text-sm", strong: true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Icon, { name: footerCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Text, { text: footerSectionTitle, type: "secondary", className: "text-sm", strong: true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Icon, { name: footerCollapsed ? "chevron-right" : "chevron-down", size: 14 })
                   ]
                 }
               ) : null,
-              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
                 Menu2,
                 {
                   items: footerItems,
                   onSelect: (key) => onMenuSelect?.(key)
                 }
-              ) : null
+              ) }) : null
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { className: "h-full min-w-0 flex-1", children: open ? /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Panel, { defaultSize: "62%", children: chatArea }),
-          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(ResizableHandle, { withHandle: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(Panel, { defaultSize: "38%", minSize: "320px", maxSize: "760px", children: artifactPanel })
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: open ? /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Panel, { defaultSize: "62%", children: chatArea }),
+          /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(ResizableHandle, { withHandle: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(Panel, { defaultSize: "38%", minSize: "380px", maxSize: "760px", children: artifactPanel })
         ] }) : chatArea })
       ]
     }
@@ -12827,10 +13567,10 @@ function ChatPage({
 }
 
 // src/components/chat/Citation/index.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime");
+var import_jsx_runtime186 = require("react/jsx-runtime");
 function Citation({ items = [], start = 1, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { "data-slot": "citation", className: cn("inline-flex gap-1 align-super", className), style, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(HoverCard, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("span", { "data-slot": "citation", className: cn("inline-flex gap-1 align-super", className), style, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(HoverCard, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
       HoverCardTrigger,
       {
         "data-slot": "citation-marker",
@@ -12842,10 +13582,10 @@ function Citation({ items = [], start = 1, className, style }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(HoverCardContent, { "data-slot": "citation-card", className: "w-72", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "text-sm font-medium", children: item.title }),
-      item.snippet ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "mt-1 line-clamp-3 text-xs text-muted-foreground", children: item.snippet }) : null,
-      item.url ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(HoverCardContent, { "data-slot": "citation-card", className: "w-72", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: "text-sm font-medium", children: item.title }),
+      item.snippet ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: "mt-1 line-clamp-3 text-xs text-muted-foreground", children: item.snippet }) : null,
+      item.url ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
         "a",
         {
           href: item.url,
@@ -12860,13 +13600,13 @@ function Citation({ items = [], start = 1, className, style }) {
 }
 
 // src/components/chat/Suggestion/index.tsx
-var import_jsx_runtime186 = require("react/jsx-runtime");
+var import_jsx_runtime187 = 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_runtime186.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
     "div",
     {
       "data-slot": "suggestion",
@@ -12874,7 +13614,7 @@ function Suggestion({ items = [], justify = "start", onSelect, className, style
       style,
       children: items.map((item, index) => {
         const { label, value, icon } = normalize(item);
-        return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
           "button",
           {
             type: "button",
@@ -12883,7 +13623,7 @@ function Suggestion({ items = [], justify = "start", onSelect, className, style
             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_runtime186.jsx)(Icon, { name: icon, size: "sm" }) : null,
+              icon ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Icon, { name: icon, size: "sm" }) : null,
               label
             ]
           },
@@ -12895,7 +13635,7 @@ function Suggestion({ items = [], justify = "start", onSelect, className, style
 }
 
 // src/components/chart/EChartBase/index.tsx
-var import_react66 = require("react");
+var import_react68 = require("react");
 
 // src/components/chart/echarts-modules.ts
 var echarts = __toESM(require("echarts/core"), 1);
@@ -12926,7 +13666,7 @@ echarts.use([
 ]);
 
 // src/components/chart/EChartBase/index.tsx
-var import_jsx_runtime187 = require("react/jsx-runtime");
+var import_jsx_runtime188 = require("react/jsx-runtime");
 function EChartBase({
   option,
   height = 256,
@@ -12935,12 +13675,12 @@ function EChartBase({
   style,
   slot
 }) {
-  const hostRef = (0, import_react66.useRef)(null);
-  const chartRef = (0, import_react66.useRef)(null);
-  const onSelectRef = (0, import_react66.useRef)(onSelect);
+  const hostRef = (0, import_react68.useRef)(null);
+  const chartRef = (0, import_react68.useRef)(null);
+  const onSelectRef = (0, import_react68.useRef)(onSelect);
   onSelectRef.current = onSelect;
-  const [failed, setFailed] = (0, import_react66.useState)(false);
-  (0, import_react66.useEffect)(() => {
+  const [failed, setFailed] = (0, import_react68.useState)(false);
+  (0, import_react68.useEffect)(() => {
     const host = hostRef.current;
     if (!host) return;
     let chart = null;
@@ -12959,22 +13699,22 @@ function EChartBase({
         dataIndex: params.dataIndex
       });
     });
-    const observer = new ResizeObserver(() => chart?.resize());
-    observer.observe(host);
+    const observer2 = new ResizeObserver(() => chart?.resize());
+    observer2.observe(host);
     return () => {
-      observer.disconnect();
+      observer2.disconnect();
       chart?.dispose();
       chartRef.current = null;
     };
   }, []);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     try {
       chartRef.current?.setOption(option, { notMerge: true });
     } catch {
     }
   }, [option]);
   if (failed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
       "div",
       {
         "data-slot": "chart-fallback",
@@ -12987,7 +13727,7 @@ function EChartBase({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
     "div",
     {
       ref: hostRef,
@@ -13423,6 +14163,9 @@ function buildComposedOption(input, theme) {
   };
 }
 
+// src/components/chart/lib/use-chart-theme.ts
+var import_react69 = require("react");
+
 // src/components/chart/lib/color.ts
 var LPAREN = String.fromCharCode(40);
 var RPAREN = String.fromCharCode(41);
@@ -13519,9 +14262,67 @@ function getChartTheme() {
     return FALLBACK_THEME;
   }
 }
+function resetChartTheme() {
+  cached = null;
+}
+var CHART_SKIN_CHANGE_EVENT = "pactor:skin-change";
+var listeners = /* @__PURE__ */ new Set();
+var observer = null;
+var scheduled = false;
+function scheduleNotify() {
+  if (scheduled) return;
+  scheduled = true;
+  const enqueue = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (cb) => setTimeout(cb, 0);
+  enqueue(() => {
+    scheduled = false;
+    resetChartTheme();
+    for (const listener of [...listeners]) {
+      listener();
+    }
+  });
+}
+function handleResourceLoad(event) {
+  const target = event.target;
+  if (target instanceof HTMLLinkElement || target instanceof HTMLStyleElement) {
+    scheduleNotify();
+  }
+}
+function subscribeChartTheme(listener) {
+  if (typeof document === "undefined" || typeof MutationObserver === "undefined") {
+    return () => {
+    };
+  }
+  listeners.add(listener);
+  if (!observer) {
+    observer = new MutationObserver(scheduleNotify);
+    observer.observe(document.documentElement, { attributes: true });
+    observer.observe(document.head, {
+      attributes: true,
+      childList: true,
+      characterData: true,
+      subtree: true
+    });
+    document.addEventListener("load", handleResourceLoad, true);
+    window.addEventListener(CHART_SKIN_CHANGE_EVENT, scheduleNotify);
+  }
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0 && observer) {
+      observer.disconnect();
+      observer = null;
+      document.removeEventListener("load", handleResourceLoad, true);
+      window.removeEventListener(CHART_SKIN_CHANGE_EVENT, scheduleNotify);
+    }
+  };
+}
+
+// src/components/chart/lib/use-chart-theme.ts
+function useChartTheme() {
+  return (0, import_react69.useSyncExternalStore)(subscribeChartTheme, getChartTheme, getChartTheme);
+}
 
 // src/components/chart/AreaChart/index.tsx
-var import_jsx_runtime188 = require("react/jsx-runtime");
+var import_jsx_runtime189 = require("react/jsx-runtime");
 function AreaChart({
   data = [],
   xKey,
@@ -13537,9 +14338,9 @@ function AreaChart({
 }) {
   const option = buildAreaOption(
     { data, xKey, yKeys, stacked, fillOpacity, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
     EChartBase,
     {
       slot: "area-chart",
@@ -13553,7 +14354,7 @@ function AreaChart({
 }
 
 // src/components/chart/BarChart/index.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime");
+var import_jsx_runtime190 = require("react/jsx-runtime");
 function BarChart2({
   data = [],
   yKey,
@@ -13568,9 +14369,9 @@ function BarChart2({
 }) {
   const option = buildBarOption(
     { data, yKey, yKeys: xKeys, stacked, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
     EChartBase,
     {
       slot: "bar-chart",
@@ -13584,7 +14385,7 @@ function BarChart2({
 }
 
 // src/components/chart/BubbleChart/index.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime");
+var import_jsx_runtime191 = require("react/jsx-runtime");
 function BubbleChart({
   data = [],
   xKey,
@@ -13600,9 +14401,9 @@ function BubbleChart({
 }) {
   const option = buildBubbleOption(
     { data, xKey, yKey, sizeKey, seriesKey, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     EChartBase,
     {
       slot: "bubble-chart",
@@ -13616,7 +14417,7 @@ function BubbleChart({
 }
 
 // src/components/chart/ColumnChart/index.tsx
-var import_jsx_runtime191 = require("react/jsx-runtime");
+var import_jsx_runtime192 = require("react/jsx-runtime");
 function ColumnChart({
   data = [],
   xKey,
@@ -13631,9 +14432,9 @@ function ColumnChart({
 }) {
   const option = buildColumnOption(
     { data, xKey, yKeys, stacked, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
     EChartBase,
     {
       slot: "column-chart",
@@ -13647,7 +14448,7 @@ function ColumnChart({
 }
 
 // src/components/chart/ComposedChart/index.tsx
-var import_jsx_runtime192 = require("react/jsx-runtime");
+var import_jsx_runtime193 = require("react/jsx-runtime");
 function ComposedChart({
   data = [],
   xKey,
@@ -13661,9 +14462,9 @@ function ComposedChart({
 }) {
   const option = buildComposedOption(
     { data, xKey, series, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
     EChartBase,
     {
       slot: "composed-chart",
@@ -13677,7 +14478,7 @@ function ComposedChart({
 }
 
 // src/components/chart/DonutChart/index.tsx
-var import_jsx_runtime193 = require("react/jsx-runtime");
+var import_jsx_runtime194 = require("react/jsx-runtime");
 function DonutChart({
   data = [],
   nameKey,
@@ -13707,9 +14508,9 @@ function DonutChart({
       colors,
       title
     },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
     EChartBase,
     {
       slot: "donut-chart",
@@ -13723,7 +14524,7 @@ function DonutChart({
 }
 
 // src/components/chart/FunnelChart/index.tsx
-var import_jsx_runtime194 = require("react/jsx-runtime");
+var import_jsx_runtime195 = require("react/jsx-runtime");
 function FunnelChart2({
   data = [],
   nameKey,
@@ -13738,9 +14539,9 @@ function FunnelChart2({
 }) {
   const option = buildFunnelOption(
     { data, nameKey, valueKey, sort, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime194.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
     EChartBase,
     {
       slot: "funnel-chart",
@@ -13754,7 +14555,7 @@ function FunnelChart2({
 }
 
 // src/components/chart/GaugeChart/index.tsx
-var import_jsx_runtime195 = require("react/jsx-runtime");
+var import_jsx_runtime196 = require("react/jsx-runtime");
 function GaugeChart2({
   value = 0,
   min,
@@ -13769,9 +14570,9 @@ function GaugeChart2({
 }) {
   const option = buildGaugeOption(
     { value, min, max, thresholds, unit, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime195.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
     EChartBase,
     {
       slot: "gauge-chart",
@@ -13785,7 +14586,7 @@ function GaugeChart2({
 }
 
 // src/components/chart/Heatmap/index.tsx
-var import_jsx_runtime196 = require("react/jsx-runtime");
+var import_jsx_runtime197 = require("react/jsx-runtime");
 function Heatmap({
   data = [],
   xKey,
@@ -13799,9 +14600,9 @@ function Heatmap({
 }) {
   const option = buildHeatmapOption(
     { data, xKey, yKey, valueKey, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime196.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
     EChartBase,
     {
       slot: "heatmap",
@@ -13815,7 +14616,7 @@ function Heatmap({
 }
 
 // src/components/chart/LineChart/index.tsx
-var import_jsx_runtime197 = require("react/jsx-runtime");
+var import_jsx_runtime198 = require("react/jsx-runtime");
 function LineChart2({
   data = [],
   xKey,
@@ -13832,9 +14633,9 @@ function LineChart2({
 }) {
   const option = buildLineOption(
     { data, xKey, yKeys, smooth, showArea, stacked, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime197.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
     EChartBase,
     {
       slot: "line-chart",
@@ -13848,8 +14649,8 @@ function LineChart2({
 }
 
 // src/components/chart/MapChart/index.tsx
-var import_react67 = require("react");
-var import_jsx_runtime198 = require("react/jsx-runtime");
+var import_react70 = require("react");
+var import_jsx_runtime199 = require("react/jsx-runtime");
 var fetchedMaps = /* @__PURE__ */ new Set();
 function hasRegisteredMap(mapName) {
   try {
@@ -13871,7 +14672,8 @@ function MapChart2({
   className,
   style
 }) {
-  const [loadState, setLoadState] = (0, import_react67.useState)(
+  const theme = useChartTheme();
+  const [loadState, setLoadState] = (0, import_react70.useState)(
     () => geoJson || !geoJsonUrl || hasRegisteredMap(mapName) ? "idle" : "loading"
   );
   if (geoJson) {
@@ -13880,7 +14682,7 @@ function MapChart2({
     } catch {
     }
   }
-  (0, import_react67.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (geoJson || !geoJsonUrl || hasRegisteredMap(mapName) || fetchedMaps.has(mapName)) {
       setLoadState("idle");
       return;
@@ -13905,7 +14707,7 @@ function MapChart2({
     };
   }, [geoJson, geoJsonUrl, mapName]);
   if (geoJsonUrl && !geoJson && loadState === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
       "div",
       {
         "data-slot": "map-chart-loading",
@@ -13915,7 +14717,7 @@ function MapChart2({
     );
   }
   if (!geoJson && loadState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
       Empty2,
       {
         title: "\u5730\u56FE\u52A0\u8F7D\u5931\u8D25",
@@ -13927,7 +14729,7 @@ function MapChart2({
   }
   if (!geoJson && !hasRegisteredMap(mapName)) {
     console.warn(`[MapChart] \u5730\u56FE "${mapName}" \u672A\u6CE8\u518C\uFF1A\u8BF7\u4F20\u5165 geoJson / geoJsonUrl\uFF0C\u6216\u5728\u5E94\u7528\u542F\u52A8\u65F6 echarts.registerMap`);
-    return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
       Empty2,
       {
         title: "\u5730\u56FE\u672A\u6CE8\u518C",
@@ -13937,8 +14739,8 @@ function MapChart2({
       }
     );
   }
-  const option = buildMapOption({ mapName, data, nameKey, valueKey, title }, getChartTheme());
-  return /* @__PURE__ */ (0, import_jsx_runtime198.jsx)(
+  const option = buildMapOption({ mapName, data, nameKey, valueKey, title }, theme);
+  return /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(
     EChartBase,
     {
       slot: "map-chart",
@@ -13953,7 +14755,7 @@ function MapChart2({
 
 // src/components/chart/MetricCard/index.tsx
 var import_lucide_react37 = require("lucide-react");
-var import_jsx_runtime199 = require("react/jsx-runtime");
+var import_jsx_runtime200 = require("react/jsx-runtime");
 function MetricCard({
   title,
   value,
@@ -13966,15 +14768,15 @@ function MetricCard({
 }) {
   const showTrend = typeof trend === "number" && trend !== 0;
   const rising = (trend ?? 0) > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
     "div",
     {
       "data-slot": "metric-card",
       className: cn("rounded-lg border bg-card p-4 text-card-foreground shadow-sm", className),
       style,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("div", { "data-slot": "metric-card-title", className: "text-sm text-muted-foreground", children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { "data-slot": "metric-card-title", className: "text-sm text-muted-foreground", children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
           "div",
           {
             "data-slot": "metric-card-value",
@@ -13986,7 +14788,7 @@ function MetricCard({
             ]
           }
         ),
-        showTrend ? /* @__PURE__ */ (0, import_jsx_runtime199.jsxs)(
+        showTrend ? /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)(
           "div",
           {
             "data-slot": "metric-card-trend",
@@ -13996,10 +14798,10 @@ function MetricCard({
               rising ? "text-success" : "text-destructive"
             ),
             children: [
-              rising ? /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_lucide_react37.ArrowUpRight, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime199.jsx)(import_lucide_react37.ArrowDownRight, { className: "size-4" }),
+              rising ? /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_lucide_react37.ArrowUpRight, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(import_lucide_react37.ArrowDownRight, { className: "size-4" }),
               Math.abs(trend ?? 0),
               "%",
-              trendLabel ? /* @__PURE__ */ (0, import_jsx_runtime199.jsx)("span", { className: "ml-1 text-muted-foreground", children: trendLabel }) : null
+              trendLabel ? /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("span", { className: "ml-1 text-muted-foreground", children: trendLabel }) : null
             ]
           }
         ) : null
@@ -14009,7 +14811,7 @@ function MetricCard({
 }
 
 // src/components/chart/PieChart/index.tsx
-var import_jsx_runtime200 = require("react/jsx-runtime");
+var import_jsx_runtime201 = require("react/jsx-runtime");
 function PieChart2({
   data = [],
   nameKey,
@@ -14024,9 +14826,9 @@ function PieChart2({
 }) {
   const option = buildPieOption(
     { data, nameKey, valueKey, showLabel, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
     EChartBase,
     {
       slot: "pie-chart",
@@ -14040,7 +14842,7 @@ function PieChart2({
 }
 
 // src/components/chart/RadarChart/index.tsx
-var import_jsx_runtime201 = require("react/jsx-runtime");
+var import_jsx_runtime202 = require("react/jsx-runtime");
 function RadarChart2({
   data = [],
   indicatorKey,
@@ -14054,9 +14856,9 @@ function RadarChart2({
 }) {
   const option = buildRadarOption(
     { data, indicatorKey, yKeys, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
     EChartBase,
     {
       slot: "radar-chart",
@@ -14070,7 +14872,7 @@ function RadarChart2({
 }
 
 // src/components/chart/SankeyChart/index.tsx
-var import_jsx_runtime202 = require("react/jsx-runtime");
+var import_jsx_runtime203 = require("react/jsx-runtime");
 function SankeyChart2({
   nodes = [],
   links = [],
@@ -14080,8 +14882,8 @@ function SankeyChart2({
   className,
   style
 }) {
-  const option = buildSankeyOption({ nodes, links, title }, getChartTheme());
-  return /* @__PURE__ */ (0, import_jsx_runtime202.jsx)(
+  const option = buildSankeyOption({ nodes, links, title }, useChartTheme());
+  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
     EChartBase,
     {
       slot: "sankey-chart",
@@ -14095,7 +14897,7 @@ function SankeyChart2({
 }
 
 // src/components/chart/ScatterChart/index.tsx
-var import_jsx_runtime203 = require("react/jsx-runtime");
+var import_jsx_runtime204 = require("react/jsx-runtime");
 function ScatterChart2({
   data = [],
   xKey,
@@ -14110,9 +14912,9 @@ function ScatterChart2({
 }) {
   const option = buildScatterOption(
     { data, xKey, yKey, seriesKey, colors, title },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime203.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
     EChartBase,
     {
       slot: "scatter-chart",
@@ -14126,7 +14928,7 @@ function ScatterChart2({
 }
 
 // src/components/chart/TreeChart/index.tsx
-var import_jsx_runtime204 = require("react/jsx-runtime");
+var import_jsx_runtime205 = require("react/jsx-runtime");
 function TreeChart2({
   data = [],
   title,
@@ -14140,9 +14942,9 @@ function TreeChart2({
 }) {
   const option = buildTreeOption(
     { data, title, orient, edgeShape, initialTreeDepth },
-    getChartTheme()
+    useChartTheme()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
     EChartBase,
     {
       slot: "tree-chart",
@@ -14376,11 +15178,11 @@ function collectDefaultOpenKeys(registry, activeMenuId) {
 // src/layout/admin/AdminLayout.tsx
 var import_permission = require("@pactor-app/permission");
 var import_router = require("@pactor-app/router");
-var import_runtime26 = require("@pactor-app/runtime");
-var import_react69 = require("react");
+var import_runtime27 = require("@pactor-app/runtime");
+var import_react72 = require("react");
 
 // src/layout/admin/use-media-query.ts
-var import_react68 = require("react");
+var import_react71 = require("react");
 var BREAKPOINT_PX = {
   xs: 480,
   sm: 576,
@@ -14390,10 +15192,10 @@ var BREAKPOINT_PX = {
   xxl: 1600
 };
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react68.useState)(
+  const [matches, setMatches] = (0, import_react71.useState)(
     () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
@@ -14413,7 +15215,7 @@ function useBreakpointBelow(breakpoint) {
 }
 
 // src/layout/admin/AdminLayout.tsx
-var import_jsx_runtime205 = require("react/jsx-runtime");
+var import_jsx_runtime206 = require("react/jsx-runtime");
 function buildVisibleMenuTree(registry, permissionChecker) {
   const tree = registry.tree();
   return permissionChecker === void 0 ? [...tree] : (0, import_permission.filterMenusByPermission)(tree, permissionChecker);
@@ -14436,8 +15238,8 @@ function CollapsedGroupFlyout({
   activeMenuId,
   defaultOpenKeys
 }) {
-  const [open, setOpen] = (0, import_react69.useState)(false);
-  const closeTimer = (0, import_react69.useRef)(void 0);
+  const [open, setOpen] = (0, import_react72.useState)(false);
+  const closeTimer = (0, import_react72.useRef)(void 0);
   const openNow = () => {
     window.clearTimeout(closeTimer.current);
     setOpen(true);
@@ -14446,12 +15248,12 @@ function CollapsedGroupFlyout({
     window.clearTimeout(closeTimer.current);
     closeTimer.current = window.setTimeout(() => setOpen(false), 200);
   };
-  (0, import_react69.useEffect)(() => () => window.clearTimeout(closeTimer.current), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+  (0, import_react72.useEffect)(() => () => window.clearTimeout(closeTimer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
       PopoverTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
           "button",
           {
             type: "button",
@@ -14469,7 +15271,7 @@ function CollapsedGroupFlyout({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
       PopoverContent,
       {
         "data-slot": "menu-flyout",
@@ -14486,8 +15288,8 @@ function CollapsedGroupFlyout({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: menu.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: menu.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
             MenuTree,
             {
               menus: menu.children ?? [],
@@ -14511,9 +15313,9 @@ function MenuTree({
   collapsed = false
 }) {
   if (collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { "data-slot": "menu", "data-collapsed": "true", className: "flex flex-col gap-1", children: menus.map((menu) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime206.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_runtime205.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
           CollapsedGroupFlyout,
           {
             menu,
@@ -14525,7 +15327,7 @@ function MenuTree({
           menu.id
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
         "button",
         {
           type: "button",
@@ -14545,7 +15347,7 @@ function MenuTree({
       );
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     Accordion,
     {
       type: "multiple",
@@ -14554,27 +15356,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_runtime205.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
             AccordionItem,
             {
               value: menu.id,
               "data-slot": "menu-group",
               className: "border-b-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime206.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_runtime205.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
-                      menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+                      menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
                       menu.title
                     ] })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(AccordionContent, { "data-slot": "menu-group-content", className: "pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "flex flex-col gap-0.5 pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(AccordionContent, { "data-slot": "menu-group-content", className: "pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { className: "flex flex-col gap-0.5 pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
                   MenuTree,
                   {
                     menus: menu.children ?? [],
@@ -14589,7 +15391,7 @@ function MenuTree({
             menu.id
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
           "button",
           {
             type: "button",
@@ -14603,7 +15405,7 @@ function MenuTree({
             title: menu.title,
             onClick: () => navigateMenuItem(registry.findById(menu.id), bridge),
             children: [
-              menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
+              menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
               menu.title
             ]
           },
@@ -14623,23 +15425,23 @@ function AdminLayout({
   headerExtra,
   children
 }) {
-  const { t } = (0, import_runtime26.useI18n)();
+  const { t } = (0, import_runtime27.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_react69.useState)(config.collapsed ?? false);
+  const [collapsed, setCollapsed] = (0, import_react72.useState)(config.collapsed ?? false);
   const broken = useBreakpointBelow(config.breakpoint);
   const effectiveCollapsed = collapsed || broken;
-  const [bridgeRoute, setBridgeRoute] = (0, import_react69.useState)(
+  const [bridgeRoute, setBridgeRoute] = (0, import_react72.useState)(
     () => (0, import_router.resolveRoute)(registry, bridge.getLocation())
   );
-  const [tabs, setTabs] = (0, import_react69.useState)([]);
-  const tabsRef = (0, import_react69.useRef)(tabs);
+  const [tabs, setTabs] = (0, import_react72.useState)([]);
+  const tabsRef = (0, import_react72.useRef)(tabs);
   tabsRef.current = tabs;
-  (0, import_react69.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     const handleLocation = (location) => {
       const next = (0, import_router.resolveRoute)(registry, location);
       setBridgeRoute(next);
@@ -14660,16 +15462,16 @@ function AdminLayout({
   }, [registry, bridge]);
   const route = routeProp ?? bridgeRoute;
   const activeMenuId = route?.activeMenu;
-  const visibleMenus = (0, import_react69.useMemo)(
+  const visibleMenus = (0, import_react72.useMemo)(
     () => buildVisibleMenuTree(registry, permissionChecker),
     [registry, permissionChecker]
   );
-  const defaultOpenKeysRef = (0, import_react69.useRef)(null);
+  const defaultOpenKeysRef = (0, import_react72.useRef)(null);
   if (defaultOpenKeysRef.current === null) {
     defaultOpenKeysRef.current = collectDefaultOpenKeys(registry, activeMenuId);
   }
   const defaultOpenKeys = defaultOpenKeysRef.current;
-  const activeTopId = (0, import_react69.useMemo)(() => {
+  const activeTopId = (0, import_react72.useMemo)(() => {
     if (activeMenuId !== void 0) {
       const chain = findMenuChain(registry, activeMenuId);
       if (chain.length > 0) {
@@ -14678,11 +15480,11 @@ function AdminLayout({
     }
     return void 0;
   }, [registry, activeMenuId]);
-  const [selectedTopId, setSelectedTopId] = (0, import_react69.useState)();
+  const [selectedTopId, setSelectedTopId] = (0, import_react72.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_react69.useMemo)(() => {
+  const breadcrumbItems = (0, import_react72.useMemo)(() => {
     if (!showBreadcrumb || activeMenuId === void 0) {
       return [];
     }
@@ -14698,7 +15500,7 @@ function AdminLayout({
   };
   const fixedHeader = config.fixedHeader ?? true;
   const fixedSider = config.fixedSider ?? true;
-  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
     "header",
     {
       "data-slot": "admin-header",
@@ -14707,21 +15509,21 @@ function AdminLayout({
         fixedHeader && "sticky top-0 z-20"
       ),
       children: [
-        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(import_jsx_runtime205.Fragment, { children: [
+        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(import_jsx_runtime206.Fragment, { children: [
           brand.logo,
-          /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { "data-slot": "admin-brand", className: "text-lg font-semibold", children: brand.title })
+          /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("span", { "data-slot": "admin-brand", className: "text-lg font-semibold", children: brand.title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { className: "flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { className: "flex-1" }),
         headerExtra
       ]
     }
   ) : null;
-  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime206.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_runtime205.jsx)(
+      children: visibleMenus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
         "button",
         {
           type: "button",
@@ -14748,7 +15550,7 @@ function AdminLayout({
     }
   );
   const showTrigger = config.collapsible && mode !== "two-column";
-  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
     "aside",
     {
       "data-slot": "admin-sidebar",
@@ -14760,20 +15562,20 @@ function AdminLayout({
       ),
       style: mode === "two-column" && !hasSecondary ? { width: 56 } : void 0,
       children: [
-        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime206.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_runtime205.jsx)("span", { children: brand.title })
+              /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("span", { children: brand.title })
             ]
           }
         ),
-        mode === "two-column" ? /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { "data-slot": "admin-two-col", className: "flex h-full", children: [
+        mode === "two-column" ? /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { "data-slot": "admin-two-col", className: "flex h-full", children: [
           primaryColumn,
-          hasSecondary && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("div", { "data-slot": "admin-secondary-col", className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          hasSecondary && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("div", { "data-slot": "admin-secondary-col", className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
             MenuTree,
             {
               menus: secondaryTop?.children ?? [],
@@ -14783,7 +15585,7 @@ function AdminLayout({
               defaultOpenKeys
             }
           ) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
           MenuTree,
           {
             menus: visibleMenus,
@@ -14794,7 +15596,7 @@ function AdminLayout({
             collapsed: effectiveCollapsed
           }
         ),
-        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
           "button",
           {
             type: "button",
@@ -14809,14 +15611,14 @@ function AdminLayout({
       ]
     }
   ) : null;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { "data-slot": "admin-body", className: "flex min-w-0 flex-1 flex-col", children: [
-    showTabs && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { "data-slot": "admin-body", className: "flex min-w-0 flex-1 flex-col", children: [
+    showTabs && /* @__PURE__ */ (0, import_jsx_runtime206.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_runtime205.jsxs)(
+        children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
           "div",
           {
             "data-slot": "admin-tab",
@@ -14827,7 +15629,7 @@ function AdminLayout({
               tab.key === currentPath ? "bg-card font-medium text-foreground" : "bg-muted text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
                 "button",
                 {
                   type: "button",
@@ -14838,7 +15640,7 @@ function AdminLayout({
                   children: tab.title
                 }
               ),
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
                 "button",
                 {
                   type: "button",
@@ -14855,21 +15657,21 @@ function AdminLayout({
         ))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
       "main",
       {
         "data-slot": "admin-content",
         className: "flex-1 bg-muted/40 p-6",
         children: [
-          showBreadcrumb && breadcrumbItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+          showBreadcrumb && breadcrumbItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
             "nav",
             {
               "data-slot": "admin-breadcrumb",
               "aria-label": t("pactor.layout.breadcrumb"),
               className: "mb-4",
-              children: /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("ol", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: breadcrumbItems.map((title, index) => /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("li", { className: "flex items-center gap-2", children: [
-                index > 0 && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { "aria-hidden": true, children: "/" }),
-                /* @__PURE__ */ (0, import_jsx_runtime205.jsx)("span", { "data-slot": "breadcrumb-link", children: title })
+              children: /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("ol", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: breadcrumbItems.map((title, index) => /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("li", { className: "flex items-center gap-2", children: [
+                index > 0 && /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("span", { "aria-hidden": true, children: "/" }),
+                /* @__PURE__ */ (0, import_jsx_runtime206.jsx)("span", { "data-slot": "breadcrumb-link", children: title })
               ] }, index)) })
             }
           ),
@@ -14878,7 +15680,7 @@ function AdminLayout({
       }
     )
   ] });
-  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     "footer",
     {
       "data-slot": "admin-footer",
@@ -14886,7 +15688,7 @@ function AdminLayout({
       children: brand.title
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
     "div",
     {
       "data-slot": "admin-layout",
@@ -14894,9 +15696,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_runtime205.jsxs)("div", { "data-slot": "admin-side-full", className: "flex min-h-screen flex-1", children: [
+      children: mode === "side-full" ? /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { "data-slot": "admin-side-full", className: "flex min-h-screen flex-1", children: [
         sidebar,
-        /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(
           "div",
           {
             "data-slot": "admin-side-full-main",
@@ -14908,9 +15710,9 @@ function AdminLayout({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)(import_jsx_runtime205.Fragment, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)(import_jsx_runtime206.Fragment, { children: [
         header,
-        /* @__PURE__ */ (0, import_jsx_runtime205.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
           sidebar,
           body
         ] }),
@@ -14921,9 +15723,9 @@ function AdminLayout({
 }
 
 // src/layout/basic/BlankLayout.tsx
-var import_jsx_runtime206 = require("react/jsx-runtime");
+var import_jsx_runtime207 = require("react/jsx-runtime");
 function BlankLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
     "div",
     {
       "data-slot": "blank-layout",
@@ -14935,8 +15737,8 @@ function BlankLayout({ children }) {
 
 // src/layout/chat/ChatLayout.tsx
 var import_permission2 = require("@pactor-app/permission");
-var import_react70 = require("react");
-var import_jsx_runtime207 = require("react/jsx-runtime");
+var import_react73 = require("react");
+var import_jsx_runtime208 = require("react/jsx-runtime");
 function ChatLayout({
   brand,
   menu,
@@ -14951,7 +15753,7 @@ function ChatLayout({
   sidebarFooter,
   children
 }) {
-  const registryMenus = (0, import_react70.useMemo)(() => {
+  const registryMenus = (0, import_react73.useMemo)(() => {
     if (menu !== void 0 || registry === void 0) {
       return [];
     }
@@ -14960,10 +15762,10 @@ function ChatLayout({
     return visible.flatMap((item) => menuItemToMenuData(item));
   }, [menu, registry, permissionChecker]);
   const menuItems = menu ?? registryMenus;
-  const [bridgePath, setBridgePath] = (0, import_react70.useState)(
+  const [bridgePath, setBridgePath] = (0, import_react73.useState)(
     () => bridge?.getLocation().pathname ?? "/"
   );
-  (0, import_react70.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (bridge === void 0) {
       return;
     }
@@ -14971,7 +15773,7 @@ function ChatLayout({
       setBridgePath(location.pathname);
     });
   }, [bridge]);
-  const activeKey = (0, import_react70.useMemo)(() => {
+  const activeKey = (0, import_react73.useMemo)(() => {
     if (activeMenuKey !== void 0) {
       return activeMenuKey;
     }
@@ -14991,7 +15793,7 @@ function ChatLayout({
       bridge.push(item.path);
     }
   };
-  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     Menu2,
     {
       items: menuItems.map((item) => chatMenuItemToUiMenuItem(item)),
@@ -14999,7 +15801,7 @@ function ChatLayout({
       onSelect: handleSelect
     }
   ) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
     Sidebar,
     {
       brand,
@@ -15007,7 +15809,7 @@ function ChatLayout({
       sidebarFooter,
       collapsible,
       locationKey: routeProp?.path ?? bridgePath,
-      children: /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
         "div",
         {
           "data-slot": "chat-layout-content",
@@ -15061,26 +15863,26 @@ function menuItemToMenuData(item) {
 }
 
 // src/layout/basic/LoginLayout.tsx
-var import_jsx_runtime208 = require("react/jsx-runtime");
+var import_jsx_runtime209 = require("react/jsx-runtime");
 function LoginLayout({
   variant = "center",
   brand,
   children
 }) {
-  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
+  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
     brand.logo,
-    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
-    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime208.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
+    /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
+    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
   ] });
   if (variant === "split") {
-    return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime209.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_runtime208.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
             "div",
             {
               "data-slot": "login-brand-panel",
@@ -15088,7 +15890,7 @@ function LoginLayout({
               children: brandBlock
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
             "div",
             {
               "data-slot": "login-form-panel",
@@ -15100,37 +15902,37 @@ function LoginLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime209.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_runtime208.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(CardHeader, { className: "px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(CardHeader, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
           brandBlock
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
+        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
       ] })
     }
   );
 }
 
 // src/layout/basic/LandingLayout.tsx
-var import_jsx_runtime209 = require("react/jsx-runtime");
+var import_jsx_runtime210 = require("react/jsx-runtime");
 function LandingLayout({
   navbar,
   footer,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime210.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_runtime209.jsx)(
+        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
           "header",
           {
             "data-slot": "landing-navbar",
@@ -15138,8 +15940,8 @@ function LandingLayout({
             children: navbar
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
-        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
+        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
           "footer",
           {
             "data-slot": "landing-footer",
@@ -15266,7 +16068,7 @@ var OverlayManager = class {
 };
 
 // src/interaction/actions.ts
-var import_runtime27 = require("@pactor-app/runtime");
+var import_runtime28 = require("@pactor-app/runtime");
 function createUiBridge() {
   return {};
 }
@@ -15282,7 +16084,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_runtime27.resolveDeep)(rest, ctx.scope);
+    const resolved = (0, import_runtime28.resolveDeep)(rest, ctx.scope);
     const config = { ...resolved, content };
     const data = await manager.open(config, {
       parentScope: { ...ctx.scope }
@@ -15345,10 +16147,10 @@ function isRecord(value) {
 }
 
 // src/interaction/provider.tsx
-var import_runtime28 = require("@pactor-app/runtime");
-var import_react71 = require("react");
+var import_runtime29 = require("@pactor-app/runtime");
+var import_react74 = require("react");
 var import_react_dom2 = require("react-dom");
-var import_jsx_runtime210 = require("react/jsx-runtime");
+var import_jsx_runtime211 = require("react/jsx-runtime");
 var TOAST_DURATION = 3e3;
 var toastTypeClass = {
   success: "border-l-4 border-l-success",
@@ -15360,11 +16162,11 @@ function InteractionProvider({
   bridge,
   children
 }) {
-  const [confirmState, setConfirmState] = (0, import_react71.useState)(null);
-  const [confirmOpen, setConfirmOpen] = (0, import_react71.useState)(false);
-  const [toasts, setToasts] = (0, import_react71.useState)([]);
-  const { t } = (0, import_runtime28.useI18n)();
-  const { modal, message } = (0, import_react71.useMemo)(() => {
+  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_runtime29.useI18n)();
+  const { modal, message } = (0, import_react74.useMemo)(() => {
     const pushToast = (type, content) => {
       const id = Date.now() + Math.random();
       setToasts((prev) => [...prev, { id, type, content }]);
@@ -15386,7 +16188,7 @@ function InteractionProvider({
     };
     return { modal: modalImpl, message: messageImpl };
   }, []);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     bridge.modal = modal;
     bridge.message = message;
     return () => {
@@ -15404,11 +16206,11 @@ function InteractionProvider({
     setConfirmOpen(false);
     state?.onCancel?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(import_jsx_runtime210.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(import_jsx_runtime211.Fragment, { children: [
     children,
     typeof document !== "undefined" && (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(import_jsx_runtime210.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(import_jsx_runtime211.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
           Dialog,
           {
             open: confirmOpen,
@@ -15422,29 +16224,29 @@ function InteractionProvider({
                 setConfirmState(null);
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(DialogContent, { "data-slot": "confirm-dialog", className: "sm:max-w-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(DialogHeader, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(DialogTitle, { children: confirmState?.title ?? "" }),
-                confirmState?.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(DialogContent, { "data-slot": "confirm-dialog", className: "sm:max-w-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(DialogHeader, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(DialogTitle, { children: confirmState?.title ?? "" }),
+                confirmState?.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
                   DialogDescription,
                   {
-                    render: /* @__PURE__ */ (0, import_jsx_runtime210.jsx)("div", { children: confirmState.content })
+                    render: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { children: confirmState.content })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime210.jsxs)(DialogFooter, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button, { type: "button", variant: "outline", onClick: handleCancel, children: t("pactor.alertDialog.cancel") }),
-                /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(Button, { type: "button", onClick: handleOk, children: t("pactor.alertDialog.confirm") })
+              /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(DialogFooter, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Button, { type: "button", variant: "outline", onClick: handleCancel, children: t("pactor.alertDialog.cancel") }),
+                /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(Button, { type: "button", onClick: handleOk, children: t("pactor.alertDialog.confirm") })
               ] })
             ] })
           }
         ),
-        toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime210.jsx)(
+        toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime211.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_runtime210.jsx)(
+            children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
               "div",
               {
                 "data-slot": "toast",
@@ -15468,9 +16270,9 @@ function InteractionProvider({
 
 // src/interaction/host.tsx
 var import_lucide_react38 = require("lucide-react");
-var import_runtime29 = require("@pactor-app/runtime");
-var import_react72 = require("react");
-var import_jsx_runtime211 = require("react/jsx-runtime");
+var import_runtime30 = require("@pactor-app/runtime");
+var import_react75 = require("react");
+var import_jsx_runtime212 = require("react/jsx-runtime");
 function toCssWidth(width) {
   if (width === void 0) {
     return void 0;
@@ -15478,12 +16280,12 @@ function toCssWidth(width) {
   return typeof width === "number" ? `${width}px` : width;
 }
 function OverlayHost({ manager, resolvePage }) {
-  const renderer = (0, import_runtime29.useRenderer)();
-  const stack = (0, import_react72.useSyncExternalStore)(
+  const renderer = (0, import_runtime30.useRenderer)();
+  const stack = (0, import_react75.useSyncExternalStore)(
     (onChange) => manager.subscribe(onChange),
     () => manager.stack()
   );
-  (0, import_react72.useSyncExternalStore)(
+  (0, import_react75.useSyncExternalStore)(
     (onChange) => {
       const offState = renderer.context.state.subscribe(onChange);
       const offData = renderer.context.data.subscribe(onChange);
@@ -15494,7 +16296,7 @@ function OverlayHost({ manager, resolvePage }) {
     },
     () => `${renderer.context.state.getVersion()}:${renderer.context.data.getVersion()}`
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(import_jsx_runtime211.Fragment, { children: stack.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_jsx_runtime212.Fragment, { children: stack.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     OverlayEntryView,
     {
       entry,
@@ -15511,7 +16313,7 @@ function OverlayEntryView({
   renderer,
   resolvePage
 }) {
-  const { t } = (0, import_runtime29.useI18n)();
+  const { t } = (0, import_runtime30.useI18n)();
   const handleCancel = () => manager.close(entry.id);
   let body = null;
   if (entry.content) {
@@ -15520,7 +16322,7 @@ function OverlayEntryView({
       parent: manager.parentScopeOf(entry.id)
     });
   } else if (entry.page) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
       PageOverlayBody,
       {
         entry,
@@ -15530,9 +16332,9 @@ function OverlayEntryView({
     );
   }
   if (entry.type === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     Dialog,
     {
       open: true,
@@ -15541,7 +16343,7 @@ function OverlayEntryView({
           handleCancel();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
         DialogContent,
         {
           "data-slot": "overlay-modal",
@@ -15549,25 +16351,25 @@ function OverlayEntryView({
           style: entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width) },
           showCloseButton: false,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(DialogHeader, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(DialogTitle, { children: entry.title ?? "" }),
-              /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(DialogHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(DialogTitle, { children: entry.title ?? "" }),
+              /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
                 DialogClose,
                 {
-                  render: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+                  render: /* @__PURE__ */ (0, import_jsx_runtime212.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_runtime211.jsx)(import_lucide_react38.XIcon, { className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_lucide_react38.XIcon, { className: "size-4" })
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { "data-slot": "overlay-modal-body", children: body })
+            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { "data-slot": "overlay-modal-body", children: body })
           ]
         }
       )
@@ -15579,9 +16381,9 @@ function ShadcnDrawerView({
   onCancel,
   children
 }) {
-  const { t } = (0, import_runtime29.useI18n)();
+  const { t } = (0, import_runtime30.useI18n)();
   const panelStyle = entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width) };
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(
     Drawer,
     {
       direction: "right",
@@ -15591,34 +16393,34 @@ function ShadcnDrawerView({
           onCancel();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
         DrawerContent,
         {
           "data-slot": "drawer-panel",
           className: cn(entry.width !== void 0 && "sm:max-w-none"),
           style: panelStyle,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime212.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_runtime211.jsx)(DrawerTitle, { className: "text-lg", children: entry.title ?? "" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(DrawerTitle, { className: "text-lg", children: entry.title ?? "" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime212.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_runtime211.jsx)(import_lucide_react38.XIcon, { className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_lucide_react38.XIcon, { className: "size-4" })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
+            /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
           ]
         }
       )
@@ -15630,9 +16432,9 @@ function PageOverlayBody({
   renderer,
   resolvePage
 }) {
-  const [child, setChild] = (0, import_react72.useState)(null);
-  const [error, setError] = (0, import_react72.useState)(null);
-  (0, import_react72.useEffect)(() => {
+  const [child, setChild] = (0, import_react75.useState)(null);
+  const [error, setError] = (0, import_react75.useState)(null);
+  (0, import_react75.useEffect)(() => {
     if (!resolvePage) {
       setError(
         new Error(
@@ -15650,7 +16452,7 @@ function PageOverlayBody({
           return;
         }
         const host = renderer.context;
-        created = (0, import_runtime29.createPageRuntime)(pageDsl, {
+        created = (0, import_runtime30.createPageRuntime)(pageDsl, {
           app: host.app,
           user: host.user,
           components: host.components,
@@ -15674,12 +16476,12 @@ function PageOverlayBody({
     };
   }, [entry.id]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { role: "alert", children: error.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)("div", { role: "alert", children: error.message });
   }
   if (!child) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(import_runtime29.PageRuntimeView, { runtime: child });
+  return /* @__PURE__ */ (0, import_jsx_runtime212.jsx)(import_runtime30.PageRuntimeView, { runtime: child });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {