@lostgradient/cinder 0.2.0 → 0.4.0

package/dist/server/components/chat-conversation-header/index.js

@@ -0,0 +1,1666 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/portal/portal.svelte
+import * as $2 from "svelte/internal/server";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/portal/portal.utilities.svelte.ts
+import * as $ from "svelte/internal/server";
+
+// ../../node_modules/esm-env/false.js
+var false_default = false;
+// ../../node_modules/esm-env/true.js
+var true_default = true;
+// src/utilities/dev-warn.ts
+function devWarn(message, ...args) {
+  if (!true_default)
+    return;
+  console.warn(message, ...args);
+}
+
+// src/utilities/read-option.ts
+function isOptionGetter(value) {
+  return typeof value === "function";
+}
+function readOption(value) {
+  return isOptionGetter(value) ? value() : value;
+}
+
+// src/components/portal/portal.utilities.svelte.ts
+function resolvePortalTarget(target) {
+  if (typeof document === "undefined")
+    return null;
+  if (target == null) {
+    return { kind: "resolved", target: document.body };
+  }
+  if (target instanceof HTMLElement) {
+    return { kind: "resolved", target };
+  }
+  try {
+    const resolved = document.querySelector(target);
+    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
+  } catch {
+    return { kind: "unresolved", key: target };
+  }
+}
+function createPortalAttachment(options = {}) {
+  let lastWarnedUnresolvedKey = null;
+  return (element) => {
+    const initialParent = element.parentElement;
+    const initialAttributes = {
+      dir: element.getAttribute("dir"),
+      theme: element.getAttribute("data-cinder-theme")
+    };
+    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
+    if (anchor && initialParent && element.parentNode === initialParent) {
+      initialParent.insertBefore(anchor, element);
+    }
+    function restoreInline() {
+      if (!anchor || !anchor.parentNode)
+        return;
+      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
+        return;
+      anchor.parentNode.insertBefore(element, anchor.nextSibling);
+    }
+    return () => {
+      if (anchor && anchor.parentNode) {
+        anchor.parentNode.removeChild(anchor);
+      }
+    };
+  };
+}
+
+// src/components/portal/portal.svelte
+function Portal($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      target = null,
+      disabled = false,
+      class: className,
+      inheritAttributes = true,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let hasHydrated = false;
+    const resolvedTarget = $2.derived(() => !disabled ? resolvePortalTarget(target) : null);
+    const shouldRenderChildren = $2.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
+    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
+    if (shouldRenderChildren()) {
+      $$renderer2.push("<!--[0-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/portal/index.ts
+var portal_default = Portal;
+// src/components/chat-conversation-header/chat-conversation-header.svelte
+import * as $15 from "svelte/internal/server";
+
+// src/components/chat/export/conversation-export-actions.svelte
+import * as $14 from "svelte/internal/server";
+
+// src/utilities/stringify.ts
+function stringify(value, indent = 2) {
+  if (typeof value === "string")
+    return value;
+  if (value === null || value === undefined)
+    return "";
+  try {
+    return JSON.stringify(value, null, indent);
+  } catch {
+    if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint" || typeof value === "symbol") {
+      return String(value);
+    }
+    return "[Unserializable value]";
+  }
+}
+function stringifyOrNull(value, indent = 2) {
+  if (value === null || value === undefined)
+    return null;
+  if (typeof value === "string")
+    return value;
+  try {
+    return JSON.stringify(value, null, indent);
+  } catch {
+    return null;
+  }
+}
+
+// src/components/copy-button/use-copy-state.svelte.ts
+import * as $3 from "svelte/internal/server";
+import { onDestroy } from "svelte";
+
+// src/utilities/clipboard.ts
+async function copyToClipboard(text) {
+  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {}
+  }
+  return legacyCopy(text);
+}
+function legacyCopy(text) {
+  if (typeof document === "undefined")
+    return false;
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.setAttribute("tabindex", "-1");
+  textarea.style.position = "absolute";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  let succeeded = false;
+  try {
+    succeeded = document.execCommand("copy");
+  } catch {
+    succeeded = false;
+  }
+  textarea.remove();
+  return succeeded;
+}
+
+// src/components/copy-button/use-copy-state.svelte.ts
+function createCopyState(confirmDuration = 2000) {
+  let copiedKey = null;
+  let resetTimer;
+  function clearTimer() {
+    if (resetTimer !== undefined) {
+      clearTimeout(resetTimer);
+      resetTimer = undefined;
+    }
+  }
+  function reset() {
+    clearTimer();
+    copiedKey = null;
+  }
+  async function trigger(key, text) {
+    const succeeded = await copyToClipboard(text);
+    if (!succeeded)
+      return false;
+    clearTimer();
+    copiedKey = key;
+    resetTimer = setTimeout(() => {
+      copiedKey = null;
+    }, confirmDuration);
+    return true;
+  }
+  onDestroy(clearTimer);
+  return {
+    get copiedKey() {
+      return copiedKey;
+    },
+    trigger,
+    reset,
+    destroy: clearTimer
+  };
+}
+
+// src/components/dropdown/dropdown.svelte
+import * as $4 from "svelte/internal/server";
+
+// src/_internal/overlay.ts
+var escapeStack = [];
+function pushEscapeHandler(handler) {
+  escapeStack.push(handler);
+  if (escapeStack.length === 1 && typeof window !== "undefined") {
+    window.addEventListener("keydown", onEscapeKeydown, { capture: true });
+  }
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    const index = escapeStack.lastIndexOf(handler);
+    if (index !== -1)
+      escapeStack.splice(index, 1);
+    if (escapeStack.length === 0 && typeof window !== "undefined") {
+      window.removeEventListener("keydown", onEscapeKeydown, { capture: true });
+    }
+  };
+}
+function onEscapeKeydown(event) {
+  if (event.key !== "Escape")
+    return;
+  const handler = escapeStack.at(-1);
+  if (!handler)
+    return;
+  handler(event);
+}
+var scrollLockCount = 0;
+var originalBodyOverflow = null;
+function lockBodyScroll() {
+  if (typeof document === "undefined")
+    return () => {};
+  if (scrollLockCount === 0) {
+    originalBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount += 1;
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+      document.body.style.overflow = originalBodyOverflow ?? "";
+      originalBodyOverflow = null;
+    }
+  };
+}
+function captureFocus() {
+  if (typeof document === "undefined")
+    return null;
+  const active = document.activeElement;
+  if (active && active !== document.body && active instanceof HTMLElement) {
+    return active;
+  }
+  return null;
+}
+
+// src/utilities/attachments.ts
+function isInsideEventPath(event, element) {
+  const path = event.composedPath();
+  return path.some((entry) => entry instanceof Node && element.contains(entry));
+}
+function createClickOutside(options) {
+  const { handler, enabled = true, eventType = "click", capture = true, ignoreRefs } = options;
+  return (node) => {
+    function handleEvent(event) {
+      const isEnabled = typeof enabled === "function" ? enabled() : enabled;
+      if (!isEnabled)
+        return;
+      if (event.type === "touchstart" && !event.cancelable)
+        return;
+      const target = event.target;
+      if (!(target instanceof Node)) {
+        handler();
+        return;
+      }
+      if (isInsideEventPath(event, node))
+        return;
+      if (ignoreRefs) {
+        for (const ref of ignoreRefs) {
+          const element = ref();
+          if (element && isInsideEventPath(event, element))
+            return;
+        }
+      }
+      handler();
+    }
+    document.addEventListener(eventType, handleEvent, capture);
+    return () => {
+      document.removeEventListener(eventType, handleEvent, capture);
+    };
+  };
+}
+function overflowFade() {
+  return (node) => {
+    if (typeof ResizeObserver === "undefined") {
+      node.removeAttribute("data-cinder-overflows");
+      return;
+    }
+    const update = () => {
+      const overflows = node.scrollHeight - node.clientHeight > 1;
+      const atBottom = node.scrollTop + node.clientHeight >= node.scrollHeight - 1;
+      node.toggleAttribute("data-cinder-overflows", overflows && !atBottom);
+    };
+    const requestFrame = typeof requestAnimationFrame === "function" ? requestAnimationFrame : (callback) => window.setTimeout(() => callback(performance.now()));
+    const cancelFrame = typeof cancelAnimationFrame === "function" ? cancelAnimationFrame : (handle) => window.clearTimeout(handle);
+    let frame = 0;
+    const scheduleUpdate = () => {
+      if (frame)
+        return;
+      frame = requestFrame(() => {
+        frame = 0;
+        update();
+      });
+    };
+    const resizeObserver = new ResizeObserver(scheduleUpdate);
+    const observedElements = new Set;
+    const observeElement = (element) => {
+      if (observedElements.has(element))
+        return;
+      resizeObserver.observe(element);
+      observedElements.add(element);
+    };
+    const syncObservedElements = () => {
+      const currentElements = new Set([node, ...node.querySelectorAll("*")]);
+      for (const element of observedElements) {
+        if (!currentElements.has(element)) {
+          resizeObserver.unobserve(element);
+          observedElements.delete(element);
+        }
+      }
+      for (const element of currentElements) {
+        observeElement(element);
+      }
+    };
+    syncObservedElements();
+    const mutationObserver = typeof MutationObserver === "undefined" ? null : new MutationObserver(() => {
+      syncObservedElements();
+      scheduleUpdate();
+    });
+    mutationObserver?.observe(node, {
+      childList: true,
+      subtree: true,
+      characterData: true,
+      attributes: true,
+      attributeFilter: ["hidden", "class", "style", "aria-hidden"]
+    });
+    node.addEventListener("scroll", scheduleUpdate, { passive: true });
+    update();
+    return () => {
+      if (frame)
+        cancelFrame(frame);
+      resizeObserver.disconnect();
+      observedElements.clear();
+      mutationObserver?.disconnect();
+      node.removeEventListener("scroll", scheduleUpdate);
+    };
+  };
+}
+
+// src/components/dropdown/dropdown.context.ts
+import { createContext } from "svelte";
+var [getDropdownContextStrict, setDropdownContext] = createContext();
+var getDropdownContext = getDropdownContextStrict;
+var [getDropdownRegisterStrict, setDropdownRegister] = createContext();
+var getDropdownRegister = getDropdownRegisterStrict;
+var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext();
+var getDropdownRegisterTrigger = getDropdownRegisterTriggerStrict;
+var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
+var getDropdownSetOpen = getDropdownSetOpenStrict;
+
+// src/components/dropdown/dropdown.svelte
+function Dropdown($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $4.props_id($$renderer2);
+    let {
+      id = generatedId,
+      open = false,
+      placement = "bottom-start",
+      class: customClassName,
+      trigger,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let compoundMenuElement = null;
+    let compoundTriggerElement = null;
+    let compoundOpen = false;
+    let supportsPopover = false;
+    const menuId = `${generatedId}-menu`;
+    let menuElement = undefined;
+    let triggerWrapper = undefined;
+    const compoundMenuId = $4.derived(() => `${id}-menu`);
+    const usesLegacySnippetApi = $4.derived(() => Boolean(trigger));
+    function closeCompoundMenu() {
+      compoundMenuElement?.hidePopover?.();
+      compoundOpen = false;
+    }
+    function registerCompoundMenu(element) {
+      compoundMenuElement = element;
+    }
+    function registerCompoundTrigger(element) {
+      compoundTriggerElement = element;
+    }
+    function focusCompoundTrigger() {
+      compoundTriggerElement?.focus();
+    }
+    function setCompoundOpen(nextOpen) {
+      compoundOpen = nextOpen;
+    }
+    setDropdownContext({
+      get menuId() {
+        return compoundMenuId();
+      },
+      get isOpen() {
+        return compoundOpen;
+      },
+      get supportsPopover() {
+        return supportsPopover;
+      },
+      get anchorElement() {
+        return compoundTriggerElement;
+      },
+      get fallbackPlacement() {
+        return "bottom-end";
+      },
+      get widthMode() {
+        return "menu";
+      },
+      get initialFocus() {
+        return;
+      },
+      close: closeCompoundMenu,
+      focusTrigger: focusCompoundTrigger
+    });
+    setDropdownRegister(registerCompoundMenu);
+    setDropdownRegisterTrigger(registerCompoundTrigger);
+    setDropdownSetOpen(setCompoundOpen);
+    function handleKeydown(event) {
+      if (event.defaultPrevented)
+        return;
+      if (event.key === "Escape" && open) {
+        open = false;
+      } else if (event.key === "Escape" && compoundOpen) {
+        closeCompoundMenu();
+        focusCompoundTrigger();
+      }
+    }
+    const dismissOnOutsideClick = $4.derived(() => createClickOutside({
+      handler: () => {
+        open = false;
+        compoundOpen = false;
+      },
+      enabled: () => !supportsPopover && (open || compoundOpen),
+      ignoreRefs: [() => menuElement ?? null, () => compoundMenuElement ?? null],
+      capture: false
+    }));
+    function handlePopoverToggle(event) {
+      const toggleEvent = event;
+      open = toggleEvent.newState === "open";
+    }
+    $$renderer2.push(`<div${$4.attributes({
+      id,
+      class: $4.clsx(classNames("cinder-dropdown", customClassName)),
+      "data-cinder-placement": placement,
+      ...rest
+    })}>`);
+    if (usesLegacySnippetApi()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-dropdown__trigger" role="presentation"${$4.attr_style(`anchor-name: --${menuId};`)}>`);
+      if (trigger) {
+        $$renderer2.push("<!--[0-->");
+        trigger($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div> `);
+      if (supportsPopover) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div${$4.attr("id", menuId)} class="cinder-dropdown__menu" popover="auto" role="menu"${$4.attr("data-cinder-placement", placement)}${$4.attr_style(`position-anchor: --${menuId};`)}>`);
+        if (children) {
+          $$renderer2.push("<!--[0-->");
+          children($$renderer2);
+          $$renderer2.push(`<!---->`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else if (open) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div${$4.attr("id", menuId)} class="cinder-dropdown__menu" role="menu"${$4.attr("data-cinder-placement", placement)}>`);
+        if (children) {
+          $$renderer2.push("<!--[0-->");
+          children($$renderer2);
+          $$renderer2.push(`<!---->`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (children) {
+      $$renderer2.push("<!--[1-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $4.bind_props($$props, { open });
+  });
+}
+
+// src/components/dropdown-item/dropdown-item.svelte
+import * as $5 from "svelte/internal/server";
+function Dropdown_item($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      variant = "default",
+      itemRole = "menuitem",
+      checked = false,
+      inset = false,
+      disabled,
+      closeOnSelect = true,
+      class: customClassName,
+      onclick,
+      onkeydown,
+      href,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getDropdownContext();
+    const isLink = $5.derived(() => href !== undefined);
+    const sharedClass = $5.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName));
+    function handleClick(event) {
+      if (disabled) {
+        event.preventDefault();
+        return;
+      }
+      if (typeof onclick === "function") {
+        if (isLink()) {
+          onclick(event);
+        } else {
+          onclick(event);
+        }
+      }
+      if (closeOnSelect) {
+        context.close();
+      }
+    }
+    function handleAnchorKeydown(event) {
+      if (typeof onkeydown === "function") {
+        onkeydown(event);
+      }
+      if (event.defaultPrevented)
+        return;
+      if (event.key !== " " && event.key !== "Spacebar")
+        return;
+      event.preventDefault();
+      if (disabled)
+        return;
+      event.currentTarget.click();
+    }
+    const anchorAttributes = $5.derived(() => rest);
+    const buttonAttributes = $5.derived(() => rest);
+    const buttonType = $5.derived(() => rest.type ?? "button");
+    const ariaChecked = $5.derived(() => itemRole === "menuitemradio" ? checked : undefined);
+    if (isLink()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<a${$5.attributes({
+        ...anchorAttributes(),
+        href,
+        role: itemRole,
+        "aria-checked": ariaChecked(),
+        class: $5.clsx(sharedClass()),
+        "data-cinder-variant": variant,
+        tabindex: -1,
+        "data-disabled": disabled ? "" : undefined,
+        "aria-disabled": disabled ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$5.attributes({
+        ...buttonAttributes(),
+        type: buttonType(),
+        role: itemRole,
+        "aria-checked": ariaChecked(),
+        class: $5.clsx(sharedClass()),
+        "data-cinder-variant": variant,
+        tabindex: -1,
+        "data-disabled": disabled ? "" : undefined,
+        "aria-disabled": disabled ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/dropdown-menu/dropdown-menu.svelte
+import * as $7 from "svelte/internal/server";
+import { tick } from "svelte";
+
+// src/_internal/anchored-overlay.svelte.ts
+import * as $6 from "svelte/internal/server";
+var DEFAULT_PLACEMENT = "bottom-start";
+function createAnchoredOverlay(options) {
+  let positionReady = false;
+  let positionStyle = "";
+  let resolvedPlacement = options.placement?.() ?? DEFAULT_PLACEMENT;
+  let arrowStyle = "";
+  return {
+    get positionReady() {
+      return positionReady;
+    },
+    get positionStyle() {
+      return positionStyle;
+    },
+    get resolvedPlacement() {
+      return resolvedPlacement;
+    },
+    get arrowStyle() {
+      return arrowStyle;
+    }
+  };
+}
+
+// src/_internal/locale-context.ts
+import { createContext as createContext2 } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/locale-context.ts
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext2();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
+// src/_internal/text-direction.ts
+function resolveTextDirection(element, fallback) {
+  let currentElement = element ?? null;
+  let documentDirection;
+  let styledDirectionElement = null;
+  while (currentElement) {
+    const direction = currentElement.getAttribute("dir")?.toLowerCase();
+    if (direction === "rtl" || direction === "ltr") {
+      if (typeof getComputedStyle === "function" && styledDirectionElement) {
+        const styledDirection2 = getComputedStyle(styledDirectionElement).direction;
+        if (styledDirection2 === "rtl" || styledDirection2 === "ltr")
+          return styledDirection2;
+      }
+      if (currentElement === currentElement.ownerDocument.documentElement) {
+        documentDirection = direction;
+        break;
+      }
+      return direction;
+    }
+    if (direction === "auto" && typeof getComputedStyle === "function") {
+      const computedDirection2 = getComputedStyle(currentElement).direction;
+      if (computedDirection2 === "rtl" || computedDirection2 === "ltr")
+        return computedDirection2;
+    }
+    const styledDirection = currentElement.style.direction;
+    if (!styledDirectionElement && (styledDirection === "rtl" || styledDirection === "ltr")) {
+      styledDirectionElement = currentElement;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  if (typeof getComputedStyle === "function" && styledDirectionElement) {
+    const direction = getComputedStyle(styledDirectionElement).direction;
+    if (direction === "rtl" || direction === "ltr")
+      return direction;
+  }
+  const computedDirection = readComputedTextDirection(element);
+  const rootComputedDirection = readComputedTextDirection(element?.ownerDocument.documentElement);
+  if (computedDirection && computedDirection !== rootComputedDirection)
+    return computedDirection;
+  if (computedDirection && fallback && computedDirection !== fallback && hasDirectionStylingHint(element)) {
+    return computedDirection;
+  }
+  if (!fallback && computedDirection === "rtl")
+    return computedDirection;
+  if (fallback)
+    return fallback;
+  if (documentDirection)
+    return documentDirection;
+  return;
+}
+function readComputedTextDirection(element) {
+  if (!element || typeof getComputedStyle !== "function")
+    return;
+  const direction = getComputedStyle(element).direction;
+  return direction === "rtl" || direction === "ltr" ? direction : undefined;
+}
+function hasDirectionStylingHint(element) {
+  let currentElement = element?.parentElement;
+  while (currentElement && currentElement !== currentElement.ownerDocument.documentElement) {
+    if (currentElement.style.direction)
+      return true;
+    if (matchesDirectionStyleRule(currentElement))
+      return true;
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function matchesDirectionStyleRule(element) {
+  for (const sheet of Array.from(element.ownerDocument.styleSheets)) {
+    let rules;
+    try {
+      rules = sheet.cssRules;
+    } catch {
+      continue;
+    }
+    if (matchesDirectionStyleRuleList(element, rules))
+      return true;
+  }
+  return false;
+}
+function matchesDirectionStyleRuleList(element, rules) {
+  for (const rule of Array.from(rules)) {
+    if (isCssStyleRule(rule)) {
+      if (!rule.style.direction) {
+        const nestedRules2 = readNestedCssRules(rule);
+        if (nestedRules2 && matchesDirectionStyleRuleList(element, nestedRules2))
+          return true;
+        continue;
+      }
+      try {
+        if (element.matches(rule.selectorText))
+          return true;
+      } catch {
+        continue;
+      }
+    }
+    const nestedRules = readNestedCssRules(rule);
+    if (nestedRules && isConditionalRuleActive(rule) && matchesDirectionStyleRuleList(element, nestedRules)) {
+      return true;
+    }
+  }
+  return false;
+}
+function readNestedCssRules(rule) {
+  if (!("cssRules" in rule))
+    return;
+  try {
+    const nestedRules = Reflect.get(rule, "cssRules");
+    return isCssRuleCollection(nestedRules) ? nestedRules : undefined;
+  } catch {
+    return;
+  }
+}
+function isCssRuleCollection(value) {
+  if (typeof CSSRuleList !== "undefined" && value instanceof CSSRuleList)
+    return true;
+  return Array.isArray(value) && value.every(isCssRule);
+}
+function isCssRule(value) {
+  return typeof value === "object" && value !== null && typeof Reflect.get(value, "cssText") === "string" && typeof Reflect.get(value, "type") === "number";
+}
+function isCssStyleRule(rule) {
+  return typeof Reflect.get(rule, "selectorText") === "string" && typeof Reflect.get(rule, "style") === "object" && Reflect.get(rule, "style") !== null;
+}
+function isConditionalRuleActive(rule) {
+  const conditionText = Reflect.get(rule, "conditionText");
+  if (typeof conditionText !== "string" || !conditionText.trim())
+    return true;
+  if (isMediaRule(rule) && typeof matchMedia === "function") {
+    return matchMedia(conditionText).matches;
+  }
+  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
+    return CSS.supports(conditionText);
+  }
+  return true;
+}
+function isMediaRule(rule) {
+  return typeof Reflect.get(rule, "media") === "object" && Reflect.get(rule, "media") !== null;
+}
+function isSupportsRule(rule) {
+  return rule.constructor.name === "CSSSupportsRule" || Reflect.get(rule, "type") === 12;
+}
+
+// src/components/dropdown-menu/dropdown-menu.svelte
+function Dropdown_menu($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: customClassName,
+      children,
+      dir: direction,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getDropdownContext();
+    const registerMenu = getDropdownRegister();
+    const setOpen = getDropdownSetOpen();
+    const localeContext = getLocaleContext();
+    let directionRevision = 0;
+    const resolvedDirection = $7.derived(() => {
+      if (direction === "auto") {
+        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
+      }
+      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
+    });
+    const fallbackAnchorElement = $7.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
+    let menuElement = null;
+    let focusedFallbackOpen = false;
+    const anchoredFallback = createAnchoredOverlay({
+      open: () => context.isOpen && !context.supportsPopover && Boolean(fallbackAnchorElement()),
+      anchor: () => fallbackAnchorElement(),
+      panel: () => menuElement,
+      placement: () => context.fallbackPlacement ?? "bottom-end",
+      offset: () => 4,
+      widthMode: () => context.widthMode ?? "menu"
+    });
+    const fallbackPositionStyle = $7.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
+    const fallbackPositionReady = $7.derived(() => context.fallbackPositionReady ?? (fallbackAnchorElement() ? anchoredFallback.positionReady : undefined));
+    const fallbackPortalAttachment = createPortalAttachment({
+      target: () => typeof document === "undefined" ? null : document.body,
+      source: () => context.anchorElement,
+      inheritAttributes: true,
+      disabled: () => context.supportsPopover
+    });
+    function getOwnedMenuItems() {
+      if (!menuElement)
+        return [];
+      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
+    }
+    function focusMenuItem(index) {
+      const items = getOwnedMenuItems();
+      if (!items.length) {
+        menuElement?.focus();
+        return;
+      }
+      const resolvedIndex = index < 0 ? items.length - 1 : index;
+      const item = items.at(resolvedIndex);
+      item?.focus();
+    }
+    function handleKeydown(event) {
+      const target = event.target instanceof HTMLElement ? event.target : null;
+      if (target?.closest('[role="menu"]') !== menuElement)
+        return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        setOpen(false);
+        context.focusTrigger();
+        return;
+      }
+      const itemsArray = getOwnedMenuItems();
+      if (!itemsArray.length)
+        return;
+      const currentIndex = itemsArray.findIndex((item) => item === document.activeElement);
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(currentIndex < itemsArray.length - 1 ? currentIndex + 1 : 0);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(currentIndex > 0 ? currentIndex - 1 : itemsArray.length - 1);
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(0);
+      } else if (event.key === "End") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(itemsArray.length - 1);
+      }
+    }
+    function handleToggle(event) {
+      const isOpenNow = event.newState === "open";
+      setOpen(isOpenNow);
+      if (isOpenNow) {
+        if (context.initialFocus === "none")
+          return;
+        tick().then(() => focusMenuItem(context.initialFocus === "last" ? -1 : 0));
+      }
+    }
+    if (context.supportsPopover || context.isOpen) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$7.attributes({
+        id: context.menuId,
+        popover: context.supportsPopover ? "auto" : undefined,
+        class: $7.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
+        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : fallbackPositionStyle(),
+        role: "menu",
+        "aria-orientation": "vertical",
+        "data-cinder-position-ready": !context.supportsPopover && fallbackPositionReady() !== undefined ? fallbackPositionReady() : undefined,
+        tabindex: -1,
+        ...rest,
+        dir: resolvedDirection(),
+        "data-cinder-explicit-direction": resolvedDirection() ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/dropdown-trigger/dropdown-trigger.svelte
+import * as $8 from "svelte/internal/server";
+function Dropdown_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: customClassName,
+      showCaret = true,
+      children,
+      onclick,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getDropdownContext();
+    const registerTrigger = getDropdownRegisterTrigger();
+    const setOpen = getDropdownSetOpen();
+    function attachTrigger(node) {
+      registerTrigger(node);
+      return () => registerTrigger(null);
+    }
+    function handleClick(event) {
+      if (typeof onclick === "function") {
+        onclick(event);
+      }
+      if (!event.defaultPrevented && !context.supportsPopover) {
+        setOpen(!context.isOpen);
+      }
+    }
+    $$renderer2.push(`<button${$8.attributes({
+      type: "button",
+      class: $8.clsx(classNames("cinder-dropdown-trigger", customClassName)),
+      style: `anchor-name: --${context.menuId};`,
+      "aria-haspopup": "menu",
+      "aria-expanded": context.isOpen,
+      "aria-controls": context.menuId,
+      popovertarget: context.supportsPopover ? context.menuId : undefined,
+      ...rest
+    })}>`);
+    if (children) {
+      $$renderer2.push("<!--[0-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (showCaret) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></button>`);
+  });
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/check.svelte
+import * as $10 from "svelte/internal/server";
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+import * as $9 from "svelte/internal/server";
+
+// ../../node_modules/lucide-svelte/dist/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var defaultAttributes_default = defaultAttributes;
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+function Icon($$renderer, $$props) {
+  const $$sanitized_props = $9.sanitize_props($$props);
+  const $$restProps = $9.rest_props($$sanitized_props, [
+    "name",
+    "color",
+    "size",
+    "strokeWidth",
+    "absoluteStrokeWidth",
+    "iconNode"
+  ]);
+  $$renderer.component(($$renderer2) => {
+    let name = $9.fallback($$props["name"], undefined);
+    let color = $9.fallback($$props["color"], "currentColor");
+    let size = $9.fallback($$props["size"], 24);
+    let strokeWidth = $9.fallback($$props["strokeWidth"], 2);
+    let absoluteStrokeWidth = $9.fallback($$props["absoluteStrokeWidth"], false);
+    let iconNode = $9.fallback($$props["iconNode"], () => [], true);
+    const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+      return Boolean(className) && array.indexOf(className) === index;
+    }).join(" ");
+    $$renderer2.push(`<svg${$9.attributes({
+      ...defaultAttributes_default,
+      ...$$restProps,
+      width: size,
+      height: size,
+      stroke: color,
+      "stroke-width": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      class: $9.clsx(mergeClasses("lucide-icon", "lucide", name ? `lucide-${name}` : "", $$sanitized_props.class))
+    }, undefined, undefined, undefined, 3)}><!--[-->`);
+    const each_array = $9.ensure_array_like(iconNode);
+    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+      let [tag, attrs] = each_array[$$index];
+      $9.element($$renderer2, tag, () => {
+        $$renderer2.push(`${$9.attributes({ ...attrs }, undefined, undefined, undefined, 3)}`);
+      });
+    }
+    $$renderer2.push(`<!--]--><!--[-->`);
+    $9.slot($$renderer2, $$props, "default", {}, null);
+    $$renderer2.push(`<!--]--></svg>`);
+    $9.bind_props($$props, {
+      name,
+      color,
+      size,
+      strokeWidth,
+      absoluteStrokeWidth,
+      iconNode
+    });
+  });
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/check.svelte
+function Check($$renderer, $$props) {
+  const $$sanitized_props = $10.sanitize_props($$props);
+  const iconNode = [["path", { d: "M20 6 9 17l-5-5" }]];
+  Icon($$renderer, $10.spread_props([
+    { name: "check" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $10.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/copy.svelte
+import * as $11 from "svelte/internal/server";
+function Copy($$renderer, $$props) {
+  const $$sanitized_props = $11.sanitize_props($$props);
+  const iconNode = [
+    [
+      "rect",
+      {
+        width: "14",
+        height: "14",
+        x: "8",
+        y: "8",
+        rx: "2",
+        ry: "2"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+      }
+    ]
+  ];
+  Icon($$renderer, $11.spread_props([
+    { name: "copy" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $11.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/file-code.svelte
+import * as $12 from "svelte/internal/server";
+function File_code($$renderer, $$props) {
+  const $$sanitized_props = $12.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "M10 12.5 8 15l2 2.5" }],
+    ["path", { d: "m14 12.5 2 2.5-2 2.5" }],
+    ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
+    [
+      "path",
+      {
+        d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"
+      }
+    ]
+  ];
+  Icon($$renderer, $12.spread_props([
+    { name: "file-code" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $12.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/file-text.svelte
+import * as $13 from "svelte/internal/server";
+function File_text($$renderer, $$props) {
+  const $$sanitized_props = $13.sanitize_props($$props);
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
+      }
+    ],
+    ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }],
+    ["path", { d: "M10 9H8" }],
+    ["path", { d: "M16 13H8" }],
+    ["path", { d: "M16 17H8" }]
+  ];
+  Icon($$renderer, $13.spread_props([
+    { name: "file-text" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $13.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// src/components/chat/utilities/conversation.ts
+function getMessages(conversation, options) {
+  const includeHidden = options?.includeHidden ?? false;
+  const ordered = [];
+  for (const id of conversation.ids) {
+    const message = conversation.messages[id];
+    if (message && (includeHidden || !message.hidden)) {
+      ordered.push(message);
+    }
+  }
+  return ordered;
+}
+function pairToolCallsWithResults(messages) {
+  const resultsByCallId = new Map;
+  for (const message of messages) {
+    if (message.role === "tool-result" && message.toolResult) {
+      resultsByCallId.set(message.toolResult.callId, message.toolResult);
+    }
+  }
+  const pairs = [];
+  for (const message of messages) {
+    if (message.role === "tool-call" && message.toolCall) {
+      pairs.push({ call: message.toolCall, result: resultsByCallId.get(message.toolCall.id) });
+    }
+  }
+  return pairs;
+}
+// src/components/chat/utilities/utilities.ts
+var CINDER_REASONING_METADATA_KEY = "cinder:reasoning";
+var CINDER_STEPS_METADATA_KEY = "cinder:steps";
+var CINDER_SUGGESTIONS_METADATA_KEY = "cinder:suggestions";
+var STEP_STATUSES = new Set([
+  "pending",
+  "running",
+  "done",
+  "error"
+]);
+function isStepInfo(value) {
+  if (value === null || typeof value !== "object")
+    return false;
+  if (!("title" in value) || !("content" in value) || !("status" in value))
+    return false;
+  return typeof value.title === "string" && typeof value.content === "string" && typeof value.status === "string" && STEP_STATUSES.has(value.status);
+}
+function runOverlayCallback(message, fromProp) {
+  if (fromProp === undefined)
+    return { handled: false, value: undefined };
+  try {
+    const value = fromProp(message);
+    return value === undefined ? { handled: false, value: undefined } : { handled: true, value };
+  } catch {
+    return { handled: false, value: undefined };
+  }
+}
+function resolveMessageReasoning(message, fromProp) {
+  const fromCallback = runOverlayCallback(message, fromProp);
+  const candidate = fromCallback.handled ? fromCallback.value : message.metadata[CINDER_REASONING_METADATA_KEY];
+  return typeof candidate === "string" && candidate.length > 0 ? candidate : undefined;
+}
+function resolveMessageSteps(message, fromProp) {
+  const fromCallback = runOverlayCallback(message, fromProp);
+  const candidate = fromCallback.handled ? fromCallback.value : message.metadata[CINDER_STEPS_METADATA_KEY];
+  if (!Array.isArray(candidate))
+    return;
+  const steps = candidate.filter(isStepInfo);
+  return steps.length > 0 ? steps : undefined;
+}
+function resolveMessageSuggestions(message, fromProp) {
+  const fromCallback = runOverlayCallback(message, fromProp);
+  const candidate = fromCallback.handled ? fromCallback.value : message.metadata[CINDER_SUGGESTIONS_METADATA_KEY];
+  if (!Array.isArray(candidate))
+    return;
+  const suggestions = candidate.filter((entry) => typeof entry === "string");
+  return suggestions.length > 0 ? suggestions : undefined;
+}
+function toMultiModalArray(input) {
+  if (typeof input === "string")
+    return [{ type: "text", text: input }];
+  return "type" in input ? [input] : input;
+}
+function isTextPart(part) {
+  return part.type === "text";
+}
+function getMessageParts(message) {
+  return toMultiModalArray(message.content);
+}
+function getMessageText(message) {
+  return getMessageParts(message).filter(isTextPart).map((part) => part.text).join(`
+`);
+}
+function deriveImageParts(message) {
+  if (typeof message.content === "string")
+    return [];
+  const parts = [];
+  message.content.forEach((segment, index) => {
+    if (segment.type === "image") {
+      parts.push({
+        type: "image",
+        key: `${message.id}:image:${index}`,
+        image: segment
+      });
+    }
+  });
+  return parts;
+}
+function deriveToolApprovalPart(messageId, result, context) {
+  const approved = context.approvedToolCallIds?.has(result.callId) ? true : context.deniedToolCallIds?.has(result.callId) ? false : undefined;
+  return {
+    type: "tool-approval",
+    key: `${messageId}:tool-approval:${result.callId}`,
+    toolCallId: result.callId,
+    toolName: context.toolCallPair?.call.name ?? result.callId,
+    action: result.action,
+    approved
+  };
+}
+function deriveMessageParts(message, context = {}) {
+  const imageParts = deriveImageParts(message);
+  if (message.role === "tool-call" && message.toolCall && context.toolCallPair) {
+    const result = context.toolCallPair.result;
+    const approvalPart = result && result.outcome === "action_required" && result.action ? deriveToolApprovalPart(message.id, result, context) : undefined;
+    return [
+      {
+        type: "tool-call",
+        key: `${message.id}:tool-call:${message.toolCall.id}`,
+        pair: context.toolCallPair
+      },
+      ...approvalPart ? [approvalPart] : [],
+      ...imageParts
+    ];
+  }
+  if (message.role === "tool-result" && message.toolResult) {
+    const result = message.toolResult;
+    if (result.outcome === "action_required" && result.action) {
+      return [deriveToolApprovalPart(message.id, result, context), ...imageParts];
+    }
+    return [
+      {
+        type: "tool-result",
+        key: `${message.id}:tool-result:${result.callId}`,
+        result
+      },
+      ...imageParts
+    ];
+  }
+  const content = context.overrideContent ?? getMessageText(message);
+  const bodyParts = [];
+  if (context.steps && context.steps.length > 0) {
+    for (let index = 0;index < context.steps.length; index++) {
+      const step = context.steps[index];
+      bodyParts.push({
+        type: "step",
+        key: `${message.id}:step:${index}`,
+        index,
+        title: step.title,
+        content: step.content,
+        status: step.status
+      });
+    }
+  }
+  if (context.reasoning && context.reasoning.length > 0) {
+    bodyParts.push({
+      type: "reasoning",
+      key: `${message.id}:reasoning`,
+      content: context.reasoning,
+      streaming: context.streaming ?? false
+    });
+  }
+  bodyParts.push({
+    type: "markdown",
+    key: `${message.id}:body`,
+    content,
+    streaming: context.streaming ?? false,
+    expanded: context.expanded ?? true
+  });
+  if (context.suggestions && context.suggestions.length > 0) {
+    for (let index = 0;index < context.suggestions.length; index++) {
+      const label = context.suggestions[index];
+      bodyParts.push({
+        type: "suggestion",
+        key: `${message.id}:suggestion:${index}`,
+        index,
+        label
+      });
+    }
+  }
+  return [...bodyParts, ...imageParts];
+}
+function getMessageRoleLabel(message) {
+  const labels = {
+    user: "User",
+    assistant: "Assistant",
+    system: "System",
+    developer: "Developer",
+    "tool-call": "Tool Call",
+    "tool-result": "Tool Result",
+    snapshot: "Snapshot"
+  };
+  return labels[message.role] ?? message.role;
+}
+function formatMessageAsMarkdown(message) {
+  return getMessageText(message);
+}
+function formatMessageWithRole(message) {
+  const roleLabel = getMessageRoleLabel(message);
+  const text = getMessageText(message);
+  return `**${roleLabel}:**
+
+${text}`;
+}
+function messagesToMarkdown(messages) {
+  return messages.filter((msg) => msg.role !== "system" && msg.role !== "developer").map(formatMessageWithRole).join(`
+
+---
+
+`);
+}
+// src/components/chat/export/conversation-export-actions.svelte
+function Conversation_export_actions($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      id,
+      conversation,
+      onexported,
+      onexportfailed,
+      class: className
+    } = $$props;
+    const copyState = createCopyState();
+    async function handleExportMarkdown() {
+      const messages = getMessages(conversation, { includeHidden: false });
+      const markdown = messagesToMarkdown(messages);
+      const succeeded = await copyState.trigger("markdown", markdown);
+      if (succeeded) {
+        onexported?.("markdown");
+      } else {
+        onexportfailed?.("markdown", "Clipboard access denied. Please copy manually.");
+      }
+    }
+    async function handleExportJSON() {
+      const messages = getMessages(conversation, { includeHidden: false });
+      const cleanedMessages = messages.map((message) => {
+        if (message.metadata) {
+          const cleanedMetadata = {};
+          for (const [key, value] of Object.entries(message.metadata)) {
+            if (!key.startsWith("_")) {
+              cleanedMetadata[key] = value;
+            }
+          }
+          return {
+            ...message,
+            metadata: Object.keys(cleanedMetadata).length > 0 ? cleanedMetadata : undefined
+          };
+        }
+        return message;
+      });
+      const exportData = {
+        schemaVersion: "1.0",
+        exportedAt: new Date().toISOString(),
+        conversationId: conversation.id,
+        messages: cleanedMessages
+      };
+      const json = stringifyOrNull(exportData);
+      if (json === null) {
+        onexportfailed?.("json", "Failed to serialize conversation data");
+        return;
+      }
+      const succeeded = await copyState.trigger("json", json);
+      if (succeeded) {
+        onexported?.("json");
+      } else {
+        onexportfailed?.("json", "Clipboard access denied. Please copy manually.");
+      }
+    }
+    const formatLabels = { markdown: "Markdown", json: "JSON" };
+    $$renderer2.push(`<div${$14.attr_class($14.clsx(classNames("conversation-export-actions", className)), "svelte-ob3hx8")}><div class="sr-only" aria-live="polite" aria-atomic="true">`);
+    if (copyState.copiedKey) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`Copied as ${$14.escape(formatLabels[copyState.copiedKey])}`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    Dropdown($$renderer2, {
+      id,
+      children: ($$renderer3) => {
+        Dropdown_trigger($$renderer3, {
+          class: "export-trigger",
+          "aria-label": "Export conversation",
+          showCaret: false,
+          children: ($$renderer4) => {
+            Copy($$renderer4, { class: "icon-sm" });
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        Dropdown_menu($$renderer3, {
+          children: ($$renderer4) => {
+            Dropdown_item($$renderer4, {
+              onclick: handleExportMarkdown,
+              children: ($$renderer5) => {
+                if (copyState.copiedKey === "markdown") {
+                  $$renderer5.push("<!--[0-->");
+                  Check($$renderer5, { class: "icon-sm export-icon-success" });
+                } else {
+                  $$renderer5.push("<!--[-1-->");
+                  File_text($$renderer5, { class: "icon-sm" });
+                }
+                $$renderer5.push(`<!--]--> <span>Copy as ${$14.escape(formatLabels.markdown)}</span> `);
+                if (copyState.copiedKey === "markdown") {
+                  $$renderer5.push("<!--[0-->");
+                  $$renderer5.push(`<span class="copied-label svelte-ob3hx8">Copied!</span>`);
+                } else {
+                  $$renderer5.push("<!--[-1-->");
+                }
+                $$renderer5.push(`<!--]-->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            Dropdown_item($$renderer4, {
+              onclick: handleExportJSON,
+              children: ($$renderer5) => {
+                if (copyState.copiedKey === "json") {
+                  $$renderer5.push("<!--[0-->");
+                  Check($$renderer5, { class: "icon-sm export-icon-success" });
+                } else {
+                  $$renderer5.push("<!--[-1-->");
+                  File_code($$renderer5, { class: "icon-sm" });
+                }
+                $$renderer5.push(`<!--]--> <span>Copy as ${$14.escape(formatLabels.json)}</span> `);
+                if (copyState.copiedKey === "json") {
+                  $$renderer5.push("<!--[0-->");
+                  $$renderer5.push(`<span class="copied-label svelte-ob3hx8">Copied!</span>`);
+                } else {
+                  $$renderer5.push("<!--[-1-->");
+                }
+                $$renderer5.push(`<!--]-->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!---->`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+// src/components/chat-conversation-list/conversation-summary.ts
+function metadataNumber(metadata, key) {
+  const value = metadata[key];
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : 0;
+}
+function metadataStringArray(metadata, key) {
+  const value = metadata[key];
+  if (!Array.isArray(value))
+    return [];
+  return value.filter((item) => typeof item === "string" && item.trim() !== "");
+}
+function fallbackTitle(message) {
+  if (!message)
+    return "Untitled conversation";
+  const text = getMessageText(message).trim().replace(/\s+/g, " ");
+  if (text.length === 0)
+    return "Untitled conversation";
+  return text.length > 64 ? `${text.slice(0, 61)}...` : text;
+}
+function deriveConversationSummary(conversation) {
+  const messages = getMessages(conversation);
+  const lastMessage = messages.at(-1);
+  const title = conversation.title?.trim() || fallbackTitle(lastMessage);
+  return {
+    id: conversation.id,
+    title,
+    status: conversation.status,
+    messageCount: messages.length,
+    unreadCount: metadataNumber(conversation.metadata, "_unreadCount"),
+    updatedAt: conversation.updatedAt,
+    createdAt: conversation.createdAt,
+    participantNames: metadataStringArray(conversation.metadata, "_participantNames"),
+    ...lastMessage ? {
+      lastMessageId: lastMessage.id,
+      lastMessageRole: lastMessage.role,
+      lastMessageText: getMessageText(lastMessage),
+      lastMessageAt: lastMessage.createdAt
+    } : {}
+  };
+}
+function conversationSummaryTimestamp(summary) {
+  const timestamp = summary.lastMessageAt ?? summary.updatedAt ?? summary.createdAt;
+  const time = Date.parse(timestamp);
+  return Number.isNaN(time) ? 0 : time;
+}
+
+// src/components/chat-conversation-header/chat-conversation-header.svelte
+function Chat_conversation_header($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      conversation,
+      headingLevel = 2,
+      showExportActions = true,
+      class: className,
+      actions,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const summary = $15.derived(() => deriveConversationSummary(conversation));
+    const headingTag = $15.derived(() => `h${headingLevel}`);
+    const participantLabel = $15.derived(() => summary().participantNames.length === 0 ? undefined : summary().participantNames.length <= 2 ? summary().participantNames.join(", ") : `${summary().participantNames.slice(0, 2).join(", ")} +${summary().participantNames.length - 2}`);
+    const fullParticipantLabel = $15.derived(() => summary().participantNames.join(", "));
+    $$renderer2.push(`<header${$15.attributes({
+      class: $15.clsx(classNames("cinder-chat-conversation-header", className)),
+      ...rest
+    })}><div class="cinder-chat-conversation-header__main">`);
+    $15.element($$renderer2, headingTag(), () => {
+      $$renderer2.push(` class="cinder-chat-conversation-header__title"`);
+    }, () => {
+      $$renderer2.push(`${$15.escape(summary().title)}`);
+    });
+    $$renderer2.push(` <p class="cinder-chat-conversation-header__meta">${$15.escape(summary().messageCount)}
+      ${$15.escape(summary().messageCount === 1 ? "message" : "messages")} <span aria-hidden="true">·</span> <span class="cinder-chat-conversation-header__status">${$15.escape(summary().status)}</span> `);
+    if (participantLabel()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span aria-hidden="true">·</span> <span${$15.attr("title", fullParticipantLabel())}${$15.attr("aria-label", fullParticipantLabel())}>${$15.escape(participantLabel())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></p></div> `);
+    if (showExportActions || actions) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-chat-conversation-header__actions">`);
+      if (showExportActions) {
+        $$renderer2.push("<!--[0-->");
+        Conversation_export_actions($$renderer2, { id: `${conversation.id}-export-actions`, conversation });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (actions) {
+        $$renderer2.push("<!--[0-->");
+        actions($$renderer2, summary());
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></header>`);
+  });
+}
+
+// src/components/chat-conversation-header/index.ts
+var chat_conversation_header_default = Chat_conversation_header;
+export {
+  chat_conversation_header_default as default,
+  Chat_conversation_header as ChatConversationHeader
+};
+
+//# debugId=9F40C5E82C8DEDAC64756E2164756E21