# src/ - Agent Guidelines

Extends root `AGENTS.md`. Nearest file takes precedence.

## Architecture

```
src/
├── index.ts              # OpenCode tool-call entry, exports OpenDevBrowserPlugin
├── config.ts             # Zod schema, loadConfig()
├── automation/           # Cross-runtime automation coordinator helpers
├── canvas/               # Canvas document store, repo IO, code-sync, export helpers
├── core/
│   └── bootstrap.ts      # createOpenDevBrowserCore() → ToolDeps
├── annotate/             # Annotation transports + output shaping
├── browser/
│   ├── browser-manager.ts   # Playwright lifecycle, session state
│   ├── canvas-manager.ts    # /canvas session/document/preview orchestration
│   ├── ops-browser-manager.ts # Extension ops sessions (/ops relay)
│   └── target-manager.ts    # Tab management, active tracking
├── providers/            # Provider runtime, policy, workflows, browser fallback
├── challenges/           # Bounded challenge orchestration plane, evidence, recovery lanes
├── desktop/              # Read-only desktop observation runtime (see desktop/AGENTS.md)
├── integrations/         # External integration adapters (for example Figma)
├── macros/               # Macro registry, execution, provider expansion
├── public-surface/       # Generated CLI/tool inventory metadata
├── tools/                # Tool definitions (see tools/AGENTS.md)
├── snapshot/             # AX-tree capture, RefStore
├── relay/                # WebSocket relay server
├── devtools/             # Console/network with redaction
├── export/               # DOM capture, React emitter
├── guidance/             # Site/workflow guidance recipes and renderers; see guidance/AGENTS.md
├── inspiredesign/        # Design-inspiration contracts, media analysis, readiness, handoff; see inspiredesign/AGENTS.md
├── cli/                  # Commands, daemon, installers
│   ├── daemon-status.ts  # Hub /status lookup + metadata recovery
│   └── remote-relay.ts   # Relay status + instanceId cache
├── skills/               # Runtime SkillLoader, discovery, topic filtering; see skills/AGENTS.md
├── cache/                # Chrome path resolution
└── utils/                # Shared utilities
    └── hub-enabled.ts    # Hub-only config gating
```

## Module Boundaries

| Module | Responsibility |
|--------|----------------|
| `annotate/` | Direct/relay annotation transport, repo-local shared inbox delivery, and output formatting |
| `automation/` | Cross-runtime automation coordinator that composes desktop observation back through browser verification |
| `browser/` | BrowserManager, OpsBrowserManager, CanvasManager, TargetManager, AnnotationManager, preview/code-sync coordination, CDP lifecycle. See `browser/AGENTS.md` |
| `cache/` | Chrome executable resolution |
| `canvas/` | Canvas document store, validation, repo persistence, built-in kit and starter catalogs, framework or library adapters, repo-local BYO plugin loading, and code-sync helpers. See `canvas/AGENTS.md` |
| `challenges/` | Bounded challenge orchestration plane: evidence bundles, strategy selection, recovery lanes, verification, and audit records. See `challenges/AGENTS.md` |
| `cli/` | CLI commands, installers, daemon autostart + hub tooling. See `cli/AGENTS.md` |
| `cli/` (hub) | Daemon lifecycle, FIFO lease queue, relay status refresh |
| `core/` | Bootstrap, runtime wiring |
| `desktop/` | Read-only desktop observation: surface capture, window listing, accessibility snapshot. See `desktop/AGENTS.md` |
| `devtools/` | Console/network trackers, redaction |
| `export/` | DOM capture, React emitter, sanitization |
| `guidance/` | Site and workflow guidance recipes, readiness routing, and renderer helpers. See `guidance/AGENTS.md` |
| `inspiredesign/` | Inspiredesign contracts, reference discovery, Pinterest/media evidence, deterministic media-analysis facts from trusted saved media, readiness, and design-agent handoff artifacts. See `inspiredesign/AGENTS.md` |
| `integrations/` | External integration adapters such as Figma import and normalization |
| `macros/` | Macro registry, execution, and provider action expansion |
| `providers/` | Tier routing, blocker policy, browser fallback, workflow orchestration. See `providers/AGENTS.md` |
| `public-surface/` | Canonical public CLI/tool/help metadata source consumed by generated manifests and docs. Regenerate manifest outputs from source; do not hand-edit generated manifests |
| `relay/` | Extension relay server, protocol types. See `relay/AGENTS.md` |
| `skills/` | Runtime SkillLoader, topic filtering, continuity nudge, and bundled-directory resolution. See `skills/AGENTS.md`; authored pack format lives in `../skills/AGENTS.md` |
| `snapshot/` | AX-tree snapshots, ref management. See `snapshot/AGENTS.md` |
| `tools/` | Tool definitions (thin wrappers). See `tools/AGENTS.md` |
| `utils/` | Shared utilities |

