@ai-matrx/agents 0.59.144 → 0.59.145

package/dist/catalog/react/index.js

@@ -983,6 +983,183 @@ import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMem
 
 // catalog/react/primitives.tsx
 import { cn } from "@ai-matrx/design-system";
+import { CheckIcon, SearchIcon, XIcon } from "@ai-matrx/design-system/icons";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var SearchInput = ({
+  ref,
+  value,
+  onChange,
+  placeholder
+}) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 h-7 px-2 rounded-md bg-muted/40 border border-border/50", children: [
+  /* @__PURE__ */ jsx3(SearchIcon, { className: "w-3 h-3 text-muted-foreground shrink-0" }),
+  /* @__PURE__ */ jsx3(
+    "input",
+    {
+      ref,
+      type: "text",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      placeholder,
+      className: "flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground/50 outline-none min-w-0",
+      style: { fontSize: "16px" }
+    }
+  ),
+  value && /* @__PURE__ */ jsx3(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(""),
+      className: "text-muted-foreground hover:text-foreground",
+      "aria-label": "Clear search",
+      children: /* @__PURE__ */ jsx3(XIcon, { className: "w-3 h-3" })
+    }
+  )
+] });
+function FilterChip({
+  icon: Icon,
+  label,
+  active,
+  focused,
+  onClick,
+  ariaLabel,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      ...ariaLabel ? { "aria-label": ariaLabel } : {},
+      ...testId ? { "data-testid": testId } : {},
+      className: cn(
+        "inline-flex items-center gap-1 h-6 px-1.5 rounded text-[11px] font-medium shrink-0 transition-colors",
+        focused ? "bg-primary/15 text-primary border border-primary/30 ring-1 ring-primary/20" : active ? "bg-primary/10 text-primary border border-primary/20" : "text-muted-foreground hover:text-foreground hover:bg-muted/50 border border-transparent"
+      ),
+      children: [
+        /* @__PURE__ */ jsx3(Icon, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx3("span", { children: label })
+      ]
+    }
+  );
+}
+function OptionRow({
+  label,
+  selected,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex items-center w-full px-3 py-2 text-xs transition-colors",
+        "hover:bg-muted/50 active:bg-muted/70",
+        selected && "text-primary font-medium"
+      ),
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: "flex-1 text-left", children: label }),
+        selected && /* @__PURE__ */ jsx3(CheckIcon, { className: "w-3.5 h-3.5 text-primary shrink-0" })
+      ]
+    }
+  );
+}
+function CheckRow({
+  label,
+  checked,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs hover:bg-muted/50 active:bg-muted/70 transition-colors",
+      children: [
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: cn(
+              "w-3.5 h-3.5 rounded-sm border flex items-center justify-center shrink-0 transition-colors",
+              checked ? "bg-primary border-primary" : "border-muted-foreground/30"
+            ),
+            children: checked && /* @__PURE__ */ jsx3(CheckIcon, { className: "w-2.5 h-2.5 text-primary-foreground" })
+          }
+        ),
+        /* @__PURE__ */ jsx3("span", { className: "flex-1 text-left truncate", children: label })
+      ]
+    }
+  );
+}
+function SidePanelHeader({
+  title,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border shrink-0", children: [
+    /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsx3(
+      "button",
+      {
+        type: "button",
+        onClick: onClose,
+        className: "w-5 h-5 rounded flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
+        "aria-label": "Close",
+        children: /* @__PURE__ */ jsx3(XIcon, { className: "w-3.5 h-3.5" })
+      }
+    )
+  ] });
+}
+
+// catalog/react/AgentCategoriesPanel.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function AgentCategoriesPanel({
+  consumer,
+  allCategories,
+  search,
+  setSearch,
+  onClose
+}) {
+  const filtered = allCategories.filter(
+    (c) => !search || c.toLowerCase().includes(search.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx4(SidePanelHeader, { title: "Categories", onClose }),
+    /* @__PURE__ */ jsx4("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx4(
+      SearchInput,
+      {
+        value: search,
+        onChange: setSearch,
+        placeholder: "Filter categories..."
+      }
+    ) }),
+    consumer.includedCats.length > 0 && /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        onClick: () => consumer.setIncludedCats([]),
+        className: "mx-2 mb-1 h-6 rounded text-[11px] font-medium text-primary hover:bg-muted/50 transition-colors text-left shrink-0",
+        children: [
+          "Clear (",
+          consumer.includedCats.length,
+          ")"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4("div", { className: "overflow-y-auto flex-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground text-center py-6", children: "No categories" }) : filtered.map((cat) => /* @__PURE__ */ jsx4(
+      CheckRow,
+      {
+        label: cat,
+        checked: consumer.includedCats.includes(cat),
+        onClick: () => consumer.toggleCategory(cat)
+      },
+      cat
+    )) })
+  ] });
+}
+
+// catalog/react/AgentDetailCard.tsx
+import { useCallback as useCallback4 } from "react";
+import { Peek, PeekEntityRendererProvider } from "@ai-matrx/design-system";
 
 // catalog/shared/icon-paths.ts
 var SHAPES = {
@@ -1093,9 +1270,9 @@ var ICON_PATHS = SHAPES;
 var ICON_NAMES = Object.keys(ICON_PATHS);
 
 // catalog/react/icons.tsx
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Svg({ children, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1113,8 +1290,8 @@ function Svg({ children, ...props }) {
 }
 function Shape({ name, filled }) {
   const shape = ICON_PATHS[name];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    shape.paths.map((d, index) => /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    shape.paths.map((d, index) => /* @__PURE__ */ jsx5(
       "path",
       {
         d,
@@ -1122,7 +1299,7 @@ function Shape({ name, filled }) {
       },
       `p${index}`
     )),
-    (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ jsx3(
+    (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ jsx5(
       "circle",
       {
         cx: circle.cx,
@@ -1136,222 +1313,32 @@ function Shape({ name, filled }) {
 }
 function makeIcon(name) {
   return function Icon(props) {
-    return /* @__PURE__ */ jsx3(Svg, { ...props, children: /* @__PURE__ */ jsx3(Shape, { name, filled: false }) });
+    return /* @__PURE__ */ jsx5(Svg, { ...props, children: /* @__PURE__ */ jsx5(Shape, { name, filled: false }) });
   };
 }
-function StarIcon({
-  filled = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3(Svg, { ...props, fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx3(Shape, { name: "star", filled }) });
-}
-var ChevronRightIcon = makeIcon("chevronRight");
-var ChevronDownIcon = makeIcon("chevronDown");
-var SearchIcon = makeIcon("search");
-var XIcon = makeIcon("x");
-var CheckIcon = makeIcon("check");
 var ArrowUpDownIcon = makeIcon("arrowUpDown");
 var FolderIcon = makeIcon("folder");
 var TagIcon = makeIcon("tag");
 var RotateCcwIcon = makeIcon("rotateCcw");
-var ArchiveIcon = makeIcon("archive");
 var LoaderIcon = makeIcon("loader");
 var UsersIcon = makeIcon("users");
-var ClockIcon = makeIcon("clock");
-var GlobeIcon = makeIcon("globe");
-var ExternalLinkIcon = makeIcon("externalLink");
 var MessageCircleIcon = makeIcon("messageCircle");
 var RocketIcon = makeIcon("rocket");
 var CircleCheckIcon = makeIcon("circleCheck");
 var AlertTriangleIcon = makeIcon("alertTriangle");
 var Music4Icon = makeIcon("music4");
 function MousePointerClickIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx3("path", { d: "M14 4.1 12 6" }),
-    /* @__PURE__ */ jsx3("path", { d: "m5.1 8-2.9-.8" }),
-    /* @__PURE__ */ jsx3("path", { d: "m6 12-1.9 2" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7.2 2.2 8 5.1" }),
-    /* @__PURE__ */ jsx3("path", { d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z" })
-  ] });
-}
-
-// catalog/react/primitives.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var SearchInput = ({
-  ref,
-  value,
-  onChange,
-  placeholder
-}) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 h-7 px-2 rounded-md bg-muted/40 border border-border/50", children: [
-  /* @__PURE__ */ jsx4(SearchIcon, { className: "w-3 h-3 text-muted-foreground shrink-0" }),
-  /* @__PURE__ */ jsx4(
-    "input",
-    {
-      ref,
-      type: "text",
-      value,
-      onChange: (e) => onChange(e.target.value),
-      placeholder,
-      className: "flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground/50 outline-none min-w-0",
-      style: { fontSize: "16px" }
-    }
-  ),
-  value && /* @__PURE__ */ jsx4(
-    "button",
-    {
-      type: "button",
-      onClick: () => onChange(""),
-      className: "text-muted-foreground hover:text-foreground",
-      "aria-label": "Clear search",
-      children: /* @__PURE__ */ jsx4(XIcon, { className: "w-3 h-3" })
-    }
-  )
-] });
-function FilterChip({
-  icon: Icon,
-  label,
-  active,
-  focused,
-  onClick,
-  ariaLabel,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      onClick,
-      ...ariaLabel ? { "aria-label": ariaLabel } : {},
-      ...testId ? { "data-testid": testId } : {},
-      className: cn(
-        "inline-flex items-center gap-1 h-6 px-1.5 rounded text-[11px] font-medium shrink-0 transition-colors",
-        focused ? "bg-primary/15 text-primary border border-primary/30 ring-1 ring-primary/20" : active ? "bg-primary/10 text-primary border border-primary/20" : "text-muted-foreground hover:text-foreground hover:bg-muted/50 border border-transparent"
-      ),
-      children: [
-        /* @__PURE__ */ jsx4(Icon, { className: "w-3 h-3" }),
-        /* @__PURE__ */ jsx4("span", { children: label })
-      ]
-    }
-  );
-}
-function OptionRow({
-  label,
-  selected,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: cn(
-        "flex items-center w-full px-3 py-2 text-xs transition-colors",
-        "hover:bg-muted/50 active:bg-muted/70",
-        selected && "text-primary font-medium"
-      ),
-      children: [
-        /* @__PURE__ */ jsx4("span", { className: "flex-1 text-left", children: label }),
-        selected && /* @__PURE__ */ jsx4(CheckIcon, { className: "w-3.5 h-3.5 text-primary shrink-0" })
-      ]
-    }
-  );
-}
-function CheckRow({
-  label,
-  checked,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs hover:bg-muted/50 active:bg-muted/70 transition-colors",
-      children: [
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            className: cn(
-              "w-3.5 h-3.5 rounded-sm border flex items-center justify-center shrink-0 transition-colors",
-              checked ? "bg-primary border-primary" : "border-muted-foreground/30"
-            ),
-            children: checked && /* @__PURE__ */ jsx4(CheckIcon, { className: "w-2.5 h-2.5 text-primary-foreground" })
-          }
-        ),
-        /* @__PURE__ */ jsx4("span", { className: "flex-1 text-left truncate", children: label })
-      ]
-    }
-  );
-}
-function SidePanelHeader({
-  title,
-  onClose
-}) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border shrink-0", children: [
-    /* @__PURE__ */ jsx4("span", { className: "text-xs font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsx4(
-      "button",
-      {
-        type: "button",
-        onClick: onClose,
-        className: "w-5 h-5 rounded flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
-        "aria-label": "Close",
-        children: /* @__PURE__ */ jsx4(XIcon, { className: "w-3.5 h-3.5" })
-      }
-    )
-  ] });
-}
-
-// catalog/react/AgentCategoriesPanel.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function AgentCategoriesPanel({
-  consumer,
-  allCategories,
-  search,
-  setSearch,
-  onClose
-}) {
-  const filtered = allCategories.filter(
-    (c) => !search || c.toLowerCase().includes(search.toLowerCase())
-  );
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx5(SidePanelHeader, { title: "Categories", onClose }),
-    /* @__PURE__ */ jsx5("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx5(
-      SearchInput,
-      {
-        value: search,
-        onChange: setSearch,
-        placeholder: "Filter categories..."
-      }
-    ) }),
-    consumer.includedCats.length > 0 && /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        type: "button",
-        onClick: () => consumer.setIncludedCats([]),
-        className: "mx-2 mb-1 h-6 rounded text-[11px] font-medium text-primary hover:bg-muted/50 transition-colors text-left shrink-0",
-        children: [
-          "Clear (",
-          consumer.includedCats.length,
-          ")"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx5("div", { className: "overflow-y-auto flex-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground text-center py-6", children: "No categories" }) : filtered.map((cat) => /* @__PURE__ */ jsx5(
-      CheckRow,
-      {
-        label: cat,
-        checked: consumer.includedCats.includes(cat),
-        onClick: () => consumer.toggleCategory(cat)
-      },
-      cat
-    )) })
+  return /* @__PURE__ */ jsxs3(Svg, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M14 4.1 12 6" }),
+    /* @__PURE__ */ jsx5("path", { d: "m5.1 8-2.9-.8" }),
+    /* @__PURE__ */ jsx5("path", { d: "m6 12-1.9 2" }),
+    /* @__PURE__ */ jsx5("path", { d: "M7.2 2.2 8 5.1" }),
+    /* @__PURE__ */ jsx5("path", { d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z" })
   ] });
 }
 
 // catalog/react/AgentDetailCard.tsx
