hubg-app-shell 0.1.2 → 0.1.4

package/dist/index.cjs.js

@@ -65,13 +65,17 @@ var __export = (target, all) => {
 // src/bundle-entry.tsx
 var exports_bundle_entry = {};
 __export(exports_bundle_entry, {
-  AppShell: () => AppShell
+  AppShell: () => AppShell,
+  EventBus: () => EventBus,
+  ModuleHost: () => ModuleHost,
+  ModuleRegistry: () => ModuleRegistry,
+  ShellErrorBoundary: () => ShellErrorBoundary,
+  ShellProvider: () => ShellProvider,
+  createPlatformAPI: () => createPlatformAPI,
+  useShell: () => useShell
 });
 module.exports = __toCommonJS(exports_bundle_entry);
 
-// src/components/AppShell.tsx
-var React52 = __toESM(require("react"), 1);
-
 // src/context/ShellContext.tsx
 var import_react = require("react");
 var jsx_runtime = require("react/jsx-runtime");
@@ -85,27 +89,168 @@ function useShell() {
 }
 function ShellProvider({ children, initialRoute }) {
   const [navCollapsed, setNavCollapsed] = import_react.useState(false);
-  const [pageTitle, setPageTitle] = import_react.useState(undefined);
   const [activeRoute, setActiveRoute] = import_react.useState(initialRoute);
-  const stableSetNavCollapsed = import_react.useCallback((value) => setNavCollapsed(value), []);
-  const stableSetPageTitle = import_react.useCallback((t) => setPageTitle(t), []);
-  const stableSetActiveRoute = import_react.useCallback((r) => setActiveRoute(r), []);
-  const value = import_react.useMemo(() => ({
-    navCollapsed,
-    setNavCollapsed: stableSetNavCollapsed,
-    pageTitle,
-    setPageTitle: stableSetPageTitle,
-    activeRoute,
-    setActiveRoute: stableSetActiveRoute
-  }), [navCollapsed, stableSetNavCollapsed, pageTitle, stableSetPageTitle, activeRoute, stableSetActiveRoute]);
+  const value = import_react.useMemo(() => ({ navCollapsed, setNavCollapsed, activeRoute, setActiveRoute }), [navCollapsed, activeRoute]);
   return /* @__PURE__ */ jsx_runtime.jsx(ShellContext.Provider, {
     value,
     children
   });
 }
+// src/events/EventBus.ts
+class EventBus {
+  handlers = new Map;
+  onHandlerError;
+  publish(event) {
+    const bucket = this.handlers.get(event.type);
+    if (!bucket)
+      return;
+    for (const handler of [...bucket]) {
+      try {
+        handler(event);
+      } catch (err) {
+        console.error(`[AppShell EventBus] Handler error for "${event.type}"`, err);
+        this.onHandlerError?.(err, event);
+      }
+    }
+  }
+  subscribe(eventType, handler) {
+    let bucket = this.handlers.get(eventType);
+    if (!bucket) {
+      bucket = new Set;
+      this.handlers.set(eventType, bucket);
+    }
+    bucket.add(handler);
+    return () => {
+      bucket.delete(handler);
+      if (bucket.size === 0)
+        this.handlers.delete(eventType);
+    };
+  }
+  clearModule(handlers) {
+    for (const unsubscribe of handlers) {
+      unsubscribe();
+    }
+  }
+  publishContextUpdate(field, value) {
+    this.publish({ type: "context:updated", payload: { [field]: value } });
+  }
+  publishThemeUpdate(payload) {
+    this.publish({ type: "theme:updated", payload });
+  }
+}
+// src/registry/ModuleRegistry.ts
+class ModuleRegistry {
+  registry = new Map;
+  cache = new Map;
+  register(definition) {
+    if (this.registry.has(definition.id)) {
+      console.warn(`[AppShell ModuleRegistry] Overwriting existing module: "${definition.id}"`);
+      this.cache.delete(definition.id);
+    }
+    this.registry.set(definition.id, definition);
+    return this;
+  }
+  registerMany(definitions) {
+    for (const def of definitions)
+      this.register(def);
+    return this;
+  }
+  unregister(moduleId) {
+    this.registry.delete(moduleId);
+    this.cache.delete(moduleId);
+    return this;
+  }
+  resolve(moduleId) {
+    return this.registry.get(moduleId);
+  }
+  async load(moduleId) {
+    const cached = this.cache.get(moduleId);
+    if (cached)
+      return cached;
+    const def = this.resolve(moduleId);
+    if (!def) {
+      throw new Error(`[AppShell ModuleRegistry] Module not found: "${moduleId}"`);
+    }
+    const promise = def.load().then((mod) => {
+      if (mod.id !== moduleId) {
+        console.warn(`[AppShell ModuleRegistry] Module id mismatch: registered as "${moduleId}", module reports "${mod.id}"`);
+      }
+      return mod;
+    });
+    this.cache.set(moduleId, promise);
+    promise.catch(() => this.cache.delete(moduleId));
+    return promise;
+  }
+  isRegistered(moduleId) {
+    return this.registry.has(moduleId);
+  }
+  get registeredIds() {
+    return [...this.registry.keys()];
+  }
+}
+// src/platform/createPlatformAPI.ts
+var METHODS_WITH_BODY = new Set(["POST", "PUT", "PATCH", "DELETE"]);
+var DEFAULT_TIMEOUT_MS = 30000;
+function createPlatformAPI(options) {
+  const {
+    moduleId,
+    getContext,
+    navigate,
+    eventBus,
+    fetchFn,
+    timeoutMs = DEFAULT_TIMEOUT_MS
+  } = options;
+  const doFetch = fetchFn ?? defaultFetch;
+  return {
+    getContext() {
+      return getContext();
+    },
+    getTheme() {
+      return getContext().theme;
+    },
+    navigate(path) {
+      navigate(path);
+    },
+    publish(event) {
+      const annotated = { ...event, _sourceModuleId: moduleId };
+      eventBus.publish(annotated);
+    },
+    subscribe(eventType, handler) {
+      return eventBus.subscribe(eventType, handler);
+    },
+    async apiRequest(request) {
+      const { method, url, data, headers } = request;
+      const hasBody = METHODS_WITH_BODY.has(method) && data !== undefined;
+      const init = {
+        method,
+        credentials: "same-origin",
+        headers: {
+          ...hasBody ? { "Content-Type": "application/json" } : {},
+          ...headers
+        },
+        ...hasBody ? { body: JSON.stringify(data) } : {}
+      };
+      if (timeoutMs > 0 && typeof AbortController !== "undefined") {
+        const controller = new AbortController;
+        const timer = setTimeout(() => controller.abort(), timeoutMs);
+        try {
+          return await doFetch(url, { ...init, signal: controller.signal });
+        } finally {
+          clearTimeout(timer);
+        }
+      }
+      return doFetch(url, init);
+    }
+  };
+}
+function defaultFetch(url, init) {
+  return fetch(url, init);
+}
+// src/components/AppShell.tsx
+var React53 = __toESM(require("react"), 1);
 
-// src/components/Header.tsx
-var React41 = __toESM(require("react"), 1);
+// src/components/ShellErrorBoundary.tsx
+var import_react4 = __toESM(require("react"), 1);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react3 = require("react");
 
@@ -180,8 +325,24 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
+// ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode);
+// ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/triangle-alert.js
+var __iconNode2 = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+];
+var TriangleAlert = createLucideIcon("triangle-alert", __iconNode2);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/bell.js
-var __iconNode = [
+var __iconNode3 = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -191,38 +352,43 @@ var __iconNode = [
     }
   ]
 ];
-var Bell = createLucideIcon("bell", __iconNode);
+var Bell = createLucideIcon("bell", __iconNode3);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode2 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("check", __iconNode2);
-// ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode3 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode3);
+var __iconNode4 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("check", __iconNode4);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js
-var __iconNode4 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-var ChevronLeft = createLucideIcon("chevron-left", __iconNode4);
+var __iconNode5 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+var ChevronLeft = createLucideIcon("chevron-left", __iconNode5);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode5 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode5);
+var __iconNode6 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode6);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle.js
-var __iconNode6 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-var Circle = createLucideIcon("circle", __iconNode6);
+var __iconNode7 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("circle", __iconNode7);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/external-link.js
-var __iconNode7 = [
+var __iconNode8 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-var ExternalLink = createLucideIcon("external-link", __iconNode7);
+var ExternalLink = createLucideIcon("external-link", __iconNode8);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/log-out.js
-var __iconNode8 = [
+var __iconNode9 = [
   ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }]
 ];
-var LogOut = createLucideIcon("log-out", __iconNode8);
+var LogOut = createLucideIcon("log-out", __iconNode9);
+// ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/refresh-cw.js
+var __iconNode10 = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+];
+var RefreshCw = createLucideIcon("refresh-cw", __iconNode10);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/settings.js
-var __iconNode9 = [
+var __iconNode11 = [
   [
     "path",
     {
@@ -232,618 +398,149 @@ var __iconNode9 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-var Settings = createLucideIcon("settings", __iconNode9);
+var Settings = createLucideIcon("settings", __iconNode11);
 // ../../node_modules/.pnpm/lucide-react@0.511.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/users.js
-var __iconNode10 = [
+var __iconNode12 = [
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
   ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
 ];
-var Users = createLucideIcon("users", __iconNode10);
-// src/components/ui/avatar.tsx
-var React9 = __toESM(require("react"), 1);
-
-// ../../node_modules/.pnpm/@radix-ui+react-avatar@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_e6c996e5557b18a376135b2452a80188/node_modules/@radix-ui/react-avatar/dist/index.mjs
-var React8 = __toESM(require("react"), 1);
-
-// ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/internal/is-development.true.mjs
-var IS_DEVELOPMENT = true;
-
-// ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs
-var React2 = __toESM(require("react"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var __defProp2 = Object.defineProperty;
-var __name = (target, value) => __defProp2(target, "name", { value, configurable: true });
-function createContext22(rootComponentName, defaultContext) {
-  const Context = React2.createContext(defaultContext);
-  Context.displayName = rootComponentName + "Context";
-  const Provider = /* @__PURE__ */ __name((props) => {
-    const { children, ...context } = props;
-    const value = React2.useMemo(() => context, Object.values(context));
-    return /* @__PURE__ */ import_jsx_runtime.jsx(Context.Provider, { value, children });
-  }, "Provider");
-  Provider.displayName = rootComponentName + "Provider";
-  function useContext22(consumerName, options = {}) {
-    const { optional = false } = options;
-    const context = React2.useContext(Context);
-    if (context)
-      return context;
-    if (defaultContext !== undefined)
-      return defaultContext;
-    if (optional)
-      return;
-    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-  }
-  __name(useContext22, "useContext");
-  return [Provider, useContext22];
-}
-__name(createContext22, "createContext");
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React2.createContext(defaultContext);
-    BaseContext.displayName = rootComponentName + "Context";
-    const index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider = /* @__PURE__ */ __name((props) => {
-      const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React2.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ import_jsx_runtime.jsx(Context.Provider, { value, children });
-    }, "Provider");
-    Provider.displayName = rootComponentName + "Provider";
-    function useContext22(consumerName, scope, options = {}) {
-      const { optional = false } = options;
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React2.useContext(Context);
-      if (context)
-        return context;
-      if (defaultContext !== undefined)
-        return defaultContext;
-      if (optional)
-        return;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    __name(useContext22, "useContext");
-    return [Provider, useContext22];
-  }
-  __name(createContext3, "createContext");
-  const createScope = /* @__PURE__ */ __name(() => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React2.createContext(defaultContext);
-    });
-    return /* @__PURE__ */ __name(function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React2.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
-    }, "useScope");
-  }, "createScope");
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-__name(createContextScope, "createContextScope");
-function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1)
-    return baseScope;
-  const createScope = /* @__PURE__ */ __name(() => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return /* @__PURE__ */ __name(function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React2.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    }, "useComposedScopes");
-  }, "createScope");
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
+var Users = createLucideIcon("users", __iconNode12);
+// ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0;t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
+  return n;
 }
-__name(composeContextScopes, "composeContextScopes");
-
-// ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var React3 = __toESM(require("react"), 1);
-var __defProp3 = Object.defineProperty;
-var __name2 = (target, value) => __defProp3(target, "name", { value, configurable: true });
-function useCallbackRef(callback) {
-  const callbackRef = React3.useRef(callback);
-  React3.useEffect(() => {
-    callbackRef.current = callback;
-  });
-  return React3.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
 }
