Release: develop → main

.gitignore

@@ -34,6 +34,7 @@ supabase/.temp/
 *.swp
 *.swo
 *~
+.cursor-memory
 
 # OS
 .DS_Store

.release-please-manifest.develop.json

@@ -1,5 +1,5 @@
 {
-  ".": "0.1.0-alpha.2",
-  "apps/web": "0.1.0-alpha.2",
-  "apps/worker": "0.1.0-alpha.1"
+  ".": "0.1.0-alpha.3",
+  "apps/web": "0.1.0-alpha.3",
+  "apps/worker": "0.1.0-alpha.2"
 }

CHANGELOG-DEVELOP.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [0.1.0-alpha.3](https://github.com/devakone/vibe-coding-profile/compare/vibed-coding-v0.1.0-alpha.2...vibed-coding-v0.1.0-alpha.3) (2026-01-22)
+
+
+### Features
+
+* add implementation tracker for Information Architecture Restructure ([15f99fb](https://github.com/devakone/vibe-coding-profile/commit/15f99fb9928399ff9dc2e88f1f2447e28dc8d1d2))
+* add new persona aura images and update theme colors ([4ca44f2](https://github.com/devakone/vibe-coding-profile/commit/4ca44f2d7613031b3af8d319d5d423586d40bed1))
+* add Open Source Preparedness documentation ([6c1c40a](https://github.com/devakone/vibe-coding-profile/commit/6c1c40a49b0eae29977aa1b71f1cde75b2be9231))
+* implement VCP component system with primitives, blocks, and utilities ([bc6abdd](https://github.com/devakone/vibe-coding-profile/commit/bc6abdd8c577ecd9f4c3c2955fa421b4e182fddc))
+* introduce new PRDs for information architecture, multi-agent detection, and LLM provider abstraction ([7929886](https://github.com/devakone/vibe-coding-profile/commit/792988698317c87beb07a30eb7fce1e5b126ffe6))
+* **notifications:** add notification dropdown to header ([aadc064](https://github.com/devakone/vibe-coding-profile/commit/aadc064c2e26ae654e228f1e69912282863a8061))
+* update ShareCard component to incorporate persona aura backgrounds and icons ([ad2d4a0](https://github.com/devakone/vibe-coding-profile/commit/ad2d4a0db7b50a8f1299a05734e5ad93c58a5a68))
+* **vcp:** add unified and repo VCP display components (P3) ([b6a6179](https://github.com/devakone/vibe-coding-profile/commit/b6a617948ff68601f7b468edaa374cfd79c88004))
+* **web:** add tooltip component and integrate into VCP sections ([699433c](https://github.com/devakone/vibe-coding-profile/commit/699433c0f1a3fcae572d58133594d1e9223f6ebb))
+* **web:** enhance sharing features with LLM-generated taglines ([ef3b589](https://github.com/devakone/vibe-coding-profile/commit/ef3b589a6cdf71485c2ebef11f20a4692a49be13))
+* **web:** enhance user profile sharing and navigation updates ([85ed9a2](https://github.com/devakone/vibe-coding-profile/commit/85ed9a215cc9bd7b2a4a466a586a093614a33638))
+* **web:** implement P2 navigation & routes restructure ([9ad5734](https://github.com/devakone/vibe-coding-profile/commit/9ad5734ab6b462e576e81aba39051fb438b4484f))
+* **web:** implement redirects and update internal links for improved navigation ([a4ce715](https://github.com/devakone/vibe-coding-profile/commit/a4ce7153c638383b2949601052877d7aef111784))
+* **web:** integrate QR code generation and vertical story download feature ([975239d](https://github.com/devakone/vibe-coding-profile/commit/975239d3b4c683c64a4c083658289ac1840d6c0f))
+* **web:** refactor AnalysisClient to integrate new VCP components ([f2d2621](https://github.com/devakone/vibe-coding-profile/commit/f2d26211218a4f5d5b17b038db29bfde009edb3b))
+* **web:** refactor layout to improve component structure and user experience ([eb88fec](https://github.com/devakone/vibe-coding-profile/commit/eb88fecfa519b1e9b203c7d1b28d701f0c331a21))
+* **web:** update navigation labels and enhance analysis insights ([17af33d](https://github.com/devakone/vibe-coding-profile/commit/17af33d3a0a7adfa16210a6c8118dd448aded274))
+
 ## [0.1.0-alpha.2](https://github.com/devakone/vibed-coding/compare/vibed-coding-v0.1.0-alpha.1...vibed-coding-v0.1.0-alpha.2) (2026-01-21)
 
 

apps/web/CHANGELOG-DEVELOP.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.1.0-alpha.3](https://github.com/devakone/vibe-coding-profile/compare/web-v0.1.0-alpha.2...web-v0.1.0-alpha.3) (2026-01-22)
+
+
+### Features
+
+* add new persona aura images and update theme colors ([4ca44f2](https://github.com/devakone/vibe-coding-profile/commit/4ca44f2d7613031b3af8d319d5d423586d40bed1))
+* implement VCP component system with primitives, blocks, and utilities ([bc6abdd](https://github.com/devakone/vibe-coding-profile/commit/bc6abdd8c577ecd9f4c3c2955fa421b4e182fddc))
+* **notifications:** add notification dropdown to header ([aadc064](https://github.com/devakone/vibe-coding-profile/commit/aadc064c2e26ae654e228f1e69912282863a8061))
+* update ShareCard component to incorporate persona aura backgrounds and icons ([ad2d4a0](https://github.com/devakone/vibe-coding-profile/commit/ad2d4a0db7b50a8f1299a05734e5ad93c58a5a68))
+* **vcp:** add unified and repo VCP display components (P3) ([b6a6179](https://github.com/devakone/vibe-coding-profile/commit/b6a617948ff68601f7b468edaa374cfd79c88004))
+* **web:** add tooltip component and integrate into VCP sections ([699433c](https://github.com/devakone/vibe-coding-profile/commit/699433c0f1a3fcae572d58133594d1e9223f6ebb))
+* **web:** enhance sharing features with LLM-generated taglines ([ef3b589](https://github.com/devakone/vibe-coding-profile/commit/ef3b589a6cdf71485c2ebef11f20a4692a49be13))
+* **web:** enhance user profile sharing and navigation updates ([85ed9a2](https://github.com/devakone/vibe-coding-profile/commit/85ed9a215cc9bd7b2a4a466a586a093614a33638))
+* **web:** implement P2 navigation & routes restructure ([9ad5734](https://github.com/devakone/vibe-coding-profile/commit/9ad5734ab6b462e576e81aba39051fb438b4484f))
+* **web:** implement redirects and update internal links for improved navigation ([a4ce715](https://github.com/devakone/vibe-coding-profile/commit/a4ce7153c638383b2949601052877d7aef111784))
+* **web:** integrate QR code generation and vertical story download feature ([975239d](https://github.com/devakone/vibe-coding-profile/commit/975239d3b4c683c64a4c083658289ac1840d6c0f))
+* **web:** refactor AnalysisClient to integrate new VCP components ([f2d2621](https://github.com/devakone/vibe-coding-profile/commit/f2d26211218a4f5d5b17b038db29bfde009edb3b))
+* **web:** refactor layout to improve component structure and user experience ([eb88fec](https://github.com/devakone/vibe-coding-profile/commit/eb88fecfa519b1e9b203c7d1b28d701f0c331a21))
+* **web:** update navigation labels and enhance analysis insights ([17af33d](https://github.com/devakone/vibe-coding-profile/commit/17af33d3a0a7adfa16210a6c8118dd448aded274))
+
 ## [0.1.0-alpha.2](https://github.com/devakone/vibed-coding/compare/web-v0.1.0-alpha.1...web-v0.1.0-alpha.2) (2026-01-21)
 
 

apps/web/next.config.ts

@@ -5,6 +5,33 @@ const nextConfig: NextConfig = {
   turbopack: {
     root: path.join(__dirname, "../.."),
   },
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "avatars.githubusercontent.com",
+      },
+    ],
+  },
+  async redirects() {
+    return [
+      {
+        source: "/reports",
+        destination: "/vibes",
+        permanent: true,
+      },
+      {
+        source: "/reports/:jobId",
+        destination: "/analysis/:jobId",
+        permanent: true,
+      },
+      {
+        source: "/repos",
+        destination: "/settings/repos",
+        permanent: true,
+      },
+    ];
+  },
 };
 
 export default nextConfig;

apps/web/package.json

@@ -12,8 +12,10 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@supabase/ssr": "^0.5.2",
     "@supabase/supabase-js": "^2.47.14",
+    "@vercel/og": "^0.8.6",
     "@vibed/core": "*",
     "@vibed/db": "*",
     "class-variance-authority": "^0.7.1",
@@ -22,13 +24,15 @@
     "inngest": "^3.49.3",
     "lucide-react": "^0.562.0",
     "next": "16.1.2",
+    "qrcode": "^1.5.4",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
+    "@types/qrcode": "^1.5.6",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",

apps/web/src/app/AppHeader.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { wrappedTheme } from "@/lib/theme";
-import { useJobsOptional } from "@/contexts/JobsContext";
+import { NotificationDropdown } from "@/components/notifications";
 
 function isActiveLink(pathname: string, href: string): boolean {
   if (href === "/") return pathname === "/";
@@ -18,17 +18,14 @@ export default function AppHeader(props: {
   signOut: () => Promise<void>;
 }) {
   const pathname = usePathname();
-  const jobsContext = useJobsOptional();
-  const unreadCount = jobsContext?.unreadCount ?? 0;
 
   if (pathname === "/login") return null;
 
   const baseLinks = props.isAuthed
     ? [
         { href: "/", label: "My VCP" },
-        { href: "/repos", label: "Repos" },
-        { href: "/analysis", label: "Reports" },
-        { href: "/settings/llm-keys", label: "Settings" },
+        { href: "/vibes", label: "Repo VCPs" },
+        { href: "/settings/repos", label: "Settings" },
         { href: "/methodology", label: "Methodology" },
         { href: "/security", label: "Security" },
       ]
@@ -44,8 +41,8 @@ export default function AppHeader(props: {
 
   return (
     <header className="sticky top-0 z-50 bg-white/75 backdrop-blur">
-      <div className="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-fuchsia-500 via-indigo-500 to-cyan-500" />
-      <div className="absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-amber-400 via-fuchsia-500 to-cyan-500 opacity-70" />
+      <div className="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-violet-500 to-indigo-500" />
+      <div className="absolute inset-x-0 bottom-0 h-px bg-gradient-to-r from-violet-400 via-indigo-400 to-violet-400 opacity-50" />
       <div className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-6 py-4 sm:px-10 lg:px-20">
         <div className="flex items-center gap-6">
           <Link
@@ -60,47 +57,42 @@ export default function AppHeader(props: {
           <nav className="flex items-center gap-1 text-sm">
             {links.map((l) => {
               const isActive = isActiveLink(pathname, l.href);
-              const showBadge = l.href === "/analysis" && unreadCount > 0;
               return (
                 <Link
                   key={l.href}
                   href={l.href}
                   className={
                     isActive
-                      ? "relative rounded-full bg-gradient-to-r from-fuchsia-500/15 via-indigo-500/15 to-cyan-500/15 px-4 py-1.5 font-semibold text-zinc-950"
+                      ? "relative rounded-full bg-violet-100 px-4 py-1.5 font-semibold text-violet-900"
                       : wrappedTheme.pillLink
                   }
                 >
                   {isActive && (
-                    <span className="absolute inset-x-0 -bottom-[17px] mx-auto h-0.5 w-8 rounded-full bg-gradient-to-r from-fuchsia-500 via-indigo-500 to-cyan-500" />
+                    <span className="absolute inset-x-0 -bottom-[17px] mx-auto h-0.5 w-8 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500" />
                   )}
-                  <span className="inline-flex items-center gap-1.5">
-                    {l.label}
-                    {showBadge && (
-                      <span className="inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-gradient-to-r from-fuchsia-500 via-indigo-500 to-cyan-500 px-1.5 text-[10px] font-bold text-white">
-                        {unreadCount > 9 ? "9+" : unreadCount}
-                      </span>
-                    )}
-                  </span>
+                  {l.label}
                 </Link>
               );
             })}
           </nav>
         </div>
         <div className="flex items-center gap-3">
           {props.isAuthed ? (
-            <form action={props.signOut}>
-              <button
-                type="submit"
-                className="rounded-full border border-zinc-300/80 bg-white/70 px-4 py-1.5 text-sm font-semibold text-zinc-950 shadow-sm backdrop-blur transition hover:border-zinc-400 hover:bg-white"
-              >
-                Sign out
-              </button>
-            </form>
+            <>
+              <NotificationDropdown />
+              <form action={props.signOut}>
+                <button
+                  type="submit"
+                  className="rounded-full border border-zinc-300/80 bg-white/70 px-4 py-1.5 text-sm font-semibold text-zinc-950 shadow-sm backdrop-blur transition hover:border-zinc-400 hover:bg-white"
+                >
+                  Sign out
+                </button>
+              </form>
+            </>
           ) : (
             <Link
               href="/login"
-              className="rounded-full bg-gradient-to-r from-fuchsia-600 via-indigo-600 to-cyan-600 px-4 py-1.5 text-sm font-semibold text-white shadow-sm transition hover:brightness-110"
+              className="rounded-full bg-gradient-to-r from-violet-600 to-indigo-500 px-4 py-1.5 text-sm font-semibold text-white shadow-sm transition hover:brightness-110"
             >
               Sign in
             </Link>

apps/web/src/app/admin/llm-status/page.tsx

@@ -221,7 +221,7 @@ export default async function AdminLLMStatusPage() {
                       <div className="flex-1">
                         <div className="h-2 overflow-hidden rounded-full bg-zinc-100">
                           <div
-                            className="h-full bg-gradient-to-r from-fuchsia-500 to-indigo-500"
+                            className="h-full bg-gradient-to-r from-violet-500 to-indigo-500"
                             style={{ width: `${percentage}%` }}
                           />
                         </div>

apps/web/src/app/admin/users/[userId]/page.tsx

@@ -24,7 +24,7 @@
   }
 
   const { userId } = await params;
   const { success, user, error } = await getAdminUserDetail(userId);
 
   if (!success || !user) {
     notFound();
@@ -43,7 +43,7 @@
           </Link>
           <div className="mt-4 flex items-center gap-4">
             {user.avatar_url ? (
               <img
                 src={user.avatar_url}
                 alt=""
                 className="h-16 w-16 rounded-full"
@@ -128,7 +128,7 @@
                         </div>
                         <div className="mt-2 h-2 w-full rounded-full bg-zinc-200">
                           <div
-                            className="h-2 rounded-full bg-gradient-to-r from-fuchsia-600 via-indigo-600 to-cyan-600"
+                            className="h-2 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500"
                             style={{ width: `${axis?.score ?? 0}%` }}
                           />
                         </div>

apps/web/src/app/analysis/AnalysisListClient.tsx

@@ -157,7 +157,7 @@ export default function AnalysisListClient({ initialReports, initialJobs }: Anal
               <p className="text-sm text-zinc-600">
                 No completed reports yet. Run your first vibe check.
               </p>
-              <Link className={`${wrappedTheme.primaryButtonSm} mx-auto`} href="/repos">
+              <Link className={`${wrappedTheme.primaryButtonSm} mx-auto`} href="/settings/repos">
                 Pick a repo
               </Link>
             </div>
@@ -181,7 +181,7 @@ export default function AnalysisListClient({ initialReports, initialJobs }: Anal
                             {r.repoName ?? "Repository"}
                           </p>
                           {isUnread && (
-                            <span className="inline-flex h-2 w-2 rounded-full bg-gradient-to-r from-fuchsia-500 via-indigo-500 to-cyan-500" />
+                            <span className="inline-flex h-2 w-2 rounded-full bg-gradient-to-r from-violet-500 to-indigo-500" />
                           )}
                         </div>
                         <p className="mt-1 text-xs text-zinc-600">
@@ -243,7 +243,7 @@ export default function AnalysisListClient({ initialReports, initialJobs }: Anal
               <p className="text-sm text-zinc-600">
                 No analysis jobs yet.
               </p>
-              <Link className={`${wrappedTheme.primaryButtonSm} mx-auto`} href="/repos">
+              <Link className={`${wrappedTheme.primaryButtonSm} mx-auto`} href="/settings/repos">
                 Start an analysis
               </Link>
             </div>