m0saic 0.3.0 → 0.3.1

package/node_modules/@m0saic/templates/template-manifest.json

@@ -9,7 +9,8 @@
     "assets": {
       "templatesDir": "assets/templates"
     },
-    "helloWorld": "@m0saic/hello-world/v1"
+    "helloWorld": "@m0saic/hello-world/v1",
+    "conventions": "0.3.1"
   },
   "entryModule": "./dist/index.js",
   "templates": [
@@ -33,6 +34,30 @@
     },
     {
       "slug": "page-skeleton",
+      "templateKey": "@m0saic/web/page-skeleton/v2",
+      "title": "Page Skeleton",
+      "description": "Turns anonymous browser geometry into an editable skeleton-loading still or looping shimmer/pulse video.",
+      "tags": [
+        "web",
+        "skeleton",
+        "loading",
+        "capture",
+        "wireframe",
+        "animated",
+        "designers",
+        "developers",
+        "landing-page",
+        "mockup"
+      ],
+      "pack": "web",
+      "preview": {
+        "image": "assets/templates/@m0saic__web__page-skeleton__v2/preview.png",
+        "video": "assets/templates/@m0saic__web__page-skeleton__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__web__page-skeleton__v2/poster.png"
+      }
+    },
+    {
+      "slug": "page-skeleton-v1",
       "templateKey": "@m0saic/web/page-skeleton/v1",
       "title": "Page Skeleton",
       "description": "Paste anonymous geometry captured from any webpage and render an editable skeleton-loading still or looping shimmer/pulse video.",
@@ -48,11 +73,24 @@
         "landing-page",
         "mockup"
       ],
-      "pack": "web",
+      "pack": "web"
+    },
+    {
+      "slug": "wireframe-v3",
+      "templateKey": "@m0saic/wireframe/base/v3",
+      "title": "Wireframe",
+      "description": "Wireframe of any m0 layout string: every cell drawn as an outlined rectangle with its number, pixel size and aspect ratio on a white canvas. Switch the background to transparent to composite over anything or trace a reference screenshot, or pick the thumb, heatmap or paper presets for clean tiles.",
+      "tags": [
+        "wireframe",
+        "docs-only",
+        "designers",
+        "developers",
+        "layout",
+        "blueprint"
+      ],
+      "pack": "wireframe",
       "preview": {
-        "image": "assets/templates/@m0saic__web__page-skeleton__v1/preview.png",
-        "video": "assets/templates/@m0saic__web__page-skeleton__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__web__page-skeleton__v1/poster.png"
+        "image": "assets/templates/@m0saic__wireframe__base__v3/preview.png"
       }
     },
     {
@@ -68,10 +106,7 @@
         "layout",
         "blueprint"
       ],
-      "pack": "wireframe",
-      "preview": {
-        "image": "assets/templates/@m0saic__wireframe__base__v2/preview.png"
-      }
+      "pack": "wireframe"
     },
     {
       "slug": "wireframe",
@@ -82,10 +117,7 @@
         "wireframe",
         "docs-only"
       ],
-      "pack": "wireframe",
-      "preview": {
-        "image": "assets/templates/@m0saic__wireframe__base__v1/preview.png"
-      }
+      "pack": "wireframe"
     },
     {
       "slug": "wireframe-animated",
@@ -97,11 +129,7 @@
         "animated",
         "docs-only"
       ],
-      "pack": "wireframe",
-      "preview": {
-        "video": "assets/templates/@m0saic__wireframe__animated__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__wireframe__animated__v1/poster.png"
-      }
+      "pack": "wireframe"
     },
     {
       "slug": "wireframe-cell",
@@ -123,11 +151,7 @@
         "brand",
         "logo"
       ],
-      "pack": "brand",
-      "preview": {
-        "video": "assets/templates/@m0saic__brand__logo__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__brand__logo__v1/poster.png"
-      }
+      "pack": "brand"
     },
     {
       "slug": "brand-logo-v2",
@@ -138,10 +162,27 @@
         "brand",
         "logo"
       ],
+      "pack": "brand"
+    },
+    {
+      "slug": "brand-logo",
+      "templateKey": "@m0saic/brand/logo/v4",
+      "title": "M0saic Brand Marks",
+      "description": "Renders any m0saic brand mark — the M (as rects or bitmap), the m0 logotype, or the m0saic pattern — with an animated reveal, each at its official dictionary resolution. Default 'm-33' is the fast rect M; 'composite' (bitmap + rects blend) is the deliberate heavy render. Supersedes the earlier brand-logo templates.",
+      "tags": [
+        "brand",
+        "logo",
+        "marks",
+        "animated",
+        "designers",
+        "marketers",
+        "intro",
+        "sting"
+      ],
       "pack": "brand",
       "preview": {
-        "video": "assets/templates/@m0saic__brand__logo__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__brand__logo__v2/poster.png"
+        "video": "assets/templates/@m0saic__brand__logo__v4/preview.mp4",
+        "poster": "assets/templates/@m0saic__brand__logo__v4/poster.png"
       }
     },
     {
@@ -158,11 +199,7 @@
         "intro",
         "sting"
       ],
-      "pack": "brand",
-      "preview": {
-        "video": "assets/templates/@m0saic__brand__logo__v3/preview.mp4",
-        "poster": "assets/templates/@m0saic__brand__logo__v3/poster.png"
-      }
+      "pack": "brand"
     },
     {
       "slug": "brand-community-m-v1",
@@ -188,9 +225,9 @@
     },
     {
       "slug": "business-card",
-      "templateKey": "@m0saic/brand/business-card/v1",
+      "templateKey": "@m0saic/brand/business-card/v2",
       "title": "Business Card",
-      "description": "The m0saic business card, print-ready: US 3.5 x 2 in at 300 DPI on MOO's bleed box (1098 x 648 px; Vistaprint / FedEx presets too) — brand field + M lockup and your contact on the front, a live-rendered shipped template with a QR to Mosaic Web on the back. One render, two PNGs.",
+      "description": "The m0saic business card, print-ready: US 3.5 x 2 in at 300 DPI on MOO's bleed box (1098 x 648 px; Vistaprint / FedEx presets too), the brand field + M lockup and your contact on the front, a live-rendered shipped template with a QR to Mosaic Web on the back. One render, two PNGs (front + back). Every line on the front is editable on the canvas.",
       "tags": [
         "brand",
         "print",
@@ -204,13 +241,31 @@
       ],
       "pack": "brand",
       "preview": {
-        "image": "assets/templates/@m0saic__brand__business-card__v1/preview.png",
-        "poster": "assets/templates/@m0saic__brand__business-card__v1/poster.png"
+        "image": "assets/templates/@m0saic__brand__business-card__v2/preview.png",
+        "poster": "assets/templates/@m0saic__brand__business-card__v2/poster.png"
       }
     },
+    {
+      "slug": "business-card-v1",
+      "templateKey": "@m0saic/brand/business-card/v1",
+      "title": "Business Card",
+      "description": "The m0saic business card, print-ready: US 3.5 x 2 in at 300 DPI on MOO's bleed box (1098 x 648 px; Vistaprint / FedEx presets too) — brand field + M lockup and your contact on the front, a live-rendered shipped template with a QR to Mosaic Web on the back. One render, two PNGs.",
+      "tags": [
+        "brand",
+        "print",
+        "card",
+        "business-card",
+        "still",
+        "qr",
+        "founders",
+        "marketers",
+        "developers"
+      ],
+      "pack": "brand"
+    },
     {
       "slug": "qr-code",
-      "templateKey": "@m0saic/media/qr/code/v1",
+      "templateKey": "@m0saic/media/qr/code/v2",
       "title": "QR Code",
       "description": "Scannable QR from any text (URL, plain string, or structured payload). Defaults to the branded look — circle modules on a light card with the m0saic M carved in the centre; swap the centre asset and URL to make it yours. Square/rounded/circle module styles, light/dark/transparent card, optional spawn animation (Output mp4). The one standalone QR template.",
       "tags": [
@@ -222,9 +277,23 @@
       ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__qr__code__v1/preview.png"
+        "image": "assets/templates/@m0saic__media__qr__code__v2/preview.png"
       }
     },
