@lostgradient/cinder 0.12.1 → 0.13.0

package/dist/components/review-editor/index.js

@@ -2865,25 +2865,69 @@ var rest_excludes3 = new Set([
   "$$events",
   "$$legacy",
   "value",
+  "href",
+  "download",
+  "target",
+  "rel",
+  "current",
+  "currentToken",
   "disabled",
   "controls",
   "leading",
   "trailing",
   "children",
-  "class"
+  "class",
+  "onclick"
 ]);
 var root3 = $8.from_html(`<span class="cinder-segmented-control-option-icon" aria-hidden="true"><!></span>`);
 var root_1 = $8.from_html(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true"><!></span>`);
-var root_2 = $8.from_html(`<button><!> <!> <!></button>`);
+var root_2 = $8.from_html(`<!> <!> <!>`, 1);
+var root_3 = $8.from_html(`<a><!></a>`);
+var root_4 = $8.from_html(`<button><!></button>`);
 function Segment($$anchor, $$props) {
   $8.push($$props, true);
-  let disabled = $8.prop($$props, "disabled", 3, false), rest = $8.rest_props($$props, rest_excludes3);
+  const content = ($$anchor2) => {
+    var fragment = root_2();
+    var node_1 = $8.first_child(fragment);
+    {
+      var consequent = ($$anchor3) => {
+        var span = root3();
+        var node_2 = $8.child(span);
+        $8.snippet(node_2, () => $$props.leading);
+        $8.reset(span);
+        $8.append($$anchor3, span);
+      };
+      $8.if(node_1, ($$render) => {
+        if ($$props.leading)
+          $$render(consequent);
+      });
+    }
+    var node_3 = $8.sibling(node_1, 2);
+    $8.snippet(node_3, () => $$props.children ?? $8.noop);
+    var node_4 = $8.sibling(node_3, 2);
+    {
+      var consequent_1 = ($$anchor3) => {
+        var span_1 = root_1();
+        var node_5 = $8.child(span_1);
+        $8.snippet(node_5, () => $$props.trailing);
+        $8.reset(span_1);
+        $8.append($$anchor3, span_1);
+      };
+      $8.if(node_4, ($$render) => {
+        if ($$props.trailing)
+          $$render(consequent_1);
+      });
+    }
+    $8.append($$anchor2, fragment);
+  };
+  let current = $8.prop($$props, "current", 3, false), currentToken = $8.prop($$props, "currentToken", 3, "page"), disabled = $8.prop($$props, "disabled", 3, false), rest = $8.rest_props($$props, rest_excludes3);
   const context = getSegmentedControlContext();
+  const buttonValue = $8.derived(() => $$props.value ?? $$props.href ?? "");
   const registerSegment = (node) => {
     return untrack(() => context.register({
       node,
       get value() {
-        return $$props.value;
+        return $8.get(buttonValue);
       },
       get disabled() {
         return disabled() || context.controlDisabled;
@@ -2893,64 +2937,83 @@ function Segment($$anchor, $$props) {
       }
     }));
   };
-  const isSelected = $8.derived(() => context.isSelected($$props.value));
-  const isFocusable = $8.derived(() => context.isFocusable($$props.value));
+  const isSelected = $8.derived(() => context.isSelected($8.get(buttonValue)));
+  const isFocusable = $8.derived(() => context.isFocusable($8.get(buttonValue)));
   const effectiveDisabled = $8.derived(() => disabled() || context.controlDisabled);
+  const isNavigationItem = $8.derived(() => context.variant === "navigation");
+  const anchorDisabled = $8.derived(() => $8.get(effectiveDisabled) || $$props.href === undefined);
+  const elementAttributes = $8.derived(() => rest);
+  const anchorTabindex = $8.derived(() => $8.get(anchorDisabled) ? -1 : $8.get(elementAttributes).tabindex);
   const role = $8.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
-  var button = root_2();
-  var event_handler = () => context.toggle($$props.value);
-  $8.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: $8.get(role),
-    "data-cinder-segment-value": $$props.value,
-    "aria-checked": $8.get(role) === "radio" ? $8.get(isSelected) : undefined,
-    "aria-selected": $8.get(role) === "tab" ? $8.get(isSelected) : undefined,
-    "aria-pressed": context.selectionMode === "multiple" ? $8.get(isSelected) : undefined,
-    "aria-controls": $8.get(role) === "tab" ? $$props.controls : undefined,
-    "aria-disabled": $8.get(effectiveDisabled) ? "true" : undefined,
-    disabled: context.selectionMode === "multiple" ? $8.get(effectiveDisabled) : undefined,
-    tabindex: $8.get(isFocusable) ? 0 : -1,
-    class: $0,
-    "data-cinder-selected": $8.get(isSelected) ? "" : undefined,
-    "data-cinder-pressed": context.selectionMode === "multiple" && $8.get(isSelected) ? "" : undefined,
-    onclick: event_handler
-  }), [
-    () => classNames("cinder-segmented-control-option", $$props.class)
-  ]);
-  var node_1 = $8.child(button);
-  {
-    var consequent = ($$anchor2) => {
-      var span = root3();
-      var node_2 = $8.child(span);
-      $8.snippet(node_2, () => $$props.leading);
-      $8.reset(span);
-      $8.append($$anchor2, span);
-    };
-    $8.if(node_1, ($$render) => {
-      if ($$props.leading)
-        $$render(consequent);
-    });
+  function handleAnchorClick(event) {
+    if ($8.get(anchorDisabled)) {
+      event.preventDefault();
+      return;
+    }
+    $$props.onclick?.(event);
   }
-  var node_3 = $8.sibling(node_1, 2);
-  $8.snippet(node_3, () => $$props.children ?? $8.noop);
-  var node_4 = $8.sibling(node_3, 2);
+  var fragment_1 = $8.comment();
+  var node_6 = $8.first_child(fragment_1);
   {
-    var consequent_1 = ($$anchor2) => {
-      var span_1 = root_1();
-      var node_5 = $8.child(span_1);
-      $8.snippet(node_5, () => $$props.trailing);
-      $8.reset(span_1);
-      $8.append($$anchor2, span_1);
+    var consequent_2 = ($$anchor2) => {
+      var a = root_3();
+      $8.attribute_effect(a, ($0) => ({
+        ...$8.get(elementAttributes),
+        href: $8.get(anchorDisabled) ? undefined : $$props.href,
+        download: $$props.download,
+        target: $$props.target,
+        rel: $$props.rel,
+        "data-cinder-segment-value": $8.get(buttonValue),
+        "aria-current": current() ? currentToken() : undefined,
+        "aria-disabled": $8.get(anchorDisabled) ? "true" : undefined,
+        tabindex: $8.get(anchorTabindex),
+        class: $0,
+        "data-cinder-current": current() ? "" : undefined,
+        onclick: handleAnchorClick
+      }), [
+        () => classNames("cinder-segmented-control-option", $$props.class)
+      ]);
+      var node_7 = $8.child(a);
+      content(node_7);
+      $8.reset(a);
+      $8.append($$anchor2, a);
     };
-    $8.if(node_4, ($$render) => {
-      if ($$props.trailing)
-        $$render(consequent_1);
+    var alternate = ($$anchor2) => {
+      var button = root_4();
+      var event_handler = () => context.toggle($8.get(buttonValue));
+      $8.attribute_effect(button, ($0) => ({
+        ...$8.get(elementAttributes),
+        type: "button",
+        role: $8.get(role),
+        "data-cinder-segment-value": $8.get(buttonValue),
+        "aria-checked": $8.get(role) === "radio" ? $8.get(isSelected) : undefined,
+        "aria-selected": $8.get(role) === "tab" ? $8.get(isSelected) : undefined,
+        "aria-pressed": context.selectionMode === "multiple" ? $8.get(isSelected) : undefined,
+        "aria-controls": $8.get(role) === "tab" ? $$props.controls : undefined,
+        "aria-disabled": $8.get(effectiveDisabled) ? "true" : undefined,
+        disabled: context.selectionMode === "multiple" ? $8.get(effectiveDisabled) : undefined,
+        tabindex: $8.get(isFocusable) ? 0 : -1,
+        class: $0,
+        "data-cinder-selected": $8.get(isSelected) ? "" : undefined,
+        "data-cinder-pressed": context.selectionMode === "multiple" && $8.get(isSelected) ? "" : undefined,
+        onclick: event_handler
+      }), [
+        () => classNames("cinder-segmented-control-option", $$props.class)
+      ]);
+      var node_8 = $8.child(button);
+      content(node_8);
+      $8.reset(button);
+      $8.attach(button, () => registerSegment);
+      $8.append($$anchor2, button);
+    };
+    $8.if(node_6, ($$render) => {
+      if ($8.get(isNavigationItem))
+        $$render(consequent_2);
+      else
+        $$render(alternate, -1);
     });
   }
-  $8.reset(button);
-  $8.attach(button, () => registerSegment);
-  $8.append($$anchor, button);
+  $8.append($$anchor, fragment_1);
   $8.pop();
 }
 
@@ -2981,9 +3044,11 @@ var rest_excludes4 = new Set([
   "onchange",
   "children"
 ]);
-var root4 = $9.from_html(`<input type="hidden"/>`);
-var root_12 = $9.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
-var root_22 = $9.from_html(`<div class="cinder-segmented-control-container"><span> </span> <div><!></div> <!></div>`);
+var root4 = $9.from_html(`<nav><!></nav>`);
+var root_12 = $9.from_html(`<div><!></div>`);
+var root_22 = $9.from_html(`<input type="hidden"/>`);
+var root_32 = $9.from_html(`<input type="hidden" disabled=""/> <!>`, 1);
+var root_42 = $9.from_html(`<div class="cinder-segmented-control-container"><span> </span> <!> <!></div>`);
 function Segmented_control($$anchor, $$props) {
   $9.push($$props, true);
   let value = $9.prop($$props, "value", 15), hideLabel = $9.prop($$props, "hideLabel", 3, false), disabled = $9.prop($$props, "disabled", 3, false), size = $9.prop($$props, "size", 3, "md"), orientation = $9.prop($$props, "orientation", 3, "horizontal"), detached = $9.prop($$props, "detached", 3, false), fullWidth = $9.prop($$props, "fullWidth", 3, false), variant = $9.prop($$props, "variant", 3, "radiogroup"), selectionMode = $9.prop($$props, "selectionMode", 3, "single"), disallowEmptySelection = $9.prop($$props, "disallowEmptySelection", 3, true), rest = $9.rest_props($$props, rest_excludes4);
@@ -2991,9 +3056,11 @@ function Segmented_control($$anchor, $$props) {
   let resetSyncTimeout;
   const initialSingleValue = untrack2(() => typeof value() === "string" ? value() : undefined);
   const initialMultipleValues = untrack2(() => selectionMode() === "multiple" && value() instanceof SvelteSet ? Array.from(value()) : undefined);
+  const effectiveVariant = $9.derived(() => selectionMode() === "multiple" && variant() !== "radiogroup" ? "radiogroup" : variant());
+  const rendersNavigation = $9.derived(() => $9.get(effectiveVariant) === "navigation");
   const controller = new SegmentedControlController({
     selectionMode: () => selectionMode(),
-    variant: () => variant(),
+    variant: () => $9.get(effectiveVariant),
     orientation: () => orientation(),
     controlDisabled: () => disabled(),
     disallowEmptySelection: () => disallowEmptySelection(),
@@ -3008,7 +3075,7 @@ function Segmented_control($$anchor, $$props) {
       return selectionMode();
     },
     get variant() {
-      return variant();
+      return $9.get(effectiveVariant);
     },
     get controlDisabled() {
       return disabled();
@@ -3019,7 +3086,7 @@ function Segmented_control($$anchor, $$props) {
     toggle: (segmentValue) => controller.toggle(segmentValue)
   };
   setSegmentedControlContext(contextValue);
-  const groupRole = $9.derived(() => selectionMode() === "multiple" ? "group" : variant() === "tablist" ? "tablist" : "radiogroup");
+  const groupRole = $9.derived(() => selectionMode() === "multiple" ? "group" : variant() === "navigation" ? undefined : variant() === "tablist" ? "tablist" : "radiogroup");
   const effectiveSize = $9.derived(() => $$props.density === "toolbar" ? "sm" : size());
   const selectedValues = $9.derived(() => selectionMode() === "multiple" ? value() instanceof SvelteSet ? Array.from(value()) : [] : typeof value() === "string" ? [value()] : []);
   function resetToInitialValue(event) {
@@ -3050,41 +3117,74 @@ function Segmented_control($$anchor, $$props) {
       }
     };
   });
-  var div = root_22();
+  var div = root_42();
   var span = $9.child(div);
   var text = $9.child(span, true);
   $9.reset(span);
-  var div_1 = $9.sibling(span, 2);
-  var event_handler = (event) => controller.handleKeydown(event);
-  $9.attribute_effect(div_1, ($0) => ({
-    ...rest,
-    id: $$props.id,
-    role: $9.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": $9.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 = $9.child(div_1);
-  $9.snippet(node, () => $$props.children);
-  $9.reset(div_1);
-  var node_1 = $9.sibling(div_1, 2);
+  var node = $9.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment = root_12();
+      var nav = root4();
+      $9.attribute_effect(nav, ($0) => ({
+        ...rest,
+        id: $$props.id,
+        role: "navigation",
+        "aria-labelledby": `${$$props.id}-label`,
+        "data-cinder-orientation": orientation(),
+        "data-cinder-size": $9.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": $9.get(effectiveVariant),
+        class: $0
+      }), [() => classNames("cinder-segmented-control", $$props.class)]);
+      var node_1 = $9.child(nav);
+      $9.snippet(node_1, () => $$props.children);
+      $9.reset(nav);
+      $9.append($$anchor2, nav);
+    };
+    var alternate = ($$anchor2) => {
+      var div_1 = root_12();
+      var event_handler = (event) => controller.handleKeydown(event);
+      $9.attribute_effect(div_1, ($0) => ({
+        ...rest,
+        id: $$props.id,
+        role: $9.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": $9.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": $9.get(effectiveVariant),
+        class: $0,
+        onkeydown: event_handler
+      }), [() => classNames("cinder-segmented-control", $$props.class)]);
+      var node_2 = $9.child(div_1);
+      $9.snippet(node_2, () => $$props.children);
+      $9.reset(div_1);
+      $9.append($$anchor2, div_1);
+    };
+    $9.if(node, ($$render) => {
+      if ($9.get(rendersNavigation))
+        $$render(consequent);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  var node_3 = $9.sibling(node, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var fragment = root_32();
       var input_1 = $9.first_child(fragment);
       $9.bind_this(input_1, ($$value) => $9.set(resetInputElement, $$value), () => $9.get(resetInputElement));
-      var node_2 = $9.sibling(input_1, 2);
-      $9.each(node_2, 16, () => $9.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
-        var input_2 = root4();
+      var node_4 = $9.sibling(input_1, 2);
+      $9.each(node_4, 16, () => $9.get(selectedValues), (selectedValue) => selectedValue, ($$anchor3, selectedValue) => {
+        var input_2 = root_22();
         $9.remove_input_defaults(input_2);
         $9.template_effect(() => {
           $9.set_attribute(input_2, "name", $$props.name);
@@ -3095,9 +3195,9 @@ function Segmented_control($$anchor, $$props) {
       });
       $9.append($$anchor2, fragment);
     };
-    $9.if(node_1, ($$render) => {
-      if ($$props.name)
-        $$render(consequent);
+    $9.if(node_3, ($$render) => {
+      if ($$props.name && !$9.get(rendersNavigation))
+        $$render(consequent_1);
     });
   }
   $9.reset(div);
@@ -4682,7 +4782,7 @@ var rest_excludes9 = new Set([
 var root11 = $33.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
 var root_14 = $33.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
 var root_23 = $33.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
-var root_3 = $33.from_html(`<div><!></div>`);
+var root_33 = $33.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $33.props_id();
   $33.push($$props, true);
@@ -4794,7 +4894,7 @@ function Dropdown($$anchor, $$props) {
     const toggleEvent = event3;
     open(toggleEvent.newState === "open");
   }
-  var div = root_3();
+  var div = root_33();
   $33.attribute_effect(div, ($0) => ({
     id: id(),
     class: $0,
@@ -6102,13 +6202,13 @@ var rest_excludes14 = new Set([
 var root17 = $39.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
 var root_19 = $39.from_html(`<span class="cinder-sr-only"> </span>`);
 var root_25 = $39.from_html(`<!> <!>`, 1);
-var root_32 = $39.from_html(`<!> <!> <!>`, 1);
-var root_4 = $39.from_html(`<a><!></a>`);
+var root_34 = $39.from_html(`<!> <!> <!>`, 1);
+var root_43 = $39.from_html(`<a><!></a>`);
 var root_5 = $39.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $39.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_32();
+    var fragment = root_34();
     var node = $39.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
@@ -6239,7 +6339,7 @@ function Button($$anchor, $$props) {
   var node_9 = $39.first_child(fragment_4);
   {
     var consequent_6 = ($$anchor2) => {
-      var a = root_4();
+      var a = root_43();
       $39.attribute_effect(a, () => ({
         ...anchorAttributes,
         href: loading() ? undefined : $$props.href,
@@ -6381,8 +6481,8 @@ var rest_excludes15 = new Set([
 var root18 = $40.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
 var root_110 = $40.from_html(`<input/>`);
 var root_26 = $40.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_33 = $40.from_html(`<label> <!></label>`);
-var root_42 = $40.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
+var root_35 = $40.from_html(`<label> <!></label>`);
+var root_44 = $40.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
 var root_52 = $40.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
 var root_6 = $40.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
 var root_7 = $40.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
@@ -6475,7 +6575,7 @@ function Input($$anchor, $$props) {
   var node = $40.child(div);
   {
     var consequent_1 = ($$anchor2) => {
-      var label_1 = root_33();
+      var label_1 = root_35();
       var text2 = $40.child(label_1);
       var node_1 = $40.sibling(text2);
       {
@@ -6511,7 +6611,7 @@ function Input($$anchor, $$props) {
       var node_3 = $40.child(div_1);
       {
         var consequent_2 = ($$anchor3) => {
-          var span_1 = root_42();
+          var span_1 = root_44();
           var node_4 = $40.child(span_1);
           $40.snippet(node_4, () => $$props.leading);
           $40.reset(span_1);
@@ -6944,8 +7044,8 @@ var rest_excludes16 = new Set([
 var root20 = $44.from_html(`<div class="toolbar-leading svelte-1mxvqjb"><!></div>`);
 var root_112 = $44.from_html(`<div class="toolbar-actions svelte-1mxvqjb"><!></div>`);
 var root_27 = $44.from_html(`<!> <!>`, 1);
-var root_34 = $44.from_html(`<div class="toolbar-mode-toggle svelte-1mxvqjb"><!></div>`);
-var root_43 = $44.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
+var root_36 = $44.from_html(`<div class="toolbar-mode-toggle svelte-1mxvqjb"><!></div>`);
+var root_45 = $44.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
 var root_53 = $44.from_html(`<div class="cinder-markdown-content markdown-editor surface svelte-1mxvqjb" role="application" tabindex="0"></div>`);
 var root_62 = $44.from_html(`<textarea class="markdown-editor surface source-mode svelte-1mxvqjb" aria-multiline="true"></textarea>`);
 var root_72 = $44.from_html(`<div><div class="markdown-editor-layout svelte-1mxvqjb"><!> <!></div> <!></div>`);
@@ -7370,7 +7470,7 @@ function Markdown_editor($$anchor, $$props) {
           $44.append($$anchor3, fragment_1);
         };
         var alternate = ($$anchor3) => {
-          var div_2 = root_43();
+          var div_2 = root_45();
           var node_3 = $44.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
@@ -7439,7 +7539,7 @@ function Markdown_editor($$anchor, $$props) {
           var node_8 = $44.sibling(node_6, 2);
           {
             var consequent_3 = ($$anchor4) => {
-              var div_5 = root_34();
+              var div_5 = root_36();
               var node_9 = $44.child(div_5);
               {
                 let $0 = $44.derived(() => `${$$props.id}-mode-toggle`);
@@ -7722,8 +7822,8 @@ function Trash_2($$anchor, $$props) {
 var root21 = $47.from_html(`<span class="comment-edited svelte-11dydst">(edited)</span>`);
 var root_113 = $47.from_html(`<div class="comment-edit svelte-11dydst"><label class="sr-only svelte-11dydst">Edit comment</label> <textarea class="comment-edit-textarea svelte-11dydst"></textarea> <div class="comment-edit-actions svelte-11dydst"><!> <!></div></div>`);
 var root_28 = $47.from_html(`<div class="comment-body svelte-11dydst"> </div>`);
-var root_35 = $47.from_html(`<button type="button" class="comment-action svelte-11dydst" aria-label="Edit comment" title="Edit comment"><!></button>`);
-var root_44 = $47.from_html(`<button type="button" class="comment-action comment-action-danger svelte-11dydst" aria-label="Delete comment" title="Delete comment"><!></button>`);
+var root_37 = $47.from_html(`<button type="button" class="comment-action svelte-11dydst" aria-label="Edit comment" title="Edit comment"><!></button>`);
+var root_46 = $47.from_html(`<button type="button" class="comment-action comment-action-danger svelte-11dydst" aria-label="Delete comment" title="Delete comment"><!></button>`);
 var root_54 = $47.from_html(`<div class="comment-actions svelte-11dydst"><!> <!></div>`);
 var root_63 = $47.from_html(`<article class="comment svelte-11dydst"><header class="comment-header svelte-11dydst"><div class="comment-author svelte-11dydst"><div class="comment-avatar svelte-11dydst" aria-hidden="true"> </div> <span class="comment-author-name svelte-11dydst"> </span></div> <div class="comment-meta svelte-11dydst"><time class="comment-time svelte-11dydst"> </time> <!></div></header> <!> <!></article>`);
 var root_73 = $47.from_html(`<p class="comment-list-empty svelte-11dydst">No comments yet.</p>`);
@@ -7734,9 +7834,9 @@ function Comment_list($$anchor, $$props) {
   const visibleComments = $47.derived(() => $$props.comments.filter((c) => !("deletedAt" in c) || !c.deletedAt));
   let editingCommentId = $47.state(null);
   let editingBody = $47.state("");
-  function startEdit(comment29) {
-    $47.set(editingCommentId, comment29.id, true);
-    $47.set(editingBody, comment29.body, true);
+  function startEdit(comment30) {
+    $47.set(editingCommentId, comment30.id, true);
+    $47.set(editingBody, comment30.body, true);
   }
   function cancelEdit() {
     $47.set(editingCommentId, null);
@@ -7756,15 +7856,15 @@ function Comment_list($$anchor, $$props) {
       saveEdit(commentId);
     }
   }
-  function canEditComment(comment29) {
-    return mode() !== "readonly" && comment29.authorId === $$props.currentUserId;
+  function canEditComment(comment30) {
+    return mode() !== "readonly" && comment30.authorId === $$props.currentUserId;
   }
-  function canDeleteComment(comment29) {
-    return mode() !== "readonly" && comment29.authorId === $$props.currentUserId;
+  function canDeleteComment(comment30) {
+    return mode() !== "readonly" && comment30.authorId === $$props.currentUserId;
   }
   var div = root_82();
   var node = $47.child(div);
-  $47.each(node, 17, () => $47.get(visibleComments), (comment29) => comment29.id, ($$anchor2, comment29) => {
+  $47.each(node, 17, () => $47.get(visibleComments), (comment30) => comment30.id, ($$anchor2, comment30) => {
     var article = root_63();
     var header = $47.child(article);
     var div_1 = $47.child(header);
@@ -7783,11 +7883,11 @@ function Comment_list($$anchor, $$props) {
     {
       var consequent = ($$anchor3) => {
         var span_1 = root21();
-        $47.template_effect(() => $47.set_attribute(span_1, "title", `Edited ${$47.get(comment29).editedAt}`));
+        $47.template_effect(() => $47.set_attribute(span_1, "title", `Edited ${$47.get(comment30).editedAt}`));
         $47.append($$anchor3, span_1);
       };
       $47.if(node_1, ($$render) => {
-        if ("editedAt" in $47.get(comment29) && $47.get(comment29).editedAt)
+        if ("editedAt" in $47.get(comment30) && $47.get(comment30).editedAt)
           $$render(consequent);
       });
     }
@@ -7820,7 +7920,7 @@ function Comment_list($$anchor, $$props) {
           Button(node_4, {
             variant: "primary",
             size: "xs",
-            onclick: () => saveEdit($47.get(comment29).id),
+            onclick: () => saveEdit($47.get(comment30).id),
             get disabled() {
               return $47.get($0);
             },
@@ -7835,10 +7935,10 @@ function Comment_list($$anchor, $$props) {
         $47.reset(div_5);
         $47.reset(div_4);
         $47.template_effect(() => {
-          $47.set_attribute(label, "for", `${$47.get(comment29).id ?? ""}-edit`);
-          $47.set_attribute(textarea, "id", `${$47.get(comment29).id ?? ""}-edit`);
+          $47.set_attribute(label, "for", `${$47.get(comment30).id ?? ""}-edit`);
+          $47.set_attribute(textarea, "id", `${$47.get(comment30).id ?? ""}-edit`);
         });
-        $47.delegated("keydown", textarea, (e) => handleEditKeyDown(e, $47.get(comment29).id));
+        $47.delegated("keydown", textarea, (e) => handleEditKeyDown(e, $47.get(comment30).id));
         $47.bind_value(textarea, () => $47.get(editingBody), ($$value) => $47.set(editingBody, $$value));
         $47.append($$anchor3, div_4);
       };
@@ -7846,11 +7946,11 @@ function Comment_list($$anchor, $$props) {
         var div_6 = root_28();
         var text_5 = $47.child(div_6, true);
         $47.reset(div_6);
-        $47.template_effect(() => $47.set_text(text_5, $47.get(comment29).body));
+        $47.template_effect(() => $47.set_text(text_5, $47.get(comment30).body));
         $47.append($$anchor3, div_6);
       };
       $47.if(node_2, ($$render) => {
-        if ($47.get(editingCommentId) === $47.get(comment29).id)
+        if ($47.get(editingCommentId) === $47.get(comment30).id)
           $$render(consequent_1);
         else
           $$render(alternate, -1);
@@ -7863,14 +7963,14 @@ function Comment_list($$anchor, $$props) {
         var node_6 = $47.child(div_7);
         {
           var consequent_2 = ($$anchor4) => {
-            var button = root_35();
+            var button = root_37();
             var node_7 = $47.child(button);
             Pencil(node_7, { class: "cinder-icon-sm" });
             $47.reset(button);
-            $47.delegated("click", button, () => startEdit($47.get(comment29)));
+            $47.delegated("click", button, () => startEdit($47.get(comment30)));
             $47.append($$anchor4, button);
           };
-          var d = $47.derived(() => canEditComment($47.get(comment29)));
+          var d = $47.derived(() => canEditComment($47.get(comment30)));
           $47.if(node_6, ($$render) => {
             if ($47.get(d))
               $$render(consequent_2);
@@ -7879,14 +7979,14 @@ function Comment_list($$anchor, $$props) {
         var node_8 = $47.sibling(node_6, 2);
         {
           var consequent_3 = ($$anchor4) => {
-            var button_1 = root_44();
+            var button_1 = root_46();
             var node_9 = $47.child(button_1);
             Trash_2(node_9, { class: "cinder-icon-sm" });
             $47.reset(button_1);
-            $47.delegated("click", button_1, () => $$props.ondelete?.($47.get(comment29).id));
+            $47.delegated("click", button_1, () => $$props.ondelete?.($47.get(comment30).id));
             $47.append($$anchor4, button_1);
           };
-          var d_1 = $47.derived(() => canDeleteComment($47.get(comment29)));
+          var d_1 = $47.derived(() => canDeleteComment($47.get(comment30)));
           $47.if(node_8, ($$render) => {
             if ($47.get(d_1))
               $$render(consequent_3);
@@ -7896,21 +7996,21 @@ function Comment_list($$anchor, $$props) {
         $47.append($$anchor3, div_7);
       };
       $47.if(node_5, ($$render) => {
-        if (mode() !== "readonly" && $47.get(editingCommentId) !== $47.get(comment29).id)
+        if (mode() !== "readonly" && $47.get(editingCommentId) !== $47.get(comment30).id)
           $$render(consequent_4);
       });
     }
     $47.reset(article);
     $47.template_effect(($0, $1) => {
-      $47.set_attribute(article, "data-comment-id", $47.get(comment29).id);
+      $47.set_attribute(article, "data-comment-id", $47.get(comment30).id);
       $47.set_text(text5, $0);
-      $47.set_text(text_1, $47.get(comment29).authorId);
-      $47.set_attribute(time, "datetime", $47.get(comment29).createdAt);
-      $47.set_attribute(time, "title", $47.get(comment29).createdAt);
+      $47.set_text(text_1, $47.get(comment30).authorId);
+      $47.set_attribute(time, "datetime", $47.get(comment30).createdAt);
+      $47.set_attribute(time, "title", $47.get(comment30).createdAt);
       $47.set_text(text_2, $1);
     }, [
-      () => $47.get(comment29).authorId.charAt(0).toUpperCase(),
-      () => formatRelativeTime($47.get(comment29).createdAt)
+      () => $47.get(comment30).authorId.charAt(0).toUpperCase(),
+      () => formatRelativeTime($47.get(comment30).createdAt)
     ]);
     $47.append($$anchor2, article);
   });
@@ -8164,7 +8264,7 @@ function File_text($$anchor, $$props) {
 var root23 = $50.from_html(`<span class="thread-popover-document-label svelte-jqotwh"><!> Document comment</span>`);
 var root_115 = $50.from_html(`<span class="thread-popover-quote svelte-jqotwh"> </span>`);
 var root_29 = $50.from_html(`<div class="thread-popover-composer svelte-jqotwh"><!></div>`);
-var root_36 = $50.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="thread-popover-header svelte-jqotwh"><div class="thread-popover-title-row svelte-jqotwh"><h2 class="thread-popover-title svelte-jqotwh"><!></h2> <div class="thread-popover-header-actions svelte-jqotwh"><!> <button type="button" class="thread-popover-close svelte-jqotwh" aria-label="Close"><!></button></div></div></header> <div class="thread-popover-content svelte-jqotwh"><!></div> <!></div>`);
+var root_38 = $50.from_html(`<div role="dialog" aria-modal="true" tabindex="-1"><header class="thread-popover-header svelte-jqotwh"><div class="thread-popover-title-row svelte-jqotwh"><h2 class="thread-popover-title svelte-jqotwh"><!></h2> <div class="thread-popover-header-actions svelte-jqotwh"><!> <button type="button" class="thread-popover-close svelte-jqotwh" aria-label="Close"><!></button></div></div></header> <div class="thread-popover-content svelte-jqotwh"><!></div> <!></div>`);
 function Thread_popover($$anchor, $$props) {
   $50.push($$props, true);
   let mode = $50.prop($$props, "mode", 3, "edit");
@@ -8220,7 +8320,7 @@ function Thread_popover($$anchor, $$props) {
     const quote = $$props.thread.anchor.quote;
     return quote.length > 30 ? `${quote.slice(0, 30)}...` : quote;
   });
-  var div = root_36();
+  var div = root_38();
   var header = $50.child(div);
   var div_1 = $50.child(header);
   var h2 = $50.child(div_1);
@@ -8621,8 +8721,8 @@ function Message_square($$anchor, $$props) {
 var root25 = $57.from_html(`<!> <span class="cinder-sr-only">Copy</span>`, 1);
 var root_117 = $57.from_html(`<span class="copied-label svelte-1cj1bq5">Copied!</span>`);
 var root_210 = $57.from_html(`<!> <span> </span> <!>`, 1);
-var root_37 = $57.from_html(`<!> <!> <!> <!> <!>`, 1);
-var root_45 = $57.from_html(`<!> <!>`, 1);
+var root_39 = $57.from_html(`<!> <!> <!> <!> <!>`, 1);
+var root_47 = $57.from_html(`<!> <!>`, 1);
 var root_55 = $57.from_html(`<div><div class="cinder-sr-only" aria-live="polite" aria-atomic="true"><!></div> <!></div>`);
 function Export_actions($$anchor, $$props) {
   $57.push($$props, true);
@@ -8680,7 +8780,7 @@ function Export_actions($$anchor, $$props) {
       return $$props.id;
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = root_45();
+      var fragment_1 = root_47();
       var node_2 = $57.first_child(fragment_1);
       Dropdown_trigger(node_2, {
         class: "export-trigger",
@@ -8698,7 +8798,7 @@ function Export_actions($$anchor, $$props) {
       var node_4 = $57.sibling(node_2, 2);
       Dropdown_menu(node_4, {
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_3 = root_37();
+          var fragment_3 = root_39();
           var node_5 = $57.first_child(fragment_3);
           {
             var consequent_3 = ($$anchor4) => {
@@ -8986,8 +9086,8 @@ import { getVisibleComments, isDocumentAnchor as isDocumentAnchor2 } from "@lost
 var root26 = $60.from_html(`<!> Clear all comments`, 1);
 var root_118 = $60.from_html(`<!> <!>`, 1);
 var root_211 = $60.from_html(`<div class="confirm-clear svelte-1g8l8sh" role="alertdialog"><p class="confirm-message svelte-1g8l8sh"> </p> <div class="confirm-actions svelte-1g8l8sh"><!> <!></div></div>`);
-var root_38 = $60.from_html(`<div class="document-comment-composer svelte-1g8l8sh"><div class="document-comment-header svelte-1g8l8sh"><!> <span>Document comment</span></div> <!></div>`);
-var root_46 = $60.from_html(`<div class="empty-state svelte-1g8l8sh"><p class="empty-message svelte-1g8l8sh">No comments yet</p> <p class="empty-hint svelte-1g8l8sh">Select text or click + to add a comment</p></div>`);
+var root_310 = $60.from_html(`<div class="document-comment-composer svelte-1g8l8sh"><div class="document-comment-header svelte-1g8l8sh"><!> <span>Document comment</span></div> <!></div>`);
+var root_48 = $60.from_html(`<div class="empty-state svelte-1g8l8sh"><p class="empty-message svelte-1g8l8sh">No comments yet</p> <p class="empty-hint svelte-1g8l8sh">Select text or click + to add a comment</p></div>`);
 var root_56 = $60.from_html(`<button type="button" class="thread-item svelte-1g8l8sh" data-document="true"><div class="thread-document-label svelte-1g8l8sh"><!> <span>Document comment</span></div> <p class="thread-preview svelte-1g8l8sh"> </p></button>`);
 var root_64 = $60.from_html(`<button type="button" class="thread-item svelte-1g8l8sh"><blockquote class="thread-quote svelte-1g8l8sh"> </blockquote> <p class="thread-preview svelte-1g8l8sh"> </p></button>`);
 var root_74 = $60.from_html(`<aside aria-label="Comment threads"><div class="sidebar-header svelte-1g8l8sh"><!> <h2 class="sidebar-title svelte-1g8l8sh">Comments</h2> <span class="thread-count svelte-1g8l8sh"> </span> <!> <!></div> <!> <!> <div class="thread-list svelte-1g8l8sh"><!></div></aside>`);
@@ -9188,7 +9288,7 @@ function Comment_sidebar($$anchor, $$props) {
   var node_10 = $60.sibling(node_7, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_3 = root_38();
+      var div_3 = root_310();
       var div_4 = $60.child(div_3);
       var node_11 = $60.child(div_4);
       File_text(node_11, { class: "cinder-icon-xs" });
@@ -9215,7 +9315,7 @@ function Comment_sidebar($$anchor, $$props) {
   var node_13 = $60.child(div_5);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_6 = root_46();
+      var div_6 = root_48();
       $60.append($$anchor2, div_6);
     };
     var alternate_1 = ($$anchor2) => {
@@ -9314,8 +9414,8 @@ var rest_excludes18 = new Set([
 var root27 = $61.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_119 = $61.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
 var root_212 = $61.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
-var root_39 = $61.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
-var root_47 = $61.from_html(`<div><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
+var root_311 = $61.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
+var root_49 = $61.from_html(`<div><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
 function Checkbox($$anchor, $$props) {
   const generatedId = $61.props_id();
   $61.push($$props, true);
@@ -9378,7 +9478,7 @@ function Checkbox($$anchor, $$props) {
     target.indeterminate = indeterminate() && !committed;
     $$props.onchange?.(event4);
   }
-  var div = root_47();
+  var div = root_49();
   var div_1 = $61.child(div);
   var span = $61.child(div_1);
   var input = $61.child(span);
@@ -9447,7 +9547,7 @@ function Checkbox($$anchor, $$props) {
   var node_3 = $61.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_39();
+      var p_1 = root_311();
       var text_2 = $61.child(p_1, true);
       $61.reset(p_1);
       $61.template_effect(() => {
@@ -9510,8 +9610,8 @@ var rest_excludes19 = new Set([
 var root28 = $62.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_120 = $62.from_html(`<label class="cinder-textarea-label"> <!></label>`);
 var root_213 = $62.from_html(`<p class="cinder-textarea-description"> </p>`);
-var root_310 = $62.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
-var root_48 = $62.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
+var root_312 = $62.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
+var root_410 = $62.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
 var root_57 = $62.from_html(`<div class="cinder-textarea-field"><!> <textarea></textarea> <!> <!> <!></div>`);
 function Textarea($$anchor, $$props) {
   $62.push($$props, true);
@@ -9599,7 +9699,7 @@ function Textarea($$anchor, $$props) {
   var node_3 = $62.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var output = root_310();
+      var output = root_312();
       var text_2 = $62.child(output);
       $62.reset(output);
       $62.template_effect(() => {
@@ -9617,7 +9717,7 @@ function Textarea($$anchor, $$props) {
   var node_4 = $62.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_48();
+      var p_1 = root_410();
       var text_3 = $62.child(p_1, true);
       $62.reset(p_1);
       $62.template_effect(() => {
@@ -10094,7 +10194,7 @@ var rest_excludes20 = new Set([
 var root30 = $64.from_svg(`<path></path>`);
 var root_122 = $64.from_svg(`<svg class="cinder-icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></svg>`);
 var root_215 = $64.from_html(`<!> <!>`, 1);
-var root_311 = $64.from_html(`<span><!></span>`);
+var root_313 = $64.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $64.push($$props, true);
   const subscriptionStateConfigurations = {
@@ -10135,7 +10235,7 @@ function Badge($$anchor, $$props) {
   const subscriptionStateConfiguration = $64.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateConfigurations[$$props.subscriptionState]);
   const resolvedVariant = $64.derived(() => $64.get(subscriptionStateConfiguration)?.variant ?? variant());
   const resolvedSubscriptionIconPaths = $64.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateIconPaths[$$props.subscriptionState]);
-  var span = root_311();
+  var span = root_313();
   $64.attribute_effect(span, ($0) => ({
     class: $0,
     "data-cinder-variant": $64.get(resolvedVariant),
@@ -10223,8 +10323,8 @@ var rest_excludes21 = new Set([
 var root31 = $65.from_html(`<span class="cinder-diff-statistics__label">added</span>`);
 var root_123 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--added"><span class="cinder-diff-statistics__prefix" aria-hidden="true">+</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
 var root_216 = $65.from_html(`<span class="cinder-diff-statistics__label">removed</span>`);
-var root_312 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--removed"><span class="cinder-diff-statistics__prefix" aria-hidden="true">-</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
-var root_49 = $65.from_html(`<span class="cinder-diff-statistics__label">modified</span>`);
+var root_314 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--removed"><span class="cinder-diff-statistics__prefix" aria-hidden="true">-</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
+var root_411 = $65.from_html(`<span class="cinder-diff-statistics__label">modified</span>`);
 var root_58 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--modified"><span class="cinder-diff-statistics__prefix" aria-hidden="true">~</span> <span class="cinder-diff-statistics__value"> </span> <!></span>`);
 var root_65 = $65.from_html(`<!> <!> <!>`, 1);
 var root_75 = $65.from_html(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--none">No changes</span>`);
@@ -10290,7 +10390,7 @@ function Diff_statistics($$anchor, $$props) {
       var node_3 = $65.sibling(node_1, 2);
       {
         var consequent_3 = ($$anchor3) => {
-          var span_3 = root_312();
+          var span_3 = root_314();
           var span_4 = $65.sibling($65.child(span_3), 2);
           var text_1 = $65.child(span_4, true);
           $65.reset(span_4);
@@ -10327,7 +10427,7 @@ function Diff_statistics($$anchor, $$props) {
           var node_6 = $65.sibling(span_7, 2);
           {
             var consequent_4 = ($$anchor4) => {
-              var span_8 = root_49();
+              var span_8 = root_411();
               $65.append($$anchor4, span_8);
             };
             $65.if(node_6, ($$render) => {
@@ -10395,8 +10495,8 @@ function Rotate_ccw($$anchor, $$props) {
 var root32 = $67.from_html(`<!> <!>`, 1);
 var root_124 = $67.from_html(`<!> <!> <!>`, 1);
 var root_217 = $67.from_html(`<div class="controls-separator svelte-161pl7w" aria-hidden="true"></div> <!>`, 1);
-var root_313 = $67.from_html(`<!> <span class="cinder-sr-only">Revert All</span>`, 1);
-var root_410 = $67.from_html(`<div role="toolbar" aria-label="Review editor controls"><div class="controls-leading svelte-161pl7w"><!> <!> <!></div> <div class="controls-trailing svelte-161pl7w"><!> <div class="comments-toggle-wrapper svelte-161pl7w"><!></div> <!></div></div> <div role="status" aria-live="polite" aria-atomic="true" class="comments-count-announcer cinder-sr-only"> </div>`, 1);
+var root_315 = $67.from_html(`<!> <span class="cinder-sr-only">Revert All</span>`, 1);
+var root_412 = $67.from_html(`<div role="toolbar" aria-label="Review editor controls"><div class="controls-leading svelte-161pl7w"><!> <!> <!></div> <div class="controls-trailing svelte-161pl7w"><!> <div class="comments-toggle-wrapper svelte-161pl7w"><!></div> <!></div></div> <div role="status" aria-live="polite" aria-atomic="true" class="comments-count-announcer cinder-sr-only"> </div>`, 1);
 function Review_editor_controls($$anchor, $$props) {
   $67.push($$props, true);
   let showDiffTabs = $67.prop($$props, "showDiffTabs", 3, true), diffViewMode = $67.prop($$props, "diffViewMode", 15, "unified"), hasContentChanges = $67.prop($$props, "hasContentChanges", 3, false), readonly = $67.prop($$props, "readonly", 3, false), commentCount = $67.prop($$props, "commentCount", 3, 0), sidebarOpen = $67.prop($$props, "sidebarOpen", 3, false);
@@ -10416,7 +10516,7 @@ function Review_editor_controls($$anchor, $$props) {
       $67.set(liveAnnouncementText, `${commentCount()} ${commentCount() === 1 ? "comment" : "comments"}`);
     }
   });
-  var fragment = root_410();
+  var fragment = root_412();
   var div = $67.first_child(fragment);
   var div_1 = $67.child(div);
   var node = $67.child(div_1);
@@ -10610,7 +10710,7 @@ function Review_editor_controls($$anchor, $$props) {
         "aria-label": "Revert all changes",
         title: "Revert all changes",
         children: ($$anchor3, $$slotProps) => {
-          var fragment_10 = root_313();
+          var fragment_10 = root_315();
           var node_12 = $67.first_child(fragment_10);
           Rotate_ccw(node_12, { class: "cinder-icon-sm" });
           $67.next(2);
@@ -11091,8 +11191,8 @@ import * as $73 from "svelte/internal/client";
 var root35 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"></span> <span class="diff-text svelte-hc3elb"> </span></div>`);
 var root_125 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></button>`);
 var root_218 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb"> </span></div>`);
-var root_314 = $73.from_html(`<del class="svelte-hc3elb"> </del>`);
-var root_411 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
+var root_316 = $73.from_html(`<del class="svelte-hc3elb"> </del>`);
+var root_413 = $73.from_html(`<button type="button"><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></button>`);
 var root_59 = $73.from_html(`<div><span class="diff-gutter svelte-hc3elb"> </span> <span class="diff-text svelte-hc3elb"><!></span></div>`);
 var root_66 = $73.from_html(`<span> </span>`);
 var root_76 = $73.from_html(`<del class="word-removed svelte-hc3elb"> </del>`);
@@ -11192,7 +11292,7 @@ function Diff_line($$anchor, $$props) {
           var node_3 = $73.first_child(fragment_3);
           {
             var consequent_4 = ($$anchor4) => {
-              var button_1 = root_411();
+              var button_1 = root_413();
               var span_3 = $73.child(button_1);
               var text_4 = $73.child(span_3, true);
               $73.reset(span_3);
@@ -11200,7 +11300,7 @@ function Diff_line($$anchor, $$props) {
               var node_4 = $73.child(span_4);
               {
                 var consequent_3 = ($$anchor5) => {
-                  var del = root_314();
+                  var del = root_316();
                   var text_5 = $73.child(del, true);
                   $73.reset(del);
                   $73.template_effect(() => $73.set_text(text_5, $$props.diff.text || " "));
@@ -11242,7 +11342,7 @@ function Diff_line($$anchor, $$props) {
               var node_5 = $73.child(span_6);
               {
                 var consequent_5 = ($$anchor5) => {
-                  var del_1 = root_314();
+                  var del_1 = root_316();
                   var text_8 = $73.child(del_1, true);
                   $73.reset(del_1);
                   $73.template_effect(() => $73.set_text(text_8, $$props.diff.text || " "));
@@ -11718,8 +11818,8 @@ var rest_excludes27 = new Set([
 var root39 = $79.from_html(`<!> <!> <!>`, 1);
 var root_127 = $79.from_html(`<span class="no-changes svelte-1p8ursg">No changes</span>`);
 var root_219 = $79.from_html(`<!> Revert All`, 1);
-var root_315 = $79.from_html(`<!> Compute Diff`, 1);
-var root_412 = $79.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
+var root_317 = $79.from_html(`<!> Compute Diff`, 1);
+var root_414 = $79.from_html(`<div class="navigation svelte-1p8ursg"><!> <span class="change-counter svelte-1p8ursg"> </span> <!></div> <div class="shortcuts svelte-1p8ursg"><!> <!></div>`, 1);
 var root_510 = $79.from_html(`<span class="front-matter-only-hint svelte-1p8ursg">Front matter only</span>`);
 var root_67 = $79.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) {
@@ -11938,7 +12038,7 @@ function Diff_toolbar($$anchor, $$props) {
           return $79.get(isComputing);
         },
         children: ($$anchor3, $$slotProps) => {
-          var fragment_13 = root_315();
+          var fragment_13 = root_317();
           var node_15 = $79.first_child(fragment_13);
           Refresh_cw(node_15, { class: "cinder-icon-sm" });
           $79.next();
@@ -11959,7 +12059,7 @@ function Diff_toolbar($$anchor, $$props) {
       var node_17 = $79.first_child(fragment_14);
       {
         var consequent_9 = ($$anchor3) => {
-          var fragment_15 = root_412();
+          var fragment_15 = root_414();
           var div_4 = $79.first_child(fragment_15);
           var node_18 = $79.child(div_4);
           Button(node_18, {
@@ -12041,8 +12141,8 @@ function Diff_toolbar($$anchor, $$props) {
 var root40 = $80.from_html(`<span class="compute-time svelte-1fvc2en"> </span>`);
 var root_128 = $80.from_html(`<div class="diff-warning svelte-1fvc2en" role="status"> <!></div>`);
 var root_220 = $80.from_html(`<!> Revert`, 1);
-var root_316 = $80.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
-var root_413 = $80.from_html(`<!> <!>`, 1);
+var root_318 = $80.from_html(`<div class="hunk-header svelte-1fvc2en"><span class="hunk-range svelte-1fvc2en"> </span> <!></div>`);
+var root_415 = $80.from_html(`<!> <!>`, 1);
 var root_511 = $80.from_html(`<!> <!> <div class="diff-content svelte-1fvc2en"><!> <!></div>`, 1);
 function Diff_viewer($$anchor, $$props) {
   const instanceId = $80.props_id();
@@ -12343,11 +12443,11 @@ ${match[1] ?? ""}
         $80.each(node_7, 17, () => $80.get(lineDiffs), $80.index, ($$anchor3, lineDiff, idx) => {
           const isSelected = $80.derived(() => $80.get(selectedLineIndex) === idx);
           const hunkAtLine = $80.derived(() => $80.get(hunkStartMap).get(idx));
-          var fragment_7 = root_413();
+          var fragment_7 = root_415();
           var node_8 = $80.first_child(fragment_7);
           {
             var consequent_5 = ($$anchor4) => {
-              var div_2 = root_316();
+              var div_2 = root_318();
               var span_1 = $80.child(div_2);
               var text_2 = $80.child(span_1);
               $80.reset(span_1);
@@ -12601,8 +12701,8 @@ import {
 var root42 = $82.from_html(`<input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/> <input type="hidden" class="svelte-1rnat08"/>`, 1);
 var root_130 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Editor view"><!> <!></div>`);
 var root_222 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Diff view"><!></div>`);
-var root_317 = $82.from_html(`<div class="summary-view svelte-1rnat08" role="region" aria-label="Review summary"><div class="summary-empty svelte-1rnat08"><p class="svelte-1rnat08">No changes or comments to summarize.</p> <p class="summary-hint svelte-1rnat08">Edit the document or add comments to generate a summary.</p></div></div>`);
-var root_414 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Summary view"><!></div>`);
+var root_319 = $82.from_html(`<div class="summary-view svelte-1rnat08" role="region" aria-label="Review summary"><div class="summary-empty svelte-1rnat08"><p class="svelte-1rnat08">No changes or comments to summarize.</p> <p class="summary-hint svelte-1rnat08">Edit the document or add comments to generate a summary.</p></div></div>`);
+var root_416 = $82.from_html(`<div class="review-editor-view-panel svelte-1rnat08" role="tabpanel" aria-label="Summary view"><!></div>`);
 var root_512 = $82.from_html(`<div data-testid="review-editor"><!> <!> <!> <div class="review-editor-main svelte-1rnat08"><!></div> <!> <!> <!></div>`);
 function Review_editor_impl($$anchor, $$props) {
   $82.push($$props, true);
@@ -13320,8 +13420,8 @@ function Review_editor_impl($$anchor, $$props) {
     if (mode() === "readonly")
       return;
     const thread = threads().find((t) => t.id === threadId);
-    const comment51 = thread?.comments.find((c) => c.id === commentId);
-    if (!comment51 || comment51.deletedAt)
+    const comment52 = thread?.comments.find((c) => c.id === commentId);
+    if (!comment52 || comment52.deletedAt)
       return;
     const mentions = extractMentions(body);
     $$props.oncommentupdate?.({
@@ -13335,8 +13435,8 @@ function Review_editor_impl($$anchor, $$props) {
     if (mode() === "readonly")
       return;
     const thread = threads().find((t) => t.id === threadId);
-    const comment51 = thread?.comments.find((c) => c.id === commentId);
-    if (!comment51 || soft && comment51.deletedAt)
+    const comment52 = thread?.comments.find((c) => c.id === commentId);
+    if (!comment52 || soft && comment52.deletedAt)
       return;
     $$props.oncommentdelete?.({ threadId, commentId, soft });
     announce("Comment deleted");
@@ -13629,7 +13729,7 @@ function Review_editor_impl($$anchor, $$props) {
       $82.append($$anchor2, div_3);
     };
     var alternate_1 = ($$anchor2) => {
-      var div_4 = root_414();
+      var div_4 = root_416();
       var node_8 = $82.child(div_4);
       {
         var consequent_4 = ($$anchor3) => {
@@ -13647,7 +13747,7 @@ function Review_editor_impl($$anchor, $$props) {
           });
         };
         var alternate = ($$anchor3) => {
-          var div_5 = root_317();
+          var div_5 = root_319();
           $82.append($$anchor3, div_5);
         };
         $82.if(node_8, ($$render) => {
@@ -14155,8 +14255,8 @@ function createThreadManager(options) {
     if (getMode() === "readonly")
       return;
     const thread = getThreads().find((t) => t.id === threadId);
-    const comment51 = thread?.comments.find((c) => c.id === commentId);
-    if (!comment51 || comment51.deletedAt)
+    const comment52 = thread?.comments.find((c) => c.id === commentId);
+    if (!comment52 || comment52.deletedAt)
       return;
     const mentions = extractMentions2(body);
     oncommentupdate?.({
@@ -14170,8 +14270,8 @@ function createThreadManager(options) {
     if (getMode() === "readonly")
       return;
     const thread = getThreads().find((t) => t.id === threadId);
-    const comment51 = thread?.comments.find((c) => c.id === commentId);
-    if (!comment51 || soft && comment51.deletedAt)
+    const comment52 = thread?.comments.find((c) => c.id === commentId);
+    if (!comment52 || soft && comment52.deletedAt)
       return;
     oncommentdelete?.({ threadId, commentId, soft });
     announce("Comment deleted");
@@ -14645,4 +14745,4 @@ export {
   Comment_composer as CommentComposer
 };
 
-//# debugId=8C5C90BCE8F473E764756E2164756E21
+//# debugId=CC64B0FC9403C68764756E2164756E21