feat: enhance profile sharing and versioning features

- Introduced ProfileShareSection and ProfileVersionSelector components for improved user experience in sharing profiles.
- Updated user profile schema to include narrative and LLM model information.
- Enhanced admin job management to track profile updates and personas.
- Added share functionality for profiles, including metrics and insights display.
- Documented LLM narrative workflow and share experience improvements for better clarity and usability.

Author: devakone

apps/web/src/app/admin/actions.ts

@@ -521,6 +521,8 @@ export async function getAllJobs(
     commit_count: number | null;
     created_at: string;
     completed_at: string | null;
+    profile_updated: boolean;
+    profile_persona: string | null;
   }>;
   total: number;
 }> {
@@ -576,27 +578,49 @@ export async function getAllJobs(
   // Get user and repo names
   const userIds = [...new Set((jobs ?? []).map((j) => j.user_id))];
   const repoIds = [...new Set((jobs ?? []).map((j) => j.repo_id).filter(Boolean))];
+  const jobIds = (jobs ?? []).map((j) => j.id);
 
-  const [{ data: users }, { data: repos }] = await Promise.all([
+  const [{ data: users }, { data: repos }, { data: profileHistory }] = await Promise.all([
     adminSupabase.from("users").select("id, github_username").in("id", userIds),
     adminSupabase.from("repos").select("id, full_name").in("id", repoIds),
+    // Get profile history entries triggered by these jobs
+    adminSupabase
+      .from("user_profile_history")
+      .select("trigger_job_id, profile_snapshot")
+      .in("trigger_job_id", jobIds),
   ]);
 
   const usernameById = new Map((users ?? []).map((u) => [u.id, u.github_username]));
   const repoNameById = new Map((repos ?? []).map((r) => [r.id, r.full_name]));
 
+  // Map job ID to profile update info
+  const profileUpdateByJobId = new Map<string, { persona: string | null }>();
+  for (const ph of profileHistory ?? []) {
+    if (ph.trigger_job_id) {
+      const snapshot = ph.profile_snapshot as { persona?: { name?: string } } | null;
+      profileUpdateByJobId.set(ph.trigger_job_id, {
+        persona: snapshot?.persona?.name ?? null,
+      });
+    }
+  }
+
   return {
     success: true,
-    jobs: (jobs ?? []).map((j) => ({
-      id: j.id,
-      user_id: j.user_id,
-      username: usernameById.get(j.user_id) ?? null,
-      repo_name: repoNameById.get(j.repo_id ?? "") ?? null,
-      status: j.status,
-      commit_count: j.commit_count,
-      created_at: j.created_at,
-      completed_at: j.completed_at,
-    })),
+    jobs: (jobs ?? []).map((j) => {
+      const profileUpdate = profileUpdateByJobId.get(j.id);
+      return {
+        id: j.id,
+        user_id: j.user_id,
+        username: usernameById.get(j.user_id) ?? null,
+        repo_name: repoNameById.get(j.repo_id ?? "") ?? null,
+        status: j.status,
+        commit_count: j.commit_count,
+        created_at: j.created_at,
+        completed_at: j.completed_at,
+        profile_updated: Boolean(profileUpdate),
+        profile_persona: profileUpdate?.persona ?? null,
+      };
+    }),
     total: totalCount ?? 0,
   };
 }

apps/web/src/app/admin/jobs/page.tsx

@@ -88,6 +88,7 @@ export default async function AdminJobsPage({
                 <th className="px-4 py-3">Repo</th>
                 <th className="px-4 py-3">Status</th>
                 <th className="px-4 py-3">Commits</th>
+                <th className="px-4 py-3">Profile</th>
                 <th className="px-4 py-3">Created</th>
                 <th className="px-4 py-3">Completed</th>
               </tr>
@@ -112,6 +113,20 @@ export default async function AdminJobsPage({
                   <td className="px-4 py-3 text-sm text-zinc-600">
                     {job.commit_count?.toLocaleString() ?? "-"}
                   </td>
+                  <td className="px-4 py-3">
+                    {job.profile_updated ? (
+                      <span className="inline-flex items-center gap-1 rounded-full bg-fuchsia-100 px-2 py-1 text-xs font-medium text-fuchsia-700">
+                        <span className="text-fuchsia-500">✓</span>
+                        {job.profile_persona ? (
+                          <span title={job.profile_persona}>Updated</span>
+                        ) : (
+                          "Updated"
+                        )}
+                      </span>
+                    ) : (
+                      <span className="text-xs text-zinc-400">—</span>
+                    )}
+                  </td>
                   <td className="px-4 py-3 text-sm text-zinc-600">
                     {new Date(job.created_at).toLocaleString()}
                   </td>