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/istanbul-reports/lib/teamcity/index.js

@@ -0,0 +1,67 @@
+/*
+ Copyright 2012-2015, Yahoo Inc.
+ Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
+ */
+'use strict';
+const { ReportBase } = require('istanbul-lib-report');
+
+class TeamcityReport extends ReportBase {
+    constructor(opts) {
+        super();
+
+        opts = opts || {};
+        this.file = opts.file || null;
+        this.blockName = opts.blockName || 'Code Coverage Summary';
+    }
+
+    onStart(node, context) {
+        const metrics = node.getCoverageSummary();
+        const cw = context.writer.writeFile(this.file);
+
+        cw.println('');
+        cw.println("##teamcity[blockOpened name='" + this.blockName + "']");
+
+        //Statements Covered
+        cw.println(
+            lineForKey(metrics.statements.covered, 'CodeCoverageAbsBCovered')
+        );
+        cw.println(
+            lineForKey(metrics.statements.total, 'CodeCoverageAbsBTotal')
+        );
+
+        //Branches Covered
+        cw.println(
+            lineForKey(metrics.branches.covered, 'CodeCoverageAbsRCovered')
+        );
+        cw.println(lineForKey(metrics.branches.total, 'CodeCoverageAbsRTotal'));
+
+        //Functions Covered
+        cw.println(
+            lineForKey(metrics.functions.covered, 'CodeCoverageAbsMCovered')
+        );
+        cw.println(
+            lineForKey(metrics.functions.total, 'CodeCoverageAbsMTotal')
+        );
+
+        //Lines Covered
+        cw.println(
+            lineForKey(metrics.lines.covered, 'CodeCoverageAbsLCovered')
+        );
+        cw.println(lineForKey(metrics.lines.total, 'CodeCoverageAbsLTotal'));
+
+        cw.println("##teamcity[blockClosed name='" + this.blockName + "']");
+        cw.close();
+    }
+}
+
+function lineForKey(value, teamcityVar) {
+    return (
+        "##teamcity[buildStatisticValue key='" +
+        teamcityVar +
+        "' value='" +
+        value +
+        "']"
+    );
+}
+
+module.exports = TeamcityReport;