browsertrack 0.1.2 → 0.2.0

package/dist/client/index.d.ts

@@ -1,4 +1,4 @@
-import { B as Breadcrumb, i as ElementSummary, b as ClientCommand, d as CommandResponse, t as VisualNote, R as RegionContext } from '../notes-CBvN91Wf.js';
+import { B as Breadcrumb, i as ElementSummary, b as ClientCommand, d as CommandResponse, v as VisualNote, R as RegionContext } from '../notes-BMnonq46.js';
 
 interface BrowserDiagClientOptions {
     daemonUrl?: string;
@@ -142,15 +142,21 @@ interface InspectorOptions {
     showToolbar?: boolean;
     onNoteCreated?: (note: Partial<VisualNote>) => void;
 }
+interface ActiveScenarioState {
+    id: string;
+    title: string;
+    stepNumber: number;
+}
 /**
- * Isolated Visual Note Inspector rendering in Shadow DOM.
+ * Isolated Visual Note & Multi-Step Scenario Inspector rendering in Shadow DOM.
  * Supports:
  * 1. Element selection (hover highlight & click)
  * 2. Region / Area selection (drag-and-drop rectangle on screen with cancel banner)
  * 3. Whole page note
- * 4. Real-time Saved Note Markers (pins on elements/regions when page loads or syncs)
- * 5. Interactive Note Detail Card (view message, target, resolve/delete actions)
- * 6. Floating quick dock / toolbar in bottom-right corner with Notes count toggle
+ * 4. Multi-Step Flow / Scenario Recording (sequential 'Save & Next Step' continuous capture)
+ * 5. Real-time Saved Note & Step Markers (pins with step sequencing numbers)
+ * 6. Interactive Note & Step Detail Card (with previous/next step walk-through navigation)
+ * 7. Floating quick dock / toolbar in bottom-right corner with Notes count and Flow controls
  */
 declare class NoteInspector {
     private transport;
@@ -166,7 +172,9 @@ declare class NoteInspector {
     private toolbarElement;
     private modalOverlay;
     private cardOverlay;
+    private toastContainer;
     private activeMode;
+    private activeScenario;
     private hoveredElement;
     private selectedElement;
     private selectedRegion;
@@ -179,6 +187,9 @@ declare class NoteInspector {
     constructor(transport: WebSocketTransport, screenshotDriver: ScreenshotDriver, options?: InspectorOptions);
     init(): void;
     syncNotes(notes: VisualNote[]): void;
+    showToast(message: string, icon?: string, durationMs?: number): void;
+    startScenario(title?: string): void;
+    finishScenario(): void;
     setMode(mode: NoteInspectMode): void;
     private ensureContainer;
     private createToolbar;
@@ -195,10 +206,18 @@ declare class NoteInspector {
     openNoteEditor(el?: HTMLElement, noteType?: 'element' | 'page'): void;
     openRegionNoteEditor(region: RegionContext): void;
     private renderNoteModal;
-    saveVisualNote(targetEl: HTMLElement, message: string, noteType?: 'element' | 'page'): Promise<void>;
-    saveRegionVisualNote(region: RegionContext, message: string): Promise<void>;
-    private cropDataUrl;
+    saveVisualNote(targetEl: HTMLElement, message: string, noteType?: 'element' | 'page', scenario?: {
+        scenarioId?: string;
+        stepNumber?: number;
+        scenarioTitle?: string;
+    }): Promise<void>;
+    saveRegionVisualNote(region: RegionContext, message: string, scenario?: {
+        scenarioId?: string;
+        stepNumber?: number;
+        scenarioTitle?: string;
+    }): Promise<void>;
     private extractElementContext;
+    private cropDataUrl;
     destroy(): void;
 }
 
@@ -208,4 +227,4 @@ declare class NoteInspector {
 declare function init(options?: BrowserDiagClientOptions): BrowserTrackClient;
 declare function getClient(): BrowserTrackClient | null;
 
-export { BreadcrumbBuffer, type BrowserDiagClientOptions, BrowserScriptScreenshotDriver, BrowserTrackClient, DEFAULT_OPTIONS, type InspectorOptions, type NoteInspectMode, NoteInspector, type ScreenshotDriver, type ScreenshotResult, getClient, init };
+export { type ActiveScenarioState, BreadcrumbBuffer, type BrowserDiagClientOptions, BrowserScriptScreenshotDriver, BrowserTrackClient, DEFAULT_OPTIONS, type InspectorOptions, type NoteInspectMode, NoteInspector, type ScreenshotDriver, type ScreenshotResult, getClient, init };

package/dist/client/index.js

@@ -6,7 +6,7 @@ import {
   NoteInspector,
   getClient,
   init
-} from "../chunk-SKCMT2DE.js";
+} from "../chunk-WB7ZKWK7.js";
 import "../chunk-6VA7GBAO.js";
 export {
   BreadcrumbBuffer,