Configure cloud database and production pages

.env

@@ -3,4 +3,4 @@
 
 BOT_TOKEN=MTQ3ODk0NjQ3MTg0NzEzMzIwNA.G1l1at.LRhMHhegwR6wIOAPx2bcrtUwP2Y7jY9GtH5z6I
 OWNER_ID=1428525831898005575
-GUILD_ID=1478938887714902016
+GUILD_ID=1483135435696898170

WSW/.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

WSW/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

WSW/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

WSW/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;

WSW/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "wsw-temp",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@supabase/supabase-js": "^2.99.2",
+    "better-sqlite3": "^12.8.0",
+    "framer-motion": "^12.37.0",
+    "next": "16.1.6",
+    "next-auth": "^4.24.13",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/better-sqlite3": "^7.6.13",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.6",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

WSW/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

WSW/src/app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,28 @@
+import NextAuth, { AuthOptions } from "next-auth";
+import DiscordProvider from "next-auth/providers/discord";
+
+export const authOptions: AuthOptions = {
+  providers: [
+    DiscordProvider({
+      clientId: process.env.DISCORD_CLIENT_ID as string,
+      clientSecret: process.env.DISCORD_CLIENT_SECRET as string,
+    }),
+  ],
+  callbacks: {
+    async session({ session, token }) {
+      if (session?.user) {
+        // Expose the user's Discord ID to the session
+        (session.user as any).id = token.sub;
+      }
+      return session;
+    },
+  },
+  pages: {
+    signIn: '/vip', // Redirect custom sign in if needed
+  },
+  debug: true,
+};
+
+const handler = NextAuth(authOptions);
+
+export { handler as GET, handler as POST };

WSW/src/app/api/webhook/sellapp/route.ts

@@ -0,0 +1,89 @@
+import { NextResponse } from 'next/server';
+import { supabase } from '@/lib/db';
+import crypto from 'crypto';
+
+// The webhook secret from your Sell.app developer dashboard
+const SELLAPP_SECRET = process.env.SELLAPP_WEBHOOK_SECRET || 'dummy_secret';
+
+export async function POST(request: Request) {
+  try {
+    const rawBody = await request.text();
+    const headersList = request.headers;
+    
+    // Sell.app uses the standard 'x-sellapp-signature' header.
+    const signature = headersList.get('x-sellapp-signature');
+
+    if (!signature) {
+      return NextResponse.json({ error: 'Missing signature' }, { status: 401 });
+    }
+
+    // Verify Sell.app Signature
+    const hmac = crypto.createHmac('sha256', SELLAPP_SECRET);
+    hmac.update(rawBody);
+    const calculatedSignature = hmac.digest('hex');
+
+    if (signature !== calculatedSignature && process.env.NODE_ENV === 'production') {
+       return NextResponse.json({ error: 'Invalid signature' }, { status: 403 });
+    }
+
+    const data = JSON.parse(rawBody);
+    
+    // Safety check: is it an order completion? 
+    if (data.event !== 'order:paid' && data.event !== 'order:completed') {
+        return NextResponse.json({ received: true });
+    }
+
+    const order = data.data;
+    const additionalInfo = order.additional_information || [];
+    
+    // We search through the additional_information array for the "discord_id" custom field.
+    const discordField = additionalInfo.find((field: any) => field.name?.toLowerCase() === 'discord_id');
+    const discordId = discordField ? discordField.value : null;
+
+    if (!discordId) {
+        console.error("Webhook Error: Discord ID was not provided in custom fields.");
+        return NextResponse.json({ error: 'Missing Discord ID' }, { status: 400 });
+    }
+
+    // Sell.app typically returns total in major units (e.g., 25.00 instead of 2500)
+    const price = parseFloat(order.total_amount || order.total);
+    let expiresAt: string | null = null;
+    const now = new Date();
+
+    if (price === 3) {
+        now.setDate(now.getDate() + 7);
+        expiresAt = now.toISOString();
+    } else if (price === 7) {
+        now.setDate(now.getDate() + 30);
+        expiresAt = now.toISOString();
+    } else if (price === 15) {
+        now.setFullYear(now.getFullYear() + 1);
+        expiresAt = now.toISOString();
+    } else if (price === 25) {
+        expiresAt = null;
+    } else {
+        console.warn(`Unrecognized price tier: $${price}. Applying lifetime by default.`);
+        expiresAt = null; 
+    }
+
+    // Save to database using Supabase
+    const { error: upsertError } = await supabase
+      .from('vip_users')
+      .upsert({ 
+        discord_id: discordId, 
+        expires_at: expiresAt,
+        purchased_at: new Date().toISOString()
+      }, {
+        onConflict: 'discord_id'
+      });
+
+    if (upsertError) throw upsertError;
+
+    console.log(`[SELLAPP WEBHOOK] Successfully unlocked VIP for Discord ID: ${discordId}`);
+    return NextResponse.json({ success: true });
+
+  } catch (error) {
+    console.error('Webhook processing failed:', error);
+    return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
+  }
+}

WSW/src/app/cracks/page.tsx

@@ -0,0 +1,115 @@
+import Link from 'next/link';
+import { getWebDropsByCategory, checkVipStatus } from '@/lib/db';
+import FadeIn from '@/components/FadeIn';
+import AnimatedRow from '@/components/AnimatedRow';
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+
+export default async function Cracks() {
+  const drops = await getWebDropsByCategory('cracks');
+  const session = await getServerSession(authOptions);
+  const discordId = session?.user ? (session.user as any).id : null;
+  const isVip = discordId ? await checkVipStatus(discordId) : false;
+
+  return (
+    <main className="min-h-[100dvh] bg-transparent text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col overflow-hidden">
+      
+      {/* Structural Brutalist Header */}
+      <header className="flex flex-col md:flex-row justify-between items-start md:items-end mb-8 md:mb-12 border-b-2 border-white pb-6 gap-6 md:gap-0">
+        <div>
+          <h1 className="text-4xl md:text-6xl font-black tracking-tighter uppercase mb-2">
+            Cracks
+          </h1>
+          <p className="font-mono text-xs md:text-sm tracking-widest text-zinc-400 uppercase">
+            [ DIRECTORY . 002 ]
+          </p>
+        </div>
+        
+        <div className="text-left md:text-right">
+          <p className="font-mono text-[10px] md:text-xs tracking-[0.3em] text-white">
+            WYVERN SOFTWORKS <span className="text-zinc-600">© 2026</span>
+          </p>
+          <p className="font-mono text-[10px] tracking-widest text-zinc-500 mt-1">
+            TOTAL INDEXED: {drops.length}
+          </p>
+        </div>
+      </header>
+
+      <div className="flex flex-col md:flex-row gap-8 flex-1 min-h-0">
+        
+        {/* Module Sidebar */}
+        <nav className="w-full md:w-48 lg:w-64 flex-shrink-0 border-b md:border-b-0 md:border-r border-zinc-900 pr-0 md:pr-8 pb-8 md:pb-0 flex flex-row md:flex-col gap-4 overflow-x-auto md:overflow-visible">
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap hidden md:block mb-8">
+            ← Back Base
+          </Link>
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap block md:hidden">
+            [ BACK ]
+          </Link>
+
+          {[
+            { id: 'sources', label: 'Sources', active: false },
+            { id: 'cracks', label: 'Cracks', active: true },
+            { id: 'scripts', label: 'Scripts', active: false },
+            { id: 'tools', label: 'Tools', active: false },
+          ].map((mod) => (
+            <Link 
+              key={mod.id} 
+              href={`/${mod.id}`}
+              className={`font-mono text-xs tracking-widest uppercase py-2 flex items-center gap-3 whitespace-nowrap group ${
+                mod.active ? 'text-white' : 'text-zinc-500 hover:text-zinc-300'
+              }`}
+            >
+              <span className={`w-1.5 h-1.5 rounded-full transition-all ${
+                mod.active ? 'bg-white shadow-[0_0_10px_rgba(255,255,255,0.8)]' : 'bg-transparent border border-zinc-700 group-hover:border-zinc-500'
+              }`} />
+              {mod.label}
+            </Link>
+          ))}
+          
+          <div className="mt-0 md:mt-12 flex items-center md:items-start ml-4 md:ml-0">
+            <Link href="/vip" className="font-mono text-[10px] tracking-[0.2em] px-4 py-2 border border-zinc-800 text-zinc-400 hover:text-black hover:bg-white transition-all uppercase whitespace-nowrap">
+              Unlock VIP
+            </Link>
+          </div>
+        </nav>
+
+        {/* Main Content Area */}
+        <div className="flex-1 border border-zinc-800 bg-zinc-950/50 flex flex-col min-h-[500px] md:min-h-0 relative overflow-hidden backdrop-blur-sm">
+          <FadeIn>
+          {/* Top Edge Decoration Removed */}
+
+          {/* Ledger Table Header (Desktop) */}
+          <div className="hidden md:grid grid-cols-12 gap-4 px-8 py-4 border-b border-zinc-800 font-mono text-[9px] tracking-[0.2em] text-zinc-500 uppercase bg-zinc-900/20">
+            <div className="col-span-2">Date</div>
+            <div className="col-span-1">ID</div>
+            <div className="col-span-4">Identifier</div>
+            <div className="col-span-2">Availability</div>
+            <div className="col-span-2">Status</div>
+            <div className="col-span-1 text-right">Action</div>
+          </div>
+
+          {/* Ledger Content */}
+          <div className="flex-1 overflow-y-auto w-full">
+            {drops.length === 0 ? (
+              <div className="flex-1 overflow-y-auto flex items-center justify-center p-8 h-full">
+                <div className="font-mono text-[10px] tracking-[0.2em] text-zinc-600 uppercase text-center border border-zinc-800 border-dashed p-8 w-full max-w-sm">
+                  [ DIRECTORY EMPTY ]
+                </div>
+              </div>
+            ) : (
+              drops.map((drop, i) => (
+                <AnimatedRow key={drop.id} drop={drop} index={i} prefix="CRK" isVip={isVip} />
+              ))
+            )}
+          </div>
+          </FadeIn>
+        </div>
+      </div>
+
+      <footer className="mt-8 pt-6 border-t border-zinc-900 flex justify-start items-center text-[9px] font-mono tracking-[0.2em] text-zinc-600 uppercase">
+        <p>A Project by APRK</p>
+      </footer>
+
+    </main>
+  );
+}

WSW/src/app/globals.css

@@ -0,0 +1,40 @@
+@import "tailwindcss";
+
+:root {
+  --background: #000000;
+  --foreground: #ffffff;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+}
+
+/* Base Grain Animation */
+@keyframes noise {
+  0%, 100% { transform: translate(0, 0); }
+  10% { transform: translate(-5%, -5%); }
+  20% { transform: translate(-10%, 5%); }
+  30% { transform: translate(5%, -10%); }
+  40% { transform: translate(-5%, 15%); }
+  50% { transform: translate(-10%, 5%); }
+  60% { transform: translate(15%, 0); }
+  70% { transform: translate(0, 10%); }
+  80% { transform: translate(-15%, 0); }
+  90% { transform: translate(10%, 5%); }
+}
+
+.bg-noise {
+  position: fixed;
+  top: -50%;
+  left: -50%;
+  right: -50%;
+  bottom: -50%;
+  width: 200%;
+  height: 200vh;
+  background: transparent url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');
+  opacity: 0.05;
+  pointer-events: none;
+  animation: noise 8s steps(10) infinite;
+  z-index: 50;
+}

WSW/src/app/layout.tsx

@@ -0,0 +1,35 @@
+import type { Metadata } from 'next';
+import { Inter, JetBrains_Mono } from 'next/font/google';
+import './globals.css';
+
+const inter = Inter({
+  variable: '--font-inter',
+  subsets: ['latin'],
+});
+
+const jetMono = JetBrains_Mono({
+  variable: '--font-jet-mono',
+  subsets: ['latin'],
+});
+
+export const metadata: Metadata = {
+  title: 'Wyvern Softworks',
+  description: 'Unlocking Digital Potential. Premium scripts, cracks, and tools.',
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${inter.variable} ${jetMono.variable} antialiased bg-black text-white min-h-screen selection:bg-cyan-500/30 selection:text-cyan-50 font-sans`}
+      >
+        <div className="bg-noise"></div>
+        {children}
+      </body>
+    </html>
+  );
+}

WSW/src/app/page.tsx

@@ -0,0 +1,74 @@
+import Link from 'next/link';
+
+export default function Home() {
+  return (
+    <main className="min-h-[100dvh] bg-black text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col overflow-hidden">
+      
+
+
+      {/* Strict Architectural Grid Container */}
+      <div className="flex-1 w-full grid grid-cols-1 lg:grid-cols-12 gap-px bg-zinc-800 border border-zinc-800 rounded-sm overflow-hidden relative shadow-2xl">
+        
+        {/* Left Side: Massive Branding (8 columns) */}
+        <div className="lg:col-span-8 lg:col-start-1 bg-black p-6 sm:p-8 md:p-12 lg:p-16 flex flex-col justify-between relative group min-h-[50vh] lg:min-h-0">
+          
+          <div className="flex-1 flex flex-col justify-center max-w-full overflow-hidden">
+            {/* Fluid Typography using clamp and vw to perfectly fit without wrapping/overflowing */}
+            <h1 className="font-bold tracking-tighter leading-[0.85] uppercase text-white w-full">
+              <span className="block text-[15vw] lg:text-[7vw] xl:text-[8vw] 2xl:text-[9rem]">Wyvern</span>
+              <span className="block text-[15vw] lg:text-[7vw] xl:text-[8vw] 2xl:text-[9rem] text-zinc-600">Softworks</span>
+            </h1>
+            
+            <p className="font-mono text-[10px] sm:text-xs md:text-sm text-zinc-400 max-w-xl mt-8 md:mt-12 lg:mt-16 leading-relaxed tracking-wide">
+              Premium software drops, zero-day scripts, and enterprise cracks. Architected with industrial precision and void of unnecessary aesthetics. Access requires clearance.
+            </p>
+          </div>
+
+          <div className="font-mono text-[9px] sm:text-[10px] text-zinc-600 tracking-widest mt-8">
+            A PROJECT BY APRK // EST. 2026
+          </div>
+        </div>
+
+        {/* Right Side: Navigation Grid (4 columns) */}
+        <div className="lg:col-span-4 bg-black flex flex-col lg:h-full lg:overflow-y-auto">
+          
+          <div className="p-4 sm:p-6 md:p-8 border-b border-zinc-800 shrink-0 bg-black sticky top-0 z-10 hidden lg:block">
+            <h2 className="font-mono text-[9px] sm:text-[10px] tracking-[0.3em] text-zinc-500 uppercase">
+              System Modules
+            </h2>
+          </div>
+
+          <div className="flex-1 flex flex-col justify-center lg:justify-start">
+            <Link href="/sources" className="flex-1 sm:min-h-[80px] p-4 sm:p-6 md:p-8 border-b border-zinc-800 flex items-center justify-between group hover:bg-white hover:text-black transition-colors duration-300">
+              <span className="font-mono text-[10px] sm:text-xs md:text-sm tracking-widest uppercase">Sources</span>
+              <span className="font-sans text-zinc-500 group-hover:text-black transition-colors">↗</span>
+            </Link>
+            
+            <Link href="/cracks" className="flex-1 sm:min-h-[80px] p-4 sm:p-6 md:p-8 border-b border-zinc-800 flex items-center justify-between group hover:bg-white hover:text-black transition-colors duration-300">
+              <span className="font-mono text-[10px] sm:text-xs md:text-sm tracking-widest uppercase">Cracks</span>
+              <span className="font-sans text-zinc-500 group-hover:text-black transition-colors">↗</span>
+            </Link>
+
+            <Link href="/scripts" className="flex-1 sm:min-h-[80px] p-4 sm:p-6 md:p-8 border-b border-zinc-800 flex items-center justify-between group hover:bg-white hover:text-black transition-colors duration-300">
+              <span className="font-mono text-[10px] sm:text-xs md:text-sm tracking-widest uppercase">Scripts</span>
+              <span className="font-sans text-zinc-500 group-hover:text-black transition-colors">↗</span>
+            </Link>
+
+            <Link href="/tools" className="flex-1 sm:min-h-[80px] p-4 sm:p-6 md:p-8 lg:border-b border-zinc-800 flex items-center justify-between group hover:bg-white hover:text-black transition-colors duration-300">
+              <span className="font-mono text-[10px] sm:text-xs md:text-sm tracking-widest uppercase">Tools</span>
+              <span className="font-sans text-zinc-500 group-hover:text-black transition-colors">↗</span>
+            </Link>
+
+            <Link href="/vip" className="flex-1 sm:min-h-[80px] p-4 sm:p-6 md:p-8 bg-zinc-900 flex items-center justify-between group hover:bg-white hover:text-black transition-colors duration-300">
+              <span className="font-mono text-[10px] sm:text-xs md:text-sm tracking-widest uppercase text-white group-hover:text-black">VIP Access</span>
+              <span className="font-sans text-white group-hover:text-black">↗</span>
+            </Link>
+          </div>
+
+        </div>
+
+      </div>
+
+    </main>
+  );
+}

WSW/src/app/scripts/page.tsx

@@ -0,0 +1,115 @@
+import Link from 'next/link';
+import { getWebDropsByCategory, checkVipStatus } from '@/lib/db';
+import FadeIn from '@/components/FadeIn';
+import AnimatedRow from '@/components/AnimatedRow';
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+
+export default async function Scripts() {
+  const drops = await getWebDropsByCategory('scripts');
+  const session = await getServerSession(authOptions);
+  const discordId = session?.user ? (session.user as any).id : null;
+  const isVip = discordId ? await checkVipStatus(discordId) : false;
+
+  return (
+    <main className="min-h-[100dvh] bg-transparent text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col overflow-hidden">
+      
+      {/* Structural Brutalist Header */}
+      <header className="flex flex-col md:flex-row justify-between items-start md:items-end mb-8 md:mb-12 border-b-2 border-white pb-6 gap-6 md:gap-0">
+        <div>
+          <h1 className="text-4xl md:text-6xl font-black tracking-tighter uppercase mb-2">
+            Scripts
+          </h1>
+          <p className="font-mono text-xs md:text-sm tracking-widest text-zinc-400 uppercase">
+            [ DIRECTORY . 003 ]
+          </p>
+        </div>
+        
+        <div className="text-left md:text-right">
+          <p className="font-mono text-[10px] md:text-xs tracking-[0.3em] text-white">
+            WYVERN SOFTWORKS <span className="text-zinc-600">© 2026</span>
+          </p>
+          <p className="font-mono text-[10px] tracking-widest text-zinc-500 mt-1">
+            TOTAL INDEXED: {drops.length}
+          </p>
+        </div>
+      </header>
+
+      <div className="flex flex-col md:flex-row gap-8 flex-1 min-h-0">
+        
+        {/* Module Sidebar */}
+        <nav className="w-full md:w-48 lg:w-64 flex-shrink-0 border-b md:border-b-0 md:border-r border-zinc-900 pr-0 md:pr-8 pb-8 md:pb-0 flex flex-row md:flex-col gap-4 overflow-x-auto md:overflow-visible">
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap hidden md:block mb-8">
+            ← Back Base
+          </Link>
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap block md:hidden">
+            [ BACK ]
+          </Link>
+
+          {[
+            { id: 'sources', label: 'Sources', active: false },
+            { id: 'cracks', label: 'Cracks', active: false },
+            { id: 'scripts', label: 'Scripts', active: true },
+            { id: 'tools', label: 'Tools', active: false },
+          ].map((mod) => (
+            <Link 
+              key={mod.id} 
+              href={`/${mod.id}`}
+              className={`font-mono text-xs tracking-widest uppercase py-2 flex items-center gap-3 whitespace-nowrap group ${
+                mod.active ? 'text-white' : 'text-zinc-500 hover:text-zinc-300'
+              }`}
+            >
+              <span className={`w-1.5 h-1.5 rounded-full transition-all ${
+                mod.active ? 'bg-white shadow-[0_0_10px_rgba(255,255,255,0.8)]' : 'bg-transparent border border-zinc-700 group-hover:border-zinc-500'
+              }`} />
+              {mod.label}
+            </Link>
+          ))}
+          
+          <div className="mt-0 md:mt-12 flex items-center md:items-start ml-4 md:ml-0">
+            <Link href="/vip" className="font-mono text-[10px] tracking-[0.2em] px-4 py-2 border border-zinc-800 text-zinc-400 hover:text-black hover:bg-white transition-all uppercase whitespace-nowrap">
+              Unlock VIP
+            </Link>
+          </div>
+        </nav>
+
+        {/* Main Content Area */}
+        <div className="flex-1 border border-zinc-800 bg-zinc-950/50 flex flex-col min-h-[500px] md:min-h-0 relative overflow-hidden backdrop-blur-sm">
+          <FadeIn>
+          {/* Top Edge Decoration Removed */}
+
+          {/* Ledger Table Header (Desktop) */}
+          <div className="hidden md:grid grid-cols-12 gap-4 px-8 py-4 border-b border-zinc-800 font-mono text-[9px] tracking-[0.2em] text-zinc-500 uppercase bg-zinc-900/20">
+            <div className="col-span-2">Date</div>
+            <div className="col-span-1">ID</div>
+            <div className="col-span-4">Identifier</div>
+            <div className="col-span-2">Availability</div>
+            <div className="col-span-2">Status</div>
+            <div className="col-span-1 text-right">Action</div>
+          </div>
+
+          {/* Ledger Content */}
+          <div className="flex-1 overflow-y-auto w-full">
+            {drops.length === 0 ? (
+              <div className="flex-1 overflow-y-auto flex items-center justify-center p-8 h-full">
+                <div className="font-mono text-[10px] tracking-[0.2em] text-zinc-600 uppercase text-center border border-zinc-800 border-dashed p-8 w-full max-w-sm">
+                  [ DIRECTORY EMPTY ]
+                </div>
+              </div>
+            ) : (
+              drops.map((drop, i) => (
+                <AnimatedRow key={drop.id} drop={drop} index={i} prefix="SCR" isVip={isVip} />
+              ))
+            )}
+          </div>
+          </FadeIn>
+        </div>
+      </div>
+
+      <footer className="mt-8 pt-6 border-t border-zinc-900 flex justify-start items-center text-[9px] font-mono tracking-[0.2em] text-zinc-600 uppercase">
+        <p>A Project by APRK</p>
+      </footer>
+
+    </main>
+  );
+}

WSW/src/app/sources/page.tsx

@@ -0,0 +1,115 @@
+import Link from 'next/link';
+import { getWebDropsByCategory, checkVipStatus } from '@/lib/db';
+import FadeIn from '@/components/FadeIn';
+import AnimatedRow from '@/components/AnimatedRow';
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+
+export default async function Sources() {
+  const drops = await getWebDropsByCategory('sources');
+  const session = await getServerSession(authOptions);
+  const discordId = session?.user ? (session.user as any).id : null;
+  const isVip = discordId ? await checkVipStatus(discordId) : false;
+
+  return (
+    <main className="min-h-[100dvh] bg-transparent text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col overflow-hidden">
+      
+      {/* Structural Brutalist Header */}
+      <header className="flex flex-col md:flex-row justify-between items-start md:items-end mb-8 md:mb-12 border-b-2 border-white pb-6 gap-6 md:gap-0">
+        <div>
+          <h1 className="text-4xl md:text-6xl font-black tracking-tighter uppercase mb-2">
+            Sources
+          </h1>
+          <p className="font-mono text-xs md:text-sm tracking-widest text-zinc-400 uppercase">
+            [ DIRECTORY . 001 ]
+          </p>
+        </div>
+        
+        <div className="text-left md:text-right">
+          <p className="font-mono text-[10px] md:text-xs tracking-[0.3em] text-white">
+            WYVERN SOFTWORKS <span className="text-zinc-600">© 2026</span>
+          </p>
+          <p className="font-mono text-[10px] tracking-widest text-zinc-500 mt-1">
+            TOTAL INDEXED: {drops.length}
+          </p>
+        </div>
+      </header>
+
+      <div className="flex flex-col md:flex-row gap-8 flex-1 min-h-0">
+        
+        {/* Module Sidebar */}
+        <nav className="w-full md:w-48 lg:w-64 flex-shrink-0 border-b md:border-b-0 md:border-r border-zinc-900 pr-0 md:pr-8 pb-8 md:pb-0 flex flex-row md:flex-col gap-4 overflow-x-auto md:overflow-visible">
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap hidden md:block mb-8">
+            ← Back Base
+          </Link>
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap block md:hidden">
+            [ BACK ]
+          </Link>
+
+          {[
+            { id: 'sources', label: 'Sources', active: true },
+            { id: 'cracks', label: 'Cracks', active: false },
+            { id: 'scripts', label: 'Scripts', active: false },
+            { id: 'tools', label: 'Tools', active: false },
+          ].map((mod) => (
+            <Link 
+              key={mod.id} 
+              href={`/${mod.id}`}
+              className={`font-mono text-xs tracking-widest uppercase py-2 flex items-center gap-3 whitespace-nowrap group ${
+                mod.active ? 'text-white' : 'text-zinc-500 hover:text-zinc-300'
+              }`}
+            >
+              <span className={`w-1.5 h-1.5 rounded-full transition-all ${
+                mod.active ? 'bg-white shadow-[0_0_10px_rgba(255,255,255,0.8)]' : 'bg-transparent border border-zinc-700 group-hover:border-zinc-500'
+              }`} />
+              {mod.label}
+            </Link>
+          ))}
+          
+          <div className="mt-0 md:mt-12 flex items-center md:items-start ml-4 md:ml-0">
+            <Link href="/vip" className="font-mono text-[10px] tracking-[0.2em] px-4 py-2 border border-zinc-800 text-zinc-400 hover:text-black hover:bg-white transition-all uppercase whitespace-nowrap">
+              Unlock VIP
+            </Link>
+          </div>
+        </nav>
+
+        {/* Main Content Area */}
+        <div className="flex-1 border border-zinc-800 bg-zinc-950/50 flex flex-col min-h-[500px] md:min-h-0 relative overflow-hidden backdrop-blur-sm">
+          <FadeIn>
+          {/* Top Edge Decoration Removed */}
+
+          {/* Ledger Table Header (Desktop) */}
+          <div className="hidden md:grid grid-cols-12 gap-4 px-8 py-4 border-b border-zinc-800 font-mono text-[9px] tracking-[0.2em] text-zinc-500 uppercase bg-zinc-900/20">
+            <div className="col-span-2">Date</div>
+            <div className="col-span-1">ID</div>
+            <div className="col-span-4">Identifier</div>
+            <div className="col-span-2">Availability</div>
+            <div className="col-span-2">Status</div>
+            <div className="col-span-1 text-right">Action</div>
+          </div>
+
+          {/* Ledger Content */}
+          <div className="flex-1 overflow-y-auto w-full">
+            {drops.length === 0 ? (
+              <div className="flex-1 overflow-y-auto flex items-center justify-center p-8 h-full">
+                <div className="font-mono text-[10px] tracking-[0.2em] text-zinc-600 uppercase text-center border border-zinc-800 border-dashed p-8 w-full max-w-sm">
+                  [ DIRECTORY EMPTY ]
+                </div>
+              </div>
+            ) : (
+              drops.map((drop, i) => (
+                <AnimatedRow key={drop.id} drop={drop} index={i} prefix="SRC" isVip={isVip} />
+              ))
+            )}
+          </div>
+          </FadeIn>
+        </div>
+      </div>
+
+      <footer className="mt-8 pt-6 border-t border-zinc-900 flex justify-start items-center text-[9px] font-mono tracking-[0.2em] text-zinc-600 uppercase">
+        <p>A Project by APRK</p>
+      </footer>
+
+    </main>
+  );
+}

WSW/src/app/tools/page.tsx

@@ -0,0 +1,115 @@
+import Link from 'next/link';
+import { getWebDropsByCategory, checkVipStatus } from '@/lib/db';
+import FadeIn from '@/components/FadeIn';
+import AnimatedRow from '@/components/AnimatedRow';
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+
+export default async function Tools() {
+  const drops = await getWebDropsByCategory('tools');
+  const session = await getServerSession(authOptions);
+  const discordId = session?.user ? (session.user as any).id : null;
+  const isVip = discordId ? await checkVipStatus(discordId) : false;
+
+  return (
+    <main className="min-h-[100dvh] bg-transparent text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col overflow-hidden">
+      
+      {/* Structural Brutalist Header */}
+      <header className="flex flex-col md:flex-row justify-between items-start md:items-end mb-8 md:mb-12 border-b-2 border-white pb-6 gap-6 md:gap-0">
+        <div>
+          <h1 className="text-4xl md:text-6xl font-black tracking-tighter uppercase mb-2">
+            Tools
+          </h1>
+          <p className="font-mono text-xs md:text-sm tracking-widest text-zinc-400 uppercase">
+            [ DIRECTORY . 004 ]
+          </p>
+        </div>
+        
+        <div className="text-left md:text-right">
+          <p className="font-mono text-[10px] md:text-xs tracking-[0.3em] text-white">
+            WYVERN SOFTWORKS <span className="text-zinc-600">© 2026</span>
+          </p>
+          <p className="font-mono text-[10px] tracking-widest text-zinc-500 mt-1">
+            TOTAL INDEXED: {drops.length}
+          </p>
+        </div>
+      </header>
+
+      <div className="flex flex-col md:flex-row gap-8 flex-1 min-h-0">
+        
+        {/* Module Sidebar */}
+        <nav className="w-full md:w-48 lg:w-64 flex-shrink-0 border-b md:border-b-0 md:border-r border-zinc-900 pr-0 md:pr-8 pb-8 md:pb-0 flex flex-row md:flex-col gap-4 overflow-x-auto md:overflow-visible">
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap hidden md:block mb-8">
+            ← Back Base
+          </Link>
+          <Link href="/" className="font-mono text-xs tracking-[0.2em] text-zinc-600 hover:text-white transition-colors uppercase whitespace-nowrap block md:hidden">
+            [ BACK ]
+          </Link>
+
+          {[
+            { id: 'sources', label: 'Sources', active: false },
+            { id: 'cracks', label: 'Cracks', active: false },
+            { id: 'scripts', label: 'Scripts', active: false },
+            { id: 'tools', label: 'Tools', active: true },
+          ].map((mod) => (
+            <Link 
+              key={mod.id} 
+              href={`/${mod.id}`}
+              className={`font-mono text-xs tracking-widest uppercase py-2 flex items-center gap-3 whitespace-nowrap group ${
+                mod.active ? 'text-white' : 'text-zinc-500 hover:text-zinc-300'
+              }`}
+            >
+              <span className={`w-1.5 h-1.5 rounded-full transition-all ${
+                mod.active ? 'bg-white shadow-[0_0_10px_rgba(255,255,255,0.8)]' : 'bg-transparent border border-zinc-700 group-hover:border-zinc-500'
+              }`} />
+              {mod.label}
+            </Link>
+          ))}
+          
+          <div className="mt-0 md:mt-12 flex items-center md:items-start ml-4 md:ml-0">
+            <Link href="/vip" className="font-mono text-[10px] tracking-[0.2em] px-4 py-2 border border-zinc-800 text-zinc-400 hover:text-black hover:bg-white transition-all uppercase whitespace-nowrap">
+              Unlock VIP
+            </Link>
+          </div>
+        </nav>
+
+        {/* Main Content Area */}
+        <div className="flex-1 border border-zinc-800 bg-zinc-950/50 flex flex-col min-h-[500px] md:min-h-0 relative overflow-hidden backdrop-blur-sm">
+          <FadeIn>
+          {/* Top Edge Decoration Removed */}
+
+          {/* Ledger Table Header (Desktop) */}
+          <div className="hidden md:grid grid-cols-12 gap-4 px-8 py-4 border-b border-zinc-800 font-mono text-[9px] tracking-[0.2em] text-zinc-500 uppercase bg-zinc-900/20">
+            <div className="col-span-2">Date</div>
+            <div className="col-span-1">ID</div>
+            <div className="col-span-4">Identifier</div>
+            <div className="col-span-2">Availability</div>
+            <div className="col-span-2">Status</div>
+            <div className="col-span-1 text-right">Action</div>
+          </div>
+
+          {/* Ledger Content */}
+          <div className="flex-1 overflow-y-auto w-full">
+            {drops.length === 0 ? (
+              <div className="flex-1 overflow-y-auto flex items-center justify-center p-8 h-full">
+                <div className="font-mono text-[10px] tracking-[0.2em] text-zinc-600 uppercase text-center border border-zinc-800 border-dashed p-8 w-full max-w-sm">
+                  [ DIRECTORY EMPTY ]
+                </div>
+              </div>
+            ) : (
+              drops.map((drop, i) => (
+                <AnimatedRow key={drop.id} drop={drop} index={i} prefix="TOL" isVip={isVip} />
+              ))
+            )}
+          </div>
+          </FadeIn>
+        </div>
+      </div>
+
+      <footer className="mt-8 pt-6 border-t border-zinc-900 flex justify-start items-center text-[9px] font-mono tracking-[0.2em] text-zinc-600 uppercase">
+        <p>A Project by APRK</p>
+      </footer>
+
+    </main>
+  );
+}

WSW/src/app/vip/page.tsx

@@ -0,0 +1,150 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import Link from "next/link";
+import FadeIn from "@/components/FadeIn";
+import DiscordLoginButton from "@/components/DiscordLoginButton";
+import PricingCard from "@/components/PricingCard";
+import { getDb, checkVipStatus } from "@/lib/db";
+
+export default async function VIPPage() {
+  const session = await getServerSession(authOptions);
+  
+  // If not logged in, show login screen
+  if (!session) {
+    return (
+      <FadeIn>
+      <main className="min-h-[100dvh] bg-black text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col justify-center items-center relative overflow-hidden">
+        <div className="bg-noise mix-blend-overlay"></div>
+        
+        <div className="max-w-md w-full border border-zinc-800 bg-zinc-950 p-8 shadow-2xl relative z-10 before:absolute before:inset-0 before:shadow-[inset_0_0_50px_rgba(0,0,0,0.8)] before:pointer-events-none">
+          <div className="absolute top-0 left-0 w-full h-1 pl-1 flex gap-1 z-10">
+            <div className="w-8 h-full bg-white"></div>
+            <div className="w-2 h-full bg-zinc-800"></div>
+          </div>
+          
+          <h1 className="font-mono text-xs tracking-[0.4em] text-zinc-500 uppercase mb-8 text-center">
+            Security Clearance Required
+          </h1>
+          
+          <div className="font-bold tracking-tighter text-4xl uppercase text-white mb-2 text-center">
+            Wyvern VIP
+          </div>
+          
+          <p className="font-mono text-[10px] text-zinc-400 mb-12 text-center tracking-widest leading-relaxed">
+            Authentication via Discord protocol is strictly required to verify clearance level.
+          </p>
+          
+          <DiscordLoginButton />
+          
+          <div className="mt-8 text-center">
+            <Link href="/" className="font-mono text-[9px] tracking-[0.3em] text-zinc-600 hover:text-white transition-colors uppercase border-b border-zinc-800 hover:border-white pb-1">
+              ← Return to Base
+            </Link>
+          </div>
+        </div>
+      </main>
+      </FadeIn>
+    );
+  }
+
+  // Get Discord ID from the session object (we mapped this in authOptions)
+  const discordId = (session.user as any).id;
+  const isVip = await checkVipStatus(discordId);
+
+  return (
+    <FadeIn>
+    <main className="min-h-[100dvh] bg-black text-white selection:bg-white/20 selection:text-white font-sans p-4 md:p-6 lg:p-8 flex flex-col justify-center items-center relative overflow-hidden">
+      <div className="bg-noise mix-blend-overlay"></div>
+      
+      <div className="max-w-2xl w-full border border-zinc-800 bg-zinc-950 p-8 md:p-12 shadow-2xl relative z-10">
+        <div className="absolute top-0 left-0 w-full h-1 pl-1 flex gap-1 z-10">
+          <div className="w-8 h-full bg-white"></div>
+          <div className="w-2 h-full bg-zinc-800"></div>
+        </div>
+        
+        <header className="flex justify-between items-center border-b border-zinc-800 pb-6 mb-8">
+          <div>
+            <h1 className="font-mono text-[10px] tracking-[0.4em] text-zinc-500 uppercase">
+              Identity Confirmed
+            </h1>
+            <div className="font-bold tracking-tighter text-2xl uppercase mt-1">
+              {session.user?.name}
+            </div>
+          </div>
+          <div className="text-right">
+            <div className={`font-mono text-[10px] tracking-[0.3em] uppercase ${isVip ? 'text-white' : 'text-zinc-600'}`}>
+              Clearance: {isVip ? 'VIP / UNRESTRICTED' : 'STANDARD / GUEST'}
+            </div>
+            <Link href="/api/auth/signout" className="font-mono text-[9px] tracking-widest text-zinc-500 hover:text-white border-b border-zinc-800 mt-2 inline-block transition-colors">
+              [ TERMINATE SESSION ]
+            </Link>
+          </div>
+        </header>
+
+        {isVip ? (
+          <div className="border border-white/20 bg-white/5 p-6 mt-8">
+            <h2 className="font-mono text-sm tracking-widest uppercase mb-4 text-white flex items-center gap-3">
+              <span className="w-2 h-2 bg-white rounded-full animate-pulse"></span>
+              VIP Dashboard Access
+            </h2>
+            <p className="font-mono text-[10px] text-zinc-400 tracking-widest leading-relaxed mb-6">
+              Your security clearance is elevated. You now have unrestricted access to all highly classified directory index protocols.
+            </p>
+            <div className="grid grid-cols-2 gap-4">
+              <Link href="/sources" className="p-4 border border-zinc-700 hover:border-white transition-colors text-center font-mono text-[10px] tracking-widest text-white uppercase bg-zinc-900 group">
+                Access <span className="group-hover:text-zinc-400">Sources</span>
+              </Link>
+              <Link href="/cracks" className="p-4 border border-zinc-700 hover:border-white transition-colors text-center font-mono text-[10px] tracking-widest text-white uppercase bg-zinc-900 group">
+                Access <span className="group-hover:text-zinc-400">Cracks</span>
+              </Link>
+            </div>
+          </div>
+        ) : (
+          <div className="mt-8 flex flex-col items-center pt-8 border-t border-zinc-800/50">
+            <div className="text-center mb-8">
+              <div className="font-mono text-xs tracking-[0.3em] text-zinc-500 uppercase mb-2">Access Denied</div>
+              <h2 className="text-2xl font-bold tracking-tighter uppercase mb-4">Elevate Clearance</h2>
+              <p className="font-mono text-[10px] text-zinc-400 tracking-widest max-w-sm mx-auto leading-relaxed">
+                Your current identity lacks the necessary clearance protocols to access VIP-restricted directories. To proceed, a clearance elevation transaction is required via SECURE CRYPTO GATEWAY.
+              </p>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 w-full max-w-4xl mt-4">
+              <PricingCard
+                label="7 Days"
+                price="$3.00"
+                productId={process.env.NEXT_PUBLIC_SELLAPP_WEEKLY_ID || ''}
+                discordId={discordId}
+              />
+              <PricingCard
+                label="30 Days"
+                price="$7.00"
+                productId={process.env.NEXT_PUBLIC_SELLAPP_MONTHLY_ID || ''}
+                discordId={discordId}
+              />
+              <PricingCard
+                label="365 Days"
+                price="$15.00"
+                productId={process.env.NEXT_PUBLIC_SELLAPP_YEARLY_ID || ''}
+                discordId={discordId}
+                badge="Best Value"
+              />
+              <PricingCard
+                label="Unrestricted"
+                price="$25.00"
+                productId={process.env.NEXT_PUBLIC_SELLAPP_LIFETIME_ID || ''}
+                discordId={discordId}
+                highlight
+              />
+            </div>
+
+            <p className="font-mono text-[8px] tracking-widest text-zinc-600 uppercase mt-8 text-center max-w-xs">
+              Automated provisioning via untraceable crypto transaction.<br/>Zero KYC required.
+            </p>
+          </div>
+        )}
+
+      </div>
+    </main>
+    </FadeIn>
+  );
+}

WSW/src/components/AnimatedRow.tsx

@@ -0,0 +1,80 @@
+'use client';
+
+import { motion } from 'framer-motion';
+
+export default function AnimatedRow({
+  drop,
+  index,
+  prefix,
+  isVip = false,
+}: {
+  drop: any;
+  index: number;
+  prefix: string;
+  isVip?: boolean;
+}) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 10 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{
+        duration: 0.4,
+        delay: index * 0.05,
+        ease: [0.22, 1, 0.36, 1],
+      }}
+      className="grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-4 px-6 md:px-8 py-4 sm:py-6 border-b border-zinc-800/50 hover:bg-zinc-900/40 hover:shadow-[inset_0_0_15px_rgba(255,255,255,0.02)] transition-all duration-300 font-mono text-[10px] tracking-widest group items-center relative overflow-hidden"
+    >
+      <div className="col-span-1 border-b border-zinc-800/30 pb-2 mb-2 md:border-none md:pb-0 md:mb-0 md:col-span-3 flex md:contents justify-between text-zinc-500">
+        <div className="md:col-span-2 group-hover:text-zinc-400 transition-colors">
+          {new Date(drop.published_at).toLocaleDateString('en-GB', {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+          })}
+        </div>
+        <div className="md:col-span-1 text-zinc-600 group-hover:text-zinc-500 transition-colors">
+          {prefix}-{drop.id.toString().padStart(3, '0')}
+        </div>
+      </div>
+
+      <div className="col-span-1 md:col-span-4 text-white font-bold truncate tracking-[0.2em] group-hover:drop-shadow-[0_0_8px_rgba(255,255,255,0.3)] transition-all duration-300">
+        {drop.title.toUpperCase()}
+      </div>
+
+      <div className="col-span-1 md:col-span-5 flex md:contents justify-between items-center mt-2 md:mt-0 text-[10px]">
+        <div className="md:col-span-2 text-zinc-400 truncate pr-2 group-hover:text-zinc-300 transition-colors">
+          {drop.file_url ? 'AVAILABLE' : 'N/A'}
+        </div>
+
+        <div
+          className={`md:col-span-2 ${
+            drop.status === 'checked'
+              ? 'text-white group-hover:drop-shadow-[0_0_5px_rgba(255,255,255,0.5)]'
+              : 'text-zinc-400 animate-pulse group-hover:text-zinc-300'
+          } transition-all duration-300`}
+        >
+          [{drop.status === 'checked' ? 'VERIFIED' : 'NOT VERIFIED'}]
+        </div>
+
+        <div className="md:col-span-1 text-right">
+          {drop.file_url && (
+            isVip ? (
+              <a
+                href={drop.file_url}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-white hover:drop-shadow-[0_0_8px_rgba(255,255,255,0.8)] transition-all border-b border-transparent hover:border-white pb-0.5"
+              >
+                DOWNLOAD
+              </a>
+            ) : (
+              <span className="text-zinc-600 cursor-not-allowed">
+                [ VIP ONLY ]
+              </span>
+            )
+          )}
+        </div>
+      </div>
+    </motion.div>
+  );
+}

WSW/src/components/DiscordLoginButton.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import { signIn } from 'next-auth/react';
+
+export default function DiscordLoginButton() {
+  return (
+    <button 
+      onClick={() => signIn('discord')}
+      className="w-full font-mono text-xs tracking-widest bg-white text-black hover:bg-zinc-200 transition-colors py-4 font-bold uppercase flex justify-center items-center gap-3 group"
+    >
+      <span className="w-2 h-2 bg-black rounded-full group-hover:animate-ping"></span>
+      Authenticate via Discord
+    </button>
+  );
+}

WSW/src/components/FadeIn.tsx

@@ -0,0 +1,17 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { ReactNode } from 'react';
+
+export default function FadeIn({ children }: { children: ReactNode }) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 10 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.5, ease: [0.22, 1, 0.36, 1] }}
+      className="flex-1 overflow-hidden flex flex-col w-full h-full"
+    >
+      {children}
+    </motion.div>
+  );
+}

WSW/src/components/PricingCard.tsx

@@ -0,0 +1,44 @@
+'use client';
+
+interface PricingCardProps {
+  label: string;
+  price: string;
+  productId: string;
+  discordId: string;
+  highlight?: boolean;
+  badge?: string;
+}
+
+export default function PricingCard({ label, price, productId, discordId, highlight, badge }: PricingCardProps) {
+  const storeName = process.env.NEXT_PUBLIC_SELLAPP_STORE || 'YOUR_SELLAPP_STORE_NAME';
+  
+  const handlePurchase = () => {
+    // Build the Sell.app direct checkout URL with pre-filled Discord ID
+    const checkoutUrl = `https://${storeName}.sell.app/product/${productId}?customFields[discord_id]=${encodeURIComponent(discordId)}`;
+    window.open(checkoutUrl, '_blank');
+  };
+
+  return (
+    <div className={`border ${highlight ? 'border-zinc-500 hover:border-white' : 'border-zinc-800 hover:border-zinc-600'} ${highlight ? 'bg-zinc-900' : 'bg-zinc-900/50'} p-6 flex flex-col items-center justify-between group transition-colors relative ${badge ? 'mt-4 sm:mt-0' : ''}`}>
+      {badge && (
+        <div className="absolute -top-3 left-1/2 -translate-x-1/2 bg-white text-black font-mono text-[8px] font-bold tracking-widest px-2 py-1 uppercase whitespace-nowrap">
+          {badge}
+        </div>
+      )}
+      <div className={`text-center mb-6 ${badge ? 'mt-2' : ''}`}>
+        <div className={`font-mono text-[9px] tracking-widest ${highlight ? 'text-white' : 'text-zinc-500'} uppercase mb-2`}>{label}</div>
+        <div className="text-xl font-bold font-mono tracking-tighter text-white">{price}</div>
+      </div>
+      <button
+        onClick={handlePurchase}
+        className={`w-full text-center px-4 py-3 font-mono text-[9px] font-bold tracking-widest transition-colors uppercase cursor-pointer ${
+          highlight
+            ? 'bg-white text-black group-hover:bg-zinc-200'
+            : 'bg-zinc-800 text-white group-hover:bg-white group-hover:text-black'
+        }`}
+      >
+        Purchase
+      </button>
+    </div>
+  );
+}

