@lostgradient/cinder 0.9.0 → 0.12.0

package/dist/components/run-step-timeline/index.js

@@ -56,7 +56,7 @@ import"@lostgradient/cinder/run-step-timeline/styles";
 
 // src/components/run-step-timeline/run-step-timeline.svelte
 import"svelte/internal/disclose-version";
-import * as $7 from "svelte/internal/client";
+import * as $8 from "svelte/internal/client";
 
 // src/utilities/class-names.ts
 function classNames(...parts) {
@@ -323,9 +323,40 @@ function Collapsible($$anchor, $$props) {
 }
 $3.delegate(["click"]);
 
-// src/components/link/link.svelte
+// src/components/run-step-timeline/run-step-branch-disclosure.svelte
 import"svelte/internal/disclose-version";
 import * as $4 from "svelte/internal/client";
+function Run_step_branch_disclosure($$anchor, $$props) {
+  let open = $4.state($4.proxy($$props.initialOpen));
+  Collapsible($$anchor, {
+    get trigger() {
+      return $$props.trigger;
+    },
+    get triggerAriaLabel() {
+      return $$props.triggerAriaLabel;
+    },
+    get class() {
+      return $$props.class;
+    },
+    get open() {
+      return $4.get(open);
+    },
+    set open($$value) {
+      $4.set(open, $$value, true);
+    },
+    children: ($$anchor2, $$slotProps) => {
+      var fragment_1 = $4.comment();
+      var node = $4.first_child(fragment_1);
+      $4.snippet(node, () => $$props.children);
+      $4.append($$anchor2, fragment_1);
+    },
+    $$slots: { default: true }
+  });
+}
+
+// src/components/link/link.svelte
+import"svelte/internal/disclose-version";
+import * as $5 from "svelte/internal/client";
 var rest_excludes3 = new Set([
   "$$slots",
   "$$events",
@@ -341,17 +372,17 @@ var rest_excludes3 = new Set([
   "class",
   "children"
 ]);
-var root3 = $4.from_html(`<span><!></span>`);
-var root_13 = $4.from_html(`<a><!></a>`);
+var root3 = $5.from_html(`<span><!></span>`);
+var root_13 = $5.from_html(`<a><!></a>`);
 function Link($$anchor, $$props) {
-  $4.push($$props, true);
-  let underline = $4.prop($$props, "underline", 3, "hover"), color = $4.prop($$props, "color", 3, "primary"), external = $4.prop($$props, "external", 3, false), disabled = $4.prop($$props, "disabled", 3, false), rest = $4.rest_props($$props, rest_excludes3);
-  const spanAttributes = $4.derived(() => rest);
-  const resolvedTarget = $4.derived(() => disabled() ? undefined : external() && !$$props.target ? "_blank" : $$props.target);
-  const resolvedRel = $4.derived(() => {
+  $5.push($$props, true);
+  let underline = $5.prop($$props, "underline", 3, "hover"), color = $5.prop($$props, "color", 3, "primary"), external = $5.prop($$props, "external", 3, false), disabled = $5.prop($$props, "disabled", 3, false), rest = $5.rest_props($$props, rest_excludes3);
+  const spanAttributes = $5.derived(() => rest);
+  const resolvedTarget = $5.derived(() => disabled() ? undefined : external() && !$$props.target ? "_blank" : $$props.target);
+  const resolvedRel = $5.derived(() => {
     if (disabled())
       return;
-    const needsSafeRel = external() || $4.get(resolvedTarget)?.toLowerCase() === "_blank";
+    const needsSafeRel = external() || $5.get(resolvedTarget)?.toLowerCase() === "_blank";
     const consumerParts = ($$props.rel ?? "").split(/\s+/).filter(Boolean);
     const seen = new Set;
     const merged = [];
@@ -372,58 +403,58 @@ function Link($$anchor, $$props) {
     }
     return merged.length > 0 ? merged.join(" ") : undefined;
   });
-  const resolvedClass = $4.derived(() => classNames("cinder-link", $$props.class));
-  var fragment = $4.comment();
-  var node = $4.first_child(fragment);
+  const resolvedClass = $5.derived(() => classNames("cinder-link", $$props.class));
+  var fragment = $5.comment();
+  var node = $5.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
       var span = root3();
-      $4.attribute_effect(span, () => ({
-        ...$4.get(spanAttributes),
-        class: $4.get(resolvedClass),
+      $5.attribute_effect(span, () => ({
+        ...$5.get(spanAttributes),
+        class: $5.get(resolvedClass),
         "aria-disabled": "true",
         "data-cinder-link": true,
         "data-underline": underline(),
         "data-color": color(),
         "data-disabled": true
       }));
-      var node_1 = $4.child(span);
-      $4.snippet(node_1, () => $$props.children);
-      $4.reset(span);
-      $4.append($$anchor2, span);
+      var node_1 = $5.child(span);
+      $5.snippet(node_1, () => $$props.children);
+      $5.reset(span);
+      $5.append($$anchor2, span);
     };
     var alternate = ($$anchor2) => {
       var a = root_13();
-      $4.attribute_effect(a, () => ({
+      $5.attribute_effect(a, () => ({
         ...rest,
         href: $$props.href,
         tabindex: $$props.tabindex,
-        target: $4.get(resolvedTarget),
-        rel: $4.get(resolvedRel),
-        class: $4.get(resolvedClass),
+        target: $5.get(resolvedTarget),
+        rel: $5.get(resolvedRel),
+        class: $5.get(resolvedClass),
         "data-cinder-link": true,
         "data-underline": underline(),
         "data-color": color()
       }));
-      var node_2 = $4.child(a);
-      $4.snippet(node_2, () => $$props.children);
-      $4.reset(a);
-      $4.append($$anchor2, a);
+      var node_2 = $5.child(a);
+      $5.snippet(node_2, () => $$props.children);
+      $5.reset(a);
+      $5.append($$anchor2, a);
     };
-    $4.if(node, ($$render) => {
+    $5.if(node, ($$render) => {
       if (disabled())
         $$render(consequent);
       else
         $$render(alternate, -1);
     });
   }
-  $4.append($$anchor, fragment);
-  $4.pop();
+  $5.append($$anchor, fragment);
+  $5.pop();
 }
 
 // src/components/progress/progress.svelte
 import"svelte/internal/disclose-version";
-import * as $5 from "svelte/internal/client";
+import * as $6 from "svelte/internal/client";
 
 // ../../node_modules/esm-env/true.js
 var true_default = true;
@@ -435,122 +466,122 @@ function devWarn(message, ...args) {
 }
 
 // src/components/progress/progress.svelte
-var root4 = $5.from_svg(`<circle class="cinder-progress__fill" cx="18" cy="18" r="16"></circle>`);
-var root_14 = $5.from_svg(`<circle class="cinder-progress__fill cinder-progress__fill--indeterminate" cx="18" cy="18" r="16"></circle>`);
-var root_23 = $5.from_html(`<div role="progressbar"><svg viewBox="0 0 36 36" class="cinder-progress__svg" aria-hidden="true"><circle class="cinder-progress__track" cx="18" cy="18" r="16"></circle><!></svg></div>`);
-var root_33 = $5.from_html(`<div class="cinder-progress__fill"></div>`);
-var root_4 = $5.from_html(`<div class="cinder-progress__fill cinder-progress__fill--indeterminate"></div>`);
-var root_5 = $5.from_html(`<div role="progressbar"><div class="cinder-progress__track"><!></div></div>`);
+var root4 = $6.from_svg(`<circle class="cinder-progress__fill" cx="18" cy="18" r="16"></circle>`);
+var root_14 = $6.from_svg(`<circle class="cinder-progress__fill cinder-progress__fill--indeterminate" cx="18" cy="18" r="16"></circle>`);
+var root_23 = $6.from_html(`<div role="progressbar"><svg viewBox="0 0 36 36" class="cinder-progress__svg" aria-hidden="true"><circle class="cinder-progress__track" cx="18" cy="18" r="16"></circle><!></svg></div>`);
+var root_33 = $6.from_html(`<div class="cinder-progress__fill"></div>`);
+var root_4 = $6.from_html(`<div class="cinder-progress__fill cinder-progress__fill--indeterminate"></div>`);
+var root_5 = $6.from_html(`<div role="progressbar"><div class="cinder-progress__track"><!></div></div>`);
 function Progress($$anchor, $$props) {
-  $5.push($$props, true);
-  let max = $5.prop($$props, "max", 3, 100), variant = $5.prop($$props, "variant", 3, "bar"), size = $5.prop($$props, "size", 3, "md");
-  $5.user_effect(() => {
+  $6.push($$props, true);
+  let max = $6.prop($$props, "max", 3, 100), variant = $6.prop($$props, "variant", 3, "bar"), size = $6.prop($$props, "size", 3, "md");
+  $6.user_effect(() => {
     const hasAriaLabel = typeof $$props.ariaLabel === "string" && $$props.ariaLabel.trim().length > 0;
     const hasAriaLabelledby = typeof $$props.ariaLabelledby === "string" && $$props.ariaLabelledby.trim().length > 0;
     if (!hasAriaLabel && !hasAriaLabelledby) {
       devWarn("[cinder/Progress] rendered without an accessible name — pass `ariaLabel` or `ariaLabelledby`. `label` only sets aria-valuetext and does not name the progressbar.");
     }
   });
-  const effectiveMax = $5.derived(() => Number.isFinite(max()) && max() > 0 ? max() : undefined);
-  const isIndeterminate = $5.derived(() => $$props.value === undefined || !Number.isFinite($$props.value) || $5.get(effectiveMax) === undefined);
-  const clampedValue = $5.derived(() => $5.get(isIndeterminate) ? undefined : Math.max(0, Math.min($5.get(effectiveMax), $$props.value)));
-  const percent = $5.derived(() => $5.get(clampedValue) === undefined ? undefined : Math.round($5.get(clampedValue) / $5.get(effectiveMax) * 100));
-  const valueText = $5.derived(() => $$props.label ?? ($5.get(isIndeterminate) ? "Loading" : `${$5.get(percent)}%`));
-  var fragment = $5.comment();
-  var node = $5.first_child(fragment);
+  const effectiveMax = $6.derived(() => Number.isFinite(max()) && max() > 0 ? max() : undefined);
+  const isIndeterminate = $6.derived(() => $$props.value === undefined || !Number.isFinite($$props.value) || $6.get(effectiveMax) === undefined);
+  const clampedValue = $6.derived(() => $6.get(isIndeterminate) ? undefined : Math.max(0, Math.min($6.get(effectiveMax), $$props.value)));
+  const percent = $6.derived(() => $6.get(clampedValue) === undefined ? undefined : Math.round($6.get(clampedValue) / $6.get(effectiveMax) * 100));
+  const valueText = $6.derived(() => $$props.label ?? ($6.get(isIndeterminate) ? "Loading" : `${$6.get(percent)}%`));
+  var fragment = $6.comment();
+  var node = $6.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
       var div = root_23();
-      $5.set_attribute(div, "aria-valuemin", 0);
-      var svg = $5.child(div);
-      var node_1 = $5.sibling($5.child(svg));
+      $6.set_attribute(div, "aria-valuemin", 0);
+      var svg = $6.child(div);
+      var node_1 = $6.sibling($6.child(svg));
       {
         var consequent = ($$anchor3) => {
           var circle = root4();
           let styles;
-          $5.template_effect(() => styles = $5.set_style(circle, "", styles, { "--_cinder-progress-percent": $5.get(percent) }));
-          $5.append($$anchor3, circle);
+          $6.template_effect(() => styles = $6.set_style(circle, "", styles, { "--_cinder-progress-percent": $6.get(percent) }));
+          $6.append($$anchor3, circle);
         };
         var alternate = ($$anchor3) => {
           var circle_1 = root_14();
-          $5.append($$anchor3, circle_1);
+          $6.append($$anchor3, circle_1);
         };
-        $5.if(node_1, ($$render) => {
-          if (!$5.get(isIndeterminate))
+        $6.if(node_1, ($$render) => {
+          if (!$6.get(isIndeterminate))
             $$render(consequent);
           else
             $$render(alternate, -1);
         });
       }
-      $5.reset(svg);
-      $5.reset(div);
-      $5.template_effect(($0) => {
-        $5.set_class(div, 1, $0);
-        $5.set_attribute(div, "aria-label", $$props.ariaLabel);
-        $5.set_attribute(div, "aria-labelledby", $$props.ariaLabelledby);
-        $5.set_attribute(div, "aria-valuemax", $5.get(effectiveMax));
-        $5.set_attribute(div, "aria-valuenow", $5.get(clampedValue));
-        $5.set_attribute(div, "aria-valuetext", $5.get(valueText));
-        $5.set_attribute(div, "data-cinder-size", size());
-        $5.set_attribute(div, "data-cinder-indeterminate", $5.get(isIndeterminate) || undefined);
+      $6.reset(svg);
+      $6.reset(div);
+      $6.template_effect(($0) => {
+        $6.set_class(div, 1, $0);
+        $6.set_attribute(div, "aria-label", $$props.ariaLabel);
+        $6.set_attribute(div, "aria-labelledby", $$props.ariaLabelledby);
+        $6.set_attribute(div, "aria-valuemax", $6.get(effectiveMax));
+        $6.set_attribute(div, "aria-valuenow", $6.get(clampedValue));
+        $6.set_attribute(div, "aria-valuetext", $6.get(valueText));
+        $6.set_attribute(div, "data-cinder-size", size());
+        $6.set_attribute(div, "data-cinder-indeterminate", $6.get(isIndeterminate) || undefined);
       }, [
-        () => $5.clsx(classNames("cinder-progress", "cinder-progress--ring", $$props.class))
+        () => $6.clsx(classNames("cinder-progress", "cinder-progress--ring", $$props.class))
       ]);
-      $5.append($$anchor2, div);
+      $6.append($$anchor2, div);
     };
     var alternate_2 = ($$anchor2) => {
       var div_1 = root_5();
-      $5.set_attribute(div_1, "aria-valuemin", 0);
-      var div_2 = $5.child(div_1);
-      var node_2 = $5.child(div_2);
+      $6.set_attribute(div_1, "aria-valuemin", 0);
+      var div_2 = $6.child(div_1);
+      var node_2 = $6.child(div_2);
       {
         var consequent_2 = ($$anchor3) => {
           var div_3 = root_33();
           let styles_1;
-          $5.template_effect(() => styles_1 = $5.set_style(div_3, "", styles_1, { width: `${$5.get(percent) ?? ""}%` }));
-          $5.append($$anchor3, div_3);
+          $6.template_effect(() => styles_1 = $6.set_style(div_3, "", styles_1, { width: `${$6.get(percent) ?? ""}%` }));
+          $6.append($$anchor3, div_3);
         };
         var alternate_1 = ($$anchor3) => {
           var div_4 = root_4();
-          $5.append($$anchor3, div_4);
+          $6.append($$anchor3, div_4);
         };
-        $5.if(node_2, ($$render) => {
-          if (!$5.get(isIndeterminate))
+        $6.if(node_2, ($$render) => {
+          if (!$6.get(isIndeterminate))
             $$render(consequent_2);
           else
             $$render(alternate_1, -1);
         });
       }
-      $5.reset(div_2);
-      $5.reset(div_1);
-      $5.template_effect(($0) => {
-        $5.set_class(div_1, 1, $0);
-        $5.set_attribute(div_1, "aria-label", $$props.ariaLabel);
-        $5.set_attribute(div_1, "aria-labelledby", $$props.ariaLabelledby);
-        $5.set_attribute(div_1, "aria-valuemax", $5.get(effectiveMax));
-        $5.set_attribute(div_1, "aria-valuenow", $5.get(clampedValue));
-        $5.set_attribute(div_1, "aria-valuetext", $5.get(valueText));
-        $5.set_attribute(div_1, "data-cinder-size", size());
-        $5.set_attribute(div_1, "data-cinder-indeterminate", $5.get(isIndeterminate) || undefined);
+      $6.reset(div_2);
+      $6.reset(div_1);
+      $6.template_effect(($0) => {
+        $6.set_class(div_1, 1, $0);
+        $6.set_attribute(div_1, "aria-label", $$props.ariaLabel);
+        $6.set_attribute(div_1, "aria-labelledby", $$props.ariaLabelledby);
+        $6.set_attribute(div_1, "aria-valuemax", $6.get(effectiveMax));
+        $6.set_attribute(div_1, "aria-valuenow", $6.get(clampedValue));
+        $6.set_attribute(div_1, "aria-valuetext", $6.get(valueText));
+        $6.set_attribute(div_1, "data-cinder-size", size());
+        $6.set_attribute(div_1, "data-cinder-indeterminate", $6.get(isIndeterminate) || undefined);
       }, [
-        () => $5.clsx(classNames("cinder-progress", "cinder-progress--bar", $$props.class))
+        () => $6.clsx(classNames("cinder-progress", "cinder-progress--bar", $$props.class))
       ]);
-      $5.append($$anchor2, div_1);
+      $6.append($$anchor2, div_1);
     };
-    $5.if(node, ($$render) => {
+    $6.if(node, ($$render) => {
       if (variant() === "ring")
         $$render(consequent_1);
       else
         $$render(alternate_2, -1);
     });
   }
-  $5.append($$anchor, fragment);
-  $5.pop();
+  $6.append($$anchor, fragment);
+  $6.pop();
 }
 
 // src/components/status-dot/status-dot.svelte
 import"svelte/internal/disclose-version";
-import * as $6 from "svelte/internal/client";
+import * as $7 from "svelte/internal/client";
 var rest_excludes4 = new Set([
   "$$slots",
   "$$events",
@@ -564,11 +595,11 @@ var rest_excludes4 = new Set([
   "class",
   "aria-label"
 ]);
-var root5 = $6.from_html(`<span class="cinder-status-dot__label"> </span>`);
-var root_15 = $6.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_24 = $6.from_html(`<span><span class="cinder-status-dot__indicator" aria-hidden="true"></span> <!> <!></span>`);
+var root5 = $7.from_html(`<span class="cinder-status-dot__label"> </span>`);
+var root_15 = $7.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_24 = $7.from_html(`<span><span class="cinder-status-dot__indicator" aria-hidden="true"></span> <!> <!></span>`);
 function Status_dot($$anchor, $$props) {
-  $6.push($$props, true);
+  $7.push($$props, true);
   const connectionStatusMap = {
     connected: "online",
     connecting: "warning",
@@ -581,64 +612,352 @@ function Status_dot($$anchor, $$props) {
     disconnected: "Disconnected",
     error: "Error"
   };
-  let showLabel = $6.prop($$props, "showLabel", 3, true), size = $6.prop($$props, "size", 3, "md"), rest = $6.rest_props($$props, rest_excludes4);
-  const normalizedAriaLabel = $6.derived(() => $$props["aria-label"]?.trim() ? $$props["aria-label"].trim() : undefined);
-  const resolvedStatus = $6.derived(() => $$props.status ?? ($$props.connectionState === undefined ? "neutral" : connectionStatusMap[$$props.connectionState]));
-  const resolvedLive = $6.derived(() => $$props.live ?? $$props.connectionState !== undefined);
-  const normalizedLabel = $6.derived(() => $$props.label?.trim() ? $$props.label.trim() : $$props.connectionState === undefined ? undefined : connectionLabels[$$props.connectionState]);
-  const hasVisibleLabel = $6.derived(() => showLabel() && $6.get(normalizedLabel) !== undefined);
-  const resolvedAriaLabel = $6.derived(() => $6.get(normalizedAriaLabel) ?? $6.get(normalizedLabel) ?? $6.get(resolvedStatus));
-  const visibleLabelIsLiveDuplicate = $6.derived(() => $6.get(resolvedLive) && $6.get(normalizedLabel) !== undefined && $6.get(resolvedAriaLabel) !== $6.get(normalizedLabel));
-  const needsHiddenLiveLabel = $6.derived(() => $6.get(resolvedLive) && (!$6.get(hasVisibleLabel) || $6.get(visibleLabelIsLiveDuplicate)));
+  let showLabel = $7.prop($$props, "showLabel", 3, true), size = $7.prop($$props, "size", 3, "md"), rest = $7.rest_props($$props, rest_excludes4);
+  const normalizedAriaLabel = $7.derived(() => $$props["aria-label"]?.trim() ? $$props["aria-label"].trim() : undefined);
+  const resolvedStatus = $7.derived(() => $$props.status ?? ($$props.connectionState === undefined ? "neutral" : connectionStatusMap[$$props.connectionState]));
+  const resolvedLive = $7.derived(() => $$props.live ?? $$props.connectionState !== undefined);
+  const normalizedLabel = $7.derived(() => $$props.label?.trim() ? $$props.label.trim() : $$props.connectionState === undefined ? undefined : connectionLabels[$$props.connectionState]);
+  const hasVisibleLabel = $7.derived(() => showLabel() && $7.get(normalizedLabel) !== undefined);
+  const resolvedAriaLabel = $7.derived(() => $7.get(normalizedAriaLabel) ?? $7.get(normalizedLabel) ?? $7.get(resolvedStatus));
+  const visibleLabelIsLiveDuplicate = $7.derived(() => $7.get(resolvedLive) && $7.get(normalizedLabel) !== undefined && $7.get(resolvedAriaLabel) !== $7.get(normalizedLabel));
+  const needsHiddenLiveLabel = $7.derived(() => $7.get(resolvedLive) && (!$7.get(hasVisibleLabel) || $7.get(visibleLabelIsLiveDuplicate)));
   var span = root_24();
-  $6.attribute_effect(span, ($0) => ({
+  $7.attribute_effect(span, ($0) => ({
     ...rest,
     class: $0,
-    "data-cinder-status": $6.get(resolvedStatus),
+    "data-cinder-status": $7.get(resolvedStatus),
     "data-cinder-state": $$props.connectionState,
     "data-cinder-size": size(),
-    role: $6.get(resolvedLive) ? "status" : "img",
-    "aria-live": $6.get(resolvedLive) ? "polite" : undefined,
-    "aria-atomic": $6.get(resolvedLive) ? "true" : undefined,
-    "aria-label": $6.get(resolvedLive) ? undefined : $6.get(resolvedAriaLabel)
+    role: $7.get(resolvedLive) ? "status" : "img",
+    "aria-live": $7.get(resolvedLive) ? "polite" : undefined,
+    "aria-atomic": $7.get(resolvedLive) ? "true" : undefined,
+    "aria-label": $7.get(resolvedLive) ? undefined : $7.get(resolvedAriaLabel)
   }), [() => classNames("cinder-status-dot", $$props.class)]);
-  var node = $6.sibling($6.child(span), 2);
+  var node = $7.sibling($7.child(span), 2);
   {
     var consequent = ($$anchor2) => {
       var span_1 = root5();
-      var text2 = $6.child(span_1, true);
-      $6.reset(span_1);
-      $6.template_effect(() => {
-        $6.set_attribute(span_1, "aria-hidden", $6.get(visibleLabelIsLiveDuplicate) ? "true" : undefined);
-        $6.set_text(text2, $6.get(normalizedLabel));
+      var text2 = $7.child(span_1, true);
+      $7.reset(span_1);
+      $7.template_effect(() => {
+        $7.set_attribute(span_1, "aria-hidden", $7.get(visibleLabelIsLiveDuplicate) ? "true" : undefined);
+        $7.set_text(text2, $7.get(normalizedLabel));
       });
-      $6.append($$anchor2, span_1);
+      $7.append($$anchor2, span_1);
     };
-    $6.if(node, ($$render) => {
-      if ($6.get(hasVisibleLabel))
+    $7.if(node, ($$render) => {
+      if ($7.get(hasVisibleLabel))
         $$render(consequent);
     });
   }
-  var node_1 = $6.sibling(node, 2);
+  var node_1 = $7.sibling(node, 2);
   {
     var consequent_1 = ($$anchor2) => {
       var span_2 = root_15();
-      var text_1 = $6.child(span_2, true);
-      $6.reset(span_2);
-      $6.template_effect(() => $6.set_text(text_1, $6.get(resolvedAriaLabel)));
-      $6.append($$anchor2, span_2);
+      var text_1 = $7.child(span_2, true);
+      $7.reset(span_2);
+      $7.template_effect(() => $7.set_text(text_1, $7.get(resolvedAriaLabel)));
+      $7.append($$anchor2, span_2);
     };
-    $6.if(node_1, ($$render) => {
-      if ($6.get(needsHiddenLiveLabel))
+    $7.if(node_1, ($$render) => {
+      if ($7.get(needsHiddenLiveLabel))
         $$render(consequent_1);
     });
   }
-  $6.reset(span);
-  $6.append($$anchor, span);
-  $6.pop();
+  $7.reset(span);
+  $7.append($$anchor, span);
+  $7.pop();
+}
+
+// src/components/run-step-timeline/run-step-timeline.utilities.ts
+function relocateCompensationSteps(steps) {
+  return relocateSiblingItems(steps, (step) => step);
+}
+function relocateSiblingItems(items, getStep) {
+  if (!items.some((item) => getStep(item)?.compensates !== undefined))
+    return items;
+  const stepById = new Map;
+  for (const item of items) {
+    const step = getStep(item);
+    if (step !== undefined) {
+      stepById.set(step.id, step);
+    }
+  }
+  const canRelocate = (step) => {
+    const visited = new Set([step.id]);
+    let targetId = step.compensates;
+    while (targetId !== undefined) {
+      const target = stepById.get(targetId);
+      if (target === undefined || visited.has(targetId))
+        return false;
+      visited.add(targetId);
+      targetId = target.compensates;
+    }
+    return true;
+  };
+  const relocatable = new Set;
+  const compensationsByTarget = new Map;
+  for (const item of items) {
+    const step = getStep(item);
+    if (step === undefined || step.compensates === undefined || !canRelocate(step))
+      continue;
+    relocatable.add(step);
+    const compensations = compensationsByTarget.get(step.compensates) ?? [];
+    compensations.push(item);
+    compensationsByTarget.set(step.compensates, compensations);
+  }
+  const result = [];
+  const appendWithCompensations = (item) => {
+    result.push(item);
+    const step = getStep(item);
+    if (step === undefined)
+      return;
+    for (const compensation of compensationsByTarget.get(step.id) ?? []) {
+      appendWithCompensations(compensation);
+    }
+  };
+  for (const item of items) {
+    const step = getStep(item);
+    if (step === undefined || !relocatable.has(step))
+      appendWithCompensations(item);
+  }
+  return result;
+}
+function relocateCompensationEntries(entries) {
+  return relocateSiblingItems(entries, (entry) => isBranchGroup(entry) ? undefined : entry);
+}
+function isBranchGroup(entry) {
+  return "kind" in entry && entry.kind === "branch";
+}
+function statusDotStatus(status) {
+  switch (status) {
+    case "succeeded":
+      return "success";
+    case "failed":
+      return "danger";
+    case "running":
+      return "online";
+    case "retrying":
+      return "warning";
+    case "waiting_approval":
+      return "accent";
+    case "cancelled":
+      return "offline";
+    case "skipped":
+      return "neutral";
+    case "pending":
+      return "pending";
+  }
+}
+function statusLabel(status) {
+  switch (status) {
+    case "pending":
+      return "Pending";
+    case "running":
+      return "Running";
+    case "succeeded":
+      return "Succeeded";
+    case "failed":
+      return "Failed";
+    case "cancelled":
+      return "Cancelled";
+    case "skipped":
+      return "Skipped";
+    case "retrying":
+      return "Retrying";
+    case "waiting_approval":
+      return "Waiting approval";
+  }
+}
+function badgeVariant(status) {
+  switch (status) {
+    case "succeeded":
+      return "success";
+    case "failed":
+      return "danger";
+    case "running":
+      return "info";
+    case "retrying":
+      return "warning";
+    case "waiting_approval":
+      return "accent";
+    case "cancelled":
+      return "neutral";
+    case "skipped":
+      return "neutral";
+    case "pending":
+      return "neutral";
+  }
+}
+function isTerminal(status) {
+  return status === "succeeded" || status === "failed" || status === "cancelled" || status === "skipped";
+}
+function isCurrent(status) {
+  return status === "running" || status === "retrying" || status === "waiting_approval";
+}
+function hasProgress(step) {
+  return step.progress !== undefined && isCurrent(step.status);
+}
+function metadataItems(step) {
+  const items = [];
+  if (step.startTime !== undefined) {
+    items.push({ term: "Started", definition: step.startTime });
+  }
+  if (step.endTime !== undefined) {
+    items.push({ term: "Ended", definition: step.endTime });
+  }
+  if (step.duration !== undefined) {
+    items.push({ term: "Duration", definition: step.duration });
+  }
+  if (step.attemptCount !== undefined && step.attemptCount > 1) {
+    items.push({ term: "Attempts", definition: String(step.attemptCount) });
+  }
+  return items;
+}
+function actionsCountLabel(actionsCount) {
+  return actionsCount === 1 ? "1 action" : `${actionsCount} actions`;
+}
+function hiddenNestedStepLabel(hiddenStepCount) {
+  return hiddenStepCount === 1 ? "1 nested step hidden" : `${hiddenStepCount} nested steps hidden`;
+}
+function laneOutcomeLabel(outcome) {
+  switch (outcome) {
+    case "won":
+      return "Won";
+    case "lost":
+      return "Lost";
+    case "settled":
+      return "Settled";
+  }
+}
+function laneOutcomeBadgeVariant(outcome) {
+  switch (outcome) {
+    case "won":
+      return "success";
+    case "lost":
+      return "neutral";
+    case "settled":
+      return "info";
+  }
+}
+function branchOutcomeSummary(lanes) {
+  const counts = { won: 0, lost: 0, settled: 0, pending: 0 };
+  for (const lane of lanes) {
+    if (lane.outcome === undefined)
+      counts.pending += 1;
+    else
+      counts[lane.outcome] += 1;
+  }
+  const parts = [];
+  if (counts.won > 0)
+    parts.push(`${counts.won} won`);
+  if (counts.lost > 0)
+    parts.push(`${counts.lost} lost`);
+  if (counts.settled > 0)
+    parts.push(`${counts.settled} settled`);
+  if (counts.pending > 0) {
+    parts.push(counts.pending === 1 ? "1 lane racing" : `${counts.pending} lanes racing`);
+  }
+  return parts.length > 0 ? parts.join(", ") : "No lanes";
+}
+function branchGroupHasCurrentStep(group) {
+  const stack = group.lanes.flatMap((lane) => lane.steps);
+  while (stack.length > 0) {
+    const step = stack.pop();
+    if (step === undefined)
+      continue;
+    if (isCurrent(step.status))
+      return true;
+    if (step.children) {
+      for (const child6 of step.children)
+        stack.push(child6);
+    }
+  }
+  return false;
+}
+function branchStartsCollapsed(laneCount, collapseThreshold, collapsed) {
+  if (collapsed !== undefined)
+    return collapsed;
+  const threshold = collapseThreshold !== undefined && Number.isInteger(collapseThreshold) && collapseThreshold > 0 ? collapseThreshold : 3;
+  return laneCount >= threshold;
+}
+function hasControlCharacter(value) {
+  for (let index = 0;index < value.length; index += 1) {
+    const code = value.charCodeAt(index);
+    if (code <= 31 || code === 127)
+      return true;
+  }
+  return false;
+}
+function safeStepLinkHref(href) {
+  const trimmedHref = href.trim();
+  if (trimmedHref === "")
+    return;
+  if (hasControlCharacter(trimmedHref))
+    return;
+  if (trimmedHref.includes("\\"))
+    return;
+  const leadingSeparators = trimmedHref.match(/^[\\/]+/)?.[0] ?? "";
+  if (leadingSeparators.length > 1)
+    return;
+  if (/^[A-Za-z][A-Za-z\d+.-]*:/.test(trimmedHref)) {
+    try {
+      const parsedUrl = new URL(trimmedHref);
+      return parsedUrl.protocol === "http:" || parsedUrl.protocol === "https:" ? trimmedHref : undefined;
+    } catch {
+      return;
+    }
+  }
+  return trimmedHref;
 }
 
 // src/components/run-step-timeline/run-step-timeline.svelte
+var depthLimitItem = ($$anchor, row = $8.noop) => {
+  var li_1 = root_8();
+  let styles_1;
+  var div_7 = $8.child(li_1);
+  var span_3 = $8.child(div_7);
+  var node_14 = $8.child(span_3);
+  Status_dot(node_14, {
+    status: "neutral",
+    label: "Nested steps hidden",
+    showLabel: false,
+    size: "md"
+  });
+  $8.reset(span_3);
+  var div_8 = $8.sibling(span_3, 2);
+  var div_9 = $8.child(div_8);
+  var span_4 = $8.child(div_9);
+  var text_11 = $8.child(span_4, true);
+  $8.reset(span_4);
+  var node_15 = $8.sibling(span_4, 2);
+  Badge(node_15, {
+    class: "cinder-run-step-timeline__status",
+    variant: "neutral",
+    size: "xs",
+    "aria-label": "Status: Nested child steps hidden",
+    children: ($$anchor2, $$slotProps) => {
+      $8.next();
+      var text_12 = $8.text("Depth cap");
+      $8.append($$anchor2, text_12);
+    },
+    $$slots: { default: true }
+  });
+  $8.reset(div_9);
+  $8.next(2);
+  $8.reset(div_8);
+  $8.reset(div_7);
+  $8.reset(li_1);
+  $8.template_effect(($0) => {
+    $8.set_attribute(li_1, "data-cinder-depth", row().depth);
+    $8.set_attribute(li_1, "data-cinder-path", row().pathKey);
+    $8.set_attribute(li_1, "data-cinder-connector-after", row().connectorAfter);
+    $8.set_attribute(li_1, "aria-current", row().ariaCurrent ? "step" : undefined);
+    styles_1 = $8.set_style(li_1, "", styles_1, { "--_cinder-rst-depth": row().depth });
+    $8.set_text(text_11, $0);
+  }, [() => hiddenNestedStepLabel(row().hiddenStepCount)]);
+  $8.append($$anchor, li_1);
+};
 var rest_excludes5 = new Set([
   "$$slots",
   "$$events",
@@ -650,151 +969,465 @@ var rest_excludes5 = new Set([
   "aria-label",
   "aria-labelledby"
 ]);
-var root6 = $7.from_html(`<li class="cinder-run-step-timeline__item" data-cinder-status="depth-limit" data-cinder-depth-limit=""><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!></div> <p class="cinder-run-step-timeline__body">Additional child-workflow steps are hidden because the timeline depth cap was reached.</p></div></div></li>`);
-var root_16 = $7.from_html(`<span class="cinder-run-step-timeline__link cinder-run-step-timeline__link--unsafe"> </span>`);
-var root_25 = $7.from_html(`<div class="cinder-run-step-timeline__progress"><!></div>`);
-var root_34 = $7.from_html(`<div class="cinder-run-step-timeline__meta-row"><dt class="cinder-run-step-timeline__meta-term"> </dt> <dd class="cinder-run-step-timeline__meta-definition"> </dd></div>`);
-var root_42 = $7.from_html(`<dl class="cinder-run-step-timeline__meta"></dl>`);
-var root_52 = $7.from_html(`<pre class="cinder-run-step-timeline__detail-content"> </pre>`);
-var root_6 = $7.from_html(`<div class="cinder-run-step-timeline__details"></div>`);
-var root_7 = $7.from_html(`<div class="cinder-run-step-timeline__body"><!></div>`);
-var root_8 = $7.from_html(`<li class="cinder-run-step-timeline__item"><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!> <!> <!> <!></div> <!> <!> <!> <!></div></div></li>`);
-var root_9 = $7.from_html(`<ol></ol>`);
+var root6 = $8.from_html(`<span class="cinder-run-step-timeline__link cinder-run-step-timeline__link--unsafe"> </span>`);
+var root_16 = $8.from_html(`<div class="cinder-run-step-timeline__progress"><!></div>`);
+var root_25 = $8.from_html(`<div class="cinder-run-step-timeline__meta-row"><dt class="cinder-run-step-timeline__meta-term"> </dt> <dd class="cinder-run-step-timeline__meta-definition"> </dd></div>`);
+var root_34 = $8.from_html(`<dl class="cinder-run-step-timeline__meta"></dl>`);
+var root_42 = $8.from_html(`<pre class="cinder-run-step-timeline__detail-content"> </pre>`);
+var root_52 = $8.from_html(`<div class="cinder-run-step-timeline__details"></div>`);
+var root_6 = $8.from_html(`<div class="cinder-run-step-timeline__body"><!></div>`);
+var root_7 = $8.from_html(`<li class="cinder-run-step-timeline__item"><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!> <!> <!> <!> <!> <!></div> <!> <!> <!> <!></div></div></li>`);
+var root_8 = $8.from_html(`<li class="cinder-run-step-timeline__item" data-cinder-status="depth-limit" data-cinder-depth-limit=""><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content"><div class="cinder-run-step-timeline__header"><span class="cinder-run-step-timeline__label"> </span> <!></div> <p class="cinder-run-step-timeline__body">Additional child-workflow steps are hidden because the timeline depth cap was reached.</p></div></div></li>`);
+var root_9 = $8.from_html(`<span class="cinder-run-step-timeline__branch-heading"><span class="cinder-run-step-timeline__label"> </span> <!></span>`);
+var root_10 = $8.from_html(`<li class="cinder-run-step-timeline__lane"><div class="cinder-run-step-timeline__lane-header"><span class="cinder-run-step-timeline__lane-label"> </span> <!></div> <ol class="cinder-run-step-timeline cinder-run-step-timeline__lane-steps"><!></ol></li>`);
+var root_11 = $8.from_html(`<ul class="cinder-run-step-timeline__lanes"></ul>`);
+var root_122 = $8.from_html(`<li class="cinder-run-step-timeline__item cinder-run-step-timeline__item--branch" data-cinder-status="branch" data-cinder-depth="0"><div class="cinder-run-step-timeline__event"><span class="cinder-run-step-timeline__marker" aria-hidden="true" inert=""><!></span> <div class="cinder-run-step-timeline__content cinder-run-step-timeline__branch"><!></div></div></li>`);
+var root_132 = $8.from_html(`<ol></ol>`);
 function Run_step_timeline($$anchor, $$props) {
-  $7.push($$props, true);
-  const MAX_NESTED_STEP_DEPTH = 3;
-  let rest = $7.rest_props($$props, rest_excludes5);
-  const resolvedAriaLabel = $7.derived(() => $$props["aria-labelledby"] === undefined && $$props["aria-label"] === undefined ? $$props.label : $$props["aria-label"]);
-  const renderedSteps = $7.derived(() => flattenRunSteps($$props.steps));
-  function statusDotStatus(status) {
-    switch (status) {
-      case "succeeded":
-        return "success";
-      case "failed":
-        return "danger";
-      case "running":
-        return "online";
-      case "retrying":
-        return "warning";
-      case "waiting_approval":
-        return "accent";
-      case "cancelled":
-        return "offline";
-      case "skipped":
-        return "neutral";
-      case "pending":
-        return "pending";
+  $8.push($$props, true);
+  const stepItem = ($$anchor2, row = $8.noop) => {
+    const step = $8.derived(() => row().step);
+    const terminal = $8.derived(() => isTerminal($8.get(step).status));
+    const metadata = $8.derived(() => metadataItems($8.get(step)));
+    var li = root_7();
+    let styles;
+    var div = $8.child(li);
+    var span = $8.child(div);
+    var node = $8.child(span);
+    {
+      let $0 = $8.derived(() => statusDotStatus($8.get(step).status));
+      let $1 = $8.derived(() => statusLabel($8.get(step).status));
+      Status_dot(node, {
+        get status() {
+          return $8.get($0);
+        },
+        get label() {
+          return $8.get($1);
+        },
+        showLabel: false,
+        size: "md"
+      });
     }
-  }
-  function statusLabel(status) {
-    switch (status) {
-      case "pending":
-        return "Pending";
-      case "running":
-        return "Running";
-      case "succeeded":
-        return "Succeeded";
-      case "failed":
-        return "Failed";
-      case "cancelled":
-        return "Cancelled";
-      case "skipped":
-        return "Skipped";
-      case "retrying":
-        return "Retrying";
-      case "waiting_approval":
-        return "Waiting approval";
+    $8.reset(span);
+    var div_1 = $8.sibling(span, 2);
+    var div_2 = $8.child(div_1);
+    var span_1 = $8.child(div_2);
+    var text3 = $8.child(span_1, true);
+    $8.reset(span_1);
+    var node_1 = $8.sibling(span_1, 2);
+    {
+      var consequent_1 = ($$anchor3) => {
+        const safeLinkHref = $8.derived(() => safeStepLinkHref($8.get(step).link.href));
+        var fragment = $8.comment();
+        var node_2 = $8.first_child(fragment);
+        {
+          var consequent = ($$anchor4) => {
+            Link($$anchor4, {
+              get href() {
+                return $8.get(safeLinkHref);
+              },
+              class: "cinder-run-step-timeline__link",
+              children: ($$anchor5, $$slotProps) => {
+                $8.next();
+                var text_1 = $8.text();
+                $8.template_effect(() => $8.set_text(text_1, $8.get(step).link.label));
+                $8.append($$anchor5, text_1);
+              },
+              $$slots: { default: true }
+            });
+          };
+          var alternate = ($$anchor4) => {
+            var span_2 = root6();
+            var text_2 = $8.child(span_2, true);
+            $8.reset(span_2);
+            $8.template_effect(() => $8.set_text(text_2, $8.get(step).link.label));
+            $8.append($$anchor4, span_2);
+          };
+          $8.if(node_2, ($$render) => {
+            if ($8.get(safeLinkHref))
+              $$render(consequent);
+            else
+              $$render(alternate, -1);
+          });
+        }
+        $8.append($$anchor3, fragment);
+      };
+      $8.if(node_1, ($$render) => {
+        if ($8.get(step).link)
+          $$render(consequent_1);
+      });
     }
-  }
-  function badgeVariant(status) {
-    switch (status) {
-      case "succeeded":
-        return "success";
-      case "failed":
-        return "danger";
-      case "running":
-        return "info";
-      case "retrying":
-        return "warning";
-      case "waiting_approval":
-        return "accent";
-      case "cancelled":
-        return "neutral";
-      case "skipped":
-        return "neutral";
-      case "pending":
-        return "neutral";
+    var node_3 = $8.sibling(node_1, 2);
+    {
+      let $0 = $8.derived(() => badgeVariant($8.get(step).status));
+      let $1 = $8.derived(() => `Status: ${statusLabel($8.get(step).status)}`);
+      Badge(node_3, {
+        class: "cinder-run-step-timeline__status",
+        get variant() {
+          return $8.get($0);
+        },
+        size: "xs",
+        get "aria-label"() {
+          return $8.get($1);
+        },
+        children: ($$anchor3, $$slotProps) => {
+          $8.next();
+          var text_3 = $8.text();
+          $8.template_effect(($02) => $8.set_text(text_3, $02), [() => statusLabel($8.get(step).status)]);
+          $8.append($$anchor3, text_3);
+        },
+        $$slots: { default: true }
+      });
     }
-  }
-  function isTerminal(status) {
-    return status === "succeeded" || status === "failed" || status === "cancelled" || status === "skipped";
-  }
-  function isCurrent(status) {
-    return status === "running" || status === "retrying" || status === "waiting_approval";
-  }
-  function hasProgress(step) {
-    return step.progress !== undefined && isCurrent(step.status);
-  }
-  function metadataItems(step) {
-    const items = [];
-    if (step.startTime !== undefined) {
-      items.push({ term: "Started", definition: step.startTime });
+    var node_4 = $8.sibling(node_3, 2);
+    {
+      var consequent_2 = ($$anchor3) => {
+        Badge($$anchor3, {
+          class: "cinder-run-step-timeline__flag",
+          variant: "neutral",
+          size: "xs",
+          "aria-label": "State: rewound — speculatively executed, then unwound",
+          children: ($$anchor4, $$slotProps) => {
+            $8.next();
+            var text_4 = $8.text("Rewound");
+            $8.append($$anchor4, text_4);
+          },
+          $$slots: { default: true }
+        });
+      };
+      $8.if(node_4, ($$render) => {
+        if ($8.get(step).rewound)
+          $$render(consequent_2);
+      });
+    }
+    var node_5 = $8.sibling(node_4, 2);
+    {
+      var consequent_3 = ($$anchor3) => {
+        {
+          let $0 = $8.derived(() => `Compensates ${row().compensatesLabel} — reverses the forward step`);
+          Badge($$anchor3, {
+            class: "cinder-run-step-timeline__flag",
+            variant: "warning",
+            size: "xs",
+            get "aria-label"() {
+              return $8.get($0);
+            },
+            children: ($$anchor4, $$slotProps) => {
+              $8.next();
+              var text_5 = $8.text();
+              $8.template_effect(() => $8.set_text(text_5, `Compensates ${row().compensatesLabel ?? ""}`));
+              $8.append($$anchor4, text_5);
+            },
+            $$slots: { default: true }
+          });
+        }
+      };
+      $8.if(node_5, ($$render) => {
+        if (row().compensatesLabel !== undefined)
+          $$render(consequent_3);
+      });
+    }
+    var node_6 = $8.sibling(node_5, 2);
+    {
+      var consequent_4 = ($$anchor3) => {
+        Badge($$anchor3, {
+          variant: "neutral",
+          size: "xs",
+          mono: true,
+          children: ($$anchor4, $$slotProps) => {
+            $8.next();
+            var text_6 = $8.text();
+            $8.template_effect(() => $8.set_text(text_6, `attempt ${$8.get(step).attemptCount ?? ""}`));
+            $8.append($$anchor4, text_6);
+          },
+          $$slots: { default: true }
+        });
+      };
+      $8.if(node_6, ($$render) => {
+        if ($8.get(step).attemptCount !== undefined && $8.get(step).attemptCount > 1)
+          $$render(consequent_4);
+      });
+    }
+    var node_7 = $8.sibling(node_6, 2);
+    {
+      var consequent_5 = ($$anchor3) => {
+        Badge($$anchor3, {
+          variant: "neutral",
+          size: "xs",
+          mono: true,
+          children: ($$anchor4, $$slotProps) => {
+            $8.next();
+            var text_7 = $8.text();
+            $8.template_effect(($0) => $8.set_text(text_7, $0), [() => actionsCountLabel($8.get(step).actionsCount)]);
+            $8.append($$anchor4, text_7);
+          },
+          $$slots: { default: true }
+        });
+      };
+      $8.if(node_7, ($$render) => {
+        if ($8.get(step).actionsCount !== undefined && $8.get(step).actionsCount > 0)
+          $$render(consequent_5);
+      });
     }
-    if (step.endTime !== undefined) {
-      items.push({ term: "Ended", definition: step.endTime });
+    $8.reset(div_2);
+    var node_8 = $8.sibling(div_2, 2);
+    {
+      var consequent_6 = ($$anchor3) => {
+        var div_3 = root_16();
+        var node_9 = $8.child(div_3);
+        {
+          let $0 = $8.derived(() => $8.get(step).progress ?? 0);
+          let $1 = $8.derived(() => $8.get(step).progressMax ?? 100);
+          let $22 = $8.derived(() => `${$8.get(step).label} progress`);
+          Progress(node_9, {
+            get value() {
+              return $8.get($0);
+            },
+            get max() {
+              return $8.get($1);
+            },
+            size: "sm",
+            get ariaLabel() {
+              return $8.get($22);
+            }
+          });
+        }
+        $8.reset(div_3);
+        $8.append($$anchor3, div_3);
+      };
+      var d = $8.derived(() => hasProgress($8.get(step)));
+      $8.if(node_8, ($$render) => {
+        if ($8.get(d))
+          $$render(consequent_6);
+      });
     }
-    if (step.duration !== undefined) {
-      items.push({ term: "Duration", definition: step.duration });
+    var node_10 = $8.sibling(node_8, 2);
+    {
+      var consequent_7 = ($$anchor3) => {
+        var dl = root_34();
+        $8.each(dl, 21, () => $8.get(metadata), (item) => item.term, ($$anchor4, item) => {
+          var div_4 = root_25();
+          var dt = $8.child(div_4);
+          var text_8 = $8.child(dt, true);
+          $8.reset(dt);
+          var dd = $8.sibling(dt, 2);
+          var text_9 = $8.child(dd, true);
+          $8.reset(dd);
+          $8.reset(div_4);
+          $8.template_effect(() => {
+            $8.set_text(text_8, $8.get(item).term);
+            $8.set_text(text_9, $8.get(item).definition);
+          });
+          $8.append($$anchor4, div_4);
+        });
+        $8.reset(dl);
+        $8.append($$anchor3, dl);
+      };
+      $8.if(node_10, ($$render) => {
+        if ($8.get(metadata).length > 0)
+          $$render(consequent_7);
+      });
+    }
+    var node_11 = $8.sibling(node_10, 2);
+    {
+      var consequent_8 = ($$anchor3) => {
+        var div_5 = root_52();
+        $8.each(div_5, 21, () => $8.get(step).details, (detail) => detail.id, ($$anchor4, detail) => {
+          Collapsible($$anchor4, {
+            get trigger() {
+              return $8.get(detail).label;
+            },
+            children: ($$anchor5, $$slotProps) => {
+              var pre = root_42();
+              var text_10 = $8.child(pre, true);
+              $8.reset(pre);
+              $8.template_effect(() => $8.set_text(text_10, $8.get(detail).content));
+              $8.append($$anchor5, pre);
+            },
+            $$slots: { default: true }
+          });
+        });
+        $8.reset(div_5);
+        $8.append($$anchor3, div_5);
+      };
+      $8.if(node_11, ($$render) => {
+        if ($8.get(step).details && $8.get(step).details.length > 0)
+          $$render(consequent_8);
+      });
     }
-    if (step.attemptCount !== undefined && step.attemptCount > 1) {
-      items.push({ term: "Attempts", definition: String(step.attemptCount) });
+    var node_12 = $8.sibling(node_11, 2);
+    {
+      var consequent_9 = ($$anchor3) => {
+        var div_6 = root_6();
+        var node_13 = $8.child(div_6);
+        $8.snippet(node_13, () => $$props.children, () => $8.get(step));
+        $8.reset(div_6);
+        $8.append($$anchor3, div_6);
+      };
+      $8.if(node_12, ($$render) => {
+        if ($$props.children)
+          $$render(consequent_9);
+      });
     }
-    return items;
+    $8.reset(div_1);
+    $8.reset(div);
+    $8.reset(li);
+    $8.template_effect(() => {
+      $8.set_attribute(li, "data-cinder-status", $8.get(step).status);
+      $8.set_attribute(li, "data-cinder-depth", row().depth);
+      $8.set_attribute(li, "data-cinder-path", row().pathKey);
+      $8.set_attribute(li, "data-cinder-terminal", $8.get(terminal) ? "" : undefined);
+      $8.set_attribute(li, "data-cinder-rewound", $8.get(step).rewound ? "" : undefined);
+      $8.set_attribute(li, "data-cinder-compensation", row().compensatesLabel !== undefined ? "" : undefined);
+      $8.set_attribute(li, "data-cinder-connector-after", row().connectorAfter);
+      $8.set_attribute(li, "aria-current", row().ariaCurrent ? "step" : undefined);
+      styles = $8.set_style(li, "", styles, { "--_cinder-rst-depth": row().depth });
+      $8.set_text(text3, $8.get(step).label);
+    });
+    $8.append($$anchor2, li);
+  };
+  const stepRail = ($$anchor2, rows = $8.noop) => {
+    var fragment_12 = $8.comment();
+    var node_16 = $8.first_child(fragment_12);
+    $8.each(node_16, 17, rows, (row) => row.pathKey, ($$anchor3, row) => {
+      var fragment_13 = $8.comment();
+      var node_17 = $8.first_child(fragment_13);
+      {
+        var consequent_10 = ($$anchor4) => {
+          depthLimitItem($$anchor4, () => $8.get(row));
+        };
+        var alternate_1 = ($$anchor4) => {
+          stepItem($$anchor4, () => $8.get(row));
+        };
+        $8.if(node_17, ($$render) => {
+          if ($8.get(row).kind === "depth-limit")
+            $$render(consequent_10);
+          else
+            $$render(alternate_1, -1);
+        });
+      }
+      $8.append($$anchor3, fragment_13);
+    });
+    $8.append($$anchor2, fragment_12);
+  };
+  const MAX_NESTED_STEP_DEPTH = 3;
+  let rest = $8.rest_props($$props, rest_excludes5);
+  const resolvedAriaLabel = $8.derived(() => $$props["aria-labelledby"] === undefined && $$props["aria-label"] === undefined ? $$props.label : $$props["aria-label"]);
+  const renderedEntries = $8.derived(() => flattenEntries(relocateCompensationEntries($$props.steps)));
+  function isBranchGroup2(entry) {
+    return "kind" in entry && entry.kind === "branch";
+  }
+  function flattenEntries(entries) {
+    const result = [];
+    let stepRun = [];
+    const flushRun = () => {
+      if (stepRun.length === 0)
+        return;
+      result.push(...flattenSteps(stepRun, ""));
+      stepRun = [];
+    };
+    for (const entry of entries) {
+      if (isBranchGroup2(entry)) {
+        flushRun();
+        result.push({
+          kind: "branch",
+          group: entry,
+          pathKey: `%branch/${escapeStepPathSegment(entry.id)}`,
+          connectorAfter: "hidden"
+        });
+      } else {
+        stepRun.push(entry);
+      }
+    }
+    flushRun();
+    return applyGlobalRailConnectors(applyGlobalTopLevelCompensates(applyGlobalRailAriaCurrent(result)));
+  }
+  function applyGlobalTopLevelCompensates(rows) {
+    const topLevelLabelByPathKey = new Map;
+    for (const row of rows) {
+      if (row.kind === "step" && row.depth === 0) {
+        topLevelLabelByPathKey.set(row.pathKey, row.step.label);
+      }
+    }
+    return rows.map((row) => {
+      if (row.kind !== "step" || row.depth !== 0 || row.step.compensates === undefined)
+        return row;
+      return {
+        ...row,
+        compensatesLabel: resolveSiblingCompensatesLabel(row, topLevelLabelByPathKey)
+      };
+    });
   }
-  function actionsCountLabel(actionsCount) {
-    return actionsCount === 1 ? "1 action" : `${actionsCount} actions`;
+  function railRowDepth(row) {
+    return row.kind === "branch" ? 0 : row.depth;
   }
-  function hiddenNestedStepLabel(hiddenStepCount) {
-    return hiddenStepCount === 1 ? "1 nested step hidden" : `${hiddenStepCount} nested steps hidden`;
+  function applyGlobalRailConnectors(rows) {
+    return rows.map((row, index) => {
+      const next3 = rows[index + 1];
+      const connectorAfter = next3 === undefined || railRowDepth(next3) < railRowDepth(row) ? "hidden" : "visible";
+      return { ...row, connectorAfter };
+    });
   }
-  function safeStepLinkHref(href) {
-    const trimmedHref = href.trim();
-    if (trimmedHref === "")
-      return;
-    if (/[\u0000-\u001F\u007F]/.test(trimmedHref))
-      return;
-    if (trimmedHref.includes("\\"))
-      return;
-    const leadingSeparators = trimmedHref.match(/^[\\/]+/)?.[0] ?? "";
-    if (leadingSeparators.length > 1)
-      return;
-    if (/^[A-Za-z][A-Za-z\d+.-]*:/.test(trimmedHref)) {
-      try {
-        const parsedUrl = new URL(trimmedHref);
-        return parsedUrl.protocol === "http:" || parsedUrl.protocol === "https:" ? trimmedHref : undefined;
-      } catch {
-        return;
+  function rowCurrentDepth(row) {
+    if (row.kind === "depth-limit")
+      return row.hiddenCurrent ? row.depth + 1 : -1;
+    if (row.kind === "step")
+      return isCurrent(row.step.status) ? row.depth : -1;
+    return -1;
+  }
+  function applyGlobalRailAriaCurrent(rows) {
+    let deepestRow;
+    let deepestDepth = -1;
+    for (const row of rows) {
+      const depth = rowCurrentDepth(row);
+      if (depth > deepestDepth) {
+        deepestDepth = depth;
+        deepestRow = row;
       }
     }
-    return trimmedHref;
+    return rows.map((row) => row.kind === "branch" ? row : { ...row, ariaCurrent: row === deepestRow });
   }
-  function flattenRunSteps(steps) {
+  function flattenSteps(list, pathPrefix) {
     const rows = [];
-    appendRunStepRows(rows, steps, 0, "");
+    appendRunStepRows(rows, relocateCompensationSteps(list), 0, pathPrefix);
     const currentRowIndex = deepestCurrentStepIndex(rows);
-    return rows.map((row, index) => ({
-      ...row,
-      connectorAfter: rows[index + 1] === undefined || (rows[index + 1]?.depth ?? 0) < row.depth ? "hidden" : "visible",
-      ariaCurrent: index === currentRowIndex
-    }));
+    const labelByPathKey = new Map;
+    for (const row of rows) {
+      if (row.kind === "step")
+        labelByPathKey.set(row.pathKey, row.step.label);
+    }
+    return rows.map((row, index) => {
+      const next3 = rows[index + 1];
+      const connectorAfter = next3 === undefined || next3.depth < row.depth ? "hidden" : "visible";
+      const ariaCurrent = index === currentRowIndex;
+      if (row.kind === "depth-limit") {
+        return { ...row, connectorAfter, ariaCurrent };
+      }
+      return {
+        ...row,
+        connectorAfter,
+        ariaCurrent,
+        compensatesLabel: resolveSiblingCompensatesLabel(row, labelByPathKey)
+      };
+    });
+  }
+  function resolveSiblingCompensatesLabel(row, labelByPathKey) {
+    if (row.step.compensates === undefined)
+      return;
+    const lastSeparator = row.pathKey.lastIndexOf("/");
+    const parentPrefix = lastSeparator === -1 ? "" : row.pathKey.slice(0, lastSeparator);
+    const siblingPathKey = nestedStepPathKey(parentPrefix, row.step.compensates);
+    if (siblingPathKey === row.pathKey)
+      return;
+    return labelByPathKey.get(siblingPathKey);
   }
-  function appendRunStepRows(rows, steps, depth, pathPrefix) {
-    for (const step of steps) {
+  function appendRunStepRows(rows, list, depth, pathPrefix) {
+    for (const step of list) {
       const pathKey = nestedStepPathKey(pathPrefix, step.id);
       rows.push({ kind: "step", step, depth, pathKey });
       if (step.children && step.children.length > 0) {
         if (depth < MAX_NESTED_STEP_DEPTH) {
-          appendRunStepRows(rows, step.children, depth + 1, pathKey);
+          appendRunStepRows(rows, relocateCompensationSteps(step.children), depth + 1, pathKey);
         } else {
           const hiddenSummary = summarizeNestedRunSteps(step.children);
           rows.push({
@@ -815,10 +1448,10 @@ function Run_step_timeline($$anchor, $$props) {
   function escapeStepPathSegment(stepId) {
     return stepId.replaceAll("%", "%25").replaceAll("/", "%2F");
   }
-  function summarizeNestedRunSteps(steps) {
+  function summarizeNestedRunSteps(list) {
     let count = 0;
     let hasCurrent = false;
-    const stack = [...steps];
+    const stack = [...list];
     while (stack.length > 0) {
       const step = stack.pop();
       if (step === undefined)
@@ -826,10 +1459,10 @@ function Run_step_timeline($$anchor, $$props) {
       count += 1;
       if (isCurrent(step.status))
         hasCurrent = true;
-      const children = step.children;
-      if (children) {
-        for (let index = children.length - 1;index >= 0; index -= 1) {
-          const child7 = children[index];
+      const stepChildren = step.children;
+      if (stepChildren) {
+        for (let index = stepChildren.length - 1;index >= 0; index -= 1) {
+          const child7 = stepChildren[index];
           if (child7)
             stack.push(child7);
         }
@@ -841,334 +1474,193 @@ function Run_step_timeline($$anchor, $$props) {
     let currentIndex = -1;
     let currentDepth = -1;
     rows.forEach((row, index) => {
-      const rowCurrentDepth = row.kind === "depth-limit" && row.hiddenCurrent ? row.depth + 1 : row.kind === "step" && isCurrent(row.step.status) ? row.depth : -1;
-      if (rowCurrentDepth > currentDepth) {
+      const rowCurrentDepth2 = row.kind === "depth-limit" && row.hiddenCurrent ? row.depth + 1 : row.kind === "step" && isCurrent(row.step.status) ? row.depth : -1;
+      if (rowCurrentDepth2 > currentDepth) {
         currentIndex = index;
-        currentDepth = rowCurrentDepth;
+        currentDepth = rowCurrentDepth2;
       }
     });
     return currentIndex;
   }
-  var ol = root_9();
-  $7.attribute_effect(ol, ($0) => ({
+  function laneRows(lane) {
+    return flattenSteps(lane.steps, "");
+  }
+  function laneStateLabel(lane) {
+    return lane.outcome === undefined ? "racing" : laneOutcomeLabel(lane.outcome).toLowerCase();
+  }
+  var ol = root_132();
+  $8.attribute_effect(ol, ($0) => ({
     ...rest,
     class: $0,
-    "aria-label": $7.get(resolvedAriaLabel),
+    "aria-label": $8.get(resolvedAriaLabel),
     "aria-labelledby": $$props["aria-labelledby"]
   }), [() => classNames("cinder-run-step-timeline", $$props.class)]);
-  $7.each(ol, 21, () => $7.get(renderedSteps), (row) => row.pathKey, ($$anchor2, row) => {
-    var fragment = $7.comment();
-    var node = $7.first_child(fragment);
+  $8.each(ol, 21, () => $8.get(renderedEntries), (entry) => entry.pathKey, ($$anchor2, entry) => {
+    var fragment_16 = $8.comment();
+    var node_18 = $8.first_child(fragment_16);
     {
-      var consequent = ($$anchor3) => {
-        var li = root6();
-        let styles;
-        var div = $7.child(li);
-        var span = $7.child(div);
-        var node_1 = $7.child(span);
-        Status_dot(node_1, {
-          status: "neutral",
-          label: "Nested steps hidden",
+      var consequent_12 = ($$anchor3) => {
+        const group = $8.derived(() => $8.get(entry).group);
+        const summary = $8.derived(() => branchOutcomeSummary($8.get(group).lanes));
+        const initialOpen = $8.derived(() => !branchStartsCollapsed($8.get(group).lanes.length, $8.get(group).collapseThreshold, $8.get(group).collapsed) || $8.get(group).collapsed === undefined && branchGroupHasCurrentStep($8.get(group)));
+        var li_2 = root_122();
+        var div_10 = $8.child(li_2);
+        var span_5 = $8.child(div_10);
+        var node_19 = $8.child(span_5);
+        Status_dot(node_19, {
+          status: "accent",
+          label: "Branch group",
           showLabel: false,
           size: "md"
         });
-        $7.reset(span);
-        var div_1 = $7.sibling(span, 2);
-        var div_2 = $7.child(div_1);
-        var span_1 = $7.child(div_2);
-        var text3 = $7.child(span_1, true);
-        $7.reset(span_1);
-        var node_2 = $7.sibling(span_1, 2);
-        Badge(node_2, {
-          class: "cinder-run-step-timeline__status",
-          variant: "neutral",
-          size: "xs",
-          "aria-label": "Status: Nested child steps hidden",
-          children: ($$anchor4, $$slotProps) => {
-            $7.next();
-            var text_1 = $7.text("Depth cap");
-            $7.append($$anchor4, text_1);
-          },
-          $$slots: { default: true }
-        });
-        $7.reset(div_2);
-        $7.next(2);
-        $7.reset(div_1);
-        $7.reset(div);
-        $7.reset(li);
-        $7.template_effect(($0) => {
-          $7.set_attribute(li, "data-cinder-depth", $7.get(row).depth);
-          $7.set_attribute(li, "data-cinder-path", $7.get(row).pathKey);
-          $7.set_attribute(li, "data-cinder-connector-after", $7.get(row).connectorAfter);
-          $7.set_attribute(li, "aria-current", $7.get(row).ariaCurrent ? "step" : undefined);
-          styles = $7.set_style(li, "", styles, { "--_cinder-rst-depth": $7.get(row).depth });
-          $7.set_text(text3, $0);
-        }, [() => hiddenNestedStepLabel($7.get(row).hiddenStepCount)]);
-        $7.append($$anchor3, li);
-      };
-      var alternate_1 = ($$anchor3) => {
-        const step = $7.derived(() => $7.get(row).step);
-        const terminal = $7.derived(() => isTerminal($7.get(step).status));
-        const metadata = $7.derived(() => metadataItems($7.get(step)));
-        var li_1 = root_8();
-        let styles_1;
-        var div_3 = $7.child(li_1);
-        var span_2 = $7.child(div_3);
-        var node_3 = $7.child(span_2);
+        $8.reset(span_5);
+        var div_11 = $8.sibling(span_5, 2);
+        var node_20 = $8.child(div_11);
         {
-          let $0 = $7.derived(() => statusDotStatus($7.get(step).status));
-          let $1 = $7.derived(() => statusLabel($7.get(step).status));
-          Status_dot(node_3, {
-            get status() {
-              return $7.get($0);
-            },
-            get label() {
-              return $7.get($1);
-            },
-            showLabel: false,
-            size: "md"
-          });
-        }
-        $7.reset(span_2);
-        var div_4 = $7.sibling(span_2, 2);
-        var div_5 = $7.child(div_4);
-        var span_3 = $7.child(div_5);
-        var text_2 = $7.child(span_3, true);
-        $7.reset(span_3);
-        var node_4 = $7.sibling(span_3, 2);
-        {
-          var consequent_2 = ($$anchor4) => {
-            const safeLinkHref = $7.derived(() => safeStepLinkHref($7.get(step).link.href));
-            var fragment_1 = $7.comment();
-            var node_5 = $7.first_child(fragment_1);
+          const trigger = ($$anchor4) => {
+            var span_6 = root_9();
+            var span_7 = $8.child(span_6);
+            var text_13 = $8.child(span_7, true);
+            $8.reset(span_7);
+            var node_21 = $8.sibling(span_7, 2);
             {
-              var consequent_1 = ($$anchor5) => {
-                Link($$anchor5, {
-                  get href() {
-                    return $7.get(safeLinkHref);
-                  },
-                  class: "cinder-run-step-timeline__link",
-                  children: ($$anchor6, $$slotProps) => {
-                    $7.next();
-                    var text_3 = $7.text();
-                    $7.template_effect(() => $7.set_text(text_3, $7.get(step).link.label));
-                    $7.append($$anchor6, text_3);
-                  },
-                  $$slots: { default: true }
-                });
-              };
-              var alternate = ($$anchor5) => {
-                var span_4 = root_16();
-                var text_4 = $7.child(span_4, true);
-                $7.reset(span_4);
-                $7.template_effect(() => $7.set_text(text_4, $7.get(step).link.label));
-                $7.append($$anchor5, span_4);
-              };
-              $7.if(node_5, ($$render) => {
-                if ($7.get(safeLinkHref))
-                  $$render(consequent_1);
-                else
-                  $$render(alternate, -1);
+              let $02 = $8.derived(() => `Branch group outcome: ${$8.get(summary)}`);
+              Badge(node_21, {
+                variant: "accent",
+                size: "xs",
+                get "aria-label"() {
+                  return $8.get($02);
+                },
+                children: ($$anchor5, $$slotProps) => {
+                  $8.next();
+                  var text_14 = $8.text();
+                  $8.template_effect(() => $8.set_text(text_14, $8.get(summary)));
+                  $8.append($$anchor5, text_14);
+                },
+                $$slots: { default: true }
               });
             }
-            $7.append($$anchor4, fragment_1);
+            $8.reset(span_6);
+            $8.template_effect(() => $8.set_text(text_13, $8.get(group).label));
+            $8.append($$anchor4, span_6);
           };
-          $7.if(node_4, ($$render) => {
-            if ($7.get(step).link)
-              $$render(consequent_2);
-          });
-        }
-        var node_6 = $7.sibling(node_4, 2);
-        {
-          let $0 = $7.derived(() => badgeVariant($7.get(step).status));
-          let $1 = $7.derived(() => `Status: ${statusLabel($7.get(step).status)}`);
-          Badge(node_6, {
-            class: "cinder-run-step-timeline__status",
-            get variant() {
-              return $7.get($0);
+          let $0 = $8.derived(() => `Branch group: ${$8.get(group).label}. ${$8.get(summary)}.`);
+          Run_step_branch_disclosure(node_20, {
+            get initialOpen() {
+              return $8.get(initialOpen);
             },
-            size: "xs",
-            get "aria-label"() {
-              return $7.get($1);
+            class: "cinder-run-step-timeline__branch-disclosure",
+            get triggerAriaLabel() {
+              return $8.get($0);
             },
+            trigger,
             children: ($$anchor4, $$slotProps) => {
-              $7.next();
-              var text_5 = $7.text();
-              $7.template_effect(($02) => $7.set_text(text_5, $02), [() => statusLabel($7.get(step).status)]);
-              $7.append($$anchor4, text_5);
-            },
-            $$slots: { default: true }
-          });
-        }
-        var node_7 = $7.sibling(node_6, 2);
-        {
-          var consequent_3 = ($$anchor4) => {
-            Badge($$anchor4, {
-              variant: "neutral",
-              size: "xs",
-              mono: true,
-              children: ($$anchor5, $$slotProps) => {
-                $7.next();
-                var text_6 = $7.text();
-                $7.template_effect(() => $7.set_text(text_6, `attempt ${$7.get(step).attemptCount ?? ""}`));
-                $7.append($$anchor5, text_6);
-              },
-              $$slots: { default: true }
-            });
-          };
-          $7.if(node_7, ($$render) => {
-            if ($7.get(step).attemptCount !== undefined && $7.get(step).attemptCount > 1)
-              $$render(consequent_3);
-          });
-        }
-        var node_8 = $7.sibling(node_7, 2);
-        {
-          var consequent_4 = ($$anchor4) => {
-            Badge($$anchor4, {
-              variant: "neutral",
-              size: "xs",
-              mono: true,
-              children: ($$anchor5, $$slotProps) => {
-                $7.next();
-                var text_7 = $7.text();
-                $7.template_effect(($0) => $7.set_text(text_7, $0), [() => actionsCountLabel($7.get(step).actionsCount)]);
-                $7.append($$anchor5, text_7);
-              },
-              $$slots: { default: true }
-            });
-          };
-          $7.if(node_8, ($$render) => {
-            if ($7.get(step).actionsCount !== undefined && $7.get(step).actionsCount > 0)
-              $$render(consequent_4);
-          });
-        }
-        $7.reset(div_5);
-        var node_9 = $7.sibling(div_5, 2);
-        {
-          var consequent_5 = ($$anchor4) => {
-            var div_6 = root_25();
-            var node_10 = $7.child(div_6);
-            {
-              let $0 = $7.derived(() => $7.get(step).progress ?? 0);
-              let $1 = $7.derived(() => $7.get(step).progressMax ?? 100);
-              let $22 = $7.derived(() => `${$7.get(step).label} progress`);
-              Progress(node_10, {
-                get value() {
-                  return $7.get($0);
-                },
-                get max() {
-                  return $7.get($1);
-                },
-                size: "sm",
-                get ariaLabel() {
-                  return $7.get($22);
+              var ul = root_11();
+              $8.each(ul, 21, () => $8.get(group).lanes, (lane) => lane.id, ($$anchor5, lane) => {
+                var li_3 = root_10();
+                var div_12 = $8.child(li_3);
+                var span_8 = $8.child(div_12);
+                var text_15 = $8.child(span_8, true);
+                $8.reset(span_8);
+                var node_22 = $8.sibling(span_8, 2);
+                {
+                  var consequent_11 = ($$anchor6) => {
+                    {
+                      let $02 = $8.derived(() => laneOutcomeBadgeVariant($8.get(lane).outcome));
+                      let $1 = $8.derived(() => `Outcome: ${laneOutcomeLabel($8.get(lane).outcome)}`);
+                      Badge($$anchor6, {
+                        get variant() {
+                          return $8.get($02);
+                        },
+                        size: "xs",
+                        get "aria-label"() {
+                          return $8.get($1);
+                        },
+                        children: ($$anchor7, $$slotProps2) => {
+                          $8.next();
+                          var text_16 = $8.text();
+                          $8.template_effect(($03) => $8.set_text(text_16, $03), [() => laneOutcomeLabel($8.get(lane).outcome)]);
+                          $8.append($$anchor7, text_16);
+                        },
+                        $$slots: { default: true }
+                      });
+                    }
+                  };
+                  var alternate_2 = ($$anchor6) => {
+                    Badge($$anchor6, {
+                      variant: "info",
+                      size: "xs",
+                      "aria-label": "Outcome: still racing",
+                      children: ($$anchor7, $$slotProps2) => {
+                        $8.next();
+                        var text_17 = $8.text("Racing");
+                        $8.append($$anchor7, text_17);
+                      },
+                      $$slots: { default: true }
+                    });
+                  };
+                  $8.if(node_22, ($$render) => {
+                    if ($8.get(lane).outcome !== undefined)
+                      $$render(consequent_11);
+                    else
+                      $$render(alternate_2, -1);
+                  });
                 }
+                $8.reset(div_12);
+                var ol_1 = $8.sibling(div_12, 2);
+                var node_23 = $8.child(ol_1);
+                {
+                  let $02 = $8.derived(() => laneRows($8.get(lane)));
+                  stepRail(node_23, () => $8.get($02));
+                }
+                $8.reset(ol_1);
+                $8.reset(li_3);
+                $8.template_effect(($02) => {
+                  $8.set_attribute(li_3, "data-cinder-outcome", $8.get(lane).outcome ?? "racing");
+                  $8.set_attribute(li_3, "aria-label", $02);
+                  $8.set_text(text_15, $8.get(lane).label ?? $8.get(lane).id);
+                  $8.set_attribute(ol_1, "aria-label", `${$8.get(lane).label ?? $8.get(lane).id} steps`);
+                }, [
+                  () => `Branch ${$8.get(lane).label ?? $8.get(lane).id}: ${laneStateLabel($8.get(lane))}`
+                ]);
+                $8.append($$anchor5, li_3);
               });
-            }
-            $7.reset(div_6);
-            $7.append($$anchor4, div_6);
-          };
-          var d = $7.derived(() => hasProgress($7.get(step)));
-          $7.if(node_9, ($$render) => {
-            if ($7.get(d))
-              $$render(consequent_5);
-          });
-        }
-        var node_11 = $7.sibling(node_9, 2);
-        {
-          var consequent_6 = ($$anchor4) => {
-            var dl = root_42();
-            $7.each(dl, 21, () => $7.get(metadata), (item) => item.term, ($$anchor5, item) => {
-              var div_7 = root_34();
-              var dt = $7.child(div_7);
-              var text_8 = $7.child(dt, true);
-              $7.reset(dt);
-              var dd = $7.sibling(dt, 2);
-              var text_9 = $7.child(dd, true);
-              $7.reset(dd);
-              $7.reset(div_7);
-              $7.template_effect(() => {
-                $7.set_text(text_8, $7.get(item).term);
-                $7.set_text(text_9, $7.get(item).definition);
-              });
-              $7.append($$anchor5, div_7);
-            });
-            $7.reset(dl);
-            $7.append($$anchor4, dl);
-          };
-          $7.if(node_11, ($$render) => {
-            if ($7.get(metadata).length > 0)
-              $$render(consequent_6);
-          });
-        }
-        var node_12 = $7.sibling(node_11, 2);
-        {
-          var consequent_7 = ($$anchor4) => {
-            var div_8 = root_6();
-            $7.each(div_8, 21, () => $7.get(step).details, (detail) => detail.id, ($$anchor5, detail) => {
-              Collapsible($$anchor5, {
-                get trigger() {
-                  return $7.get(detail).label;
-                },
-                children: ($$anchor6, $$slotProps) => {
-                  var pre = root_52();
-                  var text_10 = $7.child(pre, true);
-                  $7.reset(pre);
-                  $7.template_effect(() => $7.set_text(text_10, $7.get(detail).content));
-                  $7.append($$anchor6, pre);
-                },
-                $$slots: { default: true }
-              });
-            });
-            $7.reset(div_8);
-            $7.append($$anchor4, div_8);
-          };
-          $7.if(node_12, ($$render) => {
-            if ($7.get(step).details && $7.get(step).details.length > 0)
-              $$render(consequent_7);
-          });
-        }
-        var node_13 = $7.sibling(node_12, 2);
-        {
-          var consequent_8 = ($$anchor4) => {
-            var div_9 = root_7();
-            var node_14 = $7.child(div_9);
-            $7.snippet(node_14, () => $$props.children, () => $7.get(step));
-            $7.reset(div_9);
-            $7.append($$anchor4, div_9);
-          };
-          $7.if(node_13, ($$render) => {
-            if ($$props.children)
-              $$render(consequent_8);
+              $8.reset(ul);
+              $8.template_effect(() => $8.set_attribute(ul, "aria-label", `${$8.get(group).label} branches`));
+              $8.append($$anchor4, ul);
+            },
+            $$slots: { trigger: true, default: true }
           });
         }
-        $7.reset(div_4);
-        $7.reset(div_3);
-        $7.reset(li_1);
-        $7.template_effect(() => {
-          $7.set_attribute(li_1, "data-cinder-status", $7.get(step).status);
-          $7.set_attribute(li_1, "data-cinder-depth", $7.get(row).depth);
-          $7.set_attribute(li_1, "data-cinder-path", $7.get(row).pathKey);
-          $7.set_attribute(li_1, "data-cinder-terminal", $7.get(terminal) ? "" : undefined);
-          $7.set_attribute(li_1, "data-cinder-connector-after", $7.get(row).connectorAfter);
-          $7.set_attribute(li_1, "aria-current", $7.get(row).ariaCurrent ? "step" : undefined);
-          styles_1 = $7.set_style(li_1, "", styles_1, { "--_cinder-rst-depth": $7.get(row).depth });
-          $7.set_text(text_2, $7.get(step).label);
+        $8.reset(div_11);
+        $8.reset(div_10);
+        $8.reset(li_2);
+        $8.template_effect(() => {
+          $8.set_attribute(li_2, "data-cinder-path", $8.get(entry).pathKey);
+          $8.set_attribute(li_2, "data-cinder-connector-after", $8.get(entry).connectorAfter);
         });
-        $7.append($$anchor3, li_1);
+        $8.append($$anchor3, li_2);
+      };
+      var consequent_13 = ($$anchor3) => {
+        depthLimitItem($$anchor3, () => $8.get(entry));
       };
-      $7.if(node, ($$render) => {
-        if ($7.get(row).kind === "depth-limit")
-          $$render(consequent);
+      var alternate_3 = ($$anchor3) => {
+        stepItem($$anchor3, () => $8.get(entry));
+      };
+      $8.if(node_18, ($$render) => {
+        if ($8.get(entry).kind === "branch")
+          $$render(consequent_12);
+        else if ($8.get(entry).kind === "depth-limit")
+          $$render(consequent_13, 1);
         else
-          $$render(alternate_1, -1);
+          $$render(alternate_3, -1);
       });
     }
-    $7.append($$anchor2, fragment);
+    $8.append($$anchor2, fragment_16);
   });
-  $7.reset(ol);
-  $7.append($$anchor, ol);
-  $7.pop();
+  $8.reset(ol);
+  $8.append($$anchor, ol);
+  $8.pop();
 }
 
 // src/components/run-step-timeline/index.ts
@@ -1178,4 +1670,4 @@ export {
   Run_step_timeline as RunStepTimeline
 };
 
-//# debugId=E2483CD0C28476EF64756E2164756E21
+//# debugId=77801BC78A33372764756E2164756E21