@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/shared/AgentHeaderMobile.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
 import { useRouter, usePathname } from "../../../host/navigation.js";
 import { Check, MoreHorizontal, Webhook } from "lucide-react";
@@ -73,151 +74,190 @@ function AgentHeaderMobile({
   const prominentModes = MODES.filter((m) => PROMINENT.includes(m.id));
   const { host: shellSheet } = usePhonePageActions();
   const isPhone = useIsMobile();
-  const dirtyDialog = /* @__PURE__ */ React.createElement(AlertDialog, { open: showDirtyDialog, onOpenChange: setShowDirtyDialog }, /* @__PURE__ */ React.createElement(AlertDialogContent, null, /* @__PURE__ */ React.createElement(AlertDialogHeader, null, /* @__PURE__ */ React.createElement(AlertDialogTitle, null, "Unsaved Changes"), /* @__PURE__ */ React.createElement(AlertDialogDescription, null, "You have unsaved changes to this agent. If you leave now, your changes will be lost.")), /* @__PURE__ */ React.createElement(AlertDialogFooter, null, /* @__PURE__ */ React.createElement(
-    AlertDialogCancel,
-    {
-      onClick: () => {
-        setShowDirtyDialog(false);
-        setPendingNew(false);
-      }
-    },
-    "Stay"
-  ), /* @__PURE__ */ React.createElement(
-    AlertDialogAction,
-    {
-      onClick: () => {
-        setShowDirtyDialog(false);
-        if (pendingNew) {
-          setPendingNew(false);
-          navigateTo(`${basePath}/new`);
-        }
-      }
-    },
-    "Discard & Continue"
-  ))));
-  if (shellSheet && isPhone) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center w-full gap-1 min-w-0" }, /* @__PURE__ */ React.createElement(
-      AgentListDropdown,
-      {
-        onSelect: handleAgentSelect,
-        activeAgentId: agentId,
-        label: agentName?.trim() || "Select agent",
-        triggerSlot: /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(Webhook, null), glyphTone: "primary", "aria-label": "Switch agent", className: "min-w-0" }, agentName?.trim() || "Select agent")
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }), /* @__PURE__ */ React.createElement(AgentSaveTapButton, { agentId }), /* @__PURE__ */ React.createElement(HeaderActionsSlot, null, MODES.map((m) => {
-      const Icon = m.icon;
-      const isActive = m.id === mode;
-      return /* @__PURE__ */ React.createElement(
-        "button",
+  const dirtyDialog = /* @__PURE__ */ jsx(AlertDialog, { open: showDirtyDialog, onOpenChange: setShowDirtyDialog, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unsaved Changes" }),
+      /* @__PURE__ */ jsx(AlertDialogDescription, { children: "You have unsaved changes to this agent. If you leave now, your changes will be lost." })
+    ] }),
+    /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+      /* @__PURE__ */ jsx(
+        AlertDialogCancel,
         {
-          key: m.id,
-          type: "button",
-          "aria-current": isActive ? "page" : void 0,
-          onClick: () => handleModeChange(m.id),
-          className: "flex w-full min-h-12 items-center gap-3 px-2 text-left text-base"
-        },
-        /* @__PURE__ */ React.createElement(Icon, { className: cn("h-5 w-5 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }),
-        /* @__PURE__ */ React.createElement("span", { className: cn("flex-1", isActive && "font-medium") }, m.label),
-        isActive ? /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4 shrink-0 text-primary" }) : null
-      );
-    }), extraActions, /* @__PURE__ */ React.createElement(AgentOptionsMenu, { agentId, asTapTarget: true, basePath }))), dirtyDialog);
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center w-full min-w-0" }, /* @__PURE__ */ React.createElement(
-    AgentListDropdown,
-    {
-      onSelect: handleAgentSelect,
-      activeAgentId: agentId,
-      label: agentName?.trim() || "Select agent",
-      triggerSlot: /* @__PURE__ */ React.createElement(
-        "button",
+          onClick: () => {
+            setShowDirtyDialog(false);
+            setPendingNew(false);
+          },
+          children: "Stay"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AlertDialogAction,
         {
-          className: "flex h-9 w-9 shrink-0 items-center justify-center bg-transparent transition-transform active:scale-95 outline-none cursor-pointer",
-          "aria-label": "Select agent"
-        },
-        /* @__PURE__ */ React.createElement("div", { className: "flex h-6 w-6 items-center justify-center rounded-full matrx-glass-thin-border transition-colors" }, /* @__PURE__ */ React.createElement(Webhook, { className: "w-3.5 h-3.5" }))
+          onClick: () => {
+            setShowDirtyDialog(false);
+            if (pendingNew) {
+              setPendingNew(false);
+              navigateTo(`${basePath}/new`);
+            }
+          },
+          children: "Discard & Continue"
+        }
       )
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex justify-center min-w-0" }, /* @__PURE__ */ React.createElement(TapTargetButtonGroup, { surface: "solid" }, prominentModes.map(({ id, label, icon: Icon }) => {
-    const isActive = id === mode;
-    return /* @__PURE__ */ React.createElement(
-      TapTargetButtonForGroup,
-      {
-        key: id,
-        icon: /* @__PURE__ */ React.createElement(
-          Icon,
+    ] })
+  ] }) });
+  if (shellSheet && isPhone) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full gap-1 min-w-0", children: [
+        /* @__PURE__ */ jsx(
+          AgentListDropdown,
           {
-            className: `w-4 h-4 ${isActive ? "text-primary" : ""}`
+            onSelect: handleAgentSelect,
+            activeAgentId: agentId,
+            label: agentName?.trim() || "Select agent",
+            triggerSlot: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Webhook, {}), glyphTone: "primary", "aria-label": "Switch agent", className: "min-w-0", children: agentName?.trim() || "Select agent" })
           }
         ),
-        ariaLabel: label,
-        onClick: () => handleModeChange(id)
-      }
-    );
-  }), /* @__PURE__ */ React.createElement(
-    TapTargetButtonForGroup,
-    {
-      icon: /* @__PURE__ */ React.createElement(
-        MoreHorizontal,
+        /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsx(AgentSaveTapButton, { agentId }),
+        /* @__PURE__ */ jsxs(HeaderActionsSlot, { children: [
+          MODES.map((m) => {
+            const Icon = m.icon;
+            const isActive = m.id === mode;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-current": isActive ? "page" : void 0,
+                onClick: () => handleModeChange(m.id),
+                className: "flex w-full min-h-12 items-center gap-3 px-2 text-left text-base",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }),
+                  /* @__PURE__ */ jsx("span", { className: cn("flex-1", isActive && "font-medium"), children: m.label }),
+                  isActive ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-primary" }) : null
+                ]
+              },
+              m.id
+            );
+          }),
+          extraActions,
+          /* @__PURE__ */ jsx(AgentOptionsMenu, { agentId, asTapTarget: true, basePath })
+        ] })
+      ] }),
+      dirtyDialog
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full min-w-0", children: [
+      /* @__PURE__ */ jsx(
+        AgentListDropdown,
         {
-          className: `w-4 h-4 ${!PROMINENT.includes(mode) ? "text-primary" : ""}`
+          onSelect: handleAgentSelect,
+          activeAgentId: agentId,
+          label: agentName?.trim() || "Select agent",
+          triggerSlot: /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "flex h-9 w-9 shrink-0 items-center justify-center bg-transparent transition-transform active:scale-95 outline-none cursor-pointer",
+              "aria-label": "Select agent",
+              children: /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full matrx-glass-thin-border transition-colors", children: /* @__PURE__ */ jsx(Webhook, { className: "w-3.5 h-3.5" }) })
+            }
+          )
         }
       ),
