npm - rahman-resources - Versions diffs - 1.13.2 → 1.14.0 - Mend

rahman-resources 1.13.2 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/bin/cli.js +45 -6
package/bin/migrate-load.mjs +15 -8
package/bin/migrate.mjs +1 -1
package/lib/compose-solver-loader.mjs +14 -40
package/lib/compose-solver-resolve.mjs +3 -3
package/lib/contract-tools.test.ts +52 -0
package/lib/contract-types.ts +8 -0
package/lib/contract-validate.ts +23 -1
package/lib/contract.ts +2 -0
package/lib/load-contract.mjs +33 -0
package/lib/manifest.json +396 -1414
package/lib/slice-schema.json +8 -0
package/lib/snapshot.mjs +11 -57
package/lib/starter/_README.md +29 -6
package/package.json +4 -4

package/lib/manifest.json CHANGED Viewed

@@ -11,1359 +11,7 @@
     "testimonials-grid": "landing-sections",
     "pricing-page": "landing-sections"
   },
-  "layouts": [
-    {
-      "slug": "personal-brand-os",
-      "title": "Personal Brand OS",
-      "category": "website-template",
-      "description": "Full-app personal site — public landing (hero, blog, portfolio, services, resources, contact) + admin dashboard (posts, leads, chatbot, comments). Inspired by saudivisuals.com + cescadesigns. Fill-in-the-blank with lorem ipsum.",
-      "source": "saudivisuals.com + cescadesigns",
-      "repoPath": "app/preview/personal-brand-os",
-      "pullPaths": [
-        "app/preview/personal-brand-os",
-        "components/templates/_shared",
-        "components/templates/personal-brand",
-        "convex-templates/personal-brand-os"
-      ],
-      "files": [
-        "app/preview/personal-brand-os/robots.ts",
-        "app/preview/personal-brand-os/sitemap.ts",
-        "app/preview/personal-brand-os/opengraph-image.tsx",
-        "app/preview/personal-brand-os/public/layout.tsx",
-        "app/preview/personal-brand-os/public/page.tsx",
-        "app/preview/personal-brand-os/public/blog/page.tsx",
-        "app/preview/personal-brand-os/public/blog/[slug]/page.tsx",
-        "app/preview/personal-brand-os/public/portfolio/page.tsx",
-        "app/preview/personal-brand-os/public/portfolio/[slug]/page.tsx",
-        "app/preview/personal-brand-os/public/services/page.tsx",
-        "app/preview/personal-brand-os/public/resources/page.tsx",
-        "app/preview/personal-brand-os/public/contact/page.tsx",
-        "app/preview/personal-brand-os/public/about/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/layout.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/posts/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/posts/new/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/posts/[id]/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/portfolio/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/portfolio/new/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/portfolio/[id]/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/services/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/resources/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/leads/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/comments/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/chatbot/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/newsletter/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/analytics/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/settings/site/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/settings/team/page.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/settings/ai/page.tsx",
-        "components/templates/_shared/index.ts",
-        "components/templates/_shared/types/common.ts",
-        "components/templates/_shared/utils/index.ts",
-        "components/templates/_shared/hooks/create-template-store.tsx",
-        "components/templates/_shared/ui/section-head.tsx",
-        "components/templates/_shared/ui/site-nav.tsx",
-        "components/templates/_shared/ui/site-footer.tsx",
-        "components/templates/_shared/ui/site-shell.tsx",
-        "components/templates/_shared/ui/admin-sidebar.tsx",
-        "components/templates/_shared/ui/admin-topbar.tsx",
-        "components/templates/_shared/ui/admin-shell.tsx",
-        "components/templates/_shared/ui/stat-card.tsx",
-        "components/templates/personal-brand/shared/types.ts",
-        "components/templates/personal-brand/shared/store.tsx",
-        "components/templates/personal-brand/shared/seed.ts",
-        "components/templates/personal-brand/shared/site-config.ts",
-        "components/templates/personal-brand/shared/nav-config.ts",
-        "components/templates/personal-brand/shared/ui/chat-fab.tsx",
-        "components/templates/personal-brand/slices/home/HomePage.tsx",
-        "components/templates/personal-brand/slices/home/NewsletterBlock.tsx",
-        "components/templates/personal-brand/slices/blog/BlogList.tsx",
-        "components/templates/personal-brand/slices/blog/BlogDetail.tsx",
-        "components/templates/personal-brand/slices/portfolio/PortfolioListPage.tsx",
-        "components/templates/personal-brand/slices/portfolio/PortfolioDetailPage.tsx",
-        "components/templates/personal-brand/slices/services/ServicesPage.tsx",
-        "components/templates/personal-brand/slices/resources/ResourcesPage.tsx",
-        "components/templates/personal-brand/slices/about/AboutPage.tsx",
-        "components/templates/personal-brand/slices/contact/ContactPage.tsx",
-        "app/preview/personal-brand-os/dashboard/admin/admin-shell-client.tsx",
-        "components/templates/personal-brand/slices/admin/dashboard/DashboardView.tsx",
-        "components/templates/personal-brand/slices/admin/posts/PostsList.tsx",
-        "components/templates/personal-brand/slices/admin/posts/PostEditor.tsx",
-        "components/templates/personal-brand/slices/admin/portfolio/PortfolioListAdmin.tsx",
-        "components/templates/personal-brand/slices/admin/portfolio/PortfolioEditor.tsx",
-        "components/templates/personal-brand/slices/admin/services/ServicesAdminView.tsx",
-        "components/templates/personal-brand/slices/admin/resources/ResourcesAdminView.tsx",
-        "components/templates/personal-brand/slices/admin/leads/LeadsView.tsx",
-        "components/templates/personal-brand/slices/admin/comments/CommentsView.tsx",
-        "components/templates/personal-brand/slices/admin/chatbot/ChatbotAdminView.tsx",
-        "components/templates/personal-brand/slices/admin/newsletter/NewsletterView.tsx",
-        "components/templates/personal-brand/slices/admin/analytics/AnalyticsView.tsx",
-        "components/templates/personal-brand/slices/admin/settings/SettingsView.tsx",
-        "convex-templates/personal-brand-os/schema.ts",
-        "convex-templates/personal-brand-os/posts.ts",
-        "convex-templates/personal-brand-os/portfolio.ts",
-        "convex-templates/personal-brand-os/services.ts",
-        "convex-templates/personal-brand-os/resources.ts",
-        "convex-templates/personal-brand-os/leads.ts",
-        "convex-templates/personal-brand-os/comments.ts",
-        "convex-templates/personal-brand-os/subscribers.ts",
-        "convex-templates/personal-brand-os/chat.ts",
-        "convex-templates/personal-brand-os/README.md"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "sonner",
-        "next-themes",
-        "tailwindcss@^4",
-        "convex",
-        "@convex-dev/auth",
-        "@auth/core@^0.37.0",
-        "@radix-ui/react-avatar",
-        "@radix-ui/react-dialog",
-        "@radix-ui/react-dropdown-menu",
-        "@radix-ui/react-label",
-        "@radix-ui/react-scroll-area",
-        "@radix-ui/react-select",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot",
-        "@radix-ui/react-tabs"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "card",
-        "dialog",
-        "input",
-        "separator",
-        "sheet",
-        "tabs",
-        "textarea"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template personal-brand-os` (or `npx rr add personal-brand-os` inside an existing project). Personal Brand OS = full-app template (public + admin). 1) Default `npx rr add personal-brand-os` runs `--at root`: routes promoted to app/(public)/ + app/admin/, and /preview/personal-brand-os/* path constants in nav-config/site-config/robots/sitemap auto-rewritten. (Pass `--at preview` only for sandbox demos that keep /preview/personal-brand-os/* URLs.) 2) Edit components/templates/personal-brand/shared/site-config.ts — set brandName, ownerName, baseUrl, twitter, email. 3) Wire convex-templates/personal-brand-os/* into your convex/features/personal-brand-os/ (kitab ships them outside `convex/` so the bundler doesn't try to compile scaffolds without _generated) and add @convex-dev/auth on admin routes. 4) Replace localStorage StoreProvider with Convex queries (schema mirrors localStorage shape).",
-      "tags": [
-        "template",
-        "personal-brand",
-        "blog",
-        "portfolio",
-        "admin",
-        "saas"
-      ],
-      "primaryFile": "app/preview/personal-brand-os/public/page.tsx"
-    },
-    {
-      "slug": "agency-studio-os",
-      "title": "Agency Studio OS",
-      "category": "website-template",
-      "description": "Full-app B2B agency / studio site — public (home, services, work + project detail, about, contact) + admin (dashboard, projects pipeline, clients, services, leads, settings). Inspired by saudivisuals.com + cescadesigns.",
-      "source": "saudivisuals.com + cescadesigns",
-      "repoPath": "app/preview/agency-studio-os",
-      "pullPaths": [
-        "app/preview/agency-studio-os",
-        "components/templates/_shared",
-        "components/templates/agency-studio",
-        "convex-templates/agency-studio-os"
-      ],
-      "files": [
-        "app/preview/agency-studio-os/robots.ts",
-        "app/preview/agency-studio-os/sitemap.ts",
-        "app/preview/agency-studio-os/opengraph-image.tsx",
-        "app/preview/agency-studio-os/public/layout.tsx",
-        "app/preview/agency-studio-os/public/page.tsx",
-        "app/preview/agency-studio-os/public/services/page.tsx",
-        "app/preview/agency-studio-os/public/portfolio/page.tsx",
-        "app/preview/agency-studio-os/public/portfolio/[slug]/page.tsx",
-        "app/preview/agency-studio-os/public/about/page.tsx",
-        "app/preview/agency-studio-os/public/contact/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/layout.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/projects/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/projects/new/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/projects/[id]/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/clients/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/services/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/leads/page.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/settings/page.tsx",
-        "components/templates/agency-studio/shared/types.ts",
-        "components/templates/agency-studio/shared/store.tsx",
-        "components/templates/agency-studio/shared/seed.ts",
-        "components/templates/agency-studio/shared/site-config.ts",
-        "components/templates/agency-studio/shared/nav-config.ts",
-        "components/templates/agency-studio/slices/home/HomePage.tsx",
-        "components/templates/agency-studio/slices/services/ServicesPage.tsx",
-        "components/templates/agency-studio/slices/portfolio/PortfolioListPage.tsx",
-        "components/templates/agency-studio/slices/portfolio/PortfolioDetailPage.tsx",
-        "components/templates/agency-studio/slices/about/AboutPage.tsx",
-        "components/templates/agency-studio/slices/contact/ContactPage.tsx",
-        "app/preview/agency-studio-os/dashboard/admin/admin-shell-client.tsx",
-        "components/templates/agency-studio/slices/admin/dashboard/DashboardView.tsx",
-        "components/templates/agency-studio/slices/admin/projects/ProjectsList.tsx",
-        "components/templates/agency-studio/slices/admin/projects/ProjectEditor.tsx",
-        "components/templates/agency-studio/slices/admin/clients/ClientsList.tsx",
-        "components/templates/agency-studio/slices/admin/services/ServicesAdminView.tsx",
-        "components/templates/agency-studio/slices/admin/leads/LeadsView.tsx",
-        "components/templates/agency-studio/slices/admin/settings/SettingsView.tsx",
-        "convex-templates/agency-studio-os/schema.ts",
-        "convex-templates/agency-studio-os/projects.ts",
-        "convex-templates/agency-studio-os/clients.ts",
-        "convex-templates/agency-studio-os/services.ts",
-        "convex-templates/agency-studio-os/leads.ts",
-        "convex-templates/agency-studio-os/README.md"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "sonner",
-        "next-themes",
-        "tailwindcss@^4",
-        "convex",
-        "@convex-dev/auth",
-        "@auth/core@^0.37.0",
-        "@radix-ui/react-avatar",
-        "@radix-ui/react-dialog",
-        "@radix-ui/react-label",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "card",
-        "input",
-        "label",
-        "separator",
-        "sheet",
-        "textarea"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template agency-studio-os`. Agency Studio OS = full-app B2B agency template (public + admin). 1) Move app/preview/agency-studio-os/{robots,sitemap,opengraph-image}.* to app root. 2) Copy public into app/(public)/, admin into app/(admin)/. 3) Edit components/templates/agency-studio/shared/site-config.ts — set studioName, brandName, baseUrl, twitter, email. 4) Wire convex-templates/agency-studio-os/* into your convex/ (kitab ships them outside `convex/` so the bundler doesn't try to compile scaffolds without _generated) and add @convex-dev/auth on admin routes. 5) Replace localStorage StoreProvider with Convex queries.",
-      "tags": [
-        "template",
-        "agency",
-        "studio",
-        "portfolio",
-        "b2b",
-        "admin",
-        "saas"
-      ],
-      "primaryFile": "app/preview/agency-studio-os/public/page.tsx"
-    },
-    {
-      "slug": "landing-hero-carousel",
-      "title": "Landing — Hero Carousel",
-      "category": "marketing",
-      "description": "Full-width image carousel hero with auto-fade + dot indicators. Originally CMS-driven via Convex. Best for visual brands.",
-      "source": "cescadesigns",
-      "repoPath": "cookbook/layouts/landing-hero-carousel",
-      "pullPaths": [
-        "app/preview/landing-hero-carousel"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add landing-hero-carousel`. Mount the HeroSection from cookbook/layouts/landing-hero-carousel as the hero of the marketing route group. Provide image array via props or wire to Convex api.heroImages.list.",
-      "tags": [
-        "marketing",
-        "carousel",
-        "image",
-        "cms"
-      ],
-      "primaryFile": "cookbook/layouts/landing-hero-carousel/src/HeroSection.tsx"
-    },
-    {
-      "slug": "landing-asymmetric-masonry",
-      "title": "Landing — Asymmetric Masonry",
-      "category": "marketing",
-      "description": "8-slot repeating asymmetric grid. Intersection-observer staggered scroll-reveal. Lifted from rahmanef.com portfolio.",
-      "source": "rahmanef.com",
-      "repoPath": "cookbook/layouts/landing-asymmetric-masonry",
-      "pullPaths": [
-        "app/preview/landing-asymmetric-masonry"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add landing-asymmetric-masonry`. Use PortfolioGrid for case-study or portfolio pages. Items array shape: { id, title, cover, href, category }. The 8-slot pattern repeats; supply at least 8 items for the layout to bloom.",
-      "tags": [
-        "marketing",
-        "portfolio",
-        "masonry",
-        "scroll-reveal"
-      ],
-      "primaryFile": "cookbook/layouts/landing-asymmetric-masonry/src/PortfolioGrid.tsx"
-    },
-    {
-      "slug": "landing-bento",
-      "title": "Landing — Bento Grid",
-      "category": "marketing",
-      "description": "Feature-grid marketing landing. Compose Card + Magnetic + KineticHeading. Modern SaaS feel.",
-      "source": "synthesized",
-      "repoPath": "cookbook/layouts/landing-bento",
-      "pullPaths": [
-        "app/preview/landing-bento"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add landing-bento`. Compose a 3-column CSS grid with explicit area assignments per feature. Mix Card sizes (1x1, 1x2, 2x1, 2x2) for visual rhythm.",
-      "tags": [
-        "marketing",
-        "bento",
-        "features"
-      ],
-      "primaryFile": "README.md"
-    },
-    {
-      "slug": "landing-kinetic-text",
-      "title": "Landing — Kinetic Text",
-      "category": "marketing",
-      "description": "Brand-forward landing. Letter-stagger headings + magnetic CTAs + marquee strips. Motion-heavy.",
-      "source": "rahmanef.com",
-      "repoPath": "cookbook/layouts/landing-kinetic-text",
-      "pullPaths": [
-        "app/preview/landing-kinetic-text"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add landing-kinetic-text`. Use motion primitives marquee, kinetic-heading, magnetic from components/motion (already imported into the kitab from rahmanef.com). All respect prefers-reduced-motion automatically.",
-      "tags": [
-        "marketing",
-        "motion",
-        "type"
-      ],
-      "primaryFile": "README.md"
-    },
-    {
-      "slug": "dashboard-three-column",
-      "title": "Dashboard — Three Column",
-      "category": "dashboard",
-      "description": "Kitab flagship. Left tree / main / right inspector. Resizable, collapsible, mobile drawer fallback. Used by Database, Tasks, Contacts.",
-      "source": "kitab-core",
-      "repoPath": "cookbook/layouts/dashboard-three-column",
-      "pullPaths": [
-        "app/preview/dashboard-three-column"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add dashboard-three-column`. Mount inside app/dashboard/<slice>/page.tsx. Wrap with the kitab's <ThreeColumnLayout>. Slot in slice-specific sidebars and inspectors. Mobile auto-collapses to drawers.",
-      "tags": [
-        "dashboard",
-        "three-column",
-        "resizable",
-        "responsive"
-      ],
-      "primaryFile": "template-base/frontend/shared/ui/layout/container/three-column/ThreeColumnLayout.tsx"
-    },
-    {
-      "slug": "dashboard-ide",
-      "title": "Dashboard — IDE",
-      "category": "dashboard",
-      "description": "Activity bar + tabs + LAZY explorer + editor + bottom panel + status bar. The explorer fetches each folder's children on expand and drops them on collapse (mounted rows ≈ visible rows — node_modules costs nothing until opened); the editor holds one file body at a time. Editor-first apps (notion, code, doc tools).",
-      "source": "synthesized",
-      "repoPath": "cookbook/layouts/dashboard-ide",
-      "pullPaths": [
-        "app/preview/dashboard-ide"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add dashboard-ide`. Compose grid: 44px activity bar + tabs row + lazy explorer column + editor/inspector flex row + bottom console + status bar. Explorer rule: fetch ONLY the expanded folder's children (listDir(path) per expand) and drop listing + DOM on collapse; tabs keep paths only and the editor fetches one body on focus. In production swap listDir for the file-explorer slice's FileExplorerAdapter.list(path). Wire activity bar items to dispatch into tabs/inspector store.",
-      "tags": [
-        "dashboard",
-        "ide",
-        "editor"
-      ],
-      "primaryFile": "README.md"
-    },
-    {
-      "slug": "dashboard-mobile-dock",
-      "title": "Dashboard — Mobile Dock",
-      "category": "dashboard",
-      "description": "Mobile-first auth app. MobileTopBar + content + MobileDashboardDock bottom nav. Native-app feel on mobile, sidebar on desktop.",
-      "source": "kitab-core",
-      "repoPath": "cookbook/layouts/dashboard-mobile-dock",
-      "pullPaths": [
-        "app/preview/dashboard-mobile-dock"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add dashboard-mobile-dock`. Use ResponsiveDashboardShell which branches desktop (sidebar) vs mobile (dock). Customize MobileDashboardDock items and MobileTopBar workspace switcher to your domain.",
-      "tags": [
-        "dashboard",
-        "mobile",
-        "pwa"
-      ],
-      "primaryFile": "template-base/frontend/shared/ui/layout/dashboard/MobileDashboardShell.tsx"
-    },
-    {
-      "slug": "cms-public-storefront",
-      "title": "CMS — Public Storefront",
-      "category": "cms",
-      "description": "E-commerce / blog public storefront. Convex read-only. Cart context + currency selector + i18n.",
-      "source": "kitab-core cms-lite",
-      "repoPath": "cookbook/layouts/cms-public-storefront",
-      "pullPaths": [
-        "app/preview/cms-public-storefront"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add cms-public-storefront`. Port kitab-core slices/cms-lite/ into your project's app/(cms)/ route group. Fetch products/pages from Convex via api.cmsLite.* queries.",
-      "tags": [
-        "cms",
-        "ecommerce",
-        "storefront"
-      ],
-      "primaryFile": "README.md"
-    },
-    {
-      "slug": "notion-page-clone-os",
-      "title": "Notion Page Clone OS — localStorage demo (pointer to open-silong for production)",
-      "category": "website-template",
-      "status": "stable",
-      "description": "localStorage-only DEMO of a Notion-clone surface — tree-structured sidebar + page editor + embedded databases. It is the COMBINATION of independently-reusable rr slices: notion-sidebar (tree nav + page CRUD — double-click rename, drag-reorder/reparent, icon picker), notion-shell (NotionPage / NotionBlock page editor — code + equation blocks built-in), notion-database (11 views + drag-fill grid + relation/rollup), image-picker (one-button image/wallpaper chooser — gallery / upload / link / Unsplash + reposition, wired to the files slice + an /api/unsplash proxy; here it's the page cover), icon-picker, and files — glued by createTemplateStore (localStorage + BroadcastChannel). No Convex, no auth, no multi-user — drop-in starter for evaluating the UI or embedding a Notion-style editor in your own project. **For the production-grade Convex-backed product (multi-workspace + auth + sharing + comments + snapshots + MCP), use the open-source open-silong repo: https://github.com/rahmanef63/open-silong (silong.rahmanef.com).** This rr template is the DEMO; the github repo is the PRODUCT.",
-      "source": "synthesized + notion-shell wrappers (built-in code/equation); production stack at github.com/rahmanef63/open-silong",
-      "repoPath": "app/preview/notion-page-clone-os",
-      "pullPaths": [
-        "app/preview/notion-page-clone-os",
-        "components/templates/_shared",
-        "components/templates/notion-page-clone",
-        "frontend/slices/notion-sidebar",
-        "frontend/slices/notion-shell",
-        "frontend/slices/notion-database",
-        "frontend/slices/image-picker",
-        "frontend/slices/files",
-        "frontend/slices/icon-picker",
-        "app/api/unsplash"
-      ],
-      "files": [
-        "app/preview/notion-page-clone-os/public/layout.tsx",
-        "app/preview/notion-page-clone-os/public/page.tsx",
-        "app/preview/notion-page-clone-os/public/d/[id]/page.tsx",
-        "app/preview/notion-page-clone-os/public/db/[id]/page.tsx",
-        "app/preview/notion-page-clone-os/dashboard/admin/layout.tsx",
-        "app/preview/notion-page-clone-os/dashboard/admin/admin-shell-client.tsx",
-        "app/preview/notion-page-clone-os/dashboard/admin/page.tsx",
-        "app/preview/notion-page-clone-os/dashboard/admin/snippets/page.tsx",
-        "components/templates/notion-page-clone/shared/site-config.ts",
-        "components/templates/notion-page-clone/shared/nav-config.ts",
-        "components/templates/notion-page-clone/shared/types.ts",
-        "components/templates/notion-page-clone/shared/store.tsx",
-        "components/templates/notion-page-clone/shared/seed.ts",
-        "components/templates/notion-page-clone/slices/admin/snippets/SnippetsView.tsx",
-        "components/templates/notion-page-clone/slices/notion-app/Dashboard.tsx",
-        "components/templates/notion-page-clone/slices/notion-app/DocView.tsx",
-        "components/templates/notion-page-clone/slices/notion-app/DocCover.tsx",
-        "components/templates/notion-page-clone/slices/notion-app/DatabaseView.tsx",
-        "components/templates/notion-page-clone/slices/notion-app/hooks.ts",
-        "components/templates/notion-page-clone/slices/notion-app/block-renderers.tsx",
-        "components/templates/notion-page-clone/shared/notion-reducer.ts",
-        "components/templates/notion-page-clone/shared/notion-db-reducer.ts"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "katex@^0.16.45",
-        "highlight.js@^11.11.1",
-        "rahman-shared@^0.2.0",
-        "tailwindcss@^4"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "popover",
-        "dropdown-menu",
-        "input",
-        "label",
-        "switch",
-        "textarea",
-        "select",
-        "dialog"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template notion-page-clone-os`. Cascades notion-shell (wrappers, built-in code/equation blocks) + notion-database + icon-picker. Edit components/templates/notion-page-clone/shared/site-config.ts to set brand; seed.ts to bootstrap docs + databases. Sidebar CRUD already wired — hover a row → +/✎/🗑.",
-      "tags": [
-        "template",
-        "notion",
-        "notes",
-        "blocks",
-        "katex",
-        "code",
-        "editor",
-        "indonesia"
-      ],
-      "primaryFile": "app/preview/notion-page-clone-os/public/page.tsx"
-    },
-    {
-      "slug": "saas-marketing-os",
-      "title": "SaaS Marketing OS",
-      "category": "website-template",
-      "status": "stable",
-      "description": "Marketing site for a SaaS product — landing, pricing, features, blog, changelog, about, contact — backed by a full admin panel (Pages, Posts, Pricing, Features, Customers, Subscriptions, Leads, Changelog, Settings). Same grouped Pages + Features sidebar pattern as every other template.",
-      "source": "synthesized",
-      "repoPath": "app/preview/saas-marketing-os",
-      "pullPaths": [
-        "app/preview/saas-marketing-os",
-        "components/templates/_shared",
-        "components/templates/saas-marketing"
-      ],
-      "files": [
-        "app/preview/saas-marketing-os/public/layout.tsx",
-        "app/preview/saas-marketing-os/public/page.tsx",
-        "app/preview/saas-marketing-os/public/pricing/page.tsx",
-        "app/preview/saas-marketing-os/public/features/page.tsx",
-        "app/preview/saas-marketing-os/public/blog/page.tsx",
-        "app/preview/saas-marketing-os/public/blog/[slug]/page.tsx",
-        "app/preview/saas-marketing-os/public/changelog/page.tsx",
-        "app/preview/saas-marketing-os/public/about/page.tsx",
-        "app/preview/saas-marketing-os/public/contact/page.tsx",
-        "components/templates/saas-marketing/shared/site-config.ts",
-        "components/templates/saas-marketing/shared/nav-config.ts",
-        "components/templates/saas-marketing/shared/types.ts",
-        "components/templates/saas-marketing/shared/store.tsx",
-        "components/templates/saas-marketing/shared/seed.ts",
-        "components/templates/saas-marketing/slices/home/HomePage.tsx",
-        "components/templates/saas-marketing/slices/pricing/PricingPage.tsx",
-        "components/templates/saas-marketing/slices/features/FeaturesPage.tsx",
-        "components/templates/saas-marketing/slices/blog/BlogList.tsx",
-        "components/templates/saas-marketing/slices/blog/BlogDetail.tsx",
-        "components/templates/saas-marketing/slices/changelog/ChangelogPage.tsx",
-        "components/templates/saas-marketing/slices/about/AboutPage.tsx",
-        "components/templates/saas-marketing/slices/contact/ContactPage.tsx",
-        "app/preview/saas-marketing-os/dashboard/layout.tsx",
-        "app/preview/saas-marketing-os/dashboard/dashboard-shell-client.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/pages/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/pages/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/landing/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/landing/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/posts/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/posts/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/pricing/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/pricing/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/features/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/features/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/customers/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/customers/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/subscriptions/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/subscriptions/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/leads/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/leads/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/changelog/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/changelog/[id]/page.tsx",
-        "app/preview/saas-marketing-os/dashboard/admin/settings/page.tsx"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "sonner",
-        "next-themes",
-        "tailwindcss@^4",
-        "@radix-ui/react-label",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "input",
-        "label",
-        "separator",
-        "sheet",
-        "textarea"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template saas-marketing-os`. SaaS Marketing OS = public-only marketing template. Edit components/templates/saas-marketing/shared/site-config.ts to set product name, tagline, pricing tiers, contact email.",
-      "tags": [
-        "template",
-        "saas",
-        "marketing",
-        "mdx",
-        "blog",
-        "changelog",
-        "admin"
-      ],
-      "primaryFile": "app/preview/saas-marketing-os/public/page.tsx"
-    },
-    {
-      "slug": "kreator-studio-os",
-      "title": "Kreator Studio OS",
-      "category": "website-template",
-      "description": "Multi-channel content planner + voice trainer + repurposing engine + carousel maker. Public newsletter site + admin (planner, voice, scripts, carousels, assets, performance, comments). Bahasa Indonesia, ID-first.",
-      "source": "synthesized",
-      "repoPath": "app/preview/kreator-studio-os",
-      "pullPaths": [
-        "app/preview/kreator-studio-os",
-        "components/templates/_shared",
-        "components/templates/kreator-studio"
-      ],
-      "files": [
-        "app/preview/kreator-studio-os/robots.ts",
-        "app/preview/kreator-studio-os/sitemap.ts",
-        "app/preview/kreator-studio-os/opengraph-image.tsx",
-        "app/preview/kreator-studio-os/public/layout.tsx",
-        "app/preview/kreator-studio-os/public/page.tsx",
-        "app/preview/kreator-studio-os/public/posts/page.tsx",
-        "app/preview/kreator-studio-os/public/about/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/layout.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/admin-shell-client.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/planner/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/voice/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/scripts/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/carousels/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/assets/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/performance/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/newsletter/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/comments/page.tsx",
-        "app/preview/kreator-studio-os/dashboard/admin/settings/page.tsx",
-        "components/templates/kreator-studio/shared/site-config.ts",
-        "components/templates/kreator-studio/shared/types.ts",
-        "components/templates/kreator-studio/shared/seed.ts",
-        "components/templates/kreator-studio/shared/nav-config.ts",
-        "components/templates/kreator-studio/shared/store.tsx",
-        "components/templates/kreator-studio/slices/home/HomePage.tsx",
-        "components/templates/kreator-studio/slices/posts/PostsPage.tsx",
-        "components/templates/kreator-studio/slices/about/AboutPage.tsx",
-        "components/templates/kreator-studio/slices/admin/dashboard/DashboardView.tsx",
-        "components/templates/kreator-studio/slices/admin/planner/PlannerView.tsx",
-        "components/templates/kreator-studio/slices/admin/voice/VoiceView.tsx",
-        "components/templates/kreator-studio/slices/admin/scripts/ScriptsView.tsx",
-        "components/templates/kreator-studio/slices/admin/carousels/CarouselsView.tsx",
-        "components/templates/kreator-studio/slices/admin/assets/AssetsView.tsx",
-        "components/templates/kreator-studio/slices/admin/performance/PerformanceView.tsx",
-        "components/templates/kreator-studio/slices/admin/newsletter/NewsletterView.tsx",
-        "components/templates/kreator-studio/slices/admin/comments/CommentsView.tsx",
-        "components/templates/kreator-studio/slices/admin/settings/SettingsView.tsx"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "tailwindcss@^4",
-        "@radix-ui/react-label",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "card",
-        "input",
-        "label",
-        "separator",
-        "sheet"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template kreator-studio-os`. Kreator Studio OS = full-app content-creator template (public newsletter + 9-tab admin). 1) Edit components/templates/kreator-studio/shared/site-config.ts (brandName, ownerName, baseUrl, twitter). 2) Replace localStorage StoreProvider with Convex queries (state shape mirrors localStorage). 3) Wire Resend for newsletter + Midtrans tip-jar on public CTA. 4) Voice/Scripts/Carousels admin views are scaffolds — wire to ai-router (mid tier for voice-train/voice-apply, nano for shortform script).",
-      "tags": [
-        "template",
-        "creator",
-        "newsletter",
-        "content-planner",
-        "voice-trainer",
-        "indonesia"
-      ],
-      "primaryFile": "app/preview/kreator-studio-os/public/page.tsx"
-    },
-    {
-      "slug": "konsultan-os",
-      "title": "Konsultan OS",
-      "category": "website-template",
-      "description": "Consultancy workspace — public services landing + case studies + admin (CRM, proposals AI, kontrak ID-aware, projects, PajakAware billing, documents). Indonesian-tax aware (PPN/PPh).",
-      "source": "synthesized",
-      "repoPath": "app/preview/konsultan-os",
-      "pullPaths": [
-        "app/preview/konsultan-os",
-        "components/templates/_shared",
-        "components/templates/konsultan"
-      ],
-      "files": [
-        "app/preview/konsultan-os/robots.ts",
-        "app/preview/konsultan-os/sitemap.ts",
-        "app/preview/konsultan-os/opengraph-image.tsx",
-        "app/preview/konsultan-os/public/layout.tsx",
-        "app/preview/konsultan-os/public/page.tsx",
-        "app/preview/konsultan-os/public/case-studies/page.tsx",
-        "app/preview/konsultan-os/public/contact/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/layout.tsx",
-        "app/preview/konsultan-os/dashboard/admin/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/admin-shell-client.tsx",
-        "app/preview/konsultan-os/dashboard/admin/clients/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/proposals/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/contracts/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/projects/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/billing/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/documents/page.tsx",
-        "app/preview/konsultan-os/dashboard/admin/settings/page.tsx",
-        "components/templates/konsultan/shared/site-config.ts",
-        "components/templates/konsultan/shared/types.ts",
-        "components/templates/konsultan/shared/seed.ts",
-        "components/templates/konsultan/shared/nav-config.ts",
-        "components/templates/konsultan/shared/store.tsx",
-        "components/templates/konsultan/slices/home/HomePage.tsx",
-        "components/templates/konsultan/slices/case-studies/CaseStudiesPage.tsx",
-        "components/templates/konsultan/slices/contact/ContactPage.tsx",
-        "components/templates/konsultan/slices/admin/dashboard/DashboardView.tsx",
-        "components/templates/konsultan/slices/admin/clients/ClientsView.tsx",
-        "components/templates/konsultan/slices/admin/proposals/ProposalsView.tsx",
-        "components/templates/konsultan/slices/admin/contracts/ContractsView.tsx",
-        "components/templates/konsultan/slices/admin/projects/ProjectsView.tsx",
-        "components/templates/konsultan/slices/admin/billing/BillingView.tsx",
-        "components/templates/konsultan/slices/admin/documents/DocumentsView.tsx",
-        "components/templates/konsultan/slices/admin/settings/SettingsView.tsx"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "tailwindcss@^4",
-        "@radix-ui/react-label",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "card",
-        "input",
-        "label",
-        "separator",
-        "sheet",
-        "textarea"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template konsultan-os`. Konsultan OS = full-app consultancy template (public services + 7-tab admin). 1) Edit components/templates/konsultan/shared/site-config.ts (brandName, ownerName, baseUrl). 2) Replace localStorage StoreProvider with Convex queries. 3) Add @convex-dev/auth + RBAC on /admin routes. 4) Wire Resend for proposal email + e-sign provider for contracts. 5) Billing view is PajakAware-ready — connect to Midtrans + Indonesian-tax calc on invoice generation.",
-      "tags": [
-        "template",
-        "consultant",
-        "crm",
-        "proposals",
-        "billing",
-        "indonesia"
-      ],
-      "primaryFile": "app/preview/konsultan-os/public/page.tsx"
-    },
-    {
-      "slug": "wirausaha-os",
-      "title": "Wirausaha OS",
-      "category": "website-template",
-      "description": "Indonesian UKM operations hub — public storefront + 8-tab admin (multi-business registry, inventory, orders, customers/CRM, finance with AI laporan, staff). Bahasa Indonesia, mobile-first public.",
-      "source": "synthesized",
-      "repoPath": "app/preview/wirausaha-os",
-      "pullPaths": [
-        "app/preview/wirausaha-os",
-        "components/templates/_shared",
-        "components/templates/wirausaha"
-      ],
-      "files": [
-        "app/preview/wirausaha-os/robots.ts",
-        "app/preview/wirausaha-os/sitemap.ts",
-        "app/preview/wirausaha-os/opengraph-image.tsx",
-        "app/preview/wirausaha-os/public/layout.tsx",
-        "app/preview/wirausaha-os/public/page.tsx",
-        "app/preview/wirausaha-os/public/services/page.tsx",
-        "app/preview/wirausaha-os/public/contact/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/layout.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/admin-shell-client.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/businesses/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/inventory/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/orders/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/customers/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/finance/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/staff/page.tsx",
-        "app/preview/wirausaha-os/dashboard/admin/settings/page.tsx",
-        "components/templates/wirausaha/shared/site-config.ts",
-        "components/templates/wirausaha/shared/types.ts",
-        "components/templates/wirausaha/shared/seed.ts",
-        "components/templates/wirausaha/shared/nav-config.ts",
-        "components/templates/wirausaha/shared/store.tsx",
-        "components/templates/wirausaha/slices/home/HomePage.tsx",
-        "components/templates/wirausaha/slices/services/ServicesPage.tsx",
-        "components/templates/wirausaha/slices/contact/ContactPage.tsx",
-        "components/templates/wirausaha/slices/admin/dashboard/DashboardView.tsx",
-        "components/templates/wirausaha/slices/admin/businesses/BusinessesView.tsx",
-        "components/templates/wirausaha/slices/admin/inventory/InventoryView.tsx",
-        "components/templates/wirausaha/slices/admin/orders/OrdersView.tsx",
-        "components/templates/wirausaha/slices/admin/customers/CustomersView.tsx",
-        "components/templates/wirausaha/slices/admin/finance/FinanceView.tsx",
-        "components/templates/wirausaha/slices/admin/staff/StaffView.tsx",
-        "components/templates/wirausaha/slices/admin/settings/SettingsView.tsx"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "tailwindcss@^4",
-        "@radix-ui/react-label",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "card",
-        "input",
-        "label",
-        "separator",
-        "sheet",
-        "textarea"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template wirausaha-os`. Wirausaha OS = full-app UKM template (mobile-first public storefront + 8-tab admin). 1) Edit components/templates/wirausaha/shared/site-config.ts. 2) Replace localStorage StoreProvider with Convex queries. 3) Wire Midtrans + QRIS for orders. 4) Add WhatsApp-bot for order confirmations. 5) Finance view scaffolds AI-laporan — connect to ai-router (mid tier) for narrative generation from monthly aggregates.",
-      "tags": [
-        "template",
-        "smb",
-        "ukm",
-        "multi-business",
-        "midtrans",
-        "qris",
-        "indonesia"
-      ],
-      "primaryFile": "app/preview/wirausaha-os/public/page.tsx"
-    },
-    {
-      "slug": "riset-kit",
-      "title": "Riset Kit",
-      "category": "website-template",
-      "description": "Research workspace — public knowledge-base reader + admin (document library, AI reader, literature review, citations, notes). Bahasa Indonesia academic-style, vector-search ready.",
-      "source": "synthesized",
-      "repoPath": "app/preview/riset-kit",
-      "pullPaths": [
-        "app/preview/riset-kit",
-        "components/templates/_shared",
-        "components/templates/research"
-      ],
-      "files": [
-        "app/preview/riset-kit/robots.ts",
-        "app/preview/riset-kit/sitemap.ts",
-        "app/preview/riset-kit/opengraph-image.tsx",
-        "app/preview/riset-kit/public/layout.tsx",
-        "app/preview/riset-kit/public/page.tsx",
-        "app/preview/riset-kit/public/library/page.tsx",
-        "app/preview/riset-kit/public/about/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/layout.tsx",
-        "app/preview/riset-kit/dashboard/admin/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/admin-shell-client.tsx",
-        "app/preview/riset-kit/dashboard/admin/documents/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/notes/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/citations/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/ai-reader/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/lit-review/page.tsx",
-        "app/preview/riset-kit/dashboard/admin/settings/page.tsx",
-        "components/templates/research/shared/site-config.ts",
-        "components/templates/research/shared/types.ts",
-        "components/templates/research/shared/seed.ts",
-        "components/templates/research/shared/nav-config.ts",
-        "components/templates/research/shared/store.tsx",
-        "components/templates/research/slices/home/HomePage.tsx",
-        "components/templates/research/slices/library/LibraryPage.tsx",
-        "components/templates/research/slices/about/AboutPage.tsx",
-        "components/templates/research/slices/admin/dashboard/DashboardView.tsx",
-        "components/templates/research/slices/admin/documents/DocumentsView.tsx",
-        "components/templates/research/slices/admin/notes/NotesView.tsx",
-        "components/templates/research/slices/admin/citations/CitationsView.tsx",
-        "components/templates/research/slices/admin/ai-reader/AiReaderView.tsx",
-        "components/templates/research/slices/admin/lit-review/LitReviewView.tsx",
-        "components/templates/research/slices/admin/settings/SettingsView.tsx"
-      ],
-      "dependencies": [
-        "next@^16",
-        "react@^19",
-        "react-dom@^19",
-        "lucide-react",
-        "@tabler/icons-react",
-        "tailwindcss@^4",
-        "@radix-ui/react-label",
-        "@radix-ui/react-separator",
-        "@radix-ui/react-slot"
-      ],
-      "shadcnComponents": [
-        "badge",
-        "button",
-        "card",
-        "input",
-        "label",
-        "separator",
-        "sheet"
-      ],
-      "agentRecipe": "Run `npx rr init <app> --template riset-kit`. Riset Kit = full-app research template (public KB reader + 6-tab admin). 1) Edit components/templates/research/shared/site-config.ts. 2) Replace localStorage StoreProvider with Convex queries. 3) Add @convex-dev/auth on /admin (single owner suffices). 4) Document library expects pdf-extract + vector-search — wire convex-vector-search component. 5) AI Reader wires ai-router (mid tier) for QA over uploaded PDFs. 6) Lit-review matrix is a scaffold — wire AI summarizer per cell.",
-      "tags": [
-        "template",
-        "research",
-        "knowledge-base",
-        "vector-search",
-        "ai-reader",
-        "indonesia"
-      ],
-      "primaryFile": "app/preview/riset-kit/public/page.tsx"
-    },
-    {
-      "slug": "hero-centered",
-      "title": "Hero — Centered",
-      "category": "marketing",
-      "description": "Single-column centered hero with eyebrow pill, headline, sub-copy, and dual CTA. Radial gradient backdrop.",
-      "source": "kitab",
-      "repoPath": "app/preview/hero-centered",
-      "pullPaths": [
-        "app/preview/hero-centered"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add hero-centered`. Pure layout. Drop into landing pages where the product needs minimum framing. Replace the eyebrow pill with a status badge or release tag. Two CTAs is the sweet spot.",
-      "tags": [
-        "block",
-        "hero",
-        "centered",
-        "marketing"
-      ],
-      "primaryFile": "app/preview/hero-centered/page.tsx"
-    },
-    {
-      "slug": "hero-split",
-      "title": "Hero — Split (Text + Visual)",
-      "category": "marketing",
-      "description": "Two-column hero: left copy + feature list + CTAs, right visual slot. 9-cell mock grid placeholder for product shot.",
-      "source": "kitab",
-      "repoPath": "app/preview/hero-split",
-      "pullPaths": [
-        "app/preview/hero-split"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add hero-split`. Right column accepts any visual — screenshot, product mock, illustration, or live demo iframe. Feature list pairs Lucide icons with one-line value props.",
-      "tags": [
-        "block",
-        "hero",
-        "split",
-        "marketing",
-        "product"
-      ],
-      "primaryFile": "app/preview/hero-split/page.tsx"
-    },
-    {
-      "slug": "hero-bento-bg",
-      "title": "Hero — Bento Background",
-      "category": "marketing",
-      "description": "Bento mini-grid behind a centered headline. Radial mask focuses the eye on the copy while the grid hints at features.",
-      "source": "kitab",
-      "repoPath": "app/preview/hero-bento-bg",
-      "pullPaths": [
-        "app/preview/hero-bento-bg"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add hero-bento-bg`. Background tiles get a radial mask so the center stays readable. Use 6-8 tiles with asymmetric spans (col-span-2 row-span-2 for one, others 1x1). Lucide icon in each tile.",
-      "tags": [
-        "block",
-        "hero",
-        "bento",
-        "marketing",
-        "decorative"
-      ],
-      "primaryFile": "app/preview/hero-bento-bg/page.tsx"
-    },
-    {
-      "slug": "hero-video-loop",
-      "title": "Hero — Video Loop (dark)",
-      "category": "marketing",
-      "description": "Dark-mode hero with conic-gradient animated backdrop (stand-in for video). Play CTA, headline, dual CTA.",
-      "source": "kitab",
-      "repoPath": "app/preview/hero-video-loop",
-      "pullPaths": [
-        "app/preview/hero-video-loop"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add hero-video-loop`. Replace the conic-gradient backdrop with a muted <video autoplay loop>. Keep the dark theme — light text on motion only reads when the contrast is hard.",
-      "tags": [
-        "block",
-        "hero",
-        "video",
-        "marketing",
-        "dark"
-      ],
-      "primaryFile": "app/preview/hero-video-loop/page.tsx"
-    },
-    {
-      "slug": "hero-animated-text",
-      "title": "Hero — Animated Text",
-      "category": "marketing",
-      "description": "Rotating word inside the headline cycles every 2s with gradient text + fade-slide transition. Lightweight, no extra deps.",
-      "source": "kitab",
-      "repoPath": "app/preview/hero-animated-text",
-      "pullPaths": [
-        "app/preview/hero-animated-text"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add hero-animated-text`. Use absolute-positioned word slots with translate-y + opacity transitions. The invisible placeholder word keeps the bounding box stable.",
-      "tags": [
-        "block",
-        "hero",
-        "motion",
-        "marketing",
-        "kinetic"
-      ],
-      "primaryFile": "app/preview/hero-animated-text/page.tsx"
-    },
-    {
-      "slug": "pricing-three",
-      "title": "Pricing — Three Tier",
-      "category": "marketing",
-      "description": "Classic 3-tier card layout. Middle tier highlighted with Most Popular badge + soft shadow.",
-      "source": "kitab",
-      "repoPath": "app/preview/pricing-three",
-      "pullPaths": [
-        "app/preview/pricing-three"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add pricing-three`. Three is the magic number for SaaS pricing — fewer feels limited, more triggers analysis paralysis. Middle tier should be the one you actually want to sell.",
-      "tags": [
-        "block",
-        "pricing",
-        "marketing",
-        "saas"
-      ],
-      "primaryFile": "app/preview/pricing-three/page.tsx"
-    },
-    {
-      "slug": "pricing-four",
-      "title": "Pricing — Four Tier",
-      "category": "marketing",
-      "description": "Four-tier with Best Value badge on tier 3. Compact card chrome, 4-column grid that collapses gracefully.",
-      "source": "kitab",
-      "repoPath": "app/preview/pricing-four",
-      "pullPaths": [
-        "app/preview/pricing-four"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add pricing-four`. Use when you genuinely have four distinct tiers (free / solo / team / enterprise). Don't pad to four — use the three-tier variant if the fourth is forced.",
-      "tags": [
-        "block",
-        "pricing",
-        "marketing",
-        "saas"
-      ],
-      "primaryFile": "app/preview/pricing-four/page.tsx"
-    },
-    {
-      "slug": "pricing-toggle",
-      "title": "Pricing — Monthly/Yearly Toggle",
-      "category": "marketing",
-      "description": "3-tier with a monthly/yearly pill toggle. Yearly price strikethroughs the monthly, -20% savings badge inside the toggle.",
-      "source": "kitab",
-      "repoPath": "app/preview/pricing-toggle",
-      "pullPaths": [
-        "app/preview/pricing-toggle"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add pricing-toggle`. Default to yearly — that's the conversion-optimized choice. Show the monthly strikethrough so the savings feel real, not implied.",
-      "tags": [
-        "block",
-        "pricing",
-        "marketing",
-        "interactive"
-      ],
-      "primaryFile": "app/preview/pricing-toggle/page.tsx"
-    },
-    {
-      "slug": "pricing-compare",
-      "title": "Pricing — Feature Comparison",
-      "category": "marketing",
-      "description": "Single comparison table: feature rows × plan columns. Check/Minus icons, header row with prices, sticky CTA row.",
-      "source": "kitab",
-      "repoPath": "app/preview/pricing-compare",
-      "pullPaths": [
-        "app/preview/pricing-compare"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add pricing-compare`. Use for complex products where buyers actually compare. Mix boolean rows (Check/Minus) with string-value rows (\"1\", \"10\", \"Unlimited\") for clarity.",
-      "tags": [
-        "block",
-        "pricing",
-        "marketing",
-        "comparison",
-        "table"
-      ],
-      "primaryFile": "app/preview/pricing-compare/page.tsx"
-    },
-    {
-      "slug": "pricing-slider",
-      "title": "Pricing — Usage Slider",
-      "category": "marketing",
-      "description": "Range slider drives the price. Tier name and per-seat cost update live. Single-card layout, focus on the math.",
-      "source": "kitab",
-      "repoPath": "app/preview/pricing-slider",
-      "pullPaths": [
-        "app/preview/pricing-slider"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add pricing-slider`. Use for usage-based or seat-based products. Make the breakpoints transparent — buyers should be able to predict the next price without surprises.",
-      "tags": [
-        "block",
-        "pricing",
-        "marketing",
-        "interactive",
-        "usage"
-      ],
-      "primaryFile": "app/preview/pricing-slider/page.tsx"
-    },
-    {
-      "slug": "accordion-faq",
-      "title": "Accordion — Classic FAQ",
-      "category": "marketing",
-      "description": "Single-open FAQ accordion. ChevronDown rotates, content reveals below. Clean, compact, perfect for support pages.",
-      "source": "kitab",
-      "repoPath": "app/preview/accordion-faq",
-      "pullPaths": [
-        "app/preview/accordion-faq"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add accordion-faq`. Single-open keeps the page short. Use when answers are independent. Switch to multi-open if buyers tend to scan multiple answers at once.",
-      "tags": [
-        "block",
-        "accordion",
-        "faq",
-        "marketing"
-      ],
-      "primaryFile": "app/preview/accordion-faq/page.tsx"
-    },
-    {
-      "slug": "accordion-grouped",
-      "title": "Accordion — Grouped Sections",
-      "category": "marketing",
-      "description": "FAQ split into themed groups (Getting Started / Slices / Billing). Each group is its own card. Independent open state per item.",
-      "source": "kitab",
-      "repoPath": "app/preview/accordion-grouped",
-      "pullPaths": [
-        "app/preview/accordion-grouped"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add accordion-grouped`. Use when the FAQ is long (>10 items) and questions cluster naturally. Each group's Item owns its open state for predictable UX.",
-      "tags": [
-        "block",
-        "accordion",
-        "faq",
-        "marketing",
-        "grouped"
-      ],
-      "primaryFile": "app/preview/accordion-grouped/page.tsx"
-    },
-    {
-      "slug": "accordion-sidebar",
-      "title": "Accordion — Sidebar Navigation",
-      "category": "marketing",
-      "description": "Docs-style: left nav switches sections, right pane shows the section's accordion. Two-axis navigation in one layout.",
-      "source": "kitab",
-      "repoPath": "app/preview/accordion-sidebar",
-      "pullPaths": [
-        "app/preview/accordion-sidebar"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add accordion-sidebar`. Use for help/docs pages with section breadth. Keep section count ≤ 5 — beyond that, the sidebar gets noisy. Reset accordion state on section change.",
-      "tags": [
-        "block",
-        "accordion",
-        "docs",
-        "sidebar",
-        "navigation"
-      ],
-      "primaryFile": "app/preview/accordion-sidebar/page.tsx"
-    },
-    {
-      "slug": "accordion-animated",
-      "title": "Accordion — Smooth Animated",
-      "category": "marketing",
-      "description": "Grid-row transition for true height animation, no janky calc. Each item is a rounded card with rotating plus → primary close icon.",
-      "source": "kitab",
-      "repoPath": "app/preview/accordion-animated",
-      "pullPaths": [
-        "app/preview/accordion-animated"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add accordion-animated`. The grid-template-rows trick lets CSS animate to-auto-height natively. No JS measurement, no jank. Pair with rounded card chrome for premium feel.",
-      "tags": [
-        "block",
-        "accordion",
-        "marketing",
-        "motion"
-      ],
-      "primaryFile": "app/preview/accordion-animated/page.tsx"
-    },
-    {
-      "slug": "accordion-multi",
-      "title": "Accordion — Multi-open",
-      "category": "marketing",
-      "description": "All items can be open at once. Expand-all / Collapse-all toggle in header. Best for compare-style reading.",
-      "source": "kitab",
-      "repoPath": "app/preview/accordion-multi",
-      "pullPaths": [
-        "app/preview/accordion-multi"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add accordion-multi`. Use when answers reference each other or buyers want to keep multiple sections visible (changelogs, release notes, feature comparison FAQs).",
-      "tags": [
-        "block",
-        "accordion",
-        "marketing",
-        "multi-open"
-      ],
-      "primaryFile": "app/preview/accordion-multi/page.tsx"
-    },
-    {
-      "slug": "blog-grid",
-      "title": "Blog — Card Grid",
-      "category": "cms",
-      "description": "3-column responsive card grid. Cover thumbnail (HSL gradient), title, excerpt, author·date·read meta. Default blog index shape.",
-      "source": "kitab",
-      "repoPath": "app/preview/blog-grid",
-      "pullPaths": [
-        "app/preview/blog-grid"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add blog-grid`. Default to 3 columns at lg. Use the Thumb helper for cover generation when posts don't ship an image yet — HSL gradient by post.hue keeps each card distinct.",
-      "tags": [
-        "block",
-        "blog",
-        "cms",
-        "grid"
-      ],
-      "primaryFile": "app/preview/blog-grid/page.tsx"
-    },
-    {
-      "slug": "blog-list",
-      "title": "Blog — Dense List",
-      "category": "cms",
-      "description": "Single-column scannable list. Thumbnail left, meta + title + excerpt right. High density, low scroll.",
-      "source": "kitab",
-      "repoPath": "app/preview/blog-list",
-      "pullPaths": [
-        "app/preview/blog-list"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add blog-list`. Use for archives or category pages where the reader is hunting a specific post. Compact thumbnail keeps the line height tight.",
-      "tags": [
-        "block",
-        "blog",
-        "cms",
-        "list"
-      ],
-      "primaryFile": "app/preview/blog-list/page.tsx"
-    },
-    {
-      "slug": "blog-magazine",
-      "title": "Blog — Magazine Layout",
-      "category": "cms",
-      "description": "Editorial spread: large hero post (2/3 width) + secondary featured + tail of headlines. Issue-number header gives quarterly feel.",
-      "source": "kitab",
-      "repoPath": "app/preview/blog-magazine",
-      "pullPaths": [
-        "app/preview/blog-magazine"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add blog-magazine`. Use for content-heavy publications. Hero post earns the visual real estate; the sidebar carries breadth. Mix typography sizes for editorial rhythm.",
-      "tags": [
-        "block",
-        "blog",
-        "cms",
-        "editorial",
-        "magazine"
-      ],
-      "primaryFile": "app/preview/blog-magazine/page.tsx"
-    },
-    {
-      "slug": "blog-masonry",
-      "title": "Blog — Masonry",
-      "category": "cms",
-      "description": "CSS columns-based masonry with varying card heights for organic rhythm. break-inside-avoid keeps each card intact.",
-      "source": "kitab",
-      "repoPath": "app/preview/blog-masonry",
-      "pullPaths": [
-        "app/preview/blog-masonry"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add blog-masonry`. CSS columns are the cheap masonry — no JS, no layout shift. Vary the thumbnail height via a HEIGHTS array (h-44 to h-80). DOM order ≠ visual order — design around it.",
-      "tags": [
-        "block",
-        "blog",
-        "cms",
-        "masonry"
-      ],
-      "primaryFile": "app/preview/blog-masonry/page.tsx"
-    },
-    {
-      "slug": "blog-featured",
-      "title": "Blog — Featured Hero + Tail",
-      "category": "cms",
-      "description": "Full-bleed cover hero on the first post, then a tight 2-column grid for the rest. Cinematic open, fast scroll for the tail.",
-      "source": "kitab",
-      "repoPath": "app/preview/blog-featured",
-      "pullPaths": [
-        "app/preview/blog-featured"
-      ],
-      "files": [],
-      "dependencies": [],
-      "shadcnComponents": [],
-      "agentRecipe": "Run `npx rr add blog-featured`. Use for marketing-driven content sites (newsletter, podcast, brand journal) where the lead story carries the visit. Tail grid keeps the index scrollable without losing the hero impact.",
-      "tags": [
-        "block",
-        "blog",
-        "cms",
-        "featured",
-        "hero"
-      ],
-      "primaryFile": "app/preview/blog-featured/page.tsx"
-    }
-  ],
+  "layouts": [],
   "recipes": [],
   "features": [
     {
@@ -1475,7 +123,7 @@
     },
     {
       "slug": "os-terminal",
-      "title": "Terminal — shell emulator with live passthrough",
+      "title": "Terminal — shell emulator with live passthrough + PTY seam",
       "category": "os",
       "description": "A React-DOM terminal: monospace glass aesthetic, colored prompt, arrow-key history, red stderr. Built-ins (ls·cd·pwd·cat·mkdir·touch·rm·mv·cp·echo·whoami·date·uname·df·ps·neofetch·help·clear) run against an in-memory FsModel, so it works with ZERO backend. Wire configureTerminal({ mode:\"live\", fs, exec }) and ls/cat read through your real filesystem, file mutations mirror to it, and any unknown command passes through exec.run as a one-shot shell call (stdout/stderr/exit rendered). Self-contained: shell inspector hooks are inert seams in lib/host.ts.",
       "source": "rahmanef63/os-vps",
@@ -2312,18 +960,63 @@
       "slug": "landing-sections",
       "title": "Landing Sections",
       "category": "content",
-      "description": "Canonical landing-page composition slice — replaces the former standalone hero / cta / pricing-page / faq-section / feature-grid / testimonials-grid / blog-section / portfolio-section / changelog-feed slices (all merged here as `kind` variants in v0.2.0). Ships a pure reducer + LandingProvider store adapter + admin LandingView/LandingEditorView built on the shared CRUD primitives, plus a per-section LandingSectionShell that handles background image + custom Tailwind className overlay. Sections carry { kind, order, title, subtitle, enabled, imageUrl, imageRatio, bgImageUrl, className, config (JSON) } with up/down reorder arrows. Consumers map each `kind` (hero, features, pricing, blog, changelog, testimonials, portfolio, services, stats, newsletter, faq, cta, custom) to their own renderer wrapped in <LandingSectionShell>. Used by all 7 rr website templates.",
-      "source": "rahman-resources",
+      "description": "Canonical landing-page composition slice — replaces the former standalone hero / cta / pricing-page / faq-section / feature-grid / testimonials-grid / blog-section / portfolio-section / changelog-feed slices (all merged here as `kind` variants in v0.2.0). Ships a pure reducer (v0.4.0: LANDING_UPSERT auto-shifts sibling `order` to keep positions unique; LANDING_DELETE closes the gap) + LandingProvider store adapter + admin LandingView/LandingEditorView built on the shared CRUD primitives, plus a per-section LandingSectionShell (background image + custom Tailwind className overlay + scroll-reveal). NEW in v0.4.0: a `sections/` library of config-driven public renderers (StatsSection, TestimonialsSection, FaqSection, PricingSection, NewsletterSection, CustomSection) that read `LandingSection.config` JSON merged over template defaults — content stays dashboard-controlled without per-template renderer code; plus `parse-config` helpers (parseConfigBadge/parseConfigField) and `sections/config` guards (parseConfigObject, cfg*). Sections carry { kind, order, title, subtitle, enabled, imageUrl, imageRatio, bgImageUrl, className, config (JSON) } with up/down reorder arrows. Lifted from the _templates fleet `_shared/landing` (2026-06-11) — the 8 standalone templates ship a byte-similar copy; this rr slice is the SSOT. Used by all 7 rr website templates.",
+      "source": "rahman-resources (lifted from _templates fleet)",
       "install": "npx rahman-resources add landing-sections",
       "npmPackages": [],
       "exampleCode": "",
-      "agentRecipe": "Run `npx rr add landing-sections`. Fold `landingReducer` into your root reducer (cases LANDING_UPSERT + LANDING_DELETE), seed State.landingSections with `defaultLandingSections()`, wrap your StoreProvider with `<LandingProvider value={adapter}/>` where adapter maps {items, publicBase, adminBase, create, update, remove} from your dispatch. Mount `<LandingView/>` at `/admin/landing` and `<LandingEditorView id={params.id}/>` at `/admin/landing/[id]`. In HomePage iterate `state.landingSections.filter(s => s.enabled).sort((a,b) => a.order - b.order)` and render each through `<LandingSectionShell section={s}>` wrapping your own per-`kind` renderer.",
+      "agentRecipe": "Run `npx rr add landing-sections`. Fold `landingReducer` into your root reducer (cases LANDING_UPSERT + LANDING_DELETE), seed State.landingSections with `defaultLandingSections()`, wrap your StoreProvider with `<LandingProvider value={adapter}/>` where adapter maps {items, publicBase, adminBase, create, update, remove} from your dispatch. Mount `<LandingView/>` at `/admin/landing` and `<LandingEditorView id={params.id}/>` at `/admin/landing/[id]`. In HomePage iterate `state.landingSections.filter(s => s.enabled).sort((a,b) => a.order - b.order)` and render each inside `<LandingSectionShell section={s}>`; for stats/testimonials/pricing/faq/newsletter/custom kinds drop in the shipped `<StatsSection/>` etc. (they read `section.config` JSON over your template defaults), or map the remaining kinds (hero/features/blog/etc.) to your own renderer. Use `parseConfigBadge(section.config)` for a section badge. Requires the template-base shared surface that ships in every rr website template: `@/components/templates/_shared/motion` (Reveal/Stagger/CountUp/Marquee/useInView — the motion-kit primitives), `@/components/templates/_shared/ui/section-head`, and `@/components/templates/_shared/crud/*`. Sections also use shadcn accordion/card/carousel + embla-carousel-autoplay.",
       "tags": [
         "admin",
         "landing",
         "cms",
         "sections",
-        "crud"
+        "crud",
+        "renderer"
+      ]
+    },
+    {
+      "slug": "motion-kit",
+      "title": "Motion Kit — scroll reveals, carousel, accordion, micro-interactions",
+      "category": "ui",
+      "description": "Zero-dependency scroll-motion layer (IntersectionObserver + CSS) plus an embla carousel and a radix accordion, packaged so any page gets tasteful entrance animations without pulling in a motion library. Ships Reveal (fade-up/fade/fade-left/fade-right/zoom), Stagger (incremental per-child reveal for grids/lists), CountUp (rAF count-to-value with locale formatting; integers), Marquee (infinite logo/brand strip with hover-pause + edge fade), and the useInView hook behind them; plus Carousel (embla, optional Autoplay plugin) and Accordion (radix). All reveal + keyframe motion is gated behind prefers-reduced-motion. Consumers append globals-motion.css to their app/globals.css for the [data-reveal] transitions + accordion/marquee/blob keyframes. Lifted 2026-06-10 from the _templates fleet `_shared/motion` copy — the 8 standalone website templates already ship a byte-identical copy; this rr slice is the SSOT so future scaffolds get it via `npx rr add motion-kit`. Pairs with landing-sections (its renderers consume these primitives).",
+      "source": "rahman-resources (lifted from _templates fleet)",
+      "install": "npx rahman-resources add motion-kit",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add motion-kit`. Append the contents of `globals-motion.css` to your `app/globals.css` (after `@import \"tailwindcss\";`) — without it `data-reveal` elements stay static and the accordion snaps. Then import from `@/features/motion-kit`: `<Reveal variant=\"fade-up\">`, `<Stagger itemClassName=\"h-full\">{cards}</Stagger>` for grids, `<CountUp value={4800} />` (integers), `<Marquee speed={32}>{logos}</Marquee>`. Carousel: pair with `Autoplay` from embla-carousel-autoplay. Any component consuming a passed render/icon fn AND these hooks must be `\"use client\"`. Hover-lift convention: `transition-[translate,box-shadow] duration-300 hover:-translate-y-1 hover:shadow-lg`.",
+      "tags": [
+        "ui",
+        "motion",
+        "animation",
+        "scroll",
+        "reveal",
+        "carousel",
+        "accordion",
+        "marquee",
+        "countup",
+        "embla"
+      ]
+    },
+    {
+      "slug": "storefront-checkout",
+      "title": "Storefront Checkout — guest cart + checkout composition",
+      "category": "content",
+      "description": "Guest-friendly shopping cart for catalog storefronts. CartProvider holds items in React context with localStorage persistence (anonymous buyers keep their cart across reloads, zero backend). CartWidget is a header trigger with live count badge opening a slide-over Sheet: per-item qty steppers, remove, subtotal, checkout CTA to a host route. CheckoutSummary renders the order panel on the checkout page. Props-driven R3 — no convex/react anywhere; the host resolves a NUMERIC price per catalog item before add() and MUST re-price every line server-side when placing the order (client subtotal is display-only, never the charge). Proven end-to-end on wirausaha-os: catalog → cart → server-priced placeOrder action → DOKU Direct instructions → webhook flips paid (reactive). Pairs with doku-payment ≥0.2 (guest checkout: optional userId + buyer contact, key-guarded actions, guest-readable status query) or midtrans-payment.",
+      "source": "wirausaha-os guest-checkout build-out 2026-06-10",
+      "install": "npx rahman-resources add storefront-checkout",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add storefront-checkout`. Wrap your public layout once with `<CartProvider storageKey=\"my-shop-cart\">` and mount `<CartWidget checkoutHref=\"/checkout\" />` in the header extras. On product surfaces call `useCart().add({ slug, name, price, priceLabel, emoji })` with a host-resolved NUMERIC price. Build a /checkout route composing `<CheckoutSummary />` + a payment form (doku-payment's DokuDirectForm): its onSubmit calls YOUR Convex place-order action which re-prices each {slug, qty} from your catalog table server-side, generates an unguessable orderId, calls api.features.payment.actions.doku.createDirectPayment, records your domain order row, and returns { ok, orderId, instructions, expiresAt } ({ ok:false, notice } when DOKU creds are unset — surface it in the form and offer a contact fallback). After success render DokuPaymentInstructions + reactive status via api.features.payment.query.getOrderByOrderId. Reference: template-wirausaha-os convex/checkout.ts + slices/checkout/CheckoutPage.tsx.",
+      "tags": [
+        "ecommerce",
+        "cart",
+        "checkout",
+        "guest",
+        "storefront",
+        "payment",
+        "localStorage",
+        "sheet"
       ]
     },
     {
@@ -2613,6 +1306,26 @@
         "basics"
       ]
     },
+    {
+      "slug": "pages-cms",
+      "title": "Pages CMS — block-composed multi-page editor",
+      "category": "content",
+      "description": "A small multi-page CMS. PagesView (list + CRUD: create/edit/duplicate/delete/publish) + PageEditorView (metadata form + block editor) + a read-only public BlockRenderer. Pages are composed of 11 block kinds: hero, text, feature-list, cta, logo-cloud, testimonial, video, image-gallery, faq, stats, pricing-table. Ships a localStorage adapter (LocalPagesProvider) + a generic Home/About/Pricing seed so it runs env-free — or wire the bundled pagesReducer + PagesProvider to your own backend (optional Convex copy-source included). Pure UI; no Convex required.",
+      "source": "rr original (generalized from saas-marketing pages engine)",
+      "install": "npx rahman-resources add pages-cms",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add pages-cms`. Wrap your admin surface in <LocalPagesProvider seed={defaultPages()}> (localStorage, zero backend) or supply your own PagesStore via <PagesProvider>. Render <PagesView publicBase adminBase> for the list and <PageEditorView id publicBase adminBase> for the editor route. Public catch-all looks up the page by slug and renders <BlocksRenderer blocks={page.blocks} />. Add block kinds by extending the PageBlock union + emptyBlock + the renderer/editor switches.",
+      "tags": [
+        "content",
+        "cms",
+        "pages",
+        "blocks",
+        "editor",
+        "builder",
+        "basics"
+      ]
+    },
     {
       "slug": "empty-states",
       "title": "Empty States — 404/500/403 + zero-data",
@@ -2712,6 +1425,62 @@
         "toast",
         "basics"
       ]
+    },
+    {
+      "slug": "media-studio",
+      "title": "Media Studio — photo / social design canvas",
+      "category": "os",
+      "description": "A layered canvas studio: image/text/shape layers with filters, masks, transforms, safe-area guides and aspect presets (1:1/4:5/9:16/16:9), plus an export modal (download / copy / import JSON). Runs fully offline on bundled gradient-SVG samples. Host wiring is one call: configureMediaStudio({ saveDoc, imageSources }) lights up Save-to-host and feeds real image sources. Self-contained: inspector hooks are inert seams in lib/host.ts.",
+      "source": "rahmanef63/os-vps",
+      "install": "npx rahman-resources add media-studio",
+      "npmPackages": [],
+      "exampleCode": "\"use client\";\nimport { MediaStudio } from \"@/features/media-studio\";\n\nexport default function StudioDemo() {\n  return <div className=\"h-dvh w-full\"><MediaStudio /></div>;\n}",
+      "agentRecipe": "Stack: Next 16 + React 19 + Tailwind 4 + shadcn/ui. Layered canvas editor. Fully client-side; no backend required.\n\nSTEP 1 — Install. `npx rr add media-studio`. Ensure `@/features/media-studio` resolves and Tailwind scans the slice folder.\n\nSTEP 2 — Deps. npm: `lucide-react`. shadcn: button, dialog, badge, tooltip, scroll-area.\n\nSTEP 3 — Mount. `<MediaStudio />` in a height-bearing box — unwired it edits bundled sample layers. Or register `mediaStudioApp` in an appshell manifest.\n\nSTEP 4 — Host wiring. `configureMediaStudio({ saveDoc, imageSources })` — saveDoc persists the serialized document (enables Save-to-host in the export modal); imageSources supplies image URLs for new layers.",
+      "tags": [
+        "canvas",
+        "editor",
+        "layers",
+        "filters",
+        "export",
+        "design",
+        "ui"
+      ]
+    },
+    {
+      "slug": "quicklinks",
+      "title": "Quicklinks — website shortcuts with favicons",
+      "category": "os",
+      "description": "A website-shortcut grid: add/remove links with auto favicons (Google s2) and new-tab open. State lives behind an injectable QuicklinksStore — createLocalStore persists to localStorage (SSR-safe hydrate), createMemoryStore suits previews/tests, configureQuicklinks swaps in a host store. Pairs with appshell: the useQuickLinks capability + QuicklinkIcon surface the same links in the dock/Launchpad/mobile grid.",
+      "source": "rahmanef63/os-vps",
+      "install": "npx rahman-resources add quicklinks",
+      "npmPackages": [],
+      "exampleCode": "\"use client\";\nimport { Quicklinks } from \"@/features/quicklinks\";\n\nexport default function LinksDemo() {\n  return <div className=\"h-dvh w-full\"><Quicklinks /></div>;\n}",
+      "agentRecipe": "Stack: Next 16 + React 19 + Tailwind 4 + shadcn/ui. Website shortcut grid. Fully client-side; no backend required.\n\nSTEP 1 — Install. `npx rr add quicklinks`. Ensure `@/features/quicklinks` resolves and Tailwind scans the slice folder.\n\nSTEP 2 — Deps. npm: `lucide-react`. shadcn: button.\n\nSTEP 3 — Mount. `<Quicklinks />` — unwired it persists to localStorage (\"rr:quicklinks\") with 4 demo seeds. Or register `quicklinksApp` in an appshell manifest.\n\nSTEP 4 — Host store. `configureQuicklinks(store)` with { get, subscribe, add, remove, hydrate? } — or feed appshell's useQuickLinks capability from the same store so dock shortcuts stay in sync.",
+      "tags": [
+        "shortcuts",
+        "bookmarks",
+        "favicons",
+        "launcher",
+        "ui"
+      ]
+    },
+    {
+      "slug": "shell-settings",
+      "title": "Shell Settings — settings-app UI primitives",
+      "category": "ui",
+      "description": "The settings-app building blocks: SettingsSection, Row, AccentSwatches, a slice-local Segmented control, and a ready AppearancePanel (style/mode/accent/wallpaper/device/transparency groups — every group optional). Pure presentation: the injected AppearanceAdapter IS the contract, so it binds to any appearance store (appshell capabilities, zustand, plain useState) with zero slice edits.",
+      "source": "rahmanef63/os-vps",
+      "install": "npx rahman-resources add shell-settings",
+      "npmPackages": [],
+      "exampleCode": "\"use client\";\nimport { useState } from \"react\";\nimport { AppearancePanel } from \"@/features/shell-settings\";\n\nexport default function SettingsDemo() {\n  const [mode, setMode] = useState<\"light\" | \"dark\">(\"light\");\n  return <AppearancePanel adapter={{ mode: { value: mode, set: setMode } }} />;\n}",
+      "agentRecipe": "Stack: Next 16 + React 19 + Tailwind 4 + shadcn/ui. Settings UI primitives. Pure presentation; state injected.\n\nSTEP 1 — Install. `npx rr add shell-settings`. Ensure `@/features/shell-settings` resolves and Tailwind scans the slice folder.\n\nSTEP 2 — Deps. npm: `lucide-react`. shadcn: button, switch, toggle-group, separator.\n\nSTEP 3 — Mount. `<AppearancePanel adapter={adapter} />` with an AppearanceAdapter (all groups optional — omit a group to hide it), or compose SettingsSection/Row/AccentSwatches/Segmented directly for custom panels.\n\nSTEP 4 — Bind. Wire the adapter to your appearance store (theme mode, accent, wallpaper, device, transparency) — the panel re-renders from the values you pass; no internal state.",
+      "tags": [
+        "settings",
+        "preferences",
+        "appearance",
+        "primitives",
+        "ui"
+      ]
     }
   ],
   "slices": [
@@ -2720,7 +1489,7 @@
       "title": "Image Editor — layered raster editor",
       "category": "os",
       "kind": "ui",
-      "version": "2.0.2",
+      "version": "2.1.1",
       "description": "A Photoshop-style raster image editor built on Konva. Layers panel (reorder, opacity, visibility, lock, 16 blend modes), free transform (move/scale/rotate/flip via a Transformer), image + text + shape + paint layers, brush & eraser with size/opacity/hardness, non-destructive adjustments + filters, canvas resize/aspect presets, and LAYER STYLES: stroke, drop shadow, outer glow, clipping mask. One-click BACKGROUND REMOVAL runs fully in-browser via @imgly/background-removal (free, no API key — downloads a small ONNX model on first use). Undo/redo, zoom/pan, shortcuts, PNG/JPG/WebP export. v2 adds an AI FUNCTION-CALLING layer: every editor operation is a named, schema'd command (EDITOR_COMMANDS registry + useEditorCommands binding) driven by an in-editor chat; the streaming bridge is injectable via configureAgentStream(fn) and everything except the chat works without it. A headless server barrel (server.ts) runs commands against documents with no DOM. Image I/O via props (initialImage / onSave).",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/image-editor",
@@ -2768,7 +1537,7 @@
       "title": "Reel — video timeline editor",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.2",
+      "version": "1.2.1",
       "description": "A complete in-browser video editor. Real media clips (image/video/audio) on a layered multi-track timeline — the top row renders frontmost, with ▲▼ reorder and per-track lock/hide/mute. ONE Canvas-2D draw path is shared by the live preview and the realtime MediaRecorder exporter, so what you see is exactly what renders (WebM with real mixed audio: per-clip volume/fades/auto-duck through a streaming audio graph). Per-clip trim/speed (0.25–4×)/reverse, dissolve/wipe/slide transitions via clip overlap, keyframes (opacity/scale/x/y/rotation) with easing + one-click In/Out animation presets, text styling with preset grid, color grading + vignette, filmstrip thumbnails + real waveforms, snapping, split/duplicate. The workspace is config-driven: 6 resizable layout presets (react-resizable-panels v4) incl. quick-import files-pane layouts, plus custom composition size. Drafts auto-save to localStorage. Self-contained: toasts via sonner, the files pane runs on an injectable fs adapter (configureReelFs; in-memory mock by default), and shell hooks (inspector/activity) are inert seams in lib/host.ts.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/reel-editor",
@@ -2810,7 +1579,7 @@
       "title": "Preview — media quick-look",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.1",
+      "version": "1.2.1",
       "description": "A quick-look media viewer in the macOS Preview spirit. Images render on a zoomable (40–300%) checkerboard stage so transparency reads; audio gets a card player with a CSS-bar waveform + transport; video gets play/pause + scrubber + volume; PDFs embed full-bleed and text gets a simple surface. The toolbar carries a type-indicator chip, zoom, Download, Open-in-editor, and prev/next. Two integration seams in lib/host.ts make it portable: configureMediaSource maps fs paths to fetchable URLs (identity by default, so public URLs work with zero wiring) and configureMediaOpener routes the Open-in-editor handoff (image → image-editor, video/audio → reel-editor) to your shell — both inert until set. Launched bare it shows a fully offline sample gallery (inline SVG gradients, simulated A/V playback). Pairs with file-explorer (onOpenFile → MediaViewer payload) and the editors.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/media-viewer",
@@ -2846,7 +1615,7 @@
       "title": "Code — overlay syntax editor",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.2",
+      "version": "1.2.1",
       "description": "A lightweight code editor in the VS-Code spirit without the weight: a transparent textarea layered over a highlighted pre (regex tokenizer for JS/TS/JSON/CSS) gives real editing with live syntax color and a line-number gutter; a tab strip tracks dirty buffers with Cmd/Ctrl+S save; a status bar shows path, Ln/Col, tab size, language and save state. The explorer is a lazy per-directory tree — each folder lists on expand, with inline new-file/new-folder affordances — rendered as a rail on desktop and a Sheet on mobile, and the new-file form is a responsive dialog ⇄ bottom drawer. The filesystem is INJECTED via a small CodeFsAdapter (list/read/write/mkdir): point configureCodeFs at a real API or use the bundled writable in-memory mock (seeded sample tree) so it works with zero backend. Writes are best-effort — a read-only host flags the save but keeps the local buffer. Pairs with file-explorer (onOpenFile → payload) and appshell.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/code-editor",
@@ -2881,7 +1650,7 @@
       "title": "System Monitor — host telemetry dashboard",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.0",
+      "version": "1.2.1",
       "description": "An Activity-Monitor-style dashboard: circular CPU/RAM/disk/GPU gauges, rolling CPU + network sparklines on glass panels, and a live process table — polling every 1.5s with a ~40-point history. Telemetry is INJECTED via a small SysMonAdapter (stats/processes): point configureSysmon at a real host API (/proc, an agent, a cloud endpoint) or keep the bundled wavy in-browser mock so the dashboard renders alive with zero backend. Self-contained: shell inspector hooks are inert seams in lib/host.ts.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/system-monitor",
@@ -2908,10 +1677,10 @@
     },
     {
       "slug": "os-terminal",
-      "title": "Terminal — shell emulator with live passthrough",
+      "title": "Terminal — shell emulator with live passthrough + PTY seam",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.1",
+      "version": "1.2.1",
       "description": "A React-DOM terminal: monospace glass aesthetic, colored prompt, arrow-key history, red stderr. Built-ins (ls·cd·pwd·cat·mkdir·touch·rm·mv·cp·echo·whoami·date·uname·df·ps·neofetch·help·clear) run against an in-memory FsModel, so it works with ZERO backend. Wire configureTerminal({ mode:\"live\", fs, exec }) and ls/cat read through your real filesystem, file mutations mirror to it, and any unknown command passes through exec.run as a one-shot shell call (stdout/stderr/exit rendered). Self-contained: shell inspector hooks are inert seams in lib/host.ts.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/os-terminal",
@@ -2938,7 +1707,7 @@
       "title": "Assistant — agent workspace with streaming chat",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.1",
+      "version": "1.1.1",
       "description": "A full agent workspace: streaming chat with typing deltas and graceful error notes, plus a library where users CREATE and manage agents (persona, avatar gradient, system prompt), skills, and automations (trigger + schedule forms) — all persisted in localStorage, no backend. Preset agents/skills ship as starting points. The model is INJECTED: configureAssistantStream takes any (messages) => AsyncIterable<string> — your SSE endpoint, the AI SDK, an agent loop — and until wired a typing demo stream keeps the whole UI working offline. Self-contained: shell inspector hooks are inert seams in lib/host.ts.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/assistant",
@@ -2977,7 +1746,7 @@
       "title": "Browser — remote headless-browser chrome",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.2",
+      "version": "1.2.1",
       "description": "Full browser chrome for a REMOTE headless browser: omnibar with search-or-URL detection, bookmark bar, history view (localStorage-persisted), favicons with globe fallback, busy states, and a screenshot viewport that forwards clicks/typing/keys/scroll into the remote page. The backend is INJECTED via a small BrowserAdapter (state/screenshot/act): point configureBrowser at a real headless-Chromium service (e.g. Playwright behind an authed route — any site renders, no X-Frame-Options problem) or keep the bundled offline canvas demo renderer that fakes the viewport so the whole chrome works with zero backend. Self-contained: shell inspector hooks are inert seams in lib/host.ts.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/browser",
@@ -3012,7 +1781,7 @@
       "title": "App Store — install, create + toggle apps",
       "category": "os",
       "kind": "ui",
-      "version": "1.0.1",
+      "version": "1.2.1",
       "description": "The dynamic half of an app registry, in two surfaces. AppStore: a storefront with featured hero, category sidebar, install/uninstall cards for a curated catalog, and toggles that disable built-in apps/shell features (the DISABLED set is persisted so new apps always ship enabled). CreateApp: build a custom app — name, glyph, accent gradient, runtime (html/node/python/shell), entry — with live manifest preview. Both write one localStorage registry; useInstalledApps() turns it into appshell-style descriptors (html apps mount in a sandboxed iframe, command apps in a terminal-style console). The console's shell is INJECTED via configureAppStoreExec (demo echo by default). Self-contained: inspector hooks are inert seams in lib/host.ts; the Create-App flow is bundled in (no cross-slice imports).",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/app-store",
@@ -3047,7 +1816,7 @@
       "title": "File Explorer — Tree + CRUD + Breadcrumb",
       "category": "os",
       "kind": "full",
-      "version": "1.1.0",
+      "version": "1.4.1",
       "description": "A complete, portable file-directory explorer: a collapsible folder TREE sidebar (lazy-loaded per dir), a responsive BREADCRUMB that auto-collapses to a dropdown, grid + list views with sort, multi-select, a right-click context menu, drag-and-drop (internal move + external file/folder upload), inline rename, and full CRUD (new folder, rename, cut/copy/paste, move, delete/trash, empty trash). The filesystem backend is INJECTED via a small FileExplorerAdapter (list/mkdir/remove/move/copy/upload/usage/rawUrl) — point it at a real API or use the bundled createMockAdapter() (a writable in-memory tree) so it works with zero backend. Opening a file fires an onOpenFile(path, entry) callback you wire to your own viewer/editor. Self-contained: imports only @/components/ui/* + @/lib/utils. Ported from os-vps (Topside) files manager. Pairs with appshell as the file-dir counterpart to a notion-style sidebar.",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/file-explorer",
@@ -3083,7 +1852,7 @@
       "title": "AppShell — Desktop + Mobile OS Shell",
       "category": "os",
       "kind": "full",
-      "version": "1.3.1",
+      "version": "1.5.1",
       "description": "Generic, brand-free OS-style shell framework. One <AppShell manifest> wrapper provider gives a project a macOS-style window manager (drag/snap/maximize, dock, menu bar, Spotlight) AND an iOS-style mobile surface (home pager, app library, control center, widgets), driven entirely by a manifest: brand, apps, features, surface regions, capabilities, persistence, keymap. Five shell features (search, inspector, notifications, control-center, widgets) are bundled as defineFeature() contributions inside the slice and mount via named <Slot>s. Responsiveness is a single ResponsiveProvider + 4 DRY primitives (AppFrame, MasterDetail, ResponsiveToolbar, TouchList). Imports nothing project-specific — the consumer injects data/auth/AI through manifest.capabilities. Lifted from os-vps (Topside).",
       "source": "rahmanef63/os-vps",
       "slicePath": "frontend/slices/appshell",
@@ -3124,7 +1893,7 @@
       "title": "Convex Auth — Multi-Provider Sign-in",
       "category": "auth",
       "kind": "backend",
-      "version": "0.3.0",
+      "version": "0.4.0",
       "description": "@convex-dev/auth with Password (PBKDF2-SHA256 100k, self-hosted-friendly), Anonymous (guest), Google OAuth, and Resend magic-link. Ships a production SignInPage plus a presentational, props-driven AuthCard (v0.3) — choose `methods` (google, github, magic-link, password signin/signup tabs, phone OTP, anonymous) and render the card anywhere with different props; handlers default to a mock so it's interactive with zero wiring. i18n via labels. No Clerk.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/convex-auth",
@@ -3190,7 +1959,7 @@
       "title": "DOKU — Indonesia Payment",
       "category": "integrations",
       "kind": "full",
-      "version": "0.1.1",
+      "version": "0.4.0",
       "description": "Pembayaran lokal Indonesia via DOKU — Checkout (hosted) + Direct (VA / QRIS / e-Wallet / PayLater / Minimarket / Kartu). HMAC-signed REST + signature-verified webhook + idempotent retries. Sibling slice to midtrans-payment dengan paymentOrders schema yang dishare.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/doku-payment",
@@ -3254,7 +2023,7 @@
       "title": "Midtrans — Indonesia Payment",
       "category": "integrations",
       "kind": "full",
-      "version": "0.1.1",
+      "version": "0.2.0",
       "description": "Pembayaran lokal Indonesia via Midtrans Snap (BCA, Mandiri, BRI, e-wallet GoPay/OVO/Dana, QRIS). Webhook untuk konfirmasi. Provider-isolated under components/providers/midtrans + actions/midtrans so Doku/Stripe land as siblings.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/midtrans-payment",
@@ -3311,7 +2080,7 @@
       "title": "Resend — Transactional & Newsletter",
       "category": "integrations",
       "kind": "backend",
-      "version": "0.1.3",
+      "version": "0.2.0",
       "description": "Transactional email + newsletter blast via Resend. Double opt-in flow + audience segmentation. Magic-link delivery for Convex Auth. Bundles the subscribers list backend (subscribe / confirm / unsubscribe / count) — formerly the standalone `subscribers` slice, merged here in v0.1.3.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/resend-newsletter",
@@ -3355,7 +2124,7 @@
       "title": "AI Chat — Workbench / Sidebar / Search",
       "category": "ai",
       "kind": "full",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "description": "One conversational AI feature, three render modes. Same Convex backend (threads + streaming + tool calls + RAG), pick the surface via prop:\n\n  • workbench — Claude.ai / ChatGPT three-column page (default)\n  • sidebar — collapsible copilot panel inside another CRUD app\n  • search — single-question + answer + citations (Perplexity)\n\nUse cases:\n  – Customer-support chatbot embedded in your marketing site\n  – Developer copilot in your PR/docs admin\n  – Knowledge-base search over your blog + docs corpus\n  – Internal AI assistant in your dashboard\n\nWhat it ships: multi-provider (Anthropic / OpenAI / Google / Mistral / Ollama), multimodal (text + image + PDF + audio), typed tool calls with inline inspector, agent mode (plan→execute→reflect), branching threads, RAG citations, resumable streams, usage telemetry. Public surface = consumer chat; admin surface = persona, fallback, guardrails per-bot.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/ai-chat",
@@ -3441,7 +2210,7 @@
       "title": "AI Studio — Generation Canvas",
       "category": "ai",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "AI is the primary UI — single big prompt input → live-streaming output → variation grid → version tree. Suno / Midjourney / Lovable / v0 pattern. Output kinds: text, code, image, audio (configurable per template).\n\nUse cases:\n  – AI image generation product (creative output)\n  – AI logo / banner / social-post studio\n  – AI code-snippet generator (component scaffolder)\n  – AI music / voiceover producer\n  – AI blog-draft factory (text)\n\nFeatures: prompt history, branch + compare outputs, like + favorite, share-to-link, templates from ai-admin.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/ai-studio",
@@ -3496,7 +2265,7 @@
       "title": "AI Agents — Autonomous Workers",
       "category": "ai",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Background AI workers. Define an agent (skill × model × tools × max-iter), trigger it on-demand or on a cron schedule, watch the step-by-step trace as it runs. Devin / Replit-Agent / Manus pattern.\n\nUse cases:\n  – Nightly audit-bp on the codebase (PR-reviewer style)\n  – Weekly SEO crawl + content suggestions\n  – Auto-moderate comment queue\n  – Scheduled data ingestion + summarization\n  – Long-form research task with multi-source citations\n\nFeatures: queue + live trace, per-step retry policy, hard cost cap, shareable trace URLs, full audit-log integration.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/ai-agents",
@@ -3555,7 +2324,7 @@
       "title": "AI Admin — Console (Instructions · Skills · Tools · Agents · Providers)",
       "category": "ai",
       "kind": "full",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "description": "Central operator console for the whole AI stack. Every other ai-* feature reads its registries from here. Tabs ordered to match the build-flow:\n\n  1. Providers   — register Anthropic / OpenAI / Google / Mistral / Ollama (API keys AES-encrypted at rest)\n  2. Models      — per-provider catalog (capabilities, context window, pricing)\n  3. Instructions — custom system-prompt library (Claude Projects-style)\n  4. Skills      — named instruction + model default + tool defaults (consumed by chat + studio)\n  5. Tools       — JSON-schema function specs + impl (http / convex / shell) + sandbox flag\n  6. Agents      — skill × model × tools × max-iter (consumed by ai-agents)\n  7. Budgets     — per-workspace cost caps + alerts + hard kill\n  8. Audit       — every AI call: actor / agent / tokens / cost / latency / outcome\n\nIncludes Create-Agent / Create-Skill / Create-Tool / Create-Instruction wizards.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/ai-admin",
@@ -3627,7 +2396,7 @@
       "title": "AI Router — Backend Provider Proxy",
       "category": "ai",
       "kind": "backend",
-      "version": "0.1.0",
+      "version": "0.5.0",
       "description": "Backend infrastructure (no UI). Single proxy that every other ai-* feature calls. Tier-routed — nano (Haiku) for classification, mid (Sonnet) for chat, flagship (Opus) for deep reasoning. Per-call usage log + cost guard. Works with direct provider keys or OpenRouter umbrella.\n\nNot something you mount — installed automatically as a peer when you add ai-chat / ai-studio / ai-agents.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/ai-router",
@@ -3663,7 +2432,7 @@
       "title": "Convex Vector Search",
       "category": "data",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Embeddings-based search via Convex's built-in vector index. Embed via OpenAI text-embedding-3-small (1536-dim), query via vectorIndex().",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/vector-search",
@@ -3700,7 +2469,7 @@
       "title": "Cal.com Booking",
       "category": "data",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Embedded Cal.com booking widget + webhook receiver to mirror bookings into Convex.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/cal-com-booking",
@@ -3740,7 +2509,7 @@
       "title": "Command Menu",
       "category": "ui",
       "kind": "ui",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "description": "Renderless ⌘K command palette + generic search modal. Consumer supplies CommandGroup[] + onSelect + label bag; slice owns dialog chrome, ⌘K hotkey, MRU history. Pulled UP from notion-page-clone's command-palette renderless surface (Wave N+3.7) — Nosion adapters dropped at the kitab boundary.",
       "source": "notion-page-clone (consumerVersion 0.3.0) + earlier superspace facade",
       "slicePath": "frontend/slices/command-menu",
@@ -3887,7 +2656,7 @@
       "title": "BroadcastChannel — Cross-tab Sync",
       "category": "data",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Same-origin cross-tab + cross-iframe state sync via BroadcastChannel API. Tiny, no backend, no install.",
       "source": "Web Platform — BroadcastChannel API",
       "slicePath": "frontend/slices/broadcast-channel-sync",
@@ -3910,7 +2679,7 @@
       "title": "RBAC — Roles & Permissions",
       "category": "auth",
       "kind": "full",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "description": "RBAC engine ported from superspace. 6 system role presets (owner/admin/manager/staff/client/guest with levels), dot-namespaced permissions with `*` / `feature.*` wildcard matching, and pure check helpers (resolvePermissions / hasPermission / roleHasPermission). Props-driven UI primitives: <PermissionGate>, usePermissions, <RoleBadge>, <PermissionMatrix>. Convex template ships a tenant-scoped rbac_roles table + checkPermission / requirePermission helpers + idempotent seedSystemRoles, with a PLATFORM_ADMIN_EMAILS superadmin bypass. Pair with `user-management` for the members / invites / roles-admin UI. @convex-dev/auth aware — no Clerk.",
       "source": "superspace",
       "slicePath": "frontend/slices/rbac-roles",
@@ -3954,7 +2723,7 @@
       "title": "User Management",
       "category": "auth",
       "kind": "full",
-      "version": "0.6.0",
+      "version": "0.7.0",
       "description": "Full superspace-parity user management, props-driven + RBAC-agnostic. <UserManagementPanel> tabs Members + Roles + Teams + Access: member table (search / filter / sort, inline role dropdown, soft-remove), InviteDialog (with an optional 'propagate to sub-workspaces' toggle — same / step-down role strategy) + PendingInvites, a RolesPanel (custom roles via permission matrix; system roles read-only), a TeamsPanel (named user groups), and an AccessMatrix (users × tenants grid with inline role assignment). All permission-gated. You pass `roles` + `currentPerms` + the permission catalog (resolved from rbac-roles) + callbacks; the slice imports no other slice's frontend. Convex ships um_members + um_invites + um_teams + um_team_members + um_tenant_links + member / invite / team / hierarchy endpoints + getAccessMatrix (gated via rbac-roles' requirePermission); roles CRUD reuses rbac-roles'. The hierarchy is a generic edge tree — rr never owns the tenant entities. P0–P4c: the complete user-management epic.",
       "source": "superspace",
       "slicePath": "frontend/slices/user-management",
@@ -4084,7 +2853,7 @@
       "title": "Icon Picker",
       "category": "ui",
       "kind": "ui",
-      "version": "0.4.1",
+      "version": "0.5.0",
       "description": "Emoji + lucide (outline) + phosphor (fill) icon picker with search, 10-color palette, Twemoji/native toggle, recents tracking, and smart positioning. Two-tab layout (Emoji | Icon) with sub-variant pills (Native | Twemoji / Lucide | Phosphor fill). One string stores emoji OR lucide:Name OR phosphor:Name OR with ?c=hex tint — backwards-compat with raw-emoji fields. Popover auto-flips on collision (caps to Radix `--radix-popover-content-available-height`) and falls back to centered Dialog when neither side fits. Two variants: Popover (compact trigger) and Inline (full sheet/dialog use). Lifted 2026-05-25 from open-silong.",
       "source": "open-silong",
       "slicePath": "frontend/slices/icon-picker",
@@ -4121,7 +2890,7 @@
       "title": "Activity — public productivity log",
       "category": "data",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.3.0",
       "description": "Public-facing weekly activity log. Lists user-facing activities grouped by ISO week with schema.org-friendly markup, designed to maximise SEO so the question 'what is <person> working on this week?' lands here. Convex-backed (schema + queries + unauthenticated mutations); MCP-friendly so AI workflows (Claude / GPT / custom agents) can append entries directly. All user-facing copy + per-category labels + date/time locale are prop-driven (English defaults). Lifted 2026-05-27 from rahmanef.com; 225-LOC view split into view + 2 sub-components + 4 lib helpers for the 200-LOC cap; Indonesian strings + custom primitives stripped; cross-slice auth import dropped (consumer wraps mutations).",
       "source": "rahmanef.com",
       "slicePath": "frontend/slices/activity",
@@ -4155,7 +2924,7 @@
       "title": "Rate Limit",
       "category": "infra",
       "kind": "backend",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "description": "Convex-backed per-key request counter. Atomic check-and-increment via `consume` mutation; expired rows pruned by `_pruneExpired` internalMutation wired to a 5-min cron. Replaces single-replica in-memory Map so multi-replica Next deployments share buckets. Limits live in an in-code POLICY map keyed by namespace prefix (admin-login:<ip>, mcp:<ip>) — never caller-supplied; optional RATE_LIMIT_SERVER_KEY env gates anonymous calls. Lifted 2026-05-16 from rahmanef.com; hardened 2026-06-07.",
       "source": "rahmanef.com",
       "slicePath": "frontend/slices/rate-limit",
@@ -4258,7 +3027,7 @@
       "title": "Create Your MCP",
       "category": "ai",
       "kind": "full",
-      "version": "0.1.1",
+      "version": "0.2.0",
       "description": "Turn any rr-based app into an MCP server that ChatGPT custom apps, Claude.ai connectors, Cursor MCP, and other AI clients authenticate to. OAuth 2.1 + PKCE flow with code → bearer exchange, env-configured vendor-host allowlist, single-use codes, 1-year bearer tokens, scope-tagged tools, opaque error collapsing, constant-time token compare. Static MCP_API_KEY fallback for service-account / CI scripts. Sanitized 2026-05-16 from rahmanef.com's production MCP integration — vendor literals (chatgpt.com / OpenAI paths) replaced with MCP_OAUTH_ALLOWED_HOSTS + MCP_OAUTH_ALLOWED_PATH_PREFIXES env vars so the slice ships portable.",
       "source": "rahmanef.com",
       "slicePath": "frontend/slices/create-your-mcp",
@@ -4404,7 +3173,7 @@
       "title": "Platform Admin — Multi-Tenant Control Plane",
       "category": "infra",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Multi-tenant SaaS control plane. Workspace lifecycle ops (list/delete/cascade), per-tenant tier presets (gates + quota), KPI dashboard grid. Consumer-domain bits injected via adapter props (tenantTablesAdapter / tierPresets / kpiSources). Contract-only scaffold; canonical implementation lands via /rr-send from superspace. See docs/contract-negotiations-2026-05-15.md §4.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/platform-admin",
@@ -4451,7 +3220,7 @@
       "title": "Audit Log — Workspace Events",
       "category": "infra",
       "kind": "backend",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "description": "Workspace-scoped audit event recorder. Canonical logAuditEvent helper for mutations + actions; supports entity tracking, before/after diff, IP/user-agent capture.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/audit-log",
@@ -4482,7 +3251,7 @@
       "title": "Comments — Threaded",
       "category": "content",
       "kind": "full",
-      "version": "0.2.1",
+      "version": "0.3.0",
       "description": "Polymorphic-target threaded comments. Consumer picks `TargetRef = { kind, id, subId? }` (e.g. page+block, blog+slug, task+id). Reply nesting is real: `parentId` end-to-end + `buildThread(flat) → CommentNode[]` tree (oldest-first, orphan-safe). Renderless <CommentsThread> + <CommentsAnchor> wrappers; useComments(bindings, opts) returns items + `tree` + openCount + CRUD + forbiddenWords guard. Adapter pattern — see contract-negotiations §1.",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/comments",
@@ -4518,7 +3287,7 @@
       "title": "SEO — AI Metadata Generator",
       "category": "content",
       "kind": "full",
-      "version": "0.2.1",
+      "version": "0.3.0",
       "description": "Service slice for SEO metadata generation — Anthropic-backed action with per-user 24h cost guard + portable persona prop. No public route. Backend exposes generate + generateAndApply mutations gated by requireAdmin; consumers inject brand voice via the personaContext arg (or buildSeoSystemPrompt factory).",
       "source": "rahmanef63/resource-site",
       "slicePath": "frontend/slices/seo",
@@ -4556,7 +3325,7 @@
       "title": "Markdown — page container with CRUD tabs + diagrams",
       "category": "content",
       "kind": "ui",
-      "version": "0.2.0",
+      "version": "0.3.1",
       "description": "Markdown (.md) page container with optional CRUD surfaces. <MarkdownPage content={md} tabs={['read','write','review']}/> — Read renders rich text (headings, lists, todo, GitHub-style callouts, fenced code, KaTeX, tables, images, <details> toggles, inline marks); Write is a raw-source editor with snippet toolbar + live preview; Review overlays block-anchored comments (add/resolve, controlled via onAddComment/onResolveComment or internal fallback). Fenced ```mermaid blocks render as SVG diagrams (dynamic-imported mermaid) and ```chart blocks as recharts bar/line/area/pie from a JSON spec. Self-contained: ships its own parser (parseMarkdown → MdNode[]) + inline renderer, no notion runtime dependency. Sync is by shared grammar: the notion cluster's blocksToMarkdown / markdownToBlocks bridge (@notion/shared/lib/markdown) emits/consumes the exact same markdown this slice parses, so anything readable in the notion block page is readable here and vice-versa. No store, no Convex — comments CRUD is consumer-wired callbacks.",
       "source": "rahman-resources",
       "slicePath": "frontend/slices/markdown",
@@ -4595,7 +3364,7 @@
       "title": "Notion — Block Editor",
       "category": "content",
       "kind": "full",
-      "version": "1.0.0",
+      "version": "1.1.1",
       "description": "Nested vertical slice (slice-of-slices) housing the full notion-page-clone block editor. Mount <PageEditor pageId/> inside <EditorAdapterProvider adapter/> — with `{}` it is a working plain-text/markdown block editor (slash menu, markdown triggers `# - > [] etc.`, dnd-kit drag with column layouts, per-block toolbar with turn-into/color/duplicate, per-block undo, paste-markdown import); host capabilities light up per optional adapter: data (block+page CRUD), selection (multi-select), comments (per-block popover), ai (Ask-AI panel), database (render + picker), mention (@-typeahead), page (nav/uploads/covers). Cluster-private shared layer under @notion/* — vendored block/page/database model, uid, inline markdown, page→md/html export. Pure convex block helpers (_blocks/_blockOps, unit-tested) ship in convex/features/notion. Same markdown grammar as the standalone `markdown` slice (blocksToMarkdown/markdownToBlocks bridge).",
       "source": "notion-page-clone",
       "slicePath": "frontend/slices/notion",
@@ -4639,17 +3408,22 @@
       "title": "Landing Sections",
       "category": "content",
       "kind": "ui",
-      "version": "0.2.0",
-      "description": "Canonical landing-page composition slice — replaces the former standalone hero / cta / pricing-page / faq-section / feature-grid / testimonials-grid / blog-section / portfolio-section / changelog-feed slices (all merged here as `kind` variants in v0.2.0). Ships a pure reducer + LandingProvider store adapter + admin LandingView/LandingEditorView built on the shared CRUD primitives, plus a per-section LandingSectionShell that handles background image + custom Tailwind className overlay. Sections carry { kind, order, title, subtitle, enabled, imageUrl, imageRatio, bgImageUrl, className, config (JSON) } with up/down reorder arrows. Consumers map each `kind` (hero, features, pricing, blog, changelog, testimonials, portfolio, services, stats, newsletter, faq, cta, custom) to their own renderer wrapped in <LandingSectionShell>. Used by all 7 rr website templates.",
-      "source": "rahman-resources",
+      "version": "0.4.0",
+      "description": "Canonical landing-page composition slice — replaces the former standalone hero / cta / pricing-page / faq-section / feature-grid / testimonials-grid / blog-section / portfolio-section / changelog-feed slices (all merged here as `kind` variants in v0.2.0). Ships a pure reducer (v0.4.0: LANDING_UPSERT auto-shifts sibling `order` to keep positions unique; LANDING_DELETE closes the gap) + LandingProvider store adapter + admin LandingView/LandingEditorView built on the shared CRUD primitives, plus a per-section LandingSectionShell (background image + custom Tailwind className overlay + scroll-reveal). NEW in v0.4.0: a `sections/` library of config-driven public renderers (StatsSection, TestimonialsSection, FaqSection, PricingSection, NewsletterSection, CustomSection) that read `LandingSection.config` JSON merged over template defaults — content stays dashboard-controlled without per-template renderer code; plus `parse-config` helpers (parseConfigBadge/parseConfigField) and `sections/config` guards (parseConfigObject, cfg*). Sections carry { kind, order, title, subtitle, enabled, imageUrl, imageRatio, bgImageUrl, className, config (JSON) } with up/down reorder arrows. Lifted from the _templates fleet `_shared/landing` (2026-06-11) — the 8 standalone templates ship a byte-similar copy; this rr slice is the SSOT. Used by all 7 rr website templates.",
+      "source": "rahman-resources (lifted from _templates fleet)",
       "slicePath": "frontend/slices/landing-sections",
       "convexPaths": [],
       "npm": [
-        "lucide-react@^0.400.0"
+        "lucide-react@^0.400.0",
+        "embla-carousel-autoplay@^8.6.0",
+        "next@^15"
       ],
       "shadcn": [
+        "accordion",
         "badge",
         "button",
+        "card",
+        "carousel",
         "dialog",
         "input",
         "label",
@@ -4666,16 +3440,92 @@
         "landing",
         "cms",
         "sections",
-        "crud"
+        "crud",
+        "renderer"
+      ],
+      "agentRecipe": "Run `npx rr add landing-sections`. Fold `landingReducer` into your root reducer (cases LANDING_UPSERT + LANDING_DELETE), seed State.landingSections with `defaultLandingSections()`, wrap your StoreProvider with `<LandingProvider value={adapter}/>` where adapter maps {items, publicBase, adminBase, create, update, remove} from your dispatch. Mount `<LandingView/>` at `/admin/landing` and `<LandingEditorView id={params.id}/>` at `/admin/landing/[id]`. In HomePage iterate `state.landingSections.filter(s => s.enabled).sort((a,b) => a.order - b.order)` and render each inside `<LandingSectionShell section={s}>`; for stats/testimonials/pricing/faq/newsletter/custom kinds drop in the shipped `<StatsSection/>` etc. (they read `section.config` JSON over your template defaults), or map the remaining kinds (hero/features/blog/etc.) to your own renderer. Use `parseConfigBadge(section.config)` for a section badge. Requires the template-base shared surface that ships in every rr website template: `@/components/templates/_shared/motion` (Reveal/Stagger/CountUp/Marquee/useInView — the motion-kit primitives), `@/components/templates/_shared/ui/section-head`, and `@/components/templates/_shared/crud/*`. Sections also use shadcn accordion/card/carousel + embla-carousel-autoplay."
+    },
+    {
+      "slug": "motion-kit",
+      "title": "Motion Kit — scroll reveals, carousel, accordion, micro-interactions",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Zero-dependency scroll-motion layer (IntersectionObserver + CSS) plus an embla carousel and a radix accordion, packaged so any page gets tasteful entrance animations without pulling in a motion library. Ships Reveal (fade-up/fade/fade-left/fade-right/zoom), Stagger (incremental per-child reveal for grids/lists), CountUp (rAF count-to-value with locale formatting; integers), Marquee (infinite logo/brand strip with hover-pause + edge fade), and the useInView hook behind them; plus Carousel (embla, optional Autoplay plugin) and Accordion (radix). All reveal + keyframe motion is gated behind prefers-reduced-motion. Consumers append globals-motion.css to their app/globals.css for the [data-reveal] transitions + accordion/marquee/blob keyframes. Lifted 2026-06-10 from the _templates fleet `_shared/motion` copy — the 8 standalone website templates already ship a byte-identical copy; this rr slice is the SSOT so future scaffolds get it via `npx rr add motion-kit`. Pairs with landing-sections (its renderers consume these primitives).",
+      "source": "rahman-resources (lifted from _templates fleet)",
+      "slicePath": "frontend/slices/motion-kit",
+      "convexPaths": [],
+      "npm": [
+        "embla-carousel-react@^8.6.0",
+        "embla-carousel-autoplay@^8.6.0",
+        "radix-ui@^1.4.3",
+        "lucide-react@^0.400.0"
+      ],
+      "shadcn": [
+        "button"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "motion",
+        "animation",
+        "scroll",
+        "reveal",
+        "carousel",
+        "accordion",
+        "marquee",
+        "countup",
+        "embla"
+      ],
+      "agentRecipe": "Run `npx rr add motion-kit`. Append the contents of `globals-motion.css` to your `app/globals.css` (after `@import \"tailwindcss\";`) — without it `data-reveal` elements stay static and the accordion snaps. Then import from `@/features/motion-kit`: `<Reveal variant=\"fade-up\">`, `<Stagger itemClassName=\"h-full\">{cards}</Stagger>` for grids, `<CountUp value={4800} />` (integers), `<Marquee speed={32}>{logos}</Marquee>`. Carousel: pair with `Autoplay` from embla-carousel-autoplay. Any component consuming a passed render/icon fn AND these hooks must be `\"use client\"`. Hover-lift convention: `transition-[translate,box-shadow] duration-300 hover:-translate-y-1 hover:shadow-lg`."
+    },
+    {
+      "slug": "storefront-checkout",
+      "title": "Storefront Checkout — guest cart + checkout composition",
+      "category": "content",
+      "kind": "ui",
+      "version": "0.2.0",
+      "description": "Guest-friendly shopping cart for catalog storefronts. CartProvider holds items in React context with localStorage persistence (anonymous buyers keep their cart across reloads, zero backend). CartWidget is a header trigger with live count badge opening a slide-over Sheet: per-item qty steppers, remove, subtotal, checkout CTA to a host route. CheckoutSummary renders the order panel on the checkout page. Props-driven R3 — no convex/react anywhere; the host resolves a NUMERIC price per catalog item before add() and MUST re-price every line server-side when placing the order (client subtotal is display-only, never the charge). Proven end-to-end on wirausaha-os: catalog → cart → server-priced placeOrder action → DOKU Direct instructions → webhook flips paid (reactive). Pairs with doku-payment ≥0.2 (guest checkout: optional userId + buyer contact, key-guarded actions, guest-readable status query) or midtrans-payment.",
+      "source": "wirausaha-os guest-checkout build-out 2026-06-10",
+      "slicePath": "frontend/slices/storefront-checkout",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [
+        "badge",
+        "button",
+        "card",
+        "separator",
+        "sheet"
+      ],
+      "env": [],
+      "peers": [
+        {
+          "slug": "doku-payment",
+          "range": "^0.2",
+          "reason": "Optional payment step — checkout page composes DokuDirectForm + DokuPaymentInstructions (or swap midtrans-payment)."
+        }
+      ],
+      "providers": [],
+      "tags": [
+        "ecommerce",
+        "cart",
+        "checkout",
+        "guest",
+        "storefront",
+        "payment",
+        "localStorage",
+        "sheet"
       ],
-      "agentRecipe": "Run `npx rr add landing-sections`. Fold `landingReducer` into your root reducer (cases LANDING_UPSERT + LANDING_DELETE), seed State.landingSections with `defaultLandingSections()`, wrap your StoreProvider with `<LandingProvider value={adapter}/>` where adapter maps {items, publicBase, adminBase, create, update, remove} from your dispatch. Mount `<LandingView/>` at `/admin/landing` and `<LandingEditorView id={params.id}/>` at `/admin/landing/[id]`. In HomePage iterate `state.landingSections.filter(s => s.enabled).sort((a,b) => a.order - b.order)` and render each through `<LandingSectionShell section={s}>` wrapping your own per-`kind` renderer."
+      "agentRecipe": "Run `npx rr add storefront-checkout`. Wrap your public layout once with `<CartProvider storageKey=\"my-shop-cart\">` and mount `<CartWidget checkoutHref=\"/checkout\" />` in the header extras. On product surfaces call `useCart().add({ slug, name, price, priceLabel, emoji })` with a host-resolved NUMERIC price. Build a /checkout route composing `<CheckoutSummary />` + a payment form (doku-payment's DokuDirectForm): its onSubmit calls YOUR Convex place-order action which re-prices each {slug, qty} from your catalog table server-side, generates an unguessable orderId, calls api.features.payment.actions.doku.createDirectPayment, records your domain order row, and returns { ok, orderId, instructions, expiresAt } ({ ok:false, notice } when DOKU creds are unset — surface it in the form and offer a contact fallback). After success render DokuPaymentInstructions + reactive status via api.features.payment.query.getOrderByOrderId. Reference: template-wirausaha-os convex/checkout.ts + slices/checkout/CheckoutPage.tsx."
     },
     {
       "slug": "theme-presets",
       "title": "Theme Presets — unified switcher with bundled tweakcn registry",
       "category": "ui",
       "kind": "ui",
-      "version": "0.3.0",
+      "version": "0.4.0",
       "description": "Single unified theme controller for next-themes apps. ThemePresetSwitcher ships a Palette-icon Popover trigger with three stacked sections: (1) sticky light/dark/system mode tabs, (2) sticky preset-count row with a Default reset button, (3) scrollable color-preset list grouped by mood (Profesional / Bold / Hangat / Artistik / Gelap + Lainnya). Hover-to-preview + click-to-commit + restore-on-close semantics. ThemePresetProvider context wraps state so deeply-nested consumers read via useThemePreset() instead of mounting the switcher directly. ThemeColorSync wrapper enables live tweakcn-CSS-variable preview on routes that need it. Tweakcn registry (~30 curated presets after HIDDEN_PRESETS filter drops Doom 64 / Cyberpunk / Neo Brutalism / Bubblegum / Candyland / Pastel Dreams) ships inside the slice as registry-data.json and loads lazily via dynamic import — code-splits into its own chunk, zero consumer public/ setup, no network roundtrip to a hosted URL. localStorage key `host:theme-preset` (rename via slice fork). CK-1F (2026-05-23) — collapsed prior TweakcnSwitcher + ThemePicker + phantom `theme-preset-switcher` catalog entry into this single component.",
       "source": "CareerPack + notion-page-clone",
       "slicePath": "frontend/slices/theme-presets",
@@ -4708,7 +3558,7 @@
       "title": "Onboarding Wizard — first-run site setup",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Post-claim onboarding wizard for clone-to-own templates, graduated from the headless template surface (2026-06-06). Multi-step card flow (Identitas / Branding / Konten / Selesai) that stores ALL site config in the host backend via a props-driven save callback — a non-coder configures their site with zero code. Branding step ships a readable shadcn Select theme-preset picker (color swatches per preset + grouped headers + live preview callback — replaces the white-on-white native select), brand color quick-chips, light/dark/system default mode, logo/favicon upload via injected ImageField, and optional Analytics ID. Identity step hints invalid email format. 'Lewati setup' marks onboarded without fields and reverts any browsed-but-unsaved preset. Props-driven (R3): no convex/react import — host wires settings.upsert / seed.seedSample / setup.status into props; pairs naturally with the theme-presets slice (registry + tweakcnSwatches + previewTweakcnPreset) but works with any theme system or none.",
       "source": "personal-brand-os",
       "slicePath": "frontend/slices/onboarding-wizard",
@@ -4743,7 +3593,7 @@
       "title": "Files — pluggable upload + URL resolver with storage-adapter contract",
       "category": "data",
       "kind": "ui",
-      "version": "0.2.1",
+      "version": "0.3.0",
       "description": "Host-pluggable file upload + URL resolution. Ships <FileUploadButton>, <FileChip>, useFileUpload(), useFileUrl() — all reading from a FilesAdapter the host wires via <FilesAdapterProvider>. Bundled localStorage demo adapter stores blobs as data URLs (small files only). Drop in your own adapter for Convex / S3 / GCS / R2. The slice itself has zero backend coupling, proving the storage-adapter pattern for the rest of the open-silong blocked-pending-adapter wave (cover, workspace-io, templates, …).",
       "source": "notion-page-clone",
       "slicePath": "frontend/slices/files",
@@ -4799,7 +3649,7 @@
       "title": "Notion Database",
       "category": "ui",
       "kind": "ui",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "description": "Drop-in Notion-style database surface. 11 views (table, board, list, gallery, calendar, feed, chart, dashboard, form, map, timeline), 18 property/cell types, and a per-type column-header config menu (number format, date ranges, select, relation, rollup, formula) plus filter / sort / group / calculate, row peek, row multi-select, table cell selection + drag-to-fill (click a cell, drag the handle to copy down — merged from the former database-cell-selection slice in v0.16), and CSV + JSON import-export. Pure and props-driven — the host owns the data and dispatches change callbacks. Domain types live in notion-shell (install it as the peer). Full release history in CHANGELOG.md.",
       "source": "open-silong",
       "slicePath": "frontend/slices/notion-database",
@@ -4878,7 +3728,7 @@
       "title": "Image Picker — one-button image/wallpaper chooser (gallery · upload · link · Unsplash · reposition)",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.3.0",
       "description": "Generic image/wallpaper picker — not coupled to Notion. The headline API is ONE button (ImagePickerButton) that opens a dialog with 4 tabs: Gallery (12 colours + 8 gradients + Notion textures), Upload (drag/click, ≤8MB), Link (paste any https image URL), Unsplash (bundled curated landscapes + live search). On pick, onChange fires with an ImageValue ({ type, value, positionY?, metadata? }). ImageBanner is the optional reposition-able band — render an ImageValue as a full-width cover / profile header / card hero with hover controls: Change (opens the dialog), Reposition (drag the vertical focal point), Remove. The slice imports NO other slice and NO backend — the upload backend and Unsplash search are INJECTED as props (onUpload + searchUnsplash), so it drops into any app: wire onUpload to the `files` slice and searchUnsplash to a server route via unsplashSearchVia('/api/unsplash') that holds UNSPLASH_ACCESS_KEY server-side (never NEXT_PUBLIC). Ships a curated Unsplash fallback + gallery so it works with zero config. parseImage normalizes legacy raw-string values; imageStyle builds the focal-point CSS. Wired into the notion-page-clone template as the page cover via NotionPage's coverSlot.",
       "source": "notion-page-clone",
       "slicePath": "frontend/slices/image-picker",
@@ -4963,7 +3813,7 @@
       "title": "Notion Shell — page + block editor primitives (pure, no sidebar/database)",
       "category": "ui",
       "kind": "ui",
-      "version": "0.23.0",
+      "version": "0.24.0",
       "description": "Portable Notion-style PAGE EDITOR primitives. v0.22 split the tree-nav SIDEBAR out into the standalone `notion-sidebar` slice (so the page editor and the sidebar are independently reusable); embedded DATABASES already live in the `notion-database` peer. notion-shell ships: NotionPage (optional cover image band + header + body), NotionHeader, NotionBlock (live inline-markdown decorator, hover actions menu, optional dragHandle slot, BUILT-IN code (highlight.js) + equation (KaTeX) blocks), SlashMenu (searchable block-type picker w/ keyboard nav), BlockActionsMenu (turn-into / duplicate / delete), InsertBlockButton (`+` trigger w/ SlashMenu), SortableBlockList (@dnd-kit render-prop wrapper for block reorder), PageActionsMenu (header dropdown: cover/favorite/duplicate/export/trash), InlineFormatToolbar + BlockColorPicker (colour) + MentionTypeahead + PageLayoutSection (layout). SPECIALISED BLOCK RENDERERS: ImageRenderer, EmbedRenderer (YouTube/Vimeo/Loom/Figma/CodePen/Spotify auto-detect). Domain types (Database, Property, PropertyValue, DbView, DatabaseViewConfig, DatabaseFilter, DatabaseSort) remain in notion-shell as the single source of truth (Page.rowOfDatabaseId + rowProps reference them). Pure / props-driven — host owns data + change handlers. Compose notion-sidebar + notion-shell + notion-database for the full Notion-clone OS.",
       "source": "notion-page-clone",
       "slicePath": "frontend/slices/notion-shell",
@@ -5053,7 +3903,7 @@
       "title": "Library — resource hub (prompts · visuals · snippets · links)",
       "category": "data",
       "kind": "full",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Grab-bag resource hub. One polymorphic `libraryItems` table holds six kinds — prompt, image, video, link, download, snippet — with per-kind payload fields switched on `kind` (no joins). Attribution-first: every item carries optional source/license/tools so re-shares stay correct. Collections group items. Convex-backed (schema + queries + unauthenticated mutations); SEO override fields reused from the `seo` peer slice so the surface matches blog/projects rows. Public view = filterable card grid + per-item detail with copy-to-clipboard for prompts/snippets and an opt-in upvote control. Lifted 2026-05-28 from rahmanef.com; 432-LOC mutations + 330-LOC detail split for the 200-LOC cap; Indonesian copy + custom primitives stripped (prop-driven English defaults); cross-slice auth + comments-votes coupling dropped (consumer wraps mutations + supplies the upvote handler).",
       "source": "rahmanef.com",
       "slicePath": "frontend/slices/library",
@@ -5093,7 +3943,7 @@
       "title": "Data Table — TanStack + shadcn",
       "category": "data",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Generic DataTable<TData> on TanStack Table v8 + shadcn Table. Sorting (3-state column headers), toolbar search bound to any column, pagination, checkbox row selection with count footer, column-visibility dropdown. density compact|comfortable + selectable on|off variant axes. Pure UI — consumer supplies columns + data.",
       "source": "rr original (shadcn data-table pattern)",
       "slicePath": "frontend/slices/data-table",
@@ -5125,12 +3975,51 @@
       ],
       "agentRecipe": "Run `npx rr add data-table`. Build ColumnDef<TData>[] (use sortable headers via DataTableColumnHeader), pass data + columns to <DataTable>. searchKey binds the toolbar input to one column; selectable prepends the checkbox column; density tightens row padding."
     },
+    {
+      "slug": "pages-cms",
+      "title": "Pages CMS — block-composed multi-page editor",
+      "category": "content",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "A small multi-page CMS. PagesView (list + CRUD: create/edit/duplicate/delete/publish) + PageEditorView (metadata form + block editor) + a read-only public BlockRenderer. Pages are composed of 11 block kinds: hero, text, feature-list, cta, logo-cloud, testimonial, video, image-gallery, faq, stats, pricing-table. Ships a localStorage adapter (LocalPagesProvider) + a generic Home/About/Pricing seed so it runs env-free — or wire the bundled pagesReducer + PagesProvider to your own backend (optional Convex copy-source included). Pure UI; no Convex required.",
+      "source": "rr original (generalized from saas-marketing pages engine)",
+      "slicePath": "frontend/slices/pages-cms",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react"
+      ],
+      "shadcn": [
+        "badge",
+        "button",
+        "table",
+        "input",
+        "textarea",
+        "label",
+        "select",
+        "switch",
+        "card",
+        "dialog"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "content",
+        "cms",
+        "pages",
+        "blocks",
+        "editor",
+        "builder",
+        "basics"
+      ],
+      "agentRecipe": "Run `npx rr add pages-cms`. Wrap your admin surface in <LocalPagesProvider seed={defaultPages()}> (localStorage, zero backend) or supply your own PagesStore via <PagesProvider>. Render <PagesView publicBase adminBase> for the list and <PageEditorView id publicBase adminBase> for the editor route. Public catch-all looks up the page by slug and renders <BlocksRenderer blocks={page.blocks} />. Add block kinds by extending the PageBlock union + emptyBlock + the renderer/editor switches."
+    },
     {
       "slug": "empty-states",
       "title": "Empty States — 404/500/403 + zero-data",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Configurable EmptyState composing the shadcn Empty primitive: kind presets 404 / 500 / 403 / no-results / empty-list / first-use with default lucide icon + copy, all overridable. Primary/secondary actions. ErrorPage full-page wrapper is a drop-in for app/not-found.tsx and app/error.tsx (recipes in README).",
       "source": "rr original",
       "slicePath": "frontend/slices/empty-states",
@@ -5160,7 +4049,7 @@
       "title": "Loading States — skeletons + spinners SSOT",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "Configurable LoadingSkeleton composing the shadcn Skeleton primitive: kind presets text / card / list / table / form / page / block with overridable count + columns. Spinner-based LoadingState (inline / block / overlay) covers in-flight work where a skeleton would be wrong. The page kind drops straight into a route loading.tsx (recipe in README).",
       "source": "rr original",
       "slicePath": "frontend/slices/loading-states",
@@ -5189,7 +4078,7 @@
       "title": "Marketing Chrome — Header + Footer",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "MarketingHeader (split | centered | minimal layouts, sticky option, mobile sheet menu) + MarketingFooter (columns | slim layouts, link columns, social icons, legal bar). Brand / nav / CTA / columns all props — no hardcoded content. Lucide stand-ins for brand glyphs; swap a brand icon set post-copy (README).",
       "source": "rr original (extracted from template duplication)",
       "slicePath": "frontend/slices/marketing-chrome",
@@ -5219,7 +4108,7 @@
       "title": "Settings Page — adapter-driven shell",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "SettingsShell two-column settings surface: section nav (mobile collapses to a Select) + Profile (avatar/name/email/bio), Preferences (theme/language/density), Notifications (switch rows), Danger zone (AlertDialog-confirmed delete). SettingsAdapter = load() + save(patch) — wire to Convex or anything; createMemoryAdapter ships for demos. Optimistic save with rollback.",
       "source": "rr original",
       "slicePath": "frontend/slices/settings-page",
@@ -5257,7 +4146,7 @@
       "title": "Notifications Center — bell + inbox",
       "category": "ui",
       "kind": "ui",
-      "version": "0.1.0",
+      "version": "0.2.0",
       "description": "NotificationBell (ghost icon button, unread badge, popover or sheet surface) + NotificationList (All/Unread tabs, mark-all-read, clear, ScrollArea rows with kind icon, relative time, hover actions). NotificationsAdapter contract (list/markRead/markAllRead/dismiss/clear) with a useSyncExternalStore-friendly memory adapter included — swap in Convex for production (sketch in README).",
       "source": "rr original (appshell toast-log pattern, standalone)",
       "slicePath": "frontend/slices/notifications-center",
@@ -5285,6 +4174,99 @@
         "basics"
       ],
       "agentRecipe": "Run `npx rr add notifications-center`. Mount <NotificationBell adapter> in your topbar. Implement NotificationsAdapter over your feed (Convex query + mutations) or start with createMemoryNotificationsAdapter(seed). surface=\"sheet\" for mobile-heavy apps."
+    },
+    {
+      "slug": "media-studio",
+      "title": "Media Studio — photo / social design canvas",
+      "category": "os",
+      "kind": "ui",
+      "version": "1.0.0",
+      "description": "A layered canvas studio: image/text/shape layers with filters, masks, transforms, safe-area guides and aspect presets (1:1/4:5/9:16/16:9), plus an export modal (download / copy / import JSON). Runs fully offline on bundled gradient-SVG samples. Host wiring is one call: configureMediaStudio({ saveDoc, imageSources }) lights up Save-to-host and feeds real image sources. Self-contained: inspector hooks are inert seams in lib/host.ts.",
+      "source": "rahmanef63/os-vps",
+      "slicePath": "frontend/slices/media-studio",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react"
+      ],
+      "shadcn": [
+        "button",
+        "dialog",
+        "badge",
+        "tooltip",
+        "scroll-area"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "canvas",
+        "editor",
+        "layers",
+        "filters",
+        "export",
+        "design",
+        "ui"
+      ],
+      "agentRecipe": "Stack: Next 16 + React 19 + Tailwind 4 + shadcn/ui. Layered canvas editor. Fully client-side; no backend required.\n\nSTEP 1 — Install. `npx rr add media-studio`. Ensure `@/features/media-studio` resolves and Tailwind scans the slice folder.\n\nSTEP 2 — Deps. npm: `lucide-react`. shadcn: button, dialog, badge, tooltip, scroll-area.\n\nSTEP 3 — Mount. `<MediaStudio />` in a height-bearing box — unwired it edits bundled sample layers. Or register `mediaStudioApp` in an appshell manifest.\n\nSTEP 4 — Host wiring. `configureMediaStudio({ saveDoc, imageSources })` — saveDoc persists the serialized document (enables Save-to-host in the export modal); imageSources supplies image URLs for new layers."
+    },
+    {
+      "slug": "quicklinks",
+      "title": "Quicklinks — website shortcuts with favicons",
+      "category": "os",
+      "kind": "ui",
+      "version": "1.0.0",
+      "description": "A website-shortcut grid: add/remove links with auto favicons (Google s2) and new-tab open. State lives behind an injectable QuicklinksStore — createLocalStore persists to localStorage (SSR-safe hydrate), createMemoryStore suits previews/tests, configureQuicklinks swaps in a host store. Pairs with appshell: the useQuickLinks capability + QuicklinkIcon surface the same links in the dock/Launchpad/mobile grid.",
+      "source": "rahmanef63/os-vps",
+      "slicePath": "frontend/slices/quicklinks",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react"
+      ],
+      "shadcn": [
+        "button"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "shortcuts",
+        "bookmarks",
+        "favicons",
+        "launcher",
+        "ui"
+      ],
+      "agentRecipe": "Stack: Next 16 + React 19 + Tailwind 4 + shadcn/ui. Website shortcut grid. Fully client-side; no backend required.\n\nSTEP 1 — Install. `npx rr add quicklinks`. Ensure `@/features/quicklinks` resolves and Tailwind scans the slice folder.\n\nSTEP 2 — Deps. npm: `lucide-react`. shadcn: button.\n\nSTEP 3 — Mount. `<Quicklinks />` — unwired it persists to localStorage (\"rr:quicklinks\") with 4 demo seeds. Or register `quicklinksApp` in an appshell manifest.\n\nSTEP 4 — Host store. `configureQuicklinks(store)` with { get, subscribe, add, remove, hydrate? } — or feed appshell's useQuickLinks capability from the same store so dock shortcuts stay in sync."
+    },
+    {
+      "slug": "shell-settings",
+      "title": "Shell Settings — settings-app UI primitives",
+      "category": "ui",
+      "kind": "ui",
+      "version": "1.0.0",
+      "description": "The settings-app building blocks: SettingsSection, Row, AccentSwatches, a slice-local Segmented control, and a ready AppearancePanel (style/mode/accent/wallpaper/device/transparency groups — every group optional). Pure presentation: the injected AppearanceAdapter IS the contract, so it binds to any appearance store (appshell capabilities, zustand, plain useState) with zero slice edits.",
+      "source": "rahmanef63/os-vps",
+      "slicePath": "frontend/slices/shell-settings",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react"
+      ],
+      "shadcn": [
+        "button",
+        "switch",
+        "toggle-group",
+        "separator"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "settings",
+        "preferences",
+        "appearance",
+        "primitives",
+        "ui"
+      ],
+      "agentRecipe": "Stack: Next 16 + React 19 + Tailwind 4 + shadcn/ui. Settings UI primitives. Pure presentation; state injected.\n\nSTEP 1 — Install. `npx rr add shell-settings`. Ensure `@/features/shell-settings` resolves and Tailwind scans the slice folder.\n\nSTEP 2 — Deps. npm: `lucide-react`. shadcn: button, switch, toggle-group, separator.\n\nSTEP 3 — Mount. `<AppearancePanel adapter={adapter} />` with an AppearanceAdapter (all groups optional — omit a group to hide it), or compose SettingsSection/Row/AccentSwatches/Segmented directly for custom panels.\n\nSTEP 4 — Bind. Wire the adapter to your appearance store (theme mode, accent, wallpaper, device, transparency) — the panel re-renders from the values you pass; no internal state."
     }
   ]
 }