feat: double click show the detail panel

Author: zhangmo8

src/constant.ts

@@ -2,6 +2,7 @@
 export const WEBVIEW_CHANNEL = {
   GET_HISTORY: 'get-history',
   SHOW_COMMIT_DETAILS: 'show-commit-details',
+  SHOW_CHANGES_PANEL: 'show-changes-panel',
 } as const
 
 // vscode to webview channel

src/views/history/components/CommitTable.vue

@@ -39,6 +39,19 @@ function handleCommitClick(commit: Commit & { date: string }) {
   }
 }
 
+function handleDoubleClick() {
+  try {
+    if (window.vscode) {
+      window.vscode.postMessage({
+        command: WEBVIEW_CHANNEL.SHOW_CHANGES_PANEL,
+      })
+    }
+  }
+  catch (error) {
+    console.error('Error sending commit details:', error)
+  }
+}
+
 // Calculate branch positions and paths
 // const COLUMN_WIDTH = 14
 // const DOT_SIZE = 6
@@ -107,6 +120,7 @@ onUnmounted(() => {
           :key="commit.hash"
           class="commit-row"
           @click="handleCommitClick(commit)"
+          @dblclick="handleDoubleClick"
         >
           <td class="hash-col">
             {{ commit.hash.substring(0, 7) }}

src/views/webview.ts

@@ -86,7 +86,6 @@ export class GitPanelViewProvider implements WebviewViewProvider {
         case WEBVIEW_CHANNEL.SHOW_COMMIT_DETAILS:
           try {
             this.gitChangesProvider.refresh(message.commitHash)
-            await commands.executeCommand('git.showCommitDetails', message.commitHash)
           }
           catch (error) {
             webviewView.webview.postMessage({
@@ -95,6 +94,9 @@ export class GitPanelViewProvider implements WebviewViewProvider {
             })
           }
           break
+        case WEBVIEW_CHANNEL.SHOW_CHANGES_PANEL:
+            await commands.executeCommand('git-panel.changes.focus')
+          break
 
         case 'clearHistory':
           this.storageService.clearCommits()