Remove dashboard-load timing instrumentation

The perf logs were temporary diagnostics used to identify that slow
reloads were caused by a registered remote node timing out in
/projects/across-nodes. Root cause is resolved and the short-circuit
for zero-remote setups (already committed in 7ea60382a) remains.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-04-19 00:58:05 -07:00
parent 7424c843f2
commit 4b448a2b40
3 changed files with 2 additions and 47 deletions

View File

@@ -1,4 +1,4 @@
import { useState, useCallback, useEffect, useMemo, useRef } from "react";
import { useState, useCallback, useEffect, useMemo } from "react";
import type { Task, TaskDetail } from "@fusion/core";
import { Header, useViewportMode } from "./components/Header";
import { Board } from "./components/Board";
@@ -49,7 +49,7 @@ import { useRemoteNodeData } from "./hooks/useRemoteNodeData";
import { useRemoteNodeEvents } from "./hooks/useRemoteNodeEvents";
import { NodeProvider, useNodeContext } from "./context/NodeContext";
import type { AiSessionSummary } from "./api";
import { fetchAiSession, fetchUnreadCount, reportDashboardPerf } from "./api";
import { fetchAiSession, fetchUnreadCount } from "./api";
function AppInner() {
const { toasts, addToast, removeToast } = useToast();
@@ -133,9 +133,6 @@ function AppInner() {
);
const [initialLoadComplete, setInitialLoadComplete] = useState(false);
const mountTimeRef = useRef(performance.now());
const projectsReadyLoggedRef = useRef(false);
const projectReadyLoggedRef = useRef(false);
const loadingStage = useMemo<DashboardLoaderStage>(() => {
if (projectsLoading) return "projects";
@@ -143,21 +140,6 @@ function AppInner() {
return "tasks";
}, [projectsLoading, currentProjectLoading]);
useEffect(() => {
if (!projectsLoading && !projectsReadyLoggedRef.current) {
projectsReadyLoggedRef.current = true;
const msg = `projects loaded at ${Math.round(performance.now() - mountTimeRef.current)}ms from mount`;
console.log(`[App] ${msg}`);
reportDashboardPerf("[App]", msg);
}
if (!currentProjectLoading && !projectReadyLoggedRef.current) {
projectReadyLoggedRef.current = true;
const msg = `current-project resolved at ${Math.round(performance.now() - mountTimeRef.current)}ms from mount`;
console.log(`[App] ${msg}`);
reportDashboardPerf("[App]", msg);
}
}, [projectsLoading, currentProjectLoading]);
useEffect(() => {
if (initialLoadComplete) {
return;
@@ -167,11 +149,7 @@ function AppInner() {
return;
}
const settleStart = performance.now();
const settleTimer = window.setTimeout(() => {
const msg = `dashboard ready at ${Math.round(performance.now() - mountTimeRef.current)}ms from mount (settle delay=${Math.round(performance.now() - settleStart)}ms)`;
console.log(`[App] ${msg}`);
reportDashboardPerf("[App]", msg);
setInitialLoadComplete(true);
}, 200);

View File

@@ -3454,19 +3454,6 @@ export function fetchProjectsAcrossNodes(): Promise<ProjectInfoWithSource[]> {
return api<ProjectInfoWithSource[]>("/projects/across-nodes");
}
/**
* Append a client-side perf measurement to the shared dashboard-perf log on disk.
* Used when browser devtools aren't available (e.g. mobile). Best-effort.
*/
export function reportDashboardPerf(source: string, message: string): void {
void api("/_perf/dashboard-load", {
method: "POST",
body: JSON.stringify({ source, message }),
}).catch(() => {
// best-effort only
});
}
/** Fetch all registered nodes */
export function fetchNodes(): Promise<NodeInfo[]> {
return api<NodeInfo[]>("/nodes");

View File

@@ -3,7 +3,6 @@ import type { ProjectInfo } from "../api";
import {
fetchProjectsAcrossNodes,
registerProject,
reportDashboardPerf,
unregisterProject,
updateProject,
type ProjectCreateInput,
@@ -60,22 +59,13 @@ export function useProjects(): UseProjectsResult {
async function load() {
setLoading(true);
const t0 = performance.now();
try {
const data = await fetchProjectsAcrossNodes();
const elapsed = Math.round(performance.now() - t0);
const msg = `initial fetchProjectsAcrossNodes took ${elapsed}ms (${data.length} projects)`;
console.log(`[useProjects] ${msg}`);
reportDashboardPerf("[useProjects]", msg);
if (!cancelled) {
setProjects(data);
setError(null);
}
} catch (err) {
const elapsed = Math.round(performance.now() - t0);
const msg = `initial fetch failed after ${elapsed}ms: ${err instanceof Error ? err.message : String(err)}`;
console.warn(`[useProjects] ${msg}`);
reportDashboardPerf("[useProjects]", msg);
if (!cancelled) {
setError(err instanceof Error ? err.message : "Failed to fetch projects");
}