@ai-matrx/agents 0.59.143 → 0.59.145

package/CHANGELOG.md

@@ -1,10 +1,20 @@
 # Changelog
 
-## 0.59.143
+## 0.59.145
 
 UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
 Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/matrx-agents/src`.
 
+## 0.59.144
+
+Automatic changed-only republish (docs/metadata drift since the last published version; verified: `git diff f9a5fe9abd 95a286343b -- apps/shared/matrx-agents/src`
+has no shipped-source changes outside tests, fixtures and docs). No consumer action required.
+
+## 0.59.143
+
+Automatic changed-only republish (docs/metadata drift since the last published version; verified: `git diff fc9a7aa43e f9a5fe9abd -- apps/shared/matrx-agents/src`
+has no shipped-source changes outside tests, fixtures and docs). No consumer action required.
+
 ## 0.59.142
 
 Automatic changed-only republish (docs/metadata drift since the last published version; verified: `git diff ec7de99183 fc9a7aa43e -- apps/shared/matrx-agents/src`

package/dist/catalog/react/index.cjs

@@ -1022,6 +1022,183 @@ var import_react8 = require("react");
 
 // catalog/react/primitives.tsx
 var import_design_system = require("@ai-matrx/design-system");
+var import_icons = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SearchInput = ({
+  ref,
+  value,
+  onChange,
+  placeholder
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1.5 h-7 px-2 rounded-md bg-muted/40 border border-border/50", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons.SearchIcon, { className: "w-3 h-3 text-muted-foreground shrink-0" }),
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "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__ */ (0, import_jsx_runtime3.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(""),
+      className: "text-muted-foreground hover:text-foreground",
+      "aria-label": "Clear search",
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons.XIcon, { className: "w-3 h-3" })
+    }
+  )
+] });
+function FilterChip({
+  icon: Icon,
+  label,
+  active,
+  focused,
+  onClick,
+  ariaLabel,
+  testId
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      ...ariaLabel ? { "aria-label": ariaLabel } : {},
+      ...testId ? { "data-testid": testId } : {},
+      className: (0, import_design_system.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__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: "w-3 h-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: label })
+      ]
+    }
+  );
+}
+function OptionRow({
+  label,
+  selected,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: (0, import_design_system.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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex-1 text-left", children: label }),
+        selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons.CheckIcon, { className: "w-3.5 h-3.5 text-primary shrink-0" })
+      ]
+    }
+  );
+}
+function CheckRow({
+  label,
+  checked,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: (0, import_design_system.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__ */ (0, import_jsx_runtime3.jsx)(import_icons.CheckIcon, { className: "w-2.5 h-2.5 text-primary-foreground" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex-1 text-left truncate", children: label })
+      ]
+    }
+  );
+}
+function SidePanelHeader({
+  title,
+  onClose
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border shrink-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-xs font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "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__ */ (0, import_jsx_runtime3.jsx)(import_icons.XIcon, { className: "w-3.5 h-3.5" })
+      }
+    )
+  ] });
+}
+
+// catalog/react/AgentCategoriesPanel.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AgentCategoriesPanel({
+  consumer,
+  allCategories,
+  search,
+  setSearch,
+  onClose
+}) {
+  const filtered = allCategories.filter(
+    (c) => !search || c.toLowerCase().includes(search.toLowerCase())
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SidePanelHeader, { title: "Categories", onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      SearchInput,
+      {
+        value: search,
+        onChange: setSearch,
+        placeholder: "Filter categories..."
+      }
+    ) }),
+    consumer.includedCats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "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__ */ (0, import_jsx_runtime4.jsx)("div", { className: "overflow-y-auto flex-1", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs text-muted-foreground text-center py-6", children: "No categories" }) : filtered.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      CheckRow,
+      {
+        label: cat,
+        checked: consumer.includedCats.includes(cat),
+        onClick: () => consumer.toggleCategory(cat)
+      },
+      cat
+    )) })
+  ] });
+}
+
+// catalog/react/AgentDetailCard.tsx
+var import_react6 = require("react");
+var import_design_system2 = require("@ai-matrx/design-system");
 
 // catalog/shared/icon-paths.ts
 var SHAPES = {
@@ -1132,9 +1309,9 @@ var ICON_PATHS = SHAPES;
 var ICON_NAMES = Object.keys(ICON_PATHS);
 
 // catalog/react/icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Svg({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1152,8 +1329,8 @@ function Svg({ children, ...props }) {
 }
 function Shape({ name, filled }) {
   const shape = ICON_PATHS[name];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    shape.paths.map((d, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    shape.paths.map((d, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "path",
       {
         d,
@@ -1161,7 +1338,7 @@ function Shape({ name, filled }) {
       },
       `p${index}`
     )),
-    (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "circle",
       {
         cx: circle.cx,
@@ -1175,222 +1352,32 @@ function Shape({ name, filled }) {
 }
 function makeIcon(name) {
   return function Icon(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Svg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Shape, { name, filled: false }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Svg, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Shape, { name, filled: false }) });
   };
 }
-function StarIcon({
-  filled = false,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Svg, { ...props, fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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__ */ (0, import_jsx_runtime3.jsxs)(Svg, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 4.1 12 6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m5.1 8-2.9-.8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m6 12-1.9 2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7.2 2.2 8 5.1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var SearchInput = ({
-  ref,
-  value,
-  onChange,
-  placeholder
-}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1.5 h-7 px-2 rounded-md bg-muted/40 border border-border/50", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SearchIcon, { className: "w-3 h-3 text-muted-foreground shrink-0" }),
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "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__ */ (0, import_jsx_runtime4.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick: () => onChange(""),
-      className: "text-muted-foreground hover:text-foreground",
-      "aria-label": "Clear search",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(XIcon, { className: "w-3 h-3" })
-    }
-  )
-] });
-function FilterChip({
-  icon: Icon,
-  label,
-  active,
-  focused,
-  onClick,
-  ariaLabel,
-  testId
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "button",
-    {
-      type: "button",
-      onClick,
-      ...ariaLabel ? { "aria-label": ariaLabel } : {},
-      ...testId ? { "data-testid": testId } : {},
-      className: (0, import_design_system.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__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "w-3 h-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: label })
-      ]
-    }
-  );
-}
-function OptionRow({
-  label,
-  selected,
-  onClick
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: (0, import_design_system.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__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1 text-left", children: label }),
-        selected && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckIcon, { className: "w-3.5 h-3.5 text-primary shrink-0" })
-      ]
-    }
-  );
-}
-function CheckRow({
-  label,
-  checked,
-  onClick
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.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__ */ (0, import_jsx_runtime4.jsx)(
-          "div",
-          {
-            className: (0, import_design_system.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__ */ (0, import_jsx_runtime4.jsx)(CheckIcon, { className: "w-2.5 h-2.5 text-primary-foreground" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1 text-left truncate", children: label })
-      ]
-    }
-  );
-}
-function SidePanelHeader({
-  title,
-  onClose
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border shrink-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "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__ */ (0, import_jsx_runtime4.jsx)(XIcon, { className: "w-3.5 h-3.5" })
-      }
-    )
-  ] });
-}
-
-// catalog/react/AgentCategoriesPanel.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function AgentCategoriesPanel({
-  consumer,
-  allCategories,
-  search,
-  setSearch,
-  onClose
-}) {
-  const filtered = allCategories.filter(
-    (c) => !search || c.toLowerCase().includes(search.toLowerCase())
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SidePanelHeader, { title: "Categories", onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      SearchInput,
-      {
-        value: search,
-        onChange: setSearch,
-        placeholder: "Filter categories..."
-      }
-    ) }),
-    consumer.includedCats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      "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__ */ (0, import_jsx_runtime5.jsx)("div", { className: "overflow-y-auto flex-1", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground text-center py-6", children: "No categories" }) : filtered.map((cat) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      CheckRow,
-      {
-        label: cat,
-        checked: consumer.includedCats.includes(cat),
-        onClick: () => consumer.toggleCategory(cat)
-      },
-      cat
-    )) })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Svg, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M14 4.1 12 6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m5.1 8-2.9-.8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m6 12-1.9 2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7.2 2.2 8 5.1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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
-var import_react6 = require("react");
-var import_design_system2 = require("@ai-matrx/design-system");
+var import_icons3 = require("@ai-matrx/design-system/icons");
 
 // catalog/orchestra.ts
 var ORCHESTRA_MODE_LABEL = {
@@ -1435,7 +1422,7 @@ function agentPeekRecord(agent, opts = {}) {
   if (agent.accessLevel) {
     aside.push({
       fact: agent.accessLevel === "owner" ? "You own this" : `Shared \u2014 ${agent.accessLevel}`,
-      glyph: agent.isOwner === false ? UsersIcon : GlobeIcon,
+      glyph: agent.isOwner === false ? UsersIcon : import_icons3.GlobeIcon,
       ...agent.sharedByEmail ? { meta: `by ${agent.sharedByEmail}` } : {}
     });
   }
@@ -1447,8 +1434,8 @@ function agentPeekRecord(agent, opts = {}) {
   }
   const updated = formatDate(agent.updatedAt);
   const created = formatDate(agent.createdAt);
-  if (updated) aside.push({ fact: `Updated ${updated}`, glyph: ClockIcon, muted: true });
-  if (created) aside.push({ fact: `Created ${created}`, glyph: ClockIcon, muted: true });
+  if (updated) aside.push({ fact: `Updated ${updated}`, glyph: import_icons3.ClockIcon, muted: true });
+  if (created) aside.push({ fact: `Created ${created}`, glyph: import_icons3.ClockIcon, muted: true });
   const doors = [];
   if (opts.openPeek) {
     const open = opts.openPeek;
@@ -1513,6 +1500,9 @@ function AgentDetailCard({ agent, onSelect, duplicate, onHoldChange }) {
 var import_design_system5 = require("@ai-matrx/design-system");
 var import_react7 = require("react");
 
+// catalog/react/AgentFilterBar.tsx
+var import_icons5 = require("@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))";
@@ -1563,7 +1553,7 @@ function AgentFilterBar({
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       FilterChip,
       {
-        icon: StarIcon,
+        icon: import_icons5.StarIcon,
         label: consumer.favFilter === "no" ? "No Favs" : "Favs",
         active: consumer.favFilter !== "all",
         onClick: () => {
@@ -1575,7 +1565,7 @@ function AgentFilterBar({
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       FilterChip,
       {
-        icon: ArchiveIcon,
+        icon: import_icons5.ArchiveIcon,
         label: agentArchiveFilterChipLabel(consumer.archFilter),
         active: consumer.archFilter !== consumer.archFilterDefault,
         ariaLabel: agentArchiveFilterControlLabel(consumer.archFilter),
@@ -1673,6 +1663,7 @@ function AgentListTabs({
 
 // catalog/react/AgentRow.tsx
 var import_design_system4 = require("@ai-matrx/design-system");
+var import_icons7 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function AgentRow({
   agent,
@@ -1712,7 +1703,7 @@ function AgentRow({
             },
             className: "flex items-center gap-2 flex-1 min-w-0 px-3 py-2",
             children: [
-              agent.isFavorite && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StarIcon, { filled: true, className: "w-3 h-3 matrx-agent-star-on shrink-0" }),
+              agent.isFavorite && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.StarIcon, { fill: "currentColor", className: "w-3 h-3 matrx-agent-star-on shrink-0" }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "span",
                 {
@@ -1766,7 +1757,7 @@ function AgentRow({
               onDetailPress();
             },
             className: "flex items-center justify-center w-10 h-full shrink-0 text-muted-foreground/40 active:text-muted-foreground",
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronRightIcon, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.ChevronRightIcon, { className: "w-4 h-4" })
           }
         )
       ]
@@ -1775,6 +1766,7 @@ function AgentRow({
 }
 
 // catalog/react/AgentListContent.tsx
+var import_icons9 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function AgentListContent({
   agents,
@@ -1881,7 +1873,7 @@ function AgentListContent({
               "aria-label": "Dismiss",
               onClick: () => catalog.dismissDefaultRowDrift(defaultRow.mandateKey),
               className: "shrink-0 opacity-70 hover:opacity-100",
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(XIcon, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons9.XIcon, { className: "w-3 h-3" })
             }
           )
         ]
@@ -1998,6 +1990,7 @@ function AgentListContent({
 }
 
 // catalog/react/AgentMobileSubView.tsx
+var import_icons10 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function AgentMobileSubView({
   view,
@@ -2019,7 +2012,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__ */ (0, import_jsx_runtime11.jsx)(ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons10.ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
           title
         ]
       }
@@ -2172,6 +2165,7 @@ function AgentTagsPanel({
 }
 
 // catalog/react/AgentListPanel.tsx
+var import_icons12 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var PANEL_WIDTH = "680px";
 function AgentListPanelBody({
@@ -2321,7 +2315,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__ */ (0, import_jsx_runtime14.jsx)(ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons12.ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
             "Back"
           ]
         }
@@ -2470,6 +2464,7 @@ function AgentListPanel({
 }
 
 // catalog/react/AgentListDropdown.tsx
+var import_icons13 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var CONSUMER_ID = "agent-list-dropdown";
 function AgentListDropdown({
@@ -2552,7 +2547,7 @@ function AgentListDropdown({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 max-w-[200px] flex-1 truncate text-left", children: displayLabel }),
         activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex items-center justify-center w-4 h-4 rounded-md bg-primary text-primary-foreground text-[10px]", children: activeFilterCount }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDownIcon, { className: "w-3 h-3 text-muted-foreground/60" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons13.ChevronDownIcon, { className: "w-3 h-3 text-muted-foreground/60" })
       ]
     }
   );
@@ -2608,6 +2603,7 @@ function AgentListDropdown({
 // catalog/react/AgentListInlinePicker.tsx
 var import_design_system8 = require("@ai-matrx/design-system");
 var import_react10 = require("react");
+var import_icons14 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function AgentListInlinePicker({
   consumerId,
@@ -2687,7 +2683,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__ */ (0, import_jsx_runtime16.jsx)(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons14.ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
             "Back"
           ]
         }
@@ -2761,6 +2757,7 @@ function AgentListInlinePicker({
 // catalog/react/FavoriteAgentButton.tsx
 var import_design_system9 = require("@ai-matrx/design-system");
 var import_react11 = require("react");
+var import_icons15 = require("@ai-matrx/design-system/icons");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function FavoriteAgentButton({
   id,
@@ -2796,9 +2793,9 @@ function FavoriteAgentButton({
         title,
         "aria-label": isFavorite2 ? "Remove from favorites" : "Add to favorites",
         children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          StarIcon,
+          import_icons15.StarIcon,
           {
-            filled: isFavorite2,
+            fill: isFavorite2 ? "currentColor" : "none",
             className: (0, import_design_system9.cn)(
               "h-3.5 w-3.5 transition-all duration-150",
               isFavorite2 ? "matrx-agent-star-on" : "text-muted-foreground/40 hover:matrx-agent-star-on"
@@ -2822,7 +2819,7 @@ function FavoriteAgentButton({
       disabled,
       title,
       "aria-label": isFavorite2 ? "Remove from favorites" : "Add to favorites",
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StarIcon, { filled: isFavorite2, className: "w-4 h-4 transition-all duration-150" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons15.StarIcon, { fill: isFavorite2 ? "currentColor" : "none", className: "w-4 h-4 transition-all duration-150" })
     }
   );
 }