@ai-matrx/agents 0.8.0 → 0.9.0

package/dist/catalog/react/index.js

@@ -2,6 +2,9 @@
 "use client";
 
 // catalog/react/context.tsx
+import { useMemo as useMemo2 } from "react";
+
+// catalog/shared/context.tsx
 import {
   createContext,
   useCallback,
@@ -11,17 +14,19 @@ import {
 } from "react";
 import { jsx } from "react/jsx-runtime";
 var AgentCatalogContext = createContext(null);
-function AgentCatalogProvider({
+function AgentCatalogProviderCore({
   catalog,
+  platform,
   children,
   ...ports
 }) {
   const value = useMemo(
-    () => ({ catalog, ...ports }),
+    () => ({ catalog, platform, ...ports }),
     // The ports are plain values a host declares once; re-binding on identity
     // change is correct and cheap.
     [
       catalog,
+      platform,
       ports.navigate,
       ports.LinkComponent,
       ports.renderModelRef,
@@ -35,7 +40,7 @@ function useBinding() {
   const binding = useContext(AgentCatalogContext);
   if (!binding) {
     throw new Error(
-      "@ai-matrx/agents/catalog/react: no <AgentCatalogProvider> is mounted above this component. Create the catalog once with createAgentCatalog({ client, identity }) and mount <AgentCatalogProvider catalog={catalog}> at the top of your tree."
+      "@ai-matrx/agents/catalog: no <AgentCatalogProvider> is mounted above this component. Create the catalog once with createAgentCatalog({ client, identity }) and mount <AgentCatalogProvider catalog={catalog}> at the top of your tree."
     );
   }
   return binding;
@@ -45,29 +50,26 @@ function useAgentCatalog() {
 }
 function useAgentCatalogUiPorts() {
   const binding = useBinding();
+  const hostNavigate = binding.navigate;
+  const platformNavigate = binding.platform.navigate;
   const navigate = useCallback(
     (href) => {
-      if (binding.navigate) {
-        binding.navigate(href);
+      if (hostNavigate) {
+        hostNavigate(href);
         return;
       }
-      if (typeof window !== "undefined") window.location.assign(href);
+      platformNavigate(href);
     },
-    [binding.navigate]
+    [hostNavigate, platformNavigate]
   );
   return {
     navigate,
-    LinkComponent: binding.LinkComponent ?? DefaultLink,
-    renderModelRef: binding.renderModelRef ?? defaultRenderModelRef,
+    LinkComponent: binding.LinkComponent ?? binding.platform.LinkComponent,
+    renderModelRef: binding.renderModelRef ?? binding.platform.renderModelRef,
     openPeek: binding.openPeek,
     popoverContainer: binding.popoverContainer
   };
 }
-var DefaultLink = ({ children, ...props }) => /* @__PURE__ */ jsx("a", { ...props, children });
-var defaultRenderModelRef = ({
-  modelId,
-  className
-}) => /* @__PURE__ */ jsx("span", { className, children: modelId });
 function useAgentCatalogState(select) {
   const catalog = useAgentCatalog();
   const getSnapshot = useCallback(
@@ -81,7 +83,39 @@ function useAgentCatalogRows() {
 }
 var selectRows = (state) => state.rows;
 
-// catalog/react/useAgentConsumer.ts
+// catalog/react/context.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DefaultLink = ({ children, ...props }) => /* @__PURE__ */ jsx2("a", { ...props, children });
+var defaultRenderModelRef = ({
+  modelId,
+  className
+}) => /* @__PURE__ */ jsx2("span", { className, children: modelId });
+var webNavigate = (href) => {
+  if (typeof window !== "undefined") window.location.assign(href);
+};
+var WEB_PLATFORM_DEFAULTS = {
+  navigate: webNavigate,
+  LinkComponent: DefaultLink,
+  renderModelRef: defaultRenderModelRef
+};
+function AgentCatalogProvider({
+  catalog,
+  children,
+  ...ports
+}) {
+  const platform = useMemo2(() => WEB_PLATFORM_DEFAULTS, []);
+  return /* @__PURE__ */ jsx2(
+    AgentCatalogProviderCore,
+    {
+      catalog,
+      platform,
+      ...ports,
+      children
+    }
+  );
+}
+
+// catalog/shared/useAgentConsumer.ts
 import { useCallback as useCallback2, useEffect, useRef, useState } from "react";
 
 // catalog/types.ts
@@ -113,7 +147,7 @@ var DEFAULT_AGENT_CONSUMER_STATE = {
   deepSearch: false
 };
 
-// catalog/react/useAgentConsumer.ts
+// catalog/shared/useAgentConsumer.ts
 var DEBOUNCE_MS = 250;
 var MIN_QUERY_LENGTH = 2;
 function useAgentConsumer(consumerId, options) {
@@ -287,11 +321,11 @@ function useAgentConsumer(consumerId, options) {
   };
 }
 
-// catalog/react/useAgentListCore.ts
+// catalog/shared/useAgentListCore.ts
 import {
   useCallback as useCallback3,
   useEffect as useEffect2,
-  useMemo as useMemo2,
+  useMemo as useMemo3,
   useRef as useRef2,
   useState as useState2
 } from "react";
@@ -582,7 +616,7 @@ var selectTotalFavoriteAgentsCount = memoize1(
   (agents) => selectUserTypeAgents(agents).filter((a) => a.isFavorite).length
 );
 
-// catalog/react/useAgentListCore.ts
+// catalog/shared/useAgentListCore.ts
 var HOVER_GRACE_MS = 900;
 function coerceVisibleTab(current, allowed, initialTab) {
   if (allowed.length === 0) return null;
@@ -611,12 +645,12 @@ function useAgentListCore({
   const rows = useAgentCatalogRows();
   const userId = catalog.getUserIdOrNull();
   const ownedCount = selectTotalOwnedAgentsCount(rows);
-  const selectFiltered = useMemo2(
+  const selectFiltered = useMemo3(
     () => makeSelectFilteredAgents(includeSystemInAll),
     [includeSystemInAll]
   );
   const filteredAgents = selectFiltered(rows, consumer.state);
-  const excludedAgentIds = useMemo2(
+  const excludedAgentIds = useMemo3(
     () => new Set(excludeAgentIds),
     [excludeAgentIds]
   );
@@ -791,15 +825,111 @@ import {
   TooltipTrigger,
   useIsMobile
 } from "@ai-matrx/design-system";
-import { useCallback as useCallback5, useMemo as useMemo3, useRef as useRef4, useState as useState3 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo4, useRef as useRef4, useState as useState3 } from "react";
 
 // catalog/react/primitives.tsx
 import { cn } from "@ai-matrx/design-system";
 
+// catalog/shared/icon-paths.ts
+var SHAPES = {
+  star: {
+    paths: [
+      "M11.5 3.2a.6.6 0 0 1 1 0l2.3 4.7 5.2.8a.6.6 0 0 1 .3 1l-3.8 3.7.9 5.2a.6.6 0 0 1-.9.6L12 16.8l-4.6 2.4a.6.6 0 0 1-.9-.6l.9-5.2-3.8-3.7a.6.6 0 0 1 .3-1l5.2-.8Z"
+    ],
+    fillable: true
+  },
+  chevronRight: { paths: ["m9 18 6-6-6-6"] },
+  chevronDown: { paths: ["m6 9 6 6 6-6"] },
+  search: {
+    paths: ["m21 21-4.3-4.3"],
+    circles: [{ cx: 11, cy: 11, r: 8 }]
+  },
+  x: { paths: ["M18 6 6 18", "m6 6 12 12"] },
+  check: { paths: ["M20 6 9 17l-5-5"] },
+  arrowUpDown: {
+    paths: ["m21 16-4 4-4-4", "M17 20V4", "m3 8 4-4 4 4", "M7 4v16"]
+  },
+  folder: {
+    paths: [
+      "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+    ]
+  },
+  tag: {
+    paths: [
+      "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"
+    ],
+    circles: [{ cx: 7.5, cy: 7.5, r: 0.5, filled: true }]
+  },
+  rotateCcw: {
+    paths: [
+      "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+      "M3 3v5h5"
+    ]
+  },
+  loader: { paths: ["M21 12a9 9 0 1 1-6.219-8.56"] },
+  alertTriangle: {
+    paths: [
+      "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      "M12 9v4",
+      "M12 17h.01"
+    ]
+  },
+  /**
+   * The Orchestra marker (Lucide `music-4`): the glyph the Workflow Studio's
+   * picker used for a conductor, kept identical so the same agent wears the
+   * same mark in every client.
+   */
+  music4: {
+    paths: ["M9 18V5l12-2v13", "m9 9 12-2"],
+    circles: [
+      { cx: 6, cy: 18, r: 3 },
+      { cx: 18, cy: 16, r: 3 }
+    ]
+  },
+  clock: {
+    paths: ["M12 6v6l4 2"],
+    circles: [{ cx: 12, cy: 12, r: 10 }]
+  },
+  globe: {
+    paths: ["M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", "M2 12h20"],
+    circles: [{ cx: 12, cy: 12, r: 10 }]
+  },
+  users: {
+    paths: [
+      "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
+      "M22 21v-2a4 4 0 0 0-3-3.87",
+      "M16 3.13a4 4 0 0 1 0 7.75"
+    ],
+    circles: [{ cx: 9, cy: 7, r: 4 }]
+  },
+  externalLink: {
+    paths: [
+      "M15 3h6v6",
+      "M10 14 21 3",
+      "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    ]
+  },
+  messageCircle: { paths: ["M7.9 20A9 9 0 1 0 4 16.1L2 22Z"] },
+  rocket: {
+    paths: [
+      "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0",
+      "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2",
+      "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",
+      "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"
+    ]
+  },
+  circleCheck: {
+    paths: ["m9 12 2 2 4-4"],
+    circles: [{ cx: 12, cy: 12, r: 10 }]
+  }
+};
+var ICON_PATHS = SHAPES;
+var ICON_NAMES = Object.keys(ICON_PATHS);
+
 // catalog/react/icons.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 function Svg({ children, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -815,133 +945,79 @@ 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(
+      "path",
+      {
+        d,
+        ...filled && shape.fillable ? { fill: "currentColor" } : {}
+      },
+      `p${index}`
+    )),
+    (shape.circles ?? []).map((circle, index) => /* @__PURE__ */ jsx3(
+      "circle",
+      {
+        cx: circle.cx,
+        cy: circle.cy,
+        r: circle.r,
+        ...circle.filled ? { fill: "currentColor" } : {}
+      },
+      `c${index}`
+    ))
+  ] });
+}
+function makeIcon(name) {
+  return function Icon(props) {
+    return /* @__PURE__ */ jsx3(Svg, { ...props, children: /* @__PURE__ */ jsx3(Shape, { name, filled: false }) });
+  };
+}
 function StarIcon({
   filled = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, fill: filled ? "currentColor" : "none", children: /* @__PURE__ */ jsx2("path", { d: "M11.5 3.2a.6.6 0 0 1 1 0l2.3 4.7 5.2.8a.6.6 0 0 1 .3 1l-3.8 3.7.9 5.2a.6.6 0 0 1-.9.6L12 16.8l-4.6 2.4a.6.6 0 0 1-.9-.6l.9-5.2-3.8-3.7a.6.6 0 0 1 .3-1l5.2-.8Z" }) });
-}
-function ChevronRightIcon(props) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }) });
-}
-function ChevronDownIcon(props) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }) });
-}
-function SearchIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx2("path", { d: "m21 21-4.3-4.3" })
-  ] });
-}
-function XIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
-  ] });
-}
-function CheckIcon(props) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }) });
-}
-function ArrowUpDownIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "m21 16-4 4-4-4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M17 20V4" }),
-    /* @__PURE__ */ jsx2("path", { d: "m3 8 4-4 4 4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M7 4v16" })
-  ] });
-}
-function FolderIcon(props) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) });
-}
-function TagIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
-  ] });
-}
-function RotateCcwIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" })
-  ] });
-}
-function LoaderIcon(props) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+  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 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__ */ jsx2("path", { d: "M14 4.1 12 6" }),
-    /* @__PURE__ */ jsx2("path", { d: "m5.1 8-2.9-.8" }),
-    /* @__PURE__ */ jsx2("path", { d: "m6 12-1.9 2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M7.2 2.2 8 5.1" }),
-    /* @__PURE__ */ jsx2("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" })
-  ] });
-}
-function UsersIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "7", r: "4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-    /* @__PURE__ */ jsx2("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
-  ] });
-}
-function ClockIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 6v6l4 2" })
-  ] });
-}
-function GlobeIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
-    /* @__PURE__ */ jsx2("path", { d: "M2 12h20" })
-  ] });
-}
-function ExternalLinkIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ jsx2("path", { d: "M10 14 21 3" }),
-    /* @__PURE__ */ jsx2("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
-  ] });
-}
-function MessageCircleIcon(props) {
-  return /* @__PURE__ */ jsx2(Svg, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }) });
-}
-function RocketIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0" }),
-    /* @__PURE__ */ jsx2("path", { d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" })
-  ] });
-}
-function AlertTriangleIcon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 9v4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 17h.01" })
-  ] });
-}
-function Music4Icon(props) {
-  return /* @__PURE__ */ jsxs(Svg, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M9 18V5l12-2v13" }),
-    /* @__PURE__ */ jsx2("path", { d: "m9 9 12-2" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "6", cy: "18", r: "3" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "18", cy: "16", r: "3" })
+    /* @__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 jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+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__ */ jsx3(SearchIcon, { className: "w-3 h-3 text-muted-foreground shrink-0" }),
-  /* @__PURE__ */ jsx3(
+  /* @__PURE__ */ jsx4(SearchIcon, { className: "w-3 h-3 text-muted-foreground shrink-0" }),
+  /* @__PURE__ */ jsx4(
     "input",
     {
       ref,
@@ -953,14 +1029,14 @@ var SearchInput = ({
       style: { fontSize: "16px" }
     }
   ),
-  value && /* @__PURE__ */ jsx3(
+  value && /* @__PURE__ */ jsx4(
     "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" })
+      children: /* @__PURE__ */ jsx4(XIcon, { className: "w-3 h-3" })
     }
   )
 ] });
