feat(FN-3863): add stash recovery dashboard surface and API routes

Merged FN-3863 brings stash recovery to the dashboard via three coordinated steps: engine-side orphan stash surfacing API in `merger.ts`, dashboard API routes for stash recovery data, and a new `StashRecoveryView` component with mobile support and inspect-diff row actions, integrated into the header Fusion-Task-Id: FN-3863
2026-05-09 19:44:55 -07:00
parent e69631ec24
commit d604d090a8
19 changed files with 838 additions and 13 deletions
--- a/packages/dashboard/app/components/StashRecoveryView.css
+++ b/packages/dashboard/app/components/StashRecoveryView.css
@@ -0,0 +1,101 @@
+.stash-recovery-view {
+  padding: var(--space-lg);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-md);
+}
+
+.stash-recovery-header {
+  display: flex;
+  align-items: center;
+  gap: var(--space-md);
+}
+
+.stash-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr auto auto;
+  gap: var(--space-sm);
+  align-items: center;
+  padding: var(--space-sm) 0;
+  border-bottom: var(--btn-border-width) solid var(--border);
+}
+
+.stash-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs);
+}
+
+.stash-field-label {
+  display: none;
+  color: var(--text-muted);
+  font-size: 0.75rem;
+  text-transform: uppercase;
+}
+
+.stash-row-actions,
+.stash-row-actions-danger {
+  display: flex;
+  gap: var(--space-sm);
+  justify-content: flex-end;
+}
+
+.stash-action-btn {
+  white-space: nowrap;
+}
+
+.stash-status {
+  color: var(--text-muted);
+  grid-column: 1 / -1;
+}
+
+.stash-recovery-diff-modal {
+  max-width: 80vw;
+}
+
+.stash-recovery-diff-pre {
+  margin: 0;
+  padding: var(--space-md);
+  max-height: 50vh;
+  overflow: auto;
+  background: var(--surface);
+  border: var(--btn-border-width) solid var(--border);
+  border-radius: var(--radius-sm);
+  font-family: var(--font-mono);
+  font-size: 0.75rem;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+@media (max-width: 768px) {
+  .stash-row {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--space-md);
+  }
+
+  .stash-field-label {
+    display: inline;
+  }
+
+  .stash-row-actions,
+  .stash-row-actions-danger {
+    justify-content: stretch;
+  }
+
+  .stash-action-btn {
+    flex: 1;
+    min-height: var(--mobile-nav-height);
+  }
+
+  .stash-row-actions-danger .stash-action-btn {
+    width: 100%;
+  }
+
+  .stash-recovery-diff-modal {
+    width: 100%;
+    max-width: 100%;
+  }
+}