+
No planar geometry available for this probe.
)}
diff --git a/apps/probe-viewer/src/components/ProbeCanvas.tsx b/apps/probe-viewer/src/components/ProbeDrawing.tsx
similarity index 96%
rename from apps/probe-viewer/src/components/ProbeCanvas.tsx
rename to apps/probe-viewer/src/components/ProbeDrawing.tsx
index 159c213..dc3ddec 100644
--- a/apps/probe-viewer/src/components/ProbeCanvas.tsx
+++ b/apps/probe-viewer/src/components/ProbeDrawing.tsx
@@ -16,7 +16,7 @@ import type {
ProbeViewerCamera,
} from "../types/probe";
-interface ProbeCanvasProps {
+interface ProbeDrawingProps {
entry: ManifestEntry;
probeData: ProbeInterfaceFile;
camera: ProbeViewerCamera;
@@ -27,7 +27,7 @@ interface ProbeCanvasProps {
onZoom: (zoom: number) => void;
}
-export function ProbeCanvas({
+export function ProbeDrawing({
entry,
probeData,
camera,
@@ -36,7 +36,7 @@ export function ProbeCanvas({
showScaleBar,
onViewCenterChange,
onZoom,
-}: ProbeCanvasProps) {
+}: ProbeDrawingProps) {
const { zoom, centerX, centerY } = camera;
const { ref: containerRef, size } = useResizeObserver
();
// Track the last applied canvas backing-store size so we only reallocate (an
@@ -178,7 +178,7 @@ export function ProbeCanvas({
]);
return (
-
+
{geometry && probe ? (
) : (
-
+
No planar geometry available for this probe.
)}
diff --git a/apps/probe-viewer/src/components/ProbeIndex.tsx b/apps/probe-viewer/src/components/ProbeIndex.tsx
index 2ec00f2..94f7a0f 100644
--- a/apps/probe-viewer/src/components/ProbeIndex.tsx
+++ b/apps/probe-viewer/src/components/ProbeIndex.tsx
@@ -39,7 +39,7 @@ function ManufacturerMedia({ groupKey, label }: { groupKey: string; label: strin
);
}
-// Mirrors the Sidebar's friendly names.
+// Mirrors the ProbeSelectionMenu's friendly names.
const MANUFACTURER_DISPLAY_NAMES: Record
= {
cambridgeneurotech: "Cambridge NeuroTech",
diagnosticbiochips: "Diagnostic Biochips",
@@ -73,7 +73,7 @@ const UploadIcon = (
);
// Landing page: one card per manufacturer. Selecting a card enters the existing
-// probe view (sidebar + viewer) on that manufacturer's first probe.
+// probe page (probe selection menu + probe display) on that manufacturer's first probe.
export function ProbeIndex() {
const manifest = useAppStore((state) => state.manifest);
const manifestStatus = useAppStore((state) => state.manifestStatus);
diff --git a/apps/probe-viewer/src/components/ProbeOverview.tsx b/apps/probe-viewer/src/components/ProbeMinimap.tsx
similarity index 98%
rename from apps/probe-viewer/src/components/ProbeOverview.tsx
rename to apps/probe-viewer/src/components/ProbeMinimap.tsx
index d83a86b..4fdab1c 100644
--- a/apps/probe-viewer/src/components/ProbeOverview.tsx
+++ b/apps/probe-viewer/src/components/ProbeMinimap.tsx
@@ -1,7 +1,7 @@
import { useEffect, useRef, useMemo } from "react";
import type { ProbeInterfaceFile, ProbeViewerCamera } from "../types/probe";
-interface ProbeOverviewProps {
+interface ProbeMinimapProps {
probeData: ProbeInterfaceFile;
camera: ProbeViewerCamera;
/** Main canvas dimensions */
@@ -49,13 +49,13 @@ function computeGeometrySummary(probeData: ProbeInterfaceFile): GeometrySummary
return { minX, maxX, minY, maxY, width, height, centerX, centerY };
}
-export function ProbeOverview({
+export function ProbeMinimap({
probeData,
camera,
mainWidth,
mainHeight,
onViewCenterChange,
-}: ProbeOverviewProps) {
+}: ProbeMinimapProps) {
const { zoom, centerX, centerY } = camera;
const canvasRef = useRef(null);
const geometry = useMemo(() => computeGeometrySummary(probeData), [probeData]);
@@ -234,7 +234,7 @@ export function ProbeOverview({
return (
diff --git a/apps/probe-viewer/src/components/Sidebar.tsx b/apps/probe-viewer/src/components/ProbeSelectionMenu.tsx
similarity index 85%
rename from apps/probe-viewer/src/components/Sidebar.tsx
rename to apps/probe-viewer/src/components/ProbeSelectionMenu.tsx
index 9afac9d..b8c25db 100644
--- a/apps/probe-viewer/src/components/Sidebar.tsx
+++ b/apps/probe-viewer/src/components/ProbeSelectionMenu.tsx
@@ -16,7 +16,7 @@ const MANUFACTURER_DISPLAY_NAMES: Record = {
"sinaps-research-platform": "SINAPS",
};
-export function Sidebar() {
+export function ProbeSelectionMenu() {
const manifest = useAppStore((state) => state.manifest);
const manifestStatus = useAppStore((state) => state.manifestStatus);
const selectedManufacturer = useAppStore((state) => state.selectedManufacturer);
@@ -135,13 +135,13 @@ export function Sidebar() {
type="button"
className={
entry.id === selectedProbeId
- ? "sidebar-item sidebar-item--active"
- : "sidebar-item"
+ ? "probe-list-item probe-list-item--active"
+ : "probe-list-item"
}
onClick={() => selectProbe(entry.id)}
>
- {entry.displayName}
-
+ {entry.displayName}
+
{entry.contactCount} contacts · {entry.shankCount} shanks
{multiSideManufacturers.has(entry.manufacturer) &&
` · ${entry.numSides} ${entry.numSides === 1 ? "side" : "sides"}`}
@@ -158,33 +158,33 @@ export function Sidebar() {
const open = !node.collapsible || isSearching || expanded.has(key);
const wrapClass =
depth === 0
- ? "sidebar-group"
+ ? "probe-list-group"
: depth === 1
- ? "sidebar-subgroup"
- : "sidebar-subdivision";
+ ? "probe-list-subgroup"
+ : "probe-list-subdivision";
return (
{node.collapsible ? (
) : (
-
{node.label}
+
{node.label}
)}
{open &&
(node.children
@@ -195,11 +195,11 @@ export function Sidebar() {
};
return (
-
-
+
+
-
-