@@ -981,8 +1057,8 @@ function FilterChip({
         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 })
+        /* @__PURE__ */ jsx4(Icon, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx4("span", { children: label })
       ]
     }
   );
@@ -1003,8 +1079,8 @@ function OptionRow({
         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" })
+        /* @__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" })
       ]
     }
   );
@@ -1021,17 +1097,17 @@ function CheckRow({
       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(
+        /* @__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__ */ jsx3(CheckIcon, { className: "w-2.5 h-2.5 text-primary-foreground" })
+            children: checked && /* @__PURE__ */ jsx4(CheckIcon, { className: "w-2.5 h-2.5 text-primary-foreground" })
           }
         ),
-        /* @__PURE__ */ jsx3("span", { className: "flex-1 text-left truncate", children: label })
+        /* @__PURE__ */ jsx4("span", { className: "flex-1 text-left truncate", children: label })
       ]
     }
   );
@@ -1041,22 +1117,22 @@ function SidePanelHeader({
   onClose
 }) {
   return /* @__PURE__ */ jsxs2("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(
+    /* @__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__ */ jsx3(XIcon, { className: "w-3.5 h-3.5" })
+        children: /* @__PURE__ */ jsx4(XIcon, { className: "w-3.5 h-3.5" })
       }
     )
   ] });
 }
 
 // catalog/react/AgentCategoriesPanel.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function AgentCategoriesPanel({
   consumer,
   allCategories,
