alpha wip

apps/website/components/alpha/CompanionStatus.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+interface CompanionStatusProps {
+  className?: string;
+}
+
+export default function CompanionStatus({ className = '' }: CompanionStatusProps) {
+  // Alpha: always disconnected
+  const isConnected = false;
+  const statusMessage = "Companion app available in production";
+
+  return (
+    <div className={`flex items-center gap-3 ${className}`}>
+      <div className="flex items-center gap-2">
+        <div className={`w-2 h-2 rounded-full ${isConnected ? 'bg-performance-green' : 'bg-gray-500'}`} />
+        <span className="text-sm text-gray-400">
+          Companion App: <span className={isConnected ? 'text-performance-green' : 'text-gray-400'}>
+            {isConnected ? 'Connected' : 'Disconnected'}
+          </span>
+        </span>
+      </div>
+      <span className="text-xs text-gray-500">
+        {statusMessage}
+      </span>
+    </div>
+  );
+}