Large, clearly labeled headers with only three choices and no overlays or distractors.


User must visually match a small badge among many similar headers; labels are not a reliable cue.


Dark theme and compact density reduce salience and increase click precision demands in a long list of similar admin topics.


Requires matching the correct item using both label and icon cue in a moderately long list.


Only requires locating a single trigger and opening one modal; no decision between actions is required.


Single confirm modal with clear Confirm/Cancel actions and no competing instances.


High clutter and two similar destructive actions increase the chance of opening the wrong modal; the task requires the explicit Cancel button rather than dismiss.


Dark theme can reduce contrast and slightly complicate target acquisition, but there is only one dialog instance and the Remove action is clear.


Small, compact sliders demand careful target acquisition and tighter precision to reach 37% without overshooting.


Reset target is the default full opacity and a dedicated Reset button is available.


Single large slider with explicit numeric feedback makes setting 60% straightforward.


Two visually similar opacity sliders require careful label-based disambiguation; adjusting the wrong one is a common failure mode.


The target is specified via an on-page reference badge rather than in the instruction, and the suggestion list contains similar-looking options.


Two similar Autocomplete instances require label-based disambiguation; the target is a custom value not necessarily present in suggestions.


Binary reset task using a prominent clear indicator with immediate visible state change.


Short option list with a single, clearly labeled instance. Requires only opening the dropdown and selecting one item.


Requires visual grounding in dark theme plus disambiguation between two similar Selects, then selecting the matching tier.


Long, uniform-looking code list requires sustained scrolling and careful reading to avoid off-by-one selection mistakes.


Two similar instances require disambiguation, and multiple New York airports create moderate option confusability.


Two-step interaction requiring dropdown open then menu item selection.


Requires scrolling within a panel to reveal the only button; feedback includes a short loading state before completion.


Single reset button in a simple form section; minor clutter from surrounding inputs but no competing buttons.


Single, clearly labeled contained button with immediate snackbar feedback.


Small icon toggle buttons require precise acquisition and correct interpretation of pressed state; also must avoid toggling a nearby similar control.


The interaction is simple month navigation, but the component is placed in a corner which can increase misclick/viewport-edge issues for some agents.


Two-step selection with an intermediate partial state (only start chosen) increases the chance of partial completion or reversed endpoints.


The calendar starts with a visible selection and provides a single dedicated control to reset it with immediate feedback.


Few options and clear labels; success is a single unambiguous active slide change.


Requires opening a modal before interacting with the carousel; slide choice is still clear once visible.


Simple reset-to-first-slide goal with clear labeling and minimal clutter.


Requires opening and staying within a modal overlay before setting the carousel to the target slide.


Single-field reset using the built-in clear affordance; no navigation through options is needed.


Requires disambiguating between similar city names and choosing the correct labeled field among two instances.


Clearing is simple but requires precise targeting of the clear icon on the correct instance.


The cascader is embedded in a dense table context with multiple nearby controls; targeting the correct cell and option requires careful acquisition and disambiguation.


The checkbox is smaller and more tightly spaced, increasing click precision demands despite a simple binary goal.


Two similar checkbox rows require selecting the correct labeled instance.


Single, clearly labeled checkbox with immediate feedback and no competing instances.


Requires scrolling to find an off-screen checkbox and disambiguating between similar permission labels (Export data vs Export reports).


Two similar checkbox groups appear in the same form section, so the agent must target the correct one.


Requires opening a modal, setting an exact multi-selection, and confirming via a Save button.


Clearing a small group requires only unchecking the currently selected options.


Single, large default checkbox in an isolated card with immediate visual and textual feedback.


High clutter and multiple similar instances increase disambiguation load; the goal is specified by a mixed text+icon reference rather than only text.


Requires interacting within a modal and confirming with Save; the commit requirement increases failure risk even though only one checkbox is present.

Edit delete protection
Delete protection


Requires navigating to the correct tab before interacting with the checkbox; otherwise the checkbox interaction itself is simple.


Two similar copy icons require choosing the correct labeled row, but values are clearly visible and feedback is immediate.


Large labeled button with direct feedback (Copy→Copied); single visible value.


Compact/small styling truncates long values and shrinks targets; multiple similar DSN rows increase disambiguation and reduce observability.


Requires matching a visually provided reference token to one of several similar rows and clicking a small copy icon.


Requires interacting with an in-editor overlay (replace) and then committing via Apply; minor text mistakes prevent exact match.


Single button action to return to a known default; immediate, visible feedback.


Small multi-line content change but still a simple single-instance edit without overlays or extra confirmations.


Deep in-editor scrolling to a specific line in a long file under dark theme increases acquisition and density challenges; a small numeric edit must be correct.


The target is specified by a visual reference rather than explicit text, and options are similar and icon-decorated.


Multiple similar accordion instances require picking the right card; the target item label is explicit.


Target is visible and a controlled group enforces a single open panel, but requires switching from the default open panel.


Selecting a clearly labeled preset swatch requires minimal precision and the chosen value is visible as text next to the trigger.


Compact spacing and nearby similarly colored presets increase acquisition and confusion risk, especially in a cluttered form section.


Choosing a listed swatch is a simple discrete action with clear visual feedback in the input swatch.


Input is disabled, so the agent must operate the dropdown and accurately select among several similar swatches under compact dark styling.


Clearing requires clicking a small clear affordance, but the page is otherwise simple and the resulting empty state is clearly shown.


Many visually similar swatches require scrolling within the popover and precise target acquisition on small squares.


The task is primarily about finding and clicking a small clear affordance; otherwise the scene is simple and the cleared state is visible.


Dark theme reduces contrast between dark swatches and the dropdown background, making accurate identification and clicking harder.


Requires locating and using the in-component format selector and verifying a format-dependent text representation.


Value is provided both textually and visually, and the component is a single inline input with clear preview feedback.


Plain single text field with immediate validation and no overlays; the agent only needs to type an exact HEX value.


Requires entering a non-numeric color token and relying on parsing feedback; mistakes are harder to debug than simple hex strings.


Target is specified visually, requiring the agent to read and match reference chips; dark theme slightly reduces contrast and observability.


Visual target reference requires reading and matching a pill preview; otherwise the interaction is standard.


Clearing to empty is simple and feedback is immediate; dedicated clear control reduces steps.


A single, clearly labeled AutoComplete with a short option list; the only required interaction is typing and selecting the correct suggestion.


The combobox is behind a modal layer and the option set contains multiple visually similar “New…” airports, increasing layering and choice interference.

Edit flight
Departure airport
Newark (EWR)


Two nearly identical Autocomplete fields and multiple confusable email suggestions require careful instance targeting and exact string matching.


The target is inside a long scrollable listbox; finding it requires scrolling and accurate clicking in the dropdown.


Requires toggling a single checkable menu item with clear on/off feedback; otherwise the scene is simple.


Only requires opening a single context menu on a large target; no item selection.


Small-scale rendering plus a deep nested submenu with similar sibling options (Newest vs Oldest) increases targeting and selection errors.


Nested submenu interaction in a dark theme increases depth and target acquisition difficulty compared to default.


Single text cell edit with an obvious empty target and immediate in-cell feedback once committed.


Requires formatted numeric entry with two-decimal precision and correct selection of the Overrides table among two similar instances.


Row edit mode requires multiple edits plus an explicit Save action to commit.


Autocomplete selection requires search among many options and correct disambiguation between two similar grid instances.


Requires choosing the correct table instance and optionally using a local search field before selecting the correct row.


Requires opening a modal, selecting multiple rows, and confirming with Save to commit.


Reset-to-empty is clearly indicated and can be achieved via a dedicated clear control with immediate feedback.


Single column, single-select option with clear visual feedback in the header; only one table instance and minimal clutter.


Requires matching two separate filters while operating in dark theme (lower contrast) and managing multiple popovers.


Small slider handles require precise dragging to exact numeric endpoints, and the extra Apply step increases the cost of mistakes.


Requires creating and configuring two filter items in the panel; partial completion is common if only one filter gets set.


Single click target in the header; feedback is visible via sort indicator and row order changes.


Single pagination control with visible numbered buttons and immediate page switching.


Purely visual matching plus pagination search and small selection targets; partial visual matches increase interference.


Multiple table states must be cleared; a dedicated Reset control reduces interaction depth but still requires correct discovery.


Requires selecting the correct table instance in a dashboard and applying a single-column descending sort.


Requires a simple disclosure step to reveal the table before performing a basic ascending sort.


Straightforward single-column sort with a clear arrow indicator on the active TableSortLabel.


Server-like loading introduces timing/feedback challenges; agents must wait for the sort to settle and persist.


Requires opening a modal layer and committing via an explicit Save button; success depends on both the entered date and confirmation.

Edit reservation
Check-in date
Save reservation


The date must be extracted from an on-screen preview rather than being provided directly in text instructions.


Clearing requires acquiring a small clear icon (or deleting all sections), but the page is otherwise minimal.


Single default RangePicker with no distractors; success only requires opening the popover.


High disambiguation load with three same-type instances and compact spacing; must modify the correct labeled picker.


Small dense calendar targets plus disabled-date styling requires careful clicking on the correct enabled days.


Requires selecting the correct shortcut among several and then using the explicit OK action to apply.


The task is a single clear action on a standard affordance with immediate feedback.


Single default Mantine DatePickerInput with standard popover selection and immediate visible feedback.


Three similar date pickers embedded in table cells plus high clutter creates heavy disambiguation and target acquisition demands; the target date is provided via a mixed reference element.


High clutter and a small sidebar field increase the chance of mis-clicks and require careful target acquisition, even though the date choice is a single selection.


Two visually similar RangePickers require selecting the correct labeled instance in a small form; otherwise the range itself is straightforward and same-day.


Only requires opening the Start field popover; no range values need to be set.


Single clearly labeled picker with default desktop behavior; same-day range avoids calendar navigation and the value is visible in the input field.


Compact spacing reduces target sizes and the 1-minute time granularity creates a dense list of nearly identical minute options, increasing selection error risk.


Requires calendar navigation across months/years and setting time, but no extra clutter or multiple instances.


Two similar instances plus a visual reference creates moderate disambiguation; otherwise standard popover interaction.


Only requires opening the correct picker overlay; no selection or confirmation.


Single modal instance with one clearly labeled trigger; success is simply the modal becoming visible.


Dragging requires continuous control and the final position must fall within a target region that may not be represented explicitly in the accessibility tree.


Requires correctly handling a stacked modal situation and interacting with the top instance without dismissing the underlying modal.


Two similar 'Edit' triggers require correct association with the row label, increasing disambiguation in a realistic settings layout.


Target is a small in-table link but there is only one row, so choice interference is minimal. Clear column labeling and immediate toast feedback.


Single prominent button triggers the download directly, with clear label and immediate notification.


Requires opening a drawer overlay and choosing the correct download option among multiple similar actions. Overlay layering and instance disambiguation raise difficulty.


Requires selecting the correct row in a table and clicking a small link among multiple similar row actions. Moderate clutter from toolbar controls.


Requires using an in-component reset control and then committing changes with Apply (staged feedback), which adds extra steps and failure modes.


Requires using a reference preview to infer the target state, but only needs one additional customer moved in an otherwise simple UI.


Simple single-item transfer with clear labels and immediate feedback in a single-instance, uncluttered layout.


Virtualized scrolling plus cross-container drag increases the chance of losing the target during scroll and drop, with moderate list density.


Requires dragging plus a confirm step in a popover; the final state is only committed after confirmation.

Onboarding steps
Verify email
Save order


Handle-only dragging plus a required Save step increases interaction difficulty and reliance on correct feedback handling.

Notification priority
Security alerts
Save


Very short list; moving one item to top is easy and state is clearly visible.


Single large button opens one drawer with immediate visual feedback.


Closing control is off-screen inside a scrollable drawer and common dismissal routes are disabled.


Icon-only triggers and subtle avatar cues require careful matching between the preview and the drawer header.


Requires toggling a persistent drawer state in dark theme; feedback is slightly subtler than a temporary drawer with backdrop.


Requires using a single in-component reset control; success is a clearly visible return-to-top state.

Back to top
ART-001 — Morning market opens


Simple scroll within a single ScrollArea until a uniquely identified entry is visible.


The goal is specified visually (dot color) rather than by unique text, increasing choice interference during scrolling in dark theme.


Two similar scrollable feeds require selecting the correct one; the target task is not immediately visible and may require triggering lazy loading.

Tasks
TASK-032 · Update invoice template


Similar filenames increase confusion and the task requires a precise end state (exactly one correct file) within a busier form section.


Single visible remove control for a single file, with immediate and unambiguous empty-state feedback.


Large drop target with a short file list; the final selected file is clearly rendered as a chip with filename text.


Two-layer modal confirmation flow with transient controls; the final file list is unchanged so instrumentation must verify the cancel interaction occurred.


Requires acting in the correct instance (two similar managers) and choosing the right folder option from a dropdown.


Selecting multiple targets plus a modal confirmation introduces layering and recovery considerations amid light form clutter.


A single checkbox selection in an uncluttered table; the target filename is clearly visible.


Single, clearly labeled uploader with immediate feedback in the visible file list; only one file is required.


Requires correctly targeting the "Company logo" instance and ensuring the final list contains only the new file, with small picture-card affordances in dark theme.


Requires a drag-and-drop interaction to the correct target region; Dropzone state changes and acceptance feedback add dynamics, especially in dark theme.


Adds a modal confirmation step and small remove icon target compared to a simple upload/clear action.


Requires maintaining hover card visibility and clicking a small in-card control to toggle the pinned state.


Single large hover target with immediate, clearly visible dropdown card; minimal clutter.


Compact, closely spaced targets plus synchronized hover delays and a small pin control make correct instance selection and interaction difficult.


Requires interacting with buttons inside a hover-triggered overlay and choosing the correct option (Confirm) before the overlay closes.


Multiple adjacent icon buttons require selecting the correct option in a small group; selection is visible but still requires correct targeting.


Single disclosure control with clear expanded/collapsed state and no competing elements.


Single clearly labeled IconButton with immediate feedback; no competing targets.


Small, tightly packed icon buttons increase acquisition difficulty; four options introduce moderate choice interference.


Requires extracting an exact string from a visual reference (including special punctuation), but still a single component in a low-clutter scene.


A standard single-field inline edit requiring an explicit Save commit, with minimal distraction.


Single field with an explicit clear affordance and clear Save/Cancel commit controls.


Single boolean edit in a single, clearly labeled editor with an explicit Apply button.


Multiple coordinated edits are needed (boolean, string, and array content) and must match a reference exactly before applying.


Order-sensitive drag reordering within the JSON editor, under dark theme styling and requiring a Save confirmation.


Editing is done in a constrained table-cell layout with surrounding distractor rows, and requires adding a new field before saving.


A single visible reset control returns the board to a predefined state; the main challenge is recognizing the correct reset button among light header clutter.


A single uniquely titled card must be moved to a clearly labeled column with immediate commit.


Multiple coordinated moves plus a strict ordering constraint must be completed while interpreting a visual reference, and non-center placement can affect camera/scroll behavior.

FEAT-4 Add dark mode
In progress
BUG-88 Fix sync issue
Done
To do
CHORE-1 Update dependencies
DOC-6 Write release notes


The Kanban interaction is simple, but surrounding form controls increase visual clutter and potential mis-targeting.

Work items
DOC-11 Update API docs
Review


The main challenge is locating a single link that starts off-screen inside a scrollable container.


Single Anchor triggers a single overlay with clear visible open-state feedback.


Single MUI Link with clear label and immediate navigation feedback.


Small-scale table increases pointing difficulty; many identical action links require accurate row disambiguation.


Requires an overlay open/close plus an explicit Save action; preselected items must be adjusted to an exact set.

Edit permissions
Team permissions
Save changes


Small checkbox targets in compact layout plus near-duplicate labels require careful selection and deselection.


Goal state is simply empty selection with a dedicated clear control and immediate feedback.


Three clearly labeled options with immediate visual highlight; no overlay or confirmation.


Requires opening a modal overlay, making a selection inside it, and confirming with an Apply action.


Modal layering plus required confirmation (Done) increases depth and feedback complexity.


Requires matching a visual cue to the correct row; labels are clear once the right row is identified.


Small scale reduces target sizes slightly, but the content is short and follows a common markdown pattern.


Requires selecting or precisely editing a substring and producing correct markdown bold syntax; otherwise the scene is simple.


Ordered-list formatting and punctuation must be exact, and compact+small styling increases the chance of targeting/typing mistakes.


Small icon-only toggles increase acquisition difficulty, and success depends on a specific mode state that is not purely text-based.


Two same-type masked inputs require selecting the correct labeled instance; otherwise the typing interaction is straightforward.


Digits-only fixed-length input with minimal formatting; mask simply constrains allowed characters.


Single clearly labeled masked field with immediate formatting feedback and no extra steps.


Requires disambiguating the correct instance (End time), editing a prefilled masked value, and completing an additional in-field confirmation step.


Requires copying punctuation-heavy text from a visual reference in dark theme while correctly inserting two mentions from the dropdown.


Two similar instances plus multiple mention insertions increase disambiguation and partial-completion risk.


A visible clear control provides a direct path to the empty state; success is a simple state check.


Single visible menu with four clearly labeled items; selection is immediately reflected by highlight and mirrored text.


Requires achieving an exact multi-selection set among several confusable options (e.g., 'Email' vs 'Email digest', 'Push' vs 'Push (silent)').


Requires opening a small, scrollable dropdown in a cluttered dashboard and finding a target item near the end of a long, confusable list.


Two nearly identical menus appear in a cluttered dashboard card; the agent must select the correct instance before choosing the item.


A single menu with a clearly labeled reset option; immediate feedback is shown in the button label.


Single menu open action with a standard text button trigger and minimal clutter.


Two similar instances plus staged selection with Apply increases disambiguation and makes feedback dynamics more error-prone (easy to stop after staging).


Two similar instances plus a staged selection that must be confirmed with Apply increases both disambiguation and feedback dynamics complexity.


Requires navigating a two-level submenu path and selecting the correct leaf among similar export formats.


Requires opening a dropdown and toggling one labeled option with immediate check indicator feedback.


Single click on a clearly labeled header button with immediate active-state feedback.


Requires distinguishing pending vs committed state and pressing an explicit Apply control; missing Apply must not count as success.


Requires acquiring a small info icon target and managing a popover overlay, but no value setting is needed.


Requires reliably triggering and keeping a hover/focus tooltip open; no value changes are needed.


