Skip to content

[DS 2.0] Apply the design body spacing to node sections and rows - #136

Open
librowski wants to merge 1 commit into
ds2-node-text-ellipsisfrom
ds2-node-body-spacing
Open

librowski wants to merge 1 commit into
ds2-node-text-ellipsisfrom
ds2-node-body-spacing

Conversation

@librowski

Copy link
Copy Markdown
Collaborator

Change

Design confirmed the node body matrix (DR-143 answer, 9.09): section padding and gap 8px, row padding 8px, row radius 4px, section radius 8px. Code used provisional 12/10/6 from August.

  • node-section.module.css and the AI Agent node-wrapper-info.module.css: padding and gap → space/100, radius → canvas/node/content-radius (existing role).
  • connectable-item.module.css: row padding → space/100, radius → radius/50.
  • The ConnectableItem inset follows automatically, so the derived row width is now 241 - 2*(8+1) - 2*(8+1) = 205px (was 201 with the 10px section padding). Decision log updated with a dated note.

Row padding, row radius, section padding and gap bind to primitives with /* missing token */ markers: the export has no node.body.* roles yet. Design is asked to add node.body.padding, node.body.gap and row roles; the repoint is a two-line follow-up after the next export.

Verification

sdk stylelint and unit tests. Browser measurement of the rows (width 205, padding 8, radius 4) is part of the stack's end-to-end pass; see the recipe in the research repo.

Changeset: @workflowbuilder/sdk patch.

@librowski
librowski marked this pull request as ready for review September 14, 2026 13:14
Sections (Decision branches, AI Agent tools) use 8px padding and gap and the
content radius role; rows use 8px padding and a 4px radius. Values bind to
the space/100 and radius/50 primitives with missing-token markers until the
node.body roles land in the token export. The derived row width becomes 205px.
@librowski
librowski force-pushed the ds2-node-body-spacing branch from 0220b92 to 33f7c3d Compare September 14, 2026 19:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants