Component Showcase

An Attention OS for your browser.

Every user-facing surface of Tabatha - the browser extension, the desktop companion, and the Tabby Sidecar mobile companion - rendered from each product's own design system: the halved corner-radius scale, the Pop-Art dark palette, emoji-native iconography, and JetBrains Mono timers. Five of these double as the Chrome Web Store screenshots, captured at an exact 1280×800.

๐ŸงญContext Over Chaos every tab has a purpose
๐ŸšชIntentional Browsing good friction, on purpose
โฑ๏ธUniversal Time tracking built into the browser
๐Ÿค–Agent-Ready Data better work, with surgical accuracy
Family Surfaces Library Overlays Focus & Time Data Org & Team Settings Primitives Companion Sidecar Watch Mobile

The family

4 in the family ยท one day, counted once

Tabatha is three programs that share one clock, plus a fourth surface that reads and writes the same clock without owning any of it. The three exist separately because attention does not respect process boundaries but operating systems do: an extension can see your tabs and nothing else, a desktop app can see your windows but not what is inside a tab, and neither is in your pocket at 8am. Splitting them is not an architecture preference, it is the only way to see a whole day. Splitting them is also the hard part - so the rule underneath all three is that one shift exists at a time, wherever you started it, and each program yields to whichever of them can actually see what you are doing right now. Tabby Watch, the fourth, does not add a new vantage point - it puts the existing one on your wrist, for the moments even the phone is a reach too far.

๐Ÿงฉ
Browser Extension Shipped
The core product, and the only one that knows why you opened something. It gates new tabs, binds every tab to a Context, and runs the Focus Engine the other two report into. Settings now reaches out to both siblings: a Context View section tunes what the phone's big-screen mode shows (day countdown, up-next, timeline, checkpoint preview, phone-away fade, day-reset hour) over the same cloud settings channel Tabby Sidecar reads, and a Desktop Activity pairing card connects the companion with a one-tap token.
Chrome MV3 ยท 8 surfaces ยท 90 components ยท self-updating channel ยท Context View customization ยท Companion pairing card
8 surfaces ยท 90 components โ†’
๐Ÿ–ฅ๏ธ
Desktop Companion Built ยท v0.3.1
A Windows tray app that watches the rest of the desktop, so the hours you spend outside the browser stop reading as idle. It is also how the extension distributes and updates itself. Pairing with the extension is now hardened: a one-tap token exchange authenticates the local bridge instead of leaving it open to any caller.
Tray ยท Desk Panel ยท window monitor ยท categorizer ยท local SQLite ยท WebSocket bridge ยท opt-in capture ยท updater ยท autostart ยท hardened device pairing
15 surfaces & subsystems โ†’
๐Ÿ“ฑ
Mobile ยท Tabby Sidecar Shipped ยท Web ยท v0.7.2
The queue in your pocket, today. Sign in with your Tabatha account to start an intent by typing or by voice, run the clock, and get a Chaperone nudge if you wander off mid-focus โ€” installable to your home screen as a PWA. Tasks now sync from Asana with a personal access token: subtasks, blocked badges, and tracked time appear automatically, and a Task turns into a focus (subtasks into sub-intents) with one tap. Every timer extension and snooze lands on the Context View timeline as its own โณ node โ€” your context, kept. Go quiet on an active focus and Tabatha asks how it's going out loud; answer out loud back and it applies what you said itself โ€” extend, pause, done, or just a progress note โ€” always with a visible confirmation and Undo. Opt-in, and it respects quiet hours. The app updates and recovers itself too: a new version rolls out without asking, and a crash lands on a recovery screen instead of a blank one. Settings can also pair a Galaxy Watch with a password-free 6-digit code.
Sign in ยท Queue & active focus ยท Voice capture ยท Proactive voice check-ins ยท Chaperone interrupts ยท Tasks & Asana sync ยท Context View timeline (checkpoints, starts, extensions) ยท Phone Focus Mode ยท In-app feedback ยท Web Push ยท Self-healing PWA ยท Watch pairing ยท native iOS/Android planned
12 surfaces โ†’
โŒš
Tabby Watch Sideload beta ยท v0.2.2
The most glanceable surface in the family, in the lab: a Wear OS 4 companion for the Galaxy Watch 6 with a focus ring, a Checkpoint quick-add, +5 extend, and Pause/Resume, all reading the same Cloud Sync account as the phone and the extension. A Tile and a watch-face complication carry the current focus without opening the app. Pairing is password-free โ€” a 6-digit code minted from Sidecar's Settings, entered once on the watch. There is no store release yet: today it is a debug build you clone, compile, and sideload over Wi-Fi ADB.
Focus ring ยท Action chips ยท Checkpoint quick-add ยท Shift glance (read-only) ยท Tile ยท Complication ยท Password-free pairing ยท fixture-mode debug builds
8 surfaces โ†’
No product matches that filter.
Get the Desktop Companion Windows ยท v0.3.1 A 4.70 MB installer for Windows 10/11, now with hardened device pairing. Unsigned for now, so SmartScreen will warn on first run; the panel carries the direct link, the SHA-256 and what to know before you install. Open Tabby Sidecar Web ยท v0.7.2 Nothing to install. Open it in any phone browser and sign in with your Tabatha account; add it to your home screen for the app feel. Speak an intent, connect Asana to pull in tasks and subtasks, answer out loud when Tabatha checks in on you, and watch checkpoints and timer extensions tick by on the Context View timeline โ€” your queue, your focus, in your pocket. Tabby Watch Sideload beta ยท v0.2.2 No store listing yet. It runs today on a Galaxy Watch 6, paired password-free from Sidecar's Settings โ€” but getting it onto a wrist means cloning tabatha-watch, building the debug APK, and sideloading it over Wi-Fi ADB. The detail page has the full build and pairing walkthrough.

