8839075805
Implements Phases 1-8 of the TFTSR implementation plan. Rust backend (Tauri 2.x, src-tauri/): - Multi-provider AI: OpenAI-compatible, Anthropic, Gemini, Mistral, Ollama - PII detection engine: 11 regex patterns with overlap resolution - SQLCipher AES-256 encrypted database with 10 versioned migrations - 28 Tauri IPC commands for triage, analysis, document, and system ops - Ollama: hardware probe, model recommendations, pull/delete with events - RCA and blameless post-mortem Markdown document generators - PDF export via printpdf - Audit log: SHA-256 hash of every external data send - Integration stubs for Confluence, ServiceNow, Azure DevOps (v0.2) Frontend (React 18 + TypeScript + Vite, src/): - 9 pages: full triage workflow NewIssue→LogUpload→Triage→Resolution→RCA→Postmortem→History+Settings - 7 components: ChatWindow, TriageProgress, PiiDiffViewer, DocEditor, HardwareReport, ModelSelector, UI primitives - 3 Zustand stores: session, settings (persisted), history - Type-safe tauriCommands.ts matching Rust backend types exactly - 8 IT domain system prompts (Linux, Windows, Network, K8s, DB, Virt, HW, Obs) DevOps: - .woodpecker/test.yml: rustfmt, clippy, cargo test, tsc, vitest on every push - .woodpecker/release.yml: linux/amd64 + linux/arm64 builds, Gogs release upload Verified: - cargo check: zero errors - tsc --noEmit: zero errors - vitest run: 13/13 unit tests passing Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
import React from "react";
|
|
import { Check } from "lucide-react";
|
|
|
|
interface TriageProgressProps {
|
|
currentLevel: number;
|
|
totalLevels?: number;
|
|
}
|
|
|
|
export function TriageProgress({ currentLevel, totalLevels = 5 }: TriageProgressProps) {
|
|
const steps = Array.from({ length: totalLevels }, (_, i) => i + 1);
|
|
const showRootCause = currentLevel > totalLevels;
|
|
|
|
return (
|
|
<div className="px-4 py-3 border-b">
|
|
<div className="flex items-center gap-1">
|
|
{steps.map((step) => {
|
|
const isCompleted = step < currentLevel;
|
|
const isActive = step === currentLevel;
|
|
|
|
return (
|
|
<React.Fragment key={step}>
|
|
<div className="flex flex-col items-center gap-1">
|
|
<div
|
|
className={`w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-colors ${
|
|
isCompleted
|
|
? "bg-green-600 text-white"
|
|
: isActive
|
|
? "bg-blue-600 text-white"
|
|
: "bg-muted text-muted-foreground"
|
|
}`}
|
|
>
|
|
{isCompleted ? <Check className="w-4 h-4" /> : step}
|
|
</div>
|
|
<span className="text-[10px] text-muted-foreground font-medium">
|
|
Why {step}
|
|
</span>
|
|
</div>
|
|
{step < totalLevels && (
|
|
<div
|
|
className={`flex-1 h-0.5 mx-1 ${
|
|
step < currentLevel ? "bg-green-600" : "bg-muted"
|
|
}`}
|
|
/>
|
|
)}
|
|
</React.Fragment>
|
|
);
|
|
})}
|
|
|
|
{/* Root cause indicator */}
|
|
<div
|
|
className={`flex-1 h-0.5 mx-1 ${
|
|
showRootCause ? "bg-green-600" : "bg-muted"
|
|
}`}
|
|
/>
|
|
<div className="flex flex-col items-center gap-1">
|
|
<div
|
|
className={`w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold transition-colors ${
|
|
showRootCause
|
|
? "bg-green-600 text-white"
|
|
: "bg-muted text-muted-foreground"
|
|
}`}
|
|
>
|
|
{showRootCause ? <Check className="w-4 h-4" /> : "RC"}
|
|
</div>
|
|
<span className="text-[10px] text-muted-foreground font-medium">
|
|
Root Cause
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|