Skip to content

Web UI Features

Complete feature reference for k13d Web UI with screenshots.


Dashboard

The main dashboard provides a real-time overview of your Kubernetes cluster.

Full Screen Overview

Web UI Full Screen

The main interface consists of three panels:

  • Left: Resource navigation sidebar
  • Center: Resource table with details
  • Right: AI Assistant panel

Center Panel - Resource Table

Center Panel

Feature Description
Resource Table Sortable, filterable table of K8s resources
Status Indicators Color-coded status (Running, Pending, Failed)
Quick Actions One-click View, Edit, Delete, Scale
Namespace Selector Switch between namespaces
Search/Filter Real-time filtering by name, status
Auto-refresh Configurable refresh interval (5s default)

Pod Detail Modal

Pod Detail Modal

Click on any resource to view detailed information including:

  • Full YAML specification
  • Related events
  • Container status
  • Labels and annotations

Cluster Overview

Dedicated overview page showing cluster health at a glance.

Feature Description
Health Cards Nodes Ready, Pods Running, Deployments Healthy, Namespaces
Quick Actions One-click navigation to Pods, Deployments, Services, Topology, Metrics, Helm
Recent Events Latest cluster events with warning/normal indicators
Clean Layout AI panel auto-hides on Overview for a focused view

Topology View

Visualize cluster resources and their relationships.

Cluster Topology (Graph)

Topology View

Interactive graph showing:

  • Deployments, Services, Pods relationships
  • Network connections
  • Resource dependencies

Topology Tree View

Hierarchical resource ownership visualization:

Feature Description
Tree Nodes Collapsible parent-child hierarchy
Namespace Scoping Filter by namespace
Cross-navigation Switch between Graph and Tree views via toolbar

Topology Detail Modal

Topology Modal

Click any node to view resource details and navigate to related resources.


Applications View

App-centric view grouping resources by app.kubernetes.io/name labels.

Web UI Applications View

Feature Description
Auto-grouping Groups Deployments, Services, Pods by app label
Health Badges Color-coded health status per application
Namespace Filter Scope applications to a namespace

Event Timeline

Cluster events visualized in chronological order with time-window grouping and severity indicators.

Web UI Event Timeline

Feature Description
Time-Window Grouping Events grouped by time windows with counts
Severity Indicators Warning/Normal event classification
Resource Filtering Filter events by namespace or resource type
Drill-Down Click events to view details and affected resources

Network Policy Map

Visualize network policies and connectivity rules across your cluster.

Web UI Network Policy Map

Feature Description
Policy Visualization Ingress/egress rule visualization per policy
Pod Selectors See which pods are affected by each policy
Rule Details View allowed ports, protocols, and CIDR blocks
Namespace Scoping Filter policies by namespace

Resource Templates

Pre-built templates for quickly deploying common Kubernetes resources.

Web UI Resource Templates

Feature Description
Template Library Common patterns (Nginx, Redis, PostgreSQL, etc.)
Customizable Edit templates before deploying
One-Click Deploy Deploy resources directly from template

Validate View

Cross-resource validation with severity-based findings.

Feature Description
Severity Levels Critical, Warning, Info classifications
Actionable Suggestions Specific fix recommendations per finding
Cross-view Links Navigate to Reports for full analysis
Namespace Scoping Validate per namespace or cluster-wide

Helm Manager

Full Helm release lifecycle management.

Feature Description
Release List View all Helm releases with status
Release Details Values, manifest, notes per release
History View revision history with rollback support
Rollback One-click rollback to previous revision
Uninstall Remove releases with confirmation

AI Assistant

Integrated AI assistant with natural language understanding and tool execution.

Assistant Panel

AI Assistant Panel

Feature Description
Natural Language Ask questions in plain English/Korean/Chinese/Japanese
Streaming Responses Real-time SSE streaming with live cursor
Context Awareness AI receives YAML, Events, Logs context
Tool Calling Executes kubectl, bash commands
History Conversation history within session

MCP Tool Calling (Debug Mode)

MCP Tool Call Debug

Enable debug mode to see:

  • Tool call requests
  • Raw API responses
  • Execution timing

Required Decision (Approval)

Required Decision

When AI requests a write/dangerous operation:

  1. Approval Dialog appears with command details
  2. Command Preview shows exact command to execute
  3. Safety Warning for dangerous commands
  4. Approve/Reject buttons for user decision

Required Decision Detail


Reports

Generate comprehensive cluster analysis reports with selectable sections.

Report Index

Reports Index

Available report types with generated report history.

Generate Cluster Report

Generate Report

Report Type Description
Cluster Overview Node status, workload summary, health indicators
Security Audit RBAC analysis, network policies, vulnerabilities
Resource Optimization Over-provisioned resources, cost analysis
AI Analysis AI-powered insights and recommendations

Section Selection

When generating a report, you can select which sections to include:

Section Description
Nodes Node health, capacity, and conditions
Namespaces Namespace resource usage summary
Workloads Deployments, StatefulSets, DaemonSets status
Events Recent cluster events and warnings
Security Basic security audit (RBAC, pod security)
Security Full Extended security scan with Trivy vulnerability analysis
FinOps Cost analysis, resource efficiency, optimization suggestions
Metrics CPU/Memory utilization metrics

By default, all standard sections are enabled except Security Full (which requires Trivy and can be slow).

Report Preview

Web UI Cluster Report Preview

Security Assessment Report

Security Assessment

Comprehensive security analysis including:

  • RBAC configuration review
  • Network policy audit
  • Vulnerability assessment

