docs: update Phase 4 documentation with actual GitHub issue numbers

- Update PHASE_4_ISSUES.md with correct issue numbers (#53-#72)
- Update PHASE_4_SUMMARY.md dependency graph and references
- Add GitHub issue links to TODO.md for all Phase 4 tasks
- Map planned issue numbers to actual GitHub issue numbers
- Ensure consistency across all documentation

🤖 Generated with Claude Code

Co-Authored-By: Claude <claude@ghostpaste.dev>

Author: nullcoder

docs/PHASE_4_ISSUES.md

@@ -8,7 +8,7 @@ Phase 4 focuses on building the UI components for GhostPaste. These components s
 
 ### 1. Layout Components (Foundation)
 
-#### Issue #42: Create Header Component
+#### Issue #53: Create Header Component
 
 **Title:** feat: create header component with navigation
 **Labels:** `ui`, `component`, `priority: high`
@@ -34,7 +34,7 @@ Create the main header component for GhostPaste with navigation and branding.
 
 ---
 
-#### Issue #43: Create Footer Component
+#### Issue #70: Create Footer Component
 
 **Title:** feat: create footer component
 **Labels:** `ui`, `component`, `priority: low`
@@ -56,7 +56,7 @@ Create a simple footer component with links and copyright.
 
 ---
 
-#### Issue #44: Create Container Component
+#### Issue #62: Create Container Component
 
 **Title:** feat: create container component for consistent spacing
 **Labels:** `ui`, `component`, `priority: medium`
@@ -78,7 +78,7 @@ Create a reusable container component for consistent page margins and max-width.
 
 ---
 
-#### Issue #45: Implement Responsive Design Tokens
+#### Issue #57: Implement Responsive Design Tokens
 
 **Title:** feat: implement design system tokens
 **Labels:** `ui`, `design-system`, `priority: high`
@@ -103,7 +103,7 @@ Set up design tokens for consistent spacing, typography, and breakpoints.
 
 ### 2. Editor Components (Core)
 
-#### Issue #46: Create CodeEditor Component
+#### Issue #54: Create CodeEditor Component
 
 **Title:** feat: create CodeMirror editor wrapper component
 **Labels:** `ui`, `component`, `priority: critical`
@@ -140,7 +140,7 @@ Create a React wrapper for CodeMirror 6 with all required features.
 
 ---
 
-#### Issue #47: Create FileEditor Component
+#### Issue #55: Create FileEditor Component
 
 **Title:** feat: create single file editor component
 **Labels:** `ui`, `component`, `priority: critical`
@@ -167,7 +167,7 @@ Create the FileEditor component that combines filename input, language selector,
 
 ---
 
-#### Issue #48: Create MultiFileEditor Component
+#### Issue #56: Create MultiFileEditor Component
 
 **Title:** feat: create multi-file editor container
 **Labels:** `ui`, `component`, `priority: critical`
@@ -196,7 +196,7 @@ Create the container component that manages multiple FileEditor instances.
 
 ---
 
-#### Issue #49: Create AddFileButton Component
+#### Issue #63: Create AddFileButton Component
 
 **Title:** feat: create add file button component
 **Labels:** `ui`, `component`, `priority: medium`
@@ -222,7 +222,7 @@ Create the button component for adding new files.
 
 ### 3. Form Components (Gist Options)
 
-#### Issue #50: Create ExpirySelector Component
+#### Issue #64: Create ExpirySelector Component
 
 **Title:** feat: create expiry time selector component
 **Labels:** `ui`, `component`, `priority: medium`
@@ -246,7 +246,7 @@ Create a component for selecting gist expiration time.
 
 ---
 
-#### Issue #51: Create PINInput Component
+#### Issue #65: Create PINInput Component
 
 **Title:** feat: create PIN input component
 **Labels:** `ui`, `component`, `priority: medium`
@@ -273,7 +273,7 @@ Create a secure PIN input component for edit protection.
 
 ---
 
-#### Issue #52: Create ShareDialog Component
+#### Issue #60: Create ShareDialog Component
 
 **Title:** feat: create share dialog with copy functionality
 **Labels:** `ui`, `component`, `priority: high`
@@ -302,7 +302,7 @@ Create a dialog that displays the shareable URL after gist creation.
 
 ### 4. Display Components (Viewing)
 
-#### Issue #53: Create GistViewer Component
+#### Issue #61: Create GistViewer Component
 
 **Title:** feat: create gist viewer component
 **Labels:** `ui`, `component`, `priority: high`
@@ -330,7 +330,7 @@ Create the read-only gist viewer component.
 
 ---
 
-#### Issue #54: Create FileList Component
+#### Issue #66: Create FileList Component
 
 **Title:** feat: create file list/tab component
 **Labels:** `ui`, `component`, `priority: medium`
@@ -356,7 +356,7 @@ Create a component to display and navigate between files in view mode.
 
 ---
 
-#### Issue #55: Create VersionHistory Component
+#### Issue #71: Create VersionHistory Component
 
 **Title:** feat: create version history dropdown
 **Labels:** `ui`, `component`, `priority: low`
@@ -380,7 +380,7 @@ Create a dropdown to select and view different versions.
 
 ---
 
-#### Issue #56: Create LoadingStates Component
+#### Issue #67: Create LoadingStates Component
 
 **Title:** feat: create loading state components
 **Labels:** `ui`, `component`, `priority: medium`
@@ -404,7 +404,7 @@ Create consistent loading states for the application.
 
 ---
 
-#### Issue #57: Create ErrorBoundary Component
+#### Issue #58: Create ErrorBoundary Component
 
 **Title:** feat: create error boundary component
 **Labels:** `ui`, `component`, `priority: high`
@@ -432,7 +432,7 @@ Create an error boundary to catch and display errors gracefully.
 
 ### 5. UI Features (Enhancements)
 
-#### Issue #58: Implement Toast Notifications
+#### Issue #68: Implement Toast Notifications
 
 **Title:** feat: add toast notification system
 **Labels:** `ui`, `feature`, `priority: medium`
@@ -459,7 +459,7 @@ Implement a toast notification system for user feedback.
 
 ---
 
-#### Issue #59: Create Keyboard Shortcuts
+#### Issue #72: Create Keyboard Shortcuts
 
 **Title:** feat: implement keyboard shortcuts
 **Labels:** `ui`, `feature`, `priority: low`
@@ -484,7 +484,7 @@ Add keyboard shortcuts for common actions.
 
 ---
 
-#### Issue #60: Implement Copy to Clipboard
+#### Issue #59: Implement Copy to Clipboard
 
 **Title:** feat: add copy to clipboard functionality
 **Labels:** `ui`, `feature`, `priority: high`
@@ -511,11 +511,11 @@ Implement copy functionality throughout the app.
 
 ## Implementation Order
 
-1. **Foundation** (Layout components) - Issues #42-45
-2. **Core Editor** - Issues #46-49
-3. **Display Components** - Issues #53, #56, #57
-4. **Form Components** - Issues #50-52
-5. **Enhancements** - Issues #54, #55, #58-60
+1. **Foundation** (Layout components) - Issues #53, #57, #62, #70
+2. **Core Editor** - Issues #54-56, #63
+3. **Display Components** - Issues #58, #61, #66, #67, #71
+4. **Form Components** - Issues #60, #64, #65
+5. **Enhancements** - Issues #59, #68, #72
 
 ## Technical Guidelines
 

docs/PHASE_4_SUMMARY.md

@@ -25,56 +25,56 @@ Phase 4 consists of 19 GitHub issues to implement all UI components for GhostPas
 
 **Must complete first** (blocking other work):
 
-1. #45: Design tokens (2-4 hours)
-2. #46: CodeEditor component (8-12 hours)
-3. #47: FileEditor component (4-6 hours)
-4. #48: MultiFileEditor component (6-8 hours)
+1. #57: Design tokens (2-4 hours)
+2. #54: CodeEditor component (8-12 hours)
+3. #55: FileEditor component (4-6 hours)
+4. #56: MultiFileEditor component (6-8 hours)
 
 **Can start in parallel**:
 
-- #42: Header component (4-6 hours)
-- #44: Container component (2-3 hours)
+- #53: Header component (4-6 hours)
+- #62: Container component (2-3 hours)
 
 ### Week 2: Display & Form Components
 
 **Primary work**:
 
-- #53: GistViewer component (6-8 hours)
-- #52: ShareDialog component (4-6 hours)
-- #50: ExpirySelector component (3-4 hours)
-- #51: PINInput component (4-6 hours)
+- #61: GistViewer component (6-8 hours)
+- #60: ShareDialog component (4-6 hours)
+- #64: ExpirySelector component (3-4 hours)
+- #65: PINInput component (4-6 hours)
 
 **Support work**:
 
-- #56: LoadingStates component (4-6 hours)
-- #57: ErrorBoundary component (3-4 hours)
-- #49: AddFileButton component (2-3 hours)
+- #67: LoadingStates component (4-6 hours)
+- #58: ErrorBoundary component (3-4 hours)
+- #63: AddFileButton component (2-3 hours)
 
 ### Week 3: Enhancements & Polish
 
 **UI Features**:
 
-- #58: Toast notifications (4-6 hours)
-- #60: Copy to clipboard (3-4 hours)
-- #54: FileList component (4-6 hours)
+- #68: Toast notifications (4-6 hours)
+- #59: Copy to clipboard (3-4 hours)
+- #66: FileList component (4-6 hours)
 
 **Lower priority**:
 
-- #59: Keyboard shortcuts (4-6 hours)
-- #55: VersionHistory component (3-4 hours)
-- #43: Footer component (2-3 hours)
+- #72: Keyboard shortcuts (4-6 hours)
+- #71: VersionHistory component (3-4 hours)
+- #70: Footer component (2-3 hours)
 
 ## Key Dependencies
 
 ```mermaid
 graph TD
-    A[#45 Design Tokens] --> B[#46 CodeEditor]
-    B --> C[#47 FileEditor]
-    C --> D[#48 MultiFileEditor]
-    B --> E[#53 GistViewer]
-    A --> F[#42 Header]
-    A --> G[#44 Container]
-    D --> H[#52 ShareDialog]
+    A[#57 Design Tokens] --> B[#54 CodeEditor]
+    B --> C[#55 FileEditor]
+    C --> D[#56 MultiFileEditor]
+    B --> E[#61 GistViewer]
+    A --> F[#53 Header]
+    A --> G[#62 Container]
+    D --> H[#60 ShareDialog]
 ```
 
 ## Technical Considerations
@@ -89,7 +89,7 @@ Before starting, ensure:
 
 ### 2. CodeMirror Integration
 
-The CodeEditor component (#46) is the most complex:
+The CodeEditor component (#54) is the most complex:
 
 - Requires careful memory management
 - Must handle theme switching
@@ -98,7 +98,7 @@ The CodeEditor component (#46) is the most complex:
 
 ### 3. State Management
 
-MultiFileEditor (#48) needs efficient state management:
+MultiFileEditor (#56) needs efficient state management:
 
 - Consider using `useReducer` for complex state
 - Implement proper memoization

docs/TODO.md

@@ -100,35 +100,35 @@ This document tracks the implementation progress of GhostPaste. Check off tasks
 
 ### Layout Components
 
-- [ ] Create Header component with navigation
-- [ ] Create Footer component
-- [ ] Create Container component for consistent spacing
-- [ ] Implement responsive design tokens
+- [ ] Create Header component with navigation - [#53](https://github.com/nullcoder/ghostpaste/issues/53)
+- [ ] Create Footer component - [#70](https://github.com/nullcoder/ghostpaste/issues/70)
+- [ ] Create Container component for consistent spacing - [#62](https://github.com/nullcoder/ghostpaste/issues/62)
+- [ ] Implement responsive design tokens - [#57](https://github.com/nullcoder/ghostpaste/issues/57)
 
 ### Form Components
 
-- [ ] Create FileEditor component (single file with name, language, editor)
-- [ ] Create MultiFileEditor component (manages multiple FileEditor instances)
-- [ ] Create CodeEditor component (CodeMirror wrapper)
-- [ ] Create AddFileButton component
-- [ ] Create ExpirySelector component
-- [ ] Create PINInput component
-- [ ] Create ShareDialog component with copy functionality
+- [ ] Create FileEditor component (single file with name, language, editor) - [#55](https://github.com/nullcoder/ghostpaste/issues/55)
+- [ ] Create MultiFileEditor component (manages multiple FileEditor instances) - [#56](https://github.com/nullcoder/ghostpaste/issues/56)
+- [ ] Create CodeEditor component (CodeMirror wrapper) - [#54](https://github.com/nullcoder/ghostpaste/issues/54)
+- [ ] Create AddFileButton component - [#63](https://github.com/nullcoder/ghostpaste/issues/63)
+- [ ] Create ExpirySelector component - [#64](https://github.com/nullcoder/ghostpaste/issues/64)
+- [ ] Create PINInput component - [#65](https://github.com/nullcoder/ghostpaste/issues/65)
+- [ ] Create ShareDialog component with copy functionality - [#60](https://github.com/nullcoder/ghostpaste/issues/60)
 
 ### Display Components
 
-- [ ] Create GistViewer component
-- [ ] Create FileList component
-- [ ] Create VersionHistory dropdown
-- [ ] Create LoadingStates component
-- [ ] Create ErrorBoundary component
+- [ ] Create GistViewer component - [#61](https://github.com/nullcoder/ghostpaste/issues/61)
+- [ ] Create FileList component - [#66](https://github.com/nullcoder/ghostpaste/issues/66)
+- [ ] Create VersionHistory dropdown - [#71](https://github.com/nullcoder/ghostpaste/issues/71)
+- [ ] Create LoadingStates component - [#67](https://github.com/nullcoder/ghostpaste/issues/67)
+- [ ] Create ErrorBoundary component - [#58](https://github.com/nullcoder/ghostpaste/issues/58)
 
 ### UI Features
 
-- [ ] Implement dark/light theme toggle
-- [ ] Add toast notifications
-- [ ] Create keyboard shortcuts
-- [ ] Add copy-to-clipboard functionality
+- [ ] Implement dark/light theme toggle (included in Header #53)
+- [ ] Add toast notifications - [#68](https://github.com/nullcoder/ghostpaste/issues/68)
+- [ ] Create keyboard shortcuts - [#72](https://github.com/nullcoder/ghostpaste/issues/72)
+- [ ] Add copy-to-clipboard functionality - [#59](https://github.com/nullcoder/ghostpaste/issues/59)
 - [ ] Implement responsive design
 - [ ] Add file editor auto-scroll on add
 - [ ] Implement filename auto-generation