@lunora/studio 1.0.0-alpha.26 → 1.0.0-alpha.28

package/dist/packem_shared/{studio-r7cJPJ__.js → studio-Dm6H5DHS.js}

@@ -2,7 +2,7 @@
 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, useMemo, useCallback, useRef } from 'react';
+import { useState, useEffect, createContext, use, useMemo, useCallback, useReducer, useRef } 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';
@@ -19,46 +19,47 @@ 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 './reference-view-B4E49Lip.js';
-import { InsightsPanel } from './InsightsPanel-y_Q-xdPY.js';
+import { S as Skeleton } from './reference-view-DVyk5kXj.js';
+import { InsightsPanel } from './InsightsPanel-BD29GXXd.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-BkbdNFNz.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
+import { u as useAdminQuery, b as useClientQuery } from './use-admin-query-CFl5GUg_.js';
 import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.js';
-import SecurityAdvisorPanel from './SecurityAdvisorPanel-BBzv7L3c.js';
+import SecurityAdvisorPanel from './SecurityAdvisorPanel-5tYrJdvn.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-CHkX49o_.js';
+import { e as errorMessage, f as fireAndForget, g as formatCell, b as formatTimestamp, h as formatBytes, d as copyToClipboard, c as callOptions, a as adminRef } from './internal-CvMZCVd6.js';
+import ApiTab from './ApiTab-vo8uhE29.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 { v as validateDataViewSearch, T as TableEditor } from './table-editor-9fhJ4hMJ.js';
-import { ExportImportPanel } from './ExportImportPanel-Dj87tRa5.js';
-import { MigrationsPanel } from './MigrationsPanel-DkIcRoE5.js';
-import { PitrPanel } from './PitrPanel-yKJ1JPPk.js';
+import { M as ModalShell } from './grid-features-DnTbXXNb.js';
+import { v as validateDataViewSearch, T as TableEditor } from './table-editor-7iSgi3te.js';
+import { ExportImportPanel } from './ExportImportPanel-DtDEy4OD.js';
+import { MigrationsPanel } from './MigrationsPanel-Z1DmSSzf.js';
+import { PitrPanel } from './PitrPanel-3mec0LTF.js';
 import { T as Textarea } from './textarea-D3gaCU_-.js';
-import { FunctionRunner } from './FunctionRunner-DlWApMCH.js';
-import { FunctionStatsPanel } from './FunctionStatsPanel-CuO2Tmw-.js';
-import { HomePanel } from './HomePanel-BewOCuag.js';
-import { AuditPanel } from './AuditPanel-CP9HM9nq.js';
+import { FunctionRunner } from './FunctionRunner-BmRkCvT4.js';
+import { FunctionStatsPanel } from './FunctionStatsPanel-Bi3kyQvu.js';
+import { u as useStudioFeatures, H as HomePanel } from './home-panel-VdQI_8oX.js';
+import { C as Checkbox } from './checkbox-UNkzAxl-.js';
+import { S as SelectValue, a as SelectTrigger, b as SelectItem, c as SelectContent, d as Select, M as MetricsPanel } from './metrics-panel-3FSfzgEX.js';
+import { AuditPanel } from './AuditPanel-CBjYR6S5.js';
 import { C as CLOUDFLARE_OBSERVABILITY_URL } from './cf-links-2cktDedA.js';
-import { LogsPanel } from './LogsPanel-C7crgYoS.js';
-import { MailPanel } from './MailPanel-PILidruz.js';
+import { LogsPanel } from './LogsPanel-2JhE1qep.js';
+import { MailPanel } from './MailPanel-DwNsuFJC.js';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
-import { ScheduledJobs } from './ScheduledJobs-BWNwIN3I.js';
+import { ScheduledJobs } from './ScheduledJobs--Z9GTmKb.js';
 import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { L as LiveError } from './live-status-FZ0psC1z.js';
-import { u as usePersistedList, A as Alert, a as SqlResultChart, n as newId, S as SqlEditorPanel } from './sql-editor-panel-CUJoYF1Z.js';
-import { HealthPanel } from './HealthPanel-Dj0GRo5P.js';
-import { MetricsPanel } from './MetricsPanel-DioILzgf.js';
-import { SchemaViewer } from './SchemaViewer-CNr8Wame.js';
-import { SettingsPanel } from './SettingsPanel-BKSKl8tl.js';
-import { FileBrowser } from './FileBrowser-CWvxp_is.js';
+import { u as usePersistedList, A as Alert, a as SqlResultChart, n as newId, S as SqlEditorPanel } from './sql-editor-panel-DBuIpCXk.js';
+import { HealthPanel } from './HealthPanel-C7IPO6Ts.js';
+import { SchemaViewer } from './SchemaViewer-nxDV7dZJ.js';
+import { SettingsPanel } from './SettingsPanel-SijRekVc.js';
+import { FileBrowser } from './FileBrowser-DqLRjqsM.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
-import { CommandPalette, openCommandPalette } from './CommandPalette-BtgkBzZI.js';
+import { CommandPalette, openCommandPalette } from './CommandPalette-L-CuSRUc.js';
 
 const DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
 const store = () => {
@@ -4281,9 +4282,9 @@ const UserDetailDrawer = ({
   }, void 0, true);
 };
 
-const DEFAULT_PAGE_SIZE = 50;
+const DEFAULT_PAGE_SIZE$1 = 50;
 const UsersPanel = ({
-  pageSize = DEFAULT_PAGE_SIZE
+  pageSize = DEFAULT_PAGE_SIZE$1
 } = {}) => {
   const client = useLunora();
   const t = useT();
@@ -4622,6 +4623,1883 @@ const FlagsPanel = ({
   }, void 0, true);
 };
 
