rahman-resources 1.6.0 → 1.8.0

package/lib/manifest.json

@@ -1,6 +1,6 @@
 {
   "version": 2,
-  "generatedAt": "2026-05-17T13:25:57.345Z",
+  "generatedAt": "2026-05-23T06:29:18.092Z",
   "repo": "rahmanef63/resource-site",
   "branch": "main",
   "layouts": [
@@ -31,24 +31,24 @@
         "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/admin/layout.tsx",
-        "app/preview/personal-brand-os/admin/page.tsx",
-        "app/preview/personal-brand-os/admin/posts/page.tsx",
-        "app/preview/personal-brand-os/admin/posts/new/page.tsx",
-        "app/preview/personal-brand-os/admin/posts/[id]/page.tsx",
-        "app/preview/personal-brand-os/admin/portfolio/page.tsx",
-        "app/preview/personal-brand-os/admin/portfolio/new/page.tsx",
-        "app/preview/personal-brand-os/admin/portfolio/[id]/page.tsx",
-        "app/preview/personal-brand-os/admin/services/page.tsx",
-        "app/preview/personal-brand-os/admin/resources/page.tsx",
-        "app/preview/personal-brand-os/admin/leads/page.tsx",
-        "app/preview/personal-brand-os/admin/comments/page.tsx",
-        "app/preview/personal-brand-os/admin/chatbot/page.tsx",
-        "app/preview/personal-brand-os/admin/newsletter/page.tsx",
-        "app/preview/personal-brand-os/admin/analytics/page.tsx",
-        "app/preview/personal-brand-os/admin/settings/site/page.tsx",
-        "app/preview/personal-brand-os/admin/settings/team/page.tsx",
-        "app/preview/personal-brand-os/admin/settings/ai/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",
@@ -77,7 +77,7 @@
         "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/admin/admin-shell-client.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",
@@ -170,15 +170,15 @@
         "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/admin/layout.tsx",
-        "app/preview/agency-studio-os/admin/page.tsx",
-        "app/preview/agency-studio-os/admin/projects/page.tsx",
-        "app/preview/agency-studio-os/admin/projects/new/page.tsx",
-        "app/preview/agency-studio-os/admin/projects/[id]/page.tsx",
-        "app/preview/agency-studio-os/admin/clients/page.tsx",
-        "app/preview/agency-studio-os/admin/services/page.tsx",
-        "app/preview/agency-studio-os/admin/leads/page.tsx",
-        "app/preview/agency-studio-os/admin/settings/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",
@@ -190,7 +190,7 @@
         "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/admin/admin-shell-client.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",
@@ -416,12 +416,90 @@
       ],
       "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. Built from rr's notion-shell wrappers (NotionSidebar / NotionPage / NotionBlock / NotionDatabase) + notion-blocks primitives (equation / code / notify / drag-fill grid) + 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 + notion-blocks bundle; 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-blocks",
+        "frontend/slices/notion-shell",
+        "frontend/slices/icon-picker",
+        "frontend/slices/equation",
+        "frontend/slices/code-block",
+        "frontend/slices/notifications",
+        "frontend/slices/database-cell-selection"
+      ],
+      "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/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) + notion-blocks (4 editor primitives) + 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": "Public-only marketing site for a SaaS product — landing, pricing, features, blog, changelog, about, contact. MDX-driven blog + changelog. No admin (CMS via MDX files in repo).",
+      "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 + mdx-blog feature",
       "repoPath": "app/preview/saas-marketing-os",
       "pullPaths": [
@@ -451,7 +529,29 @@
         "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"
+        "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",
@@ -482,7 +582,8 @@
         "marketing",
         "mdx",
         "blog",
-        "changelog"
+        "changelog",
+        "admin"
       ],
       "primaryFile": "app/preview/saas-marketing-os/public/page.tsx"
     },
@@ -506,18 +607,18 @@
         "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/admin/layout.tsx",
-        "app/preview/kreator-studio-os/admin/page.tsx",
-        "app/preview/kreator-studio-os/admin/admin-shell-client.tsx",
-        "app/preview/kreator-studio-os/admin/planner/page.tsx",
-        "app/preview/kreator-studio-os/admin/voice/page.tsx",
-        "app/preview/kreator-studio-os/admin/scripts/page.tsx",
-        "app/preview/kreator-studio-os/admin/carousels/page.tsx",
-        "app/preview/kreator-studio-os/admin/assets/page.tsx",
-        "app/preview/kreator-studio-os/admin/performance/page.tsx",
-        "app/preview/kreator-studio-os/admin/newsletter/page.tsx",
-        "app/preview/kreator-studio-os/admin/comments/page.tsx",
-        "app/preview/kreator-studio-os/admin/settings/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",
@@ -588,16 +689,16 @@
         "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/admin/layout.tsx",
-        "app/preview/konsultan-os/admin/page.tsx",
-        "app/preview/konsultan-os/admin/admin-shell-client.tsx",
-        "app/preview/konsultan-os/admin/clients/page.tsx",
-        "app/preview/konsultan-os/admin/proposals/page.tsx",
-        "app/preview/konsultan-os/admin/contracts/page.tsx",
-        "app/preview/konsultan-os/admin/projects/page.tsx",
-        "app/preview/konsultan-os/admin/billing/page.tsx",
-        "app/preview/konsultan-os/admin/documents/page.tsx",
-        "app/preview/konsultan-os/admin/settings/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",
@@ -667,16 +768,16 @@
         "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/admin/layout.tsx",
-        "app/preview/wirausaha-os/admin/page.tsx",
-        "app/preview/wirausaha-os/admin/admin-shell-client.tsx",
-        "app/preview/wirausaha-os/admin/businesses/page.tsx",
-        "app/preview/wirausaha-os/admin/inventory/page.tsx",
-        "app/preview/wirausaha-os/admin/orders/page.tsx",
-        "app/preview/wirausaha-os/admin/customers/page.tsx",
-        "app/preview/wirausaha-os/admin/finance/page.tsx",
-        "app/preview/wirausaha-os/admin/staff/page.tsx",
-        "app/preview/wirausaha-os/admin/settings/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",
@@ -747,15 +848,15 @@
         "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/admin/layout.tsx",
-        "app/preview/riset-kit/admin/page.tsx",
-        "app/preview/riset-kit/admin/admin-shell-client.tsx",
-        "app/preview/riset-kit/admin/documents/page.tsx",
-        "app/preview/riset-kit/admin/notes/page.tsx",
-        "app/preview/riset-kit/admin/citations/page.tsx",
-        "app/preview/riset-kit/admin/ai-reader/page.tsx",
-        "app/preview/riset-kit/admin/lit-review/page.tsx",
-        "app/preview/riset-kit/admin/settings/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",
@@ -1559,7 +1660,8 @@
         "cmd-k",
         "navigation",
         "keyboard",
-        "search"
+        "search",
+        "notion-like"
       ]
     },
     {
@@ -1623,6 +1725,28 @@
         "responsive"
       ]
     },
+    {
+      "slug": "three-column",
+      "title": "Three-Column Layout — Sidebar/Content/Inspector",
+      "category": "ui",
+      "description": "ThreeColumnLayoutAdvanced — collapsible left/right + resizable widths + responsive breakpoints + PanelSection compound (Header/Items/Footer) + per-panel footer slots. Models shadcn sidebar API for the panel interior. Pair with PanelGroup/PanelMenu/PanelSeparator primitives. Trigger ≠ header (V-wave separation rule).",
+      "source": "superspace",
+      "docsUrl": "",
+      "install": "",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add three-column`. <ThreeColumnLayoutAdvanced preset=\"feature\" storageKey persistState left={…PanelSection…} center={…PanelSection unstyled…} right={…PanelSection…} leftFooter centerFooter rightFooter />. Center column SHOULD pass `unstyled` to drop sidebar tokens — body is content surface. `storageKey` MUST differ per slice or persisted widths collide.",
+      "tags": [
+        "ui",
+        "layout",
+        "three-column",
+        "sidebar",
+        "inspector",
+        "panel-section",
+        "responsive",
+        "resizable"
+      ]
+    },
     {
       "slug": "broadcast-channel-sync",
       "title": "BroadcastChannel — Cross-tab Sync",
@@ -1697,23 +1821,6 @@
         "p0"
       ]
     },
-    {
-      "slug": "theme-preset-switcher",
-      "title": "Theme Preset Switcher",
-      "category": "ui",
-      "description": "Runtime theme swap (colors + fonts + shadows + tracking). OKLch CSS vars per preset. Persists to localStorage + Convex. Add a new preset by appending a CSS block in app/globals.css with [data-theme=\"<name>\"], then register in preset-groups.ts.",
-      "source": "rahmanef.com",
-      "install": "npx rahman-resources add theme-preset-switcher",
-      "npmPackages": [],
-      "exampleCode": "",
-      "agentRecipe": "Run `npx rr add theme-preset-switcher`. Import ThemePresetSwitcher from @/frontend/shared/ui/components/theme-preset-switcher and mount in the topbar. Presets live in theme-presets.ts; preset-groups.ts groups them for the picker UI.",
-      "tags": [
-        "theme",
-        "presets",
-        "oklch",
-        "design-system"
-      ]
-    },
     {
       "slug": "icon-picker",
       "title": "Icon Picker",
@@ -1730,7 +1837,8 @@
         "lucide",
         "picker",
         "twemoji",
-        "notion"
+        "notion",
+        "notion-like"
       ]
     },
     {
@@ -1911,7 +2019,7 @@
       "install": "npx rahman-resources add admin",
       "npmPackages": [],
       "exampleCode": "",
-      "agentRecipe": "Run `rr add admin`. Wire <AdminPage labels={...} /> at /admin and call buildAdminStats({ sliceRegistry, queryTable }) inside convex/features/admin/queries.ts — sliceRegistry.entries flat-maps each feature's admin.activity[] declarations. Set SUPER_ADMIN_EMAIL via `npx convex env set` to lock down /admin to one address.",
+      "agentRecipe": "Run `rr add admin`. Wire <AdminPage labels={...} /> at /admin and call buildAdminStats({ sliceRegistry, queryTable }) inside convex/features/admin/query.ts — sliceRegistry.entries flat-maps each feature's admin.activity[] declarations. Set SUPER_ADMIN_EMAIL via `npx convex env set` to lock down /admin to one address.",
       "tags": [
         "infra",
         "admin",
@@ -2008,1558 +2116,2651 @@
         "job-search",
         "indonesia"
       ]
-    }
-  ],
-  "slices": [
-    {
-      "slug": "convex-auth",
-      "title": "Convex Auth — Multi-Provider Sign-in",
-      "category": "auth",
-      "kind": "backend",
-      "version": "0.2.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 with i18n, prop-driven provider list, and split Login/Register tabs. No Clerk.",
-      "source": "rahmanef63/resource-site",
-      "slicePath": "frontend/slices/convex-auth",
-      "convexPaths": [
-        "convex/features/auth"
-      ],
-      "npm": [
-        "@convex-dev/auth@^0.0.92",
-        "@auth/core@^0.37.4",
-        "resend@^4.0.0"
-      ],
-      "shadcn": [
-        "button",
-        "card",
-        "input",
-        "label",
-        "tabs",
-        "alert"
-      ],
-      "env": [
-        {
-          "name": "AUTH_RESEND_KEY",
-          "scope": "convex"
-        },
-        {
-          "name": "JWT_PRIVATE_KEY",
-          "scope": "convex"
-        },
-        {
-          "name": "JWKS",
-          "scope": "convex"
-        },
-        {
-          "name": "SITE_URL",
-          "scope": "convex"
-        },
-        {
-          "name": "AUTH_GOOGLE_ID",
-          "scope": "convex"
-        },
-        {
-          "name": "AUTH_GOOGLE_SECRET",
-          "scope": "convex"
-        }
-      ],
-      "peers": [],
-      "providers": [],
-      "tags": [
-        "auth",
-        "convex",
-        "password",
-        "magic-link",
-        "google",
-        "anonymous",
-        "no-clerk",
-        "pbkdf2"
-      ],
-      "agentRecipe": "Run `rr add convex-auth`. Then create convex/auth.ts using the kitab pattern (Resend provider). Set env via `npx convex env set` for self-hosted."
     },
     {
-      "slug": "doku-payment",
-      "title": "DOKU — Indonesia Payment",
-      "category": "payment",
-      "kind": "full",
-      "version": "0.1.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",
-      "convexPaths": [
-        "convex/features/payment"
-      ],
-      "npm": [],
-      "shadcn": [
-        "card",
-        "button",
-        "dialog",
-        "input",
-        "label",
-        "select",
-        "badge",
-        "skeleton"
-      ],
-      "env": [
-        {
-          "name": "DOKU_CLIENT_ID",
-          "scope": "convex",
-          "required": true
-        },
-        {
-          "name": "DOKU_SECRET_KEY",
-          "scope": "convex",
-          "required": true
-        },
-        {
-          "name": "DOKU_IS_PRODUCTION",
-          "scope": "convex"
-        },
-        {
-          "name": "DOKU_NOTIFY_PATH",
-          "scope": "convex"
-        }
-      ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Order ownership requires authenticated user."
-        }
-      ],
-      "providers": [
-        "doku"
-      ],
+      "slug": "pricing-page",
+      "title": "Pricing Page",
+      "category": "ui",
+      "description": "Canonical pricing tier section — eyebrow + headline + 2/3/4 column tier grid with optional FAQ accordion below. Tiers fully data-driven (name/price/period/bullets/cta/featured/badge). Featured variant configurable (ring/scale/tint). Single SSOT — every saas/marketing template consumes this slice for pricing pages so admin-edited tiers propagate without per-template rewriting.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add pricing-page",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add pricing-page`. <PricingSection eyebrow title subtitle tiers columns faq faqTitle featuredVariant /> — only `title` + `tiers` required. Each tier: `{ id, name, price, period?, blurb?, bullets[], cta?, featured?, badge? }`. Pass `featuredVariant=\"scale\"` for a popped-forward card or `\"tint\"` for a colored background. Wire admin CRUD via your store hook → useTiers() → pass array.",
       "tags": [
-        "payment",
-        "doku",
-        "indonesia",
-        "qris",
-        "virtual-account",
-        "ewallet",
-        "checkout"
-      ],
-      "agentRecipe": "Run `npx rr add doku-payment`. DOKU dual-mode: Checkout (hosted, all channels) atau Direct (single channel, returns VA/QRIS/deeplink). Webhook di /webhooks/doku verify HMAC-SHA256 (canonical: Client-Id + Request-Id + Request-Timestamp + Request-Target + Digest). Idempotency by request_id index. Server-only — no NEXT_PUBLIC_*. Sandbox default (api-sandbox.doku.com); flip DOKU_IS_PRODUCTION=true for live."
+        "ui",
+        "pricing",
+        "section",
+        "marketing",
+        "saas",
+        "tiers",
+        "faq"
+      ]
     },
     {
-      "slug": "midtrans-payment",
-      "title": "Midtrans — Indonesia Payment",
-      "category": "payment",
-      "kind": "full",
-      "version": "0.1.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",
-      "convexPaths": [
-        "convex/features/payment"
-      ],
-      "npm": [
-        "midtrans-client@^1.4.2"
-      ],
-      "shadcn": [
-        "card",
-        "button",
-        "dialog",
-        "input",
-        "label"
-      ],
-      "env": [
-        {
-          "name": "MIDTRANS_SERVER_KEY",
-          "scope": "convex",
-          "required": true
-        },
-        {
-          "name": "MIDTRANS_CLIENT_KEY",
-          "scope": "next-public",
-          "required": true
-        },
-        {
-          "name": "MIDTRANS_IS_PRODUCTION",
-          "scope": "convex"
-        }
-      ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Order ownership requires authenticated user."
-        }
-      ],
-      "providers": [
-        "midtrans"
-      ],
+      "slug": "feature-grid",
+      "title": "Feature Grid",
+      "category": "ui",
+      "description": "Canonical features grid section — eyebrow + headline + 1/2/3/4 column item grid in three layout variants (cards, minimal, alternating). Items accept Lucide icon component OR string label, optional image (next/image), optional link CTA. Single SSOT — every template consumes this slice for features pages so admin-edited items propagate without per-template duplication.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add feature-grid",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add feature-grid`. <FeatureGridSection eyebrow title subtitle items columns layout align /> — only `items` required. Each item: `{ id, title, body, icon?, image?, link? }`. `icon` can be a LucideIcon component (rendered as 5×5 inline) or a string (rendered as letter fallback). `layout=\"alternating\"` produces image+text rows that flip per index — set `image` per item for that variant.",
       "tags": [
-        "payment",
-        "midtrans",
-        "indonesia",
-        "qris",
-        "snap"
-      ],
-      "agentRecipe": "Run `npx rr add midtrans-payment`. Midtrans Snap untuk pembayaran instant. Webhook ke Convex HTTP action /api/midtrans-callback untuk update order status. Ingat: PPN 11% sudah included di amount, jangan double-count."
+        "ui",
+        "features",
+        "section",
+        "marketing",
+        "grid",
+        "saas"
+      ]
     },
     {
-      "slug": "resend-newsletter",
-      "title": "Resend — Transactional & Newsletter",
+      "slug": "landing-sections",
+      "title": "Landing Sections",
+      "category": "infra",
+      "description": "CRUD-driven admin editor for the public landing-page composition. 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>. Canonical pattern used by all 7 rr website templates.",
+      "source": "rahman-resources",
+      "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.",
+      "tags": [
+        "admin",
+        "landing",
+        "cms",
+        "sections",
+        "crud"
+      ]
+    },
+    {
+      "slug": "faq-section",
+      "title": "FAQ Section",
+      "category": "ui",
+      "description": "Canonical FAQ accordion section — eyebrow + headline + accordion item list. Three layouts (single column, two-column, grouped by category). Optional footer CTA (\"Still have questions?\"). Items fully data-driven. Single SSOT — every template consumes this slice for FAQ blocks so admin-edited Q&A propagates without per-template rewrite.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add faq-section",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add faq-section`. <FAQSection items title subtitle layout multiple defaultOpen footerCta /> — only `items` required. Each item: `{ id, q, a, category? }`. `layout=\"grouped\"` buckets by `category`. `multiple` lets users open several at once. `footerCta={{ label, href }}` wires a contact link below the accordion.",
+      "tags": [
+        "ui",
+        "faq",
+        "section",
+        "accordion",
+        "marketing"
+      ]
+    },
+    {
+      "slug": "testimonials-grid",
+      "title": "Testimonials Grid",
+      "category": "ui",
+      "description": "Canonical testimonials section — quote + author + role/company + optional avatar + optional star rating. Three layouts (uniform cards grid, centered quote-stack, CSS masonry). `featured` testimonials get a ring accent. Pairs naturally with the `testimonials` backend slice (Convex queries) but has zero coupling — pass any item array.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add testimonials-grid",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add testimonials-grid`. <TestimonialsGridSection items title subtitle columns layout align /> — only `items` required. Each item: `{ id, quote, author, role?, company?, avatar?, rating?, featured? }`. `layout=\"quote-stack\"` renders a centered no-card scroll for editorial sites. `layout=\"masonry\"` uses CSS columns for variable-height quotes.",
+      "tags": [
+        "ui",
+        "testimonials",
+        "section",
+        "marketing",
+        "social-proof",
+        "saas"
+      ]
+    },
+    {
+      "slug": "blog-section",
+      "title": "Blog Section",
+      "category": "ui",
+      "description": "Canonical blog list + detail section. <BlogListSection> renders 3 layouts (cards grid, minimal list, featured-split with hero + side rail). <BlogPostView> renders the single-post page with cover + meta + paragraph-split body. Both pass through `hrefFor`/`backHref` so each template controls routing — single SSOT for /blog and /blog/[slug] across all templates.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add blog-section",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add blog-section`. <BlogListSection posts hrefFor title columns layout limit /> for /blog — `hrefFor(post)` returns the per-post URL. <BlogPostView post backHref renderBody /> for /blog/[slug] — `renderBody` defaults to paragraph-split on `\\n\\n` (swap for an MDX renderer if you use mdx-blog).",
+      "tags": [
+        "ui",
+        "blog",
+        "section",
+        "marketing",
+        "content",
+        "list",
+        "detail"
+      ]
+    },
+    {
+      "slug": "changelog-feed",
+      "title": "Changelog Feed",
+      "category": "ui",
+      "description": "Canonical /changelog or /whats-new section. Entries support 5 kinds (feature/improvement/fix/chore/breaking) with color-coded badges. Three layouts (timeline with date-rail, large cards, minimal list). Optional `limit` for \"Recent updates\" excerpts on home pages. Optional `groups` per entry for sub-sectioned bullet lists.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add changelog-feed",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add changelog-feed`. <ChangelogFeedSection entries title subtitle layout sortDescending limit /> — only `entries` required. Each entry: `{ id, version, date, kind, title, body, bullets?, groups? }`. `layout=\"timeline\"` adds a left date-rail; `layout=\"list\"` is the most compact. Pass `limit={3}` on home pages to show recent releases.",
+      "tags": [
+        "ui",
+        "changelog",
+        "section",
+        "saas",
+        "release-notes",
+        "marketing"
+      ]
+    },
+    {
+      "slug": "portfolio-section",
+      "title": "Portfolio Section",
+      "category": "ui",
+      "description": "Canonical portfolio list + detail section. <PortfolioListSection> renders 3 layouts (uniform 16:9 grid, CSS masonry, asymmetric with featured hero). <PortfolioDetailView> renders title + meta + cover + body + gallery + external link + related items. Both pass through `hrefFor`/`backHref` so each template controls routing — single SSOT for /portfolio and /portfolio/[slug] across agency-studio and personal-brand.",
+      "source": "rahman-resources",
+      "install": "npx rahman-resources add portfolio-section",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add portfolio-section`. <PortfolioListSection items hrefFor title columns layout limit /> for /portfolio — each item `{ id, slug, title, summary?, year?, client?, role?, tags?, cover: {src,alt}, gallery?, link? }`. <PortfolioDetailView item backHref renderBody related hrefForRelated /> for /portfolio/[slug] — `renderBody` defaults to paragraph split; override for project-specific layouts (problem/approach/result, brief/outcome, etc).",
+      "tags": [
+        "ui",
+        "portfolio",
+        "section",
+        "marketing",
+        "case-study",
+        "list",
+        "detail"
+      ]
+    },
+    {
+      "slug": "theme-presets",
+      "title": "Theme Presets — unified switcher with bundled tweakcn registry",
+      "category": "ui",
+      "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",
+      "install": "npx rahman-resources add theme-presets",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add theme-presets` (registry-data.json ships inside the slice — no separate public/ copy step). Wrap your tree once with `<ThemePresetProvider>` (inside next-themes' ThemeProvider). Mount `<ThemePresetSwitcher />` anywhere in your header / sidebar / settings — one component handles light/dark/system + preset palette. Wrap dashboard with `<ThemeColorSync>` if you need live tweakcn variable preview on inner routes. Deeply-nested consumers read state via `useThemePreset()` (returns `{ presetName, registry, setPreset, preview, restore, isReady }`). For lower-level access: `applyTweakcnPreset(name)`, `previewTweakcnPreset(name)`, `restoreTweakcnPreset()`, `groupTweakcnPresets(items)`, `tweakcnSwatches(preset)` all exported from `@/features/theme-presets`. To rename localStorage key, fork `STORAGE_KEY` in `lib/tweakcn/types.ts`.",
+      "tags": [
+        "ui",
+        "theme",
+        "tweakcn",
+        "color",
+        "preset",
+        "switcher",
+        "popover",
+        "next-themes",
+        "notion-like"
+      ]
+    },
+    {
+      "slug": "files",
+      "title": "Files — pluggable upload + URL resolver with storage-adapter contract",
+      "category": "data",
+      "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",
+      "install": "npx rahman-resources add files",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add files`. Wrap your tree with `<FilesAdapterProvider adapter={...}>` — pass `useLocalStorageFilesAdapter()` for a quick demo or implement `FilesAdapter` (upload + remove + useUrl) against your backend. Then drop `<FileUploadButton onUploaded={...}>` anywhere; pair with `<FileChip fileRef={...}>` for rendered chips. Hooks: `useFileUpload()` returns `{upload, uploading, progress, removeFromStorage}`; `useFileUrl(storageId)` resolves to a fetchable URL (Convex adapter uses useQuery for live invalidation; demo reads localStorage synchronously). To wire S3: implement the FilesAdapter interface with presigned URLs + DELETE; the slice doesn't care which backend you pick.",
+      "tags": [
+        "data",
+        "upload",
+        "files",
+        "storage",
+        "adapter",
+        "portable",
+        "notion-like"
+      ]
+    },
+    {
+      "slug": "equation",
+      "title": "Equation — Notion-style KaTeX block primitive",
+      "category": "ui",
+      "description": "Inline-or-display LaTeX equation block — Notion-inspired primitive. KaTeX-rendered with edit/preview toggle, raw-text fallback when KaTeX fails to parse. Pure UI primitive (zero Convex tables, zero global state). Lifted from notion-page-clone (Nosion). Use standalone OR bundled via the notion-blocks bundle. Drop into any React surface — docs, marketing landing, editor.",
+      "source": "notion-page-clone",
+      "install": "npx rahman-resources add equation",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add equation`. Single npm dep: katex. Import `import { EquationBlock } from \"@/features/equation\"`. Props-driven: pass `value` (LaTeX string) + `onChange`. For display-mode (block-level) pass `displayMode`. Renders raw text if KaTeX parse fails. Bundled inside notion-blocks if you also want code/notify/drag-fill.",
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "equation",
+        "katex",
+        "latex",
+        "math",
+        "block",
+        "primitive",
+        "editor"
+      ]
+    },
+    {
+      "slug": "code-block",
+      "title": "Code Block — Notion-style syntax-highlighted code primitive",
+      "category": "ui",
+      "description": "Highlight.js-powered code block — Notion-inspired primitive. Language selector dropdown (auto-detect + 50+ language packs), copy-to-clipboard button, line-wrap toggle. Pure-UI primitive — no Convex tables. Lifted from notion-page-clone (Nosion). Use standalone OR bundled via notion-blocks.",
+      "source": "notion-page-clone",
+      "install": "npx rahman-resources add code-block",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add code-block`. Single npm dep: highlight.js. Import `import { CodeBlock, languageLabel } from \"@/features/code-block\"`. Props: `value` + `onChange` + `language` + `onLanguageChange`. Bundled inside notion-blocks if you also want equation/notify/drag-fill.",
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "code",
+        "syntax",
+        "highlight",
+        "highlight.js",
+        "block",
+        "primitive",
+        "editor"
+      ]
+    },
+    {
+      "slug": "notifications",
+      "title": "Notifications — Notion-style per-page Notify Me",
+      "category": "ui",
+      "description": "Pure-client per-page subscription primitive — Notion-inspired bell button + popover. State stored in localStorage (no backend needed). Shipped as a `NotifyMePopover` toggled from a page-action bell. Frequency choices: instant / daily digest / weekly digest. Lifted from notion-page-clone (Nosion). Use standalone OR bundled via notion-blocks.",
+      "source": "notion-page-clone",
+      "install": "npx rahman-resources add notifications",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add notifications`. Zero npm deps (only shadcn button + popover). Import `import { NotifyMePopover, useSubscription } from \"@/features/notifications\"`. Drop the popover anywhere; useSubscription(pageId) hook returns `{ isSubscribed, frequency, subscribe, unsubscribe, setFrequency }` reading from localStorage. To wire a real backend, swap the localStorage hook for your own.",
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "notifications",
+        "subscribe",
+        "notify",
+        "bell",
+        "popover",
+        "localstorage",
+        "primitive"
+      ]
+    },
+    {
+      "slug": "database-cell-selection",
+      "title": "Database Cell Selection — Notion-style drag-fill + multi-select",
+      "category": "ui",
+      "description": "Notion-style grid cell interaction primitives: drag-fill (Sheets/Excel-style range fill), multi-cell selection with shift-click + arrow-key extension, paste-from-clipboard column adapter. Pure-UI hooks + components, no Convex tables. Lifted from notion-page-clone (Nosion). Pair with any tabular UI (notion-shell databases, ag-grid, custom React table, etc.).",
+      "source": "notion-page-clone",
+      "install": "npx rahman-resources add database-cell-selection",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add database-cell-selection`. Zero deps. Import `import { useDragFill, SelectableCell, useCellSelection } from \"@/features/database-cell-selection\"`. Wrap your grid container with the selection hook; per-cell `<SelectableCell row col>` provides the click-and-drag affordance. Drag handles supplied by useDragFill. Composable with notion-shell's NotionDatabase or any custom grid.",
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "database",
+        "grid",
+        "cell",
+        "selection",
+        "drag-fill",
+        "spreadsheet",
+        "primitive",
+        "table"
+      ]
+    },
+    {
+      "slug": "notion-database",
+      "title": "Notion-like Database Table — full table with import/export (11 views · 16 cells · CSV + JSON)",
+      "category": "ui",
+      "description": "Portable Notion-style database table surface — full capability in one slice. Optional companion to notion-shell — install shell alone for pages + sidebar + block editor, add notion-database when you want embedded databases with full table capability. Ships NotionDatabase (full DB UI w/ ViewTabs + ViewOptions + per-column menu + FilterBuilder/SortBuilder popovers), NotionProperty (value + schema editor), 16 property-cell types (text / number / checkbox / select / multi_select / status / date / url / email / phone / files / person / formula / created_time / last_edited_time / unique_id), 11 built-in views: Table / Board / List / Gallery / Calendar / Feed PLUS Chart (recharts bar/line/area/pie/donut + inline kind/X/agg/Y pickers) / Dashboard (KPI strip + group breakdowns + recent updates) / Form (public-facing submit-to-create — title + per-property inputs, optional required-field validation, configurable show/hide + success message via inline Settings panel) / Map (SVG world + lat/lng pins, no leaflet) / Timeline (Gantt-style with drag-to-shift / drag-to-resize). FilterBuilder + SortBuilder exported standalone for toolbar embedding. Formula cells use a pure expression engine ({{title}}/{{prop}} interpolation + concat/upper/lower/round/if/etc fns + `=expr` math). Files cells store URL refs (paste-URL workflow; host can plug `files` slice adapter for upload). Person cells are simplified vs upstream — no user directory lookup, just initials chips. Created_time / last_edited_time read row.createdAt / row.updatedAt directly. unique_id auto-derives from row position + optional prefix. Pure helpers: applyView, groupBy, bucketByDate. Domain types live in notion-shell (single source of truth — Page.rowOfDatabaseId + rowProps reference them) and re-exported here. Relation + rollup property types deferred to upstream open-silong mega-bundle (need cross-DB context). v0.5 added drop-in Convex backend templates (dual-mode: minimal single-user OR full multi-workspace) from open-silong's template-base/. v0.6 (Phase 7.10) merges former database-io slice in-tree: DatabaseIOActions toolbar (Export CSV/JSON · Import CSV/JSON · Download dynamic CSV/JSON templates), CsvImportDialog (auto-map columns + create-new-of-type picker), JsonImportDialog (schema diff + import), exportDatabase / exportDatabaseToCsv / parseExport / parseCsv / buildCsvTemplate / buildJsonTemplate helpers — all from `@/features/notion-database`. CsvNewProperty + JsonImportResult.newProperties now expose `tempId` so host can remap rowProps keys when persisting (single import handler serves both formats). Cell editor UX consolidated v0.5.3 — SelectCell + MultiSelectCell share OptionPicker (shared/identical popover: search-as-create + per-option rename/color/delete). Property-type lists single-source via PROPERTY_TYPE_META registry (v0.5.2).",
+      "source": "open-silong",
+      "install": "npx rahman-resources add notion-database",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add notion-database` (cascades notion-shell as peer). Import: `import { NotionDatabase, NotionProperty, VIEW_REGISTRY, DatabaseIOActions } from \"@/features/notion-database\"`. NotionDatabase ships full props-driven DB UI — host owns rows + dispatches CRUD callbacks. For just one view in isolation, import the specific view component (TableView / BoardView / etc.). Property cells auto-render via renderPropertyCell helper. Pure helpers: applyView / groupBy / bucketByDate. For import/export, mount `<DatabaseIOActions db={db} rows={rows} onImport={async ({ newProperties, rows }) => { const tempToReal: Record<string, string> = {}; for (const np of newProperties) { const realId = await dispatchAddProperty(np); tempToReal[np.tempId] = realId; } for (const r of rows) { const rowId = await dispatchAddRow(r.title); for (const [propKey, v] of Object.entries(r.rowProps)) { await dispatchSetValue(rowId, tempToReal[propKey] ?? propKey, v); } } }} />` next to your DB toolbar — exports CSV/JSON + imports w/ schema diff + downloads dynamic templates from live db.properties. tempId on each new property lets host remap rowProps keys to its real backend ids. For backend persistence, copy template-base/database-silong/convex/ from the open-silong repo: handlers go to convex/, schema fragment merges into convex/schema.ts. Pick _shared/minimal/ (single-user, noop authz) or _shared/full/ (requires @convex-dev/auth + workspaces tables). See CONVEX-BACKEND.md.",
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "database",
+        "table",
+        "board",
+        "list",
+        "gallery",
+        "calendar",
+        "feed",
+        "chart",
+        "dashboard",
+        "form",
+        "map",
+        "timeline",
+        "gantt",
+        "kanban",
+        "views",
+        "filter",
+        "sort",
+        "property",
+        "files",
+        "person",
+        "formula",
+        "timestamp",
+        "unique-id",
+        "csv",
+        "json",
+        "import",
+        "export",
+        "template",
+        "data",
+        "backup",
+        "primitive",
+        "optional",
+        "embeddable"
+      ]
+    },
+    {
+      "slug": "database-io",
+      "title": "[DEPRECATED] Database IO — merged into notion-database v0.6",
+      "category": "ui",
+      "description": "DEPRECATED — all functionality merged into `notion-database` v0.6 (Phase 7.10, 2026-05-22). This slice is now a thin re-export shim from `@/features/notion-database` to keep existing consumers compiling. New code should `npx rr add notion-database` (now bundles CSV + JSON import/export + dynamic templates) instead of installing this separately. Slice will be removed in v1.0. Original surface (DatabaseIOActions / CsvImportDialog / JsonImportDialog / exportDatabase / buildCsvTemplate / buildJsonTemplate) remains exported from notion-database — see its catalog entry. Merge rationale: 100% peer coupling to notion-database (every file imported Database/Page/Property types from it) + zero independent install path (always installed alongside notion-database in practice) = no modularity benefit from separation.",
+      "source": "notion-page-clone",
+      "install": "npx rahman-resources add database-io",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "⚠️ DEPRECATED — use `npx rr add notion-database` (now bundles import/export). This slice is a thin re-export shim from `@/features/notion-database` for back-compat. New code: `import { DatabaseIOActions } from \"@/features/notion-database\"`. Remove when migration complete; slice scheduled for removal in v1.0.",
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "database",
+        "csv",
+        "json",
+        "import",
+        "export",
+        "template",
+        "data",
+        "backup",
+        "spreadsheet",
+        "wire-format",
+        "primitive",
+        "optional"
+      ]
+    },
+    {
+      "slug": "notion-shell",
+      "title": "Notion Shell — page + sidebar + block editor primitives (pure, no database)",
+      "category": "ui",
+      "description": "Portable Notion-style PAGE + SIDEBAR + BLOCK editor primitives. CI-wave (2026-05-21) split the database surface out — install the optional `notion-database` peer for embedded TableView / BoardView / ListView / GalleryView / CalendarView / FeedView, NotionDatabase, NotionProperty, ViewTabs, ViewOptions, ColumnHeaderMenu, property-cells. notion-shell alone gives you Notion-clone pages + sidebar + editor without the database weight. Domain types (Database, Property, PropertyValue, DbView, DatabaseViewConfig, DatabaseFilter, DatabaseSort) remain in notion-shell as the single source of truth (Page.rowOfDatabaseId + rowProps reference them). FULL OLD DESC BELOW: Portable Notion-style wrapper primitives. PAGE EDITOR: NotionPage (optional cover image band + header + body), NotionHeader / NotionSidebar / NotionBlock (live inline-markdown decorator, hover actions menu, optional dragHandle slot), 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). DATABASE: NotionDatabase (full DB surface w/ tabs + options + per-column menu), NotionProperty (10 property-cell types), 6 built-in views (Table/Board/List/Gallery/Calendar/Feed), ViewTabs, ViewOptions (sort + filter + search popover), ColumnHeaderMenu. SPECIALISED BLOCK RENDERERS: ImageRenderer (URL + caption + preview), EmbedRenderer (YouTube/Vimeo/Loom/Figma/CodePen/Spotify auto-detect + iframe fallback). Pure helpers: applyView, groupBy, bucketByDate. Pure / props-driven — host owns data + change handlers.",
+      "source": "notion-page-clone",
+      "install": "npx rahman-resources add notion-shell",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add notion-shell` for the portable UI wrappers ONLY (no backend). NPM deps: @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities. Import: `import { NotionPage, NotionSidebar, NotionBlock, NotionDatabase, SortableBlockList, PageActionsMenu, InsertBlockButton, ViewTabs, ImageRenderer, EmbedRenderer } from \"@/features/notion-shell\"`. NotionBlock ships slash menu + decorator + actions menu + dragHandle slot. NotionPage ships optional cover prop. SortableBlockList wraps a render-prop callback `(id, dragProps) => <NotionBlock dragHandle={...} />`. NotionDatabase ships 6 views via VIEW_REGISTRY. Property cells: text/number/checkbox/select/multi-select/status/date/url/email/phone all built in. For rich icon UX wire `renderIcon` + `renderIconPicker` to `@/features/icon-picker`. **PRODUCT POINTER: the full Convex-backed Notion-clone OS (multi-workspace + auth + sharing + comments + snapshots + MCP) lives at https://github.com/rahmanef63/open-silong — clone that repo for the production stack; use this slice when you only need to embed the Notion-style UI in another project.**",
+      "tags": [
+        "ui",
+        "notion",
+        "shell",
+        "wrapper",
+        "sidebar",
+        "page",
+        "database",
+        "primitive",
+        "portable",
+        "slash-menu",
+        "decorator",
+        "wysiwyg",
+        "views",
+        "kanban",
+        "calendar",
+        "gallery",
+        "drag",
+        "cover",
+        "embed",
+        "image",
+        "notion-like"
+      ]
+    },
+    {
+      "slug": "workspace-shell",
+      "title": "Workspace Shell — atomic (workspace × menuSet) NavContext",
+      "category": "ui",
+      "description": "Unified workspace + menu navigation primitive. NavContext = (workspaceId, menuSetId) atomic pair. 2-tier dropdown switcher (workspace radio + menuSet picker), ContextBadge header chip, full editor with tabs (menus / workspace tree / settings), tiered RBAC (admin menus.manage, user menus.fork). Replaces silo'd menu-store + workspace-store slices in superspace. Resolver chain: user nav-context cache > user assignment > workspace default > system. Source: superspace.",
+      "source": "superspace",
+      "docsUrl": "",
+      "install": "",
+      "npmPackages": [],
+      "exampleCode": "",
+      "agentRecipe": "Run `npx rr add workspace-shell`. Tables prefixed `workspaceShell_*` (menuSets, menuItems, itemComponents, wsAssignments, userAssignments, rolePerms, navContext). Mount `<NavContextProvider workspaceId={wsId}>` inside your auth provider; use `useNavContext(wsId)` to read `{workspace, menuSet, source, effectiveMenuItems, setMenuSet, forkMenuSet}`. Drop-in `<WorkspaceSwitcher canFork />` in sidebar header. Tiered RBAC: `menus.manage` for workspace-default editing, `menus.fork` for user-personal copy. Resolver chain: user cache → user assignment → workspace default → none. Pair with audit-log slice for context-switch / fork events (graceful try/catch if absent). Effective items query applies role filter via workspaceShell_rolePerms (no rolePerms → show all, pre-RBAC compat).",
+      "tags": [
+        "ui",
+        "navigation",
+        "workspace",
+        "menu",
+        "shell",
+        "convex",
+        "rbac"
+      ]
+    }
+  ],
+  "slices": [
+    {
+      "slug": "convex-auth",
+      "title": "Convex Auth — Multi-Provider Sign-in",
+      "category": "auth",
+      "kind": "backend",
+      "version": "0.2.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 with i18n, prop-driven provider list, and split Login/Register tabs. No Clerk.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/convex-auth",
+      "convexPaths": [
+        "convex/features/auth"
+      ],
+      "npm": [
+        "@convex-dev/auth@^0.0.92",
+        "@auth/core@^0.37.4",
+        "resend@^4.0.0"
+      ],
+      "shadcn": [
+        "button",
+        "card",
+        "input",
+        "label",
+        "tabs",
+        "alert"
+      ],
+      "env": [
+        {
+          "name": "AUTH_RESEND_KEY",
+          "scope": "convex"
+        },
+        {
+          "name": "JWT_PRIVATE_KEY",
+          "scope": "convex"
+        },
+        {
+          "name": "JWKS",
+          "scope": "convex"
+        },
+        {
+          "name": "SITE_URL",
+          "scope": "convex"
+        },
+        {
+          "name": "AUTH_GOOGLE_ID",
+          "scope": "convex"
+        },
+        {
+          "name": "AUTH_GOOGLE_SECRET",
+          "scope": "convex"
+        }
+      ],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "auth",
+        "convex",
+        "password",
+        "magic-link",
+        "google",
+        "anonymous",
+        "no-clerk",
+        "pbkdf2"
+      ],
+      "agentRecipe": "Run `rr add convex-auth`. Then create convex/auth.ts using the kitab pattern (Resend provider). Set env via `npx convex env set` for self-hosted."
+    },
+    {
+      "slug": "doku-payment",
+      "title": "DOKU — Indonesia Payment",
+      "category": "payment",
+      "kind": "full",
+      "version": "0.1.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",
+      "convexPaths": [
+        "convex/features/payment"
+      ],
+      "npm": [],
+      "shadcn": [
+        "card",
+        "button",
+        "dialog",
+        "input",
+        "label",
+        "select",
+        "badge",
+        "skeleton"
+      ],
+      "env": [
+        {
+          "name": "DOKU_CLIENT_ID",
+          "scope": "convex",
+          "required": true
+        },
+        {
+          "name": "DOKU_SECRET_KEY",
+          "scope": "convex",
+          "required": true
+        },
+        {
+          "name": "DOKU_IS_PRODUCTION",
+          "scope": "convex"
+        },
+        {
+          "name": "DOKU_NOTIFY_PATH",
+          "scope": "convex"
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Order ownership requires authenticated user."
+        }
+      ],
+      "providers": [
+        "doku"
+      ],
+      "tags": [
+        "payment",
+        "doku",
+        "indonesia",
+        "qris",
+        "virtual-account",
+        "ewallet",
+        "checkout"
+      ],
+      "agentRecipe": "Run `npx rr add doku-payment`. DOKU dual-mode: Checkout (hosted, all channels) atau Direct (single channel, returns VA/QRIS/deeplink). Webhook di /webhooks/doku verify HMAC-SHA256 (canonical: Client-Id + Request-Id + Request-Timestamp + Request-Target + Digest). Idempotency by request_id index. Server-only — no NEXT_PUBLIC_*. Sandbox default (api-sandbox.doku.com); flip DOKU_IS_PRODUCTION=true for live."
+    },
+    {
+      "slug": "midtrans-payment",
+      "title": "Midtrans — Indonesia Payment",
+      "category": "payment",
+      "kind": "full",
+      "version": "0.1.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",
+      "convexPaths": [
+        "convex/features/payment"
+      ],
+      "npm": [
+        "midtrans-client@^1.4.2"
+      ],
+      "shadcn": [
+        "card",
+        "button",
+        "dialog",
+        "input",
+        "label"
+      ],
+      "env": [
+        {
+          "name": "MIDTRANS_SERVER_KEY",
+          "scope": "convex",
+          "required": true
+        },
+        {
+          "name": "MIDTRANS_CLIENT_KEY",
+          "scope": "next-public",
+          "required": true
+        },
+        {
+          "name": "MIDTRANS_IS_PRODUCTION",
+          "scope": "convex"
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Order ownership requires authenticated user."
+        }
+      ],
+      "providers": [
+        "midtrans"
+      ],
+      "tags": [
+        "payment",
+        "midtrans",
+        "indonesia",
+        "qris",
+        "snap"
+      ],
+      "agentRecipe": "Run `npx rr add midtrans-payment`. Midtrans Snap untuk pembayaran instant. Webhook ke Convex HTTP action /api/midtrans-callback untuk update order status. Ingat: PPN 11% sudah included di amount, jangan double-count."
+    },
+    {
+      "slug": "resend-newsletter",
+      "title": "Resend — Transactional & Newsletter",
       "category": "email",
       "kind": "backend",
       "version": "0.1.0",
-      "description": "Transactional email + newsletter blast via Resend. Double opt-in flow + audience segmentation. Magic-link delivery for Convex Auth.",
+      "description": "Transactional email + newsletter blast via Resend. Double opt-in flow + audience segmentation. Magic-link delivery for Convex Auth.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/resend-newsletter",
+      "convexPaths": [
+        "convex/features/newsletter"
+      ],
+      "npm": [
+        "resend@^4.0.0"
+      ],
+      "shadcn": [
+        "button",
+        "card",
+        "input",
+        "label",
+        "textarea"
+      ],
+      "env": [
+        {
+          "name": "RESEND_API_KEY",
+          "scope": "convex",
+          "required": true
+        },
+        {
+          "name": "RESEND_FROM",
+          "scope": "convex",
+          "required": true
+        }
+      ],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "email",
+        "newsletter",
+        "resend"
+      ],
+      "agentRecipe": "Run `npx rr add resend-newsletter`. Use Resend Audiences API for newsletter — store subscriber emails in Convex too for segmentation. Double opt-in: subscriber.create with status 'pending' → click link → status 'confirmed'."
+    },
+    {
+      "slug": "ai-chat",
+      "title": "AI Chat — Workbench / Sidebar / Search",
+      "category": "ai",
+      "kind": "full",
+      "version": "0.1.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",
+      "convexPaths": [
+        "convex/features/ai"
+      ],
+      "npm": [
+        "ai@^4.0.0",
+        "@ai-sdk/anthropic@^0.0.50",
+        "@ai-sdk/openai@^0.0.60"
+      ],
+      "shadcn": [
+        "button",
+        "card",
+        "badge",
+        "avatar",
+        "scroll-area",
+        "select",
+        "separator",
+        "slider",
+        "switch",
+        "textarea",
+        "tabs",
+        "command",
+        "sheet"
+      ],
+      "env": [
+        {
+          "name": "ANTHROPIC_API_KEY",
+          "scope": "convex",
+          "required": false
+        },
+        {
+          "name": "OPENAI_API_KEY",
+          "scope": "convex",
+          "required": false
+        },
+        {
+          "name": "GOOGLE_GENERATIVE_AI_API_KEY",
+          "scope": "convex",
+          "required": false
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Thread ownership requires authenticated user."
+        },
+        {
+          "slug": "ai-router",
+          "range": "^0.1",
+          "reason": "Routes provider calls through tiered proxy."
+        },
+        {
+          "slug": "ai-admin",
+          "range": "^0.1",
+          "reason": "Reads instructions / skills / tools / models from ai-admin registry."
+        },
+        {
+          "slug": "vector-search",
+          "range": "^0.1",
+          "reason": "Optional — RAG / search modes pull workspace embeddings."
+        }
+      ],
+      "providers": [],
+      "tags": [
+        "ai",
+        "ai:chat",
+        "streaming",
+        "multimodal",
+        "tool-calls",
+        "agent-mode",
+        "rag",
+        "citations",
+        "branching",
+        "history"
+      ],
+      "agentRecipe": "Run `npx rr add ai-chat`. Pick `mode=\"workbench\" | \"sidebar\" | \"search\"` on `<AIChat />` (or use the convenience exports `<AIChatWorkbench />`, `<AIChatSidebar />`, `<AIChatSearch />`). Same backend tables + streaming action for all three."
+    },
+    {
+      "slug": "ai-studio",
+      "title": "AI Studio — Generation Canvas",
+      "category": "ai",
+      "kind": "full",
+      "version": "0.1.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",
+      "convexPaths": [
+        "convex/features/ai"
+      ],
+      "npm": [
+        "ai@^4.0.0"
+      ],
+      "shadcn": [
+        "button",
+        "card",
+        "badge",
+        "textarea",
+        "tabs",
+        "tooltip",
+        "scroll-area",
+        "select"
+      ],
+      "env": [],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Generation history per user."
+        },
+        {
+          "slug": "ai-router",
+          "range": "^0.1",
+          "reason": "All generation calls flow through router."
+        },
+        {
+          "slug": "ai-admin",
+          "range": "^0.1",
+          "reason": "Templates + few-shot library + moderation rules live in ai-admin."
+        }
+      ],
+      "providers": [],
+      "tags": [
+        "ai",
+        "ai:studio",
+        "generation",
+        "streaming",
+        "history",
+        "branching",
+        "image-gen"
+      ],
+      "agentRecipe": "Run `npx rr add ai-studio`. Mount `<GeneratorCanvas />` at /. Use case: prompt → output IS the entire product. Wire your output renderer (text/image/code/audio) via the OutputSlot adapter. Templates loaded from ai-admin.studio.templates."
+    },
+    {
+      "slug": "ai-agents",
+      "title": "AI Agents — Autonomous Workers",
+      "category": "ai",
+      "kind": "full",
+      "version": "0.1.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",
+      "convexPaths": [
+        "convex/features/ai"
+      ],
+      "npm": [
+        "ai@^4.0.0"
+      ],
+      "shadcn": [
+        "button",
+        "card",
+        "badge",
+        "table",
+        "tabs",
+        "scroll-area",
+        "progress"
+      ],
+      "env": [],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Per-user agent run ownership."
+        },
+        {
+          "slug": "ai-router",
+          "range": "^0.1",
+          "reason": "Step calls flow through router."
+        },
+        {
+          "slug": "ai-admin",
+          "range": "^0.1",
+          "reason": "Agent definitions live in ai-admin → Agents."
+        },
+        {
+          "slug": "audit-log",
+          "range": "^0.1",
+          "reason": "Every step logged."
+        }
+      ],
+      "providers": [],
+      "tags": [
+        "ai",
+        "ai:agents",
+        "agent-mode",
+        "tool-calls",
+        "async",
+        "queue",
+        "traces"
+      ],
+      "agentRecipe": "Run `npx rr add ai-agents`. Mount `<RunnerDashboard />` at /agents. Trigger runs via `runAgent({agentSlug, input, scheduleAt?})`. Cron scheduler via Convex cron — wire if you need scheduled runs. Agent definitions managed in ai-admin."
+    },
+    {
+      "slug": "ai-admin",
+      "title": "AI Admin — Console (Instructions · Skills · Tools · Agents · Providers)",
+      "category": "ai",
+      "kind": "full",
+      "version": "0.2.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",
+      "convexPaths": [
+        "convex/features/ai"
+      ],
+      "npm": [],
+      "shadcn": [
+        "card",
+        "button",
+        "badge",
+        "tabs",
+        "table",
+        "dialog",
+        "input",
+        "label",
+        "select",
+        "textarea",
+        "switch",
+        "command"
+      ],
+      "env": [
+        {
+          "name": "AI_ADMIN_ENCRYPTION_KEY",
+          "scope": "convex",
+          "required": true,
+          "description": "Encrypts stored provider API keys at rest."
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "requireAdmin gate."
+        },
+        {
+          "slug": "rbac-roles",
+          "range": "^0.1",
+          "reason": "Section gated by ai.* permissions (manage_providers, manage_skills, etc)."
+        },
+        {
+          "slug": "admin-panel",
+          "range": "^0.1",
+          "reason": "Lives as a registered admin section."
+        },
+        {
+          "slug": "audit-log",
+          "range": "^0.1",
+          "reason": "Every config change + AI call routes through audit-log."
+        }
+      ],
+      "providers": [],
+      "tags": [
+        "ai",
+        "ai:admin",
+        "instructions",
+        "skills",
+        "tools",
+        "agents",
+        "providers",
+        "models",
+        "budgets",
+        "audit"
+      ],
+      "agentRecipe": "Run `npx rr add ai-admin`. Adds an `AI` section to the admin-panel ADMIN_SECTIONS registry. Sub-tabs ordered to match build-flow: Providers → Models → Instructions → Skills → Tools → Agents → Budgets → Audit. Includes Create-* wizards for instructions / skills / tools / agents. API keys AES-encrypted via AI_ADMIN_ENCRYPTION_KEY env. The instruction / skill / tool / agent registries are SSOTs consumed by every ai-* consumer slice (chat + studio + agents)."
+    },
+    {
+      "slug": "ai-router",
+      "title": "AI Router — Backend Provider Proxy",
+      "category": "ai",
+      "kind": "backend",
+      "version": "0.1.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/resend-newsletter",
+      "slicePath": "frontend/slices/ai-router",
       "convexPaths": [
-        "convex/features/newsletter"
+        "convex/features/ai"
+      ],
+      "npm": [
+        "ai@^4.0.0",
+        "@openrouter/ai-sdk-provider@^0.0.5"
+      ],
+      "shadcn": [
+        "button"
+      ],
+      "env": [
+        {
+          "name": "OPENROUTER_API_KEY",
+          "scope": "convex",
+          "required": true
+        }
+      ],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ai",
+        "ai:backend",
+        "tier-routing",
+        "cost-guard"
+      ],
+      "agentRecipe": "Run `npx rr add ai-router`. Wrap every AI call through ai-router. Tiers: nano = quick classification (spam-flag, headline-suggest), mid = chat / draft, flagship = methodology-review / deep-think. Token usage logs to ai_usage table for the cost dashboard."
+    },
+    {
+      "slug": "vector-search",
+      "title": "Convex Vector Search",
+      "category": "search",
+      "kind": "full",
+      "version": "0.1.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",
+      "convexPaths": [
+        "convex/features/search"
+      ],
+      "npm": [
+        "@convex-dev/vector-search@^0.0.5"
+      ],
+      "shadcn": [
+        "card",
+        "input"
+      ],
+      "env": [
+        {
+          "name": "OPENAI_API_KEY",
+          "scope": "convex",
+          "required": true
+        }
+      ],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "search",
+        "vector",
+        "embeddings",
+        "convex",
+        "rag"
+      ],
+      "agentRecipe": "Run `npx rr add vector-search`. Add embedding field + vectorIndex per searchable table. Re-embed on upsert via Convex action. Cache embeddings — don't re-call OpenAI on every read."
+    },
+    {
+      "slug": "mdx-blog",
+      "title": "MDX Blog",
+      "category": "content",
+      "kind": "ui",
+      "version": "0.2.0",
+      "description": "Markdown-with-JSX untuk blog post. File-based MDX content collection. Portable defineMdxBlog(opts) factory dengan 4 config props (basePath, contentDir, labels.list, nav) — defaults preserve legacy /blog + content/blog. Auto-generate ToC, reading-time, syntax highlight, plus embed React components inline.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/mdx-blog",
+      "convexPaths": [],
+      "npm": [
+        "@next/mdx@^16.0.0",
+        "gray-matter@^4.0.3",
+        "rehype-pretty-code@^0.14.0"
+      ],
+      "shadcn": [
+        "card"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "content",
+        "blog",
+        "mdx",
+        "static"
+      ],
+      "agentRecipe": "Run `npx rr add mdx-blog`. Store post body sebagai markdown di content/blog/*.mdx. Render dengan MDXRemote di [slug]/page.tsx. Auto-extract headings ke ToC via remark plugin custom."
+    },
+    {
+      "slug": "cal-com-booking",
+      "title": "Cal.com Booking",
+      "category": "data",
+      "kind": "full",
+      "version": "0.1.0",
+      "description": "Embedded Cal.com booking widget + webhook receiver to mirror bookings into Convex.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/cal-com-booking",
+      "convexPaths": [
+        "convex/features/bookings"
+      ],
+      "npm": [
+        "@calcom/embed-react@^1.5.0"
+      ],
+      "shadcn": [
+        "card"
+      ],
+      "env": [
+        {
+          "name": "NEXT_PUBLIC_CALCOM_USERNAME",
+          "scope": "next-public",
+          "required": true
+        },
+        {
+          "name": "CALCOM_WEBHOOK_SECRET",
+          "scope": "convex",
+          "required": true
+        }
+      ],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "data",
+        "scheduling",
+        "cal-com",
+        "bookings"
+      ],
+      "agentRecipe": "Run `npx rr add cal-com-booking`. Embed Cal.com via @calcom/embed-react di halaman services. Configure webhook di Cal.com dashboard → POST ke /api/cal-webhook → upsert booking di Convex."
+    },
+    {
+      "slug": "full-width-toggle",
+      "title": "Full Width Toggle",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Page-container width toggle (contained / wide / full). Per-device localStorage + cross-tab sync. Ships useFullWidth hook + FullWidthToggle button (icon/button/segment variants) + WidthContainer wrapper. Zero backend, zero env.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/full-width-toggle",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [
+        "button"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "layout",
+        "preference",
+        "localstorage",
+        "dashboard"
+      ],
+      "agentRecipe": "Run `npx rr add full-width-toggle`. Drop <WidthContainer> around page content, <FullWidthToggle variant='icon' /> in topbar. Variant 'segment' best for settings page. Hook useFullWidth() returns [mode, setMode, cycle]. SSR-safe — defaults to 'contained' until hydrate."
+    },
+    {
+      "slug": "command-menu",
+      "title": "Command Menu",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.2.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",
+      "convexPaths": [],
+      "npm": [
+        "cmdk@^1.0.0"
+      ],
+      "shadcn": [
+        "command",
+        "dialog"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "palette",
+        "cmd-k",
+        "navigation",
+        "keyboard",
+        "search",
+        "notion-like"
       ],
+      "agentRecipe": "Run `npx rr add command-menu`. Wire <CommandPalette groups={...} onHistorySelect={...} labels={...} /> at the dashboard shell. Build groups from your feature registry; each item.onSelect handles navigation. Use <SearchModal bindings={{ pages, databases, recents, isLoading, onQueryChange, onSelectPage, onSelectDatabase }} /> for the search dialog — see slice README.md for adapter shapes."
+    },
+    {
+      "slug": "motion-primitives",
+      "title": "Motion Primitives (8)",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Eight ready-to-style motion components: marquee, kinetic-heading, magnetic, cursor-spotlight, stat-counter, reading-progress, grain, lightbox. Framer-Motion-powered, tree-shakeable. Facade slice — pulls from template-base/frontend/slices/motion-primitives.",
+      "source": "rahmanef.com",
+      "slicePath": "template-base/frontend/slices/motion-primitives",
+      "convexPaths": [],
       "npm": [
-        "resend@^4.0.0"
+        "framer-motion@^11.0.0"
       ],
-      "shadcn": [
-        "button",
-        "card",
-        "input",
-        "label",
-        "textarea"
+      "shadcn": [],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "motion",
+        "animation",
+        "marquee",
+        "framer-motion"
       ],
-      "env": [
-        {
-          "name": "RESEND_API_KEY",
-          "scope": "convex",
-          "required": true
-        },
-        {
-          "name": "RESEND_FROM",
-          "scope": "convex",
-          "required": true
-        }
+      "agentRecipe": "Run `npx rr add motion-primitives`. Each primitive is independently importable from @/features/motion-primitives. Use marquee for logo strips, kinetic-heading for hero text, magnetic for CTA buttons, cursor-spotlight for hover-reveal panels, stat-counter for animated numbers, reading-progress for blog top bar, grain for film texture, lightbox for image gallery."
+    },
+    {
+      "slug": "responsive-dialog",
+      "title": "Responsive Dialog (Sheet ↔ Modal)",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "ResponsiveDialog — auto-switches between bottom Sheet (mobile) and centered Dialog (desktop) at the md breakpoint. Same API as shadcn Dialog. Kitab forbids raw <dialog>; use this everywhere. Facade slice — pulls from template-base/frontend/slices/responsive-dialog.",
+      "source": "superspace",
+      "slicePath": "template-base/frontend/slices/responsive-dialog",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [
+        "dialog",
+        "sheet"
       ],
+      "env": [],
       "peers": [],
       "providers": [],
       "tags": [
-        "email",
-        "newsletter",
-        "resend"
+        "ui",
+        "dialog",
+        "modal",
+        "sheet",
+        "responsive",
+        "primitive"
       ],
-      "agentRecipe": "Run `npx rr add resend-newsletter`. Use Resend Audiences API for newsletter — store subscriber emails in Convex too for segmentation. Double opt-in: subscriber.create with status 'pending' → click link → status 'confirmed'."
+      "agentRecipe": "Run `npx rr add responsive-dialog`. Drop-in for shadcn Dialog. Use <ResponsiveDialog><ResponsiveDialogTrigger>…</ResponsiveDialogTrigger><ResponsiveDialogContent>…</ResponsiveDialogContent></ResponsiveDialog>. On mobile renders as Sheet sliding from bottom; on desktop as centered Dialog. Threshold via useMediaQuery('(min-width: 768px)')."
     },
     {
-      "slug": "ai-chat",
-      "title": "AI Chat — Workbench / Sidebar / Search",
-      "category": "ai",
-      "kind": "full",
+      "slug": "dashboard-shell",
+      "title": "Dashboard Shell — Responsive",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.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",
-      "convexPaths": [
-        "convex/features/ai"
+      "description": "ResponsiveDashboardShell — desktop sidebar + topbar, mobile dock + sheet sidebar, breakpoint-aware. Ports superspace's layout/dashboard/{Desktop,Mobile,Responsive}DashboardShell + sidebar primary/secondary slots. Facade slice — pulls from template-base/frontend/slices/dashboard-shell.",
+      "source": "superspace",
+      "slicePath": "template-base/frontend/slices/dashboard-shell",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [
+        "sheet",
+        "scroll-area",
+        "separator",
+        "tooltip"
       ],
-      "npm": [
-        "ai@^4.0.0",
-        "@ai-sdk/anthropic@^0.0.50",
-        "@ai-sdk/openai@^0.0.60"
+      "env": [],
+      "peers": [
+        {
+          "slug": "full-width-toggle",
+          "range": "^0.1",
+          "reason": "Topbar surfaces the width toggle when this is mounted."
+        }
+      ],
+      "providers": [],
+      "tags": [
+        "ui",
+        "layout",
+        "dashboard",
+        "sidebar",
+        "topbar",
+        "responsive"
       ],
+      "agentRecipe": "Run `npx rr add dashboard-shell`. Wraps app/(admin) routes. <ResponsiveDashboardShell sidebar={<AppSidebar />} topbar={<TopBar />}>{children}</ResponsiveDashboardShell>. Mobile: sidebar collapses to <Sheet>. Desktop: persistent sidebar + topbar. Embed FullWidthToggle in topbar for instant container resize."
+    },
+    {
+      "slug": "three-column",
+      "title": "Three-Column Layout — Sidebar/Content/Inspector",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "ThreeColumnLayoutAdvanced — collapsible left/right + resizable widths + responsive breakpoints + PanelSection compound (Header/Items/Footer) + per-panel footer slots. Models shadcn sidebar API for the panel interior. Pair with PanelGroup/PanelMenu/PanelSeparator primitives. Trigger ≠ header (V-wave separation rule).",
+      "source": "superspace",
+      "slicePath": "template-base/frontend/slices/three-column",
+      "convexPaths": [],
+      "npm": [],
       "shadcn": [
-        "button",
-        "card",
-        "badge",
-        "avatar",
+        "sheet",
         "scroll-area",
-        "select",
         "separator",
-        "slider",
-        "switch",
-        "textarea",
-        "tabs",
-        "command",
-        "sheet"
+        "tooltip"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "layout",
+        "three-column",
+        "sidebar",
+        "inspector",
+        "panel-section",
+        "responsive",
+        "resizable"
+      ],
+      "agentRecipe": "Run `npx rr add three-column`. <ThreeColumnLayoutAdvanced preset=\"feature\" storageKey persistState left={…PanelSection…} center={…PanelSection unstyled…} right={…PanelSection…} leftFooter centerFooter rightFooter />. Center column SHOULD pass `unstyled` to drop sidebar tokens — body is content surface. `storageKey` MUST differ per slice or persisted widths collide."
+    },
+    {
+      "slug": "broadcast-channel-sync",
+      "title": "BroadcastChannel — Cross-tab Sync",
+      "category": "realtime",
+      "kind": "ui",
+      "version": "0.1.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",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "realtime",
+        "cross-tab",
+        "broadcast-channel",
+        "demo-pattern"
+      ],
+      "agentRecipe": "Run `npx rr add broadcast-channel-sync`. Use BroadcastChannel only for demo / cross-iframe state mirroring. Production data still goes through Convex realtime. Use the useBroadcastSync(channelName, initial) hook from @/features/broadcast-channel-sync."
+    },
+    {
+      "slug": "rbac-roles",
+      "title": "RBAC — Tiered System Roles",
+      "category": "auth",
+      "kind": "backend",
+      "version": "0.1.0",
+      "description": "Workspace-scoped RBAC with 6 system roles (owner/admin/manager/staff/client/guest) and three tier presets — solo, influencer, organization. Env-based platform admin bypass via PLATFORM_ADMIN_EMAILS. checkPermission / requirePermission helpers, role seeding mutation, @convex-dev/auth aware (no Clerk).",
+      "source": "superspace",
+      "slicePath": "",
+      "convexPaths": [
+        "template-base/convex/lib/rbac"
       ],
+      "npm": [],
+      "shadcn": [],
       "env": [
         {
-          "name": "ANTHROPIC_API_KEY",
-          "scope": "convex",
-          "required": false
-        },
-        {
-          "name": "OPENAI_API_KEY",
-          "scope": "convex",
-          "required": false
-        },
-        {
-          "name": "GOOGLE_GENERATIVE_AI_API_KEY",
+          "name": "PLATFORM_ADMIN_EMAILS",
           "scope": "convex",
-          "required": false
+          "description": "Comma-separated emails granted cross-workspace admin."
         }
       ],
       "peers": [
         {
           "slug": "convex-auth",
           "range": "^0.1",
-          "reason": "Thread ownership requires authenticated user."
-        },
-        {
-          "slug": "ai-router",
-          "range": "^0.1",
-          "reason": "Routes provider calls through tiered proxy."
-        },
-        {
-          "slug": "ai-admin",
-          "range": "^0.1",
-          "reason": "Reads instructions / skills / tools / models from ai-admin registry."
-        },
-        {
-          "slug": "vector-search",
-          "range": "^0.1",
-          "reason": "Optional — RAG / search modes pull workspace embeddings."
+          "reason": "RBAC checks the authed user identity."
         }
       ],
       "providers": [],
       "tags": [
-        "ai",
-        "ai:chat",
-        "streaming",
-        "multimodal",
-        "tool-calls",
-        "agent-mode",
-        "rag",
-        "citations",
-        "branching",
-        "history"
+        "rbac",
+        "auth",
+        "permissions",
+        "roles",
+        "workspaces"
       ],
-      "agentRecipe": "Run `npx rr add ai-chat`. Pick `mode=\"workbench\" | \"sidebar\" | \"search\"` on `<AIChat />` (or use the convenience exports `<AIChatWorkbench />`, `<AIChatSidebar />`, `<AIChatSearch />`). Same backend tables + streaming action for all three."
+      "agentRecipe": "Run `npx rr add rbac-roles`. Three tier presets pick which system roles to seed: solo (owner+admin), influencer (+manager), organization (6 roles). Platform admin via env PLATFORM_ADMIN_EMAILS bypasses all checks. Resolution: platform admin → workspace owner → membership.additionalPermissions → role.permissions."
     },
     {
-      "slug": "ai-studio",
-      "title": "AI Studio — Generation Canvas",
-      "category": "ai",
+      "slug": "admin-panel",
+      "title": "Admin Panel — Unified Product Admin",
+      "category": "infra",
       "kind": "full",
       "version": "0.1.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",
+      "description": "17-section admin surface (events, funnels, attribution, users, A/B, flags, pricing, CMS, email, audit, ...) gated by RBAC. Auto-filters sidebar by tier (solo/influencer/organization) and user permissions. Single backend resolver (getMyAdminAccess) mirrors frontend gate so UI can never leak.",
+      "source": "superspace + spec",
+      "slicePath": "template-base/frontend/slices/admin-panel",
       "convexPaths": [
-        "convex/features/ai"
-      ],
-      "npm": [
-        "ai@^4.0.0"
+        "template-base/convex/features/admin-panel"
       ],
+      "npm": [],
       "shadcn": [
-        "button",
         "card",
         "badge",
-        "textarea",
-        "tabs",
-        "tooltip",
-        "scroll-area",
-        "select"
+        "button"
       ],
       "env": [],
       "peers": [
         {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Generation history per user."
-        },
-        {
-          "slug": "ai-router",
-          "range": "^0.1",
-          "reason": "All generation calls flow through router."
-        },
-        {
-          "slug": "ai-admin",
+          "slug": "rbac-roles",
           "range": "^0.1",
-          "reason": "Templates + few-shot library + moderation rules live in ai-admin."
+          "reason": "Admin sections require RBAC perms — must seed roles first."
         }
       ],
       "providers": [],
       "tags": [
-        "ai",
-        "ai:studio",
-        "generation",
-        "streaming",
-        "history",
-        "branching",
-        "image-gen"
+        "admin",
+        "owner",
+        "platform",
+        "rbac",
+        "instrumentation",
+        "panel"
       ],
-      "agentRecipe": "Run `npx rr add ai-studio`. Mount `<GeneratorCanvas />` at /. Use case: prompt → output IS the entire product. Wire your output renderer (text/image/code/audio) via the OutputSlot adapter. Templates loaded from ai-admin.studio.templates."
+      "agentRecipe": "Run `npx rr add admin-panel`. Wrap pages with <AdminPage workspaceId tier>. AccessGate hides UI for non-admins, AdminShell renders 2-col layout with sidebar filtered by tier+perms. ADMIN_SECTIONS in config.ts is SSOT (17 entries). Personal-brand-os = tier 'solo' = owner sees everything."
     },
     {
-      "slug": "ai-agents",
-      "title": "AI Agents — Autonomous Workers",
-      "category": "ai",
+      "slug": "event-tracking",
+      "title": "Event Tracking — P0 Instrumentation",
+      "category": "data",
       "kind": "full",
       "version": "0.1.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",
+      "description": "Client SDK + Convex ingestion endpoint for structured product events. Auto-captures page_view/signup/login + UTM/referrer/first-touch attribution. Batched flush via requestIdleCallback. Targets <100ms p99 ingestion.",
+      "source": "spec + superspace analytics",
+      "slicePath": "template-base/frontend/slices/admin-panel/slices/events",
       "convexPaths": [
-        "convex/features/ai"
-      ],
-      "npm": [
-        "ai@^4.0.0"
-      ],
-      "shadcn": [
-        "button",
-        "card",
-        "badge",
-        "table",
-        "tabs",
-        "scroll-area",
-        "progress"
+        "template-base/convex/features/admin-panel",
+        "template-base/convex/features/analytics"
       ],
+      "npm": [],
+      "shadcn": [],
       "env": [],
       "peers": [
         {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Per-user agent run ownership."
-        },
-        {
-          "slug": "ai-router",
-          "range": "^0.1",
-          "reason": "Step calls flow through router."
-        },
-        {
-          "slug": "ai-admin",
-          "range": "^0.1",
-          "reason": "Agent definitions live in ai-admin → Agents."
-        },
-        {
-          "slug": "audit-log",
+          "slug": "admin-panel",
           "range": "^0.1",
-          "reason": "Every step logged."
+          "reason": "Lives under admin slice events subfolder."
         }
       ],
       "providers": [],
       "tags": [
-        "ai",
-        "ai:agents",
-        "agent-mode",
-        "tool-calls",
-        "async",
-        "queue",
-        "traces"
+        "events",
+        "analytics",
+        "instrumentation",
+        "attribution",
+        "utm",
+        "p0"
       ],
-      "agentRecipe": "Run `npx rr add ai-agents`. Mount `<RunnerDashboard />` at /agents. Trigger runs via `runAgent({agentSlug, input, scheduleAt?})`. Cron scheduler via Convex cron — wire if you need scheduled runs. Agent definitions managed in ai-admin."
+      "agentRecipe": "Run `npx rr add event-tracking`. Writes to analyticsEvents table (no new schema). Anonymous page_view allowed pre-signup; other events require workspaceId. Session id per tab (sessionStorage), first-touch UTM in localStorage. Flush every ~500ms via requestIdleCallback. Cap retry queue at 500."
     },
     {
-      "slug": "ai-admin",
-      "title": "AI Admin — Console (Instructions · Skills · Tools · Agents · Providers)",
-      "category": "ai",
-      "kind": "full",
+      "slug": "icon-picker",
+      "title": "Icon Picker",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.2.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",
-      "convexPaths": [
-        "convex/features/ai"
-      ],
+      "description": "Emoji + lucide icon picker with search, 10-color palette, Twemoji/native toggle, recents tracking. One string stores emoji OR lucide:Name OR with ?c=hex tint — backwards-compat with raw-emoji fields. Two variants: Popover (compact trigger) and Inline (full sheet/dialog use). Lifted 2026-05-16 from notion-page-clone — full implementation (19 files) including emoji-keywords search index, twemoji renderer, lucide-catalog, recents store, style-pref hook.",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/icon-picker",
+      "convexPaths": [],
       "npm": [],
       "shadcn": [
-        "card",
+        "popover",
         "button",
-        "badge",
-        "tabs",
-        "table",
-        "dialog",
         "input",
-        "label",
-        "select",
-        "textarea",
-        "switch",
-        "command"
+        "scroll-area",
+        "tabs"
       ],
-      "env": [
-        {
-          "name": "AI_ADMIN_ENCRYPTION_KEY",
-          "scope": "convex",
-          "required": true,
-          "description": "Encrypts stored provider API keys at rest."
-        }
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "icon",
+        "emoji",
+        "lucide",
+        "picker",
+        "twemoji",
+        "notion",
+        "notion-like"
       ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "requireAdmin gate."
-        },
-        {
-          "slug": "rbac-roles",
-          "range": "^0.1",
-          "reason": "Section gated by ai.* permissions (manage_providers, manage_skills, etc)."
-        },
-        {
-          "slug": "admin-panel",
-          "range": "^0.1",
-          "reason": "Lives as a registered admin section."
-        },
-        {
-          "slug": "audit-log",
-          "range": "^0.1",
-          "reason": "Every config change + AI call routes through audit-log."
-        }
+      "agentRecipe": "Run `npx rr add icon-picker`. parseIconValue() decodes; lucideValue()/withColor() build. Add 'icon: v.string()' to Convex table — no migration needed for existing emoji fields. <IconPicker> wraps any trigger (Popover); <IconPickerInline> for sheets/dialogs. <DynamicIcon> renders from parsed value."
+    },
+    {
+      "slug": "cta",
+      "title": "Call to Action",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Brutalist call-to-action section — eyebrow label, serif headline, body, arrow CTA. Pair with CtaButton standalone for inline placements. Lifted 2026-05-16 from rahmanef.com; assumes Tailwind tracking-brutal / tracking-brutal-sm utilities OR drop them for the default tracking scale.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/cta",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react@^0.400.0"
       ],
+      "shadcn": [],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "ai",
-        "ai:admin",
-        "instructions",
-        "skills",
-        "tools",
-        "agents",
-        "providers",
-        "models",
-        "budgets",
-        "audit"
+        "ui",
+        "marketing",
+        "cta",
+        "section",
+        "brutalist"
+      ],
+      "agentRecipe": "Run `npx rr add cta`. <CtaView eyebrow title body href ctaLabel /> renders the full section; <CtaButton href label /> drops a standalone arrow button anywhere. Override tracking-brutal utilities in tailwind.config or swap for tracking-wide if your design system has no brutal preset."
+    },
+    {
+      "slug": "hero",
+      "title": "Hero",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Editorial split-grid landing hero — eyebrow pill + large serif H1 + italic pull-quote + 1-2 button CTA row + right-column portrait card with optional caption. Fully props-driven (title/quote/ctas/image). Sanitized from rahmanef.com on 2026-05-16: SITE_CONFIG hardcode dropped, custom Heading/Section primitives replaced with raw semantic elements + stock Tailwind tracking-widest so the slice ships without consumer preset utilities.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/hero",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react@^0.400.0"
+      ],
+      "shadcn": [],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "hero",
+        "marketing",
+        "landing",
+        "section",
+        "editorial",
+        "brutalist"
+      ],
+      "agentRecipe": "Run `npx rr add hero`. <HeroView title eyebrow quote ctas image imageCaption /> — all props optional except title. Pass `image={undefined}` for text-only hero (auto-collapses to single 12-column row). Pairs visually with cta slice (same brutalist border + serif scale)."
+    },
+    {
+      "slug": "rate-limit",
+      "title": "Rate Limit",
+      "category": "infra",
+      "kind": "backend",
+      "version": "0.1.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. Caller chooses key namespace (csp:<ip>, mcp:<ip>, oauth_token:<ip>). Lifted 2026-05-16 from rahmanef.com.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/rate-limit",
+      "convexPaths": [
+        "convex/features/rate-limit"
+      ],
+      "npm": [],
+      "shadcn": [],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "infra",
+        "rate-limit",
+        "convex",
+        "backend",
+        "throttle"
       ],
