Implement the ability to copy checkpoint logs to the clipboard via a new quick pick button

Author: robertpiosik

packages/shared/src/constants/dictionary.ts

@@ -15,6 +15,8 @@ export const dictionary = {
     CLIPBOARD_CONTENT_APPLIED_SUCCESSFULLY:
       'Clipboard content applied successfully.',
     COPIED_TO_CLIPBOARD: 'Message copied to the clipboard.',
+    CHECKPOINTS_COPIED_TO_CLIPBOARD:
+      'Checkpoints copied to clipboard as logs.',
     NO_SAVED_CONTEXTS_IN_WORKSPACE_STATE:
       'No saved contexts remaining in the Workspace State.',
     NO_SAVED_CONTEXTS_IN_JSON_FILE:

packages/vscode/src/commands/checkpoints-command/checkpoints-command.ts

@@ -17,6 +17,7 @@ import {
 import { PanelProvider } from '@/views/panel/backend/panel-provider'
 import { get_checkpoint_path } from './utils'
 import { WebsitesProvider } from '@/context/providers/websites-provider'
+import { dictionary } from '@shared/constants/dictionary'
 
 dayjs.extend(relativeTime)
 
@@ -84,6 +85,11 @@ export const checkpoints_command = (params: {
           tooltip: 'Delete all checkpoints'
         }
 
+        const copy_button: vscode.QuickInputButton = {
+          iconPath: new vscode.ThemeIcon('copy'),
+          tooltip: 'Copy checkpoints as logs'
+        }
+
         let notification_count = 0
         let checkpoints: Checkpoint[] = []
         let temp_checkpoint_is_valid = false
@@ -103,7 +109,7 @@ export const checkpoints_command = (params: {
           const visible_checkpoints = checkpoints.filter((c) => !c.is_temporary)
 
           if (visible_checkpoints.length > 0) {
-            quick_pick.buttons = [clear_all_button]
+            quick_pick.buttons = [copy_button, clear_all_button]
           } else {
             quick_pick.buttons = []
           }
@@ -260,6 +266,53 @@ export const checkpoints_command = (params: {
         })
 
         quick_pick.onDidTriggerButton(async (button) => {
+          if (button === copy_button) {
+            const visible_checkpoints = checkpoints
+              .filter((c) => !c.is_temporary)
+              .sort((a, b) => b.timestamp - a.timestamp)
+
+            if (visible_checkpoints.length == 0) {
+              return
+            }
+
+            const longest_title_length = Math.max(
+              ...visible_checkpoints.map((c) => c.title.length)
+            )
+
+            const time_zone = Intl.DateTimeFormat().resolvedOptions().timeZone
+
+            const log_lines: string[] = []
+            let last_full_hour: string | null = null
+
+            for (const c of visible_checkpoints) {
+              const date_obj = dayjs(c.timestamp)
+              const current_full_hour = date_obj.format('YYYY-MM-DD HH')
+
+              if (
+                last_full_hour !== null &&
+                last_full_hour !== current_full_hour
+              ) {
+                log_lines.push('')
+              }
+
+              const date = date_obj.format('YYYY-MM-DD HH:mm')
+              const padded_title = c.title.padEnd(longest_title_length, ' ')
+              log_lines.push(
+                `[${date} ${time_zone}] | ${padded_title} | ${
+                  c.description ? c.description : ''
+                }`
+              )
+              last_full_hour = current_full_hour
+            }
+
+            const log_string = log_lines.join('\n')
+            await vscode.env.clipboard.writeText(log_string)
+            vscode.window.showInformationMessage(
+              dictionary.information_message.CHECKPOINTS_COPIED_TO_CLIPBOARD
+            )
+            return
+          }
+
           if (button === clear_all_button) {
             quick_pick.hide()
             const confirmation = await vscode.window.showWarningMessage(