feat(extension): add server and key commands for sync config

backend/extension/background.js

···
  */
 
 import { openDatabase } from './datastore.js';
-import { ensureDefaultProfile, getCurrentProfile, getSyncConfig, updateProfileEnvironment } from './profiles.js';
+import { ensureDefaultProfile, getCurrentProfile, getSyncConfig, updateProfileEnvironment, enableSync } from './profiles.js';
+import { setConfig as setEngineConfig } from './engine.js';
 import { syncAll, getSyncConfig as getFullSyncConfig, getSyncStatus } from './sync.js';
 import { DATASTORE_VERSION, PROTOCOL_VERSION } from './version.js';
 import { getEnvironment } from './environment.js';
···
 
   if (message.type === 'get-history-stats') {
     handleGetHistoryStats().then(sendResponse);
+    return true;
+  }
+
+  if (message.type === 'set-server') {
+    handleSetServer(message.data).then(sendResponse);
+    return true;
+  }
+
+  if (message.type === 'set-api-key') {
+    handleSetApiKey(message.data).then(sendResponse);
     return true;
   }
 });
···
     return { success: false, error: error.message };
   }
 }
+
+async function handleSetServer(data) {
+  const { serverUrl } = data;
+
+  try {
+    await setEngineConfig({ serverUrl });
+    return { success: true };
+  } catch (error) {
+    console.error('[peek:bg] Set server error:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+async function handleSetApiKey(data) {
+  const { apiKey } = data;
+
+  if (!apiKey) {
+    return { success: false, error: 'API key is required' };
+  }
+
+  try {
+    const profileResult = await getCurrentProfile();
+    if (!profileResult.success || !profileResult.data) {
+      return { success: false, error: 'No active profile' };
+    }
+
+    const profile = profileResult.data;
+    // Enable sync with the API key (serverProfileId defaults to 'default')
+    await enableSync(profile.id, apiKey, 'default');
+
+    return { success: true };
+  } catch (error) {
+    console.error('[peek:bg] Set API key error:', error);
+    return { success: false, error: error.message };
+  }
+}

backend/extension/popup.html

···
     <div class="command-row">
       <div class="command-display" id="command-display">
         <input id="command-input" type="text" autofocus spellcheck="false" />
-        <div id="command-text" class="placeholder">tag, note, or search...</div>
+        <div id="command-text" class="placeholder">tag, note, search, server, key...</div>
       </div>
       <div class="feedback" id="feedback">
         <span class="feedback-icon" id="feedback-icon"></span>

backend/extension/popup.js

···
  * Shows success/error feedback before closing
  */
 
-const COMMANDS = ['tag', 'note', 'search'];
+const COMMANDS = ['tag', 'note', 'search', 'server', 'key'];
 
 let state = {
   typed: '',
···
 
   if (!state.typed) {
     commandText.classList.add('placeholder');
-    commandText.textContent = 'tag, note, or search...';
+    commandText.textContent = 'tag, note, search, server, key...';
     return;
   }
 
···
     saveNote(args);
   } else if (cmd === 'search' && args) {
     performSearch(args);
+  } else if (cmd === 'server' && args) {
+    setServer(args);
+  } else if (cmd === 'key' && args) {
+    setApiKey(args);
   } else if (state.match && !args) {
     commandInput.value = state.match + ' ';
     state.typed = commandInput.value;
···
   }).then(response => {
     console.log('Search results:', response);
   }).catch(err => console.error('Search failed:', err));
+}
+
+async function setServer(url) {
+  // Normalize URL
+  let serverUrl = url.trim();
+  if (serverUrl && !serverUrl.startsWith('http')) {
+    serverUrl = 'https://' + serverUrl;
+  }
+
+  try {
+    const response = await chrome.runtime.sendMessage({
+      type: 'set-server',
+      data: { serverUrl }
+    });
+
+    if (response?.success) {
+      showFeedback('success', 'Server set');
+      setTimeout(() => {
+        loadSyncStatus();
+        window.close();
+      }, 600);
+    } else {
+      showFeedback('error', response?.error || 'Failed to set server');
+    }
+  } catch (err) {
+    console.error('Failed to set server:', err);
+    showFeedback('error', 'Failed to set server');
+  }
+}
+
+async function setApiKey(apiKey) {
+  try {
+    const response = await chrome.runtime.sendMessage({
+      type: 'set-api-key',
+      data: { apiKey: apiKey.trim() }
+    });
+
+    if (response?.success) {
+      showFeedback('success', 'API key set');
+      setTimeout(() => {
+        loadSyncStatus();
+        window.close();
+      }, 600);
+    } else {
+      showFeedback('error', response?.error || 'Failed to set API key');
+    }
+  } catch (err) {
+    console.error('Failed to set API key:', err);
+    showFeedback('error', 'Failed to set API key');
+  }
 }
 
 // ==================== Sync Status ====================