@cloudraker/reki 2.6.1 → 2.7.0

package/dist/styles/reki.css

@@ -57,6 +57,25 @@
   cursor: pointer;
 }
 
+/*
+ * Inset focus rings, library-wide.
+ *
+ * Tailwind's `ring` utilities render an *outset* box-shadow by default
+ * (`--tw-ring-inset: initial`). On rounded/pill elements that outset ring
+ * floats outside the edge and looks detached. Setting `--tw-ring-inset` to
+ * `inset` on focused Reki elements flips every `ring` / `focus-visible:ring`
+ * to draw inside the element's border instead — no per-component classes.
+ *
+ * Scoped to Reki components via the same data-attribute convention as above,
+ * and applied to the focused element itself (the property does not inherit).
+ */
+:where([data-reki-component], [data-reki-part]):focus,
+:where([data-reki-component], [data-reki-part]):focus-visible,
+:where([data-reki-component], [data-reki-part]) :focus,
+:where([data-reki-component], [data-reki-part]) :focus-visible {
+  --tw-ring-inset: inset;
+}
+
 .skeleton {
   background: linear-gradient(
     90deg,

package/dist/styles/theme-fedramp.css

@@ -9,6 +9,10 @@
 
 @layer base {
   [data-theme="fedramp"] {
+    --color-reki-sidebar: light-dark(
+    #5b697c,
+    #5b697c
+  );
     --color-reki-canvas: light-dark(
     #5b697c,
     #5b697c
@@ -26,12 +30,14 @@
 
 @layer base {
   [data-theme="fedramp"] {
+    --color-reki-sidebar: #5b697c;
     --color-reki-canvas: #5b697c;
     --color-reki-base: #5b697c;
     --color-reki-hairline: #c8d4e5;
   }
   
   [data-mode="dark"] [data-theme="fedramp"], [data-theme="fedramp"][data-mode="dark"], [data-theme="fedramp"] [data-mode="dark"] {
+    --color-reki-sidebar: #5b697c;
     --color-reki-canvas: #5b697c;
     --color-reki-base: #5b697c;
     --color-reki-hairline: #c8d4e5;

package/dist/styles/theme-reki.css

@@ -88,16 +88,76 @@
     var(--color-black, #000)
   );
 
+  --text-color-reki-tag-gray: light-dark(
+    var(--color-neutral-700, oklch(37.1% 0 0)),
+    var(--color-neutral-300, oklch(87% 0 0))
+  );
+
+  --text-color-reki-tag-red: light-dark(
+    var(--color-red-700, oklch(50.5% 0.213 27.518)),
+    var(--color-red-300, oklch(80.8% 0.114 19.571))
+  );
+
+  --text-color-reki-tag-orange: light-dark(
+    var(--color-orange-700, oklch(55.3% 0.195 38.402)),
+    var(--color-orange-300, oklch(83.7% 0.128 66.29))
+  );
+
+  --text-color-reki-tag-yellow: light-dark(
+    var(--color-yellow-700, oklch(55.4% 0.135 66.442)),
+    var(--color-yellow-300, oklch(90.5% 0.182 98.111))
+  );
+
+  --text-color-reki-tag-green: light-dark(
+    var(--color-emerald-700, oklch(50.8% 0.118 165.612)),
+    var(--color-emerald-300, oklch(84.5% 0.143 164.978))
+  );
+
+  --text-color-reki-tag-turquoise: light-dark(
+    var(--color-teal-700, oklch(51.1% 0.096 186.391)),
+    var(--color-teal-300, oklch(85.5% 0.138 181.071))
+  );
+
+  --text-color-reki-tag-sky: light-dark(
+    var(--color-sky-700, oklch(50% 0.134 242.749)),
+    var(--color-sky-300, oklch(82.8% 0.111 230.318))
+  );
+
+  --text-color-reki-tag-blue: light-dark(
+    var(--color-blue-700, oklch(48.8% 0.243 264.376)),
+    var(--color-blue-300, oklch(80.9% 0.105 251.813))
+  );
+
+  --text-color-reki-tag-purple: light-dark(
+    var(--color-purple-700, oklch(49.6% 0.265 301.924)),
+    var(--color-purple-300, oklch(82.7% 0.119 306.383))
+  );
+
+  --text-color-reki-tag-pink: light-dark(
+    var(--color-pink-700, oklch(52.5% 0.223 3.958)),
+    var(--color-pink-300, oklch(82.3% 0.12 346.018))
+  );
+
 }
 
 @theme {
+  --color-reki-sidebar: light-dark(
+    var(--color-reki-neutral-15, oklch(0.964 0.001 286.4)),
+    var(--color-reki-neutral-1000, oklch(10% 0 0))
+  );
+
+  --color-reki-sidebar-active: light-dark(
+    oklch(0.94 0.001 286.4),
+    oklch(21% 0.006 285.885)
+  );
+
   --color-reki-canvas: light-dark(
-    var(--color-reki-neutral-25, oklch(98.75% 0 0)),
+    var(--color-reki-neutral-25, oklch(0.991 0.001 286.4)),
     var(--color-reki-neutral-1000, oklch(10% 0 0))
   );
 
   --color-reki-elevated: light-dark(
-    var(--color-reki-neutral-75, oklch(98% 0 0)),
+    oklch(98% 0 0),
     var(--color-reki-neutral-975, oklch(12% 0 0))
   );
 
@@ -112,7 +172,7 @@
   );
 
   --color-reki-tint: light-dark(
-    var(--color-neutral-100, oklch(97% 0 0)),
+    var(--color-neutral-100, oklch(92% 0 0)),
     var(--color-reki-neutral-800, oklch(26.9% 0 0))
   );
 
@@ -157,12 +217,12 @@
   );
 
   --color-reki-line: light-dark(
-    oklch(14.5% 0 0 / 0.1),
+    oklch(55.5% 0 0 / 0.1),
     var(--color-reki-neutral-750, oklch(32% 0 0))
   );
 
   --color-reki-hairline: light-dark(
-    var(--color-reki-neutral-150, oklch(93.5% 0 0)),
+    var(--color-reki-neutral-150, oklch(95.5% 0 0)),
     var(--color-neutral-800, oklch(26.9% 0 0))
   );
 
@@ -281,6 +341,56 @@
     var(--color-white, #fff)
   );
 
+  --color-reki-tag-gray: light-dark(
+    var(--color-neutral-100, oklch(97% 0 0)),
+    var(--color-neutral-950, oklch(14.5% 0 0))
+  );
+
+  --color-reki-tag-red: light-dark(
+    var(--color-red-100, oklch(93.6% 0.032 17.717)),
+    var(--color-red-950, oklch(25.8% 0.092 26.042))
+  );
+
+  --color-reki-tag-orange: light-dark(
+    var(--color-orange-100, oklch(95.4% 0.038 75.164)),
+    var(--color-orange-950, oklch(26.6% 0.079 36.259))
+  );
+
+  --color-reki-tag-yellow: light-dark(
+    var(--color-yellow-100, oklch(97.3% 0.071 103.193)),
+    var(--color-yellow-950, oklch(28.6% 0.066 53.813))
+  );
+
+  --color-reki-tag-green: light-dark(
+    var(--color-emerald-100, oklch(95% 0.052 163.051)),
+    var(--color-emerald-950, oklch(26.2% 0.051 172.552))
+  );
+
+  --color-reki-tag-turquoise: light-dark(
+    var(--color-teal-100, oklch(95.3% 0.051 180.801)),
+    var(--color-teal-950, oklch(27.7% 0.046 192.524))
+  );
+
+  --color-reki-tag-sky: light-dark(
+    var(--color-sky-100, oklch(95.1% 0.026 236.824)),
+    var(--color-sky-950, oklch(29.3% 0.066 243.157))
+  );
+
+  --color-reki-tag-blue: light-dark(
+    var(--color-blue-100, oklch(93.2% 0.032 255.585)),
+    var(--color-blue-950, oklch(28.2% 0.091 267.935))
+  );
+
+  --color-reki-tag-purple: light-dark(
+    var(--color-purple-100, oklch(94.6% 0.033 307.174)),
+    var(--color-purple-950, oklch(29.1% 0.149 302.717))
+  );
+
+  --color-reki-tag-pink: light-dark(
+    var(--color-pink-100, oklch(94.8% 0.028 342.258)),
+    var(--color-pink-950, oklch(28.4% 0.109 3.907))
+  );
+
 }
 
 @theme {
@@ -313,11 +423,23 @@
     --text-color-reki-badge-teal-subtle: var(--color-teal-800, oklch(43.7% 0.078 188.216));
     --text-color-reki-badge-neutral-subtle: var(--color-neutral-800, oklch(26.9% 0 0));
     --text-color-reki-badge-inverted: var(--color-white, #fff);
-    --color-reki-canvas: var(--color-reki-neutral-25, oklch(98.75% 0 0));
-    --color-reki-elevated: var(--color-reki-neutral-75, oklch(98% 0 0));
+    --text-color-reki-tag-gray: var(--color-neutral-700, oklch(37.1% 0 0));
+    --text-color-reki-tag-red: var(--color-red-700, oklch(50.5% 0.213 27.518));
+    --text-color-reki-tag-orange: var(--color-orange-700, oklch(55.3% 0.195 38.402));
+    --text-color-reki-tag-yellow: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
+    --text-color-reki-tag-green: var(--color-emerald-700, oklch(50.8% 0.118 165.612));
+    --text-color-reki-tag-turquoise: var(--color-teal-700, oklch(51.1% 0.096 186.391));
+    --text-color-reki-tag-sky: var(--color-sky-700, oklch(50% 0.134 242.749));
+    --text-color-reki-tag-blue: var(--color-blue-700, oklch(48.8% 0.243 264.376));
+    --text-color-reki-tag-purple: var(--color-purple-700, oklch(49.6% 0.265 301.924));
+    --text-color-reki-tag-pink: var(--color-pink-700, oklch(52.5% 0.223 3.958));
+    --color-reki-sidebar: var(--color-reki-neutral-15, oklch(0.964 0.001 286.4));
+    --color-reki-sidebar-active: oklch(0.94 0.001 286.4);
+    --color-reki-canvas: var(--color-reki-neutral-25, oklch(0.991 0.001 286.4));
+    --color-reki-elevated: oklch(98% 0 0);
     --color-reki-recessed: var(--color-reki-neutral-125, oklch(96% 0 0));
     --color-reki-base: var(--color-white, #fff);
-    --color-reki-tint: var(--color-neutral-100, oklch(97% 0 0));
+    --color-reki-tint: var(--color-neutral-100, oklch(92% 0 0));
     --color-reki-contrast: var(--color-reki-neutral-975, oklch(8.5% 0 0));
     --color-reki-overlay: var(--color-reki-neutral-50, oklch(97.5% 0 0));
     --color-reki-control: var(--color-white, #fff);
@@ -326,8 +448,8 @@
     --color-reki-fill-hover: var(--color-reki-neutral-125, oklch(96.5% 0 0));
     --color-reki-brand: oklch(0.53 0.15 274);
     --color-reki-brand-hover: color-mix(in oklch, oklch(0.53 0.15 274), black 10%);
-    --color-reki-line: oklch(14.5% 0 0 / 0.1);
-    --color-reki-hairline: var(--color-reki-neutral-150, oklch(93.5% 0 0));
+    --color-reki-line: oklch(55.5% 0 0 / 0.1);
+    --color-reki-hairline: var(--color-reki-neutral-150, oklch(95.5% 0 0));
     --color-reki-focus: var(--color-reki-neutral-950, oklch(15% 0 0));
     --color-reki-shadow-edge: oklch(0% 0 0 / 0.12);
     --color-reki-shadow-drop: oklch(0% 0 0 / 0.08);
@@ -351,6 +473,16 @@
     --color-reki-badge-blue: var(--color-blue-600, oklch(54.6% 0.245 262.881));
     --color-reki-badge-neutral: var(--color-neutral-500, oklch(55.6% 0 0));
     --color-reki-badge-inverted: var(--color-neutral-950, oklch(14.5% 0 0));
+    --color-reki-tag-gray: var(--color-neutral-100, oklch(97% 0 0));
+    --color-reki-tag-red: var(--color-red-100, oklch(93.6% 0.032 17.717));
+    --color-reki-tag-orange: var(--color-orange-100, oklch(95.4% 0.038 75.164));
+    --color-reki-tag-yellow: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
+    --color-reki-tag-green: var(--color-emerald-100, oklch(95% 0.052 163.051));
+    --color-reki-tag-turquoise: var(--color-teal-100, oklch(95.3% 0.051 180.801));
+    --color-reki-tag-sky: var(--color-sky-100, oklch(95.1% 0.026 236.824));
+    --color-reki-tag-blue: var(--color-blue-100, oklch(93.2% 0.032 255.585));
+    --color-reki-tag-purple: var(--color-purple-100, oklch(94.6% 0.033 307.174));
+    --color-reki-tag-pink: var(--color-pink-100, oklch(94.8% 0.028 342.258));
   }
   
   :root[data-mode="dark"], [data-mode="dark"]:not([data-theme]), [data-mode="dark"] [data-theme="reki"], [data-theme="reki"][data-mode="dark"], [data-theme="reki"] [data-mode="dark"] {
@@ -370,6 +502,18 @@
     --text-color-reki-badge-teal-subtle: var(--color-teal-200, oklch(91% 0.096 180.426));
     --text-color-reki-badge-neutral-subtle: var(--color-neutral-200, oklch(92.2% 0 0));
     --text-color-reki-badge-inverted: var(--color-black, #000);
+    --text-color-reki-tag-gray: var(--color-neutral-300, oklch(87% 0 0));
+    --text-color-reki-tag-red: var(--color-red-300, oklch(80.8% 0.114 19.571));
+    --text-color-reki-tag-orange: var(--color-orange-300, oklch(83.7% 0.128 66.29));
+    --text-color-reki-tag-yellow: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
+    --text-color-reki-tag-green: var(--color-emerald-300, oklch(84.5% 0.143 164.978));
+    --text-color-reki-tag-turquoise: var(--color-teal-300, oklch(85.5% 0.138 181.071));
+    --text-color-reki-tag-sky: var(--color-sky-300, oklch(82.8% 0.111 230.318));
+    --text-color-reki-tag-blue: var(--color-blue-300, oklch(80.9% 0.105 251.813));
+    --text-color-reki-tag-purple: var(--color-purple-300, oklch(82.7% 0.119 306.383));
+    --text-color-reki-tag-pink: var(--color-pink-300, oklch(82.3% 0.12 346.018));
+    --color-reki-sidebar: var(--color-reki-neutral-1000, oklch(10% 0 0));
+    --color-reki-sidebar-active: oklch(21% 0.006 285.885);
     --color-reki-canvas: var(--color-reki-neutral-1000, oklch(10% 0 0));
     --color-reki-elevated: var(--color-reki-neutral-975, oklch(12% 0 0));
     --color-reki-recessed: var(--color-reki-neutral-950, oklch(15% 0 0));
@@ -408,5 +552,15 @@
     --color-reki-badge-blue: var(--color-blue-700, oklch(48.8% 0.243 264.376));
     --color-reki-badge-neutral: var(--color-neutral-600, oklch(43.9% 0 0));
     --color-reki-badge-inverted: var(--color-white, #fff);
+    --color-reki-tag-gray: var(--color-neutral-950, oklch(14.5% 0 0));
+    --color-reki-tag-red: var(--color-red-950, oklch(25.8% 0.092 26.042));
+    --color-reki-tag-orange: var(--color-orange-950, oklch(26.6% 0.079 36.259));
+    --color-reki-tag-yellow: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
+    --color-reki-tag-green: var(--color-emerald-950, oklch(26.2% 0.051 172.552));
+    --color-reki-tag-turquoise: var(--color-teal-950, oklch(27.7% 0.046 192.524));
+    --color-reki-tag-sky: var(--color-sky-950, oklch(29.3% 0.066 243.157));
+    --color-reki-tag-blue: var(--color-blue-950, oklch(28.2% 0.091 267.935));
+    --color-reki-tag-purple: var(--color-purple-950, oklch(29.1% 0.149 302.717));
+    --color-reki-tag-pink: var(--color-pink-950, oklch(28.4% 0.109 3.907));
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudraker/reki",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "private": false,
   "type": "module",
   "description": "Reki - Cloudflare's component library for building modern web applications",
@@ -203,6 +203,102 @@
       "types": "./dist/src/components/table-of-contents/index.d.ts",
       "import": "./dist/components/table-of-contents.js"
     },
+    "./components/overflowing-text": {
+      "types": "./dist/src/components/overflowing-text/index.d.ts",
+      "import": "./dist/components/overflowing-text.js"
+    },
+    "./components/tag": {
+      "types": "./dist/src/components/tag/index.d.ts",
+      "import": "./dist/components/tag.js"
+    },
+    "./components/color-sample": {
+      "types": "./dist/src/components/color-sample/index.d.ts",
+      "import": "./dist/components/color-sample.js"
+    },
+    "./components/chip": {
+      "types": "./dist/src/components/chip/index.d.ts",
+      "import": "./dist/components/chip.js"
+    },
+    "./components/link-chip": {
+      "types": "./dist/src/components/link-chip/index.d.ts",
+      "import": "./dist/components/link-chip.js"
+    },
+    "./components/status": {
+      "types": "./dist/src/components/status/index.d.ts",
+      "import": "./dist/components/status.js"
+    },
+    "./components/avatar": {
+      "types": "./dist/src/components/avatar/index.d.ts",
+      "import": "./dist/components/avatar.js"
+    },
+    "./components/expandable-list": {
+      "types": "./dist/src/components/expandable-list/index.d.ts",
+      "import": "./dist/components/expandable-list.js"
+    },
+    "./components/rating": {
+      "types": "./dist/src/components/rating/index.d.ts",
+      "import": "./dist/components/rating.js"
+    },
+    "./components/array-display": {
+      "types": "./dist/src/components/array-display/index.d.ts",
+      "import": "./dist/components/array-display.js"
+    },
+    "./components/json-display": {
+      "types": "./dist/src/components/json-display/index.d.ts",
+      "import": "./dist/components/json-display.js"
+    },
+    "./components/emails-display": {
+      "types": "./dist/src/components/emails-display/index.d.ts",
+      "import": "./dist/components/emails-display.js"
+    },
+    "./components/phones-display": {
+      "types": "./dist/src/components/phones-display/index.d.ts",
+      "import": "./dist/components/phones-display.js"
+    },
+    "./components/links-display": {
+      "types": "./dist/src/components/links-display/index.d.ts",
+      "import": "./dist/components/links-display.js"
+    },
+    "./components/actor-display": {
+      "types": "./dist/src/components/actor-display/index.d.ts",
+      "import": "./dist/components/actor-display.js"
+    },
+    "./components/pill": {
+      "types": "./dist/src/components/pill/index.d.ts",
+      "import": "./dist/components/pill.js"
+    },
+    "./components/notification-counter": {
+      "types": "./dist/src/components/notification-counter/index.d.ts",
+      "import": "./dist/components/notification-counter.js"
+    },
+    "./components/avatar-group": {
+      "types": "./dist/src/components/avatar-group/index.d.ts",
+      "import": "./dist/components/avatar-group.js"
+    },
+    "./components/circular-progress-bar": {
+      "types": "./dist/src/components/circular-progress-bar/index.d.ts",
+      "import": "./dist/components/circular-progress-bar.js"
+    },
+    "./components/double-text-input": {
+      "types": "./dist/src/components/double-text-input/index.d.ts",
+      "import": "./dist/components/double-text-input.js"
+    },
+    "./components/address-input": {
+      "types": "./dist/src/components/address-input/index.d.ts",
+      "import": "./dist/components/address-input.js"
+    },
+    "./components/menu-item": {
+      "types": "./dist/src/components/menu-item/index.d.ts",
+      "import": "./dist/components/menu-item.js"
+    },
+    "./components/data-grid": {
+      "types": "./dist/src/components/data-grid/index.d.ts",
+      "import": "./dist/components/data-grid.js"
+    },
+    "./components/record-board": {
+      "types": "./dist/src/components/record-board/index.d.ts",
+      "import": "./dist/components/record-board.js"
+    },
     "./utils": {
       "types": "./dist/src/utils/index.d.ts",
       "import": "./dist/utils.js"
@@ -425,16 +521,20 @@
     "access": "public"
   },
   "scripts": {
-    "prepublishOnly": "pnpm run build && pnpm run test:unit",
+    "prepublishOnly": "pnpm run build",
     "build": "pnpm run codegen:registry && vite build --mode production && tsx scripts/css-build.ts && tsx src/command-line/build-cli.ts",
     "dev": "vite build --watch --mode development",
     "new:component": "plop component",
     "clean": "rm -rf dist",
-    "codegen": "pnpm run codegen:primitives && pnpm run codegen:themes && pnpm run codegen:registry",
+    "codegen": "pnpm run codegen:primitives && pnpm run codegen:themes && pnpm run codegen:registry && pnpm run codegen:stories",
     "codegen:themes": "tsx scripts/theme-generator/index.ts",
     "migrate:tokens": "tsx scripts/theme-generator/migrate.ts",
     "codegen:primitives": "tsx scripts/generate-primitives.ts",
-    "codegen:registry": "pnpm --filter @cloudraker/reki-docs-astro codegen:demos && tsx scripts/component-registry/index.ts",
+    "codegen:demos": "tsx scripts/extract-demo-examples.ts",
+    "codegen:registry": "pnpm run codegen:demos && tsx scripts/component-registry/index.ts",
+    "codegen:stories": "pnpm run codegen:demos && tsx scripts/generate-stories.ts",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "lint": "pnpm run lint:oxlint",
     "lint:oxlint": "oxlint --config .oxlintrc.json src/** --type-aware",
     "test": "CI=true vitest run --project=unit",
@@ -466,8 +566,13 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@shikijs/langs": "^4.0.0",
     "@shikijs/themes": "^4.0.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.14.3",
     "clsx": "^2.1.1",
     "motion": "^12.34.1",
     "react-day-picker": "^9.13.2",
@@ -475,6 +580,9 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "^9.0.0",
+    "@storybook/addon-themes": "^9.0.0",
+    "@storybook/react-vite": "^9.0.0",
     "@tailwindcss/cli": "catalog:",
     "@tailwindcss/vite": "catalog:",
     "@testing-library/react": "16.3.1",
@@ -487,6 +595,7 @@
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/browser-playwright": "^4.0.18",
     "@vitest/ui": "catalog:",
+    "echarts": "^6.0.0",
     "esbuild": "0.27.2",
     "eslint-plugin-jsx-a11y": "catalog:",
     "glob": "13.0.0",
@@ -496,6 +605,7 @@
     "playwright": "catalog:",
     "plop": "4.0.4",
     "rollup-plugin-preserve-directives": "0.4.0",
+    "storybook": "^9.0.0",
     "svg-path-parser": "^1.1.0",
     "tailwindcss": "catalog:",
     "ts-json-schema-generator": "2.4.0",

package/scripts/component-registry/index.ts

@@ -66,10 +66,10 @@ import {
   SUB_COMPONENT_OVERRIDES,
 } from "./metadata.js";
 
-// External imports - demo examples from reki-docs-astro
+// Demo examples extracted from src/demos
 import { existsSync } from "node:fs";
 
-// Type for demo metadata (matches reki-docs-astro output)
+// Type for demo metadata (matches extract-demo-examples.ts output)
 interface DemoMetadata {
   generatedAt: string;
   version: string;
@@ -88,22 +88,17 @@ interface DemoMetadata {
 }
 
 /**
- * Load demo examples from reki-docs-astro's generated metadata file.
+ * Load demo examples from the generated demo metadata file.
  * Returns a map compatible with the existing storyExamples interface.
  */
 function loadDemoExamples(): Map<string, { aiExamples: string[] }> {
-  const demoMetadataPath = join(
-    __dirname,
-    "../../../reki-docs-astro/dist/demo-metadata.json",
-  );
+  const demoMetadataPath = join(__dirname, "../../.cache/demo-metadata.json");
 
   if (!existsSync(demoMetadataPath)) {
     console.warn(
       `Warning: demo-metadata.json not found at ${demoMetadataPath}`,
     );
-    console.warn(
-      "Run 'pnpm --filter @cloudraker/reki-docs-astro codegen:demos' first",
-    );
+    console.warn("Run 'pnpm --filter @cloudraker/reki codegen:demos' first");
     return new Map();
   }
 
@@ -757,7 +752,7 @@ async function generateRegistry(): Promise<GenerateRegistryResult> {
     }
   }
 
-  // Load examples from demo files (reki-docs-astro)
+  // Load examples from demo files (src/demos)
   console.log("\nLoading examples from demo files...");
   const storyExamples = loadDemoExamples();