@ewjdev/anyclick-react 1.4.1 → 3.0.0

package/README.md

@@ -43,6 +43,29 @@ export function Providers({ children }: { children: React.ReactNode }) {
 
 That's it! Users can now right-click any element to submit feedback.
 
+### Advanced inspector (DevTools UI)
+
+For the full Chrome DevTools-style inspector (modification tracking, box model overlay, accessibility deep dive), install the dedicated package:
+
+```bash
+npm install @ewjdev/anyclick-devtools
+```
+
+```tsx
+import {
+  InspectDialogManager,
+  openInspectDialog,
+} from "@ewjdev/anyclick-devtools";
+
+// Place once near the root
+<InspectDialogManager />;
+
+// Trigger from a menu item or button
+openInspectDialog(targetElement);
+```
+
+`@ewjdev/anyclick-react` keeps the tiny inspector for quick selector/copy/screenshot flows, while `@ewjdev/anyclick-devtools` hosts the full-featured experience.
+
 ## Features
 
 - 🖱️ **Right-Click Context Menu** - Native feel with customizable items
@@ -53,7 +76,7 @@ That's it! Users can now right-click any element to submit feedback.
 - 📁 **Submenus** - Organize menu items with nested submenus
 - 🎯 **Scoped Providers** - Limit feedback capture to specific components
 - 🎨 **Nested Theming** - Override themes for specific sections of your app
-- 🔍 **Element Inspector** - Chrome DevTools-style inspect dialog
+- 🔍 **Tiny Inspector** - Built-in lightweight inspector (selector, contents, screenshot); full DevTools UI now lives in `@ewjdev/anyclick-devtools`
 - ⚡ **Performance Optimized** - Memoized components and efficient re-renders
 
 ## API Reference