@pactor-app/chat 1.47.0 → 1.48.0

package/dist/{chunk-TBPUSGKL.js → chunk-276DZFLS.js}

@@ -607,7 +607,7 @@ function ArtifactPanel({
             onPointerDown: handleResizeStart
           }
         ) : null,
-        header !== void 0 && header !== null ? header : /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-2.5", children: [
+        header !== void 0 && header !== null ? header : /* @__PURE__ */ jsxs3("div", { className: "flex h-10 shrink-0 items-center gap-1 border-b border-border px-2", children: [
           hasArtifacts ? /* @__PURE__ */ jsx3(
             Button,
             {
@@ -1121,12 +1121,12 @@ function ChatMessage({
 
 // src/components/ChatPage/index.tsx
 import { useRenderer as useRenderer2 } from "@pactor-app/runtime";
-import { isValidElement as isValidElement2, useEffect as useEffect5, useState as useState8 } from "react";
 import {
-  Panel,
-  PanelGroup,
-  ResizableHandle
-} from "@pactor-app/ui/ui";
+  isValidElement as isValidElement2,
+  useEffect as useEffect5,
+  useState as useState8
+} from "react";
+import { Panel, PanelGroup, ResizableHandle } from "@pactor-app/ui/ui";
 import { Button as Button2 } from "@pactor-app/ui/components";
 import { Icon as Icon13 } from "@pactor-app/ui/components";
 import { Menu } from "@pactor-app/ui/components";
@@ -2022,6 +2022,7 @@ function ChatPage({
   activeMenuKey,
   railItems = [],
   railFooterItems = [],
+  hideMenu = false,
   menuAction,
   onMenuSelect,
   onMenuAction,
@@ -2095,7 +2096,9 @@ function ChatPage({
     if (!railControlled) setActiveRailInner(next);
     onConversationRailChange?.(next);
   };
-  const visibleRailItems = conversationRailItems.filter((item) => item.hidden !== true);
+  const visibleRailItems = conversationRailItems.filter(
+    (item) => item.hidden !== true
+  );
   const activeRailItem = visibleRailItems.find(
     (item) => item.key === activeRailKey
   );
@@ -2170,7 +2173,10 @@ function ChatPage({
       {
         icon: item.icon,
         variant: "text",
-        className: cn(active ? "bg-accent text-accent-foreground" : void 0, "px-2"),
+        className: cn(
+          active ? "bg-accent text-accent-foreground" : void 0,
+          "px-2"
+        ),
         onClick
       }
     );
@@ -2193,7 +2199,11 @@ function ChatPage({
           toggleArtifact
         ) : null,
         visibleRailItems.map(
-          (item) => convRailButton(item, activeRailKey === item.key, () => toggleRailItem(item))
+          (item) => convRailButton(
+            item,
+            activeRailKey === item.key,
+            () => toggleRailItem(item)
+          )
         ),
         activePopoverItem ? /* @__PURE__ */ jsx17(
           "div",
@@ -2211,79 +2221,104 @@ function ChatPage({
       ]
     }
   ) : null;
-  const chatArea = /* @__PURE__ */ jsxs15("div", { "data-slot": "chat-page-conversation", className: "flex h-full min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        "data-slot": "chat-page-conversation-header",
-        className: "flex shrink-0 items-center justify-between border-b border-border px-4 py-2.5",
-        children: [
-          /* @__PURE__ */ jsx17(Text, { text: conversationTitle, strong: true }),
-          conversationHeaderAction ? /* @__PURE__ */ jsx17(Tooltip2, { content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label, side: "bottom", children: /* @__PURE__ */ jsx17(
-            Button2,
+  const chatArea = /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      "data-slot": "chat-page-conversation",
+      className: "flex h-full min-w-0 flex-1 flex-col",
+      children: [
+        /* @__PURE__ */ jsxs15(
+          "div",
+          {
+            "data-slot": "chat-page-conversation-header",
+            className: "flex h-10 shrink-0 items-center justify-between border-b border-border px-4",
+            children: [
+              /* @__PURE__ */ jsx17(Text, { text: conversationTitle, strong: true }),
+              conversationHeaderAction ? /* @__PURE__ */ jsx17(
+                Tooltip2,
+                {
+                  content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label,
+                  side: "bottom",
+                  children: /* @__PURE__ */ jsx17(
+                    Button2,
+                    {
+                      text: conversationHeaderAction.label,
+                      icon: conversationHeaderAction.icon,
+                      variant: "text",
+                      onClick: () => onConversationHeaderAction?.()
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs15("div", { className: "flex min-h-0 flex-1", children: [
+          /* @__PURE__ */ jsxs15(
+            "div",
             {
-              text: conversationHeaderAction.label,
-              icon: conversationHeaderAction.icon,
-              variant: "text",
-              onClick: () => onConversationHeaderAction?.()
+              "data-slot": "chat-page-conversation-body",
+              className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
+              children: [
+                messages.length === 0 ? /* @__PURE__ */ jsx17(
+                  Welcome,
+                  {
+                    title: welcome?.title,
+                    description: welcome?.description,
+                    prompts: welcome?.prompts,
+                    style: { flex: 1 },
+                    onSelect: (value) => onSend?.(value)
+                  }
+                ) : /* @__PURE__ */ jsx17(
+                  MessageList,
+                  {
+                    messages,
+                    className: "scrollbar-subtle",
+                    style: { flex: 1, minHeight: 0, padding: 16 },
+                    onAction: onMessageAction,
+                    onOpenArtifacts: () => setOpen(true)
+                  }
+                ),
+                /* @__PURE__ */ jsx17(
+                  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__ */ jsx17(
+                  "div",
+                  {
+                    "data-slot": "chat-page-composer-bottom",
+                    className: "shrink-0 px-4 pb-2 text-center",
+                    children: renderSlot(composerBottom)
+                  }
+                ) : null
+              ]
             }
-          ) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs15("div", { className: "flex min-h-0 flex-1", children: [
-      /* @__PURE__ */ jsxs15(
-        "div",
-        {
-          "data-slot": "chat-page-conversation-body",
-          className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
-          children: [
-            messages.length === 0 ? /* @__PURE__ */ jsx17(
-              Welcome,
-              {
-                title: welcome?.title,
-                description: welcome?.description,
-                prompts: welcome?.prompts,
-                style: { flex: 1 },
-                onSelect: (value) => onSend?.(value)
-              }
-            ) : /* @__PURE__ */ jsx17(
-              MessageList,
-              {
-                messages,
-                className: "scrollbar-subtle",
-                style: { flex: 1, minHeight: 0, padding: 16 },
-                onAction: onMessageAction,
-                onOpenArtifacts: () => setOpen(true)
-              }
-            ),
-            /* @__PURE__ */ jsx17(
-              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__ */ jsx17("div", { "data-slot": "chat-page-composer-bottom", className: "shrink-0 px-4 pb-2 text-center", children: renderSlot(composerBottom) }) : null
-          ]
-        }
-      ),
-      convRail
-    ] })
-  ] });
+          ),
+          convRail
+        ] })
+      ]
+    }
+  );
   const activeArtifact = artifacts.find((item) => item.id === activeArtifactId) ?? (activeArtifactId === void 0 || activeArtifactId === "" ? artifacts[artifacts.length - 1] : void 0);
   const artifactPanel = /* @__PURE__ */ jsx17(
     "div",
@@ -2327,7 +2362,7 @@ function ChatPage({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxs15(
+        hideMenu ? null : /* @__PURE__ */ jsxs15(
           "div",
           {
             "data-slot": "chat-page-menu",
@@ -2374,22 +2409,43 @@ function ChatPage({
                         strong: true
                       }
                     ),
-                    /* @__PURE__ */ jsx17(Icon13, { name: convCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ jsx17(
+                      Icon13,
+                      {
+                        name: convCollapsed ? "chevron-right" : "chevron-down",
+                        size: 14
+                      }
+                    )
+                  ]
+                }
+              ) : null,
+              !convCollapsed ? /* @__PURE__ */ jsxs15(
+                "div",
+                {
+                  "data-slot": "chat-page-section-body",
+                  className: "scrollbar-subtle flex min-h-0 flex-1 flex-col overflow-y-auto",
+                  children: [
+                    /* @__PURE__ */ jsx17(
+                      ConversationList,
+                      {
+                        items: conversations,
+                        activeId: activeConversationId,
+                        onSelect: (id) => onSelectConversation?.(id),
+                        onDelete: (id) => onDeleteConversation?.(id)
+                      }
+                    ),
+                    moreLabel !== void 0 ? /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
+                      Button2,
+                      {
+                        text: `${moreLabel} >>`,
+                        variant: "link",
+                        size: "small",
+                        onClick: () => onMore?.()
+                      }
+                    ) }) : null
                   ]
                 }
               ) : null,
-              !convCollapsed ? /* @__PURE__ */ jsxs15("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle flex min-h-0 flex-1 flex-col overflow-y-auto", children: [
-                /* @__PURE__ */ jsx17(
-                  ConversationList,
-                  {
-                    items: conversations,
-                    activeId: activeConversationId,
-                    onSelect: (id) => onSelectConversation?.(id),
-                    onDelete: (id) => onDeleteConversation?.(id)
-                  }
-                ),
-                moreLabel !== void 0 ? /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(Button2, { text: `${moreLabel} >>`, variant: "link", size: "small", onClick: () => onMore?.() }) }) : null
-              ] }) : null,
               footerSectionTitle !== void 0 ? /* @__PURE__ */ jsxs15(
                 "button",
                 {
@@ -2399,33 +2455,61 @@ function ChatPage({
                   className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
                   onClick: toggleFooterSection,
                   children: [
-                    /* @__PURE__ */ jsx17(Text, { text: footerSectionTitle, type: "secondary", className: "text-sm", strong: true }),
-                    /* @__PURE__ */ jsx17(Icon13, { name: footerCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ jsx17(
+                      Text,
+                      {
+                        text: footerSectionTitle,
+                        type: "secondary",
+                        className: "text-sm",
+                        strong: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsx17(
+                      Icon13,
+                      {
+                        name: footerCollapsed ? "chevron-right" : "chevron-down",
+                        size: 14
+                      }
+                    )
                   ]
                 }
               ) : null,
-              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ jsx17("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx17(
-                Menu,
+              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ jsx17(
+                "div",
                 {
-                  items: footerItems,
-                  onSelect: (key) => onMenuSelect?.(key)
+                  "data-slot": "chat-page-section-body",
+                  className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto",
+                  children: /* @__PURE__ */ jsx17(
+                    Menu,
+                    {
+                      items: footerItems,
+                      onSelect: (key) => onMenuSelect?.(key)
+                    }
+                  )
                 }
-              ) }) : null
+              ) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsx17("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ jsxs15(PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
-          /* @__PURE__ */ jsx17(Panel, { defaultSize: "62%", children: chatArea }),
-          /* @__PURE__ */ jsx17(ResizableHandle, { withHandle: true }),
-          /* @__PURE__ */ jsx17(Panel, { defaultSize: "38%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ jsx17(
-            "div",
-            {
-              "data-slot": "chat-page-rail-panel",
-              className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
-              children: renderSlot(activePanelItem.content)
-            }
-          ) : artifactPanel })
-        ] }) : chatArea })
+        /* @__PURE__ */ jsx17("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ jsxs15(
+          PanelGroup,
+          {
+            orientation: "horizontal",
+            style: { width: "100%", height: "100%" },
+            children: [
+              /* @__PURE__ */ jsx17(Panel, { defaultSize: "70%", children: chatArea }),
+              /* @__PURE__ */ jsx17(ResizableHandle, { withHandle: true }),
+              /* @__PURE__ */ jsx17(Panel, { defaultSize: "30%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ jsx17(
+                "div",
+                {
+                  "data-slot": "chat-page-rail-panel",
+                  className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
+                  children: renderSlot(activePanelItem.content)
+                }
+              ) : artifactPanel })
+            ]
+          }
+        ) : chatArea })
       ]
     }
   );

package/dist/components/index.cjs

@@ -643,7 +643,7 @@ function ArtifactPanel({
             onPointerDown: handleResizeStart
           }
         ) : null,
-        header !== void 0 && header !== null ? header : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-2.5", children: [
+        header !== void 0 && header !== null ? header : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-10 shrink-0 items-center gap-1 border-b border-border px-2", children: [
           hasArtifacts ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             import_components2.Button,
             {
@@ -2044,6 +2044,7 @@ function ChatPage({
   activeMenuKey,
   railItems = [],
   railFooterItems = [],
+  hideMenu = false,
   menuAction,
   onMenuSelect,
   onMenuAction,
@@ -2117,7 +2118,9 @@ function ChatPage({
     if (!railControlled) setActiveRailInner(next);
     onConversationRailChange?.(next);
   };
-  const visibleRailItems = conversationRailItems.filter((item) => item.hidden !== true);
+  const visibleRailItems = conversationRailItems.filter(
+    (item) => item.hidden !== true
+  );
   const activeRailItem = visibleRailItems.find(
     (item) => item.key === activeRailKey
   );
@@ -2192,7 +2195,10 @@ function ChatPage({
       {
         icon: item.icon,
         variant: "text",
-        className: cn(active ? "bg-accent text-accent-foreground" : void 0, "px-2"),
+        className: cn(
+          active ? "bg-accent text-accent-foreground" : void 0,
+          "px-2"
+        ),
         onClick
       }
     );
@@ -2215,7 +2221,11 @@ function ChatPage({
           toggleArtifact
         ) : null,
         visibleRailItems.map(
-          (item) => convRailButton(item, activeRailKey === item.key, () => toggleRailItem(item))
+          (item) => convRailButton(
+            item,
+            activeRailKey === item.key,
+            () => toggleRailItem(item)
+          )
         ),
         activePopoverItem ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "div",
@@ -2233,79 +2243,104 @@ function ChatPage({
       ]
     }
   ) : null;
-  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { "data-slot": "chat-page-conversation", className: "flex h-full min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      "div",
-      {
-        "data-slot": "chat-page-conversation-header",
-        className: "flex shrink-0 items-center justify-between border-b border-border px-4 py-2.5",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components25.Text, { text: conversationTitle, strong: true }),
-          conversationHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components26.Tooltip, { content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label, side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_components22.Button,
+  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      "data-slot": "chat-page-conversation",
+      className: "flex h-full min-w-0 flex-1 flex-col",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            "data-slot": "chat-page-conversation-header",
+            className: "flex h-10 shrink-0 items-center justify-between border-b border-border px-4",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components25.Text, { text: conversationTitle, strong: true }),
+              conversationHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                import_components26.Tooltip,
+                {
+                  content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label,
+                  side: "bottom",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_components22.Button,
+                    {
+                      text: conversationHeaderAction.label,
+                      icon: conversationHeaderAction.icon,
+                      variant: "text",
+                      onClick: () => onConversationHeaderAction?.()
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            "div",
             {
-              text: conversationHeaderAction.label,
-              icon: conversationHeaderAction.icon,
-              variant: "text",
-              onClick: () => onConversationHeaderAction?.()
+              "data-slot": "chat-page-conversation-body",
+              className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
+              children: [
+                messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  Welcome,
+                  {
+                    title: welcome?.title,
+                    description: welcome?.description,
+                    prompts: welcome?.prompts,
+                    style: { flex: 1 },
+                    onSelect: (value) => onSend?.(value)
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  MessageList,
+                  {
+                    messages,
+                    className: "scrollbar-subtle",
+                    style: { flex: 1, minHeight: 0, padding: 16 },
+                    onAction: onMessageAction,
+                    onOpenArtifacts: () => setOpen(true)
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
+                  "div",
+                  {
+                    "data-slot": "chat-page-composer-bottom",
+                    className: "shrink-0 px-4 pb-2 text-center",
+                    children: renderSlot(composerBottom)
+                  }
+                ) : null
+              ]
             }
-          ) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        "div",
-        {
-          "data-slot": "chat-page-conversation-body",
-          className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
-          children: [
-            messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              Welcome,
-              {
-                title: welcome?.title,
-                description: welcome?.description,
-                prompts: welcome?.prompts,
-                style: { flex: 1 },
-                onSelect: (value) => onSend?.(value)
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              MessageList,
-              {
-                messages,
-                className: "scrollbar-subtle",
-                style: { flex: 1, minHeight: 0, padding: 16 },
-                onAction: onMessageAction,
-                onOpenArtifacts: () => setOpen(true)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)("div", { "data-slot": "chat-page-composer-bottom", className: "shrink-0 px-4 pb-2 text-center", children: renderSlot(composerBottom) }) : null
-          ]
-        }
-      ),
-      convRail
-    ] })
-  ] });
+          ),
+          convRail
+        ] })
+      ]
+    }
+  );
   const activeArtifact = artifacts.find((item) => item.id === activeArtifactId) ?? (activeArtifactId === void 0 || activeArtifactId === "" ? artifacts[artifacts.length - 1] : void 0);
   const artifactPanel = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
@@ -2349,7 +2384,7 @@ function ChatPage({
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        hideMenu ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             "data-slot": "chat-page-menu",
@@ -2396,22 +2431,43 @@ function ChatPage({
                         strong: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components23.Icon, { name: convCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      import_components23.Icon,
+                      {
+                        name: convCollapsed ? "chevron-right" : "chevron-down",
+                        size: 14
+                      }
+                    )
+                  ]
+                }
+              ) : null,
+              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
+                      ConversationList,
+                      {
+                        items: conversations,
+                        activeId: activeConversationId,
+                        onSelect: (id) => onSelectConversation?.(id),
+                        onDelete: (id) => onDeleteConversation?.(id)
+                      }
+                    ),
+                    moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      import_components22.Button,
+                      {
+                        text: `${moreLabel} >>`,
+                        variant: "link",
+                        size: "small",
+                        onClick: () => onMore?.()
+                      }
+                    ) }) : null
                   ]
                 }
               ) : null,
-              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
-                  ConversationList,
-                  {
-                    items: conversations,
-                    activeId: activeConversationId,
-                    onSelect: (id) => onSelectConversation?.(id),
-                    onDelete: (id) => onDeleteConversation?.(id)
-                  }
-                ),
-                moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components22.Button, { text: `${moreLabel} >>`, variant: "link", size: "small", onClick: () => onMore?.() }) }) : null
-              ] }) : null,
               footerSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "button",
                 {
@@ -2421,33 +2477,61 @@ function ChatPage({
                   className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
                   onClick: toggleFooterSection,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components25.Text, { text: footerSectionTitle, type: "secondary", className: "text-sm", strong: true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components23.Icon, { name: footerCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      import_components25.Text,
+                      {
+                        text: footerSectionTitle,
+                        type: "secondary",
+                        className: "text-sm",
+                        strong: true
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      import_components23.Icon,
+                      {
+                        name: footerCollapsed ? "chevron-right" : "chevron-down",
+                        size: 14
+                      }
+                    )
                   ]
                 }
               ) : null,
-              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                import_components24.Menu,
+              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "div",
                 {
-                  items: footerItems,
-                  onSelect: (key) => onMenuSelect?.(key)
+                  "data-slot": "chat-page-section-body",
+                  className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    import_components24.Menu,
+                    {
+                      items: footerItems,
+                      onSelect: (key) => onMenuSelect?.(key)
+                    }
+                  )
                 }
-              ) }) : null
+              ) : null
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_ui2.PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui2.Panel, { defaultSize: "62%", children: chatArea }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui2.ResizableHandle, { withHandle: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui2.Panel, { defaultSize: "38%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            "div",
-            {
-              "data-slot": "chat-page-rail-panel",
-              className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
-              children: renderSlot(activePanelItem.content)
-            }
-          ) : artifactPanel })
-        ] }) : chatArea })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_ui2.PanelGroup,
+          {
+            orientation: "horizontal",
+            style: { width: "100%", height: "100%" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui2.Panel, { defaultSize: "70%", children: chatArea }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui2.ResizableHandle, { withHandle: true }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_ui2.Panel, { defaultSize: "30%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "div",
+                {
+                  "data-slot": "chat-page-rail-panel",
+                  className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
+                  children: renderSlot(activePanelItem.content)
+                }
+              ) : artifactPanel })
+            ]
+          }
+        ) : chatArea })
       ]
     }
   );