Simple toggle within a single component; slightly harder than L0 because the success condition is a mode change rather than a number.


Single obvious bell target with a numeric badge; success is simply the drawer-open state with no nested steps or confirmations.


Exact aggregate unread-count target combined with two similar instances requires careful scoping and multiple small toggles, despite clear badge feedback.


Requires a multi-step flow (tab switch + destructive clear + modal confirm) with layered UI and recovery cost if canceled.


Multi-item selection plus a bulk action step; targets are clearly titled but the checkbox + toolbar interaction adds complexity.


Still a single field, but requires entering an exact decimal value aligned to the step size.


Single labeled NumberInput with a small integer target and immediate feedback.


Dense table cells with multiple similar NumberInputs and a per-row commit action create high target acquisition and disambiguation load.


The agent must disambiguate between two number fields and can cross-check the target using the preview card.


Multiple navigation paths available; must reach correct end page.


Direct click on clearly visible page number.


Clear outlined buttons with direct click.


The target must be copied exactly (hyphens and capitalization) from a reference badge while the input itself remains masked unless revealed.

Shared secret
Target password
PLUM-LEAF-09


Requires copying an exact token from a reference chip while choosing the correct instance among two similar password inputs in dark theme.


Requires clicking a small in-field clear control; because the field is masked, partial clearing is harder to observe.


Single, centered OTP field with default sizing and explicit target code. Auto-advance reduces interaction complexity.


Masked display reduces visual confirmation of the typed digits and dark theme can reduce contrast; an explicit Apply step is required to commit the value.


Three similar PinInput instances require careful disambiguation by label; corner placement adds acquisition difficulty.


Requires opening a drawer overlay from a corner-placed trigger and then interacting with the OTP inside the drawer.

Enter verification code
Verification code


The popover starts open and must be dismissed; feedback is clear but requires knowing a valid dismissal action (click outside).


Simple single toggle opens one popover with clear, immediate visual feedback.


Default dismissal affordances are disabled, forcing an explicit in-popover action ('Close') and adding an overlay that changes interaction dynamics.


Small icon targets in compact dark-mode styling reduce acquisition and increase confusion with a nearby similar field.


Requires timing-sensitive interaction to stop a continuously changing value near a target percent, with tolerance but no multi-instance ambiguity.


Immediate reset on a single progress component; target state is clearly observable.


Single determinate progress bar with a clear Start action; completion is unambiguous once it reaches 100%.


A running progress bar must be stopped through a confirmation dialog while the value is changing, combining overlay interaction with dynamic feedback.


Requires finding the correct section by scrolling within a panel and relying on subtle auto-save feedback.


Overlay interaction plus an explicit Save action is required to persist the selected radio value.

Edit privacy
Who can comment?
Followers
Save


Requires interpreting a simple preview image, but the correct option label is still present and choices are few.


Single default Rate control with whole-star selection and immediate feedback; minimal clutter and no instance ambiguity.


Requires half-star precision plus an explicit save/confirm step in a dark settings panel with multiple similar rating instances.


A larger count (6) and non-uniform per-item icons increase choice interference and reduce straightforward star-count mapping.


Requires correctly identifying and modifying the intended instance among two similar rating controls.


A single clearly labeled reset control with explicit default widths minimizes both motor and reasoning complexity.


Single composite table with always-visible handles and a numeric width monitor keeps the interaction straightforward.


Requires opening a drawer, selecting the correct instance among three previews, resizing precisely, and saving to commit changes.

Customize columns
Secondary (Support view)
Notes
Save changes


Simple button-based reset, but the presence of multiple toolbar controls adds mild selection interference.


Requires switching to bullet list mode and entering three short items; surrounding form elements are present but not interactive.


Involves detecting existing link state and using an overlay editor to modify link attributes accurately.


Multiple formatting operations across block and inline scopes are required (heading + alignment + code), increasing precision and sequencing demands.


Requires scrolling within a long rich text document and ensuring insertion occurs at the true end, not near the current viewport.


Requires copying an exact two-word phrase from a reference chip and then confirming via Search in a busier form section.


Goal is specified visually via a reference card; requires exact punctuation and an explicit submission.


Single field with a clear indicator; success is simply an empty value.


Single segmented control with three clearly labeled options and immediate feedback.


Multiple nearly identical segmented controls require careful disambiguation of the target instance.


Seven narrow segments in a small, compact control increase acquisition difficulty and option confusion.


Icon-only choices require mapping from a visual preview to the correct button; targets are standard size.


Success is simply the empty selection state, which is visually obvious once all tags disappear.


A small set of distinct options with immediate visual pills makes the required state easy to reach and verify.


The drawer adds an extra interaction layer and requires an explicit save action; the agent must also replace preselected items with a new exact set.


A longer, scrollable option list makes direct selection harder; typing to filter reduces the search space but adds interaction steps.


Two similar selects in the same form require correct disambiguation; otherwise the interaction is straightforward.


Adds a searchable input step but the list is short and the target string is distinctive.


Single select with four clearly labeled options and immediate update after selection.


High clutter dashboard with three similar selects under dark theme increases disambiguation and target acquisition difficulty.


Grouped options and multiple similar backend choices add moderate choice interference compared to a tiny option list.


Dense small table cells require precise clicking and correct row identification among multiple similar selects.


Requires opening a modal and confirming with Save; the selected value is a longer label and must be applied.


A single, centrally placed searchable Select with a short option list and immediate feedback. The selected value is clearly shown in the input.


Requires sustained within-dropdown scrolling through a long list and accurate final click on an off-screen target option.


Compact/small rendering increases acquisition difficulty, and the long list of similarly formatted options increases interference despite search being available.


Requires disambiguating the correct Autocomplete instance in a settings panel and choosing among a moderately dense list of similarly formatted currency options.


A single, clearly labeled Reset button provides a one-click way to reach the target range with immediate feedback.


Single default Mantine RangeSlider with immediate feedback and a clear Selected readout.


Very fine step size with four-decimal targets demands high precision; minRange adds constraint, and small thumb movements can change values subtly.


Requires scrolling and locating the correct section within a cluttered settings panel before performing a standard range adjustment.


The slider is behind a popover (extra overlay step) and the page has mild clutter, but the target value is discrete and clearly labeled.


A dedicated Reset control returns the slider to an explicit default, reducing precision demands and making the intent unambiguous.


Discrete step=10 with marks and clear numeric feedback makes selecting 70 simple in a single clean card.


The main challenge is locating the correct slider in a long, cluttered dark-theme form with multiple similar sliders; the target value itself is simple.


Requires visual matching between a reference icon and menu item icons; otherwise a straightforward open-and-select.


Requires multi-step interaction within the dropdown (search then select) and handling a filtered list.


One direct click on a large primary target; the selected action is pre-set.


Single stepper with only three clearly labeled steps; clicking the target step immediately changes the active state with obvious visual feedback.


High clutter and three similar steppers in a dashboard require careful disambiguation and target acquisition to avoid changing the wrong instance.


A small, compact UI with many steps requires within-component horizontal scrolling and careful selection among dense, similarly styled targets.


Vertical steppers with collapsible content add an extra disclosure layer and require correctly targeting the header associated with the desired expanded panel.


Still a single switch, but embedded in a form with nearby distractor controls and denser layout.


Single, clearly labeled Mantine switch with immediate feedback and no distractors.


Requires scrolling within a container and selecting a small switch among many similar toggles in a compact layout.


Single switch, but embedded among multiple common form controls that increase visual and semantic clutter.


Requires managing an internal scroll container and scanning a denser list of similar IDs in a lightly cluttered form section.


Large, low-density target; success depends only on focus state with clear visual outline.


Simple single-table row selection with an explicit SKU target and immediate highlight feedback.


Horizontal scrolling to reveal an off-screen metric column plus cell-level targeting creates precision demands even at default size.


Requires visual matching of an icon in dark theme; tab labels exist but the goal is specified via the reference icon.


Uses both icon and label cues under dark theme; still a single tab selection with clear feedback.


Requires choosing the correct tab set by section heading; otherwise simple selection.


Single instance in a clean card with immediate visual chip feedback; only two short tags must be committed.


Three similar instances plus a long scrollable option list increases disambiguation and option interference; narrow dashboard cards make targets smaller.


Requires opening a drawer overlay and confirming with Apply; dark theme and extra drawer content add mild clutter and acquisition cost.


Two nearly identical instances in compact spacing raise disambiguation load; tag entry itself is simple.


Single input with explicit target text; minor robustness from non-centered placement and needing to enter an exact email string.


Single visible TextInput with explicit target value and no distractors.


Multiple similar inputs in a dashboard require correct instance selection; mixed guidance includes both an explicit target and a visual preview that updates dynamically.


Requires a disclosure step to reveal the target input, then entering an exact hyphenated string.


Two visually similar textarea instances require careful label-based disambiguation within a realistic form section.

Refund approved. Flag for QA review.
Internal note


Requires a specific line break structure; otherwise the task is isolated with clear labeling.


Single empty multiline TextField in an isolated card; short exact target text.


Requires opening a drawer and copying a two-line value from an image, then applying changes; the visual reference makes observability the main challenge.

Customize signature
Email signature
Apply


Two similar instances require selecting the correct labeled field; otherwise the interaction is standard minute-level time entry.