-__name2(useCallbackRef, "useCallbackRef");
-
-// ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-var React4 = __toESM(require("react"), 1);
-var useLayoutEffect2 = globalThis?.document ? React4.useLayoutEffect : () => {};
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_dba614f83980a1ab9805a3f12c0d2bc2/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var React7 = __toESM(require("react"), 1);
-var ReactDOM = __toESM(require("react-dom"), 1);
 
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
-var React6 = __toESM(require("react"), 1);
-
-// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var React5 = __toESM(require("react"), 1);
-var __defProp4 = Object.defineProperty;
-var __name3 = (target, value) => __defProp4(target, "name", { value, configurable: true });
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== undefined) {
-    ref.current = value;
+// ../../node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var concatArrays = (array1, array2) => {
+  const combinedArray = new Array(array1.length + array2.length);
+  for (let i = 0;i < array1.length; i++) {
+    combinedArray[i] = array1[i];
   }
-}
-__name3(setRef, "setRef");
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0;i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-__name3(composeRefs, "composeRefs");
-function useComposedRefs(...refs) {
-  return React5.useCallback(composeRefs(...refs), refs);
-}
-__name3(useComposedRefs, "useComposedRefs");
-
-// ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
-var __defProp5 = Object.defineProperty;
-var __name4 = (target, value) => __defProp5(target, "name", { value, configurable: true });
-function createSlot(ownerName) {
-  const Slot2 = React6.forwardRef((props, forwardedRef) => {
-    let { children, ...slotProps } = props;
-    let slottableElement = null;
-    let hasSlottable = false;
-    const newChildren = [];
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    React6.Children.forEach(children, (maybeSlottable) => {
-      if (isSlottable(maybeSlottable)) {
-        hasSlottable = true;
-        const slottable = maybeSlottable;
-        let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
-        if (isLazyComponent(child) && typeof use === "function") {
-          child = use(child._payload);
-        }
-        slottableElement = getSlottableElementFromSlottable(slottable, child);
-        newChildren.push(slottableElement?.props?.children);
-      } else {
-        newChildren.push(maybeSlottable);
-      }
-    });
-    if (slottableElement) {
-      slottableElement = React6.cloneElement(slottableElement, undefined, newChildren);
-    } else if (!hasSlottable && React6.Children.count(children) === 1 && React6.isValidElement(children)) {
-      slottableElement = children;
+  for (let i = 0;i < array2.length; i++) {
+    combinedArray[array1.length + i] = array2[i];
+  }
+  return combinedArray;
+};
+var createClassValidatorObject = (classGroupId, validator) => ({
+  classGroupId,
+  validator
+});
+var createClassPartObject = (nextPart = new Map, validators = null, classGroupId) => ({
+  nextPart,
+  validators,
+  classGroupId
+});
+var CLASS_PART_SEPARATOR = "-";
+var EMPTY_CONFLICTS = [];
+var ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
+var createClassGroupUtils = (config) => {
+  const classMap = createClassMap(config);
+  const {
+    conflictingClassGroups,
+    conflictingClassGroupModifiers
+  } = config;
+  const getClassGroupId = (className) => {
+    if (className.startsWith("[") && className.endsWith("]")) {
+      return getGroupIdForArbitraryProperty(className);
     }
-    const slottableElementRef = slottableElement ? getElementRef(slottableElement) : undefined;
-    const composedRef = useComposedRefs(forwardedRef, slottableElementRef);
-    if (!slottableElement) {
-      if (children || children === 0) {
-        throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
+    return getGroupRecursive(classParts, startIndex, classMap);
+  };
+  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+    if (hasPostfixModifier) {
+      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+      const baseConflicts = conflictingClassGroups[classGroupId];
+      if (modifierConflicts) {
+        if (baseConflicts) {
+          return concatArrays(baseConflicts, modifierConflicts);
+        }
+        return modifierConflicts;
       }
-      return children;
-    }
-    const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
-    if (slottableElement.type !== React6.Fragment) {
-      mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
+      return baseConflicts || EMPTY_CONFLICTS;
     }
-    return React6.cloneElement(slottableElement, mergedProps);
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-__name4(createSlot, "createSlot");
-var Slot = /* @__PURE__ */ createSlot("Slot");
-var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
-function createSlottable(ownerName) {
-  const Slottable2 = /* @__PURE__ */ __name4((props) => ("child" in props) ? props.children(props.child) : props.children, "Slottable");
-  Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
-  return Slottable2;
-}
-__name4(createSlottable, "createSlottable");
-var getSlottableElementFromSlottable = /* @__PURE__ */ __name4((slottable, child) => {
-  if ("child" in slottable.props) {
-    const child2 = slottable.props.child;
-    if (!React6.isValidElement(child2))
-      return null;
-    return React6.cloneElement(child2, undefined, slottable.props.children(child2.props.children));
+    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+  };
+  return {
+    getClassGroupId,
+    getConflictingClassGroupIds
+  };
+};
+var getGroupRecursive = (classParts, startIndex, classPartObject) => {
+  const classPathsLength = classParts.length - startIndex;
+  if (classPathsLength === 0) {
+    return classPartObject.classGroupId;
   }
-  return React6.isValidElement(child) ? child : null;
-}, "getSlottableElementFromSlottable");
-function mergeProps(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+  const currentClassPart = classParts[startIndex];
+  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+  if (nextClassPartObject) {
+    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
+    if (result)
+      return result;
+  }
+  const validators = classPartObject.validators;
+  if (validators === null) {
+    return;
+  }
+  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
+  const validatorsLength = validators.length;
+  for (let i = 0;i < validatorsLength; i++) {
+    const validatorObj = validators[i];
+    if (validatorObj.validator(classRest)) {
+      return validatorObj.classGroupId;
     }
   }
-  return { ...slotProps, ...overrideProps };
-}
-__name4(mergeProps, "mergeProps");
-function getElementRef(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
+  return;
+};
+var getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? undefined : (() => {
+  const content = className.slice(1, -1);
+  const colonIndex = content.indexOf(":");
+  const property = content.slice(0, colonIndex);
+  return property ? ARBITRARY_PROPERTY_PREFIX + property : undefined;
+})();
+var createClassMap = (config) => {
+  const {
+    theme,
+    classGroups
+  } = config;
+  return processClassGroups(classGroups, theme);
+};
+var processClassGroups = (classGroups, theme) => {
+  const classMap = createClassPartObject();
+  for (const classGroupId in classGroups) {
+    const group = classGroups[classGroupId];
+    processClassesRecursively(group, classMap, classGroupId, theme);
   }
-  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
+  return classMap;
+};
+var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+  const len = classGroup.length;
+  for (let i = 0;i < len; i++) {
+    const classDefinition = classGroup[i];
+    processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
   }
-  return element.props.ref || element.ref;
-}
-__name4(getElementRef, "getElementRef");
-function isSlottable(child) {
-  return React6.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-__name4(isSlottable, "isSlottable");
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-function isLazyComponent(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
-__name4(isLazyComponent, "isLazyComponent");
-function isPromiseLike(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-__name4(isPromiseLike, "isPromiseLike");
-var createSlotError = /* @__PURE__ */ __name4((ownerName) => {
-  return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
-}, "createSlotError");
-var createSlottableError = /* @__PURE__ */ __name4((ownerName) => {
-  return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
-}, "createSlottableError");
-var use = React6[" use ".trim().toString()];
-
-// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_dba614f83980a1ab9805a3f12c0d2bc2/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var __defProp6 = Object.defineProperty;
-var __name5 = (target, value) => __defProp6(target, "name", { value, configurable: true });
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot = createSlot(`Primitive.${node}`);
-  const Node2 = React7.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ import_jsx_runtime2.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
-function dispatchDiscreteCustomEvent(target, event) {
-  if (target)
-    ReactDOM.flushSync(() => target.dispatchEvent(event));
-}
-__name5(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
-
-// ../../node_modules/.pnpm/@radix-ui+react-avatar@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_e6c996e5557b18a376135b2452a80188/node_modules/@radix-ui/react-avatar/dist/index.mjs
-var import_jsx_runtime3 = require("react/jsx-runtime");
-"use client";
-var __defProp7 = Object.defineProperty;
-var __name6 = (target, value) => __defProp7(target, "name", { value, configurable: true });
-var AVATAR_NAME = "Avatar";
-var [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
-var STATIC_IMAGE_COUNT_STATE = [
-  0,
-  () => {
-    return;
-  }
-];
-var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
-var Avatar = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(function Avatar2(props, forwardedRef) {
-  const { __scopeAvatar, ...avatarProps } = props;
-  const [imageLoadingStatus, setImageLoadingStatus] = React8.useState("idle");
-  const [imageCount, setImageCount] = useImageCount();
-  return /* @__PURE__ */ import_jsx_runtime3.jsx(AvatarProvider, {
-    scope: __scopeAvatar,
-    imageLoadingStatus,
-    setImageLoadingStatus,
-    imageCount,
-    setImageCount,
-    children: /* @__PURE__ */ import_jsx_runtime3.jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
-  });
-}, "Avatar"));
-var IMAGE_NAME = "AvatarImage";
-var AvatarImage = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(function AvatarImage2(props, forwardedRef) {
-  const { __scopeAvatar, src, onLoadingStatusChange, ...imageProps } = props;
-  const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
-  useUpdateImageCount(context.setImageCount);
-  const imageLoadingStatus = useImageLoadingStatus(src, {
-    referrerPolicy: imageProps.referrerPolicy,
-    crossOrigin: imageProps.crossOrigin,
-    loadingStatus: context.imageLoadingStatus,
-    setLoadingStatus: context.setImageLoadingStatus
-  });
-  const handleLoadingStatusChange = useCallbackRef((status) => {
-    onLoadingStatusChange?.(status);
-  });
-  const loadingStatusRef = React8.useRef(imageLoadingStatus);
-  useLayoutEffect2(() => {
-    const previousLoadingStatus = loadingStatusRef.current;
-    loadingStatusRef.current = imageLoadingStatus;
-    if (imageLoadingStatus !== previousLoadingStatus) {
-      handleLoadingStatusChange(imageLoadingStatus);
-    }
-  }, [imageLoadingStatus, handleLoadingStatusChange]);
-  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ import_jsx_runtime3.jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
-}, "AvatarImage"));
-var FALLBACK_NAME = "AvatarFallback";
-var AvatarFallback = /* @__PURE__ */ React8.forwardRef(/* @__PURE__ */ __name6(function AvatarFallback2(props, forwardedRef) {
-  const { __scopeAvatar, delayMs, ...fallbackProps } = props;
-  const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
-  const [canRender, setCanRender] = React8.useState(delayMs === undefined);
-  React8.useEffect(() => {
-    if (delayMs !== undefined) {
-      const timerId = window.setTimeout(() => setCanRender(true), delayMs);
-      return () => window.clearTimeout(timerId);
-    }
-  }, [delayMs]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ import_jsx_runtime3.jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
-}, "AvatarFallback"));
-function useImageLoadingStatus(src, {
-  loadingStatus,
-  setLoadingStatus,
-  referrerPolicy,
-  crossOrigin
-}) {
-  useLayoutEffect2(() => {
-    if (!src) {
-      setLoadingStatus("error");
-      return;
-    }
-    const image = new window.Image;
-    const handleLoad = /* @__PURE__ */ __name6((event) => {
-      const image2 = event.currentTarget;
-      setLoadingStatus(getImageLoadingStatus(image2));
-    }, "handleLoad");
-    const handleError = /* @__PURE__ */ __name6(() => setLoadingStatus("error"), "handleError");
-    image.addEventListener("load", handleLoad);
-    image.addEventListener("error", handleError);
-    if (referrerPolicy) {
-      image.referrerPolicy = referrerPolicy;
-    }
-    image.crossOrigin = crossOrigin ?? null;
-    image.src = src;
-    setLoadingStatus(getImageLoadingStatus(image));
-    return () => {
-      image.removeEventListener("load", handleLoad);
-      image.removeEventListener("error", handleError);
-      setLoadingStatus("idle");
-    };
-  }, [src, crossOrigin, referrerPolicy, setLoadingStatus]);
-  return loadingStatus;
-}
-__name6(useImageLoadingStatus, "useImageLoadingStatus");
-function getImageLoadingStatus(image) {
-  return image.complete ? image.naturalWidth > 0 ? "loaded" : "error" : "loading";
-}
-__name6(getImageLoadingStatus, "getImageLoadingStatus");
-function useImageCount() {
-  let state = STATIC_IMAGE_COUNT_STATE;
-  if (IS_DEVELOPMENT) {
-    state = React8.useState(0);
-    const [imageCount] = state;
-    const hasWarnedRef = React8.useRef(false);
-    React8.useEffect(() => {
-      if (imageCount > 1 && !hasWarnedRef.current) {
-        hasWarnedRef.current = true;
-        console.warn("Avatar: Only one `Avatar.Image` component should be rendered per `Avatar.Root`, but multiple were detected. This will lead to unexpected behavior.");
-      }
-    }, [imageCount]);
-  }
-  return state;
-}
-__name6(useImageCount, "useImageCount");
-function useUpdateImageCount(setImageCount) {
-  if (IS_DEVELOPMENT) {
-    React8.useEffect(() => {
-      setImageCount((imageCount) => imageCount + 1);
-      return () => {
-        setImageCount((imageCount) => imageCount - 1);
-      };
-    }, [setImageCount]);
-  }
-}
-__name6(useUpdateImageCount, "useUpdateImageCount");
-
-// ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number")
-    n += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e)) {
-      var o = e.length;
-      for (t = 0;t < o; t++)
-        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else
-      for (f in e)
-        e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
-    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-
-// ../../node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var concatArrays = (array1, array2) => {
-  const combinedArray = new Array(array1.length + array2.length);
-  for (let i = 0;i < array1.length; i++) {
-    combinedArray[i] = array1[i];
-  }
-  for (let i = 0;i < array2.length; i++) {
-    combinedArray[array1.length + i] = array2[i];
-  }
-  return combinedArray;
-};
-var createClassValidatorObject = (classGroupId, validator) => ({
-  classGroupId,
-  validator
-});
-var createClassPartObject = (nextPart = new Map, validators = null, classGroupId) => ({
-  nextPart,
-  validators,
-  classGroupId
-});
-var CLASS_PART_SEPARATOR = "-";
-var EMPTY_CONFLICTS = [];
-var ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
-var createClassGroupUtils = (config) => {
-  const classMap = createClassMap(config);
-  const {
-    conflictingClassGroups,
-    conflictingClassGroupModifiers
-  } = config;
-  const getClassGroupId = (className) => {
-    if (className.startsWith("[") && className.endsWith("]")) {
-      return getGroupIdForArbitraryProperty(className);
-    }
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
-    return getGroupRecursive(classParts, startIndex, classMap);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    if (hasPostfixModifier) {
-      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
-      const baseConflicts = conflictingClassGroups[classGroupId];
-      if (modifierConflicts) {
-        if (baseConflicts) {
-          return concatArrays(baseConflicts, modifierConflicts);
-        }
-        return modifierConflicts;
-      }
-      return baseConflicts || EMPTY_CONFLICTS;
-    }
-    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
-  };
-  return {
-    getClassGroupId,
-    getConflictingClassGroupIds
-  };
-};
-var getGroupRecursive = (classParts, startIndex, classPartObject) => {
-  const classPathsLength = classParts.length - startIndex;
-  if (classPathsLength === 0) {
-    return classPartObject.classGroupId;
-  }
-  const currentClassPart = classParts[startIndex];
-  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  if (nextClassPartObject) {
-    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
-    if (result)
-      return result;
-  }
-  const validators = classPartObject.validators;
-  if (validators === null) {
-    return;
-  }
-  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
-  const validatorsLength = validators.length;
-  for (let i = 0;i < validatorsLength; i++) {
-    const validatorObj = validators[i];
-    if (validatorObj.validator(classRest)) {
-      return validatorObj.classGroupId;
-    }
-  }
-  return;
-};
-var getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? undefined : (() => {
-  const content = className.slice(1, -1);
-  const colonIndex = content.indexOf(":");
-  const property = content.slice(0, colonIndex);
-  return property ? ARBITRARY_PROPERTY_PREFIX + property : undefined;
-})();
-var createClassMap = (config) => {
-  const {
-    theme,
-    classGroups
-  } = config;
-  return processClassGroups(classGroups, theme);
-};
-var processClassGroups = (classGroups, theme) => {
-  const classMap = createClassPartObject();
-  for (const classGroupId in classGroups) {
-    const group = classGroups[classGroupId];
-    processClassesRecursively(group, classMap, classGroupId, theme);
-  }
-  return classMap;
-};
-var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-  const len = classGroup.length;
-  for (let i = 0;i < len; i++) {
-    const classDefinition = classGroup[i];
-    processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
-  }
-};
-var processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-  if (typeof classDefinition === "string") {
-    processStringDefinition(classDefinition, classPartObject, classGroupId);
+};
+var processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+  if (typeof classDefinition === "string") {
+    processStringDefinition(classDefinition, classPartObject, classGroupId);
     return;
   }
   if (typeof classDefinition === "function") {
@@ -2558,21 +2255,566 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/components/ShellErrorBoundary.tsx
+var jsx_runtime2 = require("react/jsx-runtime");
+
+class ShellErrorBoundary extends import_react4.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    console.error("[AppShell] Uncaught error:", error, info.componentStack);
+    this.props.onError?.(error, info);
+  }
+  handleRetry = () => {
+    this.setState({ hasError: false, error: null });
+  };
+  render() {
+    if (this.state.hasError && this.state.error) {
+      if (this.props.fallback) {
+        return this.props.fallback(this.state.error, this.handleRetry);
+      }
+      return /* @__PURE__ */ jsx_runtime2.jsx(DefaultErrorFallback, {
+        error: this.state.error,
+        onRetry: this.handleRetry
+      });
+    }
+    return this.props.children;
+  }
+}
+function DefaultErrorFallback({ error, onRetry }) {
+  const message = "An unexpected error occurred. Please try again.";
+  return /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+    role: "alert",
+    className: cn("flex h-full flex-col items-center justify-center gap-4 p-8", "text-center"),
+    children: [
+      /* @__PURE__ */ jsx_runtime2.jsx("div", {
+        className: "flex h-12 w-12 items-center justify-center rounded-full bg-status-danger-subtle",
+        children: /* @__PURE__ */ jsx_runtime2.jsx(TriangleAlert, {
+          className: "h-6 w-6 text-status-danger-bold",
+          "aria-hidden": "true"
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+        className: "max-w-sm space-y-1",
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx("h2", {
+            className: "text-sm font-semibold text-content-default",
+            children: "This section failed to load"
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx("p", {
+            className: "text-xs text-content-subtle",
+            children: message
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsxs("button", {
+        type: "button",
+        onClick: onRetry,
+        className: cn("inline-flex items-center gap-2 rounded-radius-100", "bg-action-primary px-4 py-2 text-xs font-medium text-content-inverse", "hover:bg-action-primary-hover", "focus-visible:outline-none focus-visible:ring-2", "focus-visible:ring-action-primary focus-visible:ring-offset-2", "transition-colors"),
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx(RefreshCw, {
+            className: "h-3 w-3",
+            "aria-hidden": "true"
+          }),
+          "Try again"
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/Header.tsx
+var React42 = __toESM(require("react"), 1);
+
+// src/components/ui/avatar.tsx
+var React10 = __toESM(require("react"), 1);
+
+// ../../node_modules/.pnpm/@radix-ui+react-avatar@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_e6c996e5557b18a376135b2452a80188/node_modules/@radix-ui/react-avatar/dist/index.mjs
+var React9 = __toESM(require("react"), 1);
+
+// ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/internal/is-development.true.mjs
+var IS_DEVELOPMENT = true;
+
+// ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var __defProp2 = Object.defineProperty;
+var __name = (target, value) => __defProp2(target, "name", { value, configurable: true });
+function createContext22(rootComponentName, defaultContext) {
+  const Context = React3.createContext(defaultContext);
+  Context.displayName = rootComponentName + "Context";
+  const Provider = /* @__PURE__ */ __name((props) => {
+    const { children, ...context } = props;
+    const value = React3.useMemo(() => context, Object.values(context));
+    return /* @__PURE__ */ import_jsx_runtime.jsx(Context.Provider, { value, children });
+  }, "Provider");
+  Provider.displayName = rootComponentName + "Provider";
+  function useContext22(consumerName, options = {}) {
+    const { optional = false } = options;
+    const context = React3.useContext(Context);
+    if (context)
+      return context;
+    if (defaultContext !== undefined)
+      return defaultContext;
+    if (optional)
+      return;
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+  __name(useContext22, "useContext");
+  return [Provider, useContext22];
+}
+__name(createContext22, "createContext");
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React3.createContext(defaultContext);
+    BaseContext.displayName = rootComponentName + "Context";
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider = /* @__PURE__ */ __name((props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const value = React3.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ import_jsx_runtime.jsx(Context.Provider, { value, children });
+    }, "Provider");
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext22(consumerName, scope, options = {}) {
+      const { optional = false } = options;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const context = React3.useContext(Context);
+      if (context)
+        return context;
+      if (defaultContext !== undefined)
+        return defaultContext;
+      if (optional)
+        return;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    __name(useContext22, "useContext");
+    return [Provider, useContext22];
+  }
+  __name(createContext3, "createContext");
+  const createScope = /* @__PURE__ */ __name(() => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React3.createContext(defaultContext);
+    });
+    return /* @__PURE__ */ __name(function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React3.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
+    }, "useScope");
+  }, "createScope");
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+__name(createContextScope, "createContextScope");
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = /* @__PURE__ */ __name(() => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return /* @__PURE__ */ __name(function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React3.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    }, "useComposedScopes");
+  }, "createScope");
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+__name(composeContextScopes, "composeContextScopes");
+
+// ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+var React4 = __toESM(require("react"), 1);
+var __defProp3 = Object.defineProperty;
+var __name2 = (target, value) => __defProp3(target, "name", { value, configurable: true });
+function useCallbackRef(callback) {
+  const callbackRef = React4.useRef(callback);
+  React4.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React4.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+__name2(useCallbackRef, "useCallbackRef");
+
+// ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var React5 = __toESM(require("react"), 1);
+var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {};
+
+// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_dba614f83980a1ab9805a3f12c0d2bc2/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var React8 = __toESM(require("react"), 1);
+var ReactDOM = __toESM(require("react-dom"), 1);
+
+// ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
+var React7 = __toESM(require("react"), 1);
+
+// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+var React6 = __toESM(require("react"), 1);
+var __defProp4 = Object.defineProperty;
+var __name3 = (target, value) => __defProp4(target, "name", { value, configurable: true });
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== undefined) {
+    ref.current = value;
+  }
+}
+__name3(setRef, "setRef");
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0;i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+__name3(composeRefs, "composeRefs");
+function useComposedRefs(...refs) {
+  return React6.useCallback(composeRefs(...refs), refs);
+}
+__name3(useComposedRefs, "useComposedRefs");
+
+// ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
+var __defProp5 = Object.defineProperty;
+var __name4 = (target, value) => __defProp5(target, "name", { value, configurable: true });
+function createSlot(ownerName) {
+  const Slot2 = React7.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    let slottableElement = null;
+    let hasSlottable = false;
+    const newChildren = [];
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    React7.Children.forEach(children, (maybeSlottable) => {
+      if (isSlottable(maybeSlottable)) {
+        hasSlottable = true;
+        const slottable = maybeSlottable;
+        let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
+        if (isLazyComponent(child) && typeof use === "function") {
+          child = use(child._payload);
+        }
+        slottableElement = getSlottableElementFromSlottable(slottable, child);
+        newChildren.push(slottableElement?.props?.children);
+      } else {
+        newChildren.push(maybeSlottable);
+      }
+    });
+    if (slottableElement) {
+      slottableElement = React7.cloneElement(slottableElement, undefined, newChildren);
+    } else if (!hasSlottable && React7.Children.count(children) === 1 && React7.isValidElement(children)) {
+      slottableElement = children;
+    }
+    const slottableElementRef = slottableElement ? getElementRef(slottableElement) : undefined;
+    const composedRef = useComposedRefs(forwardedRef, slottableElementRef);
+    if (!slottableElement) {
+      if (children || children === 0) {
+        throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
+      }
+      return children;
+    }
+    const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
+    if (slottableElement.type !== React7.Fragment) {
+      mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
+    }
+    return React7.cloneElement(slottableElement, mergedProps);
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+__name4(createSlot, "createSlot");
+var Slot = /* @__PURE__ */ createSlot("Slot");
+var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
+function createSlottable(ownerName) {
+  const Slottable2 = /* @__PURE__ */ __name4((props) => ("child" in props) ? props.children(props.child) : props.children, "Slottable");
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+__name4(createSlottable, "createSlottable");
+var getSlottableElementFromSlottable = /* @__PURE__ */ __name4((slottable, child) => {
+  if ("child" in slottable.props) {
+    const child2 = slottable.props.child;
+    if (!React7.isValidElement(child2))
+      return null;
+    return React7.cloneElement(child2, undefined, slottable.props.children(child2.props.children));
+  }
+  return React7.isValidElement(child) ? child : null;
+}, "getSlottableElementFromSlottable");
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+__name4(mergeProps, "mergeProps");
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+__name4(getElementRef, "getElementRef");
+function isSlottable(child) {
+  return React7.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+__name4(isSlottable, "isSlottable");
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+__name4(isLazyComponent, "isLazyComponent");
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && "then" in value;
+}
+__name4(isPromiseLike, "isPromiseLike");
+var createSlotError = /* @__PURE__ */ __name4((ownerName) => {
+  return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
+}, "createSlotError");
+var createSlottableError = /* @__PURE__ */ __name4((ownerName) => {
+  return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
+}, "createSlottableError");
+var use = React7[" use ".trim().toString()];
+
+// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_dba614f83980a1ab9805a3f12c0d2bc2/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var __defProp6 = Object.defineProperty;
+var __name5 = (target, value) => __defProp6(target, "name", { value, configurable: true });
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Slot = createSlot(`Primitive.${node}`);
+  const Node2 = React8.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ import_jsx_runtime2.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
+}, {});
+function dispatchDiscreteCustomEvent(target, event) {
+  if (target)
+    ReactDOM.flushSync(() => target.dispatchEvent(event));
+}
+__name5(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
+
+// ../../node_modules/.pnpm/@radix-ui+react-avatar@1.2.6_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_e6c996e5557b18a376135b2452a80188/node_modules/@radix-ui/react-avatar/dist/index.mjs
+var import_jsx_runtime3 = require("react/jsx-runtime");
+"use client";
+var __defProp7 = Object.defineProperty;
+var __name6 = (target, value) => __defProp7(target, "name", { value, configurable: true });
+var AVATAR_NAME = "Avatar";
+var [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
+var STATIC_IMAGE_COUNT_STATE = [
+  0,
+  () => {
+    return;
+  }
+];
+var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
+var Avatar = /* @__PURE__ */ React9.forwardRef(/* @__PURE__ */ __name6(function Avatar2(props, forwardedRef) {
+  const { __scopeAvatar, ...avatarProps } = props;
+  const [imageLoadingStatus, setImageLoadingStatus] = React9.useState("idle");
+  const [imageCount, setImageCount] = useImageCount();
+  return /* @__PURE__ */ import_jsx_runtime3.jsx(AvatarProvider, {
+    scope: __scopeAvatar,
+    imageLoadingStatus,
+    setImageLoadingStatus,
+    imageCount,
+    setImageCount,
+    children: /* @__PURE__ */ import_jsx_runtime3.jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
+  });
+}, "Avatar"));
+var IMAGE_NAME = "AvatarImage";
+var AvatarImage = /* @__PURE__ */ React9.forwardRef(/* @__PURE__ */ __name6(function AvatarImage2(props, forwardedRef) {
+  const { __scopeAvatar, src, onLoadingStatusChange, ...imageProps } = props;
+  const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+  useUpdateImageCount(context.setImageCount);
+  const imageLoadingStatus = useImageLoadingStatus(src, {
+    referrerPolicy: imageProps.referrerPolicy,
+    crossOrigin: imageProps.crossOrigin,
+    loadingStatus: context.imageLoadingStatus,
+    setLoadingStatus: context.setImageLoadingStatus
+  });
+  const handleLoadingStatusChange = useCallbackRef((status) => {
+    onLoadingStatusChange?.(status);
+  });
+  const loadingStatusRef = React9.useRef(imageLoadingStatus);
+  useLayoutEffect2(() => {
+    const previousLoadingStatus = loadingStatusRef.current;
+    loadingStatusRef.current = imageLoadingStatus;
+    if (imageLoadingStatus !== previousLoadingStatus) {
+      handleLoadingStatusChange(imageLoadingStatus);
+    }
+  }, [imageLoadingStatus, handleLoadingStatusChange]);
+  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ import_jsx_runtime3.jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
+}, "AvatarImage"));
+var FALLBACK_NAME = "AvatarFallback";
+var AvatarFallback = /* @__PURE__ */ React9.forwardRef(/* @__PURE__ */ __name6(function AvatarFallback2(props, forwardedRef) {
+  const { __scopeAvatar, delayMs, ...fallbackProps } = props;
+  const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
+  const [canRender, setCanRender] = React9.useState(delayMs === undefined);
+  React9.useEffect(() => {
+    if (delayMs !== undefined) {
+      const timerId = window.setTimeout(() => setCanRender(true), delayMs);
+      return () => window.clearTimeout(timerId);
+    }
+  }, [delayMs]);
+  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ import_jsx_runtime3.jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
+}, "AvatarFallback"));
+function useImageLoadingStatus(src, {
+  loadingStatus,
+  setLoadingStatus,
+  referrerPolicy,
+  crossOrigin
+}) {
+  useLayoutEffect2(() => {
+    if (!src) {
+      setLoadingStatus("error");
+      return;
+    }
+    const image = new window.Image;
+    const handleLoad = /* @__PURE__ */ __name6((event) => {
+      const image2 = event.currentTarget;
+      setLoadingStatus(getImageLoadingStatus(image2));
+    }, "handleLoad");
+    const handleError = /* @__PURE__ */ __name6(() => setLoadingStatus("error"), "handleError");
+    image.addEventListener("load", handleLoad);
+    image.addEventListener("error", handleError);
+    if (referrerPolicy) {
+      image.referrerPolicy = referrerPolicy;
+    }
+    image.crossOrigin = crossOrigin ?? null;
+    image.src = src;
+    setLoadingStatus(getImageLoadingStatus(image));
+    return () => {
+      image.removeEventListener("load", handleLoad);
+      image.removeEventListener("error", handleError);
+      setLoadingStatus("idle");
+    };
+  }, [src, crossOrigin, referrerPolicy, setLoadingStatus]);
+  return loadingStatus;
+}
+__name6(useImageLoadingStatus, "useImageLoadingStatus");
+function getImageLoadingStatus(image) {
+  return image.complete ? image.naturalWidth > 0 ? "loaded" : "error" : "loading";
+}
+__name6(getImageLoadingStatus, "getImageLoadingStatus");
+function useImageCount() {
+  let state = STATIC_IMAGE_COUNT_STATE;
+  if (IS_DEVELOPMENT) {
+    state = React9.useState(0);
+    const [imageCount] = state;
+    const hasWarnedRef = React9.useRef(false);
+    React9.useEffect(() => {
+      if (imageCount > 1 && !hasWarnedRef.current) {
+        hasWarnedRef.current = true;
+        console.warn("Avatar: Only one `Avatar.Image` component should be rendered per `Avatar.Root`, but multiple were detected. This will lead to unexpected behavior.");
+      }
+    }, [imageCount]);
+  }
+  return state;
+}
+__name6(useImageCount, "useImageCount");
+function useUpdateImageCount(setImageCount) {
+  if (IS_DEVELOPMENT) {
+    React9.useEffect(() => {
+      setImageCount((imageCount) => imageCount + 1);
+      return () => {
+        setImageCount((imageCount) => imageCount - 1);
+      };
+    }, [setImageCount]);
+  }
+}
+__name6(useUpdateImageCount, "useUpdateImageCount");
+
 // src/components/ui/avatar.tsx
-var jsx_runtime2 = require("react/jsx-runtime");
-var Avatar2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime2.jsx(Avatar, {
+var jsx_runtime3 = require("react/jsx-runtime");
+var Avatar2 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(Avatar, {
   ref,
   className: cn("relative flex h-8 w-8 shrink-0 overflow-hidden rounded-full", className),
   ...props
 }));
 Avatar2.displayName = Avatar.displayName;
-var AvatarImage2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime2.jsx(AvatarImage, {
+var AvatarImage2 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(AvatarImage, {
   ref,
   className: cn("aspect-square h-full w-full object-cover", className),
   ...props
 }));
 AvatarImage2.displayName = AvatarImage.displayName;
-var AvatarFallback2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime2.jsx(AvatarFallback, {
+var AvatarFallback2 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(AvatarFallback, {
   ref,
   className: cn("flex h-full w-full items-center justify-center rounded-full", "bg-action-primary text-xs font-semibold text-content-inverse", className),
   ...props
@@ -2580,10 +2822,10 @@ var AvatarFallback2 = React9.forwardRef(({ className, ...props }, ref) => /* @__
 AvatarFallback2.displayName = AvatarFallback.displayName;
 
 // src/components/ui/dropdown-menu.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-dropdown-menu@2.1.24_@types+react-dom@18.3.7_@types+react@18.3.31__@typ_cccb57b67c4362d4d715c3f09d78a900/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/index.mjs
 var __defProp8 = Object.defineProperty;
@@ -2638,20 +2880,20 @@ function isFrame(element) {
 __name7(isFrame, "isFrame");
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var React22 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-effect-event@0.0.5_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var __defProp9 = Object.defineProperty;
 var __name8 = (target, value) => __defProp9(target, "name", { value, configurable: true });
-var useReactEffectEvent = React10[" useEffectEvent ".trim().toString()];
-var useReactInsertionEffect = React10[" useInsertionEffect ".trim().toString()];
+var useReactEffectEvent = React11[" useEffectEvent ".trim().toString()];
+var useReactInsertionEffect = React11[" useInsertionEffect ".trim().toString()];
 function useEffectEvent(callback) {
   if (typeof useReactEffectEvent === "function") {
     return useReactEffectEvent(callback);
   }
-  const ref = React10.useRef(() => {
+  const ref = React11.useRef(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
   if (typeof useReactInsertionEffect === "function") {
@@ -2663,14 +2905,14 @@ function useEffectEvent(callback) {
       ref.current = callback;
     });
   }
-  return React10.useMemo(() => (...args) => ref.current?.(...args), []);
+  return React11.useMemo(() => (...args) => ref.current?.(...args), []);
 }
 __name8(useEffectEvent, "useEffectEvent");
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 var __defProp10 = Object.defineProperty;
 var __name9 = (target, value) => __defProp10(target, "name", { value, configurable: true });
-var useInsertionEffect = React11[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React12[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -2684,8 +2926,8 @@ function useControllableState({
   const isControlled = prop !== undefined;
   const value = isControlled ? prop : uncontrolledProp;
   if (IS_DEVELOPMENT) {
-    const isControlledRef = React11.useRef(prop !== undefined);
-    React11.useEffect(() => {
+    const isControlledRef = React12.useRef(prop !== undefined);
+    React12.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -2695,7 +2937,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React11.useCallback((nextValue) => {
+  const setValue = React12.useCallback((nextValue) => {
     if (isControlled) {
       const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
       if (value2 !== prop) {
@@ -2712,13 +2954,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React11.useState(defaultProp);
-  const prevValueRef = React11.useRef(value);
-  const onChangeRef = React11.useRef(onChange);
+  const [value, setValue] = React12.useState(defaultProp);
+  const prevValueRef = React12.useRef(value);
+  const onChangeRef = React12.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -2789,10 +3031,10 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 __name9(useControllableStateReducer, "useControllableStateReducer");
 
 // ../../node_modules/.pnpm/@radix-ui+react-menu@2.1.24_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react@_5916b0f50695b0c3786ad7b8ea8d8ac9/node_modules/@radix-ui/react-menu/dist/index.mjs
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.15_@types+react-dom@18.3.7_@types+react@18.3.31__@types+_e568781db46e6f5e62f713df7975a3a9/node_modules/@radix-ui/react-collection/dist/index.mjs
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var React23 = __toESM(require("react"), 1);
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -2805,14 +3047,14 @@ function createCollection(name) {
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map });
   const CollectionProvider = /* @__PURE__ */ __name10((props) => {
     const { scope, children } = props;
-    const ref = React12.useRef(null);
-    const itemMap = React12.useRef(/* @__PURE__ */ new Map).current;
+    const ref = React13.useRef(null);
+    const itemMap = React13.useRef(/* @__PURE__ */ new Map).current;
     return /* @__PURE__ */ import_jsx_runtime4.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   }, "CollectionProvider");
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React12.forwardRef((props, forwardedRef) => {
+  const CollectionSlot = React13.forwardRef((props, forwardedRef) => {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
     const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
@@ -2822,12 +3064,12 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React12.forwardRef((props, forwardedRef) => {
+  const CollectionItemSlot = React13.forwardRef((props, forwardedRef) => {
     const { scope, children, ...itemData } = props;
-    const ref = React12.useRef(null);
+    const ref = React13.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    React12.useEffect(() => {
+    React13.useEffect(() => {
       context.itemMap.set(ref, { ref, ...itemData });
       return () => void context.itemMap.delete(ref);
     });
@@ -2836,7 +3078,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React12.useCallback(() => {
+    const getItems = React13.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode)
         return [];
@@ -3323,20 +3565,20 @@ function getChildListObserver(callback) {
 __name10(getChildListObserver, "getChildListObserver");
 
 // ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.mjs
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
 "use client";
 var __defProp12 = Object.defineProperty;
 var __name11 = (target, value) => __defProp12(target, "name", { value, configurable: true });
-var DirectionContext = React13.createContext(undefined);
+var DirectionContext = React14.createContext(undefined);
 function useDirection(localDir) {
-  const globalDir = React13.useContext(DirectionContext);
+  const globalDir = React14.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 __name11(useDirection, "useDirection");
 
 // ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.19_@types+react-dom@18.3.7_@types+react@18.3.31___4f2024a88a120e800aa2287adeb24710/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_jsx_runtime7 = require("react/jsx-runtime");
 "use client";
 var __defProp13 = Object.defineProperty;
@@ -3345,13 +3587,13 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React14.createContext({
+var DismissableLayerContext = React15.createContext({
   layers: /* @__PURE__ */ new Set,
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set,
   branches: /* @__PURE__ */ new Set,
   dismissableSurfaces: /* @__PURE__ */ new Set
 });
-var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name12(function DismissableLayer2(props, forwardedRef) {
+var DismissableLayer = /* @__PURE__ */ React15.forwardRef(/* @__PURE__ */ __name12(function DismissableLayer2(props, forwardedRef) {
   const {
     disableOutsidePointerEvents = false,
     deferPointerDownOutside = false,
@@ -3362,10 +3604,10 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
     onDismiss,
     ...layerProps
   } = props;
-  const context = React14.useContext(DismissableLayerContext);
-  const [node, setNode] = React14.useState(null);
+  const context = React15.useContext(DismissableLayerContext);
+  const [node, setNode] = React15.useState(null);
   const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-  const [, force] = React14.useState({});
+  const [, force] = React15.useState({});
   const composedRefs = useComposedRefs(forwardedRef, setNode);
   const layers = Array.from(context.layers);
   const [highestLayerWithOutsidePointerEventsDisabled] = [
@@ -3375,7 +3617,7 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
   const index = node ? layers.indexOf(node) : -1;
   const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
   const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
-  const isDeferredPointerDownOutsideRef = React14.useRef(false);
+  const isDeferredPointerDownOutsideRef = React15.useRef(false);
   const pointerDownOutside = usePointerDownOutside((event) => {
     onPointerDownOutside?.(event);
     onInteractOutside?.(event);
@@ -3386,7 +3628,7 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
     deferPointerDownOutside,
     isDeferredPointerDownOutsideRef,
     dismissableSurfaces: context.dismissableSurfaces,
-    shouldHandlePointerDownOutside: React14.useCallback((target) => {
+    shouldHandlePointerDownOutside: React15.useCallback((target) => {
       if (!(target instanceof Node)) {
         return false;
       }
@@ -3418,14 +3660,14 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
       onDismiss();
     }
   });
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!isHighestLayer) {
       return;
     }
     ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
     return () => ownerDocument.removeEventListener("keydown", handleKeyDown, { capture: true });
   }, [ownerDocument, isHighestLayer, handleKeyDown]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (!node)
       return;
     if (disableOutsidePointerEvents) {
@@ -3446,7 +3688,7 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
       }
     };
   }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     return () => {
       if (!node)
         return;
@@ -3455,7 +3697,7 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
       dispatchUpdate();
     };
   }, [node, context]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const handleUpdate = /* @__PURE__ */ __name12(() => force({}), "handleUpdate");
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
@@ -3473,9 +3715,9 @@ var DismissableLayer = /* @__PURE__ */ React14.forwardRef(/* @__PURE__ */ __name
   });
 }, "DismissableLayer"));
 function useDismissableLayerSurface() {
-  const context = React14.useContext(DismissableLayerContext);
-  const [node, setNode] = React14.useState(null);
-  React14.useEffect(() => {
+  const context = React15.useContext(DismissableLayerContext);
+  const [node, setNode] = React15.useState(null);
+  React15.useEffect(() => {
     if (!node) {
       return;
     }
@@ -3497,11 +3739,11 @@ function usePointerDownOutside(onPointerDownOutside, args) {
     shouldHandlePointerDownOutside = IS_TRUE
   } = args;
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React14.useRef(false);
-  const isPointerDownOutsideRef = React14.useRef(false);
-  const interceptedOutsideInteractionEventsRef = React14.useRef(/* @__PURE__ */ new Map);
-  const handleClickRef = React14.useRef(() => {});
-  React14.useEffect(() => {
+  const isPointerInsideReactTreeRef = React15.useRef(false);
+  const isPointerDownOutsideRef = React15.useRef(false);
+  const interceptedOutsideInteractionEventsRef = React15.useRef(/* @__PURE__ */ new Map);
+  const handleClickRef = React15.useRef(() => {});
+  React15.useEffect(() => {
     function resetOutsideInteraction() {
       isPointerDownOutsideRef.current = false;
       isDeferredPointerDownOutsideRef.current = false;
@@ -3610,8 +3852,8 @@ function usePointerDownOutside(onPointerDownOutside, args) {
 __name12(usePointerDownOutside, "usePointerDownOutside");
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React14.useRef(false);
-  React14.useEffect(() => {
+  const isFocusInsideReactTreeRef = React15.useRef(false);
+  React15.useEffect(() => {
     const handleFocus = /* @__PURE__ */ __name12((event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -3648,7 +3890,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 __name12(handleAndDispatchCustomEvent, "handleAndDispatchCustomEvent");
 
 // ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.6_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 "use client";
 var __defProp14 = Object.defineProperty;
 var __name13 = (target, value) => __defProp14(target, "name", { value, configurable: true });
@@ -3660,7 +3902,7 @@ function FocusGuards(props) {
 }
 __name13(FocusGuards, "FocusGuards");
 function useFocusGuards() {
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (!guards) {
       guards = { start: createFocusGuard(), end: createFocusGuard() };
     }
@@ -3696,7 +3938,7 @@ function createFocusGuard() {
 __name13(createFocusGuard, "createFocusGuard");
 
 // ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.16_@types+react-dom@18.3.7_@types+react@18.3.31__@types_161760c0d51338f080e5b66a9ea35f08/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 "use client";
 var __defProp15 = Object.defineProperty;
@@ -3704,7 +3946,7 @@ var __name14 = (target, value) => __defProp15(target, "name", { value, configura
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
-var FocusScope = /* @__PURE__ */ React16.forwardRef(/* @__PURE__ */ __name14(function FocusScope2(props, forwardedRef) {
+var FocusScope = /* @__PURE__ */ React17.forwardRef(/* @__PURE__ */ __name14(function FocusScope2(props, forwardedRef) {
   const {
     loop = false,
     trapped = false,
@@ -3712,12 +3954,12 @@ var FocusScope = /* @__PURE__ */ React16.forwardRef(/* @__PURE__ */ __name14(fun
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React16.useState(null);
+  const [container, setContainer] = React17.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React16.useRef(null);
+  const lastFocusedElementRef = React17.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, setContainer);
-  const focusScope = React16.useRef({
+  const focusScope = React17.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -3726,7 +3968,7 @@ var FocusScope = /* @__PURE__ */ React16.forwardRef(/* @__PURE__ */ __name14(fun
       this.paused = false;
     }
   }).current;
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container)
@@ -3771,7 +4013,7 @@ var FocusScope = /* @__PURE__ */ React16.forwardRef(/* @__PURE__ */ __name14(fun
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -3802,7 +4044,7 @@ var FocusScope = /* @__PURE__ */ React16.forwardRef(/* @__PURE__ */ __name14(fun
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React16.useCallback((event) => {
+  const handleKeyDown = React17.useCallback((event) => {
     if (!loop && !trapped)
       return;
     if (focusScope.paused)
@@ -3932,15 +4174,15 @@ function removeLinks(items) {
 __name14(removeLinks, "removeLinks");
 
 // ../../node_modules/.pnpm/@radix-ui+react-id@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-id/dist/index.mjs
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var __defProp16 = Object.defineProperty;
 var __name15 = (target, value) => __defProp16(target, "name", { value, configurable: true });
-var useReactId = React17[" useId ".trim().toString()] || (() => {
+var useReactId = React18[" useId ".trim().toString()] || (() => {
   return;
 });
 var count2 = 0;
 function useId(deterministicId) {
-  const [id, setId] = React17.useState(useReactId());
+  const [id, setId] = React18.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId)
       setId((reactId) => reactId ?? String(count2++));
@@ -3950,7 +4192,7 @@ function useId(deterministicId) {
 __name15(useId, "useId");
 
 // ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.7_@types+react-dom@18.3.7_@types+react@18.3.31__@types+react_eb61390ffeb98719c4501fa966467838/node_modules/@radix-ui/react-popper/dist/index.mjs
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
@@ -5533,12 +5775,12 @@ var computePosition2 = (reference, floating, options) => {
 };
 
 // ../../node_modules/.pnpm/@floating-ui+react-dom@2.1.9_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-var React18 = __toESM(require("react"), 1);
-var import_react4 = require("react");
+var React19 = __toESM(require("react"), 1);
+var import_react5 = require("react");
 var ReactDOM2 = __toESM(require("react-dom"), 1);
 var isClient = typeof document !== "undefined";
 var noop = function noop() {};
-var index2 = isClient ? import_react4.useLayoutEffect : noop;
+var index2 = isClient ? import_react5.useLayoutEffect : noop;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -5599,7 +5841,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React18.useRef(value);
+  const ref = React19.useRef(value);
   index2(() => {
     ref.current = value;
   });
@@ -5622,7 +5864,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React18.useState({
+  const [data, setData] = React19.useState({
     x: 0,
     y: 0,
     strategy,
@@ -5630,19 +5872,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React18.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React19.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React18.useState(null);
-  const [_floating, _setFloating] = React18.useState(null);
-  const setReference = React18.useCallback((node) => {
+  const [_reference, _setReference] = React19.useState(null);
+  const [_floating, _setFloating] = React19.useState(null);
+  const setReference = React19.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React18.useCallback((node) => {
+  const setFloating = React19.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -5650,14 +5892,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React18.useRef(null);
-  const floatingRef = React18.useRef(null);
-  const dataRef = React18.useRef(data);
+  const referenceRef = React19.useRef(null);
+  const floatingRef = React19.useRef(null);
+  const dataRef = React19.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform);
   const openRef = useLatestRef(open);
-  const update = React18.useCallback(() => {
+  const update = React19.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -5691,7 +5933,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React18.useRef(false);
+  const isMountedRef = React19.useRef(false);
   index2(() => {
     isMountedRef.current = true;
     return () => {
@@ -5710,17 +5952,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React18.useMemo(() => ({
+  const refs = React19.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React18.useMemo(() => ({
+  const elements = React19.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React18.useMemo(() => {
+  const floatingStyles = React19.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -5746,7 +5988,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React18.useMemo(() => ({
+  return React19.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -5842,11 +6084,11 @@ var arrow3 = (options, deps) => {
 };
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var __defProp17 = Object.defineProperty;
 var __name16 = (target, value) => __defProp17(target, "name", { value, configurable: true });
 function useSize(element) {
-  const [size, setSize] = React19.useState(undefined);
+  const [size, setSize] = React20.useState(undefined);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -5891,8 +6133,8 @@ var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = /* @__PURE__ */ __name17((props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React20.useState(null);
-  const [placementState, setPlacementState] = React20.useState(undefined);
+  const [anchor, setAnchor] = React21.useState(null);
+  const [placementState, setPlacementState] = React21.useState(undefined);
   return /* @__PURE__ */ import_jsx_runtime9.jsx(PopperProvider, {
     scope: __scopePopper,
     anchor,
@@ -5903,20 +6145,20 @@ var Popper = /* @__PURE__ */ __name17((props) => {
   });
 }, "Popper");
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(function PopperAnchor2(props, forwardedRef) {
+var PopperAnchor = /* @__PURE__ */ React21.forwardRef(/* @__PURE__ */ __name17(function PopperAnchor2(props, forwardedRef) {
   const { __scopePopper, virtualRef, ...anchorProps } = props;
   const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React20.useRef(null);
+  const ref = React21.useRef(null);
   const onAnchorChange = context.onAnchorChange;
-  const callbackRef = React20.useCallback((node) => {
+  const callbackRef = React21.useCallback((node) => {
     ref.current = node;
     if (node) {
       onAnchorChange(node);
     }
   }, [onAnchorChange]);
   const composedRefs = useComposedRefs(forwardedRef, callbackRef);
-  const anchorRef = React20.useRef(null);
-  React20.useEffect(() => {
+  const anchorRef = React21.useRef(null);
+  React21.useEffect(() => {
     if (!virtualRef) {
       return;
     }
@@ -5938,7 +6180,7 @@ var PopperAnchor = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(f
 }, "PopperAnchor"));
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(function PopperContent2(props, forwardedRef) {
+var PopperContent = /* @__PURE__ */ React21.forwardRef(/* @__PURE__ */ __name17(function PopperContent2(props, forwardedRef) {
   const {
     __scopePopper,
     side = "bottom",
@@ -5956,9 +6198,9 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
     ...contentProps
   } = props;
   const context = usePopperContext(CONTENT_NAME, __scopePopper);
-  const [content, setContent] = React20.useState(null);
+  const [content, setContent] = React21.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setContent);
-  const [arrow, setArrow] = React20.useState(null);
+  const [arrow, setArrow] = React21.useState(null);
   const arrowSize = useSize(arrow);
   const arrowWidth = arrowSize?.width ?? 0;
   const arrowHeight = arrowSize?.height ?? 0;
@@ -6029,7 +6271,7 @@ var PopperContent = /* @__PURE__ */ React20.forwardRef(/* @__PURE__ */ __name17(
   const arrowX = middlewareData.arrow?.x;
   const arrowY = middlewareData.arrow?.y;
   const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-  const [contentZIndex, setContentZIndex] = React20.useState();
+  const [contentZIndex, setContentZIndex] = React21.useState();
   useLayoutEffect2(() => {
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
@@ -6118,28 +6360,28 @@ var Anchor = PopperAnchor;
 var Content = PopperContent;
 
 // ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.17_@types+react-dom@18.3.7_@types+react@18.3.31__@types+reac_35c248e3d41b4a33144a8517e72175a4/node_modules/@radix-ui/react-portal/dist/index.mjs
-var React21 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var ReactDOM3 = __toESM(require("react-dom"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
 "use client";
 var __defProp19 = Object.defineProperty;
 var __name18 = (target, value) => __defProp19(target, "name", { value, configurable: true });
-var Portal = /* @__PURE__ */ React21.forwardRef(/* @__PURE__ */ __name18(function Portal2(props, forwardedRef) {
+var Portal = /* @__PURE__ */ React24.forwardRef(/* @__PURE__ */ __name18(function Portal2(props, forwardedRef) {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React21.useState(false);
+  const [mounted, setMounted] = React24.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM3.createPortal(/* @__PURE__ */ import_jsx_runtime10.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 }, "Portal"));
 
 // ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@18.3.7_@types+react@18.3.31__@types+re_62e566fb7823886e0e3d5565144169f1/node_modules/@radix-ui/react-presence/dist/index.mjs
-var React24 = __toESM(require("react"), 1);
 var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 "use client";
 var __defProp20 = Object.defineProperty;
 var __name19 = (target, value) => __defProp20(target, "name", { value, configurable: true });
 function useStateMachine(initialState, machine) {
-  return React25.useReducer((state, event) => {
+  return React26.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -6148,17 +6390,17 @@ __name19(useStateMachine, "useStateMachine");
 var Presence = /* @__PURE__ */ __name19((props) => {
   const { present, children } = props;
   const presence = usePresence(present);
-  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React24.Children.only(children);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React25.Children.only(children);
   const ref = useStableComposedRefs(presence.ref, getElementRef2(child));
   const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? React24.cloneElement(child, { ref }) : null;
+  return forceMount || presence.isPresent ? React25.cloneElement(child, { ref }) : null;
 }, "Presence");
 function usePresence(present) {
-  const [node, setNode] = React24.useState();
-  const stylesRef = React24.useRef(null);
-  const prevPresentRef = React24.useRef(present);
-  const prevAnimationNameRef = React24.useRef("none");
-  const mountAnimationNameRef = React24.useRef(undefined);
+  const [node, setNode] = React25.useState();
+  const stylesRef = React25.useRef(null);
+  const prevPresentRef = React25.useRef(present);
+  const prevAnimationNameRef = React25.useRef("none");
+  const mountAnimationNameRef = React25.useRef(undefined);
   const initialState = present ? "mounted" : "unmounted";
   const [state, send] = useStateMachine(initialState, {
     mounted: {
@@ -6173,7 +6415,7 @@ function usePresence(present) {
       MOUNT: "mounted"
     }
   });
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (state === "mounted") {
       prevAnimationNameRef.current = mountAnimationNameRef.current ?? getAnimationName(stylesRef.current);
       mountAnimationNameRef.current = undefined;
@@ -6244,7 +6486,7 @@ function usePresence(present) {
   }, [node, send]);
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React24.useCallback((node2) => {
+    ref: React25.useCallback((node2) => {
       if (node2) {
         const styles = getComputedStyle(node2);
         stylesRef.current = styles;
@@ -6266,9 +6508,9 @@ function setRef2(ref, value) {
 }
 __name19(setRef2, "setRef");
 function useStableComposedRefs(...refs) {
-  const refsRef = React24.useRef(refs);
+  const refsRef = React25.useRef(refs);
   refsRef.current = refs;
-  return React24.useCallback((node) => {
+  return React25.useCallback((node) => {
     const currentRefs = refsRef.current;
     let hasCleanup = false;
     const cleanups = currentRefs.map((ref) => {
@@ -6313,17 +6555,17 @@ function getElementRef2(element) {
 __name19(getElementRef2, "getElementRef");
 
 // ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.19_@types+react-dom@18.3.7_@types+react@18.3.31__@type_d5b0f6117fe35925e77b051a5d0d3813/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-use-is-hydrated@0.1.3_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs
-var React26 = __toESM(require("react"), 1);
 var React27 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var __defProp21 = Object.defineProperty;
 var __name20 = (target, value) => __defProp21(target, "name", { value, configurable: true });
 var _isHydrated = false;
 function useIsHydrated() {
-  const [isHydrated, setIsHydrated] = React27.useState(_isHydrated);
-  React27.useEffect(() => {
+  const [isHydrated, setIsHydrated] = React28.useState(_isHydrated);
+  React28.useEffect(() => {
     if (!_isHydrated) {
       _isHydrated = true;
       setIsHydrated(true);
@@ -6332,7 +6574,7 @@ function useIsHydrated() {
   return isHydrated;
 }
 __name20(useIsHydrated, "useIsHydrated");
-var useReactSyncExternalStore = React26[" useSyncExternalStore ".trim().toString()];
+var useReactSyncExternalStore = React27[" useSyncExternalStore ".trim().toString()];
 function subscribe() {
   return () => {};
 }
@@ -6354,10 +6596,10 @@ var GROUP_NAME = "RovingFocusGroup";
 var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
 var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope]);
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroup2(props, forwardedRef) {
+var RovingFocusGroup = /* @__PURE__ */ React29.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroup2(props, forwardedRef) {
   return /* @__PURE__ */ import_jsx_runtime11.jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ import_jsx_runtime11.jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ import_jsx_runtime11.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
 }, "RovingFocusGroup"));
-var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroupImpl2(props, forwardedRef) {
+var RovingFocusGroupImpl = /* @__PURE__ */ React29.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroupImpl2(props, forwardedRef) {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -6370,7 +6612,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
     preventScrollOnEntryFocus = false,
     ...groupProps
   } = props;
-  const ref = React28.useRef(null);
+  const ref = React29.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
   const [currentTabStopId, setCurrentTabStopId] = useControllableState({
@@ -6379,12 +6621,12 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
     onChange: onCurrentTabStopIdChange,
     caller: GROUP_NAME
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React28.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React29.useState(false);
   const handleEntryFocus = useCallbackRef(onEntryFocus);
   const getItems = useCollection(__scopeRovingFocusGroup);
-  const isClickFocusRef = React28.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React28.useState(0);
-  React28.useEffect(() => {
+  const isClickFocusRef = React29.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React29.useState(0);
+  React29.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
@@ -6397,10 +6639,10 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
     dir: direction,
     loop,
     currentTabStopId,
-    onItemFocus: React28.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
-    onItemShiftTab: React28.useCallback(() => setIsTabbingBackOut(true), []),
-    onFocusableItemAdd: React28.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
-    onFocusableItemRemove: React28.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
+    onItemFocus: React29.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
+    onItemShiftTab: React29.useCallback(() => setIsTabbingBackOut(true), []),
+    onFocusableItemAdd: React29.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
+    onFocusableItemRemove: React29.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
     children: /* @__PURE__ */ import_jsx_runtime11.jsx(Primitive.div, {
       tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
       "data-orientation": orientation,
@@ -6431,7 +6673,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
   });
 }, "RovingFocusGroupImpl"));
 var ITEM_NAME = "RovingFocusGroupItem";
-var RovingFocusGroupItem = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroupItem2(props, forwardedRef) {
+var RovingFocusGroupItem = /* @__PURE__ */ React29.forwardRef(/* @__PURE__ */ __name21(function RovingFocusGroupItem2(props, forwardedRef) {
   const {
     __scopeRovingFocusGroup,
     focusable = true,
@@ -6454,7 +6696,7 @@ var RovingFocusGroupItem = /* @__PURE__ */ React28.forwardRef(/* @__PURE__ */ __
     onFocusableItemAdd();
     return () => onFocusableItemRemove();
   }, [isHydrated, focusable, onFocusableItemAdd, onFocusableItemRemove]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (isHydrated || !focusable) {
       return;
     }
@@ -6709,10 +6951,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.2_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.2_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll/dist/es2015/UI.js
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 
 // ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -6720,7 +6962,7 @@ var fullWidthClassName = "width-before-scroll-bar";
 var noScrollbarsClassName = "with-scroll-bars-hidden";
 var removedBarSizeVariable = "--removed-body-scroll-bar-size";
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/use-callback-ref/dist/es2015/assignRef.js
 function assignRef(ref, value) {
@@ -6733,9 +6975,9 @@ function assignRef(ref, value) {
 }
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/use-callback-ref/dist/es2015/useRef.js
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = import_react5.useState(function() {
+  var ref = import_react6.useState(function() {
     return {
       value: initialValue,
       callback,
@@ -6758,7 +7000,7 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.31_react@18.3.1/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React29.useLayoutEffect : React29.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React30.useLayoutEffect : React30.useEffect;
 var currentValues = new WeakMap;
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -6873,7 +7115,7 @@ function createSidecarMedium(options) {
   return medium;
 }
 // ../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@18.3.31_react@18.3.1/node_modules/use-sidecar/dist/es2015/exports.js
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -6883,7 +7125,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React30.createElement(Target, __assign({}, rest));
+  return React31.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -6897,9 +7139,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React31.forwardRef(function(props, parentRef) {
-  var ref = React31.useRef(null);
-  var _a = React31.useState({
+var RemoveScroll = React32.forwardRef(function(props, parentRef) {
+  var ref = React32.useRef(null);
+  var _a = React32.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -6908,7 +7150,7 @@ var RemoveScroll = React31.forwardRef(function(props, parentRef) {
   var SideCar = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React31.createElement(React31.Fragment, null, enabled && React31.createElement(SideCar, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React31.cloneElement(React31.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React31.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
+  return React32.createElement(React32.Fragment, null, enabled && React32.createElement(SideCar, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React32.cloneElement(React32.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React32.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
 });
 RemoveScroll.defaultProps = {
   enabled: true,
@@ -6921,13 +7163,13 @@ RemoveScroll.classNames = {
 };
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.2_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 
 // ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 
 // ../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.31_react@18.3.1/node_modules/react-style-singleton/dist/es2015/hook.js
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 
 // ../../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -6991,7 +7233,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React32.useEffect(function() {
+    React33.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -7101,7 +7343,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React33.useEffect(function() {
+  React34.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -7116,10 +7358,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var { noRelative, noImportant, gapMode: _b } = _a, gapMode = _b === undefined ? "margin" : _b;
   useLockAttribute();
-  var gap = React33.useMemo(function() {
+  var gap = React34.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React33.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React34.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.2_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -7255,16 +7497,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React34.useRef([]);
-  var touchStartRef = React34.useRef([0, 0]);
-  var activeAxis = React34.useRef();
-  var id = React34.useState(idCounter++)[0];
-  var Style = React34.useState(styleSingleton)[0];
-  var lastProps = React34.useRef(props);
-  React34.useEffect(function() {
+  var shouldPreventQueue = React35.useRef([]);
+  var touchStartRef = React35.useRef([0, 0]);
+  var activeAxis = React35.useRef();
+  var id = React35.useState(idCounter++)[0];
+  var Style = React35.useState(styleSingleton)[0];
+  var lastProps = React35.useRef(props);
+  React35.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React34.useEffect(function() {
+  React35.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -7280,7 +7522,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React34.useCallback(function(event, parent) {
+  var shouldCancelEvent = React35.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -7322,7 +7564,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React34.useCallback(function(_event) {
+  var shouldPrevent = React35.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
       return;
@@ -7349,7 +7591,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React34.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React35.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -7358,17 +7600,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React34.useCallback(function(event) {
+  var scrollTouchStart = React35.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = undefined;
   }, []);
-  var scrollWheel = React34.useCallback(function(event) {
+  var scrollWheel = React35.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React34.useCallback(function(event) {
+  var scrollTouchMove = React35.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React34.useEffect(function() {
+  React35.useEffect(function() {
     lockStack.push(Style);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -7388,7 +7630,7 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var { removeScrollBar, inert } = props;
-  return React34.createElement(React34.Fragment, null, inert ? React34.createElement(Style, { styles: generateStyle(id) }) : null, removeScrollBar ? React34.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null);
+  return React35.createElement(React35.Fragment, null, inert ? React35.createElement(Style, { styles: generateStyle(id) }) : null, removeScrollBar ? React35.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null);
 }
 function getOutermostShadowParent(node) {
   var shadowParent = null;
@@ -7406,8 +7648,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // ../../node_modules/.pnpm/react-remove-scroll@2.7.2_@types+react@18.3.31_react@18.3.1/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React35.forwardRef(function(props, ref) {
-  return React35.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React36.forwardRef(function(props, ref) {
+  return React36.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -7443,11 +7685,11 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = /* @__PURE__ */ __name22((props) => {
   const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
   const popperScope = usePopperScope(__scopeMenu);
-  const [content, setContent] = React36.useState(null);
-  const isUsingKeyboardRef = React36.useRef(false);
+  const [content, setContent] = React37.useState(null);
+  const isUsingKeyboardRef = React37.useRef(false);
   const handleOpenChange = useCallbackRef(onOpenChange);
   const direction = useDirection(dir);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     const handleKeyDown = /* @__PURE__ */ __name22(() => {
       isUsingKeyboardRef.current = true;
       document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
@@ -7461,7 +7703,7 @@ var Menu = /* @__PURE__ */ __name22((props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!open) {
       return;
     }
@@ -7477,7 +7719,7 @@ var Menu = /* @__PURE__ */ __name22((props) => {
     onContentChange: setContent,
     children: /* @__PURE__ */ import_jsx_runtime12.jsx(MenuRootProvider, {
       scope: __scopeMenu,
-      onClose: React36.useCallback(() => handleOpenChange(false), [handleOpenChange]),
+      onClose: React37.useCallback(() => handleOpenChange(false), [handleOpenChange]),
       isUsingKeyboardRef,
       dir: direction,
       modal,
@@ -7485,7 +7727,7 @@ var Menu = /* @__PURE__ */ __name22((props) => {
     })
   }) });
 }, "Menu");
-var MenuAnchor = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuAnchor2(props, forwardedRef) {
+var MenuAnchor = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuAnchor2(props, forwardedRef) {
   const { __scopeMenu, ...anchorProps } = props;
   const popperScope = usePopperScope(__scopeMenu);
   return /* @__PURE__ */ import_jsx_runtime12.jsx(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
@@ -7501,18 +7743,18 @@ var MenuPortal = /* @__PURE__ */ __name22((props) => {
 }, "MenuPortal");
 var CONTENT_NAME2 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
-var MenuContent = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuContent2(props, forwardedRef) {
+var MenuContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuContent2(props, forwardedRef) {
   const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
   const { forceMount = portalContext.forceMount, ...contentProps } = props;
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
   const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
   return /* @__PURE__ */ import_jsx_runtime12.jsx(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ import_jsx_runtime12.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ import_jsx_runtime12.jsx(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ import_jsx_runtime12.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ import_jsx_runtime12.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
 }, "MenuContent"));
-var MenuRootContentModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuRootContentModal2(props, forwardedRef) {
+var MenuRootContentModal = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuRootContentModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-  const ref = React36.useRef(null);
+  const ref = React37.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     const content = ref.current;
     if (content)
       return hideOthers(content);
@@ -7527,7 +7769,7 @@ var MenuRootContentModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __
     onDismiss: () => context.onOpenChange(false)
   });
 }, "MenuRootContentModal"));
-var MenuRootContentNonModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuRootContentNonModal2(props, forwardedRef) {
+var MenuRootContentNonModal = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuRootContentNonModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
   return /* @__PURE__ */ import_jsx_runtime12.jsx(MenuContentImpl, {
     ...props,
@@ -7539,7 +7781,7 @@ var MenuRootContentNonModal = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */
   });
 }, "MenuRootContentNonModal"));
 var Slot2 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuContentImpl2(props, forwardedRef) {
+var MenuContentImpl = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuContentImpl2(props, forwardedRef) {
   const {
     __scopeMenu,
     loop = false,
@@ -7561,16 +7803,16 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
   const popperScope = usePopperScope(__scopeMenu);
   const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
   const getItems = useCollection2(__scopeMenu);
-  const [currentItemId, setCurrentItemId] = React36.useState(null);
-  const contentRef = React36.useRef(null);
+  const [currentItemId, setCurrentItemId] = React37.useState(null);
+  const contentRef = React37.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-  const timerRef = React36.useRef(0);
-  const searchRef = React36.useRef("");
-  const pointerGraceTimerRef = React36.useRef(0);
-  const pointerGraceIntentRef = React36.useRef(null);
-  const pointerDirRef = React36.useRef("right");
-  const lastPointerXRef = React36.useRef(0);
-  const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React36.Fragment;
+  const timerRef = React37.useRef(0);
+  const searchRef = React37.useRef("");
+  const pointerGraceTimerRef = React37.useRef(0);
+  const pointerGraceIntentRef = React37.useRef(null);
+  const pointerDirRef = React37.useRef("right");
+  const lastPointerXRef = React37.useRef(0);
+  const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React37.Fragment;
   const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot2, allowPinchZoom: true } : undefined;
   const handleTypeaheadSearch = /* @__PURE__ */ __name22((key) => {
     const search = searchRef.current + key;
@@ -7590,33 +7832,33 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
       setTimeout(() => newItem.focus());
     }
   }, "handleTypeaheadSearch");
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   useFocusGuards();
-  const isPointerMovingToSubmenu = React36.useCallback((event) => {
+  const isPointerMovingToSubmenu = React37.useCallback((event) => {
     const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
     return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
   }, []);
   return /* @__PURE__ */ import_jsx_runtime12.jsx(MenuContentProvider, {
     scope: __scopeMenu,
     searchRef,
-    onItemEnter: React36.useCallback((event) => {
+    onItemEnter: React37.useCallback((event) => {
       if (isPointerMovingToSubmenu(event))
         event.preventDefault();
     }, [isPointerMovingToSubmenu]),
-    onItemLeave: React36.useCallback((event) => {
+    onItemLeave: React37.useCallback((event) => {
       if (isPointerMovingToSubmenu(event))
         return;
       contentRef.current?.focus();
       setCurrentItemId(null);
     }, [isPointerMovingToSubmenu]),
-    onTriggerLeave: React36.useCallback((event) => {
+    onTriggerLeave: React37.useCallback((event) => {
       if (isPointerMovingToSubmenu(event))
         event.preventDefault();
     }, [isPointerMovingToSubmenu]),
     pointerGraceTimerRef,
-    onPointerGraceIntentChange: React36.useCallback((intent) => {
+    onPointerGraceIntentChange: React37.useCallback((intent) => {
       pointerGraceIntentRef.current = intent;
     }, []),
     children: /* @__PURE__ */ import_jsx_runtime12.jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ import_jsx_runtime12.jsx(FocusScope, {
@@ -7702,19 +7944,19 @@ var MenuContentImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name2
     }) })
   });
 }, "MenuContentImpl"));
-var MenuLabel = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuLabel2(props, forwardedRef) {
+var MenuLabel = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuLabel2(props, forwardedRef) {
   const { __scopeMenu, ...labelProps } = props;
   return /* @__PURE__ */ import_jsx_runtime12.jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
 }, "MenuLabel"));
 var ITEM_NAME2 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuItem2(props, forwardedRef) {
+var MenuItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuItem2(props, forwardedRef) {
   const { disabled = false, onSelect, ...itemProps } = props;
-  const ref = React36.useRef(null);
+  const ref = React37.useRef(null);
   const rootContext = useMenuRootContext(ITEM_NAME2, props.__scopeMenu);
   const contentContext = useMenuContentContext(ITEM_NAME2, props.__scopeMenu);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const isPointerDownRef = React36.useRef(false);
+  const isPointerDownRef = React37.useRef(false);
   const handleSelect = /* @__PURE__ */ __name22(() => {
     const menuItem = ref.current;
     if (!disabled && menuItem) {
@@ -7756,15 +7998,15 @@ var MenuItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(funct
     })
   });
 }, "MenuItem"));
-var MenuItemImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuItemImpl2(props, forwardedRef) {
+var MenuItemImpl = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuItemImpl2(props, forwardedRef) {
   const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
   const contentContext = useMenuContentContext(ITEM_NAME2, __scopeMenu);
   const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-  const ref = React36.useRef(null);
+  const ref = React37.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [isFocused, setIsFocused] = React36.useState(false);
-  const [textContent, setTextContent] = React36.useState("");
-  React36.useEffect(() => {
+  const [isFocused, setIsFocused] = React37.useState(false);
+  const [textContent, setTextContent] = React37.useState("");
+  React37.useEffect(() => {
     const menuItem = ref.current;
     if (menuItem) {
       setTextContent((menuItem.textContent ?? "").trim());
@@ -7798,7 +8040,7 @@ var MenuItemImpl = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(f
     }) })
   });
 }, "MenuItemImpl"));
-var MenuCheckboxItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuCheckboxItem2(props, forwardedRef) {
+var MenuCheckboxItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuCheckboxItem2(props, forwardedRef) {
   const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
   return /* @__PURE__ */ import_jsx_runtime12.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ import_jsx_runtime12.jsx(MenuItem, {
     role: "menuitemcheckbox",
@@ -7812,7 +8054,7 @@ var MenuCheckboxItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name
 var RADIO_GROUP_NAME = "MenuRadioGroup";
 var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(RADIO_GROUP_NAME, { value: undefined, onValueChange: /* @__PURE__ */ __name22(() => {}, "onValueChange") });
 var RADIO_ITEM_NAME = "MenuRadioItem";
-var MenuRadioItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuRadioItem2(props, forwardedRef) {
+var MenuRadioItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuRadioItem2(props, forwardedRef) {
   const { value, ...radioItemProps } = props;
   const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
   const checked = value === context.value;
@@ -7827,7 +8069,7 @@ var MenuRadioItem = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(
 }, "MenuRadioItem"));
 var ITEM_INDICATOR_NAME = "MenuItemIndicator";
 var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(ITEM_INDICATOR_NAME, { checked: false });
-var MenuItemIndicator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuItemIndicator2(props, forwardedRef) {
+var MenuItemIndicator = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuItemIndicator2(props, forwardedRef) {
   const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
   const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
   return /* @__PURE__ */ import_jsx_runtime12.jsx(Presence, {
@@ -7839,7 +8081,7 @@ var MenuItemIndicator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __nam
     })
   });
 }, "MenuItemIndicator"));
-var MenuSeparator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuSeparator2(props, forwardedRef) {
+var MenuSeparator = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuSeparator2(props, forwardedRef) {
   const { __scopeMenu, ...separatorProps } = props;
   return /* @__PURE__ */ import_jsx_runtime12.jsx(Primitive.div, {
     role: "separator",
@@ -7851,21 +8093,21 @@ var MenuSeparator = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(
 var SUB_NAME = "MenuSub";
 var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME);
 var SUB_TRIGGER_NAME = "MenuSubTrigger";
-var MenuSubTrigger = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuSubTrigger2(props, forwardedRef) {
+var MenuSubTrigger = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuSubTrigger2(props, forwardedRef) {
   const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
   const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
   const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
   const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-  const openTimerRef = React36.useRef(null);
+  const openTimerRef = React37.useRef(null);
   const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
   const scope = { __scopeMenu: props.__scopeMenu };
-  const clearOpenTimer = React36.useCallback(() => {
+  const clearOpenTimer = React37.useCallback(() => {
     if (openTimerRef.current)
       window.clearTimeout(openTimerRef.current);
     openTimerRef.current = null;
   }, []);
-  React36.useEffect(() => clearOpenTimer, [clearOpenTimer]);
-  React36.useEffect(() => {
+  React37.useEffect(() => clearOpenTimer, [clearOpenTimer]);
+  React37.useEffect(() => {
     const pointerGraceTimer = pointerGraceTimerRef.current;
     return () => {
       window.clearTimeout(pointerGraceTimer);
@@ -7946,13 +8188,13 @@ var MenuSubTrigger = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22
   }) });
 }, "MenuSubTrigger"));
 var SUB_CONTENT_NAME = "MenuSubContent";
-var MenuSubContent = /* @__PURE__ */ React36.forwardRef(/* @__PURE__ */ __name22(function MenuSubContent2(props, forwardedRef) {
+var MenuSubContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name22(function MenuSubContent2(props, forwardedRef) {
   const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
   const { forceMount = portalContext.forceMount, align = "start", ...subContentProps } = props;
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
   const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
   const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
-  const ref = React36.useRef(null);
+  const ref = React37.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   return /* @__PURE__ */ import_jsx_runtime12.jsx(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ import_jsx_runtime12.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ import_jsx_runtime12.jsx(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ import_jsx_runtime12.jsx(MenuContentImpl, {
     id: subContext.contentId,
@@ -8089,7 +8331,7 @@ var DropdownMenu = /* @__PURE__ */ __name23((props) => {
     modal = true
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const triggerRef = React37.useRef(null);
+  const triggerRef = React38.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -8103,13 +8345,13 @@ var DropdownMenu = /* @__PURE__ */ __name23((props) => {
     contentId: useId(),
     open,
     onOpenChange: setOpen,
-    onOpenToggle: React37.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+    onOpenToggle: React38.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
     modal,
     children: /* @__PURE__ */ import_jsx_runtime13.jsx(Root3, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
   });
 }, "DropdownMenu");
 var TRIGGER_NAME = "DropdownMenuTrigger";
-var DropdownMenuTrigger = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuTrigger2(props, forwardedRef) {
+var DropdownMenuTrigger = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuTrigger2(props, forwardedRef) {
   const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
   const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
   const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -8150,11 +8392,11 @@ var DropdownMenuPortal = /* @__PURE__ */ __name23((props) => {
   return /* @__PURE__ */ import_jsx_runtime13.jsx(Portal2, { ...menuScope, ...portalProps });
 }, "DropdownMenuPortal");
 var CONTENT_NAME3 = "DropdownMenuContent";
-var DropdownMenuContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuContent2(props, forwardedRef) {
+var DropdownMenuContent = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuContent2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...contentProps } = props;
   const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const hasInteractedOutsideRef = React37.useRef(false);
+  const hasInteractedOutsideRef = React38.useRef(false);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(Content2, {
     id: context.contentId,
     "aria-labelledby": context.triggerId,
@@ -8186,42 +8428,42 @@ var DropdownMenuContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __n
     }
   });
 }, "DropdownMenuContent"));
-var DropdownMenuLabel = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuLabel2(props, forwardedRef) {
+var DropdownMenuLabel = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuLabel2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...labelProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
 }, "DropdownMenuLabel"));
-var DropdownMenuItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuItem2(props, forwardedRef) {
+var DropdownMenuItem = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...itemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
 }, "DropdownMenuItem"));
-var DropdownMenuCheckboxItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuCheckboxItem2(props, forwardedRef) {
+var DropdownMenuCheckboxItem = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuCheckboxItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 }, "DropdownMenuCheckboxItem"));
-var DropdownMenuRadioItem = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuRadioItem2(props, forwardedRef) {
+var DropdownMenuRadioItem = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuRadioItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 }, "DropdownMenuRadioItem"));
-var DropdownMenuItemIndicator = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuItemIndicator2(props, forwardedRef) {
+var DropdownMenuItemIndicator = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuItemIndicator2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 }, "DropdownMenuItemIndicator"));
-var DropdownMenuSeparator = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSeparator2(props, forwardedRef) {
+var DropdownMenuSeparator = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSeparator2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
 }, "DropdownMenuSeparator"));
-var DropdownMenuSubTrigger = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSubTrigger2(props, forwardedRef) {
+var DropdownMenuSubTrigger = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSubTrigger2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 }, "DropdownMenuSubTrigger"));
-var DropdownMenuSubContent = /* @__PURE__ */ React37.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSubContent2(props, forwardedRef) {
+var DropdownMenuSubContent = /* @__PURE__ */ React38.forwardRef(/* @__PURE__ */ __name23(function DropdownMenuSubContent2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ import_jsx_runtime13.jsx(SubContent, {
@@ -8254,52 +8496,52 @@ var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
 // src/components/ui/dropdown-menu.tsx
-var jsx_runtime3 = require("react/jsx-runtime");
+var jsx_runtime4 = require("react/jsx-runtime");
 var DropdownMenu2 = Root22;
 var DropdownMenuTrigger2 = Trigger;
-var DropdownMenuSubTrigger2 = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsxs(SubTrigger2, {
+var DropdownMenuSubTrigger2 = React39.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsxs(SubTrigger2, {
   ref,
   className: cn("flex cursor-default select-none items-center gap-2 rounded-radius-100 px-2 py-1.5 text-sm outline-none", "focus:bg-surface-raised data-[state=open]:bg-surface-raised", inset && "pl-8", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
   ...props,
   children: [
     children,
-    /* @__PURE__ */ jsx_runtime3.jsx(ChevronRight, {
+    /* @__PURE__ */ jsx_runtime4.jsx(ChevronRight, {
       className: "ml-auto"
     })
   ]
 }));
 DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
-var DropdownMenuSubContent2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(SubContent2, {
+var DropdownMenuSubContent2 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsx(SubContent2, {
   ref,
   className: cn("z-50 min-w-[8rem] overflow-hidden rounded-radius-200 border border-line-default", "bg-surface-raised p-1 text-content-default shadow-elevation-2", "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
 }));
 DropdownMenuSubContent2.displayName = SubContent2.displayName;
-var DropdownMenuContent2 = React38.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(Portal22, {
-  children: /* @__PURE__ */ jsx_runtime3.jsx(Content22, {
+var DropdownMenuContent2 = React39.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsx(Portal22, {
+  children: /* @__PURE__ */ jsx_runtime4.jsx(Content22, {
     ref,
     sideOffset,
-    className: cn("z-50 min-w-[8rem] overflow-hidden rounded-radius-200 border border-line-default", "bg-surface-raised p-1 text-content-default shadow-elevation-2", "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),
+    className: cn("z-[9999] min-w-[8rem] overflow-hidden rounded-radius-200 border border-line-default", "bg-surface-raised p-1 text-content-default shadow-elevation-2", "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
   })
 }));
 DropdownMenuContent2.displayName = Content22.displayName;
-var DropdownMenuItem2 = React38.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(Item22, {
+var DropdownMenuItem2 = React39.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsx(Item22, {
   ref,
   className: cn("relative flex cursor-default select-none items-center gap-2 rounded-radius-100 px-2 py-1.5 text-sm outline-none transition-colors", "data-[highlighted]:bg-surface-overlay data-[highlighted]:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", destructive && "text-status-danger-bold focus:text-status-danger-bold", className),
   ...props
 }));
 DropdownMenuItem2.displayName = Item22.displayName;
-var DropdownMenuCheckboxItem2 = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsxs(CheckboxItem2, {
+var DropdownMenuCheckboxItem2 = React39.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsxs(CheckboxItem2, {
   ref,
-  className: cn("relative flex cursor-default select-none items-center rounded-radius-100 py-1.5 pl-8 pr-2 text-sm outline-none transition-colors", "focus:bg-surface-overlay focus:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+  className: cn("relative flex cursor-default select-none items-center rounded-radius-100 py-1.5 pl-8 pr-2 text-sm outline-none transition-colors", "data-[highlighted]:bg-surface-overlay data-[highlighted]:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   checked,
   ...props,
   children: [
-    /* @__PURE__ */ jsx_runtime3.jsx("span", {
+    /* @__PURE__ */ jsx_runtime4.jsx("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsx_runtime3.jsx(ItemIndicator2, {
-        children: /* @__PURE__ */ jsx_runtime3.jsx(Check, {
+      children: /* @__PURE__ */ jsx_runtime4.jsx(ItemIndicator2, {
+        children: /* @__PURE__ */ jsx_runtime4.jsx(Check, {
           className: "h-4 w-4"
         })
       })
@@ -8308,15 +8550,15 @@ var DropdownMenuCheckboxItem2 = React38.forwardRef(({ className, children, check
   ]
 }));
 DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
-var DropdownMenuRadioItem2 = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsxs(RadioItem2, {
+var DropdownMenuRadioItem2 = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsxs(RadioItem2, {
   ref,
-  className: cn("relative flex cursor-default select-none items-center rounded-radius-100 py-1.5 pl-8 pr-2 text-sm outline-none transition-colors", "focus:bg-surface-overlay focus:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+  className: cn("relative flex cursor-default select-none items-center rounded-radius-100 py-1.5 pl-8 pr-2 text-sm outline-none transition-colors", "data-[highlighted]:bg-surface-overlay data-[highlighted]:text-content-default", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsx_runtime3.jsx("span", {
+    /* @__PURE__ */ jsx_runtime4.jsx("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsx_runtime3.jsx(ItemIndicator2, {
-        children: /* @__PURE__ */ jsx_runtime3.jsx(Circle, {
+      children: /* @__PURE__ */ jsx_runtime4.jsx(ItemIndicator2, {
+        children: /* @__PURE__ */ jsx_runtime4.jsx(Circle, {
           className: "h-2 w-2 fill-current"
         })
       })
@@ -8325,13 +8567,13 @@ var DropdownMenuRadioItem2 = React38.forwardRef(({ className, children, ...props
   ]
 }));
 DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
-var DropdownMenuLabel2 = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(Label2, {
+var DropdownMenuLabel2 = React39.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsx(Label2, {
   ref,
   className: cn("px-2 py-1.5 text-xs font-semibold text-content-subtle", inset && "pl-8", className),
   ...props
 }));
 DropdownMenuLabel2.displayName = Label2.displayName;
-var DropdownMenuSeparator2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime3.jsx(Separator2, {
+var DropdownMenuSeparator2 = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsx(Separator2, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-line-default", className),
   ...props
@@ -8340,23 +8582,23 @@ DropdownMenuSeparator2.displayName = Separator2.displayName;
 var DropdownMenuShortcut = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx_runtime3.jsx("span", {
+}) => /* @__PURE__ */ jsx_runtime4.jsx("span", {
   className: cn("ml-auto text-xs tracking-widest text-content-subtle", className),
   ...props
 });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/separator.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-separator@1.1.15_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_4a12feba46caccd3ef696040f49a7ac3/node_modules/@radix-ui/react-separator/dist/index.mjs
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var __defProp25 = Object.defineProperty;
 var __name24 = (target, value) => __defProp25(target, "name", { value, configurable: true });
 var DEFAULT_ORIENTATION = "horizontal";
 var ORIENTATIONS = ["horizontal", "vertical"];
-var Separator3 = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name24(function Separator2(props, forwardedRef) {
+var Separator3 = /* @__PURE__ */ React40.forwardRef(/* @__PURE__ */ __name24(function Separator2(props, forwardedRef) {
   const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
   const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
   const ariaOrientation = orientation === "vertical" ? orientation : undefined;
@@ -8375,8 +8617,8 @@ __name24(isValidOrientation, "isValidOrientation");
 var Root4 = Separator3;
 
 // src/components/ui/separator.tsx
-var jsx_runtime4 = require("react/jsx-runtime");
-var Separator4 = React40.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx_runtime4.jsx(Root4, {
+var jsx_runtime5 = require("react/jsx-runtime");
+var Separator4 = React41.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx_runtime5.jsx(Root4, {
   ref,
   decorative,
   orientation,
@@ -8385,13 +8627,27 @@ var Separator4 = React40.forwardRef(({ className, orientation = "horizontal", de
 }));
 Separator4.displayName = Root4.displayName;
 
-// src/components/Header.tsx
-var jsx_runtime5 = require("react/jsx-runtime");
+// src/utils/getInitials.ts
 function getInitials(name) {
   return name.split(" ").filter(Boolean).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("");
 }
+
+// src/components/Header.tsx
+var jsx_runtime6 = require("react/jsx-runtime");
+function safeHref(url) {
+  if (!url)
+    return;
+  try {
+    const parsed = new URL(url);
+    if (parsed.protocol !== "https:" && parsed.protocol !== "http:")
+      return;
+    return url;
+  } catch {
+    return;
+  }
+}
 function IconButton({ label, children, className, ...props }) {
-  return /* @__PURE__ */ jsx_runtime5.jsx("button", {
+  return /* @__PURE__ */ jsx_runtime6.jsx("button", {
     type: "button",
     "aria-label": label,
     className: cn("flex h-8 w-8 items-center justify-center rounded-md", "text-content-subtle transition-colors", "hover:bg-surface-raised hover:text-content-default", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary", className),
@@ -8399,23 +8655,24 @@ function IconButton({ label, children, className, ...props }) {
     children
   });
 }
-function UserMenu({ user, tenant }) {
-  return /* @__PURE__ */ jsx_runtime5.jsxs(DropdownMenu2, {
+function UserMenu({ user, tenant, settingsHref, logoutHref }) {
+  const communityHref = safeHref(tenant.communityUrl);
+  return /* @__PURE__ */ jsx_runtime6.jsxs(DropdownMenu2, {
     children: [
-      /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuTrigger2, {
+      /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuTrigger2, {
         asChild: true,
-        children: /* @__PURE__ */ jsx_runtime5.jsx("button", {
+        children: /* @__PURE__ */ jsx_runtime6.jsx("button", {
           type: "button",
-          "aria-label": `User menu for ${user.name}`,
-          className: cn("rounded-full outline-none", "ring-offset-surface-raised focus-visible:ring-2 focus-visible:ring-action-primary focus-visible:ring-offset-2", "transition-opacity hover:opacity-80"),
-          children: /* @__PURE__ */ jsx_runtime5.jsxs(Avatar2, {
+          "aria-label": `Open user menu for ${user.name}`,
+          className: cn("rounded-full outline-none", "focus-visible:ring-2 focus-visible:ring-action-primary focus-visible:ring-offset-2", "transition-transform duration-150 hover:scale-110 active:scale-95"),
+          children: /* @__PURE__ */ jsx_runtime6.jsxs(Avatar2, {
             className: "h-8 w-8",
             children: [
-              /* @__PURE__ */ jsx_runtime5.jsx(AvatarImage2, {
+              /* @__PURE__ */ jsx_runtime6.jsx(AvatarImage2, {
                 src: user.avatar,
                 alt: user.name
               }),
-              /* @__PURE__ */ jsx_runtime5.jsx(AvatarFallback2, {
+              /* @__PURE__ */ jsx_runtime6.jsx(AvatarFallback2, {
                 className: "text-xs",
                 children: getInitials(user.name)
               })
@@ -8423,65 +8680,68 @@ function UserMenu({ user, tenant }) {
           })
         })
       }),
-      /* @__PURE__ */ jsx_runtime5.jsxs(DropdownMenuContent2, {
+      /* @__PURE__ */ jsx_runtime6.jsxs(DropdownMenuContent2, {
         align: "end",
         className: "w-56",
         children: [
-          /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuLabel2, {
+          /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuLabel2, {
             className: "font-normal",
-            children: /* @__PURE__ */ jsx_runtime5.jsxs("div", {
+            children: /* @__PURE__ */ jsx_runtime6.jsxs("div", {
               className: "flex flex-col gap-0.5",
               children: [
-                /* @__PURE__ */ jsx_runtime5.jsx("span", {
+                /* @__PURE__ */ jsx_runtime6.jsx("span", {
                   className: "text-sm font-semibold text-content-default",
                   children: user.name
                 }),
-                /* @__PURE__ */ jsx_runtime5.jsx("span", {
-                  className: "text-xs text-content-subtle truncate",
+                /* @__PURE__ */ jsx_runtime6.jsx("span", {
+                  className: "truncate text-xs text-content-subtle",
                   children: user.email
                 })
               ]
             })
           }),
-          /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuSeparator2, {}),
-          /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuItem2, {
+          /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuSeparator2, {}),
+          communityHref && /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuItem2, {
             asChild: true,
-            children: /* @__PURE__ */ jsx_runtime5.jsxs("a", {
-              href: tenant.communityUrl,
+            children: /* @__PURE__ */ jsx_runtime6.jsxs("a", {
+              href: communityHref,
               target: "_blank",
               rel: "noreferrer",
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx_runtime5.jsx(ExternalLink, {
-                  className: "h-4 w-4"
+                /* @__PURE__ */ jsx_runtime6.jsx(ExternalLink, {
+                  className: "h-4 w-4",
+                  "aria-hidden": "true"
                 }),
                 "Open Community"
               ]
             })
           }),
-          /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuItem2, {
+          /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuItem2, {
             asChild: true,
-            children: /* @__PURE__ */ jsx_runtime5.jsxs("a", {
-              href: "/settings/profile",
+            children: /* @__PURE__ */ jsx_runtime6.jsxs("a", {
+              href: settingsHref,
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx_runtime5.jsx(Settings, {
-                  className: "h-4 w-4"
+                /* @__PURE__ */ jsx_runtime6.jsx(Settings, {
+                  className: "h-4 w-4",
+                  "aria-hidden": "true"
                 }),
                 "Settings"
               ]
             })
           }),
-          /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuSeparator2, {}),
-          /* @__PURE__ */ jsx_runtime5.jsx(DropdownMenuItem2, {
+          /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuSeparator2, {}),
+          /* @__PURE__ */ jsx_runtime6.jsx(DropdownMenuItem2, {
             asChild: true,
             destructive: true,
-            children: /* @__PURE__ */ jsx_runtime5.jsxs("a", {
-              href: "/member/logout",
+            children: /* @__PURE__ */ jsx_runtime6.jsxs("a", {
+              href: logoutHref,
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx_runtime5.jsx(LogOut, {
-                  className: "h-4 w-4"
+                /* @__PURE__ */ jsx_runtime6.jsx(LogOut, {
+                  className: "h-4 w-4",
+                  "aria-hidden": "true"
                 }),
                 "Log out"
               ]
@@ -8492,54 +8752,70 @@ function UserMenu({ user, tenant }) {
     ]
   });
 }
-var Header = React41.memo(function Header({ user, tenant, rightSlot }) {
-  return /* @__PURE__ */ jsx_runtime5.jsxs("header", {
+var Header = React42.memo(function Header({
+  user,
+  tenant,
+  rightSlot,
+  settingsHref = "/settings/profile",
+  logoutHref = "/member/logout",
+  onMembersOnlineClick,
+  onNotificationsClick
+}) {
+  const hasUtilityButtons = onMembersOnlineClick || onNotificationsClick;
+  const hasRightContent = rightSlot != null || hasUtilityButtons;
+  return /* @__PURE__ */ jsx_runtime6.jsxs("header", {
     className: cn("app-shell-header", "flex h-12 shrink-0 items-center justify-end gap-1 px-4", "border-b border-line-default bg-surface-default", "z-10"),
     children: [
-      /* @__PURE__ */ jsx_runtime5.jsx(IconButton, {
+      onMembersOnlineClick && /* @__PURE__ */ jsx_runtime6.jsx(IconButton, {
         label: "Members online",
-        children: /* @__PURE__ */ jsx_runtime5.jsx(Users, {
-          className: "h-4 w-4"
+        onClick: onMembersOnlineClick,
+        children: /* @__PURE__ */ jsx_runtime6.jsx(Users, {
+          className: "h-4 w-4",
+          "aria-hidden": "true"
         })
       }),
-      /* @__PURE__ */ jsx_runtime5.jsx(IconButton, {
+      onNotificationsClick && /* @__PURE__ */ jsx_runtime6.jsx(IconButton, {
         label: "Notifications",
-        children: /* @__PURE__ */ jsx_runtime5.jsx(Bell, {
-          className: "h-4 w-4"
+        onClick: onNotificationsClick,
+        children: /* @__PURE__ */ jsx_runtime6.jsx(Bell, {
+          className: "h-4 w-4",
+          "aria-hidden": "true"
         })
       }),
-      rightSlot != null && /* @__PURE__ */ jsx_runtime5.jsxs(jsx_runtime5.Fragment, {
+      rightSlot != null && /* @__PURE__ */ jsx_runtime6.jsxs(jsx_runtime6.Fragment, {
         children: [
-          /* @__PURE__ */ jsx_runtime5.jsx(Separator4, {
+          hasUtilityButtons && /* @__PURE__ */ jsx_runtime6.jsx(Separator4, {
             orientation: "vertical",
             className: "mx-1 h-4"
           }),
           rightSlot
         ]
       }),
-      /* @__PURE__ */ jsx_runtime5.jsx(Separator4, {
+      hasRightContent && /* @__PURE__ */ jsx_runtime6.jsx(Separator4, {
         orientation: "vertical",
         className: "mx-1 h-4"
       }),
-      /* @__PURE__ */ jsx_runtime5.jsx(UserMenu, {
+      /* @__PURE__ */ jsx_runtime6.jsx(UserMenu, {
         user,
-        tenant
+        tenant,
+        settingsHref,
+        logoutHref
       })
     ]
   });
 });
 
 // src/components/SideNavigation.tsx
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 
 // src/components/ui/accordion.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.20_@types+react-dom@18.3.7_@types+react@18.3.31__@types+r_6e1de0feb05f9758311ca62a4562cf78/node_modules/@radix-ui/react-accordion/dist/index.mjs
-var React43 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.20_@types+react-dom@18.3.7_@types+react@18.3.31__@types_95df58d005192586eb1c943efded7427/node_modules/@radix-ui/react-collapsible/dist/index.mjs
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_jsx_runtime15 = require("react/jsx-runtime");
 "use client";
 var __defProp26 = Object.defineProperty;
@@ -8547,7 +8823,7 @@ var __name25 = (target, value) => __defProp26(target, "name", { value, configura
 var COLLAPSIBLE_NAME = "Collapsible";
 var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
-var Collapsible = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function Collapsible2(props, forwardedRef) {
+var Collapsible = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name25(function Collapsible2(props, forwardedRef) {
   const {
     __scopeCollapsible,
     open: openProp,
@@ -8567,7 +8843,7 @@ var Collapsible = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(fu
     disabled,
     contentId: useId(),
     open,
-    onOpenToggle: React42.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+    onOpenToggle: React43.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
     children: /* @__PURE__ */ import_jsx_runtime15.jsx(Primitive.div, {
       "data-state": getState(open),
       "data-disabled": disabled ? "" : undefined,
@@ -8577,7 +8853,7 @@ var Collapsible = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(fu
   });
 }, "Collapsible"));
 var TRIGGER_NAME2 = "CollapsibleTrigger";
-var CollapsibleTrigger = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function CollapsibleTrigger2(props, forwardedRef) {
+var CollapsibleTrigger = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name25(function CollapsibleTrigger2(props, forwardedRef) {
   const { __scopeCollapsible, ...triggerProps } = props;
   const context = useCollapsibleContext(TRIGGER_NAME2, __scopeCollapsible);
   return /* @__PURE__ */ import_jsx_runtime15.jsx(Primitive.button, {
@@ -8593,25 +8869,25 @@ var CollapsibleTrigger = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __na
   });
 }, "CollapsibleTrigger"));
 var CONTENT_NAME4 = "CollapsibleContent";
-var CollapsibleContent = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function CollapsibleContent2(props, forwardedRef) {
+var CollapsibleContent = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name25(function CollapsibleContent2(props, forwardedRef) {
   const { forceMount, ...contentProps } = props;
   const context = useCollapsibleContext(CONTENT_NAME4, props.__scopeCollapsible);
   return /* @__PURE__ */ import_jsx_runtime15.jsx(Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ import_jsx_runtime15.jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
 }, "CollapsibleContent"));
-var CollapsibleContentImpl = /* @__PURE__ */ React42.forwardRef(/* @__PURE__ */ __name25(function CollapsibleContentImpl2(props, forwardedRef) {
+var CollapsibleContentImpl = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name25(function CollapsibleContentImpl2(props, forwardedRef) {
   const { __scopeCollapsible, present, children, ...contentProps } = props;
   const context = useCollapsibleContext(CONTENT_NAME4, __scopeCollapsible);
-  const [isPresent, setIsPresent] = React42.useState(present);
-  const ref = React42.useRef(null);
+  const [isPresent, setIsPresent] = React43.useState(present);
+  const ref = React43.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const heightRef = React42.useRef(0);
+  const heightRef = React43.useRef(0);
   const height = heightRef.current;
-  const widthRef = React42.useRef(0);
+  const widthRef = React43.useRef(0);
   const width = widthRef.current;
   const isOpen = context.open || isPresent;
-  const isMountAnimationPreventedRef = React42.useRef(isOpen);
-  const originalStylesRef = React42.useRef(undefined);
-  React42.useEffect(() => {
+  const isMountAnimationPreventedRef = React43.useRef(isOpen);
+  const originalStylesRef = React43.useRef(undefined);
+  React43.useEffect(() => {
     const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
     return () => cancelAnimationFrame(rAF);
   }, []);
@@ -8670,7 +8946,7 @@ var [createAccordionContext, createAccordionScope] = createContextScope(ACCORDIO
   createCollapsibleScope
 ]);
 var useCollapsibleScope = createCollapsibleScope();
-var Accordion = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function Accordion2(props, forwardedRef) {
+var Accordion = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function Accordion2(props, forwardedRef) {
   const { type, ...accordionProps } = props;
   const singleProps = accordionProps;
   const multipleProps = accordionProps;
@@ -8678,7 +8954,7 @@ var Accordion = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(func
 }, "Accordion"));
 var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
 var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: false });
-var AccordionImplSingle = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionImplSingle2(props, forwardedRef) {
+var AccordionImplSingle = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionImplSingle2(props, forwardedRef) {
   const {
     value: valueProp,
     defaultValue,
@@ -8694,13 +8970,13 @@ var AccordionImplSingle = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __n
   });
   return /* @__PURE__ */ import_jsx_runtime16.jsx(AccordionValueProvider, {
     scope: props.__scopeAccordion,
-    value: React43.useMemo(() => value ? [value] : [], [value]),
+    value: React44.useMemo(() => value ? [value] : [], [value]),
     onItemOpen: setValue,
-    onItemClose: React43.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
+    onItemClose: React44.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
     children: /* @__PURE__ */ import_jsx_runtime16.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ import_jsx_runtime16.jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
   });
 }, "AccordionImplSingle"));
-var AccordionImplMultiple = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionImplMultiple2(props, forwardedRef) {
+var AccordionImplMultiple = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionImplMultiple2(props, forwardedRef) {
   const {
     value: valueProp,
     defaultValue,
@@ -8713,8 +8989,8 @@ var AccordionImplMultiple = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ _
     onChange: onValueChange,
     caller: ACCORDION_NAME
   });
-  const handleItemOpen = React43.useCallback((itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
-  const handleItemClose = React43.useCallback((itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)), [setValue]);
+  const handleItemOpen = React44.useCallback((itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
+  const handleItemClose = React44.useCallback((itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)), [setValue]);
   return /* @__PURE__ */ import_jsx_runtime16.jsx(AccordionValueProvider, {
     scope: props.__scopeAccordion,
     value,
@@ -8724,9 +9000,9 @@ var AccordionImplMultiple = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ _
   });
 }, "AccordionImplMultiple"));
 var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
-var AccordionImpl = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionImpl2(props, forwardedRef) {
+var AccordionImpl = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionImpl2(props, forwardedRef) {
   const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
-  const accordionRef = React43.useRef(null);
+  const accordionRef = React44.useRef(null);
   const composedRefs = useComposedRefs(accordionRef, forwardedRef);
   const getItems = useCollection3(__scopeAccordion);
   const direction = useDirection(dir);
@@ -8810,7 +9086,7 @@ var AccordionImpl = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(
 }, "AccordionImpl"));
 var ITEM_NAME3 = "AccordionItem";
 var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME3);
-var AccordionItem = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionItem2(props, forwardedRef) {
+var AccordionItem = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionItem2(props, forwardedRef) {
   const { __scopeAccordion, value, ...accordionItemProps } = props;
   const accordionContext = useAccordionContext(ITEM_NAME3, __scopeAccordion);
   const valueContext = useAccordionValueContext(ITEM_NAME3, __scopeAccordion);
@@ -8842,7 +9118,7 @@ var AccordionItem = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(
   });
 }, "AccordionItem"));
 var HEADER_NAME = "AccordionHeader";
-var AccordionHeader = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionHeader2(props, forwardedRef) {
+var AccordionHeader = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionHeader2(props, forwardedRef) {
   const { __scopeAccordion, ...headerProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
@@ -8855,7 +9131,7 @@ var AccordionHeader = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name2
   });
 }, "AccordionHeader"));
 var TRIGGER_NAME3 = "AccordionTrigger";
-var AccordionTrigger = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionTrigger2(props, forwardedRef) {
+var AccordionTrigger = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionTrigger2(props, forwardedRef) {
   const { __scopeAccordion, ...triggerProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(TRIGGER_NAME3, __scopeAccordion);
@@ -8871,7 +9147,7 @@ var AccordionTrigger = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name
   }) });
 }, "AccordionTrigger"));
 var CONTENT_NAME5 = "AccordionContent";
-var AccordionContent = /* @__PURE__ */ React43.forwardRef(/* @__PURE__ */ __name26(function AccordionContent2(props, forwardedRef) {
+var AccordionContent = /* @__PURE__ */ React44.forwardRef(/* @__PURE__ */ __name26(function AccordionContent2(props, forwardedRef) {
   const { __scopeAccordion, ...contentProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(CONTENT_NAME5, __scopeAccordion);
@@ -8901,34 +9177,38 @@ var Trigger22 = AccordionTrigger;
 var Content23 = AccordionContent;
 
 // src/components/ui/accordion.tsx
-var jsx_runtime6 = require("react/jsx-runtime");
+var jsx_runtime7 = require("react/jsx-runtime");
 var Accordion2 = Root23;
-var AccordionItem2 = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime6.jsx(Item3, {
+var AccordionItem2 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_runtime7.jsx(Item3, {
   ref,
   className: cn(className),
   ...props
 }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React44.forwardRef(({ className, children, hideChevron = false, ...props }, ref) => /* @__PURE__ */ jsx_runtime6.jsx(Header2, {
-  className: "flex",
-  children: /* @__PURE__ */ jsx_runtime6.jsxs(Trigger22, {
-    ref,
-    className: cn("flex flex-1 items-center gap-2 text-sm font-medium outline-none transition-all", "[&[data-state=open]>svg.accordion-chevron]:rotate-180", className),
-    ...props,
-    children: [
-      children,
-      !hideChevron && /* @__PURE__ */ jsx_runtime6.jsx(ChevronDown, {
-        className: "accordion-chevron ml-auto h-3.5 w-3.5 shrink-0 text-content-subtle/60 transition-transform duration-150"
-      })
-    ]
+var AccordionTrigger2 = React45.forwardRef(({ className, children, hideChevron = false, ...props }, ref) => /* @__PURE__ */ jsx_runtime7.jsx(Header2, {
+  asChild: true,
+  children: /* @__PURE__ */ jsx_runtime7.jsx("div", {
+    className: "flex",
+    children: /* @__PURE__ */ jsx_runtime7.jsxs(Trigger22, {
+      ref,
+      className: cn("flex flex-1 items-center gap-2 text-sm font-medium outline-none transition-all", "[&[data-state=open]>svg.accordion-chevron]:rotate-90", className),
+      ...props,
+      children: [
+        children,
+        !hideChevron && /* @__PURE__ */ jsx_runtime7.jsx(ChevronRight, {
+          "aria-hidden": "true",
+          className: "accordion-chevron ml-auto h-3.5 w-3.5 shrink-0 text-muted-foreground/60 transition-transform duration-150"
+        })
+      ]
+    })
   })
 }));
 AccordionTrigger2.displayName = "AccordionTrigger";
-var AccordionContent2 = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime6.jsx(Content23, {
+var AccordionContent2 = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime7.jsx(Content23, {
   ref,
   className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
   ...props,
-  children: /* @__PURE__ */ jsx_runtime6.jsx("div", {
+  children: /* @__PURE__ */ jsx_runtime7.jsx("div", {
     className: cn("pb-1 pt-0.5", className),
     children
   })
@@ -8936,7 +9216,7 @@ var AccordionContent2 = React44.forwardRef(({ className, children, ...props }, r
 AccordionContent2.displayName = "AccordionContent";
 
 // src/components/ui/button.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
 var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
@@ -8983,7 +9263,7 @@ var cva = (base, config) => (props) => {
 };
 
 // src/components/ui/button.tsx
-var jsx_runtime7 = require("react/jsx-runtime");
+var jsx_runtime8 = require("react/jsx-runtime");
 var buttonVariants = cva([
   "inline-flex items-center justify-center gap-2 whitespace-nowrap",
   "rounded-radius-100 text-sm font-medium",
@@ -9012,9 +9292,10 @@ var buttonVariants = cva([
     size: "default"
   }
 });
-var Button = React45.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+var Button = React46.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx_runtime7.jsx(Comp, {
+  return /* @__PURE__ */ jsx_runtime8.jsx(Comp, {
+    type: asChild ? undefined : "button",
     className: cn(buttonVariants({ variant, size, className })),
     ref,
     ...props
@@ -9023,7 +9304,7 @@ var Button = React45.forwardRef(({ className, variant, size, asChild = false, ..
 Button.displayName = "Button";
 
 // src/components/ui/scroll-area.tsx
-var React47 = __toESM(require("react"), 1);
+var React48 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.18_@types+react-dom@18.3.7_@types+react@18.3.31__@types_44cf8b004accc7732570bde73f91c617/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
 var React210 = __toESM(require("react"), 1);
@@ -9037,13 +9318,13 @@ function clamp2(value, [min, max]) {
 __name27(clamp2, "clamp");
 
 // ../../node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.18_@types+react-dom@18.3.7_@types+react@18.3.31__@types_44cf8b004accc7732570bde73f91c617/node_modules/@radix-ui/react-scroll-area/dist/index.mjs
-var React46 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var import_jsx_runtime17 = require("react/jsx-runtime");
 "use client";
 var __defProp29 = Object.defineProperty;
 var __name28 = (target, value) => __defProp29(target, "name", { value, configurable: true });
 function useStateMachine2(initialState, machine) {
-  return React46.useReducer((state, event) => {
+  return React47.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -9702,40 +9983,40 @@ var Viewport = ScrollAreaViewport;
 var Corner = ScrollAreaCorner;
 
 // src/components/ui/scroll-area.tsx
-var jsx_runtime8 = require("react/jsx-runtime");
-var ScrollArea2 = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime8.jsxs(Root6, {
+var jsx_runtime9 = require("react/jsx-runtime");
+var ScrollArea2 = React48.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_runtime9.jsxs(Root6, {
   ref,
   className: cn("relative overflow-hidden", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsx_runtime8.jsx(Viewport, {
+    /* @__PURE__ */ jsx_runtime9.jsx(Viewport, {
       className: "h-full w-full rounded-[inherit]",
       children
     }),
-    /* @__PURE__ */ jsx_runtime8.jsx(ScrollBar, {}),
-    /* @__PURE__ */ jsx_runtime8.jsx(Corner, {})
+    /* @__PURE__ */ jsx_runtime9.jsx(ScrollBar, {}),
+    /* @__PURE__ */ jsx_runtime9.jsx(Corner, {})
   ]
 }));
 ScrollArea2.displayName = Root6.displayName;
-var ScrollBar = React47.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx_runtime8.jsx(ScrollAreaScrollbar, {
+var ScrollBar = React48.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx_runtime9.jsx(ScrollAreaScrollbar, {
   ref,
   orientation,
   className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px]", className),
   ...props,
-  children: /* @__PURE__ */ jsx_runtime8.jsx(ScrollAreaThumb, {
+  children: /* @__PURE__ */ jsx_runtime9.jsx(ScrollAreaThumb, {
     className: "relative flex-1 rounded-full bg-line-default"
   })
 }));
 ScrollBar.displayName = ScrollAreaScrollbar.displayName;
 
 // src/components/ui/tooltip.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.16_@types+react-dom@18.3.7_@types+react@18.3.31__@types+rea_6bca503763256159376adbcc7b8f4fe8/node_modules/@radix-ui/react-tooltip/dist/index.mjs
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.11_@types+react-dom@18.3.7_@types+react@18.3.31__@t_642d100dd60f054d3c0d9c38ece6c812/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var __defProp30 = Object.defineProperty;
 var __name29 = (target, value) => __defProp30(target, "name", { value, configurable: true });
@@ -9751,7 +10032,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 });
-var VisuallyHidden = /* @__PURE__ */ React48.forwardRef(/* @__PURE__ */ __name29(function VisuallyHidden2(props, forwardedRef) {
+var VisuallyHidden = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name29(function VisuallyHidden2(props, forwardedRef) {
   return /* @__PURE__ */ import_jsx_runtime18.jsx(Primitive.span, {
     ...props,
     ref: forwardedRef,
@@ -9781,10 +10062,10 @@ var TooltipProvider = /* @__PURE__ */ __name30((props) => {
     disableHoverableContent = false,
     children
   } = props;
-  const isOpenDelayedRef = React49.useRef(true);
-  const isPointerInTransitRef = React49.useRef(false);
-  const skipDelayTimerRef = React49.useRef(0);
-  React49.useEffect(() => {
+  const isOpenDelayedRef = React50.useRef(true);
+  const isPointerInTransitRef = React50.useRef(false);
+  const skipDelayTimerRef = React50.useRef(0);
+  React50.useEffect(() => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
@@ -9792,20 +10073,20 @@ var TooltipProvider = /* @__PURE__ */ __name30((props) => {
     scope: __scopeTooltip,
     isOpenDelayedRef,
     delayDuration,
-    onOpen: React49.useCallback(() => {
+    onOpen: React50.useCallback(() => {
       if (skipDelayDuration <= 0)
         return;
       window.clearTimeout(skipDelayTimerRef.current);
       isOpenDelayedRef.current = false;
     }, [skipDelayDuration]),
-    onClose: React49.useCallback(() => {
+    onClose: React50.useCallback(() => {
       if (skipDelayDuration <= 0)
         return;
       window.clearTimeout(skipDelayTimerRef.current);
       skipDelayTimerRef.current = window.setTimeout(() => isOpenDelayedRef.current = true, skipDelayDuration);
     }, [skipDelayDuration]),
     isPointerInTransitRef,
-    onPointerInTransitChange: React49.useCallback((inTransit) => {
+    onPointerInTransitChange: React50.useCallback((inTransit) => {
       isPointerInTransitRef.current = inTransit;
     }, []),
     disableHoverableContent,
@@ -9826,13 +10107,13 @@ var Tooltip = /* @__PURE__ */ __name30((props) => {
   } = props;
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = usePopperScope2(__scopeTooltip);
-  const [trigger, setTrigger] = React49.useState(null);
-  const [contentIdState, setContentId] = React49.useState(undefined);
+  const [trigger, setTrigger] = React50.useState(null);
+  const [contentIdState, setContentId] = React50.useState(undefined);
   const generatedContentId = useId();
-  const openTimerRef = React49.useRef(0);
+  const openTimerRef = React50.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
-  const wasOpenDelayedRef = React49.useRef(false);
+  const wasOpenDelayedRef = React50.useRef(false);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -9847,21 +10128,21 @@ var Tooltip = /* @__PURE__ */ __name30((props) => {
     }, "onChange"),
     caller: TOOLTIP_NAME
   });
-  const stateAttribute = React49.useMemo(() => {
+  const stateAttribute = React50.useMemo(() => {
     return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
   }, [open]);
-  const handleOpen = React49.useCallback(() => {
+  const handleOpen = React50.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     wasOpenDelayedRef.current = false;
     setOpen(true);
   }, [setOpen]);
-  const handleClose = React49.useCallback(() => {
+  const handleClose = React50.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     setOpen(false);
   }, [setOpen]);
-  const handleDelayedOpen = React49.useCallback(() => {
+  const handleDelayedOpen = React50.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = window.setTimeout(() => {
       wasOpenDelayedRef.current = true;
@@ -9869,7 +10150,7 @@ var Tooltip = /* @__PURE__ */ __name30((props) => {
       openTimerRef.current = 0;
     }, delayDuration);
   }, [delayDuration, setOpen]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     return () => {
       if (openTimerRef.current) {
         window.clearTimeout(openTimerRef.current);
@@ -9886,13 +10167,13 @@ var Tooltip = /* @__PURE__ */ __name30((props) => {
     stateAttribute,
     trigger,
     onTriggerChange: setTrigger,
-    onTriggerEnter: React49.useCallback(() => {
+    onTriggerEnter: React50.useCallback(() => {
       if (providerContext.isOpenDelayedRef.current)
         handleDelayedOpen();
       else
         handleOpen();
     }, [providerContext.isOpenDelayedRef, handleDelayedOpen, handleOpen]),
-    onTriggerLeave: React49.useCallback(() => {
+    onTriggerLeave: React50.useCallback(() => {
       if (disableHoverableContent) {
         handleClose();
       } else {
@@ -9907,17 +10188,17 @@ var Tooltip = /* @__PURE__ */ __name30((props) => {
   }) });
 }, "Tooltip");
 var TRIGGER_NAME4 = "TooltipTrigger";
-var TooltipTrigger = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipTrigger2(props, forwardedRef) {
+var TooltipTrigger = /* @__PURE__ */ React50.forwardRef(/* @__PURE__ */ __name30(function TooltipTrigger2(props, forwardedRef) {
   const { __scopeTooltip, ...triggerProps } = props;
   const context = useTooltipContext(TRIGGER_NAME4, __scopeTooltip);
   const providerContext = useTooltipProviderContext(TRIGGER_NAME4, __scopeTooltip);
   const popperScope = usePopperScope2(__scopeTooltip);
-  const ref = React49.useRef(null);
+  const ref = React50.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
-  const isPointerDownRef = React49.useRef(false);
-  const hasPointerMoveOpenedRef = React49.useRef(false);
-  const handlePointerUp = React49.useCallback(() => isPointerDownRef.current = false, []);
-  React49.useEffect(() => {
+  const isPointerDownRef = React50.useRef(false);
+  const hasPointerMoveOpenedRef = React50.useRef(false);
+  const handlePointerUp = React50.useCallback(() => isPointerDownRef.current = false, []);
+  React50.useEffect(() => {
     return () => document.removeEventListener("pointerup", handlePointerUp);
   }, [handlePointerUp]);
   return /* @__PURE__ */ import_jsx_runtime19.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ import_jsx_runtime19.jsx(Primitive.button, {
@@ -9962,26 +10243,26 @@ var TooltipPortal = /* @__PURE__ */ __name30((props) => {
   return /* @__PURE__ */ import_jsx_runtime19.jsx(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ import_jsx_runtime19.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ import_jsx_runtime19.jsx(Portal, { asChild: true, container, children }) }) });
 }, "TooltipPortal");
 var CONTENT_NAME6 = "TooltipContent";
-var TooltipContent = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipContent2(props, forwardedRef) {
+var TooltipContent = /* @__PURE__ */ React50.forwardRef(/* @__PURE__ */ __name30(function TooltipContent2(props, forwardedRef) {
   const portalContext = usePortalContext2(CONTENT_NAME6, props.__scopeTooltip);
   const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
   const context = useTooltipContext(CONTENT_NAME6, props.__scopeTooltip);
   return /* @__PURE__ */ import_jsx_runtime19.jsx(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ import_jsx_runtime19.jsx(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ import_jsx_runtime19.jsx(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
 }, "TooltipContent"));
-var TooltipContentHoverable = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipContentHoverable2(props, forwardedRef) {
+var TooltipContentHoverable = /* @__PURE__ */ React50.forwardRef(/* @__PURE__ */ __name30(function TooltipContentHoverable2(props, forwardedRef) {
   const context = useTooltipContext(CONTENT_NAME6, props.__scopeTooltip);
   const providerContext = useTooltipProviderContext(CONTENT_NAME6, props.__scopeTooltip);
-  const ref = React49.useRef(null);
+  const ref = React50.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [pointerGraceArea, setPointerGraceArea] = React49.useState(null);
+  const [pointerGraceArea, setPointerGraceArea] = React50.useState(null);
   const { trigger, onClose } = context;
   const content = ref.current;
   const { onPointerInTransitChange } = providerContext;
-  const handleRemoveGraceArea = React49.useCallback(() => {
+  const handleRemoveGraceArea = React50.useCallback(() => {
     setPointerGraceArea(null);
     onPointerInTransitChange(false);
   }, [onPointerInTransitChange]);
-  const handleCreateGraceArea = React49.useCallback((event, hoverTarget) => {
+  const handleCreateGraceArea = React50.useCallback((event, hoverTarget) => {
     const currentTarget = event.currentTarget;
     const exitPoint = { x: event.clientX, y: event.clientY };
     const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
@@ -9991,10 +10272,10 @@ var TooltipContentHoverable = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */
     setPointerGraceArea(graceArea);
     onPointerInTransitChange(true);
   }, [onPointerInTransitChange]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     return () => handleRemoveGraceArea();
   }, [handleRemoveGraceArea]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (trigger && content) {
       const handleTriggerLeave = /* @__PURE__ */ __name30((event) => handleCreateGraceArea(event, content), "handleTriggerLeave");
       const handleContentLeave = /* @__PURE__ */ __name30((event) => handleCreateGraceArea(event, trigger), "handleContentLeave");
@@ -10006,7 +10287,7 @@ var TooltipContentHoverable = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */
       };
     }
   }, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (pointerGraceArea) {
       const handleTrackPointerGrace = /* @__PURE__ */ __name30((event) => {
         const target = event.target;
@@ -10027,7 +10308,7 @@ var TooltipContentHoverable = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */
   return /* @__PURE__ */ import_jsx_runtime19.jsx(TooltipContentImpl, { ...props, ref: composedRefs });
 }, "TooltipContentHoverable"));
 var Slottable = createSlottable("TooltipContent");
-var TooltipContentImpl = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __name30(function TooltipContentImpl2(props, forwardedRef) {
+var TooltipContentImpl = /* @__PURE__ */ React50.forwardRef(/* @__PURE__ */ __name30(function TooltipContentImpl2(props, forwardedRef) {
   const {
     __scopeTooltip,
     children,
@@ -10040,11 +10321,11 @@ var TooltipContentImpl = /* @__PURE__ */ React49.forwardRef(/* @__PURE__ */ __na
   const context = useTooltipContext(CONTENT_NAME6, __scopeTooltip);
   const popperScope = usePopperScope2(__scopeTooltip);
   const { onClose } = context;
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     document.addEventListener(TOOLTIP_OPEN, onClose);
     return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
   }, [onClose]);
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (context.trigger) {
       const handleScroll = /* @__PURE__ */ __name30((event) => {
         if (event.target instanceof Node && event.target.contains(context.trigger)) {
@@ -10220,12 +10501,12 @@ var Portal3 = TooltipPortal;
 var Content24 = TooltipContent;
 
 // src/components/ui/tooltip.tsx
-var jsx_runtime9 = require("react/jsx-runtime");
+var jsx_runtime10 = require("react/jsx-runtime");
 var TooltipProvider2 = Provider;
 var Tooltip2 = Root32;
 var TooltipTrigger2 = Trigger3;
-var TooltipContent2 = React50.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_runtime9.jsx(Portal3, {
-  children: /* @__PURE__ */ jsx_runtime9.jsx(Content24, {
+var TooltipContent2 = React51.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_runtime10.jsx(Portal3, {
+  children: /* @__PURE__ */ jsx_runtime10.jsx(Content24, {
     ref,
     sideOffset,
     className: cn("z-50 overflow-hidden rounded-radius-100", "bg-surface-overlay-inverse px-3 py-1.5", "text-xs text-content-inverse", "shadow-elevation-1", "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),
@@ -10235,7 +10516,7 @@ var TooltipContent2 = React50.forwardRef(({ className, sideOffset = 4, ...props
 TooltipContent2.displayName = Content24.displayName;
 
 // src/components/SideNavigation.tsx
-var jsx_runtime10 = require("react/jsx-runtime");
+var jsx_runtime11 = require("react/jsx-runtime");
 function isVisible(item, permissions) {
   if (!item.enabled)
     return false;
@@ -10246,75 +10527,84 @@ function isVisible(item, permissions) {
 function flatChildren(item) {
   return item.childGroups ? item.childGroups.flatMap((g) => g.items) : item.children ?? [];
 }
-function getInitials2(name) {
-  return name.split(" ").filter(Boolean).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("");
-}
 function TenantBrand({
   tenant,
   brandColor = "#f97316"
 }) {
-  return /* @__PURE__ */ jsx_runtime10.jsxs("div", {
-    className: "flex items-center gap-2.5 px-3 py-3",
+  return /* @__PURE__ */ jsx_runtime11.jsxs("div", {
+    className: "flex items-center gap-2 p-2",
     children: [
-      /* @__PURE__ */ jsx_runtime10.jsxs(Avatar2, {
-        className: "h-7 w-7 rounded-md",
+      /* @__PURE__ */ jsx_runtime11.jsxs(Avatar2, {
+        className: "h-8 w-8 rounded-md",
         children: [
-          /* @__PURE__ */ jsx_runtime10.jsx(AvatarImage2, {
+          /* @__PURE__ */ jsx_runtime11.jsx(AvatarImage2, {
             src: tenant.logo,
             alt: tenant.name
           }),
-          /* @__PURE__ */ jsx_runtime10.jsx(AvatarFallback2, {
+          /* @__PURE__ */ jsx_runtime11.jsx(AvatarFallback2, {
             style: { backgroundColor: brandColor },
             className: "rounded-md text-[11px] font-bold text-white",
-            children: getInitials2(tenant.name)
+            children: getInitials(tenant.name)
           })
         ]
       }),
-      /* @__PURE__ */ jsx_runtime10.jsx("span", {
-        className: "flex-1 truncate text-sm font-semibold text-content-default",
+      /* @__PURE__ */ jsx_runtime11.jsx("span", {
+        className: "flex-1 truncate text-sm font-semibold text-sidebar-foreground",
         children: tenant.name
       })
     ]
   });
 }
+var menuButtonBase = "flex h-8 w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none transition-colors";
+function SubItem({
+  item,
+  isActive,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsx_runtime11.jsx("button", {
+    type: "button",
+    onClick: () => onNavigate(item.route),
+    "aria-current": isActive ? "page" : undefined,
+    className: cn("flex h-7 w-full min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2", "text-[13px] text-muted-foreground outline-none transition-colors", "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", isActive ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground" : "font-normal"),
+    children: /* @__PURE__ */ jsx_runtime11.jsx("span", {
+      className: "truncate",
+      children: item.label
+    })
+  });
+}
 function NavLeaf({
   item,
   isActive,
   collapsed,
-  indent = false,
   onNavigate
 }) {
   const Icon = item.icon;
-  const btn = /* @__PURE__ */ jsx_runtime10.jsxs(Button, {
-    variant: "ghost",
-    size: "sm",
-    "aria-current": isActive ? "page" : undefined,
+  const btn = /* @__PURE__ */ jsx_runtime11.jsxs("button", {
+    type: "button",
     onClick: () => onNavigate(item.route),
-    className: cn("relative h-auto w-full justify-start gap-2.5 rounded-md py-2 text-sm font-normal", collapsed ? "px-2" : "px-3", indent && !collapsed && "pl-8", isActive ? "bg-black/5 font-medium text-content-default hover:bg-black/5" : "text-content-subtle hover:bg-black/5 hover:text-content-default"),
+    "aria-current": isActive ? "page" : undefined,
+    className: cn(menuButtonBase, "text-sidebar-foreground", "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", isActive ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground" : "font-normal", collapsed && "justify-center"),
     children: [
-      isActive && !indent && /* @__PURE__ */ jsx_runtime10.jsx("span", {
-        "aria-hidden": true,
-        className: "absolute left-0 top-1/2 h-5 w-0.5 -translate-y-1/2 rounded-r-full bg-action-primary"
+      Icon && /* @__PURE__ */ jsx_runtime11.jsx(Icon, {
+        className: "h-4 w-4 shrink-0 text-muted-foreground"
       }),
-      Icon && /* @__PURE__ */ jsx_runtime10.jsx(Icon, {
-        className: cn("shrink-0", collapsed ? "h-[18px] w-[18px]" : "h-4 w-4", isActive ? "text-action-primary" : "text-content-subtle")
-      }),
-      !collapsed && /* @__PURE__ */ jsx_runtime10.jsx("span", {
-        className: "flex-1 truncate text-left leading-none",
+      !collapsed && /* @__PURE__ */ jsx_runtime11.jsx("span", {
+        className: "flex-1 truncate",
         children: item.label
       })
     ]
   });
   if (collapsed) {
-    return /* @__PURE__ */ jsx_runtime10.jsxs(Tooltip2, {
+    return /* @__PURE__ */ jsx_runtime11.jsxs(Tooltip2, {
       delayDuration: 200,
       children: [
-        /* @__PURE__ */ jsx_runtime10.jsx(TooltipTrigger2, {
+        /* @__PURE__ */ jsx_runtime11.jsx(TooltipTrigger2, {
           asChild: true,
           children: btn
         }),
-        /* @__PURE__ */ jsx_runtime10.jsx(TooltipContent2, {
+        /* @__PURE__ */ jsx_runtime11.jsx(TooltipContent2, {
           side: "right",
+          className: "text-xs font-medium",
           children: item.label
         })
       ]
@@ -10334,24 +10624,24 @@ function NavGroup({
   if (visible.length === 0)
     return null;
   const defaultOpen = visible.filter((item) => flatChildren(item).some((c) => activeRoute === c.route || activeRoute.startsWith(c.route + "/"))).map((item) => item.id)[0];
-  return /* @__PURE__ */ jsx_runtime10.jsxs("section", {
+  return /* @__PURE__ */ jsx_runtime11.jsxs("section", {
     children: [
-      label && !collapsed && /* @__PURE__ */ jsx_runtime10.jsx("p", {
-        className: "mb-1 mt-2 px-3 text-[10px] font-semibold uppercase tracking-widest text-content-subtle/50 first:mt-0",
+      label && !collapsed && /* @__PURE__ */ jsx_runtime11.jsx("p", {
+        className: "mb-1 px-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground",
         children: label
       }),
-      /* @__PURE__ */ jsx_runtime10.jsx(Accordion2, {
+      /* @__PURE__ */ jsx_runtime11.jsx(Accordion2, {
         type: "single",
         collapsible: true,
         defaultValue: defaultOpen,
-        className: "space-y-0.5",
+        className: "flex flex-col gap-1",
         children: visible.map((item) => {
           const children = flatChildren(item).filter((c) => isVisible(c, permissions));
           const isChildActive = children.some((c) => activeRoute === c.route || activeRoute.startsWith(c.route + "/"));
           const isItemActive = activeRoute === item.route || activeRoute.startsWith(item.route + "/");
           const Icon = item.icon;
           if (children.length === 0) {
-            return /* @__PURE__ */ jsx_runtime10.jsx(NavLeaf, {
+            return /* @__PURE__ */ jsx_runtime11.jsx(NavLeaf, {
               item,
               isActive: isItemActive,
               collapsed,
@@ -10359,68 +10649,58 @@ function NavGroup({
             }, item.id);
           }
           if (collapsed) {
-            return /* @__PURE__ */ jsx_runtime10.jsx(NavLeaf, {
+            return /* @__PURE__ */ jsx_runtime11.jsx(NavLeaf, {
               item,
               isActive: isItemActive || isChildActive,
               collapsed: true,
               onNavigate: () => onNavigate(children[0]?.route ?? item.route)
             }, item.id);
           }
-          return /* @__PURE__ */ jsx_runtime10.jsxs(AccordionItem2, {
+          return /* @__PURE__ */ jsx_runtime11.jsxs(AccordionItem2, {
             value: item.id,
             className: "border-none",
             children: [
-              /* @__PURE__ */ jsx_runtime10.jsxs(AccordionTrigger2, {
-                className: cn("relative h-auto w-full justify-start gap-2.5 rounded-md px-3 py-2 text-sm font-normal", "hover:bg-black/5 hover:no-underline", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary focus-visible:ring-inset", isChildActive || isItemActive ? "bg-black/5 font-medium text-content-default" : "text-content-subtle"),
+              /* @__PURE__ */ jsx_runtime11.jsxs(AccordionTrigger2, {
+                className: cn(menuButtonBase, "text-sidebar-foreground hover:no-underline", "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", isChildActive || isItemActive ? "bg-sidebar-accent font-medium text-sidebar-accent-foreground" : "font-normal"),
                 children: [
-                  isChildActive && /* @__PURE__ */ jsx_runtime10.jsx("span", {
-                    "aria-hidden": true,
-                    className: "absolute left-0 top-1/2 h-5 w-0.5 -translate-y-1/2 rounded-r-full bg-action-primary"
-                  }),
-                  Icon && /* @__PURE__ */ jsx_runtime10.jsx(Icon, {
-                    className: cn("h-4 w-4 shrink-0", isChildActive ? "text-action-primary" : "text-content-subtle")
+                  Icon && /* @__PURE__ */ jsx_runtime11.jsx(Icon, {
+                    className: "h-4 w-4 shrink-0 text-muted-foreground"
                   }),
-                  /* @__PURE__ */ jsx_runtime10.jsx("span", {
-                    className: "flex-1 truncate text-left leading-none",
+                  /* @__PURE__ */ jsx_runtime11.jsx("span", {
+                    className: "flex-1 truncate text-left",
                     children: item.label
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx_runtime10.jsx(AccordionContent2, {
-                className: "pb-0",
-                children: item.childGroups ? /* @__PURE__ */ jsx_runtime10.jsx("div", {
-                  className: "space-y-3",
-                  children: item.childGroups.map((group) => {
+              /* @__PURE__ */ jsx_runtime11.jsx(AccordionContent2, {
+                className: "pb-0 pt-0.5",
+                children: /* @__PURE__ */ jsx_runtime11.jsx("ul", {
+                  className: "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border/60 px-2.5 py-0.5",
+                  children: item.childGroups ? item.childGroups.flatMap((group) => {
                     const gv = group.items.filter((c) => isVisible(c, permissions));
                     if (gv.length === 0)
-                      return null;
-                    return /* @__PURE__ */ jsx_runtime10.jsxs("div", {
-                      children: [
-                        /* @__PURE__ */ jsx_runtime10.jsx("p", {
-                          className: "mb-0.5 px-3 text-[10px] font-semibold uppercase tracking-widest text-content-subtle/50",
+                      return [];
+                    return [
+                      /* @__PURE__ */ jsx_runtime11.jsx("li", {
+                        children: /* @__PURE__ */ jsx_runtime11.jsx("p", {
+                          className: "px-2 pb-1 pt-3 text-[11px] font-medium uppercase tracking-wider text-sidebar-foreground/60 first:pt-1",
                           children: group.label
-                        }),
-                        /* @__PURE__ */ jsx_runtime10.jsx("div", {
-                          className: "space-y-0.5",
-                          children: gv.map((child) => /* @__PURE__ */ jsx_runtime10.jsx(NavLeaf, {
-                            item: child,
-                            isActive: activeRoute === child.route || activeRoute.startsWith(child.route + "/"),
-                            collapsed: false,
-                            indent: true,
-                            onNavigate
-                          }, child.id))
                         })
-                      ]
-                    }, group.id);
-                  })
-                }) : /* @__PURE__ */ jsx_runtime10.jsx("div", {
-                  className: "space-y-0.5",
-                  children: children.map((child) => /* @__PURE__ */ jsx_runtime10.jsx(NavLeaf, {
-                    item: child,
-                    isActive: activeRoute === child.route || activeRoute.startsWith(child.route + "/"),
-                    collapsed: false,
-                    indent: true,
-                    onNavigate
+                      }, `label-${group.id}`),
+                      ...gv.map((child) => /* @__PURE__ */ jsx_runtime11.jsx("li", {
+                        children: /* @__PURE__ */ jsx_runtime11.jsx(SubItem, {
+                          item: child,
+                          isActive: activeRoute === child.route || activeRoute.startsWith(child.route + "/"),
+                          onNavigate
+                        })
+                      }, child.id))
+                    ];
+                  }) : children.map((child) => /* @__PURE__ */ jsx_runtime11.jsx("li", {
+                    children: /* @__PURE__ */ jsx_runtime11.jsx(SubItem, {
+                      item: child,
+                      isActive: activeRoute === child.route || activeRoute.startsWith(child.route + "/"),
+                      onNavigate
+                    })
                   }, child.id))
                 })
               })
@@ -10431,7 +10711,7 @@ function NavGroup({
     ]
   });
 }
-var SideNavigation = React51.memo(function SideNavigation({
+var SideNavigation = React52.memo(function SideNavigation({
   config,
   permissions,
   onNavigate,
@@ -10440,26 +10720,42 @@ var SideNavigation = React51.memo(function SideNavigation({
   footerNavItems
 }) {
   const { navCollapsed, setNavCollapsed, activeRoute } = useShell();
-  return /* @__PURE__ */ jsx_runtime10.jsx(TooltipProvider2, {
-    children: /* @__PURE__ */ jsx_runtime10.jsxs("nav", {
+  return /* @__PURE__ */ jsx_runtime11.jsx(TooltipProvider2, {
+    children: /* @__PURE__ */ jsx_runtime11.jsxs("nav", {
       "aria-label": "Application navigation",
       "data-collapsed": navCollapsed,
-      className: cn("relative flex h-full flex-col", "border-r border-line-default bg-surface-default", "transition-[width] duration-200 ease-in-out", navCollapsed ? "w-14" : "w-56"),
+      className: cn("relative flex h-full flex-col", "border-r border-sidebar-border bg-sidebar", "transition-[width] duration-200 ease-linear", navCollapsed ? "w-12" : "w-64"),
       children: [
-        !navCollapsed && /* @__PURE__ */ jsx_runtime10.jsx("div", {
-          className: "shrink-0 border-b border-line-default",
-          children: /* @__PURE__ */ jsx_runtime10.jsx(TenantBrand, {
+        /* @__PURE__ */ jsx_runtime11.jsx("div", {
+          className: cn("shrink-0", !navCollapsed && "border-b border-sidebar-border"),
+          children: navCollapsed ? /* @__PURE__ */ jsx_runtime11.jsx("div", {
+            className: "flex justify-center p-2",
+            children: /* @__PURE__ */ jsx_runtime11.jsxs(Avatar2, {
+              className: "h-8 w-8 rounded-md",
+              children: [
+                /* @__PURE__ */ jsx_runtime11.jsx(AvatarImage2, {
+                  src: tenant.logo,
+                  alt: tenant.name
+                }),
+                /* @__PURE__ */ jsx_runtime11.jsx(AvatarFallback2, {
+                  style: { backgroundColor: tenantBrandColor ?? "#f97316" },
+                  className: "rounded-md text-[11px] font-bold text-white",
+                  children: getInitials(tenant.name)
+                })
+              ]
+            })
+          }) : /* @__PURE__ */ jsx_runtime11.jsx(TenantBrand, {
             tenant,
             brandColor: tenantBrandColor
           })
         }),
-        /* @__PURE__ */ jsx_runtime10.jsx(ScrollArea2, {
+        /* @__PURE__ */ jsx_runtime11.jsx(ScrollArea2, {
           className: "flex-1",
-          children: /* @__PURE__ */ jsx_runtime10.jsx("div", {
-            className: cn("py-2", navCollapsed ? "px-1.5" : "px-2"),
-            children: /* @__PURE__ */ jsx_runtime10.jsx("div", {
-              className: "space-y-4",
-              children: config.groups.map((group) => /* @__PURE__ */ jsx_runtime10.jsx(NavGroup, {
+          children: /* @__PURE__ */ jsx_runtime11.jsx("div", {
+            className: "p-2",
+            children: /* @__PURE__ */ jsx_runtime11.jsx("div", {
+              className: "flex flex-col gap-4",
+              children: config.groups.map((group) => /* @__PURE__ */ jsx_runtime11.jsx(NavGroup, {
                 label: group.label,
                 items: group.items,
                 activeRoute,
@@ -10470,9 +10766,9 @@ var SideNavigation = React51.memo(function SideNavigation({
             })
           })
         }),
-        footerNavItems && footerNavItems.length > 0 && /* @__PURE__ */ jsx_runtime10.jsx("div", {
-          className: cn("shrink-0 border-t border-line-default", navCollapsed ? "px-1.5 py-2" : "px-2 py-2"),
-          children: /* @__PURE__ */ jsx_runtime10.jsx(NavGroup, {
+        footerNavItems && footerNavItems.length > 0 && /* @__PURE__ */ jsx_runtime11.jsx("div", {
+          className: "shrink-0 border-t border-sidebar-border p-2",
+          children: /* @__PURE__ */ jsx_runtime11.jsx(NavGroup, {
             items: footerNavItems,
             activeRoute,
             collapsed: navCollapsed,
@@ -10480,25 +10776,25 @@ var SideNavigation = React51.memo(function SideNavigation({
             onNavigate
           })
         }),
-        /* @__PURE__ */ jsx_runtime10.jsxs(Tooltip2, {
+        /* @__PURE__ */ jsx_runtime11.jsxs(Tooltip2, {
           delayDuration: 300,
           children: [
-            /* @__PURE__ */ jsx_runtime10.jsx(TooltipTrigger2, {
+            /* @__PURE__ */ jsx_runtime11.jsx(TooltipTrigger2, {
               asChild: true,
-              children: /* @__PURE__ */ jsx_runtime10.jsx(Button, {
+              children: /* @__PURE__ */ jsx_runtime11.jsx(Button, {
                 variant: "ghost",
                 size: "icon",
                 "aria-label": navCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 onClick: () => setNavCollapsed((v) => !v),
-                className: cn("absolute -right-3 top-[72px] z-20 h-6 w-6 rounded-full", "border border-line-default bg-surface-default shadow-sm", "opacity-0 hover:opacity-100 focus-visible:opacity-100 transition-opacity"),
-                children: navCollapsed ? /* @__PURE__ */ jsx_runtime10.jsx(ChevronRight, {
+                className: cn("absolute -right-3 top-[60px] z-20 h-6 w-6 rounded-full", "border border-sidebar-border bg-sidebar shadow-sm", "opacity-0 transition-opacity hover:opacity-100 focus-visible:opacity-100"),
+                children: navCollapsed ? /* @__PURE__ */ jsx_runtime11.jsx(ChevronRight, {
                   className: "h-3 w-3"
-                }) : /* @__PURE__ */ jsx_runtime10.jsx(ChevronLeft, {
+                }) : /* @__PURE__ */ jsx_runtime11.jsx(ChevronLeft, {
                   className: "h-3 w-3"
                 })
               })
             }),
-            /* @__PURE__ */ jsx_runtime10.jsx(TooltipContent2, {
+            /* @__PURE__ */ jsx_runtime11.jsx(TooltipContent2, {
               side: "right",
               children: navCollapsed ? "Expand sidebar" : "Collapse sidebar"
             })
@@ -10510,53 +10806,88 @@ var SideNavigation = React51.memo(function SideNavigation({
 });
 
 // src/components/AppShell.tsx
-var jsx_runtime11 = require("react/jsx-runtime");
+var jsx_runtime12 = require("react/jsx-runtime");
 function AppShellInner({
   context,
   navigationConfig,
   children,
+  activeRoute: activeRouteProp,
   onNavigate,
   tenantBrandColor,
   footerNavItems
 }) {
-  const { setActiveRoute, navCollapsed } = useShell();
-  React52.useEffect(() => {
-    document.body.style.setProperty("--shell-sidebar-width", navCollapsed ? "3.5rem" : "14rem");
+  const { setActiveRoute, setNavCollapsed, navCollapsed } = useShell();
+  React53.useEffect(() => {
+    if (activeRouteProp !== undefined)
+      setActiveRoute(activeRouteProp);
+  }, [activeRouteProp, setActiveRoute]);
+  React53.useEffect(() => {
+    try {
+      const stored = localStorage.getItem("app-shell:nav-collapsed");
+      if (stored !== null)
+        setNavCollapsed(stored === "true");
+    } catch {}
+  }, [setNavCollapsed]);
+  React53.useEffect(() => {
+    try {
+      localStorage.setItem("app-shell:nav-collapsed", String(navCollapsed));
+    } catch {}
+  }, [navCollapsed]);
+  React53.useEffect(() => {
+    document.body.style.setProperty("--shell-sidebar-width", navCollapsed ? "3rem" : "16rem");
     document.body.style.setProperty("--shell-header-height", "3rem");
     return () => {
       document.body.style.removeProperty("--shell-sidebar-width");
       document.body.style.removeProperty("--shell-header-height");
     };
   }, [navCollapsed]);
-  const handleNavigate = React52.useCallback((path) => {
+  const handleNavigate = React53.useCallback((path) => {
     setActiveRoute(path);
-    onNavigate?.(path);
-    if (typeof window !== "undefined" && window.location.pathname !== path) {
+    if (onNavigate) {
+      onNavigate(path);
+    } else if (typeof window !== "undefined" && window.location.pathname !== path) {
       window.history.pushState(null, "", path);
     }
   }, [setActiveRoute, onNavigate]);
-  React52.useEffect(() => {
+  React53.useEffect(() => {
+    if (onNavigate)
+      return;
     if (typeof window === "undefined")
       return;
     const handler = () => setActiveRoute(window.location.pathname);
     window.addEventListener("popstate", handler);
     return () => window.removeEventListener("popstate", handler);
-  }, [setActiveRoute]);
-  const shellRef = React52.useRef(null);
-  React52.useEffect(() => {
+  }, [onNavigate, setActiveRoute]);
+  const shellRef = React53.useRef(null);
+  const prevOverrideKeysRef = React53.useRef([]);
+  React53.useEffect(() => {
     const el = shellRef.current;
-    if (!el || !context.theme.overrides)
+    if (!el)
       return;
-    for (const [prop, value] of Object.entries(context.theme.overrides)) {
-      el.style.setProperty(prop, value);
+    for (const key of prevOverrideKeysRef.current) {
+      if (!context.theme.overrides?.[key]) {
+        el.style.removeProperty(key);
+      }
+    }
+    const currentKeys = [];
+    if (context.theme.overrides) {
+      for (const [prop, value] of Object.entries(context.theme.overrides)) {
+        el.style.setProperty(prop, value);
+        currentKeys.push(prop);
+      }
     }
+    prevOverrideKeysRef.current = currentKeys;
+    return () => {
+      for (const key of currentKeys) {
+        el.style.removeProperty(key);
+      }
+    };
   }, [context.theme.overrides]);
-  return /* @__PURE__ */ jsx_runtime11.jsxs("div", {
+  return /* @__PURE__ */ jsx_runtime12.jsxs("div", {
     ref: shellRef,
-    "data-theme": context.theme.mode,
-    className: cn("app-shell flex h-screen overflow-hidden", "bg-surface-default text-content-default"),
+    className: cn("app-shell flex h-screen overflow-hidden", "bg-surface-default text-content-default", context.theme.mode === "dark" && "dark"),
     children: [
-      /* @__PURE__ */ jsx_runtime11.jsx(SideNavigation, {
+      /* @__PURE__ */ jsx_runtime12.jsx(SideNavigation, {
         config: navigationConfig,
         permissions: context.permissions,
         onNavigate: handleNavigate,
@@ -10564,16 +10895,17 @@ function AppShellInner({
         tenantBrandColor,
         footerNavItems
       }),
-      /* @__PURE__ */ jsx_runtime11.jsxs("div", {
+      /* @__PURE__ */ jsx_runtime12.jsxs("div", {
         className: "flex min-w-0 flex-1 flex-col overflow-hidden",
         children: [
-          /* @__PURE__ */ jsx_runtime11.jsx(Header, {
+          /* @__PURE__ */ jsx_runtime12.jsx(Header, {
             user: context.user,
             tenant: context.tenant
           }),
-          /* @__PURE__ */ jsx_runtime11.jsx("main", {
+          /* @__PURE__ */ jsx_runtime12.jsx("main", {
+            id: "shell-main-content",
             className: "min-w-0 flex-1 overflow-auto",
-            role: "main",
+            tabIndex: -1,
             children
           })
         ]
@@ -10581,15 +10913,174 @@ function AppShellInner({
     ]
   });
 }
-function AppShell(props) {
+function AppShell({ onError, ...props }) {
   const initialRoute = props.activeRoute ?? (typeof window !== "undefined" ? window.location.pathname : "/");
-  return /* @__PURE__ */ jsx_runtime11.jsx(ShellProvider, {
-    initialRoute,
-    children: /* @__PURE__ */ jsx_runtime11.jsx(AppShellInner, {
-      ...props
+  return /* @__PURE__ */ jsx_runtime12.jsx(ShellErrorBoundary, {
+    onError,
+    children: /* @__PURE__ */ jsx_runtime12.jsx(ShellProvider, {
+      initialRoute,
+      children: /* @__PURE__ */ jsx_runtime12.jsx(AppShellInner, {
+        ...props
+      })
+    })
+  });
+}
+// src/components/ModuleHost.tsx
+var import_react7 = require("react");
+var jsx_runtime13 = require("react/jsx-runtime");
+function ModuleLoadingState() {
+  return /* @__PURE__ */ jsx_runtime13.jsxs("div", {
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": "Loading module",
+    className: "flex flex-1 flex-col items-center justify-center gap-3 p-8 text-content-subtle",
+    children: [
+      /* @__PURE__ */ jsx_runtime13.jsx(LoaderCircle, {
+        className: "h-8 w-8 animate-spin text-action-primary",
+        "aria-hidden": "true"
+      }),
+      /* @__PURE__ */ jsx_runtime13.jsx("p", {
+        className: "text-sm",
+        children: "Loading…"
+      })
+    ]
+  });
+}
+function ModuleErrorState({ error, moduleId, onRetry }) {
+  return /* @__PURE__ */ jsx_runtime13.jsxs("div", {
+    role: "alert",
+    className: "flex flex-1 flex-col items-center justify-center gap-4 p-8 text-center",
+    children: [
+      /* @__PURE__ */ jsx_runtime13.jsx("div", {
+        className: "flex h-12 w-12 items-center justify-center rounded-full bg-status-danger/10",
+        children: /* @__PURE__ */ jsx_runtime13.jsx(TriangleAlert, {
+          className: "h-6 w-6 text-status-danger-bold",
+          "aria-hidden": "true"
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime13.jsxs("div", {
+        className: "space-y-1",
+        children: [
+          /* @__PURE__ */ jsx_runtime13.jsx("p", {
+            className: "text-sm font-semibold text-content-default",
+            children: "Failed to load module"
+          }),
+          /* @__PURE__ */ jsx_runtime13.jsxs("p", {
+            className: "text-xs text-content-subtle",
+            children: [
+              "Module: ",
+              /* @__PURE__ */ jsx_runtime13.jsx("code", {
+                className: "font-mono",
+                children: moduleId
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime13.jsxs(Button, {
+        variant: "secondary",
+        size: "sm",
+        onClick: onRetry,
+        children: [
+          /* @__PURE__ */ jsx_runtime13.jsx(RefreshCw, {
+            className: "h-3.5 w-3.5",
+            "aria-hidden": "true"
+          }),
+          "Retry"
+        ]
+      })
+    ]
+  });
+}
+function useModuleMount(module2, context, platform, containerRef) {
+  const [state, setState] = import_react7.useState({ lifecycle: "loading", error: null });
+  const instanceRef = import_react7.useRef(null);
+  const [retryCount, setRetryCount] = import_react7.useState(0);
+  import_react7.useEffect(() => {
+    const container = containerRef.current;
+    if (!module2 || !container)
+      return;
+    let cancelled = false;
+    setState({ lifecycle: "loading", error: null });
+    if (instanceRef.current?.unmount) {
+      instanceRef.current.unmount();
+      instanceRef.current = null;
+    }
+    const run = async () => {
+      try {
+        setState({ lifecycle: "loaded", error: null });
+        const instance = module2.mount(container, context, platform);
+        if (cancelled) {
+          instance.unmount?.();
+          return;
+        }
+        instanceRef.current = instance;
+        setState({ lifecycle: "active", error: null });
+      } catch (err) {
+        if (cancelled)
+          return;
+        const error = err instanceof Error ? err : new Error(String(err));
+        setState({ lifecycle: "failed", error });
+      }
+    };
+    run();
+    return () => {
+      cancelled = true;
+      if (instanceRef.current?.unmount) {
+        instanceRef.current.unmount();
+        instanceRef.current = null;
+      }
+    };
+  }, [module2, retryCount]);
+  return {
+    ...state,
+    retry: () => setRetryCount((n) => n + 1)
+  };
+}
+function ModuleHost({
+  module: module2,
+  moduleId,
+  context,
+  platform,
+  className,
+  onError
+}) {
+  const containerRef = import_react7.useRef(null);
+  const { lifecycle, error, retry } = useModuleMount(module2, context, platform, containerRef);
+  import_react7.useEffect(() => {
+    if (lifecycle === "active") {
+      containerRef.current?.focus();
+    }
+  }, [lifecycle]);
+  return /* @__PURE__ */ jsx_runtime13.jsx(ShellErrorBoundary, {
+    onError,
+    children: /* @__PURE__ */ jsx_runtime13.jsxs("div", {
+      "aria-label": `${moduleId} module`,
+      className: cn("app-shell-module-host", "relative flex flex-1 flex-col overflow-hidden", className),
+      children: [
+        lifecycle === "loading" && /* @__PURE__ */ jsx_runtime13.jsx("div", {
+          className: "absolute inset-0 z-10 flex bg-surface-default",
+          children: /* @__PURE__ */ jsx_runtime13.jsx(ModuleLoadingState, {})
+        }),
+        lifecycle === "failed" && error && /* @__PURE__ */ jsx_runtime13.jsx("div", {
+          className: "absolute inset-0 z-10 flex bg-surface-default",
+          children: /* @__PURE__ */ jsx_runtime13.jsx(ModuleErrorState, {
+            error,
+            moduleId,
+            onRetry: retry
+          })
+        }),
+        /* @__PURE__ */ jsx_runtime13.jsx("div", {
+          ref: containerRef,
+          tabIndex: -1,
+          "data-module-id": moduleId,
+          "data-module-state": lifecycle,
+          "aria-hidden": lifecycle !== "active",
+          className: "absolute inset-0 overflow-auto outline-none"
+        })
+      ]
     })
   });
 }
 
-//# debugId=A2580C9F57F1460864756E2164756E21
-//# sourceMappingURL=index.cjs.js.map
+//# debugId=42313A6499657D2D64756E2164756E21