freddie 0.0.121 → 0.0.122

package/src/web/state.js

@@ -1,8 +1,37 @@
 import { h } from 'anentrypoint-design';
 
-export const j = async (u, opts) => { const r = await fetch(u, opts); if (!r.ok) throw new Error(r.status + ' ' + r.statusText); return r.json(); };
+export const j = async (u, opts) => {
+    const r = await fetch(u, opts);
+    if (!r.ok) {
+        let detail = '';
+        try {
+            const ct = r.headers.get('content-type') || '';
+            const raw = await r.text();
+            if (ct.includes('json')) {
+                try { const b = JSON.parse(raw); detail = b.error ? (b.error + (b.hint ? ' — ' + b.hint : '')) : raw; } catch { detail = raw; }
+            } else { detail = raw; }
+        } catch { /* body unreadable */ }
+        throw new Error(r.status + ' ' + r.statusText + (detail ? ': ' + String(detail).slice(0, 500) : ''));
+    }
+    return r.json();
+};
 export const post = (u, b) => j(u, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(b) });
 
+// Wrap a mutation so a rejection is surfaced to the user (app.js installs
+// window.__fd_notify — a transient toast) AND still rejected, so callers that
+// have their own catch/finally (e.g. button spinners) keep working. Without
+// this, a thrown mutation error vanished silently into the console.
+export function wrapMutation(label, fn) {
+    return async (...args) => {
+        try { return await fn(...args); }
+        catch (e) {
+            const msg = label + ' failed: ' + String(e && e.message || e);
+            try { if (typeof window !== 'undefined' && window.__fd_notify) window.__fd_notify(msg); } catch { /* notify unavailable */ }
+            throw e;
+        }
+    };
+}
+
 export function reg(arr, keyFn = x => x.name) {
     const m = new Map();
     for (const it of arr || []) m.set(keyFn(it), it);
@@ -10,20 +39,26 @@ export function reg(arr, keyFn = x => x.name) {
 }
 
 export async function fetchHost() {
+    // Track boot fetch failures so app.js can surface a degraded-backend warning.
+    let _fails = 0;
+    const settled = (p, fb) => p.catch(() => { _fails++; return fb; });
     const [tools, skillsR, cron, projR, env, gateway, health, commands] = await Promise.all([
-        j('/api/tools/detail').catch(() => []),
-        j('/api/skills').catch(() => ({ home: [], bundled: [] })),
-        j('/api/cron').catch(() => []),
-        j('/api/projects').catch(() => ({ active: null, projects: [] })),
-        j('/api/env').catch(() => []),
-        j('/api/gateway').catch(() => ({ platforms: [] })),
-        j('/api/health').catch(() => ({ ok: false })),
-        j('/api/commands').catch(() => []),
+        settled(j('/api/tools/detail'), []),
+        settled(j('/api/skills'), { home: [], bundled: [] }),
+        settled(j('/api/cron'), []),
+        settled(j('/api/projects'), { active: null, projects: [] }),
+        settled(j('/api/env'), []),
+        settled(j('/api/gateway'), { platforms: [] }),
+        settled(j('/api/health'), { ok: false }),
+        settled(j('/api/commands'), []),
     ]);
     const skillList = [...(skillsR.home || []), ...(skillsR.bundled || [])];
     const projList = projR.projects || [];
+    // degraded: every boot endpoint failed — the backend is unreachable/broken.
+    const degraded = _fails >= 8;
     return {
         kind: 'freddie-web', version: 'web',
+        degraded,
         pi: {
             tools: reg(tools),
             skills: reg(skillList, s => s.name || s.id),
@@ -31,9 +66,9 @@ export async function fetchHost() {
             projects: {
                 list: () => projList,
                 active: () => projR.active,
-                create: ({ name, path }) => post('/api/projects', { name, path }).then(() => location.reload()),
-                remove: name => fetch('/api/projects/' + encodeURIComponent(name), { method: 'DELETE' }).then(() => location.reload()),
-                setActive: name => post('/api/projects/active', { name }).then(() => location.reload()),
+                create: wrapMutation('create project', ({ name, path }) => post('/api/projects', { name, path }).then(() => location.reload())),
+                remove: wrapMutation('delete project', name => fetch('/api/projects/' + encodeURIComponent(name), { method: 'DELETE' }).then(() => location.reload())),
+                setActive: wrapMutation('switch project', name => post('/api/projects/active', { name }).then(() => location.reload())),
             },
             sessions: {
                 list: () => j('/api/sessions').catch(() => []),
@@ -42,8 +77,8 @@ export async function fetchHost() {
             },
             cron: {
                 list: () => Promise.resolve(cron),
-                create: job => post('/api/cron', job),
-                delete: id => fetch('/api/cron/' + id, { method: 'DELETE' }),
+                create: wrapMutation('create cron job', job => post('/api/cron', job)),
+                delete: wrapMutation('delete cron job', id => fetch('/api/cron/' + id, { method: 'DELETE' })),
             },
             env: { list: () => env, isSet: k => (env.find(e => e.key === k) || {}).set || false },
             gateway: { platforms: () => gateway.platforms || [] },
@@ -51,31 +86,38 @@ export async function fetchHost() {
             health: () => health,
             config: {
                 load: () => j('/api/config').catch(() => ({})),
-                saveValue: (key, value) => post('/api/config', { key, value }),
+                saveValue: wrapMutation('save config', (key, value) => post('/api/config', { key, value })),
             },
-            chat: { send: text => post('/api/chat', { text }) },
-            batch: { run: (prompts, conc) => post('/api/batch', { prompts, concurrency: conc }) },
+            // Handler reads `prompt` and (for plain fetch) returns `{ result }`.
+            chat: { send: wrapMutation('send message', prompt => post('/api/chat', { prompt })) },
+            batch: { run: wrapMutation('run batch', (prompts, conc) => post('/api/batch', { prompts, concurrency: conc })) },
             hooks: {},
         },
     };
 }
 
+// `icon` is an anentrypoint-design SDK Icon() name (monochrome inline SVG),
+// not a decorative unicode glyph — the nav chrome reads as one icon set.
 export const ROUTES = [
-    { path: 'home',      label: 'home',      glyph: '⌂' },
-    { path: 'chat',      label: 'chat',      glyph: '⌨' },
-    { path: 'voice',     label: 'voice',     glyph: '◍' },
-    { path: 'sessions',  label: 'sessions',  glyph: '✉' },
-    { path: 'projects',  label: 'projects',  glyph: '◆' },
-    { path: 'agents',    label: 'agents',    glyph: '◈' },
-    { path: 'analytics', label: 'analytics', glyph: '◉' },
-    { path: 'models',    label: 'models',    glyph: '◎' },
-    { path: 'cron',      label: 'cron',      glyph: '◷' },
-    { path: 'skills',    label: 'skills',    glyph: '✦' },
-    { path: 'config',    label: 'config',    glyph: '⚙' },
-    { path: 'env',       label: 'keys',      glyph: '⚿' },
-    { path: 'tools',     label: 'tools',     glyph: '⚒' },
-    { path: 'batch',     label: 'batch',     glyph: '⊞' },
-    { path: 'gateway',   label: 'gateway',   glyph: '⇌' },
+    { path: 'home',      label: 'home',      icon: 'page' },
+    { path: 'chat',      label: 'chat',      icon: 'forum' },
+    { path: 'voice',     label: 'voice',     icon: 'mic' },
+    { path: 'sessions',  label: 'sessions',  icon: 'thread' },
+    { path: 'projects',  label: 'projects',  icon: 'square' },
+    { path: 'agents',    label: 'agents',    icon: 'members' },
+    { path: 'analytics', label: 'analytics', icon: 'activity' },
+    { path: 'models',    label: 'models',    icon: 'circle-dot' },
+    { path: 'cron',      label: 'cron',      icon: 'play' },
+    { path: 'skills',    label: 'skills',    icon: 'check' },
+    { path: 'config',    label: 'config',    icon: 'settings' },
+    { path: 'env',       label: 'keys',      icon: 'hash' },
+    { path: 'tools',     label: 'tools',     icon: 'more-horizontal' },
+    { path: 'batch',     label: 'batch',     icon: 'square' },
+    { path: 'gateway',   label: 'gateway',   icon: 'arrow-right' },
+    { path: 'chains',    label: 'chains',    icon: 'chevron-right' },
+    { path: 'machines',  label: 'machines',  icon: 'settings' },
+    { path: 'health',    label: 'health',    icon: 'activity' },
+    { path: 'debug',     label: 'debug',     icon: 'circle' },
 ];
 
 export function pre(obj) {