Create src/app/relationships/page.tsx

src/app/relationships/page.tsx

@@ -0,0 +1,27 @@
+import { ConstellationGraph } from "@/components/defrag/constellation-graph";
+import { Terminal } from "lucide-react";
+import Link from "next/link";
+
+export default function RelationshipsPage() {
+  return (
+    <div className="min-h-screen bg-[#050505] text-white p-6 md:p-12">
+      {/* Header */}
+      <nav className="mb-12 flex items-center gap-4 text-xs font-mono uppercase tracking-widest text-white/30">
+        <Link href="/dashboard" className="hover:text-white transition-colors">Console</Link>
+        <span>/</span>
+        <span className="text-amber-500">Constellation</span>
+      </nav>
+
+      <div className="mb-12 space-y-2">
+        <h1 className="text-3xl md:text-4xl font-light tracking-tight text-white">
+          Constellation Architecture
+        </h1>
+        <p className="text-white/50 text-sm font-mono uppercase tracking-widest max-w-lg">
+          Map the unseen dynamics of your lineage. Identify friction. Invert to flow.
+        </p>
+      </div>
+
+      <ConstellationGraph />
+    </div>
+  );
+}