@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/smart-input/composer/ComposerAgentPill.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { AppWindow, ChevronDown, Gauge, Layers, Star, Webhook } from "lucide-react";
 import { Button, Tile } from "@ai-matrx/design-system/controls";
@@ -53,59 +54,67 @@ function ComposerAgentPill({ conversationId, mode, size, agentControl, menuSide,
   const agentFilter = useComposerAgentFilter(conversationId);
   const showOverride = info.modelOverridden && !info.isCustom && composerShows(mode, "agent.presets");
   const overrideTitle = info.agentModelLabel ? `Agent's own model: ${info.agentModelLabel}` : "Not the agent's own model";
-  const pill = /* @__PURE__ */ React.createElement(
+  const pill = /* @__PURE__ */ jsx(
     Button,
     {
       variant: "quiet",
-      iconEnd: /* @__PURE__ */ React.createElement(ChevronDown, null),
+      iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}),
       "aria-label": `Agent: ${label}${showOverride ? " (model changed)" : ""}`,
       title: showOverride ? `${label} \u2014 ${overrideTitle}` : label,
       "data-model-override": showOverride ? "" : void 0,
-      className: "min-w-0 shrink"
-    },
-    showOverride ? `${label} \xB7 changed` : label
+      className: "min-w-0 shrink",
+      children: showOverride ? `${label} \xB7 changed` : label
+    }
   );
   if (folded) {
     const chatPresets = composerShows(mode, "agent.presets");
     const showEffort = Boolean(effort) && composerShows(mode, "meta.effort");
-    return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, pill), /* @__PURE__ */ React.createElement(
-      PopoverContent,
-      {
-        side: menuSide,
-        align: "end",
-        sideOffset: 8,
-        className: "flex w-80 max-h-[var(--radix-popover-content-available-height)] flex-col overflow-y-auto p-1"
-      },
-      chatPresets ? /* @__PURE__ */ React.createElement(
-        ChatPresetsPanel,
-        {
-          conversationId,
-          info,
-          agentControl,
-          close: () => setOpen(false)
-        }
-      ) : onSelectAgent ? /* @__PURE__ */ React.createElement(
-        AgentListDropdown,
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: pill }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
         {
-          onSelect: (agentId) => {
-            setOpen(false);
-            if (agentId !== info.agentId) onSelectAgent(agentId);
-            else announceAlreadyAnswering(info);
-          },
-          activeAgentId: info.agentId,
-          agentFilter,
-          contentSide: "left",
-          triggerSlot: /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Webhook, null), title: info.agentName ?? "Agent", end: /* @__PURE__ */ React.createElement(ChevronDown, null) })
+          side: menuSide,
+          align: "end",
+          sideOffset: 8,
+          className: "flex w-80 max-h-[var(--radix-popover-content-available-height)] flex-col overflow-y-auto p-1",
+          children: [
+            chatPresets ? /* @__PURE__ */ jsx(
+              ChatPresetsPanel,
+              {
+                conversationId,
+                info,
+                agentControl,
+                close: () => setOpen(false)
+              }
+            ) : onSelectAgent ? /* @__PURE__ */ jsx(
+              AgentListDropdown,
+              {
+                onSelect: (agentId) => {
+                  setOpen(false);
+                  if (agentId !== info.agentId) onSelectAgent(agentId);
+                  else announceAlreadyAnswering(info);
+                },
+                activeAgentId: info.agentId,
+                agentFilter,
+                contentSide: "left",
+                triggerSlot: /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(Webhook, {}), title: info.agentName ?? "Agent", end: /* @__PURE__ */ jsx(ChevronDown, {}) })
+              }
+            ) : /* @__PURE__ */ jsx(ComposerMenuRow, { icon: Webhook, label: info.agentName ?? "Agent", checked: true }),
+            /* @__PURE__ */ jsxs(ComposerFoldedSection, { children: [
+              /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: AppWindow, label: "Output" }, panelClassName: "w-80", children: /* @__PURE__ */ jsx(ComposerOutputPanel, { conversationId }) }),
+              showEffort && effort ? /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Gauge, label: "Effort", detail: effort.word }, panelClassName: "w-56 p-1", children: (close) => /* @__PURE__ */ jsx(ComposerEffortRows, { effort, onChosen: close }) }) : null
+            ] })
+          ]
         }
-      ) : /* @__PURE__ */ React.createElement(ComposerMenuRow, { icon: Webhook, label: info.agentName ?? "Agent", checked: true }),
-      /* @__PURE__ */ React.createElement(ComposerFoldedSection, null, /* @__PURE__ */ React.createElement(ComposerSubmenu, { row: { icon: AppWindow, label: "Output" }, panelClassName: "w-80" }, /* @__PURE__ */ React.createElement(ComposerOutputPanel, { conversationId })), showEffort && effort ? /* @__PURE__ */ React.createElement(ComposerSubmenu, { row: { icon: Gauge, label: "Effort", detail: effort.word }, panelClassName: "w-56 p-1" }, (close) => /* @__PURE__ */ React.createElement(ComposerEffortRows, { effort, onChosen: close })) : null)
-    ));
+      )
+    ] });
   }
   if (!composerShows(mode, "agent.presets")) {
     if (!onSelectAgent) {
-      return /* @__PURE__ */ React.createElement("span", { className: cn(composerPillClass(size, false), "hover:bg-transparent"), title: "This page always answers with this agent" }, /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium text-foreground" }, label));
+      return /* @__PURE__ */ jsx("span", { className: cn(composerPillClass(size, false), "hover:bg-transparent"), title: "This page always answers with this agent", children: /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground", children: label }) });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       AgentListDropdown,
       {
         onSelect: (agentId) => {
@@ -119,34 +128,37 @@ function ComposerAgentPill({ conversationId, mode, size, agentControl, menuSide,
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, pill), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      side: menuSide,
-      align: "end",
-      sideOffset: 8,
-      className: "flex w-80 max-h-[var(--radix-popover-content-available-height)] flex-col overflow-y-auto p-1"
-    },
-    /* @__PURE__ */ React.createElement(
-      ChatPresetsPanel,
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: pill }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
       {
-        conversationId,
-        info,
-        agentControl,
-        close: () => setOpen(false)
+        side: menuSide,
+        align: "end",
+        sideOffset: 8,
+        className: "flex w-80 max-h-[var(--radix-popover-content-available-height)] flex-col overflow-y-auto p-1",
+        children: /* @__PURE__ */ jsx(
+          ChatPresetsPanel,
+          {
+            conversationId,
+            info,
+            agentControl,
+            close: () => setOpen(false)
+          }
+        )
       }
     )
-  ));
+  ] });
 }
 function ThisAgentRow({ info, close }) {
   if (!info.agentId) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ComposerSubmenu,
     {
       row: { icon: Webhook, label: info.agentName ?? "Agent", description: "View, open or duplicate" },
-      panelClassName: "w-[340px] h-[420px] p-0"
-    },
-    /* @__PURE__ */ React.createElement(ComposerAgentPeek, { agentId: info.agentId, onDone: close })
+      panelClassName: "w-[340px] h-[420px] p-0",
+      children: /* @__PURE__ */ jsx(ComposerAgentPeek, { agentId: info.agentId, onDone: close })
+    }
   );
 }
 function ChatPresetsPanel({
@@ -166,7 +178,14 @@ function ChatPresetsPanel({
   const onSelectAgent = agentControl?.onSelectAgent;
   const agentFilter = useComposerAgentFilter(conversationId);
   if (!onSelectAgent) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ComposerMenuLabel, null, "Agent"), /* @__PURE__ */ React.createElement(ThisAgentRow, { info, close }), /* @__PURE__ */ React.createElement(ComposerMenuHelp, null, "This page always answers with this agent."), /* @__PURE__ */ React.createElement(ComposerMenuDivider, null), /* @__PURE__ */ React.createElement(ComposerMenuLabel, null, "Model for this chat"), /* @__PURE__ */ React.createElement("div", { className: "px-1.5 pb-1" }, /* @__PURE__ */ React.createElement(QuickRunModelSelect, { conversationId, className: "h-8 w-full" })));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Agent" }),
+      /* @__PURE__ */ jsx(ThisAgentRow, { info, close }),
+      /* @__PURE__ */ jsx(ComposerMenuHelp, { children: "This page always answers with this agent." }),
+      /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
+      /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Model for this chat" }),
+      /* @__PURE__ */ jsx("div", { className: "px-1.5 pb-1", children: /* @__PURE__ */ jsx(QuickRunModelSelect, { conversationId, className: "h-8 w-full" }) })
+    ] });
   }
   const choose = (agentId) => {
     close();
@@ -220,48 +239,59 @@ function ChatPresetsPanel({
     dispatch(setOfferingPin({ conversationId, offeringId, seeded: true }));
     void savePersonalDefault("chat_default_offering", offeringId ?? "");
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ComposerMenuLabel, null, "This chat's agent"), /* @__PURE__ */ React.createElement(ThisAgentRow, { info, close }), /* @__PURE__ */ React.createElement(ComposerMenuDivider, null), /* @__PURE__ */ React.createElement(ComposerMenuLabel, null, "Chat agents"), info.presets.map((preset) => /* @__PURE__ */ React.createElement(
-    ComposerMenuRow,
-    {
-      key: preset.id,
-      icon: Star,
-      label: preset.name,
-      detail: preset.modelLabel ?? void 0,
-      checked: preset.id === info.agentId,
-      onClick: () => choose(preset.id)
-    }
-  )), /* @__PURE__ */ React.createElement(
-    ComposerMenuRow,
-    {
-      label: "Custom",
-      description: "Your own default chat, on the model you pick",
-      checked: info.isCustom,
-      disabled: !info.customAgentId,
-      onClick: chooseCustom
-    }
-  ), /* @__PURE__ */ React.createElement(
-    AgentListDropdown,
-    {
-      onSelect: (agentId) => choose(agentId),
-      activeAgentId: info.agentId,
-      agentFilter,
-      contentSide: "left",
-      triggerSlot: /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Layers, null), title: "All agents", end: /* @__PURE__ */ React.createElement(ChevronDown, null) })
-    }
-  ), /* @__PURE__ */ React.createElement(ComposerMenuDivider, null), /* @__PURE__ */ React.createElement(ComposerMenuLabel, null, info.isCustom ? "Model \u2014 your default for Custom" : "Model for this chat"), /* @__PURE__ */ React.createElement("div", { className: "px-1.5 pb-1" }, info.isCustom ? /* @__PURE__ */ React.createElement(
-    ModelListDropdown,
-    {
-      value: personalModelId ?? info.effectiveModelId,
-      onValueChange: (modelId) => void setPersonalModel(modelId),
-      pinnedOfferingId,
-      onOfferingPinChange: setPersonalClass,
-      inputModalities: [],
-      outputModalities: ["text"],
-      placeholder: personalModelLabel ?? info.effectiveModelLabel ?? "Pick a model",
-      "aria-label": "Model for Custom",
-      className: "w-full"
-    }
-  ) : /* @__PURE__ */ React.createElement(QuickRunModelSelect, { conversationId, className: "h-8 w-full" })));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "This chat's agent" }),
+    /* @__PURE__ */ jsx(ThisAgentRow, { info, close }),
+    /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
+    /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Chat agents" }),
+    info.presets.map((preset) => /* @__PURE__ */ jsx(
+      ComposerMenuRow,
+      {
+        icon: Star,
+        label: preset.name,
+        detail: preset.modelLabel ?? void 0,
+        checked: preset.id === info.agentId,
+        onClick: () => choose(preset.id)
+      },
+      preset.id
+    )),
+    /* @__PURE__ */ jsx(
+      ComposerMenuRow,
+      {
+        label: "Custom",
+        description: "Your own default chat, on the model you pick",
+        checked: info.isCustom,
+        disabled: !info.customAgentId,
+        onClick: chooseCustom
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AgentListDropdown,
+      {
+        onSelect: (agentId) => choose(agentId),
+        activeAgentId: info.agentId,
+        agentFilter,
+        contentSide: "left",
+        triggerSlot: /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(Layers, {}), title: "All agents", end: /* @__PURE__ */ jsx(ChevronDown, {}) })
+      }
+    ),
+    /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
+    /* @__PURE__ */ jsx(ComposerMenuLabel, { children: info.isCustom ? "Model \u2014 your default for Custom" : "Model for this chat" }),
+    /* @__PURE__ */ jsx("div", { className: "px-1.5 pb-1", children: info.isCustom ? /* @__PURE__ */ jsx(
+      ModelListDropdown,
+      {
+        value: personalModelId ?? info.effectiveModelId,
+        onValueChange: (modelId) => void setPersonalModel(modelId),
+        pinnedOfferingId,
+        onOfferingPinChange: setPersonalClass,
+        inputModalities: [],
+        outputModalities: ["text"],
+        placeholder: personalModelLabel ?? info.effectiveModelLabel ?? "Pick a model",
+        "aria-label": "Model for Custom",
+        className: "w-full"
+      }
+    ) : /* @__PURE__ */ jsx(QuickRunModelSelect, { conversationId, className: "h-8 w-full" }) })
+  ] });
 }
 export {
   ComposerAgentPill

package/dist/agents/components/inputs/smart-input/composer/ComposerChipsRow.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ChevronDown, Cloud, Server } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@ai-matrx/design-system";
@@ -15,7 +16,7 @@ import { composerShows } from "./composer-mode-visibility.js";
 import { useConversationAbilities } from "../../../../redux/execution-system/host-conversations/conversation-abilities.js";
 function ComposerChipsRow(props) {
   const { database } = useConversationAbilities();
-  return database ? /* @__PURE__ */ React.createElement(ComposerChipsRowBody, { ...props }) : null;
+  return database ? /* @__PURE__ */ jsx(ComposerChipsRowBody, { ...props }) : null;
 }
 function ComposerChipsRowBody({
   conversationId,
@@ -30,7 +31,7 @@ function ComposerChipsRowBody({
   const openCloudBrowser = useOpenCloudBrowserCanvas();
   const boundName = compute.boundView?.target?.name ?? null;
   const EnvIcon = boundName ? Server : Cloud;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -38,51 +39,56 @@ function ComposerChipsRowBody({
         "gap-1.5 px-1",
         chipShape === "soft" && "[&>*]:!rounded-lg",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement(Popover, { open: envOpen, onOpenChange: setEnvOpen, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-      ComposerChip,
-      {
-        open: envOpen,
-        "aria-label": `Runs on: ${boundName ?? "Cloud"}`,
-        icon: /* @__PURE__ */ React.createElement(EnvIcon, { className: "text-muted-foreground" }),
-        label: boundName ?? "Cloud",
-        trailing: /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground" })
-      }
-    )), /* @__PURE__ */ React.createElement(
-      PopoverContent,
-      {
-        side: menuSide,
-        align: "start",
-        sideOffset: 6,
-        className: "w-80 p-1"
-      },
-      /* @__PURE__ */ React.createElement(
-        ComposerEnvironmentPanel,
-        {
-          conversationId,
-          sandboxBlocked: compute.sandboxBlocked,
-          onOpenSandbox: () => {
-            setEnvOpen(false);
-            openRunControlsWindow({ conversationId, initialTab: "sandbox" });
-          },
-          onOpenBrowser: () => {
-            setEnvOpen(false);
-            openCloudBrowser({ conversationId });
-          },
-          onChosen: () => setEnvOpen(false)
-        }
-      )
-    )),
-    /* @__PURE__ */ React.createElement(
-      ChatConnectionsStrip,
-      {
-        conversationId,
-        variant: "chips",
-        showResources: composerShows(mode, "chips.repos"),
-        emptyChips: /* @__PURE__ */ React.createElement(ComposerConnectPromo, { conversationId, menuSide })
-      }
-    )
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(Popover, { open: envOpen, onOpenChange: setEnvOpen, modal: false, children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            ComposerChip,
+            {
+              open: envOpen,
+              "aria-label": `Runs on: ${boundName ?? "Cloud"}`,
+              icon: /* @__PURE__ */ jsx(EnvIcon, { className: "text-muted-foreground" }),
+              label: boundName ?? "Cloud",
+              trailing: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            PopoverContent,
+            {
+              side: menuSide,
+              align: "start",
+              sideOffset: 6,
+              className: "w-80 p-1",
+              children: /* @__PURE__ */ jsx(
+                ComposerEnvironmentPanel,
+                {
+                  conversationId,
+                  sandboxBlocked: compute.sandboxBlocked,
+                  onOpenSandbox: () => {
+                    setEnvOpen(false);
+                    openRunControlsWindow({ conversationId, initialTab: "sandbox" });
+                  },
+                  onOpenBrowser: () => {
+                    setEnvOpen(false);
+                    openCloudBrowser({ conversationId });
+                  },
+                  onChosen: () => setEnvOpen(false)
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ChatConnectionsStrip,
+          {
+            conversationId,
+            variant: "chips",
+            showResources: composerShows(mode, "chips.repos"),
+            emptyChips: /* @__PURE__ */ jsx(ComposerConnectPromo, { conversationId, menuSide })
+          }
+        )
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/inputs/smart-input/composer/ComposerConnectPromo.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   GitHubMark,
   GmailMark,
@@ -24,27 +25,30 @@ function ComposerConnectPromo({
 }) {
   const [open, setOpen] = useState(false);
   const names = POPULAR.map((p) => p.name).join(", ");
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    ComposerChip,
-    {
-      open,
-      tone: "quiet",
-      wrapperClassName: className,
-      title: `Connect ${names} and more`,
-      "aria-label": `Connections: ${names} and more`,
-      icon: /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, POPULAR.map(({ name, Mark }) => /* @__PURE__ */ React.createElement(Mark, { key: name, colored: true, className: "h-3.5 w-3.5" }))),
-      label: "Connect"
-    }
-  )), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      side: menuSide,
-      align: "start",
-      sideOffset: 6,
-      className: "flex h-[min(70dvh,480px)] w-[360px] max-w-[calc(100vw-1rem)] flex-col overflow-hidden p-0"
-    },
-    /* @__PURE__ */ React.createElement(ComposerConnectorsPanel, { conversationId, onNavigate: () => setOpen(false) })
-  ));
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      ComposerChip,
+      {
+        open,
+        tone: "quiet",
+        wrapperClassName: className,
+        title: `Connect ${names} and more`,
+        "aria-label": `Connections: ${names} and more`,
+        icon: /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: POPULAR.map(({ name, Mark }) => /* @__PURE__ */ jsx(Mark, { colored: true, className: "h-3.5 w-3.5" }, name)) }),
+        label: "Connect"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        side: menuSide,
+        align: "start",
+        sideOffset: 6,
+        className: "flex h-[min(70dvh,480px)] w-[360px] max-w-[calc(100vw-1rem)] flex-col overflow-hidden p-0",
+        children: /* @__PURE__ */ jsx(ComposerConnectorsPanel, { conversationId, onNavigate: () => setOpen(false) })
+      }
+    )
+  ] });
 }
 export {
   ComposerConnectPromo