anentrypoint-design 0.0.121 → 0.0.124

package/dist/src/kits/os/freddie/routes.js

@@ -1,24 +0,0 @@
-export const ROUTES = [
-    { path: 'projects',  label: 'projects',  glyph: '◆' },
-    { path: 'home',      label: 'home',      glyph: '⌂' },
-    { path: 'chat',      label: 'chat',      glyph: '⌨' },
-    { path: 'sessions',  label: 'sessions',  glyph: '✉' },
-    { path: 'agents',    label: 'agents',    glyph: '◈' },
-    { path: 'analytics', label: 'analytics', glyph: '◉' },
-    { path: 'models',    label: 'models',    glyph: '◎' },
-    { path: 'logs',      label: 'logs',      glyph: '☰' },
-    { path: 'cron',      label: 'cron',      glyph: '◷' },
-    { path: 'skills',    label: 'skills',    glyph: '◈' },
-    { path: 'config',    label: 'config',    glyph: '⚙' },
-    { path: 'env',       label: 'keys',      glyph: '⚿' },
-    { path: 'tools',     label: 'tools',     glyph: '⚒' },
-    { path: 'batch',     label: 'batch',     glyph: '⊞' },
-    { path: 'gateway',   label: 'gateway',   glyph: '⇌' },
-];
-
-export const OS_ROUTE_DEFS = [
-    { path: 'os-instances', label: 'instances', glyph: '◫' },
-    { path: 'os-windows',   label: 'windows',   glyph: '▭' },
-    { path: 'os-x',         label: 'x-server',  glyph: '✕' },
-    { path: 'os-fs',        label: 'fs',        glyph: '📁' },
-];

package/dist/src/kits/os/freddie-dashboard.css

