59ad86425d
Three-column grid (sidebar / main / right rail) with Cradle aesthetic: blackflame accent on Cinzel display headings + Cormorant Garamond body in cards, system UI for chrome. Hash-based router covers all entity routes plus search, inbox, sacred-valley. api.js stores OWNER_TOKEN in localStorage and prompts via a modal on 401. dom.js provides safe el() + mount() builders so no component ever assigns innerHTML from API data (the only exception is an explicit, scary-named html: opt-in for sanitizer output, used later by the markdown editor). state.js is a tiny event bus for shared chrome state (pending count). Components and views are loaded as ES modules — sidebar / topbar / rightrail + 9 view stubs that the later Phase E tasks fill in. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
26 lines
885 B
JavaScript
26 lines
885 B
JavaScript
// T17 stub — collapsible rail with localStorage persistence.
|
|
// Chat lands in Plan 5.
|
|
import { el, mount } from '../dom.js';
|
|
|
|
const KEY = 'void_rail_collapsed';
|
|
|
|
export function renderRightrail(root) {
|
|
const shell = document.getElementById('shell');
|
|
let collapsed = localStorage.getItem(KEY) === 'true';
|
|
if (collapsed) shell.classList.add('rail-collapsed');
|
|
|
|
function toggle() {
|
|
collapsed = !collapsed;
|
|
localStorage.setItem(KEY, String(collapsed));
|
|
shell.classList.toggle('rail-collapsed', collapsed);
|
|
}
|
|
|
|
mount(root,
|
|
el('div', { class: 'rail-toggle', onclick: toggle, title: 'Toggle right rail' }, 'CRADLE'),
|
|
el('div', { class: 'rail-body' },
|
|
el('h3', { style: { marginTop: 0 } }, 'Companion'),
|
|
el('p', { class: 'muted' }, 'Chat lands in Plan 5. The rail is here so the layout is honest about the empty space it will take.')
|
|
)
|
|
);
|
|
}
|