- app/rest.py: FastAPI app wrapping search/diagnose/sources with CORS - web/: Vue 3 + Vite + UnoCSS + Pinia frontend at port 8535 - LogSearchView: sidebar filters (source, severity, limit) + FTS search - DiagnoseView: layered symptom investigation matching MCP diagnose tool - SourcesView: corpus table with entry count, error count, time range - LogEntryRow: severity badge, pattern chips, repeat count, timestamp - StatusDot: live API health indicator in nav - scripts/start_dev.sh: launch FastAPI (:8534) + Vite dev server (:8535) - .gitignore: add web/node_modules/ and web/dist/ - Caddy: /turnstone* route added to menagerie.circuitforge.tech block (API → :8534 with /turnstone strip, SPA fallback → :8535)
25 lines
581 B
Vue
25 lines
581 B
Vue
<template>
|
|
<div class="flex items-center gap-2 text-xs text-text-dim">
|
|
<span
|
|
class="w-2 h-2 rounded-full"
|
|
:class="online ? 'bg-green-500' : 'bg-red-500 animate-pulse'"
|
|
/>
|
|
<span>{{ online ? 'API online' : 'API offline' }}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, onMounted } from 'vue'
|
|
|
|
const online = ref(false)
|
|
const BASE = import.meta.env.BASE_URL.replace(/\/$/, '')
|
|
|
|
onMounted(async () => {
|
|
try {
|
|
const res = await fetch(`${BASE}/health`)
|
|
online.value = res.ok
|
|
} catch {
|
|
online.value = false
|
|
}
|
|
})
|
|
</script>
|