Hitonabi
dcfede7e69
Paket B des Plans. AnythingLLM war nur ein Fallback-Chat zu Hermes; ersetzt durch das echte interaktive Agent-Terminal (`hermes chat`, mit Tools/PC) als eingebettetes Web-Terminal. Box: ttyd (apt) wrappt `hermes chat`; systemd-User-Unit deploy/hermes-terminal.service (LAN-Bind eno1:7681, apt-Default-ttyd-Dienst deaktiviert). In deploy.sh verankert. Backend: config HERMES_TERMINAL_URL statt ANYTHINGLLM_URL/_REPO; agent_status liefert terminal_url/terminal_reachable; maintenance ohne _anythingllm_update; system.py Dienst-Liste zeigt "Hermes-Terminal". Frontend: neue Terminal-Seite (iframe auf ttyd) + Nav-Tab; AgentView/AgentStatusCard/nav/api auf Terminal umgestellt; SystemDrawer toter hermes-dashboard raus, hermes-webui -> hermes-terminal; Guide-Texte aktualisiert. Cleanup: deploy/hermes-webui.service + deploy/lobechat/ entfernt (LobeChat-Migration hinfaellig), HERMES_WEBUI_URL-Env raus. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
57 lines
3.0 KiB
TypeScript
57 lines
3.0 KiB
TypeScript
import { TerminalSquare, ExternalLink, AlertTriangle } from "lucide-react"
|
|
import { useAgentStatus } from "@/lib/queries"
|
|
import { resolveExternalUrl } from "@/lib/utils"
|
|
|
|
export function TerminalView() {
|
|
const { data: agent } = useAgentStatus(5_000)
|
|
const url = agent?.terminal_url ? resolveExternalUrl(agent.terminal_url) : undefined
|
|
const ok = agent?.terminal_reachable
|
|
|
|
return (
|
|
<div className="flex h-full flex-col gap-4">
|
|
<div className="flex flex-wrap items-end justify-between gap-3">
|
|
<div>
|
|
<h1 className="bg-gradient-to-r from-foreground via-foreground to-primary bg-clip-text font-space text-2xl font-bold tracking-tight text-transparent">
|
|
Hermes Terminal
|
|
</h1>
|
|
<p className="flex items-center gap-2 text-sm text-muted-foreground">
|
|
Interaktiver Agent (<code className="rounded bg-background/40 px-1 font-mono text-[11px] text-primary">hermes chat</code>) mit Tools & PC-Steuerung — „mehr als Chatten".
|
|
</p>
|
|
</div>
|
|
<div className="flex items-center gap-3">
|
|
<span className="flex items-center gap-1.5 text-[11px] font-medium text-muted-foreground">
|
|
<span className={`h-2 w-2 rounded-full ${ok ? "bg-emerald-500 animate-pulse" : "bg-amber-500"}`} />
|
|
{ok ? "online" : "offline"}
|
|
</span>
|
|
{url && (
|
|
<a href={url} target="_blank" rel="noopener"
|
|
className="flex h-8 items-center gap-1.5 rounded-lg border border-border/60 bg-background/20 px-3 text-xs font-semibold text-muted-foreground transition-all hover:border-primary/50 hover:text-foreground">
|
|
<ExternalLink className="h-3.5 w-3.5" /> In neuem Tab
|
|
</a>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
{url ? (
|
|
<div className="relative min-h-[68vh] flex-1 overflow-hidden rounded-2xl border border-border/60 bg-black/50 shadow-lg shadow-black/25">
|
|
{ok === false && (
|
|
<div className="absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 bg-black/70 text-center">
|
|
<AlertTriangle className="h-8 w-8 text-amber-400" />
|
|
<div className="text-sm font-semibold text-amber-300">Terminal nicht erreichbar</div>
|
|
<p className="max-w-sm text-[11px] leading-normal text-muted-foreground">
|
|
Der <code className="font-mono text-primary">hermes-terminal</code>-Dienst (ttyd) läuft nicht.
|
|
Auf der Box: <code className="font-mono">systemctl --user restart hermes-terminal</code>.
|
|
</p>
|
|
</div>
|
|
)}
|
|
<iframe src={url} title="Hermes Terminal" className="h-full w-full border-0" style={{ minHeight: "68vh" }} />
|
|
</div>
|
|
) : (
|
|
<div className="flex min-h-[68vh] flex-1 items-center justify-center rounded-2xl border border-border/60 bg-background/20 text-xs text-muted-foreground">
|
|
<TerminalSquare className="mr-2 h-4 w-4" /> Lade Terminal…
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|