@inploi/plugin-chatbot 3.10.0 → 3.11.0

package/dist/{index-122b2522.js → index-5333c591.js}

@@ -7914,6 +7914,58 @@ const idb = {
     return await set(key, params.data, store);
   }
 };
+const getChatbotFlowProgress = (nodes, node, onCalculate, stepsMade = 0) => {
+  if (!node.nextId) {
+    onCalculate(node.id, {
+      stepsMade,
+      remainingSteps: 0
+    });
+    return {
+      stepsMade,
+      remainingSteps: 0
+    };
+  }
+  const nextNode = nodes.find((newNode) => newNode.id === node.nextId);
+  if (nextNode === void 0) {
+    return {
+      stepsMade,
+      remainingSteps: 0
+    };
+  }
+  const branchId = node.type === "if-block" ? node.branchId : void 0;
+  const branchNode = nodes.find((node2) => node2.id === branchId);
+  const increment = node.type.includes("question") ? 1 : 0;
+  if (branchNode) {
+    const remainingSteps2 = increment + Math.max(getChatbotFlowProgress(nodes, nextNode, onCalculate, stepsMade + increment).remainingSteps, getChatbotFlowProgress(nodes, branchNode, onCalculate, stepsMade + increment).remainingSteps);
+    onCalculate(node.id, {
+      stepsMade,
+      remainingSteps: remainingSteps2
+    });
+    return {
+      stepsMade,
+      remainingSteps: remainingSteps2
+    };
+  }
+  const remainingSteps = increment + getChatbotFlowProgress(nodes, nextNode, onCalculate, stepsMade + increment).remainingSteps;
+  onCalculate(node.id, {
+    stepsMade,
+    remainingSteps
+  });
+  return {
+    stepsMade,
+    remainingSteps
+  };
+};
+const getNodesProgress = (nodes) => {
+  const nodeIdToProgress = {};
+  const firstNode = nodes.find((node) => node.isHead);
+  if (!firstNode)
+    return nodeIdToProgress;
+  getChatbotFlowProgress(nodes, firstNode, (nodeId, progress2) => {
+    nodeIdToProgress[nodeId] = progress2;
+  });
+  return nodeIdToProgress;
+};
 const getCacheKey = (application2) => [application2.job.id, application2.flow.id, application2.flow.version].join("/");
 const viewState = a$1("maximised");
 const inputHeight = a$1(53);
