- 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>
19 lines
918 B
JavaScript
19 lines
918 B
JavaScript
"use client";
|
|
|
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
import { createDynamicallyTrackedSearchParams } from "./search-params";
|
|
export function ClientPageRoot(param) {
|
|
let { Component, props } = param;
|
|
// We expect to be passed searchParams but even if we aren't we can construct one from
|
|
// an empty object. We only do this if we are in a static generation as a performance
|
|
// optimization. Ideally we'd unconditionally construct the tracked params but since
|
|
// this creates a proxy which is slow and this would happen even for client navigations
|
|
// that are done entirely dynamically and we know there the dynamic tracking is a noop
|
|
// in this dynamic case we can safely elide it.
|
|
props.searchParams = createDynamicallyTrackedSearchParams(props.searchParams || {});
|
|
return /*#__PURE__*/ _jsx(Component, {
|
|
...props
|
|
});
|
|
}
|
|
|
|
//# sourceMappingURL=client-page.js.map
|