feat: add clear history functionality and UI for clipboard management

Author: mberrishdev

src/main/database.ts

@@ -16,7 +16,7 @@ export class DatabaseManager {
       log.info("Opening database...");
       this.db = new Database(dbPath);
       log.info("Database opened successfully");
-      
+
       log.info("Setting journal mode...");
       this.db.pragma("journal_mode = WAL");
       log.info("Journal mode set");
@@ -26,10 +26,14 @@ export class DatabaseManager {
       let loadablePath = sqliteVec.getLoadablePath();
 
       // Fix path for Electron asar packaging
-      if (loadablePath.includes('.asar')) {
+      if (loadablePath.includes(".asar")) {
         loadablePath = loadablePath.replace(
-          'app.asar' + (process.platform === 'win32' ? '\\' : '/') + 'node_modules',
-          'app.asar.unpacked' + (process.platform === 'win32' ? '\\' : '/') + 'node_modules'
+          "app.asar" +
+            (process.platform === "win32" ? "\\" : "/") +
+            "node_modules",
+          "app.asar.unpacked" +
+            (process.platform === "win32" ? "\\" : "/") +
+            "node_modules"
         );
       }
 
@@ -162,6 +166,11 @@ export class DatabaseManager {
     return stmt.all(`%${query}%`, limit) as ClipboardItem[];
   }
 
+  clearAllHistory(): void {
+    this.db.exec("DELETE FROM clipboard_items");
+    log.info("Clipboard history cleared");
+  }
+
   semanticSearch(
     queryEmbedding: number[],
     limit: number = 10

src/main/main.ts

@@ -303,6 +303,22 @@ ipcMain.handle("set-openai-api-key", (_event, apiKey: string) => {
   }
 });
 
+ipcMain.handle("clear-history", () => {
+  try {
+    if (!databaseManager) {
+      log.error("Database manager not initialized");
+      return { success: false, error: "Database not initialized" };
+    }
+    databaseManager.clearAllHistory();
+    clipboardManager?.clear();
+    log.info("History cleared by user");
+    return { success: true };
+  } catch (error) {
+    log.error("Failed to clear history:", error);
+    return { success: false, error: String(error) };
+  }
+});
+
 function registerGlobalShortcut(shortcut: string = "CommandOrControl+Shift+V") {
   globalShortcut.unregisterAll();
 

src/main/preload.ts

@@ -22,4 +22,5 @@ contextBridge.exposeInMainWorld("electronAPI", {
     ipcRenderer.invoke("set-global-shortcut", shortcut),
   setOpenAIApiKey: (apiKey: string) =>
     ipcRenderer.invoke("set-openai-api-key", apiKey),
+  clearHistory: () => ipcRenderer.invoke("clear-history"),
 });

src/renderer/pages/ClipboardHistory.tsx

@@ -243,17 +243,9 @@ export default function ClipboardHistory({}: ClipboardHistoryProps) {
               </button>
             )}
           </div>
-          {hasApiKey ? (
-            <p className="search-hint">
-              Press Enter to search • ↑↓ Navigate • Enter/C to copy • / to
-              search
-            </p>
-          ) : (
-            <p className="search-warning">
-              OpenAI API key required. Configure in Settings to enable semantic
-              search.
-            </p>
-          )}
+          <p className="search-hint">
+            {hasApiKey && "Press Enter to search • "}↑↓ Navigate • Enter/C to copy{hasApiKey && " • / to search"}
+          </p>
         </div>
         <main className="content">
           {history.length === 0 ? (

src/renderer/pages/Settings.css

@@ -468,6 +468,30 @@ body.opaque .settings {
   background: rgba(255, 255, 255, 0.08);
 }
 
+/* Danger Button */
+.btn-danger {
+  background: rgba(239, 68, 68, 0.2);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  color: #ef4444;
+  padding: 0.625rem 1rem;
+  border-radius: 8px;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.btn-danger:hover {
+  background: rgba(239, 68, 68, 0.3);
+  border-color: rgba(239, 68, 68, 0.5);
+  transform: translateY(-1px);
+}
+
+.btn-danger:active {
+  transform: translateY(0);
+  background: rgba(239, 68, 68, 0.4);
+}
+
 /* Shortcut Keys (for display) */
 .shortcut-keys {
   display: flex;

src/renderer/pages/Settings.tsx

@@ -296,6 +296,33 @@ export default function Settings({
               </div>
             </div>
           </div>
+
+          <div className="setting-group">
+            <h2>Data</h2>
+            <div className="setting-item">
+              <div className="setting-info">
+                <label>Clear History</label>
+                <p>Delete all clipboard history permanently</p>
+              </div>
+              <div className="shortcut-control">
+                <button
+                  className="btn-danger"
+                  onClick={async () => {
+                    if (window.confirm("Are you sure you want to delete all clipboard history? This action cannot be undone.")) {
+                      const result = await window.electronAPI.clearHistory();
+                      if (result.success) {
+                        alert("History cleared successfully!");
+                      } else {
+                        alert("Failed to clear history: " + result.error);
+                      }
+                    }
+                  }}
+                >
+                  Clear All History
+                </button>
+              </div>
+            </div>
+          </div>
         </main>
       </div>
     </>

src/renderer/types.d.ts

@@ -17,6 +17,7 @@ export interface ElectronAPI {
   getConfig: () => Promise<AppConfig>;
   setGlobalShortcut: (shortcut: string) => Promise<{ success: boolean; error?: string }>;
   setOpenAIApiKey: (apiKey: string) => Promise<{ success: boolean; error?: string }>;
+  clearHistory: () => Promise<{ success: boolean; error?: string }>;
 }
 
 declare global {