Second-level precision increases the number of digits/segments that must be entered correctly.


The goal is simply to clear the field, but the clear affordance is a small target in the input adornment.


Single HH:mm TimePicker with immediate commit and no distractors; the target value is easy to confirm in the input text.


12-hour format introduces an extra meridiem choice and the minute value 05 is easy to miss in compact/small UI; OK confirmation is required.


Requires matching a separate reference and filling hours/minutes/seconds completely; compact small dark UI raises interaction and observability difficulty.


Two similar pickers in a panel require correct instance selection; otherwise interaction is standard hours/minutes selection.


A single button triggers a single notification; success is based on exact title/body text presence.

Notify me
New comment
Nina: Looks good to me.


Single trigger produces a single toast with explicit title; success is immediate on appearance.


Dark/compact/small presentation plus three similar titles makes correct instance selection and close-button acquisition challenging.


Two simultaneously visible snackbars with similar messages require correct identification and precise closing of the target instance.


Two near-identical toggle rows create instance disambiguation load even though the interaction itself is simple.


Simple toggle in a realistic settings layout with minimal extra UI.


Single labeled ToggleButton with clear selected styling and immediate feedback.


Requires opening a right-side drawer, changing the toggle, and committing via a Save action in the drawer footer.


Requires interpreting a visual reference and matching a specific combination, but options are few and clearly labeled with immediate feedback.


Requires matching a visual preview while editing a small set of clearly labeled chips with immediate feedback.


Very small choice set with large targets and a simple add-one selection change.


Single, clearly labeled button in an uncluttered toolbar; success is immediately visible in a text status line.


Requires recognizing a horizontally scrollable toolbar region in a dark, icon-dense dashboard and locating a non-initially-visible action via scrolling.


Icon-only controls in a dark theme reduce observability and increase acquisition difficulty; the goal is specified purely by visual reference.


Multiple toggles plus two similar toolbars require careful instance selection; state is observable via pressed styling and a caption.


Requires clicking a small icon and dealing with a non-hover trigger, but the state is clearly visible and there are no distractors.

Help (?)
Need assistance? Contact support.


Single large target and standard hover-to-show tooltip with immediate visual feedback.


Floating tooltips move with the cursor and Mantine notes Tooltip.Floating is ignored by screen readers, reducing semantic observability for non-visual agents.


Requires trial-and-compare among multiple similar icons using a visual reference, increasing density and disambiguation load.


Single obvious action button with no competing controls; slightly higher feedback because completion is a terminal action.


Same navigation mechanics as easy tasks, but dark theme can reduce visual contrast and increase perception errors.


Requires opening a container modal and then interacting with the Tour inside it, increasing overlay depth and scoping demands.


Icon-only indicators raise acquisition and observability difficulty because the goal is specified visually without text labels.


Moderate clutter and non-central placement increase target acquisition cost, but the option set is small and the required state is clearly observable in the two lists.


Two similar transfer list instances in a settings panel require correct disambiguation, though the option set is small and state is visible.


Selecting all items is a simple checkbox interaction in a small list; the only subtlety is avoiding an accidental transfer.


Single selection with clear highlight feedback; only one expansion step is typically needed to reveal the target.


Multiple coupled sub-states (selection, filters, expansion) must all be cleared; filter reset requires an explicit confirm step.


Deep hierarchy and in-component scrolling combined with visual-only guidance significantly increase search and acquisition difficulty.


Requires navigating a popover panel with multiple fields (column/operator/value) and verifying the filter is active.


The task is a single action on a standard clear control; success is obvious because the input becomes empty.


Basic open-and-select flow in a small hierarchy; the chosen value is clearly shown in the TextInput after selection.


Large option set with required scrolling inside a constrained popover increases interference and makes the target harder to acquire.


Expansion requires clicking small chevron targets without selecting items; success depends on internal expanded state rather than a simple selected value.


Requires selecting the correct labeled tree instance and then navigating one level deep within it.


Single root-level checkbox toggle with clear checked indicator.


One obvious expandable node with immediate visual feedback.


Requires expanding a node that triggers asynchronous loading and waiting for the target to appear before selecting it.


The goal is specified visually (avatar match) rather than by a unique text label, reducing observability and increasing interference among similar rows.


Requires an exact 4-item set among many similar labels; otherwise the UI is flat and feedback is immediate.

Tag 0011 — Urgent
Tag 0020 — Finance
Tag 0042 — Legal
Tag 0048 — Customer


Straightforward scrolling with a unique textual target; no selection or confirmation required.


Single splitter with a generous percentage target and a live readout; requires only a straightforward drag and release.


Lazy mode removes continuous feedback and forces iterative drag–release adjustments amid mild form clutter.


Two splitter instances are simultaneously visible (one nested), increasing the risk of dragging the wrong resizer while still requiring a precise target.


The main difficulty is disambiguating the correct splitter instance among two similar cards; resizing itself is standard.


Only one accordion instance with clear labels; switching the open panel is a single click.


Requires opening a modal overlay and then interacting with the accordion within it; extra buttons in the modal add distraction.


Narrow layout truncates text labels, so matching against a separate reference chip is needed to disambiguate among similar prefixes.


The target is below the fold within a cluttered dashboard, requiring scrolling and disambiguation among multiple cards.


The remove (×) target is small and the Popconfirm action buttons are compact, but there is only one relevant tag and a clear OK button.


Simple single-instance cancel action with large buttons and clear labeling.


Nonstandard button labels and the presence of a close icon increase the chance of choosing the wrong control; modal starts open so the task isolates in-dialog action selection.


Small-scale compact layout plus a full-screen dialog changes spatial expectations and increases the cost of misclicks compared to a standard centered dialog.


Requires working inside a modal and committing changes via Apply; failure to confirm is a common agent mistake.


Requires entering a formatted decimal value (0–1) and committing the input so the slider state updates.


Discrete marks remove precision demands; user just needs to drag to the 25% mark.


Dark theme plus two similar instances increases mis-target risk; 35% requires moderately tight precision.


Even with a single editable cell, the table context and very similar option labels increase acquisition and choice interference.


Target value must be read from an on-page reference and chosen among similar-looking names with richer option rendering.


Requires precise formatted text including punctuation and domain; validation feedback on blur increases the need for correct formatting.


Clearing requires hitting a smaller clear control, but there is only one instance and three simple options.


Multiple same-type instances embedded in similar table rows create high disambiguation load; the editable cell target can be smaller than a standalone field.


Compact dark styling reduces target salience while similar UTC offsets increase choice interference during search-and-select.


Requires mapping a nearby reference text to an option in a small set; slightly higher observability demand than explicit targets.


Requires recognizing ellipsis as expandable; single click to open overlay.


Must distinguish identical labels by section.


Requires matching a visual style across several similar buttons and selecting the correct instance among four options.


Four visually similar buttons share the same label; the agent must identify the correct variant based on the target sample.


Only one large icon button; the goal is the menu open state, which is clearly observable.


Two-step destructive confirmation with a dialog layer; must trigger the dialog and then choose the correct action among Cancel/Delete.


The agent must manage a staged selection (pending vs confirmed) and remember to click Apply; dark theme can reduce contrast and increase misreads.


Two similar calendars inside a form require careful instance disambiguation while ignoring nearby input-field distractors.


Reaching the target requires navigating across multiple internal views (year, then month, then day) and selecting the final date.


Clear objective to return to a known first slide using visible indicators.


Two similar carousels increase disambiguation load; labels help but the agent must select the correct instance.

Testimonials
Hero Banners
Customer Story 2


Requires a simple drag gesture to move a couple slides; slide labels are prominent.


Vertical orientation increases gesture ambiguity and requires careful control to settle on the correct chapter in compact/small mode.


Inline panel avoids overlay management; the agent only needs to click through a short 3-level hierarchy.


The target is given via a reference breadcrumb plus a hint; difficulty comes from comparing the reference and selecting among similar Finance teams.


Deeper 4-level hierarchy in an inline panel requires multiple precise selections, with mild distraction from surrounding settings UI.


Adds an extra overlay layer (modal + cascader dropdown) and multiple clickable controls, increasing depth and the chance of misclicks.


The checkbox itself is easy to toggle, but the goal is specified visually via a preview rather than an explicit text target.


Small checkbox size and compact spacing increase target acquisition difficulty for a simple binary toggle.


A simple on/off toggle; only the dark theme slightly reduces visual contrast.


Row-selection checkboxes are small and repeated; success requires selecting the correct row by reading the invoice ID.


Long, scrollable list of compact checkboxes with many similar permission labels increases search and selection errors.


Moderately long, scrollable list in compact spacing requires scroll/scan to find specific topics.


Two nearly identical checkbox groups require careful instance selection and an exact single-choice outcome.


The task is a simple reset/clear action on a single checkbox; the only challenge is recognizing the Unchecked end state.


The checkbox is off-screen at load and embedded in a realistic settings page, requiring scrolling and careful identification of the correct setting.


Dark theme plus high clutter and multiple similar instances raise disambiguation and perceptual demands; the goal uses a mixed indicator rather than only direct text on the control.


Requires opening a popover overlay to reach the checkbox; otherwise the state change is direct and observable.


Slightly cluttered form context, but only one copy control is present and the target value is clearly labeled.


Single small icon target, but only one instance and the copied value is short and visible.


Requires a confirmation modal to complete copying and copies a multi-line value, increasing depth and feedback complexity.


Requires opening a menu overlay and choosing the correct option among multiple similar copy actions.


A simple state toggle, but the control is a small switch and the dark theme reduces contrast relative to baseline.


Short but strictly formatted multi-line configuration text; minor punctuation or quoting errors fail the equality check.


Single button interaction with immediate feedback and a trivial target state (empty content).


Requires a modal open/close flow plus a confirmation action (Save) after making a precise boolean edit inside formatted JSON.


Multiple similar accordion instances require careful instance selection; the target area is not centered in the viewport.


Requires matching a visual reference (emoji+label) against several similar accordion controls.


Requires opening an overlay drawer and then expanding the correct accordion section within it.


The user can directly click a labeled preset swatch, and the selected color is observable via the trigger swatch/text.


Small targets in a dark theme plus hover-to-open behavior increases the risk of missing the trigger and makes control acquisition harder.


This task only requires opening the component’s dropdown overlay; the open state is directly visible.


Visual-only matching with a small picker reduces observability and increases fine motor requirements on continuous controls.


Requires matching to a visual reference, but only one picker is present and the swatch set is small.


Three similar instances in a cluttered panel plus a dense blue palette increases both disambiguation and choice interference.


Only requires opening the correct dropdown; single instance and no distractors.


Very small swatches in a dense grid with highly similar grayscale options creates high target acquisition difficulty and severe choice interference.


Compact layout increases targeting difficulty and the agent must both switch format and enter a structured RGB string correctly.


Alpha channel and comma/parenthesis formatting make the input more error-prone than simple hex while keeping the interaction single-layer.


Two similar instances increase disambiguation, but interaction remains simple typed entry with visible validation.


Requires opening a drawer overlay and disambiguating between multiple similar fields in a cluttered token list.


Small/compact rendering increases click precision; long scrollable option list raises search and selection interference.


Requires an explicit commit action (Enter/click suggestion) rather than relying on blur, increasing feedback and commit dynamics.


Moderate option count with similar distractors increases interference; requires repeated search-select actions for four items.


This task only requires opening the combobox dropdown; no option selection or text entry is needed.


The required value is a strictly formatted string and the suggestion list contains near-duplicates that differ only by case or punctuation, increasing precision and interference.


The field is behind a modal layer and includes multiple very similar options (Chocolate vs Chocolate chips), increasing layering and choice interference.


The target must be read from an on-page visual chip rather than from the prompt, increasing observability requirements.


A short menu, but the instruction requires matching an icon reference to the correct menu item.


A single instance with a short menu; requires selecting one clearly labeled top-level item.


Requires selecting the correct instance among three similar rows and matching an icon reference (lock vs unlock) before activating the item.


Requires choosing the correct row among multiple similar instances, navigating into a submenu, and setting multiple checkable states precisely.


Requires entering row edit mode, updating multiple fields, and explicitly confirming via the row-level Save action.


Requires correctly using the Cancel control to revert and exit edit mode; success depends on edit-state dynamics rather than just a value change.


Requires precise formatted numeric entry and correct commit behavior in a compact layout.


High-clutter dashboard plus multi-field row creation and explicit Save confirmation increases interaction complexity and recovery cost.


Two similar table instances and confusable codes create high disambiguation load even though the interaction is simple checkboxes.


Mixed guidance and similar-looking codes increase choice interference, but all rows are visible and there is no overlay/confirm step.


Adds a search/filter substep and confusable names, but the target is uniquely identified by an ID.


Two selections from a moderate list; the popover provides explicit checkboxes and visible applied-state indicators.


Requires opening a modal, then a column filter popover, then interacting with a date-range picker (multi-step) and confirming; multiple layers and dense calendars increase difficulty.


Requires configuring two different controls (multi-select + select) and committing with Apply; dark theme reduces contrast and increases chance of missed selections.


Requires selecting the correct numeric operator and entering an exact threshold; compact density makes controls tighter but interaction is still straightforward.


Row checkboxes are small and adjacent rows have similar IDs, but the target row is visible on the first page.


Simple dropdown selection with clear numeric choices; state change is visible in the table.


Three near-identical table instances require strong disambiguation before paginating and selecting a specific row by ID.


Cross-page exact multi-selection with small checkbox targets; dark theme reduces contrast for subtle selection states.


Requires horizontal scrolling to reach an off-screen sortable header and clicking a small sorter target in compact spacing.


Two similar table instances require careful disambiguation to apply the sort to the correct Due date header.


Single DataGrid instance; sorting by clicking a clearly labeled header.


Requires navigating drawer + dialog layering and ensuring the reset is confirmed so the grid reaches an unsorted state.


Small, compact masked input in a corner placement increases target acquisition difficulty and requires precise formatted entry/segment editing.


The agent must scroll within a settings panel to find the correct labeled DateInput amid moderate clutter before entering the target date.


Two similar fields require selecting the correct instance; otherwise the interaction is simple sectioned typing.


Simple within-year range selection with clear textual target and default behavior (no confirm step).


Nonstandard open-ended range plus required OK confirmation; must avoid accidentally setting an end date.


Requires selecting the correct instance among two similar range inputs within a cluttered settings panel.


Tests calendar navigation via header controls and recognizing the visible month label.


Adds an explicit confirmation step (OK) in a dark theme, but the target date is nearby and there is only one picker instance.


Requires correct formatted typing and validation pass, but interaction is confined to a single obvious input.


Non-default date format requires precise formatted entry and correct parsing/validation before the component state updates.


Requires multi-step navigation across years and months within the picker, increasing depth and the risk of selecting an adjacent year or day.


Requires correct formatted typing for both endpoints and confirming with OK; small formatting errors or partial entry are common failure modes.


Disambiguation is the main challenge: two similar composite groups require selecting the correct Start/End fields under the right label.


A single field with an explicit clear icon; success is the empty value with immediate feedback.


High visual clutter and a scrollable sidebar increase the chance of interacting with the wrong control; two similar range pickers require careful disambiguation.


Requires second-level precision and explicit confirmation, with reduced contrast in dark theme.


Exact formatted entry is required; otherwise a simple single-instance field.


Mobile modal introduces deeper layering and an explicit OK confirmation step compared to desktop defaults.


The dialog is already open and the 'Cancel' button is clearly labeled in the footer.


Three similar dialog triggers are spread across a cluttered dashboard and the target is specified visually, increasing disambiguation and observability demands.


The modal is full-screen and removes standard close affordances, requiring the agent to locate and use a custom header action in a dark theme.


The dialog cannot be dismissed by common shortcuts (Escape/backdrop), and compact+small styling makes the single Close button harder to acquire.


Single clearly labeled link in a realistic form section. Some surrounding form fields add light clutter but do not require interaction.


Small link target but clear labeling and only one download link. Immediate feedback reduces uncertainty.


Small trigger and compact, dense menu entries with similar labels increase acquisition difficulty and option interference. Requires careful selection of the correct file extension.


Selection depends on visual badge matching rather than text, making observability challenging. Multiple similar cards and small download icons increase disambiguation and acquisition difficulty.


Requires intra-component scrolling to locate an off-screen item in a long, somewhat confusable list before performing the drag between containers.


Two similar instances with the same ticket name require careful disambiguation before performing the otherwise simple transfer.


Corner placement changes cursor travel but interaction remains a straightforward single transfer with clear targets.


Requires multi-step transfers plus exact ordering to match a visual reference, and a Save step to commit—high precision with multiple failure points.


Requires scrolling within a long list and grabbing a small drag handle in a dark drawer; final order must be exact.


Requires locating a reset control and confirming in a modal; success depends on the list returning exactly to the default order.


Two similar lists increase disambiguation load; handle-based dragging raises targeting difficulty slightly.


Only one open drawer and one close icon; state change is immediate and obvious.


Requires a two-step nested overlay flow and correct instance identification of the inner drawer.


All quick dismissal routes are disabled and the close action is off-screen, forcing precise scrolling within the drawer.


The trigger is embedded in a table with a disabled distractor action, increasing acquisition and attention demands.


Single labeled toggle with immediate visible effect; no scrolling to deep items or multi-instance ambiguity.


Single click to expand a uniquely labeled entry within a single feed.


Requires deep infinite scrolling with repeated loading plus precise clicking of a small per-row pin control near the viewport edge.


Small-scale UI increases target acquisition difficulty; multiple specific items must be selected and then explicitly saved to commit the state.


Requires selecting the correct dropzone among two similar instances inside a modal, with standard upload feedback but higher disambiguation demand.


Drag-and-drop plus corner placement increases acquisition difficulty, and two similar invoice filenames add interference.


Only a few image choices and both filename and preview are available; the resulting state is easy to verify via filename chip and thumbnail.


Small/compact layout plus validation constraints and confusable filenames create a higher chance of rejection and require recovery to reach the exact accepted final state.


Tiny drag handles in compact/small mode require precise target acquisition and careful placement to achieve an exact ordering.


Requires operating in the correct of two similar managers and selecting the correct folder value from a dropdown.


The task requires selecting an exact set of three files and doing it in the correct one of two similar managers.


Still a single uploader with clear label; picture-card icons are slightly smaller, but the target file is explicitly named and visually referenced.


A long, scrollable file list in a cluttered dashboard plus a confirmation step increases target acquisition and recovery complexity.


