@classic-homes/agent-chat 0.11.0 → 0.13.0

package/dist/components/MessageFiles.svelte

@@ -2,55 +2,150 @@
   @component
   Files the agent produced in a turn: images as thumbnails that open in a lightbox, everything
   else as a download card with a type icon and size.
+
+  The file endpoint needs the bearer, which `<img src>` and download links cannot send. With
+  `loadFile` (e.g. the client's `fetchFile`) files are fetched with it and shown from blob URLs;
+  without it they link to `fileUrl` (cookie-authenticated hosts).
 -->
 <script lang="ts">
   import { cn, Icon, Lightbox } from '@classic-homes/theme-svelte';
+  import { SvelteMap } from 'svelte/reactivity';
   import type { FileState } from '../reducer.js';
   import { fileIcon, formatBytes } from '../message-format.js';
 
   interface Props {
     files: FileState[];
     fileUrl: (fileId: string) => string;
+    /** Fetch a file with the host's credentials; its blob is shown and downloaded. */
+    loadFile?: (fileId: string) => Promise<Blob>;
     class?: string;
   }
-  let { files, fileUrl, class: className }: Props = $props();
+  let { files, fileUrl, loadFile, class: className }: Props = $props();
+
+  type Loaded = { state: 'loading' } | { state: 'ready'; url: string } | { state: 'error' };
+  const loaded = new SvelteMap<string, Loaded>();
+  let destroyed = false;
+
+  function load(fileId: string): Promise<string | undefined> {
+    const known = loaded.get(fileId);
+    if (known?.state === 'ready') return Promise.resolve(known.url);
+    if (!loadFile) return Promise.resolve(undefined);
+    loaded.set(fileId, { state: 'loading' });
+    return loadFile(fileId).then(
+      (blob) => {
+        if (destroyed) return undefined;
+        const url = URL.createObjectURL(blob);
+        loaded.set(fileId, { state: 'ready', url });
+        return url;
+      },
+      () => {
+        if (!destroyed) loaded.set(fileId, { state: 'error' });
+        return undefined;
+      },
+    );
+  }
 
   const images = $derived(files.filter((f) => f.mimeType.startsWith('image/')));
   const others = $derived(files.filter((f) => !f.mimeType.startsWith('image/')));
+
+  // Thumbnails load at once; other files when they are downloaded.
+  $effect(() => {
+    if (!loadFile) return;
+    for (const file of images) if (!loaded.has(file.fileId)) void load(file.fileId);
+  });
+  $effect(() => () => {
+    destroyed = true;
+    for (const entry of loaded.values())
+      if (entry.state === 'ready') URL.revokeObjectURL(entry.url);
+  });
+
+  /** Where an image shows from: its blob once loaded, nothing while loading, else `fileUrl`. */
+  function srcFor(fileId: string): string | undefined {
+    if (!loadFile) return fileUrl(fileId);
+    const entry = loaded.get(fileId);
+    return entry?.state === 'ready' ? entry.url : undefined;
+  }
   const items = $derived(
-    images.map((f) => ({
-      id: f.fileId,
-      kind: 'image' as const,
-      src: fileUrl(f.fileId),
-      alt: f.name,
-      title: f.name,
-    })),
+    images.flatMap((f) => {
+      const src = srcFor(f.fileId);
+      return src ? [{ id: f.fileId, kind: 'image' as const, src, alt: f.name, title: f.name }] : [];
+    }),
   );
   let open = $state(false);
   let index = $state(0);
+
+  async function download(file: FileState): Promise<void> {
+    const url = await load(file.fileId);
+    if (!url) return;
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = file.name;
+    a.click();
+  }
+  const CARD =
+    'flex max-w-xs items-center gap-3 rounded-lg border border-border bg-background px-3 py-2 text-left text-sm shadow-sm transition hover:border-primary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';
 </script>
 
+{#snippet card(file: FileState)}
+  <span
+    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground"
+  >
+    <Icon name={fileIcon(file.mimeType)} size={18} />
+  </span>
+  <span class="min-w-0 flex-1">
+    <span class="block truncate font-medium text-foreground">{file.name}</span>
+    <span class="block text-xs text-muted-foreground">
+      {#if loaded.get(file.fileId)?.state === 'error'}
+        Could not download; try again
+      {:else if loaded.get(file.fileId)?.state === 'loading'}
+        Downloading…
+      {:else}
+        {formatBytes(file.bytes)}
+      {/if}
+    </span>
+  </span>
+  <Icon name="download" size={16} class="text-muted-foreground" />
+{/snippet}
+
 <div class={cn('flex flex-col gap-2', className)}>
   {#if images.length}
     <ul class="flex flex-wrap gap-2" aria-label="Images">
-      {#each images as file, i (file.fileId)}
+      {#each images as file (file.fileId)}
+        {@const src = srcFor(file.fileId)}
+        {@const state = loadFile ? loaded.get(file.fileId)?.state : 'ready'}
         <li>
-          <button
-            type="button"
-            class="block overflow-hidden rounded-lg border border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-            aria-label={`View ${file.name}`}
-            onclick={() => {
-              index = i;
-              open = true;
-            }}
-          >
-            <img
-              class="block h-40 max-w-xs object-cover"
-              src={fileUrl(file.fileId)}
-              alt={file.name}
-              loading="lazy"
-            />
-          </button>
+          {#if src}
+            <button
+              type="button"
+              class="block overflow-hidden rounded-lg border border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              aria-label={`View ${file.name}`}
+              onclick={() => {
+                index = Math.max(
+                  0,
+                  items.findIndex((item) => item.id === file.fileId),
+                );
+                open = true;
+              }}
+            >
+              <img class="block h-40 max-w-xs object-cover" {src} alt={file.name} loading="lazy" />
+            </button>
+          {:else if state === 'error'}
+            <button
+              type="button"
+              class="flex h-40 w-40 flex-col items-center justify-center gap-1 rounded-lg border border-border bg-muted p-2 text-center text-xs text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              aria-label={`Could not load ${file.name}; try again`}
+              onclick={() => void load(file.fileId)}
+            >
+              <Icon name="refresh" size={16} />
+              <span class="line-clamp-2 break-all">{file.name}</span>
+            </button>
+          {:else}
+            <div
+              class="h-40 w-40 animate-pulse rounded-lg border border-border bg-muted"
+              role="img"
+              aria-label={`Loading ${file.name}`}
+            ></div>
+          {/if}
         </li>
       {/each}
     </ul>
@@ -60,22 +155,20 @@
     <ul class="flex flex-wrap gap-2" aria-label="Files">
       {#each others as file (file.fileId)}
         <li>
-          <a
-            class="flex max-w-xs items-center gap-3 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm transition hover:border-primary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-            href={fileUrl(file.fileId)}
-            download={file.name}
-          >
-            <span
-              class="flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground"
+          {#if loadFile}
+            <button
+              type="button"
+              class={CARD}
+              aria-label={`Download ${file.name}`}
+              onclick={() => void download(file)}
             >
-              <Icon name={fileIcon(file.mimeType)} size={18} />
-            </span>
-            <span class="min-w-0 flex-1">
-              <span class="block truncate font-medium text-foreground">{file.name}</span>
-              <span class="block text-xs text-muted-foreground">{formatBytes(file.bytes)}</span>
-            </span>
-            <Icon name="download" size={16} class="text-muted-foreground" />
-          </a>
+              {@render card(file)}
+            </button>
+          {:else}
+            <a class={CARD} href={fileUrl(file.fileId)} download={file.name}>
+              {@render card(file)}
+            </a>
+          {/if}
         </li>
       {/each}
     </ul>

package/dist/components/MessageFiles.svelte.d.ts

@@ -2,11 +2,17 @@ import type { FileState } from '../reducer.js';
 interface Props {
     files: FileState[];
     fileUrl: (fileId: string) => string;
+    /** Fetch a file with the host's credentials; its blob is shown and downloaded. */
+    loadFile?: (fileId: string) => Promise<Blob>;
     class?: string;
 }
 /**
  * Files the agent produced in a turn: images as thumbnails that open in a lightbox, everything
  * else as a download card with a type icon and size.
+ *
+ * The file endpoint needs the bearer, which `<img src>` and download links cannot send. With
+ * `loadFile` (e.g. the client's `fetchFile`) files are fetched with it and shown from blob URLs;
+ * without it they link to `fileUrl` (cookie-authenticated hosts).
  */
 declare const MessageFiles: import("svelte").Component<Props, {}, "">;
 type MessageFiles = ReturnType<typeof MessageFiles>;

package/dist/components/MessageFiles.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageFiles.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageFiles.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI7C,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8DH;;;GAGG;AACH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MessageFiles.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageFiles.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI7C,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6IH;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/MessageItem.svelte

@@ -14,6 +14,8 @@
     last?: boolean;
     sandboxOrigin: string;
     fileUrl: (fileId: string) => string;
+    /** Fetch a file with the host's credentials (blob URLs); without it files link to `fileUrl`. */
+    loadFile?: (fileId: string) => Promise<Blob>;
     toolLabels?: Record<string, string>;
     onnavigate?: (href: string) => void;
     onopenartifact?: (artifactId: string) => void;

package/dist/components/MessageItem.svelte.d.ts

@@ -6,6 +6,8 @@ interface Props {
     last?: boolean;
     sandboxOrigin: string;
     fileUrl: (fileId: string) => string;
+    /** Fetch a file with the host's credentials (blob URLs); without it files link to `fileUrl`. */
+    loadFile?: (fileId: string) => Promise<Blob>;
     toolLabels?: Record<string, string>;
     onnavigate?: (href: string) => void;
     onopenartifact?: (artifactId: string) => void;

package/dist/components/MessageItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItem.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAmBH,sEAAsE;AACtE,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageItem.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAmBH,sEAAsE;AACtE,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/MessageList.svelte

@@ -2,7 +2,7 @@
   import { tick } from 'svelte';
   import { Button, Icon } from '@classic-homes/theme-svelte';
   import type { TurnRating } from '@classic-homes/agent-contracts';
-  import type { ChatMessage } from '../reducer.js';
+  import { errorTitle, type ChatMessage } from '../reducer.js';
   import { daySeparators, formatDay } from '../message-format.js';
   import MessageItem from './MessageItem.svelte';
 
@@ -11,6 +11,8 @@
     streaming: boolean;
     sandboxOrigin: string;
     fileUrl: (fileId: string) => string;
+    /** Fetch a file with the host's credentials (blob URLs); without it files link to `fileUrl`. */
+    loadFile?: (fileId: string) => Promise<Blob>;
     toolLabels?: Record<string, string>;
     onnavigate?: (href: string) => void;
     onopenartifact?: (artifactId: string) => void;
@@ -36,6 +38,7 @@
     streaming,
     sandboxOrigin,
     fileUrl,
+    loadFile,
     toolLabels,
     onnavigate,
     onopenartifact,
@@ -58,6 +61,7 @@
   });
 
   let container: HTMLDivElement | undefined = $state();
+  let transcript: HTMLDivElement | undefined = $state();
   /** Pinned to the bottom: new content scrolls into view. Off once the reader scrolls up. */
   let follow = $state(true);
   /** Content arrived while the reader was scrolled up. */
@@ -113,16 +117,43 @@
     });
   });
 
+  // The answer's markdown lands in the DOM after the throttled parse (and images, frames and
+  // code headers grow it later still): keep pinned to the bottom whenever the transcript grows.
+  $effect(() => {
+    if (!transcript || typeof ResizeObserver !== 'function') return;
+    const observer = new ResizeObserver(() => {
+      if (container && follow) container.scrollTop = container.scrollHeight;
+    });
+    observer.observe(transcript);
+    return () => observer.disconnect();
+  });
+
   const RENDER_TAIL = 6;
   const separators = $derived(daySeparators(messages));
   // Only show day labels when the transcript spans more than one day.
   const multiDay = $derived(separators.size > 1);
 
-  // Announce the finished answer once, not every token.
-  const announcement = $derived.by(() => {
-    if (streaming) return '';
-    const last = messages[messages.length - 1];
-    return last?.role === 'assistant' ? last.text : '';
+  // Announce a short outcome when an answer stops streaming (never the answer itself, which a
+  // screen reader reads from the transcript, and nothing on load).
+  let announcement = $state('');
+  let wasStreaming = false;
+  $effect(() => {
+    const now = streaming;
+    if (now) announcement = '';
+    else if (wasStreaming) {
+      const last = messages[messages.length - 1];
+      announcement =
+        last?.role !== 'assistant'
+          ? ''
+          : last.error
+            ? errorTitle(last.error.code)
+            : last.status === 'cancelled'
+              ? 'Stopped'
+              : last.status === 'incomplete'
+                ? 'Answer cut short'
+                : 'Answer ready';
+    }
+    wasStreaming = now;
   });
 </script>
 
@@ -133,12 +164,13 @@
     bind:this={container}
     {onscroll}
     role="log"
+    aria-live="off"
     aria-label="Conversation"
   >
     {#if messages.length === 0}
       {#if empty}{@render empty()}{/if}
     {:else}
-      <div class="mx-auto flex w-full max-w-3xl flex-col">
+      <div class="mx-auto flex w-full max-w-3xl flex-col" bind:this={transcript}>
         {#each messages as message, i (message.id)}
           {#if multiDay && separators.has(i)}
             <div
@@ -164,6 +196,7 @@
               streaming={streaming && i === messages.length - 1 && message.role === 'assistant'}
               {sandboxOrigin}
               {fileUrl}
+              {loadFile}
               {toolLabels}
               {onnavigate}
               {onopenartifact}

package/dist/components/MessageList.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { TurnRating } from '@classic-homes/agent-contracts';
-import type { ChatMessage } from '../reducer.js';
+import { type ChatMessage } from '../reducer.js';
 interface Props {
     messages: ChatMessage[];
     streaming: boolean;
     sandboxOrigin: string;
     fileUrl: (fileId: string) => string;
+    /** Fetch a file with the host's credentials (blob URLs); without it files link to `fileUrl`. */
+    loadFile?: (fileId: string) => Promise<Blob>;
     toolLabels?: Record<string, string>;
     onnavigate?: (href: string) => void;
     onopenartifact?: (artifactId: string) => void;

package/dist/components/MessageList.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageList.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yCAAyC;IACzC,MAAM,CAAC,EAAE,CACP,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CAClC;AAwJH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/MessageList.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAK3D,UAAU,KAAK;IACb,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yCAAyC;IACzC,MAAM,CAAC,EAAE,CACP,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,OAAO,CAAC,EAAE,MAAM,KACb,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CAClC;AAqLH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/ShortcutsDialog.svelte

@@ -6,20 +6,27 @@
 <script lang="ts">
   import { Dialog, Kbd } from '@classic-homes/theme-svelte';
   import { releaseStuckBodyLock } from '../body-lock.js';
-  import { CHAT_SHORTCUTS, type ChatShortcut } from '../shortcuts.js';
+  import { chatShortcuts, type ChatShortcut } from '../shortcuts.js';
 
   interface Props {
     open?: boolean;
     /** Host shortcuts, e.g. opening the agent panel or starting a new chat. */
     shortcuts?: ChatShortcut[];
     returnFocus?: HTMLElement | null;
+    /** False when the chat has no saved prompts: the `/` entry is left out. Default true. */
+    savedPrompts?: boolean;
   }
-  let { open = $bindable(false), shortcuts = [], returnFocus = null }: Props = $props();
+  let {
+    open = $bindable(false),
+    shortcuts = [],
+    returnFocus = null,
+    savedPrompts = true,
+  }: Props = $props();
 
   const groups = $derived(
     [
       { title: 'App', items: shortcuts },
-      { title: 'Chat', items: [...CHAT_SHORTCUTS] },
+      { title: 'Chat', items: chatShortcuts({ savedPrompts }) },
     ].filter((g) => g.items.length),
   );
 </script>

package/dist/components/ShortcutsDialog.svelte.d.ts

@@ -4,6 +4,8 @@ interface Props {
     /** Host shortcuts, e.g. opening the agent panel or starting a new chat. */
     shortcuts?: ChatShortcut[];
     returnFocus?: HTMLElement | null;
+    /** False when the chat has no saved prompts: the `/` entry is left out. Default true. */
+    savedPrompts?: boolean;
 }
 /**
  * Lists the chat's keyboard shortcuts (`CHAT_SHORTCUTS`) and the host's own (`shortcuts`, shown

package/dist/components/ShortcutsDialog.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ShortcutsDialog.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGlE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2EAA2E;IAC3E,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC;AA6CH;;;GAGG;AACH,QAAA,MAAM,eAAe,+CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ShortcutsDialog.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ShortcutsDialog.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGjE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2EAA2E;IAC3E,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,yFAAyF;IACzF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAkDH;;;GAGG;AACH,QAAA,MAAM,eAAe,+CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/UiFrame.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
   import SandboxFrame from './SandboxFrame.svelte';
   import type { UiResourceState } from '../reducer.js';
-  import { MIN_FRAME_HEIGHT, composerTextFor, type FrameAction } from '../ui-frame-protocol.js';
+  import {
+    MIN_FRAME_HEIGHT,
+    composerTextFor,
+    initialFrameHeight,
+    type FrameAction,
+  } from '../ui-frame-protocol.js';
 
   interface Props {
     resource: UiResourceState;
@@ -14,7 +19,7 @@
   let { resource, sandboxOrigin, onprompt, ontool, onnotify }: Props = $props();
 
   let height = $state(MIN_FRAME_HEIGHT);
-  const initialHeight = $derived(resource.preferredFrameSize?.[1] ?? `${MIN_FRAME_HEIGHT}px`);
+  const initialHeight = $derived(initialFrameHeight(resource.preferredFrameSize?.[1]));
 
   function handle(action: FrameAction): void {
     switch (action.type) {
@@ -38,13 +43,16 @@
   }
 </script>
 
-<div class="my-2 overflow-hidden rounded-lg border border-border bg-card">
+<div
+  class="my-2 overflow-hidden rounded-lg border border-border bg-card"
+  style:height={`${height > MIN_FRAME_HEIGHT ? height : initialHeight}px`}
+>
   <SandboxFrame
     {sandboxOrigin}
     html={resource.html}
     uri={resource.uri}
     title={resource.uri}
-    style={`height:${height > MIN_FRAME_HEIGHT ? `${height}px` : initialHeight}`}
+    style="height:100%"
     onaction={handle}
   />
 </div>

package/dist/components/UiFrame.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiFrame.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/UiFrame.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAInD,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,gGAAgG;IAChG,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAuCH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"UiFrame.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/UiFrame.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AASnD,UAAU,KAAK;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,gGAAgG;IAChG,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAuCH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/UserMessage.svelte

@@ -39,9 +39,18 @@
   function save(): void {
     const text = draft.trim();
     if (!text) return;
+    // Unchanged: nothing to send, so leave the editor like Cancel (focus back on Edit).
+    if (text === message.text.trim()) {
+      void cancel();
+      return;
+    }
     editing = false;
-    if (text !== message.text.trim()) onedit?.(text);
+    onedit?.(text);
   }
+  // The question can no longer be edited (a turn started, or it is not the latest any more).
+  $effect(() => {
+    if (!onedit && editing) editing = false;
+  });
   function onkeydown(event: KeyboardEvent): void {
     if (event.isComposing || event.keyCode === 229) return;
     if (event.key === 'Escape') {

package/dist/components/UserMessage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserMessage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/UserMessage.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAsFH;;;GAGG;AACH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"UserMessage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/UserMessage.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/C,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AA+FH;;;GAGG;AACH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/index.d.ts

@@ -6,6 +6,9 @@ export * from './message-format.js';
 export * from './reducer.js';
 export * from './session.svelte.js';
 export * from './shortcuts.js';
+export * from './surface-geometry.js';
+export * from './surface.svelte.js';
+export * from './thinking.js';
 export * from './ui-frame-protocol.js';
 export * from './welcome.js';
 export { default as AgentChat } from './components/AgentChat.svelte';
@@ -26,4 +29,6 @@ export { default as MessageFiles } from './components/MessageFiles.svelte';
 export { default as ProposalCard } from './components/ProposalCard.svelte';
 export { default as Welcome } from './components/Welcome.svelte';
 export { default as ShortcutsDialog } from './components/ShortcutsDialog.svelte';
+export { default as ChatLauncher } from './components/ChatLauncher.svelte';
+export { default as FloatingWindow } from './components/FloatingWindow.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/index.js

@@ -6,6 +6,9 @@ export * from './message-format.js';
 export * from './reducer.js';
 export * from './session.svelte.js';
 export * from './shortcuts.js';
+export * from './surface-geometry.js';
+export * from './surface.svelte.js';
+export * from './thinking.js';
 export * from './ui-frame-protocol.js';
 export * from './welcome.js';
 export { default as AgentChat } from './components/AgentChat.svelte';
@@ -26,3 +29,5 @@ export { default as MessageFiles } from './components/MessageFiles.svelte';
 export { default as ProposalCard } from './components/ProposalCard.svelte';
 export { default as Welcome } from './components/Welcome.svelte';
 export { default as ShortcutsDialog } from './components/ShortcutsDialog.svelte';
+export { default as ChatLauncher } from './components/ChatLauncher.svelte';
+export { default as FloatingWindow } from './components/FloatingWindow.svelte';

package/dist/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../src/lib/markdown.ts"],"names":[],"mappings":"AAkEA,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAQD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK/C;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAO9C;AAMD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,WAAsB,GAAG,OAAO,CAenF;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,qBAAe,GAAG,OAAO,CAOjF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM,CAiEjF"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../src/lib/markdown.ts"],"names":[],"mappings":"AAsGA,MAAM,WAAW,eAAe;IAC9B,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4BD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK/C;AAED,uFAAuF;AACvF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAO9C;AAUD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,WAAsB,GAAG,OAAO,CAcnF;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,qBAAe,GAAG,OAAO,CAOjF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM,CAwEjF"}