@lostgradient/cinder 0.8.0 → 0.9.0

package/dist/components/payload-inspector/index.js

@@ -51,114 +51,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// src/utilities/retrying-loader-cache.ts
-function createRetryingLoaderCache(loader) {
-  let cached;
-  return () => {
-    if (cached === undefined) {
-      const pending = loader();
-      pending.catch(() => {
-        if (cached === pending) {
-          cached = undefined;
-        }
-      });
-      cached = pending;
-    }
-    return cached;
-  };
-}
-
-// src/highlighters/shiki/strip-root-pre-tab-index.ts
-function stripRootPreTabIndex(html) {
-  const openingPre = /^<pre\b[^>]*>/i.exec(html);
-  if (openingPre === null)
-    return html;
-  return openingPre[0].replace(/\s+tabindex=(?:"[^"]*"|'[^']*'|[^\s>]+)/i, "") + html.slice(openingPre[0].length);
-}
-
-// src/highlighters/shiki/index.ts
-var exports_shiki = {};
-__export(exports_shiki, {
-  shikiHighlighter: () => shikiHighlighter,
-  createRetryingLoaderCache: () => createRetryingLoaderCache
-});
-function escapeHtml(value) {
-  const safe = typeof value === "string" ? value : "";
-  return safe.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
-}
-function plaintextBlock(code) {
-  return `<pre class="shiki shiki-plaintext"><code>${escapeHtml(code)}</code></pre>`;
-}
-function shikiHighlighter(options = {}, moduleLoader) {
-  const { theme = DEFAULT_THEME, langs } = options;
-  const warnedLanguages = new Set;
-  const loadShiki = createRetryingLoaderCache(moduleLoader ?? (async () => {
-    const module_ = await import("shiki");
-    if (langs !== undefined) {
-      for (const lang of langs) {
-        try {
-          await module_.codeToHtml("", { lang, ...buildThemeOption(theme) });
-        } catch {}
-      }
-    }
-    return {
-      codeToHtml: module_.codeToHtml,
-      bundledLanguages: module_.bundledLanguages
-    };
-  }));
-  return async function highlight(code, lang) {
-    const normalizedLang = typeof lang === "string" ? lang.trim().split(/\s+/, 1)[0] ?? "" : "";
-    if (normalizedLang === "") {
-      return plaintextBlock(code);
-    }
-    let shiki;
-    try {
-      shiki = await loadShiki();
-    } catch (error) {
-      console.warn("[cinder/highlighters/shiki] failed to load shiki:", error);
-      return plaintextBlock(code);
-    }
-    if (!Object.hasOwn(shiki.bundledLanguages, normalizedLang)) {
-      if (!warnedLanguages.has(normalizedLang)) {
-        warnedLanguages.add(normalizedLang);
-        console.warn(`[cinder/highlighters/shiki] language "${normalizedLang}" is not in Shiki's bundle; rendering as plaintext.`);
-      }
-      return plaintextBlock(code);
-    }
-    try {
-      const html = await shiki.codeToHtml(code, {
-        lang: normalizedLang,
-        ...buildThemeOption(theme)
-      });
-      return stripRootPreTabIndex(html);
-    } catch (error) {
-      if (!warnedLanguages.has(normalizedLang)) {
-        warnedLanguages.add(normalizedLang);
-        console.warn(`[cinder/highlighters/shiki] failed to highlight "${normalizedLang}":`, error);
-      }
-      return plaintextBlock(code);
-    }
-  };
-}
-function buildThemeOption(theme) {
-  if (typeof theme === "string")
-    return { theme };
-  return { themes: theme };
-}
-var DEFAULT_THEME;
-var init_shiki = __esm(() => {
-  DEFAULT_THEME = {
-    light: "github-light",
-    dark: "github-dark"
-  };
-});
-
 // src/components/payload-inspector/index.ts
 import"@lostgradient/cinder/payload-inspector/styles";
 
 // src/components/payload-inspector/payload-inspector.svelte
 import"svelte/internal/disclose-version";
-import * as $15 from "svelte/internal/client";
+import * as $9 from "svelte/internal/client";
 
 // src/components/badge/badge.svelte
 import"svelte/internal/disclose-version";
@@ -295,30 +193,6 @@ function Badge($$anchor, $$props) {
   $.pop();
 }
 
-// src/components/code-block/code-block.svelte
-import"svelte/internal/disclose-version";
-import * as $7 from "svelte/internal/client";
-
-// src/components/code-block/code-block-default-highlighter.ts
-var loadShikiAdapterModule = createRetryingLoaderCache(() => Promise.resolve().then(() => (init_shiki(), exports_shiki)));
-var defaultHighlighter;
-async function loadDefaultHighlighter() {
-  if (defaultHighlighter !== undefined)
-    return defaultHighlighter;
-  const module_ = await loadShikiAdapterModule();
-  defaultHighlighter ??= module_.shikiHighlighter();
-  return defaultHighlighter;
-}
-
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
 // src/components/copy-button/copy-button.svelte
 import"svelte/internal/disclose-version";
 import * as $6 from "svelte/internal/client";
@@ -642,267 +516,39 @@ function Copy_button($$anchor, $$props) {
   $6.pop();
 }
 
-// src/components/code-block/code-block.svelte
-var root5 = $7.from_html(`<span class="cinder-code-block__language"> </span>`);
-var root_12 = $7.from_html(`<header class="cinder-code-block__header"><!> <!></header>`);
-var root_22 = $7.from_html(`<pre class="cinder-code-block__pre"><code class="cinder-code-block__code"> </code></pre>`);
-var root_32 = $7.from_html(`<div class="cinder-code-block__highlighted"></div>`);
-var root_4 = $7.from_html(`<div><!> <div class="cinder-code-block__viewport" tabindex="0"><!></div></div>`);
-function Code_block($$anchor, $$props) {
-  $7.push($$props, true);
-  let copyable = $7.prop($$props, "copyable", 3, false);
-  let highlighted = $7.state(null);
-  $7.user_effect(() => {
-    if ($$props.highlight === false || !$$props.language) {
-      $7.set(highlighted, null);
-      return;
-    }
-    const pendingCode = $$props.code;
-    const pendingLanguage = $$props.language;
-    const explicitHighlighter = $$props.highlighter;
-    $7.set(highlighted, null);
-    let cancelled = false;
-    (async () => {
-      try {
-        const resolvedHighlighter = explicitHighlighter ?? await loadDefaultHighlighter();
-        if (cancelled)
-          return;
-        const html2 = await resolvedHighlighter(pendingCode, pendingLanguage);
-        if (!cancelled)
-          $7.set(highlighted, html2 === "" ? null : html2, true);
-      } catch (error) {
-        if (!cancelled)
-          $7.set(highlighted, null);
-        const detail = error instanceof Error ? `${error.name}: ${error.message}` : String(error);
-        devWarn(`[cinder/CodeBlock] highlight failed for language "${pendingLanguage}":`, detail);
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  });
-  var div = root_4();
-  var node = $7.child(div);
-  {
-    var consequent_2 = ($$anchor2) => {
-      var header = root_12();
-      var node_1 = $7.child(header);
-      {
-        var consequent = ($$anchor3) => {
-          var span = root5();
-          var text3 = $7.child(span, true);
-          $7.reset(span);
-          $7.template_effect(() => $7.set_text(text3, $$props.language));
-          $7.append($$anchor3, span);
-        };
-        $7.if(node_1, ($$render) => {
-          if ($$props.language)
-            $$render(consequent);
-        });
-      }
-      var node_2 = $7.sibling(node_1, 2);
-      {
-        var consequent_1 = ($$anchor3) => {
-          Copy_button($$anchor3, {
-            get value() {
-              return $$props.code;
-            },
-            class: "cinder-code-block__copy",
-            label: "Copy code",
-            copiedLabel: "Code copied",
-            iconOnly: true
-          });
-        };
-        $7.if(node_2, ($$render) => {
-          if (copyable())
-            $$render(consequent_1);
-        });
-      }
-      $7.reset(header);
-      $7.append($$anchor2, header);
-    };
-    $7.if(node, ($$render) => {
-      if ($$props.language || copyable())
-        $$render(consequent_2);
-    });
-  }
-  var div_1 = $7.sibling(node, 2);
-  var node_3 = $7.child(div_1);
-  {
-    const failed = ($$anchor2) => {
-      var pre = root_22();
-      var code_1 = $7.child(pre);
-      var text_1 = $7.child(code_1, true);
-      $7.reset(code_1);
-      $7.reset(pre);
-      $7.template_effect(() => $7.set_text(text_1, $$props.code));
-      $7.append($$anchor2, pre);
-    };
-    $7.boundary(node_3, { failed }, ($$anchor2) => {
-      var fragment_1 = $7.comment();
-      var node_4 = $7.first_child(fragment_1);
-      {
-        var consequent_3 = ($$anchor3) => {
-          var div_2 = root_32();
-          $7.html(div_2, () => $7.get(highlighted), true);
-          $7.reset(div_2);
-          $7.append($$anchor3, div_2);
-        };
-        var alternate = ($$anchor3) => {
-          var pre_1 = root_22();
-          var code_2 = $7.child(pre_1);
-          var text_2 = $7.child(code_2, true);
-          $7.reset(code_2);
-          $7.reset(pre_1);
-          $7.template_effect(() => $7.set_text(text_2, $$props.code));
-          $7.append($$anchor3, pre_1);
-        };
-        $7.if(node_4, ($$render) => {
-          if ($7.get(highlighted) !== null)
-            $$render(consequent_3);
-          else
-            $$render(alternate, -1);
-        });
-      }
-      $7.append($$anchor2, fragment_1);
-    });
-  }
-  $7.reset(div_1);
-  $7.reset(div);
-  $7.template_effect(($0) => $7.set_class(div, 1, $0), [() => $7.clsx(classNames("cinder-code-block", $$props.class))]);
-  $7.append($$anchor, div);
-  $7.pop();
-}
-
-// src/components/description-list/description-list.svelte
-import"svelte/internal/disclose-version";
-import * as $8 from "svelte/internal/client";
-var rest_excludes3 = new Set([
-  "$$slots",
-  "$$events",
-  "$$legacy",
-  "items",
-  "variant",
-  "class",
-  "actions"
-]);
-var root6 = $8.from_html(`<div class="cinder-description-list__actions"><!></div>`);
-var root_13 = $8.from_html(`<div class="cinder-description-list__row"><dt> </dt> <dd><div class="cinder-description-list__definition"><!></div> <!></dd></div>`);
-var root_23 = $8.from_html(`<dl></dl>`);
-function Description_list($$anchor, $$props) {
-  $8.push($$props, true);
-  let variant = $8.prop($$props, "variant", 3, "default"), rest = $8.rest_props($$props, rest_excludes3);
-  const duplicateKey = $8.derived(() => {
-    const seen = new Set;
-    for (const item of $$props.items) {
-      const key = item.id ?? item.term;
-      if (seen.has(key))
-        return key;
-      seen.add(key);
-    }
-    return;
-  });
-  let lastWarnedDuplicateKey;
-  $8.user_effect(() => {
-    if ($8.get(duplicateKey) === undefined) {
-      lastWarnedDuplicateKey = undefined;
-      return;
-    }
-    if ($8.get(duplicateKey) !== lastWarnedDuplicateKey) {
-      lastWarnedDuplicateKey = $8.get(duplicateKey);
-      devWarn(`[cinder/DescriptionList] Duplicate key "${$8.get(duplicateKey)}". Two items share a term and no \`id\`. Provide a unique \`id\` on each DescriptionListItem to avoid broken reconciliation.`);
-    }
-  });
-  var dl = root_23();
-  $8.attribute_effect(dl, ($0) => ({ ...rest, class: $0, "data-cinder-variant": variant() }), [() => classNames("cinder-description-list", $$props.class)]);
-  $8.each(dl, 21, () => $$props.items, (item) => item.id ?? item.term, ($$anchor2, item) => {
-    var div = root_13();
-    var dt = $8.child(div);
-    var text4 = $8.child(dt, true);
-    $8.reset(dt);
-    var dd = $8.sibling(dt, 2);
-    var div_1 = $8.child(dd);
-    var node = $8.child(div_1);
-    {
-      var consequent = ($$anchor3) => {
-        var text_1 = $8.text();
-        $8.template_effect(() => $8.set_text(text_1, $8.get(item).definition));
-        $8.append($$anchor3, text_1);
-      };
-      var alternate = ($$anchor3) => {
-        var fragment_1 = $8.comment();
-        var node_1 = $8.first_child(fragment_1);
-        $8.snippet(node_1, () => $8.get(item).definition);
-        $8.append($$anchor3, fragment_1);
-      };
-      $8.if(node, ($$render) => {
-        if (typeof $8.get(item).definition === "string")
-          $$render(consequent);
-        else
-          $$render(alternate, -1);
-      });
-    }
-    $8.reset(div_1);
-    var node_2 = $8.sibling(div_1, 2);
-    {
-      var consequent_1 = ($$anchor3) => {
-        var div_2 = root6();
-        var node_3 = $8.child(div_2);
-        $8.snippet(node_3, () => $$props.actions, () => $8.get(item));
-        $8.reset(div_2);
-        $8.append($$anchor3, div_2);
-      };
-      $8.if(node_2, ($$render) => {
-        if ($$props.actions)
-          $$render(consequent_1);
-      });
-    }
-    $8.reset(dd);
-    $8.reset(div);
-    $8.template_effect(() => {
-      $8.set_class(dt, 1, $8.clsx(variant() === "narrow" ? "cinder-sr-only" : undefined));
-      $8.set_text(text4, $8.get(item).term);
-    });
-    $8.append($$anchor2, div);
-  });
-  $8.reset(dl);
-  $8.append($$anchor, dl);
-  $8.pop();
-}
-
 // src/components/json-viewer/json-viewer.svelte
 import"svelte/internal/disclose-version";
-import * as $10 from "svelte/internal/client";
+import * as $8 from "svelte/internal/client";
 
 // src/components/json-viewer/_json-viewer-node.svelte
 import"svelte/internal/disclose-version";
-import * as $9 from "svelte/internal/client";
+import * as $7 from "svelte/internal/client";
 import { untrack as untrack2 } from "svelte";
-var root_14 = $9.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_24 = $9.from_html(`<span class="cinder-json-viewer__summary"> </span> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_33 = $9.from_html(`<li role="none"><!></li>`);
-var root_42 = $9.from_html(`<ul class="cinder-json-viewer__children" role="group"></ul> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_5 = $9.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 = $9.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__too-deep">…</span></span>`);
-var root_7 = $9.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__value"><!></span></span>`);
+var root_12 = $7.from_html(`<span class="cinder-json-viewer__key"> </span>`);
+var root_22 = $7.from_html(`<span class="cinder-json-viewer__summary"> </span> <span class="cinder-json-viewer__brace"> </span>`, 1);
+var root_32 = $7.from_html(`<li role="none"><!></li>`);
+var root_4 = $7.from_html(`<ul class="cinder-json-viewer__children" role="group"></ul> <span class="cinder-json-viewer__brace"> </span>`, 1);
+var root_5 = $7.from_html(`<span role="treeitem"><button type="button" class="cinder-json-viewer__toggle" tabindex="-1"><!> <svg class="cinder-json-viewer__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg> <span class="cinder-json-viewer__brace"> </span> <!></button> <!></span>`);
+var root_6 = $7.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__too-deep">…</span></span>`);
+var root_7 = $7.from_html(`<span class="cinder-json-viewer__node" role="treeitem"><!> <span class="cinder-json-viewer__value"><!></span></span>`);
 function _json_viewer_node($$anchor, $$props) {
-  $9.push($$props, true);
-  let root7 = $9.prop($$props, "root", 3, false);
-  const isObject = $9.derived(() => $$props.value !== null && typeof $$props.value === "object");
-  const isArray = $9.derived(() => Array.isArray($$props.value));
-  const tooDeep = $9.derived(() => $$props.depth >= $$props.maxDepth);
-  let collapsed = $9.state($9.proxy(untrack2(() => $$props.depth >= $$props.initialDepth)));
-  const entries = $9.derived(() => {
-    if (!$9.get(isObject) || $9.get(tooDeep))
+  $7.push($$props, true);
+  let root5 = $7.prop($$props, "root", 3, false);
+  const isObject = $7.derived(() => $$props.value !== null && typeof $$props.value === "object");
+  const isArray = $7.derived(() => Array.isArray($$props.value));
+  const tooDeep = $7.derived(() => $$props.depth >= $$props.maxDepth);
+  let collapsed = $7.state($7.proxy(untrack2(() => $$props.depth >= $$props.initialDepth)));
+  const entries = $7.derived(() => {
+    if (!$7.get(isObject) || $7.get(tooDeep))
       return [];
-    if ($9.get(isArray)) {
+    if ($7.get(isArray)) {
       return $$props.value.map((item, i) => [i, item]);
     }
     return Object.entries($$props.value);
   });
-  const itemCount = $9.derived(() => $9.get(entries).length);
-  const collectionLabel = $9.derived(() => `${$9.get(isArray) ? "array" : "object"}, ${$9.get(itemCount)} ${$9.get(itemCount) === 1 ? "item" : "items"}`);
-  const toggleLabel = $9.derived(() => $$props.keyName === undefined ? $9.get(collectionLabel) : `${$$props.keyName}: ${$9.get(collectionLabel)}`);
+  const itemCount = $7.derived(() => $7.get(entries).length);
+  const collectionLabel = $7.derived(() => `${$7.get(isArray) ? "array" : "object"}, ${$7.get(itemCount)} ${$7.get(itemCount) === 1 ? "item" : "items"}`);
+  const toggleLabel = $7.derived(() => $$props.keyName === undefined ? $7.get(collectionLabel) : `${$$props.keyName}: ${$7.get(collectionLabel)}`);
   function valueClass(v) {
     if (v === null)
       return "null";
@@ -914,66 +560,66 @@ function _json_viewer_node($$anchor, $$props) {
       return "boolean";
     return "unknown";
   }
-  var fragment = $9.comment();
-  var node = $9.first_child(fragment);
+  var fragment = $7.comment();
+  var node = $7.first_child(fragment);
   {
     var consequent_3 = ($$anchor2) => {
       var span = root_5();
-      var button = $9.child(span);
-      var node_1 = $9.child(button);
+      var button = $7.child(span);
+      var node_1 = $7.child(button);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_14();
-          var text5 = $9.child(span_1);
-          $9.reset(span_1);
-          $9.template_effect(() => $9.set_text(text5, `${$$props.keyName ?? ""}:`));
-          $9.append($$anchor3, span_1);
+          var span_1 = root_12();
+          var text4 = $7.child(span_1);
+          $7.reset(span_1);
+          $7.template_effect(() => $7.set_text(text4, `${$$props.keyName ?? ""}:`));
+          $7.append($$anchor3, span_1);
         };
-        $9.if(node_1, ($$render) => {
+        $7.if(node_1, ($$render) => {
           if ($$props.keyName !== undefined)
             $$render(consequent);
         });
       }
-      var span_2 = $9.sibling(node_1, 2);
-      var span_3 = $9.sibling(span_2, 2);
-      var text_1 = $9.child(span_3, true);
-      $9.reset(span_3);
-      var node_2 = $9.sibling(span_3, 2);
+      var svg = $7.sibling(node_1, 2);
+      var span_2 = $7.sibling(svg, 2);
+      var text_1 = $7.child(span_2, true);
+      $7.reset(span_2);
+      var node_2 = $7.sibling(span_2, 2);
       {
         var consequent_1 = ($$anchor3) => {
-          var fragment_1 = root_24();
-          var span_4 = $9.first_child(fragment_1);
-          var text_2 = $9.child(span_4);
-          $9.reset(span_4);
-          var span_5 = $9.sibling(span_4, 2);
-          var text_3 = $9.child(span_5, true);
-          $9.reset(span_5);
-          $9.template_effect(() => {
-            $9.set_text(text_2, `${$9.get(itemCount) ?? ""} ${$9.get(itemCount) === 1 ? "item" : "items"}`);
-            $9.set_text(text_3, $9.get(isArray) ? "]" : "}");
+          var fragment_1 = root_22();
+          var span_3 = $7.first_child(fragment_1);
+          var text_2 = $7.child(span_3);
+          $7.reset(span_3);
+          var span_4 = $7.sibling(span_3, 2);
+          var text_3 = $7.child(span_4, true);
+          $7.reset(span_4);
+          $7.template_effect(() => {
+            $7.set_text(text_2, `${$7.get(itemCount) ?? ""} ${$7.get(itemCount) === 1 ? "item" : "items"}`);
+            $7.set_text(text_3, $7.get(isArray) ? "]" : "}");
           });
-          $9.append($$anchor3, fragment_1);
+          $7.append($$anchor3, fragment_1);
         };
-        $9.if(node_2, ($$render) => {
-          if ($9.get(collapsed))
+        $7.if(node_2, ($$render) => {
+          if ($7.get(collapsed))
             $$render(consequent_1);
         });
       }
-      $9.reset(button);
-      var node_3 = $9.sibling(button, 2);
+      $7.reset(button);
+      var node_3 = $7.sibling(button, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var fragment_2 = root_42();
-          var ul = $9.first_child(fragment_2);
-          $9.each(ul, 23, () => $9.get(entries), ([k, v]) => k, ($$anchor4, $$item, index2) => {
-            var $$array = $9.derived(() => $9.to_array($9.get($$item), 2));
-            let k = () => $9.get($$array)[0];
-            let v = () => $9.get($$array)[1];
-            var li = root_33();
-            var node_4 = $9.child(li);
+          var fragment_2 = root_4();
+          var ul = $7.first_child(fragment_2);
+          $7.each(ul, 23, () => $7.get(entries), ([k, v]) => k, ($$anchor4, $$item, index2) => {
+            var $$array = $7.derived(() => $7.to_array($7.get($$item), 2));
+            let k = () => $7.get($$array)[0];
+            let v = () => $7.get($$array)[1];
+            var li = root_32();
+            var node_4 = $7.child(li);
             {
-              let $0 = $9.derived(() => $$props.depth + 1);
-              let $1 = $9.derived(() => $9.get(index2) + 1);
+              let $0 = $7.derived(() => $$props.depth + 1);
+              let $1 = $7.derived(() => $7.get(index2) + 1);
               _json_viewer_node(node_4, {
                 get value() {
                   return v();
@@ -982,7 +628,7 @@ function _json_viewer_node($$anchor, $$props) {
                   return k();
                 },
                 get depth() {
-                  return $9.get($0);
+                  return $7.get($0);
                 },
                 get initialDepth() {
                   return $$props.initialDepth;
@@ -991,140 +637,140 @@ function _json_viewer_node($$anchor, $$props) {
                   return $$props.maxDepth;
                 },
                 get position() {
-                  return $9.get($1);
+                  return $7.get($1);
                 },
                 get setSize() {
-                  return $9.get(entries).length;
+                  return $7.get(entries).length;
                 }
               });
             }
-            $9.reset(li);
-            $9.append($$anchor4, li);
+            $7.reset(li);
+            $7.append($$anchor4, li);
           });
-          $9.reset(ul);
-          var span_6 = $9.sibling(ul, 2);
-          var text_4 = $9.child(span_6, true);
-          $9.reset(span_6);
-          $9.template_effect(() => $9.set_text(text_4, $9.get(isArray) ? "]" : "}"));
-          $9.append($$anchor3, fragment_2);
+          $7.reset(ul);
+          var span_5 = $7.sibling(ul, 2);
+          var text_4 = $7.child(span_5, true);
+          $7.reset(span_5);
+          $7.template_effect(() => $7.set_text(text_4, $7.get(isArray) ? "]" : "}"));
+          $7.append($$anchor3, fragment_2);
         };
-        $9.if(node_3, ($$render) => {
-          if (!$9.get(collapsed))
+        $7.if(node_3, ($$render) => {
+          if (!$7.get(collapsed))
             $$render(consequent_2);
         });
       }
-      $9.reset(span);
-      $9.template_effect(($0) => {
-        $9.set_class(span, 1, $0);
-        $9.set_attribute(span, "aria-expanded", !$9.get(collapsed));
-        $9.set_attribute(span, "aria-label", $9.get(toggleLabel));
-        $9.set_attribute(span, "aria-level", $$props.depth + 1);
-        $9.set_attribute(span, "aria-posinset", $$props.position);
-        $9.set_attribute(span, "aria-setsize", $$props.setSize);
-        $9.set_attribute(span, "tabindex", root7() ? 0 : -1);
-        $9.set_attribute(button, "aria-label", $9.get(toggleLabel));
-        $9.set_attribute(span_2, "data-cinder-collapsed", $9.get(collapsed) || undefined);
-        $9.set_text(text_1, $9.get(isArray) ? "[" : "{");
-      }, [() => $9.clsx(classNames("cinder-json-viewer__node"))]);
-      $9.delegated("click", button, () => $9.set(collapsed, !$9.get(collapsed)));
-      $9.append($$anchor2, span);
+      $7.reset(span);
+      $7.template_effect(($0) => {
+        $7.set_class(span, 1, $0);
+        $7.set_attribute(span, "aria-expanded", !$7.get(collapsed));
+        $7.set_attribute(span, "aria-label", $7.get(toggleLabel));
+        $7.set_attribute(span, "aria-level", $$props.depth + 1);
+        $7.set_attribute(span, "aria-posinset", $$props.position);
+        $7.set_attribute(span, "aria-setsize", $$props.setSize);
+        $7.set_attribute(span, "tabindex", root5() ? 0 : -1);
+        $7.set_attribute(button, "aria-label", $7.get(toggleLabel));
+        $7.set_attribute(svg, "data-cinder-collapsed", $7.get(collapsed) || undefined);
+        $7.set_text(text_1, $7.get(isArray) ? "[" : "{");
+      }, [() => $7.clsx(classNames("cinder-json-viewer__node"))]);
+      $7.delegated("click", button, () => $7.set(collapsed, !$7.get(collapsed)));
+      $7.append($$anchor2, span);
     };
     var consequent_5 = ($$anchor2) => {
-      var span_7 = root_6();
-      var node_5 = $9.child(span_7);
+      var span_6 = root_6();
+      var node_5 = $7.child(span_6);
       {
         var consequent_4 = ($$anchor3) => {
-          var span_8 = root_14();
-          var text_5 = $9.child(span_8);
-          $9.reset(span_8);
-          $9.template_effect(() => $9.set_text(text_5, `${$$props.keyName ?? ""}:`));
-          $9.append($$anchor3, span_8);
+          var span_7 = root_12();
+          var text_5 = $7.child(span_7);
+          $7.reset(span_7);
+          $7.template_effect(() => $7.set_text(text_5, `${$$props.keyName ?? ""}:`));
+          $7.append($$anchor3, span_7);
         };
-        $9.if(node_5, ($$render) => {
+        $7.if(node_5, ($$render) => {
           if ($$props.keyName !== undefined)
             $$render(consequent_4);
         });
       }
-      $9.next(2);
-      $9.reset(span_7);
-      $9.template_effect(() => {
-        $9.set_attribute(span_7, "tabindex", root7() ? 0 : -1);
-        $9.set_attribute(span_7, "aria-level", $$props.depth + 1);
-        $9.set_attribute(span_7, "aria-posinset", $$props.position);
-        $9.set_attribute(span_7, "aria-setsize", $$props.setSize);
+      $7.next(2);
+      $7.reset(span_6);
+      $7.template_effect(() => {
+        $7.set_attribute(span_6, "tabindex", root5() ? 0 : -1);
+        $7.set_attribute(span_6, "aria-level", $$props.depth + 1);
+        $7.set_attribute(span_6, "aria-posinset", $$props.position);
+        $7.set_attribute(span_6, "aria-setsize", $$props.setSize);
       });
-      $9.append($$anchor2, span_7);
+      $7.append($$anchor2, span_6);
     };
     var alternate_1 = ($$anchor2) => {
-      var span_9 = root_7();
-      var node_6 = $9.child(span_9);
+      var span_8 = root_7();
+      var node_6 = $7.child(span_8);
       {
         var consequent_6 = ($$anchor3) => {
-          var span_10 = root_14();
-          var text_6 = $9.child(span_10);
-          $9.reset(span_10);
-          $9.template_effect(() => $9.set_text(text_6, `${$$props.keyName ?? ""}:`));
-          $9.append($$anchor3, span_10);
+          var span_9 = root_12();
+          var text_6 = $7.child(span_9);
+          $7.reset(span_9);
+          $7.template_effect(() => $7.set_text(text_6, `${$$props.keyName ?? ""}:`));
+          $7.append($$anchor3, span_9);
         };
-        $9.if(node_6, ($$render) => {
+        $7.if(node_6, ($$render) => {
           if ($$props.keyName !== undefined)
             $$render(consequent_6);
         });
       }
-      var span_11 = $9.sibling(node_6, 2);
-      var node_7 = $9.child(span_11);
+      var span_10 = $7.sibling(node_6, 2);
+      var node_7 = $7.child(span_10);
       {
         var consequent_7 = ($$anchor3) => {
-          var text_7 = $9.text();
-          $9.template_effect(() => $9.set_text(text_7, `"${$$props.value ?? ""}"`));
-          $9.append($$anchor3, text_7);
+          var text_7 = $7.text();
+          $7.template_effect(() => $7.set_text(text_7, `"${$$props.value ?? ""}"`));
+          $7.append($$anchor3, text_7);
         };
         var alternate = ($$anchor3) => {
-          var text_8 = $9.text();
-          $9.template_effect(($0) => $9.set_text(text_8, $0), [() => String($$props.value)]);
-          $9.append($$anchor3, text_8);
+          var text_8 = $7.text();
+          $7.template_effect(($0) => $7.set_text(text_8, $0), [() => String($$props.value)]);
+          $7.append($$anchor3, text_8);
         };
-        $9.if(node_7, ($$render) => {
+        $7.if(node_7, ($$render) => {
           if (typeof $$props.value === "string")
             $$render(consequent_7);
           else
             $$render(alternate, -1);
         });
       }
-      $9.reset(span_11);
-      $9.reset(span_9);
-      $9.template_effect(($0) => {
-        $9.set_attribute(span_9, "tabindex", root7() ? 0 : -1);
-        $9.set_attribute(span_9, "aria-level", $$props.depth + 1);
-        $9.set_attribute(span_9, "aria-posinset", $$props.position);
-        $9.set_attribute(span_9, "aria-setsize", $$props.setSize);
-        $9.set_attribute(span_11, "data-cinder-type", $0);
+      $7.reset(span_10);
+      $7.reset(span_8);
+      $7.template_effect(($0) => {
+        $7.set_attribute(span_8, "tabindex", root5() ? 0 : -1);
+        $7.set_attribute(span_8, "aria-level", $$props.depth + 1);
+        $7.set_attribute(span_8, "aria-posinset", $$props.position);
+        $7.set_attribute(span_8, "aria-setsize", $$props.setSize);
+        $7.set_attribute(span_10, "data-cinder-type", $0);
       }, [() => valueClass($$props.value)]);
-      $9.append($$anchor2, span_9);
+      $7.append($$anchor2, span_8);
     };
-    $9.if(node, ($$render) => {
-      if ($9.get(isObject) && !$9.get(tooDeep))
+    $7.if(node, ($$render) => {
+      if ($7.get(isObject) && !$7.get(tooDeep))
         $$render(consequent_3);
-      else if ($9.get(isObject) && $9.get(tooDeep))
+      else if ($7.get(isObject) && $7.get(tooDeep))
         $$render(consequent_5, 1);
       else
         $$render(alternate_1, -1);
     });
   }
-  $9.append($$anchor, fragment);
-  $9.pop();
+  $7.append($$anchor, fragment);
+  $7.pop();
 }
-$9.delegate(["click"]);
+$7.delegate(["click"]);
 
 // src/components/json-viewer/json-viewer.svelte
-var root7 = $10.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_15 = $10.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_25 = $10.from_html(`<div role="tree" aria-label="JSON tree" tabindex="-1"><!></div>`);
-var root_34 = $10.from_html(`<div><!></div>`);
+var root5 = $8.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_13 = $8.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_23 = $8.from_html(`<div role="tree" aria-label="JSON tree" tabindex="-1"><!></div>`);
+var root_33 = $8.from_html(`<div><!></div>`);
 function Json_viewer($$anchor, $$props) {
-  $10.push($$props, true);
-  let initialDepth = $10.prop($$props, "initialDepth", 3, 1), maxDepth = $10.prop($$props, "maxDepth", 3, 50), maxBytes = $10.prop($$props, "maxBytes", 3, 1048576);
-  const serialized = $10.derived(() => {
+  $8.push($$props, true);
+  let initialDepth = $8.prop($$props, "initialDepth", 3, 1), maxDepth = $8.prop($$props, "maxDepth", 3, 50), maxBytes = $8.prop($$props, "maxBytes", 3, 1048576);
+  const serialized = $8.derived(() => {
     try {
       const json = JSON.stringify($$props.value);
       if (typeof json !== "string")
@@ -1134,8 +780,8 @@ function Json_viewer($$anchor, $$props) {
       return { ok: false };
     }
   });
-  const unserializable = $10.derived(() => !$10.get(serialized).ok);
-  const tooLarge = $10.derived(() => $10.get(serialized).ok && $10.get(serialized).size > maxBytes());
+  const unserializable = $8.derived(() => !$8.get(serialized).ok);
+  const tooLarge = $8.derived(() => $8.get(serialized).ok && $8.get(serialized).size > maxBytes());
   function handleTreeKeydown(event) {
     const tree = event.currentTarget;
     const items = Array.from(tree.querySelectorAll('[role="treeitem"]'));
@@ -1187,30 +833,30 @@ function Json_viewer($$anchor, $$props) {
       toggle?.click();
     }
   }
-  var div = root_34();
-  var node = $10.child(div);
+  var div = root_33();
+  var node = $8.child(div);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root7();
-      $10.append($$anchor2, div_1);
+      var div_1 = root5();
+      $8.append($$anchor2, div_1);
     };
     var consequent_1 = ($$anchor2) => {
-      var div_2 = root_15();
-      var p = $10.child(div_2);
-      var text5 = $10.child(p);
-      $10.reset(p);
-      $10.next(2);
-      $10.reset(div_2);
-      $10.template_effect(($0, $1) => $10.set_text(text5, `Payload too large to render (~${$0 ?? ""} KB; cap
+      var div_2 = root_13();
+      var p = $8.child(div_2);
+      var text4 = $8.child(p);
+      $8.reset(p);
+      $8.next(2);
+      $8.reset(div_2);
+      $8.template_effect(($0, $1) => $8.set_text(text4, `Payload too large to render (~${$0 ?? ""} KB; cap
         is ${$1 ?? ""} KB).`), [
-        () => Math.round(($10.get(serialized).ok ? $10.get(serialized).size : 0) / 1024),
+        () => Math.round(($8.get(serialized).ok ? $8.get(serialized).size : 0) / 1024),
         () => Math.round(maxBytes() / 1024)
       ]);
-      $10.append($$anchor2, div_2);
+      $8.append($$anchor2, div_2);
     };
     var alternate = ($$anchor2) => {
-      var div_3 = root_25();
-      var node_1 = $10.child(div_3);
+      var div_3 = root_23();
+      var node_1 = $8.child(div_3);
       _json_viewer_node(node_1, {
         get value() {
           return $$props.value;
@@ -1226,513 +872,57 @@ function Json_viewer($$anchor, $$props) {
         setSize: 1,
         root: true
       });
-      $10.reset(div_3);
-      $10.delegated("keydown", div_3, handleTreeKeydown);
-      $10.append($$anchor2, div_3);
+      $8.reset(div_3);
+      $8.delegated("keydown", div_3, handleTreeKeydown);
+      $8.append($$anchor2, div_3);
     };
-    $10.if(node, ($$render) => {
-      if ($10.get(unserializable))
+    $8.if(node, ($$render) => {
+      if ($8.get(unserializable))
         $$render(consequent);
-      else if ($10.get(tooLarge))
+      else if ($8.get(tooLarge))
         $$render(consequent_1, 1);
       else
         $$render(alternate, -1);
     });
   }
-  $10.reset(div);
-  $10.template_effect(($0) => $10.set_class(div, 1, $0), [
-    () => $10.clsx(classNames("cinder-json-viewer", $$props.class))
+  $8.reset(div);
+  $8.template_effect(($0) => $8.set_class(div, 1, $0), [
+    () => $8.clsx(classNames("cinder-json-viewer", $$props.class))
   ]);
-  $10.append($$anchor, div);
-  $10.pop();
-}
-$10.delegate(["keydown"]);
-
-// src/components/tabs/tabs.svelte
-import"svelte/internal/disclose-version";
-import * as $11 from "svelte/internal/client";
-
-// src/components/tabs/tabs-context.ts
-import { createContext } from "svelte";
-var [getTabsContextStrict, setTabsContext] = createContext();
-var getTabsContext = getTabsContextStrict;
-
-// src/utilities/roving-tabindex.ts
-var ROVING_KEYS = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
-function isRovingKey(key) {
-  return ROVING_KEYS.has(key);
-}
-function findNextIndex(currentIndex, length, direction, isDisabled) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled) {
-    return (currentIndex + direction + length) % length;
-  }
-  for (let offset = 1;offset <= length; offset += 1) {
-    const candidateIndex = (currentIndex + offset * direction + length * offset) % length;
-    if (!isDisabled(candidateIndex)) {
-      return candidateIndex;
-    }
-  }
-  return currentIndex;
-}
-function findFirstIndex(length, isDisabled, currentIndex = 0) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled)
-    return 0;
-  for (let index2 = 0;index2 < length; index2 += 1) {
-    if (!isDisabled(index2))
-      return index2;
-  }
-  return currentIndex;
-}
-function findLastIndex(length, isDisabled, currentIndex = 0) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled)
-    return length - 1;
-  for (let index2 = length - 1;index2 >= 0; index2 -= 1) {
-    if (!isDisabled(index2))
-      return index2;
-  }
-  return currentIndex;
-}
-function handleRovingKeydown(event, currentIndex, length, options = {}) {
-  const { isDisabled, vertical = true, horizontal = true } = options;
-  if (length === 0)
-    return null;
-  switch (event.key) {
-    case "ArrowRight":
-      return horizontal ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
-    case "ArrowDown":
-      return vertical ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
-    case "ArrowLeft":
-      return horizontal ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
-    case "ArrowUp":
-      return vertical ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
-    case "Home":
-      return findFirstIndex(length, isDisabled, currentIndex);
-    case "End":
-      return findLastIndex(length, isDisabled, currentIndex);
-    default:
-      return null;
-  }
-}
-function getFocusableIndex(selectedIndex, length, isDisabled) {
-  if (length === 0)
-    return -1;
-  if (selectedIndex >= 0 && selectedIndex < length)
-    return selectedIndex;
-  return findFirstIndex(length, isDisabled, 0);
-}
-
-// src/utilities/value-change.ts
-function commitValue(proposed, onValueChange, setValue) {
-  const committed = onValueChange?.(proposed) ?? proposed;
-  setValue(committed);
-  return committed;
-}
-
-// src/components/tabs/tabs.svelte
-var root8 = $11.from_html(`<div><!></div>`);
-function Tabs($$anchor, $$props) {
-  const baseId = $11.props_id();
-  $11.push($$props, true);
-  let value = $11.prop($$props, "value", 15, ""), orientation = $11.prop($$props, "orientation", 3, "horizontal"), fill = $11.prop($$props, "fill", 3, false);
-  const effectiveActivateOnFocus = $11.derived(() => $$props.activateOnFocus ?? orientation() === "horizontal");
-  const buttons = new Map;
-  let version = $11.state(0);
-  const focusableValue = $11.derived(() => {
-    $11.get(version);
-    for (const [registeredValue, entry] of buttons) {
-      if (!entry.disabled)
-        return registeredValue;
-    }
-    return;
-  });
-  function focusValue(target) {
-    const entry = buttons.get(target);
-    if (entry)
-      entry.button.focus();
-  }
-  function resolveFocusedIndex(active) {
-    const entries = [...buttons.values()];
-    return entries.findIndex(({ button }) => button === active);
-  }
-  function readActiveElement(event) {
-    const target = event.target instanceof HTMLElement ? event.target : null;
-    if (target) {
-      for (const { button } of buttons.values()) {
-        if (button === target)
-          return target;
-      }
-    }
-    const currentTarget = event.currentTarget instanceof HTMLElement ? event.currentTarget : null;
-    return currentTarget?.ownerDocument.activeElement ?? null;
-  }
-  function resolveStartingIndex(event) {
-    const entries = [...buttons.values()];
-    if (entries.length === 0)
-      return -1;
-    const focused = resolveFocusedIndex(readActiveElement(event));
-    if (focused !== -1)
-      return focused;
-    const order = [...buttons.keys()];
-    const activeIdx = order.indexOf(value());
-    if (activeIdx !== -1 && !entries[activeIdx]?.disabled)
-      return activeIdx;
-    return entries.findIndex((entry) => !entry.disabled);
-  }
-  function isOrientedKey(key, isHorizontal) {
-    if (!isRovingKey(key))
-      return false;
-    if (key === "Home" || key === "End")
-      return true;
-    if (isHorizontal)
-      return key === "ArrowLeft" || key === "ArrowRight";
-    return key === "ArrowUp" || key === "ArrowDown";
-  }
-  function handleKeydown(event) {
-    const entries = [...buttons.values()];
-    const order = [...buttons.keys()];
-    if (event.key === "Enter" || event.key === " ") {
-      const focused = resolveFocusedIndex(readActiveElement(event));
-      if (focused === -1)
-        return;
-      if (entries[focused]?.disabled !== false)
-        return;
-      const focusedValue = order[focused];
-      if (focusedValue === undefined)
-        return;
-      event.preventDefault();
-      commitValue(focusedValue, $$props.onValueChange, (next3) => {
-        value(next3);
-      });
-      return;
-    }
-    const isHorizontal = orientation() === "horizontal";
-    if (!isOrientedKey(event.key, isHorizontal))
-      return;
-    if (entries.length === 0)
-      return;
-    const currentIndex = resolveStartingIndex(event);
-    if (currentIndex === -1) {
-      event.preventDefault();
-      return;
-    }
-    const nextIdx = handleRovingKeydown(event, currentIndex, entries.length, {
-      isDisabled: (i) => entries[i]?.disabled ?? false,
-      horizontal: isHorizontal,
-      vertical: !isHorizontal
-    });
-    if (nextIdx === null)
-      return;
-    event.preventDefault();
-    if (nextIdx === currentIndex)
-      return;
-    const nextValue = order[nextIdx];
-    if (nextValue === undefined)
-      return;
-    focusValue(nextValue);
-    if ($11.get(effectiveActivateOnFocus)) {
-      commitValue(nextValue, $$props.onValueChange, (next3) => {
-        value(next3);
-      });
-    }
-  }
-  setTabsContext({
-    get value() {
-      return value();
-    },
-    get orientation() {
-      return orientation();
-    },
-    get activateOnFocus() {
-      return $11.get(effectiveActivateOnFocus);
-    },
-    get baseId() {
-      return baseId;
-    },
-    select(next3) {
-      commitValue(next3, $$props.onValueChange, (nextValue) => {
-        value(nextValue);
-      });
-    },
-    isActive(candidate) {
-      return value() === candidate;
-    },
-    register(target, button, disabled = false) {
-      const existing = buttons.get(target);
-      if (existing) {
-        existing.button = button;
-        existing.disabled = disabled;
-      } else {
-        buttons.set(target, { button, disabled });
-      }
-      $11.set(version, $11.get(version) + 1);
-    },
-    unregister(target) {
-      if (buttons.delete(target)) {
-        $11.set(version, $11.get(version) + 1);
-      }
-    },
-    setDisabled(target, disabled) {
-      const existing = buttons.get(target);
-      if (!existing)
-        return;
-      if (existing.disabled === disabled)
-        return;
-      existing.disabled = disabled;
-      $11.set(version, $11.get(version) + 1);
-    },
-    isFocusable(candidate) {
-      value();
-      $11.get(version);
-      const selectedEntry = buttons.get(value());
-      const selectedIsEnabled = selectedEntry !== undefined && !selectedEntry.disabled;
-      const entry = buttons.get(candidate);
-      if (!entry || entry.disabled)
-        return false;
-      if (selectedIsEnabled)
-        return value() === candidate;
-      return $11.get(focusableValue) === candidate;
-    },
-    handleKeydown
-  });
-  var div = root8();
-  var node = $11.child(div);
-  $11.snippet(node, () => $$props.children);
-  $11.reset(div);
-  $11.template_effect(($0) => {
-    $11.set_class(div, 1, $0);
-    $11.set_attribute(div, "data-cinder-orientation", orientation());
-    $11.set_attribute(div, "data-cinder-fill", fill() ? "" : undefined);
-  }, [() => $11.clsx(classNames("cinder-tabs", $$props.class))]);
-  $11.append($$anchor, div);
-  $11.pop();
-}
-
-// src/components/tab-list/tab-list.svelte
-import"svelte/internal/disclose-version";
-import * as $12 from "svelte/internal/client";
-var root9 = $12.from_html(`<div role="tablist"><!></div>`);
-function Tab_list($$anchor, $$props) {
-  $12.push($$props, true);
-  const tabs = getTabsContext();
-  var div = root9();
-  var node = $12.child(div);
-  $12.snippet(node, () => $$props.children);
-  $12.reset(div);
-  $12.template_effect(($0) => {
-    $12.set_class(div, 1, $0);
-    $12.set_attribute(div, "data-cinder-orientation", tabs.orientation);
-    $12.set_attribute(div, "aria-label", $$props.label);
-    $12.set_attribute(div, "aria-labelledby", $$props.labelledBy);
-    $12.set_attribute(div, "aria-orientation", tabs.orientation);
-  }, [() => $12.clsx(classNames("cinder-tab-list", $$props.class))]);
-  $12.append($$anchor, div);
-  $12.pop();
-}
-
-// src/components/tab/tab.svelte
-import"svelte/internal/disclose-version";
-import * as $13 from "svelte/internal/client";
-import { untrack as untrack3 } from "svelte";
-
-// src/_internal/collection.ts
-function createSingleSelection(getValue, setValue) {
-  return {
-    get value() {
-      return getValue();
-    },
-    select(next3) {
-      setValue(next3);
-    },
-    isSelected(candidate) {
-      return getValue() === candidate;
-    }
-  };
-}
-function createMultiSelection(getValues, setValues) {
-  return {
-    get values() {
-      return getValues();
-    },
-    toggle(item) {
-      const current = getValues();
-      const index2 = current.indexOf(item);
-      if (index2 === -1) {
-        setValues([...current, item]);
-      } else {
-        setValues(current.filter((existing) => existing !== item));
-      }
-    },
-    isSelected(candidate) {
-      return getValues().includes(candidate);
-    }
-  };
-}
-function rovingTabIndex(isActive) {
-  return isActive ? 0 : -1;
-}
-
-// src/components/tab/tab.svelte
-var root10 = $13.from_html(`<span class="cinder-tab__trailing" aria-hidden="true"><!></span>`);
-var root_16 = $13.from_html(`<button type="button" role="tab"><!> <!></button>`);
-function Tab($$anchor, $$props) {
-  $13.push($$props, true);
-  let disabled = $13.prop($$props, "disabled", 3, false);
-  const tabs = getTabsContext();
-  const tabId = $13.derived(() => $$props.id ?? `${tabs.baseId}-tab-${$$props.value}`);
-  const panelId = $13.derived(() => `${tabs.baseId}-panel-${$$props.value}`);
-  const isActive = $13.derived(() => tabs.isActive($$props.value));
-  const isFocusable = $13.derived(() => tabs.isFocusable($$props.value));
-  let buttonElement = $13.state(undefined);
-  const registeredValue = untrack3(() => $$props.value);
-  $13.user_effect(() => {
-    if (!$13.get(buttonElement))
-      return;
-    const button = $13.get(buttonElement);
-    const initialDisabled = untrack3(() => disabled());
-    untrack3(() => {
-      tabs.register(registeredValue, button, initialDisabled);
-    });
-    return () => {
-      untrack3(() => {
-        tabs.unregister(registeredValue);
-      });
-    };
-  });
-  $13.user_effect(() => {
-    const next3 = disabled();
-    untrack3(() => {
-      tabs.setDisabled(registeredValue, next3);
-    });
-  });
-  function handleClick() {
-    if (disabled())
-      return;
-    tabs.select($$props.value);
-  }
-  var button_1 = root_16();
-  var node = $13.child(button_1);
-  $13.snippet(node, () => $$props.children);
-  var node_1 = $13.sibling(node, 2);
-  {
-    var consequent = ($$anchor2) => {
-      var span = root10();
-      var node_2 = $13.child(span);
-      $13.snippet(node_2, () => $$props.trailing);
-      $13.reset(span);
-      $13.append($$anchor2, span);
-    };
-    $13.if(node_1, ($$render) => {
-      if ($$props.trailing)
-        $$render(consequent);
-    });
-  }
-  $13.reset(button_1);
-  $13.bind_this(button_1, ($$value) => $13.set(buttonElement, $$value), () => $13.get(buttonElement));
-  $13.template_effect(($0, $1) => {
-    $13.set_attribute(button_1, "id", $13.get(tabId));
-    $13.set_class(button_1, 1, $0);
-    $13.set_attribute(button_1, "data-cinder-value", $$props.value);
-    $13.set_attribute(button_1, "data-cinder-active", $13.get(isActive) ? "" : undefined);
-    $13.set_attribute(button_1, "data-cinder-disabled", disabled() || undefined);
-    $13.set_attribute(button_1, "data-variant", tabs.orientation);
-    $13.set_attribute(button_1, "aria-selected", $13.get(isActive));
-    $13.set_attribute(button_1, "aria-controls", $13.get(panelId));
-    $13.set_attribute(button_1, "tabindex", $1);
-    button_1.disabled = disabled();
-  }, [
-    () => $13.clsx(classNames("cinder-tab", $$props.class)),
-    () => rovingTabIndex($13.get(isFocusable))
-  ]);
-  $13.delegated("click", button_1, handleClick);
-  $13.delegated("keydown", button_1, function(...$$args) {
-    tabs.handleKeydown?.apply(this, $$args);
-  });
-  $13.append($$anchor, button_1);
-  $13.pop();
-}
-$13.delegate(["click", "keydown"]);
-
-// src/components/tab-panel/tab-panel.svelte
-import"svelte/internal/disclose-version";
-import * as $14 from "svelte/internal/client";
-var root11 = $14.from_html(`<div role="tabpanel" tabindex="0"><!></div>`);
-function Tab_panel($$anchor, $$props) {
-  $14.push($$props, true);
-  const tabs = getTabsContext();
-  const isActive = $14.derived(() => tabs.isActive($$props.value));
-  const panelId = $14.derived(() => `${tabs.baseId}-panel-${$$props.value}`);
-  const labelledBy = $14.derived(() => $$props.ariaLabelledby ?? `${tabs.baseId}-tab-${$$props.value}`);
-  var fragment = $14.comment();
-  var node = $14.first_child(fragment);
-  {
-    var consequent = ($$anchor2) => {
-      var div = root11();
-      var node_1 = $14.child(div);
-      $14.snippet(node_1, () => $$props.children);
-      $14.reset(div);
-      $14.template_effect(($0) => {
-        $14.set_attribute(div, "id", $14.get(panelId));
-        $14.set_class(div, 1, $0);
-        $14.set_attribute(div, "data-cinder-value", $$props.value);
-        $14.set_attribute(div, "aria-labelledby", $14.get(labelledBy));
-      }, [() => $14.clsx(classNames("cinder-tab-panel", $$props.class))]);
-      $14.append($$anchor2, div);
-    };
-    $14.if(node, ($$render) => {
-      if ($14.get(isActive))
-        $$render(consequent);
-    });
-  }
-  $14.append($$anchor, fragment);
-  $14.pop();
+  $8.append($$anchor, div);
+  $8.pop();
 }
+$8.delegate(["keydown"]);
 
 // src/components/payload-inspector/payload-inspector.svelte
-var rest_excludes4 = new Set([
+var rest_excludes3 = new Set([
   "$$slots",
   "$$events",
   "$$legacy",
   "value",
   "truncated",
   "maxBytes",
-  "meta",
-  "format",
   "parse",
-  "activeView",
   "label",
   "class"
 ]);
-var root12 = $15.from_html(`<span class="cinder-payload-inspector__size"> </span>`);
-var root_17 = $15.from_html(`<!> <!> <!>`, 1);
-var root_26 = $15.from_html(`<div class="cinder-payload-inspector__empty" role="status">No payload</div>`);
-var root_35 = $15.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning" role="alert"> </div>`);
-var root_43 = $15.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_52 = $15.from_html(`<div class="cinder-payload-inspector__summary"><div class="cinder-payload-inspector__summary-badges"><!> <!></div> <!> <!> <!></div>`);
-var root_62 = $15.from_html(`<div class="cinder-payload-inspector__panel"><!> <!></div>`);
-var root_72 = $15.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_8 = $15.from_html(`<div class="cinder-payload-inspector__panel"><!> <!> <!> <!></div>`);
-var root_9 = $15.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_10 = $15.from_html(`<div class="cinder-payload-inspector__panel cinder-payload-inspector__panel--code"><!> <!> <!> <!></div>`);
-var root_11 = $15.from_html(`<!> <!> <!> <!>`, 1);
-var root_122 = $15.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 root6 = $9.from_html(`<span class="cinder-payload-inspector__size"> </span>`);
+var root_14 = $9.from_html(`<div class="cinder-payload-inspector__empty" role="status">No payload</div>`);
+var root_24 = $9.from_html(`<pre class="cinder-payload-inspector__primitive"> </pre>`);
+var root_34 = $9.from_html(`<div class="cinder-payload-inspector__notice cinder-payload-inspector__notice--warning" role="alert"> </div> <!>`, 1);
+var root_42 = $9.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_52 = $9.from_html(`<div><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__panel"><!></div></div>`);
 function Payload_inspector($$anchor, $$props) {
-  $15.push($$props, true);
-  let truncated = $15.prop($$props, "truncated", 3, false), maxBytes = $15.prop($$props, "maxBytes", 3, 1048576), activeView = $15.prop($$props, "activeView", 15, "summary"), label = $15.prop($$props, "label", 3, "Payload inspector"), rest = $15.rest_props($$props, rest_excludes4);
+  $9.push($$props, true);
+  let truncated = $9.prop($$props, "truncated", 3, false), maxBytes = $9.prop($$props, "maxBytes", 3, 1048576), label = $9.prop($$props, "label", 3, "Payload inspector"), rest = $9.rest_props($$props, rest_excludes3);
   function shouldParseString(raw) {
     const trimmed = raw.trim();
     if (/^[{\["]/.test(trimmed))
       return true;
     return /^(?:true|false|null|-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?)$/.test(trimmed);
   }
-  const parseResult = $15.derived(() => {
+  const parseResult = $9.derived(() => {
     if (typeof $$props.value !== "string") {
       return { ok: true, parsed: $$props.value };
     }
@@ -1752,12 +942,12 @@ function Payload_inspector($$anchor, $$props) {
       };
     }
   });
-  const parsedValue = $15.derived(() => $15.get(parseResult).ok ? $15.get(parseResult).parsed : undefined);
-  const sizeResult = $15.derived(() => {
-    if (!$15.get(parseResult).ok)
+  const parsedValue = $9.derived(() => $9.get(parseResult).ok ? $9.get(parseResult).parsed : undefined);
+  const sizeResult = $9.derived(() => {
+    if (!$9.get(parseResult).ok)
       return { ok: false };
     try {
-      const json = JSON.stringify($15.get(parsedValue));
+      const json = JSON.stringify($9.get(parsedValue));
       if (typeof json !== "string")
         return { ok: false };
       return { ok: true, bytes: new Blob([json]).size };
@@ -1765,485 +955,179 @@ function Payload_inspector($$anchor, $$props) {
       return { ok: false };
     }
   });
-  const byteLabel = $15.derived(() => {
-    if (!$15.get(sizeResult).ok)
+  const byteLabel = $9.derived(() => {
+    if (!$9.get(sizeResult).ok)
       return "Unknown size";
-    const bytes = $15.get(sizeResult).bytes;
+    const bytes = $9.get(sizeResult).bytes;
     if (bytes < 1024)
       return `${bytes} B`;
     if (bytes < 1024 * 1024)
       return `${(bytes / 1024).toFixed(1)} KB`;
     return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
   });
-  const rawText = $15.derived(() => {
-    if (!$15.get(parseResult).ok) {
-      return typeof $$props.value === "string" ? $$props.value : "";
-    }
-    try {
-      const formatter = $$props.format ?? ((v) => JSON.stringify(v, null, 2));
-      return formatter($15.get(parsedValue)) ?? "";
-    } catch {
-      return typeof $$props.value === "string" ? $$props.value : "";
-    }
-  });
-  const unserializable = $15.derived(() => {
-    if (typeof $$props.value === "string" || !$15.get(parseResult).ok)
+  const unserializable = $9.derived(() => {
+    if (typeof $$props.value === "string" || !$9.get(parseResult).ok)
       return false;
     try {
-      JSON.stringify($15.get(parsedValue));
+      JSON.stringify($9.get(parsedValue));
       return false;
     } catch {
       return true;
     }
   });
-  const summaryItems = $15.derived(() => {
-    const items = [];
-    items.push({ term: "Size", definition: $15.get(byteLabel) });
-    if ($$props.meta?.contentType) {
-      items.push({ term: "Content type", definition: $$props.meta.contentType });
-    }
-    if ($$props.meta?.source) {
-      items.push({ term: "Source", definition: $$props.meta.source });
-    }
-    if ($$props.meta?.timestamp) {
-      let displayTime = $$props.meta.timestamp;
-      try {
-        displayTime = new Date($$props.meta.timestamp).toLocaleString();
-      } catch {}
-      items.push({ term: "Timestamp", definition: displayTime });
-    }
-    return items;
-  });
-  const valueKind = $15.derived(() => {
-    if (!$15.get(parseResult).ok)
-      return "invalid";
-    const v = $15.get(parsedValue);
-    if (v === null)
-      return "null";
-    if (v === undefined)
-      return "undefined";
-    if (typeof v === "boolean")
-      return "boolean";
-    if (typeof v === "number")
-      return "number";
-    if (typeof v === "string")
-      return "string";
-    if (Array.isArray(v))
-      return "array";
-    return "object";
-  });
-  const isPrimitive = $15.derived(() => $15.get(valueKind) === "null" || $15.get(valueKind) === "undefined" || $15.get(valueKind) === "boolean" || $15.get(valueKind) === "number" || $15.get(valueKind) === "string");
-  const isEmpty = $15.derived(() => $15.get(parsedValue) === undefined && $$props.value === undefined);
-  const copyRawText = $15.derived(() => {
+  const isEmpty = $9.derived(() => $9.get(parsedValue) === undefined && $$props.value === undefined);
+  const isPrimitive = $9.derived(() => $9.get(parsedValue) === null || typeof $9.get(parsedValue) === "boolean" || typeof $9.get(parsedValue) === "number" || typeof $9.get(parsedValue) === "string");
+  const copyText = $9.derived(() => {
+    if (!$9.get(parseResult).ok)
+      return typeof $$props.value === "string" ? $$props.value : "";
     if (typeof $$props.value === "string")
       return $$props.value;
-    if (!$15.get(parseResult).ok)
-      return "";
     try {
-      return JSON.stringify($15.get(parsedValue)) ?? "";
+      return JSON.stringify($9.get(parsedValue), null, 2) ?? "";
     } catch {
       return "";
     }
   });
-  const copyFormattedText = $15.derived(() => {
-    if (!$15.get(parseResult).ok)
-      return $15.get(rawText);
-    try {
-      return JSON.stringify($15.get(parsedValue), null, 2) ?? "";
-    } catch {
-      return $15.get(rawText);
-    }
-  });
-  const canCopyFormatted = $15.derived(() => !$15.get(isEmpty) && $15.get(parseResult).ok && !$15.get(unserializable));
-  const canCopyRaw = $15.derived(() => !$15.get(isEmpty) && (typeof $$props.value === "string" || $15.get(canCopyFormatted)));
-  function kindVariant(kind) {
-    if (kind === "invalid")
-      return "danger";
-    if (kind === "null" || kind === "undefined")
-      return "warning";
-    if (kind === "object" || kind === "array")
-      return "info";
-    return "neutral";
-  }
-  var section = root_122();
-  $15.attribute_effect(section, ($0) => ({ ...rest, class: $0, "aria-label": label() }), [() => classNames("cinder-payload-inspector", $$props.class)]);
-  var div = $15.child(section);
-  var span = $15.child(div);
-  var text6 = $15.child(span, true);
-  $15.reset(span);
-  var div_1 = $15.sibling(span, 2);
-  var node = $15.child(div_1);
+  const canCopy = $9.derived(() => !$9.get(isEmpty) && $9.get(copyText) !== "");
+  var div = root_52();
+  $9.attribute_effect(div, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-payload-inspector", $$props.class)]);
+  var div_1 = $9.child(div);
+  var span = $9.child(div_1);
+  var text5 = $9.child(span, true);
+  $9.reset(span);
+  var div_2 = $9.sibling(span, 2);
+  var node = $9.child(div_2);
   {
     var consequent = ($$anchor2) => {
-      var span_1 = root12();
-      var text_1 = $15.child(span_1, true);
-      $15.reset(span_1);
-      $15.template_effect(() => {
-        $15.set_attribute(span_1, "aria-label", `${$15.get(byteLabel)} payload size`);
-        $15.set_text(text_1, $15.get(byteLabel));
+      var span_1 = root6();
+      var text_1 = $9.child(span_1, true);
+      $9.reset(span_1);
+      $9.template_effect(() => {
+        $9.set_attribute(span_1, "aria-label", `${$9.get(byteLabel)} payload size`);
+        $9.set_text(text_1, $9.get(byteLabel));
       });
-      $15.append($$anchor2, span_1);
+      $9.append($$anchor2, span_1);
     };
-    $15.if(node, ($$render) => {
-      if ($15.get(sizeResult).ok)
+    $9.if(node, ($$render) => {
+      if ($9.get(sizeResult).ok)
         $$render(consequent);
     });
   }
-  var node_1 = $15.sibling(node, 2);
+  var node_1 = $9.sibling(node, 2);
   {
     var consequent_1 = ($$anchor2) => {
       Badge($$anchor2, {
         variant: "warning",
         size: "xs",
         children: ($$anchor3, $$slotProps) => {
-          $15.next();
-          var text_2 = $15.text("Truncated");
-          $15.append($$anchor3, text_2);
+          $9.next();
+          var text_2 = $9.text("Truncated");
+          $9.append($$anchor3, text_2);
         },
         $$slots: { default: true }
       });
     };
-    $15.if(node_1, ($$render) => {
+    $9.if(node_1, ($$render) => {
       if (truncated())
         $$render(consequent_1);
     });
   }
-  var node_2 = $15.sibling(node_1, 2);
+  var node_2 = $9.sibling(node_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      Copy_button($$anchor2, {
-        get value() {
-          return $15.get(copyFormattedText);
-        },
-        label: "Copy formatted",
-        copiedLabel: "Formatted copied",
-        title: "Copy formatted payload",
-        iconOnly: true
-      });
+      {
+        let $0 = $9.derived(() => `Copy ${label()}`);
+        let $1 = $9.derived(() => `Copy ${label()}`);
+        Copy_button($$anchor2, {
+          get value() {
+            return $9.get(copyText);
+          },
+          get label() {
+            return $9.get($0);
+          },
+          copiedLabel: "Copied",
+          get title() {
+            return $9.get($1);
+          },
+          iconOnly: true
+        });
+      }
     };
-    $15.if(node_2, ($$render) => {
-      if ($15.get(canCopyFormatted))
+    $9.if(node_2, ($$render) => {
+      if ($9.get(canCopy))
         $$render(consequent_2);
     });
   }
-  var node_3 = $15.sibling(node_2, 2);
+  $9.reset(div_2);
+  $9.reset(div_1);
+  var div_3 = $9.sibling(div_1, 2);
+  var node_3 = $9.child(div_3);
   {
     var consequent_3 = ($$anchor2) => {
-      Copy_button($$anchor2, {
+      var div_4 = root_14();
+      $9.append($$anchor2, div_4);
+    };
+    var consequent_5 = ($$anchor2) => {
+      var fragment_2 = root_34();
+      var div_5 = $9.first_child(fragment_2);
+      var text_3 = $9.child(div_5);
+      $9.reset(div_5);
+      var node_4 = $9.sibling(div_5, 2);
+      {
+        var consequent_4 = ($$anchor3) => {
+          var pre = root_24();
+          var text_4 = $9.child(pre, true);
+          $9.reset(pre);
+          $9.template_effect(() => $9.set_text(text_4, $$props.value));
+          $9.append($$anchor3, pre);
+        };
+        $9.if(node_4, ($$render) => {
+          if (typeof $$props.value === "string")
+            $$render(consequent_4);
+        });
+      }
+      $9.template_effect(() => $9.set_text(text_3, `Parse error: ${$9.get(parseResult).error ?? ""}`));
+      $9.append($$anchor2, fragment_2);
+    };
+    var consequent_6 = ($$anchor2) => {
+      var div_6 = root_42();
+      $9.append($$anchor2, div_6);
+    };
+    var consequent_7 = ($$anchor2) => {
+      var pre_1 = root_24();
+      var text_5 = $9.child(pre_1, true);
+      $9.reset(pre_1);
+      $9.template_effect(($0) => $9.set_text(text_5, $0), [() => String($9.get(parsedValue))]);
+      $9.append($$anchor2, pre_1);
+    };
+    var alternate = ($$anchor2) => {
+      Json_viewer($$anchor2, {
         get value() {
-          return $15.get(copyRawText);
+          return $9.get(parsedValue);
         },
-        label: "Copy raw",
-        copiedLabel: "Raw copied",
-        title: "Copy raw payload",
-        iconOnly: true
+        get maxBytes() {
+          return maxBytes();
+        }
       });
     };
-    $15.if(node_3, ($$render) => {
-      if ($15.get(canCopyRaw))
+    $9.if(node_3, ($$render) => {
+      if ($9.get(isEmpty))
         $$render(consequent_3);
+      else if (!$9.get(parseResult).ok)
+        $$render(consequent_5, 1);
+      else if ($9.get(unserializable))
+        $$render(consequent_6, 2);
+      else if ($9.get(isPrimitive))
+        $$render(consequent_7, 3);
+      else
+        $$render(alternate, -1);
     });
   }
-  $15.reset(div_1);
-  $15.reset(div);
-  var div_2 = $15.sibling(div, 2);
-  var node_4 = $15.child(div_2);
-  Tabs(node_4, {
-    get value() {
-      return activeView();
-    },
-    set value($$value) {
-      activeView($$value);
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_3 = root_11();
-      var node_5 = $15.first_child(fragment_3);
-      Tab_list(node_5, {
-        label: "Inspector views",
-        children: ($$anchor3, $$slotProps2) => {
-          var fragment_4 = root_17();
-          var node_6 = $15.first_child(fragment_4);
-          Tab(node_6, {
-            value: "summary",
-            children: ($$anchor4, $$slotProps3) => {
-              $15.next();
-              var text_3 = $15.text("Summary");
-              $15.append($$anchor4, text_3);
-            },
-            $$slots: { default: true }
-          });
-          var node_7 = $15.sibling(node_6, 2);
-          Tab(node_7, {
-            value: "tree",
-            children: ($$anchor4, $$slotProps3) => {
-              $15.next();
-              var text_4 = $15.text("Tree");
-              $15.append($$anchor4, text_4);
-            },
-            $$slots: { default: true }
-          });
-          var node_8 = $15.sibling(node_7, 2);
-          Tab(node_8, {
-            value: "raw",
-            children: ($$anchor4, $$slotProps3) => {
-              $15.next();
-              var text_5 = $15.text("Raw");
-              $15.append($$anchor4, text_5);
-            },
-            $$slots: { default: true }
-          });
-          $15.append($$anchor3, fragment_4);
-        },
-        $$slots: { default: true }
-      });
-      var node_9 = $15.sibling(node_5, 2);
-      Tab_panel(node_9, {
-        value: "summary",
-        children: ($$anchor3, $$slotProps2) => {
-          var div_3 = root_62();
-          var node_10 = $15.child(div_3);
-          {
-            var consequent_4 = ($$anchor4) => {
-              var div_4 = root_26();
-              $15.append($$anchor4, div_4);
-            };
-            $15.if(node_10, ($$render) => {
-              if ($15.get(isEmpty))
-                $$render(consequent_4);
-            });
-          }
-          var node_11 = $15.sibling(node_10, 2);
-          {
-            var consequent_9 = ($$anchor4) => {
-              var div_5 = root_52();
-              var div_6 = $15.child(div_5);
-              var node_12 = $15.child(div_6);
-              {
-                let $0 = $15.derived(() => kindVariant($15.get(valueKind)));
-                Badge(node_12, {
-                  get variant() {
-                    return $15.get($0);
-                  },
-                  size: "xs",
-                  mono: true,
-                  children: ($$anchor5, $$slotProps3) => {
-                    $15.next();
-                    var text_6 = $15.text();
-                    $15.template_effect(() => $15.set_text(text_6, $15.get(valueKind)));
-                    $15.append($$anchor5, text_6);
-                  },
-                  $$slots: { default: true }
-                });
-              }
-              var node_13 = $15.sibling(node_12, 2);
-              {
-                var consequent_5 = ($$anchor5) => {
-                  Badge($$anchor5, {
-                    variant: "warning",
-                    size: "xs",
-                    children: ($$anchor6, $$slotProps3) => {
-                      $15.next();
-                      var text_7 = $15.text("Truncated");
-                      $15.append($$anchor6, text_7);
-                    },
-                    $$slots: { default: true }
-                  });
-                };
-                $15.if(node_13, ($$render) => {
-                  if (truncated())
-                    $$render(consequent_5);
-                });
-              }
-              $15.reset(div_6);
-              var node_14 = $15.sibling(div_6, 2);
-              {
-                var consequent_6 = ($$anchor5) => {
-                  Description_list($$anchor5, {
-                    get items() {
-                      return $15.get(summaryItems);
-                    },
-                    variant: "two-column"
-                  });
-                };
-                $15.if(node_14, ($$render) => {
-                  if ($15.get(summaryItems).length > 0)
-                    $$render(consequent_6);
-                });
-              }
-              var node_15 = $15.sibling(node_14, 2);
-              {
-                var consequent_7 = ($$anchor5) => {
-                  var div_7 = root_35();
-                  var text_8 = $15.child(div_7);
-                  $15.reset(div_7);
-                  $15.template_effect(() => $15.set_text(text_8, `Parse error: ${$15.get(parseResult).error ?? ""}`));
-                  $15.append($$anchor5, div_7);
-                };
-                $15.if(node_15, ($$render) => {
-                  if (!$15.get(parseResult).ok)
-                    $$render(consequent_7);
-                });
-              }
-              var node_16 = $15.sibling(node_15, 2);
-              {
-                var consequent_8 = ($$anchor5) => {
-                  var div_8 = root_43();
-                  var span_2 = $15.sibling($15.child(div_8), 2);
-                  var text_9 = $15.child(span_2, true);
-                  $15.reset(span_2);
-                  $15.reset(div_8);
-                  $15.template_effect(($0) => $15.set_text(text_9, $0), [() => String($15.get(parsedValue))]);
-                  $15.append($$anchor5, div_8);
-                };
-                $15.if(node_16, ($$render) => {
-                  if ($15.get(parseResult).ok && $15.get(isPrimitive))
-                    $$render(consequent_8);
-                });
-              }
-              $15.reset(div_5);
-              $15.append($$anchor4, div_5);
-            };
-            $15.if(node_11, ($$render) => {
-              if (!$15.get(isEmpty))
-                $$render(consequent_9);
-            });
-          }
-          $15.reset(div_3);
-          $15.append($$anchor3, div_3);
-        },
-        $$slots: { default: true }
-      });
-      var node_17 = $15.sibling(node_9, 2);
-      Tab_panel(node_17, {
-        value: "tree",
-        children: ($$anchor3, $$slotProps2) => {
-          var div_9 = root_8();
-          var node_18 = $15.child(div_9);
-          {
-            var consequent_10 = ($$anchor4) => {
-              var div_10 = root_26();
-              $15.append($$anchor4, div_10);
-            };
-            $15.if(node_18, ($$render) => {
-              if ($15.get(isEmpty))
-                $$render(consequent_10);
-            });
-          }
-          var node_19 = $15.sibling(node_18, 2);
-          {
-            var consequent_11 = ($$anchor4) => {
-              var div_11 = root_35();
-              var text_10 = $15.child(div_11);
-              $15.reset(div_11);
-              $15.template_effect(() => $15.set_text(text_10, `Cannot render tree: ${$15.get(parseResult).error ?? ""}`));
-              $15.append($$anchor4, div_11);
-            };
-            $15.if(node_19, ($$render) => {
-              if (!$15.get(isEmpty) && !$15.get(parseResult).ok)
-                $$render(consequent_11);
-            });
-          }
-          var node_20 = $15.sibling(node_19, 2);
-          {
-            var consequent_12 = ($$anchor4) => {
-              var div_12 = root_72();
-              $15.append($$anchor4, div_12);
-            };
-            $15.if(node_20, ($$render) => {
-              if (!$15.get(isEmpty) && $15.get(parseResult).ok && $15.get(unserializable))
-                $$render(consequent_12);
-            });
-          }
-          var node_21 = $15.sibling(node_20, 2);
-          {
-            var consequent_13 = ($$anchor4) => {
-              Json_viewer($$anchor4, {
-                get value() {
-                  return $15.get(parsedValue);
-                },
-                get maxBytes() {
-                  return maxBytes();
-                }
-              });
-            };
-            $15.if(node_21, ($$render) => {
-              if (!$15.get(isEmpty) && $15.get(parseResult).ok && !$15.get(unserializable))
-                $$render(consequent_13);
-            });
-          }
-          $15.reset(div_9);
-          $15.append($$anchor3, div_9);
-        },
-        $$slots: { default: true }
-      });
-      var node_22 = $15.sibling(node_17, 2);
-      Tab_panel(node_22, {
-        value: "raw",
-        children: ($$anchor3, $$slotProps2) => {
-          var div_13 = root_10();
-          var node_23 = $15.child(div_13);
-          {
-            var consequent_14 = ($$anchor4) => {
-              var div_14 = root_26();
-              $15.append($$anchor4, div_14);
-            };
-            $15.if(node_23, ($$render) => {
-              if ($15.get(isEmpty))
-                $$render(consequent_14);
-            });
-          }
-          var node_24 = $15.sibling(node_23, 2);
-          {
-            var consequent_15 = ($$anchor4) => {
-              var div_15 = root_9();
-              $15.append($$anchor4, div_15);
-            };
-            $15.if(node_24, ($$render) => {
-              if (!$15.get(isEmpty) && truncated())
-                $$render(consequent_15);
-            });
-          }
-          var node_25 = $15.sibling(node_24, 2);
-          {
-            var consequent_16 = ($$anchor4) => {
-              var div_16 = root_72();
-              $15.append($$anchor4, div_16);
-            };
-            $15.if(node_25, ($$render) => {
-              if (!$15.get(isEmpty) && $15.get(unserializable))
-                $$render(consequent_16);
-            });
-          }
-          var node_26 = $15.sibling(node_25, 2);
-          {
-            var consequent_17 = ($$anchor4) => {
-              Code_block($$anchor4, {
-                get code() {
-                  return $15.get(rawText);
-                },
-                highlight: false,
-                class: "cinder-payload-inspector__raw"
-              });
-            };
-            $15.if(node_26, ($$render) => {
-              if (!$15.get(isEmpty) && !$15.get(unserializable))
-                $$render(consequent_17);
-            });
-          }
-          $15.reset(div_13);
-          $15.append($$anchor3, div_13);
-        },
-        $$slots: { default: true }
-      });
-      $15.append($$anchor2, fragment_3);
-    },
-    $$slots: { default: true }
-  });
-  $15.reset(div_2);
-  $15.reset(section);
-  $15.template_effect(() => $15.set_text(text6, label()));
-  $15.append($$anchor, section);
-  $15.pop();
+  $9.reset(div_3);
+  $9.reset(div);
+  $9.template_effect(() => $9.set_text(text5, label()));
+  $9.append($$anchor, div);
+  $9.pop();
 }
 
 // src/components/payload-inspector/index.ts
@@ -2253,4 +1137,4 @@ export {
   Payload_inspector as PayloadInspector
 };
 
-//# debugId=1DF7DF94B0FC3D2864756E2164756E21
+//# debugId=8FD2711ED33C141E64756E2164756E21