@salsita-ai/sdk 0.50.0-develop.bb71259564 → 0.50.0-develop.bc204720a8

package/dist/configurator/ui/assistant/screenshots/ScreenshotThumbnails.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{AssistantPanelName as r}from"../theme.js";import{useScreenshotSrc as a}from"./use-screenshot-src.js";let i=o("span",{name:r,slot:"screenshots",shouldForwardProp:e=>"columns"!==e})(({columns:e,theme:{palette:o,shape:r,shadows:a,spacing:i}})=>({background:o.background.paper,borderRadius:r.borderRadius,boxShadow:a[4],display:"grid",gap:i(1.5),gridTemplateColumns:`repeat(${e}, minmax(0, 200px))`,maxInlineSize:"80vw",padding:i(1.5)})),s=o("img")(({theme:{palette:e,shape:o}})=>({blockSize:"auto",borderRadius:o.borderRadius/2,boxShadow:`inset 0 0 0 1px ${e.divider}`,display:"block",inlineSize:"100%"})),d=o("span")(({theme:{palette:e,shape:o}})=>({aspectRatio:"4 / 3",background:e.action.hover,borderRadius:o.borderRadius/2,display:"block"})),t=({picture:o,onImageLoad:r})=>{let i=a(o);return void 0===i?e(d,{}):e(s,{src:i,alt:"",onLoad:r})};export const ScreenshotThumbnails=({screenshots:o,onImageLoad:r})=>e(i,{columns:Math.min(o.length,2),children:o.map(({label:o,picture:a})=>e(t,{picture:a,onImageLoad:r},o))});
+import{jsx as e}from"react/jsx-runtime";import{styled as o,useThemeProps as r}from"@mui/material";import{useScreenshotSrc as a}from"./use-screenshot-src.js";let t="PhxAssistantScreenshots",i=o("span",{name:t,slot:"root",shouldForwardProp:e=>"ownerState"!==e})(({ownerState:{columns:e},theme:{palette:o,shape:r,shadows:a,spacing:t}})=>({background:o.background.paper,borderRadius:r.borderRadius,boxShadow:a[4],display:"grid",gap:t(1.5),gridTemplateColumns:`repeat(${e}, minmax(0, 200px))`,maxInlineSize:"80vw",padding:t(1.5)})),s=o("img")(({theme:{palette:e,shape:o}})=>({blockSize:"auto",borderRadius:o.borderRadius/2,boxShadow:`inset 0 0 0 1px ${e.divider}`,display:"block",inlineSize:"100%"})),n=o("span")(({theme:{palette:e,shape:o}})=>({aspectRatio:"4 / 3",background:e.action.hover,borderRadius:o.borderRadius/2,display:"block"})),d={},m=({picture:o,onImageLoad:r})=>{let t=a(o);return void 0===t?e(n,{}):e(s,{src:t,alt:"",onLoad:r})};export const ScreenshotThumbnails=({screenshots:o,onImageLoad:a})=>{let{slots:s={},slotProps:n={}}=r({props:d,name:t});return e(s.root??i,{...n.root,ownerState:{columns:Math.min(o.length,2)},children:o.map(({label:o,picture:r})=>e(m,{picture:r,onImageLoad:a},o))})};

package/dist/configurator/ui/assistant/screenshots/index.d.ts

@@ -1,2 +1,3 @@
-export { ScreenshotThumbnails } from './ScreenshotThumbnails.js';
+export { ScreenshotThumbnails, type ThemeableAssistantScreenshotsProps } from './ScreenshotThumbnails.js';
 export { type AssistantToolScreenshot, readToolScreenshots } from './tool-screenshots.js';
+export { useScreenshotSrc } from './use-screenshot-src.js';

package/dist/configurator/ui/assistant/screenshots/index.js

@@ -1 +1 @@
-export{ScreenshotThumbnails}from"./ScreenshotThumbnails.js";export{readToolScreenshots}from"./tool-screenshots.js";
+export{ScreenshotThumbnails}from"./ScreenshotThumbnails.js";export{readToolScreenshots}from"./tool-screenshots.js";export{useScreenshotSrc}from"./use-screenshot-src.js";

package/dist/configurator/ui/assistant/screenshots/tool-screenshots.d.ts

