style: apply prettier to ehtool traversal updates

akgohain · akgohain · commit 36a54e55ab6d · 2026-03-10T13:38:27.000-04:00
diff --git a/client/src/views/ehtool/DetectionWorkflow.js b/client/src/views/ehtool/DetectionWorkflow.js
@@ -582,9 +582,10 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
         if (!frameKey.startsWith(prefix)) return;
         filmstripFrameCache.current.delete(frameKey);
       });
-      filmstripFrameCacheOrder.current = filmstripFrameCacheOrder.current.filter(
-        (frameKey) => !frameKey.startsWith(prefix),
-      );
+      filmstripFrameCacheOrder.current =
+        filmstripFrameCacheOrder.current.filter(
+          (frameKey) => !frameKey.startsWith(prefix),
+        );
     }
     filmstripBatchCache.current.set(key, batch);
     touchCacheOrder(filmstripBatchCacheOrder.current, key);
@@ -596,9 +597,10 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
         if (!frameKey.startsWith(prefix)) return;
         filmstripFrameCache.current.delete(frameKey);
       });
-      filmstripFrameCacheOrder.current = filmstripFrameCacheOrder.current.filter(
-        (frameKey) => !frameKey.startsWith(prefix),
-      );
+      filmstripFrameCacheOrder.current =
+        filmstripFrameCacheOrder.current.filter(
+          (frameKey) => !frameKey.startsWith(prefix),
+        );
     }
   };
 
@@ -714,7 +716,10 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
       const frameHeight = Math.max(1, Math.floor(fullHeight / safeCount));
       const sourceY = Math.max(
         0,
-        Math.min(safeIndex * frameHeight, Math.max(fullHeight - frameHeight, 0)),
+        Math.min(
+          safeIndex * frameHeight,
+          Math.max(fullHeight - frameHeight, 0),
+        ),
       );
       const croppedBitmap = await createImageBitmap(
         blob,
@@ -916,9 +921,12 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
             zCount: Number(
               response?.headers?.["x-z-count"] ?? FILMSTRIP_BATCH_SIZE,
             ),
-            total: Number(response?.headers?.["x-total-layers"] ?? totalLayers ?? 0),
+            total: Number(
+              response?.headers?.["x-total-layers"] ?? totalLayers ?? 0,
+            ),
             axis: response?.headers?.["x-axis"] ?? axis,
-            frameHeight: Number(response?.headers?.["x-frame-height"] ?? 0) || null,
+            frameHeight:
+              Number(response?.headers?.["x-frame-height"] ?? 0) || null,
           },
         };
         cacheFilmstripBatch(key, entry);
@@ -1640,16 +1648,19 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
     if (scrubIdleRef.current) {
       clearTimeout(scrubIdleRef.current);
     }
-    previewDebounceRef.current = setTimeout(() => {
-      loadInstancePreview(activeInstanceId, nextIndex, axisToUse, {
-        maxDim: PREVIEW_MAX_DIM,
-        qualityLabel: `preview-${PREVIEW_MAX_DIM}`,
-        prefetchNeighbors: !isFastScrubRef.current,
-        prefetchDistance: isFastScrubRef.current ? 0 : 1,
-        imageOnly: true,
-        priority: 120,
-      });
-    }, isFastScrubRef.current ? 100 : 60);
+    previewDebounceRef.current = setTimeout(
+      () => {
+        loadInstancePreview(activeInstanceId, nextIndex, axisToUse, {
+          maxDim: PREVIEW_MAX_DIM,
+          qualityLabel: `preview-${PREVIEW_MAX_DIM}`,
+          prefetchNeighbors: !isFastScrubRef.current,
+          prefetchDistance: isFastScrubRef.current ? 0 : 1,
+          imageOnly: true,
+          priority: 120,
+        });
+      },
+      isFastScrubRef.current ? 100 : 60,
+    );
 
     scrubIdleRef.current = setTimeout(() => {
       if (!isScrubbingRef.current) return;
@@ -1788,7 +1799,9 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
             mode: "overwrite_source",
             create_backup: true,
           });
-          message.success(`Source masks updated at ${response.data.written_path}`);
+          message.success(
+            `Source masks updated at ${response.data.written_path}`,
+          );
           if (response.data.backup_path) {
             message.info(`Backup created at ${response.data.backup_path}`);
           }
@@ -1869,7 +1882,10 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
       <Text type="secondary" style={{ fontSize: 12 }}>
         Opacity controls
       </Text>
-      <Space size="small" style={{ width: "100%", justifyContent: "space-between" }}>
+      <Space
+        size="small"
+        style={{ width: "100%", justifyContent: "space-between" }}
+      >
         <Text style={{ fontSize: 12 }}>Other instances</Text>
         <Text type="secondary" style={{ fontSize: 12 }}>
           {Math.round(overlayAllAlpha * 100)}%
@@ -1881,7 +1897,10 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
         value={Math.round(overlayAllAlpha * 100)}
         onChange={(value) => setOverlayAllAlpha(value / 100)}
       />
