## Changes

### Docker Container Updates
- Add `CI=true` environment variable to skip interactive CLI prompts
- Add `npm config set yes true` to auto-confirm npm/npx prompts
- Pre-install Node.js 22 LTS for ProcessSandboxService

### Fixed Issues
- `npm create vite@latest` no longer prompts 'Ok to proceed?'
- `create-vite` no longer prompts 'Use Vite 8 beta?'

### Other Fixes
- Fixed mypy type errors in team_mode and roles modules
- Updated npm skill with non-interactive usage guidelines

feat: add CI=true and npm auto-confirm for scaffolding

## Summary

This PR optimizes the "Application Display" experience and agent initialization performance with three key improvements:

### P0: WebSocket Race Condition Fix
- Prevents blank screens during task-to-conversation transitions
- Shows "正在连接..." (Connecting...) and "正在初始化智能体" (Initializing Agent) status indicators

### P2: Agent Pool Warm-up
- Eliminates ~5s sandbox cold-start latency
- Pre-warms sandbox pool for instant allocation
- Auto-replenishes pool after sandbox is used
- Environment variables: `OH_SANDBOX_POOL_ENABLED`, `OH_SANDBOX_POOL_SIZE`

### WebSocket Proxy Timeout Fix
- Increases WebSocket handshake timeout from 10s to 60s
- Adds ping/pong configuration for long LLM operations
- Prevents 504 errors during Agent Server initialization

## Testing

E2E test completed successfully:
- ✅ Task submission and URL transition
- ✅ No blank screen (P0 verified)
- ✅ Pool allocation: `Using pre-warmed sandbox from pool`
- ✅ Agent generated React Counter app with Vite + Tailwind

---
Pull Request opened by [Augment Code](https://www.augmentcode.com/) with guidance from the PR author

feat: optimize application display and agent initialization

## Summary

Comprehensive UI optimization for the conversation interface, focusing on preview panel empty states and browser-style toolbars.

## Changes

### 🎨 Empty State Redesign
Unified design language across 4 preview tabs:
- **App Tab** - Server status with quick start tip
- **Browser Tab** - Page loading guidance  
- **Planner Tab** - Plan creation prompt
- **Changes Tab** - Code diff explanation

**Design Pattern:**
- Icon container (20x20, rounded-2xl, neutral-800/50 bg)
- Title (text-lg font-medium)
- Description (text-sm text-neutral-500)
- Quick tip with amber code highlight

### 🔧 Browser-Style Toolbar
New toolbar for iframe-based panels (App & Browser tabs):
- Navigation buttons (back/forward/refresh)
- URL bar with green connection indicator
- Copy URL button with success feedback
- Open in new tab action

### ♻️ Code Quality Improvements
- Extract shared \ component (DRY)
- Fix \ dependency warnings with \
- Add \ cleanup to prevent memory leaks
- Add \ to decorative emojis
- Replace hardcoded colors with Tailwind tokens

### 🌐 i18n
Added 17 new translation keys (en + zh-CN)

## Testing
- [x] \ passes
- [x] \ passes
- [x] Manual testing of all 4 tabs

feat(ui): Conversation UI Optimization - Preview Panel Redesign

## Summary

Merge all conversation-agent feature work into dev branch.

## Key Changes

### Application Tab Fix
- Add `/runtime` proxy to fix 404 errors when viewing Agent-started web apps
- Expand `exposed_urls` to include Vite ports (5173, 5174) and CRA port (3000)

### Preview Panel
- Fix HTML file handling for non-index.html files in Sandpack
- Add auto-preview hook for better UX

### Vibe Coding E2E Testing
- Complete E2E test suite with production mode support
- Test runner script with formatted report output
- LLM-based role detection testing

### Multi-Agent
- Add Entity id/dependencies fields
- Extend Vibe Coding documentation

### Other
- Architecture design documents
- MiroFish-inspired project graph generation
- Frontend dependency fixes for local development
- Conversation data loading race condition fixes

## Commits

17 commits total including:
- `fix(frontend): add /runtime proxy to fix Application tab rendering`
- `feat: improve sandbox worker ports and preview panel HTML handling`
- `fix(frontend): ensure conversation data is fully loaded before file queries`
- `feat(vibe-coding): complete E2E test suite`
- `feat(project-graph): MiroFish-inspired project graph`
- `docs: architecture design documents`

---
Pull Request opened by [Augment Code](https://www.augmentcode.com/) with guidance from the PR author

feat: conversation-agent improvements - Application tab, Preview, Vibe Coding E2E

## Summary

Fix the Application tab that was showing 404 errors when Agent starts a web app (Vite, CRA, etc.).

## Problem

The frontend was requesting `/runtime/{port}/*` directly on port 3002 instead of proxying to the backend on port 3000, causing 404 errors.

## Solution

Added `/runtime` proxy rule to `vite.config.ts` that forwards all runtime requests to the backend API.

## Changes

| File | Change |
|------|--------|
| `frontend/vite.config.ts` | Add `/runtime` proxy with WebSocket support for HMR |

## Testing

- ✅ `curl http://localhost:3002/runtime/5173/` returns 200 OK with Vite HTML
- ✅ Browser console shows 0 errors (previously showed 404 errors)
- ✅ Frontend loads successfully

## Related

Works in conjunction with previously added `exposed_urls` ports (5173, 5174, 3000) in `process_sandbox_service.py`.

---
Pull Request opened by [Augment Code](https://www.augmentcode.com/) with guidance from the PR author

fix(frontend): add /runtime proxy to fix Application tab rendering

https://api.github.com/repos/Alenryuichi/KInfoGit/contents/{+path}

Personal profile repository and website for Kylin - Anti-fraud Technology Expert & Full-stack Developer

KInfoGit

https://api.github.com/repos/Alenryuichi/BookAnything/contents/{+path}

Interactive source-code book harness: Plan → Write → Eval, Next.js reader

BookAnything

https://api.github.com/repos/Alenryuichi/claude-code-instructions-observer/contents/{+path}

Observe when & why Claude Code loads CLAUDE.md and .claude/rules/ into context

MIT License

claude-code-instructions-observer

苗静思 Kylin

AI Agent Engineer & Harness Engineering Practitioner

https://www.waylandz.com/llm-transformer-book/
浅显易懂，但是深入部分太少，适合理解概念。

Kylin Miao

Kylin Miao

Global Top 4

Betaline App

Knowledge Intake

LLM Transformer: From Zero to One

Dive into Deep Learning (动手学深度学习)

Open Source Activity

❯_Commit Heatmap

Recent Projects

~/KInfoGit

~/BookAnything

~/claude-code-instructions-observer

Recent Pull Requests

feat: add CI=true and npm auto-confirm for scaffolding

feat: optimize application display and agent initialization

feat(ui): Conversation UI Optimization - Preview Panel Redesign

feat: conversation-agent improvements - Application tab, Preview, Vibe Coding E2E

fix(frontend): add /runtime proxy to fix Application tab rendering