Add side panels, task selection, graph animation, and project docs

- Foldable left panel (user profile) and right panel (task details)
- Clicking a task in the list or graph node selects it and shows details
- Both views (task list + graph) always mounted via absolute inset-0 for
  correct canvas dimensions; tabs toggle visibility with opacity
- Graph node selection animation: other nodes repel outward (charge -600),
  then selected node smoothly slides to center (500ms cubic ease-out),
  then charge restores to -120 and graph stabilizes
- Graph re-fits on tab switch and panel resize via ResizeObserver
- Fix UUID string IDs throughout (backend returns UUIDs, not integers)
- Add TaskDetailPanel, UserPanel components
- Add CLAUDE.md project documentation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/node_modules/next/dist/trace/trace.d.ts

@@ -0,0 +1,40 @@
+import type { SpanId, TraceEvent, TraceState } from './types';
+export declare enum SpanStatus {
+    Started = "started",
+    Stopped = "stopped"
+}
+interface Attributes {
+    [key: string]: string;
+}
+export declare class Span {
+    private name;
+    private id;
+    private parentId?;
+    private attrs;
+    private status;
+    private now;
+    private _start;
+    constructor({ name, parentId, attrs, startTime, }: {
+        name: string;
+        parentId?: SpanId;
+        startTime?: bigint;
+        attrs?: Attributes;
+    });
+    stop(stopTime?: bigint): void;
+    traceChild(name: string, attrs?: Attributes): Span;
+    manualTraceChild(name: string, startTime?: bigint, stopTime?: bigint, attrs?: Attributes): void;
+    getId(): number;
+    setAttribute(key: string, value: string): void;
+    traceFn<T>(fn: (span: Span) => T): T;
+    traceAsyncFn<T>(fn: (span: Span) => T | Promise<T>): Promise<T>;
+}
+export declare const trace: (name: string, parentId?: SpanId, attrs?: {
+    [key: string]: string;
+} | undefined) => Span;
+export declare const flushAllTraces: () => Promise<void>;
+export declare const exportTraceState: () => TraceState;
+export declare const initializeTraceState: (state: TraceState) => void;
+export declare function getTraceEvents(): TraceEvent[];
+export declare function recordTraceEvents(events: TraceEvent[]): void;
+export declare const clearTraceEvents: () => never[];
+export {};