@marinoscar/platform-web 0.0.0-stage → 0.1.0-next.4

package/dist/ai/ui/playground/embeddingMath.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Embeddings mode arithmetic — issue #445 (API: #440).
+ *
+ * Pure functions, so the page stays presentational and the maths is unit
+ * tested on its own. Cosine similarity is computed in the browser from the
+ * vectors the API returned: it is a display of the result, not business
+ * logic, and needs no second call.
+ */
+/** Non-blank lines of `text`, trimmed — one embedding input each. */
+export declare function parseEmbeddingInputs(text: string): string[];
+/** Cosine similarity of two equal-length vectors; `0` when either has no magnitude. */
+export declare function cosineSimilarity(a: readonly number[], b: readonly number[]): number;
+/** The full pairwise matrix (symmetric, 1 on the diagonal for non-zero vectors). */
+export declare function similarityMatrix(vectors: readonly (readonly number[])[]): number[][];
+//# sourceMappingURL=embeddingMath.d.ts.map

package/dist/ai/ui/playground/embeddingMath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embeddingMath.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/playground/embeddingMath.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,qEAAqE;AACrE,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAK3D;AAED,uFAAuF;AACvF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,SAAS,MAAM,EAAE,EAAE,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAcnF;AAED,oFAAoF;AACpF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,EAAE,CAEpF"}

package/dist/ai/ui/playground/embeddingMath.js

@@ -0,0 +1,37 @@
+/**
+ * Embeddings mode arithmetic — issue #445 (API: #440).
+ *
+ * Pure functions, so the page stays presentational and the maths is unit
+ * tested on its own. Cosine similarity is computed in the browser from the
+ * vectors the API returned: it is a display of the result, not business
+ * logic, and needs no second call.
+ */
+/** Non-blank lines of `text`, trimmed — one embedding input each. */
+export function parseEmbeddingInputs(text) {
+    return text
+        .split(/\r?\n/)
+        .map((line) => line.trim())
+        .filter((line) => line !== '');
+}
+/** Cosine similarity of two equal-length vectors; `0` when either has no magnitude. */
+export function cosineSimilarity(a, b) {
+    const length = Math.min(a.length, b.length);
+    let dot = 0;
+    let normA = 0;
+    let normB = 0;
+    for (let index = 0; index < length; index += 1) {
+        const x = a[index] ?? 0;
+        const y = b[index] ?? 0;
+        dot += x * y;
+        normA += x * x;
+        normB += y * y;
+    }
+    if (normA === 0 || normB === 0)
+        return 0;
+    return dot / (Math.sqrt(normA) * Math.sqrt(normB));
+}
+/** The full pairwise matrix (symmetric, 1 on the diagonal for non-zero vectors). */
+export function similarityMatrix(vectors) {
+    return vectors.map((row, i) => vectors.map((column, j) => (i === j && row.some((v) => v !== 0) ? 1 : cosineSimilarity(row, column))));
+}
+//# sourceMappingURL=embeddingMath.js.map

package/dist/ai/ui/playground/embeddingMath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embeddingMath.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/embeddingMath.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,qEAAqE;AACrE,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,OAAO,IAAI;SACR,KAAK,CAAC,OAAO,CAAC;SACd,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SAC1B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;AACnC,CAAC;AAED,uFAAuF;AACvF,MAAM,UAAU,gBAAgB,CAAC,CAAoB,EAAE,CAAoB;IACzE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC;IACD,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACzC,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,gBAAgB,CAAC,OAAuC;IACtE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACxI,CAAC"}

package/dist/ai/ui/playground/usePlaygroundModel.d.ts

@@ -0,0 +1,14 @@
+import type { UsableAiModel } from '../../headless/types.js';
+export interface PlaygroundModelSelection {
+    /** {@link aiModelKey} of the selection, or `''` before one is made. */
+    modelKey: string;
+    setModelKey: (key: string) => void;
+    selected: UsableAiModel | null;
+}
+export declare function usePlaygroundModel(models: readonly UsableAiModel[], preferred?: {
+    provider: string;
+    modelId: string;
+} | null, 
+/** False while `models` or `preferred` are still loading. */
+ready?: boolean): PlaygroundModelSelection;
+//# sourceMappingURL=usePlaygroundModel.d.ts.map

package/dist/ai/ui/playground/usePlaygroundModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlaygroundModel.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/playground/usePlaygroundModel.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,MAAM,WAAW,wBAAwB;IACvC,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,SAAS,aAAa,EAAE,EAChC,SAAS,CAAC,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI;AACxD,6DAA6D;AAC7D,KAAK,UAAO,GACX,wBAAwB,CAa1B"}

package/dist/ai/ui/playground/usePlaygroundModel.js

