diff --git a/Makefile b/Makefile
index 7ff4a81dc..f921c7853 100644
--- a/Makefile
+++ b/Makefile
@@ -60,6 +60,10 @@ build-all-platforms: clean tidy format lint ## Build the project for all platfor
 test: ## Run the tests
 	go test -count=1 -v ./...
 
+.PHONY: test-browser
+test-browser: ## Run browser-based tests (requires Chromium, auto-downloaded by Rod on first run)
+	go test -count=1 -v -tags browser ./pkg/mcpapps/...
+
 .PHONY: test-update-snapshots
 test-update-snapshots: ## Update test snapshots for toolset tests
 	UPDATE_TOOLSETS_JSON=1 go test -count=1 -v ./pkg/mcp
@@ -167,5 +171,24 @@ local-env-teardown: ## Tear down the local Kind cluster
 print-git-tag-version: ## Print the GIT_TAG_VERSION
 	@echo $(GIT_TAG_VERSION)
 
+##@ MCP Apps
+
+HTM_VERSION ?= 3.1.1
+CHART_JS_VERSION ?= 4.4.8
+PRISM_VERSION ?= 1.30.0
+MCP_APPS_VENDOR_DIR ?= pkg/mcpapps/vendor
+
+.PHONY: vendor-js
+vendor-js: ## Download vendored JavaScript dependencies for MCP Apps
+	@mkdir -p $(MCP_APPS_VENDOR_DIR)
+	curl -sL "https://cdn.jsdelivr.net/npm/htm@$(HTM_VERSION)/preact/standalone.umd.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/htm-preact-standalone.umd.js
+	curl -sL "https://cdn.jsdelivr.net/npm/chart.js@$(CHART_JS_VERSION)/dist/chart.umd.min.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/chart.umd.min.js
+	curl -sL "https://cdn.jsdelivr.net/npm/prismjs@$(PRISM_VERSION)/components/prism-core.min.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/prism-core.min.js
+	curl -sL "https://cdn.jsdelivr.net/npm/prismjs@$(PRISM_VERSION)/components/prism-yaml.min.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/prism-yaml.min.js
+
 # Include build configuration files
 -include build/*.mk
diff --git a/docs/README.md b/docs/README.md
index 4994aef29..d09c6b4a8 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -31,6 +31,7 @@ Living documentation for implemented and planned features:
 
 | Spec | Description | Status |
 |------|-------------|--------|
+| **[MCP Apps](specs/mcp-apps.wip.md)** | Interactive HTML-based UIs for tool results via MCP Apps extension | In Progress |
 | **[Validation](specs/validation.md)** | Pre-execution validation layer (resource existence, schema, RBAC) | Implemented |
 
 ## Advanced Topics
diff --git a/docs/specs/mcp-apps.wip.md b/docs/specs/mcp-apps.wip.md
new file mode 100644
index 000000000..ffa1e8205
--- /dev/null
+++ b/docs/specs/mcp-apps.wip.md
@@ -0,0 +1,1770 @@
+# MCP Apps
+
+MCP Apps enables tools to return interactive HTML-based UIs rendered in sandboxed iframes by MCP hosts. This document describes the architecture, design decisions, and configuration for the MCP Apps integration.
+
+**Issue**: [containers/kubernetes-mcp-server#753](https://github.com/containers/kubernetes-mcp-server/issues/753)
+
+## Table of Contents
+
+- [1. What Are MCP Apps](#1-what-are-mcp-apps)
+- [2. Go-SDK Support](#2-go-sdk-support)
+- [3. Styling and CSS Isolation](#3-styling-and-css-isolation)
+- [4. Multiple Widgets and Tool Call Accumulation](#4-multiple-widgets-and-tool-call-accumulation)
+- [5. Frontend Stack Decision](#5-frontend-stack-decision)
+- [6. MCP postMessage Protocol](#6-mcp-postmessage-protocol)
+- [7. Configuration: Opt-In Feature](#7-configuration-opt-in-feature)
+- [8. Architecture](#8-architecture)
+- [9. Output Layer](#9-output-layer)
+- [10. Per-Tool Resource URIs and Dual-Flow Viewer](#10-per-tool-resource-uris-and-dual-flow-viewer)
+- [11. structuredContent Object Wrapping](#11-structuredcontent-object-wrapping)
+- [12. Model Context Visibility: `content` vs `structuredContent`](#12-model-context-visibility-content-vs-structuredcontent)
+- [13. Known Compatibility Notes](#13-known-compatibility-notes)
+- [14. YAML Syntax Highlighting](#14-yaml-syntax-highlighting)
+- [Appendix A: Research and Development Journal](#appendix-a-research-and-development-journal)
+
+---
+
+## 1. What Are MCP Apps
+
+MCP Apps is the first official extension to the Model Context Protocol (spec version 2026-01-26).
+It enables MCP tools to return interactive HTML-based UIs rendered in sandboxed iframes by the
+MCP host (VS Code, Claude Desktop, ChatGPT, etc.).
+
+The flow:
+
+1. **Tool definition** declares `_meta.ui.resourceUri` pointing to a `ui://` resource
+2. **Model calls the tool** — host executes it on the server
+3. **Host fetches the UI resource** — gets HTML via MCP `resources/read`
+4. **Host renders in sandboxed iframe** — passes tool data via `postMessage`
+5. **Bidirectional communication** — app can call server tools via JSON-RPC over `postMessage`
+
+Extension identifier: `io.modelcontextprotocol/ui`
+
+Supported hosts: VS Code (Insiders and Stable), Claude (web/desktop), ChatGPT, Goose, Postman, MCPJam.
+
+Key specification sources:
+- [MCP Apps Specification (2026-01-26)](https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/2026-01-26/apps.mdx)
+- [MCP Apps Documentation](https://modelcontextprotocol.io/docs/extensions/apps)
+- [ext-apps SDK Repository](https://github.com/modelcontextprotocol/ext-apps)
+
+## 2. Go-SDK Support
+
+The go-sdk (v1.4.0) added an `Extensions` field to both `ServerCapabilities` and
+`ClientCapabilities` per SEP-2133.
+
+API surface:
+
+```go
+// On ServerCapabilities
+Extensions map[string]any `json:"extensions,omitempty"`
+func (c *ServerCapabilities) AddExtension(name string, settings map[string]any)
+
+// On ClientCapabilities
+Extensions map[string]any `json:"extensions,omitempty"`
+func (c *ClientCapabilities) AddExtension(name string, settings map[string]any)
+```
+
+Both `AddExtension` methods normalize `nil` settings to `map[string]any{}` (spec requires
+an object, not null).
+
+### Usage for MCP Apps capability negotiation
+
+**Server declares support** (in `initialize` response):
+```json
+{
+  "capabilities": {
+    "extensions": {
+      "io.modelcontextprotocol/ui": {}
+    }
+  }
+}
+```
+
+**Client declares support** (in `initialize` request):
+```json
+{
+  "capabilities": {
+    "extensions": {
+      "io.modelcontextprotocol/ui": {
+        "mimeTypes": ["text/html;profile=mcp-app"]
+      }
+    }
+  }
+}
+```
+
+In Go (`pkg/mcp/mcp.go`):
+```go
+caps.AddExtension("io.modelcontextprotocol/ui", nil)
+```
+
+## 3. Styling and CSS Isolation
+
+### Spec guarantees
+
+**CSS isolation is not a concern.** The MCP Apps specification mandates that all app views
+run inside **sandboxed iframes**. This provides complete CSS isolation by design:
+
+- Views have no access to the host's DOM, cookies, or storage
+- All communication passes through `postMessage`
+- App CSS cannot leak into the host; host CSS cannot reach the app
+- Each app runs in its own isolated context
+
+This means Shadow DOM, `@scope`, `all: initial`, and other CSS isolation techniques are
+**unnecessary** for MCP Apps.
+
+### Theming
+
+The viewer applies host theme and CSS variables per the MCP Apps spec.
+
+#### How theming works (per spec)
+
+The host does **not** inject CSS variables directly into the iframe's DOM. Instead:
+
+1. Host sends `hostContext.theme` (`"dark"` or `"light"`) and optionally
+   `hostContext.styles.variables` (a `Record<string, string>` of CSS custom properties)
+   via the `ui/initialize` response.
+2. The **view is responsible** for applying these — calling
+   `document.documentElement.style.colorScheme = theme` and iterating
+   `styles.variables` with `style.setProperty(key, value)`.
+3. Theme updates are communicated via `ui/notifications/host-context-changed`.
+
+This is implemented in `viewer/app.js` via `applyTheme()` and `applyStyleVariables()`,
+called from both the `initialize()` handler and the `host-context-changed` handler.
+
+#### CSS variable names (spec-defined)
+
+The spec defines ~65 CSS custom properties across these categories:
+
+- **Background**: `--color-background-primary`, `-secondary`, `-tertiary`, `-inverse`,
+  `-ghost`, `-info`, `-danger`, `-success`, `-warning`, `-disabled`
+- **Text**: `--color-text-primary`, `-secondary`, `-tertiary`, etc.
+- **Border**: `--color-border-primary`, `-secondary`, etc.
+- **Ring/Focus**: `--color-ring-primary`, `-secondary`, etc.
+- **Typography**: `--font-sans`, `--font-mono`, `--font-weight-*`, `--font-text-*-size`,
+  `--font-heading-*-size`, line heights
+- **Border radius**: `--border-radius-xs` through `-full`
+- **Shadows**: `--shadow-hairline`, `-sm`, `-md`, `-lg`
+
+Spacing is intentionally excluded (layouts break when spacing varies).
+
+#### Fallback strategy: `light-dark()` CSS function
+
+Since hosts may provide inconsistent variable subsets (or none at all — MCP Inspector
+only provides `theme`, not `styles.variables`), all CSS uses `var()` with `light-dark()`
+fallbacks:
+
+```css
+body {
+  background: var(--color-background-primary, light-dark(#ffffff, #1a1a1a));
+  color: var(--color-text-primary, light-dark(#1a1a2e, #e5e7eb));
+}
+```
+
+The `light-dark()` CSS function selects the correct value based on the `color-scheme`
+property set by `applyTheme()`. This means:
+- If the host provides CSS variables → those are used
+- If not → `light-dark()` picks the right fallback based on the theme
+
+For Chart.js (which uses canvas, not CSS), colors are read from
+`document.documentElement.getAttribute('data-theme')` at chart creation time.
+
+#### Real-time theme switching
+
+Real-time theme changes on already-rendered content require the host to send
+`host-context-changed` notifications — this is the host's responsibility per the spec.
+CSS-only elements (tables, text, borders) update automatically via `light-dark()` when
+`color-scheme` changes. Canvas-based elements (Chart.js) are created with the correct
+theme at render time but don't live-update without a re-render.
+
+**MCP Inspector limitation**: The Inspector computes `hostContext` once with
+`useMemo([], [])` and does not send `host-context-changed` on theme toggle.
+This is a known limitation of the Inspector, not something the viewer can work around
+from inside a sandboxed iframe.
+
+The `prefersBorder` metadata allows apps to request border/background treatment from the host.
+
+### Known issues
+
+- Different hosts provide inconsistent CSS variable subsets
+  ([ext-apps #382](https://github.com/modelcontextprotocol/ext-apps/issues/382))
+- Platform-specific styling pressure — Claude, ChatGPT, VS Code each have their own guidelines
+  ([ext-apps #467](https://github.com/modelcontextprotocol/ext-apps/issues/467))
+- `autoResize: true` causes layout bugs including infinite growth loops
+  ([ext-apps #502](https://github.com/modelcontextprotocol/ext-apps/issues/502))
+- MCP Inspector does not send `host-context-changed` on theme toggle (computed once)
+
+### Recommendation
+
+- Always provide CSS variable fallback values using `light-dark()` for theme awareness
+- Treat all host-provided variables as optional
+- Use `autoResize: false` + explicit height + manual `sendSizeChanged()` for predictable sizing
+- Set `prefersBorder` explicitly
+
+### Default Content Security Policy
+
+When `ui.csp` is omitted, the default CSP is:
+```
+default-src 'none';
+script-src 'self' 'unsafe-inline';
+style-src 'self' 'unsafe-inline';
+img-src 'self' data:;
+media-src 'self' data:;
+connect-src 'none';
+```
+
+This means:
+- Inline `<script>` and `<style>` tags work (`'unsafe-inline'`)
+- No external network requests (`connect-src 'none'`)
+- No CDN imports possible without declaring them in `_meta.ui.csp`
+
+## 4. Multiple Widgets and Tool Call Accumulation
+
+### Spec behavior
+
+**Each tool call with `_meta.ui.resourceUri` creates a separate iframe** (1:1 mapping).
+The spec does NOT address widget accumulation or consolidation.
+
+Evidence from the specification:
+- The lifecycle diagram shows "Host renders View in an iframe" for each tool call
+- `McpUiHostContext.toolInfo` is singular (not an array) — each iframe knows its one tool
+- `ontoolresult` is called exactly once per iframe lifecycle
+- The `AppBridge` (host-side SDK) manages one view per instance
+
+If an agent calls 5 tools with UI in one turn, the host creates 5 separate iframes.
+
+### Consolidation mechanism: `callServerTool()` + `visibility: ["app"]`
+
+The spec provides a pull-based pattern for consolidation:
+
+- **`visibility: ["app"]`** — hides a tool from the model, making it callable only from within
+  an app iframe
+- **`app.callServerTool()`** — allows an app to call any server tool, including app-only tools
+
+**Pattern from the system-monitor example:**
+```
+1. Model calls get-system-info (model-visible, has _meta.ui) → creates widget
+2. Widget calls poll-system-stats (app-only) via callServerTool() → gets live data
+3. Widget renders a consolidated dashboard
+```
+
+### Impact assessment for "app per tool"
+
+With every tool having `_meta.ui.resourceUri`, typical agent behavior:
+- 1-3 tool calls per turn → 1-3 inline widgets (acceptable UX)
+- 5-10 tool calls per turn → 5-10 iframes (potentially noisy but each replaces text output)
+
+**Mitigation strategies:**
+- Keep widgets compact (controlled height via `sendSizeChanged()`)
+- Use `IntersectionObserver` to pause off-screen widgets (performance)
+- A widget can call `callServerTool()` to show related data (reducing need for separate calls)
+
+### Display modes
+
+Apps can request different display modes:
+- **`inline`** — embedded in chat flow (hosts MUST support this)
+- **`fullscreen`** — takes over window
+- **`panel`** — side panel
+- **`pip`** — picture-in-picture overlay
+
+## 5. Frontend Stack Decision
+
+### Decision: Preact + HTM + Chart.js (no build step)
+
+| Library | Raw Size | Verdict |
+|---------|----------|---------|
+| `htm@3.1.1/preact/standalone.umd.js` | ~13 KB | Preact + HTM + Hooks in one UMD bundle |
+| `chart.js@4.4.8/dist/chart.umd.min.js` | ~205 KB | Bar charts for metrics visualization |
+| `prismjs@1.30.0` (core + YAML) | ~9.4 KB | YAML syntax highlighting (see [Section 13](#14-yaml-syntax-highlighting)) |
+| MCP protocol (custom implementation) | ~2 KB | JSON-RPC over postMessage |
+| **Total** | **~230 KB** | |
+
+**Why Preact over Alpine.js:**
+- Component model matches "data in, UI out" widget pattern
+- Hooks (`useState`, `useEffect`, `useRef`, etc.) provide clean state management
+- Better composability for complex UIs (tables, dashboards)
+- Smaller total footprint
+- React ecosystem knowledge transfers directly
+
+**Why not HTMX:**
+HTMX expects HTTP requests (`hx-get="/endpoint"`) and server-returned HTML fragments.
+MCP Apps communicate via postMessage/JSON-RPC through the host. Fundamental architecture mismatch.
+
+**Why implement MCP protocol directly (not SDK):**
+- SDK is 314 KB (74 KB gzipped), mostly Zod schema validation
+- The actual protocol is ~80 lines of vanilla JS
+- Spec explicitly states the SDK is optional
+- Spec includes a working inline implementation example
+- No schema validation needed on the app side (host validates)
+
+**Why Chart.js:**
+- Metrics data (`pods_top`) benefits from visual bar charts for CPU and memory
+- UMD build works in IIFE context without module system
+- Responsive and theme-friendly (integrates with CSS variables)
+
+### Single-file constraint
+
+MCP `resources/read` returns HTML as a text string via JSON-RPC. The host renders it
+in an iframe (via `srcdoc` or blob URL). Therefore:
+
+- **Import maps with relative paths won't work** (no origin to resolve against)
+- **All JS must be inline** in `<script>` tags
+- **CDN imports blocked** by default CSP (`connect-src 'none'`)
+
+### Multi-file source, single-file output
+
+While the final HTML delivered to the host must be a single file with all JS/CSS inlined,
+the **source code** is organized into separate files under `pkg/mcpapps/viewer/` for
+maintainability. At startup, Go's `embed.FS` reads all files and assembles them via
+placeholder replacement (`INJECT_*` → file contents), cached with `sync.Once`.
+
+### Vendoring strategy
+
+- **Makefile target** (`make vendor-js`) downloads minified files from jsdelivr CDN
+- **Files committed to repo** — always available for airgapped builds
+- **Makefile used for version bumps** — re-run when updating library versions
+
+Actual Makefile target:
+
+```makefile
+HTM_VERSION ?= 3.1.1
+CHART_JS_VERSION ?= 4.4.8
+PRISM_VERSION ?= 1.30.0
+MCP_APPS_VENDOR_DIR ?= pkg/mcpapps/vendor
+
+.PHONY: vendor-js
+vendor-js:
+	@mkdir -p $(MCP_APPS_VENDOR_DIR)
+	curl -sL "https://cdn.jsdelivr.net/npm/htm@$(HTM_VERSION)/preact/standalone.umd.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/htm-preact-standalone.umd.js
+	curl -sL "https://cdn.jsdelivr.net/npm/chart.js@$(CHART_JS_VERSION)/dist/chart.umd.min.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/chart.umd.min.js
+	curl -sL "https://cdn.jsdelivr.net/npm/prismjs@$(PRISM_VERSION)/components/prism-core.min.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/prism-core.min.js
+	curl -sL "https://cdn.jsdelivr.net/npm/prismjs@$(PRISM_VERSION)/components/prism-yaml.min.js" \
+		-o $(MCP_APPS_VENDOR_DIR)/prism-yaml.min.js
+```
+
+## 6. MCP postMessage Protocol
+
+### Protocol overview
+
+JSON-RPC 2.0 over `window.parent.postMessage()`. Implemented in `viewer/protocol.js`
+(~80 lines) and exposed as `window.mcpProtocol` namespace.
+
+### Essential messages
+
+**Initialization handshake (required):**
+1. App → Host: `ui/initialize` request (with appInfo, capabilities, protocolVersion)
+2. Host → App: response with hostInfo, hostCapabilities, hostContext (includes toolInfo)
+3. App → Host: `ui/notifications/initialized` notification
+
+**Data flow (receive):**
+- `ui/notifications/tool-input` — tool call arguments (sent once after init)
+- `ui/notifications/tool-result` — tool execution result (sent once)
+- `ui/notifications/host-context-changed` — theme changes
+- `ui/resource-teardown` — cleanup before iframe destruction
+
+**App-initiated (send):**
+- `tools/call` — call a server tool (`callServerTool()`)
+- `ui/notifications/size-changed` — resize notification
+- `ping` — respond to health checks
+
+### Implementation
+
+The protocol is implemented in `viewer/protocol.js` as an IIFE that exposes
+`window.mcpProtocol` with the following API:
+
+```javascript
+window.mcpProtocol = {
+  initialize: initialize,       // → Promise<{hostContext, hostInfo, ...}>
+  onNotification: onNotification, // (method, handler) → void
+  onRequest: onRequest,         // (method, handler) → void
+  sendRequest: sendRequest,     // (method, params) → Promise
+  sendNotification: sendNotification // (method, params) → void
+};
+```
+
+### Data available after initialization
+
+```javascript
+const { hostContext } = await initialize();
+// hostContext.toolInfo.tool.name → which tool created this iframe
+// hostContext.toolInfo.tool.inputSchema → tool's parameter schema
+// hostContext.toolInfo.id → JSON-RPC request ID of the tools/call
+// hostContext.theme → "dark" or "light"
+// hostContext.styleVariables → CSS custom properties from host
+```
+
+## 7. Configuration: Opt-In Feature
+
+MCP Apps is an **opt-in feature** controlled by configuration, disabled by default.
+
+### Configuration flag
+
+In `StaticConfig` (`pkg/config/config.go`):
+
+```go
+// AppsEnabled enables MCP Apps interactive UI extensions.
+// When true, tools expose a _meta.ui.resourceUri field and the server
+// registers the viewer HTML as a ui:// resource.
+AppsEnabled bool `toml:"apps_enabled,omitempty"`
+```
+
+TOML configuration:
+```toml
+apps_enabled = true
+```
+
+CLI flag (`pkg/kubernetes-mcp-server/cmd/root.go`):
+```
+--apps    Enable MCP Apps interactive UI extensions
+```
+
+### What the flag controls
+
+**When `apps_enabled = false` (default):**
+- No `io.modelcontextprotocol/ui` extension in server capabilities
+- `Resources` capability remains `nil` (unchanged from current behavior)
+- No `ui://` resource registered
+- Tools have no `_meta.ui` field (Meta stays nil)
+- Behavior is identical to current server — zero overhead, zero side effects
+
+**When `apps_enabled = true`:**
+- Server declares `io.modelcontextprotocol/ui` extension via `AddExtension()`
+- `Resources` capability enabled (`&mcp.ResourceCapabilities{}`)
+- Per-tool `ui://kubernetes-mcp-server/tool/{toolName}` resources registered (one per enabled tool)
+- All tools get `_meta.ui.resourceUri` pointing to their per-tool resource (via `WithAppsMeta()` mutator)
+- Tools return `structuredContent` alongside text for UI consumption
+- Array-typed `structuredContent` is wrapped in `{"items": [...]}` for MCP spec compliance
+
+### Implementation details
+
+The flag is checked at three points:
+
+1. **Server capabilities** (`pkg/mcp/mcp.go`):
+   ```go
+   if configuration.AppsEnabled {
+       caps.AddExtension("io.modelcontextprotocol/ui", nil)
+       caps.Resources = &mcp.ResourceCapabilities{}
+   }
+   ```
+
+2. **Per-tool resource registration** (`pkg/mcp/mcp.go` — `registerMCPAppResources(toolNames)`):
+   Called during `reloadToolsets()` to register one `ui://` resource per enabled tool.
+   Each resource returns assembled HTML with the tool name injected via
+   `mcpapps.ViewerHTMLForTool(toolName)`.
+
+3. **Tool Meta injection** (`pkg/mcp/tool_mutator.go` — `WithAppsMeta()`):
+   A centralized `ToolMutator` that injects `_meta.ui` with a per-tool resource URI
+   into every tool. Applied during tool registration, so **no changes to individual
+   toolset files** are needed.
+   ```go
+   func WithAppsMeta() ToolMutator {
+       return func(tool api.ServerTool) api.ServerTool {
+           if tool.Tool.Meta == nil {
+               tool.Tool.Meta = mcpapps.ToolMetaForTool(tool.Tool.Name)
+           }
+           return tool
+       }
+   }
+   ```
+
+### Configuration flow
+
+The existing configuration loading chain supports this naturally:
+
+```
+BaseDefault() → config.toml → conf.d/*.toml → CLI flags
+                (apps_enabled = true)           (--apps)
+```
+
+The flag is also compatible with dynamic reload via `SIGHUP` — when toggled at runtime,
+the server can re-register tools with or without `_meta.ui` on the next `reloadToolsets()`.
+
+### Interaction with other config options
+
+- **`read_only = true`**: MCP Apps still works, showing only read-only tool results
+- **`disable_destructive = true`**: MCP Apps works for non-destructive tools
+- **`enabled_tools` / `disabled_tools`**: Only applicable tools get the UI; filtered
+  tools are not affected
+- **`stateless = true`**: Compatible — MCP Apps uses Resources (static), not tool
+  list change notifications
+
+## 8. Architecture
+
+### High-level architecture
+
+```
+┌─────────────────────────────────────────────────────┐
+│  MCP Host (Claude, VS Code, ChatGPT, etc.)          │
+│                                                      │
+│  ┌────────────────────────────────────────────────┐  │
+│  │  Sandboxed iframe (one per tool call)          │  │
+│  │                                                │  │
+│  │  viewer.html (per-tool, assembled at startup)  │  │
+│  │  ├── Inline: htm/preact/standalone (~13 KB)    │  │
+│  │  ├── Inline: Chart.js UMD         (~205 KB)    │  │
+│  │  ├── Inline: Prism.js core+YAML   (~9.4 KB)   │  │
+│  │  ├── Inline: protocol.js           (~2 KB)     │  │
+│  │  ├── Inline: components.js         (~5 KB)     │  │
+│  │  ├── Inline: window.__mcpToolName = 'X'        │  │
+│  │  └── Inline: app.js               (~3 KB)      │  │
+│  │      Dual flow:                                │  │
+│  │        1. tool-result → render (spec-compliant)│  │
+│  │        2. tool-input → call tool via           │  │
+│  │           serverTools → render (fallback)      │  │
+│  └────────────────────────────────────────────────┘  │
+│                     ↕ postMessage (JSON-RPC 2.0)     │
+└─────────────────────────────────────────────────────┘
+                      ↕ MCP protocol
+┌─────────────────────────────────────────────────────┐
+│  kubernetes-mcp-server (Go binary)                   │
+│                                                      │
+│  ServerCapabilities:                                 │
+│    extensions: {"io.modelcontextprotocol/ui": {}}    │
+│    resources: {}                                     │
+│                                                      │
+│  Per-tool resources (registered in reloadToolsets):  │
+│    uri: ui://kubernetes-mcp-server/tool/{toolName}  │
+│    mimeType: text/html;profile=mcp-app               │
+│    content: embed.FS → assembled per-tool            │
+│                                                      │
+│  Every tool (via WithAppsMeta mutator):              │
+│    _meta.ui.resourceUri → per-tool resource URI      │
+│    Handler returns text + structuredContent           │
+│    (arrays wrapped in {"items": [...]} for spec)     │
+└─────────────────────────────────────────────────────┘
+```
+
+### Package structure
+
+```
+pkg/mcpapps/
+├── mcpapps.go          # embed.FS, ViewerHTMLForTool(), ToolMetaForTool(), ToolResourceURI()
+├── mcpapps_test.go     # 19 tests: per-tool HTML, embed.FS, placeholders, constants
+├── viewer/
+│   ├── viewer.html     # HTML shell with INJECT_* placeholders (~38 lines)
+│   ├── style.css       # All CSS + Chart.js container (~60 lines)
+│   ├── protocol.js     # MCP postMessage protocol → window.mcpProtocol (~100 lines)
+│   ├── components.js   # SortableTable, TableView, MetricsTable, GenericView → window.mcpComponents (~150 lines)
+│   └── app.js          # App root + dual-flow + render/mount (~130 lines)
+└── vendor/
+    ├── htm-preact-standalone.umd.js   # ~13 KB (htm@3.1.1)
+    ├── chart.umd.min.js              # ~205 KB (chart.js@4.4.8)
+    ├── prism-core.min.js             # ~7.5 KB (prismjs@1.30.0)
+    └── prism-yaml.min.js             # ~1.9 KB (prismjs@1.30.0)
+```
+
+### HTML assembly (mcpapps.go)
+
+HTML assembly uses a two-stage process:
+
+1. **Base HTML** (`buildBaseHTML`): reads all embedded files and performs 6 placeholder
+   replacements (CSS, vendor libs, application scripts), cached via `sync.Once`.
+2. **Per-tool HTML** (`ViewerHTMLForTool`): replaces `INJECT_TOOL_NAME` with the
+   specific tool name, cached per-tool via `sync.Map`.
+
+```go
+//go:embed viewer vendor
+var embeddedFS embed.FS
+
+var (
+    baseHTML      string
+    buildOnce     sync.Once
+    toolHTMLCache sync.Map // map[string]string — per-tool assembled HTML
+)
+
+func buildBaseHTML() string {
+    buildOnce.Do(func() {
+        baseHTML = mustReadFile("viewer/viewer.html")
+        baseHTML = strings.Replace(baseHTML, "INJECT_CSS", mustReadFile("viewer/style.css"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_HTM_PREACT", mustReadFile("vendor/htm-preact-standalone.umd.js"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_CHART_JS", mustReadFile("vendor/chart.umd.min.js"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_PRISM_CORE", mustReadFile("vendor/prism-core.min.js"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_PRISM_YAML", mustReadFile("vendor/prism-yaml.min.js"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_PROTOCOL_JS", mustReadFile("viewer/protocol.js"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_COMPONENTS_JS", mustReadFile("viewer/components.js"), 1)
+        baseHTML = strings.Replace(baseHTML, "INJECT_APP_JS", mustReadFile("viewer/app.js"), 1)
+    })
+    return baseHTML
+}
+
+func ViewerHTMLForTool(toolName string) string {
+    if cached, ok := toolHTMLCache.Load(toolName); ok {
+        return cached.(string)
+    }
+    html := strings.Replace(buildBaseHTML(), "INJECT_TOOL_NAME", toolName, 1)
+    actual, _ := toolHTMLCache.LoadOrStore(toolName, html)
+    return actual.(string)
+}
+```
+
+Script load order in `viewer.html`: vendor libs first (htm-preact, Chart.js,
+Prism core + YAML grammar), then protocol → components → tool name injection → app.
+
+### JS namespace communication
+
+The three application scripts communicate via window namespace objects:
+
+- `viewer/protocol.js` → exposes `window.mcpProtocol`
+- `viewer/components.js` → exposes `window.mcpComponents` (reads `window.htmPreact`)
+- `viewer/app.js` → reads both `window.mcpProtocol` and `window.mcpComponents`
+
+### Dual-flow viewer behavior
+
+Each tool gets its own viewer HTML with `window.__mcpToolName` set to the tool name.
+The viewer supports two data flows to handle different MCP host behaviors:
+
+1. **Initializes**: Calls `mcpProtocol.initialize()`, receives `hostContext`.
+   Prefers `hostContext.toolInfo.tool.name` if available, falls back to
+   `window.__mcpToolName` (always available via per-tool resource URI).
+2. **Registers handlers BEFORE init** to avoid timing windows:
+   - `ui/notifications/tool-result` — spec-compliant flow
+   - `ui/notifications/tool-input` — fallback flow
+3. **Spec-compliant flow** (tool-result): Host calls the tool, then sends the result
+   directly to the viewer. The viewer receives `structuredContent` and renders it.
+4. **Fallback flow** (tool-input → serverTools): Host opens the viewer without calling
+   the tool first (e.g., MCP Inspector "Apps" tab). The viewer receives `tool-input`,
+   calls the tool itself via `protocol.sendRequest('tools/call', ...)`, and renders
+   the result. This requires knowing the tool name (from `window.__mcpToolName`).
+5. **Unwraps items envelope**: `structuredContent` is always a JSON object per spec.
+   Arrays are wrapped in `{"items": [...]}` by the server. The viewer extracts
+   `structured.items` when present.
+6. **Routes to component**: Switch on data shape (no tool-name knowledge):
+   - Self-describing metrics (`chart` + `columns` + `items[]`) → `MetricsTable` (Chart.js bar chart + sortable table)
+   - Any structured array → `TableView` (generic sortable table)
+   - Other structured data → `GenericView` (formatted JSON)
+   - YAML text content → `YamlView` (Prism.js syntax-highlighted YAML)
+   - Text fallback → `GenericView` (raw text)
+7. **Supports theme**: CSS uses `var(--color-*, fallback)` for host integration
+
+### Tool rendering matrix
+
+Every registered tool gets a per-tool `ui://` resource URI and viewer HTML.
+The viewer renders each tool's output using shape-based routing — no tool-name
+knowledge required. The table below maps every tool to its viewer component and
+current implementation status.
+
+**Viewer components:**
+- **Table** — `TableView` (sortable table from `[]map[string]any`)
+- **Chart** — `MetricsTable` (Chart.js bar chart + sortable table from self-describing data)
+- **YAML** — `YamlView` (Prism.js syntax-highlighted YAML)
+- **Text** — `GenericView` (plain `<pre>` block)
+
+#### Core toolset
+
+| Tool | Description | Viewer | Status |
+|------|------------|--------|--------|
+| `pods_list` | List pods (all namespaces) | Table | Done |
+| `pods_list_in_namespace` | List pods (single namespace) | Table | Done |
+| `pods_get` | Get single pod | YAML | Pending |
+| `pods_delete` | Delete a pod | Text | — |
+| `pods_top` | Pod CPU/memory metrics | Chart | Done |
+| `pods_exec` | Execute command in pod | Text | — |
+| `pods_log` | Stream pod logs | Text | — |
+| `pods_run` | Create and run a pod | YAML | Pending |
+| `nodes_top` | Node CPU/memory metrics | Chart | Done |
+| `nodes_log` | Stream node journal logs | Text | — |
+| `nodes_stats_summary` | Node stats summary (JSON) | Text | — |
+| `namespaces_list` | List namespaces | Table | Done |
+| `projects_list` | List OpenShift projects | Table | Done |
+| `events_list` | List cluster events | YAML | Pending |
+| `resources_list` | List any resource kind | Table | Done |
+| `resources_get` | Get single resource | YAML | Pending |
+| `resources_create_or_update` | Create or update resource | YAML | Pending |
+| `resources_delete` | Delete a resource | Text | — |
+| `resources_scale` | Scale a resource | YAML | Pending |
+
+#### Config toolset
+
+| Tool | Description | Viewer | Status |
+|------|------------|--------|--------|
+| `configuration_view` | Show kubeconfig | YAML | Pending |
+| `configuration_contexts_list` | List kubeconfig contexts | Text | — |
+| `targets_list` | List configured targets | Text | — |
+
+#### Helm toolset
+
+| Tool | Description | Viewer | Status |
+|------|------------|--------|--------|
+| `helm_install` | Install a Helm chart | Text | — |
+| `helm_list` | List Helm releases | Text | — |
+| `helm_uninstall` | Uninstall a Helm release | Text | — |
+
+#### KCP toolset
+
+| Tool | Description | Viewer | Status |
+|------|------------|--------|--------|
+| `kcp_workspaces_list` | List KCP workspaces | Text | — |
+| `kcp_workspace_describe` | Describe a KCP workspace | YAML | Pending |
+
+#### Kiali toolset
+
+| Tool | Description | Viewer | Status |
+|------|------------|--------|--------|
+| `kiali_mesh_graph` | Service mesh graph (JSON) | Text | — |
+| `kiali_get_metrics` | Resource metrics (JSON) | Text | — |
+| `kiali_get_traces` | Distributed traces (JSON) | Text | — |
+| `kiali_get_resource_details` | Resource details (JSON) | Text | — |
+| `kiali_workload_logs` | Workload pod logs | Text | — |
+| `kiali_manage_istio_config_read` | Read Istio config (JSON) | Text | — |
+| `kiali_manage_istio_config` | Manage Istio config (JSON) | Text | — |
+
+#### KubeVirt toolset
+
+| Tool | Description | Viewer | Status |
+|------|------------|--------|--------|
+| `vm_create` | Create a VirtualMachine | YAML | Pending |
+| `vm_clone` | Clone a VirtualMachine | YAML | Pending |
+| `vm_lifecycle` | Start/stop/restart a VM | YAML | Pending |
+
+#### Summary
+
+| Viewer | Tools | Done | Pending |
+|--------|-------|------|---------|
+| Table | 7 | 7 | 0 |
+| Chart | 2 | 2 | 0 |
+| YAML | 12 | 0 | 12 |
+| Text | 12 | — | — |
+| **Total** | **33** | **9** | **12** |
+
+Text-output tools (logs, exec, delete confirmations, Helm output, Kiali JSON) don't
+benefit from specialized rendering — `GenericView` is the correct component. The 12
+pending YAML tools are the primary target for the Prism.js syntax highlighting work
+described in [Section 13](#14-yaml-syntax-highlighting).
+
+## 9. Output Layer
+
+The output layer (`pkg/output/`) and tool result constructors (`pkg/api/toolsets.go`)
+support generic structured content extraction without per-tool extraction functions.
+
+### Extending the `Output` interface with `PrintObjStructured`
+
+A method that returns both text and structured data from the same object:
+
+```go
+// PrintResult holds both the text representation and optional structured data
+// extracted from a Kubernetes object.
+type PrintResult struct {
+    Text       string
+    Structured any // nil when structured extraction is not applicable
+}
+
+type Output interface {
+    GetName() string
+    AsTable() bool
+    PrintObj(obj runtime.Unstructured) (string, error)                // unchanged
+    PrintObjStructured(obj runtime.Unstructured) (*PrintResult, error) // new
+}
+```
+
+**YAML implementation** — the structured data is the cleaned-up object itself
+(list items or single object, with managedFields stripped):
+
+```go
+func (p *yaml) PrintObjStructured(obj runtime.Unstructured) (*PrintResult, error) {
+    text, err := p.PrintObj(obj)
+    if err != nil {
+        return nil, err
+    }
+    // Extract structured: for lists, return items as []map[string]any;
+    // for single objects, return the object map
+    switch t := obj.(type) {
+    case *unstructured.UnstructuredList:
+        items := make([]map[string]any, 0, len(t.Items))
+        for _, item := range t.Items {
+            items = append(items, item.Object)
+        }
+        return &PrintResult{Text: text, Structured: items}, nil
+    case *unstructured.Unstructured:
+        return &PrintResult{Text: text, Structured: t.Object}, nil
+    }
+    return &PrintResult{Text: text}, nil
+}
+```
+
+**Table implementation** — the structured data is the table rows as maps
+(column headers become keys):
+
+```go
+func (p *table) PrintObjStructured(obj runtime.Unstructured) (*PrintResult, error) {
+    text, err := p.PrintObj(obj)
+    if err != nil {
+        return nil, err
+    }
+    // Extract structured data from Table response
+    if obj.GetObjectKind().GroupVersionKind() == metav1.SchemeGroupVersion.WithKind("Table") {
+        t := &metav1.Table{}
+        if convErr := runtime.DefaultUnstructuredConverter.FromUnstructured(
+            obj.UnstructuredContent(), t,
+        ); convErr == nil {
+            return &PrintResult{Text: text, Structured: tableToStructured(t)}, nil
+        }
+    }
+    return &PrintResult{Text: text}, nil
+}
+```
+
+The `tableToStructured` helper converts `metav1.Table` rows to `[]map[string]any`
+using column definitions as keys — this is a **generic extraction** that works for
+any Kubernetes resource type without per-resource custom code.
+
+**Key advantage**: The Table format from the Kubernetes API already contains exactly
+the fields that `kubectl get` would show (NAME, NAMESPACE, STATUS, AGE, etc.), which
+are also the most relevant fields for the MCP Apps viewer. No per-tool extraction needed.
+
+### `NewToolCallResultFull` constructor
+
+A third constructor that accepts pre-formatted text alongside structured data:
+
+```go
+// NewToolCallResultFull creates a ToolCallResult with both human-readable text
+// and structured content for MCP Apps UI rendering.
+// The text is used for LLM consumption and backward-compatible MCP clients.
+// The structured content is used by MCP Apps viewers.
+func NewToolCallResultFull(text string, structured any, err error) *ToolCallResult {
+    return &ToolCallResult{
+        Content:           text,
+        StructuredContent: structured,
+        Error:             err,
+    }
+}
+```
+
+The three constructors express clear intent:
+
+- `NewToolCallResult(text, err)` — text only (no UI data)
+- `NewToolCallResultStructured(structured, err)` — structured only (text auto-generated as JSON)
+- `NewToolCallResultFull(text, structured, err)` — both (text is human-readable, structured is for UI)
+
+### Simplified tool handler pattern
+
+With `PrintObjStructured` and `NewToolCallResultFull`, a typical list tool handler becomes:
+
+```go
+// Before (6 lines of result construction)
+text, textErr := params.ListOutput.PrintObj(ret)
+if structured := extractPodListStructured(ret); structured != nil {
+    return &api.ToolCallResult{Content: text, StructuredContent: structured, Error: textErr}, nil
+}
+return api.NewToolCallResult(text, textErr), nil
+
+// After (3 lines)
+result, err := params.ListOutput.PrintObjStructured(ret)
+if err != nil {
+    return api.NewToolCallResult("", fmt.Errorf("...")), nil
+}
+return api.NewToolCallResultFull(result.Text, result.Structured, nil), nil
+```
+
+### Scope
+
+The generic output layer handles standard Kubernetes list operations. **Non-Kubernetes-object
+tools** (helm, events, pods_top, nodes_top) produce output from non-standard sources (Helm
+client, metrics API). They continue using custom text formatting with optional structured
+content via `NewToolCallResultFull`.
+
+### Impact on viewer components
+
+With `PrintObjStructured` providing generic structured data from the Kubernetes Table API,
+the viewer implements a single **generic table component** that works for any list tool.
+The Table API response already includes column headers and cell values, so the viewer
+doesn't need to know the resource type — it just renders whatever columns the API provides.
+
+This means:
+- `TableView` is a **generic Kubernetes list table** (auto-discovers columns from data)
+- `MetricsTable` is data-driven (reads columns/chart/items from self-describing structured content, no tool-specific knowledge)
+- `GenericView` remains as fallback for non-table data
+
+## 10. Per-Tool Resource URIs and Dual-Flow Viewer
+
+Each tool gets its own `ui://` resource URI with the tool name embedded in the viewer HTML.
+This enables a dual-flow viewer that works with both spec-compliant hosts (that send
+`tool-result`) and hosts like MCP Inspector (that only send `tool-input` and expect
+the viewer to call the tool).
+
+### Design rationale
+
+Some MCP hosts (e.g., MCP Inspector's "Apps" tab) open the viewer **without calling the
+tool first** — they only send `ui/notifications/tool-input` with empty arguments, never
+`tool-result`. In this scenario, the viewer needs to know which tool it belongs to so it
+can call the tool via `serverTools`. Per-tool resource URIs solve this by embedding the
+tool name (`window.__mcpToolName`) into each viewer's HTML.
+
+### Per-tool resource URIs
+
+Instead of a single shared `ui://kubernetes-mcp-server/viewer.html` resource, each tool
+gets its own resource URI:
+
+```
+ui://kubernetes-mcp-server/tool/pods_list
+ui://kubernetes-mcp-server/tool/namespaces_list
+ui://kubernetes-mcp-server/tool/pods_top
+...
+```
+
+Each resource returns the same base HTML but with `window.__mcpToolName` set to the
+specific tool name. This gives the viewer the information it needs to call the tool
+via `serverTools` when the host doesn't provide the result directly.
+
+### Resource registration
+
+Resources are registered dynamically in `reloadToolsets()` — one per enabled tool.
+This ensures resources stay in sync with the current set of enabled tools (respecting
+`enabled_tools`, `disabled_tools`, `read_only`, etc.).
+
+### Dual-flow viewer
+
+The viewer registers handlers for both flows **before** calling `initialize()` to
+avoid timing windows:
+
+1. **`tool-result` handler** (spec-compliant): Receives the result directly from
+   the host and renders it.
+2. **`tool-input` handler** (fallback): Receives tool input arguments, calls the
+   tool via `protocol.sendRequest('tools/call', {name: toolName, arguments: args})`,
+   and renders the result.
+
+## 11. structuredContent Object Wrapping
+
+The MCP specification requires `structuredContent` to marshal to a JSON **object** (record),
+but the output layer produces `[]map[string]any` (arrays) for list operations. This requires
+wrapping arrays before they reach the MCP protocol layer.
+
+### Solution
+
+`ensureStructuredObject()` in `pkg/mcp/mcp.go` uses `reflect` to detect slice/array values
+and wraps them in `{"items": [...]}`:
+
+```go
+func ensureStructuredObject(v any) any {
+    rv := reflect.ValueOf(v)
+    if !rv.IsValid() {
+        return v
+    }
+    if rv.Kind() == reflect.Slice || rv.Kind() == reflect.Array {
+        return map[string]any{"items": v}
+    }
+    return v
+}
+```
+
+Called from `NewStructuredResult()` before setting `result.StructuredContent`.
+
+The viewer (`app.js`) unwraps the envelope:
+
+```javascript
+var raw = result.structuredContent;
+var structured = (raw && raw.items && Array.isArray(raw.items)) ? raw.items : raw;
+```
+
+The unwrapping is selective: it only extracts `structured.items` when the wrapper object
+has a single key (plain wrapper), preserving self-describing objects (like metrics data
+that contain `chart`, `columns`, and `items` together).
+
+## 12. Model Context Visibility: `content` vs `structuredContent`
+
+### The rule
+
+**`structuredContent` is NOT added to the model context.** Only `content` is.
+
+This is the single most important behavioral contract for MCP Apps. When a tool returns
+both `content` and `structuredContent` in a `CallToolResult`:
+
+- **`content`** → fed to the LLM as tool result context (the model "sees" this)
+- **`structuredContent`** → consumed by the MCP Apps viewer for UI rendering (the model does NOT see this)
+- **`_meta`** → host-level metadata, not added to model context
+
+### Specification basis
+
+The ext-apps specification ([draft/apps.mdx](https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/draft/apps.mdx))
+states explicitly:
+
+> **Best Practices:** `content`: Text representation for model context and text-only hosts;
+> `structuredContent`: Structured data optimized for UI rendering (not added to model context);
+> `_meta`: Additional metadata (timestamps, version info, etc.) not intended for model context
+
+The base MCP specification (tools.mdx) is being clarified via
+[SEP-1624](https://github.com/modelcontextprotocol/modelcontextprotocol/issues/1624) /
+[PR #2200](https://github.com/modelcontextprotocol/modelcontextprotocol/pull/2200) to
+formalize this guidance. The proposed language states:
+
+> - `content`: model-oriented output optimized for readability and token efficiency. Preferred
+>   for conversational agents and when tool responses are fed directly into the model's context window.
+> - `structuredContent`: machine-oriented output for programmatic use, code generation, typed
+>   orchestration, and UI hydration.
+>
+> When sending tool results to a model context, clients SHOULD use `content` when present and only
+> fall back to `structuredContent` if `content` is empty or omitted.
+>
+> Clients SHOULD NOT forward both fields verbatim to the model as separate inputs.
+
+### Current client behavior (as of March 2026)
+
+Client behavior is inconsistent, which is exactly why SEP-1624 / PR #2200 exists:
+
+| Client | What the model sees | Notes |
+|--------|-------------------|-------|
+| **Cursor** | `content` only | Switched to preferring `content` per Discord discussion |
+| **VS Code** | `structuredContent` preferred over `content` | Both shown in Chat UI; model gets `structuredContent` |
+| **Claude Code / Windsurf** | `content` only | Ignores `structuredContent` entirely |
+| **MCP Inspector** | N/A (no model) | Shows both fields in UI for debugging |
+
+### Implications for this server
+
+Since `content` is what the model sees and `structuredContent` is for the viewer:
+
+1. **`content` must be optimized for the model** — human-readable text, not JSON dumps.
+   This is what the LLM reasons about, plans with, and references in its responses to the user.
+
+2. **`structuredContent` must be optimized for the viewer** — structured data that the
+   Preact components can render as tables, charts, or highlighted YAML.
+
+3. **The two fields are semantically equivalent but differently formatted.** They carry the
+   same information but are optimized for different consumers.
+
+4. **Quality of `content` directly affects agent performance.** If `content` is a JSON blob
+   instead of readable text, the model wastes tokens parsing structure instead of reasoning
+   about the information. The
+   [Anthropic tool design guide](https://www.anthropic.com/engineering/writing-tools-for-agents)
+   recommends optimizing tool output for the model's consumption patterns.
+
+### What this means in practice
+
+For a `pods_list` call, the two fields should look like:
+
+```
+content (what the model sees):
+  "NAMESPACE  NAME              READY  STATUS   RESTARTS  AGE
+   default    nginx-abc123      1/1    Running  0         2d
+   kube-sys   coredns-def456    1/1    Running  0         5d"
+
+structuredContent (what the viewer renders):
+  {"items": [
+    {"Namespace": "default", "Name": "nginx-abc123", "Ready": "1/1", "Status": "Running", ...},
+    {"Namespace": "kube-sys", "Name": "coredns-def456", "Ready": "1/1", "Status": "Running", ...}
+  ]}
+```
+
+The model gets a compact, readable table. The viewer gets structured data it can sort, filter,
+and render as an interactive HTML table.
+
+### Eval accountability
+
+If agent performance degrades when MCP Apps is enabled, the diagnostic is:
+
+1. **Check `content`** — is the model still receiving the same quality text output as before?
+   If yes, the server is correct and the issue is in the client's handling.
+
+2. **Check client behavior** — is the client forwarding `structuredContent` to the model
+   instead of (or in addition to) `content`? If so, that's a client bug per the ext-apps
+   spec and the proposed SEP-1624 clarification.
+
+3. **Baseline comparison** — with `apps_enabled = false`, the server returns only `content`
+   (no `structuredContent`, no `_meta.ui`). This is the control group. Any behavioral
+   difference with `apps_enabled = true` where `content` is unchanged points to client-side
+   handling.
+
+The `--apps` flag being opt-in gives users a clean escape hatch if their specific MCP host
+misbehaves.
+
+### Open questions
+
+- **PR #2200 status**: The SEP is open and has broad support but is not yet merged into the
+  base MCP specification. The ext-apps spec already codifies `structuredContent` as
+  "not added to model context", but the base spec language is still ambiguous.
+
+- **VS Code behavior**: VS Code currently prefers `structuredContent` over `content` for
+  model context (see table above). If this persists after PR #2200 merges, it would be a
+  VS Code client bug. Until then, our `content` output is already optimized for the model,
+  so VS Code users get suboptimal but functional behavior.
+
+- **Token cost of dual fields**: Sending both fields doubles the wire payload for each tool
+  call. SEP-1624 discussion notes the cost is "quite low in practice (esp. when compared to
+  compute costs of inference)". For large list operations, the structured data can be
+  significant (~KBs), but it never reaches the model context window.
+
+---
+
+## 13. Known Compatibility Notes
+
+### VS Code: Resource Registration Ordering
+
+MCP Apps resources must be registered **before** tools in `reloadToolsets()`. The go-sdk's
+`AddTool()` calls `changeAndNotify()` which sends a `notifications/tools/list_changed`
+notification to connected clients **immediately** after each tool is added.
+
+VS Code eagerly pre-fetches MCP App resources: when it receives `tools/list_changed`, it calls
+`tools/list`, reads `_meta.ui.resourceUri` from each tool, and immediately calls `resources/read`
+to pre-load the UI HTML. If resources are registered after tools, VS Code's `resources/read`
+request arrives before the resource exists, producing error `-32002` (Resource not found).
+
+MCP Inspector does not pre-fetch resources this way — it only loads them on demand when the user
+opens the "Apps" tab, by which time the resources are already registered.
+
+### How VS Code Discovers MCP App Resources
+
+Investigation of the [VS Code source code](https://github.com/microsoft/vscode/blob/5b38f1d5296b42ae51049d452362b673ff714dbe/src/vs/platform/mcp/common/modelContextProtocolApps.ts)
+revealed the complete flow:
+
+1. **`mcpServer.ts::_normalizeTool()`** — reads `_meta.ui.resourceUri` (nested key) from the
+   tool definition and stores it on the tool object.
+2. **`mcpLanguageModelToolContribution.ts::prepareToolInvocation()`** — passes the URI unchanged
+   into `IMcpToolCallUIData`.
+3. **`mcpToolCallUI.ts::loadResource()`** — calls `resources/read` with the URI **verbatim**
+   (no transformation, encoding, or normalization).
+4. **`mcpServerRequestHandler.ts`** — sends the `resources/read` MCP protocol request.
+
+Key detail: VS Code reads the **nested** `_meta.ui.resourceUri` key, not the legacy flat
+`_meta["ui/resourceUri"]` key.
+
+### Registration order solution
+
+Resources are registered before tools in `reloadToolsets()`:
+
+```go
+// Build tool name list from applicable tools
+newToolNames := make([]string, 0, len(applicableTools))
+for _, t := range applicableTools {
+    newToolNames = append(newToolNames, t.Tool.Name)
+}
+
+// Register resources BEFORE tools so they're available when clients
+// receive tools/list_changed and immediately try resources/read
+if s.configuration.AppsEnabled {
+    s.registerMCPAppResources(newToolNames)
+}
+
+// Now register tools (each AddTool sends tools/list_changed)
+newTools, err := reloadItems(previousTools, applicableTools, ...)
+```
+
+### Legacy `_meta` key
+
+`ToolMetaForTool()` sets both metadata formats for backward compatibility, matching what
+the ext-apps SDK's `registerAppTool()` does:
+
+```go
+return map[string]any{
+    "ui":             map[string]any{"resourceUri": uri},  // nested (VS Code reads this)
+    "ui/resourceUri": uri,                                  // flat legacy key
+}
+```
+
+### Key takeaway
+
+When an MCP server registers tools with `_meta.ui.resourceUri`, the corresponding resources
+**must** be registered before the tools. The go-sdk sends `tools/list_changed` notifications
+synchronously within `AddTool()`, and eager clients like VS Code will immediately try to read
+the referenced resources.
+
+---
+
+## 14. YAML Syntax Highlighting
+
+### Problem
+
+Tools that return single Kubernetes resources (`pods_get`, `resources_get`,
+`resources_create_or_update`, `resources_scale`, etc.) produce YAML text output via
+`output.MarshalYaml()`. These tools use `NewToolCallResult(text)` (text-only, no
+`structuredContent`), so the viewer's rendering cascade falls through to `GenericView` —
+a plain `<pre>` block with no highlighting.
+
+For single-resource operations, YAML *is* the primary output format. Providing syntax
+highlighting makes the output significantly more readable, especially for large resources
+with deeply nested specs.
+
+### Library choice: Prism.js
+
+| Candidate | Core Size | YAML Grammar | Module Format | API | Verdict |
+|-----------|-----------|-------------|---------------|-----|---------|
+| **Prism.js 1.30.0** | 7.5 KB (minified) | 1.9 KB (minified) | IIFE (`window.Prism`) | **Sync**: `Prism.highlight()` | **Selected** |
+| highlight.js 11.11.1 | 76 KB (not minified) | 5 KB (not minified) | CJS/ESM only | Sync but needs registration | Rejected — no pre-minified builds, 10× larger core |
+| speed-highlight 1.2.14 | 23 KB (all 34 langs bundled) | 0.3 KB (minimal) | ESM only | Async (`Promise`) | Rejected — ESM-only, async API, monolithic bundle |
+
+**Why Prism.js:**
+
+1. **Pre-minified components** — `prism-core.min.js` (7.5 KB) + `prism-yaml.min.js` (1.9 KB)
+   can be vendored directly, matching the existing no-build-step approach
+2. **IIFE format** — loads via `<script>`, sets `window.Prism`, same pattern as HTM/Preact
+3. **Synchronous API** — `Prism.highlight(code, Prism.languages.yaml, 'yaml')` returns an
+   HTML string with `<span class="token ...">` wrappers, ideal for Preact rendering via
+   `dangerouslySetInnerHTML`
+4. **Comprehensive YAML grammar** — handles all YAML features: keys, scalars, multi-line
+   block scalars, anchors (`*ref`, `&anchor`), tags (`!!str`), datetime literals,
+   booleans, null, quoted strings, comments, directives (`%YAML`)
+5. **Modest size impact** — +9.4 KB on top of existing ~220 KB (~4% increase)
+
+### Vendoring
+
+Two new files in `pkg/mcpapps/vendor/`:
+
+```
+vendor/
+├── htm-preact-standalone.umd.js   # existing (~13 KB)
+├── chart.umd.min.js               # existing (~205 KB)
+├── prism-core.min.js              # new (~7.5 KB, prismjs@1.30.0)
+└── prism-yaml.min.js              # new (~1.9 KB, prismjs@1.30.0)
+```
+
+Downloaded via `make vendor-js` from jsdelivr CDN (same mechanism as existing vendors).
+
+**Important**: Prism auto-highlights all `<code>` elements on DOMContentLoaded by default.
+This must be disabled by setting `window.Prism = { manual: true }` **before** loading the
+Prism core script. The viewer controls highlighting explicitly via the `Prism.highlight()` API.
+
+### Theming
+
+Rather than vendoring a Prism theme file, the viewer provides a custom theme in `style.css`
+using the existing `light-dark()` CSS function. This ensures YAML highlighting integrates
+with the host's theme (dark/light mode) and CSS custom properties.
+
+Prism token classes used by the YAML grammar:
+
+| Token class | YAML element | Light color | Dark color |
+|-------------|-------------|-------------|------------|
+| `.token.atrule` | Keys (`apiVersion:`, `metadata:`) | `#07a` (blue) | `#cc99cd` (purple) |
+| `.token.string` | Quoted strings | `#690` (green) | `#7ec699` (green) |
+| `.token.number`, `.token.datetime` | Numbers, dates | `#905` (magenta) | `#f08d49` (orange) |
+| `.token.important` | Booleans (`true`/`false`), null | `#e90` (amber) | `#f8c555` (yellow) |
+| `.token.comment` | Comments (`# ...`) | `#708090` (gray) | `#999` (gray) |
+| `.token.punctuation` | Structural chars (`:`, `-`, `|`, `>`) | `#999` | `#ccc` |
+| `.token.tag` | Tags (`!!str`, `!custom`) | `#905` | `#e2777a` (pink) |
+| `.token.scalar` | Block scalars (`|`, `>` multi-line) | `#690` (green) | `#7ec699` (green) |
+
+CSS implementation (added to `style.css`):
+
+```css
+/* Prism.js YAML syntax highlighting — theme via light-dark() */
+.token.atrule { color: light-dark(#07a, #cc99cd); }
+.token.string, .token.scalar { color: light-dark(#690, #7ec699); }
+.token.number, .token.datetime { color: light-dark(#905, #f08d49); }
+.token.important { color: light-dark(#e90, #f8c555); }
+.token.comment { color: light-dark(#708090, #999); font-style: italic; }
+.token.punctuation { color: light-dark(#999, #ccc); }
+.token.tag { color: light-dark(#905, #e2777a); }
+```
+
+### YamlView component
+
+A new `YamlView` component in `components.js` renders syntax-highlighted YAML:
+
+```javascript
+function YamlView(props) {
+  var highlighted = useMemo(function() {
+    if (!props.text || typeof Prism === 'undefined') return null;
+    return Prism.highlight(props.text, Prism.languages.yaml, 'yaml');
+  }, [props.text]);
+  if (!highlighted) {
+    return html`<${GenericView} text=${props.text} />`;
+  }
+  return html`<pre class="raw yaml"
+    dangerouslySetInnerHTML=${{ __html: highlighted }} />`;
+}
+```
+
+- Uses `Prism.highlight()` synchronously inside `useMemo` — no re-tokenization on re-render
+- Falls back to `GenericView` if Prism is unavailable
+- Reuses the existing `pre.raw` CSS class for consistent container styling
+
+### YAML detection in app.js
+
+The viewer needs to detect when text content is YAML and route to `YamlView` instead of
+`GenericView`. YAML detection uses a simple heuristic on the text content:
+
+```javascript
+function looksLikeYaml(text) {
+  if (!text) return false;
+  // Some tools prepend "# comment\n" headers for the LLM — skip those before checking.
+  var lines = text.trimStart().split('\n');
+  for (var i = 0; i < lines.length && i < 5; i++) {
+    var line = lines[i].trimStart();
+    if (line === '' || line.charAt(0) === '#') continue;
+    return /^(apiVersion:|kind:|metadata:|---)/.test(line);
+  }
+  return false;
+}
+```
+
+This is deliberately conservative — it targets Kubernetes resource YAML specifically rather
+than arbitrary YAML. The patterns `apiVersion:`, `kind:`, `metadata:`, and `---` cover all
+standard Kubernetes resource output from `MarshalYaml()`.
+
+Several tools prepend a `# ` YAML comment header before the YAML body (e.g.,
+`# The following resources (YAML) have been created or updated successfully`).
+The detection skips up to 5 leading blank/comment lines before checking for
+Kubernetes YAML markers. Prism.js handles the `#` comment lines natively with
+proper syntax highlighting.
+
+Updated routing in `app.js`:
+
+```javascript
+// Route to the appropriate view based on data shape
+if (structured && structured.chart && structured.columns && Array.isArray(structured.items)) {
+  return html`<${components.MetricsTable} data=${structured} />`;
+}
+if (structured && Array.isArray(structured) && structured.length > 0 && typeof structured[0] === 'object') {
+  return html`<${components.TableView} data=${structured} />`;
+}
+if (structured) {
+  return html`<${components.GenericView} text=${JSON.stringify(structured, null, 2)} />`;
+}
+// Text-only results: detect YAML for syntax highlighting
+if (looksLikeYaml(textContent)) {
+  return html`<${components.YamlView} text=${textContent} />`;
+}
+return html`<${components.GenericView} text=${textContent} />`;
+```
+
+### HTML assembly changes
+
+Two new `INJECT_*` placeholders in `viewer.html` for Prism scripts, loaded after Chart.js
+and before `protocol.js`. A `window.Prism = { manual: true }` assignment must appear
+**before** the Prism core script to prevent auto-highlighting:
+
+```html
+<!-- Vendor: Prism.js (YAML syntax highlighting) -->
+<script>window.Prism = { manual: true };</script>
+<script>INJECT_VENDOR_PRISM_CORE</script>
+<script>INJECT_VENDOR_PRISM_YAML</script>
+```
+
+---
+
+## Appendix A: Research and Development Journal
+
+> **Note**: This appendix contains research context, implementation status tracking, development
+> history, and other material from the original research document. It is preserved here for
+> reference during PR review and can be removed once the spec and implementation are finalized.
+
+### A.1 PoC Reference (openshift-mcp-server PR #143)
+
+[PR #143](https://github.com/openshift/openshift-mcp-server/pull/143) is a rough PoC
+implementing a Pods Top dashboard with MCP Apps.
+
+#### What it does
+
+- Adds a `mcp-app/` directory with a Vite + TypeScript frontend build
+- Uses `vite-plugin-singlefile` to produce a single HTML with all JS/CSS inlined
+- Bundles the HTML into Go binary via `//go:embed`
+- Uses `@modelcontextprotocol/ext-apps` SDK (v1.0.0) for host communication
+- Implements column sorting, refresh via `app.callServerTool()`, dark/light theme support
+
+#### Architecture (3 layers)
+
+1. **Go embed package** (`mcp-app/mcpapp.go`):
+   - `//go:embed dist/pods-top-app.html`
+   - `Resources()` returns a registry of all app resources
+   - `ToolMeta(resourceURI)` helper generates `_meta` map
+   - MIME type: `text/html;profile=mcp-app`
+   - Resource URI: `ui://kubernetes-mcp-server/pods-top.html`
+
+2. **MCP resource registration** (`pkg/mcp/mcp.go`):
+   - Iterates `mcpapp.Resources()` and registers each as an MCP resource
+   - Enables `Resources` capability (was `nil` before)
+
+3. **Tool linkage** (`pkg/toolsets/core/pods.go`):
+   - `pods_top` tool gets `Meta: mcpapp.ToolMeta(mcpapp.PodsTopResourceURI)`
+   - Tool handler returns both text and `structuredContent`
+
+#### Concerns noted
+
+- **Build step required**: `npm install && vite build` as dependency of `make build`
+- **Committed build artifacts**: `dist/pods-top-app.html` in git (should be .gitignored)
+- **innerHTML without sanitization**: XSS risk if pod names contain HTML-special characters
+- **SDK size**: `@modelcontextprotocol/ext-apps` is 314 KB (mostly Zod validation)
+- **Tight Go/TypeScript coupling**: Matching struct/interface with no shared schema
+
+#### Patterns reused in our implementation
+
+- `//go:embed` for bundling HTML into Go binary
+- `ToolMeta()` helper for consistent `_meta` structure
+- Dual content return (text + structured) for backward compatibility
+- Theme support via CSS custom property fallbacks
+
+#### Patterns intentionally avoided
+
+- **No build step**: We inline JS directly, no Vite/npm required
+- **No ext-apps SDK**: Custom ~80-line protocol implementation instead of 314 KB SDK
+- **Per-tool resource URIs** (not per-tool HTML files): Single generic viewer template,
+  but each tool gets its own `ui://` resource URI with the tool name injected into the HTML
+  via `window.__mcpToolName`. This enables the dual-flow viewer (see [Section 10](#10-per-tool-resource-uris-and-dual-flow-viewer)).
+
+### A.2 Implementation Status
+
+#### Completed — Phase 1: Infrastructure + Configuration
+
+| Feature | Location | Status |
+|---------|----------|--------|
+| `AppsEnabled bool` config field | `pkg/config/config.go` | Done |
+| `IsAppsEnabled()` getter | `pkg/config/config.go` | Done |
+| `--apps` CLI flag | `pkg/kubernetes-mcp-server/cmd/root.go` | Done |
+| Extension registration | `pkg/mcp/mcp.go` | Done — `caps.AddExtension("io.modelcontextprotocol/ui", nil)` |
+| Resources capability | `pkg/mcp/mcp.go` | Done — `caps.Resources = &mcp.ResourceCapabilities{}` |
+| Vendor JS files | `pkg/mcpapps/vendor/` | Done — htm-preact + Chart.js committed |
+| Makefile `vendor-js` target | `Makefile` | Done — downloads htm@3.1.1 + chart.js@4.4.8 |
+
+#### Completed — Phase 2: Viewer + Pod Tools
+
+| Feature | Location | Status |
+|---------|----------|--------|
+| MCP postMessage protocol | `viewer/protocol.js` (~80 lines) | Done — exposes `window.mcpProtocol` |
+| Preact components | `viewer/components.js` (~150 lines) | Done — SortableTable, TableView, MetricsTable (data-driven), GenericView |
+| App root + routing | `viewer/app.js` (~80 lines) | Done — dual-flow: spec-compliant `tool-result` + fallback `tool-input` → `serverTools` |
+| CSS with theme fallbacks | `viewer/style.css` (~60 lines) | Done — includes `.chart-container` |
+| HTML shell + assembly | `viewer/viewer.html` (~38 lines) | Done — `INJECT_*` placeholders including `INJECT_TOOL_NAME` |
+| Chart.js bar chart | `viewer/components.js` — `MetricsTable` | Done — data-driven: reads columns, chart config, items from self-describing structured content |
+| `pods_top` structured content | `pkg/toolsets/core/pods.go` | Done — `extractPodsTopStructured()` returns self-describing `map[string]any` with columns, chart, items |
+
+#### Completed — Phase 3: Output Layer + Per-Tool URIs + All List Tools
+
+| Feature | Location | Status |
+|---------|----------|--------|
+| Per-tool resource URIs | `pkg/mcpapps/mcpapps.go` | Done — `ViewerHTMLForTool(toolName)`, `ToolMetaForTool(toolName)`, `ToolResourceURI(toolName)` |
+| Per-tool resource registration | `pkg/mcp/mcp.go` — `registerMCPAppResources(toolNames)` | Done — called from `reloadToolsets()`, one `ui://` resource per enabled tool |
+| Centralized Meta injection | `pkg/mcp/tool_mutator.go` — `WithAppsMeta()` | Done — injects per-tool `_meta.ui.resourceUri` |
+| `PrintObjStructured` on Output interface | `pkg/output/output.go` | Done — generic structured extraction for both YAML and Table output |
+| `PrintResult` struct | `pkg/output/output.go` | Done — holds `Text` + `Structured` |
+| `tableToStructured` helper | `pkg/output/output.go` | Done — converts `metav1.Table` → `[]map[string]any` using column definitions |
+| `NewToolCallResultFull` constructor | `pkg/api/toolsets.go` | Done — `(text, structured, err)` for explicit text + structured |
+| `structuredContent` object wrapping | `pkg/mcp/mcp.go` — `ensureStructuredObject()` | Done — wraps slice/array in `{"items": [...]}` for MCP spec compliance |
+| Viewer unwraps `items` envelope | `viewer/app.js` | Done — extracts `structured.items` for plain wrappers only (preserves self-describing objects) |
+| `namespaces_list` structured content | `pkg/toolsets/core/namespaces.go` | Done — uses `PrintObjStructured` + `NewToolCallResultFull` |
+| `projects_list` structured content | `pkg/toolsets/core/namespaces.go` | Done — same pattern |
+| `pods_list` / `pods_list_in_namespace` structured content | `pkg/toolsets/core/pods.go` | Done — uses `PrintObjStructured`, removed `extractPodListStructured` |
+| `resources_list` structured content | `pkg/toolsets/core/resources.go` | Done — uses `PrintObjStructured` + `NewToolCallResultFull` |
+| Hooks violation fix | `viewer/components.js` — `TableView` | Done — moved `useMemo` before guard clause |
+| Typed nil interface fix | `pkg/output/output.go` — `PrintObjStructured` | Done — explicit nil check before assigning to `any` |
+| Tests | `pkg/mcpapps/mcpapps_test.go` | Done — 19 tests covering per-tool HTML, embeds, placeholders, constants |
+| Tests | `pkg/mcp/text_result_test.go` | Done — tests for array wrapping and map pass-through |
+| Tests | `pkg/output/output_test.go` | Done — tests for `PrintObjStructured` (YAML and Table), `tableToStructured` |
+| Tests | `pkg/api/toolsets_test.go` | Done — tests for `NewToolCallResultFull` |
+
+#### Completed — Phase 3.5: Self-Describing Metrics Structured Content
+
+| Feature | Location | Status |
+|---------|----------|--------|
+| Self-describing `pods_top` structured content | `pkg/toolsets/core/pods.go` | Done — `extractPodsTopStructured()` returns `map[string]any` with `columns`, `chart`, `items` |
+| Self-describing `nodes_top` structured content | `pkg/toolsets/core/nodes.go` | Done — `extractNodesTopStructured()` with CPU/memory values and percentage utilization |
+| Data-driven `MetricsTable` component | `viewer/components.js` | Done — reads columns, chart config, items from self-describing data; generic `parseUnit()` helper |
+| Shape-based routing (replaces tool-name routing) | `viewer/app.js` | Done — detects `structured.chart && structured.columns && Array.isArray(structured.items)` |
+| Selective `items` unwrapping | `viewer/app.js` | Done — only unwraps when `Object.keys(raw).length === 1` (plain wrapper) |
+| Tests | `pkg/mcp/pods_top_test.go` | Done — structured content assertions for columns, chart, items |
+| Tests | `pkg/mcp/nodes_top_test.go` | Done — structured content assertions for self-describing shape |
+
+#### Completed — Phase 4: YAML Syntax Highlighting
+
+| Feature | Location | Status |
+|---------|----------|--------|
+| Vendor Prism.js core + YAML grammar | `pkg/mcpapps/vendor/prism-core.min.js`, `prism-yaml.min.js` | Done — `make vendor-js` downloads prismjs@1.30.0 |
+| Prism.js theme CSS (`light-dark()`) | `viewer/style.css` | Done — `.token.atrule`, `.token.string`, etc. with `light-dark()` fallbacks |
+| `YamlView` component | `viewer/components.js` | Done — `Prism.highlight()` + `dangerouslySetInnerHTML` with `useMemo` |
+| YAML detection + routing | `viewer/app.js` | Done — `looksLikeYaml()` heuristic + route to `YamlView` |
+| HTML assembly (`viewer.html`) | `viewer/viewer.html` | Done — `INJECT_VENDOR_PRISM_CORE/YAML` placeholders, `window.Prism = { manual: true }` |
+| Embed + assembly (`mcpapps.go`) | `pkg/mcpapps/mcpapps.go` | Done — Prism placeholder replacements in `buildBaseHTML()` |
+| Tests for Prism embed/placeholder | `pkg/mcpapps/mcpapps_test.go` | Done — tests for Prism placeholders and vendor file embedding |
+
+#### Pending — Phase 5: Polish
+
+| Feature | Status |
+|---------|--------|
+| Structured content for remaining non-list tool handlers | Not started |
+| Refresh via `callServerTool()` | Not started |
+| Compact height management via `sendSizeChanged()` | Not started |
+| Filtering and pagination for table views | Not started |
+| Edge case handling (empty results, large datasets) | Not started |
+| User-facing documentation (see below) | Not started |
+
+**Documentation requirements** (must be done before merging to main):
+
+- `docs/configuration.md`: Add `apps_enabled` to the configuration reference.
+- `docs/configuration.md` or dedicated `docs/apps.md`: Must clearly explain that
+  `structuredContent` is **not** added to model context — only `content` is (see
+  [Section 12](#12-model-context-visibility-content-vs-structuredcontent)). Users need
+  to understand that enabling MCP Apps does not change what the LLM sees; it only adds
+  visual rendering in supporting hosts. If their MCP host misbehaves (feeds
+  `structuredContent` to the model), the `--apps` / `apps_enabled = false` flag is the
+  escape hatch.
+
+#### Pre-existing infrastructure (unchanged)
+
+| Feature | Location |
+|---------|----------|
+| `Tool.Meta map[string]any` | `pkg/api/toolsets.go` |
+| Meta → go-sdk conversion | `pkg/mcp/gosdk.go` — `Meta: mcp.Meta(tool.Tool.Meta)` |
+| `ToolCallResult.StructuredContent` | `pkg/api/toolsets.go` |
+| `NewToolCallResultStructured()` | `pkg/api/toolsets.go` |
+| `NewStructuredResult()` | `pkg/mcp/mcp.go` |
+| Go-SDK v1.4.0 with Extensions | `go.mod` |
+
+### A.3 Commit History
+
+1. `989144b` — feat: add MCP Apps scaffolding with research, config, and vendor libs (Phase 1)
+2. `4093abb` — feat: add MCP Apps viewer with Preact rendering and Chart.js (Phase 2)
+3. `c3b2f48` — feat: add per-tool resource URIs, self-describing metrics, and dual-flow viewer (Phase 3)
+4. `ce472e8` — fix: register MCP App resources before tools for VS Code compatibility
+5. `518c3bf` — test: ensure no error when writing test harness and viewer HTML
+6. `eadbcf8` — chore(docs): move MCP Apps research to specs as feature specification
+7. `01d45c3` — docs(specs): add YAML syntax highlighting spec and tool rendering matrix
+8. `e3e37da` — feat: add YAML syntax highlighting with Prism.js for MCP Apps viewer (Phase 4)
+
+### A.4 End-to-End Verification
+
+The feature has been verified working end-to-end with MCP Inspector: with `--apps` enabled,
+tools expose per-tool `ui://kubernetes-mcp-server/tool/{toolName}` resources. The viewer
+renders in a sandboxed iframe and supports both the spec-compliant flow (receiving `tool-result`
+from the host) and the fallback flow (calling the tool via `serverTools` when only `tool-input`
+is received). Array-typed `structuredContent` is correctly wrapped in `{"items": [...]}` to
+satisfy the MCP spec requirement that `structuredContent` must be a JSON object.
+
+### A.5 Output Layer Problem Analysis
+
+#### Data flow before refinement (pods_list example)
+
+```
+K8s API → runtime.Unstructured
+    ├── PrintObj(ret) → text string (YAML or Table)     ← for LLM/Content
+    └── extractPodListStructured(ret) → []map[string]any ← for MCP Apps/StructuredContent
+                                                            (manually walks same object again)
+```
+
+The handler then manually assembled the result:
+```go
+text, textErr := params.ListOutput.PrintObj(ret)
+if structured := extractPodListStructured(ret); structured != nil {
+    return &api.ToolCallResult{Content: text, StructuredContent: structured, Error: textErr}, nil
+}
+return api.NewToolCallResult(text, textErr), nil
+```
+
+#### Three distinct problems solved
+
+1. **`PrintObj` returns text only** — `PrintObj(obj runtime.Unstructured) (string, error)`.
+   The Kubernetes object is already being processed (YAML marshal or Table extraction),
+   but the structured data is thrown away and must be re-extracted separately.
+
+2. **No constructor for "text + structured"** — `NewToolCallResult` is text-only,
+   `NewToolCallResultStructured` is structured-only (auto-serializes structured to JSON
+   for Content, losing human-readable formatting). The pods handlers work around this
+   by constructing `ToolCallResult` literally.
+
+3. **Per-tool extraction functions don't scale** — `extractPodListStructured()` and
+   `extractPodsTopStructured()` manually walk the Kubernetes object to pluck specific
+   fields. Every tool would need its own extraction function.
+
+#### What the refinement eliminated
+
+- **All `extract*Structured()` functions** for standard Kubernetes list operations —
+  `extractPodListStructured()` removed. The `Output` implementation handles extraction generically.
+
+- **Manual `ToolCallResult` literal construction** — replaced by `NewToolCallResultFull`.
+
+- **Per-tool structured content logic in toolset files** — the output layer handles it.
+
+#### Tool patterns before and after
+
+| Pattern | Tools | How they produce results |
+|---------|-------|------------------------|
+| Text-only via `PrintObj` | namespaces_list, projects_list, most list tools | `NewToolCallResult(params.ListOutput.PrintObj(ret))` |
+| Text-only via custom formatting | events_list, helm_list | `NewToolCallResult(customFormat, nil)` |
+| Text-only hardcoded | pods_get, pods_delete, pods_log | `NewToolCallResult("message", nil)` |
+| Text + structured (manual) | pods_list, pods_list_in_namespace | `PrintObj` + `extractPodListStructured` + literal struct |
+| Custom text + self-describing structured | pods_top, nodes_top | `TopCmdPrinter` + `extractPodsTopStructured`/`extractNodesTopStructured` → `map[string]any` with columns, chart, items |
+
+### A.6 Files Modified Per Feature
+
+#### Output layer refinement
+
+| File | Changes |
+|------|---------|
+| `pkg/output/output.go` | Added `PrintResult` struct, `PrintObjStructured` to interface, implemented for yaml and table, added `tableToStructured` helper |
+| `pkg/output/output_test.go` | Tests for `PrintObjStructured` (YAML and Table), `tableToStructured`, typed nil guard |
+| `pkg/api/toolsets.go` | Added `NewToolCallResultFull(text, structured, err)` constructor |
+| `pkg/api/toolsets_test.go` | Tests for `NewToolCallResultFull` |
+| `pkg/toolsets/core/pods.go` | Simplified handlers to use `PrintObjStructured` + `NewToolCallResultFull`, removed `extractPodListStructured` |
+| `pkg/toolsets/core/namespaces.go` | Switched from `PrintObj` → `PrintObjStructured` + `NewToolCallResultFull` |
+| `pkg/toolsets/core/resources.go` | Switched from `PrintObj` → `PrintObjStructured` + `NewToolCallResultFull` |
+| `pkg/mcpapps/viewer/components.js` | Generalized `TableView` to render any column set, fixed hooks violation |
+
+#### Per-tool resource URIs
+
+| File | Changes |
+|------|---------|
+| `pkg/mcpapps/mcpapps.go` | Replaced `ViewerHTML()` → `ViewerHTMLForTool(toolName)`, `ToolMeta()` → `ToolMetaForTool(toolName)`, added `ToolResourceURI(toolName)`, `sync.Map` for per-tool caching |
+| `pkg/mcpapps/mcpapps_test.go` | Rewritten for per-tool API: 19 tests |
+| `pkg/mcpapps/viewer/viewer.html` | Added `INJECT_TOOL_NAME` placeholder |
+| `pkg/mcpapps/viewer/app.js` | Dual-flow: `tool-result` (spec) + `tool-input` → `serverTools` (fallback) |
+| `pkg/mcpapps/viewer/protocol.js` | Added responses to unhandled requests, improved logging |
+| `pkg/mcp/mcp.go` | Changed `registerMCPAppResources()` to per-tool, moved to `reloadToolsets()` |
+| `pkg/mcp/tool_mutator.go` | Updated `WithAppsMeta()` to use `ToolMetaForTool(tool.Tool.Name)` |
+
+#### structuredContent object wrapping
+
+| File | Changes |
+|------|---------|
+| `pkg/mcp/mcp.go` | Added `ensureStructuredObject()`, called from `NewStructuredResult()` |
+| `pkg/mcp/text_result_test.go` | Tests for array wrapping and map pass-through |
+| `pkg/mcpapps/viewer/app.js` | Unwraps `{"items": [...]}` envelope |
+
+#### VS Code compatibility fix
+
+| File | Changes |
+|------|---------|
+| `pkg/mcp/mcp.go` | Moved `registerMCPAppResources()` before `reloadItems` for tools |
+| `pkg/mcpapps/mcpapps.go` | Added legacy flat `"ui/resourceUri"` key to `ToolMetaForTool()` |
+| `pkg/mcpapps/mcpapps_test.go` | Tests for both nested and legacy `_meta` keys |
+
+### A.7 Frontend Browser Testing
+
+Browser tests are **foundational infrastructure** — the test harness and first tests should be
+set up alongside the initial viewer implementation, not deferred to a later phase. Each feature
+(table rendering, metrics charts, theming, sorting) gets its browser tests written as part of
+the same phase that implements the feature.
+
+#### Why Browser Tests Are Needed
+
+The MCP Apps viewer is a Preact-based SPA served as a self-contained HTML blob (~220KB with
+vendored JS). It communicates with its parent frame via **postMessage JSON-RPC**, not HTTP.
+Go unit tests (`mcpapps_test.go`) can verify HTML assembly and resource URIs, but they cannot
+test rendering, component routing, user interactions, or the postMessage protocol flow. Only
+a real browser can validate that the viewer works end-to-end.
+
+#### Library Choice: Rod (go-rod/rod)
+
+| | |
+|---|---|
+| **Repository** | [github.com/go-rod/rod](https://github.com/go-rod/rod) |
+| **Stars** | ~6,700+ |
+| **Actively maintained** | Yes (Feb 2026) |
+| **Pure Go** | Yes (no Node.js, no Java) |
+| **Browser** | Auto-downloads pinned Chromium version |
+
+**Why Rod:**
+
+1. **Auto-downloads the exact Chromium version** — no CI setup, no version mismatch.
+   Each Rod release pins a specific Chromium + DevTools protocol version.
+2. **Auto-wait on all interactions** — ideal for Preact async rendering + Chart.js canvas.
+3. **Thread-safe** — works with Go test parallelism.
+4. **`Must` prefix convention** maps naturally to test code (panics on error).
+5. **First-class iframe support** — critical since MCP Apps run inside sandboxed iframes.
+6. **Zero transitive Go dependencies** — only adds `github.com/go-rod/rod` to `go.mod`.
+7. **CI-friendly** — headless by default, works on `ubuntu-latest` GitHub Actions out of the box.
+
+```go
+browser := rod.New().MustConnect()
+page := browser.MustPage("file:///tmp/test-harness.html").MustWaitStable()
+iframe := page.MustElement("iframe").MustFrame()
+rows := iframe.MustElements("table tbody tr")
+```
+
+**Safe alternative: [chromedp](https://github.com/chromedp/chromedp)** (~11,500 stars) —
+most popular Go browser library, battle-tested, pure Go with zero dependencies. Trade-offs:
+more verbose DSL-like API, no auto-wait (manual `chromedp.WaitVisible` required), requires
+system Chrome or Docker image (no auto-download).
+
+#### Test Architecture: Wrapper Page with iframe
+
+The viewer communicates via `window.parent.postMessage()` JSON-RPC. In production, the parent
+is the MCP host (Claude Desktop, VS Code, etc.). In tests, we **simulate the MCP host** using
+a wrapper HTML page that embeds the viewer in an `<iframe>` and handles the protocol.
+
+A direct page load approach was considered (when there's no iframe, `window.parent === window`)
+but rejected: the app initializes immediately on load, firing `ui/initialize` before a test
+listener can be injected, creating a fragile race condition.
+
+The wrapper iframe approach is better because:
+- It replicates the actual iframe + postMessage flow as MCP hosts do it.
+- No modifications to the production viewer HTML — used as-is via `srcdoc`.
+- Go generates the harness HTML from a template — no extra files checked in.
+- The `srcdoc` attribute avoids cross-origin issues (same-origin with parent).
+
+#### Harness HTML (generated by Go test)
+
+```html
+<html><body>
+<iframe id="viewer" srcdoc="...escaped viewer HTML..."></iframe>
+<script>
+// Act as MCP host: respond to ui/initialize
+window.addEventListener('message', function(e) {
+    var msg = e.data;
+    if (!msg || msg.jsonrpc !== '2.0') return;
+    if (msg.method === 'ui/initialize' && msg.id != null) {
+        e.source.postMessage({
+            jsonrpc: '2.0', id: msg.id,
+            result: {
+                hostContext: {
+                    theme: window.__testTheme || 'light',
+                    toolInfo: { tool: { name: window.__testToolName || 'test_tool' } }
+                }
+            }
+        }, '*');
+    }
+});
+// Expose function for Go test to inject tool results
+window.sendToolResult = function(data) {
+    document.getElementById('viewer').contentWindow.postMessage({
+        jsonrpc: '2.0',
+        method: 'ui/notifications/tool-result',
+        params: data
+    }, '*');
+};
+</script>
+</body></html>
+```
+
+#### Test Flow
+
+```
+1. Go test calls mcpapps.ViewerHTMLForTool("pods_list")
+2. Go test generates harness HTML with viewer embedded in <iframe srcdoc="...">
+3. Harness written to temp file
+4. Rod opens file:///tmp/harness-XXXX.html
+5. Harness JS responds to ui/initialize from viewer
+6. Viewer transitions to "ready" state ("Waiting for tool result...")
+7. Go test calls page.MustEval("window.sendToolResult({...})")
+8. Viewer renders the data (table, chart, generic view)
+9. Go test navigates into iframe DOM and asserts on rendered elements
+```
+
+#### What to Test (incrementally, alongside each feature)
+
+| Test Category | Phase |
+|---|---|
+| **Protocol handshake**: viewer initializes, transitions from "loading" to "ready" | Infrastructure setup |
+| **Table rendering**: correct columns, row count, data values match input | Table component |
+| **Table sorting**: click header → rows reorder, click again → reverse | Table component |
+| **Metrics/Charts**: canvas element present, MetricsTable renders chart + table | Metrics component |
+| **Data routing**: `{items:[...]}` → TableView, `{chart,columns,items}` → MetricsTable, text → GenericView | App routing |
+| **Items unwrapping**: `{"items": [...]}` envelope unwrapped for plain arrays | structuredContent |
+| **Theme application**: `data-theme` attribute set, `colorScheme` style matches | Theming |
+| **Host context changes**: `host-context-changed` notification updates theme live | Theming |
+| **Error handling**: error state renders error message in `.status` element | Error paths |
+
+#### CI Considerations
+
+- **Build tag**: Use `//go:build browser` to separate browser tests from unit tests.
+  Browser tests are slower (launch Chromium) and should run in a dedicated CI step.
+- **Rod auto-downloads Chromium**: No extra CI setup. Works on `ubuntu-latest`.
+- **Timeouts**: Set reasonable timeouts (10-15s) for async rendering waits.
+- **Viewport**: Use `rod.New().NoDefaultDevice()` for consistent viewport sizing.
+- **Makefile target**: Add `make test-browser` that runs `go test -tags browser ./pkg/mcpapps/...`.
+- **First run**: Rod downloads Chromium on first invocation (~150MB). Cache in CI via
+  `~/.cache/rod` or equivalent.
+
+#### Impact on go.mod
+
+```
+github.com/go-rod/rod v0.116.x  (zero transitive Go dependencies)
+```
+
+#### Decision
+
+**Rod + Wrapper iframe approach**. Test harness infrastructure set up in Phase 1 alongside
+the initial viewer. Tests added incrementally as each frontend feature is implemented.
+
+### A.8 Why signals-core Was Removed
+
+- Originally vendored (`@preact/signals-core@1.8.0`, ~4 KB) but **never used**
+- The viewer exclusively uses Preact hooks (`useState`, `useEffect`, `useRef`, etc.)
+- Its ESM `export{...}` statement caused a SyntaxError inside the IIFE wrapper
+- Removed in Phase 2 restructuring
diff --git a/go.mod b/go.mod
index 31dac0985..cf92a2248 100644
--- a/go.mod
+++ b/go.mod
@@ -8,6 +8,7 @@ require (
 	github.com/fsnotify/fsnotify v1.9.0
 	github.com/go-jose/go-jose/v4 v4.1.3
 	github.com/go-logr/logr v1.4.3
+	github.com/go-rod/rod v0.116.2
 	github.com/google/gnostic-models v0.7.1
 	github.com/google/jsonschema-go v0.4.2
 	github.com/modelcontextprotocol/go-sdk v1.4.1
@@ -133,6 +134,11 @@ require (
 	github.com/x448/float16 v0.8.4 // indirect
 	github.com/xlab/treeprint v1.2.0 // indirect
 	github.com/yosida95/uritemplate/v3 v3.0.2 // indirect
+	github.com/ysmood/fetchup v0.2.3 // indirect
+	github.com/ysmood/goob v0.4.0 // indirect
+	github.com/ysmood/got v0.40.0 // indirect
+	github.com/ysmood/gson v0.7.3 // indirect
+	github.com/ysmood/leakless v0.9.0 // indirect
 	go.opentelemetry.io/auto/sdk v1.2.1 // indirect
 	go.opentelemetry.io/contrib/instrumentation/net/http/otelhttp v0.63.0 // indirect
 	go.opentelemetry.io/proto/otlp v1.9.0 // indirect
diff --git a/go.sum b/go.sum
index ad6f4d47a..c58ab79de 100644
--- a/go.sum
+++ b/go.sum
@@ -112,6 +112,8 @@ github.com/go-openapi/jsonreference v0.21.0 h1:Rs+Y7hSXT83Jacb7kFyjn4ijOuVGSvOdF
 github.com/go-openapi/jsonreference v0.21.0/go.mod h1:LmZmgsrTkVg9LG4EaHeY8cBDslNPMo06cago5JNLkm4=
 github.com/go-openapi/swag v0.23.1 h1:lpsStH0n2ittzTnbaSloVZLuB5+fvSY/+hnagBjSNZU=
 github.com/go-openapi/swag v0.23.1/go.mod h1:STZs8TbRvEQQKUA+JZNAm3EWlgaOBGpyFDqQnDHMef0=
+github.com/go-rod/rod v0.116.2 h1:A5t2Ky2A+5eD/ZJQr1EfsQSe5rms5Xof/qj296e+ZqA=
+github.com/go-rod/rod v0.116.2/go.mod h1:H+CMO9SCNc2TJ2WfrG+pKhITz57uGNYU43qYHh438Mg=
 github.com/go-sql-driver/mysql v1.8.1 h1:LedoTUt/eveggdHS9qUFC1EFSa8bU2+1pZjSRpvNJ1Y=
 github.com/go-sql-driver/mysql v1.8.1/go.mod h1:wEBSXgmK//2ZFJyE+qWnIsVGmvmEKlqwuVSjsCm7DZg=
 github.com/go-task/slim-sprig/v3 v3.0.0 h1:sUs3vkvUymDpBKi3qH1YSqBQk9+9D/8M2mN1vB6EwHI=
@@ -297,6 +299,20 @@ github.com/xlab/treeprint v1.2.0 h1:HzHnuAF1plUN2zGlAFHbSQP2qJ0ZAD3XF5XD7OesXRQ=
 github.com/xlab/treeprint v1.2.0/go.mod h1:gj5Gd3gPdKtR1ikdDK6fnFLdmIS0X30kTTuNd/WEJu0=
 github.com/yosida95/uritemplate/v3 v3.0.2 h1:Ed3Oyj9yrmi9087+NczuL5BwkIc4wvTb5zIM+UJPGz4=
 github.com/yosida95/uritemplate/v3 v3.0.2/go.mod h1:ILOh0sOhIJR3+L/8afwt/kE++YT040gmv5BQTMR2HP4=
+github.com/ysmood/fetchup v0.2.3 h1:ulX+SonA0Vma5zUFXtv52Kzip/xe7aj4vqT5AJwQ+ZQ=
+github.com/ysmood/fetchup v0.2.3/go.mod h1:xhibcRKziSvol0H1/pj33dnKrYyI2ebIvz5cOOkYGns=
+github.com/ysmood/goob v0.4.0 h1:HsxXhyLBeGzWXnqVKtmT9qM7EuVs/XOgkX7T6r1o1AQ=
+github.com/ysmood/goob v0.4.0/go.mod h1:u6yx7ZhS4Exf2MwciFr6nIM8knHQIE22lFpWHnfql18=
+github.com/ysmood/gop v0.2.0 h1:+tFrG0TWPxT6p9ZaZs+VY+opCvHU8/3Fk6BaNv6kqKg=
+github.com/ysmood/gop v0.2.0/go.mod h1:rr5z2z27oGEbyB787hpEcx4ab8cCiPnKxn0SUHt6xzk=
+github.com/ysmood/got v0.40.0 h1:ZQk1B55zIvS7zflRrkGfPDrPG3d7+JOza1ZkNxcc74Q=
+github.com/ysmood/got v0.40.0/go.mod h1:W7DdpuX6skL3NszLmAsC5hT7JAhuLZhByVzHTq874Qg=
+github.com/ysmood/gotrace v0.6.0 h1:SyI1d4jclswLhg7SWTL6os3L1WOKeNn/ZtzVQF8QmdY=
+github.com/ysmood/gotrace v0.6.0/go.mod h1:TzhIG7nHDry5//eYZDYcTzuJLYQIkykJzCRIo4/dzQM=
+github.com/ysmood/gson v0.7.3 h1:QFkWbTH8MxyUTKPkVWAENJhxqdBa4lYTQWqZCiLG6kE=
+github.com/ysmood/gson v0.7.3/go.mod h1:3Kzs5zDl21g5F/BlLTNcuAGAYLKt2lV5G8D1zF3RNmg=
+github.com/ysmood/leakless v0.9.0 h1:qxCG5VirSBvmi3uynXFkcnLMzkphdh3xx5FtrORwDCU=
+github.com/ysmood/leakless v0.9.0/go.mod h1:R8iAXPRaG97QJwqxs74RdwzcRHT1SWCGTNqY8q0JvMQ=
 go.opentelemetry.io/auto/sdk v1.2.1 h1:jXsnJ4Lmnqd11kwkBV2LgLoFMZKizbCi5fNZ/ipaZ64=
 go.opentelemetry.io/auto/sdk v1.2.1/go.mod h1:KRTj+aOaElaLi+wW1kO/DZRXwkF4C5xPbEe3ZiIhN7Y=
 go.opentelemetry.io/contrib/bridges/prometheus v0.57.0 h1:UW0+QyeyBVhn+COBec3nGhfnFe5lwB0ic1JBVjzhk0w=
diff --git a/pkg/config/config.go b/pkg/config/config.go
index 6d484a32f..55298e35a 100644
--- a/pkg/config/config.go
+++ b/pkg/config/config.go
@@ -102,6 +102,11 @@ type StaticConfig struct {
 	// Defaults to false.
 	ValidationEnabled bool `toml:"validation_enabled,omitempty"`
 
+	// AppsEnabled enables MCP Apps interactive UI extensions.
+	// When true, tools expose a _meta.ui.resourceUri field and the server
+	// registers the viewer HTML as a ui:// resource.
+	AppsEnabled bool `toml:"apps_enabled,omitempty"`
+
 	// Internal: parsed provider configs (not exposed to TOML package)
 	parsedClusterProviderConfigs map[string]api.ExtendedConfig
 	// Internal: parsed toolset configs (not exposed to TOML package)
@@ -357,3 +362,7 @@ func (c *StaticConfig) GetStsScopes() []string {
 func (c *StaticConfig) IsValidationEnabled() bool {
 	return c.ValidationEnabled
 }
+
+func (c *StaticConfig) IsAppsEnabled() bool {
+	return c.AppsEnabled
+}
diff --git a/pkg/kubernetes-mcp-server/cmd/root.go b/pkg/kubernetes-mcp-server/cmd/root.go
index 11eceb0c3..322c35b46 100644
--- a/pkg/kubernetes-mcp-server/cmd/root.go
+++ b/pkg/kubernetes-mcp-server/cmd/root.go
@@ -88,6 +88,7 @@ const (
 	flagClusterProvider      = "cluster-provider"
 	flagTLSCert              = "tls-cert"
 	flagTLSKey               = "tls-key"
+	flagApps                 = "apps"
 )
 
 type MCPServerOptions struct {
@@ -110,6 +111,7 @@ type MCPServerOptions struct {
 	ClusterProvider      string
 	TLSCert              string
 	TLSKey               string
+	Apps                 bool
 
 	ConfigPath   string
 	ConfigDir    string
@@ -173,6 +175,7 @@ func NewMCPServer(streams genericiooptions.IOStreams) *cobra.Command {
 	cmd.Flags().StringVar(&o.ClusterProvider, flagClusterProvider, o.ClusterProvider, "Cluster provider strategy to use (one of: kubeconfig, in-cluster, kcp, disabled). If not set, the server will auto-detect based on the environment.")
 	cmd.Flags().StringVar(&o.TLSCert, flagTLSCert, o.TLSCert, "Path to TLS certificate file for HTTPS. Must be used together with --tls-key.")
 	cmd.Flags().StringVar(&o.TLSKey, flagTLSKey, o.TLSKey, "Path to TLS private key file for HTTPS. Must be used together with --tls-cert.")
+	cmd.Flags().BoolVar(&o.Apps, flagApps, o.Apps, "Enable MCP Apps interactive UI extensions")
 
 	return cmd
 }
@@ -253,6 +256,9 @@ func (m *MCPServerOptions) loadFlags(cmd *cobra.Command) {
 	if cmd.Flag(flagTLSKey).Changed {
 		m.StaticConfig.TLSKey = m.TLSKey
 	}
+	if cmd.Flag(flagApps).Changed {
+		m.StaticConfig.AppsEnabled = m.Apps
+	}
 }
 
 func (m *MCPServerOptions) initializeLogging() {
diff --git a/pkg/mcp/mcp.go b/pkg/mcp/mcp.go
index 7715deba0..9cee66bac 100644
--- a/pkg/mcp/mcp.go
+++ b/pkg/mcp/mcp.go
@@ -17,6 +17,7 @@ import (
 	"github.com/containers/kubernetes-mcp-server/pkg/api"
 	"github.com/containers/kubernetes-mcp-server/pkg/config"
 	internalk8s "github.com/containers/kubernetes-mcp-server/pkg/kubernetes"
+	"github.com/containers/kubernetes-mcp-server/pkg/mcpapps"
 	"github.com/containers/kubernetes-mcp-server/pkg/metrics"
 	"github.com/containers/kubernetes-mcp-server/pkg/output"
 	"github.com/containers/kubernetes-mcp-server/pkg/prompts"
@@ -63,16 +64,27 @@ func (c *Configuration) isToolApplicable(tool api.ServerTool) bool {
 }
 
 type Server struct {
-	mu             sync.RWMutex
-	configuration  *Configuration
-	server         *mcp.Server
-	enabledTools   []string
-	enabledPrompts []string
-	p              internalk8s.Provider
-	metrics        *metrics.Metrics // Metrics collection system
+	mu                sync.RWMutex
+	configuration     *Configuration
+	server            *mcp.Server
+	enabledTools      []string
+	enabledPrompts    []string
+	registeredAppURIs []string // tracked for cleanup on reload
+	p                 internalk8s.Provider
+	metrics           *metrics.Metrics // Metrics collection system
 }
 
 func NewServer(configuration Configuration, targetProvider internalk8s.Provider) (*Server, error) {
+	caps := &mcp.ServerCapabilities{
+		Prompts: &mcp.PromptCapabilities{ListChanged: !configuration.Stateless},
+		Tools:   &mcp.ToolCapabilities{ListChanged: !configuration.Stateless},
+		Logging: &mcp.LoggingCapabilities{},
+	}
+	if configuration.AppsEnabled {
+		caps.AddExtension("io.modelcontextprotocol/ui", nil)
+		caps.Resources = &mcp.ResourceCapabilities{}
+	}
+
 	s := &Server{
 		configuration: &configuration,
 		server: mcp.NewServer(
@@ -83,12 +95,7 @@ func NewServer(configuration Configuration, targetProvider internalk8s.Provider)
 				WebsiteURL: version.WebsiteURL,
 			},
 			&mcp.ServerOptions{
-				Capabilities: &mcp.ServerCapabilities{
-					Resources: nil,
-					Prompts:   &mcp.PromptCapabilities{ListChanged: !configuration.Stateless},
-					Tools:     &mcp.ToolCapabilities{ListChanged: !configuration.Stateless},
-					Logging:   &mcp.LoggingCapabilities{},
-				},
+				Capabilities: caps,
 				Instructions: configuration.ServerInstructions,
 			}),
 		p: targetProvider,
@@ -137,6 +144,19 @@ func (s *Server) reloadToolsets() error {
 	previousPrompts := s.enabledPrompts
 	s.mu.RUnlock()
 
+	// Build the new tool name list for resource registration
+	newToolNames := make([]string, 0, len(applicableTools))
+	for _, t := range applicableTools {
+		newToolNames = append(newToolNames, t.Tool.Name)
+	}
+
+	// Register per-tool MCP App resources BEFORE tools so that resources are
+	// available when clients receive the tools/list_changed notification and
+	// immediately try to read the resource URI from _meta.ui.resourceUri.
+	if s.configuration.AppsEnabled {
+		s.registerMCPAppResources(newToolNames)
+	}
+
 	// Reload tools (calls s.server.AddTool/RemoveTools - external code, no lock held)
 	newTools, err := reloadItems(
 		previousTools,
@@ -213,10 +233,14 @@ func (s *Server) collectApplicableTools() []api.ServerTool {
 		s.configuration.isToolApplicable,
 		ShouldIncludeTargetListTool(s.p.GetTargetParameterName(), s.p.IsMultiTarget()),
 	)
-	mutator := ComposeMutators(
+	mutators := []ToolMutator{
 		WithTargetParameter(s.p.GetDefaultTarget(), s.p.GetTargetParameterName(), s.p.IsMultiTarget()),
 		WithTargetListTool(s.p.GetDefaultTarget(), s.p.GetTargetParameterName(), s.p),
-	)
+	}
+	if s.configuration.AppsEnabled {
+		mutators = append(mutators, WithAppsMeta())
+	}
+	mutator := ComposeMutators(mutators...)
 
 	tools := make([]api.ServerTool, 0)
 	for _, toolset := range s.configuration.Toolsets() {
@@ -260,6 +284,51 @@ func (s *Server) registerPrompt(prompt api.ServerPrompt) error {
 	return nil
 }
 
+// registerMCPAppResources registers per-tool viewer HTML as ui:// resources.
+// Each tool gets its own resource URI (e.g. ui://kubernetes-mcp-server/tool/pods_list)
+// so the viewer knows which tool it belongs to and can call it via serverTools.
+// Stale resources from previously enabled tools are removed.
+func (s *Server) registerMCPAppResources(toolNames []string) {
+	// Build the new URI set
+	newURIs := make(map[string]bool, len(toolNames))
+	for _, toolName := range toolNames {
+		newURIs[mcpapps.ToolResourceURI(toolName)] = true
+	}
+	// Remove stale resources that are no longer needed
+	var staleURIs []string
+	for _, uri := range s.registeredAppURIs {
+		if !newURIs[uri] {
+			staleURIs = append(staleURIs, uri)
+		}
+	}
+	if len(staleURIs) > 0 {
+		s.server.RemoveResources(staleURIs...)
+	}
+	// Register new/updated resources
+	registeredURIs := make([]string, 0, len(toolNames))
+	for _, toolName := range toolNames {
+		uri := mcpapps.ToolResourceURI(toolName)
+		registeredURIs = append(registeredURIs, uri)
+		s.server.AddResource(
+			&mcp.Resource{
+				URI:      uri,
+				Name:     "Kubernetes MCP Apps Viewer: " + toolName,
+				MIMEType: mcpapps.ResourceMIMEType,
+			},
+			func(_ context.Context, _ *mcp.ReadResourceRequest) (*mcp.ReadResourceResult, error) {
+				return &mcp.ReadResourceResult{
+					Contents: []*mcp.ResourceContents{{
+						URI:      uri,
+						MIMEType: mcpapps.ResourceMIMEType,
+						Text:     mcpapps.ViewerHTMLForTool(toolName),
+					}},
+				}, nil
+			},
+		)
+	}
+	s.registeredAppURIs = registeredURIs
+}
+
 // metricsMiddleware returns a metrics middleware with access to the server's metrics system
 func (s *Server) metricsMiddleware() func(mcp.MethodHandler) mcp.MethodHandler {
 	return func(next mcp.MethodHandler) mcp.MethodHandler {
@@ -402,7 +471,8 @@ func NewTextResult(content string, err error) *mcp.CallToolResult {
 //
 // Per the MCP specification, structuredContent must marshal to a JSON object.
 // If structuredContent is a slice/array, it is automatically wrapped in
-// {"items": [...]} to satisfy this requirement.
+// {"items": [...]} to satisfy this requirement. The viewer extracts .items
+// for array data.
 //
 // Per the MCP specification:
 // "For backwards compatibility, a tool that returns structured content SHOULD
@@ -442,6 +512,9 @@ func NewStructuredResult(content string, structuredContent any, err error) *mcp.
 // would not be wrapped. All current callers pass value types.
 func ensureStructuredObject(v any) any {
 	rv := reflect.ValueOf(v)
+	if !rv.IsValid() {
+		return v
+	}
 	if rv.Kind() == reflect.Slice {
 		if rv.IsNil() {
 			return nil
diff --git a/pkg/mcp/nodes_top_test.go b/pkg/mcp/nodes_top_test.go
index 47b9bdce4..475a0c802 100644
--- a/pkg/mcp/nodes_top_test.go
+++ b/pkg/mcp/nodes_top_test.go
@@ -160,6 +160,33 @@ func (s *NodesTopSuite) TestNodesTop() {
 			s.Contains(content, "CPU(cores)", "expected header with CPU column")
 			s.Contains(content, "MEMORY(bytes)", "expected header with MEMORY column")
 		})
+		s.Run("returns self-describing structured content", func() {
+			s.Require().NotNil(toolResult.StructuredContent, "expected structured content")
+			structured, ok := toolResult.StructuredContent.(map[string]any)
+			s.Require().True(ok, "expected map[string]any")
+			// Verify columns
+			columns, ok := structured["columns"].([]any)
+			s.Require().True(ok, "expected columns array")
+			s.Equal(5, len(columns), "expected 5 columns")
+			col0, _ := columns[0].(map[string]any)
+			s.Equal("name", col0["key"])
+			s.Equal("Node", col0["label"])
+			// Verify chart
+			chart, ok := structured["chart"].(map[string]any)
+			s.Require().True(ok, "expected chart object")
+			s.Equal("name", chart["labelKey"])
+			datasets, ok := chart["datasets"].([]any)
+			s.Require().True(ok, "expected datasets array")
+			s.Equal(2, len(datasets), "expected 2 datasets")
+			// Verify items
+			items, ok := structured["items"].([]any)
+			s.Require().True(ok, "expected items array")
+			s.Equal(2, len(items), "expected 2 node items")
+			item0, _ := items[0].(map[string]any)
+			s.Equal("node-1", item0["name"])
+			s.Equal("500m", item0["cpu"])
+			s.Equal("2048Mi", item0["memory"])
+		})
 	})
 
 	s.Run("nodes_top(name=node-1) - specific node", func() {
diff --git a/pkg/mcp/pods_top_test.go b/pkg/mcp/pods_top_test.go
index 5be23ec0e..643ff057f 100644
--- a/pkg/mcp/pods_top_test.go
+++ b/pkg/mcp/pods_top_test.go
@@ -118,6 +118,38 @@ func (s *PodsTopSuite) TestPodsTopMetricsAvailable() {
 		s.Regexpf(expectedTotal, textContent, "expected total row '%s' not found in output:\n%s", expectedTotal.String(), textContent)
 	})
 
+	s.Run("pods_top(defaults) returns self-describing structured content", func() {
+		result, err := s.CallTool("pods_top", map[string]interface{}{})
+		s.Require().NotNil(result)
+		s.Require().NoError(err)
+		s.Require().NotNil(result.StructuredContent, "expected structured content")
+		structured, ok := result.StructuredContent.(map[string]any)
+		s.Require().True(ok, "expected map[string]any")
+		// Verify columns
+		columns, ok := structured["columns"].([]any)
+		s.Require().True(ok, "expected columns array")
+		s.Equal(4, len(columns), "expected 4 columns")
+		col0, _ := columns[0].(map[string]any)
+		s.Equal("namespace", col0["key"])
+		s.Equal("Namespace", col0["label"])
+		// Verify chart
+		chart, ok := structured["chart"].(map[string]any)
+		s.Require().True(ok, "expected chart object")
+		s.Equal("name", chart["labelKey"])
+		datasets, ok := chart["datasets"].([]any)
+		s.Require().True(ok, "expected datasets array")
+		s.Equal(2, len(datasets), "expected 2 datasets")
+		// Verify items
+		items, ok := structured["items"].([]any)
+		s.Require().True(ok, "expected items array")
+		s.Equal(2, len(items), "expected 2 pod items")
+		item0, _ := items[0].(map[string]any)
+		s.Equal("pod-1", item0["name"])
+		s.Equal("default", item0["namespace"])
+		s.Equal("300m", item0["cpu"])
+		s.Equal("500Mi", item0["memory"])
+	})
+
 	s.Run("pods_top(allNamespaces=false) returns pod metrics from configured namespace", func() {
 		result, err := s.CallTool("pods_top", map[string]interface{}{
 			"all_namespaces": false,
diff --git a/pkg/mcp/text_result_test.go b/pkg/mcp/text_result_test.go
index ce63fef06..c3a83b441 100644
--- a/pkg/mcp/text_result_test.go
+++ b/pkg/mcp/text_result_test.go
@@ -4,6 +4,7 @@ import (
 	"errors"
 	"testing"
 
+	"github.com/containers/kubernetes-mcp-server/pkg/mcpapps"
 	"github.com/modelcontextprotocol/go-sdk/mcp"
 	"github.com/stretchr/testify/suite"
 )
@@ -37,6 +38,34 @@ func (s *TextResultSuite) TestNewTextResult() {
 	})
 }
 
+func (s *TextResultSuite) TestEnsureStructuredObject() {
+	s.Run("returns nil for nil input", func() {
+		result := ensureStructuredObject(nil)
+		s.Nil(result)
+	})
+	s.Run("wraps slice in items object", func() {
+		items := []string{"a", "b"}
+		result := ensureStructuredObject(items)
+		wrapped, ok := result.(map[string]any)
+		s.Require().True(ok)
+		s.Equal(items, wrapped["items"])
+	})
+	s.Run("passes map through unchanged", func() {
+		m := map[string]any{"key": "value"}
+		result := ensureStructuredObject(m)
+		s.Equal(m, result)
+	})
+	s.Run("passes string through unchanged", func() {
+		result := ensureStructuredObject("hello")
+		s.Equal("hello", result)
+	})
+	s.Run("passes nil slice through unchanged", func() {
+		var nilSlice []map[string]any
+		result := ensureStructuredObject(nilSlice)
+		s.Nil(result)
+	})
+}
+
 func (s *TextResultSuite) TestNewStructuredResult() {
 	s.Run("returns text and structured content for successful result", func() {
 		structured := map[string]any{"pods": []string{"pod-1", "pod-2"}}
@@ -91,3 +120,70 @@ func (s *TextResultSuite) TestNewStructuredResult() {
 func TestTextResult(t *testing.T) {
 	suite.Run(t, new(TextResultSuite))
 }
+
+type RegisterMCPAppResourcesSuite struct {
+	suite.Suite
+}
+
+func (s *RegisterMCPAppResourcesSuite) newServer() *Server {
+	return &Server{
+		server: mcp.NewServer(
+			&mcp.Implementation{Name: "test"},
+			&mcp.ServerOptions{
+				Capabilities: &mcp.ServerCapabilities{
+					Resources: &mcp.ResourceCapabilities{},
+				},
+			},
+		),
+	}
+}
+
+func (s *RegisterMCPAppResourcesSuite) TestTracksRegisteredURIs() {
+	srv := s.newServer()
+	srv.registerMCPAppResources([]string{"pods_list", "nodes_top"})
+	s.ElementsMatch(
+		[]string{
+			mcpapps.ToolResourceURI("pods_list"),
+			mcpapps.ToolResourceURI("nodes_top"),
+		},
+		srv.registeredAppURIs,
+	)
+}
+
+func (s *RegisterMCPAppResourcesSuite) TestRemovesStaleResources() {
+	srv := s.newServer()
+	// First registration: two tools
+	srv.registerMCPAppResources([]string{"pods_list", "nodes_top"})
+	s.Len(srv.registeredAppURIs, 2)
+	// Second registration: only one tool remains — stale nodes_top should be cleaned up
+	srv.registerMCPAppResources([]string{"pods_list"})
+	s.Equal(
+		[]string{mcpapps.ToolResourceURI("pods_list")},
+		srv.registeredAppURIs,
+	)
+}
+
+func (s *RegisterMCPAppResourcesSuite) TestUpdatesTrackingOnReRegister() {
+	srv := s.newServer()
+	srv.registerMCPAppResources([]string{"pods_list"})
+	srv.registerMCPAppResources([]string{"pods_list", "namespaces_list"})
+	s.ElementsMatch(
+		[]string{
+			mcpapps.ToolResourceURI("pods_list"),
+			mcpapps.ToolResourceURI("namespaces_list"),
+		},
+		srv.registeredAppURIs,
+	)
+}
+
+func (s *RegisterMCPAppResourcesSuite) TestEmptyListClearsAll() {
+	srv := s.newServer()
+	srv.registerMCPAppResources([]string{"pods_list"})
+	s.Len(srv.registeredAppURIs, 1)
+	srv.registerMCPAppResources([]string{})
+	s.Empty(srv.registeredAppURIs)
+}
+
+func TestRegisterMCPAppResources(t *testing.T) {
+	suite.Run(t, new(RegisterMCPAppResourcesSuite))
+}
diff --git a/pkg/mcp/tool_mutator.go b/pkg/mcp/tool_mutator.go
index c30b520ff..9672ea4d5 100644
--- a/pkg/mcp/tool_mutator.go
+++ b/pkg/mcp/tool_mutator.go
@@ -7,6 +7,7 @@ import (
 	"strings"
 
 	"github.com/containers/kubernetes-mcp-server/pkg/api"
+	"github.com/containers/kubernetes-mcp-server/pkg/mcpapps"
 	"github.com/google/jsonschema-go/jsonschema"
 )
 
@@ -125,6 +126,23 @@ func createTargetListHandler(p targetLister, targetParameterName, defaultTarget
 	}
 }
 
+// WithAppsMeta injects _meta.ui into every tool when MCP Apps is enabled.
+// Each tool gets a unique resource URI so the viewer knows which tool to call.
+// If a tool already has Meta with a "ui" key, it is left unchanged.
+func WithAppsMeta() ToolMutator {
+	return func(tool api.ServerTool) api.ServerTool {
+		appsMeta := mcpapps.ToolMetaForTool(tool.Tool.Name)
+		if tool.Tool.Meta == nil {
+			tool.Tool.Meta = appsMeta
+		} else if _, hasUI := tool.Tool.Meta["ui"]; !hasUI {
+			for k, v := range appsMeta {
+				tool.Tool.Meta[k] = v
+			}
+		}
+		return tool
+	}
+}
+
 func capitalizeFirst(s string) string {
 	if len(s) == 0 {
 		return s
diff --git a/pkg/mcp/tool_mutator_test.go b/pkg/mcp/tool_mutator_test.go
index 53d7c6dd4..48bc55cad 100644
--- a/pkg/mcp/tool_mutator_test.go
+++ b/pkg/mcp/tool_mutator_test.go
@@ -307,3 +307,62 @@ func (s *TargetListToolMutatorSuite) TestHandlerWithGetTargetsError() {
 func TestTargetListToolMutator(t *testing.T) {
 	suite.Run(t, new(TargetListToolMutatorSuite))
 }
+
+type AppsMetaMutatorSuite struct {
+	suite.Suite
+}
+
+func (s *AppsMetaMutatorSuite) TestInjectsMetaWhenNil() {
+	tool := createTestTool("pods_list")
+	s.Nil(tool.Tool.Meta)
+	mutator := WithAppsMeta()
+	result := mutator(tool)
+	s.Run("sets Meta", func() {
+		s.NotNil(result.Tool.Meta)
+	})
+	s.Run("contains ui key", func() {
+		_, hasUI := result.Tool.Meta["ui"]
+		s.True(hasUI)
+	})
+	s.Run("contains legacy flat key", func() {
+		_, hasLegacy := result.Tool.Meta["ui/resourceUri"]
+		s.True(hasLegacy)
+	})
+}
+
+func (s *AppsMetaMutatorSuite) TestMergesIntoExistingMeta() {
+	tool := createTestTool("pods_list")
+	tool.Tool.Meta = map[string]any{"custom": "value"}
+	mutator := WithAppsMeta()
+	result := mutator(tool)
+	s.Run("preserves existing keys", func() {
+		s.Equal("value", result.Tool.Meta["custom"])
+	})
+	s.Run("adds ui key", func() {
+		_, hasUI := result.Tool.Meta["ui"]
+		s.True(hasUI)
+	})
+	s.Run("adds legacy flat key", func() {
+		_, hasLegacy := result.Tool.Meta["ui/resourceUri"]
+		s.True(hasLegacy)
+	})
+}
+
+func (s *AppsMetaMutatorSuite) TestSkipsWhenUIKeyExists() {
+	existingUI := map[string]any{"resourceUri": "ui://custom/resource"}
+	tool := createTestTool("pods_list")
+	tool.Tool.Meta = map[string]any{"ui": existingUI}
+	mutator := WithAppsMeta()
+	result := mutator(tool)
+	s.Run("does not overwrite existing ui key", func() {
+		s.Equal(existingUI, result.Tool.Meta["ui"])
+	})
+	s.Run("does not add legacy flat key", func() {
+		_, hasLegacy := result.Tool.Meta["ui/resourceUri"]
+		s.False(hasLegacy)
+	})
+}
+
+func TestAppsMetaMutator(t *testing.T) {
+	suite.Run(t, new(AppsMetaMutatorSuite))
+}
diff --git a/pkg/mcpapps/mcpapps.go b/pkg/mcpapps/mcpapps.go
new file mode 100644
index 000000000..a1a0ebe86
--- /dev/null
+++ b/pkg/mcpapps/mcpapps.go
@@ -0,0 +1,72 @@
+package mcpapps
+
+import (
+	"embed"
+	"io/fs"
+	"strings"
+	"sync"
+)
+
+const ResourceMIMEType = "text/html;profile=mcp-app"
+
+// ViewerResourceURIPrefix is the base URI prefix for per-tool viewer resources.
+const ViewerResourceURIPrefix = "ui://kubernetes-mcp-server/tool/"
+
+//go:embed viewer vendor
+var embeddedFS embed.FS
+
+var (
+	baseHTML      string
+	buildOnce     sync.Once
+	toolHTMLCache sync.Map // map[string]string — per-tool assembled HTML
+)
+
+func mustReadFile(name string) string {
+	data, err := fs.ReadFile(embeddedFS, name)
+	if err != nil {
+		panic("mcpapps: embedded file not found: " + name)
+	}
+	return string(data)
+}
+
+func buildBaseHTML() string {
+	buildOnce.Do(func() {
+		baseHTML = mustReadFile("viewer/viewer.html")
+		baseHTML = strings.Replace(baseHTML, "INJECT_CSS", mustReadFile("viewer/style.css"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_HTM_PREACT", mustReadFile("vendor/htm-preact-standalone.umd.js"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_CHART_JS", mustReadFile("vendor/chart.umd.min.js"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_PRISM_CORE", mustReadFile("vendor/prism-core.min.js"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_VENDOR_PRISM_YAML", mustReadFile("vendor/prism-yaml.min.js"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_PROTOCOL_JS", mustReadFile("viewer/protocol.js"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_COMPONENTS_JS", mustReadFile("viewer/components.js"), 1)
+		baseHTML = strings.Replace(baseHTML, "INJECT_APP_JS", mustReadFile("viewer/app.js"), 1)
+	})
+	return baseHTML
+}
+
+// ViewerHTMLForTool returns the assembled viewer HTML with the tool name injected.
+// The result is cached per tool name.
+func ViewerHTMLForTool(toolName string) string {
+	if cached, ok := toolHTMLCache.Load(toolName); ok {
+		return cached.(string)
+	}
+	html := strings.Replace(buildBaseHTML(), "INJECT_TOOL_NAME", toolName, 1)
+	actual, _ := toolHTMLCache.LoadOrStore(toolName, html)
+	return actual.(string)
+}
+
+// ToolResourceURI returns the per-tool resource URI for the given tool name.
+func ToolResourceURI(toolName string) string {
+	return ViewerResourceURIPrefix + toolName
+}
+
+// ToolMetaForTool returns the _meta map for a specific tool, pointing to its per-tool resource URI.
+// It sets both the nested "ui.resourceUri" key and the legacy flat "ui/resourceUri" key
+// for backward compatibility with MCP hosts that read the flat key (e.g. VS Code).
+func ToolMetaForTool(toolName string) map[string]any {
+	uri := ToolResourceURI(toolName)
+	return map[string]any{
+		"ui":             map[string]any{"resourceUri": uri},
+		"ui/resourceUri": uri,
+	}
+}
diff --git a/pkg/mcpapps/mcpapps_browser_test.go b/pkg/mcpapps/mcpapps_browser_test.go
new file mode 100644
index 000000000..37018e06d
--- /dev/null
+++ b/pkg/mcpapps/mcpapps_browser_test.go
@@ -0,0 +1,794 @@
+//go:build browser
+
+package mcpapps
+
+import (
+	"fmt"
+	"net/http"
+	"net/http/httptest"
+	"os"
+	"path/filepath"
+	"strings"
+	"testing"
+
+	"github.com/go-rod/rod"
+	"github.com/go-rod/rod/lib/proto"
+	"github.com/stretchr/testify/suite"
+)
+
+const testHarnessHTML = `<!DOCTYPE html>
+<html><head><meta charset="UTF-8"></head><body>
+<iframe id="viewer" src="viewer.html" style="width:100%;height:100vh;border:none;"></iframe>
+<script>
+window.addEventListener('message', function(e) {
+    var msg = e.data;
+    if (!msg || msg.jsonrpc !== '2.0') return;
+    if (msg.method === 'ui/initialize' && msg.id != null) {
+        e.source.postMessage({
+            jsonrpc: '2.0', id: msg.id,
+            result: {
+                hostContext: {
+                    theme: 'light',
+                    toolInfo: { tool: { name: 'test_tool' } }
+                }
+            }
+        }, '*');
+    }
+});
+window.sendToolResult = function(data) {
+    document.getElementById('viewer').contentWindow.postMessage({
+        jsonrpc: '2.0',
+        method: 'ui/notifications/tool-result',
+        params: data
+    }, '*');
+};
+window.sendNotification = function(method, params) {
+    document.getElementById('viewer').contentWindow.postMessage({
+        jsonrpc: '2.0',
+        method: method,
+        params: params
+    }, '*');
+};
+</script>
+</body></html>`
+
+type BrowserSuite struct {
+	suite.Suite
+	browser *rod.Browser
+	server  *httptest.Server
+}
+
+func (s *BrowserSuite) SetupSuite() {
+	mux := http.NewServeMux()
+	mux.HandleFunc("/harness", func(w http.ResponseWriter, r *http.Request) {
+		w.Header().Set("Content-Type", "text/html")
+		_, err := fmt.Fprint(w, testHarnessHTML)
+		s.Require().NoError(err)
+	})
+	mux.HandleFunc("/viewer.html", func(w http.ResponseWriter, r *http.Request) {
+		w.Header().Set("Content-Type", "text/html")
+		_, err := fmt.Fprint(w, ViewerHTMLForTool("test_tool"))
+		s.Require().NoError(err)
+	})
+	s.server = httptest.NewServer(mux)
+	s.browser = rod.New().MustConnect()
+}
+
+func (s *BrowserSuite) TearDownSuite() {
+	if s.browser != nil {
+		s.browser.MustClose()
+	}
+	if s.server != nil {
+		s.server.Close()
+	}
+}
+
+// openViewer opens a new browser page with the test harness and returns
+// the harness page and the viewer iframe. The viewer has completed the
+// MCP protocol handshake and is showing "Waiting for tool result..." when
+// this method returns.
+func (s *BrowserSuite) openViewer() (*rod.Page, *rod.Page) {
+	page := s.browser.MustPage(s.server.URL + "/harness")
+	frame := page.MustElement("#viewer").MustFrame()
+	frame.MustElementR(".status", "Waiting for tool result")
+	return page, frame
+}
+
+// containsFold asserts that actual contains expected, case-insensitively.
+// Header text is CSS text-transform: uppercase, so MustText() returns
+// uppercased text while the source labels may be mixed-case.
+func (s *BrowserSuite) containsFold(actual, expected string) {
+	s.T().Helper()
+	s.True(strings.Contains(strings.ToLower(actual), strings.ToLower(expected)),
+		"%q does not contain %q (case-insensitive)", actual, expected)
+}
+
+// screenshotsDir is the output directory for visual captures.
+// Located under _output/ which is already gitignored.
+const screenshotsDir = "_output/screenshots"
+
+// screenshot captures the viewer iframe as a PNG and saves it to _output/screenshots/<name>.png.
+func (s *BrowserSuite) screenshot(page *rod.Page, name string) {
+	s.T().Helper()
+	dir := filepath.Join(findRepoRoot(s.T()), screenshotsDir)
+	s.Require().NoError(os.MkdirAll(dir, 0o755))
+	data, err := page.Screenshot(true, &proto.PageCaptureScreenshot{
+		Format: proto.PageCaptureScreenshotFormatPng,
+	})
+	s.Require().NoError(err)
+	path := filepath.Join(dir, name+".png")
+	s.Require().NoError(os.WriteFile(path, data, 0o644))
+	s.T().Logf("screenshot saved: %s", path)
+}
+
+// findRepoRoot walks up from the test binary's working directory to find go.mod.
+func findRepoRoot(t *testing.T) string {
+	t.Helper()
+	dir, err := os.Getwd()
+	if err != nil {
+		t.Fatalf("getwd: %v", err)
+	}
+	for {
+		if _, err := os.Stat(filepath.Join(dir, "go.mod")); err == nil {
+			return dir
+		}
+		parent := filepath.Dir(dir)
+		if parent == dir {
+			t.Fatal("could not find repo root (go.mod)")
+		}
+		dir = parent
+	}
+}
+
+func (s *BrowserSuite) TestProtocolHandshake() {
+	s.Run("viewer shows ready state after initialization", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		el := frame.MustElement(".status")
+		s.Equal("Waiting for tool result...", el.MustText())
+	})
+}
+
+func (s *BrowserSuite) TestTableView() {
+	s.Run("renders table with correct number of rows", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [
+					{name: "pod-1", namespace: "default"},
+					{name: "pod-2", namespace: "kube-system"},
+					{name: "pod-3", namespace: "default"}
+				]
+			}
+		})`)
+		frame.MustElement("table")
+		rows := frame.MustElements("table tbody tr")
+		s.Len(rows, 3)
+	})
+
+	s.Run("renders correct column headers from data keys", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "pod-1", namespace: "default"}]
+			}
+		})`)
+		headers := frame.MustElements("table thead th")
+		s.Len(headers, 2)
+		s.containsFold(headers[0].MustText(), "name")
+		s.containsFold(headers[1].MustText(), "namespace")
+	})
+
+	s.Run("renders correct cell values", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "my-pod", namespace: "production"}]
+			}
+		})`)
+		frame.MustElement("table")
+		cells := frame.MustElements("table tbody td")
+		s.Equal("my-pod", cells[0].MustText())
+		s.Equal("production", cells[1].MustText())
+	})
+
+	s.Run("displays item count for multiple items", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "a"}, {name: "b"}, {name: "c"}]
+			}
+		})`)
+		count := frame.MustElement(".count")
+		s.Equal("3 items", count.MustText())
+	})
+
+	s.Run("displays singular item count", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "only-one"}]
+			}
+		})`)
+		count := frame.MustElement(".count")
+		s.Equal("1 item", count.MustText())
+	})
+}
+
+func (s *BrowserSuite) TestTableSorting() {
+	s.Run("sorts ascending on first header click", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [
+					{name: "charlie"},
+					{name: "alpha"},
+					{name: "bravo"}
+				]
+			}
+		})`)
+		frame.MustElement("table thead th").MustClick()
+		frame.MustElementR(".sort-arrow", "\u25B2")
+		rows := frame.MustElements("table tbody tr")
+		s.Equal("alpha", rows[0].MustElement("td").MustText())
+		s.Equal("bravo", rows[1].MustElement("td").MustText())
+		s.Equal("charlie", rows[2].MustElement("td").MustText())
+	})
+
+	s.Run("sorts descending on second header click", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [
+					{name: "charlie"},
+					{name: "alpha"},
+					{name: "bravo"}
+				]
+			}
+		})`)
+		th := frame.MustElement("table thead th")
+		th.MustClick()
+		frame.MustElementR(".sort-arrow", "\u25B2")
+		th.MustClick()
+		frame.MustElementR(".sort-arrow", "\u25BC")
+		rows := frame.MustElements("table tbody tr")
+		s.Equal("charlie", rows[0].MustElement("td").MustText())
+		s.Equal("bravo", rows[1].MustElement("td").MustText())
+		s.Equal("alpha", rows[2].MustElement("td").MustText())
+	})
+}
+
+func (s *BrowserSuite) TestMetricsTable() {
+	s.Run("renders chart canvas and data table", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [
+					{key: "name", label: "Pod"},
+					{key: "cpu", label: "CPU"},
+					{key: "memory", label: "Memory"}
+				],
+				chart: {
+					labelKey: "name",
+					datasets: [
+						{key: "cpu", label: "CPU (millicores)", unit: "cpu", axis: "left"},
+						{key: "memory", label: "Memory (MiB)", unit: "memory", axis: "right"}
+					]
+				},
+				items: [
+					{name: "pod-1", cpu: "100m", memory: "128Mi"},
+					{name: "pod-2", cpu: "250m", memory: "256Mi"}
+				]
+			}
+		})`)
+		frame.MustElement("canvas")
+		rows := frame.MustElements("table tbody tr")
+		s.Len(rows, 2)
+	})
+
+	s.Run("renders metrics table with custom column headers", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [
+					{key: "name", label: "Pod Name"},
+					{key: "cpu", label: "CPU Usage"}
+				],
+				chart: {
+					labelKey: "name",
+					datasets: [{key: "cpu", label: "CPU", unit: "cpu", axis: "left"}]
+				},
+				items: [{name: "pod-1", cpu: "100m"}]
+			}
+		})`)
+		headers := frame.MustElements("table thead th")
+		s.containsFold(headers[0].MustText(), "Pod Name")
+		s.containsFold(headers[1].MustText(), "CPU Usage")
+	})
+}
+
+func (s *BrowserSuite) TestGenericView() {
+	s.Run("renders JSON for non-array structured content", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {key: "value", nested: {a: 1}}
+		})`)
+		pre := frame.MustElement("pre.raw")
+		text := pre.MustText()
+		s.Contains(text, "key")
+		s.Contains(text, "value")
+		s.Contains(text, "nested")
+	})
+
+	s.Run("renders text when no structured content", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "Hello World"}]
+		})`)
+		pre := frame.MustElement("pre.raw")
+		s.Equal("Hello World", pre.MustText())
+	})
+}
+
+func (s *BrowserSuite) TestItemsUnwrapping() {
+	s.Run("unwraps items-only wrapper to array for TableView", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "pod-1"}, {name: "pod-2"}]
+			}
+		})`)
+		frame.MustElement("table")
+		rows := frame.MustElements("table tbody tr")
+		s.Len(rows, 2)
+	})
+
+	s.Run("does not unwrap when items coexists with other keys", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "pod-1"}],
+				extra: "should prevent unwrapping"
+			}
+		})`)
+		// Without chart+columns, this falls through to GenericView
+		pre := frame.MustElement("pre.raw")
+		text := pre.MustText()
+		s.Contains(text, "items")
+		s.Contains(text, "extra")
+	})
+}
+
+func (s *BrowserSuite) TestDataRouting() {
+	s.Run("routes chart+columns+items to MetricsTable", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [{key: "name", label: "Name"}],
+				chart: {
+					labelKey: "name",
+					datasets: [{key: "value", label: "Value", unit: "cpu", axis: "left"}]
+				},
+				items: [{name: "a", value: "100m"}]
+			}
+		})`)
+		frame.MustElement("canvas")
+		frame.MustElement("table")
+	})
+
+	s.Run("routes items-only to TableView not MetricsTable", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [{name: "pod-1"}]
+			}
+		})`)
+		frame.MustElement("table")
+		canvases := frame.MustElements("canvas")
+		s.Len(canvases, 0, "TableView should not render a canvas")
+	})
+
+	s.Run("routes plain object to GenericView", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {message: "hello"}
+		})`)
+		pre := frame.MustElement("pre.raw")
+		s.Contains(pre.MustText(), "hello")
+	})
+
+	s.Run("routes text-only content to GenericView", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "raw output"}]
+		})`)
+		pre := frame.MustElement("pre.raw")
+		s.Equal("raw output", pre.MustText())
+	})
+}
+
+func (s *BrowserSuite) TestSelfDescribingMetrics() {
+	s.Run("renders metrics with realistic pods_top data", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [
+					{key: "namespace", label: "Namespace"},
+					{key: "name", label: "Pod"},
+					{key: "cpu", label: "CPU"},
+					{key: "memory", label: "Memory"}
+				],
+				chart: {
+					labelKey: "name",
+					datasets: [
+						{key: "cpu", label: "CPU (millicores)", unit: "cpu", axis: "left"},
+						{key: "memory", label: "Memory (MiB)", unit: "memory", axis: "right"}
+					]
+				},
+				items: [
+					{namespace: "default", name: "nginx-1", cpu: "100m", memory: "128Mi"},
+					{namespace: "default", name: "redis-1", cpu: "50m", memory: "256Mi"},
+					{namespace: "kube-system", name: "coredns", cpu: "10m", memory: "32Mi"}
+				]
+			}
+		})`)
+		frame.MustElement("canvas")
+		rows := frame.MustElements("table tbody tr")
+		s.Len(rows, 3)
+		// Verify raw unit strings appear in table cells
+		cells := frame.MustElements("table tbody td")
+		cellTexts := make([]string, len(cells))
+		for i, c := range cells {
+			cellTexts[i] = c.MustText()
+		}
+		s.Contains(cellTexts, "100m")
+		s.Contains(cellTexts, "128Mi")
+		s.Contains(cellTexts, "256Mi")
+	})
+
+	s.Run("renders metrics with single dataset on left axis", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [{key: "name", label: "Node"}, {key: "cpu", label: "CPU"}],
+				chart: {
+					labelKey: "name",
+					datasets: [{key: "cpu", label: "CPU (millicores)", unit: "cpu", axis: "left"}]
+				},
+				items: [{name: "node-1", cpu: "500m"}, {name: "node-2", cpu: "1200m"}]
+			}
+		})`)
+		frame.MustElement("canvas")
+		rows := frame.MustElements("table tbody tr")
+		s.Len(rows, 2)
+	})
+
+	s.Run("table columns use labels from self-describing metadata", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [
+					{key: "name", label: "Node"},
+					{key: "cpu", label: "CPU (cores)"},
+					{key: "memory", label: "Memory (bytes)"},
+					{key: "cpu_pct", label: "CPU%"},
+					{key: "mem_pct", label: "Memory%"}
+				],
+				chart: {
+					labelKey: "name",
+					datasets: [{key: "cpu", label: "CPU", unit: "cpu", axis: "left"}]
+				},
+				items: [{name: "node-1", cpu: "500m", memory: "2048Mi", cpu_pct: "25%", mem_pct: "50%"}]
+			}
+		})`)
+		headers := frame.MustElements("table thead th")
+		s.Len(headers, 5)
+		s.containsFold(headers[0].MustText(), "Node")
+		s.containsFold(headers[1].MustText(), "CPU (cores)")
+		s.containsFold(headers[2].MustText(), "Memory (bytes)")
+		s.containsFold(headers[3].MustText(), "CPU%")
+		s.containsFold(headers[4].MustText(), "Memory%")
+	})
+}
+
+func (s *BrowserSuite) TestThemeApplication() {
+	s.Run("applies light theme from host context", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		theme := frame.MustEval(`() => document.documentElement.getAttribute('data-theme')`).Str()
+		s.Equal("light", theme)
+	})
+
+	s.Run("sets colorScheme style property", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		colorScheme := frame.MustEval(`() => document.documentElement.style.colorScheme`).Str()
+		s.Equal("light", colorScheme)
+	})
+
+	s.Run("applies dark theme via host-context-changed notification", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendNotification('ui/notifications/host-context-changed', {theme: 'dark'})`)
+		frame.MustWait(`() => document.documentElement.getAttribute('data-theme') === 'dark'`)
+		theme := frame.MustEval(`() => document.documentElement.getAttribute('data-theme')`).Str()
+		s.Equal("dark", theme)
+		colorScheme := frame.MustEval(`() => document.documentElement.style.colorScheme`).Str()
+		s.Equal("dark", colorScheme)
+	})
+
+	s.Run("applies CSS custom properties from host styles", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendNotification('ui/notifications/host-context-changed', {
+			styles: {
+				variables: {
+					'--color-background-primary': '#ff0000',
+					'--color-text-primary': '#00ff00'
+				}
+			}
+		})`)
+		frame.MustWait(`() => document.documentElement.style.getPropertyValue('--color-background-primary') === '#ff0000'`)
+		bg := frame.MustEval(`() => document.documentElement.style.getPropertyValue('--color-background-primary')`).Str()
+		s.Equal("#ff0000", bg)
+		text := frame.MustEval(`() => document.documentElement.style.getPropertyValue('--color-text-primary')`).Str()
+		s.Equal("#00ff00", text)
+	})
+}
+
+func (s *BrowserSuite) TestYamlViewXSS() {
+	s.Run("HTML tags in YAML values are escaped", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "apiVersion: v1\nkind: Pod\nmetadata:\n  annotations:\n    note: <script>alert(1)</script>"}]
+		})`)
+		pre := frame.MustElement("pre.raw.yaml")
+		// The raw text should show the angle brackets as visible characters, not execute them
+		text := pre.MustText()
+		s.Contains(text, "<script>alert(1)</script>")
+		// The innerHTML must NOT contain an actual <script> tag.
+		// Prism tokenizes ">" as punctuation wrapped in <span>, so "&lt;script&gt;"
+		// won't appear as a contiguous string — check for "&lt;script" (the opening
+		// bracket escape is the security-critical part).
+		inner := frame.MustEval(`() => document.querySelector('pre.raw.yaml').innerHTML`).Str()
+		s.NotContains(inner, "<script>")
+		s.Contains(inner, "&lt;script")
+	})
+
+	s.Run("HTML attribute injection in YAML values is escaped", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "apiVersion: v1\nkind: Pod\nmetadata:\n  name: \"<img onerror=alert(1) src=x>\""}]
+		})`)
+		frame.MustElement("pre.raw.yaml")
+		inner := frame.MustEval(`() => document.querySelector('pre.raw.yaml').innerHTML`).Str()
+		s.NotContains(inner, "<img")
+		s.Contains(inner, "&lt;img")
+	})
+
+	s.Run("span injection attempt in YAML values is escaped", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "apiVersion: v1\nkind: Pod\nmetadata:\n  name: </span><script>alert(1)</script><span>"}]
+		})`)
+		frame.MustElement("pre.raw.yaml")
+		inner := frame.MustEval(`() => document.querySelector('pre.raw.yaml').innerHTML`).Str()
+		s.NotContains(inner, "<script>")
+	})
+
+	s.Run("ampersand in YAML values is escaped to prevent double-decode", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "apiVersion: v1\nkind: Pod\nmetadata:\n  annotations:\n    note: '&lt;script&gt;alert(1)&lt;/script&gt;'"}]
+		})`)
+		pre := frame.MustElement("pre.raw.yaml")
+		// The visible text must show the literal ampersand sequences
+		text := pre.MustText()
+		s.Contains(text, "&lt;script&gt;")
+		// In innerHTML the ampersand must be double-escaped so the browser
+		// does not decode &lt; back into <
+		inner := frame.MustEval(`() => document.querySelector('pre.raw.yaml').innerHTML`).Str()
+		s.Contains(inner, "&amp;lt;script")
+		s.NotContains(inner, "<script>")
+	})
+}
+
+func (s *BrowserSuite) TestScreenshots() {
+	// Set a consistent viewport for reproducible screenshots
+	const width, height = 1024, 768
+
+	s.Run("waiting state", func() {
+		page, _ := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		s.screenshot(page, "01-waiting")
+	})
+
+	s.Run("table view light", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [
+					{namespace: "default", name: "nginx-7c5b4f", status: "Running", restarts: "0", age: "2d"},
+					{namespace: "default", name: "redis-8d3a1b", status: "Running", restarts: "1", age: "5d"},
+					{namespace: "kube-system", name: "coredns-5644d7", status: "Running", restarts: "0", age: "12d"},
+					{namespace: "kube-system", name: "etcd-master", status: "Running", restarts: "0", age: "12d"},
+					{namespace: "monitoring", name: "prometheus-0", status: "Running", restarts: "2", age: "3d"}
+				]
+			}
+		})`)
+		frame.MustElement("table")
+		s.screenshot(page, "02-table-light")
+	})
+
+	s.Run("table view dark", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendNotification('ui/notifications/host-context-changed', {theme: 'dark'})`)
+		frame.MustWait(`() => document.documentElement.getAttribute('data-theme') === 'dark'`)
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				items: [
+					{namespace: "default", name: "nginx-7c5b4f", status: "Running", restarts: "0", age: "2d"},
+					{namespace: "default", name: "redis-8d3a1b", status: "Running", restarts: "1", age: "5d"},
+					{namespace: "kube-system", name: "coredns-5644d7", status: "Running", restarts: "0", age: "12d"},
+					{namespace: "kube-system", name: "etcd-master", status: "Running", restarts: "0", age: "12d"},
+					{namespace: "monitoring", name: "prometheus-0", status: "Running", restarts: "2", age: "3d"}
+				]
+			}
+		})`)
+		frame.MustElement("table")
+		s.screenshot(page, "03-table-dark")
+	})
+
+	s.Run("metrics view light", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [
+					{key: "namespace", label: "Namespace"},
+					{key: "name", label: "Pod"},
+					{key: "cpu", label: "CPU"},
+					{key: "memory", label: "Memory"}
+				],
+				chart: {
+					labelKey: "name",
+					datasets: [
+						{key: "cpu", label: "CPU (millicores)", unit: "cpu", axis: "left"},
+						{key: "memory", label: "Memory (MiB)", unit: "memory", axis: "right"}
+					]
+				},
+				items: [
+					{namespace: "default", name: "nginx-1", cpu: "250m", memory: "128Mi"},
+					{namespace: "default", name: "redis-1", cpu: "100m", memory: "256Mi"},
+					{namespace: "kube-system", name: "coredns", cpu: "15m", memory: "32Mi"},
+					{namespace: "monitoring", name: "prometheus", cpu: "500m", memory: "512Mi"},
+					{namespace: "monitoring", name: "grafana", cpu: "80m", memory: "192Mi"}
+				]
+			}
+		})`)
+		frame.MustElement("canvas")
+		frame.MustElement("table")
+		s.screenshot(page, "04-metrics-light")
+	})
+
+	s.Run("metrics view dark", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendNotification('ui/notifications/host-context-changed', {theme: 'dark'})`)
+		frame.MustWait(`() => document.documentElement.getAttribute('data-theme') === 'dark'`)
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				columns: [
+					{key: "namespace", label: "Namespace"},
+					{key: "name", label: "Pod"},
+					{key: "cpu", label: "CPU"},
+					{key: "memory", label: "Memory"}
+				],
+				chart: {
+					labelKey: "name",
+					datasets: [
+						{key: "cpu", label: "CPU (millicores)", unit: "cpu", axis: "left"},
+						{key: "memory", label: "Memory (MiB)", unit: "memory", axis: "right"}
+					]
+				},
+				items: [
+					{namespace: "default", name: "nginx-1", cpu: "250m", memory: "128Mi"},
+					{namespace: "default", name: "redis-1", cpu: "100m", memory: "256Mi"},
+					{namespace: "kube-system", name: "coredns", cpu: "15m", memory: "32Mi"},
+					{namespace: "monitoring", name: "prometheus", cpu: "500m", memory: "512Mi"},
+					{namespace: "monitoring", name: "grafana", cpu: "80m", memory: "192Mi"}
+				]
+			}
+		})`)
+		frame.MustElement("canvas")
+		frame.MustElement("table")
+		s.screenshot(page, "05-metrics-dark")
+	})
+
+	s.Run("yaml view light", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "apiVersion: v1\nkind: Pod\nmetadata:\n  name: nginx-7c5b4f\n  namespace: default\n  labels:\n    app: nginx\n    tier: frontend\nspec:\n  containers:\n    - name: nginx\n      image: nginx:1.25\n      ports:\n        - containerPort: 80\n          protocol: TCP\n      resources:\n        requests:\n          cpu: 100m\n          memory: 128Mi\n        limits:\n          cpu: 500m\n          memory: 256Mi\nstatus:\n  phase: Running\n  podIP: 10.244.0.5"}]
+		})`)
+		frame.MustElement("pre.raw.yaml")
+		s.screenshot(page, "06-yaml-light")
+	})
+
+	s.Run("yaml view dark", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendNotification('ui/notifications/host-context-changed', {theme: 'dark'})`)
+		frame.MustWait(`() => document.documentElement.getAttribute('data-theme') === 'dark'`)
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "apiVersion: v1\nkind: Pod\nmetadata:\n  name: nginx-7c5b4f\n  namespace: default\n  labels:\n    app: nginx\n    tier: frontend\nspec:\n  containers:\n    - name: nginx\n      image: nginx:1.25\n      ports:\n        - containerPort: 80\n          protocol: TCP\n      resources:\n        requests:\n          cpu: 100m\n          memory: 128Mi\n        limits:\n          cpu: 500m\n          memory: 256Mi\nstatus:\n  phase: Running\n  podIP: 10.244.0.5"}]
+		})`)
+		frame.MustElement("pre.raw.yaml")
+		s.screenshot(page, "07-yaml-dark")
+	})
+
+	s.Run("generic view with JSON", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendToolResult({
+			structuredContent: {
+				cluster: "production",
+				version: {major: "1", minor: "28", gitVersion: "v1.28.4"},
+				platform: "linux/amd64",
+				nodes: 5,
+				totalPods: 42
+			}
+		})`)
+		frame.MustElement("pre.raw")
+		s.screenshot(page, "08-generic-json")
+	})
+
+	s.Run("generic view with plain text", func() {
+		page, frame := s.openViewer()
+		defer page.MustClose()
+		page.MustSetViewport(width, height, 0, false)
+		page.MustEval(`() => window.sendToolResult({
+			content: [{type: "text", text: "deployment.apps/nginx scaled to 3 replicas\ndeployment.apps/nginx condition met"}]
+		})`)
+		frame.MustElement("pre.raw")
+		s.screenshot(page, "09-generic-text")
+	})
+}
+
+func TestBrowser(t *testing.T) {
+	suite.Run(t, new(BrowserSuite))
+}
diff --git a/pkg/mcpapps/mcpapps_test.go b/pkg/mcpapps/mcpapps_test.go
new file mode 100644
index 000000000..2b18d24c1
--- /dev/null
+++ b/pkg/mcpapps/mcpapps_test.go
@@ -0,0 +1,172 @@
+package mcpapps
+
+import (
+	"io/fs"
+	"strings"
+	"testing"
+
+	"github.com/stretchr/testify/suite"
+)
+
+type McpAppsSuite struct {
+	suite.Suite
+}
+
+func (s *McpAppsSuite) TestViewerHTMLForTool() {
+	s.Run("returns non-empty string", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.NotEmpty(html)
+	})
+	s.Run("does not contain any INJECT_ placeholders", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.NotContains(html, "INJECT_CSS")
+		s.NotContains(html, "INJECT_VENDOR_HTM_PREACT")
+		s.NotContains(html, "INJECT_VENDOR_CHART_JS")
+		s.NotContains(html, "INJECT_VENDOR_PRISM_CORE")
+		s.NotContains(html, "INJECT_VENDOR_PRISM_YAML")
+		s.NotContains(html, "INJECT_PROTOCOL_JS")
+		s.NotContains(html, "INJECT_COMPONENTS_JS")
+		s.NotContains(html, "INJECT_APP_JS")
+		s.NotContains(html, "INJECT_TOOL_NAME")
+	})
+	s.Run("contains Preact UMD bundle content", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.Contains(html, "htmPreact")
+	})
+	s.Run("contains Chart.js content", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.Contains(html, "Chart")
+	})
+	s.Run("contains Prism.js content with manual mode", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.Contains(html, "window.Prism")
+		s.Contains(html, "Prism.languages")
+	})
+	s.Run("contains YamlView component", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.Contains(html, "YamlView")
+	})
+	s.Run("contains mcpProtocol namespace", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.Contains(html, "mcpProtocol")
+	})
+	s.Run("contains mcpComponents namespace", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.Contains(html, "mcpComponents")
+	})
+	s.Run("is valid HTML document", func() {
+		html := ViewerHTMLForTool("pods_list")
+		s.True(strings.HasPrefix(html, "<!DOCTYPE html>"))
+		s.Contains(html, "</html>")
+	})
+	s.Run("injects tool name into HTML", func() {
+		html := ViewerHTMLForTool("namespaces_list")
+		s.Contains(html, "window.__mcpToolName = 'namespaces_list'")
+	})
+	s.Run("different tools get different HTML", func() {
+		html1 := ViewerHTMLForTool("pods_list")
+		html2 := ViewerHTMLForTool("namespaces_list")
+		s.NotEqual(html1, html2)
+		s.Contains(html1, "'pods_list'")
+		s.Contains(html2, "'namespaces_list'")
+	})
+}
+
+func (s *McpAppsSuite) TestEmbeddedFS() {
+	s.Run("viewer directory contains expected files", func() {
+		entries, err := fs.ReadDir(embeddedFS, "viewer")
+		s.Require().NoError(err)
+		names := make([]string, 0, len(entries))
+		for _, e := range entries {
+			names = append(names, e.Name())
+		}
+		s.Contains(names, "viewer.html")
+		s.Contains(names, "style.css")
+		s.Contains(names, "protocol.js")
+		s.Contains(names, "components.js")
+		s.Contains(names, "app.js")
+	})
+	s.Run("vendor directory contains expected files", func() {
+		entries, err := fs.ReadDir(embeddedFS, "vendor")
+		s.Require().NoError(err)
+		names := make([]string, 0, len(entries))
+		for _, e := range entries {
+			names = append(names, e.Name())
+		}
+		s.Contains(names, "htm-preact-standalone.umd.js")
+		s.Contains(names, "chart.umd.min.js")
+		s.Contains(names, "prism-core.min.js")
+		s.Contains(names, "prism-yaml.min.js")
+	})
+	s.Run("all embedded files are non-empty", func() {
+		files := []string{
+			"viewer/viewer.html",
+			"viewer/style.css",
+			"viewer/protocol.js",
+			"viewer/components.js",
+			"viewer/app.js",
+			"vendor/htm-preact-standalone.umd.js",
+			"vendor/chart.umd.min.js",
+			"vendor/prism-core.min.js",
+			"vendor/prism-yaml.min.js",
+		}
+		for _, f := range files {
+			data, err := fs.ReadFile(embeddedFS, f)
+			s.Require().NoError(err, "file %s should be readable", f)
+			s.NotEmpty(data, "file %s should not be empty", f)
+		}
+	})
+}
+
+func (s *McpAppsSuite) TestToolMetaForTool() {
+	s.Run("returns map with ui key", func() {
+		meta := ToolMetaForTool("pods_list")
+		s.Contains(meta, "ui")
+	})
+	s.Run("ui contains per-tool resourceUri", func() {
+		meta := ToolMetaForTool("pods_list")
+		ui, ok := meta["ui"].(map[string]any)
+		s.Require().True(ok)
+		s.Equal("ui://kubernetes-mcp-server/tool/pods_list", ui["resourceUri"])
+	})
+	s.Run("contains legacy flat ui/resourceUri key", func() {
+		meta := ToolMetaForTool("pods_list")
+		s.Equal("ui://kubernetes-mcp-server/tool/pods_list", meta["ui/resourceUri"])
+	})
+	s.Run("nested and legacy keys have same URI", func() {
+		meta := ToolMetaForTool("pods_list")
+		ui := meta["ui"].(map[string]any)
+		s.Equal(ui["resourceUri"], meta["ui/resourceUri"])
+	})
+	s.Run("different tools get different URIs", func() {
+		meta1 := ToolMetaForTool("pods_list")
+		meta2 := ToolMetaForTool("namespaces_list")
+		uri1 := meta1["ui"].(map[string]any)["resourceUri"]
+		uri2 := meta2["ui"].(map[string]any)["resourceUri"]
+		s.NotEqual(uri1, uri2)
+	})
+}
+
+func (s *McpAppsSuite) TestToolResourceURI() {
+	s.Run("has correct prefix", func() {
+		uri := ToolResourceURI("pods_list")
+		s.True(strings.HasPrefix(uri, ViewerResourceURIPrefix))
+	})
+	s.Run("includes tool name", func() {
+		uri := ToolResourceURI("namespaces_list")
+		s.Equal("ui://kubernetes-mcp-server/tool/namespaces_list", uri)
+	})
+}
+
+func (s *McpAppsSuite) TestConstants() {
+	s.Run("ViewerResourceURIPrefix has correct value", func() {
+		s.Equal("ui://kubernetes-mcp-server/tool/", ViewerResourceURIPrefix)
+	})
+	s.Run("ResourceMIMEType has correct value", func() {
+		s.Equal("text/html;profile=mcp-app", ResourceMIMEType)
+	})
+}
+
+func TestMcpApps(t *testing.T) {
+	suite.Run(t, new(McpAppsSuite))
+}
diff --git a/pkg/mcpapps/vendor/chart.umd.min.js b/pkg/mcpapps/vendor/chart.umd.min.js
new file mode 100644
index 000000000..9d6df8e43
--- /dev/null
+++ b/pkg/mcpapps/vendor/chart.umd.min.js
@@ -0,0 +1,20 @@
+/**
+ * Skipped minification because the original files appears to be already minified.
+ * Original file: /npm/chart.js@4.4.8/dist/chart.umd.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+/*!
+ * Chart.js v4.4.8
+ * https://www.chartjs.org
+ * (c) 2025 Chart.js Contributors
+ * Released under the MIT License
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Chart=e()}(this,(function(){"use strict";var t=Object.freeze({__proto__:null,get Colors(){return Go},get Decimation(){return Qo},get Filler(){return ma},get Legend(){return ya},get SubTitle(){return ka},get Title(){return Ma},get Tooltip(){return Ba}});function e(){}const i=(()=>{let t=0;return()=>t++})();function s(t){return null==t}function n(t){if(Array.isArray&&Array.isArray(t))return!0;const e=Object.prototype.toString.call(t);return"[object"===e.slice(0,7)&&"Array]"===e.slice(-6)}function o(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)}function a(t){return("number"==typeof t||t instanceof Number)&&isFinite(+t)}function r(t,e){return a(t)?t:e}function l(t,e){return void 0===t?e:t}const h=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100:+t/e,c=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100*e:+t;function d(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)}function u(t,e,i,s){let a,r,l;if(n(t))if(r=t.length,s)for(a=r-1;a>=0;a--)e.call(i,t[a],a);else for(a=0;a<r;a++)e.call(i,t[a],a);else if(o(t))for(l=Object.keys(t),r=l.length,a=0;a<r;a++)e.call(i,t[l[a]],l[a])}function f(t,e){let i,s,n,o;if(!t||!e||t.length!==e.length)return!1;for(i=0,s=t.length;i<s;++i)if(n=t[i],o=e[i],n.datasetIndex!==o.datasetIndex||n.index!==o.index)return!1;return!0}function g(t){if(n(t))return t.map(g);if(o(t)){const e=Object.create(null),i=Object.keys(t),s=i.length;let n=0;for(;n<s;++n)e[i[n]]=g(t[i[n]]);return e}return t}function p(t){return-1===["__proto__","prototype","constructor"].indexOf(t)}function m(t,e,i,s){if(!p(t))return;const n=e[t],a=i[t];o(n)&&o(a)?x(n,a,s):e[t]=g(a)}function x(t,e,i){const s=n(e)?e:[e],a=s.length;if(!o(t))return t;const r=(i=i||{}).merger||m;let l;for(let e=0;e<a;++e){if(l=s[e],!o(l))continue;const n=Object.keys(l);for(let e=0,s=n.length;e<s;++e)r(n[e],t,l,i)}return t}function b(t,e){return x(t,e,{merger:_})}function _(t,e,i){if(!p(t))return;const s=e[t],n=i[t];o(s)&&o(n)?b(s,n):Object.prototype.hasOwnProperty.call(e,t)||(e[t]=g(n))}const y={"":t=>t,x:t=>t.x,y:t=>t.y};function v(t){const e=t.split("."),i=[];let s="";for(const t of e)s+=t,s.endsWith("\\")?s=s.slice(0,-1)+".":(i.push(s),s="");return i}function M(t,e){const i=y[e]||(y[e]=function(t){const e=v(t);return t=>{for(const i of e){if(""===i)break;t=t&&t[i]}return t}}(e));return i(t)}function w(t){return t.charAt(0).toUpperCase()+t.slice(1)}const k=t=>void 0!==t,S=t=>"function"==typeof t,P=(t,e)=>{if(t.size!==e.size)return!1;for(const i of t)if(!e.has(i))return!1;return!0};function D(t){return"mouseup"===t.type||"click"===t.type||"contextmenu"===t.type}const C=Math.PI,O=2*C,A=O+C,T=Number.POSITIVE_INFINITY,L=C/180,E=C/2,R=C/4,I=2*C/3,z=Math.log10,F=Math.sign;function V(t,e,i){return Math.abs(t-e)<i}function B(t){const e=Math.round(t);t=V(t,e,t/1e3)?e:t;const i=Math.pow(10,Math.floor(z(t))),s=t/i;return(s<=1?1:s<=2?2:s<=5?5:10)*i}function W(t){const e=[],i=Math.sqrt(t);let s;for(s=1;s<i;s++)t%s==0&&(e.push(s),e.push(t/s));return i===(0|i)&&e.push(i),e.sort(((t,e)=>t-e)).pop(),e}function N(t){return!function(t){return"symbol"==typeof t||"object"==typeof t&&null!==t&&!(Symbol.toPrimitive in t||"toString"in t||"valueOf"in t)}(t)&&!isNaN(parseFloat(t))&&isFinite(t)}function H(t,e){const i=Math.round(t);return i-e<=t&&i+e>=t}function j(t,e,i){let s,n,o;for(s=0,n=t.length;s<n;s++)o=t[s][i],isNaN(o)||(e.min=Math.min(e.min,o),e.max=Math.max(e.max,o))}function $(t){return t*(C/180)}function Y(t){return t*(180/C)}function U(t){if(!a(t))return;let e=1,i=0;for(;Math.round(t*e)/e!==t;)e*=10,i++;return i}function X(t,e){const i=e.x-t.x,s=e.y-t.y,n=Math.sqrt(i*i+s*s);let o=Math.atan2(s,i);return o<-.5*C&&(o+=O),{angle:o,distance:n}}function q(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function K(t,e){return(t-e+A)%O-C}function G(t){return(t%O+O)%O}function Z(t,e,i,s){const n=G(t),o=G(e),a=G(i),r=G(o-n),l=G(a-n),h=G(n-o),c=G(n-a);return n===o||n===a||s&&o===a||r>l&&h<c}function J(t,e,i){return Math.max(e,Math.min(i,t))}function Q(t){return J(t,-32768,32767)}function tt(t,e,i,s=1e-6){return t>=Math.min(e,i)-s&&t<=Math.max(e,i)+s}function et(t,e,i){i=i||(i=>t[i]<e);let s,n=t.length-1,o=0;for(;n-o>1;)s=o+n>>1,i(s)?o=s:n=s;return{lo:o,hi:n}}const it=(t,e,i,s)=>et(t,i,s?s=>{const n=t[s][e];return n<i||n===i&&t[s+1][e]===i}:s=>t[s][e]<i),st=(t,e,i)=>et(t,i,(s=>t[s][e]>=i));function nt(t,e,i){let s=0,n=t.length;for(;s<n&&t[s]<e;)s++;for(;n>s&&t[n-1]>i;)n--;return s>0||n<t.length?t.slice(s,n):t}const ot=["push","pop","shift","splice","unshift"];function at(t,e){t._chartjs?t._chartjs.listeners.push(e):(Object.defineProperty(t,"_chartjs",{configurable:!0,enumerable:!1,value:{listeners:[e]}}),ot.forEach((e=>{const i="_onData"+w(e),s=t[e];Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value(...e){const n=s.apply(this,e);return t._chartjs.listeners.forEach((t=>{"function"==typeof t[i]&&t[i](...e)})),n}})})))}function rt(t,e){const i=t._chartjs;if(!i)return;const s=i.listeners,n=s.indexOf(e);-1!==n&&s.splice(n,1),s.length>0||(ot.forEach((e=>{delete t[e]})),delete t._chartjs)}function lt(t){const e=new Set(t);return e.size===t.length?t:Array.from(e)}const ht="undefined"==typeof window?function(t){return t()}:window.requestAnimationFrame;function ct(t,e){let i=[],s=!1;return function(...n){i=n,s||(s=!0,ht.call(window,(()=>{s=!1,t.apply(e,i)})))}}function dt(t,e){let i;return function(...s){return e?(clearTimeout(i),i=setTimeout(t,e,s)):t.apply(this,s),e}}const ut=t=>"start"===t?"left":"end"===t?"right":"center",ft=(t,e,i)=>"start"===t?e:"end"===t?i:(e+i)/2,gt=(t,e,i,s)=>t===(s?"left":"right")?i:"center"===t?(e+i)/2:e;function pt(t,e,i){const n=e.length;let o=0,a=n;if(t._sorted){const{iScale:r,vScale:l,_parsed:h}=t,c=t.dataset&&t.dataset.options?t.dataset.options.spanGaps:null,d=r.axis,{min:u,max:f,minDefined:g,maxDefined:p}=r.getUserBounds();if(g){if(o=Math.min(it(h,d,u).lo,i?n:it(e,d,r.getPixelForValue(u)).lo),c){const t=h.slice(0,o+1).reverse().findIndex((t=>!s(t[l.axis])));o-=Math.max(0,t)}o=J(o,0,n-1)}if(p){let t=Math.max(it(h,r.axis,f,!0).hi+1,i?0:it(e,d,r.getPixelForValue(f),!0).hi+1);if(c){const e=h.slice(t-1).findIndex((t=>!s(t[l.axis])));t+=Math.max(0,e)}a=J(t,o,n)-o}else a=n-o}return{start:o,count:a}}function mt(t){const{xScale:e,yScale:i,_scaleRanges:s}=t,n={xmin:e.min,xmax:e.max,ymin:i.min,ymax:i.max};if(!s)return t._scaleRanges=n,!0;const o=s.xmin!==e.min||s.xmax!==e.max||s.ymin!==i.min||s.ymax!==i.max;return Object.assign(s,n),o}class xt{constructor(){this._request=null,this._charts=new Map,this._running=!1,this._lastDate=void 0}_notify(t,e,i,s){const n=e.listeners[s],o=e.duration;n.forEach((s=>s({chart:t,initial:e.initial,numSteps:o,currentStep:Math.min(i-e.start,o)})))}_refresh(){this._request||(this._running=!0,this._request=ht.call(window,(()=>{this._update(),this._request=null,this._running&&this._refresh()})))}_update(t=Date.now()){let e=0;this._charts.forEach(((i,s)=>{if(!i.running||!i.items.length)return;const n=i.items;let o,a=n.length-1,r=!1;for(;a>=0;--a)o=n[a],o._active?(o._total>i.duration&&(i.duration=o._total),o.tick(t),r=!0):(n[a]=n[n.length-1],n.pop());r&&(s.draw(),this._notify(s,i,t,"progress")),n.length||(i.running=!1,this._notify(s,i,t,"complete"),i.initial=!1),e+=n.length})),this._lastDate=t,0===e&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){e&&e.length&&this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce(((t,e)=>Math.max(t,e._duration)),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!!(e&&e.running&&e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let s=i.length-1;for(;s>=0;--s)i[s].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}}var bt=new xt;
+/*!
+ * @kurkle/color v0.3.2
+ * https://github.com/kurkle/color#readme
+ * (c) 2023 Jukka Kurkela
+ * Released under the MIT License
+ */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e);function vt(t){return yt(_t(2.55*t),0,255)}function Mt(t){return yt(_t(255*t),0,255)}function wt(t){return yt(_t(t/2.55)/100,0,1)}function kt(t){return yt(_t(100*t),0,100)}const St={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},Pt=[..."0123456789ABCDEF"],Dt=t=>Pt[15&t],Ct=t=>Pt[(240&t)>>4]+Pt[15&t],Ot=t=>(240&t)>>4==(15&t);function At(t){var e=(t=>Ot(t.r)&&Ot(t.g)&&Ot(t.b)&&Ot(t.a))(t)?Dt:Ct;return t?"#"+e(t.r)+e(t.g)+e(t.b)+((t,e)=>t<255?e(t):"")(t.a,e):void 0}const Tt=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function Lt(t,e,i){const s=e*Math.min(i,1-i),n=(e,n=(e+t/30)%12)=>i-s*Math.max(Math.min(n-3,9-n,1),-1);return[n(0),n(8),n(4)]}function Et(t,e,i){const s=(s,n=(s+t/60)%6)=>i-i*e*Math.max(Math.min(n,4-n,1),0);return[s(5),s(3),s(1)]}function Rt(t,e,i){const s=Lt(t,1,.5);let n;for(e+i>1&&(n=1/(e+i),e*=n,i*=n),n=0;n<3;n++)s[n]*=1-e-i,s[n]+=e;return s}function It(t){const e=t.r/255,i=t.g/255,s=t.b/255,n=Math.max(e,i,s),o=Math.min(e,i,s),a=(n+o)/2;let r,l,h;return n!==o&&(h=n-o,l=a>.5?h/(2-n-o):h/(n+o),r=function(t,e,i,s,n){return t===n?(e-i)/s+(e<i?6:0):e===n?(i-t)/s+2:(t-e)/s+4}(e,i,s,h,n),r=60*r+.5),[0|r,l||0,a]}function zt(t,e,i,s){return(Array.isArray(e)?t(e[0],e[1],e[2]):t(e,i,s)).map(Mt)}function Ft(t,e,i){return zt(Lt,t,e,i)}function Vt(t){return(t%360+360)%360}function Bt(t){const e=Tt.exec(t);let i,s=255;if(!e)return;e[5]!==i&&(s=e[6]?vt(+e[5]):Mt(+e[5]));const n=Vt(+e[2]),o=+e[3]/100,a=+e[4]/100;return i="hwb"===e[1]?function(t,e,i){return zt(Rt,t,e,i)}(n,o,a):"hsv"===e[1]?function(t,e,i){return zt(Et,t,e,i)}(n,o,a):Ft(n,o,a),{r:i[0],g:i[1],b:i[2],a:s}}const Wt={x:"dark",Z:"light",Y:"re",X:"blu",W:"gr",V:"medium",U:"slate",A:"ee",T:"ol",S:"or",B:"ra",C:"lateg",D:"ights",R:"in",Q:"turquois",E:"hi",P:"ro",O:"al",N:"le",M:"de",L:"yello",F:"en",K:"ch",G:"arks",H:"ea",I:"ightg",J:"wh"},Nt={OiceXe:"f0f8ff",antiquewEte:"faebd7",aqua:"ffff",aquamarRe:"7fffd4",azuY:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"0",blanKedOmond:"ffebcd",Xe:"ff",XeviTet:"8a2be2",bPwn:"a52a2a",burlywood:"deb887",caMtXe:"5f9ea0",KartYuse:"7fff00",KocTate:"d2691e",cSO:"ff7f50",cSnflowerXe:"6495ed",cSnsilk:"fff8dc",crimson:"dc143c",cyan:"ffff",xXe:"8b",xcyan:"8b8b",xgTMnPd:"b8860b",xWay:"a9a9a9",xgYF:"6400",xgYy:"a9a9a9",xkhaki:"bdb76b",xmagFta:"8b008b",xTivegYF:"556b2f",xSange:"ff8c00",xScEd:"9932cc",xYd:"8b0000",xsOmon:"e9967a",xsHgYF:"8fbc8f",xUXe:"483d8b",xUWay:"2f4f4f",xUgYy:"2f4f4f",xQe:"ced1",xviTet:"9400d3",dAppRk:"ff1493",dApskyXe:"bfff",dimWay:"696969",dimgYy:"696969",dodgerXe:"1e90ff",fiYbrick:"b22222",flSOwEte:"fffaf0",foYstWAn:"228b22",fuKsia:"ff00ff",gaRsbSo:"dcdcdc",ghostwEte:"f8f8ff",gTd:"ffd700",gTMnPd:"daa520",Way:"808080",gYF:"8000",gYFLw:"adff2f",gYy:"808080",honeyMw:"f0fff0",hotpRk:"ff69b4",RdianYd:"cd5c5c",Rdigo:"4b0082",ivSy:"fffff0",khaki:"f0e68c",lavFMr:"e6e6fa",lavFMrXsh:"fff0f5",lawngYF:"7cfc00",NmoncEffon:"fffacd",ZXe:"add8e6",ZcSO:"f08080",Zcyan:"e0ffff",ZgTMnPdLw:"fafad2",ZWay:"d3d3d3",ZgYF:"90ee90",ZgYy:"d3d3d3",ZpRk:"ffb6c1",ZsOmon:"ffa07a",ZsHgYF:"20b2aa",ZskyXe:"87cefa",ZUWay:"778899",ZUgYy:"778899",ZstAlXe:"b0c4de",ZLw:"ffffe0",lime:"ff00",limegYF:"32cd32",lRF:"faf0e6",magFta:"ff00ff",maPon:"800000",VaquamarRe:"66cdaa",VXe:"cd",VScEd:"ba55d3",VpurpN:"9370db",VsHgYF:"3cb371",VUXe:"7b68ee",VsprRggYF:"fa9a",VQe:"48d1cc",VviTetYd:"c71585",midnightXe:"191970",mRtcYam:"f5fffa",mistyPse:"ffe4e1",moccasR:"ffe4b5",navajowEte:"ffdead",navy:"80",Tdlace:"fdf5e6",Tive:"808000",TivedBb:"6b8e23",Sange:"ffa500",SangeYd:"ff4500",ScEd:"da70d6",pOegTMnPd:"eee8aa",pOegYF:"98fb98",pOeQe:"afeeee",pOeviTetYd:"db7093",papayawEp:"ffefd5",pHKpuff:"ffdab9",peru:"cd853f",pRk:"ffc0cb",plum:"dda0dd",powMrXe:"b0e0e6",purpN:"800080",YbeccapurpN:"663399",Yd:"ff0000",Psybrown:"bc8f8f",PyOXe:"4169e1",saddNbPwn:"8b4513",sOmon:"fa8072",sandybPwn:"f4a460",sHgYF:"2e8b57",sHshell:"fff5ee",siFna:"a0522d",silver:"c0c0c0",skyXe:"87ceeb",UXe:"6a5acd",UWay:"708090",UgYy:"708090",snow:"fffafa",sprRggYF:"ff7f",stAlXe:"4682b4",tan:"d2b48c",teO:"8080",tEstN:"d8bfd8",tomato:"ff6347",Qe:"40e0d0",viTet:"ee82ee",JHt:"f5deb3",wEte:"ffffff",wEtesmoke:"f5f5f5",Lw:"ffff00",LwgYF:"9acd32"};let Ht;function jt(t){Ht||(Ht=function(){const t={},e=Object.keys(Nt),i=Object.keys(Wt);let s,n,o,a,r;for(s=0;s<e.length;s++){for(a=r=e[s],n=0;n<i.length;n++)o=i[n],r=r.replace(o,Wt[o]);o=parseInt(Nt[a],16),t[r]=[o>>16&255,o>>8&255,255&o]}return t}(),Ht.transparent=[0,0,0,0]);const e=Ht[t.toLowerCase()];return e&&{r:e[0],g:e[1],b:e[2],a:4===e.length?e[3]:255}}const $t=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const Yt=t=>t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,Ut=t=>t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4);function Xt(t,e,i){if(t){let s=It(t);s[e]=Math.max(0,Math.min(s[e]+s[e]*i,0===e?360:1)),s=Ft(s),t.r=s[0],t.g=s[1],t.b=s[2]}}function qt(t,e){return t?Object.assign(e||{},t):t}function Kt(t){var e={r:0,g:0,b:0,a:255};return Array.isArray(t)?t.length>=3&&(e={r:t[0],g:t[1],b:t[2],a:255},t.length>3&&(e.a=Mt(t[3]))):(e=qt(t,{r:0,g:0,b:0,a:1})).a=Mt(e.a),e}function Gt(t){return"r"===t.charAt(0)?function(t){const e=$t.exec(t);let i,s,n,o=255;if(e){if(e[7]!==i){const t=+e[7];o=e[8]?vt(t):yt(255*t,0,255)}return i=+e[1],s=+e[3],n=+e[5],i=255&(e[2]?vt(i):yt(i,0,255)),s=255&(e[4]?vt(s):yt(s,0,255)),n=255&(e[6]?vt(n):yt(n,0,255)),{r:i,g:s,b:n,a:o}}}(t):Bt(t)}class Zt{constructor(t){if(t instanceof Zt)return t;const e=typeof t;let i;var s,n,o;"object"===e?i=Kt(t):"string"===e&&(o=(s=t).length,"#"===s[0]&&(4===o||5===o?n={r:255&17*St[s[1]],g:255&17*St[s[2]],b:255&17*St[s[3]],a:5===o?17*St[s[4]]:255}:7!==o&&9!==o||(n={r:St[s[1]]<<4|St[s[2]],g:St[s[3]]<<4|St[s[4]],b:St[s[5]]<<4|St[s[6]],a:9===o?St[s[7]]<<4|St[s[8]]:255})),i=n||jt(t)||Gt(t)),this._rgb=i,this._valid=!!i}get valid(){return this._valid}get rgb(){var t=qt(this._rgb);return t&&(t.a=wt(t.a)),t}set rgb(t){this._rgb=Kt(t)}rgbString(){return this._valid?(t=this._rgb)&&(t.a<255?`rgba(${t.r}, ${t.g}, ${t.b}, ${wt(t.a)})`:`rgb(${t.r}, ${t.g}, ${t.b})`):void 0;var t}hexString(){return this._valid?At(this._rgb):void 0}hslString(){return this._valid?function(t){if(!t)return;const e=It(t),i=e[0],s=kt(e[1]),n=kt(e[2]);return t.a<255?`hsla(${i}, ${s}%, ${n}%, ${wt(t.a)})`:`hsl(${i}, ${s}%, ${n}%)`}(this._rgb):void 0}mix(t,e){if(t){const i=this.rgb,s=t.rgb;let n;const o=e===n?.5:e,a=2*o-1,r=i.a-s.a,l=((a*r==-1?a:(a+r)/(1+a*r))+1)/2;n=1-l,i.r=255&l*i.r+n*s.r+.5,i.g=255&l*i.g+n*s.g+.5,i.b=255&l*i.b+n*s.b+.5,i.a=o*i.a+(1-o)*s.a,this.rgb=i}return this}interpolate(t,e){return t&&(this._rgb=function(t,e,i){const s=Ut(wt(t.r)),n=Ut(wt(t.g)),o=Ut(wt(t.b));return{r:Mt(Yt(s+i*(Ut(wt(e.r))-s))),g:Mt(Yt(n+i*(Ut(wt(e.g))-n))),b:Mt(Yt(o+i*(Ut(wt(e.b))-o))),a:t.a+i*(e.a-t.a)}}(this._rgb,t._rgb,e)),this}clone(){return new Zt(this.rgb)}alpha(t){return this._rgb.a=Mt(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=_t(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return Xt(this._rgb,2,t),this}darken(t){return Xt(this._rgb,2,-t),this}saturate(t){return Xt(this._rgb,1,t),this}desaturate(t){return Xt(this._rgb,1,-t),this}rotate(t){return function(t,e){var i=It(t);i[0]=Vt(i[0]+e),i=Ft(i),t.r=i[0],t.g=i[1],t.b=i[2]}(this._rgb,t),this}}function Jt(t){if(t&&"object"==typeof t){const e=t.toString();return"[object CanvasPattern]"===e||"[object CanvasGradient]"===e}return!1}function Qt(t){return Jt(t)?t:new Zt(t)}function te(t){return Jt(t)?t:new Zt(t).saturate(.5).darken(.1).hexString()}const ee=["x","y","borderWidth","radius","tension"],ie=["color","borderColor","backgroundColor"];const se=new Map;function ne(t,e,i){return function(t,e){e=e||{};const i=t+JSON.stringify(e);let s=se.get(i);return s||(s=new Intl.NumberFormat(t,e),se.set(i,s)),s}(e,i).format(t)}const oe={values:t=>n(t)?t:""+t,numeric(t,e,i){if(0===t)return"0";const s=this.chart.options.locale;let n,o=t;if(i.length>1){const e=Math.max(Math.abs(i[0].value),Math.abs(i[i.length-1].value));(e<1e-4||e>1e15)&&(n="scientific"),o=function(t,e){let i=e.length>3?e[2].value-e[1].value:e[1].value-e[0].value;Math.abs(i)>=1&&t!==Math.floor(t)&&(i=t-Math.floor(t));return i}(t,i)}const a=z(Math.abs(o)),r=isNaN(a)?1:Math.max(Math.min(-1*Math.floor(a),20),0),l={notation:n,minimumFractionDigits:r,maximumFractionDigits:r};return Object.assign(l,this.options.ticks.format),ne(t,s,l)},logarithmic(t,e,i){if(0===t)return"0";const s=i[e].significand||t/Math.pow(10,Math.floor(z(t)));return[1,2,3,5,10,15].includes(s)||e>.8*i.length?oe.numeric.call(this,t,e,i):""}};var ae={formatters:oe};const re=Object.create(null),le=Object.create(null);function he(t,e){if(!e)return t;const i=e.split(".");for(let e=0,s=i.length;e<s;++e){const s=i[e];t=t[s]||(t[s]=Object.create(null))}return t}function ce(t,e,i){return"string"==typeof e?x(he(t,e),i):x(he(t,""),e)}class de{constructor(t,e){this.animation=void 0,this.backgroundColor="rgba(0,0,0,0.1)",this.borderColor="rgba(0,0,0,0.1)",this.color="#666",this.datasets={},this.devicePixelRatio=t=>t.chart.platform.getDevicePixelRatio(),this.elements={},this.events=["mousemove","mouseout","click","touchstart","touchmove"],this.font={family:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",size:12,style:"normal",lineHeight:1.2,weight:null},this.hover={},this.hoverBackgroundColor=(t,e)=>te(e.backgroundColor),this.hoverBorderColor=(t,e)=>te(e.borderColor),this.hoverColor=(t,e)=>te(e.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0,includeInvisible:!1},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.drawActiveElementsOnTop=!0,this.describe(t),this.apply(e)}set(t,e){return ce(this,t,e)}get(t){return he(this,t)}describe(t,e){return ce(le,t,e)}override(t,e){return ce(re,t,e)}route(t,e,i,s){const n=he(this,t),a=he(this,i),r="_"+e;Object.defineProperties(n,{[r]:{value:n[e],writable:!0},[e]:{enumerable:!0,get(){const t=this[r],e=a[s];return o(t)?Object.assign({},e,t):l(t,e)},set(t){this[r]=t}}})}apply(t){t.forEach((t=>t(this)))}}var ue=new de({_scriptable:t=>!t.startsWith("on"),_indexable:t=>"events"!==t,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}},[function(t){t.set("animation",{delay:void 0,duration:1e3,easing:"easeOutQuart",fn:void 0,from:void 0,loop:void 0,to:void 0,type:void 0}),t.describe("animation",{_fallback:!1,_indexable:!1,_scriptable:t=>"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),t.set("animations",{colors:{type:"color",properties:ie},numbers:{type:"number",properties:ee}}),t.describe("animations",{_fallback:"animation"}),t.set("transitions",{active:{animation:{duration:400}},resize:{animation:{duration:0}},show:{animations:{colors:{from:"transparent"},visible:{type:"boolean",duration:0}}},hide:{animations:{colors:{to:"transparent"},visible:{type:"boolean",easing:"linear",fn:t=>0|t}}}})},function(t){t.set("layout",{autoPadding:!0,padding:{top:0,right:0,bottom:0,left:0}})},function(t){t.set("scale",{display:!0,offset:!1,reverse:!1,beginAtZero:!1,bounds:"ticks",clip:!0,grace:0,grid:{display:!0,lineWidth:1,drawOnChartArea:!0,drawTicks:!0,tickLength:8,tickWidth:(t,e)=>e.lineWidth,tickColor:(t,e)=>e.color,offset:!1},border:{display:!0,dash:[],dashOffset:0,width:1},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:ae.formatters.values,minor:{},major:{},align:"center",crossAlign:"near",showLabelBackdrop:!1,backdropColor:"rgba(255, 255, 255, 0.75)",backdropPadding:2}}),t.route("scale.ticks","color","","color"),t.route("scale.grid","color","","borderColor"),t.route("scale.border","color","","borderColor"),t.route("scale.title","color","","color"),t.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t&&"dash"!==t}),t.describe("scales",{_fallback:"scale"}),t.describe("scale.ticks",{_scriptable:t=>"backdropPadding"!==t&&"callback"!==t,_indexable:t=>"backdropPadding"!==t})}]);function fe(){return"undefined"!=typeof window&&"undefined"!=typeof document}function ge(t){let e=t.parentNode;return e&&"[object ShadowRoot]"===e.toString()&&(e=e.host),e}function pe(t,e,i){let s;return"string"==typeof t?(s=parseInt(t,10),-1!==t.indexOf("%")&&(s=s/100*e.parentNode[i])):s=t,s}const me=t=>t.ownerDocument.defaultView.getComputedStyle(t,null);function xe(t,e){return me(t).getPropertyValue(e)}const be=["top","right","bottom","left"];function _e(t,e,i){const s={};i=i?"-"+i:"";for(let n=0;n<4;n++){const o=be[n];s[o]=parseFloat(t[e+"-"+o+i])||0}return s.width=s.left+s.right,s.height=s.top+s.bottom,s}const ye=(t,e,i)=>(t>0||e>0)&&(!i||!i.shadowRoot);function ve(t,e){if("native"in t)return t;const{canvas:i,currentDevicePixelRatio:s}=e,n=me(i),o="border-box"===n.boxSizing,a=_e(n,"padding"),r=_e(n,"border","width"),{x:l,y:h,box:c}=function(t,e){const i=t.touches,s=i&&i.length?i[0]:t,{offsetX:n,offsetY:o}=s;let a,r,l=!1;if(ye(n,o,t.target))a=n,r=o;else{const t=e.getBoundingClientRect();a=s.clientX-t.left,r=s.clientY-t.top,l=!0}return{x:a,y:r,box:l}}(t,i),d=a.left+(c&&r.left),u=a.top+(c&&r.top);let{width:f,height:g}=e;return o&&(f-=a.width+r.width,g-=a.height+r.height),{x:Math.round((l-d)/f*i.width/s),y:Math.round((h-u)/g*i.height/s)}}const Me=t=>Math.round(10*t)/10;function we(t,e,i,s){const n=me(t),o=_e(n,"margin"),a=pe(n.maxWidth,t,"clientWidth")||T,r=pe(n.maxHeight,t,"clientHeight")||T,l=function(t,e,i){let s,n;if(void 0===e||void 0===i){const o=t&&ge(t);if(o){const t=o.getBoundingClientRect(),a=me(o),r=_e(a,"border","width"),l=_e(a,"padding");e=t.width-l.width-r.width,i=t.height-l.height-r.height,s=pe(a.maxWidth,o,"clientWidth"),n=pe(a.maxHeight,o,"clientHeight")}else e=t.clientWidth,i=t.clientHeight}return{width:e,height:i,maxWidth:s||T,maxHeight:n||T}}(t,e,i);let{width:h,height:c}=l;if("content-box"===n.boxSizing){const t=_e(n,"border","width"),e=_e(n,"padding");h-=e.width+t.width,c-=e.height+t.height}h=Math.max(0,h-o.width),c=Math.max(0,s?h/s:c-o.height),h=Me(Math.min(h,a,l.maxWidth)),c=Me(Math.min(c,r,l.maxHeight)),h&&!c&&(c=Me(h/2));return(void 0!==e||void 0!==i)&&s&&l.height&&c>l.height&&(c=l.height,h=Me(Math.floor(c*s))),{width:h,height:c}}function ke(t,e,i){const s=e||1,n=Math.floor(t.height*s),o=Math.floor(t.width*s);t.height=Math.floor(t.height),t.width=Math.floor(t.width);const a=t.canvas;return a.style&&(i||!a.style.height&&!a.style.width)&&(a.style.height=`${t.height}px`,a.style.width=`${t.width}px`),(t.currentDevicePixelRatio!==s||a.height!==n||a.width!==o)&&(t.currentDevicePixelRatio=s,a.height=n,a.width=o,t.ctx.setTransform(s,0,0,s,0,0),!0)}const Se=function(){let t=!1;try{const e={get passive(){return t=!0,!1}};fe()&&(window.addEventListener("test",null,e),window.removeEventListener("test",null,e))}catch(t){}return t}();function Pe(t,e){const i=xe(t,e),s=i&&i.match(/^(\d+)(\.\d+)?px$/);return s?+s[1]:void 0}function De(t){return!t||s(t.size)||s(t.family)?null:(t.style?t.style+" ":"")+(t.weight?t.weight+" ":"")+t.size+"px "+t.family}function Ce(t,e,i,s,n){let o=e[n];return o||(o=e[n]=t.measureText(n).width,i.push(n)),o>s&&(s=o),s}function Oe(t,e,i,s){let o=(s=s||{}).data=s.data||{},a=s.garbageCollect=s.garbageCollect||[];s.font!==e&&(o=s.data={},a=s.garbageCollect=[],s.font=e),t.save(),t.font=e;let r=0;const l=i.length;let h,c,d,u,f;for(h=0;h<l;h++)if(u=i[h],null==u||n(u)){if(n(u))for(c=0,d=u.length;c<d;c++)f=u[c],null==f||n(f)||(r=Ce(t,o,a,r,f))}else r=Ce(t,o,a,r,u);t.restore();const g=a.length/2;if(g>i.length){for(h=0;h<g;h++)delete o[a[h]];a.splice(0,g)}return r}function Ae(t,e,i){const s=t.currentDevicePixelRatio,n=0!==i?Math.max(i/2,.5):0;return Math.round((e-n)*s)/s+n}function Te(t,e){(e||t)&&((e=e||t.getContext("2d")).save(),e.resetTransform(),e.clearRect(0,0,t.width,t.height),e.restore())}function Le(t,e,i,s){Ee(t,e,i,s,null)}function Ee(t,e,i,s,n){let o,a,r,l,h,c,d,u;const f=e.pointStyle,g=e.rotation,p=e.radius;let m=(g||0)*L;if(f&&"object"==typeof f&&(o=f.toString(),"[object HTMLImageElement]"===o||"[object HTMLCanvasElement]"===o))return t.save(),t.translate(i,s),t.rotate(m),t.drawImage(f,-f.width/2,-f.height/2,f.width,f.height),void t.restore();if(!(isNaN(p)||p<=0)){switch(t.beginPath(),f){default:n?t.ellipse(i,s,n/2,p,0,0,O):t.arc(i,s,p,0,O),t.closePath();break;case"triangle":c=n?n/2:p,t.moveTo(i+Math.sin(m)*c,s-Math.cos(m)*p),m+=I,t.lineTo(i+Math.sin(m)*c,s-Math.cos(m)*p),m+=I,t.lineTo(i+Math.sin(m)*c,s-Math.cos(m)*p),t.closePath();break;case"rectRounded":h=.516*p,l=p-h,a=Math.cos(m+R)*l,d=Math.cos(m+R)*(n?n/2-h:l),r=Math.sin(m+R)*l,u=Math.sin(m+R)*(n?n/2-h:l),t.arc(i-d,s-r,h,m-C,m-E),t.arc(i+u,s-a,h,m-E,m),t.arc(i+d,s+r,h,m,m+E),t.arc(i-u,s+a,h,m+E,m+C),t.closePath();break;case"rect":if(!g){l=Math.SQRT1_2*p,c=n?n/2:l,t.rect(i-c,s-l,2*c,2*l);break}m+=R;case"rectRot":d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+u,s-a),t.lineTo(i+d,s+r),t.lineTo(i-u,s+a),t.closePath();break;case"crossRot":m+=R;case"cross":d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+d,s+r),t.moveTo(i+u,s-a),t.lineTo(i-u,s+a);break;case"star":d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+d,s+r),t.moveTo(i+u,s-a),t.lineTo(i-u,s+a),m+=R,d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+d,s+r),t.moveTo(i+u,s-a),t.lineTo(i-u,s+a);break;case"line":a=n?n/2:Math.cos(m)*p,r=Math.sin(m)*p,t.moveTo(i-a,s-r),t.lineTo(i+a,s+r);break;case"dash":t.moveTo(i,s),t.lineTo(i+Math.cos(m)*(n?n/2:p),s+Math.sin(m)*p);break;case!1:t.closePath()}t.fill(),e.borderWidth>0&&t.stroke()}}function Re(t,e,i){return i=i||.5,!e||t&&t.x>e.left-i&&t.x<e.right+i&&t.y>e.top-i&&t.y<e.bottom+i}function Ie(t,e){t.save(),t.beginPath(),t.rect(e.left,e.top,e.right-e.left,e.bottom-e.top),t.clip()}function ze(t){t.restore()}function Fe(t,e,i,s,n){if(!e)return t.lineTo(i.x,i.y);if("middle"===n){const s=(e.x+i.x)/2;t.lineTo(s,e.y),t.lineTo(s,i.y)}else"after"===n!=!!s?t.lineTo(e.x,i.y):t.lineTo(i.x,e.y);t.lineTo(i.x,i.y)}function Ve(t,e,i,s){if(!e)return t.lineTo(i.x,i.y);t.bezierCurveTo(s?e.cp1x:e.cp2x,s?e.cp1y:e.cp2y,s?i.cp2x:i.cp1x,s?i.cp2y:i.cp1y,i.x,i.y)}function Be(t,e,i,s,n){if(n.strikethrough||n.underline){const o=t.measureText(s),a=e-o.actualBoundingBoxLeft,r=e+o.actualBoundingBoxRight,l=i-o.actualBoundingBoxAscent,h=i+o.actualBoundingBoxDescent,c=n.strikethrough?(l+h)/2:h;t.strokeStyle=t.fillStyle,t.beginPath(),t.lineWidth=n.decorationWidth||2,t.moveTo(a,c),t.lineTo(r,c),t.stroke()}}function We(t,e){const i=t.fillStyle;t.fillStyle=e.color,t.fillRect(e.left,e.top,e.width,e.height),t.fillStyle=i}function Ne(t,e,i,o,a,r={}){const l=n(e)?e:[e],h=r.strokeWidth>0&&""!==r.strokeColor;let c,d;for(t.save(),t.font=a.string,function(t,e){e.translation&&t.translate(e.translation[0],e.translation[1]),s(e.rotation)||t.rotate(e.rotation),e.color&&(t.fillStyle=e.color),e.textAlign&&(t.textAlign=e.textAlign),e.textBaseline&&(t.textBaseline=e.textBaseline)}(t,r),c=0;c<l.length;++c)d=l[c],r.backdrop&&We(t,r.backdrop),h&&(r.strokeColor&&(t.strokeStyle=r.strokeColor),s(r.strokeWidth)||(t.lineWidth=r.strokeWidth),t.strokeText(d,i,o,r.maxWidth)),t.fillText(d,i,o,r.maxWidth),Be(t,i,o,d,r),o+=Number(a.lineHeight);t.restore()}function He(t,e){const{x:i,y:s,w:n,h:o,radius:a}=e;t.arc(i+a.topLeft,s+a.topLeft,a.topLeft,1.5*C,C,!0),t.lineTo(i,s+o-a.bottomLeft),t.arc(i+a.bottomLeft,s+o-a.bottomLeft,a.bottomLeft,C,E,!0),t.lineTo(i+n-a.bottomRight,s+o),t.arc(i+n-a.bottomRight,s+o-a.bottomRight,a.bottomRight,E,0,!0),t.lineTo(i+n,s+a.topRight),t.arc(i+n-a.topRight,s+a.topRight,a.topRight,0,-E,!0),t.lineTo(i+a.topLeft,s)}function je(t,e=[""],i,s,n=(()=>t[0])){const o=i||t;void 0===s&&(s=ti("_fallback",t));const a={[Symbol.toStringTag]:"Object",_cacheable:!0,_scopes:t,_rootScopes:o,_fallback:s,_getTarget:n,override:i=>je([i,...t],e,o,s)};return new Proxy(a,{deleteProperty:(e,i)=>(delete e[i],delete e._keys,delete t[0][i],!0),get:(i,s)=>qe(i,s,(()=>function(t,e,i,s){let n;for(const o of e)if(n=ti(Ue(o,t),i),void 0!==n)return Xe(t,n)?Je(i,s,t,n):n}(s,e,t,i))),getOwnPropertyDescriptor:(t,e)=>Reflect.getOwnPropertyDescriptor(t._scopes[0],e),getPrototypeOf:()=>Reflect.getPrototypeOf(t[0]),has:(t,e)=>ei(t).includes(e),ownKeys:t=>ei(t),set(t,e,i){const s=t._storage||(t._storage=n());return t[e]=s[e]=i,delete t._keys,!0}})}function $e(t,e,i,s){const a={_cacheable:!1,_proxy:t,_context:e,_subProxy:i,_stack:new Set,_descriptors:Ye(t,s),setContext:e=>$e(t,e,i,s),override:n=>$e(t.override(n),e,i,s)};return new Proxy(a,{deleteProperty:(e,i)=>(delete e[i],delete t[i],!0),get:(t,e,i)=>qe(t,e,(()=>function(t,e,i){const{_proxy:s,_context:a,_subProxy:r,_descriptors:l}=t;let h=s[e];S(h)&&l.isScriptable(e)&&(h=function(t,e,i,s){const{_proxy:n,_context:o,_subProxy:a,_stack:r}=i;if(r.has(t))throw new Error("Recursion detected: "+Array.from(r).join("->")+"->"+t);r.add(t);let l=e(o,a||s);r.delete(t),Xe(t,l)&&(l=Je(n._scopes,n,t,l));return l}(e,h,t,i));n(h)&&h.length&&(h=function(t,e,i,s){const{_proxy:n,_context:a,_subProxy:r,_descriptors:l}=i;if(void 0!==a.index&&s(t))return e[a.index%e.length];if(o(e[0])){const i=e,s=n._scopes.filter((t=>t!==i));e=[];for(const o of i){const i=Je(s,n,t,o);e.push($e(i,a,r&&r[t],l))}}return e}(e,h,t,l.isIndexable));Xe(e,h)&&(h=$e(h,a,r&&r[e],l));return h}(t,e,i))),getOwnPropertyDescriptor:(e,i)=>e._descriptors.allKeys?Reflect.has(t,i)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(t,i),getPrototypeOf:()=>Reflect.getPrototypeOf(t),has:(e,i)=>Reflect.has(t,i),ownKeys:()=>Reflect.ownKeys(t),set:(e,i,s)=>(t[i]=s,delete e[i],!0)})}function Ye(t,e={scriptable:!0,indexable:!0}){const{_scriptable:i=e.scriptable,_indexable:s=e.indexable,_allKeys:n=e.allKeys}=t;return{allKeys:n,scriptable:i,indexable:s,isScriptable:S(i)?i:()=>i,isIndexable:S(s)?s:()=>s}}const Ue=(t,e)=>t?t+w(e):e,Xe=(t,e)=>o(e)&&"adapters"!==t&&(null===Object.getPrototypeOf(e)||e.constructor===Object);function qe(t,e,i){if(Object.prototype.hasOwnProperty.call(t,e)||"constructor"===e)return t[e];const s=i();return t[e]=s,s}function Ke(t,e,i){return S(t)?t(e,i):t}const Ge=(t,e)=>!0===t?e:"string"==typeof t?M(e,t):void 0;function Ze(t,e,i,s,n){for(const o of e){const e=Ge(i,o);if(e){t.add(e);const o=Ke(e._fallback,i,n);if(void 0!==o&&o!==i&&o!==s)return o}else if(!1===e&&void 0!==s&&i!==s)return null}return!1}function Je(t,e,i,s){const a=e._rootScopes,r=Ke(e._fallback,i,s),l=[...t,...a],h=new Set;h.add(s);let c=Qe(h,l,i,r||i,s);return null!==c&&((void 0===r||r===i||(c=Qe(h,l,r,c,s),null!==c))&&je(Array.from(h),[""],a,r,(()=>function(t,e,i){const s=t._getTarget();e in s||(s[e]={});const a=s[e];if(n(a)&&o(i))return i;return a||{}}(e,i,s))))}function Qe(t,e,i,s,n){for(;i;)i=Ze(t,e,i,s,n);return i}function ti(t,e){for(const i of e){if(!i)continue;const e=i[t];if(void 0!==e)return e}}function ei(t){let e=t._keys;return e||(e=t._keys=function(t){const e=new Set;for(const i of t)for(const t of Object.keys(i).filter((t=>!t.startsWith("_"))))e.add(t);return Array.from(e)}(t._scopes)),e}function ii(t,e,i,s){const{iScale:n}=t,{key:o="r"}=this._parsing,a=new Array(s);let r,l,h,c;for(r=0,l=s;r<l;++r)h=r+i,c=e[h],a[r]={r:n.parse(M(c,o),h)};return a}const si=Number.EPSILON||1e-14,ni=(t,e)=>e<t.length&&!t[e].skip&&t[e],oi=t=>"x"===t?"y":"x";function ai(t,e,i,s){const n=t.skip?e:t,o=e,a=i.skip?e:i,r=q(o,n),l=q(a,o);let h=r/(r+l),c=l/(r+l);h=isNaN(h)?0:h,c=isNaN(c)?0:c;const d=s*h,u=s*c;return{previous:{x:o.x-d*(a.x-n.x),y:o.y-d*(a.y-n.y)},next:{x:o.x+u*(a.x-n.x),y:o.y+u*(a.y-n.y)}}}function ri(t,e="x"){const i=oi(e),s=t.length,n=Array(s).fill(0),o=Array(s);let a,r,l,h=ni(t,0);for(a=0;a<s;++a)if(r=l,l=h,h=ni(t,a+1),l){if(h){const t=h[e]-l[e];n[a]=0!==t?(h[i]-l[i])/t:0}o[a]=r?h?F(n[a-1])!==F(n[a])?0:(n[a-1]+n[a])/2:n[a-1]:n[a]}!function(t,e,i){const s=t.length;let n,o,a,r,l,h=ni(t,0);for(let c=0;c<s-1;++c)l=h,h=ni(t,c+1),l&&h&&(V(e[c],0,si)?i[c]=i[c+1]=0:(n=i[c]/e[c],o=i[c+1]/e[c],r=Math.pow(n,2)+Math.pow(o,2),r<=9||(a=3/Math.sqrt(r),i[c]=n*a*e[c],i[c+1]=o*a*e[c])))}(t,n,o),function(t,e,i="x"){const s=oi(i),n=t.length;let o,a,r,l=ni(t,0);for(let h=0;h<n;++h){if(a=r,r=l,l=ni(t,h+1),!r)continue;const n=r[i],c=r[s];a&&(o=(n-a[i])/3,r[`cp1${i}`]=n-o,r[`cp1${s}`]=c-o*e[h]),l&&(o=(l[i]-n)/3,r[`cp2${i}`]=n+o,r[`cp2${s}`]=c+o*e[h])}}(t,o,e)}function li(t,e,i){return Math.max(Math.min(t,i),e)}function hi(t,e,i,s,n){let o,a,r,l;if(e.spanGaps&&(t=t.filter((t=>!t.skip))),"monotone"===e.cubicInterpolationMode)ri(t,n);else{let i=s?t[t.length-1]:t[0];for(o=0,a=t.length;o<a;++o)r=t[o],l=ai(i,r,t[Math.min(o+1,a-(s?0:1))%a],e.tension),r.cp1x=l.previous.x,r.cp1y=l.previous.y,r.cp2x=l.next.x,r.cp2y=l.next.y,i=r}e.capBezierPoints&&function(t,e){let i,s,n,o,a,r=Re(t[0],e);for(i=0,s=t.length;i<s;++i)a=o,o=r,r=i<s-1&&Re(t[i+1],e),o&&(n=t[i],a&&(n.cp1x=li(n.cp1x,e.left,e.right),n.cp1y=li(n.cp1y,e.top,e.bottom)),r&&(n.cp2x=li(n.cp2x,e.left,e.right),n.cp2y=li(n.cp2y,e.top,e.bottom)))}(t,i)}const ci=t=>0===t||1===t,di=(t,e,i)=>-Math.pow(2,10*(t-=1))*Math.sin((t-e)*O/i),ui=(t,e,i)=>Math.pow(2,-10*t)*Math.sin((t-e)*O/i)+1,fi={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>-t*(t-2),easeInOutQuad:t=>(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1),easeInCubic:t=>t*t*t,easeOutCubic:t=>(t-=1)*t*t+1,easeInOutCubic:t=>(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2),easeInQuart:t=>t*t*t*t,easeOutQuart:t=>-((t-=1)*t*t*t-1),easeInOutQuart:t=>(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2),easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>(t-=1)*t*t*t*t+1,easeInOutQuint:t=>(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2),easeInSine:t=>1-Math.cos(t*E),easeOutSine:t=>Math.sin(t*E),easeInOutSine:t=>-.5*(Math.cos(C*t)-1),easeInExpo:t=>0===t?0:Math.pow(2,10*(t-1)),easeOutExpo:t=>1===t?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>ci(t)?t:t<.5?.5*Math.pow(2,10*(2*t-1)):.5*(2-Math.pow(2,-10*(2*t-1))),easeInCirc:t=>t>=1?t:-(Math.sqrt(1-t*t)-1),easeOutCirc:t=>Math.sqrt(1-(t-=1)*t),easeInOutCirc:t=>(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1),easeInElastic:t=>ci(t)?t:di(t,.075,.3),easeOutElastic:t=>ci(t)?t:ui(t,.075,.3),easeInOutElastic(t){const e=.1125;return ci(t)?t:t<.5?.5*di(2*t,e,.45):.5+.5*ui(2*t-1,e,.45)},easeInBack(t){const e=1.70158;return t*t*((e+1)*t-e)},easeOutBack(t){const e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack(t){let e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:t=>1-fi.easeOutBounce(1-t),easeOutBounce(t){const e=7.5625,i=2.75;return t<1/i?e*t*t:t<2/i?e*(t-=1.5/i)*t+.75:t<2.5/i?e*(t-=2.25/i)*t+.9375:e*(t-=2.625/i)*t+.984375},easeInOutBounce:t=>t<.5?.5*fi.easeInBounce(2*t):.5*fi.easeOutBounce(2*t-1)+.5};function gi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:t.y+i*(e.y-t.y)}}function pi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:"middle"===s?i<.5?t.y:e.y:"after"===s?i<1?t.y:e.y:i>0?e.y:t.y}}function mi(t,e,i,s){const n={x:t.cp2x,y:t.cp2y},o={x:e.cp1x,y:e.cp1y},a=gi(t,n,i),r=gi(n,o,i),l=gi(o,e,i),h=gi(a,r,i),c=gi(r,l,i);return gi(h,c,i)}const xi=/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/,bi=/^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;function _i(t,e){const i=(""+t).match(xi);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t}const yi=t=>+t||0;function vi(t,e){const i={},s=o(e),n=s?Object.keys(e):e,a=o(t)?s?i=>l(t[i],t[e[i]]):e=>t[e]:()=>t;for(const t of n)i[t]=yi(a(t));return i}function Mi(t){return vi(t,{top:"y",right:"x",bottom:"y",left:"x"})}function wi(t){return vi(t,["topLeft","topRight","bottomLeft","bottomRight"])}function ki(t){const e=Mi(t);return e.width=e.left+e.right,e.height=e.top+e.bottom,e}function Si(t,e){t=t||{},e=e||ue.font;let i=l(t.size,e.size);"string"==typeof i&&(i=parseInt(i,10));let s=l(t.style,e.style);s&&!(""+s).match(bi)&&(console.warn('Invalid font style specified: "'+s+'"'),s=void 0);const n={family:l(t.family,e.family),lineHeight:_i(l(t.lineHeight,e.lineHeight),i),size:i,style:s,weight:l(t.weight,e.weight),string:""};return n.string=De(n),n}function Pi(t,e,i,s){let o,a,r,l=!0;for(o=0,a=t.length;o<a;++o)if(r=t[o],void 0!==r&&(void 0!==e&&"function"==typeof r&&(r=r(e),l=!1),void 0!==i&&n(r)&&(r=r[i%r.length],l=!1),void 0!==r))return s&&!l&&(s.cacheable=!1),r}function Di(t,e,i){const{min:s,max:n}=t,o=c(e,(n-s)/2),a=(t,e)=>i&&0===t?0:t+e;return{min:a(s,-Math.abs(o)),max:a(n,o)}}function Ci(t,e){return Object.assign(Object.create(t),e)}function Oi(t,e,i){return t?function(t,e){return{x:i=>t+t+e-i,setWidth(t){e=t},textAlign:t=>"center"===t?t:"right"===t?"left":"right",xPlus:(t,e)=>t-e,leftForLtr:(t,e)=>t-e}}(e,i):{x:t=>t,setWidth(t){},textAlign:t=>t,xPlus:(t,e)=>t+e,leftForLtr:(t,e)=>t}}function Ai(t,e){let i,s;"ltr"!==e&&"rtl"!==e||(i=t.canvas.style,s=[i.getPropertyValue("direction"),i.getPropertyPriority("direction")],i.setProperty("direction",e,"important"),t.prevTextDirection=s)}function Ti(t,e){void 0!==e&&(delete t.prevTextDirection,t.canvas.style.setProperty("direction",e[0],e[1]))}function Li(t){return"angle"===t?{between:Z,compare:K,normalize:G}:{between:tt,compare:(t,e)=>t-e,normalize:t=>t}}function Ei({start:t,end:e,count:i,loop:s,style:n}){return{start:t%i,end:e%i,loop:s&&(e-t+1)%i==0,style:n}}function Ri(t,e,i){if(!i)return[t];const{property:s,start:n,end:o}=i,a=e.length,{compare:r,between:l,normalize:h}=Li(s),{start:c,end:d,loop:u,style:f}=function(t,e,i){const{property:s,start:n,end:o}=i,{between:a,normalize:r}=Li(s),l=e.length;let h,c,{start:d,end:u,loop:f}=t;if(f){for(d+=l,u+=l,h=0,c=l;h<c&&a(r(e[d%l][s]),n,o);++h)d--,u--;d%=l,u%=l}return u<d&&(u+=l),{start:d,end:u,loop:f,style:t.style}}(t,e,i),g=[];let p,m,x,b=!1,_=null;const y=()=>b||l(n,x,p)&&0!==r(n,x),v=()=>!b||0===r(o,p)||l(o,x,p);for(let t=c,i=c;t<=d;++t)m=e[t%a],m.skip||(p=h(m[s]),p!==x&&(b=l(p,n,o),null===_&&y()&&(_=0===r(p,n)?t:i),null!==_&&v()&&(g.push(Ei({start:_,end:t,loop:u,count:a,style:f})),_=null),i=t,x=p));return null!==_&&g.push(Ei({start:_,end:d,loop:u,count:a,style:f})),g}function Ii(t,e){const i=[],s=t.segments;for(let n=0;n<s.length;n++){const o=Ri(s[n],t.points,e);o.length&&i.push(...o)}return i}function zi(t,e){const i=t.points,s=t.options.spanGaps,n=i.length;if(!n)return[];const o=!!t._loop,{start:a,end:r}=function(t,e,i,s){let n=0,o=e-1;if(i&&!s)for(;n<e&&!t[n].skip;)n++;for(;n<e&&t[n].skip;)n++;for(n%=e,i&&(o+=n);o>n&&t[o%e].skip;)o--;return o%=e,{start:n,end:o}}(i,n,o,s);if(!0===s)return Fi(t,[{start:a,end:r,loop:o}],i,e);return Fi(t,function(t,e,i,s){const n=t.length,o=[];let a,r=e,l=t[e];for(a=e+1;a<=i;++a){const i=t[a%n];i.skip||i.stop?l.skip||(s=!1,o.push({start:e%n,end:(a-1)%n,loop:s}),e=r=i.stop?a:null):(r=a,l.skip&&(e=a)),l=i}return null!==r&&o.push({start:e%n,end:r%n,loop:s}),o}(i,a,r<a?r+n:r,!!t._fullLoop&&0===a&&r===n-1),i,e)}function Fi(t,e,i,s){return s&&s.setContext&&i?function(t,e,i,s){const n=t._chart.getContext(),o=Vi(t.options),{_datasetIndex:a,options:{spanGaps:r}}=t,l=i.length,h=[];let c=o,d=e[0].start,u=d;function f(t,e,s,n){const o=r?-1:1;if(t!==e){for(t+=l;i[t%l].skip;)t-=o;for(;i[e%l].skip;)e+=o;t%l!=e%l&&(h.push({start:t%l,end:e%l,loop:s,style:n}),c=n,d=e%l)}}for(const t of e){d=r?d:t.start;let e,o=i[d%l];for(u=d+1;u<=t.end;u++){const r=i[u%l];e=Vi(s.setContext(Ci(n,{type:"segment",p0:o,p1:r,p0DataIndex:(u-1)%l,p1DataIndex:u%l,datasetIndex:a}))),Bi(e,c)&&f(d,u-1,t.loop,c),o=r,c=e}d<u-1&&f(d,u-1,t.loop,c)}return h}(t,e,i,s):e}function Vi(t){return{backgroundColor:t.backgroundColor,borderCapStyle:t.borderCapStyle,borderDash:t.borderDash,borderDashOffset:t.borderDashOffset,borderJoinStyle:t.borderJoinStyle,borderWidth:t.borderWidth,borderColor:t.borderColor}}function Bi(t,e){if(!e)return!1;const i=[],s=function(t,e){return Jt(e)?(i.includes(e)||i.push(e),i.indexOf(e)):e};return JSON.stringify(t,s)!==JSON.stringify(e,s)}var Wi=Object.freeze({__proto__:null,HALF_PI:E,INFINITY:T,PI:C,PITAU:A,QUARTER_PI:R,RAD_PER_DEG:L,TAU:O,TWO_THIRDS_PI:I,_addGrace:Di,_alignPixel:Ae,_alignStartEnd:ft,_angleBetween:Z,_angleDiff:K,_arrayUnique:lt,_attachContext:$e,_bezierCurveTo:Ve,_bezierInterpolation:mi,_boundSegment:Ri,_boundSegments:Ii,_capitalize:w,_computeSegments:zi,_createResolver:je,_decimalPlaces:U,_deprecated:function(t,e,i,s){void 0!==e&&console.warn(t+': "'+i+'" is deprecated. Please use "'+s+'" instead')},_descriptors:Ye,_elementsEqual:f,_factorize:W,_filterBetween:nt,_getParentNode:ge,_getStartAndCountOfVisiblePoints:pt,_int16Range:Q,_isBetween:tt,_isClickEvent:D,_isDomSupported:fe,_isPointInArea:Re,_limitValue:J,_longestText:Oe,_lookup:et,_lookupByKey:it,_measureText:Ce,_merger:m,_mergerIf:_,_normalizeAngle:G,_parseObjectDataRadialScale:ii,_pointInLine:gi,_readValueToProps:vi,_rlookupByKey:st,_scaleRangesChanged:mt,_setMinAndMaxByKey:j,_splitKey:v,_steppedInterpolation:pi,_steppedLineTo:Fe,_textX:gt,_toLeftRightCenter:ut,_updateBezierControlPoints:hi,addRoundedRectPath:He,almostEquals:V,almostWhole:H,callback:d,clearCanvas:Te,clipArea:Ie,clone:g,color:Qt,createContext:Ci,debounce:dt,defined:k,distanceBetweenPoints:q,drawPoint:Le,drawPointLegend:Ee,each:u,easingEffects:fi,finiteOrDefault:r,fontString:function(t,e,i){return e+" "+t+"px "+i},formatNumber:ne,getAngleFromPoint:X,getHoverColor:te,getMaximumSize:we,getRelativePosition:ve,getRtlAdapter:Oi,getStyle:xe,isArray:n,isFinite:a,isFunction:S,isNullOrUndef:s,isNumber:N,isObject:o,isPatternOrGradient:Jt,listenArrayEvents:at,log10:z,merge:x,mergeIf:b,niceNum:B,noop:e,overrideTextDirection:Ai,readUsedSize:Pe,renderText:Ne,requestAnimFrame:ht,resolve:Pi,resolveObjectKey:M,restoreTextDirection:Ti,retinaScale:ke,setsEqual:P,sign:F,splineCurve:ai,splineCurveMonotone:ri,supportsEventListenerOptions:Se,throttled:ct,toDegrees:Y,toDimension:c,toFont:Si,toFontString:De,toLineHeight:_i,toPadding:ki,toPercentage:h,toRadians:$,toTRBL:Mi,toTRBLCorners:wi,uid:i,unclipArea:ze,unlistenArrayEvents:rt,valueOrDefault:l});function Ni(t,e,i,n){const{controller:o,data:a,_sorted:r}=t,l=o._cachedMeta.iScale,h=t.dataset&&t.dataset.options?t.dataset.options.spanGaps:null;if(l&&e===l.axis&&"r"!==e&&r&&a.length){const r=l._reversePixels?st:it;if(!n){const n=r(a,e,i);if(h){const{vScale:e}=o._cachedMeta,{_parsed:i}=t,a=i.slice(0,n.lo+1).reverse().findIndex((t=>!s(t[e.axis])));n.lo-=Math.max(0,a);const r=i.slice(n.hi).findIndex((t=>!s(t[e.axis])));n.hi+=Math.max(0,r)}return n}if(o._sharedOptions){const t=a[0],s="function"==typeof t.getRange&&t.getRange(e);if(s){const t=r(a,e,i-s),n=r(a,e,i+s);return{lo:t.lo,hi:n.hi}}}}return{lo:0,hi:a.length-1}}function Hi(t,e,i,s,n){const o=t.getSortedVisibleDatasetMetas(),a=i[e];for(let t=0,i=o.length;t<i;++t){const{index:i,data:r}=o[t],{lo:l,hi:h}=Ni(o[t],e,a,n);for(let t=l;t<=h;++t){const e=r[t];e.skip||s(e,i,t)}}}function ji(t,e,i,s,n){const o=[];if(!n&&!t.isPointInArea(e))return o;return Hi(t,i,e,(function(i,a,r){(n||Re(i,t.chartArea,0))&&i.inRange(e.x,e.y,s)&&o.push({element:i,datasetIndex:a,index:r})}),!0),o}function $i(t,e,i,s,n,o){let a=[];const r=function(t){const e=-1!==t.indexOf("x"),i=-1!==t.indexOf("y");return function(t,s){const n=e?Math.abs(t.x-s.x):0,o=i?Math.abs(t.y-s.y):0;return Math.sqrt(Math.pow(n,2)+Math.pow(o,2))}}(i);let l=Number.POSITIVE_INFINITY;return Hi(t,i,e,(function(i,h,c){const d=i.inRange(e.x,e.y,n);if(s&&!d)return;const u=i.getCenterPoint(n);if(!(!!o||t.isPointInArea(u))&&!d)return;const f=r(e,u);f<l?(a=[{element:i,datasetIndex:h,index:c}],l=f):f===l&&a.push({element:i,datasetIndex:h,index:c})})),a}function Yi(t,e,i,s,n,o){return o||t.isPointInArea(e)?"r"!==i||s?$i(t,e,i,s,n,o):function(t,e,i,s){let n=[];return Hi(t,i,e,(function(t,i,o){const{startAngle:a,endAngle:r}=t.getProps(["startAngle","endAngle"],s),{angle:l}=X(t,{x:e.x,y:e.y});Z(l,a,r)&&n.push({element:t,datasetIndex:i,index:o})})),n}(t,e,i,n):[]}function Ui(t,e,i,s,n){const o=[],a="x"===i?"inXRange":"inYRange";let r=!1;return Hi(t,i,e,((t,s,l)=>{t[a]&&t[a](e[i],n)&&(o.push({element:t,datasetIndex:s,index:l}),r=r||t.inRange(e.x,e.y,n))})),s&&!r?[]:o}var Xi={evaluateInteractionItems:Hi,modes:{index(t,e,i,s){const n=ve(e,t),o=i.axis||"x",a=i.includeInvisible||!1,r=i.intersect?ji(t,n,o,s,a):Yi(t,n,o,!1,s,a),l=[];return r.length?(t.getSortedVisibleDatasetMetas().forEach((t=>{const e=r[0].index,i=t.data[e];i&&!i.skip&&l.push({element:i,datasetIndex:t.index,index:e})})),l):[]},dataset(t,e,i,s){const n=ve(e,t),o=i.axis||"xy",a=i.includeInvisible||!1;let r=i.intersect?ji(t,n,o,s,a):Yi(t,n,o,!1,s,a);if(r.length>0){const e=r[0].datasetIndex,i=t.getDatasetMeta(e).data;r=[];for(let t=0;t<i.length;++t)r.push({element:i[t],datasetIndex:e,index:t})}return r},point:(t,e,i,s)=>ji(t,ve(e,t),i.axis||"xy",s,i.includeInvisible||!1),nearest(t,e,i,s){const n=ve(e,t),o=i.axis||"xy",a=i.includeInvisible||!1;return Yi(t,n,o,i.intersect,s,a)},x:(t,e,i,s)=>Ui(t,ve(e,t),"x",i.intersect,s),y:(t,e,i,s)=>Ui(t,ve(e,t),"y",i.intersect,s)}};const qi=["left","top","right","bottom"];function Ki(t,e){return t.filter((t=>t.pos===e))}function Gi(t,e){return t.filter((t=>-1===qi.indexOf(t.pos)&&t.box.axis===e))}function Zi(t,e){return t.sort(((t,i)=>{const s=e?i:t,n=e?t:i;return s.weight===n.weight?s.index-n.index:s.weight-n.weight}))}function Ji(t,e){const i=function(t){const e={};for(const i of t){const{stack:t,pos:s,stackWeight:n}=i;if(!t||!qi.includes(s))continue;const o=e[t]||(e[t]={count:0,placed:0,weight:0,size:0});o.count++,o.weight+=n}return e}(t),{vBoxMaxWidth:s,hBoxMaxHeight:n}=e;let o,a,r;for(o=0,a=t.length;o<a;++o){r=t[o];const{fullSize:a}=r.box,l=i[r.stack],h=l&&r.stackWeight/l.weight;r.horizontal?(r.width=h?h*s:a&&e.availableWidth,r.height=n):(r.width=s,r.height=h?h*n:a&&e.availableHeight)}return i}function Qi(t,e,i,s){return Math.max(t[i],e[i])+Math.max(t[s],e[s])}function ts(t,e){t.top=Math.max(t.top,e.top),t.left=Math.max(t.left,e.left),t.bottom=Math.max(t.bottom,e.bottom),t.right=Math.max(t.right,e.right)}function es(t,e,i,s){const{pos:n,box:a}=i,r=t.maxPadding;if(!o(n)){i.size&&(t[n]-=i.size);const e=s[i.stack]||{size:0,count:1};e.size=Math.max(e.size,i.horizontal?a.height:a.width),i.size=e.size/e.count,t[n]+=i.size}a.getPadding&&ts(r,a.getPadding());const l=Math.max(0,e.outerWidth-Qi(r,t,"left","right")),h=Math.max(0,e.outerHeight-Qi(r,t,"top","bottom")),c=l!==t.w,d=h!==t.h;return t.w=l,t.h=h,i.horizontal?{same:c,other:d}:{same:d,other:c}}function is(t,e){const i=e.maxPadding;function s(t){const s={left:0,top:0,right:0,bottom:0};return t.forEach((t=>{s[t]=Math.max(e[t],i[t])})),s}return s(t?["left","right"]:["top","bottom"])}function ss(t,e,i,s){const n=[];let o,a,r,l,h,c;for(o=0,a=t.length,h=0;o<a;++o){r=t[o],l=r.box,l.update(r.width||e.w,r.height||e.h,is(r.horizontal,e));const{same:a,other:d}=es(e,i,r,s);h|=a&&n.length,c=c||d,l.fullSize||n.push(r)}return h&&ss(n,e,i,s)||c}function ns(t,e,i,s,n){t.top=i,t.left=e,t.right=e+s,t.bottom=i+n,t.width=s,t.height=n}function os(t,e,i,s){const n=i.padding;let{x:o,y:a}=e;for(const r of t){const t=r.box,l=s[r.stack]||{count:1,placed:0,weight:1},h=r.stackWeight/l.weight||1;if(r.horizontal){const s=e.w*h,o=l.size||t.height;k(l.start)&&(a=l.start),t.fullSize?ns(t,n.left,a,i.outerWidth-n.right-n.left,o):ns(t,e.left+l.placed,a,s,o),l.start=a,l.placed+=s,a=t.bottom}else{const s=e.h*h,a=l.size||t.width;k(l.start)&&(o=l.start),t.fullSize?ns(t,o,n.top,a,i.outerHeight-n.bottom-n.top):ns(t,o,e.top+l.placed,a,s),l.start=o,l.placed+=s,o=t.right}}e.x=o,e.y=a}var as={addBox(t,e){t.boxes||(t.boxes=[]),e.fullSize=e.fullSize||!1,e.position=e.position||"top",e.weight=e.weight||0,e._layers=e._layers||function(){return[{z:0,draw(t){e.draw(t)}}]},t.boxes.push(e)},removeBox(t,e){const i=t.boxes?t.boxes.indexOf(e):-1;-1!==i&&t.boxes.splice(i,1)},configure(t,e,i){e.fullSize=i.fullSize,e.position=i.position,e.weight=i.weight},update(t,e,i,s){if(!t)return;const n=ki(t.options.layout.padding),o=Math.max(e-n.width,0),a=Math.max(i-n.height,0),r=function(t){const e=function(t){const e=[];let i,s,n,o,a,r;for(i=0,s=(t||[]).length;i<s;++i)n=t[i],({position:o,options:{stack:a,stackWeight:r=1}}=n),e.push({index:i,box:n,pos:o,horizontal:n.isHorizontal(),weight:n.weight,stack:a&&o+a,stackWeight:r});return e}(t),i=Zi(e.filter((t=>t.box.fullSize)),!0),s=Zi(Ki(e,"left"),!0),n=Zi(Ki(e,"right")),o=Zi(Ki(e,"top"),!0),a=Zi(Ki(e,"bottom")),r=Gi(e,"x"),l=Gi(e,"y");return{fullSize:i,leftAndTop:s.concat(o),rightAndBottom:n.concat(l).concat(a).concat(r),chartArea:Ki(e,"chartArea"),vertical:s.concat(n).concat(l),horizontal:o.concat(a).concat(r)}}(t.boxes),l=r.vertical,h=r.horizontal;u(t.boxes,(t=>{"function"==typeof t.beforeLayout&&t.beforeLayout()}));const c=l.reduce(((t,e)=>e.box.options&&!1===e.box.options.display?t:t+1),0)||1,d=Object.freeze({outerWidth:e,outerHeight:i,padding:n,availableWidth:o,availableHeight:a,vBoxMaxWidth:o/2/c,hBoxMaxHeight:a/2}),f=Object.assign({},n);ts(f,ki(s));const g=Object.assign({maxPadding:f,w:o,h:a,x:n.left,y:n.top},n),p=Ji(l.concat(h),d);ss(r.fullSize,g,d,p),ss(l,g,d,p),ss(h,g,d,p)&&ss(l,g,d,p),function(t){const e=t.maxPadding;function i(i){const s=Math.max(e[i]-t[i],0);return t[i]+=s,s}t.y+=i("top"),t.x+=i("left"),i("right"),i("bottom")}(g),os(r.leftAndTop,g,d,p),g.x+=g.w,g.y+=g.h,os(r.rightAndBottom,g,d,p),t.chartArea={left:g.left,top:g.top,right:g.left+g.w,bottom:g.top+g.h,height:g.h,width:g.w},u(r.chartArea,(e=>{const i=e.box;Object.assign(i,t.chartArea),i.update(g.w,g.h,{left:0,top:0,right:0,bottom:0})}))}};class rs{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,s){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,s?Math.floor(e/s):i)}}isAttached(t){return!0}updateConfig(t){}}class ls extends rs{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}updateConfig(t){t.options.animation=!1}}const hs="$chartjs",cs={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},ds=t=>null===t||""===t;const us=!!Se&&{passive:!0};function fs(t,e,i){t&&t.canvas&&t.canvas.removeEventListener(e,i,us)}function gs(t,e){for(const i of t)if(i===e||i.contains(e))return!0}function ps(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||gs(i.addedNodes,s),e=e&&!gs(i.removedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}function ms(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||gs(i.removedNodes,s),e=e&&!gs(i.addedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}const xs=new Map;let bs=0;function _s(){const t=window.devicePixelRatio;t!==bs&&(bs=t,xs.forEach(((e,i)=>{i.currentDevicePixelRatio!==t&&e()})))}function ys(t,e,i){const s=t.canvas,n=s&&ge(s);if(!n)return;const o=ct(((t,e)=>{const s=n.clientWidth;i(t,e),s<n.clientWidth&&i()}),window),a=new ResizeObserver((t=>{const e=t[0],i=e.contentRect.width,s=e.contentRect.height;0===i&&0===s||o(i,s)}));return a.observe(n),function(t,e){xs.size||window.addEventListener("resize",_s),xs.set(t,e)}(t,o),a}function vs(t,e,i){i&&i.disconnect(),"resize"===e&&function(t){xs.delete(t),xs.size||window.removeEventListener("resize",_s)}(t)}function Ms(t,e,i){const s=t.canvas,n=ct((e=>{null!==t.ctx&&i(function(t,e){const i=cs[t.type]||t.type,{x:s,y:n}=ve(t,e);return{type:i,chart:e,native:t,x:void 0!==s?s:null,y:void 0!==n?n:null}}(e,t))}),t);return function(t,e,i){t&&t.addEventListener(e,i,us)}(s,e,n),n}class ws extends rs{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){const i=t.style,s=t.getAttribute("height"),n=t.getAttribute("width");if(t[hs]={initial:{height:s,width:n,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",i.boxSizing=i.boxSizing||"border-box",ds(n)){const e=Pe(t,"width");void 0!==e&&(t.width=e)}if(ds(s))if(""===t.style.height)t.height=t.width/(e||2);else{const e=Pe(t,"height");void 0!==e&&(t.height=e)}}(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e[hs])return!1;const i=e[hs].initial;["height","width"].forEach((t=>{const n=i[t];s(n)?e.removeAttribute(t):e.setAttribute(t,n)}));const n=i.style||{};return Object.keys(n).forEach((t=>{e.style[t]=n[t]})),e.width=e.width,delete e[hs],!0}addEventListener(t,e,i){this.removeEventListener(t,e);const s=t.$proxies||(t.$proxies={}),n={attach:ps,detach:ms,resize:ys}[e]||Ms;s[e]=n(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];if(!s)return;({attach:vs,detach:vs,resize:vs}[e]||fs)(t,e,s),i[e]=void 0}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return we(t,e,i,s)}isAttached(t){const e=t&&ge(t);return!(!e||!e.isConnected)}}function ks(t){return!fe()||"undefined"!=typeof OffscreenCanvas&&t instanceof OffscreenCanvas?ls:ws}var Ss=Object.freeze({__proto__:null,BasePlatform:rs,BasicPlatform:ls,DomPlatform:ws,_detectPlatform:ks});const Ps="transparent",Ds={boolean:(t,e,i)=>i>.5?e:t,color(t,e,i){const s=Qt(t||Ps),n=s.valid&&Qt(e||Ps);return n&&n.valid?n.mix(s,i).hexString():e},number:(t,e,i)=>t+(e-t)*i};class Cs{constructor(t,e,i,s){const n=e[i];s=Pi([t.to,s,n,t.from]);const o=Pi([t.from,n,s]);this._active=!0,this._fn=t.fn||Ds[t.type||typeof o],this._easing=fi[t.easing]||fi.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=o,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){if(this._active){this._notify(!1);const s=this._target[this._prop],n=i-this._start,o=this._duration-n;this._start=i,this._duration=Math.floor(Math.max(o,t.duration)),this._total+=n,this._loop=!!t.loop,this._to=Pi([t.to,e,s,t.from]),this._from=Pi([t.from,s,e])}}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){const e=t-this._start,i=this._duration,s=this._prop,n=this._from,o=this._loop,a=this._to;let r;if(this._active=n!==a&&(o||e<i),!this._active)return this._target[s]=a,void this._notify(!0);e<0?this._target[s]=n:(r=e/i%2,r=o&&r>1?2-r:r,r=this._easing(Math.min(1,Math.max(0,r))),this._target[s]=this._fn(n,a,r))}wait(){const t=this._promises||(this._promises=[]);return new Promise(((e,i)=>{t.push({res:e,rej:i})}))}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let t=0;t<i.length;t++)i[t][e]()}}class Os{constructor(t,e){this._chart=t,this._properties=new Map,this.configure(e)}configure(t){if(!o(t))return;const e=Object.keys(ue.animation),i=this._properties;Object.getOwnPropertyNames(t).forEach((s=>{const a=t[s];if(!o(a))return;const r={};for(const t of e)r[t]=a[t];(n(a.properties)&&a.properties||[s]).forEach((t=>{t!==s&&i.has(t)||i.set(t,r)}))}))}_animateOptions(t,e){const i=e.options,s=function(t,e){if(!e)return;let i=t.options;if(!i)return void(t.options=e);i.$shared&&(t.options=i=Object.assign({},i,{$shared:!1,$animations:{}}));return i}(t,i);if(!s)return[];const n=this._createAnimations(s,i);return i.$shared&&function(t,e){const i=[],s=Object.keys(e);for(let e=0;e<s.length;e++){const n=t[s[e]];n&&n.active()&&i.push(n.wait())}return Promise.all(i)}(t.options.$animations,i).then((()=>{t.options=i}),(()=>{})),n}_createAnimations(t,e){const i=this._properties,s=[],n=t.$animations||(t.$animations={}),o=Object.keys(e),a=Date.now();let r;for(r=o.length-1;r>=0;--r){const l=o[r];if("$"===l.charAt(0))continue;if("options"===l){s.push(...this._animateOptions(t,e));continue}const h=e[l];let c=n[l];const d=i.get(l);if(c){if(d&&c.active()){c.update(d,h,a);continue}c.cancel()}d&&d.duration?(n[l]=c=new Cs(d,t,l,h),s.push(c)):t[l]=h}return s}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(bt.add(this._chart,i),!0):void 0}}function As(t,e){const i=t&&t.options||{},s=i.reverse,n=void 0===i.min?e:0,o=void 0===i.max?e:0;return{start:s?o:n,end:s?n:o}}function Ts(t,e){const i=[],s=t._getSortedDatasetMetas(e);let n,o;for(n=0,o=s.length;n<o;++n)i.push(s[n].index);return i}function Ls(t,e,i,s={}){const n=t.keys,o="single"===s.mode;let r,l,h,c;if(null===e)return;let d=!1;for(r=0,l=n.length;r<l;++r){if(h=+n[r],h===i){if(d=!0,s.all)continue;break}c=t.values[h],a(c)&&(o||0===e||F(e)===F(c))&&(e+=c)}return d||s.all?e:0}function Es(t,e){const i=t&&t.options.stacked;return i||void 0===i&&void 0!==e.stack}function Rs(t,e,i){const s=t[e]||(t[e]={});return s[i]||(s[i]={})}function Is(t,e,i,s){for(const n of e.getMatchingVisibleMetas(s).reverse()){const e=t[n.index];if(i&&e>0||!i&&e<0)return n.index}return null}function zs(t,e){const{chart:i,_cachedMeta:s}=t,n=i._stacks||(i._stacks={}),{iScale:o,vScale:a,index:r}=s,l=o.axis,h=a.axis,c=function(t,e,i){return`${t.id}.${e.id}.${i.stack||i.type}`}(o,a,s),d=e.length;let u;for(let t=0;t<d;++t){const i=e[t],{[l]:o,[h]:d}=i;u=(i._stacks||(i._stacks={}))[h]=Rs(n,c,o),u[r]=d,u._top=Is(u,a,!0,s.type),u._bottom=Is(u,a,!1,s.type);(u._visualValues||(u._visualValues={}))[r]=d}}function Fs(t,e){const i=t.scales;return Object.keys(i).filter((t=>i[t].axis===e)).shift()}function Vs(t,e){const i=t.controller.index,s=t.vScale&&t.vScale.axis;if(s){e=e||t._parsed;for(const t of e){const e=t._stacks;if(!e||void 0===e[s]||void 0===e[s][i])return;delete e[s][i],void 0!==e[s]._visualValues&&void 0!==e[s]._visualValues[i]&&delete e[s]._visualValues[i]}}}const Bs=t=>"reset"===t||"none"===t,Ws=(t,e)=>e?t:Object.assign({},t);class Ns{static defaults={};static datasetElementType=null;static dataElementType=null;constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.supportsDecimation=!1,this.$context=void 0,this._syncList=[],this.datasetElementType=new.target.datasetElementType,this.dataElementType=new.target.dataElementType,this.initialize()}initialize(){const t=this._cachedMeta;this.configure(),this.linkScales(),t._stacked=Es(t.vScale,t),this.addElements(),this.options.fill&&!this.chart.isPluginEnabled("filler")&&console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options")}updateIndex(t){this.index!==t&&Vs(this._cachedMeta),this.index=t}linkScales(){const t=this.chart,e=this._cachedMeta,i=this.getDataset(),s=(t,e,i,s)=>"x"===t?e:"r"===t?s:i,n=e.xAxisID=l(i.xAxisID,Fs(t,"x")),o=e.yAxisID=l(i.yAxisID,Fs(t,"y")),a=e.rAxisID=l(i.rAxisID,Fs(t,"r")),r=e.indexAxis,h=e.iAxisID=s(r,n,o,a),c=e.vAxisID=s(r,o,n,a);e.xScale=this.getScaleForId(n),e.yScale=this.getScaleForId(o),e.rScale=this.getScaleForId(a),e.iScale=this.getScaleForId(h),e.vScale=this.getScaleForId(c)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){const e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){const t=this._cachedMeta;this._data&&rt(this._data,this),t._stacked&&Vs(t)}_dataCheck(){const t=this.getDataset(),e=t.data||(t.data=[]),i=this._data;if(o(e)){const t=this._cachedMeta;this._data=function(t,e){const{iScale:i,vScale:s}=e,n="x"===i.axis?"x":"y",o="x"===s.axis?"x":"y",a=Object.keys(t),r=new Array(a.length);let l,h,c;for(l=0,h=a.length;l<h;++l)c=a[l],r[l]={[n]:c,[o]:t[c]};return r}(e,t)}else if(i!==e){if(i){rt(i,this);const t=this._cachedMeta;Vs(t),t._parsed=[]}e&&Object.isExtensible(e)&&at(e,this),this._syncList=[],this._data=e}}addElements(){const t=this._cachedMeta;this._dataCheck(),this.datasetElementType&&(t.dataset=new this.datasetElementType)}buildOrUpdateElements(t){const e=this._cachedMeta,i=this.getDataset();let s=!1;this._dataCheck();const n=e._stacked;e._stacked=Es(e.vScale,e),e.stack!==i.stack&&(s=!0,Vs(e),e.stack=i.stack),this._resyncElements(t),(s||n!==e._stacked)&&(zs(this,e._parsed),e._stacked=Es(e.vScale,e))}configure(){const t=this.chart.config,e=t.datasetScopeKeys(this._type),i=t.getOptionScopes(this.getDataset(),e,!0);this.options=t.createResolver(i,this.getContext()),this._parsing=this.options.parsing,this._cachedDataOpts={}}parse(t,e){const{_cachedMeta:i,_data:s}=this,{iScale:a,_stacked:r}=i,l=a.axis;let h,c,d,u=0===t&&e===s.length||i._sorted,f=t>0&&i._parsed[t-1];if(!1===this._parsing)i._parsed=s,i._sorted=!0,d=s;else{d=n(s[t])?this.parseArrayData(i,s,t,e):o(s[t])?this.parseObjectData(i,s,t,e):this.parsePrimitiveData(i,s,t,e);const a=()=>null===c[l]||f&&c[l]<f[l];for(h=0;h<e;++h)i._parsed[h+t]=c=d[h],u&&(a()&&(u=!1),f=c);i._sorted=u}r&&zs(this,d)}parsePrimitiveData(t,e,i,s){const{iScale:n,vScale:o}=t,a=n.axis,r=o.axis,l=n.getLabels(),h=n===o,c=new Array(s);let d,u,f;for(d=0,u=s;d<u;++d)f=d+i,c[d]={[a]:h||n.parse(l[f],f),[r]:o.parse(e[f],f)};return c}parseArrayData(t,e,i,s){const{xScale:n,yScale:o}=t,a=new Array(s);let r,l,h,c;for(r=0,l=s;r<l;++r)h=r+i,c=e[h],a[r]={x:n.parse(c[0],h),y:o.parse(c[1],h)};return a}parseObjectData(t,e,i,s){const{xScale:n,yScale:o}=t,{xAxisKey:a="x",yAxisKey:r="y"}=this._parsing,l=new Array(s);let h,c,d,u;for(h=0,c=s;h<c;++h)d=h+i,u=e[d],l[h]={x:n.parse(M(u,a),d),y:o.parse(M(u,r),d)};return l}getParsed(t){return this._cachedMeta._parsed[t]}getDataElement(t){return this._cachedMeta.data[t]}applyStack(t,e,i){const s=this.chart,n=this._cachedMeta,o=e[t.axis];return Ls({keys:Ts(s,!0),values:e._stacks[t.axis]._visualValues},o,n.index,{mode:i})}updateRangeFromParsed(t,e,i,s){const n=i[e.axis];let o=null===n?NaN:n;const a=s&&i._stacks[e.axis];s&&a&&(s.values=a,o=Ls(s,n,this._cachedMeta.index)),t.min=Math.min(t.min,o),t.max=Math.max(t.max,o)}getMinMax(t,e){const i=this._cachedMeta,s=i._parsed,n=i._sorted&&t===i.iScale,o=s.length,r=this._getOtherScale(t),l=((t,e,i)=>t&&!e.hidden&&e._stacked&&{keys:Ts(i,!0),values:null})(e,i,this.chart),h={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY},{min:c,max:d}=function(t){const{min:e,max:i,minDefined:s,maxDefined:n}=t.getUserBounds();return{min:s?e:Number.NEGATIVE_INFINITY,max:n?i:Number.POSITIVE_INFINITY}}(r);let u,f;function g(){f=s[u];const e=f[r.axis];return!a(f[t.axis])||c>e||d<e}for(u=0;u<o&&(g()||(this.updateRangeFromParsed(h,t,f,l),!n));++u);if(n)for(u=o-1;u>=0;--u)if(!g()){this.updateRangeFromParsed(h,t,f,l);break}return h}getAllParsedValues(t){const e=this._cachedMeta._parsed,i=[];let s,n,o;for(s=0,n=e.length;s<n;++s)o=e[s][t.axis],a(o)&&i.push(o);return i}getMaxOverflow(){return!1}getLabelAndValue(t){const e=this._cachedMeta,i=e.iScale,s=e.vScale,n=this.getParsed(t);return{label:i?""+i.getLabelForValue(n[i.axis]):"",value:s?""+s.getLabelForValue(n[s.axis]):""}}_update(t){const e=this._cachedMeta;this.update(t||"default"),e._clip=function(t){let e,i,s,n;return o(t)?(e=t.top,i=t.right,s=t.bottom,n=t.left):e=i=s=n=t,{top:e,right:i,bottom:s,left:n,disabled:!1===t}}(l(this.options.clip,function(t,e,i){if(!1===i)return!1;const s=As(t,i),n=As(e,i);return{top:n.end,right:s.end,bottom:n.start,left:s.start}}(e.xScale,e.yScale,this.getMaxOverflow())))}update(t){}draw(){const t=this._ctx,e=this.chart,i=this._cachedMeta,s=i.data||[],n=e.chartArea,o=[],a=this._drawStart||0,r=this._drawCount||s.length-a,l=this.options.drawActiveElementsOnTop;let h;for(i.dataset&&i.dataset.draw(t,n,a,r),h=a;h<a+r;++h){const e=s[h];e.hidden||(e.active&&l?o.push(e):e.draw(t,n))}for(h=0;h<o.length;++h)o[h].draw(t,n)}getStyle(t,e){const i=e?"active":"default";return void 0===t&&this._cachedMeta.dataset?this.resolveDatasetElementOptions(i):this.resolveDataElementOptions(t||0,i)}getContext(t,e,i){const s=this.getDataset();let n;if(t>=0&&t<this._cachedMeta.data.length){const e=this._cachedMeta.data[t];n=e.$context||(e.$context=function(t,e,i){return Ci(t,{active:!1,dataIndex:e,parsed:void 0,raw:void 0,element:i,index:e,mode:"default",type:"data"})}(this.getContext(),t,e)),n.parsed=this.getParsed(t),n.raw=s.data[t],n.index=n.dataIndex=t}else n=this.$context||(this.$context=function(t,e){return Ci(t,{active:!1,dataset:void 0,datasetIndex:e,index:e,mode:"default",type:"dataset"})}(this.chart.getContext(),this.index)),n.dataset=s,n.index=n.datasetIndex=this.index;return n.active=!!e,n.mode=i,n}resolveDatasetElementOptions(t){return this._resolveElementOptions(this.datasetElementType.id,t)}resolveDataElementOptions(t,e){return this._resolveElementOptions(this.dataElementType.id,e,t)}_resolveElementOptions(t,e="default",i){const s="active"===e,n=this._cachedDataOpts,o=t+"-"+e,a=n[o],r=this.enableOptionSharing&&k(i);if(a)return Ws(a,r);const l=this.chart.config,h=l.datasetElementScopeKeys(this._type,t),c=s?[`${t}Hover`,"hover",t,""]:[t,""],d=l.getOptionScopes(this.getDataset(),h),u=Object.keys(ue.elements[t]),f=l.resolveNamedOptions(d,u,(()=>this.getContext(i,s,e)),c);return f.$shared&&(f.$shared=r,n[o]=Object.freeze(Ws(f,r))),f}_resolveAnimations(t,e,i){const s=this.chart,n=this._cachedDataOpts,o=`animation-${e}`,a=n[o];if(a)return a;let r;if(!1!==s.options.animation){const s=this.chart.config,n=s.datasetAnimationScopeKeys(this._type,e),o=s.getOptionScopes(this.getDataset(),n);r=s.createResolver(o,this.getContext(t,i,e))}const l=new Os(s,r&&r.animations);return r&&r._cacheable&&(n[o]=Object.freeze(l)),l}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||Bs(t)||this.chart._animationsDisabled}_getSharedOptions(t,e){const i=this.resolveDataElementOptions(t,e),s=this._sharedOptions,n=this.getSharedOptions(i),o=this.includeOptions(e,n)||n!==s;return this.updateSharedOptions(n,e,i),{sharedOptions:n,includeOptions:o}}updateElement(t,e,i,s){Bs(s)?Object.assign(t,i):this._resolveAnimations(e,s).update(t,i)}updateSharedOptions(t,e,i){t&&!Bs(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,s){t.active=s;const n=this.getStyle(e,s);this._resolveAnimations(e,i,s).update(t,{options:!s&&this.getSharedOptions(n)||n})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this._data,i=this._cachedMeta.data;for(const[t,e,i]of this._syncList)this[t](e,i);this._syncList=[];const s=i.length,n=e.length,o=Math.min(n,s);o&&this.parse(0,o),n>s?this._insertElements(s,n-s,t):n<s&&this._removeElements(n,s-n)}_insertElements(t,e,i=!0){const s=this._cachedMeta,n=s.data,o=t+e;let a;const r=t=>{for(t.length+=e,a=t.length-1;a>=o;a--)t[a]=t[a-e]};for(r(n),a=t;a<o;++a)n[a]=new this.dataElementType;this._parsing&&r(s._parsed),this.parse(t,e),i&&this.updateElements(n,t,e,"reset")}updateElements(t,e,i,s){}_removeElements(t,e){const i=this._cachedMeta;if(this._parsing){const s=i._parsed.splice(t,e);i._stacked&&Vs(i,s)}i.data.splice(t,e)}_sync(t){if(this._parsing)this._syncList.push(t);else{const[e,i,s]=t;this[e](i,s)}this.chart._dataChanges.push([this.index,...t])}_onDataPush(){const t=arguments.length;this._sync(["_insertElements",this.getDataset().data.length-t,t])}_onDataPop(){this._sync(["_removeElements",this._cachedMeta.data.length-1,1])}_onDataShift(){this._sync(["_removeElements",0,1])}_onDataSplice(t,e){e&&this._sync(["_removeElements",t,e]);const i=arguments.length-2;i&&this._sync(["_insertElements",t,i])}_onDataUnshift(){this._sync(["_insertElements",0,arguments.length])}}class Hs{static defaults={};static defaultRoutes=void 0;x;y;active=!1;options;$animations;tooltipPosition(t){const{x:e,y:i}=this.getProps(["x","y"],t);return{x:e,y:i}}hasValue(){return N(this.x)&&N(this.y)}getProps(t,e){const i=this.$animations;if(!e||!i)return this;const s={};return t.forEach((t=>{s[t]=i[t]&&i[t].active()?i[t]._to:this[t]})),s}}function js(t,e){const i=t.options.ticks,n=function(t){const e=t.options.offset,i=t._tickSize(),s=t._length/i+(e?0:1),n=t._maxLength/i;return Math.floor(Math.min(s,n))}(t),o=Math.min(i.maxTicksLimit||n,n),a=i.major.enabled?function(t){const e=[];let i,s;for(i=0,s=t.length;i<s;i++)t[i].major&&e.push(i);return e}(e):[],r=a.length,l=a[0],h=a[r-1],c=[];if(r>o)return function(t,e,i,s){let n,o=0,a=i[0];for(s=Math.ceil(s),n=0;n<t.length;n++)n===a&&(e.push(t[n]),o++,a=i[o*s])}(e,c,a,r/o),c;const d=function(t,e,i){const s=function(t){const e=t.length;let i,s;if(e<2)return!1;for(s=t[0],i=1;i<e;++i)if(t[i]-t[i-1]!==s)return!1;return s}(t),n=e.length/i;if(!s)return Math.max(n,1);const o=W(s);for(let t=0,e=o.length-1;t<e;t++){const e=o[t];if(e>n)return e}return Math.max(n,1)}(a,e,o);if(r>0){let t,i;const n=r>1?Math.round((h-l)/(r-1)):null;for($s(e,c,d,s(n)?0:l-n,l),t=0,i=r-1;t<i;t++)$s(e,c,d,a[t],a[t+1]);return $s(e,c,d,h,s(n)?e.length:h+n),c}return $s(e,c,d),c}function $s(t,e,i,s,n){const o=l(s,0),a=Math.min(l(n,t.length),t.length);let r,h,c,d=0;for(i=Math.ceil(i),n&&(r=n-s,i=r/Math.floor(r/i)),c=o;c<0;)d++,c=Math.round(o+d*i);for(h=Math.max(o,0);h<a;h++)h===c&&(e.push(t[h]),d++,c=Math.round(o+d*i))}const Ys=(t,e,i)=>"top"===e||"left"===e?t[e]+i:t[e]-i,Us=(t,e)=>Math.min(e||t,t);function Xs(t,e){const i=[],s=t.length/e,n=t.length;let o=0;for(;o<n;o+=s)i.push(t[Math.floor(o)]);return i}function qs(t,e,i){const s=t.ticks.length,n=Math.min(e,s-1),o=t._startPixel,a=t._endPixel,r=1e-6;let l,h=t.getPixelForTick(n);if(!(i&&(l=1===s?Math.max(h-o,a-h):0===e?(t.getPixelForTick(1)-h)/2:(h-t.getPixelForTick(n-1))/2,h+=n<e?l:-l,h<o-r||h>a+r)))return h}function Ks(t){return t.drawTicks?t.tickLength:0}function Gs(t,e){if(!t.display)return 0;const i=Si(t.font,e),s=ki(t.padding);return(n(t.text)?t.text.length:1)*i.lineHeight+s.height}function Zs(t,e,i){let s=ut(t);return(i&&"right"!==e||!i&&"right"===e)&&(s=(t=>"left"===t?"right":"right"===t?"left":t)(s)),s}class Js extends Hs{constructor(t){super(),this.id=t.id,this.type=t.type,this.options=void 0,this.ctx=t.ctx,this.chart=t.chart,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this._margins={left:0,right:0,top:0,bottom:0},this.maxWidth=void 0,this.maxHeight=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.axis=void 0,this.labelRotation=void 0,this.min=void 0,this.max=void 0,this._range=void 0,this.ticks=[],this._gridLineItems=null,this._labelItems=null,this._labelSizes=null,this._length=0,this._maxLength=0,this._longestTextCache={},this._startPixel=void 0,this._endPixel=void 0,this._reversePixels=!1,this._userMax=void 0,this._userMin=void 0,this._suggestedMax=void 0,this._suggestedMin=void 0,this._ticksLength=0,this._borderValue=0,this._cache={},this._dataLimitsCached=!1,this.$context=void 0}init(t){this.options=t.setContext(this.getContext()),this.axis=t.axis,this._userMin=this.parse(t.min),this._userMax=this.parse(t.max),this._suggestedMin=this.parse(t.suggestedMin),this._suggestedMax=this.parse(t.suggestedMax)}parse(t,e){return t}getUserBounds(){let{_userMin:t,_userMax:e,_suggestedMin:i,_suggestedMax:s}=this;return t=r(t,Number.POSITIVE_INFINITY),e=r(e,Number.NEGATIVE_INFINITY),i=r(i,Number.POSITIVE_INFINITY),s=r(s,Number.NEGATIVE_INFINITY),{min:r(t,i),max:r(e,s),minDefined:a(t),maxDefined:a(e)}}getMinMax(t){let e,{min:i,max:s,minDefined:n,maxDefined:o}=this.getUserBounds();if(n&&o)return{min:i,max:s};const a=this.getMatchingVisibleMetas();for(let r=0,l=a.length;r<l;++r)e=a[r].controller.getMinMax(this,t),n||(i=Math.min(i,e.min)),o||(s=Math.max(s,e.max));return i=o&&i>s?s:i,s=n&&i>s?i:s,{min:r(i,r(s,i)),max:r(s,r(i,s))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){const t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}getLabelItems(t=this.chart.chartArea){return this._labelItems||(this._labelItems=this._computeLabelItems(t))}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){d(this.options.beforeUpdate,[this])}update(t,e,i){const{beginAtZero:s,grace:n,ticks:o}=this.options,a=o.sampleSize;this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Di(this,n,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();const r=a<this.ticks.length;this._convertTicksToLabels(r?Xs(this.ticks,a):this.ticks),this.configure(),this.beforeCalculateLabelRotation(),this.calculateLabelRotation(),this.afterCalculateLabelRotation(),o.display&&(o.autoSkip||"auto"===o.source)&&(this.ticks=js(this,this.ticks),this._labelSizes=null,this.afterAutoSkip()),r&&this._convertTicksToLabels(this.ticks),this.beforeFit(),this.fit(),this.afterFit(),this.afterUpdate()}configure(){let t,e,i=this.options.reverse;this.isHorizontal()?(t=this.left,e=this.right):(t=this.top,e=this.bottom,i=!i),this._startPixel=t,this._endPixel=e,this._reversePixels=i,this._length=e-t,this._alignToPixels=this.options.alignToPixels}afterUpdate(){d(this.options.afterUpdate,[this])}beforeSetDimensions(){d(this.options.beforeSetDimensions,[this])}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=0,this.right=this.width):(this.height=this.maxHeight,this.top=0,this.bottom=this.height),this.paddingLeft=0,this.paddingTop=0,this.paddingRight=0,this.paddingBottom=0}afterSetDimensions(){d(this.options.afterSetDimensions,[this])}_callHooks(t){this.chart.notifyPlugins(t,this.getContext()),d(this.options[t],[this])}beforeDataLimits(){this._callHooks("beforeDataLimits")}determineDataLimits(){}afterDataLimits(){this._callHooks("afterDataLimits")}beforeBuildTicks(){this._callHooks("beforeBuildTicks")}buildTicks(){return[]}afterBuildTicks(){this._callHooks("afterBuildTicks")}beforeTickToLabelConversion(){d(this.options.beforeTickToLabelConversion,[this])}generateTickLabels(t){const e=this.options.ticks;let i,s,n;for(i=0,s=t.length;i<s;i++)n=t[i],n.label=d(e.callback,[n.value,i,t],this)}afterTickToLabelConversion(){d(this.options.afterTickToLabelConversion,[this])}beforeCalculateLabelRotation(){d(this.options.beforeCalculateLabelRotation,[this])}calculateLabelRotation(){const t=this.options,e=t.ticks,i=Us(this.ticks.length,t.ticks.maxTicksLimit),s=e.minRotation||0,n=e.maxRotation;let o,a,r,l=s;if(!this._isVisible()||!e.display||s>=n||i<=1||!this.isHorizontal())return void(this.labelRotation=s);const h=this._getLabelSizes(),c=h.widest.width,d=h.highest.height,u=J(this.chart.width-c,0,this.maxWidth);o=t.offset?this.maxWidth/i:u/(i-1),c+6>o&&(o=u/(i-(t.offset?.5:1)),a=this.maxHeight-Ks(t.grid)-e.padding-Gs(t.title,this.chart.options.font),r=Math.sqrt(c*c+d*d),l=Y(Math.min(Math.asin(J((h.highest.height+6)/o,-1,1)),Math.asin(J(a/r,-1,1))-Math.asin(J(d/r,-1,1)))),l=Math.max(s,Math.min(n,l))),this.labelRotation=l}afterCalculateLabelRotation(){d(this.options.afterCalculateLabelRotation,[this])}afterAutoSkip(){}beforeFit(){d(this.options.beforeFit,[this])}fit(){const t={width:0,height:0},{chart:e,options:{ticks:i,title:s,grid:n}}=this,o=this._isVisible(),a=this.isHorizontal();if(o){const o=Gs(s,e.options.font);if(a?(t.width=this.maxWidth,t.height=Ks(n)+o):(t.height=this.maxHeight,t.width=Ks(n)+o),i.display&&this.ticks.length){const{first:e,last:s,widest:n,highest:o}=this._getLabelSizes(),r=2*i.padding,l=$(this.labelRotation),h=Math.cos(l),c=Math.sin(l);if(a){const e=i.mirror?0:c*n.width+h*o.height;t.height=Math.min(this.maxHeight,t.height+e+r)}else{const e=i.mirror?0:h*n.width+c*o.height;t.width=Math.min(this.maxWidth,t.width+e+r)}this._calculatePadding(e,s,c,h)}}this._handleMargins(),a?(this.width=this._length=e.width-this._margins.left-this._margins.right,this.height=t.height):(this.width=t.width,this.height=this._length=e.height-this._margins.top-this._margins.bottom)}_calculatePadding(t,e,i,s){const{ticks:{align:n,padding:o},position:a}=this.options,r=0!==this.labelRotation,l="top"!==a&&"x"===this.axis;if(this.isHorizontal()){const a=this.getPixelForTick(0)-this.left,h=this.right-this.getPixelForTick(this.ticks.length-1);let c=0,d=0;r?l?(c=s*t.width,d=i*e.height):(c=i*t.height,d=s*e.width):"start"===n?d=e.width:"end"===n?c=t.width:"inner"!==n&&(c=t.width/2,d=e.width/2),this.paddingLeft=Math.max((c-a+o)*this.width/(this.width-a),0),this.paddingRight=Math.max((d-h+o)*this.width/(this.width-h),0)}else{let i=e.height/2,s=t.height/2;"start"===n?(i=0,s=t.height):"end"===n&&(i=e.height,s=0),this.paddingTop=i+o,this.paddingBottom=s+o}}_handleMargins(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}afterFit(){d(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){let e,i;for(this.beforeTickToLabelConversion(),this.generateTickLabels(t),e=0,i=t.length;e<i;e++)s(t[e].label)&&(t.splice(e,1),i--,e--);this.afterTickToLabelConversion()}_getLabelSizes(){let t=this._labelSizes;if(!t){const e=this.options.ticks.sampleSize;let i=this.ticks;e<i.length&&(i=Xs(i,e)),this._labelSizes=t=this._computeLabelSizes(i,i.length,this.options.ticks.maxTicksLimit)}return t}_computeLabelSizes(t,e,i){const{ctx:o,_longestTextCache:a}=this,r=[],l=[],h=Math.floor(e/Us(e,i));let c,d,f,g,p,m,x,b,_,y,v,M=0,w=0;for(c=0;c<e;c+=h){if(g=t[c].label,p=this._resolveTickFontOptions(c),o.font=m=p.string,x=a[m]=a[m]||{data:{},gc:[]},b=p.lineHeight,_=y=0,s(g)||n(g)){if(n(g))for(d=0,f=g.length;d<f;++d)v=g[d],s(v)||n(v)||(_=Ce(o,x.data,x.gc,_,v),y+=b)}else _=Ce(o,x.data,x.gc,_,g),y=b;r.push(_),l.push(y),M=Math.max(_,M),w=Math.max(y,w)}!function(t,e){u(t,(t=>{const i=t.gc,s=i.length/2;let n;if(s>e){for(n=0;n<s;++n)delete t.data[i[n]];i.splice(0,s)}}))}(a,e);const k=r.indexOf(M),S=l.indexOf(w),P=t=>({width:r[t]||0,height:l[t]||0});return{first:P(0),last:P(e-1),widest:P(k),highest:P(S),widths:r,heights:l}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);const e=this._startPixel+t*this._length;return Q(this._alignToPixels?Ae(this.chart,e,0):e)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this.ticks||[];if(t>=0&&t<e.length){const i=e[t];return i.$context||(i.$context=function(t,e,i){return Ci(t,{tick:i,index:e,type:"tick"})}(this.getContext(),t,i))}return this.$context||(this.$context=Ci(this.chart.getContext(),{scale:this,type:"scale"}))}_tickSize(){const t=this.options.ticks,e=$(this.labelRotation),i=Math.abs(Math.cos(e)),s=Math.abs(Math.sin(e)),n=this._getLabelSizes(),o=t.autoSkipPadding||0,a=n?n.widest.width+o:0,r=n?n.highest.height+o:0;return this.isHorizontal()?r*i>a*s?a/i:r/s:r*s<a*i?r/i:a/s}_isVisible(){const t=this.options.display;return"auto"!==t?!!t:this.getMatchingVisibleMetas().length>0}_computeGridLineItems(t){const e=this.axis,i=this.chart,s=this.options,{grid:n,position:a,border:r}=s,h=n.offset,c=this.isHorizontal(),d=this.ticks.length+(h?1:0),u=Ks(n),f=[],g=r.setContext(this.getContext()),p=g.display?g.width:0,m=p/2,x=function(t){return Ae(i,t,p)};let b,_,y,v,M,w,k,S,P,D,C,O;if("top"===a)b=x(this.bottom),w=this.bottom-u,S=b-m,D=x(t.top)+m,O=t.bottom;else if("bottom"===a)b=x(this.top),D=t.top,O=x(t.bottom)-m,w=b+m,S=this.top+u;else if("left"===a)b=x(this.right),M=this.right-u,k=b-m,P=x(t.left)+m,C=t.right;else if("right"===a)b=x(this.left),P=t.left,C=x(t.right)-m,M=b+m,k=this.left+u;else if("x"===e){if("center"===a)b=x((t.top+t.bottom)/2+.5);else if(o(a)){const t=Object.keys(a)[0],e=a[t];b=x(this.chart.scales[t].getPixelForValue(e))}D=t.top,O=t.bottom,w=b+m,S=w+u}else if("y"===e){if("center"===a)b=x((t.left+t.right)/2);else if(o(a)){const t=Object.keys(a)[0],e=a[t];b=x(this.chart.scales[t].getPixelForValue(e))}M=b-m,k=M-u,P=t.left,C=t.right}const A=l(s.ticks.maxTicksLimit,d),T=Math.max(1,Math.ceil(d/A));for(_=0;_<d;_+=T){const t=this.getContext(_),e=n.setContext(t),s=r.setContext(t),o=e.lineWidth,a=e.color,l=s.dash||[],d=s.dashOffset,u=e.tickWidth,g=e.tickColor,p=e.tickBorderDash||[],m=e.tickBorderDashOffset;y=qs(this,_,h),void 0!==y&&(v=Ae(i,y,o),c?M=k=P=C=v:w=S=D=O=v,f.push({tx1:M,ty1:w,tx2:k,ty2:S,x1:P,y1:D,x2:C,y2:O,width:o,color:a,borderDash:l,borderDashOffset:d,tickWidth:u,tickColor:g,tickBorderDash:p,tickBorderDashOffset:m}))}return this._ticksLength=d,this._borderValue=b,f}_computeLabelItems(t){const e=this.axis,i=this.options,{position:s,ticks:a}=i,r=this.isHorizontal(),l=this.ticks,{align:h,crossAlign:c,padding:d,mirror:u}=a,f=Ks(i.grid),g=f+d,p=u?-d:g,m=-$(this.labelRotation),x=[];let b,_,y,v,M,w,k,S,P,D,C,O,A="middle";if("top"===s)w=this.bottom-p,k=this._getXAxisLabelAlignment();else if("bottom"===s)w=this.top+p,k=this._getXAxisLabelAlignment();else if("left"===s){const t=this._getYAxisLabelAlignment(f);k=t.textAlign,M=t.x}else if("right"===s){const t=this._getYAxisLabelAlignment(f);k=t.textAlign,M=t.x}else if("x"===e){if("center"===s)w=(t.top+t.bottom)/2+g;else if(o(s)){const t=Object.keys(s)[0],e=s[t];w=this.chart.scales[t].getPixelForValue(e)+g}k=this._getXAxisLabelAlignment()}else if("y"===e){if("center"===s)M=(t.left+t.right)/2-g;else if(o(s)){const t=Object.keys(s)[0],e=s[t];M=this.chart.scales[t].getPixelForValue(e)}k=this._getYAxisLabelAlignment(f).textAlign}"y"===e&&("start"===h?A="top":"end"===h&&(A="bottom"));const T=this._getLabelSizes();for(b=0,_=l.length;b<_;++b){y=l[b],v=y.label;const t=a.setContext(this.getContext(b));S=this.getPixelForTick(b)+a.labelOffset,P=this._resolveTickFontOptions(b),D=P.lineHeight,C=n(v)?v.length:1;const e=C/2,i=t.color,o=t.textStrokeColor,h=t.textStrokeWidth;let d,f=k;if(r?(M=S,"inner"===k&&(f=b===_-1?this.options.reverse?"left":"right":0===b?this.options.reverse?"right":"left":"center"),O="top"===s?"near"===c||0!==m?-C*D+D/2:"center"===c?-T.highest.height/2-e*D+D:-T.highest.height+D/2:"near"===c||0!==m?D/2:"center"===c?T.highest.height/2-e*D:T.highest.height-C*D,u&&(O*=-1),0===m||t.showLabelBackdrop||(M+=D/2*Math.sin(m))):(w=S,O=(1-C)*D/2),t.showLabelBackdrop){const e=ki(t.backdropPadding),i=T.heights[b],s=T.widths[b];let n=O-e.top,o=0-e.left;switch(A){case"middle":n-=i/2;break;case"bottom":n-=i}switch(k){case"center":o-=s/2;break;case"right":o-=s;break;case"inner":b===_-1?o-=s:b>0&&(o-=s/2)}d={left:o,top:n,width:s+e.width,height:i+e.height,color:t.backdropColor}}x.push({label:v,font:P,textOffset:O,options:{rotation:m,color:i,strokeColor:o,strokeWidth:h,textAlign:f,textBaseline:A,translation:[M,w],backdrop:d}})}return x}_getXAxisLabelAlignment(){const{position:t,ticks:e}=this.options;if(-$(this.labelRotation))return"top"===t?"left":"right";let i="center";return"start"===e.align?i="left":"end"===e.align?i="right":"inner"===e.align&&(i="inner"),i}_getYAxisLabelAlignment(t){const{position:e,ticks:{crossAlign:i,mirror:s,padding:n}}=this.options,o=t+n,a=this._getLabelSizes().widest.width;let r,l;return"left"===e?s?(l=this.right+n,"near"===i?r="left":"center"===i?(r="center",l+=a/2):(r="right",l+=a)):(l=this.right-o,"near"===i?r="right":"center"===i?(r="center",l-=a/2):(r="left",l=this.left)):"right"===e?s?(l=this.left+n,"near"===i?r="right":"center"===i?(r="center",l-=a/2):(r="left",l-=a)):(l=this.left+o,"near"===i?r="left":"center"===i?(r="center",l+=a/2):(r="right",l=this.right)):r="right",{textAlign:r,x:l}}_computeLabelArea(){if(this.options.ticks.mirror)return;const t=this.chart,e=this.options.position;return"left"===e||"right"===e?{top:0,left:this.left,bottom:t.height,right:this.right}:"top"===e||"bottom"===e?{top:this.top,left:0,bottom:this.bottom,right:t.width}:void 0}drawBackground(){const{ctx:t,options:{backgroundColor:e},left:i,top:s,width:n,height:o}=this;e&&(t.save(),t.fillStyle=e,t.fillRect(i,s,n,o),t.restore())}getLineWidthForValue(t){const e=this.options.grid;if(!this._isVisible()||!e.display)return 0;const i=this.ticks.findIndex((e=>e.value===t));if(i>=0){return e.setContext(this.getContext(i)).lineWidth}return 0}drawGrid(t){const e=this.options.grid,i=this.ctx,s=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let n,o;const a=(t,e,s)=>{s.width&&s.color&&(i.save(),i.lineWidth=s.width,i.strokeStyle=s.color,i.setLineDash(s.borderDash||[]),i.lineDashOffset=s.borderDashOffset,i.beginPath(),i.moveTo(t.x,t.y),i.lineTo(e.x,e.y),i.stroke(),i.restore())};if(e.display)for(n=0,o=s.length;n<o;++n){const t=s[n];e.drawOnChartArea&&a({x:t.x1,y:t.y1},{x:t.x2,y:t.y2},t),e.drawTicks&&a({x:t.tx1,y:t.ty1},{x:t.tx2,y:t.ty2},{color:t.tickColor,width:t.tickWidth,borderDash:t.tickBorderDash,borderDashOffset:t.tickBorderDashOffset})}}drawBorder(){const{chart:t,ctx:e,options:{border:i,grid:s}}=this,n=i.setContext(this.getContext()),o=i.display?n.width:0;if(!o)return;const a=s.setContext(this.getContext(0)).lineWidth,r=this._borderValue;let l,h,c,d;this.isHorizontal()?(l=Ae(t,this.left,o)-o/2,h=Ae(t,this.right,a)+a/2,c=d=r):(c=Ae(t,this.top,o)-o/2,d=Ae(t,this.bottom,a)+a/2,l=h=r),e.save(),e.lineWidth=n.width,e.strokeStyle=n.color,e.beginPath(),e.moveTo(l,c),e.lineTo(h,d),e.stroke(),e.restore()}drawLabels(t){if(!this.options.ticks.display)return;const e=this.ctx,i=this._computeLabelArea();i&&Ie(e,i);const s=this.getLabelItems(t);for(const t of s){const i=t.options,s=t.font;Ne(e,t.label,0,t.textOffset,s,i)}i&&ze(e)}drawTitle(){const{ctx:t,options:{position:e,title:i,reverse:s}}=this;if(!i.display)return;const a=Si(i.font),r=ki(i.padding),l=i.align;let h=a.lineHeight/2;"bottom"===e||"center"===e||o(e)?(h+=r.bottom,n(i.text)&&(h+=a.lineHeight*(i.text.length-1))):h+=r.top;const{titleX:c,titleY:d,maxWidth:u,rotation:f}=function(t,e,i,s){const{top:n,left:a,bottom:r,right:l,chart:h}=t,{chartArea:c,scales:d}=h;let u,f,g,p=0;const m=r-n,x=l-a;if(t.isHorizontal()){if(f=ft(s,a,l),o(i)){const t=Object.keys(i)[0],s=i[t];g=d[t].getPixelForValue(s)+m-e}else g="center"===i?(c.bottom+c.top)/2+m-e:Ys(t,i,e);u=l-a}else{if(o(i)){const t=Object.keys(i)[0],s=i[t];f=d[t].getPixelForValue(s)-x+e}else f="center"===i?(c.left+c.right)/2-x+e:Ys(t,i,e);g=ft(s,r,n),p="left"===i?-E:E}return{titleX:f,titleY:g,maxWidth:u,rotation:p}}(this,h,e,l);Ne(t,i.text,0,0,a,{color:i.color,maxWidth:u,rotation:f,textAlign:Zs(l,e,s),textBaseline:"middle",translation:[c,d]})}draw(t){this._isVisible()&&(this.drawBackground(),this.drawGrid(t),this.drawBorder(),this.drawTitle(),this.drawLabels(t))}_layers(){const t=this.options,e=t.ticks&&t.ticks.z||0,i=l(t.grid&&t.grid.z,-1),s=l(t.border&&t.border.z,0);return this._isVisible()&&this.draw===Js.prototype.draw?[{z:i,draw:t=>{this.drawBackground(),this.drawGrid(t),this.drawTitle()}},{z:s,draw:()=>{this.drawBorder()}},{z:e,draw:t=>{this.drawLabels(t)}}]:[{z:e,draw:t=>{this.draw(t)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let n,o;for(n=0,o=e.length;n<o;++n){const o=e[n];o[i]!==this.id||t&&o.type!==t||s.push(o)}return s}_resolveTickFontOptions(t){return Si(this.options.ticks.setContext(this.getContext(t)).font)}_maxDigits(){const t=this._resolveTickFontOptions(0).lineHeight;return(this.isHorizontal()?this.width:this.height)/t}}class Qs{constructor(t,e,i){this.type=t,this.scope=e,this.override=i,this.items=Object.create(null)}isForType(t){return Object.prototype.isPrototypeOf.call(this.type.prototype,t.prototype)}register(t){const e=Object.getPrototypeOf(t);let i;(function(t){return"id"in t&&"defaults"in t})(e)&&(i=this.register(e));const s=this.items,n=t.id,o=this.scope+"."+n;if(!n)throw new Error("class does not have id: "+t);return n in s||(s[n]=t,function(t,e,i){const s=x(Object.create(null),[i?ue.get(i):{},ue.get(e),t.defaults]);ue.set(e,s),t.defaultRoutes&&function(t,e){Object.keys(e).forEach((i=>{const s=i.split("."),n=s.pop(),o=[t].concat(s).join("."),a=e[i].split("."),r=a.pop(),l=a.join(".");ue.route(o,n,l,r)}))}(e,t.defaultRoutes);t.descriptors&&ue.describe(e,t.descriptors)}(t,o,i),this.override&&ue.override(t.id,t.overrides)),o}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,s=this.scope;i in e&&delete e[i],s&&i in ue[s]&&(delete ue[s][i],this.override&&delete re[i])}}class tn{constructor(){this.controllers=new Qs(Ns,"datasets",!0),this.elements=new Qs(Hs,"elements"),this.plugins=new Qs(Object,"plugins"),this.scales=new Qs(Js,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){[...e].forEach((e=>{const s=i||this._getRegistryForType(e);i||s.isForType(e)||s===this.plugins&&e.id?this._exec(t,s,e):u(e,(e=>{const s=i||this._getRegistryForType(e);this._exec(t,s,e)}))}))}_exec(t,e,i){const s=w(t);d(i["before"+s],[],i),e[t](i),d(i["after"+s],[],i)}_getRegistryForType(t){for(let e=0;e<this._typedRegistries.length;e++){const i=this._typedRegistries[e];if(i.isForType(t))return i}return this.plugins}_get(t,e,i){const s=e.get(t);if(void 0===s)throw new Error('"'+t+'" is not a registered '+i+".");return s}}var en=new tn;class sn{constructor(){this._init=[]}notify(t,e,i,s){"beforeInit"===e&&(this._init=this._createDescriptors(t,!0),this._notify(this._init,t,"install"));const n=s?this._descriptors(t).filter(s):this._descriptors(t),o=this._notify(n,t,e,i);return"afterDestroy"===e&&(this._notify(n,t,"stop"),this._notify(this._init,t,"uninstall")),o}_notify(t,e,i,s){s=s||{};for(const n of t){const t=n.plugin;if(!1===d(t[i],[e,s,n.options],t)&&s.cancelable)return!1}return!0}invalidate(){s(this._cache)||(this._oldCache=this._cache,this._cache=void 0)}_descriptors(t){if(this._cache)return this._cache;const e=this._cache=this._createDescriptors(t);return this._notifyStateChanges(t),e}_createDescriptors(t,e){const i=t&&t.config,s=l(i.options&&i.options.plugins,{}),n=function(t){const e={},i=[],s=Object.keys(en.plugins.items);for(let t=0;t<s.length;t++)i.push(en.getPlugin(s[t]));const n=t.plugins||[];for(let t=0;t<n.length;t++){const s=n[t];-1===i.indexOf(s)&&(i.push(s),e[s.id]=!0)}return{plugins:i,localIds:e}}(i);return!1!==s||e?function(t,{plugins:e,localIds:i},s,n){const o=[],a=t.getContext();for(const r of e){const e=r.id,l=nn(s[e],n);null!==l&&o.push({plugin:r,options:on(t.config,{plugin:r,local:i[e]},l,a)})}return o}(t,n,s,e):[]}_notifyStateChanges(t){const e=this._oldCache||[],i=this._cache,s=(t,e)=>t.filter((t=>!e.some((e=>t.plugin.id===e.plugin.id))));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function nn(t,e){return e||!1!==t?!0===t?{}:t:null}function on(t,{plugin:e,local:i},s,n){const o=t.pluginScopeKeys(e),a=t.getOptionScopes(s,o);return i&&e.defaults&&a.push(e.defaults),t.createResolver(a,n,[""],{scriptable:!1,indexable:!1,allKeys:!0})}function an(t,e){const i=ue.datasets[t]||{};return((e.datasets||{})[t]||{}).indexAxis||e.indexAxis||i.indexAxis||"x"}function rn(t){if("x"===t||"y"===t||"r"===t)return t}function ln(t,...e){if(rn(t))return t;for(const s of e){const e=s.axis||("top"===(i=s.position)||"bottom"===i?"x":"left"===i||"right"===i?"y":void 0)||t.length>1&&rn(t[0].toLowerCase());if(e)return e}var i;throw new Error(`Cannot determine type of '${t}' axis. Please provide 'axis' or 'position' option.`)}function hn(t,e,i){if(i[e+"AxisID"]===t)return{axis:e}}function cn(t,e){const i=re[t.type]||{scales:{}},s=e.scales||{},n=an(t.type,e),a=Object.create(null);return Object.keys(s).forEach((e=>{const r=s[e];if(!o(r))return console.error(`Invalid scale configuration for scale: ${e}`);if(r._proxy)return console.warn(`Ignoring resolver passed as options for scale: ${e}`);const l=ln(e,r,function(t,e){if(e.data&&e.data.datasets){const i=e.data.datasets.filter((e=>e.xAxisID===t||e.yAxisID===t));if(i.length)return hn(t,"x",i[0])||hn(t,"y",i[0])}return{}}(e,t),ue.scales[r.type]),h=function(t,e){return t===e?"_index_":"_value_"}(l,n),c=i.scales||{};a[e]=b(Object.create(null),[{axis:l},r,c[l],c[h]])})),t.data.datasets.forEach((i=>{const n=i.type||t.type,o=i.indexAxis||an(n,e),r=(re[n]||{}).scales||{};Object.keys(r).forEach((t=>{const e=function(t,e){let i=t;return"_index_"===t?i=e:"_value_"===t&&(i="x"===e?"y":"x"),i}(t,o),n=i[e+"AxisID"]||e;a[n]=a[n]||Object.create(null),b(a[n],[{axis:e},s[n],r[t]])}))})),Object.keys(a).forEach((t=>{const e=a[t];b(e,[ue.scales[e.type],ue.scale])})),a}function dn(t){const e=t.options||(t.options={});e.plugins=l(e.plugins,{}),e.scales=cn(t,e)}function un(t){return(t=t||{}).datasets=t.datasets||[],t.labels=t.labels||[],t}const fn=new Map,gn=new Set;function pn(t,e){let i=fn.get(t);return i||(i=e(),fn.set(t,i),gn.add(i)),i}const mn=(t,e,i)=>{const s=M(e,i);void 0!==s&&t.add(s)};class xn{constructor(t){this._config=function(t){return(t=t||{}).data=un(t.data),dn(t),t}(t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=un(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),dn(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return pn(t,(()=>[[`datasets.${t}`,""]]))}datasetAnimationScopeKeys(t,e){return pn(`${t}.transition.${e}`,(()=>[[`datasets.${t}.transitions.${e}`,`transitions.${e}`],[`datasets.${t}`,""]]))}datasetElementScopeKeys(t,e){return pn(`${t}-${e}`,(()=>[[`datasets.${t}.elements.${e}`,`datasets.${t}`,`elements.${e}`,""]]))}pluginScopeKeys(t){const e=t.id;return pn(`${this.type}-plugin-${e}`,(()=>[[`plugins.${e}`,...t.additionalOptionScopes||[]]]))}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return s&&!e||(s=new Map,i.set(t,s)),s}getOptionScopes(t,e,i){const{options:s,type:n}=this,o=this._cachedScopes(t,i),a=o.get(e);if(a)return a;const r=new Set;e.forEach((e=>{t&&(r.add(t),e.forEach((e=>mn(r,t,e)))),e.forEach((t=>mn(r,s,t))),e.forEach((t=>mn(r,re[n]||{},t))),e.forEach((t=>mn(r,ue,t))),e.forEach((t=>mn(r,le,t)))}));const l=Array.from(r);return 0===l.length&&l.push(Object.create(null)),gn.has(e)&&o.set(e,l),l}chartOptionScopes(){const{options:t,type:e}=this;return[t,re[e]||{},ue.datasets[e]||{},{type:e},ue,le]}resolveNamedOptions(t,e,i,s=[""]){const o={$shared:!0},{resolver:a,subPrefixes:r}=bn(this._resolverCache,t,s);let l=a;if(function(t,e){const{isScriptable:i,isIndexable:s}=Ye(t);for(const o of e){const e=i(o),a=s(o),r=(a||e)&&t[o];if(e&&(S(r)||_n(r))||a&&n(r))return!0}return!1}(a,e)){o.$shared=!1;l=$e(a,i=S(i)?i():i,this.createResolver(t,i,r))}for(const t of e)o[t]=l[t];return o}createResolver(t,e,i=[""],s){const{resolver:n}=bn(this._resolverCache,t,i);return o(e)?$e(n,e,void 0,s):n}}function bn(t,e,i){let s=t.get(e);s||(s=new Map,t.set(e,s));const n=i.join();let o=s.get(n);if(!o){o={resolver:je(e,i),subPrefixes:i.filter((t=>!t.toLowerCase().includes("hover")))},s.set(n,o)}return o}const _n=t=>o(t)&&Object.getOwnPropertyNames(t).some((e=>S(t[e])));const yn=["top","bottom","left","right","chartArea"];function vn(t,e){return"top"===t||"bottom"===t||-1===yn.indexOf(t)&&"x"===e}function Mn(t,e){return function(i,s){return i[t]===s[t]?i[e]-s[e]:i[t]-s[t]}}function wn(t){const e=t.chart,i=e.options.animation;e.notifyPlugins("afterRender"),d(i&&i.onComplete,[t],e)}function kn(t){const e=t.chart,i=e.options.animation;d(i&&i.onProgress,[t],e)}function Sn(t){return fe()&&"string"==typeof t?t=document.getElementById(t):t&&t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas),t}const Pn={},Dn=t=>{const e=Sn(t);return Object.values(Pn).filter((t=>t.canvas===e)).pop()};function Cn(t,e,i){const s=Object.keys(t);for(const n of s){const s=+n;if(s>=e){const o=t[n];delete t[n],(i>0||s>e)&&(t[s+i]=o)}}}function On(t,e,i){return t.options.clip?t[i]:e[i]}class An{static defaults=ue;static instances=Pn;static overrides=re;static registry=en;static version="4.4.8";static getChart=Dn;static register(...t){en.add(...t),Tn()}static unregister(...t){en.remove(...t),Tn()}constructor(t,e){const s=this.config=new xn(e),n=Sn(t),o=Dn(n);if(o)throw new Error("Canvas is already in use. Chart with ID '"+o.id+"' must be destroyed before the canvas with ID '"+o.canvas.id+"' can be reused.");const a=s.createResolver(s.chartOptionScopes(),this.getContext());this.platform=new(s.platform||ks(n)),this.platform.updateConfig(s);const r=this.platform.acquireContext(n,a.aspectRatio),l=r&&r.canvas,h=l&&l.height,c=l&&l.width;this.id=i(),this.ctx=r,this.canvas=l,this.width=c,this.height=h,this._options=a,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new sn,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=dt((t=>this.update(t)),a.resizeDelay||0),this._dataChanges=[],Pn[this.id]=this,r&&l?(bt.listen(this,"complete",wn),bt.listen(this,"progress",kn),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:n,_aspectRatio:o}=this;return s(t)?e&&o?o:n?i/n:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}get registry(){return en}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():ke(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return Te(this.canvas,this.ctx),this}stop(){return bt.stop(this),this}resize(t,e){bt.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){const i=this.options,s=this.canvas,n=i.maintainAspectRatio&&this.aspectRatio,o=this.platform.getMaximumSize(s,t,e,n),a=i.devicePixelRatio||this.platform.getDevicePixelRatio(),r=this.width?"resize":"attach";this.width=o.width,this.height=o.height,this._aspectRatio=this.aspectRatio,ke(this,a,!0)&&(this.notifyPlugins("resize",{size:o}),d(i.onResize,[this,o],this),this.attached&&this._doResize(r)&&this.render())}ensureScalesHaveIDs(){u(this.options.scales||{},((t,e)=>{t.id=e}))}buildOrUpdateScales(){const t=this.options,e=t.scales,i=this.scales,s=Object.keys(i).reduce(((t,e)=>(t[e]=!1,t)),{});let n=[];e&&(n=n.concat(Object.keys(e).map((t=>{const i=e[t],s=ln(t,i),n="r"===s,o="x"===s;return{options:i,dposition:n?"chartArea":o?"bottom":"left",dtype:n?"radialLinear":o?"category":"linear"}})))),u(n,(e=>{const n=e.options,o=n.id,a=ln(o,n),r=l(n.type,e.dtype);void 0!==n.position&&vn(n.position,a)===vn(e.dposition)||(n.position=e.dposition),s[o]=!0;let h=null;if(o in i&&i[o].type===r)h=i[o];else{h=new(en.getScale(r))({id:o,type:r,ctx:this.ctx,chart:this}),i[h.id]=h}h.init(n,t)})),u(s,((t,e)=>{t||delete i[e]})),u(i,(t=>{as.configure(this,t,t.options),as.addBox(this,t)}))}_updateMetasets(){const t=this._metasets,e=this.data.datasets.length,i=t.length;if(t.sort(((t,e)=>t.index-e.index)),i>e){for(let t=e;t<i;++t)this._destroyDatasetMeta(t);t.splice(e,i-e)}this._sortedMetasets=t.slice(0).sort(Mn("order","index"))}_removeUnreferencedMetasets(){const{_metasets:t,data:{datasets:e}}=this;t.length>e.length&&delete this._stacks,t.forEach(((t,i)=>{0===e.filter((e=>e===t._dataset)).length&&this._destroyDatasetMeta(i)}))}buildOrUpdateControllers(){const t=[],e=this.data.datasets;let i,s;for(this._removeUnreferencedMetasets(),i=0,s=e.length;i<s;i++){const s=e[i];let n=this.getDatasetMeta(i);const o=s.type||this.config.type;if(n.type&&n.type!==o&&(this._destroyDatasetMeta(i),n=this.getDatasetMeta(i)),n.type=o,n.indexAxis=s.indexAxis||an(o,this.options),n.order=s.order||0,n.index=i,n.label=""+s.label,n.visible=this.isDatasetVisible(i),n.controller)n.controller.updateIndex(i),n.controller.linkScales();else{const e=en.getController(o),{datasetElementType:s,dataElementType:a}=ue.datasets[o];Object.assign(e,{dataElementType:en.getElement(a),datasetElementType:s&&en.getElement(s)}),n.controller=new e(this,i),t.push(n.controller)}}return this._updateMetasets(),t}_resetElements(){u(this.data.datasets,((t,e)=>{this.getDatasetMeta(e).controller.reset()}),this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const e=this.config;e.update();const i=this._options=e.createResolver(e.chartOptionScopes(),this.getContext()),s=this._animationsDisabled=!i.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1===this.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0}))return;const n=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let o=0;for(let t=0,e=this.data.datasets.length;t<e;t++){const{controller:e}=this.getDatasetMeta(t),i=!s&&-1===n.indexOf(e);e.buildOrUpdateElements(i),o=Math.max(+e.getMaxOverflow(),o)}o=this._minPadding=i.layout.autoPadding?o:0,this._updateLayout(o),s||u(n,(t=>{t.reset()})),this._updateDatasets(t),this.notifyPlugins("afterUpdate",{mode:t}),this._layers.sort(Mn("z","_idx"));const{_active:a,_lastEvent:r}=this;r?this._eventHandler(r,!0):a.length&&this._updateHoverStyles(a,a,!0),this.render()}_updateScales(){u(this.scales,(t=>{as.removeBox(this,t)})),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){const t=this.options,e=new Set(Object.keys(this._listeners)),i=new Set(t.events);P(e,i)&&!!this._responsiveListeners===t.responsive||(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){const{_hiddenIndices:t}=this,e=this._getUniformDataChanges()||[];for(const{method:i,start:s,count:n}of e){Cn(t,s,"_removeElements"===i?-n:n)}}_getUniformDataChanges(){const t=this._dataChanges;if(!t||!t.length)return;this._dataChanges=[];const e=this.data.datasets.length,i=e=>new Set(t.filter((t=>t[0]===e)).map(((t,e)=>e+","+t.splice(1).join(",")))),s=i(0);for(let t=1;t<e;t++)if(!P(s,i(t)))return;return Array.from(s).map((t=>t.split(","))).map((t=>({method:t[1],start:+t[2],count:+t[3]})))}_updateLayout(t){if(!1===this.notifyPlugins("beforeLayout",{cancelable:!0}))return;as.update(this,this.width,this.height,t);const e=this.chartArea,i=e.width<=0||e.height<=0;this._layers=[],u(this.boxes,(t=>{i&&"chartArea"===t.position||(t.configure&&t.configure(),this._layers.push(...t._layers()))}),this),this._layers.forEach(((t,e)=>{t._idx=e})),this.notifyPlugins("afterLayout")}_updateDatasets(t){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:t,cancelable:!0})){for(let t=0,e=this.data.datasets.length;t<e;++t)this.getDatasetMeta(t).controller.configure();for(let e=0,i=this.data.datasets.length;e<i;++e)this._updateDataset(e,S(t)?t({datasetIndex:e}):t);this.notifyPlugins("afterDatasetsUpdate",{mode:t})}}_updateDataset(t,e){const i=this.getDatasetMeta(t),s={meta:i,index:t,mode:e,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetUpdate",s)&&(i.controller._update(e),s.cancelable=!1,this.notifyPlugins("afterDatasetUpdate",s))}render(){!1!==this.notifyPlugins("beforeRender",{cancelable:!0})&&(bt.has(this)?this.attached&&!bt.running(this)&&bt.start(this):(this.draw(),wn({chart:this})))}draw(){let t;if(this._resizeBeforeDraw){const{width:t,height:e}=this._resizeBeforeDraw;this._resizeBeforeDraw=null,this._resize(t,e)}if(this.clear(),this.width<=0||this.height<=0)return;if(!1===this.notifyPlugins("beforeDraw",{cancelable:!0}))return;const e=this._layers;for(t=0;t<e.length&&e[t].z<=0;++t)e[t].draw(this.chartArea);for(this._drawDatasets();t<e.length;++t)e[t].draw(this.chartArea);this.notifyPlugins("afterDraw")}_getSortedDatasetMetas(t){const e=this._sortedMetasets,i=[];let s,n;for(s=0,n=e.length;s<n;++s){const n=e[s];t&&!n.visible||i.push(n)}return i}getSortedVisibleDatasetMetas(){return this._getSortedDatasetMetas(!0)}_drawDatasets(){if(!1===this.notifyPlugins("beforeDatasetsDraw",{cancelable:!0}))return;const t=this.getSortedVisibleDatasetMetas();for(let e=t.length-1;e>=0;--e)this._drawDataset(t[e]);this.notifyPlugins("afterDatasetsDraw")}_drawDataset(t){const e=this.ctx,i=t._clip,s=!i.disabled,n=function(t,e){const{xScale:i,yScale:s}=t;return i&&s?{left:On(i,e,"left"),right:On(i,e,"right"),top:On(s,e,"top"),bottom:On(s,e,"bottom")}:e}(t,this.chartArea),o={meta:t,index:t.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",o)&&(s&&Ie(e,{left:!1===i.left?0:n.left-i.left,right:!1===i.right?this.width:n.right+i.right,top:!1===i.top?0:n.top-i.top,bottom:!1===i.bottom?this.height:n.bottom+i.bottom}),t.controller.draw(),s&&ze(e),o.cancelable=!1,this.notifyPlugins("afterDatasetDraw",o))}isPointInArea(t){return Re(t,this.chartArea,this._minPadding)}getElementsAtEventForMode(t,e,i,s){const n=Xi.modes[e];return"function"==typeof n?n(this,t,i,s):[]}getDatasetMeta(t){const e=this.data.datasets[t],i=this._metasets;let s=i.filter((t=>t&&t._dataset===e)).pop();return s||(s={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1},i.push(s)),s}getContext(){return this.$context||(this.$context=Ci(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){const e=this.data.datasets[t];if(!e)return!1;const i=this.getDatasetMeta(t);return"boolean"==typeof i.hidden?!i.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateVisibility(t,e,i){const s=i?"show":"hide",n=this.getDatasetMeta(t),o=n.controller._resolveAnimations(void 0,s);k(e)?(n.data[e].hidden=!i,this.update()):(this.setDatasetVisibility(t,i),o.update(n,{visible:i}),this.update((e=>e.datasetIndex===t?s:void 0)))}hide(t,e){this._updateVisibility(t,e,!1)}show(t,e){this._updateVisibility(t,e,!0)}_destroyDatasetMeta(t){const e=this._metasets[t];e&&e.controller&&e.controller._destroy(),delete this._metasets[t]}_stop(){let t,e;for(this.stop(),bt.remove(this),t=0,e=this.data.datasets.length;t<e;++t)this._destroyDatasetMeta(t)}destroy(){this.notifyPlugins("beforeDestroy");const{canvas:t,ctx:e}=this;this._stop(),this.config.clearCache(),t&&(this.unbindEvents(),Te(t,e),this.platform.releaseContext(e),this.canvas=null,this.ctx=null),delete Pn[this.id],this.notifyPlugins("afterDestroy")}toBase64Image(...t){return this.canvas.toDataURL(...t)}bindEvents(){this.bindUserEvents(),this.options.responsive?this.bindResponsiveEvents():this.attached=!0}bindUserEvents(){const t=this._listeners,e=this.platform,i=(i,s)=>{e.addEventListener(this,i,s),t[i]=s},s=(t,e,i)=>{t.offsetX=e,t.offsetY=i,this._eventHandler(t)};u(this.options.events,(t=>i(t,s)))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const t=this._responsiveListeners,e=this.platform,i=(i,s)=>{e.addEventListener(this,i,s),t[i]=s},s=(i,s)=>{t[i]&&(e.removeEventListener(this,i,s),delete t[i])},n=(t,e)=>{this.canvas&&this.resize(t,e)};let o;const a=()=>{s("attach",a),this.attached=!0,this.resize(),i("resize",n),i("detach",o)};o=()=>{this.attached=!1,s("resize",n),this._stop(),this._resize(0,0),i("attach",a)},e.isAttached(this.canvas)?a():o()}unbindEvents(){u(this._listeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._listeners={},u(this._responsiveListeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._responsiveListeners=void 0}updateHoverStyle(t,e,i){const s=i?"set":"remove";let n,o,a,r;for("dataset"===e&&(n=this.getDatasetMeta(t[0].datasetIndex),n.controller["_"+s+"DatasetHoverStyle"]()),a=0,r=t.length;a<r;++a){o=t[a];const e=o&&this.getDatasetMeta(o.datasetIndex).controller;e&&e[s+"HoverStyle"](o.element,o.datasetIndex,o.index)}}getActiveElements(){return this._active||[]}setActiveElements(t){const e=this._active||[],i=t.map((({datasetIndex:t,index:e})=>{const i=this.getDatasetMeta(t);if(!i)throw new Error("No dataset found at index "+t);return{datasetIndex:t,element:i.data[e],index:e}}));!f(i,e)&&(this._active=i,this._lastEvent=null,this._updateHoverStyles(i,e))}notifyPlugins(t,e,i){return this._plugins.notify(this,t,e,i)}isPluginEnabled(t){return 1===this._plugins._cache.filter((e=>e.plugin.id===t)).length}_updateHoverStyles(t,e,i){const s=this.options.hover,n=(t,e)=>t.filter((t=>!e.some((e=>t.datasetIndex===e.datasetIndex&&t.index===e.index)))),o=n(e,t),a=i?t:n(t,e);o.length&&this.updateHoverStyle(o,s.mode,!1),a.length&&s.mode&&this.updateHoverStyle(a,s.mode,!0)}_eventHandler(t,e){const i={event:t,replay:e,cancelable:!0,inChartArea:this.isPointInArea(t)},s=e=>(e.options.events||this.options.events).includes(t.native.type);if(!1===this.notifyPlugins("beforeEvent",i,s))return;const n=this._handleEvent(t,e,i.inChartArea);return i.cancelable=!1,this.notifyPlugins("afterEvent",i,s),(n||i.changed)&&this.render(),this}_handleEvent(t,e,i){const{_active:s=[],options:n}=this,o=e,a=this._getActiveElements(t,s,i,o),r=D(t),l=function(t,e,i,s){return i&&"mouseout"!==t.type?s?e:t:null}(t,this._lastEvent,i,r);i&&(this._lastEvent=null,d(n.onHover,[t,a,this],this),r&&d(n.onClick,[t,a,this],this));const h=!f(a,s);return(h||e)&&(this._active=a,this._updateHoverStyles(a,s,e)),this._lastEvent=l,h}_getActiveElements(t,e,i,s){if("mouseout"===t.type)return[];if(!i)return e;const n=this.options.hover;return this.getElementsAtEventForMode(t,n.mode,n,s)}}function Tn(){return u(An.instances,(t=>t._plugins.invalidate()))}function Ln(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}class En{static override(t){Object.assign(En.prototype,t)}options;constructor(t){this.options=t||{}}init(){}formats(){return Ln()}parse(){return Ln()}format(){return Ln()}add(){return Ln()}diff(){return Ln()}startOf(){return Ln()}endOf(){return Ln()}}var Rn={_date:En};function In(t){const e=t.iScale,i=function(t,e){if(!t._cache.$bar){const i=t.getMatchingVisibleMetas(e);let s=[];for(let e=0,n=i.length;e<n;e++)s=s.concat(i[e].controller.getAllParsedValues(t));t._cache.$bar=lt(s.sort(((t,e)=>t-e)))}return t._cache.$bar}(e,t.type);let s,n,o,a,r=e._length;const l=()=>{32767!==o&&-32768!==o&&(k(a)&&(r=Math.min(r,Math.abs(o-a)||r)),a=o)};for(s=0,n=i.length;s<n;++s)o=e.getPixelForValue(i[s]),l();for(a=void 0,s=0,n=e.ticks.length;s<n;++s)o=e.getPixelForTick(s),l();return r}function zn(t,e,i,s){return n(t)?function(t,e,i,s){const n=i.parse(t[0],s),o=i.parse(t[1],s),a=Math.min(n,o),r=Math.max(n,o);let l=a,h=r;Math.abs(a)>Math.abs(r)&&(l=r,h=a),e[i.axis]=h,e._custom={barStart:l,barEnd:h,start:n,end:o,min:a,max:r}}(t,e,i,s):e[i.axis]=i.parse(t,s),e}function Fn(t,e,i,s){const n=t.iScale,o=t.vScale,a=n.getLabels(),r=n===o,l=[];let h,c,d,u;for(h=i,c=i+s;h<c;++h)u=e[h],d={},d[n.axis]=r||n.parse(a[h],h),l.push(zn(u,d,o,h));return l}function Vn(t){return t&&void 0!==t.barStart&&void 0!==t.barEnd}function Bn(t,e,i,s){let n=e.borderSkipped;const o={};if(!n)return void(t.borderSkipped=o);if(!0===n)return void(t.borderSkipped={top:!0,right:!0,bottom:!0,left:!0});const{start:a,end:r,reverse:l,top:h,bottom:c}=function(t){let e,i,s,n,o;return t.horizontal?(e=t.base>t.x,i="left",s="right"):(e=t.base<t.y,i="bottom",s="top"),e?(n="end",o="start"):(n="start",o="end"),{start:i,end:s,reverse:e,top:n,bottom:o}}(t);"middle"===n&&i&&(t.enableBorderRadius=!0,(i._top||0)===s?n=h:(i._bottom||0)===s?n=c:(o[Wn(c,a,r,l)]=!0,n=h)),o[Wn(n,a,r,l)]=!0,t.borderSkipped=o}function Wn(t,e,i,s){var n,o,a;return s?(a=i,t=Nn(t=(n=t)===(o=e)?a:n===a?o:n,i,e)):t=Nn(t,e,i),t}function Nn(t,e,i){return"start"===t?e:"end"===t?i:t}function Hn(t,{inflateAmount:e},i){t.inflateAmount="auto"===e?1===i?.33:0:e}class jn extends Ns{static id="doughnut";static defaults={datasetElementType:!1,dataElementType:"arc",animation:{animateRotate:!0,animateScale:!1},animations:{numbers:{type:"number",properties:["circumference","endAngle","innerRadius","outerRadius","startAngle","x","y","offset","borderWidth","spacing"]}},cutout:"50%",rotation:0,circumference:360,radius:"100%",spacing:0,indexAxis:"r"};static descriptors={_scriptable:t=>"spacing"!==t,_indexable:t=>"spacing"!==t&&!t.startsWith("borderDash")&&!t.startsWith("hoverBorderDash")};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map(((e,n)=>{const o=t.getDatasetMeta(0).controller.getStyle(n);return{text:e,fillStyle:o.backgroundColor,strokeStyle:o.borderColor,fontColor:s,lineWidth:o.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(n),index:n}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}}};constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(t,e){const i=this.getDataset().data,s=this._cachedMeta;if(!1===this._parsing)s._parsed=i;else{let n,a,r=t=>+i[t];if(o(i[t])){const{key:t="value"}=this._parsing;r=e=>+M(i[e],t)}for(n=t,a=t+e;n<a;++n)s._parsed[n]=r(n)}}_getRotation(){return $(this.options.rotation-90)}_getCircumference(){return $(this.options.circumference)}_getRotationExtents(){let t=O,e=-O;for(let i=0;i<this.chart.data.datasets.length;++i)if(this.chart.isDatasetVisible(i)&&this.chart.getDatasetMeta(i).type===this._type){const s=this.chart.getDatasetMeta(i).controller,n=s._getRotation(),o=s._getCircumference();t=Math.min(t,n),e=Math.max(e,n+o)}return{rotation:t,circumference:e-t}}update(t){const e=this.chart,{chartArea:i}=e,s=this._cachedMeta,n=s.data,o=this.getMaxBorderWidth()+this.getMaxOffset(n)+this.options.spacing,a=Math.max((Math.min(i.width,i.height)-o)/2,0),r=Math.min(h(this.options.cutout,a),1),l=this._getRingWeight(this.index),{circumference:d,rotation:u}=this._getRotationExtents(),{ratioX:f,ratioY:g,offsetX:p,offsetY:m}=function(t,e,i){let s=1,n=1,o=0,a=0;if(e<O){const r=t,l=r+e,h=Math.cos(r),c=Math.sin(r),d=Math.cos(l),u=Math.sin(l),f=(t,e,s)=>Z(t,r,l,!0)?1:Math.max(e,e*i,s,s*i),g=(t,e,s)=>Z(t,r,l,!0)?-1:Math.min(e,e*i,s,s*i),p=f(0,h,d),m=f(E,c,u),x=g(C,h,d),b=g(C+E,c,u);s=(p-x)/2,n=(m-b)/2,o=-(p+x)/2,a=-(m+b)/2}return{ratioX:s,ratioY:n,offsetX:o,offsetY:a}}(u,d,r),x=(i.width-o)/f,b=(i.height-o)/g,_=Math.max(Math.min(x,b)/2,0),y=c(this.options.radius,_),v=(y-Math.max(y*r,0))/this._getVisibleDatasetWeightTotal();this.offsetX=p*y,this.offsetY=m*y,s.total=this.calculateTotal(),this.outerRadius=y-v*this._getRingWeightOffset(this.index),this.innerRadius=Math.max(this.outerRadius-v*l,0),this.updateElements(n,0,n.length,t)}_circumference(t,e){const i=this.options,s=this._cachedMeta,n=this._getCircumference();return e&&i.animation.animateRotate||!this.chart.getDataVisibility(t)||null===s._parsed[t]||s.data[t].hidden?0:this.calculateCircumference(s._parsed[t]*n/O)}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.chartArea,r=o.options.animation,l=(a.left+a.right)/2,h=(a.top+a.bottom)/2,c=n&&r.animateScale,d=c?0:this.innerRadius,u=c?0:this.outerRadius,{sharedOptions:f,includeOptions:g}=this._getSharedOptions(e,s);let p,m=this._getRotation();for(p=0;p<e;++p)m+=this._circumference(p,n);for(p=e;p<e+i;++p){const e=this._circumference(p,n),i=t[p],o={x:l+this.offsetX,y:h+this.offsetY,startAngle:m,endAngle:m+e,circumference:e,outerRadius:u,innerRadius:d};g&&(o.options=f||this.resolveDataElementOptions(p,i.active?"active":s)),m+=e,this.updateElement(i,p,o,s)}}calculateTotal(){const t=this._cachedMeta,e=t.data;let i,s=0;for(i=0;i<e.length;i++){const n=t._parsed[i];null===n||isNaN(n)||!this.chart.getDataVisibility(i)||e[i].hidden||(s+=Math.abs(n))}return s}calculateCircumference(t){const e=this._cachedMeta.total;return e>0&&!isNaN(t)?O*(Math.abs(t)/e):0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=ne(e._parsed[t],i.options.locale);return{label:s[t]||"",value:n}}getMaxBorderWidth(t){let e=0;const i=this.chart;let s,n,o,a,r;if(!t)for(s=0,n=i.data.datasets.length;s<n;++s)if(i.isDatasetVisible(s)){o=i.getDatasetMeta(s),t=o.data,a=o.controller;break}if(!t)return 0;for(s=0,n=t.length;s<n;++s)r=a.resolveDataElementOptions(s),"inner"!==r.borderAlign&&(e=Math.max(e,r.borderWidth||0,r.hoverBorderWidth||0));return e}getMaxOffset(t){let e=0;for(let i=0,s=t.length;i<s;++i){const t=this.resolveDataElementOptions(i);e=Math.max(e,t.offset||0,t.hoverOffset||0)}return e}_getRingWeightOffset(t){let e=0;for(let i=0;i<t;++i)this.chart.isDatasetVisible(i)&&(e+=this._getRingWeight(i));return e}_getRingWeight(t){return Math.max(l(this.chart.data.datasets[t].weight,1),0)}_getVisibleDatasetWeightTotal(){return this._getRingWeightOffset(this.chart.data.datasets.length)||1}}class $n extends Ns{static id="polarArea";static defaults={dataElementType:"arc",animation:{animateRotate:!0,animateScale:!0},animations:{numbers:{type:"number",properties:["x","y","startAngle","endAngle","innerRadius","outerRadius"]}},indexAxis:"r",startAngle:0};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map(((e,n)=>{const o=t.getDatasetMeta(0).controller.getStyle(n);return{text:e,fillStyle:o.backgroundColor,strokeStyle:o.borderColor,fontColor:s,lineWidth:o.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(n),index:n}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=ne(e._parsed[t].r,i.options.locale);return{label:s[t]||"",value:n}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}getMinMax(){const t=this._cachedMeta,e={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return t.data.forEach(((t,i)=>{const s=this.getParsed(i).r;!isNaN(s)&&this.chart.getDataVisibility(i)&&(s<e.min&&(e.min=s),s>e.max&&(e.max=s))})),e}_updateRadius(){const t=this.chart,e=t.chartArea,i=t.options,s=Math.min(e.right-e.left,e.bottom-e.top),n=Math.max(s/2,0),o=(n-Math.max(i.cutoutPercentage?n/100*i.cutoutPercentage:1,0))/t.getVisibleDatasetCount();this.outerRadius=n-o*this.index,this.innerRadius=this.outerRadius-o}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.options.animation,r=this._cachedMeta.rScale,l=r.xCenter,h=r.yCenter,c=r.getIndexAngle(0)-.5*C;let d,u=c;const f=360/this.countVisibleElements();for(d=0;d<e;++d)u+=this._computeAngle(d,s,f);for(d=e;d<e+i;d++){const e=t[d];let i=u,g=u+this._computeAngle(d,s,f),p=o.getDataVisibility(d)?r.getDistanceFromCenterForValue(this.getParsed(d).r):0;u=g,n&&(a.animateScale&&(p=0),a.animateRotate&&(i=g=c));const m={x:l,y:h,innerRadius:0,outerRadius:p,startAngle:i,endAngle:g,options:this.resolveDataElementOptions(d,e.active?"active":s)};this.updateElement(e,d,m,s)}}countVisibleElements(){const t=this._cachedMeta;let e=0;return t.data.forEach(((t,i)=>{!isNaN(this.getParsed(i).r)&&this.chart.getDataVisibility(i)&&e++})),e}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?$(this.resolveDataElementOptions(t,e).angle||i):0}}var Yn=Object.freeze({__proto__:null,BarController:class extends Ns{static id="bar";static defaults={datasetElementType:!1,dataElementType:"bar",categoryPercentage:.8,barPercentage:.9,grouped:!0,animations:{numbers:{type:"number",properties:["x","y","base","width","height"]}}};static overrides={scales:{_index_:{type:"category",offset:!0,grid:{offset:!0}},_value_:{type:"linear",beginAtZero:!0}}};parsePrimitiveData(t,e,i,s){return Fn(t,e,i,s)}parseArrayData(t,e,i,s){return Fn(t,e,i,s)}parseObjectData(t,e,i,s){const{iScale:n,vScale:o}=t,{xAxisKey:a="x",yAxisKey:r="y"}=this._parsing,l="x"===n.axis?a:r,h="x"===o.axis?a:r,c=[];let d,u,f,g;for(d=i,u=i+s;d<u;++d)g=e[d],f={},f[n.axis]=n.parse(M(g,l),d),c.push(zn(M(g,h),f,o,d));return c}updateRangeFromParsed(t,e,i,s){super.updateRangeFromParsed(t,e,i,s);const n=i._custom;n&&e===this._cachedMeta.vScale&&(t.min=Math.min(t.min,n.min),t.max=Math.max(t.max,n.max))}getMaxOverflow(){return 0}getLabelAndValue(t){const e=this._cachedMeta,{iScale:i,vScale:s}=e,n=this.getParsed(t),o=n._custom,a=Vn(o)?"["+o.start+", "+o.end+"]":""+s.getLabelForValue(n[s.axis]);return{label:""+i.getLabelForValue(n[i.axis]),value:a}}initialize(){this.enableOptionSharing=!0,super.initialize();this._cachedMeta.stack=this.getDataset().stack}update(t){const e=this._cachedMeta;this.updateElements(e.data,0,e.data.length,t)}updateElements(t,e,i,n){const o="reset"===n,{index:a,_cachedMeta:{vScale:r}}=this,l=r.getBasePixel(),h=r.isHorizontal(),c=this._getRuler(),{sharedOptions:d,includeOptions:u}=this._getSharedOptions(e,n);for(let f=e;f<e+i;f++){const e=this.getParsed(f),i=o||s(e[r.axis])?{base:l,head:l}:this._calculateBarValuePixels(f),g=this._calculateBarIndexPixels(f,c),p=(e._stacks||{})[r.axis],m={horizontal:h,base:i.base,enableBorderRadius:!p||Vn(e._custom)||a===p._top||a===p._bottom,x:h?i.head:g.center,y:h?g.center:i.head,height:h?g.size:Math.abs(i.size),width:h?Math.abs(i.size):g.size};u&&(m.options=d||this.resolveDataElementOptions(f,t[f].active?"active":n));const x=m.options||t[f].options;Bn(m,x,p,a),Hn(m,x,c.ratio),this.updateElement(t[f],f,m,n)}}_getStacks(t,e){const{iScale:i}=this._cachedMeta,n=i.getMatchingVisibleMetas(this._type).filter((t=>t.controller.options.grouped)),o=i.options.stacked,a=[],r=this._cachedMeta.controller.getParsed(e),l=r&&r[i.axis],h=t=>{const e=t._parsed.find((t=>t[i.axis]===l)),n=e&&e[t.vScale.axis];if(s(n)||isNaN(n))return!0};for(const i of n)if((void 0===e||!h(i))&&((!1===o||-1===a.indexOf(i.stack)||void 0===o&&void 0===i.stack)&&a.push(i.stack),i.index===t))break;return a.length||a.push(void 0),a}_getStackCount(t){return this._getStacks(void 0,t).length}_getStackIndex(t,e,i){const s=this._getStacks(t,i),n=void 0!==e?s.indexOf(e):-1;return-1===n?s.length-1:n}_getRuler(){const t=this.options,e=this._cachedMeta,i=e.iScale,s=[];let n,o;for(n=0,o=e.data.length;n<o;++n)s.push(i.getPixelForValue(this.getParsed(n)[i.axis],n));const a=t.barThickness;return{min:a||In(e),pixels:s,start:i._startPixel,end:i._endPixel,stackCount:this._getStackCount(),scale:i,grouped:t.grouped,ratio:a?1:t.categoryPercentage*t.barPercentage}}_calculateBarValuePixels(t){const{_cachedMeta:{vScale:e,_stacked:i,index:n},options:{base:o,minBarLength:a}}=this,r=o||0,l=this.getParsed(t),h=l._custom,c=Vn(h);let d,u,f=l[e.axis],g=0,p=i?this.applyStack(e,l,i):f;p!==f&&(g=p-f,p=f),c&&(f=h.barStart,p=h.barEnd-h.barStart,0!==f&&F(f)!==F(h.barEnd)&&(g=0),g+=f);const m=s(o)||c?g:o;let x=e.getPixelForValue(m);if(d=this.chart.getDataVisibility(t)?e.getPixelForValue(g+p):x,u=d-x,Math.abs(u)<a){u=function(t,e,i){return 0!==t?F(t):(e.isHorizontal()?1:-1)*(e.min>=i?1:-1)}(u,e,r)*a,f===r&&(x-=u/2);const t=e.getPixelForDecimal(0),s=e.getPixelForDecimal(1),o=Math.min(t,s),h=Math.max(t,s);x=Math.max(Math.min(x,h),o),d=x+u,i&&!c&&(l._stacks[e.axis]._visualValues[n]=e.getValueForPixel(d)-e.getValueForPixel(x))}if(x===e.getPixelForValue(r)){const t=F(u)*e.getLineWidthForValue(r)/2;x+=t,u-=t}return{size:u,base:x,head:d,center:d+u/2}}_calculateBarIndexPixels(t,e){const i=e.scale,n=this.options,o=n.skipNull,a=l(n.maxBarThickness,1/0);let r,h;if(e.grouped){const i=o?this._getStackCount(t):e.stackCount,l="flex"===n.barThickness?function(t,e,i,s){const n=e.pixels,o=n[t];let a=t>0?n[t-1]:null,r=t<n.length-1?n[t+1]:null;const l=i.categoryPercentage;null===a&&(a=o-(null===r?e.end-e.start:r-o)),null===r&&(r=o+o-a);const h=o-(o-Math.min(a,r))/2*l;return{chunk:Math.abs(r-a)/2*l/s,ratio:i.barPercentage,start:h}}(t,e,n,i):function(t,e,i,n){const o=i.barThickness;let a,r;return s(o)?(a=e.min*i.categoryPercentage,r=i.barPercentage):(a=o*n,r=1),{chunk:a/n,ratio:r,start:e.pixels[t]-a/2}}(t,e,n,i),c=this._getStackIndex(this.index,this._cachedMeta.stack,o?t:void 0);r=l.start+l.chunk*c+l.chunk/2,h=Math.min(a,l.chunk*l.ratio)}else r=i.getPixelForValue(this.getParsed(t)[i.axis],t),h=Math.min(a,e.min*e.ratio);return{base:r-h/2,head:r+h/2,center:r,size:h}}draw(){const t=this._cachedMeta,e=t.vScale,i=t.data,s=i.length;let n=0;for(;n<s;++n)null===this.getParsed(n)[e.axis]||i[n].hidden||i[n].draw(this._ctx)}},BubbleController:class extends Ns{static id="bubble";static defaults={datasetElementType:!1,dataElementType:"point",animations:{numbers:{type:"number",properties:["x","y","borderWidth","radius"]}}};static overrides={scales:{x:{type:"linear"},y:{type:"linear"}}};initialize(){this.enableOptionSharing=!0,super.initialize()}parsePrimitiveData(t,e,i,s){const n=super.parsePrimitiveData(t,e,i,s);for(let t=0;t<n.length;t++)n[t]._custom=this.resolveDataElementOptions(t+i).radius;return n}parseArrayData(t,e,i,s){const n=super.parseArrayData(t,e,i,s);for(let t=0;t<n.length;t++){const s=e[i+t];n[t]._custom=l(s[2],this.resolveDataElementOptions(t+i).radius)}return n}parseObjectData(t,e,i,s){const n=super.parseObjectData(t,e,i,s);for(let t=0;t<n.length;t++){const s=e[i+t];n[t]._custom=l(s&&s.r&&+s.r,this.resolveDataElementOptions(t+i).radius)}return n}getMaxOverflow(){const t=this._cachedMeta.data;let e=0;for(let i=t.length-1;i>=0;--i)e=Math.max(e,t[i].size(this.resolveDataElementOptions(i))/2);return e>0&&e}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart.data.labels||[],{xScale:s,yScale:n}=e,o=this.getParsed(t),a=s.getLabelForValue(o.x),r=n.getLabelForValue(o.y),l=o._custom;return{label:i[t]||"",value:"("+a+", "+r+(l?", "+l:"")+")"}}update(t){const e=this._cachedMeta.data;this.updateElements(e,0,e.length,t)}updateElements(t,e,i,s){const n="reset"===s,{iScale:o,vScale:a}=this._cachedMeta,{sharedOptions:r,includeOptions:l}=this._getSharedOptions(e,s),h=o.axis,c=a.axis;for(let d=e;d<e+i;d++){const e=t[d],i=!n&&this.getParsed(d),u={},f=u[h]=n?o.getPixelForDecimal(.5):o.getPixelForValue(i[h]),g=u[c]=n?a.getBasePixel():a.getPixelForValue(i[c]);u.skip=isNaN(f)||isNaN(g),l&&(u.options=r||this.resolveDataElementOptions(d,e.active?"active":s),n&&(u.options.radius=0)),this.updateElement(e,d,u,s)}}resolveDataElementOptions(t,e){const i=this.getParsed(t);let s=super.resolveDataElementOptions(t,e);s.$shared&&(s=Object.assign({},s,{$shared:!1}));const n=s.radius;return"active"!==e&&(s.radius=0),s.radius+=l(i&&i._custom,n),s}},DoughnutController:jn,LineController:class extends Ns{static id="line";static defaults={datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1};static overrides={scales:{_index_:{type:"category"},_value_:{type:"linear"}}};initialize(){this.enableOptionSharing=!0,this.supportsDecimation=!0,super.initialize()}update(t){const e=this._cachedMeta,{dataset:i,data:s=[],_dataset:n}=e,o=this.chart._animationsDisabled;let{start:a,count:r}=pt(e,s,o);this._drawStart=a,this._drawCount=r,mt(e)&&(a=0,r=s.length),i._chart=this.chart,i._datasetIndex=this.index,i._decimated=!!n._decimated,i.points=s;const l=this.resolveDatasetElementOptions(t);this.options.showLine||(l.borderWidth=0),l.segment=this.options.segment,this.updateElement(i,void 0,{animated:!o,options:l},t),this.updateElements(s,a,r,t)}updateElements(t,e,i,n){const o="reset"===n,{iScale:a,vScale:r,_stacked:l,_dataset:h}=this._cachedMeta,{sharedOptions:c,includeOptions:d}=this._getSharedOptions(e,n),u=a.axis,f=r.axis,{spanGaps:g,segment:p}=this.options,m=N(g)?g:Number.POSITIVE_INFINITY,x=this.chart._animationsDisabled||o||"none"===n,b=e+i,_=t.length;let y=e>0&&this.getParsed(e-1);for(let i=0;i<_;++i){const g=t[i],_=x?g:{};if(i<e||i>=b){_.skip=!0;continue}const v=this.getParsed(i),M=s(v[f]),w=_[u]=a.getPixelForValue(v[u],i),k=_[f]=o||M?r.getBasePixel():r.getPixelForValue(l?this.applyStack(r,v,l):v[f],i);_.skip=isNaN(w)||isNaN(k)||M,_.stop=i>0&&Math.abs(v[u]-y[u])>m,p&&(_.parsed=v,_.raw=h.data[i]),d&&(_.options=c||this.resolveDataElementOptions(i,g.active?"active":n)),x||this.updateElement(g,i,_,n),y=v}}getMaxOverflow(){const t=this._cachedMeta,e=t.dataset,i=e.options&&e.options.borderWidth||0,s=t.data||[];if(!s.length)return i;const n=s[0].size(this.resolveDataElementOptions(0)),o=s[s.length-1].size(this.resolveDataElementOptions(s.length-1));return Math.max(i,n,o)/2}draw(){const t=this._cachedMeta;t.dataset.updateControlPoints(this.chart.chartArea,t.iScale.axis),super.draw()}},PieController:class extends jn{static id="pie";static defaults={cutout:0,rotation:0,circumference:360,radius:"100%"}},PolarAreaController:$n,RadarController:class extends Ns{static id="radar";static defaults={datasetElementType:"line",dataElementType:"point",indexAxis:"r",showLine:!0,elements:{line:{fill:"start"}}};static overrides={aspectRatio:1,scales:{r:{type:"radialLinear"}}};getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta,i=e.dataset,s=e.data||[],n=e.iScale.getLabels();if(i.points=s,"resize"!==t){const e=this.resolveDatasetElementOptions(t);this.options.showLine||(e.borderWidth=0);const o={_loop:!0,_fullLoop:n.length===s.length,options:e};this.updateElement(i,void 0,o,t)}this.updateElements(s,0,s.length,t)}updateElements(t,e,i,s){const n=this._cachedMeta.rScale,o="reset"===s;for(let a=e;a<e+i;a++){const e=t[a],i=this.resolveDataElementOptions(a,e.active?"active":s),r=n.getPointPositionForValue(a,this.getParsed(a).r),l=o?n.xCenter:r.x,h=o?n.yCenter:r.y,c={x:l,y:h,angle:r.angle,skip:isNaN(l)||isNaN(h),options:i};this.updateElement(e,a,c,s)}}},ScatterController:class extends Ns{static id="scatter";static defaults={datasetElementType:!1,dataElementType:"point",showLine:!1,fill:!1};static overrides={interaction:{mode:"point"},scales:{x:{type:"linear"},y:{type:"linear"}}};getLabelAndValue(t){const e=this._cachedMeta,i=this.chart.data.labels||[],{xScale:s,yScale:n}=e,o=this.getParsed(t),a=s.getLabelForValue(o.x),r=n.getLabelForValue(o.y);return{label:i[t]||"",value:"("+a+", "+r+")"}}update(t){const e=this._cachedMeta,{data:i=[]}=e,s=this.chart._animationsDisabled;let{start:n,count:o}=pt(e,i,s);if(this._drawStart=n,this._drawCount=o,mt(e)&&(n=0,o=i.length),this.options.showLine){this.datasetElementType||this.addElements();const{dataset:n,_dataset:o}=e;n._chart=this.chart,n._datasetIndex=this.index,n._decimated=!!o._decimated,n.points=i;const a=this.resolveDatasetElementOptions(t);a.segment=this.options.segment,this.updateElement(n,void 0,{animated:!s,options:a},t)}else this.datasetElementType&&(delete e.dataset,this.datasetElementType=!1);this.updateElements(i,n,o,t)}addElements(){const{showLine:t}=this.options;!this.datasetElementType&&t&&(this.datasetElementType=this.chart.registry.getElement("line")),super.addElements()}updateElements(t,e,i,n){const o="reset"===n,{iScale:a,vScale:r,_stacked:l,_dataset:h}=this._cachedMeta,c=this.resolveDataElementOptions(e,n),d=this.getSharedOptions(c),u=this.includeOptions(n,d),f=a.axis,g=r.axis,{spanGaps:p,segment:m}=this.options,x=N(p)?p:Number.POSITIVE_INFINITY,b=this.chart._animationsDisabled||o||"none"===n;let _=e>0&&this.getParsed(e-1);for(let c=e;c<e+i;++c){const e=t[c],i=this.getParsed(c),p=b?e:{},y=s(i[g]),v=p[f]=a.getPixelForValue(i[f],c),M=p[g]=o||y?r.getBasePixel():r.getPixelForValue(l?this.applyStack(r,i,l):i[g],c);p.skip=isNaN(v)||isNaN(M)||y,p.stop=c>0&&Math.abs(i[f]-_[f])>x,m&&(p.parsed=i,p.raw=h.data[c]),u&&(p.options=d||this.resolveDataElementOptions(c,e.active?"active":n)),b||this.updateElement(e,c,p,n),_=i}this.updateSharedOptions(d,n,c)}getMaxOverflow(){const t=this._cachedMeta,e=t.data||[];if(!this.options.showLine){let t=0;for(let i=e.length-1;i>=0;--i)t=Math.max(t,e[i].size(this.resolveDataElementOptions(i))/2);return t>0&&t}const i=t.dataset,s=i.options&&i.options.borderWidth||0;if(!e.length)return s;const n=e[0].size(this.resolveDataElementOptions(0)),o=e[e.length-1].size(this.resolveDataElementOptions(e.length-1));return Math.max(s,n,o)/2}}});function Un(t,e,i,s){const n=vi(t.options.borderRadius,["outerStart","outerEnd","innerStart","innerEnd"]);const o=(i-e)/2,a=Math.min(o,s*e/2),r=t=>{const e=(i-Math.min(o,t))*s/2;return J(t,0,Math.min(o,e))};return{outerStart:r(n.outerStart),outerEnd:r(n.outerEnd),innerStart:J(n.innerStart,0,a),innerEnd:J(n.innerEnd,0,a)}}function Xn(t,e,i,s){return{x:i+t*Math.cos(e),y:s+t*Math.sin(e)}}function qn(t,e,i,s,n,o){const{x:a,y:r,startAngle:l,pixelMargin:h,innerRadius:c}=e,d=Math.max(e.outerRadius+s+i-h,0),u=c>0?c+s+i+h:0;let f=0;const g=n-l;if(s){const t=((c>0?c-s:0)+(d>0?d-s:0))/2;f=(g-(0!==t?g*t/(t+s):g))/2}const p=(g-Math.max(.001,g*d-i/C)/d)/2,m=l+p+f,x=n-p-f,{outerStart:b,outerEnd:_,innerStart:y,innerEnd:v}=Un(e,u,d,x-m),M=d-b,w=d-_,k=m+b/M,S=x-_/w,P=u+y,D=u+v,O=m+y/P,A=x-v/D;if(t.beginPath(),o){const e=(k+S)/2;if(t.arc(a,r,d,k,e),t.arc(a,r,d,e,S),_>0){const e=Xn(w,S,a,r);t.arc(e.x,e.y,_,S,x+E)}const i=Xn(D,x,a,r);if(t.lineTo(i.x,i.y),v>0){const e=Xn(D,A,a,r);t.arc(e.x,e.y,v,x+E,A+Math.PI)}const s=(x-v/u+(m+y/u))/2;if(t.arc(a,r,u,x-v/u,s,!0),t.arc(a,r,u,s,m+y/u,!0),y>0){const e=Xn(P,O,a,r);t.arc(e.x,e.y,y,O+Math.PI,m-E)}const n=Xn(M,m,a,r);if(t.lineTo(n.x,n.y),b>0){const e=Xn(M,k,a,r);t.arc(e.x,e.y,b,m-E,k)}}else{t.moveTo(a,r);const e=Math.cos(k)*d+a,i=Math.sin(k)*d+r;t.lineTo(e,i);const s=Math.cos(S)*d+a,n=Math.sin(S)*d+r;t.lineTo(s,n)}t.closePath()}function Kn(t,e,i,s,n){const{fullCircles:o,startAngle:a,circumference:r,options:l}=e,{borderWidth:h,borderJoinStyle:c,borderDash:d,borderDashOffset:u}=l,f="inner"===l.borderAlign;if(!h)return;t.setLineDash(d||[]),t.lineDashOffset=u,f?(t.lineWidth=2*h,t.lineJoin=c||"round"):(t.lineWidth=h,t.lineJoin=c||"bevel");let g=e.endAngle;if(o){qn(t,e,i,s,g,n);for(let e=0;e<o;++e)t.stroke();isNaN(r)||(g=a+(r%O||O))}f&&function(t,e,i){const{startAngle:s,pixelMargin:n,x:o,y:a,outerRadius:r,innerRadius:l}=e;let h=n/r;t.beginPath(),t.arc(o,a,r,s-h,i+h),l>n?(h=n/l,t.arc(o,a,l,i+h,s-h,!0)):t.arc(o,a,n,i+E,s-E),t.closePath(),t.clip()}(t,e,g),o||(qn(t,e,i,s,g,n),t.stroke())}function Gn(t,e,i=e){t.lineCap=l(i.borderCapStyle,e.borderCapStyle),t.setLineDash(l(i.borderDash,e.borderDash)),t.lineDashOffset=l(i.borderDashOffset,e.borderDashOffset),t.lineJoin=l(i.borderJoinStyle,e.borderJoinStyle),t.lineWidth=l(i.borderWidth,e.borderWidth),t.strokeStyle=l(i.borderColor,e.borderColor)}function Zn(t,e,i){t.lineTo(i.x,i.y)}function Jn(t,e,i={}){const s=t.length,{start:n=0,end:o=s-1}=i,{start:a,end:r}=e,l=Math.max(n,a),h=Math.min(o,r),c=n<a&&o<a||n>r&&o>r;return{count:s,start:l,loop:e.loop,ilen:h<l&&!c?s+h-l:h-l}}function Qn(t,e,i,s){const{points:n,options:o}=e,{count:a,start:r,loop:l,ilen:h}=Jn(n,i,s),c=function(t){return t.stepped?Fe:t.tension||"monotone"===t.cubicInterpolationMode?Ve:Zn}(o);let d,u,f,{move:g=!0,reverse:p}=s||{};for(d=0;d<=h;++d)u=n[(r+(p?h-d:d))%a],u.skip||(g?(t.moveTo(u.x,u.y),g=!1):c(t,f,u,p,o.stepped),f=u);return l&&(u=n[(r+(p?h:0))%a],c(t,f,u,p,o.stepped)),!!l}function to(t,e,i,s){const n=e.points,{count:o,start:a,ilen:r}=Jn(n,i,s),{move:l=!0,reverse:h}=s||{};let c,d,u,f,g,p,m=0,x=0;const b=t=>(a+(h?r-t:t))%o,_=()=>{f!==g&&(t.lineTo(m,g),t.lineTo(m,f),t.lineTo(m,p))};for(l&&(d=n[b(0)],t.moveTo(d.x,d.y)),c=0;c<=r;++c){if(d=n[b(c)],d.skip)continue;const e=d.x,i=d.y,s=0|e;s===u?(i<f?f=i:i>g&&(g=i),m=(x*m+e)/++x):(_(),t.lineTo(e,i),u=s,x=0,f=g=i),p=i}_()}function eo(t){const e=t.options,i=e.borderDash&&e.borderDash.length;return!(t._decimated||t._loop||e.tension||"monotone"===e.cubicInterpolationMode||e.stepped||i)?to:Qn}const io="function"==typeof Path2D;function so(t,e,i,s){io&&!e.options.segment?function(t,e,i,s){let n=e._path;n||(n=e._path=new Path2D,e.path(n,i,s)&&n.closePath()),Gn(t,e.options),t.stroke(n)}(t,e,i,s):function(t,e,i,s){const{segments:n,options:o}=e,a=eo(e);for(const r of n)Gn(t,o,r.style),t.beginPath(),a(t,e,r,{start:i,end:i+s-1})&&t.closePath(),t.stroke()}(t,e,i,s)}class no extends Hs{static id="line";static defaults={borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:3,capBezierPoints:!0,cubicInterpolationMode:"default",fill:!1,spanGaps:!1,stepped:!1,tension:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t&&"fill"!==t};constructor(t){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,t&&Object.assign(this,t)}updateControlPoints(t,e){const i=this.options;if((i.tension||"monotone"===i.cubicInterpolationMode)&&!i.stepped&&!this._pointsUpdated){const s=i.spanGaps?this._loop:this._fullLoop;hi(this._points,i,t,s,e),this._pointsUpdated=!0}}set points(t){this._points=t,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=zi(this,this.options.segment))}first(){const t=this.segments,e=this.points;return t.length&&e[t[0].start]}last(){const t=this.segments,e=this.points,i=t.length;return i&&e[t[i-1].end]}interpolate(t,e){const i=this.options,s=t[e],n=this.points,o=Ii(this,{property:e,start:s,end:s});if(!o.length)return;const a=[],r=function(t){return t.stepped?pi:t.tension||"monotone"===t.cubicInterpolationMode?mi:gi}(i);let l,h;for(l=0,h=o.length;l<h;++l){const{start:h,end:c}=o[l],d=n[h],u=n[c];if(d===u){a.push(d);continue}const f=r(d,u,Math.abs((s-d[e])/(u[e]-d[e])),i.stepped);f[e]=t[e],a.push(f)}return 1===a.length?a[0]:a}pathSegment(t,e,i){return eo(this)(t,this,e,i)}path(t,e,i){const s=this.segments,n=eo(this);let o=this._loop;e=e||0,i=i||this.points.length-e;for(const a of s)o&=n(t,this,a,{start:e,end:e+i-1});return!!o}draw(t,e,i,s){const n=this.options||{};(this.points||[]).length&&n.borderWidth&&(t.save(),so(t,this,i,s),t.restore()),this.animated&&(this._pointsUpdated=!1,this._path=void 0)}}function oo(t,e,i,s){const n=t.options,{[i]:o}=t.getProps([i],s);return Math.abs(e-o)<n.radius+n.hitRadius}function ao(t,e){const{x:i,y:s,base:n,width:o,height:a}=t.getProps(["x","y","base","width","height"],e);let r,l,h,c,d;return t.horizontal?(d=a/2,r=Math.min(i,n),l=Math.max(i,n),h=s-d,c=s+d):(d=o/2,r=i-d,l=i+d,h=Math.min(s,n),c=Math.max(s,n)),{left:r,top:h,right:l,bottom:c}}function ro(t,e,i,s){return t?0:J(e,i,s)}function lo(t){const e=ao(t),i=e.right-e.left,s=e.bottom-e.top,n=function(t,e,i){const s=t.options.borderWidth,n=t.borderSkipped,o=Mi(s);return{t:ro(n.top,o.top,0,i),r:ro(n.right,o.right,0,e),b:ro(n.bottom,o.bottom,0,i),l:ro(n.left,o.left,0,e)}}(t,i/2,s/2),a=function(t,e,i){const{enableBorderRadius:s}=t.getProps(["enableBorderRadius"]),n=t.options.borderRadius,a=wi(n),r=Math.min(e,i),l=t.borderSkipped,h=s||o(n);return{topLeft:ro(!h||l.top||l.left,a.topLeft,0,r),topRight:ro(!h||l.top||l.right,a.topRight,0,r),bottomLeft:ro(!h||l.bottom||l.left,a.bottomLeft,0,r),bottomRight:ro(!h||l.bottom||l.right,a.bottomRight,0,r)}}(t,i/2,s/2);return{outer:{x:e.left,y:e.top,w:i,h:s,radius:a},inner:{x:e.left+n.l,y:e.top+n.t,w:i-n.l-n.r,h:s-n.t-n.b,radius:{topLeft:Math.max(0,a.topLeft-Math.max(n.t,n.l)),topRight:Math.max(0,a.topRight-Math.max(n.t,n.r)),bottomLeft:Math.max(0,a.bottomLeft-Math.max(n.b,n.l)),bottomRight:Math.max(0,a.bottomRight-Math.max(n.b,n.r))}}}}function ho(t,e,i,s){const n=null===e,o=null===i,a=t&&!(n&&o)&&ao(t,s);return a&&(n||tt(e,a.left,a.right))&&(o||tt(i,a.top,a.bottom))}function co(t,e){t.rect(e.x,e.y,e.w,e.h)}function uo(t,e,i={}){const s=t.x!==i.x?-e:0,n=t.y!==i.y?-e:0,o=(t.x+t.w!==i.x+i.w?e:0)-s,a=(t.y+t.h!==i.y+i.h?e:0)-n;return{x:t.x+s,y:t.y+n,w:t.w+o,h:t.h+a,radius:t.radius}}var fo=Object.freeze({__proto__:null,ArcElement:class extends Hs{static id="arc";static defaults={borderAlign:"center",borderColor:"#fff",borderDash:[],borderDashOffset:0,borderJoinStyle:void 0,borderRadius:0,borderWidth:2,offset:0,spacing:0,angle:void 0,circular:!0};static defaultRoutes={backgroundColor:"backgroundColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t};circumference;endAngle;fullCircles;innerRadius;outerRadius;pixelMargin;startAngle;constructor(t){super(),this.options=void 0,this.circumference=void 0,this.startAngle=void 0,this.endAngle=void 0,this.innerRadius=void 0,this.outerRadius=void 0,this.pixelMargin=0,this.fullCircles=0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.getProps(["x","y"],i),{angle:n,distance:o}=X(s,{x:t,y:e}),{startAngle:a,endAngle:r,innerRadius:h,outerRadius:c,circumference:d}=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],i),u=(this.options.spacing+this.options.borderWidth)/2,f=l(d,r-a),g=Z(n,a,r)&&a!==r,p=f>=O||g,m=tt(o,h+u,c+u);return p&&m}getCenterPoint(t){const{x:e,y:i,startAngle:s,endAngle:n,innerRadius:o,outerRadius:a}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),{offset:r,spacing:l}=this.options,h=(s+n)/2,c=(o+a+l+r)/2;return{x:e+Math.cos(h)*c,y:i+Math.sin(h)*c}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const{options:e,circumference:i}=this,s=(e.offset||0)/4,n=(e.spacing||0)/2,o=e.circular;if(this.pixelMargin="inner"===e.borderAlign?.33:0,this.fullCircles=i>O?Math.floor(i/O):0,0===i||this.innerRadius<0||this.outerRadius<0)return;t.save();const a=(this.startAngle+this.endAngle)/2;t.translate(Math.cos(a)*s,Math.sin(a)*s);const r=s*(1-Math.sin(Math.min(C,i||0)));t.fillStyle=e.backgroundColor,t.strokeStyle=e.borderColor,function(t,e,i,s,n){const{fullCircles:o,startAngle:a,circumference:r}=e;let l=e.endAngle;if(o){qn(t,e,i,s,l,n);for(let e=0;e<o;++e)t.fill();isNaN(r)||(l=a+(r%O||O))}qn(t,e,i,s,l,n),t.fill()}(t,this,r,n,o),Kn(t,this,r,n,o),t.restore()}},BarElement:class extends Hs{static id="bar";static defaults={borderSkipped:"start",borderWidth:0,borderRadius:0,inflateAmount:"auto",pointStyle:void 0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};constructor(t){super(),this.options=void 0,this.horizontal=void 0,this.base=void 0,this.width=void 0,this.height=void 0,this.inflateAmount=void 0,t&&Object.assign(this,t)}draw(t){const{inflateAmount:e,options:{borderColor:i,backgroundColor:s}}=this,{inner:n,outer:o}=lo(this),a=(r=o.radius).topLeft||r.topRight||r.bottomLeft||r.bottomRight?He:co;var r;t.save(),o.w===n.w&&o.h===n.h||(t.beginPath(),a(t,uo(o,e,n)),t.clip(),a(t,uo(n,-e,o)),t.fillStyle=i,t.fill("evenodd")),t.beginPath(),a(t,uo(n,e)),t.fillStyle=s,t.fill(),t.restore()}inRange(t,e,i){return ho(this,t,e,i)}inXRange(t,e){return ho(this,t,null,e)}inYRange(t,e){return ho(this,null,t,e)}getCenterPoint(t){const{x:e,y:i,base:s,horizontal:n}=this.getProps(["x","y","base","horizontal"],t);return{x:n?(e+s)/2:e,y:n?i:(i+s)/2}}getRange(t){return"x"===t?this.width/2:this.height/2}},LineElement:no,PointElement:class extends Hs{static id="point";parsed;skip;stop;static defaults={borderWidth:1,hitRadius:1,hoverBorderWidth:1,hoverRadius:4,pointStyle:"circle",radius:3,rotation:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};constructor(t){super(),this.options=void 0,this.parsed=void 0,this.skip=void 0,this.stop=void 0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.options,{x:n,y:o}=this.getProps(["x","y"],i);return Math.pow(t-n,2)+Math.pow(e-o,2)<Math.pow(s.hitRadius+s.radius,2)}inXRange(t,e){return oo(this,t,"x",e)}inYRange(t,e){return oo(this,t,"y",e)}getCenterPoint(t){const{x:e,y:i}=this.getProps(["x","y"],t);return{x:e,y:i}}size(t){let e=(t=t||this.options||{}).radius||0;e=Math.max(e,e&&t.hoverRadius||0);return 2*(e+(e&&t.borderWidth||0))}draw(t,e){const i=this.options;this.skip||i.radius<.1||!Re(this,e,this.size(i)/2)||(t.strokeStyle=i.borderColor,t.lineWidth=i.borderWidth,t.fillStyle=i.backgroundColor,Le(t,i,this.x,this.y))}getRange(){const t=this.options||{};return t.radius+t.hitRadius}}});function go(t,e,i,s){const n=t.indexOf(e);if(-1===n)return((t,e,i,s)=>("string"==typeof e?(i=t.push(e)-1,s.unshift({index:i,label:e})):isNaN(e)&&(i=null),i))(t,e,i,s);return n!==t.lastIndexOf(e)?i:n}function po(t){const e=this.getLabels();return t>=0&&t<e.length?e[t]:t}function mo(t,e,{horizontal:i,minRotation:s}){const n=$(s),o=(i?Math.sin(n):Math.cos(n))||.001,a=.75*e*(""+t).length;return Math.min(e/o,a)}class xo extends Js{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._endValue=void 0,this._valueRange=0}parse(t,e){return s(t)||("number"==typeof t||t instanceof Number)&&!isFinite(+t)?null:+t}handleTickRangeOptions(){const{beginAtZero:t}=this.options,{minDefined:e,maxDefined:i}=this.getUserBounds();let{min:s,max:n}=this;const o=t=>s=e?s:t,a=t=>n=i?n:t;if(t){const t=F(s),e=F(n);t<0&&e<0?a(0):t>0&&e>0&&o(0)}if(s===n){let e=0===n?1:Math.abs(.05*n);a(n+e),t||o(s-e)}this.min=s,this.max=n}getTickLimit(){const t=this.options.ticks;let e,{maxTicksLimit:i,stepSize:s}=t;return s?(e=Math.ceil(this.max/s)-Math.floor(this.min/s)+1,e>1e3&&(console.warn(`scales.${this.id}.ticks.stepSize: ${s} would result generating up to ${e} ticks. Limiting to 1000.`),e=1e3)):(e=this.computeTickLimit(),i=i||11),i&&(e=Math.min(i,e)),e}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this.options,e=t.ticks;let i=this.getTickLimit();i=Math.max(2,i);const n=function(t,e){const i=[],{bounds:n,step:o,min:a,max:r,precision:l,count:h,maxTicks:c,maxDigits:d,includeBounds:u}=t,f=o||1,g=c-1,{min:p,max:m}=e,x=!s(a),b=!s(r),_=!s(h),y=(m-p)/(d+1);let v,M,w,k,S=B((m-p)/g/f)*f;if(S<1e-14&&!x&&!b)return[{value:p},{value:m}];k=Math.ceil(m/S)-Math.floor(p/S),k>g&&(S=B(k*S/g/f)*f),s(l)||(v=Math.pow(10,l),S=Math.ceil(S*v)/v),"ticks"===n?(M=Math.floor(p/S)*S,w=Math.ceil(m/S)*S):(M=p,w=m),x&&b&&o&&H((r-a)/o,S/1e3)?(k=Math.round(Math.min((r-a)/S,c)),S=(r-a)/k,M=a,w=r):_?(M=x?a:M,w=b?r:w,k=h-1,S=(w-M)/k):(k=(w-M)/S,k=V(k,Math.round(k),S/1e3)?Math.round(k):Math.ceil(k));const P=Math.max(U(S),U(M));v=Math.pow(10,s(l)?P:l),M=Math.round(M*v)/v,w=Math.round(w*v)/v;let D=0;for(x&&(u&&M!==a?(i.push({value:a}),M<a&&D++,V(Math.round((M+D*S)*v)/v,a,mo(a,y,t))&&D++):M<a&&D++);D<k;++D){const t=Math.round((M+D*S)*v)/v;if(b&&t>r)break;i.push({value:t})}return b&&u&&w!==r?i.length&&V(i[i.length-1].value,r,mo(r,y,t))?i[i.length-1].value=r:i.push({value:r}):b&&w!==r||i.push({value:w}),i}({maxTicks:i,bounds:t.bounds,min:t.min,max:t.max,precision:e.precision,step:e.stepSize,count:e.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:e.minRotation||0,includeBounds:!1!==e.includeBounds},this._range||this);return"ticks"===t.bounds&&j(n,this,"value"),t.reverse?(n.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),n}configure(){const t=this.ticks;let e=this.min,i=this.max;if(super.configure(),this.options.offset&&t.length){const s=(i-e)/Math.max(t.length-1,1)/2;e-=s,i+=s}this._startValue=e,this._endValue=i,this._valueRange=i-e}getLabelForValue(t){return ne(t,this.chart.options.locale,this.options.ticks.format)}}class bo extends xo{static id="linear";static defaults={ticks:{callback:ae.formatters.numeric}};determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=a(t)?t:0,this.max=a(e)?e:1,this.handleTickRangeOptions()}computeTickLimit(){const t=this.isHorizontal(),e=t?this.width:this.height,i=$(this.options.ticks.minRotation),s=(t?Math.sin(i):Math.cos(i))||.001,n=this._resolveTickFontOptions(0);return Math.ceil(e/Math.min(40,n.lineHeight/s))}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}const _o=t=>Math.floor(z(t)),yo=(t,e)=>Math.pow(10,_o(t)+e);function vo(t){return 1===t/Math.pow(10,_o(t))}function Mo(t,e,i){const s=Math.pow(10,i),n=Math.floor(t/s);return Math.ceil(e/s)-n}function wo(t,{min:e,max:i}){e=r(t.min,e);const s=[],n=_o(e);let o=function(t,e){let i=_o(e-t);for(;Mo(t,e,i)>10;)i++;for(;Mo(t,e,i)<10;)i--;return Math.min(i,_o(t))}(e,i),a=o<0?Math.pow(10,Math.abs(o)):1;const l=Math.pow(10,o),h=n>o?Math.pow(10,n):0,c=Math.round((e-h)*a)/a,d=Math.floor((e-h)/l/10)*l*10;let u=Math.floor((c-d)/Math.pow(10,o)),f=r(t.min,Math.round((h+d+u*Math.pow(10,o))*a)/a);for(;f<i;)s.push({value:f,major:vo(f),significand:u}),u>=10?u=u<15?15:20:u++,u>=20&&(o++,u=2,a=o>=0?1:a),f=Math.round((h+d+u*Math.pow(10,o))*a)/a;const g=r(t.max,f);return s.push({value:g,major:vo(g),significand:u}),s}class ko extends Js{static id="logarithmic";static defaults={ticks:{callback:ae.formatters.logarithmic,major:{enabled:!0}}};constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){const i=xo.prototype.parse.apply(this,[t,e]);if(0!==i)return a(i)&&i>0?i:null;this._zero=!0}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=a(t)?Math.max(0,t):null,this.max=a(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!a(this._userMin)&&(this.min=t===yo(this.min,0)?yo(this.min,-1):yo(this.min,0)),this.handleTickRangeOptions()}handleTickRangeOptions(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let i=this.min,s=this.max;const n=e=>i=t?i:e,o=t=>s=e?s:t;i===s&&(i<=0?(n(1),o(10)):(n(yo(i,-1)),o(yo(s,1)))),i<=0&&n(yo(s,-1)),s<=0&&o(yo(i,1)),this.min=i,this.max=s}buildTicks(){const t=this.options,e=wo({min:this._userMin,max:this._userMax},this);return"ticks"===t.bounds&&j(e,this,"value"),t.reverse?(e.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),e}getLabelForValue(t){return void 0===t?"0":ne(t,this.chart.options.locale,this.options.ticks.format)}configure(){const t=this.min;super.configure(),this._startValue=z(t),this._valueRange=z(this.max)-z(t)}getPixelForValue(t){return void 0!==t&&0!==t||(t=this.min),null===t||isNaN(t)?NaN:this.getPixelForDecimal(t===this.min?0:(z(t)-this._startValue)/this._valueRange)}getValueForPixel(t){const e=this.getDecimalForPixel(t);return Math.pow(10,this._startValue+e*this._valueRange)}}function So(t){const e=t.ticks;if(e.display&&t.display){const t=ki(e.backdropPadding);return l(e.font&&e.font.size,ue.font.size)+t.height}return 0}function Po(t,e,i,s,n){return t===s||t===n?{start:e-i/2,end:e+i/2}:t<s||t>n?{start:e-i,end:e}:{start:e,end:e+i}}function Do(t){const e={l:t.left+t._padding.left,r:t.right-t._padding.right,t:t.top+t._padding.top,b:t.bottom-t._padding.bottom},i=Object.assign({},e),s=[],o=[],a=t._pointLabels.length,r=t.options.pointLabels,l=r.centerPointLabels?C/a:0;for(let u=0;u<a;u++){const a=r.setContext(t.getPointLabelContext(u));o[u]=a.padding;const f=t.getPointPosition(u,t.drawingArea+o[u],l),g=Si(a.font),p=(h=t.ctx,c=g,d=n(d=t._pointLabels[u])?d:[d],{w:Oe(h,c.string,d),h:d.length*c.lineHeight});s[u]=p;const m=G(t.getIndexAngle(u)+l),x=Math.round(Y(m));Co(i,e,m,Po(x,f.x,p.w,0,180),Po(x,f.y,p.h,90,270))}var h,c,d;t.setCenterPoint(e.l-i.l,i.r-e.r,e.t-i.t,i.b-e.b),t._pointLabelItems=function(t,e,i){const s=[],n=t._pointLabels.length,o=t.options,{centerPointLabels:a,display:r}=o.pointLabels,l={extra:So(o)/2,additionalAngle:a?C/n:0};let h;for(let o=0;o<n;o++){l.padding=i[o],l.size=e[o];const n=Oo(t,o,l);s.push(n),"auto"===r&&(n.visible=Ao(n,h),n.visible&&(h=n))}return s}(t,s,o)}function Co(t,e,i,s,n){const o=Math.abs(Math.sin(i)),a=Math.abs(Math.cos(i));let r=0,l=0;s.start<e.l?(r=(e.l-s.start)/o,t.l=Math.min(t.l,e.l-r)):s.end>e.r&&(r=(s.end-e.r)/o,t.r=Math.max(t.r,e.r+r)),n.start<e.t?(l=(e.t-n.start)/a,t.t=Math.min(t.t,e.t-l)):n.end>e.b&&(l=(n.end-e.b)/a,t.b=Math.max(t.b,e.b+l))}function Oo(t,e,i){const s=t.drawingArea,{extra:n,additionalAngle:o,padding:a,size:r}=i,l=t.getPointPosition(e,s+n+a,o),h=Math.round(Y(G(l.angle+E))),c=function(t,e,i){90===i||270===i?t-=e/2:(i>270||i<90)&&(t-=e);return t}(l.y,r.h,h),d=function(t){if(0===t||180===t)return"center";if(t<180)return"left";return"right"}(h),u=function(t,e,i){"right"===i?t-=e:"center"===i&&(t-=e/2);return t}(l.x,r.w,d);return{visible:!0,x:l.x,y:c,textAlign:d,left:u,top:c,right:u+r.w,bottom:c+r.h}}function Ao(t,e){if(!e)return!0;const{left:i,top:s,right:n,bottom:o}=t;return!(Re({x:i,y:s},e)||Re({x:i,y:o},e)||Re({x:n,y:s},e)||Re({x:n,y:o},e))}function To(t,e,i){const{left:n,top:o,right:a,bottom:r}=i,{backdropColor:l}=e;if(!s(l)){const i=wi(e.borderRadius),s=ki(e.backdropPadding);t.fillStyle=l;const h=n-s.left,c=o-s.top,d=a-n+s.width,u=r-o+s.height;Object.values(i).some((t=>0!==t))?(t.beginPath(),He(t,{x:h,y:c,w:d,h:u,radius:i}),t.fill()):t.fillRect(h,c,d,u)}}function Lo(t,e,i,s){const{ctx:n}=t;if(i)n.arc(t.xCenter,t.yCenter,e,0,O);else{let i=t.getPointPosition(0,e);n.moveTo(i.x,i.y);for(let o=1;o<s;o++)i=t.getPointPosition(o,e),n.lineTo(i.x,i.y)}}class Eo extends xo{static id="radialLinear";static defaults={display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,callback:ae.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:t=>t,padding:5,centerPointLabels:!1}};static defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"};static descriptors={angleLines:{_fallback:"grid"}};constructor(t){super(t),this.xCenter=void 0,this.yCenter=void 0,this.drawingArea=void 0,this._pointLabels=[],this._pointLabelItems=[]}setDimensions(){const t=this._padding=ki(So(this.options)/2),e=this.width=this.maxWidth-t.width,i=this.height=this.maxHeight-t.height;this.xCenter=Math.floor(this.left+e/2+t.left),this.yCenter=Math.floor(this.top+i/2+t.top),this.drawingArea=Math.floor(Math.min(e,i)/2)}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!1);this.min=a(t)&&!isNaN(t)?t:0,this.max=a(e)&&!isNaN(e)?e:0,this.handleTickRangeOptions()}computeTickLimit(){return Math.ceil(this.drawingArea/So(this.options))}generateTickLabels(t){xo.prototype.generateTickLabels.call(this,t),this._pointLabels=this.getLabels().map(((t,e)=>{const i=d(this.options.pointLabels.callback,[t,e],this);return i||0===i?i:""})).filter(((t,e)=>this.chart.getDataVisibility(e)))}fit(){const t=this.options;t.display&&t.pointLabels.display?Do(this):this.setCenterPoint(0,0,0,0)}setCenterPoint(t,e,i,s){this.xCenter+=Math.floor((t-e)/2),this.yCenter+=Math.floor((i-s)/2),this.drawingArea-=Math.min(this.drawingArea/2,Math.max(t,e,i,s))}getIndexAngle(t){return G(t*(O/(this._pointLabels.length||1))+$(this.options.startAngle||0))}getDistanceFromCenterForValue(t){if(s(t))return NaN;const e=this.drawingArea/(this.max-this.min);return this.options.reverse?(this.max-t)*e:(t-this.min)*e}getValueForDistanceFromCenter(t){if(s(t))return NaN;const e=t/(this.drawingArea/(this.max-this.min));return this.options.reverse?this.max-e:this.min+e}getPointLabelContext(t){const e=this._pointLabels||[];if(t>=0&&t<e.length){const i=e[t];return function(t,e,i){return Ci(t,{label:i,index:e,type:"pointLabel"})}(this.getContext(),t,i)}}getPointPosition(t,e,i=0){const s=this.getIndexAngle(t)-E+i;return{x:Math.cos(s)*e+this.xCenter,y:Math.sin(s)*e+this.yCenter,angle:s}}getPointPositionForValue(t,e){return this.getPointPosition(t,this.getDistanceFromCenterForValue(e))}getBasePosition(t){return this.getPointPositionForValue(t||0,this.getBaseValue())}getPointLabelPosition(t){const{left:e,top:i,right:s,bottom:n}=this._pointLabelItems[t];return{left:e,top:i,right:s,bottom:n}}drawBackground(){const{backgroundColor:t,grid:{circular:e}}=this.options;if(t){const i=this.ctx;i.save(),i.beginPath(),Lo(this,this.getDistanceFromCenterForValue(this._endValue),e,this._pointLabels.length),i.closePath(),i.fillStyle=t,i.fill(),i.restore()}}drawGrid(){const t=this.ctx,e=this.options,{angleLines:i,grid:s,border:n}=e,o=this._pointLabels.length;let a,r,l;if(e.pointLabels.display&&function(t,e){const{ctx:i,options:{pointLabels:s}}=t;for(let n=e-1;n>=0;n--){const e=t._pointLabelItems[n];if(!e.visible)continue;const o=s.setContext(t.getPointLabelContext(n));To(i,o,e);const a=Si(o.font),{x:r,y:l,textAlign:h}=e;Ne(i,t._pointLabels[n],r,l+a.lineHeight/2,a,{color:o.color,textAlign:h,textBaseline:"middle"})}}(this,o),s.display&&this.ticks.forEach(((t,e)=>{if(0!==e||0===e&&this.min<0){r=this.getDistanceFromCenterForValue(t.value);const i=this.getContext(e),a=s.setContext(i),l=n.setContext(i);!function(t,e,i,s,n){const o=t.ctx,a=e.circular,{color:r,lineWidth:l}=e;!a&&!s||!r||!l||i<0||(o.save(),o.strokeStyle=r,o.lineWidth=l,o.setLineDash(n.dash||[]),o.lineDashOffset=n.dashOffset,o.beginPath(),Lo(t,i,a,s),o.closePath(),o.stroke(),o.restore())}(this,a,r,o,l)}})),i.display){for(t.save(),a=o-1;a>=0;a--){const s=i.setContext(this.getPointLabelContext(a)),{color:n,lineWidth:o}=s;o&&n&&(t.lineWidth=o,t.strokeStyle=n,t.setLineDash(s.borderDash),t.lineDashOffset=s.borderDashOffset,r=this.getDistanceFromCenterForValue(e.reverse?this.min:this.max),l=this.getPointPosition(a,r),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(l.x,l.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const t=this.ctx,e=this.options,i=e.ticks;if(!i.display)return;const s=this.getIndexAngle(0);let n,o;t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach(((s,a)=>{if(0===a&&this.min>=0&&!e.reverse)return;const r=i.setContext(this.getContext(a)),l=Si(r.font);if(n=this.getDistanceFromCenterForValue(this.ticks[a].value),r.showLabelBackdrop){t.font=l.string,o=t.measureText(s.label).width,t.fillStyle=r.backdropColor;const e=ki(r.backdropPadding);t.fillRect(-o/2-e.left,-n-l.size/2-e.top,o+e.width,l.size+e.height)}Ne(t,s.label,0,-n,l,{color:r.color,strokeColor:r.textStrokeColor,strokeWidth:r.textStrokeWidth})})),t.restore()}drawTitle(){}}const Ro={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},Io=Object.keys(Ro);function zo(t,e){return t-e}function Fo(t,e){if(s(e))return null;const i=t._adapter,{parser:n,round:o,isoWeekday:r}=t._parseOpts;let l=e;return"function"==typeof n&&(l=n(l)),a(l)||(l="string"==typeof n?i.parse(l,n):i.parse(l)),null===l?null:(o&&(l="week"!==o||!N(r)&&!0!==r?i.startOf(l,o):i.startOf(l,"isoWeek",r)),+l)}function Vo(t,e,i,s){const n=Io.length;for(let o=Io.indexOf(t);o<n-1;++o){const t=Ro[Io[o]],n=t.steps?t.steps:Number.MAX_SAFE_INTEGER;if(t.common&&Math.ceil((i-e)/(n*t.size))<=s)return Io[o]}return Io[n-1]}function Bo(t,e,i){if(i){if(i.length){const{lo:s,hi:n}=et(i,e);t[i[s]>=e?i[s]:i[n]]=!0}}else t[e]=!0}function Wo(t,e,i){const s=[],n={},o=e.length;let a,r;for(a=0;a<o;++a)r=e[a],n[r]=a,s.push({value:r,major:!1});return 0!==o&&i?function(t,e,i,s){const n=t._adapter,o=+n.startOf(e[0].value,s),a=e[e.length-1].value;let r,l;for(r=o;r<=a;r=+n.add(r,1,s))l=i[r],l>=0&&(e[l].major=!0);return e}(t,s,n,i):s}class No extends Js{static id="time";static defaults={bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{source:"auto",callback:!1,major:{enabled:!1}}};constructor(t){super(t),this._cache={data:[],labels:[],all:[]},this._unit="day",this._majorUnit=void 0,this._offsets={},this._normalized=!1,this._parseOpts=void 0}init(t,e={}){const i=t.time||(t.time={}),s=this._adapter=new Rn._date(t.adapters.date);s.init(e),b(i.displayFormats,s.formats()),this._parseOpts={parser:i.parser,round:i.round,isoWeekday:i.isoWeekday},super.init(t),this._normalized=e.normalized}parse(t,e){return void 0===t?null:Fo(this,t)}beforeLayout(){super.beforeLayout(),this._cache={data:[],labels:[],all:[]}}determineDataLimits(){const t=this.options,e=this._adapter,i=t.time.unit||"day";let{min:s,max:n,minDefined:o,maxDefined:r}=this.getUserBounds();function l(t){o||isNaN(t.min)||(s=Math.min(s,t.min)),r||isNaN(t.max)||(n=Math.max(n,t.max))}o&&r||(l(this._getLabelBounds()),"ticks"===t.bounds&&"labels"===t.ticks.source||l(this.getMinMax(!1))),s=a(s)&&!isNaN(s)?s:+e.startOf(Date.now(),i),n=a(n)&&!isNaN(n)?n:+e.endOf(Date.now(),i)+1,this.min=Math.min(s,n-1),this.max=Math.max(s+1,n)}_getLabelBounds(){const t=this.getLabelTimestamps();let e=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;return t.length&&(e=t[0],i=t[t.length-1]),{min:e,max:i}}buildTicks(){const t=this.options,e=t.time,i=t.ticks,s="labels"===i.source?this.getLabelTimestamps():this._generate();"ticks"===t.bounds&&s.length&&(this.min=this._userMin||s[0],this.max=this._userMax||s[s.length-1]);const n=this.min,o=nt(s,n,this.max);return this._unit=e.unit||(i.autoSkip?Vo(e.minUnit,this.min,this.max,this._getLabelCapacity(n)):function(t,e,i,s,n){for(let o=Io.length-1;o>=Io.indexOf(i);o--){const i=Io[o];if(Ro[i].common&&t._adapter.diff(n,s,i)>=e-1)return i}return Io[i?Io.indexOf(i):0]}(this,o.length,e.minUnit,this.min,this.max)),this._majorUnit=i.major.enabled&&"year"!==this._unit?function(t){for(let e=Io.indexOf(t)+1,i=Io.length;e<i;++e)if(Ro[Io[e]].common)return Io[e]}(this._unit):void 0,this.initOffsets(s),t.reverse&&o.reverse(),Wo(this,o,this._majorUnit)}afterAutoSkip(){this.options.offsetAfterAutoskip&&this.initOffsets(this.ticks.map((t=>+t.value)))}initOffsets(t=[]){let e,i,s=0,n=0;this.options.offset&&t.length&&(e=this.getDecimalForValue(t[0]),s=1===t.length?1-e:(this.getDecimalForValue(t[1])-e)/2,i=this.getDecimalForValue(t[t.length-1]),n=1===t.length?i:(i-this.getDecimalForValue(t[t.length-2]))/2);const o=t.length<3?.5:.25;s=J(s,0,o),n=J(n,0,o),this._offsets={start:s,end:n,factor:1/(s+1+n)}}_generate(){const t=this._adapter,e=this.min,i=this.max,s=this.options,n=s.time,o=n.unit||Vo(n.minUnit,e,i,this._getLabelCapacity(e)),a=l(s.ticks.stepSize,1),r="week"===o&&n.isoWeekday,h=N(r)||!0===r,c={};let d,u,f=e;if(h&&(f=+t.startOf(f,"isoWeek",r)),f=+t.startOf(f,h?"day":o),t.diff(i,e,o)>1e5*a)throw new Error(e+" and "+i+" are too far apart with stepSize of "+a+" "+o);const g="data"===s.ticks.source&&this.getDataTimestamps();for(d=f,u=0;d<i;d=+t.add(d,a,o),u++)Bo(c,d,g);return d!==i&&"ticks"!==s.bounds&&1!==u||Bo(c,d,g),Object.keys(c).sort(zo).map((t=>+t))}getLabelForValue(t){const e=this._adapter,i=this.options.time;return i.tooltipFormat?e.format(t,i.tooltipFormat):e.format(t,i.displayFormats.datetime)}format(t,e){const i=this.options.time.displayFormats,s=this._unit,n=e||i[s];return this._adapter.format(t,n)}_tickFormatFunction(t,e,i,s){const n=this.options,o=n.ticks.callback;if(o)return d(o,[t,e,i],this);const a=n.time.displayFormats,r=this._unit,l=this._majorUnit,h=r&&a[r],c=l&&a[l],u=i[e],f=l&&c&&u&&u.major;return this._adapter.format(t,s||(f?c:h))}generateTickLabels(t){let e,i,s;for(e=0,i=t.length;e<i;++e)s=t[e],s.label=this._tickFormatFunction(s.value,e,t)}getDecimalForValue(t){return null===t?NaN:(t-this.min)/(this.max-this.min)}getPixelForValue(t){const e=this._offsets,i=this.getDecimalForValue(t);return this.getPixelForDecimal((e.start+i)*e.factor)}getValueForPixel(t){const e=this._offsets,i=this.getDecimalForPixel(t)/e.factor-e.end;return this.min+i*(this.max-this.min)}_getLabelSize(t){const e=this.options.ticks,i=this.ctx.measureText(t).width,s=$(this.isHorizontal()?e.maxRotation:e.minRotation),n=Math.cos(s),o=Math.sin(s),a=this._resolveTickFontOptions(0).size;return{w:i*n+a*o,h:i*o+a*n}}_getLabelCapacity(t){const e=this.options.time,i=e.displayFormats,s=i[e.unit]||i.millisecond,n=this._tickFormatFunction(t,0,Wo(this,[t],this._majorUnit),s),o=this._getLabelSize(n),a=Math.floor(this.isHorizontal()?this.width/o.w:this.height/o.h)-1;return a>0?a:1}getDataTimestamps(){let t,e,i=this._cache.data||[];if(i.length)return i;const s=this.getMatchingVisibleMetas();if(this._normalized&&s.length)return this._cache.data=s[0].controller.getAllParsedValues(this);for(t=0,e=s.length;t<e;++t)i=i.concat(s[t].controller.getAllParsedValues(this));return this._cache.data=this.normalize(i)}getLabelTimestamps(){const t=this._cache.labels||[];let e,i;if(t.length)return t;const s=this.getLabels();for(e=0,i=s.length;e<i;++e)t.push(Fo(this,s[e]));return this._cache.labels=this._normalized?t:this.normalize(t)}normalize(t){return lt(t.sort(zo))}}function Ho(t,e,i){let s,n,o,a,r=0,l=t.length-1;i?(e>=t[r].pos&&e<=t[l].pos&&({lo:r,hi:l}=it(t,"pos",e)),({pos:s,time:o}=t[r]),({pos:n,time:a}=t[l])):(e>=t[r].time&&e<=t[l].time&&({lo:r,hi:l}=it(t,"time",e)),({time:s,pos:o}=t[r]),({time:n,pos:a}=t[l]));const h=n-s;return h?o+(a-o)*(e-s)/h:o}var jo=Object.freeze({__proto__:null,CategoryScale:class extends Js{static id="category";static defaults={ticks:{callback:po}};constructor(t){super(t),this._startValue=void 0,this._valueRange=0,this._addedLabels=[]}init(t){const e=this._addedLabels;if(e.length){const t=this.getLabels();for(const{index:i,label:s}of e)t[i]===s&&t.splice(i,1);this._addedLabels=[]}super.init(t)}parse(t,e){if(s(t))return null;const i=this.getLabels();return((t,e)=>null===t?null:J(Math.round(t),0,e))(e=isFinite(e)&&i[e]===t?e:go(i,t,l(e,t),this._addedLabels),i.length-1)}determineDataLimits(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let{min:i,max:s}=this.getMinMax(!0);"ticks"===this.options.bounds&&(t||(i=0),e||(s=this.getLabels().length-1)),this.min=i,this.max=s}buildTicks(){const t=this.min,e=this.max,i=this.options.offset,s=[];let n=this.getLabels();n=0===t&&e===n.length-1?n:n.slice(t,e+1),this._valueRange=Math.max(n.length-(i?0:1),1),this._startValue=this.min-(i?.5:0);for(let i=t;i<=e;i++)s.push({value:i});return s}getLabelForValue(t){return po.call(this,t)}configure(){super.configure(),this.isHorizontal()||(this._reversePixels=!this._reversePixels)}getPixelForValue(t){return"number"!=typeof t&&(t=this.parse(t)),null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){return Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange)}getBasePixel(){return this.bottom}},LinearScale:bo,LogarithmicScale:ko,RadialLinearScale:Eo,TimeScale:No,TimeSeriesScale:class extends No{static id="timeseries";static defaults=No.defaults;constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){const t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=Ho(e,this.min),this._tableRange=Ho(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],n=[];let o,a,r,l,h;for(o=0,a=t.length;o<a;++o)l=t[o],l>=e&&l<=i&&s.push(l);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(o=0,a=s.length;o<a;++o)h=s[o+1],r=s[o-1],l=s[o],Math.round((h+r)/2)!==l&&n.push({time:l,pos:o/(a-1)});return n}_generate(){const t=this.min,e=this.max;let i=super.getDataTimestamps();return i.includes(t)&&i.length||i.splice(0,0,t),i.includes(e)&&1!==i.length||i.push(e),i.sort(((t,e)=>t-e))}_getTimestampsForTable(){let t=this._cache.all||[];if(t.length)return t;const e=this.getDataTimestamps(),i=this.getLabelTimestamps();return t=e.length&&i.length?this.normalize(e.concat(i)):e.length?e:i,t=this._cache.all=t,t}getDecimalForValue(t){return(Ho(this._table,t)-this._minPos)/this._tableRange}getValueForPixel(t){const e=this._offsets,i=this.getDecimalForPixel(t)/e.factor-e.end;return Ho(this._table,i*this._tableRange+this._minPos,!0)}}});const $o=["rgb(54, 162, 235)","rgb(255, 99, 132)","rgb(255, 159, 64)","rgb(255, 205, 86)","rgb(75, 192, 192)","rgb(153, 102, 255)","rgb(201, 203, 207)"],Yo=$o.map((t=>t.replace("rgb(","rgba(").replace(")",", 0.5)")));function Uo(t){return $o[t%$o.length]}function Xo(t){return Yo[t%Yo.length]}function qo(t){let e=0;return(i,s)=>{const n=t.getDatasetMeta(s).controller;n instanceof jn?e=function(t,e){return t.backgroundColor=t.data.map((()=>Uo(e++))),e}(i,e):n instanceof $n?e=function(t,e){return t.backgroundColor=t.data.map((()=>Xo(e++))),e}(i,e):n&&(e=function(t,e){return t.borderColor=Uo(e),t.backgroundColor=Xo(e),++e}(i,e))}}function Ko(t){let e;for(e in t)if(t[e].borderColor||t[e].backgroundColor)return!0;return!1}var Go={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout(t,e,i){if(!i.enabled)return;const{data:{datasets:s},options:n}=t.config,{elements:o}=n,a=Ko(s)||(r=n)&&(r.borderColor||r.backgroundColor)||o&&Ko(o)||"rgba(0,0,0,0.1)"!==ue.borderColor||"rgba(0,0,0,0.1)"!==ue.backgroundColor;var r;if(!i.forceOverride&&a)return;const l=qo(t);s.forEach(l)}};function Zo(t){if(t._decimated){const e=t._data;delete t._decimated,delete t._data,Object.defineProperty(t,"data",{configurable:!0,enumerable:!0,writable:!0,value:e})}}function Jo(t){t.data.datasets.forEach((t=>{Zo(t)}))}var Qo={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(t,e,i)=>{if(!i.enabled)return void Jo(t);const n=t.width;t.data.datasets.forEach(((e,o)=>{const{_data:a,indexAxis:r}=e,l=t.getDatasetMeta(o),h=a||e.data;if("y"===Pi([r,t.options.indexAxis]))return;if(!l.controller.supportsDecimation)return;const c=t.scales[l.xAxisID];if("linear"!==c.type&&"time"!==c.type)return;if(t.options.parsing)return;let{start:d,count:u}=function(t,e){const i=e.length;let s,n=0;const{iScale:o}=t,{min:a,max:r,minDefined:l,maxDefined:h}=o.getUserBounds();return l&&(n=J(it(e,o.axis,a).lo,0,i-1)),s=h?J(it(e,o.axis,r).hi+1,n,i)-n:i-n,{start:n,count:s}}(l,h);if(u<=(i.threshold||4*n))return void Zo(e);let f;switch(s(a)&&(e._data=h,delete e.data,Object.defineProperty(e,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(t){this._data=t}})),i.algorithm){case"lttb":f=function(t,e,i,s,n){const o=n.samples||s;if(o>=i)return t.slice(e,e+i);const a=[],r=(i-2)/(o-2);let l=0;const h=e+i-1;let c,d,u,f,g,p=e;for(a[l++]=t[p],c=0;c<o-2;c++){let s,n=0,o=0;const h=Math.floor((c+1)*r)+1+e,m=Math.min(Math.floor((c+2)*r)+1,i)+e,x=m-h;for(s=h;s<m;s++)n+=t[s].x,o+=t[s].y;n/=x,o/=x;const b=Math.floor(c*r)+1+e,_=Math.min(Math.floor((c+1)*r)+1,i)+e,{x:y,y:v}=t[p];for(u=f=-1,s=b;s<_;s++)f=.5*Math.abs((y-n)*(t[s].y-v)-(y-t[s].x)*(o-v)),f>u&&(u=f,d=t[s],g=s);a[l++]=d,p=g}return a[l++]=t[h],a}(h,d,u,n,i);break;case"min-max":f=function(t,e,i,n){let o,a,r,l,h,c,d,u,f,g,p=0,m=0;const x=[],b=e+i-1,_=t[e].x,y=t[b].x-_;for(o=e;o<e+i;++o){a=t[o],r=(a.x-_)/y*n,l=a.y;const e=0|r;if(e===h)l<f?(f=l,c=o):l>g&&(g=l,d=o),p=(m*p+a.x)/++m;else{const i=o-1;if(!s(c)&&!s(d)){const e=Math.min(c,d),s=Math.max(c,d);e!==u&&e!==i&&x.push({...t[e],x:p}),s!==u&&s!==i&&x.push({...t[s],x:p})}o>0&&i!==u&&x.push(t[i]),x.push(a),h=e,m=0,f=g=l,c=d=u=o}}return x}(h,d,u,n);break;default:throw new Error(`Unsupported decimation algorithm '${i.algorithm}'`)}e._decimated=f}))},destroy(t){Jo(t)}};function ta(t,e,i,s){if(s)return;let n=e[t],o=i[t];return"angle"===t&&(n=G(n),o=G(o)),{property:t,start:n,end:o}}function ea(t,e,i){for(;e>t;e--){const t=i[e];if(!isNaN(t.x)&&!isNaN(t.y))break}return e}function ia(t,e,i,s){return t&&e?s(t[i],e[i]):t?t[i]:e?e[i]:0}function sa(t,e){let i=[],s=!1;return n(t)?(s=!0,i=t):i=function(t,e){const{x:i=null,y:s=null}=t||{},n=e.points,o=[];return e.segments.forEach((({start:t,end:e})=>{e=ea(t,e,n);const a=n[t],r=n[e];null!==s?(o.push({x:a.x,y:s}),o.push({x:r.x,y:s})):null!==i&&(o.push({x:i,y:a.y}),o.push({x:i,y:r.y}))})),o}(t,e),i.length?new no({points:i,options:{tension:0},_loop:s,_fullLoop:s}):null}function na(t){return t&&!1!==t.fill}function oa(t,e,i){let s=t[e].fill;const n=[e];let o;if(!i)return s;for(;!1!==s&&-1===n.indexOf(s);){if(!a(s))return s;if(o=t[s],!o)return!1;if(o.visible)return s;n.push(s),s=o.fill}return!1}function aa(t,e,i){const s=function(t){const e=t.options,i=e.fill;let s=l(i&&i.target,i);void 0===s&&(s=!!e.backgroundColor);if(!1===s||null===s)return!1;if(!0===s)return"origin";return s}(t);if(o(s))return!isNaN(s.value)&&s;let n=parseFloat(s);return a(n)&&Math.floor(n)===n?function(t,e,i,s){"-"!==t&&"+"!==t||(i=e+i);if(i===e||i<0||i>=s)return!1;return i}(s[0],e,n,i):["origin","start","end","stack","shape"].indexOf(s)>=0&&s}function ra(t,e,i){const s=[];for(let n=0;n<i.length;n++){const o=i[n],{first:a,last:r,point:l}=la(o,e,"x");if(!(!l||a&&r))if(a)s.unshift(l);else if(t.push(l),!r)break}t.push(...s)}function la(t,e,i){const s=t.interpolate(e,i);if(!s)return{};const n=s[i],o=t.segments,a=t.points;let r=!1,l=!1;for(let t=0;t<o.length;t++){const e=o[t],s=a[e.start][i],h=a[e.end][i];if(tt(n,s,h)){r=n===s,l=n===h;break}}return{first:r,last:l,point:s}}class ha{constructor(t){this.x=t.x,this.y=t.y,this.radius=t.radius}pathSegment(t,e,i){const{x:s,y:n,radius:o}=this;return e=e||{start:0,end:O},t.arc(s,n,o,e.end,e.start,!0),!i.bounds}interpolate(t){const{x:e,y:i,radius:s}=this,n=t.angle;return{x:e+Math.cos(n)*s,y:i+Math.sin(n)*s,angle:n}}}function ca(t){const{chart:e,fill:i,line:s}=t;if(a(i))return function(t,e){const i=t.getDatasetMeta(e),s=i&&t.isDatasetVisible(e);return s?i.dataset:null}(e,i);if("stack"===i)return function(t){const{scale:e,index:i,line:s}=t,n=[],o=s.segments,a=s.points,r=function(t,e){const i=[],s=t.getMatchingVisibleMetas("line");for(let t=0;t<s.length;t++){const n=s[t];if(n.index===e)break;n.hidden||i.unshift(n.dataset)}return i}(e,i);r.push(sa({x:null,y:e.bottom},s));for(let t=0;t<o.length;t++){const e=o[t];for(let t=e.start;t<=e.end;t++)ra(n,a[t],r)}return new no({points:n,options:{}})}(t);if("shape"===i)return!0;const n=function(t){const e=t.scale||{};if(e.getPointPositionForValue)return function(t){const{scale:e,fill:i}=t,s=e.options,n=e.getLabels().length,a=s.reverse?e.max:e.min,r=function(t,e,i){let s;return s="start"===t?i:"end"===t?e.options.reverse?e.min:e.max:o(t)?t.value:e.getBaseValue(),s}(i,e,a),l=[];if(s.grid.circular){const t=e.getPointPositionForValue(0,a);return new ha({x:t.x,y:t.y,radius:e.getDistanceFromCenterForValue(r)})}for(let t=0;t<n;++t)l.push(e.getPointPositionForValue(t,r));return l}(t);return function(t){const{scale:e={},fill:i}=t,s=function(t,e){let i=null;return"start"===t?i=e.bottom:"end"===t?i=e.top:o(t)?i=e.getPixelForValue(t.value):e.getBasePixel&&(i=e.getBasePixel()),i}(i,e);if(a(s)){const t=e.isHorizontal();return{x:t?s:null,y:t?null:s}}return null}(t)}(t);return n instanceof ha?n:sa(n,s)}function da(t,e,i){const s=ca(e),{line:n,scale:o,axis:a}=e,r=n.options,l=r.fill,h=r.backgroundColor,{above:c=h,below:d=h}=l||{};s&&n.points.length&&(Ie(t,i),function(t,e){const{line:i,target:s,above:n,below:o,area:a,scale:r}=e,l=i._loop?"angle":e.axis;t.save(),"x"===l&&o!==n&&(ua(t,s,a.top),fa(t,{line:i,target:s,color:n,scale:r,property:l}),t.restore(),t.save(),ua(t,s,a.bottom));fa(t,{line:i,target:s,color:o,scale:r,property:l}),t.restore()}(t,{line:n,target:s,above:c,below:d,area:i,scale:o,axis:a}),ze(t))}function ua(t,e,i){const{segments:s,points:n}=e;let o=!0,a=!1;t.beginPath();for(const r of s){const{start:s,end:l}=r,h=n[s],c=n[ea(s,l,n)];o?(t.moveTo(h.x,h.y),o=!1):(t.lineTo(h.x,i),t.lineTo(h.x,h.y)),a=!!e.pathSegment(t,r,{move:a}),a?t.closePath():t.lineTo(c.x,i)}t.lineTo(e.first().x,i),t.closePath(),t.clip()}function fa(t,e){const{line:i,target:s,property:n,color:o,scale:a}=e,r=function(t,e,i){const s=t.segments,n=t.points,o=e.points,a=[];for(const t of s){let{start:s,end:r}=t;r=ea(s,r,n);const l=ta(i,n[s],n[r],t.loop);if(!e.segments){a.push({source:t,target:l,start:n[s],end:n[r]});continue}const h=Ii(e,l);for(const e of h){const s=ta(i,o[e.start],o[e.end],e.loop),r=Ri(t,n,s);for(const t of r)a.push({source:t,target:e,start:{[i]:ia(l,s,"start",Math.max)},end:{[i]:ia(l,s,"end",Math.min)}})}}return a}(i,s,n);for(const{source:e,target:l,start:h,end:c}of r){const{style:{backgroundColor:r=o}={}}=e,d=!0!==s;t.save(),t.fillStyle=r,ga(t,a,d&&ta(n,h,c)),t.beginPath();const u=!!i.pathSegment(t,e);let f;if(d){u?t.closePath():pa(t,s,c,n);const e=!!s.pathSegment(t,l,{move:u,reverse:!0});f=u&&e,f||pa(t,s,h,n)}t.closePath(),t.fill(f?"evenodd":"nonzero"),t.restore()}}function ga(t,e,i){const{top:s,bottom:n}=e.chart.chartArea,{property:o,start:a,end:r}=i||{};"x"===o&&(t.beginPath(),t.rect(a,s,r-a,n-s),t.clip())}function pa(t,e,i,s){const n=e.interpolate(i,s);n&&t.lineTo(n.x,n.y)}var ma={id:"filler",afterDatasetsUpdate(t,e,i){const s=(t.data.datasets||[]).length,n=[];let o,a,r,l;for(a=0;a<s;++a)o=t.getDatasetMeta(a),r=o.dataset,l=null,r&&r.options&&r instanceof no&&(l={visible:t.isDatasetVisible(a),index:a,fill:aa(r,a,s),chart:t,axis:o.controller.options.indexAxis,scale:o.vScale,line:r}),o.$filler=l,n.push(l);for(a=0;a<s;++a)l=n[a],l&&!1!==l.fill&&(l.fill=oa(n,a,i.propagate))},beforeDraw(t,e,i){const s="beforeDraw"===i.drawTime,n=t.getSortedVisibleDatasetMetas(),o=t.chartArea;for(let e=n.length-1;e>=0;--e){const i=n[e].$filler;i&&(i.line.updateControlPoints(o,i.axis),s&&i.fill&&da(t.ctx,i,o))}},beforeDatasetsDraw(t,e,i){if("beforeDatasetsDraw"!==i.drawTime)return;const s=t.getSortedVisibleDatasetMetas();for(let e=s.length-1;e>=0;--e){const i=s[e].$filler;na(i)&&da(t.ctx,i,t.chartArea)}},beforeDatasetDraw(t,e,i){const s=e.meta.$filler;na(s)&&"beforeDatasetDraw"===i.drawTime&&da(t.ctx,s,t.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}};const xa=(t,e)=>{let{boxHeight:i=e,boxWidth:s=e}=t;return t.usePointStyle&&(i=Math.min(i,e),s=t.pointStyleWidth||Math.min(s,e)),{boxWidth:s,boxHeight:i,itemHeight:Math.max(e,i)}};class ba extends Hs{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const t=this.options.labels||{};let e=d(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter((e=>t.filter(e,this.chart.data)))),t.sort&&(e=e.sort(((e,i)=>t.sort(e,i,this.chart.data)))),this.options.reverse&&e.reverse(),this.legendItems=e}fit(){const{options:t,ctx:e}=this;if(!t.display)return void(this.width=this.height=0);const i=t.labels,s=Si(i.font),n=s.size,o=this._computeTitleHeight(),{boxWidth:a,itemHeight:r}=xa(i,n);let l,h;e.font=s.string,this.isHorizontal()?(l=this.maxWidth,h=this._fitRows(o,n,a,r)+10):(h=this.maxHeight,l=this._fitCols(o,s,a,r)+10),this.width=Math.min(l,t.maxWidth||this.maxWidth),this.height=Math.min(h,t.maxHeight||this.maxHeight)}_fitRows(t,e,i,s){const{ctx:n,maxWidth:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.lineWidths=[0],h=s+a;let c=t;n.textAlign="left",n.textBaseline="middle";let d=-1,u=-h;return this.legendItems.forEach(((t,f)=>{const g=i+e/2+n.measureText(t.text).width;(0===f||l[l.length-1]+g+2*a>o)&&(c+=h,l[l.length-(f>0?0:1)]=0,u+=h,d++),r[f]={left:0,top:u,row:d,width:g,height:s},l[l.length-1]+=g+a})),c}_fitCols(t,e,i,s){const{ctx:n,maxHeight:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.columnSizes=[],h=o-t;let c=a,d=0,u=0,f=0,g=0;return this.legendItems.forEach(((t,o)=>{const{itemWidth:p,itemHeight:m}=function(t,e,i,s,n){const o=function(t,e,i,s){let n=t.text;n&&"string"!=typeof n&&(n=n.reduce(((t,e)=>t.length>e.length?t:e)));return e+i.size/2+s.measureText(n).width}(s,t,e,i),a=function(t,e,i){let s=t;"string"!=typeof e.text&&(s=_a(e,i));return s}(n,s,e.lineHeight);return{itemWidth:o,itemHeight:a}}(i,e,n,t,s);o>0&&u+m+2*a>h&&(c+=d+a,l.push({width:d,height:u}),f+=d+a,g++,d=u=0),r[o]={left:f,top:u,col:g,width:p,height:m},d=Math.max(d,p),u+=m+a})),c+=d,l.push({width:d,height:u}),c}adjustHitBoxes(){if(!this.options.display)return;const t=this._computeTitleHeight(),{legendHitBoxes:e,options:{align:i,labels:{padding:s},rtl:n}}=this,o=Oi(n,this.left,this.width);if(this.isHorizontal()){let n=0,a=ft(i,this.left+s,this.right-this.lineWidths[n]);for(const r of e)n!==r.row&&(n=r.row,a=ft(i,this.left+s,this.right-this.lineWidths[n])),r.top+=this.top+t+s,r.left=o.leftForLtr(o.x(a),r.width),a+=r.width+s}else{let n=0,a=ft(i,this.top+t+s,this.bottom-this.columnSizes[n].height);for(const r of e)r.col!==n&&(n=r.col,a=ft(i,this.top+t+s,this.bottom-this.columnSizes[n].height)),r.top=a,r.left+=this.left+s,r.left=o.leftForLtr(o.x(r.left),r.width),a+=r.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){if(this.options.display){const t=this.ctx;Ie(t,this),this._draw(),ze(t)}}_draw(){const{options:t,columnSizes:e,lineWidths:i,ctx:s}=this,{align:n,labels:o}=t,a=ue.color,r=Oi(t.rtl,this.left,this.width),h=Si(o.font),{padding:c}=o,d=h.size,u=d/2;let f;this.drawTitle(),s.textAlign=r.textAlign("left"),s.textBaseline="middle",s.lineWidth=.5,s.font=h.string;const{boxWidth:g,boxHeight:p,itemHeight:m}=xa(o,d),x=this.isHorizontal(),b=this._computeTitleHeight();f=x?{x:ft(n,this.left+c,this.right-i[0]),y:this.top+c+b,line:0}:{x:this.left+c,y:ft(n,this.top+b+c,this.bottom-e[0].height),line:0},Ai(this.ctx,t.textDirection);const _=m+c;this.legendItems.forEach(((y,v)=>{s.strokeStyle=y.fontColor,s.fillStyle=y.fontColor;const M=s.measureText(y.text).width,w=r.textAlign(y.textAlign||(y.textAlign=o.textAlign)),k=g+u+M;let S=f.x,P=f.y;r.setWidth(this.width),x?v>0&&S+k+c>this.right&&(P=f.y+=_,f.line++,S=f.x=ft(n,this.left+c,this.right-i[f.line])):v>0&&P+_>this.bottom&&(S=f.x=S+e[f.line].width+c,f.line++,P=f.y=ft(n,this.top+b+c,this.bottom-e[f.line].height));if(function(t,e,i){if(isNaN(g)||g<=0||isNaN(p)||p<0)return;s.save();const n=l(i.lineWidth,1);if(s.fillStyle=l(i.fillStyle,a),s.lineCap=l(i.lineCap,"butt"),s.lineDashOffset=l(i.lineDashOffset,0),s.lineJoin=l(i.lineJoin,"miter"),s.lineWidth=n,s.strokeStyle=l(i.strokeStyle,a),s.setLineDash(l(i.lineDash,[])),o.usePointStyle){const a={radius:p*Math.SQRT2/2,pointStyle:i.pointStyle,rotation:i.rotation,borderWidth:n},l=r.xPlus(t,g/2);Ee(s,a,l,e+u,o.pointStyleWidth&&g)}else{const o=e+Math.max((d-p)/2,0),a=r.leftForLtr(t,g),l=wi(i.borderRadius);s.beginPath(),Object.values(l).some((t=>0!==t))?He(s,{x:a,y:o,w:g,h:p,radius:l}):s.rect(a,o,g,p),s.fill(),0!==n&&s.stroke()}s.restore()}(r.x(S),P,y),S=gt(w,S+g+u,x?S+k:this.right,t.rtl),function(t,e,i){Ne(s,i.text,t,e+m/2,h,{strikethrough:i.hidden,textAlign:r.textAlign(i.textAlign)})}(r.x(S),P,y),x)f.x+=k+c;else if("string"!=typeof y.text){const t=h.lineHeight;f.y+=_a(y,t)+c}else f.y+=_})),Ti(this.ctx,t.textDirection)}drawTitle(){const t=this.options,e=t.title,i=Si(e.font),s=ki(e.padding);if(!e.display)return;const n=Oi(t.rtl,this.left,this.width),o=this.ctx,a=e.position,r=i.size/2,l=s.top+r;let h,c=this.left,d=this.width;if(this.isHorizontal())d=Math.max(...this.lineWidths),h=this.top+l,c=ft(t.align,c,this.right-d);else{const e=this.columnSizes.reduce(((t,e)=>Math.max(t,e.height)),0);h=l+ft(t.align,this.top,this.bottom-e-t.labels.padding-this._computeTitleHeight())}const u=ft(a,c,c+d);o.textAlign=n.textAlign(ut(a)),o.textBaseline="middle",o.strokeStyle=e.color,o.fillStyle=e.color,o.font=i.string,Ne(o,e.text,u,h,i)}_computeTitleHeight(){const t=this.options.title,e=Si(t.font),i=ki(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,n;if(tt(t,this.left,this.right)&&tt(e,this.top,this.bottom))for(n=this.legendHitBoxes,i=0;i<n.length;++i)if(s=n[i],tt(t,s.left,s.left+s.width)&&tt(e,s.top,s.top+s.height))return this.legendItems[i];return null}handleEvent(t){const e=this.options;if(!function(t,e){if(("mousemove"===t||"mouseout"===t)&&(e.onHover||e.onLeave))return!0;if(e.onClick&&("click"===t||"mouseup"===t))return!0;return!1}(t.type,e))return;const i=this._getLegendItemAt(t.x,t.y);if("mousemove"===t.type||"mouseout"===t.type){const o=this._hoveredItem,a=(n=i,null!==(s=o)&&null!==n&&s.datasetIndex===n.datasetIndex&&s.index===n.index);o&&!a&&d(e.onLeave,[t,o,this],this),this._hoveredItem=i,i&&!a&&d(e.onHover,[t,i,this],this)}else i&&d(e.onClick,[t,i,this],this);var s,n}}function _a(t,e){return e*(t.text?t.text.length:0)}var ya={id:"legend",_element:ba,start(t,e,i){const s=t.legend=new ba({ctx:t.ctx,options:i,chart:t});as.configure(t,s,i),as.addBox(t,s)},stop(t){as.removeBox(t,t.legend),delete t.legend},beforeUpdate(t,e,i){const s=t.legend;as.configure(t,s,i),s.options=i},afterUpdate(t){const e=t.legend;e.buildLabels(),e.adjustHitBoxes()},afterEvent(t,e){e.replay||t.legend.handleEvent(e.event)},defaults:{display:!0,position:"top",align:"center",fullSize:!0,reverse:!1,weight:1e3,onClick(t,e,i){const s=e.datasetIndex,n=i.chart;n.isDatasetVisible(s)?(n.hide(s),e.hidden=!0):(n.show(s),e.hidden=!1)},onHover:null,onLeave:null,labels:{color:t=>t.chart.options.color,boxWidth:40,padding:10,generateLabels(t){const e=t.data.datasets,{labels:{usePointStyle:i,pointStyle:s,textAlign:n,color:o,useBorderRadius:a,borderRadius:r}}=t.legend.options;return t._getSortedDatasetMetas().map((t=>{const l=t.controller.getStyle(i?0:void 0),h=ki(l.borderWidth);return{text:e[t.index].label,fillStyle:l.backgroundColor,fontColor:o,hidden:!t.visible,lineCap:l.borderCapStyle,lineDash:l.borderDash,lineDashOffset:l.borderDashOffset,lineJoin:l.borderJoinStyle,lineWidth:(h.width+h.height)/4,strokeStyle:l.borderColor,pointStyle:s||l.pointStyle,rotation:l.rotation,textAlign:n||l.textAlign,borderRadius:a&&(r||l.borderRadius),datasetIndex:t.index}}),this)}},title:{color:t=>t.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:t=>!t.startsWith("on"),labels:{_scriptable:t=>!["generateLabels","filter","sort"].includes(t)}}};class va extends Hs{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this.options;if(this.left=0,this.top=0,!i.display)return void(this.width=this.height=this.right=this.bottom=0);this.width=this.right=t,this.height=this.bottom=e;const s=n(i.text)?i.text.length:1;this._padding=ki(i.padding);const o=s*Si(i.font).lineHeight+this._padding.height;this.isHorizontal()?this.height=o:this.width=o}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:s,right:n,options:o}=this,a=o.align;let r,l,h,c=0;return this.isHorizontal()?(l=ft(a,i,n),h=e+t,r=n-i):("left"===o.position?(l=i+t,h=ft(a,s,e),c=-.5*C):(l=n-t,h=ft(a,e,s),c=.5*C),r=s-e),{titleX:l,titleY:h,maxWidth:r,rotation:c}}draw(){const t=this.ctx,e=this.options;if(!e.display)return;const i=Si(e.font),s=i.lineHeight/2+this._padding.top,{titleX:n,titleY:o,maxWidth:a,rotation:r}=this._drawArgs(s);Ne(t,e.text,0,0,i,{color:e.color,maxWidth:a,rotation:r,textAlign:ut(e.align),textBaseline:"middle",translation:[n,o]})}}var Ma={id:"title",_element:va,start(t,e,i){!function(t,e){const i=new va({ctx:t.ctx,options:e,chart:t});as.configure(t,i,e),as.addBox(t,i),t.titleBlock=i}(t,i)},stop(t){const e=t.titleBlock;as.removeBox(t,e),delete t.titleBlock},beforeUpdate(t,e,i){const s=t.titleBlock;as.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const wa=new WeakMap;var ka={id:"subtitle",start(t,e,i){const s=new va({ctx:t.ctx,options:i,chart:t});as.configure(t,s,i),as.addBox(t,s),wa.set(t,s)},stop(t){as.removeBox(t,wa.get(t)),wa.delete(t)},beforeUpdate(t,e,i){const s=wa.get(t);as.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Sa={average(t){if(!t.length)return!1;let e,i,s=new Set,n=0,o=0;for(e=0,i=t.length;e<i;++e){const i=t[e].element;if(i&&i.hasValue()){const t=i.tooltipPosition();s.add(t.x),n+=t.y,++o}}if(0===o||0===s.size)return!1;return{x:[...s].reduce(((t,e)=>t+e))/s.size,y:n/o}},nearest(t,e){if(!t.length)return!1;let i,s,n,o=e.x,a=e.y,r=Number.POSITIVE_INFINITY;for(i=0,s=t.length;i<s;++i){const s=t[i].element;if(s&&s.hasValue()){const t=q(e,s.getCenterPoint());t<r&&(r=t,n=s)}}if(n){const t=n.tooltipPosition();o=t.x,a=t.y}return{x:o,y:a}}};function Pa(t,e){return e&&(n(e)?Array.prototype.push.apply(t,e):t.push(e)),t}function Da(t){return("string"==typeof t||t instanceof String)&&t.indexOf("\n")>-1?t.split("\n"):t}function Ca(t,e){const{element:i,datasetIndex:s,index:n}=e,o=t.getDatasetMeta(s).controller,{label:a,value:r}=o.getLabelAndValue(n);return{chart:t,label:a,parsed:o.getParsed(n),raw:t.data.datasets[s].data[n],formattedValue:r,dataset:o.getDataset(),dataIndex:n,datasetIndex:s,element:i}}function Oa(t,e){const i=t.chart.ctx,{body:s,footer:n,title:o}=t,{boxWidth:a,boxHeight:r}=e,l=Si(e.bodyFont),h=Si(e.titleFont),c=Si(e.footerFont),d=o.length,f=n.length,g=s.length,p=ki(e.padding);let m=p.height,x=0,b=s.reduce(((t,e)=>t+e.before.length+e.lines.length+e.after.length),0);if(b+=t.beforeBody.length+t.afterBody.length,d&&(m+=d*h.lineHeight+(d-1)*e.titleSpacing+e.titleMarginBottom),b){m+=g*(e.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(b-g)*l.lineHeight+(b-1)*e.bodySpacing}f&&(m+=e.footerMarginTop+f*c.lineHeight+(f-1)*e.footerSpacing);let _=0;const y=function(t){x=Math.max(x,i.measureText(t).width+_)};return i.save(),i.font=h.string,u(t.title,y),i.font=l.string,u(t.beforeBody.concat(t.afterBody),y),_=e.displayColors?a+2+e.boxPadding:0,u(s,(t=>{u(t.before,y),u(t.lines,y),u(t.after,y)})),_=0,i.font=c.string,u(t.footer,y),i.restore(),x+=p.width,{width:x,height:m}}function Aa(t,e,i,s){const{x:n,width:o}=i,{width:a,chartArea:{left:r,right:l}}=t;let h="center";return"center"===s?h=n<=(r+l)/2?"left":"right":n<=o/2?h="left":n>=a-o/2&&(h="right"),function(t,e,i,s){const{x:n,width:o}=s,a=i.caretSize+i.caretPadding;return"left"===t&&n+o+a>e.width||"right"===t&&n-o-a<0||void 0}(h,t,e,i)&&(h="center"),h}function Ta(t,e,i){const s=i.yAlign||e.yAlign||function(t,e){const{y:i,height:s}=e;return i<s/2?"top":i>t.height-s/2?"bottom":"center"}(t,i);return{xAlign:i.xAlign||e.xAlign||Aa(t,e,i,s),yAlign:s}}function La(t,e,i,s){const{caretSize:n,caretPadding:o,cornerRadius:a}=t,{xAlign:r,yAlign:l}=i,h=n+o,{topLeft:c,topRight:d,bottomLeft:u,bottomRight:f}=wi(a);let g=function(t,e){let{x:i,width:s}=t;return"right"===e?i-=s:"center"===e&&(i-=s/2),i}(e,r);const p=function(t,e,i){let{y:s,height:n}=t;return"top"===e?s+=i:s-="bottom"===e?n+i:n/2,s}(e,l,h);return"center"===l?"left"===r?g+=h:"right"===r&&(g-=h):"left"===r?g-=Math.max(c,u)+n:"right"===r&&(g+=Math.max(d,f)+n),{x:J(g,0,s.width-e.width),y:J(p,0,s.height-e.height)}}function Ea(t,e,i){const s=ki(i.padding);return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-s.right:t.x+s.left}function Ra(t){return Pa([],Da(t))}function Ia(t,e){const i=e&&e.dataset&&e.dataset.tooltip&&e.dataset.tooltip.callbacks;return i?t.override(i):t}const za={beforeTitle:e,title(t){if(t.length>0){const e=t[0],i=e.chart.data.labels,s=i?i.length:0;if(this&&this.options&&"dataset"===this.options.mode)return e.dataset.label||"";if(e.label)return e.label;if(s>0&&e.dataIndex<s)return i[e.dataIndex]}return""},afterTitle:e,beforeBody:e,beforeLabel:e,label(t){if(this&&this.options&&"dataset"===this.options.mode)return t.label+": "+t.formattedValue||t.formattedValue;let e=t.dataset.label||"";e&&(e+=": ");const i=t.formattedValue;return s(i)||(e+=i),e},labelColor(t){const e=t.chart.getDatasetMeta(t.datasetIndex).controller.getStyle(t.dataIndex);return{borderColor:e.borderColor,backgroundColor:e.backgroundColor,borderWidth:e.borderWidth,borderDash:e.borderDash,borderDashOffset:e.borderDashOffset,borderRadius:0}},labelTextColor(){return this.options.bodyColor},labelPointStyle(t){const e=t.chart.getDatasetMeta(t.datasetIndex).controller.getStyle(t.dataIndex);return{pointStyle:e.pointStyle,rotation:e.rotation}},afterLabel:e,afterBody:e,beforeFooter:e,footer:e,afterFooter:e};function Fa(t,e,i,s){const n=t[e].call(i,s);return void 0===n?za[e].call(i,s):n}class Va extends Hs{static positioners=Sa;constructor(t){super(),this.opacity=0,this._active=[],this._eventPosition=void 0,this._size=void 0,this._cachedAnimations=void 0,this._tooltipItems=[],this.$animations=void 0,this.$context=void 0,this.chart=t.chart,this.options=t.options,this.dataPoints=void 0,this.title=void 0,this.beforeBody=void 0,this.body=void 0,this.afterBody=void 0,this.footer=void 0,this.xAlign=void 0,this.yAlign=void 0,this.x=void 0,this.y=void 0,this.height=void 0,this.width=void 0,this.caretX=void 0,this.caretY=void 0,this.labelColors=void 0,this.labelPointStyles=void 0,this.labelTextColors=void 0}initialize(t){this.options=t,this._cachedAnimations=void 0,this.$context=void 0}_resolveAnimations(){const t=this._cachedAnimations;if(t)return t;const e=this.chart,i=this.options.setContext(this.getContext()),s=i.enabled&&e.options.animation&&i.animations,n=new Os(this.chart,s);return s._cacheable&&(this._cachedAnimations=Object.freeze(n)),n}getContext(){return this.$context||(this.$context=(t=this.chart.getContext(),e=this,i=this._tooltipItems,Ci(t,{tooltip:e,tooltipItems:i,type:"tooltip"})));var t,e,i}getTitle(t,e){const{callbacks:i}=e,s=Fa(i,"beforeTitle",this,t),n=Fa(i,"title",this,t),o=Fa(i,"afterTitle",this,t);let a=[];return a=Pa(a,Da(s)),a=Pa(a,Da(n)),a=Pa(a,Da(o)),a}getBeforeBody(t,e){return Ra(Fa(e.callbacks,"beforeBody",this,t))}getBody(t,e){const{callbacks:i}=e,s=[];return u(t,(t=>{const e={before:[],lines:[],after:[]},n=Ia(i,t);Pa(e.before,Da(Fa(n,"beforeLabel",this,t))),Pa(e.lines,Fa(n,"label",this,t)),Pa(e.after,Da(Fa(n,"afterLabel",this,t))),s.push(e)})),s}getAfterBody(t,e){return Ra(Fa(e.callbacks,"afterBody",this,t))}getFooter(t,e){const{callbacks:i}=e,s=Fa(i,"beforeFooter",this,t),n=Fa(i,"footer",this,t),o=Fa(i,"afterFooter",this,t);let a=[];return a=Pa(a,Da(s)),a=Pa(a,Da(n)),a=Pa(a,Da(o)),a}_createItems(t){const e=this._active,i=this.chart.data,s=[],n=[],o=[];let a,r,l=[];for(a=0,r=e.length;a<r;++a)l.push(Ca(this.chart,e[a]));return t.filter&&(l=l.filter(((e,s,n)=>t.filter(e,s,n,i)))),t.itemSort&&(l=l.sort(((e,s)=>t.itemSort(e,s,i)))),u(l,(e=>{const i=Ia(t.callbacks,e);s.push(Fa(i,"labelColor",this,e)),n.push(Fa(i,"labelPointStyle",this,e)),o.push(Fa(i,"labelTextColor",this,e))})),this.labelColors=s,this.labelPointStyles=n,this.labelTextColors=o,this.dataPoints=l,l}update(t,e){const i=this.options.setContext(this.getContext()),s=this._active;let n,o=[];if(s.length){const t=Sa[i.position].call(this,s,this._eventPosition);o=this._createItems(i),this.title=this.getTitle(o,i),this.beforeBody=this.getBeforeBody(o,i),this.body=this.getBody(o,i),this.afterBody=this.getAfterBody(o,i),this.footer=this.getFooter(o,i);const e=this._size=Oa(this,i),a=Object.assign({},t,e),r=Ta(this.chart,i,a),l=La(i,a,r,this.chart);this.xAlign=r.xAlign,this.yAlign=r.yAlign,n={opacity:1,x:l.x,y:l.y,width:e.width,height:e.height,caretX:t.x,caretY:t.y}}else 0!==this.opacity&&(n={opacity:0});this._tooltipItems=o,this.$context=void 0,n&&this._resolveAnimations().update(this,n),t&&i.external&&i.external.call(this,{chart:this.chart,tooltip:this,replay:e})}drawCaret(t,e,i,s){const n=this.getCaretPosition(t,i,s);e.lineTo(n.x1,n.y1),e.lineTo(n.x2,n.y2),e.lineTo(n.x3,n.y3)}getCaretPosition(t,e,i){const{xAlign:s,yAlign:n}=this,{caretSize:o,cornerRadius:a}=i,{topLeft:r,topRight:l,bottomLeft:h,bottomRight:c}=wi(a),{x:d,y:u}=t,{width:f,height:g}=e;let p,m,x,b,_,y;return"center"===n?(_=u+g/2,"left"===s?(p=d,m=p-o,b=_+o,y=_-o):(p=d+f,m=p+o,b=_-o,y=_+o),x=p):(m="left"===s?d+Math.max(r,h)+o:"right"===s?d+f-Math.max(l,c)-o:this.caretX,"top"===n?(b=u,_=b-o,p=m-o,x=m+o):(b=u+g,_=b+o,p=m+o,x=m-o),y=b),{x1:p,x2:m,x3:x,y1:b,y2:_,y3:y}}drawTitle(t,e,i){const s=this.title,n=s.length;let o,a,r;if(n){const l=Oi(i.rtl,this.x,this.width);for(t.x=Ea(this,i.titleAlign,i),e.textAlign=l.textAlign(i.titleAlign),e.textBaseline="middle",o=Si(i.titleFont),a=i.titleSpacing,e.fillStyle=i.titleColor,e.font=o.string,r=0;r<n;++r)e.fillText(s[r],l.x(t.x),t.y+o.lineHeight/2),t.y+=o.lineHeight+a,r+1===n&&(t.y+=i.titleMarginBottom-a)}}_drawColorBox(t,e,i,s,n){const a=this.labelColors[i],r=this.labelPointStyles[i],{boxHeight:l,boxWidth:h}=n,c=Si(n.bodyFont),d=Ea(this,"left",n),u=s.x(d),f=l<c.lineHeight?(c.lineHeight-l)/2:0,g=e.y+f;if(n.usePointStyle){const e={radius:Math.min(h,l)/2,pointStyle:r.pointStyle,rotation:r.rotation,borderWidth:1},i=s.leftForLtr(u,h)+h/2,o=g+l/2;t.strokeStyle=n.multiKeyBackground,t.fillStyle=n.multiKeyBackground,Le(t,e,i,o),t.strokeStyle=a.borderColor,t.fillStyle=a.backgroundColor,Le(t,e,i,o)}else{t.lineWidth=o(a.borderWidth)?Math.max(...Object.values(a.borderWidth)):a.borderWidth||1,t.strokeStyle=a.borderColor,t.setLineDash(a.borderDash||[]),t.lineDashOffset=a.borderDashOffset||0;const e=s.leftForLtr(u,h),i=s.leftForLtr(s.xPlus(u,1),h-2),r=wi(a.borderRadius);Object.values(r).some((t=>0!==t))?(t.beginPath(),t.fillStyle=n.multiKeyBackground,He(t,{x:e,y:g,w:h,h:l,radius:r}),t.fill(),t.stroke(),t.fillStyle=a.backgroundColor,t.beginPath(),He(t,{x:i,y:g+1,w:h-2,h:l-2,radius:r}),t.fill()):(t.fillStyle=n.multiKeyBackground,t.fillRect(e,g,h,l),t.strokeRect(e,g,h,l),t.fillStyle=a.backgroundColor,t.fillRect(i,g+1,h-2,l-2))}t.fillStyle=this.labelTextColors[i]}drawBody(t,e,i){const{body:s}=this,{bodySpacing:n,bodyAlign:o,displayColors:a,boxHeight:r,boxWidth:l,boxPadding:h}=i,c=Si(i.bodyFont);let d=c.lineHeight,f=0;const g=Oi(i.rtl,this.x,this.width),p=function(i){e.fillText(i,g.x(t.x+f),t.y+d/2),t.y+=d+n},m=g.textAlign(o);let x,b,_,y,v,M,w;for(e.textAlign=o,e.textBaseline="middle",e.font=c.string,t.x=Ea(this,m,i),e.fillStyle=i.bodyColor,u(this.beforeBody,p),f=a&&"right"!==m?"center"===o?l/2+h:l+2+h:0,y=0,M=s.length;y<M;++y){for(x=s[y],b=this.labelTextColors[y],e.fillStyle=b,u(x.before,p),_=x.lines,a&&_.length&&(this._drawColorBox(e,t,y,g,i),d=Math.max(c.lineHeight,r)),v=0,w=_.length;v<w;++v)p(_[v]),d=c.lineHeight;u(x.after,p)}f=0,d=c.lineHeight,u(this.afterBody,p),t.y-=n}drawFooter(t,e,i){const s=this.footer,n=s.length;let o,a;if(n){const r=Oi(i.rtl,this.x,this.width);for(t.x=Ea(this,i.footerAlign,i),t.y+=i.footerMarginTop,e.textAlign=r.textAlign(i.footerAlign),e.textBaseline="middle",o=Si(i.footerFont),e.fillStyle=i.footerColor,e.font=o.string,a=0;a<n;++a)e.fillText(s[a],r.x(t.x),t.y+o.lineHeight/2),t.y+=o.lineHeight+i.footerSpacing}}drawBackground(t,e,i,s){const{xAlign:n,yAlign:o}=this,{x:a,y:r}=t,{width:l,height:h}=i,{topLeft:c,topRight:d,bottomLeft:u,bottomRight:f}=wi(s.cornerRadius);e.fillStyle=s.backgroundColor,e.strokeStyle=s.borderColor,e.lineWidth=s.borderWidth,e.beginPath(),e.moveTo(a+c,r),"top"===o&&this.drawCaret(t,e,i,s),e.lineTo(a+l-d,r),e.quadraticCurveTo(a+l,r,a+l,r+d),"center"===o&&"right"===n&&this.drawCaret(t,e,i,s),e.lineTo(a+l,r+h-f),e.quadraticCurveTo(a+l,r+h,a+l-f,r+h),"bottom"===o&&this.drawCaret(t,e,i,s),e.lineTo(a+u,r+h),e.quadraticCurveTo(a,r+h,a,r+h-u),"center"===o&&"left"===n&&this.drawCaret(t,e,i,s),e.lineTo(a,r+c),e.quadraticCurveTo(a,r,a+c,r),e.closePath(),e.fill(),s.borderWidth>0&&e.stroke()}_updateAnimationTarget(t){const e=this.chart,i=this.$animations,s=i&&i.x,n=i&&i.y;if(s||n){const i=Sa[t.position].call(this,this._active,this._eventPosition);if(!i)return;const o=this._size=Oa(this,t),a=Object.assign({},i,this._size),r=Ta(e,t,a),l=La(t,a,r,e);s._to===l.x&&n._to===l.y||(this.xAlign=r.xAlign,this.yAlign=r.yAlign,this.width=o.width,this.height=o.height,this.caretX=i.x,this.caretY=i.y,this._resolveAnimations().update(this,l))}}_willRender(){return!!this.opacity}draw(t){const e=this.options.setContext(this.getContext());let i=this.opacity;if(!i)return;this._updateAnimationTarget(e);const s={width:this.width,height:this.height},n={x:this.x,y:this.y};i=Math.abs(i)<.001?0:i;const o=ki(e.padding),a=this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length;e.enabled&&a&&(t.save(),t.globalAlpha=i,this.drawBackground(n,t,s,e),Ai(t,e.textDirection),n.y+=o.top,this.drawTitle(n,t,e),this.drawBody(n,t,e),this.drawFooter(n,t,e),Ti(t,e.textDirection),t.restore())}getActiveElements(){return this._active||[]}setActiveElements(t,e){const i=this._active,s=t.map((({datasetIndex:t,index:e})=>{const i=this.chart.getDatasetMeta(t);if(!i)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:i.data[e],index:e}})),n=!f(i,s),o=this._positionChanged(s,e);(n||o)&&(this._active=s,this._eventPosition=e,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(t,e,i=!0){if(e&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;const s=this.options,n=this._active||[],o=this._getActiveElements(t,n,e,i),a=this._positionChanged(o,t),r=e||!f(o,n)||a;return r&&(this._active=o,(s.enabled||s.external)&&(this._eventPosition={x:t.x,y:t.y},this.update(!0,e))),r}_getActiveElements(t,e,i,s){const n=this.options;if("mouseout"===t.type)return[];if(!s)return e.filter((t=>this.chart.data.datasets[t.datasetIndex]&&void 0!==this.chart.getDatasetMeta(t.datasetIndex).controller.getParsed(t.index)));const o=this.chart.getElementsAtEventForMode(t,n.mode,n,i);return n.reverse&&o.reverse(),o}_positionChanged(t,e){const{caretX:i,caretY:s,options:n}=this,o=Sa[n.position].call(this,t,e);return!1!==o&&(i!==o.x||s!==o.y)}}var Ba={id:"tooltip",_element:Va,positioners:Sa,afterInit(t,e,i){i&&(t.tooltip=new Va({chart:t,options:i}))},beforeUpdate(t,e,i){t.tooltip&&t.tooltip.initialize(i)},reset(t,e,i){t.tooltip&&t.tooltip.initialize(i)},afterDraw(t){const e=t.tooltip;if(e&&e._willRender()){const i={tooltip:e};if(!1===t.notifyPlugins("beforeTooltipDraw",{...i,cancelable:!0}))return;e.draw(t.ctx),t.notifyPlugins("afterTooltipDraw",i)}},afterEvent(t,e){if(t.tooltip){const i=e.replay;t.tooltip.handleEvent(e.event,i,e.inChartArea)&&(e.changed=!0)}},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(t,e)=>e.bodyFont.size,boxWidth:(t,e)=>e.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:za},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:t=>"filter"!==t&&"itemSort"!==t&&"external"!==t,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]};return An.register(Yn,jo,fo,t),An.helpers={...Wi},An._adapters=Rn,An.Animation=Cs,An.Animations=Os,An.animator=bt,An.controllers=en.controllers.items,An.DatasetController=Ns,An.Element=Hs,An.elements=fo,An.Interaction=Xi,An.layouts=as,An.platforms=Ss,An.Scale=Js,An.Ticks=ae,Object.assign(An,Yn,jo,fo,t,Ss),An.Chart=An,"undefined"!=typeof window&&(window.Chart=An),An}));
+//# sourceMappingURL=chart.umd.js.map
diff --git a/pkg/mcpapps/vendor/htm-preact-standalone.umd.js b/pkg/mcpapps/vendor/htm-preact-standalone.umd.js
new file mode 100644
index 000000000..51a421097
--- /dev/null
+++ b/pkg/mcpapps/vendor/htm-preact-standalone.umd.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.htmPreact={})}(this,function(e){var n,_,t,o,r,u,l,i={},c=[],f=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s(e,n){for(var _ in n)e[_]=n[_];return e}function a(e){var n=e.parentNode;n&&n.removeChild(e)}function p(e,_,t){var o,r,u,l={};for(u in _)"key"==u?o=_[u]:"ref"==u?r=_[u]:l[u]=_[u];if(arguments.length>2&&(l.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof e&&null!=e.defaultProps)for(u in e.defaultProps)void 0===l[u]&&(l[u]=e.defaultProps[u]);return h(e,l,o,r,null)}function h(e,n,o,r,u){var l={type:e,props:n,key:o,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==u?++t:u};return null!=_.vnode&&_.vnode(l),l}function d(e){return e.children}function v(e,n){this.props=e,this.context=n}function y(e,n){if(null==n)return e.__?y(e.__,e.__.__k.indexOf(e)+1):null;for(var _;n<e.__k.length;n++)if(null!=(_=e.__k[n])&&null!=_.__e)return _.__e;return"function"==typeof e.type?y(e):null}function m(e){var n,_;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,n=0;n<e.__k.length;n++)if(null!=(_=e.__k[n])&&null!=_.__e){e.__e=e.__c.base=_.__e;break}return m(e)}}function g(e){(!e.__d&&(e.__d=!0)&&o.push(e)&&!k.__r++||u!==_.debounceRendering)&&((u=_.debounceRendering)||r)(k)}function k(){for(var e;k.__r=o.length;)e=o.sort(function(e,n){return e.__v.__b-n.__v.__b}),o=[],e.some(function(e){var n,_,t,o,r,u;e.__d&&(r=(o=(n=e).__v).__e,(u=n.__P)&&(_=[],(t=s({},o)).__v=o.__v+1,D(u,o,t,n.__n,void 0!==u.ownerSVGElement,null!=o.__h?[r]:null,_,null==r?y(o):r,o.__h),w(_,o),o.__e!=r&&m(o)))})}function b(e,n,_,t,o,r,u,l,f,s){var a,p,v,m,g,k,b,H=t&&t.__k||c,E=H.length;for(_.__k=[],a=0;a<n.length;a++)if(null!=(m=_.__k[a]=null==(m=n[a])||"boolean"==typeof m?null:"string"==typeof m||"number"==typeof m||"bigint"==typeof m?h(null,m,null,null,m):Array.isArray(m)?h(d,{children:m},null,null,null):m.__b>0?h(m.type,m.props,m.key,null,m.__v):m)){if(m.__=_,m.__b=_.__b+1,null===(v=H[a])||v&&m.key==v.key&&m.type===v.type)H[a]=void 0;else for(p=0;p<E;p++){if((v=H[p])&&m.key==v.key&&m.type===v.type){H[p]=void 0;break}v=null}D(e,m,v=v||i,o,r,u,l,f,s),g=m.__e,(p=m.ref)&&v.ref!=p&&(b||(b=[]),v.ref&&b.push(v.ref,null,m),b.push(p,m.__c||g,m)),null!=g?(null==k&&(k=g),"function"==typeof m.type&&null!=m.__k&&m.__k===v.__k?m.__d=f=C(m,f,e):f=x(e,m,v,H,g,f),s||"option"!==_.type?"function"==typeof _.type&&(_.__d=f):e.value=""):f&&v.__e==f&&f.parentNode!=e&&(f=y(v))}for(_.__e=k,a=E;a--;)null!=H[a]&&("function"==typeof _.type&&null!=H[a].__e&&H[a].__e==_.__d&&(_.__d=y(t,a+1)),A(H[a],H[a]));if(b)for(a=0;a<b.length;a++)U(b[a],b[++a],b[++a])}function C(e,n,_){var t,o;for(t=0;t<e.__k.length;t++)(o=e.__k[t])&&(o.__=e,n="function"==typeof o.type?C(o,n,_):x(_,o,o,e.__k,o.__e,n));return n}function x(e,n,_,t,o,r){var u,l,i;if(void 0!==n.__d)u=n.__d,n.__d=void 0;else if(null==_||o!=r||null==o.parentNode)e:if(null==r||r.parentNode!==e)e.appendChild(o),u=null;else{for(l=r,i=0;(l=l.nextSibling)&&i<t.length;i+=2)if(l==o)break e;e.insertBefore(o,r),u=r}return void 0!==u?u:o.nextSibling}function H(e,n,_){"-"===n[0]?e.setProperty(n,_):e[n]=null==_?"":"number"!=typeof _||f.test(n)?_:_+"px"}function E(e,n,_,t,o){var r;e:if("style"===n)if("string"==typeof _)e.style.cssText=_;else{if("string"==typeof t&&(e.style.cssText=t=""),t)for(n in t)_&&n in _||H(e.style,n,"");if(_)for(n in _)t&&_[n]===t[n]||H(e.style,n,_[n])}else if("o"===n[0]&&"n"===n[1])r=n!==(n=n.replace(/Capture$/,"")),n=n.toLowerCase()in e?n.toLowerCase().slice(2):n.slice(2),e.l||(e.l={}),e.l[n+r]=_,_?t||e.addEventListener(n,r?S:P,r):e.removeEventListener(n,r?S:P,r);else if("dangerouslySetInnerHTML"!==n){if(o)n=n.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==n&&"list"!==n&&"form"!==n&&"tabIndex"!==n&&"download"!==n&&n in e)try{e[n]=null==_?"":_;break e}catch(e){}"function"==typeof _||(null!=_&&(!1!==_||"a"===n[0]&&"r"===n[1])?e.setAttribute(n,_):e.removeAttribute(n))}}function P(e){this.l[e.type+!1](_.event?_.event(e):e)}function S(e){this.l[e.type+!0](_.event?_.event(e):e)}function D(e,n,t,o,r,u,l,i,c){var f,a,p,h,y,m,g,k,C,x,H,E=n.type;if(void 0!==n.constructor)return null;null!=t.__h&&(c=t.__h,i=n.__e=t.__e,n.__h=null,u=[i]),(f=_.__b)&&f(n);try{e:if("function"==typeof E){if(k=n.props,C=(f=E.contextType)&&o[f.__c],x=f?C?C.props.value:f.__:o,t.__c?g=(a=n.__c=t.__c).__=a.__E:("prototype"in E&&E.prototype.render?n.__c=a=new E(k,x):(n.__c=a=new v(k,x),a.constructor=E,a.render=M),C&&C.sub(a),a.props=k,a.state||(a.state={}),a.context=x,a.__n=o,p=a.__d=!0,a.__h=[]),null==a.__s&&(a.__s=a.state),null!=E.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=s({},a.__s)),s(a.__s,E.getDerivedStateFromProps(k,a.__s))),h=a.props,y=a.state,p)null==E.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else{if(null==E.getDerivedStateFromProps&&k!==h&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(k,x),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(k,a.__s,x)||n.__v===t.__v){a.props=k,a.state=a.__s,n.__v!==t.__v&&(a.__d=!1),a.__v=n,n.__e=t.__e,n.__k=t.__k,n.__k.forEach(function(e){e&&(e.__=n)}),a.__h.length&&l.push(a);break e}null!=a.componentWillUpdate&&a.componentWillUpdate(k,a.__s,x),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(h,y,m)})}a.context=x,a.props=k,a.state=a.__s,(f=_.__r)&&f(n),a.__d=!1,a.__v=n,a.__P=e,f=a.render(a.props,a.state,a.context),a.state=a.__s,null!=a.getChildContext&&(o=s(s({},o),a.getChildContext())),p||null==a.getSnapshotBeforeUpdate||(m=a.getSnapshotBeforeUpdate(h,y)),H=null!=f&&f.type===d&&null==f.key?f.props.children:f,b(e,Array.isArray(H)?H:[H],n,t,o,r,u,l,i,c),a.base=n.__e,n.__h=null,a.__h.length&&l.push(a),g&&(a.__E=a.__=null),a.__e=!1}else null==u&&n.__v===t.__v?(n.__k=t.__k,n.__e=t.__e):n.__e=T(t.__e,n,t,o,r,u,l,c);(f=_.diffed)&&f(n)}catch(e){n.__v=null,(c||null!=u)&&(n.__e=i,n.__h=!!c,u[u.indexOf(i)]=null),_.__e(e,n,t)}}function w(e,n){_.__c&&_.__c(n,e),e.some(function(n){try{e=n.__h,n.__h=[],e.some(function(e){e.call(n)})}catch(e){_.__e(e,n.__v)}})}function T(e,_,t,o,r,u,l,c){var f,s,p,h=t.props,d=_.props,v=_.type,m=0;if("svg"===v&&(r=!0),null!=u)for(;m<u.length;m++)if((f=u[m])&&(f===e||(v?f.localName==v:3==f.nodeType))){e=f,u[m]=null;break}if(null==e){if(null===v)return document.createTextNode(d);e=r?document.createElementNS("http://www.w3.org/2000/svg",v):document.createElement(v,d.is&&d),u=null,c=!1}if(null===v)h===d||c&&e.data===d||(e.data=d);else{if(u=u&&n.call(e.childNodes),s=(h=t.props||i).dangerouslySetInnerHTML,p=d.dangerouslySetInnerHTML,!c){if(null!=u)for(h={},m=0;m<e.attributes.length;m++)h[e.attributes[m].name]=e.attributes[m].value;(p||s)&&(p&&(s&&p.__html==s.__html||p.__html===e.innerHTML)||(e.innerHTML=p&&p.__html||""))}if(function(e,n,_,t,o){var r;for(r in _)"children"===r||"key"===r||r in n||E(e,r,null,_[r],t);for(r in n)o&&"function"!=typeof n[r]||"children"===r||"key"===r||"value"===r||"checked"===r||_[r]===n[r]||E(e,r,n[r],_[r],t)}(e,d,h,r,c),p)_.__k=[];else if(m=_.props.children,b(e,Array.isArray(m)?m:[m],_,t,o,r&&"foreignObject"!==v,u,l,u?u[0]:t.__k&&y(t,0),c),null!=u)for(m=u.length;m--;)null!=u[m]&&a(u[m]);c||("value"in d&&void 0!==(m=d.value)&&(m!==e.value||"progress"===v&&!m)&&E(e,"value",m,h.value,!1),"checked"in d&&void 0!==(m=d.checked)&&m!==e.checked&&E(e,"checked",m,h.checked,!1))}return e}function U(e,n,t){try{"function"==typeof e?e(n):e.current=n}catch(e){_.__e(e,t)}}function A(e,n,t){var o,r;if(_.unmount&&_.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||U(o,null,n)),null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(e){_.__e(e,n)}o.base=o.__P=null}if(o=e.__k)for(r=0;r<o.length;r++)o[r]&&A(o[r],n,"function"!=typeof e.type);t||null==e.__e||a(e.__e),e.__e=e.__d=void 0}function M(e,n,_){return this.constructor(e,_)}n=c.slice,_={__e:function(e,n){for(var _,t,o;n=n.__;)if((_=n.__c)&&!_.__)try{if((t=_.constructor)&&null!=t.getDerivedStateFromError&&(_.setState(t.getDerivedStateFromError(e)),o=_.__d),null!=_.componentDidCatch&&(_.componentDidCatch(e),o=_.__d),o)return _.__E=_}catch(n){e=n}throw e}},t=0,v.prototype.setState=function(e,n){var _;_=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s({},this.state),"function"==typeof e&&(e=e(s({},_),this.props)),e&&s(_,e),null!=e&&this.__v&&(n&&this.__h.push(n),g(this))},v.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),g(this))},v.prototype.render=d,o=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,k.__r=0,l=0;var F,L,N,W=0,R=[],I=_.__b,O=_.__r,V=_.diffed,q=_.__c,B=_.unmount;function $(e,n){_.__h&&_.__h(L,e,W||n),W=0;var t=L.__H||(L.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function j(e){return W=1,G(ee,e)}function G(e,n,_){var t=$(F++,2);return t.t=e,t.__c||(t.__=[_?_(n):ee(void 0,n),function(e){var n=t.t(t.__[0],e);t.__[0]!==n&&(t.__=[n,t.__[1]],t.__c.setState({}))}],t.__c=L),t.__}function z(e,n){var t=$(F++,4);!_.__s&&Z(t.__H,n)&&(t.__=e,t.__H=n,L.__h.push(t))}function J(e,n){var _=$(F++,7);return Z(_.__H,n)&&(_.__=e(),_.__H=n,_.__h=e),_.__}function K(){R.forEach(function(e){if(e.__P)try{e.__H.__h.forEach(X),e.__H.__h.forEach(Y),e.__H.__h=[]}catch(n){e.__H.__h=[],_.__e(n,e.__v)}}),R=[]}_.__b=function(e){L=null,I&&I(e)},_.__r=function(e){O&&O(e),F=0;var n=(L=e.__c).__H;n&&(n.__h.forEach(X),n.__h.forEach(Y),n.__h=[])},_.diffed=function(e){V&&V(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==R.push(n)&&N===_.requestAnimationFrame||((N=_.requestAnimationFrame)||function(e){var n,_=function(){clearTimeout(t),Q&&cancelAnimationFrame(n),setTimeout(e)},t=setTimeout(_,100);Q&&(n=requestAnimationFrame(_))})(K)),L=void 0},_.__c=function(e,n){n.some(function(e){try{e.__h.forEach(X),e.__h=e.__h.filter(function(e){return!e.__||Y(e)})}catch(t){n.some(function(e){e.__h&&(e.__h=[])}),n=[],_.__e(t,e.__v)}}),q&&q(e,n)},_.unmount=function(e){B&&B(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(X)}catch(e){_.__e(e,n.__v)}};var Q="function"==typeof requestAnimationFrame;function X(e){var n=L;"function"==typeof e.__c&&e.__c(),L=n}function Y(e){var n=L;e.__c=e.__(),L=n}function Z(e,n){return!e||e.length!==n.length||n.some(function(n,_){return n!==e[_]})}function ee(e,n){return"function"==typeof n?n(e):n}var ne=function(e,n,_,t){var o;n[0]=0;for(var r=1;r<n.length;r++){var u=n[r++],l=n[r]?(n[0]|=u?1:2,_[n[r++]]):n[++r];3===u?t[0]=l:4===u?t[1]=Object.assign(t[1]||{},l):5===u?(t[1]=t[1]||{})[n[++r]]=l:6===u?t[1][n[++r]]+=l+"":u?(o=e.apply(l,ne(e,l,_,["",null])),t.push(o),l[0]?n[0]|=2:(n[r-2]=0,n[r]=o)):t.push(l)}return t},_e=new Map,te=function(e){var n=_e.get(this);return n||(n=new Map,_e.set(this,n)),(n=ne(this,n.get(e)||(n.set(e,n=function(e){for(var n,_,t=1,o="",r="",u=[0],l=function(e){1===t&&(e||(o=o.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?u.push(0,e,o):3===t&&(e||o)?(u.push(3,e,o),t=2):2===t&&"..."===o&&e?u.push(4,e,0):2===t&&o&&!e?u.push(5,0,!0,o):t>=5&&((o||!e&&5===t)&&(u.push(t,0,o,_),t=6),e&&(u.push(t,e,0,_),t=6)),o=""},i=0;i<e.length;i++){i&&(1===t&&l(),l(i));for(var c=0;c<e[i].length;c++)n=e[i][c],1===t?"<"===n?(l(),u=[u],t=3):o+=n:4===t?"--"===o&&">"===n?(t=1,o=""):o=n+o[0]:r?n===r?r="":o+=n:'"'===n||"'"===n?r=n:">"===n?(l(),t=1):t&&("="===n?(t=5,_=o,o=""):"/"===n&&(t<5||">"===e[i][c+1])?(l(),3===t&&(u=u[0]),t=u,(u=u[0]).push(2,0,t),t=0):" "===n||"\t"===n||"\n"===n||"\r"===n?(l(),t=2):o+=n),3===t&&"!--"===o&&(t=4,u=u[0])}return l(),u}(e)),n),arguments,[])).length>1?n:n[0]}.bind(p);e.h=p,e.html=te,e.render=function(e,t,o){var r,u,l;_.__&&_.__(e,t),u=(r="function"==typeof o)?null:o&&o.__k||t.__k,l=[],D(t,e=(!r&&o||t).__k=p(d,null,[e]),u||i,i,void 0!==t.ownerSVGElement,!r&&o?[o]:u?null:t.firstChild?n.call(t.childNodes):null,l,!r&&o?o:u?u.__e:t.firstChild,r),w(l,e)},e.Component=v,e.createContext=function(e,n){var _={__c:n="__cC"+l++,__:e,Consumer:function(e,n){return e.children(n)},Provider:function(e){var _,t;return this.getChildContext||(_=[],(t={})[n]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(e){this.props.value!==e.value&&_.some(g)},this.sub=function(e){_.push(e);var n=e.componentWillUnmount;e.componentWillUnmount=function(){_.splice(_.indexOf(e),1),n&&n.call(e)}}),e.children}};return _.Provider.__=_.Consumer.contextType=_},e.useState=j,e.useReducer=G,e.useEffect=function(e,n){var t=$(F++,3);!_.__s&&Z(t.__H,n)&&(t.__=e,t.__H=n,L.__H.__h.push(t))},e.useLayoutEffect=z,e.useRef=function(e){return W=5,J(function(){return{current:e}},[])},e.useImperativeHandle=function(e,n,_){W=6,z(function(){"function"==typeof e?e(n()):e&&(e.current=n())},null==_?_:_.concat(e))},e.useMemo=J,e.useCallback=function(e,n){return W=8,J(function(){return e},n)},e.useContext=function(e){var n=L.context[e.__c],_=$(F++,9);return _.c=e,n?(null==_.__&&(_.__=!0,n.sub(L)),n.props.value):e.__},e.useDebugValue=function(e,n){_.useDebugValue&&_.useDebugValue(n?n(e):e)},e.useErrorBoundary=function(e){var n=$(F++,10),_=j();return n.__=e,L.componentDidCatch||(L.componentDidCatch=function(e){n.__&&n.__(e),_[1](e)}),[_[0],function(){_[1](void 0)}]}});
diff --git a/pkg/mcpapps/vendor/prism-core.min.js b/pkg/mcpapps/vendor/prism-core.min.js
new file mode 100644
index 000000000..ea490af64
--- /dev/null
+++ b/pkg/mcpapps/vendor/prism-core.min.js
@@ -0,0 +1 @@
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(e){var n=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,r={},a={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof i?new i(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(n,t){var r,i;switch(t=t||{},a.util.type(n)){case"Object":if(i=a.util.objId(n),t[i])return t[i];for(var l in r={},t[i]=r,n)n.hasOwnProperty(l)&&(r[l]=e(n[l],t));return r;case"Array":return i=a.util.objId(n),t[i]?t[i]:(r=[],t[i]=r,n.forEach((function(n,a){r[a]=e(n,t)})),r);default:return n}},getLanguage:function(e){for(;e;){var t=n.exec(e.className);if(t)return t[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,t){e.className=e.className.replace(RegExp(n,"gi"),""),e.classList.add("language-"+t)},currentScript:function(){if("undefined"==typeof document)return null;if(document.currentScript&&"SCRIPT"===document.currentScript.tagName)return document.currentScript;try{throw new Error}catch(r){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack)||[])[1];if(e){var n=document.getElementsByTagName("script");for(var t in n)if(n[t].src==e)return n[t]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{plain:r,plaintext:r,text:r,txt:r,extend:function(e,n){var t=a.util.clone(a.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(e,n,t,r){var i=(r=r||a.languages)[e],l={};for(var o in i)if(i.hasOwnProperty(o)){if(o==n)for(var s in t)t.hasOwnProperty(s)&&(l[s]=t[s]);t.hasOwnProperty(o)||(l[o]=i[o])}var u=r[e];return r[e]=l,a.languages.DFS(a.languages,(function(n,t){t===u&&n!=e&&(this[n]=l)})),l},DFS:function e(n,t,r,i){i=i||{};var l=a.util.objId;for(var o in n)if(n.hasOwnProperty(o)){t.call(n,o,n[o],r||o);var s=n[o],u=a.util.type(s);"Object"!==u||i[l(s)]?"Array"!==u||i[l(s)]||(i[l(s)]=!0,e(s,t,o,i)):(i[l(s)]=!0,e(s,t,null,i))}}},plugins:{},highlightAll:function(e,n){a.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};a.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),a.hooks.run("before-all-elements-highlight",r);for(var i,l=0;i=r.elements[l++];)a.highlightElement(i,!0===n,r.callback)},highlightElement:function(n,t,r){var i=a.util.getLanguage(n),l=a.languages[i];a.util.setLanguage(n,i);var o=n.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&a.util.setLanguage(o,i);var s={element:n,language:i,grammar:l,code:n.textContent};function u(e){s.highlightedCode=e,a.hooks.run("before-insert",s),s.element.innerHTML=s.highlightedCode,a.hooks.run("after-highlight",s),a.hooks.run("complete",s),r&&r.call(s.element)}if(a.hooks.run("before-sanity-check",s),(o=s.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!s.code)return a.hooks.run("complete",s),void(r&&r.call(s.element));if(a.hooks.run("before-highlight",s),s.grammar)if(t&&e.Worker){var c=new Worker(a.filename);c.onmessage=function(e){u(e.data)},c.postMessage(JSON.stringify({language:s.language,code:s.code,immediateClose:!0}))}else u(a.highlight(s.code,s.grammar,s.language));else u(a.util.encode(s.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};if(a.hooks.run("before-tokenize",r),!r.grammar)throw new Error('The language "'+r.language+'" has no grammar.');return r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),i.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new s;return u(a,a.head,e),o(e,a,n,a.head,0),function(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=a.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=a.hooks.all[e];if(t&&t.length)for(var r,i=0;r=t[i++];)r(n)}},Token:i};function i(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function l(e,n,t,r){e.lastIndex=n;var a=e.exec(t);if(a&&r&&a[1]){var i=a[1].length;a.index+=i,a[0]=a[0].slice(i)}return a}function o(e,n,t,r,s,g){for(var f in t)if(t.hasOwnProperty(f)&&t[f]){var h=t[f];h=Array.isArray(h)?h:[h];for(var d=0;d<h.length;++d){if(g&&g.cause==f+","+d)return;var v=h[d],p=v.inside,m=!!v.lookbehind,y=!!v.greedy,k=v.alias;if(y&&!v.pattern.global){var x=v.pattern.toString().match(/[imsuy]*$/)[0];v.pattern=RegExp(v.pattern.source,x+"g")}for(var b=v.pattern||v,w=r.next,A=s;w!==n.tail&&!(g&&A>=g.reach);A+=w.value.length,w=w.next){var P=w.value;if(n.length>e.length)return;if(!(P instanceof i)){var E,S=1;if(y){if(!(E=l(b,A,e,m))||E.index>=e.length)break;var L=E.index,O=E.index+E[0].length,C=A;for(C+=w.value.length;L>=C;)C+=(w=w.next).value.length;if(A=C-=w.value.length,w.value instanceof i)continue;for(var j=w;j!==n.tail&&(C<O||"string"==typeof j.value);j=j.next)S++,C+=j.value.length;S--,P=e.slice(A,C),E.index-=A}else if(!(E=l(b,0,P,m)))continue;L=E.index;var N=E[0],_=P.slice(0,L),M=P.slice(L+N.length),W=A+P.length;g&&W>g.reach&&(g.reach=W);var I=w.prev;if(_&&(I=u(n,I,_),A+=_.length),c(n,I,S),w=u(n,I,new i(f,p?a.tokenize(N,p):N,k,N)),M&&u(n,w,M),S>1){var T={cause:f+","+d,reach:W};o(e,n,t,w.prev,A,T),g&&T.reach>g.reach&&(g.reach=T.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function u(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function c(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;n.next=r,r.prev=n,e.length-=a}if(e.Prism=a,i.stringify=function e(n,t){if("string"==typeof n)return n;if(Array.isArray(n)){var r="";return n.forEach((function(n){r+=e(n,t)})),r}var i={type:n.type,content:e(n.content,t),tag:"span",classes:["token",n.type],attributes:{},language:t},l=n.alias;l&&(Array.isArray(l)?Array.prototype.push.apply(i.classes,l):i.classes.push(l)),a.hooks.run("wrap",i);var o="";for(var s in i.attributes)o+=" "+s+'="'+(i.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+o+">"+i.content+"</"+i.tag+">"},!e.document)return e.addEventListener?(a.disableWorkerMessageHandler||e.addEventListener("message",(function(n){var t=JSON.parse(n.data),r=t.language,i=t.code,l=t.immediateClose;e.postMessage(a.highlight(i,a.languages[r],r)),l&&e.close()}),!1),a):a;var g=a.util.currentScript();function f(){a.manual||a.highlightAll()}if(g&&(a.filename=g.src,g.hasAttribute("data-manual")&&(a.manual=!0)),!a.manual){var h=document.readyState;"loading"===h||"interactive"===h&&g&&g.defer?document.addEventListener("DOMContentLoaded",f):window.requestAnimationFrame?window.requestAnimationFrame(f):window.setTimeout(f,16)}return a}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
\ No newline at end of file
diff --git a/pkg/mcpapps/vendor/prism-yaml.min.js b/pkg/mcpapps/vendor/prism-yaml.min.js
new file mode 100644
index 000000000..5cd16d3d7
--- /dev/null
+++ b/pkg/mcpapps/vendor/prism-yaml.min.js
@@ -0,0 +1 @@
+!function(e){var n=/[*&][^\s[\]{},]+/,r=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,t="(?:"+r.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+r.source+")?)",a="(?:[^\\s\\x00-\\x08\\x0e-\\x1f!\"#%&'*,\\-:>?@[\\]`{|}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*".replace(/<PLAIN>/g,(function(){return"[^\\s\\x00-\\x08\\x0e-\\x1f,[\\]{}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]"})),d="\"(?:[^\"\\\\\r\n]|\\\\.)*\"|'(?:[^'\\\\\r\n]|\\\\.)*'";function o(e,n){n=(n||"").replace(/m/g,"")+"m";var r="([:\\-,[{]\\s*(?:\\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\\]|\\}|(?:[\r\n]\\s*)?#))".replace(/<<prop>>/g,(function(){return t})).replace(/<<value>>/g,(function(){return e}));return RegExp(r,n)}e.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\\S[^\r\n]*(?:\\2[^\r\n]+)*)".replace(/<<prop>>/g,(function(){return t}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\\s*:\\s)".replace(/<<prop>>/g,(function(){return t})).replace(/<<key>>/g,(function(){return"(?:"+a+"|"+d+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?(?:[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?))?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:o("false|true","i"),lookbehind:!0,alias:"important"},null:{pattern:o("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:o(d),lookbehind:!0,greedy:!0},number:{pattern:o("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:r,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(Prism);
\ No newline at end of file
diff --git a/pkg/mcpapps/viewer/app.js b/pkg/mcpapps/viewer/app.js
new file mode 100644
index 000000000..e9709db82
--- /dev/null
+++ b/pkg/mcpapps/viewer/app.js
@@ -0,0 +1,188 @@
+(function() {
+  'use strict';
+
+  var hp = window.htmPreact;
+  var html = hp.html;
+  var render = hp.render;
+  var useState = hp.useState;
+  var useEffect = hp.useEffect;
+  var useRef = hp.useRef;
+
+  var protocol = window.mcpProtocol;
+  var components = window.mcpComponents;
+
+  // Detect Kubernetes YAML from text content.
+  // Some tools prepend "# comment\n" headers for the LLM — skip those before checking.
+  function looksLikeYaml(text) {
+    if (!text) return false;
+    var lines = text.trimStart().split('\n');
+    for (var i = 0; i < lines.length && i < 5; i++) {
+      var line = lines[i].trimStart();
+      if (line === '' || line.charAt(0) === '#') continue;
+      return /^(apiVersion:|kind:|metadata:|---)/.test(line);
+    }
+    return false;
+  }
+
+  // Tool name injected by the server via ViewerHTMLForTool
+  var embeddedToolName = window.__mcpToolName || '';
+
+  // Apply theme to documentElement so CSS light-dark() functions work.
+  function applyTheme(theme) {
+    if (!theme) return;
+    var root = document.documentElement;
+    root.setAttribute('data-theme', theme);
+    root.style.colorScheme = theme;
+  }
+
+  // Apply host-provided CSS custom properties from hostContext.styles.variables.
+  function applyStyleVariables(styles) {
+    if (!styles || !styles.variables) return;
+    var root = document.documentElement;
+    var vars = styles.variables;
+    for (var key in vars) {
+      if (vars.hasOwnProperty(key) && vars[key] != null) {
+        root.style.setProperty(key, vars[key]);
+      }
+    }
+  }
+
+  // Apply all host context styling (theme + variables)
+  function applyHostContext(hostContext) {
+    if (!hostContext) return;
+    applyTheme(hostContext.theme);
+    applyStyleVariables(hostContext.styles);
+  }
+
+  function App() {
+    var stateArr = useState('loading');
+    var state = stateArr[0];
+    var setState = stateArr[1];
+
+    // Use a ref for toolName so the tool-input closure always reads the latest value
+    var toolNameRef = useRef(embeddedToolName);
+
+    var resultArr = useState(null);
+    var result = resultArr[0];
+    var setResult = resultArr[1];
+
+    var errorArr = useState(null);
+    var appError = errorArr[0];
+    var setError = errorArr[1];
+
+    useEffect(function() {
+      // Register notification handlers BEFORE initializing to avoid any timing window
+
+      // Spec-compliant flow: host sends tool-result after calling the tool
+      protocol.onNotification('ui/notifications/tool-result', function(params) {
+        console.log('[mcp-app] tool-result received');
+        setResult(params);
+        setState('result');
+      });
+
+      // Fallback flow: host sends tool-input, viewer calls the tool via serverTools
+      protocol.onNotification('ui/notifications/tool-input', function(params) {
+        var name = toolNameRef.current;
+        console.log('[mcp-app] tool-input received, toolName:', name);
+        if (name) {
+          var args = (params && params.arguments) || {};
+          console.log('[mcp-app] calling tool via serverTools:', name);
+          protocol.sendRequest('tools/call', { name: name, arguments: args }).then(function(callResult) {
+            console.log('[mcp-app] tool call result received');
+            setResult(callResult);
+            setState('result');
+          }).catch(function(err) {
+            console.error('[mcp-app] tool call failed:', err);
+            setError('Tool call failed: ' + (err.message || err));
+            setState('error');
+          });
+        }
+      });
+
+      // Host sends theme/variable updates (spec-compliant hosts)
+      protocol.onNotification('ui/notifications/host-context-changed', function(params) {
+        console.log('[mcp-app] host-context-changed');
+        applyHostContext(params);
+      });
+
+      protocol.initialize().then(function(initResult) {
+        // Apply host theme and CSS variables
+        if (initResult && initResult.hostContext) {
+          applyHostContext(initResult.hostContext);
+        }
+
+        // Prefer hostContext.toolInfo if available (spec-compliant hosts)
+        var name = embeddedToolName;
+        if (initResult && initResult.hostContext && initResult.hostContext.toolInfo && initResult.hostContext.toolInfo.tool) {
+          name = initResult.hostContext.toolInfo.tool.name;
+        }
+        console.log('[mcp-app] initialized, toolName:', name);
+        toolNameRef.current = name;
+        setState('ready');
+
+      }).catch(function(err) {
+        console.error('[mcp-app] initialize error:', err);
+        setError(err.message || 'Failed to initialize');
+        setState('error');
+      });
+    }, []);
+
+    if (state === 'loading') {
+      return html`<p class="status">Initializing...</p>`;
+    }
+    if (state === 'error') {
+      return html`<p class="status">Error: ${appError}</p>`;
+    }
+    if (state === 'ready') {
+      return html`<p class="status">Waiting for tool result...</p>`;
+    }
+
+    // state === 'result'
+    if (!result) {
+      return html`<p class="status">No result received</p>`;
+    }
+
+    // Extract structured content or fall back to text.
+    // The server wraps plain array data in {"items": [...]} because the MCP spec
+    // requires structuredContent to be a JSON object. Unwrap it here, but only
+    // when the object has a single "items" key (plain wrapper). Self-describing
+    // objects like MetricsTable data ({chart, columns, items}) are preserved
+    // intact — the Object.keys check distinguishes between the two cases.
+    var raw = result.structuredContent;
+    var structured = raw;
+    if (raw && raw.items && Array.isArray(raw.items) && Object.keys(raw).length === 1) {
+      structured = raw.items;
+    }
+    var textContent = '';
+    if (result.content && Array.isArray(result.content)) {
+      for (var i = 0; i < result.content.length; i++) {
+        if (result.content[i] && result.content[i].text) {
+          textContent += result.content[i].text;
+        }
+      }
+    }
+
+    // Route to the appropriate view based on data shape
+    if (structured && structured.chart && structured.columns && Array.isArray(structured.items)) {
+      return html`<${components.MetricsTable} data=${structured} />`;
+    }
+
+    // Generic table for any structured array data (list operations)
+    if (structured && Array.isArray(structured) && structured.length > 0 && typeof structured[0] === 'object') {
+      return html`<${components.TableView} data=${structured} />`;
+    }
+
+    // Fallback: try to render structured as JSON, or raw text
+    if (structured) {
+      return html`<${components.GenericView} text=${JSON.stringify(structured, null, 2)} />`;
+    }
+    // Text-only results: detect YAML for syntax highlighting
+    if (looksLikeYaml(textContent)) {
+      return html`<${components.YamlView} text=${textContent} />`;
+    }
+    return html`<${components.GenericView} text=${textContent} />`;
+  }
+
+  // Mount
+  render(html`<${App} />`, document.getElementById('app'));
+})();
diff --git a/pkg/mcpapps/viewer/components.js b/pkg/mcpapps/viewer/components.js
new file mode 100644
index 000000000..00dd5aa8c
--- /dev/null
+++ b/pkg/mcpapps/viewer/components.js
@@ -0,0 +1,266 @@
+(function() {
+  'use strict';
+
+  var hp = window.htmPreact;
+  var html = hp.html;
+  var useState = hp.useState;
+  var useEffect = hp.useEffect;
+  var useMemo = hp.useMemo;
+  var useCallback = hp.useCallback;
+  var useRef = hp.useRef;
+
+  // SortableTable: renders array-of-objects as a sortable HTML table
+  function SortableTable(props) {
+    var data = props.data;
+    var columns = props.columns;
+    var sortState = useState({ col: null, asc: true });
+    var sortCol = sortState[0].col;
+    var sortAsc = sortState[0].asc;
+    var setSort = sortState[1];
+
+    var sorted = useMemo(function() {
+      if (!sortCol || !data) return data;
+      return data.slice().sort(function(a, b) {
+        var av = a[sortCol], bv = b[sortCol];
+        if (av == null) return 1;
+        if (bv == null) return -1;
+        if (typeof av === 'number' && typeof bv === 'number') return sortAsc ? av - bv : bv - av;
+        var sa = String(av), sb = String(bv);
+        return sortAsc ? sa.localeCompare(sb) : sb.localeCompare(sa);
+      });
+    }, [data, sortCol, sortAsc]);
+
+    var handleSort = useCallback(function(col) {
+      setSort(function(prev) {
+        if (prev.col === col) return { col: col, asc: !prev.asc };
+        return { col: col, asc: true };
+      });
+    }, []);
+
+    if (!data || data.length === 0) {
+      return html`<p class="status">No data</p>`;
+    }
+
+    return html`
+      <div class="count">${data.length} item${data.length !== 1 ? 's' : ''}</div>
+      <div class="table-card">
+        <table>
+          <thead>
+            <tr>
+              ${columns.map(function(c) {
+                var arrow = sortCol === c.key ? (sortAsc ? '\u25B2' : '\u25BC') : '';
+                return html`<th key=${c.key} onClick=${function() { handleSort(c.key); }}>
+                  ${c.label}<span class="sort-arrow">${arrow}</span>
+                </th>`;
+              })}
+            </tr>
+          </thead>
+          <tbody>
+            ${sorted.map(function(row, i) {
+              return html`<tr key=${i}>
+                ${columns.map(function(c) {
+                  return html`<td key=${c.key}>${row[c.key] != null ? String(row[c.key]) : ''}</td>`;
+                })}
+              </tr>`;
+            })}
+          </tbody>
+        </table>
+      </div>
+    `;
+  }
+
+  // TableView: generic table for any structured array data
+  // Automatically derives columns from the keys of the first data item.
+  function TableView(props) {
+    var data = props.data;
+    // useMemo must be called unconditionally (rules of hooks)
+    var columns = useMemo(function() {
+      if (!Array.isArray(data) || data.length === 0) return [];
+      var keys = Object.keys(data[0]);
+      return keys.map(function(k) {
+        return { key: k, label: k };
+      });
+    }, [data]);
+    if (!Array.isArray(data) || data.length === 0) {
+      return html`<p class="status">No data found</p>`;
+    }
+    return html`<${SortableTable} data=${data} columns=${columns} />`;
+  }
+
+  // Parse a metric value string into a numeric value based on its unit type.
+  function parseUnit(value, unit) {
+    var raw = String(value || '0');
+    if (unit === 'cpu') {
+      if (raw.endsWith('m')) return parseFloat(raw);
+      if (raw.endsWith('n')) return parseFloat(raw) / 1e6;
+      return parseFloat(raw) * 1000;
+    }
+    if (unit === 'memory') {
+      if (raw.endsWith('Mi')) return parseFloat(raw);
+      if (raw.endsWith('Ki')) return parseFloat(raw) / 1024;
+      if (raw.endsWith('Gi')) return parseFloat(raw) * 1024;
+      return parseFloat(raw) / (1024 * 1024);
+    }
+    return parseFloat(raw) || 0;
+  }
+
+  // Dataset colors used for chart rendering (cycled when more than 2 datasets)
+  var datasetColors = [
+    { bg: 'rgba(59, 130, 246, 0.7)', border: 'rgba(59, 130, 246, 1)' },
+    { bg: 'rgba(16, 185, 129, 0.7)', border: 'rgba(16, 185, 129, 1)' }
+  ];
+
+  // MetricsTable: data-driven metrics chart + table from self-describing structured content
+  function MetricsTable(props) {
+    var data = props.data;
+    var items = data.items;
+    var columns = data.columns;
+    var chartCfg = data.chart;
+    var canvasRef = useRef(null);
+    var chartRef = useRef(null);
+
+    useEffect(function() {
+      if (!items || items.length === 0 || !canvasRef.current || typeof Chart === 'undefined' || !chartCfg) return;
+
+      // Destroy previous chart instance
+      if (chartRef.current) {
+        chartRef.current.destroy();
+        chartRef.current = null;
+      }
+
+      var labelKey = chartCfg.labelKey || 'name';
+      var labels = items.map(function(d) { return d[labelKey] || ''; });
+      var datasets = chartCfg.datasets.map(function(ds, i) {
+        var color = datasetColors[i % datasetColors.length];
+        return {
+          label: ds.label,
+          data: items.map(function(d) { return parseUnit(d[ds.key], ds.unit); }),
+          backgroundColor: color.bg,
+          borderColor: color.border,
+          borderWidth: 1,
+          yAxisID: ds.axis === 'right' ? 'y1' : 'y'
+        };
+      });
+
+      // Detect dark mode from the document's color-scheme (set by applyTheme in app.js)
+      var isDark = document.documentElement.style.colorScheme === 'dark' ||
+        document.documentElement.getAttribute('data-theme') === 'dark';
+      var textColor = isDark ? '#e5e7eb' : '#374151';
+      var gridColor = isDark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
+
+      // Build scales from dataset axis/label descriptors
+      var scales = {
+        x: { ticks: { color: textColor }, grid: { color: gridColor } }
+      };
+      var hasLeft = false, hasRight = false;
+      chartCfg.datasets.forEach(function(ds) {
+        if (ds.axis === 'right' && !hasRight) {
+          hasRight = true;
+          scales.y1 = {
+            type: 'linear', position: 'right',
+            title: { display: true, text: ds.label, color: textColor },
+            beginAtZero: true, ticks: { color: textColor },
+            grid: { drawOnChartArea: false }
+          };
+        } else if (!hasLeft) {
+          hasLeft = true;
+          scales.y = {
+            type: 'linear', position: 'left',
+            title: { display: true, text: ds.label, color: textColor },
+            beginAtZero: true, ticks: { color: textColor },
+            grid: { color: gridColor }
+          };
+        }
+      });
+
+      chartRef.current = new Chart(canvasRef.current, {
+        type: 'bar',
+        data: { labels: labels, datasets: datasets },
+        options: {
+          responsive: true,
+          maintainAspectRatio: false,
+          color: textColor,
+          plugins: {
+            legend: { position: 'top', labels: { color: textColor } }
+          },
+          scales: scales
+        }
+      });
+
+      return function() {
+        if (chartRef.current) {
+          chartRef.current.destroy();
+          chartRef.current = null;
+        }
+      };
+    }, [data]);
+
+    if (!items || items.length === 0) {
+      return html`<p class="status">No metrics data</p>`;
+    }
+    return html`
+      <div class="chart-container">
+        <canvas ref=${canvasRef} height="250"></canvas>
+      </div>
+      <${SortableTable} data=${items} columns=${columns} />
+    `;
+  }
+
+  // GenericView: fallback for unknown tools, shows raw text
+  function GenericView(props) {
+    return html`<pre class="raw">${props.text || 'No content'}</pre>`;
+  }
+
+  // HTML-escape a string for safe insertion into innerHTML.
+  function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+  }
+
+  // Render Prism token stream to HTML with explicit escaping.
+  // Uses Prism.tokenize() instead of Prism.highlight() so we control all
+  // HTML generation — no reliance on Prism's internal encode() for XSS safety.
+  function renderTokens(tokens) {
+    var out = '';
+    for (var i = 0; i < tokens.length; i++) {
+      var token = tokens[i];
+      if (typeof token === 'string') {
+        out += escapeHtml(token);
+      } else {
+        // token.content can be a string, Token[], or a single Token object;
+        // wrap the single-Token case in an array so renderTokens can recurse uniformly.
+        var content = typeof token.content === 'string' ? escapeHtml(token.content) :
+                      Array.isArray(token.content) ? renderTokens(token.content) :
+                      renderTokens([token.content]);
+        var cls = 'token ' + token.type;
+        if (token.alias) {
+          cls += ' ' + (Array.isArray(token.alias) ? token.alias.join(' ') : token.alias);
+        }
+        out += '<span class="' + escapeHtml(cls) + '">' + content + '</span>';
+      }
+    }
+    return out;
+  }
+
+  // YamlView: syntax-highlighted YAML using Prism.js
+  function YamlView(props) {
+    var highlighted = useMemo(function() {
+      if (!props.text || typeof Prism === 'undefined' || !Prism.languages.yaml) return null;
+      var tokens = Prism.tokenize(props.text, Prism.languages.yaml);
+      return renderTokens(tokens);
+    }, [props.text]);
+    if (!highlighted) {
+      return html`<${GenericView} text=${props.text} />`;
+    }
+    return html`<pre class="raw yaml"
+      dangerouslySetInnerHTML=${{ __html: highlighted }} />`;
+  }
+
+  // Expose components
+  window.mcpComponents = {
+    SortableTable: SortableTable,
+    TableView: TableView,
+    MetricsTable: MetricsTable,
+    GenericView: GenericView,
+    YamlView: YamlView
+  };
+})();
diff --git a/pkg/mcpapps/viewer/protocol.js b/pkg/mcpapps/viewer/protocol.js
new file mode 100644
index 000000000..9c1a3b168
--- /dev/null
+++ b/pkg/mcpapps/viewer/protocol.js
@@ -0,0 +1,100 @@
+(function() {
+  'use strict';
+
+  var nextId = 1;
+  var pending = {};
+  var notificationHandlers = {};
+  var requestHandlers = {};
+
+  // Target origin '*' is required: sandboxed iframes have a null origin,
+  // making targeted postMessage impossible. CSS isolation is provided by
+  // the iframe sandbox itself (per MCP Apps spec).
+  function sendMessage(msg) {
+    window.parent.postMessage(msg, '*');
+  }
+
+  function sendRequest(method, params) {
+    var id = nextId++;
+    sendMessage({ jsonrpc: '2.0', id: id, method: method, params: params });
+    return new Promise(function(resolve, reject) {
+      pending[id] = { resolve: resolve, reject: reject };
+    });
+  }
+
+  function sendNotification(method, params) {
+    sendMessage({ jsonrpc: '2.0', method: method, params: params });
+  }
+
+  function onNotification(method, handler) {
+    notificationHandlers[method] = handler;
+  }
+
+  function onRequest(method, handler) {
+    requestHandlers[method] = handler;
+  }
+
+  window.addEventListener('message', function(event) {
+    var msg = event.data;
+    if (!msg || msg.jsonrpc !== '2.0') {
+      console.log('[mcp-protocol] non-jsonrpc message:', typeof msg === 'object' ? JSON.stringify(msg).substring(0, 200) : msg);
+      return;
+    }
+
+    console.log('[mcp-protocol] <<', msg.method || ('response id=' + msg.id), JSON.stringify(msg).substring(0, 500));
+
+    // Response to our request
+    if (msg.id != null && pending[msg.id]) {
+      var p = pending[msg.id];
+      delete pending[msg.id];
+      if (msg.error) p.reject(new Error(msg.error.message));
+      else p.resolve(msg.result);
+      return;
+    }
+
+    // Incoming request (has id + method)
+    if (msg.method && msg.id != null) {
+      console.log('[mcp-protocol] request:', msg.method, 'id=' + msg.id);
+      if (requestHandlers[msg.method]) {
+        var result = requestHandlers[msg.method](msg.params);
+        sendMessage({ jsonrpc: '2.0', id: msg.id, result: result || {} });
+      } else if (msg.method === 'ping') {
+        sendMessage({ jsonrpc: '2.0', id: msg.id, result: {} });
+      } else {
+        console.warn('[mcp-protocol] UNHANDLED request:', msg.method);
+        // Respond with empty result to avoid hanging the host
+        sendMessage({ jsonrpc: '2.0', id: msg.id, result: {} });
+      }
+      return;
+    }
+
+    // Incoming notification (no id)
+    if (msg.method) {
+      if (notificationHandlers[msg.method]) {
+        console.log('[mcp-protocol] dispatching notification:', msg.method);
+        notificationHandlers[msg.method](msg.params);
+      } else {
+        console.warn('[mcp-protocol] UNHANDLED notification:', msg.method, JSON.stringify(msg.params).substring(0, 300));
+      }
+    }
+  });
+
+  function initialize() {
+    return sendRequest('ui/initialize', {
+      appInfo: { name: 'kubernetes-mcp-viewer', version: '1.0.0' },
+      protocolVersion: '2026-01-26',
+      appCapabilities: {},
+    }).then(function(result) {
+      sendNotification('ui/notifications/initialized', {});
+      return result;
+    });
+  }
+
+  // Expose protocol API
+  window.mcpProtocol = {
+    initialize: initialize,
+    onNotification: onNotification,
+    onRequest: onRequest,
+    sendRequest: sendRequest,
+    sendNotification: sendNotification
+  };
+})();
diff --git a/pkg/mcpapps/viewer/style.css b/pkg/mcpapps/viewer/style.css
new file mode 100644
index 000000000..699a760d9
--- /dev/null
+++ b/pkg/mcpapps/viewer/style.css
@@ -0,0 +1,92 @@
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: var(--color-background-primary, light-dark(#ffffff, #1a1a1a));
+  color: var(--color-text-primary, light-dark(#1a1a2e, #e5e7eb));
+  padding: 8px;
+  font-size: 13px;
+  line-height: 1.4;
+}
+.status { color: var(--color-text-secondary, light-dark(#6b7280, #9ca3af)); font-style: italic; }
+/* A. Table card — same visual treatment as chart-container and pre.raw */
+.table-card {
+  background: var(--color-background-secondary, light-dark(#f9fafb, #262626));
+  border-radius: 4px;
+  border: 1px solid var(--color-border-primary, light-dark(#e5e7eb, #374151));
+  overflow: hidden;
+}
+table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+}
+/* C. More generous cell padding */
+th, td {
+  text-align: left;
+  padding: 6px 12px;
+  border-bottom: 1px solid var(--color-border-primary, light-dark(#e5e7eb, #374151));
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/* D. Softer header row — uppercase small text instead of heavy bold */
+th {
+  font-weight: 500;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  cursor: pointer;
+  user-select: none;
+  background: var(--color-background-secondary, light-dark(#f9fafb, #262626));
+  color: var(--color-text-secondary, light-dark(#6b7280, #9ca3af));
+  position: sticky;
+  top: 0;
+}
+th:hover { opacity: 0.8; }
+th .sort-arrow { font-size: 10px; margin-left: 2px; }
+/* Data rows sit on the primary background so they visually break from the
+   secondary-background header/count area above. */
+tbody { background: var(--color-background-primary, light-dark(#ffffff, #1a1a1a)); }
+/* B. Zebra striping — subtle alternating background */
+tr:nth-child(even) td { background: var(--color-background-secondary, light-dark(#f9fafb, #262626)); }
+tr:hover td { background: var(--color-background-hover, light-dark(#f3f4f6, #2a2a2a)); }
+/* Remove bottom border on last row since the card provides the visual boundary */
+tbody tr:last-child td { border-bottom: none; }
+pre.raw {
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  padding: 8px;
+  background: var(--color-background-secondary, light-dark(#f9fafb, #262626));
+  border-radius: 4px;
+  border: 1px solid var(--color-border-primary, light-dark(#e5e7eb, #374151));
+  max-height: 80vh;
+  overflow: auto;
+}
+/* E. Count as a caption above the table card */
+.count {
+  color: var(--color-text-secondary, light-dark(#6b7280, #9ca3af));
+  font-size: 11px;
+  margin-bottom: 4px;
+  text-align: right;
+}
+.chart-container {
+  margin-bottom: 12px;
+  padding: 8px;
+  background: var(--color-background-secondary, light-dark(#f9fafb, #262626));
+  border-radius: 4px;
+  border: 1px solid var(--color-border-primary, light-dark(#e5e7eb, #374151));
+}
+.chart-container canvas {
+  max-height: 250px;
+}
+/* Prism.js YAML syntax highlighting — theme via light-dark() */
+.token.atrule { color: light-dark(#07a, #cc99cd); }
+.token.string, .token.scalar { color: light-dark(#690, #7ec699); }
+.token.number, .token.datetime { color: light-dark(#905, #f08d49); }
+.token.important { color: light-dark(#e90, #f8c555); font-weight: normal; }
+.token.comment { color: light-dark(#708090, #999); font-style: italic; }
+.token.punctuation { color: light-dark(#999, #ccc); }
+.token.tag { color: light-dark(#905, #e2777a); }
diff --git a/pkg/mcpapps/viewer/viewer.html b/pkg/mcpapps/viewer/viewer.html
new file mode 100644
index 000000000..81667fa26
--- /dev/null
+++ b/pkg/mcpapps/viewer/viewer.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Kubernetes MCP Apps Viewer</title>
+<style>
+INJECT_CSS
+</style>
+</head>
+<body>
+<div id="app"><p class="status">Initializing...</p></div>
+
+<!-- Vendored: htm + Preact standalone UMD -->
+<script>INJECT_VENDOR_HTM_PREACT</script>
+
+<!-- Vendored: Chart.js UMD -->
+<script>INJECT_VENDOR_CHART_JS</script>
+
+<!-- Vendored: Prism.js (YAML syntax highlighting) -->
+<script>window.Prism = { manual: true };</script>
+<script>INJECT_VENDOR_PRISM_CORE</script>
+<script>INJECT_VENDOR_PRISM_YAML</script>
+
+<!-- MCP postMessage protocol -->
+<script>
+INJECT_PROTOCOL_JS
+</script>
+
+<!-- Preact components -->
+<script>
+INJECT_COMPONENTS_JS
+</script>
+
+<!-- Tool name injected per-tool by mcpapps.ViewerHTMLForTool -->
+<script>window.__mcpToolName = 'INJECT_TOOL_NAME';</script>
+
+<!-- App root -->
+<script>
+INJECT_APP_JS
+</script>
+</body>
+</html>
diff --git a/pkg/output/output.go b/pkg/output/output.go
index 433584d04..ece18f88f 100644
--- a/pkg/output/output.go
+++ b/pkg/output/output.go
@@ -33,7 +33,7 @@ type Output interface {
 	AsTable() bool
 	// PrintObj prints the given object as a string.
 	PrintObj(obj runtime.Unstructured) (string, error)
-	// PrintObjStructured prints the given object and also extracts structured data.
+	// PrintObjStructured prints the given object and also extracts structured data for MCP Apps UI rendering.
 	PrintObjStructured(obj runtime.Unstructured) (*PrintResult, error)
 }
 
@@ -162,11 +162,13 @@ func tableToStructured(t *metav1.Table) []map[string]any {
 				item[col.Name] = row.Cells[ci]
 			}
 		}
-		// Add namespace from the embedded object metadata if available
-		if row.Object.Object != nil {
-			if u, ok := row.Object.Object.(*unstructured.Unstructured); ok {
-				if ns := u.GetNamespace(); ns != "" {
-					item["Namespace"] = ns
+		// Add namespace from the embedded object metadata if not already present from column definitions
+		if _, hasNS := item["Namespace"]; !hasNS {
+			if row.Object.Object != nil {
+				if u, ok := row.Object.Object.(*unstructured.Unstructured); ok {
+					if ns := u.GetNamespace(); ns != "" {
+						item["Namespace"] = ns
+					}
 				}
 			}
 		}
diff --git a/pkg/output/output_test.go b/pkg/output/output_test.go
index 3a8ff94c3..c71d97276 100644
--- a/pkg/output/output_test.go
+++ b/pkg/output/output_test.go
@@ -188,6 +188,51 @@ func (s *OutputSuite) TestTableToStructured() {
 		_, hasNs := result[0]["Namespace"]
 		s.False(hasNs, "expected no Namespace key for cluster-scoped resource")
 	})
+	s.Run("returns nil for table with no rows", func() {
+		t := &metav1.Table{
+			ColumnDefinitions: []metav1.TableColumnDefinition{{Name: "Name"}},
+		}
+		result := tableToStructured(t)
+		s.Nil(result)
+	})
+	s.Run("does not duplicate Namespace from embedded object when column exists", func() {
+		t := &metav1.Table{
+			ColumnDefinitions: []metav1.TableColumnDefinition{
+				{Name: "Name"},
+				{Name: "Namespace"},
+			},
+			Rows: []metav1.TableRow{{
+				Cells: []any{"my-pod", "from-column"},
+				Object: runtime.RawExtension{
+					Object: &unstructured.Unstructured{Object: map[string]any{
+						"metadata": map[string]any{"namespace": "from-object"},
+					}},
+				},
+			}},
+		}
+		result := tableToStructured(t)
+		s.Require().Len(result, 1)
+		s.Equal("from-column", result[0]["Namespace"], "column value should take precedence over embedded object")
+	})
+	s.Run("adds Namespace from embedded object when no column exists", func() {
+		t := &metav1.Table{
+			ColumnDefinitions: []metav1.TableColumnDefinition{
+				{Name: "Name"},
+			},
+			Rows: []metav1.TableRow{{
+				Cells: []any{"my-pod"},
+				Object: runtime.RawExtension{
+					Object: &unstructured.Unstructured{Object: map[string]any{
+						"metadata": map[string]any{"namespace": "default"},
+					}},
+				},
+			}},
+		}
+		result := tableToStructured(t)
+		s.Require().Len(result, 1)
+		s.Equal("my-pod", result[0]["Name"])
+		s.Equal("default", result[0]["Namespace"])
+	})
 }
 
 func TestOutput(t *testing.T) {
diff --git a/pkg/toolsets/core/namespaces.go b/pkg/toolsets/core/namespaces.go
index 1538cbe0e..c6db75145 100644
--- a/pkg/toolsets/core/namespaces.go
+++ b/pkg/toolsets/core/namespaces.go
@@ -53,7 +53,11 @@ func namespacesList(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
 	if err != nil {
 		return api.NewToolCallResult("", fmt.Errorf("failed to list namespaces: %w", err)), nil
 	}
-	return api.NewToolCallResult(params.ListOutput.PrintObj(ret)), nil
+	result, err := params.ListOutput.PrintObjStructured(ret)
+	if err != nil {
+		return api.NewToolCallResult("", fmt.Errorf("failed to list namespaces: %w", err)), nil
+	}
+	return api.NewToolCallResultFull(result.Text, result.Structured, nil), nil
 }
 
 func projectsList(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
@@ -61,5 +65,9 @@ func projectsList(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
 	if err != nil {
 		return api.NewToolCallResult("", fmt.Errorf("failed to list projects: %w", err)), nil
 	}
-	return api.NewToolCallResult(params.ListOutput.PrintObj(ret)), nil
+	result, err := params.ListOutput.PrintObjStructured(ret)
+	if err != nil {
+		return api.NewToolCallResult("", fmt.Errorf("failed to list projects: %w", err)), nil
+	}
+	return api.NewToolCallResultFull(result.Text, result.Structured, nil), nil
 }
diff --git a/pkg/toolsets/core/nodes.go b/pkg/toolsets/core/nodes.go
index 4c5a3d99e..411ac18a2 100644
--- a/pkg/toolsets/core/nodes.go
+++ b/pkg/toolsets/core/nodes.go
@@ -10,6 +10,7 @@ import (
 	"k8s.io/apimachinery/pkg/api/resource"
 	metav1 "k8s.io/apimachinery/pkg/apis/meta/v1"
 	"k8s.io/kubectl/pkg/metricsutil"
+	"k8s.io/metrics/pkg/apis/metrics"
 	"k8s.io/utils/ptr"
 
 	"github.com/containers/kubernetes-mcp-server/pkg/api"
@@ -177,5 +178,47 @@ func nodesTop(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
 		return api.NewToolCallResult("", fmt.Errorf("failed to print node metrics: %w", err)), nil
 	}
 
-	return api.NewToolCallResult(buf.String(), nil), nil
+	return api.NewToolCallResultFull(buf.String(), extractNodesTopStructured(nodeMetrics, availableResources), nil), nil
+}
+
+func extractNodesTopStructured(nodeMetrics *metrics.NodeMetricsList, available map[string]v1.ResourceList) map[string]any {
+	if nodeMetrics == nil || len(nodeMetrics.Items) == 0 {
+		return nil
+	}
+	items := make([]map[string]any, 0, len(nodeMetrics.Items))
+	for _, nm := range nodeMetrics.Items {
+		cpuUsage := nm.Usage.Cpu().MilliValue()
+		memUsage := nm.Usage.Memory().Value()
+		item := map[string]any{
+			"name":   nm.Name,
+			"cpu":    fmt.Sprintf("%dm", cpuUsage),
+			"memory": fmt.Sprintf("%dMi", memUsage/(1024*1024)),
+		}
+		if res, ok := available[nm.Name]; ok {
+			if allocCPU, ok := res[v1.ResourceCPU]; ok && allocCPU.MilliValue() > 0 {
+				item["cpuPercent"] = fmt.Sprintf("%d%%", cpuUsage*100/allocCPU.MilliValue())
+			}
+			if allocMem, ok := res[v1.ResourceMemory]; ok && allocMem.Value() > 0 {
+				item["memPercent"] = fmt.Sprintf("%d%%", memUsage*100/allocMem.Value())
+			}
+		}
+		items = append(items, item)
+	}
+	return map[string]any{
+		"columns": []map[string]string{
+			{"key": "name", "label": "Node"},
+			{"key": "cpu", "label": "CPU"},
+			{"key": "cpuPercent", "label": "CPU%"},
+			{"key": "memory", "label": "Memory"},
+			{"key": "memPercent", "label": "Memory%"},
+		},
+		"chart": map[string]any{
+			"labelKey": "name",
+			"datasets": []map[string]string{
+				{"key": "cpu", "label": "CPU (millicores)", "unit": "cpu", "axis": "left"},
+				{"key": "memory", "label": "Memory (MiB)", "unit": "memory", "axis": "right"},
+			},
+		},
+		"items": items,
+	}
 }
diff --git a/pkg/toolsets/core/pods.go b/pkg/toolsets/core/pods.go
index 09e4e959a..9fbbb2dd1 100644
--- a/pkg/toolsets/core/pods.go
+++ b/pkg/toolsets/core/pods.go
@@ -7,6 +7,7 @@ import (
 
 	"github.com/google/jsonschema-go/jsonschema"
 	"k8s.io/kubectl/pkg/metricsutil"
+	"k8s.io/metrics/pkg/apis/metrics"
 	"k8s.io/utils/ptr"
 
 	"github.com/containers/kubernetes-mcp-server/pkg/api"
@@ -275,7 +276,11 @@ func podsListInAllNamespaces(params api.ToolHandlerParams) (*api.ToolCallResult,
 	if err != nil {
 		return api.NewToolCallResult("", fmt.Errorf("failed to list pods in all namespaces: %w", err)), nil
 	}
-	return api.NewToolCallResult(params.ListOutput.PrintObj(ret)), nil
+	result, err := params.ListOutput.PrintObjStructured(ret)
+	if err != nil {
+		return api.NewToolCallResult("", fmt.Errorf("failed to list pods in all namespaces: %w", err)), nil
+	}
+	return api.NewToolCallResultFull(result.Text, result.Structured, nil), nil
 }
 
 func podsListInNamespace(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
@@ -298,7 +303,11 @@ func podsListInNamespace(params api.ToolHandlerParams) (*api.ToolCallResult, err
 	if err != nil {
 		return api.NewToolCallResult("", fmt.Errorf("failed to list pods in namespace %s: %w", ns, err)), nil
 	}
-	return api.NewToolCallResult(params.ListOutput.PrintObj(ret)), nil
+	result, err := params.ListOutput.PrintObjStructured(ret)
+	if err != nil {
+		return api.NewToolCallResult("", fmt.Errorf("failed to list pods in namespace %s: %w", ns, err)), nil
+	}
+	return api.NewToolCallResultFull(result.Text, result.Structured, nil), nil
 }
 
 func podsGet(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
@@ -357,7 +366,7 @@ func podsTop(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
 	if err != nil {
 		return api.NewToolCallResult("", fmt.Errorf("failed to get pods top: %w", err)), nil
 	}
-	return api.NewToolCallResult(buf.String(), nil), nil
+	return api.NewToolCallResultFull(buf.String(), extractPodsTopStructured(ret), nil), nil
 }
 
 func podsExec(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
@@ -458,3 +467,43 @@ func podsRun(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
 	}
 	return api.NewToolCallResult("# The following resources (YAML) have been created or updated successfully\n"+marshalledYaml, err), nil
 }
+
+func extractPodsTopStructured(podMetrics *metrics.PodMetricsList) map[string]any {
+	if podMetrics == nil || len(podMetrics.Items) == 0 {
+		return nil
+	}
+	items := make([]map[string]any, 0, len(podMetrics.Items))
+	for _, pm := range podMetrics.Items {
+		var cpuTotal, memTotal int64
+		for _, c := range pm.Containers {
+			if cpu, ok := c.Usage["cpu"]; ok {
+				cpuTotal += cpu.MilliValue()
+			}
+			if mem, ok := c.Usage["memory"]; ok {
+				memTotal += mem.Value()
+			}
+		}
+		items = append(items, map[string]any{
+			"name":      pm.Name,
+			"namespace": pm.Namespace,
+			"cpu":       fmt.Sprintf("%dm", cpuTotal),
+			"memory":    fmt.Sprintf("%dMi", memTotal/(1024*1024)),
+		})
+	}
+	return map[string]any{
+		"columns": []map[string]string{
+			{"key": "namespace", "label": "Namespace"},
+			{"key": "name", "label": "Pod"},
+			{"key": "cpu", "label": "CPU"},
+			{"key": "memory", "label": "Memory"},
+		},
+		"chart": map[string]any{
+			"labelKey": "name",
+			"datasets": []map[string]string{
+				{"key": "cpu", "label": "CPU (millicores)", "unit": "cpu", "axis": "left"},
+				{"key": "memory", "label": "Memory (MiB)", "unit": "memory", "axis": "right"},
+			},
+		},
+		"items": items,
+	}
+}
diff --git a/pkg/toolsets/core/resources.go b/pkg/toolsets/core/resources.go
index cfefdd396..bc36c61c7 100644
--- a/pkg/toolsets/core/resources.go
+++ b/pkg/toolsets/core/resources.go
@@ -225,7 +225,11 @@ func resourcesList(params api.ToolHandlerParams) (*api.ToolCallResult, error) {
 	if err != nil {
 		return api.NewToolCallResult("", fmt.Errorf("failed to list resources: %w", err)), nil
 	}
-	return api.NewToolCallResult(params.ListOutput.PrintObj(ret)), nil
+	result, err := params.ListOutput.PrintObjStructured(ret)
+	if err != nil {
+		return api.NewToolCallResult("", fmt.Errorf("failed to list resources: %w", err)), nil
+	}
+	return api.NewToolCallResultFull(result.Text, result.Structured, nil), nil
 }
 
 func resourcesGet(params api.ToolHandlerParams) (*api.ToolCallResult, error) {