anentrypoint-design 0.0.91 → 0.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.91",
+  "version": "0.0.93",
   "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-chat.js

@@ -17,7 +17,10 @@ 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 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');
@@ -91,8 +94,11 @@ export async function chat(h0) {
                         )
                     ),
                     h('div', { class: 'fd-col' },
-                        h('label', { class: 'fd-label' }, 'model'),
-                        h('input', { name: 'model', type: 'text', placeholder: 'default', value: cs.model, oninput: ev => { cs.model = ev.target.value; } })
+                        h('label', { class: 'fd-label' }, 'model · ' + v1Models.length + ' available'),
+                        h('select', { name: 'model', onchange: ev => { cs.model = ev.target.value; try { localStorage.setItem('fd-chat-model', cs.model) } catch {} } },
+                            h('option', { value: '' }, '— auto —'),
+                            ...v1Models.map(m => h('option', { value: m.id, selected: cs.model === m.id ? 'true' : null }, m.id))
+                        )
                     )
                 ),
                 h('div', { class: 'fd-chat-send-row' },

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

@@ -65,13 +65,64 @@ function editor(field, cur, defVal, h0, skins) {
         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 commands = typeof h0.pi.cli?.values === 'function' ? [...h0.pi.cli.values()] : [];
     const settingsPanel = Panel({ title: 'settings', count: KNOWN_FIELDS.length,
-        children: KNOWN_FIELDS.map(f => editor(f, getDot(cfg, f.key), getDot(defaults, f.key), h0, skins)) });
+        children: KNOWN_FIELDS.filter(f => f.key !== 'agent.model_preference').map(f => editor(f, getDot(cfg, f.key), getDot(defaults, f.key), h0, skins)) });
+    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 }
@@ -89,8 +140,9 @@ export async function config(h0) {
         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'],[commands.length,'commands'],[cfg._config_version||0,'version'],[skins.length,'skins']] }),
+        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,