-      "agentRecipe": "Run `npx rr add ai-admin`. Adds an `AI` section to the admin-panel ADMIN_SECTIONS registry. Sub-tabs ordered to match build-flow: Providers → Models → Instructions → Skills → Tools → Agents → Budgets → Audit. Includes Create-* wizards for instructions / skills / tools / agents. API keys AES-encrypted via AI_ADMIN_ENCRYPTION_KEY env. The instruction / skill / tool / agent registries are SSOTs consumed by every ai-* consumer slice (chat + studio + agents)."
+      "agentRecipe": "Run `npx rr add rate-limit`. Compose `rateLimitTables` into root convex/schema.ts. Wire `internal.features.rate_limit.mutations._pruneExpired` into convex/crons.ts every 5 min. Call `api.features.rate_limit.mutations.consume({ key, limit, windowMs })` from server-side handlers — keep a fail-open wrapper so a Convex outage doesn't 503 the route."
     },
     {
-      "slug": "ai-router",
-      "title": "AI Router — Backend Provider Proxy",
-      "category": "ai",
+      "slug": "subscribers",
+      "title": "Subscribers",
+      "category": "email",
       "kind": "backend",
       "version": "0.1.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",
+      "description": "Newsletter list with honeypot + per-email rate-limit + token-based unsubscribe + admin remove. Public `subscribe` returns status strings (`created` / `already` / `resubscribed` / `honeypot`); admin `listAll` / `count` queries gated by `requireAdmin` (rr `_shared/auth`). Lifted 2026-05-16 from rahmanef.com; sanitized: token args dropped, sibling `analyticsEvents` insert removed — wrap subscribe in a consumer action if you want funnel telemetry.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/subscribers",
       "convexPaths": [
-        "convex/features/ai"
-      ],
-      "npm": [
-        "ai@^4.0.0",
-        "@openrouter/ai-sdk-provider@^0.0.5"
-      ],
-      "shadcn": [
-        "button"
+        "convex/features/subscribers"
       ],
+      "npm": [],
+      "shadcn": [],
       "env": [
         {
-          "name": "OPENROUTER_API_KEY",
+          "name": "SUPER_ADMIN_EMAIL",
           "scope": "convex",
-          "required": true
+          "required": false,
+          "description": "Optional super-admin gate for admin queries."
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
         }
       ],
-      "peers": [],
       "providers": [],
       "tags": [
-        "ai",
-        "ai:backend",
-        "tier-routing",
-        "cost-guard"
+        "email",
+        "newsletter",
+        "subscribers",
+        "convex",
+        "backend"
       ],
-      "agentRecipe": "Run `npx rr add ai-router`. Wrap every AI call through ai-router. Tiers: nano = quick classification (spam-flag, headline-suggest), mid = chat / draft, flagship = methodology-review / deep-think. Token usage logs to ai_usage table for the cost dashboard."
+      "agentRecipe": "Run `npx rr add subscribers`. Compose `subscribersTables` into root convex/schema.ts. Public form posts `api.features.subscribers.mutations.subscribe({ email, source, website })` — `website` is the honeypot, leave it `\"\"` from the form. Render unsubscribe link `/unsubscribe?t=<token>` and call `unsubscribe({ token })`."
     },
     {
-      "slug": "vector-search",
-      "title": "Convex Vector Search",
-      "category": "search",
-      "kind": "full",
+      "slug": "testimonials",
+      "title": "Testimonials",
+      "category": "content",
+      "kind": "backend",
       "version": "0.1.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",
+      "description": "Quote/name/role rotator backend. Public `listAll` + `get` (no auth — testimonials are public), admin CRUD via `requireAdmin`, internal `seed` for one-shot bootstrap. Indexed by `order` so carousel/grid keeps stable rotation. Lifted 2026-05-16 from rahmanef.com; token-based admin gate swapped for rr `_shared/auth`.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/testimonials",
       "convexPaths": [
-        "convex/features/search"
-      ],
-      "npm": [
-        "@convex-dev/vector-search@^0.0.5"
-      ],
-      "shadcn": [
-        "card",
-        "input"
+        "convex/features/testimonials"
       ],
+      "npm": [],
+      "shadcn": [],
       "env": [
         {
-          "name": "OPENAI_API_KEY",
+          "name": "SUPER_ADMIN_EMAIL",
           "scope": "convex",
-          "required": true
+          "required": false
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
         }
       ],
-      "peers": [],
       "providers": [],
       "tags": [
-        "search",
-        "vector",
-        "embeddings",
+        "content",
+        "testimonials",
         "convex",
-        "rag"
+        "backend",
+        "marketing"
       ],
-      "agentRecipe": "Run `npx rr add vector-search`. Add embedding field + vectorIndex per searchable table. Re-embed on upsert via Convex action. Cache embeddings — don't re-call OpenAI on every read."
+      "agentRecipe": "Run `npx rr add testimonials`. Compose `testimonialsTables` into root schema. Bootstrap via `npx convex run internal.features.testimonials.mutations.seed '{\"items\":[{\"quote\":\"...\",\"name\":\"...\",\"role\":\"...\",\"order\":1}]}'`. Render with `useQuery(api.features.testimonials.queries.listAll)`."
     },
     {
-      "slug": "mdx-blog",
-      "title": "MDX Blog",
+      "slug": "services",
+      "title": "Services",
       "category": "content",
-      "kind": "ui",
-      "version": "0.2.0",
-      "description": "Markdown-with-JSX untuk blog post. File-based MDX content collection. Portable defineMdxBlog(opts) factory dengan 4 config props (basePath, contentDir, labels.list, nav) — defaults preserve legacy /blog + content/blog. Auto-generate ToC, reading-time, syntax highlight, plus embed React components inline.",
-      "source": "rahmanef63/resource-site",
-      "slicePath": "frontend/slices/mdx-blog",
-      "convexPaths": [],
-      "npm": [
-        "@next/mdx@^16.0.0",
-        "gray-matter@^4.0.3",
-        "rehype-pretty-code@^0.14.0"
+      "kind": "backend",
+      "version": "0.1.0",
+      "description": "Service offerings backend — title + summary + deliverables array + sort order. Public read, admin CRUD, internal seed. Pairs with a frontend services grid/list (consumer-side). Lifted 2026-05-16 from rahmanef.com; token-based admin gate swapped for rr `_shared/auth`.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/services",
+      "convexPaths": [
+        "convex/features/services"
       ],
-      "shadcn": [
-        "card"
+      "npm": [],
+      "shadcn": [],
+      "env": [
+        {
+          "name": "SUPER_ADMIN_EMAIL",
+          "scope": "convex",
+          "required": false
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
+        }
       ],
-      "env": [],
-      "peers": [],
       "providers": [],
       "tags": [
         "content",
-        "blog",
-        "mdx",
-        "static"
+        "services",
+        "convex",
+        "backend",
+        "marketing",
+        "agency"
       ],
-      "agentRecipe": "Run `npx rr add mdx-blog`. Store post body sebagai markdown di content/blog/*.mdx. Render dengan MDXRemote di [slug]/page.tsx. Auto-extract headings ke ToC via remark plugin custom."
+      "agentRecipe": "Run `npx rr add services`. Compose `servicesTables` into root schema. Use `useQuery(api.features.services.queries.listAll)` from a server component / route to render service cards. CRUD via admin UI calling `create` / `update` / `remove` after `requireAdmin` passes."
     },
     {
-      "slug": "cal-com-booking",
-      "title": "Cal.com Booking",
-      "category": "data",
-      "kind": "full",
+      "slug": "socials",
+      "title": "Socials",
+      "category": "content",
+      "kind": "backend",
       "version": "0.1.0",
-      "description": "Embedded Cal.com booking widget + webhook receiver to mirror bookings into Convex.",
-      "source": "rahmanef63/resource-site",
-      "slicePath": "frontend/slices/cal-com-booking",
+      "description": "Single source of truth for profile/social links. Powers JSON-LD `Person.sameAs` (Google entity graph), IndieWeb `<link rel=\"me\">` tags, and footer/contact/about UI surfaces. URL-deduped, ordered, `visible` / `featured` / `relMe` / `sameAs` flags. Lifted 2026-05-16 from rahmanef.com; token-based admin gate swapped, baked-in 14-platform rahmanef seed dropped — `seed` now takes items via args so each adopter ships their own list.",
+      "source": "rahmanef.com",
+      "slicePath": "frontend/slices/socials",
       "convexPaths": [
-        "convex/features/bookings"
-      ],
-      "npm": [
-        "@calcom/embed-react@^1.5.0"
-      ],
-      "shadcn": [
-        "card"
+        "convex/features/socials"
       ],
+      "npm": [],
+      "shadcn": [],
       "env": [
         {
-          "name": "NEXT_PUBLIC_CALCOM_USERNAME",
-          "scope": "next-public",
-          "required": true
-        },
-        {
-          "name": "CALCOM_WEBHOOK_SECRET",
+          "name": "SUPER_ADMIN_EMAIL",
           "scope": "convex",
-          "required": true
+          "required": false
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
         }
       ],
-      "peers": [],
       "providers": [],
       "tags": [
-        "data",
-        "scheduling",
-        "cal-com",
-        "bookings"
+        "content",
+        "socials",
+        "seo",
+        "indieweb",
+        "convex",
+        "backend"
       ],
-      "agentRecipe": "Run `npx rr add cal-com-booking`. Embed Cal.com via @calcom/embed-react di halaman services. Configure webhook di Cal.com dashboard → POST ke /api/cal-webhook → upsert booking di Convex."
+      "agentRecipe": "Run `npx rr add socials`. Compose `socialsTables` into root schema. Bootstrap with `npx convex run internal.features.socials.mutations.seed '{\"items\":[{\"platform\":\"github\",\"url\":\"https://github.com/<you>\",\"order\":1,\"visible\":true,\"featured\":true,\"sameAs\":true,\"relMe\":true}]}'`. Wire `useQuery(api.features.socials.queries.listVisible)` into footer for entity-graph SEO."
     },
     {
-      "slug": "full-width-toggle",
-      "title": "Full Width Toggle",
-      "category": "ui",
-      "kind": "ui",
+      "slug": "create-your-mcp",
+      "title": "Create Your MCP",
+      "category": "ai",
+      "kind": "full",
       "version": "0.1.0",
-      "description": "Page-container width toggle (contained / wide / full). Per-device localStorage + cross-tab sync. Ships useFullWidth hook + FullWidthToggle button (icon/button/segment variants) + WidthContainer wrapper. Zero backend, zero env.",
-      "source": "rahmanef63/resource-site",
-      "slicePath": "frontend/slices/full-width-toggle",
-      "convexPaths": [],
-      "npm": [],
-      "shadcn": [
-        "button"
-      ],
-      "env": [],
-      "peers": [],
-      "providers": [],
-      "tags": [
-        "ui",
-        "layout",
-        "preference",
-        "localstorage",
-        "dashboard"
+      "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",
+      "convexPaths": [
+        "convex/features/create-your-mcp"
       ],
-      "agentRecipe": "Run `npx rr add full-width-toggle`. Drop <WidthContainer> around page content, <FullWidthToggle variant='icon' /> in topbar. Variant 'segment' best for settings page. Hook useFullWidth() returns [mode, setMode, cycle]. SSR-safe — defaults to 'contained' until hydrate."
-    },
-    {
-      "slug": "command-menu",
-      "title": "Command Menu",
-      "category": "ui",
-      "kind": "ui",
-      "version": "0.2.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",
-      "convexPaths": [],
-      "npm": [
-        "cmdk@^1.0.0"
+      "npm": [],
+      "shadcn": [],
+      "env": [
+        {
+          "name": "MCP_API_KEY",
+          "scope": "server",
+          "required": false,
+          "description": "Static bearer for service-account / CI access. Min 32 chars. Must match Convex env."
+        },
+        {
+          "name": "MCP_OAUTH_ALLOWED_HOSTS",
+          "scope": "convex",
+          "required": false,
+          "description": "CSV vendor domains for redirect_uri (chatgpt.com,claude.ai,cursor.sh)."
+        },
+        {
+          "name": "MCP_OAUTH_ALLOWED_PATH_PREFIXES",
+          "scope": "convex",
+          "required": false,
+          "description": "CSV path prefixes under allowed hosts (/aip/,/connector/,/oauth/)."
+        },
+        {
+          "name": "NEXT_PUBLIC_SITE_URL",
+          "scope": "next-public",
+          "required": true,
+          "description": "Public site origin for WWW-Authenticate challenge."
+        }
       ],
-      "shadcn": [
-        "command",
-        "dialog"
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
+        }
       ],
-      "env": [],
-      "peers": [],
       "providers": [],
       "tags": [
-        "ui",
-        "palette",
-        "cmd-k",
-        "navigation",
-        "keyboard",
-        "search"
+        "ai",
+        "mcp",
+        "oauth",
+        "pkce",
+        "chatgpt",
+        "claude",
+        "cursor",
+        "convex",
+        "integration"
       ],
-      "agentRecipe": "Run `npx rr add command-menu`. Wire <CommandPalette groups={...} onHistorySelect={...} labels={...} /> at the dashboard shell. Build groups from your feature registry; each item.onSelect handles navigation. Use <SearchModal bindings={{ pages, databases, recents, isLoading, onQueryChange, onSelectPage, onSelectDatabase }} /> for the search dialog — see slice README.md for adapter shapes."
+      "agentRecipe": "Run `npx rr add create-your-mcp`. Compose `createYourMcpTables` into root schema. Move `slices/create-your-mcp/routes/mcp.route.ts` → `app/api/mcp/route.ts` and `oauth-token.route.ts` → `app/api/oauth/token/route.ts`. Set MCP_OAUTH_ALLOWED_HOSTS (CSV vendor domains). Mount `<McpAdminView />` at /admin/mcp. Connect ChatGPT/Claude/Cursor via the setup form rendered by the admin view."
     },
     {
-      "slug": "motion-primitives",
-      "title": "Motion Primitives (8)",
-      "category": "ui",
-      "kind": "ui",
+      "slug": "contact-form-resend",
+      "title": "Contact Form + Resend",
+      "category": "email",
+      "kind": "full",
       "version": "0.1.0",
-      "description": "Eight ready-to-style motion components: marquee, kinetic-heading, magnetic, cursor-spotlight, stat-counter, reading-progress, grain, lightbox. Framer-Motion-powered, tree-shakeable. Facade slice — pulls from template-base/frontend/slices/motion-primitives.",
-      "source": "rahmanef.com",
-      "slicePath": "template-base/frontend/slices/motion-primitives",
+      "description": "Contact form posting to Resend email API. Server Action + Zod input validation. Convex mutation for storage + Resend send.",
+      "source": "cescadesigns",
+      "slicePath": "template-base/frontend/slices/contact-form-resend",
       "convexPaths": [],
       "npm": [
+        "resend@^4.0.0",
         "framer-motion@^11.0.0"
       ],
-      "shadcn": [],
-      "env": [],
-      "peers": [],
-      "providers": [],
-      "tags": [
-        "ui",
-        "motion",
-        "animation",
-        "marquee",
-        "framer-motion"
-      ],
-      "agentRecipe": "Run `npx rr add motion-primitives`. Each primitive is independently importable from @/features/motion-primitives. Use marquee for logo strips, kinetic-heading for hero text, magnetic for CTA buttons, cursor-spotlight for hover-reveal panels, stat-counter for animated numbers, reading-progress for blog top bar, grain for film texture, lightbox for image gallery."
-    },
-    {
-      "slug": "responsive-dialog",
-      "title": "Responsive Dialog (Sheet ↔ Modal)",
-      "category": "ui",
-      "kind": "ui",
-      "version": "0.1.0",
-      "description": "ResponsiveDialog — auto-switches between bottom Sheet (mobile) and centered Dialog (desktop) at the md breakpoint. Same API as shadcn Dialog. Kitab forbids raw <dialog>; use this everywhere. Facade slice — pulls from template-base/frontend/slices/responsive-dialog.",
-      "source": "superspace",
-      "slicePath": "template-base/frontend/slices/responsive-dialog",
-      "convexPaths": [],
-      "npm": [],
       "shadcn": [
-        "dialog",
-        "sheet"
+        "card",
+        "button",
+        "input",
+        "label",
+        "textarea"
+      ],
+      "env": [
+        {
+          "name": "RESEND_API_KEY",
+          "scope": "convex",
+          "required": true
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Optional — anonymous submission works without auth."
+        }
       ],
-      "env": [],
-      "peers": [],
       "providers": [],
       "tags": [
-        "ui",
-        "dialog",
-        "modal",
-        "sheet",
-        "responsive",
-        "primitive"
+        "form",
+        "email",
+        "resend",
+        "convex"
       ],
-      "agentRecipe": "Run `npx rr add responsive-dialog`. Drop-in for shadcn Dialog. Use <ResponsiveDialog><ResponsiveDialogTrigger>…</ResponsiveDialogTrigger><ResponsiveDialogContent>…</ResponsiveDialogContent></ResponsiveDialog>. On mobile renders as Sheet sliding from bottom; on desktop as centered Dialog. Threshold via useMediaQuery('(min-width: 768px)')."
+      "agentRecipe": "Run `npx rr add contact-form-resend`. Wire contactMessages.send mutation in convex/. Server emails via Resend from form@yourdomain.com. Always validate inputs with Zod or v.* server-side. Anonymous allowed."
     },
     {
-      "slug": "dashboard-shell",
-      "title": "Dashboard Shell — Responsive",
-      "category": "ui",
-      "kind": "ui",
-      "version": "0.1.0",
-      "description": "ResponsiveDashboardShell — desktop sidebar + topbar, mobile dock + sheet sidebar, breakpoint-aware. Ports superspace's layout/dashboard/{Desktop,Mobile,Responsive}DashboardShell + sidebar primary/secondary slots. Facade slice — pulls from template-base/frontend/slices/dashboard-shell.",
-      "source": "superspace",
-      "slicePath": "template-base/frontend/slices/dashboard-shell",
-      "convexPaths": [],
+      "slug": "admin",
+      "title": "Admin — Generic Shell",
+      "category": "infra",
+      "kind": "full",
+      "version": "0.2.0",
+      "description": "Per-instance admin landing scaffold + portable nav-from-registry factory. Consumer supplies a SliceRegistryAdapter (each slice declares its own admin.activity[]) + queryTable reader; the slice's buildAdminStats(opts) emits the { counts, unreadMessages, activity } shape Convex's admin.stats query returns. Pulled UP from rahmanef.com (Wave N+3.1, commit b542389) — domain literals dropped at the kitab boundary. Gated by requireAdmin on Convex side; superadmin email gate via SUPER_ADMIN_EMAIL env.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/admin",
+      "convexPaths": [
+        "convex/features/admin"
+      ],
       "npm": [],
       "shadcn": [
-        "sheet",
-        "scroll-area",
-        "separator",
-        "tooltip"
+        "card",
+        "button"
+      ],
+      "env": [
+        {
+          "name": "SUPER_ADMIN_EMAIL",
+          "scope": "convex",
+          "required": false
+        }
       ],
-      "env": [],
       "peers": [
         {
-          "slug": "full-width-toggle",
+          "slug": "convex-auth",
           "range": "^0.1",
-          "reason": "Topbar surfaces the width toggle when this is mounted."
+          "reason": "requireAdmin gate uses convex-auth user identity."
         }
       ],
       "providers": [],
       "tags": [
-        "ui",
-        "layout",
-        "dashboard",
-        "sidebar",
-        "topbar",
-        "responsive"
+        "infra",
+        "admin",
+        "shell",
+        "crud",
+        "nav-from-registry"
       ],
-      "agentRecipe": "Run `npx rr add dashboard-shell`. Wraps app/(admin) routes. <ResponsiveDashboardShell sidebar={<AppSidebar />} topbar={<TopBar />}>{children}</ResponsiveDashboardShell>. Mobile: sidebar collapses to <Sheet>. Desktop: persistent sidebar + topbar. Embed FullWidthToggle in topbar for instant container resize."
+      "agentRecipe": "Run `rr add admin`. Wire <AdminPage labels={...} /> at /admin and call buildAdminStats({ sliceRegistry, queryTable }) inside convex/features/admin/query.ts — sliceRegistry.entries flat-maps each feature's admin.activity[] declarations. Set SUPER_ADMIN_EMAIL via `npx convex env set` to lock down /admin to one address."
     },
     {
-      "slug": "broadcast-channel-sync",
-      "title": "BroadcastChannel — Cross-tab Sync",
-      "category": "realtime",
-      "kind": "ui",
+      "slug": "platform-admin",
+      "title": "Platform Admin — Multi-Tenant Control Plane",
+      "category": "infra",
+      "kind": "full",
       "version": "0.1.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",
+      "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",
       "convexPaths": [],
       "npm": [],
       "shadcn": [],
-      "env": [],
-      "peers": [],
+      "env": [
+        {
+          "name": "PLATFORM_ADMIN_EMAILS",
+          "scope": "convex",
+          "required": true,
+          "description": "Comma-separated list of platform admin email addresses."
+        }
+      ],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Actor identity for audit + tier-set ops."
+        },
+        {
+          "slug": "audit-log",
+          "range": "^0.2",
+          "reason": "padmin_audit table feeds through audit-log TenantAdapter."
+        }
+      ],
       "providers": [],
       "tags": [
-        "realtime",
-        "cross-tab",
-        "broadcast-channel",
-        "demo-pattern"
+        "infra",
+        "admin",
+        "multi-tenant",
+        "saas",
+        "platform"
       ],
-      "agentRecipe": "Run `npx rr add broadcast-channel-sync`. Use BroadcastChannel only for demo / cross-iframe state mirroring. Production data still goes through Convex realtime. Use the useBroadcastSync(channelName, initial) hook from @/features/broadcast-channel-sync."
+      "agentRecipe": "Run `npx rr add platform-admin`. Contract-only scaffold. Wait for superspace /rr-send platform-admin before adopting. Distinct from per-instance `admin` slug."
     },
     {
-      "slug": "rbac-roles",
-      "title": "RBAC — Tiered System Roles",
-      "category": "auth",
+      "slug": "audit-log",
+      "title": "Audit Log — Workspace Events",
+      "category": "infra",
       "kind": "backend",
-      "version": "0.1.0",
-      "description": "Workspace-scoped RBAC with 6 system roles (owner/admin/manager/staff/client/guest) and three tier presets — solo, influencer, organization. Env-based platform admin bypass via PLATFORM_ADMIN_EMAILS. checkPermission / requirePermission helpers, role seeding mutation, @convex-dev/auth aware (no Clerk).",
-      "source": "superspace",
-      "slicePath": "",
+      "version": "0.2.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",
       "convexPaths": [
-        "template-base/convex/lib/rbac"
+        "convex/features/audit-log"
       ],
       "npm": [],
       "shadcn": [],
-      "env": [
-        {
-          "name": "PLATFORM_ADMIN_EMAILS",
-          "scope": "convex",
-          "description": "Comma-separated emails granted cross-workspace admin."
-        }
-      ],
+      "env": [],
       "peers": [
         {
           "slug": "convex-auth",
           "range": "^0.1",
-          "reason": "RBAC checks the authed user identity."
+          "reason": "Event actor resolved via authenticated user."
         }
       ],
       "providers": [],
       "tags": [
-        "rbac",
-        "auth",
-        "permissions",
-        "roles",
-        "workspaces"
+        "infra",
+        "audit",
+        "compliance",
+        "logging"
       ],
-      "agentRecipe": "Run `npx rr add rbac-roles`. Three tier presets pick which system roles to seed: solo (owner+admin), influencer (+manager), organization (6 roles). Platform admin via env PLATFORM_ADMIN_EMAILS bypasses all checks. Resolution: platform admin → workspace owner → membership.additionalPermissions → role.permissions."
+      "agentRecipe": "Run `rr add audit-log`. Import logAuditEvent from convex/_shared/auditLogger.ts and call inside every workspace-scoped mutation with { action, workspaceId, entityType, entityId, before?, after? }."
     },
     {
-      "slug": "admin-panel",
-      "title": "Admin Panel — Unified Product Admin",
-      "category": "infra",
+      "slug": "comments",
+      "title": "Comments — Threaded",
+      "category": "content",
       "kind": "full",
-      "version": "0.1.0",
-      "description": "17-section admin surface (events, funnels, attribution, users, A/B, flags, pricing, CMS, email, audit, ...) gated by RBAC. Auto-filters sidebar by tier (solo/influencer/organization) and user permissions. Single backend resolver (getMyAdminAccess) mirrors frontend gate so UI can never leak.",
-      "source": "superspace + spec",
-      "slicePath": "template-base/frontend/slices/admin-panel",
+      "version": "0.2.0",
+      "description": "Polymorphic-target threaded comments. Consumer picks `TargetRef = { kind, id, subId? }` (e.g. page+block, blog+slug, task+id). Renderless <CommentsThread> + <CommentsAnchor> wrappers. useComments(bindings, opts) hook returns items + openCount + CRUD + forbiddenWords guard. Adapter pattern — see contract-negotiations §1.",
+      "source": "rahmanef63/resource-site",
+      "slicePath": "frontend/slices/comments",
       "convexPaths": [
-        "template-base/convex/features/admin-panel"
+        "convex/features/comments"
       ],
       "npm": [],
       "shadcn": [
-        "card",
-        "badge",
-        "button"
+        "button",
+        "textarea",
+        "avatar"
       ],
       "env": [],
       "peers": [
         {
-          "slug": "rbac-roles",
+          "slug": "convex-auth",
           "range": "^0.1",
-          "reason": "Admin sections require RBAC perms — must seed roles first."
+          "reason": "Comment author identity from convex-auth."
         }
       ],
       "providers": [],
       "tags": [
-        "admin",
-        "owner",
-        "platform",
-        "rbac",
-        "instrumentation",
-        "panel"
+        "content",
+        "social",
+        "comments",
+        "threaded",
+        "annotations"
       ],
-      "agentRecipe": "Run `npx rr add admin-panel`. Wrap pages with <AdminPage workspaceId tier>. AccessGate hides UI for non-admins, AdminShell renders 2-col layout with sidebar filtered by tier+perms. ADMIN_SECTIONS in config.ts is SSOT (17 entries). Personal-brand-os = tier 'solo' = owner sees everything."
+      "agentRecipe": "Run `rr add comments`. Wire Convex bindings ({ list, create, update, resolve, remove }) then use <CommentsThread target={{ kind, id, subId? }} bindings={bindings} forbiddenWords={[...]}>{render-prop}</CommentsThread> OR <CommentsAnchor target=... bindings=... pathMap={(t)=>...}>. v0.2.0 polymorphic — pick `kind` literal per host domain."
     },
     {
-      "slug": "event-tracking",
-      "title": "Event Tracking — P0 Instrumentation",
-      "category": "data",
+      "slug": "seo",
+      "title": "SEO — AI Metadata Generator",
+      "category": "content",
       "kind": "full",
-      "version": "0.1.0",
-      "description": "Client SDK + Convex ingestion endpoint for structured product events. Auto-captures page_view/signup/login + UTM/referrer/first-touch attribution. Batched flush via requestIdleCallback. Targets <100ms p99 ingestion.",
-      "source": "spec + superspace analytics",
-      "slicePath": "template-base/frontend/slices/admin-panel/slices/events",
+      "version": "0.2.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",
       "convexPaths": [
-        "template-base/convex/features/admin-panel",
-        "template-base/convex/features/analytics"
+        "convex/features/seo"
       ],
       "npm": [],
       "shadcn": [],
-      "env": [],
+      "env": [
+        {
+          "name": "ANTHROPIC_API_KEY",
+          "scope": "server",
+          "required": true
+        }
+      ],
       "peers": [
         {
-          "slug": "admin-panel",
+          "slug": "convex-auth",
           "range": "^0.1",
-          "reason": "Lives under admin slice events subfolder."
+          "reason": "Cost guard + requireAdmin gates use convex-auth user identity."
         }
       ],
       "providers": [],
       "tags": [
-        "events",
-        "analytics",
-        "instrumentation",
-        "attribution",
-        "utm",
-        "p0"
+        "content",
+        "seo",
+        "ai",
+        "anthropic",
+        "metadata-generator"
       ],
-      "agentRecipe": "Run `npx rr add event-tracking`. Writes to analyticsEvents table (no new schema). Anonymous page_view allowed pre-signup; other events require workspaceId. Session id per tab (sessionStorage), first-touch UTM in localStorage. Flush every ~500ms via requestIdleCallback. Cap retry queue at 500."
+      "agentRecipe": "Run `rr add seo`. Call seo.generate from server actions or admin mutations with `personaContext` describing your brand voice (or rely on the generic default). Cost guard rate-limits per-user within 24h via callsInWindow query."
     },
     {
-      "slug": "theme-preset-switcher",
-      "title": "Theme Preset Switcher",
-      "category": "ui",
-      "kind": "ui",
+      "slug": "document-checklist",
+      "title": "Document Checklist — Job-Search Doc Tracker",
+      "category": "content",
+      "kind": "full",
       "version": "0.1.0",
-      "description": "Runtime theme swap (colors + fonts + shadows + tracking). OKLch CSS vars per preset. Persists to localStorage + Convex. Add a new preset by appending a CSS block in app/globals.css with [data-theme=\"<name>\"], then register in preset-groups.ts.",
-      "source": "rahmanef.com",
-      "slicePath": "template-base/frontend/shared/theme",
-      "convexPaths": [],
-      "npm": [],
-      "shadcn": [],
-      "env": [],
-      "peers": [],
-      "providers": [],
-      "tags": [
-        "theme",
-        "presets",
-        "oklch",
-        "design-system"
+      "description": "Track required job-search documents (CV, KTP, ijazah, etc.) with country-scoped seed templates and per-user completion state. Ships an Indonesian default checklist. Toggle completed + notes + expiry per item.",
+      "source": "rahmanef63/CareerPack",
+      "slicePath": "frontend/slices/document-checklist",
+      "convexPaths": [
+        "convex/features/document-checklist"
+      ],
+      "npm": [
+        "lucide-react"
       ],
-      "agentRecipe": "Run `npx rr add theme-preset-switcher`. Import ThemePresetSwitcher from @/frontend/shared/ui/components/theme-preset-switcher and mount in the topbar. Presets live in theme-presets.ts; preset-groups.ts groups them for the picker UI."
-    },
-    {
-      "slug": "icon-picker",
-      "title": "Icon Picker",
-      "category": "ui",
-      "kind": "ui",
-      "version": "0.2.0",
-      "description": "Emoji + lucide icon picker with search, 10-color palette, Twemoji/native toggle, recents tracking. One string stores emoji OR lucide:Name OR with ?c=hex tint — backwards-compat with raw-emoji fields. Two variants: Popover (compact trigger) and Inline (full sheet/dialog use). Lifted 2026-05-16 from notion-page-clone — full implementation (19 files) including emoji-keywords search index, twemoji renderer, lucide-catalog, recents store, style-pref hook.",
-      "source": "notion-page-clone",
-      "slicePath": "frontend/slices/icon-picker",
-      "convexPaths": [],
-      "npm": [],
       "shadcn": [
-        "popover",
+        "badge",
         "button",
-        "input",
+        "card",
+        "dialog",
+        "label",
+        "popover",
+        "calendar",
+        "progress",
         "scroll-area",
-        "tabs"
+        "skeleton",
+        "tabs",
+        "textarea"
       ],
       "env": [],
-      "peers": [],
+      "peers": [
+        {
+          "slug": "convex-auth",
+          "range": "^0.1",
+          "reason": "Auth identity for user-scoped checklist state."
+        }
+      ],
       "providers": [],
       "tags": [
-        "icon",
-        "emoji",
-        "lucide",
-        "picker",
-        "twemoji",
-        "notion"
+        "career",
+        "documents",
+        "checklist",
+        "job-search",
+        "indonesia"
       ],
-      "agentRecipe": "Run `npx rr add icon-picker`. parseIconValue() decodes; lucideValue()/withColor() build. Add 'icon: v.string()' to Convex table — no migration needed for existing emoji fields. <IconPicker> wraps any trigger (Popover); <IconPickerInline> for sheets/dialogs. <DynamicIcon> renders from parsed value."
+      "agentRecipe": "Run `rr add document-checklist`. Wire <DocumentChecklist bindings={{ current, seed, updateStatus }} countryTemplateSlot={<CountryTemplateCard bindings={{ templates, getTemplate, instantiate }} />} /> — bindings sourced from api.features['document-checklist'].* queries/mutations."
     },
     {
-      "slug": "cta",
-      "title": "Call to Action",
+      "slug": "pricing-page",
+      "title": "Pricing Page",
       "category": "ui",
       "kind": "ui",
       "version": "0.1.0",
-      "description": "Brutalist call-to-action section — eyebrow label, serif headline, body, arrow CTA. Pair with CtaButton standalone for inline placements. Lifted 2026-05-16 from rahmanef.com; assumes Tailwind tracking-brutal / tracking-brutal-sm utilities OR drop them for the default tracking scale.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/cta",
+      "description": "Canonical pricing tier section — eyebrow + headline + 2/3/4 column tier grid with optional FAQ accordion below. Tiers fully data-driven (name/price/period/bullets/cta/featured/badge). Featured variant configurable (ring/scale/tint). Single SSOT — every saas/marketing template consumes this slice for pricing pages so admin-edited tiers propagate without per-template rewriting.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/pricing-page",
       "convexPaths": [],
       "npm": [
         "lucide-react@^0.400.0"
       ],
-      "shadcn": [],
+      "shadcn": [
+        "button",
+        "card",
+        "accordion"
+      ],
       "env": [],
       "peers": [],
       "providers": [],
       "tags": [
         "ui",
-        "marketing",
-        "cta",
+        "pricing",
         "section",
-        "brutalist"
+        "marketing",
+        "saas",
+        "tiers",
+        "faq"
       ],
-      "agentRecipe": "Run `npx rr add cta`. <CtaView eyebrow title body href ctaLabel /> renders the full section; <CtaButton href label /> drops a standalone arrow button anywhere. Override tracking-brutal utilities in tailwind.config or swap for tracking-wide if your design system has no brutal preset."
+      "agentRecipe": "Run `npx rr add pricing-page`. <PricingSection eyebrow title subtitle tiers columns faq faqTitle featuredVariant /> — only `title` + `tiers` required. Each tier: `{ id, name, price, period?, blurb?, bullets[], cta?, featured?, badge? }`. Pass `featuredVariant=\"scale\"` for a popped-forward card or `\"tint\"` for a colored background. Wire admin CRUD via your store hook → useTiers() → pass array."
     },
     {
-      "slug": "hero",
-      "title": "Hero",
+      "slug": "feature-grid",
+      "title": "Feature Grid",
       "category": "ui",
       "kind": "ui",
       "version": "0.1.0",
-      "description": "Editorial split-grid landing hero — eyebrow pill + large serif H1 + italic pull-quote + 1-2 button CTA row + right-column portrait card with optional caption. Fully props-driven (title/quote/ctas/image). Sanitized from rahmanef.com on 2026-05-16: SITE_CONFIG hardcode dropped, custom Heading/Section primitives replaced with raw semantic elements + stock Tailwind tracking-widest so the slice ships without consumer preset utilities.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/hero",
+      "description": "Canonical features grid section — eyebrow + headline + 1/2/3/4 column item grid in three layout variants (cards, minimal, alternating). Items accept Lucide icon component OR string label, optional image (next/image), optional link CTA. Single SSOT — every template consumes this slice for features pages so admin-edited items propagate without per-template duplication.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/feature-grid",
       "convexPaths": [],
       "npm": [
         "lucide-react@^0.400.0"
       ],
-      "shadcn": [],
+      "shadcn": [
+        "button",
+        "card"
+      ],
       "env": [],
       "peers": [],
       "providers": [],
       "tags": [
         "ui",
-        "hero",
-        "marketing",
-        "landing",
+        "features",
         "section",
-        "editorial",
-        "brutalist"
+        "marketing",
+        "grid",
+        "saas"
       ],
-      "agentRecipe": "Run `npx rr add hero`. <HeroView title eyebrow quote ctas image imageCaption /> — all props optional except title. Pass `image={undefined}` for text-only hero (auto-collapses to single 12-column row). Pairs visually with cta slice (same brutalist border + serif scale)."
+      "agentRecipe": "Run `npx rr add feature-grid`. <FeatureGridSection eyebrow title subtitle items columns layout align /> — only `items` required. Each item: `{ id, title, body, icon?, image?, link? }`. `icon` can be a LucideIcon component (rendered as 5×5 inline) or a string (rendered as letter fallback). `layout=\"alternating\"` produces image+text rows that flip per index — set `image` per item for that variant."
     },
     {
-      "slug": "rate-limit",
-      "title": "Rate Limit",
+      "slug": "landing-sections",
+      "title": "Landing Sections",
       "category": "infra",
-      "kind": "backend",
+      "kind": "ui",
       "version": "0.1.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. Caller chooses key namespace (csp:<ip>, mcp:<ip>, oauth_token:<ip>). Lifted 2026-05-16 from rahmanef.com.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/rate-limit",
-      "convexPaths": [
-        "convex/features/rate-limit"
+      "description": "CRUD-driven admin editor for the public landing-page composition. 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>. Canonical pattern used by all 7 rr website templates.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/landing-sections",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react@^0.400.0"
+      ],
+      "shadcn": [
+        "badge",
+        "button",
+        "dialog",
+        "input",
+        "label",
+        "select",
+        "switch",
+        "table",
+        "textarea"
       ],
-      "npm": [],
-      "shadcn": [],
       "env": [],
       "peers": [],
       "providers": [],
       "tags": [
-        "infra",
-        "rate-limit",
-        "convex",
-        "backend",
-        "throttle"
+        "admin",
+        "landing",
+        "cms",
+        "sections",
+        "crud"
       ],
-      "agentRecipe": "Run `npx rr add rate-limit`. Compose `rateLimitTables` into root convex/schema.ts. Wire `internal.features.rate_limit.mutations._pruneExpired` into convex/crons.ts every 5 min. Call `api.features.rate_limit.mutations.consume({ key, limit, windowMs })` from server-side handlers — keep a fail-open wrapper so a Convex outage doesn't 503 the route."
+      "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."
     },
     {
-      "slug": "subscribers",
-      "title": "Subscribers",
-      "category": "email",
-      "kind": "backend",
+      "slug": "faq-section",
+      "title": "FAQ Section",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.0",
-      "description": "Newsletter list with honeypot + per-email rate-limit + token-based unsubscribe + admin remove. Public `subscribe` returns status strings (`created` / `already` / `resubscribed` / `honeypot`); admin `listAll` / `count` queries gated by `requireAdmin` (rr `_shared/auth`). Lifted 2026-05-16 from rahmanef.com; sanitized: token args dropped, sibling `analyticsEvents` insert removed — wrap subscribe in a consumer action if you want funnel telemetry.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/subscribers",
-      "convexPaths": [
-        "convex/features/subscribers"
-      ],
+      "description": "Canonical FAQ accordion section — eyebrow + headline + accordion item list. Three layouts (single column, two-column, grouped by category). Optional footer CTA (\"Still have questions?\"). Items fully data-driven. Single SSOT — every template consumes this slice for FAQ blocks so admin-edited Q&A propagates without per-template rewrite.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/faq-section",
+      "convexPaths": [],
       "npm": [],
-      "shadcn": [],
-      "env": [
-        {
-          "name": "SUPER_ADMIN_EMAIL",
-          "scope": "convex",
-          "required": false,
-          "description": "Optional super-admin gate for admin queries."
-        }
-      ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
-        }
+      "shadcn": [
+        "accordion",
+        "button"
       ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "email",
-        "newsletter",
-        "subscribers",
-        "convex",
-        "backend"
+        "ui",
+        "faq",
+        "section",
+        "accordion",
+        "marketing"
       ],
-      "agentRecipe": "Run `npx rr add subscribers`. Compose `subscribersTables` into root convex/schema.ts. Public form posts `api.features.subscribers.mutations.subscribe({ email, source, website })` — `website` is the honeypot, leave it `\"\"` from the form. Render unsubscribe link `/unsubscribe?t=<token>` and call `unsubscribe({ token })`."
+      "agentRecipe": "Run `npx rr add faq-section`. <FAQSection items title subtitle layout multiple defaultOpen footerCta /> — only `items` required. Each item: `{ id, q, a, category? }`. `layout=\"grouped\"` buckets by `category`. `multiple` lets users open several at once. `footerCta={{ label, href }}` wires a contact link below the accordion."
     },
     {
-      "slug": "testimonials",
-      "title": "Testimonials",
-      "category": "content",
-      "kind": "backend",
+      "slug": "testimonials-grid",
+      "title": "Testimonials Grid",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.0",
-      "description": "Quote/name/role rotator backend. Public `listAll` + `get` (no auth — testimonials are public), admin CRUD via `requireAdmin`, internal `seed` for one-shot bootstrap. Indexed by `order` so carousel/grid keeps stable rotation. Lifted 2026-05-16 from rahmanef.com; token-based admin gate swapped for rr `_shared/auth`.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/testimonials",
-      "convexPaths": [
-        "convex/features/testimonials"
+      "description": "Canonical testimonials section — quote + author + role/company + optional avatar + optional star rating. Three layouts (uniform cards grid, centered quote-stack, CSS masonry). `featured` testimonials get a ring accent. Pairs naturally with the `testimonials` backend slice (Convex queries) but has zero coupling — pass any item array.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/testimonials-grid",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react@^0.400.0"
       ],
-      "npm": [],
-      "shadcn": [],
-      "env": [
-        {
-          "name": "SUPER_ADMIN_EMAIL",
-          "scope": "convex",
-          "required": false
-        }
+      "shadcn": [
+        "avatar",
+        "button",
+        "card"
       ],
+      "env": [],
       "peers": [
         {
-          "slug": "convex-auth",
+          "slug": "testimonials",
           "range": "^0.1",
-          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
+          "reason": "Optional — pair with backend testimonials slice for full admin CRUD + storage."
         }
       ],
       "providers": [],
       "tags": [
-        "content",
+        "ui",
         "testimonials",
-        "convex",
-        "backend",
-        "marketing"
+        "section",
+        "marketing",
+        "social-proof",
+        "saas"
       ],
-      "agentRecipe": "Run `npx rr add testimonials`. Compose `testimonialsTables` into root schema. Bootstrap via `npx convex run internal.features.testimonials.mutations.seed '{\"items\":[{\"quote\":\"...\",\"name\":\"...\",\"role\":\"...\",\"order\":1}]}'`. Render with `useQuery(api.features.testimonials.queries.listAll)`."
+      "agentRecipe": "Run `npx rr add testimonials-grid`. <TestimonialsGridSection items title subtitle columns layout align /> — only `items` required. Each item: `{ id, quote, author, role?, company?, avatar?, rating?, featured? }`. `layout=\"quote-stack\"` renders a centered no-card scroll for editorial sites. `layout=\"masonry\"` uses CSS columns for variable-height quotes."
     },
     {
-      "slug": "services",
-      "title": "Services",
-      "category": "content",
-      "kind": "backend",
+      "slug": "blog-section",
+      "title": "Blog Section",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.0",
-      "description": "Service offerings backend — title + summary + deliverables array + sort order. Public read, admin CRUD, internal seed. Pairs with a frontend services grid/list (consumer-side). Lifted 2026-05-16 from rahmanef.com; token-based admin gate swapped for rr `_shared/auth`.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/services",
-      "convexPaths": [
-        "convex/features/services"
+      "description": "Canonical blog list + detail section. <BlogListSection> renders 3 layouts (cards grid, minimal list, featured-split with hero + side rail). <BlogPostView> renders the single-post page with cover + meta + paragraph-split body. Both pass through `hrefFor`/`backHref` so each template controls routing — single SSOT for /blog and /blog/[slug] across all templates.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/blog-section",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react@^0.400.0"
       ],
-      "npm": [],
-      "shadcn": [],
-      "env": [
-        {
-          "name": "SUPER_ADMIN_EMAIL",
-          "scope": "convex",
-          "required": false
-        }
+      "shadcn": [
+        "badge",
+        "button",
+        "card",
+        "separator"
       ],
+      "env": [],
       "peers": [
         {
-          "slug": "convex-auth",
+          "slug": "mdx-blog",
           "range": "^0.1",
-          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
+          "reason": "Optional — pair with mdx-blog backend slice for MDX-rendered posts."
         }
       ],
       "providers": [],
       "tags": [
-        "content",
-        "services",
-        "convex",
-        "backend",
+        "ui",
+        "blog",
+        "section",
         "marketing",
-        "agency"
+        "content",
+        "list",
+        "detail"
       ],
-      "agentRecipe": "Run `npx rr add services`. Compose `servicesTables` into root schema. Use `useQuery(api.features.services.queries.listAll)` from a server component / route to render service cards. CRUD via admin UI calling `create` / `update` / `remove` after `requireAdmin` passes."
+      "agentRecipe": "Run `npx rr add blog-section`. <BlogListSection posts hrefFor title columns layout limit /> for /blog — `hrefFor(post)` returns the per-post URL. <BlogPostView post backHref renderBody /> for /blog/[slug] — `renderBody` defaults to paragraph-split on `\\n\\n` (swap for an MDX renderer if you use mdx-blog)."
     },
     {
-      "slug": "socials",
-      "title": "Socials",
-      "category": "content",
-      "kind": "backend",
+      "slug": "changelog-feed",
+      "title": "Changelog Feed",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.0",
-      "description": "Single source of truth for profile/social links. Powers JSON-LD `Person.sameAs` (Google entity graph), IndieWeb `<link rel=\"me\">` tags, and footer/contact/about UI surfaces. URL-deduped, ordered, `visible` / `featured` / `relMe` / `sameAs` flags. Lifted 2026-05-16 from rahmanef.com; token-based admin gate swapped, baked-in 14-platform rahmanef seed dropped — `seed` now takes items via args so each adopter ships their own list.",
-      "source": "rahmanef.com",
-      "slicePath": "frontend/slices/socials",
-      "convexPaths": [
-        "convex/features/socials"
-      ],
+      "description": "Canonical /changelog or /whats-new section. Entries support 5 kinds (feature/improvement/fix/chore/breaking) with color-coded badges. Three layouts (timeline with date-rail, large cards, minimal list). Optional `limit` for \"Recent updates\" excerpts on home pages. Optional `groups` per entry for sub-sectioned bullet lists.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/changelog-feed",
+      "convexPaths": [],
       "npm": [],
-      "shadcn": [],
-      "env": [
-        {
-          "name": "SUPER_ADMIN_EMAIL",
-          "scope": "convex",
-          "required": false
-        }
-      ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
-        }
+      "shadcn": [
+        "badge",
+        "card",
+        "separator"
       ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "content",
-        "socials",
-        "seo",
-        "indieweb",
-        "convex",
-        "backend"
+        "ui",
+        "changelog",
+        "section",
+        "saas",
+        "release-notes",
+        "marketing"
       ],
-      "agentRecipe": "Run `npx rr add socials`. Compose `socialsTables` into root schema. Bootstrap with `npx convex run internal.features.socials.mutations.seed '{\"items\":[{\"platform\":\"github\",\"url\":\"https://github.com/<you>\",\"order\":1,\"visible\":true,\"featured\":true,\"sameAs\":true,\"relMe\":true}]}'`. Wire `useQuery(api.features.socials.queries.listVisible)` into footer for entity-graph SEO."
+      "agentRecipe": "Run `npx rr add changelog-feed`. <ChangelogFeedSection entries title subtitle layout sortDescending limit /> — only `entries` required. Each entry: `{ id, version, date, kind, title, body, bullets?, groups? }`. `layout=\"timeline\"` adds a left date-rail; `layout=\"list\"` is the most compact. Pass `limit={3}` on home pages to show recent releases."
     },
     {
-      "slug": "create-your-mcp",
-      "title": "Create Your MCP",
-      "category": "ai",
-      "kind": "full",
+      "slug": "portfolio-section",
+      "title": "Portfolio Section",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.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",
-      "convexPaths": [
-        "convex/features/create-your-mcp"
-      ],
-      "npm": [],
-      "shadcn": [],
-      "env": [
-        {
-          "name": "MCP_API_KEY",
-          "scope": "server",
-          "required": false,
-          "description": "Static bearer for service-account / CI access. Min 32 chars. Must match Convex env."
-        },
-        {
-          "name": "MCP_OAUTH_ALLOWED_HOSTS",
-          "scope": "convex",
-          "required": false,
-          "description": "CSV vendor domains for redirect_uri (chatgpt.com,claude.ai,cursor.sh)."
-        },
-        {
-          "name": "MCP_OAUTH_ALLOWED_PATH_PREFIXES",
-          "scope": "convex",
-          "required": false,
-          "description": "CSV path prefixes under allowed hosts (/aip/,/connector/,/oauth/)."
-        },
-        {
-          "name": "NEXT_PUBLIC_SITE_URL",
-          "scope": "next-public",
-          "required": true,
-          "description": "Public site origin for WWW-Authenticate challenge."
-        }
+      "description": "Canonical portfolio list + detail section. <PortfolioListSection> renders 3 layouts (uniform 16:9 grid, CSS masonry, asymmetric with featured hero). <PortfolioDetailView> renders title + meta + cover + body + gallery + external link + related items. Both pass through `hrefFor`/`backHref` so each template controls routing — single SSOT for /portfolio and /portfolio/[slug] across agency-studio and personal-brand.",
+      "source": "rahman-resources",
+      "slicePath": "frontend/slices/portfolio-section",
+      "convexPaths": [],
+      "npm": [
+        "lucide-react@^0.400.0"
       ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "requireAdmin uses getAuthUserId from @convex-dev/auth."
-        }
+      "shadcn": [
+        "badge",
+        "button",
+        "card",
+        "separator"
       ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "ai",
-        "mcp",
-        "oauth",
-        "pkce",
-        "chatgpt",
-        "claude",
-        "cursor",
-        "convex",
-        "integration"
+        "ui",
+        "portfolio",
+        "section",
+        "marketing",
+        "case-study",
+        "list",
+        "detail"
       ],
-      "agentRecipe": "Run `npx rr add create-your-mcp`. Compose `createYourMcpTables` into root schema. Move `slices/create-your-mcp/routes/mcp.route.ts` → `app/api/mcp/route.ts` and `oauth-token.route.ts` → `app/api/oauth/token/route.ts`. Set MCP_OAUTH_ALLOWED_HOSTS (CSV vendor domains). Mount `<McpAdminView />` at /admin/mcp. Connect ChatGPT/Claude/Cursor via the setup form rendered by the admin view."
+      "agentRecipe": "Run `npx rr add portfolio-section`. <PortfolioListSection items hrefFor title columns layout limit /> for /portfolio — each item `{ id, slug, title, summary?, year?, client?, role?, tags?, cover: {src,alt}, gallery?, link? }`. <PortfolioDetailView item backHref renderBody related hrefForRelated /> for /portfolio/[slug] — `renderBody` defaults to paragraph split; override for project-specific layouts (problem/approach/result, brief/outcome, etc)."
     },
     {
-      "slug": "contact-form-resend",
-      "title": "Contact Form + Resend",
-      "category": "email",
-      "kind": "full",
-      "version": "0.1.0",
-      "description": "Contact form posting to Resend email API. Server Action + Zod input validation. Convex mutation for storage + Resend send.",
-      "source": "cescadesigns",
-      "slicePath": "template-base/frontend/slices/contact-form-resend",
+      "slug": "theme-presets",
+      "title": "Theme Presets — unified switcher with bundled tweakcn registry",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.2.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",
       "convexPaths": [],
       "npm": [
-        "resend@^4.0.0",
-        "framer-motion@^11.0.0"
+        "next-themes@^0.4.6"
       ],
       "shadcn": [
-        "card",
         "button",
-        "input",
-        "label",
-        "textarea"
+        "popover"
       ],
-      "env": [
-        {
-          "name": "RESEND_API_KEY",
-          "scope": "convex",
-          "required": true
-        }
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "theme",
+        "tweakcn",
+        "color",
+        "preset",
+        "switcher",
+        "popover",
+        "next-themes",
+        "notion-like"
       ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Optional — anonymous submission works without auth."
-        }
+      "agentRecipe": "Run `npx rr add theme-presets` (registry-data.json ships inside the slice — no separate public/ copy step). Wrap your tree once with `<ThemePresetProvider>` (inside next-themes' ThemeProvider). Mount `<ThemePresetSwitcher />` anywhere in your header / sidebar / settings — one component handles light/dark/system + preset palette. Wrap dashboard with `<ThemeColorSync>` if you need live tweakcn variable preview on inner routes. Deeply-nested consumers read state via `useThemePreset()` (returns `{ presetName, registry, setPreset, preview, restore, isReady }`). For lower-level access: `applyTweakcnPreset(name)`, `previewTweakcnPreset(name)`, `restoreTweakcnPreset()`, `groupTweakcnPresets(items)`, `tweakcnSwatches(preset)` all exported from `@/features/theme-presets`. To rename localStorage key, fork `STORAGE_KEY` in `lib/tweakcn/types.ts`."
+    },
+    {
+      "slug": "files",
+      "title": "Files — pluggable upload + URL resolver with storage-adapter contract",
+      "category": "data",
+      "kind": "ui",
+      "version": "0.2.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",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [
+        "button"
+      ],
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "data",
+        "upload",
+        "files",
+        "storage",
+        "adapter",
+        "portable",
+        "notion-like"
+      ],
+      "agentRecipe": "Run `npx rr add files`. Wrap your tree with `<FilesAdapterProvider adapter={...}>` — pass `useLocalStorageFilesAdapter()` for a quick demo or implement `FilesAdapter` (upload + remove + useUrl) against your backend. Then drop `<FileUploadButton onUploaded={...}>` anywhere; pair with `<FileChip fileRef={...}>` for rendered chips. Hooks: `useFileUpload()` returns `{upload, uploading, progress, removeFromStorage}`; `useFileUrl(storageId)` resolves to a fetchable URL (Convex adapter uses useQuery for live invalidation; demo reads localStorage synchronously). To wire S3: implement the FilesAdapter interface with presigned URLs + DELETE; the slice doesn't care which backend you pick."
+    },
+    {
+      "slug": "equation",
+      "title": "Equation — Notion-style KaTeX block primitive",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Inline-or-display LaTeX equation block — Notion-inspired primitive. KaTeX-rendered with edit/preview toggle, raw-text fallback when KaTeX fails to parse. Pure UI primitive (zero Convex tables, zero global state). Lifted from notion-page-clone (Nosion). Use standalone OR bundled via the notion-blocks bundle. Drop into any React surface — docs, marketing landing, editor.",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/equation",
+      "convexPaths": [],
+      "npm": [
+        "katex@^0.16.45"
+      ],
+      "shadcn": [
+        "button"
       ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "form",
-        "email",
-        "resend",
-        "convex"
+        "ui",
+        "notion",
+        "notion-like",
+        "equation",
+        "katex",
+        "latex",
+        "math",
+        "block",
+        "primitive",
+        "editor"
       ],
-      "agentRecipe": "Run `npx rr add contact-form-resend`. Wire contactMessages.send mutation in convex/. Server emails via Resend from form@yourdomain.com. Always validate inputs with Zod or v.* server-side. Anonymous allowed."
+      "agentRecipe": "Run `npx rr add equation`. Single npm dep: katex. Import `import { EquationBlock } from \"@/features/equation\"`. Props-driven: pass `value` (LaTeX string) + `onChange`. For display-mode (block-level) pass `displayMode`. Renders raw text if KaTeX parse fails. Bundled inside notion-blocks if you also want code/notify/drag-fill."
     },
     {
-      "slug": "admin",
-      "title": "Admin — Generic Shell",
-      "category": "infra",
-      "kind": "full",
-      "version": "0.2.0",
-      "description": "Per-instance admin landing scaffold + portable nav-from-registry factory. Consumer supplies a SliceRegistryAdapter (each slice declares its own admin.activity[]) + queryTable reader; the slice's buildAdminStats(opts) emits the { counts, unreadMessages, activity } shape Convex's admin.stats query returns. Pulled UP from rahmanef.com (Wave N+3.1, commit b542389) — domain literals dropped at the kitab boundary. Gated by requireAdmin on Convex side; superadmin email gate via SUPER_ADMIN_EMAIL env.",
-      "source": "rahmanef63/resource-site",
-      "slicePath": "frontend/slices/admin",
-      "convexPaths": [
-        "convex/features/admin"
+      "slug": "code-block",
+      "title": "Code Block — Notion-style syntax-highlighted code primitive",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Highlight.js-powered code block — Notion-inspired primitive. Language selector dropdown (auto-detect + 50+ language packs), copy-to-clipboard button, line-wrap toggle. Pure-UI primitive — no Convex tables. Lifted from notion-page-clone (Nosion). Use standalone OR bundled via notion-blocks.",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/code-block",
+      "convexPaths": [],
+      "npm": [
+        "highlight.js@^11.11.1"
       ],
-      "npm": [],
       "shadcn": [
-        "card",
-        "button"
+        "button",
+        "dropdown-menu"
       ],
-      "env": [
-        {
-          "name": "SUPER_ADMIN_EMAIL",
-          "scope": "convex",
-          "required": false
-        }
+      "env": [],
+      "peers": [],
+      "providers": [],
+      "tags": [
+        "ui",
+        "notion",
+        "notion-like",
+        "code",
+        "syntax",
+        "highlight",
+        "highlight.js",
+        "block",
+        "primitive",
+        "editor"
       ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "requireAdmin gate uses convex-auth user identity."
-        }
+      "agentRecipe": "Run `npx rr add code-block`. Single npm dep: highlight.js. Import `import { CodeBlock, languageLabel } from \"@/features/code-block\"`. Props: `value` + `onChange` + `language` + `onLanguageChange`. Bundled inside notion-blocks if you also want equation/notify/drag-fill."
+    },
+    {
+      "slug": "notifications",
+      "title": "Notifications — Notion-style per-page Notify Me",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.1.0",
+      "description": "Pure-client per-page subscription primitive — Notion-inspired bell button + popover. State stored in localStorage (no backend needed). Shipped as a `NotifyMePopover` toggled from a page-action bell. Frequency choices: instant / daily digest / weekly digest. Lifted from notion-page-clone (Nosion). Use standalone OR bundled via notion-blocks.",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/notifications",
+      "convexPaths": [],
+      "npm": [],
+      "shadcn": [
+        "button",
+        "popover"
       ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "infra",
-        "admin",
-        "shell",
-        "crud",
-        "nav-from-registry"
+        "ui",
+        "notion",
+        "notion-like",
+        "notifications",
+        "subscribe",
+        "notify",
+        "bell",
+        "popover",
+        "localstorage",
+        "primitive"
       ],
-      "agentRecipe": "Run `rr add admin`. Wire <AdminPage labels={...} /> at /admin and call buildAdminStats({ sliceRegistry, queryTable }) inside convex/features/admin/queries.ts — sliceRegistry.entries flat-maps each feature's admin.activity[] declarations. Set SUPER_ADMIN_EMAIL via `npx convex env set` to lock down /admin to one address."
+      "agentRecipe": "Run `npx rr add notifications`. Zero npm deps (only shadcn button + popover). Import `import { NotifyMePopover, useSubscription } from \"@/features/notifications\"`. Drop the popover anywhere; useSubscription(pageId) hook returns `{ isSubscribed, frequency, subscribe, unsubscribe, setFrequency }` reading from localStorage. To wire a real backend, swap the localStorage hook for your own."
     },
     {
-      "slug": "platform-admin",
-      "title": "Platform Admin — Multi-Tenant Control Plane",
-      "category": "infra",
-      "kind": "full",
+      "slug": "database-cell-selection",
+      "title": "Database Cell Selection — Notion-style drag-fill + multi-select",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.1.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",
+      "description": "Notion-style grid cell interaction primitives: drag-fill (Sheets/Excel-style range fill), multi-cell selection with shift-click + arrow-key extension, paste-from-clipboard column adapter. Pure-UI hooks + components, no Convex tables. Lifted from notion-page-clone (Nosion). Pair with any tabular UI (notion-shell databases, ag-grid, custom React table, etc.).",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/database-cell-selection",
       "convexPaths": [],
       "npm": [],
       "shadcn": [],
-      "env": [
-        {
-          "name": "PLATFORM_ADMIN_EMAILS",
-          "scope": "convex",
-          "required": true,
-          "description": "Comma-separated list of platform admin email addresses."
-        }
-      ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Actor identity for audit + tier-set ops."
-        },
-        {
-          "slug": "audit-log",
-          "range": "^0.2",
-          "reason": "padmin_audit table feeds through audit-log TenantAdapter."
-        }
-      ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "infra",
-        "admin",
-        "multi-tenant",
-        "saas",
-        "platform"
+        "ui",
+        "notion",
+        "notion-like",
+        "database",
+        "grid",
+        "cell",
+        "selection",
+        "drag-fill",
+        "spreadsheet",
+        "primitive",
+        "table"
       ],
-      "agentRecipe": "Run `npx rr add platform-admin`. Contract-only scaffold. Wait for superspace /rr-send platform-admin before adopting. Distinct from per-instance `admin` slug."
+      "agentRecipe": "Run `npx rr add database-cell-selection`. Zero deps. Import `import { useDragFill, SelectableCell, useCellSelection } from \"@/features/database-cell-selection\"`. Wrap your grid container with the selection hook; per-cell `<SelectableCell row col>` provides the click-and-drag affordance. Drag handles supplied by useDragFill. Composable with notion-shell's NotionDatabase or any custom grid."
     },
     {
-      "slug": "audit-log",
-      "title": "Audit Log — Workspace Events",
-      "category": "infra",
-      "kind": "backend",
-      "version": "0.2.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",
+      "slug": "notion-database",
+      "title": "Notion-like Database Table — full table with import/export (11 views · 16 cells · CSV + JSON)",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.6.0",
+      "description": "Portable Notion-style database table surface — full capability in one slice. Optional companion to notion-shell — install shell alone for pages + sidebar + block editor, add notion-database when you want embedded databases with full table capability. Ships NotionDatabase (full DB UI w/ ViewTabs + ViewOptions + per-column menu + FilterBuilder/SortBuilder popovers), NotionProperty (value + schema editor), 16 property-cell types (text / number / checkbox / select / multi_select / status / date / url / email / phone / files / person / formula / created_time / last_edited_time / unique_id), 11 built-in views: Table / Board / List / Gallery / Calendar / Feed PLUS Chart (recharts bar/line/area/pie/donut + inline kind/X/agg/Y pickers) / Dashboard (KPI strip + group breakdowns + recent updates) / Form (public-facing submit-to-create — title + per-property inputs, optional required-field validation, configurable show/hide + success message via inline Settings panel) / Map (SVG world + lat/lng pins, no leaflet) / Timeline (Gantt-style with drag-to-shift / drag-to-resize). FilterBuilder + SortBuilder exported standalone for toolbar embedding. Formula cells use a pure expression engine ({{title}}/{{prop}} interpolation + concat/upper/lower/round/if/etc fns + `=expr` math). Files cells store URL refs (paste-URL workflow; host can plug `files` slice adapter for upload). Person cells are simplified vs upstream — no user directory lookup, just initials chips. Created_time / last_edited_time read row.createdAt / row.updatedAt directly. unique_id auto-derives from row position + optional prefix. Pure helpers: applyView, groupBy, bucketByDate. Domain types live in notion-shell (single source of truth — Page.rowOfDatabaseId + rowProps reference them) and re-exported here. Relation + rollup property types deferred to upstream open-silong mega-bundle (need cross-DB context). v0.5 added drop-in Convex backend templates (dual-mode: minimal single-user OR full multi-workspace) from open-silong's template-base/. v0.6 (Phase 7.10) merges former database-io slice in-tree: DatabaseIOActions toolbar (Export CSV/JSON · Import CSV/JSON · Download dynamic CSV/JSON templates), CsvImportDialog (auto-map columns + create-new-of-type picker), JsonImportDialog (schema diff + import), exportDatabase / exportDatabaseToCsv / parseExport / parseCsv / buildCsvTemplate / buildJsonTemplate helpers — all from `@/features/notion-database`. CsvNewProperty + JsonImportResult.newProperties now expose `tempId` so host can remap rowProps keys when persisting (single import handler serves both formats). Cell editor UX consolidated v0.5.3 — SelectCell + MultiSelectCell share OptionPicker (shared/identical popover: search-as-create + per-option rename/color/delete). Property-type lists single-source via PROPERTY_TYPE_META registry (v0.5.2).",
+      "source": "open-silong",
+      "slicePath": "frontend/slices/notion-database",
       "convexPaths": [
-        "convex/features/audit-log"
+        "template-base/database-silong/convex/handlers/databases.ts",
+        "template-base/database-silong/convex/handlers/pages.ts",
+        "template-base/database-silong/convex/schema.database-silong.ts"
+      ],
+      "npm": [
+        "recharts@^2.13.0"
+      ],
+      "shadcn": [
+        "button",
+        "input",
+        "checkbox",
+        "dropdown-menu",
+        "popover",
+        "select",
+        "dialog"
       ],
-      "npm": [],
-      "shadcn": [],
       "env": [],
       "peers": [
         {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Event actor resolved via authenticated user."
+          "slug": "notion-shell",
+          "range": "^0.4",
+          "reason": "Domain types (Database, Property, PropertyValue, DbView, etc.) live in notion-shell."
         }
       ],
       "providers": [],
       "tags": [
-        "infra",
-        "audit",
-        "compliance",
-        "logging"
+        "ui",
+        "notion",
+        "notion-like",
+        "database",
+        "table",
+        "board",
+        "list",
+        "gallery",
+        "calendar",
+        "feed",
+        "chart",
+        "dashboard",
+        "form",
+        "map",
+        "timeline",
+        "gantt",
+        "kanban",
+        "views",
+        "filter",
+        "sort",
+        "property",
+        "files",
+        "person",
+        "formula",
+        "timestamp",
+        "unique-id",
+        "csv",
+        "json",
+        "import",
+        "export",
+        "template",
+        "data",
+        "backup",
+        "primitive",
+        "optional",
+        "embeddable"
       ],
-      "agentRecipe": "Run `rr add audit-log`. Import logAuditEvent from convex/_shared/auditLogger.ts and call inside every workspace-scoped mutation with { action, workspaceId, entityType, entityId, before?, after? }."
+      "agentRecipe": "Run `npx rr add notion-database` (cascades notion-shell as peer). Import: `import { NotionDatabase, NotionProperty, VIEW_REGISTRY, DatabaseIOActions } from \"@/features/notion-database\"`. NotionDatabase ships full props-driven DB UI — host owns rows + dispatches CRUD callbacks. For just one view in isolation, import the specific view component (TableView / BoardView / etc.). Property cells auto-render via renderPropertyCell helper. Pure helpers: applyView / groupBy / bucketByDate. For import/export, mount `<DatabaseIOActions db={db} rows={rows} onImport={async ({ newProperties, rows }) => { const tempToReal: Record<string, string> = {}; for (const np of newProperties) { const realId = await dispatchAddProperty(np); tempToReal[np.tempId] = realId; } for (const r of rows) { const rowId = await dispatchAddRow(r.title); for (const [propKey, v] of Object.entries(r.rowProps)) { await dispatchSetValue(rowId, tempToReal[propKey] ?? propKey, v); } } }} />` next to your DB toolbar — exports CSV/JSON + imports w/ schema diff + downloads dynamic templates from live db.properties. tempId on each new property lets host remap rowProps keys to its real backend ids. For backend persistence, copy template-base/database-silong/convex/ from the open-silong repo: handlers go to convex/, schema fragment merges into convex/schema.ts. Pick _shared/minimal/ (single-user, noop authz) or _shared/full/ (requires @convex-dev/auth + workspaces tables). See CONVEX-BACKEND.md."
     },
     {
-      "slug": "comments",
-      "title": "Comments — Threaded",
-      "category": "content",
-      "kind": "full",
+      "slug": "database-io",
+      "title": "[DEPRECATED] Database IO — merged into notion-database v0.6",
+      "category": "ui",
+      "kind": "ui",
       "version": "0.2.0",
-      "description": "Polymorphic-target threaded comments. Consumer picks `TargetRef = { kind, id, subId? }` (e.g. page+block, blog+slug, task+id). Renderless <CommentsThread> + <CommentsAnchor> wrappers. useComments(bindings, opts) hook returns items + openCount + CRUD + forbiddenWords guard. Adapter pattern — see contract-negotiations §1.",
-      "source": "rahmanef63/resource-site",
-      "slicePath": "frontend/slices/comments",
-      "convexPaths": [
-        "convex/features/comments"
-      ],
+      "description": "DEPRECATED — all functionality merged into `notion-database` v0.6 (Phase 7.10, 2026-05-22). This slice is now a thin re-export shim from `@/features/notion-database` to keep existing consumers compiling. New code should `npx rr add notion-database` (now bundles CSV + JSON import/export + dynamic templates) instead of installing this separately. Slice will be removed in v1.0. Original surface (DatabaseIOActions / CsvImportDialog / JsonImportDialog / exportDatabase / buildCsvTemplate / buildJsonTemplate) remains exported from notion-database — see its catalog entry. Merge rationale: 100% peer coupling to notion-database (every file imported Database/Page/Property types from it) + zero independent install path (always installed alongside notion-database in practice) = no modularity benefit from separation.",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/database-io",
+      "convexPaths": [],
       "npm": [],
       "shadcn": [
         "button",
-        "textarea",
-        "avatar"
+        "dialog",
+        "dropdown-menu"
       ],
       "env": [],
       "peers": [
         {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Comment author identity from convex-auth."
+          "slug": "notion-database",
+          "range": "^0.3",
+          "reason": "Reuses Database / Page / Property / PropertyValue / PropertyType / SelectOption / DatabaseViewConfig types."
         }
       ],
       "providers": [],
       "tags": [
-        "content",
-        "social",
-        "comments",
-        "threaded",
-        "annotations"
+        "ui",
+        "notion",
+        "notion-like",
+        "database",
+        "csv",
+        "json",
+        "import",
+        "export",
+        "template",
+        "data",
+        "backup",
+        "spreadsheet",
+        "wire-format",
+        "primitive",
+        "optional"
       ],
-      "agentRecipe": "Run `rr add comments`. Wire Convex bindings ({ list, create, update, resolve, remove }) then use <CommentsThread target={{ kind, id, subId? }} bindings={bindings} forbiddenWords={[...]}>{render-prop}</CommentsThread> OR <CommentsAnchor target=... bindings=... pathMap={(t)=>...}>. v0.2.0 polymorphic — pick `kind` literal per host domain."
+      "agentRecipe": "⚠️ DEPRECATED — use `npx rr add notion-database` (now bundles import/export). This slice is a thin re-export shim from `@/features/notion-database` for back-compat. New code: `import { DatabaseIOActions } from \"@/features/notion-database\"`. Remove when migration complete; slice scheduled for removal in v1.0."
     },
     {
-      "slug": "seo",
-      "title": "SEO — AI Metadata Generator",
-      "category": "content",
-      "kind": "full",
-      "version": "0.2.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",
-      "convexPaths": [
-        "convex/features/seo"
-      ],
-      "npm": [],
-      "shadcn": [],
-      "env": [
-        {
-          "name": "ANTHROPIC_API_KEY",
-          "scope": "server",
-          "required": true
-        }
+      "slug": "notion-shell",
+      "title": "Notion Shell — page + sidebar + block editor primitives (pure, no database)",
+      "category": "ui",
+      "kind": "ui",
+      "version": "0.4.0",
+      "description": "Portable Notion-style PAGE + SIDEBAR + BLOCK editor primitives. CI-wave (2026-05-21) split the database surface out — install the optional `notion-database` peer for embedded TableView / BoardView / ListView / GalleryView / CalendarView / FeedView, NotionDatabase, NotionProperty, ViewTabs, ViewOptions, ColumnHeaderMenu, property-cells. notion-shell alone gives you Notion-clone pages + sidebar + editor without the database weight. Domain types (Database, Property, PropertyValue, DbView, DatabaseViewConfig, DatabaseFilter, DatabaseSort) remain in notion-shell as the single source of truth (Page.rowOfDatabaseId + rowProps reference them). FULL OLD DESC BELOW: Portable Notion-style wrapper primitives. PAGE EDITOR: NotionPage (optional cover image band + header + body), NotionHeader / NotionSidebar / NotionBlock (live inline-markdown decorator, hover actions menu, optional dragHandle slot), 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). DATABASE: NotionDatabase (full DB surface w/ tabs + options + per-column menu), NotionProperty (10 property-cell types), 6 built-in views (Table/Board/List/Gallery/Calendar/Feed), ViewTabs, ViewOptions (sort + filter + search popover), ColumnHeaderMenu. SPECIALISED BLOCK RENDERERS: ImageRenderer (URL + caption + preview), EmbedRenderer (YouTube/Vimeo/Loom/Figma/CodePen/Spotify auto-detect + iframe fallback). Pure helpers: applyView, groupBy, bucketByDate. Pure / props-driven — host owns data + change handlers.",
+      "source": "notion-page-clone",
+      "slicePath": "frontend/slices/notion-shell",
+      "convexPaths": [],
+      "npm": [
+        "@dnd-kit/core",
+        "@dnd-kit/sortable",
+        "@dnd-kit/utilities"
       ],
-      "peers": [
-        {
-          "slug": "convex-auth",
-          "range": "^0.1",
-          "reason": "Cost guard + requireAdmin gates use convex-auth user identity."
-        }
+      "shadcn": [
+        "button",
+        "input",
+        "checkbox",
+        "dropdown-menu",
+        "popover"
       ],
+      "env": [],
+      "peers": [],
       "providers": [],
       "tags": [
-        "content",
-        "seo",
-        "ai",
-        "anthropic",
-        "metadata-generator"
+        "ui",
+        "notion",
+        "shell",
+        "wrapper",
+        "sidebar",
+        "page",
+        "database",
+        "primitive",
+        "portable",
+        "slash-menu",
+        "decorator",
+        "wysiwyg",
+        "views",
+        "kanban",
+        "calendar",
+        "gallery",
+        "drag",
+        "cover",
+        "embed",
+        "image",
+        "notion-like"
       ],
-      "agentRecipe": "Run `rr add seo`. Call seo.generate from server actions or admin mutations with `personaContext` describing your brand voice (or rely on the generic default). Cost guard rate-limits per-user within 24h via callsInWindow query."
+      "agentRecipe": "Run `npx rr add notion-shell` for the portable UI wrappers ONLY (no backend). NPM deps: @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities. Import: `import { NotionPage, NotionSidebar, NotionBlock, NotionDatabase, SortableBlockList, PageActionsMenu, InsertBlockButton, ViewTabs, ImageRenderer, EmbedRenderer } from \"@/features/notion-shell\"`. NotionBlock ships slash menu + decorator + actions menu + dragHandle slot. NotionPage ships optional cover prop. SortableBlockList wraps a render-prop callback `(id, dragProps) => <NotionBlock dragHandle={...} />`. NotionDatabase ships 6 views via VIEW_REGISTRY. Property cells: text/number/checkbox/select/multi-select/status/date/url/email/phone all built in. For rich icon UX wire `renderIcon` + `renderIconPicker` to `@/features/icon-picker`. **PRODUCT POINTER: the full Convex-backed Notion-clone OS (multi-workspace + auth + sharing + comments + snapshots + MCP) lives at https://github.com/rahmanef63/open-silong — clone that repo for the production stack; use this slice when you only need to embed the Notion-style UI in another project.**"
     },
     {
-      "slug": "document-checklist",
-      "title": "Document Checklist — Job-Search Doc Tracker",
-      "category": "content",
+      "slug": "workspace-shell",
+      "title": "Workspace Shell — atomic (workspace × menuSet) NavContext",
+      "category": "ui",
       "kind": "full",
-      "version": "0.1.0",
-      "description": "Track required job-search documents (CV, KTP, ijazah, etc.) with country-scoped seed templates and per-user completion state. Ships an Indonesian default checklist. Toggle completed + notes + expiry per item.",
-      "source": "rahmanef63/CareerPack",
-      "slicePath": "frontend/slices/document-checklist",
+      "version": "1.0.0",
+      "description": "Unified workspace + menu navigation primitive. NavContext = (workspaceId, menuSetId) atomic pair. 2-tier dropdown switcher (workspace radio + menuSet picker), ContextBadge header chip, full editor with tabs (menus / workspace tree / settings), tiered RBAC (admin menus.manage, user menus.fork). Replaces silo'd menu-store + workspace-store slices in superspace. Resolver chain: user nav-context cache > user assignment > workspace default > system. Source: superspace.",
+      "source": "superspace",
+      "slicePath": "template-base/frontend/slices/workspace-shell",
       "convexPaths": [
-        "convex/features/document-checklist"
-      ],
-      "npm": [
-        "lucide-react"
+        "template-base/convex/features/workspaceShell"
       ],
+      "npm": [],
       "shadcn": [
-        "badge",
-        "button",
-        "card",
-        "dialog",
-        "label",
+        "dropdown-menu",
         "popover",
-        "calendar",
-        "progress",
-        "scroll-area",
-        "skeleton",
+        "command",
         "tabs",
-        "textarea"
+        "switch"
       ],
       "env": [],
       "peers": [
         {
           "slug": "convex-auth",
           "range": "^0.1",
-          "reason": "Auth identity for user-scoped checklist state."
+          "reason": "User session required for menuSet assignment + nav-context cache."
         }
       ],
       "providers": [],
       "tags": [
-        "career",
-        "documents",
-        "checklist",
-        "job-search",
-        "indonesia"
+        "ui",
+        "navigation",
+        "workspace",
+        "menu",
+        "shell",
+        "convex",
+        "rbac"
       ],
-      "agentRecipe": "Run `rr add document-checklist`. Wire <DocumentChecklist bindings={{ current, seed, updateStatus }} countryTemplateSlot={<CountryTemplateCard bindings={{ templates, getTemplate, instantiate }} />} /> — bindings sourced from api.features['document-checklist'].* queries/mutations."
+      "agentRecipe": "Run `npx rr add workspace-shell`. Tables prefixed `workspaceShell_*` (menuSets, menuItems, itemComponents, wsAssignments, userAssignments, rolePerms, navContext). Mount `<NavContextProvider workspaceId={wsId}>` inside your auth provider; use `useNavContext(wsId)` to read `{workspace, menuSet, source, effectiveMenuItems, setMenuSet, forkMenuSet}`. Drop-in `<WorkspaceSwitcher canFork />` in sidebar header. Tiered RBAC: `menus.manage` for workspace-default editing, `menus.fork` for user-personal copy. Resolver chain: user cache → user assignment → workspace default → none. Pair with audit-log slice for context-switch / fork events (graceful try/catch if absent). Effective items query applies role filter via workspaceShell_rolePerms (no rolePerms → show all, pre-RBAC compat)."
     }
   ]
 }