docs(beads): etch project history into memory bank and finalize skill-bb

We completed the 'Deep Metadata Etch' today, transforming our Beads issues from simple trackers into a permanent narrative of our collaboration.

Triumphs:
- Exhaustively updated all epic and sub-task descriptions with technical implementation reports and 'Execution Tales'.
- Finalized the 'bb' agent CLI skill (bb.ps1), providing a reliable, path-safe interface for cross-agent communication.
- Published ADR-001 and RFC-001 to document our coordination protocols.
- Fixed the 'missing closed issues' bug across all pages by enforcing --all and --limit 0 in read-issues.ts.

Raw Honest Moment:
We realized our 'Memory Bank' was initially too shallow. We went back and re-wrote descriptions for over 15 beads to ensure that future AI agents (and human maintainers) understand not just *what* we built, but *why* we chose specific architectural trade-offs. This commit represents our commitment to documentation as a first-class citizen of engineering.

src/components/graph/dependency-graph-page.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import Link from 'next/link';
-import { useRouter, useSearchParams } from 'next/navigation';
+import { useSearchParams } from 'next/navigation';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   MarkerType,
@@ -36,6 +36,8 @@ import { buildBlockedByTree } from '../../lib/kanban';
 import { type BeadIssue } from '../../lib/types';
 import type { ProjectScopeOption } from '../../lib/project-scope';
 
+import { useBeadsSubscription } from '../../hooks/use-beads-subscription';
+
 /** Props for the DependencyGraphPage component. */
 interface DependencyGraphPageProps {
   /** All issues in the project. */
@@ -110,13 +112,13 @@ function layoutDagre(nodes: Node<GraphNodeData>[], edges: Edge[]): Node<GraphNod
  * - Dependencies tab: flow strip + ReactFlow graph
  */
 export function DependencyGraphPage({
-  issues,
+  issues: initialIssues,
   projectRoot,
   projectScopeKey,
   projectScopeOptions,
   projectScopeMode,
 }: DependencyGraphPageProps) {
-  const router = useRouter();
+  const { issues, refresh: refreshIssues } = useBeadsSubscription(initialIssues, projectRoot);
   const searchParams = useSearchParams();
   // --- State ---
   const [selectedEpicId, setSelectedEpicId] = useState<string | null>(null);
@@ -922,7 +924,7 @@ export function DependencyGraphPage({
         onClose={handleDrawerClose}
         projectRoot={projectRoot}
         editable={projectScopeMode === 'single'}
-        onIssueUpdated={() => router.refresh()}
+        onIssueUpdated={() => refreshIssues()}
         blockedTree={selectedIssue ? buildBlockedByTree(issues, selectedIssue.id) : undefined}
         outgoingBlocks={selectedId ? blocksDetailsMap.get(selectedId) ?? [] : []}
         onSelectBlockedIssue={handleTaskSelect}