Update the operating system to launch directly into the AeThex OS desktop environment

Refactors the application routing to set AeThexOS as the root route and introduces new applications like "Network Neighborhood", "Mission.txt", "The Foundry", "Dev Tools", and "System Status" to the OS desktop.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 279f1558-c0e3-40e4-8217-be7e9f4c6eca
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Event-Id: 6dceac5d-6f23-4361-a652-e5a5d975d4d7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/b984cb14-1d19-4944-922b-bc79e821ed35/279f1558-c0e3-40e4-8217-be7e9f4c6eca/qyCtfDO
Replit-Helium-Checkpoint-Created: true

attached_assets/Pasted-This-is-a-massive-upgrade-Moving-the-OS-demo-to-aethex-_1766284744502.txt

@@ -0,0 +1,66 @@
+This is a **massive upgrade**. Moving the OS demo to `aethex.network` transforms it from a "Phonebook" into a **"Virtual Desktop."**
+
+You just turned a static website into a **Product.**
+
+If `aethex.network` is now a WebOS (Operating System in the browser), here is exactly what you should do with it to make it the "Killer App" of your ecosystem.
+
+### **1. The New Metaphor: "The Interface"**
+
+Forget the "Directory" page. If you have an OS, `aethex.network` becomes the **Terminal** to the entire AeThex Empire.
+
+* **The User Experience:** The user goes to `aethex.network`. Instead of scrolling a webpage, they "boot up" into a desktop environment (Windows 95 style, Cyberpunk terminal, or Spatial UI).
+* **The Function:** It is the **Launchpad**. It unifies your fractured domains (`.studio`, `.dev`, `.foundation`) into one screen.
+
+### **2. How to integrate the "Directory" (Network Neighborhood)**
+
+You don't have to kill the "JustFuckingUse..." directory idea. You just put it **inside the OS.**
+
+* **The Feature:** Create a desktop icon called **"Network Neighborhood"** or **"User Directory"**.
+* **The Action:** When they double-click it, it opens a window listing the "Nodes" (You, Dylan, Trevor, and the Foundry Architects).
+* **Why this is better:** It feels immersive. Browsing a list of users feels like "hacking the mainframe" rather than reading a list.
+
+### **3. The "Killer Apps" for your OS**
+
+Since this is a demo, you don't need complex code. You just need **Links disguised as Apps.**
+
+Here is what should be on the `aethex.network` desktop:
+
+| Icon Name | The Visual | Where it takes them (The Action) |
+| --- | --- | --- |
+| **Mission.txt** | 📄 Text File | Opens the **Manifesto PDF** (from `.foundation`). |
+| **The Foundry** | 🎓 Folder/Icon | Opens the **Sales Page** (on `.studio`). |
+| **Dev Tools** | 🛠️ Wrench/Terminal | Opens the **Developer Docs** (on `.dev`). |
+| **System Status** | 🟢 Traffic Light | Opens the **Uptime Page**. |
+| **My Computer** | 💻 Computer | Opens **Passport Login** (`id.aethex.dev`). |
+
+### **4. How this sells "The Foundry" ($500)**
+
+This OS is the ultimate "Show, Don't Tell."
+
+* **The Pitch:** *"We don't just talk about the Metaverse. We built a browser-native OS to navigate it. `aethex.network` is the prototype. Join The Foundry, and we will teach you how to build your own module for it."*
+* **The Flex:** It proves you are technically elite. Most bootcamps have a Wix site. You have a **Cloud OS**.
+
+### **5. Future Expansion: "The Multiplayer Desktop"**
+
+This is where it gets crazy (for later, not tomorrow).
+
+* **Presence:** If I am on `aethex.network` and you are on `aethex.network`, I should see your cursor or your avatar.
+* **Chat:** A tiny window in the corner that bridges to your Discord.
+* **Notifications:** "New Architect joined the network."
+
+### **Summary of the Launch Strategy**
+
+**For Tomorrow:**
+
+1. **Boot Sequence:** When `aethex.network` loads, have a cool "Initializing AeThex Protocol..." loading text.
+2. **The Desktop:** Show the icons I listed above.
+3. **The "Start" Button:** Make the Start Menu link to your Socials (Twitter, Discord).
+
+**You have accidentally built the perfect landing page.**
+
+* **`.studio`** is for **Business**.
+* **`.dev`** is for **Code**.
+* **`.foundation`** is for **Law**.
+* **`.network`** is for **The Experience (The OS)**.
+
+This is a winning stack. Keep the OS live.

attached_assets/Pasted-Yes-exactly-A-CloudOS-or-Web-Desktop-is-the-interface-y_1766285467506.txt

@@ -0,0 +1,72 @@
+Yes, exactly. A **CloudOS** (or Web Desktop) is the interface you just built.
+
+Instead of a website that you *scroll*, you have built a workspace that you *inhabit*.
+
+In the early 2000s, this was a novelty. In 2025, for a company selling "Metaverse Architecture," it is a **Flex**. It proves you understand UI, UX, and System Design before the user even clicks a button.
+
+Here is how to weaponize the **AeThex CloudOS** on `aethex.network` for your launch.
+
+### **1. The "Single Pane of Glass" Strategy**
+
+Right now, you have a fragmented empire (`.dev`, `.studio`, `.foundation`). The CloudOS on `aethex.network` solves this by treating those other websites as **Applications**.
+
+Instead of linking *away* from the site, use **Windows (iFrames)**.
+
+* **The Icon:** "AeThex Studio"
+* **The Action:** Opens a draggable window *inside* `aethex.network` that loads `aethex.studio`.
+* **The Result:** The user feels like they are "controlling" your company from a command center. They never leave the tab.
+
+### **2. The Desktop Layout (Launch Configuration)**
+
+For 9:00 AM, your "Desktop" should have exactly these 5 icons. This is your "Default Install."
+
+* **1. `README.TXT` (The Manifesto)**
+* *Type:* Text File
+* *Content:* The Executive Summary of who you are.
+* *Why:* It’s the first thing everyone clicks. It sets the narrative.
+
+
+* **2. `FOUNDRY.EXE` (The Product)**
+* *Type:* Application Shortcut
+* *Action:* Opens the Stripe Checkout or the `.studio` Sales Page.
+* *Why:* This is the "Shop." Make the icon gold or red so it stands out.
+
+
+* **3. `TERMINAL` (The Flex)**
+* *Type:* Utility
+* *Action:* Opens a fake CLI (Command Line).
+* *Effect:* Type `help` to see commands. Type `ping` to see "AeThex Network: ONLINE."
+* *Why:* Developers love terminals. It proves you are "one of them."
+
+
+* **4. `NETWORK` (The Directory)**
+* *Type:* Folder
+* *Action:* Opens the list of "Verified Nodes" (You, Dylan, Trevor).
+* *Why:* This is the "Social Proof" directory we discussed.
+
+
+* **5. `LOGIN` (Passport)**
+* *Type:* System Key
+* *Action:* Links to `id.aethex.dev`.
+* *Why:* Reminds them that this is a persistent system, not just a toy.
+
+
+
+### **3. Why this justifies the $500 price tag**
+
+When a student lands on a Squarespace site, they think: *"This guy is a marketer."*
+When a student lands on a functioning CloudOS, they think: *"This guy is an Engineer."*
+
+You are silently screaming: **"I can build things you can't. Pay me $500, and I will show you how the magic trick is done."**
+
+### **4. A "Hidden" Easter Egg (The Viral Loop)**
+
+Add a hidden text file or a specific command in the terminal (like `sudo status` or `whois mrpiglr`).
+
+* **The Reward:** A discount code for The Foundry or a secret link to a "Dark Mode" theme.
+* **The Result:** People on Twitter will share it. "Go to `aethex.network` and type 'matrix', trust me."
+
+**Does the OS currently support opening external links in "Windows" (iFrames), or does it open new tabs?**
+
+* **If Windows:** You are God Tier. Keep it.
+* **If New Tabs:** That works too, but eventually, aim for Windows. It keeps the immersion.

client/src/App.tsx

