@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/components/chat/index.js

@@ -311,7 +311,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   }
   return coords;
 }
-async function detectOverflow(state14, options) {
+async function detectOverflow(state15, options) {
   var _await$platform$isEle;
   if (options === undefined) {
     options = {};
@@ -323,14 +323,14 @@ async function detectOverflow(state14, options) {
     rects,
     elements,
     strategy
-  } = state14;
+  } = state15;
   const {
     boundary: boundary2 = "clippingAncestors",
     rootBoundary = "viewport",
     elementContext = "floating",
     altBoundary = false,
     padding = 0
-  } = evaluate(options, state14);
+  } = evaluate(options, state15);
   const paddingObject = getPaddingObject(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element2 = elements[altBoundary ? altContext : elementContext];
@@ -414,19 +414,19 @@ function getRectsByLine(rects) {
   }
   return groups.map((rect) => rectToClientRect(getBoundingRect(rect)));
 }
-async function convertValueToCoords(state14, options) {
+async function convertValueToCoords(state15, options) {
   const {
     placement,
     platform,
     elements
-  } = state14;
+  } = state15;
   const rtl = await (platform.isRTL == null ? undefined : platform.isRTL(elements.floating));
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === "y";
   const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = evaluate(options, state14);
+  const rawValue = evaluate(options, state15);
   let {
     mainAxis,
     crossAxis,
@@ -540,7 +540,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
 }, arrow = (options) => ({
   name: "arrow",
   options,
-  async fn(state14) {
+  async fn(state15) {
     const {
       x,
       y,
@@ -549,11 +549,11 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       platform,
       elements,
       middlewareData
-    } = state14;
+    } = state15;
     const {
       element: element2,
       padding = 0
-    } = evaluate(options, state14) || {};
+    } = evaluate(options, state15) || {};
     if (element2 == null) {
       return {};
     }
@@ -605,7 +605,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "autoPlacement",
     options,
-    async fn(state14) {
+    async fn(state15) {
       var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
       const {
         rects,
@@ -613,16 +613,16 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         placement,
         platform,
         elements
-      } = state14;
+      } = state15;
       const {
         crossAxis = false,
         alignment,
         allowedPlacements = placements,
         autoAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state14);
+      } = evaluate(options, state15);
       const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-      const overflow = await platform.detectOverflow(state14, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state15, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? undefined : _middlewareData$autoP.index) || 0;
       const currentPlacement = placements$1[currentIndex];
       if (currentPlacement == null) {
@@ -680,7 +680,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "flip",
     options,
-    async fn(state14) {
+    async fn(state15) {
       var _middlewareData$arrow, _middlewareData$flip;
       const {
         placement,
@@ -689,7 +689,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         initialPlacement,
         platform,
         elements
-      } = state14;
+      } = state15;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true,
@@ -698,7 +698,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         fallbackAxisSideDirection = "none",
         flipAlignment = true,
         ...detectOverflowOptions
-      } = evaluate(options, state14);
+      } = evaluate(options, state15);
       if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -712,7 +712,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
-      const overflow = await platform.detectOverflow(state14, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state15, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? undefined : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -784,18 +784,18 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "hide",
     options,
-    async fn(state14) {
+    async fn(state15) {
       const {
         rects,
         platform
-      } = state14;
+      } = state15;
       const {
         strategy = "referenceHidden",
         ...detectOverflowOptions
-      } = evaluate(options, state14);
+      } = evaluate(options, state15);
       switch (strategy) {
         case "referenceHidden": {
-          const overflow = await platform.detectOverflow(state14, {
+          const overflow = await platform.detectOverflow(state15, {
             ...detectOverflowOptions,
             elementContext: "reference"
           });
@@ -808,7 +808,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
           };
         }
         case "escaped": {
-          const overflow = await platform.detectOverflow(state14, {
+          const overflow = await platform.detectOverflow(state15, {
             ...detectOverflowOptions,
             altBoundary: true
           });
@@ -833,19 +833,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "inline",
     options,
-    async fn(state14) {
+    async fn(state15) {
       const {
         placement,
         elements,
         rects,
         platform,
         strategy
-      } = state14;
+      } = state15;
       const {
         padding = 2,
         x,
         y
-      } = evaluate(options, state14);
+      } = evaluate(options, state15);
       const nativeClientRects = Array.from(await (platform.getClientRects == null ? undefined : platform.getClientRects(elements.reference)) || []);
       const clientRects = getRectsByLine(nativeClientRects);
       const fallback = rectToClientRect(getBoundingRect(nativeClientRects));
@@ -923,15 +923,15 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "offset",
     options,
-    async fn(state14) {
+    async fn(state15) {
       var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
         y,
         placement,
         middlewareData
-      } = state14;
-      const diffCoords = await convertValueToCoords(state14, options);
+      } = state15;
+      const diffCoords = await convertValueToCoords(state15, options);
       if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? undefined : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
         return {};
       }
@@ -952,13 +952,13 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "shift",
     options,
-    async fn(state14) {
+    async fn(state15) {
       const {
         x,
         y,
         placement,
         platform
-      } = state14;
+      } = state15;
       const {
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = false,
@@ -975,12 +975,12 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
           }
         },
         ...detectOverflowOptions
-      } = evaluate(options, state14);
+      } = evaluate(options, state15);
       const coords = {
         x,
         y
       };
-      const overflow = await platform.detectOverflow(state14, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state15, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -1000,7 +1000,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         crossAxisCoord = clamp(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
-        ...state14,
+        ...state15,
         [mainAxis]: mainAxisCoord,
         [crossAxis]: crossAxisCoord
       });
@@ -1023,19 +1023,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   }
   return {
     options,
-    fn(state14) {
+    fn(state15) {
       const {
         x,
         y,
         placement,
         rects,
         middlewareData
-      } = state14;
+      } = state15;
       const {
         offset: offset2 = 0,
         mainAxis: checkMainAxis = true,
         crossAxis: checkCrossAxis = true
-      } = evaluate(options, state14);
+      } = evaluate(options, state15);
       const coords = {
         x,
         y
@@ -1044,7 +1044,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
-      const rawOffset = evaluate(offset2, state14);
+      const rawOffset = evaluate(offset2, state15);
       const computedOffset = typeof rawOffset === "number" ? {
         mainAxis: rawOffset,
         crossAxis: 0
@@ -1088,19 +1088,19 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
   return {
     name: "size",
     options,
-    async fn(state14) {
+    async fn(state15) {
       var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
         platform,
         elements
-      } = state14;
+      } = state15;
       const {
         apply = () => {},
         ...detectOverflowOptions
-      } = evaluate(options, state14);
-      const overflow = await platform.detectOverflow(state14, detectOverflowOptions);
+      } = evaluate(options, state15);
+      const overflow = await platform.detectOverflow(state15, detectOverflowOptions);
       const side = getSide(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === "y";
@@ -1121,13 +1121,13 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
       const maximumClippingWidth = width - overflow.left - overflow.right;
       const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
       const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
-      const noShift = !state14.middlewareData.shift;
+      const noShift = !state15.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state14.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+      if ((_state$middlewareData = state15.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
         availableWidth = maximumClippingWidth;
       }
-      if ((_state$middlewareData2 = state14.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+      if ((_state$middlewareData2 = state15.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
         availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -1142,7 +1142,7 @@ var MAX_RESET_COUNT = 50, computePosition = async (reference, floating, config)
         }
       }
       await apply({
-        ...state14,
+        ...state15,
         availableWidth,
         availableHeight
       });
@@ -2375,7 +2375,7 @@ import * as $100 from "svelte/internal/client";
 // src/components/chat/container/chat.svelte
 import"svelte/internal/disclose-version";
 import * as $99 from "svelte/internal/client";
-import { tick as tick4, untrack as untrack5 } from "svelte";
+import { tick as tick4, untrack as untrack6 } from "svelte";
 
 // src/components/chat/utilities/conversation.ts
 function getMessages(conversation, options) {
@@ -5904,17 +5904,21 @@ import * as $45 from "svelte/internal/client";
 import { createContext } from "svelte";
 
 // src/utilities/document-order.ts
+var DOCUMENT_POSITION_PRECEDING = 2;
+var DOCUMENT_POSITION_FOLLOWING = 4;
 function inDocumentOrder(items) {
-  return items.toSorted((a, b) => {
+  const sortedItems = [...items];
+  sortedItems.sort((a, b) => {
     if (a.node === b.node)
       return 0;
     const position = a.node.compareDocumentPosition(b.node);
-    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
+    if (position & DOCUMENT_POSITION_FOLLOWING)
       return -1;
-    if (position & Node.DOCUMENT_POSITION_PRECEDING)
+    if (position & DOCUMENT_POSITION_PRECEDING)
       return 1;
     return 0;
   });
+  return sortedItems;
 }
 
 // src/utilities/roving-tabindex.ts
@@ -6213,7 +6217,11 @@ function Segment($$anchor, $$props) {
 // src/components/segmented-control/segmented-control.svelte
 import"svelte/internal/disclose-version";
 import * as $47 from "svelte/internal/client";
-var root21 = $47.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div></div>`);
+import { untrack as untrack3 } from "svelte";
+import { SvelteSet } from "svelte/reactivity";
+var root_212 = $47.from_html(`<input type="hidden"/>`);
+var root_112 = $47.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root21 = $47.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
 function Segmented_control($$anchor, $$props) {
   $47.push($$props, true);
   let value = $47.prop($$props, "value", 15), hideLabel = $47.prop($$props, "hideLabel", 3, false), disabled = $47.prop($$props, "disabled", 3, false), size = $47.prop($$props, "size", 3, "md"), orientation = $47.prop($$props, "orientation", 3, "horizontal"), detached = $47.prop($$props, "detached", 3, false), fullWidth = $47.prop($$props, "fullWidth", 3, false), variant = $47.prop($$props, "variant", 3, "radiogroup"), selectionMode = $47.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $47.prop($$props, "disallowEmptySelection", 3, true), rest = $47.rest_props($$props, [
@@ -6223,6 +6231,7 @@ function Segmented_control($$anchor, $$props) {
     "id",
     "value",
     "label",
+    "name",
     "hideLabel",
     "disabled",
     "size",
@@ -6237,6 +6246,10 @@ function Segmented_control($$anchor, $$props) {
     "onchange",
     "children"
   ]);
+  let resetInputElement = $47.state(null);
+  let resetSyncTimeout;
+  const initialSingleValue = untrack3(() => typeof value() === "string" ? value() : undefined);
+  const initialMultipleValues = untrack3(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
   const controller = new SegmentedControlController({
     selectionMode: () => selectionMode(),
     variant: () => variant(),
@@ -6267,6 +6280,35 @@ function Segmented_control($$anchor, $$props) {
   setSegmentedControlContext(contextValue);
   const groupRole = $47.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
   const effectiveSize = $47.derived(() => $$props.density === "toolbar" ? "sm" : size());
+  const selectedValues = $47.derived(() => selectionMode() === "multiple" ? value() instanceof SvelteSet ? Array.from(value()) : [] : typeof value() === "string" ? [value()] : []);
+  function resetToInitialValue(event2) {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if (event2.defaultPrevented)
+        return;
+      if (selectionMode() === "multiple") {
+        value(initialMultipleValues === undefined ? undefined : new SvelteSet(initialMultipleValues));
+        return;
+      }
+      value(initialSingleValue);
+    }, 0);
+  }
+  $47.user_effect(() => {
+    const input = $47.get(resetInputElement);
+    if (input === null)
+      return;
+    const form = input.form;
+    form?.addEventListener("reset", resetToInitialValue);
+    return () => {
+      form?.removeEventListener("reset", resetToInitialValue);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
   var div = root21();
   var span = $47.child(div);
   var text6 = $47.child(span, true);
@@ -6293,6 +6335,30 @@ function Segmented_control($$anchor, $$props) {
   var node = $47.child(div_1);
   $47.snippet(node, () => $$props.children);
   $47.reset(div_1);
+  var node_1 = $47.sibling(div_1, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment = root_112();
+      var input_1 = $47.first_child(fragment);
+      $47.bind_this(input_1, ($$value) => $47.set(resetInputElement, $$value), () => $47.get(resetInputElement));
+      var node_2 = $47.sibling(input_1, 2);
+      $47.each(node_2, 16, () => $47.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
+        var input_2 = root_212();
+        $47.remove_input_defaults(input_2);
+        $47.template_effect(() => {
+          $47.set_attribute(input_2, "name", $$props.name);
+          $47.set_value(input_2, selectedValue);
+          input_2.disabled = disabled();
+        });
+        $47.append($$anchor3, input_2);
+      });
+      $47.append($$anchor2, fragment);
+    };
+    $47.if(node_1, ($$render) => {
+      if ($$props.name)
+        $$render(consequent);
+    });
+  }
   $47.reset(div);
   $47.template_effect(($0) => {
     $47.set_attribute(span, "id", `${$$props.id}-label`);
@@ -6308,7 +6374,7 @@ function Segmented_control($$anchor, $$props) {
 // src/components/markdown-editor/editor-skeleton.svelte
 import"svelte/internal/disclose-version";
 import * as $48 from "svelte/internal/client";
-var root_112 = $48.from_html(`<div class="skeleton-line svelte-1h3fabh"></div>`);
+var root_113 = $48.from_html(`<div class="skeleton-line svelte-1h3fabh"></div>`);
 var root22 = $48.from_html(`<div><span class="sr-only svelte-1h3fabh">Loading editor...</span> <div class="skeleton-content svelte-1h3fabh"></div></div>`);
 function Editor_skeleton($$anchor, $$props) {
   $48.push($$props, true);
@@ -6332,7 +6398,7 @@ function Editor_skeleton($$anchor, $$props) {
   ], undefined, undefined, "svelte-1h3fabh");
   var div_1 = $48.sibling($48.child(div), 2);
   $48.each(div_1, 21, () => $48.get(lineWidths), $48.index, ($$anchor2, width) => {
-    var div_2 = root_112();
+    var div_2 = root_113();
     let styles;
     $48.template_effect(() => styles = $48.set_style(div_2, "", styles, { "--skeleton-line-width": `${$48.get(width) ?? ""}%` }));
     $48.append($$anchor2, div_2);
@@ -6741,7 +6807,7 @@ import {
 // src/components/toolbar/toolbar.svelte
 import"svelte/internal/disclose-version";
 import * as $64 from "svelte/internal/client";
-import { untrack as untrack3 } from "svelte";
+import { untrack as untrack4 } from "svelte";
 import { on } from "svelte/events";
 
 // src/utilities/use-mutation-observer.svelte.ts
@@ -7100,7 +7166,7 @@ function Toolbar($$anchor, $$props) {
   }
   function toolbarSetup(node) {
     rootElement = node;
-    syncToolbarItems(untrack3(() => $64.get(activeItem)));
+    syncToolbarItems(untrack4(() => $64.get(activeItem)));
     const cleanupKeyboardListener = on(node, "keydown", handleToolbarKeyDown, { capture: true });
     const cleanupFocusInListener = on(node, "focusin", handleToolbarFocusIn);
     const detachMutationObserver = useMutationObserver(() => {
@@ -7353,23 +7419,42 @@ function Tooltip($$anchor, $$props) {
   ].join(", ");
   let visible = $66.state(false);
   let showTimer;
-  let hasPendingShow = $66.state(false);
+  let releasePendingEscapeListener;
   let wrapperElement = $66.state(undefined);
   let tooltipElement = $66.state(undefined);
   let anchorElement = $66.state(null);
-  function show() {
+  function releasePendingEscape() {
+    releasePendingEscapeListener?.();
+    releasePendingEscapeListener = undefined;
+  }
+  function clearPendingShow() {
     clearTimeout(showTimer);
-    $66.set(hasPendingShow, true);
+    showTimer = undefined;
+    releasePendingEscape();
+  }
+  function handlePendingEscapeKeydown(event3) {
+    if (event3.key !== "Escape")
+      return;
+    clearPendingShow();
+  }
+  function registerPendingEscape() {
+    releasePendingEscape();
+    document.addEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    releasePendingEscapeListener = () => {
+      document.removeEventListener("keydown", handlePendingEscapeKeydown, { capture: true });
+    };
+  }
+  function show() {
+    clearPendingShow();
+    registerPendingEscape();
     showTimer = setTimeout(() => {
       showTimer = undefined;
-      $66.set(hasPendingShow, false);
+      releasePendingEscape();
       $66.set(visible, true);
     }, 100);
   }
   function hide3() {
-    clearTimeout(showTimer);
-    showTimer = undefined;
-    $66.set(hasPendingShow, false);
+    clearPendingShow();
     $66.set(visible, false);
   }
   function handleMouseEnter() {
@@ -7384,10 +7469,9 @@ function Tooltip($$anchor, $$props) {
   function handleFocusOut() {
     hide3();
   }
-  function handleKeydown(event3) {
-    if (event3.key === "Escape") {
-      hide3();
-    }
+  function handleEscape(event3 = undefined) {
+    hide3();
+    event3?.preventDefault();
   }
   function isFocusableCandidate2(element2) {
     if (element2.matches(":disabled"))
@@ -7448,13 +7532,15 @@ function Tooltip($$anchor, $$props) {
   });
   const isTooltipExposed = $66.derived(() => $66.get(visible) && anchoredOverlay.positionReady);
   $66.user_effect(() => {
-    if (!$66.get(visible) && !$66.get(hasPendingShow))
-      return;
-    document.addEventListener("keydown", handleKeydown);
     return () => {
-      document.removeEventListener("keydown", handleKeydown);
+      clearPendingShow();
     };
   });
+  $66.user_effect(() => {
+    if (!$66.get(visible))
+      return;
+    return pushEscapeHandler(handleEscape);
+  });
   var span = root24();
   var node = $66.child(span);
   $66.snippet(node, () => $$props.children);
@@ -7487,7 +7573,7 @@ function Tooltip($$anchor, $$props) {
 $66.delegate(["focusin", "focusout"]);
 
 // src/components/markdown-editor/editor-toolbar/toolbar-button.svelte
-var root_113 = $67.from_html(`<button><!></button>`);
+var root_114 = $67.from_html(`<button><!></button>`);
 function Toolbar_button($$anchor, $$props) {
   $67.push($$props, true);
   let toggle = $67.prop($$props, "toggle", 3, false), pressed = $67.prop($$props, "pressed", 3, false), disabled = $67.prop($$props, "disabled", 3, false), rest = $67.rest_props($$props, [
@@ -7510,7 +7596,7 @@ function Toolbar_button($$anchor, $$props) {
     },
     placement: "bottom",
     children: ($$anchor2, $$slotProps) => {
-      var button = root_113();
+      var button = root_114();
       $67.attribute_effect(button, ($0) => ({
         type: "button",
         class: $0,
@@ -7574,7 +7660,7 @@ var getDropdownSetOpen = getDropdownSetOpenStrict;
 // src/components/dropdown/dropdown.svelte
 var root_35 = $69.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
 var root_54 = $69.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
-var root_114 = $69.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
+var root_115 = $69.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
 var root26 = $69.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $69.props_id();
@@ -7708,7 +7794,7 @@ function Dropdown($$anchor, $$props) {
   var node = $69.child(div);
   {
     var consequent_5 = ($$anchor2) => {
-      var fragment = root_114();
+      var fragment = root_115();
       var div_1 = $69.first_child(fragment);
       var node_1 = $69.child(div_1);
       {
@@ -7808,7 +7894,7 @@ $69.delegate(["click"]);
 // src/components/dropdown-trigger/dropdown-trigger.svelte
 import"svelte/internal/disclose-version";
 import * as $70 from "svelte/internal/client";
-var root_212 = $70.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
+var root_213 = $70.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
 var root27 = $70.from_html(`<button><!> <!></button>`);
 function Dropdown_trigger($$anchor, $$props) {
   $70.push($$props, true);
@@ -7864,7 +7950,7 @@ function Dropdown_trigger($$anchor, $$props) {
   var node_3 = $70.sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var svg = root_212();
+      var svg = root_213();
       $70.append($$anchor2, svg);
     };
     $70.if(node_3, ($$render) => {
@@ -8075,8 +8161,52 @@ function observeTextDirection(element2, onChange) {
   return () => observer.disconnect();
 }
 
+// src/utilities/typeahead.ts
+function isTypeaheadKey(event4) {
+  return event4.key.length === 1 && event4.key !== " " && !event4.ctrlKey && !event4.metaKey && !event4.altKey && !event4.isComposing;
+}
+function findTypeaheadMatch(candidates, prefix, currentIndex) {
+  if (candidates.length === 0)
+    return;
+  const normalizedPrefix = prefix.toLocaleLowerCase();
+  const startIndex = currentIndex < 0 ? -1 : currentIndex;
+  for (let offset3 = 1;offset3 <= candidates.length; offset3 += 1) {
+    const index3 = (startIndex + offset3) % candidates.length;
+    const candidate = candidates[index3];
+    if (!candidate || candidate.disabled)
+      continue;
+    if (candidate.label.toLocaleLowerCase().startsWith(normalizedPrefix)) {
+      return candidate.value;
+    }
+  }
+  return;
+}
+
+class TypeaheadBuffer {
+  #value = "";
+  #timer = null;
+  push(character) {
+    this.clearTimer();
+    this.#value += character.toLocaleLowerCase();
+    this.#timer = setTimeout(() => {
+      this.reset();
+    }, 500);
+    return this.#value;
+  }
+  reset() {
+    this.clearTimer();
+    this.#value = "";
+  }
+  clearTimer() {
+    if (this.#timer === null)
+      return;
+    clearTimeout(this.#timer);
+    this.#timer = null;
+  }
+}
+
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_115 = $71.from_html(`<div><!></div>`);
+var root_116 = $71.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $71.push($$props, true);
   let rest = $71.rest_props($$props, [
@@ -8102,6 +8232,7 @@ function Dropdown_menu($$anchor, $$props) {
   const fallbackAnchorElement = $71.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
   let menuElement = $71.state(null);
   let focusedFallbackOpen = false;
+  const typeaheadBuffer = new TypeaheadBuffer;
   const anchoredFallback = createAnchoredOverlay({
     open: () => context.isOpen && !context.supportsPopover && Boolean($71.get(fallbackAnchorElement)),
     anchor: () => $71.get(fallbackAnchorElement),
@@ -8122,6 +8253,13 @@ function Dropdown_menu($$anchor, $$props) {
     registerMenu($71.get(menuElement));
     return () => registerMenu(null);
   });
+  $71.user_effect(() => {
+    return () => typeaheadBuffer.reset();
+  });
+  $71.user_effect(() => {
+    if (!context.isOpen)
+      typeaheadBuffer.reset();
+  });
   $71.user_effect(() => {
     if ($$props.dir && $$props.dir !== "auto")
       return;
@@ -8144,7 +8282,11 @@ function Dropdown_menu($$anchor, $$props) {
   function getOwnedMenuItems() {
     if (!$71.get(menuElement))
       return [];
-    return Array.from($71.get(menuElement).querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === $71.get(menuElement));
+    return Array.from($71.get(menuElement).querySelectorAll([
+      '[role="menuitem"]:not([data-disabled])',
+      '[role="menuitemcheckbox"]:not([data-disabled])',
+      '[role="menuitemradio"]:not([data-disabled])'
+    ].join(", "))).filter((item) => item.closest('[role="menu"]') === $71.get(menuElement));
   }
   function focusMenuItem(index3) {
     const items = getOwnedMenuItems();
@@ -8187,6 +8329,16 @@ function Dropdown_menu($$anchor, $$props) {
       event4.preventDefault();
       event4.stopPropagation();
       focusMenuItem(itemsArray.length - 1);
+    } else if (isTypeaheadKey(event4)) {
+      event4.preventDefault();
+      event4.stopPropagation();
+      const match = findTypeaheadMatch(itemsArray.map((item, index3) => ({
+        value: index3,
+        label: item.textContent?.trim() ?? "",
+        disabled: item.hasAttribute("data-disabled")
+      })), typeaheadBuffer.push(event4.key), currentIndex);
+      if (match !== undefined)
+        focusMenuItem(match);
     }
   }
   function handleToggle(event4) {
@@ -8202,7 +8354,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $71.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_115();
+      var div = root_116();
       $71.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -8251,7 +8403,7 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-item/dropdown-item.svelte
 import"svelte/internal/disclose-version";
 import * as $72 from "svelte/internal/client";
-var root_116 = $72.from_html(`<a><!></a>`);
+var root_117 = $72.from_html(`<a><!></a>`);
 var root_36 = $72.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $72.push($$props, true);
@@ -8306,12 +8458,12 @@ function Dropdown_item($$anchor, $$props) {
   const anchorAttributes = $72.derived(() => rest);
   const buttonAttributes = $72.derived(() => rest);
   const buttonType = $72.derived(() => $$props.type ?? "button");
-  const ariaChecked = $72.derived(() => itemRole() === "menuitemradio" ? checked() : undefined);
+  const ariaChecked = $72.derived(() => itemRole() === "menuitemcheckbox" || itemRole() === "menuitemradio" ? checked() : undefined);
   var fragment = $72.comment();
   var node = $72.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_116();
+      var a = root_117();
       $72.attribute_effect(a, () => ({
         ...$72.get(anchorAttributes),
         href: $$props.href,
@@ -8384,9 +8536,9 @@ function Dropdown_item($$anchor, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte
-var root_213 = $73.from_html(`<!> <span class="toolbar-dropdown-label svelte-1v28aut"> </span>`, 1);
+var root_214 = $73.from_html(`<!> <span class="toolbar-dropdown-label svelte-1v28aut"> </span>`, 1);
 var root_65 = $73.from_html(`<!> <span class="dropdown-item-label svelte-1v28aut"> </span> <!>`, 1);
-var root_117 = $73.from_html(`<!> <!>`, 1);
+var root_118 = $73.from_html(`<!> <!>`, 1);
 function Toolbar_dropdown($$anchor, $$props) {
   $73.push($$props, true);
   let disabled = $73.prop($$props, "disabled", 3, false);
@@ -8399,7 +8551,7 @@ function Toolbar_dropdown($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_117();
+      var fragment_1 = root_118();
       var node = $73.first_child(fragment_1);
       {
         let $0 = $73.derived(() => classNames("toolbar-dropdown-trigger", $$props.class));
@@ -8415,7 +8567,7 @@ function Toolbar_dropdown($$anchor, $$props) {
             return $73.get($1);
           },
           children: ($$anchor3, $$slotProps2) => {
-            var fragment_2 = root_213();
+            var fragment_2 = root_214();
             var node_1 = $73.first_child(fragment_2);
             {
               var consequent = ($$anchor4) => {
@@ -8496,8 +8648,8 @@ function Toolbar_dropdown($$anchor, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
-var root_214 = $74.from_html(`<div class="toolbar-spacer svelte-1m9m099"></div> <!>`, 1);
-var root_118 = $74.from_html(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting"><!> <!> <!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations"><!></div> <!>`, 1);
+var root_215 = $74.from_html(`<div class="toolbar-spacer svelte-1m9m099"></div> <!>`, 1);
+var root_119 = $74.from_html(`<div class="toolbar-group svelte-1m9m099" role="group" aria-label="History"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block type"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Text formatting"><!> <!> <!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Links"><!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Lists"><!> <!></div> <!> <div class="toolbar-group svelte-1m9m099" role="group" aria-label="Block operations"><!></div> <!>`, 1);
 function Editor_toolbar($$anchor, $$props) {
   $74.push($$props, true);
   let canUndo = $74.prop($$props, "canUndo", 3, false), canRedo = $74.prop($$props, "canRedo", 3, false), disabled = $74.prop($$props, "disabled", 3, false), linkPopoverOpen = $74.prop($$props, "linkPopoverOpen", 3, false), rest = $74.rest_props($$props, [
@@ -8618,7 +8770,7 @@ function Editor_toolbar($$anchor, $$props) {
       }
     }, () => rest, {
       children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_118();
+        var fragment_1 = root_119();
         var div = $74.first_child(fragment_1);
         var node = $74.child(div);
         {
@@ -8880,7 +9032,7 @@ function Editor_toolbar($$anchor, $$props) {
         var node_16 = $74.sibling(div_5, 2);
         {
           var consequent = ($$anchor3) => {
-            var fragment_2 = root_214();
+            var fragment_2 = root_215();
             var node_17 = $74.sibling($74.first_child(fragment_2), 2);
             $74.snippet(node_17, () => $$props.actions);
             $74.append($$anchor3, fragment_2);
@@ -8961,11 +9113,11 @@ function commitValue(proposed, onValueChange, setValue) {
 
 // src/components/input/input.svelte
 var calendarIcon = ($$anchor) => {
-  var svg = root_119();
+  var svg = root_120();
   $75.append($$anchor, svg);
 };
-var root_119 = $75.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
-var root_215 = $75.from_html(`<input/>`);
+var root_120 = $75.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
+var root_216 = $75.from_html(`<input/>`);
 var root_46 = $75.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_37 = $75.from_html(`<label class="cinder-input-field__label"> <!></label>`);
 var root_66 = $75.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
@@ -8978,7 +9130,7 @@ var root28 = $75.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div
 function Input($$anchor, $$props) {
   $75.push($$props, true);
   const inputElement = ($$anchor2) => {
-    var input = root_215();
+    var input = root_216();
     $75.attribute_effect(input, ($0) => ({
       id: $$props.id,
       type: type(),
@@ -9773,8 +9925,8 @@ function Markdown_editor($$anchor, $$props) {
     getPlugins: () => plugins(),
     getPlaceholderCompletion: () => $$props.placeholderCompletion,
     getPlaceholderDecoration: () => $$props.placeholderDecoration,
-    onready: (state21) => {
-      $78.set(editorState, state21, true);
+    onready: (state22) => {
+      $78.set(editorState, state22, true);
       $78.set(isInitializing, false);
       $$props.onready?.();
     },
@@ -10184,9 +10336,9 @@ function Markdown_editor($$anchor, $$props) {
 $78.delegate(["input"]);
 
 // src/components/chat/input/chat-input.svelte
-var root_120 = $79.from_html(`<input type="hidden"/>`);
+var root_121 = $79.from_html(`<input type="hidden"/>`);
 var root_310 = $79.from_html(`<div class="chat-input-attachment-wrapper svelte-1tzweuh" role="listitem"><!> <button type="button" class="chat-input-attachment-remove svelte-1tzweuh"><!></button></div>`);
-var root_216 = $79.from_html(`<div class="chat-input-attachments svelte-1tzweuh" role="list" aria-label="Attached files"></div>`);
+var root_217 = $79.from_html(`<div class="chat-input-attachments svelte-1tzweuh" role="list" aria-label="Attached files"></div>`);
 var root_48 = $79.from_html(`<input type="file" multiple="" class="sr-only svelte-1tzweuh" aria-label="Attach files"/> <!>`, 1);
 var root_84 = $79.from_html(`<span class="chat-input-hint svelte-1tzweuh" aria-hidden="true"><kbd class="svelte-1tzweuh">Enter</kbd> to send, <kbd class="svelte-1tzweuh">Shift</kbd>+<kbd class="svelte-1tzweuh">Enter</kbd> for newline</span>`);
 var root_106 = $79.from_html(`<button type="button" class="chat-input-send svelte-1tzweuh" data-stop="" aria-label="Stop generating"><!></button>`);
@@ -10443,7 +10595,7 @@ function Chat_input($$anchor, $$props) {
   var node = $79.child(form);
   {
     var consequent = ($$anchor2) => {
-      var input_1 = root_120();
+      var input_1 = root_121();
       $79.remove_input_defaults(input_1);
       $79.template_effect(() => {
         $79.set_attribute(input_1, "name", name());
@@ -10459,7 +10611,7 @@ function Chat_input($$anchor, $$props) {
   var node_1 = $79.sibling(node, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_216();
+      var div = root_217();
       $79.each(div, 21, () => $79.get(attachments), (attachment) => attachment.id, ($$anchor3, attachment) => {
         var div_1 = root_310();
         var node_2 = $79.child(div_1);
@@ -10686,13 +10838,13 @@ var DEFAULT_SCROLL_CONFIGURATION = {
   bottomThreshold: 150,
   jumpThreshold: 200
 };
-function isAtBottom(state22, threshold) {
-  const distanceFromBottom = state22.scrollHeight - state22.scrollTop - state22.clientHeight;
-  return distanceFromBottom <= threshold || state22.scrollHeight <= state22.clientHeight;
+function isAtBottom(state23, threshold) {
+  const distanceFromBottom = state23.scrollHeight - state23.scrollTop - state23.clientHeight;
+  return distanceFromBottom <= threshold || state23.scrollHeight <= state23.clientHeight;
 }
-function shouldShowJumpToLatest(state22, threshold) {
-  const distanceFromBottom = state22.scrollHeight - state22.scrollTop - state22.clientHeight;
-  if (state22.scrollHeight <= state22.clientHeight) {
+function shouldShowJumpToLatest(state23, threshold) {
+  const distanceFromBottom = state23.scrollHeight - state23.scrollTop - state23.clientHeight;
+  if (state23.scrollHeight <= state23.clientHeight) {
     return false;
   }
   return distanceFromBottom > threshold;
@@ -10734,8 +10886,8 @@ function findUnreadBoundaryIndex(messages, lastReadTimestamp) {
     return timestamp != null && timestamp > lastReadTimestamp;
   });
 }
-function calculateScrollToBottom(state22) {
-  return Math.max(0, state22.scrollHeight - state22.clientHeight);
+function calculateScrollToBottom(state23) {
+  return Math.max(0, state23.scrollHeight - state23.clientHeight);
 }
 function formatUnreadCount(count) {
   if (count <= 0)
@@ -10781,13 +10933,13 @@ function useChatScrollState(options) {
           return;
         scrollTicking = true;
         requestAnimationFrame(() => {
-          const state23 = {
+          const state24 = {
             scrollTop: element2.scrollTop,
             scrollHeight: element2.scrollHeight,
             clientHeight: element2.clientHeight
           };
-          const scrolledToBottom = isAtBottom(state23, getBottomThreshold?.() ?? bottomThreshold);
-          const shouldShowJump = shouldShowJumpToLatest(state23, getJumpThreshold?.() ?? jumpThreshold);
+          const scrolledToBottom = isAtBottom(state24, getBottomThreshold?.() ?? bottomThreshold);
+          const shouldShowJump = shouldShowJumpToLatest(state24, getJumpThreshold?.() ?? jumpThreshold);
           $80.set(atBottom, scrolledToBottom, true);
           $80.set(showJumpButton, shouldShowJump, true);
           if (scrolledToBottom) {
@@ -10795,8 +10947,8 @@ function useChatScrollState(options) {
           }
           onScrollStateChange?.({
             atBottom: scrolledToBottom,
-            scrollTop: state23.scrollTop,
-            scrollHeight: state23.scrollHeight
+            scrollTop: state24.scrollTop,
+            scrollHeight: state24.scrollHeight
           });
           scrollTicking = false;
         });
@@ -10874,7 +11026,7 @@ function useChatScrollState(options) {
 
 // src/components/chat/container/use-chat-unread-state.svelte.ts
 import * as $81 from "svelte/internal/client";
-import { untrack as untrack4 } from "svelte";
+import { untrack as untrack5 } from "svelte";
 function useChatUnreadState(options) {
   const { announcerDebounceMs = 300, onUnreadIndicatorChange } = options ?? {};
   let unreadCount = $81.state(0);
@@ -10913,7 +11065,7 @@ function useChatUnreadState(options) {
     const currentLastMessageId = messages.at(-1)?.id ?? null;
     const wasAppended = currentCount > prevCount && prevCount > 0 && currentLastMessageId !== null && currentLastMessageId !== previousLastMessageId;
     if (wasAppended) {
-      const atBottom = untrack4(getAtBottom);
+      const atBottom = untrack5(getAtBottom);
       if (!atBottom) {
         const newMessageCount = currentCount - prevCount;
         $81.set(unreadCount, $81.get(unreadCount) + newMessageCount);
@@ -11163,8 +11315,8 @@ function useIntersection(onIntersect, options = {}) {
 // src/components/chat/container/chat-jump-controls.svelte
 import"svelte/internal/disclose-version";
 import * as $85 from "svelte/internal/client";
-var root_217 = $85.from_html(`<span class="chat-jump-badge svelte-1ornxh"> </span>`);
-var root_121 = $85.from_html(`<button type="button" class="chat-jump-button svelte-1ornxh"><!> <!></button>`);
+var root_218 = $85.from_html(`<span class="chat-jump-badge svelte-1ornxh"> </span>`);
+var root_126 = $85.from_html(`<button type="button" class="chat-jump-button svelte-1ornxh"><!> <!></button>`);
 var root_311 = $85.from_html(`<button type="button" class="chat-new-indicator svelte-1ornxh"><!> <span aria-hidden="true"> </span></button>`);
 var root32 = $85.from_html(`<!> <!>`, 1);
 function Chat_jump_controls($$anchor, $$props) {
@@ -11176,13 +11328,13 @@ function Chat_jump_controls($$anchor, $$props) {
   var node = $85.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var button = root_121();
+      var button = root_126();
       var node_1 = $85.child(button);
       Chevron_down(node_1, { class: "icon-sm" });
       var node_2 = $85.sibling(node_1, 2);
       {
         var consequent = ($$anchor3) => {
-          var span = root_217();
+          var span = root_218();
           var text9 = $85.child(span, true);
           $85.reset(span);
           $85.template_effect(() => {
@@ -11236,7 +11388,7 @@ $85.delegate(["click"]);
 // src/components/chat/container/chat-history-trigger.svelte
 import"svelte/internal/disclose-version";
 import * as $86 from "svelte/internal/client";
-var root_126 = $86.from_html(`<span class="sr-only svelte-y4b3t5" role="status"> </span>`);
+var root_128 = $86.from_html(`<span class="sr-only svelte-y4b3t5" role="status"> </span>`);
 var root33 = $86.from_html(`<div class="chat-history-trigger svelte-y4b3t5" data-cinder-history-trigger=""><button type="button" class="chat-history-trigger-button svelte-y4b3t5"> </button> <!></div>`);
 function Chat_history_trigger($$anchor, $$props) {
   $86.push($$props, true);
@@ -11262,7 +11414,7 @@ function Chat_history_trigger($$anchor, $$props) {
   var node_1 = $86.sibling(button, 2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_126();
+      var span = root_128();
       var text_1 = $86.child(span, true);
       $86.reset(span);
       $86.template_effect(() => $86.set_text(text_1, loadingLabel()));
@@ -11357,7 +11509,7 @@ function Search($$anchor, $$props) {
   }));
 }
 // src/components/chat/container/chat-search-bar.svelte
-var root_128 = $90.from_html(`<span class="chat-search-match-count svelte-13rzt40" aria-live="polite" aria-atomic="true"> </span>`);
+var root_129 = $90.from_html(`<span class="chat-search-match-count svelte-13rzt40" aria-live="polite" aria-atomic="true"> </span>`);
 var root35 = $90.from_html(`<div class="chat-search-bar svelte-13rzt40" role="search" aria-label="Search messages"><span class="chat-search-icon svelte-13rzt40" aria-hidden="true"><!></span> <input type="search" class="chat-search-input svelte-13rzt40" placeholder="Search messages…" autocomplete="off" aria-label="Search messages"/> <!> <div class="chat-search-navigation svelte-13rzt40" role="group" aria-label="Navigate search results"><button type="button" class="chat-search-nav-button svelte-13rzt40" aria-label="Previous match" title="Previous match (Shift+Enter)"><!></button> <button type="button" class="chat-search-nav-button svelte-13rzt40" aria-label="Next match" title="Next match (Enter)"><!></button></div> <button type="button" class="chat-search-close svelte-13rzt40" aria-label="Close search" title="Close search (Escape)"><!></button></div>`);
 function Chat_search_bar($$anchor, $$props) {
   $90.push($$props, true);
@@ -11407,7 +11559,7 @@ function Chat_search_bar($$anchor, $$props) {
   var node_1 = $90.sibling(input, 2);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_128();
+      var span_1 = root_129();
       var text9 = $90.child(span_1, true);
       $90.reset(span_1);
       $90.template_effect(() => {
@@ -11917,7 +12069,7 @@ function useChatReadReceipts(options) {
 // src/components/chat/container/chat-participant-typing.svelte
 import"svelte/internal/disclose-version";
 import * as $96 from "svelte/internal/client";
-var root_129 = $96.from_html(`<div class="chat-participant-typing-indicator svelte-1i35kwx"><span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-participant-typing-label svelte-1i35kwx"> </span></div>`);
+var root_130 = $96.from_html(`<div class="chat-participant-typing-indicator svelte-1i35kwx"><span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-participant-typing-label svelte-1i35kwx"> </span></div>`);
 var root36 = $96.from_html(`<div class="chat-participant-typing svelte-1i35kwx" aria-hidden="true"><!></div>`);
 function Chat_participant_typing($$anchor, $$props) {
   const isActive = $96.derived(() => $$props.participantCount > 0);
@@ -11925,7 +12077,7 @@ function Chat_participant_typing($$anchor, $$props) {
   var node = $96.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_129();
+      var div_1 = root_130();
       var span = $96.sibling($96.child(div_1), 6);
       var text9 = $96.child(span, true);
       $96.reset(span);
@@ -12023,9 +12175,9 @@ function Chat_read_receipt($$anchor, $$props) {
 }
 
 // src/components/chat/container/chat.svelte
-var root_218 = $99.from_html(`<span class="chat-typing-status svelte-932akd"> </span>`);
+var root_219 = $99.from_html(`<span class="chat-typing-status svelte-932akd"> </span>`);
 var root_312 = $99.from_html(`<span class="chat-typing-dot svelte-932akd" aria-hidden="true"></span> <span class="chat-typing-dot svelte-932akd" aria-hidden="true"></span> <span class="chat-typing-dot svelte-932akd" aria-hidden="true"></span>`, 1);
-var root_130 = $99.from_html(`<div class="chat-typing-indicator svelte-932akd" role="status"><!></div>`);
+var root_131 = $99.from_html(`<div class="chat-typing-indicator svelte-932akd" role="status"><!></div>`);
 var root_152 = $99.from_html(`<div class="chat-unread-divider svelte-932akd" role="separator" aria-label="New messages below"><span class="chat-unread-divider-line svelte-932akd" aria-hidden="true"></span> <span class="chat-unread-divider-label svelte-932akd">New</span> <span class="chat-unread-divider-line svelte-932akd" aria-hidden="true"></span></div>`);
 var root_182 = $99.from_html(`<div class="chat-drop-overlay svelte-932akd" aria-hidden="true"><span class="chat-drop-label svelte-932akd">Drop files here</span></div>`);
 var root_192 = $99.from_html(`<div class="chat-header svelte-932akd"><!></div>`);
@@ -12323,10 +12475,10 @@ function Chat($$anchor, $$props) {
     const isTranscriptAppend = currentCount > previousAutoScrollMessageCount;
     previousAutoScrollMessageCount = currentCount;
     const currentScrollExtent = $99.get(isVirtualized) ? chatVirtualizer.scrollSize : $99.get(viewport).scrollHeight;
-    const atBottom2 = untrack5(() => scrollState.atBottom);
+    const atBottom2 = untrack6(() => scrollState.atBottom);
     if (scrollState.isUserScrolling)
       return;
-    const hasActiveHistoryAnchor = untrack5(() => $99.get(pendingHistoryScroll) !== null || $99.get(historyAnchorMessageId) !== null);
+    const hasActiveHistoryAnchor = untrack6(() => $99.get(pendingHistoryScroll) !== null || $99.get(historyAnchorMessageId) !== null);
     if (hasActiveHistoryAnchor)
       return;
     if (atBottom2 && currentCount > 0) {
@@ -12471,14 +12623,14 @@ function Chat($$anchor, $$props) {
       return;
     const currentConversationId = $99.get(conversationId);
     const handlers = {
-      onMessage: (message) => untrack5(() => $$props.onpushmessage)?.(message),
+      onMessage: (message) => untrack6(() => $$props.onpushmessage)?.(message),
       onTypingChange: (isTyping) => {
         typingIndicatorState.handleAdapterTypingChange(isTyping);
-        untrack5(() => $$props.ontypingchange)?.(isTyping);
+        untrack6(() => $$props.ontypingchange)?.(isTyping);
       },
       onReadReceipt: (event4) => {
         readReceiptsState.handleAdapterReadReceipt(event4);
-        untrack5(() => $$props.onreadreceipt)?.(event4);
+        untrack6(() => $$props.onreadreceipt)?.(event4);
       },
       onStreamBegin: (messageId) => beginStreaming(messageId),
       onTokenPush: (token) => pushToken(token),
@@ -12679,8 +12831,8 @@ function Chat($$anchor, $$props) {
   function handleDeny(toolCallId) {
     resolveToolApproval(toolCallId, "denyToolCall", $99.get(canDeny), (id) => $99.set(deniedToolCallIds, new Set([...$99.get(deniedToolCallIds), id]), true), (id) => $99.set(deniedToolCallIds, removeFromSet($99.get(deniedToolCallIds), id), true), (resolvedAdapter) => resolvedAdapter.denyToolCall ? Promise.resolve(resolvedAdapter.denyToolCall(toolCallId)) : undefined, () => $$props.ondeny?.(toolCallId));
   }
-  function removeFromSet(set31, value) {
-    const next6 = new Set(set31);
+  function removeFromSet(set32, value) {
+    const next6 = new Set(set32);
     next6.delete(value);
     return next6;
   }
@@ -12940,11 +13092,11 @@ function Chat($$anchor, $$props) {
   }), [() => classNames("chat-container", $$props.class)], undefined, undefined, "svelte-932akd");
   {
     const renderTypingIndicator = ($$anchor2) => {
-      var div_1 = root_130();
+      var div_1 = root_131();
       var node_1 = $99.child(div_1);
       {
         var consequent = ($$anchor3) => {
-          var span = root_218();
+          var span = root_219();
           var text9 = $99.child(span, true);
           $99.reset(span);
           $99.template_effect(() => $99.set_text(text9, $$props.streamingStatus));
@@ -13571,7 +13723,7 @@ var root_57 = $102.from_html(`<!> <span> </span> <!>`, 1);
 var root_127 = $102.from_html(`<span class="copied-label svelte-ob3hx8">Copied!</span>`);
 var root_93 = $102.from_html(`<!> <span> </span> <!>`, 1);
 var root_49 = $102.from_html(`<!> <!>`, 1);
-var root_219 = $102.from_html(`<!> <!>`, 1);
+var root_220 = $102.from_html(`<!> <!>`, 1);
 var root39 = $102.from_html(`<div><div class="sr-only" aria-live="polite" aria-atomic="true"><!></div> <!></div>`);
 function Conversation_export_actions($$anchor, $$props) {
   $102.push($$props, true);
@@ -13643,7 +13795,7 @@ function Conversation_export_actions($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_219();
+      var fragment_1 = root_220();
       var node_2 = $102.first_child(fragment_1);
       Dropdown_trigger(node_2, {
         class: "export-trigger",
@@ -13794,8 +13946,8 @@ import * as $104 from "svelte/internal/client";
 function wrapSvgInHtml(svg) {
   return `<!DOCTYPE html><html><body style="margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;">${svg}</body></html>`;
 }
-var root_131 = $104.from_html(`<iframe class="artifact-viewer artifact-viewer-html svelte-c4pced" sandbox=""></iframe>`);
-var root_220 = $104.from_html(`<iframe class="artifact-viewer artifact-viewer-svg svelte-c4pced" sandbox=""></iframe>`);
+var root_132 = $104.from_html(`<iframe class="artifact-viewer artifact-viewer-html svelte-c4pced" sandbox=""></iframe>`);
+var root_221 = $104.from_html(`<iframe class="artifact-viewer artifact-viewer-svg svelte-c4pced" sandbox=""></iframe>`);
 var root_313 = $104.from_html(`<div class="artifact-viewer artifact-viewer-code svelte-c4pced"><pre class="artifact-code-block svelte-c4pced"><code class="svelte-c4pced"> </code></pre></div>`);
 var root_410 = $104.from_html(`<div class="artifact-viewer artifact-viewer-mermaid svelte-c4pced"><pre class="artifact-code-block svelte-c4pced" data-language="mermaid"><code class="svelte-c4pced"> </code></pre> <p class="artifact-mermaid-note svelte-c4pced" aria-live="polite">Mermaid diagram source. Install the Mermaid library to render diagrams.</p></div>`);
 function Artifact_viewer($$anchor, $$props) {
@@ -13804,7 +13956,7 @@ function Artifact_viewer($$anchor, $$props) {
   var node = $104.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var iframe = root_131();
+      var iframe = root_132();
       $104.template_effect(() => {
         $104.set_attribute(iframe, "srcdoc", $$props.content);
         $104.set_attribute(iframe, "title", $$props.title ?? "HTML artifact");
@@ -13813,7 +13965,7 @@ function Artifact_viewer($$anchor, $$props) {
       $104.append($$anchor2, iframe);
     };
     var consequent_1 = ($$anchor2) => {
-      var iframe_1 = root_220();
+      var iframe_1 = root_221();
       $104.template_effect(() => {
         $104.set_attribute(iframe_1, "srcdoc", $104.get(svgDocument));
         $104.set_attribute(iframe_1, "title", $$props.title ?? "SVG artifact");
@@ -13943,4 +14095,4 @@ export {
   Artifact_panel as ArtifactPanel
 };
 
-//# debugId=7F959949AD8F316B64756E2164756E21
+//# debugId=99EA5FC9D6207EA464756E2164756E21