@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/conversation-history/ConversationLaneToggles.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import { ToggleGroup, ToggleGroupItem } from "@ai-matrx/design-system";
@@ -32,7 +32,7 @@ const ConversationLaneToggles = ({ className }) => {
   const facetsStatus = useAppSelector(selectSourceFacetsStatus);
   const setLanes = useSetConversationLanes();
   const countsKnown = facetsStatus === "succeeded";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ToggleGroup,
     {
       type: "multiple",
@@ -42,43 +42,45 @@ const ConversationLaneToggles = ({ className }) => {
       className: cn(
         "grid w-full grid-cols-5 overflow-hidden rounded-sm border border-border bg-background",
         className
-      )
-    },
-    CONVERSATION_LANES.map((lane) => {
-      const meta = LANE_META[lane];
-      const on = lanes.includes(lane);
-      const count = counts[lane];
-      return /* @__PURE__ */ React.createElement(
-        ToggleGroupItem,
-        {
-          key: lane,
-          value: lane,
-          "aria-label": `${meta.label}${on ? " (shown)" : " (hidden)"}`,
-          title: countsKnown ? `${meta.label} \xB7 ${count.toLocaleString()} \u2014 ${meta.description}` : `${meta.label} \u2014 ${meta.description}`,
-          className: cn(
-            "h-7 min-w-0 rounded-none border-0 border-r border-border px-1 text-[10px] font-medium whitespace-nowrap text-muted-foreground last:border-r-0",
-            "hover:bg-accent hover:text-foreground data-[state=on]:bg-primary/10 data-[state=on]:text-primary-ink data-[state=on]:shadow-none"
-          )
-        },
-        meta.label
-      );
-    })
+      ),
+      children: CONVERSATION_LANES.map((lane) => {
+        const meta = LANE_META[lane];
+        const on = lanes.includes(lane);
+        const count = counts[lane];
+        return /* @__PURE__ */ jsx(
+          ToggleGroupItem,
+          {
+            value: lane,
+            "aria-label": `${meta.label}${on ? " (shown)" : " (hidden)"}`,
+            title: countsKnown ? `${meta.label} \xB7 ${count.toLocaleString()} \u2014 ${meta.description}` : `${meta.label} \u2014 ${meta.description}`,
+            className: cn(
+              "h-7 min-w-0 rounded-none border-0 border-r border-border px-1 text-[10px] font-medium whitespace-nowrap text-muted-foreground last:border-r-0",
+              "hover:bg-accent hover:text-foreground data-[state=on]:bg-primary/10 data-[state=on]:text-primary-ink data-[state=on]:shadow-none"
+            ),
+            children: meta.label
+          },
+          lane
+        );
+      })
+    }
   );
 };
 const AllLanesOffNotice = ({
   className
 }) => {
   const setLanes = useSetConversationLanes();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "flex flex-col items-center gap-2 px-3 py-6 text-center text-xs text-muted-foreground",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement("span", null, "Every lane is off."),
-    /* @__PURE__ */ React.createElement(Button, { variant: "outline", onClick: () => setLanes(DEFAULT_CONVERSATION_LANES) }, "Show Chat and Matrx")
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { children: "Every lane is off." }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setLanes(DEFAULT_CONVERSATION_LANES), children: "Show Chat and Matrx" })
+      ]
+    }
   );
 };
 var ConversationLaneToggles_default = ConversationLaneToggles;

package/dist/agents/components/conversation-history/ConversationPickerWindow.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { WindowPanel } from "../../../host/ui-slots.js";
 import { ConversationHistorySidebar } from "./ConversationHistorySidebar.js";
