Skip to content

Improve configuration-page user interaction with dismissible alerts#42

Draft
DanielSarmiento04 with Copilot wants to merge 2 commits into
uifrom
copilot/improve-user-experience-again
Draft

Improve configuration-page user interaction with dismissible alerts#42
DanielSarmiento04 with Copilot wants to merge 2 commits into
uifrom
copilot/improve-user-experience-again

Conversation

Copilot AI commented Apr 3, 2026

Copy link
Copy Markdown

The issue requested improved user experience/user interaction. This change focuses on reducing UI friction in configuration workflows by letting users explicitly clear transient feedback messages.

  • Config page alert interaction

    • Added dismiss controls to both error and success alerts in ConfigPage.
    • Alerts are now user-controlled instead of passively occupying screen space after actions.
  • Alert layout/styling updates

    • Added .alert-message { flex: 1; } so message text and actions align cleanly.
    • Added reusable .alert-close styles (transparent button, inherited color, hover opacity) to keep visuals consistent with existing alert themes.
<button
    class="alert-close"
    type="button"
    aria-label="Dismiss error message"
    on:click=move |_| set_error_message.set(None)
>
    "✕"
</button>

Agent-Logs-Url: https://github.com/DanielSarmiento04/kairos-rs/sessions/367c9495-82fc-48fe-ad5b-401f974588aa

Co-authored-by: DanielSarmiento04 <90324959+DanielSarmiento04@users.noreply.github.com>
Copilot AI changed the title [WIP] Enhance user experience interactions Improve configuration-page user interaction with dismissible alerts Apr 3, 2026
Copilot AI requested a review from DanielSarmiento04 April 3, 2026 16:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants