@classic-homes/agent-chat 0.11.0 → 0.13.0

package/dist/surface.svelte.js

@@ -0,0 +1,178 @@
+import { CORNERS, LAUNCHER_SIZE, clampLauncher, clampRect, defaultRect, nearestCorner, resizeRect, } from './surface-geometry.js';
+const isPoint = (value) => typeof value === 'object' &&
+    value !== null &&
+    ['x', 'y'].every((key) => Number.isFinite(value[key]));
+const isRect = (value) => typeof value === 'object' &&
+    value !== null &&
+    ['x', 'y', 'width', 'height'].every((key) => Number.isFinite(value[key]));
+/**
+ * Reactive state of the detached chat (Svelte 5 runes class): which presentation is showing,
+ * where the launcher sits, the floating window's geometry and whether an answer arrived unseen.
+ * Layout survives reloads through `storageKey`; a saved window that no longer fits the viewport
+ * is pulled back inside.
+ */
+export class ChatSurface {
+    mode = $state('launcher');
+    /** The open presentation the launcher returns to. */
+    lastOpen = $state('float');
+    corner = $state('bottom-right');
+    /**
+     * Where the user dropped the launcher (its top-left), or null while it sits in `corner`.
+     * Separate from the window's place: moving one never moves the other.
+     */
+    launcher = $state(null);
+    /** An answer finished while the chat was collapsed. Cleared on open. */
+    unread = $state(false);
+    /** True while the user drags or resizes the window. */
+    moving = $state(false);
+    saved = $state(null);
+    options;
+    constructor(options = {}) {
+        this.options = options;
+        this.lastOpen = options.defaultOpen ?? 'float';
+        this.corner = options.corner ?? 'bottom-right';
+        this.restore();
+    }
+    get isOpen() {
+        return this.mode !== 'launcher';
+    }
+    /** The floating window's rect; a default beside the launcher until the user moves it. */
+    get rect() {
+        const viewport = this.viewport();
+        return this.saved ? clampRect(this.saved, viewport) : defaultRect(viewport, this.corner);
+    }
+    open(mode = this.lastOpen) {
+        this.mode = mode;
+        this.lastOpen = mode;
+        this.unread = false;
+        this.persist();
+    }
+    minimize() {
+        this.mode = 'launcher';
+        this.persist();
+    }
+    toggle() {
+        if (this.isOpen)
+            this.minimize();
+        else
+            this.open();
+    }
+    dock() {
+        this.open('dock');
+    }
+    float() {
+        this.open('float');
+    }
+    /** A turn ended; flag it when the user cannot see the answer. */
+    notifyTurnEnd() {
+        if (!this.isOpen)
+            this.unread = true;
+    }
+    setCorner(corner) {
+        this.corner = corner;
+        this.launcher = null;
+        this.persist();
+    }
+    /**
+     * The user dropped the launcher at `point` (top-left). It stays there; `corner` follows the
+     * nearest one, which is where a window that was never moved opens.
+     */
+    setLauncher(point) {
+        const viewport = this.viewport();
+        this.launcher = clampLauncher(point, viewport);
+        this.corner = nearestCorner({ x: this.launcher.x + LAUNCHER_SIZE / 2, y: this.launcher.y + LAUNCHER_SIZE / 2 }, viewport);
+        this.persist();
+    }
+    /** Move the window by a pointer or key delta. Call `commit` when the gesture ends. */
+    moveBy(dx, dy) {
+        const rect = this.rect;
+        this.saved = clampRect({ ...rect, x: rect.x + dx, y: rect.y + dy }, this.viewport());
+    }
+    resizeBy(direction, dx, dy) {
+        this.saved = resizeRect(this.rect, direction, dx, dy, this.viewport());
+    }
+    /** End of a move or resize: remember the result. */
+    commit() {
+        this.moving = false;
+        this.persist();
+    }
+    /** Forget the user's geometry and return the window to its default place. */
+    resetRect() {
+        this.saved = null;
+        this.persist();
+    }
+    /**
+     * Keep the window inside the viewport as it changes size. Returns the cleanup; call from an
+     * effect while the floating window is mounted.
+     */
+    attach(target = window) {
+        const fit = () => {
+            if (this.saved)
+                this.saved = clampRect(this.saved, this.viewport());
+        };
+        fit();
+        target.addEventListener('resize', fit);
+        return () => target.removeEventListener('resize', fit);
+    }
+    viewport() {
+        if (this.options.viewport)
+            return this.options.viewport();
+        if (typeof window === 'undefined')
+            return { width: 1280, height: 800 };
+        return { width: window.innerWidth, height: window.innerHeight };
+    }
+    storage() {
+        if (!this.options.storageKey)
+            return undefined;
+        if (this.options.storage)
+            return this.options.storage;
+        try {
+            return typeof localStorage === 'undefined' ? undefined : localStorage;
+        }
+        catch {
+            return undefined;
+        }
+    }
+    restore() {
+        try {
+            const raw = this.storage()?.getItem(this.options.storageKey);
+            if (!raw)
+                return;
+            const data = JSON.parse(raw);
+            if (data.v !== 1)
+                return;
+            if (data.mode === 'launcher' || data.mode === 'float' || data.mode === 'dock')
+                this.mode = data.mode;
+            if (data.lastOpen === 'float' || data.lastOpen === 'dock')
+                this.lastOpen = data.lastOpen;
+            if (data.corner && CORNERS.includes(data.corner))
+                this.corner = data.corner;
+            if (isRect(data.rect))
+                this.saved = clampRect(data.rect, this.viewport());
+            if (isPoint(data.launcher))
+                this.launcher = clampLauncher({ x: data.launcher.x, y: data.launcher.y }, this.viewport());
+        }
+        catch {
+            // Unreadable or blocked storage: start from the defaults.
+        }
+    }
+    persist() {
+        try {
+            const data = {
+                v: 1,
+                mode: this.mode,
+                lastOpen: this.lastOpen,
+                corner: this.corner,
+                rect: this.saved,
+                launcher: this.launcher,
+            };
+            this.storage()?.setItem(this.options.storageKey, JSON.stringify(data));
+        }
+        catch {
+            // Storage full or blocked: layout just is not remembered.
+        }
+    }
+}
+export function createChatSurface(options = {}) {
+    return new ChatSurface(options);
+}

