From 923d72186011c64b9cf67d6221d6a1b979240697 Mon Sep 17 00:00:00 2001 From: yyifan-Onyen Date: Tue, 21 Apr 2026 23:17:40 -0400 Subject: [PATCH 1/2] Upgrade Studio UI to editorial research console aesthetic MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Refactor frontend visuals across Hub and 4 workspace tabs (Overview, Human Review, Versions, Notebook) into a calmer, more editorial layout: serif-led typography, breadcrumb workspace header, underline tab nav, Hub poster, vertical timeline for Versions, lighter card chrome, and subtler motion. Removes "(planned)" placeholder pills from the Notebook viewer. Frontend-only — no backend, API contract, or business logic changes. The single app.js diff syncs a data-status attribute on the connection pill so the new CSS can color it; no fetch / state / event behavior is touched. Co-Authored-By: Claude Opus 4.7 --- src/frontend/static/app.js | 5 + src/frontend/static/index.html | 642 +++---- src/frontend/static/styles.css | 3190 +++++++++++++++----------------- 3 files changed, 1869 insertions(+), 1968 deletions(-) diff --git a/src/frontend/static/app.js b/src/frontend/static/app.js index ce953dd..c163964 100644 --- a/src/frontend/static/app.js +++ b/src/frontend/static/app.js @@ -2081,6 +2081,11 @@ function readHashPage() { function setConnection(text) { elements.connectionStatus.textContent = text; + const t = (text || "").toLowerCase(); + let status = "connecting"; + if (t.includes("error")) status = "error"; + else if (t.includes("idle") || t.includes("ready") || t.includes("connected") || t.includes("ok")) status = "ok"; + elements.connectionStatus.dataset.status = status; } async function safeAction(promise) { diff --git a/src/frontend/static/index.html b/src/frontend/static/index.html index f41b322..8a8c48b 100644 --- a/src/frontend/static/index.html +++ b/src/frontend/static/index.html @@ -4,312 +4,335 @@ AutoR Studio + + +
+
-
- -
-

AutoR Studio

-

Research Control Workspace

-

- Every project is human-in-the-loop. Pick a project to open its dedicated workspace for review, files, paper, and history. -

+
+ +
+ +
+ AutoR Studio + Research Control · Human in the loop +
- Connecting - + Connecting +
-
-
-
-

Start

-

New Project

-
- Human-in-the-loop by default -
-
-
- - - -
+
+
+

A research control workspace

+

+ Run experiments
+ read like papers. +

+

+ Every project is human-in-the-loop. Each run is a small lab + notebook — staged, reviewed, and traceable from intake to + manuscript. +

-
-
-
-

Projects

- 0 -
-
-
-
+
+

Start a new project

+ + + +
+
+
+
+

Index

+

Projects

+
+ 0 +
+
+
-
-
-
-

No project selected

-

No run selected

-

Select a run to inspect stage output, files, and manuscript artifacts.

+
+
+
+ No project selected +

No run selected

-
- Idle +
+ Idle
+

+ Select a run to inspect stage output, files, and manuscript artifacts. +

+
-
-
-
-
+
+
+
+

-

-

Current run

-

No run selected

-
-
- Idle + Currently on +

+

No run selected

-
-
    -
    -
    -
    - 0 / 0 stages approved - -
    -
    -
    -
    -
    -
    - - -
    + Idle +
    + +
      + +
      +
      +
      + 0 / 0 stages approved + +
      +
      +
      -

      Waiting for activity…

      -
        -
        +
        + + +
        +
        + +

        Waiting for activity…

        +
          + -
          -
          -

          Project Thesis

          +
          +
          +
          +

          Project thesis

          No project -
          -
          -
          - Project context appears here after you select a project. -
          + +
          + Project context appears here after you select a project.
          -
          -
          -

          Activity

          +
          +
          +

          Activity

          0 events -
          -
          -
            -
            + +
              -
              -
              -

              Stage Rail

              +
              +
              +

              Stage rail

              0 -
              -
              -
              -
              + +
              -
              -
              -
              -

              Current focus

              -

              Stage snapshot

              -
              - -
              -
              -
              - Select a stage to inspect the current summary. -
              -
              +
              +
              +

              + Current focus + +

              +

              Stage snapshot

              +
              +
              + Select a stage to inspect the current summary. +
              +
              -
              -
              -

              Run Summary

              - 0 artifacts +
              +
              +

              Run summary

              + 0 artifacts +
              +
              +
              + +
              +

              Artifacts

              +
                -
                -
                -
                -

                Artifacts

                -
                  -
                  -
                  -
                  -
                  +
                  +
                  +
                  - -
                  -
                    -
                    - -
                    -
                    -
                    - - -
                    -
                    -
                    -

                    You are reviewing

                    -

                    No stage selected

                    -

                    Pick a run to inspect a stage.

                    -
                    - idle -
                    - -
                    +
                      + +
                      +
                      +
                      +

                      You are reviewing

                      +

                      No stage selected

                      +

                      + Pick a run to inspect a stage. +

                      +
                      + idle +
                      -
                        +
                        -
                        - - -
                        +
                          - -

                          -
                          - - -
                          -
                          -

                          Stage document

                          - -
                          -

                          Human Review

                          -
                          - Select a stage to inspect the human-readable summary. -
                          -
                          +
                          + + +
                          - -
                          -
                          -

                          Previous Stages

                          - 0 approved -
                          -
                          -
                          -
                          + +

                          + + +
                          +
                          +
                          +

                          + Human review + · +

                          +

                          Stage document

                          +
                          +
                          + Select a stage to inspect the human-readable summary. +
                          + +
                          +
                          +

                          Previous stages

                          + 0 approved +
                          +
                          +
                          -
                          +
                          -
                          -
                          -
                          -
                          -

                          Project versions

                          -

                          Derived Checkpoints

                          -
                          +
                          +
                          +
                          +

                          Project versions

                          0 -
                          -
                          - -
                          -
                          + +

                          + This first slice is read-only — checkpoints are derived from the run manifest and approved stages until named milestones are wired in. +

                          +
                            -
                            -
                            -
                            -

                            Checkpoint details

                            -

                            Version detail

                            -
                            - -
                            -
                            -
                            - Select a checkpoint to inspect its stage summary and changed artifacts. -
                            -
                            -

                            Artifacts At This Checkpoint

                            -
                              -
                              -
                              -

                              Stage Summary

                              -
                              - Select a checkpoint to preview its associated stage summary. -
                              -
                              +
                              +
                              +

                              + Checkpoint detail + +

                              +

                              Version detail

                              +
                              +
                              + Select a checkpoint to inspect its stage summary and changed artifacts.
                              + +
                              +

                              Artifacts at this checkpoint

                              +
                                +
                                + +
                                +

                                Stage summary

                                +
                                + Select a checkpoint to preview its associated stage summary. +
                                +
                                -
                                +