Create src/app.py

src/app.py

@@ -0,0 +1,95 @@
+import streamlit as st
+from streamlit_gsheets import GSheetsConnection
+import pandas as pd
+
+# 1. CONFIGURATION DE LA PAGE
+st.set_page_config(
+    page_title="Vortex-Flux | Ontology",
+    page_icon="🌀",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
+# 2. INJECTION CSS - DESIGN GOTHAM & SPACE GROTESK
+st.markdown("""
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&display=swap');
+    
+    /* Couleurs de fond Gotham */
+    .stApp {
+        background-color: #10161A;
+        color: #F5F8FA;
+        font-family: 'Space Grotesk', sans-serif;
+    }
+    
+    /* Barre latérale */
+    [data-testid="stSidebar"] {
+        background-color: #182026;
+        border-right: 1px solid #2B95D6;
+    }
+    
+    /* Boutons de type Palantir Cobalt */
+    .stButton>button {
+        background-color: #2B95D6 !important;
+        color: white !important;
+        border-radius: 2px !important;
+        border: none !important;
+        font-weight: 700;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+    }
+    
+    /* Inputs et champs */
+    input, textarea, select {
+        background-color: #202B33 !important;
+        color: #F5F8FA !important;
+        border: 1px solid #30404D !important;
+    }
+    
+    /* Titres */
+    h1, h2, h3 {
+        font-family: 'Space Grotesk', sans-serif;
+        font-weight: 700;
+        color: #2B95D6;
+        letter-spacing: -1px;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+# 3. CONNEXION À L'ONTOLOGIE (GOOGLE SHEETS)
+conn = st.connection("gsheets", type=GSheetsConnection)
+
+# 4. FONCTION GÉNÉRATRICE D'ID UNIQUE (ONTOLOGIE)
+def generate_ontology_id(prefix, sheet_name):
+    try:
+        data = conn.read(worksheet=sheet_name)
+        next_id = len(data) + 1
+        return f"{prefix}-{2025}-{next_id:04d}"
+    except:
+        return f"{prefix}-{2025}-0001"
+
+# 5. INTERFACE PRINCIPALE
+st.sidebar.title("🌀 VORTEX-FLUX")
+st.sidebar.caption("Jumeau Numérique de Trésorerie")
+st.sidebar.divider()
+
+menu = st.sidebar.radio(
+    "NAVIGATION",
+    ["TABLEAU DE BORD", "KYC CLIENTS", "SIMULATION PRÊTS", "FLUX & ANALYTICS"]
+)
+
+# CONTENU TEMPORAIRE POUR TESTER LE DESIGN
+if menu == "TABLEAU DE BORD":
+    st.header("OBJECT EXPLORER")
+    col1, col2, col3 = st.columns(3)
+    col1.metric("CAPITAL DEHORS", "1.2M XOF", "+5%")
+    col2.metric("FLUX ATTENDU (J+7)", "450k XOF", "-2%")
+    col3.metric("SCORE LIQUIDITÉ", "8.5/10")
+    
+    st.info("Système Vortex-Flux prêt pour l'ontologie.")
+
+elif menu == "KYC CLIENTS":
+    st.header("ENTITÉ : NOUVEAU CLIENT")
+    new_id = generate_ontology_id("CLI", "Clients_KYC")
+    st.subheader(f"ID : {new_id}")
+    st.write("Demain, nous coderons le formulaire complet ici.")