Add archive tabs for trades vs review quotes.

Switch hub 内照明心 to a single-column tab layout and auto-show that day's closed trades under the quote form for AI review context.

Co-authored-by: Cursor <cursoragent@cursor.com>

manual_trading_hub/static/app.css

@@ -7956,10 +7956,30 @@ body.funds-fullscreen-open {
   margin-bottom: 12px;
 }
 .archive-layout {
-  display: grid;
-  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
-  gap: 14px;
-  align-items: start;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: stretch;
+}
+.archive-content-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.archive-content-tab {
+  border: 1px solid var(--border-soft);
+  background: transparent;
+  color: inherit;
+  padding: 7px 14px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-family: var(--font);
+  font-size: 0.84rem;
+}
+.archive-content-tab.is-active {
+  background: rgba(59, 130, 246, 0.22);
+  border-color: rgba(59, 130, 246, 0.55);
+  color: var(--text);
 }
 .archive-quotes-panel,
 .archive-main-panel {
@@ -7968,13 +7988,23 @@ body.funds-fullscreen-open {
   border-radius: var(--radius);
   min-width: 0;
 }
-.archive-quotes-panel {
+.archive-tab-panel {
+  display: none;
+}
+.archive-tab-panel.is-active {
   display: flex;
   flex-direction: column;
+}
+.archive-quotes-panel.is-active {
   gap: 10px;
   padding: 12px;
   overflow: visible;
 }
+.archive-main-panel.is-active {
+  gap: 10px;
+  padding: 12px;
+  min-height: 0;
+}
 .archive-panel-head {
   display: flex;
   align-items: center;
@@ -8009,6 +8039,46 @@ body.funds-fullscreen-open {
 .archive-quote-form textarea {
   min-height: 110px;
 }
+.archive-quote-day-trades {
+  border: 1px solid var(--border-soft);
+  border-radius: 8px;
+  background: var(--inset-surface);
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.archive-quote-day-trades-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.archive-quote-day-trades-head h3 {
+  margin: 0;
+  font-size: 0.84rem;
+  font-weight: 600;
+}
+.archive-quote-day-trades-body {
+  overflow: auto;
+  max-height: min(280px, 40vh);
+}
+.archive-quote-day-trades-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.78rem;
+}
+.archive-quote-day-trades-table th,
+.archive-quote-day-trades-table td {
+  padding: 6px 8px;
+  border-bottom: 1px solid var(--border-soft);
+  text-align: left;
+  white-space: nowrap;
+}
+.archive-quote-day-trades-table th {
+  color: var(--muted);
+  font-weight: 500;
+}
 .archive-quotes-list {
   flex: 0 1 auto;
   max-height: min(420px, 50vh);
@@ -8101,14 +8171,6 @@ body.funds-fullscreen-open {
   color: var(--accent);
   border-color: color-mix(in srgb, var(--accent) 35%, var(--border-soft));
 }
-.archive-main-panel {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 12px;
-  min-height: 100%;
-  min-height: 0;
-}
 .archive-period-bar {
   flex-wrap: wrap;
 }
@@ -8841,19 +8903,13 @@ body.funds-fullscreen-open {
     gap: 12px;
     min-height: 0;
   }
-  #page-archive .archive-quotes-panel {
-    order: 1;
+  #page-archive .archive-quotes-panel,
+  #page-archive .archive-main-panel {
     flex: 0 0 auto;
     min-height: 0;
     max-height: none;
     overflow: visible;
   }
-  #page-archive .archive-main-panel {
-    order: 2;
-    flex: 0 0 auto;
-    min-height: 0;
-    gap: 10px;
-  }
   #page-archive .archive-stats-card {
     margin-bottom: 10px;
   }
@@ -8861,6 +8917,9 @@ body.funds-fullscreen-open {
     min-height: 120px;
     max-height: 42vh;
   }
+  #page-archive .archive-quote-day-trades-body {
+    max-height: 32vh;
+  }
   #page-archive .archive-stats-table th,
   #page-archive .archive-stats-table td {
     padding: 6px 8px;