@refrakt-md/lumina 0.32.0 → 0.34.0

package/styles/runes/plan-history.css

@@ -1,177 +1,176 @@
 @layer skin {
-/* Plan History — vertical timeline (mirrors .rf-timeline--vertical) */
+	/* Plan History — vertical timeline (mirrors .rf-timeline--vertical) */
 
-.rf-plan-history {
-	margin: 2rem 0;
-}
-.rf-plan-history__heading {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-bold);
-	color: var(--rf-color-text);
-	margin: 0 0 1rem;
-}
-
-/* Event list — vertical line */
-.rf-plan-history__events {
-	padding: 0;
-	margin: 0;
-}
+	.rf-plan-history {
+		margin: 2rem 0;
+	}
+	.rf-plan-history__heading {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-bold);
+		color: var(--rf-color-text);
+		margin: 0 0 1rem;
+	}
 
-/* Each event entry — left-padded with border line */
-.rf-plan-history__event {
-	padding-left: 2rem;
-	padding-bottom: 2rem;
-	border-left: 2px solid var(--rf-color-border);
-	margin-left: 0.375rem;
-}
-.rf-plan-history__event:last-child {
-	border-left-color: transparent;
-	padding-bottom: 0;
-}
+	/* Event list — vertical line */
+	.rf-plan-history__events {
+		padding: 0;
+		margin: 0;
+	}
 
-/* Circle markers on the timeline line */
-.rf-plan-history__event::before {
-	border-radius: 50%;
-	background: var(--rf-color-primary);
-	border: 2px solid var(--rf-color-bg);
-	box-shadow: 0 0 0 2px var(--rf-color-primary);
-}
+	/* Each event entry — left-padded with border line */
+	.rf-plan-history__event {
+		padding-left: 2rem;
+		padding-bottom: 2rem;
+		border-left: 2px solid var(--rf-color-border);
+		margin-left: 0.375rem;
+	}
+	.rf-plan-history__event:last-child {
+		border-left-color: transparent;
+		padding-bottom: 0;
+	}
 
-/* Open circle for creation events */
-.rf-plan-history__event[data-kind="created"]::before {
-	background: var(--rf-color-bg);
-}
+	/* Circle markers on the timeline line */
+	.rf-plan-history__event::before {
+		border-radius: 50%;
+		background: var(--rf-color-primary);
+		border: 2px solid var(--rf-color-bg);
+		box-shadow: 0 0 0 2px var(--rf-color-primary);
+	}
 
-/* Date + hash header */
-.rf-plan-history__date {
-	font-size: var(--rf-text-xs);
-	font-weight: var(--rf-weight-semibold);
-	color: var(--rf-color-primary);
-	letter-spacing: var(--rf-tracking-wide);
-	margin-right: 0.5rem;
-}
-.rf-plan-history__hash {
-	font-family: var(--rf-font-mono);
-	font-size: var(--rf-text-xs);
-	color: var(--rf-color-muted);
-	text-decoration: none;
-}
-a.rf-plan-history__hash:hover {
-	color: var(--rf-color-primary);
-	text-decoration: underline;
-}
+	/* Open circle for creation events */
+	.rf-plan-history__event[data-kind="created"]::before {
+		background: var(--rf-color-bg);
+	}
 
-/* Changes block */
-.rf-plan-history__changes {
-	margin-top: 0.25rem;
-}
-.rf-plan-history__change {
-	gap: 0.25rem;
-	font-size: var(--rf-text-sm);
-	line-height: var(--rf-leading-relaxed);
-	color: var(--rf-color-muted);
-}
-.rf-plan-history__field {
-	font-weight: var(--rf-weight-medium);
-	color: var(--rf-color-text);
-}
-.rf-plan-history__field::after {
-	content: ':';
-}
-.rf-plan-history__arrow {
-	color: var(--rf-color-muted);
-	margin-inline: 0.125rem;
-}
+	/* Date + hash header */
+	.rf-plan-history__date {
+		font-size: var(--rf-text-xs);
+		font-weight: var(--rf-weight-semibold);
+		color: var(--rf-color-primary);
+		letter-spacing: var(--rf-tracking-wide);
+		margin-right: 0.5rem;
+	}
+	.rf-plan-history__hash {
+		font-family: var(--rf-font-mono);
+		font-size: var(--rf-text-xs);
+		color: var(--rf-color-muted);
+		text-decoration: none;
+	}
+	a.rf-plan-history__hash:hover {
+		color: var(--rf-color-primary);
+		text-decoration: underline;
+	}
 
