64:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 65:I[544296,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ItemStyles"] 66:I[8513,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ScrollArea"] 67:I[8513,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ScrollBar"] 68:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 69:T3cb9,"use client"; import { useEffect, useId, useRef, useState } from "react"; // --------------------------------------------------------------------------- // PatinaLedger — the "what does it think it knows about me right now" panel. // One 32px row per remembered fact, 13px Geist Mono, inside a 12px-radius // rail. Ink is literally time: an unreferenced row steps its color down a // four-stop ramp from --foreground toward --ns-muted (fresh -> aging -> fading // -> dormant) on a 600ms transition every turn it goes unused, so aging is // perceptible at each turn boundary rather than a silent jump. The moment the // agent actually cites a row in a reply, its color SNAPS back to --foreground // (transition suppressed for that one commit, not eased — a discontinuity // reads as "revived now" the way a slow brighten wouldn't) and a 1px // --foreground underline wipes left-to-right under the text over 300ms // before fading, so rehearsal is visible as an event, not just a color. // // Users govern the ledger, they don't just read it: pin stamps a 4px // --foreground lacquer dot and permanently exempts the row from fading // (data-age flips to "pinned", never advances); evict is a real two-step // confirm — first press arms the row (label + button both announce // "confirm"), second press collapses it via grid-template-rows 1fr->0fr + // opacity, 250ms, then the row is handed to the caller to actually remove. // Rows that fully dormant (unpinned, past the last threshold) leave the main // list and fold into a "N dormant" disclosure at the bottom so the rail // doesn't grow unbounded with things nobody's used in ages; expanding it // reveals them inline, still with working pin/evict, so pinning a dormant // row rescues it back into the main list on the next render for free. // // Fully controlled: memories + turn are props, the component derives every // row's age from `turn - lastUsedTurn` and holds no model state of its own — // pin/evict are reported via callbacks, the caller owns the array. The only // local state is transient UI: which row is armed-for-evict, which rows are // mid-collapse, whether the dormant drawer is open, and a short-lived // "just cited" flag used to drive the wipe + a single aria-live // announcement. Colors are CSS custom properties only (--foreground, // --ns-muted, --border, --background) via color-mix(), never a literal, so // both themes render correctly. Because color alone is invisible to a // screen reader, every row's accessible name spells the age out in words — // "remembers: prefers metric units — fading, 6 turns unused" — and pin/evict // are real, separately-labelled, keyboard-reachable buttons. Under // prefers-reduced-motion every wipe, fade and collapse animation is // replaced by an instant state change; nothing becomes unreachable or // unreadable, it just stops moving. // --------------------------------------------------------------------------- export interface PatinaMemory { /** stable identifier */ id: string; /** the remembered fact, rendered verbatim in 13px Geist Mono */ text: string; /** turn index this memory was last referenced or rehearsed */ lastUsedTurn: number; /** pinned rows never fade and carry a lacquer dot */ pinned?: boolean; } export interface PatinaLedgerProps { /** the ledger rows, each decaying independently by its own age */ memories: PatinaMemory[]; /** current turn index — advances as the conversation proceeds */ turn: number; /** * turns-unused boundaries between fresh/aging/fading/dormant. * default [1, 4, 9] (0 turns = fresh, 1-3 = aging, 4-8 = fading, 9+ = dormant) */ ageThresholds?: readonly [number, number, number]; /** called when a row's pin is toggled */ onPinToggle?: (id: string, pinned: boolean) => void; /** called once a row's evict collapse animation has finished */ onEvict?: (id: string) => void; /** accessible name for the ledger list. default "Session memory" */ ariaLabel?: string; /** extra classes merged onto the rendered root element */ className?: string; } type AgeStop = 0 | 1 | 2 | 3; function computeStop(turnsUnused: number, th: readonly [number, number, number]): AgeStop { const u = Math.max(0, turnsUnused); if (u < th[0]) return 0; if (u < th[1]) return 1; if (u < th[2]) return 2; return 3; } function ageWords(stop: AgeStop, turnsUnused: number, pinned: boolean): string { if (pinned) return "pinned"; if (stop === 0) return "fresh"; const n = Math.max(0, turnsUnused); const unit = n === 1 ? "turn" : "turns"; const word = stop === 1 ? "aging" : stop === 2 ? "fading" : "dormant"; return `${word}, ${n} ${unit} unused`; } function PinGlyph() { return ( ); } function EvictGlyph() { return ( ); } function ChevronGlyph({ expanded }: { expanded: boolean }) { return ( ); } export function PatinaLedger({ memories, turn, ageThresholds = [1, 4, 9], onPinToggle, onEvict, ariaLabel = "Session memory", className = "", }: PatinaLedgerProps) { const uid = useId(); const [armedId, setArmedId] = useState(null); const [collapsingIds, setCollapsingIds] = useState>(() => new Set()); const [expandedDormant, setExpandedDormant] = useState(false); const [justCited, setJustCited] = useState<{ id: string; key: number } | null>(null); const [liveMsg, setLiveMsg] = useState(""); const [reducedMotion, setReducedMotion] = useState(false); const prevRef = useRef>(new Map()); useEffect(() => { const mq = window.matchMedia("(prefers-reduced-motion: reduce)"); const update = () => setReducedMotion(mq.matches); update(); mq.addEventListener("change", update); return () => mq.removeEventListener("change", update); }, []); // Detect rehearsal: any memory whose lastUsedTurn just increased. Compared // against the previous render's snapshot, not derived from `turn` alone, // so a memory can be cited on any turn without every sibling re-triggering. useEffect(() => { const prev = prevRef.current; for (const m of memories) { const before = prev.get(m.id); if (before !== undefined && m.lastUsedTurn > before) { setJustCited({ id: m.id, key: Date.now() + Math.random() }); setLiveMsg(`Rehearsed: ${m.text} — turn ${m.lastUsedTurn}`); } } prevRef.current = new Map(memories.map((m) => [m.id, m.lastUsedTurn])); }, [memories]); useEffect(() => { if (!justCited) return; const t = window.setTimeout(() => { setJustCited((cur) => (cur?.key === justCited.key ? null : cur)); }, 900); return () => window.clearTimeout(t); }, [justCited]); const rows = memories.map((m) => { const turnsUnused = Math.max(0, turn - m.lastUsedTurn); const stop = computeStop(turnsUnused, ageThresholds); const dormant = !m.pinned && stop === 3; return { ...m, turnsUnused, stop, dormant }; }); const visible = rows.filter((r) => !r.dormant); const dormantRows = rows.filter((r) => r.dormant); function requestEvict(id: string) { if (armedId === id) { setArmedId(null); setCollapsingIds((prev) => { const next = new Set(prev); next.add(id); return next; }); const delay = reducedMotion ? 0 : 260; window.setTimeout(() => { setCollapsingIds((prev) => { const next = new Set(prev); next.delete(id); return next; }); onEvict?.(id); }, delay); } else { setArmedId(id); } } function renderRow(r: (typeof rows)[number]) { const armed = armedId === r.id; const collapsing = collapsingIds.has(r.id); const cited = justCited?.id === r.id; const dataAge = r.pinned ? "pinned" : String(r.stop); const label = `Remembers: ${r.text} — ${ageWords(r.stop, r.turnsUnused, !!r.pinned)}`; return (

{r.text}

); } return (

{dormantRows.length > 0 ? (

{dormantRows.map(renderRow)}

) : null}

{liveMsg}

); } 63:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L64",null,{"namespace":"@registrydirectory","registryDependencies":[]}]]}],["$","$L65",null,{"children":["$","div",null,{"className":"@container","children":["$","div",null,{"className":"grid grid-cols-1 gap-4 @xl:grid-cols-2","children":[["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Light Mode"}],["$","div",null,{"children":["$","$L66",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","ns-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ns-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#4d4d4d"}]]}],["$","div","ns-accent",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ns-accent",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#006bff"}]]}]]}],["$","$L67",null,{"orientation":"horizontal"}]]}]}]]}],["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Dark Mode"}],["$","div",null,{"children":["$","$L66",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","ns-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ns-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#8f8f8f"}]]}]]}],["$","$L67",null,{"orientation":"horizontal"}]]}]}]]}],["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Theme"}],["$","div",null,{"children":["$","$L66",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","color-ns-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-ns-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--ns-muted)"}]]}],["$","div","color-ns-accent",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-ns-accent",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--ns-accent)"}]]}]]}],["$","$L67",null,{"orientation":"horizontal"}]]}]}]]}],null]}]}]}]]}],["$","$L68",null,{"files":[{"path":"registry/core/memory-ledger-decay/component.tsx","content":"$69","type":"registry:ui","target":"components/ui/memory-ledger-decay.tsx"}],"className":"h-[70svh] min-h-80"}]]}]