Upload folder using huggingface_hub

frontend/court/court.html

@@ -380,20 +380,20 @@
       </div>
 
       <!-- Concession tracker -->
-      <div class="clay-card p-5 rounded-xl flex-1">
-        <div class="flex items-center justify-between mb-4">
-          <h3 class="font-serif text-sm font-bold text-primary uppercase tracking-wider">Concessions</h3>
-          <span id="concession-count" class="font-mono text-xs bg-secondary-container text-on-secondary-container px-2 py-0.5 rounded-full">0</span>
+      <div class="clay-card p-3 rounded-lg flex-1">
+        <div class="flex items-center justify-between mb-2">
+          <h3 class="font-serif text-[10px] font-bold text-primary uppercase tracking-wider">Concessions</h3>
+          <span id="concession-count" class="font-mono text-[10px] bg-secondary-container text-on-secondary-container px-1.5 py-0.5 rounded-full">0</span>
         </div>
-        <div id="concessions-list" class="space-y-3 text-xs">
-          <p class="text-primary/40 italic font-sans">No concessions recorded yet.</p>
+        <div id="concessions-list" class="space-y-1.5 text-[11px]">
+          <p class="text-primary/40 italic font-sans">None yet.</p>
         </div>
       </div>
 
       <!-- Cited precedents -->
-      <div class="clay-card p-5 rounded-xl">
-        <h3 class="font-serif text-sm font-bold text-primary uppercase tracking-wider mb-3">Cited in Session</h3>
-        <div id="precedents-list" class="space-y-2 text-xs">
+      <div class="clay-card p-3 rounded-lg">
+        <h3 class="font-serif text-[10px] font-bold text-primary uppercase tracking-wider mb-2">Citations</h3>
+        <div id="precedents-list" class="space-y-1 text-[11px]">
           <p class="text-primary/40 italic font-sans">None yet.</p>
         </div>
       </div>
@@ -404,17 +404,17 @@
     <main class="flex-1 flex flex-col overflow-hidden">
 
       <!-- Trap warning banner -->
-      <div id="trap-banner" class="hidden clay-banner-warning mx-4 mt-4 p-5 rounded-xl flex items-center justify-between">
-        <div class="flex items-center gap-4">
-          <div class="w-12 h-12 bg-white/40 rounded-full flex items-center justify-center">
-            <span class="material-symbols-outlined text-secondary text-2xl" style="font-variation-settings:'FILL' 1">bolt</span>
+      <div id="trap-banner" class="hidden clay-banner-warning mx-3 mt-2 p-3 rounded-lg flex items-center justify-between">
+        <div class="flex items-center gap-3">
+          <div class="w-10 h-10 bg-white/40 rounded-full flex items-center justify-center">
+            <span class="material-symbols-outlined text-secondary text-lg" style="font-variation-settings:'FILL' 1">bolt</span>
           </div>
           <div>
-            <h3 class="font-serif text-lg font-bold text-[#5c4300]">⚡ TRAP DETECTED</h3>
-            <p id="trap-warning-text" class="text-[#795900] font-sans text-sm">Opposing counsel's last statement may contain a trap. Read carefully.</p>
+            <h3 class="font-serif text-sm font-bold text-[#5c4300]">⚡ TRAP DETECTED</h3>
+            <p id="trap-warning-text" class="text-[#795900] font-sans text-xs">Opposing counsel may be setting a trap.</p>
           </div>
         </div>
-        <button onclick="dismissTrap()" class="bg-secondary text-white px-6 py-2 rounded-xl font-sans font-bold text-sm">Dismiss</button>
+        <button onclick="dismissTrap()" class="bg-secondary text-white px-4 py-1 rounded-lg font-sans font-bold text-xs">Dismiss</button>
       </div>
 
       <!-- Transcript area -->
@@ -425,70 +425,69 @@
       </div>
 
       <!-- Input area -->
-      <div class="border-t border-outline-variant/20 bg-[#F5F0E8] p-4">
+      <div class="border-t border-outline-variant/20 bg-[#F5F0E8] p-2.5">
         <div class="max-w-3xl mx-auto">
-          <label id="input-label" class="block text-xs font-mono text-outline uppercase tracking-widest mb-3">Your Argument</label>
-          <div class="clay-inset p-4 rounded-xl flex gap-3 items-end">
+          <label id="input-label" class="block text-[10px] font-mono text-outline uppercase tracking-widest mb-2">Your Argument</label>
+          <div class="clay-inset p-2.5 rounded-lg flex gap-2 items-end">
             <textarea
               id="argument-input"
-              rows="3"
+              rows="2"
               placeholder="State your argument to the court..."
-              class="flex-1 bg-transparent border-none focus:ring-0 font-serif text-lg text-on-surface placeholder:text-outline-variant resize-none"
+              class="flex-1 bg-transparent border-none focus:ring-0 font-serif text-sm text-on-surface placeholder:text-outline-variant resize-none"
             ></textarea>
             <div class="flex flex-col gap-2">
-              <div class="text-xs font-mono text-outline text-right" id="word-count">0 / 500</div>
-              <div class="flex gap-2">
-                <button onclick="openObjectionModal()" class="w-10 h-10 clay-card flex items-center justify-center text-secondary hover:scale-105 transition-transform" title="Raise Objection">
-                  <span class="material-symbols-outlined text-sm">warning</span>
+              <div class="text-[10px] font-mono text-outline text-right" id="word-count">0 / 500</div>
+              <div class="flex gap-1.5">
+                <button onclick="openObjectionModal()" class="w-8 h-8 clay-card flex items-center justify-center text-secondary hover:scale-105 transition-transform" title="Raise Objection">
+                  <span class="material-symbols-outlined text-xs">warning</span>
                 </button>
-                <button onclick="openDocumentModal()" class="w-10 h-10 clay-card flex items-center justify-center text-tertiary hover:scale-105 transition-transform" title="Produce Document">
-                  <span class="material-symbols-outlined text-sm">description</span>
+                <button onclick="openDocumentModal()" class="w-8 h-8 clay-card flex items-center justify-center text-tertiary hover:scale-105 transition-transform" title="Produce Document">
+                  <span class="material-symbols-outlined text-xs">description</span>
                 </button>
-                <button onclick="submitArgument()" id="submit-btn" class="clay-btn-primary w-10 h-10 flex items-center justify-center text-white rounded-xl">
-                  <span class="material-symbols-outlined text-sm">send</span>
+                <button onclick="submitArgument()" id="submit-btn" class="clay-btn-primary w-8 h-8 flex items-center justify-center text-white rounded-lg">
+                  <span class="material-symbols-outlined text-xs">send</span>
                 </button>
               </div>
             </div>
           </div>
-          <div class="flex justify-between mt-2 text-xs text-primary/40 font-mono">
+          <div class="flex justify-between mt-1.5 text-[10px] text-primary/40 font-mono">
             <span id="phase-hint">Round 0 — Opening submissions</span>
-            <span>ARGUE &nbsp;|&nbsp; OBJECT ⚡ &nbsp;|&nbsp; PRODUCE 📄</span>
           </div>
         </div>
       </div>
     </main>
 
     <!-- Right panel: Case file + Documents + Round nav -->
-    <aside class="w-64 flex-shrink-0 flex flex-col gap-4 p-4 overflow-y-auto bg-[#F5F0E8] shadow-[inset_4px_0_8px_rgba(0,0,0,0.04)]">
+    <aside class="w-56 flex-shrink-0 flex flex-col gap-3 p-3 overflow-y-auto bg-primary/5 border-l border-primary/10 shadow-[inset_4px_0_8px_rgba(0,0,0,0.04)]">
 
       <!-- Case details -->
-      <div class="clay-card p-5 rounded-xl">
-        <h3 class="font-mono text-[10px] text-primary/40 uppercase tracking-widest mb-3">Case File</h3>
-        <p id="panel-case-title" class="font-serif text-sm font-bold text-primary mb-2">-</p>
+      <div class="clay-card p-3 rounded-lg">
+        <h3 class="font-mono text-[9px] text-primary/40 uppercase tracking-widest mb-2">Case File</h3>
+        <p id="panel-case-title" class="font-serif text-xs font-bold text-primary mb-1.5">-</p>
         <div id="panel-issues" class="flex flex-wrap gap-1">
           <!-- Issue tags -->
         </div>
       </div>
 
       <!-- Documents produced -->
-      <div class="clay-card p-5 rounded-xl flex-1">
-        <h3 class="font-mono text-[10px] text-primary/40 uppercase tracking-widest mb-3">Documents</h3>
-        <div id="documents-list" class="space-y-2">
-          <p class="text-primary/40 italic font-sans text-xs">None produced.</p>
+      <div class="clay-card p-3 rounded-lg flex-1">
+        <h3 class="font-mono text-[9px] text-primary/40 uppercase tracking-widest mb-2">Documents</h3>
+        <div id="documents-list" class="space-y-1.5">
+          <p class="text-primary/40 italic font-sans text-[11px]">None.</p>
         </div>
       </div>
 
       <!-- Round navigator -->
-      <div class="clay-card p-5 rounded-xl">
-        <h3 class="font-mono text-[10px] text-primary/40 uppercase tracking-widest mb-3">Rounds</h3>
-        <div id="round-nav" class="flex flex-wrap gap-2">
+      <div class="clay-card p-3 rounded-lg">
+        <h3 class="font-mono text-[9px] text-primary/40 uppercase tracking-widest mb-2">Rounds</h3>
+        <div id="round-nav" class="flex flex-wrap gap-1">
           <!-- Round dots injected here -->
         </div>
       </div>
 
       <!-- End session button -->
-      <button onclick="confirmEndSession()" class="w-full py-3 rounded-xl border border-primary/20 text-primary/60 font-sans text-sm font-medium hover:border-error hover:text-error transition-colors">
-        End Session →
+      <button onclick="confirmEndSession()" class="w-full py-2 rounded-lg border border-primary/20 text-primary/60 font-sans text-xs font-medium hover:border-error hover:text-error transition-colors">
+        End Session
       </button>
 
     </aside>