Files
hermes-os/components/StatusCard.tsx
T
Hermes 4f5fde34a3 Visual redesign, message input, reversed messages, systemd service
- New visual identity: solid dark cards, purple accent, iOS-like feel
- Session replay: newest messages first, message input with send button
- Chat proxy route for sending messages to sessions
- systemd user service with deploy script
- All pages restyled: Pulse, Memory, History, Skills, Cron, Soul, Config
2026-04-09 21:12:14 -05:00

31 lines
834 B
TypeScript

"use client";
import { useHealth, useConfig } from "@/lib/hooks";
export function StatusCard() {
const { data: health } = useHealth();
const { data: config } = useConfig();
const online = health?.status === "ok";
const model = config?.model || "—";
return (
<div className="card p-4 flex items-center justify-between">
<div>
<div className="text-[13px] font-mono" style={{ color: "var(--text-2)" }}>
{model}
</div>
</div>
<div className="flex items-center gap-2">
<div
className="w-2 h-2 rounded-full"
style={{ background: online ? "#34c759" : "#ff3b30" }}
/>
<span className="text-xs" style={{ color: online ? "#34c759" : "#ff3b30" }}>
{online ? "Online" : "Offline"}
</span>
</div>
</div>
);
}