package/dist/components/index.d.cts

@@ -402,7 +402,7 @@ interface ConversationRailItem {
     /** 图标名（Icon 白名单） */
     icon?: string;
     /** 呈现形态：popover（图标栏旁悬浮弹框，缺省）/ panel（产物栏式右侧固定宽栏） */
-    display?: 'panel' | 'popover';
+    display?: "panel" | "popover";
     /** 附加内容（React 元素或 DslNode；缺省时点击仅触发状态事件，不渲染内容层） */
     content?: DslNode | ReactNode;
     /** 隐藏该项（如按当前会话有无对应内容动态显隐）；隐藏时激活态一并失效 */
@@ -426,6 +426,8 @@ interface ChatPageProps {
     railItems?: ChatPageMenuItem[];
     /** 图标栏底部附加项（如设置 / 个人中心） */
     railFooterItems?: ChatPageMenuItem[];
+    /** 隐藏左侧展开菜单区（品牌 / 导航 / 会话列表 / 底部分组整体不渲染） */
+    hideMenu?: boolean;
     /** 展开菜单区右上角操作（如「发现应用」）；提供才渲染 */
     menuAction?: {
         label: string;
@@ -576,12 +578,13 @@ interface ChatPageProps {
  * 最右产物区（ArtifactPanel：内建产物预览、
  * 目录树与下载，可显隐；展示时经 Resizable 拖拽调节与对话区的宽度）。
  * content 槽（React 元素或 DslNode）提供时整体替换右侧主区域（含对话
- * header），由调用方自带完整主体内容；左侧图标栏与展开菜单区保留。
+ * header），由调用方自带完整主体内容；左侧图标栏与展开菜单区保留
+ *（hideMenu: true 时展开菜单区整体不渲染）。
  * 数据与行为全部经 props / events 进出，
  * 本组件不持有业务状态（产物区开关、图标栏激活项与分区折叠缺省非受控，
  * 均可经受控 prop + change 事件闭环）。
  */
-declare function ChatPage({ brand, menuItems, activeMenuKey, railItems, railFooterItems, menuAction, onMenuSelect, onMenuAction, conversationSectionTitle, conversationSectionCollapsed, defaultConversationSectionCollapsed, onConversationSectionToggle, conversations, activeConversationId, onSelectConversation, onDeleteConversation, moreLabel, onMore, footerSectionTitle, footerItems, footerSectionCollapsed, defaultFooterSectionCollapsed, onFooterSectionToggle, conversationTitle, conversationHeaderAction, onConversationHeaderAction, conversationRailItems, hideArtifactRailItem, activeConversationRailKey, onConversationRailChange, messages, sending, composerPlaceholder, welcome, onSend, onMessageAction, models, model, onModelChange, contexts, contextItems, onContextItemsChange, attachments, onAttachFiles, onRemoveAttachment, onRetryAttachment, composerFooter, composerBottom, artifactTitle, artifacts, activeArtifactId, onSelectArtifact, artifactEmptyText, safeRegistry, user, artifactViewers, onDownloadArtifact, artifactOpen, defaultArtifactOpen, onArtifactOpenChange, content, className, style, }: ChatPageProps): react.JSX.Element;
+declare function ChatPage({ brand, menuItems, activeMenuKey, railItems, railFooterItems, hideMenu, menuAction, onMenuSelect, onMenuAction, conversationSectionTitle, conversationSectionCollapsed, defaultConversationSectionCollapsed, onConversationSectionToggle, conversations, activeConversationId, onSelectConversation, onDeleteConversation, moreLabel, onMore, footerSectionTitle, footerItems, footerSectionCollapsed, defaultFooterSectionCollapsed, onFooterSectionToggle, conversationTitle, conversationHeaderAction, onConversationHeaderAction, conversationRailItems, hideArtifactRailItem, activeConversationRailKey, onConversationRailChange, messages, sending, composerPlaceholder, welcome, onSend, onMessageAction, models, model, onModelChange, contexts, contextItems, onContextItemsChange, attachments, onAttachFiles, onRemoveAttachment, onRetryAttachment, composerFooter, composerBottom, artifactTitle, artifacts, activeArtifactId, onSelectArtifact, artifactEmptyText, safeRegistry, user, artifactViewers, onDownloadArtifact, artifactOpen, defaultArtifactOpen, onArtifactOpenChange, content, className, style, }: ChatPageProps): react.JSX.Element;
 
 /** 引用来源项 */
 interface CitationItem {

package/dist/components/index.d.ts

@@ -402,7 +402,7 @@ interface ConversationRailItem {
     /** 图标名（Icon 白名单） */
     icon?: string;
     /** 呈现形态：popover（图标栏旁悬浮弹框，缺省）/ panel（产物栏式右侧固定宽栏） */
-    display?: 'panel' | 'popover';
+    display?: "panel" | "popover";
     /** 附加内容（React 元素或 DslNode；缺省时点击仅触发状态事件，不渲染内容层） */
     content?: DslNode | ReactNode;
     /** 隐藏该项（如按当前会话有无对应内容动态显隐）；隐藏时激活态一并失效 */
@@ -426,6 +426,8 @@ interface ChatPageProps {
     railItems?: ChatPageMenuItem[];
     /** 图标栏底部附加项（如设置 / 个人中心） */
     railFooterItems?: ChatPageMenuItem[];
+    /** 隐藏左侧展开菜单区（品牌 / 导航 / 会话列表 / 底部分组整体不渲染） */
+    hideMenu?: boolean;
     /** 展开菜单区右上角操作（如「发现应用」）；提供才渲染 */
     menuAction?: {
         label: string;
@@ -576,12 +578,13 @@ interface ChatPageProps {
  * 最右产物区（ArtifactPanel：内建产物预览、
  * 目录树与下载，可显隐；展示时经 Resizable 拖拽调节与对话区的宽度）。
  * content 槽（React 元素或 DslNode）提供时整体替换右侧主区域（含对话
- * header），由调用方自带完整主体内容；左侧图标栏与展开菜单区保留。
+ * header），由调用方自带完整主体内容；左侧图标栏与展开菜单区保留
+ *（hideMenu: true 时展开菜单区整体不渲染）。
  * 数据与行为全部经 props / events 进出，
  * 本组件不持有业务状态（产物区开关、图标栏激活项与分区折叠缺省非受控，
  * 均可经受控 prop + change 事件闭环）。
  */
-declare function ChatPage({ brand, menuItems, activeMenuKey, railItems, railFooterItems, menuAction, onMenuSelect, onMenuAction, conversationSectionTitle, conversationSectionCollapsed, defaultConversationSectionCollapsed, onConversationSectionToggle, conversations, activeConversationId, onSelectConversation, onDeleteConversation, moreLabel, onMore, footerSectionTitle, footerItems, footerSectionCollapsed, defaultFooterSectionCollapsed, onFooterSectionToggle, conversationTitle, conversationHeaderAction, onConversationHeaderAction, conversationRailItems, hideArtifactRailItem, activeConversationRailKey, onConversationRailChange, messages, sending, composerPlaceholder, welcome, onSend, onMessageAction, models, model, onModelChange, contexts, contextItems, onContextItemsChange, attachments, onAttachFiles, onRemoveAttachment, onRetryAttachment, composerFooter, composerBottom, artifactTitle, artifacts, activeArtifactId, onSelectArtifact, artifactEmptyText, safeRegistry, user, artifactViewers, onDownloadArtifact, artifactOpen, defaultArtifactOpen, onArtifactOpenChange, content, className, style, }: ChatPageProps): react.JSX.Element;
+declare function ChatPage({ brand, menuItems, activeMenuKey, railItems, railFooterItems, hideMenu, menuAction, onMenuSelect, onMenuAction, conversationSectionTitle, conversationSectionCollapsed, defaultConversationSectionCollapsed, onConversationSectionToggle, conversations, activeConversationId, onSelectConversation, onDeleteConversation, moreLabel, onMore, footerSectionTitle, footerItems, footerSectionCollapsed, defaultFooterSectionCollapsed, onFooterSectionToggle, conversationTitle, conversationHeaderAction, onConversationHeaderAction, conversationRailItems, hideArtifactRailItem, activeConversationRailKey, onConversationRailChange, messages, sending, composerPlaceholder, welcome, onSend, onMessageAction, models, model, onModelChange, contexts, contextItems, onContextItemsChange, attachments, onAttachFiles, onRemoveAttachment, onRetryAttachment, composerFooter, composerBottom, artifactTitle, artifacts, activeArtifactId, onSelectArtifact, artifactEmptyText, safeRegistry, user, artifactViewers, onDownloadArtifact, artifactOpen, defaultArtifactOpen, onArtifactOpenChange, content, className, style, }: ChatPageProps): react.JSX.Element;
 
 /** 引用来源项 */
 interface CitationItem {

package/dist/components/index.js

@@ -23,7 +23,7 @@ import {
   registerChatComponents,
   resolveArtifactFilename,
   saveBlob
-} from "../chunk-TBPUSGKL.js";
+} from "../chunk-276DZFLS.js";
 export {
   AgentStatus,
   ArtifactPanel,

package/dist/index.cjs

@@ -1673,7 +1673,7 @@ function ArtifactPanel({
             onPointerDown: handleResizeStart
           }
         ) : null,
-        header !== void 0 && header !== null ? header : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex shrink-0 items-center gap-1 border-b border-border px-2 py-2.5", children: [
+        header !== void 0 && header !== null ? header : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-10 shrink-0 items-center gap-1 border-b border-border px-2", children: [
           hasArtifacts ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             import_components2.Button,
             {
@@ -6314,6 +6314,7 @@ function ChatPage({
   activeMenuKey,
   railItems = [],
   railFooterItems = [],
+  hideMenu = false,
   menuAction,
   onMenuSelect,
   onMenuAction,
@@ -6387,7 +6388,9 @@ function ChatPage({
     if (!railControlled) setActiveRailInner(next);
     onConversationRailChange?.(next);
   };
-  const visibleRailItems = conversationRailItems.filter((item) => item.hidden !== true);
+  const visibleRailItems = conversationRailItems.filter(
+    (item) => item.hidden !== true
+  );
   const activeRailItem = visibleRailItems.find(
     (item) => item.key === activeRailKey
   );
@@ -6462,7 +6465,10 @@ function ChatPage({
       {
         icon: item.icon,
         variant: "text",
-        className: cn(active ? "bg-accent text-accent-foreground" : void 0, "px-2"),
+        className: cn(
+          active ? "bg-accent text-accent-foreground" : void 0,
+          "px-2"
+        ),
         onClick
       }
     );
@@ -6485,7 +6491,11 @@ function ChatPage({
           toggleArtifact
         ) : null,
         visibleRailItems.map(
-          (item) => convRailButton(item, activeRailKey === item.key, () => toggleRailItem(item))
+          (item) => convRailButton(
+            item,
+            activeRailKey === item.key,
+            () => toggleRailItem(item)
+          )
         ),
         activePopoverItem ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "div",
@@ -6503,79 +6513,104 @@ function ChatPage({
       ]
     }
   ) : null;
-  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { "data-slot": "chat-page-conversation", className: "flex h-full min-w-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-      "div",
-      {
-        "data-slot": "chat-page-conversation-header",
-        className: "flex shrink-0 items-center justify-between border-b border-border px-4 py-2.5",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components36.Text, { text: conversationTitle, strong: true }),
-          conversationHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components37.Tooltip, { content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label, side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            import_components33.Button,
+  const chatArea = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    "div",
+    {
+      "data-slot": "chat-page-conversation",
+      className: "flex h-full min-w-0 flex-1 flex-col",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          "div",
+          {
+            "data-slot": "chat-page-conversation-header",
+            className: "flex h-10 shrink-0 items-center justify-between border-b border-border px-4",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components36.Text, { text: conversationTitle, strong: true }),
+              conversationHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                import_components37.Tooltip,
+                {
+                  content: conversationHeaderAction.tooltip ?? conversationHeaderAction.label,
+                  side: "bottom",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    import_components33.Button,
+                    {
+                      text: conversationHeaderAction.label,
+                      icon: conversationHeaderAction.icon,
+                      variant: "text",
+                      onClick: () => onConversationHeaderAction?.()
+                    }
+                  )
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            "div",
             {
-              text: conversationHeaderAction.label,
-              icon: conversationHeaderAction.icon,
-              variant: "text",
-              onClick: () => onConversationHeaderAction?.()
+              "data-slot": "chat-page-conversation-body",
+              className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
+              children: [
+                messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  Welcome,
+                  {
+                    title: welcome?.title,
+                    description: welcome?.description,
+                    prompts: welcome?.prompts,
+                    style: { flex: 1 },
+                    onSelect: (value) => onSend?.(value)
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  MessageList,
+                  {
+                    messages,
+                    className: "scrollbar-subtle",
+                    style: { flex: 1, minHeight: 0, padding: 16 },
+                    onAction: onMessageAction,
+                    onOpenArtifacts: () => setOpen(true)
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)(
+                  "div",
+                  {
+                    "data-slot": "chat-page-composer-bottom",
+                    className: "shrink-0 px-4 pb-2 text-center",
+                    children: renderSlot(composerBottom)
+                  }
+                ) : null
+              ]
             }
-          ) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex min-h-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-        "div",
-        {
-          "data-slot": "chat-page-conversation-body",
-          className: "mx-auto flex min-h-0 w-[61.8cqw] max-w-full flex-col",
-          children: [
-            messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-              Welcome,
-              {
-                title: welcome?.title,
-                description: welcome?.description,
-                prompts: welcome?.prompts,
-                style: { flex: 1 },
-                onSelect: (value) => onSend?.(value)
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-              MessageList,
-              {
-                messages,
-                className: "scrollbar-subtle",
-                style: { flex: 1, minHeight: 0, padding: 16 },
-                onAction: onMessageAction,
-                onOpenArtifacts: () => setOpen(true)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)("div", { "data-slot": "chat-page-composer-bottom", className: "shrink-0 px-4 pb-2 text-center", children: renderSlot(composerBottom) }) : null
-          ]
-        }
-      ),
-      convRail
-    ] })
-  ] });
+          ),
+          convRail
+        ] })
+      ]
+    }
+  );
   const activeArtifact = artifacts.find((item) => item.id === activeArtifactId) ?? (activeArtifactId === void 0 || activeArtifactId === "" ? artifacts[artifacts.length - 1] : void 0);
   const artifactPanel = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
@@ -6619,7 +6654,7 @@ function ChatPage({
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        hideMenu ? null : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           "div",
           {
             "data-slot": "chat-page-menu",
@@ -6666,22 +6701,43 @@ function ChatPage({
                         strong: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components34.Icon, { name: convCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      import_components34.Icon,
+                      {
+                        name: convCollapsed ? "chevron-right" : "chevron-down",
+                        size: 14
+                      }
+                    )
+                  ]
+                }
+              ) : null,
+              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)(
+                      ConversationList,
+                      {
+                        items: conversations,
+                        activeId: activeConversationId,
+                        onSelect: (id) => onSelectConversation?.(id),
+                        onDelete: (id) => onDeleteConversation?.(id)
+                      }
+                    ),
+                    moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      import_components33.Button,
+                      {
+                        text: `${moreLabel} >>`,
+                        variant: "link",
+                        size: "small",
+                        onClick: () => onMore?.()
+                      }
+                    ) }) : null
                   ]
                 }
               ) : null,
