Feature: Update kdm show command to be interactive

[utkarsh232005]

🎯 Goal

Convert the kdm show command from a static CLI table output into a fully interactive TUI dashboard — similar to tools like k9s, LazyDocker, and btop.

---

📌 Current Behavior

kdm show retrieves and displays workload resources or cluster metadata in plain, formatted tables.

Subcommands:

Subcommand	Description
kdm show runners	Combined table of all active Kubernetes pods and Docker containers
kdm show pods	Kubernetes pods only
kdm show containers	Docker containers only
kdm show nodes	Kubernetes cluster node details
kdm show minikube	Local Minikube profile and connection status

Example usage:

kdm show runners
kdm show pods
kdm show minikube

---

🚀 Proposed Interactive Dashboard

Since KDM is built with Ink (React for CLIs), the goal is to build a fully interactive TUI — not static terminal output.

Architecture

kdm show
   │
   ▼
Ink React Component
   ├── useInput() — keyboard event handler
   ├── useState() — active tab, search query, selected row
   ├── Kubernetes / Docker API layer — fetch resources
   └── Modal overlay component — resource details
   │
   ▼
Terminal UI

Layout

┌─────────────────────────────────────────────────────────┐
│  Pods  |  Containers  |  Nodes  |  Runners  | Minikube │
├─────────────────────────────────────────────────────────┤
│ Search: nginx                                        🔍 │
├─────────────────────────────────────────────────────────┤
│ NAME          STATUS      AGE       CPU      MEMORY    │
│────────────────────────────────────────────────────────│
│ nginx-123     Running     2h        15%      120MB     │
│ backend-api   CrashLoop   30m       40%      300MB     │
│ redis-cache   Running     5h        8%       90MB      │
├─────────────────────────────────────────────────────────┤
│ TAB:Switch  /:Search  ENTER:Details  Q:Quit           │
└─────────────────────────────────────────────────────────┘

User Flow

1. User runs kdm show → default Pods tab loads.
2. Press → / ← or Tab / Shift+Tab to switch between tabs.
3. Press / to activate the search bar — the table filters instantly as you type.
4. Use ↑ / ↓ to navigate rows.
5. Press Enter on a row to open a detail overlay popup:

┌────────────────────────┐
│ nginx-123              │
├────────────────────────┤
│ Status : Running       │
│ CPU    : 15%           │
│ Memory : 120MB         │
│ Node   : worker-01     │
└────────────────────────┘

6. Press Esc to dismiss the overlay. Press Q to quit.

Keyboard Shortcuts

Key	Action
← / → / Tab	Switch tabs
↑ / ↓	Navigate table rows
/	Activate search filter
Enter	Open resource detail overlay
Esc	Close overlay
Q	Quit

Recommended Libraries

Component	Library
Tabs	ink-tab
Search Input	ink-text-input
Table	ink-table
Colors	chalk
Layout	Ink <Box> with flexbox

---

📋 Contribution Workflow

1. Fork the repo and create a feature branch (e.g., feature/interactive-kdm-show).
2. Implement the interactive TUI for kdm show using the layout and flow described above.
3. Submit a PR explicitly linked to this issue (e.g., Closes #135).
4. 📸 Include a screenshot or recording of the implemented UI in your PR to verify the new dashboard experience.