+    {
+      "slug": "qr-code-v1",
+      "templateKey": "@m0saic/media/qr/code/v1",
+      "title": "QR Code",
+      "description": "Scannable QR from any text (URL, plain string, or structured payload). Defaults to the branded look — circle modules on a light card with the m0saic M carved in the centre; swap the centre asset and URL to make it yours. Square/rounded/circle module styles, light/dark/transparent card, optional spawn animation (Output mp4). The one standalone QR template.",
+      "tags": [
+        "brand",
+        "qr",
+        "marketers",
+        "designers",
+        "link"
+      ],
+      "pack": "media"
+    },
     {
       "slug": "brand-qr",
       "templateKey": "@m0saic/media/qr/basic/v1",
@@ -234,13 +303,28 @@
         "brand",
         "qr"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "barcode",
+      "templateKey": "@m0saic/media/barcode/v2",
+      "title": "Barcode",
+      "description": "Scannable 1D barcode (Code 128, EAN-13, UPC-A). Orange bars on light, dark, or transparent backgrounds, with an optional human-readable caption underneath. Double-click the barcode to change what it encodes.",
+      "tags": [
+        "media",
+        "barcode",
+        "designers",
+        "marketers",
+        "print",
+        "label"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__qr__basic__v1/preview.png"
+        "image": "assets/templates/@m0saic__media__barcode__v2/preview.png"
       }
     },
     {
-      "slug": "barcode",
+      "slug": "barcode-v1",
       "templateKey": "@m0saic/media/barcode/v1",
       "title": "Barcode",
       "description": "Scannable 1D barcode (Code 128, EAN-13, UPC-A). Orange bars on light, dark, or transparent backgrounds. Optional human-readable digit caption underneath.",
@@ -252,10 +336,7 @@
         "print",
         "label"
       ],
-      "pack": "media",
-      "preview": {
-        "image": "assets/templates/@m0saic__media__barcode__v1/preview.png"
-      }
+      "pack": "media"
     },
     {
       "slug": "qr-rounded",
@@ -266,10 +347,7 @@
         "brand",
         "qr"
       ],
-      "pack": "media",
-      "preview": {
-        "image": "assets/templates/@m0saic__media__qr__rounded__v1/preview.png"
-      }
+      "pack": "media"
     },
     {
       "slug": "qr-animate-tile-spawn",
@@ -298,14 +376,32 @@
         "qr",
         "animated"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "qr-stamp-custom",
+      "templateKey": "@m0saic/media/qr/stamp/v2",
+      "title": "QR Stamp",
+      "description": "Drop a QR onto any image or video. Same engine as the auto post-render watermark, exposed for direct use.",
+      "tags": [
+        "brand",
+        "qr",
+        "stamp",
+        "custom",
+        "marketers",
+        "creators",
+        "animated",
+        "link",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "video": "assets/templates/@m0saic__media__qr__animate__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__qr__animate__v2/poster.png"
+        "video": "assets/templates/@m0saic__media__qr__stamp__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__qr__stamp__v2/poster.png"
       }
     },
     {
-      "slug": "qr-stamp-custom",
+      "slug": "qr-stamp-custom-v1",
       "templateKey": "@m0saic/media/qr/stamp/v1",
       "title": "QR Stamp",
       "description": "Drop a QR onto any image or video. Same engine as the auto post-render attribution watermark, exposed for direct use — adaptive light/dark card, entrance fade, corner/size/margin knobs.",
@@ -320,11 +416,7 @@
         "link",
         "video"
       ],
-      "pack": "media",
-      "preview": {
-        "video": "assets/templates/@m0saic__media__qr__stamp__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__qr__stamp__v1/poster.png"
-      }
+      "pack": "media"
     },
     {
       "slug": "qr-stamp-still",
@@ -354,11 +446,7 @@
         "watermark",
         "adaptive"
       ],
-      "pack": "media",
-      "preview": {
-        "video": "assets/templates/@m0saic__media__qr__stamp-video__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__qr__stamp-video__v1/poster.png"
-      }
+      "pack": "media"
     },
     {
       "slug": "qr-stamp-video-animated",
@@ -389,11 +477,7 @@
         "chart",
         "data-viz"
       ],
-      "pack": "charts",
-      "preview": {
-        "video": "assets/templates/@m0saic__charts__bar-graph__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__bar-graph__v1/poster.png"
-      }
+      "pack": "charts"
     },
     {
       "slug": "donut-v2",
@@ -406,11 +490,7 @@
         "distribution",
         "data-viz"
       ],
-      "pack": "charts",
-      "preview": {
-        "video": "assets/templates/@m0saic__charts__donut__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__donut__v2/poster.png"
-      }
+      "pack": "charts"
     },
     {
       "slug": "benchmark-run",
@@ -432,6 +512,22 @@
     },
     {
       "slug": "benchmark-report",
+      "templateKey": "@m0saic/benchmark/report/v2",
+      "title": "Benchmark — Report",
+      "description": "Renders the standard shareable benchmark results video from a session's benchmark.json: machine-specs header, score / total-time / scenarios KPIs (stat-card), and a per-scenario render-time bar chart (bar-graph). Pair with the benchmark runner.",
+      "tags": [
+        "developer",
+        "benchmark",
+        "report",
+        "dashboard",
+        "performance",
+        "developers",
+        "animated"
+      ],
+      "pack": "benchmark"
+    },
+    {
+      "slug": "benchmark-report-v1",
       "templateKey": "@m0saic/benchmark/report/v1",
       "title": "Benchmark — Report",
       "description": "Packages a benchmark session's benchmark.json (written by @m0saic/benchmark/run/v1) into the standard shareable results video: machine-specs header, three headline KPIs, and a per-scenario render-time bar chart composed from the charts pack.",
@@ -592,14 +688,16 @@
     },
     {
       "slug": "ffmpeg-pulse-runner",
-      "templateKey": "@m0saic/hero/ffmpeg-pulse/runner/v1",
+      "templateKey": "@m0saic/hero/ffmpeg-pulse/runner/v2",
       "title": "Weekly Pulse · Runner",
-      "description": "FFmpeg Weekly Pulse — the runner. Sequences all eight beats into one cross-faded MosaicDocumentPipeline. Aspect-adaptive; per-beat durations as props.",
+      "description": "FFmpeg Weekly Pulse — the runner. Sequences all eight beats (title → kpi-overview → activity-trend → contributions → top-contributors → changes-breakdown → notable-commits → fin) into one cross-faded MosaicDocumentPipeline. Aspect-adaptive; per-beat durations as props.",
       "tags": [
+        "data-viz",
         "hero",
         "ffmpeg-pulse",
         "runner",
         "pipeline",
+        "animated",
         "developers",
         "marketers",
         "github",
@@ -608,10 +706,28 @@
       ],
       "pack": "hero",
       "preview": {
-        "video": "assets/templates/@m0saic__hero__ffmpeg-pulse__runner__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__hero__ffmpeg-pulse__runner__v1/poster.png"
+        "video": "assets/templates/@m0saic__hero__ffmpeg-pulse__runner__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__hero__ffmpeg-pulse__runner__v2/poster.png"
       }
     },
+    {
+      "slug": "ffmpeg-pulse-runner-v1",
+      "templateKey": "@m0saic/hero/ffmpeg-pulse/runner/v1",
+      "title": "Weekly Pulse · Runner",
+      "description": "FFmpeg Weekly Pulse — the runner. Sequences all eight beats into one cross-faded MosaicDocumentPipeline. Aspect-adaptive; per-beat durations as props.",
+      "tags": [
+        "hero",
+        "ffmpeg-pulse",
+        "runner",
+        "pipeline",
+        "developers",
+        "marketers",
+        "github",
+        "changelog",
+        "showcase"
+      ],
+      "pack": "hero"
+    },
     {
       "slug": "ffmpeg-pulse-scatter-bake",
       "templateKey": "@m0saic/hero/ffmpeg-pulse/scatter-bake/v1",
@@ -632,6 +748,27 @@
     },
     {
       "slug": "bar-graph",
+      "templateKey": "@m0saic/charts/bar-graph/v3",
+      "title": "Bar Graph",
+      "description": "Canonical bar graph data-viz primitive (tight-rect geometry): vertical/horizontal, labels, presets, intro animation.",
+      "tags": [
+        "data-viz",
+        "bar-graph",
+        "animated",
+        "analysts",
+        "marketers",
+        "report",
+        "charts",
+        "chart"
+      ],
+      "pack": "charts",
+      "preview": {
+        "video": "assets/templates/@m0saic__charts__bar-graph__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__charts__bar-graph__v3/poster.png"
+      }
+    },
+    {
+      "slug": "bar-graph-v2",
       "templateKey": "@m0saic/charts/bar-graph/v2",
       "title": "Bar Graph",
       "description": "Canonical bar graph: vertical/horizontal, grid + L-axes, value + category labels, presets, grow-in animation. Tight-rect geometry — each bar a rect that hugs its drawn height (flat single doc, no nested composition).",
@@ -644,14 +781,31 @@
         "marketers",
         "report"
       ],
+      "pack": "charts"
+    },
+    {
+      "slug": "stat-card",
+      "templateKey": "@m0saic/charts/stat-card/v2",
+      "title": "KPI Stat Card",
+      "description": "Canonical KPI stat card: label, dominant value, delta (arrow + signed change), and sublabel. Building block of the repo-tracker hero.",
+      "tags": [
+        "data-viz",
+        "stat-card",
+        "kpi",
+        "animated",
+        "analysts",
+        "marketers",
+        "metric",
+        "charts"
+      ],
       "pack": "charts",
       "preview": {
-        "video": "assets/templates/@m0saic__charts__bar-graph__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__bar-graph__v2/poster.png"
+        "video": "assets/templates/@m0saic__charts__stat-card__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__charts__stat-card__v2/poster.png"
       }
     },
     {
-      "slug": "stat-card",
+      "slug": "stat-card-v1",
       "templateKey": "@m0saic/charts/stat-card/v1",
       "title": "KPI Stat Card",
       "description": "Canonical KPI stat card: label, dominant value, delta (arrow + signed change), and sublabel. Building block of the repo-tracker hero.",
@@ -664,14 +818,32 @@
         "marketers",
         "metric"
       ],
