83a5ea1b42
* feat(ai): add HarnessAgent sidecar foundation * feat(ai): integrate Pi as a Harness provider * fix(ai): harden Harness provider integration * fix(ai): address Harness integration review * fix(ai): align Harness code with project conventions * fix(ai): preserve Harness sessions on cancellation * test(ai): cover Harness JSONL framing * refactor(ai): generalize Harness sidecar adapters * fix(ci): build Harness sidecar for native checks
103 lines
2.5 KiB
Vue
103 lines
2.5 KiB
Vue
<script setup lang="ts">
|
|
import { promiseTimeout } from '@vueuse/core'
|
|
import { computed, onMounted, ref } from 'vue'
|
|
|
|
import AppGroupedSelect from '@/components/ui/AppGroupedSelect.vue'
|
|
import {
|
|
ACP_AGENTS,
|
|
AI_PROVIDERS,
|
|
AUTOMATION_HTTP_PORT,
|
|
IS_TAURI,
|
|
type AIProviderID
|
|
} from '@open-pencil/core/constants'
|
|
|
|
const mcpAvailable = ref(false)
|
|
|
|
async function checkMCPHealth(retries = 3, delayMs = 1000) {
|
|
for (let i = 0; i < retries; i++) {
|
|
try {
|
|
const res = await fetch(`http://127.0.0.1:${AUTOMATION_HTTP_PORT}/health`, {
|
|
signal: AbortSignal.timeout(2000)
|
|
})
|
|
if (res.ok) {
|
|
mcpAvailable.value = true
|
|
return
|
|
}
|
|
} catch (e) {
|
|
console.error(
|
|
'[MCP] health check failed (attempt',
|
|
i + 1,
|
|
'):',
|
|
e instanceof Error ? e.message : e
|
|
)
|
|
if (i < retries - 1) await promiseTimeout(delayMs)
|
|
}
|
|
}
|
|
}
|
|
|
|
interface ProviderSelectProps {
|
|
allowAgents?: boolean
|
|
ui?: {
|
|
trigger?: string
|
|
content?: string
|
|
item?: string
|
|
label?: string
|
|
separator?: string
|
|
}
|
|
}
|
|
|
|
const { allowAgents = true, ui } = defineProps<ProviderSelectProps>()
|
|
|
|
if (IS_TAURI) {
|
|
onMounted(() => {
|
|
void checkMCPHealth()
|
|
})
|
|
}
|
|
|
|
const acpAgents = computed(() => (allowAgents && IS_TAURI && mcpAvailable.value ? ACP_AGENTS : []))
|
|
|
|
const providerID = defineModel<AIProviderID>({ required: true })
|
|
const providerDef = computed(
|
|
() => AI_PROVIDERS.find((provider) => provider.id === providerID.value) ?? AI_PROVIDERS[0]
|
|
)
|
|
|
|
const displayName = computed(() => {
|
|
if (providerID.value === 'harness:pi') return 'Pi'
|
|
if (providerID.value.startsWith('acp:')) {
|
|
const agentId = providerID.value.replace('acp:', '')
|
|
return ACP_AGENTS.find((agent) => agent.id === agentId)?.name ?? providerID.value
|
|
}
|
|
return providerDef.value.name
|
|
})
|
|
|
|
const groups = computed(() => {
|
|
const result: Array<{ label?: string; items: Array<{ value: string; label: string }> }> = []
|
|
|
|
if (acpAgents.value.length) {
|
|
result.push({
|
|
label: 'Your agents',
|
|
items: acpAgents.value.map((agent) => ({
|
|
value: `acp:${agent.id}`,
|
|
label: agent.name
|
|
}))
|
|
})
|
|
}
|
|
|
|
result.push({
|
|
label: acpAgents.value.length ? 'Providers' : undefined,
|
|
items: [...AI_PROVIDERS]
|
|
.sort((left, right) => left.name.localeCompare(right.name))
|
|
.map((provider) => ({
|
|
value: provider.id,
|
|
label: provider.name
|
|
}))
|
|
})
|
|
|
|
return result
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<AppGroupedSelect v-model="providerID" :groups="groups" :display-value="displayName" :ui="ui" />
|
|
</template>
|