WSW/src/lib/db.ts

@@ -0,0 +1,82 @@
+import { createClient } from '@supabase/supabase-js';
+
+const supabaseUrl = process.env.SUPABASE_URL || '';
+const supabaseKey = process.env.SUPABASE_SERVICE_ROLE_KEY || process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || '';
+
+export const supabase = createClient(supabaseUrl, supabaseKey);
+
+export interface WebDrop {
+  id: number;
+  user_id: string;
+  title: string;
+  description: string;
+  status: string;
+  is_external: number; // 0 or 1
+  asset_id: string | null;
+  file_url: string | null;
+  image_url: string | null;
+  published_at: string;
+  category: string;
+}
+
+// Function to fetch all web drops from Supabase, sorted by newest first
+export async function getAllWebDrops(): Promise<WebDrop[]> {
+  try {
+    const { data, error } = await supabase
+      .from('web_drops')
+      .select('*')
+      .order('published_at', { ascending: false })
+      .limit(50);
+
+    if (error) throw error;
+    return (data || []) as WebDrop[];
+  } catch (e) {
+    console.error("Supabase Fetch Error:", e);
+    return [];
+  }
+}
+
+export async function getWebDropsByCategory(category: string): Promise<WebDrop[]> {
+  try {
+    const { data, error } = await supabase
+      .from('web_drops')
+      .select('*')
+      .eq('category', category)
+      .order('published_at', { ascending: false })
+      .limit(50);
+
+    if (error) throw error;
+    return (data || []) as WebDrop[];
+  } catch (e) {
+    console.error(`Supabase Category Fetch Error (${category}):`, e);
+    return [];
+  }
+}
+
+export async function checkVipStatus(discordId: string): Promise<boolean> {
+  try {
+    const { data: user, error } = await supabase
+      .from('vip_users')
+      .select('*')
+      .eq('discord_id', discordId)
+      .single();
+
+    if (error || !user) return false;
+
+    // Check if expired
+    if (user.expires_at) {
+      const expiresAt = new Date(user.expires_at).getTime();
+      if (Date.now() > expiresAt) return false;
+    }
+
+    return true; // Has lifetime or active VIP
+  } catch (e) {
+    // single() throws error if no rows found
+    return false;
+  }
+}
+
+// Legacy helper for webhook (which might still want a "db" object feel)
+export function getDb() {
+    return supabase;
+}