Extension surfaces

8 full-page frames ยท exact 1280×800 ยท click any card to open full size

A surface is a whole place in Tabatha you can be: the gate that interrupts a new tab, the sidebar that replaces the browser's own tab strip, the dashboard that replaces the new-tab page. They exist because an attention tool cannot live in one panel - the moment you need to declare intent is not the moment you need to review your week, and neither belongs in a popup. Each frame below is the real UI at the size it actually ships, not a mockup of it.

01
The Gatekeeper Store shot
"Why are you here?" - good friction before every undirected new tab. Continue, Side Quest, Sugar Box, or Park.
โ†—
02
Sidebar Store shot
Active focus, elapsed time, priority-coded tab list.
โ†—
03
New Tab Dashboard Store shot
Quick Access, working state, Return to Flow.
โ†—
04
Sync & Account Store shot
Cloud Sync health chip and org, metadata only.
โ†—
05
Backdating Store shot
Credited minutes, overlaps kept, checkpoint timeline.
โ†—
06
Quick Switch
The 400×500 toolbar popup: search every tab by its Context, not just its title.
โ†—
07
Work Shifts ยท Analytics
Daily hours, peak productivity, break patterns, time per focus. Every chart is hand-rolled CSS.
โ†—
08
Settings ยท All 22 Sections
The full nav, the Appearance section, and the live-preview column with all 12 themes.
โ†—
No surface matches that filter.

Extension component library

6 category pages ยท 90 component cards ยท state variants throughout

The surfaces above are assembled from these ninety components, grouped by the job they do rather than by where they happen to render. Most are shown in several states, because the states are where the product's opinions live: a focus that has drifted, a stint left open by a machine that went to sleep, a queue with nothing in it. Each card names the file it comes from, so what you read here can be checked against the source.

๐ŸชŸ
Overlays & Content Scripts
Everything Tabatha injects into pages it does not own: the always-on status bar, the intent gate, the block wall.
InBar (active ยท paused ยท no-intent ยท agent ยท nub) ยท Sticky note ยท Edit dropdown ยท Backburner prompt ยท Checkpoint card ยท Notes panel ยท Gatekeeper (strict ยท relaxed ยท inherited ยท agent) ยท BlockGate ยท Welcome Back ยท What's New
16 cards โ†’
๐ŸŽฏ
Focus & Time
The Focus Engine and the clock: declaring intent, tracking it, and correcting it after the fact.
FocusBar (active ยท paused ยท drifted ยท over-time ยท edit ยท checkpoint) ยท FocusInput (empty ยท pending) ยท FocusQueue ยท BackburnerDock ยท FocusHistory ยท Now Bar ยท CheckpointTimeline ยท FlipClock ยท Shift Controls ยท StagePicker ยท Priority picker
15 cards โ†’
๐Ÿ“ˆ
Data & Analytics
Every chart in the product, hand-rolled in CSS. The extension ships no charting library at all.
Stat cards ยท Top Focuses ยท Time by Category ยท Context Distribution ยท ActivityHeatmap (365 days) ยท Daily Hours ยท Peak Hours ยท Break Patterns ยท Weekly comparison ยท Time per Focus ยท LogsPanel (chips ยท table ยท empty) ยท Range selector
15 cards โ†’
๐Ÿ›๏ธ
Org & Team
Multi-install and multi-person surfaces: who is working, on what, and which shifts were left open.
TeamActivityPanel ยท StatusChip (9 states) ยท Invite tokens ยท Orgs & Teams ยท InitiativesPanel tree ยท ProjectsClientsPanel ยท Live Stints ยท AbandonedStintsModal ยท OtherProfilesStrip ยท CompanionStatus ยท Schedule (3 modes) ยท Shortfalls & Requests
14 cards โ†’
โš™๏ธ
Settings
All 22 shipped sections, the fuzzy search, the theme system, and the Cortex observation panel.
Nav (all 22) ยท Sync chip (5 states) ยท SettingsSearch (idle ยท results ยท empty) ยท Themes (12) ยท Swatches ยท Field rows & toggles ยท Funnel stages ยท URL Rules (3 tabs) ยท Domain Groups ยท Intent Changes ยท Developer ยท Retention ยท Cortex ยท Webhooks ยท About
16 cards โ†’
๐Ÿงฑ
Primitives & Panels
The shared building blocks every surface is assembled from, plus the global overlays.
GlassCard ยท PopButton (3 sizes) ยท ComboInput ยท TagPicker ยท StagePicker ยท VoiceInput ยท Tooltip ยท CommandPalette ยท KeyboardShortcuts (14) ยท LinkMergeModal ยท TasksPanel ยท Tab-list rows ยท PriorityPill ยท ChangelogView ยท UnifiedTimeline
14 cards โ†’
No category matches that filter.