@recombine-ai/bosun 0.16.1 → 0.16.2-cloud-2

package/src/lib/components/Tabs.svelte

@@ -1,140 +0,0 @@
-<script lang="ts">
-	import { setContext } from 'svelte'
-	import { writable, type Writable } from 'svelte/store'
-	import type { Snippet } from 'svelte'
-
-	type Props = {
-		value?: string | null
-		defaultValue?: string | null
-		ariaLabel?: string
-		class?: string
-		orientation?: 'horizontal' | 'vertical'
-		children: Snippet
-		onChange?: (d: { value: string }) => void
-	}
-
-	let {
-		value = $bindable<string | null>(null),
-		defaultValue = null,
-		ariaLabel = 'Tabs',
-		class: className = '',
-		orientation = 'horizontal',
-		children,
-		onChange
-	}: Props = $props()
-
-	type TabReg = {
-		id: string
-		value: string
-		getEl: () => HTMLButtonElement | null
-	}
-
-	const tabs = $state<TabReg[]>([])
-	let internal: string | null = null
-
-	const valueStore: Writable<string | null> = writable(null)
-
-	$effect(() => {
-		if (value !== null) {
-			internal = value
-		} else if (internal === null && tabs.length) {
-			internal = defaultValue ?? tabs[0].value
-		}
-		valueStore.set(internal)
-	})
-
-	function focusByValue(v: string) {
-		const t = tabs.find((t) => t.value === v)
-		t?.getEl()?.focus()
-	}
-
-	function setValue(v: string, focus = false) {
-		if (v === (value ?? internal)) return
-		if (value === null) internal = v
-		onChange?.({ value: v })
-		if (focus) queueMicrotask(() => focusByValue(v))
-	}
-
-	function register(tab: TabReg) {
-		const i = tabs.findIndex((t) => t.id === tab.id)
-		if (i === -1) tabs.push(tab)
-		else tabs[i] = tab
-	}
-
-	function unregister(id: string) {
-		const i = tabs.findIndex((t) => t.id === id)
-		if (i !== -1) tabs.splice(i, 1)
-		if (value === null && internal && !tabs.some((t) => t.value === internal) && tabs.length) {
-			const next = tabs[Math.max(0, i - 1)].value
-			internal = next
-			onChange?.({ value: next })
-		}
-	}
-
-	function indexOf(v: string) {
-		return tabs.findIndex((t) => t.value === v)
-	}
-
-	function selectByDelta(delta: number) {
-		if (!tabs.length) return
-		const cur = internal ? indexOf(internal) : 0
-		const next = (cur + delta + tabs.length) % tabs.length
-		setValue(tabs[next].value, true)
-	}
-
-	function handleKeydown(e: KeyboardEvent) {
-		const isHorizontal = orientation === 'horizontal'
-		if (e.key === 'Home') {
-			e.preventDefault()
-			if (tabs.length) setValue(tabs[0].value, true)
-			return
-		}
-		if (e.key === 'End') {
-			e.preventDefault()
-			if (tabs.length) setValue(tabs[tabs.length - 1].value, true)
-			return
-		}
-		if (isHorizontal && (e.key === 'ArrowRight' || e.key === 'ArrowLeft')) {
-			e.preventDefault()
-			selectByDelta(e.key === 'ArrowRight' ? 1 : -1)
-			return
-		}
-		if (!isHorizontal && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
-			e.preventDefault()
-			selectByDelta(e.key === 'ArrowDown' ? 1 : -1)
-			return
-		}
-	}
-
-	setContext('rc-tabs', {
-		value: valueStore,
-		requestSelect: (v: string) => setValue(v),
-		register,
-		unregister
-	})
-</script>
-
-<div class={`tabs-root ${className}`}>
-	<div
-		class="tablist"
-		role="tablist"
-		aria-label={ariaLabel}
-		aria-orientation={orientation}
-		onkeydown={handleKeydown}
-	>
-		{@render children()}
-	</div>
-</div>
-
-<style lang="postcss">
-	.tabs-root {
-		@apply relative w-full;
-	}
-	.tabs-root::after {
-		content: '';
-		@apply pointer-events-none absolute bottom-1 left-0 right-0 z-0 h-0.5 bg-rc-gray-600;
-	}
-	.tablist {
-		@apply relative z-10 mx-auto flex w-fit justify-center gap-2;
-	}
-</style>