@@ -1068,8 +1144,8 @@ function AgentCategoriesPanel({
     (c) => !search || c.toLowerCase().includes(search.toLowerCase())
   );
   return /* @__PURE__ */ jsxs3("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(
+    /* @__PURE__ */ jsx5(SidePanelHeader, { title: "Categories", onClose }),
+    /* @__PURE__ */ jsx5("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx5(
       SearchInput,
       {
         value: search,
@@ -1090,7 +1166,7 @@ function AgentCategoriesPanel({
         ]
       }
     ),
-    /* @__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(
+    /* @__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,
@@ -1108,7 +1184,7 @@ import { cn as cn3 } from "@ai-matrx/design-system";
 // catalog/react/FavoriteAgentButton.tsx
 import { cn as cn2 } from "@ai-matrx/design-system";
 import { useCallback as useCallback4 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function FavoriteAgentButton({
   id,
   variant = "card",
@@ -1130,7 +1206,7 @@ function FavoriteAgentButton({
   };
   const title = isOwner ? isFavorite ? "Remove from favorites" : "Add to favorites" : "Shared \u2014 cannot favorite";
   if (variant === "list") {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -1143,7 +1219,7 @@ function FavoriteAgentButton({
         disabled: disabled || !isOwner,
         title,
         "aria-label": isFavorite ? "Remove from favorites" : "Add to favorites",
-        children: /* @__PURE__ */ jsx5(
+        children: /* @__PURE__ */ jsx6(
           StarIcon,
           {
             filled: isFavorite,
@@ -1156,7 +1232,7 @@ function FavoriteAgentButton({
       }
     );
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "button",
     {
       type: "button",
@@ -1170,7 +1246,7 @@ function FavoriteAgentButton({
       disabled: disabled || !isOwner,
       title,
       "aria-label": isFavorite ? "Remove from favorites" : "Add to favorites",
-      children: /* @__PURE__ */ jsx5(StarIcon, { filled: isFavorite, className: "w-4 h-4 transition-all duration-150" })
+      children: /* @__PURE__ */ jsx6(StarIcon, { filled: isFavorite, className: "w-4 h-4 transition-all duration-150" })
     }
   );
 }
@@ -1203,7 +1279,7 @@ function orchestraDelegatesLine(badge, limit = 3) {
 }
 
 // catalog/react/AgentDetailCard.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function AgentDetailCard({ agent, onSelect }) {
   const { LinkComponent, renderModelRef, openPeek } = useAgentCatalogUiPorts();
   const updatedDate = agent.updatedAt ? new Date(agent.updatedAt) : null;
@@ -1218,23 +1294,23 @@ function AgentDetailCard({ agent, onSelect }) {
     });
   };
   return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx6("div", { className: "px-4 pt-4 pb-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx6("div", { className: "w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center shrink-0" }),
+    /* @__PURE__ */ jsx7("div", { className: "px-4 pt-4 pb-3", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx7("div", { className: "w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center shrink-0" }),
       /* @__PURE__ */ jsxs4("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx6("h3", { className: "text-sm font-semibold text-foreground leading-tight truncate", children: agent.name || "Untitled" }),
-        agent.isFavorite && /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-1 mt-0.5", children: /* @__PURE__ */ jsx6("span", { className: "text-[11px] matrx-agent-star-on", children: "Pinned to favorites" }) })
+        /* @__PURE__ */ jsx7("h3", { className: "text-sm font-semibold text-foreground leading-tight truncate", children: agent.name || "Untitled" }),
+        agent.isFavorite && /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-1 mt-0.5", children: /* @__PURE__ */ jsx7("span", { className: "text-[11px] matrx-agent-star-on", children: "Pinned to favorites" }) })
       ] }),
-      !isDefaultRow && /* @__PURE__ */ jsx6(FavoriteAgentButton, { id: agent.id, variant: "list" })
+      !isDefaultRow && /* @__PURE__ */ jsx7(FavoriteAgentButton, { id: agent.id, variant: "list" })
     ] }) }),
-    /* @__PURE__ */ jsx6("div", { className: "h-px bg-border mx-3" }),
+    /* @__PURE__ */ jsx7("div", { className: "h-px bg-border mx-3" }),
     /* @__PURE__ */ jsxs4("div", { className: "flex-1 overflow-y-auto px-4 py-3 space-y-3", children: [
       agent.orchestra && /* @__PURE__ */ jsxs4("div", { className: "rounded-md border border-primary/20 bg-primary/5 px-2.5 py-2", children: [
         /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx6(Music4Icon, { className: "w-3.5 h-3.5 text-primary shrink-0" }),
-          /* @__PURE__ */ jsx6("span", { className: "text-[11px] font-medium text-primary", children: orchestraLabel(agent.orchestra) })
+          /* @__PURE__ */ jsx7(Music4Icon, { className: "w-3.5 h-3.5 text-primary shrink-0" }),
+          /* @__PURE__ */ jsx7("span", { className: "text-[11px] font-medium text-primary", children: orchestraLabel(agent.orchestra) })
         ] }),
-        agent.orchestra.tagline && /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs text-foreground/80 leading-relaxed", children: agent.orchestra.tagline }),
-        orchestraDelegatesLine(agent.orchestra) && /* @__PURE__ */ jsx6(
+        agent.orchestra.tagline && /* @__PURE__ */ jsx7("p", { className: "mt-1 text-xs text-foreground/80 leading-relaxed", children: agent.orchestra.tagline }),
+        orchestraDelegatesLine(agent.orchestra) && /* @__PURE__ */ jsx7(
           "p",
           {
             className: "mt-1 text-[11px] text-muted-foreground",
@@ -1242,22 +1318,22 @@ function AgentDetailCard({ agent, onSelect }) {
             children: orchestraDelegatesLine(agent.orchestra)
           }
         ),
-        orchestraDepthLine(agent.orchestra) && /* @__PURE__ */ jsx6("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: orchestraDepthLine(agent.orchestra) })
+        orchestraDepthLine(agent.orchestra) && /* @__PURE__ */ jsx7("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: orchestraDepthLine(agent.orchestra) })
       ] }),
       agent.description && /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx6("p", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wider mb-1", children: "Description" }),
-        /* @__PURE__ */ jsx6("p", { className: "text-xs text-foreground/80 leading-relaxed", children: agent.description })
+        /* @__PURE__ */ jsx7("p", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wider mb-1", children: "Description" }),
+        /* @__PURE__ */ jsx7("p", { className: "text-xs text-foreground/80 leading-relaxed", children: agent.description })
       ] }),
       agent.category && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx6(FolderIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
-        /* @__PURE__ */ jsx6("span", { className: "text-xs text-foreground/80", children: agent.category })
+        /* @__PURE__ */ jsx7(FolderIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsx7("span", { className: "text-xs text-foreground/80", children: agent.category })
       ] }),
       agent.tags && agent.tags.length > 0 && /* @__PURE__ */ jsxs4("div", { children: [
         /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
-          /* @__PURE__ */ jsx6(TagIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsx6("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Tags" })
+          /* @__PURE__ */ jsx7(TagIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx7("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Tags" })
         ] }),
-        /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-1", children: agent.tags.map((tag) => /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap gap-1", children: agent.tags.map((tag) => /* @__PURE__ */ jsx7(
           "span",
           {
             className: "inline-flex items-center h-5 px-1.5 rounded text-[10px] font-medium bg-muted text-muted-foreground",
@@ -1267,29 +1343,29 @@ function AgentDetailCard({ agent, onSelect }) {
         )) })
       ] }),
       agent.accessLevel && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-        agent.isOwner === false ? /* @__PURE__ */ jsx6(UsersIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx6(GlobeIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
+        agent.isOwner === false ? /* @__PURE__ */ jsx7(UsersIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx7(GlobeIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
         /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx6("span", { className: "text-xs text-foreground/80 capitalize", children: agent.accessLevel === "owner" ? "You own this" : `Shared \u2014 ${agent.accessLevel}` }),
+          /* @__PURE__ */ jsx7("span", { className: "text-xs text-foreground/80 capitalize", children: agent.accessLevel === "owner" ? "You own this" : `Shared \u2014 ${agent.accessLevel}` }),
           agent.sharedByEmail && /* @__PURE__ */ jsxs4("span", { className: "text-[10px] text-muted-foreground", children: [
             "by ",
             agent.sharedByEmail
           ] })
         ] })
       ] }),
-      agent.modelId && /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-2", children: renderModelRef({
+      agent.modelId && /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-2", children: renderModelRef({
         modelId: agent.modelId,
         className: "max-w-full text-xs text-foreground/80"
       }) }),
       (updatedDate || createdDate) && /* @__PURE__ */ jsxs4("div", { className: "pt-1 space-y-1", children: [
         updatedDate && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx6(ClockIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx7(ClockIcon, { className: "w-3.5 h-3.5 text-muted-foreground shrink-0" }),
           /* @__PURE__ */ jsxs4("span", { className: "text-[11px] text-muted-foreground", children: [
             "Updated ",
             formatDate(updatedDate)
           ] })
         ] }),
         createdDate && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx6(ClockIcon, { className: "w-3.5 h-3.5 text-muted-foreground/50 shrink-0" }),
+          /* @__PURE__ */ jsx7(ClockIcon, { className: "w-3.5 h-3.5 text-muted-foreground/50 shrink-0" }),
           /* @__PURE__ */ jsxs4("span", { className: "text-[11px] text-muted-foreground/70", children: [
             "Created ",
             formatDate(createdDate)
@@ -1297,9 +1373,9 @@ function AgentDetailCard({ agent, onSelect }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "h-px bg-border mx-3 mt-auto" }),
+    /* @__PURE__ */ jsx7("div", { className: "h-px bg-border mx-3 mt-auto" }),
     /* @__PURE__ */ jsxs4("div", { className: "px-3 py-2 shrink-0 flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1308,7 +1384,7 @@ function AgentDetailCard({ agent, onSelect }) {
           children: "Select"
         }
       ),
-      openPeek && /* @__PURE__ */ jsx6(
+      openPeek && /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1319,11 +1395,11 @@ function AgentDetailCard({ agent, onSelect }) {
           title: "Sneak Peek",
           "aria-label": "Sneak Peek",
           className: iconButtonClass,
-          children: /* @__PURE__ */ jsx6(RocketIcon, { className: "w-3.5 h-3.5" })
+          children: /* @__PURE__ */ jsx7(RocketIcon, { className: "w-3.5 h-3.5" })
         }
       ),
-      !isDefaultRow && /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx6(
+      !isDefaultRow && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx7(
           LinkComponent,
           {
             href: `/chat/a/${agent.id}`,
@@ -1331,10 +1407,10 @@ function AgentDetailCard({ agent, onSelect }) {
             title: "Open in chat",
             "aria-label": "Open in chat",
             className: iconButtonClass,
-            children: /* @__PURE__ */ jsx6(MessageCircleIcon, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsx7(MessageCircleIcon, { className: "w-3.5 h-3.5" })
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           LinkComponent,
           {
             href: `/agents/go/${agent.id}`,
@@ -1347,7 +1423,7 @@ function AgentDetailCard({ agent, onSelect }) {
               iconButtonClass,
               "hover:text-foreground"
             ),
-            children: /* @__PURE__ */ jsx6(ExternalLinkIcon, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsx7(ExternalLinkIcon, { className: "w-3.5 h-3.5" })
           }
         )
       ] })
@@ -1364,7 +1440,7 @@ var PANEL_HEIGHT = "528px";
 var LIST_MAX_HEIGHT = "min(528px, var(--radix-popper-available-height, 528px))";
 
 // catalog/react/AgentFilterBar.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function AgentFilterBar({
   consumer,
   allCategories,
@@ -1376,7 +1452,7 @@ function AgentFilterBar({
   onReset
 }) {
   return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 px-2 pb-1.5 overflow-x-auto matrx-agent-scrollbar-none shrink-0", children: [
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       FilterChip,
       {
         icon: ArrowUpDownIcon,
@@ -1386,7 +1462,7 @@ function AgentFilterBar({
         onClick: () => onFilterChipClick("sort")
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       FilterChip,
       {
         icon: StarIcon,
@@ -1398,7 +1474,7 @@ function AgentFilterBar({
         }
       }
     ),
-    allCategories.length > 0 && /* @__PURE__ */ jsx7(
+    allCategories.length > 0 && /* @__PURE__ */ jsx8(
       FilterChip,
       {
         icon: FolderIcon,
@@ -1408,7 +1484,7 @@ function AgentFilterBar({
         onClick: () => onFilterChipClick("categories")
       }
     ),
-    allTags.length > 0 && /* @__PURE__ */ jsx7(
+    allTags.length > 0 && /* @__PURE__ */ jsx8(
       FilterChip,
       {
         icon: TagIcon,
@@ -1418,14 +1494,14 @@ function AgentFilterBar({
         onClick: () => onFilterChipClick("tags")
       }
     ),
-    activeFilterCount > 0 && /* @__PURE__ */ jsx7(
+    activeFilterCount > 0 && /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
         onClick: onReset,
         "aria-label": "Reset filters",
         className: "flex items-center gap-0.5 h-6 px-1.5 rounded text-[11px] text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors shrink-0",
-        children: /* @__PURE__ */ jsx7(RotateCcwIcon, { className: "w-3 h-3" })
+        children: /* @__PURE__ */ jsx8(RotateCcwIcon, { className: "w-3 h-3" })
       }
     )
   ] });
@@ -1433,7 +1509,7 @@ function AgentFilterBar({
 
 // catalog/react/AgentListTabs.tsx
 import { cn as cn4 } from "@ai-matrx/design-system";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function AgentListTabs({
   consumer,
   tabCounts,
@@ -1447,7 +1523,7 @@ function AgentListTabs({
     { value: "all", label: "All", countKey: "all" },
     { value: "system", label: labels.publicTab, countKey: "system" }
   ];
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "div",
     {
       className: "flex items-center gap-0.5 px-2 pb-1 overflow-x-auto matrx-agent-scrollbar-none shrink-0",
@@ -1469,8 +1545,8 @@ function AgentListTabs({
               active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
             ),
             children: [
-              /* @__PURE__ */ jsx8("span", { children: label }),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9("span", { children: label }),
+              /* @__PURE__ */ jsx9(
                 "span",
                 {
                   className: cn4("tabular-nums opacity-70", active && "opacity-90"),
@@ -1488,7 +1564,7 @@ function AgentListTabs({
 
 // catalog/react/AgentRow.tsx
 import { cn as cn5 } from "@ai-matrx/design-system";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function AgentRow({
   agent,
   isActive,
@@ -1526,8 +1602,8 @@ 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" }),
-              /* @__PURE__ */ jsx9(
+              agent.isFavorite && /* @__PURE__ */ jsx10(StarIcon, { filled: true, className: "w-3 h-3 matrx-agent-star-on shrink-0" }),
+              /* @__PURE__ */ jsx10(
                 "span",
                 {
                   className: cn5(
@@ -1543,16 +1619,16 @@ function AgentRow({
                   className: "flex shrink-0 items-center gap-0.5 rounded-sm bg-primary/10 px-1 py-px text-[9px] font-medium text-primary",
                   title: orchestraDelegatesLine(agent.orchestra) ?? orchestraLabel(agent.orchestra),
                   children: [
-                    /* @__PURE__ */ jsx9(Music4Icon, { className: "w-2.5 h-2.5" }),
+                    /* @__PURE__ */ jsx10(Music4Icon, { className: "w-2.5 h-2.5" }),
                     agent.orchestra.memberCount
                   ]
                 }
               ),
-              agent.agentType === "builtin" ? /* @__PURE__ */ jsx9("span", { className: "text-[9px] font-medium text-primary bg-primary/10 px-1 py-px rounded shrink-0 ml-auto", children: labels.systemBadge }) : agent.isOwner === false ? /* @__PURE__ */ jsx9("span", { className: "text-[9px] text-muted-foreground bg-muted px-1 py-px rounded shrink-0 ml-auto", children: "shared" }) : null
+              agent.agentType === "builtin" ? /* @__PURE__ */ jsx10("span", { className: "text-[9px] font-medium text-primary bg-primary/10 px-1 py-px rounded shrink-0 ml-auto", children: labels.systemBadge }) : agent.isOwner === false ? /* @__PURE__ */ jsx10("span", { className: "text-[9px] text-muted-foreground bg-muted px-1 py-px rounded shrink-0 ml-auto", children: "shared" }) : null
             ]
           }
         ),
-        isMobile && /* @__PURE__ */ jsx9(
+        isMobile && /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -1562,7 +1638,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__ */ jsx9(ChevronRightIcon, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx10(ChevronRightIcon, { className: "w-4 h-4" })
           }
         )
       ]
@@ -1571,7 +1647,7 @@ function AgentRow({
 }
 
 // catalog/react/AgentListContent.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function AgentListContent({
   agents,
   isLoading,
@@ -1609,7 +1685,7 @@ function AgentListContent({
   const emptyLabel = agentListEmptyLabel(consumer.tab, labels);
   const defaultAgent = defaultRow?.row ?? null;
   return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx10("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx11(
       SearchInput,
       {
         ref: inputRef,
@@ -1618,7 +1694,7 @@ function AgentListContent({
         placeholder: labels.searchPlaceholder
       }
     ) }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11(
       AgentListTabs,
       {
         consumer,
@@ -1627,7 +1703,7 @@ function AgentListContent({
         visibleTabs
       }
     ),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11(
       AgentFilterBar,
       {
         consumer,
@@ -1646,16 +1722,16 @@ function AgentListContent({
         role: "status",
         className: "matrx-agent-drift-banner mx-2 mb-1.5 flex items-start gap-2 rounded-md px-2 py-1.5 shrink-0",
         children: [
-          /* @__PURE__ */ jsx10(AlertTriangleIcon, { className: "w-3.5 h-3.5 shrink-0 mt-px" }),
-          /* @__PURE__ */ jsx10("span", { className: "text-[11px] leading-snug flex-1", children: defaultRow.drift }),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(AlertTriangleIcon, { className: "w-3.5 h-3.5 shrink-0 mt-px" }),
+          /* @__PURE__ */ jsx11("span", { className: "text-[11px] leading-snug flex-1", children: defaultRow.drift }),
+          /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
               "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__ */ jsx11(XIcon, { className: "w-3 h-3" })
             }
           )
         ]
@@ -1667,19 +1743,19 @@ function AgentListContent({
         role: "alert",
         className: "matrx-agent-drift-banner mx-2 mb-1.5 flex items-start gap-2 rounded-md px-2 py-1.5 shrink-0",
         children: [
-          /* @__PURE__ */ jsx10(AlertTriangleIcon, { className: "w-3.5 h-3.5 shrink-0 mt-px" }),
-          /* @__PURE__ */ jsx10("span", { className: "text-[11px] leading-snug flex-1", children: defaultRow.error })
+          /* @__PURE__ */ jsx11(AlertTriangleIcon, { className: "w-3.5 h-3.5 shrink-0 mt-px" }),
+          /* @__PURE__ */ jsx11("span", { className: "text-[11px] leading-snug flex-1", children: defaultRow.error })
         ]
       }
     ),
-    /* @__PURE__ */ jsx10("div", { className: "h-px bg-border shrink-0" }),
-    /* @__PURE__ */ jsx10("div", { ref: listScrollRef, className: "overflow-y-auto flex-1 min-h-0", children: isLoading ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-center py-8 gap-2 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx10(LoaderIcon, { className: "w-4 h-4 matrx-agent-spin" }),
-      /* @__PURE__ */ jsx10("span", { className: "text-xs", children: labels.loading })
-    ] }) : agents.length === 0 && !pinnedAgent && !defaultAgent ? /* @__PURE__ */ jsx10("div", { className: "flex flex-col items-center py-8 text-muted-foreground", children: /* @__PURE__ */ jsx10("span", { className: "text-xs", children: emptyLabel }) }) : /* @__PURE__ */ jsxs8("div", { className: "py-0.5", children: [
-      defaultAgent && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-        /* @__PURE__ */ jsx10("div", { className: "px-3 pt-1.5 pb-0.5", children: /* @__PURE__ */ jsx10("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Default" }) }),
-        /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11("div", { className: "h-px bg-border shrink-0" }),
+    /* @__PURE__ */ jsx11("div", { ref: listScrollRef, className: "overflow-y-auto flex-1 min-h-0", children: isLoading ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-center py-8 gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx11(LoaderIcon, { className: "w-4 h-4 matrx-agent-spin" }),
+      /* @__PURE__ */ jsx11("span", { className: "text-xs", children: labels.loading })
+    ] }) : agents.length === 0 && !pinnedAgent && !defaultAgent ? /* @__PURE__ */ jsx11("div", { className: "flex flex-col items-center py-8 text-muted-foreground", children: /* @__PURE__ */ jsx11("span", { className: "text-xs", children: emptyLabel }) }) : /* @__PURE__ */ jsxs8("div", { className: "py-0.5", children: [
+      defaultAgent && /* @__PURE__ */ jsxs8(Fragment3, { children: [
+        /* @__PURE__ */ jsx11("div", { className: "px-3 pt-1.5 pb-0.5", children: /* @__PURE__ */ jsx11("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Default" }) }),
+        /* @__PURE__ */ jsx11(
           AgentRow,
           {
             agent: defaultAgent,
@@ -1694,11 +1770,11 @@ function AgentListContent({
           },
           `default-${defaultAgent.id}`
         ),
-        /* @__PURE__ */ jsx10("div", { className: "mx-2 my-0.5 h-px bg-border" })
+        /* @__PURE__ */ jsx11("div", { className: "mx-2 my-0.5 h-px bg-border" })
       ] }),
-      pinnedAgent && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-        /* @__PURE__ */ jsx10("div", { className: "px-3 pt-1.5 pb-0.5", children: /* @__PURE__ */ jsx10("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: labels.currentAgentHeading }) }),
-        /* @__PURE__ */ jsx10(
+      pinnedAgent && /* @__PURE__ */ jsxs8(Fragment3, { children: [
+        /* @__PURE__ */ jsx11("div", { className: "px-3 pt-1.5 pb-0.5", children: /* @__PURE__ */ jsx11("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: labels.currentAgentHeading }) }),
+        /* @__PURE__ */ jsx11(
           AgentRow,
           {
             agent: pinnedAgent,
@@ -1713,9 +1789,9 @@ function AgentListContent({
           },
           `pinned-${pinnedAgent.id}`
         ),
-        /* @__PURE__ */ jsx10("div", { className: "mx-2 my-0.5 h-px bg-border" })
+        /* @__PURE__ */ jsx11("div", { className: "mx-2 my-0.5 h-px bg-border" })
       ] }),
-      agents.map((agent) => /* @__PURE__ */ jsx10(
+      agents.map((agent) => /* @__PURE__ */ jsx11(
         AgentRow,
         {
           agent,
@@ -1730,16 +1806,16 @@ function AgentListContent({
         },
         agent.id
       )),
-      agents.length === 0 && (pinnedAgent || defaultAgent) && /* @__PURE__ */ jsx10("div", { className: "flex flex-col items-center py-4 text-muted-foreground", children: /* @__PURE__ */ jsx10("span", { className: "text-xs", children: emptyLabel }) })
+      agents.length === 0 && (pinnedAgent || defaultAgent) && /* @__PURE__ */ jsx11("div", { className: "flex flex-col items-center py-4 text-muted-foreground", children: /* @__PURE__ */ jsx11("span", { className: "text-xs", children: emptyLabel }) })
     ] }) }),
-    /* @__PURE__ */ jsx10("div", { className: "h-px bg-border shrink-0" }),
+    /* @__PURE__ */ jsx11("div", { className: "h-px bg-border shrink-0" }),
     /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-2.5 py-1.5 shrink-0", children: [
       /* @__PURE__ */ jsxs8("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
         agents.length,
         " agent",
         agents.length !== 1 ? "s" : ""
       ] }),
-      consumer.searchTerm && /* @__PURE__ */ jsx10(
+      consumer.searchTerm && /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1753,7 +1829,7 @@ function AgentListContent({
 }
 
 // catalog/react/AgentMobileSubView.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function AgentMobileSubView({
   view,
   consumer,
@@ -1774,12 +1850,12 @@ 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__ */ jsx12(ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
           title
         ]
       }
     ),
-    view === "sort" && SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx11(
+    view === "sort" && SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx12(
       OptionRow,
       {
         label: opt.label,
@@ -1791,8 +1867,8 @@ function AgentMobileSubView({
       },
       opt.value
     )),
-    view === "categories" && /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx11("div", { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx11(
+    view === "categories" && /* @__PURE__ */ jsxs9(Fragment4, { children: [
+      /* @__PURE__ */ jsx12("div", { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx12(
         SearchInput,
         {
           value: catSearch,
@@ -1813,9 +1889,9 @@ function AgentMobileSubView({
           ]
         }
       ),
-      /* @__PURE__ */ jsx11("div", { className: "overflow-y-auto max-h-[300px]", children: allCategories.filter(
+      /* @__PURE__ */ jsx12("div", { className: "overflow-y-auto max-h-[300px]", children: allCategories.filter(
         (c) => !catSearch || c.toLowerCase().includes(catSearch.toLowerCase())
-      ).map((cat) => /* @__PURE__ */ jsx11(
+      ).map((cat) => /* @__PURE__ */ jsx12(
         CheckRow,
         {
           label: cat,
@@ -1825,8 +1901,8 @@ function AgentMobileSubView({
         cat
       )) })
     ] }),
-    view === "tags" && /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx11("div", { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx11(
+    view === "tags" && /* @__PURE__ */ jsxs9(Fragment4, { children: [
+      /* @__PURE__ */ jsx12("div", { className: "px-2 pt-2 pb-1", children: /* @__PURE__ */ jsx12(
         SearchInput,
         {
           value: tagSearch,
@@ -1847,9 +1923,9 @@ function AgentMobileSubView({
           ]
         }
       ),
-      /* @__PURE__ */ jsx11("div", { className: "overflow-y-auto max-h-[300px]", children: allTags.filter(
+      /* @__PURE__ */ jsx12("div", { className: "overflow-y-auto max-h-[300px]", children: allTags.filter(
         (t) => !tagSearch || t.toLowerCase().includes(tagSearch.toLowerCase())
-      ).map((tag) => /* @__PURE__ */ jsx11(
+      ).map((tag) => /* @__PURE__ */ jsx12(
         CheckRow,
         {
           label: tag,
@@ -1863,11 +1939,11 @@ function AgentMobileSubView({
 }
 
 // catalog/react/AgentSortPanel.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function AgentSortPanel({ consumer, onClose }) {
   return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx12(SidePanelHeader, { title: "Sort By", onClose }),
-    /* @__PURE__ */ jsx12("div", { className: "overflow-y-auto flex-1", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(SidePanelHeader, { title: "Sort By", onClose }),
+    /* @__PURE__ */ jsx13("div", { className: "overflow-y-auto flex-1", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx13(
       OptionRow,
       {
         label: opt.label,
@@ -1880,7 +1956,7 @@ function AgentSortPanel({ consumer, onClose }) {
 }
 
 // catalog/react/AgentTagsPanel.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function AgentTagsPanel({
   consumer,
   allTags,
@@ -1892,8 +1968,8 @@ function AgentTagsPanel({
     (t) => !search || t.toLowerCase().includes(search.toLowerCase())
   );
   return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx13(SidePanelHeader, { title: "Tags", onClose }),
-    /* @__PURE__ */ jsx13("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(SidePanelHeader, { title: "Tags", onClose }),
+    /* @__PURE__ */ jsx14("div", { className: "px-2 pt-2 pb-1 shrink-0", children: /* @__PURE__ */ jsx14(
       SearchInput,
       {
         value: search,
@@ -1914,7 +1990,7 @@ function AgentTagsPanel({
         ]
       }
     ),
-    /* @__PURE__ */ jsx13("div", { className: "overflow-y-auto flex-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground text-center py-6", children: "No tags" }) : filtered.map((tag) => /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14("div", { className: "overflow-y-auto flex-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground text-center py-6", children: "No tags" }) : filtered.map((tag) => /* @__PURE__ */ jsx14(
       CheckRow,
       {
         label: tag,
@@ -1927,7 +2003,7 @@ function AgentTagsPanel({
 }
 
 // catalog/react/AgentListDropdown.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var CONSUMER_ID = "agent-list-dropdown";
 function AgentListDropdown({
   onSelect,
@@ -2041,7 +2117,7 @@ function AgentListDropdown({
   const handleDetailPanelMouseLeave = useCallback5(() => {
     coreDetailMouseLeave(() => setRightPanel(null));
   }, [coreDetailMouseLeave]);
-  const resolveAgentHref = useMemo3(() => {
+  const resolveAgentHref = useMemo4(() => {
     if (resolveAgentHrefProp) return resolveAgentHrefProp;
     if (!navigateTo) return void 0;
     return (agent) => navigateTo.replace("{id}", agent.id);
@@ -2059,22 +2135,22 @@ function AgentListDropdown({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14("span", { className: "min-w-0 max-w-[200px] flex-1 truncate text-left", children: displayLabel }),
-        activeFilterCount > 0 && /* @__PURE__ */ jsx14("span", { className: "flex items-center justify-center w-4 h-4 rounded-md bg-primary text-primary-foreground text-[10px]", children: activeFilterCount }),
-        /* @__PURE__ */ jsx14(ChevronDownIcon, { className: "w-3 h-3 text-muted-foreground/60" })
+        /* @__PURE__ */ jsx15("span", { className: "min-w-0 max-w-[200px] flex-1 truncate text-left", children: displayLabel }),
+        activeFilterCount > 0 && /* @__PURE__ */ jsx15("span", { className: "flex items-center justify-center w-4 h-4 rounded-md bg-primary text-primary-foreground text-[10px]", children: activeFilterCount }),
+        /* @__PURE__ */ jsx15(ChevronDownIcon, { className: "w-3 h-3 text-muted-foreground/60" })
       ]
     }
   );
   const wrapTrigger = (Trigger) => {
     if (!showAssignedTooltip) {
-      return /* @__PURE__ */ jsx14(Trigger, { asChild: true, children: triggerButton });
+      return /* @__PURE__ */ jsx15(Trigger, { asChild: true, children: triggerButton });
     }
     return /* @__PURE__ */ jsxs12(Tooltip, { ...open ? { open: false } : {}, children: [
-      /* @__PURE__ */ jsx14(Trigger, { asChild: true, children: /* @__PURE__ */ jsx14(TooltipTrigger, { asChild: true, children: triggerButton }) }),
-      /* @__PURE__ */ jsx14(TooltipContent, { side: "bottom", className: "max-w-xs", children: displayLabel })
+      /* @__PURE__ */ jsx15(Trigger, { asChild: true, children: /* @__PURE__ */ jsx15(TooltipTrigger, { asChild: true, children: triggerButton }) }),
+      /* @__PURE__ */ jsx15(TooltipContent, { side: "bottom", className: "max-w-xs", children: displayLabel })
     ] });
   };
-  const listPanel = /* @__PURE__ */ jsx14(
+  const listPanel = /* @__PURE__ */ jsx15(
     AgentListContent,
     {
       agents,
@@ -2109,8 +2185,8 @@ function AgentListDropdown({
     return /* @__PURE__ */ jsxs12(Drawer, { open, onOpenChange: handleOpen, children: [
       wrapTrigger(DrawerTrigger),
       /* @__PURE__ */ jsxs12(DrawerContent, { className: "h-[85dvh]", children: [
-        /* @__PURE__ */ jsx14(DrawerTitle, { className: "sr-only", children: "Select Agent" }),
-        /* @__PURE__ */ jsx14("div", { className: "flex flex-col overflow-hidden flex-1 min-h-0", children: mobileDetailAgent ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsx15(DrawerTitle, { className: "sr-only", children: "Select Agent" }),
+        /* @__PURE__ */ jsx15("div", { className: "flex flex-col overflow-hidden flex-1 min-h-0", children: mobileDetailAgent ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-col overflow-hidden", children: [
           /* @__PURE__ */ jsxs12(
             "button",
             {
@@ -2118,19 +2194,19 @@ function AgentListDropdown({
               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__ */ jsx15(ChevronRightIcon, { className: "w-4 h-4 rotate-180" }),
                 "Back"
               ]
             }
           ),
-          /* @__PURE__ */ jsx14("div", { className: "overflow-y-auto", children: /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15("div", { className: "overflow-y-auto", children: /* @__PURE__ */ jsx15(
             AgentDetailCard,
             {
               agent: mobileDetailAgent,
               onSelect: () => handleSelectAgent(mobileDetailAgent)
             }
           ) })
-        ] }) : mobileSubView ? /* @__PURE__ */ jsx14(
+        ] }) : mobileSubView ? /* @__PURE__ */ jsx15(
           AgentMobileSubView,
           {
             view: mobileSubView,
@@ -2153,7 +2229,7 @@ function AgentListDropdown({
   }
   return /* @__PURE__ */ jsxs12(Popover, { open, onOpenChange: handleOpen, modal: false, children: [
     wrapTrigger(PopoverTrigger),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       PopoverContent,
       {
         ...contentSide ? { side: contentSide } : {},
@@ -2165,7 +2241,7 @@ function AgentListDropdown({
         className: "p-0 overflow-hidden w-[680px]",
         style: { height: PANEL_HEIGHT, maxHeight: LIST_MAX_HEIGHT },
         children: /* @__PURE__ */ jsxs12("div", { className: "flex h-full", children: [
-          /* @__PURE__ */ jsx14("div", { className: "flex flex-col min-w-0 w-[340px] shrink-0 border-r border-border", children: listPanel }),
+          /* @__PURE__ */ jsx15("div", { className: "flex flex-col min-w-0 w-[340px] shrink-0 border-r border-border", children: listPanel }),
           /* @__PURE__ */ jsxs12(
             "div",
             {
@@ -2173,21 +2249,21 @@ function AgentListDropdown({
               onMouseEnter: rightPanel === "detail" ? handleDetailPanelMouseEnter : void 0,
               onMouseLeave: rightPanel === "detail" ? handleDetailPanelMouseLeave : void 0,
               children: [
-                rightPanel === "detail" && hoveredAgent && /* @__PURE__ */ jsx14("div", { className: "h-full matrx-agent-fade-in", children: /* @__PURE__ */ jsx14(
+                rightPanel === "detail" && hoveredAgent && /* @__PURE__ */ jsx15("div", { className: "h-full matrx-agent-fade-in", children: /* @__PURE__ */ jsx15(
                   AgentDetailCard,
                   {
                     agent: hoveredAgent,
                     onSelect: () => handleSelectAgent(hoveredAgent)
                   }
                 ) }, hoveredAgent.id),
-                rightPanel === "sort" && /* @__PURE__ */ jsx14(
+                rightPanel === "sort" && /* @__PURE__ */ jsx15(
                   AgentSortPanel,
                   {
                     consumer,
                     onClose: () => setRightPanel(null)
                   }
                 ),
-                rightPanel === "categories" && /* @__PURE__ */ jsx14(
+                rightPanel === "categories" && /* @__PURE__ */ jsx15(
                   AgentCategoriesPanel,
                   {
                     consumer,
@@ -2200,7 +2276,7 @@ function AgentListDropdown({
                     }
                   }
                 ),
-                rightPanel === "tags" && /* @__PURE__ */ jsx14(
+                rightPanel === "tags" && /* @__PURE__ */ jsx15(
                   AgentTagsPanel,
                   {
                     consumer,
@@ -2214,8 +2290,8 @@ function AgentListDropdown({
                   }
                 ),
                 !hasRightPanel && /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 px-6 text-center", children: [
-                  /* @__PURE__ */ jsx14(MousePointerClickIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
-                  /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground/70 leading-relaxed", children: labels.hoverHint })
+                  /* @__PURE__ */ jsx15(MousePointerClickIcon, { className: "h-6 w-6 text-muted-foreground/40" }),
+                  /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground/70 leading-relaxed", children: labels.hoverHint })
                 ] })
               ]
             }
@@ -2229,7 +2305,7 @@ function AgentListDropdown({
 // catalog/react/AgentListInlinePicker.tsx
 import { cn as cn7 } from "@ai-matrx/design-system";
 import { useEffect as useEffect4, useRef as useRef5, useState as useState4 } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function AgentListInlinePicker({
   consumerId,
   onSelect,
@@ -2301,12 +2377,12 @@ 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__ */ jsx15(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
+            /* @__PURE__ */ jsx16(ChevronRightIcon, { className: "h-4 w-4 rotate-180" }),
             "Back"
           ]
         }
       ),
-      /* @__PURE__ */ jsx15("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx16(
         AgentDetailCard,
         {
           agent: mobileDetailAgent,
@@ -2316,7 +2392,7 @@ function AgentListInlinePicker({
     ] });
   }
   if (mobileSubView) {
-    return /* @__PURE__ */ jsx15("div", { className: cn7("flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16("div", { className: cn7("flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ jsx16(
       AgentMobileSubView,
       {
         view: mobileSubView,
@@ -2335,7 +2411,7 @@ function AgentListInlinePicker({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx15("div", { className: cn7("flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("div", { className: cn7("flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ jsx16(
     AgentListContent,
     {
       agents,