@lunora/studio 1.0.0-alpha.10 → 1.0.0-alpha.12

package/dist/packem_shared/{studio-9Mq0PdMi.js → studio-D8ry3tJR.js}

@@ -20,43 +20,43 @@ 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 './reference-view-B4E49Lip.js';
-import { InsightsPanel } from './InsightsPanel-CvXMoZuv.js';
+import { InsightsPanel } from './InsightsPanel-DNg3K9XN.js';
 import { a as CardContent, C as Card, b as CardHeader, c as CardTitle, d as CardDescription } from './card-DURq3ElK.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-_RzNvy3R.js';
-import { u as useAdminQuery, b as useClientQuery } from './use-admin-query-4JQW2rr1.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DjXgvJb6.js';
-import SecurityAdvisorPanel from './SecurityAdvisorPanel-DTmjUNqt.js';
+import { u as useAdminQuery, b as useClientQuery } from './use-admin-query-BkbdNFNz.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CZJCZ4c7.js';
+import SecurityAdvisorPanel from './SecurityAdvisorPanel-Dqql1Z5O.js';
 import { createAnalyticsSqlClient } from '@lunora/bindings/analytics';
 import { e as errorMessage, f as fireAndForget, h as formatCell, b as formatTimestamp, g as copyToClipboard, c as callOptions, a as adminRef } from './internal-rXJEAhXS.js';
-import ApiTab from './ApiTab-rwttyQ1-.js';
+import ApiTab from './ApiTab-DdubReQI.js';
 import { useLunora } from '@lunora/react';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { L as Label } from './label-D8ykjn5J.js';
 import { M as ModalShell } from './grid-features-CzUfqgsM.js';
-import { TableEditor } from './TableEditor-DzK3Z6rL.js';
-import { ExportImportPanel } from './ExportImportPanel-BGJqFK9X.js';
-import { MigrationsPanel } from './MigrationsPanel-DaZuUHje.js';
-import { PitrPanel } from './PitrPanel-LJGNP_IX.js';
-import { FunctionRunner } from './FunctionRunner-7NH3KcTg.js';
-import { FunctionStatsPanel } from './FunctionStatsPanel-CXynSuqT.js';
-import { HomePanel } from './HomePanel-BOkFRbuj.js';
-import { AuditPanel } from './AuditPanel-D9Eh7j7E.js';
+import { v as validateDataViewSearch, T as TableEditor } from './table-editor-CWx68ZCg.js';
+import { ExportImportPanel } from './ExportImportPanel-ChsSUCYZ.js';
+import { MigrationsPanel } from './MigrationsPanel-DGwJGWDA.js';
+import { PitrPanel } from './PitrPanel-CKUzyyHi.js';
+import { T as Textarea } from './textarea-D3gaCU_-.js';
+import { FunctionRunner } from './FunctionRunner-D4cZ6fuA.js';
+import { FunctionStatsPanel } from './FunctionStatsPanel-BVelWgNv.js';
+import { HomePanel } from './HomePanel-tfqpZxuu.js';
+import { AuditPanel } from './AuditPanel-CE5ofjCc.js';
 import { C as CLOUDFLARE_OBSERVABILITY_URL } from './cf-links-2cktDedA.js';
-import { LogsPanel } from './LogsPanel-BrUstOk6.js';
-import { MailPanel } from './MailPanel-GnnrNqL6.js';
+import { LogsPanel } from './LogsPanel-B4LoSRj0.js';
+import { MailPanel } from './MailPanel-CcpdyWYs.js';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
-import { ScheduledJobs } from './ScheduledJobs-UmVaMbJy.js';
+import { ScheduledJobs } from './ScheduledJobs-BWNwIN3I.js';
 import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { L as LiveError } from './live-status-FZ0psC1z.js';
-import { T as Textarea } from './textarea-D3gaCU_-.js';
-import { u as usePersistedList, A as Alert, a as SqlResultChart, n as newId, S as SqlEditorPanel } from './sql-editor-panel-Smfl_FDF.js';
-import { HealthPanel } from './HealthPanel-CyLs7qZm.js';
-import { MetricsPanel } from './MetricsPanel-BN_uUU-_.js';
-import { SchemaViewer } from './SchemaViewer-Bam6ylvw.js';
-import { SettingsPanel } from './SettingsPanel-C2wDK-8F.js';
-import { FileBrowser } from './FileBrowser-0pCpdKPE.js';
+import { u as usePersistedList, A as Alert, a as SqlResultChart, n as newId, S as SqlEditorPanel } from './sql-editor-panel-CMdxstu5.js';
+import { HealthPanel } from './HealthPanel-CxUVKfvo.js';
+import { MetricsPanel } from './MetricsPanel-CxoyWbNb.js';
+import { SchemaViewer } from './SchemaViewer-RclXFo9Q.js';
+import { SettingsPanel } from './SettingsPanel-D5iTY0YE.js';
+import { FileBrowser } from './FileBrowser-DsRBnVhZ.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
 import { CommandPalette, openCommandPalette } from './CommandPalette-BtgkBzZI.js';
 
@@ -4459,6 +4459,169 @@ const UsersPanel = ({
   }, void 0, true);
 };
 