@@ -1,14 +1,8 @@
-/**
- * Where the panel gets a screenshot's picture from: the server, by the id the browser uploaded it
- * under, or the data URL of a picture a thread from before the upload carries inline.
- */
-export type AssistantScreenshotPicture = {
+/** Where the panel gets a screenshot's picture from: the server, by the id the browser uploaded it under. */
+export interface AssistantScreenshotPicture {
     readonly kind: 'stored';
     readonly imageId: string;
-} | {
-    readonly kind: 'inline';
-    readonly src: string;
-};
+}
 /** A screenshot a `query` or `apply` call took, as the panel shows it. */
 export interface AssistantToolScreenshot {
     /** The label the call's `image` field returned, such as `Cabinet-2/doorLayout#2`. */

package/dist/configurator/ui/assistant/screenshots/tool-screenshots.js

@@ -1 +1 @@
-import{z as t}from"zod";import{readAssistantImageReference as e}from"@salsita-ai/contracts/assistant";let a=t.object({type:t.literal("text"),content:t.string()}),r=t.object({type:t.literal("image"),source:t.discriminatedUnion("type",[t.object({type:t.literal("url"),value:t.string()}),t.object({type:t.literal("data"),value:t.string(),mimeType:t.string()})])}),s=/^[^/]+\/[^#]+(?:#\d+)?$/;export const readToolScreenshots=t=>Array.isArray(t)?t.slice(1).flatMap((t,l,i)=>{let n=r.safeParse(t),o=a.safeParse(i[l-1]),c=n.success?(({source:t})=>{if("data"===t.type)return{kind:"inline",src:`data:${t.mimeType};base64,${t.value}`};let a=e(t.value);return null===a?null:{kind:"stored",imageId:a}})(n.data):null;return c&&o.success&&s.test(o.data.content)?[{label:o.data.content,picture:c}]:[]}):[];
+import{z as t}from"zod";import{readAssistantImageReference as e}from"@salsita-ai/contracts/assistant";let a=t.object({type:t.literal("text"),content:t.string()}),r=t.object({type:t.literal("image"),source:t.object({type:t.literal("url"),value:t.string()})}),s=/^[^/]+\/[^#]+(?:#\d+)?$/;export const readToolScreenshots=t=>Array.isArray(t)?t.slice(1).flatMap((t,l,o)=>{let n=r.safeParse(t),c=a.safeParse(o[l-1]),i=n.success?(({source:t})=>{let a=e(t.value);return null===a?null:{kind:"stored",imageId:a}})(n.data):null;return i&&c.success&&s.test(c.data.content)?[{label:c.data.content,picture:i}]:[]}):[];

package/dist/configurator/ui/assistant/screenshots/use-screenshot-src.d.ts

@@ -1,8 +1,8 @@
 import type { AssistantScreenshotPicture } from './tool-screenshots.js';
 /**
- * The `src` of a screenshot's picture: the data URL of an inline one at once, and for an uploaded
- * one the object URL the assistant system reads it into, once it has been read; `undefined` until
- * then and when the read fails. Only the open popover of a call's screenshots calls it, so nothing
- * is read while the popover is closed.
+ * The `src` of a screenshot's or an attached image's picture: the object URL the assistant system
+ * reads the uploaded image into, once it has been read; `undefined` until then and when the read
+ * fails. The screenshots of a call are read only while their popover is open; the images a user
+ * attached are read as soon as their bubble shows.
  */
 export declare const useScreenshotSrc: (picture: AssistantScreenshotPicture) => string | undefined;

package/dist/configurator/ui/assistant/screenshots/use-screenshot-src.js

@@ -1 +1 @@
-import{useEffect as r,useState as e}from"react";import{useConfigurator as n}from"../../../application-runtime/index.js";export const useScreenshotSrc=t=>{let{assistantSystem:i}=n(),o="stored"===t.kind?t.imageId:null,[l,d]=e();return(r(()=>{if(null===o)return;let r=!0;return i.loadScreenshotUrl(o).then(e=>{r&&d({imageId:o,src:e})},()=>void 0),()=>{r=!1}},[i,o]),"inline"===t.kind)?t.src:l?.imageId===o?l.src:void 0};
+import{useEffect as r,useState as e}from"react";import{useConfigurator as t}from"../../../application-runtime/index.js";export const useScreenshotSrc=o=>{let{assistantSystem:i}=t(),{imageId:n}=o,[c,m]=e();return r(()=>{let r=!0;return i.loadScreenshotUrl(n).then(e=>{r&&m({imageId:n,src:e})},()=>void 0),()=>{r=!1}},[i,n]),c?.imageId===n?c.src:void 0};

package/dist/configurator/ui/assistant/streamed-markdown.d.ts

@@ -1,3 +1,14 @@
+/** Where a code block starts and ends in the text, as Markdown parsed it. */
+export interface FencePosition {
+    readonly start: number;
+    readonly end: number;
+}
+/**
+ * True when a code block of a finished reply was cut off: it runs to the end of the reply without
+ * the line that closes its fence, whatever backticks the reply has elsewhere. A block that the end
+ * of its list item or blockquote closed before the reply went on is not cut off.
+ */
+export declare const isCutOffFence: (text: string, { start, end }: FencePosition) => boolean;
 /** True when the text has a code fence the model has not closed yet. */
 export declare const hasOpenFence: (text: string) => boolean;
 /**

package/dist/configurator/ui/assistant/streamed-markdown.js

@@ -1,2 +1,2 @@
-let e=(e,t)=>e.split(t).length-1,t=/^\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)*\|?\s*$/,l=/(^|\n) {0,3}>[ \t]*\[![a-z]*$/i,n=/(^|\n) {0,3}>[ \t]*\[![a-z]+\][ \t]*$/i;export const hasOpenFence=t=>e(t,"```")%2==1;export const completeStreamedMarkdown=s=>{var r;let a;if(hasOpenFence(s))return`${s}
-\`\`\``;let i=s.lastIndexOf("```"),c=-1===i?"":s.slice(0,i+3),{head:$,marker:h}=(r=s.slice(c.length),null==(a=n.exec(r))?{head:r.replace(l,"$1"),marker:""}:{head:r.slice(0,a.index),marker:r.slice(a.index)}),p=(e=>{let l=e.split("\n"),n=l.length;for(;n>0&&l[n-1]?.trimStart().startsWith("|");)n-=1;let s=l.slice(n),r=s[1],a=null!=r&&s.length>2&&t.test(r);return 0===s.length||a?e:l.slice(0,n).join("\n")})((e($,"`")%2==1?$.slice(0,$.lastIndexOf("`")):$).replace(/!?\[([^\]\n]*)\](?:\([^)\n]*)?$/,"$1").replace(/!?\[[^\]\n]*$/,"")),d=e(p,"**")%2==1?`${p}**`:p;return`${c}${d}${h}`};
+let e=(e,t)=>e.split(t).length-1,t=/^\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)*\|?\s*$/,l=/(^|\n) {0,3}>[ \t]*\[![a-z]*$/i,n=/(^|\n) {0,3}>[ \t]*\[![a-z]+\][ \t]*$/i,s=/^[ \t>]*(`{3,}|~{3,})/,r=/^[ \t>]*(`{3,}|~{3,})[ \t]*$/;export const isCutOffFence=(e,{start:t,end:l})=>{let n,i,c;return l>=e.trimEnd().length&&(n=e.slice(t,l).split("\n"),i=s.exec(n[0]??"")?.[1],c=n.length>1?r.exec(n.at(-1)??"")?.[1]:void 0,null==i||null==c||c[0]!==i[0]||!(c.length>=i.length))};export const hasOpenFence=t=>e(t,"```")%2==1;export const completeStreamedMarkdown=s=>{var r;let i;if(hasOpenFence(s))return`${s}
+\`\`\``;let c=s.lastIndexOf("```"),a=-1===c?"":s.slice(0,c+3),{head:h,marker:$}=(r=s.slice(a.length),null==(i=n.exec(r))?{head:r.replace(l,"$1"),marker:""}:{head:r.slice(0,i.index),marker:r.slice(i.index)}),p=(e=>{let l=e.split("\n"),n=l.length;for(;n>0&&l[n-1]?.trimStart().startsWith("|");)n-=1;let s=l.slice(n),r=s[1],i=null!=r&&s.length>2&&t.test(r);return 0===s.length||i?e:l.slice(0,n).join("\n")})((e(h,"`")%2==1?h.slice(0,h.lastIndexOf("`")):h).replace(/!?\[([^\]\n]*)\](?:\([^)\n]*)?$/,"$1").replace(/!?\[[^\]\n]*$/,"")),d=e(p,"**")%2==1?`${p}**`:p;return`${a}${d}${$}`};

package/dist/configurator/ui/assistant/thread-items.d.ts

@@ -1,5 +1,6 @@
 import type { UIMessage } from '@tanstack/ai-client';
-import type { AssistantEarlierThreadSnapshot } from '../../application-runtime/index.js';
+import { type AssistantMessageAnnotation } from '@salsita-ai/contracts/assistant';
+import { type AssistantEarlierThreadSnapshot } from '../../application-runtime/index.js';
 import { type AssistantToolChip } from './tool-chip.js';
 /** A tool call of the thread, with what its chip shows and what a click on the chip logs. */
 export interface AssistantToolItem {
@@ -23,12 +24,24 @@ export type AssistantThreadItem = {
     readonly kind: 'user';
     readonly id: string;
     readonly text: string;
+    /** The images the user attached, by the ids the message references them by; annotations are not among them. */
+    readonly imageIds: readonly string[];
+    /** The annotations the user attached, in their order among the message's images. */
+    readonly annotations: readonly AssistantMessageAnnotation[];
+    /** How the user spoke the message, when they did; nothing for a typed one. */
+    readonly voice: AssistantUserVoice | null;
 } | {
     readonly kind: 'text';
     readonly id: string;
     readonly markdown: string;
     readonly isStreaming: boolean;
     readonly forms: AssistantFormsVisibility;
+    /**
+     * The reply this text ends, by the id of its message, when the panel can read it aloud: voice is on, the reply
+     * has been written, and it has something to say within what the server reads. Its play button follows the text.
+     * Nothing on every other text.
+     */
+    readonly playableReplyId: string | null;
 } | {
     readonly kind: 'tools';
     readonly id: string;
@@ -37,6 +50,12 @@ export type AssistantThreadItem = {
     readonly kind: 'separator';
     readonly id: string;
 };
+/**
+ * How a user message was spoken:
+ * - `transcribing`: its recording was sent, and the server's transcript has not arrived yet
+ * - `spoken`: its text is the transcript the server made of the recording
+ */
+export type AssistantUserVoice = 'transcribing' | 'spoken';
 export interface AssistantThreadView {
     readonly items: readonly AssistantThreadItem[];
     /** True while a reply runs and neither streaming text nor a row of tool chips shows that it does. */
@@ -46,10 +65,10 @@ export interface AssistantThreadView {
  * Lays the messages of the chat out as the blocks the thread renders. Reasoning is left out; tool
  * results are not shown on their own but decide the state of the chip of their call.
  */
-export declare const buildThreadView: (messages: ReadonlyArray<UIMessage>, isReplying: boolean, isResuming: boolean) => AssistantThreadView;
+export declare const buildThreadView: (messages: ReadonlyArray<UIMessage>, isReplying: boolean, isResuming: boolean, isVoiceEnabled: boolean) => AssistantThreadView;
 /**
  * Lays the closed threads of the conversation out above the thread that continues them, oldest
  * first, each ended by a separator: the assistant read on from a summary of it, not from the
  * messages themselves.
  */
-export declare const buildEarlierThreadItems: (earlierThreads: ReadonlyArray<AssistantEarlierThreadSnapshot>) => readonly AssistantThreadItem[];
+export declare const buildEarlierThreadItems: (earlierThreads: ReadonlyArray<AssistantEarlierThreadSnapshot>, isVoiceEnabled: boolean) => readonly AssistantThreadItem[];

package/dist/configurator/ui/assistant/thread-items.js

@@ -1 +1 @@
-import{match as t}from"ts-pattern";import{describeToolCall as e}from"./tool-chip.js";let r=t=>{try{return JSON.parse(t)}catch{return t}},i=t=>t.map(t=>"text"===t.type?t.content:"").join("").trim();export const buildThreadView=(o,n,s)=>{let l=(t=>{let e=new Map;for(let i of t)for(let t of i.parts)"tool-result"===t.type&&e.set(t.toolCallId,{result:"string"==typeof t.content?r(t.content):t.content,error:"error"===t.state?t.error??"The tool call failed.":void 0});return e})(o),a=[],d=o.at(-1),p=t=>{let e=a.at(-1);e?.kind==="tools"?a[a.length-1]={...e,tools:[...e.tools,t]}:a.push({kind:"tools",id:t.id,tools:[t]})};for(let r of o){if("user"===r.role){let t=i(r.parts);t&&a.push({kind:"user",id:r.id,text:t});continue}let o=n&&r===d,u=t({isLast:r===d,isBusy:o||s}).with({isLast:!1},()=>"hidden").with({isBusy:!0},()=>"disabled").otherwise(()=>"enabled");r.parts.forEach((t,i)=>{let n=`${r.id}:${i}`;if("text"===t.type){if(t.content.trim()){let e=o&&i===r.parts.length-1;a.push({kind:"text",id:n,markdown:t.content,isStreaming:e,forms:u})}return}if("tool-call"!==t.type)return;let s=l.get(t.id),d=t.input,h=t.output??s?.result;p({id:t.id,input:d,result:h,chip:e({name:t.name,input:d,result:h,error:s?.error,isReplyRunning:o})})})}let u=a.at(-1),h=d?.role==="assistant"&&(u?.kind==="text"&&u.isStreaming||u?.kind==="tools");return{items:a,isThinking:n&&!h}};export const buildEarlierThreadItems=t=>t.flatMap(({threadId:t,messages:e})=>[...buildThreadView(e,!1,!1).items.map(e=>"text"===e.kind?{...e,id:`${t}:${e.id}`,forms:"hidden"}:{...e,id:`${t}:${e.id}`}),{kind:"separator",id:`${t}:separator`}]);
+import{match as t}from"ts-pattern";import{AssistantMessageMetadata as e,banTool as r,readAssistantImageReference as a}from"@salsita-ai/contracts/assistant";import{isSpeakableReply as i}from"../../application-runtime/index.js";import{describeToolCall as o}from"./tool-chip.js";let s=t=>{try{return JSON.parse(t)}catch{return t}},n=t=>t.map(t=>"text"===t.type?t.content:"").join("").trim(),l=t=>t.flatMap(t=>"image"===t.type&&"url"===t.source.type?a(t.source.value)??[]:[]),d=(t,r)=>{let a=e.safeParse(t.metadata),i=a.success?a.data.annotations??[]:[];return r.flatMap(t=>i.filter(e=>e.imageId===t))},p=t=>t.parts.some(t=>"audio"===t.type)?"transcribing":e.safeParse(t.metadata).data?.spoken?"spoken":null;export const buildThreadView=(e,a,u,m)=>{let f=(t=>{let e=new Map;for(let r of t)for(let t of r.parts)"tool-result"===t.type&&e.set(t.toolCallId,{result:"string"==typeof t.content?s(t.content):t.content,error:"error"===t.state?t.error??"The tool call failed.":void 0});return e})(e),c=[],h=e.at(-1),g=a?e.map(t=>t.role).lastIndexOf("user")+1:e.length,k=t=>{let e=c.at(-1);e?.kind==="tools"?c[c.length-1]={...e,tools:[...e.tools,t]}:c.push({kind:"tools",id:t.id,tools:[t]})};for(let[s,y]of e.entries()){if("user"===y.role){let t=n(y.parts),e=l(y.parts),r=d(y,e),a=e.filter(t=>!r.some(e=>e.imageId===t)),i=p(y);(t||e.length>0||i)&&c.push({kind:"user",id:y.id,text:t,imageIds:a,annotations:r,voice:i});continue}let e=a&&y===h,x=t({isLast:y===h,isBusy:e||u}).with({isLast:!1},()=>"hidden").with({isBusy:!0},()=>"disabled").otherwise(()=>"enabled"),w=y.parts.map(t=>"text"===t.type&&""!==t.content.trim()).lastIndexOf(!0),$=m&&s<g&&i(y);y.parts.forEach((t,a)=>{let i=`${y.id}:${a}`;if("text"===t.type){if(t.content.trim()){let r=e&&a===y.parts.length-1,o=$&&a===w?y.id:null;c.push({kind:"text",id:i,markdown:t.content,isStreaming:r,forms:x,playableReplyId:o})}return}if("tool-call"!==t.type||t.name===r.name)return;let s=f.get(t.id),n=t.input,l=t.output??s?.result;k({id:t.id,input:n,result:l,chip:o({name:t.name,input:n,result:l,error:s?.error,isReplyRunning:e})})})}let y=c.at(-1),x=h?.role==="assistant"&&(y?.kind==="text"&&y.isStreaming||y?.kind==="tools");return{items:c,isThinking:a&&!x}};export const buildEarlierThreadItems=(t,e)=>t.flatMap(({threadId:t,messages:r})=>[...buildThreadView(r,!1,!1,e).items.map(e=>"text"===e.kind?{...e,id:`${t}:${e.id}`,forms:"hidden"}:{...e,id:`${t}:${e.id}`}),{kind:"separator",id:`${t}:separator`}]);

package/dist/configurator/ui/assistant/tool-chip.js

@@ -1 +1 @@
-import{Kind as e,parse as t}from"graphql";import{z as r}from"zod";import{ASSISTANT_TOOL_ERROR_CODES as a,AssistantToolError as n,applyTool as s,queryTool as i}from"@salsita-ai/contracts/assistant";let l=r.object({title:r.string().nullish().catch(void 0),operations:r.array(r.object({query:r.string(),operationName:r.string().nullish()}))}),o=r.object({results:r.array(r.object({errors:r.array(r.unknown()).optional()})),committed:r.boolean()}),u=r.tuple([r.object({type:r.literal("text"),content:r.string()})]).rest(r.unknown()),d=e=>{let t=u.safeParse(e);if(!t.success)return e;try{return JSON.parse(t.data[0].content)}catch{return e}},c=r.object({message:r.string(),extensions:r.object({code:r.literal("VIOLATION"),type:r.string()})});export const describeToolCall=r=>{var u;let f,m=(({name:r,input:a})=>{let n,o,u=(n=l.safeParse(a)).success&&n.data.title?.trim()||void 0;if(null!=u)return{kind:"text",text:u};let d=(o=l.safeParse(a)).success?o.data.operations.flatMap(({query:r,operationName:a})=>a??(r=>{try{let a=t(r).definitions.find(t=>t.kind===e.OPERATION_DEFINITION);return a?.kind===e.OPERATION_DEFINITION?a.name?.value:void 0}catch{return}})(r)??[]):[];return d.length>0?{kind:"text",text:d.join(", ")}:r===s.name?{kind:"updateDesign"}:r===i.name?{kind:"readDesign"}:{kind:"text",text:r}})(r);if(null==r.result&&null==r.error)return{label:m,state:r.isReplyRunning?"running":"done",errorCode:void 0,violations:[]};let p=(e=>{let t=n.safeParse(e);if(t.success)return a.find(e=>e===t.data.code)})(r.result),g=(({name:e,result:t,error:r},a)=>{if(null!=r||null!=a)return"failed";if(e!==s.name&&e!==i.name)return"done";let n=o.safeParse(d(t));if(!n.success)return"failed";let{results:l,committed:u}=n.data;return e===s.name?u?"done":"failed":l.some(({errors:e})=>(e?.length??0)>0)||0===l.length?"failed":"done"})(r,p);return{label:m,state:g,errorCode:p,violations:"failed"===g?(u=r.result,(f=o.safeParse(d(u))).success?f.data.results.flatMap(({errors:e})=>(e??[]).flatMap(e=>{let t=c.safeParse(e);return t.success&&t.data.message!==t.data.extensions.type?[t.data.message]:[]})):[]):[]}};
+import{Kind as e,parse as t}from"graphql";import{z as r}from"zod";import{ASSISTANT_TOOL_ERROR_CODES as n,AssistantToolError as s,applyTool as a,queryTool as i}from"@salsita-ai/contracts/assistant";import{SCREENSHOT_NOT_TAKEN as o}from"../../application-runtime/index.js";let l=r.object({title:r.string().nullish().catch(void 0),operations:r.array(r.object({query:r.string(),operationName:r.string().nullish()}))}),u=r.object({results:r.array(r.object({errors:r.array(r.unknown()).optional()})),committed:r.boolean()}),d=r.tuple([r.object({type:r.literal("text"),content:r.string()})]).rest(r.unknown()),c=e=>{let t=d.safeParse(e);if(!t.success)return e;try{return JSON.parse(t.data[0].content)}catch{return e}},f=r.object({extensions:r.object({code:r.string()})}),m=r.object({message:r.string(),extensions:r.object({code:r.literal("VIOLATION"),type:r.string()})});export const describeToolCall=r=>{var d;let p,g=(({name:r,input:n})=>{let s,o,u=(s=l.safeParse(n)).success&&s.data.title?.trim()||void 0;if(null!=u)return{kind:"text",text:u};let d=(o=l.safeParse(n)).success?o.data.operations.flatMap(({query:r,operationName:n})=>n??(r=>{try{let n=t(r).definitions.find(t=>t.kind===e.OPERATION_DEFINITION);return n?.kind===e.OPERATION_DEFINITION?n.name?.value:void 0}catch{return}})(r)??[]):[];return d.length>0?{kind:"text",text:d.join(", ")}:r===a.name?{kind:"updateDesign"}:r===i.name?{kind:"readDesign"}:{kind:"text",text:r}})(r);if(null==r.result&&null==r.error)return{label:g,state:r.isReplyRunning?"running":"done",errorCode:void 0,violations:[]};let x=(e=>{let t=s.safeParse(e);if(t.success)return n.find(e=>e===t.data.code)})(r.result),b=(({name:e,result:t,error:r},n)=>{if(null!=r||null!=n)return"failed";if(e!==a.name&&e!==i.name)return"done";let s=u.safeParse(c(t));if(!s.success)return"failed";let{results:l,committed:d}=s.data;return e===a.name?d?"done":"failed":l.some(({errors:e})=>e?.some(e=>{let t;return!(t=f.safeParse(e)).success||t.data.extensions.code!==o}))||0===l.length?"failed":"done"})(r,x);return{label:g,state:b,errorCode:x,violations:"failed"===b?(d=r.result,(p=u.safeParse(c(d))).success?p.data.results.flatMap(({errors:e})=>(e??[]).flatMap(e=>{let t=m.safeParse(e);return t.success&&t.data.message!==t.data.extensions.type?[t.data.message]:[]})):[]):[]}};

package/dist/configurator/ui/assistant/use-assistant-composer.d.ts

@@ -0,0 +1,88 @@
+import { type AssistantRecording } from './voice/index.js';
+/** An image or an annotation attached to the message being written, as a composer shows it. */
+export interface AssistantComposerAttachment {
+    readonly id: string;
+    /** Object URL of the prepared image for the thumbnail, valid while the attachment is attached. */
+    readonly previewUrl: string;
+    /** True for an annotation, of the view or of an image; false for an image the user added. */
+    readonly isAnnotation: boolean;
+    /** How many comment pins an annotation has; 0 for an image. */
+    readonly pinCount: number;
+}
+/**
+ * Why the last images the user added are not all attached:
+ * - `unreadable`: one could not be read as an image
+ * - `limit`: the message already carries as many images as it can
+ */
+export type AssistantComposerNotice = 'unreadable' | 'limit';
+/**
+ * The message being written to the assistant, with its attachments and what can be done with it.
+ * - `draft` and `setDraft`: the text of the message.
+ * - `attachments`: the images and annotations attached to it, in their order.
+ * - `addFiles(files)`: prepares the files as images and attaches them, as many as `maxAttachments` allows.
+ * - `annotate()`: opens the annotation editor over the configurator; the annotation is attached once the user is
+ *   done with it. Like a file too many, an annotation too many is not made, and `notice` says why.
+ * - `annotateAttachment(id)`: opens the annotation editor on an attached image; the annotation takes its place once
+ *   the user is done with it, so it needs no free slot. An annotation is not annotated again.
+ * - `removeAttachment(id)`: takes an attachment off the message.
+ * - `isPreparing`: whether files added are still being prepared; the message cannot be sent meanwhile.
+ * - `notice`: why the files added last are not all attached, until the attachments change again.
+ * - `maxAttachments`: the most images and annotations one message can carry together.
+ * - `isBusy`: whether a send waits for the thread to be resumed or the images to upload; the message should not
+ *   change meanwhile.
+ * - `isReplying`: whether the assistant is replying; `stop()` ends the reply.
+ * - `isLocked`: whether the assistant banned the user on this configuration, so it takes no message there; nothing
+ *   should be written or attached then, and `canSend` is false.
+ * - `canSend` and `send()`: whether the message can be sent, and sending it. The message is cleared once the chat
+ *   takes it, and comes back, after what was written meanwhile, when the chat gives it back.
+ * - `inputFocusHandlers`: `onFocus` and `onBlur` for the message input, so a phone layout makes room for it.
+ * - `canRecord`: whether the user may speak the message: the session has voice messages on, the browser can record,
+ *   and the assistant takes messages here. A composer shows a mic in place of Send while the text is empty then.
+ * - `recording`: the voice message being recorded, its status, how long it runs and how loud the microphone is.
+ * - `startRecording()`: starts recording, asking for the microphone; a microphone blocked for the page shows as the
+ *   `refused` status, and starting again asks again.
+ * - `sendRecording()`: stops the recording and sends it as the message, with the images and annotations attached. A
+ *   recording the server refuses comes back as `recorded`, to be sent again or dropped; one in which nothing was
+ *   heard is dropped. A recording that reaches two minutes is sent on its own.
+ * - `cancelRecording()`: drops the recording, and the composer is as it was.
+ */
+export interface UseAssistantComposerResult {
+    readonly draft: string;
+    readonly setDraft: (draft: string) => void;
+    readonly attachments: readonly AssistantComposerAttachment[];
+    readonly addFiles: (files: ReadonlyArray<File>) => Promise<void>;
+    readonly annotate: () => Promise<void>;
+    readonly annotateAttachment: (id: string) => Promise<void>;
+    readonly removeAttachment: (id: string) => void;
+    readonly isPreparing: boolean;
+    readonly notice: AssistantComposerNotice | undefined;
+    readonly maxAttachments: number;
+    readonly isBusy: boolean;
+    readonly isLocked: boolean;
+    readonly isReplying: boolean;
+    readonly canSend: boolean;
+    readonly send: () => Promise<void>;
+    readonly stop: () => void;
+    readonly inputFocusHandlers: {
+        readonly onFocus: () => void;
+        readonly onBlur: () => void;
+    };
+    readonly canRecord: boolean;
+    readonly recording: AssistantRecording;
+    readonly startRecording: () => Promise<void>;
+    readonly sendRecording: () => Promise<void>;
+    readonly cancelRecording: () => void;
+}
+export type UseAssistantComposer = () => UseAssistantComposerResult;
+/**
+ * Hook to write a message to the assistant, as the panel's composer does. The text of the message lives
+ * as long as the component that uses the hook; its attachments live in the assistant system
+ * (`composerAttachments$`), so an annotation made from elsewhere, such as a drawing, is attached here too.
+ * The thumbnails' object URLs are the hook's own, revoked once their attachment is gone or the component
+ * unmounts. It does not render again with every chunk of a reply.
+ *
+ * Images added are prepared at once and attached up to `maxAttachments` per message; one that cannot be prepared,
+ * or one too many, is not attached, and `notice` says why. The message keeps its text and images until the chat
+ * takes it, also when the upload of its images fails.
+ */
+export declare const useAssistantComposer: UseAssistantComposer;

package/dist/configurator/ui/assistant/use-assistant-composer.js

@@ -0,0 +1,2 @@
+import{useTheme as t}from"@mui/material";import{useCallback as e,useEffect as n,useMemo as r,useReducer as a,useRef as i,useState as o}from"react";import{skip as c}from"rxjs/operators";import{useEagerObservableSelector as s,useEagerObservableValue as l}from"#package/react-sdk";import{MAX_COMPOSER_ATTACHMENTS as m,useConfigurator as u}from"../../application-runtime/index.js";import{prepareImage as p}from"./attachments/index.js";import{useVoiceRecording as d}from"./voice/index.js";export const useAssistantComposer=()=>{let{assistantSystem:h}=u(),[f,y]=o(""),g=l(h.composerAttachments$),[v,b]=o(0),[k,A]=o(),[L,R]=o(!1),w=i(new Map),[U,j]=a(t=>t+1,0),x=i(g);x.current=g,n(()=>{let t=w.current;for(let[e,n]of t)g.some(t=>t.id===e)||(URL.revokeObjectURL(n),t.delete(e))},[g]),n(()=>{let t=w.current;return 0===t.size&&x.current.length>0&&j(),()=>{for(let e of t.values())URL.revokeObjectURL(e);t.clear()}},[]);let $=i(!1),P=e(t=>{$.current=!0;try{return t()}finally{$.current=!1}},[]);n(()=>{let t=h.composerAttachments$.pipe(c(1)).subscribe(()=>{$.current||A(void 0)});return()=>t.unsubscribe()},[h]);let{isReplying:F,isResuming:S,isLocked:E,isVoiceEnabled:I}=s(h.chat$,t=>({isReplying:t.isLoading,isResuming:t.isResuming,isLocked:t.isLocked,isVoiceEnabled:t.isVoiceEnabled}),[]),O=f.trim(),C=S||L,V=!F&&!C&&!E&&0===v&&(O.length>0||g.length>0),z=e(async t=>{if(0===t.length)return;let e=[];for(let n of t){let t=h.reserveAttachmentSlot();if(!t)break;e.push(t)}let n=t.slice(0,e.length);A(n.length<t.length?"limit":void 0),0!==n.length&&(b(t=>t+n.length),await Promise.all(n.map(async(t,n)=>{let r;try{r=await p(t)}catch{A("unreadable")}finally{b(t=>t-1)}if(e[n]?.()&&r){let t=r;P(()=>h.attach(t))}})))},[h,P]),B=e(async()=>{h.hasFreeAttachmentSlot$.value?(A(void 0),await h.annotate()):A("limit")},[h]),{palette:M}=t(),q=M.background.default,D=e(async t=>{A(void 0),await h.annotate({attachmentId:t,background:q})},[h,q]),G=e(t=>{h.removeAttachment(t),A(void 0)},[h]),H=i(!0);n(()=>(H.current=!0,()=>{H.current=!1}),[]);let J=e(t=>{P(()=>t.forEach(({id:t})=>h.removeAttachment(t))),A(void 0),R(!1)},[h,P]),K=e(t=>{A(P(()=>h.restoreAttachments(t))?void 0:"limit")},[h,P]),N=e(async()=>{if(V){R(!0);try{await h.send(O,g.map(({blob:t,pins:e,source:n})=>e?{blob:t,pins:e,source:n}:t),{onSent:()=>{y(""),J(g)},onUnsent:()=>{y(t=>t.trim()?`${t}
+${f}`:f),K(g)}})}finally{R(!1)}}},[h,g,V,O,f,K,J]),Q=i(async()=>{}),T=d({onLimitReached:()=>void Q.current()}),{recording:W,finish:X,clear:Y,restore:Z}=T,{start:_,cancel:tt}=T,te=I&&"unavailable"!==W.status&&!E,tn=e(async()=>{if(!te||F||C)return;h.unlockPlayback();let t=await X();if(t&&!(v>0)){R(!0);try{await h.send("",g.map(({blob:t,pins:e,source:n})=>e?{blob:t,pins:e,source:n}:t),{audio:t,onSent:()=>{Y(),J(g)},onUnsent:()=>{K(g),H.current&&Z(t)}})}finally{R(!1)}}},[h,g,te,Y,X,C,F,v,K,Z,J]);Q.current=tn;let tr=e(async()=>{!te||F||C||(h.stopPlayback(),h.unlockPlayback(),await _())},[h,te,C,F,_]),ta=e(()=>{h.stop()},[h]),ti=r(()=>({onFocus:()=>h.setInputFocused(!0),onBlur:()=>h.setInputFocused(!1)}),[h]);return{draft:f,setDraft:y,attachments:r(()=>g.map(({id:t,blob:e,pins:n})=>{let r=w.current.get(t);return void 0===r&&(r=URL.createObjectURL(e),w.current.set(t,r)),{id:t,previewUrl:r,isAnnotation:null!=n,pinCount:n?.length??0}}),[g,U]),addFiles:z,annotate:B,annotateAttachment:D,removeAttachment:G,isPreparing:v>0,notice:k,maxAttachments:m,isBusy:C,isLocked:E,isReplying:F,canSend:V,send:N,stop:ta,inputFocusHandlers:ti,canRecord:te,recording:W,startRecording:tr,sendRecording:tn,cancelRecording:tt}};

package/dist/configurator/ui/assistant/use-assistant-thread.d.ts

@@ -0,0 +1,52 @@
+import { type AssistantFailure } from './assistant-failure.js';
+import { type AssistantThreadItem } from './thread-items.js';
+/**
+ * The conversation with the assistant, laid out as the panel's thread renders it.
+ * - `items`: the blocks of the current thread in reading order: user messages, assistant text, rows of tool calls.
+ * - `earlierItems`: the closed threads loaded above it, oldest first, each ended by a separator.
+ * - `isLoaded` and `isLoadingThread`: whether the thread has been read, and whether the panel shows that it is
+ *   being read.
+ * - `isEmpty`: whether there is nothing to show, so the panel greets the user.
+ * - `isReplying`: whether a reply runs. `isThinking`: whether it runs with nothing in the thread showing that it
+ *   does yet. `isResuming`: whether a thread this session may not continue is being resumed before a message.
+ * - `failure` and `retry()`: what went wrong with the assistant, and reading the thread again when that may help
+ *   (`failure.canRetry`). A ban of the user on this configuration is a failure of kind `locked`, also when the thread
+ *   read itself succeeded.
+ * - `hasOlderMessages`, `isLoadingOlderMessages` and `loadOlderMessages()`: the older pages of the current thread.
+ * - `canLoadEarlierThread`, `isLoadingEarlierThread` and `loadEarlierThread()`: the closed thread before the
+ *   loaded ones, offered once the current thread is loaded whole.
+ * - `undoableToolCallId` and `undo(toolCallIds)`: the tool call whose change a row of tool calls may undo, never
+ *   while a reply runs, and undoing the changes of a row.
+ * - `newestMessageKey` and `firstMessageId`: what a scrolling thread follows. `newestMessageKey` is an opaque value,
+ *   compared by identity, that changes whenever the newest message does, also with every chunk of a reply, but not
+ *   when an older page is loaded above it, which builds every item again. `firstMessageId` changes when an older page
+ *   is loaded, so the thread can keep the reader's place.
+ */
+export interface UseAssistantThreadResult {
+    readonly items: readonly AssistantThreadItem[];
+    readonly earlierItems: readonly AssistantThreadItem[];
+    readonly isLoaded: boolean;
+    readonly isLoadingThread: boolean;
+    readonly isEmpty: boolean;
+    readonly isReplying: boolean;
+    readonly isThinking: boolean;
+    readonly isResuming: boolean;
+    readonly failure: AssistantFailure | undefined;
+    readonly retry: () => void;
+    readonly hasOlderMessages: boolean;
+    readonly isLoadingOlderMessages: boolean;
+    readonly loadOlderMessages: () => void;
+    readonly canLoadEarlierThread: boolean;
+    readonly isLoadingEarlierThread: boolean;
+    readonly loadEarlierThread: () => void;
+    readonly undoableToolCallId: string | undefined;
+    readonly undo: (toolCallIds: ReadonlySet<string>) => void;
+    readonly newestMessageKey: object | undefined;
+    readonly firstMessageId: string | undefined;
+}
+export type UseAssistantThread = () => UseAssistantThreadResult;
+/**
+ * Hook to render the conversation with the assistant, as the panel's thread does. It renders again with every
+ * chunk of a reply; render each item with `AssistantThreadItemView`, or with the item components it uses.
+ */
+export declare const useAssistantThread: UseAssistantThread;

package/dist/configurator/ui/assistant/use-assistant-thread.js

@@ -0,0 +1 @@
+import{useMemo as e}from"react";import{useEagerObservableValue as a}from"#package/react-sdk";import{useConfigurator as s}from"../../application-runtime/index.js";import{describeAssistantFailure as r}from"./assistant-failure.js";import{buildEarlierThreadItems as d,buildThreadView as i}from"./thread-items.js";export const useAssistantThread=()=>{let{assistantSystem:o}=s(),l=a(o.chat$),{messages:t,isLoading:n,isResuming:g,earlierThreads:h,isVoiceEnabled:m}=l,T=a(o.undoTipToolCallId$),p=n?void 0:T,{items:L,isThinking:u}=e(()=>i(t,n,g,m),[t,n,g,m]),M=e(()=>d(h,m),[h,m]),f=t.at(-1),O=e(()=>f?{}:void 0,[f]),{error:c,failedStatus:E,retryAfterSeconds:j,isLocked:v,isNetworkLocked:I}=l,k=e(()=>c||v?r(E,j,v,I):void 0,[c,E,j,v,I]),x=null!==l.earlierThreadId&&!l.hasOlderMessages&&!l.isLoadingEarlierThread,C=!l.isLoaded&&0===M.length&&!g&&!k,$=l.isLoaded&&0===L.length&&0===M.length&&!n&&!g&&!k;return{items:L,earlierItems:M,isLoaded:l.isLoaded,isLoadingThread:C,isEmpty:$,isReplying:n,isThinking:u,isResuming:g,failure:k,retry:o.reloadThread,hasOlderMessages:l.hasOlderMessages,isLoadingOlderMessages:l.isLoadingOlderMessages,loadOlderMessages:o.loadOlderMessages,canLoadEarlierThread:x,isLoadingEarlierThread:l.isLoadingEarlierThread,loadEarlierThread:o.loadEarlierThread,undoableToolCallId:p,undo:o.undoToolCalls,newestMessageKey:O,firstMessageId:t[0]?.id}};

package/dist/configurator/ui/assistant/use-load-older-on-top.d.ts

@@ -0,0 +1,22 @@
+import { type RefObject } from 'react';
+export interface LoadOlderOnTopOptions {
+    /** True while there is an older page to load and none is loading. */
+    readonly enabled: boolean;
+    readonly onReachTop: () => void;
+    /** Changes when a page is painted above the thread, such as the id of its first message. */
+    readonly firstItemKey: unknown;
+}
+/**
+ * Loads older messages when the user scrolls the thread to its top: a sentinel above the first
+ * message is watched within the scroller, and `onReachTop` runs when it comes into view. A page
+ * that does not fill the scroller leaves the sentinel in view, so the next page loads too. An
+ * attempt that painted nothing, because it failed, is tried again only once the user scrolls the
+ * sentinel out of view and back.
+ *
+ * The page lands above what the user reads, so the reading position is kept: the distance from the
+ * end of the thread is restored once the page is painted, before the browser shows it, and again
+ * each time an image in the thread finishes loading, until the user scrolls: an image reserves no
+ * height, so one that loads above the reader grows the thread there. CSS scroll anchoring would do
+ * the same, but Safari does not support it.
+ */
+export declare const useLoadOlderOnTop: <SCROLLER extends HTMLElement, SENTINEL extends HTMLElement>(scrollerRef: RefObject<SCROLLER>, sentinelRef: RefObject<SENTINEL>, { enabled, onReachTop, firstItemKey }: LoadOlderOnTopOptions) => void;

package/dist/configurator/ui/assistant/use-load-older-on-top.js

@@ -0,0 +1 @@
+import{useEffect as r,useLayoutEffect as e,useRef as t}from"react";let n=Symbol("no attempt");export const useLoadOlderOnTop=(l,c,{enabled:o,onReachTop:u,firstItemKey:s})=>{let i=t(null),p=t(n),a=t(null),d=t({onReachTop:u,firstItemKey:s});d.current={onReachTop:u,firstItemKey:s},r(()=>{let r=l.current;if(!r)return;let e=()=>{null!==i.current&&(i.current=r.scrollHeight-r.scrollTop),a.current&&Math.abs(r.scrollTop-a.current.scrollTop)>1&&(a.current=null)},t=()=>{a.current&&(r.scrollTop=r.scrollHeight-a.current.distanceFromEnd,a.current={...a.current,scrollTop:r.scrollTop})};return r.addEventListener("scroll",e,{passive:!0}),r.addEventListener("load",t,!0),()=>{r.removeEventListener("scroll",e),r.removeEventListener("load",t,!0)}},[l]),r(()=>{let r=l.current,e=c.current;if(!o||!r||!e)return;let t=new IntersectionObserver(([e])=>{if(!e?.isIntersecting){p.current=n;return}p.current!==d.current.firstItemKey&&(p.current=d.current.firstItemKey,a.current=null,i.current=r.scrollHeight-r.scrollTop,d.current.onReachTop())},{root:r});return t.observe(e),()=>t.disconnect()},[o,l,c]),e(()=>{let r=l.current;r&&null!==i.current&&(r.scrollTop=r.scrollHeight-i.current,a.current={distanceFromEnd:i.current,scrollTop:r.scrollTop}),i.current=null},[s,l])};

package/dist/configurator/ui/assistant/voice/RecordingBar.d.ts

@@ -0,0 +1,21 @@
+import { type ElementType, type HTMLAttributes } from 'react';
+interface RecordingBarProps {
+    /** The composer's `recordingBar` slot and its props, which replace and extend the bar. */
+    readonly slot: ElementType | undefined;
+    readonly slotProps: HTMLAttributes<HTMLDivElement> | undefined;
+    /** True while the microphone is recorded; false for a recording that waits to be sent again. */
+    readonly isRecording: boolean;
+    readonly elapsedMs: number;
+    readonly level: number;
+    /** True while the recording is being sent; it cannot be dropped then. */
+    readonly disabled: boolean;
+    readonly onDiscard: () => void;
+}
+/**
+ * Stands in for the message input while a voice message is recorded: a control that drops the
+ * recording, the loudness of the microphone and how long the recording runs. A recording the server
+ * refused waits here to be sent again or dropped. It can take the focus, so the composer around it
+ * hears the keys that send or drop the recording.
+ */
+export declare const RecordingBar: import("react").ForwardRefExoticComponent<RecordingBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/configurator/ui/assistant/voice/RecordingBar.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as i}from"react/jsx-runtime";import{styled as a}from"@mui/material";import{forwardRef as n,useEffect as o,useState as s}from"react";import{useLocalizable as t}from"#package/react-sdk";import{PhxIcon as l}from"#package/ui-sdk";import{AssistantComposerName as d,ComposerToolButton as m}from"../composer/index.js";let c={id:"sdk.assistant.composer.recording.discard",message:"Discard recording"},g={id:"sdk.assistant.composer.recording.label",message:"Recording a voice message"},p={id:"sdk.assistant.composer.recording.recorded",message:"Voice message not sent"},f=a("div",{name:d,slot:"recordingBar"})(({theme:{spacing:e}})=>({alignItems:"center",cursor:"default",display:"flex",gap:e(1),gridColumn:"1 / -1",minBlockSize:32,paddingInlineEnd:e(.75),"&:focus":{outline:"none"}})),u=a("div")(({theme:{spacing:e}})=>({alignItems:"center",blockSize:24,display:"flex",flex:1,gap:2,justifyContent:"flex-end",minInlineSize:0,overflow:"hidden",paddingInline:e(.5)})),h=a("span")(({theme:{palette:e}})=>({background:e.primary.main,borderRadius:2,flexShrink:0,inlineSize:3,transition:"block-size 100ms linear"})),x=Array.from({length:48},()=>0),k=a("span")(({theme:{palette:e,typography:r}})=>({...r.body2,color:e.text.secondary,flex:1})),b=a("span")(({theme:{palette:e,typography:r}})=>({...r.body2,color:e.text.secondary,fontVariantNumeric:"tabular-nums"}));export const RecordingBar=n(function({slot:a,slotProps:n,isRecording:d,elapsedMs:y,level:S,disabled:z,onDiscard:I},j){let v,B=t(c),C=t(g),M=t(p),R=((e,r)=>{let[i,a]=s(x);return o(()=>{a(i=>0===r?x:[...i.slice(1),e])},[r]),i})(S,y);return r(a??f,{ref:j,tabIndex:-1,role:"group","aria-label":d?C:M,...n,children:[e(m,{size:"small","aria-label":B,disabled:z,onClick:I,children:e(l,{name:"X",fontSize:"small"})}),d?r(i,{children:[e(u,{"aria-hidden":!0,children:R.map((r,i)=>e(h,{style:{blockSize:`${Math.max(12,100*r)}%`}},i))}),e(b,{children:(v=Math.floor(y/1e3),`${Math.floor(v/60)}:${String(v%60).padStart(2,"0")}`)})]}):e(k,{children:z?null:M})]})});

package/dist/configurator/ui/assistant/voice/ReplyPlayButton.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentsOverrides, IconButtonProps } from '@mui/material';
+import { type ElementType } from 'react';
+declare const MuiComponentName: 'PhxAssistantReplyPlayButton';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantReplyPlayButtonProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+export interface ThemeableAssistantReplyPlayButtonProps {
+    /**
+     * The components used for each slot inside the play button.
+     *
+     * - `root` — The button (`IconButton`).
+     */
+    readonly slots?: Partial<Record<'root', ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the button.
+     */
+    readonly slotProps?: Partial<{
+        readonly root: IconButtonProps;
+    }>;
+}
+interface ReplyPlayButtonProps extends ThemeableAssistantReplyPlayButtonProps {
+    /** The reply to read aloud, by the id of its message. */
+    readonly messageId: string;
+}
+/**
+ * The control under a reply that reads it aloud, and stops it while it is read. It spins while the reply's speech
+ * is on its way, and stands out when the browser did not let the reply read itself aloud after a voice message.
+ */
+export declare const ReplyPlayButton: (inProps: ReplyPlayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/assistant/voice/ReplyPlayButton.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{CircularProgress as a,IconButton as t,Tooltip as r,styled as o,useThemeProps as i}from"@mui/material";import{useCallback as n}from"react";import{useEagerObservableValue as l,useLocalizable as s}from"#package/react-sdk";import{PhxIcon as d,hoverStyles as p}from"#package/ui-sdk";import{useConfigurator as m}from"../../../application-runtime/index.js";let c={id:"sdk.assistant.reply.play",message:"Read aloud"},k={id:"sdk.assistant.reply.stop",message:"Stop reading"},g={id:"sdk.assistant.reply.blocked",message:"Tap to hear the reply"},y="PhxAssistantReplyPlayButton",h=o(t,{name:y,slot:"root"})(({theme:{palette:e,spacing:a}})=>({alignSelf:"flex-start",background:"transparent",border:"none",borderRadius:6,boxShadow:"none",color:e.text.secondary,marginBlockStart:a(-1),marginInlineStart:-4,padding:4,"&:hover":{background:"transparent"},...p({"&:hover":{background:e.action.hover,color:e.text.primary}}),'&[data-blocked="true"], &[data-blocked="true"]:hover':{background:`hsl(from ${e.primary.main} h s l / 12%)`,color:e.primary.main}})),u=o("span")({alignItems:"center",blockSize:16,display:"inline-flex",inlineSize:16,justifyContent:"center"});export const ReplyPlayButton=t=>{let{messageId:o,slots:p={},slotProps:b={}}=i({props:t,name:y}),{assistantSystem:f}=m(),x=l(f.playback$),S=x.messageId===o?x.status:"idle",z=s("loading"===S||"playing"===S?k:"blocked"===S?g:c),R=n(()=>{f.playReply(o)},[f,o]);return e(r,{title:z,placement:"top",children:e(p.root??h,{size:"small","aria-label":z,"data-blocked":"blocked"===S,...b.root,onClick:R,children:e(u,{children:"loading"===S?e(a,{size:13,thickness:5,color:"inherit"}):e(d,{name:"playing"===S?"Stop":"SpeakerHigh",sx:{fontSize:16}})})})})};

package/dist/configurator/ui/assistant/voice/index.d.ts

@@ -0,0 +1,4 @@
+export { RecordingBar } from './RecordingBar.js';
+export { useVoiceRecording } from './use-voice-recording.js';
+export type { AssistantRecording, AssistantRecordingStatus } from './use-voice-recording.js';
+export { ReplyPlayButton, type ThemeableAssistantReplyPlayButtonProps } from './ReplyPlayButton.js';

package/dist/configurator/ui/assistant/voice/index.js

@@ -0,0 +1 @@
+export{RecordingBar}from"./RecordingBar.js";export{useVoiceRecording}from"./use-voice-recording.js";export{ReplyPlayButton}from"./ReplyPlayButton.js";

package/dist/configurator/ui/assistant/voice/use-voice-recording.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Where the voice message being recorded stands:
+ * - `idle`: nothing is recorded; the mic starts a recording.
+ * - `requesting`: the browser is asking the user for the microphone.
+ * - `recording`: the microphone is recorded; the recording can be sent or dropped.
+ * - `recorded`: a recording waits to be sent again or dropped, because the server refused it.
+ * - `refused`: the microphone is blocked for the page; the mic asks for it again.
+ * - `unavailable`: the browser cannot record at all, so there is no mic.
+ */
+export type AssistantRecordingStatus = 'idle' | 'requesting' | 'recording' | 'recorded' | 'refused' | 'unavailable';
+/** The voice message being recorded, as a composer shows it. */
+export interface AssistantRecording {
+    readonly status: AssistantRecordingStatus;
+    /** How long the recording runs, in ms; 0 when nothing is recorded. */
+    readonly elapsedMs: number;
+    /** The loudness of the microphone, from 0 for silence to 1; 0 when nothing is recorded. */
+    readonly level: number;
+}
+interface UseVoiceRecordingProps {
+    /** Called when the recording reaches {@link MAX_RECORDING_MS}: it is to be sent as it is. */
+    readonly onLimitReached: () => void;
+}
+/**
+ * Records a voice message from the microphone for the composer: the state it shows, and the steps a
+ * recording goes through. The recording is dropped when the component using the hook unmounts.
+ *
+ * Where the browser tells, the microphone's permission is read when the composer mounts and followed
+ * while it stays: a microphone blocked for the page shows as `refused` from the start, and one allowed
+ * meanwhile shows as `idle` again. Elsewhere the permission is learned when the user taps the mic.
+ */
+export declare const useVoiceRecording: ({ onLimitReached }: UseVoiceRecordingProps) => {
+    recording: AssistantRecording;
+    start: () => Promise<void>;
+    finish: () => Promise<Blob | null>;
+    cancel: () => void;
+    clear: () => void;
+    restore: (audio: Blob) => void;
+};
+export {};

package/dist/configurator/ui/assistant/voice/use-voice-recording.js

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as r,useRef as t,useState as n}from"react";import{canCaptureVoice as u,startVoiceCapture as l}from"./voice-capture.js";let c={status:"idle",elapsedMs:0,level:0},a=e=>({status:e,elapsedMs:0,level:0});export const useVoiceRecording=({onLimitReached:s})=>{let[i,d]=n(()=>u()?c:a("unavailable")),o=t(null),v=t(null),f=t(s),g=t(!0);f.current=s;let p="unavailable"!==i.status;r(()=>{if(!p)return;let e=null,r=()=>{let{state:r}=e??{};d(e=>"denied"===r&&"idle"===e.status?a("refused"):"granted"===r&&"refused"===e.status?c:e)};return g.current=!0,navigator.permissions?.query({name:"microphone"}).then(t=>{e=t,t.addEventListener("change",r),r()}).catch(()=>void 0),()=>{g.current=!1,e?.removeEventListener("change",r),o.current?.cancel(),o.current=null}},[p]),r(()=>{if("recording"!==i.status)return;let e=Date.now(),r=setInterval(()=>{let t=Date.now()-e,n=o.current;d(e=>n&&"recording"===e.status?{status:"recording",elapsedMs:t,level:n.readLevel()}:e),t>=12e4&&(clearInterval(r),f.current())},100);return()=>clearInterval(r)},[i.status]);let m=e(async()=>{if(!o.current){d(a("requesting"));try{let e=await l({onEnded:()=>{o.current=null,d(a("refused"))}});if(!g.current)return void e.cancel();o.current=e,v.current=null,d(a("recording"))}catch{d(a("refused"))}}},[]),h=e(async()=>{let e=o.current;return e&&(o.current=null,v.current=await e.stop(),d(a("recorded"))),v.current},[]),w=e(()=>{o.current?.cancel(),o.current=null,v.current=null,d(c)},[]);return{recording:i,start:m,finish:h,cancel:w,clear:e(()=>{v.current=null,o.current||d(c)},[]),restore:e(e=>{o.current||(v.current=e,d(a("recorded")))},[])}};

package/dist/configurator/ui/assistant/voice/voice-capture.d.ts

@@ -0,0 +1,22 @@
+/** A recording being made from the microphone. */
+export interface VoiceCapture {
+    /** The loudness of the microphone now, from 0 for silence to 1. */
+    readonly readLevel: () => number;
+    /** Ends the recording and resolves with it. */
+    readonly stop: () => Promise<Blob>;
+    /** Ends the recording and drops it. */
+    readonly cancel: () => void;
+}
+/**
+ * Whether the browser can record a voice message: it has a microphone API and records one of the
+ * types the server takes.
+ */
+export declare const canCaptureVoice: () => boolean;
+/**
+ * Starts recording from the microphone; the browser asks the user for it the first time. Rejects
+ * when the user or the page refuses the microphone, or none is there. `onEnded` is called when the
+ * microphone goes away while recording, revoked or unplugged; the recording is dropped then.
+ */
+export declare const startVoiceCapture: ({ onEnded }: {
+    readonly onEnded: () => void;
+}) => Promise<VoiceCapture>;

package/dist/configurator/ui/assistant/voice/voice-capture.js

@@ -0,0 +1 @@
+import{ASSISTANT_VOICE_MIME_TYPES as e,readAssistantVoiceMimeType as t}from"@salsita-ai/contracts/assistant";let a=["audio/webm;codecs=opus",...e],o=()=>"u"<typeof MediaRecorder?void 0:a.find(e=>MediaRecorder.isTypeSupported(e));export const canCaptureVoice=()=>"u">typeof navigator&&navigator.mediaDevices?.getUserMedia!==void 0&&void 0!==o();export const startVoiceCapture=async({onEnded:e})=>{let a=await navigator.mediaDevices.getUserMedia({audio:!0}),i=o(),r=new MediaRecorder(a,{...void 0!==i&&{mimeType:i},audioBitsPerSecond:32e3}),n=(e=>{if("u"<typeof AudioContext)return{readLevel:()=>0,close:()=>{}};let t=new AudioContext,a=t.createAnalyser(),o=new Uint8Array(a.fftSize);return t.createMediaStreamSource(e).connect(a),{readLevel:()=>(a.getByteTimeDomainData(o),Math.min(1,3*Math.sqrt(o.reduce((e,t)=>e+((t-128)/128)**2,0)/o.length))),close:()=>void t.close()}})(a),d=[],s=()=>{for(let e of(r.ondataavailable=null,r.onstop=null,a.getTracks()))e.onended=null,e.stop();n.close()},c=()=>{s(),"inactive"!==r.state&&r.stop()};for(let t of(r.ondataavailable=e=>{e.data.size>0&&d.push(e.data)},a.getTracks()))t.onended=()=>{c(),e()};return r.start(),{readLevel:n.readLevel,stop:()=>new Promise(e=>{r.onstop=()=>{let a=t(r.mimeType)?r.mimeType:i??"";s(),e(new Blob(d,{type:a}))},r.stop()}),cancel:c}};

package/dist/configurator/ui/configurator-layout/universal/DesktopPreview.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useCallback as e,useMemo as o}from"react";import{useResolveLocalizable as a}from"#package/react-sdk";import{Preview as i,useResponsive as r}from"#package/ui-sdk";import{usePresetSelection as n,usePreview as s}from"../../../configurator-context/index.js";import{useLayoutSceneSafeArea as p}from"./use-layout-scene-safe-area.js";let u={id:"sdk.preview.customize.title",message:"Customize product"},m={id:"sdk.preview.start.button.label",message:"Start configuring"},c={layoutId:"ui-layout",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{layout:{type:"spring",bounce:.2,duration:.6},opacity:{duration:.2,ease:"linear"}}};export const DesktopPreview=l=>{let{slotProps:d={},slots:f}=l,{enter:y}=s(),{hasMultiplePresets:g}=n(),{setAnimating:b}=r(),{containerRef:k,safeAreaRef:x,update:S}=p({enabled:!0,hasMiniSidebar:!1}),j=a(),w=e(()=>{b(!0)},[b]),v=e(()=>{b(!1),S()},[b,S]),A=o(()=>({...d,root:{...c,onLayoutAnimationStart:w,onLayoutAnimationComplete:v,...d.root}}),[v,w,d]);return t(i,{title:j(u),buttonLabel:j(m),containerRef:k,safeAreaRef:x,withScene:!g,slots:f,slotProps:A,onStart:y})};
+import{jsx as t}from"react/jsx-runtime";import{useCallback as e,useMemo as o}from"react";import{usePresetSelection as a,useResolveLocalizable as i}from"#package/react-sdk";import{Preview as r,useResponsive as n}from"#package/ui-sdk";import{usePreview as s}from"../../../configurator-context/index.js";import{useLayoutSceneSafeArea as p}from"./use-layout-scene-safe-area.js";let u={id:"sdk.preview.customize.title",message:"Customize product"},m={id:"sdk.preview.start.button.label",message:"Start configuring"},c={layoutId:"ui-layout",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{layout:{type:"spring",bounce:.2,duration:.6},opacity:{duration:.2,ease:"linear"}}};export const DesktopPreview=l=>{let{slotProps:d={},slots:f}=l,{enter:y}=s(),{hasMultiplePresets:g}=a(),{setAnimating:b}=n(),{containerRef:k,safeAreaRef:x,update:S}=p({enabled:!0,hasMiniSidebar:!1}),j=i(),w=e(()=>{b(!0)},[b]),v=e(()=>{b(!1),S()},[b,S]),A=o(()=>({...d,root:{...c,onLayoutAnimationStart:w,onLayoutAnimationComplete:v,...d.root}}),[v,w,d]);return t(r,{title:j(u),buttonLabel:j(m),containerRef:k,safeAreaRef:x,withScene:!g,slots:f,slotProps:A,onStart:y})};

package/dist/configurator/ui/configurator-layout/universal/Layout.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e,Fragment as r}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{useEffect as i}from"react";import{useEagerObservableValue as m}from"#package/react-sdk";import{useResponsive as n}from"#package/ui-sdk";import{useConfigurator as a}from"../../../application-runtime/index.js";import{LayoutSlots as s}from"../slots/index.js";import{DesktopLayout as c}from"./DesktopLayout.js";import{ExportingOverlay as p}from"./ExportingOverlay.js";import{MobileLayout as d}from"./MobileLayout.js";let l=o("div")({display:"contents"});export const Layout=()=>{let{isDesktop:o}=n(),{exportSystem:u}=a(),f=m(u.exporting$);return i(()=>{if(!f)return;let t=document.activeElement;return()=>{t instanceof HTMLElement&&t.isConnected&&document.activeElement===document.body&&t.focus()}},[f]),e(r,{children:[e(l,{...{inert:f?"":void 0},children:[t(s.Services,{}),t(s.SharedCanvas,{}),o?t(c,{}):t(d,{})]}),f&&t(p,{})]})};
+import{jsx as r,jsxs as o,Fragment as s}from"react/jsx-runtime";import{useResponsive as t}from"#package/ui-sdk";import{LayoutSlots as e}from"../slots/index.js";import{DesktopLayout as a}from"./DesktopLayout.js";import{MobileLayout as m}from"./MobileLayout.js";export const Layout=()=>{let{isDesktop:i}=t();return o(s,{children:[r(e.Services,{}),r(e.SharedCanvas,{}),i?r(a,{}):r(m,{})]})};

package/dist/configurator/ui/configurator-layout/universal/MobilePreview.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useCallback as e,useMemo as o}from"react";import{useResolveLocalizable as i}from"#package/react-sdk";import{Preview as a}from"#package/ui-sdk";import{usePresetSelection as r,usePreview as s}from"../../../configurator-context/index.js";import{useLayoutSceneSafeArea as n}from"./use-layout-scene-safe-area.js";let m={id:"sdk.preview.customize.title",message:"Customize product"},p={id:"sdk.preview.start.button.label",message:"Start configuring"},c={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{opacity:{duration:.1,ease:"linear"}}};export const MobilePreview=l=>{let{slotProps:u={},slots:d}=l,{enter:f,isPreview:b}=s(),{hasMultiplePresets:g}=r(),{containerRef:k,safeAreaRef:x,update:y}=n({enabled:b,hasMiniSidebar:!1}),j=i(),w=e(()=>{y()},[y]),S=o(()=>({...u,root:{...c,onLayoutAnimationComplete:w,...u.root}}),[w,u]);return t(a,{title:j(m),buttonLabel:j(p),containerRef:k,safeAreaRef:x,withScene:!g,slots:d,slotProps:S,onStart:f})};
+import{jsx as t}from"react/jsx-runtime";import{useCallback as e,useMemo as o}from"react";import{usePresetSelection as i,useResolveLocalizable as a}from"#package/react-sdk";import{Preview as r}from"#package/ui-sdk";import{usePreview as s}from"../../../configurator-context/index.js";import{useLayoutSceneSafeArea as n}from"./use-layout-scene-safe-area.js";let m={id:"sdk.preview.customize.title",message:"Customize product"},p={id:"sdk.preview.start.button.label",message:"Start configuring"},c={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{opacity:{duration:.1,ease:"linear"}}};export const MobilePreview=l=>{let{slotProps:u={},slots:d}=l,{enter:f,isPreview:b}=s(),{hasMultiplePresets:g}=i(),{containerRef:k,safeAreaRef:x,update:y}=n({enabled:b,hasMiniSidebar:!1}),j=a(),w=e(()=>{y()},[y]),S=o(()=>({...u,root:{...c,onLayoutAnimationComplete:w,...u.root}}),[w,u]);return t(r,{title:j(m),buttonLabel:j(p),containerRef:k,safeAreaRef:x,withScene:!g,slots:d,slotProps:S,onStart:f})};

package/dist/configurator/ui/configurator-layout/universal/use-layout-scene-safe-area.js

@@ -1 +1 @@
-import{useCallback as t,useEffect as e,useRef as r}from"react";import{canvasPaddingComponent as n}from"#package/domain";import{useFirstComponent as o,useResponsiveActions as a}from"#package/react-sdk";export const useLayoutSceneSafeArea=c=>{let{enabled:u,hasMiniSidebar:i}=c,{setCanvasPadding:l}=a(),m=r(null),s=r(null),f=r(null),h=r(null),g=r(0),p=r(()=>{}),b=o({componentTypes:[n]}),d=t(()=>{let t=s.current,e=f.current;if(!u||!t||!e)return;let r=t.getBoundingClientRect(),n=e.getBoundingClientRect();if(Math.abs(r.width-t.offsetWidth)>1||Math.abs(r.height-t.offsetHeight)>1){if(g.current+=1,g.current>60){g.current=0;return}m.current&&cancelAnimationFrame(m.current),m.current=requestAnimationFrame(()=>p.current());return}g.current=0;let o={bottom:Math.max(0,r.bottom-n.bottom),left:Math.max(0,n.left-r.left),right:Math.max(0,r.right-n.right),top:Math.max(0,n.top-r.top)},a=i?.3:1,c=b?.state.bottom??1,h=b?.state.left??1,d=b?.state.right??a,A=b?.state.top??1;l({bottom:o.bottom*c,left:o.left*h,right:o.right*d,top:o.top*A})},[u,i,b?.state.bottom,b?.state.left,b?.state.right,b?.state.top,l]);p.current=d;let A=t(()=>{m.current&&cancelAnimationFrame(m.current),m.current=requestAnimationFrame(d)},[d]),M=t(()=>{h.current?.disconnect(),h.current=null},[]),x=t(()=>{let t=s.current,e=f.current;if(!u||!t||!e)return void M();M();let r=new ResizeObserver(A);r.observe(t),r.observe(e),h.current=r},[M,u,A]),F=t(t=>{s.current=t,x()},[x]),v=t(t=>{f.current=t,x()},[x]);return e(()=>(x(),()=>{M(),m.current&&cancelAnimationFrame(m.current)}),[x,M]),{containerRef:F,safeAreaRef:v,update:A}};
+import{useCallback as t,useEffect as e,useRef as r}from"react";import{canvasPaddingComponent as n}from"#package/domain";import{useFirstComponent as o,useResponsiveActions as u}from"#package/react-sdk";export const useLayoutSceneSafeArea=a=>{let{enabled:c,hasMiniSidebar:i}=a,{setCanvasPadding:l,setSceneSafeArea:m,clearSceneSafeArea:s}=u(),f=r(null),h=r(null),g=r(null),p=r(null),b=r(null),d=r(0),A=r(()=>{}),M=o({componentTypes:[n]}),x=t(()=>{let t=g.current,e=p.current;if(!c||!t||!e)return;let r=t.getBoundingClientRect(),n=e.getBoundingClientRect();if(Math.abs(r.width-t.offsetWidth)>1||Math.abs(r.height-t.offsetHeight)>1){if(d.current+=1,d.current>60){d.current=0;return}f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>A.current());return}d.current=0;let o={bottom:Math.max(0,r.bottom-n.bottom),left:Math.max(0,n.left-r.left),right:Math.max(0,r.right-n.right),top:Math.max(0,n.top-r.top)};h.current=o,m(o);let u=i?.3:1,a=M?.state.bottom??1,s=M?.state.left??1,b=M?.state.right??u,x=M?.state.top??1;l({bottom:o.bottom*a,left:o.left*s,right:o.right*b,top:o.top*x})},[c,i,M?.state.bottom,M?.state.left,M?.state.right,M?.state.top,l,m]);A.current=x;let F=t(()=>{f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(x)},[x]),v=t(()=>{b.current?.disconnect(),b.current=null},[]),k=t(()=>{let t=g.current,e=p.current;if(!c||!t||!e)return void v();v();let r=new ResizeObserver(F);r.observe(t),r.observe(e),b.current=r},[v,c,F]),R=t(t=>{g.current=t,k()},[k]),q=t(t=>{p.current=t,k()},[k]);return e(()=>()=>{null!==h.current&&s(h.current)},[s]),e(()=>(k(),()=>{v(),f.current&&cancelAnimationFrame(f.current)}),[k,v]),{containerRef:R,safeAreaRef:q,update:F}};

package/dist/configurator/ui/index.d.ts

@@ -4,4 +4,4 @@ export * from './phoenix-layout-elements/index.js';
 export * from './preset-layout/index.js';
 export * as Legacy from './legacy/index.js';
 export * from './ConfiguratorEncapsulatedTheme.js';
-export { type AssistantFormElementRoleProps, type AssistantFormElementType, type CreateAssistantFormElement, type FormContainerProps, type FormInputProps, type FormOptionProps, createAssistantFormElementFactory, } from './assistant/index.js';
+export { type AssistantComposerAttachment, type AssistantComposerNotice, type AssistantFailure, type AssistantFailureKind, type AssistantFormsVisibility, type AssistantMarkdownProps, type AssistantRecording, type AssistantRecordingStatus, type AssistantThreadItem, type AssistantThreadItemViewProps, type AssistantToolChip, type AssistantToolChipLabel, type AssistantToolChipState, type AssistantToolChipsProps, type AssistantToolItem, type AssistantUserMessageProps, type AssistantUserVoice, type EntityLinkSelection, type EntityLinkSelectionProviderProps, type ThemeableAssistantComposerProps, type ThemeableAssistantPanelHeaderProps, type ThemeableAssistantPanelProps, type ThemeableAssistantReplyPlayButtonProps, type AssistantBuiltInFormSlots, type AssistantThreadItemSlots, type ThemeableAssistantAlertProps, type ThemeableAssistantAnnotationBadgeProps, type ThemeableAssistantAnnotationCommentProps, type ThemeableAssistantAnnotationProps, type ThemeableAssistantDrawingProps, type ThemeableAssistantImageViewProps, type ThemeableAssistantEntityLinkProps, type ThemeableAssistantFormCardProps, type ThemeableAssistantFormConfirmProps, type ThemeableAssistantFormGroupProps, type ThemeableAssistantFormNumberProps, type ThemeableAssistantFormOptionsProps, type ThemeableAssistantFormProps, type ThemeableAssistantFormReplyProps, type ThemeableAssistantFormSwatchProps, type ThemeableAssistantFormTextProps, type ThemeableAssistantImageProps, type ThemeableAssistantMarkdownProps, type ThemeableAssistantMessageImagesProps, type ThemeableAssistantReferenceLinkProps, type ThemeableAssistantScreenshotsProps, type ThemeableAssistantSeparatorProps, type ThemeableAssistantThreadProps, type ThemeableAssistantToolChipsProps, type ThemeableAssistantUserMessageProps, type UseAssistantComposer, type UseAssistantComposerResult, type UseAssistantThread, type UseAssistantThreadResult, AssistantMarkdown, AssistantSeparator, AssistantThreadItemView, AssistantToolChips, AssistantUserMessage, EntityLinkSelectionProvider, useAssistantComposer, useAssistantThread, useCreateEntityLinkSelection, type AssistantFormElementRoleProps, type AssistantFormElementType, type CreateAssistantFormElement, type FormContainerProps, type FormInputProps, type FormOptionProps, createAssistantFormElementFactory, } from './assistant/index.js';