@lunora/studio 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/{packem_shared/MetricsPanel-BLuOhZQ4.js → packem_chunks/MetricsPanel.js}

@@ -1,290 +1,23 @@
-'use client';
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useState, useRef, useEffect, useMemo } from 'react';
-import { L as LiveError } from './live-status-FZ0psC1z.js';
-import { ShardInput } from './ShardInput-gx_DZXXn.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { a as CardContent, C as Card, b as CardHeader, c as CardTitle, d as CardDescription } from './card-DURq3ElK.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 useLiveAdmin } from './use-live-admin-Dq6g3daN.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { c as CLOUDFLARE_DURABLE_OBJECTS_URL } from './cf-links-2cktDedA.js';
-import { d as formatBytes, f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
-import { l as loadRecentShards, r as recordShard } from './shard-history-DyebH1R5.js';
-import { u as useLiveShardSeed } from './use-live-shard-seed-Cuk3dnH0.js';
-import { aggregateMetrics, computeLatencyPercentiles, enrichQueryStats, shardsToAggregate } from './aggregateMetrics-D4nUHEKU.js';
-import { B as Badge } from './badge-B2PKA1-5.js';
-import { Select as Select$1 } from '@base-ui/react/select';
-import { c as cn } from './utils-B05Dmz_H.js';
-import { HugeiconsIcon } from '@hugeicons/react';
-import { UnfoldMoreIcon, Tick02Icon, ArrowUp01Icon, ArrowDown01Icon } from '@hugeicons/core-free-icons';
+import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
+import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { a as CardContent, C as Card, b as CardHeader, c as CardTitle, d as CardDescription } from '../packem_shared/card-DURq3ElK.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-CfHYWx5n.js';
+import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
+import { c as CLOUDFLARE_DURABLE_OBJECTS_URL } from '../packem_shared/cf-links-BZfRdxSE.js';
+import { j as formatBytes, f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-CYcbqMjX.js';
+import { r as recordShard, l as loadRecentShards } from '../packem_shared/shard-history-DyebH1R5.js';
+import { aggregateMetrics, computeLatencyPercentiles, enrichQueryStats, shardsToAggregate } from '../packem_shared/aggregateMetrics-D4nUHEKU.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { S as SelectValue, a as SelectTrigger, b as SelectItem, c as SelectContent, d as Select } from '../packem_shared/select-UkNYCT3s.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-import { S as Sparkline } from './sparkline-10dG-_f0.js';
-
-const Select = Select$1.Root;
-function SelectValue(t0) {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("flex flex-1 text-start", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsxDEV(Select$1.Value, {
-      "data-slot": "select-value",
-      className: t1,
-      ...props
-    }, void 0, false);
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV(Select$1.Trigger, {
-    "data-slot": "select-trigger",
-    "data-size": size,
-    className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pe-2 ps-2.5 text-xs whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-md *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-    ...props,
-    children: [children, /* @__PURE__ */ jsxDEV(Select$1.Icon, {
-      render: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
-        icon: UnfoldMoreIcon,
-        strokeWidth: 2,
-        className: "pointer-events-none size-4 text-muted-foreground"
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
-}
-function SelectContent({
-  className,
-  children,
-  side = "bottom",
-  sideOffset = 4,
-  align = "center",
-  alignOffset = 0,
-  alignItemWithTrigger = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxDEV(Select$1.Portal, {
-    children: /* @__PURE__ */ jsxDEV(Select$1.Positioner, {
-      side,
-      sideOffset,
-      align,
-      alignOffset,
-      alignItemWithTrigger,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsxDEV(Select$1.Popup, {
-        "data-slot": "select-content",
-        "data-align-trigger": alignItemWithTrigger,
-        className: cn("isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!", className),
-        ...props,
-        children: [/* @__PURE__ */ jsxDEV(SelectScrollUpButton, {}, void 0, false), /* @__PURE__ */ jsxDEV(Select$1.List, {
-          children
-        }, void 0, false), /* @__PURE__ */ jsxDEV(SelectScrollDownButton, {}, void 0, false)]
-      }, void 0, true)
-    }, void 0, false)
-  }, void 0, false);
-}
-function SelectItem(t0) {
-  const $ = c(13);
-  let children;
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      children,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = props;
-  } else {
-    children = $[1];
-    className = $[2];
-    props = $[3];
-  }
-  let t1;
-  if ($[4] !== className) {
-    t1 = cn("relative flex w-full cursor-default items-center gap-2 rounded-md py-2 pe-8 ps-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children) {
-    t2 = /* @__PURE__ */ jsxDEV(Select$1.ItemText, {
-      className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
-      children
-    }, void 0, false);
-    $[6] = children;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  let t3;
-  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsxDEV(Select$1.ItemIndicator, {
-      render: /* @__PURE__ */ jsxDEV("span", {
-        className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center"
-      }, void 0, false),
-      children: /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
-        icon: Tick02Icon,
-        strokeWidth: 2,
-        className: "pointer-events-none"
-      }, void 0, false)
-    }, void 0, false);
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== props || $[10] !== t1 || $[11] !== t2) {
-    t4 = /* @__PURE__ */ jsxDEV(Select$1.Item, {
-      "data-slot": "select-item",
-      className: t1,
-      ...props,
-      children: [t2, t3]
-    }, void 0, true);
-    $[9] = props;
-    $[10] = t1;
-    $[11] = t2;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
-}
-function SelectScrollUpButton(t0) {
-  const $ = c(9);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
-      icon: ArrowUp01Icon,
-      strokeWidth: 2
-    }, void 0, false);
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== props || $[7] !== t1) {
-    t3 = /* @__PURE__ */ jsxDEV(Select$1.ScrollUpArrow, {
-      "data-slot": "select-scroll-up-button",
-      className: t1,
-      ...props,
-      children: t2
-    }, void 0, false);
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
-}
-function SelectScrollDownButton(t0) {
-  const $ = c(9);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsxDEV(HugeiconsIcon, {
-      icon: ArrowDown01Icon,
-      strokeWidth: 2
-    }, void 0, false);
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== props || $[7] !== t1) {
-    t3 = /* @__PURE__ */ jsxDEV(Select$1.ScrollDownArrow, {
-      "data-slot": "select-scroll-down-button",
-      className: t1,
-      ...props,
-      children: t2
-    }, void 0, false);
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
-}
+import { S as Sparkline } from '../packem_shared/sparkline-BnA1kC9X.js';
 
 const performanceLevel = (avgMs) => {
   if (avgMs >= 100) {
@@ -1205,6 +938,7 @@ const formatDuration = (ms) => {
   }
   return `${seconds.toString()}s`;
 };
+const resolveTab = (hasQueryStats, activeTab) => hasQueryStats ? activeTab : "overview";
 const hitRate = (hits, misses) => {
   const total = hits + misses;
   return total === 0 ? "—" : `${(hits / total * 100).toFixed(1)}%`;
@@ -1297,24 +1031,33 @@ const MetricsPanel = ({
   const client = useLunora();
   const t = useT();
   const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [metrics, setMetrics] = useState(null);
-  const [error, setError] = useState(null);
   const [activeTab, setActiveTab] = useState("overview");
-  const [liveError, setLiveError] = useState(void 0);
   const [history, setHistory] = useState([]);
-  const mountedRef = useRef(true);
   const lastRequestsRef = useRef(null);
   const lastShardRef = useRef(null);
+  const mountedRef = useRef(true);
   useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const applySample = (next) => {
-    setError(null);
-    setLiveError(void 0);
-    setMetrics(next);
+  const debouncedShard = useDebounced(shardKey.trim(), 400);
+  const {
+    data,
+    error,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getMetrics, {}, {
+    live: true,
+    shardKey: debouncedShard
+  });
+  const metrics = data ?? null;
+  useEffect(() => {
+    if (data === void 0) {
+      return;
+    }
+    recordShard(debouncedShard);
+    const next = data;
     const previous = lastRequestsRef.current;
     const shardChanged = lastShardRef.current !== null && lastShardRef.current !== next.shard;
     lastShardRef.current = next.shard;
@@ -1326,32 +1069,7 @@ const MetricsPanel = ({
     if (previous !== null && next.requests >= previous) {
       setHistory((prior) => [...prior, next.requests - previous].slice(-30));
     }
-  };
-  const refresh = async (shard) => {
-    try {
-      const next_0 = await client.query(GET_METRICS, {}, callOptions(shard));
-      recordShard(shard);
-      if (mountedRef.current) {
-        applySample(next_0);
-      }
-    } catch (error_) {
-      if (mountedRef.current) {
-        setMetrics(null);
-        setError(errorMessage(error_));
-      }
-      throw error_;
-    }
-  };
-  const committedShard = useLiveShardSeed(shardKey, refresh);
-  useLiveAdmin(ADMIN_FUNCTIONS.getMetrics, {}, committedShard ?? "", (next_1) => {
-    if (mountedRef.current) {
-      applySample(next_1);
-    }
-  }, committedShard !== void 0, (message) => {
-    if (mountedRef.current) {
-      setLiveError(message);
-    }
-  });
+  }, [data, debouncedShard]);
   const [shardResults, setShardResults] = useState(null);
   const [aggregating, setAggregating] = useState(false);
   const aggregateAll = async () => {
@@ -1412,6 +1130,7 @@ const MetricsPanel = ({
     }
     return enrichQueryStats(snapQs);
   }, [metrics]);
+  const effectiveTab = resolveTab(queryStats !== void 0, activeTab);
   const runAggregate = () => {
     fireAndForget(aggregateAll());
   };
@@ -1468,13 +1187,13 @@ const MetricsPanel = ({
       className: "flex gap-2 border-b",
       "data-testid": "mt-tabs",
       children: [/* @__PURE__ */ jsxDEV("button", {
-        className: `pb-2 text-sm font-medium transition-colors ${activeTab === "overview" ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+        className: `pb-2 text-sm font-medium transition-colors ${effectiveTab === "overview" ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}`,
         "data-testid": "mt-tab-overview",
         onClick: switchToOverview,
         type: "button",
         children: t("Overview")
       }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
-        className: `pb-2 text-sm font-medium transition-colors ${activeTab === "query-insights" ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+        className: `pb-2 text-sm font-medium transition-colors ${effectiveTab === "query-insights" ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}`,
         "data-testid": "mt-tab-query-insights",
         onClick: switchToQueryInsights,
         type: "button",
@@ -1483,9 +1202,9 @@ const MetricsPanel = ({
           children: queryStats.length
         }, void 0, false)]
       }, void 0, true)]
-    }, void 0, true), activeTab === "query-insights" && queryStats !== void 0 && /* @__PURE__ */ jsxDEV(QueryInsights, {
+    }, void 0, true), effectiveTab === "query-insights" && queryStats !== void 0 && /* @__PURE__ */ jsxDEV(QueryInsights, {
       queryStats
-    }, void 0, false), activeTab === "overview" && metrics !== null && /* @__PURE__ */ jsxDEV("dl", {
+    }, void 0, false), effectiveTab === "overview" && metrics !== null && /* @__PURE__ */ jsxDEV("dl", {
       className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
       "data-testid": "mt-stats",
       children: [/* @__PURE__ */ jsxDEV(StatCard, {
@@ -1542,7 +1261,7 @@ const MetricsPanel = ({
           rate: hitRate(metrics.cache.hits, metrics.cache.misses)
         })
       }, void 0, false)]
-    }, void 0, true), activeTab === "overview" && metrics === null && null, activeTab === "overview" && aggregate !== null && shardResults !== null && /* @__PURE__ */ jsxDEV("div", {
+    }, void 0, true), effectiveTab === "overview" && metrics === null && null, effectiveTab === "overview" && aggregate !== null && shardResults !== null && /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-4",
       "data-testid": "mt-aggregate-view",
       children: [/* @__PURE__ */ jsxDEV("dl", {

package/dist/{packem_shared/MigrationsPanel-DT3lnwHF.js → packem_chunks/MigrationsPanel.js}

@@ -1,24 +1,24 @@
 import { useLunora } from '@lunora/react';
-import { useState } from 'react';
-import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
-import { L as LiveError } from './live-status-FZ0psC1z.js';
-import { ShardInput } from './ShardInput-gx_DZXXn.js';
-import { B as Badge } from './badge-B2PKA1-5.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { C as Card, a as CardContent } from './card-DURq3ElK.js';
-import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { I as Input } from './input-XH4r1Pt1.js';
-import { L as Label } from './label-D8ykjn5J.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 useLiveAdmin } from './use-live-admin-Dq6g3daN.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { b as formatTimestamp, f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
-import { r as recordShard } from './shard-history-DyebH1R5.js';
-import { u as useLiveShardSeed } from './use-live-shard-seed-Cuk3dnH0.js';
+import { useState, useEffect } from 'react';
+import { ConfirmButton } from '../packem_shared/ConfirmButton-C2eVi2Qv.js';
+import { E as ErrorAlert } from '../packem_shared/error-alert-CXjqyGw9.js';
+import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
+import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
+import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-CfHYWx5n.js';
+import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
+import { i as formatTimestamp, f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-CYcbqMjX.js';
+import { r as recordShard } from '../packem_shared/shard-history-DyebH1R5.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
-const MIGRATION_STATUS = adminRef(ADMIN_FUNCTIONS.migrationStatus);
 const RUN_MIGRATION = adminRef(ADMIN_FUNCTIONS.runMigration);
 const MigrationsPanel = ({
   initialShardKey
@@ -26,33 +26,29 @@ const MigrationsPanel = ({
   const client = useLunora();
   const t = useT();
   const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [rows, setRows] = useState(null);
-  const [statusError, setStatusError] = useState(null);
-  const [liveError, setLiveError] = useState(void 0);
   const [migrationId, setMigrationId] = useState("");
   const [direction, setDirection] = useState("up");
   const [dryRun, setDryRun] = useState(true);
   const [running, setRunning] = useState(false);
   const [runResult, setRunResult] = useState(null);
   const [runError, setRunError] = useState(null);
-  const refresh = async (shard) => {
-    setStatusError(null);
-    try {
-      const result = await client.query(MIGRATION_STATUS, {}, callOptions(shard));
-      recordShard(shard);
-      setRows(result.migrations);
-    } catch (error) {
-      setRows(null);
-      setStatusError(errorMessage(error));
-      throw error;
+  const debouncedShard = useDebounced(shardKey.trim(), 400);
+  const shardSettled = shardKey.trim() === debouncedShard;
+  const statusQuery = useAdminQuery(ADMIN_FUNCTIONS.migrationStatus, {}, {
+    live: true,
+    shardKey: debouncedShard
+  });
+  const rows = statusQuery.data?.migrations ?? null;
+  const statusError = statusQuery.error;
+  const {
+    errorSource: statusErrorSource,
+    liveError
+  } = statusQuery;
+  useEffect(() => {
+    if (statusQuery.data !== void 0) {
+      recordShard(debouncedShard);
     }
-  };
-  const committedShard = useLiveShardSeed(shardKey, refresh);
-  useLiveAdmin(ADMIN_FUNCTIONS.migrationStatus, {}, committedShard ?? "", (result_0) => {
-    setStatusError(null);
-    setLiveError(void 0);
-    setRows(result_0.migrations);
-  }, committedShard !== void 0, setLiveError);
+  }, [statusQuery.data, debouncedShard]);
   const run = async () => {
     const id = migrationId.trim();
     if (id === "") {
@@ -63,17 +59,16 @@ const MigrationsPanel = ({
     setRunning(true);
     setRunError(null);
     try {
-      const result_1 = await client.query(RUN_MIGRATION, {
+      const result = await client.query(RUN_MIGRATION, {
         direction,
         dryRun,
         id
       }, callOptions(shardKey));
-      setRunResult(result_1);
-      await refresh(shardKey).catch(() => {
-      });
-    } catch (error_0) {
+      setRunResult(result);
+      statusQuery.refetch();
+    } catch (error) {
       setRunResult(null);
-      setRunError(errorMessage(error_0));
+      setRunError(errorMessage(error));
     } finally {
       setRunning(false);
     }
@@ -103,11 +98,9 @@ const MigrationsPanel = ({
         message: liveError,
         prefix: "mg"
       }, void 0, false)]
-    }, void 0, true), statusError !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "mg-status-error",
-      role: "alert",
-      children: statusError
+    }, void 0, true), statusError !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: statusErrorSource,
+      testId: "mg-status-error"
     }, void 0, false), rows !== null && rows.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
       description: t("Data migrations you run against this shard will be tracked here."),
       icon: /* @__PURE__ */ jsxDEV("svg", {
@@ -212,7 +205,7 @@ const MigrationsPanel = ({
           }, void 0, false), t("Dry run")]
         }, void 0, true), dryRun ? /* @__PURE__ */ jsxDEV(Button, {
           "data-testid": "mg-run",
-          disabled: running,
+          disabled: running || !shardSettled,
           onClick: runMigration,
           size: "sm",
           type: "button",
@@ -221,7 +214,7 @@ const MigrationsPanel = ({
           // A real (non-dry-run) migration mutates rows — guard it.
           /* @__PURE__ */ jsxDEV(ConfirmButton, {
             confirmLabel: running ? t("Running…") : t("Run migration?"),
-            disabled: running,
+            disabled: running || !shardSettled,
             onConfirm: runMigration,
             testId: "mg-run",
             children: t("Run")

package/dist/{packem_shared/PitrPanel-CdErL7EJ.js → packem_chunks/PitrPanel.js}

@@ -1,14 +1,14 @@
 import { useLunora } from '@lunora/react';
 import { useState, useCallback, useEffect } from 'react';
-import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
-import { B as Badge } from './badge-B2PKA1-5.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { I as Input } from './input-XH4r1Pt1.js';
-import { L as Label } from './label-D8ykjn5J.js';
-import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from './internal-rXJEAhXS.js';
+import { ConfirmButton } from '../packem_shared/ConfirmButton-C2eVi2Qv.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
+import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
+import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
+import { c as callOptions, e as errorMessage, f as fireAndForget, a as adminRef } from '../packem_shared/internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const GET_BOOKMARK = adminRef(ADMIN_FUNCTIONS.getPitrBookmark);

package/dist/{packem_shared/SchemaViewer-LJDcmNIO.js → packem_chunks/SchemaViewer.js}

@@ -2,27 +2,28 @@
 import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useState, useRef, useEffect } from 'react';
-import { ShardInput } from './ShardInput-gx_DZXXn.js';
-import { S as StorageTierBadge, T as TIER_META } from './storage-tier-CL98eOvn.js';
-import { B as Badge } from './badge-B2PKA1-5.js';
-import { B as Button } from './button-BhsN2uZH.js';
-import { C as Card, b as CardHeader, c as CardTitle, d as CardDescription, a as CardContent } from './card-DURq3ElK.js';
-import { E as EmptyState } from './empty-state-DY_oe0k6.js';
-import { I as Input } from './input-XH4r1Pt1.js';
-import useDebounced from './useDebounced-Dxncpg6z.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.js';
-import { r as recordShard } from './shard-history-DyebH1R5.js';
-import { c as cn } from './utils-B05Dmz_H.js';
+import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
+import { S as StorageTierBadge, T as TIER_META } from '../packem_shared/storage-tier-CL98eOvn.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { C as Card, b as CardHeader, c as CardTitle, d as CardDescription, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
+import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
+import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-CYcbqMjX.js';
+import { r as recordShard } from '../packem_shared/shard-history-DyebH1R5.js';
+import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
 import { Download01Icon } from '@hugeicons/core-free-icons';
 import { HugeiconsIcon } from '@hugeicons/react';
 import { Handle, Position, getNodesBounds, getViewportForBounds, useNodesState, useEdgesState, Background, Panel, Controls, MiniMap, ReactFlow, useNodes, useReactFlow } from '@xyflow/react';
-import { d as DropdownMenu, D as DropdownMenuTrigger, c as DropdownMenuContent, b as DropdownMenuItem } from './dropdown-menu-WY4B_eJO.js';
+import { d as DropdownMenu, D as DropdownMenuTrigger, c as DropdownMenuContent, b as DropdownMenuItem } from '../packem_shared/dropdown-menu-WY4B_eJO.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
+import { LunoraError } from '@lunora/errors';
 import { toBlob, toSvg } from 'html-to-image';
 import { useNavigate } from '@tanstack/react-router';
-import { L as Label } from './label-D8ykjn5J.js';
+import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
 
 function BaseNode(t0) {
   const $ = c(10);
@@ -340,7 +341,7 @@ const exportDiagramAsPng = async (viewportElement, nodes, filename = "schema-dia
     width: IMAGE_WIDTH
   });
   if (blob === null) {
-    throw new Error("html-to-image produced no blob");
+    throw new LunoraError("INTERNAL", "html-to-image produced no blob");
   }
   const url = globalThis.URL.createObjectURL(blob);
   triggerDownload(url, filename);