-              !convCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)(
-                  ConversationList,
-                  {
-                    items: conversations,
-                    activeId: activeConversationId,
-                    onSelect: (id) => onSelectConversation?.(id),
-                    onDelete: (id) => onDeleteConversation?.(id)
-                  }
-                ),
-                moreLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components33.Button, { text: `${moreLabel} >>`, variant: "link", size: "small", onClick: () => onMore?.() }) }) : null
-              ] }) : null,
               footerSectionTitle !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
                 "button",
                 {
@@ -6691,33 +6747,61 @@ function ChatPage({
                   className: "flex w-full shrink-0 cursor-pointer items-center justify-between px-2 pt-2",
                   onClick: toggleFooterSection,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components36.Text, { text: footerSectionTitle, type: "secondary", className: "text-sm", strong: true }),
-                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_components34.Icon, { name: footerCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      import_components36.Text,
+                      {
+                        text: footerSectionTitle,
+                        type: "secondary",
+                        className: "text-sm",
+                        strong: true
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      import_components34.Icon,
+                      {
+                        name: footerCollapsed ? "chevron-right" : "chevron-down",
+                        size: 14
+                      }
+                    )
                   ]
                 }
               ) : null,
-              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { "data-slot": "chat-page-section-body", className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-                import_components35.Menu,
+              !footerCollapsed && footerItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "div",
                 {
-                  items: footerItems,
-                  onSelect: (key) => onMenuSelect?.(key)
+                  "data-slot": "chat-page-section-body",
+                  className: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    import_components35.Menu,
+                    {
+                      items: footerItems,
+                      onSelect: (key) => onMenuSelect?.(key)
+                    }
+                  )
                 }