+      "pack": "charts"
+    },
+    {
+      "slug": "donut",
+      "templateKey": "@m0saic/charts/donut/v5",
+      "title": "Donut Chart",
+      "description": "Canonical donut chart: proportional ring + center total. v4 makes the premium sliver sweep RATIO via a self-framed coarse-quantize (a P-divisible S×S frame lets placeRects GCD-collapse on any canvas), so it composes at any size while keeping the smooth sweep + tight rasters. Building block of the repo-tracker hero.",
+      "tags": [
+        "data-viz",
+        "donut",
+        "distribution",
+        "animated",
+        "analysts",
+        "marketers",
+        "share",
+        "charts"
+      ],
       "pack": "charts",
       "preview": {
-        "video": "assets/templates/@m0saic__charts__stat-card__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__stat-card__v1/poster.png"
+        "image": "assets/templates/@m0saic__charts__donut__v5/preview.png",
+        "video": "assets/templates/@m0saic__charts__donut__v5/preview.mp4",
+        "poster": "assets/templates/@m0saic__charts__donut__v5/poster.png"
       }
     },
     {
-      "slug": "donut",
+      "slug": "donut-v4",
       "templateKey": "@m0saic/charts/donut/v4",
       "title": "Donut Chart",
       "description": "Canonical donut chart: proportional ring + dominant center total. v4 makes the premium sliver sweep ratio via a self-framed coarse-quantize, so it composes at any canvas while keeping the smooth sweep + tight rasters.",
@@ -684,12 +856,7 @@
         "marketers",
         "share"
       ],
-      "pack": "charts",
-      "preview": {
-        "image": "assets/templates/@m0saic__charts__donut__v4/preview.png",
-        "video": "assets/templates/@m0saic__charts__donut__v4/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__donut__v4/poster.png"
-      }
+      "pack": "charts"
     },
     {
       "slug": "donut-v3",
@@ -702,11 +869,7 @@
         "distribution",
         "data-viz"
       ],
-      "pack": "charts",
-      "preview": {
-        "video": "assets/templates/@m0saic__charts__donut__v3/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__donut__v3/poster.png"
-      }
+      "pack": "charts"
     },
     {
       "slug": "donut-v1",
@@ -719,15 +882,31 @@
         "distribution",
         "data-viz"
       ],
+      "pack": "charts"
+    },
+    {
+      "slug": "line-chart",
+      "templateKey": "@m0saic/charts/line-chart/v2",
+      "title": "Line Chart",
+      "description": "Canonical line-chart data-viz primitive: multi-series, full axis/line/point control, transparent/solid/image backgrounds.",
+      "tags": [
+        "data-viz",
+        "line-chart",
+        "animated",
+        "analysts",
+        "marketers",
+        "trend",
+        "charts"
+      ],
       "pack": "charts",
       "preview": {
-        "image": "assets/templates/@m0saic__charts__donut__v1/preview.png",
-        "video": "assets/templates/@m0saic__charts__donut__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__donut__v1/poster.png"
+        "image": "assets/templates/@m0saic__charts__line-chart__v2/preview.png",
+        "video": "assets/templates/@m0saic__charts__line-chart__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__charts__line-chart__v2/poster.png"
       }
     },
     {
-      "slug": "line-chart",
+      "slug": "line-chart-v1",
       "templateKey": "@m0saic/charts/line-chart/v1",
       "title": "Line Chart",
       "description": "Canonical line-chart data-viz primitive: multi-series, full axis/line/point control, and transparent/solid/image backgrounds. The base every dashboard/report composes.",
@@ -739,12 +918,7 @@
         "marketers",
         "trend"
       ],