package/dist/thinking.d.ts

@@ -0,0 +1,10 @@
+/**
+ * What the assistant shows while it works and has nothing to say yet: homebuilding verbs in
+ * place of a bare "Thinking" (the wording the Classic Chat widget uses).
+ */
+export declare const THINKING_PHRASES: readonly string[];
+/** How long one phrase shows before the next. */
+export declare const THINKING_PHRASE_MS = 4000;
+/** A random phrase, never `previous` twice in a row. */
+export declare function pickThinkingPhrase(previous?: string, random?: () => number): string;
+//# sourceMappingURL=thinking.d.ts.map

package/dist/thinking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinking.d.ts","sourceRoot":"","sources":["../src/lib/thinking.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAAS,MAAM,EAiD7C,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAEvC,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,GAAE,MAAM,MAAoB,GAAG,MAAM,CAGhG"}

package/dist/thinking.js

@@ -0,0 +1,61 @@
+/**
+ * What the assistant shows while it works and has nothing to say yet: homebuilding verbs in
+ * place of a bare "Thinking" (the wording the Classic Chat widget uses).
+ */
+export const THINKING_PHRASES = [
+    'Framing',
+    'Drafting',
+    'Surveying',
+    'Grading',
+    'Excavating',
+    'Leveling',
+    'Measuring',
+    'Squaring',
+    'Pouring footings',
+    'Pouring slab',
+    'Laying foundation',
+    'Raising walls',
+    'Setting trusses',
+    'Sheathing',
+    'Roofing',
+    'Nailing',
+    'Checking plans',
+    'Reading blueprints',
+    'Pulling permits',
+    'Scheduling inspections',
+    'Sketching layouts',
+    'Mapping lots',
+    'Staking corners',
+    'Wiring',
+    'Plumbing',
+    'Ducting',
+    'Insulating',
+    'Hanging drywall',
+    'Mudding',
+    'Sanding',
+    'Priming',
+    'Painting',
+    'Laying tile',
+    'Installing cabinets',
+    'Setting countertops',
+    'Hanging doors',
+    'Trimming',
+    'Flooring',
+    'Picking finishes',
+    'Matching paint',
+    'Choosing fixtures',
+    'Landscaping',
+    'Touring models',
+    'Comparing plans',
+    'Building',
+    'Punch list',
+    'Final walkthrough',
+    'Handing keys',
+];
+/** How long one phrase shows before the next. */
+export const THINKING_PHRASE_MS = 4000;
+/** A random phrase, never `previous` twice in a row. */
+export function pickThinkingPhrase(previous, random = Math.random) {
+    const pool = previous ? THINKING_PHRASES.filter((p) => p !== previous) : THINKING_PHRASES;
+    return pool[Math.min(pool.length - 1, Math.floor(random() * pool.length))];
+}