Exact multi-file selection with mixed file types plus compact spacing increases precision and confusability while still requiring only one component.


Requires reading the target from the on-page reference card, then performing a standard single-file upload.


Requires reversing a persistent (pinned) hover card state and ensuring it is fully closed at the end.


Requires moving into the dropdown and clicking a small pin control while keeping the hover card open.


Requires reversing a persistent pinned state and dismissing the overlay while avoiding nearby distractor controls and the other instance.


Very small adjacent targets in a dense, compact dark table make correct acquisition and instance disambiguation challenging.


Requires visual matching among multiple similar icons; state change is subtle (activation flag) and there is no textual description of the target icon.


Requires selecting the correct option in a small icon-only group within a settings context; selection feedback is clear but targets are adjacent.


Single toggle IconButton with explicit On/Off text feedback; low acquisition and disambiguation demands.


High disambiguation due to multiple identical controls embedded in a dense table; requires correct row association and accurate clicking.


Two similar inline editable fields in a small form section require careful instance selection, but the entry itself is a straightforward sentence.


Delayed commit with transient loading/toast feedback and a character-limit constraint increases the chance of partial or invalid saves.


Exact formatted input with validation gating Save increases precision and feedback complexity, but there is only one well-labeled field.


A single numeric field change, but the editor is embedded in a small form section with a few irrelevant inputs.


The main difficulty is locating the correct key within a long, scrollable JSON tree and then committing the change.


Requires scrolling within a dense, compact JSON tree to locate a deeply nested boolean and then saving.


Requires choosing the correct of two similar editors and adding an item to an array; search helps locate the field but adds an extra control to use.


Only a single column with three cards must be reordered, but the agent must read and follow a separate reference panel.


Simple within-column reorder among three clearly distinct items.


Very small targets inside a dense table, plus multiple similar board instances, make correct acquisition and instance disambiguation challenging even though the semantic goal is simple.

Project Atlas
ATLAS-7 Fix billing export
Done


Dark+compact presentation reduces visual separability, and the small drag-handle-only affordance raises acquisition difficulty under dense, similar options.

In progress
BUG-320 Fix modal focus
BUG-314 Fix tooltip


Requires visually matching the target icon among multiple similar link rows; labels are present but not relied on by the instruction.


More link options in a tight row increases choice interference; state remains observable via aria-current and panel heading.


Single disclosure link with clear expanded-state feedback via aria-expanded and visible panel.


Two-step selection across an overlay menu and a drawer, with multiple adjacent link options in the popover.


Large, highly confusable option set with pagination and search in a dark, corner-placed component makes both identification and manipulation more error-prone.


Card-style checkboxes change the click target shape and require matching from a separate reference area.


Requires controlled scrolling within the list to find targets across sections while maintaining correct selections.


A short visible list with distinctive labels; selection change applies immediately.


Two small, similar listboxes embedded in table rows require precise clicking and careful row-level disambiguation.


Dense grouped options in a small scroll area require careful scrolling and correct targeting among similar city names.


Requires opening a drawer overlay and selecting within it; selection has immediate effect but overlay layering adds complexity.


The only required action is to use the editor’s clear/reset affordance; the target state is an empty value that’s easy to observe.


Two visually similar editor instances require disambiguation, and formatting multiple lines as a list demands correct markdown structure.


Small inline editor inside a table cell increases targeting difficulty and introduces similar nearby distractors, though the text content is simple.


Requires navigating a drawer overlay and a nested confirmation popover; success depends on a reset action that only applies after explicit confirmation.


The agent must extract the exact target string from a visual badge and enter it with the correct dash positions and letter casing.


In a small form section with mild clutter, the agent must identify the correct field and fully clear a masked prefill.


Clearing a prefilled masked value is simple but requires using a small in-field icon or repeated deletion.


Long formatted string plus scrolling through high clutter increases error likelihood; missing a character or space yields failure.


Small/compact styling reduces target size, the dropdown opens upward near the viewport edge, and a long, scrollable list with similar Z-names increases selection difficulty.


Visual reference in dark theme requires careful copying and correct insertion of two mentions with exact punctuation.


Filtering yields multiple similar options and the task appears within a form with mild distractors, raising selection interference.


Large, clearly labeled menu items; the toggle state is visible via a checkmark and mirrored status text.


Requires a two-step commit (select option + Apply). Mistakes are easy: selecting the right option without applying does not change the committed state.


A multi-step commit is required within a dropdown: the agent must choose the correct option and then press Apply to update the committed state.


The goal is specified by a visual reference icon, and the menu is compact/small, increasing click precision and visual matching demands.


Still a simple menu selection, but two nearly identical menu buttons require choosing the correct labeled instance.


Small, clearly labeled menu with immediate feedback via the trigger label.


High clutter and multiple similar instances require careful disambiguation, and visual color matching adds observability challenges for non-visual agents.


Two-layer menu interaction requires maintaining overlay context and selecting a leaf item in the second menu, which raises depth and target acquisition demands.


Simple top-level selection in a dark-themed menubar; difficulty is primarily contrast/visual robustness rather than multi-step interaction.


Simple disclosure task, but requires leaving the correct dropdown open as the terminal state.


Requires opening a dropdown and matching the target by icon+label among a small set of visually similar menu items.


Nested popovers require stable pointer control to keep both menus open while selecting the correct leaf item.


Small, corner-placed target with no printed numeric value; requires precise setting and often a tooltip/keyboard for verification.


Modal layering plus an Apply step introduces depth and feedback dynamics; otherwise a single clearly labeled meter.


Two similar meters in a form require selecting the correct target; otherwise straightforward with visible numeric feedback.


A single tab change with clear visual feedback (active tab styling and filtered list); no overlay layers or disambiguation.


Small targets plus scrolling/virtualization and highly similar notification titles make locating the correct row and clicking the archive icon interaction-heavy.


Requires matching a reference set via multiple small pin toggles and ensuring extra pinned items are removed; feedback is visible but requires careful checking.


Requires triggering a small expansion affordance and matching the correct row among similar titles; a visual preview helps but adds an extra reference to compare.


Clearing to an empty state is slightly trickier than setting an integer, but remains a single labeled field with immediate feedback.


Single field; small integer change with clear label and visible controls.


Hardness comes from the tight 3-decimal precision requirement rather than the scene; the agent must enter an exact high-precision value.


Small inline editors inside a dense table make target acquisition and instance disambiguation difficult, and success requires a per-row commit control.


Dark theme with compact spacing increases visual complexity.


The agent must locate the correct section via scrolling and then type an exact masked value amid other settings clutter.


Modal overlay requires an extra open step and an explicit Save confirmation after entering a masked value.

Change password
New password
Quartz@88
Save


