@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/approval-card/index.js

@@ -169,10 +169,21 @@ function classNames(...parts) {
 // src/components/badge/badge.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-var root_3 = $.from_svg(`<path></path>`);
-var root_2 = $.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_1 = $.from_html(`<!> <!>`, 1);
-var root = $.from_html(`<span><!></span>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "mono",
+  "subscriptionState",
+  "class",
+  "children"
+]);
+var root = $.from_svg(`<path></path>`);
+var root_1 = $.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_2 = $.from_html(`<!> <!>`, 1);
+var root_3 = $.from_html(`<span><!></span>`);
 function Badge($$anchor, $$props) {
   $.push($$props, true);
   const subscriptionStateConfigurations = {
@@ -209,21 +220,11 @@ function Badge($$anchor, $$props) {
       "M3 3v5h5"
     ]
   };
-  let variant = $.prop($$props, "variant", 3, "neutral"), size = $.prop($$props, "size", 3, "md"), mono = $.prop($$props, "mono", 3, false), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "mono",
-    "subscriptionState",
-    "class",
-    "children"
-  ]);
+  let variant = $.prop($$props, "variant", 3, "neutral"), size = $.prop($$props, "size", 3, "md"), mono = $.prop($$props, "mono", 3, false), rest = $.rest_props($$props, rest_excludes);
   const subscriptionStateConfiguration = $.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateConfigurations[$$props.subscriptionState]);
   const resolvedVariant = $.derived(() => $.get(subscriptionStateConfiguration)?.variant ?? variant());
   const resolvedSubscriptionIconPaths = $.derived(() => $$props.subscriptionState === undefined ? undefined : subscriptionStateIconPaths[$$props.subscriptionState]);
-  var span = root();
+  var span = root_3();
   $.attribute_effect(span, ($0) => ({
     class: $0,
     "data-cinder-variant": $.get(resolvedVariant),
@@ -235,13 +236,13 @@ function Badge($$anchor, $$props) {
   var node = $.child(span);
   {
     var consequent_2 = ($$anchor2) => {
-      var fragment = root_1();
+      var fragment = root_2();
       var node_1 = $.first_child(fragment);
       {
         var consequent = ($$anchor3) => {
-          var svg = root_2();
+          var svg = root_1();
           $.each(svg, 20, () => $.get(resolvedSubscriptionIconPaths), (iconPath) => iconPath, ($$anchor4, iconPath) => {
-            var path = root_3();
+            var path = root();
             $.template_effect(() => $.set_attribute(path, "d", iconPath));
             $.append($$anchor4, path);
           });
@@ -307,22 +308,44 @@ function devWarn(message, ...args) {
 }
 
 // src/components/button/button.svelte
-var root_22 = $2.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_4 = $2.from_html(`<span class="cinder-sr-only"> </span>`);
-var root_5 = $2.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_32 = $2.from_html(`<!> <!>`, 1);
-var root_8 = $2.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
-var root_12 = $2.from_html(`<!> <!> <!>`, 1);
-var root_9 = $2.from_html(`<a><!></a>`);
-var root_10 = $2.from_html(`<button><!></button>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "size",
+  "fullWidth",
+  "loading",
+  "iconOnly",
+  "leadingIcon",
+  "trailingIcon",
+  "children",
+  "label",
+  "class",
+  "href",
+  "onclick",
+  "aria-disabled",
+  "aria-busy",
+  "aria-label",
+  "aria-labelledby",
+  "aria-expanded",
+  "aria-controls",
+  "aria-haspopup"
+]);
+var root2 = $2.from_html(`<span class="cinder-button__icon" aria-hidden="true"><!></span>`);
+var root_12 = $2.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_22 = $2.from_html(`<!> <!>`, 1);
+var root_32 = $2.from_html(`<!> <!> <!>`, 1);
+var root_4 = $2.from_html(`<a><!></a>`);
+var root_5 = $2.from_html(`<button><!></button>`);
 function Button($$anchor, $$props) {
   $2.push($$props, true);
   const buttonContent = ($$anchor2) => {
-    var fragment = root_12();
+    var fragment = root_32();
     var node = $2.first_child(fragment);
     {
       var consequent = ($$anchor3) => {
-        var span = root_22();
+        var span = root2();
         var node_1 = $2.child(span);
         $2.snippet(node_1, () => $$props.leadingIcon);
         $2.reset(span);
@@ -336,11 +359,11 @@ function Button($$anchor, $$props) {
     var node_2 = $2.sibling(node, 2);
     {
       var consequent_3 = ($$anchor3) => {
-        var fragment_1 = root_32();
+        var fragment_1 = root_22();
         var node_3 = $2.first_child(fragment_1);
         {
           var consequent_1 = ($$anchor4) => {
-            var span_1 = root_4();
+            var span_1 = root_12();
             var text3 = $2.child(span_1, true);
             $2.reset(span_1);
             $2.template_effect(() => $2.set_text(text3, $$props.label));
@@ -354,7 +377,7 @@ function Button($$anchor, $$props) {
         var node_4 = $2.sibling(node_3, 2);
         {
           var consequent_2 = ($$anchor4) => {
-            var span_2 = root_5();
+            var span_2 = root2();
             var node_5 = $2.child(span_2);
             $2.snippet(node_5, () => $$props.children);
             $2.reset(span_2);
@@ -390,7 +413,7 @@ function Button($$anchor, $$props) {
     var node_7 = $2.sibling(node_2, 2);
     {
       var consequent_5 = ($$anchor3) => {
-        var span_3 = root_8();
+        var span_3 = root2();
         var node_8 = $2.child(span_3);
         $2.snippet(node_8, () => $$props.trailingIcon);
         $2.reset(span_3);
@@ -403,30 +426,7 @@ function Button($$anchor, $$props) {
     }
     $2.append($$anchor2, fragment);
   };
-  const variant = $2.prop($$props, "variant", 3, "secondary"), size = $2.prop($$props, "size", 3, "md"), fullWidth = $2.prop($$props, "fullWidth", 3, false), loading = $2.prop($$props, "loading", 3, false), iconOnly = $2.prop($$props, "iconOnly", 3, false), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "fullWidth",
-    "loading",
-    "iconOnly",
-    "leadingIcon",
-    "trailingIcon",
-    "children",
-    "label",
-    "class",
-    "href",
-    "onclick",
-    "aria-disabled",
-    "aria-busy",
-    "aria-label",
-    "aria-labelledby",
-    "aria-expanded",
-    "aria-controls",
-    "aria-haspopup"
-  ]);
+  const variant = $2.prop($$props, "variant", 3, "secondary"), size = $2.prop($$props, "size", 3, "md"), fullWidth = $2.prop($$props, "fullWidth", 3, false), loading = $2.prop($$props, "loading", 3, false), iconOnly = $2.prop($$props, "iconOnly", 3, false), rest = $2.rest_props($$props, rest_excludes2);
   const mergedClassName = $2.derived(() => classNames("cinder-button", $$props.class));
   const dataAttributes = $2.derived(() => ({
     "data-cinder-variant": variant(),
@@ -472,7 +472,7 @@ function Button($$anchor, $$props) {
   var node_9 = $2.first_child(fragment_4);
   {
     var consequent_6 = ($$anchor2) => {
-      var a = root_9();
+      var a = root_4();
       $2.attribute_effect(a, () => ({
         ...anchorAttributes,
         href: loading() ? undefined : $$props.href,
@@ -494,7 +494,7 @@ function Button($$anchor, $$props) {
       $2.append($$anchor2, a);
     };
     var alternate_1 = ($$anchor2) => {
-      var button = root_10();
+      var button = root_5();
       $2.attribute_effect(button, () => ({
         ...buttonAttributes,
         type: $2.get(buttonType) ?? "button",
@@ -594,19 +594,20 @@ function useMutationObserver(onMutate, options = {}) {
 
 // src/components/button-group/button-group.svelte
 var groupIdCounter = 0;
-var root2 = $4.from_html(`<div><!></div>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "label",
+  "labelledBy",
+  "orientation",
+  "class",
+  "children"
+]);
+var root3 = $4.from_html(`<div><!></div>`);
 function Button_group($$anchor, $$props) {
   $4.push($$props, true);
-  let orientation = $4.prop($$props, "orientation", 3, "horizontal"), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "label",
-    "labelledBy",
-    "orientation",
-    "class",
-    "children"
-  ]);
+  let orientation = $4.prop($$props, "orientation", 3, "horizontal"), rest = $4.rest_props($$props, rest_excludes3);
   const mergedClassName = $4.derived(() => classNames("cinder-button-group", $$props.class));
   const ariaLabelAttribute = $4.derived(() => typeof $$props.label === "string" ? $$props.label : undefined);
   const ariaLabelledByAttribute = $4.derived(() => typeof $$props.labelledBy === "string" ? $$props.labelledBy : undefined);
@@ -654,7 +655,7 @@ function Button_group($$anchor, $$props) {
       devWarn("[cinder/ButtonGroup] rendered without a non-empty accessible name — pass a non-empty 'label' or 'labelledBy'.");
     }
   });
-  var div = root2();
+  var div = root3();
   $4.attribute_effect(div, () => ({
     ...rest,
     role: "group",
@@ -700,7 +701,7 @@ var defaultAttributes = {
 var defaultAttributes_default = defaultAttributes;
 
 // ../../node_modules/lucide-svelte/dist/Icon.svelte
-var root3 = $5.from_svg(`<svg><!><!></svg>`);
+var root4 = $5.from_svg(`<svg><!><!></svg>`);
 function Icon($$anchor, $$props) {
   const $$sanitized_props = $5.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const $$restProps = $5.legacy_rest_props($$sanitized_props, [
@@ -722,7 +723,7 @@ function Icon($$anchor, $$props) {
     return Boolean(className) && array.indexOf(className) === index2;
   }).join(" ");
   $5.init();
-  var svg = root3();
+  var svg = root4();
   $5.attribute_effect(svg, ($0, $1) => ({
     ...defaultAttributes_default,
     ...$$restProps,
@@ -817,33 +818,34 @@ function resolveFieldControl(input) {
 }
 
 // src/components/card/card.svelte
-var root_13 = $7.from_html(`<div class="cinder-card__header"><!></div>`);
-var root_33 = $7.from_html(`<span class="cinder-card__risk-icon" aria-hidden="true"><!></span>`);
-var root_52 = $7.from_html(`<p class="cinder-card__description"> </p>`);
-var root_23 = $7.from_html(`<div class="cinder-card__header"><div class="cinder-card__title-row"><!> <!></div> <!></div>`);
-var root_6 = $7.from_html(`<div class="cinder-card__footer"><!></div>`);
-var root4 = $7.from_html(`<div><!> <div class="cinder-card__body"><!></div> <!></div>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "header",
+  "title",
+  "headingLevel",
+  "description",
+  "footer",
+  "variant",
+  "tone",
+  "bodyTone",
+  "footerTone",
+  "edgeToEdgeOnMobile",
+  "padding"
+]);
+var root5 = $7.from_html(`<div class="cinder-card__header"><!></div>`);
+var root_13 = $7.from_html(`<span class="cinder-card__risk-icon" aria-hidden="true"><!></span>`);
+var root_23 = $7.from_html(`<p class="cinder-card__description"> </p>`);
+var root_33 = $7.from_html(`<div class="cinder-card__header"><div class="cinder-card__title-row"><!> <!></div> <!></div>`);
+var root_42 = $7.from_html(`<div class="cinder-card__footer"><!></div>`);
+var root_52 = $7.from_html(`<div><!> <div class="cinder-card__body"><!></div> <!></div>`);
 function Card($$anchor, $$props) {
   const generatedId = $7.props_id();
   $7.push($$props, true);
-  let headingLevel = $7.prop($$props, "headingLevel", 3, 3), variant = $7.prop($$props, "variant", 3, "card"), tone = $7.prop($$props, "tone", 3, "default"), bodyTone = $7.prop($$props, "bodyTone", 3, "default"), footerTone = $7.prop($$props, "footerTone", 3, "default"), edgeToEdgeOnMobile = $7.prop($$props, "edgeToEdgeOnMobile", 3, false), padding = $7.prop($$props, "padding", 3, "default"), rest = $7.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "header",
-    "title",
-    "headingLevel",
-    "description",
-    "footer",
-    "variant",
-    "tone",
-    "bodyTone",
-    "footerTone",
-    "edgeToEdgeOnMobile",
-    "padding"
-  ]);
+  let headingLevel = $7.prop($$props, "headingLevel", 3, 3), variant = $7.prop($$props, "variant", 3, "card"), tone = $7.prop($$props, "tone", 3, "default"), bodyTone = $7.prop($$props, "bodyTone", 3, "default"), footerTone = $7.prop($$props, "footerTone", 3, "default"), edgeToEdgeOnMobile = $7.prop($$props, "edgeToEdgeOnMobile", 3, false), padding = $7.prop($$props, "padding", 3, "default"), rest = $7.rest_props($$props, rest_excludes4);
   const resolvedHeadingLevel = $7.derived(() => Number.isFinite(Math.trunc(Number(headingLevel()))) ? Math.min(6, Math.max(1, Math.trunc(Number(headingLevel())))) : 3);
   const titleTag = $7.derived(() => `h${$7.get(resolvedHeadingLevel)}`);
   const hasGeneratedHeader = $7.derived(() => Boolean($$props.title && !$$props.header));
@@ -857,7 +859,7 @@ function Card($$anchor, $$props) {
     ...!$7.get(hasExternalLabel) ? { "aria-labelledby": $7.get(titleId) } : {},
     ...$7.get(describedBy) ? { "aria-describedby": $7.get(describedBy) } : {}
   } : {});
-  var div = root4();
+  var div = root_52();
   $7.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -869,19 +871,19 @@ function Card($$anchor, $$props) {
   var node = $7.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_13();
+      var div_1 = root5();
       var node_1 = $7.child(div_1);
       $7.snippet(node_1, () => $$props.header);
       $7.reset(div_1);
       $7.append($$anchor2, div_1);
     };
     var consequent_3 = ($$anchor2) => {
-      var div_2 = root_23();
+      var div_2 = root_33();
       var div_3 = $7.child(div_2);
       var node_2 = $7.child(div_3);
       {
         var consequent_1 = ($$anchor3) => {
-          var span = root_33();
+          var span = root_13();
           var node_3 = $7.child(span);
           Circle_alert(node_3, { size: 18, strokeWidth: 2.25 });
           $7.reset(span);
@@ -903,7 +905,7 @@ function Card($$anchor, $$props) {
       var node_5 = $7.sibling(div_3, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var p = root_52();
+          var p = root_23();
           var text_1 = $7.child(p, true);
           $7.reset(p);
           $7.template_effect(() => {
@@ -934,7 +936,7 @@ function Card($$anchor, $$props) {
   var node_7 = $7.sibling(div_4, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var div_5 = root_6();
+      var div_5 = root_42();
       var node_8 = $7.child(div_5);
       $7.snippet(node_8, () => $$props.footer);
       $7.reset(div_5);
@@ -1067,7 +1069,7 @@ function legacyCopy(text4) {
 // src/components/_visually-hidden-live-region.svelte
 import"svelte/internal/disclose-version";
 import * as $10 from "svelte/internal/client";
-var root5 = $10.from_html(`<div aria-atomic="true"> </div>`);
+var root6 = $10.from_html(`<div aria-atomic="true"> </div>`);
 function _visually_hidden_live_region($$anchor, $$props) {
   $10.push($$props, true);
   let message = $10.prop($$props, "message", 3, ""), announcementSequence = $10.prop($$props, "announcementSequence", 3, 0), priority = $10.prop($$props, "priority", 3, "polite");
@@ -1102,7 +1104,7 @@ function _visually_hidden_live_region($$anchor, $$props) {
       setTimeoutId = null;
     }, 0);
   });
-  var div = root5();
+  var div = root6();
   var text4 = $10.child(div, true);
   $10.reset(div);
   $10.template_effect(($0) => {
@@ -1116,22 +1118,23 @@ function _visually_hidden_live_region($$anchor, $$props) {
 }
 
 // src/components/copy-button/copy-button.svelte
-var root6 = $11.from_html(`<button><!></button> <!>`, 1);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "confirmDuration",
+  "label",
+  "copiedLabel",
+  "iconOnly",
+  "class",
+  "children",
+  "confirmation"
+]);
+var root7 = $11.from_html(`<button><!></button> <!>`, 1);
 function Copy_button($$anchor, $$props) {
   $11.push($$props, true);
-  let confirmDuration = $11.prop($$props, "confirmDuration", 3, 1500), iconOnly = $11.prop($$props, "iconOnly", 3, false), rest = $11.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "confirmDuration",
-    "label",
-    "copiedLabel",
-    "iconOnly",
-    "class",
-    "children",
-    "confirmation"
-  ]);
+  let confirmDuration = $11.prop($$props, "confirmDuration", 3, 1500), iconOnly = $11.prop($$props, "iconOnly", 3, false), rest = $11.rest_props($$props, rest_excludes5);
   let copied = $11.state(false);
   let resetTimer;
   const copiedAnnouncement = $11.derived(() => $11.get(copied) ? $$props.copiedLabel ?? "Copied" : "");
@@ -1152,7 +1155,7 @@ function Copy_button($$anchor, $$props) {
         clearTimeout(resetTimer);
     };
   });
-  var fragment = root6();
+  var fragment = root7();
   var button = $11.first_child(fragment);
   $11.attribute_effect(button, ($0) => ({
     ...rest,
@@ -1217,12 +1220,11 @@ function Copy_button($$anchor, $$props) {
 }
 
 // src/components/code-block/code-block.svelte
-var root_24 = $12.from_html(`<span class="cinder-code-block__language"> </span>`);
+var root8 = $12.from_html(`<span class="cinder-code-block__language"> </span>`);
 var root_14 = $12.from_html(`<header class="cinder-code-block__header"><!> <!></header>`);
-var root_42 = $12.from_html(`<pre class="cinder-code-block__pre"><code class="cinder-code-block__code"> </code></pre>`);
-var root_62 = $12.from_html(`<div class="cinder-code-block__highlighted"></div>`);
-var root_7 = $12.from_html(`<pre class="cinder-code-block__pre"><code class="cinder-code-block__code"> </code></pre>`);
-var root7 = $12.from_html(`<div><!> <div class="cinder-code-block__viewport" tabindex="0"><!></div></div>`);
+var root_24 = $12.from_html(`<pre class="cinder-code-block__pre"><code class="cinder-code-block__code"> </code></pre>`);
+var root_34 = $12.from_html(`<div class="cinder-code-block__highlighted"></div>`);
+var root_43 = $12.from_html(`<div><!> <div class="cinder-code-block__viewport" tabindex="0"><!></div></div>`);
 function Code_block($$anchor, $$props) {
   $12.push($$props, true);
   let copyable = $12.prop($$props, "copyable", 3, false);
@@ -1256,7 +1258,7 @@ function Code_block($$anchor, $$props) {
       cancelled = true;
     };
   });
-  var div = root7();
+  var div = root_43();
   var node = $12.child(div);
   {
     var consequent_2 = ($$anchor2) => {
@@ -1264,7 +1266,7 @@ function Code_block($$anchor, $$props) {
       var node_1 = $12.child(header);
       {
         var consequent = ($$anchor3) => {
-          var span = root_24();
+          var span = root8();
           var text5 = $12.child(span, true);
           $12.reset(span);
           $12.template_effect(() => $12.set_text(text5, $$props.language));
@@ -1305,7 +1307,7 @@ function Code_block($$anchor, $$props) {
   var node_3 = $12.child(div_1);
   {
     const failed = ($$anchor2) => {
-      var pre = root_42();
+      var pre = root_24();
       var code_1 = $12.child(pre);
       var text_1 = $12.child(code_1, true);
       $12.reset(code_1);
@@ -1318,13 +1320,13 @@ function Code_block($$anchor, $$props) {
       var node_4 = $12.first_child(fragment_1);
       {
         var consequent_3 = ($$anchor3) => {
-          var div_2 = root_62();
+          var div_2 = root_34();
           $12.html(div_2, () => $12.get(highlighted), true);
           $12.reset(div_2);
           $12.append($$anchor3, div_2);
         };
         var alternate = ($$anchor3) => {
-          var pre_1 = root_7();
+          var pre_1 = root_24();
           var code_2 = $12.child(pre_1);
           var text_2 = $12.child(code_2, true);
           $12.reset(code_2);
@@ -1356,20 +1358,21 @@ import * as $20 from "svelte/internal/client";
 // src/components/description-list/description-list.svelte
 import"svelte/internal/disclose-version";
 import * as $13 from "svelte/internal/client";
-var root_43 = $13.from_html(`<div class="cinder-description-list__actions"><!></div>`);
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "items",
+  "variant",
+  "class",
+  "actions"
+]);
+var root9 = $13.from_html(`<div class="cinder-description-list__actions"><!></div>`);
 var root_15 = $13.from_html(`<div class="cinder-description-list__row"><dt> </dt> <dd><div class="cinder-description-list__definition"><!></div> <!></dd></div>`);
-var root8 = $13.from_html(`<dl></dl>`);
+var root_25 = $13.from_html(`<dl></dl>`);
 function Description_list($$anchor, $$props) {
   $13.push($$props, true);
-  let variant = $13.prop($$props, "variant", 3, "default"), rest = $13.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "items",
-    "variant",
-    "class",
-    "actions"
-  ]);
+  let variant = $13.prop($$props, "variant", 3, "default"), rest = $13.rest_props($$props, rest_excludes6);
   const duplicateKey = $13.derived(() => {
     const seen = new Set;
     for (const item of $$props.items) {
@@ -1391,7 +1394,7 @@ function Description_list($$anchor, $$props) {
       devWarn(`[cinder/DescriptionList] Duplicate key "${$13.get(duplicateKey)}". Two items share a term and no \`id\`. Provide a unique \`id\` on each DescriptionListItem to avoid broken reconciliation.`);
     }
   });
-  var dl = root8();
+  var dl = root_25();
   $13.attribute_effect(dl, ($0) => ({ ...rest, class: $0, "data-cinder-variant": variant() }), [() => classNames("cinder-description-list", $$props.class)]);
   $13.each(dl, 21, () => $$props.items, (item) => item.id ?? item.term, ($$anchor2, item) => {
     var div = root_15();
@@ -1424,7 +1427,7 @@ function Description_list($$anchor, $$props) {
     var node_2 = $13.sibling(div_1, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var div_2 = root_43();
+        var div_2 = root9();
         var node_3 = $13.child(div_2);
         $13.snippet(node_3, () => $$props.actions, () => $13.get(item));
         $13.reset(div_2);
@@ -1456,18 +1459,16 @@ import * as $15 from "svelte/internal/client";
 import"svelte/internal/disclose-version";
 import * as $14 from "svelte/internal/client";
 import { untrack as untrack2 } from "svelte";
-var root_34 = $14.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_44 = $14.from_html(`<span class="cinder-json-viewer__summary"> </span> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_63 = $14.from_html(`<li role="none"><!></li>`);
-var root_53 = $14.from_html(`<ul class="cinder-json-viewer__children" role="group"></ul> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_25 = $14.from_html(`<span role="treeitem"><button type="button" class="cinder-json-viewer__toggle" tabindex="-1"><!> <span class="cinder-json-viewer__caret"></span> <span class="cinder-json-viewer__brace"> </span> <!></button> <!></span>`);
-var root_82 = $14.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_72 = $14.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__too-deep">…</span></span>`);
-var root_102 = $14.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_92 = $14.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__value"><!></span></span>`);
+var root_16 = $14.from_html(`<span class="cinder-json-viewer__key"> </span>`);
+var root_26 = $14.from_html(`<span class="cinder-json-viewer__summary"> </span> <span class="cinder-json-viewer__brace"> </span>`, 1);
+var root_35 = $14.from_html(`<li role="none"><!></li>`);
+var root_44 = $14.from_html(`<ul class="cinder-json-viewer__children" role="group"></ul> <span class="cinder-json-viewer__brace"> </span>`, 1);
+var root_53 = $14.from_html(`<span role="treeitem"><button type="button" class="cinder-json-viewer__toggle" tabindex="-1"><!> <span class="cinder-json-viewer__caret"></span> <span class="cinder-json-viewer__brace"> </span> <!></button> <!></span>`);
+var root_6 = $14.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__too-deep">…</span></span>`);
+var root_7 = $14.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__value"><!></span></span>`);
 function _json_viewer_node($$anchor, $$props) {
   $14.push($$props, true);
-  let root9 = $14.prop($$props, "root", 3, false);
+  let root10 = $14.prop($$props, "root", 3, false);
   const isObject = $14.derived(() => $$props.value !== null && typeof $$props.value === "object");
   const isArray = $14.derived(() => Array.isArray($$props.value));
   const tooDeep = $14.derived(() => $$props.depth >= $$props.maxDepth);
@@ -1498,12 +1499,12 @@ function _json_viewer_node($$anchor, $$props) {
   var node = $14.first_child(fragment);
   {
     var consequent_3 = ($$anchor2) => {
-      var span = root_25();
+      var span = root_53();
       var button = $14.child(span);
       var node_1 = $14.child(button);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_34();
+          var span_1 = root_16();
           var text7 = $14.child(span_1);
           $14.reset(span_1);
           $14.template_effect(() => $14.set_text(text7, `${$$props.keyName ?? ""}:`));
@@ -1521,7 +1522,7 @@ function _json_viewer_node($$anchor, $$props) {
       var node_2 = $14.sibling(span_3, 2);
       {
         var consequent_1 = ($$anchor3) => {
-          var fragment_1 = root_44();
+          var fragment_1 = root_26();
           var span_4 = $14.first_child(fragment_1);
           var text_2 = $14.child(span_4);
           $14.reset(span_4);
@@ -1543,13 +1544,13 @@ function _json_viewer_node($$anchor, $$props) {
       var node_3 = $14.sibling(button, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var fragment_2 = root_53();
+          var fragment_2 = root_44();
           var ul = $14.first_child(fragment_2);
           $14.each(ul, 23, () => $14.get(entries), ([k, v]) => k, ($$anchor4, $$item, index2) => {
             var $$array = $14.derived(() => $14.to_array($14.get($$item), 2));
             let k = () => $14.get($$array)[0];
             let v = () => $14.get($$array)[1];
-            var li = root_63();
+            var li = root_35();
             var node_4 = $14.child(li);
             {
               let $0 = $14.derived(() => $$props.depth + 1);
@@ -1601,7 +1602,7 @@ function _json_viewer_node($$anchor, $$props) {
         $14.set_attribute(span, "aria-level", $$props.depth + 1);
         $14.set_attribute(span, "aria-posinset", $$props.position);
         $14.set_attribute(span, "aria-setsize", $$props.setSize);
-        $14.set_attribute(span, "tabindex", root9() ? 0 : -1);
+        $14.set_attribute(span, "tabindex", root10() ? 0 : -1);
         $14.set_attribute(button, "aria-label", $14.get(toggleLabel));
         $14.set_attribute(span_2, "data-cinder-collapsed", $14.get(collapsed) || undefined);
         $14.set_text(text_1, $14.get(isArray) ? "[" : "{");
@@ -1610,11 +1611,11 @@ function _json_viewer_node($$anchor, $$props) {
       $14.append($$anchor2, span);
     };
     var consequent_5 = ($$anchor2) => {
-      var span_7 = root_72();
+      var span_7 = root_6();
       var node_5 = $14.child(span_7);
       {
         var consequent_4 = ($$anchor3) => {
-          var span_8 = root_82();
+          var span_8 = root_16();
           var text_5 = $14.child(span_8);
           $14.reset(span_8);
           $14.template_effect(() => $14.set_text(text_5, `${$$props.keyName ?? ""}:`));
@@ -1628,7 +1629,7 @@ function _json_viewer_node($$anchor, $$props) {
       $14.next(2);
       $14.reset(span_7);
       $14.template_effect(() => {
-        $14.set_attribute(span_7, "tabindex", root9() ? 0 : -1);
+        $14.set_attribute(span_7, "tabindex", root10() ? 0 : -1);
         $14.set_attribute(span_7, "aria-level", $$props.depth + 1);
         $14.set_attribute(span_7, "aria-posinset", $$props.position);
         $14.set_attribute(span_7, "aria-setsize", $$props.setSize);
@@ -1636,11 +1637,11 @@ function _json_viewer_node($$anchor, $$props) {
       $14.append($$anchor2, span_7);
     };
     var alternate_1 = ($$anchor2) => {
-      var span_9 = root_92();
+      var span_9 = root_7();
       var node_6 = $14.child(span_9);
       {
         var consequent_6 = ($$anchor3) => {
-          var span_10 = root_102();
+          var span_10 = root_16();
           var text_6 = $14.child(span_10);
           $14.reset(span_10);
           $14.template_effect(() => $14.set_text(text_6, `${$$props.keyName ?? ""}:`));
@@ -1674,7 +1675,7 @@ function _json_viewer_node($$anchor, $$props) {
       $14.reset(span_11);
       $14.reset(span_9);
       $14.template_effect(($0) => {
-        $14.set_attribute(span_9, "tabindex", root9() ? 0 : -1);
+        $14.set_attribute(span_9, "tabindex", root10() ? 0 : -1);
         $14.set_attribute(span_9, "aria-level", $$props.depth + 1);
         $14.set_attribute(span_9, "aria-posinset", $$props.position);
         $14.set_attribute(span_9, "aria-setsize", $$props.setSize);
@@ -1697,10 +1698,10 @@ function _json_viewer_node($$anchor, $$props) {
 $14.delegate(["click"]);
 
 // src/components/json-viewer/json-viewer.svelte
-var root_16 = $15.from_html(`<div class="cinder-json-viewer__fallback" role="status"><p>This value can't be serialized as JSON (it may contain a circular reference or a BigInt).</p> <p>Pass a plain JSON-serializable value, or use the consumer's download or copy action.</p></div>`);
-var root_26 = $15.from_html(`<div class="cinder-json-viewer__fallback" role="status"><p> </p> <p>Use the consumer's download or copy action to inspect the raw JSON.</p></div>`);
-var root_35 = $15.from_html(`<div role="tree" aria-label="JSON tree" tabindex="-1"><!></div>`);
-var root9 = $15.from_html(`<div><!></div>`);
+var root10 = $15.from_html(`<div class="cinder-json-viewer__fallback" role="status"><p>This value can't be serialized as JSON (it may contain a circular reference or a BigInt).</p> <p>Pass a plain JSON-serializable value, or use the consumer's download or copy action.</p></div>`);
+var root_17 = $15.from_html(`<div class="cinder-json-viewer__fallback" role="status"><p> </p> <p>Use the consumer's download or copy action to inspect the raw JSON.</p></div>`);
+var root_27 = $15.from_html(`<div role="tree" aria-label="JSON tree" tabindex="-1"><!></div>`);
+var root_36 = $15.from_html(`<div><!></div>`);
 function Json_viewer($$anchor, $$props) {
   $15.push($$props, true);
   let initialDepth = $15.prop($$props, "initialDepth", 3, 1), maxDepth = $15.prop($$props, "maxDepth", 3, 50), maxBytes = $15.prop($$props, "maxBytes", 3, 1048576);
@@ -1767,15 +1768,15 @@ function Json_viewer($$anchor, $$props) {
       toggle?.click();
     }
   }
-  var div = root9();
+  var div = root_36();
   var node = $15.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_16();
+      var div_1 = root10();
       $15.append($$anchor2, div_1);
     };
     var consequent_1 = ($$anchor2) => {
-      var div_2 = root_26();
+      var div_2 = root_17();
       var p = $15.child(div_2);
       var text7 = $15.child(p);
       $15.reset(p);
@@ -1789,7 +1790,7 @@ function Json_viewer($$anchor, $$props) {
       $15.append($$anchor2, div_2);
     };
     var alternate = ($$anchor2) => {
-      var div_3 = root_35();
+      var div_3 = root_27();
       var node_1 = $15.child(div_3);
       _json_viewer_node(node_1, {
         get value() {
@@ -1915,7 +1916,7 @@ function commitValue(proposed, onValueChange, setValue) {
 }
 
 // src/components/tabs/tabs.svelte
-var root10 = $16.from_html(`<div><!></div>`);
+var root11 = $16.from_html(`<div><!></div>`);
 function Tabs($$anchor, $$props) {
   const baseId = $16.props_id();
   $16.push($$props, true);
@@ -2080,7 +2081,7 @@ function Tabs($$anchor, $$props) {
     },
     handleKeydown
   });
-  var div = root10();
+  var div = root11();
   var node = $16.child(div);
   $16.snippet(node, () => $$props.children);
   $16.reset(div);
@@ -2096,11 +2097,11 @@ function Tabs($$anchor, $$props) {
 // src/components/tab-list/tab-list.svelte
 import"svelte/internal/disclose-version";
 import * as $17 from "svelte/internal/client";
-var root11 = $17.from_html(`<div role="tablist"><!></div>`);
+var root12 = $17.from_html(`<div role="tablist"><!></div>`);
 function Tab_list($$anchor, $$props) {
   $17.push($$props, true);
   const tabs = getTabsContext();
-  var div = root11();
+  var div = root12();
   var node = $17.child(div);
   $17.snippet(node, () => $$props.children);
   $17.reset(div);
@@ -2158,8 +2159,8 @@ function rovingTabIndex(isActive) {
 }
 
 // src/components/tab/tab.svelte
-var root_17 = $18.from_html(`<span class="cinder-tab__trailing" aria-hidden="true"><!></span>`);
-var root12 = $18.from_html(`<button type="button" role="tab"><!> <!></button>`);
+var root13 = $18.from_html(`<span class="cinder-tab__trailing" aria-hidden="true"><!></span>`);
+var root_18 = $18.from_html(`<button type="button" role="tab"><!> <!></button>`);
 function Tab($$anchor, $$props) {
   $18.push($$props, true);
   let disabled = $18.prop($$props, "disabled", 3, false);
@@ -2195,13 +2196,13 @@ function Tab($$anchor, $$props) {
       return;
     tabs.select($$props.value);
   }
-  var button_1 = root12();
+  var button_1 = root_18();
   var node = $18.child(button_1);
   $18.snippet(node, () => $$props.children);
   var node_1 = $18.sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      var span = root_17();
+      var span = root13();
       var node_2 = $18.child(span);
       $18.snippet(node_2, () => $$props.trailing);
       $18.reset(span);
@@ -2241,7 +2242,7 @@ $18.delegate(["click", "keydown"]);
 // src/components/tab-panel/tab-panel.svelte
 import"svelte/internal/disclose-version";
 import * as $19 from "svelte/internal/client";
-var root_18 = $19.from_html(`<div role="tabpanel" tabindex="0"><!></div>`);
+var root14 = $19.from_html(`<div role="tabpanel" tabindex="0"><!></div>`);
 function Tab_panel($$anchor, $$props) {
   $19.push($$props, true);
   const tabs = getTabsContext();
@@ -2252,7 +2253,7 @@ function Tab_panel($$anchor, $$props) {
   var node = $19.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var div = root_18();
+      var div = root14();
       var node_1 = $19.child(div);
       $19.snippet(node_1, () => $$props.children);
       $19.reset(div);
@@ -2274,42 +2275,38 @@ function Tab_panel($$anchor, $$props) {
 }
 
 // src/components/payload-inspector/payload-inspector.svelte
-var root_19 = $20.from_html(`<span class="cinder-payload-inspector__size"> </span>`);
-var root_73 = $20.from_html(`<!> <!> <!>`, 1);
-var root_122 = $20.from_html(`<div class="cinder-payload-inspector__empty" role="status">No payload</div>`);
-var root_182 = $20.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning" role="alert"> </div>`);
-var root_192 = $20.from_html(`<div class="cinder-payload-inspector__summary-value"><span class="cinder-payload-inspector__summary-value-label">Value</span> <span class="cinder-payload-inspector__primitive"> </span></div>`);
-var root_132 = $20.from_html(`<div class="cinder-payload-inspector__summary"><div class="cinder-payload-inspector__summary-badges"><!> <!></div> <!> <!> <!></div>`);
-var root_11 = $20.from_html(`<div class="cinder-payload-inspector__panel"><!> <!></div>`);
-var root_21 = $20.from_html(`<div class="cinder-payload-inspector__empty" role="status">No payload</div>`);
-var root_222 = $20.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning" role="alert"> </div>`);
-var root_232 = $20.from_html(`<div class="cinder-payload-inspector__notice" role="status">This value can't be serialized as JSON (it may contain circular references or BigInt
+var rest_excludes7 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "truncated",
+  "maxBytes",
+  "meta",
+  "format",
+  "parse",
+  "activeView",
+  "label",
+  "class"
+]);
+var root15 = $20.from_html(`<span class="cinder-payload-inspector__size"> </span>`);
+var root_19 = $20.from_html(`<!> <!> <!>`, 1);
+var root_28 = $20.from_html(`<div class="cinder-payload-inspector__empty" role="status">No payload</div>`);
+var root_37 = $20.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning" role="alert"> </div>`);
+var root_45 = $20.from_html(`<div class="cinder-payload-inspector__summary-value"><span class="cinder-payload-inspector__summary-value-label">Value</span> <span class="cinder-payload-inspector__primitive"> </span></div>`);
+var root_54 = $20.from_html(`<div class="cinder-payload-inspector__summary"><div class="cinder-payload-inspector__summary-badges"><!> <!></div> <!> <!> <!></div>`);
+var root_62 = $20.from_html(`<div class="cinder-payload-inspector__panel"><!> <!></div>`);
+var root_72 = $20.from_html(`<div class="cinder-payload-inspector__notice" role="status">This value can't be serialized as JSON (it may contain circular references or BigInt
               values).</div>`);
-var root_20 = $20.from_html(`<div class="cinder-payload-inspector__panel"><!> <!> <!> <!></div>`);
-var root_262 = $20.from_html(`<div class="cinder-payload-inspector__empty" role="status">No payload</div>`);
-var root_27 = $20.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning">This payload has been truncated by the producer. The raw view shows only the received
+var root_8 = $20.from_html(`<div class="cinder-payload-inspector__panel"><!> <!> <!> <!></div>`);
+var root_9 = $20.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning">This payload has been truncated by the producer. The raw view shows only the received
               portion.</div>`);
-var root_28 = $20.from_html(`<div class="cinder-payload-inspector__notice" role="status">This value can't be serialized as JSON (it may contain circular references or BigInt
-              values).</div>`);
-var root_252 = $20.from_html(`<div class="cinder-payload-inspector__panel cinder-payload-inspector__panel--code"><!> <!> <!> <!></div>`);
-var root_64 = $20.from_html(`<!> <!> <!> <!>`, 1);
-var root13 = $20.from_html(`<section><div class="cinder-payload-inspector__header"><span class="cinder-payload-inspector__label"> </span> <div class="cinder-payload-inspector__header-actions"><!> <!> <!> <!></div></div> <div class="cinder-payload-inspector__tabs"><!></div></section>`);
+var root_10 = $20.from_html(`<div class="cinder-payload-inspector__panel cinder-payload-inspector__panel--code"><!> <!> <!> <!></div>`);
+var root_11 = $20.from_html(`<!> <!> <!> <!>`, 1);
+var root_122 = $20.from_html(`<section><div class="cinder-payload-inspector__header"><span class="cinder-payload-inspector__label"> </span> <div class="cinder-payload-inspector__header-actions"><!> <!> <!> <!></div></div> <div class="cinder-payload-inspector__tabs"><!></div></section>`);
 function Payload_inspector($$anchor, $$props) {
   $20.push($$props, true);
-  let truncated = $20.prop($$props, "truncated", 3, false), maxBytes = $20.prop($$props, "maxBytes", 3, 1048576), activeView = $20.prop($$props, "activeView", 15, "summary"), label = $20.prop($$props, "label", 3, "Payload inspector"), rest = $20.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "truncated",
-    "maxBytes",
-    "meta",
-    "format",
-    "parse",
-    "activeView",
-    "label",
-    "class"
-  ]);
+  let truncated = $20.prop($$props, "truncated", 3, false), maxBytes = $20.prop($$props, "maxBytes", 3, 1048576), activeView = $20.prop($$props, "activeView", 15, "summary"), label = $20.prop($$props, "label", 3, "Payload inspector"), rest = $20.rest_props($$props, rest_excludes7);
   function shouldParseString(raw) {
     const trimmed = raw.trim();
     if (/^[{\["]/.test(trimmed))
@@ -2449,7 +2446,7 @@ function Payload_inspector($$anchor, $$props) {
       return "info";
     return "neutral";
   }
-  var section = root13();
+  var section = root_122();
   $20.attribute_effect(section, ($0) => ({ ...rest, class: $0, "aria-label": label() }), [() => classNames("cinder-payload-inspector", $$props.class)]);
   var div = $20.child(section);
   var span = $20.child(div);
@@ -2459,7 +2456,7 @@ function Payload_inspector($$anchor, $$props) {
   var node = $20.child(div_1);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_19();
+      var span_1 = root15();
       var text_1 = $20.child(span_1, true);
       $20.reset(span_1);
       $20.template_effect(() => {
@@ -2540,12 +2537,12 @@ function Payload_inspector($$anchor, $$props) {
       activeView($$value);
     },
     children: ($$anchor2, $$slotProps) => {
-      var fragment_3 = root_64();
+      var fragment_3 = root_11();
       var node_5 = $20.first_child(fragment_3);
       Tab_list(node_5, {
         label: "Inspector views",
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_4 = root_73();
+          var fragment_4 = root_19();
           var node_6 = $20.first_child(fragment_4);
           Tab(node_6, {
             value: "summary",
@@ -2584,11 +2581,11 @@ function Payload_inspector($$anchor, $$props) {
       Tab_panel(node_9, {
         value: "summary",
         children: ($$anchor3, $$slotProps2) => {
-          var div_3 = root_11();
+          var div_3 = root_62();
           var node_10 = $20.child(div_3);
           {
             var consequent_4 = ($$anchor4) => {
-              var div_4 = root_122();
+              var div_4 = root_28();
               $20.append($$anchor4, div_4);
             };
             $20.if(node_10, ($$render) => {
@@ -2599,7 +2596,7 @@ function Payload_inspector($$anchor, $$props) {
           var node_11 = $20.sibling(node_10, 2);
           {
             var consequent_9 = ($$anchor4) => {
-              var div_5 = root_132();
+              var div_5 = root_54();
               var div_6 = $20.child(div_5);
               var node_12 = $20.child(div_6);
               {
@@ -2657,7 +2654,7 @@ function Payload_inspector($$anchor, $$props) {
               var node_15 = $20.sibling(node_14, 2);
               {
                 var consequent_7 = ($$anchor5) => {
-                  var div_7 = root_182();
+                  var div_7 = root_37();
                   var text_8 = $20.child(div_7);
                   $20.reset(div_7);
                   $20.template_effect(() => $20.set_text(text_8, `Parse error: ${$20.get(parseResult).error ?? ""}`));
@@ -2671,7 +2668,7 @@ function Payload_inspector($$anchor, $$props) {
               var node_16 = $20.sibling(node_15, 2);
               {
                 var consequent_8 = ($$anchor5) => {
-                  var div_8 = root_192();
+                  var div_8 = root_45();
                   var span_2 = $20.sibling($20.child(div_8), 2);
                   var text_9 = $20.child(span_2, true);
                   $20.reset(span_2);
@@ -2701,11 +2698,11 @@ function Payload_inspector($$anchor, $$props) {
       Tab_panel(node_17, {
         value: "tree",
         children: ($$anchor3, $$slotProps2) => {
-          var div_9 = root_20();
+          var div_9 = root_8();
           var node_18 = $20.child(div_9);
           {
             var consequent_10 = ($$anchor4) => {
-              var div_10 = root_21();
+              var div_10 = root_28();
               $20.append($$anchor4, div_10);
             };
             $20.if(node_18, ($$render) => {
@@ -2716,7 +2713,7 @@ function Payload_inspector($$anchor, $$props) {
           var node_19 = $20.sibling(node_18, 2);
           {
             var consequent_11 = ($$anchor4) => {
-              var div_11 = root_222();
+              var div_11 = root_37();
               var text_10 = $20.child(div_11);
               $20.reset(div_11);
               $20.template_effect(() => $20.set_text(text_10, `Cannot render tree: ${$20.get(parseResult).error ?? ""}`));
@@ -2730,7 +2727,7 @@ function Payload_inspector($$anchor, $$props) {
           var node_20 = $20.sibling(node_19, 2);
           {
             var consequent_12 = ($$anchor4) => {
-              var div_12 = root_232();
+              var div_12 = root_72();
               $20.append($$anchor4, div_12);
             };
             $20.if(node_20, ($$render) => {
@@ -2764,11 +2761,11 @@ function Payload_inspector($$anchor, $$props) {
       Tab_panel(node_22, {
         value: "raw",
         children: ($$anchor3, $$slotProps2) => {
-          var div_13 = root_252();
+          var div_13 = root_10();
           var node_23 = $20.child(div_13);
           {
             var consequent_14 = ($$anchor4) => {
-              var div_14 = root_262();
+              var div_14 = root_28();
               $20.append($$anchor4, div_14);
             };
             $20.if(node_23, ($$render) => {
@@ -2779,7 +2776,7 @@ function Payload_inspector($$anchor, $$props) {
           var node_24 = $20.sibling(node_23, 2);
           {
             var consequent_15 = ($$anchor4) => {
-              var div_15 = root_27();
+              var div_15 = root_9();
               $20.append($$anchor4, div_15);
             };
             $20.if(node_24, ($$render) => {
@@ -2790,7 +2787,7 @@ function Payload_inspector($$anchor, $$props) {
           var node_25 = $20.sibling(node_24, 2);
           {
             var consequent_16 = ($$anchor4) => {
-              var div_16 = root_28();
+              var div_16 = root_72();
               $20.append($$anchor4, div_16);
             };
             $20.if(node_25, ($$render) => {
@@ -2834,33 +2831,34 @@ function Payload_inspector($$anchor, $$props) {
 import"svelte/internal/disclose-version";
 import * as $21 from "svelte/internal/client";
 import { onDestroy, untrack as untrack4 } from "svelte";
-var root_110 = $21.from_html(`<span class="cinder-secret-value-field__prefix" aria-hidden="true"> </span>`);
-var root_29 = $21.from_html(`<span class="cinder-secret-value-field__suffix" aria-hidden="true"> </span>`);
-var root_45 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.091 1.092a4 4 0 00-5.557-5.557z" clip-rule="evenodd"></path><path d="M10.748 13.93l2.523 2.524a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z"></path></svg>`);
-var root_54 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
-var root_36 = $21.from_html(`<button type="button" class="cinder-secret-value-field__toggle"><!></button>`);
-var root_65 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>`);
-var root_74 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M7 3.5A1.5 1.5 0 018.5 2h3.879a1.5 1.5 0 011.06.44l3.122 3.12A1.5 1.5 0 0117 6.622V12.5a1.5 1.5 0 01-1.5 1.5h-1v-3.379a3 3 0 00-.879-2.121L10.5 5.379A3 3 0 008.379 4.5H7v-1z"></path><path d="M4.5 6A1.5 1.5 0 003 7.5v9A1.5 1.5 0 004.5 18h7a1.5 1.5 0 001.5-1.5v-5.879a1.5 1.5 0 00-.44-1.06L9.44 6.439A1.5 1.5 0 008.378 6H4.5z"></path></svg>`);
-var root_83 = $21.from_html(`<div class="cinder-secret-value-field__warning"><!></div>`);
-var root14 = $21.from_html(`<div><span class="cinder-secret-value-field__label"> </span> <div class="cinder-secret-value-field__row" role="group"><!> <span class="cinder-secret-value-field__value"> </span> <!> <div class="cinder-secret-value-field__actions"><!> <button type="button" class="cinder-secret-value-field__copy"><!></button></div></div> <!> <!></div>`);
+var rest_excludes8 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "value",
+  "prefix",
+  "suffix",
+  "label",
+  "allowReveal",
+  "initiallyRevealed",
+  "confirmDuration",
+  "copiedLabel",
+  "warning",
+  "class"
+]);
+var root16 = $21.from_html(`<span class="cinder-secret-value-field__prefix" aria-hidden="true"> </span>`);
+var root_110 = $21.from_html(`<span class="cinder-secret-value-field__suffix" aria-hidden="true"> </span>`);
+var root_29 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 00-1.06 1.06l14.5 14.5a.75.75 0 101.06-1.06l-1.745-1.745a10.029 10.029 0 003.3-4.38 1.651 1.651 0 000-1.185A10.004 10.004 0 009.999 3a9.956 9.956 0 00-4.744 1.194L3.28 2.22zM7.752 6.69l1.092 1.092a2.5 2.5 0 013.374 3.373l1.091 1.092a4 4 0 00-5.557-5.557z" clip-rule="evenodd"></path><path d="M10.748 13.93l2.523 2.524a9.987 9.987 0 01-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 010-1.186A10.007 10.007 0 012.839 6.02L6.07 9.252a4 4 0 004.678 4.678z"></path></svg>`);
+var root_38 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M10 12.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path><path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 010-1.186A10.004 10.004 0 0110 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0110 17c-4.257 0-7.893-2.66-9.336-6.41zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>`);
+var root_46 = $21.from_html(`<button type="button" class="cinder-secret-value-field__toggle"><!></button>`);
+var root_55 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg>`);
+var root_63 = $21.from_svg(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="cinder-secret-value-field__icon" aria-hidden="true"><path d="M7 3.5A1.5 1.5 0 018.5 2h3.879a1.5 1.5 0 011.06.44l3.122 3.12A1.5 1.5 0 0117 6.622V12.5a1.5 1.5 0 01-1.5 1.5h-1v-3.379a3 3 0 00-.879-2.121L10.5 5.379A3 3 0 008.379 4.5H7v-1z"></path><path d="M4.5 6A1.5 1.5 0 003 7.5v9A1.5 1.5 0 004.5 18h7a1.5 1.5 0 001.5-1.5v-5.879a1.5 1.5 0 00-.44-1.06L9.44 6.439A1.5 1.5 0 008.378 6H4.5z"></path></svg>`);
+var root_73 = $21.from_html(`<div class="cinder-secret-value-field__warning"><!></div>`);
+var root_82 = $21.from_html(`<div><span class="cinder-secret-value-field__label"> </span> <div class="cinder-secret-value-field__row" role="group"><!> <span class="cinder-secret-value-field__value"> </span> <!> <div class="cinder-secret-value-field__actions"><!> <button type="button" class="cinder-secret-value-field__copy"><!></button></div></div> <!> <!></div>`);
 function Secret_value_field($$anchor, $$props) {
   const fieldId = $21.props_id();
   $21.push($$props, true);
-  let label = $21.prop($$props, "label", 3, "Secret value"), allowReveal = $21.prop($$props, "allowReveal", 3, false), initiallyRevealed = $21.prop($$props, "initiallyRevealed", 3, false), confirmDuration = $21.prop($$props, "confirmDuration", 3, 1500), copiedLabel = $21.prop($$props, "copiedLabel", 3, "Copied"), rest = $21.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "value",
-    "prefix",
-    "suffix",
-    "label",
-    "allowReveal",
-    "initiallyRevealed",
-    "confirmDuration",
-    "copiedLabel",
-    "warning",
-    "class"
-  ]);
+  let label = $21.prop($$props, "label", 3, "Secret value"), allowReveal = $21.prop($$props, "allowReveal", 3, false), initiallyRevealed = $21.prop($$props, "initiallyRevealed", 3, false), confirmDuration = $21.prop($$props, "confirmDuration", 3, 1500), copiedLabel = $21.prop($$props, "copiedLabel", 3, "Copied"), rest = $21.rest_props($$props, rest_excludes8);
   let revealed = $21.state($21.proxy(untrack4(() => initiallyRevealed())));
   let previousValue = $21.state($21.proxy(untrack4(() => $$props.value)));
   let copied = $21.state(false);
@@ -2893,7 +2891,7 @@ function Secret_value_field($$anchor, $$props) {
     if (resetTimer)
       clearTimeout(resetTimer);
   });
-  var div = root14();
+  var div = root_82();
   $21.attribute_effect(div, ($0) => ({
     ...rest,
     class: $0,
@@ -2907,7 +2905,7 @@ function Secret_value_field($$anchor, $$props) {
   var node = $21.child(div_1);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_110();
+      var span_1 = root16();
       var text_1 = $21.child(span_1, true);
       $21.reset(span_1);
       $21.template_effect(() => $21.set_text(text_1, $$props.prefix));
@@ -2924,7 +2922,7 @@ function Secret_value_field($$anchor, $$props) {
   var node_1 = $21.sibling(span_2, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_3 = root_29();
+      var span_3 = root_110();
       var text_3 = $21.child(span_3, true);
       $21.reset(span_3);
       $21.template_effect(() => $21.set_text(text_3, $$props.suffix));
@@ -2939,15 +2937,15 @@ function Secret_value_field($$anchor, $$props) {
   var node_2 = $21.child(div_2);
   {
     var consequent_3 = ($$anchor2) => {
-      var button = root_36();
+      var button = root_46();
       var node_3 = $21.child(button);
       {
         var consequent_2 = ($$anchor3) => {
-          var svg = root_45();
+          var svg = root_29();
           $21.append($$anchor3, svg);
         };
         var alternate = ($$anchor3) => {
-          var svg_1 = root_54();
+          var svg_1 = root_38();
           $21.append($$anchor3, svg_1);
         };
         $21.if(node_3, ($$render) => {
@@ -2974,11 +2972,11 @@ function Secret_value_field($$anchor, $$props) {
   var node_4 = $21.child(button_1);
   {
     var consequent_4 = ($$anchor2) => {
-      var svg_2 = root_65();
+      var svg_2 = root_55();
       $21.append($$anchor2, svg_2);
     };
     var alternate_1 = ($$anchor2) => {
-      var svg_3 = root_74();
+      var svg_3 = root_63();
       $21.append($$anchor2, svg_3);
     };
     $21.if(node_4, ($$render) => {
@@ -2994,7 +2992,7 @@ function Secret_value_field($$anchor, $$props) {
   var node_5 = $21.sibling(div_1, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_3 = root_83();
+      var div_3 = root_73();
       var node_6 = $21.child(div_3);
       $21.snippet(node_6, () => $$props.warning);
       $21.reset(div_3);
@@ -3031,9 +3029,22 @@ $21.delegate(["click"]);
 // src/components/status-dot/status-dot.svelte
 import"svelte/internal/disclose-version";
 import * as $22 from "svelte/internal/client";
-var root_111 = $22.from_html(`<span class="cinder-status-dot__label"> </span>`);
-var root_211 = $22.from_html(`<span class="cinder-sr-only"> </span>`);
-var root15 = $22.from_html(`<span><span class="cinder-status-dot__indicator" aria-hidden="true"></span> <!> <!></span>`);
+var rest_excludes9 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "status",
+  "connectionState",
+  "label",
+  "live",
+  "showLabel",
+  "size",
+  "class",
+  "aria-label"
+]);
+var root17 = $22.from_html(`<span class="cinder-status-dot__label"> </span>`);
+var root_111 = $22.from_html(`<span class="cinder-sr-only"> </span>`);
+var root_210 = $22.from_html(`<span><span class="cinder-status-dot__indicator" aria-hidden="true"></span> <!> <!></span>`);
 function Status_dot($$anchor, $$props) {
   $22.push($$props, true);
   const connectionStatusMap = {
@@ -3048,19 +3059,7 @@ function Status_dot($$anchor, $$props) {
     disconnected: "Disconnected",
     error: "Error"
   };
-  let showLabel = $22.prop($$props, "showLabel", 3, true), size = $22.prop($$props, "size", 3, "md"), rest = $22.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "status",
-    "connectionState",
-    "label",
-    "live",
-    "showLabel",
-    "size",
-    "class",
-    "aria-label"
-  ]);
+  let showLabel = $22.prop($$props, "showLabel", 3, true), size = $22.prop($$props, "size", 3, "md"), rest = $22.rest_props($$props, rest_excludes9);
   const normalizedAriaLabel = $22.derived(() => $$props["aria-label"]?.trim() ? $$props["aria-label"].trim() : undefined);
   const resolvedStatus = $22.derived(() => $$props.status ?? ($$props.connectionState === undefined ? "neutral" : connectionStatusMap[$$props.connectionState]));
   const resolvedLive = $22.derived(() => $$props.live ?? $$props.connectionState !== undefined);
@@ -3069,7 +3068,7 @@ function Status_dot($$anchor, $$props) {
   const resolvedAriaLabel = $22.derived(() => $22.get(normalizedAriaLabel) ?? $22.get(normalizedLabel) ?? $22.get(resolvedStatus));
   const visibleLabelIsLiveDuplicate = $22.derived(() => $22.get(resolvedLive) && $22.get(normalizedLabel) !== undefined && $22.get(resolvedAriaLabel) !== $22.get(normalizedLabel));
   const needsHiddenLiveLabel = $22.derived(() => $22.get(resolvedLive) && (!$22.get(hasVisibleLabel) || $22.get(visibleLabelIsLiveDuplicate)));
-  var span = root15();
+  var span = root_210();
   $22.attribute_effect(span, ($0) => ({
     ...rest,
     class: $0,
@@ -3084,7 +3083,7 @@ function Status_dot($$anchor, $$props) {
   var node = $22.sibling($22.child(span), 2);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root_111();
+      var span_1 = root17();
       var text8 = $22.child(span_1, true);
       $22.reset(span_1);
       $22.template_effect(() => {
@@ -3101,7 +3100,7 @@ function Status_dot($$anchor, $$props) {
   var node_1 = $22.sibling(node, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var span_2 = root_211();
+      var span_2 = root_111();
       var text_1 = $22.child(span_2, true);
       $22.reset(span_2);
       $22.template_effect(() => $22.set_text(text_1, $22.get(resolvedAriaLabel)));
@@ -3135,50 +3134,51 @@ function resolveComparisonTime(currentTime) {
 }
 
 // src/components/approval-card/approval-card.svelte
-var root_112 = $23.from_html(`<div class="cinder-approval-card__header"><div class="cinder-approval-card__title-group"><p class="cinder-approval-card__eyebrow"> </p> <h3 class="cinder-approval-card__title"> </h3> <p class="cinder-approval-card__description"> </p></div> <div class="cinder-approval-card__badges" role="group" aria-label="Approval status"><!> <!> <!></div></div>`);
-var root_66 = $23.from_html(`<div class="cinder-approval-card__metadata-item"><dt>Snapshot</dt> <dd> </dd></div>`);
-var root_75 = $23.from_html(`<section class="cinder-approval-card__section" aria-label="Sandbox context"><h4 class="cinder-approval-card__section-title">Sandbox</h4> <dl class="cinder-approval-card__metadata cinder-approval-card__metadata--compact"><div class="cinder-approval-card__metadata-item"><dt>Provider</dt> <dd> </dd></div> <div class="cinder-approval-card__metadata-item"><dt>Name</dt> <dd> </dd></div> <div class="cinder-approval-card__metadata-item"><dt>Working directory</dt> <dd> </dd></div></dl></section>`);
-var root_113 = $23.from_html(`<p class="cinder-approval-card__muted">Review the touched files and arguments before approving this file write.</p>`);
-var root_123 = $23.from_html(`<p class="cinder-approval-card__muted">Review the arguments and metadata before approving this operation.</p>`);
-var root_152 = $23.from_html(`<li> </li>`);
-var root_133 = $23.from_html(`<div class="cinder-approval-card__files"><div class="cinder-approval-card__section-heading"><h5 class="cinder-approval-card__subsection-title">Files touched</h5> <!></div> <ul class="cinder-approval-card__file-list"></ul></div>`);
-var root_172 = $23.from_html(`<p class="cinder-approval-card__muted">No arguments were provided.</p>`);
-var root_183 = $23.from_html(`<section class="cinder-approval-card__section" aria-label="Environment names"><h4 class="cinder-approval-card__section-title">Environment</h4> <div class="cinder-approval-card__environment-list"></div></section>`);
-var root_212 = $23.from_html(`<div class="cinder-approval-card__resolution-controls"><label class="cinder-approval-card__editor-label">Resolution reason</label> <p class="cinder-approval-card__muted">Optional context included with the host resolution payload.</p> <textarea class="cinder-approval-card__textarea cinder-approval-card__textarea--reason" rows="3"></textarea> <label class="cinder-approval-card__remember-control"><input type="checkbox"/> <span>Remember this approval boundary</span></label></div>`);
-var root_223 = $23.from_html(`<!> <!> <!> <!> <!>`, 1);
-var root_30 = $23.from_html(`<p class="cinder-approval-card__error" role="alert"> </p>`);
-var root_292 = $23.from_html(`<div class="cinder-approval-card__editor"><label class="cinder-approval-card__editor-label">Edited arguments JSON</label> <p class="cinder-approval-card__muted">Confirming parses this JSON and sends the parsed value to the approval callback.</p> <textarea class="cinder-approval-card__textarea" rows="8" spellcheck="false"></textarea> <!> <div class="cinder-approval-card__editor-actions"><!></div></div>`);
-var root_202 = $23.from_html(`<section class="cinder-approval-card__section cinder-approval-card__actions-section"><!> <!> <!></section>`);
-var root_322 = $23.from_html(`<p class="cinder-approval-card__readonly-summary">No approval actions are available for this request.</p>`);
-var root_55 = $23.from_html(`<div class="cinder-approval-card__body"><dl class="cinder-approval-card__metadata" aria-label="Approval metadata"><div class="cinder-approval-card__metadata-item"><dt>Policy</dt> <dd> </dd></div> <div class="cinder-approval-card__metadata-item"><dt>Idempotency key</dt> <dd> </dd></div> <!></dl> <!> <section class="cinder-approval-card__section" aria-label="Operation details"><div class="cinder-approval-card__section-heading"><h4 class="cinder-approval-card__section-title">Operation</h4> <!></div> <!> <!></section> <section class="cinder-approval-card__section" aria-label="Arguments preview"><!></section> <!> <!></div>`);
-var root16 = $23.from_html(`<section><!></section>`);
+var rest_excludes10 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "tool",
+  "sandbox",
+  "operation",
+  "env",
+  "snapshotId",
+  "policyVersion",
+  "idempotencyKey",
+  "expiresAt",
+  "state",
+  "editableArgs",
+  "onresolve",
+  "onapprove",
+  "onapprovewithedits",
+  "ondeny",
+  "onremember",
+  "oncancel",
+  "id",
+  "class"
+]);
+var root18 = $23.from_html(`<div class="cinder-approval-card__header"><div class="cinder-approval-card__title-group"><p class="cinder-approval-card__eyebrow"> </p> <h3 class="cinder-approval-card__title"> </h3> <p class="cinder-approval-card__description"> </p></div> <div class="cinder-approval-card__badges" role="group" aria-label="Approval status"><!> <!> <!></div></div>`);
+var root_112 = $23.from_html(`<div class="cinder-approval-card__metadata-item"><dt>Snapshot</dt> <dd> </dd></div>`);
+var root_211 = $23.from_html(`<section class="cinder-approval-card__section" aria-label="Sandbox context"><h4 class="cinder-approval-card__section-title">Sandbox</h4> <dl class="cinder-approval-card__metadata cinder-approval-card__metadata--compact"><div class="cinder-approval-card__metadata-item"><dt>Provider</dt> <dd> </dd></div> <div class="cinder-approval-card__metadata-item"><dt>Name</dt> <dd> </dd></div> <div class="cinder-approval-card__metadata-item"><dt>Working directory</dt> <dd> </dd></div></dl></section>`);
+var root_39 = $23.from_html(`<p class="cinder-approval-card__muted">Review the touched files and arguments before approving this file write.</p>`);
+var root_47 = $23.from_html(`<p class="cinder-approval-card__muted">Review the arguments and metadata before approving this operation.</p>`);
+var root_56 = $23.from_html(`<li> </li>`);
+var root_64 = $23.from_html(`<div class="cinder-approval-card__files"><div class="cinder-approval-card__section-heading"><h5 class="cinder-approval-card__subsection-title">Files touched</h5> <!></div> <ul class="cinder-approval-card__file-list"></ul></div>`);
+var root_74 = $23.from_html(`<p class="cinder-approval-card__muted">No arguments were provided.</p>`);
+var root_83 = $23.from_html(`<section class="cinder-approval-card__section" aria-label="Environment names"><h4 class="cinder-approval-card__section-title">Environment</h4> <div class="cinder-approval-card__environment-list"></div></section>`);
+var root_92 = $23.from_html(`<div class="cinder-approval-card__resolution-controls"><label class="cinder-approval-card__editor-label">Resolution reason</label> <p class="cinder-approval-card__muted">Optional context included with the host resolution payload.</p> <textarea class="cinder-approval-card__textarea cinder-approval-card__textarea--reason" rows="3"></textarea> <label class="cinder-approval-card__remember-control"><input type="checkbox"/> <span>Remember this approval boundary</span></label></div>`);
+var root_102 = $23.from_html(`<!> <!> <!> <!> <!>`, 1);
+var root_113 = $23.from_html(`<p class="cinder-approval-card__error" role="alert"> </p>`);
+var root_123 = $23.from_html(`<div class="cinder-approval-card__editor"><label class="cinder-approval-card__editor-label">Edited arguments JSON</label> <p class="cinder-approval-card__muted">Confirming parses this JSON and sends the parsed value to the approval callback.</p> <textarea class="cinder-approval-card__textarea" rows="8" spellcheck="false"></textarea> <!> <div class="cinder-approval-card__editor-actions"><!></div></div>`);
+var root_132 = $23.from_html(`<section class="cinder-approval-card__section cinder-approval-card__actions-section"><!> <!> <!></section>`);
+var root_142 = $23.from_html(`<p class="cinder-approval-card__readonly-summary">No approval actions are available for this request.</p>`);
+var root_152 = $23.from_html(`<div class="cinder-approval-card__body"><dl class="cinder-approval-card__metadata" aria-label="Approval metadata"><div class="cinder-approval-card__metadata-item"><dt>Policy</dt> <dd> </dd></div> <div class="cinder-approval-card__metadata-item"><dt>Idempotency key</dt> <dd> </dd></div> <!></dl> <!> <section class="cinder-approval-card__section" aria-label="Operation details"><div class="cinder-approval-card__section-heading"><h4 class="cinder-approval-card__section-title">Operation</h4> <!></div> <!> <!></section> <section class="cinder-approval-card__section" aria-label="Arguments preview"><!></section> <!> <!></div>`);
+var root_162 = $23.from_html(`<section><!></section>`);
 function Approval_card($$anchor, $$props) {
   const generatedId = $23.props_id();
   $23.push($$props, true);
   const ARGUMENTS_PREVIEW_MAX_CHARACTERS = 4096;
-  let env = $23.prop($$props, "env", 19, () => []), editableArgs = $23.prop($$props, "editableArgs", 3, false), rest = $23.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "tool",
-    "sandbox",
-    "operation",
-    "env",
-    "snapshotId",
-    "policyVersion",
-    "idempotencyKey",
-    "expiresAt",
-    "state",
-    "editableArgs",
-    "onresolve",
-    "onapprove",
-    "onapprovewithedits",
-    "ondeny",
-    "onremember",
-    "oncancel",
-    "id",
-    "class"
-  ]);
+  let env = $23.prop($$props, "env", 19, () => []), editableArgs = $23.prop($$props, "editableArgs", 3, false), rest = $23.rest_props($$props, rest_excludes10);
   const rootId = $23.derived(() => $$props.id ?? generatedId);
   const titleId = $23.derived(() => `${$23.get(rootId)}-title`);
   const descriptionId = $23.derived(() => `${$23.get(rootId)}-description`);
@@ -3476,7 +3476,7 @@ function Approval_card($$anchor, $$props) {
     $$props.oncancel?.();
     emitResolution("cancel");
   }
-  var section = root16();
+  var section = root_162();
   $23.attribute_effect(section, ($0) => ({
     ...rest,
     id: $23.get(rootId),
@@ -3489,7 +3489,7 @@ function Approval_card($$anchor, $$props) {
   var node = $23.child(section);
   {
     const header = ($$anchor2) => {
-      var div = root_112();
+      var div = root18();
       var div_1 = $23.child(div);
       var p = $23.child(div_1);
       var text_1 = $23.child(p);
@@ -3572,7 +3572,7 @@ function Approval_card($$anchor, $$props) {
       class: "cinder-approval-card__surface",
       header,
       children: ($$anchor2, $$slotProps) => {
-        var div_3 = root_55();
+        var div_3 = root_152();
         var dl = $23.child(div_3);
         var div_4 = $23.child(dl);
         var dd = $23.sibling($23.child(div_4), 2);
@@ -3587,7 +3587,7 @@ function Approval_card($$anchor, $$props) {
         var node_4 = $23.sibling(div_5, 2);
         {
           var consequent_1 = ($$anchor3) => {
-            var div_6 = root_66();
+            var div_6 = root_112();
             var dd_2 = $23.sibling($23.child(div_6), 2);
             var text_8 = $23.child(dd_2, true);
             $23.reset(dd_2);
@@ -3604,7 +3604,7 @@ function Approval_card($$anchor, $$props) {
         var node_5 = $23.sibling(dl, 2);
         {
           var consequent_2 = ($$anchor3) => {
-            var section_1 = root_75();
+            var section_1 = root_211();
             var dl_1 = $23.sibling($23.child(section_1), 2);
             var div_7 = $23.child(dl_1);
             var dd_3 = $23.sibling($23.child(div_7), 2);
@@ -3671,11 +3671,11 @@ function Approval_card($$anchor, $$props) {
             });
           };
           var consequent_5 = ($$anchor3) => {
-            var p_2 = root_113();
+            var p_2 = root_39();
             $23.append($$anchor3, p_2);
           };
           var alternate = ($$anchor3) => {
-            var p_3 = root_123();
+            var p_3 = root_47();
             $23.append($$anchor3, p_3);
           };
           $23.if(node_7, ($$render) => {
@@ -3692,7 +3692,7 @@ function Approval_card($$anchor, $$props) {
         var node_8 = $23.sibling(node_7, 2);
         {
           var consequent_6 = ($$anchor3) => {
-            var div_11 = root_133();
+            var div_11 = root_64();
             var div_12 = $23.child(div_11);
             var node_9 = $23.sibling($23.child(div_12), 2);
             Badge(node_9, {
@@ -3708,7 +3708,7 @@ function Approval_card($$anchor, $$props) {
             $23.reset(div_12);
             var ul = $23.sibling(div_12, 2);
             $23.each(ul, 23, () => $23.get(filesTouched), (file, fileIndex) => `${fileIndex}:${file}`, ($$anchor4, file) => {
-              var li = root_152();
+              var li = root_56();
               var text_14 = $23.child(li, true);
               $23.reset(li);
               $23.template_effect(() => $23.set_text(text_14, $23.get(file)));
@@ -3739,7 +3739,7 @@ function Approval_card($$anchor, $$props) {
             });
           };
           var alternate_1 = ($$anchor3) => {
-            var p_4 = root_172();
+            var p_4 = root_74();
             $23.append($$anchor3, p_4);
           };
           $23.if(node_10, ($$render) => {
@@ -3753,7 +3753,7 @@ function Approval_card($$anchor, $$props) {
         var node_11 = $23.sibling(section_3, 2);
         {
           var consequent_8 = ($$anchor3) => {
-            var section_4 = root_183();
+            var section_4 = root_83();
             var div_13 = $23.sibling($23.child(section_4), 2);
             $23.each(div_13, 23, () => $23.get(environmentNames), (environmentName, environmentIndex) => `${environmentIndex}:${environmentName}`, ($$anchor4, environmentName) => {
               Secret_value_field($$anchor4, {
@@ -3777,11 +3777,11 @@ function Approval_card($$anchor, $$props) {
         var node_12 = $23.sibling(node_11, 2);
         {
           var consequent_13 = ($$anchor3) => {
-            var section_5 = root_202();
+            var section_5 = root_132();
             var node_13 = $23.child(section_5);
             {
               var consequent_9 = ($$anchor4) => {
-                var div_14 = root_212();
+                var div_14 = root_92();
                 var label = $23.child(div_14);
                 var p_5 = $23.sibling(label, 2);
                 var textarea = $23.sibling(p_5, 2);
@@ -3813,7 +3813,7 @@ function Approval_card($$anchor, $$props) {
             Button_group(node_14, {
               label: "Approval actions",
               children: ($$anchor4, $$slotProps2) => {
-                var fragment_9 = root_223();
+                var fragment_9 = root_102();
                 var node_15 = $23.first_child(fragment_9);
                 {
                   let $0 = $23.derived(() => !$23.get(canResolveApproval));
@@ -3919,7 +3919,7 @@ function Approval_card($$anchor, $$props) {
             var node_20 = $23.sibling(node_14, 2);
             {
               var consequent_12 = ($$anchor4) => {
-                var div_15 = root_292();
+                var div_15 = root_123();
                 var label_2 = $23.child(div_15);
                 var p_6 = $23.sibling(label_2, 2);
                 var textarea_1 = $23.sibling(p_6, 2);
@@ -3927,7 +3927,7 @@ function Approval_card($$anchor, $$props) {
                 var node_21 = $23.sibling(textarea_1, 2);
                 {
                   var consequent_11 = ($$anchor5) => {
-                    var p_7 = root_30();
+                    var p_7 = root_113();
                     var text_20 = $23.child(p_7, true);
                     $23.reset(p_7);
                     $23.template_effect(() => {
@@ -3982,7 +3982,7 @@ function Approval_card($$anchor, $$props) {
             $23.append($$anchor3, section_5);
           };
           var alternate_2 = ($$anchor3) => {
-            var p_8 = root_322();
+            var p_8 = root_142();
             $23.append($$anchor3, p_8);
           };
           $23.if(node_12, ($$render) => {
@@ -4015,4 +4015,4 @@ export {
   Approval_card as ApprovalCard
 };
 
-//# debugId=1F5C4E5A1410FFA064756E2164756E21
+//# debugId=D0689967C94AAF5564756E2164756E21