viktor/beadboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

feat(ux): consolidate Launch Swarm + telemetry UX with minimized strip

Browse source 
- Removed broken LaunchSwarmDialog (formula-based) from TopBar/LeftPanel
- All Rocket buttons (TopBar, LeftPanel, DAG nodes, social cards) now open
  AssignmentPanel (archetype-based) which actually works
- Every Rocket clears taskId first so assignMode && !taskId condition passes
- Conversation button priority: taskId always shows conversation, not assign panel
- Added TelemetryStrip: minimized right sidebar with status dots when non-telemetry
  panel (conversation/assignment) is active
- Live feed has minimize button → restores last taskId or assignMode
- DAG nodes: Signal icon → restores telemetry feed
- Social button on DAG nodes: single router.push to avoid race (setView + setTaskId)
- Fixed social card message button: opens right panel with drawer:closed (no popup)

Co-Authored-By: Oz <oz-agent@warp.dev>
This commit is contained in:
zenchantlive 2026-03-01 18:17:58 -08:00
parent 65d69ecbbc
commit c246ceaf21
165 changed files with 13730 additions and 1132 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/hooks/use-panel-resize.ts
View file

@ -10,25 +10,35 @@ export const MIN_LEFT_WIDTH = 192;
export const MIN_RIGHT_WIDTH = 256;
export function usePanelResize() {
const [leftWidth, setLeftWidth] = useState(() => {
if (typeof window === 'undefined') return DEFAULT_LEFT_WIDTH;
const saved = localStorage.getItem(LEFT_PANEL_KEY);
return saved ? parseInt(saved, 10) : DEFAULT_LEFT_WIDTH;
});
const [rightWidth, setRightWidth] = useState(() => {
if (typeof window === 'undefined') return DEFAULT_RIGHT_WIDTH;
const saved = localStorage.getItem(RIGHT_PANEL_KEY);
return saved ? parseInt(saved, 10) : DEFAULT_RIGHT_WIDTH;
});
const [leftWidth, setLeftWidth] = useState(DEFAULT_LEFT_WIDTH);
const [rightWidth, setRightWidth] = useState(DEFAULT_RIGHT_WIDTH);
const [mounted, setMounted] = useState(false);
useEffect(() => {
localStorage.setItem(LEFT_PANEL_KEY, String(leftWidth));
}, [leftWidth]);
const savedLeft = localStorage.getItem(LEFT_PANEL_KEY);
const savedRight = localStorage.getItem(RIGHT_PANEL_KEY);
if (savedLeft) {
setLeftWidth(parseInt(savedLeft, 10));
}
if (savedRight) {
setRightWidth(parseInt(savedRight, 10));
}
setMounted(true);
}, []);
useEffect(() => {
localStorage.setItem(RIGHT_PANEL_KEY, String(rightWidth));
}, [rightWidth]);
if (mounted) {
localStorage.setItem(LEFT_PANEL_KEY, String(leftWidth));
}
}, [leftWidth, mounted]);
useEffect(() => {
if (mounted) {
localStorage.setItem(RIGHT_PANEL_KEY, String(rightWidth));
}
}, [rightWidth, mounted]);
const clampLeftWidth = useCallback((width: number) => {
const maxWidth = Math.floor(window.innerWidth * 0.30);