shad/canvas-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(documents): browse all data definitions per published process

Browse Source 
New Documents scene at landing chip + scene route. Walks the
curated startable flows, fetches each one's graph, surfaces every
data_definition as a row with its source process. Search filter,
two-column list+detail layout. Mobile collapses to single column
at 700px.
This commit is contained in:
shad
2026-06-14 16:23:31 +04:00
parent 5072e65ec3
commit c9deaeb5c2
5 changed files with 176 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+33
View File
@@ -2088,3 +2088,36 @@ select.studio-input { background: var(--bp-paper); }
/* Generic scene container padding. */
.hub-scene, .approvals-scene, .geo-scene, .explainer-scene { padding: 16px 12px; }
}
.docs-scene { padding: 24px; max-width: 1400px; margin: 0 auto; background: var(--bp-paper); min-height: calc(100vh - 60px); }
.docs-head { margin-bottom: 20px; max-width: 880px; }
.docs-intro { font-size: 13px; color: var(--bp-muted); line-height: 1.5; margin-top: 6px; }
.docs-search {
margin-top: 14px;
width: 100%;
max-width: 480px;
padding: 8px 12px;
background: var(--bp-paper);
border: 1px solid var(--bp-navy);
color: var(--bp-navy);
font-family: var(--bp-mono);
font-size: 12px;
}
.docs-split { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; }
.docs-list, .docs-detail { border: 1px solid var(--bp-navy); padding: 16px; background: var(--bp-paper); display: flex; flex-direction: column; gap: 10px; }
.docs-rows { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; max-height: 70vh; overflow-y: auto; }
.docs-row { width: 100%; text-align: left; padding: 10px 12px; background: var(--bp-paper); border: 1px solid color-mix(in srgb, var(--bp-navy) 18%, transparent); color: var(--bp-navy); cursor: pointer; display: flex; flex-direction: column; gap: 4px; }
.docs-row:hover { background: color-mix(in srgb, var(--bp-amber) 12%, var(--bp-paper)); }
.docs-row.active { background: color-mix(in srgb, var(--bp-amber) 28%, var(--bp-paper)); }
.docs-row-title { font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.docs-row-meta { font-family: var(--bp-mono); font-size: 10px; color: var(--bp-muted); }
.docs-card { padding: 14px; background: var(--bp-paper); border: 1px solid var(--bp-navy); display: flex; flex-direction: column; gap: 10px; }
.docs-card-title { font-size: 14px; font-weight: 700; color: var(--bp-navy); }
.docs-card-meta { font-family: var(--bp-mono); font-size: 11px; color: var(--bp-muted); }
.docs-card-body { font-size: 12px; line-height: 1.5; color: var(--bp-navy); }
.docs-card-actions { padding-top: 8px; border-top: 1px solid color-mix(in srgb, var(--bp-navy) 20%, transparent); }
@media (max-width: 700px) {
.docs-split { grid-template-columns: 1fr; }
.docs-rows { max-height: 50vh; }
}