Collection Window Feature

Purpose: Provide an overview list or tree of objects within a namespace or category (e.g., "All Pods", "ns/payments").

Size: Default 540 × 480 px.

Header:

Title (e.g., "pods · ns/payments") with status summary badges (✓ N / ⚠ N / ✗ N).
Filter input (auto‑focused on open) using IBM Plex Mono at 12 px.
Keyboard hint (↑↓ ⌥L/S/D/Y).
Buttons to toggle List vs Tree view.

List Mode:

Row shows shape glyph, name, relation tag (muted), health metric, type badge, view shortcuts (⌥L/S/D/Y), status dot.
Selected row: background: accentDim; border-left: 2px solid accent.
Hover row: background: rgba(255,255,255,.04).
Sorting: degraded/failed first, then pending, then ready; alphabetical within groups.

Tree Mode:

Hierarchical view similar to k9s "xray".
Workloads expand to show their pods; pods expand to show ConfigMaps, Secrets, PVCs.
Services/Ingresses expand to show targets.
Relation tags: pod, configMap, secret, volume, selects, routes, used by.
Indentation 20 px × depth with L‑shaped connector border.
Filtering retains matching nodes and all ancestors so hierarchy stays readable.

Interaction:

Typing filters instantly (no mode switch).
↑/↓ moves selection highlight.
⌥L/S/D/Y opens the respective view for the selected row (same shortcuts as Spotlight).
Enter opens the default view for the selected row.
Escape blurs the filter input.
Mouse‑over the collection window and start typing focuses the filter input.
Resizing follows the same rules as other Detail Windows (sibling windows resize proportionally).

State (CollectionState interface in design docs):

interface CollectionState {
  [wid: string]: {
    search: string;
    view: 'list' | 'tree';
    sel: number; // selected row index
  }
}