@@ -0,0 +1,27 @@
+/**
+ * One mode's model selection — issue #445 (generalised from #434's chat).
+ *
+ * Defaults to the caller's saved `user_settings.ai.defaultModel` when it is
+ * among `models`, else the first of them; and re-picks when the selection
+ * stops being offered (the list changed under it).
+ */
+import { useEffect, useState } from 'react';
+import { aiModelKey } from '../shared/AiModelSelect.js';
+export function usePlaygroundModel(models, preferred, 
+/** False while `models` or `preferred` are still loading. */
+ready = true) {
+    const [modelKey, setModelKey] = useState('');
+    const selected = models.find((model) => aiModelKey(model) === modelKey) ?? null;
+    useEffect(() => {
+        if (!ready || models.length === 0)
+            return;
+        if (modelKey && models.some((model) => aiModelKey(model) === modelKey))
+            return;
+        const match = preferred ? models.find((model) => aiModelKey(model) === aiModelKey(preferred)) : undefined;
+        const chosen = match ?? models[0];
+        if (chosen)
+            setModelKey(aiModelKey(chosen));
+    }, [modelKey, models, preferred, ready]);
+    return { modelKey, setModelKey, selected };
+}
+//# sourceMappingURL=usePlaygroundModel.js.map

package/dist/ai/ui/playground/usePlaygroundModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlaygroundModel.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/usePlaygroundModel.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AASxD,MAAM,UAAU,kBAAkB,CAChC,MAAgC,EAChC,SAAwD;AACxD,6DAA6D;AAC7D,KAAK,GAAG,IAAI;IAEZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC;IAEhF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC1C,IAAI,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC;YAAE,OAAO;QAC/E,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1G,MAAM,MAAM,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;QAClC,IAAI,MAAM;YAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAC7C,CAAC"}

package/dist/ai/ui/playground-modes.d.ts

@@ -0,0 +1,3 @@
+export { registerAiPlaygroundMode, getAiPlaygroundMode, listAiPlaygroundModes } from './playground/aiPlaygroundModes.js';
+export type { AiPlaygroundMode, BuiltinAiPlaygroundModeId, AiPlaygroundModeDefinition, AiPlaygroundModeId, AiPlaygroundPanelProps, } from './playground/aiPlaygroundModes.js';
+//# sourceMappingURL=playground-modes.d.ts.map

package/dist/ai/ui/playground-modes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground-modes.d.ts","sourceRoot":"","sources":["../../../src/ai/ui/playground-modes.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AACzH,YAAY,EACV,gBAAgB,EAChB,yBAAyB,EACzB,0BAA0B,EAC1B,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,mCAAmC,CAAC"}

package/dist/ai/ui/playground-modes.js

@@ -0,0 +1,6 @@
+// `@marinoscar/platform-web/ai/ui/playground-modes`: the AI Playground's mode
+// registry (PP-14.17, issue #935), alone, so an app registers a mode from its
+// main chunk without pulling the playground page in. Also exported by `/ai/ui`.
+// Documented in ../README.md.
+export { registerAiPlaygroundMode, getAiPlaygroundMode, listAiPlaygroundModes } from './playground/aiPlaygroundModes.js';
+//# sourceMappingURL=playground-modes.js.map

package/dist/ai/ui/playground-modes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground-modes.js","sourceRoot":"","sources":["../../../src/ai/ui/playground-modes.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,8EAA8E;AAC9E,gFAAgF;AAChF,8BAA8B;AAE9B,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/ai/ui/playground-page.d.ts

@@ -0,0 +1,4 @@
+export { default, default as AiPlaygroundPage } from './AiPlaygroundPage.js';
+export { AiTranscribeMode } from './playground/AiTranscribeMode.js';
+export type { AiTranscribeModeProps } from './playground/AiTranscribeMode.js';
+//# sourceMappingURL=playground-page.d.ts.map

package/dist/ai/ui/playground-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground-page.d.ts","sourceRoot":"","sources":["../../../src/ai/ui/playground-page.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/ai/ui/playground-page.js

@@ -0,0 +1,9 @@
+// `@marinoscar/platform-web/ai/ui/playground-page`: the AiPlaygroundPage route component alone
+// (issue #890), as a default and a named export, so the app keeps
+// `lazy(() => import('@marinoscar/platform-web/ai/ui/playground-page'))` and the page
+// stays in a chunk of its own: the AI playground (`/ai`). Documented in ../README.md.
+export { default, default as AiPlaygroundPage } from './AiPlaygroundPage.js';
+// The packaged panels, so an app's playground mode (`registerAiPlaygroundMode`,
+// PP-14.17) can reuse one: it loads with the page's chunk, not the main one.
+export { AiTranscribeMode } from './playground/AiTranscribeMode.js';
+//# sourceMappingURL=playground-page.js.map

package/dist/ai/ui/playground-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground-page.js","sourceRoot":"","sources":["../../../src/ai/ui/playground-page.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,kEAAkE;AAClE,sFAAsF;AACtF,sFAAsF;AAEtF,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,gFAAgF;AAChF,6EAA6E;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/ai/ui/provider-cards.d.ts

@@ -0,0 +1,6 @@
+export { registerAiProviderCard, getAiProviderCard } from './admin/aiProviderCardRegistry.js';
+export type { AiProviderCardComponent } from './admin/aiProviderCardRegistry.js';
+export { AiGenericProviderCard } from './admin/AiGenericProviderCard.js';
+export type { AiProviderCardProps } from './admin/AiProviderCard.js';
+export type { AiDeploymentRow, AiProviderFormErrors, AiProviderFormValue } from './admin/aiProviderForm.js';
+//# sourceMappingURL=provider-cards.d.ts.map

package/dist/ai/ui/provider-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-cards.d.ts","sourceRoot":"","sources":["../../../src/ai/ui/provider-cards.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC9F,YAAY,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/ai/ui/provider-cards.js

@@ -0,0 +1,7 @@
+// `@marinoscar/platform-web/ai/ui/provider-cards`: the AI provider card
+// registry (PP-14.6, issue #924), alone, so an app registers a card from its
+// main chunk without pulling every AI page in. Also exported by `/ai/ui`.
+// Documented in ../README.md.
+export { registerAiProviderCard, getAiProviderCard } from './admin/aiProviderCardRegistry.js';
+export { AiGenericProviderCard } from './admin/AiGenericProviderCard.js';
+//# sourceMappingURL=provider-cards.js.map

package/dist/ai/ui/provider-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-cards.js","sourceRoot":"","sources":["../../../src/ai/ui/provider-cards.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,6EAA6E;AAC7E,0EAA0E;AAC1E,8BAA8B;AAE9B,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAE9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/ai/ui/require-ai-enabled.d.ts

@@ -0,0 +1,3 @@
+export { RequireAiEnabled } from './RequireAiEnabled.js';
+export type { RequireAiEnabledProps } from './RequireAiEnabled.js';
+//# sourceMappingURL=require-ai-enabled.d.ts.map

package/dist/ai/ui/require-ai-enabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"require-ai-enabled.d.ts","sourceRoot":"","sources":["../../../src/ai/ui/require-ai-enabled.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/ai/ui/require-ai-enabled.js

@@ -0,0 +1,5 @@
+// `@marinoscar/platform-web/ai/ui/require-ai-enabled`: the AI feature route guard
+// alone (issue #899), so the app's router imports it without pulling every AI
+// page into the main chunk. Documented in ../README.md.
+export { RequireAiEnabled } from './RequireAiEnabled.js';
+//# sourceMappingURL=require-ai-enabled.js.map

package/dist/ai/ui/require-ai-enabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"require-ai-enabled.js","sourceRoot":"","sources":["../../../src/ai/ui/require-ai-enabled.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,8EAA8E;AAC9E,wDAAwD;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/ai/ui/shared/AiAttachmentChips.d.ts

@@ -0,0 +1,21 @@
+import { type AiAttachmentKind } from '../../headless/chat-attachments.js';
+export interface AiAttachmentChipItem {
+    key: string;
+    name: string;
+    size: number;
+    kind: AiAttachmentKind;
+    /** Why it cannot be sent; the chip is shown as an error. */
+    problem?: string | null;
+}
+export interface AiAttachmentChipsProps {
+    items: AiAttachmentChipItem[];
+    /** Present in the composer: each chip gets a remove button. */
+    onRemove?: (key: string) => void;
+    disabled?: boolean;
+    /** `contrast` for chips on the primary-coloured user bubble. */
+    tone?: 'default' | 'contrast';
+    label?: string;
+}
+export declare function AiAttachmentChips({ items, onRemove, disabled, tone, label }: AiAttachmentChipsProps): import("react").JSX.Element | null;
+export default AiAttachmentChips;
+//# sourceMappingURL=AiAttachmentChips.d.ts.map

package/dist/ai/ui/shared/AiAttachmentChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAttachmentChips.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiAttachmentChips.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAgB,EAAE,KAAqB,EAAE,EAAE,sBAAsB,sCAoD/H;AAED,eAAe,iBAAiB,CAAC"}

package/dist/ai/ui/shared/AiAttachmentChips.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Attachment chips — issue #445 (chat attachments, API #441).
+ *
+ * Used twice: in the composer, where each chip can be removed before the
+ * turn is sent (a file the selected model cannot read is shown as an error,
+ * the reason in its tooltip and its accessible name),
+ * and in a sent user message, where the chips record what went with it.
+ */
+import { Box, Chip, IconButton, Tooltip } from '@mui/material';
+import { Cancel as CancelIcon, Description as FileIcon, ErrorOutlined as ErrorIcon, Image as ImageIcon, } from '@mui/icons-material';
+import { formatBytes } from '../../headless/chat-attachments.js';
+export function AiAttachmentChips({ items, onRemove, disabled, tone = 'default', label = 'Attachments' }) {
+    if (items.length === 0)
+        return null;
+    return (_jsx(Box, { role: "list", "aria-label": label, sx: { display: 'flex', flexWrap: 'wrap', gap: 0.75, minWidth: 0 }, children: items.map((item) => {
+            const icon = item.problem ? _jsx(ErrorIcon, {}) : item.kind === 'image' ? _jsx(ImageIcon, {}) : _jsx(FileIcon, {});
+            const chip = (_jsx(Chip, { size: "small", icon: icon, color: item.problem ? 'error' : 'default', variant: item.problem ? 'outlined' : 'filled', label: `${item.name} · ${formatBytes(item.size)}`, "aria-label": `${item.name}, ${formatBytes(item.size)}${item.problem ? `: ${item.problem}` : ''}`, sx: {
+                    maxWidth: '100%',
+                    ...(tone === 'contrast'
+                        ? { bgcolor: 'rgba(255,255,255,0.18)', color: 'inherit', '& .MuiChip-icon': { color: 'inherit' } }
+                        : {}),
+                } }));
+            return (_jsxs(Box, { role: "listitem", sx: { minWidth: 0, maxWidth: '100%', display: 'inline-flex', alignItems: 'center' }, children: [item.problem ? (_jsx(Tooltip, { title: item.problem, describeChild: true, children: chip })) : (chip), onRemove && (_jsx(IconButton, { size: "small", "aria-label": `Remove ${item.name}`, disabled: disabled, onClick: () => onRemove(item.key), sx: { ml: -0.25 }, children: _jsx(CancelIcon, { fontSize: "small" }) }))] }, item.key));
+        }) }));
+}
+export default AiAttachmentChips;
+//# sourceMappingURL=AiAttachmentChips.js.map

package/dist/ai/ui/shared/AiAttachmentChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAttachmentChips.js","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiAttachmentChips.tsx"],"names":[],"mappings":"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"}

package/dist/ai/ui/shared/AiCapabilityChips.d.ts

@@ -0,0 +1,13 @@
+import { aiCapabilityLabel } from './aiCapabilities.js';
+export interface AiCapabilityChipsProps {
+    capabilities: readonly string[];
+    size?: 'small' | 'medium';
+    /** One chip per capability family instead of per capability. */
+    grouped?: boolean;
+    /** Rendered when there is nothing to show; omitted, nothing is rendered. */
+    emptyLabel?: string;
+}
+export declare function AiCapabilityChips({ capabilities, size, grouped, emptyLabel, }: AiCapabilityChipsProps): import("react").JSX.Element | null;
+export { aiCapabilityLabel };
+export default AiCapabilityChips;
+//# sourceMappingURL=AiCapabilityChips.d.ts.map

package/dist/ai/ui/shared/AiCapabilityChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiCapabilityChips.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiCapabilityChips.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAwBD,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,IAAc,EACd,OAAe,EACf,UAAU,GACX,EAAE,sBAAsB,sCAyBxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAe,iBAAiB,CAAC"}

package/dist/ai/ui/shared/AiCapabilityChips.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A model's capabilities as a row of small chips — issues #434, #429, #430
+ * (epic #419). The ONE capability-chip component: the playground's model
+ * picker, the user's "Models you can use" list and the admin catalogue all
+ * render through it.
+ *
+ * Two densities:
+ *   - flat (default): one chip per capability, labelled from
+ *     `AI_CAPABILITY_LABELS` — for a single model's detail.
+ *   - `grouped`: one chip per family (Text / Reasoning / Tools / …) with a
+ *     tooltip naming the exact members — for a table row, where fourteen
+ *     chips would be unreadable.
+ *
+ * Chips carry TEXT, never colour alone. Unknown capability strings render as
+ * themselves so a capability added server-side shows up instead of vanishing.
+ */
+import { Box, Chip, Tooltip, Typography } from '@mui/material';
+import { aiCapabilityLabel, groupCapabilities } from './aiCapabilities.js';
+function chipSpecs(capabilities, grouped) {
+    if (!grouped) {
+        const labels = Array.from(new Set(capabilities.map(aiCapabilityLabel)));
+        return labels.map((label) => ({ key: label, label }));
+    }
+    const { groups, unknown } = groupCapabilities(capabilities);
+    return [
+        ...groups.map(({ group, present }) => ({
+            key: group.id,
+            label: group.label,
+            tooltip: present.map(aiCapabilityLabel).join(', '),
+        })),
+        ...unknown.map((capability) => ({ key: capability, label: aiCapabilityLabel(capability) })),
+    ];
+}
+export function AiCapabilityChips({ capabilities, size = 'small', grouped = false, emptyLabel, }) {
+    const specs = chipSpecs(capabilities, grouped);
+    if (specs.length === 0) {
+        return emptyLabel ? (_jsx(Typography, { variant: "body2", color: "text.secondary", children: emptyLabel })) : null;
+    }
+    return (_jsx(Box, { component: "ul", "aria-label": "Capabilities", sx: { display: 'flex', flexWrap: 'wrap', gap: 0.5, listStyle: 'none', p: 0, m: 0 }, children: specs.map((spec) => {
+            const chip = _jsx(Chip, { label: spec.label, size: size, variant: "outlined" });
+            return (_jsx(Box, { component: "li", children: spec.tooltip ? _jsx(Tooltip, { title: spec.tooltip, children: chip }) : chip }, spec.key));
+        }) }));
+}
+export { aiCapabilityLabel };
+export default AiCapabilityChips;
+//# sourceMappingURL=AiCapabilityChips.js.map

package/dist/ai/ui/shared/AiCapabilityChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiCapabilityChips.js","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiCapabilityChips.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAiB3E,SAAS,SAAS,CAAC,YAA+B,EAAE,OAAgB;IAClE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACxE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5D,OAAO;QACL,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACrC,GAAG,EAAE,KAAK,CAAC,EAAE;YACb,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SACnD,CAAC,CAAC;QACH,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;KAC5F,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,YAAY,EACZ,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,KAAK,EACf,UAAU,GACa;IACvB,MAAM,KAAK,GAAG,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC/C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,YAC/C,UAAU,GACA,CACd,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IACD,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAC,IAAI,gBACH,cAAc,EACzB,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,YAEjF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,UAAU,GAAG,CAAC;YACxE,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAC,IAAI,YAChB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,YAAG,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,IAD9C,IAAI,CAAC,GAAG,CAE3B,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAe,iBAAiB,CAAC"}

package/dist/ai/ui/shared/AiChatAttachmentPicker.d.ts

@@ -0,0 +1,21 @@
+import type { UsableAiModel } from '../../headless/types.js';
+export interface PendingAttachment {
+    key: string;
+    file: File;
+}
+/** Wrap chosen files with a stable key each. */
+export declare function toPendingAttachments(files: FileList | File[] | null | undefined): PendingAttachment[];
+/** Everything that blocks sending the pending attachments, or `[]`. */
+export declare function pendingAttachmentProblems(pending: readonly PendingAttachment[], model: UsableAiModel | null | undefined): string[];
+export interface AiChatAttachmentPickerProps {
+    model: UsableAiModel | null;
+    pending: PendingAttachment[];
+    onAdd: (items: PendingAttachment[]) => void;
+    onRemove: (key: string) => void;
+    disabled?: boolean;
+}
+/** The attach buttons; render {@link AiChatPendingAttachments} for the chips. */
+export declare function AiChatAttachButtons({ model, onAdd, disabled }: Pick<AiChatAttachmentPickerProps, 'model' | 'onAdd' | 'disabled'>): import("react").JSX.Element;
+/** The pending chips and, when any, what blocks sending them. */
+export declare function AiChatPendingAttachments({ model, pending, onRemove, disabled }: Omit<AiChatAttachmentPickerProps, 'onAdd'>): import("react").JSX.Element | null;
+//# sourceMappingURL=AiChatAttachmentPicker.d.ts.map

package/dist/ai/ui/shared/AiChatAttachmentPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatAttachmentPicker.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiChatAttachmentPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAU7D,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;CACZ;AAGD,gDAAgD;AAChD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,iBAAiB,EAAE,CAKrG;AAED,uEAAuE;AACvE,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,GACtC,MAAM,EAAE,CAOV;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,+BAgChI;AAED,iEAAiE;AACjE,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,sCA4B1H"}

package/dist/ai/ui/shared/AiChatAttachmentPicker.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Button, Typography } from '@mui/material';
+import { AttachFile as AttachFileIcon, Image as ImageIcon } from '@mui/icons-material';
+import { AiAttachmentChips } from './AiAttachmentChips.js';
+import { AI_CHAT_ATTACHMENTS_MAX, AI_CHAT_IMAGE_MIME_TYPES, attachableKinds, attachmentKind, attachmentProblem, } from '../../headless/chat-attachments.js';
+let sequence = 0;
+/** Wrap chosen files with a stable key each. */
+export function toPendingAttachments(files) {
+    return Array.from(files ?? []).map((file) => {
+        sequence += 1;
+        return { key: `att-${sequence}`, file };
+    });
+}
+/** Everything that blocks sending the pending attachments, or `[]`. */
+export function pendingAttachmentProblems(pending, model) {
+    const problems = pending.flatMap((item) => {
+        const problem = attachmentProblem(item.file, model);
+        return problem ? [`${item.file.name}: ${problem}`] : [];
+    });
+    if (pending.length > AI_CHAT_ATTACHMENTS_MAX)
+        problems.push(`At most ${AI_CHAT_ATTACHMENTS_MAX} attachments per message`);
+    return problems;
+}
+/** The attach buttons; render {@link AiChatPendingAttachments} for the chips. */
+export function AiChatAttachButtons({ model, onAdd, disabled }) {
+    const kinds = attachableKinds(model);
+    const onChange = (event) => {
+        const added = toPendingAttachments(event.target.files);
+        // Let the same file be chosen again after it is removed.
+        event.target.value = '';
+        if (added.length)
+            onAdd(added);
+    };
+    return (_jsxs(_Fragment, { children: [kinds.image && (_jsxs(Button, { component: "label", size: "small", color: "inherit", startIcon: _jsx(ImageIcon, {}), disabled: disabled, children: ["Attach image", _jsx("input", { hidden: true, multiple: true, type: "file", "aria-label": "Attach image", accept: AI_CHAT_IMAGE_MIME_TYPES.join(','), onChange: onChange })] })), kinds.file && (_jsxs(Button, { component: "label", size: "small", color: "inherit", startIcon: _jsx(AttachFileIcon, {}), disabled: disabled, children: ["Attach file", _jsx("input", { hidden: true, multiple: true, type: "file", "aria-label": "Attach file", onChange: onChange })] }))] }));
+}
+/** The pending chips and, when any, what blocks sending them. */
+export function AiChatPendingAttachments({ model, pending, onRemove, disabled }) {
+    if (pending.length === 0)
+        return null;
+    const problems = pendingAttachmentProblems(pending, model);
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 0.5, minWidth: 0 }, children: [_jsx(AiAttachmentChips, { label: "Attachments to send", disabled: disabled, onRemove: onRemove, items: pending.map((item) => ({
+                    key: item.key,
+                    name: item.file.name,
+                    size: item.file.size,
+                    kind: attachmentKind(item.file.type),
+                    problem: attachmentProblem(item.file, model),
+                })) }), problems.length > 0 && (_jsx(Box, { role: "alert", children: problems.map((problem) => (_jsx(Typography, { variant: "caption", color: "error", component: "p", children: problem }, problem))) }))] }));
+}
+//# sourceMappingURL=AiChatAttachmentPicker.js.map

package/dist/ai/ui/shared/AiChatAttachmentPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatAttachmentPicker.js","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiChatAttachmentPicker.tsx"],"names":[],"mappings":"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"}

package/dist/ai/ui/shared/AiChatThread.d.ts

@@ -0,0 +1,9 @@
+import type { AiUsage } from '../../headless/types.js';
+import type { AiChatMessage } from '../../headless/use-ai-chat.js';
+export declare function formatAiUsage(usage: AiUsage | undefined): string | null;
+export interface AiChatThreadProps {
+    messages: AiChatMessage[];
+}
+export declare function AiChatThread({ messages }: AiChatThreadProps): import("react").JSX.Element;
+export default AiChatThread;
+//# sourceMappingURL=AiChatThread.d.ts.map

package/dist/ai/ui/shared/AiChatThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatThread.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiChatThread.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAOnE,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAOvE;AAsDD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAkE3D;AAED,eAAe,YAAY,CAAC"}

package/dist/ai/ui/shared/AiChatThread.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The playground's conversation — issue #434, epic #419.
+ *
+ * Assistant text is rendered as PLAIN TEXT with `white-space: pre-wrap`: the
+ * web app has no Markdown dependency and the issue forbids adding a heavy one
+ * for this page. Line breaks, lists and code blocks from the model therefore
+ * keep their shape, just without formatting; and nothing the model says is
+ * ever interpreted as HTML (React escapes it).
+ *
+ * The thread is a `role="log"` region: assistive technology announces new
+ * messages, while `aria-busy` on a streaming message stops it reading every
+ * token as it lands.
+ */
+import { useEffect, useRef } from 'react';
+import { Box, Chip, Paper, Typography } from '@mui/material';
+import { AiErrorAlert } from './AiErrorAlert.js';
+import { AiReasoningPanel } from './AiReasoningPanel.js';
+import { AiStructuredOutputPanel } from './AiStructuredOutputPanel.js';
+import { AiAttachmentChips } from './AiAttachmentChips.js';
+import { AiHostedToolOutputs } from './AiHostedToolOutputs.js';
+export function formatAiUsage(usage) {
+    if (!usage)
+        return null;
+    const parts = [];
+    if (usage.inputTokens !== undefined)
+        parts.push(`${usage.inputTokens} in`);
+    if (usage.outputTokens !== undefined)
+        parts.push(`${usage.outputTokens} out`);
+    if (usage.reasoningTokens !== undefined)
+        parts.push(`${usage.reasoningTokens} reasoning`);
+    return parts.length ? `Tokens: ${parts.join(' · ')}` : null;
+}
+function AssistantBody({ message }) {
+    const usage = formatAiUsage(message.usage);
+    const waiting = message.status === 'streaming' && message.text === '';
+    return (_jsxs(_Fragment, { children: [message.reasoning && (_jsx(AiReasoningPanel, { text: message.reasoning, streaming: message.status === 'streaming' && message.text === '' })), waiting && message.reasoning ? null : waiting ? (_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { fontStyle: 'italic' }, children: "Thinking\u2026" })) : (message.text && (_jsx(Typography, { variant: "body1", component: "div", "data-testid": "assistant-text", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: message.text }))), message.parsed !== undefined && message.parsed !== null && (_jsx(AiStructuredOutputPanel, { parsed: message.parsed })), message.error && (_jsx(Box, { sx: { mt: message.text ? 1 : 0 }, children: _jsx(AiErrorAlert, { error: message.error }) })), _jsxs(Box, { sx: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', gap: 1, mt: 1 }, "data-testid": "message-footer", children: [message.status === 'stopped' && _jsx(Chip, { size: "small", label: "Stopped" }), message.runId && _jsx(Chip, { size: "small", variant: "outlined", label: "Background run" }), usage && (_jsx(Typography, { variant: "caption", color: "text.secondary", children: usage }))] })] }));
+}
+export function AiChatThread({ messages }) {
+    const endRef = useRef(null);
+    const last = messages[messages.length - 1];
+    // Follow the conversation as it grows (jsdom has no scrollIntoView).
+    useEffect(() => {
+        endRef.current?.scrollIntoView?.({ block: 'end' });
+    }, [messages.length, last?.text, last?.reasoning]);
+    return (_jsxs(Box, { role: "log", "aria-label": "Conversation", "aria-live": "polite", sx: { display: 'flex', flexDirection: 'column', gap: 1.5, minWidth: 0 }, children: [messages.map((message) => message.role === 'user' ? (_jsxs(Paper, { elevation: 0, "data-testid": "user-message", sx: {
+                    alignSelf: 'flex-end',
+                    maxWidth: { xs: '90%', sm: '80%' },
+                    px: 1.5,
+                    py: 1,
+                    bgcolor: 'primary.main',
+                    color: 'primary.contrastText',
+                    whiteSpace: 'pre-wrap',
+                    wordBreak: 'break-word',
+                }, children: [message.text, message.attachments && message.attachments.length > 0 && (_jsx(Box, { sx: { mt: 0.75, whiteSpace: 'normal' }, children: _jsx(AiAttachmentChips, { tone: "contrast", label: "Attached files", items: message.attachments.map((attachment) => ({
+                                key: attachment.storageObjectId,
+                                name: attachment.name,
+                                size: attachment.size,
+                                kind: attachment.kind,
+                            })) }) }))] }, message.id)) : (_jsxs(Paper, { variant: "outlined", "data-testid": "assistant-message", "data-status": message.status, "aria-busy": message.status === 'streaming', sx: { alignSelf: 'stretch', px: 1.5, py: 1, minWidth: 0 }, children: [_jsx(AssistantBody, { message: message }), message.status === 'done' && _jsx(AiHostedToolOutputs, { output: message.output })] }, message.id))), _jsx("div", { ref: endRef })] }));
+}
+export default AiChatThread;
+//# sourceMappingURL=AiChatThread.js.map

package/dist/ai/ui/shared/AiChatThread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatThread.js","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiChatThread.tsx"],"names":[],"mappings":"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"}

package/dist/ai/ui/shared/AiEmbeddingsResult.d.ts

@@ -0,0 +1,13 @@
+import type { AiEmbeddingsResponse } from '../../headless/types.js';
+/** Values shown per vector. */
+export declare const AI_EMBEDDING_PREVIEW_VALUES = 8;
+/** The largest batch the similarity matrix is drawn for (10 × 10). */
+export declare const AI_EMBEDDING_SIMILARITY_MAX_INPUTS = 10;
+export interface AiEmbeddingsResultProps {
+    /** The inputs, in the order they were sent. */
+    inputs: string[];
+    result: AiEmbeddingsResponse;
+}
+export declare function AiEmbeddingsResult({ inputs, result }: AiEmbeddingsResultProps): import("react").JSX.Element;
+export default AiEmbeddingsResult;
+//# sourceMappingURL=AiEmbeddingsResult.d.ts.map

package/dist/ai/ui/shared/AiEmbeddingsResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiEmbeddingsResult.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/shared/AiEmbeddingsResult.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE,+BAA+B;AAC/B,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,sEAAsE;AACtE,eAAO,MAAM,kCAAkC,KAAK,CAAC;AAErD,MAAM,WAAW,uBAAuB;IACtC,+CAA+C;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,uBAAuB,+BAkG7E;AAcD,eAAe,kBAAkB,CAAC"}

package/dist/ai/ui/shared/AiEmbeddingsResult.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What `POST /api/ai/embeddings` returned, made readable — issue #445
+ * (API: #440).
+ *
+ * A summary (count, dimensions, model, tokens), each vector's first
+ * {@link AI_EMBEDDING_PREVIEW_VALUES} values, and — for at most
+ * {@link AI_EMBEDDING_SIMILARITY_MAX_INPUTS} inputs — the cosine similarity
+ * matrix. Both are real `<table>`s with a caption and scoped header cells, so
+ * a screen reader announces the row and column of every number.
+ */
+import { useMemo } from 'react';
+import { Box, Chip, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, } from '@mui/material';
+import { similarityMatrix } from '../playground/embeddingMath.js';
+/** Values shown per vector. */
+export const AI_EMBEDDING_PREVIEW_VALUES = 8;
+/** The largest batch the similarity matrix is drawn for (10 × 10). */
+export const AI_EMBEDDING_SIMILARITY_MAX_INPUTS = 10;
+const captionSx = { captionSide: 'top', px: 0, pt: 0, color: 'text.primary', typography: 'subtitle2' };
+function truncate(text, max = 48) {
+    return text.length > max ? `${text.slice(0, max - 1)}…` : text;
+}
+export function AiEmbeddingsResult({ inputs, result }) {
+    const { vectors, dimensions } = result;
+    const showMatrix = vectors.length >= 2 && vectors.length <= AI_EMBEDDING_SIMILARITY_MAX_INPUTS;
+    const matrix = useMemo(() => (showMatrix ? similarityMatrix(vectors) : []), [showMatrix, vectors]);
+    return (_jsxs(Stack, { spacing: 2, sx: { minWidth: 0 }, "data-testid": "embeddings-result", children: [_jsxs(Box, { sx: { display: 'flex', gap: 1, flexWrap: 'wrap', alignItems: 'center' }, "aria-label": "Embeddings summary", role: "group", children: [_jsx(Chip, { size: "small", label: `${vectors.length} ${vectors.length === 1 ? 'vector' : 'vectors'}` }), _jsx(Chip, { size: "small", label: `${dimensions} dimensions` }), _jsx(Chip, { size: "small", variant: "outlined", label: result.model }), result.usage.inputTokens !== undefined && (_jsx(Chip, { size: "small", variant: "outlined", label: `${result.usage.inputTokens} input tokens` }))] }), _jsx(TableContainer, { sx: { maxWidth: '100%', overflowX: 'auto' }, children: _jsxs(Table, { size: "small", "aria-label": "Vectors", children: [_jsxs(Box, { component: "caption", sx: captionSx, children: ["Vectors \u2014 first ", AI_EMBEDDING_PREVIEW_VALUES, " of ", dimensions, " values"] }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "col", children: "#" }), _jsx(TableCell, { component: "th", scope: "col", children: "Input" }), _jsx(TableCell, { component: "th", scope: "col", children: "Values" })] }) }), _jsx(TableBody, { children: vectors.map((vector, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "row", children: index + 1 }), _jsx(TableCell, { sx: { maxWidth: 220, wordBreak: 'break-word' }, title: inputs[index], children: truncate(inputs[index] ?? '') }), _jsxs(TableCell, { sx: { fontFamily: 'monospace', fontSize: '0.8125rem', whiteSpace: 'nowrap' }, children: ["[", vector.slice(0, AI_EMBEDDING_PREVIEW_VALUES).map((value) => value.toFixed(4)).join(', '), vector.length > AI_EMBEDDING_PREVIEW_VALUES ? ', …' : '', "]"] })] }, index))) })] }) }), showMatrix && (_jsx(TableContainer, { sx: { maxWidth: '100%', overflowX: 'auto' }, children: _jsxs(Table, { size: "small", "aria-label": "Cosine similarity", children: [_jsx(Box, { component: "caption", sx: captionSx, children: "Cosine similarity (1 = same direction, 0 = unrelated)" }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { component: "th", scope: "col", children: _jsx(Box, { component: "span", sx: visuallyHidden, children: "Input" }) }), inputs.map((input, index) => (_jsx(TableCell, { component: "th", scope: "col", align: "right", title: input, children: index + 1 }, index)))] }) }), _jsx(TableBody, { children: matrix.map((row, i) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { component: "th", scope: "row", title: inputs[i], sx: { whiteSpace: 'nowrap' }, children: [i + 1, ". ", truncate(inputs[i] ?? '', 24)] }), row.map((value, j) => (_jsx(TableCell, { align: "right", sx: {
+                                            fontFamily: 'monospace',
+                                            fontSize: '0.8125rem',
+                                            // Shade by similarity; the number itself carries the meaning.
+                                            bgcolor: (theme) => `color-mix(in srgb, ${theme.palette.primary.main} ${Math.round(Math.max(0, value) * 35)}%, transparent)`,
+                                        }, children: value.toFixed(3) }, j)))] }, i))) })] }) })), vectors.length > AI_EMBEDDING_SIMILARITY_MAX_INPUTS && (_jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["The similarity matrix is shown for up to ", AI_EMBEDDING_SIMILARITY_MAX_INPUTS, " inputs."] }))] }));
+}
+const visuallyHidden = {
+    border: 0,
+    clip: 'rect(0 0 0 0)',
+    height: 1,
+    margin: -1,
+    overflow: 'hidden',
+    padding: 0,
+    position: 'absolute',
+    whiteSpace: 'nowrap',
+    width: 1,
+};
+export default AiEmbeddingsResult;
+//# sourceMappingURL=AiEmbeddingsResult.js.map