heartbeads 0.6.1 → 0.6.2

package/.next/static/zq8Ew2hci2YIJ61-i832n/_clientMiddlewareManifest.json

@@ -0,0 +1,6 @@
+[
+  {
+    "regexp": "^(?:\\/(_next\\/data\\/[^/]{1,}))?(?:\\/((?!login|api\\/auth|api\\/oauth|_next\\/static|_next\\/image|favicon\\.ico|image\\.png|opengraph-image\\.png|twitter-image\\.png).*))(\\\\.json)?[\\/#\\?]?$",
+    "originalSource": "/((?!login|api/auth|api/oauth|_next/static|_next/image|favicon\\.ico|image\\.png|opengraph-image\\.png|twitter-image\\.png).*)"
+  }
+]

package/app/api/login/route.ts

@@ -30,7 +30,22 @@ export async function POST(request: NextRequest) {
 
     return NextResponse.json({ redirectUrl: url.toString() });
   } catch (error) {
+    // Enhanced error logging for debugging
+    const errorObj = error as any;
     console.error("OAuth authorize failed:", error);
+    if (errorObj?.message) {
+      console.error("Error message:", errorObj.message);
+    }
+    if (errorObj?.cause) {
+      console.error("Error cause:", errorObj.cause);
+    }
+    
+    // Check if error suggests OAuth endpoints are blocked by password middleware
+    const errorStr = errorObj?.message || String(error);
+    if (errorStr.includes('401') || errorStr.includes('Unauthorized') || errorStr.includes('client_metadata')) {
+      console.error("HINT: OAuth endpoints may be blocked by password middleware. Ensure /api/oauth/* routes are publicly accessible.");
+    }
+
     let errorMessage = "Couldn't initiate login";
 
     if (error instanceof OAuthResolverError) {

package/app/page.tsx

@@ -434,8 +434,9 @@ export default function Home() {
     // Count per-person stats from nodes
     for (const node of nodes) {
       // Created: credit the creator
-      if (node.createdBy) {
-        const e = getOrCreate(node.createdBy);
+      const creator = node.createdBy || node.owner || node.assignee;
+      if (creator) {
+        const e = getOrCreate(creator);
         if (e) e.createdCount++;
       }
 
@@ -987,8 +988,9 @@ export default function Home() {
 
     // Count per-person stats from timeline-filtered nodes
     for (const node of nodes) {
-      if (node.createdBy) {
-        const e = getOrCreate(node.createdBy);
+      const creator = node.createdBy || node.owner || node.assignee;
+      if (creator) {
+        const e = getOrCreate(creator);
         if (e) e.createdCount++;
       }
       if (node.status === "closed" && node.assignee) {
@@ -1713,6 +1715,29 @@ export default function Home() {
     []
   );
 
+  // Helper function to find the node ID where a contributor's avatar is displayed
+  const findAvatarNodeId = useCallback(
+    (handle: string): string | null => {
+      // 1. Check claimed nodes first (claims take visual priority)
+      for (const [nodeId, claim] of claimedNodeAvatars) {
+        if (claim.handle === handle) return nodeId;
+      }
+      // 2. Fall back to assignee avatar node
+      for (const [nodeId, info] of assigneeNodeAvatarsResolved) {
+        if (info.handle === handle) return nodeId;
+      }
+      // 3. Last resort: any assigned open node, most recently updated
+      if (data) {
+        const fallback = data.graphData.nodes
+          .filter((n) => n.assignee === handle && n.status !== "closed")
+          .sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+        if (fallback.length > 0) return fallback[0].id;
+      }
+      return null;
+    },
+    [claimedNodeAvatars, assigneeNodeAvatarsResolved, data]
+  );
+
   // Keyboard shortcut: Ctrl/Cmd+F to open search, Escape to close, Shift+0 to focus most recent node
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -1755,44 +1780,16 @@ export default function Home() {
         const entry = timelineFilteredLeaderboard[rank - 1];
         if (!entry || !data) return;
         
-        // Find the node that actually displays this contributor's avatar
-        let targetNodeId: string | null = null;
-        
-        // 1. Check claimed nodes first (claims take visual priority)
-        for (const [nodeId, claim] of claimedNodeAvatars) {
-          if (claim.handle === entry.handle) {
-            targetNodeId = nodeId;
-            break;
-          }
-        }
-        
-        // 2. Fall back to assignee avatar node
-        if (!targetNodeId) {
-          for (const [nodeId, info] of assigneeNodeAvatarsResolved) {
-            if (info.handle === entry.handle) {
-              targetNodeId = nodeId;
-              break;
-            }
-          }
-        }
-        
-        // 3. Last resort: any assigned open node (in case avatar maps haven't populated yet)
-        if (!targetNodeId) {
-          const fallback = data.graphData.nodes
-            .filter(n => n.assignee === entry.handle && n.status !== 'closed')
-            .sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
-          if (fallback.length > 0) targetNodeId = fallback[0].id;
-        }
-        
+        const targetNodeId = findAvatarNodeId(entry.handle);
         if (targetNodeId) {
-          const node = data.graphData.nodes.find(n => n.id === targetNodeId);
+          const node = data.graphData.nodes.find((n) => n.id === targetNodeId);
           if (node) graphRef.current?.focusNode(node);
         }
       }
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [searchOpen, timelineFilteredActivity, data, timelineFilteredLeaderboard, claimedNodeAvatars, assigneeNodeAvatarsResolved]);
+  }, [searchOpen, timelineFilteredActivity, data, timelineFilteredLeaderboard, findAvatarNodeId]);
 
   // Handle search result selection via keyboard
   const handleSearchKeyDown = useCallback(
@@ -2523,6 +2520,9 @@ export default function Home() {
                   setActivityPanelOpen(false);
                   setHelpPanelOpen(false);
                   setLeaderboardPanelOpen(false);
+                  // Zoom to the avatar node
+                  const nodeId = findAvatarNodeId(handle);
+                  if (nodeId) graphRef.current?.zoomToNode(nodeId);
                 }}
               />
             </div>
@@ -2834,6 +2834,10 @@ export default function Home() {
               currentDid={session?.did}
               repoUrls={repoUrls}
               onOpenSettings={() => setSettingsModalOpen(true)}
+              onProfileClick={(handle) => {
+                setProfilePanelHandle(handle);
+                setSelectedNode(null);
+              }}
             />
 
           </div>
@@ -2893,6 +2897,10 @@ export default function Home() {
                 currentDid={session?.did}
                 repoUrls={repoUrls}
                 onOpenSettings={() => setSettingsModalOpen(true)}
+                onProfileClick={(handle) => {
+                  setProfilePanelHandle(handle);
+                  setSelectedNode(null);
+                }}
               />
             </div>
           </div>
@@ -2950,6 +2958,9 @@ export default function Home() {
             setAllCommentsPanelOpen(false);
             setActivityPanelOpen(false);
             setHelpPanelOpen(false);
+            // Zoom to the avatar node
+            const nodeId = findAvatarNodeId(handle);
+            if (nodeId) graphRef.current?.zoomToNode(nodeId);
           }}
         />
 

package/components/BeadsGraph.tsx

@@ -25,6 +25,7 @@ let _ForceGraph2DModule: React.ComponentType<any> | null = null;
 type LayoutMode = "force" | "dag" | "radial" | "cluster" | "spread";
 export interface BeadsGraphHandle {
   focusNode: (node: GraphNode) => void;
+  zoomToNode: (nodeId: string) => void;
 }
 
 interface BeadsGraphProps {
@@ -1064,8 +1065,21 @@ const BeadsGraph = forwardRef<BeadsGraphHandle, BeadsGraphProps>(function BeadsG
     [onNodeClick, viewNodes]
   );
 
+  // Zoom to node without selecting it (for profile panel navigation)
+  const zoomToNode = useCallback(
+    (nodeId: string) => {
+      const fg = graphRef.current;
+      if (!fg) return;
+      const graphNode = viewNodes.find((n) => n.id === nodeId);
+      if (!graphNode || graphNode.x === undefined || graphNode.y === undefined) return;
+      fg.centerAt(graphNode.x, graphNode.y, 500);
+      fg.zoom(2.5, 500);
+    },
+    [viewNodes]
+  );
+
   // Expose focusNode to parent via ref
-  useImperativeHandle(ref, () => ({ focusNode }), [focusNode]);
+  useImperativeHandle(ref, () => ({ focusNode, zoomToNode }), [focusNode, zoomToNode]);
 
   // ForceGraph2D event handlers (extracted from inline lambdas for stable references)
   const handleForceGraphNodeHover = useCallback((node: any) => {

package/components/NodeDetail.tsx

@@ -55,6 +55,7 @@ interface NodeDetailProps {
   currentDid?: string;
   repoUrls?: Record<string, string>;
   onOpenSettings?: () => void;
+  onProfileClick?: (handle: string) => void;
 }
 
 export default function NodeDetail({
@@ -70,6 +71,7 @@ export default function NodeDetail({
   currentDid,
   repoUrls,
   onOpenSettings,
+  onProfileClick,
 }: NodeDetailProps) {
   // Reply state — managed here so it's shared across the comment tree
   const [replyingToUri, setReplyingToUri] = useState<string | null>(null);
@@ -338,20 +340,26 @@ export default function NodeDetail({
             </span>
           </div>
         )}
-        {node.owner && (
+        {(node.createdBy || node.owner || node.assignee) && (
           <div className="flex justify-between">
-            <span>Owner</span>
-            <span className="text-zinc-700 dark:text-zinc-300 font-medium truncate ml-2">
-              {node.owner}
-            </span>
+            <span>Created by</span>
+            <button
+              onClick={() => onProfileClick?.(node.createdBy || node.owner || node.assignee || "")}
+              className="text-zinc-700 dark:text-zinc-300 font-medium truncate ml-2 hover:text-emerald-600 dark:hover:text-emerald-400 transition-colors"
+            >
+              {node.createdBy || node.owner || node.assignee}
+            </button>
           </div>
         )}
         <div className="flex justify-between">
           <span>Assignee</span>
           {node.assignee ? (
-            <span className="text-zinc-700 dark:text-zinc-300 font-medium truncate ml-2">
+            <button
+              onClick={() => onProfileClick?.(node.assignee!)}
+              className="text-zinc-700 dark:text-zinc-300 font-medium truncate ml-2 hover:text-emerald-600 dark:hover:text-emerald-400 transition-colors"
+            >
               {node.assignee}
-            </span>
+            </button>
           ) : (
             <span className="text-zinc-400 dark:text-zinc-500 italic ml-2">
               No assignee

package/lib/activity.ts

@@ -123,7 +123,13 @@ export function buildHistoricalFeed(
           time,
           nodeId: node.id,
           nodeTitle: node.title,
-          actor: node.createdBy ? { handle: node.createdBy } : node.owner ? { handle: node.owner } : undefined,
+          actor: node.createdBy
+            ? { handle: node.createdBy }
+            : node.owner
+              ? { handle: node.owner }
+              : node.assignee
+                ? { handle: node.assignee }
+                : undefined,
           detail: node.issueType,
           meta: { issueType: node.issueType, prefix: node.prefix },
         });
@@ -140,7 +146,13 @@ export function buildHistoricalFeed(
           time,
           nodeId: node.id,
           nodeTitle: node.title,
-          actor: node.owner ? { handle: node.owner } : node.createdBy ? { handle: node.createdBy } : undefined,
+          actor: node.owner
+            ? { handle: node.owner }
+            : node.createdBy
+              ? { handle: node.createdBy }
+              : node.assignee
+                ? { handle: node.assignee }
+                : undefined,
           detail: node.closeReason || "Closed",
           meta: { prefix: node.prefix },
         });
@@ -155,11 +167,13 @@ export function buildHistoricalFeed(
       if (!isNaN(time)) {
         const src = typeof link.source === "object" ? (link.source as { id: string }).id : link.source;
         const tgt = typeof link.target === "object" ? (link.target as { id: string }).id : link.target;
+        const sourceNode = nodes.find((n) => n.id === src);
         add({
           id: `link-added:${src}->${tgt}:${time}`,
           type: "link-added",
           time,
           nodeId: src,
+          actor: sourceNode?.assignee ? { handle: sourceNode.assignee } : undefined,
           detail: `${link.type} ${tgt}`,
           meta: { linkType: link.type, target: tgt },
         });
@@ -268,6 +282,7 @@ export function diffToActivityEvents(
       time: now,
       nodeId: id,
       nodeTitle: node?.title,
+      actor: node?.assignee ? { handle: node.assignee } : undefined,
       detail: node?.issueType || "task",
       meta: node ? { issueType: node.issueType, prefix: node.prefix } : undefined,
     });
@@ -275,11 +290,13 @@ export function diffToActivityEvents(
 
   // Removed nodes
   for (const id of diff.removedNodeIds) {
+    const node = nodeMap.get(id);
     events.push({
       id: `node-closed:${id}:${now}`,
       type: "node-closed",
       time: now,
       nodeId: id,
+      actor: node?.assignee ? { handle: node.assignee } : undefined,
       detail: "Removed",
     });
   }
@@ -314,6 +331,7 @@ export function diffToActivityEvents(
         time: now,
         nodeId: id,
         nodeTitle: node?.title,
+        actor: node?.assignee ? { handle: node.assignee } : undefined,
         detail: `${change.from} \u2192 ${change.to}`,
         meta: { field: change.field, from: change.from, to: change.to },
       });
@@ -326,11 +344,13 @@ export function diffToActivityEvents(
     const match = key.match(/^(.+)->(.+):(.+)$/);
     if (match) {
       const [, src, tgt, linkType] = match;
+      const sourceNode = nodeMap.get(src);
       events.push({
         id: `link-added:${key}:${now}`,
         type: "link-added",
         time: now,
         nodeId: src,
+        actor: sourceNode?.assignee ? { handle: sourceNode.assignee } : undefined,
         detail: `${linkType} ${tgt}`,
         meta: { linkType, target: tgt },
       });

package/lib/parse-beads.ts

@@ -84,17 +84,31 @@ export function parseIssuesJsonl(beadsDir?: string): BeadIssue[] {
     issues.push(...repoIssues);
   }
 
-  // Deduplicate by issue ID (primary repo wins) and filter out tombstones.
-  // bd delete marks issues with status "tombstone" rather than removing them
-  // from the JSONL file — we must exclude these from the graph.
-  const seen = new Set<string>();
-  return issues.filter((issue) => {
-    if (seen.has(issue.id)) return false;
-    seen.add(issue.id);
+  // Deduplicate by issue ID (primary repo wins for non-empty fields).
+  // When a duplicate is found, merge any empty fields from the duplicate into the first copy.
+  // This handles the case where the hub DB lost created_by/owner during import
+  // but individual repos have them.
+  const seen = new Map<string, BeadIssue>();
+  const result: BeadIssue[] = [];
+  for (const issue of issues) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if ((issue as any).status === "tombstone") return false;
-    return true;
-  });
+    if ((issue as any).status === "tombstone") continue;
+    const existing = seen.get(issue.id);
+    if (existing) {
+      // Merge: fill empty fields from duplicate
+      if (!existing.created_by && issue.created_by) existing.created_by = issue.created_by;
+      if (!existing.owner && issue.owner) existing.owner = issue.owner;
+      if (!existing.assignee && issue.assignee) existing.assignee = issue.assignee;
+      if (!existing.close_reason && issue.close_reason) existing.close_reason = issue.close_reason;
+      if (!existing.acceptance_criteria && issue.acceptance_criteria) existing.acceptance_criteria = issue.acceptance_criteria;
+      if (existing.estimated_minutes == null && issue.estimated_minutes != null) existing.estimated_minutes = issue.estimated_minutes;
+      if ((!existing.labels || existing.labels.length === 0) && issue.labels && issue.labels.length > 0) existing.labels = issue.labels;
+    } else {
+      seen.set(issue.id, issue);
+      result.push(issue);
+    }
+  }
+  return result;
 }
 
 /**

package/lib/types.ts

@@ -161,8 +161,9 @@ export const PRIORITY_COLORS: Record<number, string> = {
 // Catppuccin Latte accent palette
 // ============================================================================
 
-/** Catppuccin Latte accent colors — 14 visually distinct, reordered for max contrast between adjacent indices */
+/** Catppuccin Latte accent colors — 85 colors for collision-free prefix mapping */
 export const CATPPUCCIN_ACCENTS: string[] = [
+  // Original 14 Catppuccin Latte accents
   "#d20f39", // Red
   "#179299", // Teal
   "#fe640b", // Peach
@@ -177,11 +178,91 @@ export const CATPPUCCIN_ACCENTS: string[] = [
   "#7287fd", // Lavender
   "#dd7878", // Flamingo
   "#dc8a78", // Rosewater
+  // Extended palette (71 additional colors)
+  "#862d2d",
+  "#bf4040",
+  "#d27979",
+  "#931f1f",
+  "#d22d2d",
+  "#e06c6c",
+  "#a11212",
+  "#e61919",
+  "#ed5e5e",
+  "#86592d",
+  "#bf8040",
+  "#d2a679",
+  "#93591f",
+  "#d2802d",
+  "#e0a66c",
+  "#a15912",
+  "#e68019",
+  "#eda65e",
+  "#86862d",
+  "#bfbf40",
+  "#d2d279",
+  "#93931f",
+  "#d2d22d",
+  "#e0e06c",
+  "#a1a112",
+  "#e6e619",
+  "#eded5e",
+  "#59862d",
+  "#80bf40",
+  "#a6d279",
+  "#59931f",
+  "#80d22d",
+  "#a6e06c",
+  "#59a112",
+  "#80e619",
+  "#a6ed5e",
+  "#2d862d",
+  "#40bf40",
+  "#79d279",
+  "#1f931f",
+  "#2dd22d",
+  "#6ce06c",
+  "#12a112",
+  "#19e619",
+  "#5eed5e",
+  "#2d8659",
+  "#40bf80",
+  "#79d2a6",
+  "#1f9359",
+  "#2dd280",
+  "#6ce0a6",
+  "#12a159",
+  "#19e680",
+  "#5eeda6",
+  "#2d8686",
+  "#40bfbf",
+  "#79d2d2",
+  "#1f9393",
+  "#2dd2d2",
+  "#6ce0e0",
+  "#12a1a1",
+  "#19e6e6",
+  "#5eeded",
+  "#2d5986",
+  "#4080bf",
+  "#79a6d2",
+  "#1f5993",
+  "#2d80d2",
+  "#6ca6e0",
+  "#1259a1",
+  "#1980e6",
 ];
 
 export const CATPPUCCIN_ACCENT_NAMES: string[] = [
   "Red", "Teal", "Peach", "Blue", "Green", "Mauve", "Yellow",
   "Sapphire", "Pink", "Sky", "Maroon", "Lavender", "Flamingo", "Rosewater",
+  "Color1", "Color2", "Color3", "Color4", "Color5", "Color6", "Color7", "Color8", "Color9", "Color10",
+  "Color11", "Color12", "Color13", "Color14", "Color15", "Color16", "Color17", "Color18", "Color19", "Color20",
+  "Color21", "Color22", "Color23", "Color24", "Color25", "Color26", "Color27", "Color28", "Color29", "Color30",
+  "Color31", "Color32", "Color33", "Color34", "Color35", "Color36", "Color37", "Color38", "Color39", "Color40",
+  "Color41", "Color42", "Color43", "Color44", "Color45", "Color46", "Color47", "Color48", "Color49", "Color50",
+  "Color51", "Color52", "Color53", "Color54", "Color55", "Color56", "Color57", "Color58", "Color59", "Color60",
+  "Color61", "Color62", "Color63", "Color64", "Color65", "Color66", "Color67", "Color68", "Color69", "Color70",
+  "Color71",
 ];
 
 /** Catppuccin Latte Surface2 — used for "unassigned" / unknown values */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "heartbeads",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "Interactive dependency graph viewer for beads (bd) issues",
   "keywords": [
     "beads",

package/.next/static/bc2EgBqgYtYOdWusC2URO/_clientMiddlewareManifest.json

@@ -1,6 +0,0 @@
-[
-  {
-    "regexp": "^(?:\\/(_next\\/data\\/[^/]{1,}))?(?:\\/((?!login|api\\/auth|_next\\/static|_next\\/image|favicon\\.ico|image\\.png|opengraph-image\\.png|twitter-image\\.png).*))(\\\\.json)?[\\/#\\?]?$",
-    "originalSource": "/((?!login|api/auth|_next/static|_next/image|favicon\\.ico|image\\.png|opengraph-image\\.png|twitter-image\\.png).*)"
-  }
-]