@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/shared/AutoInjectionSwitch.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Switch } from "../../../ui/switch.js";
 import { cn } from "@ai-matrx/design-system";
 function AutoInjectionSwitch({
@@ -14,7 +15,7 @@ function AutoInjectionSwitch({
 }) {
   if (compact) {
     const title = typeof statusText === "string" ? `${label}. ${statusText}` : label;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "label",
       {
         htmlFor: id,
@@ -23,70 +24,80 @@ function AutoInjectionSwitch({
           "inline-flex h-7 shrink-0 cursor-pointer items-center gap-1.5 rounded-md px-1.5 transition-colors hover:bg-muted",
           warn && "bg-amber-500/10",
           className
-        )
-      },
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: cn(
-            "shrink-0",
-            disabled ? "text-muted-foreground" : "text-primary",
-            warn && "text-amber-600 dark:text-amber-400"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "shrink-0",
+                disabled ? "text-muted-foreground" : "text-primary",
+                warn && "text-amber-600 dark:text-amber-400"
+              ),
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: statusText }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              id,
+              checked: !disabled,
+              onCheckedChange: (allow) => onChange(!allow),
+              className: "shrink-0"
+            }
           )
-        },
-        icon
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, label),
-      /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, statusText),
-      /* @__PURE__ */ React.createElement(
-        Switch,
-        {
-          id,
-          checked: !disabled,
-          onCheckedChange: (allow) => onChange(!allow),
-          className: "shrink-0"
-        }
-      )
+        ]
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "label",
     {
       htmlFor: id,
       className: cn(
         "flex items-center justify-between gap-3 px-3 py-2 border-b border-border bg-muted/30 shrink-0 cursor-pointer",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "shrink-0",
-          disabled ? "text-muted-foreground" : "text-primary",
-          warn && "text-amber-600 dark:text-amber-400"
-        )
-      },
-      icon
-    ), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium text-foreground" }, label), /* @__PURE__ */ React.createElement(
-      "p",
-      {
-        className: cn(
-          "text-[11px] leading-tight",
-          warn ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "shrink-0",
+                disabled ? "text-muted-foreground" : "text-primary",
+                warn && "text-amber-600 dark:text-amber-400"
+              ),
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: label }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "text-[11px] leading-tight",
+                  warn ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground"
+                ),
+                children: statusText
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            id,
+            checked: !disabled,
+            onCheckedChange: (allow) => onChange(!allow),
+            className: "shrink-0"
+          }
         )
