@lostgradient/cinder 0.1.0

package/dist/components/diff-viewer/index.js

@@ -0,0 +1,2532 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/diff-viewer/diff-viewer.svelte
+import"svelte/internal/disclose-version";
+import * as $21 from "svelte/internal/client";
+import { computeLineDiff as computeLineDiff2, getDiffStats, groupIntoHunks } from "@lostgradient/cinder/markdown/diff/line-diff";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/button/button.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+// ../../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/components/button/button.svelte
+var root_2 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_4 = $.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_5 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_3 = $.from_html(`<!> <!>`, 1);
+var root_8 = $.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+var root_9 = $.from_html(`<a><!></a>`);
+var root_10 = $.from_html(`<button><!></button>`);
+function Button($$anchor, $$props) {
+  $.push($$props, true);
+  const buttonContent = ($$anchor2) => {
+    var fragment = root_1();
+    var node = $.first_child(fragment);
+    {
+      var consequent = ($$anchor3) => {
+        var span = root_2();
+        var node_1 = $.child(span);
+        $.snippet(node_1, () => $$props.leadingIcon);
+        $.reset(span);
+        $.append($$anchor3, span);
+      };
+      $.if(node, ($$render) => {
+        if ($$props.leadingIcon)
+          $$render(consequent);
+      });
+    }
+    var node_2 = $.sibling(node, 2);
+    {
+      var consequent_3 = ($$anchor3) => {
+        var fragment_1 = root_3();
+        var node_3 = $.first_child(fragment_1);
+        {
+          var consequent_1 = ($$anchor4) => {
+            var span_1 = root_4();
+            var text2 = $.child(span_1, true);
+            $.reset(span_1);
+            $.template_effect(() => $.set_text(text2, $$props.label));
+            $.append($$anchor4, span_1);
+          };
+          $.if(node_3, ($$render) => {
+            if (!$.get(resolvedAriaLabel) && !$.get(resolvedAriaLabelledBy) && $$props.label)
+              $$render(consequent_1);
+          });
+        }
+        var node_4 = $.sibling(node_3, 2);
+        {
+          var consequent_2 = ($$anchor4) => {
+            var span_2 = root_5();
+            var node_5 = $.child(span_2);
+            $.snippet(node_5, () => $$props.children);
+            $.reset(span_2);
+            $.append($$anchor4, span_2);
+          };
+          $.if(node_4, ($$render) => {
+            if ($$props.children)
+              $$render(consequent_2);
+          });
+        }
+        $.append($$anchor3, fragment_1);
+      };
+      var consequent_4 = ($$anchor3) => {
+        var fragment_2 = $.comment();
+        var node_6 = $.first_child(fragment_2);
+        $.snippet(node_6, () => $$props.children);
+        $.append($$anchor3, fragment_2);
+      };
+      var alternate = ($$anchor3) => {
+        var text_1 = $.text();
+        $.template_effect(() => $.set_text(text_1, $$props.label));
+        $.append($$anchor3, text_1);
+      };
+      $.if(node_2, ($$render) => {
+        if (iconOnly())
+          $$render(consequent_3);
+        else if ($$props.children)
+          $$render(consequent_4, 1);
+        else
+          $$render(alternate, -1);
+      });
+    }
+    var node_7 = $.sibling(node_2, 2);
+    {
+      var consequent_5 = ($$anchor3) => {
+        var span_3 = root_8();
+        var node_8 = $.child(span_3);
+        $.snippet(node_8, () => $$props.trailingIcon);
+        $.reset(span_3);
+        $.append($$anchor3, span_3);
+      };
+      $.if(node_7, ($$render) => {
+        if ($$props.trailingIcon)
+          $$render(consequent_5);
+      });
+    }
+    $.append($$anchor2, fragment);
+  };
+  const variant = $.prop($$props, "variant", 3, "secondary"), size = $.prop($$props, "size", 3, "md"), fullWidth = $.prop($$props, "fullWidth", 3, false), loading = $.prop($$props, "loading", 3, false), iconOnly = $.prop($$props, "iconOnly", 3, false), rest = $.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "variant",
+    "size",
+    "fullWidth",
+    "loading",
+    "iconOnly",
+    "leadingIcon",
+    "trailingIcon",
+    "children",
+    "label",
+    "class",
+    "href",
+    "onclick",
+    "aria-disabled",
+    "aria-busy",
+    "aria-label",
+    "aria-labelledby"
+  ]);
+  const mergedClassName = $.derived(() => classNames("cinder-button", $$props.class));
+  const dataAttributes = $.derived(() => ({
+    "data-cinder-variant": variant(),
+    "data-cinder-size": size(),
+    "data-cinder-full-width": fullWidth() ? "" : undefined,
+    "data-cinder-loading": loading() ? "" : undefined,
+    "data-cinder-icon-only": iconOnly() ? "" : undefined
+  }));
+  const resolvedAriaDisabled = $.derived(() => loading() ? "true" : $$props["aria-disabled"]);
+  const resolvedAriaBusy = $.derived(() => loading() ? "true" : $$props["aria-busy"]);
+  const resolvedAriaLabel = $.derived(() => typeof $$props["aria-label"] === "string" && $$props["aria-label"].trim().length > 0 ? $$props["aria-label"] : undefined);
+  const resolvedAriaLabelledBy = $.derived(() => typeof $$props["aria-labelledby"] === "string" && $$props["aria-labelledby"].trim().length > 0 ? $$props["aria-labelledby"] : undefined);
+  const anchorAttributes = rest;
+  const buttonAttributes = rest;
+  const anchorTabIndex = $.derived(() => $$props.tabindex);
+  const buttonType = $.derived(() => $$props.type);
+  const buttonDisabled = $.derived(() => $$props.disabled ?? false);
+  function handleClick(event) {
+    if (loading()) {
+      event.preventDefault();
+      return;
+    }
+    if (typeof $$props.onclick === "function") {
+      $$props.onclick(event);
+    }
+  }
+  $.user_effect(() => {
+    const hasLabel = typeof $$props.label === "string" && $$props.label.trim().length > 0;
+    const hasChildren = Boolean($$props.children);
+    const hasAriaLabel = $.get(resolvedAriaLabel) !== undefined;
+    const hasAriaLabelledBy = $.get(resolvedAriaLabelledBy) !== undefined;
+    if (!hasLabel && !hasChildren && !hasAriaLabel && !hasAriaLabelledBy) {
+      devWarn("[cinder/Button] rendered without an accessible name — pass a non-empty `label`, `children`, `aria-label`, or `aria-labelledby`.");
+    }
+    if (iconOnly() && !hasAriaLabel && !hasAriaLabelledBy && !hasLabel) {
+      devWarn("[cinder/Button] iconOnly=true requires aria-label, aria-labelledby, or a non-empty label.");
+    }
+    if (iconOnly() && !$$props.leadingIcon && !$$props.trailingIcon && !$$props.children) {
+      devWarn("[cinder/Button] iconOnly=true requires a visible icon — pass leadingIcon, trailingIcon, or children.");
+    }
+  });
+  var fragment_4 = $.comment();
+  var node_9 = $.first_child(fragment_4);
+  {
+    var consequent_6 = ($$anchor2) => {
+      var a = root_9();
+      $.attribute_effect(a, () => ({
+        ...anchorAttributes,
+        href: loading() ? undefined : $$props.href,
+        tabindex: loading() ? -1 : $.get(anchorTabIndex),
+        class: $.get(mergedClassName),
+        ...$.get(dataAttributes),
+        "aria-disabled": $.get(resolvedAriaDisabled),
+        "aria-busy": $.get(resolvedAriaBusy),
+        "aria-label": $.get(resolvedAriaLabel),
+        "aria-labelledby": $.get(resolvedAriaLabelledBy),
+        onclick: handleClick
+      }));
+      var node_10 = $.child(a);
+      buttonContent(node_10);
+      $.reset(a);
+      $.append($$anchor2, a);
+    };
+    var alternate_1 = ($$anchor2) => {
+      var button = root_10();
+      $.attribute_effect(button, () => ({
+        ...buttonAttributes,
+        type: $.get(buttonType) ?? "button",
+        class: $.get(mergedClassName),
+        ...$.get(dataAttributes),
+        disabled: $.get(buttonDisabled) || loading(),
+        "aria-disabled": $.get(resolvedAriaDisabled),
+        "aria-busy": $.get(resolvedAriaBusy),
+        "aria-label": $.get(resolvedAriaLabel),
+        "aria-labelledby": $.get(resolvedAriaLabelledBy),
+        onclick: handleClick
+      }));
+      var node_11 = $.child(button);
+      buttonContent(node_11);
+      $.reset(button);
+      $.append($$anchor2, button);
+    };
+    $.if(node_9, ($$render) => {
+      if ($$props.href !== undefined)
+        $$render(consequent_6);
+      else
+        $$render(alternate_1, -1);
+    });
+  }
+  $.append($$anchor, fragment_4);
+  $.pop();
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $3 from "svelte/internal/client";
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $2 from "svelte/internal/client";
+
+// ../../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
+var root = $2.from_svg(`<svg><!><!></svg>`);
+function Icon($$anchor, $$props) {
+  const $$sanitized_props = $2.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const $$restProps = $2.legacy_rest_props($$sanitized_props, [
+    "name",
+    "color",
+    "size",
+    "strokeWidth",
+    "absoluteStrokeWidth",
+    "iconNode"
+  ]);
+  $2.push($$props, false);
+  let name = $2.prop($$props, "name", 8, undefined);
+  let color = $2.prop($$props, "color", 8, "currentColor");
+  let size = $2.prop($$props, "size", 8, 24);
+  let strokeWidth = $2.prop($$props, "strokeWidth", 8, 2);
+  let absoluteStrokeWidth = $2.prop($$props, "absoluteStrokeWidth", 8, false);
+  let iconNode = $2.prop($$props, "iconNode", 24, () => []);
+  const mergeClasses = (...classes) => classes.filter((className, index2, array) => {
+    return Boolean(className) && array.indexOf(className) === index2;
+  }).join(" ");
+  $2.init();
+  var svg = root();
+  $2.attribute_effect(svg, ($0, $1) => ({
+    ...defaultAttributes_default,
+    ...$$restProps,
+    width: size(),
+    height: size(),
+    stroke: color(),
+    "stroke-width": $0,
+    class: $1
+  }), [
+    () => ($2.deep_read_state(absoluteStrokeWidth()), $2.deep_read_state(strokeWidth()), $2.deep_read_state(size()), $2.untrack(() => absoluteStrokeWidth() ? Number(strokeWidth()) * 24 / Number(size()) : strokeWidth())),
+    () => ($2.deep_read_state(name()), $2.deep_read_state($$sanitized_props), $2.untrack(() => mergeClasses("lucide-icon", "lucide", name() ? `lucide-${name()}` : "", $$sanitized_props.class)))
+  ]);
+  var node = $2.child(svg);
+  $2.each(node, 1, iconNode, $2.index, ($$anchor2, $$item) => {
+    var $$array = $2.derived(() => $2.to_array($2.get($$item), 2));
+    let tag = () => $2.get($$array)[0];
+    let attrs = () => $2.get($$array)[1];
+    var fragment = $2.comment();
+    var node_1 = $2.first_child(fragment);
+    $2.element(node_1, tag, true, ($$element, $$anchor3) => {
+      $2.attribute_effect($$element, () => ({ ...attrs() }));
+    });
+    $2.append($$anchor2, fragment);
+  });
+  var node_2 = $2.sibling(node);
+  $2.slot(node_2, $$props, "default", {}, null);
+  $2.reset(svg);
+  $2.append($$anchor, svg);
+  $2.pop();
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
+function Rotate_ccw($$anchor, $$props) {
+  const $$sanitized_props = $3.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    [
+      "path",
+      { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }
+    ],
+    ["path", { d: "M3 3v5h5" }]
+  ];
+  Icon($$anchor, $3.spread_props({ name: "rotate-ccw" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $3.comment();
+      var node = $3.first_child(fragment_1);
+      $3.slot(node, $$props, "default", {}, null);
+      $3.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// src/components/surface/surface.svelte
+import"svelte/internal/disclose-version";
+import * as $4 from "svelte/internal/client";
+
+// src/_internal/surface-context.ts
+import { createContext } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/surface-context.ts
+var [getSurfaceContextStrict, setSurfaceContextRaw] = createContext();
+function setSurfaceContext(context) {
+  setSurfaceContextRaw(context);
+}
+var getSurfaceContext = optionalContext(getSurfaceContextStrict);
+
+// src/components/surface/surface.svelte
+var root2 = $4.from_html(`<div><!></div>`);
+function Surface($$anchor, $$props) {
+  $4.push($$props, true);
+  let tone = $4.prop($$props, "tone", 3, "default"), rest = $4.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "tone",
+    "class",
+    "children"
+  ]);
+  const context = {
+    get tone() {
+      return tone();
+    }
+  };
+  setSurfaceContext(context);
+  var div = root2();
+  $4.attribute_effect(div, ($0) => ({ class: $0, "data-cinder-tone": tone(), ...rest }), [() => classNames("cinder-surface", $$props.class)]);
+  var node = $4.child(div);
+  $4.snippet(node, () => $$props.children ?? $4.noop);
+  $4.reset(div);
+  $4.append($$anchor, div);
+  $4.pop();
+}
+
+// src/components/diff-viewer/diff-controller.svelte.ts
+import * as $5 from "svelte/internal/client";
+import { computeLineDiff } from "@lostgradient/cinder/markdown/diff/line-diff";
+
+// src/utilities/format-bytes.ts
+function formatBytes(bytes) {
+  if (bytes < 1024)
+    return `${bytes} B`;
+  if (bytes < 1024 * 1024)
+    return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+// src/components/diff-viewer/diff-controller.svelte.ts
+var DEFAULT_OPTIONS = {
+  debouncedThreshold: 20000,
+  manualThreshold: 1e5,
+  debounceMs: 500
+};
+function createDiffController(options = {}) {
+  const config = { ...DEFAULT_OPTIONS, ...options };
+  let original = $5.state("");
+  let current = $5.state("");
+  let diffs = $5.state($5.proxy([]));
+  let isComputing = $5.state(false);
+  let lastComputeTime = $5.state(null);
+  let isStale = $5.state(false);
+  let computeVersion = 0;
+  let computeTimeout = null;
+  let idleCallbackHandle = null;
+  let asyncComputeTimeout = null;
+  const documentSize = $5.derived(() => Math.max($5.get(original).length, $5.get(current).length));
+  const tier = $5.derived(() => {
+    if ($5.get(documentSize) >= config.manualThreshold)
+      return "manual";
+    if ($5.get(documentSize) >= config.debouncedThreshold)
+      return "debounced";
+    return "realtime";
+  });
+  const warning = $5.derived(() => {
+    if ($5.get(tier) === "manual") {
+      return `Large document (${formatBytes($5.get(documentSize))}). Diff updates require manual trigger.`;
+    }
+    if ($5.get(tier) === "debounced") {
+      return `Medium document (${formatBytes($5.get(documentSize))}). Diff updates are debounced.`;
+    }
+    return null;
+  });
+  function performCompute(orig, curr, size) {
+    const version = ++computeVersion;
+    $5.set(isComputing, true);
+    const doCompute = () => {
+      if (computeVersion !== version || $5.get(original) !== orig || $5.get(current) !== curr) {
+        if (computeVersion === version) {
+          $5.set(isComputing, false);
+        }
+        return;
+      }
+      const start = performance.now();
+      try {
+        $5.set(diffs, computeLineDiff(orig, curr), true);
+        $5.set(lastComputeTime, performance.now() - start);
+        if ($5.get(original) === orig && $5.get(current) === curr) {
+          $5.set(isStale, false);
+        }
+      } catch (error) {
+        console.error("Diff computation failed:", error);
+        $5.set(diffs, [], true);
+        $5.set(lastComputeTime, null);
+      } finally {
+        $5.set(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") {
+      $5.set(isStale, true);
+      return;
+    }
+    if (currentTier === "debounced") {
+      $5.set(isStale, true);
+      computeTimeout = setTimeout(() => {
+        performCompute(orig, curr, size);
+      }, config.debounceMs);
+      return;
+    }
+    performCompute(orig, curr, size);
+  }
+  $5.user_effect(() => {
+    scheduleCompute($5.get(original), $5.get(current));
+    return () => {
+      if (computeTimeout) {
+        clearTimeout(computeTimeout);
+        computeTimeout = null;
+      }
+      if (idleCallbackHandle !== null && typeof cancelIdleCallback !== "undefined") {
+        cancelIdleCallback(idleCallbackHandle);
+        idleCallbackHandle = null;
+      }
+      if (asyncComputeTimeout !== null) {
+        clearTimeout(asyncComputeTimeout);
+        asyncComputeTimeout = null;
+      }
+    };
+  });
+  return {
+    get state() {
+      return {
+        tier: $5.get(tier),
+        diffs: $5.get(diffs),
+        isComputing: $5.get(isComputing),
+        lastComputeTime: $5.get(lastComputeTime),
+        documentSize: $5.get(documentSize),
+        warning: $5.get(warning),
+        isStale: $5.get(isStale)
+      };
+    },
+    get original() {
+      return $5.get(original);
+    },
+    set original(value) {
+      $5.set(original, value, true);
+    },
+    get current() {
+      return $5.get(current);
+    },
+    set current(value) {
+      $5.set(current, value, true);
+    },
+    setOriginal(value) {
+      $5.set(original, value, true);
+    },
+    setCurrent(value) {
+      $5.set(current, value, true);
+    },
+    triggerCompute() {
+      const size = Math.max($5.get(original).length, $5.get(current).length);
+      performCompute($5.get(original), $5.get(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"svelte/internal/disclose-version";
+import * as $12 from "svelte/internal/client";
+
+// src/components/diff-viewer/front-matter-header.svelte
+import"svelte/internal/disclose-version";
+import * as $10 from "svelte/internal/client";
+
+// src/components/badge/badge.svelte
+import"svelte/internal/disclose-version";
+import * as $6 from "svelte/internal/client";
+var root3 = $6.from_html(`<span><!></span>`);
+function Badge($$anchor, $$props) {
+  $6.push($$props, true);
+  let variant = $6.prop($$props, "variant", 3, "neutral"), size = $6.prop($$props, "size", 3, "md"), rest = $6.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "variant",
+    "size",
+    "class",
+    "children"
+  ]);
+  var span = root3();
+  $6.attribute_effect(span, ($0) => ({
+    class: $0,
+    "data-cinder-variant": variant(),
+    "data-cinder-size": size(),
+    ...rest
+  }), [() => classNames("cinder-badge", $$props.class)]);
+  var node = $6.child(span);
+  $6.snippet(node, () => $$props.children ?? $6.noop);
+  $6.reset(span);
+  $6.append($$anchor, span);
+  $6.pop();
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/chevron-down.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $7 from "svelte/internal/client";
+function Chevron_down($$anchor, $$props) {
+  const $$sanitized_props = $7.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [["path", { d: "m6 9 6 6 6-6" }]];
+  Icon($$anchor, $7.spread_props({ name: "chevron-down" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $7.comment();
+      var node = $7.first_child(fragment_1);
+      $7.slot(node, $$props, "default", {}, null);
+      $7.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/chevron-right.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $8 from "svelte/internal/client";
+function Chevron_right($$anchor, $$props) {
+  const $$sanitized_props = $8.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [["path", { d: "m9 18 6-6-6-6" }]];
+  Icon($$anchor, $8.spread_props({ name: "chevron-right" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $8.comment();
+      var node = $8.first_child(fragment_1);
+      $8.slot(node, $$props, "default", {}, null);
+      $8.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/file-text.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $9 from "svelte/internal/client";
+function File_text($$anchor, $$props) {
+  const $$sanitized_props = $9.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  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($$anchor, $9.spread_props({ name: "file-text" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $9.comment();
+      var node = $9.first_child(fragment_1);
+      $9.slot(node, $$props, "default", {}, null);
+      $9.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// src/components/diff-viewer/front-matter-header.svelte
+var root4 = $10.from_html(`<button><span class="front-matter-icon svelte-1rp9so4"><!></span> <!> <span class="front-matter-label svelte-1rp9so4"> </span> <!></button>`);
+function Front_matter_header($$anchor, $$props) {
+  $10.push($$props, true);
+  let label = $10.prop($$props, "label", 3, "Front Matter"), expanded = $10.prop($$props, "expanded", 15, true), badgeVariant = $10.prop($$props, "badgeVariant", 3, "neutral"), badgeSize = $10.prop($$props, "badgeSize", 3, "xs"), variant = $10.prop($$props, "variant", 3, "panel"), rest = $10.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "controlsId",
+    "label",
+    "expanded",
+    "badgeLabel",
+    "badgeVariant",
+    "badgeSize",
+    "variant",
+    "class"
+  ]);
+  const showBadge = $10.derived(() => Boolean($$props.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);
+    }
+  }
+  var button = root4();
+  $10.attribute_effect(button, ($0) => ({
+    type: "button",
+    id: $$props.id,
+    class: $0,
+    "data-expanded": expanded() ? "true" : "false",
+    "data-variant": variant(),
+    "aria-expanded": expanded(),
+    "aria-controls": $$props.controlsId,
+    onclick: toggleExpanded,
+    onkeydown: handleKeydown,
+    ...rest
+  }), [() => classNames("front-matter-header", $$props.class)], undefined, undefined, "svelte-1rp9so4");
+  var span = $10.child(button);
+  var node = $10.child(span);
+  {
+    var consequent = ($$anchor2) => {
+      Chevron_down($$anchor2, { class: "icon-sm" });
+    };
+    var alternate = ($$anchor2) => {
+      Chevron_right($$anchor2, { class: "icon-sm" });
+    };
+    $10.if(node, ($$render) => {
+      if (expanded())
+        $$render(consequent);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  $10.reset(span);
+  var node_1 = $10.sibling(span, 2);
+  File_text(node_1, { class: "icon-sm" });
+  var span_1 = $10.sibling(node_1, 2);
+  var text3 = $10.child(span_1, true);
+  $10.reset(span_1);
+  var node_2 = $10.sibling(span_1, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      Badge($$anchor2, {
+        get variant() {
+          return badgeVariant();
+        },
+        get size() {
+          return badgeSize();
+        },
+        children: ($$anchor3, $$slotProps) => {
+          $10.next();
+          var text_1 = $10.text();
+          $10.template_effect(() => $10.set_text(text_1, $$props.badgeLabel ?? ""));
+          $10.append($$anchor3, text_1);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $10.if(node_2, ($$render) => {
+      if ($10.get(showBadge))
+        $$render(consequent_1);
+    });
+  }
+  $10.reset(button);
+  $10.template_effect(() => $10.set_text(text3, label()));
+  $10.append($$anchor, button);
+  $10.pop();
+}
+
+// src/components/diff-viewer/diff-line.svelte
+import"svelte/internal/disclose-version";
+import * as $11 from "svelte/internal/client";
+var root_22 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_42 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></button>`);
+var root_52 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></div>`);
+var root_82 = $11.from_html(`<del class="svelte-hc3elb"> </del>`);
+var root_7 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_11 = $11.from_html(`<del class="svelte-hc3elb"> </del>`);
+var root_102 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
+var root_19 = $11.from_html(`<span> </span>`);
+var root_20 = $11.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
+var root_21 = $11.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
+var root_17 = $11.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
+var root_14 = $11.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_28 = $11.from_html(`<span> </span>`);
+var root_29 = $11.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
+var root_30 = $11.from_html(`<ins class="word-added svelte-hc3elb"> </ins>`);
+var root_26 = $11.from_html(`<span class="word-changes svelte-hc3elb"></span>`);
+var root_23 = $11.from_html(`<div><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
+function Diff_line($$anchor, $$props) {
+  $11.push($$props, true);
+  let selected = $11.prop($$props, "selected", 3, false);
+  const isVisible = $11.derived(() => {
+    if ($$props.diff.type === "same")
+      return true;
+    if ($$props.viewMode === "unified")
+      return true;
+    if ($$props.viewMode === "final")
+      return $$props.diff.type !== "removed";
+    if ($$props.viewMode === "original")
+      return $$props.diff.type !== "added";
+    return true;
+  });
+  const isInteractive = $11.derived(() => $$props.diff.type !== "same" && $$props.onselect !== undefined);
+  var fragment = $11.comment();
+  var node = $11.first_child(fragment);
+  {
+    var consequent_19 = ($$anchor2) => {
+      var fragment_1 = $11.comment();
+      var node_1 = $11.first_child(fragment_1);
+      {
+        var consequent = ($$anchor3) => {
+          var div = root_22();
+          var span = $11.sibling($11.child(div), 2);
+          var text4 = $11.child(span, true);
+          $11.reset(span);
+          $11.reset(div);
+          $11.template_effect(($0) => {
+            $11.set_class(div, 1, $0, "svelte-hc3elb");
+            $11.set_text(text4, $$props.diff.text || " ");
+          }, [() => $11.clsx(classNames("diff-line", $$props.class))]);
+          $11.append($$anchor3, div);
+        };
+        var consequent_2 = ($$anchor3) => {
+          var fragment_2 = $11.comment();
+          var node_2 = $11.first_child(fragment_2);
+          {
+            var consequent_1 = ($$anchor4) => {
+              var button = root_42();
+              var span_1 = $11.sibling($11.child(button), 2);
+              var text_1 = $11.child(span_1, true);
+              $11.reset(span_1);
+              $11.reset(button);
+              $11.template_effect(($0) => {
+                $11.set_class(button, 1, $0, "svelte-hc3elb");
+                $11.set_attribute(button, "data-selected", selected());
+                $11.set_text(text_1, $$props.diff.text || " ");
+              }, [
+                () => $11.clsx(classNames("diff-line diff-line-added", $$props.class))
+              ]);
+              $11.delegated("click", button, function(...$$args) {
+                $$props.onselect?.apply(this, $$args);
+              });
+              $11.append($$anchor4, button);
+            };
+            var alternate = ($$anchor4) => {
+              var div_1 = root_52();
+              var span_2 = $11.sibling($11.child(div_1), 2);
+              var text_2 = $11.child(span_2, true);
+              $11.reset(span_2);
+              $11.reset(div_1);
+              $11.template_effect(($0) => {
+                $11.set_class(div_1, 1, $0, "svelte-hc3elb");
+                $11.set_attribute(div_1, "data-selected", selected());
+                $11.set_text(text_2, $$props.diff.text || " ");
+              }, [
+                () => $11.clsx(classNames("diff-line diff-line-added", $$props.class))
+              ]);
+              $11.append($$anchor4, div_1);
+            };
+            $11.if(node_2, ($$render) => {
+              if ($11.get(isInteractive))
+                $$render(consequent_1);
+              else
+                $$render(alternate, -1);
+            });
+          }
+          $11.append($$anchor3, fragment_2);
+        };
+        var consequent_6 = ($$anchor3) => {
+          const showStrikethrough = $11.derived(() => $$props.viewMode === "unified");
+          var fragment_3 = $11.comment();
+          var node_3 = $11.first_child(fragment_3);
+          {
+            var consequent_4 = ($$anchor4) => {
+              var button_1 = root_7();
+              var span_3 = $11.child(button_1);
+              var text_3 = $11.child(span_3, true);
+              $11.reset(span_3);
+              var span_4 = $11.sibling(span_3, 2);
+              var node_4 = $11.child(span_4);
+              {
+                var consequent_3 = ($$anchor5) => {
+                  var del = root_82();
+                  var text_4 = $11.child(del, true);
+                  $11.reset(del);
+                  $11.template_effect(() => $11.set_text(text_4, $$props.diff.text || " "));
+                  $11.append($$anchor5, del);
+                };
+                var alternate_1 = ($$anchor5) => {
+                  var text_5 = $11.text();
+                  $11.template_effect(() => $11.set_text(text_5, $$props.diff.text || " "));
+                  $11.append($$anchor5, text_5);
+                };
+                $11.if(node_4, ($$render) => {
+                  if ($11.get(showStrikethrough))
+                    $$render(consequent_3);
+                  else
+                    $$render(alternate_1, -1);
+                });
+              }
+              $11.reset(span_4);
+              $11.reset(button_1);
+              $11.template_effect(($0) => {
+                $11.set_class(button_1, 1, $0, "svelte-hc3elb");
+                $11.set_attribute(button_1, "data-selected", selected());
+                $11.set_text(text_3, $11.get(showStrikethrough) ? "-" : "");
+              }, [
+                () => $11.clsx(classNames("diff-line", $11.get(showStrikethrough) ? "diff-line-removed" : "diff-line-removed-original", $$props.class))
+              ]);
+              $11.delegated("click", button_1, function(...$$args) {
+                $$props.onselect?.apply(this, $$args);
+              });
+              $11.append($$anchor4, button_1);
+            };
+            var alternate_3 = ($$anchor4) => {
+              var div_2 = root_102();
+              var span_5 = $11.child(div_2);
+              var text_6 = $11.child(span_5, true);
+              $11.reset(span_5);
+              var span_6 = $11.sibling(span_5, 2);
+              var node_5 = $11.child(span_6);
+              {
+                var consequent_5 = ($$anchor5) => {
+                  var del_1 = root_11();
+                  var text_7 = $11.child(del_1, true);
+                  $11.reset(del_1);
+                  $11.template_effect(() => $11.set_text(text_7, $$props.diff.text || " "));
+                  $11.append($$anchor5, del_1);
+                };
+                var alternate_2 = ($$anchor5) => {
+                  var text_8 = $11.text();
+                  $11.template_effect(() => $11.set_text(text_8, $$props.diff.text || " "));
+                  $11.append($$anchor5, text_8);
+                };
+                $11.if(node_5, ($$render) => {
+                  if ($11.get(showStrikethrough))
+                    $$render(consequent_5);
+                  else
+                    $$render(alternate_2, -1);
+                });
+              }
+              $11.reset(span_6);
+              $11.reset(div_2);
+              $11.template_effect(($0) => {
+                $11.set_class(div_2, 1, $0, "svelte-hc3elb");
+                $11.set_attribute(div_2, "data-selected", selected());
+                $11.set_text(text_6, $11.get(showStrikethrough) ? "-" : "");
+              }, [
+                () => $11.clsx(classNames("diff-line", $11.get(showStrikethrough) ? "diff-line-removed" : "diff-line-removed-original", $$props.class))
+              ]);
+              $11.append($$anchor4, div_2);
+            };
+            $11.if(node_3, ($$render) => {
+              if ($11.get(isInteractive))
+                $$render(consequent_4);
+              else
+                $$render(alternate_3, -1);
+            });
+          }
+          $11.append($$anchor3, fragment_3);
+        };
+        var consequent_18 = ($$anchor3) => {
+          const lineClass = $11.derived(() => $$props.viewMode === "unified" ? "diff-line-modified" : $$props.viewMode === "final" ? "diff-line-modified-final" : "diff-line-modified-original");
+          const displayText = $11.derived(() => $$props.viewMode === "unified" ? null : $$props.viewMode === "final" ? $$props.diff.newText : $$props.diff.oldText);
+          var fragment_6 = $11.comment();
+          var node_6 = $11.first_child(fragment_6);
+          {
+            var consequent_12 = ($$anchor4) => {
+              var button_2 = root_14();
+              var span_7 = $11.sibling($11.child(button_2), 2);
+              var node_7 = $11.child(span_7);
+              {
+                var consequent_11 = ($$anchor5) => {
+                  var fragment_7 = $11.comment();
+                  var node_8 = $11.first_child(fragment_7);
+                  {
+                    var consequent_7 = ($$anchor6) => {
+                      var fragment_8 = $11.comment();
+                      var node_9 = $11.first_child(fragment_8);
+                      $11.snippet(node_9, () => $$props.wordChangeRenderer, () => ({ changes: $$props.diff.wordChanges }));
+                      $11.append($$anchor6, fragment_8);
+                    };
+                    var alternate_4 = ($$anchor6) => {
+                      var span_8 = root_17();
+                      $11.each(span_8, 23, () => $$props.diff.wordChanges, (wordChange, widx) => `${widx}:${wordChange.type}:${wordChange.text}`, ($$anchor7, wordChange) => {
+                        var fragment_9 = $11.comment();
+                        var node_10 = $11.first_child(fragment_9);
+                        {
+                          var consequent_8 = ($$anchor8) => {
+                            var span_9 = root_19();
+                            var text_9 = $11.child(span_9, true);
+                            $11.reset(span_9);
+                            $11.template_effect(() => $11.set_text(text_9, $11.get(wordChange).text));
+                            $11.append($$anchor8, span_9);
+                          };
+                          var consequent_9 = ($$anchor8) => {
+                            var del_2 = root_20();
+                            var text_10 = $11.child(del_2, true);
+                            $11.reset(del_2);
+                            $11.template_effect(() => $11.set_text(text_10, $11.get(wordChange).text));
+                            $11.append($$anchor8, del_2);
+                          };
+                          var consequent_10 = ($$anchor8) => {
+                            var ins = root_21();
+                            var text_11 = $11.child(ins, true);
+                            $11.reset(ins);
+                            $11.template_effect(() => $11.set_text(text_11, $11.get(wordChange).text));
+                            $11.append($$anchor8, ins);
+                          };
+                          $11.if(node_10, ($$render) => {
+                            if ($11.get(wordChange).type === "same")
+                              $$render(consequent_8);
+                            else if ($11.get(wordChange).type === "removed")
+                              $$render(consequent_9, 1);
+                            else if ($11.get(wordChange).type === "added")
+                              $$render(consequent_10, 2);
+                          });
+                        }
+                        $11.append($$anchor7, fragment_9);
+                      });
+                      $11.reset(span_8);
+                      $11.append($$anchor6, span_8);
+                    };
+                    $11.if(node_8, ($$render) => {
+                      if ($$props.wordChangeRenderer)
+                        $$render(consequent_7);
+                      else
+                        $$render(alternate_4, -1);
+                    });
+                  }
+                  $11.append($$anchor5, fragment_7);
+                };
+                var alternate_5 = ($$anchor5) => {
+                  var text_12 = $11.text();
+                  $11.template_effect(() => $11.set_text(text_12, $11.get(displayText) || " "));
+                  $11.append($$anchor5, text_12);
+                };
+                $11.if(node_7, ($$render) => {
+                  if ($$props.viewMode === "unified")
+                    $$render(consequent_11);
+                  else
+                    $$render(alternate_5, -1);
+                });
+              }
+              $11.reset(span_7);
+              $11.reset(button_2);
+              $11.template_effect(($0) => {
+                $11.set_class(button_2, 1, $0, "svelte-hc3elb");
+                $11.set_attribute(button_2, "data-selected", selected());
+              }, [
+                () => $11.clsx(classNames("diff-line", $11.get(lineClass), $$props.class))
+              ]);
+              $11.delegated("click", button_2, function(...$$args) {
+                $$props.onselect?.apply(this, $$args);
+              });
+              $11.append($$anchor4, button_2);
+            };
+            var alternate_8 = ($$anchor4) => {
+              var div_3 = root_23();
+              var span_10 = $11.sibling($11.child(div_3), 2);
+              var node_11 = $11.child(span_10);
+              {
+                var consequent_17 = ($$anchor5) => {
+                  var fragment_11 = $11.comment();
+                  var node_12 = $11.first_child(fragment_11);
+                  {
+                    var consequent_13 = ($$anchor6) => {
+                      var fragment_12 = $11.comment();
+                      var node_13 = $11.first_child(fragment_12);
+                      $11.snippet(node_13, () => $$props.wordChangeRenderer, () => ({ changes: $$props.diff.wordChanges }));
+                      $11.append($$anchor6, fragment_12);
+                    };
+                    var alternate_6 = ($$anchor6) => {
+                      var span_11 = root_26();
+                      $11.each(span_11, 23, () => $$props.diff.wordChanges, (wordChange, widx) => `${widx}:${wordChange.type}:${wordChange.text}`, ($$anchor7, wordChange) => {
+                        var fragment_13 = $11.comment();
+                        var node_14 = $11.first_child(fragment_13);
+                        {
+                          var consequent_14 = ($$anchor8) => {
+                            var span_12 = root_28();
+                            var text_13 = $11.child(span_12, true);
+                            $11.reset(span_12);
+                            $11.template_effect(() => $11.set_text(text_13, $11.get(wordChange).text));
+                            $11.append($$anchor8, span_12);
+                          };
+                          var consequent_15 = ($$anchor8) => {
+                            var del_3 = root_29();
+                            var text_14 = $11.child(del_3, true);
+                            $11.reset(del_3);
+                            $11.template_effect(() => $11.set_text(text_14, $11.get(wordChange).text));
+                            $11.append($$anchor8, del_3);
+                          };
+                          var consequent_16 = ($$anchor8) => {
+                            var ins_1 = root_30();
+                            var text_15 = $11.child(ins_1, true);
+                            $11.reset(ins_1);
+                            $11.template_effect(() => $11.set_text(text_15, $11.get(wordChange).text));
+                            $11.append($$anchor8, ins_1);
+                          };
+                          $11.if(node_14, ($$render) => {
+                            if ($11.get(wordChange).type === "same")
+                              $$render(consequent_14);
+                            else if ($11.get(wordChange).type === "removed")
+                              $$render(consequent_15, 1);
+                            else if ($11.get(wordChange).type === "added")
+                              $$render(consequent_16, 2);
+                          });
+                        }
+                        $11.append($$anchor7, fragment_13);
+                      });
+                      $11.reset(span_11);
+                      $11.append($$anchor6, span_11);
+                    };
+                    $11.if(node_12, ($$render) => {
+                      if ($$props.wordChangeRenderer)
+                        $$render(consequent_13);
+                      else
+                        $$render(alternate_6, -1);
+                    });
+                  }
+                  $11.append($$anchor5, fragment_11);
+                };
+                var alternate_7 = ($$anchor5) => {
+                  var text_16 = $11.text();
+                  $11.template_effect(() => $11.set_text(text_16, $11.get(displayText) || " "));
+                  $11.append($$anchor5, text_16);
+                };
+                $11.if(node_11, ($$render) => {
+                  if ($$props.viewMode === "unified")
+                    $$render(consequent_17);
+                  else
+                    $$render(alternate_7, -1);
+                });
+              }
+              $11.reset(span_10);
+              $11.reset(div_3);
+              $11.template_effect(($0) => {
+                $11.set_class(div_3, 1, $0, "svelte-hc3elb");
+                $11.set_attribute(div_3, "data-selected", selected());
+              }, [
+                () => $11.clsx(classNames("diff-line", $11.get(lineClass), $$props.class))
+              ]);
+              $11.append($$anchor4, div_3);
+            };
+            $11.if(node_6, ($$render) => {
+              if ($11.get(isInteractive))
+                $$render(consequent_12);
+              else
+                $$render(alternate_8, -1);
+            });
+          }
+          $11.append($$anchor3, fragment_6);
+        };
+        $11.if(node_1, ($$render) => {
+          if ($$props.diff.type === "same")
+            $$render(consequent);
+          else if ($$props.diff.type === "added")
+            $$render(consequent_2, 1);
+          else if ($$props.diff.type === "removed")
+            $$render(consequent_6, 2);
+          else if ($$props.diff.type === "modified")
+            $$render(consequent_18, 3);
+        });
+      }
+      $11.append($$anchor2, fragment_1);
+    };
+    $11.if(node, ($$render) => {
+      if ($11.get(isVisible))
+        $$render(consequent_19);
+    });
+  }
+  $11.append($$anchor, fragment);
+  $11.pop();
+}
+$11.delegate(["click"]);
+
+// src/components/diff-viewer/diff-front-matter.svelte
+var root_12 = $12.from_html(`<div class="front-matter-content svelte-113383m"></div>`);
+var root5 = $12.from_html(`<div><!> <!></div>`);
+function Diff_front_matter($$anchor, $$props) {
+  $12.push($$props, true);
+  let id = $12.prop($$props, "id", 3, "front-matter"), expanded = $12.prop($$props, "expanded", 15, true), badgeLabel = $12.prop($$props, "badgeLabel", 3, null), badgeVariant = $12.prop($$props, "badgeVariant", 3, "warning"), rest = $12.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "diffs",
+    "viewMode",
+    "expanded",
+    "badgeLabel",
+    "badgeVariant",
+    "wordChangeRenderer",
+    "class"
+  ]);
+  const hasChanges = $12.derived(() => $$props.diffs.some((d) => d.type !== "same"));
+  const toggleId = $12.derived(() => `${id()}-toggle`);
+  const contentId = $12.derived(() => `${id()}-content`);
+  var div = root5();
+  $12.attribute_effect(div, ($0) => ({ class: $0, "data-has-changes": $12.get(hasChanges), ...rest }), [() => classNames("front-matter-section", $$props.class)], undefined, undefined, "svelte-113383m");
+  var node = $12.child(div);
+  Front_matter_header(node, {
+    get id() {
+      return $12.get(toggleId);
+    },
+    get controlsId() {
+      return $12.get(contentId);
+    },
+    variant: "inline",
+    get badgeLabel() {
+      return badgeLabel();
+    },
+    get badgeVariant() {
+      return badgeVariant();
+    },
+    get expanded() {
+      return expanded();
+    },
+    set expanded($$value) {
+      expanded($$value);
+    }
+  });
+  var node_1 = $12.sibling(node, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var div_1 = root_12();
+      $12.each(div_1, 23, () => $$props.diffs, (lineDiff, idx) => `fm-${idx}:${lineDiff.type}:${lineDiff.type === "modified" ? lineDiff.newText : lineDiff.text}`, ($$anchor3, lineDiff) => {
+        Diff_line($$anchor3, {
+          get diff() {
+            return $12.get(lineDiff);
+          },
+          get viewMode() {
+            return $$props.viewMode;
+          },
+          get wordChangeRenderer() {
+            return $$props.wordChangeRenderer;
+          }
+        });
+      });
+      $12.reset(div_1);
+      $12.template_effect(() => $12.set_attribute(div_1, "id", $12.get(contentId)));
+      $12.append($$anchor2, div_1);
+    };
+    $12.if(node_1, ($$render) => {
+      if (expanded())
+        $$render(consequent);
+    });
+  }
+  $12.reset(div);
+  $12.append($$anchor, div);
+  $12.pop();
+}
+
+// src/components/diff-viewer/diff-toolbar.svelte
+import"svelte/internal/disclose-version";
+import * as $20 from "svelte/internal/client";
+
+// src/components/kbd/kbd.svelte
+import"svelte/internal/disclose-version";
+import * as $13 from "svelte/internal/client";
+var root6 = $13.from_html(`<kbd><!></kbd>`);
+function Kbd($$anchor, $$props) {
+  $13.push($$props, true);
+  let size = $13.prop($$props, "size", 3, "md"), rest = $13.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "class",
+    "size",
+    "label",
+    "children"
+  ]);
+  var kbd = root6();
+  $13.attribute_effect(kbd, ($0) => ({ class: $0, "data-cinder-size": size(), ...rest }), [() => classNames("cinder-kbd", $$props.class)]);
+  var node = $13.child(kbd);
+  {
+    var consequent = ($$anchor2) => {
+      var fragment = $13.comment();
+      var node_1 = $13.first_child(fragment);
+      $13.snippet(node_1, () => $$props.children);
+      $13.append($$anchor2, fragment);
+    };
+    var alternate = ($$anchor2) => {
+      var text5 = $13.text();
+      $13.template_effect(() => $13.set_text(text5, $$props.label));
+      $13.append($$anchor2, text5);
+    };
+    $13.if(node, ($$render) => {
+      if ($$props.children)
+        $$render(consequent);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  $13.reset(kbd);
+  $13.append($$anchor, kbd);
+  $13.pop();
+}
+
+// src/components/segment/segment.svelte
+import"svelte/internal/disclose-version";
+import * as $15 from "svelte/internal/client";
+import { untrack as untrack2 } from "svelte";
+
+// src/components/segmented-control/segmented-control-state.svelte.ts
+import * as $14 from "svelte/internal/client";
+import { createContext as createContext2 } from "svelte";
+
+// src/utilities/document-order.ts
+function inDocumentOrder(items) {
+  return items.toSorted((a, b) => {
+    if (a.node === b.node)
+      return 0;
+    const position = a.node.compareDocumentPosition(b.node);
+    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
+      return -1;
+    if (position & Node.DOCUMENT_POSITION_PRECEDING)
+      return 1;
+    return 0;
+  });
+}
+
+// src/utilities/roving-tabindex.ts
+var ROVING_KEYS = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
+function isRovingKey(key) {
+  return ROVING_KEYS.has(key);
+}
+function findNextIndex(currentIndex, length, direction, isDisabled) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled) {
+    return (currentIndex + direction + length) % length;
+  }
+  for (let offset = 1;offset <= length; offset += 1) {
+    const candidateIndex = (currentIndex + offset * direction + length * offset) % length;
+    if (!isDisabled(candidateIndex)) {
+      return candidateIndex;
+    }
+  }
+  return currentIndex;
+}
+function findFirstIndex(length, isDisabled, currentIndex = 0) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled)
+    return 0;
+  for (let index2 = 0;index2 < length; index2 += 1) {
+    if (!isDisabled(index2))
+      return index2;
+  }
+  return currentIndex;
+}
+function findLastIndex(length, isDisabled, currentIndex = 0) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled)
+    return length - 1;
+  for (let index2 = length - 1;index2 >= 0; index2 -= 1) {
+    if (!isDisabled(index2))
+      return index2;
+  }
+  return currentIndex;
+}
+function handleRovingKeydown(event, currentIndex, length, options = {}) {
+  const { isDisabled, vertical = true, horizontal = true } = options;
+  if (length === 0)
+    return null;
+  switch (event.key) {
+    case "ArrowRight":
+      return horizontal ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
+    case "ArrowDown":
+      return vertical ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
+    case "ArrowLeft":
+      return horizontal ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
+    case "ArrowUp":
+      return vertical ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
+    case "Home":
+      return findFirstIndex(length, isDisabled, currentIndex);
+    case "End":
+      return findLastIndex(length, isDisabled, currentIndex);
+    default:
+      return null;
+  }
+}
+function getFocusableIndex(selectedIndex, length, isDisabled) {
+  if (length === 0)
+    return -1;
+  if (selectedIndex >= 0 && selectedIndex < length)
+    return selectedIndex;
+  return findFirstIndex(length, isDisabled, 0);
+}
+
+// src/components/segmented-control/segmented-control-state.svelte.ts
+var [getSegmentedControlContext, setSegmentedControlContext] = createContext2();
+
+class SegmentedControlController {
+  #registrations = [];
+  #version = $14.state(0);
+  #options;
+  constructor(options) {
+    this.#options = options;
+  }
+  get segments() {
+    $14.get(this.#version);
+    return inDocumentOrder(this.#registrations);
+  }
+  get selectionMode() {
+    return this.#options.selectionMode();
+  }
+  get variant() {
+    return this.#options.variant();
+  }
+  get controlDisabled() {
+    return this.#options.controlDisabled();
+  }
+  register(registration) {
+    this.#registrations.push(registration);
+    $14.set(this.#version, $14.get(this.#version) + 1);
+    return () => {
+      const index2 = this.#registrations.indexOf(registration);
+      if (index2 >= 0)
+        this.#registrations.splice(index2, 1);
+      $14.set(this.#version, $14.get(this.#version) + 1);
+    };
+  }
+  isSelected(value) {
+    const current = this.#options.getValue();
+    if (this.#options.selectionMode() === "multiple") {
+      if (!current || typeof current === "string")
+        return false;
+      return current.has(value);
+    }
+    return current === value;
+  }
+  isFocusable(value) {
+    if (this.#options.selectionMode() !== "single") {
+      const segment = this.segments.find((entry) => entry.value === value);
+      if (!segment)
+        return false;
+      return !segment.disabled && !this.#options.controlDisabled();
+    }
+    const focusableValue = this.#computeFocusableValue();
+    return focusableValue === value;
+  }
+  #computeFocusableValue() {
+    const segments = this.segments;
+    if (segments.length === 0)
+      return null;
+    const current = this.#options.getValue();
+    const isMultiple = this.#options.selectionMode() === "multiple";
+    if (!isMultiple && typeof current === "string") {
+      const selectedSegment = segments.find((segment) => segment.value === current);
+      if (selectedSegment && !selectedSegment.disabled && !this.#options.controlDisabled()) {
+        return selectedSegment.value;
+      }
+    }
+    if (this.#options.controlDisabled())
+      return null;
+    const firstEnabled = segments.find((segment) => !segment.disabled);
+    return firstEnabled?.value ?? null;
+  }
+  toggle(value) {
+    if (this.#options.controlDisabled())
+      return;
+    const segment = this.segments.find((entry) => entry.value === value);
+    if (!segment || segment.disabled)
+      return;
+    if (this.#options.selectionMode() === "multiple") {
+      const set3 = this.#options.getValue();
+      if (!set3 || typeof set3 === "string")
+        return;
+      if (set3.has(value))
+        set3.delete(value);
+      else
+        set3.add(value);
+      return;
+    }
+    const current = this.#options.getValue();
+    if (current === value) {
+      if (!this.#options.disallowEmptySelection()) {
+        this.#options.setValue(undefined);
+      }
+      return;
+    }
+    this.#options.setValue(value);
+    this.#options.onChange?.(value);
+  }
+  handleKeydown(event) {
+    if (this.#options.controlDisabled())
+      return;
+    if (this.#options.selectionMode() !== "single")
+      return;
+    const segments = this.segments;
+    if (segments.length === 0)
+      return;
+    const focusedSegment = typeof document === "undefined" ? null : segments.find((segment) => segment.node === document.activeElement) ?? null;
+    const value = this.#options.getValue();
+    const currentValue = focusedSegment?.value ?? (typeof value === "string" ? value : null);
+    const currentIndex = currentValue === null ? segments.findIndex((segment) => !segment.disabled) : segments.findIndex((segment) => segment.value === currentValue);
+    const safeCurrentIndex = currentIndex >= 0 ? currentIndex : getFocusableIndex(-1, segments.length, (index2) => segments[index2]?.disabled ?? false);
+    if (safeCurrentIndex < 0)
+      return;
+    const orientation = this.#options.orientation();
+    const nextIndex = handleRovingKeydown(event, safeCurrentIndex, segments.length, {
+      isDisabled: (index2) => segments[index2]?.disabled ?? false,
+      vertical: true,
+      horizontal: orientation !== "vertical"
+    });
+    if (nextIndex === null)
+      return;
+    event.preventDefault();
+    if (nextIndex === safeCurrentIndex)
+      return;
+    const nextSegment = segments[nextIndex];
+    if (!nextSegment)
+      return;
+    this.toggle(nextSegment.value);
+    nextSegment.node.focus();
+  }
+}
+
+// src/components/segment/segment.svelte
+var root_13 = $15.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
+var root_24 = $15.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
+var root7 = $15.from_html(`<button><!> <!> <!></button>`);
+function Segment($$anchor, $$props) {
+  $15.push($$props, true);
+  let disabled = $15.prop($$props, "disabled", 3, false), rest = $15.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "value",
+    "disabled",
+    "controls",
+    "leading",
+    "trailing",
+    "children",
+    "class"
+  ]);
+  const context = getSegmentedControlContext();
+  const registerSegment = (node) => {
+    return untrack2(() => context.register({
+      node,
+      get value() {
+        return $$props.value;
+      },
+      get disabled() {
+        return disabled() || context.controlDisabled;
+      },
+      get controls() {
+        return $$props.controls;
+      }
+    }));
+  };
+  const isSelected = $15.derived(() => context.isSelected($$props.value));
+  const isFocusable = $15.derived(() => context.isFocusable($$props.value));
+  const effectiveDisabled = $15.derived(() => disabled() || context.controlDisabled);
+  const role = $15.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
+  var button = root7();
+  var event_handler = () => context.toggle($$props.value);
+  $15.attribute_effect(button, ($0) => ({
+    ...rest,
+    type: "button",
+    role: $15.get(role),
+    "data-cinder-segment-value": $$props.value,
+    "aria-checked": $15.get(role) === "radio" ? $15.get(isSelected) : undefined,
+    "aria-selected": $15.get(role) === "tab" ? $15.get(isSelected) : undefined,
+    "aria-pressed": context.selectionMode === "multiple" ? $15.get(isSelected) : undefined,
+    "aria-controls": $15.get(role) === "tab" ? $$props.controls : undefined,
+    "aria-disabled": $15.get(effectiveDisabled) ? "true" : undefined,
+    disabled: context.selectionMode === "multiple" ? $15.get(effectiveDisabled) : undefined,
+    tabindex: $15.get(isFocusable) ? 0 : -1,
+    class: $0,
+    "data-cinder-selected": $15.get(isSelected) ? "" : undefined,
+    "data-cinder-pressed": context.selectionMode === "multiple" && $15.get(isSelected) ? "" : undefined,
+    onclick: event_handler
+  }), [
+    () => classNames("cinder-segmented-control-option", $$props.class)
+  ]);
+  var node_1 = $15.child(button);
+  {
+    var consequent = ($$anchor2) => {
+      var span = root_13();
+      var node_2 = $15.child(span);
+      $15.snippet(node_2, () => $$props.leading);
+      $15.reset(span);
+      $15.append($$anchor2, span);
+    };
+    $15.if(node_1, ($$render) => {
+      if ($$props.leading)
+        $$render(consequent);
+    });
+  }
+  var node_3 = $15.sibling(node_1, 2);
+  $15.snippet(node_3, () => $$props.children ?? $15.noop);
+  var node_4 = $15.sibling(node_3, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var span_1 = root_24();
+      var node_5 = $15.child(span_1);
+      $15.snippet(node_5, () => $$props.trailing);
+      $15.reset(span_1);
+      $15.append($$anchor2, span_1);
+    };
+    $15.if(node_4, ($$render) => {
+      if ($$props.trailing)
+        $$render(consequent_1);
+    });
+  }
+  $15.reset(button);
+  $15.attach(button, () => registerSegment);
+  $15.append($$anchor, button);
+  $15.pop();
+}
+
+// src/components/segmented-control/segmented-control.svelte
+import"svelte/internal/disclose-version";
+import * as $16 from "svelte/internal/client";
+var root8 = $16.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div></div>`);
+function Segmented_control($$anchor, $$props) {
+  $16.push($$props, true);
+  let value = $16.prop($$props, "value", 15), hideLabel = $16.prop($$props, "hideLabel", 3, false), disabled = $16.prop($$props, "disabled", 3, false), size = $16.prop($$props, "size", 3, "md"), orientation = $16.prop($$props, "orientation", 3, "horizontal"), detached = $16.prop($$props, "detached", 3, false), fullWidth = $16.prop($$props, "fullWidth", 3, false), variant = $16.prop($$props, "variant", 3, "radiogroup"), selectionMode = $16.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $16.prop($$props, "disallowEmptySelection", 3, true), rest = $16.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "value",
+    "label",
+    "hideLabel",
+    "disabled",
+    "size",
+    "density",
+    "orientation",
+    "detached",
+    "fullWidth",
+    "variant",
+    "selectionMode",
+    "disallowEmptySelection",
+    "class",
+    "onchange",
+    "children"
+  ]);
+  const controller = new SegmentedControlController({
+    selectionMode: () => selectionMode(),
+    variant: () => variant(),
+    orientation: () => orientation(),
+    controlDisabled: () => disabled(),
+    disallowEmptySelection: () => disallowEmptySelection(),
+    getValue: () => value(),
+    setValue: (next2) => {
+      value(next2);
+    },
+    onChange: (selected) => $$props.onchange?.(selected)
+  });
+  const contextValue = {
+    get selectionMode() {
+      return selectionMode();
+    },
+    get variant() {
+      return variant();
+    },
+    get controlDisabled() {
+      return disabled();
+    },
+    register: (registration) => controller.register(registration),
+    isSelected: (segmentValue) => controller.isSelected(segmentValue),
+    isFocusable: (segmentValue) => controller.isFocusable(segmentValue),
+    toggle: (segmentValue) => controller.toggle(segmentValue)
+  };
+  setSegmentedControlContext(contextValue);
+  const groupRole = $16.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
+  const effectiveSize = $16.derived(() => $$props.density === "toolbar" ? "sm" : size());
+  var div = root8();
+  var span = $16.child(div);
+  var text5 = $16.child(span, true);
+  $16.reset(span);
+  var div_1 = $16.sibling(span, 2);
+  var event_handler = (event) => controller.handleKeydown(event);
+  $16.attribute_effect(div_1, ($0) => ({
+    ...rest,
+    id: $$props.id,
+    role: $16.get(groupRole),
+    "aria-labelledby": `${$$props.id}-label`,
+    "aria-disabled": disabled() ? "true" : undefined,
+    "aria-orientation": selectionMode() === "single" ? orientation() : undefined,
+    "data-cinder-orientation": orientation(),
+    "data-cinder-size": $16.get(effectiveSize),
+    "data-cinder-density": $$props.density === "toolbar" ? "toolbar" : undefined,
+    "data-cinder-selection-mode": selectionMode(),
+    "data-cinder-detached": detached() ? "" : undefined,
+    "data-cinder-full-width": fullWidth() ? "" : undefined,
+    "data-cinder-variant": variant(),
+    class: $0,
+    onkeydown: event_handler
+  }), [() => classNames("cinder-segmented-control", $$props.class)]);
+  var node = $16.child(div_1);
+  $16.snippet(node, () => $$props.children);
+  $16.reset(div_1);
+  $16.reset(div);
+  $16.template_effect(($0) => {
+    $16.set_attribute(span, "id", `${$$props.id}-label`);
+    $16.set_class(span, 1, $0);
+    $16.set_text(text5, $$props.label);
+  }, [
+    () => $16.clsx(classNames("cinder-segmented-control-label", hideLabel() && "cinder-sr-only"))
+  ]);
+  $16.append($$anchor, div);
+  $16.pop();
+}
+
+// src/components/spinner/spinner.svelte
+import"svelte/internal/disclose-version";
+import * as $17 from "svelte/internal/client";
+var root9 = $17.from_html(`<span><span class="cinder-spinner__sr-only"> </span></span>`);
+function Spinner($$anchor, $$props) {
+  $17.push($$props, true);
+  const size = $17.prop($$props, "size", 3, "md"), label = $17.prop($$props, "label", 3, "Loading"), rest = $17.rest_props($$props, ["$$slots", "$$events", "$$legacy", "size", "label", "class"]);
+  var span = root9();
+  $17.attribute_effect(span, ($0) => ({
+    ...rest,
+    class: $0,
+    role: "status",
+    "aria-label": label(),
+    "data-cinder-size": size()
+  }), [() => classNames("cinder-spinner", $$props.class)]);
+  var span_1 = $17.child(span);
+  var text5 = $17.child(span_1, true);
+  $17.reset(span_1);
+  $17.reset(span);
+  $17.template_effect(() => $17.set_text(text5, label()));
+  $17.append($$anchor, span);
+  $17.pop();
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/chevron-left.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $18 from "svelte/internal/client";
+function Chevron_left($$anchor, $$props) {
+  const $$sanitized_props = $18.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [["path", { d: "m15 18-6-6 6-6" }]];
+  Icon($$anchor, $18.spread_props({ name: "chevron-left" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $18.comment();
+      var node = $18.first_child(fragment_1);
+      $18.slot(node, $$props, "default", {}, null);
+      $18.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// ../../node_modules/lucide-svelte/dist/icons/refresh-cw.svelte
+import"svelte/internal/disclose-version";
+import"svelte/internal/flags/legacy";
+import * as $19 from "svelte/internal/client";
+function Refresh_cw($$anchor, $$props) {
+  const $$sanitized_props = $19.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
+  const iconNode = [
+    [
+      "path",
+      { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }
+    ],
+    ["path", { d: "M21 3v5h-5" }],
+    [
+      "path",
+      { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }
+    ],
+    ["path", { d: "M8 16H3v5" }]
+  ];
+  Icon($$anchor, $19.spread_props({ name: "refresh-cw" }, () => $$sanitized_props, {
+    get iconNode() {
+      return iconNode;
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $19.comment();
+      var node = $19.first_child(fragment_1);
+      $19.slot(node, $$props, "default", {}, null);
+      $19.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  }));
+}
+// src/components/diff-viewer/diff-toolbar.svelte
+var root_15 = $20.from_html(`<!> <!> <!>`, 1);
+var root_112 = $20.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
+var root_172 = $20.from_html(`<!> Revert All`, 1);
+var root_192 = $20.from_html(`<!> Compute Diff`, 1);
+var root_212 = $20.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
+var root_242 = $20.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
+var root10 = $20.from_html(`<div><div class="toolbar-left svelte-1p8ursg"><!> <div class="stats svelte-1p8ursg"><!> <!> <!> <!> <!> <!></div></div> <div class="toolbar-right svelte-1p8ursg"><!> <!> <!> <!></div></div>`);
+function Diff_toolbar($$anchor, $$props) {
+  $20.push($$props, true);
+  let viewMode = $20.prop($$props, "viewMode", 15, "unified"), readonly = $20.prop($$props, "readonly", 3, false), rest = $20.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "viewMode",
+    "stats",
+    "changeCount",
+    "currentChangeIndex",
+    "hasChanges",
+    "readonly",
+    "diffState",
+    "onjumpnext",
+    "onjumpprevious",
+    "onrevertall",
+    "ontriggercompute",
+    "actions",
+    "class"
+  ]);
+  const tier = $20.derived(() => $$props.diffState?.tier ?? "realtime");
+  const isStale = $20.derived(() => $$props.diffState?.isStale ?? false);
+  const isComputing = $20.derived(() => $$props.diffState?.isComputing ?? false);
+  var div = root10();
+  $20.attribute_effect(div, ($0) => ({ class: $0, ...rest }), [() => classNames("diff-toolbar", $$props.class)], undefined, undefined, "svelte-1p8ursg");
+  var div_1 = $20.child(div);
+  var node = $20.child(div_1);
+  Segmented_control(node, {
+    id: "diff-view-mode",
+    selectionMode: "single",
+    size: "sm",
+    label: "View mode",
+    hideLabel: true,
+    get value() {
+      return viewMode();
+    },
+    set value($$value) {
+      viewMode($$value);
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment = root_15();
+      var node_1 = $20.first_child(fragment);
+      Segment(node_1, {
+        value: "unified",
+        children: ($$anchor3, $$slotProps2) => {
+          $20.next();
+          var text6 = $20.text("Unified");
+          $20.append($$anchor3, text6);
+        },
+        $$slots: { default: true }
+      });
+      var node_2 = $20.sibling(node_1, 2);
+      Segment(node_2, {
+        value: "final",
+        children: ($$anchor3, $$slotProps2) => {
+          $20.next();
+          var text_1 = $20.text("Final");
+          $20.append($$anchor3, text_1);
+        },
+        $$slots: { default: true }
+      });
+      var node_3 = $20.sibling(node_2, 2);
+      Segment(node_3, {
+        value: "original",
+        children: ($$anchor3, $$slotProps2) => {
+          $20.next();
+          var text_2 = $20.text("Original");
+          $20.append($$anchor3, text_2);
+        },
+        $$slots: { default: true }
+      });
+      $20.append($$anchor2, fragment);
+    },
+    $$slots: { default: true }
+  });
+  var div_2 = $20.sibling(node, 2);
+  var node_4 = $20.child(div_2);
+  {
+    var consequent = ($$anchor2) => {
+      Badge($$anchor2, {
+        variant: "success",
+        size: "xs",
+        class: "stat-badge",
+        children: ($$anchor3, $$slotProps) => {
+          $20.next();
+          var text_3 = $20.text();
+          $20.template_effect(() => $20.set_text(text_3, `+${$$props.stats.added ?? ""}`));
+          $20.append($$anchor3, text_3);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_4, ($$render) => {
+      if ($$props.stats.added > 0)
+        $$render(consequent);
+    });
+  }
+  var node_5 = $20.sibling(node_4, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      Badge($$anchor2, {
+        variant: "danger",
+        size: "xs",
+        class: "stat-badge",
+        children: ($$anchor3, $$slotProps) => {
+          $20.next();
+          var text_4 = $20.text();
+          $20.template_effect(() => $20.set_text(text_4, `-${$$props.stats.removed ?? ""}`));
+          $20.append($$anchor3, text_4);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_5, ($$render) => {
+      if ($$props.stats.removed > 0)
+        $$render(consequent_1);
+    });
+  }
+  var node_6 = $20.sibling(node_5, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      Badge($$anchor2, {
+        variant: "accent",
+        size: "xs",
+        class: "stat-badge",
+        children: ($$anchor3, $$slotProps) => {
+          $20.next();
+          var text_5 = $20.text();
+          $20.template_effect(() => $20.set_text(text_5, `~${$$props.stats.modified ?? ""}`));
+          $20.append($$anchor3, text_5);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_6, ($$render) => {
+      if ($$props.stats.modified > 0)
+        $$render(consequent_2);
+    });
+  }
+  var node_7 = $20.sibling(node_6, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var span = root_112();
+      $20.append($$anchor2, span);
+    };
+    $20.if(node_7, ($$render) => {
+      if ($$props.stats.added === 0 && $$props.stats.removed === 0 && $$props.stats.modified === 0)
+        $$render(consequent_3);
+    });
+  }
+  var node_8 = $20.sibling(node_7, 2);
+  {
+    var consequent_4 = ($$anchor2) => {
+      Badge($$anchor2, {
+        variant: "warning",
+        size: "xs",
+        class: "stat-badge",
+        children: ($$anchor3, $$slotProps) => {
+          $20.next();
+          var text_6 = $20.text("Outdated");
+          $20.append($$anchor3, text_6);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_8, ($$render) => {
+      if ($20.get(isStale))
+        $$render(consequent_4);
+    });
+  }
+  var node_9 = $20.sibling(node_8, 2);
+  {
+    var consequent_5 = ($$anchor2) => {
+      Spinner($$anchor2, { size: "sm" });
+    };
+    $20.if(node_9, ($$render) => {
+      if ($20.get(isComputing))
+        $$render(consequent_5);
+    });
+  }
+  $20.reset(div_2);
+  $20.reset(div_1);
+  var div_3 = $20.sibling(div_1, 2);
+  var node_10 = $20.child(div_3);
+  {
+    var consequent_6 = ($$anchor2) => {
+      var fragment_9 = $20.comment();
+      var node_11 = $20.first_child(fragment_9);
+      $20.snippet(node_11, () => $$props.actions);
+      $20.append($$anchor2, fragment_9);
+    };
+    $20.if(node_10, ($$render) => {
+      if ($$props.actions)
+        $$render(consequent_6);
+    });
+  }
+  var node_12 = $20.sibling(node_10, 2);
+  {
+    var consequent_7 = ($$anchor2) => {
+      Button($$anchor2, {
+        variant: "secondary",
+        size: "xs",
+        get onclick() {
+          return $$props.onrevertall;
+        },
+        children: ($$anchor3, $$slotProps) => {
+          var fragment_11 = root_172();
+          var node_13 = $20.first_child(fragment_11);
+          Rotate_ccw(node_13, { class: "icon-sm" });
+          $20.next();
+          $20.append($$anchor3, fragment_11);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_12, ($$render) => {
+      if ($$props.hasChanges && !readonly() && $$props.onrevertall)
+        $$render(consequent_7);
+    });
+  }
+  var node_14 = $20.sibling(node_12, 2);
+  {
+    var consequent_8 = ($$anchor2) => {
+      Button($$anchor2, {
+        variant: "secondary",
+        size: "xs",
+        get onclick() {
+          return $$props.ontriggercompute;
+        },
+        get disabled() {
+          return $20.get(isComputing);
+        },
+        children: ($$anchor3, $$slotProps) => {
+          var fragment_13 = root_192();
+          var node_15 = $20.first_child(fragment_13);
+          Refresh_cw(node_15, { class: "icon-sm" });
+          $20.next();
+          $20.append($$anchor3, fragment_13);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_14, ($$render) => {
+      if ($20.get(tier) === "manual" && $$props.ontriggercompute)
+        $$render(consequent_8);
+    });
+  }
+  var node_16 = $20.sibling(node_14, 2);
+  {
+    var consequent_10 = ($$anchor2) => {
+      var fragment_14 = $20.comment();
+      var node_17 = $20.first_child(fragment_14);
+      {
+        var consequent_9 = ($$anchor3) => {
+          var fragment_15 = root_212();
+          var div_4 = $20.first_child(fragment_15);
+          var node_18 = $20.child(div_4);
+          Button(node_18, {
+            variant: "ghost",
+            size: "xs",
+            get onclick() {
+              return $$props.onjumpprevious;
+            },
+            "aria-label": "Previous change",
+            children: ($$anchor4, $$slotProps) => {
+              Chevron_left($$anchor4, { class: "icon-sm" });
+            },
+            $$slots: { default: true }
+          });
+          var span_1 = $20.sibling(node_18, 2);
+          var text_7 = $20.child(span_1);
+          $20.reset(span_1);
+          var node_19 = $20.sibling(span_1, 2);
+          Button(node_19, {
+            variant: "ghost",
+            size: "xs",
+            get onclick() {
+              return $$props.onjumpnext;
+            },
+            "aria-label": "Next change",
+            children: ($$anchor4, $$slotProps) => {
+              Chevron_right($$anchor4, { class: "icon-sm" });
+            },
+            $$slots: { default: true }
+          });
+          $20.reset(div_4);
+          var div_5 = $20.sibling(div_4, 2);
+          var node_20 = $20.child(div_5);
+          Kbd(node_20, { label: "[" });
+          var node_21 = $20.sibling(node_20, 2);
+          Kbd(node_21, { label: "]" });
+          $20.reset(div_5);
+          $20.template_effect(() => $20.set_text(text_7, `${$$props.currentChangeIndex >= 0 ? $$props.currentChangeIndex + 1 : "-"} / ${$$props.changeCount ?? ""}`));
+          $20.append($$anchor3, fragment_15);
+        };
+        var alternate = ($$anchor3) => {
+          var span_2 = root_242();
+          $20.append($$anchor3, span_2);
+        };
+        $20.if(node_17, ($$render) => {
+          if ($$props.changeCount > 0)
+            $$render(consequent_9);
+          else
+            $$render(alternate, -1);
+        });
+      }
+      $20.append($$anchor2, fragment_14);
+    };
+    var alternate_1 = ($$anchor2) => {
+      Badge($$anchor2, {
+        variant: "success",
+        children: ($$anchor3, $$slotProps) => {
+          $20.next();
+          var text_8 = $20.text("No changes");
+          $20.append($$anchor3, text_8);
+        },
+        $$slots: { default: true }
+      });
+    };
+    $20.if(node_16, ($$render) => {
+      if ($$props.hasChanges)
+        $$render(consequent_10);
+      else
+        $$render(alternate_1, -1);
+    });
+  }
+  $20.reset(div_3);
+  $20.reset(div);
+  $20.append($$anchor, div);
+  $20.pop();
+}
+
+// src/components/diff-viewer/diff-viewer.svelte
+var root_72 = $21.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
+var root_6 = $21.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
+var root_113 = $21.from_html(`<!> Revert`, 1);
+var root_103 = $21.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
+var root_92 = $21.from_html(`<!> <!>`, 1);
+var root_18 = $21.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
+function Diff_viewer($$anchor, $$props) {
+  const instanceId = $21.props_id();
+  $21.push($$props, true);
+  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 normalizeInputs = $21.prop($$props, "normalizeInputs", 3, true), readonly = $21.prop($$props, "readonly", 3, false), bindableHunks = $21.prop($$props, "hunks", 31, () => $21.proxy([])), viewMode = $21.prop($$props, "viewMode", 15, "unified");
+  let userSelectedIndex = $21.state(null);
+  let frontMatterExpanded = $21.state(true);
+  const originalParsed = $21.derived(() => getFrontMatterBlock($$props.original));
+  const currentParsed = $21.derived(() => getFrontMatterBlock($$props.current));
+  const hasFrontMatter = $21.derived(() => $21.get(originalParsed).hasFrontMatter || $21.get(currentParsed).hasFrontMatter);
+  const originalFrontMatterText = $21.derived(() => $21.get(originalParsed).text);
+  const currentFrontMatterText = $21.derived(() => $21.get(currentParsed).text);
+  const normalizedOriginalBody = $21.derived(() => normalizeInputs() ? normalizeForDiff($21.get(originalParsed).body) : $21.get(originalParsed).body);
+  const normalizedCurrentBody = $21.derived(() => normalizeInputs() ? normalizeForDiff($21.get(currentParsed).body) : $21.get(currentParsed).body);
+  const frontMatterDiffs = $21.derived(() => $21.get(hasFrontMatter) ? computeLineDiff2($21.get(originalFrontMatterText), $21.get(currentFrontMatterText)) : []);
+  const hasFrontMatterChanges = $21.derived(() => $21.get(frontMatterDiffs).some((d) => d.type !== "same"));
+  const diffController = createDiffController();
+  $21.user_effect(() => {
+    diffController.setOriginal($21.get(normalizedOriginalBody));
+    diffController.setCurrent($21.get(normalizedCurrentBody));
+  });
+  const diffState = $21.derived(() => diffController.state);
+  const lineDiffs = $21.derived(() => $21.get(diffState).diffs);
+  const changedLineIndices = $21.derived(() => {
+    const result = [];
+    for (let i = 0;i < $21.get(lineDiffs).length; i++) {
+      const diff = $21.get(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 = $21.derived(() => $21.get(userSelectedIndex) !== null && $21.get(changedLineIndices).includes($21.get(userSelectedIndex)) ? $21.get(userSelectedIndex) : $21.get(changedLineIndices).length > 0 ? $21.get(changedLineIndices)[0] ?? null : null);
+  const changeCount = $21.derived(() => $21.get(changedLineIndices).length);
+  const currentChangeIndex = $21.derived(() => $21.get(selectedLineIndex) !== null ? $21.get(changedLineIndices).indexOf($21.get(selectedLineIndex)) : -1);
+  const bodyStats = $21.derived(() => getDiffStats($21.get(lineDiffs)));
+  const frontMatterStats = $21.derived(() => getDiffStats($21.get(frontMatterDiffs)));
+  const diffStats = $21.derived(() => ({
+    added: $21.get(bodyStats).added + $21.get(frontMatterStats).added,
+    removed: $21.get(bodyStats).removed + $21.get(frontMatterStats).removed,
+    modified: $21.get(bodyStats).modified + $21.get(frontMatterStats).modified
+  }));
+  const hasAnyChanges = $21.derived(() => $21.get(changeCount) > 0 || $21.get(hasFrontMatterChanges));
+  const computedHunks = $21.derived(() => groupIntoHunks($21.get(lineDiffs)));
+  $21.user_effect(() => {
+    bindableHunks($21.get(computedHunks));
+  });
+  const hunkStartMap = $21.derived(() => {
+    const map = new Map;
+    const changedIndices = [];
+    for (let i = 0;i < $21.get(lineDiffs).length; i++) {
+      if ($21.get(lineDiffs)[i]?.type !== "same") {
+        changedIndices.push(i);
+      }
+    }
+    let changeIndex = 0;
+    for (const hunk of $21.get(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 = $21.derived(() => ({
+    hunks: $21.get(computedHunks),
+    stats: $21.get(diffStats),
+    hasChanges: $21.get(hasAnyChanges),
+    viewMode: viewMode()
+  }));
+  function jumpToNext() {
+    if ($21.get(changedLineIndices).length === 0)
+      return;
+    const currentIdx = $21.get(currentChangeIndex);
+    const nextIdx = currentIdx < $21.get(changedLineIndices).length - 1 ? currentIdx + 1 : 0;
+    $21.set(userSelectedIndex, $21.get(changedLineIndices)[nextIdx] ?? null, true);
+  }
+  function jumpToPrevious() {
+    if ($21.get(changedLineIndices).length === 0)
+      return;
+    const currentIdx = $21.get(currentChangeIndex);
+    const prevIdx = currentIdx > 0 ? currentIdx - 1 : $21.get(changedLineIndices).length - 1;
+    $21.set(userSelectedIndex, $21.get(changedLineIndices)[prevIdx] ?? null, true);
+  }
+  function selectLine(index3) {
+    $21.set(userSelectedIndex, index3, true);
+  }
+  function handleRevertHunk(hunk) {
+    $$props.onreverthunk?.(hunk.index, hunk);
+  }
+  const VIEW_MODES = ["unified", "final", "original"];
+  function handleKeydown(event2) {
+    const target = event2.target;
+    if (target.matches("input, textarea, [contenteditable]"))
+      return;
+    if (event2.key === "]") {
+      event2.preventDefault();
+      jumpToNext();
+    } else if (event2.key === "[") {
+      event2.preventDefault();
+      jumpToPrevious();
+    } else if (event2.ctrlKey && event2.shiftKey && event2.key === "D") {
+      event2.preventDefault();
+      const currentIndex = VIEW_MODES.indexOf(viewMode());
+      viewMode(VIEW_MODES[(currentIndex + 1) % VIEW_MODES.length] ?? "unified");
+    }
+  }
+  var $$exports = { getHunks };
+  $21.event("keydown", $21.window, handleKeydown);
+  {
+    let $0 = $21.derived(() => classNames("diff-viewer", $$props.class));
+    let $1 = $21.derived(() => !$21.get(diffState).isComputing && !$21.get(diffState).isStale ? true : undefined);
+    Surface($$anchor, {
+      get class() {
+        return $21.get($0);
+      },
+      get "data-ready"() {
+        return $21.get($1);
+      },
+      children: ($$anchor2, $$slotProps) => {
+        var fragment_1 = root_18();
+        var node = $21.first_child(fragment_1);
+        {
+          var consequent = ($$anchor3) => {
+            var fragment_2 = $21.comment();
+            var node_1 = $21.first_child(fragment_2);
+            $21.snippet(node_1, () => $$props.toolbar, () => $21.get(toolbarContext));
+            $21.append($$anchor3, fragment_2);
+          };
+          var alternate = ($$anchor3) => {
+            {
+              const actions = ($$anchor4) => {
+                var fragment_4 = $21.comment();
+                var node_2 = $21.first_child(fragment_4);
+                {
+                  var consequent_1 = ($$anchor5) => {
+                    var fragment_5 = $21.comment();
+                    var node_3 = $21.first_child(fragment_5);
+                    $21.snippet(node_3, () => $$props.toolbarActions, () => $21.get(toolbarContext));
+                    $21.append($$anchor5, fragment_5);
+                  };
+                  $21.if(node_2, ($$render) => {
+                    if ($$props.toolbarActions)
+                      $$render(consequent_1);
+                  });
+                }
+                $21.append($$anchor4, fragment_4);
+              };
+              Diff_toolbar($$anchor3, {
+                get stats() {
+                  return $21.get(diffStats);
+                },
+                get changeCount() {
+                  return $21.get(changeCount);
+                },
+                get currentChangeIndex() {
+                  return $21.get(currentChangeIndex);
+                },
+                get hasChanges() {
+                  return $21.get(hasAnyChanges);
+                },
+                get readonly() {
+                  return readonly();
+                },
+                get diffState() {
+                  return $21.get(diffState);
+                },
+                onjumpnext: jumpToNext,
+                onjumpprevious: jumpToPrevious,
+                get onrevertall() {
+                  return $$props.onrevertall;
+                },
+                ontriggercompute: () => diffController.triggerCompute(),
+                get viewMode() {
+                  return viewMode();
+                },
+                set viewMode($$value) {
+                  viewMode($$value);
+                },
+                actions,
+                $$slots: { actions: true }
+              });
+            }
+          };
+          $21.if(node, ($$render) => {
+            if ($$props.toolbar)
+              $$render(consequent);
+            else
+              $$render(alternate, -1);
+          });
+        }
+        var node_4 = $21.sibling(node, 2);
+        {
+          var consequent_3 = ($$anchor3) => {
+            var div = root_6();
+            var text6 = $21.child(div);
+            var node_5 = $21.sibling(text6);
+            {
+              var consequent_2 = ($$anchor4) => {
+                var span = root_72();
+                var text_1 = $21.child(span);
+                $21.reset(span);
+                $21.template_effect(($02) => $21.set_text(text_1, `(Last: ${$02 ?? ""}ms)`), [() => $21.get(diffState).lastComputeTime.toFixed(0)]);
+                $21.append($$anchor4, span);
+              };
+              $21.if(node_5, ($$render) => {
+                if ($21.get(diffState).lastComputeTime !== null)
+                  $$render(consequent_2);
+              });
+            }
+            $21.reset(div);
+            $21.template_effect(() => $21.set_text(text6, `${$21.get(diffState).warning ?? ""} `));
+            $21.append($$anchor3, div);
+          };
+          $21.if(node_4, ($$render) => {
+            if ($21.get(diffState).warning)
+              $$render(consequent_3);
+          });
+        }
+        var div_1 = $21.sibling(node_4, 2);
+        var node_6 = $21.child(div_1);
+        {
+          var consequent_4 = ($$anchor3) => {
+            {
+              let $02 = $21.derived(() => `${instanceId}-front-matter`);
+              let $110 = $21.derived(() => $21.get(hasFrontMatterChanges) ? "Changed" : null);
+              Diff_front_matter($$anchor3, {
+                get id() {
+                  return $21.get($02);
+                },
+                get diffs() {
+                  return $21.get(frontMatterDiffs);
+                },
+                get viewMode() {
+                  return viewMode();
+                },
+                get badgeLabel() {
+                  return $21.get($110);
+                },
+                badgeVariant: "warning",
+                get expanded() {
+                  return $21.get(frontMatterExpanded);
+                },
+                set expanded($$value) {
+                  $21.set(frontMatterExpanded, $$value, true);
+                }
+              });
+            }
+          };
+          $21.if(node_6, ($$render) => {
+            if ($21.get(hasFrontMatter))
+              $$render(consequent_4);
+          });
+        }
+        var node_7 = $21.sibling(node_6, 2);
+        $21.each(node_7, 17, () => $21.get(lineDiffs), $21.index, ($$anchor3, lineDiff, idx) => {
+          const isSelected = $21.derived(() => $21.get(selectedLineIndex) === idx);
+          const hunkAtLine = $21.derived(() => $21.get(hunkStartMap).get(idx));
+          var fragment_7 = root_92();
+          var node_8 = $21.first_child(fragment_7);
+          {
+            var consequent_5 = ($$anchor4) => {
+              var div_2 = root_103();
+              var span_1 = $21.child(div_2);
+              var text_2 = $21.child(span_1);
+              $21.reset(span_1);
+              var node_9 = $21.sibling(span_1, 2);
+              Button(node_9, {
+                variant: "ghost",
+                size: "xs",
+                class: "hunk-revert-button",
+                onclick: () => handleRevertHunk($21.get(hunkAtLine)),
+                "aria-label": "Revert this change",
+                children: ($$anchor5, $$slotProps2) => {
+                  var fragment_8 = root_113();
+                  var node_10 = $21.first_child(fragment_8);
+                  Rotate_ccw(node_10, { class: "icon-xs" });
+                  $21.next();
+                  $21.append($$anchor5, fragment_8);
+                },
+                $$slots: { default: true }
+              });
+              $21.reset(div_2);
+              $21.template_effect(() => $21.set_text(text_2, `@@ -${$21.get(hunkAtLine).originalStart ?? ""},${$21.get(hunkAtLine).originalCount ?? ""} +${$21.get(hunkAtLine).currentStart ?? ""},${$21.get(hunkAtLine).currentCount ?? ""}
+            @@`));
+              $21.append($$anchor4, div_2);
+            };
+            $21.if(node_8, ($$render) => {
+              if ($21.get(hunkAtLine) && !readonly() && $$props.onreverthunk)
+                $$render(consequent_5);
+            });
+          }
+          var node_11 = $21.sibling(node_8, 2);
+          Diff_line(node_11, {
+            get diff() {
+              return $21.get(lineDiff);
+            },
+            get viewMode() {
+              return viewMode();
+            },
+            get selected() {
+              return $21.get(isSelected);
+            },
+            onselect: () => selectLine(idx)
+          });
+          $21.append($$anchor3, fragment_7);
+        });
+        $21.reset(div_1);
+        $21.append($$anchor2, fragment_1);
+      },
+      $$slots: { default: true }
+    });
+  }
+  return $21.pop($$exports);
+}
+
+// src/components/diff-viewer/index.ts
+var diff_viewer_default = Diff_viewer;
+export {
+  diff_viewer_default as default,
+  Diff_viewer as DiffViewer
+};
+
+//# debugId=5AB400DFE7A3F01264756E2164756E21