Jamie BruntonandClaude Fable 5 e984bf20ac feat: dashboard UI/UX overhaul from full review
Shared foundation:
- New Modal component on native <dialog>.showModal() (focus trap, inert
  background, Escape, focus restore, scroll lock); all eight dialogs and
  both globalThis.confirm calls migrated to it
- Design tokens for success/warning/danger surfaces; pill danger variant;
  .sr-only utility; toast layering above dialog backdrops; not-allowed
  cursor for validity-disabled buttons

Conversations/attention: auto-scroll with jump-to-latest, per-conversation
draft persistence, suggestion undo, 30s auto-refresh with refresh controls,
unread emphasis and counts, blur-consistent share dialog, empty-accounts
guidance, collapsed user lookup, relative timestamps, danger pills for
critical items

Media/library/outreach: click-blurred-to-reveal, lightbox with arrow
navigation and captions, dirty-form preservation across refetches, upload
validation with thumbnail preview, save feedback, result counts with
load-more and clear-filters, ticking countdowns from a single clock

Overview/performance/operations/settings: mutation errors inside the
confirm dialog, live sending-window countdown, offline-aware loading
states, per-panel loading/error with retry, 7/30/90-day range toggle,
console scroll yielding with shown/retained counts, risky-save matching
by subreddit name instead of index, useBlocker unsaved-changes guard,
single-pass validation with focus-to-first-error, access panel JSON
validation and input reset

Tests: 806 -> 844 passing; both typechecks clean.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-08-10 09:07:42 +01:00
2026-01-04 19:30:51 +00:00
2026-08-09 16:21:57 +01:00
2026-01-04 19:16:31 +00:00

RedditBot documentation

This directory is the starting point for agents and maintainers. It explains the system at the level needed to make safe changes; source code, tests, database migrations, and the generated API reference remain authoritative.

Read this first

RedditBot is a stateful, multi-account outreach and conversation application. It discovers eligible Reddit posts, prepares AI-generated openers, sends them through Reddit's Matrix chat service, follows replies under bounded policies, records outcomes, and exposes an authenticated operator dashboard and agent API.

The most important operational fact is that local and production configuration may be live-capable. Installing dependencies, building, and testing are safe. Starting the backend, invoking control endpoints, importing sessions, sending messages, or deploying may affect real Reddit accounts and requires explicit authorization.

Documentation map

Document Use it when
Product goals and safety You need the purpose, product boundaries, eligibility policy, or definition of success.
Architecture You need the system shape, process lifecycle, dependency boundaries, or repository map.
Runtime flows You are changing discovery, screening, candidate delivery, replies, chat sync, media, or realtime updates.
Service map You need to find the module that owns a responsibility or identify extension seams.
Data model You are changing persistence, migrations, account scoping, idempotency, or analytics.
Configuration You are adding a setting, changing precedence, or diagnosing startup validation.
API You are using or changing HTTP/MCP operations. This file is generated.
Frontend You are changing the React dashboard, shared contracts, queries, routes, or SSE behavior.
Development and testing You are setting up locally, implementing a change, or choosing verification commands.
Deployment and operations You are diagnosing or performing Docker/Dokploy work, backups, recovery, or live verification.

Fast orientation by task

  • Candidate selection or outreach: read product-and-safety, data-flow, services, and database.
  • Conversation automation: read product-and-safety, data-flow, and the conversation state/claim sections in database.
  • Dashboard/API work: read frontend, api, and architecture.
  • Authentication or account work: read architecture, configuration, database, and deployment.
  • Production incident: read deployment first, then the flow and service that own the failing state.
  • Schema or config change: read database/configuration and update both transport contracts and tests where applicable.

Sources of truth

Use this order when facts conflict:

  1. Observable behavior and focused tests.
  2. Shared Zod transport contracts in packages/api-contracts/src/.
  3. Runtime Zod configuration in src/config/index.ts and migrations in src/database/client.ts.
  4. Owning implementation under src/ or apps/dashboard/src/.
  5. Generated docs/api.md and live /api/openapi.json.
  6. Narrative documentation in this directory.

Documentation should explain why boundaries exist and where behavior lives. Avoid copying entire schemas, hard-coded production identifiers, current counts, or secrets into prose.

Keeping documentation current

Every code change must include the documentation changes needed to keep this map accurate. In particular:

  • Add or remove links here when documents change.
  • Update architecture and service ownership when dependencies move.
  • Update runtime flows when ordering, eligibility, retries, or idempotency changes.
  • Update configuration and data model documents with schema changes.
  • Run npm run docs:api after modifying src/web/api-catalog.ts.
  • Keep historical plans out of current-state documents; use Git history for retired designs.

See the repository-level agents.md for the mandatory agent workflow.

S
Description
No description provided
Readme
134 MiB
0 Stars 1 Watchers 0 Forks
Languages
TypeScript 96.5%
CSS 3.2%
JavaScript 0.2%