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

package/dist/packem_chunks/MigrationsPanel.js

@@ -1,239 +1 @@
-import { useLunora } from '@lunora/react';
-import { useState, useEffect } from 'react';
-import { ConfirmButton } from '../packem_shared/ConfirmButton-C2eVi2Qv.js';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.js';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.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-F2vH_aj2.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-C7JNuQp-.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 { i as formatTimestamp, f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-DzHCc2Rq.js';
-import { r as recordShard } from '../packem_shared/shard-history-AxiJ1WPP.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const RUN_MIGRATION = adminRef(ADMIN_FUNCTIONS.runMigration);
-const MigrationsPanel = ({
-  initialShardKey
-}) => {
-  const client = useLunora();
-  const t = useT();
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  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 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);
-    }
-  }, [statusQuery.data, debouncedShard]);
-  const run = async () => {
-    const id = migrationId.trim();
-    if (id === "") {
-      setRunError(t("Enter a migration id"));
-      setRunResult(null);
-      return;
-    }
-    setRunning(true);
-    setRunError(null);
-    try {
-      const result = await client.query(RUN_MIGRATION, {
-        direction,
-        dryRun,
-        id
-      }, callOptions(shardKey));
-      setRunResult(result);
-      statusQuery.refetch();
-    } catch (error) {
-      setRunResult(null);
-      setRunError(errorMessage(error));
-    } finally {
-      setRunning(false);
-    }
-  };
-  const runMigration = () => {
-    fireAndForget(run());
-  };
-  const onIdChange = (event) => {
-    setMigrationId(event.target.value);
-  };
-  const onDirectionChange = (event_0) => {
-    setDirection(event_0.target.value === "down" ? "down" : "up");
-  };
-  const onDryRunChange = (event_1) => {
-    setDryRun(event_1.target.checked);
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-3",
-    "data-testid": "lunora-migrations",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "mg-shard-input",
-        value: shardKey
-      }, void 0, false), /* @__PURE__ */ jsxDEV(LiveError, {
-        message: liveError,
-        prefix: "mg"
-      }, void 0, false)]
-    }, 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", {
-        "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 12a8 8 0 0 1 13.7-5.6L20 8M20 4v4h-4M20 12a8 8 0 0 1-13.7 5.6L4 16m0 4v-4h4"
-        }, void 0, false)
-      }, void 0, false),
-      testId: "mg-empty",
-      title: t("No migrations have run on this shard.")
-    }, void 0, false), rows !== 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": "mg-table",
-          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-            children: /* @__PURE__ */ jsxDEV(TableRow, {
-              children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("id")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("direction")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("status")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("processed")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("changed")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("updated")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("error")
-              }, void 0, false)]
-            }, void 0, true)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-            children: rows.map((row) => /* @__PURE__ */ jsxDEV(TableRow, {
-              "data-testid": `mg-row-${row.id}`,
-              children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                children: row.id
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: row.direction
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: /* @__PURE__ */ jsxDEV(Badge, {
-                  variant: "secondary",
-                  children: row.status
-                }, void 0, false)
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: row.processed
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: row.changed
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: formatTimestamp(row.updatedAt)
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: row.error ?? ""
-              }, void 0, false)]
-            }, row.id, true))
-          }, void 0, false)]
-        }, void 0, true)
-      }, void 0, false)
-    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-2 rounded-xl border border-border bg-card p-3 shadow-xs",
-      children: [/* @__PURE__ */ jsxDEV(Label, {
-        children: t("Run migration")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-wrap items-center gap-2",
-        children: [/* @__PURE__ */ jsxDEV(Input, {
-          "aria-label": t("Migration id"),
-          className: "w-auto",
-          "data-testid": "mg-id-input",
-          onChange: onIdChange,
-          placeholder: t("migration id"),
-          value: migrationId
-        }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
-          "aria-label": t("Direction"),
-          className: "flex h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-          "data-testid": "mg-direction",
-          onChange: onDirectionChange,
-          value: direction,
-          children: [/* @__PURE__ */ jsxDEV("option", {
-            value: "up",
-            children: t("up")
-          }, void 0, false), /* @__PURE__ */ jsxDEV("option", {
-            value: "down",
-            children: t("down")
-          }, void 0, false)]
-        }, void 0, true), /* @__PURE__ */ jsxDEV(Label, {
-          className: "flex items-center gap-1.5",
-          htmlFor: "mg-dry-run",
-          children: [/* @__PURE__ */ jsxDEV("input", {
-            checked: dryRun,
-            className: "size-4 accent-primary",
-            "data-testid": "mg-dry-run",
-            id: "mg-dry-run",
-            onChange: onDryRunChange,
-            type: "checkbox"
-          }, void 0, false), t("Dry run")]
-        }, void 0, true), dryRun ? /* @__PURE__ */ jsxDEV(Button, {
-          "data-testid": "mg-run",
-          disabled: running || !shardSettled,
-          onClick: runMigration,
-          size: "sm",
-          type: "button",
-          children: running ? t("Running…") : t("Run")
-        }, void 0, false) : (
-          // A real (non-dry-run) migration mutates rows — guard it.
-          /* @__PURE__ */ jsxDEV(ConfirmButton, {
-            confirmLabel: running ? t("Running…") : t("Run migration?"),
-            disabled: running || !shardSettled,
-            onConfirm: runMigration,
-            testId: "mg-run",
-            children: t("Run")
-          }, void 0, false)
-        )]
-      }, void 0, true)]
-    }, void 0, true), runError !== null && /* @__PURE__ */ jsxDEV("pre", {
-      className: "text-sm text-destructive whitespace-pre-wrap",
-      "data-testid": "mg-run-error",
-      role: "alert",
-      children: runError
-    }, void 0, false), runResult !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-muted-foreground",
-      "data-testid": "mg-run-result",
-      children: [runResult.dryRun ? t("Dry run: ") : "", t("{status} — processed", {
-        status: runResult.status
-      }), runResult.processed, t(", changed"), runResult.changed]
-    }, void 0, true)]
-  }, void 0, true);
-};
-
-export { MigrationsPanel };
+import{useLunora as z}from"@lunora/react";import{useState as a,useEffect as O}from"react";import{ConfirmButton as P}from"../packem_shared/ConfirmButton-CTL3f3kr.js";import{E as q}from"../packem_shared/error-alert-B59DnrDI.js";import{L as H}from"../packem_shared/live-status-CGW2JHf_.js";import{ShardInput as U}from"../packem_shared/ShardInput-BVn2iCU0.js";import{g as W}from"../packem_shared/badge-BbuuAio7.js";import{u as _}from"../packem_shared/button-BkCrNcAs.js";import{c as G,u as J}from"../packem_shared/card-CIDGUN6K.js";import{E as Q}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as V}from"../packem_shared/input-JHu63lTv.js";import{p as $}from"../packem_shared/label-6uP1obNF.js";import{n as X,d as Y,m as k,p as n,f as Z,u as o}from"../packem_shared/table-DdJBrClo.js";import{K as rr}from"../packem_shared/use-admin-query-Di3fLE8H.js";import er from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as tr}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as R}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{i as ir,f as ar,c as nr,e as or,a as dr}from"../packem_shared/internal-AtZ4bTal.js";import{r as sr}from"../packem_shared/shard-history-DMEW5VBE.js";import{jsxs as i,jsx as r}from"react/jsx-runtime";const lr=dr(R.runMigration),Er=({initialShardKey:C})=>{const L=z(),e=tr(),[c,M]=a(C??""),[v,S]=a(""),[x,E]=a("up"),[h,I]=a(!0),[m,y]=a(!1),[s,p]=a(null),[b,g]=a(null),u=er(c.trim(),400),w=c.trim()===u,d=rr(R.migrationStatus,{},{live:!0,shardKey:u}),l=d.data?.migrations??null,D=d.error,{errorSource:A,liveError:j}=d;O(()=>{d.data!==void 0&&sr(u)},[d.data,u]);const K=async()=>{const t=v.trim();if(t===""){g(e("Enter a migration id")),p(null);return}y(!0),g(null);try{const f=await L.query(lr,{direction:x,dryRun:h,id:t},nr(c));p(f),d.refetch()}catch(f){p(null),g(or(f))}finally{y(!1)}},N=()=>{ar(K())},T=t=>{S(t.target.value)},B=t=>{E(t.target.value==="down"?"down":"up")},F=t=>{I(t.target.checked)};return i("div",{className:"flex flex-col gap-3","data-testid":"lunora-migrations",children:[i("div",{className:"flex flex-wrap items-center gap-2",children:[r(U,{onChange:M,testId:"mg-shard-input",value:c}),r(H,{message:j,prefix:"mg"})]}),D!==null&&r(q,{error:A,testId:"mg-status-error"}),l!==null&&l.length===0&&r(Q,{description:e("Data migrations you run against this shard will be tracked here."),icon:r("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:r("path",{d:"M4 12a8 8 0 0 1 13.7-5.6L20 8M20 4v4h-4M20 12a8 8 0 0 1-13.7 5.6L4 16m0 4v-4h4"})}),testId:"mg-empty",title:e("No migrations have run on this shard.")}),l!==null&&l.length>0&&r(G,{className:"overflow-hidden py-0",children:r(J,{className:"px-0",children:i(X,{"data-testid":"mg-table",children:[r(Y,{children:i(k,{children:[r(n,{children:e("id")}),r(n,{children:e("direction")}),r(n,{children:e("status")}),r(n,{children:e("processed")}),r(n,{children:e("changed")}),r(n,{children:e("updated")}),r(n,{children:e("error")})]})}),r(Z,{children:l.map(t=>i(k,{"data-testid":`mg-row-${t.id}`,children:[r(o,{children:t.id}),r(o,{children:t.direction}),r(o,{children:r(W,{variant:"secondary",children:t.status})}),r(o,{children:t.processed}),r(o,{children:t.changed}),r(o,{children:ir(t.updatedAt)}),r(o,{children:t.error??""})]},t.id))})]})})}),i("div",{className:"flex flex-col gap-2 rounded-xl border border-border bg-card p-3 shadow-xs",children:[r($,{children:e("Run migration")}),i("div",{className:"flex flex-wrap items-center gap-2",children:[r(V,{"aria-label":e("Migration id"),className:"w-auto","data-testid":"mg-id-input",onChange:T,placeholder:e("migration id"),value:v}),i("select",{"aria-label":e("Direction"),className:"flex h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring","data-testid":"mg-direction",onChange:B,value:x,children:[r("option",{value:"up",children:e("up")}),r("option",{value:"down",children:e("down")})]}),i($,{className:"flex items-center gap-1.5",htmlFor:"mg-dry-run",children:[r("input",{checked:h,className:"size-4 accent-primary","data-testid":"mg-dry-run",id:"mg-dry-run",onChange:F,type:"checkbox"}),e("Dry run")]}),h?r(_,{"data-testid":"mg-run",disabled:m||!w,onClick:N,size:"sm",type:"button",children:e(m?"Running…":"Run")}):r(P,{confirmLabel:e(m?"Running…":"Run migration?"),disabled:m||!w,onConfirm:N,testId:"mg-run",children:e("Run")})]})]}),b!==null&&r("pre",{className:"text-sm text-destructive whitespace-pre-wrap","data-testid":"mg-run-error",role:"alert",children:b}),s!==null&&i("p",{className:"text-sm text-muted-foreground","data-testid":"mg-run-result",children:[s.dryRun?e("Dry run: "):"",e("{status} — processed",{status:s.status}),s.processed,e(", changed"),s.changed]})]})};export{Er as MigrationsPanel};

package/dist/packem_chunks/NotificationsPanel.js

@@ -1,306 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useState } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.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-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { I as Input } from '../packem_shared/input-XH4r1Pt1.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 { i as formatTimestamp } from '../packem_shared/internal-DzHCc2Rq.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const statusVariant = (status) => {
-  if (status === "ok") {
-    return "success";
-  }
-  if (status === "failed") {
-    return "destructive";
-  }
-  if (status === "expired") {
-    return "warning";
-  }
-  return "secondary";
-};
-const deviceTarget = (device) => device.endpoint ?? device.id;
-const NotificationsPanel = () => {
-  const $ = c(38);
-  const t = useT();
-  const [kind, setKind] = useState("all");
-  const [search, setSearch] = useState("");
-  let t0;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const {
-    data,
-    error,
-    errorSource,
-    isLoading,
-    refetch
-  } = useAdminQuery(ADMIN_FUNCTIONS.listPushSubscriptions, t0);
-  let t1;
-  if ($[1] !== data?.subscriptions || $[2] !== error || $[3] !== errorSource || $[4] !== isLoading || $[5] !== kind || $[6] !== refetch || $[7] !== search || $[8] !== t) {
-    const devices = data?.subscriptions ?? [];
-    const needle = search.trim().toLowerCase();
-    const filtered = devices.filter((device) => {
-      if (kind !== "all" && device.kind !== kind) {
-        return false;
-      }
-      if (needle === "") {
-        return true;
-      }
-      return `${deviceTarget(device)} ${device.userId ?? ""}`.toLowerCase().includes(needle);
-    });
-    let t2;
-    if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t2 = (event) => {
-        setSearch(event.target.value);
-      };
-      $[10] = t2;
-    } else {
-      t2 = $[10];
-    }
-    const onSearchChange = t2;
-    let t3;
-    if ($[11] !== refetch) {
-      t3 = () => {
-        refetch();
-      };
-      $[11] = refetch;
-      $[12] = t3;
-    } else {
-      t3 = $[12];
-    }
-    const onRefresh = t3;
-    let t4;
-    if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t4 = ["all", "web-push", "fcm"];
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    const kinds = t4;
-    let t5;
-    if ($[14] !== kind || $[15] !== t) {
-      t5 = /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center gap-1",
-        "data-testid": "nt-kind-filter",
-        role: "tablist",
-        children: kinds.map((value) => /* @__PURE__ */ jsxDEV(Button, {
-          "aria-selected": kind === value,
-          "data-testid": `nt-kind-${value}`,
-          onClick: () => {
-            setKind(value);
-          },
-          role: "tab",
-          size: "sm",
-          type: "button",
-          variant: kind === value ? "secondary" : "ghost",
-          children: value === "all" ? t("All") : value
-        }, value, false))
-      }, void 0, false);
-      $[14] = kind;
-      $[15] = t;
-      $[16] = t5;
-    } else {
-      t5 = $[16];
-    }
-    let t6;
-    if ($[17] !== t) {
-      t6 = t("Filter devices");
-      $[17] = t;
-      $[18] = t6;
-    } else {
-      t6 = $[18];
-    }
-    let t7;
-    if ($[19] !== t) {
-      t7 = t("filter endpoint, user");
-      $[19] = t;
-      $[20] = t7;
-    } else {
-      t7 = $[20];
-    }
-    let t8;
-    if ($[21] !== search || $[22] !== t6 || $[23] !== t7) {
-      t8 = /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t6,
-        className: "h-8 w-56",
-        "data-testid": "nt-search",
-        onChange: onSearchChange,
-        placeholder: t7,
-        value: search
-      }, void 0, false);
-      $[21] = search;
-      $[22] = t6;
-      $[23] = t7;
-      $[24] = t8;
-    } else {
-      t8 = $[24];
-    }
-    let t9;
-    if ($[25] !== t) {
-      t9 = t("Refresh");
-      $[25] = t;
-      $[26] = t9;
-    } else {
-      t9 = $[26];
-    }
-    let t10;
-    if ($[27] !== onRefresh || $[28] !== t9) {
-      t10 = /* @__PURE__ */ jsxDEV(Button, {
-        className: "ml-auto",
-        "data-testid": "nt-refresh",
-        onClick: onRefresh,
-        size: "sm",
-        type: "button",
-        variant: "outline",
-        children: t9
-      }, void 0, false);
-      $[27] = onRefresh;
-      $[28] = t9;
-      $[29] = t10;
-    } else {
-      t10 = $[29];
-    }
-    const t11 = devices.length > 0 && /* @__PURE__ */ jsxDEV(Badge, {
-      "data-testid": "nt-count",
-      variant: "secondary",
-      children: t("{count} devices", {
-        count: devices.length
-      })
-    }, void 0, false);
-    let t12;
-    if ($[30] !== t10 || $[31] !== t11 || $[32] !== t5 || $[33] !== t8) {
-      t12 = /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-wrap items-center gap-2",
-        children: [t5, t8, t10, t11]
-      }, void 0, true);
-      $[30] = t10;
-      $[31] = t11;
-      $[32] = t5;
-      $[33] = t8;
-      $[34] = t12;
-    } else {
-      t12 = $[34];
-    }
-    let t13;
-    if ($[35] !== error || $[36] !== errorSource) {
-      t13 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-        error: errorSource,
-        testId: "nt-error"
-      }, void 0, false);
-      $[35] = error;
-      $[36] = errorSource;
-      $[37] = t13;
-    } else {
-      t13 = $[37];
-    }
-    t1 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-4",
-      "data-testid": "lunora-notifications",
-      children: [t12, t13, error === null && !isLoading && filtered.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-        description: t("Registered Web Push / FCM devices appear here. Configure lunora/notify.ts with defineNotify({ store }) and register a device with ctx.push.register(...)."),
-        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: "M15 17h5l-1.4-1.4A2 2 0 0 1 18 14.2V11a6 6 0 0 0-4-5.7V5a2 2 0 1 0-4 0v.3A6 6 0 0 0 6 11v3.2a2 2 0 0 1-.6 1.4L4 17h5m6 0v1a3 3 0 1 1-6 0v-1m6 0H9"
-          }, void 0, false)
-        }, void 0, false),
-        testId: "nt-empty",
-        title: t("No registered devices.")
-      }, void 0, false), filtered.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-        className: "overflow-hidden py-0",
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "max-h-[30rem] overflow-auto px-0",
-          children: /* @__PURE__ */ jsxDEV(Table, {
-            "data-testid": "nt-table",
-            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-              children: /* @__PURE__ */ jsxDEV(TableRow, {
-                children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("kind")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("endpoint")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("user")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("last seen")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("status")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("error")
-                }, void 0, false)]
-              }, void 0, true)
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-              children: filtered.map((device_0) => {
-                const target = deviceTarget(device_0);
-                return /* @__PURE__ */ jsxDEV(TableRow, {
-                  "data-testid": "nt-row",
-                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                    children: /* @__PURE__ */ jsxDEV(Badge, {
-                      variant: "outline",
-                      children: device_0.kind
-                    }, void 0, false)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "max-w-[28ch] truncate font-mono text-xs",
-                    title: target,
-                    children: target
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "max-w-[16ch] truncate font-mono text-xs",
-                    children: device_0.userId ?? /* @__PURE__ */ jsxDEV("span", {
-                      className: "text-muted-foreground",
-                      children: "—"
-                    }, void 0, false)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "text-muted-foreground tabular-nums",
-                    children: formatTimestamp(device_0.lastSeenAt, "—")
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    children: /* @__PURE__ */ jsxDEV(Badge, {
-                      "data-testid": `nt-status-${device_0.id}`,
-                      variant: statusVariant(device_0.lastStatus),
-                      children: device_0.lastStatus ?? t("n/a")
-                    }, void 0, false)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "max-w-[28ch] truncate font-mono text-xs text-muted-foreground",
-                    title: device_0.lastError ?? void 0,
-                    children: device_0.lastError ?? /* @__PURE__ */ jsxDEV("span", {
-                      className: "text-muted-foreground",
-                      children: "—"
-                    }, void 0, false)
-                  }, void 0, false)]
-                }, device_0.id, true);
-              })
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true);
-    $[1] = data?.subscriptions;
-    $[2] = error;
-    $[3] = errorSource;
-    $[4] = isLoading;
-    $[5] = kind;
-    $[6] = refetch;
-    $[7] = search;
-    $[8] = t;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  return t1;
-};
-
-export { NotificationsPanel };
+import{c as W}from"react/compiler-runtime";import{useState as T}from"react";import{E as B}from"../packem_shared/error-alert-B59DnrDI.js";import{g as _}from"../packem_shared/badge-BbuuAio7.js";import{u as z}from"../packem_shared/button-BkCrNcAs.js";import{c as K,u as O}from"../packem_shared/card-CIDGUN6K.js";import{E as U}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as q}from"../packem_shared/input-JHu63lTv.js";import{n as G,d as J,m as F,p as h,f as Q,u as f}from"../packem_shared/table-DdJBrClo.js";import{K as X}from"../packem_shared/use-admin-query-Di3fLE8H.js";import{useT as Y}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as Z}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{i as ee}from"../packem_shared/internal-AtZ4bTal.js";import{jsx as t,jsxs as x}from"react/jsx-runtime";const te=e=>e==="ok"?"success":e==="failed"?"destructive":e==="expired"?"warning":"secondary",P=e=>e.endpoint??e.id,ve=()=>{const e=W(38),r=Y(),[i,R]=T("all"),[s,V]=T("");let g;e[0]===Symbol.for("react.memo_cache_sentinel")?(g={},e[0]=g):g=e[0];const{data:S,error:o,errorSource:p,isLoading:C,refetch:v}=X(Z.listPushSubscriptions,g);let N;if(e[1]!==S?.subscriptions||e[2]!==o||e[3]!==p||e[4]!==C||e[5]!==i||e[6]!==v||e[7]!==s||e[8]!==r){const A=S?.subscriptions??[],j=s.trim().toLowerCase(),E=A.filter(a=>i!=="all"&&a.kind!==i?!1:j===""?!0:`${P(a)} ${a.userId??""}`.toLowerCase().includes(j));let b;e[10]===Symbol.for("react.memo_cache_sentinel")?(b=a=>{V(a.target.value)},e[10]=b):b=e[10];const D=b;let w;e[11]!==v?(w=()=>{v()},e[11]=v,e[12]=w):w=e[12];const I=w;let y;e[13]===Symbol.for("react.memo_cache_sentinel")?(y=["all","web-push","fcm"],e[13]=y):y=e[13];const H=y;let l;e[14]!==i||e[15]!==r?(l=t("div",{className:"flex items-center gap-1","data-testid":"nt-kind-filter",role:"tablist",children:H.map(a=>t(z,{"aria-selected":i===a,"data-testid":`nt-kind-${a}`,onClick:()=>{R(a)},role:"tab",size:"sm",type:"button",variant:i===a?"secondary":"ghost",children:a==="all"?r("All"):a},a))}),e[14]=i,e[15]=r,e[16]=l):l=e[16];let n;e[17]!==r?(n=r("Filter devices"),e[17]=r,e[18]=n):n=e[18];let c;e[19]!==r?(c=r("filter endpoint, user"),e[19]=r,e[20]=c):c=e[20];let d;e[21]!==s||e[22]!==n||e[23]!==c?(d=t(q,{"aria-label":n,className:"h-8 w-56","data-testid":"nt-search",onChange:D,placeholder:c,value:s}),e[21]=s,e[22]=n,e[23]=c,e[24]=d):d=e[24];let m;e[25]!==r?(m=r("Refresh"),e[25]=r,e[26]=m):m=e[26];let u;e[27]!==I||e[28]!==m?(u=t(z,{className:"ml-auto","data-testid":"nt-refresh",onClick:I,size:"sm",type:"button",variant:"outline",children:m}),e[27]=I,e[28]=m,e[29]=u):u=e[29];const L=A.length>0&&t(_,{"data-testid":"nt-count",variant:"secondary",children:r("{count} devices",{count:A.length})});let $;e[30]!==u||e[31]!==L||e[32]!==l||e[33]!==d?($=x("div",{className:"flex flex-wrap items-center gap-2",children:[l,d,u,L]}),e[30]=u,e[31]=L,e[32]=l,e[33]=d,e[34]=$):$=e[34];let k;e[35]!==o||e[36]!==p?(k=o!==null&&t(B,{error:p,testId:"nt-error"}),e[35]=o,e[36]=p,e[37]=k):k=e[37],N=x("div",{className:"flex flex-col gap-4","data-testid":"lunora-notifications",children:[$,k,o===null&&!C&&E.length===0&&t(U,{description:r("Registered Web Push / FCM devices appear here. Configure lunora/notify.ts with defineNotify({ store }) and register a device with ctx.push.register(...)."),icon:t("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:t("path",{d:"M15 17h5l-1.4-1.4A2 2 0 0 1 18 14.2V11a6 6 0 0 0-4-5.7V5a2 2 0 1 0-4 0v.3A6 6 0 0 0 6 11v3.2a2 2 0 0 1-.6 1.4L4 17h5m6 0v1a3 3 0 1 1-6 0v-1m6 0H9"})}),testId:"nt-empty",title:r("No registered devices.")}),E.length>0&&t(K,{className:"overflow-hidden py-0",children:t(O,{className:"max-h-[30rem] overflow-auto px-0",children:x(G,{"data-testid":"nt-table",children:[t(J,{children:x(F,{children:[t(h,{children:r("kind")}),t(h,{children:r("endpoint")}),t(h,{children:r("user")}),t(h,{children:r("last seen")}),t(h,{children:r("status")}),t(h,{children:r("error")})]})}),t(Q,{children:E.map(a=>{const M=P(a);return x(F,{"data-testid":"nt-row",children:[t(f,{children:t(_,{variant:"outline",children:a.kind})}),t(f,{className:"max-w-[28ch] truncate font-mono text-xs",title:M,children:M}),t(f,{className:"max-w-[16ch] truncate font-mono text-xs",children:a.userId??t("span",{className:"text-muted-foreground",children:"—"})}),t(f,{className:"text-muted-foreground tabular-nums",children:ee(a.lastSeenAt,"—")}),t(f,{children:t(_,{"data-testid":`nt-status-${a.id}`,variant:te(a.lastStatus),children:a.lastStatus??r("n/a")})}),t(f,{className:"max-w-[28ch] truncate font-mono text-xs text-muted-foreground",title:a.lastError??void 0,children:a.lastError??t("span",{className:"text-muted-foreground",children:"—"})})]},a.id)})})]})})})]}),e[1]=S?.subscriptions,e[2]=o,e[3]=p,e[4]=C,e[5]=i,e[6]=v,e[7]=s,e[8]=r,e[9]=N}else N=e[9];return N};export{ve as NotificationsPanel};