@markmo/europacore-session-ui 0.2.0 → 0.4.0

package/dist/MemoriesPage-BRA53Hlb.js

@@ -0,0 +1,679 @@
+import { jsxs as u, jsx as n, Fragment as H } from "react/jsx-runtime";
+import { RefreshCw as Q, Search as Z, Brain as U, Pencil as ee, Trash2 as te, RotateCcw as se, History as ne } from "lucide-react";
+import { useSyncExternalStore as ie, useMemo as re, useEffect as V, useState as S } from "react";
+import { useSearchParams as oe } from "react-router";
+import { bu as L, bw as g, bJ as ae, a2 as x, bi as v, b8 as A, n as J, H as le, g as ce, ad as de, aU as ue, Y as k, aK as _, aJ as K, o as C, a as R, V as X, B as P, bK as he } from "./index-CMPf-3JZ.js";
+const me = ["org", "user", "project"], T = ["user", "feedback", "project", "reference"], F = 200, W = 4e3, fe = [
+  { view: "stale", label: "Stale" },
+  { view: "duplicate", label: "Duplicates" },
+  { view: "never_recalled", label: "Never recalled" },
+  { view: "over_cap", label: "Over index cap" },
+  { view: "forgotten", label: "Forgotten" }
+], Y = {
+  stale: { word: "STALE", letter: "S", label: "stale" },
+  duplicate: { word: "DUP", letter: "D", label: "duplicate" },
+  over_cap: { word: "OVERCAP", letter: "C", label: "over the index cap" },
+  never_recalled: { word: "UNUSED", letter: "N", label: "never recalled" },
+  kept: { word: "KEPT", letter: "K", label: "kept by a dream" }
+};
+function y(t) {
+  return t.status === "active";
+}
+function N(t, e) {
+  return y(t) && (t.flags ?? []).some((s) => s.flag === e);
+}
+function O(t, e, s) {
+  return t.key.scope === e && (e !== "project" || t.key.project_id === s);
+}
+function q(t, e) {
+  return e === "forgotten" ? !y(t) : N(t, e);
+}
+function pe(t) {
+  return `project ${t}`;
+}
+function ge(t, e, s, i) {
+  const a = t.filter(y), l = [{ id: "all", kind: "all", label: "All", count: a.length }];
+  for (const o of ["org", "user"]) {
+    const c = e[o];
+    c && l.push({
+      id: `scope:${o}`,
+      kind: "scope",
+      label: c,
+      scope: o,
+      count: a.filter((h) => O(h, o)).length
+    });
+  }
+  for (const o of s) {
+    const c = i.has(o) ? a.filter((h) => O(h, "project", o)).length : null;
+    l.push({
+      id: `scope:project:${o}`,
+      kind: "scope",
+      label: pe(o),
+      scope: "project",
+      project: o,
+      count: c
+    });
+  }
+  for (const { view: o, label: c } of fe)
+    l.push({ id: `view:${o}`, kind: "view", label: c, view: o, count: t.filter((h) => q(h, o)).length });
+  return l;
+}
+function B(t) {
+  return [me.indexOf(t.key.scope), T.indexOf(t.kind), t.name];
+}
+function xe(t, e) {
+  const [s, i] = [B(t), B(e)];
+  return s[0] - i[0] || s[1] - i[1] || s[2].localeCompare(i[2]);
+}
+function ye(t, e) {
+  const s = `${t.name} ${t.description} ${t.body}`.toLowerCase();
+  for (const i of e.toLowerCase().split(/\s+/).filter(Boolean))
+    if (i.startsWith("k:")) {
+      if (!t.kind.startsWith(i.slice(2))) return !1;
+    } else if (i.startsWith("s:")) {
+      if (!t.source.startsWith(i.slice(2))) return !1;
+    } else if (!s.includes(i)) return !1;
+  return !0;
+}
+function be(t, e, s, i = /* @__PURE__ */ new Set()) {
+  return e.filter((l) => t.kind === "view" ? q(l, t.view) || i.has(l.id) : !y(l) && !i.has(l.id) ? !1 : t.kind === "all" || O(l, t.scope, t.project)).filter((l) => !s || ye(l, s)).sort(xe);
+}
+function ve(t) {
+  const e = Y[t.flag].label;
+  return t.partner_name ? `${e} of ${t.partner_name}: ${t.detail}` : `${e}: ${t.detail}`;
+}
+function ke(t) {
+  if (t.status === "merged") return "never: merged into another memory";
+  if (t.status === "pruned") return "never: forgotten (r restores it)";
+  const e = t.tokens ? ` (${g(t.tokens.index)} tok)` : "", s = t.tokens ? ` (${g(t.tokens.body)} tok)` : "";
+  return N(t, "over_cap") ? `not in the index; its body when memory_search finds it${s}` : `index line on every call${e}; body when read, or when it matches a message${s}`;
+}
+function we(t, e = Date.now()) {
+  const s = t.session_id ? ` · session ${t.session_id.slice(0, 10)}` : "";
+  return `${t.source}${s} · ${L(t.created_at, e)}`;
+}
+const Ne = /^---[ \t]*\n([\s\S]*?)\n---[ \t]*(?:\n|$)/, $e = /^\s*([A-Za-z_][\w-]*)\s*:\s*(.*?)\s*$/;
+function je(t) {
+  const e = Ne.exec(t.replace(/\r\n/g, `
+`));
+  if (!e) return { error: "keep the frontmatter (the --- lines with name, description and type)" };
+  const s = /* @__PURE__ */ new Map();
+  for (const o of e[1].split(`
+`)) {
+    const c = $e.exec(o);
+    c?.[2] && !s.has(c[1].toLowerCase()) && s.set(c[1].toLowerCase(), c[2].replace(/^(['"])(.*)\1$/, "$2"));
+  }
+  const i = (s.get("description") ?? "").replace(/\s+/g, " ").trim();
+  if (!i) return { error: "a memory needs a one-line description" };
+  if (i.length > F)
+    return { error: `keep the description under ${F} characters (it has ${i.length})` };
+  const a = (s.get("type") ?? "").toLowerCase();
+  if (!T.includes(a))
+    return { error: `type must be one of ${T.join(", ")}, not ${JSON.stringify(a)}` };
+  const l = t.replace(/\r\n/g, `
+`).slice(e[0].length).trim();
+  return l.length > W ? { error: `keep the body under ${W} characters (it has ${l.length})` } : { name: s.get("name") ?? null, description: i, kind: a, body: l };
+}
+function Se(t, e) {
+  if (e.name !== null && e.name !== t.name)
+    return { error: `renaming is not supported: forget ${t.name} and save ${e.name} as a new memory` };
+  const s = {};
+  return e.kind !== t.kind && (s.kind = e.kind), e.description !== t.description && (s.description = e.description), e.body !== t.body.trim() && (s.body = e.body), Object.keys(s).length === 0 ? null : { ...s, revision: t.revision };
+}
+function M(t, e = 60) {
+  const s = String(t ?? "").replace(/\s+/g, " ").trim();
+  return s.length > e ? `${s.slice(0, e - 1)}…` : s;
+}
+function _e(t) {
+  const { before: e, after: s } = t;
+  if (!e) return ["created"];
+  if (!s) return [`forgotten: ${M(e.metadata && e.metadata.reason)}`];
+  const i = [];
+  for (const a of ["status", "kind", "description", "body", "kept_until"])
+    JSON.stringify(e[a]) !== JSON.stringify(s[a]) && i.push(`${a}: ${M(e[a]) || "—"} → ${M(s[a]) || "—"}`);
+  return i.length ? i : ["no change to its text"];
+}
+const Ce = [
+  { key: "system", label: "system", glyph: "█", kinds: ["system_prompt"] },
+  { key: "tools", label: "tools", glyph: "▓", kinds: ["tools"] },
+  { key: "instructions", label: "instructions", glyph: "▒", kinds: ["instructions"] },
+  { key: "memory", label: "memory", glyph: "░", kinds: ["memory_index", "memory_preload"] },
+  { key: "other", label: "other", glyph: "▚", kinds: ["environment", "skill", "plan", "hook", "other"] },
+  { key: "conversation", label: "conversation", glyph: "▪", kinds: ["conversation"] }
+];
+function Pe(t) {
+  return Ce.map((e) => ({
+    ...e,
+    tokens: t.filter((s) => e.kinds.includes(s.kind)).reduce((s, i) => s + i.tokens, 0)
+  })).filter((e) => e.tokens > 0);
+}
+function Ee(t) {
+  const e = t.kind === "tools" ? `${t.items} definitions, ` : t.kind === "conversation" ? `${t.items} messages, ` : "";
+  return `(${t.label}: ${e}${g(t.tokens)} tok, not shown)`;
+}
+function Me(t) {
+  const e = [];
+  for (const s of t) {
+    const i = s.text ? ae(s.text).split(`
+`) : [Ee(s)];
+    for (const [a, l] of i.entries()) e.push({ n: s.n, text: l, first: a === 0 });
+  }
+  return e;
+}
+function Le(t, e) {
+  return e ? ` (${Math.round(t * 100 / e)}% of the ${g(e)} window)` : "";
+}
+function Te(t, e, s) {
+  const i = [], a = t.filter((r) => r.kind === "memory_index").reduce((r, f) => r + f.tokens, 0), l = e.filter((r) => N(r, "never_recalled"));
+  if (a) {
+    const r = [`The memory index is ${g(a)} tok of every call${Le(a, s)}.`];
+    if (l.length) {
+      const f = l.reduce((p, w) => p + (w.tokens?.index ?? 0), 0);
+      r.push(`${l.length} never recalled in 30 days: ${g(f)} tok of it.`);
+    }
+    i.push({ title: "BUDGET", tone: "muted", lines: r });
+  }
+  const o = /* @__PURE__ */ new Map();
+  for (const r of e)
+    for (const f of r.flags ?? []) {
+      if (f.flag !== "duplicate" || !f.partner_name || !N(r, "duplicate")) continue;
+      const p = [r.name, f.partner_name].sort();
+      o.set(p.join("\0"), `${p[0]} ↔ ${p[1]}: ${f.detail}`);
+    }
+  o.size && i.push({ title: `DUPLICATES · ${o.size}`, tone: "accent", lines: [...o.values()] });
+  const c = e.filter((r) => N(r, "over_cap"));
+  c.length && i.push({
+    title: `OVER THE INDEX CAP · ${c.length}`,
+    tone: "warning",
+    lines: [`Only memory_search finds ${c.map((r) => r.name).join(", ")}.`]
+  });
+  const h = e.filter((r) => N(r, "stale"));
+  return h.length && i.push({
+    title: `STALE · ${h.length}`,
+    tone: "warning",
+    lines: ["Neither recalled nor changed in 90 days; a dream offers them for pruning."]
+  }), t.some((r) => r.status === "preview") && i.push({
+    title: "PREVIEW",
+    tone: "muted",
+    lines: ["The memory index is a preview: the session pins it at its first turn."]
+  }), i;
+}
+class Oe {
+  constructor(e, s) {
+    this.sessionId = e, this.contextSourcesServed = s, this.snapshot = this.view(0);
+  }
+  sessionId;
+  contextSourcesServed;
+  data = [];
+  statuses = [];
+  projectIds = [];
+  loadedProjects = /* @__PURE__ */ new Set();
+  changed = /* @__PURE__ */ new Set();
+  revisionList = null;
+  found = null;
+  note = "";
+  error = "";
+  busy = !1;
+  /** Answers to an earlier open are dropped. */
+  generation = 0;
+  project = null;
+  /** Edits the server refused, by memory, reopened by the next edit. */
+  drafts = /* @__PURE__ */ new Map();
+  listeners = /* @__PURE__ */ new Set();
+  snapshot;
+  view(e) {
+    return {
+      records: this.data,
+      statuses: this.statuses,
+      projects: this.projectIds,
+      loaded: new Set(this.loadedProjects),
+      kept: new Set(this.changed),
+      revisions: this.revisionList,
+      sources: this.found,
+      sourcesNote: this.note,
+      error: this.error,
+      busy: this.busy,
+      version: e
+    };
+  }
+  render() {
+    this.snapshot = this.view(this.snapshot.version + 1);
+    for (const e of this.listeners) e();
+  }
+  subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+  getSnapshot = () => this.snapshot;
+  /** The project whose memories open first: the session's. */
+  get sessionProject() {
+    return this.project;
+  }
+  // --- loading -----------------------------------------------------------------------------
+  /** Read everything afresh: the session's context first, for its project. */
+  async open() {
+    const e = ++this.generation;
+    this.changed.clear(), this.busy = !0, this.error = "", this.render(), await this.loadSources(), e === this.generation && (this.project = this.found?.memory?.scopes.find((s) => s.scope === "project")?.project_id ?? null, await this.load(e));
+  }
+  async load(e) {
+    try {
+      const [s, i] = await Promise.all([
+        x.memoryStatus(this.project),
+        x.memories({ project: this.project, status: "all" })
+      ]);
+      if (e !== this.generation) return;
+      this.statuses = s.scopes, this.data = i, this.projectIds = [.../* @__PURE__ */ new Set([...this.project ? [this.project] : [], ...s.projects ?? []])], this.loadedProjects.clear(), this.project && this.loadedProjects.add(this.project), this.error = "";
+    } catch (s) {
+      e === this.generation && (this.error = `Could not read the memories: ${v(s)}`);
+    } finally {
+      e === this.generation && (this.busy = !1), this.render();
+    }
+  }
+  /** The session's context sources; why there are none when there aren't. */
+  async loadSources() {
+    if (!this.sessionId) {
+      this.found = null, this.note = "Open this from a session to see what it loads.", this.render();
+      return;
+    }
+    if (!this.contextSourcesServed()) {
+      this.found = null, this.note = "This server does not list a session's context sources (needs a newer europacore).", this.render();
+      return;
+    }
+    try {
+      this.found = await x.contextSources(this.sessionId), this.note = "";
+    } catch (e) {
+      this.found = null, this.note = e instanceof A && e.status === 409 ? "This session's agent does not report its context." : `Could not read the session's context: ${v(e)}`;
+    }
+    this.render();
+  }
+  /** Read everything again, keeping the projects opened and the memories changed here. */
+  async reload() {
+    const e = ++this.generation, s = [...this.loadedProjects].filter((i) => i !== this.project);
+    this.busy = !0, this.render(), await this.load(e);
+    for (const i of s) await this.loadProject(i);
+  }
+  /** Another of the caller's projects, read when its scope is first chosen; what went wrong, or null. */
+  async loadProject(e) {
+    let s = null;
+    try {
+      const [i, a] = await Promise.all([x.memoryStatus(e), x.memories({ scope: "project", project: e, status: "all" })]), l = (c) => c.key.scope === "project" && c.key.project_id === e;
+      this.data = [...this.data.filter((c) => !l(c)), ...a];
+      const o = i.scopes.find((c) => c.scope === "project");
+      o && (this.statuses = [...this.statuses.filter((c) => c.project_id !== e), o]), this.loadedProjects.add(e);
+    } catch (i) {
+      s = `Could not read ${e}'s memories: ${v(i)}`;
+    }
+    return this.render(), s;
+  }
+  async history(e) {
+    this.revisionList = null, this.render();
+    try {
+      return this.revisionList = await x.memoryRevisions(e.id), null;
+    } catch (s) {
+      return this.revisionList = [], { ok: !1, message: `Could not read its history: ${v(s)}` };
+    } finally {
+      this.render();
+    }
+  }
+  closeHistory() {
+    this.revisionList = null, this.render();
+  }
+  // --- changes -------------------------------------------------------------------------------
+  replace(e) {
+    this.data = this.data.map((s) => s.id === e.id ? e : s), this.changed.add(e.id);
+  }
+  async forget(e) {
+    if (!y(e)) return { ok: !1, message: `${e.name} is already ${e.status === "merged" ? "merged" : "forgotten"}` };
+    try {
+      return this.replace(await x.forgetMemory(e.id, "forgotten in the web")), this.reload(), { ok: !0, message: `Forgot ${e.name}; Restore brings it back` };
+    } catch (s) {
+      return { ok: !1, message: `Could not forget ${e.name}: ${v(s)}` };
+    }
+  }
+  async restore(e) {
+    if (y(e)) return { ok: !1, message: `${e.name} is not forgotten` };
+    try {
+      return this.replace(await x.restoreMemory(e.id)), this.reload(), { ok: !0, message: `Restored ${e.name}` };
+    } catch (s) {
+      return { ok: !1, message: `Could not restore ${e.name}: ${v(s)}` };
+    }
+  }
+  /**
+   * What an edit starts from: the draft the server refused last time, else the memory as markdown, read afresh;
+   * with the record read, whose revision the save is made against.
+   */
+  async startEdit(e) {
+    if (!y(e)) return { ok: !1, message: `${e.name} is ${e.status}: restore it first` };
+    try {
+      const s = await x.memory(e.id), i = this.drafts.get(e.id);
+      return { text: i ?? s.markdown ?? "", current: s, draft: i !== void 0 };
+    } catch (s) {
+      return { ok: !1, message: `Could not read ${e.name}: ${v(s)}` };
+    }
+  }
+  /** Save an edit against the revision read; one refused is kept as the draft the next edit reopens. */
+  async save(e, s) {
+    const i = (o) => (this.drafts.set(e.id, s), { ok: !1, message: `Not saved: ${o}. Edit reopens your text.` }), a = je(s);
+    if ("error" in a) return i(a.error);
+    const l = Se(e, a);
+    if (l === null)
+      return this.drafts.delete(e.id), { ok: !0, message: "No changes" };
+    if ("error" in l) return i(l.error);
+    try {
+      const o = await x.updateMemory(e.id, l);
+      return this.drafts.delete(e.id), this.replace(o), this.reload(), { ok: !0, message: `Saved ${o.name} (revision ${o.revision})` };
+    } catch (o) {
+      const c = o instanceof A && o.code === "memory_changed";
+      return i(c ? "it changed since you opened it" : v(o));
+    }
+  }
+  /** Throw away a refused edit. */
+  dropDraft(e) {
+    this.drafts.delete(e);
+  }
+}
+function z(t) {
+  return ie(t.subscribe, t.getSnapshot);
+}
+function G({ record: t }) {
+  return y(t) ? /* @__PURE__ */ n(H, { children: (t.flags ?? []).map((e) => /* @__PURE__ */ n(P, { tone: e.flag === "kept" ? "ok" : e.flag === "never_recalled" ? "neutral" : "warn", children: Y[e.flag].label }, e.flag)) }) : /* @__PURE__ */ n(P, { tone: "neutral", children: t.status === "merged" ? "Merged" : "Forgotten" });
+}
+function Re({ nodes: t, selected: e, onSelect: s }) {
+  const i = t.filter((o) => o.kind !== "view"), a = t.filter((o) => o.kind === "view"), l = (o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ u(
+    "button",
+    {
+      type: "button",
+      onClick: () => s(o),
+      "aria-current": o.id === e || void 0,
+      className: R(
+        "flex w-full items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-[13px]",
+        o.id === e ? "bg-accent-soft font-semibold text-accent" : "text-ink hover:bg-surface-hover"
+      ),
+      children: [
+        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: o.label }),
+        /* @__PURE__ */ n("span", { className: "text-[11.5px] text-muted tabular-nums", children: o.count ?? "…" })
+      ]
+    }
+  ) }, o.id);
+  return /* @__PURE__ */ u("nav", { "aria-label": "Scopes", className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ n("ul", { className: "flex flex-col gap-0.5", children: i.map(l) }),
+    /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ n("h3", { className: "px-2.5 pb-1 text-[11px] font-semibold tracking-wider text-muted uppercase", children: "Smart views" }),
+      /* @__PURE__ */ n("ul", { className: "flex flex-col gap-0.5", children: a.map(l) })
+    ] })
+  ] });
+}
+function ze({ controller: t, record: e }) {
+  const { toast: s } = J(), i = z(t), [a, l] = S(null), [o, c] = S(!1), [h, r] = S(!1);
+  V(() => {
+    l(null), c(!1), t.closeHistory();
+  }, [e.id]);
+  const f = async (m) => {
+    r(!0);
+    try {
+      const b = await m();
+      b && s(b.message, b.ok ? "ok" : "danger");
+    } finally {
+      r(!1);
+    }
+  }, p = () => f(async () => {
+    const m = await t.startEdit(e);
+    return "ok" in m ? m : (l(m), m.draft ? { ok: !1, message: "Reopened the edit the server refused" } : null);
+  }), w = () => f(async () => {
+    if (!a) return null;
+    const m = await t.save(a.current, a.text);
+    return m.ok && l(null), m;
+  }), $ = y(e);
+  return /* @__PURE__ */ u("article", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ u("header", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+        /* @__PURE__ */ n(P, { tone: "accent", children: e.kind }),
+        /* @__PURE__ */ n("span", { className: "text-[12px] text-muted", children: e.key.scope === "project" ? `project ${e.key.project_id ?? ""}` : e.key.scope }),
+        /* @__PURE__ */ n(G, { record: e })
+      ] }),
+      /* @__PURE__ */ n("h2", { className: "font-mono text-[15px] font-semibold break-words text-ink", children: e.name }),
+      /* @__PURE__ */ n("p", { className: "text-[13px] text-ink", children: C(e.description) }),
+      /* @__PURE__ */ u("p", { className: "text-[12px] text-muted", children: [
+        we(e),
+        " · revision ",
+        e.revision,
+        " · recalled ",
+        e.recall_count,
+        "×",
+        e.last_recalled_at ? `, last ${L(e.last_recalled_at)}` : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "flex flex-wrap gap-1.5", children: [
+      $ ? /* @__PURE__ */ u(H, { children: [
+        /* @__PURE__ */ n(k, { size: "sm", icon: /* @__PURE__ */ n(ee, { size: 14 }), disabled: h || a !== null, onClick: () => {
+          p();
+        }, children: "Edit" }),
+        /* @__PURE__ */ n(k, { size: "sm", variant: "danger", icon: /* @__PURE__ */ n(te, { size: 14 }), disabled: h, onClick: () => {
+          f(() => t.forget(e));
+        }, children: "Forget" })
+      ] }) : /* @__PURE__ */ n(k, { size: "sm", icon: /* @__PURE__ */ n(se, { size: 14 }), disabled: h, onClick: () => {
+        f(() => t.restore(e));
+      }, children: "Restore" }),
+      /* @__PURE__ */ n(
+        k,
+        {
+          size: "sm",
+          variant: "ghost",
+          icon: /* @__PURE__ */ n(ne, { size: 14 }),
+          onClick: () => {
+            c((m) => !m), o || f(() => t.history(e));
+          },
+          children: "History"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("dl", { className: "grid grid-cols-[96px_1fr] gap-x-2 gap-y-1 text-[12.5px]", children: [
+      /* @__PURE__ */ n("dt", { className: "text-muted", children: "Loads" }),
+      /* @__PURE__ */ n("dd", { className: "text-ink", children: ke(e) })
+    ] }),
+    $ && (e.flags ?? []).map((m) => /* @__PURE__ */ n(_, { tone: m.flag === "kept" ? "ok" : "warn", children: ve(m) }, m.flag)),
+    a ? /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ u("p", { className: "text-[12px] text-muted", children: [
+        "The memory as the server keeps it: frontmatter (name, description, type) and its body. Saved against revision ",
+        a.current.revision,
+        "."
+      ] }),
+      /* @__PURE__ */ n(
+        "textarea",
+        {
+          "aria-label": "The memory as markdown",
+          value: a.text,
+          onChange: (m) => l({ ...a, text: m.target.value }),
+          rows: 14,
+          spellCheck: !1,
+          className: "w-full rounded-md border border-line bg-surface px-2.5 py-2 font-mono text-[12.5px] text-ink focus:border-accent focus:ring-2 focus:ring-accent/20 focus:outline-none"
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ n(
+          k,
+          {
+            size: "sm",
+            variant: "ghost",
+            onClick: () => {
+              t.dropDraft(e.id), l(null);
+            },
+            children: "Discard"
+          }
+        ),
+        /* @__PURE__ */ n(k, { size: "sm", variant: "primary", loading: h, onClick: () => {
+          w();
+        }, children: "Save" })
+      ] })
+    ] }) : /* @__PURE__ */ n("div", { className: "rounded-lg border border-line-soft bg-surface-alt px-3 py-2 text-[13px]", children: /* @__PURE__ */ n(he, { content: e.body }) }),
+    o && /* @__PURE__ */ u("section", { children: [
+      /* @__PURE__ */ n("h3", { className: "mb-1.5 text-[11px] font-semibold tracking-wider text-muted uppercase", children: "History" }),
+      i.revisions === null ? /* @__PURE__ */ n(K, { size: "sm", className: "text-accent" }) : i.revisions.length ? /* @__PURE__ */ n("ol", { className: "flex flex-col gap-1.5", children: i.revisions.map((m) => /* @__PURE__ */ u("li", { className: "rounded-md border border-line-soft px-2.5 py-1.5 text-[12px]", children: [
+        /* @__PURE__ */ u("div", { className: "text-muted", children: [
+          "r",
+          m.revision,
+          " · ",
+          m.op,
+          " · ",
+          m.actor,
+          m.dream_id ? " (a dream)" : "",
+          " · ",
+          L(m.created_at)
+        ] }),
+        /* @__PURE__ */ n("ul", { className: "mt-0.5 text-ink", children: _e(m).map((b) => /* @__PURE__ */ n("li", { className: "break-words", children: b }, b)) })
+      ] }, m.id)) }) : /* @__PURE__ */ n("p", { className: "text-[12.5px] text-muted", children: "No history." })
+    ] })
+  ] });
+}
+function De({ controller: t }) {
+  const e = z(t), [s, i] = S(!1), a = e.sources;
+  if (!a)
+    return /* @__PURE__ */ n("div", { className: "rounded-xl border border-line bg-surface", children: /* @__PURE__ */ n(X, { icon: /* @__PURE__ */ n(U, { size: 20 }), title: "No context to show", children: e.sourcesNote || "Loading…" }) });
+  const l = a.context_window, o = l ?? Math.max(1, a.estimated_tokens), c = Pe(a.sources), h = Te(a.sources, e.records, l);
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ u("section", { className: "rounded-xl border border-line bg-surface p-3.5", children: [
+      /* @__PURE__ */ u("div", { className: "mb-2 flex flex-wrap items-baseline justify-between gap-2 text-[12.5px]", children: [
+        /* @__PURE__ */ u("h3", { className: "font-semibold text-ink", children: [
+          "What ",
+          a.model ? C(a.model) : "the model",
+          " reads"
+        ] }),
+        /* @__PURE__ */ u("span", { className: "text-muted tabular-nums", children: [
+          "≈",
+          g(a.estimated_tokens),
+          " tokens",
+          l ? ` of ${g(l)}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ n("ul", { className: "flex flex-col gap-1.5", children: c.map((r) => /* @__PURE__ */ u("li", { className: "grid grid-cols-[110px_1fr_90px] items-center gap-2 text-[12.5px]", children: [
+        /* @__PURE__ */ n("span", { className: "text-ink", children: r.label }),
+        /* @__PURE__ */ n("span", { className: "h-2.5 overflow-hidden rounded-full bg-surface-sunken", "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: "block h-full rounded-r-[4px] bg-accent", style: { width: `${Math.max(0.5, r.tokens / o * 100)}%` } }) }),
+        /* @__PURE__ */ u("span", { className: "text-right text-muted tabular-nums", children: [
+          g(r.tokens),
+          l ? ` · ${Math.round(r.tokens / l * 100)}%` : ""
+        ] })
+      ] }, r.key)) })
+    ] }),
+    h.length > 0 && /* @__PURE__ */ n("div", { className: "grid gap-3 md:grid-cols-2", children: h.map((r) => /* @__PURE__ */ n(_, { tone: r.tone === "warning" ? "warn" : "info", title: r.title, children: /* @__PURE__ */ n("ul", { className: "space-y-0.5", children: r.lines.map((f) => /* @__PURE__ */ n("li", { children: f }, f)) }) }, r.title)) }),
+    /* @__PURE__ */ u("section", { className: "rounded-xl border border-line bg-surface", children: [
+      /* @__PURE__ */ u("div", { className: "flex items-center justify-between border-b border-line px-3.5 py-2", children: [
+        /* @__PURE__ */ n("h3", { className: "text-[12.5px] font-semibold text-ink", children: "Sources, in load order" }),
+        /* @__PURE__ */ u("label", { className: "flex items-center gap-1.5 text-[12.5px] text-ink", children: [
+          /* @__PURE__ */ n("input", { type: "checkbox", checked: s, onChange: (r) => i(r.target.checked) }),
+          "Merged text"
+        ] })
+      ] }),
+      s ? /* @__PURE__ */ n("pre", { className: "max-h-[60vh] overflow-auto px-3.5 py-2 font-mono text-[11.5px] leading-[1.5] whitespace-pre-wrap text-ink", children: Me(a.sources).map((r, f) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: the merged text's lines, in order
+        /* @__PURE__ */ u("div", { className: R("grid grid-cols-[2.5rem_1fr] gap-2", r.first && "mt-1 border-t border-line-soft pt-1"), children: [
+          /* @__PURE__ */ n("span", { className: "text-right text-faint select-none", children: r.first ? r.n : "" }),
+          /* @__PURE__ */ n("span", { children: r.text })
+        ] }, f)
+      )) }) : /* @__PURE__ */ n("ol", { className: "divide-y divide-line-soft", children: a.sources.map((r) => /* @__PURE__ */ u("li", { className: "flex items-center gap-2 px-3.5 py-1.5 text-[12.5px]", children: [
+        /* @__PURE__ */ n("span", { className: "w-6 text-right text-faint tabular-nums", children: r.n }),
+        /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-ink", children: C(r.label) }),
+        r.status !== "sent" && /* @__PURE__ */ n(P, { tone: "neutral", children: r.status }),
+        /* @__PURE__ */ n("span", { className: "text-muted tabular-nums", children: g(r.tokens) })
+      ] }, r.id)) })
+    ] })
+  ] });
+}
+function He() {
+  const { toast: t } = J(), [e, s] = oe(), i = e.get("session"), a = e.get("view") ?? "browse", l = e.get("q") ?? "", o = le((d) => d.info?.capabilities.memory), c = re(() => new Oe(i, () => ce().info?.capabilities.context_sources !== !1), [i]), h = z(c);
+  V(() => {
+    c.open();
+  }, [c]);
+  const r = (d) => s(
+    (j) => {
+      const E = new URLSearchParams(j);
+      for (const [D, I] of Object.entries(d))
+        I === null ? E.delete(D) : E.set(D, I);
+      return E;
+    },
+    { replace: !0 }
+  ), f = Object.fromEntries(h.statuses.filter((d) => d.scope !== "project").map((d) => [d.scope, d.label])), p = ge(h.records, f, h.projects, h.loaded), w = p.find((d) => d.id === e.get("scope")) ?? p[0], $ = be(w, h.records, l, h.kept), m = h.records.find((d) => d.id === e.get("id")) ?? null, b = (d) => {
+    r({ scope: d.id, id: null }), d.kind === "scope" && d.scope === "project" && d.project && !h.loaded.has(d.project) && c.loadProject(d.project).then((j) => j && t(j, "danger"));
+  };
+  return /* @__PURE__ */ u("div", { className: "min-h-full bg-bg", children: [
+    /* @__PURE__ */ n(
+      de,
+      {
+        eyebrow: "Memory",
+        title: "Long-term memories",
+        subtitle: `What agents remember between sessions${c.sessionProject ? ` · ${c.sessionProject}` : ""}. Decisions and requirements are in the decision register.`,
+        actions: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ n(
+            ue,
+            {
+              label: "View",
+              value: a,
+              onChange: (d) => {
+                r({ view: d === "browse" ? null : d }), d === "context" && c.loadSources();
+              },
+              options: [
+                { value: "browse", label: "Memories" },
+                { value: "context", label: "Context" }
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(k, { size: "sm", variant: "ghost", icon: /* @__PURE__ */ n(Q, { size: 14 }), loading: h.busy, onClick: () => {
+            c.reload();
+          }, children: "Reload" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ u("div", { className: "mx-auto flex max-w-[1400px] flex-col gap-3 px-4 py-4 sm:px-5", children: [
+      o === !1 && /* @__PURE__ */ n(_, { tone: "info", children: "This server keeps no long-term memories (it needs `europacore serve --memory`)." }),
+      h.error && /* @__PURE__ */ n(_, { tone: "danger", action: /* @__PURE__ */ n(k, { size: "xs", onClick: () => {
+        c.open();
+      }, children: "Retry" }), children: h.error }),
+      a === "context" ? /* @__PURE__ */ n(De, { controller: c }) : h.busy && !h.records.length ? /* @__PURE__ */ n("div", { className: "flex justify-center py-16 text-accent", children: /* @__PURE__ */ n(K, {}) }) : /* @__PURE__ */ u("div", { className: "grid gap-4 lg:grid-cols-[220px_minmax(260px,360px)_1fr]", children: [
+        /* @__PURE__ */ n(Re, { nodes: p, selected: w.id, onSelect: b }),
+        /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-2", children: [
+          /* @__PURE__ */ u("div", { className: "relative", children: [
+            /* @__PURE__ */ n(Z, { size: 14, className: "pointer-events-none absolute top-1/2 left-2.5 -translate-y-1/2 text-faint", "aria-hidden": "true" }),
+            /* @__PURE__ */ n(
+              "input",
+              {
+                type: "search",
+                value: l,
+                onChange: (d) => r({ q: d.target.value || null }),
+                placeholder: "Words, k:kind, s:source",
+                "aria-label": "Filter memories",
+                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"
+              }
+            )
+          ] }),
+          $.length ? /* @__PURE__ */ n("ul", { className: "flex flex-col gap-0.5", children: $.map((d) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              onClick: () => r({ id: d.id }),
+              "aria-current": m?.id === d.id || void 0,
+              className: R(
+                "flex w-full flex-col gap-0.5 rounded-lg border px-3 py-2 text-left",
+                m?.id === d.id ? "border-accent bg-accent-soft" : "border-transparent hover:bg-surface-hover",
+                !y(d) && "opacity-70"
+              ),
+              children: [
+                /* @__PURE__ */ n("span", { className: "truncate font-mono text-[12.5px] font-semibold text-ink", children: d.name }),
+                /* @__PURE__ */ n("span", { className: "truncate text-[12px] text-muted", children: C(d.description) }),
+                /* @__PURE__ */ u("span", { className: "flex flex-wrap items-center gap-1 text-[11px] text-faint", children: [
+                  d.kind,
+                  " · ",
+                  d.source,
+                  d.tokens ? ` · ${g(d.tokens.body)} tok` : "",
+                  " · recalled ",
+                  d.recall_count,
+                  "×",
+                  /* @__PURE__ */ n(G, { record: d })
+                ] })
+              ]
+            }
+          ) }, d.id)) }) : /* @__PURE__ */ n("p", { className: "px-3 py-6 text-center text-[13px] text-muted", children: w.count === null ? "Loading…" : l ? `Nothing matches “${l}”.` : "Nothing here." })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "min-w-0 rounded-xl border border-line bg-surface p-4", children: m ? /* @__PURE__ */ n(ze, { controller: c, record: m }) : /* @__PURE__ */ n(X, { icon: /* @__PURE__ */ n(U, { size: 20 }), title: "Pick a memory", children: "Its text, when it loads, who wrote it and what is worth knowing about it show here." }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  He as default
+};