pyr0ball
eef84d55be
- 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)
36 lines
1.1 KiB
Vue
36 lines
1.1 KiB
Vue
<template>
|
|
<div class="min-h-screen bg-surface font-mono text-text-primary">
|
|
<nav class="border-b border-surface-border px-6 py-3 flex items-center gap-6">
|
|
<div class="flex items-center gap-2">
|
|
<span class="text-accent font-semibold tracking-wide">TURNSTONE</span>
|
|
<span class="text-text-dim text-xs">diagnostic intelligence</span>
|
|
</div>
|
|
<div class="flex gap-1 ml-4">
|
|
<RouterLink
|
|
v-for="link in navLinks"
|
|
:key="link.to"
|
|
:to="link.to"
|
|
class="px-3 py-1 rounded text-sm text-text-muted hover:text-text-primary hover:bg-surface-raised transition-colors"
|
|
active-class="text-accent bg-accent-muted"
|
|
>
|
|
{{ link.label }}
|
|
</RouterLink>
|
|
</div>
|
|
<div class="ml-auto">
|
|
<StatusDot />
|
|
</div>
|
|
</nav>
|
|
<RouterView />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { RouterLink, RouterView } from 'vue-router'
|
|
import StatusDot from '@/components/StatusDot.vue'
|
|
|
|
const navLinks = [
|
|
{ to: '/search', label: 'Search' },
|
|
{ to: '/diagnose', label: 'Diagnose' },
|
|
{ to: '/sources', label: 'Sources' },
|
|
]
|
|
</script>
|