anentrypoint-design 0.0.121 → 0.0.124

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

@@ -1,58 +0,0 @@
-// Browser-pane paint surface — URL bar + iframe slot + status row. Consumer owns iframe.
-// renderBrowserPane({initialUrl, callbacks: {onNavigate, onReload, onBack, onForward}})
-//   -> {node, slot, setUrl, setStatus, dispose}.
-// slot is the container the consumer should append its iframe to.
-
-export function renderBrowserPane(opts = {}) {
-    const { initialUrl = 'about:blank', callbacks = {} } = opts;
-    const node = document.createElement('div');
-    node.className = 'app-pane browser-app';
-    node.dataset.component = 'browser-app';
-
-    const bar = document.createElement('div');
-    bar.className = 'browser-app-bar';
-
-    const mkBtn = (label, role) => {
-        const b = document.createElement('button');
-        b.type = 'button';
-        b.className = 'browser-app-btn';
-        b.dataset.role = role;
-        b.textContent = label;
-        return b;
-    };
-    const backBtn = mkBtn('<', 'back');
-    const fwdBtn = mkBtn('>', 'forward');
-    const reloadBtn = mkBtn('reload', 'reload');
-
-    const urlInput = document.createElement('input');
-    urlInput.type = 'text';
-    urlInput.className = 'browser-app-url';
-    urlInput.value = initialUrl;
-    urlInput.spellcheck = false;
-    urlInput.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter' && callbacks.onNavigate) callbacks.onNavigate(urlInput.value);
-    });
-    backBtn.addEventListener('click', () => callbacks.onBack && callbacks.onBack());
-    fwdBtn.addEventListener('click', () => callbacks.onForward && callbacks.onForward());
-    reloadBtn.addEventListener('click', () => callbacks.onReload && callbacks.onReload());
-
-    bar.append(backBtn, fwdBtn, reloadBtn, urlInput);
-
-    const slot = document.createElement('div');
-    slot.className = 'browser-app-slot';
-    slot.dataset.role = 'iframe-mount';
-
-    const status = document.createElement('div');
-    status.className = 'browser-app-status';
-    status.textContent = '';
-
-    node.append(bar, slot, status);
-
-    return {
-        node,
-        get slot() { return slot; },
-        setUrl(u) { urlInput.value = u; },
-        setStatus(s) { status.textContent = s; },
-        dispose() {},
-    };
-}

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

@@ -1,44 +0,0 @@
-// Files-app paint surface — bible classes, pure DOM. Consumer provides callbacks.
-// renderFilesApp({list, readFile}) -> {node, refresh, dispose}.
-// list() -> Promise<string[]>; readFile(path) -> Promise<string|Uint8Array>.
-// Header text comes from {label} (consumer assembles "<id> — N files").
-
-export function renderFilesApp(opts = {}) {
-    const { list, readFile, label = '', pollMs = 2000 } = opts;
-    const node = document.createElement('div');
-    node.className = 'app-pane mono';
-    node.dataset.component = 'files-app';
-
-    let preview = null;
-    async function refresh() {
-        const items = await list();
-        node.innerHTML = '';
-        const head = document.createElement('div');
-        head.className = 'head';
-        head.textContent = (label ? label + ' — ' : '') + items.length + ' files';
-        node.appendChild(head);
-        for (const p of items) {
-            const row = document.createElement('div');
-            row.className = 'row';
-            row.textContent = p;
-            row.addEventListener('click', async () => {
-                const body = await readFile(p);
-                if (preview) preview.remove();
-                preview = document.createElement('pre');
-                preview.textContent = String(body);
-                node.appendChild(preview);
-            });
-            node.appendChild(row);
-        }
-    }
-
-    let timer = null;
-    refresh().catch(() => {});
-    if (pollMs > 0) timer = setInterval(() => refresh().catch(() => {}), pollMs);
-
-    return {
-        node,
-        refresh,
-        dispose() { if (timer) clearInterval(timer); },
-    };
-}

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

