fix: address code review findings

- Fix accent color CSS variable: write to --or-accent-override
- Fix actionDelete double-fire: toolbar button first, key fallback
- Fix localStorage collision: use chrome.storage.local for sidebar
- Fix updateSettings preserving keyboard selection state
- Add document.body guard for count badge creation

content/behavior.js

@@ -32,8 +32,8 @@ window.OutlookRelook.Behavior = (function () {
   function setupRememberSidebar() {
     if (!currentSettings.rememberSidebarState) return;
 
-    var savedState = localStorage.getItem('or-sidebar-collapsed');
-    if (savedState === 'true') {
+    chrome.storage.local.get({ sidebarCollapsed: false }, function (result) {
+      if (result.sidebarCollapsed) {
         var timer = setTimeout(function () {
           var pane = OR.resolveSelector('folder-pane');
           for (var i = 0; i < pane.length; i++) {
@@ -45,13 +45,14 @@ window.OutlookRelook.Behavior = (function () {
         }, 2000);
         cleanupFns.push(function () { clearTimeout(timer); });
       }
+    });
 
     // Watch for sidebar toggle changes
     var sidebarObserver = new MutationObserver(function () {
       var pane = OR.resolveSelector('folder-pane');
       if (pane.length > 0) {
         var isVisible = pane[0].offsetWidth > 50;
-        localStorage.setItem('or-sidebar-collapsed', String(!isVisible));
+        chrome.storage.local.set({ sidebarCollapsed: !isVisible });
       }
     });
 

content/content.js

@@ -62,7 +62,7 @@
 
     // Accent color
     if (settings.accentColor) {
-      document.documentElement.style.setProperty('--or-accent', settings.accentColor);
+      document.documentElement.style.setProperty('--or-accent-override', settings.accentColor);
     }
 
     console.log('[Outlook Relook] Settings applied to DOM');

content/keyboard.js

@@ -90,6 +90,7 @@ window.OutlookRelook.Keyboard = (function () {
   // --- Selection count badge ---
 
   function createCountBadge() {
+    if (!document.body) return null;
     var badge = document.createElement('div');
     badge.className = 'or-kb-selection-count';
     badge.style.opacity = '0';
@@ -99,6 +100,7 @@ window.OutlookRelook.Keyboard = (function () {
 
   function updateCountBadge() {
     if (!countBadge) countBadge = createCountBadge();
+    if (!countBadge) return;
     var count = selectedSet.size;
     if (count === 0) {
       countBadge.style.opacity = '0';
@@ -141,7 +143,14 @@ window.OutlookRelook.Keyboard = (function () {
 
   function actionDelete(targets) {
     performAction(targets, function () {
-      // Try keyboard shortcut first (Delete key)
+      // Find and click the delete button in the toolbar
+      var deleteBtn = document.querySelector(
+        '[aria-label*="Delete" i][role="button"], [aria-label*="delete" i][role="menuitem"]'
+      );
+      if (deleteBtn) {
+        deleteBtn.click();
+      } else {
+        // Fallback: try dispatching Delete key
         var deleteEvent = new KeyboardEvent('keydown', {
           key: 'Delete',
           code: 'Delete',
@@ -149,12 +158,7 @@ window.OutlookRelook.Keyboard = (function () {
           cancelable: true
         });
         document.activeElement.dispatchEvent(deleteEvent);
-
-      // Fallback: find and click the delete button in the toolbar
-      var deleteBtn = document.querySelector(
-        '[aria-label*="Delete" i][role="button"], [aria-label*="delete" i][role="menuitem"]'
-      );
-      if (deleteBtn) deleteBtn.click();
+      }
     });
   }
 
@@ -436,10 +440,16 @@ window.OutlookRelook.Keyboard = (function () {
   }
 
   function updateSettings(settings) {
-    stop();
+    var wasEnabled = currentSettings.keyboardMultiSelect;
+    var isEnabled = settings.keyboardMultiSelect;
     currentSettings = settings;
+
+    // Only tear down and restart if the keyboard setting itself changed
+    if (wasEnabled !== isEnabled) {
+      stop();
       start(settings);
     }
+  }
 
   function stop() {
     for (var i = 0; i < cleanupFns.length; i++) {