Minor tweaks

helpers/react/ConsoleLogView.css

@@ -144,4 +144,8 @@
   .log-timestamp {
     color: #cfcece;
     padding-right: 10px;
+  }
+
+  button.active {
+    background-color: #007bff;
   }

helpers/react/ConsoleLogView.jsx

@@ -163,7 +163,7 @@ const ConsoleLogView = ({ logs = [], filter, initialFilter = '', initialSearch =
         const regex = useRegexFilter ? new RegExp(filterText, 'i') : null
         newFilteredLogs = newFilteredLogs.filter((log) => (regex ? regex.test(log.message) : log.message.toLowerCase().includes(filterText.toLowerCase())))
       } catch (e) {
-        // Invalid regex, ignore filter
+        console.error('Invalid regex:', e)
       }
     }
     return newFilteredLogs
@@ -321,12 +321,16 @@ const ConsoleLogView = ({ logs = [], filter, initialFilter = '', initialSearch =
         <div className="control-group">
           <label>Filter:</label>
           <input ref={filterInputRef} type="text" value={filterText} onChange={handleFilterChange} placeholder="Filter logs" />
-          <button onClick={() => setUseRegexFilter(!useRegexFilter)}>.*</button>
+          <button onClick={() => setUseRegexFilter(!useRegexFilter)} className={useRegexFilter ? 'active' : ''}>
+            .*
+          </button>
         </div>
         <div className="control-group">
           <label>Search:</label>
           <input ref={searchInputRef} type="text" value={searchText} onChange={handleSearchChange} placeholder="Search logs" />
-          <button onClick={() => setUseRegexSearch(!useRegexSearch)}>.*</button>
+          <button onClick={() => setUseRegexSearch(!useRegexSearch)} className={useRegexSearch ? 'active' : ''}>
+            .*
+          </button>
           <button onClick={() => navigateSearchMatches('prev')}>Prev</button>
           <button onClick={() => navigateSearchMatches('next')}>Next</button>
         </div>

jest.config.js

@@ -19,6 +19,6 @@ module.exports = {
     '^.+\\.mjs$': 'babel-jest', // Use babel-jest for .mjs files as well
   },
   transformIgnorePatterns: [
-    '/node_modules/(?!node-notifier|uuid)/', // Ensure these modules are transformed
+    '/node_modules/(?!(node-notifier|uuid|lodash-es)/)', // Ensure these modules are transformed
   ],
 }

jgclark.Dashboard/src/react/components/Header/Header.jsx

@@ -107,7 +107,7 @@ const Header = ({ lastFullRefresh }: Props): React$Node => {
         ...tempDashboardSettings,
         ...updatedSettings,
       }
-      clo(newSettings, 'Header/handleChangesInSettings about to dispatch newSettings=')
+      console.log('Header/handleChangesInSettings about to dispatch newSettings=', { newSettings })
       dispatchDashboardSettings({
         type: DASHBOARD_ACTIONS.UPDATE_DASHBOARD_SETTINGS,
         payload: newSettings,

jgclark.Dashboard/src/react/components/__tests__/DropdownMenu.test.jsx

@@ -12,7 +12,7 @@ import { TSettingItem } from '../../types'
  * Mock implementation of renderItem used in DropdownMenu.
  * Adjust this mock as per your actual implementation.
  */
-jest.mock('../../support/uiElementRenderHelpersq', () => ({
+jest.mock('../../support/uiElementRenderHelpers', () => ({
   renderItem: jest.fn(({ item }) => <div>{item.label}</div>),
 }))