Upload 11 files

App.tsx

@@ -0,0 +1,231 @@
+
+import React, { useState, useEffect } from 'react';
+/* Fix: react-router-dom exports may be flaky in this environment, using standard v6 imports */
+import { HashRouter, Routes, Route, Link, useLocation, Navigate } from 'react-router-dom';
+import { 
+  Leaf, 
+  Bell, 
+  LogOut, 
+  Activity, 
+  ChevronRight, 
+  Cpu, 
+  Settings as SettingsIcon, 
+  Terminal, 
+  Loader2 
+} from 'lucide-react';
+/* Fix: removed .ts extensions from imports */
+import { routes } from './views/routes';
+import Login from './views/Login';
+import Landing from './views/Landing';
+import PrivacyPolicy from './views/PrivacyPolicy';
+import Documentation from './views/Documentation';
+import Airdrop from './views/Airdrop';
+import { apiClient } from './services/api';
+import { UserSession } from './types/index';
+
+const SidebarItem: React.FC<{ icon: any, label: string, path: string, active: boolean }> = ({ icon: Icon, label, path, active }) => (
+  <Link 
+    to={path} 
+    className={`flex items-center justify-between px-6 py-4 rounded-2xl transition-all duration-500 group ${
+      active 
+        ? 'bg-white text-black shadow-2xl' 
+        : 'text-zinc-500 hover:text-white hover:bg-zinc-900/50'
+    }`}
+  >
+    <div className="flex items-center space-x-4">
+      <Icon size={18} className={`${active ? 'text-black' : 'text-zinc-600 group-hover:text-blue-500'} transition-colors duration-500`} />
+      <span className="font-black text-[10px] uppercase tracking-[0.2em]">{label}</span>
+    </div>
+    {active && <ChevronRight size={14} />}
+  </Link>
+);
+
+const Header = ({ user, onLogout }: { user: UserSession, onLogout: () => void }) => {
+  const isEsgNeutral = localStorage.getItem('esg_neutral') === 'true';
+  const location = useLocation();
+  const currentRoute = routes.find(r => r.path === location.pathname);
+  const [typedTitle, setTypedTitle] = useState('');
+
+  useEffect(() => {
+    if (!currentRoute) return;
+    let i = 0;
+    const fullText = currentRoute.label;
+    setTypedTitle('');
+    const timer = setInterval(() => {
+      setTypedTitle(fullText.substring(0, i + 1));
+      i++;
+      if (i >= fullText.length) clearInterval(timer);
+    }, 40);
+    return () => clearInterval(timer);
+  }, [location.pathname, currentRoute]);
+
+  return (
+    <header className="h-24 flex items-center justify-between px-10 bg-transparent print:hidden relative z-50">
+      <div className="flex items-center space-x-6">
+        <div className="hidden md:flex flex-col">
+          <h1 className="text-xl font-black tracking-tighter text-white italic leading-none uppercase">
+            {typedTitle} <span className="text-blue-500 not-italic block md:inline">NODE</span>
+          </h1>
+          <p className="text-[10px] text-zinc-600 font-black uppercase tracking-[0.3em] mt-1 flex items-center gap-2">
+            <Terminal size={10} />
+            ROOT_IDENTIFIER: {user.name.toUpperCase().replace(' ', '_')}
+          </p>
+        </div>
+        
+        {isEsgNeutral && (
+          <div className="px-4 py-1.5 bg-emerald-500/10 border border-emerald-500/20 rounded-full flex items-center gap-2 shadow-2xl shadow-emerald-500/5">
+            <Leaf size={12} className="text-emerald-500" />
+            <span className="text-[10px] font-black text-emerald-500 uppercase tracking-widest">ESG Offset Verified</span>
+          </div>
+        )}
+      </div>
+
+      <div className="flex items-center space-x-8">
+        <div className="flex items-center space-x-6">
+          <button className="p-3 text-zinc-500 hover:text-white transition-all relative group bg-zinc-950 rounded-xl border border-zinc-900 shadow-xl">
+            <Bell size={18} />
+            <span className="absolute top-3 right-3 w-2 h-2 bg-blue-500 rounded-full shadow-[0_0_10px_rgba(59,130,246,0.8)]"></span>
+          </button>
+          <div className="h-8 w-px bg-zinc-900"></div>
+          <div className="flex items-center space-x-4 group cursor-pointer" onClick={onLogout}>
+            <div className="text-right">
+              <p className="text-xs font-black text-white uppercase italic tracking-tighter">{user.name}</p>
+              <p className="text-[9px] text-zinc-600 uppercase tracking-[0.2em] font-bold">{user.role}</p>
+            </div>
+            <div className="w-12 h-12 rounded-2xl bg-zinc-950 border border-zinc-900 flex items-center justify-center group-hover:border-rose-500/50 transition-all shadow-2xl">
+              <LogOut size={18} className="text-zinc-600 group-hover:text-rose-500 transition-colors" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+};
+
+const App: React.FC = () => {
+  const [currentUser, setCurrentUser] = useState<UserSession | null>(null);
+  const [isAuthChecked, setIsAuthChecked] = useState<boolean>(false);
+
+  const checkAuthStatus = async () => {
+    const { user } = await apiClient.auth.me();
+    setCurrentUser(user);
+    setIsAuthChecked(true);
+  };
+
+  useEffect(() => {
+    checkAuthStatus();
+    window.addEventListener('auth-update', checkAuthStatus);
+    return () => window.removeEventListener('auth-update', checkAuthStatus);
+  }, []);
+
+  const handleLogout = async () => {
+    await apiClient.auth.logout();
+    setCurrentUser(null);
+    window.dispatchEvent(new Event('auth-update'));
+  };
+
+  if (!isAuthChecked) {
+    return (
+      <div className="min-h-screen bg-[#020202] flex flex-col items-center justify-center space-y-8">
+        <Loader2 className="animate-spin text-blue-500" size={48} />
+        <p className="text-[10px] font-black text-zinc-600 uppercase tracking-[0.4em] animate-pulse">Initializing Neural Link...</p>
+      </div>
+    );
+  }
+
+  if (!currentUser) {
+    return (
+      <HashRouter>
+        <Routes>
+          <Route path="/" element={<Landing />} />
+          <Route path="/login" element={<Login />} />
+          <Route path="/airdrop" element={<Airdrop />} />
+          <Route path="/manifesto" element={<PrivacyPolicy />} />
+          <Route path="/documentation" element={<Documentation />} />
+          <Route path="*" element={<Navigate to="/" replace />} />
+        </Routes>
+      </HashRouter>
+    );
+  }
+
+  return (
+    <HashRouter>
+      <div className="flex min-h-screen bg-[#020202] text-zinc-400 antialiased selection:bg-blue-500/30 selection:text-blue-200 font-sans">
+        <div className="fixed inset-0 pointer-events-none opacity-[0.03] z-0 overflow-hidden">
+          <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px]"></div>
+        </div>
+
+        <aside className="w-80 fixed h-full bg-[#050505] border-r border-zinc-900 p-8 flex flex-col print:hidden z-50">
+          <div className="mb-14 px-4 flex items-center space-x-4">
+            <div className="w-12 h-12 bg-white rounded-2xl flex items-center justify-center shadow-2xl shadow-white/5">
+              <Cpu size={24} className="text-black" />
+            </div>
+            <div>
+              <h1 className="text-lg font-black italic tracking-tighter text-white uppercase leading-none">
+                Lumina <span className="text-blue-500 not-italic">Quantum</span>
+              </h1>
+              <p className="text-[9px] uppercase tracking-[0.4em] font-bold text-zinc-600 mt-1">Institutional Ledger</p>
+            </div>
+          </div>
+          
+          <nav className="flex-1 space-y-2 overflow-y-auto custom-scrollbar pr-2 pb-10">
+            <NavigationLinks />
+          </nav>
+
+          <div className="mt-auto pt-10 border-t border-zinc-900">
+            <SidebarItem icon={SettingsIcon} label="System Config" path="/settings" active={window.location.hash.includes('settings')} />
+            <div className="mt-8 p-6 bg-zinc-950 border border-zinc-900 rounded-[2rem] flex items-center justify-between group cursor-help shadow-2xl">
+              <div className="flex items-center gap-3">
+                <Activity size={16} className="text-emerald-500" />
+                <span className="text-[9px] font-black uppercase tracking-widest text-zinc-500">Node Reachable</span>
+              </div>
+              <div className="w-2 h-2 bg-emerald-500 rounded-full animate-pulse shadow-[0_0_8px_rgba(16,185,129,0.5)]"></div>
+            </div>
+          </div>
+        </aside>
+
+        <main className="flex-1 ml-80 min-h-screen flex flex-col relative z-10 print:ml-0 print:bg-white">
+          <Header user={currentUser} onLogout={handleLogout} />
+          <div className="px-10 pb-20 print:p-0">
+            <Routes>
+              {routes.map((route) => (
+                <Route key={route.path} path={route.path} element={<route.component />} />
+              ))}
+              <Route path="*" element={<Navigate to="/" replace />} />
+            </Routes>
+          </div>
+        </main>
+      </div>
+    </HashRouter>
+  );
+};
+
+const NavigationLinks = () => {
+  const location = useLocation();
+  const categories = ['core', 'registry', 'finance', 'intelligence', 'system', 'admin'];
+
+  return (
+    <div className="space-y-10">
+      {categories.map(cat => {
+        const catRoutes = routes.filter(r => r.showInSidebar && r.category === cat);
+        if (catRoutes.length === 0) return null;
+        return (
+          <div key={cat} className="space-y-3">
+             <p className="px-6 text-[8px] font-black uppercase text-zinc-700 tracking-[0.5em] mb-4">{cat.toUpperCase()}_V6_SEGMENT</p>
+             {catRoutes.map((route) => (
+              <SidebarItem 
+                key={route.path} 
+                icon={route.icon} 
+                label={route.label} 
+                path={route.path} 
+                active={location.pathname === route.path} 
+              />
+            ))}
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+export default App;

Dockerfile

@@ -0,0 +1,27 @@
+# Use an official Node.js runtime as the base image
+FROM node:20
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy package.json and install all dependencies
+COPY package.json ./
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Build the React frontend into the 'dist' folder
+# This is the folder server.js will serve
+RUN npm run build
+
+# Create an empty SQLite database file and set permissions
+# This ensures the application has write access in the container
+RUN touch database.db && chmod 777 database.db
+
+# Hugging Face Spaces use port 7860 by default
+ENV PORT=7860
+EXPOSE 7860
+
+# Start the application using the start script defined in package.json
+CMD ["npm", "start"]

README.md

@@ -1,11 +1,20 @@
----
-title: Aibanking.dev
-emoji: 👀
-colorFrom: indigo
-colorTo: pink
-sdk: docker
-pinned: false
-license: other
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+<div align="center">
+<img width="1200" height="475" alt="GHBanner" src="https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6" />
+</div>
+
+# Run and deploy your AI Studio app
+
+This contains everything you need to run your app locally.
+
+View your app in AI Studio: https://ai.studio/apps/drive/1lIFV2uT_kj0gG9PM3NWzaKh059u7b3nt
+
+## Run Locally
+
+**Prerequisites:**  Node.js
+
+
+1. Install dependencies:
+   `npm install`
+2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
+3. Run the app:
+   `npm run dev`

index.html

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Lumina Quantum Ledger</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+  <style>
+    body {
+      font-family: 'Inter', sans-serif;
+      background-color: #050505;
+      color: #e5e5e5;
+    }
+    .mono {
+      font-family: 'JetBrains Mono', monospace;
+    }
+    ::-webkit-scrollbar {
+      width: 6px;
+    }
+    ::-webkit-scrollbar-track {
+      background: #111;
+    }
+    ::-webkit-scrollbar-thumb {
+      background: #333;
+      border-radius: 10px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+      background: #444;
+    }
+
+    @keyframes matrix-scan {
+      0% { top: -10%; }
+      100% { top: 110%; }
+    }
+
+    .matrix-line {
+      position: absolute;
+      width: 100%;
+      height: 2px;
+      background: linear-gradient(90deg, transparent, #f43f5e, transparent);
+      opacity: 0.3;
+      animation: matrix-scan 3s linear infinite;
+    }
+
+    @media print {
+      @page {
+        margin: 0;
+        size: auto;
+      }
+      body {
+        background: white !important;
+        color: black !important;
+        margin: 0 !important;
+        padding: 0 !important;
+      }
+      #root {
+        padding: 0 !important;
+      }
+      .print-hidden {
+        display: none !important;
+      }
+      aside, header, nav, button {
+        display: none !important;
+      }
+      main {
+        margin-left: 0 !important;
+        padding: 0 !important;
+        width: 100% !important;
+      }
+      .print\:p-0 {
+        padding: 0 !important;
+      }
+      .print\:m-0 {
+        margin: 0 !important;
+      }
+      .print\:shadow-none {
+        box-shadow: none !important;
+      }
+      .print\:border-none {
+        border: none !important;
+      }
+      .print\:rounded-none {
+        border-radius: 0 !important;
+      }
+      * {
+        -webkit-print-color-adjust: exact !important;
+        print-color-adjust: exact !important;
+      }
+    }
+  </style>
+<script type="importmap">
+{
+  "imports": {
+    "sqlite3": "https://esm.sh/sqlite3@^5.1.7",
+    "lucide-react": "https://esm.sh/lucide-react@^0.563.0",
+    "react-dom/": "https://esm.sh/react-dom@^19.2.4/",
+    "react-router-dom": "https://esm.sh/react-router-dom@^7.13.0",
+    "@google/genai": "https://esm.sh/@google/genai@^1.41.0",
+    "@vitejs/plugin-react": "https://esm.sh/@vitejs/plugin-react@^5.1.4",
+    "react/": "https://esm.sh/react@^19.2.4/",
+    "react": "https://esm.sh/react@^19.2.4",
+    "path": "https://esm.sh/path@^0.12.7",
+    "vite": "https://esm.sh/vite@^7.3.1",
+    "recharts": "https://esm.sh/recharts@^3.7.0",
+    "bcryptjs": "https://esm.sh/bcryptjs@^3.0.3",
+    "url": "https://esm.sh/url@^0.11.4",
+    "express": "https://esm.sh/express@^5.2.1",
+    "cors": "https://esm.sh/cors@^2.8.6"
+  }
+}
+</script>
+<link rel="stylesheet" href="/index.css">
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/index.tsx"></script>
+</body>
+</html>

index.tsx

@@ -0,0 +1,16 @@
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+const rootElement = document.getElementById('root');
+if (!rootElement) {
+  throw new Error("Could not find root element to mount to");
+}
+
+const root = ReactDOM.createRoot(rootElement);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

metadata.json

@@ -0,0 +1,7 @@
+{
+  "name": "Quantum Ledger Intelligence",
+  "description": "A high-performance financial dashboard integrating AI-driven forecasting, sustainability metrics, and corporate asset management using the Gemini API.",
+  "requestFramePermissions": [
+    "microphone"
+  ]
+}

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "quantum-ledger-intelligence",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "start": "node server.js"
+  },
+  "dependencies": {
+    "@google/genai": "^1.41.0",
+    "bcryptjs": "^3.0.3",
+    "cors": "^2.8.6",
+    "express": "^5.2.1",
+    "lucide-react": "^0.563.0",
+    "path": "^0.12.7",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.0",
+    "recharts": "^3.7.0",
+    "sqlite3": "^5.1.7"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "^19.2.4",
+    "@vitejs/plugin-react": "^5.1.4",
+    "typescript": "^5.7.3",
+    "vite": "^7.3.1"
+  }
+}

server.js

@@ -0,0 +1,225 @@
+import express from 'express';
+import cors from 'cors';
+import { GoogleGenAI } from '@google/genai';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import sqlite3 from 'sqlite3';
+import bcrypt from 'bcryptjs';
+
+const app = express();
+// Hugging Face Spaces require port 7860
+const port = process.env.PORT || 7860;
+
+// --- Database Initialization ---
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const dbPath = path.join(__dirname, 'database.db');
+const db = new sqlite3.Database(dbPath);
+
+db.serialize(() => {
+  // Users table
+  db.run(`
+    CREATE TABLE IF NOT EXISTS users (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      username TEXT UNIQUE NOT NULL,
+      password_hash TEXT NOT NULL,
+      role TEXT DEFAULT 'Standard Node',
+      created_at DATETIME DEFAULT CURRENT_TIMESTAMP
+    )
+  `);
+
+  // Messages table for Neural Memory
+  db.run(`
+    CREATE TABLE IF NOT EXISTS messages (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      user_id INTEGER,
+      role TEXT NOT NULL,
+      content TEXT NOT NULL,
+      timestamp DATETIME DEFAULT CURRENT_TIMESTAMP,
+      FOREIGN KEY(user_id) REFERENCES users(id)
+    )
+  `);
+});
+
+// --- Simulated In-Memory Session Storage ---
+let activeSession = null;
+
+// --- Mock Citi Financial Data ---
+const CITI_ACCOUNTS = {
+  accountGroupDetails: [
+    {
+      accountGroup: "CHECKING",
+      checkingAccountsDetails: [
+        {
+          productName: "Corporate Mastery Checking",
+          accountNickname: "Main Ops Node",
+          accountDescription: "Corporate Mastery Checking - 9594",
+          balanceType: "ASSET",
+          displayAccountNumber: "XXXXXX9594",
+          accountId: "citi_acc_99201",
+          currencyCode: "USD",
+          accountStatus: "ACTIVE",
+          currentBalance: 1245000.50,
+          availableBalance: 1240000.00
+        }
+      ],
+      totalCurrentBalance: { localCurrencyCode: "USD", localCurrencyBalanceAmount: 1245000.50 },
+      totalAvailableBalance: { localCurrencyCode: "USD", localCurrencyBalanceAmount: 1240000.00 }
+    }
+  ],
+  customer: {
+    customerId: "citi_cust_884102"
+  }
+};
+
+const CITI_TRANSACTIONS = {
+  "citi_acc_99201": {
+    checkingAccountTransactions: [
+      {
+        accountId: "citi_acc_99201",
+        currencyCode: "USD",
+        transactionAmount: -25000.00,
+        transactionDate: "2024-03-31",
+        transactionDescription: "NEURAL_NETWORK_COMPUTE_Q1_ALLOCATION",
+        transactionId: "TXN_C_884102",
+        transactionStatus: "POSTED",
+        transactionType: "PAYMENT",
+        displayAccountNumber: "XXXXXX9594"
+      }
+    ]
+  }
+};
+
+app.use(cors());
+app.use(express.json());
+app.use(express.urlencoded({ extended: true }));
+
+// --- Authentication Endpoints ---
+
+app.get('/api/auth/me', (req, res) => {
+  if (activeSession) {
+    res.json({ isAuthenticated: true, user: activeSession });
+  } else {
+    res.status(401).json({ isAuthenticated: false, user: null });
+  }
+});
+
+app.post('/api/auth/register', async (req, res) => {
+  const { username, password } = req.body;
+  if (!username || !password) return res.status(400).json({ error: 'Identity credentials missing.' });
+
+  try {
+    const hash = await bcrypt.hash(password, 10);
+    db.run(
+      'INSERT INTO users (username, password_hash, role) VALUES (?, ?, ?)',
+      [username, hash, 'Root Admin'],
+      function(err) {
+        if (err) {
+          if (err.message.includes('UNIQUE')) {
+            return res.status(409).json({ error: 'Identity node already registered.' });
+          }
+          return res.status(500).json({ error: 'Registry write failure.' });
+        }
+        res.status(201).json({ success: true, userId: this.lastID });
+      }
+    );
+  } catch (error) {
+    res.status(500).json({ error: 'Encryption engine failure.' });
+  }
+});
+
+app.post('/api/auth/login', (req, res) => {
+  const { username, password } = req.body;
+  
+  db.get('SELECT * FROM users WHERE username = ?', [username], async (err, user) => {
+    if (err || !user) {
+      return res.status(401).json({ success: false, message: 'Identity node rejected credentials.' });
+    }
+
+    const match = await bcrypt.compare(password, user.password_hash);
+    if (match) {
+      activeSession = {
+        id: `USR-${user.id}`,
+        dbId: user.id, // Internal database ID for relations
+        name: user.username,
+        role: user.role,
+        lastLogin: new Date().toISOString()
+      };
+      res.json({ success: true, user: activeSession });
+    } else {
+      res.status(401).json({ success: false, message: 'Identity node rejected credentials.' });
+    }
+  });
+});
+
+app.post('/api/auth/logout', (req, res) => {
+  activeSession = null;
+  res.json({ success: true });
+});
+
+// --- Chat History Endpoints ---
+
+app.get('/api/chat/history', (req, res) => {
+  if (!activeSession) return res.status(401).json({ error: 'Session parity lost.' });
+  
+  db.all(
+    'SELECT * FROM messages WHERE user_id = ? ORDER BY timestamp ASC',
+    [activeSession.dbId],
+    (err, rows) => {
+      if (err) return res.status(500).json({ error: 'Neural memory retrieval failure.' });
+      res.json(rows);
+    }
+  );
+});
+
+// --- Gemini Proxy ---
+app.post('/api/gemini/generate', async (req, res) => {
+  try {
+    const apiKey = process.env.API_KEY;
+    if (!apiKey) return res.status(500).json({ error: 'API Key missing' });
+    
+    const { model, contents, config, saveToMemory } = req.body;
+    const ai = new GoogleGenAI({ apiKey });
+    const response = await ai.models.generateContent({ 
+      model: model || 'gemini-3-flash-preview', 
+      contents, 
+      config: config || {}
+    });
+
+    const aiText = response.text;
+
+    // Persist to memory if requested and authenticated
+    if (activeSession && saveToMemory && contents[0]?.parts[0]?.text) {
+      const userPrompt = contents[0].parts[0].text;
+      
+      // Save user prompt
+      db.run('INSERT INTO messages (user_id, role, content) VALUES (?, ?, ?)', [activeSession.dbId, 'user', userPrompt]);
+      // Save AI response
+      db.run('INSERT INTO messages (user_id, role, content) VALUES (?, ?, ?)', [activeSession.dbId, 'assistant', aiText]);
+    }
+
+    res.json({ text: aiText, candidates: response.candidates });
+  } catch (error) {
+    res.status(500).json({ error: 'AI communication failure', details: error.message });
+  }
+});
+
+const CITI_BASE = '/api/accounts/account-transactions/partner/v1';
+app.get(`${CITI_BASE}/accounts/details`, (req, res) => res.json(CITI_ACCOUNTS));
+app.get(`${CITI_BASE}/accounts/:accountId/transactions`, (req, res) => {
+  const { accountId } = req.params;
+  res.json(CITI_TRANSACTIONS[accountId] || { checkingAccountTransactions: [] });
+});
+
+// Serve frontend files from the dist directory
+app.use(express.static(path.join(__dirname, 'dist')));
+
+// SPA Fallback: Redirect all non-API requests to index.html
+app.get('*', (req, res) => {
+  if (req.path.startsWith('/api')) {
+    return res.status(404).json({ error: 'API endpoint not found' });
+  }
+  res.sendFile(path.join(__dirname, 'dist', 'index.html'));
+});
+
+app.listen(port, '0.0.0.0', () => console.log(`Financial Node Proxy Operational on port ${port}`));

tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ESNext",
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    "types": [
+      "node"
+    ],
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "allowImportingTsExtensions": true,
+    "noEmit": true
+  }
+}

types.ts

@@ -0,0 +1,154 @@
+
+export interface Account {
+  id: string;
+  name: string;
+  type: 'quantum_checking' | 'elite_savings' | 'high_yield_vault';
+  balance: number;
+  currency: string;
+  institution: string;
+}
+
+export interface Transaction {
+  id: string;
+  amount: number;
+  currency: string;
+  date: string;
+  description: string;
+  category: string;
+  status: 'POSTED' | 'PENDING';
+  type: string;
+}
+
+export interface InternalAccount {
+  id: string;
+  productName: string;
+  displayAccountNumber: string;
+  currency: string;
+  status: 'ACTIVE' | 'INACTIVE' | 'CLOSED';
+  currentBalance: number;
+  availableBalance: number;
+  institutionName: string;
+  connectionId: string;
+}
+
+export interface Counterparty {
+  id: string;
+  name: string;
+  email: string;
+  status: 'ACTIVE' | 'PENDING' | 'INACTIVE';
+  createdAt: string;
+  metadata?: Record<string, any>;
+  accounts?: Array<{
+    id: string;
+    accountType: string;
+    accountNumber: string;
+  }>;
+}
+
+export interface Connection {
+  id: string;
+  vendorCustomerId: string;
+  entity: string;
+  status: 'CONNECTED' | 'DISCONNECTED' | 'ERROR';
+  lastSyncedAt: string;
+}
+
+export interface Document {
+  id: string;
+  documentableId: string;
+  documentableType: string;
+  documentType: string;
+  fileName: string;
+  size: number;
+  createdAt: string;
+  format: string;
+}
+
+export interface SimulationResult {
+  outcomeNarrative: string;
+  projectedValue: number;
+  confidenceScore: number;
+  status: string;
+  simulationId: string;
+  keyRisks?: string[];
+}
+
+export interface Payee {
+  payeeId: string;
+  displayName: string;
+  merchantName: string;
+  status: string;
+  address?: {
+    line1: string;
+    city: string;
+    region: string;
+    postalCode: string;
+  };
+}
+
+export interface Payment {
+  paymentId: string;
+  amount: number;
+  status: string;
+  dueDate: string;
+  toPayeeId: string;
+  fromAccountId: string;
+}
+
+export interface CustomerProfileResponse {
+  firstName: string;
+  lastName: string;
+  middleName: string;
+  fullName: string;
+  companyName: string;
+  emails: Array<{
+    emailAddress: string;
+    preferenceType: string;
+  }>;
+  addressList: Array<{
+    addressLine1: string;
+    city: string;
+    countryCode: string;
+    postalCode: string;
+    addressType: string;
+  }>;
+  phones: Array<{
+    phoneType: string;
+    fullPhoneNumber: string;
+    preferenceType: string;
+  }>;
+}
+
+export interface ClientRegisterResponse {
+  client_id: string;
+  client_secret: string;
+  client_name: string;
+  appId?: string;
+  redirect_uris: string[];
+  scope: string[];
+  token_endpoint_auth_method?: string;
+}
+
+export interface VirtualAccount {
+  id: string;
+  name: string;
+  description: string | null;
+  status: 'ACTIVE' | 'PENDING' | 'CLOSED';
+  internal_account_id: string;
+  counterparty_id: string | null;
+  created_at: string;
+}
+
+export interface LineItem {
+  id: string;
+  amount: number;
+  currency: string;
+  description: string;
+  ledger_account_id: string;
+  createdAt: string;
+}
+
+export interface LineItemUpdateRequest {
+  description?: string;
+  metadata?: Record<string, any>;
+}

vite.config.ts

@@ -0,0 +1,21 @@
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3001',
+        changeOrigin: true,
+        secure: false,
+      },
+      '/openapi': {
+        target: 'http://localhost:3001',
+        changeOrigin: true,
+        secure: false,
+      },
+    },
+  },
+});