@refrakt-md/lumina 0.9.5 → 0.9.6

package/contracts/structures.json

@@ -138,7 +138,6 @@
 			"modifiers": {
 				"title": {
 					"source": "meta",
-					"classPattern": ".rf-codegroup--{value}",
 					"dataAttribute": "data-title"
 				},
 				"overflow": {
@@ -199,7 +198,20 @@
 			"dataRune": "breadcrumb",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"separator": {
+					"source": "meta",
+					"default": "/",
+					"dataAttribute": "data-separator"
+				}
+			},
+			"inlineStyles": {
+				"separator": {
+					"prop": "--separator",
+					"template": "\"{}\""
+				}
+			}
 		},
 		"BreadcrumbItem": {
 			"block": "breadcrumb-item",
@@ -2353,7 +2365,8 @@
 			"dataRune": "event",
 			"childOrder": [
 				"header",
-				"{content:content}"
+				"{content:content}",
+				"register"
 			],
 			"modifiers": {
 				"date": {
@@ -2384,8 +2397,7 @@
 					"source": "structure",
 					"conditionAny": [
 						"date",
-						"location",
-						"url"
+						"location"
 					]
 				},
 				"meta": {
@@ -2405,7 +2417,6 @@
 					"tag": "a",
 					"selector": ".rf-event__register",
 					"source": "structure",
-					"parent": "header",
 					"condition": "url"
 				},
 				"content": {

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAIA,gFAAgF;AAChF,eAAO,MAAM,YAAY,6CAoFvB,CAAC"}

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AAElD,gFAAgF;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,EAAE;IACxD,KAAK,EAAE;QACN,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,oBAAoB;gBAChC,OAAO,EAAE,yBAAyB;gBAClC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,oBAAoB;gBAChC,OAAO,EAAE,yBAAyB;gBAClC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;SACD;QACD,MAAM,EAAE;YACP,KAAK,EAAE;gBACN,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,+BAA+B;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,+BAA+B;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;SACD;QACD,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,SAAS;gBACrB,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,SAAS;aACjB;SACD;QACD,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,6BAA6B;aACrC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,6BAA6B;gBACzC,OAAO,EAAE,6BAA6B;gBACtC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,6BAA6B;aACrC;SACD;QACD,IAAI,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE;gBACL,UAAU,EAAE,6BAA6B;gBACzC,OAAO,EAAE,4BAA4B;gBACrC,MAAM,EAAE,wBAAwB;aAChC;SACD;KACD;IACD,KAAK,EAAE;QACN,IAAI,EAAE;YACL,IAAI,EAAE,4SAA4S;YAClT,OAAO,EAAE,iXAAiX;YAC1X,OAAO,EAAE,uSAAuS;YAChT,KAAK,EAAE,qRAAqR;SAC5R;QACD,MAAM,EAAE,WAAW;KACnB;CACD,CAAC,CAAC"}

package/dist/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAoFxC,CAAC"}

package/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,CAAC,MAAM,KAAK,GAA2B;IAC5C,aAAa,EAAE,gPAAgP;IAC/P,YAAY,EAAE,iPAAiP;IAC/P,UAAU,EAAE,gPAAgP;IAC5P,YAAY,EAAE,iPAAiP;IAC/P,UAAU,EAAE,uSAAuS;IACnT,QAAQ,EAAE,uSAAuS;IACjT,OAAO,EAAE,uSAAuS;IAChT,MAAM,EAAE,kVAAkV;IAC1V,eAAe,EAAE,qTAAqT;IACtU,QAAQ,EAAE,8PAA8P;IACxQ,UAAU,EAAE,qjBAAqjB;IACjkB,MAAM,EAAE,2OAA2O;IACnP,OAAO,EAAE,qNAAqN;IAC9N,OAAO,EAAE,4NAA4N;IACrO,GAAG,EAAE,+OAA+O;IACpP,MAAM,EAAE,8TAA8T;IACtU,MAAM,EAAE,4YAA4Y;IACpZ,SAAS,EAAE,0WAA0W;IACrX,YAAY,EAAE,+WAA+W;IAC7X,QAAQ,EAAE,+VAA+V;IACzW,eAAe,EAAE,gSAAgS;IACjT,WAAW,EAAE,qWAAqW;IAClX,WAAW,EAAE,iaAAia;IAC9a,QAAQ,EAAE,mUAAmU;IAC7U,OAAO,EAAE,+UAA+U;IACxV,OAAO,EAAE,yUAAyU;IAClV,QAAQ,EAAE,gaAAga;IAC1a,MAAM,EAAE,qPAAqP;IAC7P,UAAU,EAAE,gPAAgP;IAC5P,UAAU,EAAE,kTAAkT;IAC9T,QAAQ,EAAE,oYAAoY;IAC9Y,OAAO,EAAE,gQAAgQ;IACzQ,KAAK,EAAE,iiBAAiiB;IACxiB,SAAS,EAAE,mUAAmU;IAC9U,YAAY,EAAE,iRAAiR;IAC/R,OAAO,EAAE,oTAAoT;IAC7T,SAAS,EAAE,kVAAkV;IAC7V,MAAM,EAAE,0WAA0W;IAClX,UAAU,EAAE,0fAA0f;IACtgB,KAAK,EAAE,4UAA4U;IACnV,MAAM,EAAE,gSAAgS;IACxS,QAAQ,EAAE,+RAA+R;IACzS,MAAM,EAAE,uSAAuS;IAC/S,OAAO,EAAE,kaAAka;IAC3a,MAAM,EAAE,oXAAoX;IAC5X,UAAU,EAAE,iTAAiT;IAC7T,gBAAgB,EAAE,uaAAua;IACzb,OAAO,EAAE,0PAA0P;IACnQ,MAAM,EAAE,+VAA+V;IACvW,UAAU,EAAE,mUAAmU;IAC/U,MAAM,EAAE,yjBAAyjB;IACjkB,OAAO,EAAE,kWAAkW;IAC3W,MAAM,EAAE,+QAA+Q;IACvR,gBAAgB,EAAE,kUAAkU;IACpV,cAAc,EAAE,qTAAqT;IACrU,cAAc,EAAE,wQAAwQ;IACxR,UAAU,EAAE,8QAA8Q;IAC1R,aAAa,EAAE,2SAA2S;IAC1T,QAAQ,EAAE,+WAA+W;IACzX,cAAc,EAAE,0YAA0Y;IAC1Z,KAAK,EAAE,mVAAmV;IAC1V,SAAS,EAAE,+dAA+d;IAC1e,WAAW,EAAE,2XAA2X;IACxY,aAAa,EAAE,0XAA0X;IACzY,aAAa,EAAE,sSAAsS;IACrT,aAAa,EAAE,0RAA0R;IACzS,eAAe,EAAE,8VAA8V;IAC/W,SAAS,EAAE,qaAAqa;IAChb,OAAO,EAAE,0bAA0b;IACnc,WAAW,EAAE,0SAA0S;IACvT,QAAQ,EAAE,mSAAmS;IAC7S,aAAa,EAAE,0PAA0P;IACzQ,aAAa,EAAE,iQAAiQ;IAChR,OAAO,EAAE,sWAAsW;IAC/W,MAAM,EAAE,sRAAsR;IAC9R,KAAK,EAAE,wWAAwW;IAC/W,QAAQ,EAAE,wfAAwf;IAClgB,UAAU,EAAE,8hBAA8hB;IAC1iB,WAAW,EAAE,4VAA4V;IACzW,QAAQ,EAAE,0pBAA0pB;IACpqB,QAAQ,EAAE,ueAAue;IACjf,QAAQ,EAAE,4RAA4R;IACtS,SAAS,EAAE,giBAAgiB;CAC3iB,CAAC"}

package/dist/{layouts/index.d.ts → layouts.d.ts}

@@ -9,4 +9,4 @@ export declare const layouts: {
     docs: import("@refrakt-md/transform").LayoutConfig;
     'blog-article': import("@refrakt-md/transform").LayoutConfig;
 };
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=layouts.d.ts.map

package/dist/layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../src/layouts.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/{layouts/index.js → layouts.js}

@@ -10,4 +10,4 @@ export const layouts = {
     docs: docsLayout,
     'blog-article': blogArticleLayout,
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=layouts.js.map

package/dist/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.js","sourceRoot":"","sources":["../src/layouts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,iBAAiB;CACjC,CAAC"}

package/dist/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../src/transform.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAElG,sGAAsG;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,sGAAgC,CAAC"}

package/dist/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../src/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,sEAAsE;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,sGAAsG;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,2FAA2F;AAC3F,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC"}

package/index.css

@@ -21,6 +21,7 @@
 @import './styles/layouts/search.css';
 @import './styles/layouts/version-switcher.css';
 @import './styles/layouts/split.css';
+@import './styles/layouts/plan.css';
 
 /* Universal Rune Attributes */
 @import './styles/base/attributes.css';
@@ -115,3 +116,7 @@
 @import './styles/runes/decision-log.css';
 @import './styles/runes/plan-progress.css';
 @import './styles/runes/plan-activity.css';
+@import './styles/runes/plan-ref.css';
+@import './styles/runes/plan-relationships.css';
+@import './styles/runes/plan-history.css';
+@import './styles/runes/plan-entity-tabs.css';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refrakt-md/lumina",
   "description": "Lumina theme for refrakt.md — design tokens, CSS, identity transform, and layout configs",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -12,20 +12,20 @@
   "publishConfig": {
     "access": "public"
   },
-  "main": "dist/src/transform.js",
-  "types": "dist/src/transform.d.ts",
+  "main": "dist/transform.js",
+  "types": "dist/transform.d.ts",
   "exports": {
     ".": "./index.css",
     "./base.css": "./base.css",
     "./transform": {
-      "types": "./dist/src/transform.d.ts",
-      "default": "./dist/src/transform.js"
+      "types": "./dist/transform.d.ts",
+      "default": "./dist/transform.js"
     },
     "./manifest": "./manifest.json",
     "./contracts": "./contracts/structures.json",
     "./layouts": {
-      "types": "./dist/layouts/index.d.ts",
-      "default": "./dist/layouts/index.js"
+      "types": "./dist/layouts.d.ts",
+      "default": "./dist/layouts.js"
     },
     "./styles/runes/*.css": "./styles/runes/*.css"
   },
@@ -43,9 +43,9 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.9.5",
-    "@refrakt-md/transform": "0.9.5",
-    "@refrakt-md/types": "0.9.5"
+    "@refrakt-md/runes": "0.9.6",
+    "@refrakt-md/transform": "0.9.6",
+    "@refrakt-md/types": "0.9.6"
   },
   "devDependencies": {
     "postcss": "^8.4.0"

package/styles/dimensions/checklist.css

@@ -23,8 +23,8 @@
 
 /* Checked — filled with checkmark */
 [data-checked="checked"]::before {
-	background: var(--rf-color-success);
-	border-color: var(--rf-color-success);
+	background: var(--rf-color-primary);
+	border-color: var(--rf-color-primary);
 }
 
 [data-checked="checked"] {

package/styles/layouts/docs.css

@@ -148,16 +148,10 @@
 	width: 0;
 }
 
-/* ---- Smooth scroll with fixed-header offset ---- */
+/* ---- Fixed-header offset ---- */
 html:has(.rf-docs-header) {
-	scroll-behavior: smooth;
 	scroll-padding-top: 5rem;
 }
-@media (prefers-reduced-motion: reduce) {
-	html:has(.rf-docs-header) {
-		scroll-behavior: auto;
-	}
-}
 
 /* ---- Mobile toolbar (hidden on desktop) ---- */
 .rf-docs-toolbar {

package/styles/layouts/plan.css

@@ -0,0 +1,435 @@
+/* Plan layout */
+
+/* ---- Dashboard grid ---- */
+
+.rf-plan-dashboard {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
+	gap: var(--rf-spacing-lg, 1.5rem);
+	padding: var(--rf-spacing-lg, 1.5rem);
+}
+
+.rf-plan-dashboard__section {
+	min-width: 0;
+}
+
+.rf-plan-dashboard__section-title {
+	font-size: 1.125rem;
+	font-weight: 600;
+	color: var(--rf-color-text, #212529);
+	margin-block-end: var(--rf-spacing-md, 1rem);
+	padding-block-end: var(--rf-spacing-sm, 0.5rem);
+	border-block-end: 2px solid var(--rf-color-border, #dee2e6);
+}
+
+/* ---- Fixed sidebar ---- */
+
+.rf-plan-sidebar {
+	position: fixed;
+	inset-block: 0;
+	inset-inline-start: 0;
+	width: var(--plan-sidebar-width, 240px);
+	background: var(--rf-color-bg, #fff);
+	border-inline-end: 1px solid var(--rf-color-border, #dee2e6);
+	padding: var(--rf-spacing-lg, 1.5rem) var(--rf-spacing-md, 1rem);
+	overflow-y: auto;
+}
+
+.rf-plan-sidebar::-webkit-scrollbar {
+	width: 0;
+}
+
+.rf-plan-sidebar__title {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	font-size: 1.125rem;
+	font-weight: 700;
+	margin-block-end: var(--rf-spacing-lg, 1.5rem);
+	color: var(--rf-color-text, #212529);
+}
+
+.rf-plan-sidebar__search-trigger {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0.25rem;
+	border: 1px solid var(--rf-color-border, #dee2e6);
+	border-radius: var(--rf-radius-sm, 4px);
+	background: var(--rf-color-surface, #f8f9fa);
+	color: var(--rf-color-muted, #868e96);
+	cursor: pointer;
+	transition: border-color 0.15s, color 0.15s, background 0.15s;
+}
+.rf-plan-sidebar__search-trigger:hover {
+	border-color: var(--rf-color-primary, #228be6);
+	color: var(--rf-color-text, #212529);
+	background: var(--rf-color-surface-hover, #f1f3f5);
+}
+.rf-plan-sidebar__search-trigger svg {
+	width: 16px;
+	height: 16px;
+	flex-shrink: 0;
+}
+
+.rf-plan-sidebar__group {
+	margin-block-end: var(--rf-spacing-lg, 1.5rem);
+}
+
+.rf-plan-sidebar__group-title {
+	font-size: 0.8125rem;
+	font-weight: 600;
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+	color: var(--rf-color-muted, #6c757d);
+	margin-block-end: var(--rf-spacing-sm, 0.5rem);
+}
+
+/* Status sub-group */
+.rf-plan-sidebar__status-group {
+	margin-block-end: 0.25rem;
+}
+
+.rf-plan-sidebar__status-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 100%;
+	padding: 0.25rem 0.5rem;
+	border: none;
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	background: transparent;
+	color: var(--rf-color-muted, #6c757d);
+	font-size: 0.8125rem;
+	cursor: pointer;
+	text-align: start;
+	transition: background 0.15s ease;
+}
+
+.rf-plan-sidebar__status-header:hover {
+	background: var(--rf-color-surface-active, #f1f3f5);
+}
+
+.rf-plan-sidebar__status-header::before {
+	content: '\25B8';
+	display: inline-block;
+	margin-inline-end: 0.25rem;
+	transition: transform 0.15s ease;
+	font-size: 0.75em;
+}
+
+.rf-plan-sidebar__status-header[aria-expanded="true"]::before {
+	transform: rotate(90deg);
+}
+
+.rf-plan-sidebar__status-label {
+	flex: 1;
+	font-weight: 500;
+}
+
+.rf-plan-sidebar__status-count {
+	font-size: 0.75rem;
+	font-weight: 600;
+	color: var(--rf-color-muted, #6c757d);
+	background: var(--rf-color-surface-active, #f1f3f5);
+	padding: 0 0.375rem;
+	border-radius: var(--rf-radius-full, 9999px);
+	min-width: 1.25rem;
+	text-align: center;
+}
+
+.rf-plan-sidebar__status-items {
+	padding-inline-start: var(--rf-spacing-sm, 0.5rem);
+}
+
+.rf-plan-sidebar__status-items[hidden] {
+	display: none;
+}
+
+.rf-plan-sidebar__link {
+	display: block;
+	padding: 0.25rem 0.5rem;
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	color: var(--rf-color-text, #212529);
+	text-decoration: none;
+	font-size: 0.8125rem;
+	transition: background 0.15s ease;
+}
+
+.rf-plan-sidebar__link:hover {
+	background: var(--rf-color-surface-active, #f1f3f5);
+}
+
+.rf-plan-sidebar__link--dashboard {
+	display: flex;
+	align-items: center;
+	gap: 0.375rem;
+	margin-block-end: var(--rf-spacing-md, 1rem);
+}
+
+.rf-plan-sidebar__dashboard-icon {
+	flex-shrink: 0;
+	opacity: 0.6;
+}
+
+.rf-plan-sidebar__link--dashboard.rf-plan-sidebar__link--active .rf-plan-sidebar__dashboard-icon {
+	opacity: 1;
+}
+
+.rf-plan-sidebar__link--active {
+	background: var(--rf-color-info-bg, #e7f5ff);
+	color: var(--rf-color-info, #339af0);
+	font-weight: 600;
+}
+
+.rf-plan-sidebar__link--focused {
+	outline: 2px solid var(--rf-color-info, #339af0);
+	outline-offset: -2px;
+	background: var(--rf-color-surface-active, #f1f3f5);
+}
+
+.rf-plan-sidebar__link--blocked {
+	border-left: 2px solid var(--rf-color-danger, #ff6b6b);
+}
+
+.rf-plan-sidebar__status-link {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.rf-plan-sidebar__blocker-icon {
+	margin-left: auto;
+	font-size: 0.75rem;
+	color: var(--rf-color-danger, #ff6b6b);
+	flex-shrink: 0;
+}
+
+/* Views section in sidebar */
+.rf-plan-sidebar__view-header {
+	font-size: 0.6875rem;
+	font-weight: 600;
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+	color: var(--rf-color-muted, #6c757d);
+	padding: 0.25rem 0.5rem;
+	margin-block-start: 0.25rem;
+}
+
+.rf-plan-sidebar__view-items {
+	padding-inline-start: 0.25rem;
+}
+
+.rf-plan-sidebar__link .rf-plan-sidebar__view-label {
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.rf-plan-sidebar__link .rf-plan-sidebar__view-count {
+	font-size: 0.6875rem;
+	font-weight: 600;
+	color: var(--rf-color-muted, #6c757d);
+	background: var(--rf-color-surface-active, #f1f3f5);
+	padding: 0 0.375rem;
+	border-radius: var(--rf-radius-full, 9999px);
+	min-width: 1.25rem;
+	text-align: center;
+}
+
+.rf-plan-sidebar__group[data-type="views"] .rf-plan-sidebar__link {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+/* ---- Content area ---- */
+
+.rf-plan-main {
+	margin-inline-start: var(--plan-sidebar-width, 240px);
+	padding: var(--rf-spacing-xl, 2rem);
+}
+
+/* Inner wrapper: flex layout when TOC is present */
+.rf-plan-main__inner--has-toc {
+	display: flex;
+	gap: var(--rf-spacing-xl, 2rem);
+	max-width: calc(60rem + 200px + 2rem);
+	margin: 0 auto;
+}
+.rf-plan-main__inner--has-toc .rf-plan-main__body {
+	flex: 1;
+	min-width: 0;
+	max-width: 60rem;
+}
+
+.rf-plan-main__body {
+	max-width: 60rem;
+	margin: 0 auto;
+	padding: 0 2.5rem;
+}
+
+/* ---- "On this page" TOC aside ---- */
+
+.rf-plan-toc {
+	width: 200px;
+	flex-shrink: 0;
+	position: sticky;
+	top: var(--rf-spacing-lg, 1.5rem);
+	align-self: flex-start;
+	max-height: calc(100vh - var(--rf-spacing-xl, 2rem) * 2);
+	overflow-y: auto;
+}
+
+/* ---- Mobile toolbar (hidden on desktop) ---- */
+
+.rf-plan-toolbar {
+	display: none;
+	align-items: center;
+	gap: 0.75rem;
+	padding: 0.625rem 1rem;
+	border-block-end: 1px solid var(--rf-color-border, #dee2e6);
+	background: var(--rf-color-bg, #fff);
+	position: sticky;
+	top: 0;
+	z-index: 100;
+}
+
+.rf-plan-toolbar__hamburger {
+	background: none;
+	border: none;
+	padding: 0.25rem;
+	cursor: pointer;
+	color: var(--rf-color-muted, #6c757d);
+	line-height: 0;
+	flex-shrink: 0;
+}
+
+.rf-plan-toolbar__hamburger:hover {
+	color: var(--rf-color-text, #212529);
+}
+
+.rf-plan-toolbar__title {
+	font-size: 0.875rem;
+	font-weight: 600;
+	color: var(--rf-color-text, #212529);
+	flex: 1;
+	min-width: 0;
+}
+
+.rf-plan-toolbar__section-nav-toggle {
+	background: none;
+	border: none;
+	padding: 0.25rem;
+	cursor: pointer;
+	color: var(--rf-color-muted, #6c757d);
+	line-height: 0;
+	flex-shrink: 0;
+}
+
+.rf-plan-toolbar__section-nav-toggle:hover {
+	color: var(--rf-color-text, #212529);
+}
+
+/* ---- Section nav dropdown ---- */
+
+.rf-section-nav {
+	display: none;
+	position: absolute;
+	top: 100%;
+	right: 0.5rem;
+	min-width: 14rem;
+	background: var(--rf-color-bg, #fff);
+	border: 1px solid var(--rf-color-border, #dee2e6);
+	border-radius: var(--rf-radius-md, 0.5rem);
+	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
+	z-index: 200;
+	padding: 0.25rem 0;
+}
+
+.rf-section-nav[data-open] {
+	display: block;
+}
+
+.rf-section-nav__list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+.rf-section-nav__item {
+	border-inline-start: 2px solid transparent;
+}
+
+.rf-section-nav__link {
+	display: block;
+	padding: 0.5rem 1rem;
+	color: var(--rf-color-text, #212529);
+	text-decoration: none;
+	font-size: 0.8125rem;
+	line-height: 1.4;
+}
+
+.rf-section-nav__link:hover {
+	background: var(--rf-color-surface-active, #f1f3f5);
+}
+
+.rf-section-nav__item[data-active] {
+	border-inline-start-color: var(--rf-color-info, #339af0);
+}
+
+.rf-section-nav__item[data-active] .rf-section-nav__link {
+	color: var(--rf-color-info, #339af0);
+	font-weight: 600;
+}
+
+/* ---- Responsive ---- */
+
+/* Hide TOC on medium screens */
+@media (max-width: 64rem) {
+	.rf-plan-toc {
+		display: none;
+	}
+	.rf-plan-main__inner--has-toc {
+		display: block;
+	}
+}
+
+@media (max-width: 48rem) {
+	/* Offset scroll targets for sticky toolbar */
+	html:has(.rf-plan-toolbar) {
+		scroll-padding-top: 3.5rem;
+	}
+
+	.rf-plan-toolbar {
+		display: flex;
+	}
+
+	.rf-plan-sidebar {
+		display: none;
+	}
+
+	/* Search trigger is in the toolbar on mobile; hide the sidebar copy */
+	.rf-mobile-panel .rf-plan-sidebar__search-trigger {
+		display: none;
+	}
+
+	.rf-mobile-panel--nav {
+		top: 3.0625rem;
+	}
+
+	.rf-plan-main {
+		margin-inline-start: 0;
+		padding: var(--rf-spacing-md, 1rem);
+	}
+
+	.rf-plan-main__body {
+		padding: 0;
+	}
+
+	.rf-plan-dashboard {
+		grid-template-columns: 1fr;
+		padding: var(--rf-spacing-md, 1rem);
+	}
+}

package/styles/runes/bug.css

@@ -1,4 +1,26 @@
 /* Bug */
+
+/* Primary badges: ID left, status right */
+.rf-bug__header-primary {
+	justify-content: space-between;
+	margin-bottom: 0.75rem;
+}
+
+/* Preamble: title + optional description between badge groups */
+.rf-bug__preamble {
+	margin-bottom: 0.75rem;
+}
+.rf-bug__title h1,
+.rf-bug__title h2,
+.rf-bug__title h3 {
+	margin-top: 0;
+}
+
+/* Secondary badges: pill row below preamble */
+.rf-bug__header-secondary {
+	margin-bottom: 1.5rem;
+}
+
 .rf-bug__assignee-badge {
 	margin-left: auto;
 }
@@ -7,19 +29,11 @@
 	font-size: 0.925rem;
 	line-height: 1.65;
 }
-.rf-bug__body > header {
-	margin-bottom: 0.75rem;
-}
-.rf-bug__body > header h1,
-.rf-bug__body > header h2,
-.rf-bug__body > header h3 {
-	margin-top: 0;
-}
-.rf-bug__body > div > section {
+.rf-bug__body > section {
 	margin-top: 1rem;
 	padding-top: 0.75rem;
 	border-top: 1px solid var(--rf-color-border);
 }
-.rf-bug__body > div > section:first-child {
+.rf-bug__body > section:first-child {
 	margin-top: 0.75rem;
 }

package/styles/runes/codegroup.css

@@ -30,6 +30,7 @@
 	font-family: var(--rf-font-mono);
 	font-size: 0.8rem;
 	font-weight: normal;
+	color: inherit;
 	opacity: 0.7;
 }
 .rf-codegroup ul {