anentrypoint-design 0.0.461 → 0.0.463

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.461",
+  "version": "0.0.463",
   "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,7 @@
 
 import * as webjsx from '../../../vendor/webjsx/index.js';
 import { makePage, api, loadingState, emptyState } from './runtime.js';
-import { Table, PageHeader } from '../content.js';
+import { Table, PageHeader, Select } from '../content.js';
 import { Chip } from '../shell.js';
 import { formatTime } from '../../locale.js';
 import { queueMessage, watchReconnect, isOnline } from '../../idb-outbox.js';
@@ -86,7 +86,37 @@ function applyEnvelope(msgs, env, sendApprove) {
 }
 
 export const chat = makePage((ctx) => {
-    Object.assign(ctx.state, { loading: false, messages: [], draft: '', busy: false, error: null, sessionId: null, ws: null, conn: 'closed' });
+    Object.assign(ctx.state, { loading: false, messages: [], draft: '', busy: false, error: null, sessionId: null, ws: null, conn: 'closed', sessions: [], staged: [] });
+
+    // Session picker (kimi web's sessions sidebar, compact form): recent
+    // conversations from /api/sessions, needsInput badges included. Picking
+    // one reconnects the WS under that id and rebuilds from server replay.
+    api('/api/sessions').then(rows => { ctx.state.sessions = Array.isArray(rows) ? rows : []; ctx.rerender(); }).catch(() => { /* swallow: picker degrades to new-chat-only */ });
+
+    // File upload (kimi web parity): files are staged to disk via the gui-agent
+    // endpoint and ride the next prompt frame as path references — the agent
+    // reads them with its file tools, so no model-capability negotiation here.
+    async function attachFiles(fileList) {
+        const st = ctx.state;
+        if (!st.sessionId) st.sessionId = newSessionId();
+        for (const file of fileList || []) {
+            try {
+                const dataUrl = await new Promise((res, rej) => { const r = new FileReader(); r.onload = () => res(r.result); r.onerror = rej; r.readAsDataURL(file); });
+                const base64 = String(dataUrl).split(',')[1] || '';
+                const r = await api('/api/sessions/' + encodeURIComponent(st.sessionId) + '/files', { method: 'POST', body: { name: file.name, contentBase64: base64 } });
+                if (r && r.path) { st.staged = [...st.staged, { name: r.name || file.name, path: r.path }]; }
+            } catch (e) { ctx.set({ error: 'upload failed: ' + (e && e.message || e) }); }
+        }
+        ctx.rerender();
+    }
+
+    function switchSession(id) {
+        const st = ctx.state;
+        if (!id || id === st.sessionId) return;
+        try { st.ws && st.ws.close(); } catch { /* already closed */ }
+        ctx.set({ sessionId: id, messages: [], ws: null, conn: 'closed', busy: false, error: null });
+        ensureWs();
+    }
 
     // Offline outbox: a prompt sent while genuinely offline queues to
     // IndexedDB and auto-flushes on the real 'online' event via the legacy
@@ -144,6 +174,8 @@ export const chat = makePage((ctx) => {
                         if (f.error && !c.error) c.error = f.error;
                     }
                     ctx.set({ busy: false });
+                    // New turns can create/rename sessions — refresh the picker.
+                    api('/api/sessions').then(rows => { ctx.state.sessions = Array.isArray(rows) ? rows : []; ctx.rerender(); }).catch(() => { /* swallow: picker refresh is best-effort */ });
                 } else if (f.type === 'error') {
                     const c = cur();
                     if (c && c.role === 'assistant') c.error = f.error;
@@ -191,11 +223,13 @@ export const chat = makePage((ctx) => {
             return;
         }
 
-        if (!ensureWs() || !sendFrame({ type: 'prompt', text: t })) {
+        if (!ensureWs() || !sendFrame({ type: 'prompt', text: t, attachments: s().staged.map(f => ({ name: f.name, path: f.path })) })) {
             curMsg.error = 'agent workspace connection unavailable';
             delete curMsg._live;
             ctx.set({ busy: false });
+            return;
         }
+        ctx.set({ staged: [] });
     }
 
     function stop() {
@@ -208,6 +242,20 @@ export const chat = makePage((ctx) => {
     return () => {
         const st = s();
         return h('div', { class: 'fd-chat' },
+            h('div', { class: 'fd-chat-picker' },
+                st.sessions.length ? Select({
+                    value: st.sessionId || '',
+                    placeholder: 'new conversation',
+                    'aria-label': 'switch conversation',
+                    options: st.sessions.map(row => ({ value: row.id, label: (row.title || '(untitled)').slice(0, 60) + (row.needsInput ? ' — needs input' : '') })),
+                    onChange: switchSession,
+                }) : null,
+                h('label', { class: 'fd-chat-attach', title: 'attach files to the next message' },
+                    'attach',
+                    h('input', { type: 'file', multiple: true, style: 'display:none', onchange: (e) => { attachFiles(e.target.files); e.target.value = ''; } })),
+                ...st.staged.map((f, i) => h('span', { key: 'st' + i, class: 'fd-chat-staged' },
+                    f.name,
+                    h('button', { type: 'button', class: 'fd-chat-staged-x', 'aria-label': 'remove ' + f.name, onclick: () => { st.staged = st.staged.filter((_, j) => j !== i); ctx.rerender(); } }, '×')))),
             AgentChat({
                 messages: st.messages,
                 busy: st.busy,