feat: add runtime lifecycle health revalidation

2026-03-27 03:12:59 -03:00
1 parent f5a4a9ee97
commit b757990f8d
@@ -0,0 +1,72 @@
+import { getRuntimeStartGuard, getRuntimeStateLabel, getRuntimeStatusTone } from "../runtime-utils";
+import type { RuntimeSnapshot } from "../types";
+import "./RuntimeStatusCard.css";
+
+function summarizePath(path: string | null): string {
+  if (!path) return "No model selected";
+  const segments = path.split(/[\\/]/).filter(Boolean);
+  return segments[segments.length - 1] || path;
+}
+
+interface Props {
+  snapshot: RuntimeSnapshot;
+  loading: boolean;
+  busy: boolean;
+  onOpenSettings: () => void;
+  onStart: () => void;
+  onStop: () => void;
+}
+
+export default function RuntimeStatusCard({ snapshot, loading, busy, onOpenSettings, onStart, onStop }: Props) {
+  const tone = getRuntimeStatusTone(snapshot);
+  const isLocal = snapshot.config.connection_mode === "local";
+  const startGuard = getRuntimeStartGuard(snapshot);
+  const needsSetup = isLocal && !snapshot.process_running && !startGuard.canStart;
+  const primaryAction = needsSetup ? onOpenSettings : isLocal && !snapshot.process_running ? onStart : onStop;
+  const primaryLabel = needsSetup ? "Set up" : isLocal && !snapshot.process_running ? "Start" : "Stop";
+  const primaryDisabled = busy || (isLocal && snapshot.process_running && snapshot.status === "stopping");
+
+  return (
+    <section className={`runtime-card runtime-card-${tone}`} aria-label="Runtime manager summary">
+      <div className="runtime-card-header">
+        <div>
+          <div className="runtime-card-kicker">Runtime Manager</div>
+          <div className="runtime-card-title">{loading ? "Loading runtime" : getRuntimeStateLabel(snapshot)}</div>
+        </div>
+        <span className={`runtime-card-mode runtime-card-mode-${snapshot.config.connection_mode}`}>
+          {snapshot.config.connection_mode === "local" ? "Local" : "Remote"}
+        </span>
+      </div>
+
+      <p className="runtime-card-copy">
+        {snapshot.config.connection_mode === "local"
+          ? `Managed endpoint ${snapshot.resolved_url}`
+          : snapshot.config.server_url || "Configure a remote API endpoint"}
+      </p>
+
+      <div className="runtime-card-meta" aria-label="Runtime details">
+        <span>{isLocal ? summarizePath(snapshot.config.model_path) : "External provider"}</span>
+        <span>{snapshot.config.start_policy === "on_app_launch" ? "Auto-start" : "Manual start"}</span>
+      </div>
+
+      {needsSetup && <div className="runtime-card-note">{startGuard.reason}</div>}
+
+      {snapshot.last_error && (
+        <div className="runtime-card-error" role="status">
+          {snapshot.last_error.message}
+        </div>
+      )}
+
+      <div className="runtime-card-actions">
+        <button className="runtime-card-btn runtime-card-btn-secondary" onClick={onOpenSettings} type="button">
+          Manage
+        </button>
+        {snapshot.config.connection_mode === "local" && (
+          <button className="runtime-card-btn runtime-card-btn-primary" onClick={primaryAction} type="button" disabled={primaryDisabled}>
+            {busy ? "Working..." : primaryLabel}
+          </button>
+        )}
+      </div>
+    </section>
+  );
+}