Make dashboard intake windows compact branded upload controls

app.py

@@ -604,30 +604,33 @@ TOTEM_CSS = """
 #totem-intake-mount #intake-row {
   display: grid !important;
   grid-template-columns: repeat(2, minmax(280px, 1fr));
-  gap: 16px;
+  gap: 12px;
   margin: 0;
 }
 
 #totem-intake-mount #intake-row > .gr-column {
   border: 1px solid rgba(236, 130, 214, 0.48);
-  border-radius: 16px;
+  border-radius: 8px;
   background:
-    radial-gradient(520px 190px at 100% 0%, rgba(126, 72, 196, 0.32), transparent 70%),
-    radial-gradient(420px 220px at 0% 100%, rgba(43, 69, 154, 0.22), transparent 72%),
-    linear-gradient(180deg, rgba(17, 20, 63, 0.96), rgba(10, 14, 42, 0.96));
+    radial-gradient(150px 72px at 98% 18%, rgba(126, 72, 196, 0.32), transparent 72%),
+    radial-gradient(220px 100px at 0% 0%, rgba(132, 53, 151, 0.18), transparent 64%),
+    linear-gradient(180deg, rgba(13, 13, 43, 0.98), rgba(8, 10, 33, 0.98));
   box-shadow:
-    inset 0 0 0 1px rgba(255, 212, 123, 0.16),
-    0 8px 22px rgba(4, 6, 22, 0.48);
-  padding: 12px 14px 14px !important;
-  min-height: 172px;
+    inset 0 0 0 1px rgba(255, 214, 112, 0.16),
+    0 0 24px rgba(179, 86, 245, 0.12);
+  min-height: 88px;
+  max-height: 88px;
+  padding: 10px 12px !important;
+  position: relative;
+  overflow: hidden;
 }
 
 #totem-intake-mount #intake-row .intake-card-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 10px;
-  margin-bottom: 10px;
+  gap: 12px;
+  height: 68px;
 }
 
 #totem-intake-mount #intake-row .intake-brand {
@@ -637,9 +640,9 @@ TOTEM_CSS = """
 }
 
 #totem-intake-mount #intake-row .intake-brand img {
-  width: 40px;
-  height: 40px;
-  border-radius: 10px;
+  width: 48px;
+  height: 48px;
+  border-radius: 8px;
   object-fit: cover;
   box-shadow: 0 0 0 1px rgba(255, 220, 170, 0.14);
 }
@@ -647,45 +650,57 @@ TOTEM_CSS = """
 #totem-intake-mount #intake-row .intake-brand strong {
   display: block;
   color: #f4ece2;
-  font-size: 34px;
-  line-height: 1.05;
+  font-family: var(--font-display);
+  font-size: 20px;
+  line-height: 1.1;
+  font-weight: 500;
   margin-bottom: 2px;
 }
 
 #totem-intake-mount #intake-row .intake-brand span {
   display: block;
   color: rgba(215, 223, 243, 0.88);
-  font-size: 20px;
-  letter-spacing: 0.02em;
+  font-size: 13px;
+  line-height: 1.2;
+  letter-spacing: 0;
 }
 
 #totem-intake-mount #intake-row .intake-cloud {
-  width: 56px;
-  height: 56px;
+  width: 64px;
+  height: 64px;
   border-radius: 50%;
   border: 1px solid rgba(206, 136, 254, 0.42);
   display: grid;
   place-items: center;
   font-size: 26px;
   color: #d7b6ff;
-  background: rgba(31, 33, 79, 0.45);
-}
-
-#totem-intake-mount #intake-row .gr-file {
-  border: 1px dashed rgba(205, 135, 255, 0.5) !important;
-  border-radius: 12px !important;
-  background: rgba(8, 15, 44, 0.62) !important;
-  min-height: 56px;
-  max-height: 56px;
-  overflow: hidden;
-}
-
-#totem-intake-mount #intake-row button {
-  border-radius: 10px !important;
+  background: rgba(22, 19, 58, 0.68);
+}
+
+#totem-intake-mount #intake-row .intake-fileline {
+  width: 118px;
+  height: 2px;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0.22), transparent);
+  margin-top: 7px;
+}
+
+#totem-intake-mount #intake-row .gradio-button {
+  position: absolute !important;
+  left: 170px;
+  bottom: 18px;
+  min-width: 78px !important;
+  min-height: 28px !important;
+  padding: 0 18px !important;
+  border-radius: 4px !important;
+  border: 1px solid rgba(171, 100, 239, 0.72) !important;
+  background: linear-gradient(180deg, rgba(60, 32, 106, 0.95), rgba(36, 20, 76, 0.95)) !important;
+  color: rgba(238, 226, 255, 0.98) !important;
+  font-size: 13px !important;
+  box-shadow: 0 0 10px rgba(140, 78, 255, 0.22) !important;
 }
 
-#totem-intake-mount #intake-row .gr-file .wrap {
-  min-height: 56px !important;
+#totem-intake-mount #intake-row .hidden-intake-field {
+  display: none !important;
 }
 
 @media (max-width: 1080px) {
@@ -3122,7 +3137,6 @@ with gr.Blocks(title="TOTEM Studio") as demo:
                     run_button = gr.Button("Run TOTEM Analysis (Bridge v1)", variant="secondary", scale=1)
 
             gr.HTML("<div class='js-workbook-intake-anchor' aria-hidden='true'></div>")
-            gr.Markdown("### Intake Windows")
             with gr.Row(elem_id="intake-row"):
                 with gr.Column(scale=1, elem_id="workbook-intake-panel"):
                     gr.HTML(
@@ -3130,23 +3144,22 @@ with gr.Blocks(title="TOTEM Studio") as demo:
                         <div class="intake-card-head">
                           <div class="intake-brand">
                             <img src="/gradio_api/file=assets/Brand/excel.png" alt="Excel" />
-                            <div><strong>Workbook</strong><span>Drop .xlsx</span></div>
+                            <div><strong>Workbook</strong><span>Drop .xlsx</span><div class="intake-fileline"></div></div>
                           </div>
                           <div class="intake-cloud">☁</div>
                         </div>
                         """
                     )