-import { useCallback as useCallback4 } from "react";
-import { Peek, PeekEntityRendererProvider } from "@ai-matrx/design-system";
+import { ClockIcon, GlobeIcon } from "@ai-matrx/design-system/icons";
 
 // catalog/orchestra.ts
 var ORCHESTRA_MODE_LABEL = {
@@ -1474,6 +1461,9 @@ function AgentDetailCard({ agent, onSelect, duplicate, onHoldChange }) {
 import { ErrorBox } from "@ai-matrx/design-system";
 import { useEffect as useEffect4, useRef as useRef3 } from "react";
 
+// catalog/react/AgentFilterBar.tsx
+import { ArchiveIcon, StarIcon } from "@ai-matrx/design-system/icons";
+
 // catalog/react/types.ts
 var PANEL_HEIGHT = "528px";
 var LIST_MAX_HEIGHT = "min(528px, var(--radix-popper-available-height, 528px))";
@@ -1634,6 +1624,7 @@ function AgentListTabs({
 
 // catalog/react/AgentRow.tsx
 import { cn as cn3 } from "@ai-matrx/design-system";
+import { ChevronRightIcon, StarIcon as StarIcon2 } from "@ai-matrx/design-system/icons";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function AgentRow({
   agent,
@@ -1673,7 +1664,7 @@ function AgentRow({
             },
             className: "flex items-center gap-2 flex-1 min-w-0 px-3 py-2",
             children: [
-              agent.isFavorite && /* @__PURE__ */ jsx9(StarIcon, { filled: true, className: "w-3 h-3 matrx-agent-star-on shrink-0" }),
+              agent.isFavorite && /* @__PURE__ */ jsx9(StarIcon2, { fill: "currentColor", className: "w-3 h-3 matrx-agent-star-on shrink-0" }),
               /* @__PURE__ */ jsx9(
                 "span",
                 {
@@ -1736,6 +1727,7 @@ function AgentRow({
 }
 
 // catalog/react/AgentListContent.tsx
+import { XIcon as XIcon2 } from "@ai-matrx/design-system/icons";
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function AgentListContent({
   agents,
@@ -1842,7 +1834,7 @@ function AgentListContent({
               "aria-label": "Dismiss",
               onClick: () => catalog.dismissDefaultRowDrift(defaultRow.mandateKey),
               className: "shrink-0 opacity-70 hover:opacity-100",
-              children: /* @__PURE__ */ jsx10(XIcon, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx10(XIcon2, { className: "w-3 h-3" })
             }
           )
         ]
@@ -1959,6 +1951,7 @@ function AgentListContent({
 }
 
 // catalog/react/AgentMobileSubView.tsx
+import { ChevronRightIcon as ChevronRightIcon2 } from "@ai-matrx/design-system/icons";
 import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function AgentMobileSubView({
   view,
@@ -1980,7 +1973,7 @@ function AgentMobileSubView({
         onClick: onBack,
         className: "flex items-center gap-1.5 px-3 py-2.5 text-sm font-medium text-primary hover:bg-muted/30 transition-colors border-b border-border shrink-0",
         children: [
-          /* @__PURE__ */ jsx11(ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
+          /* @__PURE__ */ jsx11(ChevronRightIcon2, { className: "w-4 h-4 rotate-180" }),
           title
         ]
       }
@@ -2133,6 +2126,7 @@ function AgentTagsPanel({
 }
 
 // catalog/react/AgentListPanel.tsx
+import { ChevronRightIcon as ChevronRightIcon3 } from "@ai-matrx/design-system/icons";
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var PANEL_WIDTH = "680px";
 function AgentListPanelBody({
@@ -2282,7 +2276,7 @@ function AgentListPanelBody({
           onClick: () => setMobileDetailAgent(null),
           className: "flex items-center gap-1.5 px-3 py-2.5 text-sm font-medium text-primary hover:bg-muted/30 transition-colors border-b border-border shrink-0",
           children: [
-            /* @__PURE__ */ jsx14(ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
+            /* @__PURE__ */ jsx14(ChevronRightIcon3, { className: "w-4 h-4 rotate-180" }),
             "Back"
           ]
         }
@@ -2431,6 +2425,7 @@ function AgentListPanel({
 }
 
 // catalog/react/AgentListDropdown.tsx
+import { ChevronDownIcon } from "@ai-matrx/design-system/icons";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var CONSUMER_ID = "agent-list-dropdown";
 function AgentListDropdown({
@@ -2569,6 +2564,7 @@ function AgentListDropdown({
 // catalog/react/AgentListInlinePicker.tsx
 import { cn as cn6 } from "@ai-matrx/design-system";
 import { useEffect as useEffect6, useRef as useRef6, useState as useState5 } from "react";
+import { ChevronRightIcon as ChevronRightIcon4 } from "@ai-matrx/design-system/icons";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function AgentListInlinePicker({
   consumerId,
@@ -2648,7 +2644,7 @@ function AgentListInlinePicker({
           onClick: () => setMobileDetailAgent(null),
           className: "flex shrink-0 items-center gap-1.5 border-b border-border px-3 py-2 text-sm font-medium text-primary transition-colors hover:bg-muted/30",
           children: [
-            /* @__PURE__ */ jsx16(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+            /* @__PURE__ */ jsx16(ChevronRightIcon4, { className: "h-4 w-4 rotate-180" }),
             "Back"
           ]
         }
@@ -2722,6 +2718,7 @@ function AgentListInlinePicker({
 // catalog/react/FavoriteAgentButton.tsx
 import { cn as cn7 } from "@ai-matrx/design-system";
 import { useCallback as useCallback6 } from "react";
+import { StarIcon as StarIcon3 } from "@ai-matrx/design-system/icons";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function FavoriteAgentButton({
   id,
@@ -2757,9 +2754,9 @@ function FavoriteAgentButton({
         title,
         "aria-label": isFavorite2 ? "Remove from favorites" : "Add to favorites",
         children: /* @__PURE__ */ jsx17(
-          StarIcon,
+          StarIcon3,
           {
-            filled: isFavorite2,
+            fill: isFavorite2 ? "currentColor" : "none",
             className: cn7(
               "h-3.5 w-3.5 transition-all duration-150",
               isFavorite2 ? "matrx-agent-star-on" : "text-muted-foreground/40 hover:matrx-agent-star-on"
@@ -2783,7 +2780,7 @@ function FavoriteAgentButton({
       disabled,
       title,
       "aria-label": isFavorite2 ? "Remove from favorites" : "Add to favorites",
-      children: /* @__PURE__ */ jsx17(StarIcon, { filled: isFavorite2, className: "w-4 h-4 transition-all duration-150" })
+      children: /* @__PURE__ */ jsx17(StarIcon3, { fill: isFavorite2 ? "currentColor" : "none", className: "w-4 h-4 transition-all duration-150" })
     }
   );
 }