@c15t/dev-tools 1.8.3 → 2.0.0-rc.1

package/dist/index.cjs

@@ -1,5 +1,1524 @@
 "use strict";
-var __webpack_require__ = {};
+var __webpack_modules__ = {
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/animations.module.css" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>__rspack_default_export
+        });
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0);
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default()(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default());
+        ___CSS_LOADER_EXPORT___.push([
+            module.id,
+            `@keyframes devtoolsEnter-Jgl1Uz {
+  from {
+    opacity: 0;
+    transform: scale(.95)translateY(8px);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1)translateY(0);
+  }
+}
+
+@keyframes devtoolsExit-GVem79 {
+  from {
+    opacity: 1;
+    transform: scale(1)translateY(0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.95)translateY(8px);
+  }
+}
+
+@keyframes buttonPulse-thl_xD {
+  0%, 100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.05);
+  }
+}
+
+@keyframes buttonEnter-nmbQm7 {
+  from {
+    opacity: 0;
+    transform: scale(.8);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes buttonExit-pxOnsy {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.8);
+  }
+}
+
+@keyframes accordionDown-N6mY7b {
+  from {
+    opacity: 0;
+    height: 0;
+  }
+
+  to {
+    height: var(--accordion-content-height);
+    opacity: 1;
+  }
+}
+
+@keyframes accordionUp-NUVQrz {
+  from {
+    height: var(--accordion-content-height);
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    height: 0;
+  }
+}
+
+@keyframes fadeIn-M9eDrv {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut-feL7tl {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes slideInFromRight-F7lMwz {
+  from {
+    opacity: 0;
+    transform: translateX(16px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slideInFromBottom-_z3hvX {
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animateEnter-detbYr {
+  animation: devtoolsEnter-Jgl1Uz var(--c15t-duration-normal, .2s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1)) forwards;
+  transform-origin: 100% 100%;
+}
+
+.animateExit-qZjCsw {
+  animation: devtoolsExit-GVem79 var(--c15t-duration-fast, .1s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1)) forwards;
+  transform-origin: 100% 100%;
+}
+
+.animateButtonEnter-amkZhT {
+  animation: buttonEnter-nmbQm7 var(--c15t-duration-normal, .2s) var(--c15t-easing-spring, cubic-bezier(.34, 1.56, .64, 1)) forwards;
+  transform-origin: center;
+}
+
+.animateButtonExit-fMVAL4 {
+  animation: buttonExit-pxOnsy var(--c15t-duration-fast, .1s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1)) forwards;
+  transform-origin: center;
+}
+
+.animateFadeIn-TrkV7T {
+  animation: fadeIn-M9eDrv var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)) forwards;
+}
+
+.animateFadeOut-sS4sE4 {
+  animation: fadeOut-feL7tl var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)) forwards;
+}
+
+.animateSlideIn-ccDCyI {
+  animation: slideInFromBottom-_z3hvX var(--c15t-duration-normal, .2s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1)) forwards;
+}
+
+.staggerItem-tzBuCo {
+  opacity: 0;
+  animation: slideInFromRight-F7lMwz var(--c15t-duration-normal, .2s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1)) forwards;
+}
+
+.staggerItem-tzBuCo:first-child {
+  animation-delay: 0s;
+}
+
+.staggerItem-tzBuCo:nth-child(2) {
+  animation-delay: 30ms;
+}
+
+.staggerItem-tzBuCo:nth-child(3) {
+  animation-delay: 60ms;
+}
+
+.staggerItem-tzBuCo:nth-child(4) {
+  animation-delay: 90ms;
+}
+
+.staggerItem-tzBuCo:nth-child(5) {
+  animation-delay: .12s;
+}
+
+.staggerItem-tzBuCo:nth-child(6) {
+  animation-delay: .15s;
+}
+
+.staggerItem-tzBuCo:nth-child(7) {
+  animation-delay: .18s;
+}
+
+.staggerItem-tzBuCo:nth-child(8) {
+  animation-delay: .21s;
+}
+
+.staggerItem-tzBuCo:nth-child(9) {
+  animation-delay: .24s;
+}
+
+.staggerItem-tzBuCo:nth-child(10) {
+  animation-delay: .27s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animateEnter-detbYr, .animateExit-qZjCsw, .animateButtonEnter-amkZhT, .animateButtonExit-fMVAL4, .animateFadeIn-TrkV7T, .animateFadeOut-sS4sE4, .animateSlideIn-ccDCyI, .staggerItem-tzBuCo {
+    opacity: 1;
+    animation: none;
+    transform: none;
+  }
+}
+`,
+            ""
+        ]);
+        ___CSS_LOADER_EXPORT___.locals = {
+            animateEnter: "animateEnter-detbYr",
+            devtoolsEnter: "devtoolsEnter-Jgl1Uz",
+            animateExit: "animateExit-qZjCsw",
+            devtoolsExit: "devtoolsExit-GVem79",
+            animateButtonEnter: "animateButtonEnter-amkZhT",
+            buttonEnter: "buttonEnter-nmbQm7",
+            animateButtonExit: "animateButtonExit-fMVAL4",
+            buttonExit: "buttonExit-pxOnsy",
+            animateFadeIn: "animateFadeIn-TrkV7T",
+            fadeIn: "fadeIn-M9eDrv",
+            animateFadeOut: "animateFadeOut-sS4sE4",
+            fadeOut: "fadeOut-feL7tl",
+            animateSlideIn: "animateSlideIn-ccDCyI",
+            slideInFromBottom: "slideInFromBottom-_z3hvX",
+            staggerItem: "staggerItem-tzBuCo",
+            slideInFromRight: "slideInFromRight-F7lMwz",
+            buttonPulse: "buttonPulse-thl_xD",
+            accordionDown: "accordionDown-N6mY7b",
+            accordionUp: "accordionUp-NUVQrz"
+        };
+        const __rspack_default_export = ___CSS_LOADER_EXPORT___;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/components.module.css" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>__rspack_default_export
+        });
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0);
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default()(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default());
+        ___CSS_LOADER_EXPORT___.push([
+            module.id,
+            `.toggle-bPZtik {
+  border-radius: var(--c15t-radius-full, 9999px);
+  background-color: var(--c15t-switch-track, #ccc);
+  cursor: pointer;
+  width: 36px;
+  height: 20px;
+  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  border: none;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+  position: relative;
+}
+
+.toggle-bPZtik:focus-visible {
+  outline: 2px solid var(--c15t-primary, #335cff);
+  outline-offset: 2px;
+}
+
+.toggleActive-Ldlasg {
+  background-color: var(--c15t-switch-track-active, #335cff);
+}
+
+.toggleThumb-hjGfoX {
+  border-radius: var(--c15t-radius-full, 9999px);
+  background-color: var(--c15t-switch-thumb, #fff);
+  width: 16px;
+  height: 16px;
+  transition: transform var(--c15t-duration-fast, .1s) var(--c15t-easing-spring, cubic-bezier(.34, 1.56, .64, 1));
+  position: absolute;
+  left: 2px;
+  box-shadow: 0 1px 2px #0003;
+}
+
+.toggleActive-Ldlasg .toggleThumb-hjGfoX {
+  transform: translateX(16px);
+}
+
+.toggle-bPZtik:disabled, .toggleDisabled-ZcD8nZ {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.toggle-bPZtik:disabled .toggleThumb-hjGfoX, .toggleDisabled-ZcD8nZ .toggleThumb-hjGfoX {
+  box-shadow: none;
+}
+
+.badge-yA0giZ {
+  border-radius: var(--c15t-radius-sm, .25rem);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  white-space: nowrap;
+  align-items: center;
+  padding: 2px 6px;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.badgeSuccess-mA76a4 {
+  background-color: var(--c15t-devtools-badge-success-bg, #e4fbed);
+  color: var(--c15t-devtools-badge-success, #21c45d);
+}
+
+.badgeError-Agsq7I {
+  background-color: var(--c15t-devtools-badge-error-bg, #fde7e7);
+  color: var(--c15t-devtools-badge-error, #ef4343);
+}
+
+.badgeWarning-xpdwMQ {
+  background-color: var(--c15t-devtools-badge-warning-bg, #fef7dc);
+  color: var(--c15t-devtools-badge-warning, #f59f0a);
+}
+
+.badgeInfo-uWdPCK {
+  background-color: var(--c15t-devtools-badge-info-bg, #dcebfe);
+  color: var(--c15t-devtools-badge-info, #2463eb);
+}
+
+.badgeNeutral-j3EsE0 {
+  background-color: var(--c15t-devtools-badge-neutral-bg, #f0f0f0);
+  color: var(--c15t-devtools-badge-neutral, #737373);
+}
+
+.btn-evRVlh {
+  justify-content: center;
+  align-items: center;
+  gap: var(--c15t-space-xs, .25rem);
+  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-sm, .5rem);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-surface, #fff);
+  color: var(--c15t-text, #171717);
+  font-family: inherit;
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  cursor: pointer;
+  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)), border-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  display: inline-flex;
+}
+
+.btn-evRVlh:hover {
+  background-color: var(--c15t-surface-hover, #f7f7f7);
+  border-color: var(--c15t-border-hover, #c9c9c9);
+}
+
+.btn-evRVlh:focus-visible {
+  outline: 2px solid var(--c15t-primary, #335cff);
+  outline-offset: 1px;
+}
+
+.btn-evRVlh:disabled {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.btnPrimary-dA6nqY {
+  background-color: var(--c15t-primary, #335cff);
+  border-color: var(--c15t-primary, #335cff);
+  color: var(--c15t-text-on-primary, #fff);
+}
+
+.btnPrimary-dA6nqY:hover {
+  background-color: var(--c15t-primary-hover, #03f);
+  border-color: var(--c15t-primary-hover, #03f);
+}
+
+.btnDanger-eDnqOX {
+  background-color: var(--c15t-devtools-badge-error, #ef4343);
+  border-color: var(--c15t-devtools-badge-error, #ef4343);
+  color: var(--c15t-text-on-primary, #fff);
+}
+
+.btnDanger-eDnqOX:hover {
+  background-color: #eb1414;
+  border-color: #eb1414;
+}
+
+.btnSmall-TjXoqZ {
+  padding: 2px var(--c15t-space-xs, .25rem);
+  font-size: 10px;
+}
+
+.btnIcon-fiYQAh {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+}
+
+.input-IeTcCs {
+  width: 100%;
+  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-sm, .5rem);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-surface, #fff);
+  color: var(--c15t-text, #171717);
+  font-family: inherit;
+  font-size: var(--c15t-font-size-sm, .875rem);
+  transition: border-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+}
+
+.input-IeTcCs:focus {
+  border-color: var(--c15t-primary, #335cff);
+  outline: none;
+}
+
+.input-IeTcCs::placeholder {
+  color: var(--c15t-text-muted, #737373);
+}
+
+.inputSmall-pJyXcL {
+  padding: 2px var(--c15t-space-xs, .25rem);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+}
+
+.select-byJ1WM {
+  width: 100%;
+  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-sm, .5rem);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-surface, #fff);
+  color: var(--c15t-text, #171717);
+  font-family: inherit;
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  cursor: pointer;
+}
+
+.select-byJ1WM:focus {
+  border-color: var(--c15t-primary, #335cff);
+  outline: none;
+}
+
+.grid-LlrmEz {
+  gap: var(--c15t-space-sm, .5rem);
+  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
+  display: grid;
+}
+
+.gridCols2-UgcIqI {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.gridCols3-OmMIq6 {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.gridCard-Qm5xxI {
+  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, .75rem);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-surface, #fff);
+  transition: border-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.gridCard-Qm5xxI:hover {
+  border-color: var(--c15t-border-hover, #c9c9c9);
+}
+
+.gridCardTitle-HjXETp {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  color: var(--c15t-text, #171717);
+}
+
+.listItem-XUKGIo {
+  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-md, 1rem);
+  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.listItem-XUKGIo:last-child {
+  border-bottom: none;
+}
+
+.listItemContent-WDBF1N {
+  flex-direction: column;
+  flex: 1;
+  gap: 2px;
+  min-width: 0;
+  display: flex;
+}
+
+.listItemTitle-N89OkC {
+  font-size: var(--c15t-font-size-sm, .875rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  color: var(--c15t-text, #171717);
+}
+
+.listItemDescription-E6JHyZ {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  color: var(--c15t-text-muted, #737373);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.listItemActions-F1BfOm {
+  align-items: center;
+  gap: var(--c15t-space-sm, .5rem);
+  flex-shrink: 0;
+  display: flex;
+}
+
+.section-a197cB {
+  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
+  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
+}
+
+.section-a197cB:last-child {
+  border-bottom: none;
+}
+
+.sectionHeader-Xcljcw {
+  margin-bottom: var(--c15t-space-sm, .5rem);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.sectionTitle-RUiFld {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-semibold, 600);
+  color: var(--c15t-text-muted, #737373);
+  text-transform: uppercase;
+  letter-spacing: .5px;
+}
+
+.infoRow-RlB_0h {
+  padding: var(--c15t-space-xs, .25rem) 0;
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.infoLabel-_pbK33 {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  color: var(--c15t-text-muted, #737373);
+}
+
+.infoValue-flMl_e {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  color: var(--c15t-text, #171717);
+  font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
+}
+
+.emptyState-QcmzTQ {
+  padding: var(--c15t-space-xl, 2rem);
+  text-align: center;
+  color: var(--c15t-text-muted, #737373);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.emptyStateIcon-WHFkX8 {
+  width: 32px;
+  height: 32px;
+  margin-bottom: var(--c15t-space-sm, .5rem);
+  opacity: .5;
+}
+
+.emptyStateText-TaLvAJ {
+  font-size: var(--c15t-font-size-sm, .875rem);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .toggle-bPZtik, .toggleThumb-hjGfoX, .btn-evRVlh, .input-IeTcCs, .select-byJ1WM {
+    transition: none;
+  }
+}
+
+@media (hover: none) {
+  .btn-evRVlh:hover {
+    background-color: var(--c15t-surface, #fff);
+    border-color: var(--c15t-border, #e3e3e3);
+  }
+
+  .btnPrimary-dA6nqY:hover {
+    background-color: var(--c15t-primary, #335cff);
+    border-color: var(--c15t-primary, #335cff);
+  }
+}
+`,
+            ""
+        ]);
+        ___CSS_LOADER_EXPORT___.locals = {
+            toggle: "toggle-bPZtik",
+            toggleActive: "toggleActive-Ldlasg",
+            toggleThumb: "toggleThumb-hjGfoX",
+            toggleDisabled: "toggleDisabled-ZcD8nZ",
+            badge: "badge-yA0giZ",
+            badgeSuccess: "badgeSuccess-mA76a4",
+            badgeError: "badgeError-Agsq7I",
+            badgeWarning: "badgeWarning-xpdwMQ",
+            badgeInfo: "badgeInfo-uWdPCK",
+            badgeNeutral: "badgeNeutral-j3EsE0",
+            btn: "btn-evRVlh",
+            btnPrimary: "btnPrimary-dA6nqY",
+            btnDanger: "btnDanger-eDnqOX",
+            btnSmall: "btnSmall-TjXoqZ",
+            btnIcon: "btnIcon-fiYQAh",
+            input: "input-IeTcCs",
+            inputSmall: "inputSmall-pJyXcL",
+            select: "select-byJ1WM",
+            grid: "grid-LlrmEz",
+            gridCols2: "gridCols2-UgcIqI",
+            gridCols3: "gridCols3-OmMIq6",
+            gridCard: "gridCard-Qm5xxI",
+            gridCardTitle: "gridCardTitle-HjXETp",
+            listItem: "listItem-XUKGIo",
+            listItemContent: "listItemContent-WDBF1N",
+            listItemTitle: "listItemTitle-N89OkC",
+            listItemDescription: "listItemDescription-E6JHyZ",
+            listItemActions: "listItemActions-F1BfOm",
+            section: "section-a197cB",
+            sectionHeader: "sectionHeader-Xcljcw",
+            sectionTitle: "sectionTitle-RUiFld",
+            infoRow: "infoRow-RlB_0h",
+            infoLabel: "infoLabel-_pbK33",
+            infoValue: "infoValue-flMl_e",
+            emptyState: "emptyState-QcmzTQ",
+            emptyStateIcon: "emptyStateIcon-WHFkX8",
+            emptyStateText: "emptyStateText-TaLvAJ"
+        };
+        const __rspack_default_export = ___CSS_LOADER_EXPORT___;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/panel.module.css" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>__rspack_default_export
+        });
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0);
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default()(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default());
+        ___CSS_LOADER_EXPORT___.push([
+            module.id,
+            `.container-XiXwoL {
+  z-index: var(--c15t-devtools-z-index, 99999);
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
+  font-size: var(--c15t-font-size-sm, .875rem);
+  line-height: var(--c15t-line-height-normal, 1.5);
+  color: var(--c15t-text, #171717);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: fixed;
+}
+
+.floatingButton-Gw8MtJ {
+  width: var(--c15t-devtools-button-size, 40px);
+  height: var(--c15t-devtools-button-size, 40px);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-full, 9999px);
+  background-color: var(--c15t-surface, #fff);
+  box-shadow: var(--c15t-shadow-lg, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a);
+  cursor: grab;
+  z-index: var(--c15t-devtools-z-index, 99999);
+  transition: transform var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)), box-shadow var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)), background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  transform-origin: center;
+  touch-action: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: flex;
+  position: fixed;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .floatingButton-Gw8MtJ:hover {
+    background-color: var(--c15t-surface-hover, #f2f2f2);
+    box-shadow: var(--c15t-shadow-xl, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a);
+  }
+}
+
+.floatingButton-Gw8MtJ:focus {
+  outline: none;
+}
+
+.floatingButton-Gw8MtJ:focus-visible {
+  outline: 2px solid var(--c15t-primary, #335cff);
+  outline-offset: 2px;
+}
+
+.floatingButton-Gw8MtJ:active {
+  cursor: grabbing;
+  transform: scale(1.02);
+}
+
+.floatingButtonIcon-cHWefk {
+  width: 50%;
+  height: 50%;
+  color: var(--c15t-text, #171717);
+  pointer-events: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.floatingButtonIcon-cHWefk svg {
+  width: 100%;
+  height: 100%;
+}
+
+.positionBottomRight-ZPD58v {
+  bottom: 20px;
+  right: 20px;
+}
+
+.positionBottomLeft-MDd6AY {
+  bottom: 20px;
+  left: 20px;
+}
+
+.positionTopRight-L6yusU {
+  top: 20px;
+  right: 20px;
+}
+
+.positionTopLeft-C65boy {
+  top: 20px;
+  left: 20px;
+}
+
+.backdrop-LhVMB5 {
+  background-color: var(--c15t-overlay, #00000080);
+  z-index: calc(var(--c15t-devtools-z-index, 99999)  + 1);
+  position: fixed;
+  inset: 0;
+}
+
+.panel-jtWove {
+  width: var(--c15t-devtools-panel-width, 480px);
+  max-height: var(--c15t-devtools-panel-max-height, 560px);
+  background-color: var(--c15t-surface, #fff);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-lg, .75rem);
+  box-shadow: var(--c15t-shadow-lg, 0 8px 24px #0000001f);
+  z-index: calc(var(--c15t-devtools-z-index, 99999)  + 2);
+  flex-direction: column;
+  display: flex;
+  position: fixed;
+  overflow: hidden;
+}
+
+.panel-jtWove.positionBottomRight-ZPD58v {
+  transform-origin: 100% 100%;
+  bottom: 80px;
+  right: 20px;
+}
+
+.panel-jtWove.positionBottomLeft-MDd6AY {
+  transform-origin: 0 100%;
+  bottom: 80px;
+  left: 20px;
+}
+
+.panel-jtWove.positionTopRight-L6yusU {
+  transform-origin: 100% 0;
+  top: 80px;
+  right: 20px;
+}
+
+.panel-jtWove.positionTopLeft-C65boy {
+  transform-origin: 0 0;
+  top: 80px;
+  left: 20px;
+}
+
+.header-xluoTr {
+  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
+  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
+  background-color: var(--c15t-devtools-surface-muted, #f5f5f5);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.headerTitle-kJ9XjK {
+  align-items: center;
+  gap: var(--c15t-space-sm, .5rem);
+  font-size: var(--c15t-font-size-sm, .875rem);
+  font-weight: var(--c15t-font-weight-semibold, 600);
+  color: var(--c15t-text, #171717);
+  display: flex;
+}
+
+.headerLogo-PxJ_w1 {
+  width: 20px;
+  height: 20px;
+  color: var(--c15t-primary, #335cff);
+}
+
+.closeButton-Yto0Nb {
+  border-radius: var(--c15t-radius-sm, .25rem);
+  width: 28px;
+  height: 28px;
+  color: var(--c15t-text-muted, #737373);
+  cursor: pointer;
+  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)), color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  background-color: #0000;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: flex;
+}
+
+.closeButton-Yto0Nb:hover {
+  background-color: var(--c15t-surface-hover, #f7f7f7);
+  color: var(--c15t-text, #171717);
+}
+
+.closeButton-Yto0Nb:focus-visible {
+  outline: 2px solid var(--c15t-primary, #335cff);
+  outline-offset: 1px;
+}
+
+.closeButtonIcon-fVlR1I {
+  width: 16px;
+  height: 16px;
+}
+
+.content-yDMYfG {
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+  flex: auto;
+  min-height: 200px;
+  overflow: hidden auto;
+}
+
+.footer-ESbmwQ {
+  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-md, 1rem);
+  border-top: 1px solid var(--c15t-border, #e3e3e3);
+  background-color: var(--c15t-devtools-surface-muted, #f5f5f5);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  color: var(--c15t-text-muted, #737373);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.footerStatus-rlb99A {
+  align-items: center;
+  gap: var(--c15t-space-xs, .25rem);
+  display: flex;
+}
+
+.statusDot-hYJoej {
+  border-radius: var(--c15t-radius-full, 9999px);
+  width: 6px;
+  height: 6px;
+}
+
+.statusConnected-hPSUgS {
+  background-color: var(--c15t-devtools-badge-success, #21c45d);
+}
+
+.statusDisconnected-HIpcee {
+  background-color: var(--c15t-devtools-badge-error, #ef4343);
+}
+
+.errorState-DRtU3f {
+  padding: var(--c15t-space-xl, 2rem);
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  gap: var(--c15t-space-md, 1rem);
+  flex-direction: column;
+  display: flex;
+}
+
+.errorIcon-_o6Vta {
+  width: 48px;
+  height: 48px;
+  color: var(--c15t-devtools-badge-warning, #f59f0a);
+}
+
+.errorTitle-tkOy1H {
+  font-size: var(--c15t-font-size-base, 1rem);
+  font-weight: var(--c15t-font-weight-semibold, 600);
+  color: var(--c15t-text, #171717);
+}
+
+.errorMessage-MPRZNN {
+  font-size: var(--c15t-font-size-sm, .875rem);
+  color: var(--c15t-text-muted, #737373);
+  max-width: 280px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .floatingButton-Gw8MtJ, .closeButton-Yto0Nb {
+    transition: none;
+  }
+}
+
+@media (hover: none) {
+  .floatingButton-Gw8MtJ:hover {
+    box-shadow: var(--c15t-shadow-md, 0 4px 12px #00000014);
+    transform: none;
+  }
+}
+
+.dropdownMenu-aKK18l {
+  min-width: 200px;
+  padding: var(--c15t-space-xs, .25rem);
+  border: 1px solid var(--c15t-border, #e3e3e3);
+  border-radius: var(--c15t-radius-lg, .75rem);
+  background-color: var(--c15t-surface, #fff);
+  box-shadow: var(--c15t-shadow-lg, 0 8px 24px #0000001f);
+  z-index: calc(var(--c15t-devtools-z-index, 99999)  + 1);
+  opacity: 0;
+  transform-origin: 0 100%;
+  pointer-events: none;
+  transition: opacity var(--c15t-duration-fast, .1s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1)), transform var(--c15t-duration-fast, .1s) var(--c15t-easing-out, cubic-bezier(.215, .61, .355, 1));
+  position: fixed;
+  transform: scale(.95)translateY(8px);
+}
+
+.dropdownMenu-aKK18l[data-state="open"] {
+  opacity: 1;
+  pointer-events: auto;
+  transform: scale(1)translateY(0);
+}
+
+.dropdownMenuBottomLeft-MKUEpC {
+  transform-origin: 0 100%;
+}
+
+.dropdownMenuBottomRight-nXiRRF {
+  transform-origin: 100% 100%;
+}
+
+.dropdownMenuTopLeft-YlFVSe {
+  transform-origin: 0 0;
+}
+
+.dropdownMenuTopRight-OpvmUO {
+  transform-origin: 100% 0;
+}
+
+.menuItem-kBbHRP {
+  align-items: center;
+  gap: var(--c15t-space-sm, .5rem);
+  width: 100%;
+  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, .75rem);
+  border-radius: var(--c15t-radius-md, .5rem);
+  color: var(--c15t-text, #171717);
+  font-size: var(--c15t-font-size-sm, .875rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  text-align: left;
+  cursor: pointer;
+  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  background: none;
+  border: none;
+  display: flex;
+}
+
+.menuItem-kBbHRP:hover {
+  background-color: var(--c15t-surface-hover, #f2f2f2);
+}
+
+.menuItem-kBbHRP:focus-visible {
+  outline: 2px solid var(--c15t-primary, #335cff);
+  outline-offset: -2px;
+}
+
+.menuItemIcon-P3pP5K {
+  width: 20px;
+  height: 20px;
+  color: var(--c15t-text-muted, #737373);
+  flex-shrink: 0;
+}
+
+.menuItemLabel-d_d7sD {
+  flex: 1;
+}
+
+.menuItemDescription-hqdfJA {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  color: var(--c15t-text-muted, #737373);
+  font-weight: var(--c15t-font-weight-normal, 400);
+}
+
+.menuItemContent-hBlruV {
+  flex: 1;
+  min-width: 0;
+}
+
+.menuItemToggle-RHrCAX {
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+.menuItemToggleTrack-gDp_f3 {
+  background-color: var(--c15t-switch-track, #d9d9d9);
+  border-radius: var(--c15t-radius-full, 9999px);
+  width: 36px;
+  height: 20px;
+  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  position: relative;
+}
+
+.menuItemToggleThumb-ioqqyc {
+  background-color: var(--c15t-switch-thumb, #fff);
+  border-radius: var(--c15t-radius-full, 9999px);
+  width: 16px;
+  height: 16px;
+  box-shadow: var(--c15t-shadow-sm, 0 1px 2px #0000001a);
+  transition: transform var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  position: absolute;
+  top: 2px;
+  left: 2px;
+}
+
+.menuItemToggleChecked-K3BPtk .menuItemToggleTrack-gDp_f3 {
+  background-color: var(--c15t-switch-track-checked, #335cff);
+}
+
+.menuItemToggleChecked-K3BPtk .menuItemToggleThumb-ioqqyc {
+  transform: translateX(16px);
+}
+
+.menuDivider-JIBdhU {
+  height: 1px;
+  margin: var(--c15t-space-xs, .25rem) 0;
+  background-color: var(--c15t-border, #e3e3e3);
+}
+
+.unifiedButtonWrapper-d3Frwt {
+  display: contents;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dropdownMenu-aKK18l {
+    transition: none;
+  }
+}
+`,
+            ""
+        ]);
+        ___CSS_LOADER_EXPORT___.locals = {
+            container: "container-XiXwoL",
+            floatingButton: "floatingButton-Gw8MtJ",
+            floatingButtonIcon: "floatingButtonIcon-cHWefk",
+            positionBottomRight: "positionBottomRight-ZPD58v",
+            positionBottomLeft: "positionBottomLeft-MDd6AY",
+            positionTopRight: "positionTopRight-L6yusU",
+            positionTopLeft: "positionTopLeft-C65boy",
+            backdrop: "backdrop-LhVMB5",
+            panel: "panel-jtWove",
+            header: "header-xluoTr",
+            headerTitle: "headerTitle-kJ9XjK",
+            headerLogo: "headerLogo-PxJ_w1",
+            closeButton: "closeButton-Yto0Nb",
+            closeButtonIcon: "closeButtonIcon-fVlR1I",
+            content: "content-yDMYfG",
+            footer: "footer-ESbmwQ",
+            footerStatus: "footerStatus-rlb99A",
+            statusDot: "statusDot-hYJoej",
+            statusConnected: "statusConnected-hPSUgS",
+            statusDisconnected: "statusDisconnected-HIpcee",
+            errorState: "errorState-DRtU3f",
+            errorIcon: "errorIcon-_o6Vta",
+            errorTitle: "errorTitle-tkOy1H",
+            errorMessage: "errorMessage-MPRZNN",
+            dropdownMenu: "dropdownMenu-aKK18l",
+            dropdownMenuBottomLeft: "dropdownMenuBottomLeft-MKUEpC",
+            dropdownMenuBottomRight: "dropdownMenuBottomRight-nXiRRF",
+            dropdownMenuTopLeft: "dropdownMenuTopLeft-YlFVSe",
+            dropdownMenuTopRight: "dropdownMenuTopRight-OpvmUO",
+            menuItem: "menuItem-kBbHRP",
+            menuItemIcon: "menuItemIcon-P3pP5K",
+            menuItemLabel: "menuItemLabel-d_d7sD",
+            menuItemDescription: "menuItemDescription-hqdfJA",
+            menuItemContent: "menuItemContent-hBlruV",
+            menuItemToggle: "menuItemToggle-RHrCAX",
+            menuItemToggleTrack: "menuItemToggleTrack-gDp_f3",
+            menuItemToggleThumb: "menuItemToggleThumb-ioqqyc",
+            menuItemToggleChecked: "menuItemToggleChecked-K3BPtk",
+            menuDivider: "menuDivider-JIBdhU",
+            unifiedButtonWrapper: "unifiedButtonWrapper-d3Frwt"
+        };
+        const __rspack_default_export = ___CSS_LOADER_EXPORT___;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/tabs.module.css" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>__rspack_default_export
+        });
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0);
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default()(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default());
+        ___CSS_LOADER_EXPORT___.push([
+            module.id,
+            `.tabList-IyuiBE {
+  gap: var(--c15t-space-xs, .25rem);
+  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
+  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
+  background-color: var(--c15t-surface, #fff);
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  display: flex;
+  overflow-x: auto;
+}
+
+.tabList-IyuiBE::-webkit-scrollbar {
+  display: none;
+}
+
+.tab-yfDEqg {
+  align-items: center;
+  gap: var(--c15t-space-xs, .25rem);
+  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-sm, .5rem);
+  border-radius: var(--c15t-radius-md, .5rem);
+  color: var(--c15t-text-muted, #737373);
+  font-family: inherit;
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  cursor: pointer;
+  white-space: nowrap;
+  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1)), color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  background-color: #0000;
+  border: none;
+  display: flex;
+}
+
+.tab-yfDEqg:hover {
+  background-color: var(--c15t-surface-hover, #f7f7f7);
+  color: var(--c15t-text, #171717);
+}
+
+.tab-yfDEqg:focus-visible {
+  outline: 2px solid var(--c15t-primary, #335cff);
+  outline-offset: 1px;
+}
+
+.tabActive-r4hing {
+  background-color: var(--c15t-primary, #335cff);
+  color: var(--c15t-text-on-primary, #fff);
+}
+
+.tabActive-r4hing:hover {
+  background-color: var(--c15t-primary-hover, #03f);
+  color: var(--c15t-text-on-primary, #fff);
+}
+
+.tabIcon-U9tnu0 {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+}
+
+.tabDisabled-lDuv5l {
+  opacity: .5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.tabDisabled-lDuv5l:hover {
+  color: var(--c15t-text-muted, #737373);
+  background-color: #0000;
+}
+
+.tabPanel-QKO8FX {
+  display: none;
+}
+
+.tabPanelActive-mrNlGE {
+  display: block;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tab-yfDEqg {
+    transition: none;
+  }
+}
+
+@media (hover: none) {
+  .tab-yfDEqg:hover:not(.tabActive-r4hing) {
+    color: var(--c15t-text-muted, #737373);
+    background-color: #0000;
+  }
+}
+`,
+            ""
+        ]);
+        ___CSS_LOADER_EXPORT___.locals = {
+            tabList: "tabList-IyuiBE",
+            tab: "tab-yfDEqg",
+            tabActive: "tabActive-r4hing",
+            tabIcon: "tabIcon-U9tnu0",
+            tabDisabled: "tabDisabled-lDuv5l",
+            tabPanel: "tabPanel-QKO8FX",
+            tabPanelActive: "tabPanelActive-mrNlGE"
+        };
+        const __rspack_default_export = ___CSS_LOADER_EXPORT___;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/tokens.css" (module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>__rspack_default_export
+        });
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0);
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1 = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/api.js");
+        var _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default = /*#__PURE__*/ __webpack_require__.n(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1);
+        var ___CSS_LOADER_EXPORT___ = _node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_api_js__rspack_import_1_default()(_node_modules_bun_rsbuild_core_1_6_12_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__rspack_import_0_default());
+        ___CSS_LOADER_EXPORT___.push([
+            module.id,
+            `:root {
+  --c15t-devtools-panel-width: 480px;
+  --c15t-devtools-panel-max-height: 560px;
+  --c15t-devtools-button-size: 40px;
+  --c15t-devtools-z-index: 99999;
+  --c15t-devtools-surface-muted: var(--c15t-surface-hover, #f7f7f7);
+  --c15t-devtools-font-size-xs: .75rem;
+  --c15t-devtools-badge-success: #21c45d;
+  --c15t-devtools-badge-success-bg: #e4fbed;
+  --c15t-devtools-badge-error: #ef4343;
+  --c15t-devtools-badge-error-bg: #fde7e7;
+  --c15t-devtools-badge-warning: #f59f0a;
+  --c15t-devtools-badge-warning-bg: #fef7dc;
+  --c15t-devtools-badge-info: #2463eb;
+  --c15t-devtools-badge-info-bg: #dcebfe;
+  --c15t-devtools-badge-neutral: #737373;
+  --c15t-devtools-badge-neutral-bg: #f0f0f0;
+}
+
+:is(:global(.c15t-dark), :global(.dark)) {
+  --c15t-devtools-surface-muted: var(--c15t-surface-hover, #292929);
+  --c15t-devtools-badge-success-bg: #21c45d33;
+  --c15t-devtools-badge-error-bg: #ef434333;
+  --c15t-devtools-badge-warning-bg: #f59f0a33;
+  --c15t-devtools-badge-info-bg: #2463eb33;
+  --c15t-devtools-badge-neutral-bg: #383838;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --c15t-devtools-surface-muted: var(--c15t-surface-hover, #292929);
+    --c15t-devtools-badge-success-bg: #21c45d33;
+    --c15t-devtools-badge-error-bg: #ef434333;
+    --c15t-devtools-badge-warning-bg: #f59f0a33;
+    --c15t-devtools-badge-info-bg: #2463eb33;
+    --c15t-devtools-badge-neutral-bg: #383838;
+  }
+}
+`,
+            ""
+        ]);
+        const __rspack_default_export = ___CSS_LOADER_EXPORT___;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/api.js" (module) {
+        module.exports = function(cssWithMappingToString) {
+            var list = [];
+            list.toString = function() {
+                return this.map(function(item) {
+                    var content = "";
+                    var needLayer = void 0 !== item[5];
+                    if (item[4]) content += "@supports (".concat(item[4], ") {");
+                    if (item[2]) content += "@media ".concat(item[2], " {");
+                    if (needLayer) content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
+                    content += cssWithMappingToString(item);
+                    if (needLayer) content += "}";
+                    if (item[2]) content += "}";
+                    if (item[4]) content += "}";
+                    return content;
+                }).join("");
+            };
+            list.i = function(modules, media, dedupe, supports, layer) {
+                if ("string" == typeof modules) modules = [
+                    [
+                        null,
+                        modules,
+                        void 0
+                    ]
+                ];
+                var alreadyImportedModules = {};
+                if (dedupe) for(var k = 0; k < this.length; k++){
+                    var id = this[k][0];
+                    if (null != id) alreadyImportedModules[id] = true;
+                }
+                for(var _k = 0; _k < modules.length; _k++){
+                    var item = [].concat(modules[_k]);
+                    if (!dedupe || !alreadyImportedModules[item[0]]) {
+                        if (void 0 !== layer) if (void 0 === item[5]) item[5] = layer;
+                        else {
+                            item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
+                            item[5] = layer;
+                        }
+                        if (media) if (item[2]) {
+                            item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
+                            item[2] = media;
+                        } else item[2] = media;
+                        if (supports) if (item[4]) {
+                            item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
+                            item[4] = supports;
+                        } else item[4] = "".concat(supports);
+                        list.push(item);
+                    }
+                }
+            };
+            return list;
+        };
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js" (module) {
+        module.exports = function(i) {
+            return i[1];
+        };
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js" (module) {
+        var stylesInDOM = [];
+        function getIndexByIdentifier(identifier) {
+            var result = -1;
+            for(var i = 0; i < stylesInDOM.length; i++)if (stylesInDOM[i].identifier === identifier) {
+                result = i;
+                break;
+            }
+            return result;
+        }
+        function modulesToDom(list, options) {
+            var idCountMap = {};
+            var identifiers = [];
+            for(var i = 0; i < list.length; i++){
+                var item = list[i];
+                var id = options.base ? item[0] + options.base : item[0];
+                var count = idCountMap[id] || 0;
+                var identifier = "".concat(id, " ").concat(count);
+                idCountMap[id] = count + 1;
+                var indexByIdentifier = getIndexByIdentifier(identifier);
+                var obj = {
+                    css: item[1],
+                    media: item[2],
+                    sourceMap: item[3],
+                    supports: item[4],
+                    layer: item[5]
+                };
+                if (-1 !== indexByIdentifier) {
+                    stylesInDOM[indexByIdentifier].references++;
+                    stylesInDOM[indexByIdentifier].updater(obj);
+                } else {
+                    var updater = addElementStyle(obj, options);
+                    options.byIndex = i;
+                    stylesInDOM.splice(i, 0, {
+                        identifier: identifier,
+                        updater: updater,
+                        references: 1
+                    });
+                }
+                identifiers.push(identifier);
+            }
+            return identifiers;
+        }
+        function addElementStyle(obj, options) {
+            var api = options.domAPI(options);
+            api.update(obj);
+            var updater = function(newObj) {
+                if (newObj) {
+                    if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) return;
+                    api.update(obj = newObj);
+                } else api.remove();
+            };
+            return updater;
+        }
+        module.exports = function(list, options) {
+            options = options || {};
+            list = list || [];
+            var lastIdentifiers = modulesToDom(list, options);
+            return function(newList) {
+                newList = newList || [];
+                for(var i = 0; i < lastIdentifiers.length; i++){
+                    var identifier = lastIdentifiers[i];
+                    var index = getIndexByIdentifier(identifier);
+                    stylesInDOM[index].references--;
+                }
+                var newLastIdentifiers = modulesToDom(newList, options);
+                for(var _i = 0; _i < lastIdentifiers.length; _i++){
+                    var _identifier = lastIdentifiers[_i];
+                    var _index = getIndexByIdentifier(_identifier);
+                    if (0 === stylesInDOM[_index].references) {
+                        stylesInDOM[_index].updater();
+                        stylesInDOM.splice(_index, 1);
+                    }
+                }
+                lastIdentifiers = newLastIdentifiers;
+            };
+        };
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js" (module) {
+        var memo = {};
+        function getTarget(target) {
+            if (void 0 === memo[target]) {
+                var styleTarget = document.querySelector(target);
+                if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) try {
+                    styleTarget = styleTarget.contentDocument.head;
+                } catch (e) {
+                    styleTarget = null;
+                }
+                memo[target] = styleTarget;
+            }
+            return memo[target];
+        }
+        function insertBySelector(insert, style) {
+            var target = getTarget(insert);
+            if (!target) throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+            target.appendChild(style);
+        }
+        module.exports = insertBySelector;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js" (module) {
+        function insertStyleElement(options) {
+            var element = document.createElement("style");
+            options.setAttributes(element, options.attributes);
+            options.insert(element, options.options);
+            return element;
+        }
+        module.exports = insertStyleElement;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js" (module, __unused_webpack_exports, __webpack_require__) {
+        function setAttributesWithoutAttributes(styleElement) {
+            var nonce = __webpack_require__.nc;
+            if (nonce) styleElement.setAttribute("nonce", nonce);
+        }
+        module.exports = setAttributesWithoutAttributes;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js" (module) {
+        function apply(styleElement, options, obj) {
+            var css = "";
+            if (obj.supports) css += "@supports (".concat(obj.supports, ") {");
+            if (obj.media) css += "@media ".concat(obj.media, " {");
+            var needLayer = void 0 !== obj.layer;
+            if (needLayer) css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+            css += obj.css;
+            if (needLayer) css += "}";
+            if (obj.media) css += "}";
+            if (obj.supports) css += "}";
+            var sourceMap = obj.sourceMap;
+            if (sourceMap && "undefined" != typeof btoa) css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+            options.styleTagTransform(css, styleElement, options.options);
+        }
+        function removeStyleElement(styleElement) {
+            if (null === styleElement.parentNode) return false;
+            styleElement.parentNode.removeChild(styleElement);
+        }
+        function domAPI(options) {
+            if ("undefined" == typeof document) return {
+                update: function() {},
+                remove: function() {}
+            };
+            var styleElement = options.insertStyleElement(options);
+            return {
+                update: function(obj) {
+                    apply(styleElement, options, obj);
+                },
+                remove: function() {
+                    removeStyleElement(styleElement);
+                }
+            };
+        }
+        module.exports = domAPI;
+    },
+    "../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js" (module) {
+        function styleTagTransform(css, styleElement) {
+            if (styleElement.styleSheet) styleElement.styleSheet.cssText = css;
+            else {
+                while(styleElement.firstChild)styleElement.removeChild(styleElement.firstChild);
+                styleElement.appendChild(document.createTextNode(css));
+            }
+        }
+        module.exports = styleTagTransform;
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        id: moduleId,
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -21,16 +1540,3300 @@ var __webpack_require__ = {};
         });
     };
 })();
+(()=>{
+    __webpack_require__.nc = void 0;
+})();
 var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    C15TDevTools: ()=>external_dev_tool_cjs_namespaceObject.C15TDevTools
-});
-const external_dev_tool_cjs_namespaceObject = require("./dev-tool.cjs");
-exports.C15TDevTools = __webpack_exports__.C15TDevTools;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "C15TDevTools"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        createStoreConnector: ()=>createStoreConnector,
+        getC15tStore: ()=>getC15tStore,
+        isC15tStoreAvailable: ()=>isC15tStoreAvailable,
+        createDevToolsPanel: ()=>createDevToolsPanel,
+        createDevTools: ()=>createDevTools
+    });
+    const DEVTOOLS_STORAGE_KEY = 'c15t-devtools-position';
+    const DRAG_THRESHOLD = 30;
+    const VELOCITY_THRESHOLD = 0.15;
+    function createInitialDragState() {
+        return {
+            isDragging: false,
+            startX: 0,
+            startY: 0,
+            currentX: 0,
+            currentY: 0
+        };
+    }
+    function calculateCornerFromDrag(currentCorner, dragX, dragY, options = {}) {
+        const { threshold = DRAG_THRESHOLD, velocityX = 0, velocityY = 0 } = options;
+        const absDragX = Math.abs(dragX);
+        const absDragY = Math.abs(dragY);
+        const absVelocityX = Math.abs(velocityX);
+        const absVelocityY = Math.abs(velocityY);
+        const hasVelocityX = absVelocityX >= VELOCITY_THRESHOLD;
+        const hasVelocityY = absVelocityY >= VELOCITY_THRESHOLD;
+        const velocityDistanceThreshold = 10;
+        const shouldMoveX = absDragX >= threshold || hasVelocityX && absDragX >= velocityDistanceThreshold;
+        const shouldMoveY = absDragY >= threshold || hasVelocityY && absDragY >= velocityDistanceThreshold;
+        if (!shouldMoveX && !shouldMoveY) return currentCorner;
+        const isCurrentlyBottom = currentCorner.includes('bottom');
+        const isCurrentlyRight = currentCorner.includes('right');
+        let isBottom = isCurrentlyBottom;
+        let isRight = isCurrentlyRight;
+        if (shouldMoveX) isRight = dragX > 0;
+        if (shouldMoveY) isBottom = dragY > 0;
+        if (isBottom && isRight) return 'bottom-right';
+        if (isBottom && !isRight) return 'bottom-left';
+        if (!isBottom && isRight) return 'top-right';
+        return 'top-left';
+    }
+    function getCornerStyles(corner, offset = 20) {
+        const styles = {};
+        if (corner.includes('bottom')) styles.bottom = `${offset}px`;
+        else styles.top = `${offset}px`;
+        if (corner.includes('right')) styles.right = `${offset}px`;
+        else styles.left = `${offset}px`;
+        return styles;
+    }
+    function persistPosition(corner, storageKey = DEVTOOLS_STORAGE_KEY) {
+        try {
+            if ('undefined' != typeof localStorage) localStorage.setItem(storageKey, corner);
+        } catch  {}
+    }
+    function getPersistedPosition(storageKey = DEVTOOLS_STORAGE_KEY) {
+        try {
+            if ('undefined' != typeof localStorage) {
+                const stored = localStorage.getItem(storageKey);
+                if ('bottom-right' === stored || 'top-right' === stored || 'bottom-left' === stored || 'top-left' === stored) return stored;
+            }
+        } catch  {}
+        return null;
+    }
+    function calculateDragOffset(dragState) {
+        if (!dragState.isDragging) return {
+            x: 0,
+            y: 0
+        };
+        return {
+            x: dragState.currentX - dragState.startX,
+            y: dragState.currentY - dragState.startY
+        };
+    }
+    function createDraggable(options = {}) {
+        const { defaultPosition = 'bottom-right', persistPosition: shouldPersist = true, onPositionChange, onDragStart, onDragEnd } = options;
+        let corner = defaultPosition;
+        if (shouldPersist && 'undefined' != typeof window) {
+            const persisted = getPersistedPosition(DEVTOOLS_STORAGE_KEY);
+            if (persisted) corner = persisted;
+        }
+        let dragState = createInitialDragState();
+        let hasDragged = false;
+        let dragStartTime = 0;
+        let attachedElement = null;
+        let boundPointerDown = null;
+        let boundPointerMove = null;
+        let boundPointerUp = null;
+        let boundPointerCancel = null;
+        function updateCorner(newCorner) {
+            corner = newCorner;
+            if (shouldPersist) persistPosition(newCorner, DEVTOOLS_STORAGE_KEY);
+            onPositionChange?.(newCorner);
+        }
+        function handlePointerDown(e) {
+            if (0 !== e.button) return;
+            e.target.setPointerCapture(e.pointerId);
+            hasDragged = false;
+            dragStartTime = Date.now();
+            dragState = {
+                isDragging: true,
+                startX: e.clientX,
+                startY: e.clientY,
+                currentX: e.clientX,
+                currentY: e.clientY
+            };
+            onDragStart?.();
+        }
+        function handlePointerMove(e) {
+            if (!dragState.isDragging) return;
+            const dx = Math.abs(e.clientX - dragState.startX);
+            const dy = Math.abs(e.clientY - dragState.startY);
+            if (dx > 5 || dy > 5) hasDragged = true;
+            dragState = {
+                ...dragState,
+                currentX: e.clientX,
+                currentY: e.clientY
+            };
+            if (attachedElement && hasDragged) {
+                const offset = calculateDragOffset(dragState);
+                attachedElement.style.transform = `translate(${offset.x}px, ${offset.y}px)`;
+                attachedElement.style.transition = 'none';
+            }
+        }
+        function handlePointerUp(e) {
+            if (!dragState.isDragging) return;
+            e.target.releasePointerCapture(e.pointerId);
+            if (hasDragged) {
+                const dragX = e.clientX - dragState.startX;
+                const dragY = e.clientY - dragState.startY;
+                const dragDuration = Date.now() - dragStartTime;
+                const velocityX = dragDuration > 0 ? dragX / dragDuration : 0;
+                const velocityY = dragDuration > 0 ? dragY / dragDuration : 0;
+                const newCorner = calculateCornerFromDrag(corner, dragX, dragY, {
+                    velocityX,
+                    velocityY
+                });
+                if (newCorner !== corner) updateCorner(newCorner);
+                if (attachedElement) {
+                    applyPositionStyles(attachedElement);
+                    attachedElement.style.transform = '';
+                    attachedElement.style.transition = '';
+                }
+            }
+            dragState = createInitialDragState();
+            onDragEnd?.(hasDragged);
+        }
+        function handlePointerCancel(e) {
+            e.target.releasePointerCapture(e.pointerId);
+            dragState = createInitialDragState();
+            if (attachedElement) {
+                attachedElement.style.transform = '';
+                attachedElement.style.transition = '';
+            }
+            onDragEnd?.(false);
+        }
+        function applyPositionStyles(element) {
+            const styles = getCornerStyles(corner, 20);
+            element.style.top = '';
+            element.style.bottom = '';
+            element.style.left = '';
+            element.style.right = '';
+            for (const [key, value] of Object.entries(styles))if (void 0 !== value) element.style.setProperty(key, value);
+        }
+        function attach(element) {
+            detach();
+            attachedElement = element;
+            boundPointerDown = handlePointerDown;
+            boundPointerMove = handlePointerMove;
+            boundPointerUp = handlePointerUp;
+            boundPointerCancel = handlePointerCancel;
+            element.addEventListener('pointerdown', boundPointerDown);
+            element.addEventListener('pointermove', boundPointerMove);
+            element.addEventListener('pointerup', boundPointerUp);
+            element.addEventListener('pointercancel', boundPointerCancel);
+            applyPositionStyles(element);
+            element.style.touchAction = 'none';
+        }
+        function detach() {
+            if (attachedElement) {
+                if (boundPointerDown) attachedElement.removeEventListener('pointerdown', boundPointerDown);
+                if (boundPointerMove) attachedElement.removeEventListener('pointermove', boundPointerMove);
+                if (boundPointerUp) attachedElement.removeEventListener('pointerup', boundPointerUp);
+                if (boundPointerCancel) attachedElement.removeEventListener('pointercancel', boundPointerCancel);
+                attachedElement = null;
+            }
+        }
+        return {
+            getCorner: ()=>corner,
+            setCorner: updateCorner,
+            isDragging: ()=>dragState.isDragging,
+            wasDragged: ()=>hasDragged,
+            attach,
+            detach,
+            applyPositionStyles,
+            destroy: detach
+        };
+    }
+    function createElement(options = {}) {
+        const { tag = 'div', text, html, children, className, id, style, dataset, onClick, onMouseEnter, onMouseLeave, onKeyDown, onKeyUp, onFocus, onBlur, onChange, onInput, onAnimationEnd, onTransitionEnd, ...attrs } = options;
+        const element = document.createElement(tag);
+        if (className) element.className = className;
+        if (id) element.id = id;
+        if (style) {
+            for (const [key, value] of Object.entries(style))if (void 0 !== value) element.style.setProperty(key.replace(/([A-Z])/g, '-$1').toLowerCase(), String(value));
+        }
+        if (dataset) for (const [key, value] of Object.entries(dataset))element.dataset[key] = value;
+        if (text) element.textContent = text;
+        if (html) element.innerHTML = html;
+        if (children) {
+            for (const child of children)if (null != child) if ('string' == typeof child) element.appendChild(document.createTextNode(child));
+            else element.appendChild(child);
+        }
+        if (void 0 !== attrs.ariaLabel) element.setAttribute('aria-label', attrs.ariaLabel);
+        if (void 0 !== attrs.ariaExpanded) element.setAttribute('aria-expanded', attrs.ariaExpanded);
+        if (void 0 !== attrs.ariaHidden) element.setAttribute('aria-hidden', attrs.ariaHidden);
+        if (void 0 !== attrs.ariaSelected) element.setAttribute('aria-selected', attrs.ariaSelected);
+        if (void 0 !== attrs.ariaControls) element.setAttribute('aria-controls', attrs.ariaControls);
+        if (void 0 !== attrs.ariaChecked) element.setAttribute('aria-checked', attrs.ariaChecked);
+        for (const [key, value] of Object.entries(attrs))if (void 0 !== value && !key.startsWith('aria')) if ('boolean' == typeof value) {
+            if (value) element.setAttribute(key, '');
+        } else element.setAttribute(key, String(value));
+        if (onClick) element.addEventListener('click', onClick);
+        if (onMouseEnter) element.addEventListener('mouseenter', onMouseEnter);
+        if (onMouseLeave) element.addEventListener('mouseleave', onMouseLeave);
+        if (onKeyDown) element.addEventListener('keydown', onKeyDown);
+        if (onKeyUp) element.addEventListener('keyup', onKeyUp);
+        if (onFocus) element.addEventListener('focus', onFocus);
+        if (onBlur) element.addEventListener('blur', onBlur);
+        if (onChange) element.addEventListener('change', onChange);
+        if (onInput) element.addEventListener('input', onInput);
+        if (onAnimationEnd) element.addEventListener('animationend', onAnimationEnd);
+        if (onTransitionEnd) element.addEventListener('transitionend', onTransitionEnd);
+        return element;
+    }
+    function renderer_div(options = {}) {
+        return createElement({
+            ...options,
+            tag: 'div'
+        });
+    }
+    function renderer_button(options = {}) {
+        return createElement({
+            ...options,
+            tag: 'button',
+            type: options.type ?? 'button'
+        });
+    }
+    function span(options = {}) {
+        return createElement({
+            ...options,
+            tag: 'span'
+        });
+    }
+    function input(options = {}) {
+        return createElement({
+            ...options,
+            tag: 'input'
+        });
+    }
+    function renderer_select(options = {}) {
+        const { options: selectOptions, selectedValue, ...rest } = options;
+        const selectElement = createElement({
+            ...rest,
+            tag: 'select'
+        });
+        if (selectOptions) for (const opt of selectOptions){
+            const optionElement = document.createElement('option');
+            optionElement.value = opt.value;
+            optionElement.textContent = opt.label;
+            if (selectedValue === opt.value) optionElement.selected = true;
+            selectElement.appendChild(optionElement);
+        }
+        return selectElement;
+    }
+    function createSvgElement(svgContent, options = {}) {
+        const { className, ariaHidden = true, width = 24, height = 24 } = options;
+        const wrapper = document.createElement('div');
+        wrapper.innerHTML = svgContent.trim();
+        const svg = wrapper.firstElementChild;
+        if (svg) {
+            if (className) svg.setAttribute('class', className);
+            if (ariaHidden) svg.setAttribute('aria-hidden', 'true');
+            svg.setAttribute('width', String(width));
+            svg.setAttribute('height', String(height));
+        }
+        return svg;
+    }
+    function clearElement(element) {
+        while(element.firstChild)element.removeChild(element.firstChild);
+    }
+    function createPortal(element) {
+        document.body.appendChild(element);
+        return ()=>{
+            if (element.parentNode) element.parentNode.removeChild(element);
+        };
+    }
+    var injectStylesIntoStyleTag = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/injectStylesIntoStyleTag.js");
+    var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
+    var styleDomAPI = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleDomAPI.js");
+    var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
+    var insertBySelector = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertBySelector.js");
+    var insertBySelector_default = /*#__PURE__*/ __webpack_require__.n(insertBySelector);
+    var setAttributesWithoutAttributes = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/setAttributesWithoutAttributes.js");
+    var setAttributesWithoutAttributes_default = /*#__PURE__*/ __webpack_require__.n(setAttributesWithoutAttributes);
+    var insertStyleElement = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/insertStyleElement.js");
+    var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
+    var styleTagTransform = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
+    var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
+    var animations_module = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/animations.module.css");
+    var animations_module_options = {};
+    animations_module_options.styleTagTransform = styleTagTransform_default();
+    animations_module_options.setAttributes = setAttributesWithoutAttributes_default();
+    animations_module_options.insert = insertBySelector_default().bind(null, "head");
+    animations_module_options.domAPI = styleDomAPI_default();
+    animations_module_options.insertStyleElement = insertStyleElement_default();
+    injectStylesIntoStyleTag_default()(animations_module.A, animations_module_options);
+    const styles_animations_module = animations_module.A && animations_module.A.locals ? animations_module.A.locals : void 0;
+    var panel_module = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/panel.module.css");
+    var panel_module_options = {};
+    panel_module_options.styleTagTransform = styleTagTransform_default();
+    panel_module_options.setAttributes = setAttributesWithoutAttributes_default();
+    panel_module_options.insert = insertBySelector_default().bind(null, "head");
+    panel_module_options.domAPI = styleDomAPI_default();
+    panel_module_options.insertStyleElement = insertStyleElement_default();
+    injectStylesIntoStyleTag_default()(panel_module.A, panel_module_options);
+    const styles_panel_module = panel_module.A && panel_module.A.locals ? panel_module.A.locals : void 0;
+    const PREFERENCE_TRIGGER_SELECTORS = '[data-c15t-trigger], [aria-label*="privacy settings"], [aria-label*="preference"]';
+    function detectPreferenceTrigger() {
+        const triggers = document.querySelectorAll(PREFERENCE_TRIGGER_SELECTORS);
+        return triggers.length > 0;
+    }
+    function getPreferenceTriggerElements() {
+        return document.querySelectorAll(PREFERENCE_TRIGGER_SELECTORS);
+    }
+    function setPreferenceTriggerVisibility(visible) {
+        const elements = getPreferenceTriggerElements();
+        for (const el of elements)el.style.display = visible ? '' : 'none';
+    }
+    function getPreferenceCenterOpener() {
+        const win = window;
+        const store = win.c15tStore;
+        if (store && 'function' == typeof store.getState) {
+            const state = store.getState();
+            if ('function' == typeof state.setActiveUI) return ()=>{
+                state.setActiveUI('dialog');
+            };
+        }
+        return null;
+    }
+    const DEVTOOLS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 445" aria-label="c15t">
+  <path fill="currentColor" d="M223.178.313c39.064 0 70.732 31.668 70.732 70.732-.001 39.064-31.668 70.731-70.732 70.731-12.181 0-23.642-3.079-33.649-8.502l-55.689 55.689a70.267 70.267 0 0 1 5.574 13.441h167.531c8.695-29.217 35.762-50.523 67.804-50.523 39.064 0 70.731 31.668 70.731 70.732s-31.668 70.732-70.731 70.732c-32.042 0-59.108-21.306-67.803-50.523H139.413a70.417 70.417 0 0 1-7.888 17.396l54.046 54.046c10.893-6.851 23.786-10.815 37.605-10.815 39.064 0 70.732 31.669 70.732 70.733 0 39.064-31.668 70.731-70.732 70.731s-70.732-31.667-70.732-70.731c0-10.518 2.296-20.499 6.414-29.471l-57.78-57.78c-8.972 4.117-18.952 6.414-29.47 6.414-39.063 0-70.731-31.668-70.732-70.732 0-39.064 31.669-70.732 70.733-70.732 12.18 0 23.642 3.079 33.649 8.502l55.688-55.688c-5.423-10.007-8.502-21.469-8.502-33.65 0-39.064 31.668-70.733 70.732-70.733Zm0 343.555c-16.742 0-30.314 13.572-30.314 30.314 0 16.741 13.572 30.313 30.314 30.313s30.314-13.572 30.314-30.313c0-16.742-13.572-30.314-30.314-30.314ZM71.611 192.299c-16.742 0-30.315 13.572-30.315 30.314s13.573 30.314 30.315 30.314c16.741 0 30.313-13.572 30.313-30.314 0-16.741-13.572-30.314-30.313-30.314Zm303.138 0c-16.729 0-30.294 13.551-30.315 30.275l.001.039-.001.038c.021 16.725 13.586 30.276 30.315 30.276 16.741 0 30.313-13.572 30.313-30.314 0-16.741-13.572-30.314-30.313-30.314ZM223.178 40.73c-16.742 0-30.314 13.573-30.314 30.315s13.573 30.313 30.314 30.313c16.742 0 30.313-13.572 30.314-30.313 0-16.742-13.572-30.314-30.314-30.315Z"/>
+</svg>`;
+    const PREFERENCES_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/>
+  <circle cx="12" cy="12" r="3"/>
+</svg>`;
+    const EYE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/>
+  <circle cx="12" cy="12" r="3"/>
+</svg>`;
+    function getMenuPositionClass(position) {
+        switch(position){
+            case 'bottom-left':
+                return styles_panel_module.dropdownMenuBottomLeft ?? '';
+            case 'bottom-right':
+                return styles_panel_module.dropdownMenuBottomRight ?? '';
+            case 'top-left':
+                return styles_panel_module.dropdownMenuTopLeft ?? '';
+            case 'top-right':
+                return styles_panel_module.dropdownMenuTopRight ?? '';
+        }
+    }
+    function createDropdownMenu(options) {
+        const { items, onOpen, onClose } = options;
+        let isMenuOpen = false;
+        let currentPosition = options.position;
+        let referenceElement = options.referenceElement;
+        const menu = renderer_div({
+            className: `${styles_panel_module.dropdownMenu ?? ''} ${getMenuPositionClass(currentPosition)}`,
+            role: 'menu',
+            ariaLabel: 'c15t Options'
+        });
+        menu.dataset.state = 'closed';
+        function positionMenu() {
+            if (!referenceElement) return;
+            const rect = referenceElement.getBoundingClientRect();
+            menu.getBoundingClientRect();
+            const gap = 8;
+            if (currentPosition.includes('bottom')) {
+                menu.style.bottom = `${window.innerHeight - rect.top + gap}px`;
+                menu.style.top = '';
+            } else {
+                menu.style.top = `${rect.bottom + gap}px`;
+                menu.style.bottom = '';
+            }
+            if (currentPosition.includes('left')) {
+                menu.style.left = `${rect.left}px`;
+                menu.style.right = '';
+            } else {
+                menu.style.right = `${window.innerWidth - rect.right}px`;
+                menu.style.left = '';
+            }
+        }
+        const menuItemElements = new Map();
+        for (const item of items){
+            const isToggle = 'toggle' === item.type;
+            const menuItem = renderer_button({
+                className: styles_panel_module.menuItem ?? '',
+                role: isToggle ? 'menuitemcheckbox' : 'menuitem',
+                onClick: ()=>{
+                    item.onClick();
+                    if (!isToggle) close();
+                }
+            });
+            if (isToggle) menuItem.setAttribute('aria-checked', item.checked ? 'true' : 'false');
+            if (item.icon) {
+                const iconWrapper = renderer_div({
+                    className: styles_panel_module.menuItemIcon ?? ''
+                });
+                const iconSvg = createSvgElement(item.icon, {
+                    width: 20,
+                    height: 20
+                });
+                iconWrapper.appendChild(iconSvg);
+                menuItem.appendChild(iconWrapper);
+            }
+            const labelContainer = renderer_div({
+                className: styles_panel_module.menuItemContent ?? ''
+            });
+            const label = span({
+                className: styles_panel_module.menuItemLabel ?? '',
+                text: item.label
+            });
+            labelContainer.appendChild(label);
+            if (item.description) {
+                const description = renderer_div({
+                    className: styles_panel_module.menuItemDescription ?? '',
+                    text: item.description
+                });
+                labelContainer.appendChild(description);
+            }
+            menuItem.appendChild(labelContainer);
+            let toggleIndicator;
+            if (isToggle) {
+                toggleIndicator = renderer_div({
+                    className: [
+                        styles_panel_module.menuItemToggle ?? '',
+                        item.checked ? styles_panel_module.menuItemToggleChecked ?? '' : ''
+                    ].filter(Boolean).join(' ')
+                });
+                const toggleTrack = renderer_div({
+                    className: styles_panel_module.menuItemToggleTrack ?? ''
+                });
+                const toggleThumb = renderer_div({
+                    className: styles_panel_module.menuItemToggleThumb ?? ''
+                });
+                toggleTrack.appendChild(toggleThumb);
+                toggleIndicator.appendChild(toggleTrack);
+                menuItem.appendChild(toggleIndicator);
+            }
+            menu.appendChild(menuItem);
+            menuItemElements.set(item.id, {
+                element: menuItem,
+                toggleIndicator
+            });
+        }
+        function handleClickOutside(e) {
+            if (!menu.contains(e.target)) close();
+        }
+        function handleKeydown(e) {
+            if ('Escape' === e.key) close();
+        }
+        function open() {
+            if (isMenuOpen) return;
+            isMenuOpen = true;
+            positionMenu();
+            menu.dataset.state = 'open';
+            onOpen?.();
+            setTimeout(()=>{
+                document.addEventListener('click', handleClickOutside);
+                document.addEventListener('keydown', handleKeydown);
+            }, 10);
+        }
+        function close() {
+            if (!isMenuOpen) return;
+            isMenuOpen = false;
+            menu.dataset.state = 'closed';
+            onClose?.();
+            document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('keydown', handleKeydown);
+        }
+        function toggle() {
+            if (isMenuOpen) close();
+            else open();
+        }
+        function updatePosition(position) {
+            menu.classList.remove(styles_panel_module.dropdownMenuBottomLeft ?? '', styles_panel_module.dropdownMenuBottomRight ?? '', styles_panel_module.dropdownMenuTopLeft ?? '', styles_panel_module.dropdownMenuTopRight ?? '');
+            menu.classList.add(getMenuPositionClass(position));
+            currentPosition = position;
+            if (isMenuOpen) positionMenu();
+        }
+        function setReferenceElement(element) {
+            referenceElement = element;
+        }
+        function destroy() {
+            close();
+        }
+        function updateItemChecked(itemId, checked) {
+            const itemData = menuItemElements.get(itemId);
+            if (!itemData) return;
+            const { element, toggleIndicator } = itemData;
+            element.setAttribute('aria-checked', checked ? 'true' : 'false');
+            if (toggleIndicator) if (checked) toggleIndicator.classList.add(styles_panel_module.menuItemToggleChecked ?? '');
+            else toggleIndicator.classList.remove(styles_panel_module.menuItemToggleChecked ?? '');
+        }
+        return {
+            element: menu,
+            isOpen: ()=>isMenuOpen,
+            open,
+            close,
+            toggle,
+            updatePosition,
+            setReferenceElement,
+            updateItemChecked,
+            destroy
+        };
+    }
+    const LOGO_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 446 445" aria-label="c15t">
+  <path fill="currentColor" d="M223.178.313c39.064 0 70.732 31.668 70.732 70.732-.001 39.064-31.668 70.731-70.732 70.731-12.181 0-23.642-3.079-33.649-8.502l-55.689 55.689a70.267 70.267 0 0 1 5.574 13.441h167.531c8.695-29.217 35.762-50.523 67.804-50.523 39.064 0 70.731 31.668 70.731 70.732s-31.668 70.732-70.731 70.732c-32.042 0-59.108-21.306-67.803-50.523H139.413a70.417 70.417 0 0 1-7.888 17.396l54.046 54.046c10.893-6.851 23.786-10.815 37.605-10.815 39.064 0 70.732 31.669 70.732 70.733 0 39.064-31.668 70.731-70.732 70.731s-70.732-31.667-70.732-70.731c0-10.518 2.296-20.499 6.414-29.471l-57.78-57.78c-8.972 4.117-18.952 6.414-29.47 6.414-39.063 0-70.731-31.668-70.732-70.732 0-39.064 31.669-70.732 70.733-70.732 12.18 0 23.642 3.079 33.649 8.502l55.688-55.688c-5.423-10.007-8.502-21.469-8.502-33.65 0-39.064 31.668-70.733 70.732-70.733Zm0 343.555c-16.742 0-30.314 13.572-30.314 30.314 0 16.741 13.572 30.313 30.314 30.313s30.314-13.572 30.314-30.313c0-16.742-13.572-30.314-30.314-30.314ZM71.611 192.299c-16.742 0-30.315 13.572-30.315 30.314s13.573 30.314 30.315 30.314c16.741 0 30.313-13.572 30.313-30.314 0-16.741-13.572-30.314-30.313-30.314Zm303.138 0c-16.729 0-30.294 13.551-30.315 30.275l.001.039-.001.038c.021 16.725 13.586 30.276 30.315 30.276 16.741 0 30.313-13.572 30.313-30.314 0-16.741-13.572-30.314-30.313-30.314ZM223.178 40.73c-16.742 0-30.314 13.573-30.314 30.315s13.573 30.313 30.314 30.313c16.742 0 30.313-13.572 30.314-30.313 0-16.742-13.572-30.314-30.314-30.315Z"/>
+</svg>`;
+    const CLOSE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="18" y1="6" x2="6" y2="18"></line>
+  <line x1="6" y1="6" x2="18" y2="18"></line>
+</svg>`;
+    const WARNING_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path>
+  <line x1="12" y1="9" x2="12" y2="13"></line>
+  <line x1="12" y1="17" x2="12.01" y2="17"></line>
+</svg>`;
+    function getPositionClass(position) {
+        switch(position){
+            case 'bottom-right':
+                return styles_panel_module.positionBottomRight ?? '';
+            case 'bottom-left':
+                return styles_panel_module.positionBottomLeft ?? '';
+            case 'top-right':
+                return styles_panel_module.positionTopRight ?? '';
+            case 'top-left':
+                return styles_panel_module.positionTopLeft ?? '';
+        }
+    }
+    function createPanel(options) {
+        const { stateManager, storeConnector, onRenderContent, enableUnifiedMode = true } = options;
+        let removePortal = null;
+        let isAnimatingOut = false;
+        let draggable = null;
+        let dropdownMenu = null;
+        let hasPreferenceTrigger = false;
+        let useUnifiedMode = false;
+        let preferenceTriggerVisible = false;
+        function updatePreferenceTriggerVisibility(visible) {
+            preferenceTriggerVisible = visible;
+            setPreferenceTriggerVisibility(visible);
+            if (dropdownMenu) dropdownMenu.updateItemChecked('toggle-trigger', visible);
+        }
+        const container = renderer_div({
+            className: styles_panel_module.container,
+            dataset: {
+                c15tDevtools: 'true'
+            }
+        });
+        const floatingButton = renderer_button({
+            className: styles_panel_module.floatingButton ?? '',
+            ariaLabel: 'Open c15t Options'
+        });
+        function checkUnifiedMode() {
+            if (!enableUnifiedMode) {
+                useUnifiedMode = false;
+                return;
+            }
+            hasPreferenceTrigger = detectPreferenceTrigger();
+            const preferenceCenterOpener = getPreferenceCenterOpener();
+            useUnifiedMode = hasPreferenceTrigger && null !== preferenceCenterOpener;
+            if (useUnifiedMode && !dropdownMenu) {
+                dropdownMenu = createDropdownMenu({
+                    items: [
+                        {
+                            id: 'devtools',
+                            label: 'DevTools',
+                            description: 'View and manage consents',
+                            icon: DEVTOOLS_ICON,
+                            onClick: ()=>{
+                                stateManager.setOpen(true);
+                            }
+                        },
+                        {
+                            id: 'preferences',
+                            label: 'Preferences',
+                            description: 'Open privacy settings',
+                            icon: PREFERENCES_ICON,
+                            onClick: ()=>{
+                                const opener = getPreferenceCenterOpener();
+                                if (opener) opener();
+                            }
+                        },
+                        {
+                            id: 'toggle-trigger',
+                            label: 'Show Trigger',
+                            description: 'Show preference button',
+                            icon: EYE_ICON,
+                            type: 'toggle',
+                            checked: preferenceTriggerVisible,
+                            onClick: ()=>{
+                                updatePreferenceTriggerVisibility(!preferenceTriggerVisible);
+                            }
+                        }
+                    ],
+                    position: draggable?.getCorner() ?? stateManager.getState().position,
+                    referenceElement: floatingButton,
+                    onOpen: ()=>{
+                        floatingButton.ariaLabel = 'Close c15t Options';
+                    },
+                    onClose: ()=>{
+                        floatingButton.ariaLabel = 'Open c15t Options';
+                    }
+                });
+                container.appendChild(dropdownMenu.element);
+                updatePreferenceTriggerVisibility(false);
+            }
+            floatingButton.ariaLabel = useUnifiedMode ? 'Open c15t Options' : 'Open c15t DevTools';
+        }
+        draggable = createDraggable({
+            defaultPosition: stateManager.getState().position,
+            persistPosition: true,
+            onPositionChange: (position)=>{
+                stateManager.setPosition(position);
+                if (dropdownMenu) dropdownMenu.updatePosition(position);
+            },
+            onDragEnd: (wasDragged)=>{
+                if (!wasDragged) if (useUnifiedMode && dropdownMenu) dropdownMenu.toggle();
+                else stateManager.toggle();
+            }
+        });
+        const iconWrapper = renderer_div({
+            className: styles_panel_module.floatingButtonIcon
+        });
+        const logoSvg = createSvgElement(LOGO_ICON, {
+            width: 24,
+            height: 24
+        });
+        iconWrapper.appendChild(logoSvg);
+        floatingButton.appendChild(iconWrapper);
+        draggable.attach(floatingButton);
+        setTimeout(checkUnifiedMode, 100);
+        let panelElement = null;
+        let backdropElement = null;
+        let contentContainer = null;
+        function createPanelElement() {
+            const corner = draggable?.getCorner() ?? stateManager.getState().position;
+            const positionClass = getPositionClass(corner);
+            const panel = renderer_div({
+                className: `${styles_panel_module.panel} ${positionClass} ${styles_animations_module.animateEnter}`,
+                role: 'dialog',
+                ariaLabel: 'c15t DevTools'
+            });
+            const header = renderer_div({
+                className: styles_panel_module.header,
+                children: [
+                    renderer_div({
+                        className: styles_panel_module.headerTitle,
+                        children: [
+                            (()=>{
+                                const logoWrapper = renderer_div({
+                                    className: styles_panel_module.headerLogo
+                                });
+                                logoWrapper.appendChild(createSvgElement(LOGO_ICON, {
+                                    width: 20,
+                                    height: 20
+                                }));
+                                return logoWrapper;
+                            })(),
+                            span({
+                                text: 'c15t DevTools'
+                            })
+                        ]
+                    }),
+                    renderer_button({
+                        className: styles_panel_module.closeButton,
+                        ariaLabel: 'Close DevTools',
+                        onClick: ()=>closePanel(),
+                        children: [
+                            (()=>{
+                                const iconWrap = renderer_div({
+                                    className: styles_panel_module.closeButtonIcon
+                                });
+                                iconWrap.appendChild(createSvgElement(CLOSE_ICON, {
+                                    width: 16,
+                                    height: 16
+                                }));
+                                return iconWrap;
+                            })()
+                        ]
+                    })
+                ]
+            });
+            contentContainer = renderer_div({
+                className: styles_panel_module.content
+            });
+            const isConnected = storeConnector.isConnected();
+            const footer = renderer_div({
+                className: styles_panel_module.footer,
+                children: [
+                    renderer_div({
+                        className: styles_panel_module.footerStatus,
+                        children: [
+                            span({
+                                className: `${styles_panel_module.statusDot} ${isConnected ? styles_panel_module.statusConnected : styles_panel_module.statusDisconnected}`
+                            }),
+                            span({
+                                text: isConnected ? 'Connected' : 'Disconnected'
+                            })
+                        ]
+                    }),
+                    span({
+                        text: 'v1.8.3'
+                    })
+                ]
+            });
+            panel.appendChild(header);
+            panel.appendChild(contentContainer);
+            panel.appendChild(footer);
+            if (isConnected) onRenderContent(contentContainer);
+            else renderErrorState(contentContainer);
+            return panel;
+        }
+        function renderErrorState(container) {
+            clearElement(container);
+            const errorState = renderer_div({
+                className: styles_panel_module.errorState,
+                children: [
+                    (()=>{
+                        const iconWrap = renderer_div({
+                            className: styles_panel_module.errorIcon
+                        });
+                        iconWrap.appendChild(createSvgElement(WARNING_ICON, {
+                            width: 48,
+                            height: 48
+                        }));
+                        return iconWrap;
+                    })(),
+                    renderer_div({
+                        className: styles_panel_module.errorTitle,
+                        text: 'Store Not Found'
+                    }),
+                    renderer_div({
+                        className: styles_panel_module.errorMessage,
+                        text: 'c15t consent manager is not initialized. Make sure you have set up the ConsentManagerProvider in your app.'
+                    })
+                ]
+            });
+            container.appendChild(errorState);
+        }
+        function openPanel() {
+            if (panelElement || isAnimatingOut) return;
+            floatingButton.style.display = 'none';
+            backdropElement = renderer_div({
+                className: `${styles_panel_module.backdrop} ${styles_animations_module.animateFadeIn}`,
+                onClick: ()=>closePanel()
+            });
+            panelElement = createPanelElement();
+            container.appendChild(backdropElement);
+            container.appendChild(panelElement);
+        }
+        function closePanel() {
+            if (!panelElement || isAnimatingOut) return;
+            isAnimatingOut = true;
+            if (backdropElement) {
+                if (styles_animations_module.animateFadeIn) backdropElement.classList.remove(styles_animations_module.animateFadeIn);
+                if (styles_animations_module.animateFadeOut) backdropElement.classList.add(styles_animations_module.animateFadeOut);
+            }
+            if (styles_animations_module.animateEnter) panelElement.classList.remove(styles_animations_module.animateEnter);
+            if (styles_animations_module.animateExit) panelElement.classList.add(styles_animations_module.animateExit);
+            panelElement.addEventListener('animationend', ()=>{
+                if (backdropElement) {
+                    backdropElement.remove();
+                    backdropElement = null;
+                }
+                if (panelElement) {
+                    panelElement.remove();
+                    panelElement = null;
+                }
+                contentContainer = null;
+                isAnimatingOut = false;
+                floatingButton.style.display = '';
+                stateManager.setOpen(false);
+            }, {
+                once: true
+            });
+        }
+        function update() {
+            const state = stateManager.getState();
+            if (!state.isOpen || panelElement || isAnimatingOut) {
+                if (!state.isOpen && panelElement && !isAnimatingOut) closePanel();
+            } else openPanel();
+            if (contentContainer && storeConnector.isConnected()) onRenderContent(contentContainer);
+        }
+        const unsubscribeState = stateManager.subscribe(()=>{
+            update();
+        });
+        const unsubscribeStore = storeConnector.subscribe(()=>{
+            if (contentContainer) if (storeConnector.isConnected()) onRenderContent(contentContainer);
+            else renderErrorState(contentContainer);
+        });
+        container.appendChild(floatingButton);
+        removePortal = createPortal(container);
+        return {
+            element: container,
+            floatingButton,
+            update,
+            destroy: ()=>{
+                unsubscribeState();
+                unsubscribeStore();
+                if (dropdownMenu) {
+                    dropdownMenu.destroy();
+                    dropdownMenu = null;
+                }
+                if (draggable) {
+                    draggable.destroy();
+                    draggable = null;
+                }
+                if (removePortal) {
+                    removePortal();
+                    removePortal = null;
+                }
+            }
+        };
+    }
+    var tabs_module = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/tabs.module.css");
+    var tabs_module_options = {};
+    tabs_module_options.styleTagTransform = styleTagTransform_default();
+    tabs_module_options.setAttributes = setAttributesWithoutAttributes_default();
+    tabs_module_options.insert = insertBySelector_default().bind(null, "head");
+    tabs_module_options.domAPI = styleDomAPI_default();
+    tabs_module_options.insertStyleElement = insertStyleElement_default();
+    injectStylesIntoStyleTag_default()(tabs_module.A, tabs_module_options);
+    const styles_tabs_module = tabs_module.A && tabs_module.A.locals ? tabs_module.A.locals : void 0;
+    const CONSENTS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+  <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+</svg>`;
+    const LOCATION_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+</svg>`;
+    const SCRIPTS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="16 18 22 12 16 6"></polyline>
+  <polyline points="8 6 2 12 8 18"></polyline>
+</svg>`;
+    const ACTIONS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>`;
+    const IAB_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+  <path d="m9 12 2 2 4-4"></path>
+</svg>`;
+    const EVENTS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 20h9"></path>
+  <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"></path>
+</svg>`;
+    const TABS = [
+        {
+            id: 'location',
+            label: 'Location',
+            icon: LOCATION_ICON
+        },
+        {
+            id: 'consents',
+            label: 'Consents',
+            icon: CONSENTS_ICON
+        },
+        {
+            id: "scripts",
+            label: 'Scripts',
+            icon: SCRIPTS_ICON
+        },
+        {
+            id: 'iab',
+            label: 'IAB',
+            icon: IAB_ICON
+        },
+        {
+            id: 'actions',
+            label: 'Actions',
+            icon: ACTIONS_ICON
+        },
+        {
+            id: 'events',
+            label: 'Events',
+            icon: EVENTS_ICON
+        }
+    ];
+    function createTabs(options) {
+        const { onTabChange, disabledTabs = [] } = options;
+        let activeTab = options.activeTab;
+        const tabButtons = new Map();
+        const tabList = renderer_div({
+            className: styles_tabs_module.tabList,
+            role: 'tablist',
+            ariaLabel: 'DevTools tabs'
+        });
+        for (const tab of TABS){
+            const isActive = tab.id === activeTab;
+            const isDisabled = disabledTabs.includes(tab.id);
+            const tabButton = renderer_button({
+                className: `${styles_tabs_module.tab} ${isActive ? styles_tabs_module.tabActive : ''} ${isDisabled ? styles_tabs_module.tabDisabled : ''}`,
+                role: 'tab',
+                ariaSelected: isActive ? 'true' : 'false',
+                ariaControls: `panel-${tab.id}`,
+                ariaDisabled: isDisabled ? 'true' : void 0,
+                tabIndex: isActive ? 0 : -1,
+                disabled: isDisabled,
+                onClick: ()=>{
+                    if (!isDisabled) {
+                        setActiveTab(tab.id);
+                        onTabChange(tab.id);
+                    }
+                },
+                onKeyDown: (e)=>handleKeyDown(e, tab.id)
+            });
+            const iconWrapper = renderer_div({
+                className: styles_tabs_module.tabIcon
+            });
+            iconWrapper.appendChild(createSvgElement(tab.icon, {
+                width: 14,
+                height: 14
+            }));
+            tabButton.appendChild(iconWrapper);
+            tabButton.appendChild(document.createTextNode(tab.label));
+            tabButtons.set(tab.id, tabButton);
+            tabList.appendChild(tabButton);
+        }
+        function handleKeyDown(e, currentTab) {
+            const tabIds = TABS.map((t)=>t.id);
+            const enabledTabIds = tabIds.filter((id)=>!disabledTabs.includes(id));
+            const currentIndex = enabledTabIds.indexOf(currentTab);
+            let newIndex = currentIndex;
+            switch(e.key){
+                case 'ArrowLeft':
+                    newIndex = currentIndex > 0 ? currentIndex - 1 : enabledTabIds.length - 1;
+                    break;
+                case 'ArrowRight':
+                    newIndex = currentIndex < enabledTabIds.length - 1 ? currentIndex + 1 : 0;
+                    break;
+                case 'Home':
+                    newIndex = 0;
+                    break;
+                case 'End':
+                    newIndex = enabledTabIds.length - 1;
+                    break;
+                default:
+                    return;
+            }
+            e.preventDefault();
+            const newTab = enabledTabIds[newIndex];
+            if (newTab) {
+                setActiveTab(newTab);
+                onTabChange(newTab);
+                tabButtons.get(newTab)?.focus();
+            }
+        }
+        function setActiveTab(tab) {
+            activeTab = tab;
+            for (const [tabId, tabButton] of tabButtons){
+                const isActive = tabId === tab;
+                if (styles_tabs_module.tabActive) tabButton.classList.toggle(styles_tabs_module.tabActive, isActive);
+                tabButton.setAttribute('aria-selected', isActive ? 'true' : 'false');
+                tabButton.tabIndex = isActive ? 0 : -1;
+            }
+        }
+        return {
+            element: tabList,
+            setActiveTab,
+            destroy: ()=>{
+                tabButtons.clear();
+            }
+        };
+    }
+    var components_module = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/components.module.css");
+    var components_module_options = {};
+    components_module_options.styleTagTransform = styleTagTransform_default();
+    components_module_options.setAttributes = setAttributesWithoutAttributes_default();
+    components_module_options.insert = insertBySelector_default().bind(null, "head");
+    components_module_options.domAPI = styleDomAPI_default();
+    components_module_options.insertStyleElement = insertStyleElement_default();
+    injectStylesIntoStyleTag_default()(components_module.A, components_module_options);
+    const styles_components_module = components_module.A && components_module.A.locals ? components_module.A.locals : void 0;
+    function createToggle(options) {
+        const { checked, onChange, ariaLabel, disabled = false } = options;
+        const toggle = renderer_button({
+            className: `${styles_components_module.toggle} ${checked ? styles_components_module.toggleActive : ''}`,
+            role: 'switch',
+            ariaLabel,
+            ariaChecked: checked ? 'true' : 'false',
+            disabled,
+            onClick: ()=>{
+                if (!disabled) onChange(!checked);
+            }
+        });
+        const thumb = renderer_div({
+            className: styles_components_module.toggleThumb
+        });
+        toggle.appendChild(thumb);
+        return toggle;
+    }
+    function createBadge(options) {
+        const { text, variant = 'neutral' } = options;
+        const variantClass = {
+            success: styles_components_module.badgeSuccess,
+            error: styles_components_module.badgeError,
+            warning: styles_components_module.badgeWarning,
+            info: styles_components_module.badgeInfo,
+            neutral: styles_components_module.badgeNeutral
+        }[variant];
+        return span({
+            className: `${styles_components_module.badge} ${variantClass}`,
+            text
+        });
+    }
+    function createButton(options) {
+        const { text, variant = 'default', small = false, icon, disabled = false, onClick } = options;
+        const variantClass = {
+            default: '',
+            primary: styles_components_module.btnPrimary,
+            danger: styles_components_module.btnDanger
+        }[variant];
+        const sizeClass = small ? styles_components_module.btnSmall : '';
+        const btn = renderer_button({
+            className: `${styles_components_module.btn} ${variantClass} ${sizeClass}`.trim(),
+            disabled,
+            onClick
+        });
+        if (icon) {
+            const iconWrapper = renderer_div({
+                className: styles_components_module.btnIcon
+            });
+            iconWrapper.appendChild(createSvgElement(icon, {
+                width: 14,
+                height: 14
+            }));
+            btn.appendChild(iconWrapper);
+        }
+        btn.appendChild(document.createTextNode(text));
+        return btn;
+    }
+    function createListItem(options) {
+        const { title, description, actions = [] } = options;
+        const content = renderer_div({
+            className: styles_components_module.listItemContent,
+            children: [
+                span({
+                    className: styles_components_module.listItemTitle,
+                    text: title
+                }),
+                description ? span({
+                    className: styles_components_module.listItemDescription,
+                    text: description
+                }) : null
+            ]
+        });
+        const actionsContainer = renderer_div({
+            className: styles_components_module.listItemActions,
+            children: actions
+        });
+        return renderer_div({
+            className: styles_components_module.listItem,
+            children: [
+                content,
+                actionsContainer
+            ]
+        });
+    }
+    function createSection(options) {
+        const { title, actions = [], children } = options;
+        const header = renderer_div({
+            className: styles_components_module.sectionHeader,
+            children: [
+                span({
+                    className: styles_components_module.sectionTitle,
+                    text: title
+                }),
+                ...actions
+            ]
+        });
+        return renderer_div({
+            className: styles_components_module.section,
+            children: [
+                header,
+                ...children
+            ]
+        });
+    }
+    function createInfoRow(options) {
+        const { label, value } = options;
+        return renderer_div({
+            className: styles_components_module.infoRow,
+            children: [
+                span({
+                    className: styles_components_module.infoLabel,
+                    text: label
+                }),
+                span({
+                    className: styles_components_module.infoValue,
+                    text: value
+                })
+            ]
+        });
+    }
+    function createEmptyState(options) {
+        const { icon, text } = options;
+        const children = [];
+        if (icon) {
+            const iconWrapper = renderer_div({
+                className: styles_components_module.emptyStateIcon
+            });
+            iconWrapper.appendChild(createSvgElement(icon, {
+                width: 32,
+                height: 32
+            }));
+            children.push(iconWrapper);
+        }
+        children.push(span({
+            className: styles_components_module.emptyStateText,
+            text
+        }));
+        return renderer_div({
+            className: styles_components_module.emptyState,
+            children: children.filter(Boolean)
+        });
+    }
+    function createGrid(options) {
+        const { columns = 2, children } = options;
+        const colsClass = 3 === columns ? styles_components_module.gridCols3 : styles_components_module.gridCols2;
+        return renderer_div({
+            className: `${styles_components_module.grid} ${colsClass}`,
+            children
+        });
+    }
+    function createGridCard(options) {
+        const { title, action } = options;
+        const children = [
+            span({
+                className: styles_components_module.gridCardTitle,
+                text: title
+            })
+        ];
+        if (action) children.push(action);
+        return renderer_div({
+            className: styles_components_module.gridCard,
+            children
+        });
+    }
+    const REFRESH_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path>
+  <path d="M21 3v5h-5"></path>
+  <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path>
+  <path d="M8 16H3v5"></path>
+</svg>`;
+    const TRASH_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 6h18"></path>
+  <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path>
+  <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path>
+</svg>`;
+    const COPY_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
+  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
+</svg>`;
+    const actions_EYE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>`;
+    const SETTINGS_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path>
+  <circle cx="12" cy="12" r="3"></circle>
+</svg>`;
+    const TERMINAL_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="4 17 10 11 4 5"></polyline>
+  <line x1="12" y1="19" x2="20" y2="19"></line>
+</svg>`;
+    function renderActionsPanel(container, options) {
+        const { getState, onResetConsents, onRefetchBanner, onShowBanner, onOpenPreferences, onCopyState } = options;
+        clearElement(container);
+        const state = getState();
+        if (!state) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'Store not connected'
+        }));
+        const actionCards = [
+            createActionCard({
+                icon: actions_EYE_ICON,
+                label: 'Show Banner',
+                onClick: onShowBanner
+            }),
+            createActionCard({
+                icon: SETTINGS_ICON,
+                label: 'Preferences',
+                onClick: onOpenPreferences
+            }),
+            createActionCard({
+                icon: REFRESH_ICON,
+                label: 'Re-fetch',
+                onClick: onRefetchBanner
+            }),
+            createActionCard({
+                icon: COPY_ICON,
+                label: 'Copy State',
+                onClick: onCopyState
+            })
+        ];
+        const grid = createGrid({
+            columns: 2,
+            children: actionCards
+        });
+        container.appendChild(grid);
+        const dangerZone = renderer_div({
+            style: {
+                padding: '12px 16px',
+                borderTop: '1px solid var(--c15t-border)'
+            },
+            children: [
+                createButton({
+                    text: 'Reset All Consents',
+                    icon: TRASH_ICON,
+                    variant: 'danger',
+                    onClick: onResetConsents
+                })
+            ]
+        });
+        container.appendChild(dangerZone);
+        const consoleSection = renderer_div({
+            style: {
+                padding: '12px 16px',
+                borderTop: '1px solid var(--c15t-border)'
+            },
+            children: [
+                renderer_div({
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '6px',
+                        marginBottom: '8px'
+                    },
+                    children: [
+                        createIconWrapper(TERMINAL_ICON, 14),
+                        span({
+                            style: {
+                                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                                fontWeight: '600',
+                                color: 'var(--c15t-text)'
+                            },
+                            text: 'Console API'
+                        })
+                    ]
+                }),
+                renderer_div({
+                    style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '4px',
+                        padding: '8px',
+                        borderRadius: 'var(--c15t-radius-md)',
+                        backgroundColor: 'var(--c15t-surface-muted)',
+                        fontFamily: 'ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace',
+                        fontSize: '11px',
+                        color: 'var(--c15t-text-muted)'
+                    },
+                    children: [
+                        span({
+                            text: `window.${getNamespace(state)}.getState()`
+                        }),
+                        span({
+                            text: 'window.__c15tDevTools.open()'
+                        })
+                    ]
+                })
+            ]
+        });
+        container.appendChild(consoleSection);
+    }
+    function createActionCard(options) {
+        const { icon, label, onClick } = options;
+        const card = renderer_div({
+            className: styles_components_module.gridCard ?? '',
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: '6px',
+                padding: '16px 8px',
+                cursor: 'pointer',
+                transition: 'background-color var(--c15t-duration-fast) var(--c15t-easing)'
+            },
+            children: [
+                createIconWrapper(icon, 20),
+                span({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        fontWeight: '500',
+                        color: 'var(--c15t-text)',
+                        textAlign: 'center'
+                    },
+                    text: label
+                })
+            ]
+        });
+        card.addEventListener('click', onClick);
+        card.addEventListener('mouseenter', ()=>{
+            card.style.backgroundColor = 'var(--c15t-surface-hover)';
+        });
+        card.addEventListener('mouseleave', ()=>{
+            card.style.backgroundColor = '';
+        });
+        return card;
+    }
+    function createIconWrapper(icon, size) {
+        const wrapper = renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: 'var(--c15t-text-muted)'
+            }
+        });
+        wrapper.appendChild(createSvgElement(icon, {
+            width: size,
+            height: size
+        }));
+        return wrapper;
+    }
+    function getNamespace(state) {
+        return state.config?.meta?.namespace || 'c15tStore';
+    }
+    function renderConsentsPanel(container, options) {
+        const { getState, onConsentChange, onSave, onAcceptAll, onRejectAll, onReset } = options;
+        clearElement(container);
+        const state = getState();
+        if (!state) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'Store not connected'
+        }));
+        const isIabMode = 'iab' === state.model;
+        const savedConsents = state.consents || {};
+        const selectedConsents = state.selectedConsents || {};
+        const displayConsents = {
+            ...savedConsents
+        };
+        for (const [key, value] of Object.entries(selectedConsents))displayConsents[key] = value;
+        const hasUnsavedChanges = !isIabMode && Object.entries(displayConsents).some(([key, value])=>savedConsents[key] !== value);
+        const consentTypes = state.consentTypes || [];
+        const consentTypeMap = new Map(consentTypes.map((ct)=>[
+                ct.name,
+                ct
+            ]));
+        const consentEntries = Object.entries(displayConsents);
+        if (0 === consentEntries.length) container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-devtools-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'No consents configured'
+        }));
+        else {
+            if (isIabMode) {
+                const iabNotice = renderer_div({
+                    style: {
+                        padding: '8px 12px',
+                        margin: '0 0 8px',
+                        backgroundColor: 'var(--c15t-devtools-badge-info-bg)',
+                        borderRadius: '4px',
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        color: 'var(--c15t-devtools-badge-info)'
+                    },
+                    text: 'IAB TCF mode: Consents are managed via the IAB framework'
+                });
+                container.appendChild(iabNotice);
+            }
+            const gridCards = [];
+            for (const [name, value] of consentEntries){
+                const consentType = consentTypeMap.get(name);
+                const isNecessary = 'necessary' === name;
+                const displayName = consentType?.name || name;
+                const isSaved = savedConsents[name] === value;
+                const toggle = createToggle({
+                    checked: Boolean(value),
+                    disabled: isNecessary || isIabMode,
+                    ariaLabel: `Toggle ${displayName} consent`,
+                    onChange: (newValue)=>onConsentChange(String(name), newValue)
+                });
+                const card = createGridCard({
+                    title: formatConsentName(displayName) + (isIabMode || isSaved ? '' : ' •'),
+                    action: toggle
+                });
+                gridCards.push(card);
+            }
+            const grid = createGrid({
+                columns: 2,
+                children: gridCards
+            });
+            container.appendChild(grid);
+        }
+        if (isIabMode) {
+            const footer = renderer_div({
+                style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'flex-end',
+                    padding: '12px 16px',
+                    marginTop: 'auto',
+                    borderTop: '1px solid var(--c15t-border)',
+                    backgroundColor: 'var(--c15t-surface)'
+                },
+                children: [
+                    createButton({
+                        text: 'Reset All',
+                        variant: 'danger',
+                        small: true,
+                        onClick: onReset
+                    })
+                ]
+            });
+            container.appendChild(footer);
+            return;
+        }
+        const footer = renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                padding: '12px 16px',
+                marginTop: 'auto',
+                borderTop: '1px solid var(--c15t-border)',
+                backgroundColor: hasUnsavedChanges ? 'var(--c15t-devtools-badge-warning-bg)' : 'var(--c15t-surface)'
+            },
+            children: [
+                renderer_div({
+                    style: {
+                        display: 'flex',
+                        gap: '6px'
+                    },
+                    children: [
+                        createButton({
+                            text: 'All',
+                            variant: 'primary',
+                            small: true,
+                            onClick: onAcceptAll
+                        }),
+                        createButton({
+                            text: 'None',
+                            variant: 'default',
+                            small: true,
+                            onClick: onRejectAll
+                        }),
+                        createButton({
+                            text: 'Reset',
+                            variant: 'danger',
+                            small: true,
+                            onClick: onReset
+                        })
+                    ]
+                }),
+                hasUnsavedChanges ? renderer_div({
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '8px'
+                    },
+                    children: [
+                        span({
+                            style: {
+                                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                                color: 'var(--c15t-devtools-badge-warning)'
+                            },
+                            text: 'Unsaved'
+                        }),
+                        createButton({
+                            text: 'Save',
+                            variant: 'primary',
+                            small: true,
+                            onClick: onSave
+                        })
+                    ]
+                }) : span({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        color: 'var(--c15t-text-muted)'
+                    },
+                    text: 'No changes'
+                })
+            ]
+        });
+        container.appendChild(footer);
+    }
+    function formatConsentName(name) {
+        return name.replace(/_/g, ' ').replace(/\b\w/g, (l)=>l.toUpperCase());
+    }
+    function renderEventsPanel(container, options) {
+        const { getEvents, onClear } = options;
+        clearElement(container);
+        const events = getEvents();
+        const header = renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                padding: '12px 16px 8px'
+            },
+            children: [
+                span({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        fontWeight: '600',
+                        color: 'var(--c15t-text-muted)',
+                        textTransform: 'uppercase',
+                        letterSpacing: '0.5px'
+                    },
+                    text: `Events (${events.length})`
+                }),
+                createButton({
+                    text: 'Clear',
+                    small: true,
+                    onClick: onClear
+                })
+            ]
+        });
+        container.appendChild(header);
+        const eventList = renderer_div({
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '4px',
+                padding: '0 12px 12px',
+                maxHeight: '400px',
+                overflowY: 'auto'
+            }
+        });
+        if (0 === events.length) {
+            const emptyState = renderer_div({
+                style: {
+                    padding: '32px 16px',
+                    textAlign: 'center',
+                    color: 'var(--c15t-text-muted)',
+                    fontSize: 'var(--c15t-devtools-font-size-sm)'
+                },
+                text: 'No events recorded yet'
+            });
+            eventList.appendChild(emptyState);
+        } else for (const event of events){
+            const eventItem = createEventItem(event);
+            eventList.appendChild(eventItem);
+        }
+        container.appendChild(eventList);
+    }
+    function createEventItem(event) {
+        const time = formatTime(event.timestamp);
+        const icon = getEventIcon(event.type);
+        const color = getEventColor(event.type);
+        return renderer_div({
+            className: styles_components_module.gridCard ?? '',
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '8px',
+                padding: '6px 10px',
+                fontSize: 'var(--c15t-devtools-font-size-xs)'
+            },
+            children: [
+                span({
+                    style: {
+                        color,
+                        fontSize: '8px',
+                        lineHeight: '1'
+                    },
+                    text: icon
+                }),
+                span({
+                    style: {
+                        color: 'var(--c15t-text-muted)',
+                        fontFamily: 'monospace',
+                        fontSize: '10px',
+                        flexShrink: '0'
+                    },
+                    text: time
+                }),
+                span({
+                    style: {
+                        color: 'var(--c15t-text)',
+                        flex: '1'
+                    },
+                    text: event.message
+                })
+            ]
+        });
+    }
+    function formatTime(timestamp) {
+        const date = new Date(timestamp);
+        return date.toLocaleTimeString('en-US', {
+            hour12: false,
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit'
+        });
+    }
+    function getEventIcon(type) {
+        switch(type){
+            case 'consent_set':
+            case 'consent_save':
+                return '●';
+            case 'consent_reset':
+                return '○';
+            case 'error':
+                return '✕';
+            case 'info':
+            default:
+                return '○';
+        }
+    }
+    function getEventColor(type) {
+        switch(type){
+            case 'consent_set':
+            case 'consent_save':
+                return 'var(--c15t-devtools-badge-success, #10b981)';
+            case 'consent_reset':
+                return 'var(--c15t-devtools-badge-warning, #f59e0b)';
+            case 'error':
+                return 'var(--c15t-devtools-badge-error, #ef4444)';
+            case 'info':
+            default:
+                return 'var(--c15t-text-muted)';
+        }
+    }
+    function renderIabPanel(container, options) {
+        const { getState, onReset } = options;
+        clearElement(container);
+        const state = getState();
+        if (!state) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'Store not connected'
+        }));
+        if ('iab' !== state.model) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'IAB TCF mode is not configured'
+        }));
+        const iabState = state.iab;
+        if (!iabState) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'IAB state not available'
+        }));
+        const tcString = iabState.tcString;
+        const tcStringSection = createSection({
+            title: 'TC String',
+            actions: tcString ? [
+                createButton({
+                    text: 'Copy',
+                    small: true,
+                    onClick: ()=>{
+                        navigator.clipboard.writeText(tcString);
+                    }
+                })
+            ] : [],
+            children: [
+                renderer_div({
+                    style: {
+                        padding: '8px',
+                        backgroundColor: 'var(--c15t-surface-muted)',
+                        borderRadius: '4px',
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        fontFamily: 'monospace',
+                        wordBreak: 'break-all',
+                        maxHeight: '80px',
+                        overflowY: 'auto',
+                        color: tcString ? 'var(--c15t-text)' : 'var(--c15t-text-muted)'
+                    },
+                    text: tcString || 'No TC String generated yet'
+                })
+            ]
+        });
+        container.appendChild(tcStringSection);
+        const gvl = iabState.gvl;
+        const purposeConsents = iabState.purposeConsents || {};
+        const purposes = gvl?.purposes || {};
+        const purposeEntries = Object.entries(purposeConsents);
+        if (purposeEntries.length > 0) {
+            const purposeList = renderer_div({
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    maxHeight: '120px',
+                    overflowY: 'auto'
+                }
+            });
+            for (const [purposeId, consent] of purposeEntries){
+                const purposeInfo = purposes[purposeId];
+                const purposeName = purposeInfo?.name || `Purpose ${purposeId}`;
+                purposeList.appendChild(createPurposeRow(purposeId, purposeName, Boolean(consent)));
+            }
+            const purposesSection = createSection({
+                title: `Purposes (${purposeEntries.length})`,
+                children: [
+                    purposeList
+                ]
+            });
+            container.appendChild(purposesSection);
+        }
+        const specialFeatureOptIns = iabState.specialFeatureOptIns || {};
+        const specialFeatures = gvl?.specialFeatures || {};
+        const specialFeatureEntries = Object.entries(specialFeatureOptIns);
+        if (specialFeatureEntries.length > 0) {
+            const specialFeatureList = renderer_div({
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    maxHeight: '100px',
+                    overflowY: 'auto'
+                }
+            });
+            for (const [featureId, optIn] of specialFeatureEntries){
+                const featureInfo = specialFeatures[featureId];
+                const featureName = featureInfo?.name || `Special Feature ${featureId}`;
+                specialFeatureList.appendChild(createPurposeRow(featureId, featureName, Boolean(optIn)));
+            }
+            const specialFeaturesSection = createSection({
+                title: `Special Features (${specialFeatureEntries.length})`,
+                children: [
+                    specialFeatureList
+                ]
+            });
+            container.appendChild(specialFeaturesSection);
+        }
+        const vendorConsents = iabState.vendorConsents || {};
+        const vendors = gvl?.vendors || {};
+        const vendorEntries = Object.entries(vendorConsents);
+        const iabVendors = [];
+        const customVendors = [];
+        for (const [vendorId, consent] of vendorEntries){
+            const vendorInfo = vendors[vendorId];
+            const vendorName = vendorInfo?.name || `Vendor ${vendorId}`;
+            const isIabVendor = void 0 !== vendorInfo;
+            if (isIabVendor) iabVendors.push([
+                vendorId,
+                Boolean(consent),
+                vendorName
+            ]);
+            else customVendors.push([
+                vendorId,
+                Boolean(consent),
+                vendorName
+            ]);
+        }
+        if (iabVendors.length > 0) {
+            const vendorList = renderer_div({
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    maxHeight: '120px',
+                    overflowY: 'auto'
+                }
+            });
+            for (const [vendorId, consent, vendorName] of iabVendors)vendorList.appendChild(createVendorRow(vendorId, vendorName, consent, 'iab'));
+            const vendorsSection = createSection({
+                title: `IAB Vendors (${iabVendors.length})`,
+                children: [
+                    vendorList
+                ]
+            });
+            container.appendChild(vendorsSection);
+        }
+        if (customVendors.length > 0) {
+            const customVendorList = renderer_div({
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    maxHeight: '100px',
+                    overflowY: 'auto'
+                }
+            });
+            for (const [vendorId, consent, vendorName] of customVendors)customVendorList.appendChild(createVendorRow(vendorId, vendorName, consent, 'custom'));
+            const customVendorsSection = createSection({
+                title: `Custom Vendors (${customVendors.length})`,
+                children: [
+                    customVendorList
+                ]
+            });
+            container.appendChild(customVendorsSection);
+        }
+        if (0 === purposeEntries.length && 0 === specialFeatureEntries.length && 0 === vendorEntries.length) container.appendChild(renderer_div({
+            style: {
+                padding: '16px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'No purposes or vendors configured'
+        }));
+        const footer = renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'flex-end',
+                padding: '12px 16px',
+                marginTop: 'auto',
+                borderTop: '1px solid var(--c15t-border)',
+                backgroundColor: 'var(--c15t-surface)'
+            },
+            children: [
+                createButton({
+                    text: 'Reset All',
+                    variant: 'danger',
+                    small: true,
+                    onClick: onReset
+                })
+            ]
+        });
+        container.appendChild(footer);
+    }
+    function createPurposeRow(id, name, consent) {
+        return renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                padding: '4px 0',
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                borderBottom: '1px solid var(--c15t-border)'
+            },
+            children: [
+                span({
+                    style: {
+                        color: 'var(--c15t-text)',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        flex: '1',
+                        marginRight: '8px'
+                    },
+                    text: `${id}. ${name}`,
+                    title: name
+                }),
+                createBadge({
+                    text: consent ? '✓' : '✕',
+                    variant: consent ? 'success' : 'error'
+                })
+            ]
+        });
+    }
+    function createVendorRow(id, name, consent, type) {
+        return renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                padding: '4px 0',
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                borderBottom: '1px solid var(--c15t-border)'
+            },
+            children: [
+                renderer_div({
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '6px',
+                        overflow: 'hidden',
+                        flex: '1',
+                        marginRight: '8px'
+                    },
+                    children: [
+                        'custom' === type ? span({
+                            style: {
+                                fontSize: '9px',
+                                padding: '1px 4px',
+                                backgroundColor: 'var(--c15t-devtools-badge-info-bg)',
+                                color: 'var(--c15t-devtools-badge-info)',
+                                borderRadius: '2px',
+                                flexShrink: '0'
+                            },
+                            text: 'CUSTOM'
+                        }) : null,
+                        span({
+                            style: {
+                                color: 'var(--c15t-text)',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap'
+                            },
+                            text: `${id}. ${truncateText(name, 25)}`,
+                            title: name
+                        })
+                    ].filter(Boolean)
+                }),
+                createBadge({
+                    text: consent ? '✓' : '✕',
+                    variant: consent ? 'success' : 'error'
+                })
+            ]
+        });
+    }
+    function truncateText(text, maxLength) {
+        if (text.length <= maxLength) return text;
+        return text.slice(0, maxLength - 3) + '...';
+    }
+    function renderLocationPanel(container, options) {
+        const { getState, onSetOverrides, onClearOverrides } = options;
+        clearElement(container);
+        const state = getState();
+        if (!state) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'Store not connected'
+        }));
+        const locationInfo = state.locationInfo;
+        const overrides = state.overrides;
+        const translationConfig = state.translationConfig;
+        const gridItems = [
+            createCompactInfoCard('Country', locationInfo?.countryCode || '—'),
+            createCompactInfoCard('Region', locationInfo?.regionCode || '—'),
+            createCompactInfoCard('Jurisdiction', locationInfo?.jurisdiction || '—'),
+            createCompactInfoCard('Language', translationConfig?.defaultLanguage || '—')
+        ];
+        if (state.model) gridItems.push(createCompactInfoCard('Model', getModelLabel(state.model)));
+        const locationGrid = createGrid({
+            columns: 2,
+            children: gridItems
+        });
+        container.appendChild(locationGrid);
+        const overrideSection = createSection({
+            title: 'Override Settings',
+            actions: [
+                createButton({
+                    text: 'Clear',
+                    small: true,
+                    onClick: onClearOverrides
+                })
+            ],
+            children: [
+                createOverrideSelect({
+                    label: 'Country',
+                    selectOptions: COUNTRY_OPTIONS,
+                    value: overrides?.country || '',
+                    onChange: (value)=>onSetOverrides({
+                            country: value || void 0
+                        })
+                }),
+                createOverrideInput({
+                    label: 'Region',
+                    placeholder: 'e.g., CA, NY, BE',
+                    value: overrides?.region || '',
+                    onChange: (value)=>onSetOverrides({
+                            region: value || void 0
+                        })
+                }),
+                createOverrideInput({
+                    label: 'Language',
+                    placeholder: 'e.g., de, fr, en',
+                    value: overrides?.language || '',
+                    onChange: (value)=>onSetOverrides({
+                            language: value || void 0
+                        })
+                })
+            ]
+        });
+        container.appendChild(overrideSection);
+        const hasOverrides = overrides && (overrides.country || overrides.region || overrides.language);
+        if (hasOverrides) {
+            const overrideBanner = renderer_div({
+                style: {
+                    padding: '8px 16px',
+                    backgroundColor: 'var(--c15t-devtools-badge-info-bg)',
+                    color: 'var(--c15t-devtools-badge-info)',
+                    fontSize: 'var(--c15t-devtools-font-size-xs)',
+                    borderTop: '1px solid var(--c15t-devtools-border)'
+                },
+                text: 'Overrides are active. This may affect consent behavior.'
+            });
+            container.appendChild(overrideBanner);
+        }
+    }
+    function createOverrideInput(options) {
+        const { label, placeholder, value, onChange } = options;
+        let debounceTimer = null;
+        const inputField = input({
+            className: `${styles_components_module.input ?? ''} ${styles_components_module.inputSmall ?? ''}`.trim(),
+            placeholder,
+            value,
+            onInput: (e)=>{
+                const target = e.target;
+                if (debounceTimer) clearTimeout(debounceTimer);
+                debounceTimer = setTimeout(()=>{
+                    onChange(target.value);
+                }, 500);
+            }
+        });
+        return renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                gap: '8px',
+                marginBottom: '8px'
+            },
+            children: [
+                renderer_div({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        color: 'var(--c15t-devtools-text-muted)',
+                        minWidth: '60px'
+                    },
+                    text: label
+                }),
+                renderer_div({
+                    style: {
+                        flex: '1'
+                    },
+                    children: [
+                        inputField
+                    ]
+                })
+            ]
+        });
+    }
+    function createOverrideSelect(options) {
+        const { label, selectOptions, value, onChange } = options;
+        const selectField = renderer_select({
+            className: `${styles_components_module.input ?? ''} ${styles_components_module.inputSmall ?? ''}`.trim(),
+            options: selectOptions,
+            selectedValue: value,
+            onChange: (e)=>{
+                const target = e.target;
+                onChange(target.value);
+            }
+        });
+        return renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                gap: '8px',
+                marginBottom: '8px'
+            },
+            children: [
+                renderer_div({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        color: 'var(--c15t-devtools-text-muted)',
+                        minWidth: '60px'
+                    },
+                    text: label
+                }),
+                renderer_div({
+                    style: {
+                        flex: '1'
+                    },
+                    children: [
+                        selectField
+                    ]
+                })
+            ]
+        });
+    }
+    const COUNTRY_OPTIONS = [
+        {
+            value: '',
+            label: '-- Select --'
+        },
+        {
+            value: 'US',
+            label: 'US - United States'
+        },
+        {
+            value: 'CA',
+            label: 'CA - Canada'
+        },
+        {
+            value: 'GB',
+            label: 'GB - United Kingdom'
+        },
+        {
+            value: 'DE',
+            label: 'DE - Germany'
+        },
+        {
+            value: 'FR',
+            label: 'FR - France'
+        },
+        {
+            value: 'IT',
+            label: 'IT - Italy'
+        },
+        {
+            value: 'ES',
+            label: 'ES - Spain'
+        },
+        {
+            value: 'NL',
+            label: 'NL - Netherlands'
+        },
+        {
+            value: 'BE',
+            label: 'BE - Belgium'
+        },
+        {
+            value: 'AT',
+            label: 'AT - Austria'
+        },
+        {
+            value: 'CH',
+            label: 'CH - Switzerland'
+        },
+        {
+            value: 'PL',
+            label: 'PL - Poland'
+        },
+        {
+            value: 'SE',
+            label: 'SE - Sweden'
+        },
+        {
+            value: 'NO',
+            label: 'NO - Norway'
+        },
+        {
+            value: 'DK',
+            label: 'DK - Denmark'
+        },
+        {
+            value: 'FI',
+            label: 'FI - Finland'
+        },
+        {
+            value: 'IE',
+            label: 'IE - Ireland'
+        },
+        {
+            value: 'PT',
+            label: 'PT - Portugal'
+        },
+        {
+            value: 'AU',
+            label: 'AU - Australia'
+        },
+        {
+            value: 'NZ',
+            label: 'NZ - New Zealand'
+        },
+        {
+            value: 'JP',
+            label: 'JP - Japan'
+        },
+        {
+            value: 'BR',
+            label: 'BR - Brazil'
+        },
+        {
+            value: 'MX',
+            label: 'MX - Mexico'
+        },
+        {
+            value: 'IN',
+            label: 'IN - India'
+        },
+        {
+            value: 'CN',
+            label: 'CN - China'
+        },
+        {
+            value: 'KR',
+            label: 'KR - South Korea'
+        },
+        {
+            value: 'SG',
+            label: 'SG - Singapore'
+        },
+        {
+            value: 'HK',
+            label: 'HK - Hong Kong'
+        },
+        {
+            value: 'ZA',
+            label: 'ZA - South Africa'
+        }
+    ];
+    function getModelLabel(model) {
+        switch(model){
+            case 'opt-in':
+                return 'Opt-In';
+            case 'opt-out':
+                return 'Opt-Out';
+            case 'iab':
+                return 'IAB TCF';
+            default:
+                return 'None';
+        }
+    }
+    function createCompactInfoCard(label, value) {
+        return renderer_div({
+            className: styles_components_module.gridCard ?? '',
+            style: {
+                flexDirection: 'column',
+                alignItems: 'flex-start',
+                gap: '2px'
+            },
+            children: [
+                span({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        color: 'var(--c15t-text-muted)'
+                    },
+                    text: label
+                }),
+                span({
+                    style: {
+                        fontSize: 'var(--c15t-font-size-sm)',
+                        fontWeight: '500',
+                        fontFamily: 'ui-monospace, monospace'
+                    },
+                    text: value
+                })
+            ]
+        });
+    }
+    const dismissedResources = new Set();
+    function scanDOM(state) {
+        const results = [];
+        const configuredScripts = state.scripts || [];
+        const managedDomains = new Map();
+        for (const script of configuredScripts)if (script.src) try {
+            const url = new URL(script.src, window.location.origin);
+            if (url.hostname !== window.location.hostname) managedDomains.set(url.hostname, script.id);
+        } catch  {}
+        const scriptElements = document.querySelectorAll("script[src]");
+        for (const el of scriptElements){
+            const src = el.getAttribute('src');
+            if (!src) continue;
+            const resource = checkResource(src, "script", managedDomains);
+            if (resource) results.push(resource);
+        }
+        const iframeElements = document.querySelectorAll('iframe[src]');
+        for (const el of iframeElements){
+            const src = el.getAttribute('src');
+            if (!src) continue;
+            const resource = checkResource(src, 'iframe', managedDomains);
+            if (resource) results.push(resource);
+        }
+        return results;
+    }
+    function checkResource(src, type, managedDomains) {
+        try {
+            const url = new URL(src, window.location.origin);
+            const domain = url.hostname;
+            if (domain === window.location.hostname) return null;
+            if ('data:' === url.protocol || 'blob:' === url.protocol) return null;
+            const managedBy = managedDomains.get(domain);
+            const isManaged = Boolean(managedBy);
+            return {
+                type,
+                src,
+                domain,
+                status: isManaged ? 'managed' : 'unmanaged',
+                managedBy
+            };
+        } catch  {}
+        return null;
+    }
+    function createDomScannerSection(state) {
+        let resultsContainer = null;
+        let lastScanResults = [];
+        const doRender = ()=>{
+            if (!resultsContainer) return;
+            renderScanResults(resultsContainer, lastScanResults, (src)=>{
+                dismissedResources.add(src);
+                doRender();
+            });
+        };
+        const handleScan = ()=>{
+            if (!state || !resultsContainer) return;
+            lastScanResults = scanDOM(state);
+            doRender();
+        };
+        const section = createSection({
+            title: 'DOM Scanner',
+            actions: [
+                createButton({
+                    text: 'Scan DOM',
+                    small: true,
+                    onClick: handleScan
+                })
+            ],
+            children: []
+        });
+        resultsContainer = renderer_div({});
+        const placeholder = renderer_div({
+            style: {
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                color: 'var(--c15t-text-muted)',
+                textAlign: 'center',
+                padding: '8px 0'
+            },
+            text: 'Click "Scan DOM" to check for external scripts and iframes'
+        });
+        resultsContainer.appendChild(placeholder);
+        section.appendChild(resultsContainer);
+        return section;
+    }
+    function renderScanResults(container, results, onDismiss) {
+        while(container.firstChild)container.removeChild(container.firstChild);
+        const activeResults = results.filter((r)=>!dismissedResources.has(r.src));
+        if (0 === activeResults.length && 0 === results.length) return void container.appendChild(renderer_div({
+            style: {
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                color: 'var(--c15t-text-muted)',
+                textAlign: 'center',
+                padding: '8px 0'
+            },
+            text: "No external scripts or iframes found"
+        }));
+        if (0 === activeResults.length && results.length > 0) return void container.appendChild(renderer_div({
+            style: {
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                color: 'var(--c15t-text-muted)',
+                textAlign: 'center',
+                padding: '8px 0'
+            },
+            text: `All ${results.length} alerts dismissed`
+        }));
+        const unmanaged = activeResults.filter((r)=>'unmanaged' === r.status);
+        const managed = activeResults.filter((r)=>'managed' === r.status);
+        const dismissedCount = results.length - activeResults.length;
+        const summaryText = dismissedCount > 0 ? `Found: ${managed.length} managed, ${unmanaged.length} unmanaged (${dismissedCount} dismissed)` : `Found: ${managed.length} managed, ${unmanaged.length} unmanaged`;
+        const summary = renderer_div({
+            style: {
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                color: 'var(--c15t-text-muted)',
+                marginBottom: '8px'
+            },
+            text: summaryText
+        });
+        container.appendChild(summary);
+        if (unmanaged.length > 0) for (const resource of unmanaged)container.appendChild(createResourceRow(resource, 'warning', onDismiss));
+        if (managed.length > 0) {
+            const managedHeader = renderer_div({
+                style: {
+                    fontSize: 'var(--c15t-devtools-font-size-xs)',
+                    fontWeight: '600',
+                    color: 'var(--c15t-devtools-badge-success)',
+                    marginBottom: '4px',
+                    marginTop: '8px'
+                },
+                text: 'MANAGED'
+            });
+            container.appendChild(managedHeader);
+            for (const resource of managed)container.appendChild(createResourceRow(resource, 'success', onDismiss));
+        }
+    }
+    function createResourceRow(resource, variant, onDismiss) {
+        const icon = 'warning' === variant ? '⚠' : '✓';
+        const iconColor = 'warning' === variant ? 'var(--c15t-devtools-badge-warning)' : 'var(--c15t-devtools-badge-success)';
+        const row = renderer_div({
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '6px',
+                padding: '4px 0',
+                fontSize: 'var(--c15t-devtools-font-size-xs)',
+                borderBottom: '1px solid var(--c15t-border)'
+            },
+            children: [
+                span({
+                    style: {
+                        color: iconColor,
+                        flexShrink: '0'
+                    },
+                    text: icon
+                }),
+                span({
+                    style: {
+                        color: 'var(--c15t-text-muted)',
+                        flexShrink: '0'
+                    },
+                    text: `${resource.type}:`
+                }),
+                span({
+                    style: {
+                        fontWeight: '500',
+                        color: 'var(--c15t-text)',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        whiteSpace: 'nowrap',
+                        flex: '1'
+                    },
+                    text: resource.domain,
+                    title: resource.src
+                }),
+                'warning' === variant ? (()=>{
+                    const dismissBtn = document.createElement('button');
+                    dismissBtn.textContent = '✕';
+                    dismissBtn.title = 'Dismiss this alert';
+                    dismissBtn.style.cssText = `
+						background: none;
+						border: none;
+						color: var(--c15t-text-muted);
+						cursor: pointer;
+						padding: 2px 4px;
+						font-size: 10px;
+						opacity: 0.6;
+						flex-shrink: 0;
+					`;
+                    dismissBtn.onmouseenter = ()=>{
+                        dismissBtn.style.opacity = '1';
+                    };
+                    dismissBtn.onmouseleave = ()=>{
+                        dismissBtn.style.opacity = '0.6';
+                    };
+                    dismissBtn.onclick = (e)=>{
+                        e.stopPropagation();
+                        onDismiss(resource.src);
+                    };
+                    return dismissBtn;
+                })() : null
+            ].filter(Boolean)
+        });
+        return row;
+    }
+    const CODE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="16 18 22 12 16 6"></polyline>
+  <polyline points="8 6 2 12 8 18"></polyline>
+</svg>`;
+    function renderScriptsPanel(container, options) {
+        const { getState } = options;
+        clearElement(container);
+        const state = getState();
+        if (!state) return void container.appendChild(renderer_div({
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: 'Store not connected'
+        }));
+        const scripts = state.scripts || [];
+        const loadedScripts = state.loadedScripts || {};
+        const networkBlocker = state.networkBlocker;
+        if (0 === scripts.length) {
+            const scriptsSection = createSection({
+                title: 'Configured Scripts',
+                children: [
+                    createEmptyState({
+                        icon: CODE_ICON,
+                        text: "No scripts configured"
+                    })
+                ]
+            });
+            container.appendChild(scriptsSection);
+        } else {
+            const scriptsList = renderer_div({
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px'
+                }
+            });
+            for (const script of scripts){
+                const scriptId = script.id;
+                const isLoaded = true === loadedScripts[scriptId];
+                const category = script.category;
+                const categoryDisplay = 'string' == typeof category ? category : JSON.stringify(category);
+                let status = 'pending';
+                let statusVariant = 'neutral';
+                if (isLoaded) {
+                    status = 'loaded';
+                    statusVariant = 'success';
+                } else {
+                    const hasConsent = checkScriptConsent(state, category);
+                    if (hasConsent) {
+                        status = 'pending';
+                        statusVariant = 'warning';
+                    } else {
+                        status = 'blocked';
+                        statusVariant = 'neutral';
+                    }
+                }
+                const badge = createBadge({
+                    text: status.charAt(0).toUpperCase() + status.slice(1),
+                    variant: statusVariant
+                });
+                const item = createListItem({
+                    title: scriptId,
+                    description: `Category: ${categoryDisplay}`,
+                    actions: [
+                        badge
+                    ]
+                });
+                scriptsList.appendChild(item);
+            }
+            const scriptsSection = createSection({
+                title: `Configured Scripts (${scripts.length})`,
+                children: [
+                    scriptsList
+                ]
+            });
+            container.appendChild(scriptsSection);
+        }
+        const networkSection = createSection({
+            title: 'Network Blocker',
+            children: networkBlocker ? [
+                createInfoRow({
+                    label: 'Status',
+                    value: 'Active'
+                }),
+                createInfoRow({
+                    label: 'Blocked Domains',
+                    value: String(networkBlocker.rules?.length || 0)
+                })
+            ] : [
+                renderer_div({
+                    style: {
+                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                        color: 'var(--c15t-devtools-text-muted)'
+                    },
+                    text: 'Network blocker not configured'
+                })
+            ]
+        });
+        container.appendChild(networkSection);
+        const loadedCount = Object.values(loadedScripts).filter(Boolean).length;
+        const totalCount = scripts.length;
+        const summarySection = createSection({
+            title: 'Summary',
+            children: [
+                createInfoRow({
+                    label: 'Total Scripts',
+                    value: String(totalCount)
+                }),
+                createInfoRow({
+                    label: 'Loaded',
+                    value: String(loadedCount)
+                }),
+                createInfoRow({
+                    label: 'Pending/Blocked',
+                    value: String(totalCount - loadedCount)
+                })
+            ]
+        });
+        container.appendChild(summarySection);
+        const scannerSection = createDomScannerSection(state);
+        container.appendChild(scannerSection);
+    }
+    function checkScriptConsent(state, category) {
+        if (!category) return true;
+        if ('string' == typeof category) {
+            const consents = state.consents || {};
+            return true === consents[category];
+        }
+        return false;
+    }
+    const STORAGE_KEYS = {
+        C15T: 'c15t',
+        PENDING_SYNC: 'c15t:pending-consent-sync',
+        PENDING_SUBMISSIONS: 'c15t-pending-consent-submissions',
+        EUCONSENT: 'euconsent-v2'
+    };
+    const COOKIE_NAMES = {
+        C15T: 'c15t',
+        EUCONSENT: 'euconsent-v2'
+    };
+    function clearCookie(name) {
+        document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+    }
+    function clearAllCookies() {
+        clearCookie(COOKIE_NAMES.C15T);
+        clearCookie(COOKIE_NAMES.EUCONSENT);
+    }
+    function clearAllLocalStorage() {
+        try {
+            localStorage.removeItem(STORAGE_KEYS.C15T);
+            localStorage.removeItem(STORAGE_KEYS.PENDING_SYNC);
+            localStorage.removeItem(STORAGE_KEYS.PENDING_SUBMISSIONS);
+            localStorage.removeItem(STORAGE_KEYS.EUCONSENT);
+        } catch  {}
+    }
+    async function resetAllConsents(store, stateManager) {
+        const storeState = store.getState();
+        storeState.resetConsents();
+        clearAllCookies();
+        clearAllLocalStorage();
+        await storeState.initConsentManager();
+        stateManager?.addEvent({
+            type: 'consent_reset',
+            message: 'All consents reset (storage cleared)'
+        });
+    }
+    const STORAGE_KEY = 'c15t-devtools-events';
+    function loadPersistedEvents() {
+        if ('undefined' == typeof window) return [];
+        try {
+            const stored = sessionStorage.getItem(STORAGE_KEY);
+            if (stored) return JSON.parse(stored);
+        } catch  {}
+        return [];
+    }
+    function persistEvents(events) {
+        if ('undefined' == typeof window) return;
+        try {
+            sessionStorage.setItem(STORAGE_KEY, JSON.stringify(events));
+        } catch  {}
+    }
+    function createStateManager(initialState = {}) {
+        const persistedEvents = loadPersistedEvents();
+        let state = {
+            isOpen: false,
+            activeTab: 'location',
+            position: 'bottom-right',
+            isConnected: false,
+            eventLog: persistedEvents,
+            maxEventLogSize: 100,
+            ...initialState
+        };
+        const listeners = new Set();
+        function notify(prevState) {
+            for (const listener of listeners)listener(state, prevState);
+        }
+        function setState(partial) {
+            const prevState = state;
+            state = {
+                ...state,
+                ...partial
+            };
+            notify(prevState);
+        }
+        return {
+            getState: ()=>state,
+            subscribe: (listener)=>{
+                listeners.add(listener);
+                return ()=>{
+                    listeners.delete(listener);
+                };
+            },
+            setOpen: (isOpen)=>{
+                setState({
+                    isOpen
+                });
+            },
+            toggle: ()=>{
+                setState({
+                    isOpen: !state.isOpen
+                });
+            },
+            setActiveTab: (tab)=>{
+                setState({
+                    activeTab: tab
+                });
+            },
+            setPosition: (position)=>{
+                setState({
+                    position
+                });
+            },
+            setConnected: (isConnected)=>{
+                setState({
+                    isConnected
+                });
+            },
+            addEvent: (entry)=>{
+                const newEvent = {
+                    ...entry,
+                    id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+                    timestamp: Date.now()
+                };
+                const eventLog = [
+                    newEvent,
+                    ...state.eventLog
+                ].slice(0, state.maxEventLogSize);
+                setState({
+                    eventLog
+                });
+                persistEvents(eventLog);
+            },
+            clearEventLog: ()=>{
+                setState({
+                    eventLog: []
+                });
+                persistEvents([]);
+            },
+            destroy: ()=>{
+                listeners.clear();
+            }
+        };
+    }
+    function createStoreConnector(options = {}) {
+        const { namespace = 'c15tStore', onConnect, onStateChange, onDisconnect } = options;
+        let store = null;
+        let unsubscribe = null;
+        let pollInterval = null;
+        const listeners = new Set();
+        function tryConnect() {
+            if ('undefined' == typeof window) return false;
+            const storeInstance = window[namespace];
+            if (storeInstance && 'function' == typeof storeInstance.getState) {
+                store = storeInstance;
+                unsubscribe = store.subscribe((state)=>{
+                    onStateChange?.(state);
+                    for (const listener of listeners)listener(state);
+                });
+                const currentState = store.getState();
+                onConnect?.(currentState, store);
+                if (pollInterval) {
+                    clearInterval(pollInterval);
+                    pollInterval = null;
+                }
+                return true;
+            }
+            return false;
+        }
+        function startPolling() {
+            if (pollInterval) return;
+            if (tryConnect()) return;
+            let attempts = 0;
+            const maxAttempts = 50;
+            pollInterval = setInterval(()=>{
+                attempts++;
+                if (tryConnect()) return;
+                if (attempts >= maxAttempts) {
+                    if (pollInterval) {
+                        clearInterval(pollInterval);
+                        pollInterval = null;
+                    }
+                    onDisconnect?.();
+                }
+            }, 100);
+        }
+        startPolling();
+        return {
+            getState: ()=>store?.getState() ?? null,
+            getStore: ()=>store,
+            isConnected: ()=>null !== store,
+            subscribe: (listener)=>{
+                listeners.add(listener);
+                if (store) listener(store.getState());
+                return ()=>{
+                    listeners.delete(listener);
+                };
+            },
+            destroy: ()=>{
+                if (pollInterval) {
+                    clearInterval(pollInterval);
+                    pollInterval = null;
+                }
+                if (unsubscribe) {
+                    unsubscribe();
+                    unsubscribe = null;
+                }
+                store = null;
+                listeners.clear();
+            }
+        };
+    }
+    function getC15tStore(namespace = 'c15tStore') {
+        if ('undefined' == typeof window) return null;
+        const store = window[namespace];
+        if (store && 'function' == typeof store.getState) return store;
+        return null;
+    }
+    function isC15tStoreAvailable(namespace = 'c15tStore') {
+        return null !== getC15tStore(namespace);
+    }
+    var tokens = __webpack_require__("../../node_modules/.bun/@rsbuild+core@1.6.12/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].use[2]!./src/styles/tokens.css");
+    var tokens_options = {};
+    tokens_options.styleTagTransform = styleTagTransform_default();
+    tokens_options.setAttributes = setAttributesWithoutAttributes_default();
+    tokens_options.insert = insertBySelector_default().bind(null, "head");
+    tokens_options.domAPI = styleDomAPI_default();
+    tokens_options.insertStyleElement = insertStyleElement_default();
+    injectStylesIntoStyleTag_default()(tokens.A, tokens_options);
+    tokens.A && tokens.A.locals && tokens.A.locals;
+    function createDevTools(options = {}) {
+        const { namespace = 'c15tStore', position = 'bottom-right', defaultOpen = false } = options;
+        const stateManager = createStateManager({
+            position,
+            isOpen: defaultOpen
+        });
+        let originalCallbacks = {};
+        const storeConnector = createStoreConnector({
+            namespace,
+            onConnect: (state, store)=>{
+                stateManager.setConnected(true);
+                stateManager.addEvent({
+                    type: 'info',
+                    message: 'Connected to c15tStore'
+                });
+                originalCallbacks = {
+                    ...state.callbacks
+                };
+                store.getState().setCallback('onBannerFetched', (payload)=>{
+                    stateManager.addEvent({
+                        type: 'info',
+                        message: `Banner fetched: ${String(payload.jurisdiction)}`,
+                        data: payload
+                    });
+                    if ('function' == typeof originalCallbacks.onBannerFetched) originalCallbacks.onBannerFetched(payload);
+                });
+                store.getState().setCallback('onConsentSet', (payload)=>{
+                    stateManager.addEvent({
+                        type: 'consent_set',
+                        message: 'Consent preferences updated',
+                        data: payload
+                    });
+                    if ('function' == typeof originalCallbacks.onConsentSet) originalCallbacks.onConsentSet(payload);
+                });
+                store.getState().setCallback('onError', (payload)=>{
+                    stateManager.addEvent({
+                        type: 'error',
+                        message: `Error: ${payload.error}`,
+                        data: payload
+                    });
+                    if ('function' == typeof originalCallbacks.onError) originalCallbacks.onError(payload);
+                });
+                store.getState().setCallback('onBeforeConsentRevocationReload', (payload)=>{
+                    stateManager.addEvent({
+                        type: 'info',
+                        message: 'Consent revocation - page will reload',
+                        data: payload
+                    });
+                    if ('function' == typeof originalCallbacks.onBeforeConsentRevocationReload) originalCallbacks.onBeforeConsentRevocationReload(payload);
+                });
+            },
+            onDisconnect: ()=>{
+                stateManager.setConnected(false);
+                stateManager.addEvent({
+                    type: 'error',
+                    message: 'Disconnected from c15tStore'
+                });
+            },
+            onStateChange: ()=>{}
+        });
+        let tabsInstance = null;
+        const panelInstance = createPanel({
+            stateManager,
+            storeConnector,
+            onRenderContent: (container)=>{
+                renderContent(container, stateManager, storeConnector);
+            }
+        });
+        function renderContent(container, stateManager, storeConnector) {
+            clearElement(container);
+            const storeState = storeConnector.getState();
+            const disabledTabs = [];
+            if (!storeState || 'iab' !== storeState.model) disabledTabs.push('iab');
+            if (tabsInstance) tabsInstance.destroy();
+            tabsInstance = createTabs({
+                activeTab: stateManager.getState().activeTab,
+                onTabChange: (tab)=>{
+                    stateManager.setActiveTab(tab);
+                },
+                disabledTabs
+            });
+            container.appendChild(tabsInstance.element);
+            const panelContent = renderer_div({
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '0'
+                }
+            });
+            container.appendChild(panelContent);
+            const state = stateManager.getState();
+            const getStoreState = ()=>storeConnector.getState();
+            switch(state.activeTab){
+                case 'consents':
+                    renderConsentsPanel(panelContent, {
+                        getState: getStoreState,
+                        onConsentChange: (name, value)=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                const consentName = String(name);
+                                store.getState().setSelectedConsent(consentName, value);
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: `${consentName} toggled to ${value} (not saved)`,
+                                    data: {
+                                        name: consentName,
+                                        value
+                                    }
+                                });
+                            }
+                        },
+                        onSave: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().saveConsents('custom');
+                                stateManager.addEvent({
+                                    type: 'consent_save',
+                                    message: 'Saved consent preferences'
+                                });
+                            }
+                        },
+                        onAcceptAll: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().saveConsents('all');
+                                stateManager.addEvent({
+                                    type: 'consent_save',
+                                    message: 'Accepted all consents'
+                                });
+                            }
+                        },
+                        onRejectAll: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().saveConsents('necessary');
+                                stateManager.addEvent({
+                                    type: 'consent_save',
+                                    message: 'Rejected all optional consents'
+                                });
+                            }
+                        },
+                        onReset: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) await resetAllConsents(store, stateManager);
+                        }
+                    });
+                    break;
+                case 'location':
+                    renderLocationPanel(panelContent, {
+                        getState: getStoreState,
+                        onSetOverrides: async (overrides)=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                const currentOverrides = store.getState().overrides || {};
+                                await store.getState().setOverrides({
+                                    ...currentOverrides,
+                                    ...overrides
+                                });
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Overrides updated',
+                                    data: overrides
+                                });
+                                await store.getState().initConsentManager();
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Consent manager re-initialized with new overrides'
+                                });
+                            }
+                        },
+                        onClearOverrides: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                await store.getState().setOverrides(void 0);
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Overrides cleared'
+                                });
+                                await store.getState().initConsentManager();
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Consent manager re-initialized'
+                                });
+                            }
+                        }
+                    });
+                    break;
+                case "scripts":
+                    renderScriptsPanel(panelContent, {
+                        getState: getStoreState
+                    });
+                    break;
+                case 'iab':
+                    renderIabPanel(panelContent, {
+                        getState: getStoreState,
+                        onReset: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) await resetAllConsents(store, stateManager);
+                        }
+                    });
+                    break;
+                case 'events':
+                    renderEventsPanel(panelContent, {
+                        getEvents: ()=>stateManager.getState().eventLog,
+                        onClear: ()=>{
+                            stateManager.clearEventLog();
+                            stateManager.addEvent({
+                                type: 'info',
+                                message: 'Event log cleared'
+                            });
+                        }
+                    });
+                    break;
+                case 'actions':
+                    renderActionsPanel(panelContent, {
+                        getState: getStoreState,
+                        onResetConsents: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) await resetAllConsents(store, stateManager);
+                        },
+                        onRefetchBanner: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                await store.getState().initConsentManager();
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Banner data refetched'
+                                });
+                            }
+                        },
+                        onShowBanner: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().setActiveUI('banner', {
+                                    force: true
+                                });
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Banner shown'
+                                });
+                            }
+                        },
+                        onOpenPreferences: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().setActiveUI('dialog');
+                                stateManager.addEvent({
+                                    type: 'info',
+                                    message: 'Preference center opened'
+                                });
+                            }
+                        },
+                        onCopyState: ()=>{
+                            const state = storeConnector.getState();
+                            if (state) {
+                                const stateCopy = {
+                                    consents: state.consents,
+                                    consentInfo: state.consentInfo,
+                                    locationInfo: state.locationInfo,
+                                    model: state.model,
+                                    overrides: state.overrides,
+                                    scripts: state.scripts?.map((s)=>({
+                                            id: s.id
+                                        })),
+                                    loadedScripts: state.loadedScripts
+                                };
+                                navigator.clipboard.writeText(JSON.stringify(stateCopy, null, 2)).then(()=>{
+                                    stateManager.addEvent({
+                                        type: 'info',
+                                        message: 'State copied to clipboard'
+                                    });
+                                }).catch(()=>{
+                                    stateManager.addEvent({
+                                        type: 'error',
+                                        message: 'Failed to copy state'
+                                    });
+                                });
+                            }
+                        }
+                    });
+                    break;
+            }
+        }
+        storeConnector.subscribe(()=>{
+            panelInstance.update();
+        });
+        const instance = {
+            open: ()=>stateManager.setOpen(true),
+            close: ()=>stateManager.setOpen(false),
+            toggle: ()=>stateManager.toggle(),
+            getState: ()=>{
+                const state = stateManager.getState();
+                return {
+                    isOpen: state.isOpen,
+                    activeTab: state.activeTab,
+                    isConnected: state.isConnected
+                };
+            },
+            destroy: ()=>{
+                tabsInstance?.destroy();
+                panelInstance.destroy();
+                storeConnector.destroy();
+                stateManager.destroy();
+                if ('undefined' != typeof window) delete window.__c15tDevTools;
+            }
+        };
+        if ('undefined' != typeof window) window.__c15tDevTools = instance;
+        return instance;
+    }
+    function createDevToolsPanel(options) {
+        const { namespace = 'c15tStore' } = options;
+        const stateManager = createStateManager({
+            isOpen: true
+        });
+        const storeConnector = createStoreConnector({
+            namespace,
+            onConnect: ()=>stateManager.setConnected(true),
+            onDisconnect: ()=>stateManager.setConnected(false)
+        });
+        const container = renderer_div({
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100%',
+                fontFamily: 'var(--c15t-devtools-font-family)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)',
+                color: 'var(--c15t-devtools-text)',
+                backgroundColor: 'var(--c15t-devtools-surface)'
+            }
+        });
+        const contentArea = renderer_div({
+            style: {
+                flex: '1',
+                overflowY: 'auto',
+                overscrollBehavior: 'contain'
+            }
+        });
+        function renderActivePanel() {
+            const state = stateManager.getState();
+            const getStoreState = ()=>storeConnector.getState();
+            switch(state.activeTab){
+                case 'consents':
+                    renderConsentsPanel(contentArea, {
+                        getState: getStoreState,
+                        onConsentChange: (name, value)=>{
+                            storeConnector.getStore()?.getState().setSelectedConsent(name, value);
+                        },
+                        onSave: ()=>{
+                            storeConnector.getStore()?.getState().saveConsents('custom');
+                        },
+                        onAcceptAll: ()=>{
+                            storeConnector.getStore()?.getState().saveConsents('all');
+                        },
+                        onRejectAll: ()=>{
+                            storeConnector.getStore()?.getState().saveConsents('necessary');
+                        },
+                        onReset: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) await resetAllConsents(store);
+                        }
+                    });
+                    break;
+                case 'location':
+                    renderLocationPanel(contentArea, {
+                        getState: getStoreState,
+                        onSetOverrides: async (overrides)=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                const current = store.getState().overrides || {};
+                                await store.getState().setOverrides({
+                                    ...current,
+                                    ...overrides
+                                });
+                            }
+                        },
+                        onClearOverrides: async ()=>{
+                            await storeConnector.getStore()?.getState().setOverrides(void 0);
+                        }
+                    });
+                    break;
+                case "scripts":
+                    renderScriptsPanel(contentArea, {
+                        getState: getStoreState
+                    });
+                    break;
+                case 'iab':
+                    renderIabPanel(contentArea, {
+                        getState: getStoreState,
+                        onReset: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) await resetAllConsents(store);
+                        }
+                    });
+                    break;
+                case 'events':
+                    renderEventsPanel(contentArea, {
+                        getEvents: ()=>stateManager.getState().eventLog,
+                        onClear: ()=>{
+                            stateManager.clearEventLog();
+                        }
+                    });
+                    break;
+                case 'actions':
+                    renderActionsPanel(contentArea, {
+                        getState: getStoreState,
+                        onResetConsents: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) await resetAllConsents(store);
+                        },
+                        onRefetchBanner: async ()=>{
+                            await storeConnector.getStore()?.getState().initConsentManager();
+                        },
+                        onShowBanner: ()=>{
+                            storeConnector.getStore()?.getState().setActiveUI('banner', {
+                                force: true
+                            });
+                        },
+                        onOpenPreferences: ()=>{
+                            storeConnector.getStore()?.getState().setActiveUI('dialog');
+                        },
+                        onCopyState: ()=>{
+                            const state = storeConnector.getState();
+                            if (state) navigator.clipboard.writeText(JSON.stringify(state, null, 2));
+                        }
+                    });
+                    break;
+            }
+        }
+        const storeState = storeConnector.getState();
+        const disabledTabs = [];
+        if (!storeState || 'iab' !== storeState.model) disabledTabs.push('iab');
+        const tabsInstance = createTabs({
+            activeTab: stateManager.getState().activeTab,
+            onTabChange: (tab)=>{
+                stateManager.setActiveTab(tab);
+                renderActivePanel();
+            },
+            disabledTabs
+        });
+        container.appendChild(tabsInstance.element);
+        container.appendChild(contentArea);
+        renderActivePanel();
+        const unsubscribe = storeConnector.subscribe(()=>{
+            renderActivePanel();
+        });
+        return {
+            element: container,
+            destroy: ()=>{
+                unsubscribe();
+                tabsInstance.destroy();
+                storeConnector.destroy();
+                stateManager.destroy();
+            }
+        };
+    }
+})();
+exports.createDevTools = __webpack_exports__.createDevTools;
+exports.createDevToolsPanel = __webpack_exports__.createDevToolsPanel;
+exports.createStoreConnector = __webpack_exports__.createStoreConnector;
+exports.getC15tStore = __webpack_exports__.getC15tStore;
+exports.isC15tStoreAvailable = __webpack_exports__.isC15tStoreAvailable;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createDevTools",
+    "createDevToolsPanel",
+    "createStoreConnector",
+    "getC15tStore",
+    "isC15tStoreAvailable"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });