Skip to content

Repository files navigation

Flow – AI Tab Manager (v2.5.0)

Flow ist eine moderne Manifest V3 Chrome-Erweiterung zur intelligenten Tab-Verwaltung direkt in der Chrome-Seitenleiste (Side Panel). Die Erweiterung gruppiert geöffnete Tabs automatisch nach Themen, schließt doppelt geöffnete Webseiten im Hintergrund, sichert Tab-Sessions persistent, unterstützt Multi-Window-Verwaltung und gibt Arbeitsspeicher durch intelligentes Auslagern inaktiver Tabs frei.

Vorschau

Vorschau

Offizieller Release (Empfohlen)

Die Extension kann direkt aus dem Google Chrome Web Store installiert werden. Updates erfolgen hierbei vollautomatisch:

Jetzt im Chrome Web Store herunterladen


🚀 Hauptfunktionen (v2.5.0)

1. 3 Neue Themes (Hell & Dunkel)

  • Graphit (Classic): Minimalistisches, warmes Apple-Design mit dezenten Graphit-Nuancen.
  • Nordic (Gletscher / Slate Blue): Kühle, moderne skandinavische Eisblau-Optik mit Ozeanblau-Akzenten.
  • Salbei (Sage / Forest Moss): Beruhigender botanischer Matcha- und Waldton mit frischen Akzenten.
  • Volle Dark-Mode-Unterstützung: Jedes Theme passt sich fließend dem System- oder gewählten Hell-/Dunkelmodus an.

2. Fensterübergreifende Tab-Suche (Cross-Window Search)

  • Alle Fenster durchsuchen: Durchsuchen Sie mit Command+Shift+F oder ⌘K blitzschnell alle Tabs sämtlicher geöffneter Browser-Fenster.
  • Fenster-Badges & Direktfokus: Zeigt bei Treffern aus anderen Fenstern ein Fenster-Badge an und bringt das Zielfenster beim Anklicken sofort in den Vordergrund.
  • Vollständige Tab-Liste: Kein künstliches Limit mehr — alle Tabs werden gelistet und sind flüssig mit der Tastatur navigierbar.

3. Vollständige Mehrsprachigkeit (Deutsch & Englisch)

  • Automatische Erkennung: Passt sich automatisch der Browser-Sprache an (auto).
  • Manuelle Umschaltung: Schneller Wechsel zwischen Deutsch und English in den Einstellungen.
  • Lokalisierte Gruppen & Aktionen: Alle Tabgruppen (Work, Design and UI, Research and AI etc.) und Zeitangaben werden in der gewählten Sprache betitelt.

4. Intuitives Drag & Drop

  • Verschieben Sie Tabs einfach per Drag & Drop zwischen Kategorien und Gruppen mit flüssigen visuellen Animationen.

5. Multi-Window Management („Aktuelles Fenster")

  • Fenster-Umschalter im Header: Wechseln Sie direkt in der Seitenleiste zwischen allen geöffneten Browser-Fenstern.
  • Tab-Anzeige & Direktfokus: Zeigt die Anzahl der Tabs pro Fenster und bringt beim Anklicken eines Tabs das entsprechende Fenster sofort in den Vordergrund.
  • Neues Fenster öffnen: Ermöglicht das Erstellen neuer Browser-Fenster mit einem Klick.

6. Automatische Tab-Gruppierung

  • Flow ordnet geöffnete Tabs automatisch in harmonische Farbgruppen ein (z. B. Arbeit, Recherche und KI, Design und UI, Finanzen und Admin, Medien und News, Shopping).
  • Neue Tabs werden automatisch passenden Chrome-Tab-Gruppen zugewiesen.

7. Tab Snooze („Später wieder öffnen")

  • Legen Sie geöffnete Tabs temporär schlafen (In 3 Stunden, Morgen früh, Am Wochenende, Nächste Woche).
  • Der integrierte Chrome-Alarmdienst weckt die Tabs zum gewählten Zeitpunkt automatisch im Hintergrund wieder auf.

8. Session-Manager & Dauerhafte lokale Speicherung

  • Sichern Sie vollständige Tab-Sitzungen per Klick oder lassen Sie Sessions alle 3, 4 oder 5 Stunden automatisch im Hintergrund sichern.
  • Gespeicherte Sessions werden dauerhaft in chrome.storage.local gesichert und bleiben auch nach einem vollständigen Browser-Neustart erhalten.

9. Automatische Duplikat-Erkennung & Speicher freigeben (Tab-Hibernate)

  • Wird eine Webseite geöffnet, die bereits in einem anderen Tab existiert, schließt Flow das neue Duplikat im Hintergrund.
  • Inaktive Tabs werden nach einer gewählten Zeit automatisch ausgelagert, um RAM und Akkulaufzeit zu schonen — Medienwiedergabe bleibt ungestört.

10. Modernes Frosted-Glass UI & Undo-Toasts

  • macOS / Sonoma Acryl-Optik: Transluzenter backdrop-filter-Weichzeichner für Header und Footer, hinter dem scrollende Tabs nahtlos durchlaufen.
  • 1-Klick Rückgängig: Toast-Meldung mit animiertem Countdown-Balken, um Aktionen mit einem Klick rückgängig zu machen.

Technologie-Stack

  • Framework: React 19, TypeScript
  • Styling: Tailwind CSS v4, Vanilla CSS Design-Tokens (Apple HIG & Translucent Materials)
  • Build Tool: Vite, Esbuild
  • Chrome API: Manifest V3 (Side Panel, Tab Groups, Storage, Alarms, Windows)

Installation & Entwicklung

Voraussetzungen

  • Node.js (v18+)
  • npm

1. Repository klonen & Abhängigkeiten installieren

git clone https://github.com/mr-gordon/flow.git
cd flow
npm install

2. Entwicklungsmodus (Web-Prototyp)

npm run dev

3. Chrome Erweiterung bauen & packen

npm run build:extension

Der fertig compilierte Extension-Build befindet sich anschließend im Ordner dist-extension/.

4. In Google Chrome laden

  1. Öffnen Sie chrome://extensions im Browser.
  2. Aktivieren Sie den Entwickler-Modus (oben rechts).
  3. Klicken Sie auf Entpackte Erweiterung laden und wählen Sie den Ordner dist-extension/ aus.

Datenschutz

Flow speichert alle Einstellungen, Regeln und Tab-Sessions ausschließlich lokal auf dem Gerät des Nutzers (chrome.storage.local). Es werden keine personenbezogenen Daten, Medien oder Webseiten-Inhalte an externe Server übertragen oder gesammelt.

Details finden Sie in der PRIVACY.md.


Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert — siehe LICENSE.md für Details.

About

Tabs ordnen sich von selbst: automatische Chrome Tab-Gruppen, geschlossene Duplikate, Session-Sicherung & RAM-Optimierung (Manifest V3 Side Panel).

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages