// Archive — concrete museum. Display case + flat catalogue. function Archive({ go, lang = 'en' }) { const [cat, setCat] = React.useState('ALL'); const [view, setView] = React.useState('shelf'); const items = window.ITEMS.filter(i => cat === 'ALL' || i.category === cat); return (
{view === 'shelf' && } {view === 'index' && }
); } // ── Curator header ──────────────────────────────────────────────────────── function ArchiveHeader({ lang = 'en' }) { const c = window.KEEPER; const zh = lang === 'zh'; return (
{zh ? '典藏庫 04211' : 'Archive 04211'} — {zh ? '私人' : 'Private'} — {c.willStatus}

{c.name} {zh ? '— 她的物件。' : '— her things.'}

{zh ? `${c.itemCount} 件物品，分配給 31 位指定收受人、三個機構、一座城市，以及一項開放式遺贈。上次編輯於週二下午 4:12，那時正在下雨。` : `${c.itemCount} objects, distributed across 31 named recipients, three institutions, one city, and one open bequest. Last edited Tuesday at 4:12pm, while it was raining.`}

); } function Row({ label, value }) { return (
{label} {value}
); } // ── Filter + view toggle row ────────────────────────────────────────────── function ArchiveControls({ cat, setCat, view, setView, count, go, lang = 'en' }) { const zh = lang === 'zh'; return (
{window.CATEGORIES.map(c => ( ))}
{count} / 47
{[['shelf', zh ? '展架' : 'shelf'], ['index', zh ? '目錄' : 'index']].map(([v, label]) => ( ))}
); } // ── Display Case — concrete vitrine ─────────────────────────────────────── function DisplayCase({ items, go }) { return (
§ Display case · West wall

The featured shelf.

Four objects pinned by the keeper. Click any to read the bequest.

{/* The 3D vitrine */}
{/* Concrete back wall — cool light gradient */}
{/* Vertical seam — concrete pour line */}
{/* Tie holes — pairs of small dots typical of formed concrete */} {[0.18, 0.5, 0.82].map(x => (
))} {/* Number plates */}
West Wall · Shelf 3 / 8 · Keeper's pin
Lit · 14:12 GMT · Lisbon
{/* Floor / shelf surface */}
{/* Shelf front edge — thin hairline */}
{/* Items on the shelf */}
{items.map((it, i) => ( ))}
); } // ── Shelf grid ──────────────────────────────────────────────────────────── function ShelfGrid({ items, go }) { const groups = {}; items.forEach(it => { (groups[it.category] ||= []).push(it); }); const order = Object.keys(groups); return (
{order.map((cat, gi) => (
§ {String(gi+1).padStart(2,'0')} {cat.toLowerCase()} {groups[cat].length} object{groups[cat].length>1?'s':''}
{groups[cat].map((it, i) => ( ))}
{/* shelf base — thin hairline + light cast-shadow */}
))}
); } function ShelfCard({ item, idx, go }) { const [hover, setHover] = React.useState(false); return ( ); } // ── Index list ──────────────────────────────────────────────────────────── function IndexList({ items, go }) { return (
{['№', 'Object', 'Beneficiary', 'Category', 'Year', 'Delivery', ''].map((h, i) => (
{h}
))} {items.map((it, i) => ( {String(i+1).padStart(3,'0')} {it.name} {it.beneficiary} {it.category} {it.year} {it.delivery} ))}
); } function Cell({ children }) { return
{children}
; } // ── Distribution summary — restrained, grey scale ──────────────────────── function ArchiveFooter() { const benefits = [ ['Family', 14, '#111111'], ['Friends & chosen kin', 11, '#3D4550'], ['Institutions', 4, '#6E747C'], ['Open bequest', 2, '#A8ABAE'], ['Sealed / burned', 1, '#D0D0CD'], ]; const total = benefits.reduce((s, [, n]) => s + n, 0); return (
§ Distribution

Where it all goes.

A breakdown of the {window.KEEPER.itemCount} objects in this archive, by class of recipient. Updated whenever a bequest changes.

{benefits.map(([l, n, color], i) => (
))}
{benefits.map(([l, n, color], i) => (
{l}
{n}
{Math.round(n/total*100)}%
))}
); } Object.assign(window, { Archive });