package/src/lib/components/agent-colors.ts

@@ -1,70 +0,0 @@
-import { writable, get as getStore } from 'svelte/store'
-
-export const PALETTE = [
-	'#FB60DF',
-	'#EAFF6D',
-	'#65E3FF',
-	'#FF8165',
-	'#826DFF',
-	'#FF8C3F',
-	'#1269FF',
-	'#FFA812',
-	'#60FB7C',
-	'#3FB2FF'
-]
-
-type ColorMap = Record<string, string>
-
-function load(): ColorMap {
-	try {
-		if (typeof sessionStorage === 'undefined') return {}
-		const raw = sessionStorage.getItem('agentColors')
-		return raw ? (JSON.parse(raw) as ColorMap) : {}
-	} catch {
-		return {}
-	}
-}
-
-export const agentColorsStore = writable<ColorMap>(load())
-
-agentColorsStore.subscribe((m) => {
-	try {
-		if (typeof sessionStorage !== 'undefined') {
-			sessionStorage.setItem('agentColors', JSON.stringify(m))
-		}
-	} catch {
-		/* ignore */
-	}
-})
-
-export function colorForAgent(agent: string): string {
-	const map = getStore(agentColorsStore)
-
-	if (map[agent]) return map[agent]
-
-	const used = new Set(Object.values(map))
-	const available = PALETTE.filter((c) => !used.has(c))
-	const pick =
-		available.length > 0
-			? available[Math.floor(Math.random() * available.length)]
-			: PALETTE[Math.floor(Math.random() * PALETTE.length)]
-
-	agentColorsStore.set({ ...map, [agent]: pick })
-	return pick
-}
-
-export function ensureColors(agents: string[]) {
-	const map = { ...getStore(agentColorsStore) }
-	const used = new Set(Object.values(map))
-	const pool = PALETTE.filter((c) => !used.has(c))
-
-	for (const agent of agents) {
-		if (map[agent]) continue
-		const pick =
-			pool.length > 0
-				? pool.splice(Math.floor(Math.random() * pool.length), 1)[0]
-				: PALETTE[Math.floor(Math.random() * PALETTE.length)]
-		map[agent] = pick
-	}
-	agentColorsStore.set(map)
-}

package/src/lib/dom/text-selection.ts

@@ -1,97 +0,0 @@
-export function hasTextSelectionWithin(root: HTMLElement | null): boolean {
-	if (!root) return false
-	if (typeof window === 'undefined') return false
-
-	const selection = window.getSelection()
-	if (!selection || selection.isCollapsed) return false
-
-	const anchor = selection.anchorNode
-	const focus = selection.focusNode
-	if (!anchor || !focus) return false
-
-	return root.contains(anchor) || root.contains(focus)
-}
-
-export type DragSelectClickGuardOptions = {
-	thresholdPx?: number
-	dragCursor?: string
-}
-
-export type DragSelectClickGuard = {
-	onPointerDown: (event: PointerEvent) => void
-	shouldSuppressClick: (event: MouseEvent) => boolean
-	cleanup: () => void
-}
-
-// Prevents "click-to-open" UIs from firing when the user is dragging to select text.
-// Also temporarily switches the cursor to a text cursor while dragging.
-export function createDragSelectClickGuard(
-	options: DragSelectClickGuardOptions = {}
-): DragSelectClickGuard {
-	const thresholdPx = options.thresholdPx ?? 4
-	const dragCursor = options.dragCursor ?? 'text'
-
-	let startX = 0
-	let startY = 0
-	let didDrag = false
-	let pointerDown = false
-	let cursorEl: HTMLElement | null = null
-	let abortController: AbortController | null = null
-
-	function cleanup() {
-		pointerDown = false
-		didDrag = false
-		cursorEl?.style.removeProperty('cursor')
-		cursorEl = null
-		abortController?.abort()
-		abortController = null
-	}
-
-	function onPointerDown(event: PointerEvent) {
-		if (typeof window === 'undefined') return
-		if (event.button !== 0) return
-
-		// Reset any previous in-flight gesture.
-		abortController?.abort()
-		abortController = null
-		cursorEl?.style.removeProperty('cursor')
-
-		startX = event.clientX
-		startY = event.clientY
-		didDrag = false
-		pointerDown = true
-		cursorEl = event.currentTarget instanceof HTMLElement ? event.currentTarget : null
-
-		const controller = new AbortController()
-		abortController = controller
-
-		const onMove = (moveEvent: PointerEvent) => {
-			if (!pointerDown || didDrag) return
-			const dx = Math.abs(moveEvent.clientX - startX)
-			const dy = Math.abs(moveEvent.clientY - startY)
-			if (dx + dy < thresholdPx) return
-
-			didDrag = true
-			cursorEl?.style.setProperty('cursor', dragCursor)
-		}
-
-		const onEnd = () => {
-			pointerDown = false
-			cursorEl?.style.removeProperty('cursor')
-			cursorEl = null
-			controller.abort()
-			if (abortController === controller) abortController = null
-		}
-
-		window.addEventListener('pointermove', onMove, { signal: controller.signal })
-		window.addEventListener('pointerup', onEnd, { signal: controller.signal })
-		window.addEventListener('pointercancel', onEnd, { signal: controller.signal })
-	}
-
-	function shouldSuppressClick(event: MouseEvent): boolean {
-		// Keyboard-triggered clicks typically have `detail === 0`; only suppress pointer clicks.
-		return event.detail > 0 && didDrag
-	}
-
-	return { onPointerDown, shouldSuppressClick, cleanup }
-}