-      <Space size="small" style={{ width: "100%", justifyContent: "space-between" }}>
+      <Space
+        size="small"
+        style={{ width: "100%", justifyContent: "space-between" }}
+      >
         <Text style={{ fontSize: 12 }}>Selected instance</Text>
         <Text type="secondary" style={{ fontSize: 12 }}>
           {Math.round(overlayActiveAlpha * 100)}%
@@ -1900,7 +1919,11 @@ function DetectionWorkflow({ sessionId, setSessionId, refreshTrigger }) {
     instanceMode !== "none" && instances.length > 0 ? (
       <div style={{ display: "grid", gap: 8 }}>
         <Space size="small" wrap>
-          <Button size="small" type="primary" onClick={() => setShowInstanceBrowser(true)}>
+          <Button
+            size="small"
+            type="primary"
+            onClick={() => setShowInstanceBrowser(true)}
+          >
             Browse...
           </Button>
           <Button size="small" onClick={goToNextUnreviewed}>
diff --git a/client/src/views/ehtool/InstanceNavigator.js b/client/src/views/ehtool/InstanceNavigator.js
@@ -60,10 +60,7 @@ function InstanceNavigator({
   );
 
   const total = filtered.length;
-  const startIndex = Math.max(
-    0,
-    Math.floor(scrollTop / rowHeight) - overscan,
-  );
+  const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - overscan);
   const endIndex = Math.min(
     total,
     Math.ceil((scrollTop + containerHeight) / rowHeight) + overscan,
@@ -135,11 +132,16 @@ function InstanceNavigator({
               }}
             >
               <div style={{ width: "100%" }}>
-                <Space style={{ width: "100%", justifyContent: "space-between" }}>
+                <Space
+                  style={{ width: "100%", justifyContent: "space-between" }}
+                >
                   <Text style={{ fontSize: 12 }} strong>
                     #{item.id}
                   </Text>
-                  <Tag color={statusColor[item.classification]} style={{ fontSize: 10 }}>
+                  <Tag
+                    color={statusColor[item.classification]}
+                    style={{ fontSize: 10 }}
+                  >
                     {statusLabel[item.classification]}
                   </Tag>
                 </Space>
diff --git a/client/src/views/ehtool/ProgressTracker.js b/client/src/views/ehtool/ProgressTracker.js
@@ -1,11 +1,5 @@
 import React from "react";
-import {
-  Progress,
-  Button,
-  Divider,
-  Space,
-  Typography,
-} from "antd";
+import { Progress, Button, Divider, Space, Typography } from "antd";
 import {
   CheckCircleOutlined,
   CloseCircleOutlined,
@@ -32,7 +26,12 @@ function ProgressTracker({
   if (!stats) {
     return (
       <div style={{ padding: compact ? "0" : "16px" }}>
-        <div style={{ textAlign: "center", padding: compact ? "8px 4px" : "16px 8px" }}>
+        <div
+          style={{
+            textAlign: "center",
+            padding: compact ? "8px 4px" : "16px 8px",
+          }}
+        >
           <Text type="secondary">No session loaded yet.</Text>
         </div>
       </div>
@@ -43,7 +42,11 @@ function ProgressTracker({
 
   return (
     <div style={{ padding: "0" }}>
-      <Space direction="vertical" size={compact ? 4 : 6} style={{ width: "100%" }}>
+      <Space
+        direction="vertical"
+        size={compact ? 4 : 6}
+        style={{ width: "100%" }}
+      >
         <Text strong style={{ fontSize: 13 }}>
           {totalLayers} {unitLabel}
         </Text>
@@ -73,7 +76,8 @@ function ProgressTracker({
             {stats.incorrect}
           </div>
           <div>
-            <QuestionCircleOutlined style={{ color: "#f59e0b" }} /> {stats.unsure}
+            <QuestionCircleOutlined style={{ color: "#f59e0b" }} />{" "}
+            {stats.unsure}
           </div>
           <div>
             <ExclamationCircleOutlined style={{ color: "#cbd5f5" }} />{" "}
@@ -84,7 +88,12 @@ function ProgressTracker({
         <Divider style={{ margin: compact ? "4px 0" : "8px 0" }} />
 
         <Space direction="vertical" style={{ width: "100%" }} size="small">
-          <Button icon={<FolderOpenOutlined />} onClick={onNewSession} block size="small">
+          <Button
+            icon={<FolderOpenOutlined />}
+            onClick={onNewSession}
+            block
+            size="small"
+          >
             Load dataset
           </Button>
         </Space>
diff --git a/client/src/views/ehtool/SliceScheduler.js b/client/src/views/ehtool/SliceScheduler.js
@@ -17,7 +17,8 @@ class SliceScheduler {
       nearby: options.nearbyConcurrency ?? 1,
       background: options.backgroundConcurrency ?? 1,
     };
-    this.onEvent = typeof options.onEvent === "function" ? options.onEvent : null;
+    this.onEvent =
+      typeof options.onEvent === "function" ? options.onEvent : null;
     this.laneOrder = ["interactive", "nearby", "background"];
     this.flushScheduled = false;
   }
