anentrypoint-design 0.0.95 → 0.0.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.95",
+  "version": "0.0.97",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

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

@@ -0,0 +1,168 @@
+// 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-config-edit.js

@@ -8,6 +8,9 @@ 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' },

package/src/components/freddie.js

@@ -5,6 +5,7 @@ export { models, cron, skills, env, tools } from './freddie/pages-config.js';
 export { batch, gateway } from './freddie/pages-runtime.js';
 export { config } from './freddie/pages-config-edit.js';
 export { voice } from './freddie/pages-voice.js';
+export { chains } from './freddie/pages-chains.js';
 
 import { home, sessions, projects, agents, analytics } from './freddie/pages-core.js';
 import { chat } from './freddie/pages-chat.js';
@@ -12,4 +13,5 @@ import { models, cron, skills, env, tools } from './freddie/pages-config.js';
 import { batch, gateway } from './freddie/pages-runtime.js';
 import { config } from './freddie/pages-config-edit.js';
 import { voice } from './freddie/pages-voice.js';
-export const FREDDIE_PAGES = { home, chat, voice, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway };
+import { chains } from './freddie/pages-chains.js';
+export const FREDDIE_PAGES = { home, chat, voice, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, chains };

package/src/components.js

@@ -41,6 +41,6 @@ export {
 } from './components/community.js';
 
 export {
-    home, chat, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway,
+    home, chat, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, chains,
     skillLabel, getRecentPaths, saveRecentPath, renderChatMessages, FREDDIE_PAGES
 } from './components/freddie.js';

package/src/index.js

@@ -49,7 +49,7 @@ export {
 };
 export const h = webjsx.createElement;
 export const applyDiff = webjsx.applyDiff;
-export { FREDDIE_PAGES, home, chat, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, skillLabel, getRecentPaths, saveRecentPath, renderChatMessages } from './components.js';
+export { FREDDIE_PAGES, home, chat, sessions, projects, agents, analytics, models, cron, skills, config, env, tools, batch, gateway, chains, skillLabel, getRecentPaths, saveRecentPath, renderChatMessages } from './components.js';
 export default {
     webjsx, loadCss, scope, installStyles, mount, h, applyDiff,
     registerDeckStage, getDeckStage, components, motion, debug, mountKit,