-      "pack": "charts",
-      "preview": {
-        "image": "assets/templates/@m0saic__charts__line-chart__v1/preview.png",
-        "video": "assets/templates/@m0saic__charts__line-chart__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__charts__line-chart__v1/poster.png"
-      }
+      "pack": "charts"
     },
     {
       "slug": "line-chart-chrome",
@@ -841,7 +1015,30 @@
     },
     {
       "slug": "bar-graph",
-      "templateKey": "@m0saic/alpine/bar-graph/v1",
+      "templateKey": "@m0saic/alpine/bar-graph/v2",
+      "title": "Alpine Bar Chart",
+      "description": "Alpine horizontal bar chart — friendly mobile-marketing card: rounded bars, category rail, inline values, value ticks.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "bar-graph",
+        "animated",
+        "analysts",
+        "developers",
+        "dashboard",
+        "report",
+        "chart"
+      ],
+      "pack": "alpine",
+      "preview": {
+        "image": "assets/templates/@m0saic__alpine__bar-graph__v2/preview.png",
+        "video": "assets/templates/@m0saic__alpine__bar-graph__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__bar-graph__v2/poster.png"
+      }
+    },
+    {
+      "slug": "bar-graph-v1",
+      "templateKey": "@m0saic/alpine/bar-graph/v1",
       "title": "Alpine Bar Chart",
       "description": "Alpine horizontal bar chart — friendly mobile-marketing card: white rounded surface, category rail, rounded bars, inline values, value-tick band. Standalone Alpine brand flavor (not a re-skin of charts/bar-graph).",
       "tags": [
@@ -854,15 +1051,33 @@
         "dashboard",
         "report"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "donut",
+      "templateKey": "@m0saic/alpine/donut/v4",
+      "title": "Alpine Donut Chart",
+      "description": "Alpine donut chart — friendly mobile-marketing card: proportional ring, center value + label, side legend. v3's premium mode does the full clockwise radial SWEEP (self-framed coarse-quantize) — smooth draw-on that still composes at any canvas; light mode stays the composable per-segment path.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "donut",
+        "distribution",
+        "animated",
+        "analysts",
+        "marketers",
+        "dashboard",
+        "share"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__bar-graph__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__bar-graph__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__bar-graph__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__donut__v4/preview.png",
+        "video": "assets/templates/@m0saic__alpine__donut__v4/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__donut__v4/poster.png"
       }
     },
     {
-      "slug": "donut",
+      "slug": "donut-v3",
       "templateKey": "@m0saic/alpine/donut/v3",
       "title": "Alpine Donut Chart",
       "description": "Alpine donut chart — friendly mobile-marketing card: proportional ring, center value + label, side legend. v3's premium mode does the full clockwise radial SWEEP (self-framed coarse-quantize — a smooth draw-on that still composes at any canvas); light mode stays the composable per-segment path.",
@@ -876,12 +1091,7 @@
         "dashboard",
         "share"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__donut__v3/preview.png",
-        "video": "assets/templates/@m0saic__alpine__donut__v3/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__donut__v3/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "donut-v1",
@@ -894,12 +1104,7 @@
         "distribution",
         "data-viz"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__donut__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__donut__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__donut__v1/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "donut-v2",
@@ -912,15 +1117,33 @@
         "distribution",
         "data-viz"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "line-chart",
+      "templateKey": "@m0saic/alpine/line-chart/v3",
+      "title": "Alpine Line Chart",
+      "description": "Alpine line/area chart — friendly mobile-marketing card: soft area fill, rounded line, point markers, value rail, left→right draw-on. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (plot marks are masks filling a ratio plot cell in plot-local coords) so it composes at any canvas without the absolute-placement precision blowup.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "line-chart",
+        "animated",
+        "analysts",
+        "developers",
+        "trend",
+        "dashboard",
+        "chart"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__donut__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__donut__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__donut__v2/poster.png"
+        "image": "assets/templates/@m0saic__alpine__line-chart__v3/preview.png",
+        "video": "assets/templates/@m0saic__alpine__line-chart__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__line-chart__v3/poster.png"
       }
     },
     {
-      "slug": "line-chart",
+      "slug": "line-chart-v2",
       "templateKey": "@m0saic/alpine/line-chart/v2",
       "title": "Alpine Line Chart",
       "description": "Alpine line/area chart — friendly mobile-marketing card: soft area fill, rounded line, point markers, value rail, left→right draw-on. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (plot marks are masks filling a ratio plot cell) so it composes at any canvas without the absolute-placement precision blowup.",
@@ -934,12 +1157,7 @@
         "trend",
         "dashboard"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__line-chart__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__line-chart__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__line-chart__v2/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "line-chart-v1",
@@ -952,15 +1170,33 @@
         "chart",
         "data-viz"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "kpi-card",
+      "templateKey": "@m0saic/alpine/kpi-card/v3",
+      "title": "Alpine KPI Card",
+      "description": "Alpine KPI / stat card — friendly mobile-marketing card: muted label, count-up value, soft delta pill (arrow + change), sublabel, optional sparkline. Every line is editable on the canvas, and the card composes at any size.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "kpi",
+        "stat-card",
+        "animated",
+        "analysts",
+        "marketers",
+        "metric",
+        "dashboard"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__line-chart__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__line-chart__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__line-chart__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__kpi-card__v3/preview.png",
+        "video": "assets/templates/@m0saic__alpine__kpi-card__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__kpi-card__v3/poster.png"
       }
     },
     {
-      "slug": "kpi-card",
+      "slug": "kpi-card-v2",
       "templateKey": "@m0saic/alpine/kpi-card/v2",
       "title": "Alpine KPI Card",
       "description": "Alpine KPI / stat card — friendly mobile-marketing card: muted label, count-up value, soft delta pill (arrow + change), sublabel, optional sparkline. Standalone Alpine brand flavor. v2 rebuilds the sparkline as a ratio band so the whole card composes at any canvas without the absolute-placement precision blowup.",
@@ -974,12 +1210,7 @@
         "metric",
         "dashboard"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__kpi-card__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__kpi-card__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__kpi-card__v2/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "kpi-card-v1",
@@ -992,15 +1223,35 @@
         "stat-card",
         "data-viz"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "stat-card",
+      "templateKey": "@m0saic/alpine/stat-card/v2",
+      "title": "Alpine Stat Card",
+      "description": "Alpine KPI stat card — friendly mobile-marketing card: accent icon + muted label, dominant count-up value, SVG-triangle delta (green up / red down) + sublabel. Light by default; \"dark\" preset for the night look (the FFmpeg Weekly Pulse hero passes preset:\"dark\" + its own accent/card).",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "stat-card",
+        "kpi",
+        "animated",
+        "analysts",
+        "marketers",
+        "metric",
+        "number",
+        "hero",
+        "dark"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__kpi-card__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__kpi-card__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__kpi-card__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__stat-card__v2/preview.png",
+        "video": "assets/templates/@m0saic__alpine__stat-card__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__stat-card__v2/poster.png"
       }
     },
     {
-      "slug": "stat-card",
+      "slug": "stat-card-v1",
       "templateKey": "@m0saic/alpine/stat-card/v1",
       "title": "Hero KPI Stat Card",
       "description": "Hero-styled KPI stat card (Alpine pack): rounded dark card, green accent icon + label, dominant count-up value, SVG-triangle delta (green up / red down) + sublabel. The KPI tile for the FFmpeg Weekly Pulse beats.",
@@ -1015,15 +1266,34 @@
         "metric",
         "number"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "contributor-table",
+      "templateKey": "@m0saic/alpine/contributor-table/v2",
+      "title": "Alpine Contributor Table",
+      "description": "Alpine contributor table — friendly mobile-marketing card: a ranked multi-column table (rank · avatar · name + arbitrary right-aligned value columns), icon + title header, top-N accent wash, count-up values. Alpine-light by default; the FFmpeg Weekly Pulse uses preset:\"dark\".",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "contributor-table",
+        "ranking",
+        "table",
+        "animated",
+        "developers",
+        "analysts",
+        "team",
+        "open-source"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__stat-card__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__stat-card__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__stat-card__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__contributor-table__v2/preview.png",
+        "video": "assets/templates/@m0saic__alpine__contributor-table__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__contributor-table__v2/poster.png"
       }
     },
     {
-      "slug": "contributor-table",
+      "slug": "contributor-table-v1",
       "templateKey": "@m0saic/alpine/contributor-table/v1",
       "title": "Alpine Contributor Table",
       "description": "Alpine contributor table — friendly mobile-marketing card: a ranked multi-column table (rank · avatar · name + arbitrary value columns), icon + title header, top-N accent wash, count-up values. Alpine-light by default; the FFmpeg hero uses preset:\"dark\".",
@@ -1038,15 +1308,34 @@
         "team",
         "open-source"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "commit-feed",
+      "templateKey": "@m0saic/alpine/commit-feed/v3",
+      "title": "Alpine Commit Feed",
+      "description": "Alpine commit feed — friendly mobile-marketing card: a scannable list of notable commits (kind icon + title + PR, area chip + author + reviewers + date) with a signal status bar (green win / amber warn / neutral). Alpine-light by default; the FFmpeg Weekly Pulse uses preset:\"dark\". v2 rebuilds the geometry as a RATIO layout (nested row/col splits with proportional weights) so it composes at any canvas without the absolute-placement precision blowup.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "commit-feed",
+        "feed",
+        "list",
+        "animated",
+        "developers",
+        "analysts",
+        "git",
+        "changelog"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__contributor-table__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__contributor-table__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__contributor-table__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__commit-feed__v3/preview.png",
+        "video": "assets/templates/@m0saic__alpine__commit-feed__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__commit-feed__v3/poster.png"
       }
     },
     {
-      "slug": "commit-feed",
+      "slug": "commit-feed-v2",
       "templateKey": "@m0saic/alpine/commit-feed/v2",
       "title": "Alpine Commit Feed",
       "description": "Alpine commit feed — friendly mobile-marketing card: a scannable list of notable commits (kind icon + title + PR, area chip + author + reviewers + date) with a signal status bar. Alpine-light by default; the FFmpeg hero uses preset:\"dark\". v2 rebuilds the geometry as a ratio layout (nested proportional splits) so it composes at any canvas without the absolute-placement precision blowup.",
@@ -1061,12 +1350,7 @@
         "git",
         "changelog"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__commit-feed__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__commit-feed__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__commit-feed__v2/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "commit-feed-v1",
@@ -1080,15 +1364,33 @@
         "list",
         "data-viz"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "progress-card",
+      "templateKey": "@m0saic/alpine/progress-card/v2",
+      "title": "Alpine Progress Card",
+      "description": "Alpine progress card — friendly mobile-marketing card: a list of goal rows, each a label + value over a rounded track with a colored fill grown to its fraction. Standalone Alpine brand flavor.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "progress",
+        "goals",
+        "animated",
+        "analysts",
+        "marketers",
+        "goal",
+        "milestone"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__commit-feed__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__commit-feed__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__commit-feed__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__progress-card__v2/preview.png",
+        "video": "assets/templates/@m0saic__alpine__progress-card__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__progress-card__v2/poster.png"
       }
     },
     {
-      "slug": "progress-card",
+      "slug": "progress-card-v1",
       "templateKey": "@m0saic/alpine/progress-card/v1",
       "title": "Alpine Progress Card",
       "description": "Alpine progress card — friendly mobile-marketing card: a list of goal rows, each a label + value over a rounded track with a colored fill grown to its fraction. Standalone Alpine brand flavor.",
@@ -1102,15 +1404,32 @@
         "goal",
         "milestone"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "leaderboard",
+      "templateKey": "@m0saic/alpine/leaderboard/v2",
+      "title": "Alpine Leaderboard",
+      "description": "Alpine leaderboard — friendly mobile-marketing card: a ranked list with gold/silver/bronze rank badges, names, count-up values, and a soft podium tint. Standalone Alpine brand flavor.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "leaderboard",
+        "ranking",
+        "animated",
+        "analysts",
+        "creators",
+        "top-10"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__progress-card__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__progress-card__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__progress-card__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__leaderboard__v2/preview.png",
+        "video": "assets/templates/@m0saic__alpine__leaderboard__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__leaderboard__v2/poster.png"
       }
     },
     {
-      "slug": "leaderboard",
+      "slug": "leaderboard-v1",
       "templateKey": "@m0saic/alpine/leaderboard/v1",
       "title": "Alpine Leaderboard",
       "description": "Alpine leaderboard — friendly mobile-marketing card: a ranked list with gold/silver/bronze rank badges, names, count-up values, and a soft podium tint. Standalone Alpine brand flavor.",
@@ -1123,15 +1442,33 @@
         "creators",
         "top-10"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "heatmap",
+      "templateKey": "@m0saic/alpine/heatmap/v3",
+      "title": "Alpine Heatmap",
+      "description": "Alpine heatmap — friendly mobile-marketing card: a rows×cols grid of rounded cells colored on a single-hue intensity scale, with row/column labels and a Less→More legend. v2 rebuilds the geometry as a RATIO layout (clean grid() cells; gaps applied as lattice-retargeted source insets, exact at every canvas), so it composes anywhere without the coprime-pixel precision blowup. Generalizes the GitHub contribution calendar.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "heatmap",
+        "matrix",
+        "animated",
+        "analysts",
+        "developers",
+        "activity",
+        "calendar"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__leaderboard__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__leaderboard__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__leaderboard__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__heatmap__v3/preview.png",
+        "video": "assets/templates/@m0saic__alpine__heatmap__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__heatmap__v3/poster.png"
       }
     },
     {
-      "slug": "heatmap",
+      "slug": "heatmap-v2",
       "templateKey": "@m0saic/alpine/heatmap/v2",
       "title": "Alpine Heatmap",
       "description": "Alpine heatmap — friendly mobile-marketing card: a rows×cols grid of rounded cells on a single-hue intensity scale, with row/column labels and a Less→More legend. Generalizes the GitHub contribution calendar. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (gutterless grid + gaps as source insets) so it composes at any canvas without the absolute-placement precision blowup.",
@@ -1145,12 +1482,7 @@
         "activity",
         "calendar"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__heatmap__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__heatmap__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__heatmap__v2/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "heatmap-v1",
@@ -1163,15 +1495,32 @@
         "matrix",
         "data-viz"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "timeline",
+      "templateKey": "@m0saic/alpine/timeline/v3",
+      "title": "Alpine Timeline",
+      "description": "Alpine timeline — friendly mobile-marketing card: a milestone timeline with a spine + dots that draw down/across, each event a date + title + description. Standalone Alpine brand flavor. v2 rebuilds the geometry as a RATIO layout (nested proportional splits with insetNode-centered dots) so it composes at any canvas without the absolute-placement precision blowup.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "timeline",
+        "milestones",
+        "animated",
+        "analysts",
+        "marketers",
+        "roadmap"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__heatmap__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__heatmap__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__heatmap__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__timeline__v3/preview.png",
+        "video": "assets/templates/@m0saic__alpine__timeline__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__timeline__v3/poster.png"
       }
     },
     {
-      "slug": "timeline",
+      "slug": "timeline-v2",
       "templateKey": "@m0saic/alpine/timeline/v2",
       "title": "Alpine Timeline",
       "description": "Alpine timeline — friendly mobile-marketing card: a milestone timeline with a spine + dots, each event a date + title + description. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (nested proportional splits) so it composes at any canvas without the absolute-placement precision blowup.",
@@ -1184,12 +1533,7 @@
         "marketers",
         "roadmap"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__timeline__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__timeline__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__timeline__v2/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "timeline-v1",
@@ -1202,15 +1546,33 @@
         "milestones",
         "data-viz"
       ],
+      "pack": "alpine"
+    },
+    {
+      "slug": "treemap",
+      "templateKey": "@m0saic/alpine/treemap/v3",
+      "title": "Alpine Treemap",
+      "description": "Alpine treemap — friendly mobile-marketing card: value-sized rounded tiles (squarified) filling the card, each labelled with its name + share, tiles fading in biggest→smallest. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (squarified nested splits + gap-as-inset) so it composes at any canvas without the absolute-placement precision blowup.",
+      "tags": [
+        "data-viz",
+        "alpine",
+        "treemap",
+        "proportion",
+        "animated",
+        "analysts",
+        "developers",
+        "breakdown",
+        "composition"
+      ],
       "pack": "alpine",
       "preview": {
-        "image": "assets/templates/@m0saic__alpine__timeline__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__timeline__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__timeline__v1/poster.png"
+        "image": "assets/templates/@m0saic__alpine__treemap__v3/preview.png",
+        "video": "assets/templates/@m0saic__alpine__treemap__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__alpine__treemap__v3/poster.png"
       }
     },
     {
-      "slug": "treemap",
+      "slug": "treemap-v2",
       "templateKey": "@m0saic/alpine/treemap/v2",
       "title": "Alpine Treemap",
       "description": "Alpine treemap — friendly mobile-marketing card: value-sized rounded tiles (squarified) filling the card, each labelled with its name + share, tiles fading in biggest→smallest. Standalone Alpine brand flavor. v2 rebuilds the geometry as a ratio layout (squarified nested splits + gap-as-inset) so it composes at any canvas without the absolute-placement precision blowup.",
@@ -1224,12 +1586,7 @@
         "breakdown",
         "composition"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__treemap__v2/preview.png",
-        "video": "assets/templates/@m0saic__alpine__treemap__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__treemap__v2/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "treemap-v1",
@@ -1242,16 +1599,11 @@
         "proportion",
         "data-viz"
       ],
-      "pack": "alpine",
-      "preview": {
-        "image": "assets/templates/@m0saic__alpine__treemap__v1/preview.png",
-        "video": "assets/templates/@m0saic__alpine__treemap__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__alpine__treemap__v1/poster.png"
-      }
+      "pack": "alpine"
     },
     {
       "slug": "grid",
-      "templateKey": "@m0saic/primitives/grid/v2",
+      "templateKey": "@m0saic/primitives/grid/v3",
       "title": "Primitive — Grid",
       "description": "Composable gridline overlay primitive (horizontal/vertical/both) — thin fixed-px strips at proportional offsets; nests cleanly at any canvas.",
       "tags": [
@@ -1262,9 +1614,22 @@
       ],
       "pack": "primitives",
       "preview": {
-        "image": "assets/templates/@m0saic__primitives__grid__v2/preview.png"
+        "image": "assets/templates/@m0saic__primitives__grid__v3/preview.png"
       }
     },
+    {
+      "slug": "grid-v2",
+      "templateKey": "@m0saic/primitives/grid/v2",
+      "title": "Primitive — Grid",
+      "description": "Composable gridline overlay primitive (horizontal/vertical/both) — thin fixed-px strips at proportional offsets; nests cleanly at any canvas.",
+      "tags": [
+        "primitive",
+        "grid",
+        "developers",
+        "layout"
+      ],
+      "pack": "primitives"
+    },
     {
       "slug": "grid-v1",
       "templateKey": "@m0saic/primitives/grid/v1",
@@ -1274,13 +1639,34 @@
         "primitive",
         "grid"
       ],
-      "pack": "primitives",
+      "pack": "primitives"
+    },
+    {
+      "slug": "image-collage",
+      "templateKey": "@m0saic/collage/image-collage/v2",
+      "title": "Image Collage",
+      "description": "Packs any set of photos into a designed contact sheet: a searched layout with hero, portrait and panorama cells sized to each image's aspect, even pixel gutters, and a soft crop budget so nothing is trimmed too hard. Big sets page into one PNG per sheet. With no images it shows a demo set.",
+      "tags": [
+        "media",
+        "collage",
+        "image",
+        "layout-solver",
+        "contact-sheet",
+        "creators",
+        "designers",
+        "photos",
+        "grid",
+        "social",
+        "images"
+      ],
+      "pack": "collage",
       "preview": {
-        "image": "assets/templates/@m0saic__primitives__grid__v1/preview.png"
+        "image": "assets/templates/@m0saic__collage__image-collage__v2/preview.png",
+        "poster": "assets/templates/@m0saic__collage__image-collage__v2/poster.png"
       }
     },
     {
-      "slug": "image-collage",
+      "slug": "image-collage-v1",
       "templateKey": "@m0saic/collage/image-collage/v1",
       "title": "Image Collage",
       "description": "Packs any set of photos into a designed contact sheet: searched layout, hero / portrait / panorama cells sized to each image, even pixel gutters, soft crop budget; big sets page into one PNG per sheet.",
@@ -1295,11 +1681,7 @@
         "grid",
         "social"
       ],
-      "pack": "collage",
-      "preview": {
-        "image": "assets/templates/@m0saic__collage__image-collage__v1/preview.png",
-        "poster": "assets/templates/@m0saic__collage__image-collage__v1/poster.png"
-      }
+      "pack": "collage"
     },
     {
       "slug": "spread-grid-mock",
@@ -1316,9 +1698,9 @@
     },
     {
       "slug": "quote-card",
-      "templateKey": "@m0saic/social/quote-card/v1",
+      "templateKey": "@m0saic/social/quote-card/v2",
       "title": "Quote Card",
-      "description": "Pull-quote social card — auto-wrapped quote, accent bar, attribution with an optional circular avatar; hand-tuned light/dark presets; lossless PNG still, aspect-safe from square to stories.",
+      "description": "Pull-quote social card — auto-wrapped quote, accent bar, attribution with an optional circular avatar; hand-tuned light/dark presets; lossless PNG still, aspect-safe from square to stories. Every line is editable on the canvas.",
       "tags": [
         "social",
         "quote",
@@ -1331,12 +1713,51 @@
       ],
       "pack": "social",
       "preview": {
-        "image": "assets/templates/@m0saic__social__quote-card__v1/preview.png",
-        "poster": "assets/templates/@m0saic__social__quote-card__v1/poster.png"
+        "image": "assets/templates/@m0saic__social__quote-card__v2/preview.png",
+        "poster": "assets/templates/@m0saic__social__quote-card__v2/poster.png"
       }
     },
+    {
+      "slug": "quote-card-v1",
+      "templateKey": "@m0saic/social/quote-card/v1",
+      "title": "Quote Card",
+      "description": "Pull-quote social card — auto-wrapped quote, accent bar, attribution with an optional circular avatar; hand-tuned light/dark presets; lossless PNG still, aspect-safe from square to stories.",
+      "tags": [
+        "social",
+        "quote",
+        "card",
+        "pull-quote",
+        "promo",
+        "creators",
+        "marketers",
+        "testimonial"
+      ],
+      "pack": "social"
+    },
     {
       "slug": "code-snippet-morph",
+      "templateKey": "@m0saic/code/snippet-morph/v2",
+      "title": "Code Snippet Morph",
+      "description": "Morphs ordered TypeScript/JavaScript code states into a deterministic editor-frame video with moving, added, and removed lines.",
+      "tags": [
+        "developer",
+        "code",
+        "snippet",
+        "animated",
+        "developers",
+        "diff",
+        "tutorial",
+        "animation"
+      ],
+      "pack": "code",
+      "preview": {
+        "image": "assets/templates/@m0saic__code__snippet-morph__v2/preview.png",
+        "video": "assets/templates/@m0saic__code__snippet-morph__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__code__snippet-morph__v2/poster.png"
+      }
+    },
+    {
+      "slug": "code-snippet-morph-v1",
       "templateKey": "@m0saic/code/snippet-morph/v1",
       "title": "Code Snippet Morph",
       "description": "Turn ordered TypeScript or JavaScript states into a deterministic editor-frame video with syntax highlighting and line-aware morphs — CodeSlides polish as a real deliverable, without screen recording.",
@@ -1349,12 +1770,7 @@
         "diff",
         "tutorial"
       ],
-      "pack": "code",
-      "preview": {
-        "image": "assets/templates/@m0saic__code__snippet-morph__v1/preview.png",
-        "video": "assets/templates/@m0saic__code__snippet-morph__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__code__snippet-morph__v1/poster.png"
-      }
+      "pack": "code"
     },
     {
       "slug": "screencap-grid-info-pane",
@@ -1370,6 +1786,28 @@
     },
     {
       "slug": "screencap-grid",
+      "templateKey": "@m0saic/media/screencap_grid/v3",
+      "title": "Screencap Grid",
+      "description": "Displays formatted ffprobe info in a top pane with a rows x cols grid of the same media below. Renders a static PNG contact sheet or an animated MP4 grid via the Output knob. v2 lays the pane and tiles out as exact pixel rects via inset-recovery placement, so tile gaps are pixel-exact at every canvas.",
+      "tags": [
+        "media",
+        "screencap",
+        "creators",
+        "developers",
+        "contact-sheet",
+        "thumbnails",
+        "video",
+        "grid"
+      ],
+      "pack": "media",
+      "preview": {
+        "image": "assets/templates/@m0saic__media__screencap_grid__v3/preview.png",
+        "video": "assets/templates/@m0saic__media__screencap_grid__v3/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__screencap_grid__v3/preview.mp4"
+      }
+    },
+    {
+      "slug": "screencap-grid-v2",
       "templateKey": "@m0saic/media/screencap_grid/v2",
       "title": "Screencap Grid",
       "description": "Displays formatted ffprobe info in a top pane with a rows x cols grid of the same media below. Renders a static PNG contact sheet or an animated MP4 grid via the Output knob. v2 lays the pane and tiles out as exact pixel rects via inset-recovery placement (placeInsetPieces), so tile gaps are pixel-exact at every canvas.",
@@ -1385,9 +1823,7 @@
       ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__screencap_grid__v2/preview.png",
-        "video": "assets/templates/@m0saic__media__screencap_grid__v2/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__screencap_grid__v2/preview.mp4"
+        "image": "assets/templates/@m0saic__media__screencap_grid__v2/preview.png"
       }
     },
     {
@@ -1400,15 +1836,30 @@
         "screencap",
         "grid"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "subtitle-burn",
+      "templateKey": "@m0saic/media/subtitle-burn/v2",
+      "title": "Subtitle Burn",
+      "description": "Reads subtitle cues from an MKV/MP4's embedded subtitle stream (text-based codecs) and burns them onto the video as m0saic text overlays. Opt-in cue emission via MosaicDataSource + doc.sidecars.cues.",
+      "tags": [
+        "media",
+        "subtitles",
+        "captions",
+        "creators",
+        "educators",
+        "animated",
+        "accessibility",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__screencap_grid__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__screencap_grid__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__screencap_grid__v1/preview.mp4"
+        "image": "assets/templates/@m0saic__media__subtitle-burn__v2/preview.png"
       }
     },
     {
-      "slug": "subtitle-burn",
+      "slug": "subtitle-burn-v1",
       "templateKey": "@m0saic/media/subtitle-burn/v1",
       "title": "Subtitle Burn",
       "description": "Reads subtitle cues from an MKV/MP4's embedded subtitle stream and burns them onto the video as m0saic text overlays.",
@@ -1422,13 +1873,34 @@
         "accessibility",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "screencap-grid-aspect-safe",
+      "templateKey": "@m0saic/media/screencap_grid_aspect_safe/v2",
+      "title": "Screencap Grid — Aspect Safe",
+      "description": "Per source video, renders a coordinated landscape + portrait grid pair (same cell count, cells steered to the wanted shape — landscape/square/portrait presets or an exact ratio, default landscape 16:9). Multi-input renders 2 outputs per file. Renders static PNG contact sheets or animated MP4 grids via the Output knob.",
+      "tags": [
+        "media",
+        "screencap",
+        "aspect-safe",
+        "multi-orientation",
+        "creators",
+        "developers",
+        "contact-sheet",
+        "thumbnails",
+        "video",
+        "grid"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__subtitle-burn__v1/preview.png"
+        "image": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v2/preview.mp4"
       }
     },
     {
-      "slug": "screencap-grid-aspect-safe",
+      "slug": "screencap-grid-aspect-safe-v1",
       "templateKey": "@m0saic/media/screencap_grid_aspect_safe/v1",
       "title": "Screencap Grid — Aspect Safe",
       "description": "Per source video, picks a coordinated landscape + portrait grid pair (same cell count, cells steered to the wanted shape — landscape/square/portrait presets or an exact ratio, default landscape 16:9) via aspectSafeGrid and emits both as a 2-step multi-output pipeline. Renders static PNG contact sheets or animated MP4 grids via the Output knob; tile gaps are pixel-exact via inset-recovery placement.",
@@ -1446,13 +1918,34 @@
       ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v1/preview.mp4"
+        "image": "assets/templates/@m0saic__media__screencap_grid_aspect_safe__v1/preview.png"
+      }
+    },
+    {
+      "slug": "scroll-wall",
+      "templateKey": "@m0saic/media/scroll_wall/v2",
+      "title": "Scroll Wall",
+      "description": "An endless scrolling wall of clips: 1-4 rows of video/image tiles slide sideways forever (optionally alternating direction) and loop seamlessly at whole cycles. Every tile is a real DSL cell at full native resolution; the pan is per-tile overlay motion, not a camera crop. Empty clips render a demo wall of colored tiles.",
+      "tags": [
+        "media",
+        "wall",
+        "scroll",
+        "loop",
+        "montage",
+        "animated",
+        "creators",
+        "marketers",
+        "video"
+      ],
+      "pack": "media",
+      "preview": {
+        "image": "assets/templates/@m0saic__media__scroll_wall__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__scroll_wall__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__scroll_wall__v2/poster.png"
       }
     },
     {
-      "slug": "scroll-wall",
+      "slug": "scroll-wall-v1",
       "templateKey": "@m0saic/media/scroll_wall/v1",
       "title": "Scroll Wall",
       "description": "An endless scrolling wall of clips: 1-4 rows of video/image tiles slide sideways forever (optionally alternating direction) and loop seamlessly at whole cycles. Every tile is a real DSL cell at full native resolution; the pan is per-tile overlay motion, not a camera crop.",
@@ -1467,15 +1960,29 @@
         "animated",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "frame-stripper",
+      "templateKey": "@m0saic/media/video_to_png_sequence/v2",
+      "title": "Frame Stripper",
+      "description": "Drop one or more videos, get every frame as a separate numbered PNG. Multi-input renders prefix each frame with the source basename so files don't collide. One ffmpeg invocation per frame — use maxFrames to cap long inputs.",
+      "tags": [
+        "media",
+        "frames",
+        "png-sequence",
+        "extract",
+        "developers",
+        "creators",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__scroll_wall__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__scroll_wall__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__scroll_wall__v1/poster.png"
+        "image": "assets/templates/@m0saic__media__video_to_png_sequence__v2/preview.png"
       }
     },
     {
-      "slug": "frame-stripper",
+      "slug": "frame-stripper-v1",
       "templateKey": "@m0saic/media/video_to_png_sequence/v1",
       "title": "Frame Stripper",
       "description": "Drop a video, get every frame as a numbered PNG sequence (frame_0001.png, frame_0002.png, ...).",
@@ -1488,13 +1995,34 @@
         "creators",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "media-watermark",
+      "templateKey": "@m0saic/media/watermark/v2",
+      "title": "Watermark",
+      "description": "Stamp your logo or wordmark onto any image or video — 9 positions or an exact m0 rect, ratio-true sizing, opacity control. Point it at a folder for one watermarked output per input. (Free tier adds the m0saic QR at bottom-right — pick a different corner to avoid overlap.)",
+      "tags": [
+        "media",
+        "watermark",
+        "brand",
+        "batch",
+        "creators",
+        "marketers",
+        "animated",
+        "logo",
+        "overlay",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__video_to_png_sequence__v1/preview.png"
+        "image": "assets/templates/@m0saic__media__watermark__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__watermark__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__watermark__v2/poster.png"
       }
     },
     {
-      "slug": "media-watermark",
+      "slug": "media-watermark-v1",
       "templateKey": "@m0saic/media/watermark/v1",
       "title": "Watermark",
       "description": "Stamp your logo or wordmark onto any image or video — 9 positions or an exact m0 rect, ratio-true sizing, opacity control. Point it at a folder for one watermarked output per input.",
@@ -1510,15 +2038,35 @@
         "overlay",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "metadata-stamp",
+      "templateKey": "@m0saic/media/metadata-stamp/v2",
+      "title": "Metadata Stamp",
+      "description": "Stamp each video's creation date (read from its metadata) onto the video as a small chip — 9 positions, deterministic date formats. Point it at a folder for one stamped output per input; files without metadata use your fallback text or pass through clean. (Defaults to bottom-left: the free tier's m0saic QR occupies bottom-right.)",
+      "tags": [
+        "media",
+        "stamp",
+        "date",
+        "metadata",
+        "batch",
+        "utility",
+        "creators",
+        "animated",
+        "timestamp",
+        "overlay",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__watermark__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__watermark__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__watermark__v1/poster.png"
+        "image": "assets/templates/@m0saic__media__metadata-stamp__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__metadata-stamp__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__metadata-stamp__v2/poster.png"
       }
     },
     {
-      "slug": "metadata-stamp",
+      "slug": "metadata-stamp-v1",
       "templateKey": "@m0saic/media/metadata-stamp/v1",
       "title": "Metadata Stamp",
       "description": "Stamp each video's creation date (read from its metadata) onto the video as a small chip — 9 positions, deterministic date formats. Point it at a folder for one stamped output per input; files without metadata use your fallback text or pass through clean.",
@@ -1535,15 +2083,34 @@
         "overlay",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "highlights",
+      "templateKey": "@m0saic/media/highlights/v2",
+      "title": "Highlight Clips",
+      "description": "Pick a video, mark one or more time ranges, and get each range as its own clip — mp4 or webm, audio intact, one render for the whole batch.",
+      "tags": [
+        "media",
+        "clips",
+        "highlights",
+        "promo",
+        "multi-output",
+        "creators",
+        "marketers",
+        "animated",
+        "trailer",
+        "teaser",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__metadata-stamp__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__metadata-stamp__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__metadata-stamp__v1/poster.png"
+        "image": "assets/templates/@m0saic__media__highlights__v2/preview.png",
+        "poster": "assets/templates/@m0saic__media__highlights__v2/poster.png"
       }
     },
     {
-      "slug": "highlights",
+      "slug": "highlights-v1",
       "templateKey": "@m0saic/media/highlights/v1",
       "title": "Highlight Clips",
       "description": "Pick a video, mark one or more time ranges, and get each range as its own clip — mp4 or webm, audio intact, one render for the whole batch.",
@@ -1560,14 +2127,34 @@
         "teaser",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "blur-regions",
+      "templateKey": "@m0saic/media/blur-regions/v2",
+      "title": "Easy Blur",
+      "description": "Pick a video or image, draw boxes over what should stay hidden — faces, plates, names — and get the same media back with those regions blurred or pixelated. Audio untouched.",
+      "tags": [
+        "media",
+        "blur",
+        "privacy",
+        "redact",
+        "pixelate",
+        "creators",
+        "animated",
+        "face-blur",
+        "anonymize",
+        "video"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__highlights__v1/preview.png",
-        "poster": "assets/templates/@m0saic__media__highlights__v1/poster.png"
+        "image": "assets/templates/@m0saic__media__blur-regions__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__blur-regions__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__blur-regions__v2/poster.png"
       }
     },
     {
-      "slug": "blur-regions",
+      "slug": "blur-regions-v1",
       "templateKey": "@m0saic/media/blur-regions/v1",
       "title": "Easy Blur",
       "description": "Pick a video or image, draw boxes over what should stay hidden — faces, plates, names — and get the same media back with those regions blurred or pixelated. Audio untouched.",
@@ -1583,15 +2170,33 @@
         "anonymize",
         "video"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "trickplay",
+      "templateKey": "@m0saic/media/trickplay/v2",
+      "title": "Trickplay Sheets",
+      "description": "Generate the seek-preview thumbnails video players use while scrubbing: sprite sheets at a fixed interval with a WebVTT storyboard and a Jellyfin/DASH-compatible JSON manifest. Batch a folder for one sheet set per video.",
+      "tags": [
+        "media",
+        "trickplay",
+        "storyboard",
+        "batch",
+        "developers",
+        "creators",
+        "video-player",
+        "sprite",
+        "streaming"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__blur-regions__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__blur-regions__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__blur-regions__v1/poster.png"
+        "image": "assets/templates/@m0saic__media__trickplay__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__trickplay__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__trickplay__v2/poster.png"
       }
     },
     {
-      "slug": "trickplay",
+      "slug": "trickplay-v1",
       "templateKey": "@m0saic/media/trickplay/v1",
       "title": "Trickplay Sheets",
       "description": "The seek-preview thumbnails players show while scrubbing: sprite sheets at a fixed interval, plus a WebVTT storyboard and a Jellyfin/DASH-compatible JSON manifest. Point it at a folder for one sheet set per video.",
@@ -1606,15 +2211,33 @@
         "sprite",
         "streaming"
       ],
