From 8253d2d8d5af90786ff92c295160c5d3d26ad7c1 Mon Sep 17 00:00:00 2001
From: Prakshitha Malla <prakshithamalla@gmail.com>
Date: Fri, 29 May 2026 01:38:50 +0530
Subject: [PATCH] feat: add terminal output copy to clipboard action component
 #112

---
 ui/app.js     | 27 +++++++++++++++++++++++++++
 ui/index.html |  8 ++++++++
 2 files changed, 35 insertions(+)

diff --git a/ui/app.js b/ui/app.js
index 5dd09d3..f2923fb 100644
--- a/ui/app.js
+++ b/ui/app.js
@@ -1774,6 +1774,33 @@ function closeModal() {
 // ─── Event Bindings ────────────────────────────────────────
 
 function bindEvents() {
+    // ─── TERMINAL OUTPUT COPY TO CLIPBOARD ENGINE (#112) ───
+    const btnCopyTerminal = document.getElementById('btn-copy-terminal');
+    if (btnCopyTerminal) {
+        btnCopyTerminal.addEventListener('click', async () => {
+            const terminalBodyText = document.getElementById('terminal-body');
+            if (!terminalBodyText) return;
+
+            // Extract pure plaintext console strings, ignoring interface widgets
+            const logContent = terminalBodyText.innerText;
+
+            try {
+                // Safely stream string payload directly into host system clipboard channels
+                await navigator.clipboard.writeText(logContent);
+                
+                // Trigger native application notification alert overlay
+                if (typeof showNotification === 'function') {
+                    showNotification('Terminal logs copied to clipboard!', 'success');
+                } else if (typeof notify === 'function') {
+                    notify('Terminal logs copied to clipboard!', 'success');
+                } else {
+                    alert('Terminal logs copied to clipboard!');
+                }
+            } catch (err) {
+                console.error('Failed to copy terminal logs: ', err);
+            }
+        });
+    }
     // Terminal Search
     const cliSearchInput = document.getElementById('cli-search-input');
     if (cliSearchInput) {
diff --git a/ui/index.html b/ui/index.html
index 5ade3af..a7ad770 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -182,6 +182,14 @@ <h2>Scripts</h2>
                             <span id="cli-search-results"></span>
                         </div>
                         <span class="run-status" id="run-status"></span>
+                        
+                        <button class="btn-icon" id="btn-copy-terminal" title="Copy Terminal Logs" aria-label="Copy terminal logs">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                <rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
+                                <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
+                            </svg>
+                        </button>
+
                         <button class="btn-icon btn-clear" id="btn-clear" title="Clear Terminal" aria-label="Clear terminal">
                             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"