#1 feat: live browser panel, Opus 4.8, and template format

Polishes the scaffold into a real, deployable template.

Changes

• Live browser panel — app/_components/browser-panel.tsx embeds the agent's cloud browser (<iframe src={liveUrl}>); agent-chat.tsx extracts the liveUrl and shows a split chat/browser layout (like chat-ui-example).
• Model → anthropic/claude-opus-4.8; @browser_use/eve → ^0.0.4.
• Format (mirrors vercel-labs/personal-agent-template): README with banner/badges/Deploy button/Features/Architecture/Quick Start, docs/ (ARCHITECTURE, ENVIRONMENT, CUSTOMIZATION), .github/ (CI, issue/PR templates), CONTRIBUTING, CODE_OF_CONDUCT, .editorconfig.

Verified

• npm run typecheck + next build pass.
• Browse + the panel confirmed working live (clean HN/example.com runs).

🤖 Generated with Claude Code

---

Summary by cubic

Adds a live browser panel next to chat and reshapes the repo into a deployable template with docs and CI. Sets the default model to anthropic/claude-opus-4.8, bumps @browser_use/eve to ^0.0.4, and hardens the live view with origin-safe liveUrl parsing and a sandboxed iframe.

• New Features

  • Split chat/browser layout with an embedded live view via BrowserPanel (<iframe src={liveUrl}>).
  • AgentChat extracts the latest liveUrl from messages and renders the panel when available.

• Refactors

  • Security hardening: origin-safe liveUrl regex and watch-only iframe (sandbox="allow-scripts allow-same-origin").
  • Default model → anthropic/claude-opus-4.8; bump @browser_use/eve → ^0.0.4; adopt template format (README, docs/—Architecture/Environment/Customization, .github/ CI and templates, CONTRIBUTING, CODE_OF_CONDUCT, .editorconfig, .env.local docs, fixed project tree).