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/fast-json-stable-stringify/test/cmp.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var test = require('tape');
+var stringify = require('../');
+
+test('custom comparison function', function (t) {
+    t.plan(1);
+    var obj = { c: 8, b: [{z:6,y:5,x:4},7], a: 3 };
+    var s = stringify(obj, function (a, b) {
+        return a.key < b.key ? 1 : -1;
+    });
+    t.equal(s, '{"c":8,"b":[{"z":6,"y":5,"x":4},7],"a":3}');
+});

frontend/node_modules/fast-json-stable-stringify/test/nested.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var test = require('tape');
+var stringify = require('../');
+
+test('nested', function (t) {
+    t.plan(1);
+    var obj = { c: 8, b: [{z:6,y:5,x:4},7], a: 3 };
+    t.equal(stringify(obj), '{"a":3,"b":[{"x":4,"y":5,"z":6},7],"c":8}');
+});
+
+test('cyclic (default)', function (t) {
+    t.plan(1);
+    var one = { a: 1 };
+    var two = { a: 2, one: one };
+    one.two = two;
+    try {
+        stringify(one);
+    } catch (ex) {
+        t.equal(ex.toString(), 'TypeError: Converting circular structure to JSON');
+    }
+});
+
+test('cyclic (specifically allowed)', function (t) {
+    t.plan(1);
+    var one = { a: 1 };
+    var two = { a: 2, one: one };
+    one.two = two;
+    t.equal(stringify(one, {cycles:true}), '{"a":1,"two":{"a":2,"one":"__cycle__"}}');
+});
+
+test('repeated non-cyclic value', function(t) {
+    t.plan(1);
+    var one = { x: 1 };
+    var two = { a: one, b: one };
+    t.equal(stringify(two), '{"a":{"x":1},"b":{"x":1}}');
+});
+
+test('acyclic but with reused obj-property pointers', function (t) {
+    t.plan(1);
+    var x = { a: 1 };
+    var y = { b: x, c: x };
+    t.equal(stringify(y), '{"b":{"a":1},"c":{"a":1}}');
+});

frontend/node_modules/fast-json-stable-stringify/test/str.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var test = require('tape');
+var stringify = require('../');
+
+test('simple object', function (t) {
+    t.plan(1);
+    var obj = { c: 6, b: [4,5], a: 3, z: null };
+    t.equal(stringify(obj), '{"a":3,"b":[4,5],"c":6,"z":null}');
+});
+
+test('object with undefined', function (t) {
+    t.plan(1);
+    var obj = { a: 3, z: undefined };
+    t.equal(stringify(obj), '{"a":3}');
+});
+
+test('object with null', function (t) {
+    t.plan(1);
+    var obj = { a: 3, z: null };
+    t.equal(stringify(obj), '{"a":3,"z":null}');
+});
+
+test('object with NaN and Infinity', function (t) {
+    t.plan(1);
+    var obj = { a: 3, b: NaN, c: Infinity };
+    t.equal(stringify(obj), '{"a":3,"b":null,"c":null}');
+});
+
+test('array with undefined', function (t) {
+    t.plan(1);
+    var obj = [4, undefined, 6];
+    t.equal(stringify(obj), '[4,null,6]');
+});
+
+test('object with empty string', function (t) {
+    t.plan(1);
+    var obj = { a: 3, z: '' };
+    t.equal(stringify(obj), '{"a":3,"z":""}');
+});
+
+test('array with empty string', function (t) {
+    t.plan(1);
+    var obj = [4, '', 6];
+    t.equal(stringify(obj), '[4,"",6]');
+});

frontend/node_modules/fast-json-stable-stringify/test/to-json.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var test = require('tape');
+var stringify = require('../');
+
+test('toJSON function', function (t) {
+    t.plan(1);
+    var obj = { one: 1, two: 2, toJSON: function() { return { one: 1 }; } };
+    t.equal(stringify(obj), '{"one":1}' );
+});
+
+test('toJSON returns string', function (t) {
+    t.plan(1);
+    var obj = { one: 1, two: 2, toJSON: function() { return 'one'; } };
+    t.equal(stringify(obj), '"one"');
+});
+
+test('toJSON returns array', function (t) {
+    t.plan(1);
+    var obj = { one: 1, two: 2, toJSON: function() { return ['one']; } };
+    t.equal(stringify(obj), '["one"]');
+});