@happyvertical/smrt-chat 0.51.9 → 0.51.11

package/dist/svelte/components/assistant/AssistantDock.svelte

@@ -10,12 +10,14 @@
  */
 import { MessageBubble } from '@happyvertical/smrt-ui/chat';
 import type {
+  DataSurfaceActionRequest,
+  DataSurfaceActionResult,
   DataSurfaceIdentity,
   DataSurfaceRegistry,
 } from '@happyvertical/smrt-ui/data-surface';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { Button } from '@happyvertical/smrt-ui/ui';
-import { untrack } from 'svelte';
+import { type Snippet, tick, untrack } from 'svelte';
 import { M } from '../../i18n.js';
 import ToolCallDisplay from '../agent/ToolCallDisplay.svelte';
 import ModelPicker from '../shared/ModelPicker.svelte';
@@ -82,6 +84,23 @@ export interface Props {
   surfaces?: DataSurfaceIdentity[];
   /** Whether the dock is currently visible; polling pauses while false. */
   visible?: boolean;
+  /** Renders a message's own `toolCallData` (#2988), inside that message's
+   * bubble below its text. Called only for messages whose `toolCallData` is
+   * set. Without it the dock renders no tool-call region at all: the payload
+   * is host-defined, so the dock never stringifies it or injects it as HTML.
+   * Render it with ordinary Svelte markup in the host's own snippet. */
+  toolCall?: Snippet<[AssistantMessage]>;
+  /** Hands the host this dock's own controller once, on mount (#2989), so it
+   * can propose an action with `controller.previewAction(request)`. The
+   * proposal renders with Confirm/Reject like any other; everything else
+   * (apply, the idempotency key, mount checks) stays with the dock. */
+  oncontroller?: (controller: AssistantDockController) => void;
+  /** Called after the server accepts an apply (#2989). See
+   * `AssistantDockControllerOptions.onActionApplied`. */
+  onactionapplied?: (
+    request: DataSurfaceActionRequest,
+    result: DataSurfaceActionResult,
+  ) => void;
 }
 
 const {
@@ -90,6 +109,9 @@ const {
   actionClient,
   surfaces,
   visible = true,
+  toolCall,
+  oncontroller,
+  onactionapplied,
 }: Props = $props();
 const { t } = useI18n();
 
@@ -112,6 +134,7 @@ const controller: AssistantDockController = createAssistantDockController({
     return surfaces;
   },
   visible: () => visible,
+  onActionApplied: (request, result) => onactionapplied?.(request, result),
 });
 
 // F1 (#2904 review): the whole body runs under `untrack` so the effect takes
@@ -133,6 +156,7 @@ $effect(() => {
     void controller.loadThreads();
     void controller.loadModels();
     controller.startPolling();
+    oncontroller?.(controller);
   });
   return () => controller.dispose();
 });
@@ -179,7 +203,39 @@ $effect(() => {
   untrack(() => controller.syncTransport());
 });
 
