Skip to content

Commit ce0b579

Browse files
drknowhowclaude
andcommitted
Update docs, README, and full feature expansion across extension and MCP server
Docs: rewrite guide.html (13 chapters covering 50+ MCP tools, feature requests, issue analysis, selector recovery, retry logic, multi-project support, block rendering, export profiles). Update index.html feature grid and hero. Update README with new features, permissions, and project structure. Extension: add ErrorBoundary, page-error-bridge, feature request builder, AI activity log, multi-project manager, smart selectors with candidate fallbacks, issue fingerprinting/clustering, custom guide sections, export profiles, block-based report renderer, drag/hover/select actions, network and console log capture, assertion retry logic, flakiness detection. MCP server: expand to 50+ tools including element querying, screenshot comparison, drag-and-drop, session management, custom report generation, issue analysis, network/console monitoring, and one-shot workflows. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 37364d3 commit ce0b579

24 files changed

Lines changed: 3606 additions & 1193 deletions

README.md

Lines changed: 25 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<p align="center">
88
<strong>Web Application Tester & Guide Creator</strong><br>
9-
Record web interactions, capture bugs, and generate step-by-step visual guides — no code required.
9+
Record web interactions, capture bugs and feature requests, and generate step-by-step visual guides — manually or fully automated via 50+ MCP tools.
1010
</p>
1111

1212
<p align="center">
@@ -23,16 +23,22 @@
2323
## Features
2424

2525
### Record & Replay
26-
Click record and use your web app normally. Sentinel captures every click, keystroke, scroll, and navigation with intelligent noise reduction. Play sessions back at adjustable speed (0.5x–4x) or step through them one at a time with element highlighting.
26+
Click record and use your web app normally. Sentinel captures every click, keystroke, scroll, drag-and-drop, and navigation with intelligent noise reduction and smart selectors with fallback candidates. Play sessions back at adjustable speed (0.5x–4x) or step through them one at a time with element highlighting and automatic selector recovery.
2727

2828
### Auto-Generate Visual Guides
29-
Turn any recorded session into a polished, standalone HTML guide with embedded screenshots. Reorder steps, add titles and notes, toggle screenshots, and export — ready to share via email, Slack, or your wiki.
29+
Turn any recorded session into a polished, standalone HTML guide with embedded screenshots. Edit in the built-in guide editor, add custom sections (notes, warnings, tips, headings), choose internal or client export profiles, and use the block-based renderer for fully custom reports.
3030

3131
### Test with Assertions
32-
Add assertions to any step — check that elements are visible, hidden, contain specific text, or have a CSS class. Run playback and get a clear pass/fail test report with actual vs. expected values.
32+
Add assertions to any step — check that elements are visible, hidden, contain specific text, or have a CSS class. Configure retry logic for async elements. Run playback and get a detailed test report with pass/fail results, selector recovery details, and flakiness detection across runs.
3333

34-
### Track Bugs & Feature Requests
35-
Enable error tracking to automatically capture console errors, unhandled exceptions, failed network requests, and CSP violations. Annotate errors as bug reports with severity levels, or create feature requests tied to specific page elements. Export everything as a styled HTML report or JSON.
34+
### Track Bugs & Issues
35+
Enable error tracking to automatically capture console errors, unhandled exceptions, failed network requests, and CSP violations. Issues include severity levels, fingerprinting for duplicate detection, clustering for pattern recognition, and full error context (network logs, console output). Export styled HTML reports or analyze issues via MCP.
36+
37+
### Feature Requests
38+
Create feature requests tied to specific page elements. Inspect an element, describe the enhancement, set priority, and export — all with screenshots and DOM context.
39+
40+
### AI Automation (MCP)
41+
50+ MCP tools let Claude Code, Cursor, Copilot, and other AI assistants control Sentinel programmatically. Navigate pages, query elements, record sessions, take and compare screenshots, drag-and-drop, manage multi-project configurations, and generate custom reports — all hands-free in a single conversation.
3642

3743
### Record Video Clips
3844
Capture short video recordings of your active tab (up to 5 minutes) and download them as WebM files.
@@ -76,16 +82,20 @@ Sentinel/
7682
├── extension/
7783
│ ├── public/ # Static assets, manifest.json, icons
7884
│ └── src/
79-
│ ├── background.ts # Service worker — coordinates recording/playback/exports
80-
│ ├── content.ts # Content script — action capture, playback, error tracking
85+
│ ├── background.ts # Service worker — state, screenshots, AI logging, WebSocket bridge
86+
│ ├── content.ts # Content script — recording, playback, inspection, element querying
8187
│ ├── App.tsx # Main side panel UI
8288
│ ├── EditorApp.tsx # Guide editor (opens in new tab)
83-
│ ├── components/ # React components (Header, StepList, ErrorFeed, etc.)
89+
│ ├── components/ # React components (Header, StepList, ErrorFeed, IssueList, AiLog, etc.)
8490
│ ├── hooks/ # Custom hooks (state sync, video recording, guide editor)
85-
│ └── lib/ # Utilities (storage, HTML generation, message types)
86-
├── STARTUP_GUIDE.html # Comprehensive user guide
91+
│ └── lib/ # Utilities (storage, HTML/report generation, message types)
92+
├── mcp-server/
93+
│ ├── sentinel_mcp.py # MCP server (50+ tools)
94+
│ ├── launcher.py # Native messaging launcher
95+
│ └── install_host.py # Native host registration
96+
├── docs/ # GitHub Pages site & user guide
8797
├── PRIVACY_POLICY.md # Privacy policy
88-
└── STORE_LISTING.md # Chrome Web Store listing copy
98+
└── STARTUP_GUIDE.html # Quick-start guide
8999
```
90100

91101
---
@@ -95,12 +105,14 @@ Sentinel/
95105
| Permission | Why |
96106
|---|---|
97107
| `activeTab` | Access the current tab to record actions and capture screenshots |
98-
| `storage` | Save sessions, issues, and preferences locally |
108+
| `storage` | Save sessions, issues, projects, and preferences locally |
99109
| `scripting` | Inject recording and playback scripts into web pages |
100110
| `downloads` | Save exported guides, reports, and video files |
101111
| `tabs` | Identify the active tab and open the guide editor |
102112
| `sidePanel` | Display the Sentinel UI in Chrome's side panel |
103113
| `tabCapture` | Record video of the active browser tab |
114+
| `alarms` | Schedule periodic tasks (connection health checks) |
115+
| `nativeMessaging` | Communicate with the native launcher to start/stop the MCP server |
104116

105117
---
106118

0 commit comments

Comments
 (0)