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

.changeset/node-body-spacing.md

@@ -0,0 +1,5 @@
+---
+'@workflowbuilder/sdk': patch
+---
+
+Decision branch rows, AI tool rows and their sections follow the design body spacing: 8px padding and gap, 4px row radius and 8px section radius (previously 12/10px, 6px and 8px). Row width derived from the node shell is now 205px.

packages/sdk/src/features/diagram/nodes/ai-agent-node-template/components/node-info-wrapper/node-wrapper-info.module.css

@@ -1,11 +1,11 @@
 .container {
-  --wb-sdk-connectable-item-inset: calc(0.625rem + 1px);
+  --wb-sdk-connectable-item-inset: calc(var(--wb-ds-space-100) + 1px);
 
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
-  border-radius: 0.5rem;
-  padding: 0.625rem;
+  gap: var(--wb-ds-space-100); /* missing token */
+  border-radius: var(--wb-ds-canvas-node-content-radius);
+  padding: var(--wb-ds-space-100); /* missing token */
   border: 1px solid var(--wb-ds-ui-stroke-default);
   color: var(--wb-ds-ui-text-default);
 

packages/sdk/src/features/diagram/nodes/components/connectable-item/connectable-item-width.decision-log.md

@@ -67,3 +67,11 @@ adds horizontal padding without declaring it lets its rows exceed the visible wi
 - Provisional until the design specifies the row width (follow-up: connectable-item-design-width).
   The design's node body matrix (row padding 8px, radius 4px) is a separate change and does not
   alter this derivation.
+
+## Update 14.09.2026
+
+Design confirmed the body matrix (DR-143): section padding and gap 8px, row padding 8px, row radius 4px,
+section radius 8px (`canvas/node/content-radius`). With the section inset now `8 + 1`, the derived row width
+is `241 - 2 x (8 + 1) - 2 x (8 + 1) = 205px` in both Decision and AI Agent. The formula is unchanged; only
+the inset value moved. Row padding, row radius, section padding and gap bind to primitives
+(`space/100`, `radius/50`) with `missing token` markers until design publishes the `node.body.*` roles.

packages/sdk/src/features/diagram/nodes/components/connectable-item/connectable-item.module.css

@@ -1,10 +1,10 @@
 :root {
-  --wb-sdk-connectable-item-horizontal-padding: 0.75rem;
-  --wb-sdk-connectable-item-vertical-padding: 0.625rem;
+  --wb-sdk-connectable-item-horizontal-padding: var(--wb-ds-space-100); /* missing token */
+  --wb-sdk-connectable-item-vertical-padding: var(--wb-ds-space-100); /* missing token */
   --wb-sdk-connectable-item-background: var(--wb-ds-ui-bg-inset);
   --wb-sdk-connectable-item-border-width: 0.0625rem;
   --wb-sdk-connectable-item-border-color: var(--wb-ds-components-text-field-stroke-default);
-  --wb-sdk-connectable-item-border-radius: 0.375rem;
+  --wb-sdk-connectable-item-border-radius: var(--wb-ds-radius-50); /* missing token */
   --wb-sdk-connectable-item-inset: 0rem;
 }
 

packages/sdk/src/features/diagram/nodes/components/node-section/node-section.module.css

@@ -1,7 +1,7 @@
 :root {
-  --wb-sdk-node-section-gap: 0.75rem;
-  --wb-sdk-node-section-padding: 0.625rem;
-  --wb-sdk-node-section-border-radius: 0.5rem;
+  --wb-sdk-node-section-gap: var(--wb-ds-space-100); /* missing token */
+  --wb-sdk-node-section-padding: var(--wb-ds-space-100); /* missing token */
+  --wb-sdk-node-section-border-radius: var(--wb-ds-canvas-node-content-radius);
   --wb-sdk-node-section-border-color: var(--wb-ds-ui-stroke-default);
   --wb-sdk-node-section-border-width: 0.0625rem;
 }