fix: correlate downstream receipts with submit responses

2026-07-14 16:22:41 +08:00
parent 135b4fd24e
commit 1ce02ef206
12 changed files with 487 additions and 91 deletions
@@ -7817,6 +7817,139 @@ h3 {
  font-size: var(--font-size-sm);
 }

+.downstream-delivery-toolbar {
+  align-items: center;
+  border-bottom: 1px solid var(--color-border);
+  display: flex;
+  gap: var(--space-4);
+  justify-content: space-between;
+  padding: var(--space-4) var(--space-5);
+}
+
+.downstream-delivery-toolbar p {
+  color: var(--color-text-muted);
+  line-height: 1.6;
+  margin: 0;
+}
+
+.downstream-delivery-toolbar p strong {
+  color: var(--color-text-strong);
+}
+
+.downstream-delivery-toolbar > div,
+.downstream-delivery-list__actions {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--space-2);
+}
+
+.downstream-delivery-list {
+  overflow-x: auto;
+}
+
+.downstream-delivery-list__header,
+.downstream-delivery-list__row {
+  align-items: center;
+  display: grid;
+  gap: var(--space-3);
+  grid-template-columns: 36px 140px minmax(150px, 1fr) minmax(165px, 1.05fr) 126px 54px minmax(170px, 1.2fr) 136px;
+  min-width: 1080px;
+  padding: var(--space-4);
+}
+
+.downstream-delivery-list__header {
+  background: var(--color-bg-subtle);
+  color: var(--color-text-muted);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+.downstream-delivery-list__row {
+  border-top: 1px solid var(--color-border);
+  min-height: 104px;
+}
+
+.downstream-delivery-list__row:first-of-type {
+  border-top: 0;
+}
+
+.downstream-delivery-list__row:hover {
+  background: color-mix(in srgb, var(--color-selected-soft) 28%, transparent);
+}
+
+.downstream-delivery-list__select,
+.downstream-delivery-list__retry {
+  text-align: center;
+}
+
+.downstream-delivery-list__meta,
+.downstream-delivery-list__owner,
+.downstream-delivery-list__retry {
+  display: grid;
+  gap: 6px;
+}
+
+.downstream-delivery-list__meta strong,
+.downstream-delivery-list__owner strong,
+.downstream-delivery-list__retry strong {
+  color: var(--color-text-strong);
+}
+
+.downstream-delivery-list__meta span,
+.downstream-delivery-list__owner span,
+.downstream-delivery-list__retry span {
+  color: var(--color-text-muted);
+  font-size: var(--font-size-sm);
+}
+
+.downstream-delivery-list__message strong {
+  color: var(--color-text-strong);
+  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+  font-size: var(--font-size-sm);
+  overflow-wrap: anywhere;
+}
+
+.downstream-delivery-list__error {
+  background: #fff7ed;
+  border: 1px solid #fed7aa;
+  border-radius: var(--radius-md);
+  color: #9a3412;
+  display: -webkit-box;
+  line-height: 1.55;
+  overflow: hidden;
+  padding: var(--space-3);
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.downstream-delivery-list__error.is-empty {
+  background: var(--color-bg-subtle);
+  border-color: var(--color-border);
+  color: var(--color-text-subtle);
+}
+
+.downstream-delivery-list__actions {
+  justify-content: flex-end;
+}
+
+.downstream-delivery-list__empty {
+  color: var(--color-text-muted);
+  padding: 48px var(--space-5);
+  text-align: center;
+}
+
+@media (max-width: 760px) {
+  .downstream-delivery-toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .downstream-delivery-toolbar > div {
+    justify-content: flex-end;
+  }
+}
+
 .admin-task-enterprise,
 .admin-task-counts,
 .admin-task-send-type {