@james-infotrack/demo-recorder 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,143 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [0.1.0] - 2026-01-23
+
+### Added
+
+#### Core Components
+- **DemoRecorder** - Comprehensive component for capturing user interactions
+  - Event capture for clicks, inputs, scrolls, and navigation
+  - DOM change detection with MutationObserver
+  - Network request interception (fetch + XMLHttpRequest)
+  - Screenshot capture with html2canvas integration
+  - Form input tracking with sensitive data masking
+  
+- **DemoPlayer** - Interactive demo playback with visual feedback
+  - Spotlight highlighting of target elements
+  - Step-by-step tooltips with navigation controls
+  - Video-style playback controls (play/pause/skip/speed)
+  - 8 action types: click, input, select, scroll, wait, navigate, hover, focus
+  - Support for both 'real' and 'simulated' execution modes
+  
+- **ConfigEditor** - Visual editor for demo configurations
+  - Monaco editor with JSON syntax highlighting
+  - Real-time schema validation
+  - Live preview of demo steps in iframe
+  - Error highlighting with actionable messages
+  - Split-pane layout with resizable panels
+
+#### AI Integration
+- AI-powered demo step generation using Claude API
+  - Automatic selector generation with 7-level priority system
+  - Intelligent action inference from captured events
+  - Context-aware instruction generation
+  - Support for custom AI prompts and instructions
+
+#### Type System
+- Complete TypeScript type definitions for all components
+- Comprehensive type exports for:
+  - Demo configurations (`DemoConfig`, `Demo`, `DemoStep`)
+  - Actions (`ClickAction`, `InputAction`, etc.)
+  - Events (`RecordingEvent`, `DOMChangesSummary`)
+  - Components props and callbacks
+
+#### Utilities
+- Selector generation with priority-based fallback system
+- Timing utilities for accurate playback synchronization
+- Config validation with detailed error reporting
+- Screenshot optimization and compression
+
+#### Testing
+- 772 unit and integration tests
+- Test coverage across all major components
+- E2E test scenarios for complete workflows
+- Mock implementations for external dependencies
+
+#### Documentation
+- Comprehensive README with examples
+- API reference with TypeScript interfaces
+- Configuration guide
+- Troubleshooting section
+- Contributing guidelines
+
+### Technical Details
+
+#### Build System
+- Vite-based build with dual output (ESM + CJS)
+- TypeScript declarations included
+- Optimized bundle sizes:
+  - ESM: 370KB (87.58 KB gzipped)
+  - CJS: 280KB (76.69 KB gzipped)
+- Tree-shakeable exports
+
+#### Code Quality
+- Biome linter configuration
+- TypeScript strict mode enabled
+- 100% type coverage
+- Zero linting errors
+- Formatted code with consistent style
+
+#### Browser Support
+- Modern browsers with ES2020 support
+- React 18.0.0 or higher required
+- DOM and DOM.Iterable APIs
+
+### Known Limitations
+
+- Test environment requires additional configuration for optimal compatibility
+- Some test scenarios may require specific jsdom setup
+- Large demos (100+ steps) may experience minor performance overhead
+- Screenshot capture requires same-origin policy compliance
+
+### Dependencies
+
+#### Peer Dependencies (Required)
+- react ^18.0.0
+- react-dom ^18.0.0
+
+#### Direct Dependencies
+- @anthropic-ai/sdk ^0.34.1
+- @theme-ui/theme-provider ^0.17.9
+- html2canvas ^1.4.1
+- monaco-editor ^0.54.3
+- theme-ui ^0.17.9
+
+### Migration Guide
+
+This is the initial release. No migration needed.
+
+### Breaking Changes
+
+N/A - Initial release
+
+### Security
+
+- Sensitive data masking for password, credit card, and SSN fields
+- API keys should be stored securely and not committed to repositories
+- Network interceptor respects CORS policies
+- Screenshot capture sanitizes sensitive form inputs
+
+### Contributors
+
+This release was built with assistance from GitHub Copilot CLI.
+
+---
+
+## [Unreleased]
+
+### Planned Features
+- React hooks API (useRecorder, usePlayer)
+- Additional action types (drag-and-drop, file upload)
+- Enhanced mobile device support
+- Performance optimizations for large demos
+- Improved test coverage (target: 80%+)
+- CI/CD pipeline setup
+
+---
+
+[0.1.0]: https://github.com/InfoTrackGlobal/demo-mode/releases/tag/v0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 InfoTrack Global
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,181 @@
+# Demo Recorder - Quick Start
+
+A React library for recording and playing back interactive web application demos with AI assistance.
+
+## 🚀 Quick Start
+
+### Installation
+
+```bash
+npm install @company/demo-recorder
+# or
+bun add @company/demo-recorder
+```
+
+### Usage
+
+```tsx
+import { DemoRecorder, DemoPlayer } from '@company/demo-recorder';
+
+// Record a demo
+<DemoRecorder
+  pluginId="my-app"
+  pluginName="My Application"
+  apiKey="sk-your-openai-api-key"
+  onComplete={(config) => console.log('Recorded!', config)}
+/>
+
+// Play back a demo
+<DemoPlayer
+  config={demoConfig}
+  demoId="demo-1"
+  onComplete={(summary) => console.log('Completed!', summary)}
+/>
+```
+
+## 📁 Repository Structure
+
+- `src/` - Source code for the library
+- `dist/` - Built library files (generated)
+- `tests/` - Test files
+- `examples/` - Example applications
+- `docs/` - Full documentation and guides
+
+## 🛠️ Development
+
+### Prerequisites
+
+- Node.js 16+ or Bun runtime
+- React 18+
+
+### Local Development & Testing
+
+To test the library locally without installing it as a package:
+
+#### Option 1: Using the Dev Server (Recommended)
+
+```bash
+# Install dependencies
+npm install
+# or
+bun install
+
+# Start the dev server with hot reload
+npm run dev
+# or
+bun run dev
+```
+
+This starts a Vite dev server at `http://localhost:5173` where you can test the library with live reloading.
+
+#### Option 2: Build and Link
+
+```bash
+# Build the library
+npm run build
+# or
+bun run build
+
+# Link the package locally
+npm link
+# or
+bun link
+
+# In your test project
+npm link @company/demo-recorder
+# or
+bun link @company/demo-recorder
+```
+
+#### Option 3: Direct Import (for quick testing)
+
+Create a test file in the root directory:
+
+```tsx
+// test-app.tsx
+import { DemoRecorder } from './src/index';
+
+function TestApp() {
+  return (
+    <DemoRecorder
+      pluginId="test"
+      pluginName="Test App"
+      apiKey="your-key"
+      onComplete={(config) => console.log(config)}
+    />
+  );
+}
+```
+
+Run with: `npm run dev` or `bun run dev`
+
+### Available Scripts
+
+```bash
+npm run dev          # Start dev server with hot reload
+npm run build        # Build the library for production
+npm run preview      # Preview the production build
+npm run test         # Run tests
+npm run test:ui      # Run tests with UI
+npm run lint         # Lint code
+npm run format       # Format code
+npm run typecheck    # Type check without emitting
+```
+
+## 🧪 Testing
+
+```bash
+# Run all tests
+npm test
+
+# Run tests with UI
+npm run test:ui
+
+# Run tests with coverage
+npm run test:coverage
+```
+
+## 📚 Documentation
+
+Full documentation is available in the `docs/` folder:
+
+- [Full API Documentation](docs/README.md) - Complete API reference and usage guide
+- [Tutorial](docs/TUTORIAL.md) - Step-by-step tutorial
+- [Development Guide](docs/DEVELOPMENT.md) - Development workflows
+- [Contributing Guide](docs/CONTRIBUTING.md) - How to contribute
+- [Security](docs/SECURITY.md) - Security considerations
+- [Changelog](docs/CHANGELOG.md) - Version history
+
+## 📦 Examples
+
+Check out the `examples/` directory for complete working examples:
+
+- `examples/basic/` - Basic usage of all components
+- `examples/custom-styling/` - Custom themes and styling
+- `examples/config-editor/` - Configuration management
+- `examples/full-app/` - Complete demo management application
+
+## 🤝 Contributing
+
+We welcome contributions! Please see [CONTRIBUTING.md](docs/CONTRIBUTING.md) for guidelines.
+
+## 📄 License
+
+MIT License - see [LICENSE](LICENSE) file for details
+
+## 🔗 Links
+
+- [npm Package](https://www.npmjs.com/package/@company/demo-recorder)
+- [GitHub Repository](https://github.com/InfoTrackGlobal/demo-mode)
+- [Issue Tracker](https://github.com/InfoTrackGlobal/demo-mode/issues)
+
+## 💬 Support
+
+For questions or issues, please:
+1. Check the [documentation](docs/README.md)
+2. Review [existing issues](https://github.com/InfoTrackGlobal/demo-mode/issues)
+3. Create a new issue if needed
+
+---
+
+Made with ❤️ by InfoTrack Global

package/dist/components/configEditor/configEditor.component.d.ts

@@ -0,0 +1,8 @@
+import type { DemoConfig } from '@models/config.model';
+export interface ConfigEditorProps {
+    initialConfig: DemoConfig;
+    onChange?: (config: DemoConfig) => void;
+    onError?: (errors: string[]) => void;
+}
+export declare function ConfigEditor({ initialConfig, onChange, onError }: ConfigEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=configEditor.component.d.ts.map

package/dist/components/configEditor/configEditor.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configEditor.component.d.ts","sourceRoot":"","sources":["../../../src/components/configEditor/configEditor.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CA8HnF"}

package/dist/components/configEditor/index.d.ts

@@ -0,0 +1,5 @@
+export { ConfigEditor, type ConfigEditorProps } from './configEditor.component';
+export { JSONEditor, type JSONEditorProps } from './jsonEditor.component';
+export type { LivePreviewProps } from './livePreview.component';
+export { LivePreview } from './livePreview.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/configEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/configEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/configEditor/jsonEditor.component.d.ts

@@ -0,0 +1,8 @@
+import type { editor } from 'monaco-editor';
+export interface JSONEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onValidationError: (errors: editor.IMarker[]) => void;
+}
+export declare function JSONEditor({ value, onChange, onValidationError }: JSONEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=jsonEditor.component.d.ts.map

package/dist/components/configEditor/jsonEditor.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonEditor.component.d.ts","sourceRoot":"","sources":["../../../src/components/configEditor/jsonEditor.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,eAAe,2CA+DjF"}

package/dist/components/configEditor/livePreview.component.d.ts

@@ -0,0 +1,8 @@
+import type { DemoConfig } from '@/models/config.model';
+export interface LivePreviewProps {
+    config: DemoConfig;
+    currentStepIndex: number;
+    onStepIndexChange: (index: number) => void;
+}
+export declare function LivePreview({ config, currentStepIndex, onStepIndexChange, }: LivePreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=livePreview.component.d.ts.map

package/dist/components/configEditor/livePreview.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"livePreview.component.d.ts","sourceRoot":"","sources":["../../../src/components/configEditor/livePreview.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,gBAAgB,2CAsHlB"}

package/dist/components/demoPlayer/demoPlayer.component.d.ts

@@ -0,0 +1,15 @@
+import type { DemoConfig } from '@/models/config.model';
+export interface DemoPlayerProps {
+    config: DemoConfig;
+    demoId: string;
+    onComplete?: (summary: DemoSummary) => void;
+}
+export interface DemoSummary {
+    demoId: string;
+    completedSteps: number;
+    totalSteps: number;
+    timeSpent: number;
+    skippedSteps: number[];
+}
+export declare function DemoPlayer({ config, demoId, onComplete }: DemoPlayerProps): import("react").JSX.Element;
+//# sourceMappingURL=demoPlayer.component.d.ts.map

package/dist/components/demoPlayer/demoPlayer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"demoPlayer.component.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/demoPlayer.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,uBAAuB,CAAC;AAKlE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAID,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,eAAe,+BAwJzE"}

package/dist/components/demoPlayer/index.d.ts

@@ -0,0 +1,9 @@
+export type { DemoPlayerProps, DemoSummary } from './demoPlayer.component';
+export { DemoPlayer } from './demoPlayer.component';
+export type { PlayerControlsProps } from './playerControls.component';
+export { PlayerControls } from './playerControls.component';
+export type { SpotlightProps } from './spotlight.component';
+export { Spotlight } from './spotlight.component';
+export type { StepTooltipProps } from './stepTooltip.component';
+export { StepTooltip } from './stepTooltip.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/demoPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/demoPlayer/playerControls.component.d.ts

@@ -0,0 +1,12 @@
+export interface PlayerControlsProps {
+    isPlaying: boolean;
+    onPlayPause: () => void;
+    currentStep: number;
+    totalSteps: number;
+    playbackSpeed: number;
+    onSpeedChange: (speed: number) => void;
+    onSkip: () => void;
+    onPrev: () => void;
+}
+export declare function PlayerControls({ isPlaying, onPlayPause, currentStep, totalSteps, playbackSpeed, onSpeedChange, onSkip, onPrev, }: PlayerControlsProps): import("react").JSX.Element;
+//# sourceMappingURL=playerControls.component.d.ts.map

package/dist/components/demoPlayer/playerControls.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playerControls.component.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/playerControls.component.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,mBAAmB,+BAqFrB"}

package/dist/components/demoPlayer/playerControls.styles.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeUIStyleObject } from 'theme-ui';
+export declare const container: ThemeUIStyleObject;
+export declare const progressBar: ThemeUIStyleObject;
+export declare const progressTrack: ThemeUIStyleObject;
+export declare const progressFill: ThemeUIStyleObject;
+//# sourceMappingURL=playerControls.styles.d.ts.map

package/dist/components/demoPlayer/playerControls.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playerControls.styles.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/playerControls.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,SAAS,EAAE,kBAWvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,kBAKzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,kBAO3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAQ1B,CAAC"}

package/dist/components/demoPlayer/spotlight.component.d.ts

@@ -0,0 +1,7 @@
+import '../../styles/player.styles.css';
+export interface SpotlightProps {
+    targetSelector: string;
+    isActive: boolean;
+}
+export declare function Spotlight({ targetSelector, isActive }: SpotlightProps): import("react").JSX.Element | null;
+//# sourceMappingURL=spotlight.component.d.ts.map

package/dist/components/demoPlayer/spotlight.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.component.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/spotlight.component.tsx"],"names":[],"mappings":"AAEA,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,cAAc,sCAmFrE"}

package/dist/components/demoPlayer/stepTooltip.component.d.ts

@@ -0,0 +1,10 @@
+import type { DemoStep } from '@/models/config.model';
+export interface StepTooltipProps {
+    step: DemoStep;
+    position: 'top' | 'bottom' | 'left' | 'right' | 'auto';
+    onNext: () => void;
+    onPrev: () => void;
+    showPrev: boolean;
+}
+export declare function StepTooltip({ step, position, onNext, onPrev, showPrev, }: StepTooltipProps): import("react").ReactPortal;
+//# sourceMappingURL=stepTooltip.component.d.ts.map

package/dist/components/demoPlayer/stepTooltip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepTooltip.component.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/stepTooltip.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAgBtD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACvD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AA2DD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,+BAkFlB"}

package/dist/components/demoPlayer/stepTooltip.styles.d.ts

@@ -0,0 +1,15 @@
+import type { ThemeUIStyleObject } from 'theme-ui';
+export declare const tooltipContainerStyles: ThemeUIStyleObject;
+export declare const tooltipContentStyles: ThemeUIStyleObject;
+export declare const tooltipTitleStyles: ThemeUIStyleObject;
+export declare const tooltipDescriptionStyles: ThemeUIStyleObject;
+export declare const tooltipScreenshotStyles: ThemeUIStyleObject;
+export declare const tooltipActionsStyles: ThemeUIStyleObject;
+export declare const tooltipButtonStyles: ThemeUIStyleObject;
+export declare const tooltipNextButtonStyles: ThemeUIStyleObject;
+export declare const tooltipArrowStyles: ThemeUIStyleObject;
+export declare const arrowTopStyles: ThemeUIStyleObject;
+export declare const arrowBottomStyles: ThemeUIStyleObject;
+export declare const arrowLeftStyles: ThemeUIStyleObject;
+export declare const arrowRightStyles: ThemeUIStyleObject;
+//# sourceMappingURL=stepTooltip.styles.d.ts.map

package/dist/components/demoPlayer/stepTooltip.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepTooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/demoPlayer/stepTooltip.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,sBAAsB,EAAE,kBAQpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,kBAElC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,kBAKhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,kBAItC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAKrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,kBAIlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,kBAcjC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAQrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,kBAKhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAO5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,kBAO/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,kBAO7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,kBAO9B,CAAC"}

package/dist/components/demoRecorder/demoRecorder.component.d.ts

@@ -0,0 +1,11 @@
+import type { DemoConfig } from '@/models/config.model';
+export interface DemoRecorderProps {
+    pluginId: string;
+    pluginName: string;
+    apiKey: string;
+    apiEndpoint?: string;
+    onComplete?: (config: DemoConfig) => void;
+    onError?: (error: Error) => void;
+}
+export declare function DemoRecorder({ pluginId, pluginName, apiKey, apiEndpoint, onComplete, onError, }: DemoRecorderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=demoRecorder.component.d.ts.map

package/dist/components/demoRecorder/demoRecorder.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"demoRecorder.component.d.ts","sourceRoot":"","sources":["../../../src/components/demoRecorder/demoRecorder.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAKxD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,OAAO,GACR,EAAE,iBAAiB,2CA+YnB"}

package/dist/components/demoRecorder/index.d.ts

@@ -0,0 +1,3 @@
+export { DemoRecorder, type DemoRecorderProps } from './demoRecorder.component';
+export * from './recorderUI.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/demoRecorder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/demoRecorder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,cAAc,wBAAwB,CAAC"}

package/dist/components/demoRecorder/recorderUI.component.d.ts

@@ -0,0 +1,10 @@
+/** @jsxImportSource theme-ui */
+import type React from 'react';
+export interface RecorderUIProps {
+    isRecording: boolean;
+    stepsCount: number;
+    onStartRecording: () => void;
+    onStopRecording: () => void;
+}
+export declare const RecorderUI: React.FC<RecorderUIProps>;
+//# sourceMappingURL=recorderUI.component.d.ts.map

package/dist/components/demoRecorder/recorderUI.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recorderUI.component.d.ts","sourceRoot":"","sources":["../../../src/components/demoRecorder/recorderUI.component.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsChD,CAAC"}

package/dist/components/demoRecorder/recorderUI.styles.d.ts

@@ -0,0 +1,8 @@
+import type { ThemeUIStyleObject } from 'theme-ui';
+export declare const container: ThemeUIStyleObject;
+export declare const header: ThemeUIStyleObject;
+export declare const recordingIndicator: ThemeUIStyleObject;
+export declare const stepsCount: ThemeUIStyleObject;
+export declare const button: ThemeUIStyleObject;
+export declare const stopButton: ThemeUIStyleObject;
+//# sourceMappingURL=recorderUI.styles.d.ts.map

package/dist/components/demoRecorder/recorderUI.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recorderUI.styles.d.ts","sourceRoot":"","sources":["../../../src/components/demoRecorder/recorderUI.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,SAAS,EAAE,kBAavB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,kBAIpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,kBAchC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,kBAIxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,kBAiBpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,kBAMxB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './configEditor';
+export * from './configEditor';
+export * from './demoPlayer';
+export * from './demoRecorder';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/core/actionExecutor.core.d.ts

@@ -0,0 +1,18 @@
+import type { ActionConfig, WaitCondition } from '../models';
+/**
+ * Execute an action in either real or simulated mode
+ */
+export declare function executeAction(action: ActionConfig, executionMode?: 'real' | 'simulated'): Promise<void>;
+/**
+ * Execute action in real mode (actually perform the action)
+ */
+export declare function executeRealAction(action: ActionConfig): Promise<void>;
+/**
+ * Execute action in simulated mode (visual feedback only)
+ */
+export declare function executeSimulatedAction(action: ActionConfig): Promise<void>;
+/**
+ * Wait for a condition to be met
+ */
+export declare function waitForCondition(condition: WaitCondition): Promise<void>;
+//# sourceMappingURL=actionExecutor.core.d.ts.map

package/dist/core/actionExecutor.core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionExecutor.core.d.ts","sourceRoot":"","sources":["../../src/core/actionExecutor.core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAmB,aAAa,EAAE,MAAM,WAAW,CAAC;AAE9E;;GAEG;AACH,wBAAsB,aAAa,CACjC,MAAM,EAAE,YAAY,EACpB,aAAa,GAAE,MAAM,GAAG,WAAyB,GAChD,OAAO,CAAC,IAAI,CAAC,CAMf;AAED;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CA+C3E;AAED;;GAEG;AACH,wBAAsB,sBAAsB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CA0ChF;AAoFD;;GAEG;AACH,wBAAsB,gBAAgB,CAAC,SAAS,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAY9E"}

package/dist/core/aiProcessor.core.d.ts

@@ -0,0 +1,10 @@
+import type { DemoConfig } from '../models/config.model';
+import type { CapturedEvent } from '../models/events.model';
+export interface DemoMetadata {
+    pluginId: string;
+    name: string;
+    apiEndpoint?: string;
+}
+export declare function buildPrompt(events: CapturedEvent[], metadata: DemoMetadata): string;
+export declare function generateDemoConfig(events: CapturedEvent[], metadata: DemoMetadata, apiKey: string): Promise<DemoConfig>;
+//# sourceMappingURL=aiProcessor.core.d.ts.map

package/dist/core/aiProcessor.core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiProcessor.core.d.ts","sourceRoot":"","sources":["../../src/core/aiProcessor.core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,YAAY,GAAG,MAAM,CAiJnF;AA4BD,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,aAAa,EAAE,EACvB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,UAAU,CAAC,CAiDrB"}

package/dist/core/domChangeDetector.core.d.ts

@@ -0,0 +1,22 @@
+import type { DOMChangesSummary } from '../models/events.model';
+export declare class DOMChangeDetector {
+    private observer;
+    private changes;
+    private hasNavigationFlag;
+    private originalPushState;
+    private originalReplaceState;
+    private boundHandlePopState;
+    private observerCallback;
+    constructor();
+    start(): void;
+    __flushMutations(): void;
+    stop(): void;
+    getChangesSince(timestamp: number): DOMChangesSummary;
+    clear(): void;
+    private getElementDescription;
+    private getSelector;
+    private setupNavigationDetection;
+    private teardownNavigationDetection;
+    private handlePopState;
+}
+//# sourceMappingURL=domChangeDetector.core.d.ts.map

package/dist/core/domChangeDetector.core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domChangeDetector.core.d.ts","sourceRoot":"","sources":["../../src/core/domChangeDetector.core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAMhE,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,iBAAiB,CAAuC;IAChE,OAAO,CAAC,oBAAoB,CAA0C;IACtE,OAAO,CAAC,mBAAmB,CAAiC;IAC5D,OAAO,CAAC,gBAAgB,CAAwD;;IAUhF,KAAK,IAAI,IAAI;IAgCb,gBAAgB,IAAI,IAAI;IASxB,IAAI,IAAI,IAAI;IAUZ,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,iBAAiB;IAyDrD,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,wBAAwB;IA0BhC,OAAO,CAAC,2BAA2B;IAgBnC,OAAO,CAAC,cAAc;CAGvB"}