@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/sparkline.js

@@ -1,79 +1 @@
-import { c } from 'react/compiler-runtime';
-import { B as Bar, E as EvilBarChart } from '../packem_shared/bar-chart-DSwcWIRy.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const SPARKLINE_CONFIG = {
-  value: {
-    colors: {
-      dark: ["var(--foreground)"],
-      light: ["var(--foreground)"]
-    },
-    label: ""
-  }
-};
-const Sparkline = (t0) => {
-  const $ = c(6);
-  const {
-    data
-  } = t0;
-  let t1;
-  let t2;
-  if ($[0] !== data) {
-    t2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const bars = data.slice(-16);
-      if (bars.length < 3) {
-        t2 = null;
-        break bb0;
-      }
-      t1 = bars.map(_temp);
-    }
-    $[0] = data;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  if (t2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t2;
-  }
-  const rows = t1;
-  let t3;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsxDEV(Bar, {
-      dataKey: "value"
-    }, void 0, false);
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== rows) {
-    t4 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-hidden": "true",
-      className: "h-8 w-28",
-      children: /* @__PURE__ */ jsxDEV(EvilBarChart, {
-        animationType: "none",
-        barCategoryGap: 1,
-        className: "h-8 w-full",
-        config: SPARKLINE_CONFIG,
-        data: rows,
-        children: t3
-      }, void 0, false)
-    }, void 0, false);
-    $[4] = rows;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  return t4;
-};
-function _temp(value, index) {
-  return {
-    index,
-    value
-  };
-}
-
-export { Sparkline };
+import{c as m}from"react/compiler-runtime";import{B as u,E as f}from"../packem_shared/bar-chart-AryFCeoa.js";import{jsx as c}from"react/jsx-runtime";const d={value:{colors:{dark:["var(--foreground)"],light:["var(--foreground)"]},label:""}},b=n=>{const e=m(6),{data:o}=n;let a,r;if(e[0]!==o){r=Symbol.for("react.early_return_sentinel");e:{const s=o.slice(-16);if(s.length<3){r=null;break e}a=s.map(h)}e[0]=o,e[1]=a,e[2]=r}else a=e[1],r=e[2];if(r!==Symbol.for("react.early_return_sentinel"))return r;const i=a;let t;e[3]===Symbol.for("react.memo_cache_sentinel")?(t=c(u,{dataKey:"value"}),e[3]=t):t=e[3];let l;return e[4]!==i?(l=c("div",{"aria-hidden":"true",className:"h-8 w-28",children:c(f,{animationType:"none",barCategoryGap:1,className:"h-8 w-full",config:d,data:i,children:t})}),e[4]=i,e[5]=l):l=e[5],l};function h(n,e){return{index:e,value:n}}export{b as Sparkline};

package/dist/packem_chunks/storage-rules-panel.js

