lda.chat/lda-wf
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: expose factual run input browser

Browse Source
This commit is contained in:
lda
2026-07-13 10:56:55 +07:00 Verified
parent 78235d1f0e
commit f6b8edba87
9 changed files with 250 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/apps/console/src/presentation/styles/demo-workflow.css
+79 -15
View File
@@ -933,22 +933,41 @@
gap: 0.4rem;
min-height: 0;
margin: 0;
padding: 0.7rem 0;
padding: 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__file button {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.3rem 0.55rem;
align-items: center;
width: 100%;
min-width: 0;
padding: 0.58rem 0.62rem;
border: 1px solid transparent;
border-radius: 0.5rem;
color: var(--text-primary);
text-align: left;
background: transparent;
cursor: pointer;
}
.run-input-file-browser__file button:hover,
.run-input-file-browser__file button:focus-visible {
border-color: color-mix(in oklch, var(--accent-cyan) 45%, var(--stage-line));
outline: none;
}
.run-input-file-browser__file button[data-selected="true"] {
border-color: color-mix(in oklch, var(--accent-cyan) 62%, var(--stage-line));
background: color-mix(in oklch, var(--accent-cyan) 11%, oklch(0.13 0.025 250));
}
.run-input-file-browser__icon {
@@ -968,6 +987,55 @@
.run-input-file-browser__marker {
color: var(--accent-cyan);
white-space: nowrap;
grid-column: 2;
}
.run-input-file-browser__body {
display: grid;
grid-template-columns: minmax(12rem, 0.72fr) minmax(0, 1.28fr);
gap: 0.75rem;
min-height: 0;
padding: 0.7rem 0;
overflow: hidden;
}
.run-input-file-browser__preview {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
min-width: 0;
min-height: 0;
border-left: 1px solid var(--stage-line);
padding-left: 0.75rem;
overflow: hidden;
}
.run-input-file-browser__preview header {
display: grid;
gap: 0.18rem;
padding-bottom: 0.5rem;
}
.run-input-file-browser__preview header code {
color: var(--text-primary);
font: 700 0.78rem/1.25 var(--font-mono, monospace);
}
.run-input-file-browser__preview header span {
color: var(--text-muted);
font: 600 0.58rem/1.3 var(--font-mono, monospace);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.run-input-file-browser__preview pre,
.run-input-file-browser__preview p {
min-height: 0;
margin: 0;
overflow: auto;
color: var(--text-primary);
font: 500 0.72rem/1.5 var(--font-mono, monospace);
white-space: pre-wrap;
scrollbar-width: thin;
}
.run-input-file-browser__destination {
@@ -976,12 +1044,8 @@
}
@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;
.run-input-file-browser__body {
grid-template-columns: minmax(10rem, 0.85fr) minmax(0, 1.15fr);
}
}