@markmo/europacore-session-ui 0.2.0 → 0.4.0

package/dist/ArtifactsPage-BxaqShTv.js

@@ -0,0 +1,1178 @@
+import { jsx as t, jsxs as o, Fragment as j } from "react/jsx-runtime";
+import { Download as Ie, FileCode as dt, FileText as He, Printer as ut, FileArchive as ht, FileSpreadsheet as pt, ExternalLink as Be, Copy as ft, KeyRound as mt, AtSign as gt, Globe as Ve, Undo2 as bt, Trash2 as qe, Link2 as xt, ArrowDown as wt, ArrowUp as kt, LayoutList as vt, Table2 as yt, BarChart3 as Nt, RefreshCw as $t, FileStack as Me, Search as Ct } from "lucide-react";
+import { useState as $, useEffect as K, useMemo as le } from "react";
+import { Link as St, useNavigate as zt, useSearchParams as _t } from "react-router";
+import { b4 as ce, m as Ke, b5 as F, b6 as we, o as S, b7 as At, K as re, a2 as A, b8 as Ut, B as H, b9 as Dt, ba as Tt, bb as Lt, bc as Pt, bd as G, be as Ce, n as J, bf as Bt, bg as Ge, aq as Se, aK as B, bh as Mt, Y as N, bi as E, bj as Et, aD as Ot, aG as Ft, aE as jt, bk as Rt, l as ne, bl as Wt, bm as It, bn as Ht, bo as Vt, bp as qt, bq as Ee, br as Oe, bs as he, bt as Fe, O as Ye, bu as Y, bv as R, bw as D, bx as Ze, by as Kt, bz as Gt, bA as M, bB as Yt, a as Z, aU as ke, bC as Zt, H as Jt, bD as Xt, bE as Qt, bF as en, k as tn, bG as nn, bH as sn, ad as an, aJ as ln, V as je, bI as rn } from "./index-CMPf-3JZ.js";
+import { Menu as on, MenuButton as cn } from "@headlessui/react";
+const dn = [4, 8, 12, 26], Je = 30, un = 864e5;
+function Xe(e) {
+  const n = new Date(e);
+  return n.setHours(0, 0, 0, 0), n.setDate(n.getDate() - (n.getDay() + 6) % 7), n.getTime();
+}
+function pe(e, n) {
+  const a = new Date(e);
+  return a.setDate(a.getDate() + 7 * n), a.getTime();
+}
+function se(e) {
+  const n = new Date(e);
+  return `${n.getDate()} ${n.toLocaleString("en", { month: "short" })}`;
+}
+const Qe = (e) => typeof e.bytes == "number" ? e.bytes : null;
+function ae(e) {
+  const n = e.filter((a) => typeof a == "number");
+  return n.length ? n.reduce((a, s) => a + s, 0) : null;
+}
+function et(e) {
+  return ae(e.versions.map(Qe));
+}
+function tt(e, n = Date.now()) {
+  const a = Date.parse(e.updated_at);
+  return Number.isFinite(a) && n - a > Je * un;
+}
+function hn(e, n, a) {
+  return e.versions.some((s) => {
+    const l = Date.parse(s.created_at);
+    return l >= n && l < a;
+  });
+}
+function pn(e, n) {
+  return (e.projects ?? []).includes(n) || e.versions.some((a) => a.project === n);
+}
+function fn(e, n, a) {
+  const s = pe(Xe(n), -(a - 1)), l = Array.from({ length: a }, (d, f) => ({
+    start: pe(s, f),
+    end: pe(s, f + 1),
+    tokens: 0,
+    versions: 0
+  }));
+  for (const d of e.flatMap((f) => f.versions)) {
+    const f = Date.parse(d.created_at), p = l.find((c) => f >= c.start && f < c.end);
+    p && (p.versions += 1, p.tokens += d.usage?.total_tokens ?? 0);
+  }
+  return l;
+}
+function mn(e, n, a) {
+  const s = e.flatMap((i) => i.versions), l = s.filter((i) => i.usage), d = l.filter((i) => typeof i.usage?.cost_usd == "number"), f = l.length ? l.reduce((i, x) => i + (x.usage?.total_tokens ?? 0), 0) : null, p = e.filter((i) => i.versions.some((x) => x.usage)).length, c = { live: 0, temporary: 0, permanent: 0 };
+  let m = 0;
+  for (const i of e) {
+    const x = ce(i, n);
+    x && ((x.behind || x.expired) && (m += 1), !x.expired && (c.live += 1, x.expiresAt ? c.temporary += 1 : c.permanent += 1));
+  }
+  const b = e.filter((i) => tt(i, n)), k = /* @__PURE__ */ new Map();
+  for (const i of e) {
+    const x = k.get(i.format) ?? { tag: Ke(i.format), format: i.format, count: 0 };
+    x.count += 1, k.set(i.format, x);
+  }
+  const r = Xe(n);
+  return {
+    count: e.length,
+    newThisWeek: e.filter((i) => Date.parse(i.created_at) >= r).length,
+    tokens: f,
+    tokensPartial: f !== null && l.length < s.length,
+    perArtifact: f !== null && p ? Math.round(f / p) : null,
+    cost: d.length ? d.reduce((i, x) => i + (x.usage?.cost_usd ?? 0), 0) : null,
+    costPartial: d.length > 0 && d.length < s.length,
+    bytes: ae(s.map(Qe)),
+    files: s.reduce((i, x) => i + x.files.length, 0),
+    versions: s.length,
+    published: c,
+    stale: m,
+    untouched: {
+      count: b.length,
+      tokens: ae(b.map((i) => i.usage?.total_tokens ?? null)),
+      bytes: ae(b.map(et)),
+      openedLately: b.filter((i) => we(i) > 0).length
+    },
+    shared: e.some((i) => F(i)) ? {
+      count: e.filter((i) => F(i) === "workspace" || F(i) === "public").length,
+      workspace: e.filter((i) => F(i) === "workspace").length,
+      public: e.filter((i) => F(i) === "public").length,
+      opens: e.reduce((i, x) => i + we(x), 0)
+    } : null,
+    byFormat: [...k.values()].sort((i, x) => x.count - i.count || i.tag.localeCompare(x.tag)),
+    heaviest: e.filter((i) => (i.usage?.total_tokens ?? 0) > 0).sort((i, x) => (x.usage?.total_tokens ?? 0) - (i.usage?.total_tokens ?? 0)).slice(0, 5),
+    weeks: fn(e, n, a)
+  };
+}
+const gn = (() => {
+  const e = new Uint32Array(256);
+  for (let n = 0; n < 256; n++) {
+    let a = n;
+    for (let s = 0; s < 8; s++) a = a & 1 ? 3988292384 ^ a >>> 1 : a >>> 1;
+    e[n] = a >>> 0;
+  }
+  return e;
+})();
+function bn(e) {
+  let n = 4294967295;
+  for (let a = 0; a < e.length; a++) n = gn[(n ^ e[a]) & 255] ^ n >>> 8;
+  return (n ^ 4294967295) >>> 0;
+}
+async function xn(e) {
+  if (typeof CompressionStream > "u") return null;
+  try {
+    const n = new CompressionStream("deflate-raw"), a = n.writable.getWriter();
+    a.write(e), a.close();
+    const s = [], l = n.readable.getReader();
+    for (let p = await l.read(); !p.done; p = await l.read()) s.push(p.value);
+    const d = new Uint8Array(s.reduce((p, c) => p + c.length, 0));
+    let f = 0;
+    for (const p of s)
+      d.set(p, f), f += p.length;
+    return d;
+  } catch {
+    return null;
+  }
+}
+function wn(e) {
+  const n = Math.max(1980, e.getFullYear());
+  return {
+    time: e.getHours() << 11 | e.getMinutes() << 5 | Math.floor(e.getSeconds() / 2),
+    date: n - 1980 << 9 | e.getMonth() + 1 << 5 | e.getDate()
+  };
+}
+async function Re(e) {
+  const n = new TextEncoder(), a = [], s = [];
+  let l = 0;
+  for (const b of e) {
+    const k = n.encode(b.path), r = await xn(b.data), i = !r || r.length >= b.data.length, x = i ? b.data : r, u = bn(b.data), { time: C, date: w } = wn(b.modified ?? /* @__PURE__ */ new Date()), v = new DataView(new ArrayBuffer(30));
+    v.setUint32(0, 67324752, !0), v.setUint16(4, 20, !0), v.setUint16(6, 2048, !0), v.setUint16(8, i ? 0 : 8, !0), v.setUint16(10, C, !0), v.setUint16(12, w, !0), v.setUint32(14, u, !0), v.setUint32(18, x.length, !0), v.setUint32(22, b.data.length, !0), v.setUint16(26, k.length, !0), a.push(new Uint8Array(v.buffer), k, x);
+    const y = new DataView(new ArrayBuffer(46));
+    y.setUint32(0, 33639248, !0), y.setUint16(4, 788, !0), y.setUint16(6, 20, !0), y.setUint16(8, 2048, !0), y.setUint16(10, i ? 0 : 8, !0), y.setUint16(12, C, !0), y.setUint16(14, w, !0), y.setUint32(16, u, !0), y.setUint32(20, x.length, !0), y.setUint32(24, b.data.length, !0), y.setUint16(28, k.length, !0), y.setUint32(38, 33188 << 16 >>> 0, !0), y.setUint32(42, l, !0), s.push(new Uint8Array(y.buffer), k), l += 30 + k.length + x.length;
+  }
+  const d = s.reduce((b, k) => b + k.length, 0), f = new DataView(new ArrayBuffer(22));
+  f.setUint32(0, 101010256, !0), f.setUint16(8, e.length, !0), f.setUint16(10, e.length, !0), f.setUint32(12, d, !0), f.setUint32(16, l, !0);
+  const p = [...a, ...s, new Uint8Array(f.buffer)], c = new Uint8Array(p.reduce((b, k) => b + k.length, 0));
+  let m = 0;
+  for (const b of p)
+    c.set(b, m), m += b.length;
+  return c;
+}
+const kn = [
+  "id",
+  "title",
+  "format",
+  "versions",
+  "created_at",
+  "updated_at",
+  "session_id",
+  "session_title",
+  "projects",
+  "tokens",
+  "cost_usd",
+  "size_bytes",
+  "storage_bytes",
+  "published_url",
+  "published_target",
+  "published_version",
+  "expires_at"
+];
+function vn(e) {
+  if (e == null) return "";
+  if (typeof e == "number") return Number.isFinite(e) ? String(e) : "";
+  let n = S(e);
+  return /^[=+\-@]/.test(n) && (n = `'${n}`), /[",]/.test(n) ? `"${n.replace(/"/g, '""')}"` : n;
+}
+function yn(e, n) {
+  const a = e.map((s) => {
+    const l = ce(s), d = [.../* @__PURE__ */ new Set([...s.projects ?? [], ...s.versions.map((f) => f.project ?? "")])].filter(Boolean);
+    return [
+      s.id,
+      s.title,
+      s.format,
+      s.versions.length,
+      s.created_at,
+      s.updated_at,
+      s.session_id,
+      n(s.session_id),
+      d.join(" "),
+      s.usage?.total_tokens,
+      s.usage?.cost_usd,
+      s.size,
+      et(s),
+      l?.url,
+      l?.target,
+      l?.version,
+      l?.expiresAt
+    ].map(vn);
+  });
+  return `${[kn, ...a].map((s) => s.join(",")).join(`\r
+`)}\r
+`;
+}
+const We = 10, fe = (e, n, a = `${n}s`) => `${e} ${e === 1 ? n : a}`;
+function V(e, n) {
+  return n.targets.length === 1 && n.version !== void 0 ? n.version : e.version;
+}
+function Nn(e, n) {
+  const { rows: a, targets: s } = e, l = s.length === 1 ? s[0] : null, d = l ? V(l, e) : 0, f = l ? l.versions.find((m) => m.version === d)?.files.length ?? At(l) : 0, p = [
+    {
+      kind: "csv",
+      key: "c",
+      label: "CSV",
+      what: `${fe(a.length, "row")} ${e.rowsAre}, a line each; no viewer links`,
+      ...a.length ? {} : { unavailable: "no rows to write" }
+    }
+  ];
+  if (!s.length) return p;
+  p.push({
+    kind: "zip",
+    key: "z",
+    label: "ZIP",
+    what: l ? `every file of v${d} (${fe(f, "file")})` : `${fe(s.length, "artifact")}, a folder each, at their newest versions`
+  }), p.push({
+    kind: "pdf",
+    key: "p",
+    label: "PDF",
+    what: l ? `v${d} as the page prints, through the browser's print dialog` : "one per artifact, as each page prints",
+    ...n ? { unavailable: n } : s.length > We ? { unavailable: `more than ${We} at once: tick fewer, or take the ZIP` } : {}
+  });
+  const c = new Set(s.map((m) => m.format));
+  if (c.size === 1) {
+    const m = c.has("markdown"), b = c.has("html");
+    (m || b) && p.push({
+      kind: "source",
+      key: m ? "m" : "h",
+      label: m ? "Markdown" : "HTML",
+      what: l ? `${l.entry} of v${d}, as written${f > 1 ? "; its other files are in the ZIP" : ""}` : `each one's ${m ? ".md" : ".html"}, as written`
+    });
+  }
+  return p;
+}
+function ve(e) {
+  return e.replace(/[^\w.-]+/g, "-").replace(/^[.-]+|[.-]+$/g, "") || "artifact";
+}
+function me(e, n, a) {
+  return `${ve(e.id)}-v${n}.${a}`;
+}
+function ge(e, n = /* @__PURE__ */ new Date()) {
+  const a = (l) => String(l).padStart(2, "0");
+  return `artifacts-${`${n.getFullYear()}${a(n.getMonth() + 1)}${a(n.getDate())}`}-${a(n.getHours())}${a(n.getMinutes())}${a(n.getSeconds())}.${e}`;
+}
+function $n(e) {
+  return !e || e.startsWith("/") || e.includes("\\") || /^[a-z]:/i.test(e) ? !1 : e.split("/").every((n) => n !== "" && n !== "." && n !== "..");
+}
+function Cn(e, n, a, s) {
+  return s ? `${ve(e.id)}/v${n}/${a}` : `${ve(e.id)}-v${n}/${a}`;
+}
+function de({ format: e }) {
+  return /* @__PURE__ */ t("span", { className: "rounded border border-line-soft bg-surface-alt px-1 font-mono text-[10.5px] font-semibold text-muted", children: Ke(e) });
+}
+const Sn = { private: "neutral", workspace: "accent", public: "warn" };
+function ze({ artifact: e }) {
+  const n = F(e);
+  return n ? /* @__PURE__ */ t(H, { tone: Sn[n], children: Dt[n] }) : null;
+}
+function _e({ artifact: e, now: n = Date.now() }) {
+  const a = ce(e, n);
+  return a ? a.expired ? /* @__PURE__ */ t(H, { tone: "danger", children: "Expired" }) : a.behind ? /* @__PURE__ */ o(H, { tone: "warn", children: [
+    "Published v",
+    a.version
+  ] }) : a.soon ? /* @__PURE__ */ t(H, { tone: "warn", children: "Expiring" }) : /* @__PURE__ */ t(H, { tone: "ok", children: "Published" }) : null;
+}
+const zn = 20, ie = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Set(), Ne = /* @__PURE__ */ new Set();
+async function _n(e) {
+  await Promise.all(
+    e.map(async (n) => {
+      ye.add(n);
+      try {
+        ie.set(n, { kind: "session", session: await A.getSession(n), live: !!re.get(n) });
+      } catch (a) {
+        ie.set(n, a instanceof Ut && a.status === 404 ? { kind: "deleted" } : { kind: "unknown" });
+      } finally {
+        ye.delete(n);
+      }
+    })
+  );
+  for (const n of Ne) n();
+}
+function An(e) {
+  const [, n] = $(0), s = [...new Set(e.filter((l) => !!l))].join(",");
+  return K(() => {
+    const l = () => n((f) => f + 1);
+    Ne.add(l);
+    const d = s ? s.split(",").filter((f) => !ie.has(f) && !ye.has(f)) : [];
+    return d.length && _n(d.slice(0, zn)), () => {
+      Ne.delete(l);
+    };
+  }, [s]), (l) => {
+    if (!l) return { kind: "none" };
+    const d = re.get(l)?.session;
+    return d ? { kind: "session", session: d, live: !0 } : ie.get(l) ?? { kind: "unknown" };
+  };
+}
+function Un(e) {
+  return e.kind === "session" ? e.session.title ?? null : null;
+}
+async function Ae(e) {
+  if (!Pt(e)) return e;
+  const n = await A.artifact(e.id, G(e) ? e.owner : null);
+  return Ce(n), n;
+}
+async function q(e, n) {
+  const a = await Ae(e);
+  if (n !== void 0) return { url: Tt(A.artifactLink(a.url), n), what: "viewer" };
+  const s = Lt(a);
+  return s.what === "viewer" ? { url: A.artifactLink(s.url), what: "viewer" } : s;
+}
+async function $e(e) {
+  const n = window.open("about:blank", "_blank");
+  try {
+    const a = await e();
+    n ? (n.opener = null, n.location.href = a) : window.open(a, "_blank", "noopener");
+  } catch (a) {
+    throw n?.close(), a;
+  }
+}
+function te(e, n, a) {
+  const s = URL.createObjectURL(new Blob([n], { type: a })), l = document.createElement("a");
+  l.href = s, l.download = e, l.rel = "noopener", document.body.appendChild(l), l.click(), l.remove(), setTimeout(() => URL.revokeObjectURL(s), 1e3);
+}
+async function be(e, n, a) {
+  const s = await Ae(e), l = a ? [a] : s.versions.find((d) => d.version === n)?.files ?? [s.entry];
+  return Promise.all(
+    l.filter($n).map(async (d) => ({ path: d, data: await A.artifactFile(s.url, d, n) }))
+  );
+}
+async function nt(e, n, a) {
+  const { rows: s, targets: l } = n, d = l.length > 1;
+  if (e === "csv")
+    return te(ge("csv"), yn(s, a), "text/csv;charset=utf-8"), `Saved ${s.length} row${s.length === 1 ? "" : "s"} as CSV`;
+  if (e === "pdf") {
+    const m = l[0], b = V(m, n);
+    return await $e(async () => (await q(m, b)).url), "Opened the page: print it to PDF from the browser (⌘P or Ctrl+P)";
+  }
+  if (e === "zip") {
+    const m = [];
+    for (const k of l) {
+      const r = V(k, n);
+      for (const i of await be(k, r)) m.push({ path: Cn(k, r, i.path, d), data: i.data });
+    }
+    const b = d ? ge("zip") : me(l[0], V(l[0], n), "zip");
+    return te(b, await Re(m), "application/zip"), `Saved ${m.length} file${m.length === 1 ? "" : "s"} as ${b}`;
+  }
+  const f = (m) => m.format === "markdown" ? "md" : "html";
+  if (!d) {
+    const m = l[0], b = V(m, n), [k] = await be(m, b, m.entry), r = me(m, b, f(m));
+    return te(r, k.data, m.format === "markdown" ? "text/markdown;charset=utf-8" : "text/html;charset=utf-8"), `Saved ${r}`;
+  }
+  const p = [];
+  for (const m of l) {
+    const [b] = await be(m, m.version, m.entry);
+    p.push({ path: me(m, m.version, f(m)), data: b.data });
+  }
+  const c = ge("zip");
+  return te(c, await Re(p), "application/zip"), `Saved ${p.length} sources as ${c}`;
+}
+const oe = (e) => e.length === 1 ? `“${S(e[0].title)}”` : `${e.length} artifacts`;
+function Dn({
+  items: e,
+  link: n,
+  canUnpublish: a,
+  onClose: s,
+  onDone: l,
+  onMakePrivate: d,
+  onExport: f
+}) {
+  const { toast: p } = J(), c = Bt(e, n), m = e.filter((g) => Ge(g, a).ok), [b, k] = $(""), [r, i] = $(!1), [x, u] = $(null), [C, w] = $(null), v = c.confirm.kind === "type" ? c.confirm.word : null, y = v === null || b.trim().toLowerCase() === v, O = async () => {
+    u("delete"), w(null);
+    const g = [];
+    try {
+      for (const z of e)
+        await A.deleteArtifact(z.id, { unpublish: r && m.includes(z) }), g.push(z.id);
+      p(`Deleted ${oe(e)}`, "ok"), l();
+    } catch (z) {
+      w(`${g.length ? `Deleted ${g.length}, then: ` : ""}${E(z)}`);
+    } finally {
+      Rt(g), ne(void 0, !0), u(null);
+    }
+  };
+  return /* @__PURE__ */ t(
+    Se,
+    {
+      open: !0,
+      onClose: s,
+      title: `Delete ${oe(e)}?`,
+      size: "md",
+      footer: /* @__PURE__ */ o(j, { children: [
+        /* @__PURE__ */ t(N, { variant: "ghost", onClick: s, children: "Cancel" }),
+        /* @__PURE__ */ t(
+          N,
+          {
+            icon: /* @__PURE__ */ t(Ie, { size: 14 }),
+            loading: x === "save",
+            disabled: x !== null,
+            onClick: async () => {
+              u("save");
+              try {
+                await f();
+              } catch (g) {
+                w(E(g));
+              } finally {
+                u(null);
+              }
+            },
+            children: "Save a copy"
+          }
+        ),
+        e.every((g) => g.access && g.access !== "private") && /* @__PURE__ */ t(N, { disabled: x !== null, onClick: d, children: "Make private instead" }),
+        /* @__PURE__ */ t(N, { variant: "danger", loading: x === "delete", disabled: !y || x !== null, onClick: () => {
+          O();
+        }, children: "Delete" })
+      ] }),
+      children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 text-[13px]", children: [
+        /* @__PURE__ */ t("ul", { className: "list-disc space-y-1 pl-5 text-ink", children: c.breaks.map((g) => /* @__PURE__ */ t("li", { children: g }, g)) }),
+        c.staysUp.length > 0 && /* @__PURE__ */ t(B, { tone: "warn", title: "What stays up", children: /* @__PURE__ */ t("ul", { className: "space-y-1", children: c.staysUp.map((g) => /* @__PURE__ */ t("li", { className: "break-words", children: g }, g)) }) }),
+        m.length > 0 && /* @__PURE__ */ o("label", { className: "flex items-center gap-2 text-ink", children: [
+          /* @__PURE__ */ t("input", { type: "checkbox", checked: r, onChange: (g) => i(g.target.checked) }),
+          "Take the published ",
+          m.length === 1 ? "copy" : "copies",
+          " down first (nothing is deleted if that fails)"
+        ] }),
+        v !== null && /* @__PURE__ */ o("label", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ o("span", { className: "text-muted", children: [
+            "Type ",
+            /* @__PURE__ */ t("strong", { className: "font-mono text-ink", children: v }),
+            " to delete."
+          ] }),
+          /* @__PURE__ */ t("input", { className: Mt, value: b, onChange: (g) => k(g.target.value), autoComplete: "off", spellCheck: !1, "aria-label": "Confirm" })
+        ] }),
+        C && /* @__PURE__ */ t(B, { tone: "danger", children: C })
+      ] })
+    }
+  );
+}
+function Tn({ items: e, onClose: n }) {
+  const { toast: a } = J(), s = Et(e), [l, d] = $(null), [f, p] = $(!1), [c, m] = $(null), b = async (r) => {
+    p(!0), m(null);
+    try {
+      for (const i of e) Ce(r === "revoke" ? await A.revokeArtifactLinks(i.id) : await A.setArtifactAccess(i.id, r));
+      a(`${e.length === 1 ? S(e[0].title) : `${e.length} artifacts`}: ${It(r)}`, "ok"), n();
+    } catch (i) {
+      m(E(i));
+    } finally {
+      p(!1);
+    }
+  }, k = (r) => {
+    if (r.current || r.unavailable) return;
+    const i = Wt(e, r.change);
+    i ? d({ choice: r, question: i }) : b(r.change);
+  };
+  return /* @__PURE__ */ o(
+    Se,
+    {
+      open: !0,
+      onClose: n,
+      title: `Who can open ${oe(e)}`,
+      size: "md",
+      footer: l ? /* @__PURE__ */ o(j, { children: [
+        /* @__PURE__ */ t(N, { variant: "ghost", onClick: () => d(null), children: "Back" }),
+        /* @__PURE__ */ t(N, { variant: l.choice.change === "public" ? "warning" : "danger", loading: f, onClick: () => {
+          b(l.choice.change);
+        }, children: l.choice.label })
+      ] }) : /* @__PURE__ */ t(N, { variant: "ghost", onClick: n, children: "Close" }),
+      children: [
+        l ? /* @__PURE__ */ t("p", { className: "text-[13px] text-ink", children: l.question }) : /* @__PURE__ */ t("ul", { className: "flex flex-col gap-1.5", children: s.map((r) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            disabled: f || !!r.unavailable || r.current,
+            onClick: () => k(r),
+            className: "flex w-full flex-col rounded-lg border border-line-soft px-3 py-2 text-left hover:border-accent hover:bg-accent-soft disabled:cursor-default disabled:opacity-60 disabled:hover:border-line-soft disabled:hover:bg-transparent",
+            children: [
+              /* @__PURE__ */ o("span", { className: "text-[13px] font-semibold text-ink", children: [
+                r.label,
+                r.current && /* @__PURE__ */ t("span", { className: "ml-1.5 font-normal text-muted", children: "· now" })
+              ] }),
+              /* @__PURE__ */ t("span", { className: "text-[12px] text-muted", children: r.unavailable ?? r.what })
+            ]
+          }
+        ) }, r.key)) }),
+        c && /* @__PURE__ */ t(B, { tone: "danger", className: "mt-3", children: c })
+      ]
+    }
+  );
+}
+function Ln({ artifact: e, onClose: n }) {
+  const { toast: a } = J(), [s, l] = $(!1), [d, f] = $(null), p = async () => {
+    l(!0), f(null);
+    try {
+      Ce(await A.unpublishArtifact(e.id)), a(`Took the published copy of ${S(e.title)} down`, "ok"), n();
+    } catch (c) {
+      f(E(c));
+    } finally {
+      l(!1);
+    }
+  };
+  return /* @__PURE__ */ t(
+    Se,
+    {
+      open: !0,
+      onClose: n,
+      title: `Take ${oe([e])} down?`,
+      description: "The published address stops opening for everyone. The artifact itself stays here, and can be published again.",
+      size: "sm",
+      footer: /* @__PURE__ */ o(j, { children: [
+        /* @__PURE__ */ t(N, { variant: "ghost", onClick: n, children: "Cancel" }),
+        /* @__PURE__ */ t(N, { variant: "danger", loading: s, onClick: () => {
+          p();
+        }, children: "Take it down" })
+      ] }),
+      children: d && /* @__PURE__ */ t(B, { tone: "danger", children: d })
+    }
+  );
+}
+const Pn = { c: pt, z: ht, p: ut, m: He, h: dt };
+function st({
+  scope: e,
+  sessionTitle: n,
+  label: a = "Export"
+}) {
+  const { toast: s } = J(), [l, d] = $(!1), f = Nn(e, e.targets.length > 1 ? "the browser prints one page at a time: pick one, or take the ZIP" : null), p = async (c) => {
+    d(!0);
+    try {
+      s(await nt(c, e, n), "ok");
+    } catch (m) {
+      s(`Export failed: ${E(m)}`, "danger");
+    } finally {
+      d(!1);
+    }
+  };
+  return /* @__PURE__ */ o(on, { children: [
+    /* @__PURE__ */ t(cn, { as: N, size: "sm", icon: /* @__PURE__ */ t(Ie, { size: 14 }), loading: l, disabled: l || !e.rows.length && !e.targets.length, children: a }),
+    /* @__PURE__ */ o(Ot, { className: "w-80", children: [
+      /* @__PURE__ */ t(Ft, { children: e.targets.length === 1 ? S(e.targets[0].title) : `${e.rows.length} ${e.rowsAre}` }),
+      f.map((c) => {
+        const m = Pn[c.key] ?? He;
+        return /* @__PURE__ */ t(jt, { icon: /* @__PURE__ */ t(m, { size: 14, className: "shrink-0" }), disabled: !!c.unavailable, onClick: () => {
+          p(c.kind);
+        }, children: /* @__PURE__ */ o("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ t("span", { children: c.label }),
+          /* @__PURE__ */ t("span", { className: "text-[11.5px] text-muted", children: c.unavailable ?? c.what })
+        ] }) }, c.key);
+      })
+    ] })
+  ] });
+}
+function L({ label: e, children: n }) {
+  return /* @__PURE__ */ o("div", { className: "grid grid-cols-[96px_1fr] gap-2 text-[12.5px]", children: [
+    /* @__PURE__ */ t("dt", { className: "text-muted", children: e }),
+    /* @__PURE__ */ t("dd", { className: "min-w-0 break-words text-ink", children: n })
+  ] });
+}
+function Bn({ artifact: e }) {
+  const [n, a] = $(null), [s, l] = $(null);
+  return K(() => {
+    let d = !1;
+    return l(null), Ae(e).then((f) => !d && a(A.artifactLink(f.url))).catch((f) => !d && l(E(f))), () => {
+      d = !0;
+    };
+  }, [e]), s ? /* @__PURE__ */ o(B, { tone: "danger", children: [
+    "Could not open the page: ",
+    s
+  ] }) : n ? /* @__PURE__ */ t(
+    "iframe",
+    {
+      title: `${S(e.title)} (preview)`,
+      src: n,
+      sandbox: "allow-scripts allow-forms allow-popups allow-modals allow-downloads",
+      referrerPolicy: "no-referrer",
+      className: "h-[min(60vh,560px)] w-full rounded-lg border border-line-soft bg-white"
+    }
+  ) : /* @__PURE__ */ t("div", { className: "h-72 animate-pulse rounded-lg border border-line-soft bg-surface-sunken" });
+}
+function Mn({
+  artifact: e,
+  link: n,
+  canUnpublish: a,
+  mentionIn: s,
+  onAction: l,
+  sessionTitle: d
+}) {
+  const { toast: f } = J(), p = Date.now(), c = ce(e, p), m = Ht(e, p), b = G(e), k = Ge(e, a, p), r = (w) => f(E(w), "danger"), i = async (w, v) => {
+    try {
+      const y = await Kt(await w);
+      f(y ? v : "Could not copy to the clipboard", y ? "ok" : "danger");
+    } catch (y) {
+      r(y);
+    }
+  }, x = () => {
+    i(
+      q(e).then((w) => w.url),
+      c && !c.expired ? "Copied the published link: anyone with it can open the page" : `Copied the link: ${he(e)}`
+    );
+  }, u = Vt(e), C = e.usage;
+  return /* @__PURE__ */ o("article", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ o("header", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+        /* @__PURE__ */ t(de, { format: e.format }),
+        /* @__PURE__ */ o("span", { className: "text-[12px] text-muted", children: [
+          "v",
+          e.version
+        ] }),
+        /* @__PURE__ */ t(ze, { artifact: e }),
+        /* @__PURE__ */ t(_e, { artifact: e, now: p }),
+        b && /* @__PURE__ */ t("span", { className: "text-[12px] text-muted", children: "shared with you" })
+      ] }),
+      /* @__PURE__ */ t("h2", { className: "text-[17px] font-semibold break-words text-ink", children: S(e.title) }),
+      e.description && /* @__PURE__ */ t("p", { className: "text-[13px] text-muted", children: S(e.description) }),
+      /* @__PURE__ */ t("p", { className: "font-mono text-[11.5px] text-faint", children: e.id })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1.5", children: [
+      /* @__PURE__ */ t(N, { size: "sm", variant: "primary", icon: /* @__PURE__ */ t(Be, { size: 14 }), onClick: () => {
+        $e(async () => (await q(e)).url).catch(r);
+      }, children: "Open" }),
+      /* @__PURE__ */ t(N, { size: "sm", icon: /* @__PURE__ */ t(ft, { size: 14 }), onClick: x, children: "Copy link" }),
+      c?.claimUrl && !c.expired && /* @__PURE__ */ t(N, { size: "sm", icon: /* @__PURE__ */ t(mt, { size: 14 }), onClick: () => {
+        i(c.claimUrl, "Copied the claim link: whoever opens it first can keep the page");
+      }, children: "Copy claim link" }),
+      s && /* @__PURE__ */ t(N, { size: "sm", icon: /* @__PURE__ */ t(gt, { size: 14 }), onClick: () => s.mention(`@artifact:${e.id} `), title: `Mention it in ${s.title}`, children: "Mention" }),
+      !b && e.access && /* @__PURE__ */ t(N, { size: "sm", icon: /* @__PURE__ */ t(Ve, { size: 14 }), onClick: () => l("access"), children: "Who can open" }),
+      !b && k.ok && /* @__PURE__ */ t(N, { size: "sm", icon: /* @__PURE__ */ t(bt, { size: 14 }), onClick: () => l("unpublish"), children: "Take down" }),
+      /* @__PURE__ */ t(st, { scope: { rows: [e], targets: [e], rowsAre: "shown" }, sessionTitle: d }),
+      !b && /* @__PURE__ */ t(N, { size: "sm", variant: "danger", icon: /* @__PURE__ */ t(qe, { size: 14 }), onClick: () => l("delete"), children: "Delete" })
+    ] }),
+    /* @__PURE__ */ t(Bn, { artifact: e }),
+    /* @__PURE__ */ o("dl", { className: "flex flex-col gap-1.5", children: [
+      c && /* @__PURE__ */ o(L, { label: "Published", children: [
+        /* @__PURE__ */ t("a", { href: c.url, target: "_blank", rel: "noreferrer noopener", className: "break-all text-accent hover:underline", children: S(c.url) }),
+        /* @__PURE__ */ o("span", { className: "text-muted", children: [
+          " ",
+          "· v",
+          c.version,
+          c.target ? ` · ${S(c.target)}` : "",
+          c.expired ? " · expired, unless someone claimed it" : c.expiresAt ? ` · expires in ${qt(c.expiresAt, p)}` : "",
+          c.behind && !c.expired ? ` · behind v${e.version}` : ""
+        ] }),
+        !k.ok && !c.expired && /* @__PURE__ */ t("div", { className: "text-[11.5px] text-faint", children: k.why })
+      ] }),
+      m && /* @__PURE__ */ o(L, { label: "Taken down", children: [
+        /* @__PURE__ */ t("span", { className: "break-all", children: S(m.url) }),
+        " ",
+        /* @__PURE__ */ o("span", { className: "text-muted", children: [
+          "· ",
+          Ee(m.at, p)
+        ] })
+      ] }),
+      Oe(e) && /* @__PURE__ */ t(L, { label: "Access", children: Oe(e) }),
+      /* @__PURE__ */ t(L, { label: "Its link", children: he(e, p) }),
+      Fe(e, p) && /* @__PURE__ */ t(L, { label: "Opened", children: Fe(e, p) }),
+      /* @__PURE__ */ t(L, { label: "Made in", children: u.length ? /* @__PURE__ */ t("span", { className: "flex flex-col", children: u.map((w) => {
+        const v = n(w);
+        return v.kind === "deleted" ? /* @__PURE__ */ t("span", { className: "text-muted", children: "a deleted session" }, w) : /* @__PURE__ */ t(St, { to: Ye(w), className: "truncate text-accent hover:underline", children: v.kind === "session" ? S(v.session.title ?? `Session ${w.slice(0, 8)}`) : `Session ${w.slice(0, 8)}` }, w);
+      }) }) : /* @__PURE__ */ t("span", { className: "text-muted", children: "no session" }) }),
+      e.projects?.length ? /* @__PURE__ */ t(L, { label: "Repository", children: e.projects.map(S).join(", ") }) : null,
+      /* @__PURE__ */ o(L, { label: "Updated", children: [
+        /* @__PURE__ */ t("time", { dateTime: e.updated_at, title: new Date(e.updated_at).toLocaleString(), children: Y(e.updated_at, p) }),
+        /* @__PURE__ */ o("span", { className: "text-muted", children: [
+          " · made ",
+          Y(e.created_at, p)
+        ] })
+      ] }),
+      (typeof e.size == "number" || C) && /* @__PURE__ */ o(L, { label: "Size", children: [
+        typeof e.size == "number" ? R(e.size) : "",
+        C ? `${typeof e.size == "number" ? " · " : ""}≈${D(C.total_tokens)} tokens${C.cost_usd ? ` · ${Ze(C.cost_usd)}` : ""}` : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ o("section", { children: [
+      /* @__PURE__ */ t("h3", { className: "mb-1.5 text-[11px] font-semibold tracking-wider text-muted uppercase", children: "Versions" }),
+      /* @__PURE__ */ t("ol", { className: "flex flex-col divide-y divide-line-soft rounded-lg border border-line-soft", children: [...e.versions].reverse().map((w) => /* @__PURE__ */ o("li", { className: "flex items-center gap-2 px-2.5 py-1.5 text-[12.5px]", children: [
+        /* @__PURE__ */ o("span", { className: "w-8 font-mono text-muted", children: [
+          "v",
+          w.version
+        ] }),
+        /* @__PURE__ */ o("span", { className: "min-w-0 flex-1 truncate text-ink", children: [
+          Ee(w.created_at, p),
+          /* @__PURE__ */ o("span", { className: "text-muted", children: [
+            " ",
+            "· ",
+            w.files.length,
+            " file",
+            w.files.length === 1 ? "" : "s",
+            typeof w.bytes == "number" ? ` · ${R(w.bytes)}` : "",
+            w.published && !w.published.removed_at ? " · published" : "",
+            w.session_id && w.session_id !== e.session_id ? ` · ${d(w.session_id) ?? "another session"}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          N,
+          {
+            size: "xs",
+            variant: "ghost",
+            icon: /* @__PURE__ */ t(Be, { size: 12 }),
+            onClick: () => {
+              $e(async () => (await q(e, w.version)).url).catch(r);
+            },
+            children: "Open"
+          }
+        ),
+        /* @__PURE__ */ t(
+          N,
+          {
+            size: "xs",
+            variant: "ghost",
+            icon: /* @__PURE__ */ t(xt, { size: 12 }),
+            onClick: () => {
+              i(q(e, w.version).then((v) => v.url), `Copied the link to v${w.version}: ${he(e)}`);
+            },
+            children: "Copy"
+          }
+        )
+      ] }, w.version)) })
+    ] })
+  ] });
+}
+const En = [
+  { id: "type", label: "Type" },
+  { id: "title", label: "Title", className: "min-w-48" },
+  { id: "session", label: "Session", className: "hidden lg:table-cell" },
+  { id: "created", label: "Made", className: "hidden md:table-cell" },
+  { id: "updated", label: "Updated" },
+  { id: "version", label: "v", numeric: !0 },
+  { id: "tokens", label: "≈Tokens", numeric: !0, className: "hidden md:table-cell" },
+  { id: "size", label: "Size", numeric: !0, className: "hidden md:table-cell" },
+  { id: "published", label: "Published" },
+  { id: "access", label: "Access", className: "hidden sm:table-cell" },
+  { id: "views", label: "Opens", numeric: !0, className: "hidden lg:table-cell" }
+];
+function On({
+  rows: e,
+  sessionTitle: n,
+  initialSort: a = "updated",
+  initialDescending: s = !0,
+  onOpen: l,
+  onDelete: d,
+  onAccess: f
+}) {
+  const [p, c] = $(a), [m, b] = $(s), [k, r] = $(/* @__PURE__ */ new Set()), i = Date.now(), x = le(() => Gt(e, p, m, n, i), [e, p, m, n, i]), u = x.filter((g) => k.has(M(g))), C = u.filter((g) => !G(g)), w = Yt(x, i), v = (g) => {
+    g === p ? b((z) => !z) : (c(g), b(g !== "title" && g !== "type" && g !== "session"));
+  }, y = (g) => r((z) => {
+    const T = new Set(z), P = M(g);
+    return T.has(P) ? T.delete(P) : T.add(P), T;
+  }), O = x.length > 0 && u.length === x.length;
+  return /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ o("div", { className: "flex min-h-8 flex-wrap items-center gap-2 text-[12.5px] text-muted", children: [
+      /* @__PURE__ */ t("span", { children: u.length ? `${u.length} ticked` : "Tick rows to act on several" }),
+      /* @__PURE__ */ t(N, { size: "xs", variant: "subtle", icon: /* @__PURE__ */ t(Ve, { size: 12 }), disabled: !C.length, onClick: () => f(C), children: "Who can open" }),
+      /* @__PURE__ */ t(N, { size: "xs", variant: "subtle", icon: /* @__PURE__ */ t(qe, { size: 12 }), disabled: !C.length, onClick: () => d(C), children: "Delete" }),
+      /* @__PURE__ */ t("span", { className: "ml-auto", children: /* @__PURE__ */ t(
+        st,
+        {
+          scope: u.length ? { rows: u, targets: u, rowsAre: "ticked" } : { rows: x, targets: [], rowsAre: "shown" },
+          sessionTitle: n
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "overflow-x-auto rounded-xl border border-line bg-surface", children: /* @__PURE__ */ o("table", { className: "w-full text-[12.5px]", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ o("tr", { className: "border-b border-line text-left text-[11px] tracking-wider text-muted uppercase", children: [
+        /* @__PURE__ */ t("th", { className: "w-8 px-2 py-2", children: /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            "aria-label": "Tick every row",
+            checked: O,
+            onChange: () => r(O ? /* @__PURE__ */ new Set() : new Set(x.map(M)))
+          }
+        ) }),
+        En.map((g) => /* @__PURE__ */ t("th", { className: Z("px-2 py-2 font-semibold whitespace-nowrap", g.numeric && "text-right", g.className), "aria-sort": p === g.id ? m ? "descending" : "ascending" : void 0, children: /* @__PURE__ */ o("button", { type: "button", onClick: () => v(g.id), className: "inline-flex items-center gap-1 uppercase hover:text-ink", children: [
+          g.label,
+          p === g.id && (m ? /* @__PURE__ */ t(wt, { size: 11 }) : /* @__PURE__ */ t(kt, { size: 11 }))
+        ] }) }, g.id))
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { className: "divide-y divide-line-soft", children: x.map((g) => {
+        const z = M(g);
+        return /* @__PURE__ */ o("tr", { className: Z("hover:bg-surface-hover", k.has(z) && "bg-accent-soft"), children: [
+          /* @__PURE__ */ t("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ t("input", { type: "checkbox", "aria-label": `Tick ${S(g.title)}`, checked: k.has(z), onChange: () => y(g) }) }),
+          /* @__PURE__ */ t("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ t(de, { format: g.format }) }),
+          /* @__PURE__ */ t("td", { className: "max-w-80 px-2 py-1.5", children: /* @__PURE__ */ t("button", { type: "button", onClick: () => l(g), className: "block w-full truncate text-left font-medium text-ink hover:text-accent hover:underline", children: S(g.title) }) }),
+          /* @__PURE__ */ t("td", { className: "hidden max-w-48 truncate px-2 py-1.5 text-muted lg:table-cell", children: n(g.session_id) ?? (g.session_id ? "…" : "—") }),
+          /* @__PURE__ */ t("td", { className: "hidden px-2 py-1.5 whitespace-nowrap text-muted md:table-cell", children: Y(g.created_at, i) }),
+          /* @__PURE__ */ t("td", { className: "px-2 py-1.5 whitespace-nowrap text-muted", children: Y(g.updated_at, i) }),
+          /* @__PURE__ */ t("td", { className: "px-2 py-1.5 text-right tabular-nums", children: g.version }),
+          /* @__PURE__ */ t("td", { className: "hidden px-2 py-1.5 text-right tabular-nums md:table-cell", children: g.usage ? D(g.usage.total_tokens) : "—" }),
+          /* @__PURE__ */ t("td", { className: "hidden px-2 py-1.5 text-right whitespace-nowrap tabular-nums md:table-cell", children: typeof g.size == "number" ? R(g.size) : "—" }),
+          /* @__PURE__ */ t("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ t(_e, { artifact: g, now: i }) }),
+          /* @__PURE__ */ t("td", { className: "hidden px-2 py-1.5 sm:table-cell", children: /* @__PURE__ */ t(ze, { artifact: g }) }),
+          /* @__PURE__ */ t("td", { className: "hidden px-2 py-1.5 text-right tabular-nums lg:table-cell", children: g.views ? we(g) : "—" })
+        ] }, z);
+      }) }),
+      /* @__PURE__ */ t("tfoot", { children: /* @__PURE__ */ o("tr", { className: "border-t border-line text-[12px] font-semibold text-ink", children: [
+        /* @__PURE__ */ t("td", { className: "px-2 py-2", children: "Σ" }),
+        /* @__PURE__ */ o("td", { className: "px-2 py-2", colSpan: 2, children: [
+          w.count,
+          " artifact",
+          w.count === 1 ? "" : "s",
+          " · ",
+          w.published,
+          " published"
+        ] }),
+        /* @__PURE__ */ t("td", { className: "hidden lg:table-cell" }),
+        /* @__PURE__ */ t("td", { className: "hidden md:table-cell" }),
+        /* @__PURE__ */ t("td", {}),
+        /* @__PURE__ */ t("td", { className: "px-2 py-2 text-right tabular-nums", children: w.versions }),
+        /* @__PURE__ */ t("td", { className: "hidden px-2 py-2 text-right tabular-nums md:table-cell", title: w.partial ? "Some artifacts carry no usage: the sum leaves them out" : void 0, children: w.tokens === null ? "—" : `${D(w.tokens)}${w.partial ? "+" : ""}` }),
+        /* @__PURE__ */ t("td", { className: "hidden px-2 py-2 text-right tabular-nums md:table-cell", children: w.bytes === null ? "—" : R(w.bytes) }),
+        /* @__PURE__ */ t("td", { colSpan: 3 })
+      ] }) })
+    ] }) })
+  ] });
+}
+function I({ label: e, value: n, children: a, action: s }) {
+  return /* @__PURE__ */ o("section", { className: "flex flex-col gap-1 rounded-xl border border-line bg-surface px-3.5 py-3", children: [
+    /* @__PURE__ */ t("h3", { className: "text-[11px] font-semibold tracking-wider text-muted uppercase", children: e }),
+    /* @__PURE__ */ t("p", { className: "text-[22px] leading-tight font-semibold text-ink tabular-nums", children: n }),
+    a && /* @__PURE__ */ t("div", { className: "text-[12px] text-muted", children: a }),
+    s && /* @__PURE__ */ t("div", { className: "mt-auto pt-1", children: s })
+  ] });
+}
+function Fn({ weeks: e, picked: n, onPick: a }) {
+  const [s, l] = $(null), d = Math.max(0, ...e.map((c) => c.tokens)), f = Math.max(1, d), p = e.find((c) => c.start === (s ?? n)) ?? null;
+  return /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ o("div", { className: "flex h-5 items-baseline justify-between text-[12px]", children: [
+      /* @__PURE__ */ t("span", { className: "text-muted", children: "≈Tokens the versions took, by week" }),
+      /* @__PURE__ */ t("span", { className: "text-ink tabular-nums", children: p ? `${se(p.start)}: ≈${D(p.tokens)} · ${p.versions} version${p.versions === 1 ? "" : "s"}` : d ? `peak ≈${D(d)}` : "no usage measured in these weeks" })
+    ] }),
+    /* @__PURE__ */ t("fieldset", { className: "flex h-36 items-end gap-0.5 border-b border-line", "aria-label": "Tokens by week", children: e.map((c) => {
+      const m = c.tokens ? Math.max(2, c.tokens / f * 100) : 0, b = n === c.start;
+      return /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": b,
+          "aria-label": `${se(c.start)}: about ${D(c.tokens)} tokens over ${c.versions} versions`,
+          onClick: () => a(b ? null : c.start),
+          onMouseEnter: () => l(c.start),
+          onMouseLeave: () => l(null),
+          onFocus: () => l(c.start),
+          onBlur: () => l(null),
+          className: "group flex h-full min-w-0 flex-1 items-end justify-center rounded-t-sm hover:bg-surface-hover focus-visible:outline-2 focus-visible:outline-accent",
+          children: /* @__PURE__ */ t(
+            "span",
+            {
+              className: Z("block w-full max-w-6 rounded-t-[4px] transition-[height]", b ? "bg-accent" : "bg-accent/60 group-hover:bg-accent"),
+              style: { height: `${m}%` }
+            }
+          )
+        },
+        c.start
+      );
+    }) }),
+    /* @__PURE__ */ o("div", { className: "flex justify-between text-[11px] text-faint", children: [
+      /* @__PURE__ */ t("span", { children: se(e[0].start) }),
+      /* @__PURE__ */ t("span", { children: "this week" })
+    ] })
+  ] });
+}
+function jn({
+  list: e,
+  project: n,
+  onOpen: a,
+  onLedger: s
+}) {
+  const [l, d] = $(8), [f, p] = $(!1), [c, m] = $(null), b = Date.now(), k = le(() => f && n ? e.filter((u) => pn(u, n)) : e, [e, f, n]), r = le(() => mn(k, b, l), [k, b, l]), i = c === null ? null : r.weeks.find((u) => u.start === c), x = i ? k.filter((u) => hn(u, i.start, i.end)) : [];
+  return /* @__PURE__ */ o("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ t(
+        ke,
+        {
+          label: "Weeks",
+          value: String(l),
+          onChange: (u) => {
+            d(Number(u)), m(null);
+          },
+          options: dn.map((u) => ({ value: String(u), label: `${u} weeks` }))
+        }
+      ),
+      /* @__PURE__ */ o("label", { className: Z("flex items-center gap-1.5 text-[12.5px]", n ? "text-ink" : "text-faint"), title: n ? void 0 : "Open this from a session in a repository to count only its artifacts", children: [
+        /* @__PURE__ */ t("input", { type: "checkbox", checked: f, disabled: !n, onChange: (u) => p(u.target.checked) }),
+        "Only ",
+        n ? /* @__PURE__ */ t("span", { className: "font-mono", children: n }) : "this repository"
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-5", children: [
+      /* @__PURE__ */ o(I, { label: "Artifacts", value: String(r.count), children: [
+        r.newThisWeek,
+        " new this week",
+        r.byFormat.length ? ` · ${r.byFormat.map((u) => `${u.count} ${u.tag}`).join(", ")}` : ""
+      ] }),
+      /* @__PURE__ */ o(I, { label: "≈Tokens", value: r.tokens === null ? "—" : `${D(r.tokens)}${r.tokensPartial ? "+" : ""}`, children: [
+        r.perArtifact !== null ? `≈${D(r.perArtifact)} each` : "not measured by this server",
+        r.cost !== null ? ` · ${Ze(r.cost, !r.costPartial)}` : ""
+      ] }),
+      /* @__PURE__ */ o(I, { label: "Storage", value: r.bytes === null ? "—" : R(r.bytes), children: [
+        r.versions,
+        " version",
+        r.versions === 1 ? "" : "s",
+        " · ",
+        r.files,
+        " file",
+        r.files === 1 ? "" : "s"
+      ] }),
+      /* @__PURE__ */ o(
+        I,
+        {
+          label: "Published",
+          value: String(r.published.live),
+          action: r.stale > 0 && /* @__PURE__ */ o(N, { size: "xs", variant: "subtle", onClick: () => s("stale"), children: [
+            r.stale,
+            " stale"
+          ] }),
+          children: [
+            r.published.temporary,
+            " temporary · ",
+            r.published.permanent,
+            " permanent",
+            r.shared ? ` · ${r.shared.count} shared, opened ${r.shared.opens}× in 30 days` : ""
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        I,
+        {
+          label: `Untouched ${Je} days`,
+          value: String(r.untouched.count),
+          action: r.untouched.count > 0 && /* @__PURE__ */ t(N, { size: "xs", variant: "subtle", onClick: () => s("untouched"), children: "Show them" }),
+          children: [
+            r.untouched.bytes !== null ? R(r.untouched.bytes) : "",
+            r.untouched.tokens !== null ? ` · ≈${D(r.untouched.tokens)} tokens` : "",
+            r.untouched.openedLately ? ` · ${r.untouched.openedLately} still opened by others` : ""
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "grid gap-4 lg:grid-cols-[2fr_1fr]", children: [
+      /* @__PURE__ */ o("section", { className: "rounded-xl border border-line bg-surface p-3.5", children: [
+        /* @__PURE__ */ t(Fn, { weeks: r.weeks, picked: c, onPick: m }),
+        i && /* @__PURE__ */ o("div", { className: "mt-3", children: [
+          /* @__PURE__ */ o("h3", { className: "mb-1.5 text-[12px] font-semibold text-ink", children: [
+            "Written in the week of ",
+            se(i.start)
+          ] }),
+          x.length ? /* @__PURE__ */ t("ul", { className: "flex flex-col gap-1", children: x.map((u) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o("button", { type: "button", onClick: () => a(u), className: "flex w-full items-center gap-2 text-left text-[12.5px] hover:text-accent", children: [
+            /* @__PURE__ */ t(de, { format: u.format }),
+            /* @__PURE__ */ t("span", { className: "truncate", children: S(u.title) })
+          ] }) }, `${u.owner}:${u.id}`)) }) : /* @__PURE__ */ t("p", { className: "text-[12.5px] text-muted", children: "Nothing." })
+        ] })
+      ] }),
+      /* @__PURE__ */ o("section", { className: "rounded-xl border border-line bg-surface p-3.5", children: [
+        /* @__PURE__ */ t("h3", { className: "mb-2 text-[11px] font-semibold tracking-wider text-muted uppercase", children: "Heaviest" }),
+        r.heaviest.length ? /* @__PURE__ */ t("ol", { className: "flex flex-col gap-1.5", children: r.heaviest.map((u) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o("button", { type: "button", onClick: () => a(u), className: "flex w-full items-center gap-2 text-left text-[12.5px] hover:text-accent", children: [
+          /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-ink", children: S(u.title) }),
+          /* @__PURE__ */ o("span", { className: "text-muted tabular-nums", children: [
+            "≈",
+            D(u.usage?.total_tokens ?? 0)
+          ] })
+        ] }) }, `${u.owner}:${u.id}`)) }) : /* @__PURE__ */ t("p", { className: "text-[12.5px] text-muted", children: "No artifact carries usage yet." })
+      ] })
+    ] })
+  ] });
+}
+const Rn = {
+  all: "All",
+  session: "This session",
+  published: "Published",
+  stale: "Stale",
+  shared: "Shared",
+  others: "Others'"
+};
+function Wn(e, n) {
+  const a = e.toLowerCase();
+  return n.toLowerCase().split(/\s+/).filter(Boolean).every((s) => a.includes(s));
+}
+function xe({ artifact: e, selected: n, onSelect: a, now: s }) {
+  return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      onClick: a,
+      "aria-current": n || void 0,
+      className: Z(
+        "flex w-full flex-col gap-0.5 rounded-lg border px-3 py-2 text-left transition-colors",
+        n ? "border-accent bg-accent-soft" : "border-transparent hover:bg-surface-hover"
+      ),
+      children: [
+        /* @__PURE__ */ o("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ t(de, { format: e.format }),
+          /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-[13px] font-medium text-ink", children: S(e.title) }),
+          e.version > 1 && /* @__PURE__ */ o("span", { className: "text-[11.5px] text-muted", children: [
+            "v",
+            e.version
+          ] })
+        ] }),
+        /* @__PURE__ */ o("span", { className: "flex min-w-0 flex-wrap items-center gap-1.5 text-[11.5px] text-muted", children: [
+          /* @__PURE__ */ t(_e, { artifact: e, now: s }),
+          /* @__PURE__ */ t(ze, { artifact: e }),
+          /* @__PURE__ */ t("span", { children: Y(e.updated_at, s) })
+        ] })
+      ]
+    }
+  ) });
+}
+function Yn() {
+  const e = zt(), [n, a] = _t(), s = n.get("view") ?? "list", l = n.get("q") ?? "", d = n.get("session"), f = n.get("only"), [p, c] = $(d ? "session" : "all"), [m, b] = $(!1), [k, r] = $(null), [i, x] = $(() => d ? re.get(d)?.session ?? null : null), u = Zt(), C = Jt((h) => h.info), w = !!C?.capabilities.artifact_unpublish, v = Date.now(), y = (h) => a(
+    (_) => {
+      const ue = new URLSearchParams(_);
+      for (const [Le, Pe] of Object.entries(h))
+        Pe === null ? ue.delete(Le) : ue.set(Le, Pe);
+      return ue;
+    },
+    { replace: !0 }
+  );
+  K(() => {
+    ne(d);
+  }, [d]), K(() => {
+    if (!d || i?.id === d) return;
+    let h = !1;
+    return A.getSession(d).then((_) => !h && x(_)).catch(() => {
+    }), () => {
+      h = !0;
+    };
+  }, [d, i?.id]);
+  const O = u.list.some((h) => h.access) || u.shared.length > 0, g = rn(O), z = le(() => [...u.list, ...u.shared], [u.list, u.shared]), T = An(z.flatMap((h) => [h.session_id, ...h.versions.map((_) => _.session_id ?? null)])), P = (h) => Un(T(h)), Ue = Xt(i), at = Qt(u.list, Ue, v, u.shared), De = (p === "others" ? u.shared : u.list).filter((h) => en(h, p, Ue, v)), X = l.trim() ? De.filter((h) => Wn(tn(h, P(h.session_id)), l)) : De, lt = n.get("id") ? `${n.get("owner") ?? ""}:${n.get("id")}` : null, U = z.find((h) => `${G(h) ? h.owner ?? "" : ""}:${h.id}` === lt) ?? null, Q = n.get("id");
+  K(() => {
+    u.loaded && Q && !z.some((h) => h.id === Q) && y({ id: null, q: Q });
+  }, [u.loaded, Q]);
+  const W = (h) => y({ id: h.id, owner: G(h) ? h.owner ?? null : null, view: s === "stats" || s === "table" ? "list" : null }), rt = (h) => {
+    U && r(h === "unpublish" ? { kind: "unpublish", artifact: U } : { kind: h, items: [U] });
+  }, it = d && i ? {
+    title: S(i.title ?? "the session"),
+    mention: (h) => {
+      const _ = re.get(d);
+      _ && _.seedDraft(`${_.draft.trimEnd()}${_.draft.trim() ? " " : ""}${h}`), e(Ye(d));
+    }
+  } : null, ot = f === "untouched" ? u.list.filter((h) => tt(h, v)) : f === "stale" ? u.list.filter((h) => nn(h, v)) : X, ee = m ? sn(X, T) : null, ct = (h, _) => _.kind === "session" ? S(_.session.title ?? `Session ${h.slice(0, 8)}`) : `Session ${h.slice(0, 8)}`, Te = /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ o("div", { className: "relative w-full sm:w-64", children: [
+      /* @__PURE__ */ t(Ct, { size: 14, className: "pointer-events-none absolute top-1/2 left-2.5 -translate-y-1/2 text-faint", "aria-hidden": "true" }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "search",
+          value: l,
+          onChange: (h) => y({ q: h.target.value || null }),
+          placeholder: "Search titles, ids, descriptions, sessions",
+          "aria-label": "Search artifacts",
+          className: "h-8 w-full rounded-md border border-line bg-surface pr-2 pl-8 text-[13px] text-ink placeholder:text-faint focus:border-accent focus:ring-2 focus:ring-accent/20 focus:outline-none"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      ke,
+      {
+        label: "Show",
+        value: p,
+        onChange: (h) => {
+          c(h), y({ only: null });
+        },
+        className: "max-w-full overflow-x-auto",
+        options: g.map((h) => ({
+          value: h,
+          label: /* @__PURE__ */ o("span", { className: "whitespace-nowrap", children: [
+            Rn[h],
+            " ",
+            /* @__PURE__ */ t("span", { className: "text-faint tabular-nums", children: at[h] })
+          ] })
+        }))
+      }
+    ),
+    s === "list" && /* @__PURE__ */ o("label", { className: "flex items-center gap-1.5 text-[12.5px] text-ink", children: [
+      /* @__PURE__ */ t("input", { type: "checkbox", checked: m, onChange: (h) => b(h.target.checked) }),
+      "Group by session"
+    ] })
+  ] });
+  return /* @__PURE__ */ o("div", { className: "min-h-full bg-bg", children: [
+    /* @__PURE__ */ t(
+      an,
+      {
+        eyebrow: "Agents' pages",
+        title: "Artifacts",
+        subtitle: u.loaded ? `${u.list.length} yours${u.shared.length ? ` · ${u.shared.length} shared with you` : ""}${u.project ? ` · ${u.project}` : ""}` : "Loading…",
+        actions: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t(
+            ke,
+            {
+              label: "View",
+              value: s,
+              onChange: (h) => y({ view: h === "list" ? null : h, only: null }),
+              options: [
+                { value: "list", label: /* @__PURE__ */ t(vt, { size: 14, "aria-label": "List" }) },
+                { value: "table", label: /* @__PURE__ */ t(yt, { size: 14, "aria-label": "Table" }) },
+                { value: "stats", label: /* @__PURE__ */ t(Nt, { size: 14, "aria-label": "Usage" }) }
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(N, { size: "sm", variant: "ghost", icon: /* @__PURE__ */ t($t, { size: 14 }), loading: u.loading, onClick: () => {
+            ne(d);
+          }, children: "Reload" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "mx-auto flex max-w-[1400px] flex-col gap-3 px-4 py-4 sm:px-5", children: [
+      C && C.capabilities.artifacts === !1 && /* @__PURE__ */ t(B, { tone: "info", children: "This server keeps no artifacts: agents here cannot make pages." }),
+      u.error && /* @__PURE__ */ o(B, { tone: "danger", action: /* @__PURE__ */ t(N, { size: "xs", onClick: () => {
+        ne(d);
+      }, children: "Retry" }), children: [
+        "Could not list the artifacts: ",
+        u.error
+      ] }),
+      !u.loaded && u.loading ? /* @__PURE__ */ t("div", { className: "flex justify-center py-16 text-accent", children: /* @__PURE__ */ t(ln, {}) }) : s === "stats" ? /* @__PURE__ */ t(jn, { list: u.list, project: u.project, onOpen: W, onLedger: (h) => y({ view: "table", only: h }) }) : s === "table" ? /* @__PURE__ */ o(j, { children: [
+        f ? /* @__PURE__ */ t(B, { tone: "info", action: /* @__PURE__ */ t(N, { size: "xs", onClick: () => y({ only: null }), children: "Show all" }), children: f === "untouched" ? "What nobody has written for 30 days, oldest first." : "Published at an older version, or a temporary page past its expiry." }) : Te,
+        /* @__PURE__ */ t(
+          On,
+          {
+            rows: ot,
+            sessionTitle: P,
+            initialSort: "updated",
+            initialDescending: f !== "untouched",
+            onOpen: W,
+            onDelete: (h) => r({ kind: "delete", items: h }),
+            onAccess: (h) => r({ kind: "access", items: h })
+          },
+          f ?? "all"
+        )
+      ] }) : /* @__PURE__ */ o(j, { children: [
+        Te,
+        u.loaded && !z.length ? /* @__PURE__ */ t("div", { className: "rounded-xl border border-line bg-surface", children: /* @__PURE__ */ t(je, { icon: /* @__PURE__ */ t(Me, { size: 20 }), title: "No artifacts yet", children: "Ask an agent for a report, a dashboard or a walkthrough as a page: it shows here, and its card in the transcript opens it." }) }) : /* @__PURE__ */ o("div", { className: "grid gap-4 lg:grid-cols-[minmax(280px,380px)_1fr]", children: [
+          /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-col gap-1", children: [
+            !X.length && /* @__PURE__ */ o("p", { className: "px-3 py-6 text-center text-[13px] text-muted", children: [
+              "Nothing here",
+              l ? ` matches “${l}”` : "",
+              "."
+            ] }),
+            ee ? /* @__PURE__ */ o(j, { children: [
+              ee.groups.map((h) => /* @__PURE__ */ o("section", { children: [
+                /* @__PURE__ */ t("h3", { className: "truncate px-3 pt-2 pb-1 text-[11px] font-semibold tracking-wider text-muted uppercase", children: ct(h.id, h.link) }),
+                /* @__PURE__ */ t("ul", { className: "flex flex-col gap-0.5", children: h.artifacts.map((_) => /* @__PURE__ */ t(xe, { artifact: _, now: v, selected: U === _, onSelect: () => W(_) }, M(_))) })
+              ] }, h.id)),
+              ee.orphans.length > 0 && /* @__PURE__ */ o("section", { children: [
+                /* @__PURE__ */ t("h3", { className: "px-3 pt-2 pb-1 text-[11px] font-semibold tracking-wider text-muted uppercase", children: "No session, or a deleted one" }),
+                /* @__PURE__ */ t("ul", { className: "flex flex-col gap-0.5", children: ee.orphans.map((h) => /* @__PURE__ */ t(xe, { artifact: h, now: v, selected: U === h, onSelect: () => W(h) }, M(h))) })
+              ] })
+            ] }) : /* @__PURE__ */ t("ul", { className: "flex flex-col gap-0.5", children: X.map((h) => /* @__PURE__ */ t(xe, { artifact: h, now: v, selected: U === h, onSelect: () => W(h) }, M(h))) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "min-w-0 rounded-xl border border-line bg-surface p-4", children: U ? /* @__PURE__ */ t(Mn, { artifact: U, link: T, canUnpublish: w, mentionIn: it, onAction: rt, sessionTitle: P }) : /* @__PURE__ */ t(je, { icon: /* @__PURE__ */ t(Me, { size: 20 }), title: "Pick an artifact", children: "Its page, who can open it, where it was published and its versions show here." }) })
+        ] })
+      ] })
+    ] }),
+    k?.kind === "delete" && /* @__PURE__ */ t(
+      Dn,
+      {
+        items: k.items,
+        link: T,
+        canUnpublish: w,
+        onClose: () => r(null),
+        onDone: () => {
+          r(null), U && k.items.includes(U) && y({ id: null, owner: null });
+        },
+        onMakePrivate: () => r({ kind: "access", items: k.items }),
+        onExport: async () => {
+          await nt("zip", { rows: k.items, targets: k.items }, P);
+        }
+      }
+    ),
+    k?.kind === "access" && /* @__PURE__ */ t(Tn, { items: k.items, onClose: () => r(null) }),
+    k?.kind === "unpublish" && /* @__PURE__ */ t(Ln, { artifact: k.artifact, onClose: () => r(null) })
+  ] });
+}
+export {
+  Yn as default
+};