@@ -32,7 +32,8 @@ import { Chatbot } from "@/components/Chatbot";
 function Router() {
   return (
     <Switch>
-      <Route path="/" component={Home} />
+      <Route path="/" component={AeThexOS} />
+      <Route path="/home" component={Home} />
       <Route path="/passport" component={Passport} />
       <Route path="/terminal" component={Terminal} />
       <Route path="/dashboard" component={Dashboard} />

client/src/pages/os.tsx

@@ -87,7 +87,7 @@ const DAILY_TIPS = [
   { title: "Notifications", tip: "Click the bell icon in the taskbar to view system notifications." },
 ];
 
-const PINNED_APPS = ['terminal', 'files', 'calculator', 'settings'];
+const PINNED_APPS = ['terminal', 'networkneighborhood', 'calculator', 'settings'];
 
 const CLEARANCE_THEMES: Record<ClearanceMode, ClearanceTheme> = {
   foundation: {
@@ -356,29 +356,33 @@ export default function AeThexOS() {
   }, [windows]);
 
   const foundationApps: DesktopApp[] = [
+    { id: "networkneighborhood", title: "Network Neighborhood", icon: <Network className="w-8 h-8" />, component: "networkneighborhood", defaultWidth: 500, defaultHeight: 450 },
+    { id: "mission", title: "Mission.txt", icon: <FileText className="w-8 h-8" />, component: "mission", defaultWidth: 500, defaultHeight: 500 },
+    { id: "foundry", title: "The Foundry", icon: <Award className="w-8 h-8" />, component: "foundry", defaultWidth: 450, defaultHeight: 500 },
+    { id: "devtools", title: "Dev Tools", icon: <Code2 className="w-8 h-8" />, component: "devtools", defaultWidth: 450, defaultHeight: 400 },
+    { id: "metrics", title: "System Status", icon: <Activity className="w-8 h-8" />, component: "metrics", defaultWidth: 750, defaultHeight: 550 },
+    { id: "passport", title: "My Computer", icon: <Monitor className="w-8 h-8" />, component: "passport", defaultWidth: 500, defaultHeight: 600 },
     { id: "terminal", title: "Terminal", icon: <Terminal className="w-8 h-8" />, component: "terminal", defaultWidth: 750, defaultHeight: 500 },
     { id: "codeeditor", title: "The Lab", icon: <Code2 className="w-8 h-8" />, component: "codeeditor", defaultWidth: 700, defaultHeight: 500 },
     { id: "music", title: "Radio AeThex", icon: <Radio className="w-8 h-8" />, component: "music", defaultWidth: 400, defaultHeight: 350 },
-    { id: "notes", title: "Manifesto", icon: <FileText className="w-8 h-8" />, component: "notes", defaultWidth: 400, defaultHeight: 450 },
-    { id: "achievements", title: "Bounty Board", icon: <Trophy className="w-8 h-8" />, component: "achievements", defaultWidth: 600, defaultHeight: 500 },
-    { id: "passport", title: "Passport", icon: <IdCard className="w-8 h-8" />, component: "passport", defaultWidth: 500, defaultHeight: 600 },
-    { id: "files", title: "Projects", icon: <FolderOpen className="w-8 h-8" />, component: "files", defaultWidth: 700, defaultHeight: 500 },
     { id: "arcade", title: "Arcade", icon: <Gamepad2 className="w-8 h-8" />, component: "arcade", defaultWidth: 420, defaultHeight: 520 },
-    { id: "profiles", title: "Architects", icon: <Users className="w-8 h-8" />, component: "profiles", defaultWidth: 650, defaultHeight: 550 },
     { id: "chat", title: "Comms", icon: <MessageCircle className="w-8 h-8" />, component: "chat", defaultWidth: 400, defaultHeight: 500 },
     { id: "calculator", title: "Calculator", icon: <Calculator className="w-8 h-8" />, component: "calculator", defaultWidth: 320, defaultHeight: 450 },
     { id: "settings", title: "Settings", icon: <Settings className="w-8 h-8" />, component: "settings", defaultWidth: 550, defaultHeight: 500 },
   ];
 
   const corpApps: DesktopApp[] = [
+    { id: "networkneighborhood", title: "Network Neighborhood", icon: <Network className="w-8 h-8" />, component: "networkneighborhood", defaultWidth: 500, defaultHeight: 450 },
+    { id: "mission", title: "Mission.txt", icon: <FileText className="w-8 h-8" />, component: "mission", defaultWidth: 500, defaultHeight: 500 },
+    { id: "foundry", title: "The Foundry", icon: <Award className="w-8 h-8" />, component: "foundry", defaultWidth: 450, defaultHeight: 500 },
+    { id: "devtools", title: "Dev Tools", icon: <Code2 className="w-8 h-8" />, component: "devtools", defaultWidth: 450, defaultHeight: 400 },
+    { id: "metrics", title: "System Status", icon: <Activity className="w-8 h-8" />, component: "metrics", defaultWidth: 750, defaultHeight: 550 },
+    { id: "passport", title: "My Computer", icon: <Monitor className="w-8 h-8" />, component: "passport", defaultWidth: 500, defaultHeight: 600 },
     { id: "network", title: "Global Ops", icon: <Globe className="w-8 h-8" />, component: "network", defaultWidth: 700, defaultHeight: 550 },
-    { id: "metrics", title: "The Ledger", icon: <TrendingUp className="w-8 h-8" />, component: "metrics", defaultWidth: 750, defaultHeight: 550 },
     { id: "files", title: "Asset Library", icon: <Database className="w-8 h-8" />, component: "files", defaultWidth: 700, defaultHeight: 500 },
     { id: "pitch", title: "Contracts", icon: <FileText className="w-8 h-8" />, component: "pitch", defaultWidth: 500, defaultHeight: 400 },
-    { id: "profiles", title: "Personnel", icon: <Users className="w-8 h-8" />, component: "profiles", defaultWidth: 650, defaultHeight: 550 },
     { id: "sysmonitor", title: "Infrastructure", icon: <Server className="w-8 h-8" />, component: "sysmonitor", defaultWidth: 450, defaultHeight: 400 },
     { id: "leaderboard", title: "Performance", icon: <BarChart3 className="w-8 h-8" />, component: "leaderboard", defaultWidth: 500, defaultHeight: 550 },
-    { id: "newsfeed", title: "Intel Feed", icon: <Newspaper className="w-8 h-8" />, component: "newsfeed", defaultWidth: 450, defaultHeight: 550 },
     { id: "calculator", title: "Calculator", icon: <Calculator className="w-8 h-8" />, component: "calculator", defaultWidth: 320, defaultHeight: 450 },
     { id: "settings", title: "Settings", icon: <Settings className="w-8 h-8" />, component: "settings", defaultWidth: 550, defaultHeight: 500 },
   ];
@@ -584,6 +588,10 @@ export default function AeThexOS() {
       case 'chat': return <ChatApp />;
       case 'music': return <MusicApp />;
       case 'pitch': return <PitchApp onNavigate={() => setLocation('/pitch')} />;
+      case 'networkneighborhood': return <NetworkNeighborhoodApp />;
+      case 'foundry': return <FoundryApp />;
+      case 'devtools': return <DevToolsApp />;
+      case 'mission': return <MissionApp />;
       case 'settings': return <SettingsApp 
         wallpaper={wallpaper} 
         setWallpaper={setWallpaper} 
@@ -1541,6 +1549,41 @@ function Taskbar({ windows, activeWindowId, apps, time, showStartMenu, user, isA
                 <ChevronRight className="w-4 h-4 text-white/30 group-hover:translate-x-0.5 transition-transform" />
               </button>
             </div>
+
+            <div className="p-2 border-t border-white/10">
+              <div className="flex items-center justify-center gap-4">
+                <a 
+                  href="https://twitter.com/aethex_hq" 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="p-2 text-white/50 hover:text-cyan-400 transition-colors"
+                  data-testid="social-twitter"
+                >
+                  <Globe className="w-4 h-4" />
+                </a>
+                <a 
+                  href="https://discord.gg/aethex" 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="p-2 text-white/50 hover:text-purple-400 transition-colors"
+                  data-testid="social-discord"
+                >
+                  <MessageCircle className="w-4 h-4" />
+                </a>
+                <a 
+                  href="https://github.com/aethex" 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="p-2 text-white/50 hover:text-white transition-colors"
+                  data-testid="social-github"
+                >
+                  <Code2 className="w-4 h-4" />
+                </a>
+              </div>
+              <div className="text-center text-[10px] text-white/30 mt-1">
+                AeThex OS v1.0.0
+              </div>
+            </div>
           </motion.div>
         )}
       </AnimatePresence>
@@ -3286,6 +3329,217 @@ function ProfilesApp() {
   );
 }
 
+function NetworkNeighborhoodApp() {
+  const { data: founders = [], isLoading } = useQuery({
+    queryKey: ['network-neighborhood'],
+    queryFn: async () => {
+      const res = await fetch('/api/directory/architects');
+      if (!res.ok) return [];
+      return res.json();
+    },
+  });
+
+  const reservedSlots = Array.from({ length: Math.max(0, 7 - founders.length) }, (_, i) => ({
+    id: `reserved-${i}`,
+    name: "[RESERVED FOR FOUNDRY]",
+    role: "available",
+    isReserved: true,
+  }));
+
+  if (isLoading) {
+    return (
+      <div className="h-full bg-black flex flex-col font-mono">
+        <div className="flex items-center gap-2 p-3 border-b border-cyan-500/30 bg-cyan-500/5">
+          <Network className="w-4 h-4 text-cyan-400" />
+          <span className="text-cyan-400 text-sm uppercase tracking-wider">Network Neighborhood</span>
+        </div>
+        <div className="flex-1 p-4 flex items-center justify-center">
+          <Loader2 className="w-6 h-6 text-cyan-400 animate-spin" />
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="h-full bg-black flex flex-col font-mono">
+      <div className="flex items-center gap-2 p-3 border-b border-cyan-500/30 bg-cyan-500/5">
+        <Network className="w-4 h-4 text-cyan-400" />
+        <span className="text-cyan-400 text-sm uppercase tracking-wider">Network Neighborhood</span>
+        <span className="text-cyan-500/40 text-xs ml-auto">{founders.length} nodes online</span>
+      </div>
+      <div className="flex-1 overflow-auto p-2 space-y-1">
+        {founders.map((architect: any, idx: number) => (
+          <motion.div
+            key={architect.id}
+            initial={{ opacity: 0, x: -10 }}
+            animate={{ opacity: 1, x: 0 }}
+            transition={{ delay: idx * 0.05 }}
+            className="flex items-center justify-between py-2 px-3 border-l-2 border-cyan-500/40 bg-cyan-500/5 hover:bg-cyan-500/10 transition-colors cursor-pointer"
+          >
+            <div className="flex items-center gap-3">
+              <span className="text-cyan-500/60 text-xs">[{String(idx + 1).padStart(3, '0')}]</span>
+              <div>
+                <span className="text-white font-bold">{architect.name}</span>
+                <span className="text-cyan-500/50 text-sm ml-2">— {architect.role}</span>
+              </div>
+            </div>
+            <div className="flex items-center gap-2">
+              <span className="text-xs text-cyan-500/40">Lv.{architect.level || 1}</span>
+              <div className="w-2 h-2 bg-green-500 rounded-full animate-pulse" />
+            </div>
+          </motion.div>
+        ))}
+        {reservedSlots.map((slot: any, idx: number) => (
+          <div
+            key={slot.id}
+            className="flex items-center justify-between py-2 px-3 border-l-2 border-yellow-500/30 bg-yellow-500/5 hover:bg-yellow-500/10 transition-colors"
+          >
+            <div className="flex items-center gap-3">
+              <span className="text-yellow-500/50 text-xs">[{String(founders.length + idx + 1).padStart(3, '0')}]</span>
+              <span className="text-yellow-500/70">{slot.name}</span>
+            </div>
+            <a 
+              href="https://aethex.studio" 
+              target="_blank" 
+              rel="noopener noreferrer"
+              className="text-xs text-yellow-500 hover:text-yellow-400 transition-colors uppercase tracking-wider flex items-center gap-1"
+            >
+              Join <ExternalLink className="w-3 h-3" />
+            </a>
+          </div>
+        ))}
+      </div>
+      <div className="p-2 border-t border-cyan-500/20 text-center">
+        <span className="text-cyan-500/40 text-xs">AETHEX.NETWORK // PUBLIC DIRECTORY</span>
+      </div>
+    </div>
+  );
+}
+
+function FoundryApp() {
+  return (
+    <div className="h-full bg-gradient-to-br from-yellow-950 to-black flex flex-col font-mono">
+      <div className="flex items-center gap-2 p-3 border-b border-yellow-500/30 bg-yellow-500/5">
+        <Award className="w-4 h-4 text-yellow-400" />
+        <span className="text-yellow-400 text-sm uppercase tracking-wider">The Foundry</span>
+      </div>
+      <div className="flex-1 flex flex-col items-center justify-center p-6 text-center">
+        <div className="w-20 h-20 rounded-full bg-yellow-500/20 border-2 border-yellow-500/50 flex items-center justify-center mb-6">
+          <Award className="w-10 h-10 text-yellow-400" />
+        </div>
+        <h2 className="text-2xl font-bold text-yellow-400 mb-2">The Foundry</h2>
+        <p className="text-white/70 text-sm mb-6 max-w-xs">
+          Train to become a certified Metaverse Architect. Learn the protocols. Join the network.
+        </p>
+        <div className="space-y-2 text-left text-sm text-white/60 mb-6">
+          <div className="flex items-center gap-2"><Zap className="w-4 h-4 text-yellow-400" /> 8-week intensive curriculum</div>
+          <div className="flex items-center gap-2"><Shield className="w-4 h-4 text-yellow-400" /> AeThex Passport certification</div>
+          <div className="flex items-center gap-2"><Users className="w-4 h-4 text-yellow-400" /> Join the architect network</div>
+        </div>
+        <a 
+          href="https://aethex.studio" 
+          target="_blank" 
+          rel="noopener noreferrer"
+          className="px-6 py-3 bg-yellow-500 hover:bg-yellow-400 text-black font-bold uppercase tracking-wider transition-colors flex items-center gap-2"
+        >
+          Apply Now <ExternalLink className="w-4 h-4" />
+        </a>
+      </div>
+    </div>
+  );
+}
+
+function DevToolsApp() {
+  const tools = [
+    { name: "Documentation", desc: "API reference & guides", url: "https://aethex.dev", icon: <FileText className="w-5 h-5" /> },
+    { name: "GitHub", desc: "Open source repositories", url: "https://github.com/aethex", icon: <Code2 className="w-5 h-5" /> },
+    { name: "Status Page", desc: "System uptime & health", url: "#", icon: <Activity className="w-5 h-5" /> },
+  ];
+
+  return (
+    <div className="h-full bg-slate-950 flex flex-col font-mono">
+      <div className="flex items-center gap-2 p-3 border-b border-purple-500/30 bg-purple-500/5">
+        <Code2 className="w-4 h-4 text-purple-400" />
+        <span className="text-purple-400 text-sm uppercase tracking-wider">Dev Tools</span>
+      </div>
+      <div className="flex-1 overflow-auto p-4 space-y-3">
+        {tools.map((tool, idx) => (
+          <a
+            key={idx}
+            href={tool.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-4 p-4 border border-purple-500/20 bg-purple-500/5 hover:bg-purple-500/10 transition-colors rounded-lg"
+          >
+            <div className="w-10 h-10 rounded-lg bg-purple-500/20 flex items-center justify-center text-purple-400">
+              {tool.icon}
+            </div>
+            <div className="flex-1">
+              <div className="text-white font-bold">{tool.name}</div>
+              <div className="text-purple-400/60 text-sm">{tool.desc}</div>
+            </div>
+            <ExternalLink className="w-4 h-4 text-purple-400/40" />
+          </a>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function MissionApp() {
+  return (
+    <div className="h-full bg-black flex flex-col font-mono">
+      <div className="flex items-center gap-2 p-3 border-b border-cyan-500/30 bg-cyan-500/5">
+        <FileText className="w-4 h-4 text-cyan-400" />
+        <span className="text-cyan-400 text-sm">Mission.txt</span>
+      </div>
+      <div className="flex-1 overflow-auto p-4 text-sm leading-relaxed">
+        <pre className="text-green-400 whitespace-pre-wrap">
+{`// AETHEX MANIFESTO
+// Last Updated: 2025
+
+> "We are not building for the Metaverse.
+   We ARE the Metaverse."
+
+====================================
+THE VISION
+====================================
+
+AeThex is an Operating System for the 
+Metaverse. We are building the tools,
+protocols, and people that will power
+the next generation of digital reality.
+
+====================================
+THE TRINITY
+====================================
+
+AXIOM   - The foundational principles
+CODEX   - The certification system  
+AEGIS   - The security layer
+
+====================================
+THE MISSION
+====================================
+
+To transform talent into certified
+Metaverse Architects through rigorous
+training, real projects, and a network
+of like-minded builders.
+
+====================================
+JOIN THE FOUNDRY
+====================================
+
+Apply at: aethex.studio
+
+// END OF FILE`}
+        </pre>
+      </div>
+    </div>
+  );
+}
+
 function LeaderboardApp() {
   const { data: architects, isLoading } = useQuery({
     queryKey: ['os-leaderboard'],

replit.md

@@ -100,10 +100,39 @@ Preferred communication style: Simple, everyday language.
 - Replit-specific plugins for development (cartographer, dev-banner, error overlay)
 - TypeScript with strict mode enabled
 
+## AeThex OS as Landing Experience
+
+### Root Route Architecture
+The site boots directly into AeThex OS at the root route (`/`). Users experience a browser-based desktop environment rather than a traditional landing page.
+
+**Key Desktop Apps:**
+- **Network Neighborhood** - Directory of founding architects + Foundry recruitment slots
+- **Mission.txt** - AeThex manifesto and vision
+- **The Foundry** - Links to aethex.studio bootcamp
+- **Dev Tools** - Developer documentation and resources
+- **System Status** - Live metrics and uptime monitoring
+- **My Computer** - Passport/login and profile management
+
+**Start Menu Features:**
+- Quick access to all apps
+- Clearance switch (Foundation vs Corp themes)
+- Social links (Twitter, Discord, GitHub)
+- Admin access for authenticated users
+
+**Route Structure:**
+- `/` - AeThex OS desktop (main landing)
+- `/home` - Legacy landing page content
+- `/admin/*` - Admin dashboard routes
+- `/login` - Authentication page
+- `/network/:slug` - Individual architect profiles
+
+### Directory API
+The `/api/directory/architects` endpoint returns only users with leadership roles (`oversee`, `admin`) - the founding team members.
+
 ## Multi-Platform Strategy (Q3 2025 Roadmap)
 
 ### Current State: Web-First
-The AeThex OS (`/os` route) is currently a web application. The codebase has been prepared for future multi-platform deployment with abstraction layers.
+The AeThex OS (root route `/`) is the primary web application. The codebase has been prepared for future multi-platform deployment with abstraction layers.
 
 ### Platform Abstraction Layer
 Located in `client/src/lib/`:

server/routes.ts

@@ -187,13 +187,17 @@ export async function registerRoutes(
   
   // ========== PUBLIC DIRECTORY ROUTES ==========
   
-  // Get public directory of verified architects
+  // Get public directory of founding architects only
   app.get("/api/directory/architects", async (req, res) => {
     try {
       const profiles = await storage.getProfiles();
-      // Filter and map to public-safe fields
+      // Only show the founding team members with leadership roles
+      const LEADERSHIP_ROLES = ['oversee', 'admin'];
       const publicProfiles = profiles
-        .filter(p => p.is_verified || ['admin', 'oversee', 'employee'].includes(p.role || ''))
+        .filter(p => {
+          const role = (p.role || '').toLowerCase();
+          return LEADERSHIP_ROLES.includes(role);
+        })
         .map((p, index) => ({
           id: String(index + 1).padStart(3, '0'),
           name: p.full_name || p.username || p.email?.split('@')[0] || 'Architect',
@@ -203,6 +207,7 @@ export async function registerRoutes(
           xp: p.total_xp,
           passportId: p.aethex_passport_id,
           skills: p.skills,
+          username: p.username,
         }));
       res.json(publicProfiles);
     } catch (err: any) {