react-reinspect 0.1.7 → 0.1.9

package/dist/lib/index.js

@@ -1,1280 +1,862 @@
 "use client";
-import { createContext as e, useCallback as t, useContext as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createPortal as d } from "react-dom";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, x as v, y } from "./wrap-DkOzTshV.js";
+import { useCallback as b, useContext as x, useEffect as S, useMemo as C, useReducer as w, useRef as T, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/reinspect/reinspect.css?inline
-var f = ".reinspect-shell{border-radius:14px;transition:outline-color .12s;position:relative}.reinspect-shell[data-reinspect-active=true]{outline:2px dashed var(--reinspect-color);outline-offset:2px}.reinspect-content{border-radius:inherit}.reinspect-name-badge{z-index:calc(var(--reinspect-z-base) + 5);letter-spacing:.04em;color:#0f172a;background:color-mix(in srgb, var(--reinspect-color) 25%, white);border:1px solid color-mix(in srgb, var(--reinspect-color) 45%, white);pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1;position:absolute;top:-14px;left:10px}.reinspect-menu{z-index:2147483647;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:min(300px,100vw - 24px);max-height:min(420px,70vh);padding:12px;position:fixed;overflow:auto;box-shadow:0 20px 25px -5px #0f172a33,0 8px 10px -6px #0f172a33}.reinspect-menu-title{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:600}.reinspect-menu-component-setting{color:#1e293b;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:grid}.reinspect-menu-component-setting input[type=checkbox]{width:15px;height:15px}.reinspect-setting-note{color:#64748b;margin:0 0 10px;font-size:11px}.reinspect-submenu{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.reinspect-submenu button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-submenu button[data-state=active]{background:#e0f2fe;border-color:#0284c7}.reinspect-menu-grid{gap:9px;display:grid}.reinspect-menu-filter{margin-bottom:10px;position:relative}.reinspect-menu-filter-icon{color:#64748b;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.reinspect-menu-filter-icon svg{width:100%;height:100%;display:block}.reinspect-menu-filter input{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:5px 7px 5px 30px;font-size:12px}.reinspect-menu-empty-state{color:#64748b;margin:8px 0 0;font-size:12px}.reinspect-field{gap:4px;display:grid}.reinspect-field label{color:#334155;font-size:12px}.reinspect-inline-controls{grid-template-columns:1fr auto;gap:6px;display:grid}.reinspect-inline-controls input,.reinspect-inline-controls button,.reinspect-inline-controls output{font-size:12px}.reinspect-inline-controls input[type=number],.reinspect-inline-controls input[type=text]{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:5px 7px}.reinspect-inline-controls button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:5px 7px}.reinspect-inline-controls button:disabled{opacity:.45;cursor:default}.reinspect-opacity-controls{grid-template-columns:1fr auto auto;align-items:center}.reinspect-opacity-controls output{color:#475569;text-align:right;min-width:36px}.reinspect-props-panel{gap:8px;display:grid}.reinspect-props-submenu{grid-template-columns:1fr 1fr;gap:6px;display:grid}.reinspect-props-submenu button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-props-submenu button[data-state=active]{background:#e0f2fe;border-color:#0284c7}.reinspect-props-panel label{color:#334155;font-size:12px}.reinspect-props-table{gap:6px;display:grid}.reinspect-props-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;grid-template-columns:.85fr 1.15fr;gap:8px;font-size:11px;display:grid}.reinspect-props-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:.85fr 1.15fr;align-items:start;gap:8px;padding:6px;display:grid}.reinspect-prop-key{color:#0f172a;word-break:break-word;font-size:12px}.reinspect-prop-cell{min-width:0}.reinspect-prop-cell code{color:#0f172a;word-break:break-word;font-size:11px}.reinspect-prop-missing{color:#94a3b8;font-size:11px}.reinspect-prop-scalar{gap:4px;display:grid}.reinspect-prop-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.reinspect-prop-scalar button,.reinspect-prop-function button,.reinspect-prop-tree summary button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;justify-self:start;padding:3px 6px;font-size:11px}.reinspect-prop-actions button,.reinspect-prop-json-preview button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;padding:3px 6px;font-size:11px}.reinspect-prop-tree{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px}.reinspect-prop-tree summary{cursor:pointer;color:#1e293b;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.reinspect-prop-tree-children{gap:6px;margin-top:6px;display:grid}.reinspect-prop-tree-row{grid-template-columns:.8fr 1.2fr;align-items:start;gap:6px;display:grid}.reinspect-prop-tree-row>code{color:#334155;word-break:break-word;font-size:10px}.reinspect-prop-function{gap:4px;display:grid}.reinspect-prop-function pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:6px;font-size:11px;line-height:1.3}.reinspect-prop-json-preview{gap:6px;margin-top:6px;display:grid}.reinspect-prop-json-preview pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:180px;margin:0;padding:6px;font-size:11px;line-height:1.3;overflow:auto}.reinspect-modal-backdrop{z-index:2147483647;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reinspect-modal{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:8px;width:min(560px,100%);padding:12px;display:grid;box-shadow:0 24px 28px -12px #0f172a40,0 10px 16px -10px #0f172a38}.reinspect-modal textarea,.reinspect-props-panel textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px}.reinspect-error{color:#b91c1c;margin:0;font-size:12px}.reinspect-floating-toggle{z-index:2147483647;color:#f8fafc;letter-spacing:.03em;cursor:pointer;background:linear-gradient(120deg,#0f172a,#334155);border:none;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:600;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 18px #0f172a47}.reinspect-floating-root{z-index:2147483645;position:fixed;bottom:18px;right:18px}.reinspect-floating-root .reinspect-floating-toggle{position:static}.reinspect-settings-menu{background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:10px;width:min(360px,100vw - 24px);max-height:min(540px,75vh);padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 28px -12px #0f172a40,0 10px 16px -10px #0f172a38}.reinspect-settings-title{color:#0f172a;margin:0;font-size:13px;font-weight:700}.reinspect-settings-toggle-row{color:#1e293b;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.reinspect-settings-select-row{gap:6px;font-size:12px;display:grid}.reinspect-settings-select-row select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:6px 8px;font-size:12px}.reinspect-settings-toggle-label{line-height:1.35}.reinspect-settings-toggle-row input[type=checkbox]{width:16px;height:16px}.reinspect-settings-divider{background:#e2e8f0;height:1px}.reinspect-setting-block{gap:8px;display:grid}.reinspect-apply-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.reinspect-apply-button:disabled{opacity:.4;cursor:default}.reinspect-setting-header{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.reinspect-setting-name{color:#0f172a;letter-spacing:.02em;margin:0;font-size:12px;font-weight:700}.reinspect-setting-short-description{color:#475569;margin:3px 0 0;font-size:12px;line-height:1.35}.reinspect-tooltip-host{display:inline-flex;position:relative}.reinspect-tooltip-trigger{color:#334155;cursor:help;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.reinspect-tooltip-content{color:#f8fafc;opacity:0;pointer-events:none;background:#0f172a;border:1px solid #cbd5e1;border-radius:8px;width:240px;padding:8px;font-size:11px;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 6px);right:0}.reinspect-tooltip-host:hover .reinspect-tooltip-content,.reinspect-tooltip-host:focus-within .reinspect-tooltip-content{opacity:1;pointer-events:auto}.reinspect-setting-subheading{color:#334155;margin:2px 0 0;font-size:12px;font-weight:600}.reinspect-setting-empty-state{color:#64748b;margin:0;font-size:12px}.reinspect-component-settings-list{gap:6px;display:grid}.reinspect-component-setting-row{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.reinspect-component-setting-row input[type=checkbox]{width:15px;height:15px}", p = "reinspect-runtime-styles";
-function m() {
+var k = ":root{--reinspect-font-sans:\"Geist Sans\", \"Geist\", \"Segoe UI\", \"SF Pro Text\", system-ui, -apple-system, sans-serif;--reinspect-font-mono:\"Geist Mono\", \"IBM Plex Mono\", \"SFMono-Regular\", Menlo, Consolas, monospace;--reinspect-menu-bg:oklch(98.2% .014 252);--reinspect-menu-surface:oklch(96.5% .018 252);--reinspect-menu-surface-strong:oklch(93.6% .024 252);--reinspect-menu-surface-stronger:oklch(90.2% .03 252);--reinspect-menu-text:oklch(20.5% .028 252);--reinspect-menu-text-muted:oklch(36.5% .024 252);--reinspect-menu-text-soft:oklch(49% .02 252);--reinspect-menu-border:oklch(66% .024 252/.52);--reinspect-menu-border-strong:oklch(57% .03 252/.65);--reinspect-menu-border-subtle:oklch(73% .02 252/.5);--reinspect-brand-400:oklch(73% .145 254);--reinspect-brand-500:oklch(66% .165 254);--reinspect-brand-600:oklch(58% .165 254);--reinspect-brand-700:oklch(51% .153 254);--reinspect-brand-soft:color-mix(in oklch, var(--reinspect-brand-500) 18%, var(--reinspect-menu-surface));--reinspect-brand-soft-strong:color-mix(in oklch, var(--reinspect-brand-500) 28%, var(--reinspect-menu-surface));--reinspect-brand-soft-hover:color-mix(in oklch, var(--reinspect-brand-500) 36%, var(--reinspect-menu-surface));--reinspect-on-brand:oklch(98.5% .008 252);--reinspect-interactive-bg:var(--reinspect-menu-surface);--reinspect-interactive-bg-hover:var(--reinspect-menu-surface-strong);--reinspect-interactive-bg-active:var(--reinspect-brand-soft-hover);--reinspect-interactive-border:var(--reinspect-menu-border);--reinspect-interactive-border-hover:var(--reinspect-brand-400);--reinspect-interactive-border-active:var(--reinspect-brand-500);--reinspect-interactive-text:var(--reinspect-menu-text);--reinspect-interactive-text-active:var(--reinspect-brand-700);--reinspect-prism-bg:color-mix(in oklch, var(--reinspect-menu-surface-strong) 74%, white);--reinspect-prism-text:var(--reinspect-menu-text);--reinspect-prism-comment:var(--reinspect-menu-text-soft);--reinspect-prism-keyword:var(--reinspect-brand-700);--reinspect-prism-string:color-mix(in oklch, var(--reinspect-semantic-error) 70%, var(--reinspect-menu-text));--reinspect-prism-number:color-mix(in oklch, var(--reinspect-semantic-success) 76%, var(--reinspect-menu-text));--reinspect-prism-boolean:var(--reinspect-prism-keyword);--reinspect-prism-function:color-mix(in oklch, var(--reinspect-semantic-warning) 72%, var(--reinspect-menu-text));--reinspect-prism-property:color-mix(in oklch, var(--reinspect-brand-600) 74%, var(--reinspect-menu-text));--reinspect-prism-operator:var(--reinspect-menu-text);--reinspect-prism-punctuation:var(--reinspect-menu-text);--reinspect-prism-constant:color-mix(in oklch, var(--reinspect-brand-500) 78%, var(--reinspect-menu-text));--reinspect-semantic-error:oklch(62% .165 20);--reinspect-semantic-success:oklch(67% .115 158);--reinspect-semantic-warning:oklch(76% .12 78);--reinspect-focus-ring:color-mix(in oklch, var(--reinspect-brand-500) 70%, white);--reinspect-runtime-soft-mix:22%;--reinspect-runtime-border-mix:54%;--reinspect-runtime-strong-mix:78%;--reinspect-runtime-border-base:var(--reinspect-menu-border-strong);--reinspect-runtime-strong-base:var(--reinspect-menu-text);--reinspect-overlay-backdrop:oklch(24.5% .02 248/.44);--reinspect-shadow-popover:0 28px 44px -18px oklch(25.5% .02 248/.38), 0 10px 20px -12px oklch(25.5% .02 248/.3);--reinspect-shadow-modal:0 24px 28px -12px oklch(25.5% .02 248/.25), 0 10px 16px -10px oklch(25.5% .02 248/.22)}.reinspect-menu[data-reinspect-theme=dark],.reinspect-settings-menu[data-reinspect-theme=dark],.reinspect-modal-backdrop[data-reinspect-theme=dark],.reinspect-modal[data-reinspect-theme=dark],.reinspect-toast[data-reinspect-theme=dark],.reinspect-floating-root[data-reinspect-theme=dark],.reinspect-floating-toggle[data-reinspect-theme=dark]{--reinspect-menu-bg:oklch(19% .018 252);--reinspect-menu-surface:oklch(22.8% .022 252);--reinspect-menu-surface-strong:oklch(27.2% .025 252);--reinspect-menu-surface-stronger:oklch(32.2% .028 252);--reinspect-menu-text:oklch(96.5% .012 252);--reinspect-menu-text-muted:oklch(84% .018 252);--reinspect-menu-text-soft:oklch(73% .017 252);--reinspect-menu-border:oklch(54% .022 252/.55);--reinspect-menu-border-strong:oklch(63% .022 252/.72);--reinspect-menu-border-subtle:oklch(48% .018 252/.52);--reinspect-focus-ring:color-mix(in oklch, var(--reinspect-brand-400) 82%, black);--reinspect-runtime-soft-mix:28%;--reinspect-runtime-border-mix:48%;--reinspect-runtime-strong-mix:74%;--reinspect-runtime-border-base:var(--reinspect-menu-border);--reinspect-runtime-strong-base:var(--reinspect-menu-text);--reinspect-overlay-backdrop:oklch(14.5% .01 248/.58);--reinspect-shadow-popover:0 28px 44px -18px oklch(11% .01 248/.68), 0 10px 20px -12px oklch(11% .01 248/.58);--reinspect-shadow-modal:0 24px 28px -12px oklch(11% .01 248/.62), 0 10px 16px -10px oklch(11% .01 248/.54);--reinspect-interactive-bg:oklch(25.8% .023 252);--reinspect-interactive-bg-hover:oklch(31% .03 252);--reinspect-interactive-bg-active:color-mix(in oklch, var(--reinspect-brand-500) 42%, var(--reinspect-menu-surface-stronger));--reinspect-interactive-border:var(--reinspect-menu-border-strong);--reinspect-interactive-border-hover:var(--reinspect-brand-400);--reinspect-interactive-border-active:var(--reinspect-brand-400);--reinspect-interactive-text:var(--reinspect-menu-text);--reinspect-interactive-text-active:oklch(96.6% .014 252);--reinspect-prism-bg:color-mix(in oklch, var(--reinspect-menu-surface) 88%, black);--reinspect-prism-text:var(--reinspect-menu-text);--reinspect-prism-comment:color-mix(in oklch, var(--reinspect-menu-text-soft) 82%, white);--reinspect-prism-keyword:var(--reinspect-brand-400);--reinspect-prism-string:color-mix(in oklch, var(--reinspect-semantic-warning) 56%, var(--reinspect-menu-text));--reinspect-prism-number:color-mix(in oklch, var(--reinspect-semantic-success) 62%, var(--reinspect-menu-text));--reinspect-prism-boolean:var(--reinspect-prism-keyword);--reinspect-prism-function:color-mix(in oklch, var(--reinspect-semantic-warning) 64%, var(--reinspect-menu-text));--reinspect-prism-property:color-mix(in oklch, var(--reinspect-brand-400) 70%, var(--reinspect-menu-text));--reinspect-prism-operator:var(--reinspect-menu-text);--reinspect-prism-punctuation:var(--reinspect-menu-text);--reinspect-prism-constant:color-mix(in oklch, var(--reinspect-brand-400) 84%, var(--reinspect-menu-text))}.reinspect-shell,.reinspect-menu{--reinspect-runtime-color:var(--reinspect-color,var(--reinspect-brand-500));--reinspect-runtime-soft:color-mix(in oklch, var(--reinspect-runtime-color) var(--reinspect-runtime-soft-mix), var(--reinspect-menu-surface));--reinspect-runtime-border:color-mix(in oklch, var(--reinspect-runtime-color) var(--reinspect-runtime-border-mix), var(--reinspect-runtime-border-base));--reinspect-runtime-strong:color-mix(in oklch, var(--reinspect-runtime-color) var(--reinspect-runtime-strong-mix), var(--reinspect-runtime-strong-base))}.reinspect-menu,.reinspect-settings-menu,.reinspect-modal,.reinspect-floating-toggle{font-family:var(--reinspect-font-sans)}.reinspect-menu,.reinspect-settings-menu,.reinspect-modal{color:var(--reinspect-menu-text)}.reinspect-menu[data-reinspect-theme=light],.reinspect-settings-menu[data-reinspect-theme=light],.reinspect-modal-backdrop[data-reinspect-theme=light],.reinspect-modal[data-reinspect-theme=light],.reinspect-toast[data-reinspect-theme=light],.reinspect-floating-root[data-reinspect-theme=light],.reinspect-floating-toggle[data-reinspect-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.reinspect-menu[data-reinspect-theme=dark],.reinspect-settings-menu[data-reinspect-theme=dark],.reinspect-modal-backdrop[data-reinspect-theme=dark],.reinspect-modal[data-reinspect-theme=dark],.reinspect-toast[data-reinspect-theme=dark],.reinspect-floating-root[data-reinspect-theme=dark],.reinspect-floating-toggle[data-reinspect-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.reinspect-shell{will-change:box-shadow;border-radius:14px;transition:box-shadow .18s ease-out,filter .18s ease-out;position:relative}.reinspect-shell[data-reinspect-active=true]{box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-runtime-color) 62%, var(--reinspect-menu-bg)), 0 0 0 4px color-mix(in oklch, var(--reinspect-runtime-color) 16%, transparent), 0 10px 18px -16px color-mix(in oklch, var(--reinspect-runtime-color) 48%, var(--reinspect-menu-text));filter:saturate(1.03)}.reinspect-shell[data-reinspect-active=true]:hover{box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-runtime-color) 74%, var(--reinspect-menu-bg)), 0 0 0 5px color-mix(in oklch, var(--reinspect-runtime-color) 22%, transparent), 0 14px 24px -18px color-mix(in oklch, var(--reinspect-runtime-color) 52%, var(--reinspect-menu-text))}.reinspect-shell[data-reinspect-active=true]:focus-within{box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-runtime-color) 78%, var(--reinspect-menu-bg)), 0 0 0 2px color-mix(in oklch, var(--reinspect-runtime-color) 34%, transparent), 0 0 0 6px color-mix(in oklch, var(--reinspect-runtime-color) 20%, transparent), 0 16px 28px -20px color-mix(in oklch, var(--reinspect-runtime-color) 52%, var(--reinspect-menu-text))}.reinspect-content{border-radius:inherit}.reinspect-name-badge{z-index:calc(var(--reinspect-z-base) + 5);letter-spacing:.04em;color:var(--reinspect-runtime-strong);background:var(--reinspect-runtime-soft);border:1px solid var(--reinspect-runtime-border);opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1;position:absolute;top:-13px;left:10px;box-shadow:0 8px 16px -14px oklch(25.5% .02 248/.45)}.reinspect-menu{z-index:2147483647;border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:min(560px,100vw - 24px);max-height:min(620px,82vh);box-shadow:var(--reinspect-shadow-popover);overscroll-behavior:contain;border-radius:16px;gap:10px;padding:12px;display:grid;position:fixed;overflow:auto}.reinspect-menu-title{color:var(--reinspect-menu-text);letter-spacing:-.014em;margin:0;font-size:19px;font-weight:760;line-height:1.1}.reinspect-menu-title-row{align-items:center;gap:8px;min-width:0;display:inline-flex}.reinspect-menu-title-color-chip{border:1px solid color-mix(in oklab, var(--reinspect-color) 65%, black 35%);background:var(--reinspect-color);border-radius:3px;flex:none;width:10px;height:10px}.reinspect-menu-title-wrap{gap:3px;min-width:0;display:grid}.reinspect-menu-subtitle{color:var(--reinspect-menu-text-soft);margin:0;font-size:12px;font-weight:560;line-height:1.2}.reinspect-menu-header{grid-template-columns:1fr auto;align-items:start;gap:10px;display:grid}.reinspect-menu-close{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-surface);width:32px;height:32px;color:var(--reinspect-menu-text);cursor:pointer;border-radius:10px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.reinspect-menu-close:hover{background:var(--reinspect-menu-surface-strong);border-color:var(--reinspect-menu-border-strong)}.reinspect-menu-close:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-setting-note{color:var(--reinspect-menu-text-muted);margin:0 0 10px;font-size:12px}.reinspect-setting-helper-text{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px;line-height:1.4}.reinspect-submenu{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);isolation:isolate;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid;overflow:hidden}.reinspect-submenu button{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;white-space:nowrap;opacity:1;border-radius:8px;padding:7px 8px;font-size:12px;font-weight:640;transition:opacity .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}.reinspect-submenu button:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-submenu button[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active);box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-brand-500) 35%, transparent), 0 8px 14px -14px oklch(25.5% .02 248/.38);z-index:1;transform:translateY(-1px)}.reinspect-submenu button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}@media (prefers-reduced-motion:reduce){.reinspect-shell,.reinspect-submenu button,.reinspect-menu-action-card{transition:none}.reinspect-menu-action-card[data-state=active]:after{animation:none}}.reinspect-menu-shortcuts{gap:8px;margin-bottom:0;display:grid}.reinspect-menu-action-card{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);text-align:left;cursor:pointer;border-radius:12px;gap:4px;padding:9px 10px;font-size:12px;transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:grid;position:relative}.reinspect-menu-action-card:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover);box-shadow:0 1px oklch(25.5% .02 248/.08)}.reinspect-menu-action-card:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-menu-action-card[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active);box-shadow:0 0 0 1px color-mix(in oklch, var(--reinspect-brand-500) 40%, transparent), 0 8px 18px -14px oklch(25.5% .02 248/.35);transform:translateY(-1px)}.reinspect-menu-action-card[data-state=active]:after{content:\"Selected\";border:1px solid var(--reinspect-interactive-border-active);background:color-mix(in oklch, var(--reinspect-brand-500) 20%, var(--reinspect-menu-surface));color:var(--reinspect-interactive-text-active);letter-spacing:.01em;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;animation:.56s cubic-bezier(.22,1,.36,1) reinspect-selected-pulse;position:absolute;top:8px;right:10px}@keyframes reinspect-selected-pulse{0%{opacity:.72;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.reinspect-menu-action-title{font-weight:700}.reinspect-menu-action-description{color:var(--reinspect-menu-text-muted);font-size:11px;line-height:1.35}.reinspect-menu-action-target{font-family:var(--reinspect-font-mono);color:var(--reinspect-menu-text-muted);white-space:normal;word-break:break-word;font-size:11px}.reinspect-general-panel{gap:10px;display:grid}.reinspect-general-panel .reinspect-setting-note{margin:0}.reinspect-menu-section{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);border-radius:12px;gap:7px;padding:10px;display:grid}.reinspect-menu-section-header,.reinspect-menu-panel-header{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reinspect-menu-section-title{color:var(--reinspect-menu-text);letter-spacing:.01em;margin:0;font-size:13px;font-weight:700}.reinspect-menu-section-description{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px;line-height:1.4}.reinspect-menu-section-caption{color:var(--reinspect-menu-text-muted);font-family:var(--reinspect-font-mono);margin:0;font-size:10px}.reinspect-menu-switch{justify-self:end}.reinspect-menu-switch:disabled{opacity:.7;cursor:default}.reinspect-menu-divider{background:var(--reinspect-menu-border);height:1px}.reinspect-menu-inline-setting{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reinspect-menu-inline-copy{gap:2px;display:grid}.reinspect-menu-inline-title{color:var(--reinspect-menu-text);margin:0;font-size:12px;font-weight:700}.reinspect-menu-inline-description{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px;line-height:1.35}.reinspect-css-panel{gap:9px;display:grid}.reinspect-menu-grid{gap:8px;display:grid}.reinspect-menu-filter{align-items:center;display:grid;position:relative}.reinspect-menu-filter-icon{color:var(--reinspect-menu-text-soft);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.reinspect-menu-filter-icon svg{width:100%;height:100%;display:block}.reinspect-menu-filter input{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);border-radius:10px;padding:7px 52px 7px 30px;font-size:12px}.reinspect-menu-filter input::placeholder,.reinspect-filter-search-input::placeholder{color:var(--reinspect-menu-text-soft);opacity:1}.reinspect-menu-filter input:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-menu-filter-clear{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-surface);color:var(--reinspect-menu-text);cursor:pointer;border-radius:7px;padding:4px 6px;font-size:10px;font-weight:600;line-height:1;position:absolute;right:6px}.reinspect-menu-filter-clear:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft)}.reinspect-menu-filter-clear:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-menu-empty-state{border:1px dashed var(--reinspect-menu-border);background:var(--reinspect-brand-soft);color:var(--reinspect-menu-text-muted);border-radius:10px;margin:0;padding:8px 10px;font-size:11px}.reinspect-field{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);border-radius:10px;gap:5px;padding:8px;display:grid}.reinspect-field label{color:var(--reinspect-menu-text);font-size:11px;font-weight:640}.reinspect-inline-controls{grid-template-columns:1fr auto;gap:6px;display:grid}.reinspect-inline-controls input,.reinspect-inline-controls button,.reinspect-inline-controls output{font-size:12px}.reinspect-inline-controls input[type=number],.reinspect-inline-controls input[type=text]{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);border-radius:8px;padding:6px 8px}.reinspect-inline-controls input[type=color]{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);border-radius:8px;width:100%;min-height:32px;padding:2px}.reinspect-inline-controls input[type=range]{width:100%}.reinspect-inline-controls input:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-inline-controls button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-surface);color:var(--reinspect-menu-text);cursor:pointer;border-radius:8px;padding:6px 8px;font-weight:600}.reinspect-inline-controls button:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft-strong)}.reinspect-inline-controls button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-inline-controls button:disabled{opacity:.45;cursor:default}.reinspect-opacity-controls{grid-template-columns:1fr auto auto;align-items:center}.reinspect-opacity-controls output{color:var(--reinspect-menu-text);text-align:right;min-width:36px}.reinspect-props-panel{gap:6px;display:grid}.reinspect-props-submenu{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.reinspect-props-submenu button{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;opacity:1;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:600;transition:opacity .12s ease-out,background-color .12s ease-out,border-color .12s ease-out}.reinspect-props-submenu button:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-props-submenu button[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active)}.reinspect-props-submenu button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-props-panel label{color:var(--reinspect-menu-text-muted);font-size:12px}.reinspect-props-table{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-bg);border-radius:10px;display:grid;overflow:hidden}.reinspect-props-row{grid-template-columns:minmax(90px,.55fr) minmax(0,1.45fr);align-items:start;gap:10px;padding:8px 9px;display:grid}.reinspect-props-row+.reinspect-props-row{border-top:1px solid var(--reinspect-menu-border-subtle)}.reinspect-prop-key{color:var(--reinspect-menu-text);word-break:break-word;font-size:12px;font-weight:600}.reinspect-prop-cell{gap:4px;min-width:0;display:grid}.reinspect-prop-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.reinspect-prop-value-render{min-width:0}.reinspect-prop-cell code{font-size:11px;font-family:var(--reinspect-font-mono);color:var(--reinspect-menu-text);word-break:normal;overflow-wrap:break-word}.reinspect-prop-missing{color:var(--reinspect-menu-text-soft);font-size:11px}.reinspect-prop-scalar{gap:3px;display:grid}.reinspect-prop-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:0;display:flex}.reinspect-prop-scalar button,.reinspect-prop-function button,.reinspect-prop-tree summary button{color:var(--reinspect-menu-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-self:start;padding:2px 4px;font-size:11px;font-weight:600}.reinspect-prop-action-text-button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-brand-soft);color:var(--reinspect-brand-700);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4}.reinspect-prop-action-text-button:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft-strong);color:var(--reinspect-brand-700)}.reinspect-prop-action-text-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-prop-actions button,.reinspect-prop-json-preview button{color:var(--reinspect-menu-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:600}.reinspect-icon-button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-brand-soft);width:24px;height:24px;color:var(--reinspect-brand-700);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.reinspect-icon-button svg{width:14px;height:14px;display:block}.reinspect-prop-scalar button:hover,.reinspect-prop-function button:hover,.reinspect-prop-tree summary button:hover,.reinspect-prop-actions button:hover,.reinspect-prop-json-preview button:hover{background:var(--reinspect-brand-soft);color:var(--reinspect-brand-700)}.reinspect-icon-button:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft-strong)}.reinspect-prop-scalar button:focus-visible,.reinspect-prop-function button:focus-visible,.reinspect-prop-tree summary button:focus-visible,.reinspect-prop-actions button:focus-visible,.reinspect-prop-json-preview button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-icon-button:disabled{opacity:.45;cursor:default}.reinspect-prop-tree{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-brand-soft);border-radius:8px;padding:5px}.reinspect-prop-tree summary{cursor:pointer;color:var(--reinspect-menu-text);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.reinspect-prop-tree-children{gap:6px;margin-top:6px;display:grid}.reinspect-prop-tree-row{grid-template-columns:.8fr 1.2fr;align-items:start;gap:6px;display:grid}.reinspect-prop-tree-row>code{font-size:10px;font-family:var(--reinspect-font-mono);color:var(--reinspect-menu-text-muted);word-break:break-word}.reinspect-prop-function{gap:4px;display:grid}.reinspect-prop-function pre{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-prism-bg);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:0;padding:6px;font-size:11px;line-height:1.3}.reinspect-prop-json-preview{gap:6px;margin-top:6px;display:grid}.reinspect-json-editor{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-prism-bg);border-radius:8px;display:grid;overflow:hidden}.reinspect-json-editor pre,.reinspect-json-editor textarea{font-size:12px;line-height:1.4;font-family:var(--reinspect-font-mono);white-space:pre;word-break:normal;grid-area:1/1;margin:0;padding:8px}.reinspect-json-editor pre{pointer-events:none;overflow:auto}.reinspect-props-panel .reinspect-json-editor .reinspect-json-editor-textarea{color:#0000;width:100%;caret-color:var(--reinspect-prism-text);resize:vertical;tab-size:2;background:0 0;border:none;border-radius:0;overflow:auto}.reinspect-props-panel .reinspect-json-editor .reinspect-json-editor-textarea:focus-visible{outline:none}.reinspect-json-editor:focus-within{box-shadow:0 0 0 2px var(--reinspect-focus-ring)}.reinspect-prop-json-preview pre{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-prism-bg);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:180px;margin:0;padding:6px;font-size:11px;line-height:1.3;overflow:auto}.reinspect-prop-function pre code.reinspect-code-block,.reinspect-prop-json-preview pre code.reinspect-code-block,.reinspect-json-editor pre code.reinspect-code-block{color:var(--reinspect-prism-text);font-family:var(--reinspect-font-mono);white-space:inherit;word-break:inherit;display:block}.reinspect-prop-function pre code.reinspect-code-block .token.comment,.reinspect-prop-function pre code.reinspect-code-block .token.prolog,.reinspect-prop-function pre code.reinspect-code-block .token.doctype,.reinspect-prop-function pre code.reinspect-code-block .token.cdata,.reinspect-prop-json-preview pre code.reinspect-code-block .token.comment,.reinspect-prop-json-preview pre code.reinspect-code-block .token.prolog,.reinspect-prop-json-preview pre code.reinspect-code-block .token.doctype,.reinspect-prop-json-preview pre code.reinspect-code-block .token.cdata,.reinspect-json-editor pre code.reinspect-code-block .token.comment,.reinspect-json-editor pre code.reinspect-code-block .token.prolog,.reinspect-json-editor pre code.reinspect-code-block .token.doctype,.reinspect-json-editor pre code.reinspect-code-block .token.cdata{color:var(--reinspect-prism-comment);font-style:italic}.reinspect-prop-function pre code.reinspect-code-block .token.punctuation,.reinspect-prop-json-preview pre code.reinspect-code-block .token.punctuation,.reinspect-json-editor pre code.reinspect-code-block .token.punctuation{color:var(--reinspect-prism-punctuation)}.reinspect-prop-function pre code.reinspect-code-block .token.property,.reinspect-prop-json-preview pre code.reinspect-code-block .token.property,.reinspect-json-editor pre code.reinspect-code-block .token.property{color:var(--reinspect-prism-property)}.reinspect-prop-function pre code.reinspect-code-block .token.string,.reinspect-prop-json-preview pre code.reinspect-code-block .token.string,.reinspect-prop-function pre code.reinspect-code-block .token.char,.reinspect-prop-json-preview pre code.reinspect-code-block .token.char,.reinspect-prop-function pre code.reinspect-code-block .token.regex,.reinspect-prop-json-preview pre code.reinspect-code-block .token.regex,.reinspect-json-editor pre code.reinspect-code-block .token.string,.reinspect-json-editor pre code.reinspect-code-block .token.char,.reinspect-json-editor pre code.reinspect-code-block .token.regex{color:var(--reinspect-prism-string)}.reinspect-prop-function pre code.reinspect-code-block .token.number,.reinspect-prop-json-preview pre code.reinspect-code-block .token.number,.reinspect-json-editor pre code.reinspect-code-block .token.number{color:var(--reinspect-prism-number)}.reinspect-prop-function pre code.reinspect-code-block .token.boolean,.reinspect-prop-json-preview pre code.reinspect-code-block .token.boolean,.reinspect-json-editor pre code.reinspect-code-block .token.boolean{color:var(--reinspect-prism-boolean)}.reinspect-prop-function pre code.reinspect-code-block .token.keyword,.reinspect-prop-json-preview pre code.reinspect-code-block .token.keyword,.reinspect-json-editor pre code.reinspect-code-block .token.keyword{color:var(--reinspect-prism-keyword)}.reinspect-prop-function pre code.reinspect-code-block .token.function,.reinspect-prop-json-preview pre code.reinspect-code-block .token.function,.reinspect-prop-function pre code.reinspect-code-block .token.function-variable,.reinspect-prop-json-preview pre code.reinspect-code-block .token.function-variable,.reinspect-json-editor pre code.reinspect-code-block .token.function,.reinspect-json-editor pre code.reinspect-code-block .token.function-variable{color:var(--reinspect-prism-function)}.reinspect-prop-function pre code.reinspect-code-block .token.operator,.reinspect-prop-json-preview pre code.reinspect-code-block .token.operator,.reinspect-json-editor pre code.reinspect-code-block .token.operator{color:var(--reinspect-prism-operator)}.reinspect-prop-function pre code.reinspect-code-block .token.constant,.reinspect-prop-json-preview pre code.reinspect-code-block .token.constant,.reinspect-json-editor pre code.reinspect-code-block .token.constant{color:var(--reinspect-prism-constant)}@media (width<=520px){.reinspect-props-row{grid-template-columns:1fr;gap:4px}.reinspect-prop-main{grid-template-columns:1fr;gap:6px}.reinspect-prop-actions{flex-wrap:wrap;justify-content:flex-start}}.reinspect-modal-backdrop{z-index:2147483647;background:var(--reinspect-overlay-backdrop);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reinspect-modal{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:min(560px,100%);box-shadow:var(--reinspect-shadow-modal);border-radius:12px;gap:8px;padding:12px;display:grid}.reinspect-modal textarea,.reinspect-props-panel textarea{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);font-size:12px;font-family:var(--reinspect-font-mono);resize:vertical;border-radius:8px;padding:8px}.reinspect-modal textarea::placeholder,.reinspect-props-panel textarea::placeholder{color:var(--reinspect-menu-text-soft);opacity:1}.reinspect-toast{z-index:2147483647;border:1px solid var(--reinspect-menu-border-strong);background:color-mix(in oklch, var(--reinspect-menu-bg) 88%, var(--reinspect-brand-500));width:min(460px,100vw - 20px);box-shadow:var(--reinspect-shadow-modal);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.reinspect-toast-copy{gap:3px;display:grid}.reinspect-toast-title{color:var(--reinspect-menu-text);margin:0;font-size:12px;font-weight:700}.reinspect-toast-description{color:var(--reinspect-menu-text-muted);margin:0;font-size:11px}.reinspect-toast-undo,.reinspect-toast-dismiss{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);color:var(--reinspect-menu-text);cursor:pointer;border-radius:8px}.reinspect-toast-undo{padding:6px 10px;font-size:11px;font-weight:700}.reinspect-toast-dismiss{place-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;display:grid}.reinspect-toast-undo:hover,.reinspect-toast-dismiss:hover{border-color:var(--reinspect-brand-400);background:var(--reinspect-brand-soft)}.reinspect-toast-undo:focus-visible,.reinspect-toast-dismiss:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-error{color:var(--reinspect-semantic-error);margin:0;font-size:12px}.reinspect-floating-toggle{z-index:2147483647;border:1px solid color-mix(in oklch, var(--reinspect-brand-500) 56%, var(--reinspect-menu-border-strong));background:var(--reinspect-brand-soft);color:var(--reinspect-interactive-text-active);letter-spacing:.03em;cursor:pointer;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:650;transition:background-color .14s,border-color .14s,box-shadow .14s;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 18px -12px oklch(25.5% .02 248/.4),0 2px 8px -6px oklch(25.5% .02 248/.34)}.reinspect-floating-toggle:hover{background:var(--reinspect-brand-soft-hover);border-color:var(--reinspect-brand-500)}.reinspect-floating-toggle:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:2px}.reinspect-floating-root{z-index:2147483645;position:fixed;bottom:18px;right:18px}.reinspect-floating-root .reinspect-floating-toggle{position:static}.reinspect-settings-menu{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:min(420px,100vw - 22px);max-height:min(560px,78vh);box-shadow:var(--reinspect-shadow-modal);border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto}.reinspect-settings-header-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reinspect-settings-title{color:var(--reinspect-menu-text);margin:0;font-size:14px;font-weight:760}.reinspect-settings-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.reinspect-settings-tabs button{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out}.reinspect-settings-tabs button:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-settings-tabs button[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active)}.reinspect-settings-tab-panel{gap:9px;display:grid}.reinspect-settings-toggle-row{color:var(--reinspect-menu-text);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.reinspect-settings-select-row{gap:5px;font-size:12px;display:grid}.reinspect-settings-select-row select{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);border-radius:8px;padding:6px 8px;font-size:12px}.reinspect-settings-toggle-label{font-weight:600;line-height:1.35}.reinspect-settings-inline-switch{grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0;display:grid}.reinspect-settings-toggle-row input[type=checkbox]{width:16px;height:16px}.reinspect-inline-hint{border:1px solid var(--reinspect-menu-border);width:14px;height:14px;color:var(--reinspect-menu-text-soft);vertical-align:text-top;cursor:help;border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.reinspect-settings-divider{background:var(--reinspect-menu-border-subtle);height:1px}.reinspect-setting-block{gap:6px;display:grid}.reinspect-macro-setting{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);border-radius:8px;padding:8px}.reinspect-macro-setting .reinspect-setting-note{margin:0}.reinspect-macro-setting .reinspect-setting-note code{font-family:var(--reinspect-font-mono);font-size:11px}.reinspect-macro-setting .reinspect-inline-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.reinspect-macro-setting .reinspect-inline-controls button[data-state=active]{border-color:var(--reinspect-brand-600);background:var(--reinspect-brand-soft-strong);color:var(--reinspect-brand-700)}.reinspect-apply-button{border:1px solid var(--reinspect-brand-500);background:var(--reinspect-brand-500);color:var(--reinspect-on-brand);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.reinspect-apply-button:hover:not(:disabled){border-color:var(--reinspect-brand-600);background:var(--reinspect-brand-600)}.reinspect-apply-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-apply-button:disabled{opacity:.4;cursor:default}.reinspect-filter-title{color:var(--reinspect-menu-text);margin:0;font-size:12px;font-weight:600}.reinspect-setting-empty-state{color:var(--reinspect-menu-text-muted);margin:0;font-size:12px}.reinspect-inspect-mode-actions{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.reinspect-filter-section{border-top:1px solid var(--reinspect-menu-border-subtle);gap:6px;padding-top:8px;display:grid}.reinspect-filter-row-header{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.reinspect-filter-toolbar{grid-template-columns:1fr auto auto auto auto;align-items:center;gap:6px;display:grid;position:relative}.reinspect-filter-search-icon{width:14px;height:14px;color:var(--reinspect-menu-text-soft);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.reinspect-filter-search-icon svg{width:100%;height:100%;display:block}.reinspect-filter-search-input{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);width:100%;color:var(--reinspect-menu-text);font-size:12px;font-family:var(--reinspect-font-mono);border-radius:8px;padding:5px 8px 5px 31px}.reinspect-filter-search-input:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:0}.reinspect-filter-add-button{border:1px solid var(--reinspect-brand-500);background:var(--reinspect-brand-500);color:var(--reinspect-on-brand);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:11px}.reinspect-filter-add-button:hover:not(:disabled){border-color:var(--reinspect-brand-600);background:var(--reinspect-brand-600)}.reinspect-filter-add-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-filter-add-button:disabled{opacity:.4;cursor:default}.reinspect-filter-modifier{border:1px solid var(--reinspect-interactive-border);background:var(--reinspect-interactive-bg);color:var(--reinspect-interactive-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:5px 7px;font-size:11px;font-weight:600;display:inline-flex}.reinspect-filter-modifier:hover{border-color:var(--reinspect-interactive-border-hover);background:var(--reinspect-interactive-bg-hover)}.reinspect-filter-modifier[data-state=active]{border-color:var(--reinspect-interactive-border-active);background:var(--reinspect-interactive-bg-active);color:var(--reinspect-interactive-text-active)}.reinspect-filter-chip-list{flex-wrap:wrap;gap:6px;display:flex}.reinspect-filter-chip{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);color:var(--reinspect-menu-text);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.reinspect-filter-chip code{font-family:var(--reinspect-font-mono);font-size:11px}.reinspect-filter-chip-remove{color:var(--reinspect-menu-text-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.reinspect-filter-clear-button{border:1px solid var(--reinspect-menu-border);background:var(--reinspect-menu-bg);color:var(--reinspect-menu-text);cursor:pointer;border-radius:8px;padding:2px 7px;font-size:11px}.reinspect-filter-clear-button:disabled{opacity:.45;cursor:default}.reinspect-switch-button{border:1px solid var(--reinspect-menu-border-strong);background:var(--reinspect-menu-surface-stronger);cursor:pointer;border-radius:999px;width:34px;height:20px;padding:0;transition:background-color .12s,border-color .12s;display:inline-block;position:relative}.reinspect-switch-button:after{content:\"\";background:var(--reinspect-menu-bg);border-radius:999px;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(25.5% .02 248/.2)}.reinspect-switch-button[data-state=on]{background:var(--reinspect-brand-500);border-color:var(--reinspect-brand-600)}.reinspect-switch-button[data-state=on]:after{transform:translate(14px)}.reinspect-switch-button:focus-visible{outline:2px solid var(--reinspect-focus-ring);outline-offset:1px}.reinspect-component-settings-list{gap:6px;display:grid}.reinspect-component-setting-row{border:1px solid var(--reinspect-menu-border-subtle);background:var(--reinspect-menu-surface);color:var(--reinspect-menu-text);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.reinspect-component-setting-row input[type=checkbox]{width:15px;height:15px}", A = "reinspect-runtime-styles";
+function j() {
 	return typeof document > "u" ? null : document;
 }
-function h(e) {
+function M(e) {
 	if (!e) return;
-	let t = m();
-	if (!t || t.getElementById(p)) return;
+	let t = j();
+	if (!t || t.getElementById(A)) return;
 	let n = t.createElement("style");
-	n.id = p, n.textContent = e, (t.head ?? t.documentElement).appendChild(n);
+	n.id = A, n.textContent = e, (t.head ?? t.documentElement).appendChild(n);
 }
 //#endregion
-//#region src/reinspect/store.ts
-var g = e(null);
+//#region src/reinspect/core/state.ts
+function N(e) {
+	let t = {};
+	for (let n of e) t[n] = !0;
+	return t;
+}
+function P(e) {
+	return {
+		isActive: e.startActive,
+		inspectMode: e.inspectMode,
+		pendingInspectMode: e.inspectMode,
+		inspectWhitelist: e.inspectWhitelist,
+		inspectBlacklist: e.inspectBlacklist,
+		renderCounterMode: e.renderCounters,
+		propsSerializationMode: e.propsSerializationMode,
+		menuTheme: e.menuTheme,
+		menuOpenGesture: e.menuOpenGesture,
+		renderCountComponents: N(e.countRendersForComponents),
+		overrides: {}
+	};
+}
+function F(e, t) {
+	if (e === t) return !0;
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function I(e, t) {
+	return e.regex === t.regex && e.wholeWord === t.wholeWord && e.matchCase === t.matchCase && F(e.patterns, t.patterns);
+}
+function L(e, t) {
+	return e.mode === t.mode && e.modifiers.ctrl === t.modifiers.ctrl && e.modifiers.alt === t.modifiers.alt && e.modifiers.shift === t.modifiers.shift && e.modifiers.meta === t.modifiers.meta;
+}
+function R(e, t) {
+	switch (t.type) {
+		case "hydrate-config": {
+			let n = N(t.config.countRendersForComponents), r = {
+				...e,
+				isActive: t.config.enabled ? e.isActive : !1,
+				inspectMode: t.config.inspectMode,
+				pendingInspectMode: t.config.inspectMode,
+				inspectWhitelist: t.config.inspectWhitelist,
+				inspectBlacklist: t.config.inspectBlacklist,
+				renderCounterMode: t.config.renderCounters,
+				propsSerializationMode: t.config.propsSerializationMode,
+				menuTheme: t.config.menuTheme,
+				menuOpenGesture: t.config.menuOpenGesture,
+				renderCountComponents: n
+			};
+			return r.isActive === e.isActive && r.inspectMode === e.inspectMode && r.pendingInspectMode === e.pendingInspectMode && I(r.inspectWhitelist, e.inspectWhitelist) && I(r.inspectBlacklist, e.inspectBlacklist) && r.renderCounterMode === e.renderCounterMode && r.propsSerializationMode === e.propsSerializationMode && r.menuTheme === e.menuTheme && L(r.menuOpenGesture, e.menuOpenGesture) && F(Object.keys(r.renderCountComponents), Object.keys(e.renderCountComponents)) ? e : r;
+		}
+		case "set-is-active": return e.isActive === t.value ? e : {
+			...e,
+			isActive: t.value
+		};
+		case "set-pending-inspect-mode": return e.pendingInspectMode === t.value && e.inspectMode === t.value ? e : {
+			...e,
+			inspectMode: t.value,
+			pendingInspectMode: t.value
+		};
+		case "set-inspect-whitelist": return I(e.inspectWhitelist, t.value) ? e : {
+			...e,
+			inspectWhitelist: t.value
+		};
+		case "set-inspect-blacklist": return I(e.inspectBlacklist, t.value) ? e : {
+			...e,
+			inspectBlacklist: t.value
+		};
+		case "set-render-counter-mode": return e.renderCounterMode === t.value ? e : {
+			...e,
+			renderCounterMode: t.value
+		};
+		case "set-props-serialization-mode": return e.propsSerializationMode === t.value ? e : {
+			...e,
+			propsSerializationMode: t.value
+		};
+		case "set-menu-theme": return e.menuTheme === t.value ? e : {
+			...e,
+			menuTheme: t.value
+		};
+		case "set-menu-open-gesture": return L(e.menuOpenGesture, t.value) ? e : {
+			...e,
+			menuOpenGesture: t.value
+		};
+		case "set-render-counting-for-component": {
+			if (t.enabled) return e.renderCountComponents[t.componentName] ? e : {
+				...e,
+				renderCountComponents: {
+					...e.renderCountComponents,
+					[t.componentName]: !0
+				}
+			};
+			if (!e.renderCountComponents[t.componentName]) return e;
+			let n = { ...e.renderCountComponents };
+			return delete n[t.componentName], {
+				...e,
+				renderCountComponents: n
+			};
+		}
+		case "update-override": {
+			let n = { ...e.overrides[t.componentId] ?? {} };
+			if (t.value === void 0 || t.value === null || t.value === "" ? delete n[t.prop] : n[t.prop] = t.value, Object.keys(n).length === 0) {
+				if (!e.overrides[t.componentId]) return e;
+				let n = { ...e.overrides };
+				return delete n[t.componentId], {
+					...e,
+					overrides: n
+				};
+			}
+			return {
+				...e,
+				overrides: {
+					...e.overrides,
+					[t.componentId]: n
+				}
+			};
+		}
+		default: return e;
+	}
+}
 //#endregion
 //#region src/reinspect/useReinspect.ts
-function _() {
-	let e = n(g);
+function z() {
+	let e = x(v);
 	if (!e) throw Error("useReinspect must be used within ReinspectProvider");
 	return e;
 }
 //#endregion
-//#region src/reinspect/constants.ts
-var v = [
-	"backgroundColor",
-	"color",
-	"fontSize",
-	"padding",
-	"margin",
-	"borderRadius",
-	"borderWidth",
-	"borderColor",
-	"opacity",
-	"width",
-	"height",
-	"gap"
-], y = [
-	"#f97316",
-	"#2563eb",
-	"#16a34a",
-	"#db2777",
-	"#ca8a04",
-	"#0f766e"
-], b = new Set([
-	"backgroundColor",
-	"color",
-	"borderColor"
-]), ee = new Set([
-	"fontSize",
-	"padding",
-	"margin",
-	"borderRadius",
-	"borderWidth",
-	"width",
-	"height",
-	"gap"
-]), x = 2147483e3, S = "reinspect.inspectMode", C = [
-	"wrapped",
-	"first-party",
-	"all"
-], w = [
-	"attempts",
-	"commits",
-	"both"
-];
-function T() {
-	return !1;
-}
-function E(e) {
-	return typeof e == "string" && C.includes(e);
-}
-function D(e) {
-	return typeof e == "string" && w.includes(e);
+//#region src/reinspect/react/provider.tsx
+var B = /* @__PURE__ */ new Map();
+function V(e) {
+	let t = B.get(e);
+	if (t !== void 0) return t;
+	let n = 0;
+	for (let t = 0; t < e.length; t += 1) n = Math.imul(31, n) + e.charCodeAt(t), n |= 0;
+	let r = n >>> 0;
+	return B.set(e, r), r;
+}
+function H(e) {
+	let t = V(e);
+	return `hsl(${t % 360} ${60 + (t >>> 8) % 14}% ${52 + (t >>> 16) % 8}%)`;
+}
+function U({ label: e, description: t }) {
+	return /* @__PURE__ */ D("span", {
+		className: "reinspect-inline-hint",
+		title: t,
+		"aria-label": t,
+		children: e
+	});
 }
-function O() {
-	if (!(typeof window > "u")) try {
-		let e = window.sessionStorage.getItem(S);
-		return E(e) ? e : void 0;
-	} catch {
-		return;
-	}
+function W(e) {
+	return e.split(/[\r\n,]+/g).map((e) => e.trim()).filter((e) => e.length > 0);
 }
-function te(e) {
-	return O() || (E(e) ? e : "wrapped");
+function G(e, t) {
+	let n = [...e], r = new Set(e);
+	for (let e of t) r.has(e) || (r.add(e), n.push(e));
+	return n;
 }
-function k(e) {
-	if (!(typeof window > "u")) try {
-		window.sessionStorage.setItem(S, e);
-	} catch {}
+function K(e) {
+	let t = [];
+	return e.ctrl && t.push("Ctrl"), e.alt && t.push("Alt"), e.shift && t.push("Shift"), e.meta && t.push("Meta"), t.join(" + ");
 }
-function ne() {
-	if (!(typeof window > "u")) try {
-		window.location.reload();
-	} catch {}
+function q(e) {
+	return e.ctrl || e.alt || e.shift || e.meta;
 }
-function A(e = {}) {
-	let t = e.enabled ?? T(), n = e.editableProps && e.editableProps.length > 0 ? e.editableProps : v, r = e.palette && e.palette.length > 0 ? e.palette : y;
+function J(e) {
 	return {
-		enabled: t,
-		startActive: e.startActive ?? !0,
-		showFloatingToggle: e.showFloatingToggle ?? t,
-		inspectMode: te(e.inspectMode),
-		editableProps: n,
-		palette: r,
-		zIndexBase: e.zIndexBase ?? x,
-		shouldCountRenders: e.shouldCountRenders ?? !1,
-		countRendersForComponents: e.countRendersForComponents ?? [],
-		renderCaptureMode: D(e.renderCaptureMode) ? e.renderCaptureMode : "attempts"
+		ctrl: e.ctrlKey,
+		alt: e.altKey,
+		shift: e.shiftKey,
+		meta: e.metaKey
 	};
 }
-function j(e) {
-	let t = 0;
-	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
-	return Math.abs(t);
-}
-function M(e, t) {
-	return t.length === 0 ? y[0] : t[j(e) % t.length];
-}
-function re(e, t) {
-	if (!e) return {};
-	let n = {};
-	for (let r of t) {
-		let t = e[r];
-		t == null || t === "" || (n[r] = t);
-	}
-	return n;
-}
-function ie(e) {
-	if (!e) return "#1f2937";
-	if (/^#[0-9a-fA-F]{6}$/.test(e)) return e;
-	if (/^#[0-9a-fA-F]{3}$/.test(e)) {
-		let [, t, n, r] = e;
-		return `#${t}${t}${n}${n}${r}${r}`;
-	}
-	return "#1f2937";
-}
-function ae(e) {
-	let t = Number(e);
-	if (Number.isFinite(t)) return t;
-}
-//#endregion
-//#region src/reinspect/context.tsx
-var N = "Capture rerenders and show totals next to component badges.", oe = "Tracks every rerender after initial mount for wrapped components. Use this toggle to capture for all components, or enable a specific component from its right-click inspector menu.", se = "Choose whether to count render attempts, committed renders, or both.", ce = "Render attempts track render-phase executions (includes Strict Mode extra passes). Committed renders track completed DOM commits. Both shows both counters together.", le = "Controls which components are automatically discoverable by Reinspect.", P = "Only wrapped components uses explicit withReinspect wrappers only. All 1st-party components auto-discovers components under your source tree. All components also attempts dependency components (with safety skips).";
-function F(e) {
-	let t = {};
-	for (let n of e) t[n] = !0;
-	return t;
-}
-function I({ children: e, config: n }) {
-	let r = a(() => A(n), [n]), [i, o] = s(r.startActive), [c] = s(r.inspectMode), [d, f] = s(r.inspectMode), [p, m] = s(r.shouldCountRenders), [h, _] = s(r.renderCaptureMode), [v, y] = s(() => F(r.countRendersForComponents)), [b, ee] = s({}), x = t((e, t, n) => {
-		ee((r) => {
-			let i = { ...r[e] ?? {} };
-			if (n == null || n === "" ? delete i[t] : i[t] = n, Object.keys(i).length === 0) {
-				let t = { ...r };
-				return delete t[e], t;
-			}
+function Y({ title: e, info: t, filter: n, setFilter: r, invalidPatterns: i, patternsInputTestId: a, regexTestId: o, wholeWordTestId: s, matchCaseTestId: c, invalidMessageTestId: l }) {
+	let [u, d] = E(""), f = T([]), p = b(() => {
+		W(u).length !== 0 && (f.current = [], d(""));
+	}, [u]), m = b((e) => {
+		r((t) => ({
+			...t,
+			patterns: t.patterns.filter((t) => t !== e)
+		}));
+	}, [r]), h = b(() => {
+		r((e) => ({
+			...e,
+			patterns: []
+		})), f.current = [], d("");
+	}, [r]), g = (e) => {
+		e.key === "Enter" && (e.preventDefault(), p());
+	}, _ = (e) => {
+		let t = W(e);
+		d(e), r((e) => {
+			let n = e.patterns.filter((e) => !f.current.includes(e));
 			return {
-				...r,
-				[e]: i
+				...e,
+				patterns: G(n, t)
 			};
+		}), f.current = t;
+	};
+	return /* @__PURE__ */ O("section", {
+		className: "reinspect-filter-section",
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "reinspect-filter-row-header",
+				children: [/* @__PURE__ */ O("p", {
+					className: "reinspect-filter-title",
+					children: [
+						e,
+						" ",
+						/* @__PURE__ */ D(U, {
+							label: "?",
+							description: t
+						})
+					]
+				}), /* @__PURE__ */ D("button", {
+					type: "button",
+					className: "reinspect-filter-clear-button",
+					onClick: h,
+					disabled: n.patterns.length === 0,
+					"data-testid": `${a}-clear`,
+					children: "Clear"
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "reinspect-filter-toolbar",
+				children: [
+					/* @__PURE__ */ D("span", {
+						className: "reinspect-filter-search-icon",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ D("svg", {
+							viewBox: "0 0 24 24",
+							focusable: "false",
+							children: /* @__PURE__ */ D("path", {
+								d: "M10.5 3a7.5 7.5 0 015.92 12.1l4.24 4.23a1 1 0 01-1.42 1.42l-4.23-4.24A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11z",
+								fill: "currentColor"
+							})
+						})
+					}),
+					/* @__PURE__ */ D("input", {
+						"data-testid": a,
+						className: "reinspect-filter-search-input",
+						type: "search",
+						"aria-label": `${e} patterns`,
+						value: u,
+						placeholder: `Add ${e.toLowerCase()} pattern`,
+						onChange: (e) => _(e.currentTarget.value),
+						onKeyDown: g
+					}),
+					/* @__PURE__ */ D("button", {
+						type: "button",
+						className: "reinspect-filter-modifier",
+						"data-state": n.regex ? "active" : "idle",
+						"data-testid": o,
+						title: "Regex",
+						"aria-label": `${e} regex modifier`,
+						onClick: () => r((e) => ({
+							...e,
+							regex: !e.regex
+						})),
+						children: ".*"
+					}),
+					/* @__PURE__ */ D("button", {
+						type: "button",
+						className: "reinspect-filter-modifier",
+						"data-state": n.wholeWord ? "active" : "idle",
+						"data-testid": s,
+						title: "Whole word",
+						"aria-label": `${e} whole-word modifier`,
+						onClick: () => r((e) => ({
+							...e,
+							wholeWord: !e.wholeWord
+						})),
+						children: "W"
+					}),
+					/* @__PURE__ */ D("button", {
+						type: "button",
+						className: "reinspect-filter-modifier",
+						"data-state": n.matchCase ? "active" : "idle",
+						"data-testid": c,
+						title: "Match case",
+						"aria-label": `${e} case-sensitive modifier`,
+						onClick: () => r((e) => ({
+							...e,
+							matchCase: !e.matchCase
+						})),
+						children: "Aa"
+					}),
+					/* @__PURE__ */ D("button", {
+						type: "button",
+						className: "reinspect-filter-add-button",
+						onClick: p,
+						disabled: W(u).length === 0,
+						"data-testid": `${a}-add`,
+						children: "Add"
+					})
+				]
+			}),
+			n.patterns.length > 0 ? /* @__PURE__ */ D("div", {
+				className: "reinspect-filter-chip-list",
+				children: n.patterns.map((e) => /* @__PURE__ */ O("span", {
+					className: "reinspect-filter-chip",
+					children: [/* @__PURE__ */ D("code", { children: e }), /* @__PURE__ */ D("button", {
+						type: "button",
+						className: "reinspect-filter-chip-remove",
+						"aria-label": `Remove ${e}`,
+						onClick: () => m(e),
+						children: "×"
+					})]
+				}, e))
+			}) : /* @__PURE__ */ D("p", {
+				className: "reinspect-setting-empty-state",
+				children: "No patterns configured."
+			}),
+			i.length > 0 ? /* @__PURE__ */ O("p", {
+				className: "reinspect-error",
+				"data-testid": l,
+				children: ["Invalid regex patterns ignored: ", i.join(", ")]
+			}) : null
+		]
+	});
+}
+function X({ children: n, config: r }) {
+	let l = C(() => _(r), [r]), d = T({}), [p, m] = w(R, l, P);
+	S(() => {
+		m({
+			type: "hydrate-config",
+			config: l
 		});
-	}, []), S = t((e, t) => {
-		y((n) => {
-			if (t) return {
-				...n,
-				[e]: !0
-			};
-			if (!n[e]) return n;
-			let r = { ...n };
-			return delete r[e], r;
+	}, [l]);
+	let h = b((e) => {
+		m({
+			type: "set-is-active",
+			value: typeof e == "function" ? e(p.isActive) : e
+		});
+	}, [p.isActive]), g = b((e) => {
+		let t = typeof e == "function" ? e(p.pendingInspectMode) : e;
+		m({
+			type: "set-pending-inspect-mode",
+			value: t
+		}), f(t);
+	}, [p.pendingInspectMode]), y = b((e) => {
+		let t = i(typeof e == "function" ? e(p.inspectWhitelist) : e);
+		m({
+			type: "set-inspect-whitelist",
+			value: t
+		}), u(t);
+	}, [p.inspectWhitelist]), x = b((e) => {
+		let t = i(typeof e == "function" ? e(p.inspectBlacklist) : e);
+		m({
+			type: "set-inspect-blacklist",
+			value: t
+		}), a(t);
+	}, [p.inspectBlacklist]), E = b((e) => {
+		m({
+			type: "set-render-counter-mode",
+			value: typeof e == "function" ? e(p.renderCounterMode) : e
 		});
-	}, []), C = t((e) => p || !!v[e], [p, v]), w = d !== c, T = t(() => {
-		w && (k(d), ne());
-	}, [w, d]), E = t((e) => M(e, r.palette), [r.palette]), D = a(() => ({
-		config: r,
-		isActive: r.enabled && i,
-		setIsActive: o,
-		inspectMode: c,
-		pendingInspectMode: d,
-		setPendingInspectMode: f,
-		hasPendingInspectModeChange: w,
-		applyInspectMode: T,
-		shouldCountRenders: p,
-		setShouldCountRenders: m,
-		renderCaptureMode: h,
-		setRenderCaptureMode: _,
-		renderCountComponents: v,
-		setRenderCountingForComponent: S,
-		isRenderCountingEnabledFor: C,
-		overrides: b,
-		updateOverride: x,
-		getBorderColor: E
+	}, [p.renderCounterMode]), k = b((t) => {
+		let n = typeof t == "function" ? t(p.propsSerializationMode) : t;
+		m({
+			type: "set-props-serialization-mode",
+			value: n
+		}), e(n);
+	}, [p.propsSerializationMode]), A = b((e) => {
+		let t = typeof e == "function" ? e(p.menuTheme) : e;
+		m({
+			type: "set-menu-theme",
+			value: t
+		}), o(t);
+	}, [p.menuTheme]), j = b((e) => {
+		let t = typeof e == "function" ? e(p.menuOpenGesture) : e;
+		m({
+			type: "set-menu-open-gesture",
+			value: t
+		}), s(t);
+	}, [p.menuOpenGesture]), M = b((e, t, n) => {
+		m({
+			type: "update-override",
+			componentId: e,
+			prop: t,
+			value: n
+		});
+	}, []), N = b((e, t) => {
+		m({
+			type: "set-render-counting-for-component",
+			componentName: e,
+			enabled: t
+		});
+	}, []), F = b((e) => p.renderCounterMode !== "off" || !!p.renderCountComponents[e], [p.renderCounterMode, p.renderCountComponents]), I = p.pendingInspectMode !== p.inspectMode, L = b(() => {}, []), z = C(() => c(p.inspectWhitelist), [p.inspectWhitelist]), B = C(() => c(p.inspectBlacklist), [p.inspectBlacklist]), V = z.invalidPatterns, U = B.invalidPatterns, W = b((e) => t(e, z, B), [z, B]), G = b((e) => {
+		let t = d.current[e];
+		if (t) return t;
+		let n = H(e);
+		return d.current[e] = n, n;
+	}, []), K = C(() => ({
+		config: l,
+		isActive: l.enabled && p.isActive,
+		setIsActive: h,
+		inspectMode: p.inspectMode,
+		pendingInspectMode: p.pendingInspectMode,
+		setPendingInspectMode: g,
+		hasPendingInspectModeChange: I,
+		applyInspectMode: L,
+		inspectWhitelist: p.inspectWhitelist,
+		setInspectWhitelist: y,
+		inspectWhitelistInvalidPatterns: V,
+		inspectBlacklist: p.inspectBlacklist,
+		setInspectBlacklist: x,
+		inspectBlacklistInvalidPatterns: U,
+		isComponentInspectableByFilters: W,
+		renderCounterMode: p.renderCounterMode,
+		setRenderCounterMode: E,
+		propsSerializationMode: p.propsSerializationMode,
+		setPropsSerializationMode: k,
+		menuTheme: p.menuTheme,
+		setMenuTheme: A,
+		menuOpenGesture: p.menuOpenGesture,
+		setMenuOpenGesture: j,
+		renderCountComponents: p.renderCountComponents,
+		setRenderCountingForComponent: N,
+		isRenderCountingEnabledFor: F,
+		overrides: p.overrides,
+		updateOverride: M,
+		getColor: G
 	}), [
-		r,
-		i,
-		c,
-		d,
-		f,
-		w,
-		T,
-		p,
+		l,
+		p.isActive,
 		h,
-		v,
-		S,
-		C,
-		b,
+		p.inspectMode,
+		p.pendingInspectMode,
+		g,
+		I,
+		L,
+		p.inspectWhitelist,
+		y,
+		V,
+		p.inspectBlacklist,
 		x,
-		E
+		U,
+		W,
+		p.renderCounterMode,
+		E,
+		p.propsSerializationMode,
+		k,
+		p.menuTheme,
+		A,
+		p.menuOpenGesture,
+		j,
+		p.renderCountComponents,
+		N,
+		F,
+		p.overrides,
+		M,
+		G
 	]);
-	return /* @__PURE__ */ u(g.Provider, {
-		value: D,
-		children: [e, r.enabled && r.showFloatingToggle ? /* @__PURE__ */ l(L, {}) : null]
+	return /* @__PURE__ */ O(v.Provider, {
+		value: K,
+		children: [n, l.enabled && l.showFloatingToggle ? /* @__PURE__ */ D(Z, {}) : null]
 	});
 }
-function L() {
-	let { config: e, isActive: t, setIsActive: n, inspectMode: i, pendingInspectMode: a, setPendingInspectMode: c, hasPendingInspectModeChange: d, applyInspectMode: f, shouldCountRenders: p, setShouldCountRenders: m, renderCaptureMode: h, setRenderCaptureMode: g } = _(), [v, y] = s(!1), b = o(null);
-	return r(() => {
-		if (!v) return;
+function Z() {
+	let { config: e, isActive: t, setIsActive: i, pendingInspectMode: a, setPendingInspectMode: o, inspectWhitelist: s, setInspectWhitelist: c, inspectWhitelistInvalidPatterns: u, inspectBlacklist: f, setInspectBlacklist: h, inspectBlacklistInvalidPatterns: _, renderCounterMode: v, setRenderCounterMode: b, propsSerializationMode: x, setPropsSerializationMode: C, menuTheme: w, setMenuTheme: k, menuOpenGesture: A, setMenuOpenGesture: j } = z(), [M, N] = E(!1), [P, F] = E("filter"), [I, L] = E(!1), R = T(null), B = T(null), V = T(null), H = T(!1);
+	return S(() => {
+		if (!M) return;
 		let e = (e) => {
 			let t = e.target;
-			b.current?.contains(t) || y(!1);
+			t instanceof Node && (B.current?.contains(t) || N(!1));
 		}, t = (e) => {
-			e.key === "Escape" && y(!1);
+			e.key === "Escape" && N(!1);
 		};
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [v]), e.enabled ? /* @__PURE__ */ u("div", {
+	}, [M]), S(() => {
+		if (!M || !V.current) return;
+		let e = V.current;
+		y(e);
+		let t = (t) => {
+			n(t, e);
+		};
+		return document.addEventListener("keydown", t), () => {
+			document.removeEventListener("keydown", t);
+		};
+	}, [M]), S(() => {
+		H.current && !M && R.current?.focus(), H.current = M;
+	}, [M]), S(() => {
+		if (!I) return;
+		let e = (e) => {
+			let t = J(e);
+			q(t) && (e.preventDefault(), e.stopPropagation(), j((e) => ({
+				...e,
+				mode: "modifier-right-click",
+				modifiers: t
+			})), L(!1));
+		};
+		return document.addEventListener("keydown", e, !0), () => {
+			document.removeEventListener("keydown", e, !0);
+		};
+	}, [I, j]), e.enabled ? /* @__PURE__ */ O("div", {
 		className: "reinspect-floating-root",
-		ref: b,
-		children: [/* @__PURE__ */ l("button", {
+		ref: B,
+		"data-reinspect-theme": w,
+		children: [/* @__PURE__ */ D("button", {
 			type: "button",
+			ref: R,
 			className: "reinspect-floating-toggle",
+			"data-reinspect-theme": w,
 			"data-testid": "reinspect-floating-toggle",
-			onClick: () => y((e) => !e),
-			"aria-expanded": v,
+			onClick: () => N((e) => !e),
+			"aria-expanded": M,
 			"aria-controls": "reinspect-settings-menu",
 			children: "Reinspect settings"
-		}), v ? /* @__PURE__ */ u("div", {
+		}), M ? /* @__PURE__ */ O("div", {
 			id: "reinspect-settings-menu",
+			ref: V,
 			className: "reinspect-settings-menu",
+			"data-reinspect-theme": w,
 			role: "dialog",
+			"aria-modal": "true",
 			"aria-label": "Reinspect settings",
+			tabIndex: -1,
 			"data-testid": "reinspect-settings-menu",
 			children: [
-				/* @__PURE__ */ l("p", {
-					className: "reinspect-settings-title",
-					children: "Reinspect settings"
+				/* @__PURE__ */ O("div", {
+					className: "reinspect-settings-header-row",
+					children: [/* @__PURE__ */ D("p", {
+						className: "reinspect-settings-title",
+						children: "Reinspect settings"
+					}), /* @__PURE__ */ O("div", {
+						className: "reinspect-settings-inline-switch",
+						children: [/* @__PURE__ */ D("span", {
+							className: "reinspect-settings-toggle-label",
+							children: t ? "Enabled" : "Disabled"
+						}), /* @__PURE__ */ D("button", {
+							type: "button",
+							role: "switch",
+							"aria-checked": t,
+							"aria-label": "Toggle inspector enabled",
+							"data-testid": "reinspect-setting-inspector-active",
+							className: "reinspect-switch-button",
+							"data-state": t ? "on" : "off",
+							title: t ? "Disable inspector" : "Enable inspector",
+							onClick: () => i(!t)
+						})]
+					})]
 				}),
-				/* @__PURE__ */ u("label", {
-					className: "reinspect-settings-toggle-row",
-					children: [/* @__PURE__ */ l("span", {
-						className: "reinspect-settings-toggle-label",
-						children: "Inspector enabled"
-					}), /* @__PURE__ */ l("input", {
-						"data-testid": "reinspect-setting-inspector-active",
-						type: "checkbox",
-						checked: t,
-						onChange: (e) => n(e.currentTarget.checked)
+				/* @__PURE__ */ O("div", {
+					className: "reinspect-settings-tabs",
+					role: "tablist",
+					"aria-label": "Reinspect settings categories",
+					children: [/* @__PURE__ */ D("button", {
+						type: "button",
+						role: "tab",
+						id: "reinspect-settings-tab-filter",
+						"data-testid": "reinspect-settings-tab-filter",
+						"data-state": P === "filter" ? "active" : "idle",
+						"aria-selected": P === "filter",
+						"aria-controls": "reinspect-settings-panel-filter",
+						onClick: () => F("filter"),
+						children: "Filter"
+					}), /* @__PURE__ */ D("button", {
+						type: "button",
+						role: "tab",
+						id: "reinspect-settings-tab-settings",
+						"data-testid": "reinspect-settings-tab-settings",
+						"data-state": P === "settings" ? "active" : "idle",
+						"aria-selected": P === "settings",
+						"aria-controls": "reinspect-settings-panel-settings",
+						onClick: () => F("settings"),
+						children: "Settings"
 					})]
 				}),
-				/* @__PURE__ */ l("div", { className: "reinspect-settings-divider" }),
-				/* @__PURE__ */ u("section", {
-					className: "reinspect-setting-block",
+				/* @__PURE__ */ D("div", { className: "reinspect-settings-divider" }),
+				P === "filter" ? /* @__PURE__ */ O("div", {
+					className: "reinspect-settings-tab-panel",
+					role: "tabpanel",
+					id: "reinspect-settings-panel-filter",
+					"aria-labelledby": "reinspect-settings-tab-filter",
 					children: [
-						/* @__PURE__ */ u("header", {
-							className: "reinspect-setting-header",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								className: "reinspect-setting-name",
-								children: "INSPECT_MODE"
-							}), /* @__PURE__ */ l("p", {
-								className: "reinspect-setting-short-description",
-								children: le
-							})] }), /* @__PURE__ */ u("span", {
-								className: "reinspect-tooltip-host",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									className: "reinspect-tooltip-trigger",
-									"aria-label": "Explain INSPECT_MODE",
-									children: "?"
-								}), /* @__PURE__ */ l("span", {
-									className: "reinspect-tooltip-content",
-									role: "tooltip",
-									children: P
-								})]
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "reinspect-settings-select-row",
-							children: [/* @__PURE__ */ l("span", {
-								className: "reinspect-settings-toggle-label",
-								children: "Inspect Mode"
-							}), /* @__PURE__ */ u("select", {
-								"data-testid": "reinspect-setting-inspect-mode",
-								value: a,
-								onChange: (e) => {
-									let t = e.currentTarget.value;
-									E(t) && c(t);
-								},
-								children: [
-									/* @__PURE__ */ l("option", {
-										value: "wrapped",
-										children: "Only wrapped components"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "first-party",
-										children: "All 1st-party components"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "all",
-										children: "All components"
-									})
-								]
-							})]
+						/* @__PURE__ */ D(Y, {
+							title: "Include",
+							info: "Only matching component names remain inspectable.",
+							filter: s,
+							setFilter: c,
+							invalidPatterns: u,
+							patternsInputTestId: "reinspect-setting-inspect-whitelist-patterns",
+							regexTestId: "reinspect-setting-inspect-whitelist-regex",
+							wholeWordTestId: "reinspect-setting-inspect-whitelist-whole-word",
+							matchCaseTestId: "reinspect-setting-inspect-whitelist-match-case",
+							invalidMessageTestId: "reinspect-setting-inspect-whitelist-invalid"
 						}),
-						/* @__PURE__ */ l("button", {
-							type: "button",
-							className: "reinspect-apply-button",
-							"data-testid": "reinspect-apply-inspect-mode",
-							onClick: f,
-							disabled: !d,
-							children: "Apply & Reload"
+						/* @__PURE__ */ D(Y, {
+							title: "Exclude",
+							info: "Matching component names are hidden from inspection.",
+							filter: f,
+							setFilter: h,
+							invalidPatterns: _,
+							patternsInputTestId: "reinspect-setting-inspect-blacklist-patterns",
+							regexTestId: "reinspect-setting-inspect-blacklist-regex",
+							wholeWordTestId: "reinspect-setting-inspect-blacklist-whole-word",
+							matchCaseTestId: "reinspect-setting-inspect-blacklist-match-case",
+							invalidMessageTestId: "reinspect-setting-inspect-blacklist-invalid"
 						}),
-						d ? /* @__PURE__ */ l("p", {
+						/* @__PURE__ */ D("p", {
 							className: "reinspect-setting-note",
-							"data-testid": "reinspect-inspect-mode-reload-note",
-							children: "Inspect mode changes are applied after reload."
-						}) : /* @__PURE__ */ u("p", {
-							className: "reinspect-setting-note",
-							children: ["Current mode: ", i]
-						})
-					]
-				}),
-				/* @__PURE__ */ l("div", { className: "reinspect-settings-divider" }),
-				/* @__PURE__ */ u("section", {
-					className: "reinspect-setting-block",
-					children: [
-						/* @__PURE__ */ u("header", {
-							className: "reinspect-setting-header",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								className: "reinspect-setting-name",
-								children: "SHOULD_COUNT_RENDERS"
-							}), /* @__PURE__ */ l("p", {
-								className: "reinspect-setting-short-description",
-								children: N
-							})] }), /* @__PURE__ */ u("span", {
-								className: "reinspect-tooltip-host",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									className: "reinspect-tooltip-trigger",
-									"aria-label": "Explain SHOULD_COUNT_RENDERS",
-									children: "?"
-								}), /* @__PURE__ */ l("span", {
-									className: "reinspect-tooltip-content",
-									role: "tooltip",
-									children: oe
-								})]
-							})]
+							children: "Exclude patterns override include patterns."
 						}),
-						/* @__PURE__ */ u("label", {
-							className: "reinspect-settings-toggle-row",
-							children: [/* @__PURE__ */ l("span", {
-								className: "reinspect-settings-toggle-label",
-								children: "Capture render for all components"
-							}), /* @__PURE__ */ l("input", {
-								"data-testid": "reinspect-setting-should-count-renders",
-								type: "checkbox",
-								checked: p,
-								onChange: (e) => m(e.currentTarget.checked)
-							})]
-						}),
-						/* @__PURE__ */ u("header", {
-							className: "reinspect-setting-header",
-							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-								className: "reinspect-setting-name",
-								children: "RENDER_CAPTURE_MODE"
-							}), /* @__PURE__ */ l("p", {
-								className: "reinspect-setting-short-description",
-								children: se
-							})] }), /* @__PURE__ */ u("span", {
-								className: "reinspect-tooltip-host",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									className: "reinspect-tooltip-trigger",
-									"aria-label": "Explain RENDER_CAPTURE_MODE",
-									children: "?"
-								}), /* @__PURE__ */ l("span", {
-									className: "reinspect-tooltip-content",
-									role: "tooltip",
-									children: ce
+						/* @__PURE__ */ D("section", {
+							className: "reinspect-setting-block",
+							children: /* @__PURE__ */ O("label", {
+								className: "reinspect-settings-select-row",
+								children: [/* @__PURE__ */ O("span", {
+									className: "reinspect-settings-toggle-label",
+									children: [
+										"Component scope",
+										" ",
+										/* @__PURE__ */ D(U, {
+											label: "?",
+											description: "Choose which component groups can be inspected."
+										})
+									]
+								}), /* @__PURE__ */ O("select", {
+									"data-testid": "reinspect-setting-inspect-mode",
+									value: a,
+									onChange: (e) => {
+										let t = e.currentTarget.value;
+										d(t) && o(t);
+									},
+									children: [
+										/* @__PURE__ */ D("option", {
+											value: "wrapped",
+											children: "Only wrapped components"
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "first-party",
+											children: "All 1st-party components"
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "all",
+											children: "All components"
+										})
+									]
 								})]
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "reinspect-settings-select-row",
-							children: [/* @__PURE__ */ l("span", {
-								className: "reinspect-settings-toggle-label",
-								children: "Capture mode"
-							}), /* @__PURE__ */ u("select", {
-								"data-testid": "reinspect-setting-render-capture-mode",
-								value: h,
-								onChange: (e) => {
-									let t = e.currentTarget.value;
-									D(t) && g(t);
-								},
-								children: [
-									/* @__PURE__ */ l("option", {
-										value: "attempts",
-										children: "Render attempts"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "commits",
-										children: "Committed renders"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "both",
-										children: "Both"
-									})
-								]
-							})]
+							})
 						})
 					]
-				})
-			]
-		}) : null]
-	}) : null;
-}
-//#endregion
-//#region src/reinspect/propsInspector.ts
-var R = 4, z = 40, B = 40, V = "__reinspect_placeholder__";
-function H(e, t) {
-	return {
-		[V]: e,
-		display: t
-	};
-}
-function U(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e);
-}
-function ue(e) {
-	if (!U(e)) return !1;
-	let t = Object.getPrototypeOf(e);
-	return t === Object.prototype || t === null;
-}
-function de(e) {
-	return U(e) && typeof e.__reinspect_placeholder__ == "string" && typeof e.display == "string";
-}
-function fe(e) {
-	try {
-		return JSON.stringify(e, null, 2);
-	} catch {
-		return null;
-	}
-}
-function W(e) {
-	try {
-		let t = Function.prototype.toString.call(e);
-		return typeof t != "string" || t.trim().length === 0 ? "[Function source unavailable]" : t;
-	} catch {
-		return "[Function source unavailable]";
-	}
-}
-function pe(e) {
-	let t = e.replace(/\s+/g, " ").trim();
-	return t.length <= 120 ? t : `${t.slice(0, 117)}...`;
-}
-function G(e, t, n) {
-	if (n > R) return H("truncated", "[Max depth reached]");
-	if (e === null) return null;
-	let r = typeof e;
-	if (r === "string" || r === "boolean") return e;
-	if (r === "number") return Number.isFinite(e) ? e : H("non-finite-number", String(e));
-	if (r === "undefined") return H("undefined", "undefined");
-	if (r === "bigint") return H("bigint", `${String(e)}n`);
-	if (r === "symbol") return H("symbol", String(e));
-	if (r === "function") return H("function", `[Function ${e.name || "anonymous"}]`);
-	if (e instanceof Date) return H("date", Number.isNaN(e.getTime()) ? "Invalid Date" : e.toISOString());
-	if (e instanceof RegExp) return H("regexp", e.toString());
-	if (r === "object") {
-		let r = e;
-		if (t.has(r)) return H("circular", "[Circular]");
-		if (t.add(r), Array.isArray(e)) {
-			let i = [], a = Math.min(e.length, B);
-			for (let r = 0; r < a; r += 1) i.push(G(e[r], t, n + 1));
-			return e.length > B && i.push(H("truncated", `${e.length - B} more items`)), t.delete(r), i;
-		}
-		let i = {}, a = Object.entries(e), o = Math.min(a.length, z);
-		for (let e = 0; e < o; e += 1) {
-			let [r, o] = a[e];
-			i[r] = G(o, t, n + 1);
-		}
-		return a.length > z && (i.__reinspect_truncated__ = H("truncated", `${a.length - z} more keys`)), t.delete(r), i;
-	}
-	return H("unsupported", "[Unsupported value]");
-}
-function K(e) {
-	if (e === null) return {
-		kind: "null",
-		summary: "null",
-		copyText: "null"
-	};
-	let t = typeof e;
-	if (t === "undefined") return {
-		kind: "undefined",
-		summary: "undefined",
-		copyText: "undefined"
-	};
-	if (t === "boolean") return {
-		kind: "boolean",
-		summary: String(e),
-		copyText: String(e)
-	};
-	if (t === "number") return {
-		kind: "number",
-		summary: String(e),
-		copyText: String(e)
-	};
-	if (t === "string") return {
-		kind: "string",
-		summary: JSON.stringify(e),
-		copyText: String(e)
-	};
-	if (t === "bigint") return {
-		kind: "bigint",
-		summary: `${String(e)}n`,
-		copyText: `${String(e)}n`
-	};
-	if (t === "symbol") {
-		let t = String(e);
-		return {
-			kind: "symbol",
-			summary: t,
-			copyText: t
-		};
-	}
-	if (t === "function") {
-		let t = e, n = W(t), r = t.name || "anonymous";
-		return {
-			kind: "function",
-			summary: `Function ${r}(${t.length})`,
-			copyText: n,
-			functionMeta: {
-				name: r,
-				arity: t.length,
-				preview: pe(n),
-				source: n
-			}
-		};
-	}
-	if (e instanceof Date) {
-		let t = Number.isNaN(e.getTime()) ? "Invalid Date" : e.toISOString();
-		return {
-			kind: "date",
-			summary: `Date ${t}`,
-			copyText: t
-		};
-	}
-	if (e instanceof RegExp) {
-		let t = e.toString();
-		return {
-			kind: "regexp",
-			summary: t,
-			copyText: t
-		};
-	}
-	return Array.isArray(e) ? {
-		kind: "array",
-		summary: `Array(${e.length})`
-	} : U(e) ? {
-		kind: "object",
-		summary: `Object(${Object.keys(e).length})`
-	} : {
-		kind: "unknown",
-		summary: String(e)
-	};
-}
-function q(e) {
-	if (!de(e)) {
-		if (Array.isArray(e)) {
-			let t = [];
-			for (let n of e) {
-				let e = q(n);
-				if (e === void 0) return;
-				t.push(e);
-			}
-			return t;
-		}
-		if (U(e)) {
-			let t = {};
-			for (let [n, r] of Object.entries(e)) {
-				let e = q(r);
-				e !== void 0 && (t[n] = e);
-			}
-			return t;
-		}
-		return e;
-	}
-}
-function me(e) {
-	return Object.keys(e).map((t) => ({
-		key: t,
-		value: K(e[t])
-	}));
-}
-function he(e) {
-	return fe(G(e, /* @__PURE__ */ new WeakSet(), 0)) ?? "{}";
-}
-function ge(e) {
-	return fe(G(e, /* @__PURE__ */ new WeakSet(), 0));
-}
-function _e(e) {
-	if (e === null) return !0;
-	let t = typeof e;
-	return t === "string" || t === "number" || t === "boolean" || Array.isArray(e) ? !0 : ue(e);
-}
-function ve(e) {
-	let t = e.trim();
-	if (t.length === 0) return {
-		parsed: null,
-		error: "Value JSON cannot be empty."
-	};
-	try {
-		let e = q(JSON.parse(t));
-		return e === void 0 || !_e(e) ? {
-			parsed: null,
-			error: "Only objects, arrays, and primitive JSON values are editable."
-		} : {
-			parsed: e,
-			error: null
-		};
-	} catch {
-		return {
-			parsed: null,
-			error: "Invalid JSON. Fix syntax and try Apply again."
-		};
-	}
-}
-function ye(e) {
-	let t = e.trim();
-	if (t.length === 0) return {
-		parsed: {},
-		error: null
-	};
-	try {
-		let e = JSON.parse(t);
-		if (typeof e != "object" || !e || Array.isArray(e)) return {
-			parsed: null,
-			error: "Props JSON must be an object (example: {\"title\":\"Demo\"})."
-		};
-		let n = {};
-		for (let [t, r] of Object.entries(e)) {
-			let e = q(r);
-			e !== void 0 && (n[t] = e);
-		}
-		return {
-			parsed: n,
-			error: null
-		};
-	} catch {
-		return {
-			parsed: null,
-			error: "Invalid JSON. Fix syntax and try Apply again."
-		};
-	}
-}
-//#endregion
-//#region src/reinspect/wrapMarker.ts
-var be = Symbol.for("reinspect.wrapped");
-function xe(e) {
-	return e[be];
-}
-//#endregion
-//#region src/reinspect/withReinspect.tsx
-var Se = {
-	enabled: !1,
-	startActive: !1,
-	showFloatingToggle: !1,
-	inspectMode: "wrapped",
-	editableProps: [],
-	palette: [],
-	zIndexBase: 0,
-	shouldCountRenders: !1,
-	countRendersForComponents: [],
-	renderCaptureMode: "attempts"
-}, Ce = /* @__PURE__ */ new Map();
-function J(e) {
-	let t = Ce.get(e);
-	if (t) return t;
-	let n = {
-		attempts: 0,
-		commits: 0,
-		hasCommitted: !1,
-		wasCountingEnabled: !1,
-		shouldCountCommit: !1
-	};
-	return Ce.set(e, n), n;
-}
-function we(e, t) {
-	let n = J(e);
-	if (!t) return n.wasCountingEnabled = !1, n.shouldCountCommit = !1, {
-		attempts: n.attempts,
-		commits: n.commits
-	};
-	let r = n.hasCommitted && n.wasCountingEnabled;
-	return r && (n.attempts += 1), n.wasCountingEnabled = !0, n.shouldCountCommit = r, {
-		attempts: n.attempts,
-		commits: n.commits + +!!r
-	};
-}
-function Te(e) {
-	let t = J(e);
-	t.hasCommitted && t.shouldCountCommit && (t.commits += 1), t.hasCommitted = !0, t.shouldCountCommit = !1;
-}
-function Ee(e, t) {
-	return t === "commits" ? `${e.commits} commits` : t === "both" ? `${e.attempts} attempts | ${e.commits} commits` : `${e.attempts} attempts`;
-}
-function De(e) {
-	let t = e.replace(/([A-Z])/g, " $1").trim();
-	return t.length > 0 ? t[0].toUpperCase() + t.slice(1) : e;
-}
-function Oe(e) {
-	return e.trim().toLowerCase().replace(/[\s_-]+/g, "");
-}
-function Y(e) {
-	return e != null && e !== "";
-}
-function ke(e) {
-	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
-}
-async function Ae(e) {
-	if (typeof navigator > "u" || !navigator.clipboard?.writeText) return !1;
-	try {
-		return await navigator.clipboard.writeText(e), !0;
-	} catch {
-		return !1;
-	}
-}
-function je({ value: e, onCopy: t }) {
-	if (e.kind === "function" && e.functionMeta) {
-		let n = e.functionMeta;
-		return /* @__PURE__ */ u("div", {
-			className: "reinspect-prop-function",
-			children: [
-				/* @__PURE__ */ l("code", { children: e.summary }),
-				/* @__PURE__ */ l("pre", { children: n.preview }),
-				/* @__PURE__ */ l("button", {
-					type: "button",
-					onClick: () => t(n.source, "Function source"),
-					disabled: !n.source,
-					children: "Copy function source"
-				})
-			]
-		});
-	}
-	return /* @__PURE__ */ u("div", {
-		className: "reinspect-prop-scalar",
-		children: [/* @__PURE__ */ l("code", { children: e.summary }), e.copyText ? /* @__PURE__ */ l("button", {
-			type: "button",
-			onClick: () => t(e.copyText ?? "", "Value"),
-			children: "Copy"
-		}) : null]
-	});
-}
-function Me(e, t) {
-	return t?.name?.trim() || e.displayName?.trim() || e.name?.trim() || t?.fallbackName?.trim() || "Component";
-}
-function Ne(e, t, n) {
-	return e === "manual" || n === "all" || n === "first-party" && t === "first-party";
-}
-function X(e, t) {
-	let a = t?.source ?? "manual", f = t?.scope ?? "first-party", p = xe(e);
-	if (p && a === "auto") return e;
-	let m = p && a === "manual" ? p.original : e, h = Me(m, t);
-	function _(e) {
-		let t = i(), p = o(null), _ = o(null), [v, y] = s(null), [x, S] = s("css"), [C, w] = s("detected"), [T, E] = s(""), [D, O] = s({}), [te, k] = s("{}"), [ne, A] = s(null), [j, M] = s(null), [N, oe] = s({}), [se, ce] = s({}), [le, P] = s({}), [F, I] = s(null), [L, R] = s(""), [z, B] = s(null), V = n(g), H = !!V, U = V?.config ?? Se, ue = V?.getBorderColor ?? (() => "#f97316"), de = V?.isActive ?? !1, fe = V?.inspectMode ?? "wrapped", W = V?.shouldCountRenders ?? !1, pe = V?.renderCaptureMode ?? Se.renderCaptureMode, G = V?.overrides ?? {}, K = V?.updateOverride ?? (() => void 0), q = V?.renderCountComponents ?? {}, be = V?.setRenderCountingForComponent ?? (() => void 0), xe = V?.isRenderCountingEnabledFor ?? (() => !1), J = `${h}-${t}`, Me = ue(h), X = Ne(a, f, fe), Z = U.enabled && de && X, Pe = X && xe(h), Fe = !!q[h], Ie = we(J, Pe), Le = G[J], Re = Z ? re(Le, U.editableProps) : {}, Q = {
-			...e,
-			...D
-		}, ze = Q, $ = Z && v !== null, Be = Oe(T), Ve = Be.length === 0 ? U.editableProps : U.editableProps.filter((e) => Oe(e).includes(Be)), He = $ && x === "props" && C === "detected" ? me(ze) : [];
-		r(() => (Te(J), () => {
-			Ce.delete(J);
-		}), [J]), r(() => {
-			if (!$) return;
-			let e = (e) => {
-				let t = e.target;
-				p.current?.contains(t) || _.current?.contains(t) || (y(null), I(null), R(""), B(null));
-			}, t = (e) => {
-				if (e.key === "Escape") {
-					if (F) {
-						I(null), R(""), B(null);
-						return;
-					}
-					y(null);
-				}
-			};
-			return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
-				document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
-			};
-		}, [F, $]), r(() => {
-			if (!j) return;
-			let e = globalThis.setTimeout(() => {
-				M(null);
-			}, 1400);
-			return () => {
-				globalThis.clearTimeout(e);
-			};
-		}, [j]);
-		let Ue = {
-			"--reinspect-color": Me,
-			"--reinspect-z-base": U.zIndexBase
-		}, We = (e) => {
-			Z && (e.preventDefault(), S("css"), w("detected"), E(""), A(null), M(null), oe({}), ce({}), P({}), I(null), R(""), B(null), k("{}"), y({
-				x: e.clientX,
-				y: e.clientY
-			}));
-		}, Ge = () => {
-			let { parsed: e, error: t } = ye(te);
-			if (t || !e) {
-				A(t);
-				return;
-			}
-			O(e), A(null);
-		}, Ke = () => {
-			O({}), C === "raw" && k(he(e)), A(null);
-		}, qe = (e, t) => {
-			Ae(e).then((e) => {
-				M(e ? `${t} copied.` : "Clipboard access is unavailable.");
-			});
-		}, Je = (e, t) => {
-			if (le[e]) {
-				P((t) => ({
-					...t,
-					[e]: !1
-				}));
-				return;
-			}
-			if (!(e in N) && !(e in se)) {
-				let n = ge(t);
-				n === null ? ce((t) => ({
-					...t,
-					[e]: "JSON preview is unavailable for this value."
-				})) : oe((t) => ({
-					...t,
-					[e]: n
-				}));
-			}
-			P((t) => ({
-				...t,
-				[e]: !0
-			}));
-		}, Ye = (e, t) => {
-			if (!_e(t)) return;
-			let n = ge(t);
-			if (n === null) {
-				M("Unable to open editor for this value.");
-				return;
-			}
-			I(e), R(n), B(null);
-		}, Xe = () => {
-			if (!F) return;
-			let { parsed: e, error: t } = ve(L);
-			if (t || e === null) {
-				B(t);
-				return;
-			}
-			O((t) => ({
-				...t,
-				[F]: e
-			})), I(null), R(""), B(null);
-		}, Ze = $ ? /* @__PURE__ */ u("div", {
-			ref: p,
-			className: "reinspect-menu",
-			role: "dialog",
-			"aria-label": `${h} inspector controls`,
-			style: {
-				top: `${v.y}px`,
-				left: `${v.x}px`
-			},
-			children: [
-				/* @__PURE__ */ u("p", {
-					className: "reinspect-menu-title",
-					children: [h, " inspector"]
-				}),
-				/* @__PURE__ */ u("label", {
-					className: "reinspect-menu-component-setting",
-					children: [/* @__PURE__ */ l("span", { children: "Capture renders for this component" }), /* @__PURE__ */ l("input", {
-						type: "checkbox",
-						checked: W ? !0 : Fe,
-						onChange: (e) => be(h, e.currentTarget.checked),
-						disabled: W,
-						"aria-label": `Capture renders for ${h}`,
-						"data-testid": `reinspect-component-render-toggle-${h}`
-					})]
-				}),
-				W ? /* @__PURE__ */ l("p", {
-					className: "reinspect-setting-note",
-					children: "Global capture is enabled from Reinspect settings."
-				}) : null,
-				/* @__PURE__ */ u("div", {
-					className: "reinspect-submenu",
-					children: [/* @__PURE__ */ l("button", {
-						type: "button",
-						"data-state": x === "css" ? "active" : "idle",
-						onClick: () => S("css"),
-						children: "CSS"
-					}), /* @__PURE__ */ l("button", {
-						type: "button",
-						"data-state": x === "props" ? "active" : "idle",
-						onClick: () => S("props"),
-						children: "Props"
-					})]
-				}),
-				x === "css" ? /* @__PURE__ */ u(c, { children: [
-					/* @__PURE__ */ u("div", {
-						className: "reinspect-menu-filter",
-						children: [/* @__PURE__ */ l("span", {
-							className: "reinspect-menu-filter-icon",
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ l("svg", {
-								viewBox: "0 0 24 24",
-								focusable: "false",
-								children: /* @__PURE__ */ l("path", {
-									d: "M10.5 3a7.5 7.5 0 015.92 12.1l4.24 4.23a1 1 0 01-1.42 1.42l-4.23-4.24A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11z",
-									fill: "currentColor"
-								})
-							})
-						}), /* @__PURE__ */ l("input", {
-							id: `${J}-css-filter`,
-							"data-testid": "reinspect-css-filter-input",
-							type: "search",
-							value: T,
-							placeholder: "Filter",
-							"aria-label": "Filter CSS properties",
-							onChange: (e) => E(e.currentTarget.value)
-						})]
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "reinspect-menu-grid",
-						children: Ve.map((e) => {
-							let t = Le?.[e], n = `${J}-${e}`;
-							if (b.has(e)) {
-								let r = typeof t == "string" ? ie(t) : "#1f2937";
-								return /* @__PURE__ */ u("div", {
-									className: "reinspect-field",
-									children: [/* @__PURE__ */ l("label", {
-										htmlFor: n,
-										children: De(e)
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-inline-controls",
-										children: [/* @__PURE__ */ l("input", {
-											id: n,
-											type: "color",
-											value: r,
-											onChange: (t) => K(J, e, t.currentTarget.value)
-										}), /* @__PURE__ */ l("button", {
-											type: "button",
-											onClick: () => K(J, e, void 0),
-											disabled: !Y(t),
-											children: "reset"
-										})]
+				}) : /* @__PURE__ */ D("div", {
+					className: "reinspect-settings-tab-panel",
+					role: "tabpanel",
+					id: "reinspect-settings-panel-settings",
+					"aria-labelledby": "reinspect-settings-tab-settings",
+					children: /* @__PURE__ */ O("section", {
+						className: "reinspect-setting-block",
+						children: [
+							/* @__PURE__ */ O("label", {
+								className: "reinspect-settings-select-row",
+								children: [/* @__PURE__ */ O("span", {
+									className: "reinspect-settings-toggle-label",
+									children: [
+										"Render counter mode",
+										" ",
+										/* @__PURE__ */ D(U, {
+											label: "?",
+											description: "Pick whether render attempts, commits, both, or no counters are shown."
+										})
+									]
+								}), /* @__PURE__ */ O("select", {
+									"data-testid": "reinspect-setting-render-counters",
+									value: v,
+									onChange: (e) => {
+										let t = e.currentTarget.value;
+										g(t) && b(t);
+									},
+									children: [
+										/* @__PURE__ */ D("option", {
+											value: "off",
+											children: "Off"
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "attempts",
+											children: "Render attempts"
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "commits",
+											children: "Committed renders"
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "both",
+											children: "Both"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ D("p", {
+								className: "reinspect-setting-note",
+								children: "Per-component capture can be toggled from each component menu."
+							}),
+							/* @__PURE__ */ O("label", {
+								className: "reinspect-settings-select-row",
+								children: [/* @__PURE__ */ O("span", {
+									className: "reinspect-settings-toggle-label",
+									children: [
+										"Menu theme",
+										" ",
+										/* @__PURE__ */ D(U, {
+											label: "?",
+											description: "Choose the Reinspect menu appearance."
+										})
+									]
+								}), /* @__PURE__ */ O("select", {
+									"data-testid": "reinspect-setting-menu-theme",
+									value: w,
+									onChange: (e) => {
+										let t = e.currentTarget.value;
+										r(t) && k(t);
+									},
+									children: [/* @__PURE__ */ D("option", {
+										value: "light",
+										children: "Light"
+									}), /* @__PURE__ */ D("option", {
+										value: "dark",
+										children: "Dark"
 									})]
-								}, e);
-							}
-							if (e === "opacity") {
-								let r = typeof t == "number" ? t : 1;
-								return /* @__PURE__ */ u("div", {
-									className: "reinspect-field",
-									children: [/* @__PURE__ */ l("label", {
-										htmlFor: n,
-										children: "Opacity"
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-inline-controls reinspect-opacity-controls",
+								})]
+							}),
+							/* @__PURE__ */ O("label", {
+								className: "reinspect-settings-select-row",
+								children: [/* @__PURE__ */ O("span", {
+									className: "reinspect-settings-toggle-label",
+									children: [
+										"Menu open trigger",
+										" ",
+										/* @__PURE__ */ D(U, {
+											label: "?",
+											description: "Choose how to open the inspector menu on components."
+										})
+									]
+								}), /* @__PURE__ */ O("select", {
+									"data-testid": "reinspect-setting-menu-open-trigger",
+									value: A.mode,
+									onChange: (e) => {
+										let t = e.currentTarget.value;
+										m(t) && j((e) => ({
+											...e,
+											mode: t
+										}));
+									},
+									children: [/* @__PURE__ */ D("option", {
+										value: "right-click",
+										children: "Right click"
+									}), /* @__PURE__ */ D("option", {
+										value: "modifier-right-click",
+										children: "Right click + modifier macro"
+									})]
+								})]
+							}),
+							A.mode === "modifier-right-click" ? /* @__PURE__ */ O("section", {
+								className: "reinspect-setting-block reinspect-macro-setting",
+								children: [
+									/* @__PURE__ */ O("p", {
+										className: "reinspect-setting-note",
+										"data-testid": "reinspect-setting-menu-open-modifier-label",
 										children: [
-											/* @__PURE__ */ l("input", {
-												id: n,
-												type: "range",
-												min: "0",
-												max: "1",
-												step: "0.05",
-												value: r,
-												onChange: (t) => {
-													let n = ae(t.currentTarget.value);
-													n !== void 0 && K(J, e, n);
-												}
-											}),
-											/* @__PURE__ */ l("output", { children: r.toFixed(2) }),
-											/* @__PURE__ */ l("button", {
-												type: "button",
-												onClick: () => K(J, e, void 0),
-												disabled: !Y(t),
-												children: "reset"
-											})
+											"Current macro:",
+											" ",
+											/* @__PURE__ */ D("code", { children: K(A.modifiers) })
 										]
-									})]
-								}, e);
-							}
-							if (ee.has(e)) {
-								let r = typeof t == "number" ? t : "";
-								return /* @__PURE__ */ u("div", {
-									className: "reinspect-field",
-									children: [/* @__PURE__ */ u("label", {
-										htmlFor: n,
-										children: [De(e), " (px)"]
-									}), /* @__PURE__ */ u("div", {
+									}),
+									/* @__PURE__ */ O("div", {
 										className: "reinspect-inline-controls",
-										children: [/* @__PURE__ */ l("input", {
-											id: n,
-											type: "number",
-											step: "1",
-											value: r,
-											onChange: (t) => {
-												if (t.currentTarget.value === "") {
-													K(J, e, void 0);
-													return;
-												}
-												let n = ae(t.currentTarget.value);
-												n !== void 0 && K(J, e, n);
-											}
-										}), /* @__PURE__ */ l("button", {
+										children: [/* @__PURE__ */ D("button", {
+											type: "button",
+											"data-testid": "reinspect-setting-menu-open-modifier-record",
+											onClick: () => {
+												L((e) => !e);
+											},
+											"data-state": I ? "active" : "idle",
+											children: I ? "Press modifier keys..." : "Record macro"
+										}), /* @__PURE__ */ D("button", {
 											type: "button",
-											onClick: () => K(J, e, void 0),
-											disabled: !Y(t),
-											children: "reset"
+											"data-testid": "reinspect-setting-menu-open-modifier-reset",
+											onClick: () => j((e) => ({
+												...e,
+												modifiers: { ...p }
+											})),
+											children: "Reset to Shift"
 										})]
-									})]
-								}, e);
-							}
-							return /* @__PURE__ */ u("div", {
-								className: "reinspect-field",
-								children: [/* @__PURE__ */ l("label", {
-									htmlFor: n,
-									children: De(e)
-								}), /* @__PURE__ */ u("div", {
-									className: "reinspect-inline-controls",
-									children: [/* @__PURE__ */ l("input", {
-										id: n,
-										type: "text",
-										value: typeof t == "string" ? t : "",
-										onChange: (t) => K(J, e, t.currentTarget.value || void 0)
-									}), /* @__PURE__ */ l("button", {
-										type: "button",
-										onClick: () => K(J, e, void 0),
-										disabled: !Y(t),
-										children: "reset"
+									}),
+									/* @__PURE__ */ D("p", {
+										className: "reinspect-setting-helper-text",
+										children: "Hold one or more modifier keys (Ctrl, Alt, Shift, Meta), then press any key to save the macro."
+									})
+								]
+							}) : null,
+							/* @__PURE__ */ O("label", {
+								className: "reinspect-settings-select-row",
+								children: [/* @__PURE__ */ O("span", {
+									className: "reinspect-settings-toggle-label",
+									children: [
+										"Props JSON detail",
+										" ",
+										/* @__PURE__ */ D(U, {
+											label: "?",
+											description: "Choose how much data appears in JSON previews and the Raw props editor."
+										})
+									]
+								}), /* @__PURE__ */ O("select", {
+									"data-testid": "reinspect-setting-props-serialization-mode",
+									value: x,
+									onChange: (e) => {
+										let t = e.currentTarget.value;
+										l(t) && C(t);
+									},
+									children: [/* @__PURE__ */ D("option", {
+										value: "distilled",
+										children: "Distilled (recommended)"
+									}), /* @__PURE__ */ D("option", {
+										value: "complete",
+										children: "Complete (includes internals)"
 									})]
 								})]
-							}, e);
-						})
-					}),
-					Ve.length === 0 ? /* @__PURE__ */ u("p", {
-						className: "reinspect-menu-empty-state",
-						children: [
-							"No CSS properties match \"",
-							T.trim(),
-							"\"."
-						]
-					}) : null
-				] }) : /* @__PURE__ */ u("div", {
-					className: "reinspect-props-panel",
-					children: [
-						/* @__PURE__ */ u("div", {
-							className: "reinspect-props-submenu",
-							children: [/* @__PURE__ */ l("button", {
-								type: "button",
-								"data-state": C === "detected" ? "active" : "idle",
-								onClick: () => w("detected"),
-								children: "Detected"
-							}), /* @__PURE__ */ l("button", {
-								type: "button",
-								"data-state": C === "raw" ? "active" : "idle",
-								onClick: () => {
-									w("raw"), A(null), k(he(ze));
-								},
-								children: "Raw"
-							})]
-						}),
-						C === "detected" ? He.length > 0 ? /* @__PURE__ */ u("div", {
-							className: "reinspect-props-table",
-							children: [/* @__PURE__ */ u("div", {
-								className: "reinspect-props-header",
-								children: [/* @__PURE__ */ l("span", { children: "Key" }), /* @__PURE__ */ l("span", { children: "Value" })]
-							}), He.map((e) => {
-								let t = ke(e.key), n = ze[e.key], r = e.value.kind === "object" || e.value.kind === "array", i = !!le[e.key], a = N[e.key], o = se[e.key], s = _e(n);
-								return /* @__PURE__ */ u("div", {
-									className: "reinspect-props-row",
-									"data-testid": `reinspect-prop-row-${t}`,
-									children: [/* @__PURE__ */ l("code", {
-										className: "reinspect-prop-key",
-										children: e.key
-									}), /* @__PURE__ */ u("div", {
-										className: "reinspect-prop-cell",
-										"data-testid": `reinspect-prop-value-${t}`,
-										children: [
-											je({
-												value: e.value,
-												onCopy: qe
-											}),
-											r || s ? /* @__PURE__ */ u("div", {
-												className: "reinspect-prop-actions",
-												children: [r ? /* @__PURE__ */ l("button", {
-													type: "button",
-													"data-testid": `reinspect-prop-show-json-${t}`,
-													onClick: () => Je(e.key, n),
-													children: i ? "Hide JSON" : "Show JSON"
-												}) : null, s ? /* @__PURE__ */ l("button", {
-													type: "button",
-													"data-testid": `reinspect-prop-edit-${t}`,
-													onClick: () => Ye(e.key, n),
-													children: "Edit"
-												}) : null]
-											}) : null,
-											i ? /* @__PURE__ */ l("div", {
-												className: "reinspect-prop-json-preview",
-												"data-testid": `reinspect-prop-json-preview-${t}`,
-												children: o ? /* @__PURE__ */ l("p", {
-													className: "reinspect-error",
-													children: o
-												}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("pre", { children: a }), a ? /* @__PURE__ */ l("button", {
-													type: "button",
-													"data-testid": `reinspect-prop-copy-json-${t}`,
-													onClick: () => qe(a, "JSON value"),
-													children: "Copy JSON"
-												}) : null] })
-											}) : null
-										]
-									})]
-								}, e.key);
-							})]
-						}) : /* @__PURE__ */ l("p", {
-							className: "reinspect-menu-empty-state",
-							children: "No props detected."
-						}) : /* @__PURE__ */ u(c, { children: [
-							/* @__PURE__ */ l("label", {
-								htmlFor: `${J}-props-json`,
-								children: "Props JSON"
 							}),
-							/* @__PURE__ */ l("textarea", {
-								id: `${J}-props-json`,
-								value: te,
-								onChange: (e) => {
-									k(e.currentTarget.value), A(null);
-								},
-								rows: 9
-							}),
-							ne ? /* @__PURE__ */ l("p", {
-								className: "reinspect-error",
-								children: ne
-							}) : null,
-							/* @__PURE__ */ u("div", {
-								className: "reinspect-inline-controls",
-								children: [/* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: Ge,
-									children: "apply"
-								}), /* @__PURE__ */ l("button", {
-									type: "button",
-									onClick: Ke,
-									children: "reset"
-								})]
+							/* @__PURE__ */ D("p", {
+								className: "reinspect-setting-helper-text",
+								children: x === "distilled" ? "Shows app-level props first and hides React internals like _owner." : "Shows the full object graph, including React internals and metadata."
 							})
-						] }),
-						j ? /* @__PURE__ */ l("p", {
-							className: "reinspect-setting-note",
-							"data-testid": "reinspect-props-copy-status",
-							children: j
-						}) : null
-					]
-				})
-			]
-		}) : null, Qe = F ? d(/* @__PURE__ */ l("div", {
-			className: "reinspect-modal-backdrop",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": `Edit ${F} prop`,
-			"data-testid": "reinspect-prop-edit-modal",
-			children: /* @__PURE__ */ u("div", {
-				className: "reinspect-modal",
-				ref: _,
-				children: [
-					/* @__PURE__ */ u("p", {
-						className: "reinspect-menu-title",
-						children: ["Edit prop: ", F]
-					}),
-					/* @__PURE__ */ l("label", {
-						htmlFor: `${J}-prop-edit-json`,
-						children: "JSON value"
-					}),
-					/* @__PURE__ */ l("textarea", {
-						id: `${J}-prop-edit-json`,
-						"data-testid": "reinspect-prop-edit-textarea",
-						value: L,
-						onChange: (e) => {
-							R(e.currentTarget.value), B(null);
-						},
-						rows: 10
-					}),
-					z ? /* @__PURE__ */ l("p", {
-						className: "reinspect-error",
-						"data-testid": "reinspect-prop-edit-error",
-						children: z
-					}) : null,
-					/* @__PURE__ */ u("div", {
-						className: "reinspect-inline-controls",
-						children: [/* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: Xe,
-							children: "apply"
-						}), /* @__PURE__ */ l("button", {
-							type: "button",
-							onClick: () => {
-								I(null), R(""), B(null);
-							},
-							children: "cancel"
-						})]
+						]
 					})
-				]
-			})
-		}), document.body) : null;
-		if (!H) {
-			if (a === "manual") throw Error("useReinspect must be used within ReinspectProvider");
-			return /* @__PURE__ */ l(m, { ...Q });
-		}
-		return a === "auto" && !X ? /* @__PURE__ */ l(m, { ...Q }) : /* @__PURE__ */ u("div", {
-			className: "reinspect-shell",
-			"data-reinspect-component": h,
-			"data-reinspect-active": Z,
-			"data-testid": `reinspect-shell-${h}`,
-			style: Ue,
-			onContextMenu: We,
-			children: [
-				Z ? /* @__PURE__ */ u("span", {
-					className: "reinspect-name-badge",
-					children: [h, Pe ? ` | ${Ee(Ie, pe)}` : ""]
-				}) : null,
-				Ze ? d(Ze, document.body) : null,
-				Qe,
-				/* @__PURE__ */ l("div", {
-					className: "reinspect-content",
-					"data-reinspect-content": "true",
-					style: Re,
-					children: /* @__PURE__ */ l(m, { ...Q })
 				})
 			]
-		});
-	}
-	return _.displayName = `withReinspect(${h})`, _[be] = {
-		source: a,
-		scope: f,
-		original: m
-	}, _;
-}
-//#endregion
-//#region src/reinspect/autoWrap.ts
-function Z(e, t) {
-	return xe(e)?.source === "manual" ? e : X(e, {
-		source: "auto",
-		scope: t.scope,
-		name: t.componentName,
-		fallbackName: t.fallbackName
-	});
+		}) : null]
+	}) : null;
 }
 //#endregion
-//#region src/reinspect/wrapInspectableMap.ts
-function Pe(e, t) {
-	let n = {};
-	for (let r of Object.keys(e)) {
-		let i = e[r];
-		n[r] = X(i, typeof t == "function" ? t(r, i) : t?.[r]);
-	}
-	return n;
+//#region src/reinspect/withReinspect.tsx
+function Q(e, t) {
+	let n = {
+		source: "manual",
+		scope: "first-party"
+	};
+	return t?.name && (n.componentName = t.name), h(e, n);
 }
 //#endregion
 //#region src/reinspect/index.ts
-h(f);
+M(k);
 //#endregion
-export { v as DEFAULT_EDITABLE_PROPS, y as DEFAULT_PALETTE, L as ReinspectFloatingToggle, I as ReinspectProvider, Z as autoWrapInspectable, _ as useReinspect, X as withReinspect, Pe as wrapInspectableMap };
+export { X as ReinspectProvider, z as useReinspect, Q as withReinspect };