anentrypoint-design 0.0.102 → 0.0.103

package/src/components/freddie/pages-config-edit.js

@@ -1,174 +0,0 @@
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import { Panel, Hero, Kpi, Form, Table } from '../content.js';
-import { Chip } from '../shell.js';
-import { renderConfigSections } from './helpers.js';
-const h = webjsx.createElement;
-
-const KNOWN_FIELDS = [
-    { key: 'display.skin', label: 'skin', kind: 'skin' },
-    { key: 'display.tool_progress_command', label: 'tool progress command', kind: 'bool' },
-    { key: 'display.background_process_notifications', label: 'bg notifications', kind: 'enum', options: ['all','errors','none'] },
-    { key: 'providers.freddie.baseUrl', label: 'freddie URL (thebird → freddie)', kind: 'string', nullable: true },
-    { key: 'providers.openai.baseUrl', label: 'acptoapi URL (freddie → acptoapi)', kind: 'string', nullable: true },
-    { key: 'providers.openai.model', label: 'default LLM model', kind: 'string', nullable: true },
-    { key: 'agent.provider', label: 'agent provider', kind: 'string' },
-    { key: 'agent.model', label: 'agent model', kind: 'modelDropdown' },
-    { key: 'agent.max_iterations', label: 'max iterations', kind: 'number' },
-    { key: 'agent.fallback_model', label: 'fallback model', kind: 'string', nullable: true },
-    { key: 'agent.save_trajectories', label: 'save trajectories', kind: 'bool' },
-    { key: 'agent.model_preference', label: 'model preference (json array)', kind: 'json' },
-    { key: 'memory.provider', label: 'memory provider', kind: 'string', nullable: true },
-    { key: 'gateway.timeout', label: 'gateway timeout (s)', kind: 'number' },
-    { key: 'terminal.cwd', label: 'terminal cwd', kind: 'string', nullable: true },
-];
-
-function getDot(o, p) { return p.split('.').reduce((c, k) => (c && k in c) ? c[k] : undefined, o); }
-
-function registerPicker(key, modelCount) {
-    const reg = window.__fd_modelPickers = window.__fd_modelPickers || {};
-    reg[key] = { key, modelCount, mountedAt: Date.now() };
-    if (typeof window !== 'undefined') {
-        window.__debug = window.__debug || {};
-        window.__debug.modelPickers = () => Object.values(window.__fd_modelPickers || {});
-    }
-}
-
-function commit(h0, key, value) {
-    const prev = window.__fd_cfg_status = window.__fd_cfg_status || {};
-    prev[key] = 'saving…';
-    Promise.resolve(h0.pi.config.saveValue(key, value))
-        .then(() => { prev[key] = 'saved ✓'; rerender(); setTimeout(() => { delete prev[key]; rerender(); }, 1500); })
-        .catch(e => { prev[key] = 'err: ' + (e.message || e); rerender(); });
-}
-
-function rerender() { if (typeof window.__fd_nav === 'function') window.__fd_nav('config'); }
-
-function editor(field, cur, defVal, h0, skins, v1Models, sampler) {
-    const status = (window.__fd_cfg_status || {})[field.key];
-    let control;
-    if (field.kind === 'modelDropdown') {
-        const models = Array.isArray(v1Models) ? v1Models : [];
-        const grouped = models.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; }, {});
-        const samplerStatus = sampler && sampler.status ? sampler.status : {};
-        const isUnavailable = id => { const s = samplerStatus[id]; return s && s.available === false; };
-        control = h('select', { onchange: ev => commit(h0, field.key, ev.target.value === '' && field.nullable ? null : ev.target.value) },
-            h('option', { value: '', selected: !cur ? 'true' : null }, '— auto —'),
-            ...Object.entries(grouped).map(([g, ms]) => h('optgroup', { label: g + ' · ' + ms.length },
-                ...ms.map(m => h('option', { value: m.id, selected: cur === m.id ? 'true' : null, disabled: isUnavailable(m.id) ? 'true' : null }, m.id + (isUnavailable(m.id) ? ' ✕' : ''))))));
-        registerPicker(field.key, models.length);
-    } else if (field.kind === 'skin') {
-        const list = skins.length ? skins : ['default'];
-        control = h('select', { onchange: ev => commit(h0, field.key, ev.target.value) },
-            ...list.map(s => h('option', { value: s, selected: s === cur ? 'true' : null }, s)));
-    } else if (field.kind === 'bool') {
-        control = h('select', { onchange: ev => commit(h0, field.key, ev.target.value === 'true') },
-            h('option', { value: 'false', selected: !cur ? 'true' : null }, 'false'),
-            h('option', { value: 'true', selected: cur ? 'true' : null }, 'true'));
-    } else if (field.kind === 'enum') {
-        control = h('select', { onchange: ev => commit(h0, field.key, ev.target.value) },
-            ...field.options.map(o => h('option', { value: o, selected: o === cur ? 'true' : null }, o)));
-    } else if (field.kind === 'number') {
-        control = h('input', { type: 'number', value: cur == null ? '' : String(cur),
-            onchange: ev => commit(h0, field.key, ev.target.value === '' ? null : Number(ev.target.value)) });
-    } else if (field.kind === 'json') {
-        const text = cur == null ? '[]' : JSON.stringify(cur);
-        control = h('input', { type: 'text', value: text, placeholder: '[] or [{"provider":"…"}]',
-            onchange: ev => { try { commit(h0, field.key, JSON.parse(ev.target.value || 'null')); } catch (e) { (window.__fd_cfg_status = window.__fd_cfg_status || {})[field.key] = 'invalid json'; rerender(); } } });
-    } else {
-        control = h('input', { type: 'text', value: cur == null ? '' : String(cur), placeholder: field.nullable ? '(empty = unset)' : '',
-            onchange: ev => commit(h0, field.key, ev.target.value === '' && field.nullable ? null : ev.target.value) });
-    }
-    const isDefault = JSON.stringify(cur) === JSON.stringify(defVal);
-    const meta = h('span', { class: 'fd-cfg-meta' },
-        status ? Chip({ tone: status.startsWith('err') || status === 'invalid json' ? 'miss' : status === 'saved ✓' ? 'ok' : 'warn', children: status }) : null,
-        !isDefault && defVal !== undefined ? h('span', { class: 'fd-muted', title: 'default: ' + JSON.stringify(defVal) }, ' default: ' + (defVal === '' ? '""' : JSON.stringify(defVal))) : null);
-    return h('div', { class: 'fd-cfg-row', key: field.key },
-        h('label', { class: 'fd-cfg-label' }, field.label, h('code', { class: 'fd-cfg-key' }, field.key)),
-        h('div', { class: 'fd-cfg-control' }, control, meta));
-}
-
-function prefRow(h0, idx, pref, providers, cached, total) {
-    const provider = pref.provider || '';
-    const model = pref.model || '';
-    const models = (cached[provider] && cached[provider].models) || [];
-    const onProv = ev => { const list = getPrefList(); list[idx] = { ...list[idx], provider: ev.target.value, model: '' }; commit(h0, 'agent.model_preference', list); };
-    const onModel = ev => { const list = getPrefList(); list[idx] = { ...list[idx], model: ev.target.value }; commit(h0, 'agent.model_preference', list); };
-    const onMove = dir => { const list = getPrefList(); const j = idx + dir; if (j < 0 || j >= list.length) return; const t = list[idx]; list[idx] = list[j]; list[j] = t; commit(h0, 'agent.model_preference', list); };
-    const onDel = () => { const list = getPrefList(); list.splice(idx, 1); commit(h0, 'agent.model_preference', list); };
-    return h('div', { class: 'fd-cfg-row', key: 'pref-' + idx, 'data-idx': idx },
-        h('label', { class: 'fd-cfg-label' }, '#' + (idx+1) + ' / ' + total),
-        h('div', { class: 'fd-cfg-control' },
-            h('select', { onchange: onProv },
-                h('option', { value: '' }, '(select provider)'),
-                ...providers.map(p => h('option', { value: p, selected: p === provider ? 'true' : null }, p))),
-            models.length > 0
-                ? h('select', { onchange: onModel },
-                    h('option', { value: '' }, '(any/default)'),
-                    ...models.map(m => h('option', { value: m, selected: m === model ? 'true' : null }, m)))
-                : h('input', { type: 'text', placeholder: 'model (run discover for dropdown)', value: model, onchange: onModel }),
-            h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); onMove(-1); } }, '↑'),
-            h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); onMove(1); } }, '↓'),
-            h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); onDel(); } }, '✕')));
-}
-
-function getPrefList() {
-    return (window.__fd_cfg_pref || []).slice();
-}
-
-function modelPrefPanel(h0, cfg, providers, cached) {
-    const list = Array.isArray(cfg?.agent?.model_preference) ? cfg.agent.model_preference : [];
-    window.__fd_cfg_pref = list.slice();
-    const rows = list.map((p, i) => prefRow(h0, i, p, providers, cached, list.length));
-    const addBtn = h('button', { class: 'btn-primary', onclick: ev => { ev.preventDefault(); const next = getPrefList(); next.push({ provider: '', model: '' }); commit(h0, 'agent.model_preference', next); } }, '+ add row');
-    const discoverBtn = h('button', { class: 'btn', onclick: async ev => {
-        ev.preventDefault();
-        (window.__fd_cfg_status = window.__fd_cfg_status || {})['agent.discovered_models'] = 'discovering…'; rerender();
-        try { await fetch('/api/models/discover', { method: 'POST', headers: { 'content-type': 'application/json' }, body: '{}' }); window.__fd_cfg_status['agent.discovered_models'] = 'discovered ✓'; }
-        catch (e) { window.__fd_cfg_status['agent.discovered_models'] = 'err: ' + (e.message || e); }
-        rerender();
-    } }, 'discover models');
-    const status = (window.__fd_cfg_status || {})['agent.discovered_models'];
-    return Panel({ title: 'model preference (ordered fallback chain)', count: list.length,
-        right: h('span', {}, discoverBtn, ' ', addBtn, status ? Chip({ tone: status.startsWith('err') ? 'miss' : status === 'discovered ✓' ? 'ok' : 'warn', children: status }) : null),
-        children: list.length === 0
-            ? h('div', { class: 'fd-muted' }, 'no preferences — first available provider key will be used. add a row to override.')
-            : h('div', { class: 'fd-cfg-prefs' }, ...rows) });
-}
-
-export async function config(h0) {
-    const cfg = typeof h0.pi.config?.load === 'function' ? await h0.pi.config.load() : {};
-    const defaults = await fetch('/api/config/defaults').then(r => r.json()).catch(() => ({}));
-    const skins = await fetch('/api/skins').then(r => r.json()).catch(() => ['default']);
-    const provInfo = await fetch('/api/models/providers').then(r => r.json()).catch(() => ({ providers: [] }));
-    const cached = await fetch('/api/models/cached').then(r => r.json()).catch(() => ({}));
-    const v1Models = await fetch('/v1/models').then(r => r.json()).then(j => j.data || []).catch(() => []);
-    const sampler = await fetch('/api/models/sampler').then(r => r.json()).catch(() => ({ status: {} }));
-    const commands = typeof h0.pi.cli?.values === 'function' ? [...h0.pi.cli.values()] : [];
-    const settingsPanel = Panel({ title: 'settings', count: KNOWN_FIELDS.length,
-        children: KNOWN_FIELDS.filter(f => f.key !== 'agent.model_preference').map(f => editor(f, getDot(cfg, f.key), getDot(defaults, f.key), h0, skins, v1Models, sampler)) });
-    const prefPanel = modelPrefPanel(h0, cfg, provInfo.providers || [], cached || {});
-    const rawForm = Panel({ title: 'set arbitrary key (power-user)', children: Form({ fields: [
-        { name: 'key', placeholder: 'dotted.key', 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();
-    } }) });
-    const allRaw = h('details', { class: 'fd-cfg-details' },
-        h('summary', {}, 'all config (read-only)'),
-        ...renderConfigSections(cfg));
-    const cmds = h('details', { class: 'fd-cfg-details' },
-        h('summary', {}, 'commands · ' + commands.length),
-        Table({ headers: ['name','description'], rows: commands.map(c => [c.name, c.description||'']) }));
-    return [
-        Hero({ title: 'config', body: 'inline editors for known keys. raw setter is the fallback.', accent: 'v'+(cfg._config_version||0) }),
-        Kpi({ items: [[KNOWN_FIELDS.length,'editable'],[(cfg?.agent?.model_preference||[]).length,'pref-rows'],[commands.length,'commands'],[cfg._config_version||0,'version']] }),
-        settingsPanel,
-        prefPanel,
-        rawForm,
-        allRaw,
-        cmds,
-    ];
-}

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

@@ -1,193 +0,0 @@
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import { Panel, Hero, Receipt, Kpi, Table, Form } from '../content.js';
-import { Chip } from '../shell.js';
-import { EmptyState } from '../files.js';
-import { skillLabel } from './helpers.js';
-const h = webjsx.createElement;
-
-export async function models(h0) {
-    const cfg = typeof h0.pi.config?.load === 'function' ? await h0.pi.config.load() : {};
-    const providers = await fetch('/api/providers').then(r => r.json()).catch(() => []);
-    const configured = providers.filter(p => p.configured);
-    const queues = await fetch('/api/models/queues').then(r => r.json()).catch(() => ({}));
-    const sampler = await fetch('/api/models/sampler').then(r => r.json()).catch(() => ({ status: {} }));
-    const v1Models = await fetch('/v1/models').then(r => r.json()).then(j => j.data || []).catch(() => []);
-    const pref = Array.isArray(cfg.agent?.model_preference) ? cfg.agent.model_preference.slice() : [];
-    window.__debug = window.__debug || {};
-    window.__debug.models = () => ({ providers, queues, ranking: pref, sampler: sampler.status || {}, v1Models: v1Models.length });
-    const samplerStatus = sampler.status || {};
-    const samplerEntries = Object.entries(samplerStatus);
-    const samplerOk = samplerEntries.filter(([, s]) => s && s.available !== false).length;
-    const samplerBad = samplerEntries.length - samplerOk;
-    const saveAndNav = async (next) => { await h0.pi.config.saveValue('agent.model_preference', next); if (typeof window.__fd_nav === 'function') window.__fd_nav('models'); };
-    const movePref = (idx, dir) => { const j = idx + dir; if (j < 0 || j >= pref.length) return; const t = pref[idx]; pref[idx] = pref[j]; pref[j] = t; saveAndNav(pref); };
-    const delPref = idx => { pref.splice(idx, 1); saveAndNav(pref); };
-    const onDragStart = (idx, ev) => { ev.dataTransfer.setData('text/plain', String(idx)); ev.dataTransfer.effectAllowed = 'move'; };
-    const onDragOver = ev => { ev.preventDefault(); ev.dataTransfer.dropEffect = 'move'; };
-    const onDrop = (target, ev) => { ev.preventDefault(); const src = Number(ev.dataTransfer.getData('text/plain')); if (!Number.isFinite(src) || src === target) return; const item = pref.splice(src, 1)[0]; pref.splice(target, 0, item); saveAndNav(pref); };
-    const probeState = window.__fd_probeState = window.__fd_probeState || {};
-    async function probeAll() {
-        await Promise.allSettled(configured.map(async p => {
-            probeState[p.name] = 'loading';
-            try { const r = await fetch('/api/providers/'+p.name+'/probe', { method: 'POST' }).then(x => x.json()); probeState[p.name] = r.models || r.error || '?'; }
-            catch (e) { probeState[p.name] = 'error: '+e.message; }
-        }));
-        if (typeof window.__fd_nav === 'function') window.__fd_nav('models');
-    }
-    const probedPanels = [];
-    const unprobedRows = [];
-    for (const p of configured) {
-        const ms = Array.isArray(probeState[p.name]) ? probeState[p.name] : p.models;
-        const loading = probeState[p.name] === 'loading';
-        if (loading) probedPanels.push(Panel({ title: p.name + ' ⏳', children: h('span', { class: 'fd-muted' }, 'probing…') }));
-        else if (ms && ms.length > 0) probedPanels.push(Panel({ title: p.name + (p.available ? ' ●' : ' ○'), count: ms.length, children: h('div', { class: 'fd-list fd-list-compact' }, ...ms.map((m, i) => h('div', { key: m, class: 'fd-list-row', 'data-cat': 'preview' },
-            h('span', { class: 'fd-list-code' }, String(i+1).padStart(2,'0')),
-            h('div', { class: 'fd-list-main' }, h('div', { class: 'fd-list-title fd-mono' }, m))
-        ))) }));
-        else unprobedRows.push([p.name, p.available ? 'available' : 'unavailable', p.modelsError ? 'error: '+p.modelsError : '—']);
-    }
-    const modelPanels = [
-        ...probedPanels,
-        unprobedRows.length ? Panel({ title: 'unprobed providers', count: unprobedRows.length, children: Table({ headers: ['provider','status','note'], rows: unprobedRows }) }) : null
-    ].filter(Boolean);
-    const samplerTile = Panel({ title: 'sampler status', count: samplerEntries.length,
-        right: h('span', {}, Chip({ tone: 'ok', children: samplerOk + ' ok' }), ' ', Chip({ tone: samplerBad > 0 ? 'miss' : 'neutral', children: samplerBad + ' down' })),
-        children: samplerEntries.length === 0
-            ? h('span', { class: 'fd-muted' }, 'no sampler entries yet — probe a provider to populate')
-            : h('div', { class: 'fd-list fd-list-compact' }, ...samplerEntries.map(([k, s]) => h('div', { key: k, class: 'fd-list-row', 'data-cat': s.available === false ? 'external' : 'kit' },
-                h('span', { class: 'fd-list-code' }, s.available === false ? '✕' : '●'),
-                h('div', { class: 'fd-list-main' }, h('div', { class: 'fd-list-title fd-mono' }, k), h('div', { class: 'fd-list-sub' }, JSON.stringify(s).slice(0, 120)))))) });
-    const addFromPicker = ev => { const v = ev.target.value; if (!v) return; const slash = v.indexOf('/'); const next = pref.slice(); next.push(slash > 0 ? { provider: v.slice(0, slash), model: v.slice(slash+1) } : { provider: v, model: '' }); saveAndNav(next); };
-    const prefTile = Panel({ title: 'model preference (drag to reorder · pick from /v1/models including queue/*)', count: pref.length,
-        right: h('span', {}, h('select', { class: 'fd-search', onchange: addFromPicker }, h('option', { value: '' }, '+ add from /v1/models'), ...v1Models.map(m => h('option', { key: m.id, value: m.id }, m.id))), ' ', h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); pref.push({ provider: '', model: '' }); saveAndNav(pref); } }, '+ blank')),
-        children: pref.length === 0
-            ? h('span', { class: 'fd-muted' }, 'no preference — pick from the dropdown above to build a priority chain')
-            : h('div', { class: 'fd-list' }, ...pref.map((p, i) => h('div', {
-                key: 'p'+i, class: 'fd-list-row', 'data-cat': 'kit', draggable: 'true',
-                ondragstart: ev => onDragStart(i, ev), ondragover: onDragOver, ondrop: ev => onDrop(i, ev), style: 'cursor:move'
-            },
-                h('span', { class: 'fd-list-code' }, '⋮⋮'),
-                h('div', { class: 'fd-list-main' }, h('div', { class: 'fd-list-title fd-mono' }, '#' + (i+1) + ' ' + (p.provider || '?') + (p.model ? ' / ' + p.model : '')),
-                    h('div', { class: 'fd-list-sub' }, 'drag, or use arrows')),
-                h('div', { class: 'fd-list-meta' },
-                    h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); movePref(i, -1); } }, '↑'),
-                    h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); movePref(i, 1); } }, '↓'),
-                    h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); delPref(i); } }, '✕')))))
-    });
-    return [
-        Hero({ title: 'models', body: 'pick a provider, pick a model. probe to list available models.', accent: configured.length+' configured · ' + v1Models.length + ' models' }),
-        Kpi({ items: [[configured.length,'configured'],[probedPanels.length,'probed'],[providers.length-configured.length,'unconfigured'],[v1Models.length,'/v1/models']] }),
-        samplerTile,
-        prefTile,
-        Panel({ title: 'change active model', children: Form({ fields: [
-            { name: 'provider', placeholder: 'provider', value: cfg.agent?.provider || '' },
-            { name: 'model', placeholder: 'model id', value: cfg.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);
-        } }) }),
-        Panel({ title: 'providers', right: h('button', { class: 'btn-primary', onclick: ev => { ev.preventDefault(); probeAll(); } }, 'probe all'),
-            children: h('div', { class: 'fd-chips' }, ...providers.map(p => Chip({ tone: p.configured ? (p.available ? 'ok' : 'warn') : 'miss', children: p.name + (p.configured ? (p.available ? ' ●' : ' ○') : ' ·') })))
-        }),
-        ...modelPanels
-    ];
-}
-
-export async function cron(h0) {
-    const list = await h0.pi.cron.list();
-    return [
-        Hero({ title: 'cron', body: 'scheduled prompts. cron syntax, fired by freddie.', accent: list.length+' jobs' }),
-        Kpi({ items: [[list.length,'jobs'],[list.filter(j => j.enabled).length,'enabled']] }),
-        Panel({ title: 'add job', children: Form({ fields: [
-            { name: 'cron', placeholder: '0 * * * *  (m h dom mon dow)', required: true },
-            { name: 'prompt', placeholder: 'prompt to run', required: true }
-        ], submit: 'create', onSubmit: async ev => { await h0.pi.cron.create({ cron: ev.target.elements.cron.value, prompt: ev.target.elements.prompt.value }); if (typeof window.__fd_nav === 'function') window.__fd_nav('cron'); } }) }),
-        Panel({ title: 'cron syntax', children: Receipt({ rows: [
-            ['every minute', '* * * * *'],
-            ['every hour (top)', '0 * * * *'],
-            ['daily 09:00', '0 9 * * *'],
-            ['weekdays 18:00', '0 18 * * 1-5'],
-            ['every 15 min', '*/15 * * * *']
-        ] }) }),
-        Panel({ title: 'jobs', count: list.length, children: list.length === 0
-            ? EmptyState({ text: 'no cron jobs — add one with the form above', glyph: '◷' })
-            : h('div', { class: 'fd-list' }, ...list.map(j => h('div', { key: j.id, class: 'fd-list-row', 'data-cat': j.enabled ? 'kit' : 'external' },
-                h('span', { class: 'fd-list-code' }, j.enabled ? '●' : '○'),
-                h('div', { class: 'fd-list-main' },
-                    h('div', { class: 'fd-list-title' }, (j.prompt||'(no prompt)').slice(0,80)),
-                    h('div', { class: 'fd-list-sub' }, j.cron + ' · ' + j.id)
-                ),
-                h('div', { class: 'fd-list-meta' }, h('span', { class: 'fd-list-meta-mono' }, j.enabled ? 'enabled' : 'disabled'))
-            ))) })
-    ];
-}
-
-export async function 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 [
-        Hero({ title: 'skills', body: 'SKILL.md bundles loaded from ~/.freddie/skills + plugins.', accent: list.length+' loaded' }),
-        Kpi({ items: [[list.length,'skills'],[Object.keys(byCat).length,'categories']] }),
-        list.length === 0 ? EmptyState({ text: 'no skills — add SKILL.md files to ~/.freddie/skills/', glyph: '◈' }) : null,
-        ...Object.entries(byCat).map(([cat, ss]) => Panel({ title: cat, count: ss.length, children: h('div', { class: 'fd-list' }, ...ss.map((s, i) => h('div', { key: s.name, class: 'fd-list-row', 'data-cat': cat === 'creative' ? 'preview' : cat === 'software-development' ? 'kit' : cat === 'planning' ? 'doc' : cat === 'ops' ? 'external' : 'doc' },
-            h('span', { class: 'fd-list-code' }, String(i+1).padStart(2,'0')),
-            h('div', { class: 'fd-list-main' },
-                h('div', { class: 'fd-list-title' }, skillLabel(s)),
-                s.description ? h('div', { class: 'fd-list-sub' }, (s.description||'').slice(0,140)) : null
-            )
-        ))) }))
-    ].filter(Boolean);
-}
-
-export async function env(h0) {
-    const list = typeof h0.pi.env?.list === 'function' ? h0.pi.env.list() : [];
-    const setCount = list.filter(k => k.set).length;
-    const groups = {};
-    for (const k of list) {
-        const idx = k.key.indexOf('_');
-        const g = idx > 0 ? k.key.slice(0, idx) : 'OTHER';
-        (groups[g] = groups[g] || []).push(k);
-    }
-    const sortedGroups = Object.entries(groups).sort((a,b) => b[1].length - a[1].length);
-    return [
-        Hero({ title: 'keys', body: 'env vars freddie reads. grouped by service prefix. click a chip to set.', accent: setCount+' / '+list.length+' set' }),
-        Kpi({ items: [[setCount,'set'],[list.length-setCount,'missing'],[list.length,'total'],[sortedGroups.length,'groups']] }),
-        list.length === 0 ? EmptyState({ text: 'no env keys registered', glyph: '⚿' }) : null,
-        ...sortedGroups.map(([g, keys]) => {
-            const setN = keys.filter(k => k.set).length;
-            return Panel({ title: g.toLowerCase(), count: keys.length, right: setN === keys.length ? Chip({ tone: 'ok', children: 'all set' }) : setN === 0 ? Chip({ tone: 'miss', children: 'none set' }) : Chip({ tone: 'warn', children: setN+'/'+keys.length }),
-                children: h('div', { class: 'fd-chips' }, ...keys.map(k => h('span', { key: k.key, 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); } }, class: 'fd-chip-wrap' }, Chip({ tone: k.set ? 'ok' : 'miss', children: k.key + (k.set ? ' ✓' : ' ·') }))))
-            });
-        })
-    ].filter(Boolean);
-}
-
-export async function tools(h0) {
-    const list = [...h0.pi.tools.values()];
-    const envIsSet = k => typeof h0.pi.env?.isSet === 'function' ? h0.pi.env.isSet(k) : false;
-    const f = window.__fd_toolFilter = window.__fd_toolFilter || { q: '' };
-    const q = (f.q || '').toLowerCase();
-    const filtered = q ? list.filter(t => (t.name||'').toLowerCase().includes(q) || (t.description||'').toLowerCase().includes(q) || (t.toolset||'').toLowerCase().includes(q)) : list;
-    const bySet = filtered.reduce((a, t) => { (a[t.toolset||'core'] = a[t.toolset||'core'] || []).push(t); return a; }, {});
-    const search = h('input', { type: 'search', placeholder: 'filter tools…', value: f.q, oninput: ev => { f.q = ev.target.value; if (typeof window.__fd_nav === 'function') window.__fd_nav('tools'); }, class: 'fd-search' });
-    return [
-        Hero({ title: 'tools', body: 'every tool the agent can call. param count + required env per row.', accent: list.length+' tools' }),
-        Kpi({ items: [[list.length,'tools'],[filtered.length,'shown'],[Object.keys(bySet).length,'toolsets']] }),
-        Panel({ title: 'filter', right: search, children: filtered.length === 0 ? EmptyState({ text: 'no matches for "'+f.q+'"', glyph: '⌕' }) : h('span', { class: 'fd-muted' }, filtered.length+' / '+list.length+' tools shown') }),
-        ...Object.entries(bySet).map(([ts, items]) => Panel({ title: 'toolset · '+ts, count: items.length, children: h('div', { class: 'fd-list' }, ...items.map(t => {
-            const params = t.schema?.parameters?.properties ? Object.keys(t.schema.parameters.properties).length : 0;
-            const reqEnv = Array.isArray(t.requiresEnv) ? t.requiresEnv : [];
-            return h('div', { key: t.name, class: 'fd-list-row', 'data-cat': 'kit' },
-                h('span', { class: 'fd-list-code' }, '⚒'),
-                h('div', { class: 'fd-list-main' },
-                    h('div', { class: 'fd-list-title fd-mono' }, t.name),
-                    h('div', { class: 'fd-list-sub' }, (t.description || (t.schema && t.schema.description) || '').slice(0,120))
-                ),
-                h('div', { class: 'fd-list-meta' },
-                    params > 0 ? Chip({ tone: 'neutral', children: params+' params' }) : null,
-                    ...reqEnv.map(k => Chip({ tone: envIsSet(k) ? 'ok' : 'miss', children: k }))
-                ));
-        })) }))
-    ];
-}
-

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

