@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/server/components/chat/index.js

@@ -342,7 +342,7 @@ import * as $100 from "svelte/internal/server";
 
 // src/components/chat/container/chat.svelte
 import * as $99 from "svelte/internal/server";
-import { onMount, tick as tick3, untrack as untrack4 } from "svelte";
+import { tick as tick4, untrack as untrack4 } from "svelte";
 
 // src/components/chat/utilities/conversation.ts
 function getMessages(conversation, options) {
@@ -612,7 +612,7 @@ function Chat_date_separator($$renderer, $$props) {
   });
 }
 // src/components/chat/message/chat-message.svelte
-import * as $35 from "svelte/internal/server";
+import * as $36 from "svelte/internal/server";
 
 // ../../node_modules/lucide-svelte/dist/icons/pencil.svelte
 import * as $7 from "svelte/internal/server";
@@ -738,7 +738,6 @@ function Rotate_ccw($$renderer, $$props) {
 }
 // src/components/copy-button/copy-button.svelte
 import * as $12 from "svelte/internal/server";
-import { onDestroy } from "svelte";
 
 // ../../node_modules/lucide-svelte/dist/icons/check.svelte
 import * as $9 from "svelte/internal/server";
@@ -876,10 +875,6 @@ function Copy_button($$renderer, $$props) {
         copied = false;
       }, confirmDuration);
     }
-    onDestroy(() => {
-      if (resetTimer)
-        clearTimeout(resetTimer);
-    });
     $$renderer2.push(`<button${$12.attributes({
       ...rest,
       type: "button",
@@ -915,7 +910,7 @@ function Copy_button($$renderer, $$props) {
 }
 
 // src/components/chat/message/chat-message-parts-renderer.svelte
-import * as $34 from "svelte/internal/server";
+import * as $35 from "svelte/internal/server";
 
 // src/components/chat/message/chat-message-parts.ts
 function toRenderUnits(parts) {
@@ -1598,13 +1593,13 @@ function Suggestion_part($$renderer, $$props) {
 }
 
 // src/components/chat/message/parts/image-part.svelte
-import * as $33 from "svelte/internal/server";
+import * as $34 from "svelte/internal/server";
 
 // src/components/chat/message/message-attachments.svelte
-import * as $32 from "svelte/internal/server";
+import * as $33 from "svelte/internal/server";
 
 // src/components/chat/message/image-lightbox.svelte
-import * as $31 from "svelte/internal/server";
+import * as $32 from "svelte/internal/server";
 import { fade } from "svelte/transition";
 
 // ../../node_modules/lucide-svelte/dist/icons/chevron-left.svelte
@@ -1706,6 +1701,10 @@ function captureFocus() {
 }
 
 // src/utilities/attachments.ts
+function isInsideEventPath(event, element2) {
+  const path = event.composedPath();
+  return path.some((entry) => entry instanceof Node && element2.contains(entry));
+}
 function createClickOutside(options) {
   const { handler, enabled = true, eventType = "click", capture = true, ignoreRefs } = options;
   return (node) => {
@@ -1713,17 +1712,19 @@ function createClickOutside(options) {
       const isEnabled = typeof enabled === "function" ? enabled() : enabled;
       if (!isEnabled)
         return;
+      if (event.type === "touchstart" && !event.cancelable)
+        return;
       const target = event.target;
       if (!(target instanceof Node)) {
         handler();
         return;
       }
-      if (node.contains(target))
+      if (isInsideEventPath(event, node))
         return;
       if (ignoreRefs) {
         for (const ref of ignoreRefs) {
           const element2 = ref();
-          if (element2 && element2.contains(target))
+          if (element2 && isInsideEventPath(event, element2))
             return;
         }
       }
@@ -1802,24 +1803,44 @@ function overflowFade() {
   };
 }
 
+// src/utilities/use-reduced-motion.svelte.ts
+import * as $31 from "svelte/internal/server";
+import { MediaQuery } from "svelte/reactivity";
+function useReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return { current: false };
+  }
+  const query = new MediaQuery("(prefers-reduced-motion: reduce)", false);
+  return {
+    get current() {
+      return query.current;
+    }
+  };
+}
+
 // src/components/chat/message/image-lightbox.svelte
 function Image_lightbox($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { images, initialIndex = 0, open = false, onclose } = $$props;
-    let currentIndex = 0;
-    let previousOpen = false;
-    const hasMultiple = $31.derived(() => images.length > 1);
-    const currentImage = $31.derived(() => images[currentIndex]);
-    const counterText = $31.derived(() => `${currentIndex + 1} of ${images.length}`);
+    const reducedMotion = useReducedMotion();
+    const LIGHTBOX_FADE_MS = 150;
+    const fadeDuration = $32.derived(() => reducedMotion.current ? 0 : LIGHTBOX_FADE_MS);
+    const clampedInitialIndex = $32.derived(() => images.length > 0 ? Math.max(0, Math.min(initialIndex, images.length - 1)) : 0);
+    let navigationIndex = null;
+    const effectiveIndex = $32.derived(() => open ? navigationIndex ?? clampedInitialIndex() : clampedInitialIndex());
+    const hasMultiple = $32.derived(() => images.length > 1);
+    const currentImage = $32.derived(() => images[effectiveIndex()]);
+    const counterText = $32.derived(() => `${effectiveIndex() + 1} of ${images.length}`);
     function close() {
+      navigationIndex = null;
       open = false;
       onclose?.();
     }
     function previous() {
-      currentIndex = (currentIndex - 1 + images.length) % images.length;
+      navigationIndex = (effectiveIndex() - 1 + images.length) % images.length;
     }
     function next() {
-      currentIndex = (currentIndex + 1) % images.length;
+      navigationIndex = (effectiveIndex() + 1) % images.length;
     }
     function handleOverlayClick(event) {
       if (event.target === event.currentTarget) {
@@ -1859,12 +1880,12 @@ function Image_lightbox($$renderer, $$props) {
       } else {
         $$renderer2.push("<!--[-1-->");
       }
-      $$renderer2.push(`<!--]--> <div class="lightbox-image-container svelte-nzg1o2"><img${$31.attr("src", currentImage().src)}${$31.attr("alt", currentImage().alt)} class="lightbox-image svelte-nzg1o2" decoding="async"/></div> `);
+      $$renderer2.push(`<!--]--> <div class="lightbox-image-container svelte-nzg1o2"><img${$32.attr("src", currentImage().src)}${$32.attr("alt", currentImage().alt)} class="lightbox-image svelte-nzg1o2" decoding="async"/></div> `);
       if (hasMultiple()) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<button type="button" class="lightbox-nav lightbox-nav-next svelte-nzg1o2" aria-label="Next image">`);
         Chevron_right($$renderer2, { size: 24 });
-        $$renderer2.push(`<!----></button> <div class="lightbox-counter svelte-nzg1o2" aria-live="polite" aria-atomic="true">${$31.escape(counterText())}</div>`);
+        $$renderer2.push(`<!----></button> <div class="lightbox-counter svelte-nzg1o2" aria-live="polite" aria-atomic="true">${$32.escape(counterText())}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1873,7 +1894,7 @@ function Image_lightbox($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
-    $31.bind_props($$props, { open });
+    $32.bind_props($$props, { open });
   });
 }
 
@@ -1890,10 +1911,10 @@ function Message_attachments($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
-    const validImages = $32.derived(() => images.filter((item) => item.type === "image").map((image) => ({ image, url: getImageUrlFromContent(image) })).filter((item) => item.url !== ""));
+    const validImages = $33.derived(() => images.filter((item) => item.type === "image").map((image) => ({ image, url: getImageUrlFromContent(image) })).filter((item) => item.url !== ""));
     let lightboxOpen = false;
     let lightboxIndex = 0;
-    const lightboxImages = $32.derived(() => validImages().map(({ image, url }, index) => ({ src: url, alt: getAltText(image, index + 1) })));
+    const lightboxImages = $33.derived(() => validImages().map(({ image, url }, index) => ({ src: url, alt: getAltText(image, index + 1) })));
     function getImageUrlFromContent(image) {
       if (image.type !== "image")
         return "";
@@ -1919,22 +1940,22 @@ function Message_attachments($$renderer, $$props) {
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$32.attributes({
-        class: $32.clsx(classNames("message-attachments", className)),
+      $$renderer3.push(`<div${$33.attributes({
+        class: $33.clsx(classNames("message-attachments", className)),
         role: "list",
         "aria-label": "Message attachments",
         "data-count": validImages().length,
         ...rest
       }, "svelte-mmlgnv")}><!--[-->`);
-      const each_array = $32.ensure_array_like(validImages());
+      const each_array = $33.ensure_array_like(validImages());
       for (let loopIndex = 0, $$length = each_array.length;loopIndex < $$length; loopIndex++) {
         let { image, url } = each_array[loopIndex];
         const displayIndex = loopIndex + 1;
         const alt = getAltText(image, displayIndex);
-        $$renderer3.push(`<figure class="message-attachment svelte-mmlgnv" role="listitem"><button type="button" class="message-attachment-button svelte-mmlgnv"${$32.attr("aria-label", `View image: ${alt}`)}><img${$32.attr("src", url)}${$32.attr("alt", alt)}${$32.attr("loading", loading)} decoding="async" class="message-attachment-image svelte-mmlgnv" onload="this.__e=event" onerror="this.__e=event"/></button> `);
+        $$renderer3.push(`<figure class="message-attachment svelte-mmlgnv" role="listitem"><button type="button" class="message-attachment-button svelte-mmlgnv"${$33.attr("aria-label", `View image: ${alt}`)}><img${$33.attr("src", url)}${$33.attr("alt", alt)}${$33.attr("loading", loading)} decoding="async" class="message-attachment-image svelte-mmlgnv" onload="this.__e=event" onerror="this.__e=event"/></button> `);
         if (alt && alt !== `Image attachment ${displayIndex}`) {
           $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<figcaption class="sr-only svelte-mmlgnv">${$32.escape(alt)}</figcaption>`);
+          $$renderer3.push(`<figcaption class="sr-only svelte-mmlgnv">${$33.escape(alt)}</figcaption>`);
         } else {
           $$renderer3.push("<!--[-1-->");
         }
@@ -1967,7 +1988,7 @@ function Message_attachments($$renderer, $$props) {
 function Image_part($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { parts } = $$props;
-    const images = $33.derived(() => parts.map((part) => part.image));
+    const images = $34.derived(() => parts.map((part) => part.image));
     Message_attachments($$renderer2, { images: images() });
   });
 }
@@ -1986,7 +2007,7 @@ function Chat_message_parts_renderer($$renderer, $$props) {
       onreasoning,
       onsuggestionselect
     } = $$props;
-    const units = $34.derived(() => toRenderUnits(parts));
+    const units = $35.derived(() => toRenderUnits(parts));
     let activeIndex = 0;
     function activeChipIndex(count) {
       return count === 0 ? 0 : Math.min(activeIndex, count - 1);
@@ -2035,7 +2056,7 @@ function Chat_message_parts_renderer($$renderer, $$props) {
       $$renderer3.push(`<!--]-->`);
     }
     $$renderer2.push(`<!--[-->`);
-    const each_array = $34.ensure_array_like(units());
+    const each_array = $35.ensure_array_like(units());
     for (let $$index_2 = 0, $$length = each_array.length;$$index_2 < $$length; $$index_2++) {
       let unit = each_array[$$index_2];
       if (unit.kind === "images") {
@@ -2044,7 +2065,7 @@ function Chat_message_parts_renderer($$renderer, $$props) {
       } else if (unit.kind === "steps") {
         $$renderer2.push("<!--[1-->");
         $$renderer2.push(`<ol class="chat-step-list svelte-16hfc7o" aria-label="Steps"><!--[-->`);
-        const each_array_1 = $34.ensure_array_like(unit.steps);
+        const each_array_1 = $35.ensure_array_like(unit.steps);
         for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
           let step = each_array_1[$$index];
           Step_part($$renderer2, { part: step });
@@ -2053,7 +2074,7 @@ function Chat_message_parts_renderer($$renderer, $$props) {
       } else if (unit.kind === "suggestions") {
         $$renderer2.push("<!--[2-->");
         $$renderer2.push(`<div class="chat-suggestions svelte-16hfc7o" role="toolbar" aria-label="Suggested replies" data-cinder-suggested-replies=""><!--[-->`);
-        const each_array_2 = $34.ensure_array_like(unit.suggestions);
+        const each_array_2 = $35.ensure_array_like(unit.suggestions);
         for (let index = 0, $$length2 = each_array_2.length;index < $$length2; index++) {
           let suggestion = each_array_2[index];
           Suggestion_part($$renderer2, {
@@ -2121,7 +2142,7 @@ function Chat_message($$renderer, $$props) {
     } = $$props;
     let isEditing = false;
     let editContent = "";
-    const canEdit = $35.derived(() => message.role === "user" && onedit !== undefined && !streaming);
+    const canEdit = $36.derived(() => message.role === "user" && onedit !== undefined && !streaming);
     function startEditing() {
       editContent = textContent();
       isEditing = true;
@@ -2148,17 +2169,17 @@ function Chat_message($$renderer, $$props) {
         saveEdit();
       }
     }
-    const deliveryStatus = $35.derived(() => message.metadata?.["_deliveryStatus"]);
-    const isFailed = $35.derived(() => deliveryStatus() === "failed");
-    const textContent = $35.derived(() => getMessageText(message));
-    const roleLabel = $35.derived(() => ROLE_LABELS[message.role] ?? message.role);
-    const isToolCall = $35.derived(() => message.role === "tool-call");
-    const toolPair = $35.derived(() => {
+    const deliveryStatus = $36.derived(() => message.metadata?.["_deliveryStatus"]);
+    const isFailed = $36.derived(() => deliveryStatus() === "failed");
+    const textContent = $36.derived(() => getMessageText(message));
+    const roleLabel = $36.derived(() => ROLE_LABELS[message.role] ?? message.role);
+    const isToolCall = $36.derived(() => message.role === "tool-call");
+    const toolPair = $36.derived(() => {
       if (!isToolCall() || !message.toolCall)
         return null;
       return toolCallPairs.find((pair) => pair.call.id === message.toolCall?.id) ?? null;
     });
-    const messageParts = $35.derived(() => deriveMessageParts(message, {
+    const messageParts = $36.derived(() => deriveMessageParts(message, {
       toolCallPair: toolPair() ?? undefined,
       overrideContent,
       streaming,
@@ -2169,25 +2190,25 @@ function Chat_message($$renderer, $$props) {
       steps,
       suggestions
     }));
-    const hasMarkdownBody = $35.derived(() => messageParts().some((part) => part.type === "markdown"));
-    const bodyParts = $35.derived(() => messageParts().filter((part) => part.type !== "image"));
-    const imageParts = $35.derived(() => messageParts().filter((part) => part.type === "image"));
+    const hasMarkdownBody = $36.derived(() => messageParts().some((part) => part.type === "markdown"));
+    const bodyParts = $36.derived(() => messageParts().filter((part) => part.type !== "image"));
+    const imageParts = $36.derived(() => messageParts().filter((part) => part.type === "image"));
     const TRUNCATE_THRESHOLD = 500;
-    const messageId = $35.derived(() => `message-${message.id}`);
-    const roleId = $35.derived(() => `${messageId()}-role`);
+    const messageId = $36.derived(() => `message-${message.id}`);
+    const roleId = $36.derived(() => `${messageId()}-role`);
     function toggleExpanded() {
       expanded = !expanded;
       onexpandedchange?.(expanded);
     }
-    $$renderer2.push(`<div${$35.attributes({
-      class: $35.clsx(classNames("chat-message-wrapper", className)),
+    $$renderer2.push(`<div${$36.attributes({
+      class: $36.clsx(classNames("chat-message-wrapper", className)),
       "data-role": message.role,
       "data-hidden": message.hidden || undefined,
       "data-failed": isFailed() || undefined,
       "data-search-match": searchMatch || undefined,
       "data-tool-pair": isToolCall() && toolPair() ? "" : undefined,
       ...rest
-    }, "svelte-1sxbmxn")}><article${$35.attr("id", messageId())} class="chat-message svelte-1sxbmxn"${$35.attr("aria-labelledby", isToolCall() && toolPair() ? undefined : roleId())}${$35.attr("aria-label", isToolCall() && toolPair() ? `Tool call: ${toolPair().call.name}` : undefined)}${$35.attr("tabindex", tabindex)}><header class="chat-message-header svelte-1sxbmxn"><span${$35.attr("id", roleId())} class="chat-message-role svelte-1sxbmxn">${$35.escape(roleLabel())}</span> `);
+    }, "svelte-1sxbmxn")}><article${$36.attr("id", messageId())} class="chat-message svelte-1sxbmxn"${$36.attr("aria-labelledby", isToolCall() && toolPair() ? undefined : roleId())}${$36.attr("aria-label", isToolCall() && toolPair() ? `Tool call: ${toolPair().call.name}` : undefined)}${$36.attr("tabindex", tabindex)}><header class="chat-message-header svelte-1sxbmxn"><span${$36.attr("id", roleId())} class="chat-message-role svelte-1sxbmxn">${$36.escape(roleLabel())}</span> `);
     if (status) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="chat-message-status svelte-1sxbmxn">`);
@@ -2199,9 +2220,9 @@ function Chat_message($$renderer, $$props) {
     $$renderer2.push(`<!--]--></header> <div class="chat-message-body svelte-1sxbmxn">`);
     if (isEditing) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="chat-message-edit svelte-1sxbmxn"><textarea class="chat-message-edit-textarea svelte-1sxbmxn" autofocus="" aria-label="Edit message content"${$35.attr("rows", Math.min(Math.max(editContent.split(`
+      $$renderer2.push(`<div class="chat-message-edit svelte-1sxbmxn"><textarea class="chat-message-edit-textarea svelte-1sxbmxn" autofocus="" aria-label="Edit message content"${$36.attr("rows", Math.min(Math.max(editContent.split(`
 `).length, 2), 10))}>`);
-      const $$body = $35.escape(editContent);
+      const $$body = $36.escape(editContent);
       if ($$body) {
         $$renderer2.push(`${$$body}`);
       } else {}
@@ -2222,7 +2243,7 @@ function Chat_message($$renderer, $$props) {
       $$renderer2.push(`<!----> `);
       if (hasMarkdownBody() && textContent().length > TRUNCATE_THRESHOLD) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button type="button" class="chat-message-expand svelte-1sxbmxn">${$35.escape(expanded ? "Show less" : "Show more")}</button>`);
+        $$renderer2.push(`<button type="button" class="chat-message-expand svelte-1sxbmxn">${$36.escape(expanded ? "Show less" : "Show more")}</button>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -2283,7 +2304,7 @@ function Chat_message($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div>`);
-    $35.bind_props($$props, { expanded });
+    $36.bind_props($$props, { expanded });
   });
 }
 // src/components/chat/input/attachment-kind.ts
@@ -2306,7 +2327,7 @@ function deriveAttachmentKind(mimeType) {
   return "document";
 }
 // src/components/chat/input/chat-attachment-preview.svelte
-import * as $38 from "svelte/internal/server";
+import * as $39 from "svelte/internal/server";
 
 // src/utilities/format-bytes.ts
 function formatBytes(bytes) {
@@ -2318,9 +2339,9 @@ function formatBytes(bytes) {
 }
 
 // ../../node_modules/lucide-svelte/dist/icons/file-code.svelte
-import * as $36 from "svelte/internal/server";
+import * as $37 from "svelte/internal/server";
 function File_code($$renderer, $$props) {
-  const $$sanitized_props = $36.sanitize_props($$props);
+  const $$sanitized_props = $37.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M10 12.5 8 15l2 2.5" }],
     ["path", { d: "m14 12.5 2 2.5-2 2.5" }],
@@ -2332,14 +2353,14 @@ function File_code($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $36.spread_props([
+  Icon($$renderer, $37.spread_props([
     { name: "file-code" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $36.slot($$renderer2, $$props, "default", {}, null);
+        $37.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -2347,9 +2368,9 @@ function File_code($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/file-text.svelte
-import * as $37 from "svelte/internal/server";
+import * as $38 from "svelte/internal/server";
 function File_text($$renderer, $$props) {
-  const $$sanitized_props = $37.sanitize_props($$props);
+  const $$sanitized_props = $38.sanitize_props($$props);
   const iconNode = [
     [
       "path",
@@ -2362,14 +2383,14 @@ function File_text($$renderer, $$props) {
     ["path", { d: "M16 13H8" }],
     ["path", { d: "M16 17H8" }]
   ];
-  Icon($$renderer, $37.spread_props([
+  Icon($$renderer, $38.spread_props([
     { name: "file-text" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $37.slot($$renderer2, $$props, "default", {}, null);
+        $38.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -2380,8 +2401,8 @@ function File_text($$renderer, $$props) {
 function Chat_attachment_preview($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { attachment, class: className } = $$props;
-    const extension = $38.derived(() => attachment.file.name.includes(".") ? attachment.file.name.slice(attachment.file.name.lastIndexOf(".")) : "");
-    const truncatedName = $38.derived(() => {
+    const extension = $39.derived(() => attachment.file.name.includes(".") ? attachment.file.name.slice(attachment.file.name.lastIndexOf(".")) : "");
+    const truncatedName = $39.derived(() => {
       const name = attachment.file.name;
       const maxLength = 18;
       if (name.length <= maxLength)
@@ -2393,10 +2414,10 @@ function Chat_attachment_preview($$renderer, $$props) {
         return name.slice(0, maxLength - 1) + "…";
       return base.slice(0, availableLength) + "…" + ext;
     });
-    $$renderer2.push(`<div${$38.attr_class($38.clsx(classNames("chat-attachment-preview", className)), "svelte-1svhxp5")}${$38.attr("data-kind", attachment.kind)}${$38.attr("data-error", attachment.status === "error" || undefined)}${$38.attr("data-pending", attachment.status === "pending" || undefined)}>`);
+    $$renderer2.push(`<div${$39.attr_class($39.clsx(classNames("chat-attachment-preview", className)), "svelte-1svhxp5")}${$39.attr("data-kind", attachment.kind)}${$39.attr("data-error", attachment.status === "error" || undefined)}${$39.attr("data-pending", attachment.status === "pending" || undefined)}>`);
     if (attachment.kind === "image") {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<img${$38.attr("src", attachment.previewUrl)}${$38.attr("alt", attachment.file.name)} class="chat-attachment-preview-image svelte-1svhxp5"/>`);
+      $$renderer2.push(`<img${$39.attr("src", attachment.previewUrl)}${$39.attr("alt", attachment.file.name)} class="chat-attachment-preview-image svelte-1svhxp5"/>`);
     } else {
       $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`<div class="chat-attachment-preview-file svelte-1svhxp5"><div class="chat-attachment-preview-icon svelte-1svhxp5">`);
@@ -2407,19 +2428,19 @@ function Chat_attachment_preview($$renderer, $$props) {
         $$renderer2.push("<!--[-1-->");
         File_text($$renderer2, { class: "icon-sm" });
       }
-      $$renderer2.push(`<!--]--></div> <div class="chat-attachment-preview-info svelte-1svhxp5"><span class="chat-attachment-preview-name svelte-1svhxp5"${$38.attr("title", attachment.file.name)}>${$38.escape(truncatedName())}</span> <span class="chat-attachment-preview-meta svelte-1svhxp5">`);
+      $$renderer2.push(`<!--]--></div> <div class="chat-attachment-preview-info svelte-1svhxp5"><span class="chat-attachment-preview-name svelte-1svhxp5"${$39.attr("title", attachment.file.name)}>${$39.escape(truncatedName())}</span> <span class="chat-attachment-preview-meta svelte-1svhxp5">`);
       if (extension()) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<span class="chat-attachment-preview-ext svelte-1svhxp5">${$38.escape(extension())}</span>`);
+        $$renderer2.push(`<span class="chat-attachment-preview-ext svelte-1svhxp5">${$39.escape(extension())}</span>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
-      $$renderer2.push(`<!--]--> <span class="chat-attachment-preview-size svelte-1svhxp5">${$38.escape(formatBytes(attachment.file.size))}</span></span></div></div>`);
+      $$renderer2.push(`<!--]--> <span class="chat-attachment-preview-size svelte-1svhxp5">${$39.escape(formatBytes(attachment.file.size))}</span></span></div></div>`);
     }
     $$renderer2.push(`<!--]--> `);
     if (attachment.status === "error") {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="chat-attachment-preview-error-badge svelte-1svhxp5"${$38.attr("aria-label", attachment.error ?? "Attachment error")}>!</span>`);
+      $$renderer2.push(`<span class="chat-attachment-preview-error-badge svelte-1svhxp5"${$39.attr("aria-label", attachment.error ?? "Attachment error")}>!</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -2434,11 +2455,11 @@ function Chat_attachment_preview($$renderer, $$props) {
   });
 }
 // src/components/chat/input/chat-input.svelte
-import * as $78 from "svelte/internal/server";
-import { onDestroy as onDestroy3 } from "svelte";
+import * as $79 from "svelte/internal/server";
+import { onDestroy as onDestroy2 } from "svelte";
 
 // src/utilities/use-announcer.svelte.ts
-import * as $39 from "svelte/internal/server";
+import * as $40 from "svelte/internal/server";
 function useAnnouncer(options) {
   const { clearDelay = 1000, debounceMs = 0 } = options ?? {};
   let message = "";
@@ -2533,21 +2554,21 @@ function useStableId(seed) {
 }
 
 // ../../node_modules/lucide-svelte/dist/icons/arrow-up.svelte
-import * as $40 from "svelte/internal/server";
+import * as $41 from "svelte/internal/server";
 function Arrow_up($$renderer, $$props) {
-  const $$sanitized_props = $40.sanitize_props($$props);
+  const $$sanitized_props = $41.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "m5 12 7-7 7 7" }],
     ["path", { d: "M12 19V5" }]
   ];
-  Icon($$renderer, $40.spread_props([
+  Icon($$renderer, $41.spread_props([
     { name: "arrow-up" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $40.slot($$renderer2, $$props, "default", {}, null);
+        $41.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -2555,9 +2576,9 @@ function Arrow_up($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/paperclip.svelte
-import * as $41 from "svelte/internal/server";
+import * as $42 from "svelte/internal/server";
 function Paperclip($$renderer, $$props) {
-  const $$sanitized_props = $41.sanitize_props($$props);
+  const $$sanitized_props = $42.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M13.234 20.252 21 12.3" }],
     [
@@ -2567,14 +2588,14 @@ function Paperclip($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $41.spread_props([
+  Icon($$renderer, $42.spread_props([
     { name: "paperclip" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $41.slot($$renderer2, $$props, "default", {}, null);
+        $42.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -2582,23 +2603,23 @@ function Paperclip($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/square.svelte
-import * as $42 from "svelte/internal/server";
+import * as $43 from "svelte/internal/server";
 function Square($$renderer, $$props) {
-  const $$sanitized_props = $42.sanitize_props($$props);
+  const $$sanitized_props = $43.sanitize_props($$props);
   const iconNode = [
     [
       "rect",
       { width: "18", height: "18", x: "3", y: "3", rx: "2" }
     ]
   ];
-  Icon($$renderer, $42.spread_props([
+  Icon($$renderer, $43.spread_props([
     { name: "square" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $42.slot($$renderer2, $$props, "default", {}, null);
+        $43.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -2606,7 +2627,7 @@ function Square($$renderer, $$props) {
   ]));
 }
 // src/components/button/button.svelte
-import * as $43 from "svelte/internal/server";
+import * as $44 from "svelte/internal/server";
 function Button($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     const {
@@ -2633,23 +2654,23 @@ function Button($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
-    const mergedClassName = $43.derived(() => classNames("cinder-button", customClassName));
-    const dataAttributes = $43.derived(() => ({
+    const mergedClassName = $44.derived(() => classNames("cinder-button", customClassName));
+    const dataAttributes = $44.derived(() => ({
       "data-cinder-variant": variant,
       "data-cinder-size": size,
       "data-cinder-full-width": fullWidth ? "" : undefined,
       "data-cinder-loading": loading ? "" : undefined,
       "data-cinder-icon-only": iconOnly ? "" : undefined
     }));
-    const resolvedAriaDisabled = $43.derived(() => loading ? "true" : consumerAriaDisabled);
-    const resolvedAriaBusy = $43.derived(() => loading ? "true" : consumerAriaBusy);
-    const resolvedAriaLabel = $43.derived(() => typeof ariaLabel === "string" && ariaLabel.trim().length > 0 ? ariaLabel : undefined);
-    const resolvedAriaLabelledBy = $43.derived(() => typeof ariaLabelledBy === "string" && ariaLabelledBy.trim().length > 0 ? ariaLabelledBy : undefined);
+    const resolvedAriaDisabled = $44.derived(() => loading ? "true" : consumerAriaDisabled);
+    const resolvedAriaBusy = $44.derived(() => loading ? "true" : consumerAriaBusy);
+    const resolvedAriaLabel = $44.derived(() => typeof ariaLabel === "string" && ariaLabel.trim().length > 0 ? ariaLabel : undefined);
+    const resolvedAriaLabelledBy = $44.derived(() => typeof ariaLabelledBy === "string" && ariaLabelledBy.trim().length > 0 ? ariaLabelledBy : undefined);
     const anchorAttributes = rest;
     const buttonAttributes = rest;
-    const anchorTabIndex = $43.derived(() => rest.tabindex);
-    const buttonType = $43.derived(() => rest.type);
-    const buttonDisabled = $43.derived(() => rest.disabled ?? false);
+    const anchorTabIndex = $44.derived(() => rest.tabindex);
+    const buttonType = $44.derived(() => rest.type);
+    const buttonDisabled = $44.derived(() => rest.disabled ?? false);
     function handleClick(event) {
       if (loading) {
         event.preventDefault();
@@ -2673,7 +2694,7 @@ function Button($$renderer, $$props) {
         $$renderer3.push("<!--[0-->");
         if (!resolvedAriaLabel() && !resolvedAriaLabelledBy() && label) {
           $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<span class="cinder-sr-only">${$43.escape(label)}</span>`);
+          $$renderer3.push(`<span class="cinder-sr-only">${$44.escape(label)}</span>`);
         } else {
           $$renderer3.push("<!--[-1-->");
         }
@@ -2693,7 +2714,7 @@ function Button($$renderer, $$props) {
         $$renderer3.push(`<!---->`);
       } else {
         $$renderer3.push("<!--[-1-->");
-        $$renderer3.push(`${$43.escape(label)}`);
+        $$renderer3.push(`${$44.escape(label)}`);
       }
       $$renderer3.push(`<!--]--> `);
       if (trailingIcon) {
@@ -2708,11 +2729,11 @@ function Button($$renderer, $$props) {
     }
     if (href !== undefined) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<a${$43.attributes({
+      $$renderer2.push(`<a${$44.attributes({
         ...anchorAttributes,
         href: loading ? undefined : href,
         tabindex: loading ? -1 : anchorTabIndex(),
-        class: $43.clsx(mergedClassName()),
+        class: $44.clsx(mergedClassName()),
         ...dataAttributes(),
         "aria-disabled": resolvedAriaDisabled(),
         "aria-busy": resolvedAriaBusy(),
@@ -2726,10 +2747,10 @@ function Button($$renderer, $$props) {
       $$renderer2.push(`<!----></a>`);
     } else {
       $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<button${$43.attributes({
+      $$renderer2.push(`<button${$44.attributes({
         ...buttonAttributes,
         type: buttonType() ?? "button",
-        class: $43.clsx(mergedClassName()),
+        class: $44.clsx(mergedClassName()),
         ...dataAttributes(),
         disabled: buttonDisabled() || loading,
         "aria-disabled": resolvedAriaDisabled(),
@@ -2748,8 +2769,8 @@ function Button($$renderer, $$props) {
 }
 
 // src/components/markdown-editor/markdown-editor.svelte
-import * as $77 from "svelte/internal/server";
-import { onDestroy as onDestroy2 } from "svelte";
+import * as $78 from "svelte/internal/server";
+import { onDestroy } from "svelte";
 import {
   createEditorAttachment,
   setEditorReadonly,
@@ -2769,11 +2790,11 @@ import {
 } from "@lostgradient/cinder/editor/component-runtime";
 
 // src/components/segment/segment.svelte
-import * as $45 from "svelte/internal/server";
+import * as $46 from "svelte/internal/server";
 import { untrack } from "svelte";
 
 // src/components/segmented-control/segmented-control-state.svelte.ts
-import * as $44 from "svelte/internal/server";
+import * as $45 from "svelte/internal/server";
 import { createContext } from "svelte";
 
 // src/utilities/document-order.ts
@@ -3019,11 +3040,11 @@ function Segment($$renderer, $$props) {
         }
       }));
     };
-    const isSelected = $45.derived(() => context.isSelected(value));
-    const isFocusable = $45.derived(() => context.isFocusable(value));
-    const effectiveDisabled = $45.derived(() => disabled || context.controlDisabled);
-    const role = $45.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-    $$renderer2.push(`<button${$45.attributes({
+    const isSelected = $46.derived(() => context.isSelected(value));
+    const isFocusable = $46.derived(() => context.isFocusable(value));
+    const effectiveDisabled = $46.derived(() => disabled || context.controlDisabled);
+    const role = $46.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
+    $$renderer2.push(`<button${$46.attributes({
       ...rest,
       type: "button",
       role: role(),
@@ -3035,7 +3056,7 @@ function Segment($$renderer, $$props) {
       "aria-disabled": effectiveDisabled() ? "true" : undefined,
       disabled: context.selectionMode === "multiple" ? effectiveDisabled() : undefined,
       tabindex: isFocusable() ? 0 : -1,
-      class: $45.clsx(classNames("cinder-segmented-control-option", customClassName)),
+      class: $46.clsx(classNames("cinder-segmented-control-option", customClassName)),
       "data-cinder-selected": isSelected() ? "" : undefined,
       "data-cinder-pressed": context.selectionMode === "multiple" && isSelected() ? "" : undefined
     })}>`);
@@ -3063,7 +3084,7 @@ function Segment($$renderer, $$props) {
 }
 
 // src/components/segmented-control/segmented-control.svelte
-import * as $46 from "svelte/internal/server";
+import * as $47 from "svelte/internal/server";
 function Segmented_control($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -3115,9 +3136,9 @@ function Segmented_control($$renderer, $$props) {
       toggle: (segmentValue) => controller.toggle(segmentValue)
     };
     setSegmentedControlContext(contextValue);
-    const groupRole = $46.derived(() => selectionMode === "multiple" ? "group" : variant === "tablist" ? "tablist" : "radiogroup");
-    const effectiveSize = $46.derived(() => density === "toolbar" ? "sm" : size);
-    $$renderer2.push(`<div class="cinder-segmented-control-container"><span${$46.attr("id", `${id}-label`)}${$46.attr_class($46.clsx(classNames("cinder-segmented-control-label", hideLabel && "cinder-sr-only")))}>${$46.escape(label)}</span> <div${$46.attributes({
+    const groupRole = $47.derived(() => selectionMode === "multiple" ? "group" : variant === "tablist" ? "tablist" : "radiogroup");
+    const effectiveSize = $47.derived(() => density === "toolbar" ? "sm" : size);
+    $$renderer2.push(`<div class="cinder-segmented-control-container"><span${$47.attr("id", `${id}-label`)}${$47.attr_class($47.clsx(classNames("cinder-segmented-control-label", hideLabel && "cinder-sr-only")))}>${$47.escape(label)}</span> <div${$47.attributes({
       ...rest,
       id,
       role: groupRole(),
@@ -3131,49 +3152,49 @@ function Segmented_control($$renderer, $$props) {
       "data-cinder-detached": detached ? "" : undefined,
       "data-cinder-full-width": fullWidth ? "" : undefined,
       "data-cinder-variant": variant,
-      class: $46.clsx(classNames("cinder-segmented-control", customClassName))
+      class: $47.clsx(classNames("cinder-segmented-control", customClassName))
     })}>`);
     children($$renderer2);
     $$renderer2.push(`<!----></div></div>`);
-    $46.bind_props($$props, { value });
+    $47.bind_props($$props, { value });
   });
 }
 
 // src/components/markdown-editor/editor-skeleton.svelte
-import * as $47 from "svelte/internal/server";
+import * as $48 from "svelte/internal/server";
 function Editor_skeleton($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { lines = 8, class: className, $$slots, $$events, ...rest } = $$props;
     const SHIMMER_WIDTHS = [68, 84, 56, 92, 72, 80, 60, 88];
-    const lineWidths = $47.derived(() => Array.from({ length: lines }, (_, i) => {
+    const lineWidths = $48.derived(() => Array.from({ length: lines }, (_, i) => {
       if (i === 0)
         return 45;
       if (i === lines - 1)
         return 30;
       return SHIMMER_WIDTHS[i % SHIMMER_WIDTHS.length] ?? 68;
     }));
-    $$renderer2.push(`<div${$47.attributes({
-      class: $47.clsx(classNames("editor-skeleton", "surface", className)),
+    $$renderer2.push(`<div${$48.attributes({
+      class: $48.clsx(classNames("editor-skeleton", "surface", className)),
       role: "status",
       "aria-label": "Loading editor",
       ...rest
     }, "svelte-1h3fabh")}><span class="sr-only svelte-1h3fabh">Loading editor...</span> <div class="skeleton-content svelte-1h3fabh"><!--[-->`);
-    const each_array = $47.ensure_array_like(lineWidths());
+    const each_array = $48.ensure_array_like(lineWidths());
     for (let i = 0, $$length = each_array.length;i < $$length; i++) {
       let width = each_array[i];
-      $$renderer2.push(`<div class="skeleton-line svelte-1h3fabh"${$47.attr_style("", { "--skeleton-line-width": `${$47.stringify(width)}%` })}></div>`);
+      $$renderer2.push(`<div class="skeleton-line svelte-1h3fabh"${$48.attr_style("", { "--skeleton-line-width": `${$48.stringify(width)}%` })}></div>`);
     }
     $$renderer2.push(`<!--]--></div></div>`);
   });
 }
 
 // src/components/markdown-editor/editor-toolbar/editor-toolbar.svelte
-import * as $73 from "svelte/internal/server";
+import * as $74 from "svelte/internal/server";
 
 // ../../node_modules/lucide-svelte/dist/icons/bold.svelte
-import * as $48 from "svelte/internal/server";
+import * as $49 from "svelte/internal/server";
 function Bold($$renderer, $$props) {
-  const $$sanitized_props = $48.sanitize_props($$props);
+  const $$sanitized_props = $49.sanitize_props($$props);
   const iconNode = [
     [
       "path",
@@ -3182,14 +3203,14 @@ function Bold($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $48.spread_props([
+  Icon($$renderer, $49.spread_props([
     { name: "bold" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $48.slot($$renderer2, $$props, "default", {}, null);
+        $49.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3197,21 +3218,21 @@ function Bold($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/code.svelte
-import * as $49 from "svelte/internal/server";
+import * as $50 from "svelte/internal/server";
 function Code($$renderer, $$props) {
-  const $$sanitized_props = $49.sanitize_props($$props);
+  const $$sanitized_props = $50.sanitize_props($$props);
   const iconNode = [
     ["polyline", { points: "16 18 22 12 16 6" }],
     ["polyline", { points: "8 6 2 12 8 18" }]
   ];
-  Icon($$renderer, $49.spread_props([
+  Icon($$renderer, $50.spread_props([
     { name: "code" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $49.slot($$renderer2, $$props, "default", {}, null);
+        $50.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3219,23 +3240,23 @@ function Code($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/heading-1.svelte
-import * as $50 from "svelte/internal/server";
+import * as $51 from "svelte/internal/server";
 function Heading_1($$renderer, $$props) {
-  const $$sanitized_props = $50.sanitize_props($$props);
+  const $$sanitized_props = $51.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M4 12h8" }],
     ["path", { d: "M4 18V6" }],
     ["path", { d: "M12 18V6" }],
     ["path", { d: "m17 12 3-2v8" }]
   ];
-  Icon($$renderer, $50.spread_props([
+  Icon($$renderer, $51.spread_props([
     { name: "heading-1" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $50.slot($$renderer2, $$props, "default", {}, null);
+        $51.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3243,23 +3264,23 @@ function Heading_1($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/heading-2.svelte
-import * as $51 from "svelte/internal/server";
+import * as $52 from "svelte/internal/server";
 function Heading_2($$renderer, $$props) {
-  const $$sanitized_props = $51.sanitize_props($$props);
+  const $$sanitized_props = $52.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M4 12h8" }],
     ["path", { d: "M4 18V6" }],
     ["path", { d: "M12 18V6" }],
     ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" }]
   ];
-  Icon($$renderer, $51.spread_props([
+  Icon($$renderer, $52.spread_props([
     { name: "heading-2" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $51.slot($$renderer2, $$props, "default", {}, null);
+        $52.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3267,9 +3288,9 @@ function Heading_2($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/heading-3.svelte
-import * as $52 from "svelte/internal/server";
+import * as $53 from "svelte/internal/server";
 function Heading_3($$renderer, $$props) {
-  const $$sanitized_props = $52.sanitize_props($$props);
+  const $$sanitized_props = $53.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M4 12h8" }],
     ["path", { d: "M4 18V6" }],
@@ -3280,14 +3301,14 @@ function Heading_3($$renderer, $$props) {
     ],
     ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" }]
   ];
-  Icon($$renderer, $52.spread_props([
+  Icon($$renderer, $53.spread_props([
     { name: "heading-3" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $52.slot($$renderer2, $$props, "default", {}, null);
+        $53.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3295,22 +3316,22 @@ function Heading_3($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/italic.svelte
-import * as $53 from "svelte/internal/server";
+import * as $54 from "svelte/internal/server";
 function Italic($$renderer, $$props) {
-  const $$sanitized_props = $53.sanitize_props($$props);
+  const $$sanitized_props = $54.sanitize_props($$props);
   const iconNode = [
     ["line", { x1: "19", x2: "10", y1: "4", y2: "4" }],
     ["line", { x1: "14", x2: "5", y1: "20", y2: "20" }],
     ["line", { x1: "15", x2: "9", y1: "4", y2: "20" }]
   ];
-  Icon($$renderer, $53.spread_props([
+  Icon($$renderer, $54.spread_props([
     { name: "italic" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $53.slot($$renderer2, $$props, "default", {}, null);
+        $54.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3318,9 +3339,9 @@ function Italic($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/link.svelte
-import * as $54 from "svelte/internal/server";
+import * as $55 from "svelte/internal/server";
 function Link($$renderer, $$props) {
-  const $$sanitized_props = $54.sanitize_props($$props);
+  const $$sanitized_props = $55.sanitize_props($$props);
   const iconNode = [
     [
       "path",
@@ -3335,14 +3356,14 @@ function Link($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $54.spread_props([
+  Icon($$renderer, $55.spread_props([
     { name: "link" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $54.slot($$renderer2, $$props, "default", {}, null);
+        $55.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3350,9 +3371,9 @@ function Link($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/list.svelte
-import * as $55 from "svelte/internal/server";
+import * as $56 from "svelte/internal/server";
 function List($$renderer, $$props) {
-  const $$sanitized_props = $55.sanitize_props($$props);
+  const $$sanitized_props = $56.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M3 12h.01" }],
     ["path", { d: "M3 18h.01" }],
@@ -3361,14 +3382,14 @@ function List($$renderer, $$props) {
     ["path", { d: "M8 18h13" }],
     ["path", { d: "M8 6h13" }]
   ];
-  Icon($$renderer, $55.spread_props([
+  Icon($$renderer, $56.spread_props([
     { name: "list" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $55.slot($$renderer2, $$props, "default", {}, null);
+        $56.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3376,9 +3397,9 @@ function List($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/list-ordered.svelte
-import * as $56 from "svelte/internal/server";
+import * as $57 from "svelte/internal/server";
 function List_ordered($$renderer, $$props) {
-  const $$sanitized_props = $56.sanitize_props($$props);
+  const $$sanitized_props = $57.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M10 12h11" }],
     ["path", { d: "M10 18h11" }],
@@ -3387,14 +3408,14 @@ function List_ordered($$renderer, $$props) {
     ["path", { d: "M4 6h1v4" }],
     ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" }]
   ];
-  Icon($$renderer, $56.spread_props([
+  Icon($$renderer, $57.spread_props([
     { name: "list-ordered" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $56.slot($$renderer2, $$props, "default", {}, null);
+        $57.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3402,22 +3423,22 @@ function List_ordered($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/pilcrow.svelte
-import * as $57 from "svelte/internal/server";
+import * as $58 from "svelte/internal/server";
 function Pilcrow($$renderer, $$props) {
-  const $$sanitized_props = $57.sanitize_props($$props);
+  const $$sanitized_props = $58.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M13 4v16" }],
     ["path", { d: "M17 4v16" }],
     ["path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" }]
   ];
-  Icon($$renderer, $57.spread_props([
+  Icon($$renderer, $58.spread_props([
     { name: "pilcrow" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $57.slot($$renderer2, $$props, "default", {}, null);
+        $58.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3425,9 +3446,9 @@ function Pilcrow($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/quote.svelte
-import * as $58 from "svelte/internal/server";
+import * as $59 from "svelte/internal/server";
 function Quote($$renderer, $$props) {
-  const $$sanitized_props = $58.sanitize_props($$props);
+  const $$sanitized_props = $59.sanitize_props($$props);
   const iconNode = [
     [
       "path",
@@ -3442,14 +3463,14 @@ function Quote($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $58.spread_props([
+  Icon($$renderer, $59.spread_props([
     { name: "quote" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $58.slot($$renderer2, $$props, "default", {}, null);
+        $59.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3457,9 +3478,9 @@ function Quote($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/redo-2.svelte
-import * as $59 from "svelte/internal/server";
+import * as $60 from "svelte/internal/server";
 function Redo_2($$renderer, $$props) {
-  const $$sanitized_props = $59.sanitize_props($$props);
+  const $$sanitized_props = $60.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "m15 14 5-5-5-5" }],
     [
@@ -3469,14 +3490,14 @@ function Redo_2($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $59.spread_props([
+  Icon($$renderer, $60.spread_props([
     { name: "redo-2" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $59.slot($$renderer2, $$props, "default", {}, null);
+        $60.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3484,22 +3505,22 @@ function Redo_2($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/strikethrough.svelte
-import * as $60 from "svelte/internal/server";
+import * as $61 from "svelte/internal/server";
 function Strikethrough($$renderer, $$props) {
-  const $$sanitized_props = $60.sanitize_props($$props);
+  const $$sanitized_props = $61.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }],
     ["path", { d: "M14 12a4 4 0 0 1 0 8H6" }],
     ["line", { x1: "4", x2: "20", y1: "12", y2: "12" }]
   ];
-  Icon($$renderer, $60.spread_props([
+  Icon($$renderer, $61.spread_props([
     { name: "strikethrough" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $60.slot($$renderer2, $$props, "default", {}, null);
+        $61.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3507,9 +3528,9 @@ function Strikethrough($$renderer, $$props) {
   ]));
 }
 // ../../node_modules/lucide-svelte/dist/icons/undo-2.svelte
-import * as $61 from "svelte/internal/server";
+import * as $62 from "svelte/internal/server";
 function Undo_2($$renderer, $$props) {
-  const $$sanitized_props = $61.sanitize_props($$props);
+  const $$sanitized_props = $62.sanitize_props($$props);
   const iconNode = [
     ["path", { d: "M9 14 4 9l5-5" }],
     [
@@ -3519,14 +3540,14 @@ function Undo_2($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $61.spread_props([
+  Icon($$renderer, $62.spread_props([
     { name: "undo-2" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $61.slot($$renderer2, $$props, "default", {}, null);
+        $62.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -3548,12 +3569,12 @@ import {
 } from "@lostgradient/cinder/editor/component-runtime";
 
 // src/components/toolbar/toolbar.svelte
-import * as $63 from "svelte/internal/server";
+import * as $64 from "svelte/internal/server";
 import { untrack as untrack2 } from "svelte";
 import { on } from "svelte/events";
 
 // src/utilities/use-mutation-observer.svelte.ts
-import * as $62 from "svelte/internal/server";
+import * as $63 from "svelte/internal/server";
 function useMutationObserver(onMutate, options = {}) {
   const {
     childList,
@@ -3925,13 +3946,13 @@ function Toolbar($$renderer, $$props) {
         restoreDepartedItems([]);
       };
     }
-    $$renderer2.push(`<div${$63.attributes({
+    $$renderer2.push(`<div${$64.attributes({
       ...rest,
       role: "toolbar",
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-orientation": orientation === "vertical" ? "vertical" : undefined,
-      class: $63.clsx(classNames("cinder-toolbar", className)),
+      class: $64.clsx(classNames("cinder-toolbar", className)),
       "data-cinder-orientation": orientation,
       "data-cinder-name-source": resolveAccessibleNameSource()
     })}>`);
@@ -3941,13 +3962,13 @@ function Toolbar($$renderer, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-button.svelte
-import * as $66 from "svelte/internal/server";
+import * as $67 from "svelte/internal/server";
 
 // src/components/tooltip/tooltip.svelte
-import * as $65 from "svelte/internal/server";
+import * as $66 from "svelte/internal/server";
 
 // src/_internal/anchored-overlay.svelte.ts
-import * as $64 from "svelte/internal/server";
+import * as $65 from "svelte/internal/server";
 var DEFAULT_PLACEMENT = "bottom-start";
 function createAnchoredOverlay(options) {
   let positionReady = false;
@@ -3973,7 +3994,7 @@ function createAnchoredOverlay(options) {
 // src/components/tooltip/tooltip.svelte
 function Tooltip($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    const tooltipId = $65.props_id($$renderer2);
+    const tooltipId = $66.props_id($$renderer2);
     let {
       text,
       placement = "top",
@@ -4092,10 +4113,10 @@ function Tooltip($$renderer, $$props) {
       offset: () => 8,
       widthMode: () => "none"
     });
-    const isTooltipExposed = $65.derived(() => visible && anchoredOverlay.positionReady);
-    $$renderer2.push(`<span${$65.attr_class($65.clsx(classNames("cinder-tooltip-wrapper", className)))} role="presentation"${$65.attr("data-cinder-placement", visible ? anchoredOverlay.resolvedPlacement : placement)}>`);
+    const isTooltipExposed = $66.derived(() => visible && anchoredOverlay.positionReady);
+    $$renderer2.push(`<span${$66.attr_class($66.clsx(classNames("cinder-tooltip-wrapper", className)))} role="presentation"${$66.attr("data-cinder-placement", visible ? anchoredOverlay.resolvedPlacement : placement)}>`);
     children($$renderer2);
-    $$renderer2.push(`<!----> <span${$65.attr("id", tooltipId)} role="tooltip" class="cinder-tooltip"${$65.attr("aria-hidden", !isTooltipExposed())}${$65.attr("data-cinder-placement", visible ? anchoredOverlay.resolvedPlacement : placement)}${$65.attr("data-cinder-position-ready", anchoredOverlay.positionReady)}${$65.attr_style(anchoredOverlay.positionStyle)}>${$65.escape(text)}</span></span>`);
+    $$renderer2.push(`<!----> <span${$66.attr("id", tooltipId)} role="tooltip" class="cinder-tooltip"${$66.attr("aria-hidden", !isTooltipExposed())}${$66.attr("data-cinder-placement", visible ? anchoredOverlay.resolvedPlacement : placement)}${$66.attr("data-cinder-position-ready", anchoredOverlay.positionReady)}${$66.attr_style(anchoredOverlay.positionStyle)}>${$66.escape(text)}</span></span>`);
   });
 }
 
@@ -4115,14 +4136,14 @@ function Toolbar_button($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
-    const tooltipLabel = $66.derived(() => shortcut ? `${label} (${shortcut})` : label);
+    const tooltipLabel = $67.derived(() => shortcut ? `${label} (${shortcut})` : label);
     Tooltip($$renderer2, {
       text: tooltipLabel(),
       placement: "bottom",
       children: ($$renderer3) => {
-        $$renderer3.push(`<button${$66.attributes({
+        $$renderer3.push(`<button${$67.attributes({
           type: "button",
-          class: $66.clsx(classNames("toolbar-button", className)),
+          class: $67.clsx(classNames("toolbar-button", className)),
           "aria-label": label,
           "aria-pressed": toggle ? pressed : undefined,
           "data-active": toggle && pressed ? "" : undefined,
@@ -4145,12 +4166,12 @@ function Toolbar_button($$renderer, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-separator.svelte
-import * as $67 from "svelte/internal/server";
+import * as $68 from "svelte/internal/server";
 function Toolbar_separator($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { class: className, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$67.attributes({
-      class: $67.clsx(classNames("toolbar-separator", className)),
+    $$renderer2.push(`<div${$68.attributes({
+      class: $68.clsx(classNames("toolbar-separator", className)),
       role: "separator",
       "aria-orientation": "vertical",
       "aria-hidden": "true",
@@ -4160,10 +4181,10 @@ function Toolbar_separator($$renderer, $$props) {
 }
 
 // src/components/markdown-editor/editor-toolbar/toolbar-dropdown.svelte
-import * as $72 from "svelte/internal/server";
+import * as $73 from "svelte/internal/server";
 
 // src/components/dropdown/dropdown.svelte
-import * as $68 from "svelte/internal/server";
+import * as $69 from "svelte/internal/server";
 
 // src/components/dropdown/dropdown.context.ts
 import { createContext as createContext2 } from "svelte";
@@ -4179,7 +4200,7 @@ var getDropdownSetOpen = getDropdownSetOpenStrict;
 // src/components/dropdown/dropdown.svelte
 function Dropdown($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    const generatedId = $68.props_id($$renderer2);
+    const generatedId = $69.props_id($$renderer2);
     let {
       id = generatedId,
       open = false,
@@ -4198,8 +4219,8 @@ function Dropdown($$renderer, $$props) {
     const menuId = `${generatedId}-menu`;
     let menuElement = undefined;
     let triggerWrapper = undefined;
-    const compoundMenuId = $68.derived(() => `${id}-menu`);
-    const usesLegacySnippetApi = $68.derived(() => Boolean(trigger));
+    const compoundMenuId = $69.derived(() => `${id}-menu`);
+    const usesLegacySnippetApi = $69.derived(() => Boolean(trigger));
     function closeCompoundMenu() {
       compoundMenuElement?.hidePopover?.();
       compoundOpen = false;
@@ -4254,7 +4275,7 @@ function Dropdown($$renderer, $$props) {
         focusCompoundTrigger();
       }
     }
-    const dismissOnOutsideClick = $68.derived(() => createClickOutside({
+    const dismissOnOutsideClick = $69.derived(() => createClickOutside({
       handler: () => {
         open = false;
         compoundOpen = false;
@@ -4267,15 +4288,15 @@ function Dropdown($$renderer, $$props) {
       const toggleEvent = event;
       open = toggleEvent.newState === "open";
     }
-    $$renderer2.push(`<div${$68.attributes({
+    $$renderer2.push(`<div${$69.attributes({
       id,
-      class: $68.clsx(classNames("cinder-dropdown", customClassName)),
+      class: $69.clsx(classNames("cinder-dropdown", customClassName)),
       "data-cinder-placement": placement,
       ...rest
     })}>`);
     if (usesLegacySnippetApi()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-dropdown__trigger" role="presentation"${$68.attr_style(`anchor-name: --${menuId};`)}>`);
+      $$renderer2.push(`<div class="cinder-dropdown__trigger" role="presentation"${$69.attr_style(`anchor-name: --${menuId};`)}>`);
       if (trigger) {
         $$renderer2.push("<!--[0-->");
         trigger($$renderer2);
@@ -4286,7 +4307,7 @@ function Dropdown($$renderer, $$props) {
       $$renderer2.push(`<!--]--></div> `);
       if (supportsPopover) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div${$68.attr("id", menuId)} class="cinder-dropdown__menu" popover="auto" role="menu"${$68.attr("data-cinder-placement", placement)}${$68.attr_style(`position-anchor: --${menuId};`)}>`);
+        $$renderer2.push(`<div${$69.attr("id", menuId)} class="cinder-dropdown__menu" popover="auto" role="menu"${$69.attr("data-cinder-placement", placement)}${$69.attr_style(`position-anchor: --${menuId};`)}>`);
         if (children) {
           $$renderer2.push("<!--[0-->");
           children($$renderer2);
@@ -4297,7 +4318,7 @@ function Dropdown($$renderer, $$props) {
         $$renderer2.push(`<!--]--></div>`);
       } else if (open) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div${$68.attr("id", menuId)} class="cinder-dropdown__menu" role="menu"${$68.attr("data-cinder-placement", placement)}>`);
+        $$renderer2.push(`<div${$69.attr("id", menuId)} class="cinder-dropdown__menu" role="menu"${$69.attr("data-cinder-placement", placement)}>`);
         if (children) {
           $$renderer2.push("<!--[0-->");
           children($$renderer2);
@@ -4318,12 +4339,12 @@ function Dropdown($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div>`);
-    $68.bind_props($$props, { open });
+    $69.bind_props($$props, { open });
   });
 }
 
 // src/components/dropdown-trigger/dropdown-trigger.svelte
-import * as $69 from "svelte/internal/server";
+import * as $70 from "svelte/internal/server";
 function Dropdown_trigger($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -4338,7 +4359,10 @@ function Dropdown_trigger($$renderer, $$props) {
     const context = getDropdownContext();
     const registerTrigger = getDropdownRegisterTrigger();
     const setOpen = getDropdownSetOpen();
-    let triggerElement = null;
+    function attachTrigger(node) {
+      registerTrigger(node);
+      return () => registerTrigger(null);
+    }
     function handleClick(event) {
       if (typeof onclick === "function") {
         onclick(event);
@@ -4347,9 +4371,9 @@ function Dropdown_trigger($$renderer, $$props) {
         setOpen(!context.isOpen);
       }
     }
-    $$renderer2.push(`<button${$69.attributes({
+    $$renderer2.push(`<button${$70.attributes({
       type: "button",
-      class: $69.clsx(classNames("cinder-dropdown-trigger", customClassName)),
+      class: $70.clsx(classNames("cinder-dropdown-trigger", customClassName)),
       style: `anchor-name: --${context.menuId};`,
       "aria-haspopup": "menu",
       "aria-expanded": context.isOpen,
@@ -4376,24 +4400,208 @@ function Dropdown_trigger($$renderer, $$props) {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-import * as $70 from "svelte/internal/server";
+import * as $71 from "svelte/internal/server";
 import { tick } from "svelte";
+
+// src/_internal/locale-context.ts
+import { createContext as createContext3 } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/locale-context.ts
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext3();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
+// src/_internal/text-direction.ts
+function resolveTextDirection(element2, fallback2) {
+  let currentElement = element2 ?? null;
+  let documentDirection;
+  let styledDirectionElement = null;
+  while (currentElement) {
+    const direction = currentElement.getAttribute("dir")?.toLowerCase();
+    if (direction === "rtl" || direction === "ltr") {
+      if (typeof getComputedStyle === "function" && styledDirectionElement) {
+        const styledDirection2 = getComputedStyle(styledDirectionElement).direction;
+        if (styledDirection2 === "rtl" || styledDirection2 === "ltr")
+          return styledDirection2;
+      }
+      if (currentElement === currentElement.ownerDocument.documentElement) {
+        documentDirection = direction;
+        break;
+      }
+      return direction;
+    }
+    if (direction === "auto" && typeof getComputedStyle === "function") {
+      const computedDirection2 = getComputedStyle(currentElement).direction;
+      if (computedDirection2 === "rtl" || computedDirection2 === "ltr")
+        return computedDirection2;
+    }
+    const styledDirection = currentElement.style.direction;
+    if (!styledDirectionElement && (styledDirection === "rtl" || styledDirection === "ltr")) {
+      styledDirectionElement = currentElement;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  if (typeof getComputedStyle === "function" && styledDirectionElement) {
+    const direction = getComputedStyle(styledDirectionElement).direction;
+    if (direction === "rtl" || direction === "ltr")
+      return direction;
+  }
+  const computedDirection = readComputedTextDirection(element2);
+  const rootComputedDirection = readComputedTextDirection(element2?.ownerDocument.documentElement);
+  if (computedDirection && computedDirection !== rootComputedDirection)
+    return computedDirection;
+  if (computedDirection && fallback2 && computedDirection !== fallback2 && hasDirectionStylingHint(element2)) {
+    return computedDirection;
+  }
+  if (!fallback2 && computedDirection === "rtl")
+    return computedDirection;
+  if (fallback2)
+    return fallback2;
+  if (documentDirection)
+    return documentDirection;
+  return;
+}
+function readComputedTextDirection(element2) {
+  if (!element2 || typeof getComputedStyle !== "function")
+    return;
+  const direction = getComputedStyle(element2).direction;
+  return direction === "rtl" || direction === "ltr" ? direction : undefined;
+}
+function hasDirectionStylingHint(element2) {
+  let currentElement = element2?.parentElement;
+  while (currentElement && currentElement !== currentElement.ownerDocument.documentElement) {
+    if (currentElement.style.direction)
+      return true;
+    if (matchesDirectionStyleRule(currentElement))
+      return true;
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function matchesDirectionStyleRule(element2) {
+  for (const sheet of Array.from(element2.ownerDocument.styleSheets)) {
+    let rules;
+    try {
+      rules = sheet.cssRules;
+    } catch {
+      continue;
+    }
+    if (matchesDirectionStyleRuleList(element2, rules))
+      return true;
+  }
+  return false;
+}
+function matchesDirectionStyleRuleList(element2, rules) {
+  for (const rule of Array.from(rules)) {
+    if (isCssStyleRule(rule)) {
+      if (!rule.style.direction) {
+        const nestedRules2 = readNestedCssRules(rule);
+        if (nestedRules2 && matchesDirectionStyleRuleList(element2, nestedRules2))
+          return true;
+        continue;
+      }
+      try {
+        if (element2.matches(rule.selectorText))
+          return true;
+      } catch {
+        continue;
+      }
+    }
+    const nestedRules = readNestedCssRules(rule);
+    if (nestedRules && isConditionalRuleActive(rule) && matchesDirectionStyleRuleList(element2, nestedRules)) {
+      return true;
+    }
+  }
+  return false;
+}
+function readNestedCssRules(rule) {
+  if (!("cssRules" in rule))
+    return;
+  try {
+    const nestedRules = Reflect.get(rule, "cssRules");
+    return isCssRuleCollection(nestedRules) ? nestedRules : undefined;
+  } catch {
+    return;
+  }
+}
+function isCssRuleCollection(value) {
+  if (typeof CSSRuleList !== "undefined" && value instanceof CSSRuleList)
+    return true;
+  return Array.isArray(value) && value.every(isCssRule);
+}
+function isCssRule(value) {
+  return typeof value === "object" && value !== null && typeof Reflect.get(value, "cssText") === "string" && typeof Reflect.get(value, "type") === "number";
+}
+function isCssStyleRule(rule) {
+  return typeof Reflect.get(rule, "selectorText") === "string" && typeof Reflect.get(rule, "style") === "object" && Reflect.get(rule, "style") !== null;
+}
+function isConditionalRuleActive(rule) {
+  const conditionText = Reflect.get(rule, "conditionText");
+  if (typeof conditionText !== "string" || !conditionText.trim())
+    return true;
+  if (isMediaRule(rule) && typeof matchMedia === "function") {
+    return matchMedia(conditionText).matches;
+  }
+  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
+    return CSS.supports(conditionText);
+  }
+  return true;
+}
+function isMediaRule(rule) {
+  return typeof Reflect.get(rule, "media") === "object" && Reflect.get(rule, "media") !== null;
+}
+function isSupportsRule(rule) {
+  return rule.constructor.name === "CSSSupportsRule" || Reflect.get(rule, "type") === 12;
+}
+
+// src/components/dropdown-menu/dropdown-menu.svelte
 function Dropdown_menu($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
+    let {
+      class: customClassName,
+      children,
+      dir: direction,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
     const context = getDropdownContext();
     const registerMenu = getDropdownRegister();
     const setOpen = getDropdownSetOpen();
+    const localeContext = getLocaleContext();
+    let directionRevision = 0;
+    const resolvedDirection = $71.derived(() => {
+      if (direction === "auto") {
+        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
+      }
+      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
+    });
+    const fallbackAnchorElement = $71.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
     let menuElement = null;
     let focusedFallbackOpen = false;
     const anchoredFallback = createAnchoredOverlay({
-      open: () => context.isOpen && !context.supportsPopover && Boolean(context.anchorElement),
-      anchor: () => context.anchorElement,
+      open: () => context.isOpen && !context.supportsPopover && Boolean(fallbackAnchorElement()),
+      anchor: () => fallbackAnchorElement(),
       panel: () => menuElement,
       placement: () => context.fallbackPlacement ?? "bottom-end",
       offset: () => 4,
       widthMode: () => context.widthMode ?? "menu"
     });
+    const fallbackPositionStyle = $71.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
+    const fallbackPositionReady = $71.derived(() => context.fallbackPositionReady ?? (fallbackAnchorElement() ? anchoredFallback.positionReady : undefined));
     const fallbackPortalAttachment = createPortalAttachment({
       target: () => typeof document === "undefined" ? null : document.body,
       source: () => context.anchorElement,
@@ -4403,7 +4611,7 @@ function Dropdown_menu($$renderer, $$props) {
     function getOwnedMenuItems() {
       if (!menuElement)
         return [];
-      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
+      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
     }
     function focusMenuItem(index) {
       const items = getOwnedMenuItems();
@@ -4459,16 +4667,18 @@ function Dropdown_menu($$renderer, $$props) {
     }
     if (context.supportsPopover || context.isOpen) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$70.attributes({
+      $$renderer2.push(`<div${$71.attributes({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
-        class: $70.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
-        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : context.anchorElement ? anchoredFallback.positionStyle : undefined,
+        class: $71.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
+        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : fallbackPositionStyle(),
         role: "menu",
         "aria-orientation": "vertical",
-        "data-cinder-position-ready": !context.supportsPopover && context.anchorElement ? anchoredFallback.positionReady : undefined,
+        "data-cinder-position-ready": !context.supportsPopover && fallbackPositionReady() !== undefined ? fallbackPositionReady() : undefined,
         tabindex: -1,
-        ...rest
+        ...rest,
+        dir: resolvedDirection(),
+        "data-cinder-explicit-direction": resolvedDirection() ? "true" : undefined
       })}>`);
       if (children) {
         $$renderer2.push("<!--[0-->");
@@ -4486,11 +4696,13 @@ function Dropdown_menu($$renderer, $$props) {
 }
 
 // src/components/dropdown-item/dropdown-item.svelte
-import * as $71 from "svelte/internal/server";
+import * as $72 from "svelte/internal/server";
 function Dropdown_item($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       variant = "default",
+      itemRole = "menuitem",
+      checked = false,
       inset = false,
       disabled,
       closeOnSelect = true,
@@ -4504,8 +4716,8 @@ function Dropdown_item($$renderer, $$props) {
       ...rest
     } = $$props;
     const context = getDropdownContext();
-    const isLink = $71.derived(() => href !== undefined);
-    const sharedClass = $71.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
+    const isLink = $72.derived(() => href !== undefined);
+    const sharedClass = $72.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
     function handleClick(event) {
       if (disabled) {
         event.preventDefault();
@@ -4535,16 +4747,18 @@ function Dropdown_item($$renderer, $$props) {
         return;
       event.currentTarget.click();
     }
-    const anchorAttributes = rest;
-    const buttonAttributes = rest;
-    const buttonType = $71.derived(() => rest.type ?? "button");
+    const anchorAttributes = $72.derived(() => rest);
+    const buttonAttributes = $72.derived(() => rest);
+    const buttonType = $72.derived(() => rest.type ?? "button");
+    const ariaChecked = $72.derived(() => itemRole === "menuitemradio" ? checked : undefined);
     if (isLink()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<a${$71.attributes({
-        ...anchorAttributes,
+      $$renderer2.push(`<a${$72.attributes({
+        ...anchorAttributes(),
         href,
-        role: "menuitem",
-        class: $71.clsx(sharedClass()),
+        role: itemRole,
+        "aria-checked": ariaChecked(),
+        class: $72.clsx(sharedClass()),
         "data-cinder-variant": variant,
         tabindex: -1,
         "data-disabled": disabled ? "" : undefined,
@@ -4560,11 +4774,12 @@ function Dropdown_item($$renderer, $$props) {
       $$renderer2.push(`<!--]--></a>`);
     } else {
       $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<button${$71.attributes({
-        ...buttonAttributes,
+      $$renderer2.push(`<button${$72.attributes({
+        ...buttonAttributes(),
         type: buttonType(),
-        role: "menuitem",
-        class: $71.clsx(sharedClass()),
+        role: itemRole,
+        "aria-checked": ariaChecked(),
+        class: $72.clsx(sharedClass()),
         "data-cinder-variant": variant,
         tabindex: -1,
         "data-disabled": disabled ? "" : undefined,
@@ -4594,7 +4809,7 @@ function Toolbar_dropdown($$renderer, $$props) {
       onchange,
       class: className
     } = $$props;
-    const currentOption = $72.derived(() => options.find((opt) => opt.type === value) ?? options[0]);
+    const currentOption = $73.derived(() => options.find((opt) => opt.type === value) ?? options[0]);
     function handleSelect(type) {
       onchange?.(type);
     }
@@ -4619,7 +4834,7 @@ function Toolbar_dropdown($$renderer, $$props) {
             } else {
               $$renderer4.push("<!--[-1-->");
             }
-            $$renderer4.push(`<!--]--> <span class="toolbar-dropdown-label svelte-1v28aut">${$72.escape(currentOption()?.label ?? "Paragraph")}</span>`);
+            $$renderer4.push(`<!--]--> <span class="toolbar-dropdown-label svelte-1v28aut">${$73.escape(currentOption()?.label ?? "Paragraph")}</span>`);
           },
           $$slots: { default: true }
         });
@@ -4627,13 +4842,15 @@ function Toolbar_dropdown($$renderer, $$props) {
         Dropdown_menu($$renderer3, {
           children: ($$renderer4) => {
             $$renderer4.push(`<!--[-->`);
-            const each_array = $72.ensure_array_like(options);
+            const each_array = $73.ensure_array_like(options);
             for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
               let option = each_array[$$index];
               const isActive = option.type === value;
               Dropdown_item($$renderer4, {
                 onclick: () => handleSelect(option.type),
                 "data-active": isActive ? "" : undefined,
+                itemRole: "menuitemradio",
+                checked: isActive,
                 children: ($$renderer5) => {
                   if (option.icon) {
                     $$renderer5.push("<!--[-->");
@@ -4643,7 +4860,7 @@ function Toolbar_dropdown($$renderer, $$props) {
                     $$renderer5.push("<!--[!-->");
                     $$renderer5.push("<!--]-->");
                   }
-                  $$renderer5.push(` <span class="dropdown-item-label svelte-1v28aut">${$72.escape(option.label)}</span> `);
+                  $$renderer5.push(` <span class="dropdown-item-label svelte-1v28aut">${$73.escape(option.label)}</span> `);
                   if (isActive) {
                     $$renderer5.push("<!--[0-->");
                     Check($$renderer5, { class: "icon-sm dropdown-item-check" });
@@ -4678,6 +4895,7 @@ function Editor_toolbar($$renderer, $$props) {
       canUndo = false,
       canRedo = false,
       disabled = false,
+      linkPopoverOpen = false,
       onLinkClick,
       onUndo,
       onRedo,
@@ -4695,7 +4913,7 @@ function Editor_toolbar($$renderer, $$props) {
       { type: "heading3", label: "Heading 3", icon: Heading_3 },
       { type: "blockquote", label: "Quote", icon: Quote }
     ];
-    const currentBlockType = $73.derived(() => {
+    const currentBlockType = $74.derived(() => {
       if (activeBlockType.type === "heading") {
         switch (activeBlockType.headingLevel) {
           case 1:
@@ -4767,7 +4985,7 @@ function Editor_toolbar($$renderer, $$props) {
           break;
       }
     }
-    Toolbar($$renderer2, $73.spread_props([
+    Toolbar($$renderer2, $74.spread_props([
       {
         id,
         "aria-label": "Formatting toolbar",
@@ -4859,8 +5077,8 @@ function Editor_toolbar($$renderer, $$props) {
             icon: Link,
             label: "Insert Link",
             shortcut: getShortcutDisplay("Mod-k"),
-            toggle: true,
-            pressed: activeMarks.link,
+            "aria-haspopup": "dialog",
+            "aria-expanded": linkPopoverOpen,
             disabled,
             onclick: handleLink,
             "data-testid": "toolbar-link"
@@ -4919,10 +5137,11 @@ function Editor_toolbar($$renderer, $$props) {
   });
 }
 // src/components/markdown-editor/editor-toolbar/link-popover.svelte
-import * as $76 from "svelte/internal/server";
+import * as $77 from "svelte/internal/server";
+import { tick as tick2 } from "svelte";
 
 // src/components/input/input.svelte
-import * as $74 from "svelte/internal/server";
+import * as $75 from "svelte/internal/server";
 
 // src/_internal/field-control.ts
 function describeId(fieldId, hasDescription) {
@@ -4963,26 +5182,20 @@ function resolveFieldControl(input) {
 }
 
 // src/_internal/form-field-context.ts
-import { createContext as createContext3 } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/form-field-context.ts
-var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext3();
+import { createContext as createContext4 } from "svelte";
+var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext4();
 function setFormFieldContext(context) {
   setFormFieldContextRaw(context);
 }
 var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
+// src/utilities/value-change.ts
+function commitValue(proposed, onValueChange, setValue) {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}
+
 // src/components/input/input.svelte
 function calendarIcon($$renderer) {
   $$renderer.push(`<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>`);
@@ -4992,6 +5205,7 @@ function Input($$renderer, $$props) {
     let {
       id,
       value = "",
+      onValueChange,
       label,
       description,
       error,
@@ -5004,54 +5218,90 @@ function Input($$renderer, $$props) {
       leadingInteractive = false,
       trailingInteractive = false,
       "aria-describedby": consumerDescribedBy,
+      "aria-invalid": consumerInvalid,
+      oninput: consumerOninput,
       $$slots,
       $$events,
       ...rest
     } = $$props;
     const context = getFormFieldContext();
-    const defaultDescriptionId = $74.derived(() => describeId(id, !!description));
-    const defaultErrorId = $74.derived(() => errorId(id, !!error));
-    const ownDescriptionId = $74.derived(() => description && defaultDescriptionId() === context?.descriptionId ? `${id}-input-description` : defaultDescriptionId());
-    const ownErrorId = $74.derived(() => error && defaultErrorId() === context?.errorId ? `${id}-input-error` : defaultErrorId());
-    const resolvedDescriptionId = $74.derived(() => ownDescriptionId() ?? context?.descriptionId);
-    const resolvedErrorId = $74.derived(() => ownErrorId() ?? context?.errorId);
-    const describedBy = $74.derived(() => composeDescribedBy(resolvedDescriptionId(), resolvedErrorId(), consumerDescribedBy));
-    const resolvedAriaInvalid = $74.derived(() => error ? ariaInvalid(true) : context?.invalid ?? rest["aria-invalid"] ?? ariaInvalid(false));
-    const resolvedRequired = $74.derived(() => required ?? context?.required ?? false);
-    const resolvedDisabled = $74.derived(() => disabled ?? context?.disabled ?? false);
-    const isNativeDateInput = $74.derived(() => type === "date");
-    const rendersNativeDateIcon = $74.derived(() => isNativeDateInput() && !trailing);
-    const hasTrailing = $74.derived(() => !!trailing || isNativeDateInput());
-    const hasGroupWrapper = $74.derived(() => !!leading || hasTrailing());
-    const isInvalid = $74.derived(() => resolvedAriaInvalid() === "true" || resolvedAriaInvalid() === true);
+    const field = $75.derived(() => resolveFieldControl({
+      id,
+      generatedId: id,
+      context,
+      hasDescription: !!description,
+      hasError: !!error,
+      localIdNamespace: "input",
+      consumerDescribedBy,
+      consumerInvalid,
+      required,
+      disabled
+    }));
+    const ownDescriptionId = $75.derived(() => field().ownDescriptionId);
+    const ownErrorId = $75.derived(() => field().ownErrorId);
+    const describedBy = $75.derived(() => field().describedBy);
+    const resolvedAriaInvalid = $75.derived(() => field().ariaInvalid);
+    const resolvedRequired = $75.derived(() => field().required);
+    const resolvedDisabled = $75.derived(() => field().disabled);
+    const isNativeDateInput = $75.derived(() => type === "date");
+    const rendersNativeDateIcon = $75.derived(() => isNativeDateInput() && !trailing);
+    const hasTrailing = $75.derived(() => !!trailing || isNativeDateInput());
+    const hasGroupWrapper = $75.derived(() => !!leading || hasTrailing());
+    const isInvalid = $75.derived(() => resolvedAriaInvalid() === "true");
+    let inputNode = undefined;
+    let resetSyncTimeout;
+    function syncValueAfterFormReset() {
+      if (resetSyncTimeout !== undefined)
+        clearTimeout(resetSyncTimeout);
+      resetSyncTimeout = setTimeout(() => {
+        resetSyncTimeout = undefined;
+        if (inputNode)
+          value = inputNode.value;
+      }, 0);
+    }
+    function handleInput(event) {
+      const target = event.currentTarget;
+      const committed = commitValue(target.value, onValueChange, (next) => {
+        value = next;
+      });
+      target.value = committed;
+      consumerOninput?.(event);
+    }
     function inputElement($$renderer3) {
-      $$renderer3.push(`<input${$74.attributes({
+      $$renderer3.push(`<input${$75.attributes({
         id,
         type,
+        ...rest,
         disabled: resolvedDisabled(),
         required: resolvedRequired(),
         value,
-        class: $74.clsx(classNames("cinder-input", className)),
+        class: $75.clsx(classNames("cinder-input", className)),
         "data-cinder-native-date": rendersNativeDateIcon() ? "" : undefined,
         "aria-invalid": resolvedAriaInvalid(),
-        "aria-describedby": describedBy(),
-        ...rest
+        "aria-describedby": describedBy()
       }, undefined, undefined, undefined, 4)}/>`);
     }
     $$renderer2.push(`<div class="cinder-input-field">`);
     if (label) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<label${$74.attr("for", id)} class="cinder-input-field__label"${$74.attr("data-disabled", resolvedDisabled() || undefined)}>${$74.escape(label)}</label>`);
+      $$renderer2.push(`<label${$75.attr("for", id)} class="cinder-input-field__label"${$75.attr("data-disabled", resolvedDisabled() || undefined)}>${$75.escape(label)} `);
+      if (resolvedRequired()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (hasGroupWrapper()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-input-group"${$74.attr("data-leading", leading ? "" : undefined)}${$74.attr("data-trailing", hasTrailing() ? "" : undefined)}${$74.attr("data-native-date", rendersNativeDateIcon() ? "" : undefined)}${$74.attr("data-disabled", resolvedDisabled() ? "" : undefined)}${$74.attr("data-invalid", isInvalid() ? "" : undefined)}>`);
+      $$renderer2.push(`<div class="cinder-input-group"${$75.attr("data-leading", leading ? "" : undefined)}${$75.attr("data-trailing", hasTrailing() ? "" : undefined)}${$75.attr("data-native-date", rendersNativeDateIcon() ? "" : undefined)}${$75.attr("data-disabled", resolvedDisabled() ? "" : undefined)}${$75.attr("data-invalid", isInvalid() ? "" : undefined)}>`);
       if (leading) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<span class="cinder-input-group__leading cinder-_truncate"${$74.attr("aria-hidden", leadingInteractive ? undefined : "true")}>`);
+        $$renderer2.push(`<span class="cinder-input-group__leading cinder-_truncate"${$75.attr("aria-hidden", leadingInteractive ? undefined : "true")}>`);
         leading($$renderer2);
         $$renderer2.push(`<!----></span>`);
       } else {
@@ -5062,7 +5312,7 @@ function Input($$renderer, $$props) {
       $$renderer2.push(`<!----> `);
       if (trailing) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<span class="cinder-input-group__trailing cinder-_truncate"${$74.attr("aria-hidden", trailingInteractive ? undefined : "true")}>`);
+        $$renderer2.push(`<span class="cinder-input-group__trailing cinder-_truncate"${$75.attr("aria-hidden", trailingInteractive ? undefined : "true")}>`);
         trailing($$renderer2);
         $$renderer2.push(`<!----></span>`);
       } else if (rendersNativeDateIcon()) {
@@ -5081,26 +5331,26 @@ function Input($$renderer, $$props) {
     $$renderer2.push(`<!--]--> `);
     if (description) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p${$74.attr("id", ownDescriptionId())} class="cinder-input-field__description">${$74.escape(description)}</p>`);
+      $$renderer2.push(`<p${$75.attr("id", ownDescriptionId())} class="cinder-input-field__description">${$75.escape(description)}</p>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (error) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p${$74.attr("id", ownErrorId())} class="cinder-input-field__error" aria-live="polite">${$74.escape(error)}</p>`);
+      $$renderer2.push(`<p${$75.attr("id", ownErrorId())} class="cinder-input-field__error" aria-live="polite">${$75.escape(error)}</p>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div>`);
-    $74.bind_props($$props, { value });
+    $75.bind_props($$props, { value });
   });
 }
 
 // ../../node_modules/lucide-svelte/dist/icons/unlink.svelte
-import * as $75 from "svelte/internal/server";
+import * as $76 from "svelte/internal/server";
 function Unlink($$renderer, $$props) {
-  const $$sanitized_props = $75.sanitize_props($$props);
+  const $$sanitized_props = $76.sanitize_props($$props);
   const iconNode = [
     [
       "path",
@@ -5119,14 +5369,14 @@ function Unlink($$renderer, $$props) {
     ["line", { x1: "16", x2: "16", y1: "19", y2: "22" }],
     ["line", { x1: "19", x2: "22", y1: "16", y2: "16" }]
   ];
-  Icon($$renderer, $75.spread_props([
+  Icon($$renderer, $76.spread_props([
     { name: "unlink" },
     $$sanitized_props,
     {
       iconNode,
       children: ($$renderer2) => {
         $$renderer2.push(`<!--[-->`);
-        $75.slot($$renderer2, $$props, "default", {}, null);
+        $76.slot($$renderer2, $$props, "default", {}, null);
         $$renderer2.push(`<!--]-->`);
       },
       $$slots: { default: true }
@@ -5159,6 +5409,7 @@ function Link_popover($$renderer, $$props) {
     });
     let url = initialUrl;
     let text = initialText;
+    let initialFocusApplied = false;
     const ALLOWED_PROTOCOLS = [
       "http:",
       "https:",
@@ -5169,7 +5420,7 @@ function Link_popover($$renderer, $$props) {
       "sms:"
     ];
     const DANGEROUS_SCHEMES = ["javascript:", "data:", "vbscript:"];
-    const urlError = $76.derived(() => {
+    const urlError = $77.derived(() => {
       if (!url.trim())
         return;
       const trimmedUrl = url.trim().toLowerCase();
@@ -5198,7 +5449,7 @@ function Link_popover($$renderer, $$props) {
         }
       }
     });
-    const canSubmit = $76.derived(() => url.trim() && !urlError() && (hasSelection || text.trim()));
+    const canSubmit = $77.derived(() => url.trim() && !urlError() && (hasSelection || text.trim()));
     function handleKeyDown(event) {
       if (event.key === "Escape" && !event.defaultPrevented) {
         event.preventDefault();
@@ -5226,9 +5477,9 @@ function Link_popover($$renderer, $$props) {
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$76.attr("id", id)} role="dialog" aria-modal="true"${$76.attr("aria-labelledby", `${id}-title`)} tabindex="-1"${$76.attr_class($76.clsx(classNames("link-popover", className)), "svelte-13b14j2")}${$76.attr_style(anchorElement ? anchoredOverlay.positionStyle : undefined)}${$76.attr("data-position-ready", anchorElement ? anchoredOverlay.positionReady : undefined)}${$76.attr("inert", anchorElement && !anchoredOverlay.positionReady ? true : undefined, true)}><header class="link-popover-header svelte-13b14j2"><h2${$76.attr("id", `${id}-title`)} class="link-popover-title svelte-13b14j2">`);
+      $$renderer3.push(`<div${$77.attr("id", id)} role="dialog" aria-modal="true"${$77.attr("aria-labelledby", `${id}-title`)} tabindex="-1"${$77.attr_class($77.clsx(classNames("link-popover", className)), "svelte-13b14j2")}${$77.attr_style(anchorElement ? anchoredOverlay.positionStyle : undefined)}${$77.attr("data-position-ready", anchorElement ? anchoredOverlay.positionReady : undefined)}${$77.attr("inert", anchorElement && !anchoredOverlay.positionReady ? true : undefined, true)}><header class="link-popover-header svelte-13b14j2"><h2${$77.attr("id", `${id}-title`)} class="link-popover-title svelte-13b14j2">`);
       Link($$renderer3, { class: "icon-sm" });
-      $$renderer3.push(`<!----> ${$76.escape(mode === "insert" ? "Insert Link" : "Edit Link")}</h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close">`);
+      $$renderer3.push(`<!----> ${$77.escape(mode === "insert" ? "Insert Link" : "Edit Link")}</h2> <button type="button" class="link-popover-close svelte-13b14j2" aria-label="Close">`);
       X($$renderer3, { class: "icon-sm" });
       $$renderer3.push(`<!----></button></header> <div class="link-popover-content svelte-13b14j2">`);
       Input($$renderer3, {
@@ -5298,7 +5549,7 @@ function Link_popover($$renderer, $$props) {
         onclick: handleSubmit,
         disabled: !canSubmit(),
         children: ($$renderer4) => {
-          $$renderer4.push(`<!---->${$76.escape(mode === "insert" ? "Insert" : "Update")}`);
+          $$renderer4.push(`<!---->${$77.escape(mode === "insert" ? "Insert" : "Update")}`);
         },
         $$slots: { default: true }
       });
@@ -5327,10 +5578,10 @@ function Markdown_editor($$renderer, $$props) {
       showToolbar = true,
       class: className,
       onchange,
-      onReady,
+      onready,
       onmodechange,
-      onSelectionChange,
-      onCommentShortcut,
+      onselectionchange,
+      oncommentshortcut,
       plugins = [],
       placeholderCompletion,
       placeholderDecoration,
@@ -5344,7 +5595,7 @@ function Markdown_editor($$renderer, $$props) {
       ...rest
     } = $$props;
     let wrapperElement = null;
-    const escapedPlaceholder = $77.derived(() => placeholder.replace(/'/g, "\\'"));
+    const escapedPlaceholder = $78.derived(() => placeholder.replace(/'/g, "\\'"));
     let editorState = null;
     let isInitializing = true;
     let pipelineUtilities = null;
@@ -5371,8 +5622,8 @@ function Markdown_editor($$renderer, $$props) {
     }
     let selectionVersion = 0;
     let historyUtilities = null;
-    const editorContext = $77.derived(() => editorState?.editor?.ctx ?? null);
-    const activeMarks = $77.derived(() => {
+    const editorContext = $78.derived(() => editorState?.editor?.ctx ?? null);
+    const activeMarks = $78.derived(() => {
       if (!editorContext()) {
         return {
           bold: false,
@@ -5384,26 +5635,26 @@ function Markdown_editor($$renderer, $$props) {
       }
       return getActiveMarks(editorContext());
     });
-    const activeBlockType = $77.derived(() => {
+    const activeBlockType = $78.derived(() => {
       if (!editorContext()) {
         return { type: "paragraph" };
       }
       return getActiveBlockType(editorContext());
     });
-    const canUndo = $77.derived(() => {
+    const canUndo = $78.derived(() => {
       const view = editorState?.view;
       if (!view || historyUtilities === null)
         return false;
       return historyUtilities.undoDepth(view.state) > 0;
     });
-    const canRedo = $77.derived(() => {
+    const canRedo = $78.derived(() => {
       const view = editorState?.view;
       if (!view || historyUtilities === null)
         return false;
       return historyUtilities.redoDepth(view.state) > 0;
     });
-    const toolbarVisible = $77.derived(() => showToolbar && !readonly && false_default && (mode === "wysiwyg" || showModeToggle));
-    const toolbarContext = $77.derived(() => ({
+    const toolbarVisible = $78.derived(() => showToolbar && !readonly && false_default && (mode === "wysiwyg" || showModeToggle));
+    const toolbarContext = $78.derived(() => ({
       editorContext: editorContext(),
       activeMarks: activeMarks(),
       activeBlockType: activeBlockType(),
@@ -5413,30 +5664,30 @@ function Markdown_editor($$renderer, $$props) {
     }));
     let linkPopoverOpen = false;
     let linkPopoverAnchorElement = null;
-    const linkPopoverMode = $77.derived(() => {
+    const linkPopoverMode = $78.derived(() => {
       if (!editorContext())
         return "insert";
       const existingUrl = getLinkAtCursor(editorContext());
       return existingUrl ? "edit" : "insert";
     });
-    const linkPopoverInitialUrl = $77.derived(() => {
+    const linkPopoverInitialUrl = $78.derived(() => {
       if (!editorContext())
         return "";
       return getLinkAtCursor(editorContext()) ?? "";
     });
-    const linkPopoverHasSelection = $77.derived(() => {
+    const linkPopoverHasSelection = $78.derived(() => {
       if (!editorContext())
         return false;
       return !isSelectionCollapsed(editorContext());
     });
-    const linkPopoverInitialText = $77.derived(() => {
+    const linkPopoverInitialText = $78.derived(() => {
       if (!editorContext())
         return "";
       if (!isSelectionCollapsed(editorContext()))
         return "";
       return getLinkTextAtCursor(editorContext()) ?? "";
     });
-    const lastKnownLinkRange = $77.derived(() => {
+    const lastKnownLinkRange = $78.derived(() => {
       if (!editorContext())
         return null;
       const url = getLinkAtCursor(editorContext());
@@ -5492,7 +5743,7 @@ function Markdown_editor($$renderer, $$props) {
       linkPopoverAnchorElement = null;
       editorState?.focus();
     }
-    function handleLinkInsert(url, text) {
+    function handleLinkInsert(url, text = undefined) {
       if (!editorContext())
         return;
       if (text) {
@@ -5536,12 +5787,12 @@ function Markdown_editor($$renderer, $$props) {
       getPlugins: () => plugins,
       getPlaceholderCompletion: () => placeholderCompletion,
       getPlaceholderDecoration: () => placeholderDecoration,
-      onReady: (state) => {
+      onready: (state) => {
         editorState = state;
         isInitializing = false;
-        onReady?.();
+        onready?.();
       },
-      onChange: (markdown) => {
+      onchange: (markdown) => {
         isInternalUpdate = true;
         value = markdown;
         onchange?.(markdown);
@@ -5550,16 +5801,16 @@ function Markdown_editor($$renderer, $$props) {
           isInternalUpdate = false;
         });
       },
-      onSelectionChange: (selection) => {
+      onselectionchange: (selection) => {
         selectionVersion++;
-        onSelectionChange?.(selection);
+        onselectionchange?.(selection);
       },
-      onLinkShortcut: () => {
+      onlinkshortcut: () => {
         capturedLinkRange = lastKnownLinkRange();
         linkPopoverAnchorElement = resolveLinkPopoverAnchor();
         linkPopoverOpen = true;
       },
-      onCommentShortcut: () => onCommentShortcut?.()
+      oncommentshortcut: () => oncommentshortcut?.()
     });
     let previousMode = mode;
     function focus() {
@@ -5594,15 +5845,15 @@ function Markdown_editor($$renderer, $$props) {
     function getEditor() {
       return editorState?.editor ?? null;
     }
-    onDestroy2(() => {
+    onDestroy(() => {
       editorState?.clearPendingTimers();
       editorState = null;
     });
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$77.attributes({
-        class: $77.clsx(classNames("markdown-editor-wrapper", className)),
+      $$renderer3.push(`<div${$78.attributes({
+        class: $78.clsx(classNames("markdown-editor-wrapper", className)),
         "data-initializing": isInitializing || undefined,
         "data-ready": !isInitializing ? true : undefined,
         "data-mode": mode,
@@ -5636,6 +5887,7 @@ function Markdown_editor($$renderer, $$props) {
             activeBlockType: activeBlockType(),
             canUndo: canUndo(),
             canRedo: canRedo(),
+            linkPopoverOpen,
             disabled: !editorContext(),
             onLinkClick: handleLinkClick,
             onUndo: handleUndo,
@@ -5702,13 +5954,13 @@ function Markdown_editor($$renderer, $$props) {
         $$renderer3.push("<!--[0-->");
         if (mode === "wysiwyg") {
           $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div${$77.attr("id", id)} class="cinder-markdown-content prose markdown-editor surface svelte-1mxvqjb"${$77.attr("data-readonly", readonly || undefined)} role="application"${$77.attr("aria-label", label || "Markdown editor")} tabindex="0"${$77.attr_style("", {
-            "--editor-placeholder": `'${$77.stringify(escapedPlaceholder())}'`
+          $$renderer3.push(`<div${$78.attr("id", id)} class="cinder-markdown-content prose markdown-editor surface svelte-1mxvqjb"${$78.attr("data-readonly", readonly || undefined)} role="application"${$78.attr("aria-label", label || "Markdown editor")} tabindex="0"${$78.attr_style("", {
+            "--editor-placeholder": `'${$78.stringify(escapedPlaceholder())}'`
           })}></div>`);
         } else {
           $$renderer3.push("<!--[-1-->");
-          $$renderer3.push(`<textarea${$77.attr("id", id)} class="markdown-editor surface source-mode svelte-1mxvqjb"${$77.attr("placeholder", placeholder)}${$77.attr("readonly", readonly || undefined, true)}${$77.attr("aria-label", label)}${$77.attr("aria-describedby", ariaDescribedby)}>`);
-          const $$body = $77.escape(value);
+          $$renderer3.push(`<textarea${$78.attr("id", id)} class="markdown-editor surface source-mode svelte-1mxvqjb"${$78.attr("placeholder", placeholder)}${$78.attr("readonly", readonly || undefined, true)}${$78.attr("aria-label", label)}${$78.attr("aria-describedby", ariaDescribedby)} aria-multiline="true">`);
+          const $$body = $78.escape(value);
           if ($$body) {
             $$renderer3.push(`${$$body}`);
           } else {}
@@ -5744,7 +5996,7 @@ function Markdown_editor($$renderer, $$props) {
       $$render_inner($$inner_renderer);
     } while (!$$settled);
     $$renderer2.subsume($$inner_renderer);
-    $77.bind_props($$props, {
+    $78.bind_props($$props, {
       value,
       mode,
       focus,
@@ -5767,6 +6019,7 @@ function Chat_input($$renderer, $$props) {
       id,
       value = "",
       placeholder = "Type a message...",
+      composerLabel = "Message",
       disabled = false,
       sending = false,
       error,
@@ -5800,7 +6053,7 @@ function Chat_input($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
-    const showStopButton = $78.derived(() => sending && onstop !== undefined);
+    const showStopButton = $79.derived(() => sending && onstop !== undefined);
     let formElement = null;
     let editorRef;
     let fileInputRef = null;
@@ -5808,13 +6061,13 @@ function Chat_input($$renderer, $$props) {
     let isDragOver = false;
     let isComposing = false;
     const announcer = useAnnouncer();
-    const errorId2 = $78.derived(() => `${id}-error`);
-    const hintId = $78.derived(() => `${id}-hint`);
-    const shortcutDescriptionId = $78.derived(() => `${id}-shortcut-description`);
-    const isWhitespaceOnly = $78.derived(() => value.trim().length === 0);
-    const hasPendingAttachments = $78.derived(() => attachments.some((a) => a.status === "pending" || a.status === "uploading"));
-    const canSubmit = $78.derived(() => !isWhitespaceOnly() && !disabled && !sending && !hasPendingAttachments());
-    const isFormActionMode = $78.derived(() => !!action);
+    const errorId2 = $79.derived(() => `${id}-error`);
+    const hintId = $79.derived(() => `${id}-hint`);
+    const shortcutDescriptionId = $79.derived(() => `${id}-shortcut-description`);
+    const isWhitespaceOnly = $79.derived(() => value.trim().length === 0);
+    const hasPendingAttachments = $79.derived(() => attachments.some((a) => a.status === "pending" || a.status === "uploading"));
+    const canSubmit = $79.derived(() => !isWhitespaceOnly() && !disabled && !sending && !hasPendingAttachments());
+    const isFormActionMode = $79.derived(() => !!action);
     function isValidType(file) {
       return acceptedTypes.some((type) => {
         if (type.endsWith("/*")) {
@@ -5981,14 +6234,14 @@ function Chat_input($$renderer, $$props) {
         return;
       files.forEach(addAttachment);
     }
-    onDestroy3(() => {
+    onDestroy2(() => {
       attachments.forEach((a) => URL.revokeObjectURL(a.previewUrl));
     });
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<form${$78.attributes({
-        class: $78.clsx(classNames("chat-input", isDragOver && "chat-input-dragover", className)),
+      $$renderer3.push(`<form${$79.attributes({
+        class: $79.clsx(classNames("chat-input", isDragOver && "chat-input-dragover", className)),
         method: "POST",
         action,
         "aria-label": "Chat message composer",
@@ -5997,7 +6250,7 @@ function Chat_input($$renderer, $$props) {
       }, "svelte-1tzweuh")}>`);
       if (isFormActionMode()) {
         $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<input type="hidden"${$78.attr("name", name)}${$78.attr("value", value)}/>`);
+        $$renderer3.push(`<input type="hidden"${$79.attr("name", name)}${$79.attr("value", value)}/>`);
       } else {
         $$renderer3.push("<!--[-1-->");
       }
@@ -6005,12 +6258,12 @@ function Chat_input($$renderer, $$props) {
       if (attachments.length > 0) {
         $$renderer3.push("<!--[0-->");
         $$renderer3.push(`<div class="chat-input-attachments svelte-1tzweuh" role="list" aria-label="Attached files"><!--[-->`);
-        const each_array = $78.ensure_array_like(attachments);
+        const each_array = $79.ensure_array_like(attachments);
         for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
           let attachment = each_array[$$index];
           $$renderer3.push(`<div class="chat-input-attachment-wrapper svelte-1tzweuh" role="listitem">`);
           Chat_attachment_preview($$renderer3, { attachment });
-          $$renderer3.push(`<!----> <button type="button" class="chat-input-attachment-remove svelte-1tzweuh"${$78.attr("aria-label", `Remove ${attachment.file.name}`)}>`);
+          $$renderer3.push(`<!----> <button type="button" class="chat-input-attachment-remove svelte-1tzweuh"${$79.attr("aria-label", `Remove ${attachment.file.name}`)}>`);
           X($$renderer3, { class: "icon-xs" });
           $$renderer3.push(`<!----></button></div>`);
         }
@@ -6022,6 +6275,7 @@ function Chat_input($$renderer, $$props) {
       Markdown_editor($$renderer3, {
         id: `${id}-editor`,
         placeholder,
+        label: composerLabel,
         readonly: disabled || sending,
         showToolbar: false,
         showModeToggle: false,
@@ -6038,7 +6292,7 @@ function Chat_input($$renderer, $$props) {
       $$renderer3.push(`<!----></div> <div class="chat-input-footer svelte-1tzweuh"><div class="chat-input-footer-left svelte-1tzweuh">`);
       if (allowAttachments) {
         $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<input${$78.attr("id", `${id}-file-picker`)} type="file"${$78.attr("accept", acceptedTypes.join(","))} multiple="" class="sr-only svelte-1tzweuh" aria-label="Attach files"${$78.attr("tabindex", -1)}/> `);
+        $$renderer3.push(`<input${$79.attr("id", `${id}-file-picker`)} type="file"${$79.attr("accept", acceptedTypes.join(","))} multiple="" class="sr-only svelte-1tzweuh" aria-label="Attach files"${$79.attr("tabindex", -1)}/> `);
         Button($$renderer3, {
           type: "button",
           variant: "ghost",
@@ -6055,7 +6309,22 @@ function Chat_input($$renderer, $$props) {
       } else {
         $$renderer3.push("<!--[-1-->");
       }
-      $$renderer3.push(`<!--]--> <span${$78.attr("id", shortcutDescriptionId())} class="sr-only svelte-1tzweuh">Press Enter to send, Shift+Enter for newline</span> <span${$78.attr("id", hintId())} 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></div> <div class="chat-input-footer-right svelte-1tzweuh">`);
+      $$renderer3.push(`<!--]--> <span${$79.attr("id", shortcutDescriptionId())} class="sr-only svelte-1tzweuh">`);
+      if (showStopButton()) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`Response is streaming. Use the stop button to stop generation.`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`Press Enter to send, Shift+Enter for newline`);
+      }
+      $$renderer3.push(`<!--]--></span> `);
+      if (!showStopButton()) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span${$79.attr("id", hintId())} 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>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div> <div class="chat-input-footer-right svelte-1tzweuh">`);
       if (actions) {
         $$renderer3.push("<!--[0-->");
         actions($$renderer3);
@@ -6066,12 +6335,12 @@ function Chat_input($$renderer, $$props) {
       $$renderer3.push(`<!--]--> `);
       if (showStopButton()) {
         $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<button type="button" class="chat-input-send svelte-1tzweuh" data-stop="" aria-label="Stop generating">`);
+        $$renderer3.push(`<button type="button" class="chat-input-send svelte-1tzweuh" data-stop="" aria-label="Stop generating"${$79.attr("aria-describedby", shortcutDescriptionId())}>`);
         Square($$renderer3, { class: "icon-sm" });
         $$renderer3.push(`<!----></button>`);
       } else {
         $$renderer3.push("<!--[-1-->");
-        $$renderer3.push(`<button type="submit" class="chat-input-send svelte-1tzweuh"${$78.attr("disabled", !canSubmit(), true)}${$78.attr("aria-label", sending ? "Sending message" : "Send message")}${$78.attr("aria-describedby", shortcutDescriptionId())}>`);
+        $$renderer3.push(`<button type="submit" class="chat-input-send svelte-1tzweuh"${$79.attr("disabled", !canSubmit(), true)}${$79.attr("aria-label", sending ? "Sending message" : "Send message")}${$79.attr("aria-describedby", shortcutDescriptionId())}>`);
         if (sending) {
           $$renderer3.push("<!--[0-->");
           $$renderer3.push(`<svg class="chat-input-spinner svelte-1tzweuh" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"><circle class="spinner-track svelte-1tzweuh" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="spinner-head svelte-1tzweuh" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>`);
@@ -6084,11 +6353,11 @@ function Chat_input($$renderer, $$props) {
       $$renderer3.push(`<!--]--></div></div> `);
       if (error) {
         $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<p${$78.attr("id", errorId2())} class="chat-input-error svelte-1tzweuh" role="alert">${$78.escape(error)}</p>`);
+        $$renderer3.push(`<p${$79.attr("id", errorId2())} class="chat-input-error svelte-1tzweuh" role="alert">${$79.escape(error)}</p>`);
       } else {
         $$renderer3.push("<!--[-1-->");
       }
-      $$renderer3.push(`<!--]--> <div aria-live="polite" aria-atomic="true" class="sr-only svelte-1tzweuh">${$78.escape(announcer.message)}</div></form>`);
+      $$renderer3.push(`<!--]--> <div aria-live="polite" aria-atomic="true" class="sr-only svelte-1tzweuh">${$79.escape(announcer.message)}</div></form>`);
     }
     do {
       $$settled = true;
@@ -6096,7 +6365,7 @@ function Chat_input($$renderer, $$props) {
       $$render_inner($$inner_renderer);
     } while (!$$settled);
     $$renderer2.subsume($$inner_renderer);
-    $78.bind_props($$props, { value, focus, clear, getAttachments, addFiles });
+    $79.bind_props($$props, { value, focus, clear, getAttachments, addFiles });
   });
 }
 // src/components/chat/container/scroll-utilities.ts
@@ -6171,23 +6440,6 @@ function extractTimestamp(message) {
 
 // src/components/chat/container/use-chat-scroll-state.svelte.ts
 import * as $80 from "svelte/internal/server";
-
-// src/utilities/use-reduced-motion.svelte.ts
-import * as $79 from "svelte/internal/server";
-import { MediaQuery } from "svelte/reactivity";
-function useReducedMotion() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    return { current: false };
-  }
-  const query = new MediaQuery("(prefers-reduced-motion: reduce)", false);
-  return {
-    get current() {
-      return query.current;
-    }
-  };
-}
-
-// src/components/chat/container/use-chat-scroll-state.svelte.ts
 var destroy = () => {};
 function useChatScrollState(options) {
   const {
@@ -6202,12 +6454,12 @@ function useChatScrollState(options) {
   function getScrollBehavior() {
     return reducedMotion.current ? "auto" : "smooth";
   }
-  let isAtBottom2 = true;
+  let atBottom = true;
   let showJumpButton = false;
   let scrollTicking = false;
   let isUserScrolling = false;
-  function setIsAtBottom(value) {
-    isAtBottom2 = value;
+  function setAtBottom(value) {
+    atBottom = value;
   }
   function createScrollAttachment() {
     return (element2) => {
@@ -6221,15 +6473,15 @@ function useChatScrollState(options) {
             scrollHeight: element2.scrollHeight,
             clientHeight: element2.clientHeight
           };
-          const atBottom = isAtBottom(state, getBottomThreshold?.() ?? bottomThreshold);
+          const scrolledToBottom = isAtBottom(state, getBottomThreshold?.() ?? bottomThreshold);
           const shouldShowJump = shouldShowJumpToLatest(state, getJumpThreshold?.() ?? jumpThreshold);
-          isAtBottom2 = atBottom;
+          atBottom = scrolledToBottom;
           showJumpButton = shouldShowJump;
-          if (atBottom) {
+          if (scrolledToBottom) {
             onReachBottom?.();
           }
           onScrollStateChange?.({
-            isAtBottom: atBottom,
+            atBottom: scrolledToBottom,
             scrollTop: state.scrollTop,
             scrollHeight: state.scrollHeight
           });
@@ -6241,9 +6493,9 @@ function useChatScrollState(options) {
     };
   }
   function handleSentinelEntry(entry) {
-    const atBottom = entry.isIntersecting;
-    if (atBottom && !isAtBottom2) {
-      isAtBottom2 = true;
+    const sentinelVisible = entry.isIntersecting;
+    if (sentinelVisible && !atBottom) {
+      atBottom = true;
       onReachBottom?.();
     }
   }
@@ -6286,13 +6538,13 @@ function useChatScrollState(options) {
     }, scrollDuration);
   }
   return {
-    get isAtBottom() {
-      return isAtBottom2;
+    get atBottom() {
+      return atBottom;
     },
     get showJumpButton() {
       return showJumpButton;
     },
-    setIsAtBottom,
+    setAtBottom,
     createScrollAttachment,
     createSentinelObserver,
     handleSentinelEntry,
@@ -6313,7 +6565,7 @@ import { untrack as untrack3 } from "svelte";
 function useChatUnreadState(options) {
   const { announcerDebounceMs = 300, onUnreadIndicatorChange } = options ?? {};
   let unreadCount = 0;
-  let hasNewMessageIndicator = false;
+  let newMessageIndicatorVisible = false;
   let firstUnreadId = null;
   let previousMessageCount = 0;
   let previousLastMessageId = null;
@@ -6322,17 +6574,17 @@ function useChatUnreadState(options) {
   const displayUnreadCount = $81.derived(() => formatUnreadCount(unreadCount));
   const hasLargeCount = $81.derived(() => isLargeCount(unreadCount));
   function notifyIndicatorChange() {
-    onUnreadIndicatorChange?.({ unreadCount, hasNewMessageIndicator });
+    onUnreadIndicatorChange?.({ unreadCount, newMessageIndicatorVisible });
   }
   function markAllAsRead() {
-    const changed = unreadCount !== 0 || hasNewMessageIndicator;
+    const changed = unreadCount !== 0 || newMessageIndicatorVisible;
     unreadCount = 0;
-    hasNewMessageIndicator = false;
+    newMessageIndicatorVisible = false;
     firstUnreadId = null;
     if (changed)
       notifyIndicatorChange();
   }
-  function processMessages(messages, conversationId, getIsAtBottom) {
+  function processMessages(messages, conversationId, getAtBottom) {
     if (conversationId !== previousConversationId) {
       previousMessageCount = messages.length;
       previousLastMessageId = messages.at(-1)?.id ?? null;
@@ -6345,11 +6597,11 @@ function useChatUnreadState(options) {
     const currentLastMessageId = messages.at(-1)?.id ?? null;
     const wasAppended = currentCount > prevCount && prevCount > 0 && currentLastMessageId !== null && currentLastMessageId !== previousLastMessageId;
     if (wasAppended) {
-      const atBottom = untrack3(getIsAtBottom);
+      const atBottom = untrack3(getAtBottom);
       if (!atBottom) {
         const newMessageCount = currentCount - prevCount;
         unreadCount += newMessageCount;
-        hasNewMessageIndicator = true;
+        newMessageIndicatorVisible = true;
         if (firstUnreadId === null) {
           const firstNewIndex = currentCount - newMessageCount;
           const firstNewMessage = messages[firstNewIndex];
@@ -6371,8 +6623,8 @@ function useChatUnreadState(options) {
     get unreadCount() {
       return unreadCount;
     },
-    get hasNewMessageIndicator() {
-      return hasNewMessageIndicator;
+    get newMessageIndicatorVisible() {
+      return newMessageIndicatorVisible;
     },
     get firstUnreadId() {
       return firstUnreadId;
@@ -6394,7 +6646,7 @@ function useChatUnreadState(options) {
 
 // src/components/chat/container/use-chat-keyboard-nav.svelte.ts
 import * as $82 from "svelte/internal/server";
-import { tick as tick2 } from "svelte";
+import { tick as tick3 } from "svelte";
 function useChatKeyboardNav(options) {
   const {
     onJumpToLatest,
@@ -6441,7 +6693,7 @@ function useChatKeyboardNav(options) {
         } else {
           viewport.scrollTo({ top: 0, behavior });
         }
-        tick2().then(() => {
+        tick3().then(() => {
           const historyTrigger = getHistoryTrigger?.();
           if (historyTrigger) {
             historyTrigger.focus();
@@ -6636,7 +6888,7 @@ function Chat_history_trigger($$renderer, $$props) {
         }
       };
     };
-    function focus(options) {
+    function focus(options = undefined) {
       buttonElement?.focus(options);
     }
     $$renderer2.push(`<div class="chat-history-trigger svelte-y4b3t5" data-cinder-history-trigger=""><button type="button" class="chat-history-trigger-button svelte-y4b3t5"${$86.attr("disabled", loading, true)}${$86.attr("aria-busy", loading ? "true" : undefined)}>${$86.escape(loading ? loadingLabel : label)}</button> `);
@@ -7280,29 +7532,25 @@ function Chat($$renderer, $$props) {
     let {
       id,
       conversation,
-      isAtBottom: isAtBottom2 = true,
+      atBottom = true,
       unreadCount = 0,
-      hasNewMessageIndicator = false,
+      newMessageIndicatorVisible = false,
       class: className,
       surfaceMode = "default",
       density = "comfortable",
       variant = "bubble",
       bottomThreshold = DEFAULT_SCROLL_CONFIGURATION.bottomThreshold,
       jumpThreshold = DEFAULT_SCROLL_CONFIGURATION.jumpThreshold,
-      isStreaming = false,
+      streaming = false,
       streamingStatus,
-      allowAttachments = true,
-      allowSearch = true,
+      capabilities,
       virtualized = false,
       virtualizationEstimatedRowHeight = 88,
       virtualizationOverscan = 3,
       virtualizationInitialHeight = 640,
-      hasMoreHistory = true,
+      moreHistoryAvailable = true,
       loadEarlierLabel = "Load earlier messages",
       loadingEarlierLabel = "Loading earlier messages",
-      allowCopy = true,
-      allowEditing = true,
-      allowRetry = true,
       header,
       empty,
       emptyPrompts,
@@ -7378,13 +7626,18 @@ function Chat($$renderer, $$props) {
       getJumpThreshold: () => jumpThreshold,
       onScrollStateChange: handleScrollStateChange,
       onReachBottom: () => {
-        if (unreadState.unreadCount > 0 || unreadState.hasNewMessageIndicator) {
+        atBottom = true;
+        if (unreadState.unreadCount > 0 || unreadState.newMessageIndicatorVisible) {
           unreadState.markAllAsRead();
         }
       }
     });
     const unreadState = useChatUnreadState({
-      onUnreadIndicatorChange: (event) => onunreadindicatorchange?.(event)
+      onUnreadIndicatorChange: (event) => {
+        unreadCount = event.unreadCount;
+        newMessageIndicatorVisible = event.newMessageIndicatorVisible;
+        onunreadindicatorchange?.(event);
+      }
     });
     const keyboardNav = useChatKeyboardNav({
       onJumpToLatest: handleJumpToLatest,
@@ -7401,7 +7654,12 @@ function Chat($$renderer, $$props) {
     const lastMessageId = $99.derived(() => messages().at(-1)?.id);
     let previousAutoScrollMessageCount = getMessages(conversation).length;
     const conversationId = $99.derived(() => conversation.id);
-    const showTypingIndicator = $99.derived(() => isStreaming && !streamingMessageId);
+    const showTypingIndicator = $99.derived(() => streaming && !streamingMessageId);
+    const allowAttachments = $99.derived(() => capabilities?.attachments ?? true);
+    const allowSearch = $99.derived(() => capabilities?.search ?? true);
+    const allowCopy = $99.derived(() => capabilities?.copy ?? true);
+    const allowEditing = $99.derived(() => capabilities?.editing ?? true);
+    const allowRetry = $99.derived(() => capabilities?.retry ?? true);
     const toolCallPairsByCallId = $99.derived(() => {
       const toolCallPairs = pairToolCallsWithResults(messages());
       const map = new Map;
@@ -7424,9 +7682,6 @@ function Chat($$renderer, $$props) {
       });
     });
     let hasMounted = false;
-    onMount(() => {
-      hasMounted = true;
-    });
     const isVirtualized = $99.derived(() => virtualized && hasMounted && messages().length > 0);
     const timelineResetIdentity = $99.derived(() => `${conversationId()}:${isVirtualized() ? "virtualized" : "full"}`);
     const staticRowsResetIdentity = $99.derived(() => messages()[0]?.id ?? "");
@@ -7493,7 +7748,7 @@ function Chat($$renderer, $$props) {
     const typingIndicatorState = useChatTypingIndicator({ getTypingParticipants: () => typingParticipants });
     const readReceiptsState = useChatReadReceipts({ getReadReceipts: () => readReceipts });
     const viewportAttach = $99.derived(() => viewportAttachment ?? noopAttachment);
-    const effectiveHasMoreHistory = $99.derived(() => adapterHasMoreHistory ?? hasMoreHistory);
+    const effectiveHasMoreHistory = $99.derived(() => adapterHasMoreHistory ?? moreHistoryAvailable);
     const hasHistoryLoader = $99.derived(() => onloadhistory !== undefined || adapter?.loadOlderMessages !== undefined);
     const showHistoryTrigger = $99.derived(() => hasHistoryLoader() && effectiveHasMoreHistory());
     const canRetry = $99.derived(() => onretry !== undefined || adapter?.retryMessage !== undefined);
@@ -7515,7 +7770,7 @@ function Chat($$renderer, $$props) {
       return "";
     });
     async function waitForLayoutFrame() {
-      await tick3();
+      await tick4();
       if (typeof requestAnimationFrame !== "function")
         return;
       await new Promise((resolve) => {
@@ -7561,7 +7816,7 @@ function Chat($$renderer, $$props) {
           historyAnnouncement = "";
         }
       }, 1000);
-      tick3().then(() => {
+      tick4().then(() => {
         focusAfterHistoryRestore(pending);
       });
       return true;
@@ -7583,6 +7838,7 @@ function Chat($$renderer, $$props) {
     }
     function handleScrollStateChange(event) {
       clearHistoryAnchorAfterScroll(event.scrollTop);
+      atBottom = event.atBottom;
       onscrollstatechange?.(event);
     }
     function virtualSpacerOffsetTop() {
@@ -7622,7 +7878,7 @@ function Chat($$renderer, $$props) {
         chatVirtualizer.scrollToIndex(Math.max(0, renderRows().length - 1), { align: "end", behavior: scrollState.getScrollBehavior() });
         unreadState.markAllAsRead();
         onjumptolatest?.();
-        tick3().then(() => {
+        tick4().then(() => {
           const lastMessage = viewport?.querySelector(`.chat-message-wrapper:last-of-type .chat-message`);
           lastMessage?.focus();
         });
@@ -7651,8 +7907,9 @@ function Chat($$renderer, $$props) {
     }
     function handleSubmit(message, attachments) {
       dispatchCommand("sendMessage", (resolvedAdapter) => Promise.resolve(resolvedAdapter.sendMessage(message, attachments)), () => onsubmit?.({ message, attachments }));
-      scrollState.setIsAtBottom(true);
-      tick3().then(() => {
+      scrollState.setAtBottom(true);
+      atBottom = true;
+      tick4().then(() => {
         if (isVirtualized()) {
           chatVirtualizer.scrollToOffset(chatVirtualizer.scrollSize, { behavior: "instant" });
         } else {
@@ -7723,7 +7980,7 @@ function Chat($$renderer, $$props) {
         const transcriptChanged = historyTranscriptChanged(pending);
         if (isVirtualized() && !transcriptChanged) {
           deferredAdapterHasMoreHistory = nextHasMoreHistory ?? null;
-          await tick3();
+          await tick4();
           if (historyTranscriptChanged(pending)) {
             await settlePendingHistoryScroll(pending);
           } else if (pendingHistoryScroll === pending) {
@@ -7821,7 +8078,7 @@ function Chat($$renderer, $$props) {
       inputRef?.clear();
     }
     function handleKeyDown(event) {
-      if (allowSearch && (event.ctrlKey || event.metaKey) && event.key === "f") {
+      if (allowSearch() && (event.ctrlKey || event.metaKey) && event.key === "f") {
         event.preventDefault();
         if (searchState.isOpen) {
           searchBarRef?.focusInput();
@@ -7866,7 +8123,7 @@ function Chat($$renderer, $$props) {
       if (targetIndex < 0)
         return;
       chatVirtualizer.scrollToIndex(targetIndex, { align: "auto", behavior: scrollState.getScrollBehavior() });
-      await tick3();
+      await tick4();
       const target = renderedMessageById(messageId);
       target?.focus();
       target?.scrollIntoView({ behavior: scrollState.getScrollBehavior(), block: "nearest" });
@@ -7900,7 +8157,7 @@ function Chat($$renderer, $$props) {
         const targetIndex = findRenderRowIndexByMessageId(renderRows(), messageId);
         if (targetIndex >= 0) {
           chatVirtualizer.scrollToIndex(targetIndex, { align: "center", behavior: "auto" });
-          await tick3();
+          await tick4();
         }
       }
       const messageElement = viewport.querySelector(`#message-${CSS.escape(messageId)}`);
@@ -7912,7 +8169,7 @@ function Chat($$renderer, $$props) {
       if (!event.dataTransfer?.types.includes("Files"))
         return;
       isContainerDragOver = false;
-      if (!allowAttachments)
+      if (!allowAttachments())
         return;
       event.preventDefault();
       const files = event.dataTransfer.files;
@@ -7923,7 +8180,7 @@ function Chat($$renderer, $$props) {
     function handleContainerDragOver(event) {
       if (!event.dataTransfer?.types.includes("Files"))
         return;
-      if (!allowAttachments)
+      if (!allowAttachments())
         return;
       event.preventDefault();
       event.dataTransfer.dropEffect = "copy";
@@ -7968,13 +8225,13 @@ function Chat($$renderer, $$props) {
           streamingScrollRaf = undefined;
           streamingContent = tokenBuffer.join("");
           if (streamingRowElement) {
-            tick3().then(() => {
+            tick4().then(() => {
               if (streamingRowElement) {
                 chatVirtualizer.measureElementNode(streamingRowElement);
               }
             });
           }
-          if (scrollState.isAtBottom && viewport) {
+          if (scrollState.atBottom && viewport) {
             if (isVirtualized()) {
               chatVirtualizer.scrollToOffset(chatVirtualizer.scrollSize, { behavior: "instant" });
             } else {
@@ -8061,9 +8318,9 @@ function Chat($$renderer, $$props) {
             message,
             toolCallPairs: pairs,
             messagePart,
-            onretry: allowRetry && canRetry() ? handleRetry : undefined,
-            onedit: allowEditing && canEdit() ? handleEdit : undefined,
-            showDefaultActions: allowCopy,
+            onretry: allowRetry() && canRetry() ? handleRetry : undefined,
+            onedit: allowEditing() && canEdit() ? handleEdit : undefined,
+            showDefaultActions: allowCopy(),
             onexpandedchange,
             streaming: isStreamingMessage,
             overrideContent: isStreamingMessage ? streamingContent : undefined,
@@ -8121,7 +8378,7 @@ function Chat($$renderer, $$props) {
       "aria-label": "Chat conversation",
       ...rest
     }, "svelte-932akd")}>`);
-    if (isContainerDragOver && allowAttachments) {
+    if (isContainerDragOver && allowAttachments()) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="chat-drop-overlay svelte-932akd" aria-hidden="true"><span class="chat-drop-label svelte-932akd">Drop files here</span></div>`);
     } else {
@@ -8137,7 +8394,7 @@ function Chat($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
-    if (allowSearch && searchState.isOpen) {
+    if (allowSearch() && searchState.isOpen) {
       $$renderer2.push("<!--[0-->");
       Chat_search_bar($$renderer2, {
         instanceId: id,
@@ -8226,7 +8483,7 @@ function Chat($$renderer, $$props) {
     $$renderer2.push(`<!----> <div class="chat-input-wrapper svelte-932akd">`);
     Chat_jump_controls($$renderer2, {
       showJumpButton: scrollState.showJumpButton,
-      hasNewMessageIndicator: unreadState.hasNewMessageIndicator,
+      hasNewMessageIndicator: unreadState.newMessageIndicatorVisible,
       unreadCount: unreadState.unreadCount,
       displayUnreadCount: unreadState.displayUnreadCount,
       hasLargeCount: unreadState.hasLargeCount,
@@ -8236,10 +8493,10 @@ function Chat($$renderer, $$props) {
     Chat_input($$renderer2, {
       id: inputId(),
       onsubmit: (message, attachments) => handleSubmit(message, attachments),
-      disabled: isStreaming,
-      sending: isStreaming,
-      allowAttachments,
-      onstop: isStreaming ? handleStopGenerating : undefined,
+      disabled: streaming,
+      sending: streaming,
+      allowAttachments: allowAttachments(),
+      onstop: streaming ? handleStopGenerating : undefined,
       onattachmentadd,
       onattachmentremove,
       onattachmentfailure
@@ -8253,9 +8510,9 @@ function Chat($$renderer, $$props) {
     });
     $$renderer2.push(`<!----> <div class="cinder-sr-only svelte-932akd" aria-live="polite" aria-atomic="true">${$99.escape(typingIndicatorState.announcedLabel)}</div></div>`);
     $99.bind_props($$props, {
-      isAtBottom: isAtBottom2,
+      atBottom,
       unreadCount,
-      hasNewMessageIndicator,
+      newMessageIndicatorVisible,
       scrollToBottom,
       scrollToTop,
       focusInput,
@@ -8364,7 +8621,7 @@ import * as $102 from "svelte/internal/server";
 
 // src/components/copy-button/use-copy-state.svelte.ts
 import * as $101 from "svelte/internal/server";
-import { onDestroy as onDestroy4 } from "svelte";
+import { onDestroy as onDestroy3 } from "svelte";
 function createCopyState(confirmDuration = 2000) {
   let copiedKey = null;
   let resetTimer;
@@ -8389,7 +8646,7 @@ function createCopyState(confirmDuration = 2000) {
     }, confirmDuration);
     return true;
   }
-  onDestroy4(clearTimer);
+  onDestroy3(clearTimer);
   return {
     get copiedKey() {
       return copiedKey;
@@ -8641,4 +8898,4 @@ export {
   Artifact_panel as ArtifactPanel
 };
 
-//# debugId=4B6CC733A6CE77BA64756E2164756E21
+//# debugId=777EE4615F44220364756E2164756E21