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

package/dist/react.js

@@ -0,0 +1,4672 @@
+"use client";
+import { useEffect, useRef } from "react";
+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 = (exports, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.nc = void 0;
+})();
+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 tabs_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 actions_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 consents_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 events_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 iab_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 location_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 scripts_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 reset_consents_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 state_manager_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 store_connector_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();
+        }
+    };
+}
+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 = state_manager_createStateManager({
+        position,
+        isOpen: defaultOpen
+    });
+    let originalCallbacks = {};
+    const storeConnector = store_connector_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 = tabs_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':
+                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 reset_consents_resetAllConsents(store, stateManager);
+                    }
+                });
+                break;
+            case 'location':
+                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":
+                scripts_renderScriptsPanel(panelContent, {
+                    getState: getStoreState
+                });
+                break;
+            case 'iab':
+                iab_renderIabPanel(panelContent, {
+                    getState: getStoreState,
+                    onReset: async ()=>{
+                        const store = storeConnector.getStore();
+                        if (store) await reset_consents_resetAllConsents(store, stateManager);
+                    }
+                });
+                break;
+            case 'events':
+                events_renderEventsPanel(panelContent, {
+                    getEvents: ()=>stateManager.getState().eventLog,
+                    onClear: ()=>{
+                        stateManager.clearEventLog();
+                        stateManager.addEvent({
+                            type: 'info',
+                            message: 'Event log cleared'
+                        });
+                    }
+                });
+                break;
+            case 'actions':
+                actions_renderActionsPanel(panelContent, {
+                    getState: getStoreState,
+                    onResetConsents: async ()=>{
+                        const store = storeConnector.getStore();
+                        if (store) await reset_consents_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 C15TDevTools({ namespace = 'c15tStore', position = 'bottom-right', defaultOpen = false, disabled = false }) {
+    const devtoolsRef = useRef(null);
+    useEffect(()=>{
+        if (disabled) return;
+        if ('undefined' == typeof window) return;
+        devtoolsRef.current = createDevTools({
+            namespace,
+            position,
+            defaultOpen
+        });
+        return ()=>{
+            devtoolsRef.current?.destroy();
+            devtoolsRef.current = null;
+        };
+    }, [
+        namespace,
+        position,
+        defaultOpen,
+        disabled
+    ]);
+    return null;
+}
+export { C15TDevTools };