anentrypoint-design 0.0.102 → 0.0.104

package/src/app.js

@@ -1,156 +0,0 @@
-// Unified 247420 single-page app. Replaces the separate homepage,
-// project_page, writing, and manifesto entry points with one WebJSX page
-// that uses the design-system components and hash routing.
-import { h, mount, installStyles, components as C, motion } from './index.js';
-
-const data = {
-    nav: [['works', '#/works'], ['project', '#/project'], ['writing', '#/writing'], ['manifesto', '#/manifesto'], ['source ↗', 'https://github.com/AnEntrypoint']],
-    works: [
-        { code: '001', title: 'gm', sub: 'state machine for coding agents', meta: '2025 · 3k★', body: 'a tiny deterministic state machine that lets llms code without losing their minds. it thinks so you don\'t have to (as much).', href: '#/project', source: 'https://github.com/AnEntrypoint/gm' },
-        { code: '002', title: 'zellous', sub: 'production push-to-talk', meta: '2024 · live', body: 'hold the button. talk. someone on the other side hears you. opus codec, dynamic rooms, 50-message replay.', href: 'https://zellous.com', source: 'https://github.com/AnEntrypoint/zellous' },
-        { code: '003', title: 'spoint', sub: 'spawnpoint', meta: '2024 · live', body: 'the directory for "where should we start?" one url, one room, everyone lands in the same place.', href: 'https://spoint.world', source: 'https://github.com/AnEntrypoint/spoint' },
-        { code: '004', title: 'flatspace', sub: 'flat-file cms', meta: 'wip', body: 'still figuring out what to say about this one. come back tuesday.', href: 'https://github.com/AnEntrypoint/flatspace', source: 'https://github.com/AnEntrypoint/flatspace' },
-        { code: '005', title: 'thebird', sub: '—', meta: 'wip', body: 'yes, the name is a reference. no, we won\'t tell you to what.', href: 'https://github.com/AnEntrypoint/thebird', source: 'https://github.com/AnEntrypoint/thebird' },
-        { code: '006', title: 'mcp-repl', sub: 'repl for mcp', meta: '2024 · live', body: 'executenodejs, executedeno, executebash, astgrep_search.', href: 'https://github.com/AnEntrypoint/mcp-repl', source: 'https://github.com/AnEntrypoint/mcp-repl' },
-        { code: '007', title: 'mutagen', sub: 'adaptogen server', meta: '2024 · live', body: 'everything to do with a dapp deg3n. read the source.', href: 'https://github.com/AnEntrypoint/mutagen', source: 'https://github.com/AnEntrypoint/mutagen' },
-        { code: '008', title: 'techshaman', sub: 'member site', meta: 'ongoing', body: 'the official website for the techshaman.', href: 'https://github.com/AnEntrypoint/techshaman', source: 'https://github.com/AnEntrypoint/techshaman' }
-    ],
-    posts: [
-        { date: '2026.04.14', title: 'we were here first', tag: 'lore', href: 'https://247420.xyz' },
-        { date: '2026.03.22', title: 'gm v0.4 postmortem, or: why state machines', tag: 'gm', href: 'https://github.com/AnEntrypoint/gm' },
-        { date: '2026.02.09', title: 'push-to-talk is a protocol, not a feature', tag: 'zellous', href: 'https://github.com/AnEntrypoint/zellous' },
-        { date: '2025.12.11', title: 'against the vibe-coded interface', tag: 'manifesto', href: '#/manifesto' },
-        { date: '2025.10.03', title: 'notes on shipping weird', tag: 'notes', href: 'https://github.com/AnEntrypoint' }
-    ],
-    manifesto: [
-        { text: 'we are the creative department of the internet. always open (24/7). always a little bit high on possibility (420).' },
-        { text: 'move fast. break things. document honestly. ship the rough draft. humor is load-bearing.' },
-        { text: 'we will not tolerate simpleton design patterns, trifectas, gradients, or anything silly. nothing lame. we\'re internet natives and not easily pleased.', dim: true }
-    ],
-    currentlyShipping: [
-        { title: 'gm', sub: 'state machine v0.4.1', meta: 'live', live: true },
-        { title: 'zellous', sub: 'push-to-talk', meta: 'live', live: true },
-        { title: 'thebird', sub: '—', meta: 'wip', live: false }
-    ],
-    project: {
-        name: 'gm', tagline: 'state machine for coding agents. it thinks, so you don\'t have to (as much).',
-        install: 'npx -y @anentrypoint/mcp-gm',
-        receipt: [['status', 'live · ships tuesdays'], ['stars', '3,124'], ['license', 'MIT'], ['lang', 'typescript · deno'], ['size', '2.1mb'], ['deps', '0 runtime'], ['authors', 'the collective'], ['first commit', '2024.09.03']],
-        changelog: [
-            { date: '2026.04.20', ver: 'v0.4.1', msg: 'ship it. fixed the thing everyone complained about.' },
-            { date: '2026.03.22', ver: 'v0.4.0', msg: 'new state machine runtime. broke everything on purpose.' },
-            { date: '2026.02.09', ver: 'v0.3.7', msg: 'astgrep_search is now astgrep_enhanced_search.' },
-            { date: '2025.12.11', ver: 'v0.3.0', msg: 'first public release. gm, world.' }
-        ]
-    }
-};
-
-const state = {
-    route: parseRoute(),
-    opened: -1,
-    copied: false
-};
-
-function parseRoute() {
-    const m = (location.hash || '#/').slice(1).split('/').filter(Boolean);
-    return { page: m[0] || 'works', id: m[1] || null };
-}
-
-window.addEventListener('hashchange', () => {
-    state.route = parseRoute();
-    render();
-    requestAnimationFrame(() => {
-        motion.animateSelector('.app-main', 'fadeIn', { duration: 'var(--motion-base)' });
-    });
-});
-
-let render;
-
-function navigate(name) {
-    location.hash = '#/' + name;
-}
-
-function topbar() {
-    return C.Topbar({
-        brand: '247420', leaf: 'an entrypoint',
-        items: data.nav,
-        active: state.route.page,
-        onNav: navigate
-    });
-}
-
-function crumb() {
-    if (state.route.page === 'project') {
-        return C.Crumb({
-            trail: ['247420', 'gm'], leaf: 'overview',
-            right: [C.Chip({ tone: 'accent', children: '● live' }), C.Chip({ tone: 'dim', children: 'v0.4.1' })]
-        });
-    }
-    return C.Crumb({ trail: ['247420'], leaf: state.route.page });
-}
-
-function status() {
-    return C.Status({
-        left: ['main', '• 8 works', '• 5 posts'],
-        right: ['probably emerging', h('a', { href: 'https://github.com/AnEntrypoint' }, 'source ↗')]
-    });
-}
-
-function pageMain() {
-    const r = state.route.page;
-    if (r === 'project') {
-        return C.ProjectView({
-            project: data.project,
-            copied: state.copied,
-            onCopy: (cmd) => {
-                navigator.clipboard?.writeText(cmd);
-                state.copied = true;
-                render();
-                requestAnimationFrame(() => {
-                    motion.animateSelector('.cli .copy', 'pulse', { duration: 'var(--motion-fast)' });
-                });
-                setTimeout(() => {
-                    state.copied = false;
-                    render();
-                }, 1200);
-            }
-        });
-    }
-    if (r === 'writing') {
-        return [C.Section({ title: '// recent writing', children: C.WritingList({ posts: data.posts }) })];
-    }
-    if (r === 'manifesto') {
-        return [C.Section({ title: '// manifesto · rough draft', children: C.Manifesto({ paragraphs: data.manifesto }) })];
-    }
-    return C.HomeView({
-        state, onNav: navigate,
-        onToggleWork: (i) => {
-            state.opened = i;
-            render();
-            if (i >= 0) {
-                requestAnimationFrame(() => {
-                    motion.animateSelector(`[data-work-index="${i}"]`, 'fadeInUp', { duration: 'var(--motion-fast)' });
-                });
-            }
-        },
-        works: data.works, posts: data.posts, manifesto: data.manifesto,
-        currentlyShipping: data.currentlyShipping
-    });
-}
-
-function App() {
-    return C.AppShell({
-        topbar: topbar(),
-        crumb: crumb(),
-        main: pageMain(),
-        status: status(),
-        narrow: state.route.page === 'project'
-    });
-}
-
-await installStyles();
-const root = document.getElementById('root');
-render = mount(root, App);
-requestAnimationFrame(() => {
-    motion.animateSelector('.app-main', 'fadeIn', { duration: 'var(--motion-base)' });
-});

package/src/components/freddie/pages-chains.js

@@ -1,168 +0,0 @@
-// Chain editor — talks to freddie's /api/acptoapi/* bridge (which proxies
-// to acptoapi /v1/chains). Renders builtins read-only and runtime chains
-// fully editable. Used by both freddie's dashboard and thebird via the
-// FREDDIE_PAGES registry.
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import { Panel, Hero, Kpi, Form } from '../content.js';
-import { Chip } from '../shell.js';
-import { EmptyState } from '../files.js';
-const h = webjsx.createElement;
-
-async function fetchJson(url, init) {
-    const r = await fetch(url, init);
-    const ct = r.headers.get('content-type') || '';
-    const body = ct.includes('json') ? await r.json() : await r.text();
-    if (!r.ok) throw new Error(typeof body === 'string' ? body : (body.error?.message || JSON.stringify(body)));
-    return body;
-}
-
-async function loadChains() {
-    return await fetchJson('/api/acptoapi/chains');
-}
-
-async function saveChain(name, links) {
-    return await fetchJson('/api/acptoapi/chains', {
-        method: 'POST',
-        headers: { 'content-type': 'application/json' },
-        body: JSON.stringify({ name, links }),
-    });
-}
-
-async function deleteChain(name) {
-    return await fetchJson('/api/acptoapi/chains/' + encodeURIComponent(name), { method: 'DELETE' });
-}
-
-async function fetchProbe() {
-    try { return await fetchJson('/api/acptoapi/probe'); }
-    catch { return { results: [] }; }
-}
-
-export async function chains(h0) {
-    // State stored on window to survive page-level re-renders
-    const state = window.__fd_chains = window.__fd_chains || {
-        loaded: false, error: null, chains: {}, builtin: [], runtime: [],
-        probe: [], editing: null, draft: { name: '', links: [] }, newLink: '',
-    };
-
-    if (!state.loaded) {
-        try {
-            const cd = await loadChains();
-            state.chains = cd.chains || {};
-            state.builtin = cd.builtin || [];
-            state.runtime = cd.runtime || [];
-            const pl = await fetchProbe();
-            state.probe = pl.results || [];
-            state.loaded = true;
-        } catch (e) {
-            state.error = e.message;
-            state.loaded = true;
-        }
-    }
-
-    const nav = () => { if (typeof window.__fd_nav === 'function') window.__fd_nav('chains'); };
-
-    const onEdit = (name) => () => {
-        state.editing = name;
-        state.draft = { name, links: [...(state.chains[name] || [])] };
-        nav();
-    };
-    const onCancel = () => { state.editing = null; state.draft = { name: '', links: [] }; nav(); };
-    const onNew = () => { state.editing = '__new__'; state.draft = { name: '', links: [] }; nav(); };
-    const onAddLink = () => {
-        if (!state.newLink.trim()) return;
-        state.draft.links.push(state.newLink.trim());
-        state.newLink = '';
-        nav();
-    };
-    const onRemoveLink = (idx) => () => { state.draft.links.splice(idx, 1); nav(); };
-    const onSave = async () => {
-        try {
-            await saveChain(state.draft.name.trim(), state.draft.links);
-            state.loaded = false; state.editing = null;
-            nav();
-        } catch (e) { state.error = e.message; nav(); }
-    };
-    const onDelete = (name) => async () => {
-        if (state.builtin.includes(name)) return;
-        try { await deleteChain(name); state.loaded = false; nav(); }
-        catch (e) { state.error = e.message; nav(); }
-    };
-
-    if (state.error && !state.loaded) {
-        return [Hero({ title: 'chains', body: 'fallback chain editor', accent: 'error' }),
-            Panel({ title: 'error', children: h('span', { class: 'fd-muted' }, state.error) })];
-    }
-
-    if (state.editing) {
-        const isNew = state.editing === '__new__';
-        const isBuiltin = !isNew && state.builtin.includes(state.editing);
-        return [
-            Hero({ title: isNew ? 'new chain' : 'edit ' + state.editing, body: 'links are tried top-to-bottom', accent: isBuiltin ? 'builtin read-only' : 'editable' }),
-            Panel({ title: 'name', children: isNew
-                ? h('input', { class: 'fd-input', value: state.draft.name, oninput: e => { state.draft.name = e.target.value; } })
-                : h('code', {}, state.draft.name) }),
-            Panel({ title: 'links', count: state.draft.links.length,
-                children: state.draft.links.length === 0
-                    ? EmptyState({ text: 'no links yet — add one below', glyph: '↳' })
-                    : h('div', { class: 'fd-list' }, ...state.draft.links.map((link, i) =>
-                        h('div', { key: i, class: 'fd-list-row', 'data-cat': 'kit' },
-                            h('span', { class: 'fd-list-code' }, String(i + 1).padStart(2, '0')),
-                            h('div', { class: 'fd-list-main' }, h('div', { class: 'fd-list-title' }, link)),
-                            isBuiltin ? null : h('button', { class: 'fd-btn fd-btn-mini', onclick: onRemoveLink(i) }, 'remove')
-                        )
-                    )) }),
-            isBuiltin ? null : Panel({ title: 'add link', children: h('div', { class: 'fd-form-row' },
-                h('input', { class: 'fd-input', placeholder: 'provider/model (e.g. groq/llama-3.3-70b-versatile)',
-                    value: state.newLink, oninput: e => { state.newLink = e.target.value; } }),
-                h('button', { class: 'fd-btn', onclick: onAddLink }, 'add')
-            ) }),
-            Panel({ title: 'actions', children: h('div', { class: 'fd-form-row' },
-                isBuiltin ? null : h('button', { class: 'fd-btn fd-btn-primary', onclick: onSave }, isNew ? 'create' : 'save'),
-                h('button', { class: 'fd-btn', onclick: onCancel }, 'cancel')
-            ) }),
-        ];
-    }
-
-    const allNames = Object.keys(state.chains).sort();
-    const builtinCount = state.builtin.length;
-    const runtimeCount = state.runtime.length;
-    const workingModels = state.probe.length;
-
-    return [
-        Hero({ title: 'chains', body: 'named fallback chains. callers send model=<name> to select one.', accent: allNames.length + ' total' }),
-        Kpi({ items: [[builtinCount, 'builtin'], [runtimeCount, 'runtime'], [workingModels, 'working models']] }),
-        Panel({ title: 'create', children: h('button', { class: 'fd-btn fd-btn-primary', onclick: onNew }, '+ new chain') }),
-        Panel({ title: 'chains', count: allNames.length,
-            children: allNames.length === 0
-                ? EmptyState({ text: 'no chains configured', glyph: '⊞' })
-                : h('div', { class: 'fd-list' }, ...allNames.map(name => {
-                    const links = state.chains[name] || [];
-                    const isBuiltin = state.builtin.includes(name);
-                    return h('div', { key: name, class: 'fd-list-row', 'data-cat': isBuiltin ? 'external' : 'kit' },
-                        h('span', { class: 'fd-list-code' }, isBuiltin ? '◆' : '○'),
-                        h('div', { class: 'fd-list-main' },
-                            h('div', { class: 'fd-list-title' }, name),
-                            h('div', { class: 'fd-list-sub' }, links.slice(0, 3).join(' → ') + (links.length > 3 ? ` (+${links.length - 3})` : '')),
-                        ),
-                        h('div', { class: 'fd-list-meta' },
-                            h('span', { class: 'fd-list-meta-mono' }, isBuiltin ? 'builtin' : 'runtime'),
-                            h('button', { class: 'fd-btn fd-btn-mini', onclick: onEdit(name) }, isBuiltin ? 'view' : 'edit'),
-                            isBuiltin ? null : h('button', { class: 'fd-btn fd-btn-mini', onclick: onDelete(name) }, 'delete'),
-                        )
-                    );
-                })) }),
-        Panel({ title: 'discovered models', count: workingModels,
-            right: workingModels > 0 ? Chip({ tone: 'ok', children: 'fresh' }) : Chip({ tone: 'miss', children: 'no probe' }),
-            children: workingModels === 0
-                ? EmptyState({ text: 'run a probe to see working models', glyph: '✦' })
-                : h('div', { class: 'fd-list' }, ...state.probe.slice(0, 12).map(m =>
-                    h('div', { key: m.provider + '/' + m.model, class: 'fd-list-row', 'data-cat': 'kit' },
-                        h('span', { class: 'fd-list-code' }, m.provider.slice(0, 3)),
-                        h('div', { class: 'fd-list-main' },
-                            h('div', { class: 'fd-list-title' }, m.provider + '/' + m.model),
-                            h('div', { class: 'fd-list-sub' }, m.ms + 'ms')
-                        )
-                    )
-                )) }),
-    ];
-}

