@lunora/studio 0.0.0 → 1.0.0-alpha.2

package/dist/packem_shared/CommandPalette-Dx_CoB9i.js

@@ -0,0 +1,373 @@
+import { c } from 'react/compiler-runtime';
+import { Dialog } from '@base-ui/react/dialog';
+import { useNavigate } from '@tanstack/react-router';
+import { useState, useRef, useEffect } from 'react';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { f as fireAndForget } from './internal-BBZYexre.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const OPEN_EVENT = "lunora:command-palette";
+const openCommandPalette = () => {
+  if ("window" in globalThis) {
+    globalThis.dispatchEvent(new Event(OPEN_EVENT));
+  }
+};
+const CommandRow = (t0) => {
+  const $ = c(18);
+  const {
+    active,
+    index,
+    item,
+    onActivate,
+    onSelect
+  } = t0;
+  let t1;
+  if ($[0] !== item || $[1] !== onSelect) {
+    t1 = () => {
+      onSelect(item);
+    };
+    $[0] = item;
+    $[1] = onSelect;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onClick = t1;
+  let t2;
+  if ($[3] !== index || $[4] !== onActivate) {
+    t2 = () => {
+      onActivate(index);
+    };
+    $[3] = index;
+    $[4] = onActivate;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const onMouseEnter = t2;
+  const t3 = active ? "bg-accent text-accent-foreground" : "text-foreground";
+  let t4;
+  if ($[6] !== t3) {
+    t4 = cn("flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-start text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground", t3);
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== item.label) {
+    t5 = /* @__PURE__ */ jsxDEV("span", {
+      children: item.label
+    }, void 0, false);
+    $[8] = item.label;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== item.group) {
+    t6 = /* @__PURE__ */ jsxDEV("span", {
+      className: "text-xs text-muted-foreground",
+      children: item.group
+    }, void 0, false);
+    $[10] = item.group;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== onClick || $[13] !== onMouseEnter || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("li", {
+      children: /* @__PURE__ */ jsxDEV("button", {
+        className: t4,
+        onClick,
+        onMouseEnter,
+        type: "button",
+        children: [t5, t6]
+      }, void 0, true)
+    }, void 0, false);
+    $[12] = onClick;
+    $[13] = onMouseEnter;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
+};
+const CommandPalette = (t0) => {
+  const $ = c(39);
+  const {
+    items
+  } = t0;
+  const t = useT();
+  const navigate = useNavigate();
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [activeIndex, setActiveIndex] = useState(0);
+  const inputRef = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      const onKeyDown = (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+          event.preventDefault();
+          setOpen(true);
+        }
+      };
+      const onOpen = () => {
+        setOpen(true);
+      };
+      globalThis.addEventListener("keydown", onKeyDown);
+      globalThis.addEventListener(OPEN_EVENT, onOpen);
+      return () => {
+        globalThis.removeEventListener("keydown", onKeyDown);
+        globalThis.removeEventListener(OPEN_EVENT, onOpen);
+      };
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== items || $[3] !== query) {
+    bb0: {
+      const needle = query.trim().toLowerCase();
+      if (needle === "") {
+        t3 = items;
+        break bb0;
+      }
+      t3 = items.filter((item) => item.label.toLowerCase().includes(needle) || item.group.toLowerCase().includes(needle));
+    }
+    $[2] = items;
+    $[3] = query;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const filtered = t3;
+  let t4;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = (next) => {
+      setOpen(next);
+      if (!next) {
+        setQuery("");
+        setActiveIndex(0);
+      }
+    };
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const onOpenChange = t4;
+  let t5;
+  if ($[6] !== navigate) {
+    t5 = (item_0) => {
+      onOpenChange(false);
+      fireAndForget(navigate({
+        to: item_0.to
+      }));
+    };
+    $[6] = navigate;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const select = t5;
+  let t6;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (event_0) => {
+      setQuery(event_0.target.value);
+      setActiveIndex(0);
+    };
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const onInputChange = t6;
+  let t7;
+  if ($[9] !== activeIndex || $[10] !== filtered || $[11] !== select) {
+    t7 = (event_1) => {
+      bb33: switch (event_1.key) {
+        case "ArrowDown": {
+          event_1.preventDefault();
+          setActiveIndex((index_0) => filtered.length === 0 ? 0 : (index_0 + 1) % filtered.length);
+          break bb33;
+        }
+        case "ArrowUp": {
+          event_1.preventDefault();
+          setActiveIndex((index) => filtered.length === 0 ? 0 : (index - 1 + filtered.length) % filtered.length);
+          break bb33;
+        }
+        case "Enter": {
+          event_1.preventDefault();
+          const item_1 = filtered[activeIndex];
+          if (item_1 !== void 0) {
+            select(item_1);
+          }
+          break bb33;
+        }
+      }
+    };
+    $[9] = activeIndex;
+    $[10] = filtered;
+    $[11] = select;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  const onInputKeyDown = t7;
+  let t8;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsxDEV(Dialog.Backdrop, {
+      className: "fixed inset-0 z-50 bg-black/40 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0"
+    }, void 0, false);
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== t) {
+    t9 = t("Command palette");
+    $[14] = t;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(Dialog.Title, {
+      className: "sr-only",
+      children: t9
+    }, void 0, false);
+    $[16] = t9;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  let t11;
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: "size-4 text-muted-foreground",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: [/* @__PURE__ */ jsxDEV("circle", {
+        cx: "11",
+        cy: "11",
+        r: "7"
+      }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
+        d: "m21 21-4.3-4.3",
+        strokeLinecap: "round"
+      }, void 0, false)]
+    }, void 0, true);
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== t) {
+    t12 = t("Search…");
+    $[19] = t;
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== onInputKeyDown || $[22] !== query || $[23] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-2 border-b border-border px-3",
+      children: [t11, /* @__PURE__ */ jsxDEV("input", {
+        className: "h-11 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+        "data-testid": "dash-command-input",
+        onChange: onInputChange,
+        onKeyDown: onInputKeyDown,
+        placeholder: t12,
+        ref: inputRef,
+        type: "text",
+        value: query
+      }, void 0, false)]
+    }, void 0, true);
+    $[21] = onInputKeyDown;
+    $[22] = query;
+    $[23] = t12;
+    $[24] = t13;
+  } else {
+    t13 = $[24];
+  }
+  let t14;
+  if ($[25] !== activeIndex || $[26] !== filtered || $[27] !== select || $[28] !== t) {
+    t14 = filtered.length === 0 ? /* @__PURE__ */ jsxDEV("li", {
+      className: "px-3 py-6 text-center text-sm text-muted-foreground",
+      children: t("No results.")
+    }, void 0, false) : filtered.map((item_2, index_1) => /* @__PURE__ */ jsxDEV(CommandRow, {
+      active: index_1 === activeIndex,
+      index: index_1,
+      item: item_2,
+      onActivate: setActiveIndex,
+      onSelect: select
+    }, item_2.to, false));
+    $[25] = activeIndex;
+    $[26] = filtered;
+    $[27] = select;
+    $[28] = t;
+    $[29] = t14;
+  } else {
+    t14 = $[29];
+  }
+  let t15;
+  if ($[30] !== t14) {
+    t15 = /* @__PURE__ */ jsxDEV("ul", {
+      className: "max-h-80 overflow-y-auto p-1.5",
+      "data-testid": "dash-command-list",
+      children: t14
+    }, void 0, false);
+    $[30] = t14;
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  let t16;
+  if ($[32] !== t10 || $[33] !== t13 || $[34] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV(Dialog.Portal, {
+      children: [t8, /* @__PURE__ */ jsxDEV(Dialog.Popup, {
+        className: "fixed start-1/2 top-24 z-50 w-[36rem] max-w-[90vw] -translate-x-1/2 overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-lg outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        "data-testid": "dash-command-palette",
+        initialFocus: inputRef,
+        children: [t10, t13, t15]
+      }, void 0, true)]
+    }, void 0, true);
+    $[32] = t10;
+    $[33] = t13;
+    $[34] = t15;
+    $[35] = t16;
+  } else {
+    t16 = $[35];
+  }
+  let t17;
+  if ($[36] !== open || $[37] !== t16) {
+    t17 = /* @__PURE__ */ jsxDEV(Dialog.Root, {
+      onOpenChange,
+      open,
+      children: t16
+    }, void 0, false);
+    $[36] = open;
+    $[37] = t16;
+    $[38] = t17;
+  } else {
+    t17 = $[38];
+  }
+  return t17;
+};
+
+export { CommandPalette, openCommandPalette };

