@lostgradient/cinder 0.4.0 → 0.5.0

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

@@ -1,1666 +1,42 @@
-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;
+import {
+  Chat_conversation_header,
+  chat_conversation_header_default
+} from "../../index.server-v41vrqg7.js";
+import"../../index.server-hybyy2xe.js";
+import"../../index.server-z1qvwaem.js";
+import"../../index.server-bfkka7x4.js";
+import"../../index.server-tfftb7hs.js";
+import"../../index.server-bqjv32nb.js";
+import"../../index.server-gyg8tfq3.js";
+import"../../index.server-r84kvx9x.js";
+import"../../index.server-r70ezssy.js";
+import"../../index.server-sz8sxsj6.js";
+import"../../index.server-4rdkwmfb.js";
+import"../../index.server-et3p2cfq.js";
+import"../../index.server-ga7e445m.js";
+import"../../index.server-3jr3n02r.js";
+import"../../index.server-n16wn1ps.js";
+import"../../index.server-493m9fm5.js";
+import"../../index.server-94b7tjs5.js";
+import"../../index.server-edr3c033.js";
+import"../../index.server-rqe5bqgm.js";
+import"../../index.server-yq9evnp4.js";
+import"../../index.server-1vsv7ngz.js";
+import"../../index.server-6pdmym90.js";
+import"../../index.server-mc6vc1pm.js";
+import"../../index.server-htmd13mc.js";
+import"../../index.server-vmsmaztb.js";
+import"../../index.server-9r6rts7c.js";
+import"../../index.server-62p9v60x.js";
+import"../../index.server-wwk0f944.js";
+import"../../index.server-s4ynjgep.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-wckvcay0.js";
 export {
   chat_conversation_header_default as default,
   Chat_conversation_header as ChatConversationHeader
 };
 
-//# debugId=9F40C5E82C8DEDAC64756E2164756E21
+//# debugId=A9D0D7BE8447875764756E2164756E21