feat: record task attempt chains

apps/web/src/styles.css

@@ -261,8 +261,8 @@ strong {
 }
 
 .taskRecordTable .shTableRow {
-  grid-template-columns: minmax(190px, 0.95fr) minmax(220px, 1.05fr) minmax(94px, 0.42fr) minmax(280px, 1.55fr) minmax(126px, 0.58fr) minmax(150px, 0.7fr) minmax(154px, 0.66fr) minmax(82px, 0.38fr) minmax(98px, 0.45fr) minmax(150px, 0.7fr) minmax(130px, 0.58fr);
-  min-width: 1674px;
+  grid-template-columns: minmax(190px, 0.9fr) minmax(220px, 1fr) minmax(94px, 0.4fr) minmax(280px, 1.45fr) minmax(104px, 0.42fr) minmax(126px, 0.55fr) minmax(150px, 0.66fr) minmax(154px, 0.62fr) minmax(82px, 0.36fr) minmax(98px, 0.42fr) minmax(150px, 0.66fr) minmax(130px, 0.54fr);
+  min-width: 1778px;
   align-items: start;
 }
 
@@ -354,6 +354,75 @@ strong {
   word-break: break-word;
 }
 
+.taskRecordAttemptCell {
+  overflow: visible;
+  white-space: normal;
+}
+
+.taskRecordAttemptCount {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  min-height: 1.5rem;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--text-strong);
+  cursor: default;
+  font: inherit;
+  font-weight: var(--font-weight-medium);
+}
+
+.taskRecordAttemptAntPopover {
+  z-index: 1200;
+}
+
+.taskRecordAttemptPopover {
+  display: grid;
+  width: min(34rem, calc(100vw - 2rem));
+  gap: 0.6rem;
+}
+
+.taskRecordAttemptDetail {
+  display: grid;
+  min-width: 0;
+  gap: 0.35rem;
+  padding-bottom: 0.6rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.taskRecordAttemptDetail:last-child {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.taskRecordAttemptDetailHeader {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.taskRecordAttemptDetailHeader strong {
+  min-width: 0;
+  color: var(--text-strong);
+  font-weight: var(--font-weight-semibold);
+  overflow-wrap: anywhere;
+}
+
+.taskRecordAttemptDetail small {
+  color: var(--text-soft);
+  font-size: var(--font-size-xs);
+  line-height: 1.4;
+}
+
+.taskRecordAttemptError {
+  color: var(--destructive);
+  font-size: var(--font-size-xs);
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+}
 .taskRecordJsonButton {
   width: 100%;
   justify-content: flex-start;