INFO inspector — redesign

A cleaner INFO section that gives every selection a strong identity header (accent bar + name + kind chip), groups metadata under soft subheadings instead of bare rows and full-bleed dividers, treats long paths as a copyable inset, and collapses status into one pill. It also adds the two new contexts: click empty canvas → the JOB; click a GROUP box → the group. Scaffold is hand-drawn; the buttons/info-icons are the real components.

Before → After · engine table node
CURRENT
INFO
nodeemployees.mysql
typeMYSQL table · remote
transitionsnone
STATUS
warningsnone
locationmysql-postgressql-classic-models/cm_l1/employees.mysql
enginemysql-classic-models storage
columns8 (registered)
rows23
size
idnode-g9oqexug
PROPOSED
INFO
employees.mysql
MYSQLtable · remote
No warnings
Storage
location
mysql-classic-models/cm_l1/employees.mysql
enginemysql-classic-models storage
Shape
columns8 registered
rows23
size
idnode-g9oqexug
Proposed · the selection states
Empty canvas → JOB
INFO
customer-health
JOB.vjob
Last run ok · 13:08
Shape
nodes6 · 4 data · 2 transform
groups2
edges5
Storage
repofiddle-demo
branchmain
in repo
mc/customer-health.vjob
Group box → GROUP
INFO
load stage
GROUP
All members typed
Members · 5
3 data2 transform
Shape
size10 × 6 cells
Double-click a member to inspect it.
idgroup-2k4c1a
Group box → INPUTS
INFO
INPUTS
INPUT BOUNDARY
Data flows into the job through these nodes.
Members · 3
3 data-in
Shape
size8 × 10 cells
idgroup-inp-01
Group box → OUTPUTS
INFO
OUTPUTS
OUTPUT BOUNDARY
1 member untyped
output gold has no asset type
Members · 2
2 data-out
Shape
size8 × 8 cells
idgroup-out-01
Data node → parquet file
INFO
employees
PARQUETfile
No warnings
Storage
location
cm_l1/employees.parquet
engine— local
Shape
columns8 reflected
rows1 204
size96 KB
idnode-oakj7qs9
Transform node → warnings
INFO
enrich-employees
PYtransform
templatelocal.enrich
2 warnings
output out-1 has no asset type
input employees drifted (2 cols)
Last run
failed · exit 1 · 13:08
idnode-jljtg4jj
Port → scratch table
INFO
out-1
PARQUETscratch table · output
Shape
columns8 registered on port
rows1 204 last run
scratch
.scratch/node-jljtg4jj.out-1.parquet
port editor (type · template · state) continues below, as today

Dial it in

3px
7px
7px
--accent-bar:3px; --row-gap:7px; --radius:7px;