@@ -12,7 +13,7 @@ function ConversationPickerWindow({
   activeConversationId
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ConversationPickerWindowInner,
     {
       onClose,
@@ -37,7 +38,7 @@ function ConversationPickerWindowInner({
     },
     [onSelect, onClose]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WindowPanel,
     {
       id: `conversation-picker:${scopeId}`,
@@ -49,23 +50,23 @@ function ConversationPickerWindowInner({
       minHeight: 320,
       position: "center",
       bodyClassName: "p-0",
-      hidePopOutButton: true
-    },
-    /* @__PURE__ */ React.createElement(
-      ConversationHistorySidebar,
-      {
-        variant: "consumer",
-        scopeId,
-        agentIds: ALL_AGENTS,
-        surfaceId: "conversation-picker",
-        activeConversationId: activeConversationId ?? null,
-        onOpenConversation: handleOpenConversation,
-        openInPlace: true,
-        historyLabel: "Conversations",
-        initialSearchOpen: true,
-        className: "h-full bg-transparent"
-      }
-    )
+      hidePopOutButton: true,
+      children: /* @__PURE__ */ jsx(
+        ConversationHistorySidebar,
+        {
+          variant: "consumer",
+          scopeId,
+          agentIds: ALL_AGENTS,
+          surfaceId: "conversation-picker",
+          activeConversationId: activeConversationId ?? null,
+          onOpenConversation: handleOpenConversation,
+          openInPlace: true,
+          historyLabel: "Conversations",
+          initialSearchOpen: true,
+          className: "h-full bg-transparent"
+        }
+      )
+    }
   );
 }
 export {

package/dist/agents/components/conversation-history/ConversationSearchStatus.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 import { conversationSearchRangeLabel } from "../../redux/conversation-history/conversation-search.js";
 import { Button } from "@ai-matrx/design-system/controls";
@@ -12,14 +13,27 @@ function ConversationSearchStatus({
   const remaining = Math.max(0, state.total - state.items.length);
   const nextCount = Math.min(pageSize, remaining);
   const firstSearchPending = !state.isSettled || state.status === "loading" || state.status === "idle";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "mx-2 mb-1 rounded-lg border border-border bg-muted/35 px-2.5 py-2 text-xs",
-      "aria-live": "polite"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 text-muted-foreground" }, firstSearchPending && /* @__PURE__ */ React.createElement(Loader2, { className: "h-3 w-3 animate-spin" }), /* @__PURE__ */ React.createElement("span", null, firstSearchPending ? `Searching ${rangeLabel}${cachedCount > 0 ? ` \xB7 ${cachedCount} cached first` : ""}` : state.status === "failed" ? state.error : state.total === 0 ? `No matches in ${rangeLabel}` : `${state.total} result${state.total === 1 ? "" : "s"} \xB7 Searched ${rangeLabel}`)),
-    state.isSettled && state.status !== "loading" && /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 flex flex-wrap gap-1" }, state.status === "failed" && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: state.retry }, "Retry"), remaining > 0 && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: () => void state.loadMore(), disabled: state.status === "loading-more" }, state.status === "loading-more" ? "Loading\u2026" : `Show ${nextCount} more`), nextLabel && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: state.expandRange }, "Search ", nextLabel), !state.effectiveDeep && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: state.enableDeepSearch }, "Search message text"))
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+          firstSearchPending && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }),
+          /* @__PURE__ */ jsx("span", { children: firstSearchPending ? `Searching ${rangeLabel}${cachedCount > 0 ? ` \xB7 ${cachedCount} cached first` : ""}` : state.status === "failed" ? state.error : state.total === 0 ? `No matches in ${rangeLabel}` : `${state.total} result${state.total === 1 ? "" : "s"} \xB7 Searched ${rangeLabel}` })
+        ] }),
+        state.isSettled && state.status !== "loading" && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap gap-1", children: [
+          state.status === "failed" && /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: state.retry, children: "Retry" }),
+          remaining > 0 && /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: () => void state.loadMore(), disabled: state.status === "loading-more", children: state.status === "loading-more" ? "Loading\u2026" : `Show ${nextCount} more` }),
+          nextLabel && /* @__PURE__ */ jsxs(Button, { variant: "quiet", onClick: state.expandRange, children: [
+            "Search ",
+            nextLabel
+          ] }),
+          !state.effectiveDeep && /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: state.enableDeepSearch, children: "Search message text" })
+        ] })
+      ]
+    }
   );
 }
 export {