Spaces:

CaffeinatedCoding
/

nyayasetu

Running

App Files Files Community

CaffeinatedCoding commited on Mar 20

Commit

6b6a2d7

verified ·

1 Parent(s): 5b3cb31

Upload folder using huggingface_hub

Browse files

Files changed (6) hide show

api/main.py +8 -0
frontend/court/court.css +70 -1
frontend/court/court.html +1 -1
frontend/court/court.js +25 -6
frontend/index.html +2 -2
frontend/style.css +95 -3

api/main.py CHANGED Viewed

@@ -176,6 +176,14 @@ def health():
     }
 @app.post("/query", response_model=QueryResponse)
 def query(request: QueryRequest, background_tasks: BackgroundTasks):
     if not request.query.strip():

     }
+@app.get("/court/ui")
+def serve_moot_court():
+    """Serve the Moot Court UI directly"""
+    if os.path.exists("frontend/court/court.html"):
+        return FileResponse("frontend/court/court.html", media_type="text/html")
+    return {"error": "Moot Court UI not found"}
 @app.post("/query", response_model=QueryResponse)
 def query(request: QueryRequest, background_tasks: BackgroundTasks):
     if not request.query.strip():

frontend/court/court.css CHANGED Viewed

@@ -9,6 +9,10 @@
 }
 /* Typography overrides */
 body {
   font-family: "Plus Jakarta Sans", sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -246,8 +250,9 @@ h1, h2, h3, h4, h5, h6 {
 .screen {
   display: none;
   width: 100%;
-  height: 100%;
   min-height: 100vh;
 }
 .screen.active {
@@ -764,6 +769,70 @@ input:checked + .toggle-slider:before {
     margin: 16px;
     max-width: none;
   }
 }
 /* ════════════════════════════════════════════════════════════ */

 }
 /* Typography overrides */
+html {
+  scroll-behavior: smooth;
+}
 body {
   font-family: "Plus Jakarta Sans", sans-serif;
   -webkit-font-smoothing: antialiased;
 .screen {
   display: none;
   width: 100%;
   min-height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 .screen.active {
     margin: 16px;
     max-width: none;
   }
+  /* Improve responsiveness for setup screens */
+  header nav {
+    padding: 16px !important;
+  }
+  main {
+    padding: 16px !important;
+  }
+  .max-w-4xl {
+    max-width: none !important;
+    width: 100% !important;
+  }
+  .px-12 {
+    padding-left: 16px !important;
+    padding-right: 16px !important;
+  }
+  .pt-28 {
+    padding-top: 80px !important;
+  }
+  header.fixed {
+    position: relative;
+  }
+}
+@media (max-width: 480px) {
+  body {
+    font-size: 13px;
+  }
+  .font-serif.text-4xl {
+    font-size: 28px !important;
+  }
+  .font-serif.text-2xl {
+    font-size: 20px !important;
+  }
+  header nav {
+    flex-direction: column;
+    gap: 8px;
+  }
+  header nav a,
+  header nav span {
+    font-size: 14px !important;
+  }
+  main {
+    padding: 12px !important;
+    gap: 16px !important;
+  }
+  .grid.grid-cols-2 {
+    grid-template-columns: 1fr !important;
+  }
+  .clay-card {
+    padding: 16px !important;
+  }
 }
 /* ════════════════════════════════════════════════════════════ */

frontend/court/court.html CHANGED Viewed

@@ -68,7 +68,7 @@
     }
   </script>
 </head>
-<body class="bg-[#F5F0E8] text-on-surface font-body min-h-screen overflow-hidden">
 <!-- ══════════════════════════════════════════════════════════ -->
 <!-- SCREEN: LOBBY                                              -->

     }
   </script>
 </head>
+<body class="bg-[#F5F0E8] text-on-surface font-body min-h-screen overflow-y-auto overflow-x-hidden">
 <!-- ══════════════════════════════════════════════════════════ -->
 <!-- SCREEN: LOBBY                                              -->

frontend/court/court.js CHANGED Viewed

@@ -32,10 +32,14 @@ const state = {
 // ════════════════════════════════════════════════════════════
 document.addEventListener('DOMContentLoaded', () => {
-  loadRecentSessions();
   updateLobbyTime();
   setInterval(updateLobbyTime, 1000);
-  document.getElementById('argument-input').addEventListener('input', updateWordCount);
 });
 // ════════════════════════════════════════════════════════════
@@ -43,6 +47,7 @@ document.addEventListener('DOMContentLoaded', () => {
 // ════════════════════════════════════════════════════════════
 function showScreen(screenId) {
   // Hide all screens
   document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));
@@ -51,10 +56,11 @@ function showScreen(screenId) {
   if (targetScreen) {
     targetScreen.classList.add('active');
     state.currentScreen = screenId;
     // Screen-specific initialization
     if (screenId === 'lobby') {
-      loadRecentSessions();
     } else if (screenId === 'courtroom') {
       initializeCourtroom();
     } else if (screenId === 'analysis') {
@@ -62,6 +68,8 @@ function showScreen(screenId) {
     } else if (screenId === 'sessions') {
       loadAllSessions();
     }
   }
 }
@@ -110,17 +118,22 @@ function removeIssue(issue) {
 }
 function goToStep(step) {
   // Validate current step
   if (state.setupStep === 1 && !state.setupData.side) {
     alert('Please select your side');
     return;
   }
   if (state.setupStep === 2) {
-    if (!document.getElementById('case-title').value.trim()) {
       alert('Please enter case title');
       return;
     }
-    state.setupData.title = document.getElementById('case-title').value;
     state.setupData.userClient = document.getElementById('user-client').value;
     state.setupData.opposingParty = document.getElementById('opposing-party').value;
     state.setupData.facts = document.getElementById('brief-facts').value;
@@ -130,7 +143,13 @@ function goToStep(step) {
   // Update steps
   state.setupStep = step;
   document.querySelectorAll('.setup-step').forEach(s => s.classList.add('hidden'));
-  document.getElementById(`setup-step-${step}`).classList.remove('hidden');
   // Update indicators
   document.querySelectorAll('.step-indicator').forEach((ind, i) => {

 // ════════════════════════════════════════════════════════════
 document.addEventListener('DOMContentLoaded', () => {
+  console.log('✓ NyayaSetu Moot Court UI loaded');
+  try { loadRecentSessions(); } catch (e) { console.warn('Could not load sessions:', e); }
   updateLobbyTime();
   setInterval(updateLobbyTime, 1000);
+  const argInput = document.getElementById('argument-input');
+  if (argInput) {
+    argInput.addEventListener('input', updateWordCount);
+  }
 });
 // ════════════════════════════════════════════════════════════
 // ════════════════════════════════════════════════════════════
 function showScreen(screenId) {
+  console.log(`🔄 Navigating to screen: ${screenId}`);
   // Hide all screens
   document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));
   if (targetScreen) {
     targetScreen.classList.add('active');
     state.currentScreen = screenId;
+    console.log(`✓ Screen active: ${screenId}`);
     // Screen-specific initialization
     if (screenId === 'lobby') {
+      try { loadRecentSessions(); } catch (e) { console.warn('Error loading sessions:', e); }
     } else if (screenId === 'courtroom') {
       initializeCourtroom();
     } else if (screenId === 'analysis') {
     } else if (screenId === 'sessions') {
       loadAllSessions();
     }
+  } else {
+    console.error(`✗ Screen not found: screen-${screenId}`);
   }
 }
 }
 function goToStep(step) {
+  console.log(`→ Moving to setup step ${step}`);
   // Validate current step
   if (state.setupStep === 1 && !state.setupData.side) {
     alert('Please select your side');
+    console.warn('Cannot advance: side not selected');
     return;
   }
   if (state.setupStep === 2) {
+    const title = document.getElementById('case-title').value.trim();
+    if (!title) {
       alert('Please enter case title');
+      console.warn('Cannot advance: case title missing');
       return;
     }
+    state.setupData.title = title;
     state.setupData.userClient = document.getElementById('user-client').value;
     state.setupData.opposingParty = document.getElementById('opposing-party').value;
     state.setupData.facts = document.getElementById('brief-facts').value;
   // Update steps
   state.setupStep = step;
   document.querySelectorAll('.setup-step').forEach(s => s.classList.add('hidden'));
+  const stepEl = document.getElementById(`setup-step-${step}`);
+  if (stepEl) {
+    stepEl.classList.remove('hidden');
+    console.log(`✓ Setup step ${step} displayed`);
+  } else {
+    console.error(`✗ Setup step ${step} element not found`);
+  }
   // Update indicators
   document.querySelectorAll('.step-indicator').forEach((ind, i) => {

frontend/index.html CHANGED Viewed

@@ -32,10 +32,10 @@
       System Analytics
     </button>
-    <a href="/static/court/court.html" class="analytics-btn" style="text-decoration: none; color: inherit;">
       <span class="analytics-icon">⚖️</span>
       Moot Court
-    </a>
     <div class="sidebar-section-label">SESSIONS</div>
     <div id="sessions-list" class="sessions-list">

       System Analytics
     </button>
+    <button class="analytics-btn" onclick="window.location.href='/court/ui'">
       <span class="analytics-icon">⚖️</span>
       Moot Court
+    </button>
     <div class="sidebar-section-label">SESSIONS</div>
     <div id="sessions-list" class="sessions-list">

frontend/style.css CHANGED Viewed

@@ -23,7 +23,7 @@
   --transition:  0.2s ease;
 }
-html, body { height: 100%; overflow: hidden; }
 body {
   font-family: 'DM Sans', sans-serif;
@@ -31,13 +31,16 @@ body {
   color: var(--text-1);
   font-size: 14px;
   line-height: 1.6;
 }
 /* ── Layout ── */
 .app-layout {
   display: flex;
-  height: 100vh;
-  overflow: hidden;
 }
 /* ── Sidebar ── */
@@ -809,6 +812,95 @@ body {
 .stat-value {
   font-size: 28px;
   font-weight: 600;
   color: var(--text-1);
   font-family: 'Cormorant Garamond', serif;
 }

   --transition:  0.2s ease;
 }
+html { height: 100%; }
 body {
   font-family: 'DM Sans', sans-serif;
   color: var(--text-1);
   font-size: 14px;
   line-height: 1.6;
+  min-height: 100vh;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 /* ── Layout ── */
 .app-layout {
   display: flex;
+  min-height: 100vh;
+  overflow: visible;
 }
 /* ── Sidebar ── */
 .stat-value {
   font-size: 28px;
   font-weight: 600;
+}
+/* ── Responsive Improvements ── */
+html {
+  scroll-behavior: smooth;
+}
+@media (max-width: 768px) {
+  :root {
+    --sidebar-w: 208px;
+    --topbar-h: 48px;
+  }
+  .app-layout {
+    flex-direction: column;
+  }
+  .sidebar {
+    width: 100% !important;
+    height: auto;
+    max-height: 40vh;
+    overflow-y: auto;
+    border-right: none;
+    border-bottom: 1px solid var(--border);
+  }
+  .main-wrapper {
+    flex: 1;
+    overflow-y: auto;
+  }
+  .topbar-title {
+    font-size: 14px;
+    max-width: 60%;
+  }
+  .screen {
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
+  }
+  .screen-welcome {
+    padding: 20px 16px 60px !important;
+  }
+  .welcome-inner {
+    max-width: 100% !important;
+  }
+  .chat-bubble {
+    max-width: 95% !important;
+  }
+  .msg-text {
+    font-size: 13px;
+  }
+}
+@media (max-width: 480px) {
+  .sessions-list {
+    max-height: 200px;
+  }
+  .topbar {
+    padding: 0 12px;
+  }
+  .topbar-title {
+    font-size: 12px;
+  }
+  .status-pill {
+    font-size: 11px;
+    padding: 4px 8px;
+  }
+  .screen-welcome {
+    padding: 16px 12px 40px !important;
+  }
+  .welcome-inner h1 {
+    font-size: 20px !important;
+    line-height: 1.3;
+  }
+  .chat-container {
+    max-height: 300px;
+  }
+}
   color: var(--text-1);
   font-family: 'Cormorant Garamond', serif;
 }