anentrypoint-design 0.0.92 → 0.0.94

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "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,12 @@ 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');
@@ -91,8 +96,16 @@ 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'),
+                        (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' },

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

@@ -9,7 +9,7 @@ const KNOWN_FIELDS = [
     { 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: 'agent.provider', label: 'agent provider', kind: 'string' },
-    { key: 'agent.model', label: 'agent model', 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' },
@@ -21,6 +21,15 @@ const KNOWN_FIELDS = [
 
 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…';
@@ -31,10 +40,20 @@ function commit(h0, key, value) {
 
 function rerender() { if (typeof window.__fd_nav === 'function') window.__fd_nav('config'); }
 
-function editor(field, cur, defVal, h0, skins) {
+function editor(field, cur, defVal, h0, skins, v1Models, sampler) {
     const status = (window.__fd_cfg_status || {})[field.key];
     let control;
-    if (field.kind === 'skin') {
+    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)));
@@ -119,9 +138,11 @@ export async function config(h0) {
     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)) });
+        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 },

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

@@ -9,6 +9,22 @@ 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 => {
@@ -34,9 +50,34 @@ export async function models(h0) {
         ...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 prefTile = Panel({ title: 'model preference (drag to reorder)', count: pref.length,
+        right: h('button', { class: 'btn', onclick: ev => { ev.preventDefault(); pref.push({ provider: '', model: '' }); saveAndNav(pref); } }, '+ add'),
+        children: pref.length === 0
+            ? h('span', { class: 'fd-muted' }, 'no preference — edit on config page or add a row above')
+            : 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' }),
-        Kpi({ items: [[configured.length,'configured'],[probedPanels.length,'probed'],[providers.length-configured.length,'unconfigured']] }),
+        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 || '' }