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

fix: null-safe formulas, constrain assign row to card, fix TopBar dialog mounting

Browse source 
Co-Authored-By: Oz <oz-agent@warp.dev>
This commit is contained in:
zenchantlive 2026-03-01 17:30:01 -08:00
parent 300d5b13aa
commit b82c176e12
3 changed files with 6 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/shared/top-bar.tsx
View file

@ -91,7 +91,6 @@ export function TopBar({
}: TopBarProps) {
const { leftPanel, toggleLeftPanel, rightPanel, toggleRightPanel, blockedOnly, toggleBlockedOnly } = useUrlState();
const { isDesktop } = useResponsive();
const [showLaunchSwarm, setShowLaunchSwarm] = useState(false);
return (
<header className="flex h-[var(--topbar-height)] items-center justify-between border-b border-[var(--border-strong)] bg-[var(--surface-elevated)]" data-testid="top-bar">
@ -152,14 +151,7 @@ export function TopBar({
</button>
{projectRoot && (
<button
type="button"
onClick={() => setShowLaunchSwarm(true)}
className="inline-flex items-center gap-2 rounded-xl border border-emerald-500/20 bg-emerald-500/10 px-4 py-2 text-xs font-semibold uppercase tracking-[0.11em] text-emerald-400 transition-colors hover:bg-emerald-500/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--accent-info)]"
>
<Rocket className="h-3.5 w-3.5" aria-hidden="true" />
Launch Swarm
</button>
<LaunchSwarmDialog projectRoot={projectRoot} />
)}
<button
@ -199,12 +191,6 @@ export function TopBar({
</span>
</div>
{showLaunchSwarm && projectRoot && (
<LaunchSwarmDialog
projectRoot={projectRoot}
onSuccess={() => setShowLaunchSwarm(false)}
/>
)}
</header>
);
}

8
src/components/social/social-card.tsx
View file

@ -187,11 +187,11 @@ export function SocialCard({
</div>
{showAssign && (
<div className="mt-2 flex gap-2 items-center" onClick={(e) => e.stopPropagation()}>
<div className="mt-2 flex gap-2 items-center overflow-hidden" onClick={(e) => e.stopPropagation()}>
<select
value={selectedArchetype ?? ''}
onChange={(e) => setSelectedArchetype(e.target.value || null)}
className="flex-1 text-xs border border-[var(--border-subtle)] rounded-md px-2 py-1.5 bg-[var(--surface-input)] text-[var(--text-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--accent-info)]"
className="min-w-0 flex-1 text-xs border border-[var(--border-subtle)] rounded-md px-2 py-1.5 bg-[var(--surface-input)] text-[var(--text-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--accent-info)]"
>
<option value="" disabled>Select agent role...</option>
{archetypes.map((a) => (
@ -204,10 +204,10 @@ export function SocialCard({
await handleAssign(data.id);
}}
disabled={!selectedArchetype || isAssigning || assignSuccess}
className={`px-3 py-1.5 text-xs font-semibold rounded-md transition-colors disabled:opacity-50 flex items-center gap-1 ${assignSuccess ? 'bg-[var(--accent-success)] text-white' : 'bg-[var(--accent-info)] text-white hover:bg-[var(--accent-info)]/90'}`}
className={`flex-shrink-0 px-2.5 py-1.5 text-xs font-semibold rounded-md transition-colors disabled:opacity-50 flex items-center gap-1 ${assignSuccess ? 'bg-[var(--accent-success)] text-white' : 'bg-[var(--accent-info)] text-white hover:bg-[var(--accent-info)]/90'}`}
>
<UserPlus className="w-3 h-3" />
{isAssigning ? 'Assigning...' : assignSuccess ? 'Assigned!' : 'Assign'}
{isAssigning ? '...' : assignSuccess ? '✓' : 'Assign'}
</button>
</div>
)}

2
src/components/swarm/launch-dialog.tsx
View file

@ -47,7 +47,7 @@ export function LaunchSwarmDialog({ projectRoot, onSuccess }: LaunchSwarmDialogP
const res = await fetch(`/api/swarm/formulas?projectRoot=${encodeURIComponent(projectRoot)}`);
const json = await res.json();
if (json.ok) {
setFormulas(json.data);
setFormulas(json.data ?? []);
} else {
setError(json.error);
}