Open
Conversation
Canvas overlay for drawing on the page with gesture classification (box, circle, underline, arrow). Click strokes to create linked annotations. Includes undo (cmd+z), hover highlighting, and drawing descriptions in copy output.
Shake the popup if you try to draw while it's open. Replace stroke width change on hover with a soft translucent glow behind the stroke.
- Drawing glow animates in/out via rAF lerp (0→0.25 alpha) instead of snapping. Works for both stroke hover and marker hover directions. - Canvas hidden when marker visibility is toggled off (H key / eye button), unless actively in draw mode.
This reverts commit fbd9b593df59ae67b8a4440743d2d34c385442f2.
Glow highlight lerps via rAF (separate effect, doesn't touch resize/ scroll). Canvas hidden when marker visibility toggled off.
Single-pass rendering with canvas shadowBlur on hovered stroke instead of the two-pass wide translucent stroke. glowIntensity 0-1 controls blur radius (0-12px), animated in/out via rAF lerp.
… fade - Replace shadowBlur glow with globalAlpha dim (non-hovered strokes at 30%) - Add tooltip exit animation (100ms fade out on unhover) - Move canvas outside overlay so it fades on toolbar close - Fix marker exit timing: compute timeout from stagger delay + animation - Fix marker enter timing: same, prevents class removal mid-animation - Skip stagger delay for individually added markers (only batch entrance) - Remove scale(1.3) on markers when linked drawing is hovered - Add drawCanvasFading state for deletion fade - Use visibility:hidden for hit-test hiding (canvas uses opacity now)
- Revert canvas from pointer events back to mouse events (fixes strokes not registering) - Add unique IDs to draw strokes and strokeId on annotations (fixes wrong strokes being deleted when indices shift) - Delete/cancel now find strokes by stable ID, not positional index - Per-stroke fade on delete uses refs for fresh data, no stale closures - Canvas visibility uses shouldShowMarkers only (hiding markers while in draw mode now works, also exits draw mode) - Remove touch-action, drawModeActive CSS, pointer capture
Adds a Chrome extension that wraps the real Agentation React component, injecting it automatically on localhost pages. Imports from source via esbuild alias so the extension stays in sync with zero drift. - New `extension/` workspace package with esbuild build - SCSS modules plugin mirrors package/tsup.config.ts exactly - Popup UI shows MCP server connection status - Chrome MV3 manifest with localhost content script injection Closes benjitaylor#26
- Switch to light mode design with proper border-radius (24px = 8px inner + 16px padding) - Remove MCP server section and endpoint config (separate concern) - Fix toolbar status: check current tab URL against content script patterns instead of always showing "Active" - Add tabs permission for URL access
|
@jamesvclements is attempting to deploy a commit to the Benji Taylor's Projects Team on Vercel. A member of the Team first needs to authorize it. |
jamesvclements
commented
Mar 2, 2026
Author
There was a problem hiding this comment.
It'd be nice to have a sticker version of this (where the white background is the shape of the bunny) and the rest is transparent, instead of the white rounded rectangle
- Add MCP server status row (shown only when toolbar is active) - Fix MCP endpoint from port 4440 to 4747 (matches server default)
jamesvclements
changed the title
|
is there anyway we could use it in any website remotely?
that would be perfect 💯 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Add a Chrome extension so Agentation works on all projects without installation
<Agentation />React component — zero drift from the npm packageextension/workspace package with esbuild build pipelinepackage/tsup.config.tsexactlyfrom "agentation"resolves to../package/src/index.ts)Popup
How it works
extension/build.mjsbundles React + ReactDOM + the component into a single IIFE content scriptdist/content.json localhost pages viamanifest.jsonlocalhost:4747/healthfor MCP server; works in clipboard-only mode if unavailableNew scripts
pnpm extension:build— bundle content scriptpnpm extension:watch— rebuild on changespnpm extension:zip— create shareable zipNotes
Closes #26
Demo of it working
CleanShot.2026-02-27.at.16.21.07.1.mp4