package/src/components/freddie/pages-chat.js

@@ -1,122 +0,0 @@
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import { Panel, Hero, Receipt } from '../content.js';
-import { skillLabel, getRecentPaths, saveRecentPath, renderChatMessages } from './helpers.js';
-const h = webjsx.createElement;
-
-function parseSse(text) {
-    const evs = []; let ev = null, data = '';
-    for (const line of text.split('\n')) {
-        if (line.startsWith('event: ')) ev = line.slice(7).trim();
-        else if (line.startsWith('data: ')) data = line.slice(6).trim();
-        else if (line === '' && ev) { try { evs.push({ event: ev, data: JSON.parse(data) }); } catch {} ev = null; data = ''; }
-    }
-    return evs;
-}
-
-export async function chat(h0) {
-    const skills = [...h0.pi.skills.values()];
-    const providers = await fetch('/api/providers').then(r => r.json()).catch(() => []);
-    const configured = providers.filter(p => p.configured);
-    const v1Models = await fetch('/v1/models').then(r => r.json()).then(j => j.data || []).catch(() => []);
-    const cached = await fetch('/api/models/cached').then(r => r.json()).catch(() => ({}));
-    const sampler = await fetch('/api/models/sampler').then(r => r.json()).catch(() => ({ status: {} }));
-    (function() { const reg = window.__fd_modelPickers = window.__fd_modelPickers || {}; reg['chat.model'] = { key: 'chat.model', modelCount: v1Models.length, mountedAt: Date.now() }; window.__debug = window.__debug || {}; window.__debug.modelPickers = () => Object.values(window.__fd_modelPickers || {}); })();
-    const cs = window.__fd_chatState = window.__fd_chatState || { cwd: '', skill: '', provider: '', model: '', messages: [], busy: false, sessionId: null };
-    try { const last = localStorage.getItem('fd-chat-model'); if (last && !cs.model) cs.model = last } catch {}
-    if (!cs.cwd) cs.cwd = (getRecentPaths()[0] || '');
-    const root = document.getElementById('app');
-    const getMsgs = () => root.querySelector('#fd-chat-msgs');
-    const newSession = () => { if (cs.busy) return; cs.messages = []; cs.sessionId = null; renderChatMessages(getMsgs(), cs.messages); };
-    const sendChat = async ev => {
-        ev.preventDefault();
-        if (cs.busy) return;
-        const promptEl = ev.target.elements.prompt;
-        const prompt = promptEl.value.trim();
-        if (!prompt) return;
-        cs.messages.push({ role: 'user', content: prompt });
-        promptEl.value = ''; promptEl.style.height = 'auto';
-        cs.busy = true;
-        saveRecentPath(cs.cwd);
-        renderChatMessages(getMsgs(), cs.messages);
-        try {
-            const body = { prompt, cwd: cs.cwd || undefined, skill: cs.skill || undefined, provider: cs.provider || undefined, model: cs.model || undefined, sessionId: cs.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 = parseSse(text);
-            let ac = '';
-            for (const { event, data } of events) {
-                if (event === 'start' && data.sessionId) cs.sessionId = data.sessionId;
-                if (event === 'done' && data.sessionId) cs.sessionId = data.sessionId;
-                if (event === 'message') {
-                    if (data.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') ac += block.text;
-                            if (block.type === 'tool_use') {
-                                if (ac) { cs.messages.push({ role: 'assistant', content: ac }); ac = ''; }
-                                const argSummary = Object.keys(block.input || {}).slice(0, 3).map(k => k+'='+String(block.input[k]).slice(0,20)).join(' ');
-                                cs.messages.push({ role: 'tool', name: block.name, argsSummary: argSummary, content: JSON.stringify(block.input || {}, null, 2) });
-                            }
-                        }
-                    } else if (data.role === 'tool') {
-                        const tc = Array.isArray(data.content) ? data.content[0] : data;
-                        cs.messages.push({ role: 'tool', name: 'result', argsSummary: '', content: String(tc?.content || tc?.text || JSON.stringify(tc)) });
-                    }
-                }
-                if (event === 'done' && data.result && !ac) ac = data.result;
-                if (event === 'error') ac = 'error: ' + (data.error || 'unknown');
-            }
-            if (ac) cs.messages.push({ role: 'assistant', content: ac });
-            if (!events.length) cs.messages.push({ role: 'assistant', content: '(no response)' });
-        } catch (e) { cs.messages.push({ role: 'assistant', content: 'error: '+e.message }); }
-        cs.busy = false;
-        renderChatMessages(getMsgs(), cs.messages);
-    };
-    const byCat = skills.reduce((a, s) => { const c = s.category || 'other'; (a[c] = a[c] || []).push(s); return a; }, {});
-    setTimeout(() => renderChatMessages(getMsgs(), cs.messages), 50);
-    return [
-        Hero({ title: 'chat', body: 'talk to the agent. pick a working dir, optional skill, optional provider.', accent: cs.sessionId ? 'session '+cs.sessionId.slice(0,8) : 'new session' }),
-        Panel({ title: 'chat', right: h('button', { class: 'btn-primary', onclick: ev => { ev.preventDefault(); newSession(); } }, '+ new'), children: [
-            h('form', { class: 'fd-chat-form', onsubmit: sendChat },
-                h('label', { class: 'fd-label' }, 'working directory'),
-                h('input', { name: 'cwd', type: 'text', placeholder: 'e.g. C:/dev/myproject', value: cs.cwd, oninput: ev => { cs.cwd = ev.target.value; } }),
-                h('div', { class: 'fd-row' },
-                    h('div', { class: 'fd-col' },
-                        h('label', { class: 'fd-label' }, 'skill'),
-                        h('select', { name: 'skill', onchange: ev => { cs.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: cs.skill === s.name ? 'true' : null }, skillLabel(s)))))
-                        )
-                    ),
-                    h('div', { class: 'fd-col' },
-                        h('label', { class: 'fd-label' }, 'provider'),
-                        h('select', { name: 'provider', onchange: ev => { cs.provider = ev.target.value; } },
-                            h('option', { value: '' }, configured.length ? '— auto —' : '— none configured —'),
-                            ...configured.map(p => h('option', { value: p.name, selected: cs.provider === p.name ? 'true' : null }, (p.available ? '● ' : '○ ') + p.name))
-                        )
-                    ),
-                    h('div', { class: 'fd-col' },
-                        h('label', { class: 'fd-label' }, 'model · ' + v1Models.length + ' available'),
-                        (function() {
-                            const samplerStatus = sampler && sampler.status ? sampler.status : {};
-                            const isUnavail = id => { const s = samplerStatus[id]; return s && s.available === false; };
-                            const grouped = v1Models.reduce((a, m) => { const idx = String(m.id || '').indexOf('/'); const g = idx > 0 ? m.id.slice(0, idx) : (m.owned_by || 'other'); (a[g] = a[g] || []).push(m); return a; }, {});
-                            return h('select', { name: 'model', onchange: ev => { cs.model = ev.target.value; try { localStorage.setItem('fd-chat-model', cs.model) } catch {} } },
-                                h('option', { value: '' }, '— auto —'),
-                                ...Object.entries(grouped).map(([g, ms]) => h('optgroup', { label: g + ' · ' + ms.length },
-                                    ...ms.map(m => h('option', { value: m.id, selected: cs.model === m.id ? 'true' : null, disabled: isUnavail(m.id) ? 'true' : null }, m.id + (isUnavail(m.id) ? ' ✕' : ''))))));
-                        })()
-                    )
-                ),
-                h('div', { class: 'fd-chat-send-row' },
-                    h('textarea', { name: 'prompt', placeholder: 'describe what you want…', 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: cs.busy ? 'true' : null }, cs.busy ? '…' : 'send')
-                )
-            ),
-            h('div', { id: 'fd-chat-msgs', class: 'fd-chat-thread' })
-        ] }),
-        configured.length === 0
-            ? Panel({ title: 'no providers configured', children: Receipt({ rows: [['set API key', 'keys tab → click chip'], ['or use acptoapi', 'run acptoapi server on localhost:4800']] }) })
-            : null
-    ];
-}