@lunora/studio 1.0.0-alpha.19 → 1.0.0-alpha.20

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

@@ -20,43 +20,43 @@ import { B as Button } from './button-BhsN2uZH.js';
 import { Dialog } from '@base-ui/react/dialog';
 import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
 import { S as Skeleton } from './reference-view-B4E49Lip.js';
-import { InsightsPanel } from './InsightsPanel-DNg3K9XN.js';
+import { InsightsPanel } from './InsightsPanel-y_Q-xdPY.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 { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CZJCZ4c7.js';
-import SecurityAdvisorPanel from './SecurityAdvisorPanel-Dqql1Z5O.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-CdaxLGkE.js';
+import SecurityAdvisorPanel from './SecurityAdvisorPanel-BBzv7L3c.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-DdubReQI.js';
+import ApiTab from './ApiTab-CHkX49o_.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-CWx68ZCg.js';
-import { ExportImportPanel } from './ExportImportPanel-ChsSUCYZ.js';
-import { MigrationsPanel } from './MigrationsPanel-DGwJGWDA.js';
-import { PitrPanel } from './PitrPanel-CKUzyyHi.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 { T as Textarea } from './textarea-D3gaCU_-.js';
-import { FunctionRunner } from './FunctionRunner-D4cZ6fuA.js';
-import { FunctionStatsPanel } from './FunctionStatsPanel-BVelWgNv.js';
-import { HomePanel } from './HomePanel-tfqpZxuu.js';
-import { AuditPanel } from './AuditPanel-CE5ofjCc.js';
+import { FunctionRunner } from './FunctionRunner-DlWApMCH.js';
+import { FunctionStatsPanel } from './FunctionStatsPanel-CuO2Tmw-.js';
+import { HomePanel } from './HomePanel-BewOCuag.js';
+import { AuditPanel } from './AuditPanel-CP9HM9nq.js';
 import { C as CLOUDFLARE_OBSERVABILITY_URL } from './cf-links-2cktDedA.js';