package/src/lib/edit/edit-vm.spec.ts

@@ -1,115 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import {
-	closePopover,
-	focusQuote,
-	initEditState,
-	openPopover,
-	parseEditPath,
-	setHighlightQuotes,
-	setPopoverReady,
-	syncFromUrl
-} from './edit-vm'
-
-describe('edit-vm', () => {
-	describe('parseEditPath', () => {
-		it('defaults /edit/[agent] to roleplay', () => {
-			expect(parseEditPath('/edit/agent-1')).toEqual({ agentId: 'agent-1', tab: 'roleplay' })
-		})
-
-		it('parses explicit roleplay/tests tabs', () => {
-			expect(parseEditPath('/edit/agent-1/roleplay')).toEqual({
-				agentId: 'agent-1',
-				tab: 'roleplay'
-			})
-			expect(parseEditPath('/edit/agent-1/tests')).toEqual({ agentId: 'agent-1', tab: 'tests' })
-		})
-	})
-
-	describe('popover lifecycle', () => {
-		it('opens popover immediately in loading state', () => {
-			const s0 = initEditState({ pathname: '/edit/agent-1/tests' })
-			const s1 = openPopover(s0, { kind: 'analyze' })
-
-			expect(s1.popover?.status).toBe('loading')
-			expect(s1.popover?.kind).toBe('analyze')
-			expect(s1.popover?.requestId).toBeGreaterThan(0)
-		})
-
-		it('ignores stale async resolves using requestId', () => {
-			const s0 = initEditState({ pathname: '/edit/agent-1/tests' })
-			const s1 = openPopover(s0, { kind: 'analyze' })
-			const rid1 = s1.popover?.requestId ?? -1
-
-			const s2 = openPopover(s1, { kind: 'analyze' })
-			const rid2 = s2.popover?.requestId ?? -1
-
-			expect(rid2).toBeGreaterThan(rid1)
-
-			// Resolve the older request after a newer one has been issued — should be a no-op.
-			const stale = setPopoverReady(s2, { requestId: rid1, data: { ok: true } })
-			expect(stale).toBe(s2)
-
-			const fresh = setPopoverReady(s2, { requestId: rid2, data: { ok: true } })
-			expect(fresh).not.toBe(s2)
-			expect(fresh.popover?.status).toBe('ready')
-			expect(fresh.popover?.data).toEqual({ ok: true })
-		})
-
-		it('closes popover back to previous tab and clears highlights', () => {
-			let s = initEditState({ pathname: '/edit/agent-1/tests' })
-			s = openPopover(s, { kind: 'analyze' })
-			s = setHighlightQuotes(s, [{ quote: 'hello', count: 3 }])
-			s = focusQuote(s, 'hello')
-
-			expect(s.highlights).not.toBeNull()
-
-			s = closePopover(s)
-
-			expect(s.popover).toBeNull()
-			expect(s.tab).toBe('tests')
-			expect(s.highlights).toBeNull()
-		})
-	})
-
-	describe('highlight focus', () => {
-		it('focusQuote records quote and increments nonce', () => {
-			let s = initEditState({ pathname: '/edit/agent-1/roleplay' })
-			s = setHighlightQuotes(s, [{ quote: 'a', count: 1 }])
-
-			expect(s.highlights?.focusNonce).toBe(0)
-
-			s = focusQuote(s, 'a')
-			expect(s.highlights?.focusQuote).toBe('a')
-			expect(s.highlights?.focusNonce).toBe(1)
-
-			s = focusQuote(s, 'a')
-			expect(s.highlights?.focusNonce).toBe(2)
-
-			s = focusQuote(s, 'b')
-			expect(s.highlights?.focusQuote).toBe('b')
-			expect(s.highlights?.focusNonce).toBe(3)
-		})
-	})
-
-	describe('navigation sync', () => {
-		it('syncFromUrl sets tab from URL and clears popover/highlights', () => {
-			let s = initEditState({ pathname: '/edit/agent-1/tests' })
-			s = openPopover(s, { kind: 'analyze' })
-			s = setHighlightQuotes(s, [{ quote: 'x', count: 1 }])
-			expect(s.popover).not.toBeNull()
-			expect(s.highlights).not.toBeNull()
-
-			const reqSeq = s.requestSeq
-			s = syncFromUrl(s, { pathname: '/edit/agent-1/roleplay' })
-
-			expect(s.tab).toBe('roleplay')
-			expect(s.popover).toBeNull()
-			expect(s.highlights).toBeNull()
-			expect(s.requestSeq).toBe(reqSeq)
-
-			s = openPopover(s, { kind: 'findIssues' })
-			expect(s.popover?.requestId).toBe(reqSeq + 1)
-		})
-	})
-})

