mesurer-solid 0.2.3-beta.1 → 0.2.3-beta.10

package/AGENT_INTEGRATION.md

@@ -225,6 +225,7 @@ const context = await window.__MESURER__.context({ annotation: annotationId })
 ```
 
 Saved annotation UI is source-linked presentation, not the durable state itself. Saved annotations survive a same-tab reload and conservatively rebind through their stored selector/fingerprint identity; ambiguous targets remain unresolved rather than attaching to a different element. Add Note, its composer, saved markers and panels, and the ownership edge move with their target through window and nested scrolling. A saved panel keeps its target-relative page point and may leave the viewport with its source. Several notes on one target keep separate nearby markers, and Add Note remains available while an existing note is open.
+The composer is a compact auto-growing text field with an in-field Send button. Enter sends, Shift+Enter inserts a newline, and Escape discards. The first outside click on a non-empty draft prompts rather than discarding it; a second outside click closes it.
 
 Do not infer that an annotation disappeared because its card or marker is currently offscreen. Read `annotations()` and annotation-scoped `context()` instead. When a note is highlighted, the temporary ownership emphasis uses one exact target boundary rather than a second fill, glow, or rounded frame.
 

package/README.md

@@ -105,6 +105,7 @@ Programmatic injection reuses an existing connected instance by default. Lifecyc
 - Add page-scoped columns, rows, or pixel grids with the optional `layoutGuides()` plugin. Guide edits participate in plugin undo/redo, and Context includes the current page's saved guides with their visibility state.
 - Inspect rendered typography in Select. Edit previews reversible direct copy and style changes.
 - Use Edit to move selected UI and change direct text, typography, and text color without changing source.
+- Open the built-in, default-on Responsive inspector with **B** to inspect up to six live same-origin viewports, use per-preview Guides, and annotate preview targets through Context. Disable it in **Settings > Plugins** or omit it with `excludeBuiltins: ["responsive"]`.
 - Capture page regions through the optional Screenshot plugin. It selects native host capture, the Chromium extension adapter, or browser display capture internally, and flattens transparent native captures against the renderer backdrop before preview, copy, or save.
 - Record adjustable selected regions through the optional Recording plugin at 60 fps by default or 120 fps when selected and supported. Browser, extension, and Electron APIs only acquire the stream; MediaBunny owns encoding, inspection, trim, 1×/2×/3× resize, and WebM/MP4 export.
 - Read selection, measurements, guides, annotations, layout, styles, and saved human intent through Context and agent APIs.
@@ -154,6 +155,7 @@ Global shortcuts are enabled by default. Turn them off from **Settings > General
 | `A` | Typography |
 | `G` | Guides |
 | `L` | Layout Guides when the plugin is enabled |
+| `B` | Responsive inspector |
 | `H` / `V` | Horizontal / vertical guide orientation |
 | `Alt` / `Option` | Distance overlay |
 | `Cmd/Ctrl + ,` | Settings |
@@ -206,6 +208,7 @@ See [Queue Context feedback to Codex](https://github.com/jhomra21/mesurer-solid/
 - [Measurements and distance geometry](https://github.com/jhomra21/mesurer-solid/blob/main/docs/MEASUREMENTS.md)
 - [Screenshots](https://github.com/jhomra21/mesurer-solid/blob/main/docs/SCREENSHOTS.md)
 - [Recording](https://github.com/jhomra21/mesurer-solid/blob/main/docs/RECORDING.md)
+- [Responsive inspector](https://github.com/jhomra21/mesurer-solid/blob/main/docs/RESPONSIVE_INSPECTOR.md)
 - [Electron renderer example](https://github.com/jhomra21/mesurer-solid/blob/main/examples/electron-renderer/README.md)
 - [Context workflow](https://github.com/jhomra21/mesurer-solid/blob/main/docs/CONTEXT_WORKFLOW.md)
 - [Queue Context feedback to Codex](https://github.com/jhomra21/mesurer-solid/blob/main/docs/CODEX.md)

package/dist/context.d.ts

@@ -87,6 +87,16 @@ export type MesurerAnnotationTarget = {
     selector: string;
     fingerprint: MesurerElementFingerprint;
     lastRect: MesurerContextRect;
+    viewport?: {
+        url: string;
+        width: number;
+        height: number;
+        previewId: string;
+    };
+    domPath?: Array<{
+        kind: "frame" | "shadow";
+        selector: string;
+    }>;
 };
 export type MesurerAnnotationBaseline = {
     targets: Array<{
@@ -141,6 +151,8 @@ export type MesurerAnnotation = {
 export type MesurerContextTarget = {
     ref: string;
     inspection: MesurerElementInspection;
+    viewport?: MesurerAnnotationTarget["viewport"];
+    domPath?: MesurerAnnotationTarget["domPath"];
 };
 export type MesurerContextGuide = {
     id: string;
@@ -212,6 +224,7 @@ export type MesurerContextV1 = {
         scrollY: number;
     };
     coordinateSpace: "viewport-css-px";
+    previewViewport?: MesurerAnnotationTarget["viewport"];
     /** Requested/annotated viewport regions. Empty for whole-workspace context. */
     regions: MesurerContextRect[];
     visualState: {
@@ -255,6 +268,7 @@ export type MesurerCapturePlanV1 = {
     contextId: string;
     chrome: "hide";
     evidence: "show";
+    previewViewport?: MesurerAnnotationTarget["viewport"];
     captures: Array<{
         id: "viewport";
         kind: "viewport";
@@ -315,6 +329,7 @@ export type MesurerWorkspaceContextSource = {
         }>;
     } | null;
     elementRect?(element: Element): MesurerContextRect;
+    targetScope?(element: Element): Pick<MesurerAnnotationTarget, "viewport" | "domPath">;
     currentSelection(): {
         elements: Element[];
         region: MesurerContextRect | null;

package/dist/core.js

@@ -22,7 +22,7 @@ function n() {
 		},
 		async emit(t, n) {
 			let r = Array.from(e.get(t) ?? []);
-			for (let e of r) await e(n);
+			for (let i of r) e.get(t)?.has(i) && await i(n);
 		},
 		clear() {
 			e.clear();

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import { type MesurerAgentHarness, type MesurerTextEditIntent } from "./agent";
 import { type EditCapturePlan, type EditIntent, type EditPresentation, type EditReview } from "./arrange";
 import type { MesurerAnnotation, MesurerCapturePlanV1, MesurerContextRequest, MesurerContextV1, MesurerReviewV1 } from "./context";
-import type { MesurerPlugin, MesurerPluginDescription, MesurerPluginHost } from "./core";
+import { type MesurerPlugin, type MesurerPluginDescription, type MesurerPluginHost } from "./core";
 import { type MesurerHostLayerMode } from "./host-layer";
 export type ColorPickerFormat = "hex" | "rgb" | "hsl" | "oklch";
 export type MesurerTheme = "system" | "light" | "dark";
 /** Public built-in names, aligned with the factories exported by `mesurer-solid/plugins`. */
-export type MesurerBuiltin = "select" | "xray" | "colorPicker" | "rulers" | "typography" | "guides" | "distance" | "settings";
+export type MesurerBuiltin = "select" | "xray" | "colorPicker" | "rulers" | "responsive" | "typography" | "guides" | "distance" | "settings";
 /** @deprecated Internal compatibility ids used by the older `excludePlugins` option. */
-export type MesurerBuiltinPluginId = "select" | "xray" | "color-picker" | "rulers" | "text-inspector" | "guides" | "distance" | "settings";
+export type MesurerBuiltinPluginId = "select" | "xray" | "color-picker" | "rulers" | "responsive" | "text-inspector" | "guides" | "distance" | "settings";
 export type LinePattern = "solid" | "dashed" | "dotted";
 export type LineStyle = {
     opacity: number;