fix: preserve hidden tool visibility

src/App.tsx

@@ -123,7 +123,8 @@ export default function App() {
   const [preferences, setPreferences, storageAvailable] = usePreferences();
   const closeHelp = useCallback(() => setHelpOpen(false), []);
   const showHidden =
-    preferences.hidden.length > 0 && shownHiddenIds === preferences.hidden;
+    preferences.hidden.length > 0 &&
+    shownHiddenIds?.some((id) => preferences.hidden.includes(id)) === true;
   const sensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),
     useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
@@ -205,6 +206,9 @@ export default function App() {
   }));
 
   function toggleListItem(field: 'pinned' | 'hidden', id: string) {
+    if (field === 'hidden' && showHidden && !preferences.hidden.includes(id)) {
+      setShownHiddenIds((current) => [...new Set([...(current ?? []), id])]);
+    }
     setPreferences((current) => ({
       ...current,
       [field]: current[field].includes(id)
@@ -332,7 +336,7 @@ export default function App() {
                     disabled={preferences.hidden.length === 0}
                     onChange={(event) =>
                       setShownHiddenIds(
-                        event.target.checked ? preferences.hidden : null
+                        event.target.checked ? [...preferences.hidden] : null
                       )
                     }
                   />