+      "pack": "media"
+    },
+    {
+      "slug": "logo-animate",
+      "templateKey": "@m0saic/media/logo-animate/v2",
+      "title": "Logo Animate",
+      "description": "Drop in an SVG logo — get an animated logo video. The SVG becomes real m0 geometry (one cell per shape, silhouette masks), animated per-tile: assemble-in, seamless loop, progress fill, breathing glow, or shimmer.",
+      "tags": [
+        "media",
+        "logo",
+        "animated",
+        "svg-to-mosaic",
+        "brand",
+        "designers",
+        "marketers",
+        "svg",
+        "intro"
+      ],
       "pack": "media",
       "preview": {
-        "image": "assets/templates/@m0saic__media__trickplay__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__trickplay__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__trickplay__v1/poster.png"
+        "image": "assets/templates/@m0saic__media__logo-animate__v2/preview.png",
+        "video": "assets/templates/@m0saic__media__logo-animate__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__media__logo-animate__v2/poster.png"
       }
     },
     {
-      "slug": "logo-animate",
+      "slug": "logo-animate-v1",
       "templateKey": "@m0saic/media/logo-animate/v1",
       "title": "Logo Animate",
       "description": "Drop in an SVG logo — get an animated logo video. The SVG becomes real m0 geometry (one cell per shape, silhouette masks), animated per-tile: assemble-in, seamless loop, progress fill, breathing glow, or shimmer.",
@@ -1630,12 +2253,7 @@
         "svg",
         "intro"
       ],
-      "pack": "media",
-      "preview": {
-        "image": "assets/templates/@m0saic__media__logo-animate__v1/preview.png",
-        "video": "assets/templates/@m0saic__media__logo-animate__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__media__logo-animate__v1/poster.png"
-      }
+      "pack": "media"
     },
     {
       "slug": "forensic-watermark-video-v1",
@@ -1680,9 +2298,9 @@
     },
     {
       "slug": "dsl-tutorial",
-      "templateKey": "@m0saic/dsl-tutorial/v1",
+      "templateKey": "@m0saic/dsl-tutorial/v2",
       "title": "DSL Tutorial",
-      "description": "Animated, IDE/debugger-style tutorial that walks the m0 DSL parse + geometry step by step: animated canvas with camera-follow, an inspector showing the live rect (X/Y/W/H/Z) over the hidden engine state (split arity, quantization remainder, passthrough carry), and a live syntax-highlighted DSL string with narration. Light/dark, any aspect, speed-controlled.",
+      "description": "Animated, IDE/debugger-style tutorial that walks the m0 DSL parse + geometry step by step — animated canvas, an inspector showing the live rect (X/Y/W/H/Z) over the hidden engine state (split arity, quantization remainder, passthrough carry), and a live DSL string. Light/dark, speed-controlled.",
       "tags": [
         "dsl-tutorial",
         "tutorial",
@@ -1693,11 +2311,26 @@
         "onboarding"
       ],
       "preview": {
-        "image": "assets/templates/@m0saic__dsl-tutorial__v1/preview.png",
-        "video": "assets/templates/@m0saic__dsl-tutorial__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__dsl-tutorial__v1/poster.png"
+        "image": "assets/templates/@m0saic__dsl-tutorial__v2/preview.png",
+        "video": "assets/templates/@m0saic__dsl-tutorial__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__dsl-tutorial__v2/poster.png"
       }
     },
