Skip to content

[tui] Build reusable managed list component with inline CRUD actions #192

@roninjin10

Description

@roninjin10

Build reusable managed list component with inline CRUD actions

Type: engineering
Domain: Codeplane TUI

Create a ManagedList component that extends ScrollableList with inline CRUD action patterns used across settings and org screens. Features: inline add form rendering above the list, inline delete/revoke confirmation prompts below focused row, action keybinding registration (a/c for add, d/x for delete, p/v for contextual actions), action guard states (preventing double-submit, in-flight guards), empty state rendering with action hints, success/error flash messages (green confirmation for 3s, red error with retry), optimistic item removal with revert on error, and focus management after add/delete operations. This is the shared pattern used by Emails, SSH Keys, Tokens, Connected Accounts, Members, and Teams lists. Implementation in apps/tui/src/components/ManagedList.tsx.

Dependencies: tui-sync-toast-flash-system


Auto-generated by smithers workflow

Metadata

Metadata

Assignees

No one assigned

    Labels

    tuiTerminal UI

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions