diff --git a/attached_assets/Pasted-This-is-a-massive-upgrade-Moving-the-OS-demo-to-aethex-_1766284744502.txt b/attached_assets/Pasted-This-is-a-massive-upgrade-Moving-the-OS-demo-to-aethex-_1766284744502.txt new file mode 100644 index 0000000..5aa9549 --- /dev/null +++ b/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. \ No newline at end of file diff --git a/attached_assets/Pasted-Yes-exactly-A-CloudOS-or-Web-Desktop-is-the-interface-y_1766285467506.txt b/attached_assets/Pasted-Yes-exactly-A-CloudOS-or-Web-Desktop-is-the-interface-y_1766285467506.txt new file mode 100644 index 0000000..c1f1af4 --- /dev/null +++ b/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. \ No newline at end of file diff --git a/client/src/App.tsx b/client/src/App.tsx index 93f6ed4..0757de1 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -32,7 +32,8 @@ import { Chatbot } from "@/components/Chatbot"; function Router() { return ( - + + diff --git a/client/src/pages/os.tsx b/client/src/pages/os.tsx index fcdd2ce..df8f5e2 100644 --- a/client/src/pages/os.tsx +++ b/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 = { foundation: { @@ -356,29 +356,33 @@ export default function AeThexOS() { }, [windows]); const foundationApps: DesktopApp[] = [ + { id: "networkneighborhood", title: "Network Neighborhood", icon: , component: "networkneighborhood", defaultWidth: 500, defaultHeight: 450 }, + { id: "mission", title: "Mission.txt", icon: , component: "mission", defaultWidth: 500, defaultHeight: 500 }, + { id: "foundry", title: "The Foundry", icon: , component: "foundry", defaultWidth: 450, defaultHeight: 500 }, + { id: "devtools", title: "Dev Tools", icon: , component: "devtools", defaultWidth: 450, defaultHeight: 400 }, + { id: "metrics", title: "System Status", icon: , component: "metrics", defaultWidth: 750, defaultHeight: 550 }, + { id: "passport", title: "My Computer", icon: , component: "passport", defaultWidth: 500, defaultHeight: 600 }, { id: "terminal", title: "Terminal", icon: , component: "terminal", defaultWidth: 750, defaultHeight: 500 }, { id: "codeeditor", title: "The Lab", icon: , component: "codeeditor", defaultWidth: 700, defaultHeight: 500 }, { id: "music", title: "Radio AeThex", icon: , component: "music", defaultWidth: 400, defaultHeight: 350 }, - { id: "notes", title: "Manifesto", icon: , component: "notes", defaultWidth: 400, defaultHeight: 450 }, - { id: "achievements", title: "Bounty Board", icon: , component: "achievements", defaultWidth: 600, defaultHeight: 500 }, - { id: "passport", title: "Passport", icon: , component: "passport", defaultWidth: 500, defaultHeight: 600 }, - { id: "files", title: "Projects", icon: , component: "files", defaultWidth: 700, defaultHeight: 500 }, { id: "arcade", title: "Arcade", icon: , component: "arcade", defaultWidth: 420, defaultHeight: 520 }, - { id: "profiles", title: "Architects", icon: , component: "profiles", defaultWidth: 650, defaultHeight: 550 }, { id: "chat", title: "Comms", icon: , component: "chat", defaultWidth: 400, defaultHeight: 500 }, { id: "calculator", title: "Calculator", icon: , component: "calculator", defaultWidth: 320, defaultHeight: 450 }, { id: "settings", title: "Settings", icon: , component: "settings", defaultWidth: 550, defaultHeight: 500 }, ]; const corpApps: DesktopApp[] = [ + { id: "networkneighborhood", title: "Network Neighborhood", icon: , component: "networkneighborhood", defaultWidth: 500, defaultHeight: 450 }, + { id: "mission", title: "Mission.txt", icon: , component: "mission", defaultWidth: 500, defaultHeight: 500 }, + { id: "foundry", title: "The Foundry", icon: , component: "foundry", defaultWidth: 450, defaultHeight: 500 }, + { id: "devtools", title: "Dev Tools", icon: , component: "devtools", defaultWidth: 450, defaultHeight: 400 }, + { id: "metrics", title: "System Status", icon: , component: "metrics", defaultWidth: 750, defaultHeight: 550 }, + { id: "passport", title: "My Computer", icon: , component: "passport", defaultWidth: 500, defaultHeight: 600 }, { id: "network", title: "Global Ops", icon: , component: "network", defaultWidth: 700, defaultHeight: 550 }, - { id: "metrics", title: "The Ledger", icon: , component: "metrics", defaultWidth: 750, defaultHeight: 550 }, { id: "files", title: "Asset Library", icon: , component: "files", defaultWidth: 700, defaultHeight: 500 }, { id: "pitch", title: "Contracts", icon: , component: "pitch", defaultWidth: 500, defaultHeight: 400 }, - { id: "profiles", title: "Personnel", icon: , component: "profiles", defaultWidth: 650, defaultHeight: 550 }, { id: "sysmonitor", title: "Infrastructure", icon: , component: "sysmonitor", defaultWidth: 450, defaultHeight: 400 }, { id: "leaderboard", title: "Performance", icon: , component: "leaderboard", defaultWidth: 500, defaultHeight: 550 }, - { id: "newsfeed", title: "Intel Feed", icon: , component: "newsfeed", defaultWidth: 450, defaultHeight: 550 }, { id: "calculator", title: "Calculator", icon: , component: "calculator", defaultWidth: 320, defaultHeight: 450 }, { id: "settings", title: "Settings", icon: , component: "settings", defaultWidth: 550, defaultHeight: 500 }, ]; @@ -584,6 +588,10 @@ export default function AeThexOS() { case 'chat': return ; case 'music': return ; case 'pitch': return setLocation('/pitch')} />; + case 'networkneighborhood': return ; + case 'foundry': return ; + case 'devtools': return ; + case 'mission': return ; case 'settings': return + +
+ +
+ AeThex OS v1.0.0 +
+
)} @@ -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 ( +
+
+ + Network Neighborhood +
+
+ +
+
+ ); + } + + return ( +
+
+ + Network Neighborhood + {founders.length} nodes online +
+
+ {founders.map((architect: any, idx: number) => ( + +
+ [{String(idx + 1).padStart(3, '0')}] +
+ {architect.name} + β€” {architect.role} +
+
+
+ Lv.{architect.level || 1} +
+
+ + ))} + {reservedSlots.map((slot: any, idx: number) => ( +
+
+ [{String(founders.length + idx + 1).padStart(3, '0')}] + {slot.name} +
+ + Join + +
+ ))} +
+
+ AETHEX.NETWORK // PUBLIC DIRECTORY +
+
+ ); +} + +function FoundryApp() { + return ( +
+
+ + The Foundry +
+
+
+ +
+

The Foundry

+

+ Train to become a certified Metaverse Architect. Learn the protocols. Join the network. +

+
+
8-week intensive curriculum
+
AeThex Passport certification
+
Join the architect network
+
+ + Apply Now + +
+
+ ); +} + +function DevToolsApp() { + const tools = [ + { name: "Documentation", desc: "API reference & guides", url: "https://aethex.dev", icon: }, + { name: "GitHub", desc: "Open source repositories", url: "https://github.com/aethex", icon: }, + { name: "Status Page", desc: "System uptime & health", url: "#", icon: }, + ]; + + return ( +
+
+ + Dev Tools +
+
+ {tools.map((tool, idx) => ( + +
+ {tool.icon} +
+
+
{tool.name}
+
{tool.desc}
+
+ + + ))} +
+
+ ); +} + +function MissionApp() { + return ( +
+
+ + Mission.txt +
+
+ 
+{`// 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`}
+
+
+
+ ); +} + function LeaderboardApp() { const { data: architects, isLoading } = useQuery({ queryKey: ['os-leaderboard'], diff --git a/replit.md b/replit.md index 36256f1..d471475 100644 --- a/replit.md +++ b/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/`: diff --git a/server/routes.ts b/server/routes.ts index 8c3d940..3978455 100644 --- a/server/routes.ts +++ b/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) {