@mcp-b/react-components 0.19.0 → 0.20.0

package/dist/styles/menubar.css

@@ -1,45 +1,8 @@
-.menubar {
-  display: flex;
-  align-items: center;
-  gap: var(--sigvelo-spacing-1);
-  padding: var(--sigvelo-spacing-1);
-  background-color: var(--sigvelo-color-canvas);
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-muted);
-  border-radius: var(--sigvelo-radius-md);
-}
-
-.menubar__trigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-block-size: var(--sigvelo-control-height-xs);
-  padding-block: 0;
-  padding-inline: var(--sigvelo-control-padding-inline-md);
-  font-family: inherit;
-  font-size: var(--sigvelo-text-sm);
-  font-weight: var(--sigvelo-font-weight-semibold);
-  color: var(--sigvelo-color-text);
-  background-color: transparent;
+.menubar__trigger:not([data-unstyled]) {
   border: none;
-  border-radius: var(--sigvelo-radius-sm);
-  cursor: pointer;
-  transition:
-    background-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
-    color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
-}
-
-.menubar__trigger:hover {
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  color: var(--sigvelo-color-neutral-text-on-subtle);
-}
-
-.menubar__trigger:focus-visible {
-  outline: none;
-  box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
-.menubar__trigger[data-popup-open] {
+.menubar__trigger:not([data-unstyled])[data-popup-open] {
   background-color: var(--sigvelo-color-neutral-bg-subtle);
   color: var(--sigvelo-color-neutral-text-on-subtle);
 }
@@ -66,8 +29,6 @@
   color: var(--sigvelo-color-danger-text);
 }
 
-.menubar__item[data-variant="destructive"]:hover,
-.menubar__item[data-variant="destructive"]:focus,
 .menubar__item[data-variant="destructive"][data-highlighted] {
   background-color: var(--sigvelo-color-danger-bg-subtle);
   color: var(--sigvelo-color-danger-text-on-subtle);

package/dist/styles/message.css

@@ -157,13 +157,6 @@
   max-block-size: 18rem;
 }
 
-.message__edit-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: var(--sigvelo-spacing-2);
-}
-
 .message__toolbar {
   display: flex;
   align-items: center;

package/dist/styles/motion-reduction.css

@@ -9,8 +9,7 @@
   *::before,
   *::after {
     scroll-behavior: auto !important;
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
+    animation: none !important;
     transition-property:
       opacity, color, background-color, border-color, text-decoration-color, fill, stroke !important;
     transition-duration: var(--sigvelo-duration-reduced) !important;
@@ -21,8 +20,7 @@
 :root[data-motion="reduce"] *::before,
 :root[data-motion="reduce"] *::after {
   scroll-behavior: auto !important;
-  animation-duration: 0.01ms !important;
-  animation-iteration-count: 1 !important;
+  animation: none !important;
   transition-property:
     opacity, color, background-color, border-color, text-decoration-color, fill, stroke !important;
   transition-duration: var(--sigvelo-duration-reduced) !important;

package/dist/styles/navigation-menu.css

@@ -36,7 +36,7 @@
     color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
 }
 
-.navigation-menu__trigger:hover {
+.navigation-menu__trigger:hover:not([aria-disabled="true"]) {
   background-color: var(--sigvelo-color-neutral-bg-subtle);
   color: var(--sigvelo-color-neutral-text-on-subtle);
 }
@@ -50,6 +50,11 @@
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 
+.navigation-menu__trigger[aria-disabled="true"] {
+  opacity: var(--sigvelo-recipe-disabled-opacity);
+  cursor: not-allowed;
+}
+
 .navigation-menu__icon {
   display: inline-flex;
   transition: rotate var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);

package/dist/styles/number-field.css

@@ -22,7 +22,7 @@
   z-index: 1;
 }
 
-.number-field__input:disabled {
+.number-field__input[data-disabled] {
   opacity: var(--sigvelo-recipe-disabled-opacity);
   cursor: not-allowed;
 }
@@ -64,14 +64,14 @@
   border-end-end-radius: var(--sigvelo-radius-md);
 }
 
-.number-field__decrement:hover,
-.number-field__increment:hover {
+.number-field__decrement:hover:not([data-disabled]),
+.number-field__increment:hover:not([data-disabled]) {
   background-color: var(--sigvelo-color-neutral-bg-subtle);
   color: var(--sigvelo-color-neutral-text-on-subtle);
 }
 
-.number-field__decrement:active:not(:disabled),
-.number-field__increment:active:not(:disabled) {
+.number-field__decrement:active:not([data-disabled]),
+.number-field__increment:active:not([data-disabled]) {
   translate: 0 var(--sigvelo-motion-distance-xs);
 }
 
@@ -93,10 +93,10 @@
   z-index: 1;
 }
 
-.number-field__decrement:disabled,
-.number-field__increment:disabled {
+.number-field__decrement[data-disabled],
+.number-field__increment[data-disabled] {
   opacity: var(--sigvelo-recipe-disabled-opacity);
-  pointer-events: none;
+  cursor: not-allowed;
 }
 
 .number-field__scrub-area {

package/dist/styles/plan.css

@@ -27,7 +27,7 @@
 .plan__description {
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .plan__content {
@@ -117,7 +117,7 @@
 .plan__step-description {
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 @media (forced-colors: active) {

package/dist/styles/popover.css

@@ -3,10 +3,6 @@
   background-color: color-mix(in oklab, var(--sigvelo-color-text), transparent 50%);
 }
 
-.popover__positioner {
-  outline: none;
-}
-
 .popover__popup {
   --sigvelo-recipe-surface-padding: var(--sigvelo-spacing-3);
 
@@ -19,7 +15,7 @@
   margin-block-end: var(--sigvelo-spacing-1);
   font-size: var(--sigvelo-text-compact);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   color: var(--sigvelo-color-text);
 }
 
@@ -29,38 +25,6 @@
   margin-block-end: var(--sigvelo-spacing-2);
 }
 
-.popover__close:not(.button) {
-  --sigvelo-recipe-control-height: var(--sigvelo-control-height-xs);
-  --sigvelo-recipe-control-padding-inline: var(--sigvelo-control-padding-inline-xs);
-  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-xs);
-
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-block-size: var(--sigvelo-recipe-control-height);
-  padding-block: 0;
-  padding-inline: var(--sigvelo-recipe-control-padding-inline);
+.popover__close--default {
   margin-block-start: var(--sigvelo-spacing-2);
-  font-family: inherit;
-  font-size: var(--sigvelo-recipe-control-font-size);
-  font-weight: var(--sigvelo-font-weight-semibold);
-  color: var(--sigvelo-color-text-muted);
-  background-color: transparent;
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-muted);
-  border-radius: var(--sigvelo-radius-sm);
-  cursor: pointer;
-  transition:
-    background-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
-    color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
-}
-
-.popover__close:not(.button):hover {
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  color: var(--sigvelo-color-neutral-text-on-subtle);
-}
-
-.popover__close:not(.button):focus-visible {
-  outline: none;
-  box-shadow: var(--sigvelo-recipe-focus-shadow);
 }

package/dist/styles/pricing-page.css

@@ -18,7 +18,7 @@
   font-family: inherit;
   font-size: 2.5rem;
   font-weight: 700;
-  line-height: 1.2;
+  line-height: var(--sigvelo-leading-tight);
   color: var(--sigvelo-color-text);
   margin: 0 0 var(--sigvelo-spacing-3);
 }

package/dist/styles/progress.css

@@ -18,8 +18,8 @@
 
 /* Indeterminate animation */
 
-.progress[data-state="indeterminate"] .progress__indicator {
-  inline-size: 50% !important;
+.progress[data-indeterminate] .progress__indicator {
+  inline-size: 50%;
   animation: progress-indeterminate 1.5s var(--sigvelo-motion-ease-change) infinite;
 }
 
@@ -33,13 +33,13 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .progress[data-state="indeterminate"] .progress__indicator {
+  .progress[data-indeterminate] .progress__indicator {
     animation: none;
     transform: none;
   }
 }
 
-:root[data-motion="reduce"] .progress[data-state="indeterminate"] .progress__indicator {
+:root[data-motion="reduce"] .progress[data-indeterminate] .progress__indicator {
   animation: none;
   transform: none;
 }

package/dist/styles/prompt-input.css

@@ -190,7 +190,7 @@
   color: var(--sigvelo-color-text);
   font-family: inherit;
   font-size: var(--sigvelo-density-compact-control-font-size);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
   resize: none;
   overflow-block: hidden;
 }

package/dist/styles/radio.css

@@ -49,11 +49,11 @@
   background-color: var(--sigvelo-color-primary-bg);
 }
 
-.radio:is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]) {
+.radio:is([aria-invalid="true"], [data-invalid]) {
   border-color: var(--sigvelo-color-danger-bg);
 }
 
-.radio:is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]):focus-visible {
+.radio:is([aria-invalid="true"], [data-invalid]):focus-visible {
   box-shadow: var(--sigvelo-recipe-invalid-focus-shadow);
 }
 

package/dist/styles/recipes.css

@@ -42,6 +42,54 @@
   --sigvelo-recipe-group-label-line-height: inherit;
 }
 
+:where([data-slot="select-trigger"][data-size="sm"], .toggle--sm) {
+  --sigvelo-recipe-control-height: var(--sigvelo-control-height-sm);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-control-padding-inline-sm);
+  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-sm);
+  --sigvelo-recipe-control-icon-size: var(--sigvelo-control-icon-size-sm);
+}
+
+:where([data-slot="select-trigger"][data-size="md"], .toggle--md) {
+  --sigvelo-recipe-control-height: var(--sigvelo-control-height-md);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-control-padding-inline-md);
+  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-md);
+  --sigvelo-recipe-control-icon-size: var(--sigvelo-control-icon-size-md);
+}
+
+:where(.toggle--lg) {
+  --sigvelo-recipe-control-height: var(--sigvelo-control-height-lg);
+  --sigvelo-recipe-control-padding-inline: var(--sigvelo-control-padding-inline-lg);
+  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-lg);
+  --sigvelo-recipe-control-icon-size: var(--sigvelo-control-icon-size-lg);
+}
+
+:where([data-slot="menubar"], [data-slot="toolbar"]) {
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-1);
+  padding: var(--sigvelo-spacing-1);
+  background-color: var(--sigvelo-color-canvas);
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-neutral-border-muted);
+  border-radius: var(--sigvelo-radius-md);
+}
+
+:where([data-slot="menubar"], [data-slot="toolbar"])[data-orientation="vertical"] {
+  flex-direction: column;
+}
+
+:where(
+  [data-slot="dialog-footer"],
+  [data-slot="alert-dialog-footer"],
+  [data-slot="message-edit-actions"],
+  [data-slot="subagent-run-actions"]
+) {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: var(--sigvelo-spacing-2);
+}
+
 /*
  * Composer add and command pickers share a slightly roomier hierarchy than
  * general-purpose menus while continuing to inherit the surface and row
@@ -136,7 +184,7 @@
   padding-inline: var(--sigvelo-recipe-control-padding-inline);
   font-family: inherit;
   font-size: var(--sigvelo-recipe-control-font-size);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-recipe-field-background);
   border: var(--sigvelo-border-style) var(--sigvelo-border-width) var(--sigvelo-recipe-field-border);
@@ -190,7 +238,7 @@
   [data-slot="select-trigger"],
   [data-slot="combobox-input"],
   [data-slot="field-control"]
-):is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]) {
+):is([aria-invalid="true"], [data-invalid]) {
   border-color: var(--sigvelo-color-danger-bg);
 }
 
@@ -200,22 +248,38 @@
   [data-slot="select-trigger"],
   [data-slot="combobox-input"],
   [data-slot="field-control"]
-):is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]):focus-visible {
+):is([aria-invalid="true"], [data-invalid]):focus-visible {
   box-shadow: var(--sigvelo-recipe-invalid-focus-shadow);
 }
 
 :where(
-  [data-slot="input"]:disabled,
+  [data-slot="input"][data-disabled],
   [data-slot="textarea"]:disabled,
   [data-slot="select-trigger"][data-disabled],
-  [data-slot="field-control"]:disabled,
-  [data-slot="number-field-input"]:disabled,
-  [data-slot="toolbar-input"]:disabled
+  [data-slot="field-control"][data-disabled],
+  [data-slot="number-field-input"][data-disabled],
+  [data-slot="toolbar-input"][data-disabled]
 ) {
   cursor: not-allowed;
   opacity: var(--sigvelo-recipe-disabled-opacity);
 }
 
+:where(
+  [data-slot="dropdown-menu-content"],
+  [data-slot="context-menu-content"],
+  [data-slot="menubar-content"],
+  [data-slot="select-content"],
+  [data-slot="combobox-content"],
+  [data-slot="autocomplete-content"],
+  [data-slot="popover-content"],
+  [data-slot="hover-card-content"],
+  [data-slot="tooltip-content"],
+  [data-slot="navigation-menu-popup"]
+) {
+  max-inline-size: var(--available-width);
+  max-block-size: var(--available-height);
+}
+
 :where(
   [data-slot="dropdown-menu-content"],
   [data-slot="context-menu-content"],
@@ -231,8 +295,6 @@
   [data-slot="alert-dialog-content"],
   [data-slot="toast"]
 ) {
-  max-inline-size: var(--available-width);
-  max-block-size: var(--available-height);
   padding: var(--sigvelo-recipe-surface-padding);
   font-family: inherit;
   color: var(--sigvelo-color-text);
@@ -269,7 +331,7 @@
   padding-inline: var(--sigvelo-recipe-row-padding-inline);
   font-family: inherit;
   font-size: var(--sigvelo-recipe-row-font-size);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   color: var(--sigvelo-color-text);
   text-decoration: none;
   border-radius: var(--sigvelo-recipe-row-radius);
@@ -420,7 +482,10 @@
   line-height: var(--sigvelo-leading-normal);
 }
 
-:where([data-slot="dropdown-menu-trigger"]:not([data-unstyled]), [data-slot="popover-trigger"]) {
+:where(
+  [data-slot="dropdown-menu-trigger"]:not([data-unstyled]),
+  [data-slot="popover-trigger"]:not([data-unstyled])
+) {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -431,7 +496,7 @@
   font-family: inherit;
   font-size: var(--sigvelo-recipe-control-font-size);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-color-canvas);
   border: var(--sigvelo-border-style) var(--sigvelo-border-width)
@@ -444,17 +509,17 @@
     border-color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
 }
 
-:where([data-slot="dropdown-menu-trigger"]:not([data-unstyled]), [data-slot="popover-trigger"]):is(
-  :hover,
-  [data-popup-open]
-) {
+:where(
+  [data-slot="dropdown-menu-trigger"]:not([data-unstyled]),
+  [data-slot="popover-trigger"]:not([data-unstyled])
+):is(:hover:not([data-disabled]), [data-popup-open]) {
   color: var(--sigvelo-color-neutral-text-on-subtle);
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 
 :where(
   [data-slot="dropdown-menu-trigger"]:not([data-unstyled]),
-  [data-slot="popover-trigger"]
+  [data-slot="popover-trigger"]:not([data-unstyled])
 ):focus-visible {
   outline: none;
   box-shadow: var(--sigvelo-recipe-focus-shadow);
@@ -485,7 +550,7 @@
   [data-slot="combobox-clear"],
   [data-slot="autocomplete-trigger"],
   [data-slot="autocomplete-clear"]
-):hover {
+):hover:not([data-disabled]) {
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
@@ -500,6 +565,16 @@
   box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
+:where(
+  [data-slot="combobox-trigger"],
+  [data-slot="combobox-clear"],
+  [data-slot="autocomplete-trigger"],
+  [data-slot="autocomplete-clear"]
+)[data-disabled] {
+  cursor: not-allowed;
+  opacity: var(--sigvelo-recipe-disabled-opacity);
+}
+
 :where([data-slot="combobox-list"], [data-slot="autocomplete-list"]) {
   max-block-size: min(22.5rem, var(--available-height));
   padding: var(--sigvelo-spacing-1);

package/dist/styles/scroll-area.css

@@ -1,13 +1,10 @@
 .scroll-area {
-  position: relative;
   overflow: hidden;
 }
 
 .scroll-area__viewport {
   inline-size: 100%;
   block-size: 100%;
-  overflow: auto;
-  scrollbar-width: none;
 }
 
 .scroll-area__viewport:focus-visible {
@@ -15,12 +12,7 @@
   outline-offset: -2px;
 }
 
-.scroll-area__viewport::-webkit-scrollbar {
-  display: none;
-}
-
 .scroll-area__scrollbar {
-  position: absolute;
   display: flex;
   padding: var(--sigvelo-spacing-0-5);
   background-color: transparent;
@@ -29,8 +21,6 @@
   transition:
     opacity var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
     background-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
-  user-select: none;
-  touch-action: none;
 }
 
 .scroll-area__scrollbar:is([data-hovering], [data-scrolling]) {
@@ -47,21 +37,16 @@
 }
 
 .scroll-area__scrollbar[data-orientation="vertical"] {
-  inset-block: 0;
-  inset-inline-end: 0;
   inline-size: var(--sigvelo-spacing-2-5);
   flex-direction: column;
 }
 
 .scroll-area__scrollbar[data-orientation="horizontal"] {
-  inset-inline: 0;
-  inset-block-end: 0;
   block-size: var(--sigvelo-spacing-2-5);
   flex-direction: row;
 }
 
 .scroll-area__thumb {
-  flex: 1;
   background-color: color-mix(in oklab, var(--sigvelo-color-text-muted), transparent 70%);
   border-radius: var(--sigvelo-radius-full);
   transition: background-color var(--sigvelo-motion-duration-interaction)
@@ -77,8 +62,5 @@
 }
 
 .scroll-area__corner {
-  position: absolute;
-  inset-inline-end: 0;
-  inset-block-end: 0;
   background-color: color-mix(in oklab, var(--sigvelo-color-neutral-bg-subtle), transparent 50%);
 }

package/dist/styles/select.css

@@ -5,7 +5,7 @@
   font-family: inherit;
   font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1;
+  line-height: var(--sigvelo-leading-none);
 }
 
 .select__trigger {
@@ -39,13 +39,6 @@
   block-size: var(--sigvelo-recipe-control-icon-size);
 }
 
-.select__trigger--sm {
-  --sigvelo-recipe-control-height: var(--sigvelo-control-height-sm);
-  --sigvelo-recipe-control-padding-inline: var(--sigvelo-control-padding-inline-sm);
-  --sigvelo-recipe-control-font-size: var(--sigvelo-control-text-sm);
-  --sigvelo-recipe-control-icon-size: var(--sigvelo-control-icon-size-sm);
-}
-
 .select__popup {
   --sigvelo-recipe-surface-padding: 0;
   --sigvelo-recipe-popup-min-inline-size: 8rem;
@@ -55,7 +48,11 @@
 }
 
 .select__list {
+  position: relative;
+  max-block-size: var(--available-height);
   padding: var(--sigvelo-spacing-1);
+  overflow-y: auto;
+  scroll-padding-block: var(--sigvelo-spacing-6);
 }
 
 .select__option {

package/dist/styles/slider.css

@@ -46,7 +46,6 @@
 }
 
 .slider__track {
-  position: relative;
   display: flex;
   align-items: center;
   inline-size: 100%;

package/dist/styles/stepper.css

@@ -70,7 +70,7 @@
   box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
-.stepper__trigger:disabled {
+.stepper__trigger[data-disabled] {
   cursor: not-allowed;
 }
 
@@ -85,7 +85,7 @@
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-xs);
   font-weight: var(--sigvelo-font-weight-bold);
-  line-height: 1;
+  line-height: var(--sigvelo-leading-none);
   font-variant-numeric: tabular-nums;
   background-color: var(--sigvelo-color-neutral-bg-subtle);
   border: var(--sigvelo-border-style) var(--sigvelo-border-width)
@@ -159,7 +159,7 @@
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.2;
+  line-height: var(--sigvelo-leading-tight);
 }
 
 .stepper__title[data-state="inactive"] {
@@ -202,7 +202,7 @@
   border-radius: var(--sigvelo-radius-md);
 }
 
-.stepper__content--hidden {
+.stepper__content[data-hidden] {
   display: none;
 }
 

package/dist/styles/streamdown.css

@@ -64,7 +64,7 @@ button[data-streamdown="link"] {
   margin-block: var(--sigvelo-spacing-3) var(--sigvelo-spacing-1-5);
   font-size: 1.125em;
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
 }
 
 [data-streamdown="heading-1"],

package/dist/styles/subagent-run.css

@@ -88,7 +88,7 @@
   gap: var(--sigvelo-spacing-3);
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .subagent-run__progress-label > :first-child {
@@ -115,7 +115,7 @@
   gap: var(--sigvelo-spacing-2);
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-compact);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .subagent-run__milestone::before {
@@ -129,13 +129,6 @@
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 
-.subagent-run__actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--sigvelo-spacing-2);
-  justify-content: flex-end;
-}
-
 @media (forced-colors: active) {
   .subagent-run__milestone::before {
     border-color: CanvasText;