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

feat(swarm): modify unified-shell to render swarm layout

Browse source
This commit is contained in:
zenchantlive 2026-02-20 17:25:05 -08:00
parent b721073585
commit 654f73f83d
6 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/swarm/swarm-mission-picker.tsx
View file

@ -11,7 +11,7 @@ const useMissionList = () => ({
}); });
export function SwarmMissionPicker() { export function SwarmMissionPicker() {
const { setUrlState, swarmId } = useUrlState(); const { setView, setSwarmId, swarmId } = useUrlState();
const { missions } = useMissionList(); const { missions } = useMissionList();
return ( return (
@ -20,7 +20,10 @@ export function SwarmMissionPicker() {
{missions.map(m => ( {missions.map(m => (
<button <button
key={m.id} key={m.id}
onClick={() => setUrlState({ view: 'swarm', swarmId: m.id })} onClick={() => {
setView('swarm');
setSwarmId(m.id);
}}
className={`flex flex-col items-start p-3 min-h-[44px] rounded-md hover:bg-accent transition-colors w-full focus:outline-none focus:ring-2 focus:ring-ring ${swarmId === m.id ? 'bg-accent border' : ''}`} className={`flex flex-col items-start p-3 min-h-[44px] rounded-md hover:bg-accent transition-colors w-full focus:outline-none focus:ring-2 focus:ring-ring ${swarmId === m.id ? 'bg-accent border' : ''}`}
> >
<span className="font-medium text-sm">{m.title}</span> <span className="font-medium text-sm">{m.title}</span>

1
tests/api/swarm/archetypes.test.ts
View file

@ -1,3 +1,4 @@
// @ts-ignore
import { expect, test, describe, mock } from 'bun:test'; import { expect, test, describe, mock } from 'bun:test';
import { GET } from '../../../src/app/api/swarm/archetypes/route'; import { GET } from '../../../src/app/api/swarm/archetypes/route';

2
tests/components/swarm/swarm-mission-picker.test.tsx
View file

@ -1,3 +1,4 @@
// @ts-ignore
import { expect, test, describe, mock } from 'bun:test'; import { expect, test, describe, mock } from 'bun:test';
// Mock the hook that the component tries to import // Mock the hook that the component tries to import
@ -7,6 +8,7 @@ mock.module('@/hooks/use-url-state', () => ({
describe('SwarmMissionPicker Component', () => { describe('SwarmMissionPicker Component', () => {
test('exports SwarmMissionPicker component that is a function', async () => { test('exports SwarmMissionPicker component that is a function', async () => {
// @ts-ignore
const mod = await import('../../../src/components/swarm/swarm-mission-picker'); const mod = await import('../../../src/components/swarm/swarm-mission-picker');
expect(mod.SwarmMissionPicker).toBeDefined(); expect(mod.SwarmMissionPicker).toBeDefined();
expect(typeof mod.SwarmMissionPicker).toBe('function'); expect(typeof mod.SwarmMissionPicker).toBe('function');

3
tests/components/swarm/swarm-workspace.test.tsx
View file

@ -1,8 +1,9 @@
// @ts-ignore
import { expect, test, describe } from 'bun:test'; import { expect, test, describe } from 'bun:test';
describe('SwarmWorkspace Component', () => { describe('SwarmWorkspace Component', () => {
test('exports SwarmWorkspace component that is a function', async () => { test('exports SwarmWorkspace component that is a function', async () => {
// This will fail because the file doesn't exist yet // @ts-ignore
const mod = await import('../../../src/components/swarm/swarm-workspace'); const mod = await import('../../../src/components/swarm/swarm-workspace');
expect(mod.SwarmWorkspace).toBeDefined(); expect(mod.SwarmWorkspace).toBeDefined();
expect(typeof mod.SwarmWorkspace).toBe('function'); expect(typeof mod.SwarmWorkspace).toBe('function');

4
tests/components/unified-shell.test.tsx
View file

@ -1,6 +1,6 @@
import { describe, it } from 'node:test'; import { describe, it } from 'node:test';
import assert from 'node:assert'; import assert from 'node:assert';
// We'll use bun test to add a specific rendering test // @ts-ignore
import { expect, test as bunTest } from 'bun:test'; import { expect, test as bunTest } from 'bun:test';
describe('UnifiedShell Component Contract', () => { describe('UnifiedShell Component Contract', () => {
@ -27,7 +27,7 @@ describe('UnifiedShell Component Contract', () => {
bunTest('UnifiedShell handles swarm view conditionally', async () => { bunTest('UnifiedShell handles swarm view conditionally', async () => {
const mod = await import('../../src/components/shared/unified-shell'); const mod = await import('../../src/components/shared/unified-shell');
const UnifiedShell = mod.UnifiedShell; const _UnifiedShell = mod.UnifiedShell;
// Create a minimal mock state to just render the function // Create a minimal mock state to just render the function
// We mock out the hooks if we can, but since this is a Server Component or uses context, it might be tricky. // We mock out the hooks if we can, but since this is a Server Component or uses context, it might be tricky.

1
tests/server/beads-fs.test.ts
View file

@ -1,3 +1,4 @@
// @ts-ignore
import { expect, test, describe } from 'bun:test'; import { expect, test, describe } from 'bun:test';
import { getArchetypes } from '../../src/lib/server/beads-fs'; import { getArchetypes } from '../../src/lib/server/beads-fs';