Add finishing touches to walkthrough system

- Added clear button to walkthrough header for dismissing content and comments
- Removed 'Code Review' section from sidebar (only Walkthrough remains)
- Updated extension metadata to reflect walkthrough focus
- Clear button properly disposes comment threads and resets state

The walkthrough system is now complete with clean UI and proper cleanup.

Co-authored-by: Claude <[email protected]>

Author: nikomatsakis

extension/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dialectic",
-  "displayName": "Dialectic Code Reviews",
-  "description": "AI-powered code review panel for collaborative development",
+  "displayName": "Dialectic Walkthroughs",
+  "description": "AI-powered code walkthroughs for collaborative development",
   "version": "0.1.0",
   "publisher": "socratic-shell",
   "repository": {
@@ -75,10 +75,6 @@
     },
     "views": {
       "dialectic": [
-        {
-          "id": "dialectic.syntheticPR",
-          "name": "Code Review"
-        },
         {
           "id": "dialectic.walkthrough",
           "name": "Walkthrough",

extension/src/walkthroughWebview.ts

@@ -176,6 +176,10 @@ export class WalkthroughWebviewProvider implements vscode.WebviewViewProvider {
 
     private async handleWebviewMessage(message: any): Promise<void> {
         switch (message.command || message.type) {
+            case 'clearWalkthrough':
+                console.log('Walkthrough: clearWalkthrough command received');
+                await this.clearWalkthrough();
+                break;
             case 'openFile':
                 console.log('Walkthrough: openFile command received:', message.dialecticUrl);
                 await openDialecticUrl(message.dialecticUrl, this.outputChannel, this.baseUri, this.placementMemory);
@@ -207,6 +211,36 @@ export class WalkthroughWebviewProvider implements vscode.WebviewViewProvider {
         }
     }
 
+    /**
+     * Clear the walkthrough and dismiss any active comments
+     */
+    private async clearWalkthrough(): Promise<void> {
+        console.log('[WALKTHROUGH] Clearing walkthrough and comments');
+        
+        // Clear any active comment threads
+        if (this.commentController) {
+            // Dispose all comment threads
+            this.commentController.dispose();
+            
+            // Recreate the comment controller for future use
+            this.commentController = vscode.comments.createCommentController(
+                'dialectic-walkthrough',
+                'Dialectic Walkthrough'
+            );
+            
+            // Set options to enable submit button
+            this.commentController.options = {
+                prompt: 'Ask Socratic Shell...',
+                placeHolder: 'Type your question or comment here...'
+            };
+        }
+        
+        // Clear placement memory
+        this.placementMemory.clear();
+        
+        this.outputChannel.appendLine('Walkthrough cleared');
+    }
+
     /**
      * Show comment using VSCode CommentController with context-aware file opening
      */
@@ -939,6 +973,31 @@ export class WalkthroughWebviewProvider implements vscode.WebviewViewProvider {
                         padding: 16px;
                         line-height: 1.5;
                     }
+                    .walkthrough-header {
+                        display: flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        margin-bottom: 20px;
+                        padding-bottom: 12px;
+                        border-bottom: 1px solid var(--vscode-panel-border);
+                    }
+                    .walkthrough-title {
+                        font-size: 1.2em;
+                        font-weight: 600;
+                        color: var(--vscode-textLink-foreground);
+                    }
+                    .clear-button {
+                        background-color: var(--vscode-button-secondaryBackground);
+                        color: var(--vscode-button-secondaryForeground);
+                        border: none;
+                        padding: 6px 12px;
+                        border-radius: 3px;
+                        cursor: pointer;
+                        font-size: 0.9em;
+                    }
+                    .clear-button:hover {
+                        background-color: var(--vscode-button-secondaryHoverBackground);
+                    }
                     .section {
                         margin-bottom: 24px;
                     }
@@ -1092,6 +1151,10 @@ export class WalkthroughWebviewProvider implements vscode.WebviewViewProvider {
                 </style>
             </head>
             <body>
+                <div class="walkthrough-header">
+                    <div class="walkthrough-title">Code Walkthrough</div>
+                    <button class="clear-button" id="clear-walkthrough">Clear</button>
+                </div>
                 <div id="content">
                     <div class="empty-state">No walkthrough loaded</div>
                 </div>
@@ -1335,7 +1398,13 @@ export class WalkthroughWebviewProvider implements vscode.WebviewViewProvider {
 
                     // Add event listener for action button clicks (CSP-compliant)
                     document.addEventListener('click', (event) => {
-                        if (event.target.tagName === 'BUTTON' && 
+                        if (event.target.id === 'clear-walkthrough') {
+                            // Clear walkthrough and dismiss comments
+                            document.getElementById('content').innerHTML = '<div class="empty-state">No walkthrough loaded</div>';
+                            vscode.postMessage({
+                                type: 'clearWalkthrough'
+                            });
+                        } else if (event.target.tagName === 'BUTTON' && 
                             event.target.classList.contains('action-button') && 
                             event.target.dataset.tellAgent) {
                             handleAction(event.target.dataset.tellAgent);