From 6ff59a5c5472da1c3a208ae1b9720127b39324db Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 15 Oct 2026 19:55:30 +0000
Subject: [PATCH 1/3] Hide cards from the Overview and alerts

A Hide control on each Ready now and Coming up item leaves that card's
items (by event focus, timers included) out of the Overview, the pop-ups
and browser notifications, with an undo. Settings lists the hidden cards
with Show. Hidden cards stay tracked and still count in the totals.
State version 14 adds overviewHidden, with its migration. Decision 028.

Closes #62

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 CLAUDE.md                                |  1 +
 docs/decisions/028-hide-from-overview.md | 23 +++++++
 docs/decisions/README.md                 |  1 +
 src/App.svelte                           | 11 ++-
 src/components/Overview.svelte           | 87 +++++++++++++++++++++---
 src/components/Settings.svelte           | 46 ++++++++++++-
 src/lib/overview.svelte.ts               | 25 +++++--
 src/lib/overview.test.ts                 | 47 ++++++++++++-
 src/lib/overview.ts                      | 17 +++++
 src/lib/state.test.ts                    | 78 +++++++++++++++++----
 src/lib/state.ts                         | 19 +++++-
 11 files changed, 325 insertions(+), 30 deletions(-)
 create mode 100644 docs/decisions/028-hide-from-overview.md

diff --git a/CLAUDE.md b/CLAUDE.md
index 42a832a..b79521a 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -32,6 +32,7 @@ Svelte 5 + TypeScript + Vite. Public repository.
 | Real-time timers: Lucky Wheel, Mansion boost   | `data/timers.ts`, `lib/timers.ts` (022)            |
 | Weekly events and the Weekly tab               | `data/weekly.ts`, `lib/weekly.ts` (decision 027)   |
 | Overview tab, next events, notifications       | `lib/events.ts`, `lib/overview.ts` (dec. 023)      |
+| Hiding cards from the Overview and alerts      | `visibleEvents` in `lib/overview.ts` (dec. 028)    |
 | Theme tokens                                   | `src/app.css` (decision 009)                       |
 | Link previews (Open Graph), preview image      | `index.html`, `scripts/og-image.html`              |
 | CI, templates                                  | `.github/`                                         |
diff --git a/docs/decisions/028-hide-from-overview.md b/docs/decisions/028-hide-from-overview.md
new file mode 100644
index 0000000..9792ffa
--- /dev/null
+++ b/docs/decisions/028-hide-from-overview.md
@@ -0,0 +1,23 @@
+# 028: Hiding cards from the Overview and the alerts
+
+2026-10-15, issue #62. Builds on decision 023.
+
+## Decision
+
+- **Per card, not per item.** What is hidden is an event's `focus`, the card it links to:
+  `car-wash` hides the Money Fronts safe and its heat together, `nightclub` its safe and its
+  goods. The Lucky Wheel (`lucky-wheel`) and the Mansion boost (`mansion`) hide the same way,
+  though they belong to no business card. Saved as `overviewHidden` (state version 14).
+- **Where:** a small Hide control on each Ready now and Coming up item, with the same Undo as the
+  quick actions; Settings lists what is hidden ("Hidden from Overview"), each with Show. Not on
+  the cards' gear menus: the timers have none, and one place to undo is enough.
+- **Only the Overview and the alerts leave it out.** The card stays owned and tracked on its
+  own tab, and its money still counts in the summary strip: the totals say what you have.
+- **No alert on showing again.** Hidden items still count as seen by the alerts, so an item
+  already near or due when it is shown again does not pop up; one that comes near later does.
+
+## Alternatives
+
+- Per item (`heat:car-wash` apart from `safe:car-wash`): finer, but a longer list to manage,
+  and no case asked for it yet.
+- Leaving hidden cards out of the totals: the strip would then understate the money waiting.
diff --git a/docs/decisions/README.md b/docs/decisions/README.md
index a1c0684..5b1706a 100644
--- a/docs/decisions/README.md
+++ b/docs/decisions/README.md
@@ -38,3 +38,4 @@ free number, add one line below. **Replacing one:** write a new decision, then m
 - [025](025-bunker-staff.md) Bunker staff on Manufacturing, Both or Research: a stock share (Both 0.5, Research 0) on the sourced rates, supplies used as fast on every option (est.), research progress not tracked
 - [026](026-movable-cards-everywhere.md) Movable cards on Businesses, Safes and Timers (`ui/CardGrid`): picked up by the title bar; swap by the dragged card's middle, 10% in; orders saved per tab
 - [027](027-weekly-contents.md) Weekly events: typed `src/data/weekly.ts` (no JSON, no fetch), checked by a test; Weekly tab only (no news bar); out of date: warning over the dimmed old week; contents: multipliers, Weekly Challenge, rotations, discounts, gifts, a less prominent "Also running" list; no GTA+, no daily map-bound items; explicit UTC start/end (Thursday 2:00 AM US Pacific); source gta.wiki weekly page; routine Thursday ~16:00 UTC
+- [028](028-hide-from-overview.md) Hide from Overview: per card (event `focus`, timers too), Hide on each item with undo, Settings lists them with Show; still tracked and counted in the totals; showing again brings no alert
diff --git a/src/App.svelte b/src/App.svelte
index 2cadefb..dffdd9a 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -16,7 +16,14 @@
   import { SAFES } from './data/safes'
   import { WEEK } from './data/weekly'
   import { clocks } from './lib/clock.svelte'
-  import { dismissPopup, overview, quick, undoQuick } from './lib/overview.svelte'
+  import {
+    dismissPopup,
+    hideFromOverview,
+    overview,
+    quick,
+    showOnOverview,
+    undoQuick,
+  } from './lib/overview.svelte'
   import './lib/production.svelte'
   import './lib/safes.svelte'
   import { setProperties, store } from './lib/store.svelte'
@@ -82,6 +89,8 @@
           paused={clocks.play.paused}
           onquick={quick}
           onundo={undoQuick}
+          onhide={hideFromOverview}
+          onshow={showOnOverview}
         />
       {:else if active === 'businesses'}
         <Businesses
diff --git a/src/components/Overview.svelte b/src/components/Overview.svelte
index e2e5844..09fcbe1 100644
--- a/src/components/Overview.svelte
+++ b/src/components/Overview.svelte
@@ -2,11 +2,13 @@
   // The Overview (issue #15): made to stay open on a second screen and be read at a glance.
   // Money waiting and nightclub popularity on top, then what to do now, then everything coming
   // up, soonest first. Each item links to its card, which scrolls into view and glows. Timers
-  // that need nothing else (a spin, a boost) are marked done right here, with an undo.
+  // that need nothing else (a spin, a boost) are marked done right here, with an undo. A card
+  // the user does not care about can be hidden from here (issue #62); Settings shows it again.
   // Logic: lib/overview.ts, lib/events.ts.
   import { formatDuration } from '../lib/clock'
   import { isDue, type NextEvent } from '../lib/events'
-  import type { Holdings, Popularity, QuickResult } from '../lib/overview'
+  import { PROPERTIES } from '../data/properties'
+  import { hiddenLabel, type Holdings, type Popularity, type QuickResult } from '../lib/overview'
   import { formatValue } from '../lib/resync'
   import { hashForTab } from '../lib/tabs'
   import Button from './ui/Button.svelte'
@@ -25,13 +27,17 @@
     /** Marks an event done (its `quick`); returns what undoes it, if done. */
     onquick: (event: NextEvent, choice?: string) => QuickResult | null
     onundo: (eventId: string, undo: QuickResult['undo']) => void
+    /** Leaves a card's items (event `focus`) out of the Overview and the alerts. */
+    onhide: (focus: string) => void
+    /** Shows a hidden card's items again. */
+    onshow: (focus: string) => void
   }
 
-  let { events, holdings, popularity, paused, onquick, onundo }: Props = $props()
+  let { events, holdings, popularity, paused, onquick, onundo, onhide, onshow }: Props = $props()
 
-  // The last quick action, offered for undo for a while (a UI timer, not game time).
+  // The last quick action or hide, offered for undo for a while (a UI timer, not game time).
   const UNDO_MS = 15_000
-  let undo = $state<{ id: string; text: string; change: QuickResult['undo'] } | null>(null)
+  let undo = $state<{ text: string; run: () => void } | null>(null)
   let undoTimer: ReturnType<typeof setTimeout> | undefined
   // The business picked for each event with choices (the Mansion boost).
   let picked = $state<Record<string, string>>({})
@@ -41,17 +47,28 @@
     const choice = choices && (picked[event.id] ?? choices[0]?.id)
     const result = onquick(event, choice)
     if (!result) return
-    undo = { id: event.id, text: result.done, change: result.undo }
+    offerUndo(result.done, () => onundo(event.id, result.undo))
+  }
+
+  function hide(event: NextEvent) {
+    onhide(event.focus)
+    offerUndo(`Hid ${card(event)} from the Overview`, () => onshow(event.focus))
+  }
+
+  function offerUndo(text: string, run: () => void) {
+    undo = { text, run }
     clearTimeout(undoTimer)
     undoTimer = setTimeout(() => (undo = null), UNDO_MS)
   }
 
   function takeBack() {
-    if (undo) onundo(undo.id, undo.change)
+    undo?.run()
     undo = null
   }
 
   const link = (e: NextEvent) => hashForTab(e.tab, e.focus)
+  // Hide works on the whole card, e.g. the Money Fronts items hide with the Hands On Car Wash.
+  const card = (e: NextEvent) => hiddenLabel(e.focus, PROPERTIES)
   const cut = $derived(popularity !== null && popularity.payout < popularity.best)
 
   const due = $derived(events.filter(isDue))
@@ -146,6 +163,13 @@
                 >
               </span>
             {/if}
+            <button
+              type="button"
+              class="hide"
+              aria-label="Hide {card(event)} from the Overview"
+              title="Hide {card(event)} here and in alerts. Show it again in Settings."
+              onclick={() => hide(event)}>Hide</button
+            >
           </li>
         {/each}
       </ul>
@@ -164,7 +188,7 @@
     {:else}
       <ul class="next">
         {#each coming as event (event.id)}
-          <li>
+          <li class="item">
             <a
               class="row {event.tone}"
               class:frozen={paused && event.clock === 'play'}
@@ -195,6 +219,13 @@
               </span>
               <span class="value">{event.value ? money(event.value) : ''}</span>
             </a>
+            <button
+              type="button"
+              class="hide"
+              aria-label="Hide {card(event)} from the Overview"
+              title="Hide {card(event)} here and in alerts. Show it again in Settings."
+              onclick={() => hide(event)}>Hide</button
+            >
           </li>
         {/each}
       </ul>
@@ -307,7 +338,7 @@
   .due {
     display: grid;
     gap: var(--space-2);
-    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
   }
 
   .card {
@@ -455,10 +486,17 @@
     break-inside: avoid;
   }
 
-  .row {
+  .item {
     align-items: center;
     border-bottom: 1px solid var(--line);
+    display: flex;
+  }
+
+  .row {
+    align-items: center;
     display: grid;
+    flex: 1;
+    min-width: 0;
     gap: var(--space-3);
     grid-template-columns: 5.5rem minmax(0, 1fr) 4.5rem 6.5rem;
     padding: var(--space-1) var(--space-2);
@@ -468,6 +506,27 @@
     background: var(--panel-raised);
   }
 
+  /* Hide (issue #62): small and quiet, so it is not pressed instead of the item. */
+  .hide {
+    background: none;
+    border: 1px solid transparent;
+    border-radius: var(--radius);
+    color: var(--muted);
+    cursor: pointer;
+    flex: none;
+    font-family: var(--font-display);
+    font-size: var(--text-xs);
+    letter-spacing: var(--tracking);
+    padding: var(--space-1) var(--space-2);
+    text-transform: uppercase;
+  }
+
+  .hide:hover,
+  .hide:focus-visible {
+    border-color: var(--line);
+    color: var(--fg);
+  }
+
   .row .name {
     align-items: baseline;
     flex-direction: row;
@@ -514,6 +573,14 @@
   }
 
   @media (max-width: 40rem) {
+    .action {
+      min-width: 4.5rem;
+    }
+
+    .hide {
+      padding: var(--space-1);
+    }
+
     .row {
       grid-template-columns: 5rem minmax(0, 1fr) 5.5rem;
     }
diff --git a/src/components/Settings.svelte b/src/components/Settings.svelte
index 9f551eb..2d9c045 100644
--- a/src/components/Settings.svelte
+++ b/src/components/Settings.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
   import { PROPERTIES } from '../data/properties'
+  import { hiddenLabel } from '../lib/overview'
   import { exportFileName } from '../lib/state'
-  import { notificationsSupported, setBrowserAlerts } from '../lib/overview.svelte'
+  import { notificationsSupported, setBrowserAlerts, showOnOverview } from '../lib/overview.svelte'
   import { exportText, importText, setProperties, store } from '../lib/store.svelte'
   import PropertyList from './PropertyList.svelte'
   import Button from './ui/Button.svelte'
@@ -25,6 +26,12 @@
   }))
   const alerts = $derived(store.state.alerts)
   const off = $derived(!alerts.browser && !alerts.popup)
