@ai-matrx/agents 0.7.0 → 0.8.0

package/dist/catalog/react/index.cjs

@@ -39,12 +39,17 @@ __export(react_exports, {
   FilterChip: () => FilterChip,
   HOVER_GRACE_MS: () => HOVER_GRACE_MS,
   LIST_MAX_HEIGHT: () => LIST_MAX_HEIGHT,
+  Music4Icon: () => Music4Icon,
   OptionRow: () => OptionRow,
   PANEL_HEIGHT: () => PANEL_HEIGHT,
   SORT_OPTIONS: () => SORT_OPTIONS,
   SearchInput: () => SearchInput,
   SidePanelHeader: () => SidePanelHeader,
   coerceVisibleTab: () => coerceVisibleTab,
+  orchestraDelegatesLine: () => orchestraDelegatesLine,
+  orchestraDepthLine: () => orchestraDepthLine,
+  orchestraLabel: () => orchestraLabel,
+  orchestraModeLabel: () => orchestraModeLabel,
   useAgentCatalog: () => useAgentCatalog,
   useAgentCatalogRows: () => useAgentCatalogRows,
   useAgentCatalogState: () => useAgentCatalogState,
@@ -135,6 +140,13 @@ var import_react2 = require("react");
 function isMandateAgentId(id) {
   return id.startsWith("mandate:");
 }
+var SORT_OPTIONS = [
+  { value: "updated-desc", label: "Recent" },
+  { value: "created-desc", label: "Created" },
+  { value: "name-asc", label: "A \u2192 Z" },
+  { value: "name-desc", label: "Z \u2192 A" },
+  { value: "category-asc", label: "Category" }
+];
 var AGENT_NONE_SENTINEL = "__none__";
 var DEFAULT_AGENT_CONSUMER_STATE = {
   tab: "mine",
@@ -944,6 +956,14 @@ function AlertTriangleIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 17h.01" })
   ] });
 }
+function Music4Icon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Svg, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9 18V5l12-2v13" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m9 9 12-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "6", cy: "18", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "18", cy: "16", r: "3" })
+  ] });
+}
 
 // catalog/react/primitives.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -1188,6 +1208,33 @@ function FavoriteAgentButton({
   );
 }
 
+// catalog/orchestra.ts
+var ORCHESTRA_MODE_LABEL = {
+  supervisor: "supervisor",
+  sequential: "in order",
+  parallel: "together",
+  dag: "custom flow"
+};
+function orchestraModeLabel(mode) {
+  return ORCHESTRA_MODE_LABEL[mode] ?? mode;
+}
+function orchestraLabel(badge) {
+  const n = badge.memberCount;
+  return `Orchestra \xB7 ${orchestraModeLabel(badge.mode)} \xB7 ${n} ${n === 1 ? "member" : "members"}`;
+}
+function orchestraDepthLine(badge) {
+  const n = badge.depthBudget;
+  if (typeof n !== "number" || n <= 0) return null;
+  return `Team members can call helpers up to ${n} ${n === 1 ? "level" : "levels"} deep`;
+}
+function orchestraDelegatesLine(badge, limit = 3) {
+  const titles = badge.memberTitles;
+  if (titles.length === 0) return null;
+  const shown = titles.slice(0, limit);
+  const extra = titles.length - shown.length;
+  return `Delegates to: ${shown.join(", ")}${extra > 0 ? ` +${extra} more` : ""}`;
+}
+
 // catalog/react/AgentDetailCard.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function AgentDetailCard({ agent, onSelect }) {
@@ -1214,6 +1261,22 @@ function AgentDetailCard({ agent, onSelect }) {
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "h-px bg-border mx-3" }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 overflow-y-auto px-4 py-3 space-y-3", children: [
+      agent.orchestra && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-md border border-primary/20 bg-primary/5 px-2.5 py-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Music4Icon, { className: "w-3.5 h-3.5 text-primary shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11px] font-medium text-primary", children: orchestraLabel(agent.orchestra) })
+        ] }),
+        agent.orchestra.tagline && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-xs text-foreground/80 leading-relaxed", children: agent.orchestra.tagline }),
+        orchestraDelegatesLine(agent.orchestra) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "p",
+          {
+            className: "mt-1 text-[11px] text-muted-foreground",
+            title: `Delegates to: ${agent.orchestra.memberTitles.join(", ")}`,
+            children: orchestraDelegatesLine(agent.orchestra)
+          }
+        ),
+        orchestraDepthLine(agent.orchestra) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-0.5 text-[11px] text-muted-foreground", children: orchestraDepthLine(agent.orchestra) })
+      ] }),
       agent.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wider mb-1", children: "Description" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-foreground/80 leading-relaxed", children: agent.description })
@@ -1330,13 +1393,6 @@ var iconButtonClass = "flex items-center justify-center h-7 w-7 rounded-md borde
 var import_react5 = require("react");
 
 // catalog/react/types.ts
-var SORT_OPTIONS = [
-  { value: "updated-desc", label: "Recent" },
-  { value: "created-desc", label: "Created" },
-  { value: "name-asc", label: "A \u2192 Z" },
-  { value: "name-desc", label: "Z \u2192 A" },
-  { value: "category-asc", label: "Category" }
-];
 var PANEL_HEIGHT = "528px";
 var LIST_MAX_HEIGHT = "min(528px, var(--radix-popper-available-height, 528px))";
 
@@ -1514,6 +1570,17 @@ function AgentRow({
                   children: agent.name || "Untitled"
                 }
               ),
+              agent.orchestra && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                "span",
+                {
+                  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__ */ (0, import_jsx_runtime9.jsx)(Music4Icon, { className: "w-2.5 h-2.5" }),
+                    agent.orchestra.memberCount
+                  ]
+                }
+              ),
               agent.agentType === "builtin" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[9px] text-muted-foreground bg-muted px-1 py-px rounded shrink-0 ml-auto", children: "shared" }) : null
             ]
           }