@@ -1,51 +0,0 @@
-/* freddie-dashboard.css — supplemental rules for the freddie dashboard surfaces.
-   Most of the dashboard renders through bible components (AppShell/Panel/Kpi/
-   Table/Receipt/Hero/Row/EmptyState/Chip) that ship their own classes via
-   247420.css. This file holds the freddie-specific chrome that AGENTS.md's
-   inline-styles ban pushed out of freddie-dashboard.js and the freddie/* page
-   modules. */
-
-.app-fd .fd-pre {
-    font-family: var(--ff-mono, JetBrains Mono, monospace);
-    font-size: 12px;
-    white-space: pre-wrap;
-    word-break: break-all;
-    margin: 0;
-    max-height: 320px;
-    overflow: auto;
-    background: var(--panel-2, #DDD3BC);
-    padding: 8px 10px;
-    border-radius: var(--r-1, 6px);
-}
-
-.fd-root { height: 100%; overflow: hidden; display: flex; flex-direction: column; }
-
-.fd-btn-mini { padding: 2px 10px; font-size: 0.8em; }
-
-/* chat composer fields */
-.fd-chat-form { display: flex; flex-direction: column; gap: var(--tool-gutter, 16px); }
-.fd-chat-row  { display: flex; gap: var(--tool-gutter, 16px); flex-wrap: wrap; }
-.fd-chat-field { display: flex; flex-direction: column; gap: 4px; min-width: 120px; }
-.fd-chat-field-grow { flex: 2; min-width: 140px; }
-.fd-chat-field > label { font-size: 0.75em; opacity: 0.7; letter-spacing: 0.05em; }
-.fd-chat-field > input { width: 100%; box-sizing: border-box; }
-.fd-chat-submit { display: flex; gap: var(--tool-gutter, 16px); align-items: flex-end; }
-.fd-chat-submit textarea { flex: 1; resize: none; min-height: 80px; }
-.fd-chat-submit > button { align-self: flex-end; }
-
-/* chatlog (legacy fd-chat-msgs container) */
-.fd-chatlog {
-    max-height: 420px; overflow-y: auto;
-    background: rgba(0,0,0,0.12);
-    border-radius: 4px; padding: 4px; margin-top: 8px;
-}
-.fd-chatlog-msg { padding: 6px 10px; border-bottom: 1px solid rgba(128,128,128,0.15); white-space: pre-wrap; word-break: break-word; }
-.fd-chatlog-assistant { color: var(--color-accent, #7c9); }
-.fd-chatlog-tool { margin: 4px 0; padding: 4px 8px; background: rgba(0,0,0,0.18); border-radius: 4px; font-family: monospace; font-size: 0.85em; }
-.fd-chatlog-tool-sum { cursor: pointer; color: var(--color-warn, #fc9); padding: 2px 0; }
-.fd-chatlog-tool-body { margin: 4px 0 0; white-space: pre-wrap; word-break: break-all; max-height: 200px; overflow-y: auto; }
-
-/* chip wraps (providers, env) */
-.fd-chip-wrap { display: flex; flex-wrap: wrap; gap: 6px; }
-.fd-chip-wrap-padded { padding: 8px 4px; }
-.fd-env-chip { cursor: pointer; }

package/dist/src/kits/os/freddie-dashboard.js

@@ -1,101 +0,0 @@
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import * as components from '../../components.js';
-import { ROUTES, OS_ROUTE_DEFS } from './freddie/routes.js';
-import { makeCorePages } from './freddie/pages-core.js';
-import { makeChatPage } from './freddie/pages-chat.js';
-import { makeToolsPages } from './freddie/pages-tools.js';
-import { makeOsPages } from './freddie/pages-os.js';
-
-const { AppShell, Topbar, Side, Crumb, Status, Panel, Chip, EmptyState } = components;
-
-function pre(obj) {
-    return webjsx.createElement('pre', { class: 'fd-pre' }, typeof obj === 'string' ? obj : JSON.stringify(obj, null, 2));
-}
-
-export function createFreddieDashboard({ instance, bootHost, osSurfaces }) {
-    const root = document.createElement('div');
-    root.className = 'app-fd ds-247420 fd-root';
-
-    const state = { active: 'home', ts: new Date().toLocaleTimeString(), body: null, error: null };
-    let host = instance.host || null;
-    const allRoutes = osSurfaces ? [...ROUTES, ...OS_ROUTE_DEFS] : ROUTES;
-
-    async function ensureHost() {
-        if (host) return host;
-        if (typeof bootHost !== 'function') throw new Error('createFreddieDashboard: instance.host or bootHost required');
-        host = instance.host = await bootHost({ fs: instance.fs });
-        return host;
-    }
-
-    function setActive(p) { state.active = p; rerender(); }
-    if (typeof window !== 'undefined') window.__fd_nav = setActive;
-
-    function rerender() { webjsx.applyDiff(root, view()); loadActive(); }
-
-    const ctx = { instance, osSurfaces, root, state, rerender, get host() { return host; } };
-    const PAGES = {
-        ...makeCorePages(ctx),
-        chat: makeChatPage(ctx),
-        ...makeToolsPages(ctx),
-        ...(osSurfaces ? makeOsPages(ctx) : {}),
-    };
-
-    function buildSide() {
-        const sections = [{
-            group: 'FREDDIE',
-            items: ROUTES.map(r => ({
-                glyph: r.glyph, label: r.label, href: '#fd-' + r.path,
-                active: state.active === r.path,
-                onClick: (ev) => { ev.preventDefault(); setActive(r.path); },
-            })),
-        }];
-        if (osSurfaces) sections.push({
-            group: 'OS',
-            items: OS_ROUTE_DEFS.map(r => ({
-                glyph: r.glyph, label: r.label, href: '#fd-' + r.path,
-                active: state.active === r.path,
-                onClick: (ev) => { ev.preventDefault(); setActive(r.path); },
-            })),
-        });
-        return Side({ sections });
-    }
-
-    function view() {
-        const route = allRoutes.find(r => r.path === state.active) || ROUTES[1];
-        return AppShell({
-            topbar: Topbar({ brand: 'freddie', leaf: 'dashboard', items: [], active: '' }),
-            crumb: Crumb({ trail: ['freddie', instance.id], leaf: route.path, right: state.error ? Chip({ tone: 'miss', children: 'error' }) : Chip({ tone: 'ok', children: 'live' }) }),
-            side: buildSide(),
-            main: state.body || EmptyState({ text: 'loading…', glyph: '◌' }),
-            status: Status({ left: ['ds-247420 · webjsx · ' + allRoutes.length + ' routes', 'instance=' + instance.id], right: [state.ts] }),
-        });
-    }
-
-    async function loadActive() {
-        try {
-            const h0 = await ensureHost();
-            const page = PAGES[state.active] || PAGES.home;
-            state.body = await page(h0, instance);
-            state.error = null;
-        } catch (e) {
-            state.error = String(e && e.stack || e);
-            state.body = Panel({ title: 'error', children: pre(state.error) });
-        }
-        state.ts = new Date().toLocaleTimeString();
-        webjsx.applyDiff(root, view());
-    }
-
-    rerender();
-
-    if (typeof window !== 'undefined') {
-        window.__debug = window.__debug || {};
-        window.__debug.instances = window.__debug.instances || {};
-        window.__debug.instances[instance.id] = window.__debug.instances[instance.id] || {};
-        window.__debug.instances[instance.id].dashboard = {
-            root, routes: allRoutes.map(r => r.path), setActive,
-            get active() { return state.active; },
-        };
-    }
-
-    return { node: root, dispose() {} };
-}

package/dist/src/kits/os/icons.js

@@ -1,17 +0,0 @@
-export const icons = {
-    terminal: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 9l3 3-3 3M13 15h4"/></svg>',
-    browser: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 010 18M12 3a14 14 0 000 18"/></svg>',
-    canvas: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M3 17l6-5 4 3 5-4 3 2"/></svg>',
-    files: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6a2 2 0 012-2h4l2 2h8a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2z"/></svg>',
-    monitor: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12l4-8 4 14 4-10 4 8 2-3"/></svg>',
-    validator: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l4 4L19 6"/></svg>',
-    about: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 8v.01M11 12h1v5h1"/></svg>',
-    apps: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg>',
-    plus: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>',
-    home: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h16"/></svg>',
-    xdisplay: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="13" rx="1.5"/><path d="M8 21h8M12 17v4M9 9l6 4M15 9l-6 4"/></svg>',
-    close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 6l12 12M18 6l-12 12"/></svg>',
-    chat: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5h16v11H8l-4 4z"/><path d="M8 9h8M8 12h6"/></svg>',
-    tools: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 7l3-3 3 3-3 3-3-3zM7 14l3 3-7 7-3-3 7-7zM5 7l3-3M14 14l6 6"/></svg>',
-    freddie: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2M8 12a4 4 0 008 0"/></svg>',
-};

package/dist/src/kits/os/index.js

@@ -1,5 +0,0 @@
-export { icons } from './icons.js';
-export { createDesktopShell } from './shell.js';
-export { renderWindow } from './wm.js';
-export { renderDock } from './launcher.js';
-export const themeUrl = new URL('./theme.css', import.meta.url).href;

package/dist/src/kits/os/launcher.css

@@ -1,61 +0,0 @@
-/* ============================================================
-   Launcher dock — paired with createLauncher() (validation harness path)
-   Bible: tonal step from canvas, no borders, pill controls, lowercase.
-   ============================================================ */
-
-.launcher-dock {
-    position: fixed;
-    left: 0; top: 0; bottom: 0;
-    width: 56px;
-    background: var(--os-bg-2);
-    border: none;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 8px 0;
-    gap: 8px;
-    z-index: 10000;
-    pointer-events: auto;
-    font: 11px var(--os-mono);
-    color: var(--os-fg);
-}
-
-.launcher-btn {
-    width: 40px; height: 40px;
-    background: transparent;
-    color: inherit;
-    cursor: pointer;
-    border-radius: var(--os-radius-sm);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-    font: inherit;
-    transition: background 80ms ease, color 80ms ease, box-shadow 80ms ease;
-}
-.launcher-btn:hover { background: var(--panel-hover, var(--os-bg-1)); color: var(--os-fg); }
-.launcher-btn.active {
-    background: var(--panel-select, var(--os-accent-soft));
-    color: var(--os-fg);
-    box-shadow: inset 4px 0 0 var(--os-accent);
-}
-.launcher-add { font-size: 20px; }
-
-.launcher-instances {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-}
-
-.launcher-row {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 2px;
-}
-
-.launcher-close { font-size: 11px; opacity: 0.7; width: 20px; height: 20px; }
-.launcher-close:hover { opacity: 1; }
-
-.launcher-dock + .wm-root { left: 56px !important; }

package/dist/src/kits/os/launcher.js

@@ -1,79 +0,0 @@
-// Launcher dock paint surface — pure DOM rendering, no lifecycle.
-// Consumer (thebird) owns instance creation, fs/worker/shell wiring, teardown.
-// renderDock returns a handle whose setInstances/setActive are called from
-// lifecycle code. Visuals are bible-aligned: panel-select bg + accent inset
-// rail for active, tonal hover, lowercase mono labels.
-
-export function renderDock(opts = {}) {
-    const { root = document.body, callbacks = {} } = opts;
-
-    const el = document.createElement('div');
-    el.className = 'launcher-dock';
-
-    const addBtn = document.createElement('button');
-    addBtn.className = 'launcher-btn launcher-add';
-    addBtn.textContent = '+';
-    addBtn.title = 'new instance';
-    addBtn.addEventListener('click', () => callbacks.onNewInstance && callbacks.onNewInstance());
-    el.appendChild(addBtn);
-
-    const instancesHost = document.createElement('div');
-    instancesHost.className = 'launcher-instances';
-    el.appendChild(instancesHost);
-
-    root.appendChild(el);
-
-    let activeId = null;
-    const buttons = new Map();
-
-    function clear() {
-        while (instancesHost.firstChild) instancesHost.removeChild(instancesHost.firstChild);
-        buttons.clear();
-    }
-
-    function setInstances(list) {
-        clear();
-        for (const inst of list) {
-            const row = document.createElement('div');
-            row.className = 'launcher-row';
-            row.dataset.instanceId = inst.id;
-
-            const selBtn = document.createElement('button');
-            selBtn.className = 'launcher-btn';
-            selBtn.textContent = inst.label || inst.id;
-            selBtn.title = 'instance ' + inst.id;
-            selBtn.dataset.role = 'select';
-            selBtn.dataset.instanceId = inst.id;
-            if (inst.active || inst.id === activeId) selBtn.classList.add('active');
-            selBtn.addEventListener('click', () => callbacks.onSelectInstance && callbacks.onSelectInstance(inst.id));
-
-            const closeBtn = document.createElement('button');
-            closeBtn.className = 'launcher-btn launcher-close';
-            closeBtn.textContent = 'x';
-            closeBtn.title = 'close ' + inst.id;
-            closeBtn.dataset.role = 'close';
-            closeBtn.dataset.instanceId = inst.id;
-            closeBtn.addEventListener('click', e => {
-                e.stopPropagation();
-                callbacks.onCloseInstance && callbacks.onCloseInstance(inst.id);
-            });
-
-            row.append(selBtn, closeBtn);
-            instancesHost.appendChild(row);
-            buttons.set(inst.id, { selBtn, closeBtn, row });
-        }
-        if (activeId && !buttons.has(activeId)) activeId = null;
-    }
-
-    function setActive(id) {
-        activeId = id;
-        for (const [iid, b] of buttons) b.selBtn.classList.toggle('active', iid === id);
-    }
-
-    function dispose() {
-        el.remove();
-        buttons.clear();
-    }
-
-    return { el, setInstances, setActive, dispose };
-}

package/dist/src/kits/os/monitor-app.js

@@ -1,34 +0,0 @@
-// Monitor-app paint surface — bible classes, pure DOM. Consumer supplies getStats().
-// getStats() -> Promise<{instanceId, frames, shells, windows, appsRegistered, jsHeapMb, jsHeapLimitMb, time}>.
-// Field names map directly to displayed lines so consumer controls labels by value, not template.
-
-export function renderMonitorApp(opts = {}) {
-    const { getStats, pollMs = 1000 } = opts;
-    const node = document.createElement('div');
-    node.className = 'app-pane mono';
-    node.dataset.component = 'monitor-app';
-
-    async function tick() {
-        const s = (await Promise.resolve(getStats())) || {};
-        const heap = (s.jsHeapMb != null && s.jsHeapLimitMb != null)
-            ? `js heap: ${Number(s.jsHeapMb).toFixed(1)} MB / ${Number(s.jsHeapLimitMb).toFixed(0)} MB`
-            : 'js heap: n/a';
-        node.textContent = [
-            `instance: ${s.instanceId ?? ''}`,
-            `worker frames: ${s.frames ?? 0}`,
-            `shells: ${s.shells ?? 0}`,
-            `windows: ${s.windows ?? 0}`,
-            `apps registered: ${s.appsRegistered ?? 0}`,
-            heap,
-            `now: ${s.time ?? new Date().toLocaleTimeString()}`,
-        ].join('\n');
-    }
-
-    tick().catch(() => {});
-    const timer = setInterval(() => tick().catch(() => {}), pollMs);
-    return {
-        node,
-        tick,
-        dispose() { clearInterval(timer); },
-    };
-}

package/dist/src/kits/os/shell.js

@@ -1,214 +0,0 @@
-import { icons } from './icons.js';
-
-const THEME_CSS_URL = new URL('./theme.css', import.meta.url).href;
-
-function ensureCss(href) {
-    if (document.querySelector('link[data-os-theme]')) return;
-    const l = document.createElement('link');
-    l.rel = 'stylesheet';
-    l.href = href || THEME_CSS_URL;
-    l.dataset.osTheme = '1';
-    document.head.appendChild(l);
-}
-
-function ic(svg) {
-    const s = document.createElement('span');
-    s.className = 'ic';
-    s.innerHTML = svg;
-    return s;
-}
-
-function makeBtn(svg, label, role) {
-    const b = document.createElement('button');
-    b.className = 'os-btn';
-    b.type = 'button';
-    if (role) b.dataset.role = role;
-    if (svg) b.append(ic(svg));
-    if (label) b.append(Object.assign(document.createElement('span'), { textContent: label }));
-    return b;
-}
-
-export function createDesktopShell({ root = document.body, wm, registry, brand = 'desktop', themeUrl, onNewInstance, autoBoot = false } = {}) {
-    if (!wm) throw new Error('createDesktopShell: wm is required');
-    if (!registry) throw new Error('createDesktopShell: registry is required');
-    ensureCss(themeUrl);
-
-    const osRoot = document.createElement('div');
-    osRoot.className = 'os-root';
-    root.appendChild(osRoot);
-
-    const menubar = document.createElement('div');
-    menubar.className = 'os-menubar';
-
-    const homeBtn = makeBtn(icons.home, '', 'home');
-    homeBtn.title = 'apps';
-
-    const brandEl = document.createElement('span');
-    brandEl.className = 'os-brand';
-    brandEl.textContent = brand;
-
-    const appsBtn = makeBtn(icons.apps, 'apps', 'apps');
-    const newInstBtn = onNewInstance ? makeBtn(icons.plus, 'instance', 'add') : null;
-
-    const instSwitch = document.createElement('div');
-    instSwitch.className = 'os-instances';
-
-    const spacer = document.createElement('div');
-    spacer.className = 'os-spacer';
-
-    const tray = document.createElement('div');
-    tray.className = 'os-tray';
-    const clock = document.createElement('span');
-    clock.className = 'os-clock';
-    tray.appendChild(clock);
-
-    menubar.append(homeBtn, brandEl, appsBtn);
-    if (newInstBtn) menubar.append(newInstBtn);
-    menubar.append(instSwitch, spacer, tray);
-
-    const appsMenu = document.createElement('div');
-    appsMenu.className = 'os-menu';
-
-    const sideRail = document.createElement('div');
-    sideRail.className = 'os-side-rail';
-
-    const drawer = document.createElement('div');
-    drawer.className = 'os-drawer';
-    drawer.setAttribute('aria-hidden', 'true');
-    const drawerHeader = document.createElement('div');
-    drawerHeader.className = 'os-drawer-head';
-    const drawerTitle = document.createElement('span');
-    drawerTitle.className = 'os-drawer-title';
-    drawerTitle.textContent = 'apps';
-    const drawerClose = document.createElement('button');
-    drawerClose.className = 'os-drawer-close';
-    drawerClose.type = 'button';
-    drawerClose.append(ic(icons.close));
-    drawerHeader.append(drawerTitle, drawerClose);
-    const drawerGrid = document.createElement('div');
-    drawerGrid.className = 'os-drawer-grid';
-    drawer.append(drawerHeader, drawerGrid);
-
-    const apps = typeof registry.list === 'function' ? registry.list() : [...registry.values()];
-
-    for (const app of apps) {
-        const iconSvg = app.icon || icons[app.id] || '';
-        const menuBtn = makeBtn(iconSvg, app.name);
-        menuBtn.addEventListener('click', () => { closeMenu(); openApp(app.id); });
-        appsMenu.appendChild(menuBtn);
-
-        const railBtn = document.createElement('button');
-        railBtn.className = 'os-rail-btn';
-        railBtn.type = 'button';
-        railBtn.title = app.name;
-        railBtn.append(ic(iconSvg));
-        railBtn.addEventListener('click', () => openApp(app.id));
-        sideRail.appendChild(railBtn);
-
-        const tile = document.createElement('button');
-        tile.className = 'os-drawer-tile';
-        tile.type = 'button';
-        tile.append(ic(iconSvg), Object.assign(document.createElement('span'), { className: 'lbl', textContent: app.name }));
-        tile.addEventListener('click', () => { closeDrawer(); openApp(app.id); });
-        drawerGrid.appendChild(tile);
-    }
-
-    const taskbar = document.createElement('div');
-    taskbar.className = 'os-taskbar';
-
-    osRoot.append(menubar, appsMenu, taskbar);
-    document.body.append(sideRail, drawer);
-
-    function openMenu() { appsMenu.classList.add('open'); }
-    function closeMenu() { appsMenu.classList.remove('open'); }
-    function openDrawer() { drawer.classList.add('open'); drawer.setAttribute('aria-hidden', 'false'); }
-    function closeDrawer() { drawer.classList.remove('open'); drawer.setAttribute('aria-hidden', 'true'); }
-
-    appsBtn.addEventListener('click', e => { e.stopPropagation(); appsMenu.classList.toggle('open'); });
-    homeBtn.addEventListener('click', e => { e.stopPropagation(); drawer.classList.contains('open') ? closeDrawer() : openDrawer(); });
-    drawerClose.addEventListener('click', closeDrawer);
-    drawer.addEventListener('click', e => { if (e.target === drawer) closeDrawer(); });
-    document.addEventListener('click', e => {
-        if (!appsMenu.contains(e.target) && !appsBtn.contains(e.target)) closeMenu();
-    });
-    document.addEventListener('keydown', e => {
-        if (e.key === 'Escape') { closeMenu(); closeDrawer(); }
-    });
-
-    function tickClock() { clock.textContent = new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); }
-    tickClock();
-    const clockTimer = setInterval(tickClock, 30000);
-
-    let activeContext = null;
-    let activeInstanceId = null;
-    function setContext(ctx) { activeContext = ctx; }
-
-    function applyInstanceFilter() {
-        if (!activeInstanceId) return;
-        for (const wEl of document.querySelectorAll('.wm-win[data-instance-id]')) {
-            const wInst = wEl.dataset.instanceId;
-            wEl.style.display = (wInst === activeInstanceId) ? '' : 'none';
-        }
-    }
-
-    function refreshTaskbar() {
-        taskbar.innerHTML = '';
-        for (const w of wm.list()) {
-            const wEl = document.querySelector('.wm-win[data-id="' + w.id + '"]');
-            const wInst = wEl && wEl.dataset.instanceId;
-            if (activeInstanceId && wInst && wInst !== activeInstanceId) continue;
-            const t = document.createElement('button');
-            t.className = 'os-task' + (w.focused ? ' focused' : '');
-            t.type = 'button';
-            t.textContent = w.title;
-            t.dataset.winId = w.id;
-            t.addEventListener('click', () => wm.focus(w.id));
-            taskbar.appendChild(t);
-        }
-    }
-
-    function setActiveInstance(id) {
-        activeInstanceId = id;
-        for (const btn of instSwitch.querySelectorAll('.os-btn')) {
-            btn.classList.toggle('active', btn.dataset.instanceId === id);
-        }
-        applyInstanceFilter();
-        refreshTaskbar();
-    }
-
-    function openApp(appId) {
-        const app = (typeof registry.get === 'function') ? registry.get(appId) : registry[appId];
-        if (!app) throw new Error('unknown app: ' + appId);
-        const ctx = { ...(activeContext || {}), registry, openApp, wm };
-        const result = app.factory(ctx);
-        const finish = (r) => {
-            const sz = app.defaultSize || { w: 520, h: 360 };
-            const titlePrefix = (activeContext && activeContext.titlePrefix) ? activeContext.titlePrefix + ' · ' : '';
-            const win = wm.open({ title: titlePrefix + app.name, body: r.node, kind: appId, width: sz.w, height: sz.h, x: 100 + (wm.count * 28) % 240, y: 80 + (wm.count * 22) % 180 });
-            win._app = { id: appId, dispose: r.dispose };
-            if (activeInstanceId && win.el) {
-                win.el.dataset.instanceId = activeInstanceId;
-                win.instanceId = activeInstanceId;
-            }
-            win.appId = appId;
-            refreshTaskbar();
-            return win;
-        };
-        return (result && typeof result.then === 'function') ? result.then(finish) : finish(result);
-    }
-
-    if (newInstBtn) newInstBtn.addEventListener('click', () => onNewInstance && onNewInstance({ instSwitch, setContext, openApp }));
-
-    const taskTimer = setInterval(refreshTaskbar, 500);
-
-    const api = {
-        wm, registry, openApp, setContext, refreshTaskbar, setActiveInstance,
-        openDrawer, closeDrawer, openMenu, closeMenu,
-        get activeInstanceId() { return activeInstanceId; },
-        elements: { osRoot, menubar, taskbar, appsMenu, sideRail, drawer, instSwitch, homeBtn, appsBtn },
-        dispose() { clearInterval(clockTimer); clearInterval(taskTimer); osRoot.remove(); sideRail.remove(); drawer.remove(); },
-    };
-
-    if (autoBoot && typeof autoBoot === 'string') openApp(autoBoot);
-    return api;
-}

package/dist/src/kits/os/terminal-app.js

@@ -1,45 +0,0 @@
-// Terminal-app paint surface — bible classes, pure DOM. Consumer attaches xterm to mount slot.
-// renderTerminal({title, statusText, theme}) -> {node, mount, setTitle, setStatus, dispose}.
-// mount(termInstance) calls termInstance.open(slot) and fit when available; consumer owns xterm lifecycle.
-
-export function renderTerminal(opts = {}) {
-    const { title = 'terminal', statusText = '', theme = 'dark' } = opts;
-    const node = document.createElement('div');
-    node.className = 'app-pane terminal-app';
-    node.dataset.component = 'terminal-app';
-    node.dataset.theme = theme;
-
-    const head = document.createElement('div');
-    head.className = 'terminal-app-head';
-    const titleEl = document.createElement('span');
-    titleEl.className = 'terminal-app-title';
-    titleEl.textContent = title;
-    const statusEl = document.createElement('span');
-    statusEl.className = 'terminal-app-status';
-    statusEl.textContent = statusText;
-    head.append(titleEl, statusEl);
-
-    const slot = document.createElement('div');
-    slot.className = 'terminal-app-slot';
-    slot.dataset.role = 'xterm-mount';
-
-    node.append(head, slot);
-
-    function mount(term) {
-        if (!term || typeof term.open !== 'function') return;
-        term.open(slot);
-        if (term._addonManager) {
-            const addons = term._addonManager._addons || [];
-            for (const a of addons) { try { a.instance && a.instance.fit && a.instance.fit(); } catch (_) {} }
-        }
-    }
-
-    return {
-        node,
-        mount,
-        setTitle(t) { titleEl.textContent = t; },
-        setStatus(s) { statusEl.textContent = s; },
-        get slot() { return slot; },
-        dispose() {},
-    };
-}