@eyeglass/bridge 0.1.5 → 0.1.6

package/README.md

@@ -1,6 +1,8 @@
 # @eyeglass/bridge
 
-MCP server that connects the browser inspector to Claude Code for [Eyeglass](https://github.com/donutboyband/eyeglass).
+Server that connects the browser inspector to AI coding agents for [Eyeglass](https://github.com/donutboyband/eyeglass).
+
+**Supported agents:** Claude Code, GitHub Copilot CLI, OpenAI Codex CLI
 
 ## Installation
 
@@ -12,7 +14,9 @@ npm install @eyeglass/bridge
 
 ## Usage
 
-The bridge runs as an MCP server. Add to `.claude/settings.json`:
+The bridge runs as an MCP server (Claude, Copilot) or HTTP server (Codex).
+
+**MCP config** (`.claude/settings.json` or `.copilot/mcp-config.json`):
 
 ```json
 {
@@ -37,8 +41,19 @@ The bridge runs as an MCP server. Add to `.claude/settings.json`:
 | `wait_for_request` | Long-poll for new requests |
 | `get_focus_history` | Get previously focused elements |
 
+## HTTP API (for Codex)
+
+| Endpoint | Description |
+|----------|-------------|
+| `GET /api/focus` | Get current focus as markdown |
+| `GET /api/wait` | Long-poll for new requests |
+| `POST /api/status` | Update status |
+| `POST /api/thought` | Send thought |
+| `POST /api/action` | Report action |
+
 ## Features
 
+- **Rich context** - element info, accessibility, styles, and DOM neighborhood (parent layout context)
 - **Auto-commits** changes on success with `[eyeglass:<id>]` tags
 - **One-click undo** via `git revert`
 - **Real-time updates** via Server-Sent Events

package/dist/store.js

@@ -376,7 +376,28 @@ ${styles.gridTemplate ? `- Grid Template: ${styles.gridTemplate}` : ''}
 - Detected: ${framework.name}
 ${framework.ancestry ? `- Component Tree: ${framework.ancestry.join(' > ')}` : ''}
 ${framework.props ? `- Props: ${JSON.stringify(framework.props, null, 2)}` : ''}
+${snapshot.neighborhood ? `
+### DOM Neighborhood
+**Parents (layout context):**
+${snapshot.neighborhood.parents.length > 0 ? snapshot.neighborhood.parents.map((p, i) => {
+            const styleInfo = [
+                p.styles.display,
+                p.styles.position !== 'static' ? p.styles.position : null,
+                p.styles.flexDirection,
+                p.styles.alignItems ? `align: ${p.styles.alignItems}` : null,
+                p.styles.justifyContent ? `justify: ${p.styles.justifyContent}` : null,
+                p.styles.gap ? `gap: ${p.styles.gap}` : null,
+                p.styles.gridTemplate ? `grid: ${p.styles.gridTemplate}` : null,
+            ].filter(Boolean).join(', ');
+            return `${i + 1}. \`<${p.tagName}>\`${p.className ? ` .${p.className.split(' ')[0]}` : ''} — ${styleInfo}`;
+        }).join('\n') : '(none)'}
 
+**Children:**
+${snapshot.neighborhood.children.length > 0 ? snapshot.neighborhood.children.map(c => {
+            const countStr = c.count && c.count > 1 ? ` x${c.count}` : '';
+            return `- \`<${c.tagName}>\`${c.className ? ` .${c.className.split(' ')[0]}` : ''}${countStr}`;
+        }).join('\n') : '(none)'}
+` : ''}
 ### Page Context
 - URL: ${snapshot.url}
 - Timestamp: ${new Date(snapshot.timestamp).toISOString()}
@@ -426,7 +447,17 @@ ${styles.gridTemplate ? `- Grid Template: ${styles.gridTemplate}` : ''}
 - Detected: ${framework.name}
 ${framework.ancestry ? `- Component Tree: ${framework.ancestry.join(' > ')}` : ''}
 ${framework.props ? `- Props: ${JSON.stringify(framework.props, null, 2)}` : ''}
-`;
+${snapshot.neighborhood ? `
+### DOM Neighborhood
+**Parents:** ${snapshot.neighborhood.parents.length > 0 ? snapshot.neighborhood.parents.map(p => {
+                const styleInfo = [p.styles.display, p.styles.flexDirection, p.styles.gap].filter(Boolean).join(', ');
+                return `\`<${p.tagName}>\` (${styleInfo})`;
+            }).join(' > ') : '(none)'}
+**Children:** ${snapshot.neighborhood.children.length > 0 ? snapshot.neighborhood.children.map(c => {
+                const countStr = c.count && c.count > 1 ? ` x${c.count}` : '';
+                return `\`<${c.tagName}>\`${countStr}`;
+            }).join(', ') : '(none)'}
+` : ''}`;
         }).join('\n---\n\n');
         return `# User Focus Request (${snapshots.length} Elements)
 **Interaction ID:** ${interactionId}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eyeglass/bridge",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "MCP server bridge for Eyeglass",
   "type": "module",
   "main": "dist/index.js",