@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/ui-first-tools/ui/lists/TaskPanelChip.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { Chip } from "@ai-matrx/design-system/controls";
 import { useEffect } from "react";
 import { ListChecks } from "lucide-react";
@@ -32,18 +33,18 @@ function TaskPanelChip({
     };
   }, [conversationId, dispatch]);
   if (!hasContent) return null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Chip,
     {
       asChild: true,
       pressed: lists.isVisible,
       className,
-      icon: /* @__PURE__ */ React.createElement(ListChecks, null),
+      icon: /* @__PURE__ */ jsx(ListChecks, {}),
       label: `${taskCounts.done}/${taskCounts.total}${todoCounts.open > 0 ? ` \xB7 ${todoCounts.open} open` : ""}`,
-      title: "Open agent lists panel"
-    },
-    /* @__PURE__ */ React.createElement("button", { type: "button", onClick: lists.toggle })
-  ));
+      title: "Open agent lists panel",
+      children: /* @__PURE__ */ jsx("button", { type: "button", onClick: lists.toggle })
+    }
+  ) });
 }
 export {
   TaskPanelChip

package/dist/canvas/workspace/CanvasChatColumn.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Building2, RotateCcw } from "lucide-react";
 import { AgentConversationColumn } from "../../agents/components/shared/AgentConversationColumn.js";
@@ -46,24 +47,28 @@ function CanvasChatColumn({
     writeContext(conversationId);
   };
   if (conversation.state === "opening") {
-    return /* @__PURE__ */ React.createElement(OpeningState, { key: conversation.purpose, purpose: conversation.purpose, className });
+    return /* @__PURE__ */ jsx(OpeningState, { purpose: conversation.purpose, className }, conversation.purpose);
   }
   if (conversation.state === "needs-organization") {
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full min-h-0 flex-col items-start gap-3 p-4", className) }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-foreground" }, "Choose the organization this chat belongs to."), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Every chat is kept in an organization, and none is active yet. The page works meanwhile."), /* @__PURE__ */ React.createElement(Button, { icon: /* @__PURE__ */ React.createElement(Building2, null), variant: "outline", onClick: conversation.choose }, "Choose organization"));
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: "Choose the organization this chat belongs to." }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Every chat is kept in an organization, and none is active yet. The page works meanwhile." }),
+      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Building2, {}), variant: "outline", onClick: conversation.choose, children: "Choose organization" })
+    ] });
   }
   if (conversation.state === "failed") {
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full min-h-0 flex-col gap-3 p-4", className) }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx("div", { className: cn("flex h-full min-h-0 flex-col gap-3 p-4", className), children: /* @__PURE__ */ jsx(
       ErrorNotice,
       {
         size: "compact",
         title: conversation.purpose === "open" ? "Conversation not opened" : "Chat not started",
         message: conversation.reason,
         operation: conversation.purpose === "open" ? "Open conversation in canvas workspace" : "Start canvas workspace chat",
-        actions: /* @__PURE__ */ React.createElement(Button, { icon: /* @__PURE__ */ React.createElement(RotateCcw, null), variant: "outline", onClick: conversation.retry }, "Try again")
+        actions: /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(RotateCcw, {}), variant: "outline", onClick: conversation.retry, children: "Try again" })
       }
-    ));
+    ) });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: measureRef,
@@ -72,16 +77,16 @@ function CanvasChatColumn({
       onKeyDownCapture: (e) => {
         if (e.key === "Enter") refresh(e);
       },
-      onFocusCapture: refresh
-    },
-    /* @__PURE__ */ React.createElement(
-      AgentConversationColumn,
-      {
-        conversationId: conversation.conversationId,
-        surfaceKey,
-        smartInputProps: buildCanvasSmartInputProps({ contextChip, mode, onSelectAgent, maxInputHeightPx })
-      }
-    )
+      onFocusCapture: refresh,
+      children: /* @__PURE__ */ jsx(
+        AgentConversationColumn,
+        {
+          conversationId: conversation.conversationId,
+          surfaceKey,
+          smartInputProps: buildCanvasSmartInputProps({ contextChip, mode, onSelectAgent, maxInputHeightPx })
+        }
+      )
+    }
   );
 }
 function OpeningState({ purpose, className }) {
@@ -90,7 +95,13 @@ function OpeningState({ purpose, className }) {
     const timer = window.setTimeout(() => setSlowOpen(true), SLOW_OPEN_MS);
     return () => window.clearTimeout(timer);
   }, []);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex h-full min-h-0 flex-col gap-3 p-4", className), "aria-busy": "true" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, purpose === "open" ? "Opening that conversation\u2026" : "Starting a new chat\u2026"), /* @__PURE__ */ React.createElement("div", { className: "h-4 w-40 animate-pulse rounded bg-muted" }), /* @__PURE__ */ React.createElement("div", { className: "h-3 w-64 animate-pulse rounded bg-muted" }), slowOpen && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "This is taking longer than usual \u2014 it is still waiting for the server. The page works meanwhile."), /* @__PURE__ */ React.createElement("div", { className: "mt-auto h-20 w-full animate-pulse rounded-xl bg-muted" }));
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 flex-col gap-3 p-4", className), "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: purpose === "open" ? "Opening that conversation\u2026" : "Starting a new chat\u2026" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-40 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-64 animate-pulse rounded bg-muted" }),
+    slowOpen && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "This is taking longer than usual \u2014 it is still waiting for the server. The page works meanwhile." }),
+    /* @__PURE__ */ jsx("div", { className: "mt-auto h-20 w-full animate-pulse rounded-xl bg-muted" })
+  ] });
 }
 export {
   CanvasChatColumn

package/dist/canvas/workspace/CanvasPropertiesPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "@ai-matrx/design-system";
 import { Tabs } from "@ai-matrx/design-system/controls";
@@ -9,24 +10,26 @@ function CanvasPropertiesPanel({
 }) {
   const [activeId, setActiveId] = useState(tabs[0]?.id ?? "");
   const active = tabs.find((tab) => tab.id === activeId) ?? tabs[0];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       "aria-label": variant === "sheet" ? "Properties" : void 0,
-      className: cn("flex h-full min-h-0 flex-col bg-background px-2.5 pt-1.5", className)
-    },
-    active ? /* @__PURE__ */ React.createElement(
-      Tabs,
-      {
-        variant: "underline",
-        className: "shrink-0",
-        "aria-label": "Properties tabs",
-        value: active.id,
-        onValueChange: setActiveId,
-        data: tabs.map((tab) => ({ value: tab.id, label: tab.label }))
-      }
-    ) : null,
-    active ? /* @__PURE__ */ React.createElement(FadingScroll, { key: active.id, className: "min-h-0 flex-1" }, active.content) : null
+      className: cn("flex h-full min-h-0 flex-col bg-background px-2.5 pt-1.5", className),
+      children: [
+        active ? /* @__PURE__ */ jsx(
+          Tabs,
+          {
+            variant: "underline",
+            className: "shrink-0",
+            "aria-label": "Properties tabs",
+            value: active.id,
+            onValueChange: setActiveId,
+            data: tabs.map((tab) => ({ value: tab.id, label: tab.label }))
+          }
+        ) : null,
+        active ? /* @__PURE__ */ jsx(FadingScroll, { className: "min-h-0 flex-1", children: active.content }, active.id) : null
+      ]
+    }
   );
 }
 function FadingScroll({ children, className }) {
@@ -46,23 +49,26 @@ function FadingScroll({ children, className }) {
       observer.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: boxRef,
-      className: "h-full overflow-y-auto py-1.5"
-    },
-    /* @__PURE__ */ React.createElement("div", null, children)
-  ), /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: cn(
-        "pointer-events-none absolute inset-x-0 bottom-0 h-11 bg-gradient-to-b from-transparent to-background transition-opacity duration-150",
-        moreBelow ? "opacity-100" : "opacity-0"
-      )
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: boxRef,
+        className: "h-full overflow-y-auto py-1.5",
+        children: /* @__PURE__ */ jsx("div", { children })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "pointer-events-none absolute inset-x-0 bottom-0 h-11 bg-gradient-to-b from-transparent to-background transition-opacity duration-150",
+          moreBelow ? "opacity-100" : "opacity-0"
+        )
+      }
+    )
+  ] });
 }
 export {
   CanvasPropertiesPanel,

package/dist/canvas/workspace/ChatCanvasWorkspace.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import {
   ChevronDown,
@@ -89,59 +90,92 @@ function ChatCanvasWorkspace({
   }, [fullScreen]);
   const hasProperties = properties !== void 0 && properties.tabs.length > 0;
   const showProperties = !fullScreen && hasProperties && propertiesOpen;
-  const canvasTitle = !title ? null : titleMenu ? /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ React.createElement(ChevronDown, null), className: "min-w-0" }, title)), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "start", className: "w-56" }, titleMenu)) : /* @__PURE__ */ React.createElement("h1", { className: "min-w-0 truncate px-1.5 text-sm font-medium text-foreground" }, title);
-  return /* @__PURE__ */ React.createElement("div", { className: "relative flex h-full min-h-0 w-full overflow-hidden bg-background text-foreground" }, /* @__PURE__ */ React.createElement(ShellChromeMode, { mode: "canvas" }), /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React.createElement("header", { className: "canvas-workspace-header flex h-11 shrink-0 items-center gap-1.5 px-3" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Menu, null), "aria-label": "Open navigation", onClick: openShellMobileMenu, className: "lg:hidden" }), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(MessageSquare, null), "aria-label": "Chat", onClick: toggleChat, className: "lg:hidden" }), canvasTitle ? /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 max-w-[40%] shrink items-center" }, canvasTitle) : null, /* @__PURE__ */ React.createElement("div", { "data-page-header-target": "workspace", className: "shell-header-center" }), /* @__PURE__ */ React.createElement("div", { "data-page-header-right-target": "workspace", className: "flex shrink-0 items-center gap-1 empty:hidden" }), byline ? /* @__PURE__ */ React.createElement("span", { className: "shrink-0 text-xs text-muted-foreground max-lg:hidden" }, byline) : null, /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center lg:hidden" }, hasProperties ? /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(PanelRightOpen, null), "aria-label": "Properties", onClick: () => setPropertiesSheetOpen(true) }) : null), /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1.5 max-lg:hidden" }, hasProperties ? /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      "aria-label": propertiesOpen ? "Hide properties" : "Show properties",
-      "aria-pressed": propertiesOpen,
-      title: propertiesOpen ? "Hide properties" : "Show properties",
-      onClick: () => setPropertiesOpen(!propertiesOpen),
-      className: cn(ICON_BUTTON, showProperties && "bg-primary/10 text-primary-ink")
-    },
-    /* @__PURE__ */ React.createElement(PanelRight, { className: "h-4 w-4" })
-  ) : null), record?.commentToken ? /* @__PURE__ */ React.createElement(
-    EntityCommentPopover,
-    {
-      token: record.commentToken,
-      id: record.resourceId,
-      title: record.resourceName,
-      className: "h-7"
-    }
-  ) : null, record?.resourceType ? /* @__PURE__ */ React.createElement(
-    ShareButton,
-    {
-      resourceType: record.resourceType,
-      resourceId: record.resourceId,
-      resourceName: record.resourceName,
-      size: "sm",
-      className: "h-7 bg-foreground px-2.5 text-background hover:bg-foreground/90"
-    }
-  ) : null, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      "aria-label": fullScreen ? "Exit full screen" : "Full screen",
-      title: fullScreen ? "Exit full screen (Esc)" : "Full screen",
-      onClick: () => setFullScreen((on) => !on),
-      className: cn(ICON_BUTTON, "max-lg:hidden")
-    },
-    fullScreen ? /* @__PURE__ */ React.createElement(Minimize, { className: "h-4 w-4" }) : /* @__PURE__ */ React.createElement(Maximize, { className: "h-4 w-4" })
-  ), onClose ? /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), "aria-label": "Close", onClick: onClose }) : null, /* @__PURE__ */ React.createElement(HeaderControlSet, { isAuthenticated })), /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "relative isolate min-h-0 min-w-0 flex-1 overflow-hidden" }, canvas), !compact && hasProperties && properties ? /* @__PURE__ */ React.createElement(
-    DockedSidePanel,
-    {
-      panelId: CANVAS_PANEL_IDS.properties,
-      edge: "right",
-      open: showProperties,
-      sizes: CANVAS_PROPERTIES_SIZES,
-      initialWidth: initialLayout?.widths.properties,
-      onCollapse: () => setPropertiesOpen(false),
-      "aria-label": "Properties",
-      outerClassName: "max-lg:hidden"
-    },
-    /* @__PURE__ */ React.createElement(CanvasPropertiesPanel, { tabs: properties.tabs })
-  ) : null)), compact && hasProperties && properties ? /* @__PURE__ */ React.createElement(Drawer, { open: propertiesSheetOpen, onOpenChange: setPropertiesSheetOpen }, /* @__PURE__ */ React.createElement(DrawerContent, { className: "flex h-[85dvh] flex-col pb-safe" }, /* @__PURE__ */ React.createElement(DrawerHeader, { className: "py-2" }, /* @__PURE__ */ React.createElement(DrawerTitle, { className: "text-sm" }, "Properties"), /* @__PURE__ */ React.createElement(DrawerDescription, { className: "sr-only" }, `Properties of ${title ?? "this page"}.`)), /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col" }, /* @__PURE__ */ React.createElement(CanvasPropertiesPanel, { tabs: properties.tabs, variant: "sheet" })))) : null);
+  const canvasTitle = !title ? null : titleMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}), className: "min-w-0", children: title }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "w-56", children: titleMenu })
+  ] }) : /* @__PURE__ */ jsx("h1", { className: "min-w-0 truncate px-1.5 text-sm font-medium text-foreground", children: title });
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full min-h-0 w-full overflow-hidden bg-background text-foreground", children: [
+    /* @__PURE__ */ jsx(ShellChromeMode, { mode: "canvas" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs("header", { className: "canvas-workspace-header flex h-11 shrink-0 items-center gap-1.5 px-3", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Menu, {}), "aria-label": "Open navigation", onClick: openShellMobileMenu, className: "lg:hidden" }),
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(MessageSquare, {}), "aria-label": "Chat", onClick: toggleChat, className: "lg:hidden" }),
+        canvasTitle ? /* @__PURE__ */ jsx("div", { className: "flex min-w-0 max-w-[40%] shrink items-center", children: canvasTitle }) : null,
+        /* @__PURE__ */ jsx("div", { "data-page-header-target": "workspace", className: "shell-header-center" }),
+        /* @__PURE__ */ jsx("div", { "data-page-header-right-target": "workspace", className: "flex shrink-0 items-center gap-1 empty:hidden" }),
+        byline ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground max-lg:hidden", children: byline }) : null,
+        /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center lg:hidden", children: hasProperties ? /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(PanelRightOpen, {}), "aria-label": "Properties", onClick: () => setPropertiesSheetOpen(true) }) : null }),
+        /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1.5 max-lg:hidden", children: hasProperties ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": propertiesOpen ? "Hide properties" : "Show properties",
+            "aria-pressed": propertiesOpen,
+            title: propertiesOpen ? "Hide properties" : "Show properties",
+            onClick: () => setPropertiesOpen(!propertiesOpen),
+            className: cn(ICON_BUTTON, showProperties && "bg-primary/10 text-primary-ink"),
+            children: /* @__PURE__ */ jsx(PanelRight, { className: "h-4 w-4" })
+          }
+        ) : null }),
+        record?.commentToken ? /* @__PURE__ */ jsx(
+          EntityCommentPopover,
+          {
+            token: record.commentToken,
+            id: record.resourceId,
+            title: record.resourceName,
+            className: "h-7"
+          }
+        ) : null,
+        record?.resourceType ? /* @__PURE__ */ jsx(
+          ShareButton,
+          {
+            resourceType: record.resourceType,
+            resourceId: record.resourceId,
+            resourceName: record.resourceName,
+            size: "sm",
+            className: "h-7 bg-foreground px-2.5 text-background hover:bg-foreground/90"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": fullScreen ? "Exit full screen" : "Full screen",
+            title: fullScreen ? "Exit full screen (Esc)" : "Full screen",
+            onClick: () => setFullScreen((on) => !on),
+            className: cn(ICON_BUTTON, "max-lg:hidden"),
+            children: fullScreen ? /* @__PURE__ */ jsx(Minimize, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Maximize, { className: "h-4 w-4" })
+          }
+        ),
+        onClose ? /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), "aria-label": "Close", onClick: onClose }) : null,
+        /* @__PURE__ */ jsx(HeaderControlSet, { isAuthenticated })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative isolate min-h-0 min-w-0 flex-1 overflow-hidden", children: canvas }),
+        !compact && hasProperties && properties ? /* @__PURE__ */ jsx(
+          DockedSidePanel,
+          {
+            panelId: CANVAS_PANEL_IDS.properties,
+            edge: "right",
+            open: showProperties,
+            sizes: CANVAS_PROPERTIES_SIZES,
+            initialWidth: initialLayout?.widths.properties,
+            onCollapse: () => setPropertiesOpen(false),
+            "aria-label": "Properties",
+            outerClassName: "max-lg:hidden",
+            children: /* @__PURE__ */ jsx(CanvasPropertiesPanel, { tabs: properties.tabs })
+          }
+        ) : null
+      ] })
+    ] }),
+    compact && hasProperties && properties ? /* @__PURE__ */ jsx(Drawer, { open: propertiesSheetOpen, onOpenChange: setPropertiesSheetOpen, children: /* @__PURE__ */ jsxs(DrawerContent, { className: "flex h-[85dvh] flex-col pb-safe", children: [
+      /* @__PURE__ */ jsxs(DrawerHeader, { className: "py-2", children: [
+        /* @__PURE__ */ jsx(DrawerTitle, { className: "text-sm", children: "Properties" }),
+        /* @__PURE__ */ jsx(DrawerDescription, { className: "sr-only", children: `Properties of ${title ?? "this page"}.` })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(CanvasPropertiesPanel, { tabs: properties.tabs, variant: "sheet" }) })
+    ] }) }) : null
+  ] });
 }
 export {
   ChatCanvasWorkspace

package/dist/canvas/workspace/ChatPanelTitleMenu.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ChevronDown, ExternalLink, PencilLine, Plus } from "lucide-react";
 import { AppLink } from "../../host/ui-slots.js";
