@syntrologie/runtime-sdk 2.17.0 → 2.18.0

package/dist/smart-canvas.js

@@ -5860,45 +5860,447 @@ var SyntrologieSDK = (() => {
   };
   var appRegistry = new AppRegistry();
 
-  // ../../node_modules/lit-html/directives/unsafe-html.js
-  var e5 = class extends i5 {
-    constructor(i9) {
-      if (super(i9), this.it = A, i9.type !== t3.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-    }
-    render(r5) {
-      if (r5 === A || null == r5) return this._t = void 0, this.it = r5;
-      if (r5 === E) return r5;
-      if ("string" != typeof r5) throw Error(this.constructor.directiveName + "() called with a non-string value");
-      if (r5 === this.it) return this._t;
-      this.it = r5;
-      const s8 = [r5];
-      return s8.raw = s8, this._t = { _$litType$: this.constructor.resultType, strings: s8, values: [] };
+  // ../adaptives/adaptive-faq/dist/chunk-S6WIENQP.js
+  var base2 = {
+    white: "#ffffff",
+    black: "#000000"
+  };
+  var brand2 = {
+    0: "#2c0b0a",
+    1: "#5b1715",
+    2: "#89221f",
+    3: "#b72e2a",
+    4: "#d44844",
+    5: "#dd6d69",
+    6: "#e5918f",
+    7: "#eeb6b4",
+    8: "#f6dada",
+    9: "#faebea"
+  };
+  var slateGrey2 = {
+    0: "#07080a",
+    1: "#0f1318",
+    2: "#0e1114",
+    3: "#1c222a",
+    4: "#2b333f",
+    5: "#394454",
+    6: "#475569",
+    7: "#677384",
+    8: "#87919f",
+    9: "#a8afba",
+    10: "#cbd0d7",
+    11: "#e8eaee",
+    12: "#f6f7f9"
+  };
+  var green2 = {
+    0: "#07230a",
+    1: "#0e4514",
+    2: "#16681e",
+    3: "#1d8a28",
+    4: "#24ad32",
+    5: "#4fbd5a",
+    6: "#7acd82",
+    7: "#a5deab",
+    8: "#d0eed3",
+    9: "#e5f6e7"
+  };
+  var yellow2 = {
+    0: "#301f09",
+    1: "#5f3e12",
+    2: "#8f5e1b",
+    3: "#be7d24",
+    4: "#ee9c2d",
+    5: "#f1b057",
+    6: "#f5c481",
+    7: "#f8d7ab",
+    8: "#fcebd5",
+    9: "#fdf5ea"
+  };
+  var red2 = {
+    0: "#330707",
+    1: "#660f0e",
+    2: "#991616",
+    3: "#cc1e1d",
+    4: "#ff2524",
+    5: "#ff5150",
+    6: "#ff7c7c",
+    7: "#ffa8a7",
+    8: "#ffd3d3",
+    9: "#ffe9e9"
+  };
+  var blue2 = {
+    0: "#051533",
+    1: "#0a2a66",
+    2: "#0f3f98",
+    3: "#1454cb",
+    4: "#1969fe",
+    5: "#4787fe",
+    6: "#75a5fe",
+    7: "#a3c3ff",
+    8: "#d1e1ff",
+    9: "#e8f0ff"
+  };
+  var orange2 = {
+    0: "#662500",
+    1: "#993d00",
+    2: "#cc5800",
+    3: "#ff7700",
+    4: "#fea85d",
+    5: "#fec58f",
+    6: "#ffd6ae",
+    7: "#fee6cd",
+    8: "#fff1e1",
+    9: "#fff8f0"
+  };
+  var purple2 = {
+    0: "#151229",
+    1: "#2a2452",
+    2: "#40357c",
+    3: "#5547a5",
+    4: "#6a59ce",
+    5: "#887ad8",
+    6: "#a69be2",
+    7: "#c3bdeb",
+    8: "#e1def5",
+    9: "#f0eefa"
+  };
+  var pink2 = {
+    0: "#37091f",
+    1: "#69123c",
+    2: "#9b1c58",
+    3: "#cd2575",
+    4: "#ff2e92",
+    5: "#ff58a8",
+    6: "#ff82be",
+    7: "#ffabd3",
+    8: "#ffd5e9",
+    9: "#ffeaf4"
+  };
+  var text2 = {
+    primary: slateGrey2[10],
+    secondary: slateGrey2[9],
+    tertiary: slateGrey2[8]
+  };
+  var background2 = {
+    primary: slateGrey2[2],
+    secondary: slateGrey2[0]
+  };
+  var border2 = {
+    primary: slateGrey2[4],
+    secondary: slateGrey2[3]
+  };
+  var button2 = {
+    primary: {
+      text: base2.white,
+      icon: base2.white,
+      border: brand2[3],
+      backgroundDefault: brand2[3],
+      backgroundHover: brand2[2]
+    },
+    neutral: {
+      text: slateGrey2[10],
+      textHover: base2.white,
+      icon: slateGrey2[10],
+      iconHover: base2.white,
+      border: slateGrey2[4],
+      background: slateGrey2[2]
+    },
+    link: {
+      text: base2.white,
+      icon: base2.white,
+      hover: brand2[5]
+    },
+    error: {
+      text: red2[5],
+      hover: red2[6]
+    },
+    success: {
+      text: green2[5],
+      hover: green2[6]
     }
   };
-  e5.directiveName = "unsafeHTML", e5.resultType = 1;
-  var o6 = e4(e5);
-
-  // ../../node_modules/marked/lib/marked.esm.js
-  function M2() {
-    return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
-  }
-  var T2 = M2();
-  function G(u6) {
-    T2 = u6;
-  }
-  var _2 = { exec: () => null };
-  function k2(u6, e9 = "") {
-    let t6 = typeof u6 == "string" ? u6 : u6.source, n7 = { replace: (r5, i9) => {
-      let s8 = typeof i9 == "string" ? i9 : i9.source;
-      return s8 = s8.replace(m2.caret, "$1"), t6 = t6.replace(r5, s8), n7;
-    }, getRegex: () => new RegExp(t6, e9) };
-    return n7;
-  }
-  var Re = (() => {
-    try {
-      return !!new RegExp("(?<=1)(?<!1)");
-    } catch {
-      return false;
+  var badge2 = {
+    slateGrey: {
+      content: slateGrey2[10],
+      pillOutline: slateGrey2[10],
+      borderPrimary: slateGrey2[5],
+      borderSecondary: slateGrey2[5],
+      background: slateGrey2[3]
+    },
+    brand: {
+      content: brand2[9],
+      pillOutline: brand2[9],
+      borderPrimary: brand2[6],
+      borderSecondary: brand2[6],
+      background: brand2[0]
+    },
+    red: {
+      content: red2[8],
+      pillOutline: red2[4],
+      borderPrimary: red2[2],
+      borderSecondary: red2[2],
+      background: red2[0]
+    },
+    yellow: {
+      content: yellow2[8],
+      pillOutline: yellow2[4],
+      borderPrimary: yellow2[2],
+      borderSecondary: yellow2[2],
+      background: yellow2[0]
+    },
+    green: {
+      content: green2[8],
+      pillOutline: green2[4],
+      borderPrimary: green2[2],
+      borderSecondary: green2[2],
+      background: green2[0]
+    },
+    purple: {
+      content: purple2[8],
+      pillOutline: purple2[4],
+      borderPrimary: purple2[2],
+      borderSecondary: purple2[2],
+      background: purple2[0]
+    },
+    blue: {
+      content: blue2[8],
+      pillOutline: blue2[4],
+      borderPrimary: blue2[2],
+      borderSecondary: blue2[2],
+      background: blue2[0]
+    },
+    orange: {
+      content: orange2[8],
+      pillOutline: orange2[4],
+      borderPrimary: orange2[2],
+      borderSecondary: orange2[2],
+      background: orange2[0]
+    },
+    pink: {
+      content: pink2[8],
+      pillOutline: pink2[4],
+      borderPrimary: pink2[2],
+      borderSecondary: pink2[2],
+      background: pink2[0]
+    }
+  };
+  var badgeBanner2 = {
+    green: {
+      content: green2[8],
+      border: green2[2],
+      background: green2[0]
+    },
+    yellow: {
+      content: yellow2[8],
+      border: yellow2[2],
+      background: yellow2[0]
+    },
+    red: {
+      content: red2[8],
+      border: red2[2],
+      background: red2[0]
+    }
+  };
+  var alert2 = {
+    green: {
+      content: green2[1],
+      background: green2[9]
+    },
+    yellow: {
+      content: yellow2[1],
+      background: yellow2[9]
+    },
+    red: {
+      content: red2[1],
+      background: red2[9]
+    }
+  };
+  var tag2 = {
+    content: slateGrey2[10],
+    border: slateGrey2[4],
+    background: slateGrey2[3]
+  };
+  var menu2 = {
+    backgroundDefault: slateGrey2[2],
+    backgroundHover: slateGrey2[1],
+    selected: slateGrey2[3]
+  };
+  var inputDropdown2 = {
+    background: slateGrey2[2],
+    icon: slateGrey2[10],
+    borderDefault: slateGrey2[4],
+    borderSelected: brand2[3],
+    textLabel: slateGrey2[9],
+    textPlaceholder: slateGrey2[8],
+    textHint: slateGrey2[8]
+  };
+  var inputField2 = {
+    backgroundDefault: slateGrey2[2],
+    backgroundDisabled: slateGrey2[0],
+    textLabel: slateGrey2[9],
+    textPlaceholder: slateGrey2[8],
+    textHint: slateGrey2[8],
+    textError: red2[5],
+    iconDefault: slateGrey2[9],
+    iconPlaceholder: slateGrey2[10],
+    iconError: red2[5],
+    borderDefault: slateGrey2[4],
+    borderSelected: brand2[3],
+    borderError: red2[5]
+  };
+  var toggle2 = {
+    handleDefault: base2.white,
+    handleDisabled: slateGrey2[10],
+    off: {
+      backgroundDefault: slateGrey2[4],
+      backgroundHover: slateGrey2[5],
+      backgroundDisabled: slateGrey2[4]
+    },
+    on: {
+      backgroundDefault: green2[3],
+      backgroundHover: green2[2],
+      backgroundDisabled: slateGrey2[4]
+    }
+  };
+  var checkbox2 = {
+    off: {
+      backgroundDefault: "#00000000",
+      backgroundHover: slateGrey2[5],
+      backgroundDisabled: slateGrey2[2],
+      border: slateGrey2[6]
+    },
+    on: {
+      backgroundDefault: green2[0],
+      backgroundHover: green2[1],
+      backgroundDisabled: slateGrey2[2],
+      border: green2[3]
+    }
+  };
+  var avatar2 = {
+    content: slateGrey2[10],
+    background: slateGrey2[4]
+  };
+  var progressBarSlider2 = {
+    background: slateGrey2[4],
+    active: green2[3]
+  };
+  var card2 = {
+    background: slateGrey2[1],
+    content: slateGrey2[9],
+    border: slateGrey2[4]
+  };
+  var sidebar2 = {
+    backgroundDefault: slateGrey2[1],
+    backgroundHover: slateGrey2[3],
+    backgroundActive: slateGrey2[4],
+    border: slateGrey2[4],
+    contentPrimary: slateGrey2[10],
+    contentSecondary: slateGrey2[9],
+    contentTertiary: slateGrey2[8]
+  };
+  var modal2 = {
+    background: slateGrey2[1],
+    content: slateGrey2[9],
+    border: slateGrey2[4]
+  };
+  var tab2 = {
+    activeBackground: slateGrey2[3],
+    activeContent: brand2[5],
+    inactiveContent: slateGrey2[9],
+    border: slateGrey2[4]
+  };
+  var table2 = {
+    header: {
+      textDefault: slateGrey2[9],
+      textHover: slateGrey2[8],
+      backgroundDefault: slateGrey2[1]
+    },
+    border: slateGrey2[4],
+    cell: {
+      textPrimary: slateGrey2[10],
+      textSecondary: slateGrey2[9],
+      backgroundDefault: slateGrey2[2],
+      backgroundHover: slateGrey2[1]
+    }
+  };
+  var breadcrumbs2 = {
+    textPrimaryDefault: slateGrey2[10],
+    textPrimaryHover: slateGrey2[10],
+    textSecondaryDefault: slateGrey2[8],
+    textSecondaryHover: slateGrey2[9],
+    iconPrimary: slateGrey2[10],
+    iconSecondary: slateGrey2[8]
+  };
+  var loadingIndicator2 = {
+    background: green2[1],
+    active: green2[5]
+  };
+  var datePicker2 = {
+    textDefault: slateGrey2[10],
+    textSelected: base2.white,
+    textDisabled: slateGrey2[7],
+    backgroundDefault: slateGrey2[2],
+    backgroundMiddle: slateGrey2[3],
+    backgroundSelected: brand2[3],
+    border: slateGrey2[4]
+  };
+  var scroll2 = slateGrey2[9];
+  var fab2 = {
+    /** Diameter in pixels. */
+    size: 56,
+    /** Inset from the panel's top-left corner in pixels. */
+    inset: 12,
+    /** Background color (always the brand black). */
+    background: base2.black,
+    /** Icon / logo color. */
+    color: base2.white,
+    /** Border — 2px brand red ring. */
+    border: `2px solid ${brand2[3]}`,
+    /** Shadow when the panel is open (inner ring for "active" state). */
+    shadowOpen: "0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)",
+    /** Shadow when the panel is closed. */
+    shadowClosed: "0 4px 24px rgba(0,0,0,0.6)"
+  };
+
+  // ../../node_modules/lit-html/directives/unsafe-html.js
+  var e5 = class extends i5 {
+    constructor(i9) {
+      if (super(i9), this.it = A, i9.type !== t3.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    }
+    render(r5) {
+      if (r5 === A || null == r5) return this._t = void 0, this.it = r5;
+      if (r5 === E) return r5;
+      if ("string" != typeof r5) throw Error(this.constructor.directiveName + "() called with a non-string value");
+      if (r5 === this.it) return this._t;
+      this.it = r5;
+      const s8 = [r5];
+      return s8.raw = s8, this._t = { _$litType$: this.constructor.resultType, strings: s8, values: [] };
+    }
+  };
+  e5.directiveName = "unsafeHTML", e5.resultType = 1;
+  var o6 = e4(e5);
+
+  // ../../node_modules/marked/lib/marked.esm.js
+  function M2() {
+    return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
+  }
+  var T2 = M2();
+  function G(u6) {
+    T2 = u6;
+  }
+  var _2 = { exec: () => null };
+  function k2(u6, e9 = "") {
+    let t6 = typeof u6 == "string" ? u6 : u6.source, n7 = { replace: (r5, i9) => {
+      let s8 = typeof i9 == "string" ? i9 : i9.source;
+      return s8 = s8.replace(m2.caret, "$1"), t6 = t6.replace(r5, s8), n7;
+    }, getRegex: () => new RegExp(t6, e9) };
+    return n7;
+  }
+  var Re = (() => {
+    try {
+      return !!new RegExp("(?<=1)(?<!1)");
+    } catch {
+      return false;
     }
   })();
   var m2 = { codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm, outputLinkReplace: /\\([\[\]])/g, indentCodeCompensation: /^(\s+)(?:```)/, beginningSpace: /^\s+/, endingHash: /#$/, startingSpaceChar: /^ /, endingSpaceChar: / $/, nonSpaceChar: /[^ ]/, newLineCharGlobal: /\n/g, tabCharGlobal: /\t/g, multipleSpaceGlobal: /\s+/g, blankLine: /^[ \t]*$/, doubleBlankLine: /\n[ \t]*\n[ \t]*$/, blockquoteStart: /^ {0,3}>/, blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g, blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm, listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g, listIsTask: /^\[[ xX]\] +\S/, listReplaceTask: /^\[[ xX]\] +/, listTaskCheckbox: /\[[ xX]\]/, anyLine: /\n.*\n/, hrefBrackets: /^<(.*)>$/, tableDelimiter: /[:|]/, tableAlignChars: /^\||\| *$/g, tableRowBlankLine: /\n[ \t]*$/, tableAlignRight: /^ *-+: *$/, tableAlignCenter: /^ *:-+: *$/, tableAlignLeft: /^ *:-+ *$/, startATag: /^<a /i, endATag: /^<\/a>/i, startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i, endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i, startAngleBracket: /^</, endAngleBracket: />$/, pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/, unicodeAlphaNumeric: /[\p{L}\p{N}]/u, escapeTest: /[&<>"']/, escapeReplace: /[&<>"']/g, escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g, caret: /(^|[^\[])\^/g, percentDecode: /%25/g, findPipe: /\|/g, splitPipe: / \|/, slashPipe: /\\\|/g, carriageReturn: /\r\n|\r/g, spaceLine: /^ +$/gm, notSpaceStart: /^\S*/, endingNewline: /\n$/, listItemRegex: (u6) => new RegExp(`^( {0,3}${u6})((?:[	 ][^\\n]*)?(?:\\n|$))`), nextBulletRegex: (u6) => new RegExp(`^ {0,${Math.min(3, u6 - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), hrRegex: (u6) => new RegExp(`^ {0,${Math.min(3, u6 - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), fencesBeginRegex: (u6) => new RegExp(`^ {0,${Math.min(3, u6 - 1)}}(?:\`\`\`|~~~)`), headingBeginRegex: (u6) => new RegExp(`^ {0,${Math.min(3, u6 - 1)}}#`), htmlBeginRegex: (u6) => new RegExp(`^ {0,${Math.min(3, u6 - 1)}}<(?:[a-z].*>|!--)`, "i"), blockquoteBeginRegex: (u6) => new RegExp(`^ {0,${Math.min(3, u6 - 1)}}>`) };
@@ -6917,669 +7319,269 @@ ${e9}</tr>
           break;
         }
         default: {
-          let i9 = r5;
-          this.defaults.extensions?.childTokens?.[i9.type] ? this.defaults.extensions.childTokens[i9.type].forEach((s8) => {
-            let a4 = i9[s8].flat(1 / 0);
-            n7 = n7.concat(this.walkTokens(a4, t6));
-          }) : i9.tokens && (n7 = n7.concat(this.walkTokens(i9.tokens, t6)));
-        }
-      }
-      return n7;
-    }
-    use(...e9) {
-      let t6 = this.defaults.extensions || { renderers: {}, childTokens: {} };
-      return e9.forEach((n7) => {
-        let r5 = { ...n7 };
-        if (r5.async = this.defaults.async || r5.async || false, n7.extensions && (n7.extensions.forEach((i9) => {
-          if (!i9.name) throw new Error("extension name required");
-          if ("renderer" in i9) {
-            let s8 = t6.renderers[i9.name];
-            s8 ? t6.renderers[i9.name] = function(...a4) {
-              let o8 = i9.renderer.apply(this, a4);
-              return o8 === false && (o8 = s8.apply(this, a4)), o8;
-            } : t6.renderers[i9.name] = i9.renderer;
-          }
-          if ("tokenizer" in i9) {
-            if (!i9.level || i9.level !== "block" && i9.level !== "inline") throw new Error("extension level must be 'block' or 'inline'");
-            let s8 = t6[i9.level];
-            s8 ? s8.unshift(i9.tokenizer) : t6[i9.level] = [i9.tokenizer], i9.start && (i9.level === "block" ? t6.startBlock ? t6.startBlock.push(i9.start) : t6.startBlock = [i9.start] : i9.level === "inline" && (t6.startInline ? t6.startInline.push(i9.start) : t6.startInline = [i9.start]));
-          }
-          "childTokens" in i9 && i9.childTokens && (t6.childTokens[i9.name] = i9.childTokens);
-        }), r5.extensions = t6), n7.renderer) {
-          let i9 = this.defaults.renderer || new y3(this.defaults);
-          for (let s8 in n7.renderer) {
-            if (!(s8 in i9)) throw new Error(`renderer '${s8}' does not exist`);
-            if (["options", "parser"].includes(s8)) continue;
-            let a4 = s8, o8 = n7.renderer[a4], l4 = i9[a4];
-            i9[a4] = (...p4) => {
-              let c6 = o8.apply(i9, p4);
-              return c6 === false && (c6 = l4.apply(i9, p4)), c6 || "";
-            };
-          }
-          r5.renderer = i9;
-        }
-        if (n7.tokenizer) {
-          let i9 = this.defaults.tokenizer || new w2(this.defaults);
-          for (let s8 in n7.tokenizer) {
-            if (!(s8 in i9)) throw new Error(`tokenizer '${s8}' does not exist`);
-            if (["options", "rules", "lexer"].includes(s8)) continue;
-            let a4 = s8, o8 = n7.tokenizer[a4], l4 = i9[a4];
-            i9[a4] = (...p4) => {
-              let c6 = o8.apply(i9, p4);
-              return c6 === false && (c6 = l4.apply(i9, p4)), c6;
-            };
-          }
-          r5.tokenizer = i9;
-        }
-        if (n7.hooks) {
-          let i9 = this.defaults.hooks || new P2();
-          for (let s8 in n7.hooks) {
-            if (!(s8 in i9)) throw new Error(`hook '${s8}' does not exist`);
-            if (["options", "block"].includes(s8)) continue;
-            let a4 = s8, o8 = n7.hooks[a4], l4 = i9[a4];
-            P2.passThroughHooks.has(s8) ? i9[a4] = (p4) => {
-              if (this.defaults.async && P2.passThroughHooksRespectAsync.has(s8)) return (async () => {
-                let d4 = await o8.call(i9, p4);
-                return l4.call(i9, d4);
-              })();
-              let c6 = o8.call(i9, p4);
-              return l4.call(i9, c6);
-            } : i9[a4] = (...p4) => {
-              if (this.defaults.async) return (async () => {
-                let d4 = await o8.apply(i9, p4);
-                return d4 === false && (d4 = await l4.apply(i9, p4)), d4;
-              })();
-              let c6 = o8.apply(i9, p4);
-              return c6 === false && (c6 = l4.apply(i9, p4)), c6;
-            };
-          }
-          r5.hooks = i9;
-        }
-        if (n7.walkTokens) {
-          let i9 = this.defaults.walkTokens, s8 = n7.walkTokens;
-          r5.walkTokens = function(a4) {
-            let o8 = [];
-            return o8.push(s8.call(this, a4)), i9 && (o8 = o8.concat(i9.call(this, a4))), o8;
-          };
-        }
-        this.defaults = { ...this.defaults, ...r5 };
-      }), this;
-    }
-    setOptions(e9) {
-      return this.defaults = { ...this.defaults, ...e9 }, this;
-    }
-    lexer(e9, t6) {
-      return x2.lex(e9, t6 ?? this.defaults);
-    }
-    parser(e9, t6) {
-      return b3.parse(e9, t6 ?? this.defaults);
-    }
-    parseMarkdown(e9) {
-      return (n7, r5) => {
-        let i9 = { ...r5 }, s8 = { ...this.defaults, ...i9 }, a4 = this.onError(!!s8.silent, !!s8.async);
-        if (this.defaults.async === true && i9.async === false) return a4(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
-        if (typeof n7 > "u" || n7 === null) return a4(new Error("marked(): input parameter is undefined or null"));
-        if (typeof n7 != "string") return a4(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n7) + ", string expected"));
-        if (s8.hooks && (s8.hooks.options = s8, s8.hooks.block = e9), s8.async) return (async () => {
-          let o8 = s8.hooks ? await s8.hooks.preprocess(n7) : n7, p4 = await (s8.hooks ? await s8.hooks.provideLexer() : e9 ? x2.lex : x2.lexInline)(o8, s8), c6 = s8.hooks ? await s8.hooks.processAllTokens(p4) : p4;
-          s8.walkTokens && await Promise.all(this.walkTokens(c6, s8.walkTokens));
-          let h4 = await (s8.hooks ? await s8.hooks.provideParser() : e9 ? b3.parse : b3.parseInline)(c6, s8);
-          return s8.hooks ? await s8.hooks.postprocess(h4) : h4;
-        })().catch(a4);
-        try {
-          s8.hooks && (n7 = s8.hooks.preprocess(n7));
-          let l4 = (s8.hooks ? s8.hooks.provideLexer() : e9 ? x2.lex : x2.lexInline)(n7, s8);
-          s8.hooks && (l4 = s8.hooks.processAllTokens(l4)), s8.walkTokens && this.walkTokens(l4, s8.walkTokens);
-          let c6 = (s8.hooks ? s8.hooks.provideParser() : e9 ? b3.parse : b3.parseInline)(l4, s8);
-          return s8.hooks && (c6 = s8.hooks.postprocess(c6)), c6;
-        } catch (o8) {
-          return a4(o8);
-        }
-      };
-    }
-    onError(e9, t6) {
-      return (n7) => {
-        if (n7.message += `
-Please report this to https://github.com/markedjs/marked.`, e9) {
-          let r5 = "<p>An error occurred:</p><pre>" + O(n7.message + "", true) + "</pre>";
-          return t6 ? Promise.resolve(r5) : r5;
-        }
-        if (t6) return Promise.reject(n7);
-        throw n7;
-      };
-    }
-  };
-  var L2 = new B2();
-  function g2(u6, e9) {
-    return L2.parse(u6, e9);
-  }
-  g2.options = g2.setOptions = function(u6) {
-    return L2.setOptions(u6), g2.defaults = L2.defaults, G(g2.defaults), g2;
-  };
-  g2.getDefaults = M2;
-  g2.defaults = T2;
-  g2.use = function(...u6) {
-    return L2.use(...u6), g2.defaults = L2.defaults, G(g2.defaults), g2;
-  };
-  g2.walkTokens = function(u6, e9) {
-    return L2.walkTokens(u6, e9);
-  };
-  g2.parseInline = L2.parseInline;
-  g2.Parser = b3;
-  g2.parser = b3.parse;
-  g2.Renderer = y3;
-  g2.TextRenderer = $2;
-  g2.Lexer = x2;
-  g2.lexer = x2.lex;
-  g2.Tokenizer = w2;
-  g2.Hooks = P2;
-  g2.parse = g2;
-  var Ut = g2.options;
-  var Kt = g2.setOptions;
-  var Wt = g2.use;
-  var Xt = g2.walkTokens;
-  var Jt = g2.parseInline;
-  var Yt = b3.parse;
-  var en = x2.lex;
-
-  // ../adaptives/adaptive-faq/dist/runtime.js
-  function resolveItem(store, itemId, itemQuestion) {
-    if (itemId) {
-      const found = store.getState().items.find((i9) => i9.config.id === itemId);
-      if (found) return found;
-    }
-    if (itemQuestion) {
-      const found = store.findByQuestion(itemQuestion);
-      if (found) return found;
-    }
-    throw new Error("FAQ item not found");
-  }
-  async function executeScrollToFaq(action, context, store) {
-    const item = resolveItem(store, action.itemId, action.itemQuestion);
-    const { id } = item.config;
-    if (action.expand !== false) {
-      store.expand(id);
-    }
-    const el = document.querySelector(`[data-faq-item-id="${id}"]`);
-    if (el) {
-      el.scrollIntoView({
-        behavior: action.behavior ?? "smooth"
-      });
-    }
-    context.publishEvent("faq:scroll_to", { itemId: id });
-    return {
-      cleanup: () => {
-      }
-    };
-  }
-  async function executeToggleFaqItem(action, context, store) {
-    const item = resolveItem(store, action.itemId, action.itemQuestion);
-    const { id } = item.config;
-    const desiredState = action.state ?? "toggle";
-    let newState;
-    switch (desiredState) {
-      case "open":
-        store.expand(id);
-        newState = "open";
-        break;
-      case "closed":
-        store.collapse(id);
-        newState = "closed";
-        break;
-      default: {
-        const wasExpanded = store.getState().expandedItems.has(id);
-        store.toggle(id);
-        newState = wasExpanded ? "closed" : "open";
-        break;
-      }
-    }
-    context.publishEvent("faq:toggle", { itemId: id, newState });
-    return {
-      cleanup: () => {
-      }
-    };
-  }
-  async function executeUpdateFaq(action, context, store) {
-    switch (action.operation) {
-      case "add": {
-        const items = action.items ?? [];
-        const position2 = action.position === "prepend" ? "prepend" : "append";
-        store.addItems(items, position2);
-        break;
-      }
-      case "remove": {
-        if (!action.itemId) {
-          throw new Error("FAQ item not found");
-        }
-        const exists = store.getState().items.some((i9) => i9.config.id === action.itemId);
-        if (!exists) {
-          throw new Error("FAQ item not found");
-        }
-        store.removeItem(action.itemId);
-        break;
-      }
-      case "reorder": {
-        const order = action.order ?? [];
-        store.reorderItems(order);
-        break;
-      }
-      case "replace": {
-        const items = action.items ?? [];
-        store.replaceItems(items);
-        break;
-      }
-    }
-    context.publishEvent("faq:update", { operation: action.operation });
-    return {
-      cleanup: () => {
-      }
-    };
-  }
-  var executorDefinitions = [
-    { kind: "faq:scroll_to", executor: executeScrollToFaq },
-    { kind: "faq:toggle_item", executor: executeToggleFaqItem },
-    { kind: "faq:update", executor: executeUpdateFaq }
-  ];
-  var base2 = {
-    white: "#ffffff",
-    black: "#000000"
-  };
-  var brand2 = {
-    0: "#2c0b0a",
-    1: "#5b1715",
-    2: "#89221f",
-    3: "#b72e2a",
-    4: "#d44844",
-    5: "#dd6d69",
-    6: "#e5918f",
-    7: "#eeb6b4",
-    8: "#f6dada",
-    9: "#faebea"
-  };
-  var slateGrey2 = {
-    0: "#07080a",
-    1: "#0f1318",
-    2: "#0e1114",
-    3: "#1c222a",
-    4: "#2b333f",
-    5: "#394454",
-    6: "#475569",
-    7: "#677384",
-    8: "#87919f",
-    9: "#a8afba",
-    10: "#cbd0d7",
-    11: "#e8eaee",
-    12: "#f6f7f9"
-  };
-  var green2 = {
-    0: "#07230a",
-    1: "#0e4514",
-    2: "#16681e",
-    3: "#1d8a28",
-    4: "#24ad32",
-    5: "#4fbd5a",
-    6: "#7acd82",
-    7: "#a5deab",
-    8: "#d0eed3",
-    9: "#e5f6e7"
-  };
-  var yellow2 = {
-    0: "#301f09",
-    1: "#5f3e12",
-    2: "#8f5e1b",
-    3: "#be7d24",
-    4: "#ee9c2d",
-    5: "#f1b057",
-    6: "#f5c481",
-    7: "#f8d7ab",
-    8: "#fcebd5",
-    9: "#fdf5ea"
-  };
-  var red2 = {
-    0: "#330707",
-    1: "#660f0e",
-    2: "#991616",
-    3: "#cc1e1d",
-    4: "#ff2524",
-    5: "#ff5150",
-    6: "#ff7c7c",
-    7: "#ffa8a7",
-    8: "#ffd3d3",
-    9: "#ffe9e9"
-  };
-  var blue2 = {
-    0: "#051533",
-    1: "#0a2a66",
-    2: "#0f3f98",
-    3: "#1454cb",
-    4: "#1969fe",
-    5: "#4787fe",
-    6: "#75a5fe",
-    7: "#a3c3ff",
-    8: "#d1e1ff",
-    9: "#e8f0ff"
-  };
-  var orange2 = {
-    0: "#662500",
-    1: "#993d00",
-    2: "#cc5800",
-    3: "#ff7700",
-    4: "#fea85d",
-    5: "#fec58f",
-    6: "#ffd6ae",
-    7: "#fee6cd",
-    8: "#fff1e1",
-    9: "#fff8f0"
-  };
-  var purple2 = {
-    0: "#151229",
-    1: "#2a2452",
-    2: "#40357c",
-    3: "#5547a5",
-    4: "#6a59ce",
-    5: "#887ad8",
-    6: "#a69be2",
-    7: "#c3bdeb",
-    8: "#e1def5",
-    9: "#f0eefa"
-  };
-  var pink2 = {
-    0: "#37091f",
-    1: "#69123c",
-    2: "#9b1c58",
-    3: "#cd2575",
-    4: "#ff2e92",
-    5: "#ff58a8",
-    6: "#ff82be",
-    7: "#ffabd3",
-    8: "#ffd5e9",
-    9: "#ffeaf4"
-  };
-  var text2 = {
-    primary: slateGrey2[10],
-    secondary: slateGrey2[9],
-    tertiary: slateGrey2[8]
-  };
-  var background2 = {
-    primary: slateGrey2[2],
-    secondary: slateGrey2[0]
-  };
-  var border2 = {
-    primary: slateGrey2[4],
-    secondary: slateGrey2[3]
-  };
-  var button2 = {
-    primary: {
-      text: base2.white,
-      icon: base2.white,
-      border: brand2[3],
-      backgroundDefault: brand2[3],
-      backgroundHover: brand2[2]
-    },
-    neutral: {
-      text: slateGrey2[10],
-      textHover: base2.white,
-      icon: slateGrey2[10],
-      iconHover: base2.white,
-      border: slateGrey2[4],
-      background: slateGrey2[2]
-    },
-    link: {
-      text: base2.white,
-      icon: base2.white,
-      hover: brand2[5]
-    },
-    error: {
-      text: red2[5],
-      hover: red2[6]
-    },
-    success: {
-      text: green2[5],
-      hover: green2[6]
-    }
-  };
-  var badge2 = {
-    slateGrey: {
-      content: slateGrey2[10],
-      pillOutline: slateGrey2[10],
-      borderPrimary: slateGrey2[5],
-      borderSecondary: slateGrey2[5],
-      background: slateGrey2[3]
-    },
-    brand: {
-      content: brand2[9],
-      pillOutline: brand2[9],
-      borderPrimary: brand2[6],
-      borderSecondary: brand2[6],
-      background: brand2[0]
-    },
-    red: {
-      content: red2[8],
-      pillOutline: red2[4],
-      borderPrimary: red2[2],
-      borderSecondary: red2[2],
-      background: red2[0]
-    },
-    yellow: {
-      content: yellow2[8],
-      pillOutline: yellow2[4],
-      borderPrimary: yellow2[2],
-      borderSecondary: yellow2[2],
-      background: yellow2[0]
-    },
-    green: {
-      content: green2[8],
-      pillOutline: green2[4],
-      borderPrimary: green2[2],
-      borderSecondary: green2[2],
-      background: green2[0]
-    },
-    purple: {
-      content: purple2[8],
-      pillOutline: purple2[4],
-      borderPrimary: purple2[2],
-      borderSecondary: purple2[2],
-      background: purple2[0]
-    },
-    blue: {
-      content: blue2[8],
-      pillOutline: blue2[4],
-      borderPrimary: blue2[2],
-      borderSecondary: blue2[2],
-      background: blue2[0]
-    },
-    orange: {
-      content: orange2[8],
-      pillOutline: orange2[4],
-      borderPrimary: orange2[2],
-      borderSecondary: orange2[2],
-      background: orange2[0]
-    },
-    pink: {
-      content: pink2[8],
-      pillOutline: pink2[4],
-      borderPrimary: pink2[2],
-      borderSecondary: pink2[2],
-      background: pink2[0]
+          let i9 = r5;
+          this.defaults.extensions?.childTokens?.[i9.type] ? this.defaults.extensions.childTokens[i9.type].forEach((s8) => {
+            let a4 = i9[s8].flat(1 / 0);
+            n7 = n7.concat(this.walkTokens(a4, t6));
+          }) : i9.tokens && (n7 = n7.concat(this.walkTokens(i9.tokens, t6)));
+        }
+      }
+      return n7;
     }
-  };
-  var badgeBanner2 = {
-    green: {
-      content: green2[8],
-      border: green2[2],
-      background: green2[0]
-    },
-    yellow: {
-      content: yellow2[8],
-      border: yellow2[2],
-      background: yellow2[0]
-    },
-    red: {
-      content: red2[8],
-      border: red2[2],
-      background: red2[0]
+    use(...e9) {
+      let t6 = this.defaults.extensions || { renderers: {}, childTokens: {} };
+      return e9.forEach((n7) => {
+        let r5 = { ...n7 };
+        if (r5.async = this.defaults.async || r5.async || false, n7.extensions && (n7.extensions.forEach((i9) => {
+          if (!i9.name) throw new Error("extension name required");
+          if ("renderer" in i9) {
+            let s8 = t6.renderers[i9.name];
+            s8 ? t6.renderers[i9.name] = function(...a4) {
+              let o8 = i9.renderer.apply(this, a4);
+              return o8 === false && (o8 = s8.apply(this, a4)), o8;
+            } : t6.renderers[i9.name] = i9.renderer;
+          }
+          if ("tokenizer" in i9) {
+            if (!i9.level || i9.level !== "block" && i9.level !== "inline") throw new Error("extension level must be 'block' or 'inline'");
+            let s8 = t6[i9.level];
+            s8 ? s8.unshift(i9.tokenizer) : t6[i9.level] = [i9.tokenizer], i9.start && (i9.level === "block" ? t6.startBlock ? t6.startBlock.push(i9.start) : t6.startBlock = [i9.start] : i9.level === "inline" && (t6.startInline ? t6.startInline.push(i9.start) : t6.startInline = [i9.start]));
+          }
+          "childTokens" in i9 && i9.childTokens && (t6.childTokens[i9.name] = i9.childTokens);
+        }), r5.extensions = t6), n7.renderer) {
+          let i9 = this.defaults.renderer || new y3(this.defaults);
+          for (let s8 in n7.renderer) {
+            if (!(s8 in i9)) throw new Error(`renderer '${s8}' does not exist`);
+            if (["options", "parser"].includes(s8)) continue;
+            let a4 = s8, o8 = n7.renderer[a4], l4 = i9[a4];
+            i9[a4] = (...p4) => {
+              let c6 = o8.apply(i9, p4);
+              return c6 === false && (c6 = l4.apply(i9, p4)), c6 || "";
+            };
+          }
+          r5.renderer = i9;
+        }
+        if (n7.tokenizer) {
+          let i9 = this.defaults.tokenizer || new w2(this.defaults);
+          for (let s8 in n7.tokenizer) {
+            if (!(s8 in i9)) throw new Error(`tokenizer '${s8}' does not exist`);
+            if (["options", "rules", "lexer"].includes(s8)) continue;
+            let a4 = s8, o8 = n7.tokenizer[a4], l4 = i9[a4];
+            i9[a4] = (...p4) => {
+              let c6 = o8.apply(i9, p4);
+              return c6 === false && (c6 = l4.apply(i9, p4)), c6;
+            };
+          }
+          r5.tokenizer = i9;
+        }
+        if (n7.hooks) {
+          let i9 = this.defaults.hooks || new P2();
+          for (let s8 in n7.hooks) {
+            if (!(s8 in i9)) throw new Error(`hook '${s8}' does not exist`);
+            if (["options", "block"].includes(s8)) continue;
+            let a4 = s8, o8 = n7.hooks[a4], l4 = i9[a4];
+            P2.passThroughHooks.has(s8) ? i9[a4] = (p4) => {
+              if (this.defaults.async && P2.passThroughHooksRespectAsync.has(s8)) return (async () => {
+                let d4 = await o8.call(i9, p4);
+                return l4.call(i9, d4);
+              })();
+              let c6 = o8.call(i9, p4);
+              return l4.call(i9, c6);
+            } : i9[a4] = (...p4) => {
+              if (this.defaults.async) return (async () => {
+                let d4 = await o8.apply(i9, p4);
+                return d4 === false && (d4 = await l4.apply(i9, p4)), d4;
+              })();
+              let c6 = o8.apply(i9, p4);
+              return c6 === false && (c6 = l4.apply(i9, p4)), c6;
+            };
+          }
+          r5.hooks = i9;
+        }
+        if (n7.walkTokens) {
+          let i9 = this.defaults.walkTokens, s8 = n7.walkTokens;
+          r5.walkTokens = function(a4) {
+            let o8 = [];
+            return o8.push(s8.call(this, a4)), i9 && (o8 = o8.concat(i9.call(this, a4))), o8;
+          };
+        }
+        this.defaults = { ...this.defaults, ...r5 };
+      }), this;
     }
-  };
-  var alert2 = {
-    green: {
-      content: green2[1],
-      background: green2[9]
-    },
-    yellow: {
-      content: yellow2[1],
-      background: yellow2[9]
-    },
-    red: {
-      content: red2[1],
-      background: red2[9]
+    setOptions(e9) {
+      return this.defaults = { ...this.defaults, ...e9 }, this;
     }
-  };
-  var tag2 = {
-    content: slateGrey2[10],
-    border: slateGrey2[4],
-    background: slateGrey2[3]
-  };
-  var menu2 = {
-    backgroundDefault: slateGrey2[2],
-    backgroundHover: slateGrey2[1],
-    selected: slateGrey2[3]
-  };
-  var inputDropdown2 = {
-    background: slateGrey2[2],
-    icon: slateGrey2[10],
-    borderDefault: slateGrey2[4],
-    borderSelected: brand2[3],
-    textLabel: slateGrey2[9],
-    textPlaceholder: slateGrey2[8],
-    textHint: slateGrey2[8]
-  };
-  var inputField2 = {
-    backgroundDefault: slateGrey2[2],
-    backgroundDisabled: slateGrey2[0],
-    textLabel: slateGrey2[9],
-    textPlaceholder: slateGrey2[8],
-    textHint: slateGrey2[8],
-    textError: red2[5],
-    iconDefault: slateGrey2[9],
-    iconPlaceholder: slateGrey2[10],
-    iconError: red2[5],
-    borderDefault: slateGrey2[4],
-    borderSelected: brand2[3],
-    borderError: red2[5]
-  };
-  var toggle2 = {
-    handleDefault: base2.white,
-    handleDisabled: slateGrey2[10],
-    off: {
-      backgroundDefault: slateGrey2[4],
-      backgroundHover: slateGrey2[5],
-      backgroundDisabled: slateGrey2[4]
-    },
-    on: {
-      backgroundDefault: green2[3],
-      backgroundHover: green2[2],
-      backgroundDisabled: slateGrey2[4]
+    lexer(e9, t6) {
+      return x2.lex(e9, t6 ?? this.defaults);
     }
-  };
-  var checkbox2 = {
-    off: {
-      backgroundDefault: "#00000000",
-      backgroundHover: slateGrey2[5],
-      backgroundDisabled: slateGrey2[2],
-      border: slateGrey2[6]
-    },
-    on: {
-      backgroundDefault: green2[0],
-      backgroundHover: green2[1],
-      backgroundDisabled: slateGrey2[2],
-      border: green2[3]
+    parser(e9, t6) {
+      return b3.parse(e9, t6 ?? this.defaults);
     }
-  };
-  var avatar2 = {
-    content: slateGrey2[10],
-    background: slateGrey2[4]
-  };
-  var progressBarSlider2 = {
-    background: slateGrey2[4],
-    active: green2[3]
-  };
-  var card2 = {
-    background: slateGrey2[1],
-    content: slateGrey2[9],
-    border: slateGrey2[4]
-  };
-  var sidebar2 = {
-    backgroundDefault: slateGrey2[1],
-    backgroundHover: slateGrey2[3],
-    backgroundActive: slateGrey2[4],
-    border: slateGrey2[4],
-    contentPrimary: slateGrey2[10],
-    contentSecondary: slateGrey2[9],
-    contentTertiary: slateGrey2[8]
-  };
-  var modal2 = {
-    background: slateGrey2[1],
-    content: slateGrey2[9],
-    border: slateGrey2[4]
-  };
-  var tab2 = {
-    activeBackground: slateGrey2[3],
-    activeContent: brand2[5],
-    inactiveContent: slateGrey2[9],
-    border: slateGrey2[4]
-  };
-  var table2 = {
-    header: {
-      textDefault: slateGrey2[9],
-      textHover: slateGrey2[8],
-      backgroundDefault: slateGrey2[1]
-    },
-    border: slateGrey2[4],
-    cell: {
-      textPrimary: slateGrey2[10],
-      textSecondary: slateGrey2[9],
-      backgroundDefault: slateGrey2[2],
-      backgroundHover: slateGrey2[1]
+    parseMarkdown(e9) {
+      return (n7, r5) => {
+        let i9 = { ...r5 }, s8 = { ...this.defaults, ...i9 }, a4 = this.onError(!!s8.silent, !!s8.async);
+        if (this.defaults.async === true && i9.async === false) return a4(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
+        if (typeof n7 > "u" || n7 === null) return a4(new Error("marked(): input parameter is undefined or null"));
+        if (typeof n7 != "string") return a4(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n7) + ", string expected"));
+        if (s8.hooks && (s8.hooks.options = s8, s8.hooks.block = e9), s8.async) return (async () => {
+          let o8 = s8.hooks ? await s8.hooks.preprocess(n7) : n7, p4 = await (s8.hooks ? await s8.hooks.provideLexer() : e9 ? x2.lex : x2.lexInline)(o8, s8), c6 = s8.hooks ? await s8.hooks.processAllTokens(p4) : p4;
+          s8.walkTokens && await Promise.all(this.walkTokens(c6, s8.walkTokens));
+          let h4 = await (s8.hooks ? await s8.hooks.provideParser() : e9 ? b3.parse : b3.parseInline)(c6, s8);
+          return s8.hooks ? await s8.hooks.postprocess(h4) : h4;
+        })().catch(a4);
+        try {
+          s8.hooks && (n7 = s8.hooks.preprocess(n7));
+          let l4 = (s8.hooks ? s8.hooks.provideLexer() : e9 ? x2.lex : x2.lexInline)(n7, s8);
+          s8.hooks && (l4 = s8.hooks.processAllTokens(l4)), s8.walkTokens && this.walkTokens(l4, s8.walkTokens);
+          let c6 = (s8.hooks ? s8.hooks.provideParser() : e9 ? b3.parse : b3.parseInline)(l4, s8);
+          return s8.hooks && (c6 = s8.hooks.postprocess(c6)), c6;
+        } catch (o8) {
+          return a4(o8);
+        }
+      };
+    }
+    onError(e9, t6) {
+      return (n7) => {
+        if (n7.message += `
+Please report this to https://github.com/markedjs/marked.`, e9) {
+          let r5 = "<p>An error occurred:</p><pre>" + O(n7.message + "", true) + "</pre>";
+          return t6 ? Promise.resolve(r5) : r5;
+        }
+        if (t6) return Promise.reject(n7);
+        throw n7;
+      };
     }
   };
-  var breadcrumbs2 = {
-    textPrimaryDefault: slateGrey2[10],
-    textPrimaryHover: slateGrey2[10],
-    textSecondaryDefault: slateGrey2[8],
-    textSecondaryHover: slateGrey2[9],
-    iconPrimary: slateGrey2[10],
-    iconSecondary: slateGrey2[8]
-  };
-  var loadingIndicator2 = {
-    background: green2[1],
-    active: green2[5]
+  var L2 = new B2();
+  function g2(u6, e9) {
+    return L2.parse(u6, e9);
+  }
+  g2.options = g2.setOptions = function(u6) {
+    return L2.setOptions(u6), g2.defaults = L2.defaults, G(g2.defaults), g2;
   };
-  var datePicker2 = {
-    textDefault: slateGrey2[10],
-    textSelected: base2.white,
-    textDisabled: slateGrey2[7],
-    backgroundDefault: slateGrey2[2],
-    backgroundMiddle: slateGrey2[3],
-    backgroundSelected: brand2[3],
-    border: slateGrey2[4]
+  g2.getDefaults = M2;
+  g2.defaults = T2;
+  g2.use = function(...u6) {
+    return L2.use(...u6), g2.defaults = L2.defaults, G(g2.defaults), g2;
   };
-  var scroll2 = slateGrey2[9];
-  var fab2 = {
-    /** Diameter in pixels. */
-    size: 56,
-    /** Inset from the panel's top-left corner in pixels. */
-    inset: 12,
-    /** Background color (always the brand black). */
-    background: base2.black,
-    /** Icon / logo color. */
-    color: base2.white,
-    /** Border — 2px brand red ring. */
-    border: `2px solid ${brand2[3]}`,
-    /** Shadow when the panel is open (inner ring for "active" state). */
-    shadowOpen: "0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)",
-    /** Shadow when the panel is closed. */
-    shadowClosed: "0 4px 24px rgba(0,0,0,0.6)"
+  g2.walkTokens = function(u6, e9) {
+    return L2.walkTokens(u6, e9);
   };
+  g2.parseInline = L2.parseInline;
+  g2.Parser = b3;
+  g2.parser = b3.parse;
+  g2.Renderer = y3;
+  g2.TextRenderer = $2;
+  g2.Lexer = x2;
+  g2.lexer = x2.lex;
+  g2.Tokenizer = w2;
+  g2.Hooks = P2;
+  g2.parse = g2;
+  var Ut = g2.options;
+  var Kt = g2.setOptions;
+  var Wt = g2.use;
+  var Xt = g2.walkTokens;
+  var Jt = g2.parseInline;
+  var Yt = b3.parse;
+  var en = x2.lex;
+
+  // ../adaptives/adaptive-faq/dist/runtime.js
+  function resolveItem(store, itemId, itemQuestion) {
+    if (itemId) {
+      const found = store.getState().items.find((i9) => i9.config.id === itemId);
+      if (found) return found;
+    }
+    if (itemQuestion) {
+      const found = store.findByQuestion(itemQuestion);
+      if (found) return found;
+    }
+    throw new Error("FAQ item not found");
+  }
+  async function executeScrollToFaq(action, context, store) {
+    const item = resolveItem(store, action.itemId, action.itemQuestion);
+    const { id } = item.config;
+    if (action.expand !== false) {
+      store.expand(id);
+    }
+    const el = document.querySelector(`[data-faq-item-id="${id}"]`);
+    if (el) {
+      el.scrollIntoView({
+        behavior: action.behavior ?? "smooth"
+      });
+    }
+    context.publishEvent("faq:scroll_to", { itemId: id });
+    return {
+      cleanup: () => {
+      }
+    };
+  }
+  async function executeToggleFaqItem(action, context, store) {
+    const item = resolveItem(store, action.itemId, action.itemQuestion);
+    const { id } = item.config;
+    const desiredState = action.state ?? "toggle";
+    let newState;
+    switch (desiredState) {
+      case "open":
+        store.expand(id);
+        newState = "open";
+        break;
+      case "closed":
+        store.collapse(id);
+        newState = "closed";
+        break;
+      default: {
+        const wasExpanded = store.getState().expandedItems.has(id);
+        store.toggle(id);
+        newState = wasExpanded ? "closed" : "open";
+        break;
+      }
+    }
+    context.publishEvent("faq:toggle", { itemId: id, newState });
+    return {
+      cleanup: () => {
+      }
+    };
+  }
+  async function executeUpdateFaq(action, context, store) {
+    switch (action.operation) {
+      case "add": {
+        const items = action.items ?? [];
+        const position2 = action.position === "prepend" ? "prepend" : "append";
+        store.addItems(items, position2);
+        break;
+      }
+      case "remove": {
+        if (!action.itemId) {
+          throw new Error("FAQ item not found");
+        }
+        const exists = store.getState().items.some((i9) => i9.config.id === action.itemId);
+        if (!exists) {
+          throw new Error("FAQ item not found");
+        }
+        store.removeItem(action.itemId);
+        break;
+      }
+      case "reorder": {
+        const order = action.order ?? [];
+        store.reorderItems(order);
+        break;
+      }
+      case "replace": {
+        const items = action.items ?? [];
+        store.replaceItems(items);
+        break;
+      }
+    }
+    context.publishEvent("faq:update", { operation: action.operation });
+    return {
+      cleanup: () => {
+      }
+    };
+  }
+  var executorDefinitions = [
+    { kind: "faq:scroll_to", executor: executeScrollToFaq },
+    { kind: "faq:toggle_item", executor: executeToggleFaqItem },
+    { kind: "faq:update", executor: executeUpdateFaq }
+  ];
   var baseStyles = {
     container: {
       fontFamily: "var(--sc-font-family, system-ui, -apple-system, sans-serif)",
@@ -12778,7 +12780,7 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
     return `${PREFIX} width="${size2}" height="${size2}" stroke="${stroke}">${paths.join("")}</svg>`;
   }
 
-  // ../adaptives/adaptive-nav/dist/chunk-HMLY7DHA.js
+  // ../adaptives/adaptive-nav/dist/chunk-7DTOSQNC.js
   var __typeError3 = (msg) => {
     throw TypeError(msg);
   };
@@ -16143,8 +16145,224 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
     }
   }
 
+  // src/observability/healthReporter.ts
+  var HealthReporter = class {
+    constructor(config) {
+      this.config = config;
+      this.counters = /* @__PURE__ */ new Map();
+      this.histograms = /* @__PURE__ */ new Map();
+      this.windowStartMs = Date.now();
+      this.timer = null;
+      this.pagehideHandler = null;
+      this.runtime = null;
+      this.resource = config.resource;
+      this.flushIntervalMs = config.flushIntervalMs ?? 6e4;
+    }
+    /**
+     * Bind runtime-derived attribute resolvers. Called after the canvas/telemetry
+     * are fully initialized. Must never throw — resolvers are wrapped in
+     * null-safe access at flush time.
+     */
+    bindRuntime(binding) {
+      this.runtime = binding;
+    }
+    increment(signal, by = 1) {
+      this.counters.set(signal, (this.counters.get(signal) ?? 0) + by);
+    }
+    /**
+     * @internal — exposed for test inspection only. Mid-window state is intentionally
+     * unstable; consumers should subscribe to flush payloads instead.
+     */
+    snapshotCounters() {
+      const out = {};
+      for (const [k4, v4] of this.counters) out[k4] = v4;
+      return out;
+    }
+    recordHistogram(signal, valueMs) {
+      const arr = this.histograms.get(signal) ?? [];
+      arr.push(valueMs);
+      this.histograms.set(signal, arr);
+    }
+    /**
+     * @internal — exposed for test inspection only. Mid-window state is intentionally
+     * unstable; consumers should subscribe to flush payloads instead.
+     */
+    snapshotHistograms() {
+      const out = {};
+      for (const [k4, samples] of this.histograms) {
+        if (samples.length === 0) continue;
+        const sorted = [...samples].sort((a4, b5) => a4 - b5);
+        out[k4] = {
+          count: sorted.length,
+          p50: percentile(sorted, 0.5),
+          p95: percentile(sorted, 0.95)
+        };
+      }
+      return out;
+    }
+    async flush() {
+      const counters = this.snapshotCounters();
+      const histograms = this.snapshotHistograms();
+      const hasData = Object.keys(counters).length > 0 || Object.keys(histograms).length > 0;
+      if (!hasData) return;
+      let surface = null;
+      let sessionId = "";
+      try {
+        surface = this.runtime?.getSurface() ?? null;
+      } catch {
+      }
+      try {
+        sessionId = this.runtime?.getSessionId() ?? "";
+      } catch {
+      }
+      const payload = {
+        resource: {
+          ...this.resource,
+          sessionId,
+          surfaceType: surface?.type ?? "unknown",
+          surfaceHost: surface?.host ?? "unknown",
+          surfaceDevice: surface?.device ?? "unknown",
+          surfaceMode: surface?.mode ?? "unknown"
+        },
+        windowSeconds: Math.max(1, Math.round((Date.now() - this.windowStartMs) / 1e3)),
+        windowStartUnixMs: this.windowStartMs,
+        counters,
+        histograms
+      };
+      this.counters.clear();
+      this.histograms.clear();
+      this.windowStartMs = Date.now();
+      try {
+        await this.config.emit(payload);
+      } catch {
+      }
+    }
+    start() {
+      if (this.timer !== null) return;
+      this.timer = setInterval(() => {
+        void this.flush();
+      }, this.flushIntervalMs);
+      if (typeof window !== "undefined") {
+        this.pagehideHandler = () => {
+          void this.flush();
+        };
+        window.addEventListener("pagehide", this.pagehideHandler);
+      }
+    }
+    stop() {
+      if (this.timer !== null) {
+        clearInterval(this.timer);
+        this.timer = null;
+      }
+      if (this.pagehideHandler !== null && typeof window !== "undefined") {
+        window.removeEventListener("pagehide", this.pagehideHandler);
+        this.pagehideHandler = null;
+      }
+    }
+  };
+  function percentile(sortedAsc, q3) {
+    if (sortedAsc.length === 0) return 0;
+    const pos = (sortedAsc.length - 1) * q3;
+    const lo2 = Math.floor(pos);
+    const hi2 = Math.ceil(pos);
+    if (lo2 === hi2) return sortedAsc[lo2];
+    return sortedAsc[lo2] + (sortedAsc[hi2] - sortedAsc[lo2]) * (pos - lo2);
+  }
+  var singleton = null;
+  function initHealthReporter(config) {
+    singleton?.stop();
+    singleton = new HealthReporter(config);
+    singleton.start();
+    return singleton;
+  }
+  function getHealthReporter() {
+    return singleton;
+  }
+
+  // src/observability/otlpEmitter.ts
+  var stringAttr = (key, value) => ({ key, value: { stringValue: value } });
+  var intAttr = (key, value) => ({
+    key,
+    value: { intValue: Math.round(value) }
+  });
+  var doubleAttr = (key, value) => ({ key, value: { doubleValue: value } });
+  function buildOtlpPayload(flush) {
+    const { resource, counters, histograms, windowSeconds, windowStartUnixMs } = flush;
+    const resourceAttrs = [
+      stringAttr("service.name", resource.serviceName),
+      stringAttr("service.version", resource.serviceVersion),
+      stringAttr("syntro.posthog_key", resource.posthogKey),
+      stringAttr("syntro.session_id", resource.sessionId),
+      stringAttr("syntro.surface_type", resource.surfaceType),
+      stringAttr("syntro.surface_host", resource.surfaceHost),
+      stringAttr("syntro.surface_device", resource.surfaceDevice),
+      stringAttr("syntro.surface_mode", resource.surfaceMode),
+      stringAttr("syntro.host_origin", resource.hostOrigin)
+    ];
+    const recordAttrs = [intAttr("window_seconds", windowSeconds)];
+    for (const [k4, v4] of Object.entries(counters)) {
+      if (v4 !== void 0) recordAttrs.push(intAttr(k4, v4));
+    }
+    for (const [k4, h4] of Object.entries(histograms)) {
+      if (h4 === void 0) continue;
+      recordAttrs.push(intAttr(`${k4}_count`, h4.count));
+      recordAttrs.push(doubleAttr(`${k4}_p50`, h4.p50));
+      recordAttrs.push(doubleAttr(`${k4}_p95`, h4.p95));
+    }
+    const nowNano = `${Date.now()}000000`;
+    const startNano = `${windowStartUnixMs}000000`;
+    return {
+      resourceLogs: [
+        {
+          resource: { attributes: resourceAttrs },
+          scopeLogs: [
+            {
+              scope: { name: "syntro.sdk.health" },
+              logRecords: [
+                {
+                  timeUnixNano: startNano,
+                  observedTimeUnixNano: nowNano,
+                  severityText: "INFO",
+                  body: { stringValue: "sdk_health_window" },
+                  attributes: recordAttrs
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    };
+  }
+  function createOtlpEmitter(cfg) {
+    const fetchImpl = cfg.fetchImpl ?? fetch;
+    return async (flush) => {
+      const body = JSON.stringify(buildOtlpPayload(flush));
+      const post = () => fetchImpl(cfg.endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body,
+        keepalive: true,
+        mode: "cors"
+      });
+      try {
+        const resp = await post();
+        if (!resp.ok && resp.status >= 500) {
+          try {
+            await post();
+          } catch {
+          }
+        }
+      } catch {
+        try {
+          await post();
+        } catch {
+        }
+      }
+    };
+  }
+
   // src/version.ts
-  var SDK_VERSION = "2.17.0";
+  var SDK_VERSION = "2.18.0";
 
   // src/types.ts
   var SDK_SCHEMA_VERSION = "2.0";
@@ -16299,6 +16517,8 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
       throw new Error(`SmartCanvas: config URI not allowed: ${uri}`);
     }
     const effectiveCredentials = credentials ?? (isSameOrigin2(uri) ? "include" : "omit");
+    const fetchStart = performance.now();
+    let errorAlreadyCounted = false;
     try {
       const response = await fetch(uri, {
         credentials: effectiveCredentials,
@@ -16308,15 +16528,23 @@ Please report this to https://github.com/markedjs/marked.`, e9) {
         }
       });
       if (!response.ok) {
+        getHealthReporter()?.increment("flag_fetch_errors");
+        errorAlreadyCounted = true;
         throw new Error(`SmartCanvas: failed to fetch config (${response.status})`);
       }
       const config = await response.json();
+      const latencyMs = performance.now() - fetchStart;
+      getHealthReporter()?.increment("flag_fetch_count");
+      getHealthReporter()?.recordHistogram("flag_fetch_latency_ms", latencyMs);
       debug("SmartCanvas Config", "Fetched config from URI", config);
       if (sdkVersion) {
         cacheConfig(config, sdkVersion);
       }
       return config;
     } catch (error2) {
+      if (!errorAlreadyCounted) {
+        getHealthReporter()?.increment("flag_fetch_errors");
+      }
       if (sdkVersion) {
         const cached = getCachedConfig(sdkVersion);
         if (cached) {
@@ -33226,6 +33454,23 @@ ${cssRules}
     }
     const experimentHost = getEnvVar("NEXT_PUBLIC_SYNTRO_EXPERIMENT_HOST") || getEnvVar("VITE_SYNTRO_EXPERIMENT_HOST") || payload?.eh;
     const telemetryHost = getEnvVar("NEXT_PUBLIC_SYNTRO_TELEMETRY_HOST") || getEnvVar("VITE_SYNTRO_TELEMETRY_HOST") || payload?.th;
+    if (payload != null && payload.obd !== true && telemetryHost) {
+      try {
+        const otlpEndpoint = `${telemetryHost.replace(/\/$/, "")}/sdk-otel/v1/logs`;
+        initHealthReporter({
+          resource: {
+            serviceName: "syntro-runtime-sdk",
+            serviceVersion: SDK_VERSION,
+            // PostHog project SDK key — canonical workspace identifier for ops.
+            // Telemetry lives in PostHog, so its primary key is the right join column.
+            posthogKey: payload.t ?? "",
+            hostOrigin: typeof window !== "undefined" ? window.location.origin : ""
+          },
+          emit: createOtlpEmitter({ endpoint: otlpEndpoint })
+        });
+      } catch {
+      }
+    }
     const editorUrl = getEnvVar("NEXT_PUBLIC_SYNTRO_EDITOR_URL") || getEnvVar("VITE_SYNTRO_EDITOR_URL") || options.canvas?.editorUrl;
     const geoHost = payload?.g || getEnvVar("NEXT_PUBLIC_SYNTRO_GEO_HOST") || getEnvVar("VITE_SYNTRO_GEO_HOST") || GEO_DEFAULT_HOST;
     const cachedSegmentAttrs = loadCachedSegmentAttributes();
@@ -33698,6 +33943,32 @@ ${cssRules}
         originalSetOverrideFetcher(wrappedFetcher);
       };
     }
+    const healthReporter = getHealthReporter();
+    if (healthReporter !== null) {
+      try {
+        const boundTelemetry = telemetry;
+        const boundRuntime = runtime5;
+        healthReporter.bindRuntime({
+          getSessionId: () => {
+            try {
+              return boundTelemetry?.getSessionId?.() ?? "";
+            } catch {
+              return "";
+            }
+          },
+          getSurface: () => {
+            try {
+              const surface = boundRuntime.context.get().surface;
+              return surface ? { ...surface } : null;
+            } catch {
+              return null;
+            }
+          }
+        });
+      } catch {
+      }
+    }
+    healthReporter?.increment("bootstrap_ok");
     return { canvas, runtime: runtime5, experiments, telemetry, sessionMetrics, appLoader };
   }
 
@@ -33708,6 +33979,7 @@ ${cssRules}
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
       console.warn("[Syntrologie] SDK initialization failed:", message);
+      getHealthReporter()?.increment("bootstrap_errors");
       if (typeof document !== "undefined") {
         document.getElementById("syntrologie-anti-flicker")?.remove();
       }
@@ -34137,7 +34409,7 @@ ${cssRules}
   }
 
   // src/index.ts
-  var RUNTIME_SDK_BUILD = true ? `${"2026-05-05T21:51:15.159Z"} (${"ce0ae461837"})` : "dev";
+  var RUNTIME_SDK_BUILD = true ? `${"2026-05-06T01:42:37.033Z"} (${"394e30b3e33"})` : "dev";
   if (typeof window !== "undefined") {
     console.log(`[Syntro Runtime] Build: ${RUNTIME_SDK_BUILD} (Lit)`);
     const existing = window.SynOS;