Feature: Add Rename/Delete Actions (3-Dot Menu) for Document Stores in Card and Table Views

[sahil2448]

Feature Description

In the Document Store page, users should have a simple action menu (3 vertical dots) on both Card view and Table view for each document store.

When clicked, it should show:

1. Rename
2. Delete

• Rename should open a dialog where users can edit:
  • document store name
  • document store description
• Delete should remove that document store for real (with confirmation).

This makes store management much easier without opening each store manually.

Feature Category

UI/UX Improvement

Problem Statement

Right now, basic management actions are not easily accessible from the list itself.

Current pain points:

• Users need extra steps to manage a store (rename/delete).
• In table view, after rename/delete, the UI can feel delayed because it refreshes and shows loading skeletons instead of updating immediately.
• On smaller screens, action icons can overlap with existing card elements (status tags), which looks unpolished and may block interaction.

This creates friction for normal users who just want to quickly organize their document stores.

Proposed Solution

Add a consistent per-row/per-card action menu using @tabler/icons-react (IconDotsVertical) in both views.

Behavior:

1. Show 3-dot menu on each document store item.
2. Menu options:
   • Rename → open edit dialog with existing values prefilled.
   • Delete → show confirmation dialog before deletion.
3. On success:
   • update UI instantly (local state update) without full-page refetch where possible.
   • show success/error toast messages.
4. Keep layout responsive:
   • action icon should not overlap status tags or text in card view.
   • placement should remain clean on desktop/tablet/mobile.

Scope:

• Only for Document Store cards and table items.
• No unrelated UI/logic changes.

Mockups or References

Suggested placement:

• Card view: top-right corner action button with safe spacing from status badge/tag.
• Table view: dedicated “Actions” column with 3-dot icon button.
• Similar UX pattern used in many list-management tools (e.g., kebab menu for item-level actions).

Additional Context

This is a quality-of-life improvement for everyday users.
It reduces clicks, improves clarity, and makes document store management feel faster and more professional.

Tech note:

• Use existing icon library: @tabler/icons-react
• Maintain existing permission checks for rename/delete actions.