package/src/lib/edit/edit-vm.ts

@@ -1,169 +0,0 @@
-export type ModeTab = 'roleplay' | 'tests' | 'configure'
-
-export type PopoverKind = 'analyze' | 'findIssues'
-export type AsyncStatus = 'loading' | 'ready' | 'error'
-
-export interface QuoteCount {
-	quote: string
-	count: number
-}
-
-export interface PromptHighlights {
-	quotes: QuoteCount[]
-	focusQuote: string | null
-	focusNonce: number
-}
-
-export interface PopoverState {
-	kind: PopoverKind
-	status: AsyncStatus
-	requestId: number
-	data?: unknown
-	error?: string
-}
-
-export interface EditState {
-	tab: ModeTab
-	popover: PopoverState | null
-	highlights: PromptHighlights | null
-	requestSeq: number
-}
-
-export interface ParsedEditPath {
-	agentId: string | null
-	tab: ModeTab | null
-}
-
-function safeDecodeURIComponent(raw: string): string {
-	try {
-		return decodeURIComponent(raw)
-	} catch {
-		return raw
-	}
-}
-
-export function parseEditPath(pathname: string): ParsedEditPath {
-	const cleaned =
-		String(pathname || '')
-			.split('?')[0]
-			?.split('#')[0] ?? ''
-	const parts = cleaned.split('/').filter(Boolean)
-	if (parts[0] !== 'edit') return { agentId: null, tab: null }
-	if (parts.length === 1) return { agentId: null, tab: null }
-
-	const agentId = safeDecodeURIComponent(parts[1] ?? '')
-	const maybeTab = parts[2] ?? null
-
-	if (!maybeTab) return { agentId, tab: 'roleplay' }
-	if (maybeTab === 'roleplay') return { agentId, tab: 'roleplay' }
-	if (maybeTab === 'tests') return { agentId, tab: 'tests' }
-	if (maybeTab === 'configure') return { agentId, tab: 'configure' }
-	return { agentId, tab: null }
-}
-
-export function initEditState(input: { pathname: string }): EditState {
-	const parsed = parseEditPath(input.pathname)
-	const tab: ModeTab = parsed.tab ?? 'roleplay'
-	return {
-		tab,
-		popover: null,
-		highlights: null,
-		requestSeq: 0
-	}
-}
-
-export function syncFromUrl(state: EditState, input: { pathname: string }): EditState {
-	const parsed = parseEditPath(input.pathname)
-	const tab: ModeTab = parsed.tab ?? 'roleplay'
-
-	return {
-		...state,
-		tab,
-		popover: null,
-		highlights: null
-	}
-}
-
-export function openPopover(state: EditState, input: { kind: PopoverKind }): EditState {
-	const requestSeq = state.requestSeq + 1
-	return {
-		...state,
-		requestSeq,
-		popover: {
-			kind: input.kind,
-			status: 'loading',
-			requestId: requestSeq
-		},
-		highlights: null
-	}
-}
-
-export function setPopoverReady(
-	state: EditState,
-	input: {
-		requestId: number
-		data: unknown
-	}
-): EditState {
-	if (!state.popover) return state
-	if (state.popover.requestId !== input.requestId) return state
-	return {
-		...state,
-		popover: { ...state.popover, status: 'ready', data: input.data, error: undefined }
-	}
-}
-
-export function setPopoverError(
-	state: EditState,
-	input: {
-		requestId: number
-		error: string
-		data?: unknown
-	}
-): EditState {
-	if (!state.popover) return state
-	if (state.popover.requestId !== input.requestId) return state
-	return {
-		...state,
-		popover: {
-			...state.popover,
-			status: 'error',
-			error: String(input.error || 'Unknown error'),
-			data: input.data
-		}
-	}
-}
-
-export function closePopover(state: EditState): EditState {
-	return {
-		...state,
-		popover: null,
-		highlights: null
-	}
-}
-
-export function setHighlightQuotes(state: EditState, quotes: QuoteCount[]): EditState {
-	return {
-		...state,
-		highlights: {
-			quotes: quotes ?? [],
-			focusQuote: null,
-			focusNonce: 0
-		}
-	}
-}
-
-export function focusQuote(state: EditState, quote: string): EditState {
-	const q = String(quote || '')
-	if (!q) return state
-
-	const prev = state.highlights ?? { quotes: [], focusQuote: null, focusNonce: 0 }
-	return {
-		...state,
-		highlights: {
-			...prev,
-			focusQuote: q,
-			focusNonce: (prev.focusNonce ?? 0) + 1
-		}
-	}
-}

