WEBDIENSTE/openswarm
1
0
Fork 0
mirror of https://github.com/openswarm-ai/openswarm.git synced 2026-09-11 20:27:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

[aidan] fix/minimap: render missed-runs card on the minimap

Browse Source
This commit is contained in:
abccodes
2026-06-19 19:02:56 -07:00
parent cec6e4e494
commit 0fea78c2a7
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/pages/Dashboard/canvas/DashboardOverlays.tsx
+3
View File
@@ -1,5 +1,6 @@
import React, { type RefObject } from 'react';
import Box from '@mui/material/Box';
import { useAppSelector } from '@/shared/hooks';
import DashboardToolbar from '../DashboardToolbar';
import CanvasControls from '../controls/CanvasControls';
import CardSearchPalette from '../controls/CardSearchPalette';
@@ -80,6 +81,7 @@ const DashboardOverlays: React.FC<DashboardOverlaysProps> = ({
toolbarPrefill,
toolbarPrefillMode,
}) => {
const missedRunsCard = useAppSelector((s) => s.dashboardLayout.missedRunsCard);
return (
<>
{/* Floating bottom toolbar */}
@@ -130,6 +132,7 @@ const DashboardOverlays: React.FC<DashboardOverlaysProps> = ({
browserCards,
workflowCards,
workflowsHub,
missedRunsCard,
}}
onMinimapPan={(px, py) => canvas.actions.setState({ panX: px, panY: py, zoom: canvas.zoom })}
/>
frontend/src/app/pages/Dashboard/controls/Minimap.tsx
+15 -4
View File
@@ -1,6 +1,6 @@
import React, { useRef, useCallback, useMemo } from 'react';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
import type { CardPosition, ViewCardPosition, BrowserCardPosition, WorkflowCardPosition, WorkflowsHubPosition } from '@/shared/state/dashboardLayoutSlice';
import type { CardPosition, ViewCardPosition, BrowserCardPosition, WorkflowCardPosition, WorkflowsHubPosition, MissedRunsCardPosition } from '@/shared/state/dashboardLayoutSlice';
const MINIMAP_W = 200;
const MINIMAP_H = 140;
@@ -16,6 +16,7 @@ export interface MinimapProps {
browserCards: Record<string, BrowserCardPosition>;
workflowCards: Record<string, WorkflowCardPosition>;
workflowsHub: WorkflowsHubPosition | null;
missedRunsCard: MissedRunsCardPosition | null;
onPan: (panX: number, panY: number) => void;
}
@@ -24,12 +25,12 @@ interface CardRect {
y: number;
width: number;
height: number;
type: 'agent' | 'view' | 'browser' | 'workflow' | 'workflows-hub';
type: 'agent' | 'view' | 'browser' | 'workflow' | 'workflows-hub' | 'missed-runs';
}
const Minimap: React.FC<MinimapProps> = ({
panX, panY, zoom, viewportRef,
cards, viewCards, browserCards, workflowCards, workflowsHub,
cards, viewCards, browserCards, workflowCards, workflowsHub, missedRunsCard,
onPan,
}) => {
const c = useClaudeTokens();
@@ -59,8 +60,17 @@ const Minimap: React.FC<MinimapProps> = ({
type: 'workflows-hub',
});
}
if (missedRunsCard) {
result.push({
x: missedRunsCard.x,
y: missedRunsCard.y,
width: missedRunsCard.width,
height: missedRunsCard.height,
type: 'missed-runs',
});
}
return result;
}, [cards, viewCards, browserCards, workflowCards, workflowsHub]);
}, [cards, viewCards, browserCards, workflowCards, workflowsHub, missedRunsCard]);
const layout = useMemo(() => {
const vp = viewportRef.current;
@@ -149,6 +159,7 @@ const Minimap: React.FC<MinimapProps> = ({
case 'browser': return c.status.success;
case 'workflow': return c.status.warning;
case 'workflows-hub': return c.status.warning;
case 'missed-runs': return c.status.warning;
}
};