Restyle

.claude/settings.json

@@ -10,9 +10,5 @@
         ]
       }
     ]
-  },
-  "statusLine": {
-    "type": "command",
-    "command": "~/.claude/hooks/statusline.js"
   }
 }

.coderabbit.yaml

@@ -0,0 +1,79 @@
+# CodeRabbit Configuration
+# Documentation: https://docs.coderabbit.ai/guides/configure-coderabbit
+
+language: en-US
+
+reviews:
+  # Enable automatic reviews on pull requests
+  auto_review:
+    enabled: true
+    # Ignore drafts until ready for review
+    drafts: false
+    # Review based on changed files
+    base_branches:
+      - main
+
+  # Review profile: chill (lenient) or assertive (strict)
+  profile: chill
+
+  # Request changes when issues are found
+  request_changes_workflow: false
+
+  # High-level summary in PR comments
+  high_level_summary: true
+  high_level_summary_placeholder: '@coderabbitai summary'
+
+  # Generate poem in review (fun feature, can disable)
+  poem: false
+
+  # Review walkthrough
+  review_status: true
+  collapse_walkthrough: false
+
+  # Path-based instructions for specific areas
+  path_instructions:
+    - path: 'apps/api/**'
+      instructions: |
+        This is the NestJS backend API. Focus on:
+        - Security vulnerabilities and input validation
+        - Proper error handling
+        - Database query efficiency
+        - API contract consistency with OpenAPI spec
+
+    - path: 'apps/web/**'
+      instructions: |
+        This is the React/Next.js frontend. Focus on:
+        - Component reusability and React best practices
+        - Accessibility (a11y) concerns
+        - Performance optimizations
+        - Type safety with TypeScript
+
+    - path: 'packages/crypto/**'
+      instructions: |
+        This is a cryptography library. Focus on:
+        - Security best practices for cryptographic operations
+        - Proper key handling and memory management
+        - Algorithm correctness and standard compliance
+
+    - path: '**/*.test.ts'
+      instructions: |
+        Focus on test coverage, edge cases, and test quality.
+        Ensure tests are meaningful and not just for coverage metrics.
+
+  # Paths to ignore in reviews
+  path_filters:
+    - '!**/node_modules/**'
+    - '!**/dist/**'
+    - '!**/build/**'
+    - '!**/.next/**'
+    - '!**/coverage/**'
+    - '!**/pnpm-lock.yaml'
+    - '!**/*.lock'
+    - '!**/generated/**'
+
+chat:
+  # Enable chat interactions in PR comments
+  auto_reply: true
+
+# Early access features
+early_access: false

.planning/ROADMAP.md

@@ -23,6 +23,7 @@ Decimal phases appear between their surrounding integers in numeric order.
 - [x] **Phase 6: File Browser UI** - Web interface for file management
 - [x] **Phase 6.1: Webapp Automation Testing** - E2E UI testing with automation framework (INSERTED)
 - [ ] **Phase 6.2: Restyle App with Pencil Design** - Complete UI redesign using Pencil design tool (INSERTED)
+- [ ] **Phase 6.3: UI Structure Refactor** - Page layouts, component hierarchy, and structural redesign using Pencil (INSERTED)
 - [ ] **Phase 7: Multi-Device Sync** - IPNS polling and sync state management
 - [ ] **Phase 8: TEE Integration** - Auto-republishing via Phala Cloud
 - [ ] **Phase 9: Desktop Client** - Tauri app with FUSE mount for macOS
@@ -239,6 +240,25 @@ Plans:
 
 - [ ] TBD (run /gsd:plan-phase 6.2 to break down)
 
+### Phase 6.3: UI Structure Refactor (INSERTED)
+
+**Goal**: Complete structural redesign of page layouts, component hierarchy, toolbars, and navigation using Pencil MCP for design-first approach
+**Depends on**: Phase 6.2
+**Requirements**: UI/UX structural improvements
+**Success Criteria** (what must be TRUE):
+
+1. Page layouts redesigned using Pencil MCP designs as source of truth
+2. Component hierarchy refactored for better maintainability
+3. New toolbar and navigation patterns implemented
+4. File browser structure improved (sidebar, main area, toolbars)
+5. All new designs created in Pencil before implementation
+6. Existing E2E tests pass with structural changes
+   **Plans**: TBD
+
+Plans:
+
+- [ ] TBD (run /gsd:plan-phase 6.3 to break down)
+
 ### Phase 7: Multi-Device Sync
 
 **Goal**: Changes sync across devices via IPNS polling
@@ -358,6 +378,8 @@ Decimal phases (if any) execute between their surrounding integers.
 | 5. Folder System        | 4/4            | Complete    | 2026-01-21 |
 | 6. File Browser UI      | 4/4            | Complete    | 2026-01-22 |
 | 6.1 Webapp Automation   | 7/7            | Complete    | 2026-01-22 |
+| 6.2 Restyle App         | 0/TBD          | Not started | -          |
+| 6.3 UI Structure        | 0/TBD          | Not started | -          |
 | 7. Multi-Device Sync    | 0/3            | Not started | -          |
 | 8. TEE Integration      | 0/4            | Not started | -          |
 | 9. Desktop Client       | 0/5            | Not started | -          |
@@ -385,4 +407,5 @@ _Phase 6 planned: 2026-01-21_
 _Phase 6.1 planned: 2026-01-22_
 _Phase 6.1 complete: 2026-01-22_
 _Phase 7 planned: 2026-01-22_
-_Total phases: 12 | Total plans: 54 | Depth: Comprehensive_
+_Phase 6.3 inserted: 2026-01-25_
+_Total phases: 13 | Total plans: 54 | Depth: Comprehensive_

.planning/STATE.md

@@ -188,6 +188,7 @@ Recent decisions affecting current work:
 - Phase 4.2 inserted: Local IPFS Testing Infrastructure - Add local IPFS node to Docker for offline testing (parallel work via worktree at ../cipher-box-phase-4.2)
 - Phase 6.1 inserted after Phase 6: Webapp Automation Testing - E2E UI testing with automation framework
 - Phase 6.2 inserted after Phase 6.1: Restyle App with Pencil Design - Complete UI redesign using Pencil design tool
+- Phase 6.3 inserted after Phase 6.2: UI Structure Refactor - Page layouts, component hierarchy, toolbars, and navigation using Pencil MCP for design-first approach
 
 ## Session Continuity
 
@@ -199,4 +200,4 @@ Next phase: Phase 6.2 (Restyle App with Pencil Design)
 ---
 
 _State initialized: 2026-01-20_
-_Last updated: 2026-01-22 after 06.1-03 completion_
+_Last updated: 2026-01-25 after Phase 6.3 insertion_