package/dist/ui-frame-protocol.d.ts

@@ -31,6 +31,12 @@ export type FrameAction = {
 };
 export declare const MIN_FRAME_HEIGHT = 120;
 export declare const MAX_FRAME_HEIGHT = 1200;
+/**
+ * A UI resource's preferred height (`preferredFrameSize[1]`, server-supplied) in px: only a plain
+ * pixel number (`480` or `480px`) counts, clamped to the frame limits; anything else is the
+ * minimum. Never interpolate the raw value into a style.
+ */
+export declare function initialFrameHeight(value: string | undefined): number;
 /** Parse a message from the sandbox into a FrameAction, or null when it is not one. */
 export declare function parseFrameMessage(data: unknown): FrameAction | null;
 /**

package/dist/ui-frame-protocol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-frame-protocol.d.ts","sourceRoot":"","sources":["../src/lib/ui-frame-protocol.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,8BAA8B,CAAC;AAC1D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,uFAAuF;AACvF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CA0CnE;AAQD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,aAAa,EAAE,MAAM,GACpB,OAAO,CAGT;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAAC,GAC1D,MAAM,CAIR"}
+{"version":3,"file":"ui-frame-protocol.d.ts","sourceRoot":"","sources":["../src/lib/ui-frame-protocol.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,8BAA8B,CAAC;AAC1D,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,GACpE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAIpE;AAED,uFAAuF;AACvF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CA0CnE;AAQD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,aAAa,EAAE,MAAM,GACpB,OAAO,CAGT;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAAC,GAC1D,MAAM,CAIR"}

package/dist/ui-frame-protocol.js

@@ -8,6 +8,17 @@ export const UI_FRAME_READY = 'ui-lifecycle-iframe-ready';
 export const UI_FRAME_RENDER = 'agent-ui:render';
 export const MIN_FRAME_HEIGHT = 120;
 export const MAX_FRAME_HEIGHT = 1200;
+/**
+ * A UI resource's preferred height (`preferredFrameSize[1]`, server-supplied) in px: only a plain
+ * pixel number (`480` or `480px`) counts, clamped to the frame limits; anything else is the
+ * minimum. Never interpolate the raw value into a style.
+ */
+export function initialFrameHeight(value) {
+    const match = value === undefined ? null : /^(\d{1,4})(px)?$/.exec(value.trim());
+    if (!match)
+        return MIN_FRAME_HEIGHT;
+    return Math.min(MAX_FRAME_HEIGHT, Math.max(MIN_FRAME_HEIGHT, Number(match[1])));
+}
 /** Parse a message from the sandbox into a FrameAction, or null when it is not one. */
 export function parseFrameMessage(data) {
     if (!data || typeof data !== 'object')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/agent-chat",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "private": false,
   "type": "module",
   "description": "Svelte 5 chat UI for Classic Agent: session state, message list, composer, tool timeline, artifacts and MCP-UI sandbox frames. Consumed by the Classic App.",
@@ -14,11 +14,12 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "!dist/**/*.test.*"
   ],
   "dependencies": {
-    "@classic-homes/agent-client": "0.11.0",
-    "@classic-homes/agent-contracts": "0.11.0",
+    "@classic-homes/agent-client": "0.13.0",
+    "@classic-homes/agent-contracts": "0.13.0",
     "dompurify": "3.4.17"
   },
   "peerDependencies": {
@@ -30,11 +31,11 @@
     "@sveltejs/package": "3.0.2",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
     "@testing-library/svelte": "5.4.2",
-    "@testing-library/user-event": "14.6.1",
-    "axe-core": "4.13.0",
+    "@testing-library/user-event": "14.6.8",
+    "axe-core": "4.14.0",
     "jsdom": "30.1.3",
     "svelte": "5.57.3",
-    "svelte-check": "4.7.7",
+    "svelte-check": "4.7.8",
     "vite": "8.3.5"
   },
   "license": "UNLICENSED",

package/dist/artifact-pages.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=artifact-pages.test.d.ts.map

package/dist/artifact-pages.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"artifact-pages.test.d.ts","sourceRoot":"","sources":["../src/lib/artifact-pages.test.ts"],"names":[],"mappings":""}

package/dist/artifact-pages.test.js

@@ -1,102 +0,0 @@
-import { readdirSync, readFileSync } from 'node:fs';
-import { join } from 'node:path';
-import { runInThisContext, Script } from 'node:vm';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { inlineScriptLiteral, MERMAID_LOAD_TIMEOUT_MS, MERMAID_MODULE_URL, mermaidPage, mermaidScript, } from './artifact-pages.js';
-const BREAKOUT = 'graph TD\n  A["</script><script>alert(1)</script>"] --> B[<!-- x & y >]\u2028';
-function scripts(html) {
-    const doc = new DOMParser().parseFromString(html, 'text/html');
-    return [...doc.querySelectorAll('script')].map((s) => ({
-        attrs: s
-            .getAttributeNames()
-            .map((n) => `${n}=${s.getAttribute(n)}`)
-            .join(' '),
-        body: s.textContent ?? '',
-    }));
-}
-/** Run the page's init script against the current (jsdom) document with a stand-in `import()`. */
-function run(source, load) {
-    document.body.innerHTML = '<div id="diagram" aria-busy="true"></div>';
-    const body = mermaidScript(source).replace('import(', '__load(');
-    const init = runInThisContext(`(function (__load) {\n${body}\n})`);
-    init(load);
-}
-describe('mermaidPage', () => {
-    it('initializes the renderer from a module script', () => {
-        const found = scripts(mermaidPage('graph TD; A-->B'));
-        expect(found).toHaveLength(1);
-        expect(found[0].attrs).toBe('type=module');
-        expect(found[0].body).toContain(`import(${JSON.stringify(MERMAID_MODULE_URL)})`);
-    });
-    it('emits a script that parses as a module and as a classic script', async () => {
-        const body = mermaidScript(BREAKOUT);
-        expect(() => new Script(body)).not.toThrow();
-        // Module goal: strict mode, `import`/`await` reserved. vm.SourceTextModule is behind a
-        // flag, so check the module-only constraints the classic parse cannot see.
-        expect(() => new Script(`'use strict';${body}`)).not.toThrow();
-        expect(body).not.toMatch(/^\s*import\s[^(]/m);
-        expect(body).not.toMatch(/^\s*export\s/m);
-    });
-    it('cannot be broken out of by the diagram source', () => {
-        const html = mermaidPage(BREAKOUT);
-        const found = scripts(html);
-        expect(found).toHaveLength(1);
-        expect(html.match(/<\/script/gi)).toHaveLength(1);
-        expect(found[0].body).not.toMatch(/<\/?script|<!--|\u2028|\u2029/i);
-        expect(found[0].body).toContain(inlineScriptLiteral(BREAKOUT));
-        // The literal round-trips to the exact source.
-        expect(JSON.parse(inlineScriptLiteral(BREAKOUT))).toBe(BREAKOUT);
-        expect(runInThisContext(`(${inlineScriptLiteral(BREAKOUT)})`)).toBe(BREAKOUT);
-    });
-});
-describe('mermaid init script', () => {
-    beforeEach(() => vi.useFakeTimers());
-    afterEach(() => vi.useRealTimers());
-    it('renders the SVG and passes the exact source', async () => {
-        const render = vi.fn(async () => ({ svg: '<svg id="ok"></svg>' }));
-        const initialize = vi.fn();
-        const load = vi.fn(async () => ({ default: { initialize, render } }));
-        run(BREAKOUT, load);
-        await vi.runAllTimersAsync();
-        expect(load).toHaveBeenCalledWith(MERMAID_MODULE_URL);
-        expect(initialize).toHaveBeenCalledWith({
-            startOnLoad: false,
-            securityLevel: 'strict',
-            suppressErrorRendering: true,
-        });
-        expect(render).toHaveBeenCalledWith('agent-mermaid-svg', BREAKOUT);
-        expect(document.querySelector('#diagram svg#ok')).not.toBeNull();
-        expect(document.querySelector('[role="alert"]')).toBeNull();
-        expect(document.getElementById('diagram').hasAttribute('aria-busy')).toBe(false);
-    });
-    it('shows an error and the source when the renderer fails to load', async () => {
-        run('graph TD; A-->B', () => Promise.reject(new TypeError('Failed to fetch module')));
-        await vi.runAllTimersAsync();
-        expect(document.querySelector('[role="alert"]')?.textContent).toBe('The diagram renderer could not be loaded: Failed to fetch module');
-        expect(document.querySelector('#diagram pre')?.textContent).toBe('graph TD; A-->B');
-    });
-    it('shows an error when the diagram does not parse', async () => {
-        const render = () => Promise.reject(new Error('Parse error on line 1'));
-        run('graph ??', async () => ({ default: { initialize() { }, render } }));
-        await vi.runAllTimersAsync();
-        expect(document.querySelector('[role="alert"]')?.textContent).toBe('The diagram could not be rendered: Parse error on line 1');
-    });
-    it('shows an error when the renderer never loads', async () => {
-        run('graph TD; A-->B', () => new Promise(() => { }));
-        await vi.advanceTimersByTimeAsync(MERMAID_LOAD_TIMEOUT_MS);
-        expect(document.querySelector('[role="alert"]')?.textContent).toBe('The diagram renderer did not load in time.');
-    });
-});
-describe('svelte-package script-type stripping (R18)', () => {
-    // svelte-package removes `type="…"` from every `<script` in a .svelte file, string literals
-    // included. A .svelte file may hold only its own top-level <script> tags.
-    it('no component builds <script> markup in a string', () => {
-        const dir = join(import.meta.dirname, 'components');
-        for (const file of readdirSync(dir).filter((f) => f.endsWith('.svelte'))) {
-            const text = readFileSync(join(dir, file), 'utf8');
-            const tags = text.match(/<script\b[^>]*>/g) ?? [];
-            const topLevel = text.match(/^<script\b[^>]*>/gm) ?? [];
-            expect(tags, file).toEqual(topLevel);
-        }
-    });
-});

package/dist/components/a11y.svelte.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=a11y.svelte.test.d.ts.map

package/dist/components/a11y.svelte.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.svelte.test.d.ts","sourceRoot":"","sources":["../../src/lib/components/a11y.svelte.test.ts"],"names":[],"mappings":""}

package/dist/components/a11y.svelte.test.js

@@ -1,183 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, render, screen, waitFor } from '@testing-library/svelte';
-import axe from 'axe-core';
-import userEvent from '@testing-library/user-event';
-import AgentChat from './AgentChat.svelte';
-import ChatHeader from './ChatHeader.svelte';
-import ConversationSidebar from './ConversationSidebar.svelte';
-afterEach(() => {
-    cleanup();
-    document.body.removeAttribute('style');
-});
-/** axe in jsdom: no layout, so colour contrast is checked separately (tokens), not here. */
-async function violations(root = document.body) {
-    const result = await axe.run(root, {
-        rules: { 'color-contrast': { enabled: false }, region: { enabled: false } },
-    });
-    return result.violations.map((v) => `${v.id}: ${v.nodes.map((n) => n.html).join(' | ')}`);
-}
-const scope = { agent: 'classic-agent', runId: 'run-1' };
-function fakeClient() {
-    return {
-        fileUrl: (id) => `#${id}`,
-        uploadFile: vi.fn(),
-        cancel: vi.fn(),
-        resumeTurn: vi.fn(),
-        sendFeedback: vi.fn().mockResolvedValue(undefined),
-        getConversation: vi.fn(),
-        streamChat: vi.fn(async (req, opts) => {
-            [
-                { type: 'start', conversationId: 'c-1', mode: 'live' },
-                { type: 'tool_call', callId: 't1', name: 'hotsheet/list_communities', argsPreview: '{}' },
-                { type: 'tool_result', callId: 't1', status: 'ok', durationMs: 640, summary: '24 rows' },
-                { type: 'delta', text: '| A | B |\n|---|---|\n| 1 | 2 |\n\n```ts\nconst a = 1;\n```\n' },
-                {
-                    type: 'artifact',
-                    ...scope,
-                    artifactId: 'a1',
-                    op: 'open',
-                    mediaType: 'text/markdown',
-                    title: 'Memo',
-                },
-                { type: 'artifact', ...scope, artifactId: 'a1', op: 'delta', text: '# Memo' },
-                { type: 'artifact', ...scope, artifactId: 'a1', op: 'close' },
-                { type: 'done', finishReason: 'stop' },
-            ].forEach((e, seq) => opts.onEvent({ requestId: req.requestId, seq, ...e }));
-            return { kind: 'done' };
-        }),
-    };
-}
-const base = { sandboxOrigin: 'https://frame.test' };
-describe('accessibility (axe)', () => {
-    it('has no violations on the welcome screen with the agent picker', async () => {
-        render(AgentChat, {
-            props: {
-                ...base,
-                client: fakeClient(),
-                userName: 'Pat',
-                suggestions: [{ label: 'Open lots', description: 'By community', icon: 'home' }],
-                agents: [
-                    { key: 'classic-agent', name: 'Classic Agent' },
-                    { key: 'elevation-studio', name: 'Elevation Studio' },
-                ],
-                prompts: [{ id: 'p1', label: 'Weekly recap', text: 'Recap' }],
-            },
-        });
-        expect(await violations()).toEqual([]);
-        // With the saved-prompt menu open.
-        await userEvent.type(screen.getByRole('textbox', { name: 'Message' }), '/');
-        await screen.findByRole('listbox', { name: 'Saved prompts' });
-        expect(await violations()).toEqual([]);
-    });
-    it('has no violations on a failed turn with Try again, and while editing', async () => {
-        const user = userEvent.setup();
-        const client = fakeClient();
-        client.streamChat.mockImplementationOnce(async (req, opts) => {
-            [
-                { type: 'start', conversationId: 'c-1', mode: 'live' },
-                { type: 'error', code: 'upstream_error', message: 'Model failed.', retryable: true },
-            ].forEach((e, seq) => opts.onEvent({ requestId: req.requestId, seq, ...e }));
-            return { kind: 'done' };
-        });
-        render(AgentChat, { props: { ...base, client: client } });
-        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'hi{Enter}');
-        await screen.findByRole('button', { name: /Try again/ });
-        expect(await violations()).toEqual([]);
-        await user.click(screen.getByRole('button', { name: /Try again/ }));
-        // The retried answer opens its artifact in a (modal) sheet; close it first.
-        await screen.findByRole('dialog', { name: 'Memo' });
-        await user.keyboard('{Escape}');
-        await waitFor(() => expect(document.body.style.pointerEvents).not.toBe('none'));
-        await user.click(await screen.findByRole('button', { name: 'Edit message' }));
-        await screen.findByRole('textbox', { name: 'Edited message' });
-        expect(await violations()).toEqual([]);
-    });
-    it('has no violations on a finished turn with tools, code, a table and an artifact', async () => {
-        const user = userEvent.setup();
-        render(AgentChat, { props: { ...base, client: fakeClient(), variant: 'panel' } });
-        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'hi{Enter}');
-        await screen.findByRole('button', { name: /Open Memo|Memo/ });
-        // The artifact opened in a sheet; close it to check the transcript itself.
-        await user.keyboard('{Escape}');
-        expect(await violations()).toEqual([]);
-    });
-    it('has no violations in the keyboard shortcuts dialog', async () => {
-        const user = userEvent.setup();
-        render(ChatHeader, {
-            props: { title: 'x', shortcuts: [{ keys: ['Mod', 'J'], label: 'Open the agent panel' }] },
-        });
-        await user.click(screen.getByRole('button', { name: 'Conversation options' }));
-        await user.click(await screen.findByRole('menuitem', { name: /Keyboard shortcuts/ }));
-        await screen.findByRole('dialog', { name: 'Keyboard shortcuts' });
-        expect(await violations()).toEqual([]);
-    });
-    it('has no violations in the conversation rail', async () => {
-        const now = new Date().toISOString();
-        render(ConversationSidebar, {
-            props: {
-                conversations: [
-                    {
-                        conversationId: 'c1',
-                        agent: 'classic-agent',
-                        title: 'Lot 12',
-                        createdAt: now,
-                        updatedAt: now,
-                    },
-                    {
-                        conversationId: 'c2',
-                        agent: 'classic-agent',
-                        title: 'Running',
-                        createdAt: now,
-                        updatedAt: now,
-                        activeRequestId: '11111111-1111-4111-8111-111111111111',
-                    },
-                ],
-                selectedId: 'c1',
-                onrename: vi.fn(),
-                ondelete: vi.fn(),
-            },
-        });
-        expect(await violations()).toEqual([]);
-    });
-});
-/** Answers "ok" with no artifact (an artifact opens a modal sheet, which takes focus). */
-function plainAnswers(client) {
-    client.streamChat.mockImplementation(async (req, opts) => {
-        [
-            { type: 'start', conversationId: 'c-1', mode: 'live' },
-            { type: 'delta', text: 'ok' },
-            { type: 'done', finishReason: 'stop' },
-        ].forEach((e, seq) => opts.onEvent({ requestId: req.requestId, seq, ...e }));
-        return { kind: 'done' };
-    });
-}
-describe('focus', () => {
-    it('starts a new chat in the composer and returns there after a suggestion', async () => {
-        const user = userEvent.setup();
-        const client = fakeClient();
-        plainAnswers(client);
-        render(AgentChat, {
-            props: { ...base, client: client, suggestions: [{ label: 'Open lots' }] },
-        });
-        const box = screen.getByRole('textbox', { name: 'Message' });
-        await waitFor(() => expect(document.activeElement).toBe(box));
-        await user.click(screen.getByRole('button', { name: 'Open lots' }));
-        await waitFor(() => expect(document.activeElement).toBe(box));
-    });
-    it('returns to the Edit button when an edit is cancelled', async () => {
-        const user = userEvent.setup();
-        const client = fakeClient();
-        plainAnswers(client);
-        render(AgentChat, { props: { ...base, client: client } });
-        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'hi{Enter}');
-        await user.click(await screen.findByRole('button', { name: 'Edit message' }));
-        await user.keyboard('{Escape}');
-        await waitFor(() => expect(document.activeElement).toBe(screen.getByRole('button', { name: 'Edit message' })));
-    });
-    it('does not steal focus when opening an existing conversation', () => {
-        const client = fakeClient();
-        client.getConversation.mockReturnValue(new Promise(() => { }));
-        render(AgentChat, { props: { ...base, client: client, conversationId: 'c-9' } });
-        expect(document.activeElement).toBe(document.body);
-    });
-});

package/dist/components/agent-picker.svelte.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=agent-picker.svelte.test.d.ts.map

package/dist/components/agent-picker.svelte.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent-picker.svelte.test.d.ts","sourceRoot":"","sources":["../../src/lib/components/agent-picker.svelte.test.ts"],"names":[],"mappings":""}