react-os-shell 4.15.0 → 4.20.0

package/dist/index.js

@@ -1,27 +1,35 @@
-import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-DINNWYVB.js';
-export { Breadcrumbs } from './chunk-DINNWYVB.js';
-import { subscribePomo, getPomoSnapshot } from './chunk-YS4ZW2P7.js';
-export { setShellTodoProvider } from './chunk-YS4ZW2P7.js';
-import { SidebarLayout } from './chunk-YG45DAUT.js';
-export { SidebarLayout } from './chunk-YG45DAUT.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-QU5L5ZYM.js';
-import { toast_default } from './chunk-VENYVK3L.js';
-export { toast_default as toast } from './chunk-VENYVK3L.js';
-import { publishDesktopFolders, requestFilesTrashView, FolderGlyph, requestFilesDesktopFolderView, FileIconTile } from './chunk-ZPCGIR62.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-22BNPLM4.js';
+import { subscribePomo, getPomoSnapshot } from './chunk-OI253GOA.js';
+export { setShellTodoProvider } from './chunk-OI253GOA.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-X5PZYTAK.js';
+import { publishDesktopFolders, requestFilesTrashView, FolderGlyph, requestFilesDesktopFolderView, FileIconTile } from './chunk-OQ7GRU7G.js';
+import './chunk-4SQU5YV6.js';
 import { setPdfPreview } from './chunk-BV6SQ46N.js';
-import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-import { useAuth } from './chunk-H4IEH6FK.js';
-export { setShellAuthBridge } from './chunk-H4IEH6FK.js';
+import { CMD_K, CMD_DOT, CMD_A, ALT_SHIFT_N, ALT_SHIFT_E, CMD_ENTER, CMD_S, ALT_SHIFT_D, CMD_Z, CMD_SHIFT_Z, formatDate, useTheme, resolveTheme, useClickOutside, ListLoadError, ListFooter, firstEnabledIndex, Button_default, FormField, Input_default, applyThemePrefs, lastEnabledIndex, nextEnabledIndex, matchTypeahead } from './chunk-EGM44WML.js';
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, CountBadge, DashboardTemplate, DataTable, DataTablePage, DateRangePicker, DescriptionList, Divider, DonutChart, Drawer, ENTER, EmailTemplate, EmptyState, ErrorPage, FilePicker, FormField, FormLayoutPage, GalleryTemplate, Grid, HelpCenter, INPUT_BASE, INPUT_SIZES, Inline, Input_default as Input, InputNumber_default as InputNumber, Kanban, Label, ListFooter, ListLoadError, LoadingSpinner, MAX_FRACTION_DIGITS, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NumericKeypad, PageHeader, Pagination, Paragraph, Radio_default as Radio, Result, SHIFT, SearchableSelect, Segmented, Select_default as Select, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, Skeleton, Sparkline, Stack, StatCard, Statistic, StatusBadge, StatusBadgeProvider, Switch, Tabs, Text, Textarea_default as Textarea, TileButton_default as TileButton, Title, Tooltip, TopNav, appendKey, applyThemePrefs, backspace, formatDate, inputClasses, isMac, isSeverityTone, mediaFileName, resolveTheme, severityOf, toISODate, useClickOutside, useTheme } from './chunk-EGM44WML.js';
+export { Breadcrumbs } from './chunk-HYAW6KIL.js';
 import { withSpareRow, EditableGrid } from './chunk-DC6BYGZ6.js';
 export { EditableGrid } from './chunk-DC6BYGZ6.js';
-import './chunk-4SQU5YV6.js';
-import { APP_VERSION, VERSION } from './chunk-F562QDVS.js';
-export { VERSION } from './chunk-F562QDVS.js';
-import { registerModalEscapeInterceptor, useIsMobile, cancelWindowFront, requestWindowFront, useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, setPerfCollecting, drainPerfEvents, useShellPrefs, markMenuOpen, SIDEBAR_STRIP_W, forgetMaximizedWindowBoxes, ModalActions, useModalActive, client_default, LoadingSpinner, isShellApiClientConfigured, useUndo, CancelButton, setWindowPosition } from './chunk-H3HFM4JQ.js';
-export { CancelButton, ConfirmProvider, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, UndoProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, commitExposeHighlight, confirm, confirmDestructive, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, markMenuOpen, prompt, registerModalEscapeInterceptor, requestWindowFront, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsActiveWindow, useLocalStoragePrefs, useModalActive, useShellPrefs, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-H3HFM4JQ.js';
-import { glassStyle, startMenuCategories, navVisible, navSections, isSection, GLASS_INPUT_BG, navIcons, isReachable, sectionIcons, useShellAuth, visibleChildren } from './chunk-IVLDAUYM.js';
-export { GLASS_DIVIDER, GLASS_INPUT_BG, ShellAuthProvider, glassStyle, setShellNavIcons, useShellAuth } from './chunk-IVLDAUYM.js';
-import { createContext, lazy, forwardRef, useCallback, useState, useRef, useId, useEffect, useLayoutEffect, useSyncExternalStore, useMemo, useContext, isValidElement, cloneElement, Suspense, Fragment as Fragment$1, Children } from 'react';
+import { SidebarLayout } from './chunk-YG45DAUT.js';
+export { SidebarLayout } from './chunk-YG45DAUT.js';
+import { toast_default } from './chunk-4AKVHY4B.js';
+export { toast_default as toast } from './chunk-4AKVHY4B.js';
+import { APP_VERSION, VERSION } from './chunk-ZKQHO2Z7.js';
+export { VERSION } from './chunk-ZKQHO2Z7.js';
+import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
+import { useAuth } from './chunk-EWDYCO65.js';
+export { setShellAuthBridge } from './chunk-EWDYCO65.js';
+import { cancelWindowFront, requestWindowFront, useWindowManager, WINDOW_REGISTRY, isPageEntry, Modal, setPerfCollecting, drainPerfEvents, markMenuOpen, SIDEBAR_STRIP_W, forgetMaximizedWindowBoxes, ModalActions, useModalActive, client_default, LoadingSpinner, isShellApiClientConfigured, useUndo, CancelButton, setWindowPosition } from './chunk-IGPSRRL7.js';
+export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, UndoProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, markMenuOpen, requestWindowFront, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsActiveWindow, useModalActive, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowDirty, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-IGPSRRL7.js';
+import { PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, useShellPrefs, useIsMobile } from './chunk-C22EFSND.js';
+export { PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, useIsMobile, useLocalStoragePrefs, useShellPrefs } from './chunk-C22EFSND.js';
+import { registerModalEscapeInterceptor } from './chunk-L2O6B5KT.js';
+export { ConfirmProvider, Dialog, confirm, confirmDestructive, prompt, registerModalEscapeInterceptor, useConfirm, useFocusTrap, useScrollLock } from './chunk-L2O6B5KT.js';
+import { startMenuCategories, navVisible, navSections, isSection, navIcons, isReachable, sectionIcons, useShellAuth, visibleChildren } from './chunk-WNLPTLT6.js';
+export { ShellAuthProvider, setShellNavIcons, useShellAuth } from './chunk-WNLPTLT6.js';
+import { glassStyle, GLASS_INPUT_BG } from './chunk-3CUSBZWG.js';
+export { GLASS_DIVIDER, GLASS_INPUT_BG, glassStyle } from './chunk-3CUSBZWG.js';
+import { createContext, lazy, useSyncExternalStore, useState, useRef, useEffect, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, cloneElement, Suspense, useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Dialog, DialogBackdrop, DialogPanel } from '@headlessui/react';
 import { createPortal } from 'react-dom';
@@ -199,23 +207,6 @@ function GlobalSearch({ providers, typeIcons, placeholder = "Search..." } = {})
     ] })
   ] });
 }
-
-// src/shell/Kbd.tsx
-var isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
-var MOD = isMac ? "\u2318" : "Ctrl";
-var ALT = isMac ? "\u2325" : "Alt";
-var SHIFT = "\u21E7";
-var ENTER = "\u23CE";
-var CMD_ENTER = isMac ? "\u2318\u23CE" : "Ctrl\u23CE";
-var CMD_S = isMac ? "\u2318S" : "Ctrl+S";
-var CMD_K = isMac ? "\u2318K" : "Ctrl+K";
-var CMD_DOT = isMac ? "\u2318." : "Ctrl+.";
-var CMD_A = isMac ? "\u2318A" : "Ctrl+A";
-var CMD_Z = isMac ? "\u2318Z" : "Ctrl+Z";
-var CMD_SHIFT_Z = isMac ? "\u2318\u21E7Z" : "Ctrl+Shift+Z";
-var ALT_SHIFT_D = isMac ? "\u2325\u21E7D" : "Alt+Shift+D";
-var ALT_SHIFT_E = isMac ? "\u2325\u21E7E" : "Alt+Shift+E";
-var ALT_SHIFT_N = isMac ? "\u2325\u21E7N" : "Alt+Shift+N";
 var sections = [
   {
     title: "Global",
@@ -295,689 +286,6 @@ function ShortcutHelp() {
     ] }) })
   ] });
 }
-var INLINE_RE = /!\[([^\]]*)\]\(([^)]+)\)|\[([^\]]+)\]\(([^)]+)\)|\*\*([^*]+)\*\*|`([^`]+)`|\*([^*]+)\*/g;
-function renderInline(text) {
-  const out = [];
-  let last = 0;
-  let key = 0;
-  let m;
-  INLINE_RE.lastIndex = 0;
-  while ((m = INLINE_RE.exec(text)) !== null) {
-    if (m.index > last) out.push(text.slice(last, m.index));
-    if (m[1] !== void 0) {
-      out.push(
-        /* @__PURE__ */ jsxs("span", { className: "text-gray-400", children: [
-          "[",
-          m[1],
-          "]"
-        ] }, key++)
-      );
-    } else if (m[3] !== void 0) {
-      out.push(
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: m[4],
-            target: "_blank",
-            rel: "noreferrer",
-            className: "text-blue-600 hover:underline",
-            children: m[3]
-          },
-          key++
-        )
-      );
-    } else if (m[5] !== void 0) {
-      out.push(
-        /* @__PURE__ */ jsx("strong", { className: "font-semibold text-gray-900", children: m[5] }, key++)
-      );
-    } else if (m[6] !== void 0) {
-      out.push(
-        /* @__PURE__ */ jsx(
-          "code",
-          {
-            className: "rounded bg-gray-100 px-1 py-0.5 font-mono text-[0.85em] text-gray-800",
-            children: m[6]
-          },
-          key++
-        )
-      );
-    } else if (m[7] !== void 0) {
-      out.push(/* @__PURE__ */ jsx("em", { children: m[7] }, key++));
-    }
-    last = INLINE_RE.lastIndex;
-  }
-  if (last < text.length) out.push(text.slice(last));
-  return out;
-}
-function ScreenshotPlaceholder({ alt }) {
-  const label = alt.replace(/^screenshot:\s*/i, "");
-  return /* @__PURE__ */ jsxs("div", { className: "my-1 flex items-start gap-2 rounded-lg border border-dashed border-gray-300 bg-gray-50 px-3 py-2.5", children: [
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        className: "mt-0.5 h-4 w-4 shrink-0 text-gray-400",
-        viewBox: "0 0 20 20",
-        fill: "currentColor",
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx("path", { d: "M3 6a1.5 1.5 0 0 1 1.5-1.5h1.1l.4-.9a1 1 0 0 1 .9-.6h6.2a1 1 0 0 1 .9.6l.4.9h1.1A1.5 1.5 0 0 1 18 6v8.5A1.5 1.5 0 0 1 16.5 16h-13A1.5 1.5 0 0 1 2 14.5V6Zm7.5 1.5a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Z" })
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-600", children: "Screenshot \u2014 " }),
-      label
-    ] })
-  ] });
-}
-function collectItems(lines, itemRe) {
-  const items = [];
-  for (const line of lines) {
-    const m = itemRe.exec(line);
-    if (m) {
-      items.push(m[1]);
-    } else if (items.length) {
-      items[items.length - 1] += " " + line.trim();
-    }
-  }
-  return items;
-}
-var splitCells = (line) => line.replace(/^\s*\|/, "").replace(/\|\s*$/, "").split("|").map((c) => c.trim());
-function isTable(lines) {
-  return lines.length >= 2 && lines[0].includes("|") && /^\s*\|?[\s:|-]*-[\s:|-]*\|?\s*$/.test(lines[1]) && lines[1].includes("-");
-}
-function renderTable(lines, key) {
-  const header = splitCells(lines[0]);
-  const rows = lines.slice(2).map(splitCells);
-  return /* @__PURE__ */ jsx("div", { className: "my-1 overflow-x-auto rounded-lg border border-gray-200", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "bg-gray-50", children: header.map((h, i) => /* @__PURE__ */ jsx(
-      "th",
-      {
-        className: "border-b border-gray-200 px-3 py-1.5 text-left font-semibold text-gray-700",
-        children: renderInline(h)
-      },
-      i
-    )) }) }),
-    /* @__PURE__ */ jsx("tbody", { children: rows.map((row, r) => /* @__PURE__ */ jsx("tr", { className: "even:bg-gray-50/50", children: row.map((c, i) => /* @__PURE__ */ jsx("td", { className: "border-t border-gray-100 px-3 py-1.5 align-top text-gray-700", children: renderInline(c) }, i)) }, r)) })
-  ] }) }, key);
-}
-function renderBlock(block, key) {
-  const lines = block.split("\n");
-  const first = lines[0];
-  const heading = /^(#{2,4})\s+(.*)$/.exec(first);
-  if (heading && lines.length === 1) {
-    const level = heading[1].length;
-    const Tag = `h${level}`;
-    const cls = level === 2 ? "mt-2 text-[13px] font-semibold uppercase tracking-wide text-gray-500" : level === 3 ? "mt-1 text-base font-semibold text-gray-900" : "mt-1 text-sm font-semibold text-gray-900";
-    return /* @__PURE__ */ jsx(Tag, { className: cls, children: renderInline(heading[2]) }, key);
-  }
-  if (lines.length === 1 && /^---+$/.test(first)) {
-    return /* @__PURE__ */ jsx("hr", { className: "border-gray-200" }, key);
-  }
-  if (isTable(lines)) {
-    return renderTable(lines, key);
-  }
-  if (/^>\s?/.test(first)) {
-    const text = lines.map((l) => l.replace(/^>\s?/, "")).join(" ");
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "my-1 rounded-r-lg border-l-4 border-blue-300 bg-blue-50/60 px-3 py-2 text-gray-700",
-        children: renderInline(text)
-      },
-      key
-    );
-  }
-  const img = /^!\[([^\]]*)\]\(([^)]+)\)$/.exec(first);
-  if (img && lines.length === 1) {
-    return /* @__PURE__ */ jsx(ScreenshotPlaceholder, { alt: img[1] }, key);
-  }
-  if (/^[-*]\s+/.test(first)) {
-    const items = collectItems(lines, /^[-*]\s+(.*)$/);
-    return /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-1 pl-5 marker:text-gray-400", children: items.map((it, j) => /* @__PURE__ */ jsx("li", { children: renderInline(it) }, j)) }, key);
-  }
-  const ordered = /^(\d+)\.\s+/.exec(first);
-  if (ordered) {
-    const items = collectItems(lines, /^\d+\.\s+(.*)$/);
-    return /* @__PURE__ */ jsx(
-      "ol",
-      {
-        start: Number(ordered[1]),
-        className: "list-decimal space-y-1 pl-5 marker:text-gray-400",
-        children: items.map((it, j) => /* @__PURE__ */ jsx("li", { className: "pl-1", children: renderInline(it) }, j))
-      },
-      key
-    );
-  }
-  return /* @__PURE__ */ jsx("p", { children: renderInline(lines.join(" ")) }, key);
-}
-function Markdown({ children, className }) {
-  const blocks = (children ?? "").replace(/\r\n/g, "\n").split(/\n{2,}/).map((b) => b.replace(/\s+$/, "")).filter((b) => b.trim() !== "");
-  return /* @__PURE__ */ jsx("div", { className: `space-y-3 text-sm leading-relaxed text-gray-700 ${className ?? ""}`.trim(), children: blocks.map((block, i) => renderBlock(block, i)) });
-}
-var Chevron = ({ open }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: `h-3.5 w-3.5 shrink-0 text-gray-400 transition-transform ${open ? "rotate-90" : ""}`,
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-function HelpCenter({
-  docs,
-  loading = false,
-  categoryOrder,
-  canEdit = false,
-  onNew,
-  onEdit,
-  renderBody,
-  emptyMessage = "No help articles yet."
-}) {
-  const [query, setQuery] = useState("");
-  const [selectedSlug, setSelectedSlug] = useState(null);
-  const [expanded, setExpanded] = useState({});
-  const q = query.trim().toLowerCase();
-  const groups = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const doc of docs) {
-      let g = map.get(doc.category);
-      if (!g) {
-        g = { key: doc.category, label: doc.category_label || doc.category, docs: [] };
-        map.set(doc.category, g);
-      }
-      g.docs.push(doc);
-    }
-    if (!categoryOrder?.length) return [...map.values()];
-    const rank = new Map(categoryOrder.map((k, i) => [k, i]));
-    return [...map.values()].sort(
-      (a, b) => (rank.get(a.key) ?? Infinity) - (rank.get(b.key) ?? Infinity)
-    );
-  }, [docs, categoryOrder]);
-  const matches2 = (doc) => !q || doc.title.toLowerCase().includes(q) || doc.body.toLowerCase().includes(q) || doc.category_label.toLowerCase().includes(q);
-  const visibleGroups = useMemo(
-    () => groups.map((g) => ({ ...g, docs: g.docs.filter(matches2) })).filter((g) => g.docs.length > 0),
-    [groups, q]
-  );
-  const visibleDocs = useMemo(() => visibleGroups.flatMap((g) => g.docs), [visibleGroups]);
-  const selected = (selectedSlug ? visibleDocs.find((d) => d.slug === selectedSlug) : void 0) ?? visibleDocs[0] ?? null;
-  const isGroupOpen = (key) => q ? true : expanded[key] ?? key === selected?.category;
-  const toggleGroup = (key) => setExpanded((prev) => ({ ...prev, [key]: !isGroupOpen(key) }));
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full gap-4 px-4 py-3 min-h-0", children: [
-    /* @__PURE__ */ jsxs("aside", { className: "w-64 shrink-0 flex flex-col bg-white rounded-lg shadow overflow-hidden", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-900", children: "Help" }),
-        canEdit && onNew && /* @__PURE__ */ jsx("button", { type: "button", onClick: onNew, className: "text-xs text-blue-600 hover:underline", children: "+ New" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 border-b border-gray-100 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400",
-            viewBox: "0 0 20 20",
-            fill: "currentColor",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M9 3.5a5.5 5.5 0 1 0 3.36 9.85l3.14 3.15a.75.75 0 1 0 1.06-1.06l-3.15-3.14A5.5 5.5 0 0 0 9 3.5ZM5 9a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z",
-                clipRule: "evenodd"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search help\u2026",
-            className: "w-full rounded-md border border-gray-300 bg-white py-1.5 pl-8 pr-2 text-sm shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-1", children: loading ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-gray-400", children: "Loading\u2026" }) : visibleGroups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-xs text-gray-500", children: q ? "No articles match your search." : emptyMessage }) : visibleGroups.map((group2) => {
-        const open = isGroupOpen(group2.key);
-        return /* @__PURE__ */ jsxs("div", { className: "py-0.5", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => toggleGroup(group2.key),
-              className: "w-full flex items-center gap-1.5 px-3 py-1.5 text-left text-[10px] font-semibold uppercase tracking-wide text-gray-400 hover:text-gray-600",
-              children: [
-                /* @__PURE__ */ jsx(Chevron, { open }),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: group2.label })
-              ]
-            }
-          ),
-          open && group2.docs.map((doc) => {
-            const active = selected?.slug === doc.slug;
-            return /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => setSelectedSlug(doc.slug),
-                className: `w-full text-left pl-8 pr-3 py-1.5 text-sm flex items-center gap-1.5 transition-colors ${active ? "bg-blue-50 text-blue-700 font-medium" : "text-gray-700 hover:bg-gray-50"}`,
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "truncate", children: doc.title }),
-                  doc.is_published === false && /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-[10px] text-amber-600", children: "Draft" })
-                ]
-              },
-              doc.slug
-            );
-          })
-        ] }, group2.key);
-      }) })
-    ] }),
-    /* @__PURE__ */ jsx("main", { className: "flex-1 min-w-0 bg-white rounded-lg shadow overflow-hidden flex flex-col", children: selected ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 px-5 py-3 border-b border-gray-200 bg-gray-50 shrink-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900 truncate", children: selected.title }),
-          /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 mt-0.5", children: [
-            selected.category_label,
-            selected.is_published === false && /* @__PURE__ */ jsx("span", { className: "ml-2 text-amber-600", children: "\xB7 Draft" })
-          ] })
-        ] }),
-        canEdit && onEdit && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => onEdit(selected),
-            className: "shrink-0 text-sm text-blue-600 hover:underline",
-            children: "Edit"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto px-5 py-4", children: renderBody ? renderBody(selected) : selected.body ? /* @__PURE__ */ jsx(Markdown, { children: selected.body }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 italic", children: "This article has no body yet." }) })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center px-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: loading ? "Loading\u2026" : "Pick a help article from the left." }) }) })
-  ] });
-}
-var VARIANTS = {
-  primary: "bg-blue-600 text-white hover:bg-blue-700",
-  secondary: "bg-white text-gray-700 border border-gray-300 hover:bg-gray-50"
-};
-function SidebarActionButton({
-  children,
-  onClick,
-  variant = "primary",
-  hotkey,
-  disabled = false,
-  type = "button",
-  title,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type,
-      onClick,
-      disabled,
-      title,
-      className: `w-full inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50 ${VARIANTS[variant]} ${className}`,
-      children: [
-        children,
-        hotkey && /* @__PURE__ */ jsx("kbd", { className: "rounded border border-blue-400/50 bg-blue-500/30 px-1.5 py-0.5 text-[10px] font-medium", children: hotkey })
-      ]
-    }
-  );
-}
-
-// src/forms/styles.ts
-var INPUT_BASE = "block w-full rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-800 placeholder:text-gray-400 shadow-sm focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-400/30";
-var INPUT_INVALID = "border-red-300 focus:border-red-400 focus:ring-red-400/30";
-var INPUT_DISABLED = "disabled:cursor-not-allowed disabled:opacity-60";
-function inputClasses(opts) {
-  return [INPUT_BASE, opts?.invalid ? INPUT_INVALID : "", INPUT_DISABLED, opts?.className ?? ""].filter(Boolean).join(" ");
-}
-var POPUP_MAX_WIDTH = 448;
-var MENU_MAX_HEIGHT = 240;
-var MENU_GAP = 4;
-var VIEWPORT_MARGIN = 8;
-function useDropdownPosition(triggerRef, open) {
-  const [pos, setPos] = useState(null);
-  useLayoutEffect(() => {
-    if (!open) {
-      setPos(null);
-      return;
-    }
-    let lastLeft = NaN, lastTop = NaN, lastRight = NaN, lastBottom = NaN;
-    const compute = () => {
-      const rect = triggerRef.current?.getBoundingClientRect();
-      if (!rect) return;
-      lastLeft = rect.left;
-      lastTop = rect.top;
-      lastRight = rect.right;
-      lastBottom = rect.bottom;
-      const spaceBelow = window.innerHeight - rect.bottom - MENU_GAP - VIEWPORT_MARGIN;
-      const spaceAbove = rect.top - MENU_GAP - VIEWPORT_MARGIN;
-      const placeAbove = spaceBelow < Math.min(MENU_MAX_HEIGHT, 160) && spaceAbove > spaceBelow;
-      const maxHeight = Math.max(96, Math.min(MENU_MAX_HEIGHT, placeAbove ? spaceAbove : spaceBelow));
-      const next = { minWidth: rect.width, maxHeight };
-      if (window.innerWidth - rect.left < POPUP_MAX_WIDTH) {
-        next.right = Math.max(VIEWPORT_MARGIN, window.innerWidth - rect.right);
-      } else {
-        next.left = Math.max(VIEWPORT_MARGIN, rect.left);
-      }
-      if (placeAbove) next.bottom = window.innerHeight - rect.top + MENU_GAP;
-      else next.top = rect.bottom + MENU_GAP;
-      setPos(next);
-    };
-    compute();
-    let raf = requestAnimationFrame(function tick() {
-      const rect = triggerRef.current?.getBoundingClientRect();
-      if (rect && (rect.left !== lastLeft || rect.top !== lastTop || rect.right !== lastRight || rect.bottom !== lastBottom)) {
-        compute();
-      }
-      raf = requestAnimationFrame(tick);
-    });
-    window.addEventListener("scroll", compute, true);
-    window.addEventListener("resize", compute);
-    return () => {
-      cancelAnimationFrame(raf);
-      window.removeEventListener("scroll", compute, true);
-      window.removeEventListener("resize", compute);
-    };
-  }, [open, triggerRef]);
-  return pos;
-}
-function ClearButton({ onClear, ariaLabel = "Clear selection" }) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": ariaLabel,
-      onMouseDown: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        onClear();
-      },
-      className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity text-base leading-none",
-      children: "\xD7"
-    }
-  );
-}
-function SearchableSelect({
-  value,
-  onChange,
-  options,
-  placeholder,
-  emptyOptionLabel = "\u2014 None \u2014",
-  className = "",
-  disabled,
-  id,
-  allowFreeText = false,
-  onSearchChange,
-  rightAdornment
-}) {
-  const [open, setOpen] = useState(false);
-  const [search, setSearchState] = useState("");
-  const setSearch = (next) => {
-    setSearchState(next);
-    onSearchChange?.(next);
-  };
-  const wrapRef = useRef(null);
-  const triggerRef = useRef(null);
-  const menuRef = useRef(null);
-  const adornRef = useRef(null);
-  const [adornPad, setAdornPad] = useState(null);
-  useLayoutEffect(() => {
-    if (!rightAdornment || open) {
-      setAdornPad(null);
-      return;
-    }
-    const w = adornRef.current?.offsetWidth ?? 0;
-    setAdornPad(w ? w + (value && !disabled ? 32 : 8) + 6 : null);
-  });
-  const menuPos = useDropdownPosition(triggerRef, open);
-  const selectedLabel = useMemo(() => {
-    const match = options.find((o) => o.value === value);
-    if (match) return match.label;
-    return allowFreeText ? value : "";
-  }, [options, value, allowFreeText]);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      const t = e.target;
-      if (wrapRef.current?.contains(t) || menuRef.current?.contains(t)) return;
-      if (allowFreeText && search.trim() && search.trim() !== value) {
-        onChange(search.trim());
-      }
-      setOpen(false);
-      setSearch("");
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open, allowFreeText, search, value, onChange]);
-  const dedupedOptions = useMemo(() => {
-    const seen = /* @__PURE__ */ new Set();
-    const out = [];
-    for (const o of options) {
-      if (seen.has(o.value)) continue;
-      seen.add(o.value);
-      out.push(o);
-    }
-    return out;
-  }, [options]);
-  const filtered = useMemo(() => {
-    if (onSearchChange) return dedupedOptions;
-    const q = search.trim().toLowerCase();
-    if (!q) return dedupedOptions;
-    return dedupedOptions.filter(
-      (o) => o.label.toLowerCase().includes(q) || (o.sublabel?.toLowerCase().includes(q) ?? false)
-    );
-  }, [dedupedOptions, search, onSearchChange]);
-  return /* @__PURE__ */ jsxs("div", { ref: wrapRef, className: "relative group", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        ref: triggerRef,
-        type: "text",
-        autoComplete: "off",
-        role: "combobox",
-        "aria-expanded": open,
-        value: open ? search : selectedLabel,
-        onChange: (e) => {
-          setSearch(e.target.value);
-          setOpen(true);
-        },
-        onFocus: () => {
-          if (!disabled) {
-            setSearch("");
-            setOpen(true);
-          }
-        },
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            if (filtered.length === 1) {
-              onChange(filtered[0].value);
-              setOpen(false);
-              setSearch("");
-            } else if (allowFreeText && search.trim()) {
-              onChange(search.trim());
-              setOpen(false);
-              setSearch("");
-              triggerRef.current?.blur();
-            }
-          } else if (e.key === "Escape") {
-            setOpen(false);
-            setSearch("");
-            triggerRef.current?.blur();
-          } else if (e.key === "Tab") {
-            if (allowFreeText && search.trim() && search.trim() !== value) {
-              onChange(search.trim());
-            }
-            setOpen(false);
-            setSearch("");
-          }
-        },
-        placeholder: placeholder || (emptyOptionLabel || "Select\u2026"),
-        className: `${INPUT_BASE} ${className} ${value ? "pr-8" : ""} ${disabled ? "bg-gray-50 text-gray-400 cursor-not-allowed" : ""} truncate`,
-        style: adornPad ? { paddingRight: adornPad } : void 0,
-        disabled
-      }
-    ),
-    value && !disabled && /* @__PURE__ */ jsx(ClearButton, { onClear: () => {
-      onChange("");
-      setOpen(false);
-      setSearch("");
-    } }),
-    rightAdornment && !open && /* @__PURE__ */ jsx("div", { ref: adornRef, className: `absolute top-1/2 -translate-y-1/2 ${value && !disabled ? "right-8" : "right-2"} flex items-center gap-1 flex-nowrap justify-end pointer-events-none`, children: rightAdornment }),
-    open && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: menuRef,
-          className: "fixed z-[400] rounded-2xl overflow-hidden",
-          style: {
-            left: menuPos?.left,
-            right: menuPos?.right,
-            top: menuPos?.top,
-            bottom: menuPos?.bottom,
-            minWidth: menuPos?.minWidth,
-            maxWidth: POPUP_MAX_WIDTH,
-            width: "max-content",
-            // Hidden for the first paint until the layout effect measures the
-            // trigger, so the menu never flashes at (0,0).
-            visibility: menuPos ? void 0 : "hidden",
-            ...glassStyle()
-          },
-          children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto", style: { maxHeight: menuPos?.maxHeight ?? MENU_MAX_HEIGHT }, children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-3 text-sm text-gray-400 text-center", children: "No matches" }) : filtered.map((o) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onMouseDown: () => {
-                onChange(o.value);
-                setOpen(false);
-                setSearch("");
-              },
-              className: `w-full text-left px-3 py-1.5 text-sm hover:bg-gray-50 flex items-center justify-between gap-2 whitespace-nowrap ${value === o.value ? "text-blue-600 font-medium bg-blue-50/50" : "text-gray-700"}`,
-              children: [
-                /* @__PURE__ */ jsx("span", { children: o.label }),
-                o.sublabel && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 shrink-0", children: o.sublabel })
-              ]
-            },
-            o.value
-          )) })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
-function TopNav({ items, activeKey, onSelect, brand, actions, className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `flex h-12 shrink-0 items-stretch gap-1 border-b border-gray-200 bg-white px-3 ${className ?? ""}`,
-      children: [
-        brand && /* @__PURE__ */ jsx("div", { className: "mr-1 flex items-center gap-2 pr-3 font-semibold text-gray-900", children: brand }),
-        /* @__PURE__ */ jsx("nav", { className: "flex items-stretch gap-0.5", children: items.map((item) => {
-          const active = item.key === activeKey;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              disabled: item.disabled,
-              "aria-current": active ? "page" : void 0,
-              onClick: () => !item.disabled && onSelect?.(item.key),
-              className: `relative inline-flex items-center gap-1.5 px-3 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${active ? "text-blue-600" : "text-gray-600 hover:text-gray-900"}`,
-              children: [
-                item.icon && /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0", children: item.icon }),
-                /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: item.label }),
-                item.badge != null && /* @__PURE__ */ jsx("span", { className: "ml-0.5 inline-flex min-w-[1.25rem] items-center justify-center rounded-full bg-gray-100 px-1.5 text-[11px] font-semibold leading-5 text-gray-600", children: item.badge }),
-                active && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-2 -bottom-px h-0.5 rounded-full bg-blue-600", "aria-hidden": true })
-              ]
-            },
-            item.key
-          );
-        }) }),
-        actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children: actions })
-      ]
-    }
-  );
-}
-
-// src/utils/date.ts
-var MONTH_ABBR = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-var MONTH_FULL = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function monthAbbr(mm) {
-  return MONTH_ABBR[parseInt(mm, 10) - 1] ?? mm;
-}
-function monthFull(mm) {
-  return MONTH_FULL[parseInt(mm, 10) - 1] ?? mm;
-}
-function getUserDateFormat() {
-  return localStorage.getItem("user_date_format") || "DD/MM/YYYY";
-}
-function formatDate(value) {
-  if (!value) return "\u2014";
-  const dateStr = value.includes("T") ? value.split("T")[0] : value;
-  const [y, m, d] = dateStr.split("-").map(Number);
-  if (!y || !m || !d) return value;
-  const dd = String(d).padStart(2, "0");
-  const mm = String(m).padStart(2, "0");
-  const yyyy = String(y);
-  const fmt = getUserDateFormat();
-  switch (fmt) {
-    case "MM/DD/YYYY":
-      return `${mm}/${dd}/${yyyy}`;
-    case "YYYY-MM-DD":
-      return `${yyyy}-${mm}-${dd}`;
-    case "DD-MM-YYYY":
-      return `${dd}-${mm}-${yyyy}`;
-    case "MM-DD-YYYY":
-      return `${mm}-${dd}-${yyyy}`;
-    case "DD.MM.YYYY":
-      return `${dd}.${mm}.${yyyy}`;
-    case "YYYY.MM.DD":
-      return `${yyyy}.${mm}.${dd}`;
-    case "YYYY/MM/DD":
-      return `${yyyy}/${mm}/${dd}`;
-    case "DD/MM/YY":
-      return `${dd}/${mm}/${yyyy.slice(-2)}`;
-    case "MM/DD/YY":
-      return `${mm}/${dd}/${yyyy.slice(-2)}`;
-    case "DD/MMM/YYYY":
-      return `${dd}/${monthAbbr(mm)}/${yyyy}`;
-    case "DD/MMM/YY":
-      return `${dd}/${monthAbbr(mm)}/${yyyy.slice(-2)}`;
-    case "DD MMM YYYY":
-      return `${dd} ${monthAbbr(mm)} ${yyyy}`;
-    case "MMM DD, YYYY":
-      return `${monthAbbr(mm)} ${dd}, ${yyyy}`;
-    case "DD MMMM YYYY":
-      return `${dd} ${monthFull(mm)} ${yyyy}`;
-    case "MMMM DD, YYYY":
-      return `${monthFull(mm)} ${dd}, ${yyyy}`;
-    case "DD/MM/YYYY":
-    default:
-      return `${dd}/${mm}/${yyyy}`;
-  }
-}
 function timeAgo(dateStr) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(diff / 6e4);
@@ -1201,31 +509,6 @@ function NotificationBell({
     )
   ] });
 }
-var GROUP_COLORS = {
-  success: "bg-green-100 text-green-800",
-  active: "bg-blue-100 text-blue-800",
-  queued: "bg-indigo-100 text-indigo-800",
-  info: "bg-sky-100 text-sky-800",
-  pending: "bg-yellow-100 text-yellow-800",
-  warning: "bg-orange-100 text-orange-800",
-  danger: "bg-red-100 text-red-800",
-  draft: "bg-gray-300 text-gray-800",
-  neutral: "bg-gray-100 text-gray-800"
-};
-var StatusGroupsContext = createContext({});
-function StatusBadgeProvider({
-  groups,
-  children
-}) {
-  return /* @__PURE__ */ jsx(StatusGroupsContext.Provider, { value: groups, children });
-}
-function StatusBadge({ status }) {
-  const groups = useContext(StatusGroupsContext);
-  const group2 = groups[status] ?? "neutral";
-  const color = GROUP_COLORS[group2];
-  const label = status.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-  return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${color}`, children: label });
-}
 
 // src/utils/env.ts
 var DEV_BANNER_TEXT = "LOCAL DEV ENVIRONMENT \u2014 running against your local backend; not connected to the live system";
