feat: reduce disruptive UI confirmations (#6688)

* feat: reduce disruptive UI confirmations * fix: keep destructive confirmations red
2026-08-27 12:01:36 +02:00
1 parent 9c441571bc
commit a002b91add
@@ -29,6 +29,9 @@ Alternatively, you can [open the full interactive API reference](/api-reference)
 Many endpoints will require you to authenticate. At the top of the API reference, you'll find a button to authenticate yourself with an API key.
 You can obtain API keys from the "Authentication" tab at the top of the page.
 API keys will not expire and can be used indefinitely.
+When you create a key, its one-time value is shown inline above the key table. Copy it before closing the notice; the
+creation action remains disabled until the value has been acknowledged. Deletion uses a two-click inline confirmation
+instead of opening a separate dialog.

 ### API Key Format

@@ -34,9 +34,11 @@ arrow keys to move through the results and press `Enter` to open the selected bo

 ## Create a new board

-When creating a board, the availability of the board name will be checked for you.
+Select **New board** on the boards management page. The creation form expands in the page, so you can enter the board
+details without opening a dialog or leaving the board list. The availability of the board name is checked as you type.

-![](./img/create-board-modal.png)
+The board menu also keeps duplication in context: select **Duplicate board**, choose the new name in the form below that
+board, and create the copy without navigating to a separate page.

 ### Name

@@ -56,6 +58,9 @@ This will enable public access for everyone - regardless of whether they are log
 This can be really useful if you want to have public boards in your company or for family and friends.
 Modifications for public boards must be allowed explicitly using user groups and their permissions.

+Deleting a board from the management list uses an inline safeguard. Select **Delete**, then select **Confirm** in the
+same menu item. No separate confirmation dialog is opened.
+
 ## Board settings

 You navigate to the board settings by clicking on these three dots:
@@ -405,8 +410,7 @@ nor the integrations the user does not have access to.
 Duplicating a board will create a new board with the same settings, all responsive layouts, and independent positions as the original board.
 Duplicating a board that contains Custom Widgets also requires an administrator.
 You can duplicate a board by clicking on the three dots in the list of boards and selecting "Duplicate board".
-
-![](./img/duplicate-board-modal.png)
+The name form expands below that board card and can be cancelled without leaving the list.

 ## Setting boards as your home board

@@ -30,15 +30,12 @@ Navigate to `Management` > `Tools` > `Certificates`.

 ## Add a certificate

-To add a certificate click on the "Add certificate" button.
+To add a certificate click on the "Add certificate" button. The upload form expands directly on the certificates page.

 ![](./img/add-button.png)

-Then select the certificate file you want to add.
-
-![](./img/add-modal.png)
-
-And click the "Add" button.
+Then select the certificate file you want to add and click the "Add" button. You can cancel to collapse the form without
+leaving the page.

 ## Delete a certificate

@@ -46,7 +43,7 @@ To delete a certificate you can click on the trash icon in the certificate card.

 ![](./img/card.png)

-Then confirm the deletion.
+The first click arms the action and the second click confirms the deletion in place; no confirmation dialog is opened.

 ## Managing it through file system

@@ -114,7 +114,8 @@ The install flow always links to the corresponding public Workshop entry under t
 For example, installing **Tautulli Activity** asks for both the user's Tautulli URL and API key. A stable public source such as PokéAPI keeps its published URL without creating unnecessary setup work.

 Workshop publishes technically valid widgets immediately; users can vote or report them, and Workshop moderators can
-delete submissions. Community moderation is separate from Homarr administration and is not a security boundary.
+delete submissions. The report form expands within the Workshop detail page instead of interrupting the review with a
+dialog. Community moderation is separate from Homarr administration and is not a security boundary.
 Publishers should replace personal private-network hosts with a clear service placeholder before publishing. Homarr
 performs definitive validation again at install time.

@@ -108,7 +108,7 @@ However, you can create as many groups as you'd like.
 ### Creating a group

 Click on the button `New group` to create a new one.
-Homarr will prompt you for a group name.
+The group-name form expands above the group list and can be closed without leaving the page.

 ### Managing a group

@@ -259,7 +259,8 @@ An invitation link can be used indefinitely.

 ### Creating an invitation

-Click on the button:
+Select the create-invitation button. The expiration form expands above the invitation table instead of opening a
+dialog or navigating to another page:

 ![](./img/create-invitation-button.png)

@@ -269,12 +270,12 @@ The default is 4 hours in the future.

 ![](./img/invitation-expiry-date.png)

-Next, click `Create` and you'll get a confirmation with an ID, Token and a link that can be copied:
+Next, click `Create` and the same section shows the ID, Token and a link that can be copied:

 ![](./img/create-invitation-confirmation.png)

 Both ID and Token are also in the URL. Ensure that you copy either ID & Token or the URL - it will never be shown again.
-Clicking the `Copy & close` button will copy the URL to your clipboard.
+Use **Copy** to copy the URL, then close the section when you are finished.

 ### Self-onboarding

@@ -293,3 +294,4 @@ If an invitation needs to be deleted before or after the expiry, the delete butt

 The link will become invalid.
 If the invitation expires, the link will also expire.
+The first click changes the action to **Confirm**; the second click deletes the invitation without opening a dialog.