@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-0ed43ctm.js

@@ -0,0 +1,3834 @@
+import {
+  Markdown_editor
+} from "./index.server-xjmx6rm8.js";
+import {
+  useIntersection
+} from "./index.server-kb6w1a7c.js";
+import {
+  useAnnouncer
+} from "./index.server-gbzsb04q.js";
+import {
+  formatBytes
+} from "./index.server-w6am2dxc.js";
+import {
+  stringify
+} from "./index.server-nwjjp9t6.js";
+import {
+  deriveMessageParts,
+  getMessageText,
+  getMessages,
+  pairToolCallsWithResults,
+  resolveMessageReasoning,
+  resolveMessageSteps,
+  resolveMessageSuggestions
+} from "./index.server-578qndbg.js";
+import {
+  useReducedMotion
+} from "./index.server-8hdvr9bt.js";
+import {
+  Arrow_up,
+  Check_check,
+  Chevron_up,
+  Circle_alert,
+  Paperclip,
+  Square
+} from "./index.server-2fa12eg1.js";
+import {
+  Ellipsis,
+  Pencil
+} from "./index.server-nav1z5d8.js";
+import {
+  Search
+} from "./index.server-bte0dfkh.js";
+import {
+  X
+} from "./index.server-3fvz5gak.js";
+import {
+  Chevron_down,
+  Chevron_left,
+  Chevron_right,
+  Rotate_ccw
+} from "./index.server-e10j3s54.js";
+import {
+  File_code
+} from "./index.server-p78n7r6g.js";
+import {
+  File_text
+} from "./index.server-y16zcjfw.js";
+import {
+  Code_block
+} from "./index.server-2g8qr4nk.js";
+import {
+  Copy_button
+} from "./index.server-3cwyrz8f.js";
+import {
+  Check
+} from "./index.server-y0q949bm.js";
+import {
+  Button
+} from "./index.server-34p02y48.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+import {
+  __require
+} from "./index.server-37x76zdn.js";
+
+// src/components/chat/chat.svelte
+import * as $36 from "svelte/internal/server";
+
+// src/components/chat/container/chat.svelte
+import * as $35 from "svelte/internal/server";
+import { tick as tick2, untrack as untrack2 } from "svelte";
+
+// src/components/chat/message/chat-date-separator.svelte
+import * as $ from "svelte/internal/server";
+function Chat_date_separator($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      date,
+      dateFormatter,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const dateObj = $.derived(() => typeof date === "string" ? new Date(date) : date);
+    const isValidDate = $.derived(() => !isNaN(dateObj().getTime()));
+    const formattedDate = $.derived(() => {
+      if (!isValidDate()) {
+        return "Invalid date";
+      }
+      if (dateFormatter) {
+        return dateFormatter(dateObj());
+      }
+      const now = new Date;
+      const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+      const yesterday = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
+      const dateOnly = new Date(dateObj().getFullYear(), dateObj().getMonth(), dateObj().getDate());
+      if (dateOnly.getTime() === today.getTime()) {
+        return "Today";
+      }
+      if (dateOnly.getTime() === yesterday.getTime()) {
+        return "Yesterday";
+      }
+      return new Intl.DateTimeFormat(undefined, { weekday: "long", month: "long", day: "numeric" }).format(dateObj());
+    });
+    const isoDate = $.derived(() => isValidDate() ? dateObj().toISOString().split("T")[0] : "");
+    $$renderer2.push(`<div${$.attributes({
+      class: $.clsx(classNames("chat-date-separator", className)),
+      role: "separator",
+      "aria-label": `Messages from ${formattedDate()}`,
+      ...rest
+    }, "svelte-1ohxdji")}><span class="chat-date-separator-line svelte-1ohxdji" aria-hidden="true"></span> `);
+    if (isValidDate()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<time class="chat-date-separator-text svelte-1ohxdji"${$.attr("datetime", isoDate())}>${$.escape(formattedDate())}</time>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<span class="chat-date-separator-text svelte-1ohxdji">${$.escape(formattedDate())}</span>`);
+    }
+    $$renderer2.push(`<!--]--> <span class="chat-date-separator-line svelte-1ohxdji" aria-hidden="true"></span></div>`);
+  });
+}
+// src/components/chat/message/chat-message.svelte
+import * as $17 from "svelte/internal/server";
+
+// src/components/chat/message/chat-message-parts-renderer.svelte
+import * as $16 from "svelte/internal/server";
+
+// src/components/chat/message/chat-message-parts.ts
+function toRenderUnits(parts) {
+  const units = [];
+  let imageRun = [];
+  let stepRun = [];
+  let suggestionRun = [];
+  const flushImages = () => {
+    if (imageRun.length > 0) {
+      units.push({ kind: "images", images: imageRun, key: `images:${imageRun[0].key}` });
+      imageRun = [];
+    }
+  };
+  const flushSteps = () => {
+    if (stepRun.length > 0) {
+      units.push({ kind: "steps", steps: stepRun, key: `steps:${stepRun[0].key}` });
+      stepRun = [];
+    }
+  };
+  const flushSuggestions = () => {
+    if (suggestionRun.length > 0) {
+      units.push({
+        kind: "suggestions",
+        suggestions: suggestionRun,
+        key: `suggestions:${suggestionRun[0].key}`
+      });
+      suggestionRun = [];
+    }
+  };
+  for (const part of parts) {
+    if (part.type === "image") {
+      flushSteps();
+      flushSuggestions();
+      imageRun.push(part);
+      continue;
+    }
+    if (part.type === "step") {
+      flushImages();
+      flushSuggestions();
+      stepRun.push(part);
+      continue;
+    }
+    if (part.type === "suggestion") {
+      flushImages();
+      flushSteps();
+      suggestionRun.push(part);
+      continue;
+    }
+    flushImages();
+    flushSteps();
+    flushSuggestions();
+    units.push({ kind: "part", part, key: part.key });
+  }
+  flushImages();
+  flushSteps();
+  flushSuggestions();
+  return units;
+}
+
+// src/components/chat/message/parts/markdown-part.svelte
+import * as $4 from "svelte/internal/server";
+
+// src/components/chat/message/message-content.svelte
+import * as $3 from "svelte/internal/server";
+
+// src/components/chat/message/markdown-preview.svelte
+import * as $2 from "svelte/internal/server";
+function Markdown_preview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { content, class: className, $$slots, $$events, ...rest } = $$props;
+    let renderedHtml = "";
+    $$renderer2.push(`<div${$2.attributes({
+      class: $2.clsx(classNames("cinder-markdown-content message-content-preview", className)),
+      ...rest
+    })}>`);
+    if (renderedHtml) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`${$2.html(renderedHtml)}`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<p>${$2.escape(content)}</p>`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/chat/message/message-content.svelte
+function Message_content($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      content,
+      expanded = true,
+      threshold = 500,
+      streaming = false,
+      overrideContent,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    function findSafeBoundary(text, limit) {
+      const paragraphBreak = text.lastIndexOf(`
+
+`, limit);
+      if (paragraphBreak > 0)
+        return paragraphBreak;
+      const lineBreak = text.lastIndexOf(`
+`, limit);
+      if (lineBreak > 0)
+        return lineBreak;
+      return limit;
+    }
+    function splitStreamingContent(text) {
+      const codeFenceCount = (text.match(/```/g) ?? []).length;
+      if (codeFenceCount % 2 !== 0) {
+        const lastFenceIndex = text.lastIndexOf("```");
+        return {
+          rendered: text.slice(0, lastFenceIndex),
+          tail: text.slice(lastFenceIndex)
+        };
+      }
+      const boundary = findSafeBoundary(text, text.length);
+      return {
+        rendered: text.slice(0, boundary),
+        tail: text.slice(boundary)
+      };
+    }
+    const effectiveContent = $3.derived(() => overrideContent ?? content);
+    const streamingSplit = $3.derived(() => {
+      if (!streaming)
+        return null;
+      return splitStreamingContent(effectiveContent());
+    });
+    const displayContent = $3.derived(() => {
+      if (streaming) {
+        return streamingSplit()?.rendered ?? "";
+      }
+      if (expanded || effectiveContent().length <= threshold) {
+        return effectiveContent();
+      }
+      const boundary = findSafeBoundary(effectiveContent(), threshold);
+      return effectiveContent().slice(0, boundary);
+    });
+    const streamingTail = $3.derived(() => streaming ? streamingSplit()?.tail ?? "" : "");
+    const isTruncated = $3.derived(() => !streaming && !expanded && effectiveContent().length > threshold);
+    $$renderer2.push(`<div${$3.attributes({
+      class: $3.clsx(classNames("message-content", streaming && "message-content-streaming", className)),
+      ...rest
+    }, "svelte-1ntys16")}>`);
+    if (displayContent()) {
+      $$renderer2.push("<!--[0-->");
+      Markdown_preview($$renderer2, { content: displayContent() });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (streaming && streamingTail()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="message-content-tail svelte-1ntys16">${$3.escape(streamingTail())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (streaming) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="message-content-cursor svelte-1ntys16" aria-hidden="true"></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (isTruncated()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="message-content-ellipsis svelte-1ntys16" aria-hidden="true">...</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/chat/message/parts/markdown-part.svelte
+function Markdown_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { part } = $$props;
+    Message_content($$renderer2, {
+      content: part.content,
+      streaming: part.streaming,
+      expanded: part.expanded
+    });
+  });
+}
+
+// src/components/chat/message/parts/tool-call-part.svelte
+import * as $7 from "svelte/internal/server";
+
+// src/components/chat/message/tool-call-group.svelte
+import * as $6 from "svelte/internal/server";
+// src/components/chat/message/tool-payload-code.svelte
+import * as $5 from "svelte/internal/server";
+var renderingModulePromise;
+var highlighterPromise;
+async function getRenderingModule() {
+  renderingModulePromise ??= import("@lostgradient/cinder/markdown/rendering");
+  return renderingModulePromise;
+}
+async function getJsonHighlighter() {
+  const renderingModule = await getRenderingModule();
+  highlighterPromise ??= renderingModule.getHighlighter();
+  return highlighterPromise;
+}
+function Tool_payload_code($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { code, class: className } = $$props;
+    async function highlightJson(source, language) {
+      const { isLanguageSupported } = await getRenderingModule();
+      const highlighter = await getJsonHighlighter();
+      const lang = isLanguageSupported(language) ? language : "json";
+      return highlighter.codeToHtml(source, { lang, theme: "depict" });
+    }
+    $$renderer2.push(`<div${$5.attr_class($5.clsx(classNames("tool-payload-code", className)), "svelte-1fw63o4")}>`);
+    Code_block($$renderer2, { code, language: "json", highlighter: highlightJson });
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+// src/components/chat/message/tool-call-group.svelte
+function Tool_call_group($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      pair,
+      expanded = false,
+      ontoggle,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const detailsId = $6.derived(() => `tool-call-details-${pair.call.id}`);
+    const hasResult = $6.derived(() => !!pair.result);
+    const isError = $6.derived(() => pair.result?.outcome === "error");
+    const isSuccess = $6.derived(() => pair.result?.outcome === "success");
+    const isActionRequired = $6.derived(() => pair.result?.outcome === "action_required");
+    const status = $6.derived(() => isError() ? "error" : isSuccess() ? "success" : isActionRequired() ? "action-required" : "pending");
+    const errorMessage = $6.derived(() => pair.result?.error?.message ?? "");
+    const actionMessage = $6.derived(() => pair.result?.action?.message ?? "This tool call requires action.");
+    const formattedArguments = $6.derived(() => stringify(pair.call.arguments));
+    const formattedResult = $6.derived(() => pair.result ? stringify(pair.result.content) : "");
+    function handleToggle() {
+      ontoggle?.();
+    }
+    $$renderer2.push(`<div${$6.attributes({
+      class: $6.clsx(classNames("tool-call-group", className)),
+      "data-status": status(),
+      ...rest
+    }, "svelte-1xmm5k6")}><button type="button" class="tool-call-header svelte-1xmm5k6"${$6.attr("aria-expanded", expanded)}${$6.attr("aria-controls", detailsId())}${$6.attr("aria-label", `Toggle tool call details for ${pair.call.name}`)}><span class="tool-call-icon svelte-1xmm5k6" aria-hidden="true">`);
+    if (isError()) {
+      $$renderer2.push("<!--[0-->");
+      X($$renderer2, { class: "icon-xs" });
+    } else if (isSuccess()) {
+      $$renderer2.push("<!--[1-->");
+      Check($$renderer2, { class: "icon-xs" });
+    } else if (isActionRequired()) {
+      $$renderer2.push("<!--[2-->");
+      Circle_alert($$renderer2, { class: "icon-xs" });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Ellipsis($$renderer2, { class: "icon-xs" });
+    }
+    $$renderer2.push(`<!--]--></span> <span class="tool-call-name svelte-1xmm5k6">${$6.escape(pair.call.name)}</span> <span class="tool-call-status svelte-1xmm5k6" role="status" aria-live="polite">`);
+    if (isError()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`Failed`);
+    } else if (isSuccess()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`Complete`);
+    } else if (isActionRequired()) {
+      $$renderer2.push("<!--[2-->");
+      $$renderer2.push(`Action required`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`Pending`);
+    }
+    $$renderer2.push(`<!--]--></span> <span class="tool-call-chevron svelte-1xmm5k6" aria-hidden="true"${$6.attr("data-expanded", expanded)}>`);
+    Chevron_down($$renderer2, { class: "icon-xs" });
+    $$renderer2.push(`<!----></span></button> `);
+    if (expanded) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$6.attr("id", detailsId())} class="tool-call-details svelte-1xmm5k6" role="region" aria-label="Tool details"><div class="tool-call-section svelte-1xmm5k6"><h4 class="tool-call-section-title svelte-1xmm5k6">Arguments</h4> `);
+      Tool_payload_code($$renderer2, { code: formattedArguments() });
+      $$renderer2.push(`<!----></div> `);
+      if (hasResult()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="tool-call-section svelte-1xmm5k6"${$6.attr("data-error", isError() || undefined)}><h4 class="tool-call-section-title svelte-1xmm5k6">Result</h4> `);
+        if (isError()) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<div class="tool-call-error svelte-1xmm5k6" role="alert">${$6.escape(errorMessage() || formattedResult())}</div>`);
+        } else if (isActionRequired()) {
+          $$renderer2.push("<!--[1-->");
+          $$renderer2.push(`<div class="tool-call-action svelte-1xmm5k6" role="status">${$6.escape(actionMessage())}</div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          Tool_payload_code($$renderer2, { code: formattedResult() });
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/chat/message/parts/tool-call-part.svelte
+function Tool_call_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const noop = () => {};
+    let { part, expanded = false, ontoggle } = $$props;
+    const handleToggle = $7.derived(() => ontoggle ?? noop);
+    Tool_call_group($$renderer2, { pair: part.pair, expanded, ontoggle: handleToggle() });
+  });
+}
+
+// src/components/chat/message/parts/tool-result-part.svelte
+import * as $8 from "svelte/internal/server";
+function Tool_result_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { part } = $$props;
+    const result = $8.derived(() => part.result);
+    const isError = $8.derived(() => result().outcome === "error");
+    const isActionRequired = $8.derived(() => result().outcome === "action_required");
+    const formatted = $8.derived(() => {
+      if (result().outcome === "error" && result().error) {
+        return result().error.message;
+      }
+      if (result().outcome === "action_required") {
+        return result().action?.message ?? "This tool call requires action.";
+      }
+      return stringify(result().content);
+    });
+    $$renderer2.push(`<div class="chat-message-tool-result svelte-s62laq"${$8.attr("data-error", isError() || undefined)}${$8.attr("data-action-required", isActionRequired() || undefined)}>`);
+    if (isError()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="chat-message-tool-error svelte-s62laq" role="alert">${$8.escape(formatted())}</div>`);
+    } else if (isActionRequired()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="chat-message-tool-action" role="status">${$8.escape(formatted())}</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Tool_payload_code($$renderer2, { code: formatted() });
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/chat/message/parts/tool-approval-part.svelte
+import * as $9 from "svelte/internal/server";
+function Tool_approval_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { part, onapprove, ondeny } = $$props;
+    const isPending = $9.derived(() => part.approved === undefined);
+    const isApproved = $9.derived(() => part.approved === true);
+    const isDenied = $9.derived(() => part.approved === false);
+    const actionMessage = $9.derived(() => part.action.message ?? "This tool call requires your approval before it can continue.");
+    const actionSchema = $9.derived(() => part.action.schema !== undefined ? stringify(part.action.schema) : undefined);
+    const safeKey = $9.derived(() => part.key.replace(/[^a-z0-9-]/gi, "-"));
+    const labelId = $9.derived(() => `tool-approval-label-${safeKey()}`);
+    const descId = $9.derived(() => `tool-approval-desc-${safeKey()}`);
+    function handleApprove() {
+      if (!isPending())
+        return;
+      onapprove?.(part.toolCallId);
+    }
+    function handleDeny() {
+      if (!isPending())
+        return;
+      ondeny?.(part.toolCallId);
+    }
+    function handleKeydown(event) {
+      if (event.key === "Escape" && isPending()) {
+        handleDeny();
+      }
+    }
+    $$renderer2.push(`<div class="chat-tool-approval svelte-vsdezw" role="group" tabindex="-1"${$9.attr("aria-labelledby", labelId())}${$9.attr("aria-describedby", descId())} data-cinder-tool-approval=""${$9.attr("data-cinder-status", isApproved() ? "approved" : isDenied() ? "denied" : "pending")}><div class="chat-tool-approval-header svelte-vsdezw"><span class="chat-tool-approval-icon svelte-vsdezw" aria-hidden="true">`);
+    if (isApproved()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`✓`);
+    } else if (isDenied()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`✕`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`⚠`);
+    }
+    $$renderer2.push(`<!--]--></span> <span${$9.attr("id", labelId())} class="chat-tool-approval-title svelte-vsdezw">`);
+    if (isApproved()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`Approved: <code class="chat-tool-approval-name svelte-vsdezw">${$9.escape(part.toolName)}</code>`);
+    } else if (isDenied()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`Denied: <code class="chat-tool-approval-name svelte-vsdezw">${$9.escape(part.toolName)}</code>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`Action required: <code class="chat-tool-approval-name svelte-vsdezw">${$9.escape(part.toolName)}</code>`);
+    }
+    $$renderer2.push(`<!--]--></span></div> <p${$9.attr("id", descId())} class="chat-tool-approval-message svelte-vsdezw">${$9.escape(actionMessage())}</p> `);
+    if (actionSchema() !== undefined) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<details class="chat-tool-approval-args svelte-vsdezw"><summary class="chat-tool-approval-args-toggle svelte-vsdezw">View parameters</summary> <pre class="chat-tool-approval-args-code svelte-vsdezw"><code>${$9.escape(actionSchema())}</code></pre></details>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (isPending()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="chat-tool-approval-actions svelte-vsdezw"><button type="button" class="chat-tool-approval-btn chat-tool-approval-btn-approve svelte-vsdezw"${$9.attr("disabled", onapprove === undefined, true)}>Approve</button> <button type="button" class="chat-tool-approval-btn chat-tool-approval-btn-deny svelte-vsdezw"${$9.attr("disabled", ondeny === undefined, true)}>Reject</button></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/chat/message/parts/reasoning-part.svelte
+import * as $10 from "svelte/internal/server";
+function Reasoning_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { part, expanded = false, ontoggle } = $$props;
+    const labelId = $10.derived(() => `reasoning-label-${part.key.replace(/[^a-z0-9-]/gi, "-")}`);
+    const contentId = $10.derived(() => `reasoning-content-${part.key.replace(/[^a-z0-9-]/gi, "-")}`);
+    const approximateTokenCount = $10.derived(() => Math.round(part.content.length / 4));
+    const tokenDisplay = $10.derived(() => approximateTokenCount() > 0 ? ` (${approximateTokenCount().toLocaleString()} tokens)` : "");
+    let wasStreaming = false;
+    let announced = false;
+    const announcementText = $10.derived(() => announced ? "Reasoning complete." : "");
+    function handleToggle() {
+      if (!part.streaming) {
+        ontoggle?.();
+      }
+    }
+    $$renderer2.push(`<div class="chat-reasoning svelte-11vyvtm" data-cinder-reasoning=""${$10.attr("data-cinder-streaming", part.streaming ? "" : undefined)}${$10.attr("data-cinder-expanded", expanded ? "" : undefined)}><button type="button" class="chat-reasoning-toggle svelte-11vyvtm"${$10.attr("id", labelId())}${$10.attr("aria-expanded", expanded)}${$10.attr("aria-controls", contentId())}${$10.attr("disabled", part.streaming, true)}><span class="chat-reasoning-label svelte-11vyvtm" aria-hidden="true">`);
+    if (part.streaming) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="chat-reasoning-dot svelte-11vyvtm" aria-hidden="true"></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> Reasoning${$10.escape(tokenDisplay())}</span> <span class="sr-only svelte-11vyvtm">`);
+    if (part.streaming) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`Reasoning in progress`);
+    } else if (expanded) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`Collapse reasoning`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`Expand reasoning`);
+    }
+    $$renderer2.push(`<!--]--></span> <span class="chat-reasoning-chevron svelte-11vyvtm" aria-hidden="true">${$10.escape(expanded ? "▲" : "▼")}</span></button> <div class="chat-reasoning-body svelte-11vyvtm"><div${$10.attr("id", contentId())} class="chat-reasoning-content svelte-11vyvtm"${$10.attr("aria-hidden", !expanded)}${$10.attr("aria-live", part.streaming ? "off" : undefined)}${$10.attr("aria-busy", part.streaming ? true : undefined)}>${$10.escape(part.content)}</div></div> <div class="sr-only svelte-11vyvtm" aria-live="polite" aria-atomic="true">${$10.escape(announcementText())}</div></div>`);
+  });
+}
+
+// src/components/chat/message/parts/step-part.svelte
+import * as $11 from "svelte/internal/server";
+function Step_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { part } = $$props;
+    const statusIcon = { pending: "○", running: "◉", done: "●", error: "✕" };
+    const statusLabel = {
+      pending: "pending",
+      running: "in progress",
+      done: "complete",
+      error: "failed"
+    };
+    $$renderer2.push(`<li class="chat-step svelte-4godlk"${$11.attr("data-cinder-step-status", part.status)}${$11.attr("aria-current", part.status === "running" ? "step" : undefined)}><span class="chat-step-indicator svelte-4godlk" aria-hidden="true">${$11.escape(statusIcon[part.status])}</span> <span class="chat-step-body svelte-4godlk"><span class="chat-step-title svelte-4godlk">${$11.escape(part.title)} <span class="sr-only svelte-4godlk">— ${$11.escape(statusLabel[part.status])}</span></span> `);
+    if (part.content) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="chat-step-content svelte-4godlk">${$11.escape(part.content)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></span></li>`);
+  });
+}
+
+// src/components/chat/message/parts/suggestion-part.svelte
+import * as $12 from "svelte/internal/server";
+function Suggestion_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { part, onsuggestionselect, tabindex = 0 } = $$props;
+    function handleClick() {
+      onsuggestionselect?.(part.label);
+    }
+    $$renderer2.push(`<button type="button" class="chat-suggestion-chip svelte-r2wk4e" data-cinder-suggestion=""${$12.attr("tabindex", tabindex)}>${$12.escape(part.label)}</button>`);
+  });
+}
+
+// src/components/chat/message/parts/image-part.svelte
+import * as $15 from "svelte/internal/server";
+
+// src/components/chat/message/message-attachments.svelte
+import * as $14 from "svelte/internal/server";
+
+// src/components/chat/message/image-lightbox.svelte
+import * as $13 from "svelte/internal/server";
+import { fade } from "svelte/transition";
+function Image_lightbox($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { images, initialIndex = 0, open = false, onclose } = $$props;
+    const reducedMotion = useReducedMotion();
+    const LIGHTBOX_FADE_MS = 150;
+    const fadeDuration = $13.derived(() => reducedMotion.current ? 0 : LIGHTBOX_FADE_MS);
+    const clampedInitialIndex = $13.derived(() => images.length > 0 ? Math.max(0, Math.min(initialIndex, images.length - 1)) : 0);
+    let navigationIndex = null;
+    const effectiveIndex = $13.derived(() => open ? navigationIndex ?? clampedInitialIndex() : clampedInitialIndex());
+    const hasMultiple = $13.derived(() => images.length > 1);
+    const currentImage = $13.derived(() => images[effectiveIndex()]);
+    const counterText = $13.derived(() => `${effectiveIndex() + 1} of ${images.length}`);
+    function close() {
+      navigationIndex = null;
+      open = false;
+      onclose?.();
+    }
+    function previous() {
+      navigationIndex = (effectiveIndex() - 1 + images.length) % images.length;
+    }
+    function next() {
+      navigationIndex = (effectiveIndex() + 1) % images.length;
+    }
+    function handleOverlayClick(event) {
+      if (event.target === event.currentTarget) {
+        close();
+      }
+    }
+    function handleKeyDown(event) {
+      switch (event.key) {
+        case "Escape":
+          event.preventDefault();
+          close();
+          break;
+        case "ArrowLeft":
+          if (hasMultiple()) {
+            event.preventDefault();
+            previous();
+          }
+          break;
+        case "ArrowRight":
+          if (hasMultiple()) {
+            event.preventDefault();
+            next();
+          }
+          break;
+      }
+    }
+    if (open && currentImage()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="lightbox-overlay svelte-nzg1o2" role="dialog" aria-modal="true" aria-label="Image viewer" tabindex="-1"><button type="button" class="lightbox-close svelte-nzg1o2" aria-label="Close image viewer">`);
+      X($$renderer2, { size: 20 });
+      $$renderer2.push(`<!----></button> `);
+      if (hasMultiple()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<button type="button" class="lightbox-nav lightbox-nav-previous svelte-nzg1o2" aria-label="Previous image">`);
+        Chevron_left($$renderer2, { size: 24 });
+        $$renderer2.push(`<!----></button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <div class="lightbox-image-container svelte-nzg1o2"><img${$13.attr("src", currentImage().src)}${$13.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">${$13.escape(counterText())}</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    $13.bind_props($$props, { open });
+  });
+}
+
+// src/components/chat/message/message-attachments.svelte
+function Message_attachments($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      images,
+      loading = "lazy",
+      onimageload,
+      onimageerror,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const validImages = $14.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 = $14.derived(() => validImages().map(({ image, url }, index) => ({ src: url, alt: getAltText(image, index + 1) })));
+    function getImageUrlFromContent(image) {
+      if (image.type !== "image")
+        return "";
+      return image.url;
+    }
+    function getAltText(image, displayIndex) {
+      if (image.type !== "image")
+        return "";
+      if (image.text)
+        return image.text;
+      return `Image attachment ${displayIndex}`;
+    }
+    function handleLoad(index) {
+      onimageload?.(index);
+    }
+    function handleError(index, event) {
+      onimageerror?.(index, event);
+    }
+    function openLightbox(index) {
+      lightboxIndex = index;
+      lightboxOpen = true;
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${$14.attributes({
+        class: $14.clsx(classNames("message-attachments", className)),
+        role: "list",
+        "aria-label": "Message attachments",
+        "data-count": validImages().length,
+        ...rest
+      }, "svelte-mmlgnv")}><!--[-->`);
+      const each_array = $14.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"${$14.attr("aria-label", `View image: ${alt}`)}><img${$14.attr("src", url)}${$14.attr("alt", alt)}${$14.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">${$14.escape(alt)}</figcaption>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></figure>`);
+      }
+      $$renderer3.push(`<!--]--></div> `);
+      Image_lightbox($$renderer3, {
+        images: lightboxImages(),
+        initialIndex: lightboxIndex,
+        get open() {
+          return lightboxOpen;
+        },
+        set open($$value) {
+          lightboxOpen = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+// src/components/chat/message/parts/image-part.svelte
+function Image_part($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { parts } = $$props;
+    const images = $15.derived(() => parts.map((part) => part.image));
+    Message_attachments($$renderer2, { images: images() });
+  });
+}
+
+// src/components/chat/message/chat-message-parts-renderer.svelte
+function Chat_message_parts_renderer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      parts,
+      messagePart,
+      expanded = false,
+      ontoggle,
+      onapprove,
+      ondeny,
+      reasoningExpanded = false,
+      onreasoning,
+      onsuggestionselect
+    } = $$props;
+    const units = $16.derived(() => toRenderUnits(parts));
+    let activeIndex = 0;
+    function activeChipIndex(count) {
+      return count === 0 ? 0 : Math.min(activeIndex, count - 1);
+    }
+    function handleToolbarKeydown(event, toolbar, count) {
+      if (count === 0)
+        return;
+      const current = Math.min(activeIndex, count - 1);
+      let next = current;
+      if (event.key === "ArrowRight") {
+        next = (current + 1) % count;
+      } else if (event.key === "ArrowLeft") {
+        next = (current - 1 + count) % count;
+      } else if (event.key === "Home") {
+        next = 0;
+      } else if (event.key === "End") {
+        next = count - 1;
+      } else {
+        return;
+      }
+      event.preventDefault();
+      activeIndex = next;
+      const chips = toolbar.querySelectorAll("[data-cinder-suggestion]");
+      chips[next]?.focus();
+    }
+    function renderDefault($$renderer3, part) {
+      if (part.type === "markdown") {
+        $$renderer3.push("<!--[0-->");
+        Markdown_part($$renderer3, { part });
+      } else if (part.type === "tool-call") {
+        $$renderer3.push("<!--[1-->");
+        Tool_call_part($$renderer3, { part, expanded, ontoggle });
+      } else if (part.type === "tool-result") {
+        $$renderer3.push("<!--[2-->");
+        Tool_result_part($$renderer3, { part });
+      } else if (part.type === "tool-approval") {
+        $$renderer3.push("<!--[3-->");
+        Tool_approval_part($$renderer3, { part, onapprove, ondeny });
+      } else if (part.type === "reasoning") {
+        $$renderer3.push("<!--[4-->");
+        Reasoning_part($$renderer3, { part, expanded: reasoningExpanded, ontoggle: onreasoning });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<span data-cinder-unhandled-part="" aria-hidden="true"></span>`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--[-->`);
+    const each_array = $16.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") {
+        $$renderer2.push("<!--[0-->");
+        Image_part($$renderer2, { parts: unit.images });
+      } else if (unit.kind === "steps") {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<ol class="chat-step-list svelte-16hfc7o" aria-label="Steps"><!--[-->`);
+        const each_array_1 = $16.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 });
+        }
+        $$renderer2.push(`<!--]--></ol>`);
+      } 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 = $16.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, {
+            part: suggestion,
+            onsuggestionselect,
+            tabindex: index === activeChipIndex(unit.suggestions.length) ? 0 : -1
+          });
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else if (messagePart) {
+        $$renderer2.push("<!--[3-->");
+        messagePart($$renderer2, unit.part, renderDefault);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        renderDefault($$renderer2, unit.part);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/chat/message/chat-message.svelte
+var ROLE_LABELS = {
+  user: "You",
+  assistant: "Assistant",
+  system: "System",
+  developer: "Developer",
+  "tool-call": "Tool Call",
+  "tool-result": "Tool Result",
+  snapshot: "Snapshot"
+};
+function Chat_message($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      message,
+      toolCallPairs = [],
+      expanded = true,
+      class: className,
+      searchMatch = false,
+      actions,
+      status,
+      messagePart,
+      showDefaultActions = true,
+      streaming = false,
+      overrideContent,
+      onexpandedchange,
+      onretry,
+      onedit,
+      approvedToolCallIds,
+      deniedToolCallIds,
+      onapprove,
+      ondeny,
+      reasoning,
+      steps,
+      suggestions,
+      reasoningExpanded = false,
+      onreasoning,
+      onsuggestionselect,
+      tabindex,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let isEditing = false;
+    let editContent = "";
+    const canEdit = $17.derived(() => message.role === "user" && onedit !== undefined && !streaming);
+    function startEditing() {
+      editContent = textContent();
+      isEditing = true;
+    }
+    function cancelEditing() {
+      isEditing = false;
+      editContent = "";
+    }
+    function saveEdit() {
+      const trimmedContent = editContent.trim();
+      if (trimmedContent && trimmedContent !== textContent()) {
+        onedit?.({ messageId: message.id, content: trimmedContent });
+      }
+      isEditing = false;
+      editContent = "";
+    }
+    function handleEditKeyDown(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        cancelEditing();
+      }
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        saveEdit();
+      }
+    }
+    const deliveryStatus = $17.derived(() => message.metadata?.["_deliveryStatus"]);
+    const isFailed = $17.derived(() => deliveryStatus() === "failed");
+    const textContent = $17.derived(() => getMessageText(message));
+    const roleLabel = $17.derived(() => ROLE_LABELS[message.role] ?? message.role);
+    const isToolCall = $17.derived(() => message.role === "tool-call");
+    const toolPair = $17.derived(() => {
+      if (!isToolCall() || !message.toolCall)
+        return null;
+      return toolCallPairs.find((pair) => pair.call.id === message.toolCall?.id) ?? null;
+    });
+    const messageParts = $17.derived(() => deriveMessageParts(message, {
+      toolCallPair: toolPair() ?? undefined,
+      overrideContent,
+      streaming,
+      expanded,
+      approvedToolCallIds,
+      deniedToolCallIds,
+      reasoning,
+      steps,
+      suggestions
+    }));
+    const hasMarkdownBody = $17.derived(() => messageParts().some((part) => part.type === "markdown"));
+    const bodyParts = $17.derived(() => messageParts().filter((part) => part.type !== "image"));
+    const imageParts = $17.derived(() => messageParts().filter((part) => part.type === "image"));
+    const TRUNCATE_THRESHOLD = 500;
+    const messageId = $17.derived(() => `message-${message.id}`);
+    const roleId = $17.derived(() => `${messageId()}-role`);
+    function toggleExpanded() {
+      expanded = !expanded;
+      onexpandedchange?.(expanded);
+    }
+    $$renderer2.push(`<div${$17.attributes({
+      class: $17.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${$17.attr("id", messageId())} class="chat-message svelte-1sxbmxn"${$17.attr("aria-labelledby", isToolCall() && toolPair() ? undefined : roleId())}${$17.attr("aria-label", isToolCall() && toolPair() ? `Tool call: ${toolPair().call.name}` : undefined)}${$17.attr("tabindex", tabindex)}><header class="chat-message-header svelte-1sxbmxn"><span${$17.attr("id", roleId())} class="chat-message-role svelte-1sxbmxn">${$17.escape(roleLabel())}</span> `);
+    if (status) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="chat-message-status svelte-1sxbmxn">`);
+      status($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$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"${$17.attr("rows", Math.min(Math.max(editContent.split(`
+`).length, 2), 10))}>`);
+      const $$body = $17.escape(editContent);
+      if ($$body) {
+        $$renderer2.push(`${$$body}`);
+      } else {}
+      $$renderer2.push(`</textarea> <div class="chat-message-edit-actions svelte-1sxbmxn"><button type="button" class="chat-message-edit-save svelte-1sxbmxn">Save &amp; Resend</button> <button type="button" class="chat-message-edit-cancel svelte-1sxbmxn">Cancel</button></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Chat_message_parts_renderer($$renderer2, {
+        parts: bodyParts(),
+        messagePart,
+        expanded,
+        ontoggle: toggleExpanded,
+        onapprove,
+        ondeny,
+        reasoningExpanded,
+        onreasoning,
+        onsuggestionselect
+      });
+      $$renderer2.push(`<!----> `);
+      if (hasMarkdownBody() && textContent().length > TRUNCATE_THRESHOLD) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<button type="button" class="chat-message-expand svelte-1sxbmxn">${$17.escape(expanded ? "Show less" : "Show more")}</button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (imageParts().length > 0) {
+      $$renderer2.push("<!--[0-->");
+      Chat_message_parts_renderer($$renderer2, { parts: imageParts() });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (isFailed() && onretry) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="chat-message-failed-actions svelte-1sxbmxn"><span class="chat-message-failed-label svelte-1sxbmxn" role="alert">Failed to send</span> <button type="button" class="chat-message-retry svelte-1sxbmxn">`);
+      Rotate_ccw($$renderer2, { class: "icon-xs" });
+      $$renderer2.push(`<!----> Retry</button></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></article> `);
+    if (actions || showDefaultActions && textContent() || canEdit()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<footer class="chat-message-footer svelte-1sxbmxn" role="none"><div class="chat-message-actions svelte-1sxbmxn" role="group" aria-label="Message actions">`);
+      if (actions) {
+        $$renderer2.push("<!--[0-->");
+        actions($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (showDefaultActions && textContent()) {
+        $$renderer2.push("<!--[0-->");
+        Copy_button($$renderer2, {
+          value: textContent(),
+          label: "Copy message",
+          copiedLabel: "Copied!",
+          iconOnly: true,
+          confirmDuration: 2000,
+          class: "chat-message-action-button chat-message-copy"
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (canEdit()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<button type="button" class="chat-message-action-button chat-message-edit-button" aria-label="Edit message">`);
+        Pencil($$renderer2, { class: "icon-xs" });
+        $$renderer2.push(`<!----></button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div></footer>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $17.bind_props($$props, { expanded });
+  });
+}
+// src/components/chat/input/attachment-kind.ts
+var CODE_MIME_TYPES = new Set([
+  "application/json",
+  "application/javascript",
+  "application/typescript",
+  "application/xml",
+  "application/yaml",
+  "application/x-yaml",
+  "application/x-sh",
+  "application/sql",
+  "application/toml"
+]);
+function deriveAttachmentKind(mimeType) {
+  if (mimeType.startsWith("image/"))
+    return "image";
+  if (mimeType.startsWith("text/") || CODE_MIME_TYPES.has(mimeType))
+    return "code";
+  return "document";
+}
+// src/components/chat/input/chat-attachment-preview.svelte
+import * as $18 from "svelte/internal/server";
+function Chat_attachment_preview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { attachment, class: className } = $$props;
+    const extension = $18.derived(() => attachment.file.name.includes(".") ? attachment.file.name.slice(attachment.file.name.lastIndexOf(".")) : "");
+    const truncatedName = $18.derived(() => {
+      const name = attachment.file.name;
+      const maxLength = 18;
+      if (name.length <= maxLength)
+        return name;
+      const ext = extension();
+      const base = name.slice(0, name.length - ext.length);
+      const availableLength = maxLength - ext.length - 1;
+      if (availableLength < 3)
+        return name.slice(0, maxLength - 1) + "…";
+      return base.slice(0, availableLength) + "…" + ext;
+    });
+    $$renderer2.push(`<div${$18.attr_class($18.clsx(classNames("chat-attachment-preview", className)), "svelte-1svhxp5")}${$18.attr("data-kind", attachment.kind)}${$18.attr("data-error", attachment.status === "error" || undefined)}${$18.attr("data-pending", attachment.status === "pending" || undefined)}>`);
+    if (attachment.kind === "image") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<img${$18.attr("src", attachment.previewUrl)}${$18.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">`);
+      if (attachment.kind === "code") {
+        $$renderer2.push("<!--[0-->");
+        File_code($$renderer2, { class: "icon-sm" });
+      } else {
+        $$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"${$18.attr("title", attachment.file.name)}>${$18.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">${$18.escape(extension())}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <span class="chat-attachment-preview-size svelte-1svhxp5">${$18.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"${$18.attr("aria-label", attachment.error ?? "Attachment error")}>!</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (attachment.status === "pending") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="chat-attachment-preview-loading svelte-1svhxp5" role="status" aria-label="Reading file"><div class="chat-attachment-preview-loading-bar svelte-1svhxp5"></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+// src/components/chat/input/chat-input.svelte
+import * as $19 from "svelte/internal/server";
+import { onDestroy } from "svelte";
+
+// src/utilities/id-factory.ts
+function createIdFactory(prefix = "") {
+  let counter = 0;
+  return {
+    next() {
+      return `${prefix}-${++counter}`;
+    },
+    reset() {
+      counter = 0;
+    }
+  };
+}
+var defaultIdFactory = createIdFactory("cinder");
+function djb2Hex(value) {
+  let hash = 5381;
+  for (let index = 0;index < value.length; index++) {
+    hash = (hash << 5) + hash + value.charCodeAt(index) | 0;
+  }
+  return (hash >>> 0).toString(16).padStart(8, "0");
+}
+function useStableId(seed) {
+  if (seed === undefined) {
+    return defaultIdFactory.next();
+  }
+  return `id-${djb2Hex(seed)}`;
+}
+// src/components/chat/input/chat-input.svelte
+function Chat_input($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const attachmentIdFactory = createIdFactory("attachment");
+    const usedAttachmentIds = new Set;
+    let {
+      id,
+      value = "",
+      placeholder = "Type a message...",
+      composerLabel = "Message",
+      disabled = false,
+      sending = false,
+      error,
+      class: className,
+      action,
+      name = "content",
+      clearOnSubmit = true,
+      allowAttachments = true,
+      maxFileSize = 10 * 1024 * 1024,
+      acceptedTypes = [
+        "image/*",
+        "text/*",
+        "application/json",
+        "application/pdf",
+        "application/javascript",
+        "application/typescript",
+        "application/xml",
+        "application/yaml",
+        "application/x-yaml",
+        "application/x-sh",
+        "application/sql",
+        "application/toml"
+      ],
+      onsubmit,
+      onstop,
+      onattachmentadd,
+      onattachmentremove,
+      onattachmentfailure,
+      actions,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const showStopButton = $19.derived(() => sending && onstop !== undefined);
+    let formElement = null;
+    let editorRef;
+    let fileInputRef = null;
+    let attachments = [];
+    let isDragOver = false;
+    let isComposing = false;
+    const announcer = useAnnouncer();
+    const errorId = $19.derived(() => `${id}-error`);
+    const hintId = $19.derived(() => `${id}-hint`);
+    const shortcutDescriptionId = $19.derived(() => `${id}-shortcut-description`);
+    const isWhitespaceOnly = $19.derived(() => value.trim().length === 0);
+    const hasPendingAttachments = $19.derived(() => attachments.some((a) => a.status === "pending" || a.status === "uploading"));
+    const canSubmit = $19.derived(() => !isWhitespaceOnly() && !disabled && !sending && !hasPendingAttachments());
+    const isFormActionMode = $19.derived(() => !!action);
+    function isValidType(file) {
+      return acceptedTypes.some((type) => {
+        if (type.endsWith("/*")) {
+          const category = type.slice(0, -2);
+          return file.type.startsWith(category);
+        }
+        return file.type === type;
+      });
+    }
+    const KIND_LABELS = { image: "Image", code: "Code file", document: "Document" };
+    function addAttachment(file) {
+      if (!isValidType(file)) {
+        onattachmentfailure?.(file, `Invalid file type: ${file.type}. Accepted types: ${acceptedTypes.join(", ")}.`);
+        return;
+      }
+      if (file.size > maxFileSize) {
+        const maxSizeMB = Math.round(maxFileSize / (1024 * 1024));
+        onattachmentfailure?.(file, `File exceeds ${maxSizeMB}MB limit`);
+        return;
+      }
+      const kind = deriveAttachmentKind(file.type);
+      let attachmentId = file.lastModified !== 0 ? useStableId(`${file.name}\x00${file.size}\x00${file.lastModified}`) : attachmentIdFactory.next();
+      if (usedAttachmentIds.has(attachmentId)) {
+        attachmentId = `${attachmentId}-${attachmentIdFactory.next()}`;
+      }
+      usedAttachmentIds.add(attachmentId);
+      const attachment = {
+        id: attachmentId,
+        file,
+        previewUrl: URL.createObjectURL(file),
+        kind,
+        status: kind === "code" ? "pending" : "ready"
+      };
+      attachments = [...attachments, attachment];
+      onattachmentadd?.(attachment);
+      announcer.announce(`${KIND_LABELS[kind]} attached: ${file.name}`);
+      if (kind === "code") {
+        file.text().then((text) => {
+          attachments = attachments.map((a) => a.id === attachment.id ? { ...a, textContent: text, status: "ready" } : a);
+        }, () => {
+          attachments = attachments.map((a) => a.id === attachment.id ? { ...a, status: "error", error: "Failed to read file" } : a);
+        });
+      }
+    }
+    function removeAttachment(attachmentId) {
+      const attachment = attachments.find((a) => a.id === attachmentId);
+      if (attachment) {
+        URL.revokeObjectURL(attachment.previewUrl);
+        attachments = attachments.filter((a) => a.id !== attachmentId);
+        onattachmentremove?.(attachment);
+        announcer.announce(`${KIND_LABELS[attachment.kind]} removed`);
+      }
+    }
+    function handleFileSelect(event) {
+      const input = event.target;
+      const files = input.files;
+      if (files) {
+        Array.from(files).forEach(addAttachment);
+      }
+      input.value = "";
+    }
+    function handlePaste(event) {
+      if (!allowAttachments)
+        return;
+      const items = event.clipboardData?.items;
+      if (!items)
+        return;
+      const files = [];
+      for (const item of items) {
+        if (item.kind === "file") {
+          const file = item.getAsFile();
+          if (file) {
+            files.push(file);
+          }
+        }
+      }
+      if (files.length > 0) {
+        event.preventDefault();
+        files.forEach(addAttachment);
+      }
+    }
+    function handleDrop(event) {
+      isDragOver = false;
+      if (!allowAttachments)
+        return;
+      event.preventDefault();
+      event.stopPropagation();
+      const files = event.dataTransfer?.files;
+      if (files) {
+        Array.from(files).forEach(addAttachment);
+      }
+    }
+    function handleDragOver(event) {
+      if (!allowAttachments)
+        return;
+      event.preventDefault();
+      isDragOver = true;
+    }
+    function handleDragLeave(event) {
+      if (!formElement?.contains(event.relatedTarget)) {
+        isDragOver = false;
+      }
+    }
+    function handleSubmit(event) {
+      if (!canSubmit()) {
+        event.preventDefault();
+        return;
+      }
+      const latestContent = editorRef?.getMarkdown() ?? value;
+      const trimmedContent = latestContent.trim();
+      if (trimmedContent.length === 0) {
+        event.preventDefault();
+        return;
+      }
+      const message = { role: "user", content: trimmedContent };
+      const readyAttachments = attachments.filter((a) => a.status === "ready");
+      onsubmit?.(message, readyAttachments);
+      if (!isFormActionMode()) {
+        event.preventDefault();
+        if (clearOnSubmit) {
+          value = "";
+          attachments.forEach((a) => URL.revokeObjectURL(a.previewUrl));
+          attachments = [];
+        }
+        editorRef?.focus();
+        announcer.announce("Message sent");
+      } else {
+        value = trimmedContent;
+      }
+    }
+    function handleKeyDown(event) {
+      if (event.isComposing || isComposing) {
+        return;
+      }
+      if (event.key === "Enter" && event.shiftKey) {
+        return;
+      }
+      if (event.key === "Enter" && !event.metaKey && !event.ctrlKey && !event.altKey) {
+        event.preventDefault();
+        if (canSubmit()) {
+          formElement?.requestSubmit();
+        }
+      }
+    }
+    function handleCompositionStart() {
+      isComposing = true;
+    }
+    function handleCompositionEnd() {
+      isComposing = false;
+    }
+    function focus() {
+      editorRef?.focus();
+    }
+    function clear() {
+      value = "";
+      attachments.forEach((a) => URL.revokeObjectURL(a.previewUrl));
+      attachments = [];
+    }
+    function getAttachments() {
+      return [...attachments];
+    }
+    function addFiles(files) {
+      if (!allowAttachments)
+        return;
+      files.forEach(addAttachment);
+    }
+    onDestroy(() => {
+      attachments.forEach((a) => URL.revokeObjectURL(a.previewUrl));
+    });
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<form${$19.attributes({
+        class: $19.clsx(classNames("chat-input", isDragOver && "chat-input-dragover", className)),
+        method: "POST",
+        action,
+        "aria-label": "Chat message composer",
+        "aria-busy": sending || undefined,
+        ...rest
+      }, "svelte-1tzweuh")}>`);
+      if (isFormActionMode()) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<input type="hidden"${$19.attr("name", name)}${$19.attr("value", value)}/>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      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 = $19.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"${$19.attr("aria-label", `Remove ${attachment.file.name}`)}>`);
+          X($$renderer3, { class: "icon-xs" });
+          $$renderer3.push(`<!----></button></div>`);
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <div class="chat-input-editor-container svelte-1tzweuh">`);
+      Markdown_editor($$renderer3, {
+        id: `${id}-editor`,
+        placeholder,
+        label: composerLabel,
+        readonly: disabled || sending,
+        showToolbar: false,
+        showModeToggle: false,
+        class: "chat-input-editor",
+        "aria-describedby": shortcutDescriptionId(),
+        get value() {
+          return value;
+        },
+        set value($$value) {
+          value = $$value;
+          $$settled = false;
+        }
+      });
+      $$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${$19.attr("id", `${id}-file-picker`)} type="file"${$19.attr("accept", acceptedTypes.join(","))} multiple="" class="sr-only svelte-1tzweuh" aria-label="Attach files"${$19.attr("tabindex", -1)}/> `);
+        Button($$renderer3, {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onclick: () => fileInputRef?.click(),
+          disabled: disabled || sending,
+          "aria-label": "Attach file",
+          children: ($$renderer4) => {
+            Paperclip($$renderer4, { class: "icon-sm" });
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <span${$19.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${$19.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);
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (showStopButton()) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<button type="button" class="chat-input-send svelte-1tzweuh" data-stop="" aria-label="Stop generating"${$19.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"${$19.attr("disabled", !canSubmit(), true)}${$19.attr("aria-label", sending ? "Sending message" : "Send message")}${$19.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>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          Arrow_up($$renderer3, { class: "icon-sm" });
+        }
+        $$renderer3.push(`<!--]--></button>`);
+      }
+      $$renderer3.push(`<!--]--></div></div> `);
+      if (error) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<p${$19.attr("id", errorId())} class="chat-input-error svelte-1tzweuh" role="alert">${$19.escape(error)}</p>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> <div aria-live="polite" aria-atomic="true" class="sr-only svelte-1tzweuh">${$19.escape(announcer.message)}</div></form>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    $19.bind_props($$props, { value, focus, clear, getAttachments, addFiles });
+  });
+}
+// src/components/chat/container/scroll-utilities.ts
+var DEFAULT_SCROLL_CONFIGURATION = {
+  bottomThreshold: 150,
+  jumpThreshold: 200
+};
+function isAtBottom(state, threshold) {
+  const distanceFromBottom = state.scrollHeight - state.scrollTop - state.clientHeight;
+  return distanceFromBottom <= threshold || state.scrollHeight <= state.clientHeight;
+}
+function shouldShowJumpToLatest(state, threshold) {
+  const distanceFromBottom = state.scrollHeight - state.scrollTop - state.clientHeight;
+  if (state.scrollHeight <= state.clientHeight) {
+    return false;
+  }
+  return distanceFromBottom > threshold;
+}
+function getMessageTimestamp(message) {
+  if (message.createdAt) {
+    const parsed = Date.parse(message.createdAt);
+    if (!Number.isNaN(parsed)) {
+      return parsed;
+    }
+  }
+  const metaTimestamp = message.metadata?.["timestamp"];
+  if (typeof metaTimestamp === "number") {
+    return metaTimestamp;
+  }
+  if (typeof metaTimestamp === "string") {
+    const parsed = Date.parse(metaTimestamp);
+    if (!Number.isNaN(parsed)) {
+      return parsed;
+    }
+  }
+  return null;
+}
+function calculateUnreadCount(messages, lastReadTimestamp) {
+  if (lastReadTimestamp === 0) {
+    return 0;
+  }
+  return messages.filter((message) => {
+    const timestamp = getMessageTimestamp(message);
+    return timestamp != null && timestamp > lastReadTimestamp;
+  }).length;
+}
+function findUnreadBoundaryIndex(messages, lastReadTimestamp) {
+  if (lastReadTimestamp === 0) {
+    return -1;
+  }
+  return messages.findIndex((message) => {
+    const timestamp = getMessageTimestamp(message);
+    return timestamp != null && timestamp > lastReadTimestamp;
+  });
+}
+function calculateScrollToBottom(state) {
+  return Math.max(0, state.scrollHeight - state.clientHeight);
+}
+function formatUnreadCount(count) {
+  if (count <= 0)
+    return "";
+  if (count > 99)
+    return "99+";
+  return count.toString();
+}
+function isLargeCount(count) {
+  return count > 99;
+}
+function extractTimestamp(message) {
+  return getMessageTimestamp(message) ?? Date.now();
+}
+
+// src/components/chat/container/use-chat-scroll-state.svelte.ts
+import * as $20 from "svelte/internal/server";
+var destroy = () => {};
+function useChatScrollState(options) {
+  const {
+    bottomThreshold = DEFAULT_SCROLL_CONFIGURATION.bottomThreshold,
+    getBottomThreshold,
+    jumpThreshold = DEFAULT_SCROLL_CONFIGURATION.jumpThreshold,
+    getJumpThreshold,
+    onScrollStateChange,
+    onReachBottom
+  } = options ?? {};
+  const reducedMotion = useReducedMotion();
+  function getScrollBehavior() {
+    return reducedMotion.current ? "auto" : "smooth";
+  }
+  let atBottom = true;
+  let showJumpButton = false;
+  let scrollTicking = false;
+  let isUserScrolling = false;
+  function setAtBottom(value) {
+    atBottom = value;
+  }
+  function createScrollAttachment() {
+    return (element) => {
+      function handleScroll() {
+        if (scrollTicking)
+          return;
+        scrollTicking = true;
+        requestAnimationFrame(() => {
+          const state = {
+            scrollTop: element.scrollTop,
+            scrollHeight: element.scrollHeight,
+            clientHeight: element.clientHeight
+          };
+          const scrolledToBottom = isAtBottom(state, getBottomThreshold?.() ?? bottomThreshold);
+          const shouldShowJump = shouldShowJumpToLatest(state, getJumpThreshold?.() ?? jumpThreshold);
+          atBottom = scrolledToBottom;
+          showJumpButton = shouldShowJump;
+          if (scrolledToBottom) {
+            onReachBottom?.();
+          }
+          onScrollStateChange?.({
+            atBottom: scrolledToBottom,
+            scrollTop: state.scrollTop,
+            scrollHeight: state.scrollHeight
+          });
+          scrollTicking = false;
+        });
+      }
+      element.addEventListener("scroll", handleScroll, { passive: true });
+      return () => element.removeEventListener("scroll", handleScroll);
+    };
+  }
+  function handleSentinelEntry(entry) {
+    const sentinelVisible = entry.isIntersecting;
+    if (sentinelVisible && !atBottom) {
+      atBottom = true;
+      onReachBottom?.();
+    }
+  }
+  function createSentinelObserver(viewport, sentinel) {
+    if (!viewport || !sentinel)
+      return;
+    const observer = new IntersectionObserver(([entry]) => {
+      if (!entry)
+        return;
+      handleSentinelEntry(entry);
+    }, {
+      root: viewport,
+      threshold: 0,
+      rootMargin: `0px 0px ${getBottomThreshold?.() ?? bottomThreshold}px 0px`
+    });
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }
+  function scrollToBottom(viewport) {
+    viewport?.scrollTo({ top: viewport.scrollHeight, behavior: getScrollBehavior() });
+  }
+  function scrollToTop(viewport) {
+    viewport?.scrollTo({ top: 0, behavior: getScrollBehavior() });
+  }
+  function jumpToLatest(viewport, onComplete) {
+    if (!viewport)
+      return;
+    isUserScrolling = true;
+    const behavior = getScrollBehavior();
+    viewport.scrollTo({ top: viewport.scrollHeight, behavior });
+    onReachBottom?.();
+    onComplete?.();
+    const scrollDuration = reducedMotion.current ? 50 : 500;
+    setTimeout(() => {
+      isUserScrolling = false;
+      const wrappers = viewport.querySelectorAll(".chat-message-wrapper");
+      const lastWrapper = wrappers.length > 0 ? wrappers[wrappers.length - 1] : null;
+      const lastMessage = lastWrapper?.querySelector(".chat-message") ?? null;
+      lastMessage?.focus();
+    }, scrollDuration);
+  }
+  return {
+    get atBottom() {
+      return atBottom;
+    },
+    get showJumpButton() {
+      return showJumpButton;
+    },
+    setAtBottom,
+    createScrollAttachment,
+    createSentinelObserver,
+    handleSentinelEntry,
+    scrollToBottom,
+    scrollToTop,
+    jumpToLatest,
+    getScrollBehavior,
+    destroy,
+    get isUserScrolling() {
+      return isUserScrolling;
+    }
+  };
+}
+
+// src/components/chat/container/use-chat-unread-state.svelte.ts
+import * as $21 from "svelte/internal/server";
+import { untrack } from "svelte";
+function useChatUnreadState(options) {
+  const { announcerDebounceMs = 300, onUnreadIndicatorChange } = options ?? {};
+  let unreadCount = 0;
+  let newMessageIndicatorVisible = false;
+  let firstUnreadId = null;
+  let previousMessageCount = 0;
+  let previousLastMessageId = null;
+  let previousConversationId = null;
+  const announcer = useAnnouncer({ debounceMs: announcerDebounceMs });
+  const displayUnreadCount = $21.derived(() => formatUnreadCount(unreadCount));
+  const hasLargeCount = $21.derived(() => isLargeCount(unreadCount));
+  function notifyIndicatorChange() {
+    onUnreadIndicatorChange?.({ unreadCount, newMessageIndicatorVisible });
+  }
+  function markAllAsRead() {
+    const changed = unreadCount !== 0 || newMessageIndicatorVisible;
+    unreadCount = 0;
+    newMessageIndicatorVisible = false;
+    firstUnreadId = null;
+    if (changed)
+      notifyIndicatorChange();
+  }
+  function processMessages(messages, conversationId, getAtBottom) {
+    if (conversationId !== previousConversationId) {
+      previousMessageCount = messages.length;
+      previousLastMessageId = messages.at(-1)?.id ?? null;
+      previousConversationId = conversationId;
+      markAllAsRead();
+      return;
+    }
+    const currentCount = messages.length;
+    const prevCount = previousMessageCount;
+    const currentLastMessageId = messages.at(-1)?.id ?? null;
+    const wasAppended = currentCount > prevCount && prevCount > 0 && currentLastMessageId !== null && currentLastMessageId !== previousLastMessageId;
+    if (wasAppended) {
+      const atBottom = untrack(getAtBottom);
+      if (!atBottom) {
+        const newMessageCount = currentCount - prevCount;
+        unreadCount += newMessageCount;
+        newMessageIndicatorVisible = true;
+        if (firstUnreadId === null) {
+          const firstNewIndex = currentCount - newMessageCount;
+          const firstNewMessage = messages[firstNewIndex];
+          if (firstNewMessage) {
+            firstUnreadId = firstNewMessage.id;
+          }
+        }
+        announcer.announce(unreadCount === 1 ? "New message received" : `${unreadCount} new messages received`);
+        notifyIndicatorChange();
+      }
+    }
+    previousMessageCount = currentCount;
+    previousLastMessageId = currentLastMessageId;
+  }
+  function destroy2() {
+    announcer.destroy();
+  }
+  return {
+    get unreadCount() {
+      return unreadCount;
+    },
+    get newMessageIndicatorVisible() {
+      return newMessageIndicatorVisible;
+    },
+    get firstUnreadId() {
+      return firstUnreadId;
+    },
+    get displayUnreadCount() {
+      return displayUnreadCount();
+    },
+    get hasLargeCount() {
+      return hasLargeCount();
+    },
+    get announcerMessage() {
+      return announcer.message;
+    },
+    markAllAsRead,
+    processMessages,
+    destroy: destroy2
+  };
+}
+
+// src/components/chat/container/use-chat-keyboard-nav.svelte.ts
+import * as $22 from "svelte/internal/server";
+import { tick } from "svelte";
+function useChatKeyboardNav(options) {
+  const {
+    onJumpToLatest,
+    onJumpToStart,
+    getScrollBehavior,
+    getHistoryTrigger,
+    onVirtualMessageNavigation
+  } = options;
+  function navigateMessages(viewport, direction) {
+    const allMessages = viewport.querySelectorAll(".chat-message");
+    if (allMessages.length === 0)
+      return;
+    const currentIndex = Array.from(allMessages).findIndex((msg) => msg === document.activeElement);
+    let targetIndex;
+    if (currentIndex === -1) {
+      targetIndex = direction === "next" ? 0 : allMessages.length - 1;
+    } else if (direction === "next") {
+      targetIndex = currentIndex < allMessages.length - 1 ? currentIndex + 1 : currentIndex;
+    } else {
+      targetIndex = currentIndex > 0 ? currentIndex - 1 : currentIndex;
+    }
+    const targetMessage = allMessages[targetIndex];
+    if (targetMessage && targetMessage !== document.activeElement) {
+      targetMessage.focus();
+      targetMessage.scrollIntoView({ behavior: getScrollBehavior(), block: "nearest" });
+    }
+  }
+  const TEXT_EDITING_SELECTOR = "input, textarea, select, [contenteditable]";
+  function handleKeyDown(event, viewport) {
+    if (!viewport)
+      return;
+    if (document.activeElement?.closest(".chat-input") || document.activeElement?.matches(TEXT_EDITING_SELECTOR))
+      return;
+    const behavior = getScrollBehavior();
+    switch (event.key) {
+      case "End":
+        event.preventDefault();
+        onJumpToLatest();
+        break;
+      case "Home":
+        event.preventDefault();
+        if (onJumpToStart) {
+          onJumpToStart();
+        } else {
+          viewport.scrollTo({ top: 0, behavior });
+        }
+        tick().then(() => {
+          const historyTrigger = getHistoryTrigger?.();
+          if (historyTrigger) {
+            historyTrigger.focus();
+          } else {
+            const firstMessage = viewport.querySelector(".chat-message");
+            firstMessage?.focus();
+          }
+          return;
+        }, () => {
+          return;
+        });
+        break;
+      case "PageDown":
+        event.preventDefault();
+        viewport.scrollBy({ top: viewport.clientHeight * 0.9, behavior });
+        break;
+      case "PageUp":
+        event.preventDefault();
+        viewport.scrollBy({ top: -viewport.clientHeight * 0.9, behavior });
+        break;
+      case "ArrowDown":
+        if (document.activeElement?.classList.contains("chat-message")) {
+          event.preventDefault();
+          if (!onVirtualMessageNavigation?.("next")) {
+            navigateMessages(viewport, "next");
+          }
+        }
+        break;
+      case "ArrowUp":
+        if (document.activeElement?.classList.contains("chat-message")) {
+          event.preventDefault();
+          if (!onVirtualMessageNavigation?.("previous")) {
+            navigateMessages(viewport, "previous");
+          }
+        }
+        break;
+    }
+  }
+  return { handleKeyDown };
+}
+
+// src/components/chat/container/use-chat-search.svelte.ts
+import * as $23 from "svelte/internal/server";
+function useChatSearch(options) {
+  const { getMessages: getMessages2 } = options;
+  let query = "";
+  let isOpen = false;
+  let currentMatchIndex = 0;
+  const matches = $23.derived(() => {
+    const trimmedQuery = query.trim();
+    if (!trimmedQuery)
+      return [];
+    const lowercasedQuery = trimmedQuery.toLowerCase();
+    const messages = getMessages2();
+    return messages.map((message, messageIndex) => ({ message, messageIndex })).filter(({ message }) => getMessageText(message).toLowerCase().includes(lowercasedQuery));
+  });
+  const matchCount = $23.derived(() => matches().length);
+  const clampedMatchIndex = $23.derived(() => matchCount() > 0 ? Math.min(currentMatchIndex, matchCount() - 1) : 0);
+  const currentMatch = $23.derived(() => matches()[clampedMatchIndex()] ?? null);
+  function open() {
+    isOpen = true;
+  }
+  function close() {
+    isOpen = false;
+    query = "";
+    currentMatchIndex = 0;
+  }
+  function nextMatch() {
+    if (matchCount() > 0) {
+      currentMatchIndex = (clampedMatchIndex() + 1) % matchCount();
+    }
+  }
+  function previousMatch() {
+    if (matchCount() > 0) {
+      currentMatchIndex = (clampedMatchIndex() - 1 + matchCount()) % matchCount();
+    }
+  }
+  function setQuery(value) {
+    query = value;
+    currentMatchIndex = 0;
+  }
+  return {
+    get query() {
+      return query;
+    },
+    get isOpen() {
+      return isOpen;
+    },
+    get matches() {
+      return matches();
+    },
+    get matchCount() {
+      return matchCount();
+    },
+    get currentMatch() {
+      return currentMatch();
+    },
+    get currentMatchIndex() {
+      return clampedMatchIndex();
+    },
+    open,
+    close,
+    nextMatch,
+    previousMatch,
+    setQuery
+  };
+}
+
+// src/components/chat/container/chat-jump-controls.svelte
+import * as $24 from "svelte/internal/server";
+function Chat_jump_controls($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      showJumpButton,
+      hasNewMessageIndicator,
+      unreadCount,
+      displayUnreadCount,
+      hasLargeCount,
+      onjumptolatest
+    } = $$props;
+    function handleJump() {
+      onjumptolatest?.();
+    }
+    if (showJumpButton) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="chat-jump-button svelte-1ornxh"${$24.attr("aria-label", unreadCount > 0 ? `Jump to ${unreadCount} new message${unreadCount !== 1 ? "s" : ""}` : "Jump to latest")}>`);
+      Chevron_down($$renderer2, { class: "icon-sm" });
+      $$renderer2.push(`<!----> `);
+      if (unreadCount > 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="chat-jump-badge svelte-1ornxh"${$24.attr("data-large", hasLargeCount || undefined)}>${$24.escape(displayUnreadCount)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hasNewMessageIndicator && !showJumpButton) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="chat-new-indicator svelte-1ornxh"${$24.attr("aria-label", `Jump to ${$24.stringify(displayUnreadCount)} new message${$24.stringify(unreadCount !== 1 ? "s" : "")}`)}>`);
+      Chevron_down($$renderer2, { class: "icon-xs" });
+      $$renderer2.push(`<!----> <span aria-hidden="true">${$24.escape(displayUnreadCount)} new message${$24.escape(unreadCount !== 1 ? "s" : "")}</span></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/chat/container/chat-history-trigger.svelte
+import * as $25 from "svelte/internal/server";
+function Chat_history_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      loading = false,
+      label = "Load earlier messages",
+      loadingLabel = "Loading earlier messages",
+      onload
+    } = $$props;
+    let buttonElement = null;
+    const buttonAttachment = (node) => {
+      buttonElement = node;
+      return () => {
+        if (buttonElement === node) {
+          buttonElement = null;
+        }
+      };
+    };
+    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"${$25.attr("disabled", loading, true)}${$25.attr("aria-busy", loading ? "true" : undefined)}>${$25.escape(loading ? loadingLabel : label)}</button> `);
+    if (loading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="sr-only svelte-y4b3t5" role="status">${$25.escape(loadingLabel)}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $25.bind_props($$props, { focus });
+  });
+}
+
+// src/components/chat/container/chat-status-announcer.svelte
+import * as $26 from "svelte/internal/server";
+function Chat_status_announcer($$renderer, $$props) {
+  let { statusId, messageCount, announcerMessage, assertiveMessage } = $$props;
+  $$renderer.push(`<div${$26.attr("id", statusId)} class="cinder-sr-only">${$26.escape(messageCount)} messages in conversation</div> <div class="cinder-sr-only" aria-live="polite" aria-atomic="true">${$26.escape(announcerMessage)}</div> <div class="cinder-sr-only" aria-live="assertive" aria-atomic="true">${$26.escape(assertiveMessage ?? "")}</div>`);
+}
+
+// src/components/chat/container/chat-search-bar.svelte
+import * as $27 from "svelte/internal/server";
+function Chat_search_bar($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      instanceId,
+      query,
+      matchCount,
+      currentMatchIndex,
+      onquerychange,
+      onnext,
+      onprevious,
+      onclose
+    } = $$props;
+    const searchResultsId = $27.derived(() => `${instanceId}-search-results`);
+    let inputElement = null;
+    const autoFocus = (element) => {
+      element.focus();
+      inputElement = element;
+    };
+    function focusInput() {
+      inputElement?.focus();
+    }
+    const matchLabel = $27.derived(() => {
+      if (!query.trim())
+        return "";
+      if (matchCount === 0)
+        return "No matches";
+      return `${currentMatchIndex + 1} of ${matchCount}`;
+    });
+    const hasQuery = $27.derived(() => query.trim().length > 0);
+    function handleInput(event) {
+      const target = event.currentTarget;
+      onquerychange(target.value);
+    }
+    function handleKeyDown(event) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onclose();
+      } else if (event.key === "Enter" && matchCount > 0) {
+        event.preventDefault();
+        if (event.shiftKey) {
+          onprevious();
+        } else {
+          onnext();
+        }
+      }
+    }
+    $$renderer2.push(`<div class="chat-search-bar svelte-13rzt40" role="search" aria-label="Search messages"><span class="chat-search-icon svelte-13rzt40" aria-hidden="true">`);
+    Search($$renderer2, { class: "icon-sm" });
+    $$renderer2.push(`<!----></span> <input type="search" class="chat-search-input svelte-13rzt40" placeholder="Search messages…"${$27.attr("value", query)} autocomplete="off" aria-label="Search messages"${$27.attr("aria-controls", hasQuery() ? searchResultsId() : undefined)}/> `);
+    if (hasQuery()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span${$27.attr("id", searchResultsId())} class="chat-search-match-count svelte-13rzt40" aria-live="polite" aria-atomic="true">${$27.escape(matchLabel())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="chat-search-navigation svelte-13rzt40" role="group" aria-label="Navigate search results"><button type="button" class="chat-search-nav-button svelte-13rzt40"${$27.attr("disabled", matchCount === 0, true)} aria-label="Previous match" title="Previous match (Shift+Enter)">`);
+    Chevron_up($$renderer2, { class: "icon-sm" });
+    $$renderer2.push(`<!----></button> <button type="button" class="chat-search-nav-button svelte-13rzt40"${$27.attr("disabled", matchCount === 0, true)} aria-label="Next match" title="Next match (Enter)">`);
+    Chevron_down($$renderer2, { class: "icon-sm" });
+    $$renderer2.push(`<!----></button></div> <button type="button" class="chat-search-close svelte-13rzt40" aria-label="Close search" title="Close search (Escape)">`);
+    X($$renderer2, { class: "icon-sm" });
+    $$renderer2.push(`<!----></button></div>`);
+    $27.bind_props($$props, { focusInput });
+  });
+}
+
+// src/components/chat/container/use-chat-message-groups.svelte.ts
+import * as $28 from "svelte/internal/server";
+function findPairedToolResultIds(messages) {
+  const visibleToolCallIds = new Set;
+  const pairedResultIds = new Set;
+  for (const message of messages) {
+    if (message.role === "tool-call" && message.toolCall) {
+      visibleToolCallIds.add(message.toolCall.id);
+    }
+  }
+  for (const message of messages) {
+    if (message.role === "tool-result" && message.toolResult && visibleToolCallIds.has(message.toolResult.callId)) {
+      pairedResultIds.add(message.id);
+    }
+  }
+  return pairedResultIds;
+}
+function buildMessagesWithDateSeparators(messages, pairedToolResultIds) {
+  const result = [];
+  let lastDate = null;
+  for (const message of messages) {
+    if (message.role === "tool-result" && pairedToolResultIds.has(message.id)) {
+      continue;
+    }
+    const timestamp = message.createdAt ?? message.metadata?.["timestamp"];
+    if (timestamp != null) {
+      const messageDate = new Date(timestamp);
+      const isValidDate = !isNaN(messageDate.getTime());
+      if (isValidDate) {
+        const dateKey = messageDate.toDateString();
+        if (dateKey !== lastDate) {
+          result.push({ type: "date", date: messageDate });
+          lastDate = dateKey;
+        }
+      }
+    }
+    result.push({ type: "message", message });
+  }
+  return result;
+}
+function buildChatRenderRows(items, options) {
+  const rows = [];
+  const firstUnreadId = options?.firstUnreadId ?? null;
+  let previousMessageId = null;
+  for (const item of items) {
+    if (item.type === "message") {
+      if (item.message.id === firstUnreadId) {
+        rows.push({ type: "unread-divider", afterMessageId: previousMessageId });
+      }
+      previousMessageId = item.message.id;
+    }
+    rows.push(item);
+  }
+  if (options?.showTypingIndicator) {
+    rows.push({ type: "typing" });
+  }
+  return rows;
+}
+function chatRenderRowKey(row) {
+  switch (row.type) {
+    case "date":
+      return `date-${row.date.toISOString()}`;
+    case "message":
+      return `msg-${row.message.id}`;
+    case "unread-divider":
+      return `unread-${row.afterMessageId ?? "start"}`;
+    case "typing":
+      return "typing";
+  }
+}
+function findRenderRowIndexByMessageId(rows, messageId) {
+  return rows.findIndex((row) => row.type === "message" && row.message.id === messageId);
+}
+
+// src/components/chat/container/use-chat-virtualizer.svelte.ts
+import * as $29 from "svelte/internal/server";
+class ChatVirtualizer {
+  options;
+  #scrollElement = null;
+  #scrollOffset = 0;
+  #measurementVersion = 0;
+  #offsetsCache = null;
+  #offsetsCacheCount = -1;
+  #offsetsCacheMeasurementVersion = -1;
+  #measuredSizes = new Map;
+  constructor(options) {
+    this.options = options;
+  }
+  get virtualItems() {
+    return this.#virtualItems();
+  }
+  get totalSize() {
+    const offsets = this.#offsets();
+    return offsets[offsets.length - 1] ?? 0;
+  }
+  get scrollPaddingStart() {
+    return this.#scrollPaddingStart();
+  }
+  get scrollSize() {
+    return this.scrollPaddingStart + this.totalSize;
+  }
+  get scrollOffset() {
+    return this.#scrollOffset;
+  }
+  setScrollElement(element) {
+    if (this.#scrollElement === element)
+      return;
+    this.#scrollElement?.removeEventListener("scroll", this.#handleScroll);
+    this.#scrollElement = element;
+    this.#scrollOffset = element?.scrollTop ?? 0;
+    this.#scrollElement?.addEventListener("scroll", this.#handleScroll, { passive: true });
+  }
+  scrollElement = (node) => {
+    this.setScrollElement(node);
+    return () => {
+      if (this.#scrollElement === node) {
+        this.setScrollElement(null);
+      }
+    };
+  };
+  measureElement = (node) => {
+    this.measureElementNode(node);
+    if (typeof ResizeObserver !== "function")
+      return;
+    const resizeObserver = new ResizeObserver(() => {
+      this.measureElementNode(node);
+    });
+    resizeObserver.observe(node);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  };
+  measureElementNode(node) {
+    if (!node)
+      return;
+    this.#measureNode(node);
+  }
+  syncOptions() {
+    const count = this.options.getCount();
+    const currentKeys = new Set;
+    for (let index = 0;index < count; index += 1) {
+      currentKeys.add(this.options.getItemKey(index));
+    }
+    let changed = false;
+    for (const key of this.#measuredSizes.keys()) {
+      if (!currentKeys.has(key)) {
+        this.#measuredSizes.delete(key);
+        changed = true;
+      }
+    }
+    if (changed)
+      this.#measurementVersion += 1;
+  }
+  scrollToIndex(index, options = { align: "auto" }) {
+    const count = this.options.getCount();
+    if (count === 0)
+      return;
+    const clampedIndex = Math.max(0, Math.min(Math.trunc(index), count - 1));
+    const offsets = this.#offsets();
+    const itemStart = offsets[clampedIndex] ?? 0;
+    const itemEnd = offsets[clampedIndex + 1] ?? itemStart + this.#estimatedSize();
+    const itemSize = itemEnd - itemStart;
+    const viewportHeight = this.#containerHeight();
+    const paddingStart = this.#scrollPaddingStart();
+    const viewportStart = Math.max(0, this.scrollOffset - paddingStart);
+    const viewportEnd = viewportStart + viewportHeight;
+    let offset = itemStart + paddingStart;
+    if (options.align === "end") {
+      offset = itemEnd + paddingStart - viewportHeight;
+    } else if (options.align === "center") {
+      offset = itemStart + paddingStart - (viewportHeight - itemSize) / 2;
+    } else if (options.align === "auto") {
+      if (itemStart >= viewportStart && itemEnd <= viewportEnd)
+        return;
+      offset = itemStart < viewportStart ? itemStart + paddingStart : itemEnd + paddingStart - viewportHeight;
+    }
+    this.scrollToOffset(offset, options);
+  }
+  getVirtualItem(index) {
+    const count = this.options.getCount();
+    if (count === 0)
+      return null;
+    const clampedIndex = Math.max(0, Math.min(Math.trunc(index), count - 1));
+    return this.#virtualItemAt(clampedIndex, this.#offsets());
+  }
+  scrollToOffset(offset, options) {
+    const element = this.#getScrollElement();
+    const maximumOffset = Math.max(0, this.scrollSize - this.#containerHeight());
+    const top = Math.min(maximumOffset, Math.max(0, offset));
+    this.#scrollOffset = top;
+    if (element) {
+      const behavior = options?.behavior === "instant" ? "auto" : options?.behavior;
+      if (typeof element.scrollTo === "function" && behavior && behavior !== "auto") {
+        element.scrollTo({ top, behavior });
+        return;
+      }
+      element.scrollTop = top;
+      return;
+    }
+  }
+  #handleScroll = () => {
+    this.#scrollOffset = this.#scrollElement?.scrollTop ?? 0;
+  };
+  #getScrollElement() {
+    return this.#scrollElement ?? this.options.getScrollElement();
+  }
+  #containerHeight() {
+    const element = this.#getScrollElement();
+    return element?.clientHeight || this.options.getInitialHeight();
+  }
+  #scrollPaddingStart() {
+    return Math.max(0, this.options.getScrollPaddingStart?.() ?? 0);
+  }
+  #estimatedSize() {
+    return Math.max(1, this.options.getEstimatedSize());
+  }
+  #itemSize(index) {
+    const key = this.options.getItemKey(index);
+    return this.#measuredSizes.get(key) ?? this.#estimatedSize();
+  }
+  #offsets() {
+    const count = this.options.getCount();
+    const measurementVersion = this.#measurementVersion;
+    if (this.#offsetsCache && this.#offsetsCacheCount === count && this.#offsetsCacheMeasurementVersion === measurementVersion) {
+      return this.#offsetsCache;
+    }
+    const offsets = Array.from({ length: count + 1 });
+    let offset = 0;
+    offsets[0] = 0;
+    for (let index = 0;index < count; index += 1) {
+      offset += this.#itemSize(index);
+      offsets[index + 1] = offset;
+    }
+    this.#offsetsCache = offsets;
+    this.#offsetsCacheCount = count;
+    this.#offsetsCacheMeasurementVersion = measurementVersion;
+    return offsets;
+  }
+  #readElementSize(node) {
+    const rectHeight = node.getBoundingClientRect().height;
+    return Math.ceil(rectHeight || node.scrollHeight || node.offsetHeight || 0);
+  }
+  #measureNode(node) {
+    const index = Number(node.dataset["cinderVirtualIndex"]);
+    if (!Number.isInteger(index) || index < 0 || index >= this.options.getCount())
+      return;
+    const measuredSize = this.#readElementSize(node);
+    if (measuredSize <= 0)
+      return;
+    const key = this.options.getItemKey(index);
+    if (this.#measuredSizes.get(key) === measuredSize)
+      return;
+    this.#measuredSizes.set(key, measuredSize);
+    this.#measurementVersion += 1;
+  }
+  #startIndex(offsets, scrollTop) {
+    const count = Math.max(0, offsets.length - 1);
+    let low = 0;
+    let high = count;
+    while (low < high) {
+      const mid = Math.floor((low + high) / 2);
+      if ((offsets[mid + 1] ?? 0) <= scrollTop) {
+        low = mid + 1;
+      } else {
+        high = mid;
+      }
+    }
+    return low;
+  }
+  #endIndex(offsets, viewportEnd) {
+    const count = Math.max(0, offsets.length - 1);
+    let low = 0;
+    let high = count;
+    while (low < high) {
+      const mid = Math.floor((low + high) / 2);
+      if ((offsets[mid] ?? 0) < viewportEnd) {
+        low = mid + 1;
+      } else {
+        high = mid;
+      }
+    }
+    return low;
+  }
+  #virtualItemAt(index, offsets) {
+    const start = offsets[index] ?? 0;
+    const end = offsets[index + 1] ?? start + this.#estimatedSize();
+    return {
+      key: this.options.getItemKey(index),
+      index,
+      start,
+      end,
+      size: end - start,
+      lane: 0
+    };
+  }
+  #virtualItems() {
+    const count = this.options.getCount();
+    if (count === 0)
+      return [];
+    const offsets = this.#offsets();
+    const overscan = Math.max(0, Math.trunc(this.options.getOverscan()));
+    const scrollTop = Math.max(0, this.scrollOffset - this.#scrollPaddingStart());
+    const viewportEnd = scrollTop + Math.max(0, this.#containerHeight());
+    const visibleStartIndex = this.#startIndex(offsets, scrollTop);
+    const visibleEndIndex = Math.max(visibleStartIndex + 1, this.#endIndex(offsets, viewportEnd));
+    const startIndex = Math.max(0, visibleStartIndex - overscan);
+    const endIndex = Math.min(count, visibleEndIndex + overscan);
+    return Array.from({ length: endIndex - startIndex }, (_, offset) => {
+      const index = startIndex + offset;
+      return this.#virtualItemAt(index, offsets);
+    });
+  }
+}
+
+// src/components/chat/container/use-chat-reasoning-state.svelte.ts
+import * as $30 from "svelte/internal/server";
+function useChatReasoningState(options) {
+  const { onRemeasureRow } = options;
+  let expandedIds = new Set;
+  function isExpanded(messageId) {
+    return expandedIds.has(messageId);
+  }
+  function toggle(messageId) {
+    const next = new Set(expandedIds);
+    if (next.has(messageId)) {
+      next.delete(messageId);
+    } else {
+      next.add(messageId);
+    }
+    expandedIds = next;
+    onRemeasureRow?.(messageId);
+  }
+  function reset() {
+    expandedIds = new Set;
+  }
+  return { isExpanded, toggle, reset };
+}
+
+// src/components/chat/container/use-chat-typing-indicator.svelte.ts
+import * as $31 from "svelte/internal/server";
+var ADAPTER_PARTICIPANT_ID = "__adapter__";
+var ADAPTER_PARTICIPANT_NAME = "Someone";
+function deriveTypingLabel(participants) {
+  const count = participants.length;
+  if (count === 0)
+    return "";
+  if (count === 1)
+    return `${participants[0].name} is typing…`;
+  if (count === 2)
+    return `${participants[0].name} and ${participants[1].name} are typing…`;
+  if (count <= 4)
+    return `${count} people are typing…`;
+  return "Several people are typing…";
+}
+function deriveAnnouncedLabel(participants) {
+  const count = participants.length;
+  if (count === 0)
+    return "";
+  if (count === 1)
+    return `${participants[0].name} is typing`;
+  if (count === 2)
+    return `${participants[0].name} and ${participants[1].name} are typing`;
+  if (count <= 4)
+    return `${count} people are typing`;
+  return "Several people are typing";
+}
+function useChatTypingIndicator(options) {
+  let adapterIsTyping = false;
+  let announcedLabel = "";
+  let debounceHandle;
+  const mergedParticipants = $31.derived(() => {
+    const propParticipants = options.getTypingParticipants();
+    if (propParticipants !== undefined)
+      return propParticipants;
+    if (!adapterIsTyping)
+      return [];
+    return [
+      { id: ADAPTER_PARTICIPANT_ID, name: ADAPTER_PARTICIPANT_NAME }
+    ];
+  });
+  const typingLabel = $31.derived(() => deriveTypingLabel(mergedParticipants()));
+  const participantCount = $31.derived(() => mergedParticipants().length);
+  const announcementText = $31.derived(() => deriveAnnouncedLabel(mergedParticipants()));
+  function handleAdapterTypingChange(isTyping) {
+    adapterIsTyping = isTyping;
+  }
+  function reset() {
+    adapterIsTyping = false;
+  }
+  return {
+    get typingLabel() {
+      return typingLabel();
+    },
+    get announcedLabel() {
+      return announcedLabel;
+    },
+    get participantCount() {
+      return participantCount();
+    },
+    handleAdapterTypingChange,
+    reset
+  };
+}
+
+// src/components/chat/container/use-chat-read-receipts.svelte.ts
+import * as $32 from "svelte/internal/server";
+function useChatReadReceipts(options) {
+  let adapterReceipts = {};
+  function getReceipt(messageId) {
+    const propReceipts = options.getReadReceipts();
+    if (propReceipts !== undefined)
+      return propReceipts.get(messageId);
+    return adapterReceipts[messageId];
+  }
+  function handleAdapterReadReceipt(event) {
+    const existing = adapterReceipts[event.messageId];
+    if (existing === undefined) {
+      adapterReceipts[event.messageId] = {
+        status: "read",
+        ...event.readBy !== undefined ? { readBy: event.readBy } : {}
+      };
+      return;
+    }
+    if (event.readBy !== undefined && event.readBy.length > 0) {
+      const merged = Array.from(new Set([...existing.readBy ?? [], ...event.readBy]));
+      adapterReceipts[event.messageId] = { ...existing, readBy: merged };
+    }
+  }
+  function reset() {
+    adapterReceipts = {};
+  }
+  return { getReceipt, handleAdapterReadReceipt, reset };
+}
+
+// src/components/chat/container/chat-participant-typing.svelte
+import * as $33 from "svelte/internal/server";
+function Chat_participant_typing($$renderer, $$props) {
+  let { typingLabel, participantCount } = $$props;
+  const isActive = $33.derived(() => participantCount > 0);
+  $$renderer.push(`<div class="chat-participant-typing svelte-1i35kwx"${$33.attr("data-cinder-participant-typing", isActive() ? "" : undefined)}${$33.attr("data-cinder-participant-count", participantCount)} aria-hidden="true">`);
+  if (isActive()) {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<div class="chat-participant-typing-indicator svelte-1i35kwx"><span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-typing-dot svelte-1i35kwx" aria-hidden="true"></span> <span class="chat-participant-typing-label svelte-1i35kwx">${$33.escape(typingLabel)}</span></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--></div>`);
+}
+
+// src/components/chat/message/chat-read-receipt.svelte
+import * as $34 from "svelte/internal/server";
+function Chat_read_receipt($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { receipt } = $$props;
+    const status = $34.derived(() => receipt.status);
+    const ariaLabel = $34.derived(() => {
+      if (status() === "sent")
+        return "Sent";
+      if (status() === "delivered")
+        return "Delivered";
+      const readers = receipt.readBy;
+      if (readers && readers.length > 0) {
+        return `Read by ${readers.join(", ")}`;
+      }
+      return "Read";
+    });
+    const visibleLabel = $34.derived(() => status() === "sent" ? "Sent" : status() === "delivered" ? "Delivered" : "Read");
+    const isDoubleCheck = $34.derived(() => status() === "delivered" || status() === "read");
+    $$renderer2.push(`<span class="chat-read-receipt svelte-1r00g9n" role="img"${$34.attr("data-cinder-receipt-status", status())}${$34.attr("aria-label", ariaLabel())}><span class="chat-read-receipt-icon svelte-1r00g9n" aria-hidden="true">`);
+    if (isDoubleCheck()) {
+      $$renderer2.push("<!--[0-->");
+      Check_check($$renderer2, { size: 12 });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Check($$renderer2, { size: 12 });
+    }
+    $$renderer2.push(`<!--]--></span> <span class="chat-read-receipt-label svelte-1r00g9n">${$34.escape(visibleLabel())}</span></span>`);
+  });
+}
+
+// src/components/chat/container/chat.svelte
+function Chat($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const noopAttachment = () => {};
+    let {
+      id,
+      conversation,
+      atBottom = true,
+      unreadCount = 0,
+      newMessageIndicatorVisible = false,
+      class: className,
+      surfaceMode = "default",
+      density = "comfortable",
+      variant = "bubble",
+      bottomThreshold = DEFAULT_SCROLL_CONFIGURATION.bottomThreshold,
+      jumpThreshold = DEFAULT_SCROLL_CONFIGURATION.jumpThreshold,
+      streaming = false,
+      streamingStatus,
+      capabilities,
+      virtualized = false,
+      virtualizationEstimatedRowHeight = 88,
+      virtualizationOverscan = 3,
+      virtualizationInitialHeight = 640,
+      moreHistoryAvailable = true,
+      loadEarlierLabel = "Load earlier messages",
+      loadingEarlierLabel = "Loading earlier messages",
+      header,
+      empty,
+      emptyPrompts,
+      messageActions,
+      messageStatus,
+      row,
+      messagePart,
+      viewportAttachment,
+      typingParticipants,
+      readReceipts,
+      adapter,
+      onadaptererror,
+      onpushmessage,
+      ontypingchange,
+      onreadreceipt,
+      onsubmit,
+      onretry,
+      onedit,
+      onapprove,
+      ondeny,
+      messageReasoning,
+      messageSteps,
+      messageSuggestions,
+      onsuggestionselect,
+      onloadhistory,
+      onstopgenerating,
+      onjumptolatest,
+      onscrollstatechange,
+      onunreadindicatorchange,
+      onexpandedchange,
+      onattachmentadd,
+      onattachmentremove,
+      onattachmentfailure,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let viewport = null;
+    let containerRef = null;
+    let inputRef;
+    let searchBarRef = undefined;
+    let historyTriggerRef = undefined;
+    let isContainerDragOver = false;
+    let streamingContent = "";
+    let streamingMessageId = null;
+    let streamingRowElement = null;
+    let tokenBuffer = [];
+    let streamingScrollRaf;
+    let approvedToolCallIds = new Set;
+    let deniedToolCallIds = new Set;
+    const reasoningState = useChatReasoningState({
+      onRemeasureRow: (messageId) => {
+        if (!isVirtualized() || !viewport)
+          return;
+        const rowNode = viewport.querySelector(`#message-${CSS.escape(messageId)}`);
+        if (rowNode) {
+          chatVirtualizer.measureElementNode(rowNode);
+        }
+      }
+    });
+    let isLoadingHistory = false;
+    let adapterHasMoreHistory = undefined;
+    let historyAnnouncement = "";
+    let pendingHistoryScroll = null;
+    let deferredAdapterHasMoreHistory = null;
+    let historyAnchorMessageId = null;
+    let historyAnchorViewportOffset = null;
+    let historyAnchorRestoredScrollTop = null;
+    let previousHistoryConversationId;
+    let previousHistoryAdapter;
+    const scrollState = useChatScrollState({
+      getBottomThreshold: () => bottomThreshold,
+      getJumpThreshold: () => jumpThreshold,
+      onScrollStateChange: handleScrollStateChange,
+      onReachBottom: () => {
+        atBottom = true;
+        if (unreadState.unreadCount > 0 || unreadState.newMessageIndicatorVisible) {
+          unreadState.markAllAsRead();
+        }
+      }
+    });
+    const unreadState = useChatUnreadState({
+      onUnreadIndicatorChange: (event) => {
+        unreadCount = event.unreadCount;
+        newMessageIndicatorVisible = event.newMessageIndicatorVisible;
+        onunreadindicatorchange?.(event);
+      }
+    });
+    const keyboardNav = useChatKeyboardNav({
+      onJumpToLatest: handleJumpToLatest,
+      onJumpToStart: () => {
+        if (isVirtualized()) {
+          chatVirtualizer.scrollToOffset(0, { behavior: scrollState.getScrollBehavior() });
+        }
+      },
+      getScrollBehavior: scrollState.getScrollBehavior,
+      getHistoryTrigger: () => showHistoryTrigger() ? historyTriggerRef : null,
+      onVirtualMessageNavigation: (direction) => navigateVirtualMessage(direction)
+    });
+    const messages = $35.derived(() => getMessages(conversation));
+    const lastMessageId = $35.derived(() => messages().at(-1)?.id);
+    let previousAutoScrollMessageCount = getMessages(conversation).length;
+    const conversationId = $35.derived(() => conversation.id);
+    const showTypingIndicator = $35.derived(() => streaming && !streamingMessageId);
+    const allowAttachments = $35.derived(() => capabilities?.attachments ?? true);
+    const allowSearch = $35.derived(() => capabilities?.search ?? true);
+    const allowCopy = $35.derived(() => capabilities?.copy ?? true);
+    const allowEditing = $35.derived(() => capabilities?.editing ?? true);
+    const allowRetry = $35.derived(() => capabilities?.retry ?? true);
+    const toolCallPairsByCallId = $35.derived(() => {
+      const toolCallPairs = pairToolCallsWithResults(messages());
+      const map = new Map;
+      for (const pair of toolCallPairs) {
+        const existing = map.get(pair.call.id);
+        if (existing) {
+          existing.push(pair);
+        } else {
+          map.set(pair.call.id, [pair]);
+        }
+      }
+      return map;
+    });
+    const renderRows = $35.derived(() => {
+      const pairedToolResultIds = findPairedToolResultIds(messages());
+      const messagesWithDates = buildMessagesWithDateSeparators(messages(), pairedToolResultIds);
+      return buildChatRenderRows(messagesWithDates, {
+        firstUnreadId: unreadState.firstUnreadId,
+        showTypingIndicator: showTypingIndicator()
+      });
+    });
+    let hasMounted = false;
+    const isVirtualized = $35.derived(() => virtualized && hasMounted && messages().length > 0);
+    const timelineResetIdentity = $35.derived(() => `${conversationId()}:${isVirtualized() ? "virtualized" : "full"}`);
+    const staticRowsResetIdentity = $35.derived(() => messages()[0]?.id ?? "");
+    const chatVirtualizer = new ChatVirtualizer({
+      getScrollElement: () => viewport,
+      getCount: () => isVirtualized() ? renderRows().length : 0,
+      getItemKey: (index) => chatRenderRowKey(renderRows()[index] ?? { type: "typing" }),
+      getEstimatedSize: () => virtualizationEstimatedRowHeight,
+      getOverscan: () => virtualizationOverscan,
+      getInitialHeight: () => virtualizationInitialHeight,
+      getScrollPaddingStart: () => virtualSpacerOffsetTop()
+    });
+    const virtualRows = $35.derived(() => {
+      if (!isVirtualized())
+        return [];
+      const renderedIndexes = new Set;
+      const rows = [];
+      for (const virtualItem of chatVirtualizer.virtualItems) {
+        const row2 = renderRows()[virtualItem.index];
+        if (!row2)
+          continue;
+        renderedIndexes.add(virtualItem.index);
+        rows.push({
+          row: row2,
+          virtualItem: pinHistoryAnchorVirtualItem(row2, virtualItem)
+        });
+      }
+      if (streamingMessageId) {
+        const streamingIndex = findRenderRowIndexByMessageId(renderRows(), streamingMessageId);
+        if (streamingIndex >= 0 && !renderedIndexes.has(streamingIndex)) {
+          const virtualItem = chatVirtualizer.getVirtualItem(streamingIndex);
+          if (!virtualItem)
+            return rows;
+          rows.push({ row: renderRows()[streamingIndex], virtualItem });
+        }
+      }
+      if (historyAnchorMessageId) {
+        const historyAnchorIndex = findRenderRowIndexByMessageId(renderRows(), historyAnchorMessageId);
+        if (historyAnchorIndex >= 0 && !renderedIndexes.has(historyAnchorIndex)) {
+          const virtualItem = chatVirtualizer.getVirtualItem(historyAnchorIndex);
+          if (!virtualItem)
+            return rows;
+          const row2 = renderRows()[historyAnchorIndex];
+          if (row2) {
+            rows.push({
+              row: row2,
+              virtualItem: pinHistoryAnchorVirtualItem(row2, virtualItem)
+            });
+          }
+        }
+      }
+      rows.sort((a, b) => a.virtualItem.index - b.virtualItem.index);
+      return rows;
+    });
+    function pinHistoryAnchorVirtualItem(row2, virtualItem) {
+      if (historyAnchorViewportOffset === null || row2.type !== "message" || row2.message.id !== historyAnchorMessageId) {
+        return virtualItem;
+      }
+      const scrollTop = viewport?.scrollTop ?? chatVirtualizer.scrollOffset;
+      const start = Math.max(0, scrollTop - chatVirtualizer.scrollPaddingStart + historyAnchorViewportOffset);
+      return { ...virtualItem, start, end: start + virtualItem.size };
+    }
+    const searchState = useChatSearch({ getMessages: () => messages() });
+    const typingIndicatorState = useChatTypingIndicator({ getTypingParticipants: () => typingParticipants });
+    const readReceiptsState = useChatReadReceipts({ getReadReceipts: () => readReceipts });
+    const viewportAttach = $35.derived(() => viewportAttachment ?? noopAttachment);
+    const effectiveHasMoreHistory = $35.derived(() => adapterHasMoreHistory ?? moreHistoryAvailable);
+    const hasHistoryLoader = $35.derived(() => onloadhistory !== undefined || adapter?.loadOlderMessages !== undefined);
+    const showHistoryTrigger = $35.derived(() => hasHistoryLoader() && effectiveHasMoreHistory());
+    const canRetry = $35.derived(() => onretry !== undefined || adapter?.retryMessage !== undefined);
+    const canEdit = $35.derived(() => onedit !== undefined || adapter?.editMessage !== undefined);
+    const sentinelAttach = $35.derived(() => isVirtualized() ? noopAttachment : useIntersection(scrollState.handleSentinelEntry, {
+      root: viewport,
+      rootMargin: `0px 0px ${bottomThreshold}px 0px`
+    }));
+    const timelineId = $35.derived(() => `${id}-timeline`);
+    const inputId = $35.derived(() => `${id}-input`);
+    const statusId = $35.derived(() => `${id}-status`);
+    const toolApprovalAssertiveMessage = $35.derived(() => {
+      for (const message of messages()) {
+        if (message.role === "tool-result" && message.toolResult?.outcome === "action_required" && message.toolResult.action && !approvedToolCallIds.has(message.toolResult.callId) && !deniedToolCallIds.has(message.toolResult.callId)) {
+          const actionMessage = message.toolResult.action.message ?? "This tool call requires your approval before it can continue.";
+          return `Action required: ${actionMessage}`;
+        }
+      }
+      return "";
+    });
+    async function waitForLayoutFrame() {
+      await tick2();
+      if (typeof requestAnimationFrame !== "function")
+        return;
+      await new Promise((resolve) => {
+        requestAnimationFrame(() => resolve());
+      });
+    }
+    async function restorePendingHistoryScrollAfterLayout(pending) {
+      await waitForLayoutFrame();
+      if (pendingHistoryScroll !== pending)
+        return false;
+      return restoreHistoryScroll(pending);
+    }
+    function restoreHistoryScroll(pending) {
+      if (!viewport)
+        return false;
+      const currentFirstMessageId = messages()[0]?.id ?? null;
+      const currentCount = messages().length;
+      if (currentCount <= pending.previousCount || currentFirstMessageId === pending.previousFirstTranscriptMessageId) {
+        return false;
+      }
+      const prependedCount = currentCount - pending.previousCount;
+      pendingHistoryScroll = null;
+      finishDeferredAdapterHistoryLoading();
+      if (isVirtualized()) {
+        setHistoryAnchor(pending);
+      }
+      if (isVirtualized()) {
+        const newTotalSize = chatVirtualizer.scrollSize;
+        const delta = newTotalSize - pending.previousTotalSize;
+        const targetScrollTop = pending.previousScrollTop + delta;
+        chatVirtualizer.scrollToOffset(targetScrollTop, { behavior: "instant" });
+        historyAnchorRestoredScrollTop = viewport?.scrollTop ?? chatVirtualizer.scrollOffset;
+      } else {
+        clearHistoryAnchor();
+        const newTotalSize = viewport.scrollHeight;
+        const delta = newTotalSize - pending.previousScrollHeight;
+        viewport.scrollTo({ top: pending.previousScrollTop + delta, behavior: "instant" });
+      }
+      const announcement = prependedCount === 1 ? "1 earlier message loaded." : `${prependedCount} earlier messages loaded.`;
+      historyAnnouncement = announcement;
+      setTimeout(() => {
+        if (historyAnnouncement === announcement) {
+          historyAnnouncement = "";
+        }
+      }, 1000);
+      tick2().then(() => {
+        focusAfterHistoryRestore(pending);
+      });
+      return true;
+    }
+    function setHistoryAnchor(pending) {
+      historyAnchorMessageId = pending.previousFirstMessageId;
+      historyAnchorViewportOffset = pending.previousFirstMessageViewportOffset;
+      historyAnchorRestoredScrollTop = null;
+    }
+    function clearHistoryAnchor() {
+      historyAnchorMessageId = null;
+      historyAnchorViewportOffset = null;
+      historyAnchorRestoredScrollTop = null;
+    }
+    function clearHistoryAnchorAfterScroll(scrollTop) {
+      if (historyAnchorMessageId !== null && historyAnchorRestoredScrollTop !== null && Math.abs(scrollTop - historyAnchorRestoredScrollTop) > 2) {
+        clearHistoryAnchor();
+      }
+    }
+    function handleScrollStateChange(event) {
+      clearHistoryAnchorAfterScroll(event.scrollTop);
+      atBottom = event.atBottom;
+      onscrollstatechange?.(event);
+    }
+    function virtualSpacerOffsetTop() {
+      if (!viewport)
+        return 0;
+      const spacer = viewport.querySelector(".chat-virtual-spacer");
+      if (!spacer)
+        return 0;
+      const offsetTop = spacer.offsetTop;
+      const spacerRect = spacer.getBoundingClientRect();
+      const viewportRect = viewport.getBoundingClientRect();
+      const hasLayoutBox = spacerRect.top !== 0 || spacerRect.bottom !== 0 || viewportRect.top !== 0 || viewportRect.bottom !== 0;
+      if (!hasLayoutBox)
+        return Math.max(0, offsetTop);
+      const rectOffset = spacerRect.top - viewportRect.top + viewport.scrollTop;
+      return Math.max(0, Number.isFinite(rectOffset) ? rectOffset : offsetTop);
+    }
+    function focusAfterHistoryRestore(pending) {
+      if (!viewport)
+        return;
+      if (showHistoryTrigger() && historyTriggerRef) {
+        historyTriggerRef.focus({ preventScroll: true });
+        return;
+      }
+      const anchor = pending.previousFirstMessageId ? viewport.querySelector(`#message-${CSS.escape(pending.previousFirstMessageId)}`) : null;
+      const target = anchor ?? viewport.querySelector(".chat-message");
+      target?.focus({ preventScroll: true });
+    }
+    const scrollAttachment = scrollState.createScrollAttachment();
+    const historyAnchorScrollAttachment = $35.derived(() => historyAnchorMessageId === null || historyAnchorRestoredScrollTop === null ? noopAttachment : (node) => {
+      const handleScroll = () => clearHistoryAnchorAfterScroll(node.scrollTop);
+      node.addEventListener("scroll", handleScroll, { passive: true });
+      return () => node.removeEventListener("scroll", handleScroll);
+    });
+    function handleJumpToLatest() {
+      if (isVirtualized()) {
+        chatVirtualizer.scrollToIndex(Math.max(0, renderRows().length - 1), { align: "end", behavior: scrollState.getScrollBehavior() });
+        unreadState.markAllAsRead();
+        onjumptolatest?.();
+        tick2().then(() => {
+          const lastMessage = viewport?.querySelector(`.chat-message-wrapper:last-of-type .chat-message`);
+          lastMessage?.focus();
+        });
+        return;
+      }
+      scrollState.jumpToLatest(viewport, () => {
+        unreadState.markAllAsRead();
+        onjumptolatest?.();
+      });
+    }
+    function dispatchCommand(command, runAdapterMethod, callback) {
+      if (adapter) {
+        try {
+          const run = runAdapterMethod(adapter);
+          if (run !== undefined) {
+            return run.catch((error) => {
+              onadaptererror?.({ command, error });
+            });
+          }
+        } catch (error) {
+          onadaptererror?.({ command, error });
+          return;
+        }
+      }
+      callback?.();
+    }
+    function handleSubmit(message, attachments) {
+      dispatchCommand("sendMessage", (resolvedAdapter) => Promise.resolve(resolvedAdapter.sendMessage(message, attachments)), () => onsubmit?.({ message, attachments }));
+      scrollState.setAtBottom(true);
+      atBottom = true;
+      tick2().then(() => {
+        if (isVirtualized()) {
+          chatVirtualizer.scrollToOffset(chatVirtualizer.scrollSize, { behavior: "instant" });
+        } else {
+          viewport?.scrollTo({ top: viewport.scrollHeight, behavior: "instant" });
+        }
+      });
+    }
+    function captureHistoryScroll() {
+      const previousFirstTranscriptMessageId = messages()[0]?.id ?? null;
+      const visibleAnchor = firstVisibleRenderedMessage();
+      const previousFirstMessageId = visibleAnchor?.messageId ?? previousFirstTranscriptMessageId;
+      const previousScrollTop = viewport?.scrollTop ?? chatVirtualizer.scrollOffset;
+      const previousFirstMessageElement = previousFirstMessageId !== null ? renderedMessageById(previousFirstMessageId) : null;
+      const previousFirstMessageViewportOffset = visibleAnchor?.viewportOffset ?? (previousFirstMessageElement && viewport ? previousFirstMessageElement.getBoundingClientRect().top - viewport.getBoundingClientRect().top : 0);
+      pendingHistoryScroll = {
+        previousFirstMessageId,
+        previousFirstTranscriptMessageId,
+        previousFirstMessageViewportOffset,
+        previousCount: messages().length,
+        previousScrollTop,
+        previousScrollHeight: viewport?.scrollHeight ?? 0,
+        previousTotalSize: chatVirtualizer.scrollSize
+      };
+    }
+    async function settlePendingHistoryScroll(pending) {
+      for (let attempt = 0;attempt < 5; attempt += 1) {
+        if (pendingHistoryScroll !== pending)
+          return;
+        if (await restorePendingHistoryScrollAfterLayout(pending))
+          return;
+      }
+      if (pendingHistoryScroll === pending) {
+        pendingHistoryScroll = null;
+        finishDeferredAdapterHistoryLoading();
+      }
+    }
+    function finishDeferredAdapterHistoryLoading() {
+      if (deferredAdapterHasMoreHistory === null)
+        return;
+      adapterHasMoreHistory = deferredAdapterHasMoreHistory;
+      deferredAdapterHasMoreHistory = null;
+      isLoadingHistory = false;
+    }
+    function historyTranscriptChanged(pending) {
+      return messages().length > pending.previousCount || messages()[0]?.id !== pending.previousFirstTranscriptMessageId;
+    }
+    async function handleLoadHistory() {
+      if (isLoadingHistory || !showHistoryTrigger())
+        return;
+      isLoadingHistory = true;
+      captureHistoryScroll();
+      const pending = pendingHistoryScroll;
+      if (pending === null) {
+        isLoadingHistory = false;
+        return;
+      }
+      if (adapter?.loadOlderMessages) {
+        let nextHasMoreHistory;
+        try {
+          const result = await adapter.loadOlderMessages(conversationId());
+          nextHasMoreHistory = result.hasMore;
+        } catch (error) {
+          pendingHistoryScroll = null;
+          isLoadingHistory = false;
+          onadaptererror?.({ command: "loadOlderMessages", error });
+          return;
+        }
+        const transcriptChanged = historyTranscriptChanged(pending);
+        if (isVirtualized() && !transcriptChanged) {
+          deferredAdapterHasMoreHistory = nextHasMoreHistory ?? null;
+          await tick2();
+          if (historyTranscriptChanged(pending)) {
+            await settlePendingHistoryScroll(pending);
+          } else if (pendingHistoryScroll === pending) {
+            pendingHistoryScroll = null;
+            finishDeferredAdapterHistoryLoading();
+          } else {
+            finishDeferredAdapterHistoryLoading();
+          }
+          return;
+        }
+        if (isVirtualized() || transcriptChanged) {
+          await settlePendingHistoryScroll(pending);
+        } else {
+          pendingHistoryScroll = null;
+        }
+        adapterHasMoreHistory = nextHasMoreHistory;
+        isLoadingHistory = false;
+        return;
+      }
+      try {
+        await onloadhistory?.();
+        await settlePendingHistoryScroll(pending);
+      } catch (error) {
+        pendingHistoryScroll = null;
+        throw error;
+      } finally {
+        isLoadingHistory = false;
+      }
+    }
+    function handleRetry(messageId) {
+      dispatchCommand("retryMessage", (resolvedAdapter) => resolvedAdapter.retryMessage ? Promise.resolve(resolvedAdapter.retryMessage(messageId)) : undefined, () => onretry?.(messageId));
+    }
+    function handleEdit(event) {
+      dispatchCommand("editMessage", (resolvedAdapter) => resolvedAdapter.editMessage ? Promise.resolve(resolvedAdapter.editMessage(event)) : undefined, () => onedit?.(event));
+    }
+    function handleSuggestionSelect(label) {
+      onsuggestionselect?.(label);
+      inputRef?.focus();
+    }
+    const canApprove = $35.derived(() => onapprove !== undefined || adapter?.approveToolCall !== undefined);
+    const canDeny = $35.derived(() => ondeny !== undefined || adapter?.denyToolCall !== undefined);
+    function resolveToolApproval(toolCallId, command, canHandle, commit, rollback, runAdapter, callback) {
+      if (!canHandle)
+        return;
+      if (approvedToolCallIds.has(toolCallId) || deniedToolCallIds.has(toolCallId))
+        return;
+      commit(toolCallId);
+      if (adapter) {
+        let run;
+        try {
+          run = runAdapter(adapter);
+        } catch (error) {
+          rollback(toolCallId);
+          onadaptererror?.({ command, error });
+          return;
+        }
+        if (run !== undefined) {
+          run.then(() => callback?.(), (error) => {
+            rollback(toolCallId);
+            onadaptererror?.({ command, error });
+          });
+          return;
+        }
+      }
+      callback?.();
+    }
+    function handleApprove(toolCallId) {
+      resolveToolApproval(toolCallId, "approveToolCall", canApprove(), (id2) => approvedToolCallIds = new Set([...approvedToolCallIds, id2]), (id2) => approvedToolCallIds = removeFromSet(approvedToolCallIds, id2), (resolvedAdapter) => resolvedAdapter.approveToolCall ? Promise.resolve(resolvedAdapter.approveToolCall(toolCallId)) : undefined, () => onapprove?.(toolCallId));
+    }
+    function handleDeny(toolCallId) {
+      resolveToolApproval(toolCallId, "denyToolCall", canDeny(), (id2) => deniedToolCallIds = new Set([...deniedToolCallIds, id2]), (id2) => deniedToolCallIds = removeFromSet(deniedToolCallIds, id2), (resolvedAdapter) => resolvedAdapter.denyToolCall ? Promise.resolve(resolvedAdapter.denyToolCall(toolCallId)) : undefined, () => ondeny?.(toolCallId));
+    }
+    function removeFromSet(set, value) {
+      const next = new Set(set);
+      next.delete(value);
+      return next;
+    }
+    function handleStopGenerating() {
+      let streamingMessage;
+      for (let i = messages().length - 1;i >= 0; i--) {
+        const message = messages()[i];
+        if (message?.role === "assistant") {
+          streamingMessage = message;
+          break;
+        }
+      }
+      if (streamingMessage) {
+        const targetMessageId = streamingMessage.id;
+        dispatchCommand("stopGenerating", (resolvedAdapter) => resolvedAdapter.stopGenerating ? Promise.resolve(resolvedAdapter.stopGenerating(targetMessageId)) : undefined, () => onstopgenerating?.({ messageId: targetMessageId }));
+      }
+    }
+    function handlePromptClick(prompt) {
+      const currentAttachments = (inputRef?.getAttachments() ?? []).filter((a) => a.status === "ready");
+      handleSubmit({ role: "user", content: prompt }, currentAttachments);
+      inputRef?.clear();
+    }
+    function handleKeyDown(event) {
+      if (allowSearch() && (event.ctrlKey || event.metaKey) && event.key === "f") {
+        event.preventDefault();
+        if (searchState.isOpen) {
+          searchBarRef?.focusInput();
+        } else {
+          searchState.open();
+        }
+        return;
+      }
+      keyboardNav.handleKeyDown(event, viewport);
+    }
+    function messageIdFromElement(element) {
+      if (!element.id.startsWith("message-"))
+        return null;
+      return element.id.slice("message-".length);
+    }
+    function renderedMessageById(messageId) {
+      return viewport?.querySelector(`#message-${CSS.escape(messageId)}`) ?? null;
+    }
+    function firstVisibleRenderedMessage() {
+      if (!viewport)
+        return null;
+      const viewportRect = viewport.getBoundingClientRect();
+      for (const message of viewport.querySelectorAll(".chat-message")) {
+        const messageId = messageIdFromElement(message);
+        if (!messageId)
+          continue;
+        const rect = message.getBoundingClientRect();
+        if (rect.bottom <= viewportRect.top || rect.top >= viewportRect.bottom)
+          continue;
+        return { messageId, viewportOffset: rect.top - viewportRect.top };
+      }
+      return null;
+    }
+    async function focusVirtualMessage(messageId) {
+      const existing = renderedMessageById(messageId);
+      if (existing) {
+        existing.focus();
+        existing.scrollIntoView({ behavior: scrollState.getScrollBehavior(), block: "nearest" });
+        return;
+      }
+      const targetIndex = findRenderRowIndexByMessageId(renderRows(), messageId);
+      if (targetIndex < 0)
+        return;
+      chatVirtualizer.scrollToIndex(targetIndex, { align: "auto", behavior: scrollState.getScrollBehavior() });
+      await tick2();
+      const target = renderedMessageById(messageId);
+      target?.focus();
+      target?.scrollIntoView({ behavior: scrollState.getScrollBehavior(), block: "nearest" });
+    }
+    function navigateVirtualMessage(direction) {
+      if (!isVirtualized() || !viewport)
+        return false;
+      const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      if (!activeElement?.classList.contains("chat-message"))
+        return false;
+      const currentMessageId = messageIdFromElement(activeElement);
+      if (!currentMessageId)
+        return false;
+      const currentIndex = findRenderRowIndexByMessageId(renderRows(), currentMessageId);
+      if (currentIndex < 0)
+        return false;
+      const step = direction === "next" ? 1 : -1;
+      for (let targetIndex = currentIndex + step;targetIndex >= 0 && targetIndex < renderRows().length; targetIndex += step) {
+        const targetRow = renderRows()[targetIndex];
+        if (targetRow?.type !== "message")
+          continue;
+        focusVirtualMessage(targetRow.message.id);
+        return true;
+      }
+      return true;
+    }
+    async function scrollCurrentSearchMatch(messageId) {
+      if (!viewport)
+        return;
+      if (isVirtualized()) {
+        const targetIndex = findRenderRowIndexByMessageId(renderRows(), messageId);
+        if (targetIndex >= 0) {
+          chatVirtualizer.scrollToIndex(targetIndex, { align: "center", behavior: "auto" });
+          await tick2();
+        }
+      }
+      const messageElement = viewport.querySelector(`#message-${CSS.escape(messageId)}`);
+      if (messageElement) {
+        messageElement.scrollIntoView({ behavior: "auto", block: "nearest" });
+      }
+    }
+    function handleContainerDrop(event) {
+      if (!event.dataTransfer?.types.includes("Files"))
+        return;
+      isContainerDragOver = false;
+      if (!allowAttachments())
+        return;
+      event.preventDefault();
+      const files = event.dataTransfer.files;
+      if (files.length > 0) {
+        inputRef?.addFiles(Array.from(files));
+      }
+    }
+    function handleContainerDragOver(event) {
+      if (!event.dataTransfer?.types.includes("Files"))
+        return;
+      if (!allowAttachments())
+        return;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "copy";
+      isContainerDragOver = true;
+    }
+    function handleContainerDragLeave(event) {
+      const container = event.currentTarget;
+      if (!container.contains(event.relatedTarget)) {
+        isContainerDragOver = false;
+      }
+    }
+    function scrollToBottom() {
+      if (isVirtualized()) {
+        chatVirtualizer.scrollToOffset(chatVirtualizer.scrollSize, { behavior: scrollState.getScrollBehavior() });
+      } else {
+        scrollState.scrollToBottom(viewport);
+      }
+    }
+    function scrollToTop() {
+      if (isVirtualized()) {
+        chatVirtualizer.scrollToOffset(0, { behavior: scrollState.getScrollBehavior() });
+      } else {
+        scrollState.scrollToTop(viewport);
+      }
+    }
+    function focusInput() {
+      inputRef?.focus();
+    }
+    function beginStreaming(messageId) {
+      if (streamingScrollRaf !== undefined) {
+        cancelAnimationFrame(streamingScrollRaf);
+        streamingScrollRaf = undefined;
+      }
+      streamingMessageId = messageId;
+      streamingContent = "";
+      tokenBuffer = [];
+    }
+    function pushToken(token) {
+      tokenBuffer.push(token);
+      if (streamingScrollRaf === undefined) {
+        streamingScrollRaf = requestAnimationFrame(() => {
+          streamingScrollRaf = undefined;
+          streamingContent = tokenBuffer.join("");
+          if (streamingRowElement) {
+            tick2().then(() => {
+              if (streamingRowElement) {
+                chatVirtualizer.measureElementNode(streamingRowElement);
+              }
+            });
+          }
+          if (scrollState.atBottom && viewport) {
+            if (isVirtualized()) {
+              chatVirtualizer.scrollToOffset(chatVirtualizer.scrollSize, { behavior: "instant" });
+            } else {
+              viewport.scrollTo({ top: viewport.scrollHeight, behavior: "instant" });
+            }
+          }
+        });
+      }
+    }
+    function endStreaming() {
+      if (streamingScrollRaf !== undefined) {
+        cancelAnimationFrame(streamingScrollRaf);
+        streamingScrollRaf = undefined;
+      }
+      streamingMessageId = null;
+      streamingContent = "";
+      tokenBuffer = [];
+    }
+    function virtualizedSpacerStyle() {
+      return `height: ${chatVirtualizer.totalSize}px; position: relative; width: 100%;`;
+    }
+    function virtualizedRowStyle(virtualItem) {
+      return `position: absolute; inset-inline: 0; top: 0; transform: translateY(${virtualItem.start}px);`;
+    }
+    function virtualRowAttachment(row2) {
+      return (node) => {
+        const detachMeasurement = chatVirtualizer.measureElement(node);
+        if (row2.type === "message" && row2.message.id === streamingMessageId) {
+          streamingRowElement = node;
+        }
+        return () => {
+          detachMeasurement?.();
+          if (streamingRowElement === node) {
+            streamingRowElement = null;
+          }
+        };
+      };
+    }
+    function renderTypingIndicator($$renderer3) {
+      $$renderer3.push(`<div class="chat-typing-indicator svelte-932akd" role="status"${$35.attr("aria-label", streamingStatus ?? "Assistant is typing")}>`);
+      if (streamingStatus) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="chat-typing-status svelte-932akd">${$35.escape(streamingStatus)}</span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<span class="chat-typing-dot svelte-932akd" aria-hidden="true"></span> <span class="chat-typing-dot svelte-932akd" aria-hidden="true"></span> <span class="chat-typing-dot svelte-932akd" aria-hidden="true"></span>`);
+      }
+      $$renderer3.push(`<!--]--></div>`);
+    }
+    function renderMessageRow($$renderer3, messageRow) {
+      const message = messageRow.message;
+      const pairs = message.toolCall?.id ? toolCallPairsByCallId().get(message.toolCall.id) ?? [] : [];
+      const isStreamingMessage = streamingMessageId === message.id;
+      const isCurrentSearchMatch = searchState.isOpen && searchState.currentMatch !== null && searchState.currentMatch.message.id === message.id;
+      const derivedReasoning = resolveMessageReasoning(message, messageReasoning);
+      const derivedSteps = resolveMessageSteps(message, messageSteps);
+      const derivedSuggestions = message.id === lastMessageId() ? resolveMessageSuggestions(message, messageSuggestions) : undefined;
+      function renderDefaultRow($$renderer4) {
+        const receipt = message.role === "user" ? readReceiptsState.getReceipt(message.id) : undefined;
+        {
+          let actions = function($$renderer5) {
+            if (messageActions) {
+              $$renderer5.push("<!--[0-->");
+              messageActions($$renderer5, message);
+              $$renderer5.push(`<!---->`);
+            } else {
+              $$renderer5.push("<!--[-1-->");
+            }
+            $$renderer5.push(`<!--]-->`);
+          }, status = function($$renderer5) {
+            if (messageStatus) {
+              $$renderer5.push("<!--[0-->");
+              messageStatus($$renderer5, message);
+              $$renderer5.push(`<!---->`);
+            } else if (receipt) {
+              $$renderer5.push("<!--[1-->");
+              Chat_read_receipt($$renderer5, { receipt });
+            } else {
+              $$renderer5.push("<!--[-1-->");
+            }
+            $$renderer5.push(`<!--]-->`);
+          };
+          Chat_message($$renderer4, {
+            message,
+            toolCallPairs: pairs,
+            messagePart,
+            onretry: allowRetry() && canRetry() ? handleRetry : undefined,
+            onedit: allowEditing() && canEdit() ? handleEdit : undefined,
+            showDefaultActions: allowCopy(),
+            onexpandedchange,
+            streaming: isStreamingMessage,
+            overrideContent: isStreamingMessage ? streamingContent : undefined,
+            searchMatch: isCurrentSearchMatch,
+            tabindex: -1,
+            approvedToolCallIds: approvedToolCallIds.size > 0 ? approvedToolCallIds : undefined,
+            deniedToolCallIds: deniedToolCallIds.size > 0 ? deniedToolCallIds : undefined,
+            onapprove: canApprove() ? handleApprove : undefined,
+            ondeny: canDeny() ? handleDeny : undefined,
+            reasoning: derivedReasoning,
+            steps: derivedSteps,
+            suggestions: derivedSuggestions,
+            reasoningExpanded: reasoningState.isExpanded(message.id),
+            onreasoning: () => reasoningState.toggle(message.id),
+            onsuggestionselect: handleSuggestionSelect,
+            actions,
+            status,
+            $$slots: { actions: true, status: true }
+          });
+        }
+      }
+      if (row) {
+        $$renderer3.push("<!--[0-->");
+        row($$renderer3, message, renderDefaultRow);
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        renderDefaultRow($$renderer3);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    function renderChatRow($$renderer3, renderRow) {
+      if (renderRow.type === "date") {
+        $$renderer3.push("<!--[0-->");
+        Chat_date_separator($$renderer3, { date: renderRow.date });
+      } else if (renderRow.type === "unread-divider") {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.push(`<div class="chat-unread-divider svelte-932akd" role="separator" aria-label="New messages below"><span class="chat-unread-divider-line svelte-932akd" aria-hidden="true"></span> <span class="chat-unread-divider-label svelte-932akd">New</span> <span class="chat-unread-divider-line svelte-932akd" aria-hidden="true"></span></div>`);
+      } else if (renderRow.type === "typing") {
+        $$renderer3.push("<!--[2-->");
+        renderTypingIndicator($$renderer3);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        renderMessageRow($$renderer3, renderRow);
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<div${$35.attributes({
+      id,
+      class: $35.clsx(classNames("chat-container", className)),
+      "data-surface-mode": surfaceMode,
+      "data-cinder-density": density,
+      "data-cinder-variant": variant,
+      role: "region",
+      "aria-label": "Chat conversation",
+      ...rest
+    }, "svelte-932akd")}>`);
+    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 {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (header) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="chat-header svelte-932akd">`);
+      header($$renderer2);
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (allowSearch() && searchState.isOpen) {
+      $$renderer2.push("<!--[0-->");
+      Chat_search_bar($$renderer2, {
+        instanceId: id,
+        query: searchState.query,
+        matchCount: searchState.matchCount,
+        currentMatchIndex: searchState.currentMatchIndex,
+        onquerychange: searchState.setQuery,
+        onnext: searchState.nextMatch,
+        onprevious: searchState.previousMatch,
+        onclose: searchState.close
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->  <!---->`);
+    {
+      $$renderer2.push(`<div${$35.attr("id", timelineId())} class="chat-timeline svelte-932akd" role="log" aria-label="Messages"${$35.attr("aria-describedby", statusId())}${$35.attr("aria-live", isVirtualized() ? "off" : "polite")}${$35.attr("aria-relevant", isVirtualized() ? undefined : "additions")}${$35.attr("data-cinder-virtualized", isVirtualized() ? "" : undefined)} tabindex="0">`);
+      if (showHistoryTrigger()) {
+        $$renderer2.push("<!--[0-->");
+        Chat_history_trigger($$renderer2, {
+          loading: isLoadingHistory,
+          label: loadEarlierLabel,
+          loadingLabel: loadingEarlierLabel,
+          onload: () => void handleLoadHistory()
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (messages().length === 0) {
+        $$renderer2.push("<!--[0-->");
+        if (empty) {
+          $$renderer2.push("<!--[0-->");
+          empty($$renderer2);
+          $$renderer2.push(`<!---->`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`<div class="chat-empty svelte-932akd" role="status"><p class="svelte-932akd">No messages yet</p> `);
+          if (emptyPrompts && emptyPrompts.length > 0) {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`<div class="chat-empty-prompts svelte-932akd" role="group" aria-label="Suggested prompts"><!--[-->`);
+            const each_array = $35.ensure_array_like(emptyPrompts);
+            for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+              let prompt = each_array[index];
+              $$renderer2.push(`<button type="button" class="chat-empty-prompt svelte-932akd">${$35.escape(prompt)}</button>`);
+            }
+            $$renderer2.push(`<!--]--></div>`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      } else if (isVirtualized()) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="chat-virtual-spacer svelte-932akd"${$35.attr_style(virtualizedSpacerStyle())}><!--[-->`);
+        const each_array_1 = $35.ensure_array_like(virtualRows());
+        for (let $$index_1 = 0, $$length = each_array_1.length;$$index_1 < $$length; $$index_1++) {
+          let virtualRow = each_array_1[$$index_1];
+          $$renderer2.push(`<div class="chat-virtual-row svelte-932akd"${$35.attr("data-cinder-virtual-index", virtualRow.virtualItem.index)}${$35.attr_style(virtualizedRowStyle(virtualRow.virtualItem))}>`);
+          renderChatRow($$renderer2, virtualRow.row);
+          $$renderer2.push(`<!----></div>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<!---->`);
+        {
+          $$renderer2.push(`<!--[-->`);
+          const each_array_2 = $35.ensure_array_like(renderRows());
+          for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
+            let renderRow = each_array_2[$$index_2];
+            renderChatRow($$renderer2, renderRow);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!---->`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      Chat_participant_typing($$renderer2, {
+        typingLabel: typingIndicatorState.typingLabel,
+        participantCount: typingIndicatorState.participantCount
+      });
+      $$renderer2.push(`<!----> <div class="chat-bottom-sentinel svelte-932akd" aria-hidden="true"></div></div>`);
+    }
+    $$renderer2.push(`<!----> <div class="chat-input-wrapper svelte-932akd">`);
+    Chat_jump_controls($$renderer2, {
+      showJumpButton: scrollState.showJumpButton,
+      hasNewMessageIndicator: unreadState.newMessageIndicatorVisible,
+      unreadCount: unreadState.unreadCount,
+      displayUnreadCount: unreadState.displayUnreadCount,
+      hasLargeCount: unreadState.hasLargeCount,
+      onjumptolatest: handleJumpToLatest
+    });
+    $$renderer2.push(`<!----> <div class="chat-input-area svelte-932akd">`);
+    Chat_input($$renderer2, {
+      id: inputId(),
+      onsubmit: (message, attachments) => handleSubmit(message, attachments),
+      disabled: streaming,
+      sending: streaming,
+      allowAttachments: allowAttachments(),
+      onstop: streaming ? handleStopGenerating : undefined,
+      onattachmentadd,
+      onattachmentremove,
+      onattachmentfailure
+    });
+    $$renderer2.push(`<!----></div></div> `);
+    Chat_status_announcer($$renderer2, {
+      statusId: statusId(),
+      messageCount: messages().length,
+      announcerMessage: historyAnnouncement || unreadState.announcerMessage,
+      assertiveMessage: toolApprovalAssertiveMessage()
+    });
+    $$renderer2.push(`<!----> <div class="cinder-sr-only svelte-932akd" aria-live="polite" aria-atomic="true">${$35.escape(typingIndicatorState.announcedLabel)}</div></div>`);
+    $35.bind_props($$props, {
+      atBottom,
+      unreadCount,
+      newMessageIndicatorVisible,
+      scrollToBottom,
+      scrollToTop,
+      focusInput,
+      beginStreaming,
+      pushToken,
+      endStreaming
+    });
+  });
+}
+
+// src/components/chat/chat.svelte
+function Chat2($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { class: className, $$slots, $$events, ...rest } = $$props;
+    const mergedClassName = $36.derived(() => classNames(className));
+    let impl;
+    function beginStreaming(messageId) {
+      impl?.beginStreaming(messageId);
+    }
+    function pushToken(token) {
+      impl?.pushToken(token);
+    }
+    function endStreaming() {
+      impl?.endStreaming();
+    }
+    function scrollToBottom() {
+      impl?.scrollToBottom();
+    }
+    function scrollToTop() {
+      impl?.scrollToTop();
+    }
+    function focusInput() {
+      impl?.focusInput();
+    }
+    Chat($$renderer2, $36.spread_props([{ class: mergedClassName() }, rest]));
+    $36.bind_props($$props, {
+      beginStreaming,
+      pushToken,
+      endStreaming,
+      scrollToBottom,
+      scrollToTop,
+      focusInput
+    });
+  });
+}
+
+// src/components/chat/builders.ts
+var SCHEMA_VERSION = 4;
+function nextId(prefix) {
+  return `${prefix}-${crypto.randomUUID()}`;
+}
+function createConversation(options) {
+  const now = new Date().toISOString();
+  return {
+    schemaVersion: SCHEMA_VERSION,
+    id: options?.id ?? nextId("conversation"),
+    title: options?.title,
+    status: options?.status ?? "active",
+    metadata: {},
+    ids: [],
+    messages: {},
+    createdAt: now,
+    updatedAt: now
+  };
+}
+function materializeMessage(input, position) {
+  const content = typeof input.content === "string" ? input.content : [...input.content];
+  return {
+    id: nextId("message"),
+    role: input.role,
+    content,
+    position,
+    createdAt: new Date().toISOString(),
+    metadata: input.metadata ?? {},
+    hidden: input.hidden ?? false,
+    ...input.toolCall !== undefined ? { toolCall: input.toolCall } : {},
+    ...input.toolResult !== undefined ? { toolResult: input.toolResult } : {},
+    ...input.tokenUsage !== undefined ? { tokenUsage: input.tokenUsage } : {}
+  };
+}
+function appendMessages(conversation, ...inputs) {
+  if (inputs.length === 0)
+    return conversation;
+  const ids = [...conversation.ids];
+  const messages = { ...conversation.messages };
+  for (const input of inputs) {
+    const message = materializeMessage(input, ids.length);
+    ids.push(message.id);
+    messages[message.id] = message;
+  }
+  return {
+    ...conversation,
+    ids,
+    messages,
+    updatedAt: new Date().toISOString()
+  };
+}
+function appendUserMessage(conversation, content) {
+  return appendMessages(conversation, { role: "user", content });
+}
+function appendAssistantMessage(conversation, content) {
+  return appendMessages(conversation, { role: "assistant", content });
+}
+// src/components/chat/artifact/artifact-panel.svelte
+import * as $37 from "svelte/internal/server";
+function Artifact_panel($$renderer, $$props) {
+  let { instanceId = "artifact", title, onclose, children } = $$props;
+  const titleId = $37.derived(() => `${instanceId}-panel-title`);
+  function focusOnMount(element) {
+    element.focus();
+  }
+  $$renderer.push(`<div class="artifact-panel svelte-o3c2et" role="complementary"${$37.attr("aria-label", title ?? "Artifact panel")}><div class="artifact-panel-header svelte-o3c2et"><span class="artifact-panel-title svelte-o3c2et"${$37.attr("id", titleId())}>${$37.escape(title ?? "Artifact")}</span> <button type="button" class="artifact-panel-close svelte-o3c2et" aria-label="Close artifact panel">`);
+  X($$renderer, { class: "icon-sm" });
+  $$renderer.push(`<!----></button></div> <div class="artifact-panel-content svelte-o3c2et">`);
+  children($$renderer);
+  $$renderer.push(`<!----></div></div>`);
+}
+// src/components/chat/artifact/artifact-viewer.svelte
+import * as $38 from "svelte/internal/server";
+function wrapSvgInHtml(svg) {
+  return `<!DOCTYPE html><html><body style="margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;">${svg}</body></html>`;
+}
+function Artifact_viewer($$renderer, $$props) {
+  let { type, content, language, title } = $$props;
+  const svgDocument = $38.derived(() => type === "svg" ? wrapSvgInHtml(content) : "");
+  if (type === "html") {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<iframe class="artifact-viewer artifact-viewer-html svelte-c4pced"${$38.attr("srcdoc", content)} sandbox=""${$38.attr("title", title ?? "HTML artifact")}${$38.attr("aria-label", title ?? "HTML artifact")}></iframe>`);
+  } else if (type === "svg") {
+    $$renderer.push("<!--[1-->");
+    $$renderer.push(`<iframe class="artifact-viewer artifact-viewer-svg svelte-c4pced"${$38.attr("srcdoc", svgDocument())} sandbox=""${$38.attr("title", title ?? "SVG artifact")}${$38.attr("aria-label", title ?? "SVG artifact")}></iframe>`);
+  } else if (type === "code") {
+    $$renderer.push("<!--[2-->");
+    $$renderer.push(`<div class="artifact-viewer artifact-viewer-code svelte-c4pced"><pre class="artifact-code-block svelte-c4pced"${$38.attr("data-language", language)}><code class="svelte-c4pced">${$38.escape(content)}</code></pre></div>`);
+  } else if (type === "mermaid") {
+    $$renderer.push("<!--[3-->");
+    $$renderer.push(`<div class="artifact-viewer artifact-viewer-mermaid svelte-c4pced"><pre class="artifact-code-block svelte-c4pced" data-language="mermaid"><code class="svelte-c4pced">${$38.escape(content)}</code></pre> <p class="artifact-mermaid-note svelte-c4pced" aria-live="polite">Mermaid diagram source. Install the Mermaid library to render diagrams.</p></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]-->`);
+}
+// src/components/chat/artifact/chat-artifact-layout.svelte
+import * as $39 from "svelte/internal/server";
+function Chat_artifact_layout($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      instanceId = "artifact",
+      open = false,
+      children,
+      panel,
+      panelTitle,
+      onclose,
+      class: className
+    } = $$props;
+    $$renderer2.push(`<div${$39.attr_class($39.clsx(classNames("chat-artifact-layout", className)), "svelte-ed4g6")}${$39.attr("data-panel-open", open)}><div class="chat-artifact-main svelte-ed4g6">`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div> `);
+    if (open && panel) {
+      $$renderer2.push("<!--[0-->");
+      Artifact_panel($$renderer2, {
+        instanceId,
+        title: panelTitle,
+        onclose,
+        children: ($$renderer3) => {
+          panel($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+// src/components/chat/index.ts
+var chat_default = Chat2;
+export { Chat_date_separator, Message_content, Tool_call_group, Message_attachments, Chat_message, deriveAttachmentKind, Chat_attachment_preview, Chat_input, DEFAULT_SCROLL_CONFIGURATION, isAtBottom, shouldShowJumpToLatest, calculateUnreadCount, findUnreadBoundaryIndex, calculateScrollToBottom, extractTimestamp, Chat2 as Chat, createConversation, appendMessages, appendUserMessage, appendAssistantMessage, Artifact_panel, Artifact_viewer, Chat_artifact_layout, chat_default };
+
+//# debugId=07FB61482B0C83B364756E2164756E21