@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/server/index.server-3qdm4kcn.js

@@ -1,1028 +0,0 @@
-import {
-  Surface
-} from "./index.server-x1dha7bk.js";
-import {
-  Spinner
-} from "./index.server-d2nn25sg.js";
-import {
-  Kbd
-} from "./index.server-02tkmzvs.js";
-import {
-  Segment
-} from "./index.server-xpad931e.js";
-import {
-  Segmented_control
-} from "./index.server-ndss6byn.js";
-import {
-  formatBytes
-} from "./index.server-w6am2dxc.js";
-import {
-  Refresh_cw
-} from "./index.server-1nm6seqc.js";
-import {
-  Chevron_down,
-  Chevron_left,
-  Chevron_right,
-  Rotate_ccw
-} from "./index.server-mm1xa3kr.js";
-import {
-  File_text
-} from "./index.server-yq9evnp4.js";
-import {
-  Badge
-} from "./index.server-thedzn9z.js";
-import {
-  Button
-} from "./index.server-t859hsx1.js";
-import {
-  classNames
-} from "./index.server-z7nvkz8v.js";
-
-// src/components/diff-viewer/diff-viewer.svelte
-import * as $6 from "svelte/internal/server";
-import { computeLineDiff as computeLineDiff2, getDiffStats, groupIntoHunks } from "@lostgradient/cinder/markdown/diff/line-diff";
-
-// src/components/diff-viewer/diff-controller.svelte.ts
-import * as $ from "svelte/internal/server";
-import { computeLineDiff } from "@lostgradient/cinder/markdown/diff/line-diff";
-var DEFAULT_OPTIONS = {
-  debouncedThreshold: 20000,
-  manualThreshold: 1e5,
-  debounceMs: 500
-};
-function createDiffController(options = {}) {
-  const config = { ...DEFAULT_OPTIONS, ...options };
-  let original = "";
-  let current = "";
-  let diffs = [];
-  let isComputing = false;
-  let lastComputeTime = null;
-  let isStale = false;
-  let computeVersion = 0;
-  let computeTimeout = null;
-  let idleCallbackHandle = null;
-  let asyncComputeTimeout = null;
-  const documentSize = $.derived(() => Math.max(original.length, current.length));
-  const tier = $.derived(() => {
-    if (documentSize() >= config.manualThreshold)
-      return "manual";
-    if (documentSize() >= config.debouncedThreshold)
-      return "debounced";
-    return "realtime";
-  });
-  const warning = $.derived(() => {
-    if (tier() === "manual") {
-      return `Large document (${formatBytes(documentSize())}). Diff updates require manual trigger.`;
-    }
-    if (tier() === "debounced") {
-      return `Medium document (${formatBytes(documentSize())}). Diff updates are debounced.`;
-    }
-    return null;
-  });
-  function performCompute(orig, curr, size) {
-    const version = ++computeVersion;
-    isComputing = true;
-    const doCompute = () => {
-      if (computeVersion !== version || original !== orig || current !== curr) {
-        if (computeVersion === version) {
-          isComputing = false;
-        }
-        return;
-      }
-      const start = performance.now();
-      try {
-        diffs = computeLineDiff(orig, curr);
-        lastComputeTime = performance.now() - start;
-        if (original === orig && current === curr) {
-          isStale = false;
-        }
-      } catch (error) {
-        console.error("Diff computation failed:", error);
-        diffs = [];
-        lastComputeTime = null;
-      } finally {
-        isComputing = false;
-      }
-    };
-    if (idleCallbackHandle !== null && typeof cancelIdleCallback !== "undefined") {
-      cancelIdleCallback(idleCallbackHandle);
-      idleCallbackHandle = null;
-    }
-    if (asyncComputeTimeout !== null) {
-      clearTimeout(asyncComputeTimeout);
-      asyncComputeTimeout = null;
-    }
-    if (size > 50000 && typeof requestIdleCallback !== "undefined") {
-      idleCallbackHandle = requestIdleCallback(doCompute, { timeout: 2000 });
-    } else if (size > 50000) {
-      asyncComputeTimeout = setTimeout(doCompute, 10);
-    } else {
-      doCompute();
-    }
-  }
-  function scheduleCompute(orig, curr) {
-    if (computeTimeout) {
-      clearTimeout(computeTimeout);
-      computeTimeout = null;
-    }
-    const size = Math.max(orig.length, curr.length);
-    const currentTier = size >= config.manualThreshold ? "manual" : size >= config.debouncedThreshold ? "debounced" : "realtime";
-    if (currentTier === "manual") {
-      isStale = true;
-      return;
-    }
-    if (currentTier === "debounced") {
-      isStale = true;
-      computeTimeout = setTimeout(() => {
-        performCompute(orig, curr, size);
-      }, config.debounceMs);
-      return;
-    }
-    performCompute(orig, curr, size);
-  }
-  return {
-    get state() {
-      return {
-        tier: tier(),
-        diffs,
-        isComputing,
-        lastComputeTime,
-        documentSize: documentSize(),
-        warning: warning(),
-        isStale
-      };
-    },
-    get original() {
-      return original;
-    },
-    set original(value) {
-      original = value;
-    },
-    get current() {
-      return current;
-    },
-    set current(value) {
-      current = value;
-    },
-    setOriginal(value) {
-      original = value;
-    },
-    setCurrent(value) {
-      current = value;
-    },
-    triggerCompute() {
-      const size = Math.max(original.length, current.length);
-      performCompute(original, current, size);
-    },
-    destroy() {
-      if (computeTimeout) {
-        clearTimeout(computeTimeout);
-        computeTimeout = null;
-      }
-      if (idleCallbackHandle !== null && typeof cancelIdleCallback !== "undefined") {
-        cancelIdleCallback(idleCallbackHandle);
-        idleCallbackHandle = null;
-      }
-      if (asyncComputeTimeout !== null) {
-        clearTimeout(asyncComputeTimeout);
-        asyncComputeTimeout = null;
-      }
-    }
-  };
-}
-
-// src/components/diff-viewer/diff-front-matter.svelte
-import * as $4 from "svelte/internal/server";
-
-// src/components/diff-viewer/front-matter-header.svelte
-import * as $2 from "svelte/internal/server";
-function Front_matter_header($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      id,
-      controlsId,
-      label = "Front Matter",
-      expanded = true,
-      badgeLabel,
-      badgeVariant = "neutral",
-      badgeSize = "xs",
-      variant = "panel",
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const showBadge = $2.derived(() => Boolean(badgeLabel));
-    function toggleExpanded() {
-      expanded = !expanded;
-    }
-    function handleKeydown(event) {
-      if (event.key === "Enter" && !expanded) {
-        event.preventDefault();
-        expanded = true;
-      } else if (event.key === "Escape" && expanded && !event.defaultPrevented) {
-        event.preventDefault();
-        expanded = false;
-      }
-    }
-    $$renderer2.push(`<button${$2.attributes({
-      type: "button",
-      id,
-      class: $2.clsx(classNames("front-matter-header", className)),
-      "data-expanded": expanded ? "true" : "false",
-      "data-variant": variant,
-      "aria-expanded": expanded,
-      "aria-controls": controlsId,
-      ...rest
-    }, "svelte-1rp9so4")}><span class="front-matter-icon svelte-1rp9so4">`);
-    if (expanded) {
-      $$renderer2.push("<!--[0-->");
-      Chevron_down($$renderer2, { class: "cinder-icon-sm" });
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      Chevron_right($$renderer2, { class: "cinder-icon-sm" });
-    }
-    $$renderer2.push(`<!--]--></span> `);
-    File_text($$renderer2, { class: "cinder-icon-sm" });
-    $$renderer2.push(`<!----> <span class="front-matter-label svelte-1rp9so4">${$2.escape(label)}</span> `);
-    if (showBadge()) {
-      $$renderer2.push("<!--[0-->");
-      Badge($$renderer2, {
-        variant: badgeVariant,
-        size: badgeSize,
-        children: ($$renderer3) => {
-          $$renderer3.push(`<!---->${$2.escape(badgeLabel ?? "")}`);
-        },
-        $$slots: { default: true }
-      });
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></button>`);
-    $2.bind_props($$props, { expanded });
-  }, Front_matter_header);
-}
-
-// src/components/diff-viewer/diff-line.svelte
-import * as $3 from "svelte/internal/server";
-function Diff_line($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      diff,
-      viewMode,
-      selected = false,
-      onselect,
-      wordChangeRenderer,
-      class: className
-    } = $$props;
-    const isVisible = $3.derived(() => {
-      if (diff.type === "same")
-        return true;
-      if (viewMode === "unified")
-        return true;
-      if (viewMode === "final")
-        return diff.type !== "removed";
-      if (viewMode === "original")
-        return diff.type !== "added";
-      return true;
-    });
-    const isInteractive = $3.derived(() => diff.type !== "same" && onselect !== undefined);
-    const accessibleLineLabel = $3.derived(() => {
-      const text = diff.type === "modified" ? viewMode === "original" ? diff.oldText : viewMode === "final" ? diff.newText : `${diff.oldText} changed to ${diff.newText}` : diff.text;
-      const typeLabel = diff.type === "added" ? "Added line" : diff.type === "removed" ? "Removed line" : "Modified line";
-      return `${typeLabel}: ${text || "blank line"}`;
-    });
-    if (isVisible()) {
-      $$renderer2.push("<!--[0-->");
-      if (diff.type === "same") {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div${$3.attr_class($3.clsx(classNames("diff-line", className)), "svelte-hc3elb")}><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb">${$3.escape(diff.text || " ")}</span></div>`);
-      } else if (diff.type === "added") {
-        $$renderer2.push("<!--[1-->");
-        if (isInteractive()) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$3.attr_class($3.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$3.attr("data-selected", selected)}${$3.attr("aria-label", accessibleLineLabel())} type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$3.escape(diff.text || " ")}</span></button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<div${$3.attr_class($3.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$3.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$3.escape(diff.text || " ")}</span></div>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else if (diff.type === "removed") {
-        $$renderer2.push("<!--[2-->");
-        const showStrikethrough = viewMode === "unified";
-        if (isInteractive()) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$3.attr_class($3.clsx(classNames("diff-line", showStrikethrough ? "diff-line-removed" : "diff-line-removed-original", className)), "svelte-hc3elb")}${$3.attr("data-selected", selected)}${$3.attr("aria-label", accessibleLineLabel())} type="button"><span class="diff-gutter svelte-hc3elb">${$3.escape(showStrikethrough ? "-" : "")}</span> <span class="diff-text svelte-hc3elb">`);
-          if (showStrikethrough) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<del class="svelte-hc3elb">${$3.escape(diff.text || " ")}</del>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$3.escape(diff.text || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<div${$3.attr_class($3.clsx(classNames("diff-line", showStrikethrough ? "diff-line-removed" : "diff-line-removed-original", className)), "svelte-hc3elb")}${$3.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">${$3.escape(showStrikethrough ? "-" : "")}</span> <span class="diff-text svelte-hc3elb">`);
-          if (showStrikethrough) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<del class="svelte-hc3elb">${$3.escape(diff.text || " ")}</del>`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$3.escape(diff.text || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></div>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else if (diff.type === "modified") {
-        $$renderer2.push("<!--[3-->");
-        const lineClass = viewMode === "unified" ? "diff-line-modified" : viewMode === "final" ? "diff-line-modified-final" : "diff-line-modified-original";
-        const displayText = viewMode === "unified" ? null : viewMode === "final" ? diff.newText : diff.oldText;
-        if (isInteractive()) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$3.attr_class($3.clsx(classNames("diff-line", lineClass, className)), "svelte-hc3elb")}${$3.attr("data-selected", selected)}${$3.attr("aria-label", accessibleLineLabel())} type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb">`);
-          if (viewMode === "unified") {
-            $$renderer2.push("<!--[0-->");
-            if (wordChangeRenderer) {
-              $$renderer2.push("<!--[0-->");
-              wordChangeRenderer($$renderer2, { changes: diff.wordChanges });
-              $$renderer2.push(`<!---->`);
-            } else {
-              $$renderer2.push("<!--[-1-->");
-              $$renderer2.push(`<span class="word-changes svelte-hc3elb"><!--[-->`);
-              const each_array = $3.ensure_array_like(diff.wordChanges);
-              for (let widx = 0, $$length = each_array.length;widx < $$length; widx++) {
-                let wordChange = each_array[widx];
-                if (wordChange.type === "same") {
-                  $$renderer2.push("<!--[0-->");
-                  $$renderer2.push(`<span>${$3.escape(wordChange.text)}</span>`);
-                } else if (wordChange.type === "removed") {
-                  $$renderer2.push("<!--[1-->");
-                  $$renderer2.push(`<del class="word-removed svelte-hc3elb">${$3.escape(wordChange.text)}</del>`);
-                } else if (wordChange.type === "added") {
-                  $$renderer2.push("<!--[2-->");
-                  $$renderer2.push(`<ins class="word-added svelte-hc3elb">${$3.escape(wordChange.text)}</ins>`);
-                } else {
-                  $$renderer2.push("<!--[-1-->");
-                }
-                $$renderer2.push(`<!--]-->`);
-              }
-              $$renderer2.push(`<!--]--></span>`);
-            }
-            $$renderer2.push(`<!--]-->`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$3.escape(displayText || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></button>`);
-        } else {
-          $$renderer2.push("<!--[-1-->");
-          $$renderer2.push(`<div${$3.attr_class($3.clsx(classNames("diff-line", lineClass, className)), "svelte-hc3elb")}${$3.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb">`);
-          if (viewMode === "unified") {
-            $$renderer2.push("<!--[0-->");
-            if (wordChangeRenderer) {
-              $$renderer2.push("<!--[0-->");
-              wordChangeRenderer($$renderer2, { changes: diff.wordChanges });
-              $$renderer2.push(`<!---->`);
-            } else {
-              $$renderer2.push("<!--[-1-->");
-              $$renderer2.push(`<span class="word-changes svelte-hc3elb"><!--[-->`);
-              const each_array_1 = $3.ensure_array_like(diff.wordChanges);
-              for (let widx = 0, $$length = each_array_1.length;widx < $$length; widx++) {
-                let wordChange = each_array_1[widx];
-                if (wordChange.type === "same") {
-                  $$renderer2.push("<!--[0-->");
-                  $$renderer2.push(`<span>${$3.escape(wordChange.text)}</span>`);
-                } else if (wordChange.type === "removed") {
-                  $$renderer2.push("<!--[1-->");
-                  $$renderer2.push(`<del class="word-removed svelte-hc3elb">${$3.escape(wordChange.text)}</del>`);
-                } else if (wordChange.type === "added") {
-                  $$renderer2.push("<!--[2-->");
-                  $$renderer2.push(`<ins class="word-added svelte-hc3elb">${$3.escape(wordChange.text)}</ins>`);
-                } else {
-                  $$renderer2.push("<!--[-1-->");
-                }
-                $$renderer2.push(`<!--]-->`);
-              }
-              $$renderer2.push(`<!--]--></span>`);
-            }
-            $$renderer2.push(`<!--]-->`);
-          } else {
-            $$renderer2.push("<!--[-1-->");
-            $$renderer2.push(`${$3.escape(displayText || " ")}`);
-          }
-          $$renderer2.push(`<!--]--></span></div>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]-->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-  }, Diff_line);
-}
-
-// src/components/diff-viewer/diff-front-matter.svelte
-function Diff_front_matter($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      id = "front-matter",
-      diffs,
-      viewMode,
-      expanded = true,
-      badgeLabel = null,
-      badgeVariant = "warning",
-      wordChangeRenderer,
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const hasChanges = $4.derived(() => diffs.some((d) => d.type !== "same"));
-    const toggleId = $4.derived(() => `${id}-toggle`);
-    const contentId = $4.derived(() => `${id}-content`);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$4.attributes({
-        class: $4.clsx(classNames("front-matter-section", className)),
-        "data-has-changes": hasChanges(),
-        ...rest
-      }, "svelte-113383m")}>`);
-      Front_matter_header($$renderer3, {
-        id: toggleId(),
-        controlsId: contentId(),
-        variant: "inline",
-        badgeLabel,
-        badgeVariant,
-        get expanded() {
-          return expanded;
-        },
-        set expanded($$value) {
-          expanded = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      if (expanded) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div${$4.attr("id", contentId())} class="front-matter-content svelte-113383m"><!--[-->`);
-        const each_array = $4.ensure_array_like(diffs);
-        for (let idx = 0, $$length = each_array.length;idx < $$length; idx++) {
-          let lineDiff = each_array[idx];
-          Diff_line($$renderer3, { diff: lineDiff, viewMode, wordChangeRenderer });
-        }
-        $$renderer3.push(`<!--]--></div>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $4.bind_props($$props, { expanded });
-  }, Diff_front_matter);
-}
-
-// src/components/diff-viewer/diff-toolbar.svelte
-import * as $5 from "svelte/internal/server";
-function Diff_toolbar($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      viewMode = "unified",
-      stats,
-      changeCount,
-      currentChangeIndex,
-      hasChanges,
-      readonly = false,
-      diffState,
-      onjumpnext,
-      onjumpprevious,
-      onrevertall,
-      ontriggercompute,
-      actions,
-      class: className,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const tier = $5.derived(() => diffState?.tier ?? "realtime");
-    const isStale = $5.derived(() => diffState?.isStale ?? false);
-    const isComputing = $5.derived(() => diffState?.isComputing ?? false);
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$5.attributes({
-        class: $5.clsx(classNames("diff-toolbar", className)),
-        ...rest
-      }, "svelte-1p8ursg")}><div class="toolbar-left svelte-1p8ursg">`);
-      Segmented_control($$renderer3, {
-        id: "diff-view-mode",
-        selectionMode: "single",
-        size: "sm",
-        label: "View mode",
-        hideLabel: true,
-        get value() {
-          return viewMode;
-        },
-        set value($$value) {
-          viewMode = $$value;
-          $$settled = false;
-        },
-        children: ($$renderer4) => {
-          Segment($$renderer4, {
-            value: "unified",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Unified`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Segment($$renderer4, {
-            value: "final",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Final`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!----> `);
-          Segment($$renderer4, {
-            value: "original",
-            children: ($$renderer5) => {
-              $$renderer5.push(`<!---->Original`);
-            },
-            $$slots: { default: true }
-          });
-          $$renderer4.push(`<!---->`);
-        },
-        $$slots: { default: true }
-      });
-      $$renderer3.push(`<!----> <div class="stats svelte-1p8ursg">`);
-      if (stats.added > 0) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "success",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->+${$5.escape(stats.added)}`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (stats.removed > 0) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "danger",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->-${$5.escape(stats.removed)}`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (stats.modified > 0) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "accent",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->~${$5.escape(stats.modified)}`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (stats.added === 0 && stats.removed === 0 && stats.modified === 0) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (isStale()) {
-        $$renderer3.push("<!--[0-->");
-        Badge($$renderer3, {
-          variant: "warning",
-          size: "xs",
-          class: "stat-badge",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->Outdated`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (isComputing()) {
-        $$renderer3.push("<!--[0-->");
-        Spinner($$renderer3, { size: "sm" });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--></div></div> <div class="toolbar-right svelte-1p8ursg">`);
-      if (actions) {
-        $$renderer3.push("<!--[0-->");
-        actions($$renderer3);
-        $$renderer3.push(`<!---->`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (hasChanges && !readonly && onrevertall) {
-        $$renderer3.push("<!--[0-->");
-        Button($$renderer3, {
-          variant: "secondary",
-          size: "xs",
-          onclick: onrevertall,
-          children: ($$renderer4) => {
-            Rotate_ccw($$renderer4, { class: "cinder-icon-sm" });
-            $$renderer4.push(`<!----> Revert All`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (tier() === "manual" && ontriggercompute) {
-        $$renderer3.push("<!--[0-->");
-        Button($$renderer3, {
-          variant: "secondary",
-          size: "xs",
-          onclick: ontriggercompute,
-          disabled: isComputing(),
-          children: ($$renderer4) => {
-            Refresh_cw($$renderer4, { class: "cinder-icon-sm" });
-            $$renderer4.push(`<!----> Compute Diff`);
-          },
-          $$slots: { default: true }
-        });
-      } else {
-        $$renderer3.push("<!--[-1-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (hasChanges) {
-        $$renderer3.push("<!--[0-->");
-        if (changeCount > 0) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="navigation svelte-1p8ursg">`);
-          Button($$renderer3, {
-            variant: "ghost",
-            size: "xs",
-            onclick: onjumpprevious,
-            "aria-label": "Previous change",
-            children: ($$renderer4) => {
-              Chevron_left($$renderer4, { class: "cinder-icon-sm" });
-            },
-            $$slots: { default: true }
-          });
-          $$renderer3.push(`<!----> <span class="change-counter svelte-1p8ursg">${$5.escape(currentChangeIndex >= 0 ? currentChangeIndex + 1 : "-")} / ${$5.escape(changeCount)}</span> `);
-          Button($$renderer3, {
-            variant: "ghost",
-            size: "xs",
-            onclick: onjumpnext,
-            "aria-label": "Next change",
-            children: ($$renderer4) => {
-              Chevron_right($$renderer4, { class: "cinder-icon-sm" });
-            },
-            $$slots: { default: true }
-          });
-          $$renderer3.push(`<!----></div> <div class="shortcuts svelte-1p8ursg">`);
-          Kbd($$renderer3, { label: "[" });
-          $$renderer3.push(`<!----> `);
-          Kbd($$renderer3, { label: "]" });
-          $$renderer3.push(`<!----></div>`);
-        } else {
-          $$renderer3.push("<!--[-1-->");
-          $$renderer3.push(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
-        }
-        $$renderer3.push(`<!--]-->`);
-      } else {
-        $$renderer3.push("<!--[-1-->");
-        Badge($$renderer3, {
-          variant: "success",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->No changes`);
-          },
-          $$slots: { default: true }
-        });
-      }
-      $$renderer3.push(`<!--]--></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $5.bind_props($$props, { viewMode });
-  }, Diff_toolbar);
-}
-
-// src/components/diff-viewer/diff-viewer.svelte
-function Diff_viewer($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const instanceId = $6.props_id($$renderer2);
-    function normalizeForDiff(markdown) {
-      if (!markdown.trim())
-        return `
-`;
-      return markdown.replace(/\r\n?/g, `
-`).replace(/^(\s*)[*+] /gm, "$1- ").replace(/^([-*+] .*)$\n\n(?=[-*+] )/gm, `$1
-`).replace(/^(\d+\. .*)$\n\n(?=\d+\. )/gm, `$1
-`).replace(/\n{3,}/g, `
-
-`).replace(/^\n+/, "").replace(/\n+$/, `
-`);
-    }
-    function getFrontMatterBlock(markdown) {
-      const normalized = markdown.replace(/\r\n?/g, `
-`);
-      const match = /^---\n([\s\S]*?)\n---(?:\n|$)/.exec(normalized);
-      if (!match) {
-        return { hasFrontMatter: false, raw: null, body: markdown, text: "" };
-      }
-      return {
-        hasFrontMatter: true,
-        raw: match[1] ?? "",
-        body: normalized.slice(match[0].length),
-        text: `---
-${match[1] ?? ""}
----`
-      };
-    }
-    let {
-      original,
-      current,
-      normalizeInputs = true,
-      onrevertall,
-      onreverthunk,
-      readonly = false,
-      hunks: bindableHunks = [],
-      viewMode = "unified",
-      toolbarActions,
-      toolbar,
-      class: className
-    } = $$props;
-    let userSelectedIndex = null;
-    let frontMatterExpanded = true;
-    const originalParsed = $6.derived(() => getFrontMatterBlock(original));
-    const currentParsed = $6.derived(() => getFrontMatterBlock(current));
-    const hasFrontMatter = $6.derived(() => originalParsed().hasFrontMatter || currentParsed().hasFrontMatter);
-    const originalFrontMatterText = $6.derived(() => originalParsed().text);
-    const currentFrontMatterText = $6.derived(() => currentParsed().text);
-    const normalizedOriginalBody = $6.derived(() => normalizeInputs ? normalizeForDiff(originalParsed().body) : originalParsed().body);
-    const normalizedCurrentBody = $6.derived(() => normalizeInputs ? normalizeForDiff(currentParsed().body) : currentParsed().body);
-    const frontMatterDiffs = $6.derived(() => hasFrontMatter() ? computeLineDiff2(originalFrontMatterText(), currentFrontMatterText()) : []);
-    const hasFrontMatterChanges = $6.derived(() => frontMatterDiffs().some((d) => d.type !== "same"));
-    const diffController = createDiffController();
-    const diffState = $6.derived(() => diffController.state);
-    const lineDiffs = $6.derived(() => diffState().diffs);
-    const changedLineIndices = $6.derived(() => {
-      const result = [];
-      for (let i = 0;i < lineDiffs().length; i++) {
-        const diff = lineDiffs()[i];
-        if (!diff)
-          continue;
-        if (diff.type === "same")
-          continue;
-        if (viewMode === "final" && diff.type === "removed")
-          continue;
-        if (viewMode === "original" && diff.type === "added")
-          continue;
-        result.push(i);
-      }
-      return result;
-    });
-    const selectedLineIndex = $6.derived(() => userSelectedIndex !== null && changedLineIndices().includes(userSelectedIndex) ? userSelectedIndex : changedLineIndices().length > 0 ? changedLineIndices()[0] ?? null : null);
-    const changeCount = $6.derived(() => changedLineIndices().length);
-    const currentChangeIndex = $6.derived(() => selectedLineIndex() !== null ? changedLineIndices().indexOf(selectedLineIndex()) : -1);
-    const bodyStats = $6.derived(() => getDiffStats(lineDiffs()));
-    const frontMatterStats = $6.derived(() => getDiffStats(frontMatterDiffs()));
-    const diffStats = $6.derived(() => ({
-      added: bodyStats().added + frontMatterStats().added,
-      removed: bodyStats().removed + frontMatterStats().removed,
-      modified: bodyStats().modified + frontMatterStats().modified
-    }));
-    const hasAnyChanges = $6.derived(() => changeCount() > 0 || hasFrontMatterChanges());
-    const computedHunks = $6.derived(() => groupIntoHunks(lineDiffs()));
-    const hunkStartMap = $6.derived(() => {
-      const map = new Map;
-      const changedIndices = [];
-      for (let i = 0;i < lineDiffs().length; i++) {
-        if (lineDiffs()[i]?.type !== "same") {
-          changedIndices.push(i);
-        }
-      }
-      let changeIndex = 0;
-      for (const hunk of computedHunks()) {
-        const hunkChangeCount = hunk.lines.filter((l) => l.type !== "same").length;
-        if (hunkChangeCount > 0 && changeIndex < changedIndices.length) {
-          const changedIndex = changedIndices[changeIndex];
-          if (changedIndex !== undefined) {
-            map.set(changedIndex, hunk);
-          }
-          changeIndex += hunkChangeCount;
-        }
-      }
-      return map;
-    });
-    function getHunks() {
-      return bindableHunks;
-    }
-    const toolbarContext = $6.derived(() => ({
-      hunks: computedHunks(),
-      stats: diffStats(),
-      hasChanges: hasAnyChanges(),
-      viewMode
-    }));
-    function jumpToNext() {
-      if (changedLineIndices().length === 0)
-        return;
-      const currentIdx = currentChangeIndex();
-      const nextIdx = currentIdx < changedLineIndices().length - 1 ? currentIdx + 1 : 0;
-      userSelectedIndex = changedLineIndices()[nextIdx] ?? null;
-    }
-    function jumpToPrevious() {
-      if (changedLineIndices().length === 0)
-        return;
-      const currentIdx = currentChangeIndex();
-      const prevIdx = currentIdx > 0 ? currentIdx - 1 : changedLineIndices().length - 1;
-      userSelectedIndex = changedLineIndices()[prevIdx] ?? null;
-    }
-    function selectLine(index) {
-      userSelectedIndex = index;
-    }
-    function handleRevertHunk(hunk) {
-      onreverthunk?.(hunk.index, hunk);
-    }
-    const VIEW_MODES = ["unified", "final", "original"];
-    function handleKeydown(event) {
-      const target = event.target;
-      if (target.matches("input, textarea, [contenteditable]"))
-        return;
-      if (event.key === "]") {
-        event.preventDefault();
-        jumpToNext();
-      } else if (event.key === "[") {
-        event.preventDefault();
-        jumpToPrevious();
-      } else if (event.ctrlKey && event.shiftKey && event.key === "D") {
-        event.preventDefault();
-        const currentIndex = VIEW_MODES.indexOf(viewMode);
-        viewMode = VIEW_MODES[(currentIndex + 1) % VIEW_MODES.length] ?? "unified";
-      }
-    }
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      Surface($$renderer3, {
-        class: classNames("diff-viewer", className),
-        "data-ready": !diffState().isComputing && !diffState().isStale ? true : undefined,
-        children: ($$renderer4) => {
-          if (toolbar) {
-            $$renderer4.push("<!--[0-->");
-            toolbar($$renderer4, toolbarContext());
-            $$renderer4.push(`<!---->`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-            {
-              let actions = function($$renderer5) {
-                if (toolbarActions) {
-                  $$renderer5.push("<!--[0-->");
-                  toolbarActions($$renderer5, toolbarContext());
-                  $$renderer5.push(`<!---->`);
-                } else {
-                  $$renderer5.push("<!--[-1-->");
-                }
-                $$renderer5.push(`<!--]-->`);
-              };
-              Diff_toolbar($$renderer4, {
-                stats: diffStats(),
-                changeCount: changeCount(),
-                currentChangeIndex: currentChangeIndex(),
-                hasChanges: hasAnyChanges(),
-                readonly,
-                diffState: diffState(),
-                onjumpnext: jumpToNext,
-                onjumpprevious: jumpToPrevious,
-                onrevertall,
-                ontriggercompute: () => diffController.triggerCompute(),
-                get viewMode() {
-                  return viewMode;
-                },
-                set viewMode($$value) {
-                  viewMode = $$value;
-                  $$settled = false;
-                },
-                actions,
-                $$slots: { actions: true }
-              });
-            }
-          }
-          $$renderer4.push(`<!--]--> `);
-          if (diffState().warning) {
-            $$renderer4.push("<!--[0-->");
-            $$renderer4.push(`<div class="diff-warning svelte-1fvc2en" role="status">${$6.escape(diffState().warning)} `);
-            if (diffState().lastComputeTime !== null) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<span class="compute-time svelte-1fvc2en">(Last: ${$6.escape(diffState().lastComputeTime.toFixed(0))}ms)</span>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--></div>`);
-          } else {
-            $$renderer4.push("<!--[-1-->");
-          }
-          $$renderer4.push(`<!--]--> <div class="diff-content svelte-1fvc2en">`);
-          if (hasFrontMatter()) {
-            $$renderer4.push("<!--[0-->");
-            Diff_front_matter($$renderer4, {
-              id: `${instanceId}-front-matter`,
-              diffs: frontMatterDiffs(),
-              viewMode,
-              badgeLabel: hasFrontMatterChanges() ? "Changed" : null,
-              badgeVariant: "warning",
-              get expanded() {
-                return frontMatterExpanded;
-              },
-              set expanded($$value) {
-                frontMatterExpanded = $$value;
-                $$settled = false;
-              }
-            });
-          } else {
-            $$renderer4.push("<!--[-1-->");
-          }
-          $$renderer4.push(`<!--]--> <!--[-->`);
-          const each_array = $6.ensure_array_like(lineDiffs());
-          for (let idx = 0, $$length = each_array.length;idx < $$length; idx++) {
-            let lineDiff = each_array[idx];
-            const isSelected = selectedLineIndex() === idx;
-            const hunkAtLine = hunkStartMap().get(idx);
-            if (hunkAtLine && !readonly && onreverthunk) {
-              $$renderer4.push("<!--[0-->");
-              $$renderer4.push(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en">@@ -${$6.escape(hunkAtLine.originalStart)},${$6.escape(hunkAtLine.originalCount)} +${$6.escape(hunkAtLine.currentStart)},${$6.escape(hunkAtLine.currentCount)}
-            @@</span> `);
-              Button($$renderer4, {
-                variant: "ghost",
-                size: "xs",
-                class: "hunk-revert-button",
-                onclick: () => handleRevertHunk(hunkAtLine),
-                "aria-label": "Revert this change",
-                children: ($$renderer5) => {
-                  Rotate_ccw($$renderer5, { class: "cinder-icon-xs" });
-                  $$renderer5.push(`<!----> Revert`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push(`<!----></div>`);
-            } else {
-              $$renderer4.push("<!--[-1-->");
-            }
-            $$renderer4.push(`<!--]--> `);
-            Diff_line($$renderer4, {
-              diff: lineDiff,
-              viewMode,
-              selected: isSelected,
-              onselect: () => selectLine(idx)
-            });
-            $$renderer4.push(`<!---->`);
-          }
-          $$renderer4.push(`<!--]--></div>`);
-        },
-        $$slots: { default: true }
-      });
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    $6.bind_props($$props, { hunks: bindableHunks, viewMode, getHunks });
-  }, Diff_viewer);
-}
-
-export { Diff_viewer };
-
-//# debugId=6E155025172D007A64756E2164756E21