## Manager Pattern

```typescript
// Managers own lifecycle and state
class BrowserManager {
  private sessions: Map<string, Session>;
  
  async launch(opts): Promise<Session> { ... }
  async disconnect(sessionId): Promise<void> { ... }
  async cleanup(): Promise<void> { ... }  // Called on shutdown
}
```

**Key managers:**
- `BrowserManager`: Playwright session, launch/connect/disconnect
- `CanvasManager`: `/canvas` session/document/preview orchestration, shared-session attach, code-sync entry point
- `TargetManager`: Tab lifecycle, naming, active tracking
- `ScriptRunner`: Action execution with retry/backoff
- `AnnotationManager`: Direct/relay annotation orchestration plus shared inbox stored retrieval

## Dependency Injection

```
bootstrap.ts
  ├── Creates: BrowserManager, AnnotationManager, AgentInbox, CanvasManager, ScriptRunner, SkillLoader, RelayServer, providerRuntime, desktopRuntime, automationCoordinator
  └── Returns: ToolDeps interface
        ├── manager
        ├── canvasManager
        ├── annotationManager
        ├── agentInbox
        ├── desktopRuntime
        ├── automationCoordinator
        ├── runner
        ├── skills
        ├── providerRuntime / browserFallbackPort?
        ├── config
        ├── relay? / getExtensionPath? / ensureHub?
```

Tools receive `ToolDeps` and delegate logic:

```typescript
export function createLaunchTool(deps: ToolDeps): ToolDefinition {
  return {
    name: 'opendevbrowser_launch',
    execute: async (params) => {
      const session = await deps.manager.launch(params);
      return { success: true, ...session };
    }
  };
}
```

Reference architecture flows in `docs/ARCHITECTURE.md` and keep module boundaries aligned with the core/runtime diagram.

## Patterns

### Tools (src/tools/)
- Validate inputs with Zod schemas
- Delegate logic to managers/services
- Return structured `{ success, data }` or `{ error }` objects
- Never use `any`; narrow `unknown` with validation

### Managers (src/browser/, src/core/)
- Own lifecycle and state
- BrowserManager: Playwright session, targets, cleanup
- CanvasManager: session lease/attach, document patches, preview sync, code-sync orchestration
- ScriptRunner: action execution with retry/backoff

### Security (src/relay/, src/browser/)
- `crypto.timingSafeEqual()` for token comparison
- Hostname normalization before CDP validation
- Origin validation on WebSocket upgrade
- Rate limiting: 5 handshakes/min/IP

## Config Flow

```
src/config.ts (Zod schema)
  → src/core/bootstrap.ts (loads + validates)
    → managers receive typed config
```

Config toggles: `devtools.showFullUrls`, `snapshot.maxNodes`, `security.allowUnsafeExport`

Inspiredesign media-analysis config belongs in `inspiredesign.mediaAnalysis`. FFmpeg and FFprobe are optional host tools, not bundled or default-downloaded binaries; resolve paths from env, then config, then `PATH`. `status-capabilities.host.mediaAnalysis` is diagnostic/preflight visibility only, missing binaries degrade `media-analysis.json` only, and `media-analysis.json` must not replace `pin-media-index.json` or `motion-evidence.json` authority.

## Hub-only relay semantics

When hub mode is enabled, the daemon is the sole relay owner and tools are bound through `RemoteManager`/`RemoteRelay`. There is no local relay fallback; ensureHub handles bounded retries and status refresh.

## Connection Flags (Reference)

- Use root `AGENTS.md` for authoritative flag semantics.
- `--no-extension` forces managed mode; `--extension-only` fails if extension is not ready; `--extension-legacy` opts into relay `/cdp`; `--wait-for-extension` waits for handshake.

## Anti-Patterns

- Hardcoded relay endpoints → use config
- `===` for tokens → use `timingSafeEqual()`
- Log secrets → redact all sensitive data
- Empty catch blocks → always handle errors

## Testing

Add/update tests in `tests/` for behavior changes. Coverage ≥97%.