-                    dashboard_workbook_file = gr.File(
-                        label="Workbook (.xlsx or .xlsm)",
+                    dashboard_workbook_file = gr.UploadButton(
+                        "Browse",
                         file_types=[".xlsx", ".xlsm"],
                         type="filepath",
-                        show_label=False,
                     )
-                    dashboard_set_workbook = gr.Button("Set Active Workbook", variant="primary")
                     workbook_home_display = gr.Textbox(
                         label="Active workbook home path",
                         value=str(_preferred_workbook_path()),
                         interactive=False,
+                        elem_classes=["hidden-intake-field"],
                     )
 
                 with gr.Column(scale=1, elem_id="codex-panel"):
@@ -3155,27 +3168,23 @@ with gr.Blocks(title="TOTEM Studio") as demo:
                         <div class="intake-card-head">
                           <div class="intake-brand">
                             <img src="/gradio_api/file=assets/Brand/word.png" alt="Word" />
-                            <div><strong>Manuscript</strong><span>Drop .docx</span></div>
+                            <div><strong>Manuscript</strong><span>Drop .docx</span><div class="intake-fileline"></div></div>
                           </div>
                           <div class="intake-cloud">☁</div>
                         </div>
                         """
                     )
-                    dashboard_manuscript_file = gr.File(
-                        label="Manuscript (.txt, .docx, or .pdf)",
-                        file_types=[".txt", ".docx", ".pdf"],
+                    dashboard_manuscript_file = gr.UploadButton(
+                        "Browse",
+                        file_types=[".docx"],
                         type="filepath",
-                        show_label=False,
-                    )
-                    dashboard_manuscript_analyze = gr.Button(
-                        "Analyze Manuscript (No Auto-Score)",
-                        variant="primary",
                     )
                     dashboard_manuscript_status = gr.Textbox(
                         label="Pipeline status",
                         interactive=False,
                         lines=2,
                         value="Ready.",
+                        elem_classes=["hidden-intake-field"],
                     )
 
             with gr.Accordion("Bridge Diagnostics", open=False):
@@ -3351,7 +3360,7 @@ with gr.Blocks(title="TOTEM Studio") as demo:
     # demo.load removed: user triggers load via Run TOTEM Analysis button
     workbook_upload.upload(load_uploaded, inputs=[workbook_upload],
                            outputs=[active_path, dashboard, log_state, score_status])
-    dashboard_set_workbook.click(
+    dashboard_workbook_file.upload(
         set_active_workbook,
         inputs=[dashboard_workbook_file],
         outputs=[workbook_home_display, path_input, active_path, dashboard, log_state, score_status],
@@ -3363,7 +3372,7 @@ with gr.Blocks(title="TOTEM Studio") as demo:
     )
     path_button.click(load_local_path, inputs=[path_input],
                       outputs=[active_path, dashboard, log_state, score_status])
-    dashboard_manuscript_analyze.click(
+    dashboard_manuscript_file.upload(
         analyze_manuscript_for_dashboard,
         inputs=[dashboard_manuscript_file, active_path],
         outputs=[