uilint-react 0.2.51 → 0.2.52

package/dist/index.js

@@ -1,338 +1,338 @@
-import O, { useState as C, useRef as K, useCallback as I, useEffect as A, useMemo as W } from "react";
-import { createPortal as U } from "react-dom";
-import { i as an, a as un, b as dn, s as fn } from "./environment-DVxa60C6.js";
-import { createEmptyStyleGuide as hn, createStyleSummary as gn, extractStylesFromDOM as mn, generateStyleGuideFromStyles as bn, mergeStyleGuides as xn, parseStyleGuide as vn, serializeStyles as yn } from "uilint-core";
-var Y = { exports: {} }, M = {};
-var pe;
-function Fe() {
-  if (pe) return M;
-  pe = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(o, r, s) {
-    var c = null;
-    if (s !== void 0 && (c = "" + s), r.key !== void 0 && (c = "" + r.key), "key" in r) {
-      s = {};
-      for (var a in r)
-        a !== "key" && (s[a] = r[a]);
-    } else s = r;
-    return r = s.ref, {
-      $$typeof: e,
+import D, { forwardRef as Ie, createElement as oe, useState as T, useRef as J, useCallback as E, useEffect as z, useMemo as _ } from "react";
+import { createPortal as Y } from "react-dom";
+import { i as Fn, a as Mn, b as Bn, s as Wn } from "./environment-DVxa60C6.js";
+import { createEmptyStyleGuide as Hn, createStyleSummary as Yn, extractStylesFromDOM as qn, generateStyleGuideFromStyles as Gn, mergeStyleGuides as Kn, parseStyleGuide as Vn, serializeStyles as Jn } from "uilint-core";
+var G = { exports: {} }, M = {};
+var he;
+function He() {
+  if (he) return M;
+  he = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, r, i) {
+    var l = null;
+    if (i !== void 0 && (l = "" + i), r.key !== void 0 && (l = "" + r.key), "key" in r) {
+      i = {};
+      for (var c in r)
+        c !== "key" && (i[c] = r[c]);
+    } else i = r;
+    return r = i.ref, {
+      $$typeof: t,
       type: o,
-      key: c,
+      key: l,
       ref: r !== void 0 ? r : null,
-      props: s
+      props: i
     };
   }
-  return M.Fragment = t, M.jsx = n, M.jsxs = n, M;
-}
-var F = {};
-var he;
-function Be() {
-  return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === Oe ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case b:
+  return M.Fragment = e, M.jsx = n, M.jsxs = n, M;
+}
+var B = {};
+var me;
+function Ye() {
+  return me || (me = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === Be ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case y:
           return "Fragment";
-        case N:
+        case p:
           return "Profiler";
-        case S:
+        case I:
           return "StrictMode";
-        case Ae:
+        case $e:
           return "Suspense";
-        case _e:
+        case De:
           return "SuspenseList";
-        case Le:
+        case Me:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), l.$$typeof) {
-          case _:
+        ), a.$$typeof) {
+          case R:
             return "Portal";
-          case Pe:
-            return l.displayName || "Context";
-          case J:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case Te:
-            var h = l.render;
-            return l = l.displayName, l || (l = h.displayName || h.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case Ne:
-            return h = l.displayName || null, h !== null ? h : e(l.type) || "Memo";
-          case X:
-            h = l._payload, l = l._init;
+          case A:
+            return a.displayName || "Context";
+          case m:
+            return (a._context.displayName || "Context") + ".Consumer";
+          case ze:
+            var g = a.render;
+            return a = a.displayName, a || (a = g.displayName || g.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case Fe:
+            return g = a.displayName || null, g !== null ? g : t(a.type) || "Memo";
+          case Z:
+            g = a._payload, a = a._init;
             try {
-              return e(l(h));
+              return t(a(g));
             } catch {
             }
         }
       return null;
     }
-    function t(l) {
-      return "" + l;
+    function e(a) {
+      return "" + a;
     }
-    function n(l) {
+    function n(a) {
       try {
-        t(l);
-        var h = !1;
+        e(a);
+        var g = !1;
       } catch {
-        h = !0;
+        g = !0;
       }
-      if (h) {
-        h = console;
-        var v = h.error, y = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return v.call(
-          h,
+      if (g) {
+        g = console;
+        var w = g.error, S = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return w.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
-        ), t(l);
+          S
+        ), e(a);
       }
     }
-    function o(l) {
-      if (l === b) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === X)
+    function o(a) {
+      if (a === y) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === Z)
         return "<...>";
       try {
-        var h = e(l);
-        return h ? "<" + h + ">" : "<...>";
+        var g = t(a);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var l = Z.A;
-      return l === null ? null : l.getOwner();
+      var a = Q.A;
+      return a === null ? null : a.getOwner();
     }
-    function s() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function c(l) {
-      if (le.call(l, "key")) {
-        var h = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function l(a) {
+      if (ce.call(a, "key")) {
+        var g = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return a.key !== void 0;
     }
-    function a(l, h) {
-      function v() {
-        ce || (ce = !0, console.error(
+    function c(a, g) {
+      function w() {
+        ue || (ue = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          h
+          g
         ));
       }
-      v.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: v,
+      w.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function u() {
-      var l = e(this.type);
-      return ae[l] || (ae[l] = !0, console.error(
+    function f() {
+      var a = t(this.type);
+      return de[a] || (de[a] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), l = this.props.ref, l !== void 0 ? l : null;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function d(l, h, v, y, H, ee) {
-      var w = v.ref;
-      return l = {
-        $$typeof: R,
-        type: l,
-        key: h,
-        props: v,
-        _owner: y
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(l, "ref", {
+    function d(a, g, w, S, q, te) {
+      var C = w.ref;
+      return a = {
+        $$typeof: k,
+        type: a,
+        key: g,
+        props: w,
+        _owner: S
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+        get: f
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.defineProperty(l, "_debugTask", {
+        value: q
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ee
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+        value: te
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function f(l, h, v, y, H, ee) {
-      var w = h.children;
-      if (w !== void 0)
-        if (y)
-          if (De(w)) {
-            for (y = 0; y < w.length; y++)
-              m(w[y]);
-            Object.freeze && Object.freeze(w);
+    function u(a, g, w, S, q, te) {
+      var C = g.children;
+      if (C !== void 0)
+        if (S)
+          if (We(C)) {
+            for (S = 0; S < C.length; S++)
+              h(C[S]);
+            Object.freeze && Object.freeze(C);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(w);
-      if (le.call(h, "key")) {
-        w = e(l);
-        var L = Object.keys(h).filter(function(Me) {
-          return Me !== "key";
+        else h(C);
+      if (ce.call(g, "key")) {
+        C = t(a);
+        var $ = Object.keys(g).filter(function(Ue) {
+          return Ue !== "key";
         });
-        y = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", fe[w + y] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", ge[C + S] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          y,
-          w,
-          L,
-          w
-        ), fe[w + y] = !0);
+          S,
+          C,
+          $,
+          C
+        ), ge[C + S] = !0);
       }
-      if (w = null, v !== void 0 && (n(v), w = "" + v), c(h) && (n(h.key), w = "" + h.key), "key" in h) {
-        v = {};
-        for (var te in h)
-          te !== "key" && (v[te] = h[te]);
-      } else v = h;
-      return w && a(
-        v,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      if (C = null, w !== void 0 && (n(w), C = "" + w), l(g) && (n(g.key), C = "" + g.key), "key" in g) {
+        w = {};
+        for (var ne in g)
+          ne !== "key" && (w[ne] = g[ne]);
+      } else w = g;
+      return C && c(
+        w,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
       ), d(
-        l,
+        a,
+        C,
         w,
-        v,
         r(),
-        H,
-        ee
+        q,
+        te
       );
     }
-    function m(l) {
-      p(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === X && (l._payload.status === "fulfilled" ? p(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+    function h(a) {
+      x(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === Z && (a._payload.status === "fulfilled" ? x(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function p(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === R;
+    function x(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === k;
     }
-    var g = O, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), Pe = /* @__PURE__ */ Symbol.for("react.context"), Te = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ae = /* @__PURE__ */ Symbol.for("react.suspense"), _e = /* @__PURE__ */ Symbol.for("react.suspense_list"), Ne = /* @__PURE__ */ Symbol.for("react.memo"), X = /* @__PURE__ */ Symbol.for("react.lazy"), Le = /* @__PURE__ */ Symbol.for("react.activity"), Oe = /* @__PURE__ */ Symbol.for("react.client.reference"), Z = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, De = Array.isArray, Q = console.createTask ? console.createTask : function() {
+    var b = D, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), y = /* @__PURE__ */ Symbol.for("react.fragment"), I = /* @__PURE__ */ Symbol.for("react.strict_mode"), p = /* @__PURE__ */ Symbol.for("react.profiler"), m = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), ze = /* @__PURE__ */ Symbol.for("react.forward_ref"), $e = /* @__PURE__ */ Symbol.for("react.suspense"), De = /* @__PURE__ */ Symbol.for("react.suspense_list"), Fe = /* @__PURE__ */ Symbol.for("react.memo"), Z = /* @__PURE__ */ Symbol.for("react.lazy"), Me = /* @__PURE__ */ Symbol.for("react.activity"), Be = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ce = Object.prototype.hasOwnProperty, We = Array.isArray, ee = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
-      react_stack_bottom_frame: function(l) {
-        return l();
+    b = {
+      react_stack_bottom_frame: function(a) {
+        return a();
       }
     };
-    var ce, ae = {}, ue = g.react_stack_bottom_frame.bind(
-      g,
-      s
-    )(), de = Q(o(s)), fe = {};
-    F.Fragment = b, F.jsx = function(l, h, v) {
-      var y = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return f(
-        l,
-        h,
-        v,
+    var ue, de = {}, fe = b.react_stack_bottom_frame.bind(
+      b,
+      i
+    )(), pe = ee(o(i)), ge = {};
+    B.Fragment = y, B.jsx = function(a, g, w) {
+      var S = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return u(
+        a,
+        g,
+        w,
         !1,
-        y ? Error("react-stack-top-frame") : ue,
-        y ? Q(o(l)) : de
+        S ? Error("react-stack-top-frame") : fe,
+        S ? ee(o(a)) : pe
       );
-    }, F.jsxs = function(l, h, v) {
-      var y = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return f(
-        l,
-        h,
-        v,
+    }, B.jsxs = function(a, g, w) {
+      var S = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return u(
+        a,
+        g,
+        w,
         !0,
-        y ? Error("react-stack-top-frame") : ue,
-        y ? Q(o(l)) : de
+        S ? Error("react-stack-top-frame") : fe,
+        S ? ee(o(a)) : pe
       );
     };
-  })()), F;
+  })()), B;
 }
-var ge;
-function $e() {
-  return ge || (ge = 1, process.env.NODE_ENV === "production" ? Y.exports = Fe() : Y.exports = Be()), Y.exports;
+var be;
+function qe() {
+  return be || (be = 1, process.env.NODE_ENV === "production" ? G.exports = He() : G.exports = Ye()), G.exports;
 }
-var i = $e();
-const E = {
+var s = qe();
+const j = {
   floatingIconPosition: "uilint:floatingIconPosition",
   inspectorDocked: "uilint:inspectorDocked",
   inspectorWidth: "uilint:inspectorWidth",
   inspectorFloatingPosition: "uilint:inspectorFloatingPosition",
   inspectorFloatingSize: "uilint:inspectorFloatingSize"
 };
-function ye() {
+function Ee() {
   return typeof window < "u" && typeof localStorage < "u";
 }
-function z(e, t) {
-  if (!ye()) return t;
+function H(t, e) {
+  if (!Ee()) return e;
   try {
-    const n = localStorage.getItem(e);
-    return n === null ? t : JSON.parse(n);
+    const n = localStorage.getItem(t);
+    return n === null ? e : JSON.parse(n);
   } catch (n) {
-    return console.warn(`[UILint] Failed to load ${e} from localStorage:`, n), t;
+    return console.warn(`[UILint] Failed to load ${t} from localStorage:`, n), e;
   }
 }
-function B(e, t) {
-  if (ye())
+function W(t, e) {
+  if (Ee())
     try {
-      localStorage.setItem(e, JSON.stringify(t));
+      localStorage.setItem(t, JSON.stringify(e));
     } catch (n) {
-      console.warn(`[UILint] Failed to save ${e} to localStorage:`, n);
+      console.warn(`[UILint] Failed to save ${t} to localStorage:`, n);
     }
 }
-const me = {
+const ye = {
   open: !1,
   query: "",
   selectedIndex: 0,
   filters: []
-}, ze = 400;
-function We() {
+}, Ge = 400;
+function Ke() {
   return {
     open: !1,
     panelId: null,
     data: null,
-    docked: z(E.inspectorDocked, !0),
-    width: z(E.inspectorWidth, ze),
-    floatingPosition: z(E.inspectorFloatingPosition, null),
-    floatingSize: z(E.inspectorFloatingSize, null)
+    docked: H(j.inspectorDocked, !0),
+    width: H(j.inspectorWidth, Ge),
+    floatingPosition: H(j.inspectorFloatingPosition, null),
+    floatingSize: H(j.inspectorFloatingSize, null)
   };
 }
-const Ue = (e) => (t, n) => ({
+const Ve = (t) => (e, n) => ({
   // ============ Floating Icon ============
-  floatingIconPosition: z(
-    E.floatingIconPosition,
+  floatingIconPosition: H(
+    j.floatingIconPosition,
     null
   ),
   setFloatingIconPosition: (o) => {
-    B(E.floatingIconPosition, o), t({ floatingIconPosition: o });
+    W(j.floatingIconPosition, o), e({ floatingIconPosition: o });
   },
   // ============ Alt Key Mode ============
   altKeyHeld: !1,
   setAltKeyHeld: (o) => {
-    t({ altKeyHeld: o });
+    e({ altKeyHeld: o });
   },
   // ============ Selection ============
   selectedElementId: null,
   hoveredElementId: null,
   setSelectedElementId: (o) => {
-    t({ selectedElementId: o });
+    e({ selectedElementId: o });
   },
   setHoveredElementId: (o) => {
-    t({ hoveredElementId: o });
+    e({ hoveredElementId: o });
   },
   // ============ Command Palette ============
-  commandPalette: { ...me },
+  commandPalette: { ...ye },
   openCommandPalette: () => {
-    t({
+    e({
       commandPalette: {
         ...n().commandPalette,
         open: !0,
@@ -342,15 +342,15 @@ const Ue = (e) => (t, n) => ({
     });
   },
   closeCommandPalette: () => {
-    t({
+    e({
       commandPalette: {
-        ...me,
+        ...ye,
         open: !1
       }
     });
   },
   setCommandPaletteQuery: (o) => {
-    t({
+    e({
       commandPalette: {
         ...n().commandPalette,
         query: o,
@@ -359,7 +359,7 @@ const Ue = (e) => (t, n) => ({
     });
   },
   setCommandPaletteSelectedIndex: (o) => {
-    t({
+    e({
       commandPalette: {
         ...n().commandPalette,
         selectedIndex: o
@@ -368,7 +368,7 @@ const Ue = (e) => (t, n) => ({
   },
   addFilter: (o) => {
     const r = n().commandPalette;
-    t({
+    e({
       commandPalette: {
         ...r,
         filters: [...r.filters, o],
@@ -378,16 +378,16 @@ const Ue = (e) => (t, n) => ({
   },
   removeFilter: (o) => {
     const r = n().commandPalette;
-    t({
+    e({
       commandPalette: {
         ...r,
-        filters: r.filters.filter((s, c) => c !== o),
+        filters: r.filters.filter((i, l) => l !== o),
         selectedIndex: 0
       }
     });
   },
   clearFilters: () => {
-    t({
+    e({
       commandPalette: {
         ...n().commandPalette,
         filters: [],
@@ -396,9 +396,9 @@ const Ue = (e) => (t, n) => ({
     });
   },
   // ============ Inspector ============
-  inspector: We(),
+  inspector: Ke(),
   openInspector: (o, r) => {
-    t({
+    e({
       inspector: {
         ...n().inspector,
         open: !0,
@@ -408,7 +408,7 @@ const Ue = (e) => (t, n) => ({
     });
   },
   closeInspector: () => {
-    t({
+    e({
       inspector: {
         ...n().inspector,
         open: !1,
@@ -419,7 +419,7 @@ const Ue = (e) => (t, n) => ({
   },
   toggleInspectorDocked: () => {
     const o = n().inspector, r = !o.docked;
-    B(E.inspectorDocked, r), t({
+    W(j.inspectorDocked, r), e({
       inspector: {
         ...o,
         docked: r
@@ -427,7 +427,7 @@ const Ue = (e) => (t, n) => ({
     });
   },
   setInspectorWidth: (o) => {
-    B(E.inspectorWidth, o), t({
+    W(j.inspectorWidth, o), e({
       inspector: {
         ...n().inspector,
         width: o
@@ -435,7 +435,7 @@ const Ue = (e) => (t, n) => ({
     });
   },
   setInspectorFloatingPosition: (o) => {
-    B(E.inspectorFloatingPosition, o), t({
+    W(j.inspectorFloatingPosition, o), e({
       inspector: {
         ...n().inspector,
         floatingPosition: o
@@ -443,7 +443,7 @@ const Ue = (e) => (t, n) => ({
     });
   },
   setInspectorFloatingSize: (o) => {
-    B(E.inspectorFloatingSize, o), t({
+    W(j.inspectorFloatingSize, o), e({
       inspector: {
         ...n().inspector,
         floatingSize: o
@@ -451,33 +451,278 @@ const Ue = (e) => (t, n) => ({
     });
   },
   // ============ Connection (delegated from websocket service) ============
-  wsConnected: e.websocket.isConnected,
-  wsUrl: e.websocket.url
-}), be = (e) => {
-  let t;
-  const n = /* @__PURE__ */ new Set(), o = (d, f) => {
-    const m = typeof d == "function" ? d(t) : d;
-    if (!Object.is(m, t)) {
-      const p = t;
-      t = f ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((g) => g(t, p));
+  wsConnected: t.websocket.isConnected,
+  wsUrl: t.websocket.url
+}), xe = (t) => {
+  let e;
+  const n = /* @__PURE__ */ new Set(), o = (d, u) => {
+    const h = typeof d == "function" ? d(e) : d;
+    if (!Object.is(h, e)) {
+      const x = e;
+      e = u ?? (typeof h != "object" || h === null) ? h : Object.assign({}, e, h), n.forEach((b) => b(e, x));
     }
-  }, r = () => t, a = { setState: o, getState: r, getInitialState: () => u, subscribe: (d) => (n.add(d), () => n.delete(d)) }, u = t = e(o, r, a);
-  return a;
-}, He = ((e) => e ? be(e) : be), Ye = (e) => e;
-function qe(e, t = Ye) {
-  const n = O.useSyncExternalStore(
-    e.subscribe,
-    O.useCallback(() => t(e.getState()), [e, t]),
-    O.useCallback(() => t(e.getInitialState()), [e, t])
+  }, r = () => e, c = { setState: o, getState: r, getInitialState: () => f, subscribe: (d) => (n.add(d), () => n.delete(d)) }, f = e = t(o, r, c);
+  return c;
+}, Je = ((t) => t ? xe(t) : xe), Xe = (t) => t;
+function Ze(t, e = Xe) {
+  const n = D.useSyncExternalStore(
+    t.subscribe,
+    D.useCallback(() => e(t.getState()), [t, e]),
+    D.useCallback(() => e(t.getInitialState()), [t, e])
   );
-  return O.useDebugValue(n), n;
-}
-const xe = (e) => {
-  const t = He(e), n = (o) => qe(t, o);
-  return Object.assign(n, t), n;
-}, Ge = ((e) => e ? xe(e) : xe);
-let P = null;
-const Ke = () => ({
+  return D.useDebugValue(n), n;
+}
+const ve = (t) => {
+  const e = Je(t), n = (o) => Ze(e, o);
+  return Object.assign(n, e), n;
+}, Qe = ((t) => t ? ve(t) : ve);
+function we(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const l of t)
+    e.set(l.id, l);
+  const n = [], o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+  function i(l) {
+    const c = l.id;
+    if (o.has(c))
+      return;
+    if (r.has(c))
+      throw new Error(
+        `[PluginRegistry] Circular dependency detected involving plugin: ${c}`
+      );
+    r.add(c);
+    const f = l.dependencies || [];
+    for (const d of f) {
+      const u = e.get(d);
+      u && i(u);
+    }
+    r.delete(c), o.add(c), n.push(l);
+  }
+  for (const l of t)
+    i(l);
+  return n;
+}
+class et {
+  plugins = /* @__PURE__ */ new Map();
+  services = null;
+  /**
+   * Register a plugin with the registry.
+   *
+   * @param plugin - The plugin to register
+   * @throws Warning if plugin with same ID already registered
+   * @throws Warning if plugin dependencies are not registered
+   */
+  register(e) {
+    if (console.log(`[PluginRegistry] Registering plugin: ${e.id}`), this.plugins.has(e.id)) {
+      console.warn(
+        `[PluginRegistry] Plugin "${e.id}" is already registered. Skipping duplicate registration.`
+      );
+      return;
+    }
+    const n = e.dependencies || [], o = [];
+    for (const r of n)
+      this.plugins.has(r) || o.push(r);
+    o.length > 0 && console.warn(
+      `[PluginRegistry] Plugin "${e.id}" has unregistered dependencies: ${o.join(", ")}. These plugins should be registered first for proper initialization order.`
+    ), this.plugins.set(e.id, {
+      plugin: e,
+      initialized: !1
+    }), console.log(
+      `[PluginRegistry] Plugin "${e.id}" registered successfully`
+    );
+  }
+  /**
+   * Initialize all registered plugins in dependency order.
+   *
+   * @param services - Plugin services to pass to each plugin's initialize method
+   */
+  async initializeAll(e) {
+    console.log("[PluginRegistry] Initializing all plugins..."), this.services = e;
+    const n = Array.from(this.plugins.values()).map((r) => r.plugin), o = we(n);
+    console.log(
+      `[PluginRegistry] Initialization order: ${o.map((r) => r.id).join(" -> ")}`
+    );
+    for (const r of o) {
+      const i = this.plugins.get(r.id);
+      if (i) {
+        if (i.initialized) {
+          console.log(
+            `[PluginRegistry] Plugin "${r.id}" already initialized, skipping`
+          );
+          continue;
+        }
+        try {
+          console.log(`[PluginRegistry] Initializing plugin: ${r.id}`), r.initialize && await r.initialize(e), i.initialized = !0, console.log(
+            `[PluginRegistry] Plugin "${r.id}" initialized successfully`
+          );
+        } catch (l) {
+          console.error(
+            `[PluginRegistry] Failed to initialize plugin "${r.id}":`,
+            l
+          );
+        }
+      }
+    }
+    console.log("[PluginRegistry] All plugins initialized");
+  }
+  /**
+   * Get all registered plugins.
+   *
+   * @returns Array of all registered plugins
+   */
+  getPlugins() {
+    return Array.from(this.plugins.values()).map((e) => e.plugin);
+  }
+  /**
+   * Get a specific plugin by ID.
+   *
+   * @param id - The plugin ID to look up
+   * @returns The plugin if found, undefined otherwise
+   */
+  getPlugin(e) {
+    return this.plugins.get(e)?.plugin;
+  }
+  /**
+   * Aggregate all commands from all registered plugins.
+   *
+   * @returns Array of all commands from all plugins
+   */
+  getAllCommands() {
+    const e = [];
+    for (const { plugin: n } of this.plugins.values())
+      n.commands && e.push(...n.commands);
+    return e;
+  }
+  /**
+   * Aggregate all analyzers from all registered plugins.
+   *
+   * @returns Array of all analyzers from all plugins
+   */
+  getAllAnalyzers() {
+    const e = [];
+    for (const { plugin: n } of this.plugins.values())
+      n.analyzers && e.push(...n.analyzers);
+    return e;
+  }
+  /**
+   * Aggregate all inspector panels from all registered plugins.
+   * Panels are sorted by priority (higher priority first).
+   *
+   * @returns Array of all inspector panels, sorted by priority
+   */
+  getAllInspectorPanels() {
+    const e = [];
+    for (const { plugin: n } of this.plugins.values())
+      n.inspectorPanels && e.push(...n.inspectorPanels);
+    return e.sort((n, o) => (o.priority ?? 0) - (n.priority ?? 0));
+  }
+  /**
+   * Resolve which plugin handles a specific rule.
+   *
+   * First checks for plugins that explicitly claim the rule via ruleContributions,
+   * then falls back to matching by rule category.
+   *
+   * @param ruleId - The rule ID to look up
+   * @param ruleMeta - The rule metadata
+   * @returns The plugin that handles this rule, or a default core plugin
+   */
+  getPluginForRule(e, n) {
+    for (const { plugin: i } of this.plugins.values())
+      if (i.ruleContributions && i.ruleContributions.find(
+        (c) => c.ruleId === e
+      ))
+        return i;
+    for (const { plugin: i } of this.plugins.values())
+      if (e.startsWith(`${i.id}/`) || n.category && i.ruleCategories && i.ruleCategories.includes(n.category))
+        return i;
+    const o = this.plugins.get("core")?.plugin;
+    if (o)
+      return o;
+    const r = this.plugins.values().next().value;
+    return r ? r.plugin : {
+      id: "default",
+      name: "Default",
+      version: "1.0.0"
+    };
+  }
+  /**
+   * Get custom UI contribution for a specific rule.
+   *
+   * @param ruleId - The rule ID to look up
+   * @returns The rule UI contribution if found, undefined otherwise
+   */
+  getRuleContribution(e) {
+    for (const { plugin: n } of this.plugins.values())
+      if (n.ruleContributions) {
+        const o = n.ruleContributions.find(
+          (r) => r.ruleId === e
+        );
+        if (o)
+          return o;
+      }
+  }
+  /**
+   * Dispose all plugins and clean up resources.
+   * Calls dispose on each plugin in reverse initialization order.
+   */
+  disposeAll() {
+    console.log("[PluginRegistry] Disposing all plugins...");
+    const e = Array.from(this.plugins.values()).map((o) => o.plugin), n = we(e).reverse();
+    for (const o of n) {
+      const r = this.plugins.get(o.id);
+      if (!(!r || !r.initialized))
+        try {
+          console.log(`[PluginRegistry] Disposing plugin: ${o.id}`), o.dispose && this.services && o.dispose(this.services), r.initialized = !1, console.log(
+            `[PluginRegistry] Plugin "${o.id}" disposed successfully`
+          );
+        } catch (i) {
+          console.error(
+            `[PluginRegistry] Failed to dispose plugin "${o.id}":`,
+            i
+          );
+        }
+    }
+    this.services = null, console.log("[PluginRegistry] All plugins disposed");
+  }
+  /**
+   * Check if a plugin is registered.
+   *
+   * @param id - The plugin ID to check
+   * @returns true if the plugin is registered
+   */
+  isRegistered(e) {
+    return this.plugins.has(e);
+  }
+  /**
+   * Check if a plugin is initialized.
+   *
+   * @param id - The plugin ID to check
+   * @returns true if the plugin is initialized, false otherwise
+   */
+  isInitialized(e) {
+    return this.plugins.get(e)?.initialized ?? !1;
+  }
+  /**
+   * Get the current plugin services (available after initializeAll).
+   *
+   * @returns The plugin services, or null if not yet initialized
+   */
+  getServices() {
+    return this.services;
+  }
+  /**
+   * Clear all registered plugins.
+   * Useful for testing or resetting the registry.
+   */
+  clear() {
+    console.log("[PluginRegistry] Clearing all plugins"), this.disposeAll(), this.plugins.clear();
+  }
+}
+function tt() {
+  return new et();
+}
+const nt = tt();
+let L = null, ke = null;
+const ot = () => ({
   isConnected: !1,
   url: "ws://localhost:9234",
   connect: () => {
@@ -493,7 +738,7 @@ const Ke = () => ({
   }),
   onConnectionChange: () => (console.warn("[ComposedStore] WebSocket onConnectionChange called but not implemented"), () => {
   })
-}), Ve = () => ({
+}), rt = () => ({
   start: () => {
     console.warn("[ComposedStore] DOMObserver start called but not implemented");
   },
@@ -505,215 +750,306 @@ const Ke = () => ({
   onElementsRemoved: () => (console.warn("[ComposedStore] DOMObserver onElementsRemoved called but not implemented"), () => {
   })
 });
-function Je(e = {}) {
-  const t = e.websocket ?? Ke(), n = e.domObserver ?? Ve();
+function it(t = {}) {
+  const e = t.websocket ?? ot(), n = t.domObserver ?? rt();
   let o;
-  return { store: Ge()((s, c) => (o = {
+  const r = Qe()((i, l) => (o = {
     websocket: {
       get isConnected() {
-        return t.isConnected;
+        return e.isConnected;
       },
       get url() {
-        return t.url;
+        return e.url;
       },
-      connect: t.connect,
-      disconnect: t.disconnect,
-      send: t.send,
-      on: t.on,
-      onConnectionChange: t.onConnectionChange
+      connect: e.connect.bind(e),
+      disconnect: e.disconnect.bind(e),
+      send: e.send.bind(e),
+      on: e.on.bind(e),
+      onConnectionChange: e.onConnectionChange.bind(e)
+    },
+    domObserver: {
+      start: n.start.bind(n),
+      stop: n.stop.bind(n),
+      onElementsAdded: n.onElementsAdded.bind(n),
+      onElementsRemoved: n.onElementsRemoved.bind(n)
     },
-    domObserver: n,
-    getState: () => c(),
+    getState: () => l(),
     setState: (d) => {
-      s(d);
+      i(d);
     },
-    openInspector: (d, f) => {
-      const m = c();
-      f.ruleId ? m.openInspector("rule", { ruleId: f.ruleId }) : f.elementId ? m.openInspector("element", { elementId: f.elementId }) : s({
+    openInspector: (d, u) => {
+      const h = l();
+      u.ruleId ? h.openInspector("rule", { ruleId: u.ruleId }) : u.elementId ? h.openInspector("element", { elementId: u.elementId }) : i({
         inspector: {
-          ...m.inspector,
+          ...h.inspector,
           open: !0,
           panelId: d,
-          data: f
+          data: u
         }
       });
     },
     closeCommandPalette: () => {
-      c().closeCommandPalette();
+      l().closeCommandPalette();
     }
   }, {
     // Core slice state and actions
-    ...Ue(o)(s, c, {
-      setState: s,
-      getState: c,
-      getInitialState: () => c(),
+    ...Ve(o)(i, l, {
+      setState: i,
+      getState: l,
+      getInitialState: () => l(),
       subscribe: () => () => {
       }
     }),
     // Plugin slices namespace (empty initially)
     plugins: {},
     // Actions for managing plugin slices
-    registerPluginSlice: (d, f) => {
-      console.log(`[ComposedStore] Registering plugin slice: ${String(d)}`), s((m) => ({
+    registerPluginSlice: (d, u) => {
+      console.log(`[ComposedStore] Registering plugin slice: ${String(d)}`), i((h) => ({
         plugins: {
-          ...m.plugins,
-          [d]: f
+          ...h.plugins,
+          [d]: u
         }
       }));
     },
     unregisterPluginSlice: (d) => {
-      console.log(`[ComposedStore] Unregistering plugin slice: ${String(d)}`), s((f) => {
-        const { [d]: m, ...p } = f.plugins;
-        return { plugins: p };
+      console.log(`[ComposedStore] Unregistering plugin slice: ${String(d)}`), i((u) => {
+        const { [d]: h, ...x } = u.plugins;
+        return { plugins: x };
       });
     },
-    getPluginSlice: (d) => c().plugins[d],
-    setPluginSlice: (d, f) => {
-      s((m) => {
-        const p = m.plugins[d];
-        return p ? {
+    getPluginSlice: (d) => l().plugins[d],
+    setPluginSlice: (d, u) => {
+      i((h) => {
+        const x = h.plugins[d];
+        return x ? {
           plugins: {
-            ...m.plugins,
+            ...h.plugins,
             [d]: {
-              ...p,
-              ...f
+              ...x,
+              ...u
             }
           }
         } : (console.warn(
           `[ComposedStore] Cannot update unregistered plugin slice: ${String(d)}`
-        ), m);
+        ), h);
       });
     }
-  })), services: o };
+  }));
+  return e.onConnectionChange((i) => {
+    r.setState({ wsConnected: i, wsUrl: e.url });
+  }), { store: r, services: o };
 }
-function Xe(e) {
-  return P || (P = Je(e).store, P);
+function st(t) {
+  if (L)
+    return L;
+  const e = it(t);
+  return L = e.store, ke = e.services, L;
 }
-function x(e) {
-  return P || Xe(), e ? P(e) : P();
+function v(t) {
+  return L || st(), t ? L(t) : L();
 }
-const k = {
+function lt() {
+  return ke;
+}
+const at = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ct = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, n, o) => o ? o.toUpperCase() : n.toLowerCase()
+), Se = (t) => {
+  const e = ct(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, Pe = (...t) => t.filter((e, n, o) => !!e && e.trim() !== "" && o.indexOf(e) === n).join(" ").trim(), ut = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
+var dt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-function Ze({ size: e = 24, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("path", { d: "M9 12l2 2 4-4" }),
-    /* @__PURE__ */ i.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" })
-  ] });
-}
-function Qe({ size: e = 20, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M21 21l-4.35-4.35" })
-  ] });
-}
-function we({ size: e = 20, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("path", { d: "M18 6L6 18" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M6 6l12 12" })
-  ] });
-}
-function ne({ size: e = 16, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M12 9v4" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M12 17h.01" })
-  ] });
-}
-function oe({ size: e = 16, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M15 9l-6 6" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M9 9l6 6" })
-  ] });
-}
-function re({ size: e = 16, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M12 16v-4" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M12 8h.01" })
-  ] });
-}
-function Se({ size: e = 16, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M14 2v6h6" })
-  ] });
-}
-function Ie({ size: e = 16, color: t = "currentColor", className: n }) {
-  return /* @__PURE__ */ i.jsxs("svg", { width: e, height: e, viewBox: "0 0 24 24", className: n, ...k, stroke: t, children: [
-    /* @__PURE__ */ i.jsx("path", { d: "M4 6h16" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M4 12h16" }),
-    /* @__PURE__ */ i.jsx("path", { d: "M4 18h12" })
-  ] });
-}
-function et() {
+const ft = Ie(
+  ({
+    color: t = "currentColor",
+    size: e = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: o,
+    className: r = "",
+    children: i,
+    iconNode: l,
+    ...c
+  }, f) => oe(
+    "svg",
+    {
+      ref: f,
+      ...dt,
+      width: e,
+      height: e,
+      stroke: t,
+      strokeWidth: o ? Number(n) * 24 / Number(e) : n,
+      className: Pe("lucide", r),
+      ...!i && !ut(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...l.map(([d, u]) => oe(d, u)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+const P = (t, e) => {
+  const n = Ie(
+    ({ className: o, ...r }, i) => oe(ft, {
+      ref: i,
+      iconNode: e,
+      className: Pe(
+        `lucide-${at(Se(t))}`,
+        `lucide-${t}`,
+        o
+      ),
+      ...r
+    })
+  );
+  return n.displayName = Se(t), n;
+};
+const pt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+], re = P("circle-x", pt);
+const gt = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
+], Re = P("file", gt);
+const ht = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], ie = P("info", ht);
+const mt = [
+  ["path", { d: "M3 5h.01", key: "18ugdj" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 19h.01", key: "noohij" }],
+  ["path", { d: "M8 5h13", key: "1pao27" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 19h13", key: "m83p4d" }]
+], je = P("list", mt);
+const bt = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+], yt = P("play", bt);
+const xt = [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+], vt = P("rotate-ccw", xt);
+const wt = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], St = P("search", wt);
+const Ct = [
+  [
+    "path",
+    { d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344", key: "2acyp4" }
+  ],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], It = P("square-check-big", Ct);
+const Et = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+], kt = P("square", Et);
+const Pt = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], se = P("triangle-alert", Pt);
+const Rt = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Ae = P("x", Rt);
+function jt() {
   return typeof window > "u" ? { x: 0, y: 16 } : { x: window.innerWidth / 2 - 24, y: 16 };
 }
-function tt() {
-  const e = x((b) => b.openCommandPalette), t = x((b) => b.wsConnected), n = x((b) => b.floatingIconPosition), o = x((b) => b.setFloatingIconPosition), r = x((b) => {
-    const S = b.plugins?.eslint?.issues;
-    if (!S) return 0;
-    let N = 0;
-    return S.forEach((J) => {
-      N += J.length;
-    }), N;
-  }), [s, c] = C(!1), [a, u] = C({ x: 0, y: 0 }), d = K(null), f = n ?? et(), m = I((b) => {
-    if (b.button !== 0) return;
-    const S = d.current?.getBoundingClientRect();
-    S && (u({
-      x: b.clientX - S.left,
-      y: b.clientY - S.top
-    }), c(!0), b.preventDefault());
-  }, []), p = I((b) => {
-    if (!s) return;
-    const S = Math.max(0, Math.min(window.innerWidth - 48, b.clientX - a.x)), N = Math.max(0, Math.min(window.innerHeight - 48, b.clientY - a.y));
-    o({ x: S, y: N });
-  }, [s, a, o]), g = I(() => {
-    c(!1);
+function At() {
+  const t = v((y) => y.openCommandPalette), e = v((y) => y.wsConnected), n = v((y) => y.floatingIconPosition), o = v((y) => y.setFloatingIconPosition), r = v((y) => {
+    const I = y.plugins?.eslint?.issues;
+    if (!I) return 0;
+    let p = 0;
+    return I.forEach((m) => {
+      p += m.length;
+    }), p;
+  }), [i, l] = T(!1), [c, f] = T({ x: 0, y: 0 }), d = J(null), u = n ?? jt(), h = E((y) => {
+    if (y.button !== 0) return;
+    const I = d.current?.getBoundingClientRect();
+    I && (f({
+      x: y.clientX - I.left,
+      y: y.clientY - I.top
+    }), l(!0), y.preventDefault());
+  }, []), x = E((y) => {
+    if (!i) return;
+    const I = Math.max(0, Math.min(window.innerWidth - 48, y.clientX - c.x)), p = Math.max(0, Math.min(window.innerHeight - 48, y.clientY - c.y));
+    o({ x: I, y: p });
+  }, [i, c, o]), b = E(() => {
+    l(!1);
   }, []);
-  A(() => {
-    if (s)
-      return window.addEventListener("mousemove", p), window.addEventListener("mouseup", g), () => {
-        window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", g);
+  z(() => {
+    if (i)
+      return window.addEventListener("mousemove", x), window.addEventListener("mouseup", b), () => {
+        window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", b);
       };
-  }, [s, p, g]);
-  const R = I(() => {
-    s || e();
-  }, [s, e]), _ = document.getElementById("uilint-portal") || document.body;
-  return U(
-    /* @__PURE__ */ i.jsxs(
+  }, [i, x, b]);
+  const k = E(() => {
+    i || t();
+  }, [i, t]), R = document.getElementById("uilint-portal") || document.body;
+  return Y(
+    /* @__PURE__ */ s.jsxs(
       "button",
       {
         ref: d,
-        onClick: R,
-        onMouseDown: m,
+        onClick: k,
+        onMouseDown: h,
         style: {
           position: "fixed",
-          left: f.x,
-          top: f.y,
+          left: u.x,
+          top: u.y,
           width: 48,
           height: 48,
           borderRadius: "50%",
           border: "none",
-          background: t ? "#3b82f6" : "#6b7280",
+          background: e ? "#3b82f6" : "#6b7280",
           color: "white",
-          cursor: s ? "grabbing" : "grab",
+          cursor: i ? "grabbing" : "grab",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
           boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
           zIndex: 99999,
-          transition: s ? "none" : "background 0.2s"
+          transition: i ? "none" : "background 0.2s"
         },
-        title: `UILint: ${r} issues${t ? "" : " (disconnected)"}`,
+        title: `UILint: ${r} issues${e ? "" : " (disconnected)"}`,
         children: [
-          /* @__PURE__ */ i.jsx(Ze, { size: 24 }),
-          r > 0 && /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ s.jsx(It, { size: 24 }),
+          r > 0 && /* @__PURE__ */ s.jsx(
             "span",
             {
               style: {
@@ -735,7 +1071,7 @@ function tt() {
               children: r > 99 ? "99+" : r
             }
           ),
-          !t && /* @__PURE__ */ i.jsx(
+          !e && /* @__PURE__ */ s.jsx(
             "span",
             {
               style: {
@@ -753,54 +1089,54 @@ function tt() {
         ]
       }
     ),
-    _
+    R
   );
 }
-function nt(e) {
-  const [t, n] = C(/* @__PURE__ */ new Map()), o = K(null), r = K(null), s = I(() => {
-    if (!e) {
+function Tt(t) {
+  const [e, n] = T(/* @__PURE__ */ new Map()), o = J(null), r = J(null), i = E(() => {
+    if (!t) {
       n(/* @__PURE__ */ new Map());
       return;
     }
-    const a = e instanceof Set ? e : new Set(e.keys());
-    if (a.size === 0) {
+    const c = t instanceof Set ? t : new Set(t.keys());
+    if (c.size === 0) {
       n(/* @__PURE__ */ new Map());
       return;
     }
-    const u = /* @__PURE__ */ new Map();
-    document.querySelectorAll("[data-loc]").forEach((f) => {
-      const m = f.getAttribute("data-loc");
-      if (m && a.has(m)) {
-        const p = f.getBoundingClientRect();
-        p.width > 0 && p.height > 0 && u.set(m, { dataLoc: m, rect: p, element: f });
+    const f = /* @__PURE__ */ new Map();
+    document.querySelectorAll("[data-loc]").forEach((u) => {
+      const h = u.getAttribute("data-loc");
+      if (h && c.has(h)) {
+        const x = u.getBoundingClientRect();
+        x.width > 0 && x.height > 0 && f.set(h, { dataLoc: h, rect: x, element: u });
       }
-    }), n(u);
-  }, [e]), c = I(() => {
+    }), n(f);
+  }, [t]), l = E(() => {
     r.current || (r.current = requestAnimationFrame(() => {
-      s(), r.current = null;
+      i(), r.current = null;
     }));
-  }, [s]);
-  return A(() => (s(), window.addEventListener("scroll", c, { passive: !0 }), window.addEventListener("resize", c, { passive: !0 }), o.current = new MutationObserver(c), o.current.observe(document.body, {
+  }, [i]);
+  return z(() => (i(), window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l, { passive: !0 }), o.current = new MutationObserver(l), o.current.observe(document.body, {
     childList: !0,
     subtree: !0,
     attributes: !0,
     attributeFilter: ["data-loc"]
   }), () => {
-    window.removeEventListener("scroll", c), window.removeEventListener("resize", c), o.current?.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [s, c]), t;
+    window.removeEventListener("scroll", l), window.removeEventListener("resize", l), o.current?.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [i, l]), e;
 }
-function ot(e) {
-  const t = e.split(":"), n = parseInt(t.pop() || "0", 10), o = parseInt(t.pop() || "0", 10);
-  return { filePath: t.join(":"), line: o, column: n };
+function _t(t) {
+  const e = t.split(":"), n = parseInt(e.pop() || "0", 10), o = parseInt(e.pop() || "0", 10);
+  return { filePath: e.join(":"), line: o, column: n };
 }
-function rt(e, t, n, o) {
-  return `${e}:${t}:${n}:${o}`;
+function Nt(t, e, n, o) {
+  return `${t}:${e}:${n}:${o}`;
 }
-function it(e) {
-  return e === 2 ? "error" : "warning";
+function Lt(t) {
+  return t === 2 ? "error" : "warning";
 }
-function ie(e) {
-  switch (e) {
+function le(t) {
+  switch (t) {
     case "error":
       return "#ef4444";
     // red-500
@@ -811,34 +1147,34 @@ function ie(e) {
       return "#3b82f6";
   }
 }
-function Yt(e, t = "eslint") {
-  if (!e.message || !e.line) return null;
-  const n = e.dataLoc || "", { filePath: o } = n ? ot(n) : { filePath: "" }, r = e.ruleId || "unknown", s = e.severity ? it(e.severity) : "warning";
+function Sn(t, e = "eslint") {
+  if (!t.message || !t.line) return null;
+  const n = t.dataLoc || "", { filePath: o } = n ? _t(n) : { filePath: "" }, r = t.ruleId || "unknown", i = t.severity ? Lt(t.severity) : "warning";
   return {
-    id: rt(t, r, n, e.line),
-    message: e.message,
-    severity: s,
+    id: Nt(e, r, n, t.line),
+    message: t.message,
+    severity: i,
     dataLoc: n,
     ruleId: r,
-    pluginId: t,
+    pluginId: e,
     filePath: o,
-    line: e.line,
-    column: e.column
+    line: t.line,
+    column: t.column
   };
 }
-function st({ dataLoc: e, rect: t, issues: n, isHovered: o, showDetails: r, onClick: s }) {
-  const c = W(() => n.some((d) => d.severity === "error") ? "error" : n.some((d) => d.severity === "warning") ? "warning" : "info", [n]), a = ie(c), u = n.length;
-  return /* @__PURE__ */ i.jsxs(
+function Ot({ dataLoc: t, rect: e, issues: n, isHovered: o, showDetails: r, onClick: i }) {
+  const l = _(() => n.some((d) => d.severity === "error") ? "error" : n.some((d) => d.severity === "warning") ? "warning" : "info", [n]), c = le(l), f = n.length;
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      onClick: s,
+      onClick: i,
       style: {
         position: "fixed",
-        left: t.left - 2,
-        top: t.top - 2,
-        width: t.width + 4,
-        height: t.height + 4,
-        border: `2px solid ${a}`,
+        left: e.left - 2,
+        top: e.top - 2,
+        width: e.width + 4,
+        height: e.height + 4,
+        border: `2px solid ${c}`,
         borderRadius: 4,
         pointerEvents: "auto",
         cursor: "pointer",
@@ -847,7 +1183,7 @@ function st({ dataLoc: e, rect: t, issues: n, isHovered: o, showDetails: r, onCl
         zIndex: 99990
       },
       children: [
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ s.jsx(
           "span",
           {
             style: {
@@ -857,7 +1193,7 @@ function st({ dataLoc: e, rect: t, issues: n, isHovered: o, showDetails: r, onCl
               minWidth: 18,
               height: 18,
               borderRadius: 9,
-              background: a,
+              background: c,
               color: "white",
               fontSize: 10,
               fontWeight: 600,
@@ -866,10 +1202,10 @@ function st({ dataLoc: e, rect: t, issues: n, isHovered: o, showDetails: r, onCl
               justifyContent: "center",
               padding: "0 4px"
             },
-            children: u
+            children: f
           }
         ),
-        r && o && /* @__PURE__ */ i.jsxs(
+        r && o && /* @__PURE__ */ s.jsxs(
           "div",
           {
             style: {
@@ -888,18 +1224,18 @@ function st({ dataLoc: e, rect: t, issues: n, isHovered: o, showDetails: r, onCl
               zIndex: 99991
             },
             children: [
-              /* @__PURE__ */ i.jsxs("strong", { children: [
-                u,
+              /* @__PURE__ */ s.jsxs("strong", { children: [
+                f,
                 " issue",
-                u !== 1 ? "s" : ""
+                f !== 1 ? "s" : ""
               ] }),
-              /* @__PURE__ */ i.jsxs("div", { style: { marginTop: 4, opacity: 0.8 }, children: [
-                n.slice(0, 3).map((d, f) => /* @__PURE__ */ i.jsxs("div", { style: { marginTop: f > 0 ? 4 : 0 }, children: [
+              /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 4, opacity: 0.8 }, children: [
+                n.slice(0, 3).map((d, u) => /* @__PURE__ */ s.jsxs("div", { style: { marginTop: u > 0 ? 4 : 0 }, children: [
                   "• ",
                   d.message.slice(0, 60),
                   d.message.length > 60 ? "..." : ""
-                ] }, f)),
-                n.length > 3 && /* @__PURE__ */ i.jsxs("div", { style: { marginTop: 4, opacity: 0.6 }, children: [
+                ] }, u)),
+                n.length > 3 && /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 4, opacity: 0.6 }, children: [
                   "+",
                   n.length - 3,
                   " more..."
@@ -912,15 +1248,15 @@ function st({ dataLoc: e, rect: t, issues: n, isHovered: o, showDetails: r, onCl
     }
   );
 }
-function lt() {
-  const e = x((u) => u.altKeyHeld), t = x((u) => u.openInspector), n = x((u) => u.hoveredElementId), o = x((u) => u.setHoveredElementId), r = x((u) => u.plugins?.eslint?.issues), s = nt(r), c = (u) => {
-    t("element", { dataLoc: u });
+function zt() {
+  const t = v((f) => f.altKeyHeld), e = v((f) => f.openInspector), n = v((f) => f.hoveredElementId), o = v((f) => f.setHoveredElementId), r = v((f) => f.plugins?.eslint?.issues), i = Tt(r), l = (f) => {
+    e("element", { dataLoc: f });
   };
   if (!r || r.size === 0)
     return null;
-  const a = document.getElementById("uilint-portal") || document.body;
-  return U(
-    /* @__PURE__ */ i.jsx(
+  const c = document.getElementById("uilint-portal") || document.body;
+  return Y(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
         style: {
@@ -932,101 +1268,101 @@ function lt() {
           pointerEvents: "none",
           zIndex: 99990
         },
-        onMouseMove: (u) => {
-          const f = u.target.getAttribute?.("data-loc");
-          o(f || null);
+        onMouseMove: (f) => {
+          const u = f.target.getAttribute?.("data-loc");
+          o(u || null);
         },
-        children: Array.from(s.entries()).map(([u, { rect: d }]) => {
-          const f = r.get(u) || [];
-          return f.length === 0 ? null : /* @__PURE__ */ i.jsx(
-            st,
+        children: Array.from(i.entries()).map(([f, { rect: d }]) => {
+          const u = r.get(f) || [];
+          return u.length === 0 ? null : /* @__PURE__ */ s.jsx(
+            Ot,
             {
-              dataLoc: u,
+              dataLoc: f,
               rect: d,
-              issues: f,
-              isHovered: n === u,
-              showDetails: e,
-              onClick: () => c(u)
+              issues: u,
+              isHovered: n === f,
+              showDetails: t,
+              onClick: () => l(f)
             },
-            u
+            f
           );
         })
       }
     ),
-    a
+    c
   );
 }
-function Ee() {
-  const e = x((c) => c.plugins?.eslint?.issues), t = W(() => {
-    const c = [];
-    return e?.forEach((a) => c.push(...a)), c;
-  }, [e]), n = W(() => {
-    const c = /* @__PURE__ */ new Map();
-    for (const a of t) {
-      const u = c.get(a.filePath) || [];
-      u.push(a), c.set(a.filePath, u);
+function Te() {
+  const t = v((l) => l.plugins?.eslint?.issues), e = _(() => {
+    const l = [];
+    return t?.forEach((c) => l.push(...c)), l;
+  }, [t]), n = _(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const c of e) {
+      const f = l.get(c.filePath) || [];
+      f.push(c), l.set(c.filePath, f);
     }
-    return c;
-  }, [t]), o = I(
-    (c) => e?.get(c) || [],
-    [e]
-  ), r = t.length, s = W(
+    return l;
+  }, [e]), o = E(
+    (l) => t?.get(l) || [],
+    [t]
+  ), r = e.length, i = _(
     () => ({
-      error: t.filter((c) => c.severity === "error").length,
-      warning: t.filter((c) => c.severity === "warning").length,
-      info: t.filter((c) => c.severity === "info").length
+      error: e.filter((l) => l.severity === "error").length,
+      warning: e.filter((l) => l.severity === "warning").length,
+      info: e.filter((l) => l.severity === "info").length
     }),
-    [t]
+    [e]
   );
   return {
-    allIssues: t,
+    allIssues: e,
     byFile: n,
-    byDataLoc: e ?? /* @__PURE__ */ new Map(),
+    byDataLoc: t ?? /* @__PURE__ */ new Map(),
     getIssuesForDataLoc: o,
     totalCount: r,
-    countBySeverity: s
+    countBySeverity: i
   };
 }
-function ct() {
-  const e = x((r) => r.openCommandPalette), t = x((r) => r.closeCommandPalette), n = x((r) => r.setAltKeyHeld), o = x((r) => r.commandPalette.open);
-  A(() => {
-    const r = (c) => {
-      if ((c.metaKey || c.ctrlKey) && c.key === "k") {
-        c.preventDefault(), o ? t() : e();
+function $t() {
+  const t = v((r) => r.openCommandPalette), e = v((r) => r.closeCommandPalette), n = v((r) => r.setAltKeyHeld), o = v((r) => r.commandPalette.open);
+  z(() => {
+    const r = (l) => {
+      if ((l.metaKey || l.ctrlKey) && l.key === "k") {
+        l.preventDefault(), o ? e() : t();
         return;
       }
-      if (c.key === "Escape" && o) {
-        c.preventDefault(), t();
+      if (l.key === "Escape" && o) {
+        l.preventDefault(), e();
         return;
       }
-      c.key === "Alt" && n(!0);
-    }, s = (c) => {
-      c.key === "Alt" && n(!1);
+      l.key === "Alt" && n(!0);
+    }, i = (l) => {
+      l.key === "Alt" && n(!1);
     };
-    return window.addEventListener("keydown", r), window.addEventListener("keyup", s), () => {
-      window.removeEventListener("keydown", r), window.removeEventListener("keyup", s);
+    return window.addEventListener("keydown", r), window.addEventListener("keyup", i), () => {
+      window.removeEventListener("keydown", r), window.removeEventListener("keyup", i);
     };
-  }, [o, e, t, n]);
+  }, [o, t, e, n]);
 }
-function at({ value: e, onChange: t, placeholder: n = "Search issues, rules, files..." }) {
-  const o = K(null);
-  return A(() => {
+function Dt({ value: t, onChange: e, placeholder: n = "Search issues, rules, files..." }) {
+  const o = J(null);
+  return z(() => {
     o.current?.focus();
-  }, []), /* @__PURE__ */ i.jsxs("div", { style: {
+  }, []), /* @__PURE__ */ s.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     padding: "12px 16px",
     borderBottom: "1px solid #e5e7eb",
     gap: 12
   }, children: [
-    /* @__PURE__ */ i.jsx(Qe, { size: 20, color: "#9ca3af" }),
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ s.jsx(St, { size: 20, color: "#9ca3af" }),
+    /* @__PURE__ */ s.jsx(
       "input",
       {
         ref: o,
         type: "text",
-        value: e,
-        onChange: (r) => t(r.target.value),
+        value: t,
+        onChange: (r) => e(r.target.value),
         placeholder: n,
         style: {
           flex: 1,
@@ -1038,10 +1374,10 @@ function at({ value: e, onChange: t, placeholder: n = "Search issues, rules, fil
         }
       }
     ),
-    e && /* @__PURE__ */ i.jsx(
+    t && /* @__PURE__ */ s.jsx(
       "button",
       {
-        onClick: () => t(""),
+        onClick: () => e(""),
         style: {
           border: "none",
           background: "none",
@@ -1054,9 +1390,9 @@ function at({ value: e, onChange: t, placeholder: n = "Search issues, rules, fil
     )
   ] });
 }
-function ut({ issue: e, isSelected: t, onClick: n }) {
-  const o = e.severity === "error" ? oe : e.severity === "warning" ? ne : re, r = e.severity === "error" ? "#ef4444" : e.severity === "warning" ? "#f59e0b" : "#3b82f6", s = e.filePath.split("/").pop() || e.filePath;
-  return /* @__PURE__ */ i.jsxs(
+function Ft({ issue: t, isSelected: e, onClick: n }) {
+  const o = t.severity === "error" ? re : t.severity === "warning" ? se : ie, r = t.severity === "error" ? "#ef4444" : t.severity === "warning" ? "#f59e0b" : "#3b82f6", i = t.filePath.split("/").pop() || t.filePath;
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
       onClick: n,
@@ -1065,21 +1401,21 @@ function ut({ issue: e, isSelected: t, onClick: n }) {
         alignItems: "flex-start",
         padding: "10px 16px",
         cursor: "pointer",
-        background: t ? "#f3f4f6" : "transparent",
+        background: e ? "#f3f4f6" : "transparent",
         gap: 12,
         borderBottom: "1px solid #f3f4f6"
       },
       children: [
-        /* @__PURE__ */ i.jsx(o, { size: 16, color: r }),
-        /* @__PURE__ */ i.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ i.jsx("div", { style: {
+        /* @__PURE__ */ s.jsx(o, { size: 16, color: r }),
+        /* @__PURE__ */ s.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ s.jsx("div", { style: {
             fontSize: 14,
             color: "#111827",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
-          }, children: e.message }),
-          /* @__PURE__ */ i.jsxs("div", { style: {
+          }, children: t.message }),
+          /* @__PURE__ */ s.jsxs("div", { style: {
             fontSize: 12,
             color: "#6b7280",
             marginTop: 2,
@@ -1087,15 +1423,15 @@ function ut({ issue: e, isSelected: t, onClick: n }) {
             alignItems: "center",
             gap: 8
           }, children: [
-            /* @__PURE__ */ i.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-              /* @__PURE__ */ i.jsx(Se, { size: 12 }),
-              s,
+            /* @__PURE__ */ s.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              /* @__PURE__ */ s.jsx(Re, { size: 12 }),
+              i,
               ":",
-              e.line
+              t.line
             ] }),
-            /* @__PURE__ */ i.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-              /* @__PURE__ */ i.jsx(Ie, { size: 12 }),
-              e.ruleId
+            /* @__PURE__ */ s.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              /* @__PURE__ */ s.jsx(je, { size: 12 }),
+              t.ruleId
             ] })
           ] })
         ] })
@@ -1103,24 +1439,145 @@ function ut({ issue: e, isSelected: t, onClick: n }) {
     }
   );
 }
-function dt() {
-  const e = x((p) => p.commandPalette.open), t = x((p) => p.closeCommandPalette), n = x((p) => p.openInspector), [o, r] = C(""), [s, c] = C(0), { allIssues: a } = Ee(), u = W(() => {
-    if (!o.trim()) return a.slice(0, 100);
+function Mt({
+  command: t,
+  isSelected: e,
+  onClick: n
+}) {
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      onClick: n,
+      style: {
+        padding: "12px 16px",
+        cursor: "pointer",
+        background: e ? "#f3f4f6" : "transparent",
+        borderBottom: "1px solid #f3f4f6",
+        display: "flex",
+        alignItems: "center",
+        gap: 12
+      },
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            style: {
+              width: 32,
+              height: 32,
+              borderRadius: 6,
+              background: "#3b82f6",
+              color: "white",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0
+            },
+            children: t.id.includes("start") ? /* @__PURE__ */ s.jsx(yt, { size: 16 }) : t.id.includes("stop") ? /* @__PURE__ */ s.jsx(kt, { size: 16 }) : t.id.includes("clear") ? /* @__PURE__ */ s.jsx(vt, { size: 16 }) : /* @__PURE__ */ s.jsx("span", { style: { fontSize: 14 }, children: "⚡" })
+          }
+        ),
+        /* @__PURE__ */ s.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              style: {
+                fontWeight: 500,
+                color: "#111827",
+                marginBottom: 2
+              },
+              children: t.title
+            }
+          ),
+          t.subtitle && /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              style: {
+                fontSize: 12,
+                color: "#6b7280",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: t.subtitle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s.jsx(
+          "span",
+          {
+            style: {
+              fontSize: 10,
+              fontWeight: 500,
+              textTransform: "uppercase",
+              background: "#dbeafe",
+              color: "#1d4ed8",
+              padding: "2px 6px",
+              borderRadius: 4
+            },
+            children: t.category
+          }
+        )
+      ]
+    }
+  );
+}
+function Bt() {
+  const t = v((p) => p.commandPalette.open), e = v((p) => p.closeCommandPalette), n = v((p) => p.openInspector), [o, r] = T(""), [i, l] = T(0), { allIssues: c } = Te(), f = v((p) => p), d = _(() => nt.getAllCommands().filter((m) => m.isAvailable ? m.isAvailable(f) : !0), [f]), u = _(() => {
+    if (!o.trim()) return d;
     const p = o.toLowerCase();
-    return a.filter(
-      (g) => g.message.toLowerCase().includes(p) || g.ruleId.toLowerCase().includes(p) || g.filePath.toLowerCase().includes(p)
-    ).slice(0, 100);
-  }, [a, o]), d = I((p) => {
-    p.key === "ArrowDown" ? (p.preventDefault(), c((g) => Math.min(g + 1, u.length - 1))) : p.key === "ArrowUp" ? (p.preventDefault(), c((g) => Math.max(g - 1, 0))) : p.key === "Enter" && u[s] && (p.preventDefault(), f(u[s]));
-  }, [u, s]), f = I((p) => {
-    n("issue", { issue: p }), t();
-  }, [n, t]);
-  if (O.useEffect(() => {
-    c(0);
-  }, [o]), !e) return null;
-  const m = document.getElementById("uilint-portal") || document.body;
-  return U(
-    /* @__PURE__ */ i.jsx(
+    return d.filter(
+      (m) => m.title.toLowerCase().includes(p) || m.keywords.some((A) => A.toLowerCase().includes(p)) || m.category.toLowerCase().includes(p) || m.subtitle && m.subtitle.toLowerCase().includes(p)
+    );
+  }, [d, o]), h = _(() => {
+    if (!o.trim()) return c.slice(0, 50);
+    const p = o.toLowerCase();
+    return c.filter(
+      (m) => m.message.toLowerCase().includes(p) || m.ruleId.toLowerCase().includes(p) || m.filePath.toLowerCase().includes(p)
+    ).slice(0, 50);
+  }, [c, o]), x = _(() => {
+    const p = u.map((A) => ({
+      kind: "command",
+      command: A
+    })), m = h.map((A) => ({
+      kind: "issue",
+      issue: A
+    }));
+    return [...p, ...m];
+  }, [u, h]), b = E(
+    (p) => {
+      p.key === "ArrowDown" ? (p.preventDefault(), l((m) => Math.min(m + 1, x.length - 1))) : p.key === "ArrowUp" ? (p.preventDefault(), l((m) => Math.max(m - 1, 0))) : p.key === "Enter" && x[i] && (p.preventDefault(), y(x[i]));
+    },
+    [x, i]
+  ), k = E(
+    (p) => {
+      n("issue", { issue: p }), e();
+    },
+    [n, e]
+  ), R = E(
+    async (p) => {
+      const m = lt();
+      if (!m) {
+        console.error("[CommandPalette] Plugin services not available");
+        return;
+      }
+      try {
+        await p.execute(m);
+      } catch (A) {
+        console.error(`[CommandPalette] Error executing command "${p.id}":`, A);
+      }
+    },
+    []
+  ), y = E(
+    (p) => {
+      p.kind === "command" ? R(p.command) : k(p.issue);
+    },
+    [R, k]
+  );
+  if (D.useEffect(() => {
+    l(0);
+  }, [o]), !t) return null;
+  const I = document.getElementById("uilint-portal") || document.body;
+  return Y(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
         style: {
@@ -1134,10 +1591,10 @@ function dt() {
           zIndex: 99998
         },
         onClick: (p) => {
-          p.target === p.currentTarget && t();
+          p.target === p.currentTarget && e();
         },
-        onKeyDown: d,
-        children: /* @__PURE__ */ i.jsxs(
+        onKeyDown: b,
+        children: /* @__PURE__ */ s.jsxs(
           "div",
           {
             style: {
@@ -1149,106 +1606,176 @@ function dt() {
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ i.jsxs("div", { style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                padding: "12px 16px",
-                borderBottom: "1px solid #e5e7eb"
-              }, children: [
-                /* @__PURE__ */ i.jsxs("span", { style: { fontWeight: 600, color: "#111827" }, children: [
-                  "UILint (",
-                  a.length,
-                  " issues)"
-                ] }),
-                /* @__PURE__ */ i.jsx(
-                  "button",
-                  {
-                    onClick: t,
-                    style: {
-                      border: "none",
-                      background: "none",
-                      cursor: "pointer",
-                      padding: 4,
-                      color: "#6b7280"
-                    },
-                    children: /* @__PURE__ */ i.jsx(we, { size: 20 })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ i.jsx(at, { value: o, onChange: r }),
-              /* @__PURE__ */ i.jsx("div", { style: {
-                maxHeight: 400,
-                overflowY: "auto"
-              }, children: u.length === 0 ? /* @__PURE__ */ i.jsx("div", { style: {
-                padding: 24,
-                textAlign: "center",
-                color: "#6b7280"
-              }, children: o ? "No issues match your search" : "No issues found" }) : u.map((p, g) => /* @__PURE__ */ i.jsx(
-                ut,
+              /* @__PURE__ */ s.jsxs(
+                "div",
                 {
-                  issue: p,
-                  isSelected: g === s,
-                  onClick: () => f(p)
-                },
-                p.id
-              )) }),
-              /* @__PURE__ */ i.jsxs("div", { style: {
-                padding: "8px 16px",
-                borderTop: "1px solid #e5e7eb",
-                fontSize: 12,
-                color: "#9ca3af",
-                display: "flex",
-                gap: 16
-              }, children: [
-                /* @__PURE__ */ i.jsx("span", { children: "↑↓ Navigate" }),
-                /* @__PURE__ */ i.jsx("span", { children: "↵ Select" }),
-                /* @__PURE__ */ i.jsx("span", { children: "Esc Close" })
-              ] })
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    padding: "12px 16px",
+                    borderBottom: "1px solid #e5e7eb"
+                  },
+                  children: [
+                    /* @__PURE__ */ s.jsxs("span", { style: { fontWeight: 600, color: "#111827" }, children: [
+                      "UILint",
+                      c.length > 0 && /* @__PURE__ */ s.jsxs("span", { style: { fontWeight: 400, color: "#6b7280", marginLeft: 8 }, children: [
+                        c.length,
+                        " issue",
+                        c.length !== 1 ? "s" : ""
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ s.jsx(
+                      "button",
+                      {
+                        onClick: e,
+                        style: {
+                          border: "none",
+                          background: "none",
+                          cursor: "pointer",
+                          padding: 4,
+                          color: "#6b7280"
+                        },
+                        children: /* @__PURE__ */ s.jsx(Ae, { size: 20 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s.jsx(Dt, { value: o, onChange: r }),
+              /* @__PURE__ */ s.jsx(
+                "div",
+                {
+                  style: {
+                    maxHeight: 400,
+                    overflowY: "auto"
+                  },
+                  children: x.length === 0 ? /* @__PURE__ */ s.jsx(
+                    "div",
+                    {
+                      style: {
+                        padding: 24,
+                        textAlign: "center",
+                        color: "#6b7280"
+                      },
+                      children: o ? "No results match your search" : "No commands or issues available"
+                    }
+                  ) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+                    u.length > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+                      /* @__PURE__ */ s.jsx(
+                        "div",
+                        {
+                          style: {
+                            padding: "8px 16px",
+                            fontSize: 11,
+                            fontWeight: 600,
+                            textTransform: "uppercase",
+                            color: "#9ca3af",
+                            background: "#f9fafb"
+                          },
+                          children: "Commands"
+                        }
+                      ),
+                      u.map((p, m) => /* @__PURE__ */ s.jsx(
+                        Mt,
+                        {
+                          command: p,
+                          isSelected: m === i,
+                          onClick: () => R(p)
+                        },
+                        p.id
+                      ))
+                    ] }),
+                    h.length > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+                      /* @__PURE__ */ s.jsx(
+                        "div",
+                        {
+                          style: {
+                            padding: "8px 16px",
+                            fontSize: 11,
+                            fontWeight: 600,
+                            textTransform: "uppercase",
+                            color: "#9ca3af",
+                            background: "#f9fafb"
+                          },
+                          children: "Issues"
+                        }
+                      ),
+                      h.map((p, m) => /* @__PURE__ */ s.jsx(
+                        Ft,
+                        {
+                          issue: p,
+                          isSelected: u.length + m === i,
+                          onClick: () => k(p)
+                        },
+                        p.id
+                      ))
+                    ] })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ s.jsxs(
+                "div",
+                {
+                  style: {
+                    padding: "8px 16px",
+                    borderTop: "1px solid #e5e7eb",
+                    fontSize: 12,
+                    color: "#9ca3af",
+                    display: "flex",
+                    gap: 16
+                  },
+                  children: [
+                    /* @__PURE__ */ s.jsx("span", { children: "↑↓ Navigate" }),
+                    /* @__PURE__ */ s.jsx("span", { children: "↵ Select" }),
+                    /* @__PURE__ */ s.jsx("span", { children: "Esc Close" })
+                  ]
+                }
+              )
             ]
           }
         )
       }
     ),
-    m
+    I
   );
 }
-function ft({ issue: e }) {
-  const t = e.severity === "error" ? oe : e.severity === "warning" ? ne : re;
-  return /* @__PURE__ */ i.jsxs("div", { style: { padding: 16 }, children: [
-    /* @__PURE__ */ i.jsxs("div", { style: {
+function Wt({ issue: t }) {
+  const e = t.severity === "error" ? re : t.severity === "warning" ? se : ie;
+  return /* @__PURE__ */ s.jsxs("div", { style: { padding: 16 }, children: [
+    /* @__PURE__ */ s.jsxs("div", { style: {
       display: "flex",
       alignItems: "flex-start",
       gap: 12,
       marginBottom: 16
     }, children: [
-      /* @__PURE__ */ i.jsx(t, { size: 24, color: ie(e.severity) }),
-      /* @__PURE__ */ i.jsxs("div", { children: [
-        /* @__PURE__ */ i.jsx("div", { style: {
+      /* @__PURE__ */ s.jsx(e, { size: 24, color: le(t.severity) }),
+      /* @__PURE__ */ s.jsxs("div", { children: [
+        /* @__PURE__ */ s.jsx("div", { style: {
           fontSize: 16,
           fontWeight: 600,
           color: "#111827"
-        }, children: e.message }),
-        /* @__PURE__ */ i.jsx("div", { style: {
+        }, children: t.message }),
+        /* @__PURE__ */ s.jsx("div", { style: {
           fontSize: 12,
           color: "#6b7280",
           marginTop: 4
-        }, children: e.severity.toUpperCase() })
+        }, children: t.severity.toUpperCase() })
       ] })
     ] }),
-    /* @__PURE__ */ i.jsxs("div", { style: {
+    /* @__PURE__ */ s.jsxs("div", { style: {
       background: "#f9fafb",
       borderRadius: 8,
       padding: 12
     }, children: [
-      /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx(Se, { size: 14 }), label: "File", value: e.filePath }),
-      /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx("span", { children: "📍" }), label: "Line", value: `${e.line}${e.column ? `:${e.column}` : ""}` }),
-      /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx(Ie, { size: 14 }), label: "Rule", value: e.ruleId }),
-      /* @__PURE__ */ i.jsx(q, { icon: /* @__PURE__ */ i.jsx("span", { children: "🔌" }), label: "Plugin", value: e.pluginId })
+      /* @__PURE__ */ s.jsx(K, { icon: /* @__PURE__ */ s.jsx(Re, { size: 14 }), label: "File", value: t.filePath }),
+      /* @__PURE__ */ s.jsx(K, { icon: /* @__PURE__ */ s.jsx("span", { children: "📍" }), label: "Line", value: `${t.line}${t.column ? `:${t.column}` : ""}` }),
+      /* @__PURE__ */ s.jsx(K, { icon: /* @__PURE__ */ s.jsx(je, { size: 14 }), label: "Rule", value: t.ruleId }),
+      /* @__PURE__ */ s.jsx(K, { icon: /* @__PURE__ */ s.jsx("span", { children: "🔌" }), label: "Plugin", value: t.pluginId })
     ] }),
-    e.dataLoc && /* @__PURE__ */ i.jsxs("div", { style: { marginTop: 16 }, children: [
-      /* @__PURE__ */ i.jsx("div", { style: { fontSize: 12, color: "#6b7280", marginBottom: 4 }, children: "Data Location" }),
-      /* @__PURE__ */ i.jsx("code", { style: {
+    t.dataLoc && /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 16 }, children: [
+      /* @__PURE__ */ s.jsx("div", { style: { fontSize: 12, color: "#6b7280", marginBottom: 4 }, children: "Data Location" }),
+      /* @__PURE__ */ s.jsx("code", { style: {
         display: "block",
         padding: 8,
         background: "#1f2937",
@@ -1257,27 +1784,27 @@ function ft({ issue: e }) {
         fontSize: 12,
         fontFamily: "monospace",
         wordBreak: "break-all"
-      }, children: e.dataLoc })
+      }, children: t.dataLoc })
     ] })
   ] });
 }
-function q({ icon: e, label: t, value: n }) {
-  return /* @__PURE__ */ i.jsxs("div", { style: {
+function K({ icon: t, label: e, value: n }) {
+  return /* @__PURE__ */ s.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: 8,
     padding: "6px 0",
     borderBottom: "1px solid #e5e7eb"
   }, children: [
-    e,
-    /* @__PURE__ */ i.jsx("span", { style: { fontSize: 12, color: "#6b7280", width: 50 }, children: t }),
-    /* @__PURE__ */ i.jsx("span", { style: { fontSize: 13, color: "#111827", flex: 1, wordBreak: "break-word" }, children: n })
+    t,
+    /* @__PURE__ */ s.jsx("span", { style: { fontSize: 12, color: "#6b7280", width: 50 }, children: e }),
+    /* @__PURE__ */ s.jsx("span", { style: { fontSize: 13, color: "#111827", flex: 1, wordBreak: "break-word" }, children: n })
   ] });
 }
-function pt({ dataLoc: e, onSelectIssue: t }) {
-  const { getIssuesForDataLoc: n } = Ee(), o = n(e);
-  return o.length === 0 ? /* @__PURE__ */ i.jsx("div", { style: { padding: 16, textAlign: "center", color: "#6b7280" }, children: "No issues for this element" }) : /* @__PURE__ */ i.jsxs("div", { style: { padding: 16 }, children: [
-    /* @__PURE__ */ i.jsxs("div", { style: {
+function Ut({ dataLoc: t, onSelectIssue: e }) {
+  const { getIssuesForDataLoc: n } = Te(), o = n(t);
+  return o.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: { padding: 16, textAlign: "center", color: "#6b7280" }, children: "No issues for this element" }) : /* @__PURE__ */ s.jsxs("div", { style: { padding: 16 }, children: [
+    /* @__PURE__ */ s.jsxs("div", { style: {
       fontSize: 14,
       fontWeight: 600,
       color: "#111827",
@@ -1288,32 +1815,32 @@ function pt({ dataLoc: e, onSelectIssue: t }) {
       o.length !== 1 ? "s" : "",
       " at this location"
     ] }),
-    /* @__PURE__ */ i.jsx("div", { style: {
+    /* @__PURE__ */ s.jsx("div", { style: {
       background: "#f9fafb",
       borderRadius: 8,
       overflow: "hidden"
-    }, children: o.map((r, s) => {
-      const c = r.severity === "error" ? oe : r.severity === "warning" ? ne : re;
-      return /* @__PURE__ */ i.jsxs(
+    }, children: o.map((r, i) => {
+      const l = r.severity === "error" ? re : r.severity === "warning" ? se : ie;
+      return /* @__PURE__ */ s.jsxs(
         "div",
         {
-          onClick: () => t(r),
+          onClick: () => e(r),
           style: {
             display: "flex",
             alignItems: "flex-start",
             gap: 10,
             padding: 12,
             cursor: "pointer",
-            borderBottom: s < o.length - 1 ? "1px solid #e5e7eb" : void 0
+            borderBottom: i < o.length - 1 ? "1px solid #e5e7eb" : void 0
           },
           children: [
-            /* @__PURE__ */ i.jsx(c, { size: 16, color: ie(r.severity) }),
-            /* @__PURE__ */ i.jsxs("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ i.jsx("div", { style: {
+            /* @__PURE__ */ s.jsx(l, { size: 16, color: le(r.severity) }),
+            /* @__PURE__ */ s.jsxs("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ s.jsx("div", { style: {
                 fontSize: 13,
                 color: "#111827"
               }, children: r.message }),
-              /* @__PURE__ */ i.jsx("div", { style: {
+              /* @__PURE__ */ s.jsx("div", { style: {
                 fontSize: 11,
                 color: "#6b7280",
                 marginTop: 2
@@ -1324,31 +1851,31 @@ function pt({ dataLoc: e, onSelectIssue: t }) {
         r.id
       );
     }) }),
-    /* @__PURE__ */ i.jsx("div", { style: {
+    /* @__PURE__ */ s.jsx("div", { style: {
       marginTop: 12,
       fontSize: 11,
       color: "#9ca3af",
       wordBreak: "break-all"
-    }, children: e })
+    }, children: t })
   ] });
 }
-function ht() {
-  const e = x((f) => f.inspector.open), t = x((f) => f.inspector.panelId), n = x((f) => f.inspector.data), o = x((f) => f.inspector.width), r = x((f) => f.closeInspector), s = x((f) => f.openInspector);
-  if (!e) return null;
-  const c = (f) => {
-    s("issue", { issue: f });
+function Ht() {
+  const t = v((u) => u.inspector.open), e = v((u) => u.inspector.panelId), n = v((u) => u.inspector.data), o = v((u) => u.inspector.width), r = v((u) => u.closeInspector), i = v((u) => u.openInspector);
+  if (!t) return null;
+  const l = (u) => {
+    i("issue", { issue: u });
   };
-  let a = null, u = "Inspector";
-  t === "issue" && n?.issue ? (u = "Issue Details", a = /* @__PURE__ */ i.jsx(ft, { issue: n.issue })) : t === "element" && n?.dataLoc ? (u = "Element Issues", a = /* @__PURE__ */ i.jsx(
-    pt,
+  let c = null, f = "Inspector";
+  e === "issue" && n?.issue ? (f = "Issue Details", c = /* @__PURE__ */ s.jsx(Wt, { issue: n.issue })) : e === "element" && n?.dataLoc ? (f = "Element Issues", c = /* @__PURE__ */ s.jsx(
+    Ut,
     {
       dataLoc: n.dataLoc,
-      onSelectIssue: c
+      onSelectIssue: l
     }
-  )) : a = /* @__PURE__ */ i.jsx("div", { style: { padding: 16, color: "#6b7280", textAlign: "center" }, children: "Select an issue or element to inspect" });
+  )) : c = /* @__PURE__ */ s.jsx("div", { style: { padding: 16, color: "#6b7280", textAlign: "center" }, children: "Select an issue or element to inspect" });
   const d = document.getElementById("uilint-portal") || document.body;
-  return U(
-    /* @__PURE__ */ i.jsxs(
+  return Y(
+    /* @__PURE__ */ s.jsxs(
       "div",
       {
         style: {
@@ -1365,15 +1892,15 @@ function ht() {
           flexDirection: "column"
         },
         children: [
-          /* @__PURE__ */ i.jsxs("div", { style: {
+          /* @__PURE__ */ s.jsxs("div", { style: {
             display: "flex",
             alignItems: "center",
             justifyContent: "space-between",
             padding: "12px 16px",
             borderBottom: "1px solid #e5e7eb"
           }, children: [
-            /* @__PURE__ */ i.jsx("span", { style: { fontWeight: 600, color: "#111827" }, children: u }),
-            /* @__PURE__ */ i.jsx(
+            /* @__PURE__ */ s.jsx("span", { style: { fontWeight: 600, color: "#111827" }, children: f }),
+            /* @__PURE__ */ s.jsx(
               "button",
               {
                 onClick: r,
@@ -1384,33 +1911,33 @@ function ht() {
                   padding: 4,
                   color: "#6b7280"
                 },
-                children: /* @__PURE__ */ i.jsx(we, { size: 20 })
+                children: /* @__PURE__ */ s.jsx(Ae, { size: 20 })
               }
             )
           ] }),
-          /* @__PURE__ */ i.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: a })
+          /* @__PURE__ */ s.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: c })
         ]
       }
     ),
     d
   );
 }
-function gt() {
+function Yt() {
   if (typeof document > "u") return;
-  let e = document.getElementById("uilint-portal");
-  return e || (e = document.createElement("div"), e.id = "uilint-portal", e.style.cssText = "position: fixed; top: 0; left: 0; z-index: 99990; pointer-events: none;", document.body.appendChild(e)), e;
-}
-function qt({ enabled: e = !0 }) {
-  return ct(), A(() => {
-    e && gt();
-  }, [e]), e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(tt, {}),
-    /* @__PURE__ */ i.jsx(lt, {}),
-    /* @__PURE__ */ i.jsx(dt, {}),
-    /* @__PURE__ */ i.jsx(ht, {})
+  let t = document.getElementById("uilint-portal");
+  return t || (t = document.createElement("div"), t.id = "uilint-portal", t.style.cssText = "position: fixed; top: 0; left: 0; z-index: 99990; pointer-events: none;", document.body.appendChild(t)), t;
+}
+function Cn({ enabled: t = !0 }) {
+  return $t(), z(() => {
+    t && Yt();
+  }, [t]), t ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(At, {}),
+    /* @__PURE__ */ s.jsx(zt, {}),
+    /* @__PURE__ */ s.jsx(Bt, {}),
+    /* @__PURE__ */ s.jsx(Ht, {})
   ] }) : null;
 }
-const Gt = [
+const In = [
   "#3B82F6",
   // blue
   "#8B5CF6",
@@ -1435,10 +1962,10 @@ const Gt = [
   // teal
   "#A855F7"
   // purple
-], Kt = {
+], En = {
   hideNodeModules: !0,
   autoScanEnabled: !1
-}, j = "data-loc", ve = [
+}, N = "data-loc", Ce = [
   "#3B82F6",
   "#8B5CF6",
   "#EC4899",
@@ -1451,7 +1978,7 @@ const Gt = [
   "#F97316",
   "#14B8A6",
   "#A855F7"
-], mt = /* @__PURE__ */ new Set([
+], qt = /* @__PURE__ */ new Set([
   "SCRIPT",
   "STYLE",
   "SVG",
@@ -1461,131 +1988,131 @@ const Gt = [
   "META",
   "LINK"
 ]);
-function bt(e) {
-  let t = e.getAttribute(j);
-  if (!t) return null;
-  if (t.startsWith("loc:")) {
-    t = t.slice(4);
-    const a = t.lastIndexOf("#");
-    a !== -1 && (t = t.slice(0, a));
+function Gt(t) {
+  let e = t.getAttribute(N);
+  if (!e) return null;
+  if (e.startsWith("loc:")) {
+    e = e.slice(4);
+    const c = e.lastIndexOf("#");
+    c !== -1 && (e = e.slice(0, c));
   }
-  const n = t.split(":");
+  const n = e.split(":");
   if (n.length < 2) return null;
-  const o = n[n.length - 1], r = n[n.length - 2], s = /^\d+$/.test(o), c = /^\d+$/.test(r);
-  if (s && c) {
-    const a = parseInt(o, 10), u = parseInt(r, 10), d = n.slice(0, -2).join(":");
-    return isNaN(u) || isNaN(a) || !d ? null : { fileName: d, lineNumber: u, columnNumber: a };
-  } else if (s) {
-    const a = parseInt(o, 10), u = n.slice(0, -1).join(":");
-    return isNaN(a) || !u ? null : { fileName: u, lineNumber: a };
+  const o = n[n.length - 1], r = n[n.length - 2], i = /^\d+$/.test(o), l = /^\d+$/.test(r);
+  if (i && l) {
+    const c = parseInt(o, 10), f = parseInt(r, 10), d = n.slice(0, -2).join(":");
+    return isNaN(f) || isNaN(c) || !d ? null : { fileName: d, lineNumber: f, columnNumber: c };
+  } else if (i) {
+    const c = parseInt(o, 10), f = n.slice(0, -1).join(":");
+    return isNaN(c) || !f ? null : { fileName: f, lineNumber: c };
   }
   return null;
 }
-function xt(e) {
-  return e.includes("node_modules");
+function Kt(t) {
+  return t.includes("node_modules");
 }
-function vt(e) {
-  const t = e.split("/");
-  return t[t.length - 1] || e;
+function Vt(t) {
+  const e = t.split("/");
+  return e[e.length - 1] || t;
 }
-function yt(e) {
-  if (mt.has(e.tagName.toUpperCase()) || e.hasAttribute("data-ui-lint") || e.getAttribute("aria-hidden") === "true") return !0;
-  const t = window.getComputedStyle(e);
-  if (t.display === "none" || t.visibility === "hidden") return !0;
-  const n = e.getBoundingClientRect();
+function Jt(t) {
+  if (qt.has(t.tagName.toUpperCase()) || t.hasAttribute("data-ui-lint") || t.getAttribute("aria-hidden") === "true") return !0;
+  const e = window.getComputedStyle(t);
+  if (e.display === "none" || e.visibility === "hidden") return !0;
+  const n = t.getBoundingClientRect();
   return n.width === 0 || n.height === 0;
 }
-function Vt(e = document.body, t = !0) {
+function kn(t = document.body, e = !0) {
   const n = [], o = /* @__PURE__ */ new Map();
-  wt();
-  const r = e.querySelectorAll(`[${j}]`);
-  for (const s of r) {
-    if (yt(s)) continue;
-    const c = bt(s);
-    if (!c || t && xt(c.fileName))
+  Xt();
+  const r = t.querySelectorAll(`[${N}]`);
+  for (const i of r) {
+    if (Jt(i)) continue;
+    const l = Gt(i);
+    if (!l || e && Kt(l.fileName))
       continue;
-    let a = s.getAttribute(j);
-    if (a.startsWith("loc:")) {
-      a = a.slice(4);
-      const f = a.lastIndexOf("#");
-      f !== -1 && (a = a.slice(0, f));
+    let c = i.getAttribute(N);
+    if (c.startsWith("loc:")) {
+      c = c.slice(4);
+      const u = c.lastIndexOf("#");
+      u !== -1 && (c = c.slice(0, u));
     }
-    const u = (o.get(a) ?? 0) + 1;
-    o.set(a, u);
-    const d = `loc:${a}#${u}`;
-    s.setAttribute(j, d), n.push({
+    const f = (o.get(c) ?? 0) + 1;
+    o.set(c, f);
+    const d = `loc:${c}#${f}`;
+    i.setAttribute(N, d), n.push({
       id: d,
-      element: s,
-      tagName: s.tagName.toLowerCase(),
-      className: typeof s.className == "string" ? s.className : "",
-      source: c,
-      rect: s.getBoundingClientRect()
+      element: i,
+      tagName: i.tagName.toLowerCase(),
+      className: typeof i.className == "string" ? i.className : "",
+      source: l,
+      rect: i.getBoundingClientRect()
     });
   }
   return n;
 }
-function Jt(e) {
-  const t = /* @__PURE__ */ new Map();
-  for (const r of e) {
+function Pn(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const r of t) {
     if (!r.source) continue;
-    const s = r.source.fileName, c = t.get(s) || [];
-    c.push(r), t.set(s, c);
+    const i = r.source.fileName, l = e.get(i) || [];
+    l.push(r), e.set(i, l);
   }
   const n = [];
   let o = 0;
-  for (const [r, s] of t)
+  for (const [r, i] of e)
     n.push({
       path: r,
-      displayName: vt(r),
-      color: ve[o % ve.length],
-      elements: s
+      displayName: Vt(r),
+      color: Ce[o % Ce.length],
+      elements: i
     }), o++;
-  return n.sort((r, s) => s.elements.length - r.elements.length), n;
+  return n.sort((r, i) => i.elements.length - r.elements.length), n;
 }
-function wt() {
-  document.querySelectorAll(`[${j}]`).forEach((t) => {
-    const n = t.getAttribute(j);
+function Xt() {
+  document.querySelectorAll(`[${N}]`).forEach((e) => {
+    const n = e.getAttribute(N);
     if (n && n.startsWith("loc:")) {
       let o = n.slice(4);
       const r = o.lastIndexOf("#");
-      r !== -1 && (o = o.slice(0, r)), t.setAttribute(j, o);
+      r !== -1 && (o = o.slice(0, r)), e.setAttribute(N, o);
     }
   });
 }
-function Xt(e) {
-  return document.querySelector(`[${j}="${e}"]`);
+function Rn(t) {
+  return document.querySelector(`[${N}="${t}"]`);
 }
-function Zt(e) {
-  return e.map((t) => ({
-    ...t,
-    rect: t.element.getBoundingClientRect()
+function jn(t) {
+  return t.map((e) => ({
+    ...e,
+    rect: e.element.getBoundingClientRect()
   }));
 }
-function Qt(e, t = "cursor", n) {
-  const { fileName: o, lineNumber: r, columnNumber: s } = e, c = s ?? 1;
-  let a = o;
-  return n && !o.startsWith("/") && (a = `${n.endsWith("/") ? n.slice(0, -1) : n}/${o}`), t === "cursor" ? `cursor://file/${encodeURIComponent(
-    a
-  )}:${r}:${c}` : `vscode://file/${encodeURIComponent(
-    a
-  )}:${r}:${c}`;
-}
-const D = /* @__PURE__ */ new Map(), se = 300 * 1e3, St = "/api/.uilint/source";
-async function Ce(e) {
-  const t = D.get(e);
-  if (t && Date.now() - t.fetchedAt < se)
+function An(t, e = "cursor", n) {
+  const { fileName: o, lineNumber: r, columnNumber: i } = t, l = i ?? 1;
+  let c = o;
+  return n && !o.startsWith("/") && (c = `${n.endsWith("/") ? n.slice(0, -1) : n}/${o}`), e === "cursor" ? `cursor://file/${encodeURIComponent(
+    c
+  )}:${r}:${l}` : `vscode://file/${encodeURIComponent(
+    c
+  )}:${r}:${l}`;
+}
+const F = /* @__PURE__ */ new Map(), ae = 300 * 1e3, Zt = "/api/.uilint/source";
+async function _e(t) {
+  const e = F.get(t);
+  if (e && Date.now() - e.fetchedAt < ae)
     return {
-      content: t.content,
-      relativePath: t.relativePath
+      content: e.content,
+      relativePath: e.relativePath
     };
   try {
     const n = await fetch(
-      `${St}?path=${encodeURIComponent(e)}`
+      `${Zt}?path=${encodeURIComponent(t)}`
     );
     if (!n.ok)
       return console.warn(`[UILint] Failed to fetch source: ${n.statusText}`), null;
     const o = await n.json();
-    return D.set(e, {
+    return F.set(t, {
       ...o,
       fetchedAt: Date.now()
     }), o;
@@ -1593,40 +2120,40 @@ async function Ce(e) {
     return console.error("[UILint] Error fetching source:", n), null;
   }
 }
-async function en(e, t = 5) {
-  const n = await Ce(e.fileName);
+async function Tn(t, e = 5) {
+  const n = await _e(t.fileName);
   if (!n) return null;
   const o = n.content.split(`
-`), r = e.lineNumber - 1, s = Math.max(0, r - t), c = Math.min(o.length, r + t + 1);
+`), r = t.lineNumber - 1, i = Math.max(0, r - e), l = Math.min(o.length, r + e + 1);
   return {
-    lines: o.slice(s, c),
-    startLine: s + 1,
+    lines: o.slice(i, l),
+    startLine: i + 1,
     // Back to 1-indexed
-    highlightLine: e.lineNumber,
+    highlightLine: t.lineNumber,
     relativePath: n.relativePath
   };
 }
-function tn() {
-  D.clear();
+function _n() {
+  F.clear();
 }
-function nn(e) {
-  const t = D.get(e);
-  return t ? Date.now() - t.fetchedAt >= se ? (D.delete(e), null) : {
-    content: t.content,
-    relativePath: t.relativePath
+function Nn(t) {
+  const e = F.get(t);
+  return e ? Date.now() - e.fetchedAt >= ae ? (F.delete(t), null) : {
+    content: e.content,
+    relativePath: e.relativePath
   } : null;
 }
-async function on(e) {
-  const t = [...new Set(e)].filter((o) => {
-    const r = D.get(o);
-    return !r || Date.now() - r.fetchedAt >= se;
+async function Ln(t) {
+  const e = [...new Set(t)].filter((o) => {
+    const r = F.get(o);
+    return !r || Date.now() - r.fetchedAt >= ae;
   }), n = 5;
-  for (let o = 0; o < t.length; o += n) {
-    const r = t.slice(o, o + n);
-    await Promise.all(r.map(Ce));
+  for (let o = 0; o < e.length; o += n) {
+    const r = e.slice(o, o + n);
+    await Promise.all(r.map(_e));
   }
 }
-const V = "data-elements", It = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "SVG", "NOSCRIPT", "TEMPLATE"]), Et = /* @__PURE__ */ new Set([
+const X = "data-elements", Qt = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "SVG", "NOSCRIPT", "TEMPLATE"]), en = /* @__PURE__ */ new Set([
   "HEADER",
   "NAV",
   "MAIN",
@@ -1634,124 +2161,124 @@ const V = "data-elements", It = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "SVG
   "SECTION",
   "ARTICLE",
   "ASIDE"
-]), G = {
+]), V = {
   button: /\b(btn|button)\b/i,
   card: /\b(card)\b/i,
   input: /\b(input|field|form-control)\b/i,
   link: /\b(link)\b/i
 };
-let je = 0;
-function Ct() {
-  document.querySelectorAll(`[${V}]`).forEach((t) => t.removeAttribute(V)), je = 0;
+let Ne = 0;
+function tn() {
+  document.querySelectorAll(`[${X}]`).forEach((e) => e.removeAttribute(X)), Ne = 0;
 }
-function jt() {
-  return `el-${++je}`;
+function nn() {
+  return `el-${++Ne}`;
 }
-function kt(e, t = 50) {
-  const n = e.trim().replace(/\s+/g, " ");
-  return n.length <= t ? n : n.slice(0, t - 3) + "...";
+function on(t, e = 50) {
+  const n = t.trim().replace(/\s+/g, " ");
+  return n.length <= e ? n : n.slice(0, e - 3) + "...";
 }
-function Rt(e, t) {
-  const n = e.getAttribute("role");
+function rn(t, e) {
+  const n = t.getAttribute("role");
   if (n) {
     if (n === "button") return "button";
     if (n === "link") return "link";
     if (n === "textbox" || n === "searchbox") return "input";
     if (n === "heading") return "heading";
   }
-  const o = e.tagName.toUpperCase();
+  const o = t.tagName.toUpperCase();
   if (o === "BUTTON") return "button";
   if (o === "A") return "link";
   if (o === "INPUT" || o === "TEXTAREA" || o === "SELECT") return "input";
   if (/^H[1-6]$/.test(o)) return "heading";
-  const r = e.getAttribute("data-ui-component");
+  const r = t.getAttribute("data-ui-component");
   if (r) {
-    const a = r.toLowerCase();
-    if (a.includes("button")) return "button";
-    if (a.includes("card")) return "card";
-    if (a.includes("input") || a.includes("field")) return "input";
-    if (a.includes("link")) return "link";
+    const c = r.toLowerCase();
+    if (c.includes("button")) return "button";
+    if (c.includes("card")) return "card";
+    if (c.includes("input") || c.includes("field")) return "input";
+    if (c.includes("link")) return "link";
   }
-  const s = e.className;
-  if (typeof s == "string") {
-    if (G.button.test(s)) return "button";
-    if (G.card.test(s)) return "card";
-    if (G.input.test(s)) return "input";
-    if (G.link.test(s)) return "link";
+  const i = t.className;
+  if (typeof i == "string") {
+    if (V.button.test(i)) return "button";
+    if (V.card.test(i)) return "card";
+    if (V.input.test(i)) return "input";
+    if (V.link.test(i)) return "link";
   }
-  if (Pt(e, t)) return "card";
-  if (Tt(t)) return "container";
-  const c = e.textContent?.trim() || "";
-  return c.length > 0 && c.length < 200 ? "text" : "other";
-}
-function Pt(e, t) {
-  if (e.children.length === 0) return !1;
-  const n = t.boxShadow && t.boxShadow !== "none", o = t.backgroundColor && t.backgroundColor !== "transparent" && t.backgroundColor !== "rgba(0, 0, 0, 0)", r = t.border && t.border !== "none" && !t.border.includes("0px"), s = t.borderRadius && t.borderRadius !== "0px";
-  return !!(n || (o || r) && s);
-}
-function Tt(e) {
-  const t = e.display;
-  if (t !== "flex" && t !== "grid") return !1;
-  const n = e.gap;
+  if (sn(t, e)) return "card";
+  if (ln(e)) return "container";
+  const l = t.textContent?.trim() || "";
+  return l.length > 0 && l.length < 200 ? "text" : "other";
+}
+function sn(t, e) {
+  if (t.children.length === 0) return !1;
+  const n = e.boxShadow && e.boxShadow !== "none", o = e.backgroundColor && e.backgroundColor !== "transparent" && e.backgroundColor !== "rgba(0, 0, 0, 0)", r = e.border && e.border !== "none" && !e.border.includes("0px"), i = e.borderRadius && e.borderRadius !== "0px";
+  return !!(n || (o || r) && i);
+}
+function ln(t) {
+  const e = t.display;
+  if (e !== "flex" && e !== "grid") return !1;
+  const n = t.gap;
   if (n && n !== "normal" && n !== "0px") return !0;
-  const o = e.padding;
+  const o = t.padding;
   if (o && o !== "0px") {
     const r = o.match(/(\d+)px/);
     if (r && parseInt(r[1], 10) > 8) return !0;
   }
   return !1;
 }
-function At(e) {
-  const t = [];
-  let n = e.parentElement;
-  for (; n && t.length < 3; ) {
+function an(t) {
+  const e = [];
+  let n = t.parentElement;
+  for (; n && e.length < 3; ) {
     const o = n.tagName.toUpperCase();
-    Et.has(o) && t.unshift(o.toLowerCase()), n = n.parentElement;
+    en.has(o) && e.unshift(o.toLowerCase()), n = n.parentElement;
   }
-  return t.join(" > ") || "root";
+  return e.join(" > ") || "root";
 }
-function _t(e) {
+function cn(t) {
   return {
-    fontSize: e.fontSize || void 0,
-    fontWeight: e.fontWeight || void 0,
-    color: e.color || void 0,
-    backgroundColor: e.backgroundColor === "rgba(0, 0, 0, 0)" ? void 0 : e.backgroundColor || void 0,
-    padding: e.padding === "0px" ? void 0 : e.padding || void 0,
-    borderRadius: e.borderRadius === "0px" ? void 0 : e.borderRadius || void 0,
-    border: e.border === "none" || e.border?.includes("0px") ? void 0 : e.border || void 0,
-    boxShadow: e.boxShadow === "none" ? void 0 : e.boxShadow || void 0,
-    gap: e.gap === "normal" || e.gap === "0px" ? void 0 : e.gap || void 0
+    fontSize: t.fontSize || void 0,
+    fontWeight: t.fontWeight || void 0,
+    color: t.color || void 0,
+    backgroundColor: t.backgroundColor === "rgba(0, 0, 0, 0)" ? void 0 : t.backgroundColor || void 0,
+    padding: t.padding === "0px" ? void 0 : t.padding || void 0,
+    borderRadius: t.borderRadius === "0px" ? void 0 : t.borderRadius || void 0,
+    border: t.border === "none" || t.border?.includes("0px") ? void 0 : t.border || void 0,
+    boxShadow: t.boxShadow === "none" ? void 0 : t.boxShadow || void 0,
+    gap: t.gap === "normal" || t.gap === "0px" ? void 0 : t.gap || void 0
   };
 }
-function ke(e) {
-  if (It.has(e.tagName.toUpperCase()) || e.hasAttribute("data-ui-lint-ignore") || e.getAttribute("aria-hidden") === "true") return !0;
-  const t = window.getComputedStyle(e);
-  return t.display === "none" || t.visibility === "hidden";
+function Le(t) {
+  if (Qt.has(t.tagName.toUpperCase()) || t.hasAttribute("data-ui-lint-ignore") || t.getAttribute("aria-hidden") === "true") return !0;
+  const e = window.getComputedStyle(t);
+  return e.display === "none" || e.visibility === "hidden";
 }
-function Nt(e) {
-  if (ke(e)) return null;
-  const t = window.getComputedStyle(e), n = Rt(e, t);
+function un(t) {
+  if (Le(t)) return null;
+  const e = window.getComputedStyle(t), n = rn(t, e);
   if (n === "other") return null;
-  const o = jt();
-  e.setAttribute(V, o);
-  const r = e.getBoundingClientRect(), s = e.textContent?.trim().slice(0, 100) || e.getAttribute("aria-label") || "";
+  const o = nn();
+  t.setAttribute(X, o);
+  const r = t.getBoundingClientRect(), i = t.textContent?.trim().slice(0, 100) || t.getAttribute("aria-label") || "";
   return {
     id: o,
-    tag: e.tagName.toLowerCase(),
+    tag: t.tagName.toLowerCase(),
     role: n,
-    text: kt(s),
-    component: e.getAttribute("data-ui-component") || void 0,
-    context: At(e),
-    styles: _t(t),
+    text: on(i),
+    component: t.getAttribute("data-ui-component") || void 0,
+    context: an(t),
+    styles: cn(e),
     rect: {
       width: Math.round(r.width),
       height: Math.round(r.height)
     }
   };
 }
-function rn(e) {
-  Ct();
-  const t = e || document.body, n = {
+function On(t) {
+  tn();
+  const e = t || document.body, n = {
     buttons: [],
     headings: [],
     cards: [],
@@ -1759,35 +2286,35 @@ function rn(e) {
     inputs: [],
     containers: []
   }, o = document.createTreeWalker(
-    t,
+    e,
     NodeFilter.SHOW_ELEMENT,
     {
-      acceptNode: (s) => ke(s) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
+      acceptNode: (i) => Le(i) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
     }
   );
   let r = o.currentNode;
   for (; r; ) {
     if (r instanceof Element) {
-      const s = Nt(r);
-      if (s)
-        switch (s.role) {
+      const i = un(r);
+      if (i)
+        switch (i.role) {
           case "button":
-            n.buttons.push(s);
+            n.buttons.push(i);
             break;
           case "heading":
-            n.headings.push(s);
+            n.headings.push(i);
             break;
           case "card":
-            n.cards.push(s);
+            n.cards.push(i);
             break;
           case "link":
-            n.links.push(s);
+            n.links.push(i);
             break;
           case "input":
-            n.inputs.push(s);
+            n.inputs.push(i);
             break;
           case "container":
-            n.containers.push(s);
+            n.containers.push(i);
             break;
         }
     }
@@ -1795,86 +2322,86 @@ function rn(e) {
   }
   return n;
 }
-function Re(e) {
-  return document.querySelector(`[${V}="${e}"]`);
+function Oe(t) {
+  return document.querySelector(`[${X}="${t}"]`);
 }
-function Lt() {
+function dn() {
   if (typeof document > "u")
     throw new Error("getUILintPortalHost() called outside of a DOM environment");
   return document.querySelector(".uilint-devtool-root") ?? document.body;
 }
-const T = "#3b82f6", Ot = 14, Dt = 22, Mt = 2, Ft = 3, $ = 2;
-function Bt(e, t = !1) {
+const O = "#3b82f6", fn = 14, pn = 22, gn = 2, hn = 3, U = 2;
+function mn(t, e = !1) {
   const n = [];
-  return e.forEach((o, r) => {
-    const s = Re(o);
-    if (!s) return;
-    const c = s.getBoundingClientRect();
+  return t.forEach((o, r) => {
+    const i = Oe(o);
+    if (!i) return;
+    const l = i.getBoundingClientRect();
     n.push({
       id: o,
       rect: {
-        top: c.top,
-        left: c.left,
-        width: c.width,
-        height: c.height
+        top: l.top,
+        left: l.left,
+        width: l.width,
+        height: l.height
       },
-      badgeNumber: t && e.length > 1 ? r + 1 : void 0
+      badgeNumber: e && t.length > 1 ? r + 1 : void 0
     });
   }), n;
 }
-function $t(e) {
-  const t = /* @__PURE__ */ new Set();
-  return e.forEach((n) => {
-    n.elementIds.forEach((o) => t.add(o));
-  }), t;
+function bn(t) {
+  const e = /* @__PURE__ */ new Set();
+  return t.forEach((n) => {
+    n.elementIds.forEach((o) => e.add(o));
+  }), e;
 }
-function zt({ rect: e }) {
-  const [t, n] = C(!1), o = t ? Dt : Ot, r = t ? Ft : Mt, s = t ? 10 : 6;
-  return /* @__PURE__ */ i.jsxs(
+function yn({ rect: t }) {
+  const [e, n] = T(!1), o = e ? pn : fn, r = e ? hn : gn, i = e ? 10 : 6;
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
       onMouseEnter: () => n(!0),
       onMouseLeave: () => n(!1),
       style: {
         position: "fixed",
-        top: e.top - o / 2,
-        left: e.left + e.width - o / 2,
+        top: t.top - o / 2,
+        left: t.left + t.width - o / 2,
         width: o,
         height: o,
-        borderRadius: t ? 4 : 3,
-        backgroundColor: t ? T : "rgba(59, 130, 246, 0.15)",
-        border: `${r}px solid ${T}`,
+        borderRadius: e ? 4 : 3,
+        backgroundColor: e ? O : "rgba(59, 130, 246, 0.15)",
+        border: `${r}px solid ${O}`,
         pointerEvents: "auto",
         cursor: "pointer",
         zIndex: 99997,
-        boxShadow: t ? "0 2px 8px rgba(59, 130, 246, 0.4)" : "0 0 4px rgba(59, 130, 246, 0.3)",
+        boxShadow: e ? "0 2px 8px rgba(59, 130, 246, 0.4)" : "0 0 4px rgba(59, 130, 246, 0.3)",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         transition: "all 0.15s ease-out"
       },
       children: [
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
             style: {
               position: "absolute",
-              width: s,
+              width: i,
               height: r,
-              backgroundColor: t ? "white" : T,
+              backgroundColor: e ? "white" : O,
               borderRadius: 1,
               transition: "all 0.15s ease-out"
             }
           }
         ),
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
             style: {
               position: "absolute",
               width: r,
-              height: s,
-              backgroundColor: t ? "white" : T,
+              height: i,
+              backgroundColor: e ? "white" : O,
               borderRadius: 1,
               transition: "all 0.15s ease-out"
             }
@@ -1884,40 +2411,40 @@ function zt({ rect: e }) {
     }
   );
 }
-function Wt({
-  rect: e,
-  badgeNumber: t
+function xn({
+  rect: t,
+  badgeNumber: e
 }) {
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
       "div",
       {
         style: {
           position: "fixed",
-          top: e.top - $,
-          left: e.left - $,
-          width: e.width + $ * 2,
-          height: e.height + $ * 2,
-          border: `${$}px solid ${T}`,
+          top: t.top - U,
+          left: t.left - U,
+          width: t.width + U * 2,
+          height: t.height + U * 2,
+          border: `${U}px solid ${O}`,
           borderRadius: 4,
-          backgroundColor: `${T}10`,
+          backgroundColor: `${O}10`,
           pointerEvents: "none",
           zIndex: 99998,
           transition: "all 0.15s ease-out"
         }
       }
     ),
-    t !== void 0 && /* @__PURE__ */ i.jsx(
+    e !== void 0 && /* @__PURE__ */ s.jsx(
       "div",
       {
         style: {
           position: "fixed",
-          top: e.top - 12,
-          left: e.left - 4,
+          top: t.top - 12,
+          left: t.left - 4,
           minWidth: 20,
           height: 20,
           borderRadius: 10,
-          backgroundColor: T,
+          backgroundColor: O,
           color: "white",
           fontSize: 11,
           fontWeight: 600,
@@ -1929,105 +2456,105 @@ function Wt({
           zIndex: 99999,
           fontFamily: "system-ui, -apple-system, sans-serif"
         },
-        children: t
+        children: e
       }
     )
   ] });
 }
-function sn({
-  violations: e,
-  selectedViolation: t,
+function zn({
+  violations: t,
+  selectedViolation: e,
   lockedViolation: n
 }) {
-  const [o, r] = C([]), [s, c] = C(
+  const [o, r] = T([]), [i, l] = T(
     []
-  ), [a, u] = C(!1), d = n || t, f = I(() => {
+  ), [c, f] = T(!1), d = n || e, u = E(() => {
     if (d) {
       r([]);
       return;
     }
-    const g = $t(e), R = [];
-    g.forEach((_) => {
-      const b = Re(_);
-      if (!b) return;
-      const S = b.getBoundingClientRect();
-      R.push({
-        id: _,
+    const b = bn(t), k = [];
+    b.forEach((R) => {
+      const y = Oe(R);
+      if (!y) return;
+      const I = y.getBoundingClientRect();
+      k.push({
+        id: R,
         rect: {
-          top: S.top,
-          left: S.left,
-          width: S.width,
-          height: S.height
+          top: I.top,
+          left: I.left,
+          width: I.width,
+          height: I.height
         }
       });
-    }), r(R);
-  }, [e, d]), m = I(() => {
+    }), r(k);
+  }, [t, d]), h = E(() => {
     if (!d) {
-      c([]);
+      l([]);
       return;
     }
-    const g = Bt(d.elementIds, !0);
-    c(g);
+    const b = mn(d.elementIds, !0);
+    l(b);
   }, [d]);
-  if (A(() => (u(!0), () => u(!1)), []), A(() => {
-    f(), m();
-    const g = () => {
-      f(), m();
+  if (z(() => (f(!0), () => f(!1)), []), z(() => {
+    u(), h();
+    const b = () => {
+      u(), h();
     };
-    return window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
-      window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
+    return window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
-  }, [f, m]), !a || e.length === 0) return null;
-  const p = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    !d && o.map((g) => /* @__PURE__ */ i.jsx(zt, { rect: g.rect }, g.id)),
-    d && s.map((g) => /* @__PURE__ */ i.jsx(Wt, { rect: g.rect, badgeNumber: g.badgeNumber }, g.id))
+  }, [u, h]), !c || t.length === 0) return null;
+  const x = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    !d && o.map((b) => /* @__PURE__ */ s.jsx(yn, { rect: b.rect }, b.id)),
+    d && i.map((b) => /* @__PURE__ */ s.jsx(xn, { rect: b.rect, badgeNumber: b.badgeNumber }, b.id))
   ] });
-  return U(p, Lt());
+  return Y(x, dn());
 }
 export {
-  dt as CommandPalette,
-  sn as ConsistencyHighlighter,
-  j as DATA_UILINT_ID,
-  Kt as DEFAULT_SETTINGS,
-  Gt as FILE_COLORS,
-  tt as FloatingIcon,
-  ht as InspectorSidebar,
-  qt as UILint,
-  Qt as buildEditorUrl,
-  wt as cleanupDataAttributes,
-  Ct as cleanupDataElements,
-  tn as clearSourceCache,
-  hn as createEmptyStyleGuide,
-  rt as createIssueId,
-  rn as createSnapshot,
-  gn as createStyleSummary,
-  mn as extractStylesFromDOM,
-  Ce as fetchSource,
-  en as fetchSourceWithContext,
-  Yt as fromESLintIssue,
-  bn as generateStyleGuide,
-  nn as getCachedSource,
-  vt as getDisplayName,
-  Xt as getElementById,
-  Re as getElementBySnapshotId,
-  bt as getSourceFromDataLoc,
-  Jt as groupBySourceFile,
-  an as isBrowser,
-  un as isJSDOM,
-  dn as isNode,
-  xt as isNodeModulesPath,
-  xn as mergeStyleGuides,
-  ot as parseDataLoc,
-  vn as parseStyleGuide,
-  on as prefetchSources,
-  fn as scanDOM,
-  Vt as scanDOMForSources,
-  yn as serializeStyles,
-  it as severityFromNumber,
-  ie as severityToColor,
-  Zt as updateElementRects,
-  nt as useElementRects,
-  Ee as useIssues,
-  ct as useKeyboardShortcuts
+  Bt as CommandPalette,
+  zn as ConsistencyHighlighter,
+  N as DATA_UILINT_ID,
+  En as DEFAULT_SETTINGS,
+  In as FILE_COLORS,
+  At as FloatingIcon,
+  Ht as InspectorSidebar,
+  Cn as UILint,
+  An as buildEditorUrl,
+  Xt as cleanupDataAttributes,
+  tn as cleanupDataElements,
+  _n as clearSourceCache,
+  Hn as createEmptyStyleGuide,
+  Nt as createIssueId,
+  On as createSnapshot,
+  Yn as createStyleSummary,
+  qn as extractStylesFromDOM,
+  _e as fetchSource,
+  Tn as fetchSourceWithContext,
+  Sn as fromESLintIssue,
+  Gn as generateStyleGuide,
+  Nn as getCachedSource,
+  Vt as getDisplayName,
+  Rn as getElementById,
+  Oe as getElementBySnapshotId,
+  Gt as getSourceFromDataLoc,
+  Pn as groupBySourceFile,
+  Fn as isBrowser,
+  Mn as isJSDOM,
+  Bn as isNode,
+  Kt as isNodeModulesPath,
+  Kn as mergeStyleGuides,
+  _t as parseDataLoc,
+  Vn as parseStyleGuide,
+  Ln as prefetchSources,
+  Wn as scanDOM,
+  kn as scanDOMForSources,
+  Jn as serializeStyles,
+  Lt as severityFromNumber,
+  le as severityToColor,
+  jn as updateElementRects,
+  Tt as useElementRects,
+  Te as useIssues,
+  $t as useKeyboardShortcuts
 };
 //# sourceMappingURL=index.js.map