@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/chat/ConversationRecordsChip.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Badge } from "@ai-matrx/design-system/controls";
 import { useState } from "react";
 import { Boxes } from "lucide-react";
@@ -16,25 +17,33 @@ function ConversationRecordsChip({
     { type: CONVERSATION_ANCHOR_TYPE, id: conversationId },
     open
   );
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      "data-conversation-records-trigger": true,
-      "aria-label": state.status === "ready" && state.active.length > 0 ? `Records this chat produced: ${state.active.length}` : "Records this chat produced",
-      className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement(Boxes, { className: "h-4 w-4", "aria-hidden": true }),
-    /* @__PURE__ */ React.createElement("span", { className: "hidden sm:inline" }, "Records"),
-    state.status === "ready" && state.active.length > 0 && /* @__PURE__ */ React.createElement(Badge, { tone: "primary" }, state.active.length)
-  )), /* @__PURE__ */ React.createElement(PopoverContent, { sizing: "content", align: "end", className: "p-3" }, /* @__PURE__ */ React.createElement("div", { className: "mb-2 text-sm font-semibold text-foreground" }, "Records this chat produced"), /* @__PURE__ */ React.createElement(
-    AnchorRecordsList,
-    {
-      state,
-      loadingText: "Reading this chat\u2026",
-      emptyText: "Nothing yet. When this chat produces a saved Shape \u2014 a wine tasting, a recipe, anything with its own record \u2014 it is kept here with a link straight to it."
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-conversation-records-trigger": true,
+        "aria-label": state.status === "ready" && state.active.length > 0 ? `Records this chat produced: ${state.active.length}` : "Records this chat produced",
+        className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-accent hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(Boxes, { className: "h-4 w-4", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Records" }),
+          state.status === "ready" && state.active.length > 0 && /* @__PURE__ */ jsx(Badge, { tone: "primary", children: state.active.length })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { sizing: "content", align: "end", className: "p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-semibold text-foreground", children: "Records this chat produced" }),
+      /* @__PURE__ */ jsx(
+        AnchorRecordsList,
+        {
+          state,
+          loadingText: "Reading this chat\u2026",
+          emptyText: "Nothing yet. When this chat produces a saved Shape \u2014 a wine tasting, a recipe, anything with its own record \u2014 it is kept here with a link straight to it."
+        }
+      )
+    ] })
+  ] });
 }
 export {
   ConversationRecordsChip

package/dist/agents/components/chat/ConversationRoomNotice.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Chip } from "@ai-matrx/design-system/controls";
 import { useEffect, useState } from "react";
 import { Lock } from "lucide-react";
@@ -52,20 +53,23 @@ function ConversationRoomNotice({ conversationId }) {
   }, [conversationId]);
   if (!notice?.inSharedRoom) return null;
   const where = notice.roomCount > 1 ? `${notice.roomLabel} and ${notice.roomCount - 1} other ${notice.roomCount === 2 ? "room" : "rooms"}` : notice.roomLabel;
-  return /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 items-center gap-1" }, /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      tone: "slate",
-      icon: /* @__PURE__ */ React.createElement(Lock, { "aria-hidden": true }),
-      label: `Personal \u2014 only you can see this, even inside a shared room${where ? ` (${where})` : ""}`
-    }
-  ), /* @__PURE__ */ React.createElement(
-    InfoHint,
-    {
-      label: "About this chat",
-      text: `Personal chat in ${where ?? "a shared room"}; only you can open it until you share it with the room.`
-    }
-  ));
+  return /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsx(
+      Chip,
+      {
+        tone: "slate",
+        icon: /* @__PURE__ */ jsx(Lock, { "aria-hidden": true }),
+        label: `Personal \u2014 only you can see this, even inside a shared room${where ? ` (${where})` : ""}`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      InfoHint,
+      {
+        label: "About this chat",
+        text: `Personal chat in ${where ?? "a shared room"}; only you can open it until you share it with the room.`
+      }
+    )
+  ] });
 }
 export {
   ConversationRoomNotice

package/dist/agents/components/chat/NewChatGreeting.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRouter } from "../../../host/navigation.js";
 import { useAppStore } from "../../../store/hooks.js";
 import { DEFAULT_NEW_CHAT_MANDATE_KEY } from "./chat-quick-actions.config.js";
@@ -26,31 +27,36 @@ function NewChatGreeting({
       sourceConversationId
     });
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex min-h-full flex-col items-center justify-center px-4 py-10" }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full max-w-[760px] flex-col items-center gap-4" }, /* @__PURE__ */ React.createElement(ComposerGreeting, { className: "mb-4" }), /* @__PURE__ */ React.createElement("div", { className: "w-full" }, /* @__PURE__ */ React.createElement(ConnectorPromptHost, null)), sourceConversationId ? /* @__PURE__ */ React.createElement(
-    SmartAgentInput,
-    {
-      conversationId: sourceConversationId,
-      surfaceKey,
-      composer: { ...composer, size: "splash", placeholder: "How can I help you today?" }
-    }
-  ) : /* @__PURE__ */ React.createElement(ChatSplashComposerShell, null), /* @__PURE__ */ React.createElement(
-    ComposerQuickActions,
-    {
-      className: "w-full max-w-[720px]",
-      onLaunchAgent: handleQuickAction,
-      trailing: (mandateKeys) => /* @__PURE__ */ React.createElement(
-        IntelligenceIndicator,
-        {
-          feature: "chat",
-          mandateKeys: [DEFAULT_NEW_CHAT_MANDATE_KEY, ...mandateKeys],
-          label: "The chat assistant and these quick starts"
-        }
-      )
-    }
-  )));
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-full flex-col items-center justify-center px-4 py-10", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[760px] flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsx(ComposerGreeting, { className: "mb-4" }),
+    /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(ConnectorPromptHost, {}) }),
+    sourceConversationId ? /* @__PURE__ */ jsx(
+      SmartAgentInput,
+      {
+        conversationId: sourceConversationId,
+        surfaceKey,
+        composer: { ...composer, size: "splash", placeholder: "How can I help you today?" }
+      }
+    ) : /* @__PURE__ */ jsx(ChatSplashComposerShell, {}),
+    /* @__PURE__ */ jsx(
+      ComposerQuickActions,
+      {
+        className: "w-full max-w-[720px]",
+        onLaunchAgent: handleQuickAction,
+        trailing: (mandateKeys) => /* @__PURE__ */ jsx(
+          IntelligenceIndicator,
+          {
+            feature: "chat",
+            mandateKeys: [DEFAULT_NEW_CHAT_MANDATE_KEY, ...mandateKeys],
+            label: "The chat assistant and these quick starts"
+          }
+        )
+      }
+    )
+  ] }) });
 }
 function ChatSplashComposerShell() {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "aria-hidden": true,

package/dist/agents/components/chat/PinnedAgentsSection.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useRouter, Link } from "../../../host/navigation.js";
 import { cn } from "@ai-matrx/design-system";
@@ -39,57 +40,65 @@ function PinnedAgentsSection({
   const hasMorePins = pinned.length > PINNED_COLLAPSED_LIMIT;
   const visiblePins = showAll || !hasMorePins ? pinned : pinned.slice(0, PINNED_COLLAPSED_LIMIT);
   if (pinned.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "shrink-0 border-b border-border" }, /* @__PURE__ */ React.createElement(
-    DisclosureHeader,
-    {
-      className: "w-full",
-      open,
-      onClick: () => setOpen((v) => !v),
-      variant: "label",
-      chevron: "end",
-      "aria-label": "Toggle pinned agents",
-      title: "Pinned Agents",
-      meta: pinned.length
-    }
-  ), open && /* @__PURE__ */ React.createElement("ul", { className: "pb-1.5" }, visiblePins.map((agent) => {
-    const isActive = activeAgentId === agent.id;
-    return /* @__PURE__ */ React.createElement("li", { key: agent.id }, /* @__PURE__ */ React.createElement(
-      Link,
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b border-border", children: [
+    /* @__PURE__ */ jsx(
+      DisclosureHeader,
       {
-        href: pinnedAgentHref(agent.id),
-        title: agent.description || agent.name || void 0,
-        className: cn(
-          "group mx-1 flex h-8 items-center gap-1.5 rounded-lg px-2 text-sm",
-          "text-foreground/90 hover:bg-accent/60",
-          isActive && "bg-accent/70"
-        ),
-        onClick: (event) => {
-          if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
-            return;
-          event.preventDefault();
-          stageChatAgentSwitch({
-            dispatch: store.dispatch,
-            router,
-            getState: store.getState,
-            targetAgentId: agent.id,
-            sourceAgentId: activeAgentId
-          });
-        }
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate" }, agent.name || "Untitled agent"),
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: "shrink-0 opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100",
-          onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
+        className: "w-full",
+        open,
+        onClick: () => setOpen((v) => !v),
+        variant: "label",
+        chevron: "end",
+        "aria-label": "Toggle pinned agents",
+        title: "Pinned Agents",
+        meta: pinned.length
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("ul", { className: "pb-1.5", children: [
+      visiblePins.map((agent) => {
+        const isActive = activeAgentId === agent.id;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: pinnedAgentHref(agent.id),
+            title: agent.description || agent.name || void 0,
+            className: cn(
+              "group mx-1 flex h-8 items-center gap-1.5 rounded-lg px-2 text-sm",
+              "text-foreground/90 hover:bg-accent/60",
+              isActive && "bg-accent/70"
+            ),
+            onClick: (event) => {
+              if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                return;
+              event.preventDefault();
+              stageChatAgentSwitch({
+                dispatch: store.dispatch,
+                router,
+                getState: store.getState,
+                targetAgentId: agent.id,
+                sourceAgentId: activeAgentId
+              });
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: agent.name || "Untitled agent" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "shrink-0 opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ jsx(FavoriteAgentButton, { id: agent.id, variant: "list" })
+                }
+              )
+            ]
           }
-        },
-        /* @__PURE__ */ React.createElement(FavoriteAgentButton, { id: agent.id, variant: "list" })
-      )
-    ));
-  }), hasMorePins && /* @__PURE__ */ React.createElement("li", { className: "mx-1" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: () => setShowAll((v) => !v), "aria-expanded": showAll, className: "w-full" }, showAll ? "Show less" : "Show all"))));
+        ) }, agent.id);
+      }),
+      hasMorePins && /* @__PURE__ */ jsx("li", { className: "mx-1", children: /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: () => setShowAll((v) => !v), "aria-expanded": showAll, className: "w-full", children: showAll ? "Show less" : "Show all" }) })
+    ] })
+  ] });
 }
 export {
   PinnedAgentsSection