lastriko 0.1.4 → 0.1.7

package/dist/components/context.test.js

@@ -1,130 +1,87 @@
 import { describe, expect, it } from 'vitest';
 import { UIContext } from './context';
 import { createConnectionScope } from './registry';
-describe('uiContext', () => {
-    it('creates stable ids per component type', () => {
-        const scope = createConnectionScope('c1');
+describe('uiContext Phase 3', () => {
+    it('creates and updates phase 3 input handles', () => {
+        const scope = createConnectionScope('p3-ctx-inputs');
         const ui = new UIContext(scope);
-        const text1 = ui.text('hello');
-        const text2 = ui.text('world');
-        const button = ui.button('Run', () => { });
-        const input = ui.textInput('Name');
-        expect(text1.id).toBe('text-1');
-        expect(text2.id).toBe('text-2');
-        expect(button.id).toBe('button-1');
-        expect(input.id).toBe('textInput-1');
+        const multi = ui.multiSelect('Tags', ['a', 'b', 'c'], { defaults: ['a', 'c'], maxSelections: 2 });
+        const color = ui.colorPicker('Color', { default: '#112233' });
+        const date = ui.dateInput('Date', { default: '2026-04-08' });
+        expect(multi.value).toEqual(['a', 'c']);
+        expect(color.value).toBe('#112233');
+        expect(date.value).toBe('2026-04-08');
+        multi.update({ value: ['b', 'c', 'a'] });
+        color.update({ value: '#abcdef' });
+        date.update({ value: '2026-05-01' });
+        expect(multi.value).toEqual(['b', 'c']);
+        expect(color.value).toBe('#abcdef');
+        expect(date.value).toBe('2026-05-01');
     });
-    it('input change updates value atom and emits FRAGMENT', () => {
-        const scope = createConnectionScope('c2');
+    it('creates advanced passive components', () => {
+        const scope = createConnectionScope('p3-ctx-passive');
         const ui = new UIContext(scope);
-        const slider = ui.slider('Temperature', { min: 0, max: 2, default: 0.7 });
-        slider.update({ value: 1.2 });
-        expect(slider.value).toBe(1.2);
-        expect(scope.outbox).toHaveLength(1);
-        expect(scope.outbox[0]?.type).toBe('FRAGMENT');
+        ui.video('https://example.com/a.mp4', { src: 'https://example.com/a.mp4', autoplay: true });
+        ui.audio('https://example.com/a.mp3', { src: 'https://example.com/a.mp3', label: 'Audio demo' });
+        ui.diff('a\nb', 'a\nc');
+        ui.accordion([{ label: 'S1', defaultOpen: true, content: (s) => s.text('one') }]);
+        ui.filmStrip(['https://example.com/1.png']);
+        ui.beforeAfter('https://example.com/b.png', 'https://example.com/a.png');
+        const types = new Set(scope.listHandles().map((h) => h.type));
+        expect(types.has('video')).toBe(true);
+        expect(types.has('audio')).toBe(true);
+        expect(types.has('diff')).toBe(true);
+        expect(types.has('accordion')).toBe(true);
+        expect(types.has('filmStrip')).toBe(true);
+        expect(types.has('beforeAfter')).toBe(true);
     });
-    it('table handles support prepend, row.update, remove', () => {
-        const scope = createConnectionScope('c3');
+    it('supports fullscreen and modelCompare state updates', () => {
+        const scope = createConnectionScope('p3-ctx-stateful');
         const ui = new UIContext(scope);
-        const table = ui.table([], { columns: ['name', 'status'] });
-        const row = table.prepend({ name: 'exp-1', status: 'queued' });
-        expect(table.rowCount).toBe(1);
-        row.update({ status: 'done' });
-        expect(table.props.rows[0]?.data.status).toBe('done');
-        row.remove();
-        expect(table.rowCount).toBe(0);
-    });
-    it('streamText emits STREAM_CHUNK sequence and done marker', () => {
-        const scope = createConnectionScope('c4');
-        const ui = new UIContext(scope);
-        const stream = ui.streamText({ format: 'plain' });
-        stream.append('Hello');
-        stream.append(' world');
-        stream.done();
-        const chunks = scope.outbox.filter((message) => message.type === 'STREAM_CHUNK');
-        expect(chunks).toHaveLength(3);
-        expect((chunks[0]?.payload).chunk).toBe('Hello');
-        expect((chunks[1]?.payload).chunk).toBe(' world');
-        expect((chunks[2]?.payload).done).toBe(true);
-    });
-    it('chatUI stores and clears connection-scoped message history', () => {
-        const scope = createConnectionScope('c5');
-        const ui = new UIContext(scope);
-        const chat = ui.chatUI();
-        chat.addMessage('user', 'hi');
-        chat.addMessage('assistant', 'hello');
-        expect(chat.value).toHaveLength(2);
-        expect(chat.lastMessage?.content).toBe('hello');
-        chat.clear();
-        expect(chat.value).toHaveLength(0);
-    });
-    it('promptEditor interpolate replaces template variables', () => {
-        const scope = createConnectionScope('c6');
-        const ui = new UIContext(scope);
-        const prompt = ui.promptEditor({ default: 'Write a {{tone}} note about {{topic}}.' });
-        const finalText = prompt.interpolate({ tone: 'formal', topic: 'safety' });
-        expect(finalText).toBe('Write a formal note about safety.');
-    });
-    it('tabs handle supports setActive for enabled tabs only', () => {
-        const scope = createConnectionScope('c7');
-        const ui = new UIContext(scope);
-        const tabs = ui.tabs([
-            { label: 'One', content: (t) => t.text('first') },
-            { label: 'Two', content: (t) => t.text('second'), disabled: true },
-        ], { defaultTab: 'One' });
-        expect(tabs.value).toBe('One');
-        tabs.setActive('Two');
-        expect(tabs.value).toBe('One');
-        tabs.setActive('One');
-        expect(tabs.value).toBe('One');
-        expect(scope.outbox.filter((message) => message.type === 'FRAGMENT').length).toBeGreaterThan(0);
+        const fullscreen = ui.fullscreen((f) => {
+            f.text('full');
+        }, { trigger: 'manual' });
+        const model = ui.modelCompare([{ label: 'M1', model: 'x', provider: 'p' }], { prompt: 'hello' });
+        expect(model.value.results.M1).toBe('');
+        fullscreen.open();
+        expect(fullscreen.value).toBe(true);
+        fullscreen.close();
+        expect(fullscreen.value).toBe(false);
+        model.update({
+            value: {
+                results: { M1: 'ok' },
+                isStreaming: { M1: false },
+                errors: { M1: null },
+                latencies: { M1: 12 },
+            },
+        });
+        expect(model.results.M1).toBe('ok');
     });
-    it('supports shell/grid helper methods and disconnect hook', () => {
-        const scope = createConnectionScope('c8');
+    it('parameterPanel maps schema to child controls', () => {
+        const scope = createConnectionScope('p3-ctx-params');
         const ui = new UIContext(scope);
-        let disconnected = false;
-        ui.onDisconnect(() => {
-            disconnected = true;
-        });
-        ui.shell({
-            header: (h) => {
-                h.text('header');
-            },
-            sidebar: (s) => {
-                s.text('sidebar');
+        const params = ui.parameterPanel({
+            temperature: { type: 'number', min: 0, max: 2, default: 0.7 },
+            stream: { type: 'boolean', default: true },
+            model: { type: 'select', options: ['a', 'b'], default: 'a' },
+            note: { type: 'string', default: 'x' },
+        }, { title: 'Params', collapsible: true });
+        expect(params.value.temperature).toBe(0.7);
+        expect(params.value.stream).toBe(true);
+        expect(params.value.model).toBe('a');
+        expect(params.value.note).toBe('x');
+        params.update({
+            value: {
+                temperature: 1.1,
+                stream: false,
+                model: 'b',
+                note: 'updated',
             },
-            main: (m) => {
-                m.grid([
-                    (g1) => {
-                        g1.code('const x = 1', { lang: 'ts' });
-                        g1.json({ ok: true }, { label: 'payload' });
-                    },
-                    (g2) => {
-                        g2.alert('info');
-                        g2.loading('loading');
-                    },
-                ], { cols: 2, gap: 8 });
-                m.card('card', (c) => {
-                    c.divider({ label: 'sep' });
-                    c.spacer('sm');
-                });
-            },
-            footer: (f) => {
-                f.text('footer');
-            },
-        }, { sidebarPosition: 'right', sidebarWidth: '300px' });
-        const handles = scope.listHandles();
-        expect(handles.some((h) => h.type === 'shell')).toBe(true);
-        expect(handles.some((h) => h.type === 'grid')).toBe(true);
-        expect(handles.some((h) => h.type === 'code')).toBe(true);
-        expect(handles.some((h) => h.type === 'json')).toBe(true);
-        expect(handles.some((h) => h.type === 'card')).toBe(true);
-        expect(handles.some((h) => h.type === 'divider')).toBe(true);
-        expect(handles.some((h) => h.type === 'spacer')).toBe(true);
-        expect(handles.some((h) => h.type === 'alert')).toBe(true);
-        expect(handles.some((h) => h.type === 'loading')).toBe(true);
-        scope.destroy();
-        expect(disconnected).toBe(true);
+        });
+        expect(params.value.temperature).toBe(1.1);
+        expect(params.value.stream).toBe(false);
+        expect(params.value.model).toBe('b');
+        expect(params.value.note).toBe('updated');
     });
 });
 //# sourceMappingURL=context.test.js.map

package/dist/components/context.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.test.js","sourceRoot":"","sources":["../../src/components/context.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"context.test.js","sourceRoot":"","sources":["../../src/components/context.test.ts"],"names":[],"mappings":"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"}

package/dist/components/registry.d.ts

@@ -1,2 +1,2 @@
-import type { ConnectionScope } from './types';
-export declare function createConnectionScope(id?: string, transport?: ConnectionScope['connection']): ConnectionScope;
+import type { ConnectionScope, ServerConnection } from './types';
+export declare function createConnectionScope(id?: string, transport?: ServerConnection): ConnectionScope;

package/dist/components/registry.js

@@ -10,6 +10,45 @@ export function createConnectionScope(id, transport = { send: () => { } }) {
     const roots = [];
     const cleanupFns = [];
     const outbox = [];
+    const batch = { timer: null, messages: [] };
+    const sendNow = (message) => {
+        outbox.push(message);
+        transport.send(message);
+    };
+    const flushBatch = () => {
+        if (batch.messages.length === 0) {
+            batch.timer = null;
+            return;
+        }
+        const payload = { messages: batch.messages.splice(0) };
+        batch.timer = null;
+        sendNow({ type: 'BATCH', payload });
+    };
+    const scheduleBatchFlush = () => {
+        if (batch.timer) {
+            return;
+        }
+        batch.timer = setTimeout(() => {
+            flushBatch();
+        }, 16);
+    };
+    const enqueueBatchEntry = (entry) => {
+        const isFragment = entry.type === 'FRAGMENT';
+        if (isFragment) {
+            const fragmentId = entry.payload.id;
+            const existing = batch.messages.findIndex((item) => item.type === 'FRAGMENT' && item.payload.id === fragmentId);
+            if (existing >= 0) {
+                batch.messages[existing] = entry;
+            }
+            else {
+                batch.messages.push(entry);
+            }
+            scheduleBatchFlush();
+            return;
+        }
+        batch.messages.push(entry);
+        scheduleBatchFlush();
+    };
     return {
         id: scopeId,
         connection: transport,
@@ -52,19 +91,28 @@ export function createConnectionScope(id, transport = { send: () => { } }) {
             }
         },
         send(message) {
-            outbox.push(message);
-            transport.send(message);
+            if (message.type === 'FRAGMENT' || message.type === 'STREAM_CHUNK') {
+                enqueueBatchEntry(message);
+                return;
+            }
+            sendNow(message);
         },
         pushFragment(handle) {
-            this.send({
+            const fragment = {
                 type: 'FRAGMENT',
                 payload: { id: handle.id, html: renderComponent(handle) },
-            });
+            };
+            this.send(fragment);
         },
         onCleanup(fn) {
             cleanupFns.push(fn);
         },
         clearTransientState() {
+            if (batch.timer) {
+                clearTimeout(batch.timer);
+                batch.timer = null;
+            }
+            batch.messages.length = 0;
             atoms.clear();
             handles.clear();
             counters.clear();

package/dist/components/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/components/registry.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/components/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAG7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,MAAM,UAAU,qBAAqB,CACnC,EAAW,EACX,YAA8B,EAAE,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;IAEhD,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,GAAG,EAAiC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,GAAG,EAA8B,CAAC;IACtD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAyB,CAAC;IAClD,MAAM,KAAK,GAA6B,EAAE,CAAC;IAC3C,MAAM,UAAU,GAAsB,EAAE,CAAC;IACzC,MAAM,MAAM,GAA8B,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IAEzD,MAAM,OAAO,GAAG,CAAC,OAA8B,EAAE,EAAE;QACjD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QACnB,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,UAAU,EAAE,CAAC;QACf,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,EAAE;QACvD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;QAC7C,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;YAChH,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;gBAClB,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;YACD,kBAAkB,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3B,kBAAkB,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,OAAO;QACX,UAAU,EAAE,SAAS;QACrB,KAAK;QACL,OAAO;QACP,QAAQ;QACR,KAAK;QACL,MAAM;QACN,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACjC,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,OAAO,CAAI,GAAW,EAAE,YAAe;YACrC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACrC,CAAC;YACD,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAoB,CAAC;QAC3C,CAAC;QACD,cAAc,CAAC,MAA0B;YACvC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QACjC,CAAC;QACD,SAAS,CAAC,EAAU;YAClB,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC;QACD,WAAW;YACT,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/B,CAAC;QACD,QAAQ,CAAC,IAAI;YACX,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;QACD,SAAS;YACP,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;QACpB,CAAC;QACD,QAAQ,CAAC,EAAU,EAAE,KAAc;YACjC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC9D,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC/B,IAAI,MAAM,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;gBAC5F,MAAM,CAAC,KAAiC,CAAC,KAAK,GAAG,KAAK,CAAC;YAC1D,CAAC;QACH,CAAC;QACD,IAAI,CAAC,OAA8B;YACjC,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,IAAI,OAAO,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;gBACnE,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC3B,OAAO;YACT,CAAC;YACD,OAAO,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC;QACD,YAAY,CAAC,MAA0B;YACrC,MAAM,QAAQ,GAAoB;gBAChC,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE;aAC1D,CAAC;YACF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtB,CAAC;QACD,SAAS,CAAC,EAAc;YACtB,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;QACD,mBAAmB;YACjB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC1B,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACrB,CAAC;YACD,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1B,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,EAAE,CAAC;YAChB,QAAQ,CAAC,KAAK,EAAE,CAAC;YACjB,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACjB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAClB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC;QACD,OAAO;YACL,KAAK,MAAM,EAAE,IAAI,UAAU,EAAE,CAAC;gBAC5B,IAAI,CAAC;oBACH,EAAE,EAAE,CAAC;gBACP,CAAC;gBAAC,MAAM,CAAC;oBACP,cAAc;gBAChB,CAAC;YACH,CAAC;YACD,IAAI,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;gBACjD,IAAI,CAAC;oBACH,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC3D,CAAC;gBAAC,MAAM,CAAC;oBACP,cAAc;gBAChB,CAAC;YACH,CAAC;YACD,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YACtB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/components/types.d.ts

@@ -1,6 +1,6 @@
 import type { WritableAtom } from 'nanostores';
 import type { ServerToClientMessage, ThemeMode } from '../engine/messages';
-export type ComponentType = 'text' | 'button' | 'textInput' | 'numberInput' | 'slider' | 'toggle' | 'select' | 'fileUpload' | 'markdown' | 'image' | 'imageGrid' | 'code' | 'json' | 'table' | 'metric' | 'progress' | 'shell' | 'grid' | 'tabs' | 'card' | 'divider' | 'spacer' | 'alert' | 'loading' | 'streamText' | 'chatUI' | 'promptEditor';
+export type ComponentType = 'text' | 'button' | 'textInput' | 'numberInput' | 'slider' | 'toggle' | 'select' | 'multiSelect' | 'colorPicker' | 'dateInput' | 'fileUpload' | 'markdown' | 'image' | 'imageGrid' | 'video' | 'audio' | 'code' | 'json' | 'diff' | 'table' | 'metric' | 'progress' | 'shell' | 'grid' | 'tabs' | 'accordion' | 'fullscreen' | 'card' | 'divider' | 'spacer' | 'alert' | 'loading' | 'streamText' | 'chatUI' | 'promptEditor' | 'modelCompare' | 'parameterPanel' | 'filmStrip' | 'beforeAfter';
 export type TableRow = Record<string, unknown>;
 export interface ComponentHandle<TProps, TValue = void> {
     readonly id: string;
@@ -74,12 +74,32 @@ export interface FileUploadOpts {
     helperText?: string;
     dragDrop?: boolean;
 }
+export interface MultiSelectOpts {
+    defaults?: string[];
+    disabled?: boolean;
+    helperText?: string;
+    maxSelections?: number;
+}
+export interface ColorPickerOpts {
+    default?: string;
+    format?: 'hex' | 'rgb' | 'hsl';
+    disabled?: boolean;
+    helperText?: string;
+    swatches?: string[];
+}
+export interface DateInputOpts {
+    default?: string;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    helperText?: string;
+    type?: 'date' | 'datetime-local' | 'time' | 'month';
+}
 export interface UploadedFile {
     name: string;
     path: string;
     size: number;
     type: string;
-    lastModified: number;
 }
 export interface TextProps {
     content: string;
@@ -118,6 +138,23 @@ export interface FileUploadProps extends FileUploadOpts {
     label: string;
     value: UploadedFile | UploadedFile[] | null;
 }
+export interface MultiSelectProps extends MultiSelectOpts {
+    label: string;
+    options: Array<{
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }>;
+    value: string[];
+}
+export interface ColorPickerProps extends ColorPickerOpts {
+    label: string;
+    value: string;
+}
+export interface DateInputProps extends DateInputOpts {
+    label: string;
+    value: string;
+}
 export interface MarkdownProps {
     content: string;
 }
@@ -138,6 +175,23 @@ export interface ImageGridProps {
     gap?: number;
     minWidth?: number;
 }
+export interface VideoProps {
+    src: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    poster?: string;
+    width?: string;
+    caption?: string;
+}
+export interface AudioProps {
+    src: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    label?: string;
+}
 export interface CodeProps {
     content: string;
     lang?: string;
@@ -146,6 +200,15 @@ export interface JsonProps {
     label?: string;
     data: unknown;
 }
+export interface DiffProps {
+    before: string;
+    after: string;
+    mode?: 'split' | 'unified';
+    beforeLabel?: string;
+    afterLabel?: string;
+    lang?: string;
+    context?: number;
+}
 export interface TableProps {
     columns: string[];
     rows: Array<{
@@ -189,6 +252,19 @@ export interface GridOpts {
 export interface TabsOpts {
     defaultTab?: string;
 }
+export interface AccordionSection {
+    label: string;
+    content: (ctx: UIContext) => void;
+    defaultOpen?: boolean;
+}
+export interface AccordionOpts {
+    allowMultiple?: boolean;
+}
+export interface FullscreenOpts {
+    trigger?: 'button' | 'manual';
+    label?: string;
+    defaultOpen?: boolean;
+}
 export interface ToastOpts {
     type?: 'info' | 'success' | 'warning' | 'error';
     duration?: number;
@@ -224,6 +300,74 @@ export interface ChatUIOptions {
 export interface ChatUIProps extends ChatUIOptions {
     messages: ChatMessage[];
 }
+export interface ModelSpec {
+    label: string;
+    model: string;
+    provider: string;
+    color?: string;
+}
+export interface ModelCompareOpts {
+    prompt: string;
+    systemPrompt?: string;
+    temperature?: number;
+    maxTokens?: number;
+    streaming?: boolean;
+}
+export interface ModelCompareResults {
+    results: Record<string, string>;
+    isStreaming: Record<string, boolean>;
+    errors: Record<string, string | null>;
+    latencies: Record<string, number>;
+}
+export interface ModelCompareProps extends ModelCompareOpts {
+    models: ModelSpec[];
+    value: ModelCompareResults;
+}
+export type ParameterSchema = Record<string, ParameterDef>;
+export interface ParameterDef {
+    type: 'number' | 'string' | 'boolean' | 'select';
+    label?: string;
+    default?: unknown;
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: string[];
+    description?: string;
+}
+export interface ParameterPanelOpts {
+    title?: string;
+    collapsible?: boolean;
+}
+export interface ParameterPanelProps extends ParameterPanelOpts {
+    schema: ParameterSchema;
+    ids: string[];
+    value: Record<string, unknown>;
+}
+export interface FilmStripItem {
+    src: string;
+    alt?: string;
+    caption?: string;
+    thumbnail?: string;
+}
+export interface FilmStripOpts {
+    height?: number;
+    zoom?: boolean;
+    showCaptions?: boolean;
+    selectedIndex?: number;
+}
+export interface FilmStripProps extends FilmStripOpts {
+    images: FilmStripItem[];
+}
+export interface BeforeAfterOpts {
+    beforeLabel?: string;
+    afterLabel?: string;
+    initialPosition?: number;
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface BeforeAfterProps extends BeforeAfterOpts {
+    before: string;
+    after: string;
+}
 export interface PromptEditorOpts extends TextInputOpts {
     label?: string;
     variables?: string[];
@@ -246,6 +390,9 @@ export type SliderHandle = InputHandle<number, SliderProps>;
 export type ToggleHandle = InputHandle<boolean, ToggleProps>;
 export type SelectHandle = InputHandle<string, SelectProps>;
 export type FileUploadHandle = InputHandle<UploadedFile | UploadedFile[] | null, FileUploadProps>;
+export type MultiSelectHandle = InputHandle<string[], MultiSelectProps>;
+export type ColorPickerHandle = InputHandle<string, ColorPickerProps>;
+export type DateInputHandle = InputHandle<string, DateInputProps>;
 export interface TableRowHandle {
     id: string;
     update(data: Partial<TableRow>): void;
@@ -271,6 +418,11 @@ export interface TabsHandle extends ComponentHandle<Record<string, unknown>, str
     readonly type: 'tabs';
     setActive(label: string): void;
 }
+export interface FullscreenHandle extends ComponentHandle<Record<string, unknown>, boolean> {
+    readonly type: 'fullscreen';
+    open(): void;
+    close(): void;
+}
 export interface StreamHandle extends Omit<ComponentHandle<StreamTextProps, string>, 'update'> {
     readonly type: 'streamText';
     readonly text: string;
@@ -291,7 +443,15 @@ export interface PromptEditorHandle extends InputHandle<string, PromptEditorProp
     readonly type: 'promptEditor';
     interpolate(vars: Record<string, string>): string;
 }
-export type AnyComponentHandle = TextHandle | ButtonHandle | TextInputHandle | NumberInputHandle | SliderHandle | ToggleHandle | SelectHandle | FileUploadHandle | TableHandle | MetricHandle | ProgressHandle | TabsHandle | StreamHandle | ChatHandle | PromptEditorHandle | ComponentHandle<MarkdownProps> | ComponentHandle<ImageProps> | ComponentHandle<ImageGridProps> | ComponentHandle<CodeProps> | ComponentHandle<JsonProps> | ComponentHandle<Record<string, unknown>, unknown>;
+export interface ModelCompareHandle extends ComponentHandle<ModelCompareProps, ModelCompareResults> {
+    readonly type: 'modelCompare';
+    readonly results: Record<string, string>;
+    readonly isStreaming: Record<string, boolean>;
+    readonly errors: Record<string, string | null>;
+    readonly latencies: Record<string, number>;
+}
+export type ParameterPanelHandle = InputHandle<Record<string, unknown>, ParameterPanelProps>;
+export type AnyComponentHandle = TextHandle | ButtonHandle | TextInputHandle | NumberInputHandle | SliderHandle | ToggleHandle | SelectHandle | MultiSelectHandle | ColorPickerHandle | DateInputHandle | FileUploadHandle | TableHandle | MetricHandle | ProgressHandle | TabsHandle | FullscreenHandle | StreamHandle | ChatHandle | PromptEditorHandle | ModelCompareHandle | ParameterPanelHandle | ComponentHandle<MarkdownProps> | ComponentHandle<ImageProps> | ComponentHandle<ImageGridProps> | ComponentHandle<VideoProps> | ComponentHandle<AudioProps> | ComponentHandle<CodeProps> | ComponentHandle<JsonProps> | ComponentHandle<DiffProps> | ComponentHandle<FilmStripProps> | ComponentHandle<BeforeAfterProps> | ComponentHandle<Record<string, unknown>, unknown>;
 export interface RenderNode {
     id: string;
 }
@@ -362,10 +522,18 @@ export interface UIContext {
     slider(label: string, opts: SliderOpts): SliderHandle;
     toggle(label: string, opts?: ToggleOpts): ToggleHandle;
     select(label: string, options: SelectOption[], opts?: SelectOpts): SelectHandle;
+    multiSelect(label: string, options: SelectOption[], opts?: MultiSelectOpts): MultiSelectHandle;
+    colorPicker(label: string, opts?: ColorPickerOpts): ColorPickerHandle;
+    dateInput(label: string, opts?: DateInputOpts): DateInputHandle;
     fileUpload(label: string, opts?: FileUploadOpts): FileUploadHandle;
+    video(src: string, opts?: VideoProps): void;
+    audio(src: string, opts?: AudioProps): void;
+    diff(before: string, after: string, opts?: Partial<DiffProps>): void;
     shell(regions: ShellRegions, opts?: ShellOpts): void;
     grid(areas: Array<(ctx: UIContext) => void>, opts?: GridOpts): void;
     tabs(tabs: TabDef[], opts?: TabsOpts): TabsHandle;
+    accordion(sections: AccordionSection[], opts?: AccordionOpts): void;
+    fullscreen(content: (ctx: UIContext) => void, opts?: FullscreenOpts): FullscreenHandle;
     card(titleOrContent: string | ((ctx: UIContext) => void), contentOrNothing?: (ctx: UIContext) => void): void;
     divider(opts?: {
         label?: string;
@@ -377,6 +545,10 @@ export interface UIContext {
     streamText(opts?: StreamTextOpts): StreamHandle;
     chatUI(opts?: ChatUIOptions): ChatHandle;
     promptEditor(opts?: PromptEditorOpts): PromptEditorHandle;
+    modelCompare(models: ModelSpec[], opts: ModelCompareOpts): ModelCompareHandle;
+    parameterPanel(schema: ParameterSchema, opts?: ParameterPanelOpts): ParameterPanelHandle;
+    filmStrip(images: Array<string | FilmStripItem>, opts?: FilmStripOpts): void;
+    beforeAfter(before: string, after: string, opts?: BeforeAfterOpts): void;
     onDisconnect(fn: () => void): void;
 }
 export interface ShellRegions {

package/dist/engine/executor.js

@@ -25,6 +25,11 @@ export function handleClientEvent(scope, payload) {
             handle.update({ value: target });
             return;
         }
+        if (handle.type === 'parameterPanel') {
+            const panel = handle;
+            panel.update({});
+            return;
+        }
         scope.pushFragment(handle);
         return;
     }
@@ -49,6 +54,12 @@ export function handleClientEvent(scope, payload) {
         });
         return;
     }
+    if (handle.type === 'fullscreen') {
+        const fullscreen = handle;
+        const current = fullscreen.value;
+        fullscreen.update({ value: !current });
+        return;
+    }
     if (handle.type === 'table' && typeof payload.value === 'string') {
         const tableHandle = handle;
         const row = tableHandle.props.rows.find((entry) => entry.id === payload.value);