@@ -7946,12 +7998,14 @@ const application = {
   current$: currentApplication,
   start: async (application2) => {
     const data = await idb.getApplicationData(application2) ?? createNewApplicationData();
+    const nodeIdToProgress = getNodesProgress(application2.flow.nodes);
     currentApplication.value = {
       state: "loaded",
       application: {
         ...application2,
         data,
-        startedAt: /* @__PURE__ */ new Date()
+        startedAt: /* @__PURE__ */ new Date(),
+        nodeIdToProgress
       }
     };
     idb.setApplicationData({
@@ -8042,13 +8096,14 @@ const application = {
     currentInput: input
   }))
 };
+const genRandomId = () => typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : Math.random().toString(36).slice(2);
 const createNewApplicationData = () => ({
   messages: [],
   submissions: {},
   currentNodeId: null,
   isFinished: false,
   sequence: 0,
-  flowSessionId: crypto.randomUUID()
+  flowSessionId: genRandomId()
 });
 var _ = 0;
 function o(o2, e2, n2, t2, f2, l2) {
@@ -8198,6 +8253,16 @@ function clsx() {
     (e2 = arguments[f2++]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
+const optimisticProgress = (progress2) => {
+  const prefilled = 0.1;
+  const unitProgress = progress2 / 100;
+  const concavity = 1.3;
+  if (progress2 < 0)
+    return "0%";
+  if (progress2 > 100)
+    return "100%";
+  return `${Math.round((1 - (1 - prefilled) * Math.pow(1 - unitProgress, concavity)) * 100)}%`;
+};
 const StatusbarIconButton = ({
   class: className,
   children,
@@ -8220,71 +8285,94 @@ const StatusbarIconButton = ({
     })
   });
 };
+const ProgressBar = () => {
+  if (application.current$.value.state !== "loaded")
+    return null;
+  const nodeIdToProgress = application.current$.value.application.nodeIdToProgress;
+  const currentNodeId = application.current$.value.application.data.currentNodeId;
+  if (currentNodeId === null)
+    return null;
+  const currentProgress = nodeIdToProgress[currentNodeId];
+  if (currentProgress === void 0)
+    return null;
+  const percentage = 100 * (currentProgress.stepsMade / (currentProgress.remainingSteps + currentProgress.stepsMade));
+  return o("div", {
+    style: {
+      width: optimisticProgress(percentage)
+    },
+    class: "bg-accent-8 h-[2px] transition-all duration-1000"
+  });
+};
 const StatusBar = ({
   children
 }) => {
   const view = viewState.value;
-  return o("header", {
-    class: "ring-divider bg-statusbar absolute left-0 right-0 top-0 z-20 mx-auto flex h-[var(--header-height)] items-center gap-2 ring-1 backdrop-blur-md backdrop-saturate-150",
-    children: [o("p", {
-      id: "chatbot-status-bar",
-      class: "sr-only",
-      children
-    }), o("button", {
-      tabIndex: -1,
-      "aria-hidden": true,
-      onClick: () => {
-        if (view === "minimised") {
-          viewState.value = "maximised";
-        } else {
-          viewState.value = "minimised";
-        }
-      },
-      class: "h-full flex-grow overflow-hidden px-4 py-1",
-      children: o("p", {
-        "aria-hidden": true,
-        class: "text-neutral-12 truncate text-sm font-bold tracking-tight",
-        children
-      })
-    }), o("div", {
-      class: "flex flex-shrink-0 items-center gap-3 p-1.5",
-      children: viewState.value === "minimised" ? o(k$3, {
-        children: [o(StatusbarIconButton, {
-          "aria-label": "Maximise job application",
-          onClick: () => viewState.value = "maximised",
-          children: o("path", {
-            d: "M12.5 9.5L8 5L3.5 9.5"
-          })
-        }, "minmax"), o(StatusbarIconButton, {
-          "aria-label": "Close application",
-          onClick: application.cancel,
-          children: o("path", {
-            d: "M12.5 6.5L8 11L3.5 6.5"
-          })
-        }, "close")]
-      }) : o(k$3, {
-        children: [application.current$.value.state === "loaded" && o(StatusbarIconButton, {
-          "aria-label": "Restart",
+  return o(k$3, {
+    children: o("header", {
+      class: "ring-divider bg-statusbar absolute left-0 right-0 top-0 z-20 mx-auto  items-center ring-1 backdrop-blur-md backdrop-saturate-150",
+      children: [o("div", {
+        class: "flex h-[var(--header-height)] gap-2",
+        children: [o("p", {
+          id: "chatbot-status-bar",
+          class: "sr-only",
+          children
+        }), o("button", {
+          tabIndex: -1,
+          "aria-hidden": true,
           onClick: () => {
-            application.restart();
+            if (view === "minimised") {
+              viewState.value = "maximised";
+            } else {
+              viewState.value = "minimised";
+            }
           },
-          children: [o("path", {
-            d: "M12 8.5C12 9.29113 11.7654 10.0645 11.3259 10.7223C10.8864 11.3801 10.2616 11.8928 9.53073 12.1955C8.79983 12.4983 7.99556 12.5775 7.21964 12.4231C6.44371 12.2688 5.73098 11.8878 5.17157 11.3284C4.61216 10.769 4.2312 10.0563 4.07686 9.28036C3.92252 8.50444 4.00173 7.70017 4.30448 6.96927C4.60723 6.23836 5.11992 5.61365 5.77772 5.17412C6.43552 4.7346 7.20887 4.5 8 4.5H9"
-          }), o("path", {
-            d: "M8 7L10 4.5L8 2.5"
-          })]
-        }, "restart"), o(StatusbarIconButton, {
-          "aria-label": "Minimise application",
-          onClick: () => viewState.value = "minimised",
-          children: o("path", {
-            d: "M12.5 6.5L8 11L3.5 6.5"
+          class: "h-full flex-grow overflow-hidden px-4 py-1",
+          children: o("p", {
+            "aria-hidden": true,
+            class: "text-neutral-12 truncate text-sm font-bold tracking-tight",
+            children
           })
-        }, "minmax")]
-      })
-    })]
+        }), o("div", {
+          class: "flex flex-shrink-0 items-center gap-3 p-1.5",
+          children: viewState.value === "minimised" ? o(k$3, {
+            children: [o(StatusbarIconButton, {
+              "aria-label": "Maximise job application",
+              onClick: () => viewState.value = "maximised",
+              children: o("path", {
+                d: "M12.5 9.5L8 5L3.5 9.5"
+              })
+            }, "minmax"), o(StatusbarIconButton, {
+              "aria-label": "Close application",
+              onClick: application.cancel,
+              children: o("path", {
+                d: "M12.5 6.5L8 11L3.5 6.5"
+              })
+            }, "close")]
+          }) : o(k$3, {
+            children: [application.current$.value.state === "loaded" && o(StatusbarIconButton, {
+              "aria-label": "Restart",
+              onClick: () => {
+                application.restart();
+              },
+              children: [o("path", {
+                d: "M12 8.5C12 9.29113 11.7654 10.0645 11.3259 10.7223C10.8864 11.3801 10.2616 11.8928 9.53073 12.1955C8.79983 12.4983 7.99556 12.5775 7.21964 12.4231C6.44371 12.2688 5.73098 11.8878 5.17157 11.3284C4.61216 10.769 4.2312 10.0563 4.07686 9.28036C3.92252 8.50444 4.00173 7.70017 4.30448 6.96927C4.60723 6.23836 5.11992 5.61365 5.77772 5.17412C6.43552 4.7346 7.20887 4.5 8 4.5H9"
+              }), o("path", {
+                d: "M8 7L10 4.5L8 2.5"
+              })]
+            }, "restart"), o(StatusbarIconButton, {
+              "aria-label": "Minimise application",
+              onClick: () => viewState.value = "minimised",
+              children: o("path", {
+                d: "M12.5 6.5L8 11L3.5 6.5"
+              })
+            }, "minmax")]
+          })
+        })]
+      }), o(ProgressBar, {})]
+    })
   });
 };
-const JobApplicationContent = M(() => import("./job-application-content-c89a480d.js").then((module) => module.JobApplicationContent));
+const JobApplicationContent = M(() => import("./job-application-content-3cc77e28.js").then((module) => module.JobApplicationContent));
 const MotionProvider = ({
   children
 }) => {
@@ -9005,7 +9093,7 @@ async function getApplicationData({
     };
   }
 }
-const tailwind = "#isdk {\n	position: relative;\n	z-index: 99999;\n	font-size: 16px;\n	font-family: sans-serif;\n\n	/* Lowest colour */\n	--i-lowest: 0 0% 100%;\n\n	/** Error colours */\n	--i-e-1: 340 100% 99%;\n	--i-e-2: 353 100% 98%;\n	--i-e-3: 351 91% 96%;\n	--i-e-4: 351 100% 93%;\n	--i-e-5: 350 100% 90%;\n	--i-e-6: 351 80% 86%;\n	--i-e-7: 349 68% 81%;\n	--i-e-8: 348 61% 74%;\n	--i-e-9: 348 75% 59%;\n	--i-e-10: 347 70% 55%;\n	--i-e-11: 345 70% 47%;\n	--i-e-12: 344 63% 24%;\n		--tw-content: '';\n		font-family:\n			system-ui,\n			-apple-system,\n			BlinkMacSystemFont,\n			Segoe UI,\n			Roboto,\n			Oxygen,\n			Ubuntu,\n			Cantarell,\n			Open Sans,\n			Helvetica Neue,\n			sans-serif;\n}\n\n		#isdk * {\n			box-sizing: border-box;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n		}\n\n		#isdk ::before,\n		#isdk ::after {\n			box-sizing: border-box;\n		}\n\n		#isdk :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n		#isdk :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n		#isdk :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n		#isdk :is(button) {\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n		#isdk *, #isdk ::before, #isdk ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#isdk ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#isdk .container {\n	width: 100%;\n}\n\n		@media (min-width: 640px) {\n\n	#isdk .container {\n		max-width: 640px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#isdk .container {\n		max-width: 768px;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#isdk .container {\n		max-width: 1024px;\n	}\n}\n\n		@media (min-width: 1280px) {\n\n	#isdk .container {\n		max-width: 1280px;\n	}\n}\n\n		@media (min-width: 1536px) {\n\n	#isdk .container {\n		max-width: 1536px;\n	}\n}\n\n		#isdk .sr-only {\n	position: absolute;\n	width: 1px;\n	height: 1px;\n	padding: 0;\n	margin: -1px;\n	overflow: hidden;\n	clip: rect(0, 0, 0, 0);\n	white-space: nowrap;\n	border-width: 0;\n}\n\n		#isdk .visible {\n	visibility: visible;\n}\n\n		#isdk .collapse {\n	visibility: collapse;\n}\n\n		#isdk .static {\n	position: static;\n}\n\n		#isdk .fixed {\n	position: fixed;\n}\n\n		#isdk .absolute {\n	position: absolute;\n}\n\n		#isdk .relative {\n	position: relative;\n}\n\n		#isdk .sticky {\n	position: sticky;\n}\n\n		#isdk .inset-0 {\n	inset: 0px;\n}\n\n		#isdk .bottom-0 {\n	bottom: 0px;\n}\n\n		#isdk .bottom-2 {\n	bottom: 0.5rem;\n}\n\n		#isdk .left-0 {\n	left: 0px;\n}\n\n		#isdk .left-2 {\n	left: 0.5rem;\n}\n\n		#isdk .right-0 {\n	right: 0px;\n}\n\n		#isdk .right-2 {\n	right: 0.5rem;\n}\n\n		#isdk .top-0 {\n	top: 0px;\n}\n\n		#isdk .isolate {\n	isolation: isolate;\n}\n\n		#isdk .z-20 {\n	z-index: 20;\n}\n\n		#isdk .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n		#isdk .mb-1 {\n	margin-bottom: 0.25rem;\n}\n\n		#isdk .ml-auto {\n	margin-left: auto;\n}\n\n		#isdk .block {\n	display: block;\n}\n\n		#isdk .inline-block {\n	display: inline-block;\n}\n\n		#isdk .inline {\n	display: inline;\n}\n\n		#isdk .flex {\n	display: flex;\n}\n\n		#isdk .inline-flex {\n	display: inline-flex;\n}\n\n		#isdk .table {\n	display: table;\n}\n\n		#isdk .table-row {\n	display: table-row;\n}\n\n		#isdk .flow-root {\n	display: flow-root;\n}\n\n		#isdk .grid {\n	display: grid;\n}\n\n		#isdk .inline-grid {\n	display: inline-grid;\n}\n\n		#isdk .contents {\n	display: contents;\n}\n\n		#isdk .list-item {\n	display: list-item;\n}\n\n		#isdk .\\!hidden {\n	display: none !important;\n}\n\n		#isdk .hidden {\n	display: none;\n}\n\n		#isdk .h-1 {\n	height: 0.25rem;\n}\n\n		#isdk .h-1\\.5 {\n	height: 0.375rem;\n}\n\n		#isdk .h-16 {\n	height: 4rem;\n}\n\n		#isdk .h-4 {\n	height: 1rem;\n}\n\n		#isdk .h-48 {\n	height: 12rem;\n}\n\n		#isdk .h-8 {\n	height: 2rem;\n}\n\n		#isdk .h-\\[var\\(--header-height\\)\\] {\n	height: var(--header-height);\n}\n\n		#isdk .h-full {\n	height: 100%;\n}\n\n		#isdk .max-h-full {\n	max-height: 100%;\n}\n\n		#isdk .min-h-\\[36px\\] {\n	min-height: 36px;\n}\n\n		#isdk .w-1 {\n	width: 0.25rem;\n}\n\n		#isdk .w-1\\.5 {\n	width: 0.375rem;\n}\n\n		#isdk .w-16 {\n	width: 4rem;\n}\n\n		#isdk .w-4 {\n	width: 1rem;\n}\n\n		#isdk .w-8 {\n	width: 2rem;\n}\n\n		#isdk .w-full {\n	width: 100%;\n}\n\n		#isdk .min-w-0 {\n	min-width: 0px;\n}\n\n		#isdk .min-w-\\[2rem\\] {\n	min-width: 2rem;\n}\n\n		#isdk .max-w-\\[450px\\] {\n	max-width: 450px;\n}\n\n		#isdk .max-w-\\[min\\(100\\%\\2c 24rem\\)\\] {\n	max-width: min(100%,24rem);\n}\n\n		#isdk .max-w-full {\n	max-width: 100%;\n}\n\n		#isdk .flex-1 {\n	flex: 1 1 0%;\n}\n\n		#isdk .flex-shrink {\n	flex-shrink: 1;\n}\n\n		#isdk .flex-shrink-0 {\n	flex-shrink: 0;\n}\n\n		#isdk .shrink {\n	flex-shrink: 1;\n}\n\n		#isdk .flex-grow {\n	flex-grow: 1;\n}\n\n		#isdk .grow {\n	flex-grow: 1;\n}\n\n		#isdk .border-collapse {\n	border-collapse: collapse;\n}\n\n		#isdk .translate-y-0 {\n	--tw-translate-y: 0px;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#isdk .translate-y-8 {\n	--tw-translate-y: 2rem;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#isdk .scale-0 {\n	--tw-scale-x: 0;\n	--tw-scale-y: 0;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#isdk .transform {\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		@keyframes bounce {\n\n	0%, 100% {\n		transform: translateY(-25%);\n		animation-timing-function: cubic-bezier(0.8,0,1,1);\n	}\n\n	50% {\n		transform: none;\n		animation-timing-function: cubic-bezier(0,0,0.2,1);\n	}\n}\n\n		#isdk .animate-bounce {\n	animation: bounce 1s infinite;\n}\n\n		#isdk .cursor-pointer {\n	cursor: pointer;\n}\n\n		#isdk .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n		#isdk .resize {\n	resize: both;\n}\n\n		#isdk .flex-col {\n	flex-direction: column;\n}\n\n		#isdk .flex-wrap {\n	flex-wrap: wrap;\n}\n\n		#isdk .items-center {\n	align-items: center;\n}\n\n		#isdk .justify-end {\n	justify-content: flex-end;\n}\n\n		#isdk .justify-center {\n	justify-content: center;\n}\n\n		#isdk .gap-0 {\n	gap: 0px;\n}\n\n		#isdk .gap-1 {\n	gap: 0.25rem;\n}\n\n		#isdk .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n		#isdk .gap-2 {\n	gap: 0.5rem;\n}\n\n		#isdk .gap-3 {\n	gap: 0.75rem;\n}\n\n		#isdk .gap-4 {\n	gap: 1rem;\n}\n\n		#isdk .gap-px {\n	gap: 1px;\n}\n\n		#isdk .overflow-hidden {\n	overflow: hidden;\n}\n\n		#isdk .overflow-y-auto {\n	overflow-y: auto;\n}\n\n		#isdk .overflow-y-scroll {\n	overflow-y: scroll;\n}\n\n		#isdk .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n		#isdk .break-words {\n	overflow-wrap: break-word;\n}\n\n		#isdk .rounded {\n	border-radius: 0.25rem;\n}\n\n		#isdk .rounded-2xl {\n	border-radius: 1rem;\n}\n\n		#isdk .rounded-3xl {\n	border-radius: 1.5rem;\n}\n\n		#isdk .rounded-\\[18px\\] {\n	border-radius: 18px;\n}\n\n		#isdk .rounded-full {\n	border-radius: 9999px;\n}\n\n		#isdk .rounded-lg {\n	border-radius: 0.5rem;\n}\n\n		#isdk .rounded-md {\n	border-radius: 0.375rem;\n}\n\n		#isdk .rounded-xl {\n	border-radius: 0.75rem;\n}\n\n		#isdk .rounded-b-3xl {\n	border-bottom-right-radius: 1.5rem;\n	border-bottom-left-radius: 1.5rem;\n}\n\n		#isdk .rounded-bl-md {\n	border-bottom-left-radius: 0.375rem;\n}\n\n		#isdk .rounded-br-md {\n	border-bottom-right-radius: 0.375rem;\n}\n\n		#isdk .border {\n	border-width: 1px;\n}\n\n		#isdk .border-t {\n	border-top-width: 1px;\n}\n\n		#isdk .border-dashed {\n	border-style: dashed;\n}\n\n		#isdk .border-divider {\n	border-color: var(--i-color-divider);\n}\n\n		#isdk .border-neutral-8 {\n	border-color: var(--i-color-n-8);\n}\n\n		#isdk .bg-accent-1 {\n	background-color: var(--i-color-a-1);\n}\n\n		#isdk .bg-accent-3 {\n	background-color: var(--i-color-a-3);\n}\n\n		#isdk .bg-accent-9 {\n	background-color: var(--i-color-a-9);\n}\n\n		#isdk .bg-bubble-weak-bg {\n	background-color: var(--i-bubble-weak-bg);\n}\n\n		#isdk .bg-lowest {\n	background-color: var(--i-color-lowest);\n}\n\n		#isdk .bg-neutral-1 {\n	background-color: var(--i-color-n-1);\n}\n\n		#isdk .bg-neutral-2 {\n	background-color: var(--i-color-n-2);\n}\n\n		#isdk .bg-overlay {\n	background-color: var(--i-overlay-bg);\n}\n\n		#isdk .bg-statusbar {\n	background-color: var(--i-status-bar-bg);\n}\n\n		#isdk .bg-transparent {\n	background-color: transparent;\n}\n\n		#isdk .p-1 {\n	padding: 0.25rem;\n}\n\n		#isdk .p-1\\.5 {\n	padding: 0.375rem;\n}\n\n		#isdk .p-2 {\n	padding: 0.5rem;\n}\n\n		#isdk .p-2\\.5 {\n	padding: 0.625rem;\n}\n\n		#isdk .p-4 {\n	padding: 1rem;\n}\n\n		#isdk .px-1 {\n	padding-left: 0.25rem;\n	padding-right: 0.25rem;\n}\n\n		#isdk .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n		#isdk .px-2\\.5 {\n	padding-left: 0.625rem;\n	padding-right: 0.625rem;\n}\n\n		#isdk .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n		#isdk .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n		#isdk .py-0 {\n	padding-top: 0px;\n	padding-bottom: 0px;\n}\n\n		#isdk .py-0\\.5 {\n	padding-top: 0.125rem;\n	padding-bottom: 0.125rem;\n}\n\n		#isdk .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n		#isdk .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n		#isdk .py-2\\.5 {\n	padding-top: 0.625rem;\n	padding-bottom: 0.625rem;\n}\n\n		#isdk .py-\\[6px\\] {\n	padding-top: 6px;\n	padding-bottom: 6px;\n}\n\n		#isdk .pb-2 {\n	padding-bottom: 0.5rem;\n}\n\n		#isdk .pb-6 {\n	padding-bottom: 1.5rem;\n}\n\n		#isdk .pl-2 {\n	padding-left: 0.5rem;\n}\n\n		#isdk .pl-4 {\n	padding-left: 1rem;\n}\n\n		#isdk .pr-1 {\n	padding-right: 0.25rem;\n}\n\n		#isdk .pr-2 {\n	padding-right: 0.5rem;\n}\n\n		#isdk .pr-2\\.5 {\n	padding-right: 0.625rem;\n}\n\n		#isdk .pr-3 {\n	padding-right: 0.75rem;\n}\n\n		#isdk .pr-4 {\n	padding-right: 1rem;\n}\n\n		#isdk .pt-5 {\n	padding-top: 1.25rem;\n}\n\n		#isdk .pt-\\[calc\\(var\\(--header-height\\)\\+1rem\\)\\] {\n	padding-top: calc(var(--header-height) + 1rem);\n}\n\n		#isdk .text-center {\n	text-align: center;\n}\n\n		#isdk .text-justify {\n	text-align: justify;\n}\n\n		#isdk .text-\\[10px\\] {\n	font-size: 10px;\n}\n\n		#isdk .text-\\[11px\\] {\n	font-size: 11px;\n}\n\n		#isdk .text-base {\n	font-size: 1rem;\n	line-height: 1.5rem;\n}\n\n		#isdk .text-sm {\n	font-size: 0.875rem;\n	line-height: 1.25rem;\n}\n\n		#isdk .text-xs {\n	font-size: 0.75rem;\n	line-height: 1rem;\n}\n\n		#isdk .font-bold {\n	font-weight: 700;\n}\n\n		#isdk .uppercase {\n	text-transform: uppercase;\n}\n\n		#isdk .lowercase {\n	text-transform: lowercase;\n}\n\n		#isdk .capitalize {\n	text-transform: capitalize;\n}\n\n		#isdk .italic {\n	font-style: italic;\n}\n\n		#isdk .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#isdk .leading-snug {\n	line-height: 1.375;\n}\n\n		#isdk .tracking-\\[-0\\.01em\\] {\n	letter-spacing: -0.01em;\n}\n\n		#isdk .tracking-tight {\n	letter-spacing: -0.025em;\n}\n\n		#isdk .tracking-wide {\n	letter-spacing: 0.025em;\n}\n\n		#isdk .tracking-widest {\n	letter-spacing: 0.1em;\n}\n\n		#isdk .text-\\[\\#4CAF50\\] {\n	--tw-text-opacity: 1;\n	color: rgb(76 175 80 / var(--tw-text-opacity));\n}\n\n		#isdk .text-\\[\\#FFC107\\] {\n	--tw-text-opacity: 1;\n	color: rgb(255 193 7 / var(--tw-text-opacity));\n}\n\n		#isdk .text-accent-11 {\n	color: var(--i-color-a-11);\n}\n\n		#isdk .text-accent-12 {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n		#isdk .text-error-11 {\n	color: var(--i-color-e-11);\n}\n\n		#isdk .text-error-9 {\n	color: var(--i-color-e-9);\n}\n\n		#isdk .text-interactive-copy {\n	color: var(--i-interactive-copy);\n}\n\n		#isdk .text-neutral-10 {\n	color: var(--i-color-n-10);\n}\n\n		#isdk .text-neutral-11 {\n	color: var(--i-color-n-11);\n}\n\n		#isdk .text-neutral-12 {\n	color: var(--i-color-n-12);\n}\n\n		#isdk .text-neutral-6 {\n	color: var(--i-color-n-6);\n}\n\n		#isdk .text-neutral-8 {\n	color: var(--i-color-n-8);\n}\n\n		#isdk .text-neutral-9 {\n	color: var(--i-color-n-9);\n}\n\n		#isdk .text-white {\n	--tw-text-opacity: 1;\n	color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n		#isdk .underline {\n	text-decoration-line: underline;\n}\n\n		#isdk .no-underline {\n	text-decoration-line: none;\n}\n\n		#isdk .underline-offset-2 {\n	text-underline-offset: 2px;\n}\n\n		#isdk .caret-accent-9 {\n	caret-color: var(--i-color-a-9);\n}\n\n		#isdk .opacity-0 {\n	opacity: 0;\n}\n\n		#isdk .opacity-100 {\n	opacity: 1;\n}\n\n		#isdk .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#isdk .shadow-surface-md {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 6px 4px 0px oklch(0% 0 0 / 0.01);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#isdk .shadow-surface-sm {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 4px 4px 0px oklch(0% 0 0 / 0.02);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#isdk .shadow-bubble-strong-shadow {\n	--tw-shadow-color: var(--i-bubble-strong-shadow);\n	--tw-shadow: var(--tw-shadow-colored);\n}\n\n		#isdk .outline {\n	outline-style: solid;\n}\n\n		#isdk .outline-1 {\n	outline-width: 1px;\n}\n\n		#isdk .outline-2 {\n	outline-width: 2px;\n}\n\n		#isdk .outline-accent-4 {\n	outline-color: var(--i-color-a-4);\n}\n\n		#isdk .outline-bubble-weak {\n	outline-color: var(--i-bubble-weak-outline);\n}\n\n		#isdk .outline-divider {\n	outline-color: var(--i-color-divider);\n}\n\n		#isdk .outline-neutral-3 {\n	outline-color: var(--i-color-n-3);\n}\n\n		#isdk .outline-neutral-6 {\n	outline-color: var(--i-color-n-6);\n}\n\n		#isdk .ring-0 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .ring-1 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .ring-2 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .ring-accent-6 {\n	--tw-ring-color: var(--i-color-a-6);\n}\n\n		#isdk .ring-divider {\n	--tw-ring-color: var(--i-color-divider);\n}\n\n		#isdk .ring-lowest {\n	--tw-ring-color: var(--i-color-lowest);\n}\n\n		#isdk .ring-transparent {\n	--tw-ring-color: transparent;\n}\n\n		#isdk .blur {\n	--tw-blur: blur(8px);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .drop-shadow {\n	--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .drop-shadow-\\[0_1\\.5px_var\\(--i-color-n-1\\)\\] {\n	--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .grayscale {\n	--tw-grayscale: grayscale(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .invert {\n	--tw-invert: invert(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .sepia {\n	--tw-sepia: sepia(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .filter {\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .backdrop-blur-md {\n	--tw-backdrop-blur: blur(12px);\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#isdk .backdrop-saturate-150 {\n	--tw-backdrop-saturate: saturate(1.5);\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#isdk .backdrop-filter {\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#isdk .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#isdk .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#isdk .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		#isdk .ease-in-out {\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n		#isdk .fr {\n	outline: none;\n}\n\n		#isdk .fr:focus {\n	outline: none;\n}\n\n		#isdk .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .gutter-stable {\n	scrollbar-gutter: stable;\n}\n\n		#isdk .hide-scrollbars::-webkit-scrollbar {\n	display: none;\n}\n\n		#isdk .hide-scrollbars {\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n\n		#isdk .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n		#isdk .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n		#isdk .\\[text-wrap\\:pretty\\] {\n	text-wrap: pretty;\n}\n\n		#isdk .selection\\:bg-accent-4 *::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-accent-4 *::selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-transparent *::-moz-selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:bg-transparent *::selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:text-accent-12 *::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .selection\\:text-accent-12 *::selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .selection\\:bg-accent-4::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-accent-4::selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-transparent::-moz-selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:bg-transparent::selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:text-accent-12::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .selection\\:text-accent-12::selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .placeholder\\:text-neutral-10::-moz-placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#isdk .placeholder\\:text-neutral-10::placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#isdk .hover\\:bg-interactive-bg-hover:hover {\n	background-color: var(--i-interactive-bg-hover);\n}\n\n		#isdk .hover\\:text-interactive-copy-hover:hover {\n	color: var(--i-interactive-copy-hover);\n}\n\n		#isdk .hover\\:ring-accent-8:hover {\n	--tw-ring-color: var(--i-color-a-8);\n}\n\n		#isdk .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#isdk .focus-visible\\:outline-accent-7:focus-visible {\n	outline-color: var(--i-color-a-7);\n}\n\n		#isdk .focus-visible\\:ring-4:focus-visible {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .focus-visible\\:ring-offset-2:focus-visible {\n	--tw-ring-offset-width: 2px;\n}\n\n		#isdk .active\\:bg-accent-10:active {\n	background-color: var(--i-color-a-10);\n}\n\n		#isdk .active\\:bg-accent-2:active {\n	background-color: var(--i-color-a-2);\n}\n\n		#isdk .active\\:bg-interactive-bg-active:active {\n	background-color: var(--i-interactive-bg-active);\n}\n\n		#isdk .active\\:text-accent-10:active {\n	color: var(--i-color-a-10);\n}\n\n		#isdk .active\\:text-accent-11:active {\n	color: var(--i-color-a-11);\n}\n\n		#isdk .active\\:text-interactive-copy-active:active {\n	color: var(--i-interactive-copy-active);\n}\n\n		#isdk .active\\:outline-neutral-10:active {\n	outline-color: var(--i-color-n-10);\n}\n\n		#isdk .active\\:ring-accent-7:active {\n	--tw-ring-color: var(--i-color-a-7);\n}\n\n		#isdk .disabled\\:cursor-not-allowed:disabled {\n	cursor: not-allowed;\n}\n\n		#isdk .disabled\\:opacity-50:disabled {\n	opacity: 0.5;\n}\n\n		#isdk .peer:checked ~ .peer-checked\\:bg-accent-2 {\n	background-color: var(--i-color-a-2);\n}\n\n		#isdk .peer:checked ~ .peer-checked\\:text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n		#isdk .peer:checked ~ .peer-checked\\:outline-accent-7 {\n	outline-color: var(--i-color-a-7);\n}\n\n		#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-4 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-accent-7 {\n	--tw-ring-color: var(--i-color-a-7);\n}\n\n		#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-offset-2 {\n	--tw-ring-offset-width: 2px;\n}\n\n		@media (pointer: coarse) {\n\n	#isdk .pointer-coarse\\:touch-hitbox\\:\\:before::before {\n		content: '';\n		position: absolute;\n		display: block;\n		top: 50%;\n		left: 50%;\n		transform: translate(-50%, -50%);\n		width: 100%;\n		height: 100%;\n		min-height: 44px;\n		min-width: 44px;\n		z-index: 9999;\n	}\n}\n";
+const tailwind = "#isdk {\n	position: relative;\n	z-index: 99999;\n	font-size: 16px;\n	font-family: sans-serif;\n\n	/* Lowest colour */\n	--i-lowest: 0 0% 100%;\n\n	/** Error colours */\n	--i-e-1: 340 100% 99%;\n	--i-e-2: 353 100% 98%;\n	--i-e-3: 351 91% 96%;\n	--i-e-4: 351 100% 93%;\n	--i-e-5: 350 100% 90%;\n	--i-e-6: 351 80% 86%;\n	--i-e-7: 349 68% 81%;\n	--i-e-8: 348 61% 74%;\n	--i-e-9: 348 75% 59%;\n	--i-e-10: 347 70% 55%;\n	--i-e-11: 345 70% 47%;\n	--i-e-12: 344 63% 24%;\n		--tw-content: '';\n		font-family:\n			system-ui,\n			-apple-system,\n			BlinkMacSystemFont,\n			Segoe UI,\n			Roboto,\n			Oxygen,\n			Ubuntu,\n			Cantarell,\n			Open Sans,\n			Helvetica Neue,\n			sans-serif;\n}\n\n		#isdk * {\n			box-sizing: border-box;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n		}\n\n		#isdk ::before,\n		#isdk ::after {\n			box-sizing: border-box;\n		}\n\n		#isdk :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n		#isdk :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n		#isdk :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n		#isdk :is(button) {\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n		#isdk *, #isdk ::before, #isdk ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#isdk ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#isdk .container {\n	width: 100%;\n}\n\n		@media (min-width: 640px) {\n\n	#isdk .container {\n		max-width: 640px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#isdk .container {\n		max-width: 768px;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#isdk .container {\n		max-width: 1024px;\n	}\n}\n\n		@media (min-width: 1280px) {\n\n	#isdk .container {\n		max-width: 1280px;\n	}\n}\n\n		@media (min-width: 1536px) {\n\n	#isdk .container {\n		max-width: 1536px;\n	}\n}\n\n		#isdk .sr-only {\n	position: absolute;\n	width: 1px;\n	height: 1px;\n	padding: 0;\n	margin: -1px;\n	overflow: hidden;\n	clip: rect(0, 0, 0, 0);\n	white-space: nowrap;\n	border-width: 0;\n}\n\n		#isdk .visible {\n	visibility: visible;\n}\n\n		#isdk .collapse {\n	visibility: collapse;\n}\n\n		#isdk .static {\n	position: static;\n}\n\n		#isdk .fixed {\n	position: fixed;\n}\n\n		#isdk .absolute {\n	position: absolute;\n}\n\n		#isdk .relative {\n	position: relative;\n}\n\n		#isdk .sticky {\n	position: sticky;\n}\n\n		#isdk .inset-0 {\n	inset: 0px;\n}\n\n		#isdk .bottom-0 {\n	bottom: 0px;\n}\n\n		#isdk .bottom-2 {\n	bottom: 0.5rem;\n}\n\n		#isdk .left-0 {\n	left: 0px;\n}\n\n		#isdk .left-2 {\n	left: 0.5rem;\n}\n\n		#isdk .right-0 {\n	right: 0px;\n}\n\n		#isdk .right-2 {\n	right: 0.5rem;\n}\n\n		#isdk .top-0 {\n	top: 0px;\n}\n\n		#isdk .isolate {\n	isolation: isolate;\n}\n\n		#isdk .z-20 {\n	z-index: 20;\n}\n\n		#isdk .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n		#isdk .mb-1 {\n	margin-bottom: 0.25rem;\n}\n\n		#isdk .ml-auto {\n	margin-left: auto;\n}\n\n		#isdk .block {\n	display: block;\n}\n\n		#isdk .inline-block {\n	display: inline-block;\n}\n\n		#isdk .inline {\n	display: inline;\n}\n\n		#isdk .flex {\n	display: flex;\n}\n\n		#isdk .inline-flex {\n	display: inline-flex;\n}\n\n		#isdk .table {\n	display: table;\n}\n\n		#isdk .table-row {\n	display: table-row;\n}\n\n		#isdk .flow-root {\n	display: flow-root;\n}\n\n		#isdk .grid {\n	display: grid;\n}\n\n		#isdk .inline-grid {\n	display: inline-grid;\n}\n\n		#isdk .contents {\n	display: contents;\n}\n\n		#isdk .list-item {\n	display: list-item;\n}\n\n		#isdk .\\!hidden {\n	display: none !important;\n}\n\n		#isdk .hidden {\n	display: none;\n}\n\n		#isdk .h-1 {\n	height: 0.25rem;\n}\n\n		#isdk .h-1\\.5 {\n	height: 0.375rem;\n}\n\n		#isdk .h-16 {\n	height: 4rem;\n}\n\n		#isdk .h-4 {\n	height: 1rem;\n}\n\n		#isdk .h-48 {\n	height: 12rem;\n}\n\n		#isdk .h-8 {\n	height: 2rem;\n}\n\n		#isdk .h-\\[2px\\] {\n	height: 2px;\n}\n\n		#isdk .h-\\[var\\(--header-height\\)\\] {\n	height: var(--header-height);\n}\n\n		#isdk .h-full {\n	height: 100%;\n}\n\n		#isdk .max-h-full {\n	max-height: 100%;\n}\n\n		#isdk .min-h-\\[36px\\] {\n	min-height: 36px;\n}\n\n		#isdk .w-1 {\n	width: 0.25rem;\n}\n\n		#isdk .w-1\\.5 {\n	width: 0.375rem;\n}\n\n		#isdk .w-16 {\n	width: 4rem;\n}\n\n		#isdk .w-4 {\n	width: 1rem;\n}\n\n		#isdk .w-8 {\n	width: 2rem;\n}\n\n		#isdk .w-full {\n	width: 100%;\n}\n\n		#isdk .min-w-0 {\n	min-width: 0px;\n}\n\n		#isdk .min-w-\\[2rem\\] {\n	min-width: 2rem;\n}\n\n		#isdk .max-w-\\[450px\\] {\n	max-width: 450px;\n}\n\n		#isdk .max-w-\\[min\\(100\\%\\2c 24rem\\)\\] {\n	max-width: min(100%,24rem);\n}\n\n		#isdk .max-w-full {\n	max-width: 100%;\n}\n\n		#isdk .flex-1 {\n	flex: 1 1 0%;\n}\n\n		#isdk .flex-none {\n	flex: none;\n}\n\n		#isdk .flex-shrink {\n	flex-shrink: 1;\n}\n\n		#isdk .flex-shrink-0 {\n	flex-shrink: 0;\n}\n\n		#isdk .shrink {\n	flex-shrink: 1;\n}\n\n		#isdk .flex-grow {\n	flex-grow: 1;\n}\n\n		#isdk .grow {\n	flex-grow: 1;\n}\n\n		#isdk .border-collapse {\n	border-collapse: collapse;\n}\n\n		#isdk .translate-y-0 {\n	--tw-translate-y: 0px;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#isdk .translate-y-8 {\n	--tw-translate-y: 2rem;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#isdk .scale-0 {\n	--tw-scale-x: 0;\n	--tw-scale-y: 0;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#isdk .transform {\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		@keyframes bounce {\n\n	0%, 100% {\n		transform: translateY(-25%);\n		animation-timing-function: cubic-bezier(0.8,0,1,1);\n	}\n\n	50% {\n		transform: none;\n		animation-timing-function: cubic-bezier(0,0,0.2,1);\n	}\n}\n\n		#isdk .animate-bounce {\n	animation: bounce 1s infinite;\n}\n\n		#isdk .cursor-pointer {\n	cursor: pointer;\n}\n\n		#isdk .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n		#isdk .resize {\n	resize: both;\n}\n\n		#isdk .flex-col {\n	flex-direction: column;\n}\n\n		#isdk .flex-wrap {\n	flex-wrap: wrap;\n}\n\n		#isdk .items-center {\n	align-items: center;\n}\n\n		#isdk .justify-end {\n	justify-content: flex-end;\n}\n\n		#isdk .justify-center {\n	justify-content: center;\n}\n\n		#isdk .gap-0 {\n	gap: 0px;\n}\n\n		#isdk .gap-1 {\n	gap: 0.25rem;\n}\n\n		#isdk .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n		#isdk .gap-2 {\n	gap: 0.5rem;\n}\n\n		#isdk .gap-3 {\n	gap: 0.75rem;\n}\n\n		#isdk .gap-4 {\n	gap: 1rem;\n}\n\n		#isdk .gap-px {\n	gap: 1px;\n}\n\n		#isdk .overflow-hidden {\n	overflow: hidden;\n}\n\n		#isdk .overflow-y-auto {\n	overflow-y: auto;\n}\n\n		#isdk .overflow-y-scroll {\n	overflow-y: scroll;\n}\n\n		#isdk .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n		#isdk .break-words {\n	overflow-wrap: break-word;\n}\n\n		#isdk .rounded {\n	border-radius: 0.25rem;\n}\n\n		#isdk .rounded-2xl {\n	border-radius: 1rem;\n}\n\n		#isdk .rounded-3xl {\n	border-radius: 1.5rem;\n}\n\n		#isdk .rounded-\\[18px\\] {\n	border-radius: 18px;\n}\n\n		#isdk .rounded-full {\n	border-radius: 9999px;\n}\n\n		#isdk .rounded-lg {\n	border-radius: 0.5rem;\n}\n\n		#isdk .rounded-md {\n	border-radius: 0.375rem;\n}\n\n		#isdk .rounded-xl {\n	border-radius: 0.75rem;\n}\n\n		#isdk .rounded-b-3xl {\n	border-bottom-right-radius: 1.5rem;\n	border-bottom-left-radius: 1.5rem;\n}\n\n		#isdk .rounded-bl-md {\n	border-bottom-left-radius: 0.375rem;\n}\n\n		#isdk .rounded-br-md {\n	border-bottom-right-radius: 0.375rem;\n}\n\n		#isdk .border {\n	border-width: 1px;\n}\n\n		#isdk .border-t {\n	border-top-width: 1px;\n}\n\n		#isdk .border-dashed {\n	border-style: dashed;\n}\n\n		#isdk .border-divider {\n	border-color: var(--i-color-divider);\n}\n\n		#isdk .border-neutral-8 {\n	border-color: var(--i-color-n-8);\n}\n\n		#isdk .bg-accent-1 {\n	background-color: var(--i-color-a-1);\n}\n\n		#isdk .bg-accent-3 {\n	background-color: var(--i-color-a-3);\n}\n\n		#isdk .bg-accent-8 {\n	background-color: var(--i-color-a-8);\n}\n\n		#isdk .bg-accent-9 {\n	background-color: var(--i-color-a-9);\n}\n\n		#isdk .bg-bubble-weak-bg {\n	background-color: var(--i-bubble-weak-bg);\n}\n\n		#isdk .bg-lowest {\n	background-color: var(--i-color-lowest);\n}\n\n		#isdk .bg-neutral-1 {\n	background-color: var(--i-color-n-1);\n}\n\n		#isdk .bg-neutral-2 {\n	background-color: var(--i-color-n-2);\n}\n\n		#isdk .bg-overlay {\n	background-color: var(--i-overlay-bg);\n}\n\n		#isdk .bg-statusbar {\n	background-color: var(--i-status-bar-bg);\n}\n\n		#isdk .bg-transparent {\n	background-color: transparent;\n}\n\n		#isdk .p-1 {\n	padding: 0.25rem;\n}\n\n		#isdk .p-1\\.5 {\n	padding: 0.375rem;\n}\n\n		#isdk .p-2 {\n	padding: 0.5rem;\n}\n\n		#isdk .p-2\\.5 {\n	padding: 0.625rem;\n}\n\n		#isdk .p-4 {\n	padding: 1rem;\n}\n\n		#isdk .px-1 {\n	padding-left: 0.25rem;\n	padding-right: 0.25rem;\n}\n\n		#isdk .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n		#isdk .px-2\\.5 {\n	padding-left: 0.625rem;\n	padding-right: 0.625rem;\n}\n\n		#isdk .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n		#isdk .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n		#isdk .py-0 {\n	padding-top: 0px;\n	padding-bottom: 0px;\n}\n\n		#isdk .py-0\\.5 {\n	padding-top: 0.125rem;\n	padding-bottom: 0.125rem;\n}\n\n		#isdk .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n		#isdk .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n		#isdk .py-2\\.5 {\n	padding-top: 0.625rem;\n	padding-bottom: 0.625rem;\n}\n\n		#isdk .py-\\[6px\\] {\n	padding-top: 6px;\n	padding-bottom: 6px;\n}\n\n		#isdk .pb-2 {\n	padding-bottom: 0.5rem;\n}\n\n		#isdk .pb-6 {\n	padding-bottom: 1.5rem;\n}\n\n		#isdk .pl-2 {\n	padding-left: 0.5rem;\n}\n\n		#isdk .pl-4 {\n	padding-left: 1rem;\n}\n\n		#isdk .pr-1 {\n	padding-right: 0.25rem;\n}\n\n		#isdk .pr-2 {\n	padding-right: 0.5rem;\n}\n\n		#isdk .pr-2\\.5 {\n	padding-right: 0.625rem;\n}\n\n		#isdk .pr-3 {\n	padding-right: 0.75rem;\n}\n\n		#isdk .pr-4 {\n	padding-right: 1rem;\n}\n\n		#isdk .pt-5 {\n	padding-top: 1.25rem;\n}\n\n		#isdk .pt-\\[calc\\(var\\(--header-height\\)\\+1rem\\)\\] {\n	padding-top: calc(var(--header-height) + 1rem);\n}\n\n		#isdk .text-center {\n	text-align: center;\n}\n\n		#isdk .text-justify {\n	text-align: justify;\n}\n\n		#isdk .text-\\[10px\\] {\n	font-size: 10px;\n}\n\n		#isdk .text-\\[11px\\] {\n	font-size: 11px;\n}\n\n		#isdk .text-base {\n	font-size: 1rem;\n	line-height: 1.5rem;\n}\n\n		#isdk .text-sm {\n	font-size: 0.875rem;\n	line-height: 1.25rem;\n}\n\n		#isdk .text-xs {\n	font-size: 0.75rem;\n	line-height: 1rem;\n}\n\n		#isdk .font-bold {\n	font-weight: 700;\n}\n\n		#isdk .uppercase {\n	text-transform: uppercase;\n}\n\n		#isdk .lowercase {\n	text-transform: lowercase;\n}\n\n		#isdk .capitalize {\n	text-transform: capitalize;\n}\n\n		#isdk .italic {\n	font-style: italic;\n}\n\n		#isdk .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#isdk .leading-snug {\n	line-height: 1.375;\n}\n\n		#isdk .tracking-\\[-0\\.01em\\] {\n	letter-spacing: -0.01em;\n}\n\n		#isdk .tracking-tight {\n	letter-spacing: -0.025em;\n}\n\n		#isdk .tracking-wide {\n	letter-spacing: 0.025em;\n}\n\n		#isdk .tracking-widest {\n	letter-spacing: 0.1em;\n}\n\n		#isdk .text-\\[\\#4CAF50\\] {\n	--tw-text-opacity: 1;\n	color: rgb(76 175 80 / var(--tw-text-opacity));\n}\n\n		#isdk .text-\\[\\#FFC107\\] {\n	--tw-text-opacity: 1;\n	color: rgb(255 193 7 / var(--tw-text-opacity));\n}\n\n		#isdk .text-accent-11 {\n	color: var(--i-color-a-11);\n}\n\n		#isdk .text-accent-12 {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n		#isdk .text-error-11 {\n	color: var(--i-color-e-11);\n}\n\n		#isdk .text-error-9 {\n	color: var(--i-color-e-9);\n}\n\n		#isdk .text-interactive-copy {\n	color: var(--i-interactive-copy);\n}\n\n		#isdk .text-neutral-10 {\n	color: var(--i-color-n-10);\n}\n\n		#isdk .text-neutral-11 {\n	color: var(--i-color-n-11);\n}\n\n		#isdk .text-neutral-12 {\n	color: var(--i-color-n-12);\n}\n\n		#isdk .text-neutral-6 {\n	color: var(--i-color-n-6);\n}\n\n		#isdk .text-neutral-8 {\n	color: var(--i-color-n-8);\n}\n\n		#isdk .text-neutral-9 {\n	color: var(--i-color-n-9);\n}\n\n		#isdk .text-white {\n	--tw-text-opacity: 1;\n	color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n		#isdk .underline {\n	text-decoration-line: underline;\n}\n\n		#isdk .no-underline {\n	text-decoration-line: none;\n}\n\n		#isdk .underline-offset-2 {\n	text-underline-offset: 2px;\n}\n\n		#isdk .caret-accent-9 {\n	caret-color: var(--i-color-a-9);\n}\n\n		#isdk .opacity-0 {\n	opacity: 0;\n}\n\n		#isdk .opacity-100 {\n	opacity: 1;\n}\n\n		#isdk .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#isdk .shadow-surface-md {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 6px 4px 0px oklch(0% 0 0 / 0.01);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#isdk .shadow-surface-sm {\n	--tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 4px 4px 0px oklch(0% 0 0 / 0.02);\n	--tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#isdk .shadow-bubble-strong-shadow {\n	--tw-shadow-color: var(--i-bubble-strong-shadow);\n	--tw-shadow: var(--tw-shadow-colored);\n}\n\n		#isdk .outline {\n	outline-style: solid;\n}\n\n		#isdk .outline-1 {\n	outline-width: 1px;\n}\n\n		#isdk .outline-2 {\n	outline-width: 2px;\n}\n\n		#isdk .outline-accent-4 {\n	outline-color: var(--i-color-a-4);\n}\n\n		#isdk .outline-bubble-weak {\n	outline-color: var(--i-bubble-weak-outline);\n}\n\n		#isdk .outline-divider {\n	outline-color: var(--i-color-divider);\n}\n\n		#isdk .outline-neutral-3 {\n	outline-color: var(--i-color-n-3);\n}\n\n		#isdk .outline-neutral-6 {\n	outline-color: var(--i-color-n-6);\n}\n\n		#isdk .ring-0 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .ring-1 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .ring-2 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .ring-accent-6 {\n	--tw-ring-color: var(--i-color-a-6);\n}\n\n		#isdk .ring-divider {\n	--tw-ring-color: var(--i-color-divider);\n}\n\n		#isdk .ring-lowest {\n	--tw-ring-color: var(--i-color-lowest);\n}\n\n		#isdk .ring-transparent {\n	--tw-ring-color: transparent;\n}\n\n		#isdk .blur {\n	--tw-blur: blur(8px);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .drop-shadow {\n	--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .drop-shadow-\\[0_1\\.5px_var\\(--i-color-n-1\\)\\] {\n	--tw-drop-shadow: drop-shadow(0 1.5px var(--i-color-n-1));\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .grayscale {\n	--tw-grayscale: grayscale(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .invert {\n	--tw-invert: invert(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .sepia {\n	--tw-sepia: sepia(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .filter {\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#isdk .backdrop-blur-md {\n	--tw-backdrop-blur: blur(12px);\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#isdk .backdrop-saturate-150 {\n	--tw-backdrop-saturate: saturate(1.5);\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#isdk .backdrop-filter {\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#isdk .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#isdk .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#isdk .duration-1000 {\n	transition-duration: 1000ms;\n}\n\n		#isdk .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		#isdk .ease-in-out {\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n		#isdk .text-wrap-balance {\n	text-wrap: balance;\n}\n\n		#isdk .fr {\n	outline: none;\n}\n\n		#isdk .fr:focus {\n	outline: none;\n}\n\n		#isdk .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-offset-color: var(--i-color-lowest);\n	--tw-ring-opacity: 1;\n	--tw-ring-color: var(--i-color-a-9);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .gutter-stable {\n	scrollbar-gutter: stable;\n}\n\n		#isdk .hide-scrollbars::-webkit-scrollbar {\n	display: none;\n}\n\n		#isdk .hide-scrollbars {\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n\n		#isdk .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n		#isdk .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n		#isdk .\\[text-wrap\\:pretty\\] {\n	text-wrap: pretty;\n}\n\n		#isdk .selection\\:bg-accent-4 *::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-accent-4 *::selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-transparent *::-moz-selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:bg-transparent *::selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:text-accent-12 *::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .selection\\:text-accent-12 *::selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .selection\\:bg-accent-4::-moz-selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-accent-4::selection {\n	background-color: var(--i-color-a-4);\n}\n\n		#isdk .selection\\:bg-transparent::-moz-selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:bg-transparent::selection {\n	background-color: transparent;\n}\n\n		#isdk .selection\\:text-accent-12::-moz-selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .selection\\:text-accent-12::selection {\n	color: var(--i-color-a-12);\n}\n\n		#isdk .placeholder\\:text-neutral-10::-moz-placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#isdk .placeholder\\:text-neutral-10::placeholder {\n	color: var(--i-color-n-10);\n}\n\n		#isdk .hover\\:bg-interactive-bg-hover:hover {\n	background-color: var(--i-interactive-bg-hover);\n}\n\n		#isdk .hover\\:text-interactive-copy-hover:hover {\n	color: var(--i-interactive-copy-hover);\n}\n\n		#isdk .hover\\:ring-accent-8:hover {\n	--tw-ring-color: var(--i-color-a-8);\n}\n\n		#isdk .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#isdk .focus-visible\\:outline-accent-7:focus-visible {\n	outline-color: var(--i-color-a-7);\n}\n\n		#isdk .focus-visible\\:ring-4:focus-visible {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .focus-visible\\:ring-offset-2:focus-visible {\n	--tw-ring-offset-width: 2px;\n}\n\n		#isdk .active\\:bg-accent-10:active {\n	background-color: var(--i-color-a-10);\n}\n\n		#isdk .active\\:bg-accent-2:active {\n	background-color: var(--i-color-a-2);\n}\n\n		#isdk .active\\:bg-interactive-bg-active:active {\n	background-color: var(--i-interactive-bg-active);\n}\n\n		#isdk .active\\:text-accent-10:active {\n	color: var(--i-color-a-10);\n}\n\n		#isdk .active\\:text-accent-11:active {\n	color: var(--i-color-a-11);\n}\n\n		#isdk .active\\:text-interactive-copy-active:active {\n	color: var(--i-interactive-copy-active);\n}\n\n		#isdk .active\\:outline-neutral-10:active {\n	outline-color: var(--i-color-n-10);\n}\n\n		#isdk .active\\:ring-accent-7:active {\n	--tw-ring-color: var(--i-color-a-7);\n}\n\n		#isdk .disabled\\:cursor-not-allowed:disabled {\n	cursor: not-allowed;\n}\n\n		#isdk .disabled\\:opacity-50:disabled {\n	opacity: 0.5;\n}\n\n		#isdk .peer:checked ~ .peer-checked\\:bg-accent-2 {\n	background-color: var(--i-color-a-2);\n}\n\n		#isdk .peer:checked ~ .peer-checked\\:text-accent-9 {\n	color: var(--i-color-a-9);\n}\n\n		#isdk .peer:checked ~ .peer-checked\\:outline-accent-7 {\n	outline-color: var(--i-color-a-7);\n}\n\n		#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-4 {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-accent-7 {\n	--tw-ring-color: var(--i-color-a-7);\n}\n\n		#isdk .peer:focus-visible ~ .peer-focus-visible\\:ring-offset-2 {\n	--tw-ring-offset-width: 2px;\n}\n\n		@media (pointer: coarse) {\n\n	#isdk .pointer-coarse\\:touch-hitbox\\:\\:before::before {\n		content: '';\n		position: absolute;\n		display: block;\n		top: 50%;\n		left: 50%;\n		transform: translate(-50%, -50%);\n		width: 100%;\n		height: 100%;\n		min-height: 44px;\n		min-width: 44px;\n		z-index: 9999;\n	}\n}\n";
 const createChatbotDomManager = () => {
   return {
     getOrCreateChatbotElement: () => {

package/dist/{job-application-content-c89a480d.js → job-application-content-3cc77e28.js}

@@ -1,4 +1,4 @@
-import { N, _, h as hasProp, i as invariant, o as o$1, c as clsx, a as _$1, p, b as parse, d as picklist, y, e as application, f as h, k, C as Cn, g as parseAsync, V as ValiError, j as object, t as transform, m as maxLength, l as minLength, r as record, n as boolean, s as string, q as email, u as url, v as regex, T, w as inputHeight, x as m, A as AnimatePresence, F, z as viewState, E as ERROR_MESSAGES } from "./index-122b2522.js";
+import { N, _, h as hasProp, i as invariant, o as o$1, c as clsx, a as _$1, p, b as parse, d as picklist, y, e as application, f as h, k, C as Cn, g as parseAsync, V as ValiError, j as object, t as transform, m as maxLength, l as minLength, r as record, n as boolean, s as string, q as email, u as url, v as regex, T, w as inputHeight, x as m, A as AnimatePresence, F, z as viewState, E as ERROR_MESSAGES } from "./index-5333c591.js";
 import "@inploi/sdk";
 const kbToReadableSize = (kb) => N(kb).with(_.number.lte(1e3), () => `${Math.round(kb)}KB`).with(_.number.lt(1e3 * 10), () => `${(kb / 1e3).toFixed(1)}MB`).otherwise(() => `${Math.round(kb / 1e3)}MB`);
 const getHeadOrThrow = (nodes) => {
@@ -492,6 +492,8 @@ async function interpretQuestionAddressNode({
   node,
   logger
 }) {
+  if (fieldMapKeys.every((key) => node.data.keys[key] === null))
+    return next(node.nextId);
   const {
     google
   } = window;
@@ -538,6 +540,8 @@ async function interpretQuestionAddressNode({
       defaultValue: defaultValues.country
     }];
     for (const field of addressFields) {
+      if (field.key === null)
+        continue;
       await chat.sendMessage({
         author: "bot",
         type: "text",
@@ -884,7 +888,7 @@ const ChatInputBoolean = ({
         });
       })
     }), input.config.optional && o$1("div", {
-      class: "pb-2",
+      class: "px-2 pb-2",
       children: o$1(SkipButton, {
         class: "w-full",
         type: "button",
@@ -3032,7 +3036,7 @@ const authorToSide = {
   bot: "left",
   user: "right"
 };
-const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px] uppercase tracking-widest drop-shadow-[0_1.5px_var(--i-color-n-1)]", {
+const systemMessageStyle = cva("w-full select-none py-2 text-wrap-balance text-center text-[10px] uppercase tracking-widest drop-shadow-[0_1.5px_var(--i-color-n-1)]", {
   variants: {
     variant: {
       info: "text-neutral-8",
@@ -3048,7 +3052,7 @@ const Conversation = ({
 }) => {
   return o$1("ol", {
     "aria-label": "Chat messages",
-    class: "flex flex-grow flex-col justify-end gap-2 p-2 pt-[calc(var(--header-height)+1rem)]",
+    class: "flex flex-col justify-end gap-2 p-2 pt-[calc(var(--header-height)+1rem)]",
     children: [o$1(AnimatePresence, {
       initial: false,
       children: messages.map((message, i2) => o$1("li", {
@@ -3072,12 +3076,13 @@ const Conversation = ({
           type: "link"
         }, (message2) => {
           return o$1("div", {
-            class: "bg-accent-3 flex w-full items-center justify-center overflow-hidden rounded-xl py-2",
+            class: "bg-accent-3 flex w-full items-center justify-center overflow-hidden rounded-xl px-2 py-2",
             children: o$1("a", {
-              class: "bg-lowest shadow-surface-sm ring-accent-6 hover:ring-accent-8 active:bg-accent-2 active:text-accent-10 text-accent-9 focus-visible:ring-accent-7/50 flex items-center gap-1.5 truncate rounded-full py-2 pl-4 pr-2.5 no-underline ring-1 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2",
+              class: "bg-lowest shadow-surface-sm ring-accent-6 hover:ring-accent-8 active:bg-accent-2 active:text-accent-10 text-accent-9 focus-visible:ring-accent-7/50 text-wrap-balance flex items-center gap-1.5 rounded-full py-2 pl-4 pr-2.5 text-center no-underline ring-1 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2",
               target: "_blank",
               href: message2.href,
               children: [message2.text, o$1("svg", {
+                class: "flex-none",
                 width: "15",
                 height: "15",
                 viewBox: "0 0 15 15",

package/dist/{job-application-content-191ecc14.cjs → job-application-content-69860abf.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-2d0cac15.cjs");
+const index = require("./index-356e7fb6.cjs");
 require("@inploi/sdk");
 const kbToReadableSize = (kb) => index.N(kb).with(index._.number.lte(1e3), () => `${Math.round(kb)}KB`).with(index._.number.lt(1e3 * 10), () => `${(kb / 1e3).toFixed(1)}MB`).otherwise(() => `${Math.round(kb / 1e3)}MB`);
 const getHeadOrThrow = (nodes) => {
@@ -494,6 +494,8 @@ async function interpretQuestionAddressNode({
   node,
   logger
 }) {
+  if (fieldMapKeys.every((key) => node.data.keys[key] === null))
+    return next(node.nextId);
   const {
     google
   } = window;
@@ -540,6 +542,8 @@ async function interpretQuestionAddressNode({
       defaultValue: defaultValues.country
     }];
     for (const field of addressFields) {
+      if (field.key === null)
+        continue;
       await chat.sendMessage({
         author: "bot",
         type: "text",
@@ -886,7 +890,7 @@ const ChatInputBoolean = ({
         });
       })
     }), input.config.optional && index.o("div", {
-      class: "pb-2",
+      class: "px-2 pb-2",
       children: index.o(SkipButton, {
         class: "w-full",
         type: "button",
@@ -3034,7 +3038,7 @@ const authorToSide = {
   bot: "left",
   user: "right"
 };
-const systemMessageStyle = cva("w-full select-none py-2 text-center text-[10px] uppercase tracking-widest drop-shadow-[0_1.5px_var(--i-color-n-1)]", {
+const systemMessageStyle = cva("w-full select-none py-2 text-wrap-balance text-center text-[10px] uppercase tracking-widest drop-shadow-[0_1.5px_var(--i-color-n-1)]", {
   variants: {
     variant: {
       info: "text-neutral-8",
@@ -3050,7 +3054,7 @@ const Conversation = ({
 }) => {
   return index.o("ol", {
     "aria-label": "Chat messages",
-    class: "flex flex-grow flex-col justify-end gap-2 p-2 pt-[calc(var(--header-height)+1rem)]",
+    class: "flex flex-col justify-end gap-2 p-2 pt-[calc(var(--header-height)+1rem)]",
     children: [index.o(index.AnimatePresence, {
       initial: false,
       children: messages.map((message, i2) => index.o("li", {
@@ -3074,12 +3078,13 @@ const Conversation = ({
           type: "link"
         }, (message2) => {
           return index.o("div", {
-            class: "bg-accent-3 flex w-full items-center justify-center overflow-hidden rounded-xl py-2",
+            class: "bg-accent-3 flex w-full items-center justify-center overflow-hidden rounded-xl px-2 py-2",
             children: index.o("a", {
-              class: "bg-lowest shadow-surface-sm ring-accent-6 hover:ring-accent-8 active:bg-accent-2 active:text-accent-10 text-accent-9 focus-visible:ring-accent-7/50 flex items-center gap-1.5 truncate rounded-full py-2 pl-4 pr-2.5 no-underline ring-1 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2",
+              class: "bg-lowest shadow-surface-sm ring-accent-6 hover:ring-accent-8 active:bg-accent-2 active:text-accent-10 text-accent-9 focus-visible:ring-accent-7/50 text-wrap-balance flex items-center gap-1.5 rounded-full py-2 pl-4 pr-2.5 text-center no-underline ring-1 transition-all focus:outline-none focus-visible:ring-4 focus-visible:ring-offset-2",
               target: "_blank",
               href: message2.href,
               children: [message2.text, index.o("svg", {
+                class: "flex-none",
                 width: "15",
                 height: "15",
                 viewBox: "0 0 15 15",

package/dist/plugin-chatbot.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-2d0cac15.cjs");
+const index = require("./index-356e7fb6.cjs");
 require("@inploi/sdk");
 exports.chatbotPlugin = index.chatbotPlugin;

package/dist/plugin-chatbot.js

@@ -1,4 +1,4 @@
-import { B } from "./index-122b2522.js";
+import { B } from "./index-5333c591.js";
 import "@inploi/sdk";
 export {
   B as chatbotPlugin

package/dist/progress.d.ts

@@ -0,0 +1,11 @@
+import { FlowNodeInput } from '@inploi/core/flows';
+export type ChatbotFlowProgress = {
+    stepsMade: number;
+    remainingSteps: number;
+};
+/**
+ * @description Calculate the progress of a flow for each node
+ * @param nodes - The flow nodes
+ * @returns The progress of the flow for each node
+ */
+export declare const getNodesProgress: (nodes: FlowNodeInput[]) => Record<string, ChatbotFlowProgress>;

package/dist/progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-chatbot",
-  "version": "3.10.0",
+  "version": "3.11.0",
   "type": "module",
   "main": "dist/plugin-chatbot.js",
   "types": "dist/index.d.ts",
@@ -65,7 +65,7 @@
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.7.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@inploi/core": "1.11.5",
+    "@inploi/core": "1.11.6",
     "@inploi/design-tokens": "0.2.0",
     "@inploi/sdk": "1.12.0",
     "eslint-config-custom": "0.1.0",