+// #3000: in a narrow container (below the `@container` breakpoint in the
+// styles) the thread list collapses behind a "Conversations" toggle so the
+// conversation keeps the full dock width. Wide layouts ignore this state —
+// the toggle is hidden there and the list always sits beside the
+// conversation. Picking or creating a thread closes the narrow list again.
+let threadsOpen = $state(false);
+const uid = $props.id();
+const threadsId = `assistant-dock-threads-${uid}`;
+let threadsEl: HTMLDivElement | undefined = $state();
+// The shared Button primitive exposes no element ref, so the toggle is
+// found by id when focus has to move back to it.
+const threadsToggleId = `${threadsId}-toggle`;
+
+// Closing the narrow list hides the element that holds focus (the thread row
+// or "New conversation" button just activated). Hand focus back to the
+// toggle so keyboard and screen-reader users keep their place. In wide
+// layouts the list stays visible, so focus is left alone.
+function closeThreads() {
+  if (!threadsOpen) return;
+  const focusWasInside =
+    typeof document !== 'undefined' &&
+    !!threadsEl?.contains(document.activeElement);
+  threadsOpen = false;
+  if (!focusWasInside) return;
+  void tick().then(() => {
+    if (threadsEl && threadsEl.offsetParent === null) {
+      document.getElementById(threadsToggleId)?.focus();
+    }
+  });
+}
+
 async function handleSelectThread(threadId: string) {
+  closeThreads();
   // openThread() catches internally and records any failure on
   // controller.error (cycle-2 second final finding 2) — never rejects.
   await controller.openThread(threadId);
@@ -190,6 +246,7 @@ async function handleCreateThread() {
   // need); catch here so the un-awaited onclick in AssistantThreadList never
   // produces an unhandled rejection. The failure is already recorded on
   // controller.error by createThread itself (cycle-2 second final finding 2).
+  closeThreads();
   try {
     const thread = await controller.createThread('New conversation');
     await controller.openThread(thread.id);
@@ -250,161 +307,209 @@ async function handleConfirmAction(requestId: string) {
 </script>
 
 <div class="assistant-dock">
-  <AssistantThreadList
-    threads={controller.threads}
-    activeThreadId={controller.activeThreadId}
-    onselect={handleSelectThread}
-    oncreate={handleCreateThread}
-  />
-
-  <div class="assistant-dock-main">
-    {#if controller.error}
-      <p class="assistant-dock-error" role="alert">
-        {t(M['chat.assistant_dock.error'], { message: controller.error })}
-      </p>
-    {/if}
-
-    {#if controller.surfaces.length === 0}
-      <p class="assistant-dock-empty">
-        {t(M['chat.assistant_dock.no_surfaces'])}
-      </p>
-    {/if}
-
-    <div class="assistant-dock-scroll">
-      <ul class="assistant-dock-messages">
-        {#each controller.messages as message (message.id)}
-          <li>
-            <MessageBubble
-              variant={bubbleVariant(message.role)}
-              own={message.role === 'user'}
-            >
-              {#snippet children()}
-                <p class="assistant-dock-message-content">{message.content}</p>
-                {#if message.attachments && message.attachments.length > 0}
-                  <ul
-                    class="assistant-dock-attachments"
-                    aria-label={t(M['chat.assistant_dock.attachments'])}
-                  >
-                    {#each message.attachments as attachment (attachment.id)}
-                      {@const href = safeAttachmentHref(attachment.url)}
-                      <li class="assistant-dock-attachment">
-                        {#if href}
-                          <a
-                            {href}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            class="assistant-dock-attachment-link"
-                          >
-                            {attachment.name}
-                          </a>
-                        {:else}
-                          <span class="assistant-dock-attachment-name">
-                            {attachment.name}
-                          </span>
-                        {/if}
-                        {#if attachment.size !== undefined}
-                          <span class="assistant-dock-attachment-size">
-                            {formatAttachmentSize(attachment.size)}
-                          </span>
-                        {/if}
-                      </li>
-                    {/each}
-                  </ul>
-                {/if}
-              {/snippet}
-            </MessageBubble>
-          </li>
-        {/each}
-      </ul>
-
-      {#if controller.actions.size > 0}
-        <ul class="assistant-dock-actions">
-          {#each [...controller.actions.entries()] as [requestId, action] (requestId)}
-            <li>
-              <ToolCallDisplay
-                toolCall={{
-                  toolName: action.request.actionId,
-                  toolCallId: requestId,
-                  status: toolCallStatusForAction(action.status),
-                  error: action.error,
-                }}
-                actionResult={action.applyResult ??
-                  // Finding 3 (#2904 review, fresh cycle): only surface the
-                  // preview result — and its live Confirm/Reject — while the
-                  // action is actually AWAITING confirmation. Once Confirm
-                  // has been clicked ('applying'), the preview's phase:
-                  // 'preview' result must stop rendering those buttons; the
-                  // toolCall.status 'running' mapping above shows the
-                  // existing spinner/"Executing..." state instead.
-                  (action.status === 'previewed'
-                    ? action.previewResult
-                    : undefined)}
-                onconfirmaction={() => handleConfirmAction(requestId)}
-                onrejectaction={() => controller.rejectAction(requestId)}
-              />
-            </li>
-          {/each}
-        </ul>
+  <div
+    class="assistant-dock-layout"
+    data-threads-open={threadsOpen || undefined}
+  >
+    <Button
+      type="button"
+      variant="ghost"
+      id={threadsToggleId}
+      class="assistant-dock-threads-toggle"
+      aria-expanded={threadsOpen}
+      aria-controls={threadsId}
+      onclick={() => (threadsOpen = !threadsOpen)}
+    >
+      {t(M['chat.assistant_dock.conversations_toggle'])}
+    </Button>
+
+    <div
+      class="assistant-dock-threads"
+      id={threadsId}
+      bind:this={threadsEl}
+    >
+      <AssistantThreadList
+        threads={controller.threads}
+        activeThreadId={controller.activeThreadId}
+        onselect={handleSelectThread}
+        oncreate={handleCreateThread}
+      />
+    </div>
+
+    <div class="assistant-dock-main">
+      {#if controller.error}
+        <p class="assistant-dock-error" role="alert">
+          {t(M['chat.assistant_dock.error'], { message: controller.error })}
+        </p>
       {/if}
 
-      {#if controller.pendingSends.some((p) => p.status === 'stale')}
-        <div class="assistant-dock-stale">
-          <p>{t(M['chat.assistant_dock.taking_longer'])}</p>
-          {#each controller.pendingSends.filter((p) => p.status === 'stale') as pending (pending.clientRequestId)}
-            <Button
-              type="button"
-              size="sm"
-              onclick={() => controller.retry(pending.clientRequestId)}
-            >
-              {t(M['chat.assistant_dock.retry'], { content: pending.content })}
-            </Button>
-          {/each}
-        </div>
+      {#if controller.surfaces.length === 0}
+        <p class="assistant-dock-empty">
+          {t(M['chat.assistant_dock.no_surfaces'])}
+        </p>
       {/if}
 
-      {#if controller.pendingSends.some((p) => p.status === 'failed')}
-        <!-- Finding 4 (#2904 review, fresh cycle): a send that failed
-             transport-side previously had no visible representation at
-             all — only 'stale' rendered above. retry(clientRequestId)
-             already exists and reuses the same id, so it's the same
-             affordance as the stale case. -->
-        <div class="assistant-dock-failed">
-          <p>{t(M['chat.assistant_dock.send_failed'])}</p>
-          {#each controller.pendingSends.filter((p) => p.status === 'failed') as pending (pending.clientRequestId)}
-            <Button
-              type="button"
-              size="sm"
-              onclick={() => controller.retry(pending.clientRequestId)}
-            >
-              {t(M['chat.assistant_dock.retry'], { content: pending.content })}
-            </Button>
+      <div class="assistant-dock-scroll">
+        <ul class="assistant-dock-messages">
+          {#each controller.messages as message (message.id)}
+            <li>
+              <MessageBubble
+                variant={bubbleVariant(message.role)}
+                own={message.role === 'user'}
+              >
+                {#snippet children()}
+                  <p class="assistant-dock-message-content">{message.content}</p>
+                {#if toolCall && message.toolCallData != null}
+                  <div class="assistant-dock-tool-call">
+                    {@render toolCall(message)}
+                  </div>
+                {/if}
+                  {#if message.attachments && message.attachments.length > 0}
+                    <ul
+                      class="assistant-dock-attachments"
+                      aria-label={t(M['chat.assistant_dock.attachments'])}
+                    >
+                      {#each message.attachments as attachment (attachment.id)}
+                        {@const href = safeAttachmentHref(attachment.url)}
+                        <li class="assistant-dock-attachment">
+                          {#if href}
+                            <a
+                              {href}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              class="assistant-dock-attachment-link"
+                            >
+                              {attachment.name}
+                            </a>
+                          {:else}
+                            <span class="assistant-dock-attachment-name">
+                              {attachment.name}
+                            </span>
+                          {/if}
+                          {#if attachment.size !== undefined}
+                            <span class="assistant-dock-attachment-size">
+                              {formatAttachmentSize(attachment.size)}
+                            </span>
+                          {/if}
+                        </li>
+                      {/each}
+                    </ul>
+                  {/if}
+                {/snippet}
+              </MessageBubble>
+            </li>
           {/each}
-        </div>
-      {/if}
-    </div>
+        </ul>
 
-    <div class="assistant-dock-composer">
-      {#if controller.models.length > 0}
-        <div class="assistant-dock-composer-header">
-          <ModelPicker
-            models={controller.models}
-            value={controller.selectedModel ?? controller.models[0].id}
-            onchange={(modelId) => controller.setSelectedModel(modelId)}
-          />
-        </div>
-      {/if}
-      <AssistantComposer
-        onsend={handleSend}
-        onupload={handleUpload}
-        disabled={!controller.activeThreadId}
-      />
+        {#if controller.actions.size > 0}
+          <ul class="assistant-dock-actions">
+            {#each [...controller.actions.entries()] as [requestId, action] (requestId)}
+              <li>
+                <ToolCallDisplay
+                  toolCall={{
+                    toolName: action.request.actionId,
+                    toolCallId: requestId,
+                    status: toolCallStatusForAction(action.status),
+                    error: action.error,
+                  }}
+                  actionResult={action.applyResult ??
+                    // Finding 3 (#2904 review, fresh cycle): only surface the
+                    // preview result — and its live Confirm/Reject — while the
+                    // action is actually AWAITING confirmation. Once Confirm
+                    // has been clicked ('applying'), the preview's phase:
+                    // 'preview' result must stop rendering those buttons; the
+                    // toolCall.status 'running' mapping above shows the
+                    // existing spinner/"Executing..." state instead.
+                    (action.status === 'previewed'
+                      ? action.previewResult
+                      : undefined)}
+                  onconfirmaction={() => handleConfirmAction(requestId)}
+                  onrejectaction={() => controller.rejectAction(requestId)}
+                />
+                {#if action.outcomeUnknown}
+                  <!-- #2990: no decision was reached, so the change may have
+                       landed. Reject is withdrawn (ToolCallDisplay only
+                       offers it for a live preview); the only affordance is a
+                       same-key retry. -->
+                  <div class="assistant-dock-action-unknown" role="status">
+                    <p>{t(M['chat.assistant_dock.action_outcome_unknown'])}</p>
+                    <Button
+                      type="button"
+                      size="sm"
+                      disabled={action.status === 'applying'}
+                      onclick={() => handleConfirmAction(requestId)}
+                    >
+                      {t(M['chat.assistant_dock.action_check_again'])}
+                    </Button>
+                  </div>
+                {/if}
+              </li>
+            {/each}
+          </ul>
+        {/if}
+
+        {#if controller.pendingSends.some((p) => p.status === 'stale')}
+          <div class="assistant-dock-stale">
+            <p>{t(M['chat.assistant_dock.taking_longer'])}</p>
+            {#each controller.pendingSends.filter((p) => p.status === 'stale') as pending (pending.clientRequestId)}
+              <Button
+                type="button"
+                size="sm"
+                onclick={() => controller.retry(pending.clientRequestId)}
+              >
+                {t(M['chat.assistant_dock.retry'], { content: pending.content })}
+              </Button>
+            {/each}
+          </div>
+        {/if}
+
+        {#if controller.pendingSends.some((p) => p.status === 'failed')}
+          <!-- Finding 4 (#2904 review, fresh cycle): a send that failed
+               transport-side previously had no visible representation at
+               all — only 'stale' rendered above. retry(clientRequestId)
+               already exists and reuses the same id, so it's the same
+               affordance as the stale case. -->
+          <div class="assistant-dock-failed">
+            <p>{t(M['chat.assistant_dock.send_failed'])}</p>
+            {#each controller.pendingSends.filter((p) => p.status === 'failed') as pending (pending.clientRequestId)}
+              <Button
+                type="button"
+                size="sm"
+                onclick={() => controller.retry(pending.clientRequestId)}
+              >
+                {t(M['chat.assistant_dock.retry'], { content: pending.content })}
+              </Button>
+            {/each}
+          </div>
+        {/if}
+      </div>
+
+      <div class="assistant-dock-composer">
+        {#if controller.models.length > 0}
+          <div class="assistant-dock-composer-header">
+            <ModelPicker
+              models={controller.models}
+              value={controller.selectedModel ?? controller.models[0].id}
+              onchange={(modelId) => controller.setSelectedModel(modelId)}
+            />
+          </div>
+        {/if}
+        <AssistantComposer
+          onsend={handleSend}
+          onupload={handleUpload}
+          disabled={!controller.activeThreadId}
+        />
+      </div>
     </div>
   </div>
 </div>
 
 <style>
+  /* #3000: the dock sizes itself against its own container (a shell dock
+   * edge can be ~250px wide) rather than the viewport. A container cannot
+   * query itself, so the flex layout lives on an inner wrapper. */
   .assistant-dock {
-    display: flex;
+    container-type: inline-size;
     height: 100%;
     min-height: 0;
     font-family: var(--smrt-font-family, system-ui, sans-serif);
@@ -412,6 +517,78 @@ async function handleConfirmAction(requestId: string) {
     color: var(--smrt-color-on-surface, #1a1c1e);
   }
 
+  .assistant-dock-layout {
+    display: flex;
+    height: 100%;
+    min-height: 0;
+  }
+
+  .assistant-dock-threads {
+    display: flex;
+    flex-shrink: 0;
+    min-height: 0;
+  }
+
+  .assistant-dock .assistant-dock-layout > :global(.assistant-dock-threads-toggle) {
+    display: none;
+  }
+
+  @container (max-width: 479px) {
+    .assistant-dock-layout {
+      flex-direction: column;
+    }
+
+    .assistant-dock .assistant-dock-layout > :global(.assistant-dock-threads-toggle) {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      gap: var(--smrt-spacing-2, 8px);
+      flex-shrink: 0;
+      width: 100%;
+      padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-3, 12px);
+      border: none;
+      border-bottom: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+      background: var(--smrt-color-surface-container-low, #f7f7fb);
+      color: var(--smrt-color-on-surface, #1a1c1e);
+      font: var(--smrt-typography-label-large-font, 500 0.875rem/1.25 sans-serif);
+      font-family: inherit;
+      border-radius: 0;
+      text-align: left;
+      cursor: pointer;
+    }
+
+    .assistant-dock .assistant-dock-layout > :global(.assistant-dock-threads-toggle::before) {
+      content: '▸' / '';
+      color: var(--smrt-color-on-surface-variant, #43474e);
+    }
+
+    .assistant-dock .assistant-dock-layout[data-threads-open]
+      > :global(.assistant-dock-threads-toggle::before) {
+      content: '▾' / '';
+    }
+
+    .assistant-dock .assistant-dock-layout > :global(.assistant-dock-threads-toggle:focus-visible) {
+      outline: 2px solid var(--smrt-color-primary, #005ac1);
+      outline-offset: -2px;
+    }
+
+    .assistant-dock-threads {
+      display: none;
+    }
+
+    .assistant-dock-layout[data-threads-open] .assistant-dock-threads {
+      display: flex;
+      max-height: 40%;
+      border-bottom: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+    }
+
+    .assistant-dock-threads > :global(.assistant-thread-list) {
+      flex: 1;
+      min-width: 0;
+      border-right: none;
+    }
+  }
+
   .assistant-dock-main {
     flex: 1;
     display: flex;
@@ -448,6 +625,11 @@ async function handleConfirmAction(requestId: string) {
     gap: var(--smrt-spacing-2, 8px);
   }
 
+  .assistant-dock-tool-call {
+    margin-top: var(--smrt-spacing-2, 8px);
+    min-width: 0;
+  }
+
   .assistant-dock-message-content {
     margin: 0;
     white-space: pre-wrap;
@@ -494,6 +676,19 @@ async function handleConfirmAction(requestId: string) {
     gap: var(--smrt-spacing-2, 8px);
   }
 
+  .assistant-dock-action-unknown {
+    margin-top: var(--smrt-spacing-2, 8px);
+    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-3, 12px);
+    border-radius: var(--smrt-radius-medium, 8px);
+    background: var(--smrt-color-tertiary-container, #ffd8e4);
+    color: var(--smrt-color-on-tertiary-container, #31111d);
+    font: var(--smrt-typography-body-small-font, 0.8125rem/1.4 sans-serif);
+  }
+
+  .assistant-dock-action-unknown p {
+    margin: 0 0 var(--smrt-spacing-2, 8px);
+  }
+
   .assistant-dock-stale {
     padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-3, 12px);
     border-radius: var(--smrt-radius-medium, 8px);

package/dist/svelte/components/assistant/AssistantDock.svelte.d.ts

@@ -1,6 +1,7 @@
-import type { DataSurfaceIdentity, DataSurfaceRegistry } from '@happyvertical/smrt-ui/data-surface';
-import type { AssistantTransport } from './assistant-transport.js';
-import { type AssistantActionClient } from './create-assistant-dock-controller.svelte.js';
+import type { DataSurfaceActionRequest, DataSurfaceActionResult, DataSurfaceIdentity, DataSurfaceRegistry } from '@happyvertical/smrt-ui/data-surface';
+import { type Snippet } from 'svelte';
+import type { AssistantMessage, AssistantTransport } from './assistant-transport.js';
+import { type AssistantActionClient, type AssistantDockController } from './create-assistant-dock-controller.svelte.js';
 export interface Props {
     /** Thread/message I/O backend; see `./assistant-transport.js`. */
     transport: AssistantTransport;
@@ -23,6 +24,20 @@ export interface Props {
     surfaces?: DataSurfaceIdentity[];
     /** Whether the dock is currently visible; polling pauses while false. */
     visible?: boolean;
+    /** Renders a message's own `toolCallData` (#2988), inside that message's
+     * bubble below its text. Called only for messages whose `toolCallData` is
+     * set. Without it the dock renders no tool-call region at all: the payload
+     * is host-defined, so the dock never stringifies it or injects it as HTML.
+     * Render it with ordinary Svelte markup in the host's own snippet. */
+    toolCall?: Snippet<[AssistantMessage]>;
+    /** Hands the host this dock's own controller once, on mount (#2989), so it
+     * can propose an action with `controller.previewAction(request)`. The
+     * proposal renders with Confirm/Reject like any other; everything else
+     * (apply, the idempotency key, mount checks) stays with the dock. */
+    oncontroller?: (controller: AssistantDockController) => void;
+    /** Called after the server accepts an apply (#2989). See
+     * `AssistantDockControllerOptions.onActionApplied`. */
+    onactionapplied?: (request: DataSurfaceActionRequest, result: DataSurfaceActionResult) => void;
 }
 declare const AssistantDock: import("svelte").Component<Props, {}, "">;
 type AssistantDock = ReturnType<typeof AssistantDock>;

package/dist/svelte/components/assistant/AssistantDock.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantDock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/assistant/AssistantDock.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,qCAAqC,CAAC;AAU7C,OAAO,KAAK,EAGV,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,8CAA8C,CAAC;AAGtD,MAAM,WAAW,KAAK;IACpB,kEAAkE;IAClE,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;qBAEiB;IACjB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B;qEACiE;IACjE,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;;;gEAQ4D;IAC5D,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAsUD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AssistantDock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/assistant/AssistantDock.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,KAAK,OAAO,EAAiB,MAAM,QAAQ,CAAC;AAOrD,OAAO,KAAK,EAEV,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAE7B,MAAM,8CAA8C,CAAC;AAGtD,MAAM,WAAW,KAAK;IACpB,kEAAkE;IAClE,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;qBAEiB;IACjB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B;qEACiE;IACjE,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;;;gEAQ4D;IAC5D,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;0EAIsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvC;;;yEAGqE;IACrE,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC7D;2DACuD;IACvD,eAAe,CAAC,EAAE,CAChB,OAAO,EAAE,wBAAwB,EACjC,MAAM,EAAE,uBAAuB,KAC5B,IAAI,CAAC;CACX;AAkYD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}