-/* Value badges (add/remove) */
-.rf-plan-history__value {
-	font-size: var(--rf-text-sm);
-	padding: 0.0625rem 0.375rem;
-	border-radius: var(--rf-radius-sm);
-}
-.rf-plan-history__value[data-type="add"] {
-	background: var(--rf-color-success-bg);
-	color: var(--rf-color-success);
-}
-.rf-plan-history__value[data-type="remove"] {
-	background: var(--rf-color-danger-bg);
-	color: var(--rf-color-danger);
-	text-decoration: line-through;
-}
+	/* Changes block */
+	.rf-plan-history__changes {
+		margin-top: 0.25rem;
+	}
+	.rf-plan-history__change {
+		gap: 0.25rem;
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+		color: var(--rf-color-muted);
+	}
+	.rf-plan-history__field {
+		font-weight: var(--rf-weight-medium);
+		color: var(--rf-color-text);
+	}
+	.rf-plan-history__field::after {
+		content: ":";
+	}
+	.rf-plan-history__arrow {
+		color: var(--rf-color-muted);
+		margin-inline: 0.125rem;
+	}
 
-/* Event kind labels */
-.rf-plan-history__created {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-}
-.rf-plan-history__resolution,
-.rf-plan-history__content-edit {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-	font-style: italic;
-}
+	/* Value badges (add/remove) */
+	.rf-plan-history__value {
+		font-size: var(--rf-text-sm);
+		padding: 0.0625rem 0.375rem;
+		border-radius: var(--rf-radius-sm);
+	}
+	.rf-plan-history__value[data-type="add"] {
+		background: var(--rf-color-success-bg);
+		color: var(--rf-color-success);
+	}
+	.rf-plan-history__value[data-type="remove"] {
+		background: var(--rf-color-danger-bg);
+		color: var(--rf-color-danger);
+		text-decoration: line-through;
+	}
 
-/* Criteria list */
-.rf-plan-history__criteria {
-	padding: 0;
-	margin: 0.25rem 0 0;
-}
-.rf-plan-history__criteria li {
-	font-size: var(--rf-text-sm);
-	line-height: var(--rf-leading-relaxed);
-	color: var(--rf-color-text);
-}
-.rf-plan-history__criteria li[data-action="checked"] {
-	color: var(--rf-color-success);
-}
-.rf-plan-history__criteria li[data-action="unchecked"] {
-	color: var(--rf-color-danger);
-}
-.rf-plan-history__criteria li[data-action="removed"] {
-	color: var(--rf-color-danger);
-	text-decoration: line-through;
-}
+	/* Event kind labels */
+	.rf-plan-history__created {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+	}
+	.rf-plan-history__resolution,
+	.rf-plan-history__content-edit {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+		font-style: italic;
+	}
 
-/* Collapse / empty */
-.rf-plan-history__more {
-	color: var(--rf-color-muted);
-	font-style: italic;
-	cursor: pointer;
-}
-.rf-plan-history__empty {
-	color: var(--rf-color-muted);
-	font-style: italic;
-}
+	/* Criteria list */
+	.rf-plan-history__criteria {
+		padding: 0;
+		margin: 0.25rem 0 0;
+	}
+	.rf-plan-history__criteria li {
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+		color: var(--rf-color-text);
+	}
+	.rf-plan-history__criteria li[data-action="checked"] {
+		color: var(--rf-color-success);
+	}
+	.rf-plan-history__criteria li[data-action="unchecked"] {
+		color: var(--rf-color-danger);
+	}
+	.rf-plan-history__criteria li[data-action="removed"] {
+		color: var(--rf-color-danger);
+		text-decoration: line-through;
+	}
 
-/* Global feed (commit-grouped) */
-.rf-plan-history--global .rf-plan-history__commit-message {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-bold);
-	color: var(--rf-color-text);
-	margin-top: 0.25rem;
-	margin-bottom: 0.5rem;
-}
-.rf-plan-history--global .rf-plan-history__entity-summary {
-	gap: 0.5rem;
-	font-size: var(--rf-text-sm);
-	line-height: var(--rf-leading-relaxed);
-}
-.rf-plan-history--global .rf-plan-history__entity-id {
-	font-weight: var(--rf-weight-semibold);
-	font-family: var(--rf-font-mono);
-	font-size: var(--rf-text-xs);
-	color: var(--rf-color-primary);
-	white-space: nowrap;
-}
-.rf-plan-history--global .rf-plan-history__entity-changes {
-	color: var(--rf-color-muted);
-}
+	/* Collapse / empty */
+	.rf-plan-history__more {
+		color: var(--rf-color-muted);
+		font-style: italic;
+		cursor: pointer;
+	}
+	.rf-plan-history__empty {
+		color: var(--rf-color-muted);
+		font-style: italic;
+	}
 
-/* Responsive */
-@media (max-width: 640px) {
-	.rf-plan-history__event {
-		padding-left: 1.25rem;
+	/* Global feed (commit-grouped) */
+	.rf-plan-history--global .rf-plan-history__commit-message {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-bold);
+		color: var(--rf-color-text);
+		margin-top: 0.25rem;
+		margin-bottom: 0.5rem;
+	}
+	.rf-plan-history--global .rf-plan-history__entity-summary {
+		gap: 0.5rem;
+		font-size: var(--rf-text-sm);
+		line-height: var(--rf-leading-relaxed);
+	}
+	.rf-plan-history--global .rf-plan-history__entity-id {
+		font-weight: var(--rf-weight-semibold);
+		font-family: var(--rf-font-mono);
+		font-size: var(--rf-text-xs);
+		color: var(--rf-color-primary);
+		white-space: nowrap;
+	}
+	.rf-plan-history--global .rf-plan-history__entity-changes {
+		color: var(--rf-color-muted);
 	}
-}
 
+	/* Responsive */
+	@media (max-width: 640px) {
+		.rf-plan-history__event {
+			padding-left: 1.25rem;
+		}
+	}
 }

package/styles/runes/plan-progress.css

@@ -1,21 +1,20 @@
 @layer skin {
-/* plan-progress (SPEC-076 / WORK-296) — a stack of per-type blocks, each a type
+	/* plan-progress (SPEC-076 / WORK-296) — a stack of per-type blocks, each a type
  * heading + an `aggregate` composition (progress bar + status badges). The bar
  * and badge-row chrome come from the `progress` / `aggregate` / `badge` runes;
  * this file only lays out the per-type grouping. */
-.rf-plan-progress {
-	gap: var(--rf-spacing-lg, 2rem);
-}
-.rf-plan-progress__group {
-	gap: var(--rf-spacing-sm, 0.75rem);
-}
-.rf-plan-progress__heading {
-	margin: 0;
-	font-size: var(--rf-text-sm);
-	font-weight: var(--rf-weight-semibold);
-	text-transform: uppercase;
-	letter-spacing: var(--rf-tracking-wider);
-	color: var(--rf-color-muted);
-}
-
+	.rf-plan-progress {
+		gap: var(--rf-spacing-lg, 2rem);
+	}
+	.rf-plan-progress__group {
+		gap: var(--rf-spacing-sm, 0.75rem);
+	}
+	.rf-plan-progress__heading {
+		margin: 0;
+		font-size: var(--rf-text-sm);
+		font-weight: var(--rf-weight-semibold);
+		text-transform: uppercase;
+		letter-spacing: var(--rf-tracking-wider);
+		color: var(--rf-color-muted);
+	}
 }

package/styles/runes/plan-ref.css

@@ -1,29 +1,38 @@
 @layer skin {
-/* Plan cross-reference links */
+	/* Plan cross-reference links */
 
-.rf-plan-ref {
-	font-family: var(--rf-font-mono, ui-monospace, monospace);
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-info, #339af0);
-	text-decoration: none;
-	border-bottom: 1px dashed var(--rf-color-info, #339af0);
-	padding-inline: 0.25rem;
-}
-
-.rf-plan-ref:hover {
-	background: var(--rf-color-info-bg, #e7f5ff);
-	border-radius: var(--rf-radius-sm, 0.25rem);
-	border-bottom-color: transparent;
-}
+	.rf-plan-ref {
+		font-family: var(--rf-font-mono, ui-monospace, monospace);
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-info, #339af0);
+		text-decoration: none;
+		border-bottom: 1px dashed var(--rf-color-info, #339af0);
+		padding-inline: 0.25rem;
+	}
 
-.rf-plan-ref::before {
-	margin-inline-end: 0.25rem;
-}
+	.rf-plan-ref:hover {
+		background: var(--rf-color-info-bg, #e7f5ff);
+		border-radius: var(--rf-radius-sm, 0.25rem);
+		border-bottom-color: transparent;
+	}
 
-.rf-plan-ref[data-type="spec"]::before { content: '\1F4CB'; }
-.rf-plan-ref[data-type="work"]::before { content: '\1F527'; }
-.rf-plan-ref[data-type="bug"]::before { content: '\1F41B'; }
-.rf-plan-ref[data-type="decision"]::before { content: '\2696\FE0F'; }
-.rf-plan-ref[data-type="milestone"]::before { content: '\1F3AF'; }
+	.rf-plan-ref::before {
+		margin-inline-end: 0.25rem;
+	}
 
+	.rf-plan-ref[data-type="spec"]::before {
+		content: "\1F4CB";
+	}
+	.rf-plan-ref[data-type="work"]::before {
+		content: "\1F527";
+	}
+	.rf-plan-ref[data-type="bug"]::before {
+		content: "\1F41B";
+	}
+	.rf-plan-ref[data-type="decision"]::before {
+		content: "\2696\FE0F";
+	}
+	.rf-plan-ref[data-type="milestone"]::before {
+		content: "\1F3AF";
+	}
 }

package/styles/runes/playlist.css

@@ -1,128 +1,127 @@
 @layer skin {
-/* Playlist */
+	/* Playlist */
 
-/* Thin-edge inset model (matches `.rf-card` / `.rf-recipe`): card outer padding
+	/* Thin-edge inset model (matches `.rf-card` / `.rf-recipe`): card outer padding
  * is a thin edge, the content column adds the remaining inset back so text sits
  * at the full `--rune-padding` without negative-margin bleed. Like recipe, no
  * `align-items: stretch` — the cover is a square album image (aspect-ratio: 1
  * on `__media img` below), and stretching the cell would just produce empty
  * card padding around it. */
-.rf-playlist {
-	--rf-playlist-edge: 0.5rem;
-	--rf-playlist-media-gap: var(--rf-spacing-lg);
-	--rf-playlist-split-gap: var(--rf-spacing-sm);
-	padding: var(--rf-playlist-edge);
-}
+	.rf-playlist {
+		--rf-playlist-edge: 0.5rem;
+		--rf-playlist-media-gap: var(--rf-spacing-lg);
+		--rf-playlist-split-gap: var(--rf-spacing-sm);
+		padding: var(--rf-playlist-edge);
+	}
 
-.rf-playlist__content {
-	padding: max(0px, calc(var(--rune-padding, var(--rf-spacing-md)) - var(--rf-playlist-edge)));
-}
+	.rf-playlist__content {
+		padding: max(0px, calc(var(--rune-padding, var(--rf-spacing-md)) - var(--rf-playlist-edge)));
+	}
 
-/* Direct grid properties (column-gap / row-gap) win via selector specificity
+	/* Direct grid properties (column-gap / row-gap) win via selector specificity
  * over the shared media-position layout vars. */
-.rf-playlist[data-media-position="start"],
-.rf-playlist[data-media-position="end"] {
-	column-gap: var(--rf-playlist-split-gap);
-	row-gap: var(--rf-playlist-media-gap);
-}
+	.rf-playlist[data-media-position="start"],
+	.rf-playlist[data-media-position="end"] {
+		column-gap: var(--rf-playlist-split-gap);
+		row-gap: var(--rf-playlist-media-gap);
+	}
 
-.rf-playlist[data-media-position="top"] > [data-section="media"] {
-	margin-bottom: var(--rf-playlist-media-gap);
-}
-.rf-playlist[data-media-position="bottom"] > [data-section="media"] {
-	margin-top: var(--rf-playlist-media-gap);
-}
+	.rf-playlist[data-media-position="top"] > [data-section="media"] {
+		margin-bottom: var(--rf-playlist-media-gap);
+	}
+	.rf-playlist[data-media-position="bottom"] > [data-section="media"] {
+		margin-top: var(--rf-playlist-media-gap);
+	}
 
-/* Inner header (headline + description) inside content */
-.rf-playlist__content > .rf-playlist__header {
-	gap: 0.25rem;
-	margin-bottom: 1rem;
-}
-.rf-playlist__headline {
-	margin: 0;
-}
-.rf-playlist__content > .rf-playlist__header p {
-	margin: 0;
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-	line-height: var(--rf-leading-normal);
-}
+	/* Inner header (headline + description) inside content */
+	.rf-playlist__content > .rf-playlist__header {
+		gap: 0.25rem;
+		margin-bottom: 1rem;
+	}
+	.rf-playlist__headline {
+		margin: 0;
+	}
+	.rf-playlist__content > .rf-playlist__header p {
+		margin: 0;
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+		line-height: var(--rf-leading-normal);
+	}
 
-/* Tracks list wrapper */
-.rf-playlist__tracks {
-	padding: 0;
-	margin: 0;
-	border: 1px solid var(--rf-color-border);
-	border-radius: var(--rf-radius-md);
-}
+	/* Tracks list wrapper */
+	.rf-playlist__tracks {
+		padding: 0;
+		margin: 0;
+		border: 1px solid var(--rf-color-border);
+		border-radius: var(--rf-radius-md);
+	}
 
-/* Track items — override sequence dimension's absolute positioning */
-.rf-playlist__tracks > li {
-	gap: 0.75rem;
-	padding: 0.75rem 1.25rem;
-	padding-left: 1.25rem;
-	transition: background 0.15s ease;
-}
-.rf-playlist__tracks > li + li {
-	border-top: 1px solid var(--rf-color-border);
-}
-.rf-playlist__tracks > li:hover {
-	background: color-mix(in srgb, var(--rf-color-border) 15%, transparent);
-}
-.rf-playlist__tracks > li::before {
-	font-size: var(--rf-text-xs);
-	font-variant-numeric: tabular-nums;
-	color: var(--rf-color-muted);
-	background: none;
-	border-radius: 0;
-	text-align: right;
-}
+	/* Track items — override sequence dimension's absolute positioning */
+	.rf-playlist__tracks > li {
+		gap: 0.75rem;
+		padding: 0.75rem 1.25rem;
+		padding-left: 1.25rem;
+		transition: background 0.15s ease;
+	}
+	.rf-playlist__tracks > li + li {
+		border-top: 1px solid var(--rf-color-border);
+	}
+	.rf-playlist__tracks > li:hover {
+		background: color-mix(in srgb, var(--rf-color-border) 15%, transparent);
+	}
+	.rf-playlist__tracks > li::before {
+		font-size: var(--rf-text-xs);
+		font-variant-numeric: tabular-nums;
+		color: var(--rf-color-muted);
+		background: none;
+		border-radius: 0;
+		text-align: right;
+	}
 
-/* Track name */
-.rf-playlist__tracks [data-name="track-name"] {
-	font-size: var(--rf-text);
-	font-weight: var(--rf-weight-medium);
-	color: var(--rf-color-text);
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-/* Track artist */
-.rf-playlist__tracks [data-name="track-artist"] {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-}
-.rf-playlist__tracks [data-name="track-artist"]::before {
-	content: '\00b7';
-	margin-right: 0.5rem;
-	opacity: 0.5;
-}
+	/* Track name */
+	.rf-playlist__tracks [data-name="track-name"] {
+		font-size: var(--rf-text);
+		font-weight: var(--rf-weight-medium);
+		color: var(--rf-color-text);
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 
-/* Track duration — pushed right */
-.rf-playlist__tracks [data-name="track-duration"] {
-	font-size: var(--rf-text-sm);
-	color: var(--rf-color-muted);
-	font-variant-numeric: tabular-nums;
-	text-align: right;
-}
+	/* Track artist */
+	.rf-playlist__tracks [data-name="track-artist"] {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+	}
+	.rf-playlist__tracks [data-name="track-artist"]::before {
+		content: "\00b7";
+		margin-right: 0.5rem;
+		opacity: 0.5;
+	}
 
-/* Track meta (date etc.) */
-.rf-playlist__tracks [data-name="track-meta"] {
-	font-size: var(--rf-text-xs);
-	color: var(--rf-color-muted);
-}
-.rf-playlist__tracks [data-name="track-meta"]::before {
-	content: '\00b7';
-	margin-right: 0.5rem;
-	opacity: 0.5;
-}
+	/* Track duration — pushed right */
+	.rf-playlist__tracks [data-name="track-duration"] {
+		font-size: var(--rf-text-sm);
+		color: var(--rf-color-muted);
+		font-variant-numeric: tabular-nums;
+		text-align: right;
+	}
 
-/* Player area */
-.rf-playlist__player {
-	padding: 0.75rem 0;
-	margin-top: 0.5rem;
-}
+	/* Track meta (date etc.) */
+	.rf-playlist__tracks [data-name="track-meta"] {
+		font-size: var(--rf-text-xs);
+		color: var(--rf-color-muted);
+	}
+	.rf-playlist__tracks [data-name="track-meta"]::before {
+		content: "\00b7";
+		margin-right: 0.5rem;
+		opacity: 0.5;
+	}
 
-/* Hide secondary columns on narrow screens */
+	/* Player area */
+	.rf-playlist__player {
+		padding: 0.75rem 0;
+		margin-top: 0.5rem;
+	}
 
+	/* Hide secondary columns on narrow screens */
 }