Verify + extend DOM-SETTINGS/SEARCH/NOTIFICATIONS (2026-10-04, 3 nodes)
Session: sidechat/dom-settings
This commit is contained in:
dom-inspector-4
+65
-36
@@ -1,6 +1,7 @@
|
||||
# DOM Reference: Settings, Profile & Dock Rail
|
||||
|
||||
Inspected live via CDP on the opm browser (warp-opm netns, CDP 9440), 2026-10-04.
|
||||
Re-verified 2026-10-04 across all three fleet nodes (muse 9410, pip 9420, opm 9440).
|
||||
Structure only — no credential, token, or personal values are recorded here.
|
||||
|
||||
Related: `DOM-CHAT-PANEL.md` (chat panel), `DOM-MESSAGES.md` (messages),
|
||||
@@ -18,12 +19,24 @@ The left vertical nav rail. Container:
|
||||
|
||||
### Rail items (top to bottom)
|
||||
|
||||
| # | Selector | Tag | `aria-label` | Notes |
|
||||
|---|----------|-----|--------------|-------|
|
||||
| 1 | `[data-testid="hatch-nav-chat"]` | `<a href="/">` | `Chat` | The chat/message button from the user's screenshot. Navigates `/thread/new` → `https://muse.ai/`. See "chat activation" below. |
|
||||
| 2 | `[data-testid="hatch-nav-search"]` | `<button>` | `Search` | Opens quick-search dialog `[data-testid="hatch-quick-search-frame"]` (heading "Search Muse"). |
|
||||
| 3 | *(none)* | `<button>` | `Get the Muse app` | App download upsell. No `data-testid`. |
|
||||
| 4 | `[data-testid="hatch-dock-more"]` | `<button>` | `Settings` | Opens the settings menu (radix menu). Bottom of rail (`div.mt-auto`). |
|
||||
| # | Selector | Tag | `aria-label` | `data-pel-click` | Notes |
|
||||
|---|----------|-----|--------------|------------------|-------|
|
||||
| 1 | `[data-testid="hatch-nav-chat"]` | `<a href="/">` | `Chat` (unstable — see notifications doc) | `chat_tab_click` | The chat/message button from the user's screenshot. Navigates `/thread/new` → `https://muse.ai/`. See "chat activation" below. |
|
||||
| 2 | `[data-testid="hatch-nav-search"]` | `<button>` | `Search` | `quick_search_nav_click` | Opens quick-search dialog `[data-testid="hatch-quick-search-frame"]` (heading "Search Muse"). |
|
||||
| 3 | *(none)* | `<button>` | `Get the Muse app` | `mobile_app_upsell_click` | App download upsell. No `data-testid`. |
|
||||
| 4 | `[data-testid="hatch-dock-more"]` | `<button>` | `Settings` | `settings_menu_open_click` | Opens the settings menu (radix menu). Bottom of rail (`div.mt-auto`). |
|
||||
|
||||
Mid-rail system items (verified 2026-10-04, all three nodes) — `DIV`s, not
|
||||
buttons, between the search button and the app upsell:
|
||||
|
||||
| `data-testid` | `aria-label` |
|
||||
|---|---|
|
||||
| `hatch-nav-system-item-66656564` | `Feed` |
|
||||
| `hatch-nav-system-item-6964656173` | `Ideas` |
|
||||
| `hatch-nav-system-item-676f616c73` | `Goals` |
|
||||
| `hatch-nav-system-item-6c696272617279` | `Library` |
|
||||
|
||||
(The hex suffixes decode to ascii: `feed`, `ideas`, `goals`, `library`.)
|
||||
|
||||
Parent chain of the settings button (4 levels):
|
||||
|
||||
@@ -41,14 +54,16 @@ Key attributes on the button:
|
||||
aria-label="Settings"
|
||||
data-testid="hatch-dock-more"
|
||||
aria-haspopup="menu"
|
||||
aria-expanded="false" <!-- unreliable: stays "false" even when menu is open -->
|
||||
aria-expanded="false" <!-- RELIABLE after 2026-10-04 re-verify: "true" when menu open -->
|
||||
data-state="closed" <!-- unreliable: stays "closed" even when menu is open -->
|
||||
data-pel-click="settings_menu_open_click">
|
||||
```
|
||||
|
||||
> **Automation note:** `data-state` / `aria-expanded` do NOT reflect the real
|
||||
> open state. Detect the open menu by counting `[role="menuitem"]` elements
|
||||
> (`> 0` means open). Synthetic `.click()` does not open the radix menu;
|
||||
> **Automation note (updated 2026-10-04):** `data-state` does NOT reflect the
|
||||
> real open state (stays `"closed"`). `aria-expanded`, however, **does**:
|
||||
> verified `"true"` on opm with the menu open (earlier claim that it stays
|
||||
> `"false"` was wrong — possibly a timing artifact). Belt and braces: detect
|
||||
> the open menu by counting `[role="menuitem"]` elements (`> 0` means open). Synthetic `.click()` does not open the radix menu;
|
||||
> use real mouse events via CDP `Input.dispatchMouseEvent`
|
||||
> (`mousePressed` + `mouseReleased` at the button center). The button toggles,
|
||||
> so click only when `[role="menuitem"]` count is 0.
|
||||
@@ -66,11 +81,12 @@ always match on the `data-testid`.
|
||||
|
||||
## 2. Settings menu (dock "more" menu)
|
||||
|
||||
Radix menu rendered in a popper. Items (`role="menuitem"`, no `data-testid`):
|
||||
Radix menu rendered in a popper. Items are **`DIV`s with `role="menuitem"`**
|
||||
(verified 2026-10-04 — not buttons), no `data-testid`:
|
||||
|
||||
| Text | `data-pel-click` | Action (observed) |
|
||||
|------|------------------|-------------------|
|
||||
| Keyboard shortcuts | `keyboard_shortcuts_nav_click` | No dialog rendered under automation (see §5) |
|
||||
| Keyboard shortcuts | `keyboard_shortcuts_nav_click` | No dialog under automation (see §5) |
|
||||
| Download apps | `mobile_app_upsell_menu_click` | — (not opened) |
|
||||
| Report an issue | `bug_report_nav_click` | — (not opened) |
|
||||
| Settings | `settings_nav_click` | Opens the Settings dialog (§3) |
|
||||
@@ -124,38 +140,49 @@ Close
|
||||
|
||||
### 3b. General section
|
||||
|
||||
Headings (all `h2`): `General`, `Usage`, `Appearance`.
|
||||
Headings (all `h2`, in order): `General`, `Meta Account`, `Usage`, `Appearance`.
|
||||
|
||||
**Usage** — one button:
|
||||
**Meta Account** — row labeled `Password, security, personal details`
|
||||
(structure only; not opened).
|
||||
|
||||
| Control | Label | Notes |
|
||||
|---------|-------|-------|
|
||||
| `<button>` | `Upgrade` | Plan upgrade upsell |
|
||||
**Usage** — plan and quota rows (structure only, values not recorded):
|
||||
|
||||
| Row | Notes |
|
||||
|-----|-------|
|
||||
| Plan name + weekly reset line | e.g. plan tier + "Weekly limit resets on <date>" |
|
||||
| Usage bar(s) with percentage | at least two bars observed (weekly + additional) |
|
||||
| `Upgrade` button | `data-pel-click="settings_general_upgrade_click"` |
|
||||
| `Language` | control follows the usage block |
|
||||
|
||||
**Appearance** — theme + accent color:
|
||||
|
||||
| Control | Label |
|
||||
|---------|-------|
|
||||
| `<button>` | `Light` |
|
||||
| `<button>` | `Dark` |
|
||||
| `<button>` | `System` |
|
||||
| `<input type="radio">` | `Match my avatar` |
|
||||
| `<input type="radio">` | `Default` |
|
||||
| `<input type="radio">` | `Blue` |
|
||||
| `<input type="radio">` | `Purple` |
|
||||
| `<input type="radio">` | `Pink` |
|
||||
| `<input type="radio">` | `Orange` |
|
||||
| `<input type="radio">` | `Green` |
|
||||
| `<input type="radio">` | `Beige` |
|
||||
| `<input type="radio">` | `Monochrome` |
|
||||
| Control | Label source | Selection state |
|
||||
|---------|--------------|-----------------|
|
||||
| `<button aria-label="Light">` | `aria-label` (icon-only, no text) | `aria-pressed` |
|
||||
| `<button aria-label="Dark">` | `aria-label` | `aria-pressed` |
|
||||
| `<button aria-label="System">` | `aria-label` | `aria-pressed="true"` on opm (verified) |
|
||||
| 9× `<input type="radio">` | **`aria-label`**, not innerText | `checked` |
|
||||
|
||||
Radio `aria-label`s in order: `Match my avatar` (checked on opm), `Default`,
|
||||
`Blue`, `Purple`, `Pink`, `Orange`, `Green`, `Beige`, `Monochrome`.
|
||||
All share one radio group (`name` is random per render, e.g. `_r_184_`).
|
||||
|
||||
### 3c. Profile / avatar
|
||||
|
||||
- Avatar image: `<img>` with empty `alt`, `src` present (value not recorded).
|
||||
No `data-testid` on the img.
|
||||
- `Edit avatar and name` button (`aria-label="Edit avatar and name"`,
|
||||
`<button>`, no `data-testid`) appears in the profile area of the settings
|
||||
dialog. Chain (3 levels):
|
||||
`<button>`, no `data-testid`, id is a random `radix-_R_…` value).
|
||||
|
||||
> **Correction 2026-10-04:** the button is **not a descendant of
|
||||
> `div[role="dialog"]`**. While the settings dialog is open it renders as a
|
||||
> sibling overlay inside `[data-testid="hatch-status-panel-sliding-surface"]`
|
||||
> (nearest testid ancestor at depth 10; button rect ≈ (622,141), 32×32 on a
|
||||
> 780px-wide viewport). It appears only while the dialog is open and is gone
|
||||
> after Escape. **Match it by `aria-label`, never by dialog containment.**
|
||||
> The 3-level parent chain below is still accurate:
|
||||
|
||||
```
|
||||
|
||||
```
|
||||
div.pointer-events-auto.absolute.z-20
|
||||
@@ -195,9 +222,11 @@ Menu item exists:
|
||||
|
||||
Clicking it via automation (menuitem `.click()` after opening the dock menu
|
||||
with real mouse events) produced **no `[role="dialog"]`** within 3s and no
|
||||
URL change. The modal likely requires a trusted user gesture deeper in the
|
||||
radix event chain, or renders on a longer delay. **Status: selector documented,
|
||||
modal content not captured** — needs a headed/manual pass or longer wait.
|
||||
URL change. Re-tested 2026-10-04 with **real mouse events**
|
||||
(`Input.dispatchMouseEvent` press+release on the menuitem): still no dialog
|
||||
within 3s; the menu simply closes. The menuitem carries no kbd hint in its
|
||||
markup (icon SVG + text "Keyboard shortcuts" only).
|
||||
**Status: selector documented, modal content not captured** — needs a headed/manual pass.
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user