Spaces:
Sleeping
Sleeping
Aissugur Kurganbekov
Claude Opus 4.8
Add Audit Mode: evidence-backed checklist audit for finance documents
f22b512 | import { IconAsk, IconEval, IconLogout, IconOverview, IconShield, IconSpark } from "../lib/icons"; | |
| const NAV = [ | |
| { id: "overview", label: "Overview", Icon: IconOverview }, | |
| { id: "ask", label: "Ask", Icon: IconAsk }, | |
| { id: "audit", label: "Audit", Icon: IconShield }, | |
| { id: "evaluation", label: "Evaluation", Icon: IconEval }, | |
| ]; | |
| export default function Sidebar({ view, setView, online, llmAvailable, userEmail, onLogout }) { | |
| const status = online | |
| ? `API online · ${llmAvailable ? "Thinking ready" : "Fast mode"}` | |
| : "API offline"; | |
| return ( | |
| <aside className="sidebar"> | |
| <div className="brand"> | |
| <span className="brand-mark"> | |
| <IconSpark size={17} /> | |
| </span> | |
| <span className="brand-name brand-sub-hide"> | |
| FinanceFlow <span>AI</span> | |
| </span> | |
| </div> | |
| <nav className="nav" aria-label="Primary"> | |
| {NAV.map(({ id, label, Icon }) => ( | |
| <button | |
| key={id} | |
| className={`nav-item ${view === id ? "active" : ""}`} | |
| onClick={() => setView(id)} | |
| aria-label={label} | |
| aria-current={view === id ? "page" : undefined} | |
| > | |
| <Icon /> | |
| <span className="label">{label}</span> | |
| </button> | |
| ))} | |
| </nav> | |
| {userEmail && ( | |
| <div className="sidebar-account brand-sub-hide"> | |
| <span className="acct-email" title={userEmail}>{userEmail}</span> | |
| <button className="acct-logout" onClick={onLogout} aria-label="Log out" title="Log out"> | |
| <IconLogout size={15} /> | |
| </button> | |
| </div> | |
| )} | |
| <div className="sidebar-foot"> | |
| <span | |
| className={`status-dot ${online ? "" : "off"}`} | |
| role="img" | |
| aria-label={online ? "API online" : "API offline"} | |
| /> | |
| <span className="brand-sub-hide">{status}</span> | |
| </div> | |
| </aside> | |
| ); | |
| } | |