@@ -3318,130 +2601,6 @@ function Desktop({ profile }) {
     }
   );
 }
-function subscribeMediaQuery(cb) {
-  const mq = window.matchMedia("(prefers-color-scheme: dark)");
-  mq.addEventListener("change", cb);
-  return () => mq.removeEventListener("change", cb);
-}
-function getSystemIsDark() {
-  return window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-function hexToHsl(hex) {
-  const r = parseInt(hex.slice(1, 3), 16) / 255;
-  const g = parseInt(hex.slice(3, 5), 16) / 255;
-  const b = parseInt(hex.slice(5, 7), 16) / 255;
-  const max = Math.max(r, g, b), min = Math.min(r, g, b);
-  let h = 0, s = 0;
-  const l = (max + min) / 2;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-    else if (max === g) h = ((b - r) / d + 2) / 6;
-    else h = ((r - g) / d + 4) / 6;
-  }
-  return [h * 360, s * 100, l * 100];
-}
-function hslToHex(h, s, l) {
-  s /= 100;
-  l /= 100;
-  const a = s * Math.min(l, 1 - l);
-  const f = (n) => {
-    const k = (n + h / 30) % 12;
-    return l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-  };
-  const toHex = (x) => Math.round(x * 255).toString(16).padStart(2, "0");
-  return `#${toHex(f(0))}${toHex(f(8))}${toHex(f(4))}`;
-}
-function resolveTheme(theme) {
-  const t = theme || "system";
-  if (t === "system") return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  return t;
-}
-function applyAccent(accentColor) {
-  const root = document.documentElement;
-  if (accentColor && /^#[0-9a-fA-F]{6}$/.test(accentColor)) {
-    const [h, s, l] = hexToHsl(accentColor);
-    root.setAttribute("data-custom-accent", "true");
-    root.style.setProperty("--accent-600", accentColor);
-    root.style.setProperty("--accent-700", hslToHex(h, s, Math.max(l - 10, 5)));
-    root.style.setProperty("--accent-500", hslToHex(h, s, Math.min(l + 10, 95)));
-    root.style.setProperty("--accent-400", hslToHex(h, s, Math.min(l + 20, 95)));
-    root.style.setProperty("--accent-300", hslToHex(h, Math.min(s + 10, 100), Math.min(l + 30, 92)));
-    root.style.setProperty("--accent-200", hslToHex(h, Math.min(s + 15, 100), Math.min(l + 38, 94)));
-    root.style.setProperty("--accent-100", hslToHex(h, Math.min(s + 20, 100), Math.min(l + 42, 96)));
-    root.style.setProperty("--accent-50", hslToHex(h, Math.min(s + 20, 100), Math.min(l + 46, 98)));
-  } else {
-    root.removeAttribute("data-custom-accent");
-    ["--accent-600", "--accent-700", "--accent-500", "--accent-400", "--accent-300", "--accent-200", "--accent-100", "--accent-50"].forEach((p) => root.style.removeProperty(p));
-  }
-}
-function applyCustomColors(accentColor, customBgColor, customTitleColor, customWindowColor, customButtonColor) {
-  const root = document.documentElement;
-  if (accentColor) {
-    const hexToRgb = (hex) => {
-      const r = parseInt(hex.slice(1, 3), 16);
-      const g = parseInt(hex.slice(3, 5), 16);
-      const b = parseInt(hex.slice(5, 7), 16);
-      return `${r} ${g} ${b}`;
-    };
-    if (customBgColor) root.style.setProperty("--custom-bg-color", customBgColor);
-    if (customTitleColor) {
-      root.style.setProperty("--window-header-rgb", hexToRgb(customTitleColor));
-      root.style.setProperty("--window-footer-rgb", hexToRgb(customTitleColor));
-    }
-    if (customWindowColor) root.style.setProperty("--window-content-rgb", hexToRgb(customWindowColor));
-    if (customButtonColor) {
-      root.style.setProperty("--custom-button-color", customButtonColor);
-      const [h, s, l] = hexToHsl(customButtonColor);
-      root.style.setProperty("--custom-button-hover", hslToHex(h, s, Math.max(l - 10, 5)));
-    }
-  } else {
-    ["--custom-bg-color", "--custom-button-color", "--custom-button-hover"].forEach((p) => root.style.removeProperty(p));
-  }
-}
-function applyThemePrefs(p) {
-  document.documentElement.setAttribute("data-theme", resolveTheme(p.theme));
-  applyAccent(p.accent_color ?? null);
-  applyCustomColors(
-    p.accent_color ?? null,
-    p.custom_bg_color ?? null,
-    p.custom_title_color ?? null,
-    p.custom_window_color ?? null,
-    p.custom_button_color ?? null
-  );
-}
-function useTheme() {
-  const { prefs } = useShellPrefs();
-  const systemDark = useSyncExternalStore(subscribeMediaQuery, getSystemIsDark);
-  const saved = prefs.theme || "system";
-  const accentColor = prefs.accent_color || null;
-  const customBgColor = prefs.custom_bg_color || null;
-  const customTitleColor = prefs.custom_title_color || null;
-  const customWindowColor = prefs.custom_window_color || null;
-  const customButtonColor = prefs.custom_button_color || null;
-  const resolved = saved === "system" ? systemDark ? "dark" : "light" : saved;
-  useEffect(() => {
-    document.documentElement.setAttribute("data-theme", resolved);
-    return () => document.documentElement.removeAttribute("data-theme");
-  }, [resolved]);
-  useEffect(() => {
-    applyAccent(accentColor);
-  }, [accentColor]);
-  useEffect(() => {
-    applyCustomColors(accentColor, customBgColor, customTitleColor, customWindowColor, customButtonColor);
-  }, [accentColor, customBgColor, customTitleColor, customWindowColor, customButtonColor]);
-  return { theme: saved, resolved };
-}
-function useClickOutside(ref, onClose) {
-  useEffect(() => {
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) onClose();
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [ref, onClose]);
-}
 function StartupAnimation({ onComplete, ready = false, productName = "react-os-shell", subtitle }) {
   const [phase, setPhase] = useState("logo");
   const [minTimePassed, setMinTimePassed] = useState(false);
@@ -4134,7 +3293,7 @@ function MobileAppLanding({
     }
   );
 }
-var Sidebar = lazy(() => import('./Sidebar-IMACKSHS.js'));
+var Sidebar = lazy(() => import('./Sidebar-B3LY5T2U.js'));
 function useFavorites(wallpapers) {
   const { prefs, save } = useShellPrefs();
   const favorites = prefs.favorite_pages || [];
@@ -4202,10 +3361,10 @@ function TaskbarClock({ clockCalendar }) {
     })()
   ] });
 }
-var toISODate = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+var toISODate2 = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
 function CalendarPopup({ now, config, close }) {
   const [month, setMonth] = useState(() => new Date(now.getFullYear(), now.getMonth(), 1));
-  const [selected, setSelected] = useState(() => toISODate(now));
+  const [selected, setSelected] = useState(() => toISODate2(now));
   const interactive = !!config?.renderDay;
   const markedSet = useMemo(() => new Set(config?.markedDates ?? []), [config?.markedDates]);
   const monthLabel = month.toLocaleDateString(void 0, { month: "long", year: "numeric" });
@@ -4245,7 +3404,7 @@ function CalendarPopup({ now, config, close }) {
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-1 text-[10px] font-semibold text-gray-400 text-center uppercase tracking-wide", children: ["S", "M", "T", "W", "T", "F", "S"].map((d, i) => /* @__PURE__ */ jsx("div", { className: "py-1", children: d }, i)) }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px text-center", children: cells.map((cell, i) => {
       const todayCell = cell.thisMonth && isToday(cell.date);
-      const iso = toISODate(cell.date);
+      const iso = toISODate2(cell.date);
       const isSelected = interactive && selected === iso;
       const look = isSelected ? "bg-blue-500 text-white font-semibold" : todayCell ? interactive ? "text-blue-600 font-bold hover:bg-gray-100" : "bg-blue-500 text-white font-semibold" : cell.thisMonth ? "text-gray-700 hover:bg-gray-100" : interactive ? "text-gray-300 hover:bg-gray-100" : "text-gray-300";
       const dayClass = `relative text-[12px] py-1.5 rounded-md transition-colors ${look}`;
@@ -6058,85 +5217,6 @@ function ResizableTable({
     ] })
   ] });
 }
