[JanGradkowski]

A redesign of the custom alert pages: the list, a new page for each alert, the builder and the trigger page. An independent reviewer rated screenshots of every page (desktop, tablet and phone, dark and light) after each round of fixes. Over ten rounds its score went from 5.1 to 9.0 out of 10.

What changes

Each alert has its own page at /custom-alerts/{id}, in place of the filtered signals archive.

• The rule in words, then three figures:
  • Triggers, with a per-day strip over the alert's life. Stocks matched when the alert was saved are a separate marker.
  • Matching now, which opens each stock's state.
  • The median change after the follow-up window, with one dot per measured trigger. Each dot opens that trigger.
• Triggers table:
  • Filters: All, Unread, Higher and Lower, plus a ticker filter.
  • Sortable change columns at +1, +5 and +10 candles, those inside the window. The page remembers the chosen order.
  • A trigger still being measured shows its change so far, or Pending · due Nov 12.
  • Stocks that matched at save are folded into one row.
  • Select and delete several triggers at once, through the new POST /api/custom-alerts/{id}/triggers/delete.
• Old /signals?customAlertId=… links redirect here. The email, the home page, the stock page and watchlists link here too, and custom-alert-archive.js is removed.

List

• One row per alert, with its figures (the number of stocks matching is the largest).
• An on/off switch that responds at once and offers Undo.
• A menu: duplicate, pin, email, and delete with a confirm dialog.
• Shorter rule chips: the condition, then its timing in quieter text ("Insiders sold · last 90 days"). On wide screens they stay on one line, followed by "+N more".
• A short guide for new users, and the examples behind New alert ▾.

Builder

• A steps rail; finished steps fold to a one-line summary.
• Condition cards with their own menu: reverse, start a sequence, duplicate, move.
• A searchable condition picker.
• A Save bar that names what is missing and jumps to that step.
• A saved draft.
• A preview sheet on phones.
• Ctrl+Enter tests the rule from any field.

Trigger page

• Previous and next trigger ("29 of 36"). Stepping between them keeps the chart's zoom and the conditions you hid.
• The follow-up window shaded on the chart, with its result.
• What happened next: progress while the trigger is still being measured, the change at each checkpoint, and this alert's median for comparison.
• Each Why it triggered card lights up its chart marks on hover, keyboard focus or tap.

Also

• Keyboard shortcuts on the list and alert page. Press ? to see them.
• Bug fix: the list never refreshed while alerts were being checked. The site's sidebar is an always-open <dialog>, and the refresh treated it as a modal dialog in front of the page. The same mistake blocked Ctrl+Enter in the builder.
• Design rules: no backdrop blur in design.css and watchlists.css, and small grey text uses the higher-contrast colour.
• Assistant: the assistant's page guides and its custom-alert reference describe the new pages, including a new pages/custom-alert.md.
• Translations: every new text is in English and Polish.
• Database: no migration.

Testing

• Java: the full suite (./mvnw test) ran 1131 tests: 0 failures, 33 skipped.

• JS: all 146 tests pass (npm test).

• Browser (Playwright on Edge, a copy of the dev database):

  • the "?" sheets;
  • Escape in the ticker filter;
  • the Higher/Lower filters;
  • the outcome dots as links;
  • Ctrl+Enter from a condition field and from the name field, one preview request each;
  • the remembered sort;
  • stepping between triggers with a hidden condition;
  • the card-to-chart link by hover, focus and tap.

  Screenshots were taken at 1440, 820 and 390 px wide, in both themes, with no console errors.

🤖 Generated with Claude Code