@omg-dev/app 0.5.0 → 0.6.1

package/dist-lib/{shipped-page-p3oulUiM.js → shipped-page-B-ruG8li.js}

@@ -1,14 +1,14 @@
-import { jsxs as l, jsx as r, Fragment as me } from "react/jsx-runtime";
-import { useState as f, useEffect as w, useRef as fe, useContext as _e, useMemo as $e } from "react";
-import { y as ze, z as he, E as Te, F as S, H as ge, I as Se, J as je, N as Fe, B as Pe, L as pe, O as Ye, j as q, C as Ge, R as Be, T as Ke, Q as Ue, u as be, o as He, U as Ve, a as R, V as k, W as L, v as M, Y as W, Z as Je, _ as Qe, $ as Xe, a0 as qe, m as We, a1 as Ze } from "./embedded-BmrQsEvQ.js";
-import { cn as j } from "cnfast";
+import { jsxs as o, jsx as r, Fragment as ce } from "react/jsx-runtime";
+import { useState as f, useEffect as v, useRef as ue, useContext as _e, useMemo as $e } from "react";
+import { z as ze, E as me, F as Se, H as _, I as fe, J as Te, N as Pe, O as je, B as Fe, L as he, Q as Ge, j as Q, C as Ye, R as Be, T as Ke, U as Ue, u as pe, p as He, V as Ve, a as C, W as N, Y as D, v as R, Z as X, _ as Je, $ as Qe, a0 as Xe, a1 as qe, m as Oe, a2 as We } from "./embedded-PUsgcSTE.js";
+import { cn as $ } from "cnfast";
 /**
  * @license lucide-react v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = [
+const Ze = [
   [
     "path",
     {
@@ -19,168 +19,168 @@ const Oe = [
   ["path", { d: "M7 11h10", key: "1twpyw" }],
   ["path", { d: "M7 15h6", key: "d9of3u" }],
   ["path", { d: "M7 7h8", key: "af5zfr" }]
-], et = ze("message-square-text", Oe), O = "lfg-notification-read-state", tt = "lfg_notification_reads_v1:";
-function ve(s) {
-  return `${tt}${(s == null ? void 0 : s.trim().toLowerCase()) || "__device__"}`;
+], et = ze("message-square-text", Ze), O = "lfg-notification-read-state", tt = "lfg_notification_reads_v1:";
+function be(n) {
+  return `${tt}${n?.trim().toLowerCase() || "__device__"}`;
 }
-function rt(s) {
-  if (!s || typeof s != "object") return null;
-  const i = s, c = typeof i.through == "number" && Number.isFinite(i.through) ? Math.max(0, i.through) : 0, o = Array.isArray(i.ids) ? i.ids.filter((m) => typeof m == "string").slice(-500) : [];
-  return { through: c, ids: [...new Set(o)] };
+function rt(n) {
+  if (!n || typeof n != "object") return null;
+  const i = n, c = typeof i.through == "number" && Number.isFinite(i.through) ? Math.max(0, i.through) : 0, l = Array.isArray(i.ids) ? i.ids.filter((u) => typeof u == "string").slice(-500) : [];
+  return { through: c, ids: [...new Set(l)] };
 }
-function _(s) {
+function L(n) {
   if (typeof window > "u") return null;
   try {
-    return rt(JSON.parse(localStorage.getItem(ve(s)) ?? "null"));
+    return rt(JSON.parse(localStorage.getItem(be(n)) ?? "null"));
   } catch {
     return null;
   }
 }
-function ye(s, i) {
-  return typeof window > "u" || (localStorage.setItem(ve(s), JSON.stringify(i)), window.dispatchEvent(
+function xe(n, i) {
+  return typeof window > "u" || (localStorage.setItem(be(n), JSON.stringify(i)), window.dispatchEvent(
     new CustomEvent(O, {
-      detail: { identity: (s == null ? void 0 : s.trim().toLowerCase()) || "__device__" }
+      detail: { identity: n?.trim().toLowerCase() || "__device__" }
     })
   )), i;
 }
-function F(s) {
-  return `shipped:${s.id}:${s.rev}`;
+function z(n) {
+  return `shipped:${n.id}:${n.rev}`;
 }
-function Z(s, i) {
-  return s ? i.ts > s.through && !s.ids.includes(i.id) : !1;
+function q(n, i) {
+  return n ? i.ts > n.through && !n.ids.includes(i.id) : !1;
 }
-function st(s, i) {
-  const c = _(s) ?? { through: 0, ids: [] };
-  return c.ids.includes(i) ? c : ye(s, {
+function st(n, i) {
+  const c = L(n) ?? { through: 0, ids: [] };
+  return c.ids.includes(i) ? c : xe(n, {
     ...c,
     ids: [...c.ids, i].slice(-500)
   });
 }
-function xe(s, i) {
-  const c = _(s) ?? { through: 0, ids: [] };
-  return ye(s, {
+function ge(n, i) {
+  const c = L(n) ?? { through: 0, ids: [] };
+  return xe(n, {
     through: Math.max(c.through, i),
     ids: c.ids
   });
 }
 function nt({
-  path: s,
+  path: n,
   cacheKey: i,
   children: c
 }) {
-  return /* @__PURE__ */ l("div", { className: "relative h-32 w-full overflow-hidden bg-background", children: [
-    /* @__PURE__ */ r(Qe, { path: s, cacheKey: i, className: "h-full w-full" }),
+  return /* @__PURE__ */ o("div", { className: "relative h-32 w-full overflow-hidden bg-background", children: [
+    /* @__PURE__ */ r(Qe, { path: n, cacheKey: i, className: "h-full w-full" }),
     c
   ] });
 }
 function at({
-  items: s,
+  items: n,
   total: i,
   onExpand: c
 }) {
-  const o = s[0];
-  if (!o) return null;
-  const m = Math.max(0, i - 1);
-  return /* @__PURE__ */ l(
+  const l = n[0];
+  if (!l) return null;
+  const u = Math.max(0, i - 1);
+  return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
-      onClick: () => c == null ? void 0 : c({
-        url: o.url,
-        kind: o.kind,
-        caption: o.caption,
-        name: o.name,
-        version: o.version,
-        cacheKey: o.updatedAt
+      onClick: () => c?.({
+        url: l.url,
+        kind: l.kind,
+        caption: l.caption,
+        name: l.name,
+        version: l.version,
+        cacheKey: l.updatedAt
       }),
-      "aria-label": `Open ${o.caption || o.name}`,
-      title: o.caption || o.name,
+      "aria-label": `Open ${l.caption || l.name}`,
+      title: l.caption || l.name,
       className: "relative size-[52px] shrink-0 overflow-hidden rounded-lg border border-border/60 bg-muted transition-transform active:scale-[0.97]",
       children: [
-        o.kind === "image" ? /* @__PURE__ */ r(
+        l.kind === "image" ? /* @__PURE__ */ r(
           Xe,
           {
-            path: o.url,
-            alt: o.caption || o.name,
+            path: l.url,
+            alt: l.caption || l.name,
             thumb: !0,
             className: "size-full object-cover"
           }
-        ) : o.kind === "html" ? (
+        ) : l.kind === "html" ? (
           // Deliberately an icon, not a live preview. A document scaled into a
           // 52px box is two words of giant text — unreadable, and it costs a
           // fetch + parse per row. The Artifacts page is where previews belong.
           /* @__PURE__ */ r("span", { className: "flex size-full items-center justify-center bg-primary/10 text-primary", children: /* @__PURE__ */ r(qe, { className: "size-4" }) })
-        ) : /* @__PURE__ */ r("span", { className: "flex size-full items-center justify-center bg-black/80 text-white/80", children: /* @__PURE__ */ r(We, { className: "size-4" }) }),
-        m > 0 ? /* @__PURE__ */ l("span", { className: "absolute inset-x-0 bottom-0 bg-black/55 py-0.5 text-center text-[9px] font-semibold text-white", children: [
+        ) : /* @__PURE__ */ r("span", { className: "flex size-full items-center justify-center bg-black/80 text-white/80", children: /* @__PURE__ */ r(Oe, { className: "size-4" }) }),
+        u > 0 ? /* @__PURE__ */ o("span", { className: "absolute inset-x-0 bottom-0 bg-black/55 py-0.5 text-center text-[9px] font-semibold text-white", children: [
           "+",
-          m
+          u
         ] }) : null
       ]
     }
   );
 }
-function it(s, i) {
+function it(n, i) {
   const c = (p) => {
-    const v = new Date(p);
-    return new Date(v.getFullYear(), v.getMonth(), v.getDate()).getTime();
-  }, o = Math.round((c(i) - c(s)) / 864e5);
-  if (o <= 0) return "Today";
-  if (o === 1) return "Yesterday";
-  const m = new Date(s);
-  return m.toLocaleDateString(void 0, {
+    const g = new Date(p);
+    return new Date(g.getFullYear(), g.getMonth(), g.getDate()).getTime();
+  }, l = Math.round((c(i) - c(n)) / 864e5);
+  if (l <= 0) return "Today";
+  if (l === 1) return "Yesterday";
+  const u = new Date(n);
+  return u.toLocaleDateString(void 0, {
     month: "long",
     day: "numeric",
-    ...m.getFullYear() === new Date(i).getFullYear() ? {} : { year: "numeric" }
+    ...u.getFullYear() === new Date(i).getFullYear() ? {} : { year: "numeric" }
   });
 }
 function ut({
-  onOpenSession: s,
+  onOpenSession: n,
   onOpenArtifactSession: i,
   onReviewSession: c,
-  liveSessionIds: o,
-  notificationIdentity: m,
+  liveSessionIds: l,
+  notificationIdentity: u,
   artifactsOnly: p = !1,
-  active: v = !0
+  active: g = !0
 }) {
-  const h = p ? "artifacts" : "feed", b = p ? he(L) : null, x = p ? null : he(W), [u, P] = f(() => (x == null ? void 0 : x.items) ?? null), [Y, ee] = f(() => (x == null ? void 0 : x.total) ?? 0), [G, te] = f(!1), [A, I] = f(
-    () => p ? null : _(m)
-  ), [B, re] = f(!1), [K, se] = f(null), { questions: y, busy: Ne, dismissAll: we } = Te(), [U, $] = f(!1);
-  w(() => {
-    $(!1);
-  }, [y.length]);
-  const [N, E] = f(() => (b == null ? void 0 : b.items) ?? null), [C, H] = f(() => (b == null ? void 0 : b.total) ?? 0), [V, ne] = f(!1), [ae, ie] = f(null), [le, oe] = f(null), de = "&kind=html", D = fe(Math.max(S, (b == null ? void 0 : b.items.length) ?? 0)), J = fe(Math.max(ge, (x == null ? void 0 : x.items.length) ?? 0)), ce = _e(Se), ke = je();
-  w(() => {
-    h === "feed" && I(_(m));
-  }, [m, h]), w(() => {
-    if (h !== "feed" || u === null || A) return;
-    const e = u.reduce((t, d) => Math.max(t, d.ts), Date.now());
-    I(xe(m, e));
-  }, [m, A, u, h]), w(() => {
+  const h = p ? "artifacts" : "feed", S = p ? me(D) : null, T = p ? null : me(X), [m, P] = f(() => T?.items ?? null), [j, W] = f(() => T?.total ?? 0), [F, Z] = f(!1), [w, k] = f(
+    () => p ? null : L(u)
+  ), [G, ee] = f(!1), [Y, te] = f(null), { questions: b, busy: ye, dismissAll: ve } = Se(), [B, M] = f(!1);
+  v(() => {
+    M(!1);
+  }, [b.length]);
+  const [y, A] = f(() => S?.items ?? null), [E, K] = f(() => S?.total ?? 0), [U, re] = f(!1), [se, ne] = f(null), [ae, ie] = f(null), oe = "&kind=html", I = ue(Math.max(_, S?.items.length ?? 0)), H = ue(Math.max(fe, T?.items.length ?? 0)), le = _e(Te), Ne = Pe();
+  v(() => {
+    h === "feed" && k(L(u));
+  }, [u, h]), v(() => {
+    if (h !== "feed" || m === null || w) return;
+    const e = m.reduce((t, d) => Math.max(t, d.ts), Date.now());
+    k(ge(u, e));
+  }, [u, w, m, h]), v(() => {
     if (h !== "feed") return;
-    const e = () => I(_(m));
+    const e = () => k(L(u));
     return window.addEventListener("storage", e), window.addEventListener(O, e), () => {
       window.removeEventListener("storage", e), window.removeEventListener(O, e);
     };
-  }, [m, h]), w(() => {
+  }, [u, h]), v(() => {
     if (h !== "artifacts") return;
     let e = !0;
     const t = async () => {
       try {
-        const a = await R(
-          `/api/artifacts?limit=${S}${de}`,
+        const a = await C(
+          `/api/artifacts?limit=${_}${oe}`,
           { cache: "no-store" }
         );
         if (!e) return;
-        const n = Array.isArray(a.artifacts) ? a.artifacts : [], g = a.total ?? n.length;
-        E((z) => {
-          const T = new Set(n.map((X) => X.id)), Me = (z ?? []).filter((X) => !T.has(X.id)), Q = [...n, ...Me];
-          return D.current = Math.max(S, Q.length), k(L, Q, g), Q;
-        }), H(g);
+        const s = Array.isArray(a.artifacts) ? a.artifacts : [], x = a.total ?? s.length;
+        A((Re) => {
+          const Le = new Set(s.map((J) => J.id)), Me = (Re ?? []).filter((J) => !Le.has(J.id)), V = [...s, ...Me];
+          return I.current = Math.max(_, V.length), N(D, V, x), V;
+        }), K(x);
       } catch {
-        e && E((a) => a ?? []);
+        e && A((a) => a ?? []);
       }
     };
-    if (t(), !v)
+    if (t(), !g)
       return () => {
         e = !1;
       };
@@ -188,182 +188,179 @@ function ut({
     return () => {
       e = !1, clearInterval(d);
     };
-  }, [h, v]);
-  const Ae = async () => {
-    if (!V) {
-      ne(!0);
+  }, [h, g]);
+  const we = async () => {
+    if (!U) {
+      re(!0);
       try {
-        const e = await R(
-          `/api/artifacts?limit=${S}&offset=${D.current}${de}`,
+        const e = await C(
+          `/api/artifacts?limit=${_}&offset=${I.current}${oe}`,
           { cache: "no-store" }
         );
-        E((t) => {
-          const d = new Set((t ?? []).map((n) => n.id)), a = [...t ?? [], ...e.artifacts.filter((n) => !d.has(n.id))];
-          return D.current = a.length, k(L, a, e.total ?? C), a;
-        }), H((t) => e.total ?? t);
+        A((t) => {
+          const d = new Set((t ?? []).map((s) => s.id)), a = [...t ?? [], ...e.artifacts.filter((s) => !d.has(s.id))];
+          return I.current = a.length, N(D, a, e.total ?? E), a;
+        }), K((t) => e.total ?? t);
       } catch {
       } finally {
-        ne(!1);
+        re(!1);
       }
     }
-  }, Ie = async (e) => {
+  }, ke = async (e) => {
     const t = e.title || e.caption || e.name;
-    if (await ke.confirm({
+    if (await Ne.confirm({
       title: `Delete ${t}?`,
       description: "This permanently removes the artifact and stops its automatic refresh schedule.",
       confirmLabel: "Delete artifact",
       destructive: !0
     })) {
-      oe(e.id);
+      ie(e.id);
       try {
-        await R(
+        await C(
           `/api/sessions/${encodeURIComponent(e.sessionId ?? "")}/artifacts/${encodeURIComponent(e.id)}`,
           {
             method: "DELETE",
             headers: { "X-LFG-Session-ID": e.sessionId ?? "" }
           }
-        ), E((a) => {
-          const n = (a == null ? void 0 : a.filter((g) => g.id !== e.id)) ?? null;
-          return n && k(L, n, Math.max(0, C - 1)), n;
-        }), H((a) => Math.max(0, a - 1)), D.current = Math.max(0, D.current - 1), M.success("Artifact deleted");
+        ), A((a) => {
+          const s = a?.filter((x) => x.id !== e.id) ?? null;
+          return s && N(D, s, Math.max(0, E - 1)), s;
+        }), K((a) => Math.max(0, a - 1)), I.current = Math.max(0, I.current - 1), R.success("Artifact deleted");
       } catch (a) {
-        M.error(a instanceof Error ? a.message : "Couldn't delete artifact");
+        R.error(a instanceof Error ? a.message : "Couldn't delete artifact");
       } finally {
-        oe(null);
+        ie(null);
       }
     }
-  }, Ee = async (e) => {
+  }, Ae = async (e) => {
     if (!(!e.sessionId || e.refreshEnabled === void 0)) {
-      ie(e.id);
+      ne(e.id);
       try {
-        const t = await R(
+        const t = await C(
           `/api/sessions/${encodeURIComponent(e.sessionId)}/artifacts/html/${encodeURIComponent(e.id)}/refresh`,
           {
             method: "POST",
             headers: { "X-LFG-Session-ID": e.sessionId }
           }
         );
-        E((d) => {
-          const a = (d == null ? void 0 : d.map((n) => {
-            var g, z, T;
-            return n.id === e.id ? {
-              ...n,
-              ts: t.artifact.updatedAt ?? n.ts,
-              version: t.artifact.version ?? n.version,
-              size: t.artifact.size ?? n.size,
-              lastRefreshedAt: ((g = t.artifact.refresh) == null ? void 0 : g.lastSuccessAt) ?? n.lastRefreshedAt,
-              refreshStatus: ((z = t.artifact.refresh) == null ? void 0 : z.status) ?? n.refreshStatus,
-              refreshEnabled: ((T = t.artifact.refresh) == null ? void 0 : T.enabled) ?? n.refreshEnabled
-            } : n;
-          })) ?? null;
-          return a && k(L, a, C), a;
-        }), M.success("Artifact refreshed");
+        A((d) => {
+          const a = d?.map((s) => s.id === e.id ? {
+            ...s,
+            ts: t.artifact.updatedAt ?? s.ts,
+            version: t.artifact.version ?? s.version,
+            size: t.artifact.size ?? s.size,
+            lastRefreshedAt: t.artifact.refresh?.lastSuccessAt ?? s.lastRefreshedAt,
+            refreshStatus: t.artifact.refresh?.status ?? s.refreshStatus,
+            refreshEnabled: t.artifact.refresh?.enabled ?? s.refreshEnabled
+          } : s) ?? null;
+          return a && N(D, a, E), a;
+        }), R.success("Artifact refreshed");
       } catch (t) {
-        M.error(t instanceof Error ? t.message : "Couldn't refresh artifact");
+        R.error(t instanceof Error ? t.message : "Couldn't refresh artifact");
       } finally {
-        ie(null);
+        ne(null);
       }
     }
   };
-  w(() => {
-    if (!(h !== "feed" || !v))
-      return Fe((e) => {
+  v(() => {
+    if (!(h !== "feed" || !g))
+      return je((e) => {
         if (!e.ok) {
-          P((t) => (t === null && se(e.error), t));
+          P((t) => (t === null && te(e.error), t));
           return;
         }
         P((t) => {
-          const d = new Set(e.posts.map((g) => g.id)), a = (t ?? []).filter((g) => !d.has(g.id)), n = [...e.posts, ...a];
-          return J.current = Math.max(Ze, n.length), k(W, n, e.total), n;
-        }), ee(e.total), se(null);
+          const d = new Set(e.posts.map((x) => x.id)), a = (t ?? []).filter((x) => !d.has(x.id)), s = [...e.posts, ...a];
+          return H.current = Math.max(We, s.length), N(X, s, e.total), s;
+        }), W(e.total), te(null);
       });
-  }, [h, v]);
-  const Ce = async () => {
-    if (!G) {
-      te(!0);
+  }, [h, g]);
+  const Ee = async () => {
+    if (!F) {
+      Z(!0);
       try {
-        const e = await R(
-          `/api/shipped?limit=${ge}&offset=${J.current}`,
+        const e = await C(
+          `/api/shipped?limit=${fe}&offset=${H.current}`,
           { cache: "no-store" }
         );
         P((t) => {
-          const d = new Set((t ?? []).map((n) => n.id)), a = [...t ?? [], ...e.posts.filter((n) => !d.has(n.id))];
-          return J.current = a.length, k(W, a, e.total ?? Y), a;
-        }), ee((t) => e.total ?? t);
+          const d = new Set((t ?? []).map((s) => s.id)), a = [...t ?? [], ...e.posts.filter((s) => !d.has(s.id))];
+          return H.current = a.length, N(X, a, e.total ?? j), a;
+        }), W((t) => e.total ?? t);
       } catch {
       } finally {
-        te(!1);
+        Z(!1);
       }
     }
-  }, ue = (u == null ? void 0 : u.filter(
-    (e) => Z(A, {
-      id: F(e),
+  }, de = m?.filter(
+    (e) => q(w, {
+      id: z(e),
       ts: e.ts
     })
-  ).length) ?? 0, De = $e(() => {
-    if (!(u != null && u.length)) return [];
+  ).length ?? 0, Ie = $e(() => {
+    if (!m?.length) return [];
     const e = Date.now(), t = [];
-    for (const d of u) {
-      const a = it(d.ts, e), n = t[t.length - 1];
-      n && n.label === a ? n.items.push(d) : t.push({ label: a, items: [d] });
+    for (const d of m) {
+      const a = it(d.ts, e), s = t[t.length - 1];
+      s && s.label === a ? s.items.push(d) : t.push({ label: a, items: [d] });
     }
     return t;
-  }, [u]), Re = (e) => {
-    Z(A, {
-      id: F(e),
+  }, [m]), Ce = (e) => {
+    q(w, {
+      id: z(e),
       ts: e.ts
-    }) && I(
-      st(m, F(e))
+    }) && k(
+      st(u, z(e))
     );
-  }, Le = async () => {
-    if (!B) {
-      re(!0);
+  }, De = async () => {
+    if (!G) {
+      ee(!0);
       try {
-        const e = Math.max(Date.now(), ...(u ?? []).map((t) => t.ts));
-        I(xe(m, e)), await Je(), M.success("Notifications marked read");
+        const e = Math.max(Date.now(), ...(m ?? []).map((t) => t.ts));
+        k(ge(u, e)), await Je(), R.success("Notifications marked read");
       } finally {
-        re(!1);
+        ee(!1);
       }
     }
   };
-  return /* @__PURE__ */ l("div", { className: "mx-auto max-w-xl space-y-4 pb-10", "data-lfg-page-column": !0, children: [
-    /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ l("div", { children: [
+  return /* @__PURE__ */ o("div", { className: "mx-auto max-w-xl space-y-4 pb-10", "data-lfg-page-column": !0, children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ r("h1", { className: "text-lg font-semibold tracking-[-0.01em]", children: p ? "Artifacts" : "Notifications" }),
-        p ? /* @__PURE__ */ r("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Interactive reports and live dashboards" }) : /* @__PURE__ */ r("p", { className: "mt-0.5 text-xs text-muted-foreground", children: y.length ? `${y.length} waiting on you` : ue ? `${ue} unread` : "You're all caught up" })
+        p ? /* @__PURE__ */ r("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Interactive reports and live dashboards" }) : /* @__PURE__ */ r("p", { className: "mt-0.5 text-xs text-muted-foreground", children: b.length ? `${b.length} waiting on you` : de ? `${de} unread` : "You're all caught up" })
       ] }),
-      !p && u !== null ? (
+      !p && m !== null ? (
         // Icon only. It is a rare, undoable housekeeping action — it does not
         // need to be the second-loudest thing on the page.
         /* @__PURE__ */ r(
-          Pe,
+          Fe,
           {
             size: "icon-sm",
             variant: "ghost",
             "aria-label": "Mark all read",
             title: "Mark all read — clears the app icon badge",
-            disabled: B,
-            onClick: () => void Le(),
-            children: B ? /* @__PURE__ */ r(pe, { className: "size-4 animate-spin" }) : /* @__PURE__ */ r(Ye, { className: "size-4" })
+            disabled: G,
+            onClick: () => void De(),
+            children: G ? /* @__PURE__ */ r(he, { className: "size-4 animate-spin" }) : /* @__PURE__ */ r(Ge, { className: "size-4" })
           }
         )
       ) : null
     ] }),
-    h === "artifacts" ? /* @__PURE__ */ l(me, { children: [
-      N === null ? /* @__PURE__ */ r("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "Loading…" }) : N.length === 0 ? /* @__PURE__ */ l("div", { className: "rounded-2xl border border-border bg-card/40 px-4 py-10 text-center text-sm text-muted-foreground", children: [
+    h === "artifacts" ? /* @__PURE__ */ o(ce, { children: [
+      y === null ? /* @__PURE__ */ r("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "Loading…" }) : y.length === 0 ? /* @__PURE__ */ o("div", { className: "rounded-2xl border border-border bg-card/40 px-4 py-10 text-center text-sm text-muted-foreground", children: [
         "No artifacts yet — agents create them with ",
         /* @__PURE__ */ r("code", { children: "omg_publish_artifact" }),
         "."
-      ] }) : /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3", children: N.map((e) => /* @__PURE__ */ l(
+      ] }) : /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3", children: y.map((e) => /* @__PURE__ */ o(
         "div",
         {
           className: "group relative overflow-hidden rounded-xl border border-border bg-card/40 text-left shadow-sm transition-colors hover:border-foreground/20",
           children: [
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: () => ce({
+                onClick: () => le({
                   url: e.url,
                   kind: e.kind,
                   title: e.title,
@@ -374,54 +371,54 @@ function ut({
                 }),
                 className: "block w-full text-left active:scale-[0.99]",
                 children: [
-                  /* @__PURE__ */ r(nt, { path: e.url, cacheKey: e.ts, children: (e.version ?? 1) > 1 ? /* @__PURE__ */ l("span", { className: "absolute left-1.5 top-1.5 flex items-center gap-1 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-600 backdrop-blur dark:text-emerald-400", children: [
+                  /* @__PURE__ */ r(nt, { path: e.url, cacheKey: e.ts, children: (e.version ?? 1) > 1 ? /* @__PURE__ */ o("span", { className: "absolute left-1.5 top-1.5 flex items-center gap-1 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-600 backdrop-blur dark:text-emerald-400", children: [
                     /* @__PURE__ */ r("span", { className: "size-1.5 rounded-full bg-emerald-500" }),
                     "live · v",
                     e.version
                   ] }) : null }),
-                  /* @__PURE__ */ l("div", { className: "px-2.5 py-2 pr-9", children: [
+                  /* @__PURE__ */ o("div", { className: "px-2.5 py-2 pr-9", children: [
                     /* @__PURE__ */ r("div", { className: "truncate text-xs font-medium", children: e.title || e.caption || e.name }),
-                    /* @__PURE__ */ r("div", { className: "mt-0.5 truncate text-[10px] text-muted-foreground", children: e.lastRefreshedAt ? `Refreshed ${q(e.lastRefreshedAt)}` : `Published ${q(e.ts)}` })
+                    /* @__PURE__ */ r("div", { className: "mt-0.5 truncate text-[10px] text-muted-foreground", children: e.lastRefreshedAt ? `Refreshed ${Q(e.lastRefreshedAt)}` : `Published ${Q(e.ts)}` })
                   ] })
                 ]
               }
             ),
-            e.sessionId ? /* @__PURE__ */ l(
+            e.sessionId ? /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: () => i == null ? void 0 : i(e),
+                onClick: () => i?.(e),
                 "aria-label": `Open related session for ${e.title || e.caption || e.name}`,
                 title: e.sessionTitle || e.project || "Open related session",
                 className: "flex w-full items-center gap-1.5 border-t border-border/60 px-2.5 py-2 text-[10px] font-medium text-muted-foreground transition-colors hover:bg-foreground/[0.03] hover:text-foreground",
                 children: [
                   /* @__PURE__ */ r(et, { className: "size-3 shrink-0", "aria-hidden": !0 }),
                   /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate text-left", children: e.sessionTitle || e.project || "Related session" }),
-                  /* @__PURE__ */ r(Ge, { className: "size-3 shrink-0", "aria-hidden": !0 })
+                  /* @__PURE__ */ r(Ye, { className: "size-3 shrink-0", "aria-hidden": !0 })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ l("div", { className: "absolute right-1.5 top-1.5 flex items-center gap-0.5 rounded-full bg-background/80 backdrop-blur", children: [
+            /* @__PURE__ */ o("div", { className: "absolute right-1.5 top-1.5 flex items-center gap-0.5 rounded-full bg-background/80 backdrop-blur", children: [
               e.refreshEnabled !== void 0 ? /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  onClick: () => void Ee(e),
-                  disabled: ae === e.id,
+                  onClick: () => void Ae(e),
+                  disabled: se === e.id,
                   "aria-label": `Refresh ${e.title || e.caption || e.name}`,
                   className: "flex size-7 items-center justify-center rounded-full text-muted-foreground opacity-100 transition-[color,background-color,transform,opacity] duration-150 hover:bg-foreground/[0.06] hover:text-foreground active:scale-[0.94] disabled:opacity-50 sm:opacity-0 sm:group-hover:opacity-100 sm:focus:opacity-100",
-                  children: /* @__PURE__ */ r(Be, { className: j("size-3.5", ae === e.id && "animate-spin") })
+                  children: /* @__PURE__ */ r(Be, { className: $("size-3.5", se === e.id && "animate-spin") })
                 }
               ) : null,
               /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  onClick: () => void Ie(e),
-                  disabled: le === e.id,
+                  onClick: () => void ke(e),
+                  disabled: ae === e.id,
                   "aria-label": `Delete ${e.title || e.caption || e.name}`,
                   className: "flex size-7 items-center justify-center rounded-full text-muted-foreground opacity-100 transition-[color,background-color,transform,opacity] duration-150 hover:bg-destructive/10 hover:text-destructive active:scale-[0.94] disabled:opacity-50 sm:opacity-0 sm:group-hover:opacity-100 sm:focus:opacity-100",
-                  children: le === e.id ? /* @__PURE__ */ r(pe, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ r(Ke, { className: "size-3.5" })
+                  children: ae === e.id ? /* @__PURE__ */ r(he, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ r(Ke, { className: "size-3.5" })
                 }
               )
             ] })
@@ -429,82 +426,82 @@ function ut({
         },
         e.id
       )) }),
-      N !== null && N.length < C ? /* @__PURE__ */ r(
+      y !== null && y.length < E ? /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          onClick: () => void Ae(),
-          disabled: V,
+          onClick: () => void we(),
+          disabled: U,
           className: "w-full rounded-xl border border-border bg-card/40 px-4 py-2.5 text-sm font-medium text-muted-foreground transition-colors hover:border-foreground/20 hover:text-foreground disabled:opacity-60",
-          children: V ? "Loading…" : `Load more · ${C - N.length} left`
+          children: U ? "Loading…" : `Load more · ${E - y.length} left`
         }
       ) : null
-    ] }) : /* @__PURE__ */ l(me, { children: [
-      K ? /* @__PURE__ */ r("div", { className: "rounded-xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: K }) : null,
-      u === null && !K ? /* @__PURE__ */ r("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "Loading…" }) : null,
-      y.length ? /* @__PURE__ */ l("section", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2 px-1", children: [
+    ] }) : /* @__PURE__ */ o(ce, { children: [
+      Y ? /* @__PURE__ */ r("div", { className: "rounded-xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: Y }) : null,
+      m === null && !Y ? /* @__PURE__ */ r("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "Loading…" }) : null,
+      b.length ? /* @__PURE__ */ o("section", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2 px-1", children: [
           /* @__PURE__ */ r("h2", { className: "text-[11px] font-semibold uppercase tracking-wide text-primary", children: "Needs you" }),
-          y.length > 1 ? /* @__PURE__ */ r(
+          b.length > 1 ? /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              disabled: Ne,
+              disabled: ye,
               onClick: () => {
-                if (!U) {
-                  $(!0);
+                if (!B) {
+                  M(!0);
                   return;
                 }
-                $(!1), we();
+                M(!1), ve();
               },
-              onBlur: () => $(!1),
-              className: j(
+              onBlur: () => M(!1),
+              className: $(
                 "-my-1 rounded-full px-2 py-1 text-[11px] font-medium transition-colors disabled:opacity-50",
-                U ? "bg-destructive/10 text-destructive" : "text-muted-foreground hover:text-foreground"
+                B ? "bg-destructive/10 text-destructive" : "text-muted-foreground hover:text-foreground"
               ),
-              children: U ? `Dismiss all ${y.length}?` : "Dismiss all"
+              children: B ? `Dismiss all ${b.length}?` : "Dismiss all"
             }
           ) : null
         ] }),
-        /* @__PURE__ */ r("div", { className: "overflow-hidden rounded-2xl border border-primary/25 bg-primary/[0.03] shadow-sm", children: [...y].sort((e, t) => t.createdAt - e.createdAt).map((e) => /* @__PURE__ */ r(Ue, { q: e, onOpenSession: s }, e.id)) })
+        /* @__PURE__ */ r("div", { className: "overflow-hidden rounded-2xl border border-primary/25 bg-primary/[0.03] shadow-sm", children: [...b].sort((e, t) => t.createdAt - e.createdAt).map((e) => /* @__PURE__ */ r(Ue, { q: e, onOpenSession: n }, e.id)) })
       ] }) : null,
-      u !== null && u.length === 0 && !y.length ? /* @__PURE__ */ r("div", { className: "rounded-2xl border border-border bg-card/40 px-4 py-10 text-center text-sm text-muted-foreground", children: "No notifications yet — verified results and future activity will collect here." }) : null,
-      De.map((e) => /* @__PURE__ */ l("section", { className: "space-y-1.5", children: [
+      m !== null && m.length === 0 && !b.length ? /* @__PURE__ */ r("div", { className: "rounded-2xl border border-border bg-card/40 px-4 py-10 text-center text-sm text-muted-foreground", children: "No notifications yet — verified results and future activity will collect here." }) : null,
+      Ie.map((e) => /* @__PURE__ */ o("section", { className: "space-y-1.5", children: [
         /* @__PURE__ */ r("h2", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: e.label }),
         /* @__PURE__ */ r("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 shadow-sm", children: e.items.map((t) => {
-          const d = !!t.sessionId && o.has(t.sessionId), a = Z(A, {
-            id: F(t),
+          const d = !!t.sessionId && l.has(t.sessionId), a = q(w, {
+            id: z(t),
             ts: t.ts
-          }), n = t.mediaItems.length > 0;
-          return /* @__PURE__ */ l("article", { className: "relative border-b border-border/50 last:border-b-0", children: [
-            /* @__PURE__ */ l(
+          }), s = t.mediaItems.length > 0;
+          return /* @__PURE__ */ o("article", { className: "relative border-b border-border/50 last:border-b-0", children: [
+            /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  Re(t), t.sessionId && (c ? c(t) : d && s(t.sessionId));
+                  Ce(t), t.sessionId && (c ? c(t) : d && n(t.sessionId));
                 },
-                className: j(
+                className: $(
                   "flex w-full items-start gap-2.5 py-2.5 pl-2.5 text-left transition-colors hover:bg-foreground/[0.02]",
-                  n ? "pr-[4.75rem]" : "pr-3.5"
+                  s ? "pr-[4.75rem]" : "pr-3.5"
                 ),
                 children: [
                   /* @__PURE__ */ r(
                     "span",
                     {
-                      className: j(
+                      className: $(
                         "mt-3 size-1.5 shrink-0 rounded-full",
                         a && "bg-primary"
                       ),
                       title: a ? "Unread" : void 0
                     }
                   ),
-                  /* @__PURE__ */ l("span", { className: "relative mt-0.5 shrink-0", children: [
+                  /* @__PURE__ */ o("span", { className: "relative mt-0.5 shrink-0", children: [
                     /* @__PURE__ */ r(
                       "img",
                       {
                         src: He(t.agent),
-                        alt: be(t.agent),
+                        alt: pe(t.agent),
                         className: "size-7 rounded-full border border-border bg-background p-1"
                       }
                     ),
@@ -516,14 +513,14 @@ function ut({
                       }
                     ) : null
                   ] }),
-                  /* @__PURE__ */ l("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ l("div", { className: "flex items-baseline gap-1.5 text-[11px] text-muted-foreground", children: [
-                      /* @__PURE__ */ r("span", { className: "min-w-0 shrink truncate font-medium text-foreground/75", children: be(t.agent) }),
-                      t.project ? /* @__PURE__ */ l("span", { className: "min-w-0 shrink truncate", children: [
+                  /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ o("div", { className: "flex items-baseline gap-1.5 text-[11px] text-muted-foreground", children: [
+                      /* @__PURE__ */ r("span", { className: "min-w-0 shrink truncate font-medium text-foreground/75", children: pe(t.agent) }),
+                      t.project ? /* @__PURE__ */ o("span", { className: "min-w-0 shrink truncate", children: [
                         "· ",
                         t.project
                       ] }) : null,
-                      /* @__PURE__ */ r("span", { className: "ml-auto shrink-0 tabular-nums", children: q(t.ts) })
+                      /* @__PURE__ */ r("span", { className: "ml-auto shrink-0 tabular-nums", children: Q(t.ts) })
                     ] }),
                     /* @__PURE__ */ r("h3", { className: "mt-0.5 line-clamp-2 text-[13.5px] font-semibold leading-snug tracking-[-0.01em]", children: t.title }),
                     t.summary ? (
@@ -536,25 +533,25 @@ function ut({
                 ]
               }
             ),
-            n ? /* @__PURE__ */ r("div", { className: "absolute right-3.5 top-2.5", children: /* @__PURE__ */ r(
+            s ? /* @__PURE__ */ r("div", { className: "absolute right-3.5 top-2.5", children: /* @__PURE__ */ r(
               at,
               {
                 items: t.mediaItems,
                 total: t.mediaTotal ?? t.mediaItems.length,
-                onExpand: ce
+                onExpand: le
               }
             ) }) : null
           ] }, t.id);
         }) })
       ] }, e.label)),
-      u !== null && u.length < Y ? /* @__PURE__ */ r(
+      m !== null && m.length < j ? /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          onClick: () => void Ce(),
-          disabled: G,
+          onClick: () => void Ee(),
+          disabled: F,
           className: "w-full rounded-xl border border-border bg-card/40 px-4 py-2.5 text-sm font-medium text-muted-foreground transition-colors hover:border-foreground/20 hover:text-foreground disabled:opacity-60",
-          children: G ? "Loading…" : `Load more · ${Y - u.length} left`
+          children: F ? "Loading…" : `Load more · ${j - m.length} left`
         }
       ) : null
     ] })