agent-integrations

A passable write-lock pill: humans and agents request, hold, grant, or yank exclusive control of a surface, with auto-pass on activity and a transfer timeline.

agent-integrations

A fading cross-surface breadcrumb of agent activity — each tool call drops a colored dot on the surface it touched, hover to inspect, watch the shape of where the agent has been.

fancy-screens

A scrubbable timeline that rewinds a surface's state to any prior moment — see what the agent did, branch off, or fork a new screen from a past frame.

agent-integrations

A slim chat thread docked beside any screen — messages can @-reference elements on that surface, hover to highlight, click to scroll, so conversation stays anchored to the work.

agent-integrations

A persistent edge dock listing every active agent with live status (thinking, working on X, idle, blocked) — click to summon, mute, pause, or hand off the baton.

agent-integrations

Before a multi-step plan executes, the agent posts a card listing every step — the human can ack the whole plan, edit individual steps, or reject, then watch each step land in turn.

agent-integrations

Directional attention pulse: when an agent needs the human to look at something off-focus or off-screen, a ripple travels from the element toward the cursor with an inline reason chip.

agent-integrations

Translucent in-place preview of an agent's pending writes overlaid on the surface — hover to see who/why, accept individual ghosts, or sweep-accept everything.

react-fancy

A primitive that renders streamed-in agent output with typewriter/chunked-reveal/word-fade variants, inline citations, pause/skip controls, and a finished signal.

react-fancy

An input with inline grey ghost-text completion past the caret — Tab to accept, Cmd+→ to accept one word, Esc to dismiss; debounced predictor with manual override.

react-fancy

Wrap any value with a small ? affordance — on hover or click reveals the source, the agent's reasoning, a confidence band, and citations, so explainability is one keystroke away.

react-fancy

Swipeable stack of competing AI-generated drafts with a word-level diff between adjacent drafts, side-by-side compare mode, and a one-click accept that promotes a draft to the live field.

react-fancy

Multi-line prompt field with /command autocomplete, @-mention picker, attachment chips, submit-on-⌘Enter, and a token-budget meter — the chat composer every AI app rebuilds from scratch.

react-fancy

Selection-anchored floating toolbar that pops over highlighted text with AI-flavored quick actions (rephrase, shorten, expand, explain, translate) — each invokes a host callback with the selection.

react-fancy

A textarea that renders multi-author edits as inline insertions and strike-through deletions colored by author, with per-change accept/reject, an author legend, and a clean export of the resolved text.

react-fancy

Collapsible drawer docked below an AI answer listing every retrieved snippet, citation, and tool call that produced it — click a snippet to highlight its referencing span in the answer.

react-fancy

Slim ambient progress bar pinned to a container's top edge that segments by parallel background jobs — each colored slice carries one agent's task, hover for detail, click to expand the roster.

react-fancy

A while-you-were-away tray that catalogs every agent-introduced change since the user's last visit, grouped by surface, with jump-to and dismiss-all — the inbox for asynchronous AI work.

react-fancy

A list of AI-generated items where every row exposes hover-revealed regenerate / explain / edit / pin / drop affordances, plus a sweep regenerate for the whole list and a pinned-items pin board.

react-fancy

A 2D value+confidence input on a single pad — x is the value, y is how sure you are, the halo radius shrinks as confidence rises; perfect for AI-suggested numeric settings where uncertainty matters.

react-fancy

Wraps any form input with a margin annotation slot that holds a threaded conversation pinned to the field — agents drop 'set X because Y' notes, humans reply, resolve, or convert a note into the next value.

react-fancy

Horizontal scrollable session history — every step is a labeled bead with a miniature thumbnail and timestamp; click a bead to rewind, branch off into a side trail, or compare two beads.

react-fancy

Wraps any element so it pulses once when its content changes — a self-contained 'look here' effect tuned by tone (info/change/risky), intensity, and decay; designed to fade quietly after one breath.

react-fancy

Virtualized fetch-on-scroll list generic over item shape — render-prop rows, dedupe-by-id, sentinel-based IntersectionObserver paging, stalled/error/exhausted states. Bridge: scroll_visible_range / scroll_to(id) / scroll_load_next.

react-fancy

Pinned + recent named searches with one-click rerun, rename, and delete. Persists across sessions; supports nested query objects (not just strings). Bridge: query_list / query_save({name, payload}) / query_run(id) — agents can save their own successful queries.

