@refrakt-md/plan 0.9.0

package/dist/types.js

@@ -0,0 +1,22 @@
+import { useSchema } from '@refrakt-md/types';
+import { Spec } from './schema/spec.js';
+import { Work } from './schema/work.js';
+import { Bug } from './schema/bug.js';
+import { Decision } from './schema/decision.js';
+import { Milestone } from './schema/milestone.js';
+import { Backlog } from './schema/backlog.js';
+import { DecisionLog } from './schema/decision-log.js';
+import { PlanProgress } from './schema/plan-progress.js';
+import { PlanActivity } from './schema/plan-activity.js';
+export const schema = {
+    Spec: useSchema(Spec).defineType('Spec'),
+    Work: useSchema(Work).defineType('Work'),
+    Bug: useSchema(Bug).defineType('Bug'),
+    Decision: useSchema(Decision).defineType('Decision'),
+    Milestone: useSchema(Milestone).defineType('Milestone'),
+    Backlog: useSchema(Backlog).defineType('Backlog'),
+    DecisionLog: useSchema(DecisionLog).defineType('DecisionLog'),
+    PlanProgress: useSchema(PlanProgress).defineType('PlanProgress'),
+    PlanActivity: useSchema(PlanActivity).defineType('PlanActivity'),
+};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IACxC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IACxC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC;IACpD,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC;IACvD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC;IACjD,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC;IAC7D,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC;IAChE,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC;CAChE,CAAC"}

package/dist/util.d.ts

@@ -0,0 +1,8 @@
+/** Convert heading text to a kebab-case data-name slug. */
+export declare function slugify(text: string): string;
+/**
+ * Build section wrapper elements from resolved sections.
+ * Each section becomes a `<section>` with `data-name` set to the slugified heading text.
+ */
+export declare function buildSections(sections: any[], config: any): any[];
+//# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAKA,2DAA2D;AAC3D,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,CAmBjE"}

package/dist/util.js

@@ -0,0 +1,32 @@
+import Markdoc from '@markdoc/markdoc';
+const { Tag } = Markdoc;
+import { asNodes } from '@refrakt-md/runes';
+/** Convert heading text to a kebab-case data-name slug. */
+export function slugify(text) {
+    return text
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-|-$/g, '');
+}
+/**
+ * Build section wrapper elements from resolved sections.
+ * Each section becomes a `<section>` with `data-name` set to the slugified heading text.
+ */
+export function buildSections(sections, config) {
+    if (!sections || sections.length === 0)
+        return [];
+    return sections.map((section) => {
+        const headingText = section.$heading;
+        const slug = slugify(headingText);
+        const headingNode = section.$headingNode;
+        const bodyContent = Markdoc.transform(asNodes(section.body), config);
+        const children = [];
+        if (headingNode) {
+            const renderedHeading = Markdoc.transform([headingNode], config);
+            children.push(...renderedHeading);
+        }
+        children.push(...bodyContent);
+        return new Tag('section', { 'data-name': slug }, children);
+    });
+}
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,2DAA2D;AAC3D,MAAM,UAAU,OAAO,CAAC,IAAY;IACnC,OAAO,IAAI;SACT,WAAW,EAAE;SACb,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC;SAC3B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AACzB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,QAAe,EAAE,MAAW;IACzD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAElD,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;QACpC,MAAM,WAAW,GAAG,OAAO,CAAC,QAAkB,CAAC;QAC/C,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;QAElC,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC;QACzC,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,CAAyB,CAAC;QAE7F,MAAM,QAAQ,GAAU,EAAE,CAAC;QAC3B,IAAI,WAAW,EAAE,CAAC;YACjB,MAAM,eAAe,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,EAAE,MAAM,CAAyB,CAAC;YACzF,QAAQ,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC;QACnC,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC;QAE9B,OAAO,IAAI,GAAG,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@refrakt-md/plan",
+  "description": "Planning runes for refrakt.md — specs, work items, bugs, decisions, and milestones",
+  "version": "0.9.0",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/refrakt-md/refrakt.git",
+    "directory": "runes/plan"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./cli-plugin": {
+      "types": "./dist/cli-plugin.d.ts",
+      "default": "./dist/cli-plugin.js"
+    }
+  },
+  "files": [
+    "dist",
+    "styles"
+  ],
+  "scripts": {
+    "build": "tsc"
+  },
+  "dependencies": {
+    "@markdoc/markdoc": "0.4.0",
+    "@refrakt-md/behaviors": "0.9.0",
+    "@refrakt-md/highlight": "0.9.0",
+    "@refrakt-md/html": "0.9.0",
+    "@refrakt-md/runes": "0.9.0",
+    "@refrakt-md/transform": "0.9.0",
+    "@refrakt-md/types": "0.9.0",
+    "reflect-metadata": "^0.2.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.27.4"
+  }
+}