Exact formatting (capitalization and #) must match, and the password remains masked with no reveal control, lowering observability.


Short length (4) and no additional UI elements; the target digits are explicitly provided.


Case-sensitive alphanumeric entry increases precision requirements and makes it easier to introduce subtle mistakes compared to numeric-only OTP.


Masked characters make it hard to visually verify correctness (especially for pixel-only agents), increasing observability difficulty even though interaction steps are simple.


The OTP entry itself is simple, but the target must be extracted from a visual preview element.

Authenticator preview
Authenticator code


Requires keyboard-based target acquisition (Tab focus), but the target is clearly labeled and there is only one popover.


Requires keyboard focus navigation plus an Enter keypress, but the target is unique and clearly labeled.


Requires scrolling within a nested drawer container amid high clutter, then accurately clicking a small icon to open the popover.


Uses a context-menu (right-click) trigger and an anchorPosition popover that appears near the cursor, increasing interaction brittleness.


Requires interacting with a confirmation overlay and choosing the correct action; cancellation has a distinct status change on the progress bar.


Requires opening a drawer to access the progress bar and then starting it to reach a mid-way target value.


Binary switch with immediate visual feedback; success depends only on the progress bar variant.


Requires opening a drawer anchored in the corner, selecting the correct task row among multiple similar instances, and monitoring dynamic progress to completion.


Requires visual matching among several dense, similar thumbnail options; dark theme reduces contrast.


Requires navigating to the correct tab before the radio group is visible, with moderate clutter in the target tab.


Two visually identical RadioGroups with identical option labels increase disambiguation load.


Clearing relies on a single common affordance (allowClear) on a single rating control with immediate visible change.


Small targets in a cluttered dashboard increase acquisition difficulty; drag interaction can be slightly unstable for agents compared to a single click.


Quarter-step increments dramatically increase precision and make targets very small, even though the scene is otherwise simple.


Adds an overlay layer (drawer) and a required confirm action; mixed guidance includes both text and a star reference.

Give feedback
Support experience
Send feedback


Same simple interaction as baseline, but dark theme slightly reduces visual contrast of the handle.


Single target width with explicit numeric feedback; dark theme provides a small robustness variation without adding extra steps.


Unusual exact target width with tight tolerance and tooltip-only feedback increases precision and observability difficulty amid moderate surrounding clutter.


Small, dense header separators and adjacent targets require high-precision dragging without accidentally triggering sort/menu actions.


Requires selecting the correct substring and completing a small overlay flow (URL + Save link), but still single-instance with clear text.


Requires precise text selection by dragging to capture exactly the requested phrase before applying a mark.


Key control surface is conditional (bubble menu appears only on selection), increasing layering and target acquisition difficulty.


Requires precise inline formatting of a single character (subscript on only “2”), which can be hard to observe and verify without good state observability.


Dark theme plus three near-identical instances increases disambiguation and target acquisition; the query must be submitted in the Secondary field.


Requires opening the dropdown and selecting the correct item; low clutter but still a popup interaction.


Two visually similar search fields require choosing the correct labeled instance and using the icon-button submission on the correct one.


Two-option segmented control with clear On/Off labels and no extra steps.


Requires opening a modal, selecting the correct segmented control among multiple, and committing via Apply.

Advanced rendering settings
Rendering mode
GPU
Apply


Three near-identical segmented controls with identical options require careful instance disambiguation.


Requires selecting the correct row’s toggle group inside a table; options are simple but repeated.


Requires typing an exact custom value and confirming it, but the list is tiny and the created tag becomes immediately visible.


Only one new option needs to be created and it becomes a visible pill immediately, with few distractor options.


A dense table cell editor plus many similar flag names makes careful add/remove operations necessary; overflow pills reduce observability of the full set.


A long list of highly similar options combined with compact dark styling increases acquisition errors, and the chip overflow indicator reduces immediate observability of the full selection.


Requires using the built-in search field to narrow a moderately dense list of people with similar formatting.


Two similar selects require instance disambiguation inside a realistic form section.


Only requires opening the select menu and leaving it open; no value selection needed.


Requires entering a dialog layer and selecting an item from a grouped menu; additional overlay depth increases difficulty.


Requires opening a modal and confirming with Save; otherwise a simple two-option native select.


Single, large native select with four clearly distinct options and immediate visible feedback.


The user must locate the setting by scrolling within a panel and then make a simple selection.


Short option list with no distractors; the only challenge is opening the dropdown and clicking the correct item.


The target is specified visually (icon-only), increasing observability demands. The select is also placed in a corner, which can affect target acquisition.


Multiple same-type instances in a cluttered dashboard require correct disambiguation; the KPI list is moderately dense and selection occurs in an overlay.


The target is specified by both icon and text in a dark theme, requiring correct matching while maintaining straightforward selection behavior.


The goal is explicit and can be achieved by editing clearly labeled Min/Max fields, with an always-visible textual range readout.


Marks provide clear visual anchors for the target endpoints, keeping the interaction straightforward.


Dark modal overlay adds layering and requires a Save confirmation; inverted track can confuse perception of which segment is selected.


Vertical orientation in a narrow drawer increases acquisition difficulty, and decimal precision plus a required Save step increase overall complexity.


Multiple same-type sliders are packed into table cells, increasing disambiguation and target acquisition difficulty even though the target value is discrete (step=5).


The goal is purely visual and the numeric value is not persistently visible after release, increasing observability and requiring careful alignment.


The target is a labeled mark (75%) and the slider provides both a value label and a persistent readout, making it low-effort.


A large 0–1000 range with step=1 makes it hard to land on an exact high value via dragging alone, increasing precision and fine-control demands.


Two nearly identical split buttons require careful instance disambiguation, and the target option is confusable with a similar CSV choice.


Reset requires selecting a special control rather than directly choosing the default option, adding mild complexity.


Moderate option count with similar labels (CSV variants) and a disabled item; still a single-layer menu.


Linear flow requires a single obvious “Next” click and the active step updates immediately with clear labeling.


Requires within-component horizontal scrolling to reveal offscreen steps in a compact, small UI; many similarly styled steps increase interference and misclick risk.


Reaching the Completed state requires multiple sequential actions and recognizing a control label change (“Next step” → “Finish”) plus a content-mode transition to the Completed panel.


Requires two coordinated state changes (completion + active step) with intermediate feedback; still limited option count and clear labels keep it in mid difficulty.


Requires interpreting a visual reference, but still only one switch with immediate feedback and minimal clutter.


Single switch with strong visual cues (inner labels) and immediate state change.


Visual-only goal plus multiple similar switches increases observability and disambiguation difficulty, especially in a cluttered dashboard region.


High-density repeated switches in a table require correct row mapping and careful target acquisition amid clutter.


Two visually similar table instances require choosing the correct labeled table before selecting the target row.


Requires internal scrolling and scanning many similar numeric session labels.


Large, easy focus target with unambiguous focused/unfocused visual feedback.


High disambiguation load due to three similar table instances in a cluttered dashboard, plus multi-select state management.


Requires discovering and using the overflow "More" menu among many similar tab labels; multiple interaction layers increase error risk.


Requires opening an overlay before selecting the target tab; otherwise straightforward tab interaction.


Requires horizontal tab scrolling in a narrow, small-scale tab bar before selection is possible.


Requires opening the dropdown and clicking three clearly labeled options; few distractors and immediate chip feedback.


Small embedded table-cell targets plus two similar instances in different rows create high disambiguation and acquisition difficulty.


High clutter dashboard with three instances plus a long scrollable suggestions list creates substantial disambiguation and acquisition difficulty.


Requires exact formatted strings and case sensitivity; otherwise simple single-instance entry.


Still a single text field with an explicit target, but embedded among realistic filter controls that slightly increase acquisition and disambiguation load.


Single field with explicit target; slight added acquisition complexity from the icon section but still straightforward.


Dense table scene with multiple similar inputs requires correct row selection; non-centered placement adds acquisition difficulty.


Multiple similar inputs inside a dense table require precise instance selection (correct invoice row) and exact phrase entry.


Requires opening a modal and clicking an explicit save control; character count provides feedback but adds visual noise.

Quarterly report: highlight Q4 growth and pending invoices.


Requires opening a modal and clicking Save to commit the textarea value; otherwise the text entry is simple.

Compact charger with USB-C cable included.


Single prefilled textarea in a dark theme; clearing to empty is still straightforward with no formatting requirements.


Two-layer modal interaction with an explicit confirmation step increases depth and feedback complexity, even though the target text itself is short.

Status: Working from home today.
Status update
Reset to default


Small, tightly spaced inputs increase acquisition difficulty and the agent must disambiguate the correct labeled instance before confirming.


Requires copying a value from a separate reference element into the time input.


Second-level granularity increases precision demand and the number of editable sections.


Single TimePicker in an uncluttered card; target time is explicitly specified as text and visible after selection.


Selecting seconds adds an extra dense column and requires an OK commit, all within a modal + dropdown layered interaction.


High clutter and three similar instances increase disambiguation; placement near the top-right edge makes overlay positioning and targeting less forgiving.


Target time is provided only via a visual reference badge, increasing observability demands while keeping interaction steps simple.


Single click triggers a single notification with explicit title; success triggers immediately on appearance.


Two buttons introduce mild interference, but the target notification text is explicit and success triggers on appearance.


Multiple simultaneous notifications require targeting the correct one and selecting the correct in-toast action to clear the entire stack.


Small icon-only table action plus time-sensitive snackbar interaction (UNDO before auto-hide) increases target acquisition and feedback dynamics difficulty.


Requires handling a popover confirmation layer; the toggle only commits after an explicit confirm.


Two similar icon toggles require selecting the correct instance based on the row label.


Single, clearly labeled toggle button with no surrounding distractors.


Dense table with multiple per-row toggles creates high disambiguation and small target acquisition demands.


Adds a confirmation layer where changes are only committed after confirming; dark theme can reduce contrast and increase interaction errors.


Multiple similar instances in a table require correct row targeting; per-cell chips are smaller and more crowded.


Requires opening a drawer overlay and completing a Done confirmation step; otherwise options are clearly labeled.


Requires toggling a labeled control among a few similar neighbors; state is confirmed via an on-page text readout.


Icon-only targets increase acquisition and observability difficulty; the goal is specified visually and requires matching among multiple similar options.


Finding a specific action in a compact, horizontally scrollable, icon-dense header toolbar requires robust scrolling and target acquisition.


Adds a modal entry step and a confirmation popover before state changes, increasing depth and feedback dynamics compared to a simple click.


No target search is needed because the tooltip starts open; the only requirement is to close/hide the tooltip overlay.


Target is an inline word rather than a button, requiring more precise cursor placement, but there are no competing instances.

Charged proportionally for remaining days


Requires opening a modal overlay and then targeting a small tooltip trigger in a compact dark-themed layout.

Advanced options
Advanced mode
Enables additional configuration fields


Tightly packed small icons in a table increase target acquisition difficulty and choice interference; correct instance must be selected among three similar actions.


Requires opening an overlay and advancing two steps, but controls are large and unambiguous.


Compact spacing and small controls increase click precision requirements despite a clear textual target.


Stacked overlay context (Drawer + Tour) and constrained width increase depth and target acquisition difficulty.


Non-modal overlay in a cluttered dark dashboard increases interference while navigating across multiple steps.


Compact dark styling and many near-duplicate option labels increase misclick and confusion risk; the agent must match an exact set via a visual reference.


The component is inside a drawer overlay and requires an explicit Save action, adding layering and feedback dynamics beyond simple inline transfer.


The task requires selecting multiple specific items and transferring them in a form context with mild distractors and additional controls.


A single expand action on an obvious affordance; success is visually obvious because children appear.


Requires editing a specific cell in the correct of two similar tables, navigating a deep path, and entering a strict currency format.

Operations → Data Centers → EU-West → Rack 7


Strict currency formatting plus an explicit Save action and dark/compact presentation increase error risk and recovery cost.

Operations → Data Centers → US-East → Rack 12


Requires mapping reference to the correct branch and navigating a two-level expansion; moderate confusability with similar HR items.


Only requires targeting the correct input to open its dropdown; no selection or multi-step navigation.


Only requires opening the popover; no selection or navigation is required.


High clutter plus three similar instances creates heavy disambiguation load; visual-only target specification requires interpreting the reference highlight and selecting the correct instance.


A long, scrollable tree in compact/small mode increases acquisition difficulty and choice interference; the user must scroll within a constrained popover to reach the target.

Integration
Integrations / Monitoring / PagerDuty


Finding the correct leaf requires disambiguating identical filenames under different years; filtering can help but introduces extra interaction steps.


Requires exact checked-set manipulation including unchecking a pre-checked distractor and disambiguating duplicate labels under Beta.


One branch expansion and a unique leaf label; selection highlight is clear.


Inline label editing requires entering the correct edit mode, editing text precisely, and confirming the change while avoiding a similarly named distractor.


Requires opening a modal, selecting within a virtual list, and explicitly confirming via Apply; missing the confirm step is a common failure mode.


The target requires matching both a textual plan name and a visual badge color among many similar rows, increasing interference and reducing purely semantic observability.


Requires an exact 3-item checkbox set among near-numbered distractors; otherwise the interaction is flat with clear feedback.


Requires triggering a built-in collapse state via a clearly indicated control; no numeric precision is required.


No textual state is provided; the agent must infer the correct ratio from a visual reference with a tight acceptance tolerance.


A drawer overlay adds layering and requires an explicit Save to commit; success depends on committed state rather than transient resizing.


The splitter must be located by scrolling within a longer page; once found, resizing is standard with a numeric readout.


Task is a single toggle on the already-open panel; state is visually obvious.


Single accordion with clear labels and no clutter; state change is immediate and visible.


Requires opening a modal overlay and then scrolling within the modal to reach the target accordion item before expanding it.


Two similar accordion instances require careful instance selection; otherwise interaction is simple.


Two similar destructive actions require selecting the correct trigger and then confirming the correct dialog; labels are clear but disambiguation matters.


Only requires opening a single modal; no further action is needed.


Single dialog with clear Cancel/Delete actions; the agent only needs to open it and choose the obvious danger button.

Release Notes (draft)
Delete draft
Delete


Icon-only triggers in a cluttered dashboard plus three similar danger actions create high disambiguation and target-acquisition difficulty; mixed guidance requires integrating hint text and visuals.


Requires scrolling to find the correct section in a cluttered settings panel, then adjusting the opacity slider to a specific value.


Full ColorPicker introduces multiple similar controls; user must identify and adjust only the alpha slider while matching a visual reference.


Direct numeric entry with immediate feedback reduces motor control demands compared to dragging.


Single inline AutoComplete with one value to type and immediate visible feedback. Suggestions exist but are not required to complete the task.


Requires multi-tag editing in tags mode plus an explicit modal confirmation step; mistakes require removing pills and re-entering tags.


Requires producing an exact 3-item tag set with separators and explicit commit (no accept-on-blur) in a compact/small control with small targets.


The main challenge is disambiguating two similar Autocomplete instances with shared options and ensuring the correct one is edited.


Requires only opening the dropdown overlay for a single, clearly labeled Select with few options.


Single Mantine Select with a short option list and no distractors.


Three same-type fields with similar labels create high disambiguation load, compounded by non-central placement.


Dark theme and surrounding controls increase acquisition and clutter slightly, but the target option list is short and distinct.


Simple breadcrumb navigation in dark theme; no additional complexity.


Simple navigation with clearly labeled MUI breadcrumb links.


Small icon-only targets in a compact toolbar require accurate acquisition and choosing the correct icon among two similar buttons.


Requires scrolling inside a panel to find the only button; includes a short loading feedback phase.


Two clearly labeled dialog buttons with distinct emphasis; must pick the correct instance.


Selecting one day in a single, full-size embedded calendar is straightforward with immediate visual highlighting and a textual readout.


The target is specified visually among several similar in-cell markers, and the selected state is not redundantly shown as text, increasing ambiguity for agents.


In dark mode, the agent must rely on a subtle visual cue (neon ring) among similar markers without a textual confirmation of the selected date.


The goal is specified by a visual marker inside the grid, requiring the agent to visually locate the unique starred cell among many similar day targets.


Single step change using a large, clearly labeled slide; arrows provide straightforward navigation.


Multiple carousel instances plus logo-only slides make target identification and state observability difficult; the goal is specified visually.


Only three slides and clear controls; non-center placement is the main robustness variation.


Dark theme plus image-dominant slides and three adjacent carousels create high disambiguation and low observability; goal is visual.


Same simple 3-level selection as the baseline, but in dark theme which can slightly reduce visual salience.


Additional form fields add mild distraction, but the cascader options are modest and clearly labeled.


Lazy loading introduces timing/feedback challenges; the agent must wait for each column to populate before making the next selection.


Nested overlay (drawer + dropdown) plus a denser hierarchy increases layering and choice interference, especially in constrained space.


Requires handling a confirmation popover to commit the checkbox state, adding an extra UI layer and feedback dependency.


Requires mapping a mixed text+visual example to the correct checkbox state.


Requires selecting the correct checkbox among two similar labeled options.


Single checkbox group with three clearly labeled options and no overlays or distractors.


Dark theme + small scale makes targets harder to acquire, and the dense option list requires an exact selection followed by Apply.


Two similar checkbox groups in a medium-clutter form section increase the chance of editing the wrong group.


Requires opening a drawer, making an exact selection, and clicking Save to commit changes.


Only one checkbox is present; the goal is specified via a nearby visual reference, requiring minimal interpretation.


Single, default-size checkbox with explicit label and a clear feedback line; only requires reaching the indeterminate state.


Small, compact placement inside a dense table header makes the target harder to acquire and the state harder to perceive, even though it is a single checkbox.


Dark theme and nearby distractor switches slightly increase perceptual load, but only a single tri-state checkbox needs to reach Unchecked.


The copy affordance is disclosed only on hover and the value is visually truncated, increasing acquisition and observability difficulty.


Two similar copy icons require selecting the correct labeled row; otherwise the interaction is straightforward with clear copied feedback.


Single IconButton with standard tooltip; one visible value to copy and immediate snackbar feedback.


Small copy icons inside a compact table require precise targeting and correct row selection among similar environment entries.


The text edit itself is easy, but success additionally requires handling a confirmation popover after Apply.


Requires a precise token replacement; interacting with an overlay widget adds modest layering and acquisition difficulty.


Just opening a single overlay from a clearly labeled toolbar button; no text needs to be edited.


Single, clearly labeled panel in a single Collapse instance with no clutter or extra steps.


Small, compact targets plus an exact expanded-set requirement makes misclicks and extra open panels costly.


Compact spacing reduces target size, and a long, scrollable list of similar items increases search and selection difficulty.


The target accordion is off-screen within an inner scroll container and must be distinguished among many section titles.


The task only requires acquiring and clicking a single trigger to open a popover; the success state is visually obvious.


Matching a color by appearance requires fine control on continuous sliders and offers weaker semantic observability compared to explicit numeric targets.


Clearing an input field is low complexity and the empty state is plainly visible in the text box.


The agent must disambiguate among three similar instances in a busy dashboard and select the correct color from a dense swatch grid to match a reference.


Task only requires opening the correct popover; single instance and no distractors.


Dark theme and similar neutral swatches increase visual confusability and make targets harder to acquire, especially near the viewport edge.


Two similar instances in a form add disambiguation, but the palette is fixed and selection commits immediately.


Drawer + dropdown layering with explicit Apply confirmation and two similar instances increases depth and disambiguation load.


Adds one extra overlay layer (modal) before interacting with the ColorPicker's own popover; otherwise the HEX entry is straightforward.


Clearing requires targeting a small in-field control; otherwise state is simple and highly observable.


Clearing is a simple state change but requires hitting a small clear button embedded in the input.


Small option list with clear tag chips; single dropdown layer and immediate feedback.


Requires opening a modal layer, editing the tags, and committing via an explicit Save button.

Edit notification tags
Notification tags
Save changes


Formatted paste must be parsed into multiple tags; failures often look superficially correct (one tag vs three), making commit/format precision important.


Two similar Autocomplete instances in a busy form require careful targeting and disambiguation.


The initial value is already set; the task is a straightforward clear/reset action with immediate visible feedback.


Single Autocomplete with a short list of distinct options; straightforward type-and-select interaction.


The target is specified via a visual reference and must be applied to the correct filter among multiple similar Autocomplete instances in a cluttered dashboard.


The target is a strictly formatted identifier and nearby suggestions are confusable; however, the scene contains only one relevant instance.


Two similar targets require selecting the correct instance before activating a common menu item.


Requires setting a single checkable state with visible feedback; otherwise minimal complexity.


Only requires opening a single context menu on a large canvas; no selection or multi-step interaction.


A two-step confirm flow inside a busy settings panel; success requires completing the confirmation step rather than just selecting the item.


Compact spacing increases acquisition difficulty and validation feedback requires committing a valid integer value.


Multi-step creation requires coordinating several edits in a newly inserted row and explicitly saving to commit the new grid state.


Requires using an in-grid filtering control to locate a specific row before editing a single-select cell.


Single checkbox selection in a small table with unique labels and immediate visible feedback.