+const parseContext = (raw) => {
+  const trimmed = raw.trim();
+  if (trimmed.length === 0) {
+    return {
+      context: void 0,
+      error: null
+    };
+  }
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (parsed === null || typeof parsed !== "object" || Array.isArray(parsed)) {
+      return {
+        context: void 0,
+        error: "Targeting context must be a JSON object."
+      };
+    }
+    return {
+      context: parsed,
+      error: null
+    };
+  } catch {
+    return {
+      context: void 0,
+      error: "Targeting context is not valid JSON."
+    };
+  }
+};
+const CONTEXT_PLACEHOLDER = '{ "targetingKey": "user-123", "plan": "premium" }';
+const formatValue$1 = (evaluation) => {
+  if (evaluation.type === "object") {
+    return JSON.stringify(evaluation.value);
+  }
+  return String(evaluation.value);
+};
+const FlagsPanel = ({
+  initialShardKey = ""
+}) => {
+  const t = useT();
+  const [contextText, setContextText] = useState("");
+  const {
+    context,
+    error: contextError
+  } = parseContext(contextText);
+  const args = useMemo(() => context === void 0 ? {} : {
+    context
+  }, [context]);
+  const {
+    data,
+    error,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.listFlags, args, {
+    live: true,
+    shardKey: initialShardKey
+  });
+  const loaded = data !== void 0;
+  const configured = data?.configured ?? false;
+  const flags = useMemo(() => Array.isArray(data?.flags) ? [...data.flags].toSorted((a, b) => a.key.localeCompare(b.key)) : [], [data]);
+  let body;
+  if (loaded && !configured) {
+    body = /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No @lunora/flags provider is wired in this deployment. Add lunora/flags.ts with defineFlags({ provider }) to gate code paths on feature flags."),
+      testId: "flags-unconfigured",
+      title: t("No flags provider configured")
+    }, void 0, false);
+  } else if (loaded && flags.length === 0) {
+    body = /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t('A flags provider is configured, but no handler reads a flag yet. Call ctx.flags.boolean("key", false) in a query, mutation, or action.'),
+      testId: "flags-empty",
+      title: t("No flags read")
+    }, void 0, false);
+  } else {
+    body = /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "flags-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Key")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Type")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Value")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Reason")
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Variant")
+              }, void 0, false)]
+            }, void 0, true)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: flags.map((flag) => /* @__PURE__ */ jsxDEV(TableRow, {
+              "data-testid": `flags-row-${flag.key}`,
+              children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: flag.key
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs text-muted-foreground",
+                children: flag.type
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: formatValue$1(flag)
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                children: flag.errorCode === void 0 ? /* @__PURE__ */ jsxDEV("span", {
+                  className: "font-mono text-xs text-muted-foreground",
+                  children: flag.reason ?? "—"
+                }, void 0, false) : /* @__PURE__ */ jsxDEV(Badge, {
+                  "data-testid": `flags-error-${flag.key}`,
+                  variant: "destructive",
+                  children: flag.errorCode
+                }, void 0, false)
+              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs text-muted-foreground",
+                children: flag.variant ?? "—"
+              }, void 0, false)]
+            }, flag.key, true))
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-6",
+    "data-testid": "lunora-flags-panel",
+    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "flags-error",
+      role: "alert",
+      children: error
+    }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t('Feature flags are read in code with ctx.flags.<type>("key", default). They evaluate through the OpenFeature provider configured in lunora/flags.ts; edit the targeting context below to see how each flag resolves for a given audience.')
+    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-2",
+      children: [/* @__PURE__ */ jsxDEV(Label, {
+        htmlFor: "flags-targeting-context",
+        children: t("Targeting context (JSON)")
+      }, void 0, false), /* @__PURE__ */ jsxDEV(Textarea, {
+        className: "font-mono text-xs",
+        "data-testid": "flags-context-input",
+        id: "flags-targeting-context",
+        onChange: (event) => {
+          setContextText(event.target.value);
+        },
+        placeholder: CONTEXT_PLACEHOLDER,
+        rows: 3,
+        value: contextText
+      }, void 0, false), contextError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-xs text-destructive",
+        "data-testid": "flags-context-error",
+        role: "alert",
+        children: t(contextError)
+      }, void 0, false), liveError !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-xs text-amber-600 dark:text-amber-500",
+        "data-testid": "flags-live-error",
+        role: "alert",
+        children: t("Live updates unavailable; showing the last evaluation.")
+      }, void 0, false)]
+    }, void 0, true), body]
+  }, void 0, true);
+};
+
 const DestinationRow = (t0) => {
   const $ = c(23);
   const {
@@ -8040,10 +8203,6 @@ const WorkflowInstanceHistory = ({
   const [error, setError] = useState(null);
   const [notConfigured, setNotConfigured] = useState(false);
   const [busyId, setBusyId] = useState(null);
-  const listImpl = loadInstances ?? (async (arguments_) => {
-    const page = await client.listWorkflowInstances(arguments_);
-    return page.instances;
-  });
   const detailImpl = loadDetail ?? ((arguments_) => client.getWorkflowInstance(arguments_));
   const clientOwned = loadInstances === void 0;
   const clientAction = clientOwned ? (arguments_) => client.setWorkflowInstanceStatus(arguments_) : void 0;
@@ -8051,10 +8210,24 @@ const WorkflowInstanceHistory = ({
   const load = async () => {
     setError(null);
     setNotConfigured(false);
+    const status = statusFilter === "" ? void 0 : statusFilter;
     try {
-      setInstances(await listImpl({
+      if (loadInstances === void 0) {
+        const page = await client.listWorkflowInstances({
+          name: workflowName,
+          status
+        });
+        if (page.configured === false) {
+          setInstances(null);
+          setNotConfigured(true);
+          return;
+        }
+        setInstances(page.instances);
+        return;
+      }
+      setInstances(await loadInstances({
         name: workflowName,
-        status: statusFilter === "" ? void 0 : statusFilter
+        status
       }));
     } catch (error_) {
       setInstances(null);
@@ -8549,6 +8722,7 @@ const WorkflowsPanel = () => {
 
 const STUDIO_FEATURES = adminRef(ADMIN_FUNCTIONS.studioFeatures);
 const DEFAULT_STUDIO_FEATURES = {
+  flags: true,
   mail: true,
   payments: true,
   queues: true,
@@ -8564,6 +8738,7 @@ const coerceFeatures = (raw) => {
   const record = raw;
   const flag = (key) => typeof record[key] === "boolean" ? record[key] : true;
   return {
+    flags: flag("flags"),
     mail: flag("mail"),
     payments: flag("payments"),
     queues: flag("queues"),
@@ -8632,6 +8807,9 @@ const TAB_ICONS = {
   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),
@@ -8728,13 +8906,14 @@ const NAV_GROUPS = [{
   tabs: ["security", "rls", "permissions", "insights"]
 }, {
   key: "operations",
-  tabs: ["schedule", "mail", "drains", "payments"]
+  tabs: ["schedule", "mail", "drains", "payments", "flags"]
 }, {
   key: "settings",
   tabs: ["settings"]
 }];
 const TAB_FEATURE = {
   files: "storage",
+  flags: "flags",
   mail: "mail",
   payments: "payments",
   queues: "queues",
@@ -8773,7 +8952,7 @@ const TabIcon = (t0) => {
   }
   return t2;
 };
-const TABS = ["home", "data", "sql", "functions", "api", "workflows", "queues", "schema", "migrations", "vectors", "export", "pitr", "users", "organizations", "authSessions", "authConfig", "files", "storageRules", "dashboards", "metrics", "analytics", "health", "security", "rls", "permissions", "insights", "logs", "realtime", "mail", "payments", "audit", "schedule", "drains", "settings"];
+const TABS = ["home", "data", "sql", "functions", "api", "workflows", "queues", "schema", "migrations", "vectors", "export", "pitr", "users", "organizations", "authSessions", "authConfig", "files", "storageRules", "dashboards", "metrics", "analytics", "health", "security", "rls", "permissions", "insights", "logs", "realtime", "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) ?? "";
@@ -9380,7 +9559,7 @@ const StudioSidebar = (t0) => {
   return t9;
 };
 const StudioLayout = () => {
-  const $ = c(270);
+  const $ = c(276);
   const t = useT();
   const navigate = useNavigate();
   let t0;
@@ -9523,7 +9702,7 @@ const StudioLayout = () => {
   }
   let t15;
   if ($[31] !== t) {
-    t15 = t("Functions");
+    t15 = t("Flags");
     $[31] = t;
     $[32] = t15;
   } else {
@@ -9531,7 +9710,7 @@ const StudioLayout = () => {
   }
   let t16;
   if ($[33] !== t) {
-    t16 = t("Health");
+    t16 = t("Functions");
     $[33] = t;
     $[34] = t16;
   } else {
@@ -9539,7 +9718,7 @@ const StudioLayout = () => {
   }
   let t17;
   if ($[35] !== t) {
-    t17 = t("Home");
+    t17 = t("Health");
     $[35] = t;
     $[36] = t17;
   } else {
@@ -9547,7 +9726,7 @@ const StudioLayout = () => {
   }
   let t18;
   if ($[37] !== t) {
-    t18 = t("Performance");
+    t18 = t("Home");
     $[37] = t;
     $[38] = t18;
   } else {
@@ -9555,7 +9734,7 @@ const StudioLayout = () => {
   }
   let t19;
   if ($[39] !== t) {
-    t19 = t("Logs");
+    t19 = t("Performance");
     $[39] = t;
     $[40] = t19;
   } else {
@@ -9563,7 +9742,7 @@ const StudioLayout = () => {
   }
   let t20;
   if ($[41] !== t) {
-    t20 = t("Metrics");
+    t20 = t("Logs");
     $[41] = t;
     $[42] = t20;
   } else {
@@ -9571,7 +9750,7 @@ const StudioLayout = () => {
   }
   let t21;
   if ($[43] !== t) {
-    t21 = t("Migrations");
+    t21 = t("Metrics");
     $[43] = t;
     $[44] = t21;
   } else {
@@ -9579,7 +9758,7 @@ const StudioLayout = () => {
   }
   let t22;
   if ($[45] !== t) {
-    t22 = t("Organizations");
+    t22 = t("Migrations");
     $[45] = t;
     $[46] = t22;
   } else {
@@ -9587,7 +9766,7 @@ const StudioLayout = () => {
   }
   let t23;
   if ($[47] !== t) {
-    t23 = t("Time Travel");
+    t23 = t("Organizations");
     $[47] = t;
     $[48] = t23;
   } else {
@@ -9595,7 +9774,7 @@ const StudioLayout = () => {
   }
   let t24;
   if ($[49] !== t) {
-    t24 = t("Mail");
+    t24 = t("Time Travel");
     $[49] = t;
     $[50] = t24;
   } else {
@@ -9603,7 +9782,7 @@ const StudioLayout = () => {
   }
   let t25;
   if ($[51] !== t) {
-    t25 = t("Payments");
+    t25 = t("Mail");
     $[51] = t;
     $[52] = t25;
   } else {
@@ -9611,7 +9790,7 @@ const StudioLayout = () => {
   }
   let t26;
   if ($[53] !== t) {
-    t26 = t("Permissions");
+    t26 = t("Payments");
     $[53] = t;
     $[54] = t26;
   } else {
@@ -9619,7 +9798,7 @@ const StudioLayout = () => {
   }
   let t27;
   if ($[55] !== t) {
-    t27 = t("Queues");
+    t27 = t("Permissions");
     $[55] = t;
     $[56] = t27;
   } else {
@@ -9627,7 +9806,7 @@ const StudioLayout = () => {
   }
   let t28;
   if ($[57] !== t) {
-    t28 = t("Realtime");
+    t28 = t("Queues");
     $[57] = t;
     $[58] = t28;
   } else {
@@ -9635,7 +9814,7 @@ const StudioLayout = () => {
   }
   let t29;
   if ($[59] !== t) {
-    t29 = t("RLS Policies");
+    t29 = t("Realtime");
     $[59] = t;
     $[60] = t29;
   } else {
@@ -9643,7 +9822,7 @@ const StudioLayout = () => {
   }
   let t30;
   if ($[61] !== t) {
-    t30 = t("Scheduled");
+    t30 = t("RLS Policies");
     $[61] = t;
     $[62] = t30;
   } else {
@@ -9651,7 +9830,7 @@ const StudioLayout = () => {
   }
   let t31;
   if ($[63] !== t) {
-    t31 = t("Schema");
+    t31 = t("Scheduled");
     $[63] = t;
     $[64] = t31;
   } else {
@@ -9659,7 +9838,7 @@ const StudioLayout = () => {
   }
   let t32;
   if ($[65] !== t) {
-    t32 = t("Security");
+    t32 = t("Schema");
     $[65] = t;
     $[66] = t32;
   } else {
@@ -9667,7 +9846,7 @@ const StudioLayout = () => {
   }
   let t33;
   if ($[67] !== t) {
-    t33 = t("Settings");
+    t33 = t("Security");
     $[67] = t;
     $[68] = t33;
   } else {
@@ -9675,7 +9854,7 @@ const StudioLayout = () => {
   }
   let t34;
   if ($[69] !== t) {
-    t34 = t("SQL editor");
+    t34 = t("Settings");
     $[69] = t;
     $[70] = t34;
   } else {
@@ -9683,7 +9862,7 @@ const StudioLayout = () => {
   }
   let t35;
   if ($[71] !== t) {
-    t35 = t("Access Rules");
+    t35 = t("SQL editor");
     $[71] = t;
     $[72] = t35;
   } else {
@@ -9691,7 +9870,7 @@ const StudioLayout = () => {
   }
   let t36;
   if ($[73] !== t) {
-    t36 = t("Users");
+    t36 = t("Access Rules");
     $[73] = t;
     $[74] = t36;
   } else {
@@ -9699,7 +9878,7 @@ const StudioLayout = () => {
   }
   let t37;
   if ($[75] !== t) {
-    t37 = t("Vectors");
+    t37 = t("Users");
     $[75] = t;
     $[76] = t37;
   } else {
@@ -9707,15 +9886,23 @@ const StudioLayout = () => {
   }
   let t38;
   if ($[77] !== t) {
-    t38 = t("Workflows");
+    t38 = t("Vectors");
     $[77] = t;
     $[78] = t38;
   } else {
     t38 = $[78];
   }
   let t39;
-  if ($[79] !== t10 || $[80] !== t11 || $[81] !== t12 || $[82] !== t13 || $[83] !== t14 || $[84] !== t15 || $[85] !== t16 || $[86] !== t17 || $[87] !== t18 || $[88] !== t19 || $[89] !== t20 || $[90] !== t21 || $[91] !== t22 || $[92] !== t23 || $[93] !== t24 || $[94] !== t25 || $[95] !== t26 || $[96] !== t27 || $[97] !== t28 || $[98] !== t29 || $[99] !== t30 || $[100] !== t31 || $[101] !== t32 || $[102] !== t33 || $[103] !== t34 || $[104] !== t35 || $[105] !== t36 || $[106] !== t37 || $[107] !== t38 || $[108] !== t5 || $[109] !== t6 || $[110] !== t7 || $[111] !== t8 || $[112] !== t9) {
-    t39 = {
+  if ($[79] !== t) {
+    t39 = t("Workflows");
+    $[79] = t;
+    $[80] = t39;
+  } else {
+    t39 = $[80];
+  }
+  let t40;
+  if ($[81] !== t10 || $[82] !== t11 || $[83] !== t12 || $[84] !== t13 || $[85] !== t14 || $[86] !== t15 || $[87] !== t16 || $[88] !== t17 || $[89] !== t18 || $[90] !== t19 || $[91] !== t20 || $[92] !== t21 || $[93] !== t22 || $[94] !== t23 || $[95] !== t24 || $[96] !== t25 || $[97] !== t26 || $[98] !== t27 || $[99] !== t28 || $[100] !== t29 || $[101] !== t30 || $[102] !== t31 || $[103] !== t32 || $[104] !== t33 || $[105] !== t34 || $[106] !== t35 || $[107] !== t36 || $[108] !== t37 || $[109] !== t38 || $[110] !== t39 || $[111] !== t5 || $[112] !== t6 || $[113] !== t7 || $[114] !== t8 || $[115] !== t9) {
+    t40 = {
       analytics: t5,
       api: t6,
       audit: t7,
@@ -9726,70 +9913,72 @@ const StudioLayout = () => {
       drains: t12,
       export: t13,
       files: t14,
-      functions: t15,
-      health: t16,
-      home: t17,
-      insights: t18,
-      logs: t19,
-      metrics: t20,
-      migrations: t21,
-      organizations: t22,
-      pitr: t23,
-      mail: t24,
-      payments: t25,
-      permissions: t26,
-      queues: t27,
-      realtime: t28,
-      rls: t29,
-      schedule: t30,
-      schema: t31,
-      security: t32,
-      settings: t33,
-      sql: t34,
-      storageRules: t35,
-      users: t36,
-      vectors: t37,
-      workflows: t38
+      flags: t15,
+      functions: t16,
+      health: t17,
+      home: t18,
+      insights: t19,
+      logs: t20,
+      metrics: t21,
+      migrations: t22,
+      organizations: t23,
+      pitr: t24,
+      mail: t25,
+      payments: t26,
+      permissions: t27,
+      queues: t28,
+      realtime: t29,
+      rls: t30,
+      schedule: t31,
+      schema: t32,
+      security: t33,
+      settings: t34,
+      sql: t35,
+      storageRules: t36,
+      users: t37,
+      vectors: t38,
+      workflows: t39
     };
-    $[79] = t10;
-    $[80] = t11;
-    $[81] = t12;
-    $[82] = t13;
-    $[83] = t14;
-    $[84] = t15;
-    $[85] = t16;
-    $[86] = t17;
-    $[87] = t18;
-    $[88] = t19;
-    $[89] = t20;
-    $[90] = t21;
-    $[91] = t22;
-    $[92] = t23;
-    $[93] = t24;
-    $[94] = t25;
-    $[95] = t26;
-    $[96] = t27;
-    $[97] = t28;
-    $[98] = t29;
-    $[99] = t30;
-    $[100] = t31;
-    $[101] = t32;
-    $[102] = t33;
-    $[103] = t34;
-    $[104] = t35;
-    $[105] = t36;
-    $[106] = t37;
-    $[107] = t38;
-    $[108] = t5;
-    $[109] = t6;
-    $[110] = t7;
-    $[111] = t8;
-    $[112] = t9;
-    $[113] = t39;
-  } else {
-    t39 = $[113];
-  }
-  const tabLabel = t39;
+    $[81] = t10;
+    $[82] = t11;
+    $[83] = t12;
+    $[84] = t13;
+    $[85] = t14;
+    $[86] = t15;
+    $[87] = t16;
+    $[88] = t17;
+    $[89] = t18;
+    $[90] = t19;
+    $[91] = t20;
+    $[92] = t21;
+    $[93] = t22;
+    $[94] = t23;
+    $[95] = t24;
+    $[96] = t25;
+    $[97] = t26;
+    $[98] = t27;
+    $[99] = t28;
+    $[100] = t29;
+    $[101] = t30;
+    $[102] = t31;
+    $[103] = t32;
+    $[104] = t33;
+    $[105] = t34;
+    $[106] = t35;
+    $[107] = t36;
+    $[108] = t37;
+    $[109] = t38;
+    $[110] = t39;
+    $[111] = t5;
+    $[112] = t6;
+    $[113] = t7;
+    $[114] = t8;
+    $[115] = t9;
+    $[116] = t40;
+  } else {
+    t40 = $[116];
+  }
+  const tabLabel = t40;
   const groupLabel = {
     advisors: t("Advisors"),
     auth: t("Auth"),
@@ -9801,386 +9990,396 @@ const StudioLayout = () => {
     settings: t("Settings"),
     storage: t("Storage")
   };
-  let t40;
-  if ($[114] !== t) {
-    t40 = t("Usage and latency from Analytics Engine — request volume, p50/p95, and hot shards.");
-    $[114] = t;
-    $[115] = t40;
-  } else {
-    t40 = $[115];
-  }
   let t41;
-  if ($[116] !== t) {
-    t41 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
-    $[116] = t;
-    $[117] = t41;
+  if ($[117] !== t) {
+    t41 = t("Usage and latency from Analytics Engine — request volume, p50/p95, and hot shards.");
+    $[117] = t;
+    $[118] = t41;
   } else {
-    t41 = $[117];
+    t41 = $[118];
   }
   let t42;
-  if ($[118] !== t) {
-    t42 = t("A durable log of admin state-changing operations.");
-    $[118] = t;
-    $[119] = t42;
+  if ($[119] !== t) {
+    t42 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
+    $[119] = t;
+    $[120] = t42;
   } else {
-    t42 = $[119];
+    t42 = $[120];
   }
   let t43;
-  if ($[120] !== t) {
-    t43 = t("Enabled plugins and session config (read-only).");
-    $[120] = t;
-    $[121] = t43;
+  if ($[121] !== t) {
+    t43 = t("A durable log of admin state-changing operations.");
+    $[121] = t;
+    $[122] = t43;
   } else {
-    t43 = $[121];
+    t43 = $[122];
   }
   let t44;
-  if ($[122] !== t) {
-    t44 = t("Browse and revoke active sessions across all users.");
-    $[122] = t;
-    $[123] = t44;
+  if ($[123] !== t) {
+    t44 = t("Enabled plugins and session config (read-only).");
+    $[123] = t;
+    $[124] = t44;
   } else {
-    t44 = $[123];
+    t44 = $[124];
   }
   let t45;
-  if ($[124] !== t) {
-    t45 = t("Chart widgets backed by saved read-only SQL queries.");
-    $[124] = t;
-    $[125] = t45;
+  if ($[125] !== t) {
+    t45 = t("Browse and revoke active sessions across all users.");
+    $[125] = t;
+    $[126] = t45;
   } else {
-    t45 = $[125];
+    t45 = $[126];
   }
   let t46;
-  if ($[126] !== t) {
-    t46 = t("Browse and edit rows across your shard and global tables.");
-    $[126] = t;
-    $[127] = t46;
+  if ($[127] !== t) {
+    t46 = t("Chart widgets backed by saved read-only SQL queries.");
+    $[127] = t;
+    $[128] = t46;
   } else {
-    t46 = $[127];
+    t46 = $[128];
   }
   let t47;
-  if ($[128] !== t) {
-    t47 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
-    $[128] = t;
-    $[129] = t47;
+  if ($[129] !== t) {
+    t47 = t("Browse and edit rows across your shard and global tables.");
+    $[129] = t;
+    $[130] = t47;
   } else {
-    t47 = $[129];
+    t47 = $[130];
   }
   let t48;
-  if ($[130] !== t) {
-    t48 = t("Export a shard to NDJSON, or import rows from it.");
-    $[130] = t;
-    $[131] = t48;
+  if ($[131] !== t) {
+    t48 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
+    $[131] = t;
+    $[132] = t48;
   } else {
-    t48 = $[131];
+    t48 = $[132];
   }
   let t49;
-  if ($[132] !== t) {
-    t49 = t("Browse objects in your R2 storage buckets.");
-    $[132] = t;
-    $[133] = t49;
+  if ($[133] !== t) {
+    t49 = t("Export a shard to NDJSON, or import rows from it.");
+    $[133] = t;
+    $[134] = t49;
   } else {
-    t49 = $[133];
+    t49 = $[134];
   }
   let t50;
-  if ($[134] !== t) {
-    t50 = t("Run registered queries, mutations, and actions.");
-    $[134] = t;
-    $[135] = t50;
+  if ($[135] !== t) {
+    t50 = t("Browse objects in your R2 storage buckets.");
+    $[135] = t;
+    $[136] = t50;
   } else {
-    t50 = $[135];
+    t50 = $[136];
   }
   let t51;
-  if ($[136] !== t) {
-    t51 = t("At-a-glance connection, error, and shard signals.");
-    $[136] = t;
-    $[137] = t51;
+  if ($[137] !== t) {
+    t51 = t("Inspect feature flags and their live evaluation under a targeting context.");
+    $[137] = t;
+    $[138] = t51;
   } else {
-    t51 = $[137];
+    t51 = $[138];
   }
   let t52;
-  if ($[138] !== t) {
-    t52 = t("Connection, health, and advisor summary for your deployment.");
-    $[138] = t;
-    $[139] = t52;
+  if ($[139] !== t) {
+    t52 = t("Run registered queries, mutations, and actions.");
+    $[139] = t;
+    $[140] = t52;
   } else {
-    t52 = $[139];
+    t52 = $[140];
   }
   let t53;
-  if ($[140] !== t) {
-    t53 = t("Surface slow functions, error spikes, and cache problems.");
-    $[140] = t;
-    $[141] = t53;
+  if ($[141] !== t) {
+    t53 = t("At-a-glance connection, error, and shard signals.");
+    $[141] = t;
+    $[142] = t53;
   } else {
-    t53 = $[141];
+    t53 = $[142];
   }
   let t54;
-  if ($[142] !== t) {
-    t54 = t("A live stream of recent function logs.");
-    $[142] = t;
-    $[143] = t54;
+  if ($[143] !== t) {
+    t54 = t("Connection, health, and advisor summary for your deployment.");
+    $[143] = t;
+    $[144] = t54;
   } else {
-    t54 = $[143];
+    t54 = $[144];
   }
   let t55;
-  if ($[144] !== t) {
-    t55 = t("Per-shard health and aggregate metrics.");
-    $[144] = t;
-    $[145] = t55;
+  if ($[145] !== t) {
+    t55 = t("Surface slow functions, error spikes, and cache problems.");
+    $[145] = t;
+    $[146] = t55;
   } else {
-    t55 = $[145];
+    t55 = $[146];
   }
   let t56;
-  if ($[146] !== t) {
-    t56 = t("Review migration status and run them.");
-    $[146] = t;
-    $[147] = t56;
+  if ($[147] !== t) {
+    t56 = t("A live stream of recent function logs.");
+    $[147] = t;
+    $[148] = t56;
   } else {
-    t56 = $[147];
+    t56 = $[148];
   }
   let t57;
-  if ($[148] !== t) {
-    t57 = t("Browse and manage organizations, members, and invitations.");
-    $[148] = t;
-    $[149] = t57;
+  if ($[149] !== t) {
+    t57 = t("Per-shard health and aggregate metrics.");
+    $[149] = t;
+    $[150] = t57;
   } else {
-    t57 = $[149];
+    t57 = $[150];
   }
   let t58;
-  if ($[150] !== t) {
-    t58 = t("Restore a shard to a point in the last 30 days.");
-    $[150] = t;
-    $[151] = t58;
+  if ($[151] !== t) {
+    t58 = t("Review migration status and run them.");
+    $[151] = t;
+    $[152] = t58;
   } else {
-    t58 = $[151];
+    t58 = $[152];
   }
   let t59;
-  if ($[152] !== t) {
-    t59 = t("Email your app sent, captured in dev.");
-    $[152] = t;
-    $[153] = t59;
+  if ($[153] !== t) {
+    t59 = t("Browse and manage organizations, members, and invitations.");
+    $[153] = t;
+    $[154] = t59;
   } else {
-    t59 = $[153];
+    t59 = $[154];
   }
   let t60;
-  if ($[154] !== t) {
-    t60 = t("Synced customers, subscriptions, and webhook events.");
-    $[154] = t;
-    $[155] = t60;
+  if ($[155] !== t) {
+    t60 = t("Restore a shard to a point in the last 30 days.");
+    $[155] = t;
+    $[156] = t60;
   } else {
-    t60 = $[155];
+    t60 = $[156];
   }
   let t61;
-  if ($[156] !== t) {
-    t61 = t("Inspect access policies per table, and probe a function as any identity.");
-    $[156] = t;
-    $[157] = t61;
+  if ($[157] !== t) {
+    t61 = t("Email your app sent, captured in dev.");
+    $[157] = t;
+    $[158] = t61;
   } else {
-    t61 = $[157];
+    t61 = $[158];
   }
   let t62;
-  if ($[158] !== t) {
-    t62 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
-    $[158] = t;
-    $[159] = t62;
+  if ($[159] !== t) {
+    t62 = t("Synced customers, subscriptions, and webhook events.");
+    $[159] = t;
+    $[160] = t62;
   } else {
-    t62 = $[159];
+    t62 = $[160];
   }
   let t63;
-  if ($[160] !== t) {
-    t63 = t("Active WebSocket subscriptions on this shard.");
-    $[160] = t;
-    $[161] = t63;
+  if ($[161] !== t) {
+    t63 = t("Inspect access policies per table, and probe a function as any identity.");
+    $[161] = t;
+    $[162] = t63;
   } else {
-    t63 = $[161];
+    t63 = $[162];
   }
   let t64;
-  if ($[162] !== t) {
-    t64 = t("Inspect row-level-security policies and roles, per table.");
-    $[162] = t;
-    $[163] = t64;
+  if ($[163] !== t) {
+    t64 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
+    $[163] = t;
+    $[164] = t64;
   } else {
-    t64 = $[163];
+    t64 = $[164];
   }
   let t65;
-  if ($[164] !== t) {
-    t65 = t("Inspect and cancel scheduled jobs.");
-    $[164] = t;
-    $[165] = t65;
+  if ($[165] !== t) {
+    t65 = t("Active WebSocket subscriptions on this shard.");
+    $[165] = t;
+    $[166] = t65;
   } else {
-    t65 = $[165];
+    t65 = $[166];
   }
   let t66;
-  if ($[166] !== t) {
-    t66 = t("Inspect each table and its columns.");
-    $[166] = t;
-    $[167] = t66;
+  if ($[167] !== t) {
+    t66 = t("Inspect row-level-security policies and roles, per table.");
+    $[167] = t;
+    $[168] = t66;
   } else {
-    t66 = $[167];
+    t66 = $[168];
   }
   let t67;
-  if ($[168] !== t) {
-    t67 = t("Review admin gates, credentials, and log redaction.");
-    $[168] = t;
-    $[169] = t67;
+  if ($[169] !== t) {
+    t67 = t("Inspect and cancel scheduled jobs.");
+    $[169] = t;
+    $[170] = t67;
   } else {
-    t67 = $[169];
+    t67 = $[170];
   }
   let t68;
-  if ($[170] !== t) {
-    t68 = t("Read-only deployment config — vars, secrets, and bindings.");
-    $[170] = t;
-    $[171] = t68;
+  if ($[171] !== t) {
+    t68 = t("Inspect each table and its columns.");
+    $[171] = t;
+    $[172] = t68;
   } else {
-    t68 = $[171];
+    t68 = $[172];
   }
   let t69;
-  if ($[172] !== t) {
-    t69 = t("Run read-only SQL against a shard.");
-    $[172] = t;
-    $[173] = t69;
+  if ($[173] !== t) {
+    t69 = t("Review admin gates, credentials, and log redaction.");
+    $[173] = t;
+    $[174] = t69;
   } else {
-    t69 = $[173];
+    t69 = $[174];
   }
   let t70;
-  if ($[174] !== t) {
-    t70 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
-    $[174] = t;
-    $[175] = t70;
+  if ($[175] !== t) {
+    t70 = t("Read-only deployment config — vars, secrets, and bindings.");
+    $[175] = t;
+    $[176] = t70;
   } else {
-    t70 = $[175];
+    t70 = $[176];
   }
   let t71;
-  if ($[176] !== t) {
-    t71 = t("Manage auth users — roles, bans, sessions, and identity.");
-    $[176] = t;
-    $[177] = t71;
+  if ($[177] !== t) {
+    t71 = t("Run read-only SQL against a shard.");
+    $[177] = t;
+    $[178] = t71;
   } else {
-    t71 = $[177];
+    t71 = $[178];
   }
   let t72;
-  if ($[178] !== t) {
-    t72 = t("Browse Vectorize indexes and run similarity searches.");
-    $[178] = t;
-    $[179] = t72;
+  if ($[179] !== t) {
+    t72 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
+    $[179] = t;
+    $[180] = t72;
   } else {
-    t72 = $[179];
+    t72 = $[180];
   }
   let t73;
-  if ($[180] !== t) {
-    t73 = t("Inspect declared Cloudflare Workflows and their bindings.");
-    $[180] = t;
-    $[181] = t73;
+  if ($[181] !== t) {
+    t73 = t("Manage auth users — roles, bans, sessions, and identity.");
+    $[181] = t;
+    $[182] = t73;
   } else {
-    t73 = $[181];
+    t73 = $[182];
   }
   let t74;
-  if ($[182] !== t40 || $[183] !== t41 || $[184] !== t42 || $[185] !== t43 || $[186] !== t44 || $[187] !== t45 || $[188] !== t46 || $[189] !== t47 || $[190] !== t48 || $[191] !== t49 || $[192] !== t50 || $[193] !== t51 || $[194] !== t52 || $[195] !== t53 || $[196] !== t54 || $[197] !== t55 || $[198] !== t56 || $[199] !== t57 || $[200] !== t58 || $[201] !== t59 || $[202] !== t60 || $[203] !== t61 || $[204] !== t62 || $[205] !== t63 || $[206] !== t64 || $[207] !== t65 || $[208] !== t66 || $[209] !== t67 || $[210] !== t68 || $[211] !== t69 || $[212] !== t70 || $[213] !== t71 || $[214] !== t72 || $[215] !== t73) {
-    t74 = {
-      analytics: t40,
-      api: t41,
-      audit: t42,
-      authConfig: t43,
-      authSessions: t44,
-      dashboards: t45,
-      data: t46,
-      drains: t47,
-      export: t48,
-      files: t49,
-      functions: t50,
-      health: t51,
-      home: t52,
-      insights: t53,
-      logs: t54,
-      metrics: t55,
-      migrations: t56,
-      organizations: t57,
-      pitr: t58,
-      mail: t59,
-      payments: t60,
-      permissions: t61,
-      queues: t62,
-      realtime: t63,
-      rls: t64,
-      schedule: t65,
-      schema: t66,
-      security: t67,
-      settings: t68,
-      sql: t69,
-      storageRules: t70,
-      users: t71,
-      vectors: t72,
-      workflows: t73
-    };
-    $[182] = t40;
-    $[183] = t41;
-    $[184] = t42;
-    $[185] = t43;
-    $[186] = t44;
-    $[187] = t45;
-    $[188] = t46;
-    $[189] = t47;
-    $[190] = t48;
-    $[191] = t49;
-    $[192] = t50;
-    $[193] = t51;
-    $[194] = t52;
-    $[195] = t53;
-    $[196] = t54;
-    $[197] = t55;
-    $[198] = t56;
-    $[199] = t57;
-    $[200] = t58;
-    $[201] = t59;
-    $[202] = t60;
-    $[203] = t61;
-    $[204] = t62;
-    $[205] = t63;
-    $[206] = t64;
-    $[207] = t65;
-    $[208] = t66;
-    $[209] = t67;
-    $[210] = t68;
-    $[211] = t69;
-    $[212] = t70;
-    $[213] = t71;
-    $[214] = t72;
-    $[215] = t73;
-    $[216] = t74;
-  } else {
-    t74 = $[216];
-  }
-  const tabDescription = t74;
+  if ($[183] !== t) {
+    t74 = t("Browse Vectorize indexes and run similarity searches.");
+    $[183] = t;
+    $[184] = t74;
+  } else {
+    t74 = $[184];
+  }
   let t75;
-  if ($[217] !== navigate) {
-    t75 = (event) => {
+  if ($[185] !== t) {
+    t75 = t("Inspect declared Cloudflare Workflows and their bindings.");
+    $[185] = t;
+    $[186] = t75;
+  } else {
+    t75 = $[186];
+  }
+  let t76;
+  if ($[187] !== t41 || $[188] !== t42 || $[189] !== t43 || $[190] !== t44 || $[191] !== t45 || $[192] !== t46 || $[193] !== t47 || $[194] !== t48 || $[195] !== t49 || $[196] !== t50 || $[197] !== t51 || $[198] !== t52 || $[199] !== t53 || $[200] !== t54 || $[201] !== t55 || $[202] !== t56 || $[203] !== t57 || $[204] !== t58 || $[205] !== t59 || $[206] !== t60 || $[207] !== t61 || $[208] !== t62 || $[209] !== t63 || $[210] !== t64 || $[211] !== t65 || $[212] !== t66 || $[213] !== t67 || $[214] !== t68 || $[215] !== t69 || $[216] !== t70 || $[217] !== t71 || $[218] !== t72 || $[219] !== t73 || $[220] !== t74 || $[221] !== t75) {
+    t76 = {
+      analytics: t41,
+      api: t42,
+      audit: t43,
+      authConfig: t44,
+      authSessions: t45,
+      dashboards: t46,
+      data: t47,
+      drains: t48,
+      export: t49,
+      files: t50,
+      flags: t51,
+      functions: t52,
+      health: t53,
+      home: t54,
+      insights: t55,
+      logs: t56,
+      metrics: t57,
+      migrations: t58,
+      organizations: t59,
+      pitr: t60,
+      mail: t61,
+      payments: t62,
+      permissions: t63,
+      queues: t64,
+      realtime: t65,
+      rls: t66,
+      schedule: t67,
+      schema: t68,
+      security: t69,
+      settings: t70,
+      sql: t71,
+      storageRules: t72,
+      users: t73,
+      vectors: t74,
+      workflows: t75
+    };
+    $[187] = t41;
+    $[188] = t42;
+    $[189] = t43;
+    $[190] = t44;
+    $[191] = t45;
+    $[192] = t46;
+    $[193] = t47;
+    $[194] = t48;
+    $[195] = t49;
+    $[196] = t50;
+    $[197] = t51;
+    $[198] = t52;
+    $[199] = t53;
+    $[200] = t54;
+    $[201] = t55;
+    $[202] = t56;
+    $[203] = t57;
+    $[204] = t58;
+    $[205] = t59;
+    $[206] = t60;
+    $[207] = t61;
+    $[208] = t62;
+    $[209] = t63;
+    $[210] = t64;
+    $[211] = t65;
+    $[212] = t66;
+    $[213] = t67;
+    $[214] = t68;
+    $[215] = t69;
+    $[216] = t70;
+    $[217] = t71;
+    $[218] = t72;
+    $[219] = t73;
+    $[220] = t74;
+    $[221] = t75;
+    $[222] = t76;
+  } else {
+    t76 = $[222];
+  }
+  const tabDescription = t76;
+  let t77;
+  if ($[223] !== navigate) {
+    t77 = (event) => {
       fireAndForget(navigate({
         to: `/${event.currentTarget.dataset.tab ?? ""}`
       }));
     };
-    $[217] = navigate;
-    $[218] = t75;
+    $[223] = navigate;
+    $[224] = t77;
   } else {
-    t75 = $[218];
+    t77 = $[224];
   }
-  const selectTab = t75;
-  let t76;
-  let t77;
-  if ($[219] !== current || $[220] !== tabLabel) {
-    t76 = () => {
+  const selectTab = t77;
+  let t78;
+  let t79;
+  if ($[225] !== current || $[226] !== tabLabel) {
+    t78 = () => {
       if (typeof document !== "undefined") {
         document.title = `${tabLabel[current]} · lunora`;
       }
     };
-    t77 = [current, tabLabel];
-    $[219] = current;
-    $[220] = tabLabel;
-    $[221] = t76;
-    $[222] = t77;
+    t79 = [current, tabLabel];
+    $[225] = current;
+    $[226] = tabLabel;
+    $[227] = t78;
+    $[228] = t79;
   } else {
-    t76 = $[221];
-    t77 = $[222];
+    t78 = $[227];
+    t79 = $[228];
   }
-  useEffect(t76, t77);
+  useEffect(t78, t79);
   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],
@@ -10189,48 +10388,48 @@ const StudioLayout = () => {
   })));
   const chrome = use(StudioChromeContext);
   const connected = chrome !== null && chrome.token !== "";
-  let t78;
-  if ($[223] !== commandItems) {
-    t78 = /* @__PURE__ */ jsxDEV(CommandPalette, {
+  let t80;
+  if ($[229] !== commandItems) {
+    t80 = /* @__PURE__ */ jsxDEV(CommandPalette, {
       items: commandItems
     }, void 0, false);
-    $[223] = commandItems;
-    $[224] = t78;
+    $[229] = commandItems;
+    $[230] = t80;
   } else {
-    t78 = $[224];
+    t80 = $[230];
   }
-  let t79;
-  if ($[225] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t79 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
+  let t81;
+  if ($[231] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t81 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
       className: "-ms-1"
     }, void 0, false);
-    $[225] = t79;
+    $[231] = t81;
   } else {
-    t79 = $[225];
+    t81 = $[231];
   }
-  let t80;
-  if ($[226] !== t) {
-    t80 = t("Breadcrumb");
-    $[226] = t;
-    $[227] = t80;
+  let t82;
+  if ($[232] !== t) {
+    t82 = t("Breadcrumb");
+    $[232] = t;
+    $[233] = t82;
   } else {
-    t80 = $[227];
+    t82 = $[233];
   }
-  const t81 = groupLabel[activeGroup.key];
-  let t82;
-  if ($[228] !== t81) {
-    t82 = /* @__PURE__ */ jsxDEV("span", {
+  const t83 = groupLabel[activeGroup.key];
+  let t84;
+  if ($[234] !== t83) {
+    t84 = /* @__PURE__ */ jsxDEV("span", {
       className: "text-muted-foreground",
-      children: t81
+      children: t83
     }, void 0, false);
-    $[228] = t81;
-    $[229] = t82;
+    $[234] = t83;
+    $[235] = t84;
   } else {
-    t82 = $[229];
+    t84 = $[235];
   }
-  let t83;
-  if ($[230] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t83 = /* @__PURE__ */ jsxDEV("svg", {
+  let t85;
+  if ($[236] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t85 = /* @__PURE__ */ jsxDEV("svg", {
       "aria-hidden": "true",
       className: "size-3.5 text-muted-foreground/60",
       fill: "none",
@@ -10243,39 +10442,39 @@ const StudioLayout = () => {
         strokeLinejoin: "round"
       }, void 0, false)
     }, void 0, false);
-    $[230] = t83;
+    $[236] = t85;
   } else {
-    t83 = $[230];
+    t85 = $[236];
   }
-  const t84 = tabLabel[current];
-  let t85;
-  if ($[231] !== t84) {
-    t85 = /* @__PURE__ */ jsxDEV("span", {
+  const t86 = tabLabel[current];
+  let t87;
+  if ($[237] !== t86) {
+    t87 = /* @__PURE__ */ jsxDEV("span", {
       className: "font-medium text-foreground",
-      children: t84
+      children: t86
     }, void 0, false);
-    $[231] = t84;
-    $[232] = t85;
+    $[237] = t86;
+    $[238] = t87;
   } else {
-    t85 = $[232];
+    t87 = $[238];
   }
-  let t86;
-  if ($[233] !== t80 || $[234] !== t82 || $[235] !== t85) {
-    t86 = /* @__PURE__ */ jsxDEV("nav", {
-      "aria-label": t80,
+  let t88;
+  if ($[239] !== t82 || $[240] !== t84 || $[241] !== t87) {
+    t88 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t82,
       className: "flex items-center gap-1.5 text-[13px]",
-      children: [t82, t83, t85]
+      children: [t84, t85, t87]
     }, void 0, true);
-    $[233] = t80;
-    $[234] = t82;
-    $[235] = t85;
-    $[236] = t86;
+    $[239] = t82;
+    $[240] = t84;
+    $[241] = t87;
+    $[242] = t88;
   } else {
-    t86 = $[236];
+    t88 = $[242];
   }
-  let t87;
-  if ($[237] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t87 = /* @__PURE__ */ jsxDEV("svg", {
+  let t89;
+  if ($[243] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t89 = /* @__PURE__ */ jsxDEV("svg", {
       "aria-hidden": "true",
       className: "size-3.5",
       fill: "none",
@@ -10291,164 +10490,164 @@ const StudioLayout = () => {
         strokeLinecap: "round"
       }, void 0, false)]
     }, void 0, true);
-    $[237] = t87;
+    $[243] = t89;
   } else {
-    t87 = $[237];
+    t89 = $[243];
   }
-  let t88;
-  if ($[238] !== t) {
-    t88 = t("Search…");
-    $[238] = t;
-    $[239] = t88;
+  let t90;
+  if ($[244] !== t) {
+    t90 = t("Search…");
+    $[244] = t;
+    $[245] = t90;
   } else {
-    t88 = $[239];
+    t90 = $[245];
   }
-  let t89;
-  if ($[240] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t89 = /* @__PURE__ */ jsxDEV("kbd", {
+  let t91;
+  if ($[246] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t91 = /* @__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);
-    $[240] = t89;
+    $[246] = t91;
   } else {
-    t89 = $[240];
+    t91 = $[246];
   }
-  let t90;
-  if ($[241] !== t88) {
-    t90 = /* @__PURE__ */ jsxDEV("button", {
+  let t92;
+  if ($[247] !== t90) {
+    t92 = /* @__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: [t87, t88, t89]
+      children: [t89, t90, t91]
     }, void 0, true);
-    $[241] = t88;
-    $[242] = t90;
+    $[247] = t90;
+    $[248] = t92;
   } else {
-    t90 = $[242];
+    t92 = $[248];
   }
-  let t91;
-  if ($[243] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t91 = /* @__PURE__ */ jsxDEV("div", {
+  let t93;
+  if ($[249] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t93 = /* @__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);
-    $[243] = t91;
+    $[249] = t93;
   } else {
-    t91 = $[243];
+    t93 = $[249];
   }
-  let t92;
-  if ($[244] !== t86 || $[245] !== t90) {
-    t92 = /* @__PURE__ */ jsxDEV("header", {
+  let t94;
+  if ($[250] !== t88 || $[251] !== t92) {
+    t94 = /* @__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: [t79, t86, t90, t91]
+      children: [t81, t88, t92, t93]
     }, void 0, true);
-    $[244] = t86;
-    $[245] = t90;
-    $[246] = t92;
+    $[250] = t88;
+    $[251] = t92;
+    $[252] = t94;
   } else {
-    t92 = $[246];
+    t94 = $[252];
   }
-  let t93;
-  if ($[247] !== chrome?.rulesInstalled) {
-    t93 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
-    $[247] = chrome?.rulesInstalled;
-    $[248] = t93;
-  } else {
-    t93 = $[248];
-  }
-  const t94 = `dash-tab-${current}`;
-  const t95 = fullHeight ? "flex min-w-0 flex-1 flex-col overflow-hidden" : "min-w-0 flex-1 overflow-auto p-6";
-  const t96 = tabLabel[current];
-  let t97;
-  if ($[249] !== t || $[250] !== t96) {
-    t97 = t("{title} failed", {
-      title: t96
-    });
-    $[249] = t;
-    $[250] = t96;
-    $[251] = t97;
+  let t95;
+  if ($[253] !== chrome?.rulesInstalled) {
+    t95 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
+    $[253] = chrome?.rulesInstalled;
+    $[254] = t95;
   } else {
-    t97 = $[251];
+    t95 = $[254];
   }
+  const t96 = `dash-tab-${current}`;
+  const t97 = fullHeight ? "flex min-w-0 flex-1 flex-col overflow-hidden" : "min-w-0 flex-1 overflow-auto p-6";
   const t98 = tabLabel[current];
   let t99;
-  if ($[252] !== t) {
-    t99 = t("Try again");
-    $[252] = t;
-    $[253] = t99;
-  } else {
-    t99 = $[253];
-  }
-  let t100;
-  if ($[254] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t100 = /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false);
-    $[254] = t100;
+  if ($[255] !== t || $[256] !== t98) {
+    t99 = t("{title} failed", {
+      title: t98
+    });
+    $[255] = t;
+    $[256] = t98;
+    $[257] = t99;
   } else {
-    t100 = $[254];
+    t99 = $[257];
   }
+  const t100 = tabLabel[current];
   let t101;
-  if ($[255] !== current || $[256] !== t97 || $[257] !== t98 || $[258] !== t99) {
-    t101 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
-      fallbackTitle: t97,
-      label: t98,
-      retryLabel: t99,
-      children: t100
-    }, current, false);
-    $[255] = current;
-    $[256] = t97;
-    $[257] = t98;
-    $[258] = t99;
+  if ($[258] !== t) {
+    t101 = t("Try again");
+    $[258] = t;
     $[259] = t101;
   } else {
     t101 = $[259];
   }
   let t102;
-  if ($[260] !== t101 || $[261] !== t95) {
-    t102 = /* @__PURE__ */ jsxDEV("div", {
-      className: t95,
-      children: t101
-    }, void 0, false);
-    $[260] = t101;
-    $[261] = t95;
-    $[262] = t102;
+  if ($[260] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t102 = /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false);
+    $[260] = t102;
   } else {
-    t102 = $[262];
+    t102 = $[260];
   }
   let t103;
-  if ($[263] !== t102 || $[264] !== t94) {
-    t103 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-labelledby": t94,
+  if ($[261] !== current || $[262] !== t100 || $[263] !== t101 || $[264] !== t99) {
+    t103 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
+      fallbackTitle: t99,
+      label: t100,
+      retryLabel: t101,
+      children: t102
+    }, current, false);
+    $[261] = current;
+    $[262] = t100;
+    $[263] = t101;
+    $[264] = t99;
+    $[265] = t103;
+  } else {
+    t103 = $[265];
+  }
+  let t104;
+  if ($[266] !== t103 || $[267] !== t97) {
+    t104 = /* @__PURE__ */ jsxDEV("div", {
+      className: t97,
+      children: t103
+    }, void 0, false);
+    $[266] = t103;
+    $[267] = t97;
+    $[268] = t104;
+  } else {
+    t104 = $[268];
+  }
+  let t105;
+  if ($[269] !== t104 || $[270] !== t96) {
+    t105 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-labelledby": t96,
       className: "flex min-w-0 flex-1 flex-col overflow-hidden",
       "data-testid": "dash-panel",
       id: "dash-panel",
       role: "tabpanel",
-      children: t102
+      children: t104
     }, void 0, false);
-    $[263] = t102;
-    $[264] = t94;
-    $[265] = t103;
+    $[269] = t104;
+    $[270] = t96;
+    $[271] = t105;
   } else {
-    t103 = $[265];
+    t105 = $[271];
   }
-  let t104;
-  if ($[266] !== t103 || $[267] !== t92 || $[268] !== t93) {
-    t104 = /* @__PURE__ */ jsxDEV(SidebarInset, {
+  let t106;
+  if ($[272] !== t105 || $[273] !== t94 || $[274] !== t95) {
+    t106 = /* @__PURE__ */ jsxDEV(SidebarInset, {
       className: "overflow-hidden md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
-      children: [t92, t93, t103]
+      children: [t94, t95, t105]
     }, void 0, true);
-    $[266] = t103;
-    $[267] = t92;
-    $[268] = t93;
-    $[269] = t104;
+    $[272] = t105;
+    $[273] = t94;
+    $[274] = t95;
+    $[275] = t106;
   } else {
-    t104 = $[269];
+    t106 = $[275];
   }
   return /* @__PURE__ */ jsxDEV(SidebarProvider, {
     className: "min-h-0 flex-1",
     "data-testid": "lunora-studio",
-    children: [t78, /* @__PURE__ */ jsxDEV(StudioSidebar, {
+    children: [t80, /* @__PURE__ */ jsxDEV(StudioSidebar, {
       chrome,
       connected,
       current,
@@ -10457,7 +10656,7 @@ const StudioLayout = () => {
       selectTab,
       tabDescription,
       tabLabel
-    }, void 0, false), t104]
+    }, void 0, false), t106]
   }, void 0, true);
 };
 const RoutePending = () => {
@@ -10584,6 +10783,9 @@ const buildRouter = ({
       initialShardKey
     }, void 0, false),
     files: /* @__PURE__ */ jsxDEV(FileBrowser, {}, 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, {
@@ -10654,11 +10856,21 @@ const buildRouter = ({
     getParentRoute: () => rootRoute,
     path: "/"
   });
-  const tabRoutes = TABS.map((tab) => createRoute({
-    component: () => panels[tab],
-    getParentRoute: () => rootRoute,
-    path: `/${tab}`
-  }));
+  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"]