Interactive Data Tables

[mohit-nagaraj]

Description:
Create interactive tables for users and workflows with full CRUD operations.

Tasks:

• Update components/users/UserList.tsx with edit/delete functionality
• Add dialog components: npx shadcn-ui@latest add dialog alert-dialog
• Implement inline editing with form dialogs
• Add delete confirmation dialogs
• Create services/workflowService.ts for workflow API calls
• Add real-time table updates after CRUD operations
• Implement optimistic updates for better UX

Table Features:

• Sortable columns (name, created date)
• Action dropdown for each row (edit, delete, duplicate)
• Modal forms for editing users (future workflows)
• Confirmation dialogs for destructive actions
• Loading states for table operations
• Empty states with call-to-action buttons

Dialog Components:

• EditUserDialog: Form to update user details
• DeleteConfirmationDialog: Confirmation for delete operations

Acceptance Criteria:

• Tables display data from authenticated API endpoints
• Users can edit records through modal forms
• Delete operations show confirmation dialogs
• Tables refresh automatically after operations
• Loading states provide clear user feedback
• Empty states guide users to create content

[mohit-nagaraj]

Tracked with issue: KubeOrch/core#8

[Naman-B-Parlecha]

curiosity @mohit-nagaraj umm why have enpoints in this repo?
am i not be seeing the greater scope of this maybe explain please

[mohit-nagaraj]

Claude generated if you find something unusual please change n update it accordingly. There's no endpoints on fe haha

…

On Fri, Aug 22, 2025, 12:27 AM NamanParlecha ***@***.***> wrote: *Naman-B-Parlecha* left a comment (KubeOrch/ui#9) <#9 (comment)> curiosity @mohit-nagaraj <https://github.com/mohit-nagaraj> umm why have enpoints in this repo? am i not be seeing the greater scope of this maybe explain please — Reply to this email directly, view it on GitHub <#9 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZHAGG4DFPWMWRBDV73BDAD3OYJANAVCNFSM6AAAAACEPKEEZSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTEMJRG4ZTSOJTGY> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[mohit-nagaraj]

Also todo:
Description: Build advanced data table

• Create base DataTable component with TypeScript generics
• Add sorting, filtering, and pagination
• Implement column visibility toggle
• Add row selection and bulk actions
• Create loading and empty states

Deliverables: Reusable data table component

[mohit-nagaraj]

Closing: not required for CNCF sandbox milestone. Will re-evaluate post-acceptance.