+  // Cards hidden from the Overview and the alerts (issue #62), by name.
+  const hidden = $derived(
+    store.state.overviewHidden
+      .map((focus) => ({ focus, label: hiddenLabel(focus, PROPERTIES) }))
+      .sort((a, b) => a.label.localeCompare(b.label)),
+  )
 
   function exportBackup() {
     const blob = new Blob([exportText()], { type: 'application/json' })
@@ -115,6 +122,27 @@
     <p class="hint">Alerts come only while LSOS is open in a tab.</p>
   </Panel>
 
+  <Panel title="Hidden from Overview">
+    <p class="hint">
+      Left out of the Overview and the alerts, but still tracked on their own tabs and counted in
+      the money waiting. Hide one with Hide on its Overview item.
+    </p>
+    {#if hidden.length === 0}
+      <p>Nothing is hidden.</p>
+    {:else}
+      <ul class="hidden">
+        {#each hidden as item (item.focus)}
+          <li>
+            <span>{item.label}</span>
+            <Button onclick={() => showOnOverview(item.focus)} aria-label="Show {item.label}"
+              >Show</Button
+            >
+          </li>
+        {/each}
+      </ul>
+    {/if}
+  </Panel>
+
   <Panel title="Backup">
     <p>
       Your data lives only in this browser. Export it to keep a copy or to move to another device.
@@ -194,4 +222,20 @@
   .error {
     color: var(--danger);
   }
+
+  .hidden {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .hidden li {
+    align-items: center;
+    display: flex;
+    gap: var(--space-3);
+    justify-content: space-between;
+  }
 </style>
diff --git a/src/lib/overview.svelte.ts b/src/lib/overview.svelte.ts
index 0bc5f95..29efda2 100644
--- a/src/lib/overview.svelte.ts
+++ b/src/lib/overview.svelte.ts
@@ -15,6 +15,7 @@ import {
   clubPopularity,
   holdings,
   quickAction,
+  visibleEvents,
   type QuickResult,
   type TrackerData,
 } from './overview'
@@ -32,7 +33,10 @@ const DATA: TrackerData = {
 }
 
 class Overview {
-  events = $derived(allEvents(store.state, DATA, clocks.now))
+  /** Every tracker's events, the hidden cards' too. */
+  all = $derived(allEvents(store.state, DATA, clocks.now))
+  /** What the Overview shows and alerts on: the hidden cards left out (issue #62). */
+  events = $derived(visibleEvents(this.all, store.state.overviewHidden))
   holdings = $derived(holdings(store.state, DATA, clocks.now))
   popularity = $derived(clubPopularity(store.state, DATA))
   /** Ids of the events with a pop-up open, oldest first. */
@@ -58,6 +62,17 @@ function apply(change: QuickResult['change']): void {
   Object.assign(store.state, change)
 }
 
+/** Leaves a card's items (event `focus`) out of the Overview and the alerts (issue #62). */
+export function hideFromOverview(focus: string): void {
+  const hidden = store.state.overviewHidden
+  if (!hidden.includes(focus)) store.state.overviewHidden = [...hidden, focus]
+}
+
+/** Shows a hidden card's items on the Overview again. */
+export function showOnOverview(focus: string): void {
+  store.state.overviewHidden = store.state.overviewHidden.filter((f) => f !== focus)
+}
+
 export function dismissPopup(id: string): void {
   overview.popups = overview.popups.filter((p) => p !== id)
 }
@@ -98,7 +113,8 @@ $effect.root(() => {
   $effect(() => {
     const events = overview.events
     const { browser, popup, leadMs, unfocusedOnly } = store.state.alerts
-    const near = nearIds(events, leadMs)
+    // Hidden items count as seen, so showing them again brings no alert for what is already near.
+    const near = nearIds(overview.all, leadMs)
     if (seen && seenLead === leadMs && !(unfocusedOnly && document.hasFocus())) {
       const fresh = newlyNear(seen, events, leadMs)
       if (browser && notificationsSupported() && Notification.permission === 'granted') {
@@ -110,9 +126,10 @@ $effect.root(() => {
     }
     seen = near
     seenLead = leadMs
-    // A pop-up closes on its own once its item is handled (sold, collected, spun).
+    // A pop-up closes on its own once its item is handled (sold, collected, spun) or hidden.
     untrack(() => {
-      const open = overview.popups.filter((id) => near.has(id))
+      const shown = nearIds(events, leadMs)
+      const open = overview.popups.filter((id) => shown.has(id))
       if (open.length !== overview.popups.length) overview.popups = open
     })
   })
diff --git a/src/lib/overview.test.ts b/src/lib/overview.test.ts
index 1ca9499..0300c71 100644
--- a/src/lib/overview.test.ts
+++ b/src/lib/overview.test.ts
@@ -6,7 +6,15 @@ import { PROPERTIES } from '../data/properties'
 import { SAFES } from '../data/safes'
 import { LUCKY_WHEEL, MANSION_BOOST } from '../data/timers'
 import { nearIds, newlyNear, sortEvents, type NextEvent } from './events'
-import { allEvents, clubPopularity, holdings, quickAction, type TrackerData } from './overview'
+import {
+  allEvents,
+  clubPopularity,
+  hiddenLabel,
+  holdings,
+  quickAction,
+  visibleEvents,
+  type TrackerData,
+} from './overview'
 import type { OwnedProperties } from './properties'
 import { DAY_MS } from './safes'
 import { defaultState, type AppState } from './state'
@@ -179,6 +187,43 @@ describe('allEvents', () => {
   })
 })
 
+describe('visibleEvents', () => {
+  const owned = owning({ 'car-wash': {}, nightclub: {} })
+
+  it('leaves out every item of a hidden card, and only those', () => {
+    const events = allEvents(state({ properties: owned }), DATA, NOW)
+    const ids = visibleEvents(events, ['car-wash']).map((e) => e.id)
+    expect(events.some((e) => e.focus === 'car-wash')).toBe(true)
+    expect(ids.some((id) => id.endsWith(':car-wash'))).toBe(false)
+    expect(ids).toEqual(events.filter((e) => e.focus !== 'car-wash').map((e) => e.id))
+  })
+
+  it('hides the Lucky Wheel, which belongs to no property', () => {
+    const events = allEvents(state({ properties: owned }), DATA, NOW)
+    expect(find(events, 'lucky-wheel')).toBeDefined()
+    expect(find(visibleEvents(events, ['lucky-wheel']), 'lucky-wheel')).toBeUndefined()
+  })
+
+  it('keeps hidden cards in the money waiting', () => {
+    const safes = { 'car-wash': { money: 5_000, sinceMs: 0 } }
+    const s = state({ properties: owned, safes, overviewHidden: ['car-wash'] })
+    expect(holdings(s, DATA, NOW).safes).toBe(5_000)
+  })
+})
+
+describe('hiddenLabel', () => {
+  it('names properties by the catalog, and the Lucky Wheel', () => {
+    expect(hiddenLabel('car-wash', PROPERTIES)).toBe(
+      PROPERTIES.find((p) => p.id === 'car-wash')?.label,
+    )
+    expect(hiddenLabel('lucky-wheel', PROPERTIES)).toBe('Lucky Wheel')
+  })
+
+  it('falls back to the id for a card no longer known', () => {
+    expect(hiddenLabel('gone', PROPERTIES)).toBe('gone')
+  })
+})
+
 describe('sortEvents', () => {
   const event = (id: string, inMs: number, tone: 'good' | 'bad' = 'good'): NextEvent => ({
     id,
diff --git a/src/lib/overview.ts b/src/lib/overview.ts
index b5e3f9d..b082ed5 100644
--- a/src/lib/overview.ts
+++ b/src/lib/overview.ts
@@ -60,6 +60,23 @@ export function allEvents(state: AppState, data: TrackerData, now: number): Next
   ])
 }
 
+/**
+ * The events the Overview shows and alerts on: those of cards the user hid are left out (issue
+ * #62). `hidden` holds event `focus` ids, e.g. `car-wash`.
+ */
+export function visibleEvents(
+  events: readonly NextEvent[],
+  hidden: readonly string[],
+): NextEvent[] {
+  return events.filter((e) => !hidden.includes(e.focus))
+}
+
+/** The name of a card hidden from the Overview (an event `focus`), for the list to show it again. */
+export function hiddenLabel(focus: string, catalog: readonly Property[]): string {
+  if (focus === 'lucky-wheel') return 'Lucky Wheel'
+  return catalog.find((p) => p.id === focus)?.label ?? focus
+}
+
 /** Money waiting to be collected or sold, by where it is. */
 export interface Holdings {
   /** Business stock at its sale value: far where a far sale pays more, as the cards show it. */
diff --git a/src/lib/state.test.ts b/src/lib/state.test.ts
index 3fb0fa7..267ccea 100644
--- a/src/lib/state.test.ts
+++ b/src/lib/state.test.ts
@@ -13,6 +13,8 @@ import {
 const ALERTS = { browser: false, popup: false, leadMs: 600_000, unfocusedOnly: false }
 // Version 13 defaults: safe and timer cards in their default order.
 const ORDERS = { safeOrder: [], timerOrder: [] }
+// Version 14 defaults: nothing hidden from the Overview.
+const HIDDEN = { overviewHidden: [] }
 
 describe('parseState', () => {
   it('round-trips the default state', () => {
@@ -30,7 +32,8 @@ describe('parseState', () => {
     expect(result).toEqual({
       ok: true,
       state: {
-        version: 13,
+        version: 14,
+        ...HIDDEN,
         clock: { trackOnOpen: false },
         properties: {},
         businesses: {},
@@ -52,7 +55,8 @@ describe('parseState', () => {
     expect(result).toEqual({
       ok: true,
       state: {
-        version: 13,
+        version: 14,
+        ...HIDDEN,
         clock: { trackOnOpen: true },
         properties: {},
         businesses: {},
@@ -77,7 +81,8 @@ describe('parseState', () => {
     expect(result).toEqual({
       ok: true,
       state: {
-        version: 13,
+        version: 14,
+        ...HIDDEN,
         clock: { trackOnOpen: false },
         properties,
         businesses: {},
@@ -103,7 +108,8 @@ describe('parseState', () => {
     expect(result).toEqual({
       ok: true,
       state: {
-        version: 13,
+        version: 14,
+        ...HIDDEN,
         clock: { trackOnOpen: true },
         properties,
         businesses,
@@ -133,7 +139,8 @@ describe('parseState', () => {
       ok: true,
       state: {
         ...sample,
-        version: 13,
+        version: 14,
+        ...HIDDEN,
         ...ORDERS,
         nightclub: {},
         safes: {},
@@ -158,7 +165,8 @@ describe('parseState', () => {
       ok: true,
       state: {
         ...sample,
-        version: 13,
+        version: 14,
+        ...HIDDEN,
         ...ORDERS,
         safes: {},
         boosts: {},
@@ -181,7 +189,15 @@ describe('parseState', () => {
     }
     expect(parseState(JSON.stringify(sample))).toEqual({
       ok: true,
-      state: { ...sample, version: 13, ...ORDERS, boosts: {}, timers: {}, alerts: ALERTS },
+      state: {
+        ...sample,
+        version: 14,
+        ...ORDERS,
+        ...HIDDEN,
+        boosts: {},
+        timers: {},
+        alerts: ALERTS,
+      },
       fromVersion: 7,
     })
   })
@@ -199,7 +215,7 @@ describe('parseState', () => {
     }
     expect(parseState(JSON.stringify(sample))).toEqual({
       ok: true,
-      state: { ...sample, version: 13, ...ORDERS, timers: {}, alerts: ALERTS },
+      state: { ...sample, version: 14, ...ORDERS, ...HIDDEN, timers: {}, alerts: ALERTS },
       fromVersion: 8,
     })
   })
@@ -217,7 +233,7 @@ describe('parseState', () => {
     }
     expect(parseState(JSON.stringify(sample))).toEqual({
       ok: true,
-      state: { ...sample, version: 13, ...ORDERS, timers: {}, alerts: ALERTS },
+      state: { ...sample, version: 14, ...ORDERS, ...HIDDEN, timers: {}, alerts: ALERTS },
       fromVersion: 9,
     })
   })
@@ -235,7 +251,7 @@ describe('parseState', () => {
     }
     expect(parseState(JSON.stringify(sample))).toEqual({
       ok: true,
-      state: { ...sample, version: 13, ...ORDERS, timers: {}, alerts: ALERTS },
+      state: { ...sample, version: 14, ...ORDERS, ...HIDDEN, timers: {}, alerts: ALERTS },
       fromVersion: 10,
     })
   })
@@ -254,7 +270,7 @@ describe('parseState', () => {
     }
     expect(parseState(JSON.stringify(sample))).toEqual({
       ok: true,
-      state: { ...sample, version: 13, ...ORDERS, alerts: ALERTS },
+      state: { ...sample, version: 14, ...ORDERS, ...HIDDEN, alerts: ALERTS },
       fromVersion: 11,
     })
   })
@@ -274,11 +290,49 @@ describe('parseState', () => {
     }
     expect(parseState(JSON.stringify(sample))).toEqual({
       ok: true,
-      state: { ...sample, version: 13, ...ORDERS },
+      state: { ...sample, version: 14, ...ORDERS, ...HIDDEN },
       fromVersion: 12,
     })
   })
 
+  it('migrates a version 13 sample, with nothing hidden from the Overview', () => {
+    const sample = {
+      version: 13,
+      clock: { trackOnOpen: false },
+      properties: { 'car-wash': { owned: true, upgrades: {} } },
+      businesses: {},
+      businessOrder: [],
+      safeOrder: ['car-wash'],
+      timerOrder: [],
+      nightclub: {},
+      safes: { 'car-wash': { money: 5_000, sinceMs: 0 } },
+      boosts: {},
+      timers: {},
+      alerts: ALERTS,
+    }
+    expect(parseState(JSON.stringify(sample))).toEqual({
+      ok: true,
+      state: { ...sample, version: 14, ...HIDDEN },
+      fromVersion: 13,
+    })
+  })
+
+  it('keeps the cards hidden from the Overview, once each', () => {
+    const text = JSON.stringify({
+      ...defaultState(),
+      overviewHidden: ['car-wash', 'lucky-wheel', 'car-wash'],
+    })
+    expect(parseState(text)).toMatchObject({
+      ok: true,
+      state: { overviewHidden: ['car-wash', 'lucky-wheel'] },
+    })
+  })
+
+  it('rejects unreadable hidden cards', () => {
+    const text = JSON.stringify({ ...defaultState(), overviewHidden: [1] })
+    expect(parseState(text)).toMatchObject({ ok: false, reason: 'invalid' })
+  })
+
   it('keeps the safe and timer card order', () => {
     const order = { safeOrder: ['car-wash', 'agency'], timerOrder: ['mansion', 'lucky-wheel'] }
     const text = JSON.stringify({ ...defaultState(), ...order })
diff --git a/src/lib/state.ts b/src/lib/state.ts
index 795b0d8..0531839 100644
--- a/src/lib/state.ts
+++ b/src/lib/state.ts
@@ -13,7 +13,7 @@ import { parseSafes, type SafesById } from './safes'
 import { parseTimers, type Timers } from './timers'
 
 /** Bump when the stored shape changes, and add a migration from the previous version. */
-export const CURRENT_VERSION = 13
+export const CURRENT_VERSION = 14
 
 /** All user state. Trackers add their own sections here as they are built. */
 export interface AppState {
@@ -40,6 +40,11 @@ export interface AppState {
   timers: Timers
   /** Alerts when an Overview item comes due (issue #15); off until opted in. */
   alerts: AlertSettings
+  /**
+   * Cards (event `focus`, e.g. `car-wash`) whose items the Overview and the alerts leave out
+   * (issue #62); they stay tracked on their own tabs.
+   */
+  overviewHidden: string[]
 }
 
 export interface AlertSettings {
@@ -71,6 +76,7 @@ export function defaultState(): AppState {
     boosts: {},
     timers: {},
     alerts: defaultAlerts(),
+    overviewHidden: [],
   }
 }
 
@@ -107,6 +113,8 @@ export const MIGRATIONS: Readonly<Record<number, Migration>> = {
   11: (data) => ({ ...data, alerts: defaultAlerts() }),
   // Version 13 adds the order of the safe and timer cards (issue #51); default order until moved.
   12: (data) => ({ ...data, safeOrder: [], timerOrder: [] }),
+  // Version 14 adds the cards hidden from the Overview (issue #62); none hidden yet.
+  13: (data) => ({ ...data, overviewHidden: [] }),
 }
 
 export type ParseResult =
@@ -197,6 +205,8 @@ function toState(data: StoredData): AppState | string {
   if (typeof timers === 'string') return timers
   const alerts = toAlerts(data.alerts)
   if (typeof alerts === 'string') return alerts
+  const overviewHidden = toHidden(data.overviewHidden)
+  if (typeof overviewHidden === 'string') return overviewHidden
   return {
     version: CURRENT_VERSION,
     clock,
@@ -210,9 +220,16 @@ function toState(data: StoredData): AppState | string {
     boosts,
     timers,
     alerts,
+    overviewHidden,
   }
 }
 
+function toHidden(data: unknown): string[] | string {
+  if (!Array.isArray(data) || !data.every((id) => typeof id === 'string'))
+    return 'The cards hidden from the Overview are not a list of names.'
+  return [...new Set(data)]
+}
+
 function toClock(data: unknown): ClockSettings | string {
   if (!isRecord(data)) return 'The clock section is missing.'
   const { trackOnOpen } = data

From 6d1e76665e462d18c2999fc6b5b9576f905b0f07 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 15 Oct 2026 19:56:40 +0000
Subject: [PATCH 2/3] README: mention hiding cards from the Overview

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 6112fec..4aea002 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,8 @@ emptying.
   for your upgrades, LSOS uses a best estimate and labels those numbers "(est.)".
 - **Overview for a second screen.** One page lists what is ready now and what comes next across
   every tracker, soonest first, with the money waiting. Mark things done right there (sold,
-  collected, spun), and get optional alerts as pop-ups or browser notifications.
+  collected, spun), hide what you don't care about, and get optional alerts as pop-ups or
+  browser notifications.
 - **Resync anytime.** When an estimate drifts from what the game shows, click the value and type
   the real one.
 - **Weekly events** (bonuses, discounts, rotations) come from a data file in this repo that's updated

From f91b8c225d44747759984d351569338356828e2a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 15 Oct 2026 20:00:57 +0000
Subject: [PATCH 3/3] Overview: Hide under the quick action, long names wrap

Hide sits below Sold/Spun in Ready now cards, so it takes no width from
the name, and the card width is back to before. Long names in Ready now
wrap to a second line instead of being cut.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/Overview.svelte | 81 +++++++++++++++++++---------------
 1 file changed, 45 insertions(+), 36 deletions(-)

diff --git a/src/components/Overview.svelte b/src/components/Overview.svelte
index 09fcbe1..f7e081b 100644
--- a/src/components/Overview.svelte
+++ b/src/components/Overview.svelte
@@ -143,33 +143,35 @@
                 {#if event.value}<span class="money">{money(event.value)}</span>{/if}
               </span>
             </a>
-            {#if event.quick}
-              <span class="quick">
-                {#if event.quick.choices}
-                  <span class="pick">
-                    <Select
-                      id="pick-{event.id}"
-                      value={picked[event.id] ?? event.quick.choices[0]?.id}
-                      options={event.quick.choices}
-                      onchange={(id) => (picked = { ...picked, [event.id]: id })}
-                    />
-                  </span>
-                {/if}
-                <Button
-                  variant="primary"
-                  onclick={() => press(event)}
-                  aria-label="{event.source}: {event.quick.label}"
-                  title="Press once you have done it in game">{event.quick.label}</Button
-                >
-              </span>
-            {/if}
-            <button
-              type="button"
-              class="hide"
-              aria-label="Hide {card(event)} from the Overview"
-              title="Hide {card(event)} here and in alerts. Show it again in Settings."
-              onclick={() => hide(event)}>Hide</button
-            >
+            <span class="side">
+              {#if event.quick}
+                <span class="quick">
+                  {#if event.quick.choices}
+                    <span class="pick">
+                      <Select
+                        id="pick-{event.id}"
+                        value={picked[event.id] ?? event.quick.choices[0]?.id}
+                        options={event.quick.choices}
+                        onchange={(id) => (picked = { ...picked, [event.id]: id })}
+                      />
+                    </span>
+                  {/if}
+                  <Button
+                    variant="primary"
+                    onclick={() => press(event)}
+                    aria-label="{event.source}: {event.quick.label}"
+                    title="Press once you have done it in game">{event.quick.label}</Button
+                  >
+                </span>
+              {/if}
+              <button
+                type="button"
+                class="hide"
+                aria-label="Hide {card(event)} from the Overview"
+                title="Hide {card(event)} here and in alerts. Show it again in Settings."
+                onclick={() => hide(event)}>Hide</button
+              >
+            </span>
           </li>
         {/each}
       </ul>
@@ -338,7 +340,7 @@
   .due {
     display: grid;
     gap: var(--space-2);
-    grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
   }
 
   .card {
@@ -371,6 +373,16 @@
     padding: var(--space-2) var(--space-1) var(--space-2) var(--space-3);
   }
 
+  /* The quick action with Hide below it, so Hide takes no width from the name. */
+  .side {
+    align-items: flex-end;
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    gap: 2px;
+    padding: var(--space-1) 0;
+  }
+
   .quick {
     align-items: center;
     display: flex;
@@ -397,6 +409,11 @@
     width: 12rem;
   }
 
+  /* Ready now has room for a second line: long names wrap instead of being cut. */
+  .card .source {
+    white-space: normal;
+  }
+
   .undo {
     align-items: center;
     color: var(--fg);
@@ -573,14 +590,6 @@
   }
 
   @media (max-width: 40rem) {
-    .action {
-      min-width: 4.5rem;
-    }
-
-    .hide {
-      padding: var(--space-1);
-    }
-
     .row {
       grid-template-columns: 5rem minmax(0, 1fr) 5.5rem;
     }