-      },
-      statusText
-    ))),
-    /* @__PURE__ */ React.createElement(
-      Switch,
-      {
-        id,
-        checked: !disabled,
-        onCheckedChange: (allow) => onChange(!allow),
-        className: "shrink-0"
-      }
-    )
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/shared/DesktopFilterPanel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import {
   ChevronDown,
@@ -38,28 +39,30 @@ function RadioSelect({
   onChange,
   options
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, options.map((opt) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: options.map((opt) => /* @__PURE__ */ jsxs(
     "button",
     {
-      key: opt.value,
       onClick: () => onChange(opt.value),
       className: cn(
         "flex items-center gap-2 px-3 py-1.5 rounded-md text-sm transition-colors text-left",
         value === opt.value ? "bg-primary/10 text-primary-ink font-medium" : "text-muted-foreground hover:bg-muted hover:text-foreground"
-      )
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "w-3.5 h-3.5 rounded-full border-2 flex items-center justify-center shrink-0",
+              value === opt.value ? "border-primary" : "border-muted-foreground/40"
+            ),
+            children: value === opt.value && /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-primary" })
+          }
+        ),
+        opt.label
+      ]
     },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "w-3.5 h-3.5 rounded-full border-2 flex items-center justify-center shrink-0",
-          value === opt.value ? "border-primary" : "border-muted-foreground/40"
-        )
-      },
-      value === opt.value && /* @__PURE__ */ React.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-primary" })
-    ),
-    opt.label
-  )));
+    opt.value
+  )) });
 }
 function MultiSelectChips({
   items,
@@ -81,26 +84,44 @@ function MultiSelectChips({
       onChange([...selected, val]);
     }
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, items.length > 5 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 px-2 h-7 rounded-md bg-muted/50 border border-border/50" }, /* @__PURE__ */ React.createElement(Search, { className: "h-3 w-3 text-muted-foreground shrink-0" }), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "text",
-      placeholder: searchPlaceholder,
-      value: searchQ,
-      onChange: (e) => setSearchQ(e.target.value),
-      className: "flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground/50 outline-none"
-    }
-  ), searchQ && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), "aria-label": "Clear search", onClick: () => setSearchQ("") })), hasFilter && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", tone: "primary", onClick: () => onChange([]) }, "Clear filter"), /* @__PURE__ */ React.createElement("div", { className: "max-h-[180px] overflow-y-auto" }, /* @__PURE__ */ React.createElement(ChipSet, null, !searchQ && /* @__PURE__ */ React.createElement(Chip, { asChild: true, pressed: includesNone, label: noneLabel }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => toggle(NONE_SENTINEL) })), filtered.map((item) => {
-    const isSelected = selected.includes(item);
-    return /* @__PURE__ */ React.createElement(Chip, { key: item, asChild: true, pressed: isSelected, label: item }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => toggle(item) }));
-  }))), filtered.length === 0 && searchQ && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "No matches"));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    items.length > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 h-7 rounded-md bg-muted/50 border border-border/50", children: [
+      /* @__PURE__ */ jsx(Search, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: searchPlaceholder,
+          value: searchQ,
+          onChange: (e) => setSearchQ(e.target.value),
+          className: "flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground/50 outline-none"
+        }
+      ),
+      searchQ && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), "aria-label": "Clear search", onClick: () => setSearchQ("") })
+    ] }),
+    hasFilter && /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "primary", onClick: () => onChange([]), children: "Clear filter" }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[180px] overflow-y-auto", children: /* @__PURE__ */ jsxs(ChipSet, { children: [
+      !searchQ && /* @__PURE__ */ jsx(Chip, { asChild: true, pressed: includesNone, label: noneLabel, children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => toggle(NONE_SENTINEL) }) }),
+      filtered.map((item) => {
+        const isSelected = selected.includes(item);
+        return /* @__PURE__ */ jsx(Chip, { asChild: true, pressed: isSelected, label: item, children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => toggle(item) }) }, item);
+      })
+    ] }) }),
+    filtered.length === 0 && searchQ && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No matches" })
+  ] });
 }
 function FilterSection({
   label,
   children,
   active
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-semibold text-foreground uppercase tracking-wider" }, label), active && /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-primary" })), children);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground uppercase tracking-wider", children: label }),
+      active && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-primary" })
+    ] }),
+    children
+  ] });
 }
 function DesktopFilterPanel({
   sortBy,
@@ -127,125 +148,147 @@ function DesktopFilterPanel({
   iconOnly = false
 }) {
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, iconOnly ? /* @__PURE__ */ React.createElement(
-    SurfaceButton,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "h-8 w-8 rounded-full matrx-glass-thin-border hover:shadow-xl relative border border-border/50 shrink-0",
-      title: "Filters"
-    },
-    /* @__PURE__ */ React.createElement(SlidersHorizontal, { className: "h-4 w-4" }),
-    activeFilterCount > 0 && /* @__PURE__ */ React.createElement("span", { className: "absolute -top-1 -right-1 inline-flex items-center justify-center h-4 min-w-[16px] px-1 text-[10px] font-bold bg-primary text-primary-foreground rounded-full" }, activeFilterCount)
-  ) : /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: cn(
-            "h-3.5 w-3.5 transition-transform",
-            open && "rotate-180"
-          )
-        }
-      ),
-      type: "submit",
-      variant: "quiet",
-      className: "relative"
-    },
-    "Filters",
-    activeFilterCount > 0 && /* @__PURE__ */ React.createElement("span", { className: "ml-1 inline-flex items-center justify-center h-4 min-w-[16px] px-1 text-[10px] font-bold bg-primary text-primary-foreground rounded-full" }, activeFilterCount)
-  )), /* @__PURE__ */ React.createElement(
-    PopoverContent,
-    {
-      sizing: "content",
-      align: "end",
-      sideOffset: 8,
-      collisionPadding: 16,
-      className: "p-0 overflow-hidden flex flex-col",
-      style: {
-        maxHeight: "var(--radix-popover-content-available-height, calc(100dvh - 120px))"
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-border shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold" }, "Filters & Sort"), activeFilterCount > 0 && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", tone: "primary", icon: /* @__PURE__ */ React.createElement(RotateCcw, null), onClick: resetFilters }, "Reset all")),
-    /* @__PURE__ */ React.createElement("div", { className: "overflow-y-auto min-h-0 flex-1 p-4 space-y-5" }, /* @__PURE__ */ React.createElement(FilterSection, { label: "Sort", active: sortBy !== "updated-desc" }, /* @__PURE__ */ React.createElement(
-      RadioSelect,
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: iconOnly ? /* @__PURE__ */ jsxs(
+      SurfaceButton,
       {
-        value: sortBy,
-        onChange: setSortBy,
-        options: SORT_OPTIONS
-      }
-    )), (hasShared || hasSystem) && /* @__PURE__ */ React.createElement(FilterSection, { label: "Show", active: activeTab !== "mine" }, /* @__PURE__ */ React.createElement(
-      RadioSelect,
-      {
-        value: activeTab,
-        onChange: setActiveTab,
-        options: [
-          { value: "mine", label: `My ${nounPlural}` },
-          { value: "shared", label: "Shared with Me" },
-          { value: "all", label: `All ${nounPlural}` },
-          ...hasSystem ? [{ value: "system", label: "System" }] : []
+        variant: "ghost",
+        size: "icon",
+        className: "h-8 w-8 rounded-full matrx-glass-thin-border hover:shadow-xl relative border border-border/50 shrink-0",
+        title: "Filters",
+        children: [
+          /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-4 w-4" }),
+          activeFilterCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 inline-flex items-center justify-center h-4 min-w-[16px] px-1 text-[10px] font-bold bg-primary text-primary-foreground rounded-full", children: activeFilterCount })
         ]
       }
-    )), /* @__PURE__ */ React.createElement(FilterSection, { label: "Favorites", active: favFilter !== "all" }, /* @__PURE__ */ React.createElement(
-      RadioSelect,
-      {
-        value: favFilter,
-        onChange: setFavFilter,
-        options: FAV_OPTIONS
-      }
-    )), /* @__PURE__ */ React.createElement(FilterSection, { label: "Archived", active: archFilter !== "active" }, /* @__PURE__ */ React.createElement(
-      RadioSelect,
-      {
-        value: archFilter,
-        onChange: setArchFilter,
-        options: ARCH_OPTIONS
-      }
-    )), allCategories.length > 0 && /* @__PURE__ */ React.createElement(FilterSection, { label: "Categories", active: includedCats.length > 0 }, /* @__PURE__ */ React.createElement(
-      MultiSelectChips,
-      {
-        items: allCategories,
-        selected: includedCats,
-        onChange: setIncludedCats,
-        noneLabel: "Uncategorized",
-        searchPlaceholder: "Find category..."
-      }
-    )), allTags.length > 0 && /* @__PURE__ */ React.createElement(FilterSection, { label: "Tags", active: includedTags.length > 0 }, /* @__PURE__ */ React.createElement(
-      MultiSelectChips,
-      {
-        items: allTags,
-        selected: includedTags,
-        onChange: setIncludedTags,
-        noneLabel: "Untagged",
-        searchPlaceholder: "Find tag..."
-      }
-    )), /* @__PURE__ */ React.createElement(FilterSection, { label: "Options" }, /* @__PURE__ */ React.createElement(
-      "button",
+    ) : /* @__PURE__ */ jsxs(
+      Button,
       {
-        onClick: () => setFavoritesFirst(!favoritesFirst),
-        className: "flex items-center gap-2 w-full text-sm text-left"
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: cn(
-            "w-8 h-[18px] rounded-full relative transition-colors shrink-0",
-            favoritesFirst ? "bg-primary" : "bg-muted border border-border"
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          "span",
+        icon: /* @__PURE__ */ jsx(
+          ChevronDown,
           {
             className: cn(
-              "absolute top-[1px] w-4 h-4 rounded-full bg-background border border-primary shadow-sm transition-all",
-              favoritesFirst ? "left-[14px]" : "left-[1px]"
+              "h-3.5 w-3.5 transition-transform",
+              open && "rotate-180"
             )
           }
-        )
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "text-foreground" }, "Pin favorites to top")
-    )))
-  ));
+        ),
+        type: "submit",
+        variant: "quiet",
+        className: "relative",
+        children: [
+          "Filters",
+          activeFilterCount > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1 inline-flex items-center justify-center h-4 min-w-[16px] px-1 text-[10px] font-bold bg-primary text-primary-foreground rounded-full", children: activeFilterCount })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        sizing: "content",
+        align: "end",
+        sideOffset: 8,
+        collisionPadding: 16,
+        className: "p-0 overflow-hidden flex flex-col",
+        style: {
+          maxHeight: "var(--radix-popover-content-available-height, calc(100dvh - 120px))"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-border shrink-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Filters & Sort" }),
+            activeFilterCount > 0 && /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "primary", icon: /* @__PURE__ */ jsx(RotateCcw, {}), onClick: resetFilters, children: "Reset all" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "overflow-y-auto min-h-0 flex-1 p-4 space-y-5", children: [
+            /* @__PURE__ */ jsx(FilterSection, { label: "Sort", active: sortBy !== "updated-desc", children: /* @__PURE__ */ jsx(
+              RadioSelect,
+              {
+                value: sortBy,
+                onChange: setSortBy,
+                options: SORT_OPTIONS
+              }
+            ) }),
+            (hasShared || hasSystem) && /* @__PURE__ */ jsx(FilterSection, { label: "Show", active: activeTab !== "mine", children: /* @__PURE__ */ jsx(
+              RadioSelect,
+              {
+                value: activeTab,
+                onChange: setActiveTab,
+                options: [
+                  { value: "mine", label: `My ${nounPlural}` },
+                  { value: "shared", label: "Shared with Me" },
+                  { value: "all", label: `All ${nounPlural}` },
+                  ...hasSystem ? [{ value: "system", label: "System" }] : []
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(FilterSection, { label: "Favorites", active: favFilter !== "all", children: /* @__PURE__ */ jsx(
+              RadioSelect,
+              {
+                value: favFilter,
+                onChange: setFavFilter,
+                options: FAV_OPTIONS
+              }
+            ) }),
+            /* @__PURE__ */ jsx(FilterSection, { label: "Archived", active: archFilter !== "active", children: /* @__PURE__ */ jsx(
+              RadioSelect,
+              {
+                value: archFilter,
+                onChange: setArchFilter,
+                options: ARCH_OPTIONS
+              }
+            ) }),
+            allCategories.length > 0 && /* @__PURE__ */ jsx(FilterSection, { label: "Categories", active: includedCats.length > 0, children: /* @__PURE__ */ jsx(
+              MultiSelectChips,
+              {
+                items: allCategories,
+                selected: includedCats,
+                onChange: setIncludedCats,
+                noneLabel: "Uncategorized",
+                searchPlaceholder: "Find category..."
+              }
+            ) }),
+            allTags.length > 0 && /* @__PURE__ */ jsx(FilterSection, { label: "Tags", active: includedTags.length > 0, children: /* @__PURE__ */ jsx(
+              MultiSelectChips,
+              {
+                items: allTags,
+                selected: includedTags,
+                onChange: setIncludedTags,
+                noneLabel: "Untagged",
+                searchPlaceholder: "Find tag..."
+              }
+            ) }),
+            /* @__PURE__ */ jsx(FilterSection, { label: "Options", children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setFavoritesFirst(!favoritesFirst),
+                className: "flex items-center gap-2 w-full text-sm text-left",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "w-8 h-[18px] rounded-full relative transition-colors shrink-0",
+                        favoritesFirst ? "bg-primary" : "bg-muted border border-border"
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "absolute top-[1px] w-4 h-4 rounded-full bg-background border border-primary shadow-sm transition-all",
+                            favoritesFirst ? "left-[14px]" : "left-[1px]"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "Pin favorites to top" })
+                ]
+              }
+            ) })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 export {
   DesktopFilterPanel

package/dist/agents/components/shared/OlderMessagesSentinel.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import {
@@ -243,7 +244,7 @@ function OlderMessagesSentinel({
     effectiveVisibleGroupLimit,
     scrollRef
   ]);
-  return /* @__PURE__ */ React.createElement("div", { ref: sentinelRef, "aria-hidden": true, className: "h-px w-full" });
+  return /* @__PURE__ */ jsx("div", { ref: sentinelRef, "aria-hidden": true, className: "h-px w-full" });
 }
 export {
   OlderMessagesSentinel

package/dist/agents/components/shared/StreamProfilerOverlay.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast } from "../../../host/notify.js";
 import { useEffect, useState } from "react";
@@ -22,12 +23,70 @@ function StreamProfilerOverlay() {
     return () => window.removeEventListener("stream-profiler-update", handleUpdate);
   }, []);
   if (!isOpen) {
-    return /* @__PURE__ */ React.createElement(Button, { variant: "outline", icon: /* @__PURE__ */ React.createElement(Activity, null), glyphTone: "success", onClick: () => setIsOpen(true), title: "View Stream Performance Metrics", "aria-label": "View Stream Performance Metrics", className: "fixed top-4 right-4 z-50" });
+    return /* @__PURE__ */ jsx(Button, { variant: "outline", icon: /* @__PURE__ */ jsx(Activity, {}), glyphTone: "success", onClick: () => setIsOpen(true), title: "View Stream Performance Metrics", "aria-label": "View Stream Performance Metrics", className: "fixed top-4 right-4 z-50" });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "fixed top-4 right-4 w-[400px] max-h-[80dvh] bg-slate-950 border border-slate-800 shadow-2xl rounded-xl z-50 flex flex-col overflow-hidden text-sm font-mono text-slate-300" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-slate-800 bg-slate-900" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-green-400 font-semibold" }, /* @__PURE__ */ React.createElement(Activity, { className: "w-4 h-4" }), "Stream Performance Profiler"), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), "aria-label": "Close", onClick: () => setIsOpen(false) })), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4" }, reports.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center text-slate-500 italic py-8" }, "No stream data collected yet. Trigger a prompt.") : reports.map((r, i) => /* @__PURE__ */ React.createElement("div", { key: r.RequestId || i, className: "bg-slate-900 border border-slate-800 rounded-lg p-3 space-y-2 relative group" }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Copy, null), onClick: () => copyText(JSON.stringify(r, null, 2)), title: "Copy JSON", "aria-label": "Copy JSON", className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100" }), /* @__PURE__ */ React.createElement("div", { className: "text-blue-400 font-bold mb-2" }, r.Test), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-x-4 gap-y-1 text-xs" }, /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Client Duration:"), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, r.ClientDurationSec, "s"), r.TokensOut != null && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Tokens Out:"), /* @__PURE__ */ React.createElement("div", { className: "text-right text-emerald-400 font-semibold" }, r.TokensOut), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Client Tok/Sec:"), /* @__PURE__ */ React.createElement("div", { className: "text-right text-emerald-400" }, r.ClientSpeed_TokensPerSec)), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Total Chunks:"), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, r.TotalChunksProcessed), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Chunks / Sec:"), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, r.ChunksPerSecond), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500 mb-1 border-b border-slate-800 col-span-2" }), r.ServerTotalTimeSec != null && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Server Total Time:"), /* @__PURE__ */ React.createElement("div", { className: "text-right text-blue-400" }, r.ServerTotalTimeSec, "s"), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Server API Time:"), /* @__PURE__ */ React.createElement("div", { className: "text-right text-blue-400" }, r.ServerApiTimeSec, "s")), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Dropped Frames:"), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, r.JankFrames_Dropped), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Jank Ratio:"), /* @__PURE__ */ React.createElement("div", { className: cn("text-right font-medium", parseFloat(r.JankRatio) > 10 ? "text-red-400" : "text-green-400") }, r.JankRatio), /* @__PURE__ */ React.createElement("div", { className: "text-slate-500" }, "Mem Growth:"), /* @__PURE__ */ React.createElement("div", { className: "text-right text-purple-400" }, r.MemoryGrowthMB, " MB"))))), reports.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "p-3 border-t border-slate-800 bg-slate-900 border-b flex justify-between items-center text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "text-slate-500" }, "Records: ", reports.length), /* @__PURE__ */ React.createElement(Button, { variant: "quiet", tone: "destructive", onClick: () => {
-    window.__STREAM_REPORTS__ = [];
-    setReports([]);
-  } }, "Clear History")));
+  return /* @__PURE__ */ jsxs("div", { className: "fixed top-4 right-4 w-[400px] max-h-[80dvh] bg-slate-950 border border-slate-800 shadow-2xl rounded-xl z-50 flex flex-col overflow-hidden text-sm font-mono text-slate-300", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-slate-800 bg-slate-900", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-green-400 font-semibold", children: [
+        /* @__PURE__ */ jsx(Activity, { className: "w-4 h-4" }),
+        "Stream Performance Profiler"
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), "aria-label": "Close", onClick: () => setIsOpen(false) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: reports.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-slate-500 italic py-8", children: "No stream data collected yet. Trigger a prompt." }) : reports.map((r, i) => /* @__PURE__ */ jsxs("div", { className: "bg-slate-900 border border-slate-800 rounded-lg p-3 space-y-2 relative group", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Copy, {}), onClick: () => copyText(JSON.stringify(r, null, 2)), title: "Copy JSON", "aria-label": "Copy JSON", className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100" }),
+      /* @__PURE__ */ jsx("div", { className: "text-blue-400 font-bold mb-2", children: r.Test }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-1 text-xs", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Client Duration:" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          r.ClientDurationSec,
+          "s"
+        ] }),
+        r.TokensOut != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Tokens Out:" }),
+          /* @__PURE__ */ jsx("div", { className: "text-right text-emerald-400 font-semibold", children: r.TokensOut }),
+          /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Client Tok/Sec:" }),
+          /* @__PURE__ */ jsx("div", { className: "text-right text-emerald-400", children: r.ClientSpeed_TokensPerSec })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Total Chunks:" }),
+        /* @__PURE__ */ jsx("div", { className: "text-right", children: r.TotalChunksProcessed }),
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Chunks / Sec:" }),
+        /* @__PURE__ */ jsx("div", { className: "text-right", children: r.ChunksPerSecond }),
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500 mb-1 border-b border-slate-800 col-span-2" }),
+        r.ServerTotalTimeSec != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Server Total Time:" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-right text-blue-400", children: [
+            r.ServerTotalTimeSec,
+            "s"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Server API Time:" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-right text-blue-400", children: [
+            r.ServerApiTimeSec,
+            "s"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Dropped Frames:" }),
+        /* @__PURE__ */ jsx("div", { className: "text-right", children: r.JankFrames_Dropped }),
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Jank Ratio:" }),
+        /* @__PURE__ */ jsx("div", { className: cn("text-right font-medium", parseFloat(r.JankRatio) > 10 ? "text-red-400" : "text-green-400"), children: r.JankRatio }),
+        /* @__PURE__ */ jsx("div", { className: "text-slate-500", children: "Mem Growth:" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right text-purple-400", children: [
+          r.MemoryGrowthMB,
+          " MB"
+        ] })
+      ] })
+    ] }, r.RequestId || i)) }),
+    reports.length > 0 && /* @__PURE__ */ jsxs("div", { className: "p-3 border-t border-slate-800 bg-slate-900 border-b flex justify-between items-center text-xs", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-slate-500", children: [
+        "Records: ",
+        reports.length
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "destructive", onClick: () => {
+        window.__STREAM_REPORTS__ = [];
+        setReports([]);
+      }, children: "Clear History" })
+    ] })
+  ] });
 }
 export {
   StreamProfilerOverlay

package/dist/agents/components/shared/transcript-audience.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectShowCreatorPanel } from "../../../host/prefs.js";
@@ -7,7 +8,7 @@ function TranscriptAudienceProvider({
   audience,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(TranscriptAudienceContext.Provider, { value: audience }, children);
+  return /* @__PURE__ */ jsx(TranscriptAudienceContext.Provider, { value: audience, children });
 }
 function useTranscriptAudience() {
   return useContext(TranscriptAudienceContext);