About blincr

The landing page. Shows three metric cards (total sessions, total events, latest activity) and a table of recent sessions from D1. Data auto-refreshes every 15 seconds. Each session row shows its truncated ID, event count, last action as a colored badge, and relative time since last activity.

Real-time WebSocket event viewer. Enter a session ID and connect to observe the event stream as it happens. Events appear in reverse chronological order with timestamp, type badge, and payload detail. Supports filtering and clearing the feed. The dashboard connects as a passive viewer participant.

Paginated browser for the D1 audit_log table. Shows every recorded event across all sessions: timestamp, session ID, action type, participant ID, and raw detail JSON. Navigate with prev/next pagination, 50 entries per page.

Interactive API tester for the endpoints the Chrome extension uses. Create a new session via POST, check a session's state via GET, and see all available API endpoints listed with their methods. Useful for debugging the extension-to-worker connection without opening Chrome DevTools.

This page. Documents the platform vision, feature roadmap with live/planned status, architecture stack, every dashboard page, and every visible UI component.

The main navigation shell. A collapsible left panel with header (logo + app name), nav groups with icon-labeled menu items, and a footer with worker identity. Supports keyboard toggle (Ctrl+B), responsive mobile overlay via Sheet, and expanded/collapsed states with cookie persistence.

The primary content container. Composed of CardHeader, CardTitle, CardDescription, CardContent, and CardFooter. Used for metric summaries on the Dashboard, feature entries on the About page, the connection panel on Live Feed, and session creation on Extension Test.

Tabular data display. Built from Table, TableHeader, TableBody, TableRow, TableHead, and TableCell. Used on the Dashboard for the recent sessions list and on the Audit Log for paginated event rows. Wraps in a scrollable container for responsive overflow.

Status indicators and labels. Supports variants: default (primary blue), secondary (muted), destructive (red), outline, success (green), and warning (amber). Used to label event types on Live Feed, action types on Dashboard, and feature status (Live/Planned) on About.

Action triggers. Variants: default, destructive, outline, secondary, ghost, link. Sizes: default, sm, lg, icon. Used for Connect/Disconnect on Live Feed, Create/Check on Extension Test, pagination on Audit Log, theme toggle in the header, and the sidebar hamburger trigger.

Form text input. Used on Live Feed for the session ID field and on Extension Test for the owner name and session ID fields. Styled with border, ring focus state, and placeholder text.

Route navigation context in the dashboard header. Shows the current location as a trail: root label (blincr) followed by the current page name. Built from BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, and BreadcrumbSeparator.

Visual divider. Renders as a 1px line, horizontal or vertical. Used between the sidebar trigger and breadcrumb in the header, between feature entries on About, and as sidebar section dividers.

Loading placeholder. Renders a pulsing rounded rectangle. Used on the Dashboard while session data loads and on the Audit Log while entries are being fetched.

Modal overlay panel. Used internally by the Sidebar component as the mobile navigation drawer. Renders a backdrop overlay and a slide-in panel with close button when the sidebar is triggered on narrow viewports.

Contextual hover hints. Used internally by sidebar menu buttons in collapsed mode to show the full label when only the icon is visible. Appears on hover/focus with configurable placement (top, right, bottom, left).

Primitives helper for component composition. Merges props (className, style, event handlers) from a parent onto a single child element. Used by SidebarMenuButton with the asChild pattern so Link elements receive button styling.

Expandable section. Built from Collapsible, CollapsibleTrigger, and CollapsibleContent. Available for sidebar nav group expansion and detail sections. Manages open/closed state internally or via controlled props.