@@ -1,59 +0,0 @@
-import * as webjsx from '../../../../vendor/webjsx/index.js';
-const h = webjsx.createElement;
-
-export function pre(obj) {
-    return h('pre', { class: 'fd-pre' }, typeof obj === 'string' ? obj : JSON.stringify(obj, null, 2));
-}
-
-export function form(opts) {
-    const { fields = [], submit = 'submit', onSubmit } = opts;
-    return h('form', { class: 'row-form', onsubmit: (ev) => { ev.preventDefault(); onSubmit && onSubmit(ev); } },
-        ...fields.map(f => f.kind === 'textarea'
-            ? h('textarea', { name: f.name, placeholder: f.placeholder || '', rows: f.rows || 4 })
-            : h('input', { name: f.name, type: f.type || 'text', placeholder: f.placeholder || '', value: f.value || '', required: f.required ? 'true' : null })),
-        h('button', { type: 'submit', class: 'btn-primary' }, submit));
-}
-
-export function getRecentPaths() {
-    try { return JSON.parse(localStorage.getItem('fd_recent_cwds') || '[]'); } catch { return []; }
-}
-
-export function saveRecentPath(p) {
-    if (!p) return;
-    try {
-        const prev = getRecentPaths().filter(x => x !== p);
-        localStorage.setItem('fd_recent_cwds', JSON.stringify([p, ...prev].slice(0, 5)));
-    } catch {}
-}
-
-export function skillLabel(s) {
-    if (s.shortName) return s.shortName;
-    const n = s.name || '';
-    return n.replace(/^gm:/, '').replace(/^software-development$/, 'software dev').replace(/-/g, ' ');
-}
-
-export function renderChatMessages(container, messages) {
-    if (!container) return;
-    container.innerHTML = '';
-    for (const m of messages) {
-        if (m.role === 'tool') {
-            const det = document.createElement('details');
-            det.className = 'fd-chatlog-tool';
-            const sum = document.createElement('summary');
-            sum.className = 'fd-chatlog-tool-sum';
-            sum.textContent = '⚒ ' + m.name + (m.argsSummary ? ' ' + m.argsSummary : '');
-            det.appendChild(sum);
-            const body = document.createElement('pre');
-            body.className = 'fd-chatlog-tool-body';
-            body.textContent = m.content || '';
-            det.appendChild(body);
-            container.appendChild(det);
-        } else {
-            const el = document.createElement('div');
-            el.className = 'fd-chatlog-msg fd-chatlog-' + (m.role === 'assistant' ? 'assistant' : 'user');
-            el.textContent = (m.role === 'assistant' ? '◈ ' : '▷ ') + (m.content || '');
-            container.appendChild(el);
-        }
-    }
-    container.scrollTop = container.scrollHeight;
-}

package/dist/src/kits/os/freddie/pages-chat.js