+const parseTtl = (value) => {
+  const trimmed = value.trim();
+  if (trimmed === "") {
+    return void 0;
+  }
+  const seconds = Number(trimmed);
+  return Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : void 0;
+};
+const formatExpiration = (expiration) => expiration === void 0 ? "—" : new Date(expiration * 1e3).toISOString();
+const byteLength = (value) => new TextEncoder().encode(value).length;
+const tryFormatJson = (value) => {
+  if (value.trim() === "") {
+    return void 0;
+  }
+  try {
+    return JSON.stringify(JSON.parse(value), void 0, 2);
+  } catch {
+    return void 0;
+  }
+};
+const isJsonOrEmpty = (value) => {
+  if (value.trim() === "") {
+    return true;
+  }
+  try {
+    JSON.parse(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const TTL_UNITS = [{
+  key: "seconds",
+  seconds: 1
+}, {
+  key: "minutes",
+  seconds: 60
+}, {
+  key: "hours",
+  seconds: 3600
+}, {
+  key: "days",
+  seconds: 86400
+}];
+const ttlToSeconds = (amount, unit) => {
+  const trimmed = amount.trim();
+  if (trimmed === "") {
+    return "";
+  }
+  const value = Number(trimmed);
+  const perUnit = TTL_UNITS.find((option) => option.key === unit)?.seconds ?? 1;
+  return Number.isFinite(value) && value > 0 ? String(Math.round(value * perUnit)) : trimmed;
+};
+const isTtlValid = (value) => {
+  const trimmed = value.trim();
+  if (trimmed === "") {
+    return true;
+  }
+  const seconds = Number(trimmed);
+  return Number.isInteger(seconds) && seconds >= 60;
+};
+const buildKvPutOptions = (fields, key, namespace, existingExpiration) => {
+  const ttl = parseTtl(fields.ttl);
+  return {
+    expiration: ttl === void 0 ? existingExpiration : void 0,
+    expirationTtl: ttl,
+    key,
+    metadata: fields.metadata.trim() === "" ? void 0 : JSON.parse(fields.metadata),
+    namespace,
+    value: fields.value
+  };
+};
+
+const TtlField = (t0) => {
+  const $ = c(60);
+  const {
+    helper,
+    id,
+    invalid,
+    onChange,
+    testId
+  } = t0;
+  const t = useT();
+  const [amount, setAmount] = useState("");
+  const [unit, setUnit] = useState("seconds");
+  let t1;
+  if ($[0] !== onChange || $[1] !== unit) {
+    t1 = (event) => {
+      setAmount(event.target.value);
+      onChange(ttlToSeconds(event.target.value, unit));
+    };
+    $[0] = onChange;
+    $[1] = unit;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onAmountChange = t1;
+  let t2;
+  if ($[3] !== amount || $[4] !== onChange) {
+    t2 = (nextUnit) => {
+      if (nextUnit === null) {
+        return;
+      }
+      setUnit(nextUnit);
+      onChange(ttlToSeconds(amount, nextUnit));
+    };
+    $[3] = amount;
+    $[4] = onChange;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onUnitChange = t2;
+  let t3;
+  if ($[6] !== t) {
+    t3 = t("days");
+    $[6] = t;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t) {
+    t4 = t("hours");
+    $[8] = t;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== t) {
+    t5 = t("minutes");
+    $[10] = t;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== t) {
+    t6 = t("seconds");
+    $[12] = t;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
+    t7 = {
+      days: t3,
+      hours: t4,
+      minutes: t5,
+      seconds: t6
+    };
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  const unitLabel = t7;
+  let t8;
+  if ($[19] !== t) {
+    t8 = t("Expires after");
+    $[19] = t;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== id || $[22] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Label, {
+      className: "text-xs",
+      htmlFor: id,
+      children: t8
+    }, void 0, false);
+    $[21] = id;
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== t) {
+    t10 = t("No expiration");
+    $[24] = t;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== amount || $[27] !== id || $[28] !== invalid || $[29] !== onAmountChange || $[30] !== t10 || $[31] !== testId) {
+    t11 = /* @__PURE__ */ jsxDEV(Input, {
+      "aria-invalid": invalid,
+      className: "flex-1",
+      "data-testid": testId,
+      id,
+      inputMode: "numeric",
+      onChange: onAmountChange,
+      placeholder: t10,
+      value: amount
+    }, void 0, false);
+    $[26] = amount;
+    $[27] = id;
+    $[28] = invalid;
+    $[29] = onAmountChange;
+    $[30] = t10;
+    $[31] = testId;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  let t12;
+  if ($[33] !== t) {
+    t12 = t("TTL unit");
+    $[33] = t;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  const t13 = `${testId}-unit`;
+  let t14;
+  if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t14 = /* @__PURE__ */ jsxDEV(SelectValue, {}, void 0, false);
+    $[35] = t14;
+  } else {
+    t14 = $[35];
+  }
+  let t15;
+  if ($[36] !== t12 || $[37] !== t13) {
+    t15 = /* @__PURE__ */ jsxDEV(SelectTrigger, {
+      "aria-label": t12,
+      className: "w-[7.5rem]",
+      "data-testid": t13,
+      children: t14
+    }, void 0, false);
+    $[36] = t12;
+    $[37] = t13;
+    $[38] = t15;
+  } else {
+    t15 = $[38];
+  }
+  let t16;
+  if ($[39] !== unitLabel) {
+    t16 = TTL_UNITS.map((option) => /* @__PURE__ */ jsxDEV(SelectItem, {
+      value: option.key,
+      children: unitLabel[option.key]
+    }, option.key, false));
+    $[39] = unitLabel;
+    $[40] = t16;
+  } else {
+    t16 = $[40];
+  }
+  let t17;
+  if ($[41] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV(SelectContent, {
+      children: t16
+    }, void 0, false);
+    $[41] = t16;
+    $[42] = t17;
+  } else {
+    t17 = $[42];
+  }
+  let t18;
+  if ($[43] !== onUnitChange || $[44] !== t15 || $[45] !== t17 || $[46] !== unit) {
+    t18 = /* @__PURE__ */ jsxDEV(Select, {
+      onValueChange: onUnitChange,
+      value: unit,
+      children: [t15, t17]
+    }, void 0, true);
+    $[43] = onUnitChange;
+    $[44] = t15;
+    $[45] = t17;
+    $[46] = unit;
+    $[47] = t18;
+  } else {
+    t18 = $[47];
+  }
+  let t19;
+  if ($[48] !== t11 || $[49] !== t18) {
+    t19 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex gap-2",
+      children: [t11, t18]
+    }, void 0, true);
+    $[48] = t11;
+    $[49] = t18;
+    $[50] = t19;
+  } else {
+    t19 = $[50];
+  }
+  let t20;
+  if ($[51] !== helper || $[52] !== invalid || $[53] !== t || $[54] !== testId) {
+    t20 = invalid ? /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-destructive",
+      "data-testid": `${testId}-invalid`,
+      children: t("TTL must be at least 60 seconds.")
+    }, void 0, false) : helper !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-muted-foreground",
+      children: helper
+    }, void 0, false);
+    $[51] = helper;
+    $[52] = invalid;
+    $[53] = t;
+    $[54] = testId;
+    $[55] = t20;
+  } else {
+    t20 = $[55];
+  }
+  let t21;
+  if ($[56] !== t19 || $[57] !== t20 || $[58] !== t9) {
+    t21 = /* @__PURE__ */ jsxDEV("div", {
+      className: "mb-3 grid gap-1",
+      children: [t9, t19, t20]
+    }, void 0, true);
+    $[56] = t19;
+    $[57] = t20;
+    $[58] = t9;
+    $[59] = t21;
+  } else {
+    t21 = $[59];
+  }
+  return t21;
+};
+const MetadataField = (t0) => {
+  const $ = c(36);
+  const {
+    id,
+    invalidTestId,
+    onChange,
+    testId,
+    valid,
+    value
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== value) {
+    t1 = tryFormatJson(value);
+    $[0] = value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const formatted = t1;
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("Metadata (JSON)");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== id || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Label, {
+      className: "text-xs",
+      htmlFor: id,
+      children: t2
+    }, void 0, false);
+    $[4] = id;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = `${testId}-format`;
+  const t5 = formatted === void 0;
+  let t6;
+  if ($[7] !== formatted || $[8] !== onChange) {
+    t6 = () => {
+      if (formatted !== void 0) {
+        onChange(formatted);
+      }
+    };
+    $[7] = formatted;
+    $[8] = onChange;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t) {
+    t7 = t("Format JSON");
+    $[10] = t;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": t4,
+      disabled: t5,
+      onClick: t6,
+      size: "sm",
+      variant: "outline",
+      children: t7
+    }, void 0, false);
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== t3 || $[18] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between gap-2",
+      children: [t3, t8]
+    }, void 0, true);
+    $[17] = t3;
+    $[18] = t8;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  const t10 = !valid;
+  let t11;
+  if ($[20] !== onChange) {
+    t11 = (event) => {
+      onChange(event.target.value);
+    };
+    $[20] = onChange;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  let t12;
+  if ($[22] !== id || $[23] !== t10 || $[24] !== t11 || $[25] !== testId || $[26] !== value) {
+    t12 = /* @__PURE__ */ jsxDEV(Textarea, {
+      "aria-invalid": t10,
+      className: "min-h-[4rem] font-mono text-xs",
+      "data-testid": testId,
+      id,
+      onChange: t11,
+      value
+    }, void 0, false);
+    $[22] = id;
+    $[23] = t10;
+    $[24] = t11;
+    $[25] = testId;
+    $[26] = value;
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  let t13;
+  if ($[28] !== invalidTestId || $[29] !== t || $[30] !== valid) {
+    t13 = !valid && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-destructive",
+      "data-testid": invalidTestId,
+      children: t("Metadata must be valid JSON.")
+    }, void 0, false);
+    $[28] = invalidTestId;
+    $[29] = t;
+    $[30] = valid;
+    $[31] = t13;
+  } else {
+    t13 = $[31];
+  }
+  let t14;
+  if ($[32] !== t12 || $[33] !== t13 || $[34] !== t9) {
+    t14 = /* @__PURE__ */ jsxDEV("div", {
+      className: "mb-3 grid gap-1",
+      children: [t9, t12, t13]
+    }, void 0, true);
+    $[32] = t12;
+    $[33] = t13;
+    $[34] = t9;
+    $[35] = t14;
+  } else {
+    t14 = $[35];
+  }
+  return t14;
+};
+
+const INITIAL_CREATE_STATE = {
+  busy: false,
+  error: null,
+  metadata: "",
+  name: "",
+  ttl: "",
+  value: ""
+};
+const createReducer = (state, action) => {
+  switch (action.type) {
+    case "setField": {
+      return {
+        ...state,
+        [action.field]: action.value
+      };
+    }
+    case "submitFailed": {
+      return {
+        ...state,
+        busy: false,
+        error: action.error
+      };
+    }
+    case "submitStart": {
+      return {
+        ...state,
+        busy: true,
+        error: null
+      };
+    }
+    default: {
+      return state;
+    }
+  }
+};
+const KvCreateForm = (t0) => {
+  const $ = c(73);
+  const {
+    namespace,
+    onCancel,
+    onCreated
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const [state, dispatch] = useReducer(createReducer, INITIAL_CREATE_STATE);
+  let t1;
+  if ($[0] !== state.metadata) {
+    t1 = isJsonOrEmpty(state.metadata);
+    $[0] = state.metadata;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const metadataValid = t1;
+  let t2;
+  if ($[2] !== state.ttl) {
+    t2 = isTtlValid(state.ttl);
+    $[2] = state.ttl;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const ttlValid = t2;
+  let t3;
+  if ($[4] !== metadataValid || $[5] !== state.busy || $[6] !== state.name || $[7] !== ttlValid) {
+    t3 = state.name.trim() !== "" && metadataValid && ttlValid && !state.busy;
+    $[4] = metadataValid;
+    $[5] = state.busy;
+    $[6] = state.name;
+    $[7] = ttlValid;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const canSubmit = t3;
+  let t4;
+  if ($[9] !== canSubmit || $[10] !== client || $[11] !== namespace || $[12] !== onCreated || $[13] !== state.metadata || $[14] !== state.name || $[15] !== state.ttl || $[16] !== state.value) {
+    t4 = () => {
+      if (!canSubmit) {
+        return;
+      }
+      dispatch({
+        type: "submitStart"
+      });
+      fireAndForget((async () => {
+        try {
+          await client.putKvValue(buildKvPutOptions({
+            metadata: state.metadata,
+            ttl: state.ttl,
+            value: state.value
+          }, state.name, namespace));
+          onCreated();
+        } catch (t52) {
+          const error_ = t52;
+          dispatch({
+            error: errorMessage(error_),
+            type: "submitFailed"
+          });
+        }
+      })());
+    };
+    $[9] = canSubmit;
+    $[10] = client;
+    $[11] = namespace;
+    $[12] = onCreated;
+    $[13] = state.metadata;
+    $[14] = state.name;
+    $[15] = state.ttl;
+    $[16] = state.value;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  const onSubmit = t4;
+  let t5;
+  if ($[18] !== t) {
+    t5 = t("Key name");
+    $[18] = t;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  let t6;
+  if ($[20] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(Label, {
+      className: "text-xs",
+      htmlFor: "kv-create-name",
+      children: t5
+    }, void 0, false);
+    $[20] = t5;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (event) => {
+      dispatch({
+        field: "name",
+        type: "setField",
+        value: event.target.value
+      });
+    };
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  let t8;
+  if ($[23] !== t) {
+    t8 = t("Key name");
+    $[23] = t;
+    $[24] = t8;
+  } else {
+    t8 = $[24];
+  }
+  let t9;
+  if ($[25] !== state.name || $[26] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Input, {
+      autoFocus: true,
+      "data-testid": "kv-create-name",
+      id: "kv-create-name",
+      onChange: t7,
+      placeholder: t8,
+      value: state.name
+    }, void 0, false);
+    $[25] = state.name;
+    $[26] = t8;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  let t10;
+  if ($[28] !== t6 || $[29] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-1",
+      children: [t6, t9]
+    }, void 0, true);
+    $[28] = t6;
+    $[29] = t9;
+    $[30] = t10;
+  } else {
+    t10 = $[30];
+  }
+  let t11;
+  if ($[31] !== t) {
+    t11 = t("Value");
+    $[31] = t;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  let t12;
+  if ($[33] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV(Label, {
+      className: "text-xs",
+      htmlFor: "kv-create-value",
+      children: t11
+    }, void 0, false);
+    $[33] = t11;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  let t13;
+  if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = (event_0) => {
+      dispatch({
+        field: "value",
+        type: "setField",
+        value: event_0.target.value
+      });
+    };
+    $[35] = t13;
+  } else {
+    t13 = $[35];
+  }
+  let t14;
+  if ($[36] !== state.value) {
+    t14 = /* @__PURE__ */ jsxDEV(Textarea, {
+      className: "min-h-[6rem] font-mono text-xs",
+      "data-testid": "kv-create-value",
+      id: "kv-create-value",
+      onChange: t13,
+      value: state.value
+    }, void 0, false);
+    $[36] = state.value;
+    $[37] = t14;
+  } else {
+    t14 = $[37];
+  }
+  let t15;
+  if ($[38] !== t12 || $[39] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-1",
+      children: [t12, t14]
+    }, void 0, true);
+    $[38] = t12;
+    $[39] = t14;
+    $[40] = t15;
+  } else {
+    t15 = $[40];
+  }
+  const t16 = !ttlValid;
+  let t17;
+  if ($[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t17 = (seconds) => {
+      dispatch({
+        field: "ttl",
+        type: "setField",
+        value: seconds
+      });
+    };
+    $[41] = t17;
+  } else {
+    t17 = $[41];
+  }
+  let t18;
+  if ($[42] !== t16) {
+    t18 = /* @__PURE__ */ jsxDEV(TtlField, {
+      id: "kv-create-ttl",
+      invalid: t16,
+      onChange: t17,
+      testId: "kv-create-ttl"
+    }, void 0, false);
+    $[42] = t16;
+    $[43] = t18;
+  } else {
+    t18 = $[43];
+  }
+  let t19;
+  if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t19 = (metadata) => {
+      dispatch({
+        field: "metadata",
+        type: "setField",
+        value: metadata
+      });
+    };
+    $[44] = t19;
+  } else {
+    t19 = $[44];
+  }
+  let t20;
+  if ($[45] !== metadataValid || $[46] !== state.metadata) {
+    t20 = /* @__PURE__ */ jsxDEV(MetadataField, {
+      id: "kv-create-metadata",
+      invalidTestId: "kv-create-metadata-invalid",
+      onChange: t19,
+      testId: "kv-create-metadata",
+      valid: metadataValid,
+      value: state.metadata
+    }, void 0, false);
+    $[45] = metadataValid;
+    $[46] = state.metadata;
+    $[47] = t20;
+  } else {
+    t20 = $[47];
+  }
+  const t21 = !canSubmit;
+  let t22;
+  if ($[48] !== state.busy || $[49] !== t) {
+    t22 = state.busy ? t("Creating…") : t("Create key");
+    $[48] = state.busy;
+    $[49] = t;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  let t23;
+  if ($[51] !== onSubmit || $[52] !== t21 || $[53] !== t22) {
+    t23 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "kv-create-submit",
+      disabled: t21,
+      onClick: onSubmit,
+      children: t22
+    }, void 0, false);
+    $[51] = onSubmit;
+    $[52] = t21;
+    $[53] = t22;
+    $[54] = t23;
+  } else {
+    t23 = $[54];
+  }
+  const t24 = state.busy;
+  let t25;
+  if ($[55] !== t) {
+    t25 = t("Cancel");
+    $[55] = t;
+    $[56] = t25;
+  } else {
+    t25 = $[56];
+  }
+  let t26;
+  if ($[57] !== onCancel || $[58] !== state.busy || $[59] !== t25) {
+    t26 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "kv-create-cancel",
+      disabled: t24,
+      onClick: onCancel,
+      variant: "outline",
+      children: t25
+    }, void 0, false);
+    $[57] = onCancel;
+    $[58] = state.busy;
+    $[59] = t25;
+    $[60] = t26;
+  } else {
+    t26 = $[60];
+  }
+  let t27;
+  if ($[61] !== t23 || $[62] !== t26) {
+    t27 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap gap-2",
+      children: [t23, t26]
+    }, void 0, true);
+    $[61] = t23;
+    $[62] = t26;
+    $[63] = t27;
+  } else {
+    t27 = $[63];
+  }
+  let t28;
+  if ($[64] !== state.error) {
+    t28 = state.error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "kv-create-error",
+      role: "alert",
+      children: state.error
+    }, void 0, false);
+    $[64] = state.error;
+    $[65] = t28;
+  } else {
+    t28 = $[65];
+  }
+  let t29;
+  if ($[66] !== t10 || $[67] !== t15 || $[68] !== t18 || $[69] !== t20 || $[70] !== t27 || $[71] !== t28) {
+    t29 = /* @__PURE__ */ jsxDEV("div", {
+      className: "grid gap-3 px-4 pb-4",
+      "data-testid": "kv-create-form",
+      children: [t10, t15, t18, t20, t27, t28]
+    }, void 0, true);
+    $[66] = t10;
+    $[67] = t15;
+    $[68] = t18;
+    $[69] = t20;
+    $[70] = t27;
+    $[71] = t28;
+    $[72] = t29;
+  } else {
+    t29 = $[72];
+  }
+  return t29;
+};
+
+const INITIAL_VALUE_STATE = {
+  busy: "",
+  editedMetadata: "",
+  editedTtl: "",
+  editedValue: "",
+  loadError: null,
+  loading: true,
+  value: null,
+  writeError: null
+};
+const valueReducer = (state, action) => {
+  switch (action.type) {
+    case "deleteStart": {
+      return {
+        ...state,
+        busy: "deleting",
+        writeError: null
+      };
+    }
+    case "editMetadata": {
+      return {
+        ...state,
+        editedMetadata: action.value
+      };
+    }
+    case "editTtl": {
+      return {
+        ...state,
+        editedTtl: action.value
+      };
+    }
+    case "editValue": {
+      return {
+        ...state,
+        editedValue: action.value
+      };
+    }
+    case "loaded": {
+      return {
+        ...state,
+        editedMetadata: action.metadata === null || action.metadata === void 0 ? "" : JSON.stringify(action.metadata, null, 2),
+        editedValue: action.value ?? "",
+        loading: false,
+        value: action.value
+      };
+    }
+    case "loadFailed": {
+      return {
+        ...state,
+        loadError: action.error,
+        loading: false
+      };
+    }
+    case "saveOk": {
+      return {
+        ...state,
+        busy: "",
+        value: state.editedValue
+      };
+    }
+    case "saveStart": {
+      return {
+        ...state,
+        busy: "saving",
+        writeError: null
+      };
+    }
+    case "writeFailed": {
+      return {
+        ...state,
+        busy: "",
+        writeError: action.error
+      };
+    }
+    default: {
+      return state;
+    }
+  }
+};
+const KvValueEditor = (t0) => {
+  const $ = c(67);
+  const {
+    expiration,
+    keyName,
+    namespace,
+    onDeleted
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const [state, dispatch] = useReducer(valueReducer, INITIAL_VALUE_STATE);
+  let t1;
+  let t2;
+  if ($[0] !== client || $[1] !== keyName || $[2] !== namespace) {
+    t1 = () => {
+      const token = {
+        cancelled: false
+      };
+      fireAndForget((async () => {
+        try {
+          const result = await client.getKvValue({
+            key: keyName,
+            namespace
+          });
+          if (!token.cancelled) {
+            dispatch({
+              metadata: result.metadata,
+              type: "loaded",
+              value: result.value
+            });
+          }
+        } catch (t32) {
+          const error_ = t32;
+          if (!token.cancelled) {
+            dispatch({
+              error: errorMessage(error_),
+              type: "loadFailed"
+            });
+          }
+        }
+      })());
+      return () => {
+        token.cancelled = true;
+      };
+    };
+    t2 = [client, namespace, keyName];
+    $[0] = client;
+    $[1] = keyName;
+    $[2] = namespace;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = (event) => {
+      dispatch({
+        type: "editValue",
+        value: event.target.value
+      });
+    };
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const onEditedValueChange = t3;
+  let t4;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (metadata) => {
+      dispatch({
+        type: "editMetadata",
+        value: metadata
+      });
+    };
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const onEditedMetadataChange = t4;
+  let t5;
+  if ($[7] !== state.editedValue) {
+    t5 = tryFormatJson(state.editedValue);
+    $[7] = state.editedValue;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const formattedValue = t5;
+  let t6;
+  if ($[9] !== state.editedMetadata) {
+    t6 = isJsonOrEmpty(state.editedMetadata);
+    $[9] = state.editedMetadata;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const metadataValid = t6;
+  let t7;
+  if ($[11] !== state.editedTtl) {
+    t7 = isTtlValid(state.editedTtl);
+    $[11] = state.editedTtl;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  const ttlValid = t7;
+  let t8;
+  if ($[13] !== formattedValue) {
+    t8 = () => {
+      if (formattedValue !== void 0) {
+        dispatch({
+          type: "editValue",
+          value: formattedValue
+        });
+      }
+    };
+    $[13] = formattedValue;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  const onFormatValue = t8;
+  let t9;
+  if ($[15] !== client || $[16] !== expiration || $[17] !== keyName || $[18] !== metadataValid || $[19] !== namespace || $[20] !== state.editedMetadata || $[21] !== state.editedTtl || $[22] !== state.editedValue || $[23] !== t) {
+    t9 = () => {
+      if (!metadataValid) {
+        dispatch({
+          error: t("Metadata must be valid JSON."),
+          type: "writeFailed"
+        });
+        return;
+      }
+      dispatch({
+        type: "saveStart"
+      });
+      fireAndForget((async () => {
+        try {
+          await client.putKvValue(buildKvPutOptions({
+            metadata: state.editedMetadata,
+            ttl: state.editedTtl,
+            value: state.editedValue
+          }, keyName, namespace, expiration));
+          dispatch({
+            type: "saveOk"
+          });
+        } catch (t102) {
+          const error__0 = t102;
+          dispatch({
+            error: errorMessage(error__0),
+            type: "writeFailed"
+          });
+        }
+      })());
+    };
+    $[15] = client;
+    $[16] = expiration;
+    $[17] = keyName;
+    $[18] = metadataValid;
+    $[19] = namespace;
+    $[20] = state.editedMetadata;
+    $[21] = state.editedTtl;
+    $[22] = state.editedValue;
+    $[23] = t;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  const onSave = t9;
+  let t10;
+  if ($[25] !== client || $[26] !== keyName || $[27] !== namespace || $[28] !== onDeleted) {
+    t10 = () => {
+      dispatch({
+        type: "deleteStart"
+      });
+      fireAndForget((async () => {
+        try {
+          await client.deleteKvKey({
+            key: keyName,
+            namespace
+          });
+          onDeleted(keyName);
+        } catch (t112) {
+          const error__1 = t112;
+          dispatch({
+            error: errorMessage(error__1),
+            type: "writeFailed"
+          });
+        }
+      })());
+    };
+    $[25] = client;
+    $[26] = keyName;
+    $[27] = namespace;
+    $[28] = onDeleted;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  const onDelete = t10;
+  let t11;
+  if ($[30] !== keyName) {
+    t11 = () => {
+      copyToClipboard(keyName);
+    };
+    $[30] = keyName;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  let t12;
+  if ($[32] !== t) {
+    t12 = t("Copy key");
+    $[32] = t;
+    $[33] = t12;
+  } else {
+    t12 = $[33];
+  }
+  let t13;
+  if ($[34] !== t11 || $[35] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV("div", {
+      className: "mb-2 flex justify-end",
+      children: /* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": "kv-copy-key-btn",
+        onClick: t11,
+        size: "sm",
+        variant: "outline",
+        children: t12
+      }, void 0, false)
+    }, void 0, false);
+    $[34] = t11;
+    $[35] = t12;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  let t14;
+  if ($[37] !== state.loadError) {
+    t14 = state.loadError !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "mb-2 text-sm text-destructive",
+      "data-testid": "kv-value-error",
+      role: "alert",
+      children: state.loadError
+    }, void 0, false);
+    $[37] = state.loadError;
+    $[38] = t14;
+  } else {
+    t14 = $[38];
+  }
+  let t15;
+  if ($[39] !== state.loading || $[40] !== t) {
+    t15 = state.loading && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      "data-testid": "kv-value-loading",
+      children: t("Loading…")
+    }, void 0, false);
+    $[39] = state.loading;
+    $[40] = t;
+    $[41] = t15;
+  } else {
+    t15 = $[41];
+  }
+  let t16;
+  if ($[42] !== formattedValue || $[43] !== metadataValid || $[44] !== onDelete || $[45] !== onFormatValue || $[46] !== onSave || $[47] !== state.busy || $[48] !== state.editedMetadata || $[49] !== state.editedValue || $[50] !== state.loading || $[51] !== state.value || $[52] !== state.writeError || $[53] !== t || $[54] !== ttlValid) {
+    t16 = !state.loading && state.value !== null && /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "mb-1 flex flex-wrap items-center gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Label, {
+          className: "text-xs",
+          htmlFor: "kv-value-editor",
+          children: t("Value")
+        }, void 0, false), formattedValue !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+          variant: "secondary",
+          children: t("JSON")
+        }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+          className: "ml-auto text-xs tabular-nums text-muted-foreground",
+          "data-testid": "kv-value-size",
+          children: formatBytes(byteLength(state.editedValue))
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("textarea", {
+        "aria-label": t("KV value"),
+        className: "mb-2 min-h-[8rem] w-full rounded border border-border bg-muted/30 p-2 font-mono text-xs",
+        "data-testid": "kv-value-editor",
+        id: "kv-value-editor",
+        onChange: onEditedValueChange,
+        value: state.editedValue
+      }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+        className: "mb-3 flex flex-wrap gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-format-btn",
+          disabled: formattedValue === void 0,
+          onClick: onFormatValue,
+          size: "sm",
+          variant: "outline",
+          children: t("Format JSON")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-copy-value-btn",
+          onClick: () => {
+            copyToClipboard(state.editedValue);
+          },
+          size: "sm",
+          variant: "outline",
+          children: t("Copy value")
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(TtlField, {
+        helper: t("Leave blank to keep the current expiration."),
+        id: "kv-ttl-input",
+        invalid: !ttlValid,
+        onChange: (seconds) => {
+          dispatch({
+            type: "editTtl",
+            value: seconds
+          });
+        },
+        testId: "kv-ttl-input"
+      }, void 0, false), /* @__PURE__ */ jsxDEV(MetadataField, {
+        id: "kv-metadata-editor",
+        invalidTestId: "kv-metadata-invalid",
+        onChange: onEditedMetadataChange,
+        testId: "kv-metadata-editor",
+        valid: metadataValid,
+        value: state.editedMetadata
+      }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-save-btn",
+          disabled: state.busy !== "" || !metadataValid || !ttlValid,
+          onClick: onSave,
+          children: state.busy === "saving" ? t("Saving…") : t("Save")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-delete-btn",
+          disabled: state.busy !== "",
+          onClick: onDelete,
+          variant: "destructive",
+          children: state.busy === "deleting" ? t("Deleting…") : t("Delete")
+        }, void 0, false)]
+      }, void 0, true), state.writeError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "mt-2 text-sm text-destructive",
+        "data-testid": "kv-save-error",
+        role: "alert",
+        children: state.writeError
+      }, void 0, false)]
+    }, void 0, true);
+    $[42] = formattedValue;
+    $[43] = metadataValid;
+    $[44] = onDelete;
+    $[45] = onFormatValue;
+    $[46] = onSave;
+    $[47] = state.busy;
+    $[48] = state.editedMetadata;
+    $[49] = state.editedValue;
+    $[50] = state.loading;
+    $[51] = state.value;
+    $[52] = state.writeError;
+    $[53] = t;
+    $[54] = ttlValid;
+    $[55] = t16;
+  } else {
+    t16 = $[55];
+  }
+  let t17;
+  if ($[56] !== state.loadError || $[57] !== state.loading || $[58] !== state.value || $[59] !== t) {
+    t17 = !state.loading && state.value === null && state.loadError === null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      "data-testid": "kv-absent",
+      children: t("Key is absent or has no value.")
+    }, void 0, false);
+    $[56] = state.loadError;
+    $[57] = state.loading;
+    $[58] = state.value;
+    $[59] = t;
+    $[60] = t17;
+  } else {
+    t17 = $[60];
+  }
+  let t18;
+  if ($[61] !== t13 || $[62] !== t14 || $[63] !== t15 || $[64] !== t16 || $[65] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV("div", {
+      className: "px-4 pb-4",
+      "data-testid": "kv-value-section",
+      children: [t13, t14, t15, t16, t17]
+    }, void 0, true);
+    $[61] = t13;
+    $[62] = t14;
+    $[63] = t15;
+    $[64] = t16;
+    $[65] = t17;
+    $[66] = t18;
+  } else {
+    t18 = $[66];
+  }
+  return t18;
+};
+
+const DEFAULT_PAGE_SIZE = 100;
+const INITIAL_KEY_LIST_STATE = {
+  appliedPrefix: "",
+  bulk: [],
+  bulkBusy: false,
+  bulkError: null,
+  cursor: null,
+  keys: null,
+  listComplete: false,
+  loadError: null,
+  loading: false,
+  prefixInput: "",
+  reloadNonce: 0,
+  selectedKey: null
+};
+const keyListReducer = (state, action) => {
+  switch (action.type) {
+    case "appendPage": {
+      return {
+        ...state,
+        cursor: action.cursor,
+        keys: [...state.keys ?? [], ...action.keys],
+        listComplete: action.listComplete,
+        loading: false
+      };
+    }
+    case "applyFilter": {
+      return {
+        ...state,
+        appliedPrefix: state.prefixInput,
+        bulk: [],
+        bulkError: null,
+        cursor: null,
+        keys: null,
+        listComplete: false,
+        selectedKey: null
+      };
+    }
+    case "bulkDeleted": {
+      const removed = new Set(action.deleted);
+      return {
+        ...state,
+        bulk: state.bulk.filter((name) => !removed.has(name)),
+        bulkBusy: false,
+        bulkError: action.error,
+        keys: state.keys === null ? null : state.keys.filter((entry) => !removed.has(entry.name)),
+        selectedKey: state.selectedKey !== null && removed.has(state.selectedKey) ? null : state.selectedKey
+      };
+    }
+    case "bulkDeleteStart": {
+      return {
+        ...state,
+        bulkBusy: true,
+        bulkError: null
+      };
+    }
+    case "firstPage": {
+      return {
+        ...state,
+        cursor: action.cursor,
+        keys: action.keys,
+        listComplete: action.listComplete,
+        loading: false
+      };
+    }
+    case "keyDeleted": {
+      return {
+        ...state,
+        bulk: state.bulk.filter((name) => name !== action.name),
+        keys: state.keys === null ? null : state.keys.filter((entry) => entry.name !== action.name),
+        selectedKey: null
+      };
+    }
+    case "loadFailed": {
+      return {
+        ...state,
+        loadError: action.error,
+        loading: false
+      };
+    }
+    case "loadStart": {
+      return {
+        ...state,
+        loadError: null,
+        loading: true
+      };
+    }
+    case "prefixInput": {
+      return {
+        ...state,
+        prefixInput: action.value
+      };
+    }
+    case "reload": {
+      return {
+        ...state,
+        bulk: [],
+        bulkError: null,
+        reloadNonce: state.reloadNonce + 1,
+        selectedKey: null
+      };
+    }
+    case "selectKey": {
+      return {
+        ...state,
+        selectedKey: action.name
+      };
+    }
+    case "toggleAllBulk": {
+      return {
+        ...state,
+        bulk: action.names
+      };
+    }
+    case "toggleBulk": {
+      return {
+        ...state,
+        bulk: state.bulk.includes(action.name) ? state.bulk.filter((name) => name !== action.name) : [...state.bulk, action.name]
+      };
+    }
+    default: {
+      return state;
+    }
+  }
+};
+const KvKeyList = ({
+  namespace
+}) => {
+  const client = useLunora();
+  const t = useT();
+  const [state, dispatch] = useReducer(keyListReducer, INITIAL_KEY_LIST_STATE);
+  const {
+    appliedPrefix,
+    bulk,
+    bulkBusy,
+    bulkError,
+    cursor,
+    keys,
+    listComplete,
+    loadError,
+    loading,
+    prefixInput,
+    reloadNonce,
+    selectedKey
+  } = state;
+  const [showCreate, setShowCreate] = useState(false);
+  useEffect(() => {
+    const token = {
+      cancelled: false
+    };
+    fireAndForget((async () => {
+      dispatch({
+        type: "loadStart"
+      });
+      try {
+        const result = await client.listKvKeys({
+          limit: DEFAULT_PAGE_SIZE,
+          namespace,
+          prefix: appliedPrefix === "" ? void 0 : appliedPrefix
+        });
+        if (!token.cancelled) {
+          dispatch({
+            cursor: result.cursor ?? null,
+            keys: result.keys,
+            listComplete: result.listComplete,
+            type: "firstPage"
+          });
+        }
+      } catch (error_) {
+        if (!token.cancelled) {
+          dispatch({
+            error: errorMessage(error_),
+            type: "loadFailed"
+          });
+        }
+      }
+    })());
+    return () => {
+      token.cancelled = true;
+    };
+  }, [client, namespace, appliedPrefix, reloadNonce]);
+  const onPrefixChange = (event) => {
+    dispatch({
+      type: "prefixInput",
+      value: event.target.value
+    });
+  };
+  const onFilter = () => {
+    dispatch({
+      type: "applyFilter"
+    });
+  };
+  const onSelectKey = (event_0) => {
+    dispatch({
+      name: event_0.currentTarget.dataset.key ?? null,
+      type: "selectKey"
+    });
+  };
+  const onLoadMore = () => {
+    if (cursor === null) {
+      return;
+    }
+    dispatch({
+      type: "loadStart"
+    });
+    fireAndForget((async () => {
+      try {
+        const result_0 = await client.listKvKeys({
+          cursor,
+          limit: DEFAULT_PAGE_SIZE,
+          namespace,
+          prefix: appliedPrefix === "" ? void 0 : appliedPrefix
+        });
+        dispatch({
+          cursor: result_0.cursor ?? null,
+          keys: result_0.keys,
+          listComplete: result_0.listComplete,
+          type: "appendPage"
+        });
+      } catch (error__0) {
+        dispatch({
+          error: errorMessage(error__0),
+          type: "loadFailed"
+        });
+      }
+    })());
+  };
+  const onKeyDeleted = (name) => {
+    dispatch({
+      name,
+      type: "keyDeleted"
+    });
+  };
+  const onToggleBulk = (name_0) => {
+    dispatch({
+      name: name_0,
+      type: "toggleBulk"
+    });
+  };
+  const onToggleAll = (checked) => {
+    dispatch({
+      names: checked && keys !== null ? keys.map((entry) => entry.name) : [],
+      type: "toggleAllBulk"
+    });
+  };
+  const onBulkDelete = () => {
+    if (bulk.length === 0) {
+      return;
+    }
+    const names = [...bulk];
+    dispatch({
+      type: "bulkDeleteStart"
+    });
+    fireAndForget((async () => {
+      const results = await Promise.allSettled(names.map((name_1) => client.deleteKvKey({
+        key: name_1,
+        namespace
+      })));
+      const deleted = names.filter((_, index) => results[index]?.status === "fulfilled");
+      const failed = names.length - deleted.length;
+      dispatch({
+        deleted,
+        error: failed > 0 ? t("Failed to delete {count} keys.", {
+          count: failed
+        }) : null,
+        type: "bulkDeleted"
+      });
+    })());
+  };
+  const onCreated = () => {
+    setShowCreate(false);
+    dispatch({
+      type: "reload"
+    });
+  };
+  const allSelected = keys !== null && keys.length > 0 && bulk.length === keys.length;
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [/* @__PURE__ */ jsxDEV("section", {
+      className: "border border-border bg-card p-3",
+      "data-testid": "kv-keys-section",
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "mb-3 flex flex-wrap items-center gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Input, {
+          "aria-label": t("Filter keys by prefix"),
+          className: "min-w-[16rem] flex-1",
+          "data-testid": "kv-prefix-input",
+          onChange: onPrefixChange,
+          placeholder: t("Filter by prefix…"),
+          value: prefixInput
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-filter-btn",
+          disabled: loading,
+          onClick: onFilter,
+          children: t("Filter")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-new-key-btn",
+          onClick: () => {
+            setShowCreate((open) => !open);
+          },
+          variant: "outline",
+          children: t("New key")
+        }, void 0, false), bulk.length > 0 && /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-bulk-delete-btn",
+          disabled: bulkBusy,
+          onClick: onBulkDelete,
+          variant: "destructive",
+          children: bulkBusy ? t("Deleting…") : t("Delete {count}", {
+            count: bulk.length
+          })
+        }, void 0, false)]
+      }, void 0, true), bulkError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "mb-2 text-sm text-destructive",
+        "data-testid": "kv-bulk-error",
+        role: "alert",
+        children: bulkError
+      }, void 0, false), loadError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "kv-keys-error",
+        role: "alert",
+        children: loadError
+      }, void 0, false), keys !== null && keys.length === 0 && !loading && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-muted-foreground",
+        "data-testid": "kv-no-keys",
+        children: t("No keys.")
+      }, void 0, false), keys !== null && keys.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "px-0",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "kv-key-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "w-10",
+                  children: /* @__PURE__ */ jsxDEV(Checkbox, {
+                    "aria-label": t("Select all"),
+                    checked: allSelected,
+                    "data-testid": "kv-select-all",
+                    onCheckedChange: onToggleAll
+                  }, void 0, false)
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Key")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Expiration")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: keys.map((entry_0) => /* @__PURE__ */ jsxDEV(TableRow, {
+                className: entry_0.name === selectedKey ? "border-l-2 border-l-royal-amethyst bg-muted/50" : "cursor-pointer",
+                "data-key": entry_0.name,
+                "data-testid": `kv-key-row-${entry_0.name}`,
+                onClick: onSelectKey,
+                children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                  onClick: (event_1) => {
+                    event_1.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ jsxDEV(Checkbox, {
+                    "aria-label": t("Select {name}", {
+                      name: entry_0.name
+                    }),
+                    checked: bulk.includes(entry_0.name),
+                    "data-testid": `kv-select-${entry_0.name}`,
+                    onCheckedChange: () => {
+                      onToggleBulk(entry_0.name);
+                    }
+                  }, void 0, false)
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "font-mono text-xs",
+                  children: entry_0.name
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                  className: "tabular-nums text-xs",
+                  children: formatExpiration(entry_0.expiration)
+                }, void 0, false)]
+              }, entry_0.name, true))
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false), !listComplete && cursor !== null && /* @__PURE__ */ jsxDEV("div", {
+        className: "mt-2",
+        children: /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "kv-load-more",
+          disabled: loading,
+          onClick: onLoadMore,
+          variant: "outline",
+          children: loading ? t("Loading…") : t("Load more")
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(Sheet, {
+      onOpenChange: (open_0) => {
+        if (!open_0) {
+          setShowCreate(false);
+        }
+      },
+      open: showCreate,
+      children: /* @__PURE__ */ jsxDEV(SheetContent, {
+        className: "w-full gap-0 overflow-y-auto sm:max-w-md",
+        "data-testid": "kv-create-sheet",
+        side: "right",
+        children: [/* @__PURE__ */ jsxDEV(SheetHeader, {
+          children: /* @__PURE__ */ jsxDEV(SheetTitle, {
+            children: t("New key")
+          }, void 0, false)
+        }, void 0, false), /* @__PURE__ */ jsxDEV(KvCreateForm, {
+          namespace,
+          onCancel: () => {
+            setShowCreate(false);
+          },
+          onCreated
+        }, void 0, false)]
+      }, void 0, true)
+    }, void 0, false), /* @__PURE__ */ jsxDEV(Sheet, {
+      onOpenChange: (open_1) => {
+        if (!open_1) {
+          dispatch({
+            name: null,
+            type: "selectKey"
+          });
+        }
+      },
+      open: selectedKey !== null,
+      children: /* @__PURE__ */ jsxDEV(SheetContent, {
+        className: "w-full gap-0 overflow-y-auto sm:max-w-md",
+        "data-testid": "kv-editor-sheet",
+        side: "right",
+        children: [/* @__PURE__ */ jsxDEV(SheetHeader, {
+          children: /* @__PURE__ */ jsxDEV(SheetTitle, {
+            className: "truncate font-mono text-xs",
+            children: selectedKey
+          }, void 0, false)
+        }, void 0, false), selectedKey !== null && /* @__PURE__ */ jsxDEV(KvValueEditor, {
+          expiration: keys?.find((entry_1) => entry_1.name === selectedKey)?.expiration,
+          keyName: selectedKey,
+          namespace,
+          onDeleted: onKeyDeleted
+        }, `${namespace}:${selectedKey}`, false)]
+      }, void 0, true)
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+const KvBrowser = ({
+  loadNamespaces
+} = {}) => {
+  const client = useLunora();
+  const t = useT();
+  const [namespaces, setNamespaces] = useState(null);
+  const [nsError, setNsError] = useState(null);
+  const [selectedNs, setSelectedNs] = useState(null);
+  useEffect(() => {
+    const token = {
+      cancelled: false
+    };
+    fireAndForget((async () => {
+      try {
+        const result = await (loadNamespaces ?? (() => client.listKvNamespaces()))();
+        if (!token.cancelled) {
+          setNamespaces(result);
+          setNsError(null);
+          setSelectedNs((current) => current ?? result[0]?.binding ?? null);
+        }
+      } catch (error_) {
+        if (!token.cancelled) {
+          setNamespaces(null);
+          setNsError(errorMessage(error_));
+        }
+      }
+    })());
+    return () => {
+      token.cancelled = true;
+    };
+  }, [client, loadNamespaces]);
+  const onSelectNs = (event) => {
+    setSelectedNs(event.currentTarget.dataset.ns ?? null);
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-4",
+    "data-testid": "lunora-kv-browser",
+    children: [nsError !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "kv-ns-error",
+      role: "alert",
+      children: nsError
+    }, void 0, false), namespaces !== null && namespaces.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Add a kv_namespaces binding to wrangler.jsonc — it appears here automatically, no wiring needed."),
+      icon: /* @__PURE__ */ jsxDEV("svg", {
+        "aria-hidden": "true",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.6,
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsxDEV("path", {
+          d: "M5 5h14v4H5V5Zm0 5h14v4H5v-4Zm0 5h14v4H5v-4Z"
+        }, void 0, false)
+      }, void 0, false),
+      testId: "kv-empty",
+      title: t("No KV namespaces.")
+    }, void 0, false), namespaces !== null && namespaces.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      children: /* @__PURE__ */ jsxDEV(CardContent, {
+        className: "px-0",
+        children: /* @__PURE__ */ jsxDEV(Table, {
+          "data-testid": "kv-namespace-table",
+          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+            children: /* @__PURE__ */ jsxDEV(TableRow, {
+              children: /* @__PURE__ */ jsxDEV(TableHead, {
+                children: t("Namespace")
+              }, void 0, false)
+            }, void 0, false)
+          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+            children: namespaces.map((ns) => /* @__PURE__ */ jsxDEV(TableRow, {
+              className: ns.binding === selectedNs ? "border-l-2 border-l-royal-amethyst bg-muted/50" : "cursor-pointer",
+              "data-ns": ns.binding,
+              "data-testid": `kv-ns-row-${ns.binding}`,
+              onClick: onSelectNs,
+              children: /* @__PURE__ */ jsxDEV(TableCell, {
+                className: "font-mono text-xs",
+                children: ns.binding
+              }, void 0, false)
+            }, ns.binding, false))
+          }, void 0, false)]
+        }, void 0, true)
+      }, void 0, false)
+    }, void 0, false), selectedNs !== null && /* @__PURE__ */ jsxDEV(KvKeyList, {
+      namespace: selectedNs
+    }, selectedNs, false)]
+  }, void 0, true);
+};
+
 const DestinationRow = (t0) => {
   const $ = c(23);
   const {
@@ -9186,61 +11064,6 @@ const WorkflowsPanel = () => {
   }, void 0, true);
 };
 