@@ -1,170 +0,0 @@
-import * as webjsx from '../../../vendor/webjsx/index.js';
-import { Panel, Hero, Receipt, Kpi } from '../content.js';
-import { Chip } from '../shell.js';
-import { EmptyState } from '../files.js';
-import { skillLabel } from './helpers.js';
-const h = webjsx.createElement;
-
-export async function home(h0) {
-    const sessions = await h0.pi.sessions.list();
-    const health = h0.pi.health();
-    const fmt = (k, v) => {
-        if (k === 'ts' && typeof v === 'number') { const d = new Date(v); return d.toISOString().replace('T', ' ').slice(0, 19) + ' UTC'; }
-        if (typeof v === 'boolean') return v ? '✓' : '✗';
-        return String(v);
-    };
-    return [
-        Hero({ title: 'freddie', body: 'open js agent harness.', accent: h0.version || 'web' }),
-        Kpi({ items: [[sessions.length,'sessions'],[h0.pi.tools.size,'tools'],[h0.pi.skills.size,'skills']] }),
-        Panel({ title: 'quick start', children: Receipt({ rows: [
-            ['open chat',"click 'chat' — set a working directory"],
-            ['pick skill','software dev, research, planning'],
-            ['set api key','keys tab → click chip'],
-            ['add cron','cron tab → form']
-        ] }) }),
-        Panel({ title: 'system status', children: Receipt({ rows: Object.entries(health).map(([k,v]) => [k, fmt(k, v)]) }) })
-    ];
-}
-
-function relTime(ts) {
-    if (!ts) return '';
-    const t = typeof ts === 'string' ? Date.parse(ts) : Number(ts);
-    if (!Number.isFinite(t)) return '';
-    const diff = (Date.now() - t) / 1000;
-    if (diff < 60) return Math.floor(diff)+'s ago';
-    if (diff < 3600) return Math.floor(diff/60)+'m ago';
-    if (diff < 86400) return Math.floor(diff/3600)+'h ago';
-    if (diff < 86400*30) return Math.floor(diff/86400)+'d ago';
-    return new Date(t).toISOString().slice(0,10);
-}
-
-const PLATFORM_CAT = { web: 'kit', cli: 'doc', telegram: 'preview', slack: 'preview', discord: 'preview', api_server: 'external', webhook: 'external' };
-
-export async function sessions(h0) {
-    const list = await h0.pi.sessions.list();
-    const f = window.__fd_sessFilter = window.__fd_sessFilter || { q: '' };
-    const q = (f.q || '').toLowerCase();
-    const filtered = q ? list.filter(s => (s.title||'').toLowerCase().includes(q) || (s.id||'').includes(q) || (s.platform||'').toLowerCase().includes(q) || (s.cwd||'').toLowerCase().includes(q)) : list;
-    const openSession = async s => {
-        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');
-    };
-    const items = filtered.map(s => {
-        const cat = PLATFORM_CAT[s.platform] || 'doc';
-        const subParts = [s.platform || '—', s.model || '—', s.skill ? skillLabel({name:s.skill}) : null].filter(Boolean);
-        const cwdMeta = s.cwd ? '…'+s.cwd.slice(-28) : '';
-        const tsMeta = relTime(s.updated_at || s.created_at || s.ts);
-        return h('div', { key: s.id, class: 'fd-list-row', 'data-cat': cat, role: 'button', tabindex: '0', onclick: () => openSession(s), onkeydown: ev => { if (ev.key === 'Enter' || ev.key === ' ') { ev.preventDefault(); openSession(s); } } },
-            h('span', { class: 'fd-list-code' }, (s.id||'').slice(0,8)),
-            h('div', { class: 'fd-list-main' },
-                h('div', { class: 'fd-list-title' }, s.title || '(untitled)'),
-                h('div', { class: 'fd-list-sub' }, subParts.join(' · '))
-            ),
-            h('div', { class: 'fd-list-meta' },
-                cwdMeta ? h('span', { class: 'fd-list-meta-mono' }, cwdMeta) : null,
-                tsMeta ? h('span', { class: 'fd-list-meta-rel' }, tsMeta) : null
-            )
-        );
-    });
-    const search = h('input', { type: 'search', 'aria-label': 'filter sessions', placeholder: 'filter by title / id / platform / cwd…', value: f.q, oninput: ev => { f.q = ev.target.value; if (typeof window.__fd_nav === 'function') window.__fd_nav('sessions'); }, class: 'fd-search' });
-    const body = list.length === 0
-        ? EmptyState({ text: 'no sessions yet — start one in /chat', glyph: '✉' })
-        : filtered.length === 0
-            ? EmptyState({ text: 'no matches for "'+f.q+'"', glyph: '⌕' })
-            : h('div', { class: 'fd-list' }, ...items);
-    return [
-        Hero({ title: 'sessions', body: 'every chat turn lives here. click a row to continue.', accent: list.length+' total' }),
-        Kpi({ items: [[list.length,'sessions'],[filtered.length,'shown']] }),
-        Panel({ title: 'sessions', count: filtered.length, right: search, children: body })
-    ];
-}
-
-export async function projects(h0) {
-    const list = h0.pi.projects.list();
-    const active = h0.pi.projects.active();
-    const rows = h('div', { class: 'fd-list' }, ...list.map(p => {
-        const isActive = p.name === active?.name;
-        return h('div', { key: p.name, class: 'fd-list-row', 'data-cat': isActive ? 'kit' : 'doc', role: 'button', tabindex: '0',
-            onclick: () => { if (!isActive) h0.pi.projects.setActive(p.name); },
-            onkeydown: ev => { if ((ev.key === 'Enter' || ev.key === ' ') && !isActive) { ev.preventDefault(); h0.pi.projects.setActive(p.name); } } },
-            h('span', { class: 'fd-list-code' }, isActive ? '●' : '○'),
-            h('div', { class: 'fd-list-main' },
-                h('div', { class: 'fd-list-title' }, p.name + (isActive ? '  (active)' : '')),
-                h('div', { class: 'fd-list-sub' }, p.path)
-            ));
-    }));
-    return [
-        Hero({ title: 'projects', body: 'each project is its own ~/.freddie home.', accent: active ? 'active · '+active.name : 'no active project' }),
-        Kpi({ items: [[list.length,'projects'],[active?.name||'—','active']] }),
-        Panel({ title: 'add project', children: h('form', { class: 'row-form', onsubmit: ev => { ev.preventDefault(); h0.pi.projects.create({ name: ev.target.elements.name.value, path: ev.target.elements.path.value }); } },
-            h('input', { name: 'name', placeholder: 'name', required: 'true' }),
-            h('input', { name: 'path', placeholder: '/abs/path' }),
-            h('button', { type: 'submit', class: 'btn-primary' }, 'add')
-        ) }),
-        Panel({ title: 'all projects', count: list.length, children: list.length ? rows : EmptyState({ text: 'no projects', glyph: '◆' }) })
-    ];
-}
-
-export async function agents(h0) {
-    const a = typeof h0.pi.agents === 'function' ? await h0.pi.agents() : { count: 0, turns: 0, active: null };
-    const sList = await h0.pi.sessions.list();
-    const recent = sList.slice(0, 10);
-    const idle = !a.count;
-    return [
-        Hero({ title: 'agents', body: 'agent state machine snapshot. one xstate per turn.', accent: idle ? 'idle' : (a.count+' active') }),
-        Kpi({ items: [[a.count||0,'active'],[a.turns||0,'turns total'],[sList.length,'sessions in store']] }),
-        idle
-            ? Panel({ title: 'no agent running', children: EmptyState({ text: 'start an agent by sending a prompt in /chat', glyph: '◌' }) })
-            : Panel({ title: 'current agent', children: Receipt({ rows: [
-                ['active session', a.active || '(none)'],
-                ['total turns', String(a.turns || 0)],
-                ['last activity', a.last_activity ? new Date(a.last_activity).toISOString().replace('T',' ').slice(0,19)+' UTC' : '—']
-            ] }) }),
-        Panel({ title: 'recent sessions', count: recent.length, children: recent.length === 0
-            ? EmptyState({ text: 'no recent sessions', glyph: '✉' })
-            : h('div', { class: 'fd-list' }, ...recent.map(s => h('div', { key: s.id, class: 'fd-list-row', 'data-cat': PLATFORM_CAT[s.platform] || 'doc' },
-                h('span', { class: 'fd-list-code' }, (s.id||'').slice(0,8)),
-                h('div', { class: 'fd-list-main' },
-                    h('div', { class: 'fd-list-title' }, s.title || '(untitled)'),
-                    h('div', { class: 'fd-list-sub' }, [s.platform||'—', s.model||'—'].join(' · '))
-                ),
-                h('div', { class: 'fd-list-meta' },
-                    h('span', { class: 'fd-list-meta-mono' }, String(s.turns ?? s.message_count ?? 0)+' turns')
-                )
-            )))
-        })
-    ];
-}
-
-export async function analytics(h0) {
-    const list = await h0.pi.sessions.list();
-    const tools = [...h0.pi.tools.values()];
-    const skills = [...h0.pi.skills.values()];
-    const byPlat = list.reduce((a,s) => { const k = s.platform||'(unset)'; a[k] = (a[k]||0)+1; return a; }, {});
-    const byModel = list.reduce((a,s) => { const k = s.model||'(unset)'; a[k] = (a[k]||0)+1; return a; }, {});
-    const byToolset = tools.reduce((a,t) => { const k = t.toolset||'core'; a[k] = (a[k]||0)+1; return a; }, {});
-    const bySkillCat = skills.reduce((a,s) => { const k = s.category||'other'; a[k] = (a[k]||0)+1; return a; }, {});
-    const sortDesc = obj => Object.entries(obj).sort((a,b) => b[1]-a[1]);
-    const CAT_BY_TITLE = { 'by platform': 'kit', 'by model': 'preview', 'by toolset': 'doc', 'by skill category': 'external' };
-    const mkPanel = (title, obj, glyph) => Panel({ title, count: Object.keys(obj).length, children: Object.keys(obj).length === 0
-        ? EmptyState({ text: 'no data', glyph })
-        : h('div', { class: 'fd-list fd-list-compact' }, ...sortDesc(obj).map(([k, n], i) => h('div', { key: k, class: 'fd-list-row', 'data-cat': CAT_BY_TITLE[title] || 'doc' },
-            h('span', { class: 'fd-list-code' }, String(i+1).padStart(2,'0')),
-            h('div', { class: 'fd-list-main' }, h('div', { class: 'fd-list-title' }, k)),
-            h('div', { class: 'fd-list-meta' }, h('span', { class: 'fd-list-meta-mono' }, String(n)))
-        )))
-    });
-    return [
-        Hero({ title: 'analytics', body: 'shape of work — what platforms, what models, what tools.' }),
-        Kpi({ items: [[list.length,'sessions'],[tools.length,'tools'],[skills.length,'skills']] }),
-        mkPanel('by platform', byPlat, '◉'),
-        mkPanel('by model', byModel, '◎'),
-        mkPanel('by toolset', byToolset, '⚒'),
-        mkPanel('by skill category', bySkillCat, '◈')
-    ];
-}

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

