Skip to content

NOISSUE - Admin UI polish — table bugs, column cleanup, and form improvements#8

Merged
dborovcanin merged 5 commits into
mainfrom
fix-ui
Jun 12, 2026
Merged

NOISSUE - Admin UI polish — table bugs, column cleanup, and form improvements#8
dborovcanin merged 5 commits into
mainfrom
fix-ui

Conversation

@ianmuchyri

@ianmuchyri ianmuchyri commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

What type of PR is this?

This is a bug fix and UI polish update for the admin app. It resolves
several rendering bugs and improves the usability of admin tables and
create forms.

What does this do?

Bug fixes:

  • Fix infinite re-render loop in DataTable caused by unstable filters
    array reference in a useEffect dependency — replaced with a stable
    string key derived from filter keys
  • Fix duplicate React key "actions" in TanStack Table column definitions
    (data column and row-actions column shared the same id) — renamed the
    internal column to _row_actions

Table cleanup:

  • Standardise column header casing to Title Case across roles,
    permission blocks, actions, action applicability, and policies tables
  • Remove the id column from roles, permission blocks, and actions
    tables — IDs remain accessible via the Inspect sheet
  • Remove "Unavailable actions" and "Advanced security surface"
    informational banners from the workspace and policies page

Edit button:

  • Remove (not just disable) the Edit button for resources that do not
    support update operations

Forms:

  • In the permission block create form, show the scope mode description
    only inside the dropdown items, not in the selected value displayed in
    the trigger
  • In the policy create form, constrain the permission block dropdown to a
    max width with text wrapping so long labels do not overflow the layout
  • In the role create form review step, render each selected permission
    block as its own card (with label + action badges) instead of a
    comma-joined string

Docs:

  • Add full-text search to the docs site

Which issue(s) does this PR fix/relate to?

N/A

Have you included tests for your changes?

No — these are UI-only changes (layout, rendering, component wiring).
There are no logic or data-flow changes that require new test coverage.

Did you document any new/modified features?

No new features; all changes are bug fixes or visual polish.

Notes

  • The DataTable fix uses // eslint-disable-next-line react-hooks/exhaustive-deps
    to silence the linter on the intentionally-stable filterKeysStr dependency.
  • UUID values in table cells now render with font-mono text-xs break-all
    inside a w-40 container to prevent overflow into adjacent columns.

@ianmuchyri ianmuchyri changed the title NOISSUE - Fix UI NOISSUE - Admin UI polish — table bugs, column cleanup, and form improvements Jun 12, 2026
Signed-off-by: ianmuchyri <ianmuchiri8@gmail.com>
Signed-off-by: ianmuchyri <ianmuchiri8@gmail.com>
@dborovcanin dborovcanin merged commit d4c1cbb into main Jun 12, 2026
3 checks passed
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