feat: add Workshop tab with 3D hex-tile visualization

[jhillbht]

Summary

• Add a passive Workshop tab to ClawBox that embeds Vibecraft2's 3D hex-tile scene as an in-app observability view
• Vendor and adapt 38 Vibecraft2 core modules (Three.js scene, hex grid, stations, character animations, event system) into src/workshop/
• Bridge existing chat/tool SSE callbacks into workshop scene animations via EventBridge + ClawBoxEventTap
• Lazy-load the workshop view with code-split vendor-three chunk (557 KB / 140 KB gzipped)

What it does

When a user sends a chat message or triggers tool calls from the Chat view, the Workshop tab reacts in real-time:

• Character walks to the matching station (Read→Bookshelf, Edit→Workbench, Bash→Terminal, etc.)
• Tool activity panels and zone notifications appear
• Reasoning blocks trigger thinking animations
• An activity feed overlay shows events as they stream in

This is a passive viewer — no prompt entry from the Workshop tab in v1.

Files changed

• 7 existing files modified (App.tsx, useChat.ts, locales, vite.config.ts, package.json)
• 38 new files under src/workshop/ (scene, entities, events, bridge, components, store, utils)
• 8,461 lines added

Test plan

• npm run build:frontend passes (verified)
• tsc --noEmit passes with 0 errors (verified)
• Workshop tab appears in sidebar
• Clicking Workshop renders 3D hex grid scene
• Sending a chat message from Chat view triggers Workshop animations
• Tool start/end events move character between stations
• Activity feed shows events in real-time
• Rapid tab switching does not leak memory
• Window resize updates canvas correctly

🤖 Generated with Claude Code