@lostgradient/cinder 0.6.0 → 0.8.0

package/dist/server/index.server-j3ddzcaa.js

@@ -0,0 +1,1028 @@
+import {
+  Surface
+} from "./index.server-x1dha7bk.js";
+import {
+  Segmented_control
+} from "./index.server-jeqg2d22.js";
+import {
+  Segment
+} from "./index.server-e3fnv1g6.js";
+import {
+  Spinner
+} from "./index.server-d2nn25sg.js";
+import {
+  Kbd
+} from "./index.server-02tkmzvs.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=C03062EED98E617764756E2164756E21