@@ -1,140 +1 @@
-import { c } from 'react/compiler-runtime';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/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 '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-C7JNuQp-.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-P2UzJscH.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const operationLabel = (t, operation) => ({
-  delete: t("Delete"),
-  list: t("List"),
-  read: t("Read"),
-  write: t("Write")
-})[operation];
-const OPERATION_ORDER = {
-  delete: 2,
-  list: 3,
-  read: 0,
-  write: 1
-};
-const sortRules = (rules) => [...rules].toSorted((a, b) => a.bucket.localeCompare(b.bucket) || OPERATION_ORDER[a.on] - OPERATION_ORDER[b.on] || (a.prefix ?? "").localeCompare(b.prefix ?? ""));
-const StorageRulesPanel = () => {
-  const $ = c(14);
-  const t = useT();
-  let t0;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const {
-    data,
-    error,
-    errorSource
-  } = useAdminQuery(ADMIN_FUNCTIONS.storageRules, t0);
-  const loaded = data !== void 0;
-  let t1;
-  if ($[1] !== data || $[2] !== error || $[3] !== errorSource || $[4] !== loaded || $[5] !== t) {
-    const rules = sortRules(Array.isArray(data?.rules) ? data.rules : []);
-    let t2;
-    if ($[7] !== error || $[8] !== errorSource) {
-      t2 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-        error: errorSource,
-        testId: "storage-rules-error"
-      }, void 0, false);
-      $[7] = error;
-      $[8] = errorSource;
-      $[9] = t2;
-    } else {
-      t2 = $[9];
-    }
-    let t3;
-    if ($[10] !== t) {
-      t3 = t("Storage rules are declared in code with defineStorageRule and gate ctx.storage access per bucket. This view is read-only.");
-      $[10] = t;
-      $[11] = t3;
-    } else {
-      t3 = $[11];
-    }
-    let t4;
-    if ($[12] !== t3) {
-      t4 = /* @__PURE__ */ jsxDEV("p", {
-        className: "text-sm text-muted-foreground",
-        "data-testid": "storage-rules-note",
-        children: t3
-      }, void 0, false);
-      $[12] = t3;
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    t1 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-4",
-      "data-testid": "lunora-storage-rules-panel",
-      children: [t2, t4, loaded && rules.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
-        description: t("No defineStorageRule is wired through .use(storageRules(...)) in this deployment. Add one to gate object access by key prefix."),
-        testId: "storage-rules-empty",
-        title: t("No storage rules defined")
-      }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
-        className: "overflow-hidden py-0",
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "px-0",
-          children: /* @__PURE__ */ jsxDEV(Table, {
-            "data-testid": "storage-rules-table",
-            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-              children: /* @__PURE__ */ jsxDEV(TableRow, {
-                children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Bucket")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Operation")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Key prefix")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Guarded by")
-                }, void 0, false)]
-              }, void 0, true)
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-              children: rules.map((rule) => /* @__PURE__ */ jsxDEV(TableRow, {
-                "data-testid": `storage-rule-${rule.bucket}-${rule.on}-${rule.prefix ?? ""}`,
-                children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "font-mono text-xs",
-                  children: rule.bucket
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  children: /* @__PURE__ */ jsxDEV(Badge, {
-                    variant: "secondary",
-                    children: operationLabel(t, rule.on)
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "font-mono text-xs",
-                  children: rule.prefix ?? /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: t("(whole bucket)")
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "font-mono text-xs text-muted-foreground",
-                  children: rule.procedure
-                }, void 0, false)]
-              }, `${rule.bucket}:${rule.on}:${rule.prefix ?? ""}:${rule.procedure}`, true))
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true);
-    $[1] = data;
-    $[2] = error;
-    $[3] = errorSource;
-    $[4] = loaded;
-    $[5] = t;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
-};
-
-export { StorageRulesPanel };
+import{c as b}from"react/compiler-runtime";import{E as y}from"../packem_shared/error-alert-B59DnrDI.js";import{g as N}from"../packem_shared/badge-BbuuAio7.js";import{c as k,u as S}from"../packem_shared/card-CIDGUN6K.js";import{E as w}from"../packem_shared/empty-state-Cg7t_8qu.js";import{n as R,d as v,m as x,p as u,f as A,u as p}from"../packem_shared/table-DdJBrClo.js";import{K as E}from"../packem_shared/use-admin-query-Di3fLE8H.js";import{useT as j}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as I}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{jsx as t,jsxs as f}from"react/jsx-runtime";const C=(e,r)=>({delete:e("Delete"),list:e("List"),read:e("Read"),write:e("Write")})[r],$={delete:2,list:3,read:0,write:1},T=e=>[...e].toSorted((r,s)=>r.bucket.localeCompare(s.bucket)||$[r.on]-$[s.on]||(r.prefix??"").localeCompare(s.prefix??"")),U=()=>{const e=b(14),r=j();let s;e[0]===Symbol.for("react.memo_cache_sentinel")?(s={},e[0]=s):s=e[0];const{data:l,error:i,errorSource:d}=E(I.storageRules,s),h=l!==void 0;let n;if(e[1]!==l||e[2]!==i||e[3]!==d||e[4]!==h||e[5]!==r){const g=T(Array.isArray(l?.rules)?l.rules:[]);let c;e[7]!==i||e[8]!==d?(c=i!==null&&t(y,{error:d,testId:"storage-rules-error"}),e[7]=i,e[8]=d,e[9]=c):c=e[9];let a;e[10]!==r?(a=r("Storage rules are declared in code with defineStorageRule and gate ctx.storage access per bucket. This view is read-only."),e[10]=r,e[11]=a):a=e[11];let m;e[12]!==a?(m=t("p",{className:"text-sm text-muted-foreground","data-testid":"storage-rules-note",children:a}),e[12]=a,e[13]=m):m=e[13],n=f("div",{className:"flex flex-col gap-4","data-testid":"lunora-storage-rules-panel",children:[c,m,h&&g.length===0?t(w,{description:r("No defineStorageRule is wired through .use(storageRules(...)) in this deployment. Add one to gate object access by key prefix."),testId:"storage-rules-empty",title:r("No storage rules defined")}):t(k,{className:"overflow-hidden py-0",children:t(S,{className:"px-0",children:f(R,{"data-testid":"storage-rules-table",children:[t(v,{children:f(x,{children:[t(u,{children:r("Bucket")}),t(u,{children:r("Operation")}),t(u,{children:r("Key prefix")}),t(u,{children:r("Guarded by")})]})}),t(A,{children:g.map(o=>f(x,{"data-testid":`storage-rule-${o.bucket}-${o.on}-${o.prefix??""}`,children:[t(p,{className:"font-mono text-xs",children:o.bucket}),t(p,{children:t(N,{variant:"secondary",children:C(r,o.on)})}),t(p,{className:"font-mono text-xs",children:o.prefix??t("span",{className:"text-muted-foreground",children:r("(whole bucket)")})}),t(p,{className:"font-mono text-xs text-muted-foreground",children:o.procedure})]},`${o.bucket}:${o.on}:${o.prefix??""}:${o.procedure}`))})]})})})]}),e[1]=l,e[2]=i,e[3]=d,e[4]=h,e[5]=r,e[6]=n}else n=e[6];return n};export{U as StorageRulesPanel};

package/dist/packem_chunks/subscriptions-panel.js

@@ -1,238 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useState } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.js';
-import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/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 '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-C7JNuQp-.js';
-import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.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-P2UzJscH.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const ARGS_MAX = 80;
-const formatArguments = (args) => {
-  if (args === void 0) {
-    return "";
-  }
-  const json = JSON.stringify(args);
-  return json.length > ARGS_MAX ? `${json.slice(0, ARGS_MAX)}…` : json;
-};
-const toRows = (connections) => {
-  const rows = [];
-  for (const connection of connections) {
-    const connectionId = connection.id.toString();
-    if (connection.subscriptions.length === 0) {
-      rows.push({
-        admin: connection.admin,
-        connectionId: connection.id,
-        key: `c${connectionId}`,
-        subscription: null
-      });
-      continue;
-    }
-    connection.subscriptions.forEach((subscription, index) => {
-      rows.push({
-        admin: connection.admin,
-        connectionId: connection.id,
-        key: `c${connectionId}-s${index.toString()}`,
-        subscription
-      });
-    });
-  }
-  return rows;
-};
-const DASH = /* @__PURE__ */ jsxDEV("span", {
-  className: "text-muted-foreground",
-  children: "—"
-}, void 0, false);
-const SubscriptionsPanel = (t0) => {
-  const $ = c(22);
-  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,
-    errorSource,
-    refetch
-  } = useAdminQuery(ADMIN_FUNCTIONS.listSubscriptions, t2, t3);
-  useAutoRefresh(refetch, true);
-  let t4;
-  if ($[5] !== error || $[6] !== errorSource || $[7] !== result || $[8] !== shardKey || $[9] !== t) {
-    const rows = result === void 0 ? [] : toRows(result.connections);
-    let t5;
-    if ($[11] !== shardKey) {
-      t5 = /* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "subs-shard-input",
-        value: shardKey
-      }, void 0, false);
-      $[11] = shardKey;
-      $[12] = t5;
-    } else {
-      t5 = $[12];
-    }
-    let t6;
-    if ($[13] !== result || $[14] !== t) {
-      t6 = result !== void 0 && /* @__PURE__ */ jsxDEV("div", {
-        className: "ml-auto flex items-center gap-2 text-sm text-muted-foreground",
-        "data-testid": "subs-count",
-        children: [/* @__PURE__ */ jsxDEV(Badge, {
-          variant: "secondary",
-          children: t("{count} connections", {
-            count: result.totalConnections
-          })
-        }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
-          variant: "secondary",
-          children: t("{count} subscriptions", {
-            count: result.totalSubscriptions
-          })
-        }, void 0, false)]
-      }, void 0, true);
-      $[13] = result;
-      $[14] = t;
-      $[15] = t6;
-    } else {
-      t6 = $[15];
-    }
-    let t7;
-    if ($[16] !== t5 || $[17] !== t6) {
-      t7 = /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-wrap items-center gap-2",
-        children: [t5, t6]
-      }, void 0, true);
-      $[16] = t5;
-      $[17] = t6;
-      $[18] = t7;
-    } else {
-      t7 = $[18];
-    }
-    let t8;
-    if ($[19] !== error || $[20] !== errorSource) {
-      t8 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-        error: errorSource,
-        testId: "subs-error"
-      }, void 0, false);
-      $[19] = error;
-      $[20] = errorSource;
-      $[21] = t8;
-    } else {
-      t8 = $[21];
-    }
-    t4 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-4",
-      "data-testid": "subs-panel",
-      children: [t7, t8, error === null && result !== void 0 && rows.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-        description: t("Active WebSocket subscriptions on 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: "M5 12a7 7 0 0 1 14 0M8 12a4 4 0 0 1 8 0M12 12v8m0-8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-          }, void 0, false)
-        }, void 0, false),
-        testId: "subs-empty",
-        title: t("No active subscriptions.")
-      }, void 0, false), error === null && rows.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-        className: "overflow-hidden py-0",
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "px-0",
-          children: /* @__PURE__ */ jsxDEV(Table, {
-            "data-testid": "subs-table",
-            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-              children: /* @__PURE__ */ jsxDEV(TableRow, {
-                children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Connection")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Function path")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Table")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("Arguments")
-                }, void 0, false)]
-              }, void 0, true)
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-              children: rows.map((row) => {
-                const {
-                  subscription
-                } = row;
-                const args = formatArguments(subscription?.args);
-                return /* @__PURE__ */ jsxDEV(TableRow, {
-                  "data-testid": "subs-row",
-                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "font-medium tabular-nums",
-                    children: /* @__PURE__ */ jsxDEV("span", {
-                      className: "inline-flex items-center gap-1.5",
-                      children: ["#", row.connectionId, row.admin && /* @__PURE__ */ jsxDEV(Badge, {
-                        variant: "outline",
-                        children: t("admin")
-                      }, void 0, false)]
-                    }, void 0, true)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "font-mono text-xs",
-                    children: subscription?.functionPath ?? DASH
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    children: subscription?.table ?? DASH
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "max-w-[32ch] truncate font-mono text-xs text-muted-foreground",
-                    title: args || void 0,
-                    children: args || DASH
-                  }, void 0, false)]
-                }, row.key, true);
-              })
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true);
-    $[5] = error;
-    $[6] = errorSource;
-    $[7] = result;
-    $[8] = shardKey;
-    $[9] = t;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  return t4;
-};
-
-export { SubscriptionsPanel as default };
+import{c as T}from"react/compiler-runtime";import{useState as j}from"react";import{E as K}from"../packem_shared/error-alert-B59DnrDI.js";import{ShardInput as P}from"../packem_shared/ShardInput-BVn2iCU0.js";import{g as $}from"../packem_shared/badge-BbuuAio7.js";import{c as _,u as D}from"../packem_shared/card-CIDGUN6K.js";import{E as F}from"../packem_shared/empty-state-Cg7t_8qu.js";import{n as L,d as O,m as C,p as g,f as U,u as N}from"../packem_shared/table-DdJBrClo.js";import{K as W}from"../packem_shared/use-admin-query-Di3fLE8H.js";import{useAutoRefresh as B}from"../packem_shared/DEFAULT_AUTO_REFRESH_MS-BCC8_4BQ.js";import J from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as Q}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as R}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{jsx as e,jsxs as c}from"react/jsx-runtime";const E=80,X=a=>{if(a===void 0)return"";const t=JSON.stringify(a);return t.length>E?`${t.slice(0,E)}…`:t},Z=a=>{const t=[];for(const o of a){const n=o.id.toString();if(o.subscriptions.length===0){t.push({admin:o.admin,connectionId:o.id,key:`c${n}`,subscription:null});continue}o.subscriptions.forEach((r,S)=>{t.push({admin:o.admin,connectionId:o.id,key:`c${n}-s${S.toString()}`,subscription:r})})}return t},w=e("span",{className:"text-muted-foreground",children:"—"}),at=a=>{const t=T(22),{initialShardKey:o}=a,n=Q(),[r,S]=j(o??"");let u;t[0]!==r?(u=r.trim(),t[0]=r,t[1]=u):u=t[1];const y=J(u,400);let h;t[2]===Symbol.for("react.memo_cache_sentinel")?(h={},t[2]=h):h=t[2];let p;t[3]!==y?(p={keepPreviousData:!0,shardKey:y},t[3]=y,t[4]=p):p=t[4];const{data:i,error:s,errorSource:m,refetch:M}=W(R.listSubscriptions,h,p);B(M,!0);let f;if(t[5]!==s||t[6]!==m||t[7]!==i||t[8]!==r||t[9]!==n){const k=i===void 0?[]:Z(i.connections);let l;t[11]!==r?(l=e(P,{onChange:S,testId:"subs-shard-input",value:r}),t[11]=r,t[12]=l):l=t[12];let d;t[13]!==i||t[14]!==n?(d=i!==void 0&&c("div",{className:"ml-auto flex items-center gap-2 text-sm text-muted-foreground","data-testid":"subs-count",children:[e($,{variant:"secondary",children:n("{count} connections",{count:i.totalConnections})}),e($,{variant:"secondary",children:n("{count} subscriptions",{count:i.totalSubscriptions})})]}),t[13]=i,t[14]=n,t[15]=d):d=t[15];let b;t[16]!==l||t[17]!==d?(b=c("div",{className:"flex flex-wrap items-center gap-2",children:[l,d]}),t[16]=l,t[17]=d,t[18]=b):b=t[18];let v;t[19]!==s||t[20]!==m?(v=s!==null&&e(K,{error:m,testId:"subs-error"}),t[19]=s,t[20]=m,t[21]=v):v=t[21],f=c("div",{className:"flex flex-col gap-4","data-testid":"subs-panel",children:[b,v,s===null&&i!==void 0&&k.length===0&&e(F,{description:n("Active WebSocket subscriptions on this shard."),icon:e("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:e("path",{d:"M5 12a7 7 0 0 1 14 0M8 12a4 4 0 0 1 8 0M12 12v8m0-8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"})}),testId:"subs-empty",title:n("No active subscriptions.")}),s===null&&k.length>0&&e(_,{className:"overflow-hidden py-0",children:e(D,{className:"px-0",children:c(L,{"data-testid":"subs-table",children:[e(O,{children:c(C,{children:[e(g,{children:n("Connection")}),e(g,{children:n("Function path")}),e(g,{children:n("Table")}),e(g,{children:n("Arguments")})]})}),e(U,{children:k.map(x=>{const{subscription:I}=x,A=X(I?.args);return c(C,{"data-testid":"subs-row",children:[e(N,{className:"font-medium tabular-nums",children:c("span",{className:"inline-flex items-center gap-1.5",children:["#",x.connectionId,x.admin&&e($,{variant:"outline",children:n("admin")})]})}),e(N,{className:"font-mono text-xs",children:I?.functionPath??w}),e(N,{children:I?.table??w}),e(N,{className:"max-w-[32ch] truncate font-mono text-xs text-muted-foreground",title:A||void 0,children:A||w})]},x.key)})})]})})})]}),t[5]=s,t[6]=m,t[7]=i,t[8]=r,t[9]=n,t[10]=f}else f=t[10];return f};export{at as default};

package/dist/packem_chunks/sync-client-panel.js

@@ -0,0 +1 @@
+import{c as D}from"react/compiler-runtime";import{useLunora as O}from"@lunora/react";import{g as C}from"../packem_shared/badge-BbuuAio7.js";import{c as K,u as L}from"../packem_shared/card-CIDGUN6K.js";import{E as j}from"../packem_shared/empty-state-Cg7t_8qu.js";import{n as A,d as E,m as T,p as i,f as M,u as c}from"../packem_shared/table-DdJBrClo.js";import{T as Y}from"../packem_shared/use-admin-query-Di3fLE8H.js";import{useAutoRefresh as B}from"../packem_shared/DEFAULT_AUTO_REFRESH_MS-BCC8_4BQ.js";import{useT as F}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{jsx as t,jsxs as s}from"react/jsx-runtime";const G=2e3,H=new Set(["open"]),re=W=>{const e=D(41),{read:x}=W,n=F(),_=O();let S;e[0]!==_||e[1]!==x?(S=()=>Promise.resolve(x?x():_.debug()),e[0]=_,e[1]=x,e[2]=S):S=e[2];const q=S,P=x?"injected":"live";let v;e[3]!==P?(v=["lunora-studio","sync-client-debug",P],e[3]=P,e[4]=v):v=e[4];const{data:l,refetch:z}=Y(v,q);if(B(z,!0,G),!l){let r;e[5]!==n?(r=n("Reading the sync client's state…"),e[5]=n,e[6]=r):r=e[6];let y;e[7]!==n?(y=n("Sync client"),e[7]=n,e[8]=y):y=e[8];let w;return e[9]!==r||e[10]!==y?(w=t(K,{children:t(L,{children:t(j,{description:r,title:y})})}),e[9]=r,e[10]=y,e[11]=w):w=e[11],w}const{pendingWrites:$,shards:b,subscriptions:N}=l;let o;e[12]!==n?(o=n("This Studio session's sync client"),e[12]=n,e[13]=o):o=e[13];let d;e[14]!==o?(d=t("span",{className:"text-sm font-medium",children:o}),e[14]=o,e[15]=d):d=e[15];const R=l.connectionStatus==="connected"?"default":"secondary";let a;e[16]!==l.connectionStatus||e[17]!==R?(a=t(C,{variant:R,children:l.connectionStatus}),e[16]=l.connectionStatus,e[17]=R,e[18]=a):a=e[18];let h;e[19]!==$||e[20]!==n?(h=$>0?t(C,{variant:"secondary",children:n("{count} pending writes",{count:$})}):null,e[19]=$,e[20]=n,e[21]=h):h=e[21];let u;e[22]!==d||e[23]!==a||e[24]!==h?(u=s("div",{className:"flex flex-wrap items-center gap-2",children:[d,a,h]}),e[22]=d,e[23]=a,e[24]=h,e[25]=u):u=e[25];let m;e[26]!==n?(m=n("Reads client.debug() for the client running in this page — not your application's client. Call client.debug() in your app to diagnose a specific stuck overlay there."),e[26]=n,e[27]=m):m=e[27];let p;e[28]!==m?(p=t("p",{className:"text-muted-foreground text-xs",children:m}),e[28]=m,e[29]=p):p=e[29];let f;e[30]!==b||e[31]!==n?(f=b.length===0?t(j,{description:n("No shard connection has been opened yet."),title:n("No shards")}):s(A,{children:[t(E,{children:s(T,{children:[t(i,{children:n("Shard")}),t(i,{children:n("Socket")}),t(i,{children:n("Confirmed watermark")})]})}),t(M,{children:b.map(r=>s(T,{children:[t(c,{children:r.shardKey??n("(default)")}),t(c,{children:t(C,{variant:H.has(r.wsState)?"default":"secondary",children:r.wsState})}),t(c,{children:r.confirmedMutationWatermark})]},r.shardKey??"__default__"))})]}),e[30]=b,e[31]=n,e[32]=f):f=e[32];let g;e[33]!==N||e[34]!==n?(g=N.length===0?t(j,{description:n("This client holds no live queries or shapes."),title:n("No subscriptions")}):s(A,{children:[t(E,{children:s(T,{children:[t(i,{children:n("Subscription")}),t(i,{children:n("Kind")}),t(i,{children:n("Acked")}),t(i,{children:n("Cursor")}),t(i,{children:n("Pending overlays")})]})}),t(M,{children:N.map(r=>s(T,{children:[t(c,{className:"font-mono text-xs",children:r.functionPath}),t(c,{children:r.kind}),t(c,{children:t(C,{variant:r.acked?"default":"secondary",children:r.acked?n("yes"):n("no")})}),t(c,{children:r.serverCursor??"—"}),t(c,{children:r.pendingOptimisticLayers})]},r.id))})]}),e[33]=N,e[34]=n,e[35]=g):g=e[35];let k;return e[36]!==p||e[37]!==f||e[38]!==g||e[39]!==u?(k=t(K,{children:s(L,{className:"flex flex-col gap-4",children:[u,p,f,g]})}),e[36]=p,e[37]=f,e[38]=g,e[39]=u,e[40]=k):k=e[40],k};export{re as default};