@arqel-dev/ui 0.11.0 → 0.13.0

package/dist/shell.js

@@ -1,1048 +1,55 @@
-import * as React5 from 'react';
-import { useMemo, useRef, useState, useId, useEffect, useCallback } from 'react';
+export { AppShell, Footer, MainContent, Sidebar, Topbar } from './chunk-6UJQP7KU.js';
+import './chunk-FV7RESKL.js';
+import './chunk-R4BOUU6Y.js';
+import './chunk-RMPOR2YZ.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-EYAUPJ6J.js';
+import { Button } from './chunk-FHRQ7PWE.js';
+import './chunk-B7ULUJVO.js';
+import { router } from '@inertiajs/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import { PanelLeftIcon, XIcon } from 'lucide-react';
-import { Slot, Tooltip as Tooltip$1, Dialog } from 'radix-ui';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { useNavigation } from '@arqel-dev/hooks';
-import { useTheme } from '@arqel-dev/react/providers';
 
-// src/palette/CommandPalette.tsx
-var RECENT_KEY = "arqel:cmdpal:recent";
-var RECENT_WINDOW_MS = 30 * 24 * 60 * 60 * 1e3;
-var RECENT_LIMIT = 5;
-var DEBOUNCE_MS = 150;
-function readRecents() {
-  try {
-    const raw = globalThis.localStorage?.getItem(RECENT_KEY);
-    if (!raw) return [];
-    const parsed = JSON.parse(raw);
-    if (!Array.isArray(parsed)) return [];
-    const now = Date.now();
-    return parsed.filter(
-      (e) => typeof e === "object" && e !== null && typeof e.id === "string" && typeof e.count === "number" && typeof e.lastUsed === "number" && now - e.lastUsed <= RECENT_WINDOW_MS && typeof e.command === "object"
-    );
-  } catch {
-    return [];
-  }
-}
-function writeRecents(entries) {
-  try {
-    globalThis.localStorage?.setItem(RECENT_KEY, JSON.stringify(entries));
-  } catch {
-  }
-}
-function recordUsage(command) {
-  const entries = readRecents();
-  const now = Date.now();
-  const idx = entries.findIndex((e) => e.id === command.id);
-  if (idx >= 0) {
-    const existing = entries[idx];
-    if (existing) {
-      entries[idx] = {
-        ...existing,
-        count: existing.count + 1,
-        lastUsed: now,
-        command
-      };
-    }
-  } else {
-    entries.push({ id: command.id, count: 1, lastUsed: now, command });
-  }
-  const fresh = entries.filter((e) => now - e.lastUsed <= RECENT_WINDOW_MS);
-  writeRecents(fresh);
-}
-function topRecents() {
-  return readRecents().slice().sort((a, b) => b.count === a.count ? b.lastUsed - a.lastUsed : b.count - a.count).slice(0, RECENT_LIMIT).map((e) => e.command);
-}
-function groupByCategory(commands) {
-  const order = [];
-  const buckets = /* @__PURE__ */ new Map();
-  for (const cmd of commands) {
-    const key = cmd.category ?? "General";
-    if (!buckets.has(key)) {
-      buckets.set(key, []);
-      order.push(key);
-    }
-    buckets.get(key)?.push(cmd);
-  }
-  return order.map((category) => ({ category, commands: buckets.get(category) ?? [] }));
-}
-function flattenGroups(groups) {
-  return groups.flatMap((g) => g.commands);
-}
-var dialogStyle = {
-  border: "none",
-  borderRadius: "0.75rem",
-  padding: 0,
-  width: "min(640px, 92vw)",
-  maxHeight: "70vh",
-  background: "var(--background, #fff)",
-  color: "var(--foreground, #111)"
-};
-function CommandPalette({ endpoint = "/admin/commands" }) {
-  const dialogRef = useRef(null);
-  const inputRef = useRef(null);
-  const debounceTimer = useRef(null);
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const [results, setResults] = useState([]);
-  const [recents, setRecents] = useState([]);
-  const [highlight, setHighlight] = useState(0);
-  const titleId = useId();
-  const hintId = useId();
-  const listId = useId();
-  const optBaseId = useId();
-  const visibleCommands = query.trim().length === 0 ? recents : results;
-  const groups = query.trim().length === 0 && recents.length > 0 ? [{ category: "Recent", commands: recents }] : groupByCategory(visibleCommands);
-  const flat = flattenGroups(groups);
-  useEffect(() => {
-    function onKey(event) {
-      const isToggle = (event.key === "k" || event.key === "K") && (event.metaKey || event.ctrlKey);
-      if (!isToggle) return;
-      event.preventDefault();
-      setOpen((prev) => !prev);
-    }
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, []);
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    if (open && !dialog.open) {
-      try {
-        dialog.showModal();
-      } catch {
-      }
-      setRecents(topRecents());
-      setQuery("");
-      setResults([]);
-      setHighlight(0);
-      queueMicrotask(() => inputRef.current?.focus());
-    } else if (!open && dialog.open) {
-      dialog.close();
-    }
-  }, [open]);
-  useEffect(() => {
-    if (!open) return;
-    if (query.trim().length === 0) {
-      setResults([]);
-      return;
-    }
-    if (debounceTimer.current) clearTimeout(debounceTimer.current);
-    debounceTimer.current = setTimeout(() => {
-      const url = `${endpoint}?q=${encodeURIComponent(query)}`;
-      fetch(url, { headers: { Accept: "application/json" } }).then((res) => res.ok ? res.json() : { commands: [] }).then((data) => {
-        setResults(Array.isArray(data?.commands) ? data.commands : []);
-        setHighlight(0);
-      }).catch(() => {
-        setResults([]);
-      });
-    }, DEBOUNCE_MS);
-    return () => {
-      if (debounceTimer.current) clearTimeout(debounceTimer.current);
-    };
-  }, [query, open, endpoint]);
-  const close = useCallback(() => setOpen(false), []);
-  const execute = useCallback((command) => {
-    recordUsage(command);
-    setOpen(false);
-    window.location.assign(command.url);
-  }, []);
-  const onKeyDown = useCallback(
-    (event) => {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        close();
-        return;
-      }
-      if (flat.length === 0) return;
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        setHighlight((h) => (h + 1) % flat.length);
-      } else if (event.key === "ArrowUp") {
-        event.preventDefault();
-        setHighlight((h) => (h - 1 + flat.length) % flat.length);
-      } else if (event.key === "Enter") {
-        event.preventDefault();
-        const target = flat[highlight];
-        if (target) execute(target);
-      }
-    },
-    [flat, highlight, close, execute]
-  );
-  const onDialogClick = useCallback(
-    (event) => {
-      if (event.target === dialogRef.current) close();
-    },
-    [close]
-  );
-  const optionId = (idx) => `${optBaseId}-opt-${idx}`;
-  const activeOptionId = flat.length > 0 ? optionId(highlight) : void 0;
-  return (
-    // biome-ignore lint/a11y/useKeyWithClickEvents: dialog backdrop click closes; Escape (onCancel) handles keyboard close
-    /* @__PURE__ */ jsx(
-      "dialog",
-      {
-        ref: dialogRef,
-        "aria-labelledby": titleId,
-        "aria-describedby": hintId,
-        onClick: onDialogClick,
-        onClose: () => setOpen(false),
-        onCancel: (event) => {
-          event.preventDefault();
-          close();
-        },
-        style: dialogStyle,
-        className: "backdrop:bg-black/40",
-        "data-arqel-cmdpal": "",
-        children: /* @__PURE__ */ jsxs("div", { onKeyDown, className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx("h2", { id: titleId, className: "sr-only", children: "Command palette" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              role: "combobox",
-              "aria-expanded": open,
-              "aria-controls": listId,
-              "aria-autocomplete": "list",
-              ...activeOptionId ? { "aria-activedescendant": activeOptionId } : {},
-              placeholder: "Type a command\u2026",
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              className: "w-full border-b border-[var(--border,#e5e7eb)] bg-transparent px-4 py-3 text-base outline-none"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { role: "status", "aria-live": "polite", className: "sr-only", children: [
-            flat.length,
-            " commands"
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "ul",
-            {
-              id: listId,
-              role: "listbox",
-              "aria-label": "Commands",
-              className: "max-h-[50vh] overflow-y-auto py-2",
-              children: [
-                groups.length === 0 && /* @__PURE__ */ jsx("li", { role: "presentation", className: "px-4 py-3 text-sm opacity-60", children: "No commands found" }),
-                groups.map((group) => {
-                  const startIdx = flat.indexOf(group.commands[0] ?? {});
-                  return /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        role: "presentation",
-                        className: "px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide opacity-60",
-                        children: group.category
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("ul", { role: "presentation", className: "m-0 list-none p-0", children: group.commands.map((cmd, j) => {
-                      const idx = startIdx + j;
-                      const isActive = idx === highlight;
-                      return (
-                        // biome-ignore lint/a11y/useFocusableInteractive: focus stays on combobox; selection via aria-activedescendant
-                        // biome-ignore lint/a11y/useKeyWithClickEvents: keyboard nav handled by combobox input ArrowUp/Down/Enter handler
-                        /* @__PURE__ */ jsxs(
-                          "li",
-                          {
-                            id: optionId(idx),
-                            role: "option",
-                            "aria-selected": isActive,
-                            "data-active": isActive ? "" : void 0,
-                            onMouseEnter: () => setHighlight(idx),
-                            onClick: () => execute(cmd),
-                            className: "flex cursor-pointer items-center gap-3 px-4 py-2 text-sm " + (isActive ? "bg-[var(--accent,#f1f5f9)]" : ""),
-                            children: [
-                              /* @__PURE__ */ jsx("span", { className: "flex-1", children: cmd.label }),
-                              cmd.description ? /* @__PURE__ */ jsx("span", { className: "text-xs opacity-60", children: cmd.description }) : null
-                            ]
-                          },
-                          cmd.id
-                        )
-                      );
-                    }) })
-                  ] }, group.category);
-                })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "footer",
-            {
-              id: hintId,
-              className: "flex items-center gap-3 border-t border-[var(--border,#e5e7eb)] px-4 py-2 text-xs opacity-70",
-              children: [
-                /* @__PURE__ */ jsx("span", { children: "\u2191\u2193 navigate" }),
-                /* @__PURE__ */ jsx("span", { children: "\u21B5 select" }),
-                /* @__PURE__ */ jsx("span", { children: "esc close" })
-              ]
-            }
-          )
-        ] })
-      }
-    )
-  );
-}
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React5.useState(void 0);
-  React5.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(Dialog.Root, { "data-slot": "sheet", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Dialog.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(
-          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
-          side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-          side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-          side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-          side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("font-semibold text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Tooltip$1.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
-    Tooltip$1.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
-      ]
-    }
-  ) });
-}
-var SIDEBAR_COOKIE_NAME = "sidebar_state";
-var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
-var SIDEBAR_WIDTH_MOBILE = "18rem";
-var SIDEBAR_WIDTH_ICON = "3rem";
-var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React5.createContext(null);
-function useSidebar() {
-  const context = React5.useContext(SidebarContext);
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  }
-  return context;
-}
-function SidebarProvider({
-  defaultOpen = true,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}) {
-  const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React5.useState(false);
-  const [_open, _setOpen] = React5.useState(defaultOpen);
-  const open = openProp ?? _open;
-  const setOpen = React5.useCallback(
-    (value) => {
-      const openState = typeof value === "function" ? value(open) : value;
-      if (setOpenProp) {
-        setOpenProp(openState);
-      } else {
-        _setOpen(openState);
-      }
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-    },
-    [setOpenProp, open]
-  );
-  const toggleSidebar = React5.useCallback(() => {
-    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-  }, [isMobile, setOpen, setOpenMobile]);
-  React5.useEffect(() => {
-    const handleKeyDown = (event) => {
-      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
-        event.preventDefault();
-        toggleSidebar();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [toggleSidebar]);
-  const state = open ? "expanded" : "collapsed";
-  const contextValue = React5.useMemo(
-    () => ({
-      state,
-      open,
-      setOpen,
-      isMobile,
-      openMobile,
-      setOpenMobile,
-      toggleSidebar
-    }),
-    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
-  );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-wrapper",
-      style: {
-        "--sidebar-width": SIDEBAR_WIDTH,
-        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-        ...style
-      },
-      className: cn(
-        "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
-        className
-      ),
-      ...props,
-      children
-    }
-  ) }) });
-}
-function Sidebar({
-  side = "left",
-  variant = "sidebar",
-  collapsible = "offcanvas",
-  className,
-  children,
-  ...props
-}) {
-  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-  if (collapsible === "none") {
-    return /* @__PURE__ */ jsx(
-      "div",
+var DEFAULT_SWITCH_URL = (id) => `/admin/tenants/${id}/switch`;
+function TenantSwitcher({
+  current,
+  available,
+  switchUrl
+}) {
+  if (!current || available.length <= 1) return null;
+  const buildUrl = switchUrl ?? DEFAULT_SWITCH_URL;
+  const labelFor = (tenant) => tenant.name?.trim() ? tenant.name : `Tenant ${tenant.id}`;
+  const currentLabel = labelFor(current);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
       {
-        "data-slot": "sidebar",
-        className: cn(
-          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-  if (isMobile) {
-    return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
-      SheetContent,
-      {
-        "data-sidebar": "sidebar",
-        "data-slot": "sidebar",
-        "data-mobile": "true",
-        className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
-        style: {
-          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        variant: "ghost",
+        size: "sm",
+        "data-testid": "tenant-switcher-trigger",
+        "aria-label": `Switch tenant (current: ${currentLabel})`,
+        children: currentLabel
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: available.map((tenant) => {
+      const isCurrent = tenant.id === current.id;
+      return /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          "data-testid": `tenant-switcher-option-${String(tenant.id)}`,
+          disabled: isCurrent,
+          onSelect: () => {
+            router.post(buildUrl(tenant.id), {}, { preserveScroll: true });
+          },
+          children: [
+            labelFor(tenant),
+            isCurrent ? " \u2713" : ""
+          ]
         },
-        side,
-        children: [
-          /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "group peer hidden text-sidebar-foreground md:block",
-      "data-state": state,
-      "data-collapsible": state === "collapsed" ? collapsible : "",
-      "data-variant": variant,
-      "data-side": side,
-      "data-slot": "sidebar",
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "sidebar-gap",
-            className: cn(
-              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
-              "group-data-[collapsible=offcanvas]:w-0",
-              "group-data-[side=right]:rotate-180",
-              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "sidebar-container",
-            className: cn(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
-              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-              // Adjust the padding for floating and inset variants.
-              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
-              className
-            ),
-            ...props,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-sidebar": "sidebar",
-                "data-slot": "sidebar-inner",
-                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
-                children
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}) {
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "data-sidebar": "trigger",
-      "data-slot": "sidebar-trigger",
-      variant: "ghost",
-      size: "icon",
-      className: cn("size-7", className),
-      onClick: (event) => {
-        onClick?.(event);
-        toggleSidebar();
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
-  );
-}
-function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "main",
-    {
-      "data-slot": "sidebar-inset",
-      className: cn(
-        "relative flex w-full flex-1 flex-col bg-background",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-header",
-      "data-sidebar": "header",
-      className: cn("flex flex-col gap-2 p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-footer",
-      "data-sidebar": "footer",
-      className: cn("flex flex-col gap-2 p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-content",
-      "data-sidebar": "content",
-      className: cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-group",
-      "data-sidebar": "group",
-      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-      ...props
-    }
-  );
-}
-function SidebarGroupLabel({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "sidebar-group-label",
-      "data-sidebar": "group-label",
-      className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function SidebarGroupContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "sidebar-group-content",
-      "data-sidebar": "group-content",
-      className: cn("w-full text-sm", className),
-      ...props
-    }
-  );
-}
-function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      "data-slot": "sidebar-menu",
-      "data-sidebar": "menu",
-      className: cn("flex w-full min-w-0 flex-col gap-1", className),
-      ...props
-    }
-  );
-}
-function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "sidebar-menu-item",
-      "data-sidebar": "menu-item",
-      className: cn("group/menu-item relative", className),
-      ...props
-    }
-  );
-}
-var sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-      },
-      size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function SidebarMenuButton({
-  asChild = false,
-  isActive = false,
-  variant = "default",
-  size = "default",
-  tooltip,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "button";
-  const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "sidebar-menu-button",
-      "data-sidebar": "menu-button",
-      "data-size": size,
-      "data-active": isActive,
-      className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-      ...props
-    }
-  );
-  if (!tooltip) {
-    return button;
-  }
-  if (typeof tooltip === "string") {
-    tooltip = {
-      children: tooltip
-    };
-  }
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx(
-      TooltipContent,
-      {
-        side: "right",
-        align: "center",
-        hidden: state !== "collapsed" || isMobile,
-        ...tooltip
-      }
-    )
-  ] });
-}
-function AppShell({
-  variant = "sidebar-left",
-  sidebar,
-  topbar,
-  footer,
-  children,
-  className
-}) {
-  if (variant === "full-width") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-arqel-shell": "full-width",
-        className: cn("min-h-screen bg-background text-foreground", className),
-        children: [
-          /* @__PURE__ */ jsx(CommandPalette, {}),
-          children
-        ]
-      }
-    );
-  }
-  if (variant === "topbar-only") {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-arqel-shell": "topbar-only",
-        className: cn("flex min-h-screen flex-col bg-background text-foreground", className),
-        children: [
-          /* @__PURE__ */ jsx(CommandPalette, {}),
-          topbar,
-          /* @__PURE__ */ jsx("main", { className: "flex-1", children }),
-          footer
-        ]
-      }
-    );
-  }
-  const sidebarSide = variant === "sidebar-right" ? "right" : "left";
-  return /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-arqel-shell": variant,
-      "data-sidebar-side": sidebarSide,
-      className: cn(
-        "flex min-h-svh w-full bg-background text-foreground",
-        sidebarSide === "right" && "flex-row-reverse",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(CommandPalette, {}),
-        sidebar,
-        /* @__PURE__ */ jsxs(SidebarInset, { children: [
-          topbar,
-          /* @__PURE__ */ jsx("main", { className: "flex-1", children }),
-          footer
-        ] })
-      ]
-    }
-  ) });
-}
-function Footer({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    "footer",
-    {
-      "data-arqel-footer": "",
-      className: cn(
-        "shrink-0 border-t border-border bg-background px-4 py-3 text-sm text-muted-foreground",
-        className
-      ),
-      children
-    }
-  );
-}
-var MAX_WIDTH_CLASSES = {
-  none: "",
-  md: "max-w-md",
-  lg: "max-w-lg",
-  xl: "max-w-xl",
-  "2xl": "max-w-2xl",
-  "4xl": "max-w-4xl",
-  "6xl": "max-w-6xl",
-  "7xl": "max-w-7xl"
-};
-function MainContent({
-  breadcrumbs,
-  header,
-  children,
-  maxWidth = "7xl",
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-arqel-main": "",
-      className: cn(
-        "mx-auto w-full px-4 py-6 sm:px-6 lg:px-8",
-        MAX_WIDTH_CLASSES[maxWidth],
-        className
-      ),
-      children: [
-        breadcrumbs && /* @__PURE__ */ jsx("div", { className: "mb-3", children: breadcrumbs }),
-        header && /* @__PURE__ */ jsx("div", { className: "mb-6", children: header }),
-        children
-      ]
-    }
-  );
-}
-function Sidebar2({ items: itemsProp, brand, footer, className }) {
-  const { items: sharedItems } = useNavigation();
-  const items = itemsProp ?? sharedItems;
-  const grouped = useMemo(() => groupItems(items), [items]);
-  return /* @__PURE__ */ jsxs(Sidebar, { collapsible: "icon", className, children: [
-    brand ? /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 px-2 py-1.5 text-sm font-semibold", children: brand }) }) : null,
-    /* @__PURE__ */ jsx(SidebarContent, { children: grouped.map(([group, list]) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [
-      group ? /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group }) : null,
-      /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: list.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: Boolean(item.url), isActive: Boolean(item.active), children: item.url ? /* @__PURE__ */ jsx("a", { href: item.url, children: /* @__PURE__ */ jsx("span", { children: item.label }) }) : /* @__PURE__ */ jsx("span", { children: item.label }) }) }, item.url ?? item.label)) }) })
-    ] }, group ?? "__ungrouped__")) }),
-    footer ? /* @__PURE__ */ jsx(SidebarFooter, { children: footer }) : null
+        String(tenant.id)
+      );
+    }) })
   ] });
 }
-function groupItems(items) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = item.group ?? void 0;
-    const list = groups.get(key) ?? [];
-    list.push(item);
-    groups.set(key, list);
-  }
-  return Array.from(groups.entries());
-}
-function Topbar({
-  brand,
-  search,
-  userMenu,
-  tenantSwitcher,
-  onMobileMenuClick,
-  className
-}) {
-  const { resolved, toggle } = useTheme();
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      "data-arqel-topbar": "",
-      className: cn(
-        "flex h-14 shrink-0 items-center gap-2 border-b border-border bg-background px-4",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }),
-        brand && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand }),
-        /* @__PURE__ */ jsx("div", { className: "hidden flex-1 md:block", children: search }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2 md:ml-0", children: [
-          tenantSwitcher,
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              "aria-label": `Switch to ${resolved === "dark" ? "light" : "dark"} theme`,
-              onClick: toggle,
-              children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: resolved === "dark" ? "\u2600" : "\u263E" })
-            }
-          ),
-          userMenu
-        ] })
-      ]
-    }
-  );
-}
 
-export { AppShell, Footer, MainContent, Sidebar2 as Sidebar, Topbar };
+export { TenantSwitcher };
 //# sourceMappingURL=shell.js.map
 //# sourceMappingURL=shell.js.map