freddie 0.0.75 → 0.0.77

package/src/web/vendor/anentrypoint-design/desktop/freddie-dashboard.js

@@ -1,405 +0,0 @@
-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: '⇌' },
-];
-
-function el(tag, cls, attrs) {
-    const e = document.createElement(tag);
-    if (cls) e.className = cls;
-    if (attrs) for (const k of Object.keys(attrs)) {
-        if (k === 'on' && attrs.on) for (const ev of Object.keys(attrs.on)) e.addEventListener(ev, attrs.on[ev]);
-        else if (k === 'html') e.innerHTML = attrs.html;
-        else if (k === 'text') e.textContent = attrs.text;
-        else e.setAttribute(k, attrs[k]);
-    }
-    return e;
-}
-
-function kpi(items) {
-    const c = el('div', 'fdash-kpi');
-    for (const [v, l] of items) {
-        const k = el('div', 'k');
-        k.appendChild(el('div', 'v', { text: String(v) }));
-        k.appendChild(el('div', 'l', { text: String(l) }));
-        c.appendChild(k);
-    }
-    return c;
-}
-
-function panel(title, body, count) {
-    const p = el('div', 'fdash-panel');
-    const h = el('h3'); h.textContent = title + (count != null ? ' · ' + count : '');
-    p.appendChild(h);
-    if (body instanceof Node) p.appendChild(body);
-    else if (Array.isArray(body)) for (const n of body) if (n) p.appendChild(n);
-    else if (typeof body === 'string') { const pre = el('pre'); pre.textContent = body; p.appendChild(pre); }
-    return p;
-}
-
-function row(opts) {
-    const r = el('div', 'fdash-row');
-    if (opts.code) r.appendChild(el('span', 'code', { text: opts.code }));
-    r.appendChild(el('span', 'title', { text: opts.title || '' }));
-    if (opts.sub) r.appendChild(el('span', 'sub', { text: ' — ' + opts.sub }));
-    if (opts.meta) r.appendChild(el('span', 'meta', { text: opts.meta }));
-    return r;
-}
-
-function table(headers, rows) {
-    const t = el('table');
-    const thead = el('thead'); const trh = el('tr');
-    for (const h of headers) trh.appendChild(el('th', null, { text: h }));
-    thead.appendChild(trh); t.appendChild(thead);
-    const tb = el('tbody');
-    for (const r of rows) {
-        const tr = el('tr');
-        for (const c of r) tr.appendChild(el('td', null, { text: String(c) }));
-        tb.appendChild(tr);
-    }
-    t.appendChild(tb);
-    return t;
-}
-
-function pre(obj) { return el('pre', null, { text: typeof obj === 'string' ? obj : JSON.stringify(obj, null, 2) }); }
-
-export function createFreddieDashboard({ instance, bootHost, osSurfaces }) {
-    const root = el('div', 'fdash');
-    const side = el('div', 'fdash-side');
-    const nav = el('div', 'fdash-nav');
-    const main = el('div', 'fdash-main');
-    side.appendChild(nav);
-    root.appendChild(side); root.appendChild(main);
-
-    let active = 'home';
-    let host = instance.host || null;
-
-    function setActive(p) {
-        active = p;
-        for (const b of nav.querySelectorAll('button')) b.classList.toggle('active', b.dataset.path === p);
-        render();
-    }
-
-    const OS_ROUTES = osSurfaces ? [
-        { 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: '📁' },
-    ] : [];
-
-    function navHead(text) {
-        const h = el('div', 'group-head', { text });
-        nav.appendChild(h);
-    }
-    function navBtn(r) {
-        const b = el('button', null, { 'data-path': r.path, on: { click: () => setActive(r.path) } });
-        b.appendChild(el('span', 'glyph', { text: r.glyph }));
-        b.appendChild(document.createTextNode(' '));
-        b.appendChild(el('span', 'label', { text: r.label }));
-        nav.appendChild(b);
-    }
-    navHead('freddie');
-    for (const r of ROUTES) navBtn(r);
-    if (OS_ROUTES.length) {
-        navHead('os');
-        for (const r of OS_ROUTES) navBtn(r);
-    }
-
-    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;
-    }
-
-    async function render() {
-        main.innerHTML = '';
-        main.appendChild(el('h2', 'fdash-h', { text: 'freddie · ' + instance.id + ' · ' + active }));
-        const h = await ensureHost();
-        const page = PAGES[active] || PAGES.home;
-        try {
-            const body = await page(h, instance);
-            const arr = Array.isArray(body) ? body : [body];
-            for (const n of arr) if (n) main.appendChild(n);
-        } catch (e) {
-            main.appendChild(panel('error', el('pre', null, { text: String(e && e.stack || e) })));
-        }
-    }
-
-    const PAGES = {
-        async projects(h) {
-            const list = h.pi.projects.list();
-            const active = h.pi.projects.active();
-            const form = el('form', 'fdash-form', { on: { submit: (ev) => {
-                ev.preventDefault();
-                try { h.pi.projects.create({ name: ev.target.elements.name.value, path: ev.target.elements.path.value }); render(); }
-                catch (e) { alert(e.message); }
-            } } });
-            form.appendChild(el('input', null, { name: 'name', placeholder: 'project name', required: 'true' }));
-            form.appendChild(el('input', null, { name: 'path', placeholder: '/path' }));
-            form.appendChild(el('button', null, { type: 'submit', text: 'add' }));
-            const rows = list.map(p => {
-                const r = el('div', 'fdash-row');
-                r.appendChild(el('span', 'code', { text: p.name === active?.name ? '●' : '○' }));
-                r.appendChild(el('span', null, { text: p.name + (p.name === active?.name ? '  (active)' : '') }));
-                r.appendChild(el('span', 'meta', { text: p.path }));
-                if (p.name !== 'default') {
-                    const del = el('button', null, { type: 'button', text: 'remove', on: { click: () => { try { h.pi.projects.remove(p.name); render(); } catch (e) { alert(e.message); } } } });
-                    r.appendChild(del);
-                }
-                if (p.name !== active?.name) {
-                    const sw = el('button', null, { type: 'button', text: 'switch', on: { click: () => { h.pi.projects.setActive(p.name); render(); } } });
-                    r.appendChild(sw);
-                }
-                return r;
-            });
-            return [
-                kpi([[list.length, 'projects'], [active?.name || '—', 'active'], [active?.path || '—', 'path']]),
-                panel('add a project', form),
-                panel('all projects', rows, list.length),
-            ];
-        },
-        async home(h) {
-            const sessions = await h.pi.sessions.list();
-            const tools = h.pi.tools.size;
-            const skills = h.pi.skills.size;
-            const health = h.pi.health();
-            return [
-                kpi([[sessions.length, 'sessions'], [tools, 'tools'], [skills, 'skills']]),
-                panel('quick start', table(['action', 'how'], [
-                    ['open chat', "click 'chat' in sidebar"],
-                    ['list tools', '/tools in chat or → tools tab'],
-                    ['list skills', '/skills in chat or → skills tab'],
-                    ['set api key', '→ keys tab → set ENV var'],
-                ])),
-                panel('host', table(['key', 'value'], Object.entries(health))),
-            ];
-        },
-        async chat(h, instance) {
-            const note = el('div', 'fdash-empty', { text: 'chat lives in its own thebird app — opening chat window…' });
-            try {
-                if (window.__debug?.shell?.openApp) window.__debug.shell.openApp('chat');
-            } catch {}
-            return [panel('chat', note), panel('cli surface', table(['command', 'description'], [...h.pi.cli.values()].map(c => [c.name, c.description])))];
-        },
-        async sessions(h) {
-            const list = await h.pi.sessions.list();
-            return [
-                kpi([[list.length, 'total sessions']]),
-                panel('recent sessions', list.length === 0
-                    ? el('div', 'fdash-empty', { text: 'no sessions yet — start a chat' })
-                    : table(['id', 'title', 'platform', 'model', 'turns'], list.map(s => [(s.id || '').slice(0, 8), s.title || '—', s.platform, s.model || '—', s.turn_count])), list.length),
-            ];
-        },
-        async agents(h) {
-            const a = await h.pi.agents();
-            return [
-                kpi([[a.count, 'active'], [a.turns, 'turns']]),
-                panel('overview', table(['key', 'value'], [
-                    ['total turns', String(a.turns)],
-                    ['active session', a.active || '(none)'],
-                    ['last activity', a.last_activity ? new Date(a.last_activity).toLocaleString() : '—'],
-                ])),
-            ];
-        },
-        async analytics(h) {
-            const list = await h.pi.sessions.list();
-            const tools = [...h.pi.tools.values()];
-            const byPlatform = list.reduce((a, s) => { const k = s.platform || '?'; a[k] = (a[k] || 0) + 1; return a; }, {});
-            const byModel = list.reduce((a, s) => { const k = s.model || '?'; a[k] = (a[k] || 0) + 1; return a; }, {});
-            return [
-                kpi([[list.length, 'sessions'], [tools.length, 'tools']]),
-                panel('sessions by platform', Object.keys(byPlatform).length === 0 ? el('div', 'fdash-empty', { text: 'no data' }) : table(['platform', 'count'], Object.entries(byPlatform))),
-                panel('sessions by model', Object.keys(byModel).length === 0 ? el('div', 'fdash-empty', { text: 'no data' }) : table(['model', 'count'], Object.entries(byModel))),
-                panel('tools', table(['name', 'description'], tools.map(t => [t.name, (t.description || '').slice(0, 80)]))),
-            ];
-        },
-        async models(h) {
-            const cfg = h.pi.config.load();
-            const agent = cfg.agent || {};
-            const form = el('form', 'fdash-form', { on: { submit: (ev) => {
-                ev.preventDefault();
-                h.pi.config.saveValue('agent.provider', ev.target.elements.provider.value);
-                h.pi.config.saveValue('agent.model', ev.target.elements.model.value);
-                render();
-            } } });
-            form.appendChild(el('input', null, { name: 'provider', placeholder: 'provider', value: agent.provider || '' }));
-            form.appendChild(el('input', null, { name: 'model', placeholder: 'model id', value: agent.model || '' }));
-            form.appendChild(el('button', null, { type: 'submit', text: 'update' }));
-            return [
-                kpi([[agent.provider || '—', 'provider'], [agent.model || '—', 'model']]),
-                panel('active model', table(['key', 'value'], [
-                    ['provider', agent.provider || '(unset)'],
-                    ['model', agent.model || '(unset)'],
-                    ['max_iterations', String(agent.max_iterations || '—')],
-                ])),
-                panel('change model', form),
-            ];
-        },
-        async logs(h) {
-            const dbg = h.pi.debug();
-            return [
-                panel('host debug snapshot', pre(dbg)),
-            ];
-        },
-        async cron(h) {
-            const list = await h.pi.cron.list();
-            const form = el('form', 'fdash-form', { on: { submit: async (ev) => {
-                ev.preventDefault();
-                try { await h.pi.cron.create({ cron: ev.target.elements.cron.value, prompt: ev.target.elements.prompt.value }); render(); }
-                catch (e) { alert(e.message); }
-            } } });
-            form.appendChild(el('input', null, { name: 'cron', placeholder: '* * * * *', required: 'true' }));
-            form.appendChild(el('input', null, { name: 'prompt', placeholder: 'prompt', required: 'true' }));
-            form.appendChild(el('button', null, { type: 'submit', text: 'create' }));
-            const tbl = list.length === 0
-                ? el('div', 'fdash-empty', { text: 'no cron jobs' })
-                : table(['id', 'cron', 'prompt', 'enabled'], list.map(j => [j.id, j.cron, (j.prompt || '').slice(0, 40), j.enabled ? 'yes' : 'no']));
-            return [
-                kpi([[list.length, 'cron jobs']]),
-                panel('add job', form),
-                panel('jobs', tbl, list.length),
-            ];
-        },
-        async skills(h) {
-            const list = [...h.pi.skills.values()];
-            const byCat = list.reduce((a, s) => { (a[s.category || 'other'] = a[s.category || 'other'] || []).push(s); return a; }, {});
-            const out = [kpi([[list.length, 'skills'], [Object.keys(byCat).length, 'categories']])];
-            for (const [cat, ss] of Object.entries(byCat)) {
-                out.push(panel(cat, table(['name', 'description'], ss.map(s => [s.shortName || s.name, (s.description || '').slice(0, 80)])), ss.length));
-            }
-            return out;
-        },
-        async config(h) {
-            const cfg = h.pi.config.load();
-            const profiles = h.pi.profiles.list();
-            const commands = h.pi.commands.list();
-            const form = el('form', 'fdash-form', { on: { submit: (ev) => {
-                ev.preventDefault();
-                let v = ev.target.elements.value.value;
-                try { v = JSON.parse(v); } catch {}
-                h.pi.config.saveValue(ev.target.elements.key.value, v);
-                render();
-            } } });
-            form.appendChild(el('input', null, { name: 'key', placeholder: 'dotted.key', required: 'true' }));
-            form.appendChild(el('input', null, { name: 'value', placeholder: 'value (json or string)', required: 'true' }));
-            form.appendChild(el('button', null, { type: 'submit', text: 'save' }));
-            return [
-                kpi([[profiles.length, 'profiles'], [commands.length, 'commands'], [cfg._config_version || 0, 'config version']]),
-                panel('set value', form),
-                panel('commands', table(['name', 'category', 'description'], commands.map(c => [c.name, c.category, c.description])), commands.length),
-                panel('active config', pre(cfg)),
-            ];
-        },
-        async env(h) {
-            const list = h.pi.env.list();
-            const setCount = list.filter(k => k.set).length;
-            const chips = el('div');
-            for (const k of list) {
-                const c = el('span', 'fdash-chip ' + (k.set ? 'ok' : 'miss'), { text: k.key + (k.set ? ' ✓' : '') });
-                c.addEventListener('click', () => {
-                    const v = prompt('set ' + k.key + ' (empty to unset):');
-                    if (v == null) return;
-                    h.pi.env.set(k.key, v);
-                    render();
-                });
-                chips.appendChild(c);
-            }
-            return [
-                kpi([[setCount, 'set'], [list.length - setCount, 'missing'], [list.length, 'total known']]),
-                panel('environment variables (click to set/unset)', chips),
-            ];
-        },
-        async tools(h) {
-            const list = [...h.pi.tools.values()];
-            return [
-                kpi([[list.length, 'tools']]),
-                panel('all tools', table(['name', 'description'], list.map(t => [t.name, (t.description || '').slice(0, 100)])), list.length),
-            ];
-        },
-        async batch(h) {
-            const out = el('div');
-            const form = el('form', 'fdash-form', { on: { submit: async (ev) => {
-                ev.preventDefault();
-                const prompts = ev.target.elements.prompts.value.split('\n').map(s => s.trim()).filter(Boolean);
-                if (!prompts.length) return;
-                out.textContent = 'running…';
-                try { const r = await h.pi.batch.run({ prompts, concurrency: Number(ev.target.elements.conc.value) || 4 });
-                    out.innerHTML = ''; out.appendChild(pre(r));
-                } catch (e) { out.textContent = 'error: ' + (e.message || e); }
-            } } });
-            const ta = el('textarea', null, { name: 'prompts', rows: '5', placeholder: 'one prompt per line' });
-            form.appendChild(ta);
-            form.appendChild(el('input', null, { name: 'conc', type: 'number', value: '4' }));
-            form.appendChild(el('button', null, { type: 'submit', text: 'run' }));
-            return [
-                panel('run prompts', form),
-                panel('results', out),
-            ];
-        },
-        async gateway(h) {
-            const platforms = h.pi.gateway.platforms();
-            return [
-                kpi([[platforms.length, 'platforms'], [platforms.filter(p => p.enabled).length, 'active']]),
-                panel('platforms', table(['name', 'enabled', 'note'], platforms.map(p => [p.name, p.enabled ? 'yes' : 'no', p.note])), platforms.length),
-            ];
-        },
-        async ['os-instances']() {
-            const list = (osSurfaces && osSurfaces.instances && osSurfaces.instances()) || [];
-            const activeId = osSurfaces && osSurfaces.activeInstanceId && osSurfaces.activeInstanceId();
-            return [
-                kpi([[list.length, 'instances'], [activeId || '—', 'active']]),
-                panel('instances', table(['id', 'active', 'shells', 'windows'],
-                    list.map(i => [i.id, i.id === activeId ? '●' : '', String((i.shells || []).length), String((i.windows || []).length)])), list.length),
-            ];
-        },
-        async ['os-windows']() {
-            const wins = (osSurfaces && osSurfaces.wm && osSurfaces.wm.list && osSurfaces.wm.list()) || [];
-            const focused = osSurfaces && osSurfaces.wm && osSurfaces.wm.focused;
-            return [
-                kpi([[wins.length, 'windows'], [focused ? (focused.id || focused.title || '?') : '—', 'focused']]),
-                panel('windows', table(['id', 'title', 'min', 'max', 'pos'],
-                    wins.map(w => [w.id || '?', w.title || '', w.min ? '●' : '', w.max ? '●' : '',
-                        (w.el ? `${w.el.offsetLeft},${w.el.offsetTop} ${w.el.offsetWidth}×${w.el.offsetHeight}` : '')])), wins.length),
-            ];
-        },
-        async ['os-x']() {
-            const x = osSurfaces && osSurfaces.xServer && osSurfaces.xServer();
-            if (!x) return [el('div', 'fdash-empty', { text: 'x-server not running in this instance' })];
-            return [
-                kpi([[x.windows, 'windows'], [x.pixmaps, 'pixmaps'], [x.gcs, 'gcs'], [x.atoms, 'atoms'], [x.cursors, 'cursors']]),
-                panel('display', pre(x)),
-            ];
-        },
-        async ['os-fs']() {
-            const list = await instance.fs.list('/');
-            return [
-                kpi([[list.length, 'paths'], [instance.id, 'instance']]),
-                panel('paths', el('pre', null, { text: list.join('\n') }), list.length),
-            ];
-        },
-    };
-
-    setActive('home');
-
-    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: [...ROUTES, ...OS_ROUTES].map(r => r.path), setActive, get active() { return active; } };
-    }
-
-    return { node: root, dispose() {} };
-}

package/src/web/vendor/anentrypoint-design/desktop/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/src/web/vendor/anentrypoint-design/desktop/index.js

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

package/src/web/vendor/anentrypoint-design/desktop/launcher.css

@@ -1,44 +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-dock + .wm-root { left: 56px !important; }

package/src/web/vendor/anentrypoint-design/desktop/shell.js

@@ -1,187 +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;
-    function setContext(ctx) { activeContext = ctx; }
-
-    function refreshTaskbar() {
-        taskbar.innerHTML = '';
-        for (const w of wm.list()) {
-            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 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 };
-            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,
-        openDrawer, closeDrawer, openMenu, closeMenu,
-        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;
-}