@datatechsolutions/ui 3.11.2 → 3.13.0

package/dist/{chunk-D5FL3ZHC.mjs → chunk-MSKKNPRE.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { useTranslations, useLocale } from './chunk-7VJ7CMMT.mjs';
+import { useTranslations, useLocale } from './chunk-ZEFNBGYI.mjs';
 import { subscribeToRunEvents, submitApproval } from './chunk-NBW6WJQT.mjs';
 import { Link, TouchTarget, getTransition, springPresets, Button } from './chunk-WR55H7DH.mjs';
 import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
@@ -3017,7 +3017,7 @@ function SearchBar({
     inputRef.current?.blur();
     onCancel?.();
   }, [onSearchChange, onCancel]);
-  const containerClasses = noBorder ? "flex flex-wrap items-center gap-2 p-3 bg-transparent" : `liquid-surface flex flex-wrap items-center gap-2 p-3 rounded-2xl
+  const containerClasses = noBorder ? "flex flex-wrap items-center gap-2 px-2 py-1 bg-transparent" : `liquid-surface flex flex-wrap items-center gap-2 px-2 py-1 rounded-2xl
        transition-all duration-200
        ${isFocused ? "ring-2 ring-indigo-500/70 ring-offset-1" : ""}`;
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -3057,7 +3057,7 @@ function SearchBar({
                   onFocus: handleFocus,
                   onBlur: handleBlur,
                   "data-testid": "search-input",
-                  className: "w-full h-11 pl-10 pr-10 text-base bg-transparent\n                text-slate-900 dark:text-white\n                placeholder:text-slate-400 dark:placeholder:text-slate-500\n                focus:outline-none"
+                  className: "w-full h-10 pl-10 pr-10 text-base bg-transparent\n                text-slate-900 dark:text-white\n                placeholder:text-slate-400 dark:placeholder:text-slate-500\n                focus:outline-none"
                 }
               ),
               /* @__PURE__ */ jsx(AnimatePresence, { children: searchTerm && /* @__PURE__ */ jsx(
@@ -3095,7 +3095,7 @@ function SearchBar({
           type: "button",
           onClick: filtersModal.onOpen,
           outline: true,
-          className: "h-12",
+          className: "h-10",
           children: [
             /* @__PURE__ */ jsx(FunnelIcon, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { children: resolvedFiltersTitle }),
@@ -3729,21 +3729,33 @@ function Spinner({
 }
 function LoadingOverlay({ show, message, blur = true }) {
   if (!show) return null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     motion.div,
     {
+      role: "status",
+      "aria-live": "polite",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       className: clsx(
         "fixed inset-0 z-50 flex flex-col items-center justify-center",
-        "bg-white/80 dark:bg-slate-900/80",
-        blur && "backdrop-blur-sm"
+        "bg-slate-900/25 dark:bg-slate-950/45",
+        blur && "backdrop-blur-md"
       ),
-      children: [
-        /* @__PURE__ */ jsx(Spinner, { size: "lg", color: "blue", variant: "circle" }),
-        message && /* @__PURE__ */ jsx("p", { className: "mt-4 text-slate-600 dark:text-slate-300 font-medium", children: message })
-      ]
+      children: /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          initial: { opacity: 0, scale: 0.92, y: 8 },
+          animate: { opacity: 1, scale: 1, y: 0 },
+          exit: { opacity: 0, scale: 0.92, y: 8 },
+          transition: { type: "spring", stiffness: 320, damping: 28 },
+          className: "liquid-surface-strong flex flex-col items-center gap-3 rounded-2xl px-7 py-6 min-w-[160px]",
+          children: [
+            /* @__PURE__ */ jsx(Spinner, { size: "lg", color: "blue", variant: "circle" }),
+            message && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-700 dark:text-slate-200", children: message })
+          ]
+        }
+      )
     }
   );
 }
@@ -6668,11 +6680,11 @@ function ChipPicker({
     }
   }, [draft, commitDraft, items, removeUserCreated]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-gray-500 dark:text-gray-400", children: loadingLabel });
+    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-slate-500 dark:text-slate-400", children: loadingLabel });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     showActions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
         selectedIds.length,
         " ",
         selectedLabel
@@ -6687,13 +6699,13 @@ function ChipPicker({
             children: selectAllLabel
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-gray-400 dark:text-gray-500", children: "|" }),
+        /* @__PURE__ */ jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "|" }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             onClick: clearAll,
-            className: "text-xs text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:rounded",
+            className: "text-xs text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:rounded",
             children: clearLabel
           }
         )
@@ -6712,7 +6724,15 @@ function ChipPicker({
             return /* @__PURE__ */ jsxs(
               "span",
               {
-                className: `inline-flex items-center gap-1.5 rounded-full border text-xs font-medium transition ${isSelected ? `${style.bg} ${style.text} border-transparent ring-2 ring-offset-1 ring-current` : "border-gray-200 bg-white/70 text-gray-700 hover:border-gray-300 dark:border-white/10 dark:bg-white/5 dark:text-gray-200"}`,
+                style: {
+                  // Crystal chrome — same recipe as Badge / StatusBadge /
+                  // ActiveFilterChips. Keeps every chip-shaped primitive
+                  // visually identical (translucent jewel, not flat tile).
+                  backdropFilter: "blur(12px) saturate(1.5)",
+                  WebkitBackdropFilter: "blur(12px) saturate(1.5)",
+                  boxShadow: "inset 0 1px 1.5px rgba(255,255,255,0.45), 0 1px 3px -1px rgba(15,23,42,0.12)"
+                },
+                className: `inline-flex items-center gap-1.5 rounded-full border text-xs font-medium transition ${isSelected ? `${style.bg} ${style.text} border-current/30 ring-2 ring-offset-1 ring-current` : "liquid-surface text-slate-700 hover:bg-white/55 dark:text-slate-200 dark:hover:bg-white/[0.10]"}`,
                 children: [
                   /* @__PURE__ */ jsxs(
                     "label",
@@ -6749,7 +6769,7 @@ function ChipPicker({
               item.id
             );
           }),
-          allowCustom && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-dashed border-slate-300 bg-white/50 px-2 py-1 text-xs dark:border-white/15 dark:bg-white/5", children: [
+          allowCustom && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-dashed border-slate-400/50 bg-white/45 px-2 py-1 text-xs backdrop-blur-md dark:border-white/20 dark:bg-white/[0.06]", children: [
             /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3 text-slate-500 dark:text-slate-400", "aria-hidden": "true" }),
             /* @__PURE__ */ jsx(
               "input",
@@ -6769,7 +6789,7 @@ function ChipPicker({
         ]
       }
     ),
-    items.length === 0 && !allowCustom && /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel })
+    items.length === 0 && !allowCustom && /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-sm text-slate-500 dark:text-slate-400", children: emptyLabel })
   ] });
 }
 var DEFAULT_COPYABLE_CLASSNAME = "liquid-surface-strong text-gray-500 dark:text-gray-400";
@@ -8576,7 +8596,7 @@ function CardGridSkeleton({ count = 8, columns = 4 }) {
   return /* @__PURE__ */ jsx("div", { className: `grid ${gridCols[columns]} gap-3`, role: "status", "aria-label": "Loading content", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-gray-800 p-4 shadow-sm",
+      className: "liquid-surface rounded-xl p-4",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 mb-3", children: [
           /* @__PURE__ */ jsx("div", { className: "shimmer h-8 w-12 rounded" }),
@@ -8589,7 +8609,7 @@ function CardGridSkeleton({ count = 8, columns = 4 }) {
           /* @__PURE__ */ jsx("div", { className: "shimmer h-5 w-5 rounded-full" }),
           /* @__PURE__ */ jsx("div", { className: "shimmer h-4 w-20 rounded" })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "pt-3 border-t border-gray-200 dark:border-white/10", children: /* @__PURE__ */ jsx("div", { className: "shimmer h-3 w-32 rounded" }) })
+        /* @__PURE__ */ jsx("div", { className: "pt-3 border-t liquid-divider", children: /* @__PURE__ */ jsx("div", { className: "shimmer h-3 w-32 rounded" }) })
       ]
     },
     i
@@ -8599,7 +8619,7 @@ function RegionFilterSkeleton({ count = 9 }) {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 sm:grid-cols-6 lg:grid-cols-9 gap-2", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-gray-800 p-2 flex flex-col items-center gap-1",
+      className: "liquid-surface rounded-lg p-2 flex flex-col items-center gap-1",
       children: [
         /* @__PURE__ */ jsx("div", { className: "shimmer h-6 w-9 rounded" }),
         /* @__PURE__ */ jsx("div", { className: "shimmer h-4 w-6 rounded" }),
@@ -8613,7 +8633,7 @@ function BrandFilterSkeleton({ count = 4 }) {
   return /* @__PURE__ */ jsx("div", { className: "grid gap-3 grid-cols-2 sm:grid-cols-3 lg:grid-cols-4", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-gray-800 p-3 flex items-center gap-3",
+      className: "liquid-surface rounded-xl p-3 flex items-center gap-3",
       children: [
         /* @__PURE__ */ jsx("div", { className: "shimmer h-10 w-10 rounded-lg" }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
@@ -8631,9 +8651,9 @@ function AnalysisSkeleton() {
       /* @__PURE__ */ jsx("div", { className: "shimmer h-7 w-48 rounded" }),
       /* @__PURE__ */ jsx("div", { className: "shimmer h-4 w-96 rounded" })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-gray-800 p-6 shadow-sm space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "liquid-surface rounded-xl p-6 space-y-4", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("div", { className: "shimmer h-10 w-32 rounded-lg" }) }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-200 dark:border-white/10 p-4 bg-gray-50/50 dark:bg-gray-900/50", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-white/30 dark:border-white/10 p-4 bg-white/40 dark:bg-white/[0.04] backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx("div", { className: "shimmer h-8 w-8 rounded-lg" }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
           /* @__PURE__ */ jsx("div", { className: "shimmer h-4 w-24 rounded" }),
@@ -8649,8 +8669,8 @@ function AnalysisSkeleton() {
 }
 
 // src/components/skeletons/shimmer.tsx
-var shimmerClass = "bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200 dark:from-gray-700 dark:via-gray-600 dark:to-gray-700 animate-shimmer motion-reduce:animate-none bg-[length:200%_100%]";
-var shimmerWhiteClass = "bg-white/20 animate-pulse motion-reduce:animate-none";
+var shimmerClass = "bg-gradient-to-r from-slate-500/12 via-slate-500/24 to-slate-500/12 dark:from-white/8 dark:via-white/14 dark:to-white/8 animate-shimmer motion-reduce:animate-none bg-[length:200%_100%]";
+var shimmerWhiteClass = "bg-white/25 dark:bg-white/15 animate-pulse motion-reduce:animate-none backdrop-blur-sm";
 function SectionHeaderSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
     /* @__PURE__ */ jsx("div", { className: `h-10 w-10 rounded-lg ${shimmerClass}` }),
@@ -9406,16 +9426,28 @@ var APP_COLORS = {
   astrlabe: "bg-sky-500/30 text-sky-100 ring-sky-400/30",
   windsock: "bg-indigo-500/30 text-indigo-100 ring-indigo-400/30"
 };
+function readEnv(key) {
+  try {
+    const viteEnv = import.meta.env;
+    if (viteEnv && viteEnv[key]) return viteEnv[key];
+  } catch {
+  }
+  if (typeof process !== "undefined" && process.env) {
+    return process.env[key];
+  }
+  return void 0;
+}
 function detectApp() {
-  const appName = process.env.NEXT_PUBLIC_APP_NAME ?? process.env.NEXT_PUBLIC_AUTH_CLIENT_ID ?? "unknown";
+  const appName = readEnv("VITE_APP_NAME") ?? readEnv("NEXT_PUBLIC_APP_NAME") ?? readEnv("NEXT_PUBLIC_AUTH_CLIENT_ID") ?? "unknown";
   const port = typeof window !== "undefined" ? window.location.port : "";
-  const gateway = process.env.NEXT_PUBLIC_API_GATEWAY_URL ?? process.env.NEXT_PUBLIC_LAMBDA_CLIENT_BASE ?? "";
+  const gateway = readEnv("VITE_API_URL") ?? readEnv("NEXT_PUBLIC_API_GATEWAY_URL") ?? readEnv("NEXT_PUBLIC_LAMBDA_CLIENT_BASE") ?? "";
   return { name: appName, port, gateway };
 }
 function DevModeBanner({
   user,
   devModeLabel = "DEV",
-  devModeMessage = "Local development mode"
+  devModeMessage = "Local development mode",
+  forceShow = false
 }) {
   const [glassTest, setGlassTest] = useState(false);
   const toggleGlassTest = useCallback(() => {
@@ -9424,7 +9456,7 @@ function DevModeBanner({
     html.classList.toggle("glass-test", next);
     setGlassTest(next);
   }, [glassTest]);
-  if (process.env.NEXT_PUBLIC_DEV_MODE !== "true") {
+  if (!forceShow && readEnv("VITE_DEV_MODE") !== "true" && readEnv("NEXT_PUBLIC_DEV_MODE") !== "true") {
     return null;
   }
   const app = detectApp();
@@ -9613,24 +9645,25 @@ function FlyoutQuickActions({
     onClose?.();
     action();
   };
+  const tileBase = "liquid-surface m-1 flex items-center justify-center gap-x-2 rounded-xl p-2.5 text-xs font-semibold sm:gap-x-2.5 sm:p-3 sm:text-sm text-slate-900 dark:text-white transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md active:scale-[0.985] focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1";
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx("div", { className: "mx-3 my-3 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
+    /* @__PURE__ */ jsx("div", { className: "mx-3 my-3 h-px bg-gradient-to-r from-transparent via-slate-200/80 to-transparent dark:via-white/10" }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 sm:gap-2 px-1", children: [
       onNotifications ? /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
           onClick: () => handleAction(onNotifications),
-          className: "liquid-surface m-1 flex items-center justify-center gap-x-2 rounded-xl p-2.5 text-xs font-semibold sm:gap-x-2.5 sm:p-3 sm:text-sm text-slate-900 dark:text-white",
+          className: tileBase,
           children: [
-            /* @__PURE__ */ jsx(BellIcon, { className: "size-5 flex-none text-slate-400 dark:text-slate-500" }),
+            /* @__PURE__ */ jsx(BellIcon, { className: "size-5 flex-none text-slate-500 dark:text-slate-300" }),
             /* @__PURE__ */ jsx("span", { className: "truncate", children: t("notifications") }),
             notificationCount > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-semibold text-white", children: notificationCount > 99 ? "99+" : notificationCount })
           ]
         }
       ) : null,
       /* @__PURE__ */ jsxs("div", { className: "liquid-surface m-1 flex items-center justify-center gap-x-2 rounded-xl p-2.5 text-xs font-semibold sm:gap-x-2.5 sm:p-3 sm:text-sm text-slate-900 dark:text-white", children: [
-        isDark ? /* @__PURE__ */ jsx(MoonIcon$1, { className: "size-5 flex-none text-slate-400 dark:text-slate-500" }) : /* @__PURE__ */ jsx(SunIcon$1, { className: "size-5 flex-none text-slate-400 dark:text-slate-500" }),
+        isDark ? /* @__PURE__ */ jsx(MoonIcon$1, { className: "size-5 flex-none text-slate-500 dark:text-slate-300" }) : /* @__PURE__ */ jsx(SunIcon$1, { className: "size-5 flex-none text-slate-500 dark:text-slate-300" }),
         /* @__PURE__ */ jsx("span", { className: "truncate", children: t("theme") }),
         /* @__PURE__ */ jsx(ThemeSwitch, { checked: isDark, onChange: onToggleTheme, label: t("theme") })
       ] }),
@@ -9639,9 +9672,9 @@ function FlyoutQuickActions({
         {
           type: "button",
           onClick: () => handleAction(onProfile),
-          className: "liquid-surface m-1 flex items-center justify-center gap-x-2 rounded-xl p-2.5 text-xs font-semibold sm:gap-x-2.5 sm:p-3 sm:text-sm text-slate-900 dark:text-white",
+          className: tileBase,
           children: [
-            userInitial ? /* @__PURE__ */ jsx("span", { className: "inline-flex h-5 w-5 items-center justify-center rounded-full bg-slate-200 text-[10px] font-semibold text-slate-700 dark:bg-slate-700 dark:text-slate-100", children: userInitial }) : /* @__PURE__ */ jsx(UserCircleIcon, { className: "size-5 flex-none text-slate-400 dark:text-slate-500" }),
+            userInitial ? /* @__PURE__ */ jsx("span", { className: "inline-flex h-5 w-5 items-center justify-center rounded-full bg-slate-500/15 text-[10px] font-semibold text-slate-700 dark:bg-white/15 dark:text-slate-100", children: userInitial }) : /* @__PURE__ */ jsx(UserCircleIcon, { className: "size-5 flex-none text-slate-500 dark:text-slate-300" }),
             /* @__PURE__ */ jsx("span", { className: "truncate", children: userName || t("profile") })
           ]
         }
@@ -9651,9 +9684,9 @@ function FlyoutQuickActions({
         {
           type: "button",
           onClick: () => handleAction(onSignOut),
-          className: "liquid-button liquid-button-red m-1 flex items-center justify-center gap-x-2 rounded-xl p-2.5 text-xs font-semibold sm:gap-x-2.5 sm:p-3 sm:text-sm text-red-600 dark:text-red-400",
+          className: "liquid-button liquid-button-red m-1 flex items-center justify-center gap-x-2 rounded-xl p-2.5 text-xs font-semibold sm:gap-x-2.5 sm:p-3 sm:text-sm text-red-700 dark:text-red-300 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md active:scale-[0.985] focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500/70 focus-visible:ring-offset-1",
           children: [
-            /* @__PURE__ */ jsx(ArrowRightOnRectangleIcon, { className: "size-5 flex-none text-slate-400 dark:text-slate-500" }),
+            /* @__PURE__ */ jsx(ArrowRightOnRectangleIcon, { className: "size-5 flex-none text-red-600/70 dark:text-red-300/80" }),
             /* @__PURE__ */ jsx("span", { className: "truncate", children: t("signOut") })
           ]
         }
@@ -9700,7 +9733,7 @@ function FlyoutNavGrid({
         {
           type: "button",
           onClick: () => item.onClick ? item.onClick() : onNavigate(item.href),
-          className: `group relative flex w-full items-start gap-x-3 sm:gap-x-4 rounded-xl sm:rounded-2xl p-2.5 sm:p-3 text-left transition ${isSelected ? "selected liquid-surface liquid-surface-active" : `liquid-surface hover:shadow-md ${item.hoverClass ?? ""}`}`,
+          className: `group relative flex w-full items-start gap-x-3 sm:gap-x-4 rounded-xl sm:rounded-2xl p-2.5 sm:p-3 text-left transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 active:scale-[0.985] ${isSelected ? "selected liquid-surface liquid-surface-active shadow-md" : `liquid-surface hover:-translate-y-0.5 hover:shadow-md ${item.hoverClass ?? ""}`}`,
           style: isSelected && getAccentRgb ? { "--glass-accent": getAccentRgb(item.href) } : void 0,
           children: [
             /* @__PURE__ */ jsxs("div", { className: "relative mt-0.5 flex h-11 w-11 sm:h-14 sm:w-14 flex-none items-center justify-center overflow-hidden rounded-xl sm:rounded-2xl border border-white/40 bg-white/35 shadow-[inset_0_1px_0_rgba(255,255,255,0.85),0_12px_20px_-14px_rgba(15,23,42,0.55)] dark:border-white/14 dark:bg-white/10 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.2),0_12px_22px_-16px_rgba(0,0,0,0.8)]", children: [
@@ -19518,7 +19551,11 @@ var usePlatformShellStore = create((set, get) => ({
     locale: "en",
     theme: "system",
     resolvedTheme: "dark",
-    dockPosition: "left",
+    // Canonical default — floating iOS-style dock at the bottom of
+    // the viewport for non-launchpad / "standard content" pages.
+    // User preference (`Settings → Preferences → Dock position`)
+    // overrides per-user once set.
+    dockPosition: "bottom",
     dockAutoHide: false,
     dockEnabled: true
   },
@@ -19586,7 +19623,13 @@ function PlatformShell({
   user,
   authStatus,
   onSignOut,
-  dockPosition = "left",
+  // `bottom` is the canonical default for "standard content" pages
+  // (every non-launchpad route) — the dock floats at the bottom of
+  // the viewport like an iOS home dock. User preference (`Settings →
+  // Preferences → Dock position`) can override per-user; the
+  // PlatformShell store also defaults to `bottom` to keep first-time
+  // users on the canonical layout.
+  dockPosition = "bottom",
   dockAutoHide = false,
   dockEnabled = true,
   resolvedTheme,
@@ -20070,5 +20113,5 @@ function useSocialProviders() {
 }
 
 export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChartRenderer, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CreateActionButton, DE_THEME_CONFIG, DashboardView, DataPagination, DatePicker, DeleteSwipeAction, Description3 as Description, DetailsPopover, DevModeBanner, Dialog5 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterSectionHeader, FilterTileButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroBlock, HeroPanel, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, ImageUpload, InfoPopover, InlineForm, InlineSpinner, Input, InputRequestForm, InteractiveGeoMap, ItemSummary, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementSurface, MapZoomControls, MarketPricesCard, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RecommendationCard, RegionFilterSkeleton, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepIndicator, StepProgress, StreamingDashboard, Strong, Subheading, SwipeableRow, Switch2 as Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UiAuthProvider, UiPrefsProvider, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, computeDomain, computeSeries, filterByPermission, formatAddress, formatCurrency, formatCurrency2, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, useAuth, useGeoMapState, useImpersonation, useNotifications, usePlatformPreferences, usePlatformShellStore, usePullToRefresh, useSocialProviders, validateDashboardSpec, xScale, yScale };
-//# sourceMappingURL=chunk-D5FL3ZHC.mjs.map
-//# sourceMappingURL=chunk-D5FL3ZHC.mjs.map
+//# sourceMappingURL=chunk-MSKKNPRE.mjs.map
+//# sourceMappingURL=chunk-MSKKNPRE.mjs.map