feat: refine metadata catalog workflows

frontend/src/shell/database-management/FleetLedgerShell.css

@@ -402,6 +402,7 @@
 }
 
 .thot-fleet-action-selector__select {
+  flex: 1 1 13rem;
   width: min(100%, 22rem);
   min-width: 13rem;
   height: 2rem;
@@ -459,11 +460,11 @@
 .thot-fleet-ledger__drawer {
   position: absolute;
   z-index: 50;
-  inset-block: 0.75rem;
+  inset-block: clamp(0.625rem, 2vh, 1rem);
   inset-inline-start: 50%;
   inset-inline-end: auto;
   display: flex;
-  width: 60%;
+  width: min(75rem, calc(100% - 2rem));
   min-width: 0;
   flex-direction: column;
   overflow: hidden;
@@ -479,10 +480,10 @@
 
 .thot-fleet-ledger .thot-fleet-ledger__context-panel {
   position: absolute;
-  inset-block: 0.75rem;
+  inset-block: clamp(0.625rem, 2vh, 1rem);
   inset-inline-start: 50%;
   inset-inline-end: auto;
-  width: 60%;
+  width: min(75rem, calc(100% - 2rem));
   max-width: none;
   min-width: 0;
   transform: translateX(-50%);
@@ -537,6 +538,20 @@
   box-shadow: inset 0 -1px 0 oklch(var(--primary-foreground) / 0.18);
 }
 
+.thot-sensitive-run--success .thot-fleet-ledger__drawer-header,
+.thot-sensitive-run--success .thot-catalog-drawer__header {
+  color: oklch(var(--primary-foreground));
+  background-color: oklch(var(--success));
+  border-color: oklch(var(--primary-foreground) / 0.18);
+}
+
+.thot-sensitive-run--failure .thot-fleet-ledger__drawer-header,
+.thot-sensitive-run--failure .thot-catalog-drawer__header {
+  color: oklch(var(--destructive-foreground));
+  background-color: oklch(var(--destructive));
+  border-color: oklch(var(--destructive-foreground) / 0.18);
+}
+
 .thot-fleet-ledger__drawer-header .thot-fleet-ledger__drawer-title,
 .thot-fleet-ledger__drawer-header .thot-fleet-ledger__drawer-description,
 .thot-fleet-ledger__drawer-header .thot-fleet-ledger__eyebrow,
@@ -575,6 +590,19 @@
   box-shadow: inset 0 0 0 1px oklch(var(--success) / 0.5);
 }
 
+.thot-catalog-drawer__event-log {
+  min-height: 8rem;
+  max-height: 18rem;
+}
+
+.thot-catalog-drawer__history-list {
+  max-height: 14rem;
+}
+
+.thot-catalog-drawer__run-layout > .thot-catalog-drawer__history {
+  margin-top: 1.25rem;
+}
+
 .thot-fleet-grid-surface {
   position: relative;
 }
@@ -583,6 +611,13 @@
   background: oklch(var(--muted) / 0.32);
 }
 
+@media (min-width: 48rem) {
+  .thot-fleet-grid-toolbar > .thot-fleet-action-selector {
+    flex: 1 1 33rem;
+    min-width: 33rem;
+  }
+}
+
 .thot-fleet-ledger-grid {
   --ag-header-background-color: oklch(var(--muted) / 0.84);
   --ag-odd-row-background-color: oklch(var(--card));
@@ -605,6 +640,14 @@
   background: oklch(var(--muted) / 0.12);
 }
 
+/* Keep selected rows readable without overpowering the status indicators. */
+.thot-fleet-ledger-grid .ag-row.ag-row-selected,
+.thot-fleet-ledger-grid .ag-row.ag-row-selected .ag-cell,
+.thot-fleet-ledger-grid .ag-row.ag-row-selected .ag-grid-pinned-left-cells,
+.thot-fleet-ledger-grid .ag-row.ag-row-selected .ag-grid-pinned-right-cells {
+  background-color: oklch(93% 0.002 17.2) !important;
+}
+
 .thot-fleet-icon-action {
   position: relative;
 }
@@ -744,6 +787,10 @@
   padding: 0;
 }
 
+.thot-fleet-ledger__drawer-body.thot-catalog-drawer__run-layout {
+  padding: clamp(0.75rem, 1.5cqi, 1.25rem);
+}
+
 .thot-fleet-ledger__drawer-footer {
   display: flex;
   flex-wrap: wrap;
@@ -784,8 +831,8 @@
 @container fleet-surface (max-width: 47.999rem) {
   .thot-fleet-ledger__drawer,
   .thot-fleet-ledger .thot-fleet-ledger__context-panel {
-    inset-block: 0.5rem;
-    width: calc(100% - 1rem);
+    inset-block: 0.625rem;
+    width: calc(100% - 1.5rem);
   }
 }
 
@@ -816,11 +863,11 @@
   }
 }
 
-@media (min-width: 40rem) {
+@container work-area-panel (min-width: 48rem) {
   .thot-catalog-drawer__history-layout {
     display: grid;
-    grid-template-columns: minmax(0, 1fr) 13.5rem;
-    gap: 0 1rem;
+    grid-template-columns: minmax(0, 1fr) clamp(12.5rem, 25cqi, 15rem);
+    gap: 0 clamp(0.75rem, 2cqi, 1.25rem);
     align-content: start;
   }
 
@@ -836,6 +883,45 @@
     align-self: start;
     margin-top: 0;
   }
+
+  .thot-catalog-drawer__run-layout {
+    height: 100%;
+    min-height: 0;
+    grid-template-rows: minmax(0, 1fr);
+    align-content: stretch;
+    overflow: hidden;
+  }
+
+  .thot-catalog-drawer__run-layout > .thot-catalog-drawer__run-main {
+    display: flex;
+    min-height: 0;
+    flex-direction: column;
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .thot-catalog-drawer__run-layout > .thot-catalog-drawer__history {
+    position: static;
+    display: flex;
+    min-height: 0;
+    flex-direction: column;
+    align-self: stretch;
+    grid-row: 1;
+  }
+
+  .thot-catalog-drawer__run-layout .thot-catalog-drawer__events {
+    display: flex;
+    min-height: 10rem;
+    flex: 1;
+    flex-direction: column;
+  }
+
+  .thot-catalog-drawer__run-layout .thot-catalog-drawer__event-log,
+  .thot-catalog-drawer__run-layout .thot-catalog-drawer__history-list {
+    min-height: 0;
+    max-height: none;
+    flex: 1;
+  }
 }
 
 @media (max-width: 47.999rem) {