fix(panel): compact task-status tiles beside the donut; journal ids copyable + task-linked

Five near-empty stat cards become a 2x3 tile band sharing the row with
the status donut. Journal entry cards and the entry page render full
ids with the shared CopyButton and a /tasks quick-link badge, with the
entry-card anchor restructured so links no longer nest.
This commit is contained in:
Renn F
2026-07-15 16:03:11 +02:00
parent 614c22ed70
commit 2efc2f9542
8 changed files with 318 additions and 69 deletions
@@ -14,6 +14,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Skeleton } from "@/components/ui/skeleton";
import { Markdown } from "@/components/ui/markdown";
import { EntryTypeBadge } from "@/components/journals/entry-type-badge";
import { CopyButton } from "@/components/ui/copy-button";
import {
ArrowLeft,
AlertTriangle,
@@ -148,7 +149,13 @@ export default function JournalEntryPage({ params }: JournalEntryPageProps) {
<User className="h-4 w-4" />
<span>Journal</span>
</div>
<p className="font-medium">{entry.journal_id.slice(0, 8)}...</p>
<p
className="font-medium font-mono flex items-center gap-1"
title={entry.journal_id}
>
{entry.journal_id.slice(0, 8)}
<CopyButton value={entry.journal_id} className="px-1 py-0.5" />
</p>
</CardContent>
</Card>
@@ -159,14 +166,18 @@ export default function JournalEntryPage({ params }: JournalEntryPageProps) {
<Link2 className="h-4 w-4" />
<span>Related Task</span>
</div>
<Link href={`/tasks/${entry.task_id}`} prefetch={false}>
<Badge
variant="outline"
className="hover:bg-muted cursor-pointer"
>
Task #{entry.task_id.slice(0, 8)}
</Badge>
</Link>
<div className="flex items-center gap-1">
<Link href={`/tasks/${entry.task_id}`} prefetch={false}>
<Badge
variant="outline"
className="hover:bg-muted cursor-pointer"
title={entry.task_id}
>
Task #{entry.task_id.slice(0, 8)}
</Badge>
</Link>
<CopyButton value={entry.task_id} className="px-1 py-0.5" />
</div>
</CardContent>
</Card>
)}