+    {
+      "slug": "dsl-tutorial-v1",
+      "templateKey": "@m0saic/dsl-tutorial/v1",
+      "title": "DSL Tutorial",
+      "description": "Animated, IDE/debugger-style tutorial that walks the m0 DSL parse + geometry step by step: animated canvas with camera-follow, an inspector showing the live rect (X/Y/W/H/Z) over the hidden engine state (split arity, quantization remainder, passthrough carry), and a live syntax-highlighted DSL string with narration. Light/dark, any aspect, speed-controlled.",
+      "tags": [
+        "dsl-tutorial",
+        "tutorial",
+        "wireframe",
+        "docs",
+        "animated",
+        "developers",
+        "onboarding"
+      ]
+    },
     {
       "slug": "dsl-tutorial-chrome",
       "templateKey": "@m0saic/dsl-tutorial/chrome/v1",
@@ -1848,6 +2481,29 @@
         "image": "assets/templates/@m0saic__github__weekly-pulse-adapter__v1/preview.png"
       }
     },
+    {
+      "slug": "agents-commit-feed",
+      "templateKey": "@m0saic/agents/commit-feed/v2",
+      "title": "Agent Commit Feed",
+      "description": "Who wrote this week's commits — a commit feed colour-coded by author (human vs coding agent), with the agent-authored share, a proportion bar and a legend. The alpine commit feed nested under its own card; composes at any canvas.",
+      "tags": [
+        "github",
+        "commits",
+        "agents",
+        "ai",
+        "developers",
+        "devrel",
+        "engineering-leaders",
+        "alpine",
+        "animated"
+      ],
+      "pack": "agents",
+      "preview": {
+        "image": "assets/templates/@m0saic__agents__commit-feed__v2/preview.png",
+        "video": "assets/templates/@m0saic__agents__commit-feed__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__agents__commit-feed__v2/poster.png"
+      }
+    },
     {
       "slug": "agents-commit-feed-v1",
       "templateKey": "@m0saic/agents/commit-feed/v1",
@@ -1864,11 +2520,31 @@
         "alpine",
         "animated"
       ],
+      "pack": "agents"
+    },
+    {
+      "slug": "agents-trace-timeline",
+      "templateKey": "@m0saic/agents/trace-timeline/v2",
+      "title": "Agent Trace Timeline",
+      "description": "What the agent did on a run — a waterfall of tool calls: the tool and its target per lane, a latency bar on a shared time axis, tokens per hop, and status colours for errors, retries and cache hits. Alpine card, composes at any canvas.",
+      "tags": [
+        "agents",
+        "trace",
+        "timeline",
+        "waterfall",
+        "observability",
+        "latency",
+        "tokens",
+        "developers",
+        "sre",
+        "alpine",
+        "animated"
+      ],
       "pack": "agents",
       "preview": {
-        "image": "assets/templates/@m0saic__agents__commit-feed__v1/preview.png",
-        "video": "assets/templates/@m0saic__agents__commit-feed__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__agents__commit-feed__v1/poster.png"
+        "image": "assets/templates/@m0saic__agents__trace-timeline__v2/preview.png",
+        "video": "assets/templates/@m0saic__agents__trace-timeline__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__agents__trace-timeline__v2/poster.png"
       }
     },
     {
@@ -1889,11 +2565,30 @@
         "alpine",
         "animated"
       ],
-      "pack": "agents",
+      "pack": "agents"
+    },
+    {
+      "slug": "github-year-card",
+      "templateKey": "@m0saic/github/year-card/v2",
+      "title": "GitHub Year Card",
+      "description": "A developer's year on GitHub on one card: the 7×53 contribution calendar with month and weekday labels and a Less→More legend, four KPI tiles (commits, pull requests, stars, top language) and the handle + year in the header. Gutterless grid with lattice-exact gaps; composes at any canvas.",
+      "tags": [
+        "github",
+        "contributions",
+        "calendar",
+        "heatmap",
+        "year",
+        "developers",
+        "vanity",
+        "share",
+        "alpine",
+        "animated"
+      ],
+      "pack": "github",
       "preview": {
-        "image": "assets/templates/@m0saic__agents__trace-timeline__v1/preview.png",
-        "video": "assets/templates/@m0saic__agents__trace-timeline__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__agents__trace-timeline__v1/poster.png"
+        "image": "assets/templates/@m0saic__github__year-card__v2/preview.png",
+        "video": "assets/templates/@m0saic__github__year-card__v2/preview.mp4",
+        "poster": "assets/templates/@m0saic__github__year-card__v2/poster.png"
       }
     },
     {
@@ -1913,12 +2608,7 @@
         "alpine",
         "animated"
       ],
-      "pack": "github",
-      "preview": {
-        "image": "assets/templates/@m0saic__github__year-card__v1/preview.png",
-        "video": "assets/templates/@m0saic__github__year-card__v1/preview.mp4",
-        "poster": "assets/templates/@m0saic__github__year-card__v1/poster.png"
-      }
+      "pack": "github"
     },
     {
       "slug": "github-weekly-pulse-v1",
@@ -1943,11 +2633,12 @@
       }
     },
     {
-      "slug": "theming-v1",
-      "templateKey": "@m0saic/theming/v1",
+      "slug": "theming",
+      "templateKey": "@m0saic/theming/v2",
       "title": "Theming — Token Producer",
-      "description": "Design-token producer: publishes one ThemeTokens set (dark | light | high-contrast) onto ctx.upstreamVariables for downstream templates. Standalone it renders an aspect-adaptive Theme-Tokens sheet; as an intermediate pipeline step it emits pure data and re-skins a chain by swapping one prop.",
+      "description": "Design-token producer: publishes one ThemeTokens set (dark | light | high-contrast) onto ctx.upstreamVariables for downstream templates to read. Rendered standalone (preview:true) it draws an aspect-adaptive Theme-Tokens sheet — mosaic-M header, the labelled data palette, and the semantic swatches; as an intermediate pipeline step (preview:false) it emits pure data at zero cost and re-skins a chain by swapping one prop.",
       "tags": [
+        "utility",
         "theming",
         "tokens",
         "producer",
@@ -1957,12 +2648,48 @@
         "palette"
       ],
       "preview": {
-        "image": "assets/templates/@m0saic__theming__v1/preview.png",
-        "poster": "assets/templates/@m0saic__theming__v1/poster.png"
+        "image": "assets/templates/@m0saic__theming__v2/preview.png",
+        "poster": "assets/templates/@m0saic__theming__v2/poster.png"
       }
     },
+    {
+      "slug": "theming-v1",
+      "templateKey": "@m0saic/theming/v1",
+      "title": "Theming — Token Producer",
+      "description": "Design-token producer: publishes one ThemeTokens set (dark | light | high-contrast) onto ctx.upstreamVariables for downstream templates. Standalone it renders an aspect-adaptive Theme-Tokens sheet; as an intermediate pipeline step it emits pure data and re-skins a chain by swapping one prop.",
+      "tags": [
+        "theming",
+        "tokens",
+        "producer",
+        "design-system",
+        "designers",
+        "developers",
+        "palette"
+      ]
+    },
     {
       "slug": "narrated-chapters",
+      "templateKey": "@m0saic/story/narrated-chapters/v2",
+      "title": "Narrated Chapters",
+      "description": "Chaptered, narration-timed story video from a story.json manifest — title/section cards, per-chapter scenes, and one deliverable per aspect (landscape/portrait) from a single invocation. Omit props for the built-in demo story.",
+      "tags": [
+        "media",
+        "story",
+        "chapters",
+        "narrated",
+        "pipeline",
+        "agentic",
+        "animated",
+        "creators",
+        "educators",
+        "social",
+        "voice-over",
+        "explainer"
+      ],
+      "pack": "story"
+    },
+    {
+      "slug": "narrated-chapters-v1",
       "templateKey": "@m0saic/story/narrated-chapters/v1",
       "title": "Narrated Chapters",
       "description": "Chaptered, narration-timed story video from a story.json manifest — title/section cards, per-chapter scenes, and one deliverable per aspect (landscape/portrait) from a single invocation. Omit props for the built-in demo story.",
@@ -1982,6 +2709,23 @@
     },
     {
       "slug": "scrapbook",
+      "templateKey": "@m0saic/story/scrapbook/v2",
+      "title": "Scrapbook",
+      "description": "A short personal film: a few pictures, a line each, pinned askew on paper and drifting past to music. Lays itself out with stand-in pages until your own photos arrive.",
+      "tags": [
+        "story",
+        "personal",
+        "photos",
+        "animated",
+        "creators",
+        "social",
+        "memories",
+        "photo-album"
+      ],
+      "pack": "story"
+    },
+    {
+      "slug": "scrapbook-v1",
       "templateKey": "@m0saic/story/scrapbook/v1",
       "title": "Scrapbook",
       "description": "A short personal film: a few pictures, a line each, pinned askew on paper and drifting past to music. Lays itself out with stand-in pages until your own photos arrive.",