package/src/lib/edit/edit-workspace-context.ts

@@ -1,56 +0,0 @@
-import { createContext } from 'svelte'
-import type { Message } from '@recombine-ai/engine'
-
-import type { AgentSateHeader, AppEvent, StepDef } from '$lib/ws-message'
-import type { EditState, PopoverKind, QuoteCount } from './edit-vm'
-
-export interface EditWorkspaceState {
-	agentId: string
-	region: string | null
-	availableRegions: string[]
-	defaultRegion: string | null
-	agentType: 'text' | 'voice' | undefined
-
-	wsLoaded: boolean
-	chatReady: boolean
-	steps: StepDef[]
-	currentStep: StepDef | null
-	promptDrafts: Record<string, string>
-	context: Record<string, any> | null
-	promptContext: Record<string, any> | null
-	agentStates: AgentSateHeader[]
-	currentState: string | null
-	contextPopoverOpen: boolean
-
-	edit: EditState
-}
-
-export interface EditWorkspaceActions {
-	// VM actions (popover + highlights)
-	openPopover: (kind: PopoverKind) => number
-	setPopoverReady: (requestId: number, data: unknown) => void
-	setPopoverError: (requestId: number, error: string, data?: unknown) => void
-	closePopover: () => void
-	setHighlightQuotes: (quotes: QuoteCount[]) => void
-	focusQuote: (quote: string) => void
-
-	// Roleplay UI actions
-	openContextPopover: () => void
-	closeContextPopover: () => void
-	toggleContextPopover: () => void
-
-	// WS actions
-	sendAppEvent: (event: AppEvent) => void
-	sendChatMessage: (message: Message) => void
-	selectState: (stateId: string | null) => void
-	flushPromptSave: () => Promise<void>
-	hangup: () => void
-}
-
-export interface EditWorkspaceContext {
-	state: EditWorkspaceState
-	actions: EditWorkspaceActions
-}
-
-export const [getEditWorkspaceContext, setEditWorkspaceContext] =
-	createContext<EditWorkspaceContext>()

package/src/lib/edit/highlight-styles.spec.ts

@@ -1,14 +0,0 @@
-import { readFileSync } from 'node:fs'
-
-import { describe, expect, it } from 'vitest'
-
-describe('analysis quote highlight styles', () => {
-	it('keeps required CSS classes in src/app.css', () => {
-		const css = readFileSync('src/app.css', 'utf8')
-		expect(css).toContain('.analysis-quote')
-		expect(css).toContain('.analysis-quote-focus')
-		for (let i = 1; i <= 10; i++) {
-			expect(css).toContain(`.analysis-quote-l${i}`)
-		}
-	})
-})