🌐 Tablio - Browser Workspaces Extension

Tablio is an open-source browser extension that lets you create, save, and switch between workspaces — sets of tabs and windows for different contexts (Work, Study, Entertainment, etc.).

Think of it like “virtual desktops” for your browser.

---

🚀 Features

• 🗂️ Save your current tabs and restore them anytime
• 🔄 Sync workspaces between devices (via chrome.storage.sync)
• 🧩 Clean popup UI with collapsible sections and context menus
• 🧠 Full options page with workspace management and tab editing
• 💾 Auto-save workspaces on configurable intervals
• 🧹 Auto-clean duplicate workspaces with customizable settings
• 🎨 Custom modal system with modern UI
• ⚡ Quick actions: close all tabs, remove duplicates, pin tabs
• 📊 Analytics dashboard with usage statistics
• 🌙 Theme switching support
• ⌨️ Keyboard shortcuts for power users
• 🏷️ Chrome-like tab grouping with visual color picker
• 📱 Responsive design with modern animations
• 🎯 Context menus for workspace actions
• 📋 Recent workspaces with detailed preview cards

---

🛠️ Installation

🧪 Developer Mode (Local)

1. Clone this repository:

   git clone https://github.com/zmelliti/tablio.git
   cd tablio

2. Open Chrome → Extensions → Manage Extensions.
3. Enable Developer mode.
4. Click “Load unpacked” and select the project folder.

📦 (Optional) From Store

(Coming soon — once published to Chrome Web Store)

---

🛠️ Usage

1. Click the Tablio extension icon.
2. Click “Save Workspace” to capture all current tabs.
3. Click a workspace name to restore it.
4. Manage, rename, or delete workspaces in Options.

---

📂 Project Structure

/tablio/
 ├── manifest.json          # Extension manifest with permissions
 ├── background.js          # Service worker with workspace operations
 ├── popup.html            # Main popup interface
 ├── popup.js              # Popup functionality and UI logic
 ├── options.html          # Options page structure
 ├── options.js            # Settings and workspace management
 ├── modal.js              # Custom modal system (XSS-safe)
 ├── prompt.js             # Custom prompt dialogs
 ├── css/
 │    └── style.css        # Comprehensive styling with animations
 └── icons/
      └── icon128.png      # Extension icon

---

⚙️ Permissions

{
  "permissions": [
    "tabs",
    "storage", 
    "windows",
    "scripting",
    "activeTab",
    "tabGroups",
    "notifications"
  ]
}

---

👩‍💻 Contributing

We welcome contributions! See CONTRIBUTING.md for setup, code style, and pull request guidelines.

---

📚 Documentation

• 🏗️ Architecture - Technical architecture and design decisions
• 🤝 Contributing - Development setup and contribution guidelines
• 🔒 Security - Security policy and vulnerability reporting
• 📄 License - MIT License terms

---

🧭 Roadmap

✅ Completed

• Auto-save sessions with configurable intervals
• Keyboard shortcuts for power users
• Custom modal system with security hardening
• Analytics dashboard and usage statistics
• Chrome tab grouping with visual color picker
• Auto-clean duplicate workspaces
• Theme switching (light/dark/auto)
• Context menus and quick actions
• Recent workspaces with preview cards
• XSS protection and CSP compliance
• Responsive design with animations

🔄 In Progress

• Firefox support
• Cloud backup API integration
• Workspace templates
• Enhanced export/import features
• Workspace sharing capabilities

---

📜 License

MIT License — see LICENSE.

---

💬 Community

• 🐛 Report bugs
• ✨ Request features
• 🔒 Report security issues

---

Made with ❤️ for the community by Zied MELLITI