I mean, it's at a good place rn...

panel/src/components/ui/offline-state.tsx

@@ -0,0 +1,35 @@
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import { WifiOff, RefreshCw } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+interface OfflineStateProps {
+  title?: string;
+  description?: string;
+  onRetry?: () => void;
+}
+
+export function OfflineState({ 
+  title = "Backend Not Connected",
+  description = "The orchestrator API is not available. Start the backend to see live data.",
+  onRetry,
+}: OfflineStateProps) {
+  return (
+    <Card className="border-dashed">
+      <CardHeader className="text-center">
+        <div className="mx-auto w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-2">
+          <WifiOff className="h-6 w-6 text-muted-foreground" />
+        </div>
+        <CardTitle className="text-lg">{title}</CardTitle>
+        <CardDescription>{description}</CardDescription>
+      </CardHeader>
+      {onRetry && (
+        <CardContent className="text-center">
+          <Button variant="outline" onClick={onRetry}>
+            <RefreshCw className="h-4 w-4 mr-2" />
+            Retry
+          </Button>
+        </CardContent>
+      )}
+    </Card>
+  );
+}