-const STUDIO_FEATURES = adminRef(ADMIN_FUNCTIONS.studioFeatures);
-const DEFAULT_STUDIO_FEATURES = {
-  flags: true,
-  mail: true,
-  payments: true,
-  queues: true,
-  scheduler: true,
-  storage: true,
-  vectors: true,
-  workflows: true
-};
-const coerceFeatures = (raw) => {
-  if (raw === null || typeof raw !== "object") {
-    return DEFAULT_STUDIO_FEATURES;
-  }
-  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"),
-    scheduler: flag("scheduler"),
-    storage: flag("storage"),
-    vectors: flag("vectors"),
-    workflows: flag("workflows")
-  };
-};
-const useStudioFeatures = () => {
-  const $ = c(3);
-  const client = useLunora();
-  const [features, setFeatures] = useState(DEFAULT_STUDIO_FEATURES);
-  let t0;
-  let t1;
-  if ($[0] !== client) {
-    t0 = () => {
-      fireAndForget((async () => {
-        try {
-          setFeatures(coerceFeatures(await client.query(STUDIO_FEATURES, {}, callOptions(""))));
-        } catch {
-        }
-      })());
-    };
-    t1 = [client];
-    $[0] = client;
-    $[1] = t0;
-    $[2] = t1;
-  } else {
-    t0 = $[1];
-    t1 = $[2];
-  }
-  useEffect(t0, t1);
-  return features;
-};
-
 const StudioChromeContext = /* @__PURE__ */ createContext(null);
 const TAB_ICONS = {
   analytics: /* @__PURE__ */ jsxDEV("path", {
@@ -9291,6 +11114,9 @@ const TAB_ICONS = {
   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),
+  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),
@@ -9366,7 +11192,7 @@ const NAV_GROUPS = [{
   tabs: ["users", "organizations", "authSessions", "authConfig"]
 }, {
   key: "storage",
-  tabs: ["files", "storageRules"]
+  tabs: ["files", "storageRules", "kv"]
 }, {
   key: "observability",
   tabs: ["logs", "audit", "realtime", "fanout", "metrics", "analytics", "health"]
@@ -9381,13 +11207,19 @@ const NAV_GROUPS = [{
   tabs: ["settings"]
 }];
 const TAB_FEATURE = {
+  analytics: "analytics",
+  authConfig: "auth",
+  authSessions: "auth",
   files: "storage",
   flags: "flags",
+  kv: "kv",
   mail: "mail",
+  organizations: "auth",
   payments: "payments",
   queues: "queues",
   schedule: "scheduler",
   storageRules: "storage",
+  users: "auth",
   vectors: "vectors",
   workflows: "workflows"
 };
@@ -9421,7 +11253,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", "flags", "settings"];
+const TABS = ["home", "data", "sql", "functions", "api", "workflows", "queues", "schema", "migrations", "vectors", "export", "pitr", "users", "organizations", "authSessions", "authConfig", "files", "storageRules", "kv", "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) ?? "";
@@ -10028,7 +11860,7 @@ const StudioSidebar = (t0) => {
   return t9;
 };
 const StudioLayout = () => {
-  const $ = c(282);
+  const $ = c(288);
   const t = useT();
   const navigate = useNavigate();
   let t0;
@@ -10219,7 +12051,7 @@ const StudioLayout = () => {
   }
   let t21;
   if ($[43] !== t) {
-    t21 = t("Logs");
+    t21 = t("KV");
     $[43] = t;
     $[44] = t21;
   } else {
@@ -10227,7 +12059,7 @@ const StudioLayout = () => {
   }
   let t22;
   if ($[45] !== t) {
-    t22 = t("Metrics");
+    t22 = t("Logs");
     $[45] = t;
     $[46] = t22;
   } else {
@@ -10235,7 +12067,7 @@ const StudioLayout = () => {
   }
   let t23;
   if ($[47] !== t) {
-    t23 = t("Migrations");
+    t23 = t("Metrics");
     $[47] = t;
     $[48] = t23;
   } else {
@@ -10243,7 +12075,7 @@ const StudioLayout = () => {
   }
   let t24;
   if ($[49] !== t) {
-    t24 = t("Organizations");
+    t24 = t("Migrations");
     $[49] = t;
     $[50] = t24;
   } else {
@@ -10251,7 +12083,7 @@ const StudioLayout = () => {
   }
   let t25;
   if ($[51] !== t) {
-    t25 = t("Time Travel");
+    t25 = t("Organizations");
     $[51] = t;
     $[52] = t25;
   } else {
@@ -10259,7 +12091,7 @@ const StudioLayout = () => {
   }
   let t26;
   if ($[53] !== t) {
-    t26 = t("Mail");
+    t26 = t("Time Travel");
     $[53] = t;
     $[54] = t26;
   } else {
@@ -10267,7 +12099,7 @@ const StudioLayout = () => {
   }
   let t27;
   if ($[55] !== t) {
-    t27 = t("Payments");
+    t27 = t("Mail");
     $[55] = t;
     $[56] = t27;
   } else {
@@ -10275,7 +12107,7 @@ const StudioLayout = () => {
   }
   let t28;
   if ($[57] !== t) {
-    t28 = t("Permissions");
+    t28 = t("Payments");
     $[57] = t;
     $[58] = t28;
   } else {
@@ -10283,7 +12115,7 @@ const StudioLayout = () => {
   }
   let t29;
   if ($[59] !== t) {
-    t29 = t("Queues");
+    t29 = t("Permissions");
     $[59] = t;
     $[60] = t29;
   } else {
@@ -10291,7 +12123,7 @@ const StudioLayout = () => {
   }
   let t30;
   if ($[61] !== t) {
-    t30 = t("Realtime");
+    t30 = t("Queues");
     $[61] = t;
     $[62] = t30;
   } else {
@@ -10299,7 +12131,7 @@ const StudioLayout = () => {
   }
   let t31;
   if ($[63] !== t) {
-    t31 = t("RLS Policies");
+    t31 = t("Realtime");
     $[63] = t;
     $[64] = t31;
   } else {
@@ -10307,7 +12139,7 @@ const StudioLayout = () => {
   }
   let t32;
   if ($[65] !== t) {
-    t32 = t("Scheduled");
+    t32 = t("RLS Policies");
     $[65] = t;
     $[66] = t32;
   } else {
@@ -10315,7 +12147,7 @@ const StudioLayout = () => {
   }
   let t33;
   if ($[67] !== t) {
-    t33 = t("Schema");
+    t33 = t("Scheduled");
     $[67] = t;
     $[68] = t33;
   } else {
@@ -10323,7 +12155,7 @@ const StudioLayout = () => {
   }
   let t34;
   if ($[69] !== t) {
-    t34 = t("Security");
+    t34 = t("Schema");
     $[69] = t;
     $[70] = t34;
   } else {
@@ -10331,7 +12163,7 @@ const StudioLayout = () => {
   }
   let t35;
   if ($[71] !== t) {
-    t35 = t("Settings");
+    t35 = t("Security");
     $[71] = t;
     $[72] = t35;
   } else {
@@ -10339,7 +12171,7 @@ const StudioLayout = () => {
   }
   let t36;
   if ($[73] !== t) {
-    t36 = t("SQL editor");
+    t36 = t("Settings");
     $[73] = t;
     $[74] = t36;
   } else {
@@ -10347,7 +12179,7 @@ const StudioLayout = () => {
   }
   let t37;
   if ($[75] !== t) {
-    t37 = t("Access Rules");
+    t37 = t("SQL editor");
     $[75] = t;
     $[76] = t37;
   } else {
@@ -10355,7 +12187,7 @@ const StudioLayout = () => {
   }
   let t38;
   if ($[77] !== t) {
-    t38 = t("Users");
+    t38 = t("Access Rules");
     $[77] = t;
     $[78] = t38;
   } else {
@@ -10363,7 +12195,7 @@ const StudioLayout = () => {
   }
   let t39;
   if ($[79] !== t) {
-    t39 = t("Vectors");
+    t39 = t("Users");
     $[79] = t;
     $[80] = t39;
   } else {
@@ -10371,15 +12203,23 @@ const StudioLayout = () => {
   }
   let t40;
   if ($[81] !== t) {
-    t40 = t("Workflows");
+    t40 = t("Vectors");
     $[81] = t;
     $[82] = t40;
   } else {
     t40 = $[82];
   }
   let t41;
-  if ($[83] !== t10 || $[84] !== t11 || $[85] !== t12 || $[86] !== t13 || $[87] !== t14 || $[88] !== t15 || $[89] !== t16 || $[90] !== t17 || $[91] !== t18 || $[92] !== t19 || $[93] !== t20 || $[94] !== t21 || $[95] !== t22 || $[96] !== t23 || $[97] !== t24 || $[98] !== t25 || $[99] !== t26 || $[100] !== t27 || $[101] !== t28 || $[102] !== t29 || $[103] !== t30 || $[104] !== t31 || $[105] !== t32 || $[106] !== t33 || $[107] !== t34 || $[108] !== t35 || $[109] !== t36 || $[110] !== t37 || $[111] !== t38 || $[112] !== t39 || $[113] !== t40 || $[114] !== t5 || $[115] !== t6 || $[116] !== t7 || $[117] !== t8 || $[118] !== t9) {
-    t41 = {
+  if ($[83] !== t) {
+    t41 = t("Workflows");
+    $[83] = t;
+    $[84] = t41;
+  } else {
+    t41 = $[84];
+  }
+  let t42;
+  if ($[85] !== t10 || $[86] !== t11 || $[87] !== t12 || $[88] !== t13 || $[89] !== t14 || $[90] !== t15 || $[91] !== t16 || $[92] !== t17 || $[93] !== t18 || $[94] !== t19 || $[95] !== t20 || $[96] !== t21 || $[97] !== t22 || $[98] !== t23 || $[99] !== t24 || $[100] !== t25 || $[101] !== t26 || $[102] !== t27 || $[103] !== t28 || $[104] !== t29 || $[105] !== t30 || $[106] !== t31 || $[107] !== t32 || $[108] !== t33 || $[109] !== t34 || $[110] !== t35 || $[111] !== t36 || $[112] !== t37 || $[113] !== t38 || $[114] !== t39 || $[115] !== t40 || $[116] !== t41 || $[117] !== t5 || $[118] !== t6 || $[119] !== t7 || $[120] !== t8 || $[121] !== t9) {
+    t42 = {
       analytics: t5,
       api: t6,
       audit: t7,
@@ -10396,68 +12236,70 @@ const StudioLayout = () => {
       health: t18,
       home: t19,
       insights: t20,
-      logs: t21,
-      metrics: t22,
-      migrations: t23,
-      organizations: t24,
-      pitr: t25,
-      mail: t26,
-      payments: t27,
-      permissions: t28,
-      queues: t29,
-      realtime: t30,
-      rls: t31,
-      schedule: t32,
-      schema: t33,
-      security: t34,
-      settings: t35,
-      sql: t36,
-      storageRules: t37,
-      users: t38,
-      vectors: t39,
-      workflows: t40
+      kv: t21,
+      logs: t22,
+      metrics: t23,
+      migrations: t24,
+      organizations: t25,
+      pitr: t26,
+      mail: t27,
+      payments: t28,
+      permissions: t29,
+      queues: t30,
+      realtime: t31,
+      rls: t32,
+      schedule: t33,
+      schema: t34,
+      security: t35,
+      settings: t36,
+      sql: t37,
+      storageRules: t38,
+      users: t39,
+      vectors: t40,
+      workflows: t41
     };
-    $[83] = t10;
-    $[84] = t11;
-    $[85] = t12;
-    $[86] = t13;
-    $[87] = t14;
-    $[88] = t15;
-    $[89] = t16;
-    $[90] = t17;
-    $[91] = t18;
-    $[92] = t19;
-    $[93] = t20;
-    $[94] = t21;
-    $[95] = t22;
-    $[96] = t23;
-    $[97] = t24;
-    $[98] = t25;
-    $[99] = t26;
-    $[100] = t27;
-    $[101] = t28;
-    $[102] = t29;
-    $[103] = t30;
-    $[104] = t31;
-    $[105] = t32;
-    $[106] = t33;
-    $[107] = t34;
-    $[108] = t35;
-    $[109] = t36;
-    $[110] = t37;
-    $[111] = t38;
-    $[112] = t39;
-    $[113] = t40;
-    $[114] = t5;
-    $[115] = t6;
-    $[116] = t7;
-    $[117] = t8;
-    $[118] = t9;
-    $[119] = t41;
-  } else {
-    t41 = $[119];
-  }
-  const tabLabel = t41;
+    $[85] = t10;
+    $[86] = t11;
+    $[87] = t12;
+    $[88] = t13;
+    $[89] = t14;
+    $[90] = t15;
+    $[91] = t16;
+    $[92] = t17;
+    $[93] = t18;
+    $[94] = t19;
+    $[95] = t20;
+    $[96] = t21;
+    $[97] = t22;
+    $[98] = t23;
+    $[99] = t24;
+    $[100] = t25;
+    $[101] = t26;
+    $[102] = t27;
+    $[103] = t28;
+    $[104] = t29;
+    $[105] = t30;
+    $[106] = t31;
+    $[107] = t32;
+    $[108] = t33;
+    $[109] = t34;
+    $[110] = t35;
+    $[111] = t36;
+    $[112] = t37;
+    $[113] = t38;
+    $[114] = t39;
+    $[115] = t40;
+    $[116] = t41;
+    $[117] = t5;
+    $[118] = t6;
+    $[119] = t7;
+    $[120] = t8;
+    $[121] = t9;
+    $[122] = t42;
+  } else {
+    t42 = $[122];
+  }
+  const tabLabel = t42;
   const groupLabel = {
     advisors: t("Advisors"),
     auth: t("Auth"),
@@ -10469,406 +12311,416 @@ const StudioLayout = () => {
     settings: t("Settings"),
     storage: t("Storage")
   };
-  let t42;
-  if ($[120] !== t) {
-    t42 = t("Usage and latency from Analytics Engine — request volume, p50/p95, and hot shards.");
-    $[120] = t;
-    $[121] = t42;
-  } else {
-    t42 = $[121];
-  }
   let t43;
-  if ($[122] !== t) {
-    t43 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
-    $[122] = t;
-    $[123] = t43;
+  if ($[123] !== t) {
+    t43 = t("Usage and latency from Analytics Engine — request volume, p50/p95, and hot shards.");
+    $[123] = t;
+    $[124] = t43;
   } else {
-    t43 = $[123];
+    t43 = $[124];
   }
   let t44;
-  if ($[124] !== t) {
-    t44 = t("A durable log of admin state-changing operations.");
-    $[124] = t;
-    $[125] = t44;
+  if ($[125] !== t) {
+    t44 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
+    $[125] = t;
+    $[126] = t44;
   } else {
-    t44 = $[125];
+    t44 = $[126];
   }
   let t45;
-  if ($[126] !== t) {
-    t45 = t("Enabled plugins and session config (read-only).");
-    $[126] = t;
-    $[127] = t45;
+  if ($[127] !== t) {
+    t45 = t("A durable log of admin state-changing operations.");
+    $[127] = t;
+    $[128] = t45;
   } else {
-    t45 = $[127];
+    t45 = $[128];
   }
   let t46;
-  if ($[128] !== t) {
-    t46 = t("Browse and revoke active sessions across all users.");
-    $[128] = t;
-    $[129] = t46;
+  if ($[129] !== t) {
+    t46 = t("Enabled plugins and session config (read-only).");
+    $[129] = t;
+    $[130] = t46;
   } else {
-    t46 = $[129];
+    t46 = $[130];
   }
   let t47;
-  if ($[130] !== t) {
-    t47 = t("Chart widgets backed by saved read-only SQL queries.");
-    $[130] = t;
-    $[131] = t47;
+  if ($[131] !== t) {
+    t47 = t("Browse and revoke active sessions across all users.");
+    $[131] = t;
+    $[132] = t47;
   } else {
-    t47 = $[131];
+    t47 = $[132];
   }
   let t48;
-  if ($[132] !== t) {
-    t48 = t("Browse and edit rows across your shard and global tables.");
-    $[132] = t;
-    $[133] = t48;
+  if ($[133] !== t) {
+    t48 = t("Chart widgets backed by saved read-only SQL queries.");
+    $[133] = t;
+    $[134] = t48;
   } else {
-    t48 = $[133];
+    t48 = $[134];
   }
   let t49;
-  if ($[134] !== t) {
-    t49 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
-    $[134] = t;
-    $[135] = t49;
+  if ($[135] !== t) {
+    t49 = t("Browse and edit rows across your shard and global tables.");
+    $[135] = t;
+    $[136] = t49;
   } else {
-    t49 = $[135];
+    t49 = $[136];
   }
   let t50;
-  if ($[136] !== t) {
-    t50 = t("Export a shard to NDJSON, or import rows from it.");
-    $[136] = t;
-    $[137] = t50;
+  if ($[137] !== t) {
+    t50 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
+    $[137] = t;
+    $[138] = t50;
   } else {
-    t50 = $[137];
+    t50 = $[138];
   }
   let t51;
-  if ($[138] !== t) {
-    t51 = t("Realtime fan-out cost and per-topic subscriber counts for this shard.");
-    $[138] = t;
-    $[139] = t51;
+  if ($[139] !== t) {
+    t51 = t("Export a shard to NDJSON, or import rows from it.");
+    $[139] = t;
+    $[140] = t51;
   } else {
-    t51 = $[139];
+    t51 = $[140];
   }
   let t52;
-  if ($[140] !== t) {
-    t52 = t("Browse objects in your R2 storage buckets.");
-    $[140] = t;
-    $[141] = t52;
+  if ($[141] !== t) {
+    t52 = t("Realtime fan-out cost and per-topic subscriber counts for this shard.");
+    $[141] = t;
+    $[142] = t52;
   } else {
-    t52 = $[141];
+    t52 = $[142];
   }
   let t53;
-  if ($[142] !== t) {
-    t53 = t("Inspect feature flags and their live evaluation under a targeting context.");
-    $[142] = t;
-    $[143] = t53;
+  if ($[143] !== t) {
+    t53 = t("Browse objects in your R2 storage buckets.");
+    $[143] = t;
+    $[144] = t53;
   } else {
-    t53 = $[143];
+    t53 = $[144];
   }
   let t54;
-  if ($[144] !== t) {
-    t54 = t("Run registered queries, mutations, and actions.");
-    $[144] = t;
-    $[145] = t54;
+  if ($[145] !== t) {
+    t54 = t("Inspect feature flags and their live evaluation under a targeting context.");
+    $[145] = t;
+    $[146] = t54;
   } else {
-    t54 = $[145];
+    t54 = $[146];
   }
   let t55;
-  if ($[146] !== t) {
-    t55 = t("At-a-glance connection, error, and shard signals.");
-    $[146] = t;
-    $[147] = t55;
+  if ($[147] !== t) {
+    t55 = t("Run registered queries, mutations, and actions.");
+    $[147] = t;
+    $[148] = t55;
   } else {
-    t55 = $[147];
+    t55 = $[148];
   }
   let t56;
-  if ($[148] !== t) {
-    t56 = t("Connection, health, and advisor summary for your deployment.");
-    $[148] = t;
-    $[149] = t56;
+  if ($[149] !== t) {
+    t56 = t("At-a-glance connection, error, and shard signals.");
+    $[149] = t;
+    $[150] = t56;
   } else {
-    t56 = $[149];
+    t56 = $[150];
   }
   let t57;
-  if ($[150] !== t) {
-    t57 = t("Surface slow functions, error spikes, and cache problems.");
-    $[150] = t;
-    $[151] = t57;
+  if ($[151] !== t) {
+    t57 = t("Connection, health, and advisor summary for your deployment.");
+    $[151] = t;
+    $[152] = t57;
   } else {
-    t57 = $[151];
+    t57 = $[152];
   }
   let t58;
-  if ($[152] !== t) {
-    t58 = t("A live stream of recent function logs.");
-    $[152] = t;
-    $[153] = t58;
+  if ($[153] !== t) {
+    t58 = t("Surface slow functions, error spikes, and cache problems.");
+    $[153] = t;
+    $[154] = t58;
   } else {
-    t58 = $[153];
+    t58 = $[154];
   }
   let t59;
-  if ($[154] !== t) {
-    t59 = t("Per-shard health and aggregate metrics.");
-    $[154] = t;
-    $[155] = t59;
+  if ($[155] !== t) {
+    t59 = t("A live stream of recent function logs.");
+    $[155] = t;
+    $[156] = t59;
   } else {
-    t59 = $[155];
+    t59 = $[156];
   }
   let t60;
-  if ($[156] !== t) {
-    t60 = t("Review migration status and run them.");
-    $[156] = t;
-    $[157] = t60;
+  if ($[157] !== t) {
+    t60 = t("Per-shard health and aggregate metrics.");
+    $[157] = t;
+    $[158] = t60;
   } else {
-    t60 = $[157];
+    t60 = $[158];
   }
   let t61;
-  if ($[158] !== t) {
-    t61 = t("Browse and manage organizations, members, and invitations.");
-    $[158] = t;
-    $[159] = t61;
+  if ($[159] !== t) {
+    t61 = t("Review migration status and run them.");
+    $[159] = t;
+    $[160] = t61;
   } else {
-    t61 = $[159];
+    t61 = $[160];
   }
   let t62;
-  if ($[160] !== t) {
-    t62 = t("Restore a shard to a point in the last 30 days.");
-    $[160] = t;
-    $[161] = t62;
+  if ($[161] !== t) {
+    t62 = t("Browse and manage organizations, members, and invitations.");
+    $[161] = t;
+    $[162] = t62;
   } else {
-    t62 = $[161];
+    t62 = $[162];
   }
   let t63;
-  if ($[162] !== t) {
-    t63 = t("Email your app sent, captured in dev.");
-    $[162] = t;
-    $[163] = t63;
+  if ($[163] !== t) {
+    t63 = t("Restore a shard to a point in the last 30 days.");
+    $[163] = t;
+    $[164] = t63;
   } else {
-    t63 = $[163];
+    t63 = $[164];
   }
   let t64;
-  if ($[164] !== t) {
-    t64 = t("Synced customers, subscriptions, and webhook events.");
-    $[164] = t;
-    $[165] = t64;
+  if ($[165] !== t) {
+    t64 = t("Email your app sent, captured in dev.");
+    $[165] = t;
+    $[166] = t64;
   } else {
-    t64 = $[165];
+    t64 = $[166];
   }
   let t65;
-  if ($[166] !== t) {
-    t65 = t("Inspect access policies per table, and probe a function as any identity.");
-    $[166] = t;
-    $[167] = t65;
+  if ($[167] !== t) {
+    t65 = t("Synced customers, subscriptions, and webhook events.");
+    $[167] = t;
+    $[168] = t65;
   } else {
-    t65 = $[167];
+    t65 = $[168];
   }
   let t66;
-  if ($[168] !== t) {
-    t66 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
-    $[168] = t;
-    $[169] = t66;
+  if ($[169] !== t) {
+    t66 = t("Inspect access policies per table, and probe a function as any identity.");
+    $[169] = t;
+    $[170] = t66;
   } else {
-    t66 = $[169];
+    t66 = $[170];
   }
   let t67;
-  if ($[170] !== t) {
-    t67 = t("Active WebSocket subscriptions on this shard.");
-    $[170] = t;
-    $[171] = t67;
+  if ($[171] !== t) {
+    t67 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
+    $[171] = t;
+    $[172] = t67;
   } else {
-    t67 = $[171];
+    t67 = $[172];
   }
   let t68;
-  if ($[172] !== t) {
-    t68 = t("Inspect row-level-security policies and roles, per table.");
-    $[172] = t;
-    $[173] = t68;
+  if ($[173] !== t) {
+    t68 = t("Active WebSocket subscriptions on this shard.");
+    $[173] = t;
+    $[174] = t68;
   } else {
-    t68 = $[173];
+    t68 = $[174];
   }
   let t69;
-  if ($[174] !== t) {
-    t69 = t("Inspect and cancel scheduled jobs.");
-    $[174] = t;
-    $[175] = t69;
+  if ($[175] !== t) {
+    t69 = t("Inspect row-level-security policies and roles, per table.");
+    $[175] = t;
+    $[176] = t69;
   } else {
-    t69 = $[175];
+    t69 = $[176];
   }
   let t70;
-  if ($[176] !== t) {
-    t70 = t("Inspect each table and its columns.");
-    $[176] = t;
-    $[177] = t70;
+  if ($[177] !== t) {
+    t70 = t("Inspect and cancel scheduled jobs.");
+    $[177] = t;
+    $[178] = t70;
   } else {
-    t70 = $[177];
+    t70 = $[178];
   }
   let t71;
-  if ($[178] !== t) {
-    t71 = t("Review admin gates, credentials, and log redaction.");
-    $[178] = t;
-    $[179] = t71;
+  if ($[179] !== t) {
+    t71 = t("Inspect each table and its columns.");
+    $[179] = t;
+    $[180] = t71;
   } else {
-    t71 = $[179];
+    t71 = $[180];
   }
   let t72;
-  if ($[180] !== t) {
-    t72 = t("Read-only deployment config — vars, secrets, and bindings.");
-    $[180] = t;
-    $[181] = t72;
+  if ($[181] !== t) {
+    t72 = t("Review admin gates, credentials, and log redaction.");
+    $[181] = t;
+    $[182] = t72;
   } else {
-    t72 = $[181];
+    t72 = $[182];
   }
   let t73;
-  if ($[182] !== t) {
-    t73 = t("Run read-only SQL against a shard.");
-    $[182] = t;
-    $[183] = t73;
+  if ($[183] !== t) {
+    t73 = t("Read-only deployment config — vars, secrets, and bindings.");
+    $[183] = t;
+    $[184] = t73;
   } else {
-    t73 = $[183];
+    t73 = $[184];
   }
   let t74;
-  if ($[184] !== t) {
-    t74 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
-    $[184] = t;
-    $[185] = t74;
+  if ($[185] !== t) {
+    t74 = t("Run read-only SQL against a shard.");
+    $[185] = t;
+    $[186] = t74;
   } else {
-    t74 = $[185];
+    t74 = $[186];
   }
   let t75;
-  if ($[186] !== t) {
-    t75 = t("Manage auth users — roles, bans, sessions, and identity.");
-    $[186] = t;
-    $[187] = t75;
+  if ($[187] !== t) {
+    t75 = t("Browse and edit key-value pairs in your Workers KV namespaces.");
+    $[187] = t;
+    $[188] = t75;
   } else {
-    t75 = $[187];
+    t75 = $[188];
   }
   let t76;
-  if ($[188] !== t) {
-    t76 = t("Browse Vectorize indexes and run similarity searches.");
-    $[188] = t;
-    $[189] = t76;
+  if ($[189] !== t) {
+    t76 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
+    $[189] = t;
+    $[190] = t76;
   } else {
-    t76 = $[189];
+    t76 = $[190];
   }
   let t77;
-  if ($[190] !== t) {
-    t77 = t("Inspect declared Cloudflare Workflows and their bindings.");
-    $[190] = t;
-    $[191] = t77;
+  if ($[191] !== t) {
+    t77 = t("Manage auth users — roles, bans, sessions, and identity.");
+    $[191] = t;
+    $[192] = t77;
   } else {
-    t77 = $[191];
+    t77 = $[192];
   }
   let t78;
-  if ($[192] !== t42 || $[193] !== t43 || $[194] !== t44 || $[195] !== t45 || $[196] !== t46 || $[197] !== t47 || $[198] !== t48 || $[199] !== t49 || $[200] !== t50 || $[201] !== t51 || $[202] !== t52 || $[203] !== t53 || $[204] !== t54 || $[205] !== t55 || $[206] !== t56 || $[207] !== t57 || $[208] !== t58 || $[209] !== t59 || $[210] !== t60 || $[211] !== t61 || $[212] !== t62 || $[213] !== t63 || $[214] !== t64 || $[215] !== t65 || $[216] !== t66 || $[217] !== t67 || $[218] !== t68 || $[219] !== t69 || $[220] !== t70 || $[221] !== t71 || $[222] !== t72 || $[223] !== t73 || $[224] !== t74 || $[225] !== t75 || $[226] !== t76 || $[227] !== t77) {
-    t78 = {
-      analytics: t42,
-      api: t43,
-      audit: t44,
-      authConfig: t45,
-      authSessions: t46,
-      dashboards: t47,
-      data: t48,
-      drains: t49,
-      export: t50,
-      fanout: t51,
-      files: t52,
-      flags: t53,
-      functions: t54,
-      health: t55,
-      home: t56,
-      insights: t57,
-      logs: t58,
-      metrics: t59,
-      migrations: t60,
-      organizations: t61,
-      pitr: t62,
-      mail: t63,
-      payments: t64,
-      permissions: t65,
-      queues: t66,
-      realtime: t67,
-      rls: t68,
-      schedule: t69,
-      schema: t70,
-      security: t71,
-      settings: t72,
-      sql: t73,
-      storageRules: t74,
-      users: t75,
-      vectors: t76,
-      workflows: t77
-    };
-    $[192] = t42;
-    $[193] = t43;
-    $[194] = t44;
-    $[195] = t45;
-    $[196] = t46;
-    $[197] = t47;
-    $[198] = t48;
-    $[199] = t49;
-    $[200] = t50;
-    $[201] = t51;
-    $[202] = t52;
-    $[203] = t53;
-    $[204] = t54;
-    $[205] = t55;
-    $[206] = t56;
-    $[207] = t57;
-    $[208] = t58;
-    $[209] = t59;
-    $[210] = t60;
-    $[211] = t61;
-    $[212] = t62;
-    $[213] = t63;
-    $[214] = t64;
-    $[215] = t65;
-    $[216] = t66;
-    $[217] = t67;
-    $[218] = t68;
-    $[219] = t69;
-    $[220] = t70;
-    $[221] = t71;
-    $[222] = t72;
-    $[223] = t73;
-    $[224] = t74;
-    $[225] = t75;
-    $[226] = t76;
-    $[227] = t77;
-    $[228] = t78;
-  } else {
-    t78 = $[228];
-  }
-  const tabDescription = t78;
+  if ($[193] !== t) {
+    t78 = t("Browse Vectorize indexes and run similarity searches.");
+    $[193] = t;
+    $[194] = t78;
+  } else {
+    t78 = $[194];
+  }
   let t79;
-  if ($[229] !== navigate) {
-    t79 = (event) => {
+  if ($[195] !== t) {
+    t79 = t("Inspect declared Cloudflare Workflows and their bindings.");
+    $[195] = t;
+    $[196] = t79;
+  } else {
+    t79 = $[196];
+  }
+  let t80;
+  if ($[197] !== t43 || $[198] !== t44 || $[199] !== t45 || $[200] !== t46 || $[201] !== t47 || $[202] !== t48 || $[203] !== t49 || $[204] !== t50 || $[205] !== t51 || $[206] !== t52 || $[207] !== t53 || $[208] !== t54 || $[209] !== t55 || $[210] !== t56 || $[211] !== t57 || $[212] !== t58 || $[213] !== t59 || $[214] !== t60 || $[215] !== t61 || $[216] !== t62 || $[217] !== t63 || $[218] !== t64 || $[219] !== t65 || $[220] !== t66 || $[221] !== t67 || $[222] !== t68 || $[223] !== t69 || $[224] !== t70 || $[225] !== t71 || $[226] !== t72 || $[227] !== t73 || $[228] !== t74 || $[229] !== t75 || $[230] !== t76 || $[231] !== t77 || $[232] !== t78 || $[233] !== t79) {
+    t80 = {
+      analytics: t43,
+      api: t44,
+      audit: t45,
+      authConfig: t46,
+      authSessions: t47,
+      dashboards: t48,
+      data: t49,
+      drains: t50,
+      export: t51,
+      fanout: t52,
+      files: t53,
+      flags: t54,
+      functions: t55,
+      health: t56,
+      home: t57,
+      insights: t58,
+      logs: t59,
+      metrics: t60,
+      migrations: t61,
+      organizations: t62,
+      pitr: t63,
+      mail: t64,
+      payments: t65,
+      permissions: t66,
+      queues: t67,
+      realtime: t68,
+      rls: t69,
+      schedule: t70,
+      schema: t71,
+      security: t72,
+      settings: t73,
+      sql: t74,
+      kv: t75,
+      storageRules: t76,
+      users: t77,
+      vectors: t78,
+      workflows: t79
+    };
+    $[197] = t43;
+    $[198] = t44;
+    $[199] = t45;
+    $[200] = t46;
+    $[201] = t47;
+    $[202] = t48;
+    $[203] = t49;
+    $[204] = t50;
+    $[205] = t51;
+    $[206] = t52;
+    $[207] = t53;
+    $[208] = t54;
+    $[209] = t55;
+    $[210] = t56;
+    $[211] = t57;
+    $[212] = t58;
+    $[213] = t59;
+    $[214] = t60;
+    $[215] = t61;
+    $[216] = t62;
+    $[217] = t63;
+    $[218] = t64;
+    $[219] = t65;
+    $[220] = t66;
+    $[221] = t67;
+    $[222] = t68;
+    $[223] = t69;
+    $[224] = t70;
+    $[225] = t71;
+    $[226] = t72;
+    $[227] = t73;
+    $[228] = t74;
+    $[229] = t75;
+    $[230] = t76;
+    $[231] = t77;
+    $[232] = t78;
+    $[233] = t79;
+    $[234] = t80;
+  } else {
+    t80 = $[234];
+  }
+  const tabDescription = t80;
+  let t81;
+  if ($[235] !== navigate) {
+    t81 = (event) => {
       fireAndForget(navigate({
         to: `/${event.currentTarget.dataset.tab ?? ""}`
       }));
     };
-    $[229] = navigate;
-    $[230] = t79;
+    $[235] = navigate;
+    $[236] = t81;
   } else {
-    t79 = $[230];
+    t81 = $[236];
   }
-  const selectTab = t79;
-  let t80;
-  let t81;
-  if ($[231] !== current || $[232] !== tabLabel) {
-    t80 = () => {
+  const selectTab = t81;
+  let t82;
+  let t83;
+  if ($[237] !== current || $[238] !== tabLabel) {
+    t82 = () => {
       if (typeof document !== "undefined") {
         document.title = `${tabLabel[current]} · lunora`;
       }
     };
-    t81 = [current, tabLabel];
-    $[231] = current;
-    $[232] = tabLabel;
-    $[233] = t80;
-    $[234] = t81;
+    t83 = [current, tabLabel];
+    $[237] = current;
+    $[238] = tabLabel;
+    $[239] = t82;
+    $[240] = t83;
   } else {
-    t80 = $[233];
-    t81 = $[234];
+    t82 = $[239];
+    t83 = $[240];
   }
-  useEffect(t80, t81);
+  useEffect(t82, t83);
   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],
@@ -10877,48 +12729,48 @@ const StudioLayout = () => {
   })));
   const chrome = use(StudioChromeContext);
   const connected = chrome !== null && chrome.token !== "";
-  let t82;
-  if ($[235] !== commandItems) {
-    t82 = /* @__PURE__ */ jsxDEV(CommandPalette, {
+  let t84;
+  if ($[241] !== commandItems) {
+    t84 = /* @__PURE__ */ jsxDEV(CommandPalette, {
       items: commandItems
     }, void 0, false);
-    $[235] = commandItems;
-    $[236] = t82;
+    $[241] = commandItems;
+    $[242] = t84;
   } else {
-    t82 = $[236];
+    t84 = $[242];
   }
-  let t83;
-  if ($[237] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t83 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
+  let t85;
+  if ($[243] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t85 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
       className: "-ms-1"
     }, void 0, false);
-    $[237] = t83;
+    $[243] = t85;
   } else {
-    t83 = $[237];
+    t85 = $[243];
   }
-  let t84;
-  if ($[238] !== t) {
-    t84 = t("Breadcrumb");
-    $[238] = t;
-    $[239] = t84;
+  let t86;
+  if ($[244] !== t) {
+    t86 = t("Breadcrumb");
+    $[244] = t;
+    $[245] = t86;
   } else {
-    t84 = $[239];
+    t86 = $[245];
   }
-  const t85 = groupLabel[activeGroup.key];
-  let t86;
-  if ($[240] !== t85) {
-    t86 = /* @__PURE__ */ jsxDEV("span", {
+  const t87 = groupLabel[activeGroup.key];
+  let t88;
+  if ($[246] !== t87) {
+    t88 = /* @__PURE__ */ jsxDEV("span", {
       className: "text-muted-foreground",
-      children: t85
+      children: t87
     }, void 0, false);
-    $[240] = t85;
-    $[241] = t86;
+    $[246] = t87;
+    $[247] = t88;
   } else {
-    t86 = $[241];
+    t88 = $[247];
   }
-  let t87;
-  if ($[242] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t87 = /* @__PURE__ */ jsxDEV("svg", {
+  let t89;
+  if ($[248] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t89 = /* @__PURE__ */ jsxDEV("svg", {
       "aria-hidden": "true",
       className: "size-3.5 text-muted-foreground/60",
       fill: "none",
@@ -10931,39 +12783,39 @@ const StudioLayout = () => {
         strokeLinejoin: "round"
       }, void 0, false)
     }, void 0, false);
-    $[242] = t87;
+    $[248] = t89;
   } else {
-    t87 = $[242];
+    t89 = $[248];
   }
-  const t88 = tabLabel[current];
-  let t89;
-  if ($[243] !== t88) {
-    t89 = /* @__PURE__ */ jsxDEV("span", {
+  const t90 = tabLabel[current];
+  let t91;
+  if ($[249] !== t90) {
+    t91 = /* @__PURE__ */ jsxDEV("span", {
       className: "font-medium text-foreground",
-      children: t88
+      children: t90
     }, void 0, false);
-    $[243] = t88;
-    $[244] = t89;
+    $[249] = t90;
+    $[250] = t91;
   } else {
-    t89 = $[244];
+    t91 = $[250];
   }
-  let t90;
-  if ($[245] !== t84 || $[246] !== t86 || $[247] !== t89) {
-    t90 = /* @__PURE__ */ jsxDEV("nav", {
-      "aria-label": t84,
+  let t92;
+  if ($[251] !== t86 || $[252] !== t88 || $[253] !== t91) {
+    t92 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t86,
       className: "flex items-center gap-1.5 text-[13px]",
-      children: [t86, t87, t89]
+      children: [t88, t89, t91]
     }, void 0, true);
-    $[245] = t84;
-    $[246] = t86;
-    $[247] = t89;
-    $[248] = t90;
+    $[251] = t86;
+    $[252] = t88;
+    $[253] = t91;
+    $[254] = t92;
   } else {
-    t90 = $[248];
+    t92 = $[254];
   }
-  let t91;
-  if ($[249] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t91 = /* @__PURE__ */ jsxDEV("svg", {
+  let t93;
+  if ($[255] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t93 = /* @__PURE__ */ jsxDEV("svg", {
       "aria-hidden": "true",
       className: "size-3.5",
       fill: "none",
@@ -10979,164 +12831,164 @@ const StudioLayout = () => {
         strokeLinecap: "round"
       }, void 0, false)]
     }, void 0, true);
-    $[249] = t91;
+    $[255] = t93;
   } else {
-    t91 = $[249];
+    t93 = $[255];
   }
-  let t92;
-  if ($[250] !== t) {
-    t92 = t("Search…");
-    $[250] = t;
-    $[251] = t92;
+  let t94;
+  if ($[256] !== t) {
+    t94 = t("Search…");
+    $[256] = t;
+    $[257] = t94;
   } else {
-    t92 = $[251];
+    t94 = $[257];
   }
-  let t93;
-  if ($[252] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t93 = /* @__PURE__ */ jsxDEV("kbd", {
+  let t95;
+  if ($[258] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t95 = /* @__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);
-    $[252] = t93;
+    $[258] = t95;
   } else {
-    t93 = $[252];
+    t95 = $[258];
   }
-  let t94;
-  if ($[253] !== t92) {
-    t94 = /* @__PURE__ */ jsxDEV("button", {
+  let t96;
+  if ($[259] !== t94) {
+    t96 = /* @__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: [t91, t92, t93]
+      children: [t93, t94, t95]
     }, void 0, true);
-    $[253] = t92;
-    $[254] = t94;
+    $[259] = t94;
+    $[260] = t96;
   } else {
-    t94 = $[254];
+    t96 = $[260];
   }
-  let t95;
-  if ($[255] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t95 = /* @__PURE__ */ jsxDEV("div", {
+  let t97;
+  if ($[261] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t97 = /* @__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);
-    $[255] = t95;
+    $[261] = t97;
   } else {
-    t95 = $[255];
+    t97 = $[261];
   }
-  let t96;
-  if ($[256] !== t90 || $[257] !== t94) {
-    t96 = /* @__PURE__ */ jsxDEV("header", {
+  let t98;
+  if ($[262] !== t92 || $[263] !== t96) {
+    t98 = /* @__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: [t83, t90, t94, t95]
+      children: [t85, t92, t96, t97]
     }, void 0, true);
-    $[256] = t90;
-    $[257] = t94;
-    $[258] = t96;
+    $[262] = t92;
+    $[263] = t96;
+    $[264] = t98;
   } else {
-    t96 = $[258];
+    t98 = $[264];
   }
-  let t97;
-  if ($[259] !== chrome?.rulesInstalled) {
-    t97 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
-    $[259] = chrome?.rulesInstalled;
-    $[260] = t97;
-  } else {
-    t97 = $[260];
-  }
-  const t98 = `dash-tab-${current}`;
-  const t99 = fullHeight ? "flex min-w-0 flex-1 flex-col overflow-hidden" : "min-w-0 flex-1 overflow-auto p-6";
-  const t100 = tabLabel[current];
-  let t101;
-  if ($[261] !== t || $[262] !== t100) {
-    t101 = t("{title} failed", {
-      title: t100
-    });
-    $[261] = t;
-    $[262] = t100;
-    $[263] = t101;
+  let t99;
+  if ($[265] !== chrome?.rulesInstalled) {
+    t99 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
+    $[265] = chrome?.rulesInstalled;
+    $[266] = t99;
   } else {
-    t101 = $[263];
+    t99 = $[266];
   }
+  const t100 = `dash-tab-${current}`;
+  const t101 = fullHeight ? "flex min-w-0 flex-1 flex-col overflow-hidden" : "min-w-0 flex-1 overflow-auto p-6";
   const t102 = tabLabel[current];
   let t103;
-  if ($[264] !== t) {
-    t103 = t("Try again");
-    $[264] = t;
-    $[265] = t103;
-  } else {
-    t103 = $[265];
-  }
-  let t104;
-  if ($[266] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t104 = /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false);
-    $[266] = t104;
+  if ($[267] !== t || $[268] !== t102) {
+    t103 = t("{title} failed", {
+      title: t102
+    });
+    $[267] = t;
+    $[268] = t102;
+    $[269] = t103;
   } else {
-    t104 = $[266];
+    t103 = $[269];
   }
+  const t104 = tabLabel[current];
   let t105;
-  if ($[267] !== current || $[268] !== t101 || $[269] !== t102 || $[270] !== t103) {
-    t105 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
-      fallbackTitle: t101,
-      label: t102,
-      retryLabel: t103,
-      children: t104
-    }, current, false);
-    $[267] = current;
-    $[268] = t101;
-    $[269] = t102;
-    $[270] = t103;
+  if ($[270] !== t) {
+    t105 = t("Try again");
+    $[270] = t;
     $[271] = t105;
   } else {
     t105 = $[271];
   }
   let t106;
-  if ($[272] !== t105 || $[273] !== t99) {
-    t106 = /* @__PURE__ */ jsxDEV("div", {
-      className: t99,
-      children: t105
-    }, void 0, false);
-    $[272] = t105;
-    $[273] = t99;
-    $[274] = t106;
+  if ($[272] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t106 = /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false);
+    $[272] = t106;
   } else {
-    t106 = $[274];
+    t106 = $[272];
   }
   let t107;
-  if ($[275] !== t106 || $[276] !== t98) {
-    t107 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-labelledby": t98,
+  if ($[273] !== current || $[274] !== t103 || $[275] !== t104 || $[276] !== t105) {
+    t107 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
+      fallbackTitle: t103,
+      label: t104,
+      retryLabel: t105,
+      children: t106
+    }, current, false);
+    $[273] = current;
+    $[274] = t103;
+    $[275] = t104;
+    $[276] = t105;
+    $[277] = t107;
+  } else {
+    t107 = $[277];
+  }
+  let t108;
+  if ($[278] !== t101 || $[279] !== t107) {
+    t108 = /* @__PURE__ */ jsxDEV("div", {
+      className: t101,
+      children: t107
+    }, void 0, false);
+    $[278] = t101;
+    $[279] = t107;
+    $[280] = t108;
+  } else {
+    t108 = $[280];
+  }
+  let t109;
+  if ($[281] !== t100 || $[282] !== t108) {
+    t109 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-labelledby": t100,
       className: "flex min-w-0 flex-1 flex-col overflow-hidden",
       "data-testid": "dash-panel",
       id: "dash-panel",
       role: "tabpanel",
-      children: t106
+      children: t108
     }, void 0, false);
-    $[275] = t106;
-    $[276] = t98;
-    $[277] = t107;
+    $[281] = t100;
+    $[282] = t108;
+    $[283] = t109;
   } else {
-    t107 = $[277];
+    t109 = $[283];
   }
-  let t108;
-  if ($[278] !== t107 || $[279] !== t96 || $[280] !== t97) {
-    t108 = /* @__PURE__ */ jsxDEV(SidebarInset, {
+  let t110;
+  if ($[284] !== t109 || $[285] !== t98 || $[286] !== t99) {
+    t110 = /* @__PURE__ */ jsxDEV(SidebarInset, {
       className: "overflow-hidden md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
-      children: [t96, t97, t107]
+      children: [t98, t99, t109]
     }, void 0, true);
-    $[278] = t107;
-    $[279] = t96;
-    $[280] = t97;
-    $[281] = t108;
+    $[284] = t109;
+    $[285] = t98;
+    $[286] = t99;
+    $[287] = t110;
   } else {
-    t108 = $[281];
+    t110 = $[287];
   }
   return /* @__PURE__ */ jsxDEV(SidebarProvider, {
     className: "min-h-0 flex-1",
     "data-testid": "lunora-studio",
-    children: [t82, /* @__PURE__ */ jsxDEV(StudioSidebar, {
+    children: [t84, /* @__PURE__ */ jsxDEV(StudioSidebar, {
       chrome,
       connected,
       current,
@@ -11145,7 +12997,7 @@ const StudioLayout = () => {
       selectTab,
       tabDescription,
       tabLabel
-    }, void 0, false), t108]
+    }, void 0, false), t110]
   }, void 0, true);
 };
 const RoutePending = () => {
@@ -11275,6 +13127,7 @@ const buildRouter = ({
       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),