2e:"/_next/static/immutable/chunks/02uj9wr740ifu.js" 2f:"ContextLibraryDemo" 30:I[55167,["$2","$8","$9","$a","$b","$c","$d","$e","$f","$10","$11","$12","$2e"],"$2f"] 31:I[22016,["$2","$8","$9","$a","$b","$c","$d","$e","$f","$10","$11","$12","$2e"],""] 32:I[48147,["$2","$8","$9","$a","$b","$c","$d","$e","$f","$10","$11","$12","$2e"],"SourcePanel"] 33:T26d3,"use client"; /** * PeachUI — ContextLibrary (block) * @tier block * @deps button, motion * @requires app/globals.css * * Retrieved chunks for the session. Open one to read it, * pin what the next run should keep. */ import { useState, type ReactNode } from "react"; import { Check, X } from "reicon-react"; import { Button } from "@/components/atoms/button"; import { AnimatePresence, motion, motionInstantIfReduced, useReducedMotion, } from "@/components/lib/motion"; import { cx } from "@/lib/utils"; const TEXT_SWAP = { duration: 0.15, ease: "easeInOut" as const, }; type ChunkBadge = "PDF" | "CSV" | "MD" | "DOC"; const BADGE_TONE: Record = { PDF: "bg-red", CSV: "bg-green", MD: "bg-accent", DOC: "bg-orange", }; export interface ContextChunk { id: string; title: string; source: string; badge: ChunkBadge; chars: string; match: string; body: string; } const DEFAULT_CHUNKS: ContextChunk[] = [ { id: "release-rule", title: "Pin a release before agent runs", source: "Adoption playbook.pdf", badge: "PDF", chars: "1,240 chars", match: "Matched 'release checklist'", body: "Teams must pin a Peach UI release before agent runs can write to their token bundle. The pin lives in the workspace config and applies to every run until it is lifted.", }, { id: "usage-export", title: "Q4 catalog usage", source: "studio-analytics.csv", badge: "CSV", chars: "890 chars", match: "Matched 'usage table'", body: "PromptBar +18% weekly views, TaskRows +6%, Flowchart −11%. Primitives under 40 weekly views are flagged for review before the next catalog cut.", }, { id: "token-notes", title: "Token migration notes", source: "tokens-v04.md", badge: "MD", chars: "2,310 chars", match: "Matched 'token rename'", body: "Release 0.4 renames three warm surface tokens. Surface, field, and inset map one-to-one; the shadow tokens merge into a single elevation scale.", }, { id: "eval-runbook", title: "Weekly eval runbook", source: "eval-runbook.doc", badge: "DOC", chars: "1,760 chars", match: "Matched 'eval schedule'", body: "Evals run Monday at 09:00 against the golden set. A failure opens a ticket on the release board and blocks catalog publishes until triaged.", }, ]; function Swap({ swapKey, reduced, children, className, }: { swapKey: string; reduced: boolean | null; children: ReactNode; className?: string; }) { return ( {children} ); } function SourceBadge({ chunk }: { chunk: ContextChunk }) { return ( {chunk.badge[0]} {chunk.source} ); } export type ContextLibraryProps = { className?: string; chunks?: ContextChunk[]; initialPinned?: string[]; }; export function ContextLibrary({ className, chunks = DEFAULT_CHUNKS, initialPinned = ["release-rule"], }: ContextLibraryProps) { const reducedMotion = useReducedMotion(); const [openId, setOpenId] = useState(() => chunks[0]?.id ?? ""); const [pinnedIds, setPinnedIds] = useState(initialPinned); const open = chunks.find((chunk) => chunk.id === openId) ?? chunks[0] ?? null; const openPinned = open !== null && pinnedIds.includes(open.id); const togglePin = () => { if (!open) return; setPinnedIds((current) => current.includes(open.id) ? current.filter((id) => id !== open.id) : [...current, open.id], ); }; const footerKey = !open ? "empty" : `${open.id}-${openPinned ? "pinned" : "loose"}`; return (

Context library

{chunks.length === 0 ? "No chunks yet" : `${pinnedIds.length} of ${chunks.length} pinned`}

Retrieved for this session. Pin what the next run should keep.

); } 2b:["$","article",null,{"className":"doc-article","children":[["$","header",null,{"className":"doc-article-header","children":[["$","p",null,{"className":"doc-article-kicker","children":["Blocks"," · ","Agent"]}],["$","h1",null,{"className":"doc-article-title","children":"Context library"}],["$","p",null,{"className":"doc-article-lead","children":"Retrieved chunks pinned for the session with source and size metadata."}]]}],["$","section",null,{"className":"doc-demo","aria-label":"Context library demo","children":["$","div",null,{"className":"doc-demo-stage","children":["$","$L30",null,{}]}]}],["$","section",null,{"className":"mt-10","aria-labelledby":"doc-composed-heading","children":[["$","h2",null,{"id":"doc-composed-heading","className":"text-body-strong text-ink","children":"Built from"}],["$","p",null,{"className":"mt-1 text-caption text-ink-3","children":"Paste the block file plus these modules; they are not separate catalog entries."}],["$","ul",null,{"className":"doc-composed-list","children":[["$","li","Pin action-components/atoms/button.tsx",{"children":[["$","span",null,{"className":"text-ink-2","children":"Pin action"}]," · ",["$","$L31",null,{"href":"/atoms/button","className":"doc-text-link font-mono text-[13px]","children":"components/atoms/button.tsx"}]]}]]}]]}],["$","$L32",null,{"source":"$33","deps":["motion"]}],"$L34"]}]