devops

devops-view/src/components/layout/Footer.tsx

@@ -0,0 +1,11 @@
+export function Footer() {
+  return (
+    <footer className="border-t border-green-900/30 bg-gray-950/60 mt-auto">
+      <div className="max-w-5xl mx-auto px-4 h-10 flex items-center justify-center">
+        <span className="text-gray-600 font-mono text-xs">
+          powered by RAG · answers based on real infrastructure docs
+        </span>
+      </div>
+    </footer>
+  );
+}

devops-view/src/components/layout/Header.tsx

@@ -0,0 +1,17 @@
+export function Header() {
+  return (
+    <header className="border-b border-green-900/40 bg-gray-950/80 backdrop-blur-sm sticky top-0 z-10">
+      <div className="max-w-5xl mx-auto px-4 h-14 flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <span className="text-green-400 font-mono text-lg font-bold tracking-tight">
+            &gt;_ devops-assistant
+          </span>
+        </div>
+        <div className="flex items-center gap-1.5">
+          <span className="inline-block w-2 h-2 rounded-full bg-green-400 animate-pulse" />
+          <span className="text-green-400/70 font-mono text-xs">online</span>
+        </div>
+      </div>
+    </header>
+  );
+}