@inf-monkeys-tech/monkeys-design 1.0.11 → 1.0.12

package/dist/index.js

@@ -2,7 +2,7 @@
 
 var debounce = require('lodash/debounce.js');
 var runtime = require('@inf-monkeys-tech/monkeys/runtime');
-var React = require('react');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var DropdownMenu2 = require('@radix-ui/react-dropdown-menu');
@@ -11,6 +11,15 @@ var ContextMenu = require('@radix-ui/react-context-menu');
 var reactDom = require('react-dom');
 var Dialog = require('@radix-ui/react-dialog');
 var Tooltip2 = require('@radix-ui/react-tooltip');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+var reactSlot = require('@radix-ui/react-slot');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var classVarianceAuthority = require('class-variance-authority');
+var SelectPrimitive = require('@radix-ui/react-select');
 var core = require('@dnd-kit/core');
 var sonner = require('sonner');
 
@@ -35,11 +44,18 @@ function _interopNamespace(e) {
 }
 
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var DropdownMenu2__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu2);
 var ContextMenu__namespace = /*#__PURE__*/_interopNamespace(ContextMenu);
 var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
 var Tooltip2__namespace = /*#__PURE__*/_interopNamespace(Tooltip2);
+var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 
 // node_modules/chroma-js/src/utils/limit.js
 var limit_default = (x, low = 0, high = 1) => {
@@ -3103,6 +3119,38 @@ var enUS = {
         label: "Context usage",
         context: ({ used, total }) => `${used} / ${total} tokens`
       },
+      navigation: {
+        search: "Search agents and sessions",
+        searchShortcut: "Focus search",
+        clearSearch: "Clear search",
+        tabsLabel: "Agent workbench navigation",
+        agents: "Agents",
+        sessions: "Sessions",
+        newAgent: "New Agent",
+        newSession: "New Session",
+        capabilities: "Capabilities & Extensions",
+        settings: "Agent Settings",
+        allAgents: "All Agents",
+        recentSessions: "Recent Sessions",
+        builtIn: "Built-in",
+        noDescription: "No description",
+        loading: "Loading...",
+        emptyAgents: "No agents yet",
+        emptySessions: "No sessions yet",
+        noResults: "No matching results",
+        retry: "Retry",
+        pin: "Pin",
+        unpin: "Unpin",
+        rename: "Rename",
+        delete: "Delete",
+        actions: "Actions",
+        save: "Save",
+        cancel: "Cancel",
+        running: "Running",
+        completed: "Completed",
+        failed: "Failed",
+        contextUsage: ({ percent }) => `${percent}% context used`
+      },
       details: {
         title: "Task details",
         description: "Summary and workspace activity",
@@ -3284,6 +3332,38 @@ var zhCN = {
         label: "\u4E0A\u4E0B\u6587\u7528\u91CF",
         context: ({ used, total }) => `${used} / ${total} tokens`
       },
+      navigation: {
+        search: "\u641C\u7D22\u667A\u80FD\u4F53\u548C\u4F1A\u8BDD",
+        searchShortcut: "\u805A\u7126\u641C\u7D22\u6846",
+        clearSearch: "\u6E05\u9664\u641C\u7D22",
+        tabsLabel: "\u667A\u80FD\u4F53\u5DE5\u4F5C\u53F0\u5BFC\u822A",
+        agents: "\u667A\u80FD\u4F53",
+        sessions: "\u4F1A\u8BDD",
+        newAgent: "\u65B0\u5EFA\u667A\u80FD\u4F53",
+        newSession: "\u65B0\u5EFA\u4F1A\u8BDD",
+        capabilities: "\u80FD\u529B\u4E0E\u6269\u5C55",
+        settings: "\u667A\u80FD\u4F53\u8BBE\u7F6E",
+        allAgents: "\u5168\u90E8\u667A\u80FD\u4F53",
+        recentSessions: "\u6700\u8FD1\u4F1A\u8BDD",
+        builtIn: "\u5185\u7F6E",
+        noDescription: "\u6682\u65E0\u63CF\u8FF0",
+        loading: "\u52A0\u8F7D\u4E2D...",
+        emptyAgents: "\u6682\u65E0\u667A\u80FD\u4F53",
+        emptySessions: "\u6682\u65E0\u4F1A\u8BDD",
+        noResults: "\u6CA1\u6709\u5339\u914D\u7ED3\u679C",
+        retry: "\u91CD\u8BD5",
+        pin: "\u7F6E\u9876",
+        unpin: "\u53D6\u6D88\u7F6E\u9876",
+        rename: "\u91CD\u547D\u540D",
+        delete: "\u5220\u9664",
+        actions: "\u64CD\u4F5C",
+        save: "\u4FDD\u5B58",
+        cancel: "\u53D6\u6D88",
+        running: "\u8FD0\u884C\u4E2D",
+        completed: "\u5DF2\u5B8C\u6210",
+        failed: "\u5931\u8D25",
+        contextUsage: ({ percent }) => `\u5DF2\u4F7F\u7528 ${percent}% \u4E0A\u4E0B\u6587`
+      },
       details: {
         title: "\u4EFB\u52A1\u8BE6\u60C5",
         description: "\u6458\u8981\u4E0E\u5DE5\u4F5C\u533A\u6D3B\u52A8",
@@ -3470,6 +3550,10 @@ function mergeMonkeysLocaleMessages(base, override) {
         ...base.agentWorkbench.usage,
         ...override.agentWorkbench?.usage
       },
+      navigation: {
+        ...base.agentWorkbench.navigation,
+        ...override.agentWorkbench?.navigation
+      },
       details: {
         ...base.agentWorkbench.details,
         ...override.agentWorkbench?.details,
@@ -3546,17 +3630,17 @@ var MONKEYS_PROVIDER_CONTEXTS_KEY = /* @__PURE__ */ Symbol.for(
 );
 function createMonkeysProviderContexts() {
   return Object.freeze({
-    locale: React.createContext({
+    locale: React2.createContext({
       ...defaultMonkeysLocale,
       provided: false
     }),
-    theme: React.createContext({
+    theme: React2.createContext({
       provided: false
     }),
-    direction: React.createContext({
+    direction: React2.createContext({
       provided: false
     }),
-    environment: React.createContext({
+    environment: React2.createContext({
       provided: false,
       environment: EMPTY_ENVIRONMENT,
       portal: EMPTY_PORTAL
@@ -3592,43 +3676,43 @@ function mergeAppearance(inherited, explicit) {
   };
 }
 function useMonkeysLocale() {
-  return React.useContext(MonkeysLocaleContext);
+  return React2.useContext(MonkeysLocaleContext);
 }
 function useMonkeysLocaleMessages() {
-  return React.useContext(MonkeysLocaleContext).messages;
+  return React2.useContext(MonkeysLocaleContext).messages;
 }
 function useMonkeysResolvedTheme() {
-  return React.useContext(MonkeysThemeContext).resolvedTheme;
+  return React2.useContext(MonkeysThemeContext).resolvedTheme;
 }
 function useMonkeysBaseAppearance(explicit) {
-  const inherited = React.useContext(MonkeysThemeContext).baseAppearance;
-  return React.useMemo(
+  const inherited = React2.useContext(MonkeysThemeContext).baseAppearance;
+  return React2.useMemo(
     () => mergeAppearance(inherited, explicit),
     [explicit, inherited]
   );
 }
 function useMonkeysDataExplorerAppearance(explicit) {
-  const inherited = React.useContext(MonkeysThemeContext).dataExplorerAppearance;
-  return React.useMemo(
+  const inherited = React2.useContext(MonkeysThemeContext).dataExplorerAppearance;
+  return React2.useMemo(
     () => mergeAppearance(inherited, explicit),
     [explicit, inherited]
   );
 }
 function useMonkeysDirection() {
-  return React.useContext(MonkeysDirectionContext).direction;
+  return React2.useContext(MonkeysDirectionContext).direction;
 }
 function useMonkeysEnvironment() {
-  return React.useContext(MonkeysEnvironmentContext).environment;
+  return React2.useContext(MonkeysEnvironmentContext).environment;
 }
 function useMonkeysPortalOptions() {
-  return React.useContext(MonkeysEnvironmentContext).portal;
+  return React2.useContext(MonkeysEnvironmentContext).portal;
 }
 function useMonkeysComponentAttributes() {
-  const locale = React.useContext(MonkeysLocaleContext);
-  const theme = React.useContext(MonkeysThemeContext);
-  const direction = React.useContext(MonkeysDirectionContext);
+  const locale = React2.useContext(MonkeysLocaleContext);
+  const theme = React2.useContext(MonkeysThemeContext);
+  const direction = React2.useContext(MonkeysDirectionContext);
   const providerActive = locale.provided || theme.provided || direction.provided;
-  return React.useMemo(
+  return React2.useMemo(
     () => providerActive ? {
       dir: direction.direction,
       "data-monkeys-direction": direction.direction,
@@ -3701,22 +3785,22 @@ function MonkeysProvider({
   environment,
   portal
 }) {
-  const parentLocale = React.useContext(MonkeysLocaleContext);
-  const parentTheme = React.useContext(MonkeysThemeContext);
-  const parentDirection = React.useContext(MonkeysDirectionContext);
-  const parentEnvironment = React.useContext(MonkeysEnvironmentContext);
+  const parentLocale = React2.useContext(MonkeysLocaleContext);
+  const parentTheme = React2.useContext(MonkeysThemeContext);
+  const parentDirection = React2.useContext(MonkeysDirectionContext);
+  const parentEnvironment = React2.useContext(MonkeysEnvironmentContext);
   validateDirection(direction);
   validateEnvironment(environment);
   validatePortal(portal);
-  const resolvedLocale = React.useMemo(
+  const resolvedLocale = React2.useMemo(
     () => resolveMonkeysLocale(locale, messages, parentLocale),
     [locale, messages, parentLocale]
   );
-  const localeValue = React.useMemo(
+  const localeValue = React2.useMemo(
     () => ({ ...resolvedLocale, provided: true }),
     [resolvedLocale]
   );
-  const resolvedTheme = React.useMemo(
+  const resolvedTheme = React2.useMemo(
     () => resolveProviderTheme(
       theme,
       colorMode,
@@ -3725,7 +3809,7 @@ function MonkeysProvider({
     ),
     [colorMode, density, parentTheme.resolvedTheme, theme]
   );
-  const themeValue = React.useMemo(
+  const themeValue = React2.useMemo(
     () => ({
       provided: true,
       resolvedTheme,
@@ -3768,14 +3852,14 @@ function MonkeysProvider({
       themeId
     ]
   );
-  const directionValue = React.useMemo(
+  const directionValue = React2.useMemo(
     () => ({
       provided: true,
       direction: direction ?? parentDirection.direction ?? "ltr"
     }),
     [direction, parentDirection.direction]
   );
-  const environmentValue = React.useMemo(
+  const environmentValue = React2.useMemo(
     () => ({
       provided: true,
       environment: {
@@ -5492,7 +5576,7 @@ function getDomIdFragments(items) {
     return fragment;
   });
 }
-var BaseAccordion = React.forwardRef(
+var BaseAccordion = React2.forwardRef(
   function BaseAccordion2({
     items = [],
     value,
@@ -5519,19 +5603,19 @@ var BaseAccordion = React.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const rootId = id ?? generatedId;
-    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
-    const [focusedValue, setFocusedValue] = React.useState();
-    const triggerRefs = React.useRef(/* @__PURE__ */ new Map());
-    const ownsTriggerFocusRef = React.useRef(false);
+    const [uncontrolledValue, setUncontrolledValue] = React2.useState(defaultValue);
+    const [focusedValue, setFocusedValue] = React2.useState();
+    const triggerRefs = React2.useRef(/* @__PURE__ */ new Map());
+    const ownsTriggerFocusRef = React2.useRef(false);
     const isControlled = value !== void 0;
     const openValue = isControlled ? value : uncontrolledValue;
     const idFragments = getDomIdFragments(items);
     const enabledItems = items.filter((item) => !item.disabled);
     const openItem = items.find((item) => item.value === openValue);
     const layerDirection = typeof accordionProps.dir === "string" ? accordionProps.dir : componentAttributes.dir;
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!ownsTriggerFocusRef.current || focusedValue === void 0) return;
       const focusedItem = items.find((item) => item.value === focusedValue);
       if (focusedItem && !focusedItem.disabled) return;
@@ -5626,7 +5710,7 @@ var BaseAccordion = React.forwardRef(
           const panelId = `${rootId}-${itemId}-panel`;
           const open = item.value === openValue;
           const state = open ? "open" : "closed";
-          return /* @__PURE__ */ React.createElement(
+          return /* @__PURE__ */ React2.createElement(
             "div",
             {
               ...componentAttributes,
@@ -5731,7 +5815,7 @@ function getInitials(name) {
   if (!words.length) return void 0;
   return words.slice(0, 2).map((word) => word[0]?.toUpperCase()).join("");
 }
-var BaseAvatar = React.forwardRef(
+var BaseAvatar = React2.forwardRef(
   function BaseAvatar2({
     src,
     alt,
@@ -5754,14 +5838,14 @@ var BaseAvatar = React.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
-    const [failedSrc, setFailedSrc] = React.useState();
+    const [failedSrc, setFailedSrc] = React2.useState();
     const imageFailed = Boolean(src && failedSrc === src);
     const showImage = Boolean(src) && !imageFailed;
     const generatedInitials = getInitials(name);
     const fallbackKind = hasRenderableNode(children) ? "children" : hasRenderableNode(initials) ? "initials" : hasRenderableNode(generatedInitials) ? "name" : hasRenderableNode(icon) ? "icon" : "default";
     const fallback = hasRenderableNode(children) ? children : hasRenderableNode(initials) ? initials : hasRenderableNode(generatedInitials) ? generatedInitials : hasRenderableNode(icon) ? icon : "?";
     const statusKind = isStatusPreset(status) ? status : hasRenderableNode(status) ? "custom" : void 0;
-    React.useEffect(() => {
+    React2.useEffect(() => {
       setFailedSrc(void 0);
     }, [src]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5848,7 +5932,7 @@ function resolveAspectRatio(value) {
   }
   return String(value);
 }
-var BaseAspectRatio = React.forwardRef(function BaseAspectRatio2({
+var BaseAspectRatio = React2.forwardRef(function BaseAspectRatio2({
   children,
   ratio = 16 / 9,
   appearance,
@@ -5879,7 +5963,7 @@ var BaseAspectRatio = React.forwardRef(function BaseAspectRatio2({
     }
   );
 });
-var BaseBadge = React.forwardRef(
+var BaseBadge = React2.forwardRef(
   function BaseBadge2({
     children,
     label,
@@ -6092,7 +6176,7 @@ function LoadingIcon() {
     }
   );
 }
-var BaseButton = React.forwardRef(
+var BaseButton = React2.forwardRef(
   function BaseButton2({
     children,
     label,
@@ -6286,17 +6370,17 @@ function resolveBaseFieldValidationResult(result) {
     "BaseField validate must return a non-empty error string or null."
   );
 }
-var BaseFieldContext = React.createContext(
+var BaseFieldContext = React2.createContext(
   null
 );
 function useBaseFieldControl() {
-  const context = React.useContext(BaseFieldContext);
-  const controlKeyRef = React.useRef(null);
+  const context = React2.useContext(BaseFieldContext);
+  const controlKeyRef = React2.useRef(null);
   if (controlKeyRef.current === null) {
     controlKeyRef.current = /* @__PURE__ */ Symbol("BaseFieldControl");
   }
   const registerControl = context?.registerControl;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!registerControl || controlKeyRef.current === null) return void 0;
     return registerControl(controlKeyRef.current);
   }, [registerControl]);
@@ -6304,11 +6388,11 @@ function useBaseFieldControl() {
   const notifyChange = context?.notifyChange;
   return {
     invalid: context?.invalid ?? false,
-    notifyBlur: React.useCallback(
+    notifyBlur: React2.useCallback(
       (value) => notifyBlur?.(value),
       [notifyBlur]
     ),
-    notifyChange: React.useCallback(
+    notifyChange: React2.useCallback(
       (value) => notifyChange?.(value),
       [notifyChange]
     )
@@ -6334,7 +6418,7 @@ function setRefs(element, ...refs) {
     ref.current = element;
   }
 }
-var BaseCheckbox = React.forwardRef(
+var BaseCheckbox = React2.forwardRef(
   function BaseCheckbox2({
     label,
     description,
@@ -6374,17 +6458,17 @@ var BaseCheckbox = React.forwardRef(
     const resolvedInvalid = invalid || fieldControl.invalid;
     const hasLabel = hasRenderableNode(label);
     const hasDescription = hasNonEmptyRenderableNode(description);
-    const inputRef = React.useRef(null);
-    const indeterminateRef = React.useRef(indeterminate);
+    const inputRef = React2.useRef(null);
+    const indeterminateRef = React2.useRef(indeterminate);
     indeterminateRef.current = indeterminate;
-    const [uncontrolledChecked, setUncontrolledChecked] = React.useState(
+    const [uncontrolledChecked, setUncontrolledChecked] = React2.useState(
       defaultChecked ?? false
     );
     const isControlled = checked !== void 0;
     const resolvedChecked = Boolean(isControlled ? checked : uncontrolledChecked);
     const active = indeterminate || resolvedChecked;
     const state = indeterminate ? "mixed" : resolvedChecked ? "checked" : "unchecked";
-    const setInputRef = React.useCallback(
+    const setInputRef = React2.useCallback(
       (element) => {
         inputRef.current = element;
         if (element) element.indeterminate = indeterminateRef.current;
@@ -6392,7 +6476,7 @@ var BaseCheckbox = React.forwardRef(
       },
       [forwardedRef]
     );
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (inputRef.current) {
         inputRef.current.indeterminate = indeterminate;
       }
@@ -6523,7 +6607,7 @@ var BaseCheckbox = React.forwardRef(
     );
   }
 );
-var BaseCode = React.forwardRef(function BaseCode2({
+var BaseCode = React2.forwardRef(function BaseCode2({
   children,
   display = "inline",
   appearance,
@@ -6587,7 +6671,7 @@ var BaseCode = React.forwardRef(function BaseCode2({
     }
   );
 });
-var BaseContainer = React.forwardRef(
+var BaseContainer = React2.forwardRef(
   function BaseContainer2({
     children,
     maxWidth = "80rem",
@@ -6674,8 +6758,8 @@ function resolveBasePortalContainer({
 function BasePortal(props) {
   const environment = useMonkeysEnvironment();
   const portalOptions = useMonkeysPortalOptions();
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
     setMounted(true);
   }, []);
   if (props.disabled !== void 0 && typeof props.disabled !== "boolean") {
@@ -6745,8 +6829,8 @@ function getDefaultDocument() {
 function useBaseOverlayPortal(options = {}) {
   const environment = useMonkeysEnvironment();
   const portalOptions = useMonkeysPortalOptions();
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
     setMounted(true);
   }, []);
   return resolveBaseOverlayPortalState({
@@ -6899,7 +6983,7 @@ function BaseContextMenu({
     }
   );
 }
-var BaseContextMenuTrigger = React.forwardRef(function BaseContextMenuTrigger2({
+var BaseContextMenuTrigger = React2.forwardRef(function BaseContextMenuTrigger2({
   children,
   disabled = false,
   asChild = false,
@@ -6934,7 +7018,7 @@ var BaseContextMenuTrigger = React.forwardRef(function BaseContextMenuTrigger2({
     }
   );
 });
-var BaseContextMenuContent = React.forwardRef(function BaseContextMenuContent2({
+var BaseContextMenuContent = React2.forwardRef(function BaseContextMenuContent2({
   children,
   appearance,
   className,
@@ -6964,7 +7048,7 @@ var BaseContextMenuContent = React.forwardRef(function BaseContextMenuContent2({
   );
   return portal.shouldPortal ? /* @__PURE__ */ jsxRuntime.jsx(ContextMenu__namespace.Portal, { ...portal.radixPortalProps, children: content }) : content;
 });
-var BaseContextMenuLabel = React.forwardRef(function BaseContextMenuLabel2({ children, appearance, className, style, ...labelProps }, ref) {
+var BaseContextMenuLabel = React2.forwardRef(function BaseContextMenuLabel2({ children, appearance, className, style, ...labelProps }, ref) {
   const resolvedAppearance = useMonkeysBaseAppearance(appearance);
   const componentAttributes = useMonkeysComponentAttributes();
   const theme = resolveBaseAppearance(resolvedAppearance);
@@ -6982,7 +7066,7 @@ var BaseContextMenuLabel = React.forwardRef(function BaseContextMenuLabel2({ chi
     }
   );
 });
-var BaseContextMenuSeparator = React.forwardRef(function BaseContextMenuSeparator2({ appearance, className, style, ...separatorProps }, ref) {
+var BaseContextMenuSeparator = React2.forwardRef(function BaseContextMenuSeparator2({ appearance, className, style, ...separatorProps }, ref) {
   const resolvedAppearance = useMonkeysBaseAppearance(appearance);
   const componentAttributes = useMonkeysComponentAttributes();
   const theme = resolveBaseAppearance(resolvedAppearance);
@@ -6999,7 +7083,7 @@ var BaseContextMenuSeparator = React.forwardRef(function BaseContextMenuSeparato
     }
   );
 });
-var BaseContextMenuItem = React.forwardRef(function BaseContextMenuItem2({
+var BaseContextMenuItem = React2.forwardRef(function BaseContextMenuItem2({
   children,
   label,
   icon,
@@ -7065,7 +7149,7 @@ var BaseContextMenuItem = React.forwardRef(function BaseContextMenuItem2({
     }
   );
 });
-var BaseContextMenuCheckboxItem = React.forwardRef(function BaseContextMenuCheckboxItem2({
+var BaseContextMenuCheckboxItem = React2.forwardRef(function BaseContextMenuCheckboxItem2({
   children,
   label,
   icon,
@@ -7160,7 +7244,7 @@ function BaseContextMenuRadioGroup({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(ContextMenu__namespace.RadioGroup, { value, onValueChange, children });
 }
-var BaseContextMenuRadioItem = React.forwardRef(function BaseContextMenuRadioItem2({
+var BaseContextMenuRadioItem = React2.forwardRef(function BaseContextMenuRadioItem2({
   children,
   label,
   icon,
@@ -7258,7 +7342,7 @@ function BaseContextMenuSub({
     }
   );
 }
-var BaseContextMenuSubTrigger = React.forwardRef(function BaseContextMenuSubTrigger2({
+var BaseContextMenuSubTrigger = React2.forwardRef(function BaseContextMenuSubTrigger2({
   children,
   label,
   icon,
@@ -7341,7 +7425,7 @@ var BaseContextMenuSubTrigger = React.forwardRef(function BaseContextMenuSubTrig
     }
   );
 });
-var BaseContextMenuSubContent = React.forwardRef(function BaseContextMenuSubContent2({
+var BaseContextMenuSubContent = React2.forwardRef(function BaseContextMenuSubContent2({
   children,
   appearance,
   className,
@@ -7497,7 +7581,7 @@ function renderTrigger({
     }
   );
 }
-var BaseDialog = React.forwardRef(
+var BaseDialog = React2.forwardRef(
   function BaseDialog2({
     open,
     defaultOpen = false,
@@ -7555,9 +7639,9 @@ var BaseDialog = React.forwardRef(
     const resolvedCloseLabel = closeLabel === void 0 ? messages.close : closeLabel;
     const theme = resolveBaseAppearance(resolvedAppearance);
     const overlayPortal = useBaseOverlayPortal({ disabled: !portal });
-    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
-    const panelRef = React.useRef(null);
-    const returnFocusRef = React.useRef(null);
+    const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(defaultOpen);
+    const panelRef = React2.useRef(null);
+    const returnFocusRef = React2.useRef(null);
     const isControlled = open !== void 0;
     const isOpen = isControlled ? open : uncontrolledOpen;
     const portalState = portal && overlayPortal.shouldPortal ? "portaled" : "inline";
@@ -7575,7 +7659,7 @@ var BaseDialog = React.forwardRef(
       }
       onOpenChange?.(nextOpen);
     };
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!isOpen || !keepMounted) return void 0;
       const panel = panelRef.current;
       const ownerDocument = panel?.ownerDocument;
@@ -7852,7 +7936,7 @@ var BaseDialog = React.forwardRef(
     );
   }
 );
-var BaseDivider = React.forwardRef(
+var BaseDivider = React2.forwardRef(
   function BaseDivider2({
     orientation = "horizontal",
     label,
@@ -8047,7 +8131,7 @@ function renderTrigger2({
     }
   );
 }
-var BaseDropdownMenu = React.forwardRef(function BaseDropdownMenu2({
+var BaseDropdownMenu = React2.forwardRef(function BaseDropdownMenu2({
   items = [],
   label,
   trigger,
@@ -8084,7 +8168,7 @@ var BaseDropdownMenu = React.forwardRef(function BaseDropdownMenu2({
   const messages = useMonkeysLocaleMessages().dropdownMenu;
   const theme = resolveBaseAppearance(resolvedAppearance);
   const overlayPortal = useBaseOverlayPortal({ disabled: !portal });
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(defaultOpen);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : uncontrolledOpen;
   const resolvedTriggerLabel = triggerLabel === void 0 ? messages.actions : triggerLabel;
@@ -8333,7 +8417,7 @@ function DefaultEmptyIcon() {
     }
   );
 }
-var BaseEmptyState = React.forwardRef(
+var BaseEmptyState = React2.forwardRef(
   function BaseEmptyState2({
     icon = /* @__PURE__ */ jsxRuntime.jsx(DefaultEmptyIcon, {}),
     title,
@@ -8420,7 +8504,7 @@ function resolveOptionalId(value, fallback, name) {
   }
   return value;
 }
-var BaseField = React.forwardRef(
+var BaseField = React2.forwardRef(
   function BaseField2({
     label,
     description,
@@ -8457,33 +8541,33 @@ var BaseField = React.forwardRef(
         'BaseField validationMode must be "onBlur" or "onChange".'
       );
     }
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
     const hasDescription = hasRenderableNode(description);
-    const [internalError, setInternalError] = React.useState(null);
-    const registeredControlsRef = React.useRef(/* @__PURE__ */ new Set());
-    const validateRef = React.useRef(validate);
-    const validationModeRef = React.useRef(validationMode);
-    const disabledRef = React.useRef(disabled);
+    const [internalError, setInternalError] = React2.useState(null);
+    const registeredControlsRef = React2.useRef(/* @__PURE__ */ new Set());
+    const validateRef = React2.useRef(validate);
+    const validationModeRef = React2.useRef(validationMode);
+    const disabledRef = React2.useRef(disabled);
     validateRef.current = validate;
     validationModeRef.current = validationMode;
     disabledRef.current = disabled;
     const hasValidator = validate !== void 0;
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!hasValidator || disabled) {
         setInternalError(null);
       }
     }, [disabled, hasValidator]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (hasValidator && registeredControlsRef.current.size !== 1) {
         throw new TypeError(
           "BaseField with validate must contain exactly one compatible Base control."
         );
       }
     }, [hasValidator]);
-    const registerControl = React.useCallback((controlKey) => {
+    const registerControl = React2.useCallback((controlKey) => {
       const registeredControls = registeredControlsRef.current;
       if (validateRef.current !== void 0 && !registeredControls.has(controlKey) && registeredControls.size > 0) {
         throw new TypeError(
@@ -8495,7 +8579,7 @@ var BaseField = React.forwardRef(
         registeredControls.delete(controlKey);
       };
     }, []);
-    const runValidation = React.useCallback(
+    const runValidation = React2.useCallback(
       (mode, value) => {
         const currentValidate = validateRef.current;
         if (disabledRef.current || currentValidate === void 0 || validationModeRef.current !== mode) {
@@ -8510,11 +8594,11 @@ var BaseField = React.forwardRef(
       },
       []
     );
-    const notifyBlur = React.useCallback(
+    const notifyBlur = React2.useCallback(
       (value) => runValidation("onBlur", value),
       [runValidation]
     );
-    const notifyChange = React.useCallback(
+    const notifyChange = React2.useCallback(
       (value) => runValidation("onChange", value),
       [runValidation]
     );
@@ -8544,7 +8628,7 @@ var BaseField = React.forwardRef(
       disabled: disabled || void 0
     };
     const renderedChildren = typeof children === "function" ? children(controlProps) : children;
-    const fieldContextValue = React.useMemo(
+    const fieldContextValue = React2.useMemo(
       () => ({
         invalid: hasError,
         registerControl,
@@ -8664,7 +8748,7 @@ function resolveOptionalId2(value, fallback, name) {
   }
   return value;
 }
-var BaseFieldset = React.forwardRef(
+var BaseFieldset = React2.forwardRef(
   function BaseFieldset2({
     children,
     legend,
@@ -8681,7 +8765,7 @@ var BaseFieldset = React.forwardRef(
     "aria-errormessage": ariaErrorMessage,
     ...fieldsetProps
   }, ref) {
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
@@ -8765,7 +8849,7 @@ var BaseFieldset = React.forwardRef(
 function isHeadingLevel(value) {
   return typeof value === "number" && Number.isInteger(value) && value >= 1 && value <= 6;
 }
-var BaseHeading = React.forwardRef(
+var BaseHeading = React2.forwardRef(
   function BaseHeading2({
     level = 2,
     children,
@@ -8783,7 +8867,7 @@ var BaseHeading = React.forwardRef(
     if (!isHeadingLevel(level)) {
       throw new RangeError("BaseHeading level must be an integer from 1 to 6.");
     }
-    return React.createElement(
+    return React2.createElement(
       `h${level}`,
       {
         ...componentAttributes,
@@ -8810,7 +8894,7 @@ var BaseHeading = React.forwardRef(
     );
   }
 );
-var BaseGrid = React.forwardRef(
+var BaseGrid = React2.forwardRef(
   function BaseGrid2({
     children,
     columns = 1,
@@ -8857,7 +8941,7 @@ var controlSizeClassNames = {
   md: "h-9 px-3 text-sm",
   lg: "h-10 px-3.5 text-base"
 };
-var BaseInput = React.forwardRef(
+var BaseInput = React2.forwardRef(
   function BaseInput2({
     icon,
     trailing,
@@ -8966,7 +9050,7 @@ var BaseInput = React.forwardRef(
     );
   }
 );
-var BaseInputGroup = React.forwardRef(function BaseInputGroup2({
+var BaseInputGroup = React2.forwardRef(function BaseInputGroup2({
   children,
   startElement,
   endElement,
@@ -9083,7 +9167,7 @@ var BaseInputGroup = React.forwardRef(function BaseInputGroup2({
     }
   );
 });
-var BaseInline = React.forwardRef(
+var BaseInline = React2.forwardRef(
   function BaseInline2({
     children,
     gap,
@@ -9128,7 +9212,7 @@ var BaseInline = React.forwardRef(
     );
   }
 );
-var BaseKbd = React.forwardRef(function BaseKbd2({
+var BaseKbd = React2.forwardRef(function BaseKbd2({
   children,
   appearance,
   className,
@@ -9246,7 +9330,7 @@ function setPointerCaptureIfAvailable(target, pointerId) {
     throw error;
   }
 }
-var BaseLayout = React.forwardRef(
+var BaseLayout = React2.forwardRef(
   function BaseLayout2({
     header,
     sidebar,
@@ -9376,7 +9460,7 @@ var BaseLayout = React.forwardRef(
     );
   }
 );
-var BaseLayoutPane = React.forwardRef(
+var BaseLayoutPane = React2.forwardRef(
   function BaseLayoutPane2({
     as = "div",
     scrollable = false,
@@ -9424,7 +9508,7 @@ var BaseLayoutPane = React.forwardRef(
     );
   }
 );
-var BaseLayoutResizeHandle = React.forwardRef(function BaseLayoutResizeHandle2({
+var BaseLayoutResizeHandle = React2.forwardRef(function BaseLayoutResizeHandle2({
   orientation = "horizontal",
   resizable = false,
   disabled = false,
@@ -9506,7 +9590,7 @@ var BaseLayoutResizeHandle = React.forwardRef(function BaseLayoutResizeHandle2({
     }
   );
 });
-var BaseLayoutSplit = React.forwardRef(
+var BaseLayoutSplit = React2.forwardRef(
   function BaseLayoutSplit2({
     orientation = "horizontal",
     primary,
@@ -9542,9 +9626,9 @@ var BaseLayoutSplit = React.forwardRef(
       bounds.min,
       bounds.max
     );
-    const [uncontrolledSize, setUncontrolledSize] = React.useState(initialSize);
-    const rootRef = React.useRef(null);
-    const cleanupRef = React.useRef(null);
+    const [uncontrolledSize, setUncontrolledSize] = React2.useState(initialSize);
+    const rootRef = React2.useRef(null);
+    const cleanupRef = React2.useRef(null);
     const controlled = size !== void 0;
     const interactive = resizable && !disabled;
     const renderedSize = resolveSplitSize(
@@ -9555,14 +9639,14 @@ var BaseLayoutSplit = React.forwardRef(
       bounds.max
     );
     const resolvedDirection = splitProps.dir ?? componentAttributes.dir;
-    const setRootRef = React.useCallback(
+    const setRootRef = React2.useCallback(
       (node) => {
         rootRef.current = node;
         assignRef(ref, node);
       },
       [ref]
     );
-    const commitSize = React.useCallback(
+    const commitSize = React2.useCallback(
       (nextSize) => {
         const clampedSize = clamp(nextSize, bounds.min, bounds.max);
         if (!controlled) {
@@ -9572,7 +9656,7 @@ var BaseLayoutSplit = React.forwardRef(
       },
       [bounds.max, bounds.min, controlled, onSizeChange]
     );
-    const updateFromPointer = React.useCallback(
+    const updateFromPointer = React2.useCallback(
       (event) => {
         const root = rootRef.current;
         if (!root) return;
@@ -9584,12 +9668,12 @@ var BaseLayoutSplit = React.forwardRef(
       },
       [commitSize, orientation]
     );
-    const stopResize = React.useCallback(() => {
+    const stopResize = React2.useCallback(() => {
       const cleanup = cleanupRef.current;
       cleanupRef.current = null;
       cleanup?.();
     }, []);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!interactive) stopResize();
       return stopResize;
     }, [interactive, stopResize]);
@@ -9766,7 +9850,7 @@ function DefaultLoadingIcon({ className }) {
     }
   );
 }
-var BaseLoadingState = React.forwardRef(function BaseLoadingState2({
+var BaseLoadingState = React2.forwardRef(function BaseLoadingState2({
   icon,
   title,
   description,
@@ -9849,7 +9933,7 @@ var BaseLoadingState = React.forwardRef(function BaseLoadingState2({
     }
   );
 });
-var BaseLink = React.forwardRef(
+var BaseLink = React2.forwardRef(
   function BaseLink2({
     children,
     size = "md",
@@ -9889,7 +9973,7 @@ var BaseLink = React.forwardRef(
     );
   }
 );
-var BaseList = React.forwardRef(function BaseList2({
+var BaseList = React2.forwardRef(function BaseList2({
   ordered = false,
   marker = "auto",
   spacing = "default",
@@ -9926,7 +10010,7 @@ var BaseList = React.forwardRef(function BaseList2({
   };
   return ordered ? /* @__PURE__ */ jsxRuntime.jsx("ol", { ...sharedProps, ref }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { ...sharedProps, ref });
 });
-var BaseListItem = React.forwardRef(
+var BaseListItem = React2.forwardRef(
   function BaseListItem2({
     children,
     appearance,
@@ -10061,7 +10145,7 @@ function getOptionText(option) {
 function toDomId2(value) {
   return value.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-var BaseMultiSelect = React.forwardRef(
+var BaseMultiSelect = React2.forwardRef(
   function BaseMultiSelect2({
     options,
     value,
@@ -10103,46 +10187,46 @@ var BaseMultiSelect = React.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const multiSelectId = id ?? generatedId;
     const controlId = `${multiSelectId}-control`;
     const listboxId = `${multiSelectId}-listbox`;
-    const rootRef = React.useRef(null);
-    const controlRef = React.useRef(null);
-    const composingRef = React.useRef(false);
-    const typeaheadBufferRef = React.useRef("");
-    const typeaheadTimerRef = React.useRef(null);
+    const rootRef = React2.useRef(null);
+    const controlRef = React2.useRef(null);
+    const composingRef = React2.useRef(false);
+    const typeaheadBufferRef = React2.useRef("");
+    const typeaheadTimerRef = React2.useRef(null);
     const optionList = options ?? [];
     const optionIds = optionList.map(
       (option, index) => `${multiSelectId}-option-${index}-${toDomId2(option.value)}`
     );
     const forceOpen = openForPreview;
-    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+    const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(false);
     const open = forceOpen || uncontrolledOpen;
-    const initialDefaultValueRef = React.useRef(normalizeValues(defaultValue));
-    const [uncontrolledValue, setUncontrolledValue] = React.useState(() => [
+    const initialDefaultValueRef = React2.useRef(normalizeValues(defaultValue));
+    const [uncontrolledValue, setUncontrolledValue] = React2.useState(() => [
       ...initialDefaultValueRef.current
     ]);
-    const [activeIndex, setActiveIndex] = React.useState(
+    const [activeIndex, setActiveIndex] = React2.useState(
       () => getBoundaryEnabledIndex(optionList, "first")
     );
     const isControlled = value !== void 0;
-    const selectedValues = React.useMemo(
+    const selectedValues = React2.useMemo(
       () => normalizeValues(isControlled ? value : uncontrolledValue),
       [isControlled, uncontrolledValue, value]
     );
-    const selectedValueSet = React.useMemo(
+    const selectedValueSet = React2.useMemo(
       () => new Set(selectedValues),
       [selectedValues]
     );
-    const optionByValue = React.useMemo(() => {
+    const optionByValue = React2.useMemo(() => {
       const map = /* @__PURE__ */ new Map();
       optionList.forEach((option) => {
         if (!map.has(option.value)) map.set(option.value, option);
       });
       return map;
     }, [optionList]);
-    const selectedOptions = React.useMemo(
+    const selectedOptions = React2.useMemo(
       () => selectedValues.map((selectedValue) => optionByValue.get(selectedValue)).filter(
         (option) => option !== void 0
       ),
@@ -10272,7 +10356,7 @@ var BaseMultiSelect = React.forwardRef(
         handleTypeahead(event, event.key);
       }
     };
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!open || forceOpen) return void 0;
       const ownerDocument = rootRef.current?.ownerDocument;
       if (!ownerDocument) return void 0;
@@ -10284,7 +10368,7 @@ var BaseMultiSelect = React.forwardRef(
       ownerDocument.addEventListener("pointerdown", handlePointerDown);
       return () => ownerDocument.removeEventListener("pointerdown", handlePointerDown);
     }, [forceOpen, open]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (isControlled) return void 0;
       const form = rootRef.current?.closest("form");
       if (!form) return void 0;
@@ -10296,7 +10380,7 @@ var BaseMultiSelect = React.forwardRef(
       form.addEventListener("reset", handleReset);
       return () => form.removeEventListener("reset", handleReset);
     }, [forceOpen, isControlled, optionList]);
-    React.useEffect(
+    React2.useEffect(
       () => () => {
         if (typeaheadTimerRef.current) {
           typeaheadTimerRef.current.ownerWindow.clearTimeout(
@@ -10497,7 +10581,7 @@ var BaseMultiSelect = React.forwardRef(
               )
             }
           ),
-          name ? selectedValues.map((selectedValue) => /* @__PURE__ */ React.createElement(
+          name ? selectedValues.map((selectedValue) => /* @__PURE__ */ React2.createElement(
             "input",
             {
               ...componentAttributes,
@@ -10531,7 +10615,7 @@ var BaseMultiSelect = React.forwardRef(
                 const selected = selectedValueSet.has(option.value);
                 const active = index === resolvedActiveIndex;
                 const optionState = option.disabled ? "disabled" : active ? "active" : selected ? "selected" : "idle";
-                return /* @__PURE__ */ React.createElement(
+                return /* @__PURE__ */ React2.createElement(
                   "button",
                   {
                     ...componentAttributes,
@@ -10676,7 +10760,7 @@ function validateLabel(name, value) {
 function isInRange(value, min5, max5) {
   return value !== null && (min5 === void 0 || value >= min5) && (max5 === void 0 || value <= max5);
 }
-var BaseNumberInput = React.forwardRef(function BaseNumberInput2({
+var BaseNumberInput = React2.forwardRef(function BaseNumberInput2({
   value,
   defaultValue = "",
   min: min5,
@@ -10729,7 +10813,7 @@ var BaseNumberInput = React.forwardRef(function BaseNumberInput2({
   const resolvedDecrementLabel = decrementLabel ?? messages.numberInput.decrement;
   validateLabel("incrementLabel", resolvedIncrementLabel);
   validateLabel("decrementLabel", resolvedDecrementLabel);
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = React2.useState(defaultValue);
   const isControlled = value !== void 0;
   const rawValue = isControlled ? value : uncontrolledValue;
   const parsedValue = parseBaseNumberInputValue(rawValue);
@@ -11053,7 +11137,7 @@ function validateLabel2(name, value) {
     throw new TypeError(`BasePasswordInput ${name} must be a non-empty string.`);
   }
 }
-var BasePasswordInput = React.forwardRef(function BasePasswordInput2({
+var BasePasswordInput = React2.forwardRef(function BasePasswordInput2({
   visible,
   defaultVisible = false,
   onVisibleChange,
@@ -11087,8 +11171,8 @@ var BasePasswordInput = React.forwardRef(function BasePasswordInput2({
   const resolvedHideLabel = hidePasswordLabel ?? messages.passwordInput.hidePassword;
   validateLabel2("showPasswordLabel", resolvedShowLabel);
   validateLabel2("hidePasswordLabel", resolvedHideLabel);
-  const inputRef = React.useRef(null);
-  const [uncontrolledVisible, setUncontrolledVisible] = React.useState(defaultVisible);
+  const inputRef = React2.useRef(null);
+  const [uncontrolledVisible, setUncontrolledVisible] = React2.useState(defaultVisible);
   const isControlled = visible !== void 0;
   const resolvedVisible = isControlled ? visible : uncontrolledVisible;
   const resolvedAppearance = useMonkeysBaseAppearance(appearance);
@@ -11257,7 +11341,7 @@ function getPageItems(currentPage, pageCount, boundaryCount, siblingCount) {
   });
   return items;
 }
-var BasePagination = React.forwardRef(
+var BasePagination = React2.forwardRef(
   function BasePagination2({
     page,
     defaultPage,
@@ -11285,7 +11369,7 @@ var BasePagination = React.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
-    const [uncontrolledPage, setUncontrolledPage] = React.useState(
+    const [uncontrolledPage, setUncontrolledPage] = React2.useState(
       () => defaultPage ?? 1
     );
     if (page !== void 0) assertPositiveInteger(page, "page");
@@ -11481,7 +11565,7 @@ var BasePagination = React.forwardRef(
 function clamp2(value, min5, max5) {
   return Math.min(Math.max(value, min5), max5);
 }
-var BaseProgress = React.forwardRef(
+var BaseProgress = React2.forwardRef(
   function BaseProgress2({
     value = 0,
     max: max5 = 100,
@@ -11496,7 +11580,7 @@ var BaseProgress = React.forwardRef(
     "aria-labelledby": nativeAriaLabelledBy,
     ...progressProps
   }, ref) {
-    const generatedLabelId = `${React.useId()}-label`;
+    const generatedLabelId = `${React2.useId()}-label`;
     if (typeof max5 !== "number" || !Number.isFinite(max5) || max5 <= 0) {
       throw new TypeError("BaseProgress max must be a positive finite number.");
     }
@@ -11610,7 +11694,7 @@ var indicatorSizeClassNames2 = {
   md: "h-2 w-2",
   lg: "h-2.5 w-2.5"
 };
-var BaseRadioGroup = React.forwardRef(function BaseRadioGroup2({
+var BaseRadioGroup = React2.forwardRef(function BaseRadioGroup2({
   options = [],
   value,
   defaultValue,
@@ -11682,10 +11766,10 @@ var BaseRadioGroup = React.forwardRef(function BaseRadioGroup2({
   const resolvedAppearance = useMonkeysBaseAppearance(appearance);
   const componentAttributes = useMonkeysComponentAttributes();
   const theme = resolveBaseAppearance(resolvedAppearance);
-  const generatedId = React.useId();
+  const generatedId = React2.useId();
   const rootId = id ?? generatedId;
   const resolvedName = name ?? rootId;
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = React2.useState(defaultValue);
   const isControlled = value !== void 0;
   const selectedValue = isControlled ? value : uncontrolledValue;
   const handleSelect = (event, optionDisabled) => {
@@ -11861,7 +11945,7 @@ function resolveOverflow(axis) {
   }
   throw new TypeError('BaseScrollArea axis must be "x", "y", or "both".');
 }
-var BaseScrollArea = React.forwardRef(
+var BaseScrollArea = React2.forwardRef(
   function BaseScrollArea2({
     children,
     axis = "y",
@@ -12005,7 +12089,7 @@ function getOptionText2(option) {
 function toDomId4(value) {
   return value.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-var BaseSelect = React.forwardRef(
+var BaseSelect = React2.forwardRef(
   function BaseSelect2({
     options,
     placeholder,
@@ -12049,29 +12133,29 @@ var BaseSelect = React.forwardRef(
     const theme = resolveBaseAppearance(resolvedAppearance);
     const fieldControl = useBaseFieldControl();
     const resolvedInvalid = invalid || fieldControl.invalid;
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const selectId = id ?? generatedId;
     const triggerId = `${selectId}-button`;
     const listboxId = `${selectId}-listbox`;
-    const rootRef = React.useRef(null);
-    const triggerRef = React.useRef(null);
-    const selectRef = React.useRef(null);
-    const optionRefs = React.useRef([]);
-    const composingRef = React.useRef(false);
-    const typeaheadBufferRef = React.useRef("");
-    const typeaheadTimerRef = React.useRef(null);
+    const rootRef = React2.useRef(null);
+    const triggerRef = React2.useRef(null);
+    const selectRef = React2.useRef(null);
+    const optionRefs = React2.useRef([]);
+    const composingRef = React2.useRef(false);
+    const typeaheadBufferRef = React2.useRef("");
+    const typeaheadTimerRef = React2.useRef(null);
     const optionList = options ?? [];
     const isCustomSelect = optionList.length > 0;
     const forceOpen = openForPreview;
-    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+    const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(false);
     const open = forceOpen || uncontrolledOpen;
-    const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React2.useState(
       () => normalizeValue(defaultValue)
     );
     const isControlled = value !== void 0;
     const selectedValue = isControlled ? normalizeValue(value) : uncontrolledValue;
     const selectedOption = findOption(optionList, selectedValue);
-    const [activeIndex, setActiveIndex] = React.useState(
+    const [activeIndex, setActiveIndex] = React2.useState(
       () => getInitialActiveIndex(optionList, selectedValue)
     );
     const resolvedActiveIndex = activeIndex >= 0 && !optionList[activeIndex]?.disabled ? activeIndex : getInitialActiveIndex(optionList, selectedValue);
@@ -12243,7 +12327,7 @@ var BaseSelect = React.forwardRef(
       event.preventDefault();
       triggerRef.current?.focus();
     };
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!isCustomSelect || !open || forceOpen) return void 0;
       const ownerDocument = rootRef.current?.ownerDocument;
       if (!ownerDocument) return void 0;
@@ -12257,13 +12341,13 @@ var BaseSelect = React.forwardRef(
         ownerDocument.removeEventListener("pointerdown", handlePointerDown);
       };
     }, [forceOpen, isCustomSelect, open, optionList, selectedValue]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!isCustomSelect || !open || resolvedActiveIndex < 0) return;
       optionRefs.current[resolvedActiveIndex]?.scrollIntoView?.({
         block: "nearest"
       });
     }, [isCustomSelect, open, resolvedActiveIndex]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!isCustomSelect || isControlled) return void 0;
       const selectElement = selectRef.current;
       const form = selectElement?.form;
@@ -12280,7 +12364,7 @@ var BaseSelect = React.forwardRef(
       form.addEventListener("reset", handleReset);
       return () => form.removeEventListener("reset", handleReset);
     }, [defaultValue, forceOpen, isControlled, isCustomSelect, optionList]);
-    React.useEffect(
+    React2.useEffect(
       () => () => {
         if (typeaheadTimerRef.current) {
           typeaheadTimerRef.current.ownerWindow.clearTimeout(
@@ -12506,7 +12590,7 @@ var BaseSelect = React.forwardRef(
                 const selected = option.value === selectedValue;
                 const active = index === resolvedActiveIndex;
                 const optionState = option.disabled ? "disabled" : active ? "active" : selected ? "selected" : "idle";
-                return /* @__PURE__ */ React.createElement(
+                return /* @__PURE__ */ React2.createElement(
                   "button",
                   {
                     ...componentAttributes,
@@ -12631,7 +12715,7 @@ function BaseSegmentedControl({
   ...controlProps
 }) {
   const theme = resolveBaseAppearance(appearance);
-  const [uncontrolledValue, setUncontrolledValue] = React.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React2.useState(
     () => getInitialSegmentValue(options, defaultValue)
   );
   const isControlled = value !== void 0;
@@ -12710,7 +12794,7 @@ var variantClassNames = {
   block: "h-24 w-full",
   circle: "aspect-square h-10 rounded-full"
 };
-var BaseSkeleton = React.forwardRef(
+var BaseSkeleton = React2.forwardRef(
   function BaseSkeleton2({
     variant = "line",
     animated = true,
@@ -12758,7 +12842,7 @@ var BaseSkeleton = React.forwardRef(
     );
   }
 );
-var BaseSpinner = React.forwardRef(
+var BaseSpinner = React2.forwardRef(
   function BaseSpinner2({
     decorative = false,
     label,
@@ -12814,7 +12898,7 @@ var BaseSpinner = React.forwardRef(
     );
   }
 );
-var BaseStack = React.forwardRef(
+var BaseStack = React2.forwardRef(
   function BaseStack2({
     children,
     gap,
@@ -12994,7 +13078,7 @@ function getIndicatorClassName(status, slots) {
     status === "error" && slots.stepsIndicatorError
   );
 }
-var BaseSteps = React.forwardRef(
+var BaseSteps = React2.forwardRef(
   function BaseSteps2({
     items,
     orientation = "horizontal",
@@ -13008,7 +13092,7 @@ var BaseSteps = React.forwardRef(
     "aria-labelledby": ariaLabelledBy,
     ...stepsProps
   }, ref) {
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const messages = useMonkeysLocaleMessages().steps;
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
@@ -13219,7 +13303,7 @@ var densitySize = {
   default: "md",
   comfortable: "lg"
 };
-var BaseSwitch = React.forwardRef(
+var BaseSwitch = React2.forwardRef(
   function BaseSwitch2({
     label,
     description,
@@ -13247,7 +13331,7 @@ var BaseSwitch = React.forwardRef(
     const theme = resolveBaseAppearance(resolvedAppearance);
     const hasLabel = hasRenderableNode(label);
     const hasDescription = hasNonEmptyRenderableNode(description);
-    const [uncontrolledChecked, setUncontrolledChecked] = React.useState(
+    const [uncontrolledChecked, setUncontrolledChecked] = React2.useState(
       defaultChecked ?? false
     );
     const isControlled = checked !== void 0;
@@ -13540,9 +13624,9 @@ function setPointerCaptureIfAvailable2(target, pointerId) {
     throw error;
   }
 }
-var BaseTableContext = React.createContext(null);
+var BaseTableContext = React2.createContext(null);
 function useBaseTableContext(appearance) {
-  const context = React.useContext(BaseTableContext);
+  const context = React2.useContext(BaseTableContext);
   const providerAppearance = useMonkeysBaseAppearance(appearance);
   if (context) {
     const resolvedAppearance = appearance === void 0 ? context.appearance : providerAppearance;
@@ -13563,8 +13647,8 @@ function useBaseTableContext(appearance) {
 }
 function hasSplitScrollTable(children) {
   let found = false;
-  React.Children.forEach(children, (child) => {
-    if (found || !React.isValidElement(child)) return;
+  React2.Children.forEach(children, (child) => {
+    if (found || !React2.isValidElement(child)) return;
     const childProps = child.props;
     if (childProps.layout === "split-scroll") {
       found = true;
@@ -13727,7 +13811,7 @@ function DragHandleIcon() {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-current" })
   ] });
 }
-var BaseTableContainer = React.forwardRef(function BaseTableContainer2({
+var BaseTableContainer = React2.forwardRef(function BaseTableContainer2({
   appearance,
   attachedFooter = false,
   children,
@@ -13771,7 +13855,7 @@ var BaseTableContainer = React.forwardRef(function BaseTableContainer2({
     }
   );
 });
-var BaseTable = React.forwardRef(
+var BaseTable = React2.forwardRef(
   function BaseTable2({
     appearance,
     className,
@@ -13801,9 +13885,9 @@ var BaseTable = React.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
-    const [draggingColumnId, setDraggingColumnId] = React.useState();
-    const splitHeaderRef = React.useRef(null);
-    const splitFooterRef = React.useRef(null);
+    const [draggingColumnId, setDraggingColumnId] = React2.useState();
+    const splitHeaderRef = React2.useRef(null);
+    const splitFooterRef = React2.useRef(null);
     const isSplitScroll = layout === "split-scroll";
     const columnTemplate = isSplitScroll ? buildSplitColumnTemplate(columns, columnSizes) : void 0;
     const contextValue = {
@@ -13851,7 +13935,7 @@ var BaseTable = React.forwardRef(
     ) });
   }
 );
-var BaseTableHeader = React.forwardRef(function BaseTableHeader2({ appearance, className, classNames, style, ...headerProps }, ref) {
+var BaseTableHeader = React2.forwardRef(function BaseTableHeader2({ appearance, className, classNames, style, ...headerProps }, ref) {
   const { layout, splitHeaderRef, theme } = useBaseTableContext(appearance);
   const isSplitScroll = layout === "split-scroll";
   const setHeaderRef = (node) => {
@@ -13878,7 +13962,7 @@ var BaseTableHeader = React.forwardRef(function BaseTableHeader2({ appearance, c
     }
   );
 });
-var BaseTableBody = React.forwardRef(function BaseTableBody2({ appearance, className, classNames, onScroll, style, ...bodyProps }, ref) {
+var BaseTableBody = React2.forwardRef(function BaseTableBody2({ appearance, className, classNames, onScroll, style, ...bodyProps }, ref) {
   const {
     bodyClassName,
     bodyMaxHeight,
@@ -13921,7 +14005,7 @@ var BaseTableBody = React.forwardRef(function BaseTableBody2({ appearance, class
     }
   );
 });
-var BaseTableFooter = React.forwardRef(function BaseTableFooter2({ appearance, className, classNames, style, ...footerProps }, ref) {
+var BaseTableFooter = React2.forwardRef(function BaseTableFooter2({ appearance, className, classNames, style, ...footerProps }, ref) {
   const { layout, splitFooterRef, theme } = useBaseTableContext(appearance);
   const isSplitScroll = layout === "split-scroll";
   const setFooterRef = (node) => {
@@ -13948,7 +14032,7 @@ var BaseTableFooter = React.forwardRef(function BaseTableFooter2({ appearance, c
     }
   );
 });
-var BaseTableRow = React.forwardRef(
+var BaseTableRow = React2.forwardRef(
   function BaseTableRow2({
     interactive,
     selected,
@@ -13990,7 +14074,7 @@ var BaseTableRow = React.forwardRef(
     );
   }
 );
-var BaseTableHead = React.forwardRef(function BaseTableHead2({
+var BaseTableHead = React2.forwardRef(function BaseTableHead2({
   columnId,
   align,
   verticalAlign,
@@ -14055,10 +14139,10 @@ var BaseTableHead = React.forwardRef(function BaseTableHead2({
   const isSplitScroll = tableContext.layout === "split-scroll";
   const resolvedAlign = align ?? (isSplitScroll ? "center" : "left");
   const resolvedVerticalAlign = verticalAlign ?? "middle";
-  const headRef = React.useRef(null);
-  const resizeCleanupRef = React.useRef(() => {
+  const headRef = React2.useRef(null);
+  const resizeCleanupRef = React2.useRef(() => {
   });
-  const [measuredWidth, setMeasuredWidth] = React.useState();
+  const [measuredWidth, setMeasuredWidth] = React2.useState();
   const setHeadRef = (node) => {
     headRef.current = node;
     assignRef2(forwardedRef, node);
@@ -14297,7 +14381,7 @@ var BaseTableHead = React.forwardRef(function BaseTableHead2({
       }
     );
   };
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (typeof controlledWidth === "number") {
       setMeasuredWidth(void 0);
       return;
@@ -14310,7 +14394,7 @@ var BaseTableHead = React.forwardRef(function BaseTableHead2({
       );
     }
   }, [controlledWidth, minWidth, maxWidth, canResize]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!canResize) resizeCleanupRef.current();
     return () => resizeCleanupRef.current();
   }, [canResize, columnId, tableContext.onColumnSizeChange]);
@@ -14369,7 +14453,7 @@ var BaseTableHead = React.forwardRef(function BaseTableHead2({
     }
   );
 });
-var BaseTableCell = React.forwardRef(
+var BaseTableCell = React2.forwardRef(
   function BaseTableCell2({
     align = "left",
     appearance,
@@ -14404,7 +14488,7 @@ var BaseTableCell = React.forwardRef(
     );
   }
 );
-var BaseTableCaption = React.forwardRef(function BaseTableCaption2({ appearance, className, classNames, style, ...captionProps }, ref) {
+var BaseTableCaption = React2.forwardRef(function BaseTableCaption2({ appearance, className, classNames, style, ...captionProps }, ref) {
   const { theme } = useBaseTableContext(appearance);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "caption",
@@ -14420,7 +14504,7 @@ var BaseTableCaption = React.forwardRef(function BaseTableCaption2({ appearance,
     }
   );
 });
-var BaseTableEmpty = React.forwardRef(
+var BaseTableEmpty = React2.forwardRef(
   function BaseTableEmpty2({
     colSpan,
     icon,
@@ -14572,7 +14656,7 @@ function BaseTableLoading({
     rowIndex
   )) });
 }
-var BaseTableFooterBar = React.forwardRef(function BaseTableFooterBar2({
+var BaseTableFooterBar = React2.forwardRef(function BaseTableFooterBar2({
   appearance,
   leading,
   actions,
@@ -14697,7 +14781,7 @@ function getHorizontalStep(event, key) {
   if (key === "ArrowRight") return rtl ? -1 : 1;
   return rtl ? 1 : -1;
 }
-var BaseTabs = React.forwardRef(
+var BaseTabs = React2.forwardRef(
   function BaseTabs2({
     items = [],
     value,
@@ -14724,16 +14808,16 @@ var BaseTabs = React.forwardRef(
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
-    const generatedId = React.useId();
+    const generatedId = React2.useId();
     const rootId = id ?? generatedId;
     const initialCandidate = value !== void 0 ? value : defaultValue;
-    const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    const [uncontrolledValue, setUncontrolledValue] = React2.useState(
       () => getResolvedValue(items, defaultValue)
     );
-    const [focusedValue, setFocusedValue] = React.useState(
+    const [focusedValue, setFocusedValue] = React2.useState(
       () => getResolvedValue(items, initialCandidate)
     );
-    const triggerRefs = React.useRef([]);
+    const triggerRefs = React2.useRef([]);
     const isControlled = value !== void 0;
     const selectedValue = getResolvedValue(
       items,
@@ -14839,7 +14923,7 @@ var BaseTabs = React.forwardRef(
                 const itemId = idFragments[index];
                 const selected = index === selectedIndex;
                 const state = item.disabled ? "disabled" : selected ? "active" : "inactive";
-                return /* @__PURE__ */ React.createElement(
+                return /* @__PURE__ */ React2.createElement(
                   "button",
                   {
                     ...componentAttributes,
@@ -14909,7 +14993,7 @@ var controlSizeClassNames2 = {
   md: "min-h-24 px-3 py-2 text-sm leading-6",
   lg: "min-h-28 px-3.5 py-2.5 text-base leading-7"
 };
-var BaseTextarea = React.forwardRef(
+var BaseTextarea = React2.forwardRef(
   function BaseTextarea2({
     invalid = false,
     disabled = false,
@@ -14987,7 +15071,7 @@ var BaseTextarea = React.forwardRef(
     );
   }
 );
-var BaseText = React.forwardRef(function BaseText2({
+var BaseText = React2.forwardRef(function BaseText2({
   as = "p",
   children,
   size = "md",
@@ -15001,7 +15085,7 @@ var BaseText = React.forwardRef(function BaseText2({
   const resolvedAppearance = useMonkeysBaseAppearance(appearance);
   const componentAttributes = useMonkeysComponentAttributes();
   const theme = resolveBaseAppearance(resolvedAppearance);
-  return React.createElement(
+  return React2.createElement(
     as,
     {
       ...componentAttributes,
@@ -15039,12 +15123,12 @@ function validatePlacement2(value) {
   }
 }
 function normalizeTrigger(children, disabled) {
-  if (React.isValidElement(children) && children.type !== React.Fragment) {
+  if (React2.isValidElement(children) && children.type !== React2.Fragment) {
     return children;
   }
   return /* @__PURE__ */ jsxRuntime.jsx("span", { tabIndex: !disabled && hasRenderableNode(children) ? 0 : void 0, children });
 }
-var BaseTooltip = React.forwardRef(
+var BaseTooltip = React2.forwardRef(
   function BaseTooltip2({
     content,
     children,
@@ -15069,7 +15153,7 @@ var BaseTooltip = React.forwardRef(
     const componentAttributes = useMonkeysComponentAttributes();
     const theme = resolveBaseAppearance(resolvedAppearance);
     const overlayPortal = useBaseOverlayPortal({ disabled: !portal });
-    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(defaultOpen);
     const isControlled = open !== void 0;
     const canShow = !disabled && hasRenderableNode(content);
     const requestedOpen = isControlled ? open : uncontrolledOpen;
@@ -15210,7 +15294,7 @@ function BaseToolbar({
     }
   );
 }
-var BaseVisuallyHidden = React.forwardRef(function BaseVisuallyHidden2({
+var BaseVisuallyHidden = React2.forwardRef(function BaseVisuallyHidden2({
   children,
   focusable = false,
   appearance,
@@ -15269,7 +15353,7 @@ var footerTokenStyles = {
   background: "var(--monkeys-component-app-shell-sidebar-footer-background, hsl(var(--muted) / 0.22))",
   borderColor: "var(--monkeys-component-app-shell-sidebar-footer-border-color, hsl(var(--border)))"
 };
-var AppShellSidebar = React.forwardRef(
+var AppShellSidebar = React2.forwardRef(
   function AppShellSidebar2({
     navigation,
     header,
@@ -15881,15 +15965,15 @@ function SidebarNavList({
   onNavigate,
   defaultExpandedGroups
 }) {
-  const [expanded, setExpanded] = React.useState(() => {
+  const [expanded, setExpanded] = React2.useState(() => {
     const map = {};
     (defaultExpandedGroups ?? items.map((i) => i.id)).forEach((id) => {
       map[id] = true;
     });
     return map;
   });
-  const [localActiveItemId, setLocalActiveItemId] = React.useState(activeItemId);
-  React.useEffect(() => {
+  const [localActiveItemId, setLocalActiveItemId] = React2.useState(activeItemId);
+  React2.useEffect(() => {
     if (activeItemId !== void 0) {
       setLocalActiveItemId(activeItemId);
     }
@@ -16196,8 +16280,8 @@ function SidebarNavigationList({
   onNavigate,
   revealRequest
 }) {
-  const navRef = React.useRef(null);
-  const [expandedByRoot, setExpandedByRoot] = React.useState(
+  const navRef = React2.useRef(null);
+  const [expandedByRoot, setExpandedByRoot] = React2.useState(
     {}
   );
   const toggleRoot = (id) => {
@@ -16206,7 +16290,7 @@ function SidebarNavigationList({
       [id]: !current[id]
     }));
   };
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!revealRequest) return;
     setExpandedByRoot((current) => ({
       ...current,
@@ -16478,8 +16562,8 @@ function HeadbarNavMenuItem({
   onNavigate,
   useTokenRadius
 }) {
-  const [open, setOpen] = React.useState(false);
-  const closeTimerRef = React.useRef(null);
+  const [open, setOpen] = React2.useState(false);
+  const closeTimerRef = React2.useRef(null);
   const clearCloseTimer = () => {
     if (!closeTimerRef.current) return;
     clearTimeout(closeTimerRef.current);
@@ -16496,7 +16580,7 @@ function HeadbarNavMenuItem({
       closeTimerRef.current = null;
     }, 120);
   };
-  React.useEffect(() => clearCloseTimer, []);
+  React2.useEffect(() => clearCloseTimer, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu2__namespace.Root, { modal: false, open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       BaseButton,
@@ -16752,21 +16836,21 @@ function NavigationLayout({
   switchToHeadbarLabel = "Switch to headbar",
   switchToSidebarLabel = "Switch to sidebar"
 }) {
-  const [uncontrolledMode, setUncontrolledMode] = React.useState(defaultMode);
-  const [uncontrolledSidebarCollapsed, setUncontrolledSidebarCollapsed] = React.useState(defaultSidebarCollapsed);
-  const [revealRequest, setRevealRequest] = React.useState(null);
+  const [uncontrolledMode, setUncontrolledMode] = React2.useState(defaultMode);
+  const [uncontrolledSidebarCollapsed, setUncontrolledSidebarCollapsed] = React2.useState(defaultSidebarCollapsed);
+  const [revealRequest, setRevealRequest] = React2.useState(null);
   const isModeControlled = mode !== void 0;
   const isSidebarCollapsedControlled = controlledSidebarCollapsed !== void 0;
   const navigationMode = isModeControlled ? mode : uncontrolledMode;
   const sidebarCollapsed = isSidebarCollapsedControlled ? controlledSidebarCollapsed : uncontrolledSidebarCollapsed;
   const isHeadbarMode = navigationMode === "headbar";
   const sidebarWidth = sidebarCollapsed ? collapsedSidebarWidth : expandedSidebarWidth;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!isModeControlled) {
       setUncontrolledMode(defaultMode);
     }
   }, [defaultMode, isModeControlled]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!isSidebarCollapsedControlled) {
       setUncontrolledSidebarCollapsed(defaultSidebarCollapsed);
     }
@@ -16924,6 +17008,556 @@ function NavigationLayout({
     }
   );
 }
+var AccordionItem = React2__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    style: {
+      borderColor: "var(--monkeys-component-accordion-item-border-color, hsl(var(--border)))",
+      ...style
+    },
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  AccordionPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.ChevronDown,
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4 shrink-0 transition-transform duration-200"
+        }
+      )
+    ]
+  }
+) }));
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = React2__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = "AccordionContent";
+var Checkbox = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = "Checkbox";
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-sm px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var Button = React2__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Component = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: buttonVariants({ variant, size, className }),
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var PopoverContent = React2__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-lg border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = "PopoverContent";
+var ScrollArea = React2__namespace.forwardRef(
+  ({
+    className,
+    children,
+    viewportClassName,
+    viewportRef,
+    onViewportScroll,
+    scrollbar = true,
+    scrollbarOrientation = "vertical",
+    scrollBarDisabled = false,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "group relative overflow-hidden",
+        scrollBarDisabled && "no-scrollbar",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive__namespace.Viewport,
+          {
+            ref: viewportRef,
+            onScroll: onViewportScroll,
+            className: cn("h-full w-full rounded-[inherit]", viewportClassName),
+            children
+          }
+        ),
+        scrollbar ? /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollBar,
+          {
+            orientation: scrollbarOrientation,
+            className: cn(scrollBarDisabled && "size-0 p-0")
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+      ]
+    }
+  )
+);
+ScrollArea.displayName = "ScrollArea";
+var ScrollBar = React2__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 data-[state=visible]:opacity-100",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = "ScrollBar";
+var Switch = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SwitchPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0" })
+  }
+));
+Switch.displayName = "Switch";
+var Tabs = React2__namespace.forwardRef(({ variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, "data-variant": variant, ...props }));
+Tabs.displayName = "Tabs";
+var TabsList = React2__namespace.forwardRef(({ className, gap, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    style: { gap, ...style },
+    ...props
+  }
+));
+TabsList.displayName = "TabsList";
+var TabsTrigger = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = React2__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = "TabsContent";
+var TooltipContent = React2__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip2__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  Tooltip2__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = "TooltipContent";
+var menuItemClassName = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
+var menuContentClassName = "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
+var DropdownMenu4 = DropdownMenu2__namespace.Root;
+var DropdownMenuTrigger = DropdownMenu2__namespace.Trigger;
+var DropdownMenuSubTrigger = React2__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu2__namespace.SubTrigger, { ref, className: cn(menuItemClassName, "data-[state=open]:bg-accent", inset && "pl-8", className), ...props, children: [
+  children,
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "ml-auto" })
+] }));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+var DropdownMenuSubContent = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.SubContent, { ref, className: cn(menuContentClassName, className), ...props })
+);
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+var DropdownMenuContent = React2__namespace.forwardRef(
+  ({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Content, { ref, sideOffset, className: cn(menuContentClassName, className), ...props }) })
+);
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = React2__namespace.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Item, { ref, className: cn(menuItemClassName, inset && "pl-8", className), ...props })
+);
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuCheckboxItem = React2__namespace.forwardRef(
+  ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu2__namespace.CheckboxItem, { ref, className: cn(menuItemClassName, "pl-8", className), checked, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" }) }) }),
+    children
+  ] })
+);
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+var DropdownMenuRadioItem = React2__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu2__namespace.RadioItem, { ref, className: cn(menuItemClassName, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { "aria-hidden": "true", className: "h-2 w-2 fill-current" }) }) }),
+    children
+  ] })
+);
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+var DropdownMenuLabel = React2__namespace.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props })
+);
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+var DropdownMenuSeparator = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
+);
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+var SelectTrigger = React2__namespace.forwardRef(
+  ({ className, children, iconClassName, size = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, { ref, className: cn("flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-left text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left", size === "sm" && "h-8 px-2 py-1 text-xs", className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: cn("h-4 w-4 opacity-50", iconClassName) }) })
+  ] })
+);
+SelectTrigger.displayName = "SelectTrigger";
+var SelectScrollUpButton = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { "aria-hidden": "true", className: "h-4 w-4" }) })
+);
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+var SelectScrollDownButton = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollDownButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className: "h-4 w-4" }) })
+);
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+var SelectContent = React2__namespace.forwardRef(
+  ({ className, children, position = "popper", viewportClassName, disableTriggerViewportSizing = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Content, { ref, position, className: cn(menuContentClassName, "relative max-h-[var(--radix-select-content-available-height)] overflow-y-auto overflow-x-hidden", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Viewport, { className: cn("p-1", position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]", position === "popper" && !disableTriggerViewportSizing && "h-[var(--radix-select-trigger-height)]", viewportClassName), children }),
+    /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+  ] }) })
+);
+SelectContent.displayName = "SelectContent";
+var SelectLabel = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props })
+);
+SelectLabel.displayName = "SelectLabel";
+var SelectItem = React2__namespace.forwardRef(
+  ({ className, children, indicatorClassName, itemText, hideIndicator = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, { ref, className: cn(menuItemClassName, "w-full", hideIndicator ? "px-2" : "pl-8 pr-2", className), ...props, children: [
+    !hideIndicator ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("absolute left-2 flex h-3.5 w-3.5 items-center justify-center", indicatorClassName), children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" }) }) }) : null,
+    itemText ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: itemText }) }),
+      children
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+  ] })
+);
+SelectItem.displayName = "SelectItem";
+var SelectSeparator = React2__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })
+);
+SelectSeparator.displayName = "SelectSeparator";
+function ItemAvatar({ item }) {
+  const [failed, setFailed] = React2.useState(false);
+  if (item.iconUrl && !failed) {
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.iconUrl, alt: "", className: "size-full object-cover", onError: () => setFailed(true) });
+  }
+  const initial = item.name.trim().charAt(0).toLocaleUpperCase();
+  return initial ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: initial }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { className: "size-4" });
+}
+function SessionAvatar({ item }) {
+  const [failed, setFailed] = React2.useState(false);
+  if (item.thumbnailUrl && !failed) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: item.thumbnailUrl,
+        alt: "",
+        className: "size-full object-cover",
+        loading: "lazy",
+        onError: () => setFailed(true)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Image, { className: "size-5", "aria-hidden": "true" });
+}
+function CollectionState({
+  status,
+  empty,
+  noResults,
+  hasItems,
+  query,
+  error,
+  onRetry
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.navigation;
+  if (status === "loading" && !hasItems) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: messages.loading });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3 px-3 py-8 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", role: "alert", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary", onClick: onRetry, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5", "aria-hidden": "true" }),
+        messages.retry
+      ] })
+    ] });
+  }
+  if (!hasItems) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-8 text-center text-sm text-muted-foreground", children: query ? noResults : empty });
+  }
+  return null;
+}
+function StatusIndicator({ status }) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.navigation;
+  if (status === "running") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin text-primary", "aria-label": messages.running });
+  }
+  if (status === "completed") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "size-4 text-primary", "aria-label": messages.completed });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-4 text-destructive-text", "aria-label": messages.failed });
+  }
+  return null;
+}
+function SessionActions({
+  item,
+  capabilities,
+  onIntent
+}) {
+  const messages = useMonkeysLocaleMessages().agentWorkbench.navigation;
+  if (!capabilities.renameSessions && !capabilities.deleteSessions) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu4, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "flex size-8 items-center justify-center rounded-md hover:bg-muted", "aria-label": messages.actions, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { className: "size-4", "aria-hidden": "true" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", children: [
+      capabilities.renameSessions ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onSelect: () => onIntent?.({ type: "rename-session", sessionId: item.id, title: item.title }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "mr-2 size-4", "aria-hidden": "true" }),
+        messages.rename
+      ] }) : null,
+      capabilities.deleteSessions ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { className: "text-destructive-text", onSelect: () => onIntent?.({ type: "delete-session", sessionId: item.id }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4", "aria-hidden": "true" }),
+        messages.delete
+      ] }) : null
+    ] })
+  ] });
+}
+function AgentWorkbenchSidebar({ viewModel, className, classNames, onIntent }) {
+  const { locale } = useMonkeysLocale();
+  const messages = useMonkeysLocaleMessages().agentWorkbench.navigation;
+  const searchRef = React2.useRef(null);
+  const query = viewModel.searchQuery.trim().toLocaleLowerCase();
+  const agents = React2.useMemo(
+    () => viewModel.agents.items.filter((item) => !query || `${item.name} ${item.description ?? ""}`.toLocaleLowerCase().includes(query)),
+    [query, viewModel.agents.items]
+  );
+  const sessions = React2.useMemo(
+    () => viewModel.sessions.items.filter((item) => !query || item.title.toLocaleLowerCase().includes(query)),
+    [query, viewModel.sessions.items]
+  );
+  React2.useEffect(() => {
+    const handleShortcut = (event) => {
+      if (!(event.ctrlKey || event.metaKey) || event.key.toLocaleLowerCase() !== "k") return;
+      event.preventDefault();
+      searchRef.current?.focus();
+      searchRef.current?.select();
+    };
+    window.addEventListener("keydown", handleShortcut);
+    return () => window.removeEventListener("keydown", handleShortcut);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": messages.tabsLabel, className: cn2("h-full min-h-0", classNames?.root, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Tabs,
+    {
+      value: viewModel.activeTab,
+      onValueChange: (value) => {
+        if (value === "agents" || value === "sessions") onIntent?.({ type: "change-tab", tab: value });
+      },
+      className: "flex h-full min-h-0 flex-col bg-background text-foreground",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 space-y-3 p-4 pb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn2("flex h-10 items-center gap-2 rounded-lg border border-border bg-card px-3 focus-within:ring-2 focus-within:ring-ring", classNames?.search), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: searchRef,
+                type: "search",
+                value: viewModel.searchQuery,
+                "aria-label": messages.search,
+                placeholder: messages.search,
+                className: "min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",
+                onChange: (event) => onIntent?.({ type: "change-search", query: event.target.value }),
+                onKeyDown: (event) => {
+                  if (event.key !== "Escape") return;
+                  onIntent?.({ type: "change-search", query: "" });
+                  event.currentTarget.blur();
+                }
+              }
+            ),
+            viewModel.searchQuery ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "flex size-6 items-center justify-center rounded-md hover:bg-muted", "aria-label": messages.clearSearch, onClick: () => onIntent?.({ type: "change-search", query: "" }), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5", "aria-hidden": "true" }) }) : /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Ctrl K" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: cn2("grid w-full grid-cols-2 text-foreground", classNames?.tabs), "aria-label": messages.tabsLabel, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "agents", children: messages.agents }),
+            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "sessions", children: messages.sessions })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "agents", className: cn2("mt-0 min-h-0 flex-1 overflow-y-auto px-4 pb-4", classNames?.body), children: [
+          viewModel.capabilities.createAgent ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "mb-3 flex h-9 w-full items-center gap-2 rounded-md px-3 text-left text-sm font-medium hover:bg-muted", onClick: () => onIntent?.({ type: "create-agent" }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4", "aria-hidden": "true" }),
+            messages.newAgent
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 px-3 text-xs font-medium text-muted-foreground", children: messages.allAgents }),
+          /* @__PURE__ */ jsxRuntime.jsx(CollectionState, { status: viewModel.agents.status, empty: messages.emptyAgents, noResults: messages.noResults, hasItems: agents.length > 0, query, error: viewModel.agents.error, onRetry: () => onIntent?.({ type: "retry-agents" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: agents.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "aria-current": item.id === viewModel.selectedAgentItem ? "page" : void 0,
+              className: cn2("group flex w-full items-center gap-3 rounded-lg border border-transparent px-3 py-2 text-left hover:bg-muted aria-[current=page]:border-primary aria-[current=page]:bg-muted", classNames?.item),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-3 text-left", onClick: () => onIntent?.({ type: "select-agent", itemId: item.id }), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(ItemAvatar, { item }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm font-medium", children: item.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs text-foreground/80", children: item.description || messages.noDescription })
+                  ] })
+                ] }),
+                item.builtIn ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 py-1 text-[10px] text-foreground", children: messages.builtIn }) : null,
+                viewModel.capabilities.pinAgents ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": item.pinned ? messages.unpin : messages.pin,
+                    className: cn2("flex size-8 items-center justify-center rounded-md text-muted-foreground opacity-0 hover:bg-muted group-hover:opacity-100", item.pinned && "text-primary opacity-100"),
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      onIntent?.({ type: "toggle-agent-pin", itemId: item.id, pinned: !item.pinned });
+                    },
+                    onKeyDown: (event) => {
+                      if (event.key === "Enter" || event.key === " ") {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        onIntent?.({ type: "toggle-agent-pin", itemId: item.id, pinned: !item.pinned });
+                      }
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: cn2("size-4", item.pinned && "fill-current", item.pinPending && "animate-pulse") })
+                  }
+                ) : null
+              ]
+            },
+            item.id
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "sessions", className: cn2("mt-0 min-h-0 flex-1 overflow-y-auto px-4 pb-4", classNames?.body), children: [
+          viewModel.capabilities.createSession ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "flex h-9 w-full items-center gap-2 rounded-md px-3 text-left text-sm font-medium hover:bg-muted", onClick: () => onIntent?.({ type: "create-session" }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquarePen, { className: "size-4", "aria-hidden": "true" }),
+            messages.newSession
+          ] }) : null,
+          viewModel.capabilities.manageCapabilities ? /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "mb-3 flex h-9 w-full items-center gap-2 rounded-md px-3 text-left text-sm font-medium hover:bg-muted", onClick: () => onIntent?.({ type: "open-capabilities" }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Blocks, { className: "size-4", "aria-hidden": "true" }),
+            messages.capabilities
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 px-3 text-xs font-medium text-muted-foreground", children: messages.recentSessions }),
+          /* @__PURE__ */ jsxRuntime.jsx(CollectionState, { status: viewModel.sessions.status, empty: messages.emptySessions, noResults: messages.noResults, hasItems: sessions.length > 0, query, error: viewModel.sessions.error, onRetry: () => onIntent?.({ type: "retry-sessions" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: sessions.map((item) => {
+            const percent = item.contextUsage ? Math.min(100, Math.round(item.contextUsage.usedTokens / item.contextUsage.maxTokens * 100)) : void 0;
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-current": item.id === viewModel.selectedSessionItem ? "page" : void 0, className: cn2("group flex w-full items-center gap-3 rounded-lg border border-transparent px-3 py-2 text-left hover:bg-muted aria-[current=page]:border-primary aria-[current=page]:bg-muted", classNames?.item), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-3 text-left", onClick: () => onIntent?.({ type: "select-session", sessionId: item.id }), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(SessionAvatar, { item }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm font-medium", children: item.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs text-foreground/80", children: new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short" }).format(new Date(item.updatedAt)) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                percent !== void 0 && item.status === "idle" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground", "aria-label": messages.contextUsage({ percent }), children: [
+                  percent,
+                  "%"
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator, { status: item.status }),
+                viewModel.capabilities.pinSessions ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": item.pinned ? messages.unpin : messages.pin, className: cn2("flex size-8 items-center justify-center rounded-md text-muted-foreground opacity-0 hover:bg-muted group-hover:opacity-100", item.pinned && "text-primary opacity-100"), onClick: (event) => {
+                  event.stopPropagation();
+                  onIntent?.({ type: "toggle-session-pin", sessionId: item.id, pinned: !item.pinned });
+                }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: cn2("size-4", item.pinned && "fill-current") }) }) : null,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(SessionActions, { item, capabilities: viewModel.capabilities, onIntent }) })
+              ] })
+            ] }, item.id);
+          }) })
+        ] }),
+        viewModel.capabilities.manageAgentSettings ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2("shrink-0 border-t border-border p-4", classNames?.footer), children: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "flex h-10 w-full items-center gap-2 rounded-md px-3 text-left text-sm font-medium hover:bg-muted", onClick: () => onIntent?.({ type: "open-agent-settings" }), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-4", "aria-hidden": "true" }),
+          messages.settings
+        ] }) }) : null
+      ]
+    }
+  ) });
+}
 
 // src/components/agent-workbench/activity-model.ts
 var EVENT_CAPABILITIES = {
@@ -17053,7 +17687,7 @@ function AgentWorkbenchTool({
   onExpandedChange
 }) {
   const messages = useMonkeysLocaleMessages().agentWorkbench.tool;
-  const [uncontrolledExpanded, setUncontrolledExpanded] = React.useState(defaultExpanded);
+  const [uncontrolledExpanded, setUncontrolledExpanded] = React2.useState(defaultExpanded);
   const isControlled = expanded !== void 0;
   const isExpanded = expanded ?? uncontrolledExpanded;
   const status = event.payload.status;
@@ -17086,7 +17720,7 @@ function AgentWorkbenchTool({
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TerminalSquare, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: event.payload.toolName }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-foreground", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ToolStatus, { status }),
                 messages.status[status]
               ] }),
@@ -17116,7 +17750,7 @@ function AgentWorkbenchTool({
   );
 }
 function ActivityDetails({
-  icon: Icon,
+  icon: Icon2,
   title,
   open,
   streaming,
@@ -17142,7 +17776,7 @@ function ActivityDetails({
               triggerClassName
             ),
             children: [
-              streaming ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 shrink-0 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+              streaming ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 shrink-0 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 lucideReact.ChevronDown,
@@ -17404,7 +18038,7 @@ function AgentWorkbenchActivity({
           {
             className: cn2("flex justify-end", classNames?.usage),
             "aria-label": messages.usage.label,
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-border bg-muted px-2.5 py-1 text-xs text-muted-foreground", children: messages.usage.context({
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-border bg-muted px-2.5 py-1 text-xs text-foreground", children: messages.usage.context({
               used: usage.contextTokens ?? usage.totalTokens ?? 0,
               total: contextWindow
             }) })
@@ -17521,12 +18155,12 @@ function formatDate(value, locale) {
   }).format(date);
 }
 function Count({ value }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-semibold text-muted-foreground", children: value });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-semibold text-foreground", children: value });
 }
 function DetailsSection({
   title,
   count,
-  icon: Icon,
+  icon: Icon2,
   className,
   children
 }) {
@@ -17541,7 +18175,7 @@ function DetailsSection({
       open: true,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-ring [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
           /* @__PURE__ */ jsxRuntime.jsx(Count, { value: count }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -18053,9 +18687,9 @@ function LoginPage({
   externalPanel,
   callout
 }) {
-  const availableMethods = React.useMemo(() => methods.filter((method) => !method.hidden), [methods]);
+  const availableMethods = React2.useMemo(() => methods.filter((method) => !method.hidden), [methods]);
   const fallbackMethodId = defaultMethodId ?? availableMethods[0]?.id;
-  const [internalMethodId, setInternalMethodId] = React.useState(fallbackMethodId);
+  const [internalMethodId, setInternalMethodId] = React2.useState(fallbackMethodId);
   const currentMethodId = activeMethodId ?? internalMethodId;
   const activeMethod = availableMethods.find((method) => method.id === currentMethodId) ?? availableMethods[0];
   const hasTabs = availableMethods.length > 1;
@@ -18067,7 +18701,7 @@ function LoginPage({
   const { lightUrl: logoLightUrl, darkUrl: logoDarkUrl } = resolveLogoUrls(logo);
   const hasLogo = Boolean(logoLightUrl || logoDarkUrl);
   const usesSeparateModeLogos = Boolean(logoLightUrl && logoDarkUrl && logoLightUrl !== logoDarkUrl);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!availableMethods.length) {
       setInternalMethodId(void 0);
       return;
@@ -18099,7 +18733,7 @@ function LoginPage({
         ]
       }
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: method.render ? method.render(button) : button }, method.id);
+    return /* @__PURE__ */ jsxRuntime.jsx(React2__namespace.default.Fragment, { children: method.render ? method.render(button) : button }, method.id);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "main",
@@ -18384,7 +19018,7 @@ function readStoredLayout(storageKey, options) {
     return fallback;
   }
 }
-var WorkbenchResizableSidebar = React.forwardRef(
+var WorkbenchResizableSidebar = React2.forwardRef(
   function WorkbenchResizableSidebar2({
     title,
     items,
@@ -18413,7 +19047,7 @@ var WorkbenchResizableSidebar = React.forwardRef(
     classNames,
     style
   }, ref) {
-    const initialLayoutRef = React.useRef(null);
+    const initialLayoutRef = React2.useRef(null);
     if (!initialLayoutRef.current) {
       initialLayoutRef.current = readStoredLayout(storageKey, {
         defaultCollapsed,
@@ -18422,10 +19056,10 @@ var WorkbenchResizableSidebar = React.forwardRef(
         maxWidth
       });
     }
-    const sidebarRef = React.useRef(null);
-    const [internalCollapsed, setInternalCollapsed] = React.useState(initialLayoutRef.current.collapsed);
-    const [internalWidth, setInternalWidth] = React.useState(initialLayoutRef.current.width);
-    const [isResizing, setIsResizing] = React.useState(false);
+    const sidebarRef = React2.useRef(null);
+    const [internalCollapsed, setInternalCollapsed] = React2.useState(initialLayoutRef.current.collapsed);
+    const [internalWidth, setInternalWidth] = React2.useState(initialLayoutRef.current.width);
+    const [isResizing, setIsResizing] = React2.useState(false);
     const resolvedCollapsed = collapsed ?? internalCollapsed;
     const resolvedWidth = width ?? internalWidth;
     const isCollapsedControlled = collapsed !== void 0;
@@ -18473,14 +19107,14 @@ var WorkbenchResizableSidebar = React.forwardRef(
         updateWidth(resolvedWidth + 24);
       }
     };
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (typeof window === "undefined" || !storageKey) return;
       window.localStorage.setItem(storageKey, JSON.stringify({
         collapsed: resolvedCollapsed,
         width: clampWidth2(resolvedWidth, minWidth, maxWidth)
       }));
     }, [maxWidth, minWidth, resolvedCollapsed, resolvedWidth, storageKey]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (!isResizing) return void 0;
       const handlePointerMove = (event) => {
         const sidebarNode = sidebarRef.current;
@@ -18633,7 +19267,7 @@ function shouldRenderBodyWrapper(props) {
     props.header || props.footer || props.bodyAs || props.bodyClassName || props.bodyProps || props.classNames?.body
   );
 }
-var WorkbenchContentPane = React.forwardRef(
+var WorkbenchContentPane = React2.forwardRef(
   function WorkbenchContentPane2({
     as: Component = "section",
     bodyAs: BodyComponent = "div",
@@ -19049,9 +19683,9 @@ function WorkbenchGallerySettingsButton({
   ...panelProps
 }) {
   const resolvedLabels = { ...defaultLabels, ...labels };
-  const rootRef = React.useRef(null);
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
-  const [popoverStyle, setPopoverStyle] = React.useState({});
+  const rootRef = React2.useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(defaultOpen);
+  const [popoverStyle, setPopoverStyle] = React2.useState({});
   const isControlled = open !== void 0;
   const isOpen = isControlled ? Boolean(open) : uncontrolledOpen;
   const setOpen = (nextOpen) => {
@@ -19060,7 +19694,7 @@ function WorkbenchGallerySettingsButton({
     }
     onOpenChange?.(nextOpen);
   };
-  React.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     if (!isOpen) return void 0;
     const updatePopoverPosition = () => {
       const triggerRect = rootRef.current?.getBoundingClientRect();
@@ -19206,11 +19840,11 @@ function WorkbenchContentToolbarViewModeControl({
   onValueChange,
   classNames
 }) {
-  const rootRef = React.useRef(null);
-  const [open, setOpen] = React.useState(false);
+  const rootRef = React2.useRef(null);
+  const [open, setOpen] = React2.useState(false);
   const activeOption = options.find((option) => option.value === value) || options.find((option) => !option.disabled) || options[0];
   const activeIcon = activeOption ? getViewModeOptionIcon(activeOption) : null;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) return void 0;
     const handlePointerDown = (event) => {
       if (!rootRef.current?.contains(event.target)) {
@@ -19287,7 +19921,7 @@ function WorkbenchContentToolbarViewModeControl({
     ) : null
   ] });
 }
-var WorkbenchContentToolbar = React.forwardRef(
+var WorkbenchContentToolbar = React2.forwardRef(
   function WorkbenchContentToolbar2({
     as: Component = "div",
     children,
@@ -19380,7 +20014,7 @@ function hasRenderableChildren(children) {
   if (children === null || children === void 0 || typeof children === "boolean") return false;
   if (typeof children === "string") return children.trim().length > 0;
   if (Array.isArray(children)) return children.some(hasRenderableChildren);
-  const childList = React.Children.toArray(children);
+  const childList = React2.Children.toArray(children);
   if (!childList.length) return false;
   return childList.some((child) => typeof child === "string" ? child.trim().length > 0 : true);
 }
@@ -19419,7 +20053,7 @@ function getMediaDisplayData(value) {
     const isImageUrl = /\.(avif|gif|jpe?g|png|svg|webp)(\?.*)?$/i.test(value);
     return isDataImage || isImageUrl ? { src: value } : null;
   }
-  if (typeof value !== "object" || React.isValidElement(value)) return null;
+  if (typeof value !== "object" || React2.isValidElement(value)) return null;
   const media = value;
   const src = media.src || media.url || media.thumbnail || media.preview || media.image;
   return src ? {
@@ -19443,7 +20077,7 @@ function renderMaybeFieldIcon(icon, className) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex h-3.5 min-w-3.5 shrink-0 items-center justify-center rounded-sm text-[10px] font-semibold text-primary", className), children: icon });
   }
   if (typeof icon === "boolean") return null;
-  if (React.isValidElement(icon)) return icon;
+  if (React2.isValidElement(icon)) return icon;
   const IconComponent = icon;
   return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: cn("h-3.5 w-3.5 shrink-0 text-primary", className) });
 }
@@ -19471,7 +20105,7 @@ function WorkbenchDetailSidebarMediaValue({
 }
 function getDefaultDetailDisplayValue(value, emptyValue, field, classNames) {
   if (isEmptyDetailValue(value)) return emptyValue;
-  if (React.isValidElement(value)) return value;
+  if (React2.isValidElement(value)) return value;
   if (shouldRenderAsMedia(field, value)) {
     const media = getMediaDisplayData(value);
     if (media) return /* @__PURE__ */ jsxRuntime.jsx(WorkbenchDetailSidebarMediaValue, { media, classNames });
@@ -19566,7 +20200,7 @@ function WorkbenchDetailSidebarAutoContent({
     ] }, sectionKey);
   }) });
 }
-var WorkbenchDetailSidebar = React.forwardRef(
+var WorkbenchDetailSidebar = React2.forwardRef(
   function WorkbenchDetailSidebar2({
     as: Component = "aside",
     bodyAs: BodyComponent = "div",
@@ -19657,14 +20291,14 @@ var WorkbenchDetailSidebar = React.forwardRef(
 );
 function isWorkbenchIconComponent(icon) {
   if (typeof icon === "function") return true;
-  return typeof icon === "object" && icon !== null && !React.isValidElement(icon) && "$$typeof" in icon;
+  return typeof icon === "object" && icon !== null && !React2.isValidElement(icon) && "$$typeof" in icon;
 }
 function renderWorkbenchIcon(icon, className) {
   if (!icon) return null;
-  if (React.isValidElement(icon)) return icon;
+  if (React2.isValidElement(icon)) return icon;
   if (isWorkbenchIconComponent(icon)) {
-    const Icon = icon;
-    return /* @__PURE__ */ jsxRuntime.jsx(Icon, { className });
+    const Icon2 = icon;
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className });
   }
   return icon;
 }
@@ -19793,22 +20427,22 @@ function WorkbenchTableView({
   hiddenRowsMessage
 }) {
   const columnKeySignature = columns.map((column) => column.key).join("
");
-  const defaultColumnOrder = React.useMemo(() => columnKeySignature ? columnKeySignature.split("
") : [], [columnKeySignature]);
-  const [internalColumnOrder, setInternalColumnOrder] = React.useState(defaultColumnOrder);
-  const [internalColumnSizes, setInternalColumnSizes] = React.useState({});
-  React.useEffect(() => {
+  const defaultColumnOrder = React2.useMemo(() => columnKeySignature ? columnKeySignature.split("
") : [], [columnKeySignature]);
+  const [internalColumnOrder, setInternalColumnOrder] = React2.useState(defaultColumnOrder);
+  const [internalColumnSizes, setInternalColumnSizes] = React2.useState({});
+  React2.useEffect(() => {
     setInternalColumnOrder((current) => normalizeColumnOrder(defaultColumnOrder, current));
   }, [defaultColumnOrder]);
   const resolvedColumnOrder = columnOrder ? normalizeColumnOrder(defaultColumnOrder, columnOrder) : internalColumnOrder;
   const resolvedColumnSizes = columnSizes ?? internalColumnSizes;
-  const handleColumnOrderChange = React.useCallback((nextOrder, detail) => {
+  const handleColumnOrderChange = React2.useCallback((nextOrder, detail) => {
     const normalizedOrder = normalizeColumnOrder(defaultColumnOrder, nextOrder);
     if (!columnOrder) {
       setInternalColumnOrder(normalizedOrder);
     }
     onColumnOrderChange?.(normalizedOrder, detail);
   }, [columnOrder, defaultColumnOrder, onColumnOrderChange]);
-  const handleColumnSizeChange = React.useCallback((columnId, width, detail) => {
+  const handleColumnSizeChange = React2.useCallback((columnId, width, detail) => {
     if (!columnSizes) {
       setInternalColumnSizes((current) => ({
         ...current,
@@ -20205,29 +20839,29 @@ function InteractiveTable({
 }) {
   const internalLabels = useMonkeysLocaleMessages().workbench.interactiveTable;
   const columnKeySignature = columns.map((column) => column.key).join("
");
-  const defaultOrder = React.useMemo(
+  const defaultOrder = React2.useMemo(
     () => columnKeySignature ? columnKeySignature.split("
") : [],
     [columnKeySignature]
   );
-  const defaultSizes = React.useMemo(
+  const defaultSizes = React2.useMemo(
     () => buildDefaultColumnSizes(columns, defaultColumnSizes),
     [columns, defaultColumnSizes]
   );
-  const [internalColumnOrder, setInternalColumnOrder] = React.useState(defaultOrder);
-  const [internalColumnSizes, setInternalColumnSizes] = React.useState(() => loadStoredColumnSizes(columnStorageKey, defaultSizes));
-  const [internalFrozenColumnCount, setInternalFrozenColumnCount] = React.useState(() => loadStoredFrozenColumnCount(columnStorageKey, frozenColumnCount, columns.length));
-  const [internalFrozenEndColumnCount, setInternalFrozenEndColumnCount] = React.useState(() => loadStoredFrozenEndColumnCount(columnStorageKey, frozenEndColumnCount, columns.length));
-  React.useEffect(() => {
+  const [internalColumnOrder, setInternalColumnOrder] = React2.useState(defaultOrder);
+  const [internalColumnSizes, setInternalColumnSizes] = React2.useState(() => loadStoredColumnSizes(columnStorageKey, defaultSizes));
+  const [internalFrozenColumnCount, setInternalFrozenColumnCount] = React2.useState(() => loadStoredFrozenColumnCount(columnStorageKey, frozenColumnCount, columns.length));
+  const [internalFrozenEndColumnCount, setInternalFrozenEndColumnCount] = React2.useState(() => loadStoredFrozenEndColumnCount(columnStorageKey, frozenEndColumnCount, columns.length));
+  React2.useEffect(() => {
     setInternalColumnOrder((current) => normalizeColumnOrder2(defaultOrder, current));
   }, [defaultOrder]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (columnSizes) return;
     setInternalColumnSizes(loadStoredColumnSizes(columnStorageKey, defaultSizes));
   }, [columnSizes, columnStorageKey, defaultSizes]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     setInternalFrozenColumnCount(loadStoredFrozenColumnCount(columnStorageKey, frozenColumnCount, columns.length));
   }, [columnStorageKey, columns.length, frozenColumnCount]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     setInternalFrozenEndColumnCount(loadStoredFrozenEndColumnCount(columnStorageKey, frozenEndColumnCount, columns.length));
   }, [columnStorageKey, columns.length, frozenEndColumnCount]);
   const resolvedColumnOrder = columnOrder ? normalizeColumnOrder2(defaultOrder, columnOrder) : internalColumnOrder;
@@ -20250,14 +20884,14 @@ function InteractiveTable({
     resetColumnWidth: columnMenuLabels?.resetColumnWidth ?? internalLabels.resetColumnWidth,
     frozenColumnTitle: columnMenuLabels?.frozenColumnTitle ?? internalLabels.frozenColumnTitle
   };
-  const handleColumnOrderChange = React.useCallback((nextOrder, detail) => {
+  const handleColumnOrderChange = React2.useCallback((nextOrder, detail) => {
     const normalizedOrder = normalizeColumnOrder2(defaultOrder, nextOrder);
     if (!columnOrder) {
       setInternalColumnOrder(normalizedOrder);
     }
     onColumnOrderChange?.(normalizedOrder, detail);
   }, [columnOrder, defaultOrder, onColumnOrderChange]);
-  const handleColumnSizeChange = React.useCallback((columnId, width, detail) => {
+  const handleColumnSizeChange = React2.useCallback((columnId, width, detail) => {
     const column = columns.find((item) => item.key === columnId);
     const minWidth = column?.minWidth;
     const maxWidth = column?.maxWidth;
@@ -20275,7 +20909,7 @@ function InteractiveTable({
     persistColumnSizes(columnStorageKey, nextSizes);
     onColumnSizeChange?.(columnId, nextWidth, detail);
   }, [columnSizes, columnStorageKey, columns, onColumnSizeChange, resolvedColumnSizes]);
-  const handleResetColumnSize = React.useCallback((column) => {
+  const handleResetColumnSize = React2.useCallback((column) => {
     const nextWidth = defaultSizes[column.key] ?? getColumnDefaultSize(column);
     const previousWidth = getColumnNumericWidth(column, resolvedColumnSizes);
     const nextSizes = {
@@ -20294,13 +20928,13 @@ function InteractiveTable({
     });
     onResetColumnSizes?.(nextSizes);
   }, [columnSizes, columnStorageKey, defaultSizes, onColumnSizeChange, onResetColumnSizes, resolvedColumnSizes]);
-  const setFrozenColumnCount = React.useCallback((nextCount) => {
+  const setFrozenColumnCount = React2.useCallback((nextCount) => {
     const normalizedCount = clampFrozenColumnCount(nextCount, Math.max(0, orderedColumns.length - resolvedFrozenEndColumnCount));
     setInternalFrozenColumnCount(normalizedCount);
     persistFrozenColumnCount(columnStorageKey, normalizedCount);
     onFrozenColumnCountChange?.(normalizedCount);
   }, [columnStorageKey, onFrozenColumnCountChange, orderedColumns.length, resolvedFrozenEndColumnCount]);
-  const setFrozenEndColumnCount = React.useCallback((nextCount) => {
+  const setFrozenEndColumnCount = React2.useCallback((nextCount) => {
     const normalizedCount = clampFrozenColumnCount(nextCount, Math.max(0, orderedColumns.length - resolvedFrozenColumnCount));
     setInternalFrozenEndColumnCount(normalizedCount);
     persistFrozenEndColumnCount(columnStorageKey, normalizedCount);
@@ -20553,11 +21187,11 @@ function InteractiveTableEditableTextCell({
   onCommit
 }) {
   const initialValue = String(value || "");
-  const [draft, setDraft] = React.useState(initialValue);
-  React.useEffect(() => {
+  const [draft, setDraft] = React2.useState(initialValue);
+  React2.useEffect(() => {
     setDraft(initialValue);
   }, [initialValue]);
-  const commit = React.useCallback(async () => {
+  const commit = React2.useCallback(async () => {
     const nextValue = String(draft || "").trim();
     const previousValue = String(initialValue || "").trim();
     if (nextValue === previousValue) return;
@@ -21085,17 +21719,17 @@ function WorkbenchMasonryLayout({
   placementStrategy = "shelf",
   className
 }) {
-  const containerRef = React.useRef(null);
-  const itemNodesRef = React.useRef(/* @__PURE__ */ new Map());
-  const itemObserverRef = React.useRef(null);
-  const [containerWidth, setContainerWidth] = React.useState(0);
-  const [measuredHeights, setMeasuredHeights] = React.useState({});
-  const itemKeys = React.useMemo(
+  const containerRef = React2.useRef(null);
+  const itemNodesRef = React2.useRef(/* @__PURE__ */ new Map());
+  const itemObserverRef = React2.useRef(null);
+  const [containerWidth, setContainerWidth] = React2.useState(0);
+  const [measuredHeights, setMeasuredHeights] = React2.useState({});
+  const itemKeys = React2.useMemo(
     () => items.map((item, index) => String(getItemKey(item, index))),
     [getItemKey, items]
   );
   const itemKeysSignature = itemKeys.join("|");
-  React.useEffect(() => {
+  React2.useEffect(() => {
     const node = containerRef.current;
     if (!node) return void 0;
     const updateWidth = () => {
@@ -21111,7 +21745,7 @@ function WorkbenchMasonryLayout({
     window.addEventListener("resize", updateWidth);
     return () => window.removeEventListener("resize", updateWidth);
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     setMeasuredHeights((prev) => {
       const next = Object.fromEntries(
         Object.entries(prev).filter(([key]) => itemKeys.includes(key))
@@ -21132,7 +21766,7 @@ function WorkbenchMasonryLayout({
     gap
   });
   const resolvedColumnWidth = containerWidth > 0 ? (containerWidth - gap * Math.max(columnCount - 1, 0)) / columnCount : resolvedTargetColumnWidth;
-  const layoutItems = React.useMemo(() => items.map((item, index) => {
+  const layoutItems = React2.useMemo(() => items.map((item, index) => {
     const key = itemKeys[index];
     const size = typeof getItemSize === "function" ? getItemSize(item, {
       columnCount,
@@ -21171,7 +21805,7 @@ function WorkbenchMasonryLayout({
     resolvedColumnWidth,
     rowHeight
   ]);
-  React.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     const nextMeasurements = {};
     itemNodesRef.current.forEach((node, key) => {
       const nextHeight = Math.ceil(node.getBoundingClientRect().height);
@@ -21185,7 +21819,7 @@ function WorkbenchMasonryLayout({
       return areMeasurementMapsEqual(prev, merged) ? prev : merged;
     });
   }, [columnCount, isDensePlacement, itemKeysSignature, resolvedColumnWidth]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (typeof ResizeObserver !== "function") return void 0;
     const observer = new ResizeObserver((entries) => {
       setMeasuredHeights((prev) => {
@@ -21685,8 +22319,8 @@ function WorkbenchGalleryView({
   formatLabel,
   getMasonryItemSize
 }) {
-  const containerRef = React.useRef(null);
-  const [containerWidth, setContainerWidth] = React.useState(0);
+  const containerRef = React2.useRef(null);
+  const [containerWidth, setContainerWidth] = React2.useState(0);
   const { min: resolvedMinCardWidth, ideal: resolvedIdealCardWidth, max: resolvedMaxCardWidth } = getGalleryCardWidthMetrics(galleryDensity);
   const resolvedRailCardWidth = galleryRailCardWidth || resolvedMinCardWidth;
   const resolvedGridColumnCount = getNormalizedGalleryGridColumns(galleryGridColumns);
@@ -21706,7 +22340,7 @@ function WorkbenchGalleryView({
   const resolvedIsTitleCandidate = isTitleCandidate || ((column, row) => isDefaultGalleryTitleCandidate(column, row, { isMediaColumn: resolvedIsMediaColumn }));
   const resolvedIsSummaryCandidate = isSummaryCandidate || ((column, row) => isDefaultGallerySummaryCandidate(column, row, { isMediaColumn: resolvedIsMediaColumn }));
   const resolvedRenderFieldValue = renderFieldValue || ((column, row, { compact } = {}) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedGetDisplayText(resolvedGetFieldValue(column, row)) }));
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (isMasonry || isRailLayout || resolvedGridCardWidth) return void 0;
     const node = containerRef.current;
     if (!node) return void 0;
@@ -21723,7 +22357,7 @@ function WorkbenchGalleryView({
     window.addEventListener("resize", updateWidth);
     return () => window.removeEventListener("resize", updateWidth);
   }, [isMasonry, isRailLayout, resolvedGridCardWidth]);
-  const layoutStyle = React.useMemo(() => getGalleryGridLayoutStyle({
+  const layoutStyle = React2.useMemo(() => getGalleryGridLayoutStyle({
     isRailLayout,
     railCardWidth: resolvedRailCardWidth,
     fixedCardWidth: resolvedGridCardWidth,
@@ -21940,17 +22574,17 @@ function WorkbenchLaneView({
   classNames,
   style
 }) {
-  const [activeRowId, setActiveRowId] = React.useState(null);
+  const [activeRowId, setActiveRowId] = React2.useState(null);
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, { activationConstraint: { distance: activationDistance } }));
-  const columnMap = React.useMemo(() => new Map(columns.map((column) => [column.id, column])), [columns]);
-  const rowEntries = React.useMemo(() => rows.map((row, rowIndex) => ({
+  const columnMap = React2.useMemo(() => new Map(columns.map((column) => [column.id, column])), [columns]);
+  const rowEntries = React2.useMemo(() => rows.map((row, rowIndex) => ({
     row,
     rowIndex,
     rowId: getRowId(row, rowIndex),
     columnId: getColumnId(row, rowIndex)
   })), [getColumnId, getRowId, rows]);
   const activeEntry = activeRowId ? rowEntries.find((entry) => entry.rowId === activeRowId) : void 0;
-  const rowsByColumn = React.useMemo(() => {
+  const rowsByColumn = React2.useMemo(() => {
     const next = /* @__PURE__ */ new Map();
     columns.forEach((column) => next.set(column.id, []));
     rowEntries.forEach(({ row, rowIndex, rowId, columnId }) => {
@@ -21959,10 +22593,10 @@ function WorkbenchLaneView({
     return next;
   }, [columns, rowEntries]);
   const activeColumn = activeEntry ? columnMap.get(activeEntry.columnId) : void 0;
-  const handleDragStart = React.useCallback((event) => {
+  const handleDragStart = React2.useCallback((event) => {
     setActiveRowId(String(event.active.id));
   }, []);
-  const handleDragEnd = React.useCallback((event) => {
+  const handleDragEnd = React2.useCallback((event) => {
     setActiveRowId(null);
     const rowId = String(event.active.id);
     const nextColumnId = String(event.over?.id ?? "");
@@ -21970,7 +22604,7 @@ function WorkbenchLaneView({
     if (!activeRow || !columnMap.has(nextColumnId) || activeRow.columnId === nextColumnId) return;
     onMoveRow?.(rowId, nextColumnId, activeRow.row);
   }, [columnMap, onMoveRow, rowEntries]);
-  const handleDragCancel = React.useCallback(() => {
+  const handleDragCancel = React2.useCallback(() => {
     setActiveRowId(null);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(core.DndContext, { sensors, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, children: [
@@ -23319,7 +23953,7 @@ function cn3(...classNames) {
   return classNames.filter(Boolean).join(" ");
 }
 function isToastInput(input) {
-  if (!input || typeof input !== "object" || React.isValidElement(input)) {
+  if (!input || typeof input !== "object" || React2.isValidElement(input)) {
     return false;
   }
   return "title" in input || "description" in input || "variant" in input;
@@ -23454,10 +24088,10 @@ function MonkeysToastProvider({ children, toasterProps }) {
   ] });
 }
 function useToastOnValue(value, options = {}) {
-  const previousSignatureRef = React.useRef(null);
+  const previousSignatureRef = React2.useRef(null);
   const localeMessages = useMonkeysLocaleMessages().toast;
   const translate = options.translate;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!value) {
       previousSignatureRef.current = null;
       return;
@@ -23510,10 +24144,10 @@ function useToastOnValue(value, options = {}) {
   ]);
 }
 function useToastFeed(items, options = {}) {
-  const previousVisibleSignaturesRef = React.useRef(/* @__PURE__ */ new Set());
+  const previousVisibleSignaturesRef = React2.useRef(/* @__PURE__ */ new Set());
   const localeMessages = useMonkeysLocaleMessages().toast;
   const translate = options.translate;
-  const emitItem = React.useCallback(
+  const emitItem = React2.useCallback(
     (item, index, visibleSignatures) => {
       const variant = item.variant ?? "info";
       const title = translateMessage(
@@ -23546,7 +24180,7 @@ function useToastFeed(items, options = {}) {
     },
     [localeMessages, options.messages, translate]
   );
-  React.useEffect(() => {
+  React2.useEffect(() => {
     const visibleSignatures = /* @__PURE__ */ new Set();
     items.forEach((item, index) => {
       if (item) {
@@ -23732,55 +24366,55 @@ function RenderNodeHost({
   ...props
 }) {
   const Component = as;
-  const hostRef = React.useRef(null);
-  const [viewportWidth, setViewportWidth] = React.useState(() => typeof window === "undefined" ? void 0 : window.innerWidth);
-  const [mountedNodeId, setMountedNodeId] = React.useState(() => shouldMountNode(node, active, visible) ? node.nodeId : void 0);
+  const hostRef = React2.useRef(null);
+  const [viewportWidth, setViewportWidth] = React2.useState(() => typeof window === "undefined" ? void 0 : window.innerWidth);
+  const [mountedNodeId, setMountedNodeId] = React2.useState(() => shouldMountNode(node, active, visible) ? node.nodeId : void 0);
   const policyMounted = shouldMountNode(node, active, visible);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (node.responsive.length === 0 || typeof window === "undefined") return void 0;
     const handleResize = () => setViewportWidth(window.innerWidth);
     handleResize();
     window.addEventListener("resize", handleResize, { passive: true });
     return () => window.removeEventListener("resize", handleResize);
   }, [node.responsive.length]);
-  const resolvedLayout = React.useMemo(() => resolveRenderNodeLayout(node, viewportWidth), [node, viewportWidth]);
-  React.useEffect(() => {
+  const resolvedLayout = React2.useMemo(() => resolveRenderNodeLayout(node, viewportWidth), [node, viewportWidth]);
+  React2.useEffect(() => {
     if (!active || !visible || !node.lifecycle.deepLink || !["page", "record"].includes(node.kind)) return;
     const element = hostRef.current;
     if (!element || element.style.display === "contents") return;
     element.focus({ preventScroll: true });
   }, [active, node.kind, node.lifecycle.deepLink, node.nodeId, visible]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (policyMounted) setMountedNodeId(node.nodeId);
     else if (!node.lifecycle.retainOnDeactivate) setMountedNodeId(void 0);
   }, [node.lifecycle.retainOnDeactivate, node.nodeId, policyMounted]);
-  const policyState = React.useMemo(() => resolveRenderNodePolicyState(node, {
+  const policyState = React2.useMemo(() => resolveRenderNodePolicyState(node, {
     active,
     visible,
     manualQueryEnabled,
     previouslyMounted: mountedNodeId === node.nodeId
   }), [active, manualQueryEnabled, mountedNodeId, node, visible]);
-  const activate = React.useCallback(() => {
+  const activate = React2.useCallback(() => {
     onActivate?.(node.activation, node);
   }, [node, onActivate]);
-  const setManualQueryEnabled = React.useCallback((enabled) => {
+  const setManualQueryEnabled = React2.useCallback((enabled) => {
     onManualQueryEnabledChange?.(enabled, node);
   }, [node, onManualQueryEnabledChange]);
-  const runtimeState = React.useMemo(() => ({
+  const runtimeState = React2.useMemo(() => ({
     ...policyState,
     activate,
     setManualQueryEnabled
   }), [activate, policyState, setManualQueryEnabled]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     onRuntimeStateChange?.(policyState, node);
   }, [node, onRuntimeStateChange, policyState]);
-  const setHostRef = React.useCallback((value) => {
+  const setHostRef = React2.useCallback((value) => {
     hostRef.current = value;
     assignRef4(elementRef, value);
   }, [elementRef]);
   const scrollAdapter = scrollRestoration === false ? void 0 : scrollRestoration;
   const restoresHostScroll = scrollAdapter !== void 0 && node.scroll.owner !== "provider" && !node.scroll.virtualizationBoundary && node.scroll.axis !== "none" && node.scroll.restoreKey !== void 0;
-  const readPosition = React.useCallback(() => {
+  const readPosition = React2.useCallback(() => {
     const element = hostRef.current;
     if (!element) return { x: 0, y: 0 };
     return {
@@ -23788,7 +24422,7 @@ function RenderNodeHost({
       y: node.scroll.axis === "x" ? 0 : element.scrollTop
     };
   }, [node.scroll.axis]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!policyState.mounted || !restoresHostScroll || !scrollAdapter) return void 0;
     const key = node.scroll.restoreKey;
     const element = hostRef.current;
@@ -23928,10 +24562,10 @@ function OverlayNodeHost({
   onRuntimeStateChange,
   onOpenChange
 }) {
-  const historyEntryOwnedRef = React.useRef(false);
-  const initializedUrlRef = React.useRef(false);
+  const historyEntryOwnedRef = React2.useRef(false);
+  const initializedUrlRef = React2.useRef(false);
   const zIndex = getOverlayZIndex(node.zIndexLane);
-  const syncUrl = React.useCallback((nextOpen) => {
+  const syncUrl = React2.useCallback((nextOpen) => {
     if (!node.renderNode.lifecycle.deepLink || historyAdapter === false) return;
     const currentUrl = historyAdapter.getCurrentUrl();
     if (isOverlayUrlActive(node, currentUrl) === nextOpen) return;
@@ -23954,11 +24588,11 @@ function OverlayNodeHost({
       historyEntryOwnedRef.current = false;
     }
   }, [historyAdapter, node]);
-  const requestOpenChange = React.useCallback((nextOpen) => {
+  const requestOpenChange = React2.useCallback((nextOpen) => {
     syncUrl(nextOpen);
     onOpenChange(nextOpen);
   }, [onOpenChange, syncUrl]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!node.renderNode.lifecycle.deepLink || historyAdapter === false) return void 0;
     const urlOpen = isOverlayUrlActive(node, historyAdapter.getCurrentUrl());
     if (!initializedUrlRef.current) {
@@ -23974,12 +24608,12 @@ function OverlayNodeHost({
       if (nextOpen !== open) onOpenChange(nextOpen);
     });
   }, [historyAdapter, node, onOpenChange, open, syncUrl]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!open || !node.renderNode.lifecycle.focusReturn || typeof document === "undefined") return void 0;
     const target = focusReturnRef?.current ?? (document.activeElement instanceof HTMLElement ? document.activeElement : null);
     return () => scheduleFocus(focusReturnRef?.current ?? target);
   }, [focusReturnRef, node.renderNode.lifecycle.focusReturn, open]);
-  const renderNodeAttributes = React.useMemo(
+  const renderNodeAttributes = React2.useMemo(
     () => getRenderNodeDataAttributes(node.renderNode),
     [node.renderNode]
   );
@@ -24588,7 +25222,7 @@ function LoadingIcon2() {
     }
   );
 }
-var DataExplorerButton = React.forwardRef(function DataExplorerButton2({
+var DataExplorerButton = React2.forwardRef(function DataExplorerButton2({
   children,
   label,
   icon,
@@ -25743,7 +26377,7 @@ function DataExplorerDisplayActionMenu({
   className,
   classNames
 }) {
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = React2.useState(false);
   const theme = resolveDataExplorerAppearance(appearance);
   const context = {
     itemId,
@@ -26404,13 +27038,13 @@ function DataExplorerViewCollection({
   );
   const measuredGridGap = resolveNonNegativeNumber(measuredGridOptions?.gap, 8);
   const measuredGridMinColumnWidth = measuredGridOptions?.minColumnWidth ?? "220px";
-  const measuredElementsRef = React.useRef(/* @__PURE__ */ new Map());
-  const measuredCallbacksRef = React.useRef(/* @__PURE__ */ new Map());
-  const measuredSpansRef = React.useRef(/* @__PURE__ */ new Map());
-  const resizeObserverRef = React.useRef(null);
-  const [, setMeasuredLayoutVersion] = React.useState(0);
+  const measuredElementsRef = React2.useRef(/* @__PURE__ */ new Map());
+  const measuredCallbacksRef = React2.useRef(/* @__PURE__ */ new Map());
+  const measuredSpansRef = React2.useRef(/* @__PURE__ */ new Map());
+  const resizeObserverRef = React2.useRef(null);
+  const [, setMeasuredLayoutVersion] = React2.useState(0);
   const resolveItemStyle = typeof itemStyle === "function" ? (props) => itemStyle(props) : () => itemStyle;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!measuredGridEnabled || typeof ResizeObserver === "undefined") {
       return void 0;
     }
@@ -26446,7 +27080,7 @@ function DataExplorerViewCollection({
       }
     };
   }, [measuredGridEnabled, measuredGridGap, measuredGridRowHeight]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!measuredGridEnabled) {
       measuredElementsRef.current.clear();
       measuredCallbacksRef.current.clear();
@@ -26473,7 +27107,7 @@ function DataExplorerViewCollection({
       setMeasuredLayoutVersion((version2) => version2 + 1);
     }
   }, [measuredGridEnabled, resolvedItems, resolveItemId]);
-  const getMeasuredRef = React.useCallback((itemId) => {
+  const getMeasuredRef = React2.useCallback((itemId) => {
     const cached = measuredCallbacksRef.current.get(itemId);
     if (cached) return cached;
     const callback = (node) => {
@@ -26584,7 +27218,7 @@ function DataExplorerViewCollection({
               } : resolvedStyle;
               if (!wrapItems) {
                 if (!measuredGridEnabled) {
-                  return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderedItem }, itemId);
+                  return /* @__PURE__ */ jsxRuntime.jsx(React2.Fragment, { children: renderedItem }, itemId);
                 }
                 return /* @__PURE__ */ jsxRuntime.jsx("div", { className: itemClassName, style: measuredStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: getMeasuredRef(itemId), children: renderedItem }) }, itemId);
               }
@@ -26836,21 +27470,21 @@ function DataExplorerImagePreview({
     appearance ?? { background: "dark-stage" }
   );
   const imageSrc = typeof src === "string" ? src.trim() : "";
-  const stageRef = React.useRef(null);
-  const stageSizeRef = React.useRef(null);
-  const viewRef = React.useRef({ scale: 1, translateX: stagePadding, translateY: stagePadding });
-  const draggingRef = React.useRef(void 0);
-  const [naturalSize, setNaturalSize] = React.useState(null);
-  const [dragging, setDragging] = React.useState(false);
-  const [{ scale: scale3, translateX, translateY }, setView] = React.useState(() => ({
+  const stageRef = React2.useRef(null);
+  const stageSizeRef = React2.useRef(null);
+  const viewRef = React2.useRef({ scale: 1, translateX: stagePadding, translateY: stagePadding });
+  const draggingRef = React2.useRef(void 0);
+  const [naturalSize, setNaturalSize] = React2.useState(null);
+  const [dragging, setDragging] = React2.useState(false);
+  const [{ scale: scale3, translateX, translateY }, setView] = React2.useState(() => ({
     scale: 1,
     translateX: stagePadding,
     translateY: stagePadding
   }));
-  React.useEffect(() => {
+  React2.useEffect(() => {
     viewRef.current = { scale: scale3, translateX, translateY };
   }, [scale3, translateX, translateY]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     setNaturalSize(null);
     setView({ scale: 1, translateX: stagePadding, translateY: stagePadding });
   }, [imageSrc, stagePadding]);
@@ -26858,7 +27492,7 @@ function DataExplorerImagePreview({
   const normalizedMaxScale = Number.isFinite(maxScale) ? Math.max(normalizedMinScale, maxScale) : MAX_SAFE_SCALE;
   const normalizedZoomStep = Number.isFinite(zoomStep) && zoomStep > 1 ? zoomStep : DEFAULT_ZOOM_STEP;
   const normalizedStagePadding = Number.isFinite(stagePadding) && stagePadding >= 0 ? stagePadding : DEFAULT_STAGE_PADDING;
-  const resetView = React.useCallback(
+  const resetView = React2.useCallback(
     (nextNaturalSize) => {
       const stage = stageRef.current;
       const size = nextNaturalSize ?? naturalSize;
@@ -26893,7 +27527,7 @@ function DataExplorerImagePreview({
     },
     [naturalSize, normalizedMaxScale, normalizedMinScale, normalizedStagePadding]
   );
-  const compensateStageResize = React.useCallback((width, height) => {
+  const compensateStageResize = React2.useCallback((width, height) => {
     if (!Number.isFinite(width) || !Number.isFinite(height)) return;
     if (width <= 0 || height <= 0) return;
     const previous = stageSizeRef.current;
@@ -26908,7 +27542,7 @@ function DataExplorerImagePreview({
       translateY: current.translateY + deltaY
     }));
   }, [imageSrc]);
-  React.useLayoutEffect(() => {
+  React2.useLayoutEffect(() => {
     const stage = stageRef.current;
     if (!stage) return;
     compensateStageResize(stage.clientWidth, stage.clientHeight);
@@ -26927,7 +27561,7 @@ function DataExplorerImagePreview({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [compensateStageResize]);
-  const zoomAtPoint = React.useCallback(
+  const zoomAtPoint = React2.useCallback(
     (factor, stageX, stageY) => {
       if (!Number.isFinite(factor) || factor === 1) return;
       if (!Number.isFinite(stageX) || !Number.isFinite(stageY)) return;
@@ -26950,7 +27584,7 @@ function DataExplorerImagePreview({
     },
     [normalizedMaxScale, normalizedMinScale]
   );
-  React.useEffect(() => {
+  React2.useEffect(() => {
     const stage = stageRef.current;
     if (!stage || !imageSrc || !naturalSize) return;
     const handleWheel = (event) => {
@@ -26965,7 +27599,7 @@ function DataExplorerImagePreview({
     stage.addEventListener("wheel", handleWheel, { passive: false });
     return () => stage.removeEventListener("wheel", handleWheel);
   }, [imageSrc, naturalSize, normalizedZoomStep, zoomAtPoint]);
-  const handlePointerDown = React.useCallback(
+  const handlePointerDown = React2.useCallback(
     (event) => {
       if (event.button !== 0) return;
       if (!imageSrc || !naturalSize) return;
@@ -26985,7 +27619,7 @@ function DataExplorerImagePreview({
     },
     [imageSrc, naturalSize]
   );
-  const handlePointerMove = React.useCallback((event) => {
+  const handlePointerMove = React2.useCallback((event) => {
     const drag = draggingRef.current;
     if (!drag || drag.pointerId !== event.pointerId) return;
     event.preventDefault();
@@ -26995,7 +27629,7 @@ function DataExplorerImagePreview({
       translateY: drag.startTranslateY + event.clientY - drag.startClientY
     });
   }, []);
-  const endDrag = React.useCallback((event) => {
+  const endDrag = React2.useCallback((event) => {
     const drag = draggingRef.current;
     if (!drag || drag.pointerId !== event.pointerId) return;
     draggingRef.current = void 0;
@@ -27005,7 +27639,7 @@ function DataExplorerImagePreview({
       stage.releasePointerCapture(event.pointerId);
     }
   }, []);
-  const handleDoubleClick = React.useCallback(
+  const handleDoubleClick = React2.useCallback(
     (event) => {
       if (!imageSrc || !naturalSize) return;
       if (isNoDragTarget(event.target)) return;
@@ -27013,7 +27647,7 @@ function DataExplorerImagePreview({
     },
     [imageSrc, naturalSize, resetView]
   );
-  const handleZoomButtonClick = React.useCallback(
+  const handleZoomButtonClick = React2.useCallback(
     (factor) => {
       const stage = stageRef.current;
       if (!stage || !naturalSize) return;
@@ -27889,7 +28523,7 @@ function DataExplorerViewTree({
   const loadingContent = loadingNode ?? labels?.loading ?? internalLabels.loading;
   const emptyContent = empty ?? labels?.empty ?? internalLabels.empty;
   const hasExplicitGroups = Array.isArray(groups);
-  const resolvedGroups = React.useMemo(
+  const resolvedGroups = React2.useMemo(
     () => {
       if (hasExplicitGroups) {
         return groups;
@@ -27905,19 +28539,19 @@ function DataExplorerViewTree({
     },
     [groups, hasExplicitGroups, nodes]
   );
-  const flattenedNodeMap = React.useMemo(
+  const flattenedNodeMap = React2.useMemo(
     () => buildFlattenedNodeMap(resolvedGroups),
     [resolvedGroups]
   );
-  const [internalExpandedNodeIds, setInternalExpandedNodeIds] = React.useState(
+  const [internalExpandedNodeIds, setInternalExpandedNodeIds] = React2.useState(
     () => buildDefaultNodeExpandedSet(resolvedGroups, defaultExpandedNodeIds)
   );
-  const [internalExpandedGroupIds, setInternalExpandedGroupIds] = React.useState(
+  const [internalExpandedGroupIds, setInternalExpandedGroupIds] = React2.useState(
     () => buildDefaultGroupExpandedSet(resolvedGroups, defaultExpandedGroupIds)
   );
-  const [draggingNodeId, setDraggingNodeId] = React.useState();
-  const [dragOverNodeId, setDragOverNodeId] = React.useState();
-  React.useEffect(() => {
+  const [draggingNodeId, setDraggingNodeId] = React2.useState();
+  const [dragOverNodeId, setDragOverNodeId] = React2.useState();
+  React2.useEffect(() => {
     setInternalExpandedNodeIds(
       buildDefaultNodeExpandedSet(resolvedGroups, defaultExpandedNodeIds)
     );
@@ -28555,7 +29189,7 @@ function DarkModeSelector({
         className: "z-50 min-w-[8rem] rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md animate-in fade-in-0 zoom-in-95",
         sideOffset: 5,
         align: "end",
-        children: options.map(({ value, label, Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: options.map(({ value, label, Icon: Icon2 }) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenu2__namespace.Item,
           {
             className: cn5(
@@ -28564,7 +29198,7 @@ function DarkModeSelector({
             ),
             onSelect: () => onModeChange(value),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4" }),
               label
             ]
           },
@@ -28631,7 +29265,7 @@ function DarkModeSubMenu({
       {
         className: "z-50 min-w-[8rem] rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md animate-in fade-in-0 zoom-in-95",
         sideOffset: 8,
-        children: options.map(({ value, label: optLabel, Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: options.map(({ value, label: optLabel, Icon: Icon2 }) => /* @__PURE__ */ jsxRuntime.jsxs(
           DropdownMenu2__namespace.CheckboxItem,
           {
             checked: mode === value,
@@ -28642,7 +29276,7 @@ function DarkModeSubMenu({
             onCheckedChange: () => onModeChange(value),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu2__namespace.ItemIndicator, { className: "absolute left-2 inline-flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4" }),
               optLabel
             ]
           },
@@ -28746,19 +29380,19 @@ function applyClass(resolved) {
   }
 }
 function useDarkMode() {
-  const [mode, setModeState] = React.useState(getStoredMode);
-  const [resolvedMode, setResolvedMode] = React.useState(() => resolve(mode));
-  const setMode = React.useCallback((next) => {
+  const [mode, setModeState] = React2.useState(getStoredMode);
+  const [resolvedMode, setResolvedMode] = React2.useState(() => resolve(mode));
+  const setMode = React2.useCallback((next) => {
     localStorage.setItem(STORAGE_KEY, next);
     setModeState(next);
     const r = resolve(next);
     setResolvedMode(r);
     applyClass(r);
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     applyClass(resolvedMode);
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (mode !== "auto") return;
     const mql = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = (e) => {
@@ -28773,6 +29407,7 @@ function useDarkMode() {
 }
 
 exports.AgentWorkbenchActivity = AgentWorkbenchActivity;
+exports.AgentWorkbenchSidebar = AgentWorkbenchSidebar;
 exports.AgentWorkbenchTaskDetails = AgentWorkbenchTaskDetails;
 exports.AgentWorkbenchTool = AgentWorkbenchTool;
 exports.AppHeader = AppHeader;