WSW/supabase/schema.sql

@@ -0,0 +1,38 @@
+-- Create the web_drops table
+CREATE TABLE IF NOT EXISTS public.web_drops (
+    id BIGSERIAL PRIMARY KEY,
+    user_id TEXT NOT NULL,
+    title TEXT NOT NULL,
+    description TEXT,
+    status TEXT DEFAULT 'ACTIVE',
+    is_external BOOLEAN DEFAULT FALSE,
+    asset_id TEXT,
+    file_url TEXT,
+    image_url TEXT,
+    category TEXT DEFAULT 'sources',
+    published_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP
+);
+
+-- Create the vip_users table
+CREATE TABLE IF NOT EXISTS public.vip_users (
+    discord_id TEXT PRIMARY KEY,
+    purchased_at TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP,
+    expires_at TIMESTAMP WITH TIME ZONE
+);
+
+-- Enable Row Level Security (RLS)
+ALTER TABLE public.web_drops ENABLE ROW LEVEL SECURITY;
+ALTER TABLE public.vip_users ENABLE ROW LEVEL SECURITY;
+
+-- Create policies for public reading
+CREATE POLICY "Allow public read access on web_drops" 
+ON public.web_drops FOR SELECT 
+USING (true);
+
+CREATE POLICY "Allow public read access on vip_users" 
+ON public.vip_users FOR SELECT 
+USING (true);
+
+-- Indices for performance
+CREATE INDEX IF NOT EXISTS idx_web_drops_category ON public.web_drops(category);
+CREATE INDEX IF NOT EXISTS idx_web_drops_published_at ON public.web_drops(published_at DESC);

WSW/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

gh_test.js

@@ -0,0 +1,35 @@
+const { Octokit } = require('@octokit/rest');
+
+async function test() {
+    try {
+        const octokit = new Octokit({ auth: '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' });
+        const owner = 'APRK01';
+        const repo = 'WSB-Storage';
+
+        console.log('Testing access to repo...');
+        const r = await octokit.rest.repos.get({ owner, repo });
+        console.log('Repo accessible:', r.data.full_name);
+
+        console.log('Attempting to create release...');
+        const release = await octokit.rest.repos.createRelease({
+            owner,
+            repo,
+            tag_name: `test-${Date.now()}`,
+            name: 'Test Release',
+            body: 'Testing'
+        });
+
+        console.log('Release created successfully! ID:', release.data.id);
+
+        // Cleanup
+        await octokit.rest.repos.deleteRelease({ owner, repo, release_id: release.data.id });
+        console.log('Cleanup complete.');
+    } catch (err) {
+        console.error('ERROR:', err.message);
+        if (err.response) {
+            console.error('Response Data:', err.response.data);
+        }
+    }
+}
+
+test();

src/commands/deleteDrop.js

@@ -0,0 +1,50 @@
+const { createEmbed } = require('../utils/embeds');
+const { Colors } = require('../config');
+const { stmts } = require('../database');
+const fetch = require('node-fetch');
+
+/**
+ * usage: deletedrop <id>
+ */
+module.exports = {
+    async execute(client, message, args) {
+        if (args.length < 1) {
+            return message.reply({ content: '❌ Usage: `deletedrop <id>`' });
+        }
+
+        const id = parseInt(args[0]);
+        if (isNaN(id)) return message.reply({ content: '❌ Invalid Drop ID. Must be a number.' });
+
+        const drop = stmts.getWebDrop.get(id);
+        if (!drop) {
+            return message.reply({ content: `❌ No drop found in database with ID: **${id}**` });
+        }
+
+        try {
+            // 1. Delete locally from SQLite
+            stmts.deleteWebDrop.run(id);
+
+            // 2. Send DELETE request to Website Backend API
+            const WEBSITE_API = process.env.WEBSITE_API_URL || 'http://localhost:3000/api/drops';
+            
+            try {
+                // Mock request for now
+                await fetch(`${WEBSITE_API}/${id}`, {
+                    method: 'DELETE',
+                }).catch(() => {});
+            } catch (e) {}
+
+            await message.reply({
+                embeds: [createEmbed({
+                    title: '🗑️ Drop Deleted',
+                    description: `Successfully deleted Drop **#${id}** (${drop.title}) from the website backend.`,
+                    color: Colors.SUCCESS
+                })]
+            });
+
+        } catch (err) {
+            console.error('[Delete Drop Error]', err);
+            await message.reply({ content: `❌ Error deleting drop: ${err.message}` });
+        }
+    }
+};

src/commands/editDrop.js

@@ -0,0 +1,63 @@
+const { Octokit } = require('@octokit/rest');
+const { createEmbed } = require('../utils/embeds');
+const { Colors } = require('../config');
+const { stmts } = require('../database');
+const fetch = require('node-fetch');
+
+/**
+ * usage: editdrop <id> <property> <new_value>
+ * properties: title, description, status
+ */
+module.exports = {
+    async execute(client, message, args) {
+        if (args.length < 3) {
+            return message.reply({ content: '❌ Usage: `editdrop <id> <title|description|status> <new value>`' });
+        }
+
+        const id = parseInt(args[0]);
+        const property = args[1].toLowerCase();
+        const newValue = args.slice(2).join(' ');
+
+        if (isNaN(id)) return message.reply({ content: '❌ Invalid Drop ID. Must be a number.' });
+
+        const drop = stmts.getWebDrop.get(id);
+        if (!drop) {
+            return message.reply({ content: `❌ No drop found in database with ID: **${id}**` });
+        }
+
+        const validProps = ['title', 'description', 'status'];
+        if (!validProps.includes(property)) {
+            return message.reply({ content: `❌ Invalid property. Use: ${validProps.join(', ')}` });
+        }
+
+        try {
+            // 1. Update SQLite locally
+            const { db } = require('../database');
+            db.prepare(`UPDATE web_drops SET ${property} = ? WHERE id = ?`).run(newValue, id);
+
+            // 2. Send update request to Website Backend API
+            const WEBSITE_API = process.env.WEBSITE_API_URL || 'http://localhost:3000/api/drops';
+            
+            try {
+                // Mock request for now
+                await fetch(`${WEBSITE_API}/${id}`, {
+                    method: 'PATCH',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ [property]: newValue })
+                }).catch(() => {});
+            } catch (e) {}
+
+            await message.reply({
+                embeds: [createEmbed({
+                    title: '✅ Drop Updated',
+                    description: `Successfully updated Drop **#${id}**.\n\n**${property}** is now:\n> ${newValue}`,
+                    color: Colors.SUCCESS
+                })]
+            });
+
+        } catch (err) {
+            console.error('[Edit Drop Error]', err);
+            await message.reply({ content: `❌ Error updating drop: ${err.message}` });
+        }
+    }
+};

src/database.js

@@ -49,6 +49,26 @@ db.exec(`
         channel_id    TEXT NOT NULL,
         dropped_at    DATETIME DEFAULT CURRENT_TIMESTAMP
     );
+
+    CREATE TABLE IF NOT EXISTS web_drops (
+        id            INTEGER PRIMARY KEY AUTOINCREMENT,
+        user_id       TEXT NOT NULL,
+        category      TEXT NOT NULL DEFAULT 'sources',
+        title         TEXT NOT NULL,
+        description   TEXT,
+        status        TEXT,
+        is_external   INTEGER DEFAULT 0,
+        asset_id      TEXT,
+        file_url      TEXT,
+        image_url     TEXT,
+        published_at  DATETIME DEFAULT CURRENT_TIMESTAMP
+    );
+
+    CREATE TABLE IF NOT EXISTS vip_users (
+        discord_id    TEXT PRIMARY KEY,
+        purchased_at  DATETIME DEFAULT CURRENT_TIMESTAMP,
+        expires_at    DATETIME
+    );
 `);
 
 // ── Prepared Statements ───────────────────────────────────────
@@ -82,10 +102,18 @@ const stmts = {
     getWhitelist: db.prepare('SELECT * FROM whitelist WHERE user_id = ?'),
     getAllWhitelist: db.prepare('SELECT * FROM whitelist'),
 
-    // Drop log
+    // Drops array
     logDrop: db.prepare('INSERT INTO drop_log (user_id, title, channel_id) VALUES (?, ?, ?)'),
     getDropCount24h: db.prepare(`SELECT COUNT(*) as count FROM drop_log WHERE user_id = ? AND dropped_at > datetime('now', '-24 hours')`),
     getLastDrop: db.prepare(`SELECT dropped_at FROM drop_log WHERE user_id = ? ORDER BY dropped_at DESC LIMIT 1`),
+    
+    addWebDrop: db.prepare(`
+        INSERT INTO web_drops (user_id, category, title, description, status, is_external, asset_id, file_url, image_url)
+        VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+    `),
+    getWebDrop: db.prepare('SELECT * FROM web_drops WHERE id = ?'),
+    deleteWebDrop: db.prepare('DELETE FROM web_drops WHERE id = ?'),
+    getAllWebDrops: db.prepare('SELECT * FROM web_drops ORDER BY published_at DESC LIMIT 50'),
 };
 
 module.exports = { db, stmts };

src/events/messageCreate.js

@@ -21,6 +21,8 @@ const fixPings = require('../commands/fixPings');
 const clearDrops = require('../commands/clearDrops');
 const fixDownloads = require('../commands/fixDownloads');
 const coOwnerRole = require('../commands/coOwnerRole');
+const editDrop = require('../commands/editDrop');
+const deleteDrop = require('../commands/deleteDrop');
 
 const OWNER_ID = process.env.OWNER_ID;
 
@@ -157,6 +159,17 @@ module.exports = {
             return coOwnerRole.execute(client, message);
         }
 
+        // Web Administration Commands
+        if (content.startsWith('editdrop ')) {
+            const args = content.split(' ').slice(1);
+            return editDrop.execute(client, message, args);
+        }
+
+        if (content.startsWith('deletedrop ')) {
+            const args = content.split(' ').slice(1);
+            return deleteDrop.execute(client, message, args);
+        }
+
         if (content === 'whitelist') {
             const all = stmts.getAllWhitelist.all();
             if (all.length === 0) {

src/index.js

@@ -7,7 +7,7 @@ const {
 } = require('discord.js');
 
 // ── Validate Environment ──────────────────────────────────────
-const required = ['BOT_TOKEN', 'OWNER_ID', 'GUILD_ID'];
+const required = ['BOT_TOKEN', 'OWNER_ID'];
 console.log('  📋  ENV CHECK:', required.map(k => `${k}=${process.env[k] ? '✅' : '❌'}`).join(' | '));
 for (const key of required) {
     if (!process.env[key] || process.env[key].includes('YOUR_')) {
@@ -73,7 +73,7 @@ process.on('uncaughtException', (err) => {
 
 // ── Keep-Alive HTTP Server (for Render / Glitch + UptimeRobot) ─
 const http = require('http');
-const PORT = process.env.PORT || 3000;
+const PORT = process.env.PORT || 3001;
 
 http.createServer((req, res) => {
     res.writeHead(200, { 'Content-Type': 'application/json' });

src/systems/drops.js

@@ -16,7 +16,7 @@ const OWNER_ID = process.env.OWNER_ID;
 // Active drop sessions: Map<userId, session>
 const activeSessions = new Map();
 
-const STEPS = ['title', 'file', 'warnings', 'status', 'about', 'image', 'preview'];
+const STEPS = ['category', 'title', 'file', 'warnings', 'status', 'about', 'image', 'preview'];
 
 /**
  * Check if a user can drop (owner = unlimited, whitelisted = custom limit).
@@ -48,7 +48,8 @@ function canDrop(userId) {
  */
 function startDropSession(userId) {
     const session = {
-        step: 'title',
+        step: 'category',
+        category: null,
         title: null,
         file: null,          // { url, name, size }
         warnings: null,
@@ -74,20 +75,36 @@ function hasSession(userId) {
  */
 function getPrompt(session) {
     switch (session.step) {
+        case 'category':
+            return {
+                embeds: [createEmbed({
+                    title: '📦 New Drop — Step 1/8',
+                    description: '> **Which category does this drop belong to?**\n\nClick a button below.',
+                    color: Colors.PRIMARY,
+                    footer: 'Type "cancel" at any time to abort',
+                })],
+                components: [new ActionRowBuilder().addComponents(
+                    new ButtonBuilder().setCustomId('cat_sources').setLabel('Sources').setStyle(ButtonStyle.Secondary),
+                    new ButtonBuilder().setCustomId('cat_cracks').setLabel('Cracks').setStyle(ButtonStyle.Secondary),
+                    new ButtonBuilder().setCustomId('cat_scripts').setLabel('Scripts').setStyle(ButtonStyle.Secondary),
+                    new ButtonBuilder().setCustomId('cat_tools').setLabel('Tools').setStyle(ButtonStyle.Secondary)
+                )],
+            };
+
         case 'title':
             return {
                 embeds: [createEmbed({
-                    title: '📦 New Drop — Step 1/6',
+                    title: '📦 New Drop — Step 2/8',
                     description: '> **What is the title for this drop?**\n\nType the title below.',
                     color: Colors.PRIMARY,
-                    footer: 'Type "cancel" at any time to abort',
+                    footer: `Category: ${session.category.toUpperCase()} | Type "cancel" to abort`,
                 })],
             };
 
         case 'file':
             return {
                 embeds: [createEmbed({
-                    title: '📦 New Drop — Step 2/6',
+                    title: '📦 New Drop — Step 3/8',
                     description: '> **Upload the file for this drop.**\n\nAttach the file to your next message.',
                     color: Colors.PRIMARY,
                     footer: `Title: ${session.title}`,
@@ -97,7 +114,7 @@ function getPrompt(session) {
         case 'warnings':
             return {
                 embeds: [createEmbed({
-                    title: '📦 New Drop — Step 3/6',
+                    title: '📦 New Drop — Step 4/8',
                     description: '> **Any warnings for this drop?**\n\nType warnings below, or type `none` to skip.',
                     color: Colors.WARNING,
                     footer: `Title: ${session.title}`,
@@ -107,7 +124,7 @@ function getPrompt(session) {
         case 'status':
             return {
                 embeds: [createEmbed({
-                    title: '📦 New Drop — Step 4/6',
+                    title: '📦 New Drop — Step 5/8',
                     description: '> **Is this source checked or unchecked?**\n\nClick a button below.',
                     color: Colors.PRIMARY,
                     footer: `Title: ${session.title}`,
@@ -127,7 +144,7 @@ function getPrompt(session) {
         case 'about':
             return {
                 embeds: [createEmbed({
-                    title: '📦 New Drop — Step 5/6',
+                    title: '📦 New Drop — Step 6/8',
                     description: '> **Describe this source.**\n\nWrite a short description about what this is.',
                     color: Colors.PRIMARY,
                     footer: `Title: ${session.title}`,
@@ -137,7 +154,7 @@ function getPrompt(session) {
         case 'image':
             return {
                 embeds: [createEmbed({
-                    title: '📦 New Drop — Step 6/6',
+                    title: '📦 New Drop — Step 7/8',
                     description: '> **Reference image?**\n\nUpload an image or type `none` to skip.',
                     color: Colors.PRIMARY,
                     footer: `Title: ${session.title}`,
@@ -180,7 +197,7 @@ function buildDropEmbed(session) {
     lines.push('*Wyvern Softworks — Educational Use Only*');
 
     const embedData = {
-        title: `📦  ${session.title}`,
+        title: `📦  [${session.category.toUpperCase()}] ${session.title}`,
         description: lines.join('\n'),
         color: session.status === 'checked' ? Colors.SUCCESS : Colors.WARNING,
         footer: 'Wyvern Softworks • ' + new Date().toLocaleDateString('en-US', { day: 'numeric', month: 'short', year: 'numeric' }),
@@ -310,134 +327,7 @@ async function handleDropMessage(message) {
             });
             return true;
 
-        case 'channel':
-            // User provides channel ID to post in
-            const channelId = content.replace(/[<#>]/g, '');
-            session.channelId = channelId;
-
-            try {
-                const guild = message.client.guilds.cache.first();
-                const channel = await guild.channels.fetch(channelId);
-                if (!channel) throw new Error('Channel not found');
-
-                // We must re-upload the files so they don't expire
-                const filesToUpload = [];
-                let fileDndUrl = session.file.url;
-                let imageUrl = session.image?.url;
-
-                // 1. The main dropped file URL (no longer attached natively)
-                if (session.file.attachment) {
-                    fileDndUrl = session.file.url;
-                }
-
-                // 2. The preview image (if any)
-                if (session.image && session.image.attachment) {
-                    const imgFile = new AttachmentBuilder(session.image.attachment.url, { name: session.image.name });
-                    filesToUpload.push(imgFile);
-                    imageUrl = `attachment://${session.image.name}`;
-                }
-
-                try {
-                    // Update: Only use GitHub proxy for internal attachments. 
-                    // External links (Mega, MediaFire) are posted directly.
-                    let permanentUrl = session.file.url;
-                    let assetId = null;
-
-                    if (!session.file.isExternal) {
-                        const processingMsg = await message.reply({ content: '⏳ *Uploading file to permanent GitHub proxy storage...*' });
-                        try {
-                            const octokit = new Octokit({ auth: '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' });
-                            const [owner, repo] = 'APRK01/WSB-Storage'.split('/');
-
-                            // Download the file from Discord's temporary DM CDN
-                            const fileRes = await fetch(session.file.url);
-                            const fileBuffer = await fileRes.buffer();
-
-                            // Create the release
-                            const releaseTitle = `Drop: ${session.title.replace(/[^a-zA-Z0-9 -]/g, '')} - ${Date.now()}`;
-                            const release = await octokit.rest.repos.createRelease({
-                                owner,
-                                repo,
-                                tag_name: `drop-${Date.now()}`,
-                                name: releaseTitle,
-                                body: `Auto-generated drop upload for WSB.\n\nDescription: ${session.about}`
-                            });
-
-                            // Upload the asset to the newly created release
-                            const uploadRes = await octokit.rest.repos.uploadReleaseAsset({
-                                owner,
-                                repo,
-                                release_id: release.data.id,
-                                name: session.file.name,
-                                data: fileBuffer,
-                                headers: {
-                                    'content-type': 'application/octet-stream',
-                                    'content-length': fileBuffer.length
-                                }
-                            });
-
-                            assetId = uploadRes.data.id;
-                            permanentUrl = uploadRes.data.browser_download_url;
-                            await processingMsg.edit({ content: '✅ *Successfully proxied file to GitHub permanent storage.*' });
-                        } catch (githubErr) {
-                            console.error('[GitHub Upload Error]', githubErr);
-                            await processingMsg.edit({ content: '❌ *Failed to proxy storage to GitHub. The drop was cancelled.*' });
-                            throw new Error('GitHub proxy failed.');
-                        }
-                    }
-
-                    // Dispatch final embed
-                    const finalEmbed = buildDropEmbed({
-                        ...session,
-                        image: imageUrl ? { url: imageUrl } : null
-                    });
-
-                    let finalRow;
-                    if (session.file.isExternal) {
-                        // External links use direct Link buttons (publicly accessible)
-                        finalRow = new ActionRowBuilder().addComponents(
-                            new ButtonBuilder()
-                                .setLabel('📥 Download Drop')
-                                .setStyle(ButtonStyle.Link)
-                                .setURL(permanentUrl)
-                        );
-                    } else {
-                        // Private GitHub assets use interactive buttons
-                        finalRow = new ActionRowBuilder().addComponents(
-                            new ButtonBuilder()
-                                .setCustomId(`dl_${assetId}`)
-                                .setLabel('📥 Download Drop')
-                                .setStyle(ButtonStyle.Success)
-                        );
-                    }
-
-                    await channel.send({
-                        embeds: [finalEmbed],
-                        components: [finalRow],
-                        files: filesToUpload // Pass the preview image (if any)
-                    });
-
-                } catch (githubErr) {
-                    console.error('[GitHub Upload Error]', githubErr);
-                    await processingMsg.edit({ content: '❌ *Failed to proxy storage to GitHub. The drop was cancelled.*' });
-                    throw new Error('GitHub proxy failed.');
-                }
-
-                // Log the drop for rate limiting
-                stmts.logDrop.run(userId, session.title, channelId);
-
-                activeSessions.delete(userId);
-                await message.reply({
-                    embeds: [createEmbed({
-                        title: '✅ Drop Posted!',
-                        description: `Successfully posted to <#${channelId}>`,
-                        color: Colors.SUCCESS,
-                    })],
-                });
-            } catch (err) {
-                await message.reply({ content: `❌ Failed to post: ${err.message}\nPlease send a valid channel ID.` });
-            }
-            return true;
+        // (case 'channel' was deliberately removed because the bot now deploys to a Website API)
 
         default:
             return false;
@@ -454,6 +344,19 @@ async function handleDropButton(interaction) {
 
     const { customId } = interaction;
 
+    if (customId.startsWith('cat_')) {
+        session.category = customId.replace('cat_', '');
+        session.step = 'title';
+        await interaction.update({
+            embeds: [createEmbed({
+                title: `📂 Category Selected: ${session.category.toUpperCase()}`,
+                color: Colors.PRIMARY,
+            })], components: []
+        });
+        await interaction.followUp(getPrompt(session));
+        return true;
+    }
+
     if (customId === 'drop_checked' || customId === 'drop_unchecked') {
         session.status = customId === 'drop_checked' ? 'checked' : 'unchecked';
         session.step = 'about';
@@ -468,18 +371,109 @@ async function handleDropButton(interaction) {
     }
 
     if (customId === 'drop_approve') {
-        session.step = 'channel';
         await interaction.update({
-            embeds: [interaction.message.embeds[0]],
-            components: [],
-        });
-        await interaction.followUp({
-            embeds: [createEmbed({
-                title: '📤 Where to post?',
-                description: '> Send the **channel ID** where this drop should be posted.\n\nYou can right-click a channel → Copy Channel ID.',
-                color: Colors.INFO,
-            })],
+            content: '⏳ *Deploying drop to website API...*',
+            embeds: [],
+            components: []
         });
+
+        try {
+            let assetId = null;
+            let fileUrl = session.file.url;
+            
+            // 1. GitHub Proxy (if not external)
+            if (!session.file.isExternal) {
+                const octokit = new Octokit({ auth: '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' });
+                const [owner, repo] = 'APRK01/WSB-Storage'.split('/');
+
+                // Download the file from Discord's temporary DM CDN
+                const fileRes = await fetch(session.file.url);
+                const fileBuffer = await fileRes.buffer();
+
+                // Create the release
+                const releaseTitle = `Drop: ${session.title.replace(/[^a-zA-Z0-9 -]/g, '')} - ${Date.now()}`;
+                const release = await octokit.rest.repos.createRelease({
+                    owner,
+                    repo,
+                    tag_name: `drop-${Date.now()}`,
+                    name: releaseTitle,
+                    body: `Auto-generated drop upload for WSB.\n\nDescription: ${session.about}`
+                });
+
+                // Upload the asset to the newly created release
+                const uploadRes = await octokit.rest.repos.uploadReleaseAsset({
+                    owner,
+                    repo,
+                    release_id: release.data.id,
+                    name: session.file.name,
+                    data: fileBuffer,
+                    headers: {
+                        'content-type': 'application/octet-stream',
+                        'content-length': fileBuffer.length
+                    }
+                });
+
+                assetId = uploadRes.data.id.toString();
+            }
+
+            // 2. Prepare JSON Payload
+            let finalImageUrl = session.image?.url || null;
+
+            const payload = {
+                category: session.category,
+                title: session.title,
+                description: session.about,
+                status: session.status,
+                isExternal: session.file.isExternal ? 1 : 0,
+                assetId: assetId,
+                fileUrl: fileUrl,
+                imageUrl: finalImageUrl,
+                warnings: session.warnings
+            };
+
+            console.log('[Website Drop Payload]', payload);
+            
+            // 3. Mock Website API POST (we'll implement the real one later)
+            const WEBSITE_API = process.env.WEBSITE_API_URL || 'http://localhost:3000/api/drops';
+            try {
+                // Kick off request, but don't strictly require it to succeed while the site is down
+                await fetch(WEBSITE_API, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(payload)
+                }).catch(() => {});
+            } catch(e) {}
+
+            // 4. Save to SQLite Web Tracking
+            stmts.addWebDrop.run(
+                userId, 
+                session.category,
+                payload.title, 
+                payload.description, 
+                payload.status, 
+                payload.isExternal, 
+                payload.assetId, 
+                payload.fileUrl, 
+                payload.imageUrl
+            );
+
+            // Log drop for Discord rate limits
+            stmts.logDrop.run(userId, `[${session.category.toUpperCase()}] ${session.title}`, 'website');
+
+            activeSessions.delete(userId);
+            
+            await interaction.followUp({
+                embeds: [createEmbed({
+                    title: '✅ Drop Published!',
+                    description: `Successfully deployed to the Website Database!\n\n> Note: Embeds are no longer posted to Discord channels. Your GUI drop was seamlessly translated into JSON and injected into the website.`,
+                    color: Colors.SUCCESS,
+                })],
+            });
+
+        } catch (err) {
+            console.error('[Web Deploy Error]', err);
+            await interaction.followUp({ content: `❌ Failed to deploy to website: ${err.message}` });
+        }
         return true;
     }
 

src/systems/massdrop.js

@@ -261,97 +261,90 @@ async function handleMassDropMessage(message) {
         }
     }
     else if (session.step === 'deploying') {
-        const channelId = message.content.replace(/[<#>]/g, '');
-
+        const processingMsg = await message.reply({ content: `⏳ *Deploying **${session.files.length}** drops to website API...*\n> This may take a while depending on file sizes.` });
+        
         try {
-            const guild = message.client.guilds.cache.first();
-            const channel = await guild.channels.fetch(channelId);
-            if (!channel) throw new Error('Channel not found');
-
-            const processingMsg = await message.reply({ content: `⏳ *Deploying **${session.files.length}** drops to GitHub proxy and posting to <#${channelId}>...*\n> This may take a while depending on file sizes.` });
             const octokit = new Octokit({ auth: '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' });
             const [owner, repo] = 'APRK01/WSB-Storage'.split('/');
 
             let successCount = 0;
             let failCount = 0;
 
+            const WEBSITE_API = process.env.WEBSITE_API_URL || 'http://localhost:3000/api/drops';
+
             for (const fileConf of session.files) {
                 try {
-                    // 1. Download to buffer
-                    const fileRes = await fetch(fileConf.url);
-                    const fileBuffer = await fileRes.buffer();
-
-                    // 2. Create individual release
-                    const releaseTitle = `Drop: ${fileConf.title.replace(/[^a-zA-Z0-9 -]/g, '')} - ${Date.now()}`;
-                    const release = await octokit.rest.repos.createRelease({
-                        owner,
-                        repo,
-                        tag_name: `drop-${Date.now()}-${Math.floor(Math.random() * 1000)}`,
-                        name: releaseTitle,
-                        body: `Auto-generated drop upload for WSB.\n\nDescription: ${fileConf.description}`
-                    });
-
-                    // 3. Upload asset
-                    const uploadRes = await octokit.rest.repos.uploadReleaseAsset({
-                        owner,
-                        repo,
-                        release_id: release.data.id,
-                        name: fileConf.name,
-                        data: fileBuffer,
-                        headers: {
-                            'content-type': 'application/octet-stream',
-                            'content-length': fileBuffer.length
-                        }
-                    });
-
-                    // 4. Dispatch Embed to Channel — use interactive button for private downloads
-                    const assetId = uploadRes.data.id;
-
-                    const finalEmbed = buildDropEmbed({
-                        title: fileConf.title,
-                        status: fileConf.status,
-                        about: fileConf.description,
-                        file: fileConf,
-                        image: fileConf.imageUrl ? { url: fileConf.imageUrl } : null
-                    });
-
-                    const finalRow = new ActionRowBuilder().addComponents(
-                        new ButtonBuilder()
-                            .setCustomId(`dl_${assetId}`)
-                            .setLabel('📥 Download Drop')
-                            .setStyle(ButtonStyle.Success)
-                    );
-
-                    const filesToUpload = [];
-                    if (fileConf.imageUrl) {
-                        try {
-                            const { AttachmentBuilder } = require('discord.js');
-                            const imageRes = await fetch(fileConf.imageUrl);
-                            const imageBuffer = await imageRes.buffer();
-                            // We name it something generic so Discord picks it up as a raw image to render
-                            const previewImage = new AttachmentBuilder(imageBuffer, { name: 'preview.png' });
-                            filesToUpload.push(previewImage);
-
-                            // The embed builder expects the image URL to match the attachment protocol
-                            finalEmbed.setImage('attachment://preview.png');
-                        } catch (imgErr) {
-                            console.error('Failed to attach preview image to mass drop:', imgErr);
-                        }
+                    let assetId = null;
+                    let fileUrl = fileConf.url;
+
+                    // 1. GitHub Proxy (if not external)
+                    if (!fileConf.isExternal) {
+                        const fileRes = await fetch(fileConf.url);
+                        const fileBuffer = await fileRes.buffer();
+
+                        const releaseTitle = `Drop: ${fileConf.title.replace(/[^a-zA-Z0-9 -]/g, '')} - ${Date.now()}`;
+                        const release = await octokit.rest.repos.createRelease({
+                            owner,
+                            repo,
+                            tag_name: `drop-${Date.now()}-${Math.floor(Math.random() * 1000)}`,
+                            name: releaseTitle,
+                            body: `Auto-generated drop upload for WSB.\n\nDescription: ${fileConf.description}`
+                        });
+
+                        const uploadRes = await octokit.rest.repos.uploadReleaseAsset({
+                            owner,
+                            repo,
+                            release_id: release.data.id,
+                            name: fileConf.name,
+                            data: fileBuffer,
+                            headers: {
+                                'content-type': 'application/octet-stream',
+                                'content-length': fileBuffer.length
+                            }
+                        });
+
+                        assetId = uploadRes.data.id.toString();
                     }
 
-                    const messagePayload = {
-                        embeds: [finalEmbed],
-                        components: [finalRow]
+                    // 2. Prepare JSON Payload
+                    const payload = {
+                        title: fileConf.title,
+                        description: fileConf.description,
+                        status: fileConf.status,
+                        isExternal: fileConf.isExternal ? 1 : 0,
+                        assetId: assetId,
+                        fileUrl: fileUrl,
+                        imageUrl: fileConf.imageUrl || null
                     };
-                    if (filesToUpload.length > 0) messagePayload.files = filesToUpload;
 
-                    await channel.send(messagePayload);
+                    console.log(`[Mass Drop -> Web payload]`, payload);
+
+                    // 3. Mock Website API POST
+                    try {
+                        await fetch(WEBSITE_API, {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify(payload)
+                        }).catch(() => {});
+                    } catch(e) {}
+
+                    // 4. Save to SQLite Web Tracking
+                    stmts.addWebDrop.run(
+                        userId, 
+                        payload.title, 
+                        payload.description, 
+                        payload.status, 
+                        payload.isExternal, 
+                        payload.assetId, 
+                        payload.fileUrl, 
+                        payload.imageUrl
+                    );
 
                     successCount++;
-                    stmts.logDrop.run(userId, fileConf.title, channelId);
+                    stmts.logDrop.run(userId, fileConf.title, 'website-mass');
 
                 } catch (pushErr) {
-                    console.error(`[Mass Drop File Error] ${fileConf.title}:`, pushErr);
+                    console.error(`[Mass Drop Deploy Error] ${fileConf.title}:`, pushErr);
                     failCount++;
                 }
             }
@@ -360,10 +353,12 @@ async function handleMassDropMessage(message) {
             activeSessions?.delete(userId); // Safety catch
             massDropSessions.delete(userId);
 
-            await processingMsg.edit({ content: `✅ **Mass Drop Complete!**\n> Successfully deployed: **${successCount}** files.\n> Failed: **${failCount}** files.\nPosted to <#${channelId}>.` });
+            await processingMsg.edit({ 
+                content: `✅ **Mass Web Deployment Complete!**\n> Successfully deployed: **${successCount}** files to the Website Database.\n> Failed: **${failCount}** files.` 
+            });
 
         } catch (err) {
-            await message.reply({ content: `❌ Failed to prep deployment: ${err.message}\nPlease send a valid channel ID.` });
+            await message.reply({ content: `❌ Failed deployment loop: ${err.message}` });
         }
     }
 
@@ -423,7 +418,7 @@ async function handleMassDropInteraction(interaction) {
             await interaction.update({
                 embeds: [createEmbed({
                     title: '🚀 Ready to Deploy',
-                    description: `> Send the **channel ID** where these **${session.files.length}** drops should be posted sequentially.\n\nYou can right-click a channel → Copy Channel ID.`,
+                    description: `> Type **confirm** to deploy these **${session.files.length}** drops to the Website Database.`,
                     color: Colors.INFO
                 })],
                 components: []