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/build/webpack-config-rules/resolve.d.ts

@@ -0,0 +1,3 @@
+import { type CompilerNameValues } from '../../shared/lib/constants';
+export declare const edgeConditionNames: string[];
+export declare function getMainField(compilerType: CompilerNameValues, preferEsm: boolean): string[];

frontend/node_modules/next/dist/build/webpack-config-rules/resolve.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    edgeConditionNames: null,
+    getMainField: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    edgeConditionNames: function() {
+        return edgeConditionNames;
+    },
+    getMainField: function() {
+        return getMainField;
+    }
+});
+const _constants = require("../../shared/lib/constants");
+const edgeConditionNames = [
+    "edge-light",
+    "worker",
+    // inherits the default conditions
+    "..."
+];
+const mainFieldsPerCompiler = {
+    // For default case, prefer CJS over ESM on server side. e.g. pages dir SSR
+    [_constants.COMPILER_NAMES.server]: [
+        "main",
+        "module"
+    ],
+    [_constants.COMPILER_NAMES.client]: [
+        "browser",
+        "module",
+        "main"
+    ],
+    [_constants.COMPILER_NAMES.edgeServer]: edgeConditionNames,
+    // For bundling-all strategy, prefer ESM over CJS
+    "server-esm": [
+        "module",
+        "main"
+    ]
+};
+function getMainField(compilerType, preferEsm) {
+    if (compilerType === _constants.COMPILER_NAMES.edgeServer) {
+        return edgeConditionNames;
+    } else if (compilerType === _constants.COMPILER_NAMES.client) {
+        return mainFieldsPerCompiler[_constants.COMPILER_NAMES.client];
+    }
+    // Prefer module fields over main fields for isomorphic packages on server layer
+    return preferEsm ? mainFieldsPerCompiler["server-esm"] : mainFieldsPerCompiler[_constants.COMPILER_NAMES.server];
+}
+
+//# sourceMappingURL=resolve.js.map

frontend/node_modules/next/dist/build/webpack-config-rules/resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/build/webpack-config-rules/resolve.ts"],"names":["edgeConditionNames","getMainField","mainFieldsPerCompiler","COMPILER_NAMES","server","client","edgeServer","compilerType","preferEsm"],"mappings":";;;;;;;;;;;;;;;IAMaA,kBAAkB;eAAlBA;;IAmBGC,YAAY;eAAZA;;;2BAtBT;AAGA,MAAMD,qBAAqB;IAChC;IACA;IACA,kCAAkC;IAClC;CACD;AAED,MAAME,wBAGF;IACF,2EAA2E;IAC3E,CAACC,yBAAc,CAACC,MAAM,CAAC,EAAE;QAAC;QAAQ;KAAS;IAC3C,CAACD,yBAAc,CAACE,MAAM,CAAC,EAAE;QAAC;QAAW;QAAU;KAAO;IACtD,CAACF,yBAAc,CAACG,UAAU,CAAC,EAAEN;IAC7B,iDAAiD;IACjD,cAAc;QAAC;QAAU;KAAO;AAClC;AAEO,SAASC,aACdM,YAAgC,EAChCC,SAAkB;IAElB,IAAID,iBAAiBJ,yBAAc,CAACG,UAAU,EAAE;QAC9C,OAAON;IACT,OAAO,IAAIO,iBAAiBJ,yBAAc,CAACE,MAAM,EAAE;QACjD,OAAOH,qBAAqB,CAACC,yBAAc,CAACE,MAAM,CAAC;IACrD;IAEA,gFAAgF;IAChF,OAAOG,YACHN,qBAAqB,CAAC,aAAa,GACnCA,qBAAqB,CAACC,yBAAc,CAACC,MAAM,CAAC;AAClD"}