vllnt · bntvllnt · May 12, 2026
diff --git a/apps/registry/app/components/[slug]/page.tsx b/apps/registry/app/components/[slug]/page.tsx
@@ -12,7 +12,7 @@ import { StorybookEmbed } from "@/components/storybook-embed";
 import componentMetadata from "@/lib/component-metadata.json";
 import {
   breadcrumbLd,
-  jsonLdScript,
+  jsonLdScriptAttributes,
   softwareSourceCodeLd,
 } from "@/lib/jsonld";
 import { generateOGMetadata, generateTwitterMetadata } from "@/lib/og";
@@ -172,24 +172,21 @@ export default async function ComponentPage(props: Props) {
   return (
     <>
       <script
-        dangerouslySetInnerHTML={{
-          __html: jsonLdScript([
-            softwareSourceCodeLd({
-              description: displayDescription,
-              name: component.name,
-              title: displayTitle,
-            }),
-            breadcrumbLd([
-              { name: "Home", url: SITE_URL },
-              { name: "Components", url: `${SITE_URL}/components` },
-              {
-                name: displayTitle,
-                url: `${SITE_URL}/components/${component.name}`,
-              },
-            ]),
+        {...jsonLdScriptAttributes([
+          softwareSourceCodeLd({
+            description: displayDescription,
+            name: component.name,
+            title: displayTitle,
+          }),
+          breadcrumbLd([
+            { name: "Home", url: SITE_URL },
+            { name: "Components", url: `${SITE_URL}/components` },
+            {
+              name: displayTitle,
+              url: `${SITE_URL}/components/${component.name}`,
+            },
           ]),
-        }}
-        type="application/ld+json"
+        ])}
       />
       <Sidebar sections={getSidebarSections(getCategoryForComponent(slug))} />
       <main className="flex-1 overflow-y-auto bg-background overflow-x-hidden">

diff --git a/apps/registry/app/docs/page.tsx b/apps/registry/app/docs/page.tsx
@@ -2,7 +2,7 @@ import { Breadcrumb, MDXContent, Sidebar } from "@vllnt/ui";
 import type { Metadata } from "next";
 
 import { getPageContent } from "@/lib/content";
-import { breadcrumbLd, jsonLdScript } from "@/lib/jsonld";
+import { breadcrumbLd, jsonLdScriptAttributes } from "@/lib/jsonld";
 import { generateOGMetadata, generateTwitterMetadata } from "@/lib/og";
 import { canonical } from "@/lib/seo";
 import { getSidebarSections } from "@/lib/sidebar-sections";
@@ -36,15 +36,12 @@ export default async function DocumentationPage() {
   return (
     <>
       <script
-        dangerouslySetInnerHTML={{
-          __html: jsonLdScript(
-            breadcrumbLd([
-              { name: "Home", url: SITE_URL },
-              { name: "Docs", url: `${SITE_URL}/docs` },
-            ]),
-          ),
-        }}
-        type="application/ld+json"
+        {...jsonLdScriptAttributes(
+          breadcrumbLd([
+            { name: "Home", url: SITE_URL },
+            { name: "Docs", url: `${SITE_URL}/docs` },
+          ]),
+        )}
       />
       <Sidebar sections={getSidebarSections()} />
       <main className="flex-1 overflow-y-auto bg-background">

diff --git a/apps/registry/app/layout.tsx b/apps/registry/app/layout.tsx
@@ -8,7 +8,11 @@ import type { Metadata } from "next";
 import type React from "react";
 
 import { Header } from "@/components/header";
-import { jsonLdScript, organizationLd, websiteLd } from "@/lib/jsonld";
+import {
+  jsonLdScriptAttributes,
+  organizationLd,
+  websiteLd,
+} from "@/lib/jsonld";
 
 import "./globals.css";
 
@@ -82,14 +86,8 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <head>
-        <script
-          dangerouslySetInnerHTML={{ __html: jsonLdScript(organizationLd()) }}
-          type="application/ld+json"
-        />
-        <script
-          dangerouslySetInnerHTML={{ __html: jsonLdScript(websiteLd()) }}
-          type="application/ld+json"
-        />
+        <script {...jsonLdScriptAttributes(organizationLd())} />
+        <script {...jsonLdScriptAttributes(websiteLd())} />
       </head>
       <body className="h-full overflow-hidden">
         <ThemeProvider

diff --git a/apps/registry/components/component-preview/component-preview.tsx b/apps/registry/components/component-preview/component-preview.tsx
@@ -237,6 +237,12 @@ type ComponentPreviewProps = {
   componentName: string;
 };
 
+const DATE_PICKER_PREVIEW_DATE = new Date("2026-04-19T00:00:00.000Z");
+const HORIZONTAL_SCROLL_ROW_CARDS = Array.from({ length: 6 }, (_, index) => ({
+  id: `featured-card-${index + 1}`,
+  label: `Card ${index + 1}`,
+}));
+
 // Simple text-based preview for components that need complex context
 function SimplePreview({ description }: { description: string }) {
   return (
@@ -314,7 +320,7 @@ function ComboboxPreview() {
 function DatePickerPreview() {
   return (
     <div className="w-full max-w-sm">
-      <DatePicker value={new Date("2026-04-19T00:00:00.000Z")} />
+      <DatePicker value={DATE_PICKER_PREVIEW_DATE} />
     </div>
   );
 }
@@ -1413,12 +1419,12 @@ function AlertDialogPreview() {
 function HorizontalScrollRowPreview() {
   return (
     <HorizontalScrollRow description="Browse our picks" title="Featured">
-      {Array.from({ length: 6 }, (_, index) => (
+      {HORIZONTAL_SCROLL_ROW_CARDS.map((card) => (
         <div
           className="min-w-[180px] snap-start rounded-lg border bg-card p-4 text-sm"
-          key={index}
+          key={card.id}
         >
-          Card {index + 1}
+          {card.label}
         </div>
       ))}
     </HorizontalScrollRow>

diff --git a/apps/registry/components/landing/landing.tsx b/apps/registry/components/landing/landing.tsx
@@ -109,18 +109,15 @@ function Stats({
   generatedAt?: string;
   version: string;
 }) {
+  const generatedDate = generatedAt?.slice(0, 10) ?? "—";
+
   return (
     <section className="border-b border-border bg-muted/30">
       <div className="mx-auto grid max-w-7xl grid-cols-2 gap-6 px-4 py-12 lg:grid-cols-4 lg:px-8">
         <Stat label="Components" value={String(componentCount)} />
         <Stat label="Categories" value={String(categoryCount)} />
         <Stat label="Library version" value={`v${version}`} />
-        <Stat
-          label="Last build"
-          value={
-            generatedAt ? new Date(generatedAt).toISOString().slice(0, 10) : "—"
-          }
-        />
+        <Stat label="Last build" value={generatedDate} />
       </div>
     </section>
   );

diff --git a/apps/registry/lib/jsonld.ts b/apps/registry/lib/jsonld.ts
@@ -10,6 +10,13 @@ type JsonLdValue =
 
 type JsonLdNode = { readonly [key: string]: JsonLdValue };
 
+export type JsonLdScriptAttributes = {
+  readonly dangerouslySetInnerHTML: {
+    readonly __html: string;
+  };
+  readonly type: "application/ld+json";
+};
+
 export function organizationLd(): JsonLdNode {
   return {
     "@context": "https://schema.org",
@@ -86,5 +93,14 @@ export function breadcrumbLd(trail: ReadonlyArray<{
 }
 
 export function jsonLdScript(node: JsonLdNode | readonly JsonLdNode[]): string {
-  return JSON.stringify(node);
+  return JSON.stringify(node).replace(/</g, "\\u003c");
+}
+
+export function jsonLdScriptAttributes(
+  node: JsonLdNode | readonly JsonLdNode[],
+): JsonLdScriptAttributes {
+  return {
+    dangerouslySetInnerHTML: { __html: jsonLdScript(node) },
+    type: "application/ld+json",
+  };
 }
diff --git a/apps/registry/registry/default/checklist/checklist.tsx b/apps/registry/registry/default/checklist/checklist.tsx
@@ -5,13 +5,58 @@ import { useState } from "react";
 import { cn } from "@vllnt/ui";
 
 export const CHECKLIST_PROGRESS_EVENT = "vllnt:checklist-progress-change";
+export const CHECKLIST_STORAGE_VERSION = 1;
 
 export type ChecklistItem = {
   description?: string;
   id: string;
   label: string;
 };
 
+type ChecklistStoragePayload = {
+  checked: string[];
+  version: typeof CHECKLIST_STORAGE_VERSION;
+};
+
+function stringItemsFromUnknown(value: unknown): string[] {
+  return Array.isArray(value)
+    ? value.filter((item): item is string => typeof item === "string")
+    : [];
+}
+
+export function parseChecklistStorageValue(saved: string): string[] {
+  try {
+    const parsed: unknown = JSON.parse(saved);
+
+    if (Array.isArray(parsed)) {
+      return stringItemsFromUnknown(parsed);
+    }
+
+    if (
+      typeof parsed === "object" &&
+      parsed !== null &&
+      "version" in parsed &&
+      "checked" in parsed &&
+      parsed.version === CHECKLIST_STORAGE_VERSION
+    ) {
+      return stringItemsFromUnknown(parsed.checked);
+    }
+  } catch {
+    return [];
+  }
+
+  return [];
+}
+
+export function createChecklistStorageValue(ids: Iterable<string>): string {
+  const payload: ChecklistStoragePayload = {
+    checked: [...ids],
+    version: CHECKLIST_STORAGE_VERSION,
+  };
+
+  return JSON.stringify(payload);
+}
+
 type ChecklistItemRowProps = {
   isChecked: boolean;
   item: ChecklistItem;
@@ -140,11 +185,7 @@ export function Checklist({
     if (typeof window !== "undefined" && persistKey) {
       const saved = localStorage.getItem(`checklist:${persistKey}`);
       if (saved) {
-        try {
-          return new Set(JSON.parse(saved) as string[]);
-        } catch {
-          /* skip */
-        }
+        return new Set(parseChecklistStorageValue(saved));
       }
     }
     return new Set();
@@ -159,7 +200,7 @@ export function Checklist({
       try {
         localStorage.setItem(
           `checklist:${persistKey}`,
-          JSON.stringify([...newChecked]),
+          createChecklistStorageValue(newChecked),
         );
         window.dispatchEvent(
           new CustomEvent(CHECKLIST_PROGRESS_EVENT, {

diff --git a/packages/ui/src/components/checklist/checklist.tsx b/packages/ui/src/components/checklist/checklist.tsx
@@ -5,13 +5,58 @@ import { useState } from "react";
 import { cn } from "../../lib/utils";
 
 export const CHECKLIST_PROGRESS_EVENT = "vllnt:checklist-progress-change";
+export const CHECKLIST_STORAGE_VERSION = 1;
 
 export type ChecklistItem = {
   description?: string;
   id: string;
   label: string;
 };
 
+type ChecklistStoragePayload = {
+  checked: string[];
+  version: typeof CHECKLIST_STORAGE_VERSION;
+};
+
+function stringItemsFromUnknown(value: unknown): string[] {
+  return Array.isArray(value)
+    ? value.filter((item): item is string => typeof item === "string")
+    : [];
+}
+
+export function parseChecklistStorageValue(saved: string): string[] {
+  try {
+    const parsed: unknown = JSON.parse(saved);
+
+    if (Array.isArray(parsed)) {
+      return stringItemsFromUnknown(parsed);
+    }
+
+    if (
+      typeof parsed === "object" &&
+      parsed !== null &&
+      "version" in parsed &&
+      "checked" in parsed &&
+      parsed.version === CHECKLIST_STORAGE_VERSION
+    ) {
+      return stringItemsFromUnknown(parsed.checked);
+    }
+  } catch {
+    return [];
+  }
+
+  return [];
+}
+
+export function createChecklistStorageValue(ids: Iterable<string>): string {
+  const payload: ChecklistStoragePayload = {
+    checked: [...ids],
+    version: CHECKLIST_STORAGE_VERSION,
+  };
+
+  return JSON.stringify(payload);
+}
+
 type ChecklistItemRowProps = {
   isChecked: boolean;
   item: ChecklistItem;
@@ -140,11 +185,7 @@ export function Checklist({
     if (typeof window !== "undefined" && persistKey) {
       const saved = localStorage.getItem(`checklist:${persistKey}`);
       if (saved) {
-        try {
-          return new Set(JSON.parse(saved) as string[]);
-        } catch {
-          /* skip */
-        }
+        return new Set(parseChecklistStorageValue(saved));
       }
     }
     return new Set();
@@ -159,7 +200,7 @@ export function Checklist({
       try {
         localStorage.setItem(
           `checklist:${persistKey}`,
-          JSON.stringify([...newChecked]),
+          createChecklistStorageValue(newChecked),
         );
         window.dispatchEvent(
           new CustomEvent(CHECKLIST_PROGRESS_EVENT, {

diff --git a/packages/ui/src/components/checklist/index.ts b/packages/ui/src/components/checklist/index.ts
@@ -1,6 +1,9 @@
 export {
   Checklist,
   CHECKLIST_PROGRESS_EVENT,
+  CHECKLIST_STORAGE_VERSION,
   type ChecklistItem,
   type ChecklistProps,
+  createChecklistStorageValue,
+  parseChecklistStorageValue,
 } from "./checklist";