-function ListFooter({
-  selectedCount,
-  loadedCount,
-  totalCount,
-  label,
-  isFetchingMore,
-  extra
-}) {
-  const total = totalCount ?? loadedCount;
-  const allLoaded = loadedCount >= total;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    extra,
-    selectedCount > 0 ? `${selectedCount} selected \u2014 ` : "",
-    allLoaded ? totalCount != null ? `All ${total.toLocaleString()} ${label} loaded` : `${total.toLocaleString()} ${label}` : `${loadedCount.toLocaleString()} of ${total.toLocaleString()} ${label}`,
-    isFetchingMore ? " \xB7 Loading more..." : ""
-  ] });
-}
-var BASE = "inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-60";
-var VARIANTS2 = {
-  primary: "bg-blue-600 text-white shadow-sm hover:bg-blue-700 focus:ring-blue-400/40",
-  secondary: "border border-gray-300 bg-white text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-blue-400/30",
-  ghost: "text-gray-700 hover:bg-gray-100 focus:ring-blue-400/30",
-  danger: "bg-red-600 text-white shadow-sm hover:bg-red-700 focus:ring-red-400/40"
-};
-var SIZES = {
-  sm: "gap-1 px-2.5 py-1 text-xs",
-  md: "gap-1.5 px-3 py-1.5 text-sm"
-};
-function Spinner() {
-  return /* @__PURE__ */ jsxs("svg", { className: "h-3.5 w-3.5 animate-spin", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-    /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
-  ] });
-}
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "md",
-  loading = false,
-  leftIcon,
-  rightIcon,
-  block = false,
-  disabled,
-  type = "button",
-  children,
-  className = "",
-  ...rest
-}, ref) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type,
-      disabled: disabled || loading,
-      "aria-busy": loading || void 0,
-      className: [BASE, VARIANTS2[variant], SIZES[size], block ? "w-full" : "", className].filter(Boolean).join(" "),
-      ...rest,
-      children: [
-        loading ? /* @__PURE__ */ jsx(Spinner, {}) : leftIcon,
-        children,
-        !loading && rightIcon
-      ]
-    }
-  );
-});
-var Button_default = Button;
-function ListLoadError({
-  title = "Couldn't load this list",
-  message = "Something went wrong fetching these records. Check your connection and try again.",
-  onRetry,
-  variant = "dashed"
-}) {
-  const frame = variant === "card" ? "rounded-md border border-gray-200 bg-white px-6 py-12" : variant === "none" ? "px-6 py-12" : "rounded-lg border-2 border-dashed border-red-200 px-6 py-12";
-  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col items-center justify-center text-center ${frame}`, role: "alert", children: [
-    /* @__PURE__ */ jsx("svg", { className: "h-10 w-10 text-red-300 mb-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m0 3.75h.008M10.34 3.94l-8.4 14.55A1.5 1.5 0 003.24 21h17.52a1.5 1.5 0 001.3-2.51l-8.4-14.55a1.5 1.5 0 00-2.6 0z" }) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-gray-900", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 mt-2", children: message }),
-    onRetry && /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Button_default, { variant: "secondary", size: "sm", onClick: onRetry, children: "Try again" }) })
-  ] });
-}
 function EntityList(props) {
   const {
     items,
@@ -6343,198 +5423,6 @@ function EntityList(props) {
     ] })
   ] });
 }
-function Kanban({
-  items,
-  columns,
-  columnOf,
-  getId,
-  onMove,
-  renderCard,
-  onCardClick,
-  sortInColumn,
-  isLoading = false,
-  loadingText = "Loading\u2026",
-  emptyState,
-  showColumnsWhenEmpty = false,
-  columnEmptyText = "Drop here",
-  onAddItem,
-  addItemText = "Add item"
-}) {
-  const [dragId, setDragId] = useState(null);
-  const [over, setOver] = useState(null);
-  const grouped = useMemo(() => {
-    const map = {};
-    for (const c of columns) map[c.value] = [];
-    for (const it of items) (map[columnOf(it)] ??= []).push(it);
-    if (sortInColumn) for (const k of Object.keys(map)) map[k].sort(sortInColumn);
-    return map;
-  }, [items, columns, columnOf, sortInColumn]);
-  const reset = () => {
-    setDragId(null);
-    setOver(null);
-  };
-  const boardRef = useRef(null);
-  const prevRects = useRef(/* @__PURE__ */ new Map());
-  useLayoutEffect(() => {
-    if (dragId !== null) return;
-    const board = boardRef.current;
-    if (!board) return;
-    const next = /* @__PURE__ */ new Map();
-    const moved = [];
-    board.querySelectorAll("[data-kanban-card]").forEach((el) => {
-      const id = el.dataset.kanbanCard;
-      const rect = el.getBoundingClientRect();
-      next.set(id, rect);
-      const prev = prevRects.current.get(id);
-      if (prev) {
-        const dx = prev.left - rect.left;
-        const dy = prev.top - rect.top;
-        if (dx || dy) moved.push([el, dx, dy]);
-      }
-    });
-    prevRects.current = next;
-    if (!moved.length) return;
-    for (const [el, dx, dy] of moved) {
-      el.style.transition = "none";
-      el.style.transform = `translate(${dx}px, ${dy}px)`;
-    }
-    requestAnimationFrame(() => {
-      for (const [el] of moved) {
-        el.style.transition = "transform 200ms cubic-bezier(0.2, 0, 0, 1)";
-        el.style.transform = "";
-        el.addEventListener(
-          "transitionend",
-          () => {
-            el.style.transition = "";
-            el.style.transform = "";
-          },
-          { once: true }
-        );
-      }
-    });
-  }, [grouped, dragId]);
-  const commitMove = (col) => {
-    if (dragId && over && over.col === col) {
-      const colItems = grouped[col] ?? [];
-      const dp = colItems.findIndex((it) => getId(it) === dragId);
-      const sameCol = dp !== -1;
-      const noop = sameCol && (over.index === dp || over.index === dp + 1);
-      if (!noop) {
-        const toIndex = sameCol && over.index > dp ? over.index - 1 : over.index;
-        onMove(dragId, col, toIndex);
-      }
-    }
-    reset();
-  };
-  if (isLoading) return /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500 p-4", children: loadingText });
-  if (items.length === 0 && !showColumnsWhenEmpty) {
-    return /* @__PURE__ */ jsx(Fragment, { children: emptyState ?? /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500 p-4", children: "No items." }) });
-  }
-  return /* @__PURE__ */ jsx("div", { ref: boardRef, className: "flex-1 overflow-x-auto grid-scroll", children: /* @__PURE__ */ jsx("div", { className: "flex gap-3 h-full min-w-max pb-2", children: columns.map((col) => {
-    const colItems = grouped[col.value] ?? [];
-    const isOver = over !== null && over.col === col.value;
-    const dp = dragId !== null ? colItems.findIndex((it) => getId(it) === dragId) : -1;
-    const lineAt = isOver && !(dp !== -1 && (over.index === dp || over.index === dp + 1)) ? over.index : -1;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `group flex flex-col w-72 shrink-0 rounded-xl bg-gray-50 border transition-colors ${isOver ? "border-blue-400 ring-2 ring-blue-300/60" : "border-gray-200"}`,
-        onDragOver: (e) => {
-          e.preventDefault();
-          try {
-            e.dataTransfer.dropEffect = "move";
-          } catch {
-          }
-        },
-        onDrop: (e) => {
-          e.preventDefault();
-          commitMove(col.value);
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `flex items-center justify-between px-3 py-2 rounded-t-xl text-sm font-medium ${col.accent ?? "text-gray-700 bg-gray-100"}`,
-              children: [
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${col.dot ?? "bg-gray-400"}` }),
-                  col.label
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs opacity-70", children: colItems.length })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex-1 overflow-y-auto p-2 space-y-2 min-h-[120px]",
-              onDragEnter: () => setOver(
-                (prev) => prev && prev.col === col.value && prev.index === colItems.length ? prev : { col: col.value, index: colItems.length }
-              ),
-              children: [
-                colItems.map((item, index) => {
-                  const id = getId(item);
-                  const isDragged = id === dragId;
-                  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-                    lineAt === index && /* @__PURE__ */ jsx("div", { className: "h-0.5 rounded-full bg-blue-500", "aria-hidden": true }),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        "data-kanban-card": id,
-                        draggable: true,
-                        onDragStart: (e) => {
-                          setDragId(id);
-                          try {
-                            e.dataTransfer.effectAllowed = "move";
-                          } catch {
-                          }
-                        },
-                        onDragEnter: (e) => {
-                          e.stopPropagation();
-                          const draggedPos = dragId !== null ? colItems.findIndex((it) => getId(it) === dragId) : -1;
-                          const target = draggedPos !== -1 && draggedPos < index ? index + 1 : index;
-                          setOver(
-                            (prev) => prev && prev.col === col.value && prev.index === target ? prev : { col: col.value, index: target }
-                          );
-                        },
-                        onDragEnd: reset,
-                        onClick: onCardClick ? () => onCardClick(item) : void 0,
-                        style: dragId === null ? void 0 : { opacity: isDragged ? 0.4 : 1, transition: "opacity 120ms ease" },
-                        className: `rounded-lg bg-white border border-gray-200 p-3 shadow-sm hover:border-blue-400 hover:shadow transition ${onCardClick ? "cursor-pointer" : ""}`,
-                        children: renderCard(item)
-                      }
-                    )
-                  ] }, id);
-                }),
-                colItems.length > 0 && lineAt === colItems.length && /* @__PURE__ */ jsx("div", { className: "h-0.5 rounded-full bg-blue-500", "aria-hidden": true }),
-                colItems.length === 0 && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `text-[11px] text-center rounded-lg transition-all duration-150 ${isOver ? "border-2 border-dashed border-blue-300 bg-blue-50/50 text-blue-400 py-8" : "text-gray-400 py-6"}`,
-                    children: columnEmptyText
-                  }
-                )
-              ]
-            }
-          ),
-          onAddItem && /* @__PURE__ */ jsx("div", { className: "p-2 pt-0", children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onAddItem(col.value),
-              className: "flex w-full items-center justify-center gap-1 rounded-lg px-2 py-1.5 text-xs font-medium text-gray-500 opacity-0 transition hover:bg-gray-100 hover:text-gray-700 focus-visible:opacity-100 group-hover:opacity-100",
-              children: [
-                /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-sm leading-none", children: "+" }),
-                addItemText
-              ]
-            }
-          ) })
-        ]
-      },
-      col.value
-    );
-  }) }) });
-}
 function useInfiniteScroll({
   queryKey,
   fetchFn,
@@ -6667,191 +5555,40 @@ function useSort(defaultField, defaultDir = "asc", tableId) {
   const ordering = sort.direction === "desc" ? `-${sort.field}` : sort.field;
   return { sort, onSort, ordering };
 }
-function buildPages(page, pageCount, sibling) {
-  const wanted = /* @__PURE__ */ new Set([1, pageCount]);
-  for (let i = page - sibling; i <= page + sibling; i++) {
-    if (i >= 1 && i <= pageCount) wanted.add(i);
-  }
-  const sorted = [...wanted].sort((a, b) => a - b);
-  const out = [];
-  let prev = 0;
-  for (const p of sorted) {
-    if (prev && p - prev > 1) out.push("\u2026");
-    out.push(p);
-    prev = p;
-  }
-  return out;
-}
-var BTN = "inline-flex h-8 min-w-8 items-center justify-center rounded-md px-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-40";
-function Pagination({
-  page,
-  pageCount,
-  onPageChange,
-  siblingCount = 1,
-  showEdges = false,
-  className = ""
-}) {
-  if (pageCount <= 1) return null;
-  const pages = buildPages(page, pageCount, siblingCount);
-  const go = (p) => {
-    if (p >= 1 && p <= pageCount && p !== page) onPageChange(p);
-  };
-  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: `flex items-center gap-1 ${className}`.trim(), children: [
-    showEdges && /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "First page", disabled: page === 1, onClick: () => go(1), className: `${BTN} text-gray-600 hover:bg-gray-100`, children: "\xAB" }),
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Previous page", disabled: page === 1, onClick: () => go(page - 1), className: `${BTN} text-gray-600 hover:bg-gray-100`, children: "\u2039" }),
-    pages.map(
-      (p, i) => p === "\u2026" ? /* @__PURE__ */ jsx("span", { className: "px-1 text-gray-400", children: "\u2026" }, `gap-${i}`) : /* @__PURE__ */ jsx(
-        "button",
+function FilterBar({ filters, values, onChange, onClear, children }) {
+  const activeCount = Object.values(values).filter(Boolean).length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+    filters.map((f) => {
+      const isSearchable = f.searchable ?? f.options.length > 8;
+      return isSearchable ? /* @__PURE__ */ jsx(
+        SearchableFilter,
         {
-          type: "button",
-          "aria-current": p === page ? "page" : void 0,
-          onClick: () => go(p),
-          className: `${BTN} ${p === page ? "bg-blue-600 font-medium text-white" : "text-gray-700 hover:bg-gray-100"}`,
-          children: p
+          filter: f,
+          value: values[f.field] || "",
+          onChange: (v) => onChange(f.field, v)
         },
-        p
-      )
-    ),
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Next page", disabled: page === pageCount, onClick: () => go(page + 1), className: `${BTN} text-gray-600 hover:bg-gray-100`, children: "\u203A" }),
-    showEdges && /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Last page", disabled: page === pageCount, onClick: () => go(pageCount), className: `${BTN} text-gray-600 hover:bg-gray-100`, children: "\xBB" })
-  ] });
-}
-var Input = forwardRef(function Input2({ invalid, leftIcon, rightAdornment, className = "", ...rest }, ref) {
-  const pad2 = `${leftIcon ? "pl-9" : ""} ${rightAdornment ? "pr-9" : ""}`.trim();
-  const field = /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      className: inputClasses({ invalid, className: [pad2, className].filter(Boolean).join(" ") }),
-      ...rest
-    }
-  );
-  if (!leftIcon && !rightAdornment) return field;
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    leftIcon && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", children: leftIcon }),
-    field,
-    rightAdornment && /* @__PURE__ */ jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400", children: rightAdornment })
+        f.field
+      ) : /* @__PURE__ */ jsx(
+        PlainFilter,
+        {
+          filter: f,
+          value: values[f.field] || "",
+          onChange: (v) => onChange(f.field, v)
+        },
+        f.field
+      );
+    }),
+    children,
+    activeCount > 0 && /* @__PURE__ */ jsxs("button", { onClick: onClear, className: "flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700", children: [
+      /* @__PURE__ */ jsx(XMarkIcon, { className: "h-4 w-4" }),
+      "Clear filters"
+    ] })
   ] });
-});
-var Input_default = Input;
-var Textarea = forwardRef(function Textarea2({ invalid, autoGrow, className = "", onInput, rows = 3, ...rest }, ref) {
-  const handleInput = useCallback((e) => {
-    if (autoGrow) {
-      const el = e.currentTarget;
-      el.style.height = "auto";
-      el.style.height = `${el.scrollHeight}px`;
-    }
-    onInput?.(e);
-  }, [autoGrow, onInput]);
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      ref,
-      rows,
-      onInput: handleInput,
-      className: inputClasses({ invalid, className: `${autoGrow ? "resize-none overflow-hidden" : ""} ${className}`.trim() }),
-      ...rest
-    }
-  );
-});
-var Textarea_default = Textarea;
-
-// src/forms/selectNav.ts
-function firstEnabledIndex(options) {
-  for (let i = 0; i < options.length; i++) {
-    if (!options[i].disabled) return i;
-  }
-  return -1;
-}
-function lastEnabledIndex(options) {
-  for (let i = options.length - 1; i >= 0; i--) {
-    if (!options[i].disabled) return i;
-  }
-  return -1;
-}
-function nextEnabledIndex(options, from, dir) {
-  let i = from + dir;
-  while (i >= 0 && i < options.length) {
-    if (!options[i].disabled) return i;
-    i += dir;
-  }
-  if (from >= 0 && from < options.length && !options[from].disabled) return from;
-  return dir > 0 ? firstEnabledIndex(options) : lastEnabledIndex(options);
-}
-function matchTypeahead(options, buffer, fromIndex) {
-  const q = buffer.toLowerCase();
-  const n = options.length;
-  if (!q || n === 0) return -1;
-  for (let step = 1; step <= n; step++) {
-    const i = ((fromIndex + step) % n + n) % n;
-    const o = options[i];
-    if (!o.disabled && o.label.toLowerCase().startsWith(q)) return i;
-  }
-  return -1;
-}
-var MENU_GAP2 = 4;
-var VIEWPORT_MARGIN2 = 8;
-var MENU_MAX_HEIGHT2 = 240;
-var NativeSelect = forwardRef(function NativeSelect2({ value, onChange, options, placeholder, invalid, className = "", ...rest }, ref) {
-  return /* @__PURE__ */ jsxs(
-    "select",
-    {
-      ref,
-      value,
-      onChange: (e) => onChange(e.target.value),
-      className: inputClasses({ invalid, className: `pr-8 ${className}`.trim() }),
-      ...rest,
-      children: [
-        placeholder !== void 0 && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
-        options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, disabled: o.disabled, children: o.label }, o.value))
-      ]
-    }
-  );
-});
-function useAnchoredPosition(triggerRef, open) {
-  const [pos, setPos] = useState(null);
-  useLayoutEffect(() => {
-    if (!open) {
-      setPos(null);
-      return;
-    }
-    let lastLeft = NaN, lastTop = NaN, lastBottom = NaN;
-    const compute = () => {
-      const rect = triggerRef.current?.getBoundingClientRect();
-      if (!rect) return;
-      lastLeft = rect.left;
-      lastTop = rect.top;
-      lastBottom = rect.bottom;
-      const spaceBelow = window.innerHeight - rect.bottom - MENU_GAP2 - VIEWPORT_MARGIN2;
-      const spaceAbove = rect.top - MENU_GAP2 - VIEWPORT_MARGIN2;
-      const placeAbove = spaceBelow < Math.min(MENU_MAX_HEIGHT2, 160) && spaceAbove > spaceBelow;
-      const maxHeight = Math.max(96, Math.min(MENU_MAX_HEIGHT2, placeAbove ? spaceAbove : spaceBelow));
-      const left = Math.max(VIEWPORT_MARGIN2, Math.min(rect.left, window.innerWidth - rect.width - VIEWPORT_MARGIN2));
-      const next = { left, minWidth: rect.width, maxHeight };
-      if (placeAbove) next.bottom = window.innerHeight - rect.top + MENU_GAP2;
-      else next.top = rect.bottom + MENU_GAP2;
-      setPos(next);
-    };
-    compute();
-    let raf = requestAnimationFrame(function tick() {
-      const rect = triggerRef.current?.getBoundingClientRect();
-      if (rect && (rect.left !== lastLeft || rect.top !== lastTop || rect.bottom !== lastBottom)) compute();
-      raf = requestAnimationFrame(tick);
-    });
-    window.addEventListener("scroll", compute, true);
-    window.addEventListener("resize", compute);
-    return () => {
-      cancelAnimationFrame(raf);
-      window.removeEventListener("scroll", compute, true);
-      window.removeEventListener("resize", compute);
-    };
-  }, [open, triggerRef]);
-  return pos;
 }
