f1d51b8cc8
- 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>
44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
import mitt from "../../shared/lib/mitt";
|
|
class Span {
|
|
end(endTime) {
|
|
if (this.state.state === "ended") {
|
|
throw new Error("Span has already ended");
|
|
}
|
|
this.state = {
|
|
state: "ended",
|
|
endTime: endTime != null ? endTime : Date.now()
|
|
};
|
|
this.onSpanEnd(this);
|
|
}
|
|
constructor(name, options, onSpanEnd){
|
|
this.name = name;
|
|
var _options_attributes;
|
|
this.attributes = (_options_attributes = options.attributes) != null ? _options_attributes : {};
|
|
var _options_startTime;
|
|
this.startTime = (_options_startTime = options.startTime) != null ? _options_startTime : Date.now();
|
|
this.onSpanEnd = onSpanEnd;
|
|
this.state = {
|
|
state: "inprogress"
|
|
};
|
|
}
|
|
}
|
|
class Tracer {
|
|
startSpan(name, options) {
|
|
return new Span(name, options, this.handleSpanEnd);
|
|
}
|
|
onSpanEnd(cb) {
|
|
this._emitter.on("spanend", cb);
|
|
return ()=>{
|
|
this._emitter.off("spanend", cb);
|
|
};
|
|
}
|
|
constructor(){
|
|
this._emitter = mitt();
|
|
this.handleSpanEnd = (span)=>{
|
|
this._emitter.emit("spanend", span);
|
|
};
|
|
}
|
|
}
|
|
export default new Tracer();
|
|
|
|
//# sourceMappingURL=tracer.js.map
|