turnstone/web/src/components/StatusDot.vue
pyr0ball 59c5b61841 feat: Vue 3 frontend and FastAPI REST layer
- 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)
2026-05-08 16:27:59 -07:00

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>