@@ -39,52 +40,63 @@ function ChatPanelTitleMenu({
     (state) => conversationId ? !selectIsCacheOnly(conversationId)(state) || selectConversationListItemById(conversationId)(state) !== null : false
   );
   const close = () => setOpen(false);
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ React.createElement(ChevronDown, null), className: "min-w-0", title }, title)), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      align: "start",
-      sideOffset: 6,
-      className: "flex h-[min(70dvh,560px)] w-80 flex-col overflow-hidden p-1"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 flex-col" }, /* @__PURE__ */ React.createElement(
-      Tile,
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}), className: "min-w-0", title, children: title }) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
       {
-        variant: "quiet",
-        icon: /* @__PURE__ */ React.createElement(Plus, null),
-        title: "New chat",
-        onClick: () => {
-          close();
-          onNewChat();
-        }
+        align: "start",
+        sideOffset: 6,
+        className: "flex h-[min(70dvh,560px)] w-80 flex-col overflow-hidden p-1",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col", children: [
+            /* @__PURE__ */ jsx(
+              Tile,
+              {
+                variant: "quiet",
+                icon: /* @__PURE__ */ jsx(Plus, {}),
+                title: "New chat",
+                onClick: () => {
+                  close();
+                  onNewChat();
+                }
+              }
+            ),
+            conversationId && started ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                Tile,
+                {
+                  variant: "quiet",
+                  icon: /* @__PURE__ */ jsx(PencilLine, {}),
+                  title: "Rename",
+                  onClick: () => {
+                    close();
+                    void conversationRenameOpener.open({ conversationId, title: realTitle });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(ExternalLink, {}), title: "Open in full chat", asChild: true, children: /* @__PURE__ */ jsx(AppLink, { href: `/chat/${conversationId}`, onClick: close }) })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mx-1 my-1 h-px shrink-0 bg-border", role: "separator" }),
+          /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
+            ConversationHistorySidebar,
+            {
+              variant: "dense",
+              scopeId: PANEL_HISTORY_SCOPE,
+              agentIds: ALL_AGENTS,
+              activeConversationId: conversationId,
+              openInPlace: true,
+              onOpenConversation: (conv) => {
+                close();
+                onOpenConversation(conv.conversationId, conv.agentId ?? null);
+              }
+            }
+          ) })
+        ]
       }
-    ), conversationId && started ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      Tile,
-      {
-        variant: "quiet",
-        icon: /* @__PURE__ */ React.createElement(PencilLine, null),
-        title: "Rename",
-        onClick: () => {
-          close();
-          void conversationRenameOpener.open({ conversationId, title: realTitle });
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(ExternalLink, null), title: "Open in full chat", asChild: true }, /* @__PURE__ */ React.createElement(AppLink, { href: `/chat/${conversationId}`, onClick: close }))) : null),
-    /* @__PURE__ */ React.createElement("div", { className: "mx-1 my-1 h-px shrink-0 bg-border", role: "separator" }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col" }, /* @__PURE__ */ React.createElement(
-      ConversationHistorySidebar,
-      {
-        variant: "dense",
-        scopeId: PANEL_HISTORY_SCOPE,
-        agentIds: ALL_AGENTS,
-        activeConversationId: conversationId,
-        openInPlace: true,
-        onOpenConversation: (conv) => {
-          close();
-          onOpenConversation(conv.conversationId, conv.agentId ?? null);
-        }
-      }
-    ))
-  ));
+    )
+  ] });
 }
 export {
   ChatPanelTitleMenu,