@lunora/studio 1.0.0-alpha.5 → 1.0.0-alpha.50

package/dist/packem_shared/studio-WZUOecDv.js

@@ -0,0 +1,4069 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { createRootRoute, createRoute, createBrowserHistory, createMemoryHistory, createRouter, useNavigate, useRouterState, useSearch, Outlet, RouterProvider } from '@tanstack/react-router';
+import * as React from 'react';
+import { useState, useEffect, createContext, use, lazy, Suspense } from 'react';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
+import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
+import { motion } from 'motion/react';
+import { LunoraError } from '@lunora/errors';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { I as Input } from './input-XH4r1Pt1.js';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { Cancel01Icon, SidebarLeftIcon } from '@hugeicons/core-free-icons';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { cva } from 'class-variance-authority';
+import { B as Button } from './button-BhsN2uZH.js';
+import { Dialog } from '@base-ui/react/dialog';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import { S as Skeleton } from './skeleton-CGhL0p20.js';
+import { u as useStudioFeatures, H as HomePanel } from './home-panel-D62G8108.js';
+import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
+import { v as validateDataViewSearch } from './data-view-params-Cd6yRVbv.js';
+import { f as fireAndForget } from './internal-zwBoOv24.js';
+import { CommandPalette, openCommandPalette } from './CommandPalette-BXV4eKf5.js';
+
+const DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
+const store = () => {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return void 0;
+  }
+};
+const isPreference = (value) => value === "system" || value === "light" || value === "dark";
+const matchMedia = () => globalThis.matchMedia;
+const THEME_STORAGE_KEY = "lunora-studio-theme";
+const THEME_ORDER = ["system", "light", "dark"];
+const loadThemePreference = (fallback = "system") => {
+  try {
+    const raw = store()?.getItem(THEME_STORAGE_KEY);
+    return isPreference(raw) ? raw : fallback;
+  } catch {
+    return fallback;
+  }
+};
+const saveThemePreference = (preference) => {
+  const storage = store();
+  if (storage === void 0) {
+    return;
+  }
+  try {
+    storage.setItem(THEME_STORAGE_KEY, preference);
+  } catch {
+  }
+};
+const getSystemTheme = () => {
+  try {
+    return matchMedia()?.(DARK_MEDIA_QUERY).matches ? "dark" : "light";
+  } catch {
+    return "light";
+  }
+};
+const resolveTheme = (preference, system) => preference === "system" ? system : preference;
+const subscribeSystemTheme = (onChange) => {
+  let mql;
+  try {
+    mql = matchMedia()?.(DARK_MEDIA_QUERY);
+  } catch {
+    mql = void 0;
+  }
+  if (mql === void 0) {
+    return () => {
+    };
+  }
+  const handler = (event) => {
+    onChange(event.matches ? "dark" : "light");
+  };
+  mql.addEventListener("change", handler);
+  return () => {
+    mql.removeEventListener("change", handler);
+  };
+};
+
+const ThemeContext = /* @__PURE__ */ createContext(null);
+const ThemeProvider = ({
+  children,
+  defaultTheme = "system"
+}) => {
+  const [theme, setThemeState] = useState(() => loadThemePreference(defaultTheme));
+  const [systemTheme, setSystemTheme] = useState(() => getSystemTheme());
+  useEffect(() => subscribeSystemTheme(setSystemTheme), []);
+  const setTheme = (next) => {
+    saveThemePreference(next);
+    setThemeState(next);
+  };
+  const cycleTheme = () => {
+    setThemeState((current) => {
+      const next_0 = THEME_ORDER[(THEME_ORDER.indexOf(current) + 1) % THEME_ORDER.length] ?? current;
+      saveThemePreference(next_0);
+      return next_0;
+    });
+  };
+  const value = {
+    cycleTheme,
+    resolvedTheme: resolveTheme(theme, systemTheme),
+    setTheme,
+    systemTheme,
+    theme
+  };
+  return /* @__PURE__ */ jsxDEV(ThemeContext, {
+    value,
+    children
+  }, void 0, false);
+};
+const useTheme = () => {
+  const context = use(ThemeContext);
+  if (context === null) {
+    throw new LunoraError("INTERNAL", "useTheme must be used within a <ThemeProvider>");
+  }
+  return context;
+};
+
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Tooltip$1.Provider, {
+    "data-slot": "tooltip-provider",
+    delay,
+    ...props
+  }, void 0, false);
+}
+function Tooltip(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Tooltip$1.Root, {
+      "data-slot": "tooltip",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function TooltipTrigger(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Tooltip$1.Trigger, {
+      "data-slot": "tooltip-trigger",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Tooltip$1.Portal, {
+    children: /* @__PURE__ */ jsxDEV(Tooltip$1.Positioner, {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxDEV(Tooltip$1.Popup, {
+        "data-slot": "tooltip-content",
+        className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-md data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        ...props,
+        children: [children, /* @__PURE__ */ jsxDEV(Tooltip$1.Arrow, {
+          className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-md bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-start-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-end-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
+        }, void 0, false)]
+      }, void 0, true)
+    }, void 0, false)
+  }, void 0, false);
+}
+
+const BrandMark = (t0) => {
+  const $ = c(5);
+  const {
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("h-full w-full text-foreground", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV("path", {
+      d: "M 259.500 10.552 C 220.080 15.859, 182.424 32.566, 152.500 58.025 C 110.179 94.031, 85.380 137.183, 77.518 188.500 C 75.410 202.255, 74.569 225.677, 75.796 236.466 C 76.757 244.917, 76.683 245.692, 74.518 249.966 C 63.118 272.466, 53.141 303.876, 51.382 322.799 L 50.718 329.943 71.960 320.471 C 83.643 315.262, 93.326 311, 93.478 311 C 93.630 311, 96.547 316.063, 99.959 322.250 C 103.371 328.438, 107.249 334.850, 108.577 336.500 L 110.990 339.500 110.981 336 C 110.977 334.075, 111.499 324.991, 112.143 315.813 L 113.312 299.127 121.406 293.336 C 132.495 285.403, 149.593 271.554, 161 261.268 C 171.556 251.748, 189.116 235, 188.540 235 C 188.337 235, 183.069 238.648, 176.835 243.106 C 142.318 267.789, 68.537 314, 63.646 314 C 61.843 314, 72.791 281.179, 80.905 262.259 C 92.233 235.845, 107.473 212.389, 132.106 183.453 L 138.451 176 148.268 176 C 176.192 176, 197.512 187.154, 212.868 209.797 C 216.470 215.108, 217.035 216.595, 216.477 219.297 C 211.386 243.968, 202.359 274.496, 193.797 296 C 183.898 320.861, 167.147 352.101, 152.395 373.215 L 147.004 380.930 152.891 385.830 C 161.400 392.911, 165.563 396, 166.594 395.998 C 167.092 395.998, 168.772 391.641, 170.327 386.317 C 176.279 365.934, 188.422 338.749, 200.942 317.778 C 223.060 280.731, 256.432 244.369, 294.500 215.836 C 309.956 204.252, 313.937 201.603, 314.719 202.385 C 315.116 202.783, 315.449 213.096, 315.460 225.304 C 315.474 241.855, 315.021 250.405, 313.680 258.924 C 307.009 301.272, 291.175 336.677, 263.112 372 C 255.259 381.883, 227.182 410.673, 218.516 417.727 L 213.532 421.783 223.439 424.880 C 281.705 443.093, 349.165 436.018, 398.616 406.508 C 446.728 377.797, 483.322 331.466, 497.366 281.481 C 503.381 260.075, 504.480 250.741, 504.491 221 C 504.501 191.997, 503.598 184.047, 497.987 163.732 C 484.768 115.871, 452.505 72.708, 407.718 42.964 C 381.051 25.254, 352.818 14.828, 319.695 10.460 C 305.932 8.645, 273.298 8.695, 259.500 10.552",
+      fillRule: "evenodd"
+    }, void 0, false);
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t1) {
+    t3 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: t1,
+      fill: "currentColor",
+      viewBox: "0 0 543 446",
+      children: t2
+    }, void 0, false);
+    $[3] = t1;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+};
+
+const RULES_BANNER_DISMISSED_KEY = "lunora.studio.rulesBannerDismissed";
+const readBannerDismissed = () => {
+  try {
+    return globalThis.localStorage.getItem(RULES_BANNER_DISMISSED_KEY) === "1";
+  } catch {
+    return false;
+  }
+};
+const writeBannerDismissed = () => {
+  try {
+    globalThis.localStorage.setItem(RULES_BANNER_DISMISSED_KEY, "1");
+  } catch {
+  }
+};
+const RulesBanner = () => {
+  const $ = c(18);
+  const t = useT();
+  const [dismissed, setDismissed] = useState(_temp$1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      setDismissed(true);
+      writeBannerDismissed();
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const dismiss = t0;
+  if (dismissed) {
+    return null;
+  }
+  let t1;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: "text-warning",
+      children: "⚠"
+    }, void 0, false);
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("Lunora AI rules aren't installed.");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV("code", {
+      className: "rounded bg-muted px-1 py-0.5 font-mono text-[11px]",
+      children: "lunora rules install"
+    }, void 0, false);
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t) {
+    t4 = t("lets your coding agent use Lunora correctly.");
+    $[5] = t;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV("span", {
+      children: [t2, " ", t3, " ", t4]
+    }, void 0, true);
+    $[7] = t2;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== t) {
+    t6 = t("Dismiss");
+    $[10] = t;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M18 6 6 18M6 6l12 12"
+      }, void 0, false)
+    }, void 0, false);
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t6) {
+    t8 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-label": t6,
+      className: "ms-auto flex size-5 items-center justify-center rounded text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:bg-accent",
+      "data-testid": "dash-app-rules-banner-dismiss",
+      onClick: dismiss,
+      type: "button",
+      children: t7
+    }, void 0, false);
+    $[13] = t6;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t5 || $[16] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex shrink-0 items-center gap-2 border-b border-warning/30 bg-warning/10 px-6 py-2 text-[12px] text-foreground",
+      "data-testid": "dash-app-rules-banner",
+      role: "note",
+      children: [t1, t5, t8]
+    }, void 0, true);
+    $[15] = t5;
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  return t9;
+};
+function _temp$1() {
+  return readBannerDismissed();
+}
+
+const MonitorIcon = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: [/* @__PURE__ */ jsxDEV("rect", {
+        height: "14",
+        rx: "2",
+        width: "20",
+        x: "2",
+        y: "3"
+      }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+        d: "M8 21h8M12 17v4"
+      }, void 0, false)]
+    }, void 0, true);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const SunIcon = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: [/* @__PURE__ */ jsxDEV("circle", {
+        cx: "12",
+        cy: "12",
+        r: "4"
+      }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+        d: "M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"
+      }, void 0, false)]
+    }, void 0, true);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const MoonIcon = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z"
+      }, void 0, false)
+    }, void 0, false);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const OPTIONS = [{
+  Icon: MonitorIcon,
+  value: "system"
+}, {
+  Icon: SunIcon,
+  value: "light"
+}, {
+  Icon: MoonIcon,
+  value: "dark"
+}];
+const ThemeToggle = () => {
+  const $ = c(19);
+  const {
+    theme,
+    setTheme
+  } = useTheme();
+  const t = useT();
+  let t0;
+  if ($[0] !== t) {
+    t0 = t("Dark theme");
+    $[0] = t;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== t) {
+    t1 = t("Light theme");
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t) {
+    t2 = t("System theme");
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t0 || $[7] !== t1 || $[8] !== t2) {
+    t3 = {
+      dark: t0,
+      light: t1,
+      system: t2
+    };
+    $[6] = t0;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const label = t3;
+  let t4;
+  if ($[10] !== t) {
+    t4 = t("Theme");
+    $[10] = t;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== label || $[13] !== setTheme || $[14] !== theme) {
+    t5 = OPTIONS.map((t62) => {
+      const {
+        Icon,
+        value
+      } = t62;
+      const active = theme === value;
+      return /* @__PURE__ */ jsxDEV("button", {
+        "aria-checked": active,
+        "aria-label": label[value],
+        className: cn("relative flex size-7 cursor-pointer items-center justify-center rounded-md outline-none transition-colors focus-visible:bg-accent", active ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+        "data-testid": `dash-app-theme-${value}`,
+        onClick: () => {
+          setTheme(value);
+        },
+        role: "radio",
+        title: label[value],
+        type: "button",
+        children: [active && /* @__PURE__ */ jsxDEV(motion.span, {
+          className: "absolute inset-0 rounded-md border border-muted-foreground/40 bg-background/40",
+          layoutId: "studio-theme-active",
+          transition: {
+            bounce: 0.1,
+            duration: 0.45,
+            type: "spring"
+          }
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          className: "relative",
+          children: /* @__PURE__ */ jsxDEV(Icon, {}, void 0, false)
+        }, void 0, false)]
+      }, value, true);
+    });
+    $[12] = label;
+    $[13] = setTheme;
+    $[14] = theme;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== t4 || $[17] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": t4,
+      className: "inline-flex items-center gap-0.5 overflow-hidden rounded-md border border-border bg-muted/60 p-0.5",
+      "data-testid": "dash-app-theme",
+      role: "radiogroup",
+      children: t5
+    }, void 0, false);
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  return t6;
+};
+
+function Popover(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Popover$1.Root, {
+      "data-slot": "popover",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function PopoverTrigger(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Popover$1.Trigger, {
+      "data-slot": "popover-trigger",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function PopoverContent({
+  align = "end",
+  alignOffset = 0,
+  className,
+  keepMounted = false,
+  side = "bottom",
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(Popover$1.Portal, {
+    keepMounted,
+    children: /* @__PURE__ */ jsxDEV(Popover$1.Positioner, {
+      align,
+      alignOffset,
+      className: "isolate z-50 outline-none",
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsxDEV(Popover$1.Popup, {
+        className: cn("z-50 w-72 origin-(--transform-origin) rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-md outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+        "data-slot": "popover-content",
+        ...props
+      }, void 0, false)
+    }, void 0, false)
+  }, void 0, false);
+}
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const $ = c(2);
+  const [isMobile, setIsMobile] = useState(void 0);
+  let t0;
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const mql = globalThis.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+      const onChange = () => {
+        setIsMobile(globalThis.innerWidth < MOBILE_BREAKPOINT);
+      };
+      mql.addEventListener("change", onChange);
+      setIsMobile(globalThis.innerWidth < MOBILE_BREAKPOINT);
+      return () => {
+        mql.removeEventListener("change", onChange);
+      };
+    };
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  return Boolean(isMobile);
+}
+
+function Sheet(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Dialog.Root, {
+      "data-slot": "sheet",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function SheetPortal(t0) {
+  const $ = c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /* @__PURE__ */ jsxDEV(Dialog.Portal, {
+      "data-slot": "sheet-portal",
+      ...props
+    }, void 0, false);
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+}
+function SheetOverlay(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("fixed inset-0 z-50 bg-black/10 text-xs/relaxed transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Dialog.Backdrop, {
+      "data-slot": "sheet-overlay",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(SheetPortal, {
+    children: [/* @__PURE__ */ jsxDEV(SheetOverlay, {}, void 0, false), /* @__PURE__ */ jsxDEV(Dialog.Popup, {
+      "data-slot": "sheet-content",
+      "data-side": side,
+      className: cn("fixed z-50 flex flex-col bg-popover bg-clip-padding text-xs/relaxed text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:data-ending-style:translate-x-[-2.5rem] rtl:data-[side=left]:data-ending-style:-translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] rtl:data-[side=left]:data-starting-style:-translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:data-ending-style:translate-x-[2.5rem] rtl:data-[side=right]:data-ending-style:-translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] rtl:data-[side=right]:data-starting-style:-translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+      ...props,
+      children: [children, showCloseButton && /* @__PURE__ */ jsxDEV(Dialog.Close, {
+        "data-slot": "sheet-close",
+        render: /* @__PURE__ */ jsxDEV(Button, {
+          variant: "ghost",
+          className: "absolute top-3 end-3",
+          size: "icon-sm"
+        }, void 0, false),
+        children: [/* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+          icon: Cancel01Icon,
+          strokeWidth: 2
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          className: "sr-only",
+          children: "Close"
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true)]
+  }, void 0, true);
+}
+function SheetHeader(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex flex-col gap-0.5 p-4", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sheet-header",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SheetTitle(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("text-sm font-medium text-foreground", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Dialog.Title, {
+      "data-slot": "sheet-title",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SheetDescription(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("text-xs/relaxed text-muted-foreground", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV(Dialog.Description, {
+      "data-slot": "sheet-description",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = /* @__PURE__ */ React.createContext(null);
+function useSidebar() {
+  const context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new LunoraError("INTERNAL", "useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React.useState(false);
+  const [_open, _setOpen] = React.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = (value) => {
+    const openState = typeof value === "function" ? value(open) : value;
+    if (setOpenProp) {
+      setOpenProp(openState);
+    } else {
+      _setOpen(openState);
+    }
+    document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+  };
+  const toggleSidebar = () => {
+    return isMobile ? setOpenMobile((open_0) => !open_0) : setOpen((open_1) => !open_1);
+  };
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    globalThis.addEventListener("keydown", handleKeyDown);
+    return () => globalThis.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = {
+    state,
+    open,
+    setOpen,
+    isMobile,
+    openMobile,
+    setOpenMobile,
+    toggleSidebar
+  };
+  return /* @__PURE__ */ jsxDEV(SidebarContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": SIDEBAR_WIDTH,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+        ...style
+      },
+      className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
+      ...props,
+      children
+    }, void 0, false)
+  }, void 0, false);
+}
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  dir,
+  ...props
+}) {
+  const {
+    isMobile,
+    state,
+    openMobile,
+    setOpenMobile
+  } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar",
+      className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
+      ...props,
+      children
+    }, void 0, false);
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsxDEV(Sheet, {
+      open: openMobile,
+      onOpenChange: setOpenMobile,
+      ...props,
+      children: /* @__PURE__ */ jsxDEV(SheetContent, {
+        dir,
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side,
+        children: [/* @__PURE__ */ jsxDEV(SheetHeader, {
+          className: "sr-only",
+          children: [/* @__PURE__ */ jsxDEV(SheetTitle, {
+            children: "Sidebar"
+          }, void 0, false), /* @__PURE__ */ jsxDEV(SheetDescription, {
+            children: "Displays the mobile sidebar."
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex h-full w-full flex-col",
+          children
+        }, void 0, false)]
+      }, void 0, true)
+    }, void 0, false);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "group peer hidden text-sidebar-foreground md:block",
+    "data-state": state,
+    "data-collapsible": state === "collapsed" ? collapsible : "",
+    "data-variant": variant,
+    "data-side": side,
+    "data-slot": "sidebar",
+    children: [/* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-gap",
+      className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-container",
+      "data-side": side,
+      className: cn(
+        "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex",
+        // Adjust the padding for floating and inset variants.
+        variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-e group-data-[side=right]:border-s",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxDEV("div", {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar-inner",
+        className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-none group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+        children
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
+}
+function SidebarTrigger(t0) {
+  const $ = c(15);
+  let className;
+  let onClick;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      onClick,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = onClick;
+    $[3] = props;
+  } else {
+    className = $[1];
+    onClick = $[2];
+    props = $[3];
+  }
+  const {
+    toggleSidebar
+  } = useSidebar();
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn(className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== onClick || $[7] !== toggleSidebar) {
+    t2 = (event) => {
+      onClick?.(event);
+      toggleSidebar();
+    };
+    $[6] = onClick;
+    $[7] = toggleSidebar;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  let t4;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+      icon: SidebarLeftIcon,
+      strokeWidth: 2,
+      className: "rtl:rotate-180"
+    }, void 0, false);
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "sr-only",
+      children: "Toggle Sidebar"
+    }, void 0, false);
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t3 = $[9];
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== props || $[12] !== t1 || $[13] !== t2) {
+    t5 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      size: "icon-sm",
+      className: t1,
+      onClick: t2,
+      ...props,
+      children: [t3, t4]
+    }, void 0, true);
+    $[11] = props;
+    $[12] = t1;
+    $[13] = t2;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
+}
+function SidebarInset(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-none md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("main", {
+      "data-slot": "sidebar-inset",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarHeader(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex flex-col gap-2 p-2", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarFooter(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex flex-col gap-2 p-2", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarContent(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex min-h-0 flex-1 flex-col gap-0 overflow-x-hidden overflow-y-auto [scrollbar-color:color-mix(in_oklch,var(--muted-foreground)_25%,transparent)_transparent] [scrollbar-width:thin] [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/25 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar]:w-1.5 hover:[scrollbar-color:color-mix(in_oklch,var(--muted-foreground)_50%,transparent)_transparent] hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarGroup(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("relative flex w-full min-w-0 flex-col p-2", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarGroupLabel(t0) {
+  const $ = c(10);
+  let render;
+  let t1;
+  let t2;
+  let t3;
+  if ($[0] !== t0) {
+    const {
+      className,
+      render: t42,
+      ...props
+    } = t0;
+    render = t42;
+    t3 = useRender;
+    t1 = "div";
+    t2 = mergeProps({
+      className: cn("flex h-8 shrink-0 items-center rounded-none px-2 text-xs text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", className)
+    }, props);
+    $[0] = t0;
+    $[1] = render;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    render = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      slot: "sidebar-group-label",
+      sidebar: "group-label"
+    };
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== render || $[7] !== t1 || $[8] !== t2) {
+    t5 = {
+      defaultTagName: t1,
+      props: t2,
+      render,
+      state: t4
+    };
+    $[6] = render;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t3(t5);
+}
+function SidebarGroupContent(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("w-full text-xs", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarMenu(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex w-full min-w-0 flex-col gap-0", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("ul", {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function SidebarMenuItem(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("group/menu-item relative", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("li", {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+const sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-none p-2 text-start text-xs ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pe-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
+  variants: {
+    variant: {
+      default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+      outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+    },
+    size: {
+      default: "h-8 text-xs",
+      sm: "h-7 text-xs",
+      lg: "h-12 text-xs group-data-[collapsible=icon]:p-0!"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function SidebarMenuButton({
+  render,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}) {
+  const {
+    isMobile,
+    state
+  } = useSidebar();
+  const comp = useRender({
+    defaultTagName: "button",
+    props: mergeProps({
+      className: cn(sidebarMenuButtonVariants({
+        variant,
+        size
+      }), className)
+    }, props),
+    render: !tooltip ? render : /* @__PURE__ */ jsxDEV(TooltipTrigger, {
+      render
+    }, void 0, false),
+    state: {
+      slot: "sidebar-menu-button",
+      sidebar: "menu-button",
+      size,
+      active: isActive
+    }
+  });
+  if (!tooltip) {
+    return comp;
+  }
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ jsxDEV(Tooltip, {
+    children: [comp, /* @__PURE__ */ jsxDEV(TooltipContent, {
+      side: "right",
+      align: "center",
+      hidden: state !== "collapsed" || isMobile,
+      ...tooltip
+    }, void 0, false)]
+  }, void 0, true);
+}
+
+const lazyNamed = (load, key) => /* @__PURE__ */ lazy(() => load().then((loaded) => {
+  return {
+    default: loaded[key]
+  };
+}));
+const InsightsPanel = lazyNamed(() => import('../packem_chunks/InsightsPanel.js'), "InsightsPanel");
+const RlsPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/rls-panel.js'));
+const SecurityAdvisorPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/SecurityAdvisorPanel.js'));
+const AgentsPanel = lazyNamed(() => import('../packem_chunks/agents-panel.js'), "AgentsPanel");
+const AnalyticsPanel = lazyNamed(() => import('../packem_chunks/analytics-panel.js'), "AnalyticsPanel");
+const ApiTab = /* @__PURE__ */ lazy(() => import('../packem_chunks/ApiTab.js'));
+const AuthConfigPanel = lazyNamed(() => import('../packem_chunks/auth-config-panel.js'), "AuthConfigPanel");
+const AuthSessionsPanel = lazyNamed(() => import('../packem_chunks/auth-sessions-panel.js'), "AuthSessionsPanel");
+const OrganizationsPanel = lazyNamed(() => import('../packem_chunks/organizations-panel.js'), "OrganizationsPanel");
+const UsersPanel = lazyNamed(() => import('../packem_chunks/users-panel.js'), "UsersPanel");
+const ContainersPanel = lazyNamed(() => import('../packem_chunks/containers-panel.js'), "ContainersPanel");
+const TableEditor = lazyNamed(() => import('../packem_chunks/TableEditor.js'), "TableEditor");
+const ExportImportPanel = lazyNamed(() => import('../packem_chunks/ExportImportPanel.js'), "ExportImportPanel");
+const MigrationsPanel = lazyNamed(() => import('../packem_chunks/MigrationsPanel.js'), "MigrationsPanel");
+const PitrPanel = lazyNamed(() => import('../packem_chunks/PitrPanel.js'), "PitrPanel");
+const FlagsPanel = lazyNamed(() => import('../packem_chunks/flags-panel.js'), "FlagsPanel");
+const FunctionRunner = lazyNamed(() => import('../packem_chunks/FunctionRunner.js'), "FunctionRunner");
+const FunctionStatsPanel = lazyNamed(() => import('../packem_chunks/FunctionStatsPanel.js'), "FunctionStatsPanel");
+const IssuesPanel = lazyNamed(() => import('../packem_chunks/issues-panel.js'), "IssuesPanel");
+const AuditPanel = lazyNamed(() => import('../packem_chunks/AuditPanel.js'), "AuditPanel");
+const LogDrainsPanel = lazyNamed(() => import('../packem_chunks/log-drains-panel.js'), "LogDrainsPanel");
+const LogsPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/LogsPanel.js').then((m) => {
+  return {
+    default: m.LogsPanel
+  };
+}));
+const MailPanel = lazyNamed(() => import('../packem_chunks/MailPanel.js'), "MailPanel");
+const SchedulePanel = lazyNamed(() => import('../packem_chunks/schedule-panel.js'), "SchedulePanel");
+const SubscriptionsPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/subscriptions-panel.js'));
+const KvBrowser = lazyNamed(() => import('../packem_chunks/kv-browser.js'), "KvBrowser");
+const PaymentsPanel = lazyNamed(() => import('../packem_chunks/payments-panel.js'), "PaymentsPanel");
+const PermissionsPanel = lazyNamed(() => import('../packem_chunks/permissions-panel.js'), "PermissionsPanel");
+const QueuesPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/queues-panel.js'));
+const DashboardsPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/dashboards-panel.js'));
+const FanoutPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/fanout-panel.js'));
+const HealthPanel = lazyNamed(() => import('../packem_chunks/HealthPanel.js'), "HealthPanel");
+const MetricsPanel = lazyNamed(() => import('../packem_chunks/MetricsPanel.js'), "MetricsPanel");
+const SchemaViewer = lazyNamed(() => import('../packem_chunks/SchemaViewer.js'), "SchemaViewer");
+const SettingsPanel = lazyNamed(() => import('../packem_chunks/SettingsPanel.js'), "SettingsPanel");
+const SqlEditorPanel = lazyNamed(() => import('../packem_chunks/SqlEditorPanel.js'), "SqlEditorPanel");
+const FileBrowser = lazyNamed(() => import('../packem_chunks/FileBrowser.js'), "FileBrowser");
+const StorageRulesPanel = lazyNamed(() => import('../packem_chunks/storage-rules-panel.js'), "StorageRulesPanel");
+const VectorBrowser = lazyNamed(() => import('../packem_chunks/vector-browser.js'), "VectorBrowser");
+const WorkflowsPanel = /* @__PURE__ */ lazy(() => import('../packem_chunks/workflows-panel.js'));
+const StudioChromeContext = /* @__PURE__ */ createContext(null);
+const TAB_ICONS = {
+  analytics: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 20V10m6.5 10V4M18 20v-7M3 20h18"
+  }, void 0, false),
+  api: /* @__PURE__ */ jsxDEV("path", {
+    d: "m9 8-4 4 4 4m6-8 4 4-4 4M13 5l-2 14"
+  }, void 0, false),
+  audit: /* @__PURE__ */ jsxDEV("path", {
+    d: "M7 4h7l4 4v11a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm6 0v5h5M9 13h6M9 16h6M9 10h2"
+  }, void 0, false),
+  authConfig: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm7.4-3a7.4 7.4 0 0 0-.1-1.2l2-1.6-2-3.4-2.4 1a7.3 7.3 0 0 0-2-1.2l-.4-2.6h-3.6l-.4 2.6a7.3 7.3 0 0 0-2 1.2l-2.4-1-2 3.4 2 1.6a7.4 7.4 0 0 0 0 2.4l-2 1.6 2 3.4 2.4-1a7.3 7.3 0 0 0 2 1.2l.4 2.6h3.6l.4-2.6a7.3 7.3 0 0 0 2-1.2l2.4 1 2-3.4-2-1.6a7.4 7.4 0 0 0 .1-1.2Z"
+  }, void 0, false),
+  agents: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 8V5m0 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 8h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2Zm3 5h.01M15 13h.01M9 21h6"
+  }, void 0, false),
+  authSessions: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0-13.5V12l4 2"
+  }, void 0, false),
+  containers: /* @__PURE__ */ jsxDEV("path", {
+    d: "M3 7.5 12 3l9 4.5v9L12 21l-9-4.5v-9Zm0 0 9 4.5m0 0 9-4.5m-9 4.5V21"
+  }, void 0, false),
+  dashboards: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 5h7v6H4V5Zm9 0h7v4h-7V5ZM4 14h7v5H4v-5Zm9-1h7v6h-7v-6Z"
+  }, void 0, false),
+  drains: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 5h14M7 5v6a5 5 0 0 0 10 0V5M10 16h4v3h-4zM12 19v2"
+  }, void 0, false),
+  data: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 6c0-1.4 3.1-2.5 7-2.5s7 1.1 7 2.5-3.1 2.5-7 2.5S5 7.4 5 6Zm0 0v12c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5V6M5 12c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5"
+  }, void 0, false),
+  export: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 3v11m0 0 4-4m-4 4-4-4M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"
+  }, void 0, false),
+  fanout: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm-7 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm14 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12 7v3.5M12 10.5 6 17m6-6.5 6 6.5"
+  }, void 0, false),
+  files: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 7a2 2 0 0 1 2-2h3l2 2.5h7a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z"
+  }, void 0, false),
+  flags: /* @__PURE__ */ jsxDEV("path", {
+    d: "M6 21V4m0 0h11l-2 3 2 3H6"
+  }, void 0, false),
+  functions: /* @__PURE__ */ jsxDEV("path", {
+    d: "m9 8-4 4 4 4m6-8 4 4-4 4"
+  }, void 0, false),
+  health: /* @__PURE__ */ jsxDEV("path", {
+    d: "M3 12h4l2 6 4-14 2 8h6"
+  }, void 0, false),
+  home: /* @__PURE__ */ jsxDEV("path", {
+    d: "M3 11.5 12 4l9 7.5M5 10v9a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1v-9"
+  }, void 0, false),
+  insights: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 3a6 6 0 0 0-3.6 10.8c.5.4.8.9.9 1.5l.2 1.2h5l.2-1.2c.1-.6.4-1.1.9-1.5A6 6 0 0 0 12 3ZM9.5 20.5h5M10 18h4"
+  }, void 0, false),
+  issues: /* @__PURE__ */ jsxDEV("path", {
+    d: "M10.3 4.3 2.5 18a2 2 0 0 0 1.7 3h15.6a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0ZM12 9v4m0 3v.01"
+  }, void 0, false),
+  kv: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 5h14v4H5V5Zm0 5h14v4H5v-4Zm0 5h14v4H5v-4Z"
+  }, void 0, false),
+  logs: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 6h14M5 10h14M5 14h9M5 18h11"
+  }, void 0, false),
+  mail: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 5h16v14H4V5Zm0 1.5 8 6 8-6"
+  }, void 0, false),
+  payments: /* @__PURE__ */ jsxDEV("path", {
+    d: "M3 7h18v10H3V7Zm0 3h18M7 14h4"
+  }, void 0, false),
+  metrics: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 20V10m6.5 10V4M18 20v-7M3 20h18"
+  }, void 0, false),
+  migrations: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 12a8 8 0 0 1 13.7-5.6L20 8M20 4v4h-4M20 12a8 8 0 0 1-13.7 5.6L4 16m0 4v-4h4"
+  }, void 0, false),
+  organizations: /* @__PURE__ */ jsxDEV("path", {
+    d: "M3 21V8l6-4 6 4v13M9 21v-5h2v5M15 11h6v10M18 14v.01M18 17v.01M6 9v.01M6 12v.01M6 15v.01"
+  }, void 0, false),
+  permissions: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 3 5 6v5c0 4.5 3 7.8 7 9 4-1.2 7-4.5 7-9V6l-7-3Zm-3 8 2.2 2.2L15 9.5M8.5 16h7"
+  }, void 0, false),
+  pitr: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 21a9 9 0 1 0-9-9M12 7.5V12l3 2M3 12l-2-2m2 2 2-2"
+  }, void 0, false),
+  queues: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 6h16M4 10h16M4 14h10M4 18h10m4-2 3 2-3 2v-4Z"
+  }, void 0, false),
+  realtime: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 12a7 7 0 0 1 14 0M8 12a4 4 0 0 1 8 0M12 12v8m0-8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+  }, void 0, false),
+  rls: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 3 5 6v5c0 4.5 3 7.8 7 9 4-1.2 7-4.5 7-9V6l-7-3ZM8.5 10h7M8.5 13h7"
+  }, void 0, false),
+  schedule: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0-13.5V12l4 2"
+  }, void 0, false),
+  schema: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 5h16v14H4V5Zm0 5h16M10 10v9M4 14.5h16"
+  }, void 0, false),
+  sql: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 5h16v14H4V5Zm3 4 3 3-3 3m6 0h4"
+  }, void 0, false),
+  storageRules: /* @__PURE__ */ jsxDEV("path", {
+    d: "M7 10V7a5 5 0 0 1 10 0v3m-11 0h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1Zm6 4v2"
+  }, void 0, false),
+  security: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 3 5 6v5c0 4.5 3 7.8 7 9 4-1.2 7-4.5 7-9V6l-7-3Zm-2.5 8.5 2 2 4-4"
+  }, void 0, false),
+  settings: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm7.4-3a7.4 7.4 0 0 0-.1-1.2l2-1.6-2-3.4-2.4 1a7.3 7.3 0 0 0-2-1.2l-.4-2.6H10.5l-.4 2.6a7.3 7.3 0 0 0-2 1.2l-2.4-1-2 3.4 2 1.6a7.4 7.4 0 0 0 0 2.4l-2 1.6 2 3.4 2.4-1a7.3 7.3 0 0 0 2 1.2l.4 2.6h3.6l.4-2.6a7.3 7.3 0 0 0 2-1.2l2.4 1 2-3.4-2-1.6a7.4 7.4 0 0 0 .1-1.2Z"
+  }, void 0, false),
+  users: /* @__PURE__ */ jsxDEV("path", {
+    d: "M16 20v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2M9.5 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm11.5 10v-2a4 4 0 0 0-3-3.85M16 3.13A4 4 0 0 1 16 11"
+  }, void 0, false),
+  vectors: /* @__PURE__ */ jsxDEV("path", {
+    d: "M4 7l8-4 8 4-8 4-8-4Zm0 5 8 4 8-4M4 17l8 4 8-4"
+  }, void 0, false),
+  workflows: /* @__PURE__ */ jsxDEV("path", {
+    d: "M5 5h5v5H5V5Zm9 9h5v5h-5v-5ZM7.5 10v2a2 2 0 0 0 2 2H14m2.5-4V8a2 2 0 0 0-2-2H10"
+  }, void 0, false)
+};
+const NAV_GROUPS = [{
+  key: "overview",
+  tabs: ["home", "dashboards"]
+}, {
+  key: "database",
+  tabs: ["data", "sql", "schema", "migrations", "vectors", "pitr", "export"]
+}, {
+  key: "functions",
+  tabs: ["functions", "api", "workflows", "agents", "queues"]
+}, {
+  key: "auth",
+  tabs: ["users", "organizations", "authSessions", "authConfig"]
+}, {
+  key: "storage",
+  tabs: ["files", "storageRules", "kv"]
+}, {
+  key: "observability",
+  tabs: ["issues", "logs", "audit", "realtime", "fanout", "containers", "metrics", "analytics", "health"]
+}, {
+  key: "advisors",
+  tabs: ["security", "rls", "permissions", "insights"]
+}, {
+  key: "operations",
+  tabs: ["schedule", "mail", "drains", "payments", "flags"]
+}, {
+  key: "settings",
+  tabs: ["settings"]
+}];
+const TAB_FEATURE = {
+  analytics: "analytics",
+  authConfig: "auth",
+  authSessions: "auth",
+  containers: "containers",
+  files: "storage",
+  flags: "flags",
+  kv: "kv",
+  mail: "mail",
+  organizations: "auth",
+  payments: "payments",
+  queues: "queues",
+  schedule: "scheduler",
+  storageRules: "storage",
+  users: "auth",
+  vectors: "vectors",
+  workflows: "workflows"
+};
+const isTabVisible = (tab, features) => {
+  const feature = TAB_FEATURE[tab];
+  return feature === void 0 || features[feature];
+};
+const TabIcon = (t0) => {
+  const $ = c(2);
+  const {
+    tab
+  } = t0;
+  const t1 = TAB_ICONS[tab];
+  let t2;
+  if ($[0] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-4 shrink-0",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.6,
+      viewBox: "0 0 24 24",
+      children: t1
+    }, void 0, false);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+};
+const exhaustiveRouteTabs = (tabs) => tabs;
+const TABS = exhaustiveRouteTabs(["home", "data", "sql", "functions", "api", "workflows", "agents", "queues", "containers", "schema", "migrations", "vectors", "export", "pitr", "users", "organizations", "authSessions", "authConfig", "files", "storageRules", "kv", "dashboards", "metrics", "analytics", "health", "security", "rls", "permissions", "insights", "issues", "logs", "realtime", "fanout", "mail", "payments", "audit", "schedule", "drains", "flags", "settings"]);
+const FULL_HEIGHT_TABS = /* @__PURE__ */ new Set(["api", "data", "sql"]);
+const tabFromPathname = (pathname) => {
+  const slug = pathname.split("/").findLast(Boolean) ?? "";
+  return TABS.includes(slug) ? slug : "home";
+};
+const ConnectPopoverContent = (t0) => {
+  const $ = c(19);
+  const {
+    chrome,
+    connected
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("admin token");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("label", {
+      className: "text-xs font-medium text-foreground",
+      htmlFor: "dash-app-token",
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== chrome.onTokenChange || $[5] !== chrome.token) {
+    t3 = /* @__PURE__ */ jsxDEV(Input, {
+      className: "h-8",
+      "data-testid": "dash-app-token",
+      id: "dash-app-token",
+      onChange: chrome.onTokenChange,
+      placeholder: "LUNORA_ADMIN_TOKEN",
+      type: "password",
+      value: chrome.token
+    }, void 0, false);
+    $[4] = chrome.onTokenChange;
+    $[5] = chrome.token;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== connected || $[8] !== t) {
+    t4 = connected && /* @__PURE__ */ jsxDEV("p", {
+      className: "flex items-start gap-1.5 text-[11px] text-muted-foreground",
+      "data-testid": "dash-app-token-warning",
+      role: "note",
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        "aria-hidden": "true",
+        className: "text-warning",
+        children: "⚠"
+      }, void 0, false), t("Token rides the WebSocket URL — it can surface in browser DevTools and server logs. Use a dev-only token.")]
+    }, void 0, true);
+    $[7] = connected;
+    $[8] = t;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== chrome.clearToken || $[11] !== connected || $[12] !== t) {
+    t5 = connected && /* @__PURE__ */ jsxDEV("button", {
+      className: "self-start rounded-md border border-border px-2.5 py-1 text-xs font-medium outline-none transition-colors hover:bg-accent focus-visible:bg-accent",
+      "data-testid": "dash-app-clear-token",
+      onClick: chrome.clearToken,
+      type: "button",
+      children: t("Clear")
+    }, void 0, false);
+    $[10] = chrome.clearToken;
+    $[11] = connected;
+    $[12] = t;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-2",
+      children: [t2, t3, t4, t5]
+    }, void 0, true);
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  return t6;
+};
+const CollapsedGroupNav = (t0) => {
+  const $ = c(25);
+  const {
+    current,
+    group,
+    groupLabel,
+    selectTab,
+    tabDescription,
+    tabLabel
+  } = t0;
+  const t1 = group.tabs.includes(current) ? "page" : void 0;
+  const t2 = groupLabel[group.key];
+  const t3 = group.tabs[0];
+  let t4;
+  if ($[0] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(TabIcon, {
+      tab: t3
+    }, void 0, false);
+    $[0] = t3;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  let t5;
+  if ($[2] !== t1 || $[3] !== t2 || $[4] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(PopoverTrigger, {
+      "aria-current": t1,
+      "aria-label": t2,
+      className: "mx-auto flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:bg-sidebar-accent data-[popup-open]:bg-sidebar-accent data-[popup-open]:text-sidebar-accent-foreground data-[popup-open]:shadow-xs aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground aria-[current=page]:shadow-xs",
+      delay: 120,
+      openOnHover: true,
+      children: t4
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const t6 = groupLabel[group.key];
+  let t7;
+  if ($[6] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "px-2 py-1.5 text-[11px] font-medium tracking-wider text-muted-foreground uppercase",
+      children: t6
+    }, void 0, false);
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  let t8;
+  if ($[8] !== current || $[9] !== group.tabs || $[10] !== selectTab || $[11] !== tabDescription || $[12] !== tabLabel) {
+    let t92;
+    if ($[14] !== current || $[15] !== selectTab || $[16] !== tabDescription || $[17] !== tabLabel) {
+      t92 = (tab) => /* @__PURE__ */ jsxDEV("button", {
+        "aria-current": current === tab ? "page" : void 0,
+        className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-[13px] text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent aria-[current=page]:bg-accent aria-[current=page]:font-medium [&_svg]:opacity-70 aria-[current=page]:[&_svg]:opacity-100",
+        "data-tab": tab,
+        "data-testid": `dash-tab-${tab}`,
+        onClick: selectTab,
+        title: tabDescription[tab],
+        type: "button",
+        children: [/* @__PURE__ */ jsxDEV(TabIcon, {
+          tab
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          children: tabLabel[tab]
+        }, void 0, false)]
+      }, tab, true);
+      $[14] = current;
+      $[15] = selectTab;
+      $[16] = tabDescription;
+      $[17] = tabLabel;
+      $[18] = t92;
+    } else {
+      t92 = $[18];
+    }
+    t8 = group.tabs.map(t92);
+    $[8] = current;
+    $[9] = group.tabs;
+    $[10] = selectTab;
+    $[11] = tabDescription;
+    $[12] = tabLabel;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[19] !== t7 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(PopoverContent, {
+      align: "start",
+      className: "w-56 p-1",
+      side: "right",
+      sideOffset: 8,
+      children: [t7, t8]
+    }, void 0, true);
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t5 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(Popover, {
+      children: [t5, t9]
+    }, void 0, true);
+    $[22] = t5;
+    $[23] = t9;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  return t10;
+};
+const SidebarFooterProfile = (t0) => {
+  const $ = c(45);
+  const {
+    chrome,
+    collapsed,
+    connected
+  } = t0;
+  const t = useT();
+  if (chrome === null) {
+    let t14;
+    if ($[0] !== t) {
+      t14 = t("Admin");
+      $[0] = t;
+      $[1] = t14;
+    } else {
+      t14 = $[1];
+    }
+    let t22;
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t22 = /* @__PURE__ */ jsxDEV("span", {
+        className: "flex size-8 items-center justify-center rounded-full bg-sidebar-accent text-[11px] font-medium",
+        children: "C"
+      }, void 0, false);
+      $[2] = t22;
+    } else {
+      t22 = $[2];
+    }
+    let t32;
+    if ($[3] !== t) {
+      t32 = t("Admin");
+      $[3] = t;
+      $[4] = t32;
+    } else {
+      t32 = $[4];
+    }
+    let t42;
+    if ($[5] !== t32) {
+      t42 = /* @__PURE__ */ jsxDEV("span", {
+        className: "truncate text-[13px] font-medium",
+        children: t32
+      }, void 0, false);
+      $[5] = t32;
+      $[6] = t42;
+    } else {
+      t42 = $[6];
+    }
+    let t52;
+    if ($[7] !== t) {
+      t52 = t("Studio");
+      $[7] = t;
+      $[8] = t52;
+    } else {
+      t52 = $[8];
+    }
+    let t62;
+    if ($[9] !== t52) {
+      t62 = /* @__PURE__ */ jsxDEV("span", {
+        className: "truncate text-[11px] text-muted-foreground",
+        children: t52
+      }, void 0, false);
+      $[9] = t52;
+      $[10] = t62;
+    } else {
+      t62 = $[10];
+    }
+    let t72;
+    if ($[11] !== t42 || $[12] !== t62) {
+      t72 = /* @__PURE__ */ jsxDEV("span", {
+        className: "grid flex-1 text-start leading-tight",
+        children: [t42, t62]
+      }, void 0, true);
+      $[11] = t42;
+      $[12] = t62;
+      $[13] = t72;
+    } else {
+      t72 = $[13];
+    }
+    let t82;
+    if ($[14] !== t14 || $[15] !== t72) {
+      t82 = /* @__PURE__ */ jsxDEV(SidebarMenuButton, {
+        className: "data-active:bg-transparent",
+        size: "lg",
+        tooltip: t14,
+        children: [t22, t72]
+      }, void 0, true);
+      $[14] = t14;
+      $[15] = t72;
+      $[16] = t82;
+    } else {
+      t82 = $[16];
+    }
+    return t82;
+  }
+  const t1 = collapsed ? "mx-auto size-8 justify-center" : "w-full p-2";
+  let t2;
+  if ($[17] !== t1) {
+    t2 = cn("flex items-center gap-2 rounded-md text-start outline-none transition-colors hover:bg-sidebar-accent focus-visible:bg-sidebar-accent", t1);
+    $[17] = t1;
+    $[18] = t2;
+  } else {
+    t2 = $[18];
+  }
+  let t3;
+  if ($[19] !== connected || $[20] !== t) {
+    t3 = connected ? t("Connected") : t("Not connected");
+    $[19] = connected;
+    $[20] = t;
+    $[21] = t3;
+  } else {
+    t3 = $[21];
+  }
+  const t4 = connected ? "bg-success" : "bg-muted-foreground/50";
+  let t5;
+  if ($[22] !== t4) {
+    t5 = cn("absolute -end-0.5 -bottom-0.5 size-2.5 rounded-full border-2 border-sidebar", t4);
+    $[22] = t4;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  let t6;
+  if ($[24] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      className: "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-sidebar-accent text-[11px] font-medium",
+      children: ["C", /* @__PURE__ */ jsxDEV("span", {
+        "aria-hidden": "true",
+        className: t5
+      }, void 0, false)]
+    }, void 0, true);
+    $[24] = t5;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  let t7;
+  if ($[26] !== collapsed || $[27] !== connected || $[28] !== t) {
+    t7 = !collapsed && /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        className: "grid flex-1 text-start leading-tight",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: "truncate text-[13px] font-medium",
+          children: t("Admin")
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          className: "truncate text-[11px] text-muted-foreground",
+          children: connected ? t("Connected") : t("Not connected")
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        className: "size-4 text-muted-foreground",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 1.7,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "m8 9 4-4 4 4M8 15l4 4 4-4",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
+    $[26] = collapsed;
+    $[27] = connected;
+    $[28] = t;
+    $[29] = t7;
+  } else {
+    t7 = $[29];
+  }
+  let t8;
+  if ($[30] !== t2 || $[31] !== t3 || $[32] !== t6 || $[33] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(PopoverTrigger, {
+      className: t2,
+      "data-testid": "dash-app-connect",
+      title: t3,
+      children: [t6, t7]
+    }, void 0, true);
+    $[30] = t2;
+    $[31] = t3;
+    $[32] = t6;
+    $[33] = t7;
+    $[34] = t8;
+  } else {
+    t8 = $[34];
+  }
+  const t9 = collapsed ? "end" : "start";
+  const t10 = collapsed ? "right" : "top";
+  let t11;
+  if ($[35] !== chrome || $[36] !== connected) {
+    t11 = /* @__PURE__ */ jsxDEV(ConnectPopoverContent, {
+      chrome,
+      connected
+    }, void 0, false);
+    $[35] = chrome;
+    $[36] = connected;
+    $[37] = t11;
+  } else {
+    t11 = $[37];
+  }
+  let t12;
+  if ($[38] !== t10 || $[39] !== t11 || $[40] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV(PopoverContent, {
+      align: t9,
+      keepMounted: true,
+      side: t10,
+      children: t11
+    }, void 0, false);
+    $[38] = t10;
+    $[39] = t11;
+    $[40] = t9;
+    $[41] = t12;
+  } else {
+    t12 = $[41];
+  }
+  let t13;
+  if ($[42] !== t12 || $[43] !== t8) {
+    t13 = /* @__PURE__ */ jsxDEV(Popover, {
+      children: [t8, t12]
+    }, void 0, true);
+    $[42] = t12;
+    $[43] = t8;
+    $[44] = t13;
+  } else {
+    t13 = $[44];
+  }
+  return t13;
+};
+const StudioSidebar = (t0) => {
+  const $ = c(28);
+  const {
+    chrome,
+    connected,
+    current,
+    groupLabel,
+    groups,
+    selectTab,
+    tabDescription,
+    tabLabel
+  } = t0;
+  const t = useT();
+  const {
+    state
+  } = useSidebar();
+  const collapsed = state === "collapsed";
+  const t1 = collapsed && "justify-center px-0";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("flex items-center gap-2.5 px-1.5 py-1", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV(BrandMark, {
+      className: "size-9 shrink-0 text-foreground"
+    }, void 0, false);
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== collapsed || $[4] !== connected || $[5] !== t) {
+    t4 = !collapsed && /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        className: "grid flex-1 leading-tight",
+        children: [/* @__PURE__ */ jsxDEV("span", {
+          className: "truncate text-sm font-semibold text-foreground",
+          children: "lunora"
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          className: "truncate text-[11px] text-muted-foreground",
+          children: t("Studio")
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(Badge, {
+        className: "px-1.5 text-[10px] tracking-wider uppercase",
+        variant: "secondary",
+        children: connected ? t("Live") : t("Local")
+      }, void 0, false)]
+    }, void 0, true);
+    $[3] = collapsed;
+    $[4] = connected;
+    $[5] = t;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(SidebarHeader, {
+      children: /* @__PURE__ */ jsxDEV("div", {
+        className: t2,
+        children: [t3, t4]
+      }, void 0, true)
+    }, void 0, false);
+    $[7] = t2;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== collapsed || $[11] !== current || $[12] !== groupLabel || $[13] !== groups || $[14] !== selectTab || $[15] !== tabDescription || $[16] !== tabLabel) {
+    t6 = collapsed ? groups.map((group) => /* @__PURE__ */ jsxDEV(CollapsedGroupNav, {
+      current,
+      group,
+      groupLabel,
+      selectTab,
+      tabDescription,
+      tabLabel
+    }, group.key, false)) : groups.map((group_0) => /* @__PURE__ */ jsxDEV(SidebarGroup, {
+      children: [/* @__PURE__ */ jsxDEV(SidebarGroupLabel, {
+        className: "text-[11px] font-medium tracking-wider uppercase",
+        children: groupLabel[group_0.key]
+      }, void 0, false), /* @__PURE__ */ jsxDEV(SidebarGroupContent, {
+        children: /* @__PURE__ */ jsxDEV(SidebarMenu, {
+          children: group_0.tabs.map((tab) => /* @__PURE__ */ jsxDEV(SidebarMenuItem, {
+            children: /* @__PURE__ */ jsxDEV(SidebarMenuButton, {
+              className: "data-active:text-foreground dark:data-active:text-royal-amethyst data-active:shadow-[inset_2px_0_0_0_var(--royal-amethyst)]",
+              "data-tab": tab,
+              "data-testid": `dash-tab-${tab}`,
+              isActive: current === tab,
+              onClick: selectTab,
+              title: tabDescription[tab],
+              tooltip: tabDescription[tab],
+              children: [/* @__PURE__ */ jsxDEV(TabIcon, {
+                tab
+              }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+                children: tabLabel[tab]
+              }, void 0, false)]
+            }, void 0, true)
+          }, tab, false))
+        }, void 0, false)
+      }, void 0, false)]
+    }, group_0.key, true));
+    $[10] = collapsed;
+    $[11] = current;
+    $[12] = groupLabel;
+    $[13] = groups;
+    $[14] = selectTab;
+    $[15] = tabDescription;
+    $[16] = tabLabel;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(SidebarContent, {
+      children: t6
+    }, void 0, false);
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== chrome || $[21] !== collapsed || $[22] !== connected) {
+    t8 = /* @__PURE__ */ jsxDEV(SidebarFooter, {
+      children: /* @__PURE__ */ jsxDEV(SidebarMenu, {
+        children: /* @__PURE__ */ jsxDEV(SidebarMenuItem, {
+          children: /* @__PURE__ */ jsxDEV(SidebarFooterProfile, {
+            chrome,
+            collapsed,
+            connected
+          }, void 0, false)
+        }, void 0, false)
+      }, void 0, false)
+    }, void 0, false);
+    $[20] = chrome;
+    $[21] = collapsed;
+    $[22] = connected;
+    $[23] = t8;
+  } else {
+    t8 = $[23];
+  }
+  let t9;
+  if ($[24] !== t5 || $[25] !== t7 || $[26] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Sidebar, {
+      collapsible: "icon",
+      variant: "inset",
+      children: [t5, t7, t8]
+    }, void 0, true);
+    $[24] = t5;
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  return t9;
+};
+const RoutePending = () => {
+  const $ = c(1);
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "dash-pending",
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Skeleton, {
+          className: "h-8 w-40"
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Skeleton, {
+          className: "h-8 w-24"
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(Skeleton, {
+        className: "h-72 w-full"
+      }, void 0, false)]
+    }, void 0, true);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const StudioLayout = () => {
+  const $ = c(306);
+  const t = useT();
+  const navigate = useNavigate();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      select: _temp
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const pathname = useRouterState(t0);
+  let current;
+  let t1;
+  if ($[1] !== pathname) {
+    current = tabFromPathname(pathname);
+    t1 = FULL_HEIGHT_TABS.has(current);
+    $[1] = pathname;
+    $[2] = current;
+    $[3] = t1;
+  } else {
+    current = $[2];
+    t1 = $[3];
+  }
+  const fullHeight = t1;
+  const features = useStudioFeatures();
+  let t2;
+  if ($[4] !== features) {
+    t2 = (group) => ({
+      ...group,
+      tabs: group.tabs.filter((tab) => isTabVisible(tab, features))
+    });
+    $[4] = features;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const visibleGroups = NAV_GROUPS.map(t2).filter(_temp2);
+  let t3;
+  let t4;
+  if ($[6] !== current || $[7] !== features || $[8] !== navigate) {
+    t3 = () => {
+      if (!isTabVisible(current, features)) {
+        fireAndForget(navigate({
+          replace: true,
+          to: "/home"
+        }));
+      }
+    };
+    t4 = [current, features, navigate];
+    $[6] = current;
+    $[7] = features;
+    $[8] = navigate;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t3 = $[9];
+    t4 = $[10];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[11] !== t) {
+    t5 = t("Agents");
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t) {
+    t6 = t("Analytics");
+    $[13] = t;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t) {
+    t7 = t("API");
+    $[15] = t;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t) {
+    t8 = t("Audit");
+    $[17] = t;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t) {
+    t9 = t("Configuration");
+    $[19] = t;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== t) {
+    t10 = t("Sessions");
+    $[21] = t;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== t) {
+    t11 = t("Containers");
+    $[23] = t;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== t) {
+    t12 = t("Dashboards");
+    $[25] = t;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== t) {
+    t13 = t("Data");
+    $[27] = t;
+    $[28] = t13;
+  } else {
+    t13 = $[28];
+  }
+  let t14;
+  if ($[29] !== t) {
+    t14 = t("Log drains");
+    $[29] = t;
+    $[30] = t14;
+  } else {
+    t14 = $[30];
+  }
+  let t15;
+  if ($[31] !== t) {
+    t15 = t("Export / Import");
+    $[31] = t;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  let t16;
+  if ($[33] !== t) {
+    t16 = t("Fan-out");
+    $[33] = t;
+    $[34] = t16;
+  } else {
+    t16 = $[34];
+  }
+  let t17;
+  if ($[35] !== t) {
+    t17 = t("Files");
+    $[35] = t;
+    $[36] = t17;
+  } else {
+    t17 = $[36];
+  }
+  let t18;
+  if ($[37] !== t) {
+    t18 = t("Flags");
+    $[37] = t;
+    $[38] = t18;
+  } else {
+    t18 = $[38];
+  }
+  let t19;
+  if ($[39] !== t) {
+    t19 = t("Functions");
+    $[39] = t;
+    $[40] = t19;
+  } else {
+    t19 = $[40];
+  }
+  let t20;
+  if ($[41] !== t) {
+    t20 = t("Health");
+    $[41] = t;
+    $[42] = t20;
+  } else {
+    t20 = $[42];
+  }
+  let t21;
+  if ($[43] !== t) {
+    t21 = t("Home");
+    $[43] = t;
+    $[44] = t21;
+  } else {
+    t21 = $[44];
+  }
+  let t22;
+  if ($[45] !== t) {
+    t22 = t("Performance");
+    $[45] = t;
+    $[46] = t22;
+  } else {
+    t22 = $[46];
+  }
+  let t23;
+  if ($[47] !== t) {
+    t23 = t("Issues");
+    $[47] = t;
+    $[48] = t23;
+  } else {
+    t23 = $[48];
+  }
+  let t24;
+  if ($[49] !== t) {
+    t24 = t("KV");
+    $[49] = t;
+    $[50] = t24;
+  } else {
+    t24 = $[50];
+  }
+  let t25;
+  if ($[51] !== t) {
+    t25 = t("Logs");
+    $[51] = t;
+    $[52] = t25;
+  } else {
+    t25 = $[52];
+  }
+  let t26;
+  if ($[53] !== t) {
+    t26 = t("Metrics");
+    $[53] = t;
+    $[54] = t26;
+  } else {
+    t26 = $[54];
+  }
+  let t27;
+  if ($[55] !== t) {
+    t27 = t("Migrations");
+    $[55] = t;
+    $[56] = t27;
+  } else {
+    t27 = $[56];
+  }
+  let t28;
+  if ($[57] !== t) {
+    t28 = t("Organizations");
+    $[57] = t;
+    $[58] = t28;
+  } else {
+    t28 = $[58];
+  }
+  let t29;
+  if ($[59] !== t) {
+    t29 = t("Time Travel");
+    $[59] = t;
+    $[60] = t29;
+  } else {
+    t29 = $[60];
+  }
+  let t30;
+  if ($[61] !== t) {
+    t30 = t("Mail");
+    $[61] = t;
+    $[62] = t30;
+  } else {
+    t30 = $[62];
+  }
+  let t31;
+  if ($[63] !== t) {
+    t31 = t("Payments");
+    $[63] = t;
+    $[64] = t31;
+  } else {
+    t31 = $[64];
+  }
+  let t32;
+  if ($[65] !== t) {
+    t32 = t("Permissions");
+    $[65] = t;
+    $[66] = t32;
+  } else {
+    t32 = $[66];
+  }
+  let t33;
+  if ($[67] !== t) {
+    t33 = t("Queues");
+    $[67] = t;
+    $[68] = t33;
+  } else {
+    t33 = $[68];
+  }
+  let t34;
+  if ($[69] !== t) {
+    t34 = t("Realtime");
+    $[69] = t;
+    $[70] = t34;
+  } else {
+    t34 = $[70];
+  }
+  let t35;
+  if ($[71] !== t) {
+    t35 = t("RLS Policies");
+    $[71] = t;
+    $[72] = t35;
+  } else {
+    t35 = $[72];
+  }
+  let t36;
+  if ($[73] !== t) {
+    t36 = t("Scheduled");
+    $[73] = t;
+    $[74] = t36;
+  } else {
+    t36 = $[74];
+  }
+  let t37;
+  if ($[75] !== t) {
+    t37 = t("Schema");
+    $[75] = t;
+    $[76] = t37;
+  } else {
+    t37 = $[76];
+  }
+  let t38;
+  if ($[77] !== t) {
+    t38 = t("Security");
+    $[77] = t;
+    $[78] = t38;
+  } else {
+    t38 = $[78];
+  }
+  let t39;
+  if ($[79] !== t) {
+    t39 = t("Settings");
+    $[79] = t;
+    $[80] = t39;
+  } else {
+    t39 = $[80];
+  }
+  let t40;
+  if ($[81] !== t) {
+    t40 = t("SQL editor");
+    $[81] = t;
+    $[82] = t40;
+  } else {
+    t40 = $[82];
+  }
+  let t41;
+  if ($[83] !== t) {
+    t41 = t("Access Rules");
+    $[83] = t;
+    $[84] = t41;
+  } else {
+    t41 = $[84];
+  }
+  let t42;
+  if ($[85] !== t) {
+    t42 = t("Users");
+    $[85] = t;
+    $[86] = t42;
+  } else {
+    t42 = $[86];
+  }
+  let t43;
+  if ($[87] !== t) {
+    t43 = t("Vectors");
+    $[87] = t;
+    $[88] = t43;
+  } else {
+    t43 = $[88];
+  }
+  let t44;
+  if ($[89] !== t) {
+    t44 = t("Workflows");
+    $[89] = t;
+    $[90] = t44;
+  } else {
+    t44 = $[90];
+  }
+  let t45;
+  if ($[91] !== t10 || $[92] !== t11 || $[93] !== t12 || $[94] !== t13 || $[95] !== t14 || $[96] !== t15 || $[97] !== t16 || $[98] !== t17 || $[99] !== t18 || $[100] !== t19 || $[101] !== t20 || $[102] !== t21 || $[103] !== t22 || $[104] !== t23 || $[105] !== t24 || $[106] !== t25 || $[107] !== t26 || $[108] !== t27 || $[109] !== t28 || $[110] !== t29 || $[111] !== t30 || $[112] !== t31 || $[113] !== t32 || $[114] !== t33 || $[115] !== t34 || $[116] !== t35 || $[117] !== t36 || $[118] !== t37 || $[119] !== t38 || $[120] !== t39 || $[121] !== t40 || $[122] !== t41 || $[123] !== t42 || $[124] !== t43 || $[125] !== t44 || $[126] !== t5 || $[127] !== t6 || $[128] !== t7 || $[129] !== t8 || $[130] !== t9) {
+    t45 = {
+      agents: t5,
+      analytics: t6,
+      api: t7,
+      audit: t8,
+      authConfig: t9,
+      authSessions: t10,
+      containers: t11,
+      dashboards: t12,
+      data: t13,
+      drains: t14,
+      export: t15,
+      fanout: t16,
+      files: t17,
+      flags: t18,
+      functions: t19,
+      health: t20,
+      home: t21,
+      insights: t22,
+      issues: t23,
+      kv: t24,
+      logs: t25,
+      metrics: t26,
+      migrations: t27,
+      organizations: t28,
+      pitr: t29,
+      mail: t30,
+      payments: t31,
+      permissions: t32,
+      queues: t33,
+      realtime: t34,
+      rls: t35,
+      schedule: t36,
+      schema: t37,
+      security: t38,
+      settings: t39,
+      sql: t40,
+      storageRules: t41,
+      users: t42,
+      vectors: t43,
+      workflows: t44
+    };
+    $[91] = t10;
+    $[92] = t11;
+    $[93] = t12;
+    $[94] = t13;
+    $[95] = t14;
+    $[96] = t15;
+    $[97] = t16;
+    $[98] = t17;
+    $[99] = t18;
+    $[100] = t19;
+    $[101] = t20;
+    $[102] = t21;
+    $[103] = t22;
+    $[104] = t23;
+    $[105] = t24;
+    $[106] = t25;
+    $[107] = t26;
+    $[108] = t27;
+    $[109] = t28;
+    $[110] = t29;
+    $[111] = t30;
+    $[112] = t31;
+    $[113] = t32;
+    $[114] = t33;
+    $[115] = t34;
+    $[116] = t35;
+    $[117] = t36;
+    $[118] = t37;
+    $[119] = t38;
+    $[120] = t39;
+    $[121] = t40;
+    $[122] = t41;
+    $[123] = t42;
+    $[124] = t43;
+    $[125] = t44;
+    $[126] = t5;
+    $[127] = t6;
+    $[128] = t7;
+    $[129] = t8;
+    $[130] = t9;
+    $[131] = t45;
+  } else {
+    t45 = $[131];
+  }
+  const tabLabel = t45;
+  const groupLabel = {
+    advisors: t("Advisors"),
+    auth: t("Auth"),
+    database: t("Database"),
+    functions: t("Functions"),
+    observability: t("Observability"),
+    operations: t("Operations"),
+    overview: t("Overview"),
+    settings: t("Settings"),
+    storage: t("Storage")
+  };
+  let t46;
+  if ($[132] !== t) {
+    t46 = t("Inspect agent threads, message timelines, tool calls, and token usage.");
+    $[132] = t;
+    $[133] = t46;
+  } else {
+    t46 = $[133];
+  }
+  let t47;
+  if ($[134] !== t) {
+    t47 = t("Usage and latency from Analytics Engine — request volume, p50/p95, and hot shards.");
+    $[134] = t;
+    $[135] = t47;
+  } else {
+    t47 = $[135];
+  }
+  let t48;
+  if ($[136] !== t) {
+    t48 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
+    $[136] = t;
+    $[137] = t48;
+  } else {
+    t48 = $[137];
+  }
+  let t49;
+  if ($[138] !== t) {
+    t49 = t("A durable log of admin state-changing operations.");
+    $[138] = t;
+    $[139] = t49;
+  } else {
+    t49 = $[139];
+  }
+  let t50;
+  if ($[140] !== t) {
+    t50 = t("Enabled plugins and session config (read-only).");
+    $[140] = t;
+    $[141] = t50;
+  } else {
+    t50 = $[141];
+  }
+  let t51;
+  if ($[142] !== t) {
+    t51 = t("Browse and revoke active sessions across all users.");
+    $[142] = t;
+    $[143] = t51;
+  } else {
+    t51 = $[143];
+  }
+  let t52;
+  if ($[144] !== t) {
+    t52 = t("Live Cloudflare Containers — current lifecycle state per instance from the log stream.");
+    $[144] = t;
+    $[145] = t52;
+  } else {
+    t52 = $[145];
+  }
+  let t53;
+  if ($[146] !== t) {
+    t53 = t("Chart widgets backed by saved read-only SQL queries.");
+    $[146] = t;
+    $[147] = t53;
+  } else {
+    t53 = $[147];
+  }
+  let t54;
+  if ($[148] !== t) {
+    t54 = t("Browse and edit rows across your shard and global tables.");
+    $[148] = t;
+    $[149] = t54;
+  } else {
+    t54 = $[149];
+  }
+  let t55;
+  if ($[150] !== t) {
+    t55 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
+    $[150] = t;
+    $[151] = t55;
+  } else {
+    t55 = $[151];
+  }
+  let t56;
+  if ($[152] !== t) {
+    t56 = t("Export a shard to NDJSON, or import rows from it.");
+    $[152] = t;
+    $[153] = t56;
+  } else {
+    t56 = $[153];
+  }
+  let t57;
+  if ($[154] !== t) {
+    t57 = t("Realtime fan-out cost and per-topic subscriber counts for this shard.");
+    $[154] = t;
+    $[155] = t57;
+  } else {
+    t57 = $[155];
+  }
+  let t58;
+  if ($[156] !== t) {
+    t58 = t("Browse objects in your R2 storage buckets.");
+    $[156] = t;
+    $[157] = t58;
+  } else {
+    t58 = $[157];
+  }
+  let t59;
+  if ($[158] !== t) {
+    t59 = t("Inspect feature flags and their live evaluation under a targeting context.");
+    $[158] = t;
+    $[159] = t59;
+  } else {
+    t59 = $[159];
+  }
+  let t60;
+  if ($[160] !== t) {
+    t60 = t("Run registered queries, mutations, and actions.");
+    $[160] = t;
+    $[161] = t60;
+  } else {
+    t60 = $[161];
+  }
+  let t61;
+  if ($[162] !== t) {
+    t61 = t("At-a-glance connection, error, and shard signals.");
+    $[162] = t;
+    $[163] = t61;
+  } else {
+    t61 = $[163];
+  }
+  let t62;
+  if ($[164] !== t) {
+    t62 = t("Connection, health, and advisor summary for your deployment.");
+    $[164] = t;
+    $[165] = t62;
+  } else {
+    t62 = $[165];
+  }
+  let t63;
+  if ($[166] !== t) {
+    t63 = t("Surface slow functions, error spikes, and cache problems.");
+    $[166] = t;
+    $[167] = t63;
+  } else {
+    t63 = $[167];
+  }
+  let t64;
+  if ($[168] !== t) {
+    t64 = t("Grouped error triage — Worker throws and container crashes folded by fingerprint.");
+    $[168] = t;
+    $[169] = t64;
+  } else {
+    t64 = $[169];
+  }
+  let t65;
+  if ($[170] !== t) {
+    t65 = t("A live stream of recent function logs.");
+    $[170] = t;
+    $[171] = t65;
+  } else {
+    t65 = $[171];
+  }
+  let t66;
+  if ($[172] !== t) {
+    t66 = t("Per-shard health and aggregate metrics.");
+    $[172] = t;
+    $[173] = t66;
+  } else {
+    t66 = $[173];
+  }
+  let t67;
+  if ($[174] !== t) {
+    t67 = t("Review migration status and run them.");
+    $[174] = t;
+    $[175] = t67;
+  } else {
+    t67 = $[175];
+  }
+  let t68;
+  if ($[176] !== t) {
+    t68 = t("Browse and manage organizations, members, and invitations.");
+    $[176] = t;
+    $[177] = t68;
+  } else {
+    t68 = $[177];
+  }
+  let t69;
+  if ($[178] !== t) {
+    t69 = t("Restore a shard to a point in the last 30 days.");
+    $[178] = t;
+    $[179] = t69;
+  } else {
+    t69 = $[179];
+  }
+  let t70;
+  if ($[180] !== t) {
+    t70 = t("Email your app sent, captured in dev.");
+    $[180] = t;
+    $[181] = t70;
+  } else {
+    t70 = $[181];
+  }
+  let t71;
+  if ($[182] !== t) {
+    t71 = t("Synced customers, subscriptions, and webhook events.");
+    $[182] = t;
+    $[183] = t71;
+  } else {
+    t71 = $[183];
+  }
+  let t72;
+  if ($[184] !== t) {
+    t72 = t("Inspect access policies per table, and probe a function as any identity.");
+    $[184] = t;
+    $[185] = t72;
+  } else {
+    t72 = $[185];
+  }
+  let t73;
+  if ($[186] !== t) {
+    t73 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
+    $[186] = t;
+    $[187] = t73;
+  } else {
+    t73 = $[187];
+  }
+  let t74;
+  if ($[188] !== t) {
+    t74 = t("Active WebSocket subscriptions on this shard.");
+    $[188] = t;
+    $[189] = t74;
+  } else {
+    t74 = $[189];
+  }
+  let t75;
+  if ($[190] !== t) {
+    t75 = t("Inspect row-level-security policies and roles, per table.");
+    $[190] = t;
+    $[191] = t75;
+  } else {
+    t75 = $[191];
+  }
+  let t76;
+  if ($[192] !== t) {
+    t76 = t("Inspect and cancel scheduled jobs.");
+    $[192] = t;
+    $[193] = t76;
+  } else {
+    t76 = $[193];
+  }
+  let t77;
+  if ($[194] !== t) {
+    t77 = t("Inspect each table and its columns.");
+    $[194] = t;
+    $[195] = t77;
+  } else {
+    t77 = $[195];
+  }
+  let t78;
+  if ($[196] !== t) {
+    t78 = t("Review admin gates, credentials, and log redaction.");
+    $[196] = t;
+    $[197] = t78;
+  } else {
+    t78 = $[197];
+  }
+  let t79;
+  if ($[198] !== t) {
+    t79 = t("Read-only deployment config — vars, secrets, and bindings.");
+    $[198] = t;
+    $[199] = t79;
+  } else {
+    t79 = $[199];
+  }
+  let t80;
+  if ($[200] !== t) {
+    t80 = t("Run read-only SQL against a shard.");
+    $[200] = t;
+    $[201] = t80;
+  } else {
+    t80 = $[201];
+  }
+  let t81;
+  if ($[202] !== t) {
+    t81 = t("Browse and edit key-value pairs in your Workers KV namespaces.");
+    $[202] = t;
+    $[203] = t81;
+  } else {
+    t81 = $[203];
+  }
+  let t82;
+  if ($[204] !== t) {
+    t82 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
+    $[204] = t;
+    $[205] = t82;
+  } else {
+    t82 = $[205];
+  }
+  let t83;
+  if ($[206] !== t) {
+    t83 = t("Manage auth users — roles, bans, sessions, and identity.");
+    $[206] = t;
+    $[207] = t83;
+  } else {
+    t83 = $[207];
+  }
+  let t84;
+  if ($[208] !== t) {
+    t84 = t("Browse Vectorize indexes and run similarity searches.");
+    $[208] = t;
+    $[209] = t84;
+  } else {
+    t84 = $[209];
+  }
+  let t85;
+  if ($[210] !== t) {
+    t85 = t("Inspect declared Cloudflare Workflows and their bindings.");
+    $[210] = t;
+    $[211] = t85;
+  } else {
+    t85 = $[211];
+  }
+  let t86;
+  if ($[212] !== t46 || $[213] !== t47 || $[214] !== t48 || $[215] !== t49 || $[216] !== t50 || $[217] !== t51 || $[218] !== t52 || $[219] !== t53 || $[220] !== t54 || $[221] !== t55 || $[222] !== t56 || $[223] !== t57 || $[224] !== t58 || $[225] !== t59 || $[226] !== t60 || $[227] !== t61 || $[228] !== t62 || $[229] !== t63 || $[230] !== t64 || $[231] !== t65 || $[232] !== t66 || $[233] !== t67 || $[234] !== t68 || $[235] !== t69 || $[236] !== t70 || $[237] !== t71 || $[238] !== t72 || $[239] !== t73 || $[240] !== t74 || $[241] !== t75 || $[242] !== t76 || $[243] !== t77 || $[244] !== t78 || $[245] !== t79 || $[246] !== t80 || $[247] !== t81 || $[248] !== t82 || $[249] !== t83 || $[250] !== t84 || $[251] !== t85) {
+    t86 = {
+      agents: t46,
+      analytics: t47,
+      api: t48,
+      audit: t49,
+      authConfig: t50,
+      authSessions: t51,
+      containers: t52,
+      dashboards: t53,
+      data: t54,
+      drains: t55,
+      export: t56,
+      fanout: t57,
+      files: t58,
+      flags: t59,
+      functions: t60,
+      health: t61,
+      home: t62,
+      insights: t63,
+      issues: t64,
+      logs: t65,
+      metrics: t66,
+      migrations: t67,
+      organizations: t68,
+      pitr: t69,
+      mail: t70,
+      payments: t71,
+      permissions: t72,
+      queues: t73,
+      realtime: t74,
+      rls: t75,
+      schedule: t76,
+      schema: t77,
+      security: t78,
+      settings: t79,
+      sql: t80,
+      kv: t81,
+      storageRules: t82,
+      users: t83,
+      vectors: t84,
+      workflows: t85
+    };
+    $[212] = t46;
+    $[213] = t47;
+    $[214] = t48;
+    $[215] = t49;
+    $[216] = t50;
+    $[217] = t51;
+    $[218] = t52;
+    $[219] = t53;
+    $[220] = t54;
+    $[221] = t55;
+    $[222] = t56;
+    $[223] = t57;
+    $[224] = t58;
+    $[225] = t59;
+    $[226] = t60;
+    $[227] = t61;
+    $[228] = t62;
+    $[229] = t63;
+    $[230] = t64;
+    $[231] = t65;
+    $[232] = t66;
+    $[233] = t67;
+    $[234] = t68;
+    $[235] = t69;
+    $[236] = t70;
+    $[237] = t71;
+    $[238] = t72;
+    $[239] = t73;
+    $[240] = t74;
+    $[241] = t75;
+    $[242] = t76;
+    $[243] = t77;
+    $[244] = t78;
+    $[245] = t79;
+    $[246] = t80;
+    $[247] = t81;
+    $[248] = t82;
+    $[249] = t83;
+    $[250] = t84;
+    $[251] = t85;
+    $[252] = t86;
+  } else {
+    t86 = $[252];
+  }
+  const tabDescription = t86;
+  let t87;
+  if ($[253] !== navigate) {
+    t87 = (event) => {
+      fireAndForget(navigate({
+        to: `/${event.currentTarget.dataset.tab ?? ""}`
+      }));
+    };
+    $[253] = navigate;
+    $[254] = t87;
+  } else {
+    t87 = $[254];
+  }
+  const selectTab = t87;
+  let t88;
+  let t89;
+  if ($[255] !== current || $[256] !== tabLabel) {
+    t88 = () => {
+      if (typeof document !== "undefined") {
+        document.title = `${tabLabel[current]} · lunora`;
+      }
+    };
+    t89 = [current, tabLabel];
+    $[255] = current;
+    $[256] = tabLabel;
+    $[257] = t88;
+    $[258] = t89;
+  } else {
+    t88 = $[257];
+    t89 = $[258];
+  }
+  useEffect(t88, t89);
+  const activeGroup = visibleGroups.find((group_1) => group_1.tabs.includes(current)) ?? NAV_GROUPS[0];
+  const commandItems = visibleGroups.flatMap((group_2) => group_2.tabs.map((tab_0) => ({
+    group: groupLabel[group_2.key],
+    label: tabLabel[tab_0],
+    to: `/${tab_0}`
+  })));
+  const chrome = use(StudioChromeContext);
+  const connected = chrome !== null && chrome.token !== "";
+  let t90;
+  if ($[259] !== commandItems) {
+    t90 = /* @__PURE__ */ jsxDEV(CommandPalette, {
+      items: commandItems
+    }, void 0, false);
+    $[259] = commandItems;
+    $[260] = t90;
+  } else {
+    t90 = $[260];
+  }
+  let t91;
+  if ($[261] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t91 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
+      className: "-ms-1"
+    }, void 0, false);
+    $[261] = t91;
+  } else {
+    t91 = $[261];
+  }
+  let t92;
+  if ($[262] !== t) {
+    t92 = t("Breadcrumb");
+    $[262] = t;
+    $[263] = t92;
+  } else {
+    t92 = $[263];
+  }
+  const t93 = groupLabel[activeGroup.key];
+  let t94;
+  if ($[264] !== t93) {
+    t94 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-muted-foreground",
+      children: t93
+    }, void 0, false);
+    $[264] = t93;
+    $[265] = t94;
+  } else {
+    t94 = $[265];
+  }
+  let t95;
+  if ($[266] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t95 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5 text-muted-foreground/60",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.7,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxDEV("path", {
+        d: "m9 6 6 6-6 6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }, void 0, false)
+    }, void 0, false);
+    $[266] = t95;
+  } else {
+    t95 = $[266];
+  }
+  const t96 = tabLabel[current];
+  let t97;
+  if ($[267] !== t96) {
+    t97 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-medium text-foreground",
+      children: t96
+    }, void 0, false);
+    $[267] = t96;
+    $[268] = t97;
+  } else {
+    t97 = $[268];
+  }
+  let t98;
+  if ($[269] !== t92 || $[270] !== t94 || $[271] !== t97) {
+    t98 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t92,
+      className: "flex items-center gap-1.5 text-[13px]",
+      children: [t94, t95, t97]
+    }, void 0, true);
+    $[269] = t92;
+    $[270] = t94;
+    $[271] = t97;
+    $[272] = t98;
+  } else {
+    t98 = $[272];
+  }
+  let t99;
+  if ($[273] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t99 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-3.5",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: [/* @__PURE__ */ jsxDEV("circle", {
+        cx: "11",
+        cy: "11",
+        r: "7"
+      }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+        d: "m21 21-4.3-4.3",
+        strokeLinecap: "round"
+      }, void 0, false)]
+    }, void 0, true);
+    $[273] = t99;
+  } else {
+    t99 = $[273];
+  }
+  let t100;
+  if ($[274] !== t) {
+    t100 = t("Search…");
+    $[274] = t;
+    $[275] = t100;
+  } else {
+    t100 = $[275];
+  }
+  let t101;
+  if ($[276] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t101 = /* @__PURE__ */ jsxDEV("kbd", {
+      className: "ms-auto rounded border border-border bg-background px-1 font-sans text-[10px] text-muted-foreground",
+      children: "⌘K"
+    }, void 0, false);
+    $[276] = t101;
+  } else {
+    t101 = $[276];
+  }
+  let t102;
+  if ($[277] !== t100) {
+    t102 = /* @__PURE__ */ jsxDEV("button", {
+      className: "mx-auto hidden h-8 w-72 items-center gap-2 rounded-lg border border-border bg-muted/40 px-3 text-xs text-muted-foreground transition-colors hover:bg-muted md:flex",
+      "data-testid": "dash-app-search",
+      onClick: openCommandPalette,
+      type: "button",
+      children: [t99, t100, t101]
+    }, void 0, true);
+    $[277] = t100;
+    $[278] = t102;
+  } else {
+    t102 = $[278];
+  }
+  let t103;
+  if ($[279] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t103 = /* @__PURE__ */ jsxDEV("div", {
+      className: "ms-auto flex items-center gap-1.5 md:ms-0",
+      children: /* @__PURE__ */ jsxDEV(ThemeToggle, {}, void 0, false)
+    }, void 0, false);
+    $[279] = t103;
+  } else {
+    t103 = $[279];
+  }
+  let t104;
+  if ($[280] !== t102 || $[281] !== t98) {
+    t104 = /* @__PURE__ */ jsxDEV("header", {
+      className: "flex h-11 shrink-0 items-center gap-2 border-b border-border px-4",
+      "data-testid": "dash-app-header",
+      children: [t91, t98, t102, t103]
+    }, void 0, true);
+    $[280] = t102;
+    $[281] = t98;
+    $[282] = t104;
+  } else {
+    t104 = $[282];
+  }
+  let t105;
+  if ($[283] !== chrome?.rulesInstalled) {
+    t105 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
+    $[283] = chrome?.rulesInstalled;
+    $[284] = t105;
+  } else {
+    t105 = $[284];
+  }
+  const t106 = `dash-tab-${current}`;
+  const t107 = fullHeight ? "flex min-w-0 flex-1 flex-col overflow-hidden" : "min-w-0 flex-1 overflow-auto p-6";
+  const t108 = tabLabel[current];
+  let t109;
+  if ($[285] !== t || $[286] !== t108) {
+    t109 = t("{title} failed", {
+      title: t108
+    });
+    $[285] = t;
+    $[286] = t108;
+    $[287] = t109;
+  } else {
+    t109 = $[287];
+  }
+  const t110 = tabLabel[current];
+  let t111;
+  if ($[288] !== t) {
+    t111 = t("Try again");
+    $[288] = t;
+    $[289] = t111;
+  } else {
+    t111 = $[289];
+  }
+  let t112;
+  if ($[290] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t112 = /* @__PURE__ */ jsxDEV(Suspense, {
+      fallback: /* @__PURE__ */ jsxDEV(RoutePending, {}, void 0, false),
+      children: /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false)
+    }, void 0, false);
+    $[290] = t112;
+  } else {
+    t112 = $[290];
+  }
+  let t113;
+  if ($[291] !== current || $[292] !== t109 || $[293] !== t110 || $[294] !== t111) {
+    t113 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
+      fallbackTitle: t109,
+      label: t110,
+      retryLabel: t111,
+      children: t112
+    }, current, false);
+    $[291] = current;
+    $[292] = t109;
+    $[293] = t110;
+    $[294] = t111;
+    $[295] = t113;
+  } else {
+    t113 = $[295];
+  }
+  let t114;
+  if ($[296] !== t107 || $[297] !== t113) {
+    t114 = /* @__PURE__ */ jsxDEV("div", {
+      className: t107,
+      children: t113
+    }, void 0, false);
+    $[296] = t107;
+    $[297] = t113;
+    $[298] = t114;
+  } else {
+    t114 = $[298];
+  }
+  let t115;
+  if ($[299] !== t106 || $[300] !== t114) {
+    t115 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-labelledby": t106,
+      className: "flex min-w-0 flex-1 flex-col overflow-hidden",
+      "data-testid": "dash-panel",
+      id: "dash-panel",
+      role: "tabpanel",
+      children: t114
+    }, void 0, false);
+    $[299] = t106;
+    $[300] = t114;
+    $[301] = t115;
+  } else {
+    t115 = $[301];
+  }
+  let t116;
+  if ($[302] !== t104 || $[303] !== t105 || $[304] !== t115) {
+    t116 = /* @__PURE__ */ jsxDEV(SidebarInset, {
+      className: "overflow-hidden md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
+      children: [t104, t105, t115]
+    }, void 0, true);
+    $[302] = t104;
+    $[303] = t105;
+    $[304] = t115;
+    $[305] = t116;
+  } else {
+    t116 = $[305];
+  }
+  return /* @__PURE__ */ jsxDEV(SidebarProvider, {
+    className: "min-h-0 flex-1",
+    "data-testid": "lunora-studio",
+    children: [t90, /* @__PURE__ */ jsxDEV(StudioSidebar, {
+      chrome,
+      connected,
+      current,
+      groupLabel,
+      groups: visibleGroups,
+      selectTab,
+      tabDescription,
+      tabLabel
+    }, void 0, false), t116]
+  }, void 0, true);
+};
+const SchemaRoutePanel = (t0) => {
+  const $ = c(5);
+  const {
+    initialShardKey,
+    schemaEditable
+  } = t0;
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      strict: false
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const search = useSearch(t1);
+  const {
+    table
+  } = search;
+  const initialTable = typeof table === "string" ? table : void 0;
+  let t2;
+  if ($[1] !== initialShardKey || $[2] !== initialTable || $[3] !== schemaEditable) {
+    t2 = /* @__PURE__ */ jsxDEV(SchemaViewer, {
+      initialShardKey,
+      initialTable,
+      schemaEditable
+    }, void 0, false);
+    $[1] = initialShardKey;
+    $[2] = initialTable;
+    $[3] = schemaEditable;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+const NotFoundRedirect = () => {
+  const $ = c(3);
+  const navigate = useNavigate();
+  let t0;
+  let t1;
+  if ($[0] !== navigate) {
+    t0 = () => {
+      fireAndForget(navigate({
+        replace: true,
+        to: "/home"
+      }));
+    };
+    t1 = [navigate];
+    $[0] = navigate;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  return null;
+};
+const buildRouter = ({
+  basePath,
+  dataEditable = false,
+  functions,
+  initialShardKey,
+  openApiSpec,
+  openRpcSpec,
+  runAsIdentity = false,
+  schemaEditable = false,
+  scheduledCancel,
+  scheduledCron,
+  scheduledLoad
+}) => {
+  const rootRoute = createRootRoute({
+    component: StudioLayout
+  });
+  const panels = {
+    agents: /* @__PURE__ */ jsxDEV(AgentsPanel, {
+      initialShardKey
+    }, void 0, false),
+    analytics: /* @__PURE__ */ jsxDEV(AnalyticsPanel, {}, void 0, false),
+    api: /* @__PURE__ */ jsxDEV(ApiTab, {
+      functions,
+      initialShardKey,
+      openApiSpec,
+      openRpcSpec
+    }, void 0, false),
+    audit: /* @__PURE__ */ jsxDEV(AuditPanel, {
+      initialShardKey
+    }, void 0, false),
+    authConfig: /* @__PURE__ */ jsxDEV(AuthConfigPanel, {}, void 0, false),
+    authSessions: /* @__PURE__ */ jsxDEV(AuthSessionsPanel, {}, void 0, false),
+    containers: /* @__PURE__ */ jsxDEV(ContainersPanel, {}, void 0, false),
+    dashboards: /* @__PURE__ */ jsxDEV(DashboardsPanel, {
+      initialShardKey
+    }, void 0, false),
+    data: /* @__PURE__ */ jsxDEV(TableEditor, {
+      editable: dataEditable,
+      initialShardKey
+    }, void 0, false),
+    drains: /* @__PURE__ */ jsxDEV(LogDrainsPanel, {}, void 0, false),
+    export: /* @__PURE__ */ jsxDEV(ExportImportPanel, {
+      initialShardKey
+    }, void 0, false),
+    fanout: /* @__PURE__ */ jsxDEV(FanoutPanel, {
+      initialShardKey
+    }, void 0, false),
+    files: /* @__PURE__ */ jsxDEV(FileBrowser, {}, void 0, false),
+    kv: /* @__PURE__ */ jsxDEV(KvBrowser, {}, void 0, false),
+    flags: /* @__PURE__ */ jsxDEV(FlagsPanel, {
+      initialShardKey
+    }, void 0, false),
+    functions: /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-8",
+      children: [/* @__PURE__ */ jsxDEV(FunctionStatsPanel, {
+        functions,
+        initialShardKey
+      }, void 0, false), /* @__PURE__ */ jsxDEV(FunctionRunner, {
+        functions,
+        runAsIdentity
+      }, void 0, false)]
+    }, void 0, true),
+    health: /* @__PURE__ */ jsxDEV(HealthPanel, {
+      initialShardKey
+    }, void 0, false),
+    home: /* @__PURE__ */ jsxDEV(HomePanel, {
+      initialShardKey
+    }, void 0, false),
+    insights: /* @__PURE__ */ jsxDEV(InsightsPanel, {
+      initialShardKey
+    }, void 0, false),
+    issues: /* @__PURE__ */ jsxDEV(IssuesPanel, {
+      initialShardKey
+    }, void 0, false),
+    logs: /* @__PURE__ */ jsxDEV(LogsPanel, {
+      initialShardKey
+    }, void 0, false),
+    metrics: /* @__PURE__ */ jsxDEV(MetricsPanel, {
+      initialShardKey
+    }, void 0, false),
+    migrations: /* @__PURE__ */ jsxDEV(MigrationsPanel, {
+      initialShardKey
+    }, void 0, false),
+    organizations: /* @__PURE__ */ jsxDEV(OrganizationsPanel, {}, void 0, false),
+    permissions: /* @__PURE__ */ jsxDEV(PermissionsPanel, {
+      functions,
+      runAsIdentity,
+      schemaEditable
+    }, void 0, false),
+    pitr: /* @__PURE__ */ jsxDEV(PitrPanel, {
+      initialShardKey
+    }, void 0, false),
+    mail: /* @__PURE__ */ jsxDEV(MailPanel, {}, void 0, false),
+    payments: /* @__PURE__ */ jsxDEV(PaymentsPanel, {}, void 0, false),
+    queues: /* @__PURE__ */ jsxDEV(QueuesPanel, {}, void 0, false),
+    realtime: /* @__PURE__ */ jsxDEV(SubscriptionsPanel, {
+      initialShardKey
+    }, void 0, false),
+    rls: /* @__PURE__ */ jsxDEV(RlsPanel, {}, void 0, false),
+    schedule: /* @__PURE__ */ jsxDEV(SchedulePanel, {
+      loadCronJobs: scheduledCron,
+      scheduledCancel,
+      scheduledLoad
+    }, void 0, false),
+    schema: /* @__PURE__ */ jsxDEV(SchemaRoutePanel, {
+      initialShardKey,
+      schemaEditable
+    }, void 0, false),
+    security: /* @__PURE__ */ jsxDEV(SecurityAdvisorPanel, {}, void 0, false),
+    settings: /* @__PURE__ */ jsxDEV(SettingsPanel, {
+      initialShardKey
+    }, void 0, false),
+    sql: /* @__PURE__ */ jsxDEV(SqlEditorPanel, {
+      initialShardKey
+    }, void 0, false),
+    storageRules: /* @__PURE__ */ jsxDEV(StorageRulesPanel, {}, void 0, false),
+    users: /* @__PURE__ */ jsxDEV(UsersPanel, {}, void 0, false),
+    vectors: /* @__PURE__ */ jsxDEV(VectorBrowser, {}, void 0, false),
+    workflows: /* @__PURE__ */ jsxDEV(WorkflowsPanel, {}, void 0, false)
+  };
+  const indexRoute = createRoute({
+    component: () => panels.home,
+    getParentRoute: () => rootRoute,
+    path: "/"
+  });
+  const tabRoutes = TABS.map((tab) => {
+    if (tab === "data") {
+      return createRoute({
+        component: () => panels[tab],
+        getParentRoute: () => rootRoute,
+        path: `/${tab}`,
+        validateSearch: validateDataViewSearch
+      });
+    }
+    return createRoute({
+      component: () => panels[tab],
+      getParentRoute: () => rootRoute,
+      path: `/${tab}`
+    });
+  });
+  const routeTree = rootRoute.addChildren([indexRoute, ...tabRoutes]);
+  const history = "window" in globalThis ? createBrowserHistory() : createMemoryHistory({
+    initialEntries: ["/home"]
+  });
+  return createRouter({
+    // When mounted under a prefix (e.g. the `/__lunora` dev route), the router
+    // works in that subtree: `/__lunora` matches the index route and every
+    // `navigate({ to: "/logs" })` resolves to `/__lunora/logs`, so navigation
+    // never escapes the mount. Omitted for a root mount.
+    ...basePath === void 0 || basePath === "/" ? {} : {
+      basepath: basePath
+    },
+    defaultNotFoundComponent: NotFoundRedirect,
+    defaultPendingComponent: RoutePending,
+    defaultPendingMinMs: 0,
+    defaultPendingMs: 0,
+    history,
+    routeTree
+  });
+};
+const StudioShell = (t0) => {
+  const $ = c(17);
+  const {
+    basePath,
+    chrome,
+    dataEditable,
+    functions,
+    initialShardKey,
+    openApiSpec,
+    openRpcSpec,
+    runAsIdentity,
+    schemaEditable,
+    scheduledCancel,
+    scheduledCron,
+    scheduledLoad
+  } = t0;
+  let t1;
+  if ($[0] !== basePath || $[1] !== dataEditable || $[2] !== functions || $[3] !== initialShardKey || $[4] !== openApiSpec || $[5] !== openRpcSpec || $[6] !== runAsIdentity || $[7] !== scheduledCancel || $[8] !== scheduledCron || $[9] !== scheduledLoad || $[10] !== schemaEditable) {
+    t1 = buildRouter({
+      basePath,
+      dataEditable,
+      functions,
+      initialShardKey,
+      openApiSpec,
+      openRpcSpec,
+      runAsIdentity,
+      schemaEditable,
+      scheduledCancel,
+      scheduledCron,
+      scheduledLoad
+    });
+    $[0] = basePath;
+    $[1] = dataEditable;
+    $[2] = functions;
+    $[3] = initialShardKey;
+    $[4] = openApiSpec;
+    $[5] = openRpcSpec;
+    $[6] = runAsIdentity;
+    $[7] = scheduledCancel;
+    $[8] = scheduledCron;
+    $[9] = scheduledLoad;
+    $[10] = schemaEditable;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  const router = t1;
+  const t2 = chrome ?? null;
+  let t3;
+  if ($[12] !== router) {
+    t3 = /* @__PURE__ */ jsxDEV(RouterProvider, {
+      router
+    }, void 0, false);
+    $[12] = router;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  let t4;
+  if ($[14] !== t2 || $[15] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(StudioChromeContext, {
+      value: t2,
+      children: t3
+    }, void 0, false);
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
+};
+const Studio = (t0) => {
+  const $ = c(17);
+  const {
+    basePath,
+    chrome,
+    dataEditable,
+    functions,
+    i18n,
+    initialShardKey,
+    locale,
+    openApiSpec,
+    openRpcSpec,
+    runAsIdentity,
+    schemaEditable,
+    scheduledCancel,
+    scheduledCron,
+    scheduledLoad
+  } = t0;
+  let t1;
+  if ($[0] !== basePath || $[1] !== chrome || $[2] !== dataEditable || $[3] !== functions || $[4] !== initialShardKey || $[5] !== openApiSpec || $[6] !== openRpcSpec || $[7] !== runAsIdentity || $[8] !== scheduledCancel || $[9] !== scheduledCron || $[10] !== scheduledLoad || $[11] !== schemaEditable) {
+    t1 = /* @__PURE__ */ jsxDEV(StudioShell, {
+      basePath,
+      chrome,
+      dataEditable,
+      functions,
+      initialShardKey,
+      openApiSpec,
+      openRpcSpec,
+      runAsIdentity,
+      scheduledCancel,
+      scheduledCron,
+      scheduledLoad,
+      schemaEditable
+    }, void 0, false);
+    $[0] = basePath;
+    $[1] = chrome;
+    $[2] = dataEditable;
+    $[3] = functions;
+    $[4] = initialShardKey;
+    $[5] = openApiSpec;
+    $[6] = openRpcSpec;
+    $[7] = runAsIdentity;
+    $[8] = scheduledCancel;
+    $[9] = scheduledCron;
+    $[10] = scheduledLoad;
+    $[11] = schemaEditable;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  const shell = t1;
+  if (i18n === void 0 && locale === void 0) {
+    return shell;
+  }
+  let t2;
+  if ($[13] !== i18n || $[14] !== locale || $[15] !== shell) {
+    t2 = /* @__PURE__ */ jsxDEV(StudioI18nProvider, {
+      i18n,
+      locale,
+      children: shell
+    }, void 0, false);
+    $[13] = i18n;
+    $[14] = locale;
+    $[15] = shell;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  return t2;
+};
+function _temp(state) {
+  return state.location.pathname;
+}
+function _temp2(group_0) {
+  return group_0.tabs.length > 0;
+}
+
+export { BrandMark as B, Studio as S, ThemeProvider as T, TooltipProvider as a, Sheet as b, SheetContent as c, SheetHeader as d, SheetTitle as e, useTheme as u };