Hi Tab is a modern Chromium-based browser extension designed to provide a "God Mode" view of your browsing sessions. It allows you to seamlessly manage and synchronize open tabs across multiple windows through a beautiful Kanban-style dashboard.
- Popup View: Quick access to current tabs with a clean list interface.
- Dashboard "God Mode": A full-page Kanban board visualizing all your open windows.
- Tab Teleportation: Drag and drop tabs from one window column to another to instantly move them.
- Real-time Sync: Syncs tab state instantly between open windows (currently local).
- Core: React 18, TypeScript, Vite
- Extension Framework: Manifest V3, CRXJS Vite Plugin
- UI Library: Ant Design (antd) + Lucide React icons
- State Management: Zustand
- Drag & Drop: @dnd-kit/core
src/
├── manifest.json # Extension Configuration (V3)
├── background/ # Service Worker
│ ├── index.ts # Entry point (listeners)
│ └── tabManager.ts # Core sync logic
├── popup/ # Popup UI (Action)
│ └── Popup.tsx
├── dashboard/ # Full-page Manager UI
│ ├── Dashboard.tsx # Main Kanban Board
│ └── components/
│ ├── WindowColumn.tsx # Droppable Window Container
│ └── TabCard.tsx # Draggable Tab Item
├── store/ # State Management
│ └── useStore.ts # Zustand store wrappers
└── types/ # Shared TypeScript Interfaces- Cross-Device Sync: Integrate Firebase or Supabase to enable syncing between different browsers (e.g., Chrome <-> Dia) and different physical devices.
- Tab Groups Support: Visualize and manage Chrome Tab Groups on the dashboard.
- Session Persistence: Save snapshots of windows to restore them later.
- Auth: Simple user pairing/login for secure cloud sync.