-var ListboxSelect = forwardRef(function ListboxSelect2({ value, onChange, options, placeholder, invalid, className = "", id, disabled, ...rest }, ref) {
+function PlainFilter({ filter, value, onChange }) {
   const [open, setOpen] = useState(false);
   const [active, setActive] = useState(-1);
-  const wrapRef = useRef(null);
+  const ref = useRef(null);
   const triggerRef = useRef(null);
   const listRef = useRef(null);
   const openRef = useRef(open);
@@ -6860,49 +5597,40 @@ var ListboxSelect = forwardRef(function ListboxSelect2({ value, onChange, option
   const baseId = useId();
   const listboxId = `${baseId}-listbox`;
   const optionId = (i) => `${baseId}-opt-${i}`;
-  const menuPos = useAnchoredPosition(triggerRef, open);
-  const selectedIndex = options.findIndex((o) => o.value === value);
-  const selectedLabel = selectedIndex >= 0 ? options[selectedIndex].label : void 0;
+  const items = [{ value: "", label: filter.label }, ...filter.options];
+  const selectedIndex = value ? items.findIndex((o) => o.value === value) : 0;
+  const selectedLabel = value ? filter.options.find((o) => o.value === value)?.label : null;
   const close = useCallback((refocus = true) => {
     setOpen(false);
     setActive(-1);
     if (refocus) triggerRef.current?.focus();
   }, []);
   const openList = useCallback(() => {
-    if (disabled) return;
-    setActive(selectedIndex >= 0 ? selectedIndex : firstEnabledIndex(options));
+    setActive(selectedIndex >= 0 ? selectedIndex : firstEnabledIndex(items));
     setOpen(true);
-  }, [disabled, options, selectedIndex]);
+  }, [selectedIndex, items]);
   const commit = useCallback((i) => {
-    const o = options[i];
-    if (!o || o.disabled) return;
+    const o = items[i];
+    if (!o) return;
     onChange(o.value);
     close();
-  }, [options, onChange, close]);
+  }, [items, onChange, close]);
+  useClickOutside(ref, useCallback(() => {
+    if (open) close(false);
+  }, [open, close]));
   useEffect(() => {
     if (!open) return;
-    const unregister = registerModalEscapeInterceptor((e) => {
+    return registerModalEscapeInterceptor((e) => {
       if (e.key !== "Escape" || !openRef.current) return false;
       close();
       return true;
     });
-    return unregister;
-  }, [open, close]);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      const t = e.target;
-      if (wrapRef.current?.contains(t) || listRef.current?.contains(t)) return;
-      close(false);
-    };
-    document.addEventListener("pointerdown", handler);
-    return () => document.removeEventListener("pointerdown", handler);
   }, [open, close]);
   useEffect(() => {
     if (!open || active < 0) return;
     listRef.current?.querySelector(`#${CSS.escape(optionId(active))}`)?.scrollIntoView({ block: "nearest" });
   });
-  const runTypeahead = useCallback((char) => {
+  const runTypeahead = (char) => {
     const ta = typeahead.current;
     if (ta.timer) clearTimeout(ta.timer);
     ta.buffer += char;
@@ -6910,35 +5638,33 @@ var ListboxSelect = forwardRef(function ListboxSelect2({ value, onChange, option
       ta.buffer = "";
       ta.timer = null;
     }, 500);
-    const from = open ? active : selectedIndex;
-    const hit = matchTypeahead(options, ta.buffer, from);
+    const hit = matchTypeahead(items, ta.buffer, open ? active : selectedIndex);
     if (hit < 0) return;
     if (open) setActive(hit);
     else commit(hit);
-  }, [open, active, selectedIndex, options, commit]);
+  };
   const onKeyDown = (e) => {
-    if (disabled) return;
     switch (e.key) {
       case "ArrowDown":
         e.preventDefault();
         if (!open) openList();
-        else setActive((a) => nextEnabledIndex(options, a, 1));
+        else setActive((a) => nextEnabledIndex(items, a, 1));
         return;
       case "ArrowUp":
         e.preventDefault();
         if (!open) openList();
-        else setActive((a) => nextEnabledIndex(options, a, -1));
+        else setActive((a) => nextEnabledIndex(items, a, -1));
         return;
       case "Home":
         if (open) {
           e.preventDefault();
-          setActive(firstEnabledIndex(options));
+          setActive(firstEnabledIndex(items));
         }
         return;
       case "End":
         if (open) {
           e.preventDefault();
-          setActive(lastEnabledIndex(options));
+          setActive(lastEnabledIndex(items));
         }
         return;
       case "Enter":
@@ -6969,1521 +5695,84 @@ var ListboxSelect = forwardRef(function ListboxSelect2({ value, onChange, option
         }
     }
   };
-  return /* @__PURE__ */ jsxs("div", { ref: wrapRef, className: "relative", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsxs(
       "button",
       {
         ref: triggerRef,
-        id,
         type: "button",
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": open,
         "aria-controls": open ? listboxId : void 0,
         "aria-activedescendant": open && active >= 0 ? optionId(active) : void 0,
-        "aria-invalid": invalid || void 0,
-        disabled,
         onClick: () => open ? close() : openList(),
         onKeyDown,
-        className: inputClasses({ invalid, className: `pr-8 text-left ${className}`.trim() }),
-        children: /* @__PURE__ */ jsx("span", { className: `block truncate ${selectedLabel === void 0 ? "text-gray-400" : ""}`, children: selectedLabel ?? placeholder ?? "\xA0" })
+        className: `flex items-center gap-1.5 border rounded-lg px-2.5 py-1.5 text-sm transition-colors ${value ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-600 hover:border-gray-400"}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate max-w-[140px]", children: selectedLabel || filter.label }),
+          value ? (
+            // A span, not a button: this lives INSIDE the combobox <button>, and
+            // `<button>` inside `<button>` is invalid HTML — React logs "cannot
+            // be a descendant of" and warns of a hydration error. It stays out of
+            // the a11y tree because clearing is already a first-class keyboard
+            // action: index 0 of the listbox is the "All" entry (value ''). A
+            // nested control here would only pad the combobox's accessible name
+            // with an affordance Tab can't reach.
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onChange("");
+                },
+                className: "cursor-pointer text-blue-400 hover:text-blue-600",
+                children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ) : /* @__PURE__ */ jsx("svg", { className: `h-3.5 w-3.5 text-gray-400 transition-transform ${open ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })
+        ]
       }
     ),
-    /* @__PURE__ */ jsx(
-      "svg",
+    open && /* @__PURE__ */ jsx("div", { ref: listRef, id: listboxId, role: "listbox", className: "absolute top-full left-0 mt-1 w-56 rounded-2xl z-[400] max-h-52 overflow-y-auto py-1", style: glassStyle(), children: items.map((o, i) => /* @__PURE__ */ jsx(
+      "div",
       {
-        "aria-hidden": "true",
-        className: "pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 9l3.75-3.75L15.75 9M8.25 15l3.75 3.75L15.75 15" })
-      }
-    ),
+        id: optionId(i),
+        role: "option",
+        "aria-selected": i === selectedIndex,
+        onPointerEnter: () => setActive(i),
+        onClick: () => commit(i),
+        className: `mx-1 cursor-pointer truncate rounded-lg px-3 py-1.5 text-sm
+                ${i === active ? "bg-blue-50 text-blue-700" : i === selectedIndex ? "font-medium text-blue-600" : "text-gray-700"}`,
+        children: o.label
+      },
+      o.value || "__all__"
+    )) })
+  ] });
+}
+function SearchableFilter({ filter, value, onChange }) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const ref = useRef(null);
+  const inputRef = useRef(null);
+  const selectedLabel = value ? filter.options.find((o) => o.value === value)?.label : null;
+  useClickOutside(ref, useCallback(() => {
+    if (open) {
+      setOpen(false);
+      setSearch("");
+    }
+  }, [open]));
+  useEffect(() => {
+    if (open) setTimeout(() => inputRef.current?.focus(), 50);
+  }, [open]);
+  const filtered = search ? filter.options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase())) : filter.options;
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
     /* @__PURE__ */ jsxs(
-      "select",
+      "button",
       {
-        ref,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        disabled,
-        "aria-hidden": "true",
-        tabIndex: -1,
-        className: "sr-only",
-        ...rest,
-        children: [
-          placeholder !== void 0 && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
-          options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, disabled: o.disabled, children: o.label }, o.value))
-        ]
-      }
-    ),
-    open && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: listRef,
-          id: listboxId,
-          role: "listbox",
-          className: "fixed z-[400] overflow-y-auto rounded-2xl py-1",
-          style: {
-            left: menuPos?.left,
-            top: menuPos?.top,
-            bottom: menuPos?.bottom,
-            minWidth: menuPos?.minWidth,
-            maxHeight: menuPos?.maxHeight ?? MENU_MAX_HEIGHT2,
-            visibility: menuPos ? void 0 : "hidden",
-            ...glassStyle()
-          },
-          children: options.map((o, i) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: optionId(i),
-              role: "option",
-              "aria-selected": value === o.value,
-              "aria-disabled": o.disabled || void 0,
-              onPointerEnter: () => {
-                if (!o.disabled) setActive(i);
-              },
-              onClick: () => commit(i),
-              className: `mx-1 cursor-pointer truncate rounded-lg px-3 py-1.5 text-sm
-                ${o.disabled ? "cursor-not-allowed text-gray-400" : i === active ? "bg-blue-50 text-blue-700" : value === o.value ? "font-medium text-blue-600" : "text-gray-700"}`,
-              children: o.label
-            },
-            o.value
-          ))
-        }
-      ),
-      document.body
-    )
-  ] });
-});
-var Select = forwardRef(function Select2(props, ref) {
-  const isMobile = useIsMobile();
-  return isMobile ? /* @__PURE__ */ jsx(NativeSelect, { ref, ...props }) : /* @__PURE__ */ jsx(ListboxSelect, { ref, ...props });
-});
-var Select_default = Select;
-var BOX = "h-4 w-4 shrink-0 rounded border-gray-300 accent-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-400/30 disabled:cursor-not-allowed disabled:opacity-60";
-var Checkbox = forwardRef(function Checkbox2({ checked, onChange, label, description, disabled, className = "", ...rest }, ref) {
-  if (!label && !description) {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "checkbox",
-        checked,
-        disabled,
-        onChange: (e) => onChange(e.target.checked),
-        className: `${BOX} ${className}`.trim(),
-        ...rest
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("label", { className: `flex items-start gap-2 ${disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"} ${className}`.trim(), children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "checkbox",
-        checked,
-        disabled,
-        onChange: (e) => onChange(e.target.checked),
-        className: `${BOX} mt-0.5`,
-        ...rest
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "text-sm leading-tight", children: [
-      label && /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: label }),
-      description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-gray-500", children: description })
-    ] })
-  ] });
-});
-var Checkbox_default = Checkbox;
-var DOT = "h-4 w-4 shrink-0 border-gray-300 accent-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-400/30 disabled:cursor-not-allowed disabled:opacity-60";
-var Radio = forwardRef(function Radio2({ checked, onChange, label, description, disabled, className = "", ...rest }, ref) {
-  if (!label && !description) {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "radio",
-        checked,
-        disabled,
-        onChange: (e) => onChange(e.target.checked),
-        className: `${DOT} ${className}`.trim(),
-        ...rest
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("label", { className: `flex items-start gap-2 ${disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"} ${className}`.trim(), children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "radio",
-        checked,
-        disabled,
-        onChange: (e) => onChange(e.target.checked),
-        className: `${DOT} mt-0.5`,
-        ...rest
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "text-sm leading-tight", children: [
-      label && /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: label }),
-      description && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-gray-500", children: description })
-    ] })
-  ] });
-});
-var Radio_default = Radio;
-function FormField({
-  label,
-  htmlFor,
-  labelId,
-  hint,
-  error,
-  required,
-  className = "",
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    label && /* @__PURE__ */ jsxs("label", { id: labelId, htmlFor, className: "mb-1 block text-xs font-medium text-gray-600", children: [
-      label,
-      required && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-red-500", children: "*" })
-    ] }),
-    children,
-    error ? /* @__PURE__ */ jsx("p", { id: htmlFor ? `${htmlFor}-error` : void 0, className: "mt-1 text-[11px] text-red-600", children: error }) : hint ? /* @__PURE__ */ jsx("p", { id: htmlFor ? `${htmlFor}-hint` : void 0, className: "mt-1 text-[11px] text-gray-400", children: hint }) : null
-  ] });
-}
-function Label({ required, children, className = "", ...rest }) {
-  return /* @__PURE__ */ jsxs("label", { className: `mb-1 block text-xs font-medium text-gray-600 ${className}`.trim(), ...rest, children: [
-    children,
-    required && /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-red-500", children: "*" })
-  ] });
-}
-var DATA_URL_RE = /^data:([a-z0-9!#$&^_.+-]+)\/([a-z0-9!#$&^_.+-]+)/i;
-function dataUrlName(url) {
-  const m = DATA_URL_RE.exec(url);
-  if (!m) return "media";
-  const [, type, subtype] = m;
-  const ext = subtype.split("+")[0].split(".").pop().replace(/^x-/i, "");
-  return ext ? `${type.toLowerCase()}.${ext.toLowerCase()}` : "media";
-}
-function mediaFileName(url) {
-  if (/^data:/i.test(url || "")) return dataUrlName(url);
-  const path = (url || "").split("?")[0].split("#")[0];
-  const last = path.substring(path.lastIndexOf("/") + 1);
-  try {
-    return decodeURIComponent(last.replace(/^[0-9a-f]{32}_/i, "")) || last || "media";
-  } catch {
-    return last || "media";
-  }
-}
-var VIDEO_EXT_RE = /\.(mp4|webm|ogg|ogv|mov|m4v)(\?|#|$)/i;
-function isVideoUrl(url, accept = "") {
-  if (!url) return false;
-  const data = DATA_URL_RE.exec(url);
-  if (data) return data[1].toLowerCase() === "video";
-  const acceptsVideo = accept.includes("video");
-  const acceptsImage = accept.includes("image") || accept === "*" || accept === "";
-  return VIDEO_EXT_RE.test(url) || acceptsVideo && !acceptsImage;
-}
-function Spinner2({ className = "h-5 w-5" }) {
-  return /* @__PURE__ */ jsxs("svg", { className: `${className} animate-spin text-gray-400`, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-    /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
-  ] });
-}
-function UploadGlyph({ className = "h-6 w-6" }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.6,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      className,
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M12 15V4" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 8l4-4 4 4" }),
-        /* @__PURE__ */ jsx("path", { d: "M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3" })
-      ]
-    }
-  );
-}
-function MediaUploadField({
-  value,
-  onChange,
-  onPick,
-  label,
-  hint,
-  error,
-  required,
-  className,
-  accept = "image/*",
-  fit = "cover",
-  height = 112,
-  placeholder,
-  cta = "Choose from library or upload",
-  acceptHint,
-  showFilename = true,
-  allowReplace = true,
-  allowRemove = true,
-  replaceLabel = "Replace",
-  removeLabel = "Remove",
-  busy = false,
-  busyLabel = "Uploading\u2026",
-  disabled = false
-}) {
-  const inputRef = useRef(null);
-  const [dragOver, setDragOver] = useState(false);
-  const [focused, setFocused] = useState(false);
-  const fieldId = useId();
-  const objectUrlRef = useRef(null);
-  const [videoBlobUrl, setVideoBlobUrl] = useState(null);
-  useEffect(() => () => {
-    if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current);
-  }, []);
-  const locked = disabled || busy;
-  const acceptsVideo = accept.includes("video");
-  const acceptsImage = accept.includes("image") || accept === "*" || accept === "";
-  const isVideo = !!value && (isVideoUrl(value, accept) || value === videoBlobUrl);
-  const kindWord = acceptsVideo && !acceptsImage ? "video" : acceptsImage && !acceptsVideo ? "image" : "file";
-  const dimLine = placeholder ?? `Upload ${kindWord === "image" ? "an image" : `a ${kindWord}`}`;
-  const emitObjectUrl = (file) => {
-    if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current);
-    const url = URL.createObjectURL(file);
-    objectUrlRef.current = url;
-    setVideoBlobUrl(file.type.startsWith("video/") ? url : null);
-    onChange(url);
-  };
-  const clearValue = () => {
-    if (objectUrlRef.current) {
-      URL.revokeObjectURL(objectUrlRef.current);
-      objectUrlRef.current = null;
-    }
-    setVideoBlobUrl(null);
-    onChange("");
-  };
-  const pick = (file) => {
-    if (locked) return;
-    if (onPick) {
-      onPick(file ?? void 0);
-      return;
-    }
-    if (file) {
-      emitObjectUrl(file);
-      return;
-    }
-    inputRef.current?.click();
-  };
-  const onNativeFile = (e) => {
-    const file = e.target.files?.[0];
-    if (file) emitObjectUrl(file);
-    if (inputRef.current) inputRef.current.value = "";
-  };
-  const dropHandlers = locked ? {} : {
-    onDragOver: (e) => {
-      e.preventDefault();
-      setDragOver(true);
-    },
-    onDragLeave: () => setDragOver(false),
-    onDrop: (e) => {
-      e.preventDefault();
-      setDragOver(false);
-      const file = e.dataTransfer.files?.[0];
-      if (file) pick(file);
-    }
-  };
-  const previewName = value ? mediaFileName(value) : "";
-  const filled = /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...dropHandlers,
-        className: [
-          "relative overflow-hidden rounded-md border bg-gray-100 transition-colors",
-          dragOver ? "border-blue-500" : "border-gray-200"
-        ].join(" "),
-        style: { height },
-        children: [
-          isVideo ? /* @__PURE__ */ jsx(
-            "video",
-            {
-              src: value ?? void 0,
-              muted: true,
-              playsInline: true,
-              preload: "metadata",
-              "aria-label": previewName || void 0,
-              className: "h-full w-full",
-              style: { objectFit: fit }
-            }
-          ) : /* @__PURE__ */ jsx("img", { src: value ?? void 0, alt: previewName, className: "h-full w-full", style: { objectFit: fit } }),
-          showFilename && value && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "absolute inset-x-1 bottom-1 truncate rounded px-1.5 py-0.5 text-xs text-white",
-              style: { background: "rgba(0,0,0,0.6)" },
-              children: previewName
-            }
-          ),
-          busy && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              role: "status",
-              className: "absolute inset-0 flex items-center justify-center gap-2",
-              style: { background: "rgba(255,255,255,0.6)" },
-              children: [
-                /* @__PURE__ */ jsx(Spinner2, {}),
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-600", children: busyLabel })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    !disabled && (allowReplace || allowRemove) && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex gap-2", children: [
-      allowReplace && /* @__PURE__ */ jsx(Button_default, { id: fieldId, variant: "secondary", size: "sm", onClick: () => pick(), disabled: busy, children: replaceLabel }),
-      allowRemove && /* @__PURE__ */ jsx(Button_default, { variant: "ghost", size: "sm", onClick: clearValue, disabled: busy, children: removeLabel })
-    ] })
-  ] });
-  const empty = /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      id: fieldId,
-      onClick: () => pick(),
-      disabled: locked,
-      "aria-label": typeof dimLine === "string" ? dimLine : "Upload media",
-      "aria-busy": busy || void 0,
-      "aria-invalid": error ? true : void 0,
-      "aria-required": required || void 0,
-      "aria-describedby": error ? `${fieldId}-error` : hint ? `${fieldId}-hint` : void 0,
-      onFocus: () => setFocused(true),
-      onBlur: () => setFocused(false),
-      ...dropHandlers,
-      className: [
-        "flex w-full flex-col items-center justify-center gap-1.5 rounded-lg border-2 border-dashed text-center transition-colors",
-        locked ? "cursor-not-allowed opacity-60" : "cursor-pointer",
-        dragOver ? "border-blue-500 bg-blue-50" : "border-gray-300 bg-gray-50 hover:bg-gray-100"
-      ].join(" "),
-      style: {
-        minHeight: height,
-        outline: "none",
-        boxShadow: focused && !locked ? "0 0 0 2px rgba(59,130,246,0.45)" : void 0
-      },
-      children: busy ? /* @__PURE__ */ jsxs("span", { role: "status", className: "flex flex-col items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(Spinner2, {}),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-500", children: busyLabel })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: /* @__PURE__ */ jsx(UploadGlyph, {}) }),
-        /* @__PURE__ */ jsx("span", { className: "px-3 text-xs text-gray-500", children: dimLine }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-blue-600", children: cta }),
-        acceptHint && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: acceptHint })
-      ] })
-    }
-  );
-  return /* @__PURE__ */ jsxs(FormField, { label, htmlFor: fieldId, hint, error, required, className, children: [
-    value ? filled : empty,
-    !onPick && /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", accept, className: "hidden", onChange: onNativeFile })
-  ] });
-}
-var REMOVE_ICON = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": "true", className: "h-3 w-3", children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) });
-function MediaUploadGrid({
-  items,
-  onPick,
-  onRemove,
-  onReorder,
-  label,
-  hint,
-  error,
-  required,
-  className,
-  accept = "image/*",
-  fit = "cover",
-  thumbSize = 96,
-  placeholder,
-  cta = "Choose from library or upload",
-  acceptHint,
-  showCover = false,
-  coverLabel = "Cover",
-  busy = false,
-  busyLabel = "Uploading\u2026",
-  disabled = false,
-  readOnly = false
-}) {
-  const gridId = useId();
-  const [zoneDragOver, setZoneDragOver] = useState(false);
-  const [draggingIndex, setDraggingIndex] = useState(null);
-  const [focusedKey, setFocusedKey] = useState(null);
-  const ringStyle = (key) => ({
-    outline: "none",
-    ...focusedKey === key && !locked ? { boxShadow: "0 0 0 2px rgba(59,130,246,0.45)" } : {}
-  });
-  const blurKey = (key) => setFocusedKey((k) => k === key ? null : k);
-  const locked = disabled || busy;
-  const canAdd = !!onPick && !locked && !readOnly;
-  const canRemove = !!onRemove && !locked && !readOnly;
-  const reorderEnabled = !!onReorder && !locked && !readOnly;
-  const acceptsVideo = accept.includes("video");
-  const acceptsImage = accept.includes("image") || accept === "*" || accept === "";
-  const kindWord = acceptsVideo && !acceptsImage ? "video" : acceptsImage && !acceptsVideo ? "image" : "file";
-  const dimLine = placeholder ?? `Upload ${kindWord === "image" ? "an image" : `a ${kindWord}`}`;
-  const pick = (file) => {
-    if (!canAdd) return;
-    onPick(file ?? void 0);
-  };
-  const isFileDrag = (e) => Array.from(e.dataTransfer.types || []).includes("Files");
-  const zoneHandlers = canAdd ? {
-    onDragOver: (e) => {
-      if (!isFileDrag(e)) return;
-      e.preventDefault();
-      setZoneDragOver(true);
-    },
-    onDragLeave: () => setZoneDragOver(false),
-    onDrop: (e) => {
-      const file = e.dataTransfer.files?.[0];
-      if (!file) return;
-      e.preventDefault();
-      setZoneDragOver(false);
-      pick(file);
-    }
-  } : {};
-  const square = { width: thumbSize, height: thumbSize };
-  const thumb = (item, index) => {
-    const video = item.kind ? item.kind === "video" : isVideoUrl(item.url, accept);
-    const name = mediaFileName(item.url);
-    const isCover = showCover && (item.cover ?? index === 0);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        draggable: reorderEnabled || void 0,
-        onDragStart: reorderEnabled ? (e) => {
-          e.dataTransfer.effectAllowed = "move";
-          e.dataTransfer.setData("text/plain", String(index));
-          setDraggingIndex(index);
-        } : void 0,
-        onDragEnd: reorderEnabled ? () => setDraggingIndex(null) : void 0,
-        onDragOver: reorderEnabled ? (e) => {
-          if (draggingIndex == null) return;
-          e.preventDefault();
-          e.stopPropagation();
-        } : void 0,
-        onDrop: reorderEnabled ? (e) => {
-          if (draggingIndex == null) return;
-          e.preventDefault();
-          e.stopPropagation();
-          if (draggingIndex !== index) onReorder(draggingIndex, index);
-          setDraggingIndex(null);
-        } : void 0,
-        tabIndex: reorderEnabled ? 0 : void 0,
-        "aria-label": reorderEnabled ? `${name}, item ${index + 1} of ${items.length}. Use arrow keys to reorder.` : void 0,
-        onKeyDown: reorderEnabled ? (e) => {
-          if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-            if (index > 0) {
-              e.preventDefault();
-              onReorder(index, index - 1);
-            }
-          } else if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-            if (index < items.length - 1) {
-              e.preventDefault();
-              onReorder(index, index + 1);
-            }
-          }
-        } : void 0,
-        onFocus: reorderEnabled ? (e) => {
-          if (e.target === e.currentTarget) setFocusedKey(`thumb:${item.id}`);
-        } : void 0,
-        onBlur: reorderEnabled ? (e) => {
-          if (e.target === e.currentTarget) blurKey(`thumb:${item.id}`);
-        } : void 0,
-        className: [
-          "relative shrink-0 overflow-hidden rounded-md border border-gray-200 bg-gray-100",
-          draggingIndex === index ? "opacity-50" : ""
-        ].join(" "),
-        style: { ...square, cursor: reorderEnabled ? "move" : void 0, ...ringStyle(`thumb:${item.id}`) },
-        children: [
-          video ? /* @__PURE__ */ jsx("video", { src: item.url, muted: true, playsInline: true, preload: "metadata", "aria-label": name, className: "h-full w-full", style: { objectFit: fit } }) : /* @__PURE__ */ jsx("img", { src: item.url, alt: name, className: "h-full w-full", style: { objectFit: fit } }),
-          isCover && /* @__PURE__ */ jsx("span", { className: "absolute left-1 top-1 rounded bg-blue-600 px-1.5 py-0.5 text-xs font-medium text-white", children: coverLabel }),
-          item.caption != null && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "absolute inset-x-1 bottom-1 truncate rounded px-1.5 py-0.5 text-xs text-white",
-              style: { background: "rgba(0,0,0,0.6)" },
-              children: item.caption
-            }
-          ),
-          canRemove && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRemove(item.id),
-              "aria-label": `Remove ${name}`,
-              onFocus: () => setFocusedKey(`rm:${item.id}`),
-              onBlur: () => blurKey(`rm:${item.id}`),
-              className: "absolute right-1 top-1 flex h-5 w-5 items-center justify-center rounded-full text-white",
-              style: { background: "rgba(0,0,0,0.55)", ...ringStyle(`rm:${item.id}`) },
-              children: REMOVE_ICON
-            }
-          )
-        ]
-      },
-      item.id
-    );
-  };
-  const addTile = canAdd && /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => pick(),
-      "aria-label": "Add media",
-      onFocus: () => setFocusedKey("add"),
-      onBlur: () => blurKey("add"),
-      className: "flex shrink-0 flex-col items-center justify-center gap-1 rounded-md border-2 border-dashed border-gray-300 bg-gray-50 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-500",
-      style: { ...square, ...ringStyle("add") },
-      children: [
-        /* @__PURE__ */ jsx(UploadGlyph, { className: "h-5 w-5" }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-500", children: "Add" })
-      ]
-    }
-  );
-  const emptyDropzone = canAdd ? /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => pick(),
-      "aria-label": typeof dimLine === "string" ? dimLine : "Upload media",
-      onFocus: () => setFocusedKey("zone"),
-      onBlur: () => blurKey("zone"),
-      className: [
-        "flex w-full flex-col items-center justify-center gap-1.5 rounded-lg border-2 border-dashed text-center transition-colors cursor-pointer",
-        zoneDragOver ? "border-blue-500 bg-blue-50" : "border-gray-300 bg-gray-50 hover:bg-gray-100"
-      ].join(" "),
-      style: { minHeight: thumbSize + 32, ...ringStyle("zone") },
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: /* @__PURE__ */ jsx(UploadGlyph, {}) }),
-        /* @__PURE__ */ jsx("span", { className: "px-3 text-xs text-gray-500", children: dimLine }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-blue-600", children: cta }),
-        acceptHint && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: acceptHint })
-      ]
-    }
-  ) : /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "flex w-full items-center justify-center rounded-lg border border-gray-200 bg-gray-50 px-3 text-xs text-gray-400",
-      style: { minHeight: thumbSize + 32 },
-      children: "No media."
-    }
-  );
-  return /* @__PURE__ */ jsx(FormField, { label, labelId: label ? `${gridId}-label` : void 0, htmlFor: gridId, hint, error, required, className, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      id: gridId,
-      role: "group",
-      "aria-labelledby": label ? `${gridId}-label` : void 0,
-      "aria-describedby": error ? `${gridId}-error` : hint ? `${gridId}-hint` : void 0,
-      "aria-busy": busy || void 0,
-      ...zoneHandlers,
-      className: "relative rounded-lg transition-colors",
-      style: {
-        ...locked ? { opacity: 0.6 } : {},
-        // Inline box-shadow, not `ring-*` — the kit's shipped stylesheet has no
-        // Tailwind ring machinery (see MediaUploadField's focus ring).
-        ...zoneDragOver ? { boxShadow: "0 0 0 2px rgba(59,130,246,0.5)" } : {}
-      },
-      children: [
-        items.length === 0 ? emptyDropzone : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          items.map(thumb),
-          addTile
-        ] }),
-        busy && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            role: "status",
-            className: "absolute inset-0 flex items-center justify-center gap-2 rounded-lg",
-            style: { background: "rgba(255,255,255,0.6)" },
-            children: [
-              /* @__PURE__ */ jsx(Spinner2, {}),
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-600", children: busyLabel })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}
-var PRESET_LABELS = ["Last 2 Weeks", "Last Month", "Last 3 Months", "Last 6 Months", "Last 12 Months"];
-var MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-var YEARS_PER_PAGE = 12;
-var yearPageStart = (y) => Math.floor(y / YEARS_PER_PAGE) * YEARS_PER_PAGE;
-var pad = (n) => String(n).padStart(2, "0");
-var EDGE_MARGIN = 8;
-function clipBounds(el) {
-  for (let node = el.parentElement; node; node = node.parentElement) {
-    const style = getComputedStyle(node);
-    const overflowX = style.overflowX || style.overflow;
-    if (overflowX && overflowX !== "visible") {
-      const rect = node.getBoundingClientRect();
-      if (rect.width > 0) return { left: rect.left, right: rect.right };
-    }
-  }
-  return { left: 0, right: window.innerWidth };
-}
-function toISODate2(d) {
-  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
-}
-function parseDate(s) {
-  const [y, m, d] = s.split("-").map(Number);
-  return new Date(y, m - 1, d);
-}
-function defaultFormatDisplay(s) {
-  const [y, m, d] = s.split("-");
-  return y && m && d ? `${d}/${m}/${y}` : s;
-}
-function DateRangePicker({
-  from,
-  to,
-  onChange,
-  formatDisplay = defaultFormatDisplay,
-  clearable = true,
-  placeholder = "Date Range"
-}) {
-  const [open, setOpen] = useState(false);
-  const [tempFrom, setTempFrom] = useState(from);
-  const [tempTo, setTempTo] = useState(to);
-  const [activePreset, setActivePreset] = useState(null);
-  const ref = useRef(null);
-  const panelRef = useRef(null);
-  const [align, setAlign] = useState("left");
-  const now = /* @__PURE__ */ new Date();
-  const [month, setMonth] = useState(from ? parseDate(from).getMonth() : now.getMonth());
-  const [year, setYear] = useState(from ? parseDate(from).getFullYear() : now.getFullYear());
-  const [view, setView] = useState("days");
-  const [yearPage, setYearPage] = useState(() => yearPageStart(year));
-  const displayDate = (s) => s ? formatDisplay(s) : "";
-  useClickOutside(ref, useCallback(() => {
-    if (open) setOpen(false);
-  }, [open]));
-  useLayoutEffect(() => {
-    if (!open) return;
-    const place = () => {
-      const anchor = ref.current, panel = panelRef.current;
-      if (!anchor || !panel) return;
-      const trigger = anchor.getBoundingClientRect();
-      const width = panel.getBoundingClientRect().width;
-      const bounds = clipBounds(anchor);
-      const fitsLeftAligned = trigger.left + width <= bounds.right - EDGE_MARGIN;
-      const fitsRightAligned = trigger.right - width >= bounds.left + EDGE_MARGIN;
-      setAlign(fitsLeftAligned || !fitsRightAligned ? "left" : "right");
-    };
-    place();
-    window.addEventListener("resize", place);
-    return () => window.removeEventListener("resize", place);
-  }, [open]);
-  const handleOpen = () => {
-    setTempFrom(from);
-    setTempTo(to);
-    setActivePreset(null);
-    const anchor = from ? parseDate(from) : now;
-    setMonth(anchor.getMonth());
-    setYear(anchor.getFullYear());
-    setYearPage(yearPageStart(anchor.getFullYear()));
-    setView("days");
-    setOpen(true);
-  };
-  const handlePreset = (label) => {
-    let start, end;
-    switch (label) {
-      case "Last 2 Weeks":
-        end = /* @__PURE__ */ new Date();
-        start = /* @__PURE__ */ new Date();
-        start.setDate(start.getDate() - 14);
-        break;
-      case "Last Month":
-        start = new Date(now.getFullYear(), now.getMonth() - 1, 1);
-        end = new Date(now.getFullYear(), now.getMonth(), 0);
-        break;
-      case "Last 3 Months":
-        start = new Date(now.getFullYear(), now.getMonth() - 3, 1);
-        end = new Date(now.getFullYear(), now.getMonth(), 0);
-        break;
-      case "Last 6 Months":
-        start = new Date(now.getFullYear(), now.getMonth() - 6, 1);
-        end = new Date(now.getFullYear(), now.getMonth(), 0);
-        break;
-      case "Last 12 Months":
-        start = new Date(now.getFullYear(), now.getMonth() - 12, 1);
-        end = new Date(now.getFullYear(), now.getMonth(), 0);
-        break;
-      default:
-        return;
-    }
-    setTempFrom(toISODate2(start));
-    setTempTo(toISODate2(end));
-    setActivePreset(label);
-    setMonth(start.getMonth());
-    setYear(start.getFullYear());
-    setYearPage(yearPageStart(start.getFullYear()));
-    setView("days");
-  };
-  const handleCalendarSelect = (date) => {
-    setActivePreset("Custom");
-    if (!tempFrom || tempFrom && tempTo) {
-      setTempFrom(date);
-      setTempTo("");
-    } else {
-      if (date < tempFrom) {
-        setTempTo(tempFrom);
-        setTempFrom(date);
-      } else {
-        setTempTo(date);
-      }
-    }
-  };
-  const handleApply = () => {
-    onChange(tempFrom, tempTo);
-    setOpen(false);
-  };
-  const handleClear = () => {
-    onChange("", "");
-    setOpen(false);
-  };
-  const changeMonth = (delta) => {
-    let m = month + delta, y = year;
-    if (m < 0) {
-      m = 11;
-      y--;
-    } else if (m > 11) {
-      m = 0;
-      y++;
-    }
-    setMonth(m);
-    setYear(y);
-  };
-  const handleStep = (delta) => {
-    if (view === "days") changeMonth(delta);
-    else if (view === "months") setYear(year + delta);
-    else setYearPage(yearPage + delta * YEARS_PER_PAGE);
-  };
-  const selectMonth = (m) => {
-    setMonth(m);
-    setView("days");
-  };
-  const selectYear = (y) => {
-    setYear(y);
-    setView("months");
-  };
-  const openYears = () => {
-    setYearPage(yearPageStart(year));
-    setView("years");
-  };
-  const firstDay = new Date(year, month, 1).getDay();
-  const daysInMonth = new Date(year, month + 1, 0).getDate();
-  const prevDays = new Date(year, month, 0).getDate();
-  const monthName = new Date(year, month).toLocaleString("default", { month: "long" });
-  const cells = [];
-  for (let i = firstDay - 1; i >= 0; i--) {
-    const d = new Date(year, month - 1, prevDays - i);
-    cells.push({ day: prevDays - i, current: false, date: toISODate2(d) });
-  }
-  for (let d = 1; d <= daysInMonth; d++) {
-    cells.push({ day: d, current: true, date: toISODate2(new Date(year, month, d)) });
-  }
-  const remaining = 42 - cells.length;
-  for (let d = 1; d <= remaining; d++) {
-    cells.push({ day: d, current: false, date: toISODate2(new Date(year, month + 1, d)) });
-  }
-  const isInRange = (date) => {
-    if (!tempFrom || !tempTo) return false;
-    const s = tempFrom < tempTo ? tempFrom : tempTo;
-    const e = tempFrom < tempTo ? tempTo : tempFrom;
-    return date > s && date < e;
-  };
-  const displayText = from && to ? `${displayDate(from)} \u2014 ${displayDate(to)}` : from ? `From ${displayDate(from)}` : to ? `To ${displayDate(to)}` : "";
-  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `inline-flex items-center gap-2 border rounded-lg px-2.5 py-1.5 text-sm focus-within:border-blue-500 focus-within:ring-1 focus-within:ring-blue-500 ${from || to ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-500"}`,
-        children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: handleOpen,
-              "aria-haspopup": "dialog",
-              "aria-expanded": open,
-              className: "inline-flex items-center gap-2 focus:outline-none",
-              children: [
-                /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
-                displayText || placeholder
-              ]
-            }
-          ),
-          clearable && (from || to) && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleClear,
-              "aria-label": "Clear date range",
-              className: "text-blue-400 hover:text-red-500 focus:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 rounded",
-              children: "\xD7"
-            }
-          )
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: panelRef,
-        role: "dialog",
-        "aria-label": "Date range",
-        className: "absolute z-50 mt-1 rounded-2xl p-4",
-        style: { ...align === "right" ? { right: 0 } : { left: 0 }, ...glassStyle() },
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-500", children: "From" }),
-              /* @__PURE__ */ jsx("span", { className: `text-sm px-2 py-1 rounded border min-w-[90px] ${tempFrom ? "border-blue-300 bg-blue-50 text-blue-700" : "border-gray-200 bg-gray-50 text-gray-400"}`, children: tempFrom ? displayDate(tempFrom) : "Start" })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "\u2014" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-500", children: "To" }),
-              /* @__PURE__ */ jsx("span", { className: `text-sm px-2 py-1 rounded border min-w-[90px] ${tempTo ? "border-blue-300 bg-blue-50 text-blue-700" : "border-gray-200 bg-gray-50 text-gray-400"}`, children: tempTo ? displayDate(tempTo) : "End" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "w-64", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2 px-1", children: [
-                /* @__PURE__ */ jsx("button", { type: "button", onClick: () => handleStep(-1), "aria-label": "Previous", className: "p-1 rounded-full hover:bg-gray-100 text-gray-600", children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) }) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm font-semibold text-gray-800", children: [
-                  view === "days" && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setView("months"),
-                      className: "px-1.5 py-0.5 rounded-md hover:bg-gray-100 transition-colors",
-                      children: monthName
-                    }
-                  ),
-                  view === "years" ? /* @__PURE__ */ jsxs("span", { className: "px-1.5 py-0.5", children: [
-                    yearPage,
-                    " \u2013 ",
-                    yearPage + YEARS_PER_PAGE - 1
-                  ] }) : /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: openYears,
-                      className: "px-1.5 py-0.5 rounded-md hover:bg-gray-100 transition-colors",
-                      children: year
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("button", { type: "button", onClick: () => handleStep(1), "aria-label": "Next", className: "p-1 rounded-full hover:bg-gray-100 text-gray-600", children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "min-h-[13.75rem]", children: [
-                view === "days" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 text-center text-xs font-medium text-gray-500 mb-1", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((d) => /* @__PURE__ */ jsx("div", { className: "py-1", children: d }, d)) }),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 text-center text-sm", children: cells.map((c, i) => {
-                    const isStart = c.date === tempFrom;
-                    const isEnd = c.date === tempTo;
-                    const isSelected = isStart || isEnd;
-                    const inRange = isInRange(c.date);
-                    return /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => handleCalendarSelect(c.date),
-                        className: `py-1.5 rounded-md transition-colors ${!c.current ? "text-gray-300" : isSelected ? "bg-blue-600 text-white font-semibold" : inRange ? "bg-blue-100 text-blue-800" : "text-gray-700 hover:bg-gray-100"}`,
-                        children: c.day
-                      },
-                      i
-                    );
-                  }) })
-                ] }),
-                view === "months" && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 text-center text-sm", children: MONTH_NAMES.map((name, m) => {
-                  const isCurrent = m === month;
-                  const isThisMonth = m === now.getMonth() && year === now.getFullYear();
-                  return /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => selectMonth(m),
-                      className: `py-4 rounded-md transition-colors ${isCurrent ? "bg-blue-600 text-white font-semibold" : isThisMonth ? "text-blue-600 font-medium hover:bg-gray-100" : "text-gray-700 hover:bg-gray-100"}`,
-                      children: name
-                    },
-                    name
-                  );
-                }) }),
-                view === "years" && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 text-center text-sm", children: Array.from({ length: YEARS_PER_PAGE }, (_, i) => yearPage + i).map((y) => {
-                  const isCurrent = y === year;
-                  const isThisYear = y === now.getFullYear();
-                  return /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => selectYear(y),
-                      className: `py-4 rounded-md transition-colors ${isCurrent ? "bg-blue-600 text-white font-semibold" : isThisYear ? "text-blue-600 font-medium hover:bg-gray-100" : "text-gray-700 hover:bg-gray-100"}`,
-                      children: y
-                    },
-                    y
-                  );
-                }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "border-l border-gray-200 pl-4 flex flex-col gap-1 min-w-[130px]", children: [
-              PRESET_LABELS.map((label) => /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => handlePreset(label),
-                  className: `text-left px-3 py-1.5 text-sm rounded-md transition-colors ${activePreset === label ? "bg-blue-50 text-blue-700 font-medium" : "text-gray-700 hover:bg-gray-50"}`,
-                  children: label
-                },
-                label
-              )),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setActivePreset("Custom"),
-                  className: `text-left px-3 py-1.5 text-sm rounded-md transition-colors ${activePreset === "Custom" ? "bg-blue-50 text-blue-700 font-medium" : "text-gray-700 hover:bg-gray-50"}`,
-                  children: "Custom"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-4 pt-3 border-t border-gray-200", children: [
-            clearable && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClear, className: "px-3 py-1.5 text-sm text-gray-500 hover:text-gray-700", children: "Clear" }),
-            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setOpen(false), className: "px-3 py-1.5 text-sm text-gray-600 border border-gray-300 rounded-md hover:bg-gray-50", children: "Cancel" }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleApply,
-                disabled: !tempFrom || !tempTo,
-                className: "px-4 py-1.5 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 disabled:opacity-50",
-                children: "Apply"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function Card({ children, header, footer, padded = true, className = "" }) {
-  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border border-gray-200 bg-white shadow-sm ${className}`.trim(), children: [
-    header && /* @__PURE__ */ jsx("div", { className: "border-b border-gray-100 px-4 py-3 text-sm font-semibold text-gray-900", children: header }),
-    /* @__PURE__ */ jsx("div", { className: padded ? "p-4" : "", children }),
-    footer && /* @__PURE__ */ jsx("div", { className: "border-t border-gray-100 px-4 py-3", children: footer })
-  ] });
-}
-function StatCard({ label, value, icon, delta, className = "" }) {
-  const deltaColor = delta?.direction === "up" ? "text-green-600" : delta?.direction === "down" ? "text-red-600" : "text-gray-500";
-  const arrow = delta?.direction === "up" ? "\u25B2" : delta?.direction === "down" ? "\u25BC" : "\u2192";
-  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border border-gray-200 bg-white p-4 shadow-sm ${className}`.trim(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase tracking-wide text-gray-500", children: label }),
-      icon && /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: icon })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-baseline gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-2xl font-semibold text-gray-900", children: value }),
-      delta && /* @__PURE__ */ jsxs("span", { className: `text-xs font-medium ${deltaColor}`, children: [
-        arrow,
-        " ",
-        delta.value
-      ] })
-    ] })
-  ] });
-}
-var SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 56 };
-var STATUS_COLOR = {
-  online: "bg-green-500",
-  offline: "bg-gray-400",
-  busy: "bg-red-500",
-  away: "bg-amber-500"
-};
-function initials(name) {
-  if (!name) return "?";
-  const parts = name.trim().split(/\s+/).filter(Boolean);
-  if (parts.length === 0) return "?";
-  const first = parts[0][0] ?? "";
-  const last = parts.length > 1 ? parts[parts.length - 1][0] : "";
-  return (first + last).toUpperCase() || "?";
-}
-function Avatar({ src, name, size = "md", status, className = "" }) {
-  const px = SIZE_PX[size];
-  const dot = Math.max(8, Math.round(px * 0.28));
-  return /* @__PURE__ */ jsxs("span", { className: `relative inline-flex shrink-0 ${className}`.trim(), style: { width: px, height: px }, children: [
-    src ? /* @__PURE__ */ jsx("img", { src, alt: name ?? "", className: "h-full w-full rounded-full object-cover" }) : /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "flex h-full w-full items-center justify-center rounded-full bg-gray-100 font-medium text-gray-600",
-        style: { fontSize: Math.round(px * 0.4) },
-        children: initials(name)
-      }
-    ),
-    status && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: `absolute bottom-0 right-0 rounded-full ring-2 ring-white ${STATUS_COLOR[status]}`,
-        style: { width: dot, height: dot }
-      }
-    )
-  ] });
-}
-function AvatarGroup({ children, max, size = "md", className = "" }) {
-  const items = Children.toArray(children);
-  const shown = max ? items.slice(0, max) : items;
-  const overflow = max ? items.length - shown.length : 0;
-  const px = SIZE_PX[size];
-  const overlap = Math.round(px * 0.3);
-  return /* @__PURE__ */ jsxs("div", { className: `flex items-center ${className}`.trim(), children: [
-    shown.map((child, i) => /* @__PURE__ */ jsx("span", { className: "rounded-full ring-2 ring-white", style: { marginLeft: i === 0 ? 0 : -overlap }, children: child }, i)),
-    overflow > 0 && /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: "flex items-center justify-center rounded-full bg-gray-200 font-medium text-gray-600 ring-2 ring-white",
-        style: { width: px, height: px, marginLeft: -overlap, fontSize: Math.round(px * 0.36) },
-        children: [
-          "+",
-          overflow
-        ]
-      }
-    )
-  ] });
-}
-var TONE = {
-  info: { box: "bg-blue-50 border-blue-200", icon: "text-blue-600" },
-  success: { box: "bg-green-50 border-green-200", icon: "text-green-600" },
-  warning: { box: "bg-amber-50 border-amber-200", icon: "text-amber-600" },
-  danger: { box: "bg-red-50 border-red-200", icon: "text-red-600" }
-};
-function ToneIcon({ tone }) {
-  const common = { className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true };
-  switch (tone) {
-    case "success":
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.7-9.3a1 1 0 00-1.4-1.4L9 10.6 7.7 9.3a1 1 0 00-1.4 1.4l2 2a1 1 0 001.4 0l4-4z", clipRule: "evenodd" }) });
-    case "warning":
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M8.3 2.8a2 2 0 013.4 0l6 10A2 2 0 0116 16H4a2 2 0 01-1.7-3.2l6-10zM10 7a1 1 0 00-1 1v3a1 1 0 102 0V8a1 1 0 00-1-1zm0 7a1 1 0 100 2 1 1 0 000-2z", clipRule: "evenodd" }) });
-    case "danger":
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.7 7.3a1 1 0 00-1.4 1.4L8.6 10l-1.3 1.3a1 1 0 101.4 1.4L10 11.4l1.3 1.3a1 1 0 001.4-1.4L11.4 10l1.3-1.3a1 1 0 10-1.4-1.4L10 8.6 8.7 7.3z", clipRule: "evenodd" }) });
-    default:
-      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9 9a1 1 0 012 0v4a1 1 0 11-2 0V9zm1-4a1 1 0 100 2 1 1 0 000-2z", clipRule: "evenodd" }) });
-  }
-}
-function Banner({ tone = "info", title, children, icon, onDismiss, className = "" }) {
-  const t = TONE[tone];
-  return /* @__PURE__ */ jsxs("div", { role: tone === "danger" ? "alert" : "status", className: `flex items-start gap-3 rounded-lg border px-4 py-3 ${t.box} ${className}`.trim(), children: [
-    /* @__PURE__ */ jsx("span", { className: `mt-0.5 shrink-0 ${t.icon}`, children: icon ?? /* @__PURE__ */ jsx(ToneIcon, { tone }) }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 text-sm", children: [
-      title && /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900", children: title }),
-      children && /* @__PURE__ */ jsx("div", { className: `text-gray-700 ${title ? "mt-0.5" : ""}`.trim(), children })
-    ] }),
-    onDismiss && /* @__PURE__ */ jsx("button", { type: "button", onClick: onDismiss, "aria-label": "Dismiss", className: "shrink-0 text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 6l8 8M14 6l-8 8" }) }) })
-  ] });
-}
-function Tabs({ items, value, onChange, variant = "underline", className = "" }) {
-  if (variant === "pill") {
-    return /* @__PURE__ */ jsx("div", { role: "tablist", className: `inline-flex items-center gap-1 rounded-lg bg-gray-100 p-1 ${className}`.trim(), children: items.map((t) => {
-      const active = t.id === value;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": active,
-          tabIndex: active ? 0 : -1,
-          disabled: t.disabled,
-          onClick: () => onChange(t.id),
-          className: `inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${active ? "bg-blue-600 text-white shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
-          children: [
-            t.icon,
-            t.label
-          ]
-        },
-        t.id
-      );
-    }) });
-  }
-  return /* @__PURE__ */ jsx("div", { role: "tablist", className: `flex items-center gap-1 border-b border-gray-200 ${className}`.trim(), children: items.map((t) => {
-    const active = t.id === value;
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": active,
-        tabIndex: active ? 0 : -1,
-        disabled: t.disabled,
-        onClick: () => onChange(t.id),
-        className: `-mb-px inline-flex items-center gap-1.5 border-b-2 px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${active ? "border-blue-600 text-blue-600" : "border-transparent text-gray-600 hover:border-gray-300 hover:text-gray-900"}`,
-        children: [
-          t.icon,
-          t.label
-        ]
-      },
-      t.id
-    );
-  }) });
-}
-function Accordion({
-  items,
-  defaultOpenIds = [],
-  openIds,
-  onOpenChange,
-  allowMultiple = false,
-  className = ""
-}) {
-  const [internal, setInternal] = useState(defaultOpenIds);
-  const open = openIds ?? internal;
-  const toggle = (id) => {
-    const isOpen = open.includes(id);
-    const next = isOpen ? open.filter((x) => x !== id) : allowMultiple ? [...open, id] : [id];
-    if (openIds === void 0) setInternal(next);
-    onOpenChange?.(next);
-  };
-  return /* @__PURE__ */ jsx("div", { className: `divide-y divide-gray-100 overflow-hidden rounded-lg border border-gray-200 ${className}`.trim(), children: items.map((item) => {
-    const isOpen = open.includes(item.id);
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          disabled: item.disabled,
-          "aria-expanded": isOpen,
-          onClick: () => toggle(item.id),
-          className: "flex w-full items-center justify-between gap-3 px-4 py-3 text-left text-sm font-medium text-gray-900 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50",
-          children: [
-            /* @__PURE__ */ jsx("span", { children: item.title }),
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: `h-4 w-4 shrink-0 text-gray-400 transition-transform ${isOpen ? "rotate-180" : ""}`,
-                viewBox: "0 0 20 20",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx("path", { d: "M6 8l4 4 4-4", strokeLinecap: "round", strokeLinejoin: "round" })
-              }
-            )
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsx("div", { className: "px-4 pb-3 text-sm text-gray-600", children: item.content })
-    ] }, item.id);
-  }) });
-}
-var SIDE_POS = {
-  top: "bottom-full left-1/2 -translate-x-1/2 mb-1.5",
-  bottom: "top-full left-1/2 -translate-x-1/2 mt-1.5",
-  left: "right-full top-1/2 -translate-y-1/2 mr-1.5",
-  right: "left-full top-1/2 -translate-y-1/2 ml-1.5"
-};
-function Tooltip({ content, side = "top", delay = 200, children }) {
-  const [show, setShow] = useState(false);
-  const timer = useRef(void 0);
-  const id = useId();
-  const open = () => {
-    timer.current = window.setTimeout(() => setShow(true), delay);
-  };
-  const close = () => {
-    window.clearTimeout(timer.current);
-    setShow(false);
-  };
-  useEffect(() => () => window.clearTimeout(timer.current), []);
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: "relative inline-flex",
-      "aria-describedby": show ? id : void 0,
-      onMouseEnter: open,
-      onMouseLeave: close,
-      onFocus: open,
-      onBlur: close,
-      children: [
-        children,
-        show && /* @__PURE__ */ jsx(
-          "span",
-          {
-            id,
-            role: "tooltip",
-            className: `pointer-events-none absolute z-[300] whitespace-nowrap rounded-md px-2 py-1 text-xs text-gray-800 ${SIDE_POS[side]}`,
-            style: glassStyle(),
-            children: content
-          }
-        )
-      ]
-    }
-  );
-}
-function ColoredBadge({ colorClass, children, size = "sm", capitalize = false }) {
-  const sizeCls = size === "xs" ? "px-2 py-0.5 text-[10px]" : size === "md" ? "px-2.5 py-0.5 text-xs" : "px-2 py-0.5 text-xs";
-  const capCls = capitalize ? "capitalize" : "";
-  return /* @__PURE__ */ jsx("span", { className: `inline-flex items-center rounded-full font-medium ${sizeCls} ${capCls} ${colorClass}`, children });
-}
-function EmptyState({
-  title,
-  message,
-  description,
-  hint,
-  variant,
-  frameless,
-  icon,
-  children
-}) {
-  const v = frameless ? "none" : variant ?? "dashed";
-  const showIcon = icon ?? v !== "card";
-  const primary = message ?? (title ? void 0 : "Nothing here yet.");
-  const secondary = description ?? hint;
-  const frame = v === "card" ? "rounded-md border border-gray-200 bg-white px-6 py-12" : v === "none" ? "px-6 py-12" : "rounded-lg border-2 border-dashed border-gray-300 px-6 py-12";
-  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col items-center justify-center text-center ${frame}`, children: [
-    showIcon && /* @__PURE__ */ jsx("svg", { className: "h-10 w-10 text-gray-300 mb-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }),
-    title && /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-gray-900", children: title }),
-    primary && /* @__PURE__ */ jsx("p", { className: `text-sm text-gray-500 ${title ? "mt-2" : ""}`, children: primary }),
-    secondary && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 mt-1", children: secondary }),
-    children && /* @__PURE__ */ jsx("div", { className: "mt-4", children })
-  ] });
-}
-function PageHeader({ title, description, subtitle, actions, children }) {
-  const desc = description ?? subtitle;
-  const right = actions ?? children;
-  return /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: title }),
-      desc && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500", children: desc })
-    ] }),
-    right && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: right })
-  ] });
-}
-function LoadingSpinner2({ size = "md", padding = "py-12", className = "" }) {
-  const dim = size === "sm" ? "h-5 w-5" : size === "lg" ? "h-12 w-12" : "h-8 w-8";
-  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center ${padding} ${className}`, children: /* @__PURE__ */ jsx("div", { className: `${dim} animate-spin rounded-full border-2 border-gray-200 border-t-blue-600` }) });
-}
-function FilterBar({ filters, values, onChange, onClear, children }) {
-  const activeCount = Object.values(values).filter(Boolean).length;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
-    filters.map((f) => {
-      const isSearchable = f.searchable ?? f.options.length > 8;
-      return isSearchable ? /* @__PURE__ */ jsx(
-        SearchableFilter,
-        {
-          filter: f,
-          value: values[f.field] || "",
-          onChange: (v) => onChange(f.field, v)
-        },
-        f.field
-      ) : /* @__PURE__ */ jsx(
-        PlainFilter,
-        {
-          filter: f,
-          value: values[f.field] || "",
-          onChange: (v) => onChange(f.field, v)
-        },
-        f.field
-      );
-    }),
-    children,
-    activeCount > 0 && /* @__PURE__ */ jsxs("button", { onClick: onClear, className: "flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700", children: [
-      /* @__PURE__ */ jsx(XMarkIcon, { className: "h-4 w-4" }),
-      "Clear filters"
-    ] })
-  ] });
-}
-function PlainFilter({ filter, value, onChange }) {
-  const [open, setOpen] = useState(false);
-  const [active, setActive] = useState(-1);
-  const ref = useRef(null);
-  const triggerRef = useRef(null);
-  const listRef = useRef(null);
-  const openRef = useRef(open);
-  openRef.current = open;
-  const typeahead = useRef({ buffer: "", timer: null });
-  const baseId = useId();
-  const listboxId = `${baseId}-listbox`;
-  const optionId = (i) => `${baseId}-opt-${i}`;
-  const items = [{ value: "", label: filter.label }, ...filter.options];
-  const selectedIndex = value ? items.findIndex((o) => o.value === value) : 0;
-  const selectedLabel = value ? filter.options.find((o) => o.value === value)?.label : null;
-  const close = useCallback((refocus = true) => {
-    setOpen(false);
-    setActive(-1);
-    if (refocus) triggerRef.current?.focus();
-  }, []);
-  const openList = useCallback(() => {
-    setActive(selectedIndex >= 0 ? selectedIndex : firstEnabledIndex(items));
-    setOpen(true);
-  }, [selectedIndex, items]);
-  const commit = useCallback((i) => {
-    const o = items[i];
-    if (!o) return;
-    onChange(o.value);
-    close();
-  }, [items, onChange, close]);
-  useClickOutside(ref, useCallback(() => {
-    if (open) close(false);
-  }, [open, close]));
-  useEffect(() => {
-    if (!open) return;
-    return registerModalEscapeInterceptor((e) => {
-      if (e.key !== "Escape" || !openRef.current) return false;
-      close();
-      return true;
-    });
-  }, [open, close]);
-  useEffect(() => {
-    if (!open || active < 0) return;
-    listRef.current?.querySelector(`#${CSS.escape(optionId(active))}`)?.scrollIntoView({ block: "nearest" });
-  });
-  const runTypeahead = (char) => {
-    const ta = typeahead.current;
-    if (ta.timer) clearTimeout(ta.timer);
-    ta.buffer += char;
-    ta.timer = setTimeout(() => {
-      ta.buffer = "";
-      ta.timer = null;
-    }, 500);
-    const hit = matchTypeahead(items, ta.buffer, open ? active : selectedIndex);
-    if (hit < 0) return;
-    if (open) setActive(hit);
-    else commit(hit);
-  };
-  const onKeyDown = (e) => {
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault();
-        if (!open) openList();
-        else setActive((a) => nextEnabledIndex(items, a, 1));
-        return;
-      case "ArrowUp":
-        e.preventDefault();
-        if (!open) openList();
-        else setActive((a) => nextEnabledIndex(items, a, -1));
-        return;
-      case "Home":
-        if (open) {
-          e.preventDefault();
-          setActive(firstEnabledIndex(items));
-        }
-        return;
-      case "End":
-        if (open) {
-          e.preventDefault();
-          setActive(lastEnabledIndex(items));
-        }
-        return;
-      case "Enter":
-        if (open) {
-          e.preventDefault();
-          commit(active);
-        }
-        return;
-      case " ":
-        e.preventDefault();
-        if (!open) openList();
-        else commit(active);
-        return;
-      case "Escape":
-        if (open) {
-          e.preventDefault();
-          e.stopPropagation();
-          close();
-        }
-        return;
-      case "Tab":
-        if (open) close(false);
-        return;
-      default:
-        if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey) {
-          e.preventDefault();
-          runTypeahead(e.key);
-        }
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: triggerRef,
-        type: "button",
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": open,
-        "aria-controls": open ? listboxId : void 0,
-        "aria-activedescendant": open && active >= 0 ? optionId(active) : void 0,
-        onClick: () => open ? close() : openList(),
-        onKeyDown,
-        className: `flex items-center gap-1.5 border rounded-lg px-2.5 py-1.5 text-sm transition-colors ${value ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-600 hover:border-gray-400"}`,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate max-w-[140px]", children: selectedLabel || filter.label }),
-          value ? (
-            // A span, not a button: this lives INSIDE the combobox <button>, and
-            // `<button>` inside `<button>` is invalid HTML — React logs "cannot
-            // be a descendant of" and warns of a hydration error. It stays out of
-            // the a11y tree because clearing is already a first-class keyboard
-            // action: index 0 of the listbox is the "All" entry (value ''). A
-            // nested control here would only pad the combobox's accessible name
-            // with an affordance Tab can't reach.
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                "aria-hidden": "true",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onChange("");
-                },
-                className: "cursor-pointer text-blue-400 hover:text-blue-600",
-                children: /* @__PURE__ */ jsx(XMarkIcon, { className: "h-3.5 w-3.5" })
-              }
-            )
-          ) : /* @__PURE__ */ jsx("svg", { className: `h-3.5 w-3.5 text-gray-400 transition-transform ${open ? "rotate-180" : ""}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx("div", { ref: listRef, id: listboxId, role: "listbox", className: "absolute top-full left-0 mt-1 w-56 rounded-2xl z-[400] max-h-52 overflow-y-auto py-1", style: glassStyle(), children: items.map((o, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: optionId(i),
-        role: "option",
-        "aria-selected": i === selectedIndex,
-        onPointerEnter: () => setActive(i),
-        onClick: () => commit(i),
-        className: `mx-1 cursor-pointer truncate rounded-lg px-3 py-1.5 text-sm
-                ${i === active ? "bg-blue-50 text-blue-700" : i === selectedIndex ? "font-medium text-blue-600" : "text-gray-700"}`,
-        children: o.label
-      },
-      o.value || "__all__"
-    )) })
-  ] });
-}
-function SearchableFilter({ filter, value, onChange }) {
-  const [open, setOpen] = useState(false);
-  const [search, setSearch] = useState("");
-  const ref = useRef(null);
-  const inputRef = useRef(null);
-  const selectedLabel = value ? filter.options.find((o) => o.value === value)?.label : null;
-  useClickOutside(ref, useCallback(() => {
-    if (open) {
-      setOpen(false);
-      setSearch("");
-    }
-  }, [open]));
-  useEffect(() => {
-    if (open) setTimeout(() => inputRef.current?.focus(), 50);
-  }, [open]);
-  const filtered = search ? filter.options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase())) : filter.options;
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: () => setOpen(!open),
-        className: `flex items-center gap-1.5 border rounded-lg px-2.5 py-1.5 text-sm transition-colors ${value ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-600 hover:border-gray-400"}`,
+        onClick: () => setOpen(!open),
+        className: `flex items-center gap-1.5 border rounded-lg px-2.5 py-1.5 text-sm transition-colors ${value ? "border-blue-400 bg-blue-50 text-blue-700" : "border-gray-300 text-gray-600 hover:border-gray-400"}`,
         children: [
           /* @__PURE__ */ jsx("span", { className: "truncate max-w-[140px]", children: selectedLabel || filter.label }),
           value ? (
@@ -8565,203 +5854,6 @@ function useFilters() {
   return { filterValues, setFilter, clearFilters, filterParams };
 }
 
-// src/shell/severity.ts
-var SEVERITY_TONES = ["success", "warning", "danger"];
-function isSeverityTone(value) {
-  return typeof value === "string" && SEVERITY_TONES.includes(value);
-}
-function severityOf(value, warn, crit) {
-  if (value == null || !Number.isFinite(value)) return null;
-  const warnAt = boundOf(warn);
-  const critAt = boundOf(crit);
-  if (warnAt == null && critAt == null) return null;
-  if (critAt != null && value >= critAt) return "danger";
-  if (warnAt != null && value >= warnAt) return "warning";
-  return "success";
-}
-function boundOf(value) {
-  return value != null && Number.isFinite(value) ? value : null;
-}
-var SEVERITY_FILL = {
-  success: "bg-green-500",
-  warning: "bg-amber-500",
-  danger: "bg-red-500"
-};
-var SEVERITY_INK = {
-  success: "text-gray-900",
-  warning: "text-amber-600",
-  danger: "text-red-600"
-};
-var SEVERITY_WORD = {
-  success: "ok",
-  warning: "warning",
-  danger: "critical"
-};
-var SEVERITY_UNKNOWN_FILL = "bg-gray-300 border border-red-500";
-var SEVERITY_UNKNOWN_INK = "text-gray-900";
-var TONE_STYLES = {
-  success: { tone: "success", fill: SEVERITY_FILL.success, ink: SEVERITY_INK.success, word: SEVERITY_WORD.success },
-  warning: { tone: "warning", fill: SEVERITY_FILL.warning, ink: SEVERITY_INK.warning, word: SEVERITY_WORD.warning },
-  danger: { tone: "danger", fill: SEVERITY_FILL.danger, ink: SEVERITY_INK.danger, word: SEVERITY_WORD.danger }
-};
-function styleForTone(tone) {
-  return tone == null ? null : TONE_STYLES[tone];
-}
-function describeToken(value) {
-  const raw = typeof value === "string" ? JSON.stringify(value) : typeof value === "number" || typeof value === "boolean" || typeof value === "bigint" ? String(value) : Object.prototype.toString.call(value);
-  return raw.length > 32 ? `${raw.slice(0, 31)}\u2026` : raw;
-}
-var reported = /* @__PURE__ */ new Set();
-function reportUnknownSeverity(component, described) {
-  const key = `${component}:${described}`;
-  if (reported.has(key)) return;
-  reported.add(key);
-  console.error(
-    `[react-os-shell] ${component}: severity ${described} is not one of ${SEVERITY_TONES.join(" | ")}. Rendering an "unknown severity" marker \u2014 a health marker must never silently disappear. If this came from a backend rollup, map it to the shell's vocabulary at the fetch boundary (see isSeverityTone).`
-  );
-}
-function resolveSeverity(severity, component) {
-  if (severity == null) return null;
-  if (isSeverityTone(severity)) return TONE_STYLES[severity];
-  const described = describeToken(severity);
-  reportUnknownSeverity(component, described);
-  return {
-    tone: null,
-    fill: SEVERITY_UNKNOWN_FILL,
-    ink: SEVERITY_UNKNOWN_INK,
-    word: `unrecognised severity ${described}`
-  };
-}
-function warnOnce(key, message) {
-  if (reported.has(key)) return;
-  reported.add(key);
-  console.error(message);
-}
-function SidebarGroupLabel({ children }) {
-  return /* @__PURE__ */ jsx("p", { className: "px-2.5 pb-1 pt-1 text-[11px] font-semibold uppercase tracking-wide text-gray-400", children });
-}
-function SidebarNavItem({ label, count, active, onClick, severity }) {
-  const marker = resolveSeverity(severity, "SidebarNavItem");
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: `flex w-full items-center justify-between gap-2 rounded-lg px-2.5 py-1.5 text-sm text-left ${active ? "bg-blue-50 font-medium text-blue-700" : "text-gray-700 hover:bg-gray-100"}`,
-      children: [
-        marker && // Decorative in the a11y tree — the word itself follows the label, so
-        // the item reads "Warehouses, warning, 12" in that order instead of
-        // leading with a tone before anyone knows what it belongs to.
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            title: marker.word,
-            className: `shrink-0 h-1.5 w-1.5 rounded-full ${marker.fill}`
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: marker ? "truncate mr-auto" : "truncate", children: label }),
-        marker && /* @__PURE__ */ jsx("span", { className: "sr-only", children: marker.word }),
-        count != null && count > 0 && /* @__PURE__ */ jsx("span", { className: `shrink-0 inline-flex items-center justify-center min-w-[1.25rem] px-1.5 h-5 rounded-full text-[11px] font-medium ${active ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, children: count })
-      ]
-    }
-  );
-}
-function Tick({ at, title, className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      title,
-      className: `absolute -top-[3px] h-3 w-0.5 rounded-[1px] ${className}`,
-      style: { left: `${at}%` }
-    }
-  );
-}
-var clampPct = (n) => Math.min(100, Math.max(0, n));
-function MetricBar({
-  label,
-  value,
-  max = 100,
-  warn,
-  crit,
-  severity,
-  detail,
-  formatValue,
-  emptyLabel = "no data",
-  size = "sm",
-  ariaLabel,
-  className = ""
-}) {
-  const reading = value != null && Number.isFinite(value) ? value : null;
-  const scale = Number.isFinite(max) && max > 0 ? max : null;
-  if (scale == null) {
-    warnOnce(
-      `MetricBar:max:${String(max)}`,
-      `[react-os-shell] MetricBar: max=${String(max)} is not a positive finite number, so there is no scale to draw a proportional bar against. Printing the value without a bar. Pass the real capacity, or leave the reading out entirely (value={null}) when it is unknown \u2014 do not pass 0.`
-    );
-  }
-  const supplied = resolveSeverity(severity, "MetricBar");
-  const paint = reading != null ? supplied ?? styleForTone(severityOf(reading, warn, crit)) : null;
-  const warnAt = boundOf(warn);
-  const critAt = boundOf(crit);
-  const width = reading != null && scale != null ? clampPct(reading / scale * 100) : 0;
-  const format = formatValue ?? ((v) => scale === 100 ? `${v.toFixed(1)}%` : String(v));
-  const printed = reading != null ? format(reading) : "\u2014";
-  const showTicks = reading != null && scale != null && (warnAt != null || critAt != null);
-  const meterLabel = ariaLabel ?? (typeof label === "string" ? label : void 0);
-  const barHeight = size === "md" ? "h-2" : "h-1.5";
-  const isMeter = reading != null && scale != null;
-  const bar = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...isMeter ? {
-        role: "meter",
-        "aria-label": meterLabel,
-        "aria-valuemin": 0,
-        "aria-valuemax": scale,
-        // Kept inside the declared range: the bar clamps, and a valuenow
-        // past its own valuemax is an invalid widget. `aria-valuetext`
-        // still carries the unclamped truth, and takes precedence in the
-        // announcement.
-        "aria-valuenow": Math.min(scale, Math.max(0, reading)),
-        "aria-valuetext": printed
-      } : { "aria-hidden": true },
-      className: isMeter && paint ? `relative mt-2 ${barHeight} rounded-full bg-gray-200` : `relative mt-2 ${barHeight} rounded-full border border-dashed border-gray-300 bg-transparent`,
-      children: [
-        isMeter && // Grey when unjudged: the magnitude is real, the verdict is not ours.
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `absolute inset-y-0 left-0 rounded-full ${paint ? paint.fill : "bg-gray-400"}`,
-            style: { width: `${width}%` }
-          }
-        ),
-        showTicks && scale != null && warnAt != null && /* @__PURE__ */ jsx(Tick, { at: clampPct(warnAt / scale * 100), title: `warning \u2265 ${warnAt}`, className: "bg-gray-400 opacity-75" }),
-        showTicks && scale != null && critAt != null && /* @__PURE__ */ jsx(Tick, { at: clampPct(critAt / scale * 100), title: `critical \u2265 ${critAt}`, className: "bg-gray-500" })
-      ]
-    }
-  );
-  const valueInk = paint ? paint.ink : reading != null ? "text-gray-900" : "text-gray-400";
-  if (size === "md") {
-    return /* @__PURE__ */ jsxs("div", { className, children: [
-      label != null && /* @__PURE__ */ jsx("div", { className: "text-[10px] font-medium uppercase tracking-wide text-gray-500", children: label }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-baseline gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: `text-2xl font-semibold leading-[30px] tabular-nums ${valueInk}`, children: printed }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[11px] tabular-nums text-gray-400", children: reading != null ? detail : emptyLabel })
-      ] }),
-      bar
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
-      label != null && /* @__PURE__ */ jsx("span", { className: "w-14 shrink-0 truncate text-[10px] font-medium uppercase tracking-wide text-gray-500", children: label }),
-      /* @__PURE__ */ jsx("span", { className: `text-sm font-semibold tabular-nums ${valueInk}`, children: printed }),
-      /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 truncate text-[10px] tabular-nums text-gray-400", children: reading != null ? detail : emptyLabel })
-    ] }),
-    bar
-  ] });
-}
-
 // src/shell/perfDescribe.ts
 var TOP_GROUPS = 3;
 var fps = (n) => n > 0 ? `${n.toFixed(0)} fps` : "stalled";
@@ -9395,7 +6487,7 @@ function BulkImportGrid({ columns, onImport, description, mergeDuplicates = fals
     error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 px-4 py-1", children: error })
   ] });
 }
-var BTN2 = "text-xs text-gray-500 hover:text-gray-700 disabled:opacity-40 disabled:hover:text-gray-500 disabled:cursor-default";
+var BTN = "text-xs text-gray-500 hover:text-gray-700 disabled:opacity-40 disabled:hover:text-gray-500 disabled:cursor-default";
 function UndoControls({ className = "" }) {
   const { undo, redo, canUndo, canRedo, undoLabel, redoLabel, enabled } = useUndo();
   if (!enabled) return null;
@@ -9407,131 +6499,21 @@ function UndoControls({ className = "" }) {
         onClick: undo,
         disabled: !canUndo,
         title: canUndo ? `Undo ${undoLabel} (${CMD_Z})` : "Nothing to undo",
-        className: BTN2,
-        children: "Undo"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: redo,
-        disabled: !canRedo,
-        title: canRedo ? `Redo ${redoLabel} (${CMD_SHIFT_Z})` : "Nothing to redo",
-        className: BTN2,
-        children: "Redo"
-      }
-    )
-  ] });
-}
-var C20 = 33;
-var C40 = 67;
-var toInt = (v) => typeof v === "number" ? v : parseInt(String(v ?? "")) || 0;
-function ContainerFillChart({
-  items,
-  getVolume,
-  qtyField = "instruction",
-  showNewIndicator = false,
-  getInstructionQty = (item) => item.quantity,
-  getActualQty = (item) => item.actual_qty,
-  isFilled,
-  isNew = (item) => Boolean(item._isNew),
-  className,
-  style
-}) {
-  const filledLines = isFilled ? items.filter(isFilled) : items;
-  const qtyInstr = (l) => toInt(getInstructionQty(l));
-  const qtyActual = (l) => toInt(getActualQty(l));
-  const hasActual = filledLines.some((l) => getActualQty(l) != null && qtyActual(l) > 0);
-  const qtyOf = (l) => {
-    if (hasActual) return qtyInstr(l);
-    return qtyField === "actual" ? getActualQty(l) ?? getInstructionQty(l) ?? 0 : getInstructionQty(l) ?? 0;
-  };
-  const totalQty = filledLines.reduce((s, l) => s + toInt(qtyOf(l)), 0);
-  const newCount = filledLines.filter((l) => isNew(l)).length;
-  const newQty = filledLines.filter((l) => isNew(l)).reduce((s, l) => s + toInt(qtyOf(l)), 0);
-  const totalQtyInstr = filledLines.reduce((s, l) => s + qtyInstr(l), 0);
-  const totalQtyActual = filledLines.reduce((s, l) => s + qtyActual(l), 0);
-  const totalVolumeInstr = filledLines.reduce((s, l) => s + getVolume(l) * qtyInstr(l), 0);
-  const totalVolumeActual = filledLines.reduce((s, l) => s + getVolume(l) * qtyActual(l), 0);
-  const totalVolume = hasActual ? Math.max(totalVolumeInstr, totalVolumeActual) : qtyField === "actual" ? totalVolumeActual || totalVolumeInstr : totalVolumeInstr;
-  const useType = totalVolume <= C20 * 1.05 ? "20ft" : "40ft";
-  const containerCap = useType === "20ft" ? C20 : C40;
-  const totalContainers = totalVolume > 0 ? Math.max(1, Math.ceil(totalVolume / containerCap)) : 0;
-  const totalCap = totalContainers * containerCap;
-  const isOptimal = totalVolume > 0 && totalVolume >= totalCap * 0.95 && totalVolume <= totalCap * 1.1;
-  if (filledLines.length === 0) return null;
-  const fillFor = (volume, idx) => containerCap > 0 ? Math.max(0, Math.min((volume - idx * containerCap) / containerCap * 100, 100)) : 0;
-  return /* @__PURE__ */ jsxs("div", { className: `mt-2 px-1 space-y-2 ${className ?? ""}`.trim(), style, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        filledLines.length,
-        " items \xB7 ",
-        totalQty,
-        " pcs",
-        hasActual && totalQtyInstr !== totalQtyActual && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-gray-400", children: [
-          "(",
-          totalQtyInstr,
-          " instr / ",
-          totalQtyActual,
-          " loaded)"
-        ] })
-      ] }),
-      showNewIndicator && newCount > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-green-600", children: [
-        /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-green-500" }),
-        newCount,
-        " new (",
-        newQty,
-        " pcs)"
-      ] })
-    ] }),
-    totalVolume > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      Array.from({ length: totalContainers }).map((_, i) => {
-        const instrPct = fillFor(totalVolumeInstr, i);
-        const actualPct = fillFor(totalVolumeActual, i);
-        const dual = hasActual;
-        const longerPct = Math.max(instrPct, actualPct);
-        const shorterPct = Math.min(instrPct, actualPct);
-        const longerIsInstr = instrPct >= actualPct;
-        const longerColor = dual ? longerIsInstr ? "bg-blue-500" : "bg-green-500" : "bg-blue-500";
-        const shorterColor = dual ? longerIsInstr ? "bg-green-500" : "bg-blue-500" : "";
-        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 w-8 shrink-0", children: useType }),
-          /* @__PURE__ */ jsxs("div", { className: "relative flex-1 h-4 bg-gray-100 rounded-full overflow-hidden border border-gray-200", children: [
-            /* @__PURE__ */ jsx("div", { className: `absolute inset-y-0 left-0 ${longerColor} transition-all`, style: { width: `${longerPct}%` } }),
-            dual && shorterPct > 0 && /* @__PURE__ */ jsx("div", { className: `absolute inset-y-0 left-0 ${shorterColor} transition-all`, style: { width: `${shorterPct}%` } })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-500 w-16 text-right", children: dual ? `${Math.min(totalVolumeActual - i * containerCap, containerCap).toFixed(1)} / ${containerCap} m\xB3` : `${Math.min(totalVolumeInstr - i * containerCap, containerCap).toFixed(1)} / ${containerCap} m\xB3` })
-        ] }, `bar-${i}`);
-      }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs pt-0.5", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-gray-500 inline-flex items-center gap-1", children: [
-          "Total:",
-          hasActual ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-blue-700", children: [
-              /* @__PURE__ */ jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-blue-500" }),
-              totalVolumeInstr.toFixed(2),
-              " m\xB3 instruction"
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "/" }),
-            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-green-700", children: [
-              /* @__PURE__ */ jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-green-500" }),
-              totalVolumeActual.toFixed(2),
-              " m\xB3 loaded"
-            ] })
-          ] }) : /* @__PURE__ */ jsxs("b", { className: "text-gray-700", children: [
-            totalVolume.toFixed(2),
-            " m\xB3"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("span", { className: `font-medium ${isOptimal ? "text-green-600" : "text-gray-500"}`, children: [
-          isOptimal && "\u2713 ",
-          totalContainers,
-          " \xD7 ",
-          useType
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-400", children: "Volume: N/A (no volume data for these part numbers)" })
+        className: BTN,
+        children: "Undo"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: redo,
+        disabled: !canRedo,
+        title: canRedo ? `Redo ${redoLabel} (${CMD_SHIFT_Z})` : "Nothing to redo",
+        className: BTN,
+        children: "Redo"
+      }
+    )
   ] });
 }
 var DEFAULT_POLL_MS = 15e3;
@@ -9965,911 +6947,6 @@ function PdfActionButton({
     )
   ] });
 }
-var DAY_MS = 864e5;
-function toDayMs(dateStr) {
-  if (!dateStr) return null;
-  const t = new Date(dateStr).getTime();
-  return Number.isFinite(t) ? t : null;
-}
-function fmtSliderDate(ms) {
-  return formatDate(new Date(ms).toISOString().slice(0, 10));
-}
-var KIND_STYLES = {
-  default: {
-    base: "h-2.5 w-2.5 rounded-full bg-blue-500 border-white",
-    active: "bg-blue-700",
-    placeholder: "h-2.5 w-2.5 rounded-full bg-white border-gray-300 hover:border-gray-500"
-  },
-  dfm: {
-    base: "h-2.5 w-2.5 rounded-sm bg-amber-500 border-white",
-    active: "bg-amber-600",
-    placeholder: "h-2.5 w-2.5 rounded-sm bg-white border-amber-300 hover:border-amber-500"
-  },
-  shipment: {
-    base: "h-2.5 w-2.5 rotate-45 bg-emerald-500 border-white",
-    active: "bg-emerald-600",
-    placeholder: "h-2.5 w-2.5 rotate-45 bg-white border-emerald-300 hover:border-emerald-500"
-  },
-  testing: {
-    base: "h-3 w-3 rounded-full bg-violet-500 border-white",
-    active: "bg-violet-700",
-    placeholder: "h-3 w-3 rounded-full bg-white border-violet-300 hover:border-violet-500",
-    inner: /* @__PURE__ */ jsx("span", { className: "block h-1 w-1 rounded-full bg-white" })
-  },
-  completion: {
-    base: "h-3.5 w-3.5 rounded-full bg-green-600 border-white",
-    active: "bg-green-700",
-    placeholder: "h-3.5 w-3.5 rounded-full bg-white border-green-300 hover:border-green-500",
-    inner: /* @__PURE__ */ jsx("svg", { className: "h-2 w-2 text-white", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })
-  }
-};
-function MilestoneTimeline({ title, milestones, summary, endDate, phaseLabels }) {
-  const [hoveredKey, setHoveredKey] = useState(null);
-  const [today] = useState(() => Date.now());
-  const realDates = milestones.map((m) => toDayMs(m.date ?? null)).filter((t) => t !== null);
-  const explicitEnd = toDayMs(endDate ?? null);
-  let startMs;
-  let endMs;
-  if (realDates.length === 0) {
-    endMs = explicitEnd ?? today;
-    startMs = endMs - 30 * DAY_MS;
-  } else {
-    startMs = Math.min(...realDates);
-    endMs = explicitEnd ?? Math.max(...realDates);
-    if (endMs - startMs < DAY_MS) endMs = startMs + DAY_MS;
-  }
-  const span = Math.max(endMs - startMs, DAY_MS);
-  const totalLeadDays = realDates.length > 0 ? Math.max(0, Math.round((endMs - startMs) / DAY_MS)) : 0;
-  const autoSummary = totalLeadDays > 0 ? `${totalLeadDays.toLocaleString()} day${totalLeadDays === 1 ? "" : "s"} lead time` : void 0;
-  const renderSummary = summary ?? autoSummary;
-  const placed = milestones.map((m, i) => {
-    const ms = toDayMs(m.date ?? null);
-    if (ms !== null) return { ...m, ms, isPlaceholder: false };
-    let prevMs = null;
-    for (let j = i - 1; j >= 0; j--) {
-      const v = toDayMs(milestones[j].date ?? null);
-      if (v !== null) {
-        prevMs = v;
-        break;
-      }
-    }
-    let nextMs = null;
-    for (let j = i + 1; j < milestones.length; j++) {
-      const v = toDayMs(milestones[j].date ?? null);
-      if (v !== null) {
-        nextMs = v;
-        break;
-      }
-    }
-    let fallback;
-    if (prevMs !== null && nextMs !== null) fallback = (prevMs + nextMs) / 2;
-    else if (prevMs !== null) fallback = Math.min(prevMs + DAY_MS, endMs);
-    else if (nextMs !== null) fallback = Math.max(nextMs - DAY_MS, startMs);
-    else fallback = startMs + span * (i + 1) / (milestones.length + 1);
-    return { ...m, ms: fallback, isPlaceholder: true };
-  });
-  const todayMs = today;
-  const phases = (() => {
-    const groups = {};
-    for (const m of placed) {
-      if (!m.phase) continue;
-      (groups[m.phase] = groups[m.phase] || []).push(m);
-    }
-    return Object.entries(groups).filter(([, ms]) => ms.length >= 2).map(([key, ms]) => ({
-      key,
-      label: phaseLabels?.[key] ?? key,
-      minMs: Math.min(...ms.map((m) => m.ms)),
-      maxMs: Math.max(...ms.map((m) => m.ms))
-    }));
-  })();
-  return /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-end justify-between mb-1 gap-2", children: /* @__PURE__ */ jsxs("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide", children: [
-      title,
-      renderSummary && /* @__PURE__ */ jsx("span", { className: "ml-2 text-gray-400 normal-case", children: renderSummary })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded-lg bg-gray-50", children: /* @__PURE__ */ jsx("div", { className: "select-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-3", children: [
-      placed.length > 0 && (() => {
-        const m = placed[0];
-        return /* @__PURE__ */ jsxs("div", { className: `text-[10px] leading-tight whitespace-nowrap text-right shrink-0 pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : "text-gray-700"}`, children: [
-          /* @__PURE__ */ jsx("div", { className: "font-medium", children: m.label }),
-          !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
-        ] });
-      })(),
-      /* @__PURE__ */ jsxs("div", { className: "relative flex-1 flex flex-col justify-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "relative h-7 mb-1", children: placed.map((m, i) => {
-          if (i === 0 || i === placed.length - 1) return null;
-          if (i % 2 !== 0) return null;
-          const p = (m.ms - startMs) / span * 100;
-          if (p < -0.5 || p > 100.5) return null;
-          const isHovered = m.key === hoveredKey;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `absolute bottom-0 -translate-x-1/2 text-center text-[10px] leading-tight whitespace-nowrap pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : isHovered ? "text-blue-700 font-semibold" : "text-gray-700"}`,
-              style: { left: `${Math.max(0, Math.min(100, p))}%` },
-              children: [
-                /* @__PURE__ */ jsx("div", { children: m.label }),
-                !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
-              ]
-            },
-            `above-${m.key}`
-          );
-        }) }),
-        /* @__PURE__ */ jsxs("div", { className: "relative h-2 bg-gray-200 rounded-full", children: [
-          realDates.length > 0 && (() => {
-            const lastReal = Math.min(Math.max(...realDates), todayMs);
-            const fillPct = (lastReal - startMs) / span * 100;
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute top-0 left-0 h-full bg-blue-300 rounded-full pointer-events-none",
-                style: { width: `${Math.max(0, Math.min(100, fillPct))}%` }
-              }
-            );
-          })(),
-          todayMs > startMs && todayMs < endMs && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute -top-1 h-4 w-px bg-gray-400 pointer-events-none",
-              style: { left: `${(todayMs - startMs) / span * 100}%` },
-              title: `Today \u2014 ${fmtSliderDate(todayMs)}`
-            }
-          ),
-          placed.map((m) => {
-            const p = (m.ms - startMs) / span * 100;
-            if (p < -0.5 || p > 100.5) return null;
-            const isHovered = m.key === hoveredKey;
-            const style = KIND_STYLES[m.kind ?? "default"];
-            const dotClass = m.isPlaceholder ? style.placeholder : isHovered ? `${style.base} ${style.active}` : style.base;
-            const Tag = m.onClick ? "button" : "div";
-            return /* @__PURE__ */ jsx(
-              Tag,
-              {
-                type: m.onClick ? "button" : void 0,
-                onMouseEnter: () => setHoveredKey(m.key),
-                onMouseLeave: () => setHoveredKey((prev) => prev === m.key ? null : prev),
-                onClick: m.onClick,
-                className: `absolute top-1/2 -translate-x-1/2 -translate-y-1/2 border-2 shadow flex items-center justify-center ${dotClass} ${m.onClick ? "cursor-pointer" : "cursor-default"}`,
-                style: { left: `${Math.max(0, Math.min(100, p))}%` },
-                "aria-label": `${m.label}${m.isPlaceholder ? " (not reached yet)" : ` on ${fmtSliderDate(m.ms)}`}`,
-                title: `${m.label}${m.isPlaceholder ? " \u2014 not reached yet" : ` \u2022 ${fmtSliderDate(m.ms)}`}${m.detail ? ` \u2014 ${m.detail}` : ""}`,
-                children: !m.isPlaceholder && style.inner
-              },
-              m.key
-            );
-          })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "relative h-7 mt-1", children: placed.map((m, i) => {
-          if (i === 0 || i === placed.length - 1) return null;
-          if (i % 2 === 0) return null;
-          const p = (m.ms - startMs) / span * 100;
-          if (p < -0.5 || p > 100.5) return null;
-          const isHovered = m.key === hoveredKey;
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `absolute top-0 -translate-x-1/2 text-center text-[10px] leading-tight whitespace-nowrap pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : isHovered ? "text-blue-700 font-semibold" : "text-gray-700"}`,
-              style: { left: `${Math.max(0, Math.min(100, p))}%` },
-              children: [
-                /* @__PURE__ */ jsx("div", { children: m.label }),
-                !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
-              ]
-            },
-            `below-${m.key}`
-          );
-        }) }),
-        phases.length > 0 && /* @__PURE__ */ jsx("div", { className: "relative h-5 mt-2", children: phases.map((ph) => {
-          const leftPct = Math.max(0, (ph.minMs - startMs) / span * 100);
-          const rightPct = Math.min(100, (ph.maxMs - startMs) / span * 100);
-          const widthPct = Math.max(rightPct - leftPct, 0.5);
-          const centerPct = leftPct + widthPct / 2;
-          return /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute border-l border-r border-b border-slate-300 rounded-b-md pointer-events-none",
-                style: { left: `${leftPct}%`, width: `${widthPct}%`, top: 0, height: 8 }
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "absolute -translate-x-1/2 text-[9px] italic text-slate-500 whitespace-nowrap pointer-events-none",
-                style: { left: `${centerPct}%`, top: 9 },
-                children: [
-                  ph.label,
-                  " ",
-                  /* @__PURE__ */ jsx("span", { className: "text-slate-400 not-italic", children: "\xB7 parallel" })
-                ]
-              }
-            )
-          ] }, `phase-${ph.key}`);
-        }) })
-      ] }),
-      placed.length > 1 && (() => {
-        const m = placed[placed.length - 1];
-        return /* @__PURE__ */ jsxs("div", { className: `text-[10px] leading-tight whitespace-nowrap text-left shrink-0 pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : "text-gray-700"}`, children: [
-          /* @__PURE__ */ jsx("div", { className: "font-medium", children: m.label }),
-          !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
-        ] });
-      })()
-    ] }) }) })
-  ] });
-}
-function Sparkline({
-  data,
-  width = 120,
-  height = 32,
-  stroke = "currentColor",
-  fill,
-  strokeWidth = 1.5,
-  showDots = false,
-  className,
-  style
-}) {
-  if (data.length === 0) return null;
-  const max = Math.max(...data);
-  const min = Math.min(...data);
-  const span = max - min || 1;
-  const pad2 = strokeWidth + (showDots ? 2 : 0);
-  const y = (v) => height - pad2 - (v - min) / span * (height - pad2 * 2);
-  const pts = data.length === 1 ? [[0, height / 2], [width, height / 2]] : data.map((v, i) => [i * width / (data.length - 1), y(v)]);
-  const line = pts.map(([x, yy], i) => `${i === 0 ? "M" : "L"}${x.toFixed(2)},${yy.toFixed(2)}`).join(" ");
-  const area = `${line} L${width.toFixed(2)},${height} L0,${height} Z`;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className,
-      style,
-      width,
-      height,
-      viewBox: `0 0 ${width} ${height}`,
-      preserveAspectRatio: "none",
-      role: "img",
-      "aria-hidden": "true",
-      children: [
-        fill && /* @__PURE__ */ jsx("path", { d: area, fill, stroke: "none" }),
-        /* @__PURE__ */ jsx("path", { d: line, fill: "none", stroke, strokeWidth, strokeLinejoin: "round", strokeLinecap: "round" }),
-        showDots && pts.map(([x, yy], i) => /* @__PURE__ */ jsx("circle", { cx: x, cy: yy, r: strokeWidth + 0.5, fill: stroke }, i))
-      ]
-    }
-  );
-}
-function BarChart({
-  data,
-  labels,
-  height = 120,
-  color = "currentColor",
-  colors,
-  max,
-  gap = 6,
-  className,
-  style
-}) {
-  if (data.length === 0) return null;
-  const peak = max ?? (Math.max(...data, 0) || 1);
-  return /* @__PURE__ */ jsxs("div", { className, style, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-end", style: { height, gap }, children: data.map((v, i) => /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col justify-end", style: { height: "100%" }, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "w-full rounded-t",
-        style: {
-          height: `${Math.max(0, v / peak * 100)}%`,
-          minHeight: v > 0 ? 2 : 0,
-          backgroundColor: colors?.[i] ?? color
-        },
-        title: labels?.[i] != null ? `${labels[i]}: ${v}` : String(v)
-      }
-    ) }, i)) }),
-    labels && /* @__PURE__ */ jsx("div", { className: "mt-1 flex", style: { gap }, children: labels.map((l, i) => /* @__PURE__ */ jsx("div", { className: "flex-1 truncate text-center text-[10px] text-gray-400", children: l }, i)) })
-  ] });
-}
-var PALETTE = ["#3b82f6", "#22c55e", "#f59e0b", "#ef4444", "#6366f1", "#14b8a6", "#a855f7", "#64748b"];
-function DonutChart({ segments, size = 120, thickness = 16, centerLabel, className, style }) {
-  const total = segments.reduce((s, x) => s + Math.max(0, x.value), 0) || 1;
-  const r = (size - thickness) / 2;
-  const c = size / 2;
-  const circ = 2 * Math.PI * r;
-  let offset = 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `relative inline-flex items-center justify-center ${className ?? ""}`.trim(),
-      style: { width: size, height: size, ...style },
-      children: [
-        /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, role: "img", "aria-hidden": "true", style: { transform: "rotate(-90deg)" }, children: [
-          /* @__PURE__ */ jsx("circle", { cx: c, cy: c, r, fill: "none", stroke: "rgba(148,163,184,0.25)", strokeWidth: thickness }),
-          segments.map((s, i) => {
-            const len = Math.max(0, s.value) / total * circ;
-            const el = /* @__PURE__ */ jsx(
-              "circle",
-              {
-                cx: c,
-                cy: c,
-                r,
-                fill: "none",
-                stroke: s.color ?? PALETTE[i % PALETTE.length],
-                strokeWidth: thickness,
-                strokeDasharray: `${len} ${circ - len}`,
-                strokeDashoffset: -offset
-              },
-              i
-            );
-            offset += len;
-            return el;
-          })
-        ] }),
-        centerLabel != null && /* @__PURE__ */ jsx("div", { className: "absolute text-center text-sm font-semibold text-gray-900", children: centerLabel })
-      ]
-    }
-  );
-}
-var STATUS_GROUPS = {
-  paid: "success",
-  shipped: "active",
-  processing: "queued",
-  refunded: "neutral",
-  overdue: "danger"
-};
-var REVENUE = [12, 18, 14, 22, 19, 27, 24, 31, 28, 35, 30, 38];
-var MONTHS = ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"];
-var ORDERS = [
-  { id: "#3201", customer: "Alice Nguyen", total: "$1,204", status: "paid" },
-  { id: "#3202", customer: "Marco Reyes", total: "$642", status: "shipped" },
-  { id: "#3203", customer: "Priya Patel", total: "$2,980", status: "processing" },
-  { id: "#3204", customer: "Tom Becker", total: "$318", status: "overdue" },
-  { id: "#3205", customer: "Sara Lind", total: "$540", status: "refunded" }
-];
-function DashboardTemplate() {
-  return /* @__PURE__ */ jsx(StatusBadgeProvider, { groups: STATUS_GROUPS, children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: "Dashboard" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "Overview of your store this month" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Button_default, { variant: "secondary", size: "sm", children: "Export" }),
-        /* @__PURE__ */ jsx(Button_default, { size: "sm", children: "New report" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
-      /* @__PURE__ */ jsx(StatCard, { label: "Revenue", value: "$38.2k", delta: { value: "12%", direction: "up" } }),
-      /* @__PURE__ */ jsx(StatCard, { label: "Orders", value: "1,204", delta: { value: "4%", direction: "up" } }),
-      /* @__PURE__ */ jsx(StatCard, { label: "Customers", value: "892", delta: { value: "2%", direction: "down" } }),
-      /* @__PURE__ */ jsx(StatCard, { label: "Refunds", value: "$1.1k", delta: { value: "0%", direction: "flat" } })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3", children: [
-      /* @__PURE__ */ jsx(Card, { header: "Revenue", className: "lg:col-span-2", children: /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: /* @__PURE__ */ jsx(BarChart, { data: REVENUE, labels: MONTHS, height: 160 }) }) }),
-      /* @__PURE__ */ jsx(Card, { header: "Traffic sources", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx(
-          DonutChart,
-          {
-            size: 120,
-            segments: [
-              { label: "Direct", value: 45 },
-              { label: "Search", value: 30 },
-              { label: "Social", value: 15 },
-              { label: "Email", value: 10 }
-            ],
-            centerLabel: /* @__PURE__ */ jsx("span", { className: "text-gray-900", children: "100%" })
-          }
-        ),
-        /* @__PURE__ */ jsxs("ul", { className: "space-y-1.5 text-sm text-gray-600", children: [
-          /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Dot, { c: "#3b82f6" }),
-            "Direct \xB7 45%"
-          ] }),
-          /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Dot, { c: "#22c55e" }),
-            "Search \xB7 30%"
-          ] }),
-          /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Dot, { c: "#f59e0b" }),
-            "Social \xB7 15%"
-          ] }),
-          /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Dot, { c: "#ef4444" }),
-            "Email \xB7 10%"
-          ] })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { header: "Recent orders", padded: false, children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-gray-100 text-left text-xs uppercase tracking-wide text-gray-400", children: [
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Order" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Customer" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Total" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Status" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: ORDERS.map((o) => /* @__PURE__ */ jsxs("tr", { className: "text-gray-700", children: [
-        /* @__PURE__ */ jsx("td", { className: "px-4 py-2 font-mono text-xs text-gray-500", children: o.id }),
-        /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Avatar, { size: "xs", name: o.customer }),
-          o.customer
-        ] }) }),
-        /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: o.total }),
-        /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(StatusBadge, { status: o.status }) })
-      ] }, o.id)) })
-    ] }) }),
-    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-xs text-gray-400", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-emerald-600", children: /* @__PURE__ */ jsx(Sparkline, { data: REVENUE, width: 80, height: 20 }) }),
-      "Trending up 12% vs last month"
-    ] })
-  ] }) }) });
-}
-function Dot({ c }) {
-  return /* @__PURE__ */ jsx("span", { className: "inline-block h-2.5 w-2.5 rounded-full", style: { backgroundColor: c } });
-}
-var GROUPS = {
-  active: "success",
-  invited: "queued",
-  suspended: "danger",
-  pending: "pending"
-};
-var ROWS = [
-  { name: "Alice Nguyen", email: "alice@acme.co", role: "Admin", status: "active" },
-  { name: "Marco Reyes", email: "marco@acme.co", role: "Editor", status: "invited" },
-  { name: "Priya Patel", email: "priya@acme.co", role: "Editor", status: "active" },
-  { name: "Tom Becker", email: "tom@acme.co", role: "Viewer", status: "suspended" },
-  { name: "Sara Lind", email: "sara@acme.co", role: "Viewer", status: "pending" },
-  { name: "Yuki Tanaka", email: "yuki@acme.co", role: "Editor", status: "active" }
-];
-function DataTablePage() {
-  const [page, setPage] = useState(1);
-  const [role, setRole] = useState("");
-  const [query, setQuery] = useState("");
-  return /* @__PURE__ */ jsx(StatusBadgeProvider, { groups: GROUPS, children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: "Members" }),
-      /* @__PURE__ */ jsx(Button_default, { size: "sm", children: "Invite member" })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { padded: false, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-gray-100 p-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "min-w-48 flex-1", children: /* @__PURE__ */ jsx(Input_default, { value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search members\u2026", leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}) }) }),
-        /* @__PURE__ */ jsx("div", { className: "w-40", children: /* @__PURE__ */ jsx(
-          Select_default,
-          {
-            value: role,
-            onChange: setRole,
-            placeholder: "All roles",
-            options: [
-              { value: "admin", label: "Admin" },
-              { value: "editor", label: "Editor" },
-              { value: "viewer", label: "Viewer" }
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Button_default, { variant: "secondary", size: "sm", children: "Filter" })
-      ] }),
-      /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-gray-100 text-left text-xs uppercase tracking-wide text-gray-400", children: [
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Name" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Role" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium text-right", children: "Actions" })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: ROWS.map((r) => /* @__PURE__ */ jsxs("tr", { className: "text-gray-700 hover:bg-gray-50", children: [
-          /* @__PURE__ */ jsxs("td", { className: "px-4 py-2.5", children: [
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900", children: r.name }),
-            /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-400", children: r.email })
-          ] }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5", children: r.role }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsx(StatusBadge, { status: r.status }) }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 text-right", children: /* @__PURE__ */ jsx(Button_default, { variant: "ghost", size: "sm", children: "Edit" }) })
-        ] }, r.email)) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-gray-100 p-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: "Showing 1\u20136 of 48" }),
-        /* @__PURE__ */ jsx(Pagination, { page, pageCount: 8, onPageChange: setPage, showEdges: true })
-      ] })
-    ] })
-  ] }) }) });
-}
-function SearchIcon() {
-  return /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "6" }),
-    /* @__PURE__ */ jsx("path", { d: "M14 14l3 3", strokeLinecap: "round" })
-  ] });
-}
-function FormLayoutPage() {
-  const [plan, setPlan] = useState("pro");
-  const [newsletter, setNewsletter] = useState(true);
-  const [country, setCountry] = useState("us");
-  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("form", { className: "mx-auto max-w-2xl space-y-5", onSubmit: (e) => e.preventDefault(), children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: "Account settings" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "Update your profile and preferences." })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { header: "Profile", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-        /* @__PURE__ */ jsx(FormField, { label: "First name", htmlFor: "fn", required: true, children: /* @__PURE__ */ jsx(Input_default, { id: "fn", defaultValue: "Alice" }) }),
-        /* @__PURE__ */ jsx(FormField, { label: "Last name", htmlFor: "ln", required: true, children: /* @__PURE__ */ jsx(Input_default, { id: "ln", defaultValue: "Nguyen" }) })
-      ] }),
-      /* @__PURE__ */ jsx(FormField, { label: "Email", htmlFor: "email", hint: "We'll never share your email.", children: /* @__PURE__ */ jsx(Input_default, { id: "email", type: "email", defaultValue: "alice@acme.co" }) }),
-      /* @__PURE__ */ jsx(FormField, { label: "Bio", htmlFor: "bio", hint: "Brief description for your profile.", children: /* @__PURE__ */ jsx(Textarea_default, { id: "bio", autoGrow: true, defaultValue: "Product designer at Acme." }) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Card, { header: "Preferences", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-        /* @__PURE__ */ jsx(FormField, { label: "Country", htmlFor: "country", children: /* @__PURE__ */ jsx(
-          Select_default,
-          {
-            value: country,
-            onChange: setCountry,
-            options: [
-              { value: "us", label: "United States" },
-              { value: "de", label: "Germany" },
-              { value: "jp", label: "Japan" }
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(FormField, { label: "Plan", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 pt-1", children: [
-          /* @__PURE__ */ jsx(Radio_default, { name: "plan", checked: plan === "free", onChange: () => setPlan("free"), label: "Free" }),
-          /* @__PURE__ */ jsx(Radio_default, { name: "plan", checked: plan === "pro", onChange: () => setPlan("pro"), label: "Pro" }),
-          /* @__PURE__ */ jsx(Radio_default, { name: "plan", checked: plan === "team", onChange: () => setPlan("team"), label: "Team" })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsx(Checkbox_default, { checked: newsletter, onChange: setNewsletter, label: "Email me product updates", description: "Occasional news \u2014 no more than once a month." })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(Button_default, { variant: "secondary", children: "Cancel" }),
-      /* @__PURE__ */ jsx(Button_default, { type: "submit", children: "Save changes" })
-    ] })
-  ] }) });
-}
-var ITEMS = [
-  { name: "Mechanical keyboard", qty: 1, price: 129 },
-  { name: "USB-C cable (2m)", qty: 2, price: 12 },
-  { name: "Laptop stand", qty: 1, price: 48 }
-];
-function CheckoutTemplate() {
-  const [sameAddress, setSameAddress] = useState(true);
-  const [country, setCountry] = useState("us");
-  const subtotal = ITEMS.reduce((s, i) => s + i.qty * i.price, 0);
-  const shipping = 9;
-  const total = subtotal + shipping;
-  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl space-y-5", children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: "Checkout" }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-5 lg:grid-cols-3", children: [
-      /* @__PURE__ */ jsxs("form", { className: "space-y-5 lg:col-span-2", onSubmit: (e) => e.preventDefault(), children: [
-        /* @__PURE__ */ jsx(Card, { header: "Contact", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(FormField, { label: "Email", htmlFor: "ck-email", required: true, children: /* @__PURE__ */ jsx(Input_default, { id: "ck-email", type: "email", placeholder: "you@example.com" }) }) }) }),
-        /* @__PURE__ */ jsx(Card, { header: "Shipping address", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-            /* @__PURE__ */ jsx(FormField, { label: "First name", required: true, children: /* @__PURE__ */ jsx(Input_default, { placeholder: "Alice" }) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Last name", required: true, children: /* @__PURE__ */ jsx(Input_default, { placeholder: "Nguyen" }) })
-          ] }),
-          /* @__PURE__ */ jsx(FormField, { label: "Address", required: true, children: /* @__PURE__ */ jsx(Input_default, { placeholder: "123 Market St" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [
-            /* @__PURE__ */ jsx(FormField, { label: "City", children: /* @__PURE__ */ jsx(Input_default, { placeholder: "San Francisco" }) }),
-            /* @__PURE__ */ jsx(FormField, { label: "ZIP", children: /* @__PURE__ */ jsx(Input_default, { placeholder: "94103" }) }),
-            /* @__PURE__ */ jsx(FormField, { label: "Country", children: /* @__PURE__ */ jsx(
-              Select_default,
-              {
-                value: country,
-                onChange: setCountry,
-                options: [
-                  { value: "us", label: "United States" },
-                  { value: "de", label: "Germany" },
-                  { value: "jp", label: "Japan" }
-                ]
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(Checkbox_default, { checked: sameAddress, onChange: setSameAddress, label: "Billing address same as shipping" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Card, { header: "Payment", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx(FormField, { label: "Card number", required: true, children: /* @__PURE__ */ jsx(Input_default, { placeholder: "1234 5678 9012 3456" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsx(FormField, { label: "Expiry", required: true, children: /* @__PURE__ */ jsx(Input_default, { placeholder: "MM / YY" }) }),
-            /* @__PURE__ */ jsx(FormField, { label: "CVC", required: true, children: /* @__PURE__ */ jsx(Input_default, { placeholder: "123" }) })
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs(Card, { header: "Order summary", children: [
-          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: ITEMS.map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 text-gray-700", children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              i.name,
-              " ",
-              /* @__PURE__ */ jsxs("span", { className: "text-gray-400", children: [
-                "\xD7",
-                i.qty
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              "$",
-              i.qty * i.price
-            ] })
-          ] }, i.name)) }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-1.5 border-t border-gray-100 pt-3 text-sm text-gray-600", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
-              /* @__PURE__ */ jsxs("span", { children: [
-                "$",
-                subtotal
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsx("span", { children: "Shipping" }),
-              /* @__PURE__ */ jsxs("span", { children: [
-                "$",
-                shipping
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-base font-semibold text-gray-900", children: [
-              /* @__PURE__ */ jsx("span", { children: "Total" }),
-              /* @__PURE__ */ jsxs("span", { children: [
-                "$",
-                total
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Button_default, { block: true, className: "mt-4", children: [
-            "Pay $",
-            total
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Banner, { tone: "success", title: "Promo applied", children: "Free returns within 30 days." })
-      ] })
-    ] })
-  ] }) });
-}
-var FOLDERS = [
-  { id: "inbox", label: "Inbox", count: 12 },
-  { id: "starred", label: "Starred", count: 3 },
-  { id: "sent", label: "Sent" },
-  { id: "drafts", label: "Drafts", count: 1 },
-  { id: "archive", label: "Archive" },
-  { id: "trash", label: "Trash" }
-];
-var MESSAGES = [
-  { id: 1, from: "Marco Reyes", subject: "Q3 roadmap review", preview: "Sharing the deck ahead of Thursday \u2014 let me know\u2026", time: "9:14", unread: true },
-  { id: 2, from: "Priya Patel", subject: "Design handoff", preview: "The Figma file is ready for engineering. I exported\u2026", time: "8:02", unread: true },
-  { id: 3, from: "GitHub", subject: "[acme/web] PR #482 merged", preview: "Your pull request was merged into main by\u2026", time: "Yest" },
-  { id: 4, from: "Sara Lind", subject: "Lunch Friday?", preview: "A few of us are heading to the new place on 5th\u2026", time: "Yest" }
-];
-function EmailTemplate() {
-  const [active, setActive] = useState(1);
-  const selected = MESSAGES.find((m) => m.id === active) ?? MESSAGES[0];
-  return /* @__PURE__ */ jsx("div", { className: "h-full", children: /* @__PURE__ */ jsx(
-    SidebarLayout,
-    {
-      side: "left",
-      defaultWidth: 200,
-      sidebar: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col p-2", children: [
-        /* @__PURE__ */ jsx(Button_default, { block: true, className: "mb-2", children: "Compose" }),
-        FOLDERS.map((f, i) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: `flex items-center justify-between rounded-md px-3 py-2 text-left text-sm ${i === 0 ? "bg-blue-50 font-medium text-blue-700" : "text-gray-700 hover:bg-gray-100"}`,
-            children: [
-              /* @__PURE__ */ jsx("span", { children: f.label }),
-              f.count != null && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: f.count })
-            ]
-          },
-          f.id
-        ))
-      ] }),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0 overflow-auto border-r border-gray-200", children: MESSAGES.map((m) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => setActive(m.id),
-            className: `block w-full border-b border-gray-100 px-4 py-3 text-left hover:bg-gray-50 ${m.id === active ? "bg-blue-50/50" : ""}`,
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: `truncate text-sm ${m.unread ? "font-semibold text-gray-900" : "text-gray-700"}`, children: m.from }),
-                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-gray-400", children: m.time })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: `truncate text-sm ${m.unread ? "text-gray-800" : "text-gray-600"}`, children: m.subject }),
-              /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-gray-400", children: m.preview })
-            ]
-          },
-          m.id
-        )) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-auto", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 p-4", children: [
-            /* @__PURE__ */ jsx("h2", { className: "truncate text-base font-semibold text-gray-900", children: selected.subject }),
-            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-1.5", children: [
-              /* @__PURE__ */ jsx(Button_default, { variant: "ghost", size: "sm", children: "Archive" }),
-              /* @__PURE__ */ jsx(Button_default, { variant: "secondary", size: "sm", children: "Reply" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-gray-100 p-4", children: [
-            /* @__PURE__ */ jsx(Avatar, { name: selected.from }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: selected.from }),
-              /* @__PURE__ */ jsxs("div", { className: "text-xs text-gray-400", children: [
-                "to me \xB7 ",
-                selected.time
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-4 text-sm leading-relaxed text-gray-700", children: [
-            /* @__PURE__ */ jsx("p", { children: "Hi," }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              selected.preview,
-              " The full details are attached \u2014 happy to walk through anything on a quick call."
-            ] }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              "Best,",
-              /* @__PURE__ */ jsx("br", {}),
-              selected.from
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  ) });
-}
-var CONVOS = [
-  { id: 1, name: "Priya Patel", last: "Sounds good \u2014 shipping it now", time: "9:41", status: "online" },
-  { id: 2, name: "Design team", last: "Marco: updated the tokens", time: "9:12", status: "away" },
-  { id: 3, name: "Tom Becker", last: "Thanks!", time: "Yest", status: "offline" },
-  { id: 4, name: "Sara Lind", last: "See you Friday \u{1F389}", time: "Yest", status: "busy" }
-];
-var THREAD = [
-  { mine: false, text: "Hey! Did the latest build go out?" },
-  { mine: true, text: "Just merged \u2014 deploying now." },
-  { mine: false, text: "Nice. Any breaking changes for the portal?" },
-  { mine: true, text: "Nope, fully additive. New components only." },
-  { mine: false, text: "Sounds good \u2014 shipping it now" }
-];
-function ChatTemplate() {
-  const [active, setActive] = useState(1);
-  const convo = CONVOS.find((c) => c.id === active) ?? CONVOS[0];
-  return /* @__PURE__ */ jsx("div", { className: "h-full", children: /* @__PURE__ */ jsx(
-    SidebarLayout,
-    {
-      side: "left",
-      defaultWidth: 260,
-      sidebar: /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto", children: CONVOS.map((c) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => setActive(c.id),
-          className: `flex w-full items-center gap-3 border-b border-gray-100 px-3 py-3 text-left hover:bg-gray-50 ${c.id === active ? "bg-blue-50/50" : ""}`,
-          children: [
-            /* @__PURE__ */ jsx(Avatar, { name: c.name, status: c.status }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-gray-900", children: c.name }),
-                /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-gray-400", children: c.time })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-gray-500", children: c.last })
-            ] })
-          ]
-        },
-        c.id
-      )) }),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-gray-200 p-3", children: [
-          /* @__PURE__ */ jsx(Avatar, { name: convo.name, status: convo.status, size: "sm" }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: convo.name }),
-            /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-400 capitalize", children: convo.status })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-2 overflow-auto bg-gray-50 p-4", children: THREAD.map((m, i) => /* @__PURE__ */ jsx("div", { className: `flex ${m.mine ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: { maxWidth: "75%" },
-            className: `rounded-2xl px-3 py-2 text-sm ${m.mine ? "bg-blue-600 text-white" : "bg-white text-gray-800 shadow-sm"}`,
-            children: m.text
-          }
-        ) }, i)) }),
-        /* @__PURE__ */ jsxs("form", { className: "flex items-center gap-2 border-t border-gray-200 p-3", onSubmit: (e) => e.preventDefault(), children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(Input_default, { placeholder: "Type a message\u2026" }) }),
-          /* @__PURE__ */ jsx(Button_default, { type: "submit", children: "Send" })
-        ] })
-      ] })
-    }
-  ) });
-}
-var GROUPS2 = { featured: "success", new: "active", draft: "draft" };
-var GRADIENTS = [
-  "linear-gradient(135deg,#60a5fa,#a78bfa)",
-  "linear-gradient(135deg,#34d399,#10b981)",
-  "linear-gradient(135deg,#fbbf24,#f59e0b)",
-  "linear-gradient(135deg,#f472b6,#ec4899)",
-  "linear-gradient(135deg,#38bdf8,#6366f1)",
-  "linear-gradient(135deg,#fb7185,#ef4444)",
-  "linear-gradient(135deg,#4ade80,#22c55e)",
-  "linear-gradient(135deg,#c084fc,#8b5cf6)"
-];
-var ITEMS2 = GRADIENTS.map((g, i) => ({
-  id: i,
-  title: ["Sunrise", "Forest", "Desert", "Bloom", "Ocean", "Ember", "Meadow", "Dusk"][i],
-  tag: ["featured", "new", "draft"][i % 3],
-  bg: g
-}));
-function GalleryTemplate() {
-  const [filter, setFilter] = useState("all");
-  const shown = filter === "all" ? ITEMS2 : ITEMS2.filter((i) => i.tag === filter);
-  return /* @__PURE__ */ jsx(StatusBadgeProvider, { groups: GROUPS2, children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-auto bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-gray-900", children: "Gallery" }),
-      /* @__PURE__ */ jsx(Button_default, { size: "sm", children: "Upload" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Tabs,
-      {
-        value: filter,
-        onChange: setFilter,
-        variant: "pill",
-        items: [
-          { id: "all", label: "All" },
-          { id: "featured", label: "Featured" },
-          { id: "new", label: "New" },
-          { id: "draft", label: "Drafts" }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4", children: shown.map((item) => /* @__PURE__ */ jsxs(Card, { padded: false, className: "overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "relative h-28", style: { background: item.bg }, children: /* @__PURE__ */ jsx("span", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsx(StatusBadge, { status: item.tag }) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 p-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-gray-900", children: item.title }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400", children: "2.4 MB" })
-      ] })
-    ] }, item.id)) })
-  ] }) }) });
-}
-var COPY = {
-  login: { title: "Welcome back", subtitle: "Sign in to your account", cta: "Sign in" },
-  register: { title: "Create your account", subtitle: "Start your 14-day free trial", cta: "Create account" },
-  forgot: { title: "Reset password", subtitle: "We'll email you a reset link", cta: "Send reset link" }
-};
-function AuthScreen({ mode = "login" }) {
-  const [remember, setRemember] = useState(true);
-  const c = COPY[mode];
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center overflow-auto bg-gray-50 p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-blue-600 text-sm font-bold text-white", children: "A" }),
-      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900", children: c.title }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: c.subtitle })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("form", { className: "space-y-4", onSubmit: (e) => e.preventDefault(), children: [
-      mode === "register" && /* @__PURE__ */ jsx(FormField, { label: "Name", htmlFor: "au-name", children: /* @__PURE__ */ jsx(Input_default, { id: "au-name", placeholder: "Alice Nguyen" }) }),
-      /* @__PURE__ */ jsx(FormField, { label: "Email", htmlFor: "au-email", children: /* @__PURE__ */ jsx(Input_default, { id: "au-email", type: "email", placeholder: "you@example.com" }) }),
-      mode !== "forgot" && /* @__PURE__ */ jsx(
-        FormField,
-        {
-          label: "Password",
-          htmlFor: "au-pass",
-          hint: mode === "register" ? "At least 8 characters." : void 0,
-          children: /* @__PURE__ */ jsx(Input_default, { id: "au-pass", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })
-        }
-      ),
-      mode === "login" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx(Checkbox_default, { checked: remember, onChange: setRemember, label: "Remember me" }),
-        /* @__PURE__ */ jsx("a", { href: "#", className: "text-sm text-blue-600 hover:underline", children: "Forgot?" })
-      ] }),
-      /* @__PURE__ */ jsx(Button_default, { type: "submit", block: true, children: c.cta })
-    ] }) }),
-    /* @__PURE__ */ jsx("p", { className: "mt-4 text-center text-sm text-gray-500", children: mode === "register" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      "Already have an account? ",
-      /* @__PURE__ */ jsx("a", { href: "#", className: "text-blue-600 hover:underline", children: "Sign in" })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      "New here? ",
-      /* @__PURE__ */ jsx("a", { href: "#", className: "text-blue-600 hover:underline", children: "Create an account" })
-    ] }) })
-  ] }) });
-}
-var COPY2 = {
-  403: { title: "Access denied", body: "You don't have permission to view this page." },
-  404: { title: "Page not found", body: "The page you're looking for doesn't exist or was moved." },
-  500: { title: "Something went wrong", body: "An unexpected error occurred. Please try again." }
-};
-function ErrorPage({ code = 404 }) {
-  const c = COPY2[code];
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center bg-gray-50 p-6 text-center", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-7xl font-bold tracking-tight text-gray-400", children: code }),
-    /* @__PURE__ */ jsx("h1", { className: "mt-2 text-xl font-semibold text-gray-900", children: c.title }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-gray-500", children: c.body }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Button_default, { variant: "secondary", children: "Go back" }),
-      /* @__PURE__ */ jsx(Button_default, { children: "Take me home" })
-    ] })
-  ] });
-}
 var EntityFetcherContext = createContext(null);
 function ShellEntityFetcherProvider({
   value,
@@ -10918,6 +6995,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, BLOCKED_PCT_CPU, Banner, BarChart, BehaviorPanel, BulkImportGrid, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChangePasswordForm, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, DateRangePicker, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EmptyState, EntityList, ErrorPage, FilterBar, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, LOG_CAP, Label, Layout, ListFooter, ListLoadError, LoadingSpinner2 as LoadingSpinner, MIN_EVENT_SAMPLES, MIN_GROUP_SAMPLES, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NotificationBell, PageHeader, Pagination, PdfActionButton, PerfStats, Radio_default as Radio, ResizableTable, SHIFT, SMOOTH_FPS, SearchableSelect, Select_default as Select, ServerStatusIndicator, ShellEntityFetcherProvider, ShortcutHelp, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, UndoControls, WidgetManager, appendRecord as appendPerfRecord, applyDevTitle, classifyActivity, classify as classifyPerf, createWindowRegistry, createWindowTarget, describeMachine, describePerfReport, findDuplicateKeys, formatDate, inputClasses, isDevEnv, isInteracting, isMac, isSeverityTone, mediaFileName, mergeBulkItems, toCsv as perfLogToCsv, perfReportFile, readEnvironment as readPerfEnvironment, requestAsyncEnvironment, severityOf, summariseFrames, summariseLog as summarisePerfLog, toISODate2 as toISODate, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav, useWindowTarget };
+export { BLOCKED_PCT_CPU, BehaviorPanel, BulkImportGrid, ChangePasswordForm, Customization, DEV_BANNER_TEXT, Desktop, DesktopHostProvider, DevIndicator, EntityList, FilterBar, GlobalSearch, LOG_CAP, Layout, MIN_EVENT_SAMPLES, MIN_GROUP_SAMPLES, NotificationBell, PdfActionButton, PerfStats, ResizableTable, SMOOTH_FPS, ServerStatusIndicator, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, StartMenu, SystemPreferences, UndoControls, WidgetManager, appendRecord as appendPerfRecord, applyDevTitle, classifyActivity, classify as classifyPerf, createWindowRegistry, createWindowTarget, describeMachine, describePerfReport, findDuplicateKeys, isDevEnv, isInteracting, mergeBulkItems, toCsv as perfLogToCsv, perfReportFile, readEnvironment as readPerfEnvironment, requestAsyncEnvironment, summariseFrames, summariseLog as summarisePerfLog, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav, useWindowTarget };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map