-import { LogsPanel } from './LogsPanel-B4LoSRj0.js';
-import { MailPanel } from './MailPanel-CcpdyWYs.js';
+import { LogsPanel } from './LogsPanel-C7crgYoS.js';
+import { MailPanel } from './MailPanel-PILidruz.js';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { ScheduledJobs } from './ScheduledJobs-BWNwIN3I.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-CMdxstu5.js';
-import { HealthPanel } from './HealthPanel-CxUVKfvo.js';
-import { MetricsPanel } from './MetricsPanel-CxoyWbNb.js';
-import { SchemaViewer } from './SchemaViewer-RclXFo9Q.js';
-import { SettingsPanel } from './SettingsPanel-D5iTY0YE.js';
-import { FileBrowser } from './FileBrowser-DsRBnVhZ.js';
+import { 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 { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
 import { CommandPalette, openCommandPalette } from './CommandPalette-BtgkBzZI.js';
 
@@ -302,7 +302,7 @@ const writeBannerDismissed = () => {
 const RulesBanner = () => {
   const $ = c(18);
   const t = useT();
-  const [dismissed, setDismissed] = useState(_temp$8);
+  const [dismissed, setDismissed] = useState(_temp$9);
   let t0;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = () => {
@@ -422,7 +422,7 @@ const RulesBanner = () => {
   }
   return t9;
 };
-function _temp$8() {
+function _temp$9() {
   return readBannerDismissed();
 }
 
@@ -1922,7 +1922,7 @@ const RlsPanel = () => {
   }
   return t14;
 };
-function _temp$7(permission) {
+function _temp$8(permission) {
   return /* @__PURE__ */ jsxDEV(Badge, {
     variant: "outline",
     children: permission
@@ -1944,7 +1944,7 @@ function _temp2$4(role) {
         children: "—"
       }, void 0, false) : /* @__PURE__ */ jsxDEV("span", {
         className: "flex flex-wrap gap-1",
-        children: role.permissions.map(_temp$7)
+        children: role.permissions.map(_temp$8)
       }, void 0, false)
     }, void 0, false)]
   }, role.name, true);
@@ -2052,7 +2052,7 @@ const PanelResult = (t0) => {
     t7 = !loading && error === null && result !== null && result.rows.length > 0 && /* @__PURE__ */ jsxDEV(Table, {
       children: [/* @__PURE__ */ jsxDEV(TableHeader, {
         children: /* @__PURE__ */ jsxDEV(TableRow, {
-          children: result.columns.map(_temp$6)
+          children: result.columns.map(_temp$7)
         }, void 0, false)
       }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
         children: result.rows.map((row, rowIndex) => /* @__PURE__ */ jsxDEV(TableRow, {
@@ -2194,7 +2194,7 @@ const AnalyticsPanel = ({
     }, panel_0.key, false))
   }, void 0, false);
 };
-function _temp$6(column) {
+function _temp$7(column) {
   return /* @__PURE__ */ jsxDEV(TableHead, {
     children: column.name
   }, column.name, false);
@@ -2588,7 +2588,7 @@ const OrgRowTable = (t0) => {
   }
   let t2;
   if ($[2] !== columns) {
-    t2 = columns.map(_temp$5);
+    t2 = columns.map(_temp$6);
     $[2] = columns;
     $[3] = t2;
   } else {
@@ -3193,7 +3193,7 @@ const OrganizationsPanel = () => {
   }
   return t33;
 };
-function _temp$5(column) {
+function _temp$6(column) {
   return /* @__PURE__ */ jsxDEV(TableHead, {
     children: column.head
   }, column.head, false);
@@ -5076,7 +5076,7 @@ const DeadLetterJobs = (t0) => {
   if ($[3] !== client || $[4] !== loadJobs) {
     t3 = async () => {
       const records = await (loadJobs ?? (() => client.listDeadJobs()))();
-      return records.toSorted(_temp$4);
+      return records.toSorted(_temp$5);
     };
     $[3] = client;
     $[4] = loadJobs;
@@ -5279,7 +5279,7 @@ const DeadLetterJobs = (t0) => {
   }
   return t11;
 };
-function _temp$4(a, b) {
+function _temp$5(a, b) {
   return (b.attempts ?? 0) - (a.attempts ?? 0);
 }
 
@@ -5361,7 +5361,7 @@ const SchedulerPoolsPanel = (t0) => {
       const next = await (loadStatus ?? (() => client.schedulerStatus()))();
       return {
         ...next,
-        pools: next.pools.toSorted(_temp$3)
+        pools: next.pools.toSorted(_temp$4)
       };
     };
     $[4] = client;
@@ -5498,7 +5498,7 @@ const SchedulerPoolsPanel = (t0) => {
   }
   return t10;
 };
-function _temp$3(a, b) {
+function _temp$4(a, b) {
   return b.queued - a.queued;
 }
 function _temp2$2(pool) {
@@ -6301,7 +6301,7 @@ const PermissionsMatrix = (t0) => {
                 children: "—"
               }, void 0, false) : /* @__PURE__ */ jsxDEV("span", {
                 className: "flex flex-wrap gap-1",
-                children: row.maskedColumns.map(_temp$2)
+                children: row.maskedColumns.map(_temp$3)
               }, void 0, false)
             }, void 0, false)]
           }, row.table, true))
@@ -6319,7 +6319,7 @@ const PermissionsMatrix = (t0) => {
   }
   return t6;
 };
-function _temp$2(column) {
+function _temp$3(column) {
   return /* @__PURE__ */ jsxDEV(Badge, {
     variant: "outline",
     children: column
@@ -6893,7 +6893,7 @@ const QueuesPanel = () => {
   const loaded = data !== void 0;
   let t1;
   if ($[1] !== data) {
-    t1 = Array.isArray(data?.queues) ? [...data.queues].toSorted(_temp$1) : [];
+    t1 = Array.isArray(data?.queues) ? [...data.queues].toSorted(_temp$2) : [];
     $[1] = data;
     $[2] = t1;
   } else {
@@ -6987,7 +6987,7 @@ const QueuesPanel = () => {
   }
   return t6;
 };
-function _temp$1(a, b) {
+function _temp$2(a, b) {
   return a.exportName.localeCompare(b.exportName);
 }
 function _temp2$1(queue) {
@@ -7778,6 +7778,469 @@ const DashboardsPanel = (t0) => {
   return t12;
 };
 
+const formatMs = (ms) => `${ms.toString()} ms`;
+const isFanoutIdle = (result) => result.totalConnections === 0 && result.shapePoke.passes === 0 && result.whisper.passes === 0;
+const StatCard = (t0) => {
+  const $ = c(8);
+  const {
+    label,
+    testId,
+    value
+  } = t0;
+  let t1;
+  if ($[0] !== label) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: label
+    }, void 0, false);
+    $[0] = label;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== testId || $[3] !== value) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "truncate text-2xl font-semibold tabular-nums text-foreground",
+      "data-testid": testId,
+      children: value
+    }, void 0, false);
+    $[2] = testId;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "gap-0 py-0",
+      children: /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-2.5 p-4",
+        children: [t1, t2]
+      }, void 0, true)
+    }, void 0, false);
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
+};
+const PathCounters = (t0) => {
+  const $ = c(48);
+  const {
+    counters,
+    includeTiming,
+    prefix,
+    t,
+    title
+  } = t0;
+  const t1 = `${prefix}-section`;
+  let t2;
+  if ($[0] !== title) {
+    t2 = /* @__PURE__ */ jsxDEV("h3", {
+      className: "text-sm font-medium text-foreground",
+      children: title
+    }, void 0, false);
+    $[0] = title;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = `${prefix}-stats`;
+  let t4;
+  if ($[2] !== t) {
+    t4 = t("Passes");
+    $[2] = t;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const t5 = `${prefix}-passes`;
+  let t6;
+  if ($[4] !== counters.passes || $[5] !== t4 || $[6] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(StatCard, {
+      label: t4,
+      testId: t5,
+      value: counters.passes
+    }, void 0, false);
+    $[4] = counters.passes;
+    $[5] = t4;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== t) {
+    t7 = t("Sockets iterated");
+    $[8] = t;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  const t8 = `${prefix}-iterated`;
+  let t9;
+  if ($[10] !== counters.socketsIterated || $[11] !== t7 || $[12] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(StatCard, {
+      label: t7,
+      testId: t8,
+      value: counters.socketsIterated
+    }, void 0, false);
+    $[10] = counters.socketsIterated;
+    $[11] = t7;
+    $[12] = t8;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  let t10;
+  if ($[14] !== t) {
+    t10 = t("Delivered");
+    $[14] = t;
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  const t11 = `${prefix}-delivered`;
+  let t12;
+  if ($[16] !== counters.socketsDelivered || $[17] !== t10 || $[18] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV(StatCard, {
+      label: t10,
+      testId: t11,
+      value: counters.socketsDelivered
+    }, void 0, false);
+    $[16] = counters.socketsDelivered;
+    $[17] = t10;
+    $[18] = t11;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  let t13;
+  if ($[20] !== t) {
+    t13 = t("Peak width");
+    $[20] = t;
+    $[21] = t13;
+  } else {
+    t13 = $[21];
+  }
+  const t14 = `${prefix}-peak`;
+  let t15;
+  if ($[22] !== counters.peakSocketsIterated || $[23] !== t13 || $[24] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV(StatCard, {
+      label: t13,
+      testId: t14,
+      value: counters.peakSocketsIterated
+    }, void 0, false);
+    $[22] = counters.peakSocketsIterated;
+    $[23] = t13;
+    $[24] = t14;
+    $[25] = t15;
+  } else {
+    t15 = $[25];
+  }
+  let t16;
+  if ($[26] !== counters.totalMs || $[27] !== includeTiming || $[28] !== prefix || $[29] !== t) {
+    t16 = includeTiming && /* @__PURE__ */ jsxDEV(StatCard, {
+      label: t("Total time"),
+      testId: `${prefix}-total-ms`,
+      value: formatMs(counters.totalMs)
+    }, void 0, false);
+    $[26] = counters.totalMs;
+    $[27] = includeTiming;
+    $[28] = prefix;
+    $[29] = t;
+    $[30] = t16;
+  } else {
+    t16 = $[30];
+  }
+  let t17;
+  if ($[31] !== counters.maxMs || $[32] !== includeTiming || $[33] !== prefix || $[34] !== t) {
+    t17 = includeTiming && /* @__PURE__ */ jsxDEV(StatCard, {
+      label: t("Max time"),
+      testId: `${prefix}-max-ms`,
+      value: formatMs(counters.maxMs)
+    }, void 0, false);
+    $[31] = counters.maxMs;
+    $[32] = includeTiming;
+    $[33] = prefix;
+    $[34] = t;
+    $[35] = t17;
+  } else {
+    t17 = $[35];
+  }
+  let t18;
+  if ($[36] !== t12 || $[37] !== t15 || $[38] !== t16 || $[39] !== t17 || $[40] !== t3 || $[41] !== t6 || $[42] !== t9) {
+    t18 = /* @__PURE__ */ jsxDEV("dl", {
+      className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+      "data-testid": t3,
+      children: [t6, t9, t12, t15, t16, t17]
+    }, void 0, true);
+    $[36] = t12;
+    $[37] = t15;
+    $[38] = t16;
+    $[39] = t17;
+    $[40] = t3;
+    $[41] = t6;
+    $[42] = t9;
+    $[43] = t18;
+  } else {
+    t18 = $[43];
+  }
+  let t19;
+  if ($[44] !== t1 || $[45] !== t18 || $[46] !== t2) {
+    t19 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-2",
+      "data-testid": t1,
+      children: [t2, t18]
+    }, void 0, true);
+    $[44] = t1;
+    $[45] = t18;
+    $[46] = t2;
+    $[47] = t19;
+  } else {
+    t19 = $[47];
+  }
+  return t19;
+};
+const FanoutPanel = (t0) => {
+  const $ = c(31);
+  const {
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  let t1;
+  if ($[0] !== shardKey) {
+    t1 = shardKey.trim();
+    $[0] = shardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const debouncedShard = useDebounced(t1, 400);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== debouncedShard) {
+    t3 = {
+      keepPreviousData: true,
+      shardKey: debouncedShard
+    };
+    $[3] = debouncedShard;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    data: result,
+    error,
+    refetch
+  } = useAdminQuery(ADMIN_FUNCTIONS.getFanoutMetrics, t2, t3);
+  useAutoRefresh(refetch, true);
+  let t4;
+  if ($[5] !== result) {
+    t4 = result !== void 0 && isFanoutIdle(result);
+    $[5] = result;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const isIdle = t4;
+  let t5;
+  if ($[7] !== shardKey) {
+    t5 = /* @__PURE__ */ jsxDEV(ShardInput, {
+      onChange: setShardKey,
+      testId: "fanout-shard-input",
+      value: shardKey
+    }, void 0, false);
+    $[7] = shardKey;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== result || $[10] !== t) {
+    t6 = result !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "ml-auto flex items-center gap-2 text-sm text-muted-foreground",
+      "data-testid": "fanout-count",
+      children: [result.promoted && /* @__PURE__ */ jsxDEV(Badge, {
+        "data-testid": "fanout-promoted",
+        variant: "default",
+        children: t("auto-scaled: {relayCount}/{maxRelays} relays", {
+          maxRelays: result.maxRelays,
+          relayCount: result.relayCount
+        })
+      }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+        variant: "secondary",
+        children: t("{count} connections", {
+          count: result.totalConnections
+        })
+      }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+        variant: "secondary",
+        children: t("peak {count} subscribers", {
+          count: result.peakSubscribers
+        })
+      }, void 0, false)]
+    }, void 0, true);
+    $[9] = result;
+    $[10] = t;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t5 || $[13] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-2",
+      children: [t5, t6]
+    }, void 0, true);
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== error) {
+    t8 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "fanout-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[15] = error;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== error || $[18] !== isIdle || $[19] !== t) {
+    t9 = error === null && isIdle && /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("Realtime fan-out cost and per-topic subscriber counts for this shard."),
+      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: "M4 12h4l3 7 4-14 3 7h2"
+        }, void 0, false)
+      }, void 0, false),
+      testId: "fanout-empty",
+      title: t("No fan-out activity yet.")
+    }, void 0, false);
+    $[17] = error;
+    $[18] = isIdle;
+    $[19] = t;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== error || $[22] !== isIdle || $[23] !== result || $[24] !== t) {
+    t10 = error === null && result !== void 0 && !isIdle && /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [result.topics.length > 0 && /* @__PURE__ */ jsxDEV("section", {
+        className: "flex flex-col gap-2",
+        "data-testid": "fanout-topics-section",
+        children: [/* @__PURE__ */ jsxDEV("h3", {
+          className: "text-sm font-medium text-foreground",
+          children: t("Hot topics")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Card, {
+          className: "overflow-hidden py-0",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "fanout-topics-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Topic")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Kind")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("Subscribers")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: result.topics.map(_temp$1)
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV("section", {
+        className: "flex flex-col gap-3",
+        "data-testid": "fanout-cost",
+        children: [/* @__PURE__ */ jsxDEV("h2", {
+          className: "text-sm font-medium text-muted-foreground",
+          children: t("Fan-out cost since this instance woke")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(PathCounters, {
+          counters: result.shapePoke,
+          includeTiming: true,
+          prefix: "fanout-poke",
+          t,
+          title: t("Shape pokes")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(PathCounters, {
+          counters: result.whisper,
+          includeTiming: false,
+          prefix: "fanout-whisper",
+          t,
+          title: t("Whisper broadcasts")
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true);
+    $[21] = error;
+    $[22] = isIdle;
+    $[23] = result;
+    $[24] = t;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== t10 || $[27] !== t7 || $[28] !== t8 || $[29] !== t9) {
+    t11 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "fanout-panel",
+      children: [t7, t8, t9, t10]
+    }, void 0, true);
+    $[26] = t10;
+    $[27] = t7;
+    $[28] = t8;
+    $[29] = t9;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  return t11;
+};
+function _temp$1(topic) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": "fanout-topic-row",
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs",
+      children: topic.topic
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      children: /* @__PURE__ */ jsxDEV(Badge, {
+        variant: "outline",
+        children: topic.kind
+      }, void 0, false)
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-right font-medium tabular-nums",
+      children: topic.subscribers
+    }, void 0, false)]
+  }, `${topic.kind}:${topic.topic}`, true);
+}
+
 const operationLabel = (t, operation) => ({
   delete: t("Delete"),
   list: t("List"),
@@ -8804,6 +9267,9 @@ const TAB_ICONS = {
   export: /* @__PURE__ */ jsxDEV("path", {
     d: "M12 3v11m0 0 4-4m-4 4-4-4M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"
   }, void 0, false),
+  fanout: /* @__PURE__ */ jsxDEV("path", {
+    d: "M12 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm-7 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm14 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12 7v3.5M12 10.5 6 17m6-6.5 6 6.5"
+  }, void 0, false),
   files: /* @__PURE__ */ jsxDEV("path", {
     d: "M4 7a2 2 0 0 1 2-2h3l2 2.5h7a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z"
   }, void 0, false),
@@ -8900,7 +9366,7 @@ const NAV_GROUPS = [{
   tabs: ["files", "storageRules"]
 }, {
   key: "observability",
-  tabs: ["logs", "audit", "realtime", "metrics", "analytics", "health"]
+  tabs: ["logs", "audit", "realtime", "fanout", "metrics", "analytics", "health"]
 }, {
   key: "advisors",
   tabs: ["security", "rls", "permissions", "insights"]
@@ -9559,7 +10025,7 @@ const StudioSidebar = (t0) => {
   return t9;
 };
 const StudioLayout = () => {
-  const $ = c(276);
+  const $ = c(282);
   const t = useT();
   const navigate = useNavigate();
   let t0;
@@ -9694,7 +10160,7 @@ const StudioLayout = () => {
   }
   let t14;
   if ($[29] !== t) {
-    t14 = t("Files");
+    t14 = t("Fan-out");
     $[29] = t;
     $[30] = t14;
   } else {
@@ -9702,7 +10168,7 @@ const StudioLayout = () => {
   }
   let t15;
   if ($[31] !== t) {
-    t15 = t("Flags");
+    t15 = t("Files");
     $[31] = t;
     $[32] = t15;
   } else {
@@ -9710,7 +10176,7 @@ const StudioLayout = () => {
   }
   let t16;
   if ($[33] !== t) {
-    t16 = t("Functions");
+    t16 = t("Flags");
     $[33] = t;
     $[34] = t16;
   } else {
@@ -9718,7 +10184,7 @@ const StudioLayout = () => {
   }
   let t17;
   if ($[35] !== t) {
-    t17 = t("Health");
+    t17 = t("Functions");
     $[35] = t;
     $[36] = t17;
   } else {
@@ -9726,7 +10192,7 @@ const StudioLayout = () => {
   }
   let t18;
   if ($[37] !== t) {
-    t18 = t("Home");
+    t18 = t("Health");
     $[37] = t;
     $[38] = t18;
   } else {
@@ -9734,7 +10200,7 @@ const StudioLayout = () => {
   }
   let t19;
   if ($[39] !== t) {
-    t19 = t("Performance");
+    t19 = t("Home");
     $[39] = t;
     $[40] = t19;
   } else {
@@ -9742,7 +10208,7 @@ const StudioLayout = () => {
   }
   let t20;
   if ($[41] !== t) {
-    t20 = t("Logs");
+    t20 = t("Performance");
     $[41] = t;
     $[42] = t20;
   } else {
@@ -9750,7 +10216,7 @@ const StudioLayout = () => {
   }
   let t21;
   if ($[43] !== t) {
-    t21 = t("Metrics");
+    t21 = t("Logs");
     $[43] = t;
     $[44] = t21;
   } else {
@@ -9758,7 +10224,7 @@ const StudioLayout = () => {
   }
   let t22;
   if ($[45] !== t) {
-    t22 = t("Migrations");
+    t22 = t("Metrics");
     $[45] = t;
     $[46] = t22;
   } else {
@@ -9766,7 +10232,7 @@ const StudioLayout = () => {
   }
   let t23;
   if ($[47] !== t) {
-    t23 = t("Organizations");
+    t23 = t("Migrations");
     $[47] = t;
     $[48] = t23;
   } else {
@@ -9774,7 +10240,7 @@ const StudioLayout = () => {
   }
   let t24;
   if ($[49] !== t) {
-    t24 = t("Time Travel");
+    t24 = t("Organizations");
     $[49] = t;
     $[50] = t24;
   } else {
@@ -9782,7 +10248,7 @@ const StudioLayout = () => {
   }
   let t25;
   if ($[51] !== t) {
-    t25 = t("Mail");
+    t25 = t("Time Travel");
     $[51] = t;
     $[52] = t25;
   } else {
@@ -9790,7 +10256,7 @@ const StudioLayout = () => {
   }
   let t26;
   if ($[53] !== t) {
-    t26 = t("Payments");
+    t26 = t("Mail");
     $[53] = t;
     $[54] = t26;
   } else {
@@ -9798,7 +10264,7 @@ const StudioLayout = () => {
   }
   let t27;
   if ($[55] !== t) {
-    t27 = t("Permissions");
+    t27 = t("Payments");
     $[55] = t;
     $[56] = t27;
   } else {
@@ -9806,7 +10272,7 @@ const StudioLayout = () => {
   }
   let t28;
   if ($[57] !== t) {
-    t28 = t("Queues");
+    t28 = t("Permissions");
     $[57] = t;
     $[58] = t28;
   } else {
@@ -9814,7 +10280,7 @@ const StudioLayout = () => {
   }
   let t29;
   if ($[59] !== t) {
-    t29 = t("Realtime");
+    t29 = t("Queues");
     $[59] = t;
     $[60] = t29;
   } else {
@@ -9822,7 +10288,7 @@ const StudioLayout = () => {
   }
   let t30;
   if ($[61] !== t) {
-    t30 = t("RLS Policies");
+    t30 = t("Realtime");
     $[61] = t;
     $[62] = t30;
   } else {
@@ -9830,7 +10296,7 @@ const StudioLayout = () => {
   }
   let t31;
   if ($[63] !== t) {
-    t31 = t("Scheduled");
+    t31 = t("RLS Policies");
     $[63] = t;
     $[64] = t31;
   } else {
@@ -9838,7 +10304,7 @@ const StudioLayout = () => {
   }
   let t32;
   if ($[65] !== t) {
-    t32 = t("Schema");
+    t32 = t("Scheduled");
     $[65] = t;
     $[66] = t32;
   } else {
@@ -9846,7 +10312,7 @@ const StudioLayout = () => {
   }
   let t33;
   if ($[67] !== t) {
-    t33 = t("Security");
+    t33 = t("Schema");
     $[67] = t;
     $[68] = t33;
   } else {
@@ -9854,7 +10320,7 @@ const StudioLayout = () => {
   }
   let t34;
   if ($[69] !== t) {
-    t34 = t("Settings");
+    t34 = t("Security");
     $[69] = t;
     $[70] = t34;
   } else {
@@ -9862,7 +10328,7 @@ const StudioLayout = () => {
   }
   let t35;
   if ($[71] !== t) {
-    t35 = t("SQL editor");
+    t35 = t("Settings");
     $[71] = t;
     $[72] = t35;
   } else {
@@ -9870,7 +10336,7 @@ const StudioLayout = () => {
   }
   let t36;
   if ($[73] !== t) {
-    t36 = t("Access Rules");
+    t36 = t("SQL editor");
     $[73] = t;
     $[74] = t36;
   } else {
@@ -9878,7 +10344,7 @@ const StudioLayout = () => {
   }
   let t37;
   if ($[75] !== t) {
-    t37 = t("Users");
+    t37 = t("Access Rules");
     $[75] = t;
     $[76] = t37;
   } else {
@@ -9886,7 +10352,7 @@ const StudioLayout = () => {
   }
   let t38;
   if ($[77] !== t) {
-    t38 = t("Vectors");
+    t38 = t("Users");
     $[77] = t;
     $[78] = t38;
   } else {
@@ -9894,15 +10360,23 @@ const StudioLayout = () => {
   }
   let t39;
   if ($[79] !== t) {
-    t39 = t("Workflows");
+    t39 = t("Vectors");
     $[79] = t;
     $[80] = t39;
   } else {
     t39 = $[80];
   }
   let t40;
-  if ($[81] !== t10 || $[82] !== t11 || $[83] !== t12 || $[84] !== t13 || $[85] !== t14 || $[86] !== t15 || $[87] !== t16 || $[88] !== t17 || $[89] !== t18 || $[90] !== t19 || $[91] !== t20 || $[92] !== t21 || $[93] !== t22 || $[94] !== t23 || $[95] !== t24 || $[96] !== t25 || $[97] !== t26 || $[98] !== t27 || $[99] !== t28 || $[100] !== t29 || $[101] !== t30 || $[102] !== t31 || $[103] !== t32 || $[104] !== t33 || $[105] !== t34 || $[106] !== t35 || $[107] !== t36 || $[108] !== t37 || $[109] !== t38 || $[110] !== t39 || $[111] !== t5 || $[112] !== t6 || $[113] !== t7 || $[114] !== t8 || $[115] !== t9) {
-    t40 = {
+  if ($[81] !== t) {
+    t40 = t("Workflows");
+    $[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 = {
       analytics: t5,
       api: t6,
       audit: t7,
@@ -9912,73 +10386,75 @@ const StudioLayout = () => {
       data: t11,
       drains: t12,
       export: t13,
-      files: t14,
-      flags: t15,
-      functions: t16,
-      health: t17,
-      home: t18,
-      insights: t19,
-      logs: t20,
-      metrics: t21,
-      migrations: t22,
-      organizations: t23,
-      pitr: t24,
-      mail: t25,
-      payments: t26,
-      permissions: t27,
-      queues: t28,
-      realtime: t29,
-      rls: t30,
-      schedule: t31,
-      schema: t32,
-      security: t33,
-      settings: t34,
-      sql: t35,
-      storageRules: t36,
-      users: t37,
-      vectors: t38,
-      workflows: t39
+      fanout: t14,
+      files: t15,
+      flags: t16,
+      functions: t17,
+      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
     };
-    $[81] = t10;
-    $[82] = t11;
-    $[83] = t12;
-    $[84] = t13;
-    $[85] = t14;
-    $[86] = t15;
-    $[87] = t16;
-    $[88] = t17;
-    $[89] = t18;
-    $[90] = t19;
-    $[91] = t20;
-    $[92] = t21;
-    $[93] = t22;
-    $[94] = t23;
-    $[95] = t24;
-    $[96] = t25;
-    $[97] = t26;
-    $[98] = t27;
-    $[99] = t28;
-    $[100] = t29;
-    $[101] = t30;
-    $[102] = t31;
-    $[103] = t32;
-    $[104] = t33;
-    $[105] = t34;
-    $[106] = t35;
-    $[107] = t36;
-    $[108] = t37;
-    $[109] = t38;
-    $[110] = t39;
-    $[111] = t5;
-    $[112] = t6;
-    $[113] = t7;
-    $[114] = t8;
-    $[115] = t9;
-    $[116] = t40;
-  } else {
-    t40 = $[116];
-  }
-  const tabLabel = t40;
+    $[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;
   const groupLabel = {
     advisors: t("Advisors"),
     auth: t("Auth"),
@@ -9990,396 +10466,406 @@ const StudioLayout = () => {
     settings: t("Settings"),
     storage: t("Storage")
   };
-  let t41;
-  if ($[117] !== t) {
-    t41 = t("Usage and latency from Analytics Engine — request volume, p50/p95, and hot shards.");
-    $[117] = t;
-    $[118] = t41;
-  } else {
-    t41 = $[118];
-  }
   let t42;
-  if ($[119] !== t) {
-    t42 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
-    $[119] = t;
-    $[120] = 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 = $[120];
+    t42 = $[121];
   }
   let t43;
-  if ($[121] !== t) {
-    t43 = t("A durable log of admin state-changing operations.");
-    $[121] = t;
-    $[122] = t43;
+  if ($[122] !== t) {
+    t43 = t("Interactive OpenAPI reference and copy-paste snippets for your functions.");
+    $[122] = t;
+    $[123] = t43;
   } else {
-    t43 = $[122];
+    t43 = $[123];
   }
   let t44;
-  if ($[123] !== t) {
-    t44 = t("Enabled plugins and session config (read-only).");
-    $[123] = t;
-    $[124] = t44;
+  if ($[124] !== t) {
+    t44 = t("A durable log of admin state-changing operations.");
+    $[124] = t;
+    $[125] = t44;
   } else {
-    t44 = $[124];
+    t44 = $[125];
   }
   let t45;
-  if ($[125] !== t) {
-    t45 = t("Browse and revoke active sessions across all users.");
-    $[125] = t;
-    $[126] = t45;
+  if ($[126] !== t) {
+    t45 = t("Enabled plugins and session config (read-only).");
+    $[126] = t;
+    $[127] = t45;
   } else {
-    t45 = $[126];
+    t45 = $[127];
   }
   let t46;
-  if ($[127] !== t) {
-    t46 = t("Chart widgets backed by saved read-only SQL queries.");
-    $[127] = t;
-    $[128] = t46;
+  if ($[128] !== t) {
+    t46 = t("Browse and revoke active sessions across all users.");
+    $[128] = t;
+    $[129] = t46;
   } else {
-    t46 = $[128];
+    t46 = $[129];
   }
   let t47;
-  if ($[129] !== t) {
-    t47 = t("Browse and edit rows across your shard and global tables.");
-    $[129] = t;
-    $[130] = t47;
+  if ($[130] !== t) {
+    t47 = t("Chart widgets backed by saved read-only SQL queries.");
+    $[130] = t;
+    $[131] = t47;
   } else {
-    t47 = $[130];
+    t47 = $[131];
   }
   let t48;
-  if ($[131] !== t) {
-    t48 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
-    $[131] = t;
-    $[132] = t48;
+  if ($[132] !== t) {
+    t48 = t("Browse and edit rows across your shard and global tables.");
+    $[132] = t;
+    $[133] = t48;
   } else {
-    t48 = $[132];
+    t48 = $[133];
   }
   let t49;
-  if ($[133] !== t) {
-    t49 = t("Export a shard to NDJSON, or import rows from it.");
-    $[133] = t;
-    $[134] = t49;
+  if ($[134] !== t) {
+    t49 = t("Forward logs to Logpush, Tail Workers, or a webhook collector.");
+    $[134] = t;
+    $[135] = t49;
   } else {
-    t49 = $[134];
+    t49 = $[135];
   }
   let t50;
-  if ($[135] !== t) {
-    t50 = t("Browse objects in your R2 storage buckets.");
-    $[135] = t;
-    $[136] = t50;
+  if ($[136] !== t) {
+    t50 = t("Export a shard to NDJSON, or import rows from it.");
+    $[136] = t;
+    $[137] = t50;
   } else {
-    t50 = $[136];
+    t50 = $[137];
   }
   let t51;
-  if ($[137] !== t) {
-    t51 = t("Inspect feature flags and their live evaluation under a targeting context.");
-    $[137] = t;
-    $[138] = t51;
+  if ($[138] !== t) {
+    t51 = t("Realtime fan-out cost and per-topic subscriber counts for this shard.");
+    $[138] = t;
+    $[139] = t51;
   } else {
-    t51 = $[138];
+    t51 = $[139];
   }
   let t52;
-  if ($[139] !== t) {
-    t52 = t("Run registered queries, mutations, and actions.");
-    $[139] = t;
-    $[140] = t52;
+  if ($[140] !== t) {
+    t52 = t("Browse objects in your R2 storage buckets.");
+    $[140] = t;
+    $[141] = t52;
   } else {
-    t52 = $[140];
+    t52 = $[141];
   }
   let t53;
-  if ($[141] !== t) {
-    t53 = t("At-a-glance connection, error, and shard signals.");
-    $[141] = t;
-    $[142] = t53;
+  if ($[142] !== t) {
+    t53 = t("Inspect feature flags and their live evaluation under a targeting context.");
+    $[142] = t;
+    $[143] = t53;
   } else {
-    t53 = $[142];
+    t53 = $[143];
   }
   let t54;
-  if ($[143] !== t) {
-    t54 = t("Connection, health, and advisor summary for your deployment.");
-    $[143] = t;
-    $[144] = t54;
+  if ($[144] !== t) {
+    t54 = t("Run registered queries, mutations, and actions.");
+    $[144] = t;
+    $[145] = t54;
   } else {
-    t54 = $[144];
+    t54 = $[145];
   }
   let t55;
-  if ($[145] !== t) {
-    t55 = t("Surface slow functions, error spikes, and cache problems.");
-    $[145] = t;
-    $[146] = t55;
+  if ($[146] !== t) {
+    t55 = t("At-a-glance connection, error, and shard signals.");
+    $[146] = t;
+    $[147] = t55;
   } else {
-    t55 = $[146];
+    t55 = $[147];
   }
   let t56;
-  if ($[147] !== t) {
-    t56 = t("A live stream of recent function logs.");
-    $[147] = t;
-    $[148] = t56;
+  if ($[148] !== t) {
+    t56 = t("Connection, health, and advisor summary for your deployment.");
+    $[148] = t;
+    $[149] = t56;
   } else {
-    t56 = $[148];
+    t56 = $[149];
   }
   let t57;
-  if ($[149] !== t) {
-    t57 = t("Per-shard health and aggregate metrics.");
-    $[149] = t;
-    $[150] = t57;
+  if ($[150] !== t) {
+    t57 = t("Surface slow functions, error spikes, and cache problems.");
+    $[150] = t;
+    $[151] = t57;
   } else {
-    t57 = $[150];
+    t57 = $[151];
   }
   let t58;
-  if ($[151] !== t) {
-    t58 = t("Review migration status and run them.");
-    $[151] = t;
-    $[152] = t58;
+  if ($[152] !== t) {
+    t58 = t("A live stream of recent function logs.");
+    $[152] = t;
+    $[153] = t58;
   } else {
-    t58 = $[152];
+    t58 = $[153];
   }
   let t59;
-  if ($[153] !== t) {
-    t59 = t("Browse and manage organizations, members, and invitations.");
-    $[153] = t;
-    $[154] = t59;
+  if ($[154] !== t) {
+    t59 = t("Per-shard health and aggregate metrics.");
+    $[154] = t;
+    $[155] = t59;
   } else {
-    t59 = $[154];
+    t59 = $[155];
   }
   let t60;
-  if ($[155] !== t) {
-    t60 = t("Restore a shard to a point in the last 30 days.");
-    $[155] = t;
-    $[156] = t60;
+  if ($[156] !== t) {
+    t60 = t("Review migration status and run them.");
+    $[156] = t;
+    $[157] = t60;
   } else {
-    t60 = $[156];
+    t60 = $[157];
   }
   let t61;
-  if ($[157] !== t) {
-    t61 = t("Email your app sent, captured in dev.");
-    $[157] = t;
-    $[158] = t61;
+  if ($[158] !== t) {
+    t61 = t("Browse and manage organizations, members, and invitations.");
+    $[158] = t;
+    $[159] = t61;
   } else {
-    t61 = $[158];
+    t61 = $[159];
   }
   let t62;
-  if ($[159] !== t) {
-    t62 = t("Synced customers, subscriptions, and webhook events.");
-    $[159] = t;
-    $[160] = t62;
+  if ($[160] !== t) {
+    t62 = t("Restore a shard to a point in the last 30 days.");
+    $[160] = t;
+    $[161] = t62;
   } else {
-    t62 = $[160];
+    t62 = $[161];
   }
   let t63;
-  if ($[161] !== t) {
-    t63 = t("Inspect access policies per table, and probe a function as any identity.");
-    $[161] = t;
-    $[162] = t63;
+  if ($[162] !== t) {
+    t63 = t("Email your app sent, captured in dev.");
+    $[162] = t;
+    $[163] = t63;
   } else {
-    t63 = $[162];
+    t63 = $[163];
   }
   let t64;
-  if ($[163] !== t) {
-    t64 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
-    $[163] = t;
-    $[164] = t64;
+  if ($[164] !== t) {
+    t64 = t("Synced customers, subscriptions, and webhook events.");
+    $[164] = t;
+    $[165] = t64;
   } else {
-    t64 = $[164];
+    t64 = $[165];
   }
   let t65;
-  if ($[165] !== t) {
-    t65 = t("Active WebSocket subscriptions on this shard.");
-    $[165] = t;
-    $[166] = t65;
+  if ($[166] !== t) {
+    t65 = t("Inspect access policies per table, and probe a function as any identity.");
+    $[166] = t;
+    $[167] = t65;
   } else {
-    t65 = $[166];
+    t65 = $[167];
   }
   let t66;
-  if ($[167] !== t) {
-    t66 = t("Inspect row-level-security policies and roles, per table.");
-    $[167] = t;
-    $[168] = t66;
+  if ($[168] !== t) {
+    t66 = t("Inspect declared Cloudflare Queues — their producer bindings, consumer mode, and dead-letter queue.");
+    $[168] = t;
+    $[169] = t66;
   } else {
-    t66 = $[168];
+    t66 = $[169];
   }
   let t67;
-  if ($[169] !== t) {
-    t67 = t("Inspect and cancel scheduled jobs.");
-    $[169] = t;
-    $[170] = t67;
+  if ($[170] !== t) {
+    t67 = t("Active WebSocket subscriptions on this shard.");
+    $[170] = t;
+    $[171] = t67;
   } else {
-    t67 = $[170];
+    t67 = $[171];
   }
   let t68;
-  if ($[171] !== t) {
-    t68 = t("Inspect each table and its columns.");
-    $[171] = t;
-    $[172] = t68;
+  if ($[172] !== t) {
+    t68 = t("Inspect row-level-security policies and roles, per table.");
+    $[172] = t;
+    $[173] = t68;
   } else {
-    t68 = $[172];
+    t68 = $[173];
   }
   let t69;
-  if ($[173] !== t) {
-    t69 = t("Review admin gates, credentials, and log redaction.");
-    $[173] = t;
-    $[174] = t69;
+  if ($[174] !== t) {
+    t69 = t("Inspect and cancel scheduled jobs.");
+    $[174] = t;
+    $[175] = t69;
   } else {
-    t69 = $[174];
+    t69 = $[175];
   }
   let t70;
-  if ($[175] !== t) {
-    t70 = t("Read-only deployment config — vars, secrets, and bindings.");
-    $[175] = t;
-    $[176] = t70;
+  if ($[176] !== t) {
+    t70 = t("Inspect each table and its columns.");
+    $[176] = t;
+    $[177] = t70;
   } else {
-    t70 = $[176];
+    t70 = $[177];
   }
   let t71;
-  if ($[177] !== t) {
-    t71 = t("Run read-only SQL against a shard.");
-    $[177] = t;
-    $[178] = t71;
+  if ($[178] !== t) {
+    t71 = t("Review admin gates, credentials, and log redaction.");
+    $[178] = t;
+    $[179] = t71;
   } else {
-    t71 = $[178];
+    t71 = $[179];
   }
   let t72;
-  if ($[179] !== t) {
-    t72 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
-    $[179] = t;
-    $[180] = t72;
+  if ($[180] !== t) {
+    t72 = t("Read-only deployment config — vars, secrets, and bindings.");
+    $[180] = t;
+    $[181] = t72;
   } else {
-    t72 = $[180];
+    t72 = $[181];
   }
   let t73;
-  if ($[181] !== t) {
-    t73 = t("Manage auth users — roles, bans, sessions, and identity.");
-    $[181] = t;
-    $[182] = t73;
+  if ($[182] !== t) {
+    t73 = t("Run read-only SQL against a shard.");
+    $[182] = t;
+    $[183] = t73;
   } else {
-    t73 = $[182];
+    t73 = $[183];
   }
   let t74;
-  if ($[183] !== t) {
-    t74 = t("Browse Vectorize indexes and run similarity searches.");
-    $[183] = t;
-    $[184] = t74;
+  if ($[184] !== t) {
+    t74 = t("Inspect storage access rules — per bucket, operation, and key prefix.");
+    $[184] = t;
+    $[185] = t74;
   } else {
-    t74 = $[184];
+    t74 = $[185];
   }
   let t75;
-  if ($[185] !== t) {
-    t75 = t("Inspect declared Cloudflare Workflows and their bindings.");
-    $[185] = t;
-    $[186] = t75;
+  if ($[186] !== t) {
+    t75 = t("Manage auth users — roles, bans, sessions, and identity.");
+    $[186] = t;
+    $[187] = t75;
   } else {
-    t75 = $[186];
+    t75 = $[187];
   }
   let t76;
-  if ($[187] !== t41 || $[188] !== t42 || $[189] !== t43 || $[190] !== t44 || $[191] !== t45 || $[192] !== t46 || $[193] !== t47 || $[194] !== t48 || $[195] !== t49 || $[196] !== t50 || $[197] !== t51 || $[198] !== t52 || $[199] !== t53 || $[200] !== t54 || $[201] !== t55 || $[202] !== t56 || $[203] !== t57 || $[204] !== t58 || $[205] !== t59 || $[206] !== t60 || $[207] !== t61 || $[208] !== t62 || $[209] !== t63 || $[210] !== t64 || $[211] !== t65 || $[212] !== t66 || $[213] !== t67 || $[214] !== t68 || $[215] !== t69 || $[216] !== t70 || $[217] !== t71 || $[218] !== t72 || $[219] !== t73 || $[220] !== t74 || $[221] !== t75) {
-    t76 = {
-      analytics: t41,
-      api: t42,
-      audit: t43,
-      authConfig: t44,
-      authSessions: t45,
-      dashboards: t46,
-      data: t47,
-      drains: t48,
-      export: t49,
-      files: t50,
-      flags: t51,
-      functions: t52,
-      health: t53,
-      home: t54,
-      insights: t55,
-      logs: t56,
-      metrics: t57,
-      migrations: t58,
-      organizations: t59,
-      pitr: t60,
-      mail: t61,
-      payments: t62,
-      permissions: t63,
-      queues: t64,
-      realtime: t65,
-      rls: t66,
-      schedule: t67,
-      schema: t68,
-      security: t69,
-      settings: t70,
-      sql: t71,
-      storageRules: t72,
-      users: t73,
-      vectors: t74,
-      workflows: t75
-    };
-    $[187] = t41;
-    $[188] = t42;
-    $[189] = t43;
-    $[190] = t44;
-    $[191] = t45;
-    $[192] = t46;
-    $[193] = t47;
-    $[194] = t48;
-    $[195] = t49;
-    $[196] = t50;
-    $[197] = t51;
-    $[198] = t52;
-    $[199] = t53;
-    $[200] = t54;
-    $[201] = t55;
-    $[202] = t56;
-    $[203] = t57;
-    $[204] = t58;
-    $[205] = t59;
-    $[206] = t60;
-    $[207] = t61;
-    $[208] = t62;
-    $[209] = t63;
-    $[210] = t64;
-    $[211] = t65;
-    $[212] = t66;
-    $[213] = t67;
-    $[214] = t68;
-    $[215] = t69;
-    $[216] = t70;
-    $[217] = t71;
-    $[218] = t72;
-    $[219] = t73;
-    $[220] = t74;
-    $[221] = t75;
-    $[222] = t76;
-  } else {
-    t76 = $[222];
-  }
-  const tabDescription = t76;
+  if ($[188] !== t) {
+    t76 = t("Browse Vectorize indexes and run similarity searches.");
+    $[188] = t;
+    $[189] = t76;
+  } else {
+    t76 = $[189];
+  }
   let t77;
-  if ($[223] !== navigate) {
-    t77 = (event) => {
+  if ($[190] !== t) {
+    t77 = t("Inspect declared Cloudflare Workflows and their bindings.");
+    $[190] = t;
+    $[191] = t77;
+  } else {
+    t77 = $[191];
+  }
+  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;
+  let t79;
+  if ($[229] !== navigate) {
+    t79 = (event) => {
       fireAndForget(navigate({
         to: `/${event.currentTarget.dataset.tab ?? ""}`
       }));
     };
-    $[223] = navigate;
-    $[224] = t77;
+    $[229] = navigate;
+    $[230] = t79;
   } else {
-    t77 = $[224];
+    t79 = $[230];
   }
-  const selectTab = t77;
-  let t78;
-  let t79;
-  if ($[225] !== current || $[226] !== tabLabel) {
-    t78 = () => {
+  const selectTab = t79;
+  let t80;
+  let t81;
+  if ($[231] !== current || $[232] !== tabLabel) {
+    t80 = () => {
       if (typeof document !== "undefined") {
         document.title = `${tabLabel[current]} · lunora`;
       }
     };
-    t79 = [current, tabLabel];
-    $[225] = current;
-    $[226] = tabLabel;
-    $[227] = t78;
-    $[228] = t79;
+    t81 = [current, tabLabel];
+    $[231] = current;
+    $[232] = tabLabel;
+    $[233] = t80;
+    $[234] = t81;
   } else {
-    t78 = $[227];
-    t79 = $[228];
+    t80 = $[233];
+    t81 = $[234];
   }
-  useEffect(t78, t79);
+  useEffect(t80, t81);
   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],
@@ -10388,48 +10874,48 @@ const StudioLayout = () => {
   })));
   const chrome = use(StudioChromeContext);
   const connected = chrome !== null && chrome.token !== "";
-  let t80;
-  if ($[229] !== commandItems) {
-    t80 = /* @__PURE__ */ jsxDEV(CommandPalette, {
+  let t82;
+  if ($[235] !== commandItems) {
+    t82 = /* @__PURE__ */ jsxDEV(CommandPalette, {
       items: commandItems
     }, void 0, false);
-    $[229] = commandItems;
-    $[230] = t80;
+    $[235] = commandItems;
+    $[236] = t82;
   } else {
-    t80 = $[230];
+    t82 = $[236];
   }
-  let t81;
-  if ($[231] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t81 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
+  let t83;
+  if ($[237] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t83 = /* @__PURE__ */ jsxDEV(SidebarTrigger, {
       className: "-ms-1"
     }, void 0, false);
-    $[231] = t81;
+    $[237] = t83;
   } else {
-    t81 = $[231];
+    t83 = $[237];
   }
-  let t82;
-  if ($[232] !== t) {
-    t82 = t("Breadcrumb");
-    $[232] = t;
-    $[233] = t82;
+  let t84;
+  if ($[238] !== t) {
+    t84 = t("Breadcrumb");
+    $[238] = t;
+    $[239] = t84;
   } else {
-    t82 = $[233];
+    t84 = $[239];
   }
-  const t83 = groupLabel[activeGroup.key];
-  let t84;
-  if ($[234] !== t83) {
-    t84 = /* @__PURE__ */ jsxDEV("span", {
+  const t85 = groupLabel[activeGroup.key];
+  let t86;
+  if ($[240] !== t85) {
+    t86 = /* @__PURE__ */ jsxDEV("span", {
       className: "text-muted-foreground",
-      children: t83
+      children: t85
     }, void 0, false);
-    $[234] = t83;
-    $[235] = t84;
+    $[240] = t85;
+    $[241] = t86;
   } else {
-    t84 = $[235];
+    t86 = $[241];
   }
-  let t85;
-  if ($[236] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t85 = /* @__PURE__ */ jsxDEV("svg", {
+  let t87;
+  if ($[242] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t87 = /* @__PURE__ */ jsxDEV("svg", {
       "aria-hidden": "true",
       className: "size-3.5 text-muted-foreground/60",
       fill: "none",
@@ -10442,39 +10928,39 @@ const StudioLayout = () => {
         strokeLinejoin: "round"
       }, void 0, false)
     }, void 0, false);
-    $[236] = t85;
+    $[242] = t87;
   } else {
-    t85 = $[236];
+    t87 = $[242];
   }
-  const t86 = tabLabel[current];
-  let t87;
-  if ($[237] !== t86) {
-    t87 = /* @__PURE__ */ jsxDEV("span", {
+  const t88 = tabLabel[current];
+  let t89;
+  if ($[243] !== t88) {
+    t89 = /* @__PURE__ */ jsxDEV("span", {
       className: "font-medium text-foreground",
-      children: t86
+      children: t88
     }, void 0, false);
-    $[237] = t86;
-    $[238] = t87;
+    $[243] = t88;
+    $[244] = t89;
   } else {
-    t87 = $[238];
+    t89 = $[244];
   }
-  let t88;
-  if ($[239] !== t82 || $[240] !== t84 || $[241] !== t87) {
-    t88 = /* @__PURE__ */ jsxDEV("nav", {
-      "aria-label": t82,
+  let t90;
+  if ($[245] !== t84 || $[246] !== t86 || $[247] !== t89) {
+    t90 = /* @__PURE__ */ jsxDEV("nav", {
+      "aria-label": t84,
       className: "flex items-center gap-1.5 text-[13px]",
-      children: [t84, t85, t87]
+      children: [t86, t87, t89]
     }, void 0, true);
-    $[239] = t82;
-    $[240] = t84;
-    $[241] = t87;
-    $[242] = t88;
+    $[245] = t84;
+    $[246] = t86;
+    $[247] = t89;
+    $[248] = t90;
   } else {
-    t88 = $[242];
+    t90 = $[248];
   }
-  let t89;
-  if ($[243] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t89 = /* @__PURE__ */ jsxDEV("svg", {
+  let t91;
+  if ($[249] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t91 = /* @__PURE__ */ jsxDEV("svg", {
       "aria-hidden": "true",
       className: "size-3.5",
       fill: "none",
@@ -10490,164 +10976,164 @@ const StudioLayout = () => {
         strokeLinecap: "round"
       }, void 0, false)]
     }, void 0, true);
-    $[243] = t89;
+    $[249] = t91;
   } else {
-    t89 = $[243];
+    t91 = $[249];
   }
-  let t90;
-  if ($[244] !== t) {
-    t90 = t("Search…");
-    $[244] = t;
-    $[245] = t90;
+  let t92;
+  if ($[250] !== t) {
+    t92 = t("Search…");
+    $[250] = t;
+    $[251] = t92;
   } else {
-    t90 = $[245];
+    t92 = $[251];
   }
-  let t91;
-  if ($[246] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t91 = /* @__PURE__ */ jsxDEV("kbd", {
+  let t93;
+  if ($[252] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t93 = /* @__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);
-    $[246] = t91;
+    $[252] = t93;
   } else {
-    t91 = $[246];
+    t93 = $[252];
   }
-  let t92;
-  if ($[247] !== t90) {
-    t92 = /* @__PURE__ */ jsxDEV("button", {
+  let t94;
+  if ($[253] !== t92) {
+    t94 = /* @__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: [t89, t90, t91]
+      children: [t91, t92, t93]
     }, void 0, true);
-    $[247] = t90;
-    $[248] = t92;
+    $[253] = t92;
+    $[254] = t94;
   } else {
-    t92 = $[248];
+    t94 = $[254];
   }
-  let t93;
-  if ($[249] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t93 = /* @__PURE__ */ jsxDEV("div", {
+  let t95;
+  if ($[255] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t95 = /* @__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);
-    $[249] = t93;
+    $[255] = t95;
   } else {
-    t93 = $[249];
+    t95 = $[255];
   }
-  let t94;
-  if ($[250] !== t88 || $[251] !== t92) {
-    t94 = /* @__PURE__ */ jsxDEV("header", {
+  let t96;
+  if ($[256] !== t90 || $[257] !== t94) {
+    t96 = /* @__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: [t81, t88, t92, t93]
+      children: [t83, t90, t94, t95]
     }, void 0, true);
-    $[250] = t88;
-    $[251] = t92;
-    $[252] = t94;
+    $[256] = t90;
+    $[257] = t94;
+    $[258] = t96;
   } else {
-    t94 = $[252];
+    t96 = $[258];
   }
-  let t95;
-  if ($[253] !== chrome?.rulesInstalled) {
-    t95 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
-    $[253] = chrome?.rulesInstalled;
-    $[254] = t95;
-  } else {
-    t95 = $[254];
-  }
-  const t96 = `dash-tab-${current}`;
-  const t97 = fullHeight ? "flex min-w-0 flex-1 flex-col overflow-hidden" : "min-w-0 flex-1 overflow-auto p-6";
-  const t98 = tabLabel[current];
-  let t99;
-  if ($[255] !== t || $[256] !== t98) {
-    t99 = t("{title} failed", {
-      title: t98
-    });
-    $[255] = t;
-    $[256] = t98;
-    $[257] = t99;
+  let t97;
+  if ($[259] !== chrome?.rulesInstalled) {
+    t97 = chrome?.rulesInstalled === false && /* @__PURE__ */ jsxDEV(RulesBanner, {}, void 0, false);
+    $[259] = chrome?.rulesInstalled;
+    $[260] = t97;
   } else {
-    t99 = $[257];
+    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 ($[258] !== t) {
-    t101 = t("Try again");
-    $[258] = t;
-    $[259] = t101;
-  } else {
-    t101 = $[259];
-  }
-  let t102;
-  if ($[260] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t102 = /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false);
-    $[260] = t102;
+  if ($[261] !== t || $[262] !== t100) {
+    t101 = t("{title} failed", {
+      title: t100
+    });
+    $[261] = t;
+    $[262] = t100;
+    $[263] = t101;
   } else {
-    t102 = $[260];
+    t101 = $[263];
   }
+  const t102 = tabLabel[current];
   let t103;
-  if ($[261] !== current || $[262] !== t100 || $[263] !== t101 || $[264] !== t99) {
-    t103 = /* @__PURE__ */ jsxDEV(ErrorBoundary, {
-      fallbackTitle: t99,
-      label: t100,
-      retryLabel: t101,
-      children: t102
-    }, current, false);
-    $[261] = current;
-    $[262] = t100;
-    $[263] = t101;
-    $[264] = t99;
+  if ($[264] !== t) {
+    t103 = t("Try again");
+    $[264] = t;
     $[265] = t103;
   } else {
     t103 = $[265];
   }
   let t104;
-  if ($[266] !== t103 || $[267] !== t97) {
-    t104 = /* @__PURE__ */ jsxDEV("div", {
-      className: t97,
-      children: t103
-    }, void 0, false);
-    $[266] = t103;
-    $[267] = t97;
-    $[268] = t104;
+  if ($[266] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t104 = /* @__PURE__ */ jsxDEV(Outlet, {}, void 0, false);
+    $[266] = t104;
   } else {
-    t104 = $[268];
+    t104 = $[266];
   }
   let t105;
-  if ($[269] !== t104 || $[270] !== t96) {
-    t105 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-labelledby": t96,
+  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;
+    $[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;
+  } else {
+    t106 = $[274];
+  }
+  let t107;
+  if ($[275] !== t106 || $[276] !== t98) {
+    t107 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-labelledby": t98,
       className: "flex min-w-0 flex-1 flex-col overflow-hidden",
       "data-testid": "dash-panel",
       id: "dash-panel",
       role: "tabpanel",
-      children: t104
+      children: t106
     }, void 0, false);
-    $[269] = t104;
-    $[270] = t96;
-    $[271] = t105;
+    $[275] = t106;
+    $[276] = t98;
+    $[277] = t107;
   } else {
-    t105 = $[271];
+    t107 = $[277];
   }
-  let t106;
-  if ($[272] !== t105 || $[273] !== t94 || $[274] !== t95) {
-    t106 = /* @__PURE__ */ jsxDEV(SidebarInset, {
+  let t108;
+  if ($[278] !== t107 || $[279] !== t96 || $[280] !== t97) {
+    t108 = /* @__PURE__ */ jsxDEV(SidebarInset, {
       className: "overflow-hidden md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
-      children: [t94, t95, t105]
+      children: [t96, t97, t107]
     }, void 0, true);
-    $[272] = t105;
-    $[273] = t94;
-    $[274] = t95;
-    $[275] = t106;
+    $[278] = t107;
+    $[279] = t96;
+    $[280] = t97;
+    $[281] = t108;
   } else {
-    t106 = $[275];
+    t108 = $[281];
   }
   return /* @__PURE__ */ jsxDEV(SidebarProvider, {
     className: "min-h-0 flex-1",
     "data-testid": "lunora-studio",
-    children: [t80, /* @__PURE__ */ jsxDEV(StudioSidebar, {
+    children: [t82, /* @__PURE__ */ jsxDEV(StudioSidebar, {
       chrome,
       connected,
       current,
@@ -10656,7 +11142,7 @@ const StudioLayout = () => {
       selectTab,
       tabDescription,
       tabLabel
-    }, void 0, false), t106]
+    }, void 0, false), t108]
   }, void 0, true);
 };
 const RoutePending = () => {
@@ -10782,6 +11268,9 @@ const buildRouter = ({
     export: /* @__PURE__ */ jsxDEV(ExportImportPanel, {
       initialShardKey
     }, void 0, false),
+    fanout: /* @__PURE__ */ jsxDEV(FanoutPanel, {
+      initialShardKey
+    }, void 0, false),
     files: /* @__PURE__ */ jsxDEV(FileBrowser, {}, void 0, false),
     flags: /* @__PURE__ */ jsxDEV(FlagsPanel, {
       initialShardKey