- 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>
34 lines
654 B
JavaScript
34 lines
654 B
JavaScript
'use strict'
|
|
|
|
let Container = require('./container')
|
|
|
|
let LazyResult, Processor
|
|
|
|
class Document extends Container {
|
|
constructor(defaults) {
|
|
// type needs to be passed to super, otherwise child roots won't be normalized correctly
|
|
super({ type: 'document', ...defaults })
|
|
|
|
if (!this.nodes) {
|
|
this.nodes = []
|
|
}
|
|
}
|
|
|
|
toResult(opts = {}) {
|
|
let lazy = new LazyResult(new Processor(), this, opts)
|
|
|
|
return lazy.stringify()
|
|
}
|
|
}
|
|
|
|
Document.registerLazyResult = dependant => {
|
|
LazyResult = dependant
|
|
}
|
|
|
|
Document.registerProcessor = dependant => {
|
|
Processor = dependant
|
|
}
|
|
|
|
module.exports = Document
|
|
Document.default = Document
|