package/styles/default.css

@@ -0,0 +1,580 @@
+@import './tokens.css';
+
+/* ==========================================================================
+   Plan CLI Shell Styles
+   Layout chrome for the plan CLI renderer (sidebar, dashboard, TOC,
+   cross-references, relationships). Rune styling (spec, work, bug, decision,
+   milestone, backlog, decision-log, plan-progress, plan-activity) is provided
+   by the active theme (Lumina by default).
+   ========================================================================== */
+
+/* --------------------------------------------------------------------------
+   Dashboard grid layout
+   -------------------------------------------------------------------------- */
+
+.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);
+}
+
+/* --------------------------------------------------------------------------
+   Sidebar navigation
+   -------------------------------------------------------------------------- */
+
+.rf-plan-sidebar {
+	position: fixed;
+	inset-block: 0;
+	inset-inline-start: 0;
+	width: var(--plan-sidebar-width);
+	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__title {
+	font-size: 1.125rem;
+	font-weight: 700;
+	margin-block-end: var(--rf-spacing-lg, 1.5rem);
+	color: var(--rf-color-text, #212529);
+}
+
+/* Search / filter input */
+.rf-plan-sidebar__search {
+	display: block;
+	width: 100%;
+	padding: 0.25rem 0.5rem;
+	margin-block-end: var(--rf-spacing-md, 1rem);
+	border: 1px solid var(--rf-color-border, #dee2e6);
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	background: var(--rf-color-bg, #ffffff);
+	color: var(--rf-color-text, #212529);
+	font-size: 0.8125rem;
+	outline: none;
+	box-sizing: border-box;
+}
+
+.rf-plan-sidebar__search:focus {
+	border-color: var(--rf-color-info, #339af0);
+	box-shadow: 0 0 0 2px var(--rf-color-info-bg, #e7f5ff);
+}
+
+.rf-plan-sidebar__search::placeholder {
+	color: var(--rf-color-muted, #6c757d);
+}
+
+.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: '▸';
+	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--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__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;
+	gap: 0.25rem;
+}
+
+/* Main content offset when sidebar is present */
+.rf-plan-main {
+	margin-inline-start: var(--plan-sidebar-width);
+	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);
+}
+.rf-plan-main__inner--has-toc {
+	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;
+}
+
+.rf-on-this-page {
+	font-size: 0.8125rem;
+}
+
+.rf-on-this-page__title {
+	font-size: 0.7rem;
+	font-weight: 600;
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+	color: var(--rf-color-muted, #6c757d);
+	margin: 0 0 0.75rem;
+}
+
+.rf-on-this-page__list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+.rf-on-this-page__item {
+	border-left: 2px solid transparent;
+}
+
+.rf-on-this-page__item[data-level="3"] {
+	padding-left: 0.75rem;
+}
+
+.rf-on-this-page__item a {
+	display: block;
+	padding: 0.25rem 0.75rem;
+	color: var(--rf-color-muted, #6c757d);
+	text-decoration: none;
+	line-height: 1.4;
+}
+
+.rf-on-this-page__item a:hover {
+	color: var(--rf-color-text, #212529);
+}
+
+.rf-on-this-page__item[data-active] {
+	border-left-color: var(--rf-color-info, #339af0);
+}
+
+.rf-on-this-page__item[data-active] a {
+	color: var(--rf-color-info, #339af0);
+}
+
+/* --------------------------------------------------------------------------
+   Cross-reference links
+   -------------------------------------------------------------------------- */
+
+.rf-plan-ref {
+	font-family: var(--rf-font-mono, ui-monospace, monospace);
+	font-size: 0.8125rem;
+	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::before {
+	margin-inline-end: 0.25rem;
+}
+
+.rf-plan-ref[data-type="spec"]::before { content: '📋'; }
+.rf-plan-ref[data-type="work"]::before { content: '🔧'; }
+.rf-plan-ref[data-type="bug"]::before { content: '🐛'; }
+.rf-plan-ref[data-type="decision"]::before { content: '⚖️'; }
+.rf-plan-ref[data-type="milestone"]::before { content: '🎯'; }
+
+/* --------------------------------------------------------------------------
+   Relationships section
+   -------------------------------------------------------------------------- */
+
+.rf-plan-relationships {
+	margin-top: 2rem;
+	padding-top: 1.5rem;
+	border-top: 1px solid var(--rf-color-border, #dee2e6);
+}
+
+.rf-plan-relationships__heading {
+	font-size: 1.125rem;
+	font-weight: 600;
+	color: var(--rf-color-text, #212529);
+	margin: 0 0 1rem;
+}
+
+.rf-plan-relationships__group {
+	margin-bottom: 1rem;
+}
+
+.rf-plan-relationships__group-title {
+	font-size: 0.8125rem;
+	font-weight: 600;
+	text-transform: uppercase;
+	letter-spacing: 0.04em;
+	color: var(--rf-color-muted, #6c757d);
+	margin: 0 0 0.375rem;
+}
+
+.rf-plan-relationships__group[data-kind="blocked-by"] .rf-plan-relationships__group-title {
+	color: var(--rf-color-danger, #ff6b6b);
+}
+
+.rf-plan-relationships__group[data-kind="blocks"] .rf-plan-relationships__group-title {
+	color: var(--rf-color-warning, #f59f00);
+}
+
+.rf-plan-relationships__list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 0.25rem;
+}
+
+.rf-plan-relationships__item {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	padding: 0.375rem 0.5rem;
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	background: var(--rf-color-surface-active, #f1f3f5);
+	font-size: 0.8125rem;
+}
+
+.rf-plan-relationships__id {
+	font-family: var(--rf-font-mono, ui-monospace, monospace);
+	font-size: 0.75rem;
+	font-weight: 600;
+	color: var(--rf-color-text, #212529);
+}
+
+.rf-plan-relationships__status {
+	font-size: 0.6875rem;
+	font-weight: 500;
+	padding: 0.0625rem 0.375rem;
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	text-transform: lowercase;
+}
+
+.rf-plan-relationships__status[data-status="done"],
+.rf-plan-relationships__status[data-status="fixed"],
+.rf-plan-relationships__status[data-status="accepted"] {
+	color: var(--rf-color-success, #51cf66);
+	background: var(--rf-color-success-bg, #ebfbee);
+}
+.rf-plan-relationships__status[data-status="in-progress"],
+.rf-plan-relationships__status[data-status="review"] {
+	color: var(--rf-color-warning, #f59f00);
+	background: var(--rf-color-warning-bg, #fff9db);
+}
+.rf-plan-relationships__status[data-status="ready"] {
+	color: var(--rf-color-info, #339af0);
+	background: var(--rf-color-info-bg, #e7f5ff);
+}
+.rf-plan-relationships__status[data-status="blocked"] {
+	color: var(--rf-color-danger, #ff6b6b);
+	background: var(--rf-color-danger-bg, #fff5f5);
+}
+.rf-plan-relationships__status[data-status="draft"] {
+	color: var(--rf-color-muted, #6c757d);
+	background: var(--rf-color-surface-active, #f1f3f5);
+}
+
+.rf-plan-relationships__type {
+	font-size: 0.6875rem;
+	color: var(--rf-color-muted, #6c757d);
+}
+
+.rf-plan-relationships__title {
+	color: var(--rf-color-text, #212529);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.rf-plan-relationships__link {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	color: inherit;
+	text-decoration: none;
+	width: 100%;
+}
+.rf-plan-relationships__link:hover .rf-plan-relationships__title {
+	color: var(--rf-color-primary, #339af0);
+}
+.rf-plan-relationships__link:hover .rf-plan-relationships__id {
+	color: var(--rf-color-primary, #339af0);
+}
+
+/* --------------------------------------------------------------------------
+   Copy-to-clipboard button on code blocks
+   -------------------------------------------------------------------------- */
+
+.rf-code-wrapper {
+	position: relative;
+}
+
+.rf-copy-btn {
+	position: absolute;
+	top: 0.25rem;
+	right: 0.25rem;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 2rem;
+	height: 2rem;
+	padding: 0;
+	border: 1px solid var(--rf-color-border, #dee2e6);
+	border-radius: var(--rf-radius-sm, 0.25rem);
+	background: var(--rf-color-surface, #f8f9fa);
+	color: var(--rf-color-muted, #6c757d);
+	cursor: pointer;
+	opacity: 0;
+	transition: opacity 0.15s ease;
+}
+
+.rf-code-wrapper:hover .rf-copy-btn {
+	opacity: 1;
+}
+
+.rf-copy-btn:hover {
+	color: var(--rf-color-text, #212529);
+	border-color: var(--rf-color-muted, #6c757d);
+}
+
+.rf-copy-btn--copied {
+	color: var(--rf-color-success, #51cf66);
+	border-color: var(--rf-color-success, #51cf66);
+}
+
+/* --------------------------------------------------------------------------
+   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);
+}
+
+.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);
+}
+
+/* --------------------------------------------------------------------------
+   Responsive adjustments
+   -------------------------------------------------------------------------- */
+
+/* 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) {
+	.rf-plan-toolbar {
+		display: flex;
+	}
+
+	.rf-plan-sidebar {
+		display: none;
+	}
+
+	.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);
+	}
+}