package/dist/packem_shared/ConfirmButton-WQVUoGFb.js

@@ -0,0 +1,59 @@
+import { useState } from 'react';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const ConfirmButton = ({
+  children,
+  confirmLabel,
+  disabled = false,
+  onConfirm,
+  testId
+}) => {
+  const t = useT();
+  const [confirming, setConfirming] = useState(false);
+  const startConfirm = () => {
+    setConfirming(true);
+  };
+  const cancelConfirm = () => {
+    setConfirming(false);
+  };
+  const acceptConfirm = () => {
+    setConfirming(false);
+    onConfirm();
+  };
+  if (!confirming) {
+    return /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": testId,
+      disabled,
+      onClick: startConfirm,
+      size: "sm",
+      type: "button",
+      variant: "outline",
+      children
+    }, void 0, false);
+  }
+  return /* @__PURE__ */ jsxDEV("span", {
+    className: "inline-flex items-center gap-1",
+    "data-testid": `${testId}-prompt`,
+    role: "group",
+    children: [/* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": `${testId}-confirm`,
+      disabled,
+      onClick: acceptConfirm,
+      size: "sm",
+      type: "button",
+      variant: "destructive",
+      children: confirmLabel ?? t("Confirm")
+    }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": `${testId}-cancel`,
+      onClick: cancelConfirm,
+      size: "sm",
+      type: "button",
+      variant: "ghost",
+      children: t("Cancel")
+    }, void 0, false)]
+  }, void 0, true);
+};
+
+export { ConfirmButton };

package/dist/packem_shared/ConnectionBadge-Bxagrip8.js

@@ -0,0 +1,111 @@
+import { c } from 'react/compiler-runtime';
+import { useConnectionStatus } from '@lunora/react';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const STATUS_DOT = {
+  connected: "bg-success",
+  connecting: "bg-warning",
+  idle: "bg-muted-foreground",
+  offline: "bg-destructive"
+};
+const ConnectionBadge = () => {
+  const $ = c(16);
+  const t = useT();
+  const status = useConnectionStatus();
+  let text;
+  bb0: switch (status) {
+    case "connected": {
+      let t02;
+      if ($[0] !== t) {
+        t02 = t("Connected");
+        $[0] = t;
+        $[1] = t02;
+      } else {
+        t02 = $[1];
+      }
+      text = t02;
+      break bb0;
+    }
+    case "connecting": {
+      let t02;
+      if ($[2] !== t) {
+        t02 = t("Connecting…");
+        $[2] = t;
+        $[3] = t02;
+      } else {
+        t02 = $[3];
+      }
+      text = t02;
+      break bb0;
+    }
+    case "idle": {
+      let t02;
+      if ($[4] !== t) {
+        t02 = t("Idle");
+        $[4] = t;
+        $[5] = t02;
+      } else {
+        t02 = $[5];
+      }
+      text = t02;
+      break bb0;
+    }
+    case "offline": {
+      let t02;
+      if ($[6] !== t) {
+        t02 = t("Offline");
+        $[6] = t;
+        $[7] = t02;
+      } else {
+        t02 = $[7];
+      }
+      text = t02;
+      break bb0;
+    }
+    default: {
+      text = status;
+    }
+  }
+  const t0 = STATUS_DOT[status];
+  let t1;
+  if ($[8] !== t0) {
+    t1 = cn("size-2 rounded-full", t0);
+    $[8] = t0;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  let t2;
+  if ($[10] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: t1
+    }, void 0, false);
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  let t3;
+  if ($[12] !== status || $[13] !== t2 || $[14] !== text) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-live": "polite",
+      className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground",
+      "data-status": status,
+      "data-testid": "dash-connection",
+      role: "status",
+      children: [t2, text]
+    }, void 0, true);
+    $[12] = status;
+    $[13] = t2;
+    $[14] = text;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  return t3;
+};
+
+export { ConnectionBadge as default };

package/dist/packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js

@@ -0,0 +1,50 @@
+import { c } from 'react/compiler-runtime';
+import { useRef, useEffect } from 'react';
+
+const DEFAULT_AUTO_REFRESH_MS = 5e3;
+const useAutoRefresh = (onTick, enabled, t0) => {
+  const $ = c(6);
+  const intervalMs = t0 === void 0 ? DEFAULT_AUTO_REFRESH_MS : t0;
+  const tickRef = useRef(onTick);
+  let t1;
+  if ($[0] !== onTick) {
+    t1 = () => {
+      tickRef.current = onTick;
+    };
+    $[0] = onTick;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  useEffect(t1);
+  let t2;
+  let t3;
+  if ($[2] !== enabled || $[3] !== intervalMs) {
+    t2 = () => {
+      if (!enabled) {
+        return;
+      }
+      const id = setInterval(() => {
+        const globalDocument = globalThis.document;
+        if (globalDocument?.hidden === true) {
+          return;
+        }
+        tickRef.current();
+      }, intervalMs);
+      return () => {
+        clearInterval(id);
+      };
+    };
+    t3 = [enabled, intervalMs];
+    $[2] = enabled;
+    $[3] = intervalMs;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+};
+
+export { DEFAULT_AUTO_REFRESH_MS, useAutoRefresh };

package/dist/packem_shared/DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js

@@ -0,0 +1,89 @@
+const DEFAULT_INSIGHT_THRESHOLDS = {
+  highErrorRate: 0.05,
+  highWriteContention: 0.1,
+  lowCacheHitRate: 0.5,
+  minCacheSamples: 10,
+  minConflictCalls: 5,
+  minErrorCalls: 5,
+  slowFunctionMs: 1e3
+};
+const SEVERITY_ORDER = {
+  error: 0,
+  info: 2,
+  warning: 1
+};
+const deriveFunctionInsights = (stat, thresholds) => {
+  const insights = [];
+  if (stat.maxDurationMs >= thresholds.slowFunctionMs) {
+    const scannedTables = stat.scannedTables ?? [];
+    if (scannedTables.length > 0) {
+      insights.push({
+        fn: stat.path,
+        kind: "missing-index",
+        severity: "warning",
+        tables: scannedTables.map((attribution) => attribution.table),
+        value: stat.maxDurationMs
+      });
+    } else {
+      insights.push({
+        fn: stat.path,
+        kind: "slow-function",
+        severity: "info",
+        value: stat.maxDurationMs
+      });
+    }
+  }
+  if (stat.calls >= thresholds.minErrorCalls && stat.errors / stat.calls >= thresholds.highErrorRate) {
+    insights.push({
+      fn: stat.path,
+      kind: "high-error-rate",
+      message: stat.lastErrorMessage ?? void 0,
+      severity: "error",
+      value: stat.errors / stat.calls
+    });
+  }
+  const conflicts = stat.conflicts ?? 0;
+  if (conflicts > 0 && stat.calls >= thresholds.minConflictCalls && conflicts / stat.calls >= thresholds.highWriteContention) {
+    insights.push({
+      fn: stat.path,
+      kind: "high-write-contention",
+      severity: "warning",
+      value: conflicts / stat.calls
+    });
+  }
+  return insights;
+};
+const deriveInsights = (metrics, functions, thresholds = DEFAULT_INSIGHT_THRESHOLDS) => {
+  const insights = [];
+  if (metrics?.cache) {
+    const {
+      evictions,
+      hits,
+      misses
+    } = metrics.cache;
+    const samples = hits + misses;
+    if (samples >= thresholds.minCacheSamples) {
+      const rate = hits / samples;
+      if (rate < thresholds.lowCacheHitRate) {
+        insights.push({
+          kind: "low-cache-hit-rate",
+          severity: "warning",
+          value: rate
+        });
+      }
+    }
+    if (evictions > 0 && evictions > hits) {
+      insights.push({
+        kind: "high-evictions",
+        severity: "warning",
+        value: evictions
+      });
+    }
+  }
+  for (const stat of functions ?? []) {
+    insights.push(...deriveFunctionInsights(stat, thresholds));
+  }
+  return insights.toSorted((a, b) => SEVERITY_ORDER[a.severity] - SEVERITY_ORDER[b.severity]);
+};
+
+export { DEFAULT_INSIGHT_THRESHOLDS, deriveInsights };