feat: full plan execution - CI/CD, critical fixes, UX polish, secondary/advanced features, E2E + docs

Phase 0 (CI/CD): fix root typecheck to cover api+worker+web; reconcile migration
story into idempotent db:migrate (db:sync + db:triggers); add Gitea Actions
quality/deploy/smoke workflow; rewrite README/AGENTS/DEPLOY docs; add
requireWorkspaceAccess + recordActivityForEntity conventions.

Phase 1 (critical fixes): calendar delete + drag/resize DnD; canvas card CRUD +
bulk save + debounced autosave; logout route; graph edge workspaceId derivation;
real analytics endpoints (drop Math.random); task board droppable columns +
reorder persistence; Tiptap notes editor with sanitized HTML rendering; remove
insecure passkey auth; domain/owner scoping (IDOR) on all by-ID routes + search/
export/realtime scoping; command palette routing + agent mention fetch; agent
activity SSE handler; graph fly-to with tracked positions.

Phase 2 (UX polish): login on design system; Sonner toasts app-wide; shared
Loading/Empty/Error state components; working density/sidebarPos/reduce-motion
settings; Inter typography; consolidated status-colors lib; unified detail
routes; dashboard sort/realtime/responsive fixes; mobile responsive; a11y
(radiogroups, sanitized snippets, badge labels).

Phase 3 (features): daily notes timezone fix + delete + autosave + mood/energy
create; active-domain store + topbar picker; graph domain picker + navigable
entity links; tag assign/remove UI + server-side tag filter; real CSV export +
import validation; custom fields on tasks.

Phase 4 (advanced): migrate job worker into apps/worker (webhook delivery with
HMAC, recurring spawn, ai_dispatch disabled); webhook queue helper + entity
event enqueuing + test endpoint fix; recurring scheduledJobs pipeline; agents
CRUD + permission editing + activity filters; real notifications feed; MCP
polish (validation, error codes, domain scoping, dead sql leftover).

Phase 5 (E2E + docs): rewrite Playwright suite for the Vite SPA (15 specs, new
auth helpers, chromium-only in CI); add ephemeral-Postgres e2e CI job; rewrite
docs/API.md for the real Hono API.
This commit is contained in:
2026-08-10 08:53:18 +00:00
parent 6cb4b9f1b5
commit a60b75f075
99 changed files with 6238 additions and 2954 deletions
+2 -50
View File
@@ -1,13 +1,8 @@
import { createRoute, useParams, useNavigate } from "@tanstack/react-router";
import { Route as appRoute } from "../../_app";
import { useApiQuery } from "@/lib/api";
import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
import { ArrowLeft, Layout, Layers } from "lucide-react";
import type { Canvas } from "@/lib/types";
import { format, parseISO } from "date-fns";
import { CanvasEditor } from "../canvas";
function CanvasDetail() {
const { id } = useParams({ from: Route.id });
@@ -17,50 +12,7 @@ function CanvasDetail() {
if (isLoading) return <div className="p-8 text-center text-muted-foreground">Loading...</div>;
if (!canvas) return <div className="p-8 text-center text-muted-foreground">Canvas not found</div>;
const blockCount = canvas.cards?.length || 0;
return (
<div className="max-w-2xl mx-auto p-6 space-y-6">
<Button variant="ghost" onClick={() => navigate({ to: "/canvas" })} className="w-fit">
<ArrowLeft className="h-4 w-4 mr-2" /> Back to Canvas
</Button>
<Card>
<CardHeader>
<div className="flex items-center gap-3">
<Layout className="h-6 w-6 text-muted-foreground" />
<CardTitle className="text-2xl">{canvas.name}</CardTitle>
<Badge variant="secondary">{canvas.mode}</Badge>
</div>
</CardHeader>
<CardContent className="space-y-4">
{canvas.description && (
<div>
<h3 className="text-sm font-semibold text-muted-foreground mb-1">Description</h3>
<p className="text-sm whitespace-pre-wrap">{canvas.description}</p>
</div>
)}
<Separator />
<div className="grid grid-cols-2 gap-4 text-center">
<div className="p-3 bg-muted/50 rounded-lg">
<Layers className="h-5 w-5 mx-auto mb-1 text-muted-foreground" />
<p className="text-2xl font-bold">{blockCount}</p>
<p className="text-xs text-muted-foreground">Blocks</p>
</div>
<div className="p-3 bg-muted/50 rounded-lg">
<Layout className="h-5 w-5 mx-auto mb-1 text-muted-foreground" />
<p className="text-2xl font-bold capitalize">{canvas.mode}</p>
<p className="text-xs text-muted-foreground">Mode</p>
</div>
</div>
<Separator />
<div className="text-xs text-muted-foreground space-y-1">
<p>Created: {format(parseISO(canvas.createdAt), "MMM d, yyyy HH:mm")}</p>
<p>Updated: {format(parseISO(canvas.updatedAt), "MMM d, yyyy HH:mm")}</p>
</div>
</CardContent>
</Card>
</div>
);
return <CanvasEditor key={canvas.id} canvas={canvas} onBack={() => navigate({ to: "/canvas" })} />;
}
export const Route = createRoute({