@@ -1,143 +0,0 @@
-// Chat page — its own module because of SSE plumbing weight.
-import * as webjsx from '../../../../vendor/webjsx/index.js';
-import * as components from '../../../components.js';
-import { getRecentPaths, saveRecentPath, skillLabel, renderChatMessages } from './helpers.js';
-
-const h = webjsx.createElement;
-const { Panel, Receipt, Chip } = components;
-
-function parseSseEvents(text) {
-    const events = [];
-    let curEvent = null, curData = '';
-    for (const line of text.split('\n')) {
-        if (line.startsWith('event: ')) { curEvent = line.slice(7).trim(); }
-        else if (line.startsWith('data: ')) { curData = line.slice(6).trim(); }
-        else if (line === '' && curEvent) {
-            try { events.push({ event: curEvent, data: JSON.parse(curData) }); } catch {}
-            curEvent = null; curData = '';
-        }
-    }
-    return events;
-}
-
-export function makeChatPage(ctx) {
-    return async function chat(h0) {
-        const root = ctx.root;
-        const skills = [...h0.pi.skills.values()];
-        const providers = await fetch('/api/providers').then(r => r.json()).catch(() => []);
-        const configuredProviders = providers.filter(p => p.configured);
-
-        const chatState = window.__fd_chatState = window.__fd_chatState || {
-            cwd: '', skill: '', provider: '', model: '', messages: [], busy: false, sessionId: null,
-        };
-        if (!chatState.cwd) chatState.cwd = (getRecentPaths()[0] || '');
-
-        const getMsgsContainer = () => root.querySelector('#fd-chat-msgs');
-
-        const newSession = () => {
-            if (chatState.busy) return;
-            chatState.messages = [];
-            chatState.sessionId = null;
-            renderChatMessages(getMsgsContainer(), chatState.messages);
-        };
-
-        const sendChat = async (ev) => {
-            ev.preventDefault();
-            if (chatState.busy) return;
-            const promptEl = ev.target.elements.prompt;
-            const prompt = promptEl.value.trim();
-            if (!prompt) return;
-            chatState.messages.push({ role: 'user', content: prompt });
-            promptEl.value = '';
-            promptEl.style.height = 'auto';
-            chatState.busy = true;
-            saveRecentPath(chatState.cwd);
-            renderChatMessages(getMsgsContainer(), chatState.messages);
-            try {
-                const body = { prompt, cwd: chatState.cwd || undefined, skill: chatState.skill || undefined, provider: chatState.provider || undefined, model: chatState.model || undefined, sessionId: chatState.sessionId || undefined };
-                const resp = await fetch('/api/chat', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) });
-                const text = await resp.text();
-                const events = parseSseEvents(text);
-                let assistantContent = '';
-                for (const { event, data } of events) {
-                    if (event === 'start' && data.sessionId) chatState.sessionId = data.sessionId;
-                    if (event === 'done' && data.sessionId) chatState.sessionId = data.sessionId;
-                    if (event === 'message') {
-                        const role = data.role;
-                        if (role === 'assistant') {
-                            const content = Array.isArray(data.content) ? data.content : [{ type: 'text', text: String(data.content || '') }];
-                            for (const block of content) {
-                                if (block.type === 'text') assistantContent += block.text;
-                                if (block.type === 'tool_use') {
-                                    if (assistantContent) { chatState.messages.push({ role: 'assistant', content: assistantContent }); assistantContent = ''; }
-                                    const argsSummary = JSON.stringify(block.input || {}).slice(0, 60);
-                                    chatState.messages.push({ role: 'tool', name: block.name, argsSummary, content: JSON.stringify(block.input || {}, null, 2) });
-                                }
-                            }
-                        } else if (role === 'tool') {
-                            const tc = Array.isArray(data.content) ? data.content[0] : data;
-                            chatState.messages.push({ role: 'tool', name: 'result', argsSummary: '', content: String(tc?.content || tc?.text || JSON.stringify(tc)) });
-                        }
-                    }
-                    if (event === 'done' && data.result) { if (!assistantContent) assistantContent = data.result; }
-                    if (event === 'error') assistantContent = 'error: ' + (data.error || 'unknown');
-                }
-                if (assistantContent) chatState.messages.push({ role: 'assistant', content: assistantContent });
-                if (!events.length) chatState.messages.push({ role: 'assistant', content: '(no response)' });
-            } catch (e) {
-                chatState.messages.push({ role: 'assistant', content: 'error: ' + e.message });
-            }
-            chatState.busy = false;
-            renderChatMessages(getMsgsContainer(), chatState.messages);
-        };
-
-        const recentPaths = getRecentPaths();
-        const datalistId = 'fd-cwd-list';
-        const byCat = skills.reduce((a, s) => { const c = s.category || 'other'; (a[c] = a[c] || []).push(s); return a; }, {});
-
-        setTimeout(() => renderChatMessages(getMsgsContainer(), chatState.messages), 50);
-
-        const selSkill = h('select', { name: 'skill', onchange: (ev) => { chatState.skill = ev.target.value; } },
-            h('option', { value: '' }, '— no skill —'),
-            ...Object.entries(byCat).map(([cat, ss]) =>
-                h('optgroup', { label: cat },
-                    ...ss.map(s => h('option', { value: s.name, selected: chatState.skill === s.name ? 'true' : null, title: s.description || s.name }, skillLabel(s)))
-                )));
-
-        const selProv = h('select', { name: 'provider', onchange: (ev) => { chatState.provider = ev.target.value; } },
-            h('option', { value: '' }, configuredProviders.length ? '— auto —' : '— no providers configured —'),
-            ...configuredProviders.map(p => h('option', { value: p.name, selected: chatState.provider === p.name ? 'true' : null }, (p.available ? '● ' : '○ ') + p.name)));
-
-        return [
-            Panel({
-                title: 'chat',
-                right: h('button', { class: 'btn-primary fd-btn-mini', onclick: (ev) => { ev.preventDefault(); newSession(); }, disabled: chatState.busy ? 'true' : null }, '+ new session'),
-                children: [
-                    h('datalist', { id: datalistId }, ...recentPaths.map(p => h('option', { value: p }))),
-                    h('form', { class: 'row-form fd-chat-form', onsubmit: sendChat },
-                        h('div', { class: 'fd-chat-field' },
-                            h('label', {}, 'working directory'),
-                            h('input', { name: 'cwd', type: 'text', placeholder: 'e.g. C:/dev/myproject or /home/user/project', value: chatState.cwd, list: datalistId, oninput: (ev) => { chatState.cwd = ev.target.value; } })),
-                        h('div', { class: 'fd-chat-row' },
-                            h('div', { class: 'fd-chat-field fd-chat-field-grow' }, h('label', {}, 'skill'), selSkill),
-                            h('div', { class: 'fd-chat-field fd-chat-field-grow' }, h('label', {}, 'provider'), selProv),
-                            h('div', { class: 'fd-chat-field fd-chat-field-grow' }, h('label', {}, 'model (optional)'),
-                                h('input', { name: 'model', type: 'text', placeholder: configuredProviders.find(p => p.name === chatState.provider)?.defaultModel || 'default', value: chatState.model, oninput: (ev) => { chatState.model = ev.target.value; } }))),
-                        h('div', { class: 'fd-chat-submit' },
-                            h('textarea', { name: 'prompt', placeholder: 'describe what you want to do in the working directory…', rows: 4,
-                                oninput: (ev) => { ev.target.style.height = 'auto'; ev.target.style.height = Math.min(ev.target.scrollHeight, 240) + 'px'; } }),
-                            h('button', { type: 'submit', class: 'btn-primary', disabled: chatState.busy ? 'true' : null }, chatState.busy ? '…' : 'send'))),
-                    h('div', { id: 'fd-chat-msgs', class: 'fd-chatlog' }),
-                ],
-            }),
-            configuredProviders.length === 0
-                ? Panel({ title: 'no providers configured', children: Receipt({ rows: [
-                    ['set API key', 'go to keys tab, click a provider chip to set its key'],
-                    ['then reload', 'refresh this page to see providers here'],
-                    ['or use acptoapi', 'run acptoapi server on localhost:4800 for local LLMs'],
-                ] }) })
-                : Panel({ title: 'configured providers', children: h('div', { class: 'fd-chip-wrap' },
-                    ...providers.map(p => Chip({ tone: p.configured ? (p.available ? 'ok' : 'warn') : 'miss', children: p.name + (p.configured ? (p.available ? ' ●' : ' ○') : '') }))) }),
-        ];
-    };
-}

