FlowTab：将浏览器新标签页变成AI协作空间的创新Chrome扩展

FlowTab is an innovative Chrome extension that transforms the browser's new tab into a spatial AI collaboration workspace, addressing the pain point of frequent tool switching (browser, terminal, AI assistant) for developers. It enables seamless collaboration with Claude Code by integrating terminal, AI approval, notes, and storage into a unified spatial canvas, redefining the AI-assisted development workflow.

With the rise of AI programming assistants like Claude Code, developers face fragmented workflows (switching between browser docs, terminal commands, IDE coding, and AI interactions) that reduce efficiency and increase cognitive load. FlowTab's core理念 is "one tab, complete workflow"—it eliminates frequent app switching by integrating terminal, AI assistant approval, notes, and storage into a spatial canvas.

FlowTab features a 6000×6000 pixel spatial terminal canvas. Users can pan (Space+drag), zoom (scroll), and freely drag/resize terminal windows. Each terminal session can be fixed to a position (persists after refresh), allowing grouping by project/task instead of fixed tabs. For example, logs can be widened, code diffs adjusted for readability—flexibility traditional terminals lack.

FlowTab is designed around Claude Code's proxy workflow:

• Permission requests for sensitive operations (edit files, run commands) appear in the bottom Dock for approval without tab switching.
• Supports 6 hook events: PermissionRequest, PreToolUse, PostToolUse, Notification, Stop, SubagentStop.
• Claude Dashboard (side panel) shows real-time session status, tool stats, pending requests, and time-series visualizations of tool usage.

• Spaces: Predefined Work (planning/reference: widgets, clock, YouTube cards) and Code (development: terminal, Claude sessions) spaces.
• Workspaces: 9 per space, switch via 1-9 keys; Tab/Shift+Tab cycles between spaces.
• Smart Storage: Right-click web content (text/links/images) to save; features include up to 50 pinned items, tags, auto-expiration, real-time sync, and Dock access.

• Chrome Extension Layer: Uses Manifest V3; terminal via xterm.js for native-like experience.
• Native Message Host: Node.js-based, bridges browser extension and local shell via WebSocket/HTTP server (install.sh simplifies setup).
• Claude Hooks: flowtab-hook.sh converts Claude operations into FlowTab-compatible events.

FlowTab redefines AI-assisted development by unifying tools into a browser tab. It represents a shift from AI as a separate app to deep integration into the development environment. For Claude Code users, it’s a valuable tool. The project is open-source (MIT license, personal project not accepting contributions) at https://github.com/meghjagad007/FlowTab.