feat: show prepared workflow input files

web/apps/console/src/presentation/styles/demo-workflow.css

@@ -806,6 +806,114 @@
   overflow: hidden;
 }
 
+.demo-workflow-stage__input-facts {
+  display: grid;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.run-input-file-browser {
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  border: 1px solid color-mix(in oklch, var(--accent-cyan) 28%, var(--stage-line));
+  border-radius: 0.8rem;
+  padding: 0.8rem;
+  background:
+    linear-gradient(145deg, oklch(0.72 0.17 195 / 0.08), transparent 45%),
+    oklch(0.095 0.02 250 / 0.96);
+}
+
+.run-input-file-browser__header,
+.run-input-file-browser__destination {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.75rem;
+  min-width: 0;
+}
+
+.run-input-file-browser__header {
+  padding-bottom: 0.65rem;
+  border-bottom: 1px solid var(--stage-line);
+}
+
+.run-input-file-browser__header h3 {
+  margin: 0;
+  color: var(--text-primary);
+  font: 700 1rem/1 var(--font-mono, monospace);
+}
+
+.run-input-file-browser__header span,
+.run-input-file-browser__destination > span,
+.run-input-file-browser__marker {
+  color: var(--text-muted);
+  font: 650 0.6rem/1.2 var(--font-mono, monospace);
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.run-input-file-browser__list {
+  display: grid;
+  align-content: start;
+  gap: 0.4rem;
+  min-height: 0;
+  margin: 0;
+  padding: 0.7rem 0;
+  overflow: auto;
+  list-style: none;
+  scrollbar-width: thin;
+}
+
+.run-input-file-browser__file {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  gap: 0.55rem;
+  align-items: center;
+  min-width: 0;
+  padding: 0.5rem 0.55rem;
+  border: 1px solid color-mix(in oklch, var(--stage-line) 72%, transparent);
+  border-radius: 0.55rem;
+  background: oklch(0.13 0.025 250 / 0.72);
+}
+
+.run-input-file-browser__icon {
+  color: var(--accent-cyan);
+  font: 650 0.56rem/1 var(--font-mono, monospace);
+  text-transform: uppercase;
+}
+
+.run-input-file-browser__file code,
+.run-input-file-browser__destination code {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  color: var(--text-primary);
+  font: 600 0.75rem/1.35 var(--font-mono, monospace);
+}
+
+.run-input-file-browser__marker {
+  color: var(--accent-cyan);
+  white-space: nowrap;
+}
+
+.run-input-file-browser__destination {
+  padding-top: 0.7rem;
+  border-top: 1px solid var(--stage-line);
+}
+
+@container presentation-canvas (max-width: 620px) {
+  .run-input-file-browser__file {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .run-input-file-browser__marker {
+    grid-column: 2;
+  }
+}
+
 .interrupt-contract-preview__schema,
 .interrupt-contract-preview__payload,
 .interrupt-contract-preview__issues {