feat: Phase 6 - MCP + Webhooks + Worker + Polish
- MCP server: stateless JSON-RPC 2.0 with 18 tools (tasks, habits, projects, notes, domains, search, activity) - Webhooks API: CRUD routes under /api/domains/[domainId]/webhooks/ with test endpoint and deliveries log - Webhook delivery: HMAC-SHA256 signed POST with retry (exponential backoff, max 6) - Worker rewrite: Drizzle ORM instead of PocketBase, polls jobs table, handles webhook_delivery, recurring_spawn, ai_dispatch - Rate limiting: token bucket per IP/API key (100 req/min REST, 300 req/min MCP) - Keyboard help overlay: ? opens Radix Dialog with search/filter, Esc closes - AI @mention stub: @agent in command palette dispatches CustomEvent - Mobile responsive: bottom nav, single-column kanban, day view calendar, 44px touch targets - Accessibility: skip-to-content link, focus rings, aria-labels, color contrast - E2E tests: mcp.spec.ts, webhooks.spec.ts, realtime.spec.ts added - Schema: api_keys and webhook_deliveries tables with migration - Removed old PocketBase-style database.ts from worker
This commit is contained in:
@@ -330,3 +330,74 @@
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* ── Mobile responsive ──────────────────────────────────────────────────────────── */
|
||||
|
||||
/* Bottom navigation for mobile */
|
||||
@media (max-width: 767px) {
|
||||
.mobile-bottom-nav {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
/* Calendar: day view on mobile */
|
||||
.rbc-month-view {
|
||||
display: none;
|
||||
}
|
||||
.rbc-time-view {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Dashboard: single column */
|
||||
.dashboard-grid {
|
||||
grid-template-columns: 1fr !important;
|
||||
}
|
||||
|
||||
/* Kanban: single column with horizontal scroll */
|
||||
.kanban-board {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
.kanban-column {
|
||||
min-width: 85vw;
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
|
||||
/* Touch targets ≥ 44px */
|
||||
button, a, [role="button"], input, select, textarea {
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
/* Reduce padding on mobile */
|
||||
main#main-content {
|
||||
padding: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop: hide bottom nav */
|
||||
.mobile-bottom-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ── Focus rings for accessibility ──────────────────────────────────────────────── */
|
||||
|
||||
*:focus-visible {
|
||||
outline: 2px solid hsl(var(--ring));
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* ── Color contrast improvements ───────────────────────────────────────────────── */
|
||||
|
||||
.text-muted-foreground {
|
||||
color: hsl(var(--muted-foreground));
|
||||
}
|
||||
|
||||
/* Ensure 4.5:1 contrast for small text */
|
||||
@media (prefers-contrast: more) {
|
||||
:root {
|
||||
--muted-foreground: 140 5% 30%;
|
||||
}
|
||||
.dark {
|
||||
--muted-foreground: 140 5% 70%;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user