@@ -1,69 +0,0 @@
-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;
-
-export async function batch(h0) {
-    const results = window.__fd_batchResults = window.__fd_batchResults || [];
-    const status = window.__fd_batchStatus = window.__fd_batchStatus || { running: false, error: null };
-    const onSubmit = async ev => {
-        const prompts = ev.target.elements.prompts.value.split('\n').map(s => s.trim()).filter(Boolean);
-        if (!prompts.length) return;
-        status.running = true; status.error = null; window.__fd_batchResults = [];
-        if (typeof window.__fd_nav === 'function') window.__fd_nav('batch');
-        try {
-            const r = await h0.pi.batch.run(prompts, Number(ev.target.elements.concurrency.value) || 4);
-            const arr = Array.isArray(r) ? r : (r && typeof r === 'object' ? Object.entries(r).map(([k, v]) => ({ prompt: k, result: v })) : []);
-            window.__fd_batchResults = arr;
-        } catch (e) { status.error = e.message || String(e); }
-        status.running = false;
-        if (typeof window.__fd_nav === 'function') window.__fd_nav('batch');
-    };
-    const resPanel = status.running ? Panel({ title: 'results', children: h('span', {}, 'running…') })
-        : status.error ? Panel({ title: 'results', children: h('span', { class: 'fd-muted' }, 'error: '+status.error) })
-        : results.length === 0 ? Panel({ title: 'results', children: EmptyState({ text: 'no results yet', glyph: '⊞' }) })
-        : Panel({ title: 'results', count: results.length, children: h('div', { class: 'fd-list' }, ...results.map((it, i) => h('div', { key: i, class: 'fd-list-row', 'data-cat': it.error ? 'external' : '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' }, (it.prompt||'').slice(0,80)),
-                h('div', { class: 'fd-list-sub' }, (it.result||it.error||'').slice(0,160))
-            ),
-            h('div', { class: 'fd-list-meta' }, h('span', { class: 'fd-list-meta-mono' }, it.error ? 'error' : 'ok'))
-        ))) });
-    return [
-        Hero({ title: 'batch', body: 'run many prompts in parallel. one per line.', accent: results.length ? results.length+' results' : 'idle' }),
-        Panel({ title: 'run batch', children: Form({ fields: [
-            { name: 'prompts', kind: 'textarea', placeholder: 'one prompt per line', rows: 6 },
-            { name: 'concurrency', type: 'number', value: '4' }
-        ], submit: 'run', onSubmit }) }),
-        resPanel
-    ];
-}
-
-export async function gateway(h0) {
-    const platforms = typeof h0.pi.gateway?.platforms === 'function' ? h0.pi.gateway.platforms() : [];
-    const active = platforms.filter(p => p.enabled);
-    const envIsSet = k => typeof h0.pi.env?.isSet === 'function' ? h0.pi.env.isSet(k) : false;
-    return [
-        Hero({ title: 'gateway', body: 'webhook + bot platforms. each adapter declares required env keys.', accent: active.length+' / '+platforms.length+' active' }),
-        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: '⇌' }) : h('div', { class: 'fd-list' }, ...platforms.map(p => {
-                const reqEnv = Array.isArray(p.requiresEnv) ? p.requiresEnv : [];
-                const setN = reqEnv.filter(envIsSet).length;
-                const envSummary = reqEnv.length === 0 ? '' : setN === reqEnv.length ? '✓ env ready' : 'missing '+(reqEnv.length-setN)+' / '+reqEnv.length;
-                return h('div', { key: p.name, class: 'fd-list-row', 'data-cat': p.enabled ? 'kit' : 'external' },
-                    h('span', { class: 'fd-list-code' }, p.enabled ? '●' : '○'),
-                    h('div', { class: 'fd-list-main' },
-                        h('div', { class: 'fd-list-title' }, p.name),
-                        h('div', { class: 'fd-list-sub' }, p.note || '—')
-                    ),
-                    h('div', { class: 'fd-list-meta' },
-                        h('span', { class: 'fd-list-meta-mono' }, p.enabled ? 'enabled' : 'disabled'),
-                        envSummary ? h('span', { class: 'fd-list-meta-rel' }, envSummary) : null
-                    ));
-            }))
-        })
-    ];
-}