tftsr-devops_investigation/node_modules/loglevel/demo/styles.css
Shaun Arman 8839075805 feat: initial implementation of TFTSR IT Triage & RCA application
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>
2026-03-14 22:36:25 -05:00

108 lines
1.6 KiB
CSS

* {
box-sizing: border-box;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #161230;
}
body {
font-size: 18px;
background-color: #fafafa;
}
main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
}
form {
}
label {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
input,
select,
button {
/* flex-grow: 1; */
font-size: 1rem;
padding: 0.25rem;
border: 1px solid;
border-radius: 4px;
}
input[type="checkbox"] {
width: 1.5rem;
height: 1.5rem;
}
button {
cursor: pointer;
align-self: center;
padding: 0.5rem 1.5rem;
background-color: #161230;
color: #fafafa;
font-size: 1.5rem;
}
summary {
cursor: pointer;
}
code,
code > input,
code > select {
font-family: 'Courier New', Courier, monospace;
font-size: 1.5rem;
}
code {
display: flex;
align-items: center;
}
code input,
code select {
border-color: #a9b7c9;
}
code button {
margin-left: 2rem;
}
details {
width: 100%;
}
summary {
margin-bottom: 0.5rem;
}
details code {
display: inline-block;
font-size: 1.1rem;
margin-left: 0.2rem;
font-weight: 600;
}
.code-container {
width: 80vw;
max-width: 800px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
border: 1px solid;
border-radius: 4px;
background-color: #eaf3ff;
padding: 1rem;
flex-wrap: wrap;
}