fix(panel): task-detail tab state in URL, nav placement, kanban overflow, sidebar divider, tooltip sweep

- Task detail: active tab lives in ?tab= (survives reload, back/forward, and
  prev/next task jumps); prev/next arrows move into the header row next to
  Actions instead of their own row above the title
- Constraints section always starts collapsed (project boilerplate)
- Kanban: native overflow scroll replaces Radix ScrollArea (display:table
  viewport let cards grow past the column and clip); columns share width
  (flex-1, 18rem floor, 24rem cap); dark column colors normalized to /40 tints
- Sidebar footer: drop the Separator doubled with the wrapper's border-t
- Tooltips: self-providing Tooltip root (300ms) + hover hints across sidebar,
  header, task detail, kanban, and every icon-only button that had none
This commit is contained in:
Renn F
2026-07-11 10:59:26 +02:00
parent 5a0fce7da4
commit e211a3c15e
37 changed files with 891 additions and 484 deletions
@@ -4,6 +4,11 @@ import { use, useEffect } from "react";
import { useJournalEntry } from "@/hooks/use-journals";
import { usePageRefresh } from "@/hooks";
import { Button } from "@/components/ui/button";
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
import { Badge } from "@/components/ui/badge";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Skeleton } from "@/components/ui/skeleton";
@@ -103,11 +108,16 @@ export default function JournalEntryPage({ params }: JournalEntryPageProps) {
{/* Header */}
<div className="flex items-center justify-between border-b pb-4">
<div className="flex items-center gap-4">
<Link href="/journals" prefetch={false}>
<Button variant="ghost" size="icon">
<ArrowLeft className="h-5 w-5" />
</Button>
</Link>
<Tooltip>
<TooltipTrigger asChild>
<Link href="/journals" prefetch={false}>
<Button variant="ghost" size="icon">
<ArrowLeft className="h-5 w-5" />
</Button>
</Link>
</TooltipTrigger>
<TooltipContent>Back to journals</TooltipContent>
</Tooltip>
<div>
<div className="flex items-center gap-2 mb-1">
<EntryTypeBadge type={entry.type} />