package/dist/src/kits/os/freddie/pages-core.js

@@ -1,101 +0,0 @@
-// Core freddie pages: projects, home, sessions, agents, logs.
-import * as webjsx from '../../../../vendor/webjsx/index.js';
-import * as components from '../../../components.js';
-import { pre, form, skillLabel } from './helpers.js';
-
-const h = webjsx.createElement;
-const { Panel, Row, Hero, Receipt, Kpi, Table, EmptyState } = components;
-
-export function makeCorePages(ctx) {
-    return {
-        async projects(h0) {
-            const list = h0.pi.projects.list();
-            const activeProj = (typeof h0.pi.projects.active === 'function') ? h0.pi.projects.active() : null;
-            const rows = list.map(p => Row({
-                key: p.name,
-                code: p.name === activeProj?.name ? '●' : '○',
-                title: p.name + (p.name === activeProj?.name ? '  (active)' : ''),
-                meta: p.path,
-                onClick: () => { if (p.name !== activeProj?.name) try { h0.pi.projects.setActive(p.name); ctx.rerender(); } catch (e) { alert(e.message); } },
-            }));
-            return [
-                Hero({ title: 'projects', body: 'each project is its own ~/.freddie home: separate sessions, agents, skills, config, env, cron, batches.', accent: activeProj ? 'active · ' + activeProj.name : 'no active project' }),
-                Kpi({ items: [[list.length, 'projects'], [activeProj?.name || '—', 'active'], [activeProj?.path?.length > 30 ? '…' + activeProj.path.slice(-28) : (activeProj?.path || '—'), 'path']] }),
-                Panel({ title: 'add a project', children: form({
-                    fields: [{ name: 'name', placeholder: 'project name', required: true }, { name: 'path', placeholder: '/abs/path' }],
-                    submit: 'add',
-                    onSubmit: (ev) => { try { h0.pi.projects.create({ name: ev.target.elements.name.value, path: ev.target.elements.path.value }); ctx.rerender(); } catch (e) { alert(e.message); } },
-                }) }),
-                Panel({ title: 'all projects', count: list.length, children: rows.length ? rows : EmptyState({ text: 'no projects', glyph: '◆' }) }),
-                Panel({ title: 'how encapsulation works', children: Receipt({ rows: [
-                    ['sessions db', '<project>/sessions.db'],
-                    ['config', '<project>/config.json'],
-                    ['skills', '<project>/skills/'],
-                    ['plugins', '<project>/plugins/'],
-                    ['cron', '<project>/cron.db'],
-                    ['batches', '<project>/batches/'],
-                    ['logs', '<project>/logs/'],
-                    ['auth', '<project>/auth.json'],
-                ] }) }),
-            ];
-        },
-        async home(h0) {
-            const sessions = await h0.pi.sessions.list();
-            const tools = h0.pi.tools.size;
-            const skills = h0.pi.skills.size;
-            const health = (typeof h0.pi.health === 'function') ? h0.pi.health() : { ok: true };
-            return [
-                Hero({ title: 'freddie', body: 'open js agent harness — pi-mono · xstate · floosie · anentrypoint-design.', accent: h0.version || 'web' }),
-                Kpi({ items: [[sessions.length, 'sessions'], [tools, 'tools'], [skills, 'skills']] }),
-                Panel({ title: 'quick start', children: Receipt({ rows: [
-                    ['open chat',   "click 'chat' in sidebar — set a working directory and pick a skill"],
-                    ['pick skill',  "software dev, research, planning — shown with descriptions"],
-                    ['pick model',  "select a configured provider + model in the chat bar"],
-                    ['list tools',  '/tools in chat → tools tab'],
-                    ['set api key', 'keys tab → click chip to set value'],
-                    ['add cron',    'cron tab → form'],
-                ] }) }),
-                Panel({ title: 'host', children: Receipt({ rows: Object.entries(health).map(([k, v]) => [k, String(v)]) }) }),
-            ];
-        },
-        async sessions(h0) {
-            const list = await h0.pi.sessions.list();
-            const rows = list.map(s => {
-                const cont = h('button', {
-                    class: 'btn-primary fd-btn-mini',
-                    onclick: async () => {
-                        const msgs = await h0.pi.sessions.getMessages(s.id);
-                        const cs = window.__fd_chatState = window.__fd_chatState || { messages: [], busy: false, sessionId: null, cwd: '', skill: '', provider: '', model: '' };
-                        cs.sessionId = s.id;
-                        cs.messages = msgs.map(m => ({ role: m.role, content: String(m.content || '') }));
-                        if (s.cwd) cs.cwd = s.cwd;
-                        if (s.skill) cs.skill = s.skill;
-                        if (typeof window.__fd_nav === 'function') window.__fd_nav('chat');
-                    },
-                }, 'continue');
-                return [(s.id || '').slice(0, 8), s.title || '—', s.platform || '—', s.model || '—', s.cwd ? s.cwd.slice(-30) : '—', s.skill ? skillLabel({ name: s.skill }) : '—', cont];
-            });
-            return [
-                Kpi({ items: [[list.length, 'sessions']] }),
-                Panel({ title: 'recent sessions', count: list.length, children: list.length === 0
-                    ? EmptyState({ text: 'no sessions yet — open chat and send a message', glyph: '✉' })
-                    : Table({ headers: ['id', 'title', 'platform', 'model', 'cwd', 'skill', ''], rows }) }),
-            ];
-        },
-        async agents(h0) {
-            const a = (typeof h0.pi.agents === 'function') ? await h0.pi.agents() : { count: 0, turns: 0, active: null };
-            return [
-                Kpi({ items: [[a.count || 0, 'active'], [a.turns || 0, 'turns']] }),
-                Panel({ title: 'agent overview', children: Receipt({ rows: [
-                    ['total turns', String(a.turns || 0)],
-                    ['active session', a.active || '(none)'],
-                    ['last activity', a.last_activity ? new Date(a.last_activity).toLocaleString() : '—'],
-                ] }) }),
-            ];
-        },
-        async logs(h0) {
-            const dbg = (typeof h0.pi.debug === 'function') ? h0.pi.debug() : { note: 'no debug surface' };
-            return [Panel({ title: 'host debug snapshot', children: pre(dbg) })];
-        },
-    };
-}

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

@@ -1,51 +0,0 @@
-// OS-overlay freddie pages, only mounted when osSurfaces is provided.
-import * as components from '../../../components.js';
-import { pre } from './helpers.js';
-
-const { Panel, Kpi, Table, EmptyState } = components;
-
-export function makeOsPages(ctx) {
-    const { osSurfaces, instance } = ctx;
-    return {
-        async ['os-instances']() {
-            const list = (osSurfaces && osSurfaces.instances && osSurfaces.instances()) || [];
-            const activeId = osSurfaces && osSurfaces.activeInstanceId && osSurfaces.activeInstanceId();
-            return [
-                Kpi({ items: [[list.length, 'instances'], [activeId || '—', 'active']] }),
-                Panel({ title: 'instances', count: list.length, children: list.length === 0
-                    ? EmptyState({ text: 'no instances', glyph: '◫' })
-                    : Table({ headers: ['id', 'active', 'shells', 'windows'],
-                        rows: list.map(i => [i.id, i.id === activeId ? '●' : '', String((i.shells || []).length), String((i.windows || []).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({ items: [[wins.length, 'windows'], [focused ? (focused.id || focused.title || '?') : '—', 'focused']] }),
-                Panel({ title: 'windows', count: wins.length, children: wins.length === 0
-                    ? EmptyState({ text: 'no windows open', glyph: '▭' })
-                    : Table({ headers: ['id', 'title', 'min', 'max', 'pos'],
-                        rows: 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}` : '')]) }) }),
-            ];
-        },
-        async ['os-x']() {
-            const x = osSurfaces && osSurfaces.xServer && osSurfaces.xServer();
-            if (!x) return [Panel({ title: 'x-server', children: EmptyState({ text: 'x-server not running in this instance', glyph: '✕' }) })];
-            return [
-                Kpi({ items: [[x.windows, 'windows'], [x.pixmaps, 'pixmaps'], [x.gcs, 'gcs'], [x.atoms, 'atoms'], [x.cursors, 'cursors']] }),
-                Panel({ title: 'display', children: pre(x) }),
-            ];
-        },
-        async ['os-fs']() {
-            const list = await instance.fs.list('/');
-            return [
-                Kpi({ items: [[list.length, 'paths'], [instance.id, 'instance']] }),
-                Panel({ title: 'paths', count: list.length, children: list.length === 0
-                    ? EmptyState({ text: 'empty fs', glyph: '📁' })
-                    : pre(list.join('\n')) }),
-            ];
-        },
-    };
-}

package/dist/src/kits/os/freddie/pages-tools.js

@@ -1,183 +0,0 @@
-// Tools-ish freddie pages: analytics, models, cron, skills, config, env, tools, batch, gateway.
-import * as webjsx from '../../../../vendor/webjsx/index.js';
-import * as components from '../../../components.js';
-import { pre, form, skillLabel } from './helpers.js';
-
-const h = webjsx.createElement;
-const { Panel, Row, Receipt, Kpi, Table, Section, EmptyState, Chip } = components;
-
-export function makeToolsPages(ctx) {
-    const { rerender } = ctx;
-    return {
-        async analytics(h0) {
-            const list = await h0.pi.sessions.list();
-            const tools = [...h0.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; }, {});
-            const byToolset = tools.reduce((a, t) => { (a[t.toolset || 'core'] = a[t.toolset || 'core'] || []).push(t.name); return a; }, {});
-            return [
-                Kpi({ items: [[list.length, 'sessions'], [tools.length, 'tools']] }),
-                Panel({ title: 'sessions by platform', children: Object.keys(byPlatform).length === 0
-                    ? EmptyState({ text: 'no data', glyph: '◉' })
-                    : Table({ headers: ['platform', 'count'], rows: Object.entries(byPlatform).sort((a, b) => b[1] - a[1]) }) }),
-                Panel({ title: 'sessions by model', children: Object.keys(byModel).length === 0
-                    ? EmptyState({ text: 'no data', glyph: '◎' })
-                    : Table({ headers: ['model', 'count'], rows: Object.entries(byModel).sort((a, b) => b[1] - a[1]) }) }),
-                Panel({ title: 'tool distribution', children: Table({ headers: ['toolset', 'count', 'tools'],
-                    rows: Object.entries(byToolset).map(([k, v]) => [k, v.length, v.slice(0, 4).join(', ') + (v.length > 4 ? '…' : '')]) }) }),
-            ];
-        },
-        async models(h0) {
-            const cfg = (typeof h0.pi.config?.load === 'function') ? await h0.pi.config.load() : {};
-            const agent = cfg.agent || {};
-            const providers = await fetch('/api/providers').then(r => r.json()).catch(() => []);
-            return [
-                Kpi({ items: [[agent.provider || '—', 'provider'], [agent.model || '—', 'model']] }),
-                Panel({ title: 'active model', children: Receipt({ rows: [
-                    ['provider', agent.provider || '(unset)'],
-                    ['model', agent.model || '(unset)'],
-                    ['max_iterations', String(agent.max_iterations || '—')],
-                    ['max_tokens', String(agent.max_tokens || '—')],
-                    ['temperature', String(agent.temperature ?? '—')],
-                ] }) }),
-                Panel({ title: 'change model', children: form({
-                    fields: [{ name: 'provider', placeholder: 'provider', value: agent.provider || '' }, { name: 'model', placeholder: 'model id', value: agent.model || '' }],
-                    submit: 'update',
-                    onSubmit: async (ev) => {
-                        await h0.pi.config.saveValue('agent.provider', ev.target.elements.provider.value);
-                        await h0.pi.config.saveValue('agent.model', ev.target.elements.model.value);
-                        rerender();
-                    },
-                }) }),
-                Panel({ title: 'provider availability', children: h('div', { class: 'fd-chip-wrap' },
-                    ...providers.map(p => Chip({ tone: p.configured ? (p.available ? 'ok' : 'warn') : 'miss', children: p.name + (p.configured ? (p.available ? ' ●' : ' ○') : ' ·') }))
-                ) }),
-            ];
-        },
-        async cron(h0) {
-            const list = await h0.pi.cron.list();
-            return [
-                Kpi({ items: [[list.length, 'cron jobs']] }),
-                Panel({ title: 'add job', children: form({
-                    fields: [{ name: 'cron', placeholder: '* * * * *', required: true }, { name: 'prompt', placeholder: 'prompt', required: true }],
-                    submit: 'create',
-                    onSubmit: async (ev) => { try { await h0.pi.cron.create({ cron: ev.target.elements.cron.value, prompt: ev.target.elements.prompt.value }); rerender(); } catch (e) { alert(e.message); } },
-                }) }),
-                Panel({ title: 'scheduled jobs', count: list.length, children: list.length === 0
-                    ? EmptyState({ text: 'no cron jobs — add one above', glyph: '◷' })
-                    : Table({ headers: ['id', 'cron', 'prompt', 'enabled'],
-                        rows: list.map(j => [j.id, j.cron, (j.prompt || '').slice(0, 40), j.enabled ? 'yes' : 'no']) }) }),
-            ];
-        },
-        async skills(h0) {
-            const list = [...h0.pi.skills.values()];
-            const byCat = list.reduce((a, s) => { (a[s.category || 'other'] = a[s.category || 'other'] || []).push(s); return a; }, {});
-            return [
-                Kpi({ items: [[list.length, 'skills'], [Object.keys(byCat).length, 'categories']] }),
-                list.length === 0 ? EmptyState({ text: 'no skills loaded — add SKILL.md files to ~/.freddie/skills/', glyph: '◈' }) : null,
-                ...Object.entries(byCat).map(([cat, ss]) => Panel({ title: cat, count: ss.length,
-                    children: ss.length === 0 ? EmptyState({ text: 'none', glyph: '◈' })
-                        : Table({ headers: ['name', 'description'], rows: ss.map(s => [skillLabel(s), (s.description || '').slice(0, 120)]) }) })),
-            ].filter(Boolean);
-        },
-        async config(h0) {
-            const cfg = (typeof h0.pi.config?.load === 'function') ? await h0.pi.config.load() : {};
-            const profiles = (typeof h0.pi.profiles?.list === 'function') ? h0.pi.profiles.list() : [];
-            const commands = (typeof h0.pi.commands?.list === 'function') ? h0.pi.commands.list() : [];
-            return [
-                Kpi({ items: [[profiles.length, 'profiles'], [commands.length, 'commands'], [cfg._config_version || 0, 'config version']] }),
-                Panel({ title: 'set config value', children: form({
-                    fields: [{ name: 'key', placeholder: 'dotted.key (e.g. agent.model)', required: true }, { name: 'value', placeholder: 'value (json or string)', required: true }],
-                    submit: 'save',
-                    onSubmit: async (ev) => {
-                        let v = ev.target.elements.value.value;
-                        try { v = JSON.parse(v); } catch {}
-                        await h0.pi.config.saveValue(ev.target.elements.key.value, v);
-                        rerender();
-                    },
-                }) }),
-                Panel({ title: 'commands', count: commands.length,
-                    children: Table({ headers: ['name', 'category', 'description'], rows: commands.map(c => [c.name, c.category || '', c.description || '']) }) }),
-                Panel({ title: 'active config', children: pre(cfg) }),
-            ];
-        },
-        async env(h0) {
-            const list = (typeof h0.pi.env?.list === 'function') ? h0.pi.env.list() : [];
-            const setCount = list.filter(k => k.set).length;
-            const chipNodes = list.map(k => h(
-                'span',
-                {
-                    key: k.key,
-                    class: 'fd-env-chip',
-                    onclick: () => {
-                        const v = prompt('set ' + k.key + ' (empty to unset):');
-                        if (v == null) return;
-                        if (typeof h0.pi.env.set === 'function') { h0.pi.env.set(k.key, v); rerender(); }
-                    },
-                },
-                Chip({ tone: k.set ? 'ok' : 'miss', children: k.key + (k.set ? ' ✓' : ' ·') })
-            ));
-            return [
-                Kpi({ items: [[setCount, 'set'], [list.length - setCount, 'missing'], [list.length, 'total known']] }),
-                Panel({
-                    title: 'environment variables',
-                    right: h('span', {}, Chip({ tone: 'ok', children: setCount + ' set' }), ' ', Chip({ tone: 'miss', children: (list.length - setCount) + ' missing' })),
-                    children: h('div', { class: 'fd-chip-wrap fd-chip-wrap-padded' }, ...chipNodes),
-                }),
-            ];
-        },
-        async tools(h0) {
-            const list = [...h0.pi.tools.values()];
-            const byToolset = list.reduce((a, t) => { (a[t.toolset || 'core'] = a[t.toolset || 'core'] || []).push(t); return a; }, {});
-            return [
-                Kpi({ items: [[list.length, 'tools'], [Object.keys(byToolset).length, 'toolsets']] }),
-                ...Object.entries(byToolset).map(([ts, items]) => Panel({ title: 'toolset · ' + ts, count: items.length,
-                    children: items.map(t => Row({ key: t.name, code: '⚒', title: t.name, sub: (t.description || (t.schema && t.schema.description) || '').slice(0, 80) })) })),
-            ];
-        },
-        async batch(h0) {
-            const out = h('div', { id: 'fd-batch-out' });
-            const root = ctx.root;
-            return [
-                Section({ title: '// batch runner', children: [
-                    Panel({ title: 'run prompts', children: form({
-                        fields: [{ name: 'prompts', kind: 'textarea', placeholder: 'one prompt per line' }, { name: 'concurrency', type: 'number', value: '4' }],
-                        submit: 'run',
-                        onSubmit: async (ev) => {
-                            const prompts = ev.target.elements.prompts.value.split('\n').map(s => s.trim()).filter(Boolean);
-                            if (!prompts.length) return;
-                            const node = root.querySelector('#fd-batch-out');
-                            if (node) node.textContent = 'running…';
-                            try {
-                                const r = await h0.pi.batch.run({ prompts, concurrency: Number(ev.target.elements.concurrency.value) || 4 });
-                                if (node) { node.innerHTML = ''; node.appendChild(document.createTextNode(JSON.stringify(r, null, 2))); }
-                            } catch (e) { if (node) node.textContent = 'error: ' + (e.message || e); }
-                        },
-                    }) }),
-                    Panel({ title: 'results', children: out }),
-                    Panel({ title: 'cli usage', children: Receipt({ rows: [
-                        ['run batch file', 'freddie batch prompts.txt'],
-                        ['set concurrency', 'freddie batch prompts.txt --concurrency 8'],
-                        ['jsonl output', 'freddie batch prompts.txt > out.jsonl'],
-                    ] }) }),
-                ] }),
-            ];
-        },
-        async gateway(h0) {
-            const platforms = (typeof h0.pi.gateway?.platforms === 'function') ? h0.pi.gateway.platforms() : [];
-            const active = platforms.filter(p => p.enabled);
-            return [
-                Kpi({ items: [[platforms.length, 'platforms'], [active.length, 'active']] }),
-                Panel({ title: 'platforms', count: platforms.length,
-                    right: active.length > 0 ? Chip({ tone: 'ok', children: active.length + ' active' }) : Chip({ tone: 'miss', children: 'none active' }),
-                    children: platforms.length === 0 ? EmptyState({ text: 'no platforms registered', glyph: '⇌' })
-                        : platforms.map(p => Row({ key: p.name, code: p.enabled ? '●' : '○', title: p.name, sub: p.note || '', meta: p.enabled ? 'enabled' : '' })) }),
-                Panel({ title: 'start gateway', children: Receipt({ rows: [
-                    ['webhook + api_server', 'freddie gateway --port 3000'],
-                    ['specific platform', 'TELEGRAM_BOT_TOKEN=… freddie gateway'],
-                    ['all platforms', 'set env vars per platform, then freddie gateway'],
-                ] }) }),
-            ];
-        },
-    };
-}