react-fancy

Press ? to summon a searchable, context-grouped overlay of every keyboard shortcut active in the current scope. Generic registry; consumers register shortcuts via a hook. Bridge: keymap_list — agents discover what they can drive without screen-scraping menus.

react-fancy

Minimap-style colored dots floating in the page margin marking sections, errors, comments, and agent-activity. Click to jump; hover to peek. Bridge: waypoint_list / waypoint_jump(id) / waypoint_pin(at) — agents can mark where they were working.

react-fancy

Back/forward navigation stack with screen thumbnails — the alt-tab for in-app screens. Render-prop history entries; controlled cursor; agent bridge can read history and jump_to(entryId) to retrace its own (or the user's) prior state.

react-fancy

Virtualized result list that streams in async results with per-row skeletons, group dividers, and a 'more available' tail. Controlled list + loadState prop; ids are stable; bridge exposes stream_top / stream_pick(id) for agent traversal.

react-fancy

Faceted-filter sidebar from a JSON facet schema — checkbox groups, range sliders, search-within-facet, selected chips with clear-all. value is a plain {[facetKey]: any} bag agents can read and patch via facet_set / facet_clear.

react-fancy

Edge-docked slide-in tray for any list of items grouped by a key. Per-group collapse, per-item action menu, bulk 'mark group read' — keyboard-navigable. Works for notifications, files-by-folder, tickets-by-source, builds-by-pipeline, anything groupable.

react-fancy

Celebratory empty-state card for any milestone moment — inbox zero, all tests passing, queue drained, onboarding complete. Slot for stat tiles + one primary CTA + gradient hero, fades when the underlying state changes.

react-fancy

7×24 (or any N×M) boolean-cell painter — drag to paint, click axis labels to toggle whole row/column. Powers quiet hours, working hours, availability matrices, room booking, meeting heatmaps; anywhere a recurring time selection lives.

✓ shipped in @particle-academy/[email protected] · 2026-05-27

agent-integrations

Auto-classified badge with hover-revealed reasoning and click-to-override. Sends the override back to the host's classifier so it trains itself. Generic across priority, sentiment, severity, category, risk — anywhere an AI label needs human-correctable trust.

react-fancy

Preview-before-commit list with per-item include toggle, drag-to-reorder, and a 'send/run/apply now' override. Works for digests, scheduled posts, batch operations, AI write queues — anywhere a pending batch deserves a last look.

react-fancy

Vertical onboarding checklist with collapsible per-step detail, progress ring, and a single 'next' CTA that always points at the user's most-actionable remaining step.

react-fancy

Pulsing dot that anchors to any selector on the page and pops a coachmark on click — keyboard-navigable across a sequence, auto-scrolls into view, and remembers dismissed steps.

react-fancy

Illustrated empty-state container with a small grid of first-action CTAs — most-tried action floats to the top across sessions so power moves stay one click away.

react-fancy

Slim profile-completion bar that always surfaces the single next missing field as a one-tap inline mini-form — fills, validates, advances, with no detour to a settings page.

react-fancy

Persistent strip offering to seed a fresh workspace with sample data, with a single revert button — the 'try-before-you-commit' affordance for empty-state hesitation.

react-fancy

Vertical lifecycle indicator for a support ticket — open → triaged → in-progress → waiting-customer → resolved, with SLA color states, branch-off escalation rails, and per-stage timestamps revealed on hover.

react-fancy

Live SLA countdown pill bound to a target wall-clock — green while comfortable, amber as the breach window approaches, red-pulse when breached; resilient to tab-sleep with a single rAF heartbeat.

react-fancy

Reply composer with one-keystroke macro insertion and {{variable}} placeholders — unresolved variables render as warning chips so reps never accidentally send '{{customer_name}}'.

agent-integrations

Stack of agent-recommended ticket actions (refund, escalate, draft-reply, close), each as a card with confidence + reason — swipe right to accept, left to reject, tap to edit before committing.

agent-integrations

Floating sidekick that hovers near any focused input and surfaces the agent's top-3 next-actions (quote KB, insert link, escalate) — keyboard-driven, dismissable, never steals the caret.

agent-integrations

A thin ribbon surfaces a pending agent action with a countdown so humans can approve early, edit the payload, or veto — trust-but-verify without modal interruptions.