-              ) }) : null
+              ) : null
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_ui2.PanelGroup, { orientation: "horizontal", style: { width: "100%", height: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_ui2.Panel, { defaultSize: "62%", children: chatArea }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_ui2.ResizableHandle, { withHandle: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_ui2.Panel, { defaultSize: "38%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-            "div",
-            {
-              "data-slot": "chat-page-rail-panel",
-              className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
-              children: renderSlot(activePanelItem.content)
-            }
-          ) : artifactPanel })
-        ] }) : chatArea })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "@container h-full min-w-0 flex-1", children: content !== void 0 ? renderSlot(content) : open || activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          import_ui2.PanelGroup,
+          {
+            orientation: "horizontal",
+            style: { width: "100%", height: "100%" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_ui2.Panel, { defaultSize: "70%", children: chatArea }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_ui2.ResizableHandle, { withHandle: true }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_ui2.Panel, { defaultSize: "30%", minSize: "380px", maxSize: "760px", children: activePanelItem ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "div",
+                {
+                  "data-slot": "chat-page-rail-panel",
+                  className: "flex h-full min-w-0 flex-col border-l border-border bg-muted",
+                  children: renderSlot(activePanelItem.content)
+                }
+              ) : artifactPanel })
+            ]
+          }
+        ) : chatArea })
       ]
     }
   );

package/dist/index.js

@@ -11,7 +11,7 @@ import {
   registerChatComponents,
   resolveArtifactFilename,
   saveBlob
-} from "./chunk-TBPUSGKL.js";
+} from "./chunk-276DZFLS.js";
 
 // src/model.ts
 var idCounter = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/chat",
-  "version": "1.47.0",
+  "version": "1.48.0",
   "description": "Pactor chat: AI message rendering protocol (message model, streaming reducer, safe registry, capability action) and chat runtime view (ChatView / MessageBubble / PartRenderer / Composer / chat layout)",
   "keywords": [
     "pactor",
@@ -63,11 +63,11 @@
   "dependencies": {
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.6.0",
-    "@pactor-app/core": "1.47.0",
-    "@pactor-app/markdown": "1.47.0",
-    "@pactor-app/permission": "1.47.0",
-    "@pactor-app/runtime": "1.47.0",
-    "@pactor-app/ui": "1.47.0"
+    "@pactor-app/core": "1.48.0",
+    "@pactor-app/markdown": "1.48.0",
+    "@pactor-app/runtime": "1.48.0",
+    "@pactor-app/permission": "1.48.0",
+    "@pactor-app/ui": "1.48.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/styles.css

@@ -207,6 +207,9 @@
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
   .h-full {
     height: 100%;
   }