@c15t/dev-tools 2.0.0-rc.3 → 2.0.0-rc.4

package/dist/tanstack.cjs

@@ -260,21 +260,21 @@ var __webpack_modules__ = {
             module.id,
             `.toggle-bPZtik {
   border-radius: var(--c15t-radius-full, 9999px);
-  background-color: var(--c15t-switch-track, #ccc);
+  background-color: var(--c15t-switch-track, #d9d9d9);
   cursor: pointer;
-  width: 36px;
-  height: 20px;
-  transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  width: 2rem;
+  height: 1.25rem;
+  transition: background-color 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));
   border: none;
   align-items: center;
-  padding: 0;
+  padding: .125rem;
   display: inline-flex;
   position: relative;
 }
 
 .toggle-bPZtik:focus-visible {
-  outline: 2px solid var(--c15t-primary, #335cff);
-  outline-offset: 2px;
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
 }
 
 .toggleActive-Ldlasg {
@@ -284,16 +284,16 @@ var __webpack_modules__ = {
 .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));
+  width: .75rem;
+  height: .75rem;
+  box-shadow: 0 0 0 1px var(--c15t-border, #e3e3e3);
+  transition: transform var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
   position: absolute;
   left: 2px;
-  box-shadow: 0 1px 2px #0003;
 }
 
 .toggleActive-Ldlasg .toggleThumb-hjGfoX {
-  transform: translateX(16px);
+  transform: translateX(1rem);
 }
 
 .toggle-bPZtik:disabled, .toggleDisabled-ZcD8nZ {
@@ -306,13 +306,14 @@ var __webpack_modules__ = {
 }
 
 .badge-yA0giZ {
-  border-radius: var(--c15t-radius-sm, .25rem);
+  border-radius: var(--c15t-radius-full, 9999px);
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
   font-weight: var(--c15t-font-weight-medium, 500);
+  line-height: var(--c15t-line-height-tight, 1.25);
   white-space: nowrap;
+  justify-content: center;
   align-items: center;
-  padding: 2px 6px;
-  line-height: 1;
+  padding: .1875rem .4375rem;
   display: inline-flex;
 }
 
@@ -345,35 +346,36 @@ var __webpack_modules__ = {
   justify-content: center;
   align-items: center;
   gap: var(--c15t-space-xs, .25rem);
-  border: 1px solid var(--c15t-border, #e3e3e3);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   border-radius: var(--c15t-radius-md, .5rem);
-  background-color: var(--c15t-surface, #fff);
-  min-height: 30px;
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  min-height: 2rem;
   color: var(--c15t-text, #171717);
-  font-family: inherit;
-  font-size: 12px;
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
+  font-size: var(--c15t-font-size-sm, .875rem);
   font-weight: var(--c15t-font-weight-medium, 500);
+  line-height: var(--c15t-line-height-tight, 1.25);
+  box-shadow: var(--c15t-shadow-sm, 0 1px 2px #0000000d);
   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)), box-shadow 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));
-  padding: 5px 10px;
-  line-height: 1;
+  padding: .375rem .625rem;
   display: inline-flex;
-  box-shadow: 0 1px 1px #0000000a;
 }
 
 .btn-evRVlh:hover {
-  background-color: var(--c15t-surface-hover, #f7f7f7);
+  background-color: var(--c15t-devtools-surface-subtle, #f7f7f7);
   border-color: var(--c15t-border-hover, #c9c9c9);
-  box-shadow: 0 2px 6px #00000014;
+  box-shadow: var(--c15t-shadow-md, 0 4px 12px #00000014);
 }
 
 .btn-evRVlh:focus-visible {
-  outline: 2px solid var(--c15t-primary, #335cff);
-  outline-offset: 1px;
+  box-shadow: var(--c15t-shadow-sm, 0 1px 2px #0000000d), 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
 }
 
 .btn-evRVlh:active {
-  box-shadow: 0 1px 2px #00000014;
+  box-shadow: var(--c15t-shadow-sm, 0 1px 2px #0000000d);
+  transform: scale(.98);
 }
 
 .btn-evRVlh:disabled {
@@ -386,6 +388,7 @@ var __webpack_modules__ = {
   background-color: var(--c15t-primary, #335cff);
   border-color: var(--c15t-primary, #335cff);
   color: var(--c15t-text-on-primary, #fff);
+  box-shadow: none;
 }
 
 .btnPrimary-dA6nqY:hover {
@@ -397,6 +400,7 @@ var __webpack_modules__ = {
   background-color: var(--c15t-devtools-badge-error, #ef4343);
   border-color: var(--c15t-devtools-badge-error, #ef4343);
   color: var(--c15t-text-on-primary, #fff);
+  box-shadow: none;
 }
 
 .btnDanger-eDnqOX:hover {
@@ -405,10 +409,10 @@ var __webpack_modules__ = {
 }
 
 .btnSmall-TjXoqZ {
+  min-height: 1.75rem;
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
   border-radius: var(--c15t-radius-sm, .375rem);
-  min-height: 26px;
-  padding: 3px 8px;
-  font-size: 11px;
+  padding: .25rem .5rem;
 }
 
 .btnIcon-fiYQAh {
@@ -418,19 +422,22 @@ var __webpack_modules__ = {
 }
 
 .input-IeTcCs {
-  width: 100%;
-  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-sm, .5rem);
-  border: 1px solid var(--c15t-border, #e3e3e3);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   border-radius: var(--c15t-radius-md, .5rem);
-  background-color: var(--c15t-surface, #fff);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  width: 100%;
+  min-height: 2rem;
   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));
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  line-height: var(--c15t-line-height-tight, 1.25);
+  transition: border-color 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));
+  padding: .375rem .625rem;
 }
 
 .input-IeTcCs:focus {
-  border-color: var(--c15t-primary, #335cff);
+  border-color: var(--c15t-devtools-focus-ring, #335cff);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--c15t-devtools-focus-ring, #335cff) 25%, transparent);
   outline: none;
 }
 
@@ -439,30 +446,35 @@ var __webpack_modules__ = {
 }
 
 .inputSmall-pJyXcL {
-  padding: 2px var(--c15t-space-xs, .25rem);
+  min-height: 1.625rem;
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  padding: .25rem .4375rem;
 }
 
 .select-byJ1WM {
-  width: 100%;
-  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-sm, .5rem);
-  border: 1px solid var(--c15t-border, #e3e3e3);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   border-radius: var(--c15t-radius-md, .5rem);
-  background-color: var(--c15t-surface, #fff);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  width: 100%;
+  min-height: 2rem;
   color: var(--c15t-text, #171717);
-  font-family: inherit;
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  line-height: var(--c15t-line-height-tight, 1.25);
   cursor: pointer;
+  transition: border-color 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));
+  padding: .375rem .625rem;
 }
 
 .select-byJ1WM:focus {
-  border-color: var(--c15t-primary, #335cff);
+  border-color: var(--c15t-devtools-focus-ring, #335cff);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--c15t-devtools-focus-ring, #335cff) 25%, transparent);
   outline: none;
 }
 
 .grid-LlrmEz {
   gap: var(--c15t-space-sm, .5rem);
-  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
+  padding: var(--c15t-space-md, 1rem);
   display: grid;
 }
 
@@ -475,42 +487,51 @@ var __webpack_modules__ = {
 }
 
 .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;
+  gap: var(--c15t-space-sm, .5rem);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  min-height: 2.75rem;
+  box-shadow: var(--c15t-shadow-sm, 0 1px 2px #0000000d);
+  transition: border-color 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));
+  padding: .5625rem .75rem;
   display: flex;
 }
 
 .gridCard-Qm5xxI:hover {
   border-color: var(--c15t-border-hover, #c9c9c9);
+  background-color: var(--c15t-devtools-surface-subtle, #fafafa);
 }
 
 .gridCardTitle-HjXETp {
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
   font-weight: var(--c15t-font-weight-medium, 500);
   color: var(--c15t-text, #171717);
+  line-height: var(--c15t-line-height-tight, 1.25);
 }
 
 .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;
+  gap: var(--c15t-space-sm, .5rem);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  margin-bottom: .375rem;
+  padding: .625rem .75rem;
   display: flex;
 }
 
 .listItem-XUKGIo:last-child {
-  border-bottom: none;
+  margin-bottom: 0;
 }
 
 .listItemContent-WDBF1N {
   flex-direction: column;
   flex: 1;
-  gap: 2px;
+  gap: .1875rem;
   min-width: 0;
   display: flex;
 }
@@ -524,6 +545,7 @@ var __webpack_modules__ = {
 .listItemDescription-E6JHyZ {
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
   color: var(--c15t-text-muted, #737373);
+  line-height: var(--c15t-line-height-tight, 1.25);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -537,8 +559,8 @@ var __webpack_modules__ = {
 }
 
 .section-a197cB {
-  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
-  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
+  border-bottom: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
+  padding: .75rem 1rem;
 }
 
 .section-a197cB:last-child {
@@ -546,9 +568,10 @@ var __webpack_modules__ = {
 }
 
 .sectionHeader-Xcljcw {
-  margin-bottom: var(--c15t-space-sm, .5rem);
   justify-content: space-between;
   align-items: center;
+  gap: .5rem;
+  margin-bottom: .625rem;
   display: flex;
 }
 
@@ -557,47 +580,49 @@ var __webpack_modules__ = {
   font-weight: var(--c15t-font-weight-semibold, 600);
   color: var(--c15t-text-muted, #737373);
   text-transform: uppercase;
-  letter-spacing: .5px;
+  letter-spacing: .04em;
 }
 
 .overrideField-keNdpJ {
   flex-direction: column;
-  gap: 3px;
+  gap: .3125rem;
   margin-bottom: 0;
   display: flex;
 }
 
 .overrideLabel-ApMoTw {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-semibold, 600);
   color: var(--c15t-text-muted, #737373);
-  font-size: 11px;
-  font-weight: 600;
+  line-height: var(--c15t-line-height-tight, 1.25);
 }
 
 .overrideHint-yCfwGt {
-  color: var(--c15t-devtools-text-muted, #737373);
-  margin-top: 6px;
-  font-size: 11px;
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  color: var(--c15t-text-muted, #737373);
+  line-height: var(--c15t-line-height-tight, 1.25);
+  margin-top: .5rem;
 }
 
 .overrideActions-imdcn7 {
-  border-top: 1px dashed var(--c15t-border, #e3e3e3);
+  border-top: 1px dashed var(--c15t-devtools-border-strong, #e3e3e3);
   justify-content: space-between;
   align-items: center;
-  gap: 8px;
-  margin-top: 8px;
-  padding-top: 8px;
+  gap: .5rem;
+  margin-top: .625rem;
+  padding-top: .625rem;
   display: flex;
 }
 
 .overrideActionButtons-gYOx1e {
   flex-wrap: wrap;
-  gap: 6px;
+  gap: .375rem;
   display: flex;
 }
 
 .overrideStatus-sty_qS {
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
   color: var(--c15t-text-muted, #737373);
-  font-size: 11px;
 }
 
 .overrideStatusDirty-OUdDMw {
@@ -605,9 +630,10 @@ var __webpack_modules__ = {
 }
 
 .infoRow-RlB_0h {
-  padding: var(--c15t-space-xs, .25rem) 0;
   justify-content: space-between;
   align-items: center;
+  gap: .5rem;
+  padding: .25rem 0;
   display: flex;
 }
 
@@ -620,6 +646,7 @@ var __webpack_modules__ = {
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
   font-weight: var(--c15t-font-weight-medium, 500);
   color: var(--c15t-text, #171717);
+  font-variant-numeric: tabular-nums;
   font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
 }
 
@@ -630,18 +657,27 @@ var __webpack_modules__ = {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  gap: .375rem;
   display: flex;
 }
 
 .emptyStateIcon-WHFkX8 {
+  opacity: .55;
   width: 32px;
   height: 32px;
-  margin-bottom: var(--c15t-space-sm, .5rem);
-  opacity: .5;
 }
 
 .emptyStateText-TaLvAJ {
   font-size: var(--c15t-font-size-sm, .875rem);
+  line-height: var(--c15t-line-height-normal, 1.5);
+}
+
+.disconnectedState-dOtZBG {
+  padding: var(--c15t-space-xl, 2rem);
+  text-align: center;
+  font-size: var(--c15t-font-size-sm, .875rem);
+  color: var(--c15t-text-muted, #737373);
+  line-height: var(--c15t-line-height-normal, 1.5);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -708,7 +744,8 @@ var __webpack_modules__ = {
             infoValue: "infoValue-flMl_e",
             emptyState: "emptyState-QcmzTQ",
             emptyStateIcon: "emptyStateIcon-WHFkX8",
-            emptyStateText: "emptyStateText-TaLvAJ"
+            emptyStateText: "emptyStateText-TaLvAJ",
+            disconnectedState: "disconnectedState-dOtZBG"
         };
         const __rspack_default_export = ___CSS_LOADER_EXPORT___;
     },
@@ -737,9 +774,9 @@ var __webpack_modules__ = {
 .floatingButton-Gw8MtJ {
   width: var(--c15t-devtools-button-size, 40px);
   height: var(--c15t-devtools-button-size, 40px);
-  border: 1px solid var(--c15t-border, #e3e3e3);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   border-radius: var(--c15t-radius-full, 9999px);
-  background-color: var(--c15t-surface, #fff);
+  background-color: var(--c15t-devtools-surface-elevated, #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);
@@ -767,13 +804,13 @@ var __webpack_modules__ = {
 }
 
 .floatingButton-Gw8MtJ:focus-visible {
-  outline: 2px solid var(--c15t-primary, #335cff);
-  outline-offset: 2px;
+  box-shadow: var(--c15t-shadow-lg, 0 8px 24px #0000001f), 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
 }
 
 .floatingButton-Gw8MtJ:active {
   cursor: grabbing;
-  transform: scale(1.02);
+  transform: scale(.98);
 }
 
 .floatingButtonIcon-cHWefk {
@@ -814,6 +851,7 @@ var __webpack_modules__ = {
 
 .backdrop-LhVMB5 {
   background-color: var(--c15t-overlay, #00000080);
+  backdrop-filter: blur(1px);
   z-index: calc(var(--c15t-devtools-z-index, 99999)  + 1);
   position: fixed;
   inset: 0;
@@ -822,10 +860,10 @@ var __webpack_modules__ = {
 .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);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   border-radius: var(--c15t-radius-lg, .75rem);
-  box-shadow: var(--c15t-shadow-lg, 0 8px 24px #0000001f);
+  box-shadow: var(--c15t-shadow-lg, 0 10px 28px #00000029);
   z-index: calc(var(--c15t-devtools-z-index, 99999)  + 2);
   flex-direction: column;
   display: flex;
@@ -858,11 +896,11 @@ var __webpack_modules__ = {
 }
 
 .header-xluoTr {
-  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-md, 1rem);
-  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
+  border-bottom: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   background-color: var(--c15t-devtools-surface-muted, #f5f5f5);
   justify-content: space-between;
   align-items: center;
+  padding: .6875rem .875rem;
   display: flex;
 }
 
@@ -871,6 +909,7 @@ var __webpack_modules__ = {
   gap: var(--c15t-space-sm, .5rem);
   font-size: var(--c15t-font-size-sm, .875rem);
   font-weight: var(--c15t-font-weight-semibold, 600);
+  line-height: var(--c15t-line-height-tight, 1.25);
   color: var(--c15t-text, #171717);
   display: flex;
 }
@@ -882,9 +921,9 @@ var __webpack_modules__ = {
 }
 
 .closeButton-Yto0Nb {
-  border-radius: var(--c15t-radius-sm, .25rem);
-  width: 28px;
-  height: 28px;
+  border-radius: var(--c15t-radius-md, .5rem);
+  width: 2rem;
+  height: 2rem;
   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));
@@ -897,13 +936,13 @@ var __webpack_modules__ = {
 }
 
 .closeButton-Yto0Nb:hover {
-  background-color: var(--c15t-surface-hover, #f7f7f7);
+  background-color: var(--c15t-devtools-surface-subtle, #f7f7f7);
   color: var(--c15t-text, #171717);
 }
 
 .closeButton-Yto0Nb:focus-visible {
-  outline: 2px solid var(--c15t-primary, #335cff);
-  outline-offset: 1px;
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
 }
 
 .closeButtonIcon-fVlR1I {
@@ -911,33 +950,71 @@ var __webpack_modules__ = {
   height: 16px;
 }
 
+.inlineActionButton-Ky8BmN {
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
+  border-radius: var(--c15t-radius-sm, .375rem);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  min-height: 1.625rem;
+  color: var(--c15t-text, #171717);
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  line-height: var(--c15t-line-height-tight, 1.25);
+  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));
+  justify-content: center;
+  align-items: center;
+  padding: .25rem .5rem;
+  display: inline-flex;
+}
+
+.inlineActionButton-Ky8BmN:hover {
+  background-color: var(--c15t-devtools-surface-subtle, #f7f7f7);
+  border-color: var(--c15t-border-hover, #c9c9c9);
+}
+
+.inlineActionButton-Ky8BmN:focus-visible {
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
+}
+
 .content-yDMYfG {
+  scrollbar-gutter: stable;
   overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
   flex: auto;
   min-height: 200px;
-  overflow: hidden auto;
+  overflow: hidden scroll;
 }
 
 .footer-ESbmwQ {
-  padding: var(--c15t-space-xs, .25rem) var(--c15t-space-md, 1rem);
-  border-top: 1px solid var(--c15t-border, #e3e3e3);
+  border-top: 1px solid var(--c15t-devtools-border-strong, #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;
+  gap: .5rem;
+  padding: .5rem .75rem;
   display: flex;
 }
 
 .footerStatus-rlb99A {
   align-items: center;
-  gap: var(--c15t-space-xs, .25rem);
+  gap: .375rem;
+  min-width: 0;
   display: flex;
 }
 
+.footerMeta-Vdtxdk {
+  opacity: .75;
+  white-space: nowrap;
+}
+
 .statusDot-hYJoej {
   border-radius: var(--c15t-radius-full, 9999px);
+  flex-shrink: 0;
   width: 6px;
   height: 6px;
 }
@@ -976,6 +1053,7 @@ var __webpack_modules__ = {
   font-size: var(--c15t-font-size-sm, .875rem);
   color: var(--c15t-text-muted, #737373);
   max-width: 280px;
+  line-height: var(--c15t-line-height-normal, 1.5);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -992,17 +1070,17 @@ var __webpack_modules__ = {
 }
 
 .dropdownMenu-aKK18l {
-  min-width: 200px;
-  padding: var(--c15t-space-xs, .25rem);
-  border: 1px solid var(--c15t-border, #e3e3e3);
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
   border-radius: var(--c15t-radius-lg, .75rem);
-  background-color: var(--c15t-surface, #fff);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  min-width: 200px;
   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));
+  padding: .375rem;
   position: fixed;
   transform: scale(.95)translateY(8px);
 }
@@ -1030,34 +1108,35 @@ var __webpack_modules__ = {
 }
 
 .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);
+  width: 100%;
   color: var(--c15t-text, #171717);
-  font-size: var(--c15t-font-size-sm, .875rem);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
   font-weight: var(--c15t-font-weight-medium, 500);
+  line-height: var(--c15t-line-height-tight, 1.25);
   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;
+  align-items: center;
+  gap: .625rem;
+  padding: .5rem .625rem;
   display: flex;
 }
 
 .menuItem-kBbHRP:hover {
-  background-color: var(--c15t-surface-hover, #f2f2f2);
+  background-color: var(--c15t-devtools-surface-subtle, #f2f2f2);
 }
 
 .menuItem-kBbHRP:focus-visible {
-  outline: 2px solid var(--c15t-primary, #335cff);
-  outline-offset: -2px;
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
 }
 
 .menuItemIcon-P3pP5K {
-  width: 20px;
-  height: 20px;
+  width: 1rem;
+  height: 1rem;
   color: var(--c15t-text-muted, #737373);
   flex-shrink: 0;
 }
@@ -1070,6 +1149,7 @@ var __webpack_modules__ = {
   font-size: var(--c15t-devtools-font-size-xs, .75rem);
   color: var(--c15t-text-muted, #737373);
   font-weight: var(--c15t-font-weight-normal, 400);
+  margin-top: .125rem;
 }
 
 .menuItemContent-hBlruV {
@@ -1085,8 +1165,8 @@ var __webpack_modules__ = {
 .menuItemToggleTrack-gDp_f3 {
   background-color: var(--c15t-switch-track, #d9d9d9);
   border-radius: var(--c15t-radius-full, 9999px);
-  width: 36px;
-  height: 20px;
+  width: 2rem;
+  height: 1.25rem;
   transition: background-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
   position: relative;
 }
@@ -1094,21 +1174,22 @@ var __webpack_modules__ = {
 .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);
+  width: .75rem;
+  height: .75rem;
+  box-shadow: 0 0 0 1px var(--c15t-border, #e3e3e3);
   transition: transform var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
   position: absolute;
-  top: 2px;
+  top: 50%;
   left: 2px;
+  transform: translateY(-50%);
 }
 
 .menuItemToggleChecked-K3BPtk .menuItemToggleTrack-gDp_f3 {
-  background-color: var(--c15t-switch-track-checked, #335cff);
+  background-color: var(--c15t-switch-track-active, #335cff);
 }
 
 .menuItemToggleChecked-K3BPtk .menuItemToggleThumb-ioqqyc {
-  transform: translateX(16px);
+  transform: translate(1rem, -50%);
 }
 
 .menuDivider-JIBdhU {
@@ -1144,9 +1225,11 @@ var __webpack_modules__ = {
             headerLogo: "headerLogo-PxJ_w1",
             closeButton: "closeButton-Yto0Nb",
             closeButtonIcon: "closeButtonIcon-fVlR1I",
+            inlineActionButton: "inlineActionButton-Ky8BmN",
             content: "content-yDMYfG",
             footer: "footer-ESbmwQ",
             footerStatus: "footerStatus-rlb99A",
+            footerMeta: "footerMeta-Vdtxdk",
             statusDot: "statusDot-hYJoej",
             statusConnected: "statusConnected-hPSUgS",
             statusDisconnected: "statusDisconnected-HIpcee",
@@ -1185,62 +1268,63 @@ var __webpack_modules__ = {
         ___CSS_LOADER_EXPORT___.push([
             module.id,
             `.tabList-IyuiBE {
+  border-bottom: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
+  background-color: var(--c15t-devtools-surface-subtle, #fafafa);
   align-items: center;
-  gap: var(--c15t-space-xs, .25rem);
-  padding: var(--c15t-space-sm, .5rem) var(--c15t-space-sm, .5rem);
-  border-bottom: 1px solid var(--c15t-border, #e3e3e3);
-  background-color: var(--c15t-surface, #fff);
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  scroll-padding-inline-end: var(--c15t-space-sm, .5rem);
+  gap: .375rem;
+  padding: .75rem;
   display: flex;
-  overflow-x: auto;
 }
 
-.tabList-IyuiBE:after {
-  content: "";
-  flex: 0 0 var(--c15t-space-sm, .5rem);
-}
-
-.tabList-IyuiBE::-webkit-scrollbar {
-  display: none;
+.tabStrip-_KrWe4 {
+  align-items: center;
+  gap: var(--c15t-space-xs, .25rem);
+  flex: auto;
+  min-width: 0;
+  display: flex;
+  overflow: hidden;
 }
 
 .tab-yfDEqg {
-  align-items: center;
-  gap: var(--c15t-space-xs, .25rem);
   border-radius: var(--c15t-radius-md, .5rem);
+  min-height: 1.875rem;
   color: var(--c15t-text-muted, #737373);
-  font-family: inherit;
-  font-size: 11px;
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
   font-weight: var(--c15t-font-weight-medium, 500);
+  line-height: var(--c15t-line-height-tight, 1.25);
   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));
+  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)), border-color 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: #0000;
-  border: none;
-  padding: 3px 7px;
+  border: 1px solid #0000;
+  flex-shrink: 0;
+  align-items: center;
+  gap: .375rem;
+  padding: .25rem .625rem;
   display: flex;
 }
 
 .tab-yfDEqg:hover {
-  background-color: var(--c15t-surface-hover, #f7f7f7);
+  background-color: var(--c15t-devtools-surface-muted, #f7f7f7);
   color: var(--c15t-text, #171717);
 }
 
 .tab-yfDEqg:focus-visible {
-  outline: 2px solid var(--c15t-primary, #335cff);
-  outline-offset: 1px;
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
 }
 
 .tabActive-r4hing {
-  background-color: var(--c15t-primary, #335cff);
-  color: var(--c15t-text-on-primary, #fff);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  border-color: var(--c15t-devtools-border-strong, #e3e3e3);
+  color: var(--c15t-text, #171717);
+  box-shadow: var(--c15t-shadow-sm, 0 1px 2px #0000000d);
 }
 
 .tabActive-r4hing:hover {
-  background-color: var(--c15t-primary-hover, #03f);
-  color: var(--c15t-text-on-primary, #fff);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  color: var(--c15t-text, #171717);
 }
 
 .tabIcon-U9tnu0 {
@@ -1249,6 +1333,131 @@ var __webpack_modules__ = {
   height: 14px;
 }
 
+.tabHidden-HBXYSd {
+  display: none;
+}
+
+.overflowContainer-TTw9DO {
+  flex-shrink: 0;
+  position: relative;
+}
+
+.overflowContainerHidden-sQa_XZ {
+  display: none;
+}
+
+.overflowButton-tKq4FF {
+  border-radius: var(--c15t-radius-md, .5rem);
+  width: 1.875rem;
+  height: 1.875rem;
+  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)), border-color var(--c15t-duration-fast, .1s) var(--c15t-easing, cubic-bezier(.4, 0, .2, 1));
+  background-color: #0000;
+  border: 1px solid #0000;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.overflowButton-tKq4FF:hover {
+  background-color: var(--c15t-devtools-surface-muted, #f7f7f7);
+  color: var(--c15t-text, #171717);
+}
+
+.overflowButton-tKq4FF:focus-visible {
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
+}
+
+.overflowButtonIcon-FSurfC {
+  justify-content: center;
+  align-items: center;
+  width: 14px;
+  height: 14px;
+  display: inline-flex;
+}
+
+.overflowMenu-TST0eZ {
+  border: 1px solid var(--c15t-devtools-border-strong, #e3e3e3);
+  border-radius: var(--c15t-radius-md, .5rem);
+  background-color: var(--c15t-devtools-surface-elevated, #fff);
+  min-width: 10rem;
+  box-shadow: var(--c15t-shadow-md, 0 4px 12px #00000014);
+  opacity: 0;
+  transform-origin: 100% 0;
+  pointer-events: none;
+  z-index: 10;
+  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));
+  flex-direction: column;
+  gap: .125rem;
+  padding: .3125rem;
+  display: flex;
+  position: absolute;
+  top: calc(100% + .375rem);
+  right: 0;
+  transform: translateY(-4px)scale(.98);
+}
+
+.overflowMenu-TST0eZ[data-state="open"] {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateY(0)scale(1);
+}
+
+.overflowItem-y5Pz7k {
+  border-radius: var(--c15t-radius-sm, .375rem);
+  min-height: 1.75rem;
+  color: var(--c15t-text, #171717);
+  font-family: var(--c15t-font-family, system-ui, -apple-system, sans-serif);
+  font-size: var(--c15t-devtools-font-size-xs, .75rem);
+  font-weight: var(--c15t-font-weight-medium, 500);
+  line-height: var(--c15t-line-height-tight, 1.25);
+  text-align: left;
+  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;
+  align-items: center;
+  gap: .5rem;
+  padding: .3125rem .5rem;
+  display: inline-flex;
+}
+
+.overflowItem-y5Pz7k:hover {
+  background-color: var(--c15t-devtools-surface-subtle, #fafafa);
+}
+
+.overflowItem-y5Pz7k:focus-visible {
+  box-shadow: 0 0 0 2px var(--c15t-devtools-focus-ring, #335cff);
+  outline: none;
+}
+
+.overflowItemActive-mzVG1T {
+  background-color: var(--c15t-devtools-accent-soft, #ebefff);
+  color: var(--c15t-text, #171717);
+}
+
+.overflowItemDisabled-dcHX3K {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.overflowItemIcon-fz291V {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 14px;
+  height: 14px;
+  display: inline-flex;
+}
+
+.overflowItemHidden-k4aawi {
+  display: none;
+}
+
 .tabDisabled-lDuv5l {
   opacity: .5;
   cursor: not-allowed;
@@ -1269,7 +1478,7 @@ var __webpack_modules__ = {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .tab-yfDEqg {
+  .tab-yfDEqg, .overflowButton-tKq4FF, .overflowMenu-TST0eZ, .overflowItem-y5Pz7k {
     transition: none;
   }
 }
@@ -1285,9 +1494,21 @@ var __webpack_modules__ = {
         ]);
         ___CSS_LOADER_EXPORT___.locals = {
             tabList: "tabList-IyuiBE",
+            tabStrip: "tabStrip-_KrWe4",
             tab: "tab-yfDEqg",
             tabActive: "tabActive-r4hing",
             tabIcon: "tabIcon-U9tnu0",
+            tabHidden: "tabHidden-HBXYSd",
+            overflowContainer: "overflowContainer-TTw9DO",
+            overflowContainerHidden: "overflowContainerHidden-sQa_XZ",
+            overflowButton: "overflowButton-tKq4FF",
+            overflowButtonIcon: "overflowButtonIcon-FSurfC",
+            overflowMenu: "overflowMenu-TST0eZ",
+            overflowItem: "overflowItem-y5Pz7k",
+            overflowItemActive: "overflowItemActive-mzVG1T",
+            overflowItemDisabled: "overflowItemDisabled-dcHX3K",
+            overflowItemIcon: "overflowItemIcon-fz291V",
+            overflowItemHidden: "overflowItemHidden-k4aawi",
             tabDisabled: "tabDisabled-lDuv5l",
             tabPanel: "tabPanel-QKO8FX",
             tabPanelActive: "tabPanelActive-mrNlGE"
@@ -1311,6 +1532,15 @@ var __webpack_modules__ = {
   --c15t-devtools-button-size: 40px;
   --c15t-devtools-z-index: 99999;
   --c15t-devtools-surface-muted: var(--c15t-surface-hover, #f7f7f7);
+  --c15t-devtools-surface-subtle: #fafafa;
+  --c15t-devtools-surface-elevated: var(--c15t-surface, #fff);
+  --c15t-devtools-border-strong: var(--c15t-border, #e3e3e3);
+  --c15t-devtools-code-surface: #f7f7f7;
+  --c15t-devtools-accent-soft: #ebefff;
+  --c15t-devtools-focus-ring: var(--c15t-primary, #335cff);
+  --c15t-devtools-text-muted: var(--c15t-text-muted, #737373);
+  --c15t-devtools-font-size-sm: var(--c15t-font-size-sm, .875rem);
+  --c15t-surface-muted: var(--c15t-devtools-surface-muted, #f7f7f7);
   --c15t-devtools-font-size-xs: .75rem;
   --c15t-devtools-badge-success: #21c45d;
   --c15t-devtools-badge-success-bg: #e4fbed;
@@ -1324,8 +1554,37 @@ var __webpack_modules__ = {
   --c15t-devtools-badge-neutral-bg: #f0f0f0;
 }
 
+:is(:global(.c15t-light), :global(.light)) {
+  --c15t-devtools-surface-muted: var(--c15t-surface-hover, #f7f7f7);
+  --c15t-devtools-surface-subtle: #fafafa;
+  --c15t-devtools-surface-elevated: var(--c15t-surface, #fff);
+  --c15t-devtools-border-strong: var(--c15t-border, #e3e3e3);
+  --c15t-devtools-code-surface: #f7f7f7;
+  --c15t-devtools-accent-soft: #ebefff;
+  --c15t-devtools-badge-success-bg: #e4fbed;
+  --c15t-devtools-badge-error-bg: #fde7e7;
+  --c15t-devtools-badge-warning-bg: #fef7dc;
+  --c15t-devtools-badge-info-bg: #dcebfe;
+  --c15t-devtools-badge-neutral-bg: #f0f0f0;
+}
+
+@supports (color: color-mix(in srgb, white, black)) {
+  :root {
+    --c15t-devtools-surface-muted: color-mix(in srgb, var(--c15t-surface-hover, #f7f7f7) 85%, var(--c15t-surface, #fff));
+    --c15t-devtools-surface-subtle: color-mix(in srgb, var(--c15t-surface-hover, #f7f7f7) 55%, var(--c15t-surface, #fff));
+    --c15t-devtools-border-strong: color-mix(in srgb, var(--c15t-border, #e3e3e3) 80%, var(--c15t-text-muted, #737373));
+    --c15t-devtools-code-surface: color-mix(in srgb, var(--c15t-surface-hover, #f7f7f7) 70%, var(--c15t-surface, #fff));
+    --c15t-devtools-accent-soft: color-mix(in srgb, var(--c15t-primary, #335cff) 12%, transparent);
+  }
+}
+
 :is(:global(.c15t-dark), :global(.dark)) {
   --c15t-devtools-surface-muted: var(--c15t-surface-hover, #292929);
+  --c15t-devtools-surface-subtle: #242424;
+  --c15t-devtools-surface-elevated: var(--c15t-surface, #1a1a1a);
+  --c15t-devtools-border-strong: var(--c15t-border, #3d3d3d);
+  --c15t-devtools-code-surface: #212121;
+  --c15t-devtools-accent-soft: #335cff33;
   --c15t-devtools-badge-success-bg: #21c45d33;
   --c15t-devtools-badge-error-bg: #ef434333;
   --c15t-devtools-badge-warning-bg: #f59f0a33;
@@ -1334,8 +1593,13 @@ var __webpack_modules__ = {
 }
 
 @media (prefers-color-scheme: dark) {
-  :root {
+  :global(:root:not(.light):not(.c15t-light)) {
     --c15t-devtools-surface-muted: var(--c15t-surface-hover, #292929);
+    --c15t-devtools-surface-subtle: #242424;
+    --c15t-devtools-surface-elevated: var(--c15t-surface, #1a1a1a);
+    --c15t-devtools-border-strong: var(--c15t-border, #3d3d3d);
+    --c15t-devtools-code-surface: #212121;
+    --c15t-devtools-accent-soft: #335cff33;
     --c15t-devtools-badge-success-bg: #21c45d33;
     --c15t-devtools-badge-error-bg: #ef434333;
     --c15t-devtools-badge-warning-bg: #f59f0a33;
@@ -1648,7 +1912,7 @@ var __webpack_exports__ = {};
     panel_module_options.insertStyleElement = insertStyleElement_default();
     injectStylesIntoStyleTag_default()(panel_module.A, panel_module_options);
     panel_module.A && panel_module.A.locals && panel_module.A.locals;
-    '[data-c15t-trigger], [aria-label*="privacy settings"], [aria-label*="preference"]';
+    '[data-c15t-trigger], [aria-label*="privacy settings" i], [aria-label*="preference" i]';
     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);
@@ -1775,6 +2039,11 @@ var __webpack_exports__ = {};
     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 MORE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+  <circle cx="12" cy="5" r="1.75"></circle>
+  <circle cx="12" cy="12" r="1.75"></circle>
+  <circle cx="12" cy="19" r="1.75"></circle>
 </svg>`;
     const TABS = [
         {
@@ -1811,12 +2080,56 @@ var __webpack_exports__ = {};
     function tabs_createTabs(options) {
         const { onTabChange, disabledTabs = [] } = options;
         let activeTab = options.activeTab;
+        let isOverflowMenuOpen = false;
+        let visibleTabIds = [];
+        let hiddenTabIds = [];
         const tabButtons = new Map();
+        const overflowButtons = new Map();
         const tabList = renderer_div({
-            className: styles_tabs_module.tabList,
+            className: styles_tabs_module.tabList
+        });
+        const tabStrip = renderer_div({
+            className: styles_tabs_module.tabStrip,
             role: 'tablist',
             ariaLabel: 'DevTools tabs'
         });
+        tabList.appendChild(tabStrip);
+        const overflowMenu = renderer_div({
+            className: styles_tabs_module.overflowMenu,
+            role: 'menu',
+            ariaLabel: 'All tabs'
+        });
+        overflowMenu.dataset.state = 'closed';
+        const overflowButton = renderer_button({
+            className: styles_tabs_module.overflowButton,
+            ariaLabel: 'More tabs',
+            ariaExpanded: 'false',
+            onClick: ()=>toggleOverflowMenu(),
+            onKeyDown: (e)=>{
+                if ('ArrowDown' === e.key || 'Enter' === e.key || ' ' === e.key) {
+                    e.preventDefault();
+                    openOverflowMenu();
+                    focusFirstEnabledOverflowItem();
+                }
+            }
+        });
+        overflowButton.setAttribute('aria-haspopup', 'menu');
+        const overflowIcon = renderer_div({
+            className: styles_tabs_module.overflowButtonIcon
+        });
+        overflowIcon.appendChild(renderer_createSvgElement(MORE_ICON, {
+            width: 14,
+            height: 14
+        }));
+        overflowButton.appendChild(overflowIcon);
+        const overflowContainer = renderer_div({
+            className: styles_tabs_module.overflowContainer,
+            children: [
+                overflowButton,
+                overflowMenu
+            ]
+        });
+        tabList.appendChild(overflowContainer);
         for (const tab of TABS){
             const isActive = tab.id === activeTab;
             const isDisabled = disabledTabs.includes(tab.id);
@@ -1830,6 +2143,7 @@ var __webpack_exports__ = {};
                 disabled: isDisabled,
                 onClick: ()=>{
                     if (!isDisabled) {
+                        closeOverflowMenu();
                         setActiveTab(tab.id);
                         onTabChange(tab.id);
                     }
@@ -1846,29 +2160,206 @@ var __webpack_exports__ = {};
             tabButton.appendChild(iconWrapper);
             tabButton.appendChild(document.createTextNode(tab.label));
             tabButtons.set(tab.id, tabButton);
-            tabList.appendChild(tabButton);
+            tabStrip.appendChild(tabButton);
+            const overflowItem = renderer_button({
+                className: `${styles_tabs_module.overflowItem} ${isActive ? styles_tabs_module.overflowItemActive : ''} ${isDisabled ? styles_tabs_module.overflowItemDisabled : ''}`,
+                role: 'menuitemradio',
+                ariaChecked: isActive ? 'true' : 'false',
+                disabled: isDisabled,
+                onClick: ()=>{
+                    if (!isDisabled) {
+                        setActiveTab(tab.id);
+                        onTabChange(tab.id);
+                        closeOverflowMenu();
+                        tabButtons.get(tab.id)?.focus();
+                    }
+                },
+                onKeyDown: (e)=>handleOverflowKeyDown(e, tab.id)
+            });
+            const overflowItemIcon = renderer_div({
+                className: styles_tabs_module.overflowItemIcon
+            });
+            overflowItemIcon.appendChild(renderer_createSvgElement(tab.icon, {
+                width: 14,
+                height: 14
+            }));
+            overflowItem.appendChild(overflowItemIcon);
+            overflowItem.appendChild(document.createTextNode(tab.label));
+            overflowButtons.set(tab.id, overflowItem);
+            overflowMenu.appendChild(overflowItem);
         }
-        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;
-            }
+        function applyActiveState(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;
+            }
+            for (const [tabId, overflowItem] of overflowButtons){
+                const isActive = tabId === tab;
+                if (styles_tabs_module.overflowItemActive) overflowItem.classList.toggle(styles_tabs_module.overflowItemActive, isActive);
+                overflowItem.setAttribute('aria-checked', isActive ? 'true' : 'false');
+            }
+        }
+        function updateVisibleTabs() {
+            const allTabIds = TABS.map((t)=>t.id);
+            const iabEnabled = !disabledTabs.includes('iab');
+            const preferredSecondTab = iabEnabled ? 'iab' : 'consents';
+            const overflowSecondTab = iabEnabled ? 'consents' : 'iab';
+            const showOverflowSecondTabInStrip = activeTab === overflowSecondTab;
+            const stripSecondTab = showOverflowSecondTabInStrip ? overflowSecondTab : preferredSecondTab;
+            const forcedOverflowTab = showOverflowSecondTabInStrip ? preferredSecondTab : overflowSecondTab;
+            const layoutTabIds = [
+                'location',
+                stripSecondTab,
+                "scripts",
+                'actions',
+                'events',
+                forcedOverflowTab
+            ];
+            const forcedOverflowTabIds = new Set();
+            forcedOverflowTabIds.add(forcedOverflowTab);
+            for (const [index, tabId] of layoutTabIds.entries()){
+                const tabButton = tabButtons.get(tabId);
+                if (tabButton) tabButton.style.order = String(index);
+                const overflowItem = overflowButtons.get(tabId);
+                if (overflowItem) overflowItem.style.order = String(index);
+            }
+            for (const tabId of allTabIds){
+                const tabButton = tabButtons.get(tabId);
+                if (tabButton && styles_tabs_module.tabHidden) tabButton.classList.remove(styles_tabs_module.tabHidden);
+            }
+            if (styles_tabs_module.overflowContainerHidden) overflowContainer.classList.remove(styles_tabs_module.overflowContainerHidden);
+            const stripGap = Number.parseFloat(getComputedStyle(tabStrip).gap || '0');
+            const calculateVisibleTabs = (availableWidth)=>{
+                if (availableWidth <= 0) return [];
+                const nextVisible = [];
+                let usedWidth = 0;
+                for (const tabId of layoutTabIds){
+                    if (forcedOverflowTabIds.has(tabId)) continue;
+                    const tabButton = tabButtons.get(tabId);
+                    if (!tabButton) continue;
+                    const width = tabButton.getBoundingClientRect().width;
+                    const nextUsed = 0 === nextVisible.length ? width : usedWidth + stripGap + width;
+                    if (nextUsed <= availableWidth) {
+                        nextVisible.push(tabId);
+                        usedWidth = nextUsed;
+                    } else break;
+                }
+                return nextVisible;
+            };
+            const measureStripWidth = ()=>tabStrip.getBoundingClientRect().width;
+            const showOverflowContainer = ()=>{
+                if (styles_tabs_module.overflowContainerHidden) overflowContainer.classList.remove(styles_tabs_module.overflowContainerHidden);
+            };
+            const hideOverflowContainer = ()=>{
+                if (styles_tabs_module.overflowContainerHidden) overflowContainer.classList.add(styles_tabs_module.overflowContainerHidden);
+            };
+            const measureVisibleWidth = (tabIds)=>{
+                let width = 0;
+                for (const [index, tabId] of tabIds.entries()){
+                    const tabButton = tabButtons.get(tabId);
+                    if (tabButton) {
+                        width += tabButton.getBoundingClientRect().width;
+                        if (index > 0) width += stripGap;
+                    }
+                }
+                return width;
+            };
+            if (0 === forcedOverflowTabIds.size) {
+                hideOverflowContainer();
+                const visibleWithoutOverflow = calculateVisibleTabs(measureStripWidth());
+                if (visibleWithoutOverflow.length === layoutTabIds.length) visibleTabIds = visibleWithoutOverflow;
+                else {
+                    showOverflowContainer();
+                    visibleTabIds = calculateVisibleTabs(measureStripWidth());
+                }
+            } else {
+                showOverflowContainer();
+                const withOverflow = calculateVisibleTabs(measureStripWidth());
+                visibleTabIds = withOverflow.length > 0 ? withOverflow : [
+                    activeTab
+                ];
+            }
+            if (!visibleTabIds.includes(activeTab) && !disabledTabs.includes(activeTab)) if (visibleTabIds.length > 0) visibleTabIds[visibleTabIds.length - 1] = activeTab;
+            else visibleTabIds = [
+                activeTab
+            ];
+            visibleTabIds = [
+                ...new Set(visibleTabIds)
+            ];
+            const maxStripWidth = measureStripWidth();
+            while(visibleTabIds.length > 1 && measureVisibleWidth(visibleTabIds) > maxStripWidth + 0.5){
+                let removeIndex = visibleTabIds.length - 1;
+                if (visibleTabIds[removeIndex] === activeTab) removeIndex = Math.max(0, removeIndex - 1);
+                visibleTabIds.splice(removeIndex, 1);
+            }
+            hiddenTabIds = layoutTabIds.filter((tabId)=>!visibleTabIds.includes(tabId) || forcedOverflowTabIds.has(tabId) && tabId !== activeTab);
+            for (const tabId of allTabIds){
+                const tabButton = tabButtons.get(tabId);
+                if (tabButton) {
+                    if (styles_tabs_module.tabHidden) tabButton.classList.toggle(styles_tabs_module.tabHidden, hiddenTabIds.includes(tabId));
+                }
+            }
+            for (const tabId of allTabIds){
+                const overflowItem = overflowButtons.get(tabId);
+                if (overflowItem) {
+                    if (styles_tabs_module.overflowItemHidden) overflowItem.classList.toggle(styles_tabs_module.overflowItemHidden, !hiddenTabIds.includes(tabId));
+                }
+            }
+            if (styles_tabs_module.overflowContainerHidden) overflowContainer.classList.toggle(styles_tabs_module.overflowContainerHidden, 0 === hiddenTabIds.length);
+            if (0 === hiddenTabIds.length) closeOverflowMenu();
+        }
+        function focusFirstEnabledOverflowItem() {
+            const firstEnabled = hiddenTabIds.find((tabId)=>!disabledTabs.includes(tabId));
+            if (firstEnabled) overflowButtons.get(firstEnabled)?.focus();
+        }
+        function openOverflowMenu() {
+            if (isOverflowMenuOpen || 0 === hiddenTabIds.length) return;
+            isOverflowMenuOpen = true;
+            overflowMenu.dataset.state = 'open';
+            overflowButton.setAttribute('aria-expanded', 'true');
+            document.addEventListener('click', handleOutsideClick);
+            document.addEventListener('keydown', handleEscapeKey);
+        }
+        function closeOverflowMenu() {
+            if (!isOverflowMenuOpen) return;
+            isOverflowMenuOpen = false;
+            overflowMenu.dataset.state = 'closed';
+            overflowButton.setAttribute('aria-expanded', 'false');
+            document.removeEventListener('click', handleOutsideClick);
+            document.removeEventListener('keydown', handleEscapeKey);
+        }
+        function toggleOverflowMenu() {
+            if (isOverflowMenuOpen) closeOverflowMenu();
+            else openOverflowMenu();
+        }
+        function handleOutsideClick(e) {
+            if (!overflowContainer.contains(e.target)) closeOverflowMenu();
+        }
+        function handleEscapeKey(e) {
+            if ('Escape' === e.key) closeOverflowMenu();
+        }
+        function handleKeyDown(e, currentTab) {
+            const enabledTabIds = visibleTabIds.filter((tabId)=>!disabledTabs.includes(tabId));
+            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) {
@@ -1877,23 +2368,152 @@ var __webpack_exports__ = {};
                 tabButtons.get(newTab)?.focus();
             }
         }
+        function handleOverflowKeyDown(e, currentTab) {
+            const enabledTabIds = hiddenTabIds.filter((tabId)=>!disabledTabs.includes(tabId));
+            const currentIndex = enabledTabIds.indexOf(currentTab);
+            if ('Escape' === e.key) {
+                e.preventDefault();
+                closeOverflowMenu();
+                overflowButton.focus();
+                return;
+            }
+            let newIndex = currentIndex;
+            switch(e.key){
+                case 'ArrowDown':
+                    newIndex = (currentIndex + 1) % enabledTabIds.length;
+                    break;
+                case 'ArrowUp':
+                    newIndex = currentIndex > 0 ? currentIndex - 1 : enabledTabIds.length - 1;
+                    break;
+                default:
+                    return;
+            }
+            e.preventDefault();
+            const newTab = enabledTabIds[newIndex];
+            if (newTab) overflowButtons.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;
-            }
+            applyActiveState(tab);
+            updateVisibleTabs();
         }
+        const handleWindowResize = ()=>{
+            updateVisibleTabs();
+        };
+        let resizeObserver = null;
+        if ('undefined' != typeof ResizeObserver) {
+            resizeObserver = new ResizeObserver(()=>{
+                updateVisibleTabs();
+            });
+            resizeObserver.observe(tabList);
+        } else window.addEventListener('resize', handleWindowResize);
+        applyActiveState(activeTab);
+        requestAnimationFrame(()=>{
+            updateVisibleTabs();
+        });
         return {
             element: tabList,
             setActiveTab,
             destroy: ()=>{
+                closeOverflowMenu();
+                if (resizeObserver) {
+                    resizeObserver.disconnect();
+                    resizeObserver = null;
+                } else window.removeEventListener('resize', handleWindowResize);
                 tabButtons.clear();
+                overflowButtons.clear();
             }
         };
     }
+    function debug_bundle_createDebugBundle(payload) {
+        const { namespace, devToolsState, connection, recentEvents, storeState } = payload;
+        const bundle = {
+            generatedAt: new Date().toISOString(),
+            namespace,
+            devToolsState,
+            connection,
+            recentEvents,
+            storeState,
+            overrides: storeState?.overrides ?? null,
+            iab: storeState?.iab ? {
+                tcString: (storeState?.iab).tcString ?? null,
+                purposeCount: Object.keys((storeState?.iab).purposeConsents ?? {}).length,
+                vendorCount: Object.keys((storeState?.iab).vendorConsents ?? {}).length
+            } : null
+        };
+        return JSON.stringify(bundle, null, 2);
+    }
+    function debug_bundle_sanitizeStoreState(state) {
+        if (!state) return null;
+        try {
+            return JSON.parse(JSON.stringify(state, (_key, value)=>'function' == typeof value ? void 0 : value));
+        } catch  {
+            return {
+                error: 'Unable to serialize store state'
+            };
+        }
+    }
+    function debug_bundle_downloadDebugBundle(content) {
+        const blob = new Blob([
+            content
+        ], {
+            type: 'application/json'
+        });
+        const url = URL.createObjectURL(blob);
+        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = `c15t-debug-bundle-${timestamp}.json`;
+        anchor.click();
+        URL.revokeObjectURL(url);
+    }
+    const DEVTOOLS_OVERRIDES_STORAGE_KEY = 'c15t-devtools-overrides';
+    function normalizeStringValue(value) {
+        if ('string' != typeof value) return;
+        const normalized = value.trim();
+        return normalized.length > 0 ? normalized : void 0;
+    }
+    function normalizeBooleanValue(value) {
+        return 'boolean' == typeof value ? value : void 0;
+    }
+    function normalizeOverrides(value) {
+        if (!value || 'object' != typeof value) return null;
+        const source = value;
+        const overrides = {
+            country: normalizeStringValue(source.country),
+            region: normalizeStringValue(source.region),
+            language: normalizeStringValue(source.language),
+            gpc: normalizeBooleanValue(source.gpc)
+        };
+        return hasPersistedOverrides(overrides) ? overrides : null;
+    }
+    function hasPersistedOverrides(overrides) {
+        return Boolean(overrides.country || overrides.region || overrides.language || void 0 !== overrides.gpc);
+    }
+    function override_storage_loadPersistedOverrides(storageKey = DEVTOOLS_OVERRIDES_STORAGE_KEY) {
+        if ('undefined' == typeof window) return null;
+        try {
+            const stored = localStorage.getItem(storageKey);
+            if (!stored) return null;
+            const parsed = JSON.parse(stored);
+            return normalizeOverrides(parsed);
+        } catch  {
+            return null;
+        }
+    }
+    function override_storage_persistOverrides(overrides, storageKey = DEVTOOLS_OVERRIDES_STORAGE_KEY) {
+        if ('undefined' == typeof window) return;
+        try {
+            if (!hasPersistedOverrides(overrides)) return void localStorage.removeItem(storageKey);
+            localStorage.setItem(storageKey, JSON.stringify(overrides));
+        } catch  {}
+    }
+    function override_storage_clearPersistedOverrides(storageKey = DEVTOOLS_OVERRIDES_STORAGE_KEY) {
+        if ('undefined' == typeof window) return;
+        try {
+            localStorage.removeItem(storageKey);
+        } catch  {}
+    }
     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();
@@ -1961,31 +2581,19 @@ var __webpack_exports__ = {};
         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: [
-                renderer_span({
-                    className: styles_components_module.listItemTitle,
-                    text: title
-                }),
-                description ? renderer_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 createInput(options) {
+        const { value, placeholder, ariaLabel, small = false, onInput } = options;
+        const sizeClass = small ? styles_components_module.inputSmall : '';
+        return input({
+            className: `${styles_components_module.input} ${sizeClass}`.trim(),
+            type: 'text',
+            value,
+            placeholder,
+            ariaLabel,
+            onInput: (event)=>{
+                const target = event.target;
+                onInput?.(target?.value ?? '');
+            }
         });
     }
     function createSection(options) {
@@ -2068,6 +2676,18 @@ var __webpack_exports__ = {};
             children
         });
     }
+    function createDisconnectedState(message = 'Store not connected') {
+        return renderer_div({
+            className: styles_components_module.disconnectedState,
+            style: {
+                padding: '24px',
+                textAlign: 'center',
+                color: 'var(--c15t-text-muted)',
+                fontSize: 'var(--c15t-devtools-font-size-sm)'
+            },
+            text: message
+        });
+    }
     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>
@@ -2095,19 +2715,11 @@ var __webpack_exports__ = {};
   <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;
+    function renderActionsPanel(container, options) {
+        const { getState, onResetConsents, onRefetchBanner, onShowBanner, onOpenPreferences, onCopyState, onExportDebugBundle } = options;
         renderer_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 (!state) return void container.appendChild(createDisconnectedState());
         const actionCards = [
             createActionCard({
                 icon: actions_EYE_ICON,
@@ -2128,6 +2740,12 @@ var __webpack_exports__ = {};
                 icon: COPY_ICON,
                 label: 'Copy State',
                 onClick: onCopyState
+            }),
+            createActionCard({
+                icon: REFRESH_ICON,
+                label: 'Export Debug',
+                onClick: ()=>onExportDebugBundle?.(),
+                disabled: !onExportDebugBundle
             })
         ];
         const grid = createGrid({
@@ -2201,7 +2819,7 @@ var __webpack_exports__ = {};
         container.appendChild(consoleSection);
     }
     function createActionCard(options) {
-        const { icon, label, onClick } = options;
+        const { icon, label, onClick, disabled = false } = options;
         const card = renderer_div({
             className: styles_components_module.gridCard ?? '',
             style: {
@@ -2212,7 +2830,8 @@ var __webpack_exports__ = {};
                 gap: '6px',
                 padding: '16px 8px',
                 cursor: 'pointer',
-                transition: 'background-color var(--c15t-duration-fast) var(--c15t-easing)'
+                transition: 'background-color var(--c15t-duration-fast) var(--c15t-easing)',
+                opacity: disabled ? '0.55' : '1'
             },
             children: [
                 createIconWrapper(icon, 20),
@@ -2227,13 +2846,15 @@ var __webpack_exports__ = {};
                 })
             ]
         });
-        card.addEventListener('click', onClick);
-        card.addEventListener('mouseenter', ()=>{
-            card.style.backgroundColor = 'var(--c15t-surface-hover)';
-        });
-        card.addEventListener('mouseleave', ()=>{
-            card.style.backgroundColor = '';
-        });
+        if (!disabled) {
+            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) {
@@ -2254,19 +2875,12 @@ var __webpack_exports__ = {};
     function getNamespace(state) {
         return state.config?.meta?.namespace || 'c15tStore';
     }
-    function consents_renderConsentsPanel(container, options) {
+    const consentSearchByContainer = new WeakMap();
+    function renderConsentsPanel(container, options) {
         const { getState, onConsentChange, onSave, onAcceptAll, onRejectAll, onReset } = options;
         renderer_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 (!state) return void container.appendChild(createDisconnectedState());
         const isIabMode = 'iab' === state.model;
         const savedConsents = state.consents || {};
         const selectedConsents = state.selectedConsents || {};
@@ -2280,15 +2894,40 @@ var __webpack_exports__ = {};
                 ct.name,
                 ct
             ]));
+        const searchQuery = consentSearchByContainer.get(container) ?? '';
         const consentEntries = Object.entries(displayConsents);
-        if (0 === consentEntries.length) container.appendChild(renderer_div({
+        const filteredConsentEntries = consentEntries.filter(([name])=>{
+            if (!searchQuery) return true;
+            const consentType = consentTypeMap.get(name);
+            const displayName = consentType?.name || name;
+            return `${name} ${displayName}`.toLowerCase().includes(searchQuery);
+        });
+        const showSearchInput = consentEntries.length > 4;
+        if (showSearchInput) container.appendChild(renderer_div({
+            style: {
+                padding: '8px 0 10px'
+            },
+            children: [
+                createInput({
+                    value: searchQuery,
+                    placeholder: 'Filter consents…',
+                    ariaLabel: 'Filter consents',
+                    small: true,
+                    onInput: (value)=>{
+                        consentSearchByContainer.set(container, value.trim().toLowerCase());
+                        renderConsentsPanel(container, options);
+                    }
+                })
+            ]
+        }));
+        if (0 === filteredConsentEntries.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'
+            text: 0 === consentEntries.length ? 'No consents configured' : 'No matching consents'
         }));
         else {
             if (isIabMode) {
@@ -2306,7 +2945,7 @@ var __webpack_exports__ = {};
                 container.appendChild(iabNotice);
             }
             const gridCards = [];
-            for (const [name, value] of consentEntries){
+            for (const [name, value] of filteredConsentEntries){
                 const consentType = consentTypeMap.get(name);
                 const isNecessary = 'necessary' === name;
                 const displayName = consentType?.name || name;
@@ -2424,15 +3063,26 @@ var __webpack_exports__ = {};
     function formatConsentName(name) {
         return name.replace(/_/g, ' ').replace(/\b\w/g, (l)=>l.toUpperCase());
     }
-    let activeFilter = 'all';
-    let selectedEventId = null;
-    function events_renderEventsPanel(container, options) {
+    const panelStateByContainer = new WeakMap();
+    function getPanelState(container) {
+        const existing = panelStateByContainer.get(container);
+        if (existing) return existing;
+        const initialState = {
+            activeFilter: 'all',
+            selectedEventId: null,
+            searchQuery: ''
+        };
+        panelStateByContainer.set(container, initialState);
+        return initialState;
+    }
+    function renderEventsPanel(container, options) {
         const { getEvents, onClear } = options;
+        const panelState = getPanelState(container);
         renderer_clearElement(container);
         const allEvents = getEvents();
-        const events = allEvents.filter((event)=>matchesFilter(event, activeFilter));
-        if (!events.some((event)=>event.id === selectedEventId)) selectedEventId = events[0]?.id ?? null;
-        const selectedEvent = events.find((event)=>event.id === selectedEventId) ?? null;
+        const events = allEvents.filter((event)=>matchesFilter(event, panelState.activeFilter)).filter((event)=>matchesSearch(event, panelState.searchQuery));
+        if (!events.some((event)=>event.id === panelState.selectedEventId)) panelState.selectedEventId = events[0]?.id ?? null;
+        const selectedEvent = events.find((event)=>event.id === panelState.selectedEventId) ?? null;
         const header = renderer_div({
             style: {
                 display: 'flex',
@@ -2468,8 +3118,8 @@ var __webpack_exports__ = {};
                             small: true,
                             onClick: ()=>{
                                 onClear();
-                                selectedEventId = null;
-                                events_renderEventsPanel(container, options);
+                                panelState.selectedEventId = null;
+                                renderEventsPanel(container, options);
                             }
                         })
                     ]
@@ -2484,12 +3134,30 @@ var __webpack_exports__ = {};
                 gap: '6px',
                 padding: '0 16px 8px'
             },
-            children: EVENT_FILTERS.map((filter)=>createFilterButton(filter, filter === activeFilter, ()=>{
-                    activeFilter = filter;
-                    selectedEventId = null;
-                    events_renderEventsPanel(container, options);
+            children: EVENT_FILTERS.map((filter)=>createFilterButton(filter, filter === panelState.activeFilter, ()=>{
+                    panelState.activeFilter = filter;
+                    panelState.selectedEventId = null;
+                    renderEventsPanel(container, options);
                 }))
         }));
+        container.appendChild(renderer_div({
+            style: {
+                padding: '0 16px 8px'
+            },
+            children: [
+                createInput({
+                    value: panelState.searchQuery,
+                    placeholder: 'Search events…',
+                    ariaLabel: 'Search events',
+                    small: true,
+                    onInput: (value)=>{
+                        panelState.searchQuery = value.trim().toLowerCase();
+                        panelState.selectedEventId = null;
+                        renderEventsPanel(container, options);
+                    }
+                })
+            ]
+        }));
         const eventList = renderer_div({
             style: {
                 display: 'flex',
@@ -2509,9 +3177,9 @@ var __webpack_exports__ = {};
             },
             text: 'No events match this filter'
         }));
-        else for (const event of events)eventList.appendChild(createEventItem(event, event.id === selectedEventId, ()=>{
-            selectedEventId = event.id;
-            events_renderEventsPanel(container, options);
+        else for (const event of events)eventList.appendChild(createEventItem(event, event.id === panelState.selectedEventId, ()=>{
+            panelState.selectedEventId = event.id;
+            renderEventsPanel(container, options);
         }));
         container.appendChild(eventList);
         container.appendChild(createPayloadSection(selectedEvent));
@@ -2538,6 +3206,11 @@ var __webpack_exports__ = {};
         if ('network' === filter) return 'network' === event.type;
         return 'iab' === event.type;
     }
+    function matchesSearch(event, query) {
+        if (!query) return true;
+        const haystack = `${event.type} ${event.message} ${JSON.stringify(event.data ?? {})}`;
+        return haystack.toLowerCase().includes(query);
+    }
     function createPayloadSection(event) {
         const payload = event?.data ? JSON.stringify(event.data, null, 2) : null;
         return renderer_div({
@@ -2675,38 +3348,15 @@ var __webpack_exports__ = {};
                 return 'var(--c15t-text-muted)';
         }
     }
-    function iab_renderIabPanel(container, options) {
+    const iabSearchByContainer = new WeakMap();
+    function renderIabPanel(container, options) {
         const { getState, onSetPurposeConsent, onSetVendorConsent, onSetSpecialFeatureOptIn, onAcceptAll, onRejectAll, onSave, onReset } = options;
         renderer_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'
-        }));
+        if (!state) return void container.appendChild(createDisconnectedState());
+        if ('iab' !== state.model) return void container.appendChild(createDisconnectedState('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'
-        }));
+        if (!iabState) return void container.appendChild(createDisconnectedState('IAB state not available'));
         const tcString = iabState.tcString;
         const tcStringSection = createSection({
             title: 'TC String',
@@ -2738,9 +3388,30 @@ var __webpack_exports__ = {};
         });
         container.appendChild(tcStringSection);
         const gvl = iabState.gvl;
+        const searchQuery = iabSearchByContainer.get(container) ?? '';
+        container.appendChild(createSection({
+            title: 'Filter',
+            children: [
+                createInput({
+                    value: searchQuery,
+                    placeholder: 'Filter purposes or vendors…',
+                    ariaLabel: 'Filter IAB purposes and vendors',
+                    small: true,
+                    onInput: (value)=>{
+                        iabSearchByContainer.set(container, value.trim().toLowerCase());
+                        renderIabPanel(container, options);
+                    }
+                })
+            ]
+        }));
         const purposeConsents = iabState.purposeConsents || {};
         const purposes = gvl?.purposes || {};
-        const purposeEntries = Object.entries(purposeConsents);
+        const purposeEntries = Object.entries(purposeConsents).filter(([purposeId])=>{
+            if (!searchQuery) return true;
+            const purposeInfo = purposes[purposeId];
+            const purposeName = purposeInfo?.name || `Purpose ${purposeId}`;
+            return `${purposeId} ${purposeName}`.toLowerCase().includes(searchQuery);
+        });
         if (purposeEntries.length > 0) {
             const purposeList = renderer_div({
                 style: {
@@ -2768,7 +3439,12 @@ var __webpack_exports__ = {};
         }
         const specialFeatureOptIns = iabState.specialFeatureOptIns || {};
         const specialFeatures = gvl?.specialFeatures || {};
-        const specialFeatureEntries = Object.entries(specialFeatureOptIns);
+        const specialFeatureEntries = Object.entries(specialFeatureOptIns).filter(([featureId])=>{
+            if (!searchQuery) return true;
+            const featureInfo = specialFeatures[featureId];
+            const featureName = featureInfo?.name || `Special Feature ${featureId}`;
+            return `${featureId} ${featureName}`.toLowerCase().includes(searchQuery);
+        });
         if (specialFeatureEntries.length > 0) {
             const specialFeatureList = renderer_div({
                 style: {
@@ -2796,7 +3472,12 @@ var __webpack_exports__ = {};
         }
         const vendorConsents = iabState.vendorConsents || {};
         const vendors = gvl?.vendors || {};
-        const vendorEntries = Object.entries(vendorConsents);
+        const vendorEntries = Object.entries(vendorConsents).filter(([vendorId])=>{
+            if (!searchQuery) return true;
+            const vendorInfo = vendors[vendorId];
+            const vendorName = vendorInfo?.name || `Vendor ${vendorId}`;
+            return `${vendorId} ${vendorName}`.toLowerCase().includes(searchQuery);
+        });
         const iabVendors = [];
         const customVendors = [];
         for (const [vendorId, consent] of vendorEntries){
@@ -3015,19 +3696,11 @@ var __webpack_exports__ = {};
         if (text.length <= maxLength) return text;
         return `${text.slice(0, maxLength - 3)}...`;
     }
-    function location_renderLocationPanel(container, options) {
+    function renderLocationPanel(container, options) {
         const { getState, onApplyOverrides, onClearOverrides } = options;
         renderer_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 (!state) return void container.appendChild(createDisconnectedState());
         const locationInfo = state.locationInfo;
         const overrides = state.overrides;
         const translationConfig = state.translationConfig;
@@ -3676,29 +4349,43 @@ var __webpack_exports__ = {};
   <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 scriptsSearchByContainer = new WeakMap();
+    function renderScriptsPanel(container, options) {
         const { getState, getEvents } = options;
         renderer_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 (!state) return void container.appendChild(createDisconnectedState());
         const scripts = state.scripts || [];
         const loadedScripts = state.loadedScripts || {};
         const networkBlocker = state.networkBlocker;
         const events = getEvents?.() ?? [];
-        if (0 === scripts.length) {
-            const scriptsSection = createSection({
-                title: 'Configured Scripts',
-                children: [
-                    createEmptyState({
-                        icon: CODE_ICON,
+        const searchQuery = scriptsSearchByContainer.get(container) ?? '';
+        const filteredScripts = scripts.filter((script)=>{
+            if (!searchQuery) return true;
+            const category = 'string' == typeof script.category ? script.category : JSON.stringify(script.category);
+            return `${script.id} ${category}`.toLowerCase().includes(searchQuery);
+        });
+        if (scripts.length > 4) container.appendChild(createSection({
+            title: 'Filter',
+            children: [
+                createInput({
+                    value: searchQuery,
+                    placeholder: "Filter scripts…",
+                    ariaLabel: "Filter scripts",
+                    small: true,
+                    onInput: (value)=>{
+                        scriptsSearchByContainer.set(container, value.trim().toLowerCase());
+                        renderScriptsPanel(container, options);
+                    }
+                })
+            ]
+        }));
+        if (0 === scripts.length) {
+            const scriptsSection = createSection({
+                title: 'Configured Scripts',
+                children: [
+                    createEmptyState({
+                        icon: CODE_ICON,
                         text: "No scripts configured"
                     })
                 ]
@@ -3709,10 +4396,19 @@ var __webpack_exports__ = {};
                 style: {
                     display: 'flex',
                     flexDirection: 'column',
-                    gap: '4px'
+                    borderTop: '1px solid var(--c15t-border)',
+                    borderBottom: '1px solid var(--c15t-border)'
                 }
             });
-            for (const script of scripts){
+            if (0 === filteredScripts.length) scriptsList.appendChild(renderer_div({
+                style: {
+                    padding: '10px 0',
+                    fontSize: 'var(--c15t-devtools-font-size-xs)',
+                    color: 'var(--c15t-text-muted)'
+                },
+                text: "No matching scripts"
+            }));
+            for (const script of filteredScripts){
                 const scriptId = script.id;
                 const isLoaded = true === loadedScripts[scriptId];
                 const category = script.category;
@@ -3736,17 +4432,64 @@ var __webpack_exports__ = {};
                     text: status.charAt(0).toUpperCase() + status.slice(1),
                     variant: statusVariant
                 });
-                const item = createListItem({
-                    title: scriptId,
-                    description: `Category: ${categoryDisplay}`,
-                    actions: [
-                        badge
+                const row = renderer_div({
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        gap: '8px',
+                        padding: '8px 0',
+                        borderBottom: '1px solid var(--c15t-border)'
+                    },
+                    children: [
+                        renderer_div({
+                            style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: '2px',
+                                minWidth: '0',
+                                flex: '1'
+                            },
+                            children: [
+                                renderer_div({
+                                    style: {
+                                        fontSize: 'var(--c15t-font-size-sm)',
+                                        fontWeight: '500',
+                                        color: 'var(--c15t-text)',
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis',
+                                        whiteSpace: 'nowrap'
+                                    },
+                                    text: scriptId
+                                }),
+                                renderer_div({
+                                    style: {
+                                        fontSize: 'var(--c15t-devtools-font-size-xs)',
+                                        color: 'var(--c15t-text-muted)',
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis',
+                                        whiteSpace: 'nowrap'
+                                    },
+                                    text: `Category: ${categoryDisplay}`
+                                })
+                            ]
+                        }),
+                        renderer_div({
+                            style: {
+                                flexShrink: '0'
+                            },
+                            children: [
+                                badge
+                            ]
+                        })
                     ]
                 });
-                scriptsList.appendChild(item);
+                scriptsList.appendChild(row);
             }
+            const lastRow = scriptsList.lastElementChild;
+            if (lastRow) lastRow.style.borderBottom = 'none';
             const scriptsSection = createSection({
-                title: `Configured Scripts (${scripts.length})`,
+                title: `Configured Scripts (${filteredScripts.length}/${scripts.length})`,
                 children: [
                     scriptsList
                 ]
@@ -3888,53 +4631,6 @@ var __webpack_exports__ = {};
         if (text.length <= maxLength) return text;
         return `${text.slice(0, maxLength - 3)}...`;
     }
-    const DEVTOOLS_OVERRIDES_STORAGE_KEY = 'c15t-devtools-overrides';
-    function normalizeStringValue(value) {
-        if ('string' != typeof value) return;
-        const normalized = value.trim();
-        return normalized.length > 0 ? normalized : void 0;
-    }
-    function normalizeBooleanValue(value) {
-        return 'boolean' == typeof value ? value : void 0;
-    }
-    function normalizeOverrides(value) {
-        if (!value || 'object' != typeof value) return null;
-        const source = value;
-        const overrides = {
-            country: normalizeStringValue(source.country),
-            region: normalizeStringValue(source.region),
-            language: normalizeStringValue(source.language),
-            gpc: normalizeBooleanValue(source.gpc)
-        };
-        return hasPersistedOverrides(overrides) ? overrides : null;
-    }
-    function hasPersistedOverrides(overrides) {
-        return Boolean(overrides.country || overrides.region || overrides.language || void 0 !== overrides.gpc);
-    }
-    function override_storage_loadPersistedOverrides(storageKey = DEVTOOLS_OVERRIDES_STORAGE_KEY) {
-        if ('undefined' == typeof window) return null;
-        try {
-            const stored = localStorage.getItem(storageKey);
-            if (!stored) return null;
-            const parsed = JSON.parse(stored);
-            return normalizeOverrides(parsed);
-        } catch  {
-            return null;
-        }
-    }
-    function override_storage_persistOverrides(overrides, storageKey = DEVTOOLS_OVERRIDES_STORAGE_KEY) {
-        if ('undefined' == typeof window) return;
-        try {
-            if (!hasPersistedOverrides(overrides)) return void localStorage.removeItem(storageKey);
-            localStorage.setItem(storageKey, JSON.stringify(overrides));
-        } catch  {}
-    }
-    function override_storage_clearPersistedOverrides(storageKey = DEVTOOLS_OVERRIDES_STORAGE_KEY) {
-        if ('undefined' == typeof window) return;
-        try {
-            localStorage.removeItem(storageKey);
-        } catch  {}
-    }
     const STORAGE_KEYS = {
         C15T: 'c15t',
         PENDING_SYNC: 'c15t:pending-consent-sync',
@@ -3960,7 +4656,7 @@ var __webpack_exports__ = {};
             localStorage.removeItem(STORAGE_KEYS.EUCONSENT);
         } catch  {}
     }
-    async function reset_consents_resetAllConsents(store, stateManager) {
+    async function resetAllConsents(store, stateManager) {
         const storeState = store.getState();
         storeState.resetConsents();
         clearAllCookies();
@@ -3971,7 +4667,222 @@ var __webpack_exports__ = {};
             message: 'All consents reset (storage cleared)'
         });
     }
+    function panel_renderer_createPanelRenderer(config) {
+        const { storeConnector, stateManager, enableEventLogging = true, onPersistOverrides, onClearPersistedOverrides, onCopyState, onExportDebugBundle } = config;
+        const getStoreState = ()=>storeConnector.getState();
+        const logEvent = (type, message, data)=>{
+            if (enableEventLogging) stateManager.addEvent({
+                type,
+                message,
+                data
+            });
+        };
+        const resetConsents = async ()=>{
+            const store = storeConnector.getStore();
+            if (store) await resetAllConsents(store, enableEventLogging ? stateManager : void 0);
+        };
+        const renderPanel = (container, tab)=>{
+            switch(tab){
+                case 'consents':
+                    renderConsentsPanel(container, {
+                        getState: getStoreState,
+                        onConsentChange: (name, value)=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                const consentName = String(name);
+                                store.getState().setSelectedConsent(consentName, value);
+                                logEvent('info', `${consentName} toggled to ${value} (not saved)`, {
+                                    name: consentName,
+                                    value
+                                });
+                            }
+                        },
+                        onSave: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().saveConsents('custom');
+                                logEvent('consent_save', 'Saved consent preferences');
+                            }
+                        },
+                        onAcceptAll: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().saveConsents('all');
+                                logEvent('consent_save', 'Accepted all consents');
+                            }
+                        },
+                        onRejectAll: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().saveConsents('necessary');
+                                logEvent('consent_save', 'Rejected all optional consents');
+                            }
+                        },
+                        onReset: resetConsents
+                    });
+                    break;
+                case 'location':
+                    renderLocationPanel(container, {
+                        getState: getStoreState,
+                        onApplyOverrides: async (overrides)=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                await store.getState().setOverrides({
+                                    country: overrides.country,
+                                    region: overrides.region,
+                                    language: overrides.language,
+                                    gpc: overrides.gpc
+                                });
+                                logEvent('info', 'Overrides updated', {
+                                    country: overrides.country,
+                                    region: overrides.region,
+                                    language: overrides.language,
+                                    gpc: overrides.gpc
+                                });
+                                onPersistOverrides?.({
+                                    country: overrides.country,
+                                    region: overrides.region,
+                                    language: overrides.language,
+                                    gpc: overrides.gpc
+                                });
+                            }
+                        },
+                        onClearOverrides: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                await store.getState().setOverrides({
+                                    country: void 0,
+                                    region: void 0,
+                                    language: void 0,
+                                    gpc: void 0
+                                });
+                                logEvent('info', 'Overrides cleared');
+                                onClearPersistedOverrides?.();
+                            }
+                        }
+                    });
+                    break;
+                case "scripts":
+                    renderScriptsPanel(container, {
+                        getState: getStoreState,
+                        getEvents: ()=>stateManager.getState().eventLog
+                    });
+                    break;
+                case 'iab':
+                    renderIabPanel(container, {
+                        getState: getStoreState,
+                        onSetPurposeConsent: (purposeId, value)=>{
+                            const iab = storeConnector.getStore()?.getState().iab;
+                            if (!iab) return;
+                            iab.setPurposeConsent(purposeId, value);
+                            logEvent('iab', `IAB purpose ${purposeId} set to ${value}`);
+                        },
+                        onSetVendorConsent: (vendorId, value)=>{
+                            const iab = storeConnector.getStore()?.getState().iab;
+                            if (!iab) return;
+                            iab.setVendorConsent(vendorId, value);
+                            logEvent('iab', `IAB vendor ${vendorId} set to ${value}`);
+                        },
+                        onSetSpecialFeatureOptIn: (featureId, value)=>{
+                            const iab = storeConnector.getStore()?.getState().iab;
+                            if (!iab) return;
+                            iab.setSpecialFeatureOptIn(featureId, value);
+                            logEvent('iab', `IAB feature ${featureId} set to ${value}`);
+                        },
+                        onAcceptAll: ()=>{
+                            const iab = storeConnector.getStore()?.getState().iab;
+                            if (!iab) return;
+                            iab.acceptAll();
+                            logEvent('iab', 'IAB accept all selected');
+                        },
+                        onRejectAll: ()=>{
+                            const iab = storeConnector.getStore()?.getState().iab;
+                            if (!iab) return;
+                            iab.rejectAll();
+                            logEvent('iab', 'IAB reject all selected');
+                        },
+                        onSave: ()=>{
+                            const iab = storeConnector.getStore()?.getState().iab;
+                            if (!iab) return;
+                            iab.save().then(()=>logEvent('iab', 'IAB preferences saved')).catch((error)=>{
+                                logEvent('error', `Failed to save IAB preferences: ${String(error)}`);
+                            });
+                        },
+                        onReset: resetConsents
+                    });
+                    break;
+                case 'events':
+                    renderEventsPanel(container, {
+                        getEvents: ()=>stateManager.getState().eventLog,
+                        onClear: ()=>{
+                            stateManager.clearEventLog();
+                            logEvent('info', 'Event log cleared');
+                        }
+                    });
+                    break;
+                case 'actions':
+                    renderActionsPanel(container, {
+                        getState: getStoreState,
+                        onResetConsents: resetConsents,
+                        onRefetchBanner: async ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                await store.getState().initConsentManager();
+                                logEvent('info', 'Banner data refetched');
+                            }
+                        },
+                        onShowBanner: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().setActiveUI('banner', {
+                                    force: true
+                                });
+                                logEvent('info', 'Banner shown');
+                            }
+                        },
+                        onOpenPreferences: ()=>{
+                            const store = storeConnector.getStore();
+                            if (store) {
+                                store.getState().setActiveUI('dialog');
+                                logEvent('info', 'Preferences dialog opened');
+                            }
+                        },
+                        onCopyState: ()=>{
+                            const state = getStoreState();
+                            if (state) if (onCopyState) {
+                                const result = onCopyState(state);
+                                if (result instanceof Promise) result.then((ok)=>{
+                                    logEvent(ok ? 'info' : 'error', ok ? 'State copied to clipboard' : 'Failed to copy state');
+                                }).catch(()=>{
+                                    logEvent('error', 'Failed to copy state');
+                                });
+                                else logEvent(result ? 'info' : 'error', result ? 'State copied to clipboard' : 'Failed to copy state');
+                            } else navigator.clipboard.writeText(JSON.stringify(state, null, 2)).then(()=>{
+                                logEvent('info', 'State copied to clipboard');
+                            }).catch(()=>{
+                                logEvent('error', 'Failed to copy state');
+                            });
+                        },
+                        onExportDebugBundle: onExportDebugBundle ? ()=>{
+                            try {
+                                onExportDebugBundle();
+                                logEvent('info', 'Debug bundle exported');
+                            } catch  {
+                                logEvent('error', 'Failed to export debug bundle');
+                            }
+                        } : void 0
+                    });
+                    break;
+            }
+        };
+        return {
+            renderPanel,
+            getStoreState,
+            resetConsents
+        };
+    }
     const STORAGE_KEY = 'c15t-devtools-events';
+    const ACTIVE_TAB_STORAGE_KEY = 'c15t-devtools-active-tab';
     function loadPersistedEvents() {
         if ('undefined' == typeof window) return [];
         try {
@@ -3986,11 +4897,29 @@ var __webpack_exports__ = {};
             sessionStorage.setItem(STORAGE_KEY, JSON.stringify(events));
         } catch  {}
     }
+    function isDevToolsTab(value) {
+        return 'consents' === value || 'location' === value || "scripts" === value || 'iab' === value || 'events' === value || 'actions' === value;
+    }
+    function loadPersistedActiveTab() {
+        if ('undefined' == typeof window) return null;
+        try {
+            const stored = localStorage.getItem(ACTIVE_TAB_STORAGE_KEY);
+            if (isDevToolsTab(stored)) return stored;
+        } catch  {}
+        return null;
+    }
+    function persistActiveTab(tab) {
+        if ('undefined' == typeof window) return;
+        try {
+            localStorage.setItem(ACTIVE_TAB_STORAGE_KEY, tab);
+        } catch  {}
+    }
     function state_manager_createStateManager(initialState = {}) {
         const persistedEvents = loadPersistedEvents();
+        const persistedActiveTab = loadPersistedActiveTab();
         let state = {
             isOpen: false,
-            activeTab: 'location',
+            activeTab: persistedActiveTab ?? 'location',
             position: 'bottom-right',
             isConnected: false,
             eventLog: persistedEvents,
@@ -4031,6 +4960,7 @@ var __webpack_exports__ = {};
                 setState({
                     activeTab: tab
                 });
+                persistActiveTab(tab);
             },
             setPosition: (position)=>{
                 setState({
@@ -4076,22 +5006,52 @@ var __webpack_exports__ = {};
         let reconnectAttempts = 0;
         let hasNotifiedDisconnect = false;
         const listeners = new Set();
+        const diagnosticsListeners = new Set();
+        let diagnostics = {
+            namespace,
+            reconnectAttempts: 0,
+            nextRetryInMs: null,
+            lastError: null,
+            isPolling: false,
+            disconnectNotified: false
+        };
         const INITIAL_RETRY_DELAY_MS = 100;
         const MAX_RETRY_DELAY_MS = 2000;
         const DISCONNECT_NOTIFY_ATTEMPTS = 5;
+        function updateDiagnostics(partial, notify = true) {
+            diagnostics = {
+                ...diagnostics,
+                ...partial
+            };
+            if (!notify) return;
+            for (const listener of diagnosticsListeners)listener(diagnostics);
+        }
         function clearReconnectTimer() {
             if (reconnectTimeout) {
                 clearTimeout(reconnectTimeout);
                 reconnectTimeout = null;
+                updateDiagnostics({
+                    isPolling: false,
+                    nextRetryInMs: null
+                });
             }
         }
         function resetReconnectState() {
             reconnectAttempts = 0;
             hasNotifiedDisconnect = false;
+            updateDiagnostics({
+                reconnectAttempts: 0,
+                nextRetryInMs: null,
+                lastError: null,
+                disconnectNotified: false
+            });
         }
         function notifyDisconnectedOnce() {
             if (hasNotifiedDisconnect) return;
             hasNotifiedDisconnect = true;
+            updateDiagnostics({
+                disconnectNotified: true
+            });
             onDisconnect?.();
         }
         function tryConnect() {
@@ -4112,16 +5072,31 @@ var __webpack_exports__ = {};
                 onConnect?.(currentState, store);
                 clearReconnectTimer();
                 resetReconnectState();
+                updateDiagnostics({
+                    lastError: null
+                });
                 return true;
             }
+            updateDiagnostics({
+                lastError: `Store "${namespace}" not found on window`
+            });
             return false;
         }
         function scheduleReconnect(immediate = false) {
             if (store || reconnectTimeout) return;
             const delay = immediate ? 0 : Math.min(INITIAL_RETRY_DELAY_MS * 2 ** Math.min(reconnectAttempts, 5), MAX_RETRY_DELAY_MS);
+            updateDiagnostics({
+                isPolling: true,
+                nextRetryInMs: delay,
+                reconnectAttempts
+            });
             reconnectTimeout = setTimeout(()=>{
                 reconnectTimeout = null;
                 reconnectAttempts++;
+                updateDiagnostics({
+                    reconnectAttempts,
+                    nextRetryInMs: null
+                });
                 if (tryConnect()) return;
                 if (reconnectAttempts >= DISCONNECT_NOTIFY_ATTEMPTS) notifyDisconnectedOnce();
                 scheduleReconnect();
@@ -4143,6 +5118,14 @@ var __webpack_exports__ = {};
                     listeners.delete(listener);
                 };
             },
+            getDiagnostics: ()=>diagnostics,
+            subscribeDiagnostics: (listener)=>{
+                diagnosticsListeners.add(listener);
+                listener(diagnostics);
+                return ()=>{
+                    diagnosticsListeners.delete(listener);
+                };
+            },
             retryConnection: ()=>{
                 if (store) return;
                 resetReconnectState();
@@ -4156,6 +5139,134 @@ var __webpack_exports__ = {};
                 }
                 store = null;
                 listeners.clear();
+                diagnosticsListeners.clear();
+            }
+        };
+    }
+    const REGISTRY_KEY = '__c15tDevToolsInstrumentationRegistry';
+    let fallbackRegistry = null;
+    function getRegistry() {
+        if ('undefined' == typeof window) {
+            if (!fallbackRegistry) fallbackRegistry = new Map();
+            return fallbackRegistry;
+        }
+        const host = window;
+        const existing = host[REGISTRY_KEY];
+        if (existing) return existing;
+        const registry = new Map();
+        host[REGISTRY_KEY] = registry;
+        return registry;
+    }
+    function getBlockedRequestMessage(payload) {
+        const data = payload;
+        const method = 'string' == typeof data?.method ? data.method.toUpperCase() : 'REQUEST';
+        const url = 'string' == typeof data?.url ? data.url : 'unknown-url';
+        return `Network blocked: ${method} ${url}`;
+    }
+    function emitEvent(entry, event) {
+        for (const listener of entry.listeners)listener(event);
+    }
+    function ensureNetworkBlockerWrapped(entry) {
+        const blocker = entry.store.getState().networkBlocker;
+        if (!blocker) return;
+        if (blocker.onRequestBlocked === entry.wrappedNetworkBlockedCallback) return;
+        entry.originalNetworkBlockedCallback = blocker.onRequestBlocked;
+        entry.wrappedNetworkBlockedCallback = (payload)=>{
+            emitEvent(entry, {
+                type: 'network',
+                message: getBlockedRequestMessage(payload),
+                data: payload
+            });
+            if ('function' == typeof entry.originalNetworkBlockedCallback) entry.originalNetworkBlockedCallback(payload);
+        };
+        entry.store.getState().setNetworkBlocker({
+            ...blocker,
+            onRequestBlocked: entry.wrappedNetworkBlockedCallback
+        });
+    }
+    function restoreInstrumentation(entry) {
+        entry.stopWatchingStore?.();
+        entry.stopWatchingStore = null;
+        const state = entry.store.getState();
+        state.setCallback('onBannerFetched', entry.originalCallbacks.onBannerFetched);
+        state.setCallback('onConsentSet', entry.originalCallbacks.onConsentSet);
+        state.setCallback('onError', entry.originalCallbacks.onError);
+        state.setCallback('onBeforeConsentRevocationReload', entry.originalCallbacks.onBeforeConsentRevocationReload);
+        const blocker = state.networkBlocker;
+        if (blocker && blocker.onRequestBlocked === entry.wrappedNetworkBlockedCallback) state.setNetworkBlocker({
+            ...blocker,
+            onRequestBlocked: entry.originalNetworkBlockedCallback
+        });
+        entry.wrappedNetworkBlockedCallback = null;
+    }
+    function createInstrumentationEntry(store) {
+        const entry = {
+            store,
+            listeners: new Set(),
+            originalCallbacks: {
+                ...store.getState().callbacks
+            },
+            originalNetworkBlockedCallback: store.getState().networkBlocker?.onRequestBlocked,
+            wrappedNetworkBlockedCallback: null,
+            stopWatchingStore: null
+        };
+        store.getState().setCallback('onBannerFetched', (payload)=>{
+            const jurisdiction = payload.jurisdiction;
+            emitEvent(entry, {
+                type: 'info',
+                message: `Banner fetched: ${String(jurisdiction)}`,
+                data: payload
+            });
+            if ('function' == typeof entry.originalCallbacks.onBannerFetched) entry.originalCallbacks.onBannerFetched(payload);
+        });
+        store.getState().setCallback('onConsentSet', (payload)=>{
+            emitEvent(entry, {
+                type: 'consent_set',
+                message: 'Consent preferences updated',
+                data: payload
+            });
+            if ('function' == typeof entry.originalCallbacks.onConsentSet) entry.originalCallbacks.onConsentSet(payload);
+        });
+        store.getState().setCallback('onError', (payload)=>{
+            const errorMessage = payload.error;
+            emitEvent(entry, {
+                type: 'error',
+                message: `Error: ${String(errorMessage)}`,
+                data: payload
+            });
+            if ('function' == typeof entry.originalCallbacks.onError) entry.originalCallbacks.onError(payload);
+        });
+        store.getState().setCallback('onBeforeConsentRevocationReload', (payload)=>{
+            emitEvent(entry, {
+                type: 'info',
+                message: 'Consent revocation - page will reload',
+                data: payload
+            });
+            if ('function' == typeof entry.originalCallbacks.onBeforeConsentRevocationReload) entry.originalCallbacks.onBeforeConsentRevocationReload(payload);
+        });
+        ensureNetworkBlockerWrapped(entry);
+        entry.stopWatchingStore = store.subscribe(()=>{
+            ensureNetworkBlockerWrapped(entry);
+        });
+        return entry;
+    }
+    function store_instrumentation_registerStoreInstrumentation(options) {
+        const { namespace, store, onEvent } = options;
+        const registry = getRegistry();
+        let entry = registry.get(namespace);
+        if (!entry || entry.store !== store) {
+            if (entry) restoreInstrumentation(entry);
+            entry = createInstrumentationEntry(store);
+            registry.set(namespace, entry);
+        }
+        entry.listeners.add(onEvent);
+        return ()=>{
+            const current = registry.get(namespace);
+            if (!current) return;
+            current.listeners.delete(onEvent);
+            if (0 === current.listeners.size) {
+                restoreInstrumentation(current);
+                registry.delete(namespace);
             }
         };
     }
@@ -4179,39 +5290,36 @@ var __webpack_exports__ = {};
     function persistedOverridesEqual(a, b) {
         return a.country === b.country && a.region === b.region && a.language === b.language && a.gpc === b.gpc;
     }
-    function getBlockedRequestMessage(payload) {
-        const data = payload;
-        const method = 'string' == typeof data?.method ? data.method.toUpperCase() : 'REQUEST';
-        const url = 'string' == typeof data?.url ? data.url : 'unknown-url';
-        return `Network blocked: ${method} ${url}`;
+    function createStateCopy(state) {
+        return {
+            consents: state.consents,
+            selectedConsents: state.selectedConsents,
+            consentInfo: state.consentInfo,
+            locationInfo: state.locationInfo,
+            model: state.model,
+            overrides: state.overrides,
+            scripts: state.scripts?.map((script)=>({
+                    id: script.id
+                })),
+            loadedScripts: state.loadedScripts
+        };
     }
     function createDevToolsPanel(options) {
         const { namespace = 'c15tStore' } = options;
-        let originalEmbeddedNetworkBlockedCallback;
-        let hasWrappedEmbeddedNetworkBlocker = false;
+        let detachInstrumentation = null;
         const stateManager = state_manager_createStateManager({
             isOpen: true
         });
         const storeConnector = store_connector_createStoreConnector({
             namespace,
             onConnect: (state, store)=>{
+                detachInstrumentation?.();
+                detachInstrumentation = store_instrumentation_registerStoreInstrumentation({
+                    namespace,
+                    store,
+                    onEvent: (event)=>stateManager.addEvent(event)
+                });
                 stateManager.setConnected(true);
-                const currentNetworkBlocker = state.networkBlocker;
-                if (currentNetworkBlocker && !hasWrappedEmbeddedNetworkBlocker) {
-                    originalEmbeddedNetworkBlockedCallback = currentNetworkBlocker.onRequestBlocked;
-                    hasWrappedEmbeddedNetworkBlocker = true;
-                    store.getState().setNetworkBlocker({
-                        ...currentNetworkBlocker,
-                        onRequestBlocked: (payload)=>{
-                            stateManager.addEvent({
-                                type: 'network',
-                                message: getBlockedRequestMessage(payload),
-                                data: payload
-                            });
-                            if ('function' == typeof originalEmbeddedNetworkBlockedCallback) originalEmbeddedNetworkBlockedCallback(payload);
-                        }
-                    });
-                }
                 const persistedOverrides = override_storage_loadPersistedOverrides();
                 if (persistedOverrides) {
                     const currentOverrides = normalizeOverridesForPersistence(state.overrides);
@@ -4223,7 +5331,36 @@ var __webpack_exports__ = {};
                     });
                 }
             },
-            onDisconnect: ()=>stateManager.setConnected(false)
+            onDisconnect: ()=>{
+                stateManager.setConnected(false);
+                detachInstrumentation?.();
+                detachInstrumentation = null;
+            }
+        });
+        const panelRenderer = panel_renderer_createPanelRenderer({
+            storeConnector,
+            stateManager,
+            enableEventLogging: false,
+            onPersistOverrides: override_storage_persistOverrides,
+            onClearPersistedOverrides: override_storage_clearPersistedOverrides,
+            onCopyState: async (state)=>{
+                try {
+                    await navigator.clipboard.writeText(JSON.stringify(createStateCopy(state), null, 2));
+                    return true;
+                } catch  {
+                    return false;
+                }
+            },
+            onExportDebugBundle: ()=>{
+                const bundle = debug_bundle_createDebugBundle({
+                    namespace,
+                    devToolsState: stateManager.getState(),
+                    connection: storeConnector.getDiagnostics(),
+                    recentEvents: stateManager.getState().eventLog.slice(0, 100),
+                    storeState: debug_bundle_sanitizeStoreState(storeConnector.getState())
+                });
+                debug_bundle_downloadDebugBundle(bundle);
+            }
         });
         const container = renderer_div({
             style: {
@@ -4244,140 +5381,42 @@ var __webpack_exports__ = {};
             }
         });
         function renderActivePanel() {
-            const state = stateManager.getState();
-            const getStoreState = ()=>storeConnector.getState();
-            switch(state.activeTab){
-                case 'consents':
-                    consents_renderConsentsPanel(contentArea, {
-                        getState: getStoreState,
-                        onConsentChange: (name, value)=>{
-                            storeConnector.getStore()?.getState().setSelectedConsent(name, value);
-                        },
-                        onSave: ()=>{
-                            storeConnector.getStore()?.getState().saveConsents('custom');
-                        },
-                        onAcceptAll: ()=>{
-                            storeConnector.getStore()?.getState().saveConsents('all');
-                        },
-                        onRejectAll: ()=>{
-                            storeConnector.getStore()?.getState().saveConsents('necessary');
-                        },
-                        onReset: async ()=>{
-                            const store = storeConnector.getStore();
-                            if (store) await reset_consents_resetAllConsents(store);
-                        }
-                    });
-                    break;
-                case 'location':
-                    location_renderLocationPanel(contentArea, {
-                        getState: getStoreState,
-                        onApplyOverrides: async (overrides)=>{
-                            const store = storeConnector.getStore();
-                            if (store) {
-                                await store.getState().setOverrides({
-                                    country: overrides.country,
-                                    region: overrides.region,
-                                    language: overrides.language,
-                                    gpc: overrides.gpc
-                                });
-                                override_storage_persistOverrides({
-                                    country: overrides.country,
-                                    region: overrides.region,
-                                    language: overrides.language,
-                                    gpc: overrides.gpc
-                                });
-                            }
-                        },
-                        onClearOverrides: async ()=>{
-                            await storeConnector.getStore()?.getState().setOverrides({
-                                country: void 0,
-                                region: void 0,
-                                language: void 0,
-                                gpc: void 0
-                            });
-                            override_storage_clearPersistedOverrides();
-                        }
-                    });
-                    break;
-                case "scripts":
-                    scripts_renderScriptsPanel(contentArea, {
-                        getState: getStoreState,
-                        getEvents: ()=>stateManager.getState().eventLog
-                    });
-                    break;
-                case 'iab':
-                    iab_renderIabPanel(contentArea, {
-                        getState: getStoreState,
-                        onSetPurposeConsent: (purposeId, value)=>{
-                            storeConnector.getStore()?.getState().iab?.setPurposeConsent(purposeId, value);
-                        },
-                        onSetVendorConsent: (vendorId, value)=>{
-                            storeConnector.getStore()?.getState().iab?.setVendorConsent(vendorId, value);
-                        },
-                        onSetSpecialFeatureOptIn: (featureId, value)=>{
-                            storeConnector.getStore()?.getState().iab?.setSpecialFeatureOptIn(featureId, value);
-                        },
-                        onAcceptAll: ()=>{
-                            storeConnector.getStore()?.getState().iab?.acceptAll();
-                        },
-                        onRejectAll: ()=>{
-                            storeConnector.getStore()?.getState().iab?.rejectAll();
-                        },
-                        onSave: ()=>{
-                            storeConnector.getStore()?.getState().iab?.save();
-                        },
-                        onReset: async ()=>{
-                            const store = storeConnector.getStore();
-                            if (store) await reset_consents_resetAllConsents(store);
-                        }
-                    });
-                    break;
-                case 'events':
-                    events_renderEventsPanel(contentArea, {
-                        getEvents: ()=>stateManager.getState().eventLog,
-                        onClear: ()=>{
-                            stateManager.clearEventLog();
-                        }
-                    });
-                    break;
-                case 'actions':
-                    actions_renderActionsPanel(contentArea, {
-                        getState: getStoreState,
-                        onResetConsents: async ()=>{
-                            const store = storeConnector.getStore();
-                            if (store) await reset_consents_resetAllConsents(store);
-                        },
-                        onRefetchBanner: async ()=>{
-                            await storeConnector.getStore()?.getState().initConsentManager();
-                        },
-                        onShowBanner: ()=>{
-                            storeConnector.getStore()?.getState().setActiveUI('banner', {
-                                force: true
-                            });
-                        },
-                        onOpenPreferences: ()=>{
-                            storeConnector.getStore()?.getState().setActiveUI('dialog');
-                        },
-                        onCopyState: ()=>{
-                            const state = storeConnector.getState();
-                            if (state) navigator.clipboard.writeText(JSON.stringify(state, null, 2));
-                        }
-                    });
-                    break;
+            const activeTab = syncTabs();
+            panelRenderer.renderPanel(contentArea, activeTab);
+        }
+        let tabsInstance = null;
+        let iabDisabled = true;
+        function getDisabledTabs() {
+            const disabledTabs = [];
+            const storeState = storeConnector.getState();
+            if (!storeState || 'iab' !== storeState.model) disabledTabs.push('iab');
+            return disabledTabs;
+        }
+        function syncTabs() {
+            const disabledTabs = getDisabledTabs();
+            const nextIabDisabled = disabledTabs.includes('iab');
+            let activeTab = stateManager.getState().activeTab;
+            if (disabledTabs.includes(activeTab)) {
+                activeTab = 'consents';
+                stateManager.setActiveTab(activeTab);
             }
+            if (tabsInstance && iabDisabled === nextIabDisabled) tabsInstance.setActiveTab(activeTab);
+            else {
+                tabsInstance?.destroy();
+                tabsInstance = tabs_createTabs({
+                    activeTab,
+                    onTabChange: (tab)=>{
+                        stateManager.setActiveTab(tab);
+                        renderActivePanel();
+                    },
+                    disabledTabs
+                });
+                iabDisabled = nextIabDisabled;
+                if (!tabsInstance.element.parentElement) container.appendChild(tabsInstance.element);
+            }
+            return activeTab;
         }
-        const storeState = storeConnector.getState();
-        const disabledTabs = [];
-        if (!storeState || 'iab' !== storeState.model) disabledTabs.push('iab');
-        const tabsInstance = tabs_createTabs({
-            activeTab: stateManager.getState().activeTab,
-            onTabChange: (tab)=>{
-                stateManager.setActiveTab(tab);
-                renderActivePanel();
-            },
-            disabledTabs
-        });
-        container.appendChild(tabsInstance.element);
+        syncTabs();
         container.appendChild(contentArea);
         renderActivePanel();
         const unsubscribe = storeConnector.subscribe(()=>{
@@ -4386,16 +5425,10 @@ var __webpack_exports__ = {};
         return {
             element: container,
             destroy: ()=>{
-                const store = storeConnector.getStore();
-                if (store && hasWrappedEmbeddedNetworkBlocker) {
-                    const currentNetworkBlocker = store.getState().networkBlocker;
-                    if (currentNetworkBlocker) store.getState().setNetworkBlocker({
-                        ...currentNetworkBlocker,
-                        onRequestBlocked: originalEmbeddedNetworkBlockedCallback
-                    });
-                }
+                detachInstrumentation?.();
+                detachInstrumentation = null;
                 unsubscribe();
-                tabsInstance.destroy();
+                tabsInstance?.destroy();
                 storeConnector.destroy();
                 stateManager.destroy();
             }