-      ariaLabel: "More",
-      onClick: () => setMoreOpen(true)
-    }
-  ))), /* @__PURE__ */ React.createElement(AgentSaveTapButton, { agentId }), /* @__PURE__ */ React.createElement(AgentOptionsMenu, { agentId, asTapTarget: true, basePath })), /* @__PURE__ */ React.createElement(
-    BottomSheet,
-    {
-      open: moreOpen,
-      onOpenChange: setMoreOpen,
-      title: "Agent mode"
-    },
-    /* @__PURE__ */ React.createElement(
-      BottomSheetHeader,
+      /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-center min-w-0", children: /* @__PURE__ */ jsxs(TapTargetButtonGroup, { surface: "solid", children: [
+        prominentModes.map(({ id, label, icon: Icon }) => {
+          const isActive = id === mode;
+          return /* @__PURE__ */ jsx(
+            TapTargetButtonForGroup,
+            {
+              icon: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  className: `w-4 h-4 ${isActive ? "text-primary" : ""}`
+                }
+              ),
+              ariaLabel: label,
+              onClick: () => handleModeChange(id)
+            },
+            id
+          );
+        }),
+        /* @__PURE__ */ jsx(
+          TapTargetButtonForGroup,
+          {
+            icon: /* @__PURE__ */ jsx(
+              MoreHorizontal,
+              {
+                className: `w-4 h-4 ${!PROMINENT.includes(mode) ? "text-primary" : ""}`
+              }
+            ),
+            ariaLabel: "More",
+            onClick: () => setMoreOpen(true)
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(AgentSaveTapButton, { agentId }),
+      /* @__PURE__ */ jsx(AgentOptionsMenu, { agentId, asTapTarget: true, basePath })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      BottomSheet,
       {
-        title: "Switch mode",
-        trailing: /* @__PURE__ */ React.createElement(Button, { variant: "quiet", tone: "primary", onClick: () => setMoreOpen(false) }, "Done")
+        open: moreOpen,
+        onOpenChange: setMoreOpen,
+        title: "Agent mode",
+        children: [
+          /* @__PURE__ */ jsx(
+            BottomSheetHeader,
+            {
+              title: "Switch mode",
+              trailing: /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "primary", onClick: () => setMoreOpen(false), children: "Done" })
+            }
+          ),
+          /* @__PURE__ */ jsx(BottomSheetBody, { children: MODES.map((m, idx) => {
+            const Icon = m.icon;
+            const isActive = m.id === mode;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => {
+                  setMoreOpen(false);
+                  handleModeChange(m.id);
+                },
+                className: cn(
+                  "flex items-center w-full px-5 min-h-[52px] active:bg-glass-active transition-colors",
+                  idx < MODES.length - 1 && "border-b border-glass-edge"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      className: cn(
+                        "w-4 h-4 mr-3 shrink-0",
+                        isActive ? "text-primary" : "text-muted-foreground"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "text-[15px] flex-1 text-left",
+                        isActive && "font-medium"
+                      ),
+                      children: m.label
+                    }
+                  ),
+                  isActive && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-primary shrink-0" })
+                ]
+              },
+              m.id
+            );
+          }) })
+        ]
       }
     ),
-    /* @__PURE__ */ React.createElement(BottomSheetBody, null, MODES.map((m, idx) => {
-      const Icon = m.icon;
-      const isActive = m.id === mode;
-      return /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          key: m.id,
-          onClick: () => {
-            setMoreOpen(false);
-            handleModeChange(m.id);
-          },
-          className: cn(
-            "flex items-center w-full px-5 min-h-[52px] active:bg-glass-active transition-colors",
-            idx < MODES.length - 1 && "border-b border-glass-edge"
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          Icon,
-          {
-            className: cn(
-              "w-4 h-4 mr-3 shrink-0",
-              isActive ? "text-primary" : "text-muted-foreground"
-            )
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: cn(
-              "text-[15px] flex-1 text-left",
-              isActive && "font-medium"
-            )
-          },
-          m.label
-        ),
-        isActive && /* @__PURE__ */ React.createElement(Check, { className: "w-4 h-4 text-primary shrink-0" })
-      );
-    }))
-  ), dirtyDialog);
+    dirtyDialog
+  ] });
 }
 export {
   AgentHeaderMobile

package/dist/agents/components/shared/AgentModeController.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useTransition } from "react";
 import { useRouter, usePathname, Link } from "../../../host/navigation.js";
 import {
@@ -111,50 +112,64 @@ function AgentModeController({
     navigateTo(getAgentModeHref(next, agentId, basePath));
   };
   const getModeHref = (id) => getAgentModeHref(id, agentId, basePath);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(NavTooltipProvider, null, /* @__PURE__ */ React.createElement("div", { className: "matrx-glass-thin-border flex items-center gap-0 rounded-full p-0.5" }, MODES.map(({ id, label, icon: Icon }) => {
-    const isActive = id === mode;
-    return /* @__PURE__ */ React.createElement(NavItemTooltip, { key: id, label }, /* @__PURE__ */ React.createElement(
-      Link,
-      {
-        href: getModeHref(id),
-        onClick: (e) => {
-          if (e.metaKey || e.ctrlKey) return;
-          e.preventDefault();
-          handleModeChange(id);
-        },
-        "aria-label": label,
-        className: cn(
-          "flex items-center justify-center gap-1 py-0.5 text-[0.6875rem] font-medium rounded-full transition-colors cursor-pointer",
-          "px-2.5",
-          "[&_svg]:w-3.5 [&_svg]:h-3.5",
-          isActive ? NAV_ITEM_SELECTED : NAV_ITEM_UNSELECTED
-        )
-      },
-      /* @__PURE__ */ React.createElement(Icon, null),
-      /* @__PURE__ */ React.createElement("span", { className: "hidden @min-[1240px]/agent-header:inline" }, label)
-    ));
-  }))), /* @__PURE__ */ React.createElement(AlertDialog, { open: showDirtyDialog, onOpenChange: setShowDirtyDialog }, /* @__PURE__ */ React.createElement(AlertDialogContent, null, /* @__PURE__ */ React.createElement(AlertDialogHeader, null, /* @__PURE__ */ React.createElement(AlertDialogTitle, null, "Unsaved Changes"), /* @__PURE__ */ React.createElement(AlertDialogDescription, null, "You have unsaved changes to this agent. If you leave now, your changes will be lost.")), /* @__PURE__ */ React.createElement(AlertDialogFooter, null, /* @__PURE__ */ React.createElement(
-    AlertDialogCancel,
-    {
-      onClick: () => {
-        setShowDirtyDialog(false);
-        setPendingNew(false);
-      }
-    },
-    "Stay"
-  ), /* @__PURE__ */ React.createElement(
-    AlertDialogAction,
-    {
-      onClick: () => {
-        setShowDirtyDialog(false);
-        if (pendingNew) {
-          setPendingNew(false);
-          navigateTo(`${basePath}/new`);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(NavTooltipProvider, { children: /* @__PURE__ */ jsx("div", { className: "matrx-glass-thin-border flex items-center gap-0 rounded-full p-0.5", children: MODES.map(({ id, label, icon: Icon }) => {
+      const isActive = id === mode;
+      return /* @__PURE__ */ jsx(NavItemTooltip, { label, children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: getModeHref(id),
+          onClick: (e) => {
+            if (e.metaKey || e.ctrlKey) return;
+            e.preventDefault();
+            handleModeChange(id);
+          },
+          "aria-label": label,
+          className: cn(
+            "flex items-center justify-center gap-1 py-0.5 text-[0.6875rem] font-medium rounded-full transition-colors cursor-pointer",
+            "px-2.5",
+            "[&_svg]:w-3.5 [&_svg]:h-3.5",
+            isActive ? NAV_ITEM_SELECTED : NAV_ITEM_UNSELECTED
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Icon, {}),
+            /* @__PURE__ */ jsx("span", { className: "hidden @min-[1240px]/agent-header:inline", children: label })
+          ]
         }
-      }
-    },
-    "Discard & Continue"
-  )))));
+      ) }, id);
+    }) }) }),
+    /* @__PURE__ */ jsx(AlertDialog, { open: showDirtyDialog, onOpenChange: setShowDirtyDialog, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unsaved Changes" }),
+        /* @__PURE__ */ jsx(AlertDialogDescription, { children: "You have unsaved changes to this agent. If you leave now, your changes will be lost." })
+      ] }),
+      /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx(
+          AlertDialogCancel,
+          {
+            onClick: () => {
+              setShowDirtyDialog(false);
+              setPendingNew(false);
+            },
+            children: "Stay"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AlertDialogAction,
+          {
+            onClick: () => {
+              setShowDirtyDialog(false);
+              if (pendingNew) {
+                setPendingNew(false);
+                navigateTo(`${basePath}/new`);
+              }
+            },
+            children: "Discard & Continue"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
 }
 export {
   AgentModeController,

package/dist/agents/components/shared/AgentNewRunButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { useRouter, usePathname, useSearchParams } from "../../../host/navigation.js";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
@@ -24,7 +25,7 @@ function AgentNewRunButton({ surfaceKey }) {
       })
     ).unwrap().catch((err) => console.error("Failed to create new run:", err));
   }, [conversationId, surfaceKey, dispatch, pathname, router, searchParams]);
-  return /* @__PURE__ */ React.createElement(PlusTapButton, { variant: "transparent", onClick: handleNewRun, ariaLabel: "New run", tooltip: "New run" });
+  return /* @__PURE__ */ jsx(PlusTapButton, { variant: "transparent", onClick: handleNewRun, ariaLabel: "New run", tooltip: "New run" });
 }
 export {
   AgentNewRunButton

package/dist/agents/components/shared/AgentPlanningIndicator.js

@@ -1,10 +1,11 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ShimmerText } from "@ai-matrx/rich-content/utils/lifted/ShimmerText";
 function AgentPlanningIndicator({
   compact = false,
   label = "Planning..."
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ShimmerText,
     {
       text: label,

package/dist/agents/components/shared/AgentReferenceCopyButton.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { ReferenceCopyButton } from "../../../host/ui-slots.js";
 function AgentReferenceCopyButton({
   agentId,
@@ -7,7 +8,7 @@ function AgentReferenceCopyButton({
   className
 }) {
   const toastLabel = agentName?.trim() || "Agent";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ReferenceCopyButton,
     {
       referenceType: "agent",

package/dist/agents/components/shared/AgentSelectorIsland.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTransition } from "react";
 import { usePathname, useRouter, Link } from "../../../host/navigation.js";
 import { useAppSelector } from "../../../store/hooks.js";
@@ -35,24 +36,31 @@ function AgentSelectorIsland({
     const nextHref = getAgentModeHref(currentMode, selectedId, basePath);
     startTransition(() => router.push(nextHref));
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0 shrink" }, /* @__PURE__ */ React.createElement(
-    AgentListDropdown,
-    {
-      onSelect: handleAgentSelect,
-      label: displayName,
-      activeAgentId: agentId,
-      triggerSlot,
-      noBorder: true
-    }
-  ), showVersion && /* @__PURE__ */ React.createElement("span", { className: "text-[0.625rem] font-medium text-[var(--shell-nav-text)] tabular-nums shrink-0" }, "v", version), showBuiltin && isBuiltin && (() => {
-    const adminBase = "/administration/agents/system-agents/agents";
-    const currentMode = deriveAgentMode(pathname, agentId, basePath);
-    const adminHref = getAgentModeHref(currentMode, agentId, adminBase);
-    const isOnAdmin = basePath === adminBase;
-    const className = "text-[0.725rem] font-semibold uppercase tracking-wider leading-none px-2.5 py-1 rounded-full border border-destructive/40 bg-destructive/10 text-destructive-ink shrink-0 transition-colors hover:bg-destructive/20";
-    const title = isOnAdmin ? "Public agent \u2014 edits affect all users" : "Public agent \u2014 open in admin (edits affect all users)";
-    return isOnAdmin ? /* @__PURE__ */ React.createElement("span", { className, title }, "Builtin") : /* @__PURE__ */ React.createElement(Link, { href: adminHref, className, title }, "Builtin");
-  })());
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 shrink", children: [
+    /* @__PURE__ */ jsx(
+      AgentListDropdown,
+      {
+        onSelect: handleAgentSelect,
+        label: displayName,
+        activeAgentId: agentId,
+        triggerSlot,
+        noBorder: true
+      }
+    ),
+    showVersion && /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] font-medium text-[var(--shell-nav-text)] tabular-nums shrink-0", children: [
+      "v",
+      version
+    ] }),
+    showBuiltin && isBuiltin && (() => {
+      const adminBase = "/administration/agents/system-agents/agents";
+      const currentMode = deriveAgentMode(pathname, agentId, basePath);
+      const adminHref = getAgentModeHref(currentMode, agentId, adminBase);
+      const isOnAdmin = basePath === adminBase;
+      const className = "text-[0.725rem] font-semibold uppercase tracking-wider leading-none px-2.5 py-1 rounded-full border border-destructive/40 bg-destructive/10 text-destructive-ink shrink-0 transition-colors hover:bg-destructive/20";
+      const title = isOnAdmin ? "Public agent \u2014 edits affect all users" : "Public agent \u2014 open in admin (edits affect all users)";
+      return isOnAdmin ? /* @__PURE__ */ jsx("span", { className, title, children: "Builtin" }) : /* @__PURE__ */ jsx(Link, { href: adminHref, className, title, children: "Builtin" });
+    })()
+  ] });
 }
 export {
   AgentSelectorIsland