@ai-matrx/agents 0.13.16 → 0.14.3

package/dist/catalog/react/index.cjs

@@ -50,6 +50,7 @@ __export(react_exports, {
   orchestraDepthLine: () => orchestraDepthLine,
   orchestraLabel: () => orchestraLabel,
   orchestraModeLabel: () => orchestraModeLabel,
+  panelHeightBelow: () => panelHeightBelow,
   useAgentCatalog: () => useAgentCatalog,
   useAgentCatalogRows: () => useAgentCatalogRows,
   useAgentCatalogState: () => useAgentCatalogState,
@@ -1582,6 +1583,15 @@ var import_react6 = require("react");
 // catalog/react/types.ts
 var PANEL_HEIGHT = "528px";
 var LIST_MAX_HEIGHT = "min(528px, var(--radix-popper-available-height, 528px))";
+function panelHeightBelow(trigger, options = {}) {
+  if (!trigger || typeof window === "undefined") return null;
+  const full = options.full ?? 528;
+  const minUsable = options.minUsable ?? 300;
+  const gap = options.gap ?? 16;
+  const below = window.innerHeight - trigger.getBoundingClientRect().bottom - gap;
+  if (below >= full) return null;
+  return below >= minUsable ? `${Math.floor(below)}px` : null;
+}
 
 // catalog/react/AgentFilterBar.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -1780,7 +1790,15 @@ function AgentRow({
                   ]
                 }
               ),
-              agent.agentType === "builtin" ? /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("span", { className: "text-[9px] text-muted-foreground bg-muted px-1 py-px rounded shrink-0 ml-auto", children: "shared" }) : null
+              agent.isArchived ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "span",
+                {
+                  "data-testid": `agent-archived-badge-${agent.id}`,
+                  className: "text-[9px] font-medium text-muted-foreground bg-muted px-1 py-px rounded shrink-0 ml-auto",
+                  children: labels.archivedBadge
+                }
+              ) : null,
+              agent.agentType === "builtin" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: (0, import_design_system5.cn)("text-[9px] font-medium text-primary bg-primary/10 px-1 py-px rounded shrink-0", !agent.isArchived && "ml-auto"), children: labels.systemBadge }) : agent.isOwner === false ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: (0, import_design_system5.cn)("text-[9px] text-muted-foreground bg-muted px-1 py-px rounded shrink-0", !agent.isArchived && "ml-auto"), children: "shared" }) : null
             ]
           }
         ),
@@ -2211,6 +2229,8 @@ function AgentListDropdown({
   const [mobileDetailAgent, setMobileDetailAgent] = (0, import_react7.useState)(null);
   const [mobileSubView, setMobileSubView] = (0, import_react7.useState)(null);
   const inputRef = (0, import_react7.useRef)(null);
+  const triggerRef = (0, import_react7.useRef)(null);
+  const [fitHeight, setFitHeight] = (0, import_react7.useState)(null);
   const {
     agents,
     archivedHiddenCount,
@@ -2250,6 +2270,7 @@ function AgentListDropdown({
   const handleOpen = (nextOpen) => {
     setOpen(nextOpen);
     if (nextOpen) {
+      setFitHeight(contentSide || isMobile ? null : panelHeightBelow(triggerRef.current));
       ensureLoaded();
       if (pinnedAgent && !isMobile) {
         setHoveredAgent(pinnedAgent);
@@ -2321,10 +2342,10 @@ function AgentListDropdown({
   );
   const wrapTrigger = (Trigger) => {
     if (!showAssignedTooltip) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Trigger, { asChild: true, children: triggerButton });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Trigger, { asChild: true, ref: triggerRef, children: triggerButton });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system7.Tooltip, { ...open ? { open: false } : {}, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system7.TooltipTrigger, { asChild: true, children: triggerButton }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Trigger, { asChild: true, ref: triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system7.TooltipTrigger, { asChild: true, children: triggerButton }) }),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system7.TooltipContent, { side: "bottom", className: "max-w-xs", children: displayLabel })
     ] });
   };
@@ -2411,14 +2432,14 @@ function AgentListDropdown({
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_design_system7.PopoverContent,
       {
-        ...contentSide ? { side: contentSide } : {},
+        ...contentSide ? { side: contentSide } : fitHeight ? { side: "bottom" } : {},
         align: "start",
         sideOffset: 4,
         collisionPadding: 12,
         sticky: "always",
         ...popoverContainer ? { container: popoverContainer } : {},
         className: "p-0 overflow-hidden w-[680px]",
-        style: { height: PANEL_HEIGHT, maxHeight: LIST_MAX_HEIGHT },
+        style: { height: fitHeight ?? PANEL_HEIGHT, maxHeight: fitHeight ?? LIST_MAX_HEIGHT },
         children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex h-full", children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col min-w-0 w-[340px] shrink-0 border-r border-border", children: listPanel }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(