@classic-homes/agent-chat 0.2.1 → 0.4.0

package/README.md

@@ -21,8 +21,9 @@ artifacts and MCP-UI sandbox frames. The Classic App's `/agent` page and agent p
   };
   ```
 
-  Without that entry the chat renders unstyled. Markdown prose (rendered from model text) is the
-  one part styled with plain CSS, shipped inside the `Markdown` component.
+  Without that entry the chat renders unstyled. Markdown prose (rendered from model text) uses
+  arbitrary-variant utilities on its container (`[&_ul]:list-disc`), not a stylesheet: the
+  Classic App's cascade-layers polyfill outranks plain component CSS.
 
 ## Usage
 
@@ -37,4 +38,19 @@ artifacts and MCP-UI sandbox frames. The Classic App's `/agent` page and agent p
 `client` is an `AgentApiClient` from `@classic-homes/agent-client`. `sandboxOrigin` is the
 agent-api origin that serves `/frame`; artifacts and MCP-UI resources only ever render there.
 
+## Components
+
+`AgentChat` composes the rest; each is also exported for other layouts:
+
+- `ChatHeader`, `ConversationSidebar`: title and conversation actions; the history rail.
+- `MessageList`: transcript with day separators and a jump-to-latest button.
+- `MessageItem` → `UserMessage` / `AssistantMessage`, with `MessageActions` (copy, time),
+  `ArtifactChip`, `MessageFiles` (image lightbox, downloads) and `ProposalCard` (read-only
+  document edits; applying stays in the Office add-in).
+- `Composer`: attach by button, drop or paste; `prompts` turns on the `/` saved-prompt menu
+  (`ComposerPrompt.text` may be a loader, e.g. fetching the template).
+- `ToolTimeline`: tool calls with status and duration, delegations nested; `toolLabels` maps
+  tool names to readable ones (`AgentChat` passes both through).
+- `ArtifactPanel`, `UiFrame`, `ModeBanner`.
+
 Publishing: `docs/operations/package-publishing.md`.

package/dist/components/AgentChat.svelte

@@ -10,6 +10,7 @@
   import { cn, ResizablePanes, Sheet } from '@classic-homes/theme-svelte';
   import { MediaQuery } from 'svelte/reactivity';
   import { releaseStuckBodyLock } from '../body-lock.js';
+  import type { ComposerPrompt } from '../composer-prompts.js';
   import { ChatSession } from '../session.svelte.js';
   import ArtifactPanel from './ArtifactPanel.svelte';
   import Composer from './Composer.svelte';
@@ -40,6 +41,10 @@
     /** A UI resource asked to run a tool; the host confirms with the user and may send a message. */
     ontoolrequest?: (toolName: string, params?: Record<string, unknown>) => void;
     placeholder?: string;
+    /** Saved prompts offered by the composer's `/` menu. */
+    prompts?: ComposerPrompt[];
+    /** Readable tool names for the timeline, by tool name (`server/name` or `name`). */
+    toolLabels?: Record<string, string>;
     /** Rendered above the transcript, e.g. a `ChatHeader`. */
     header?: import('svelte').Snippet;
     context?: import('svelte').Snippet;
@@ -62,6 +67,8 @@
     onnotify,
     ontoolrequest,
     placeholder,
+    prompts,
+    toolLabels,
     header,
     context,
     empty,
@@ -146,6 +153,7 @@
       streaming={session.streaming}
       {sandboxOrigin}
       fileUrl={(id) => client.fileUrl(id)}
+      {toolLabels}
       {onnavigate}
       onopenartifact={(id) => {
         selectedArtifact = id;
@@ -155,6 +163,7 @@
       ontool={(name, params) => ontoolrequest?.(name, params)}
       {onnotify}
       onretry={retry}
+      oncontinue={() => void session.send('Continue.')}
       {empty}
     />
     <Composer
@@ -164,6 +173,7 @@
       disabled={session.status === 'loading'}
       streaming={session.streaming}
       {placeholder}
+      {prompts}
       upload={(file) => client.uploadFile(file, file.name)}
       onsend={send}
       oncancel={() => session.cancel()}

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

@@ -1,6 +1,7 @@
 import type { AgentApiClient } from '@classic-homes/agent-client';
 import type { AgentKey, ClientKind, DocumentContext } from '@classic-homes/agent-contracts';
 import type { BackendMode } from '@classic-homes/agent-contracts';
+import type { ComposerPrompt } from '../composer-prompts.js';
 interface Props {
     client: AgentApiClient;
     /** Sandbox origin for artifacts and MCP-UI (agent-api `/frame`). */
@@ -25,6 +26,10 @@ interface Props {
     /** A UI resource asked to run a tool; the host confirms with the user and may send a message. */
     ontoolrequest?: (toolName: string, params?: Record<string, unknown>) => void;
     placeholder?: string;
+    /** Saved prompts offered by the composer's `/` menu. */
+    prompts?: ComposerPrompt[];
+    /** Readable tool names for the timeline, by tool name (`server/name` or `name`). */
+    toolLabels?: Record<string, string>;
     /** Rendered above the transcript, e.g. a `ChatHeader`. */
     header?: import('svelte').Snippet;
     context?: import('svelte').Snippet;

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

@@ -1 +1 @@
-{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAWhE,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6IH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,oFAAoF;IACpF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgJH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/ArtifactChip.svelte

@@ -0,0 +1,45 @@
+<!--
+  @component
+  A card-like button for one artifact in a message: type icon, title and kind, and a spinner while
+  the artifact is still being written. Opens it in the artifact pane.
+-->
+<script lang="ts">
+  import { cn, Icon, Spinner } from '@classic-homes/theme-svelte';
+  import type { Artifact } from '../reducer.js';
+  import { artifactIcon, artifactKind } from '../message-format.js';
+
+  interface Props {
+    artifact: Artifact;
+    onopen?: (artifactId: string) => void;
+    class?: string;
+  }
+  let { artifact, onopen, class: className }: Props = $props();
+  const title = $derived(artifact.title ?? 'Untitled artifact');
+</script>
+
+<button
+  type="button"
+  class={cn(
+    'flex w-full max-w-sm items-center gap-3 rounded-lg border border-border bg-background px-3 py-2 text-left shadow-sm transition hover:border-primary/40 hover:shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+    className,
+  )}
+  aria-label={artifact.open ? `${title} (writing)` : `Open ${title}`}
+  onclick={() => onopen?.(artifact.artifactId)}
+>
+  <span
+    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground"
+  >
+    <Icon name={artifactIcon(artifact.mediaType)} size={18} />
+  </span>
+  <span class="min-w-0 flex-1">
+    <span class="block truncate text-sm font-medium text-foreground">{title}</span>
+    <span class="block text-xs text-muted-foreground">
+      {artifact.open ? 'Writing…' : artifactKind(artifact.mediaType)}
+    </span>
+  </span>
+  {#if artifact.open}
+    <Spinner size="sm" label="Writing" />
+  {:else}
+    <Icon name="chevron-right" size={16} class="text-muted-foreground" />
+  {/if}
+</button>

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

@@ -0,0 +1,14 @@
+import type { Artifact } from '../reducer.js';
+interface Props {
+    artifact: Artifact;
+    onopen?: (artifactId: string) => void;
+    class?: string;
+}
+/**
+ * A card-like button for one artifact in a message: type icon, title and kind, and a spinner while
+ * the artifact is still being written. Opens it in the artifact pane.
+ */
+declare const ArtifactChip: import("svelte").Component<Props, {}, "">;
+type ArtifactChip = ReturnType<typeof ArtifactChip>;
+export default ArtifactChip;
+//# sourceMappingURL=ArtifactChip.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactChip.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ArtifactChip.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI5C,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCH;;;GAGG;AACH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/AssistantMessage.svelte

@@ -0,0 +1,186 @@
+<!--
+  @component
+  The agent's turn: identity mark, tool timeline, the answer (throttled markdown with a caret
+  while streaming), artifacts, UI frames, files, proposed edits, the turn's outcome and actions.
+-->
+<script lang="ts">
+  import { Alert, Button, Icon } from '@classic-homes/theme-svelte';
+  import type { AssistantMessage } from '../reducer.js';
+  import { errorTitle } from '../reducer.js';
+  import { parseMarkdown } from '../markdown.js';
+  import ArtifactChip from './ArtifactChip.svelte';
+  import Markdown from './Markdown.svelte';
+  import MessageActions from './MessageActions.svelte';
+  import MessageFiles from './MessageFiles.svelte';
+  import ProposalCard from './ProposalCard.svelte';
+  import ToolTimeline from './ToolTimeline.svelte';
+  import UiFrame from './UiFrame.svelte';
+
+  interface Props {
+    message: AssistantMessage;
+    streaming?: boolean;
+    /** The last message: actions stay visible and the turn can be retried or continued. */
+    last?: boolean;
+    sandboxOrigin: string;
+    fileUrl: (fileId: string) => string;
+    toolLabels?: Record<string, string>;
+    onnavigate?: (href: string) => void;
+    onopenartifact?: (artifactId: string) => void;
+    onprompt?: (text: string) => void;
+    ontool?: (toolName: string, params?: Record<string, unknown>) => void;
+    onnotify?: (message: string) => void;
+    onretry?: () => void;
+    /** Ask the agent to pick up a stopped or cut-short answer. */
+    oncontinue?: () => void;
+  }
+  let {
+    message,
+    streaming = false,
+    last = false,
+    sandboxOrigin,
+    fileUrl,
+    toolLabels,
+    onnavigate,
+    onopenartifact,
+    onprompt,
+    ontool,
+    onnotify,
+    onretry,
+    oncontinue,
+  }: Props = $props();
+
+  // Re-parsing markdown on every token is the dominant streaming cost; throttle it.
+  const PARSE_THROTTLE_MS = 120;
+  let html = $state('');
+  let lastParse = 0;
+  let timer: ReturnType<typeof setTimeout> | null = null;
+  $effect(() => {
+    const text = message.text;
+    const now = Date.now();
+    if (!streaming || now - lastParse >= PARSE_THROTTLE_MS) {
+      if (timer) clearTimeout(timer);
+      timer = null;
+      lastParse = now;
+      html = parseMarkdown(text);
+    } else if (!timer) {
+      timer = setTimeout(
+        () => {
+          timer = null;
+          lastParse = Date.now();
+          html = parseMarkdown(message.text);
+        },
+        PARSE_THROTTLE_MS - (now - lastParse),
+      );
+    }
+  });
+  $effect(() => () => {
+    if (timer) clearTimeout(timer);
+  });
+
+  function handleClick(event: MouseEvent): void {
+    if (!onnavigate) return;
+    const anchor = (event.target as HTMLElement | null)?.closest?.('a.agent-internal-link');
+    if (!(anchor instanceof HTMLAnchorElement)) return;
+    event.preventDefault();
+    onnavigate(anchor.getAttribute('href') ?? anchor.href);
+  }
+
+  const thinking = $derived(
+    streaming &&
+      !message.text &&
+      !message.tools.some((t) => !t.status) &&
+      !message.artifacts.some((a) => a.open),
+  );
+  const canContinue = $derived(last && !!oncontinue);
+</script>
+
+<div class="group/message flex gap-3 px-4 py-2" data-role="assistant" data-status={message.status}>
+  <span
+    class="mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary"
+    aria-hidden="true"
+  >
+    <Icon name="sparkles" size={14} />
+  </span>
+  <div class="flex min-w-0 flex-1 flex-col gap-2">
+    {#if message.tools.length || message.delegations.length}
+      <ToolTimeline
+        tools={message.tools}
+        delegations={message.delegations}
+        {streaming}
+        {toolLabels}
+      />
+    {/if}
+    {#if html}<Markdown {html} streaming={streaming && !!message.text} onclick={handleClick} />{/if}
+    {#if thinking}
+      <div class="flex items-center gap-2 text-sm text-muted-foreground" role="status">
+        <span class="flex gap-1" aria-hidden="true">
+          <span class="h-1.5 w-1.5 rounded-full bg-current motion-safe:animate-bounce"></span>
+          <span
+            class="h-1.5 w-1.5 rounded-full bg-current motion-safe:animate-bounce [animation-delay:150ms]"
+          ></span>
+          <span
+            class="h-1.5 w-1.5 rounded-full bg-current motion-safe:animate-bounce [animation-delay:300ms]"
+          ></span>
+        </span>
+        Thinking
+      </div>
+    {/if}
+    {#if message.artifacts.length}
+      <div class="flex flex-col gap-1.5">
+        {#each message.artifacts as artifact (artifact.artifactId)}
+          <ArtifactChip {artifact} onopen={onopenartifact} />
+        {/each}
+      </div>
+    {/if}
+    {#each message.ui as resource (resource.callId + resource.uri)}
+      <UiFrame {resource} {sandboxOrigin} {onprompt} {ontool} {onnotify} />
+    {/each}
+    {#if message.files.length}<MessageFiles files={message.files} {fileUrl} />{/if}
+    {#if message.proposals.length}
+      <div class="flex flex-col gap-1.5">
+        {#each message.proposals as operation (operation.operationId)}
+          <ProposalCard {operation} />
+        {/each}
+      </div>
+    {/if}
+    {#if message.error}
+      <Alert variant="error">
+        <div class="flex flex-wrap items-center gap-x-3 gap-y-1">
+          <p class="min-w-0 flex-1">
+            <strong class="font-semibold">{errorTitle(message.error.code)}.</strong>
+            {message.error.message}
+          </p>
+          {#if message.error.retryable && onretry}
+            <Button variant="outline" size="sm" onclick={onretry}>
+              <Icon name="refresh" size={14} /> Try again
+            </Button>
+          {/if}
+        </div>
+      </Alert>
+    {:else if message.status === 'cancelled'}
+      <div class="flex items-center gap-2 text-sm text-muted-foreground">
+        <Icon name="stop" size={14} /> Stopped
+        {#if canContinue}
+          <Button variant="link" size="sm" class="h-auto p-0" onclick={oncontinue}>Continue</Button>
+        {/if}
+      </div>
+    {:else if message.status === 'incomplete'}
+      <Alert variant="warning">
+        <div class="flex flex-wrap items-center gap-x-3 gap-y-1">
+          <p class="min-w-0 flex-1">The answer was cut short.</p>
+          {#if canContinue}
+            <Button variant="outline" size="sm" onclick={oncontinue}>Continue</Button>
+          {/if}
+        </div>
+      </Alert>
+    {/if}
+    {#if !streaming && message.status !== 'streaming'}
+      <MessageActions
+        text={message.text}
+        createdAt={message.createdAt}
+        visible={last}
+        class="-ml-1.5"
+      />
+    {/if}
+  </div>
+</div>

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

@@ -0,0 +1,26 @@
+import type { AssistantMessage } from '../reducer.js';
+interface Props {
+    message: AssistantMessage;
+    streaming?: boolean;
+    /** The last message: actions stay visible and the turn can be retried or continued. */
+    last?: boolean;
+    sandboxOrigin: string;
+    fileUrl: (fileId: string) => string;
+    toolLabels?: Record<string, string>;
+    onnavigate?: (href: string) => void;
+    onopenartifact?: (artifactId: string) => void;
+    onprompt?: (text: string) => void;
+    ontool?: (toolName: string, params?: Record<string, unknown>) => void;
+    onnotify?: (message: string) => void;
+    onretry?: () => void;
+    /** Ask the agent to pick up a stopped or cut-short answer. */
+    oncontinue?: () => void;
+}
+/**
+ * The agent's turn: identity mark, tool timeline, the answer (throttled markdown with a caret
+ * while streaming), artifacts, UI frames, files, proposed edits, the turn's outcome and actions.
+ */
+declare const AssistantMessage: import("svelte").Component<Props, {}, "">;
+type AssistantMessage = ReturnType<typeof AssistantMessage>;
+export default AssistantMessage;
+//# sourceMappingURL=AssistantMessage.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMessage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AssistantMessage.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAYpD,UAAU,KAAK;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uFAAuF;IACvF,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,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwJH;;;GAGG;AACH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}