Infrastructure Report

Infrastructure Report

Cluster infrastructure analysis with:

  • Node health status
  • Resource utilization
  • Capacity planning recommendations

FinOps Cost Analysis

FinOps Report

Cost optimization insights:

  • Resource utilization analysis
  • Over-provisioned workloads
  • Cost reduction recommendations

Custom Resource Detail View

Custom Resources (CRDs) display a rich detail modal with the same quality as built-in resources.

Feature Description
Overview Tab Auto-generated overview with status badge, metadata, key fields from printer columns, spec/status summary, conditions table, labels, and annotations
YAML Tab Full YAML manifest of the Custom Resource
Events Tab Related Kubernetes events for the resource
Status Detection Automatic status extraction from conditions, phase, or state fields
Printer Columns CRD-defined additionalPrinterColumns resolved via JSONPath

Metrics & Monitoring

Real-time and historical metrics visualization with Chart.js.

Metrics Dashboard

Metrics Dashboard

Metric Description
CPU Usage Real-time and historical CPU consumption
Memory Usage Real-time and historical memory utilization
Pod Count Running pod count over time
Node Health Ready node count over time

Historical Data

Metrics are collected every minute and stored in SQLite for historical analysis:

  • Time Ranges: 5m, 15m, 30m, 1h, 6h, 24h
  • Default Range: 30 minutes
  • Collect Now: Trigger immediate metrics collection via the Collect button
  • Fallback Charts: When metrics-server is unavailable, Pod Count and Node Count charts are shown instead of CPU/Memory

Terminal & Logs

Interactive pod access and log viewing.

Pod Terminal

Pod Terminal

Feature Description
xterm.js Full terminal emulator in browser
Container Selection Multi-container pod support
Shell Selection /bin/bash, /bin/sh options
Copy/Paste Clipboard support
Resize Automatic terminal resize

Log Viewer

Log Viewer

Feature Description
Real-time Streaming Live log tail with auto-scroll
ANSI Colors Full color support
Filter/Search Filter logs by pattern
Download Export logs to file
Previous Logs View crashed container logs
Multi-container Select container for multi-container pods

Port Forward

Forward container ports to local machine.

Port Forward Management

Port Forward

Feature Description
Create Start new port forward session
Local Port Custom local port selection
Container Port Select target container port
Status Active/Stopped indicator
Stop/Restart Manage forwarding sessions

Settings

Graphical configuration interface.

LLM Settings

LLM Settings

Setting Description
Provider OpenAI, Ollama, Anthropic, Gemini, etc.
Model Select model (gpt-4, llama3.2, etc.)
Endpoint Custom API endpoint
API Key Provider API key
Temperature Response creativity (0-1)

MCP Servers

MCP Settings

Configure Model Context Protocol servers:

  • Add Server - Configure new MCP server
  • Enable/Disable - Toggle server activation
  • Arguments - Command line arguments
  • Environment - Environment variables

User Management

Add New User

Create and manage user accounts:

Feature Description
Add User Create new user account
Edit User Modify user settings
Delete User Remove user account
Role Assignment Assign roles (admin, user, viewer)

Theme / Skin Selector

Choose from 5 color themes in Settings > General:

Theme Description
Tokyo Night Default dark theme with blue accents
Production Red-accented dark theme (warns you're in production)
Staging Yellow-accented dark theme
Development Green-accented dark theme
Light Clean light theme with professional colors

Theme selection persists in localStorage and auto-detects system preference.

Authentication Control

Auth Control

Admin controls for user authentication:

  • Enable/disable user accounts
  • Reset passwords
  • Manage session timeouts

Authentication

Multiple authentication options for different environments.

Login Page

Login Page

Mode Description
Local Username/password stored locally
Token Kubernetes ServiceAccount token
LDAP LDAP/Active Directory integration
SSO OAuth2/OIDC integration
No Auth Disabled (development only)

Search & Filtering

Find resources quickly across your cluster.

Global Search

Feature Description
Quick Search Ctrl+K to open search
Type Filter Filter by resource type
Namespace Filter Scope to namespace
Status Filter Filter by status
Regex Support Pattern matching

Keyboard Shortcuts

Efficient navigation with keyboard.

Keyboard Shortcuts

Shortcut Action
Ctrl+K Open search
J / K Navigate up/down
Enter View details
D Describe resource
L View logs
T Open terminal
Esc Close modal

Architecture Support

Deploy k13d on various platforms.

Supported Platforms

Platform Support
Linux amd64 ✅ Full support
Linux arm64 ✅ Full support
macOS Intel ✅ Full support
macOS Apple Silicon ✅ Full support
Windows amd64 ✅ Full support

Kubernetes Support

Feature Description
ServiceAccount Run with K8s ServiceAccount
RBAC Respect K8s RBAC permissions
In-cluster Deploy as pod in cluster
Out-of-cluster Run locally with kubeconfig

Docker Compose

Quick local deployment with Docker Compose.

Compose Configuration

version: '3.8'
services:
  k13d:
    image: cloudbro/k13d:latest
    ports:
      - "8080:8080"
    volumes:
      - ~/.kube:/root/.kube:ro
    environment:
      - OPENAI_API_KEY=${OPENAI_API_KEY}

With Ollama

version: '3.8'
services:
  k13d:
    image: cloudbro/k13d:latest
    ports:
      - "8080:8080"
    environment:
      - LLM_PROVIDER=ollama
      - LLM_ENDPOINT=http://ollama:11434
  ollama:
    image: ollama/ollama:latest