feat(gui): goal wire domain, client goal state, and docked goal bar

- apiproxy goals RPC domain (get/create/edit/pause/resume/complete/clear)
  with CAS refs, zod schemas, and fetch client/handler wiring
- client runtime session goal state: live goal/change meta triggers a
  coalesced refetch; mutations fold transport errors into RpcResult
- web GoalBar: docked strip above the composer (sparkle, phase label,
  truncated objective, inline edit, clear; resume when paused); creation
  stays on the /goal command
- GoalBarActions in the ui-conversation contract layer; IconSparkle16
  moves to ui-primitives icons
This commit is contained in:
_Kerman
2026-07-22 20:51:44 +08:00
parent 0681ac47de
commit 923535fa7a
40 changed files with 1358 additions and 28 deletions

View File

@@ -133,6 +133,92 @@ describe('ConversationRoot', () => {
fireEvent.keyDown(box, { key: 'Enter' })
expect(send).toHaveBeenCalledWith('queue')
})
it('renders GoalBar when goalActions and an active goal are provided', () => {
const goal = {
id: 'g1' as never,
revision: 1,
objective: 'test-objective',
phase: 'active' as const,
maxGoalRounds: 256,
roundsStarted: 0,
createdAt: 100,
updatedAt: 100,
activation: 'armed' as const,
}
const store = createSnapshotStore<FakeSnapshot & { goal: typeof goal }>({
nodes: [], runningCalls: [], running: false, removed: false, promptError: null, goal,
})
const useSession = bindSnapshotSelector(store) as unknown as UseSession
const activeStore = createSnapshotStore<string | undefined>('chat')
const views = [view('chat', 'Chat')]
render(
<ConversationRoot
sessionId={sid('s1')}
useSession={useSession}
useAncestry={() => []}
views={{
list: () => views,
subscribe: () => () => {},
version: () => 1,
}}
useActiveView={() => activeStore.useSelector(s => s) as ViewId | undefined}
composer={{
useDraft: () => '',
setDraft: () => {},
send: () => {},
stop: () => {},
}}
actions={{ openView: vi.fn() as (v: never) => void, open: vi.fn() }}
renderView={() => null}
goalActions={{
onEdit: vi.fn(),
onResume: vi.fn(),
onClear: vi.fn(),
}}
/>)
expect(screen.getByText('Ongoing Goal')).toBeTruthy()
expect(screen.getByText('test-objective')).toBeTruthy()
})
it('hides GoalBar when goalActions is undefined (even with an active goal in the store)', () => {
const goal = {
id: 'g1' as never,
revision: 1,
objective: 'test-objective',
phase: 'active' as const,
maxGoalRounds: 256,
roundsStarted: 0,
createdAt: 100,
updatedAt: 100,
activation: 'armed' as const,
}
const store = createSnapshotStore<FakeSnapshot & { goal: typeof goal }>({
nodes: [], runningCalls: [], running: false, removed: false, promptError: null, goal,
})
const useSession = bindSnapshotSelector(store) as unknown as UseSession
render(
<ConversationRoot
sessionId={sid('s1')}
useSession={useSession}
useAncestry={() => []}
views={{
list: () => [],
subscribe: () => () => {},
version: () => 1,
}}
useActiveView={() => 'chat' as ViewId}
composer={{
useDraft: () => '',
setDraft: () => {},
send: () => {},
stop: () => {},
}}
actions={{ openView: vi.fn() as (v: never) => void, open: vi.fn() }}
renderView={() => null}
/>)
expect(screen.queryByText('Ongoing Goal')).toBeNull()
})
})
describe('DetailsPanel', () => {