@agenthippo-ai/agenthippo 1.110.9 → 1.110.19

package/out/analytics/dashboard/webview/panel.js

@@ -1,1505 +1,56 @@
-/* -----------------------------------------------------------------------------
- * Copyright (c) AgentHippo.ai. All rights reserved.
- * -----------------------------------------------------------------------------
- * Spotlight Dashboard - Default Panel Module
- * Handles artifact display, rendering, and interactions.
- * Uses panelApi (provided by runtime-bridge.js) instead of raw VS Code API.
- *
- * This bundled file is the ONLY panel.js ever executed (see provider.getHtmlContent).
- * It is not seeded to .agent-hippo/analytics/panel/ — a copy there would never run.
- * Dashboard UI is customized via panel.html / panel.css, which ARE read from that directory.
- * ----------------------------------------------------------------------------- */
-
-// @ts-check
-/// <reference lib="dom" />
-
-// @ts-ignore - provided by runtime-bridge.js
-const panelApi = window.panelApi;
-
-// Seed/version marker for deciding whether a user's locally seeded panel.js
-// is compatible with the extension runtime (e.g. message forwarding fixes).
-const AGENTIDE_PANEL_JS_VERSION = '2026.07.21';
-try { window.__AGENTIDE_PANEL_JS_VERSION__ = AGENTIDE_PANEL_JS_VERSION; } catch { /* no-op */ }
-
-// -----------------------------------------------------------------------------
-// State
-// -----------------------------------------------------------------------------
-
-const PANEL_ID = 'default';
-
-/** Host ↔ panel / iframe ↔ panel: view-owned export JSON live updates. */
-const VIEW_EXPORT_SNAPSHOT = 'viewExportSnapshot';
-const REQUEST_VIEW_EXPORT_SNAPSHOT = 'requestViewExportSnapshot';
-/** @deprecated Renamed; widgets may still emit this until updated. */
-const LEGACY_REQUEST_LIVE_FLEET_SNAPSHOT = 'requestLiveFleetSnapshot';
-const LEGACY_VIEW_EXPORT_SNAPSHOT = 'liveFleetSnapshot';
-const ADD_VIEW_OPTION_VALUE = '__add_view__';
-
-/**
- * @typedef {{ order: number, hidden: boolean, height?: number, expanded?: boolean }} PanelChartState
- * @typedef {{ version: 1, charts: Record<string, PanelChartState>, summaryHidden?: boolean }} PanelState
- */
-
-/** @returns {PanelState} */
-function createDefaultPanelState() {
-	return { version: 1, charts: {}, summaryHidden: false };
-}
-
-/** @type {{ artifacts: object[], galleryIgnorePatterns: string[], summaryCards: object[] | null, manifest: object | null, isRefreshing: boolean, scope: 'global'|'workspace', projectId: string, agentId: string, agentIds: string[], views: Array<{ id: string, name: string, scope: 'global'|'workspace', system: boolean, layout?: 'fleet-dashboard'|'gallery', refreshOnNavigate?: 'always'|'when-empty', preserveFleetIframe?: boolean }>, activeViewId: string, disabledCharts: Set<string>, panelState: PanelState, panelStateLoaded: boolean, lastArtifactCatalogSignature: string, fleetAutoRefreshIntervalSeconds: number, fleetRefreshVersion: number, needsGalleryRender: boolean, pendingForceFreshHtml: boolean, refreshingViewId: string | null }} */
-const state = {
-	artifacts: [],
-	galleryIgnorePatterns: [],
-	summaryCards: null,
-	manifest: null,
-	isRefreshing: false,
-	scope: 'global',
-	projectId: '',
-	agentId: '',
-	agentIds: [],
-	views: [],
-	activeViewId: 'global',
-	disabledCharts: new Set(),
-	panelState: createDefaultPanelState(),
-	panelStateLoaded: false,
-	lastArtifactCatalogSignature: '',
-	fleetAutoRefreshIntervalSeconds: 30,
-	fleetRefreshVersion: 0,
-	surfaceMode: 'spotlight',
-	// While a refresh is in flight, multiple artifactsUpdated bursts can arrive as scripts/
-	// watchers write files incrementally. Rendering on each one tears down and rebuilds the
-	// whole gallery (see renderGallery), which is visibly flickery. Defer to one render when
-	// the refresh actually ends (refreshFinished/refreshFailed/refreshNoData).
-	needsGalleryRender: false,
-	pendingForceFreshHtml: false,
-	// View id the in-flight refresh belongs to. Termination messages carry the viewId captured
-	// at refresh start, so after a mid-refresh view switch they no longer match activeViewId —
-	// match against this instead so isRefreshing cannot get stuck true.
-	refreshingViewId: null,
-};
-
-/** Render the gallery now if a render was deferred mid-refresh. */
-function flushPendingGalleryRender() {
-	if (!state.needsGalleryRender) {
-		return;
-	}
-	state.needsGalleryRender = false;
-	const forceFreshHtml = state.pendingForceFreshHtml;
-	state.pendingForceFreshHtml = false;
-	renderGallery(state.artifacts, { forceFreshHtml });
-}
-
-/**
- * Single entry point for gallery renders triggered by host messages. While a refresh is in
- * flight, defer to one render at refresh termination instead of tearing down and rebuilding
- * the gallery on every artifactsUpdated/manifestUpdated/disabledChartsUpdated burst.
- * @param {{ forceFreshHtml?: boolean }} [options]
- */
-function requestGalleryRender(options) {
-	if (state.isRefreshing) {
-		state.needsGalleryRender = true;
-		if (options?.forceFreshHtml) {
-			state.pendingForceFreshHtml = true;
-		}
-		return;
-	}
-	renderGallery(state.artifacts, { forceFreshHtml: Boolean(options?.forceFreshHtml) });
-}
-
-/**
- * The active view changed while a refresh may be in flight: that refresh belongs to the view
- * being left, so stop tracking it. The abandoned refresh's termination message is dropped by
- * the viewId gates, and without this reset a deferred render would block the new view's first
- * paint until that refresh ends (or forever, if no matching termination arrives).
- */
-function resetRefreshTrackingForViewChange() {
-	if (!state.isRefreshing && !state.needsGalleryRender && !state.pendingForceFreshHtml) {
-		return;
-	}
-	state.isRefreshing = false;
-	state.refreshingViewId = null;
-	state.needsGalleryRender = false;
-	state.pendingForceFreshHtml = false;
-	setRefreshButtonState(false);
-	setPerChartRefreshing(false);
-}
-
-function applySurfaceMode(mode) {
-	const team = mode === 'team';
-	state.surfaceMode = team ? 'team' : 'spotlight';
-	document.body.classList.toggle('spotlight-surface-team', team);
-	applyTeamViewSelectVisibility();
-}
-
-/**
- * Fleet view without preserveFleetIframe: host bumps fleetRefreshVersion and this panel reloads agent-fleet.html.
- * preserveFleetIframe views receive viewExportSnapshot postMessages instead.
- * Session/export JSON shape: extensions/agentide/src/analytics/dashboard/FLEET_DATA_CONTRACT.md
- */
-/** Timer for Fleet view auto-refresh; cleared when view changes or interval is 0. */
-let fleetAutoRefreshTimerId = null;
-
-/**
- * Only auto-refresh Fleet when the user is at the top of the widget.
- * We check both the outer card scroll container and the embedded iframe
- * document scroll position because either can own scrolling depending on
- * current layout/height.
- * @returns {boolean}
- */
-function isFleetWidgetAtTop() {
-	const fleetCard = /** @type {HTMLElement | null} */ (document.querySelector('.fleet-dashboard-full.artifact-card'));
-	if (!fleetCard) {
-		return true;
-	}
-
-	const contentEl = /** @type {HTMLElement | null} */ (fleetCard.querySelector('.artifact-content'));
-	if (contentEl && contentEl.scrollTop > 4) {
-		return false;
-	}
-
-	const iframe = /** @type {HTMLIFrameElement | null} */ (fleetCard.querySelector('.html-preview iframe'));
-	if (!iframe) {
-		return true;
-	}
-
-	try {
-		const iframeDoc = iframe.contentDocument;
-		const bodyTop = iframeDoc?.body?.scrollTop ?? 0;
-		const docTop = iframeDoc?.documentElement?.scrollTop ?? 0;
-		const winTop = iframe.contentWindow?.scrollY ?? 0;
-		return bodyTop <= 4 && docTop <= 4 && winTop <= 4;
-	} catch {
-		// If iframe scroll is unavailable, avoid blocking auto-refresh.
-		return true;
-	}
-}
-
-/**
- * Start or stop Fleet auto-refresh based on current view and configured interval.
- * Call after activeViewId or fleetAutoRefreshIntervalSeconds changes.
- */
-/** @returns {{ id: string, name: string, scope: 'global'|'workspace', system: boolean, layout?: string, refreshOnNavigate?: string, preserveFleetIframe?: boolean } | undefined} */
-function getActiveViewConfig() {
-	return state.views.find(view => view.id === state.activeViewId);
-}
-
-function activeViewUsesFleetDashboardLayout() {
-	return getActiveViewConfig()?.layout === 'fleet-dashboard';
-}
-
-function activeViewPreservesFleetIframe() {
-	return getActiveViewConfig()?.preserveFleetIframe === true;
-}
-
-/**
- * Iframe-only snapshot views — no gallery Open/Delete footer.
- * Config-driven via `preserveFleetIframe` (covers Workflows and any fleet-dashboard view).
- * The id pattern is a back-compat fallback for legacy live-fleet views whose view.yaml
- * predates the flag and derives `preserveFleetIframe === false` host-side.
- */
-function activeViewIsLiveFleetSnapshot() {
-	if (activeViewPreservesFleetIframe()) {
-		return true;
-	}
-	return /^live-fleet-\d+$/.test(String(state.activeViewId || ''));
-}
-
-function applyFleetAutoRefresh() {
-	if (fleetAutoRefreshTimerId !== null) {
-		clearInterval(fleetAutoRefreshTimerId);
-		fleetAutoRefreshTimerId = null;
-	}
-	const intervalSec = state.fleetAutoRefreshIntervalSeconds;
-	const isLiveFleetView = state.activeViewId === 'fleet' || activeViewPreservesFleetIframe();
-	if (isLiveFleetView && typeof intervalSec === 'number' && intervalSec > 0) {
-		const ms = intervalSec * 1000;
-		fleetAutoRefreshTimerId = setInterval(() => {
-			if (!isFleetWidgetAtTop()) {
-				return;
-			}
-			if (activeViewPreservesFleetIframe()) {
-				panelApi.postMessage({ type: REQUEST_VIEW_EXPORT_SNAPSHOT });
-				return;
-			}
-			panelApi.postMessage({ type: 'refreshView' });
-		}, ms);
-	}
-}
-
-function applyTeamViewSelectVisibility() {
-	const viewSelect = /** @type {HTMLSelectElement | null} */ (document.getElementById('view-select'));
-	if (!viewSelect) {
-		return;
-	}
-	if (state.surfaceMode === 'team') {
-		if (state.views.length > 1) {
-			viewSelect.style.setProperty('display', 'inline-block', 'important');
-		} else {
-			viewSelect.style.setProperty('display', 'none', 'important');
-		}
-	} else {
-		viewSelect.style.removeProperty('display');
-	}
-}
-
-function applyViewOptions() {
-	const viewSelect = /** @type {HTMLSelectElement | null} */ (document.getElementById('view-select'));
-	if (!viewSelect) {
-		return;
-	}
-	const previous = state.activeViewId || viewSelect.value || '';
-	viewSelect.innerHTML = '';
-
-	if (state.surfaceMode !== 'team') {
-		const addViewOption = document.createElement('option');
-		addViewOption.value = ADD_VIEW_OPTION_VALUE;
-		addViewOption.textContent = '+ Add view…';
-		viewSelect.appendChild(addViewOption);
-	}
-
-	for (const view of state.views) {
-		const option = document.createElement('option');
-		option.value = view.id;
-		option.textContent = view.name;
-		viewSelect.appendChild(option);
-	}
-	const next = state.views.some((view) => view.id === state.activeViewId)
-		? state.activeViewId
-		: previous;
-	if (next && state.views.some((view) => view.id === next)) {
-		viewSelect.value = next;
-		state.activeViewId = next;
-	}
-	applyTeamViewSelectVisibility();
-	applyShareButtonState();
-}
-
-const SHARE_ICON_HTML = '<span class="btn-icon" aria-hidden="true">&#8593;</span>';
-const INSTALL_ICON_HTML = '<span class="btn-icon" aria-hidden="true">&#8595;</span>';
-
-function onInstallViewClick() {
-	panelApi.postMessage({ type: 'installView' });
-}
-
-function onShareViewClick() {
-	const activeView = getActiveView();
-	// Always forward to the extension host so built-in views get the explanatory toast.
-	panelApi.postMessage({
-		type: 'shareView',
-		viewId: activeView?.id ?? '',
-		bundle: 'full',
-	});
-}
-
-function onShareScriptsOnlyClick() {
-	const activeView = getActiveView();
-	panelApi.postMessage({
-		type: 'shareView',
-		viewId: activeView?.id ?? '',
-		bundle: 'scripts-only',
-	});
-}
-
-/**
- * Insert share toolbar control when user's panel.html predates the share button.
- */
-function ensureShareToolbarButton() {
-	let shareBtn = document.getElementById('share-view-btn');
-	if (!shareBtn) {
-		const refreshBtn = document.getElementById('refresh-charts-btn');
-		if (!refreshBtn?.parentElement) {
-			return;
-		}
-		let iconGroup = refreshBtn.closest('.toolbar-icon-group');
-		if (!iconGroup) {
-			iconGroup = document.createElement('div');
-			iconGroup.className = 'toolbar-icon-group';
-			refreshBtn.parentElement.insertBefore(iconGroup, refreshBtn);
-			iconGroup.appendChild(refreshBtn);
-		}
-		shareBtn = document.createElement('button');
-		shareBtn.id = 'share-view-btn';
-		shareBtn.className = 'toolbar-btn icon-only';
-		shareBtn.title = 'Publish current view to store (full bundle)';
-		shareBtn.setAttribute('aria-label', shareBtn.title);
-		shareBtn.innerHTML = SHARE_ICON_HTML;
-		iconGroup.appendChild(shareBtn);
-	} else {
-		const refreshBtn = document.getElementById('refresh-charts-btn');
-		const icon = shareBtn.querySelector('.btn-icon');
-		if (icon && icon.textContent !== '↑') {
-			icon.outerHTML = SHARE_ICON_HTML;
-		}
-		if (refreshBtn && shareBtn.compareDocumentPosition(refreshBtn) & Node.DOCUMENT_POSITION_FOLLOWING) {
-			refreshBtn.insertAdjacentElement('afterend', shareBtn);
-		}
-	}
-	const boundShareBtn = document.getElementById('share-view-btn');
-	if (boundShareBtn && !boundShareBtn.dataset.boundShareClick) {
-		boundShareBtn.dataset.boundShareClick = '1';
-		boundShareBtn.addEventListener('click', onShareViewClick);
-	}
-	applyShareButtonState();
-	ensureInstallToolbarButton();
-}
-
-/**
- * Insert install toolbar control when user's panel.html predates the install button.
- */
-function ensureInstallToolbarButton() {
-	let installBtn = document.getElementById('install-view-btn');
-	if (!installBtn) {
-		const shareBtn = document.getElementById('share-view-btn');
-		if (!shareBtn?.parentElement) {
-			return;
-		}
-		let iconGroup = shareBtn.closest('.toolbar-icon-group');
-		if (!iconGroup) {
-			iconGroup = document.createElement('div');
-			iconGroup.className = 'toolbar-icon-group';
-			shareBtn.parentElement.insertBefore(iconGroup, shareBtn);
-			iconGroup.appendChild(shareBtn);
-		}
-		installBtn = document.createElement('button');
-		installBtn.id = 'install-view-btn';
-		installBtn.className = 'toolbar-btn icon-only';
-		installBtn.title = 'Install Spotlight view from store';
-		installBtn.setAttribute('aria-label', installBtn.title);
-		installBtn.innerHTML = INSTALL_ICON_HTML;
-		shareBtn.insertAdjacentElement('afterend', installBtn);
-	} else {
-		const shareBtn = document.getElementById('share-view-btn');
-		const icon = installBtn.querySelector('.btn-icon');
-		if (icon && icon.textContent !== '↓') {
-			icon.outerHTML = INSTALL_ICON_HTML;
-		}
-		if (shareBtn && installBtn.compareDocumentPosition(shareBtn) & Node.DOCUMENT_POSITION_FOLLOWING) {
-			shareBtn.insertAdjacentElement('afterend', installBtn);
-		}
-	}
-	const boundInstallBtn = document.getElementById('install-view-btn');
-	if (boundInstallBtn && !boundInstallBtn.dataset.boundInstallClick) {
-		boundInstallBtn.dataset.boundInstallClick = '1';
-		boundInstallBtn.addEventListener('click', onInstallViewClick);
-	}
-}
-
-function applyShareButtonState() {
-	const shareBtn = document.getElementById('share-view-btn');
-	if (!shareBtn) {
-		return;
-	}
-	const activeView = getActiveView();
-	const canShare = Boolean(activeView && !activeView.system);
-	shareBtn.classList.toggle('share-unavailable', !canShare);
-	shareBtn.title = canShare
-		? 'Publish current view to store (full bundle)'
-		: 'Built-in views cannot be shared (duplicate or create a custom view)';
-	shareBtn.setAttribute('aria-label', shareBtn.title);
-
-	const scriptsOnlyItem = document.getElementById('share-scripts-only-menu-item');
-	if (scriptsOnlyItem) {
-		// Keep clickable so the host can show the same built-in-view explanation.
-		scriptsOnlyItem.disabled = false;
-		scriptsOnlyItem.classList.toggle('share-unavailable', !canShare);
-		scriptsOnlyItem.title = canShare
-			? 'Publish widget scripts only (no charts or exports)'
-			: 'Built-in views cannot be shared (duplicate or create a custom view)';
-	}
-}
-
-function getActiveView() {
-	return state.views.find((view) => view.id === state.activeViewId);
-}
-
-/**
- * @param {string} nextViewId
- */
-function switchToView(nextViewId) {
-	if (!nextViewId || nextViewId === state.activeViewId) {
-		return;
-	}
-	state.activeViewId = nextViewId;
-	resetRefreshTrackingForViewChange();
-	state.panelStateLoaded = false;
-	state.panelState = createDefaultPanelState();
-	const viewSelect = /** @type {HTMLSelectElement | null} */ (document.getElementById('view-select'));
-	if (viewSelect && state.views.some((view) => view.id === nextViewId)) {
-		viewSelect.value = nextViewId;
-	}
-	applyFleetAutoRefresh();
-	applyShareButtonState();
-	panelApi.postMessage({ type: 'setActiveView', viewId: nextViewId });
-	panelApi.postMessage({ type: 'requestPanelState', panelId: PANEL_ID });
-}
-
-/**
- * Show the "New view name" modal. Used instead of prompt() because
- * window.prompt() is not available in VS Code webviews.
- * @param {() => void} [onResetSelect] - Optional callback to reset view dropdown (e.g. when opened from "+ Add view…").
- */
-function showNewViewModal(onResetSelect) {
-	const overlay = document.getElementById('new-view-modal');
-	const input = document.getElementById('new-view-name-input');
-	const okBtn = document.getElementById('new-view-modal-ok');
-	const cancelBtn = document.getElementById('new-view-modal-cancel');
-	if (!overlay || !input || !okBtn || !cancelBtn) {
-		return;
-	}
-	if (typeof onResetSelect === 'function') {
-		onResetSelect();
-	}
-	input.value = '';
-	overlay.style.display = 'flex';
-	overlay.setAttribute('aria-hidden', 'false');
-	input.focus();
-
-	function hide() {
-		overlay.style.display = 'none';
-		overlay.setAttribute('aria-hidden', 'true');
-		overlay.removeEventListener('click', handleOverlayClick);
-		document.removeEventListener('keydown', handleKeydown);
-	}
-
-	function submit() {
-		const trimmed = input.value.trim();
-		hide();
-		if (trimmed) {
-			panelApi.postMessage({ type: 'createView', name: trimmed });
-		}
-	}
-
-	function handleOverlayClick(e) {
-		if (e.target === overlay) {
-			hide();
-		}
-	}
-
-	function handleKeydown(e) {
-		if (e.key === 'Escape') {
-			hide();
-			e.preventDefault();
-		} else if (e.key === 'Enter') {
-			submit();
-			e.preventDefault();
-		}
-	}
-
-	overlay.addEventListener('click', handleOverlayClick);
-	document.addEventListener('keydown', handleKeydown);
-
-	okBtn.onclick = () => submit();
-	cancelBtn.onclick = () => hide();
-}
-
-function promptCreateView() {
-	showNewViewModal();
-}
-
-function initViews() {
-	const viewSelect = /** @type {HTMLSelectElement | null} */ (document.getElementById('view-select'));
-	viewSelect?.addEventListener('change', () => {
-		const nextViewId = viewSelect.value || '';
-		if (!nextViewId) {
-			return;
-		}
-		if (nextViewId === ADD_VIEW_OPTION_VALUE) {
-			showNewViewModal(() => {
-				viewSelect.value = state.activeViewId || '';
-			});
-			return;
-		}
-		if (nextViewId === state.activeViewId) {
-			return;
-		}
-		switchToView(nextViewId);
-	});
-}
-
-function refreshCurrentView() {
-	const btn = document.getElementById('refresh-charts-btn');
-	if (btn && !btn.classList.contains('refreshing')) {
-		setRefreshButtonState(true);
-		panelApi.postMessage({ type: 'refreshView' });
-	}
-}
-
-// -----------------------------------------------------------------------------
-// Utility Functions
-// -----------------------------------------------------------------------------
-
-/**
- * Format a date as relative time (e.g., "2 min ago")
- * @param {Date} date
- * @returns {string}
- */
-function formatTimeAgo(date) {
-	const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
-	if (seconds < 60) {
-		return 'just now';
-	}
-	if (seconds < 3600) {
-		return `${Math.floor(seconds / 60)} min ago`;
-	}
-	if (seconds < 86400) {
-		return `${Math.floor(seconds / 3600)}h ago`;
-	}
-	return `${Math.floor(seconds / 86400)}d ago`;
-}
-
-/**
- * Format file size in human-readable form
- * @param {number} bytes
- * @returns {string}
- */
-function formatSize(bytes) {
-	if (bytes < 1024) {
-		return `${bytes} B`;
-	}
-	if (bytes < 1024 * 1024) {
-		return `${(bytes / 1024).toFixed(1)} KB`;
-	}
-	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-}
-
-/**
- * Escape HTML special characters
- * @param {string} text
- * @returns {string}
- */
-function escapeHtml(text) {
-	const div = document.createElement('div');
-	div.textContent = text;
-	return div.innerHTML;
-}
-
-/**
- * Simple markdown rendering
- * @param {string} text
- * @returns {string}
- */
-function renderMarkdown(text) {
-	return text
-		.replace(/```(\w*)\n([\s\S]*?)```/g, '<pre><code class="language-$1">$2</code></pre>')
-		.replace(/`([^`]+)`/g, '<code>$1</code>')
-		.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
-		.replace(/\*(.+?)\*/g, '<em>$1</em>')
-		.replace(/^### (.+)$/gm, '<h3>$1</h3>')
-		.replace(/^## (.+)$/gm, '<h2>$1</h2>')
-		.replace(/^# (.+)$/gm, '<h1>$1</h1>')
-		.replace(/\n/g, '<br>');
-}
-
-/**
- * @param {string} value
- * @returns {string}
- */
-function normalizeFilename(value) {
-	return String(value || '').trim().toLowerCase();
-}
-
-/**
- * @param {unknown} raw
- * @returns {PanelState}
- */
-function normalizePanelState(raw) {
-	const parsed = raw && typeof raw === 'object' ? /** @type {Record<string, unknown>} */ (raw) : {};
-	const rawCharts = parsed.charts && typeof parsed.charts === 'object'
-		? /** @type {Record<string, unknown>} */ (parsed.charts)
-		: {};
-	/** @type {Record<string, PanelChartState>} */
-	const charts = {};
-	let nextOrder = 1;
-	for (const [key, value] of Object.entries(rawCharts)) {
-		const filenameKey = normalizeFilename(key);
-		if (!filenameKey) {
-			continue;
-		}
-		const entry = value && typeof value === 'object' ? /** @type {Record<string, unknown>} */ (value) : {};
-		const parsedOrder = Number(entry.order);
-		const order = Number.isFinite(parsedOrder) && parsedOrder > 0 ? parsedOrder : nextOrder;
-		const hidden = entry.hidden === true;
-		const height = Number(entry.height);
-		const expanded = entry.expanded === true;
-		charts[filenameKey] = {
-			order,
-			hidden,
-			height: Number.isFinite(height) && height >= 120 ? height : undefined,
-			expanded,
-		};
-		nextOrder = Math.max(nextOrder, order + 1);
-	}
-	const summaryHidden = parsed.summaryHidden === true;
-	return { version: 1, charts, summaryHidden };
-}
-
-/**
- * @returns {number}
- */
-function getNextChartOrder() {
-	const entries = Object.values(state.panelState.charts);
-	if (entries.length === 0) {
-		return 1;
-	}
-	return entries.reduce((max, item) => Math.max(max, item.order), 0) + 1;
-}
-
-/**
- * Ensure every discovered chart has a panel-state entry.
- * @param {Array<object>} artifacts
- * @returns {boolean}
- */
-function ensurePanelStateForArtifacts(artifacts) {
-	let changed = false;
-	let nextOrder = getNextChartOrder();
-	for (const artifact of artifacts) {
-		if (artifact.type !== 'chart' && artifact.type !== 'image') {
-			continue;
-		}
-		const key = normalizeFilename(String(artifact.filename || ''));
-		if (!key) {
-			continue;
-		}
-		if (!state.panelState.charts[key]) {
-			state.panelState.charts[key] = { order: nextOrder++, hidden: false, height: undefined, expanded: false };
-			changed = true;
-		}
-	}
-	return changed;
-}
-
-/**
- * @param {string} filename
- * @returns {PanelChartState}
- */
-function getChartPanelState(filename) {
-	const key = normalizeFilename(filename);
-	if (!state.panelState.charts[key]) {
-		state.panelState.charts[key] = { order: getNextChartOrder(), hidden: false, height: undefined, expanded: false };
-	}
-	return state.panelState.charts[key];
-}
-
-function setChartHeight(filename, heightPx) {
-	const chartState = getChartPanelState(filename);
-	chartState.height = heightPx >= 120 && heightPx <= 2000 ? heightPx : undefined;
-	savePanelState();
-}
-
-function setChartExpanded(filename, expanded) {
-	const chartState = getChartPanelState(filename);
-	chartState.expanded = expanded === true;
-	savePanelState();
-}
-
-/**
- * Auto-fit Fleet iframe content on first load when no explicit panel height
- * has been saved yet. This prevents an oversized empty area at the bottom
- * while preserving click-to-expand behavior.
- * @param {HTMLElement} card
- */
-function autoFitFleetCardHeight(card) {
-	const filename = card?.dataset?.filename || '';
-	if (!filename) {
-		return;
-	}
-	const chartState = getChartPanelState(filename);
-	if (typeof chartState.height === 'number' && Number.isFinite(chartState.height)) {
-		return;
-	}
-	const content = /** @type {HTMLElement | null} */ (card.querySelector('.artifact-content'));
-	const iframe = /** @type {HTMLIFrameElement | null} */ (card.querySelector('.html-preview iframe'));
-	if (!content || !iframe) {
-		return;
-	}
-	let docHeight = 0;
-	try {
-		const doc = iframe.contentDocument;
-		const body = doc?.body;
-		const html = doc?.documentElement;
-		docHeight = Math.max(
-			body?.scrollHeight || 0,
-			body?.offsetHeight || 0,
-			html?.scrollHeight || 0,
-			html?.offsetHeight || 0,
-			html?.clientHeight || 0,
-		);
-	} catch {
-		return;
-	}
-	if (!Number.isFinite(docHeight) || docHeight <= 0) {
-		return;
-	}
-	const computed = window.getComputedStyle(content);
-	const paddingTop = Number.parseFloat(computed.paddingTop || '0') || 0;
-	const paddingBottom = Number.parseFloat(computed.paddingBottom || '0') || 0;
-	const targetHeight = Math.round(Math.max(320, Math.min(2000, docHeight + paddingTop + paddingBottom)));
-	content.style.height = `${targetHeight}px`;
-	content.style.minHeight = `${targetHeight}px`;
-	content.style.overflow = 'hidden';
-	syncEmbeddedPreviewSize(content);
-	setChartHeight(filename, targetHeight);
-}
-
-/**
- * Keep embedded HTML previews sized to the resized card and trigger a resize
- * event inside iframe widgets so responsive layouts can relayout.
- * @param {HTMLElement} content
- */
-function syncEmbeddedPreviewSize(content) {
-	const preview = content.querySelector('.html-preview');
-	if (preview instanceof HTMLElement) {
-		preview.style.height = '100%';
-		preview.style.minHeight = '0';
-	}
-	const iframe = content.querySelector('.html-preview iframe');
-	if (iframe instanceof HTMLIFrameElement) {
-		iframe.style.height = '100%';
-		iframe.style.minHeight = '0';
-		iframe.style.display = 'block';
-		try {
-			iframe.contentWindow?.dispatchEvent(new Event('resize'));
-		} catch {
-			// Cross-origin frame or transient load state; ignore.
-		}
-	}
-}
-
-/** @param {Element | null} card @param {string} filename */
-function attachResizeHandle(card, filename) {
-	if (!card || !filename) return;
-	const resizeHandle = card.querySelector('.resize-handle');
-	const contentEl = card.querySelector('.artifact-content');
-	if (!resizeHandle || !contentEl) return;
-	const cardEl = /** @type {HTMLElement} */ (card);
-	const content = /** @type {HTMLElement} */ (contentEl);
-	const minH = 120;
-	const maxH = 2000;
-	resizeHandle.addEventListener('mousedown', (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		const startY = e.clientY;
-		const rect = content.getBoundingClientRect();
-		const startHeight = rect.height;
-		let didResize = false;
-		let rafId = 0;
-		const schedulePreviewResize = () => {
-			if (rafId) {
-				cancelAnimationFrame(rafId);
-			}
-			rafId = requestAnimationFrame(() => {
-				rafId = 0;
-				syncEmbeddedPreviewSize(content);
-			});
-		};
-		const onMove = (moveEvent) => {
-			const dy = moveEvent.clientY - startY;
-			if (Math.abs(dy) > 2) {
-				didResize = true;
-			}
-			let h = Math.round(startHeight + dy);
-			h = Math.max(minH, Math.min(maxH, h));
-			content.style.height = `${h}px`;
-			content.style.minHeight = `${h}px`;
-			content.style.overflow = 'hidden';
-			schedulePreviewResize();
-		};
-		const onUp = () => {
-			document.removeEventListener('mousemove', onMove);
-			document.removeEventListener('mouseup', onUp);
-			if (rafId) {
-				cancelAnimationFrame(rafId);
-				rafId = 0;
-			}
-			syncEmbeddedPreviewSize(content);
-			if (didResize) {
-				const finalHeight = content.getBoundingClientRect().height;
-				setChartHeight(filename, Math.round(finalHeight));
-				return;
-			}
-			const nextExpanded = !cardEl.classList.contains('expanded');
-			cardEl.classList.toggle('expanded', nextExpanded);
-			setChartExpanded(filename, nextExpanded);
-		};
-		document.addEventListener('mousemove', onMove);
-		document.addEventListener('mouseup', onUp);
-	});
-}
-
-function toggleSummarySection() {
-	state.panelState.summaryHidden = !state.panelState.summaryHidden;
-	applySummarySectionVisibility();
-	savePanelState();
-}
-
-function applySummarySectionVisibility() {
-	const section = document.getElementById('summary-section');
-	const btn = document.getElementById('summary-toggle-btn');
-	if (section) {
-		section.classList.toggle('collapsed', state.panelState.summaryHidden === true);
-	}
-	if (btn) {
-		btn.textContent = state.panelState.summaryHidden ? 'Show' : 'Hide';
-		btn.title = state.panelState.summaryHidden ? 'Show summary section' : 'Hide summary section';
-		btn.setAttribute('aria-label', state.panelState.summaryHidden ? 'Show summary' : 'Hide summary');
-	}
-}
-
-function savePanelState() {
-	panelApi.postMessage({
-		type: 'savePanelState',
-		panelId: PANEL_ID,
-		state: state.panelState,
-	});
-}
-
-/**
- * @param {string} filename
- * @param {'up' | 'down'} direction
- * @param {string[]} activeChartKeys
- */
-function moveChartInPanelState(filename, direction, activeChartKeys) {
-	const targetKey = normalizeFilename(filename);
-	if (!targetKey) {
-		return;
-	}
-	getChartPanelState(filename);
-	const orderedKeys = Object.entries(state.panelState.charts)
-		.sort((a, b) => a[1].order - b[1].order || a[0].localeCompare(b[0]))
-		.map(([key]) => key);
-	const index = orderedKeys.indexOf(targetKey);
-	if (index < 0) {
-		return;
-	}
-	const normalizedActiveKeys = new Set(
-		(activeChartKeys || []).map(key => normalizeFilename(key)).filter(Boolean),
-	);
-	normalizedActiveKeys.add(targetKey);
-	const step = direction === 'up' ? -1 : 1;
-	let swapIndex = index + step;
-	while (swapIndex >= 0 && swapIndex < orderedKeys.length) {
-		if (normalizedActiveKeys.has(orderedKeys[swapIndex])) {
-			break;
-		}
-		swapIndex += step;
-	}
-	if (swapIndex < 0 || swapIndex >= orderedKeys.length || swapIndex === index) {
-		return;
-	}
-	const [entry] = orderedKeys.splice(index, 1);
-	orderedKeys.splice(swapIndex, 0, entry);
-	orderedKeys.forEach((key, orderIndex) => {
-		const chart = state.panelState.charts[key];
-		chart.order = orderIndex + 1;
-	});
-	savePanelState();
-}
-
-/**
- * @param {string} filename
- */
-function toggleChartHiddenInPanelState(filename) {
-	const chartState = getChartPanelState(filename);
-	chartState.hidden = !chartState.hidden;
-	savePanelState();
-}
-
-// -----------------------------------------------------------------------------
-// Summary Cards
-// -----------------------------------------------------------------------------
-
-/** Last rendered summary-cards payload, to skip no-op rebuilds of the summary strip. */
-let lastSummaryCardsSignature = '';
-
-/**
- * Render summary cards in the header
- * @param {Array<{label: string, value: string, icon: string}>} cards
- */
-function renderSummaryCards(cards) {
-	const container = document.getElementById('summary-cards');
-	if (!container) {
-		return;
-	}
-	if (!cards || cards.length === 0) {
-		lastSummaryCardsSignature = '';
-		renderSummaryPlaceholders();
-		return;
-	}
-
-	// The host posts summaryCards more than once per refresh; skip the rebuild (and its
-	// visible flash) when the payload is identical to what is already rendered.
-	const signature = JSON.stringify(cards);
-	if (signature === lastSummaryCardsSignature && !container.classList.contains('loading')) {
-		return;
-	}
-	lastSummaryCardsSignature = signature;
-
-	container.style.display = 'grid';
-	container.classList.remove('loading');
-	container.innerHTML = cards.map(card => `
+/*! Copyright (c) 2026 AgentHippo.ai. All rights reserved. Proprietary; see LICENSE. */
+"use strict";const panelApi=window.panelApi,AGENTIDE_PANEL_JS_VERSION="2026.07.21";try{window.__AGENTIDE_PANEL_JS_VERSION__=AGENTIDE_PANEL_JS_VERSION}catch{}const PANEL_ID="default",VIEW_EXPORT_SNAPSHOT="viewExportSnapshot",REQUEST_VIEW_EXPORT_SNAPSHOT="requestViewExportSnapshot",LEGACY_REQUEST_LIVE_FLEET_SNAPSHOT="requestLiveFleetSnapshot",LEGACY_VIEW_EXPORT_SNAPSHOT="liveFleetSnapshot",ADD_VIEW_OPTION_VALUE="__add_view__";function createDefaultPanelState(){return{version:1,charts:{},summaryHidden:!1}}const state={artifacts:[],galleryIgnorePatterns:[],summaryCards:null,manifest:null,isRefreshing:!1,scope:"global",projectId:"",agentId:"",agentIds:[],views:[],activeViewId:"global",disabledCharts:new Set,panelState:createDefaultPanelState(),panelStateLoaded:!1,lastArtifactCatalogSignature:"",fleetAutoRefreshIntervalSeconds:30,fleetRefreshVersion:0,surfaceMode:"spotlight",needsGalleryRender:!1,pendingForceFreshHtml:!1,refreshingViewId:null};function flushPendingGalleryRender(){if(!state.needsGalleryRender)return;state.needsGalleryRender=!1;const e=state.pendingForceFreshHtml;state.pendingForceFreshHtml=!1,renderGallery(state.artifacts,{forceFreshHtml:e})}function requestGalleryRender(e){if(state.isRefreshing){state.needsGalleryRender=!0,e?.forceFreshHtml&&(state.pendingForceFreshHtml=!0);return}renderGallery(state.artifacts,{forceFreshHtml:!!e?.forceFreshHtml})}function resetRefreshTrackingForViewChange(){!state.isRefreshing&&!state.needsGalleryRender&&!state.pendingForceFreshHtml||(state.isRefreshing=!1,state.refreshingViewId=null,state.needsGalleryRender=!1,state.pendingForceFreshHtml=!1,setRefreshButtonState(!1),setPerChartRefreshing(!1))}function applySurfaceMode(e){const t=e==="team";state.surfaceMode=t?"team":"spotlight",document.body.classList.toggle("spotlight-surface-team",t),applyTeamViewSelectVisibility()}let fleetAutoRefreshTimerId=null;function isFleetWidgetAtTop(){const e=document.querySelector(".fleet-dashboard-full.artifact-card");if(!e)return!0;const t=e.querySelector(".artifact-content");if(t&&t.scrollTop>4)return!1;const n=e.querySelector(".html-preview iframe");if(!n)return!0;try{const a=n.contentDocument,r=a?.body?.scrollTop??0,s=a?.documentElement?.scrollTop??0,o=n.contentWindow?.scrollY??0;return r<=4&&s<=4&&o<=4}catch{return!0}}function getActiveViewConfig(){return state.views.find(e=>e.id===state.activeViewId)}function activeViewUsesFleetDashboardLayout(){return getActiveViewConfig()?.layout==="fleet-dashboard"}function activeViewPreservesFleetIframe(){return getActiveViewConfig()?.preserveFleetIframe===!0}function activeViewIsLiveFleetSnapshot(){return activeViewPreservesFleetIframe()?!0:/^live-fleet-\d+$/.test(String(state.activeViewId||""))}function applyFleetAutoRefresh(){fleetAutoRefreshTimerId!==null&&(clearInterval(fleetAutoRefreshTimerId),fleetAutoRefreshTimerId=null);const e=state.fleetAutoRefreshIntervalSeconds;if((state.activeViewId==="fleet"||activeViewPreservesFleetIframe())&&typeof e=="number"&&e>0){const n=e*1e3;fleetAutoRefreshTimerId=setInterval(()=>{if(isFleetWidgetAtTop()){if(activeViewPreservesFleetIframe()){panelApi.postMessage({type:REQUEST_VIEW_EXPORT_SNAPSHOT});return}panelApi.postMessage({type:"refreshView"})}},n)}}function applyTeamViewSelectVisibility(){const e=document.getElementById("view-select");e&&(state.surfaceMode==="team"?state.views.length>1?e.style.setProperty("display","inline-block","important"):e.style.setProperty("display","none","important"):e.style.removeProperty("display"))}function applyViewOptions(){const e=document.getElementById("view-select");if(!e)return;const t=state.activeViewId||e.value||"";if(e.innerHTML="",state.surfaceMode!=="team"){const a=document.createElement("option");a.value=ADD_VIEW_OPTION_VALUE,a.textContent="+ Add view\u2026",e.appendChild(a)}for(const a of state.views){const r=document.createElement("option");r.value=a.id,r.textContent=a.name,e.appendChild(r)}const n=state.views.some(a=>a.id===state.activeViewId)?state.activeViewId:t;n&&state.views.some(a=>a.id===n)&&(e.value=n,state.activeViewId=n),applyTeamViewSelectVisibility(),applyShareButtonState()}const SHARE_ICON_HTML='<span class="btn-icon" aria-hidden="true">&#8593;</span>',INSTALL_ICON_HTML='<span class="btn-icon" aria-hidden="true">&#8595;</span>';function onInstallViewClick(){panelApi.postMessage({type:"installView"})}function onShareViewClick(){const e=getActiveView();panelApi.postMessage({type:"shareView",viewId:e?.id??"",bundle:"full"})}function onShareScriptsOnlyClick(){const e=getActiveView();panelApi.postMessage({type:"shareView",viewId:e?.id??"",bundle:"scripts-only"})}function ensureShareToolbarButton(){let e=document.getElementById("share-view-btn");if(e){const n=document.getElementById("refresh-charts-btn"),a=e.querySelector(".btn-icon");a&&a.textContent!=="\u2191"&&(a.outerHTML=SHARE_ICON_HTML),n&&e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING&&n.insertAdjacentElement("afterend",e)}else{const n=document.getElementById("refresh-charts-btn");if(!n?.parentElement)return;let a=n.closest(".toolbar-icon-group");a||(a=document.createElement("div"),a.className="toolbar-icon-group",n.parentElement.insertBefore(a,n),a.appendChild(n)),e=document.createElement("button"),e.id="share-view-btn",e.className="toolbar-btn icon-only",e.title="Publish current view to store (full bundle)",e.setAttribute("aria-label",e.title),e.innerHTML=SHARE_ICON_HTML,a.appendChild(e)}const t=document.getElementById("share-view-btn");t&&!t.dataset.boundShareClick&&(t.dataset.boundShareClick="1",t.addEventListener("click",onShareViewClick)),applyShareButtonState(),ensureInstallToolbarButton()}function ensureInstallToolbarButton(){let e=document.getElementById("install-view-btn");if(e){const n=document.getElementById("share-view-btn"),a=e.querySelector(".btn-icon");a&&a.textContent!=="\u2193"&&(a.outerHTML=INSTALL_ICON_HTML),n&&e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING&&n.insertAdjacentElement("afterend",e)}else{const n=document.getElementById("share-view-btn");if(!n?.parentElement)return;let a=n.closest(".toolbar-icon-group");a||(a=document.createElement("div"),a.className="toolbar-icon-group",n.parentElement.insertBefore(a,n),a.appendChild(n)),e=document.createElement("button"),e.id="install-view-btn",e.className="toolbar-btn icon-only",e.title="Install Spotlight view from store",e.setAttribute("aria-label",e.title),e.innerHTML=INSTALL_ICON_HTML,n.insertAdjacentElement("afterend",e)}const t=document.getElementById("install-view-btn");t&&!t.dataset.boundInstallClick&&(t.dataset.boundInstallClick="1",t.addEventListener("click",onInstallViewClick))}function applyShareButtonState(){const e=document.getElementById("share-view-btn");if(!e)return;const t=getActiveView(),n=!!(t&&!t.system);e.classList.toggle("share-unavailable",!n),e.title=n?"Publish current view to store (full bundle)":"Built-in views cannot be shared (duplicate or create a custom view)",e.setAttribute("aria-label",e.title);const a=document.getElementById("share-scripts-only-menu-item");a&&(a.disabled=!1,a.classList.toggle("share-unavailable",!n),a.title=n?"Publish widget scripts only (no charts or exports)":"Built-in views cannot be shared (duplicate or create a custom view)")}function getActiveView(){return state.views.find(e=>e.id===state.activeViewId)}function switchToView(e){if(!e||e===state.activeViewId)return;state.activeViewId=e,resetRefreshTrackingForViewChange(),state.panelStateLoaded=!1,state.panelState=createDefaultPanelState();const t=document.getElementById("view-select");t&&state.views.some(n=>n.id===e)&&(t.value=e),applyFleetAutoRefresh(),applyShareButtonState(),panelApi.postMessage({type:"setActiveView",viewId:e}),panelApi.postMessage({type:"requestPanelState",panelId:PANEL_ID})}function showNewViewModal(e){const t=document.getElementById("new-view-modal"),n=document.getElementById("new-view-name-input"),a=document.getElementById("new-view-modal-ok"),r=document.getElementById("new-view-modal-cancel");if(!t||!n||!a||!r)return;typeof e=="function"&&e(),n.value="",t.style.display="flex",t.setAttribute("aria-hidden","false"),n.focus();function s(){t.style.display="none",t.setAttribute("aria-hidden","true"),t.removeEventListener("click",f),document.removeEventListener("keydown",l)}function o(){const c=n.value.trim();s(),c&&panelApi.postMessage({type:"createView",name:c})}function f(c){c.target===t&&s()}function l(c){c.key==="Escape"?(s(),c.preventDefault()):c.key==="Enter"&&(o(),c.preventDefault())}t.addEventListener("click",f),document.addEventListener("keydown",l),a.onclick=()=>o(),r.onclick=()=>s()}function promptCreateView(){showNewViewModal()}function initViews(){const e=document.getElementById("view-select");e?.addEventListener("change",()=>{const t=e.value||"";if(t){if(t===ADD_VIEW_OPTION_VALUE){showNewViewModal(()=>{e.value=state.activeViewId||""});return}t!==state.activeViewId&&switchToView(t)}})}function refreshCurrentView(){const e=document.getElementById("refresh-charts-btn");e&&!e.classList.contains("refreshing")&&(setRefreshButtonState(!0),panelApi.postMessage({type:"refreshView"}))}function formatTimeAgo(e){const t=Math.floor((Date.now()-e.getTime())/1e3);return t<60?"just now":t<3600?`${Math.floor(t/60)} min ago`:t<86400?`${Math.floor(t/3600)}h ago`:`${Math.floor(t/86400)}d ago`}function formatSize(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}function renderMarkdown(e){return e.replace(/```(\w*)\n([\s\S]*?)```/g,'<pre><code class="language-$1">$2</code></pre>').replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/^### (.+)$/gm,"<h3>$1</h3>").replace(/^## (.+)$/gm,"<h2>$1</h2>").replace(/^# (.+)$/gm,"<h1>$1</h1>").replace(/\n/g,"<br>")}function normalizeFilename(e){return String(e||"").trim().toLowerCase()}function normalizePanelState(e){const t=e&&typeof e=="object"?e:{},n=t.charts&&typeof t.charts=="object"?t.charts:{},a={};let r=1;for(const[o,f]of Object.entries(n)){const l=normalizeFilename(o);if(!l)continue;const c=f&&typeof f=="object"?f:{},p=Number(c.order),v=Number.isFinite(p)&&p>0?p:r,L=c.hidden===!0,S=Number(c.height),x=c.expanded===!0;a[l]={order:v,hidden:L,height:Number.isFinite(S)&&S>=120?S:void 0,expanded:x},r=Math.max(r,v+1)}const s=t.summaryHidden===!0;return{version:1,charts:a,summaryHidden:s}}function getNextChartOrder(){const e=Object.values(state.panelState.charts);return e.length===0?1:e.reduce((t,n)=>Math.max(t,n.order),0)+1}function ensurePanelStateForArtifacts(e){let t=!1,n=getNextChartOrder();for(const a of e){if(a.type!=="chart"&&a.type!=="image")continue;const r=normalizeFilename(String(a.filename||""));r&&(state.panelState.charts[r]||(state.panelState.charts[r]={order:n++,hidden:!1,height:void 0,expanded:!1},t=!0))}return t}function getChartPanelState(e){const t=normalizeFilename(e);return state.panelState.charts[t]||(state.panelState.charts[t]={order:getNextChartOrder(),hidden:!1,height:void 0,expanded:!1}),state.panelState.charts[t]}function setChartHeight(e,t){const n=getChartPanelState(e);n.height=t>=120&&t<=2e3?t:void 0,savePanelState()}function setChartExpanded(e,t){const n=getChartPanelState(e);n.expanded=t===!0,savePanelState()}function autoFitFleetCardHeight(e){const t=e?.dataset?.filename||"";if(!t)return;const n=getChartPanelState(t);if(typeof n.height=="number"&&Number.isFinite(n.height))return;const a=e.querySelector(".artifact-content"),r=e.querySelector(".html-preview iframe");if(!a||!r)return;let s=0;try{const p=r.contentDocument,v=p?.body,L=p?.documentElement;s=Math.max(v?.scrollHeight||0,v?.offsetHeight||0,L?.scrollHeight||0,L?.offsetHeight||0,L?.clientHeight||0)}catch{return}if(!Number.isFinite(s)||s<=0)return;const o=window.getComputedStyle(a),f=Number.parseFloat(o.paddingTop||"0")||0,l=Number.parseFloat(o.paddingBottom||"0")||0,c=Math.round(Math.max(320,Math.min(2e3,s+f+l)));a.style.height=`${c}px`,a.style.minHeight=`${c}px`,a.style.overflow="hidden",syncEmbeddedPreviewSize(a),setChartHeight(t,c)}function syncEmbeddedPreviewSize(e){const t=e.querySelector(".html-preview");t instanceof HTMLElement&&(t.style.height="100%",t.style.minHeight="0");const n=e.querySelector(".html-preview iframe");if(n instanceof HTMLIFrameElement){n.style.height="100%",n.style.minHeight="0",n.style.display="block";try{n.contentWindow?.dispatchEvent(new Event("resize"))}catch{}}}function attachResizeHandle(e,t){if(!e||!t)return;const n=e.querySelector(".resize-handle"),a=e.querySelector(".artifact-content");if(!n||!a)return;const r=e,s=a,o=120,f=2e3;n.addEventListener("mousedown",l=>{l.preventDefault(),l.stopPropagation();const c=l.clientY,v=s.getBoundingClientRect().height;let L=!1,S=0;const x=()=>{S&&cancelAnimationFrame(S),S=requestAnimationFrame(()=>{S=0,syncEmbeddedPreviewSize(s)})},k=M=>{const T=M.clientY-c;Math.abs(T)>2&&(L=!0);let i=Math.round(v+T);i=Math.max(o,Math.min(f,i)),s.style.height=`${i}px`,s.style.minHeight=`${i}px`,s.style.overflow="hidden",x()},H=()=>{if(document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",H),S&&(cancelAnimationFrame(S),S=0),syncEmbeddedPreviewSize(s),L){const T=s.getBoundingClientRect().height;setChartHeight(t,Math.round(T));return}const M=!r.classList.contains("expanded");r.classList.toggle("expanded",M),setChartExpanded(t,M)};document.addEventListener("mousemove",k),document.addEventListener("mouseup",H)})}function toggleSummarySection(){state.panelState.summaryHidden=!state.panelState.summaryHidden,applySummarySectionVisibility(),savePanelState()}function applySummarySectionVisibility(){const e=document.getElementById("summary-section"),t=document.getElementById("summary-toggle-btn");e&&e.classList.toggle("collapsed",state.panelState.summaryHidden===!0),t&&(t.textContent=state.panelState.summaryHidden?"Show":"Hide",t.title=state.panelState.summaryHidden?"Show summary section":"Hide summary section",t.setAttribute("aria-label",state.panelState.summaryHidden?"Show summary":"Hide summary"))}function savePanelState(){panelApi.postMessage({type:"savePanelState",panelId:PANEL_ID,state:state.panelState})}function moveChartInPanelState(e,t,n){const a=normalizeFilename(e);if(!a)return;getChartPanelState(e);const r=Object.entries(state.panelState.charts).sort((p,v)=>p[1].order-v[1].order||p[0].localeCompare(v[0])).map(([p])=>p),s=r.indexOf(a);if(s<0)return;const o=new Set((n||[]).map(p=>normalizeFilename(p)).filter(Boolean));o.add(a);const f=t==="up"?-1:1;let l=s+f;for(;l>=0&&l<r.length&&!o.has(r[l]);)l+=f;if(l<0||l>=r.length||l===s)return;const[c]=r.splice(s,1);r.splice(l,0,c),r.forEach((p,v)=>{const L=state.panelState.charts[p];L.order=v+1}),savePanelState()}function toggleChartHiddenInPanelState(e){const t=getChartPanelState(e);t.hidden=!t.hidden,savePanelState()}let lastSummaryCardsSignature="";function renderSummaryCards(e){const t=document.getElementById("summary-cards");if(!t)return;if(!e||e.length===0){lastSummaryCardsSignature="",renderSummaryPlaceholders();return}const n=JSON.stringify(e);n===lastSummaryCardsSignature&&!t.classList.contains("loading")||(lastSummaryCardsSignature=n,t.style.display="grid",t.classList.remove("loading"),t.innerHTML=e.map(a=>`
 		<div class="metric-card">
-			<div class="metric-icon">${card.icon}</div>
-			<div class="metric-value">${escapeHtml(card.value)}</div>
-			<div class="metric-label">${escapeHtml(card.label)}</div>
+			<div class="metric-icon">${a.icon}</div>
+			<div class="metric-value">${escapeHtml(a.value)}</div>
+			<div class="metric-label">${escapeHtml(a.label)}</div>
 		</div>
-	`).join('');
-}
-
-/**
- * Render summary placeholders while data is loading.
- */
-function renderSummaryPlaceholders() {
-	const container = document.getElementById('summary-cards');
-	if (!container) {
-		return;
-	}
-
-	container.style.display = 'grid';
-	container.classList.add('loading');
-	container.innerHTML = Array.from({ length: 4 }).map(() => `
+	`).join(""))}function renderSummaryPlaceholders(){const e=document.getElementById("summary-cards");e&&(e.style.display="grid",e.classList.add("loading"),e.innerHTML=Array.from({length:4}).map(()=>`
 		<div class="metric-card skeleton">
 			<div class="skeleton-line skeleton-icon"></div>
 			<div class="skeleton-line skeleton-value"></div>
 			<div class="skeleton-line skeleton-label"></div>
 		</div>
-	`).join('');
-}
-
-// -----------------------------------------------------------------------------
-// Gallery Rendering
-// -----------------------------------------------------------------------------
-
-/**
- * Show a specific gallery state
- * @param {'loading' | 'empty' | 'generating' | 'failed' | 'content'} stateName
- */
-function showGalleryState(stateName) {
-	const states = ['loading-state', 'empty-state', 'generating-state', 'failed-state', 'gallery-content'];
-	for (const id of states) {
-		const el = document.getElementById(id);
-		if (el) {
-			el.style.display = id === `${stateName}-state` || id === `${stateName}` ? 'flex' : 'none';
-		}
-	}
-
-	// gallery-content needs 'block' not 'flex'
-	const content = document.getElementById('gallery-content');
-	if (content) {
-		content.style.display = stateName === 'content' ? 'block' : 'none';
-	}
-}
-
-/**
- * Render the artifact gallery
- * @param {Array<object>} artifacts
- * @param {{ forceFreshHtml?: boolean }} [options]
- */
-function renderGallery(artifacts, options) {
-	const forceFreshHtml = options?.forceFreshHtml === true;
-	const container = document.getElementById('gallery-content');
-	if (!container) {
-		return;
-	}
-	// Preserve existing HTML iframes across incremental refreshes when the
-	// artifact content version (modifiedAt) did not change.
-	/** @type {Map<string, HTMLIFrameElement>} */
-	const reusableHtmlPreviews = new Map();
-	container.querySelectorAll('.artifact-card').forEach((cardEl) => {
-		const card = /** @type {HTMLElement} */ (cardEl);
-		const path = card.dataset.path || '';
-		const modifiedAt = card.dataset.modifiedAt || '';
-		if (!path || !modifiedAt) {
-			return;
-		}
-		const iframe = /** @type {HTMLIFrameElement | null} */ (card.querySelector('.html-preview iframe'));
-		if (!iframe) {
-			return;
-		}
-		reusableHtmlPreviews.set(`${path}::${modifiedAt}`, iframe);
-	});
-
-	const layoutChanged = ensurePanelStateForArtifacts(artifacts);
-	if (layoutChanged && state.panelStateLoaded) {
-		savePanelState();
-	}
-
-	const visibleArtifacts = artifacts.filter((artifact) => {
-		const filename = String(artifact.filename || '').trim().toLowerCase();
-		// Hide artifacts matching galleryIgnorePatterns (suffix or exact name); list is from disabled-charts.yaml
-		const ignored = state.galleryIgnorePatterns.some((p) => {
-			const pattern = String(p).trim().toLowerCase();
-			return pattern && (filename.endsWith(pattern) || filename === pattern);
-		});
-		if (ignored) {
-			return false;
-		}
-		// Live Fleet iframe views: export JSON is pushed via viewExportSnapshot — skip gallery cards (Open/Delete).
-		if (activeViewIsLiveFleetSnapshot() && artifact.type !== 'chart' && artifact.type !== 'image') {
-			return false;
-		}
-		if (artifact.type !== 'chart' && artifact.type !== 'image') {
-			return true;
-		}
-		return !state.disabledCharts.has(filename);
-	});
-
-	const chartArtifacts = visibleArtifacts
-		.filter((artifact) => artifact.type === 'chart' || artifact.type === 'image')
-		.map((artifact) => ({
-			...artifact,
-			_panel: getChartPanelState(String(artifact.filename || '')),
-		}))
-		.sort((a, b) => {
-			if (a._panel.hidden !== b._panel.hidden) {
-				return a._panel.hidden ? 1 : -1;
-			}
-			if (a._panel.order !== b._panel.order) {
-				return a._panel.order - b._panel.order;
-			}
-			return new Date(b.modifiedAt).getTime() - new Date(a.modifiedAt).getTime();
-		});
-	const nonChartArtifacts = visibleArtifacts
-		.filter((artifact) => artifact.type !== 'chart')
-		.sort((a, b) => new Date(b.modifiedAt).getTime() - new Date(a.modifiedAt).getTime());
-	const orderedArtifacts = [...chartArtifacts, ...nonChartArtifacts];
-
-	if (orderedArtifacts.length === 0) {
-		showGalleryState('empty');
-		return;
-	}
-
-	// Export JSON alongside the chart is normal for live fleet views — do not fall back to gallery layout.
-	const nonChartNonExportArtifacts = nonChartArtifacts.filter((artifact) => artifact.type !== 'export');
-	const fleetHtmlCharts = chartArtifacts.filter((artifact) => artifact.format === 'html');
-	const isFleetSingleHtml =
-		(fleetHtmlCharts.length >= 1 && activeViewIsLiveFleetSnapshot())
-		|| (activeViewUsesFleetDashboardLayout() &&
-			chartArtifacts.length === 1 &&
-			chartArtifacts[0].format === 'html' &&
-			nonChartNonExportArtifacts.length === 0);
-	if (isFleetSingleHtml) {
-		const artifact = fleetHtmlCharts[0];
-		const path = artifact.localPath || '';
-		const modifiedAt = String(artifact.modifiedAt || '');
-		const fleetFilename = String(artifact.filename || '').trim() || '__fleet__';
-		const chartState = getChartPanelState(fleetFilename);
-		const fleetExpandedClass = chartState.expanded ? ' expanded' : '';
-		const fleetHeightStyle = chartState.height
-			? `style="height: ${chartState.height}px; min-height: ${chartState.height}px; overflow: auto;"`
-			: '';
-		const existingFleetCard = /** @type {HTMLElement | null} */ (
-			container.querySelector('.fleet-dashboard-full.artifact-card')
-		);
-		// preserveFleetIframe views: keep the iframe mounted; data updates arrive via viewExportSnapshot postMessage.
-		let fleetIframeHasSnapshotShell = false;
-		if (activeViewPreservesFleetIframe() && existingFleetCard) {
-			const fleetIframe = existingFleetCard.querySelector('.html-preview iframe');
-			if (fleetIframe instanceof HTMLIFrameElement) {
-				try {
-					const doc = fleetIframe.contentDocument;
-					fleetIframeHasSnapshotShell =
-						doc?.body?.dataset?.fleetSnapshotShell === '1'
-						|| doc?.documentElement?.hasAttribute('data-live-fleet-shell');
-				} catch {
-					fleetIframeHasSnapshotShell = false;
-				}
-			}
-		}
-		if (
-			activeViewPreservesFleetIframe()
-			&& existingFleetCard
-			&& existingFleetCard.dataset.path === path
-			&& existingFleetCard.querySelector('.html-preview iframe')
-			&& fleetIframeHasSnapshotShell
-			&& !forceFreshHtml
-		) {
-			showGalleryState('content');
-			existingFleetCard.dataset.modifiedAt = modifiedAt;
-			attachResizeHandle(existingFleetCard, fleetFilename);
-			return;
-		}
-		const reusable = forceFreshHtml ? undefined : reusableHtmlPreviews.get(`${path}::${modifiedAt}`);
-		showGalleryState('content');
-		container.innerHTML = `
-			<div class="fleet-dashboard-full artifact-card${fleetExpandedClass}" data-path="${escapeHtml(path)}" data-filename="${escapeHtml(fleetFilename)}" data-modified-at="${escapeHtml(modifiedAt)}">
-				<div class="artifact-content" ${fleetHeightStyle}>
-					<div class="html-preview">${reusable ? '' : '<div class="html-preview-loading">Loading Fleet Operations...</div>'}</div>
+	`).join(""))}function showGalleryState(e){const t=["loading-state","empty-state","generating-state","failed-state","gallery-content"];for(const a of t){const r=document.getElementById(a);r&&(r.style.display=a===`${e}-state`||a===`${e}`?"flex":"none")}const n=document.getElementById("gallery-content");n&&(n.style.display=e==="content"?"block":"none")}function renderGallery(e,t){const n=t?.forceFreshHtml===!0,a=document.getElementById("gallery-content");if(!a)return;const r=new Map;a.querySelectorAll(".artifact-card").forEach(i=>{const d=i,b=d.dataset.path||"",g=d.dataset.modifiedAt||"";if(!b||!g)return;const m=d.querySelector(".html-preview iframe");m&&r.set(`${b}::${g}`,m)}),ensurePanelStateForArtifacts(e)&&state.panelStateLoaded&&savePanelState();const o=e.filter(i=>{const d=String(i.filename||"").trim().toLowerCase();return state.galleryIgnorePatterns.some(g=>{const m=String(g).trim().toLowerCase();return m&&(d.endsWith(m)||d===m)})||activeViewIsLiveFleetSnapshot()&&i.type!=="chart"&&i.type!=="image"?!1:i.type!=="chart"&&i.type!=="image"?!0:!state.disabledCharts.has(d)}),f=o.filter(i=>i.type==="chart"||i.type==="image").map(i=>({...i,_panel:getChartPanelState(String(i.filename||""))})).sort((i,d)=>i._panel.hidden!==d._panel.hidden?i._panel.hidden?1:-1:i._panel.order!==d._panel.order?i._panel.order-d._panel.order:new Date(d.modifiedAt).getTime()-new Date(i.modifiedAt).getTime()),l=o.filter(i=>i.type!=="chart").sort((i,d)=>new Date(d.modifiedAt).getTime()-new Date(i.modifiedAt).getTime()),c=[...f,...l];if(c.length===0){showGalleryState("empty");return}const p=l.filter(i=>i.type!=="export"),v=f.filter(i=>i.format==="html");if(v.length>=1&&activeViewIsLiveFleetSnapshot()||activeViewUsesFleetDashboardLayout()&&f.length===1&&f[0].format==="html"&&p.length===0){const i=v[0],d=i.localPath||"",b=String(i.modifiedAt||""),g=String(i.filename||"").trim()||"__fleet__",m=getChartPanelState(g),I=m.expanded?" expanded":"",E=m.height?`style="height: ${m.height}px; min-height: ${m.height}px; overflow: auto;"`:"",u=a.querySelector(".fleet-dashboard-full.artifact-card");let A=!1;if(activeViewPreservesFleetIframe()&&u){const h=u.querySelector(".html-preview iframe");if(h instanceof HTMLIFrameElement)try{const C=h.contentDocument;A=C?.body?.dataset?.fleetSnapshotShell==="1"||C?.documentElement?.hasAttribute("data-live-fleet-shell")}catch{A=!1}}if(activeViewPreservesFleetIframe()&&u&&u.dataset.path===d&&u.querySelector(".html-preview iframe")&&A&&!n){showGalleryState("content"),u.dataset.modifiedAt=b,attachResizeHandle(u,g);return}const w=n?void 0:r.get(`${d}::${b}`);if(showGalleryState("content"),a.innerHTML=`
+			<div class="fleet-dashboard-full artifact-card${I}" data-path="${escapeHtml(d)}" data-filename="${escapeHtml(g)}" data-modified-at="${escapeHtml(b)}">
+				<div class="artifact-content" ${E}>
+					<div class="html-preview">${w?"":'<div class="html-preview-loading">Loading Fleet Operations...</div>'}</div>
 				</div>
-				<div class="resize-handle" data-filename="${escapeHtml(fleetFilename)}" title="Drag to resize height" role="separator"></div>
+				<div class="resize-handle" data-filename="${escapeHtml(g)}" title="Drag to resize height" role="separator"></div>
 			</div>
-		`;
-		if (reusable) {
-			const host = container.querySelector('.html-preview');
-			if (host) {
-				host.classList.add('ready');
-				host.appendChild(reusable);
-			}
-		} else {
-			requestHtmlPreviewContents([artifact]);
-		}
-		const fleetCard = container.querySelector('.artifact-card');
-		attachResizeHandle(fleetCard, fleetFilename);
-		if (fleetCard instanceof HTMLElement) {
-			fleetCard.addEventListener('click', (event) => {
-				const target = /** @type {HTMLElement | null} */ (event.target instanceof HTMLElement ? event.target : null);
-				if (target?.closest('button,.resize-handle')) {
-					return;
-				}
-				const nextExpanded = !fleetCard.classList.contains('expanded');
-				fleetCard.classList.toggle('expanded', nextExpanded);
-				setChartExpanded(fleetFilename, nextExpanded);
-			});
-		}
-		return;
-	}
-
-	showGalleryState('content');
-
-	const buildCardHtml = (artifact) => {
-		const timeAgo = formatTimeAgo(new Date(artifact.modifiedAt));
-		const sizeFormatted = formatSize(artifact.size);
-		const isChart = artifact.type === 'chart';
-		const isImage = artifact.type === 'image';
-		const isVisual = isChart || isImage;
-		const chartState = isVisual ? artifact._panel : undefined;
-		const isHidden = chartState?.hidden === true;
-		const isExpanded = chartState?.expanded === true;
-		const order = Number.isFinite(chartState?.order) ? chartState.order : undefined;
-
-		// Render based on format
-		let content = '';
-		switch (artifact.format) {
-			case 'png':
-			case 'svg':
-			case 'jpg':
-				content = `<img src="${artifact.webviewUri}" alt="${escapeHtml(artifact.filename)}" loading="lazy" />`;
-				break;
-			case 'html':
-				content = `
-					<div class="html-preview" data-path="${escapeHtml(artifact.localPath)}">
+		`,w){const h=a.querySelector(".html-preview");h&&(h.classList.add("ready"),h.appendChild(w))}else requestHtmlPreviewContents([i]);const y=a.querySelector(".artifact-card");attachResizeHandle(y,g),y instanceof HTMLElement&&y.addEventListener("click",h=>{if((h.target instanceof HTMLElement?h.target:null)?.closest("button,.resize-handle"))return;const V=!y.classList.contains("expanded");y.classList.toggle("expanded",V),setChartExpanded(g,V)});return}showGalleryState("content");const S=i=>{const d=formatTimeAgo(new Date(i.modifiedAt)),b=formatSize(i.size),g=i.type==="chart",m=i.type==="image",I=g||m,E=I?i._panel:void 0,u=E?.hidden===!0,A=E?.expanded===!0,w=Number.isFinite(E?.order)?E.order:void 0;let y="";switch(i.format){case"png":case"svg":case"jpg":y=`<img src="${i.webviewUri}" alt="${escapeHtml(i.filename)}" loading="lazy" />`;break;case"html":y=`
+					<div class="html-preview" data-path="${escapeHtml(i.localPath)}">
 						<div class="html-preview-loading">Loading preview...</div>
 					</div>
-				`;
-				break;
-			case 'md':
-				content = `<div class="markdown-preview" data-path="${escapeHtml(artifact.localPath)}">Loading...</div>`;
-				break;
-			case 'csv':
-			case 'json':
-				content = `<div class="data-preview"><code>${escapeHtml(artifact.filename)}</code></div>`;
-				break;
-			default:
-				content = `<div class="data-preview"><code>${escapeHtml(artifact.filename)}</code></div>`;
-		}
-
-		// Find manifest entry for this artifact
-		const manifestEntry = state.manifest?.artifacts?.find(e => e.filename === artifact.filename);
-		const title = manifestEntry?.title || artifact.filename;
-		const generatorBadge = artifact.generator
-			? `<span class="generator-badge">${escapeHtml(artifact.generator)}</span>`
-			: '';
-		const sourceBadge = manifestEntry?.source === 'default'
-			? '<span class="source-badge">Auto</span>'
-			: '';
-		const hiddenBadge = isVisual && isHidden
-			? '<span class="layout-badge disabled">Hidden</span>'
-			: '';
-		const orderBadge = isVisual && Number.isFinite(order)
-			? `<span class="layout-badge">#${order}</span>`
-			: '';
-		const layoutActions = isVisual
-			? `
-				<button class="action-btn move-up-btn" title="Move up">↑</button>
-				<button class="action-btn move-down-btn" title="Move down">↓</button>
-				<button class="action-btn toggle-enabled-btn" title="${isHidden ? 'Show chart' : 'Hide chart'}">
-					${isHidden ? 'Show' : 'Hide'}
+				`;break;case"md":y=`<div class="markdown-preview" data-path="${escapeHtml(i.localPath)}">Loading...</div>`;break;case"csv":case"json":y=`<div class="data-preview"><code>${escapeHtml(i.filename)}</code></div>`;break;default:y=`<div class="data-preview"><code>${escapeHtml(i.filename)}</code></div>`}const h=state.manifest?.artifacts?.find(_=>_.filename===i.filename),C=h?.title||i.filename,V=i.generator?`<span class="generator-badge">${escapeHtml(i.generator)}</span>`:"",F=h?.source==="default"?'<span class="source-badge">Auto</span>':"",B=I&&u?'<span class="layout-badge disabled">Hidden</span>':"",$=I&&Number.isFinite(w)?`<span class="layout-badge">#${w}</span>`:"",q=I?`
+				<button class="action-btn move-up-btn" title="Move up">\u2191</button>
+				<button class="action-btn move-down-btn" title="Move down">\u2193</button>
+				<button class="action-btn toggle-enabled-btn" title="${u?"Show chart":"Hide chart"}">
+					${u?"Show":"Hide"}
 				</button>
-			`
-			: '';
-		const contentHeightStyle = isVisual && chartState?.height
-			? `style="height: ${chartState.height}px; min-height: ${chartState.height}px; overflow: auto;"`
-			: '';
-		const resizeHandle = isVisual
-			? `<div class="resize-handle" data-filename="${escapeHtml(artifact.filename)}" title="Drag to resize height" role="separator"></div>`
-			: '';
-
-		return `
-			<div class="artifact-card ${isVisual && isHidden ? 'layout-disabled' : ''}${isExpanded ? ' expanded' : ''}" data-path="${escapeHtml(artifact.localPath)}" data-type="${artifact.type}" data-filename="${escapeHtml(artifact.filename)}" data-modified-at="${escapeHtml(String(artifact.modifiedAt || ''))}">
-				<div class="artifact-content" ${contentHeightStyle}>
-					${content}
+			`:"",P=I&&E?.height?`style="height: ${E.height}px; min-height: ${E.height}px; overflow: auto;"`:"",R=I?`<div class="resize-handle" data-filename="${escapeHtml(i.filename)}" title="Drag to resize height" role="separator"></div>`:"";return`
+			<div class="artifact-card ${I&&u?"layout-disabled":""}${A?" expanded":""}" data-path="${escapeHtml(i.localPath)}" data-type="${i.type}" data-filename="${escapeHtml(i.filename)}" data-modified-at="${escapeHtml(String(i.modifiedAt||""))}">
+				<div class="artifact-content" ${P}>
+					${y}
 				</div>
 				<div class="artifact-meta">
-					<span class="artifact-name" title="${escapeHtml(artifact.filename)}">${escapeHtml(title)}</span>
-					${sourceBadge}
-					${hiddenBadge}
-					${orderBadge}
-					${generatorBadge}
-					<span class="artifact-time">${timeAgo}</span>
-					<span class="artifact-size">${sizeFormatted}</span>
+					<span class="artifact-name" title="${escapeHtml(i.filename)}">${escapeHtml(C)}</span>
+					${F}
+					${B}
+					${$}
+					${V}
+					<span class="artifact-time">${d}</span>
+					<span class="artifact-size">${b}</span>
 				</div>
 				<div class="artifact-actions">
 					<button class="action-btn open-btn" title="Open in editor">Open</button>
 					<button class="action-btn delete-btn" title="Delete artifact">Delete</button>
-					${layoutActions}
+					${q}
 				</div>
-				${resizeHandle}
+				${R}
 			</div>
-		`;
-	};
-	// Keyed card reuse: diff incoming artifacts against existing cards by localPath and only
-	// rebuild what changed. Rebuilding a card destroys its iframe/img and re-fetches content —
-	// that teardown is the visible blink — so unchanged cards must not be touched at all.
-	/** @type {Map<string, HTMLElement>} */
-	const existingCards = new Map();
-	Array.from(container.children).forEach((childEl) => {
-		const child = /** @type {HTMLElement} */ (childEl);
-		const childPath = child.dataset.path || '';
-		const reusableAsCard =
-			child.classList.contains('artifact-card')
-			&& !child.classList.contains('fleet-dashboard-full') // fleet layout card: different structure
-			&& !child.classList.contains('deleting')
-			&& childPath
-			&& !existingCards.has(childPath);
-		if (!reusableAsCard) {
-			child.remove();
-			return;
-		}
-		existingCards.set(childPath, child);
-	});
-
-	/** @type {Array<object>} */
-	const htmlArtifactsNeedingFetch = [];
-	/** @type {Array<object>} */
-	const markdownArtifactsNeedingFetch = [];
-	/** @type {HTMLElement[]} */
-	const orderedCards = [];
-	for (const artifact of orderedArtifacts) {
-		const path = String(artifact.localPath || '');
-		const modifiedAt = String(artifact.modifiedAt || '');
-		const isVisual = artifact.type === 'chart' || artifact.type === 'image';
-		const chartState = isVisual ? artifact._panel : undefined;
-		const signature = computeCardRenderSignature(artifact);
-		const forceHtmlReload = forceFreshHtml && artifact.format === 'html';
-		const existing = existingCards.get(path);
-		existingCards.delete(path);
-
-		if (existing && existing.dataset.cardSignature === signature && !forceHtmlReload) {
-			// Unchanged: leave the DOM (and any live iframe) alone. Expanded/height are kept
-			// out of the signature and applied in place so toggling them never reloads content.
-			if (isVisual) {
-				existing.classList.toggle('expanded', chartState?.expanded === true);
-				const contentEl = /** @type {HTMLElement | null} */ (existing.querySelector('.artifact-content'));
-				if (contentEl && chartState?.height) {
-					contentEl.style.height = `${chartState.height}px`;
-					contentEl.style.minHeight = `${chartState.height}px`;
-					contentEl.style.overflow = 'auto';
-				}
-			}
-			const timeEl = existing.querySelector('.artifact-time');
-			if (timeEl) {
-				timeEl.textContent = formatTimeAgo(new Date(artifact.modifiedAt));
-			}
-			orderedCards.push(existing);
-			continue;
-		}
-
-		const template = document.createElement('template');
-		template.innerHTML = buildCardHtml(artifact).trim();
-		const card = /** @type {HTMLElement | null} */ (template.content.firstElementChild);
-		if (!card) {
-			continue;
-		}
-		card.dataset.cardSignature = signature;
-		const htmlHost = /** @type {HTMLElement | null} */ (card.querySelector('.html-preview'));
-		if (htmlHost) {
-			const reusable = forceHtmlReload ? undefined : reusableHtmlPreviews.get(`${path}::${modifiedAt}`);
-			if (reusable) {
-				htmlHost.classList.add('ready');
-				htmlHost.innerHTML = '';
-				htmlHost.appendChild(reusable);
-			} else if (artifact.format === 'html') {
-				htmlArtifactsNeedingFetch.push(artifact);
-			}
-		}
-		if (card.querySelector('.markdown-preview')) {
-			markdownArtifactsNeedingFetch.push(artifact);
-		}
-		attachArtifactCardHandlers(card);
-		if (existing) {
-			existing.replaceWith(card);
-		}
-		orderedCards.push(card);
-	}
-
-	// Cards whose artifacts disappeared.
-	existingCards.forEach((card) => card.remove());
-
-	// Minimal-move reorder: re-inserting a node reloads its iframe, so only move cards that
-	// are actually out of position.
-	let cursor = container.firstElementChild;
-	for (const card of orderedCards) {
-		if (card === cursor) {
-			cursor = cursor.nextElementSibling;
-			continue;
-		}
-		container.insertBefore(card, cursor);
-	}
-
-	requestHtmlPreviewContents(htmlArtifactsNeedingFetch);
-	requestMarkdownPreviewContents(markdownArtifactsNeedingFetch);
-
-	// Markdown previews are loaded via host message passing (artifactContent)
-	// to avoid fetch restrictions for local report files.
-}
-
-/**
- * Per-card render signature: every input that affects a card's DOM except expanded/height,
- * which renderGallery applies in place so toggling them never rebuilds the card.
- * @param {object} artifact
- * @returns {string}
- */
-function computeCardRenderSignature(artifact) {
-	const isVisual = artifact.type === 'chart' || artifact.type === 'image';
-	const chartState = isVisual ? artifact._panel : undefined;
-	const manifestEntry = state.manifest?.artifacts?.find(e => e.filename === artifact.filename);
-	return [
-		String(artifact.localPath || ''),
-		String(artifact.filename || ''),
-		String(artifact.modifiedAt || ''),
-		String(artifact.size || ''),
-		String(artifact.type || ''),
-		String(artifact.format || ''),
-		String(artifact.generator || ''),
-		String(manifestEntry?.title || ''),
-		String(manifestEntry?.source || ''),
-		chartState?.hidden === true ? '1' : '0',
-		Number.isFinite(chartState?.order) ? String(chartState.order) : '',
-	].join('|');
-}
-
-/**
- * Chart/image ordering keys derived from current DOM order — computed at click time so
- * handlers on long-lived cards never act on a stale snapshot.
- * @returns {string[]}
- */
-function getInteractiveChartKeysFromDom() {
-	const container = document.getElementById('gallery-content');
-	if (!container) {
-		return [];
-	}
-	return Array.from(container.querySelectorAll('.artifact-card'))
-		.filter((cardEl) => {
-			const card = /** @type {HTMLElement} */ (cardEl);
-			return card.dataset.type === 'chart' || card.dataset.type === 'image';
-		})
-		.map((cardEl) => normalizeFilename(String(/** @type {HTMLElement} */ (cardEl).dataset.filename || '')))
-		.filter(Boolean);
-}
-
-/**
- * Wire interactive behaviors for one gallery card (open/delete, layout buttons, expand on
- * click, resize handle). Called once per created card; reused cards keep their listeners.
- * @param {HTMLElement} card
- */
-function attachArtifactCardHandlers(card) {
-	const path = card.dataset.path;
-	const filename = card.dataset.filename;
-	const isChart = card.dataset.type === 'chart';
-	const isVisual = card.dataset.type === 'chart' || card.dataset.type === 'image';
-
-	card.querySelector('.open-btn')?.addEventListener('click', (e) => {
-		e.stopPropagation();
-		panelApi.postMessage({ type: 'openArtifact', path });
-	});
-
-	card.querySelector('.delete-btn')?.addEventListener('click', (e) => {
-		e.stopPropagation();
-		panelApi.postMessage({ type: 'deleteArtifact', path });
-	});
-
-	if (isChart && filename) {
-		card.querySelector('.move-up-btn')?.addEventListener('click', (e) => {
-			e.stopPropagation();
-			moveChartInPanelState(filename, 'up', getInteractiveChartKeysFromDom());
-			renderGallery(state.artifacts);
-		});
-
-		card.querySelector('.move-down-btn')?.addEventListener('click', (e) => {
-			e.stopPropagation();
-			moveChartInPanelState(filename, 'down', getInteractiveChartKeysFromDom());
-			renderGallery(state.artifacts);
-		});
-
-		card.querySelector('.toggle-enabled-btn')?.addEventListener('click', (e) => {
-			e.stopPropagation();
-			toggleChartHiddenInPanelState(filename);
-			renderGallery(state.artifacts);
-		});
-	}
-
-	// Click on card to expand/collapse
-	card.addEventListener('click', (event) => {
-		const target = /** @type {HTMLElement | null} */ (event.target instanceof HTMLElement ? event.target : null);
-		if (target?.closest('button,.resize-handle')) {
-			return;
-		}
-		const nextExpanded = !card.classList.contains('expanded');
-		card.classList.toggle('expanded', nextExpanded);
-		if (isVisual && filename) {
-			setChartExpanded(filename, nextExpanded);
-		}
-	});
-
-	if (filename) {
-		attachResizeHandle(card, filename);
-	}
-}
-
-/**
- * Build a compact signature for artifact catalog identity.
- * Used to avoid expensive no-op rerenders on duplicate updates.
- * @param {Array<object>} artifacts
- * @returns {string}
- */
-function getArtifactCatalogSignature(artifacts) {
-	return artifacts
-		.map((artifact) => [
-			String(artifact.localPath || ''),
-			String(artifact.modifiedAt || ''),
-			String(artifact.size || ''),
-			String(artifact.format || ''),
-			String(artifact.type || ''),
-		].join('|'))
-		.sort()
-		.join('\n');
-}
-
-/** Signature ignoring export files — chart HTML identity for preserveFleetIframe fast path. */
-function getArtifactCatalogSignatureExcludingExports(artifacts) {
-	return getArtifactCatalogSignature(artifacts.filter((artifact) => artifact.type !== 'export'));
-}
-
-/**
- * Add nonce to inline script tags so they can run in srcdoc.
- * @param {string} html
- * @param {string} nonce
- * @returns {string}
- */
-function injectNonceIntoInlineScripts(html, nonce) {
-	if (!nonce) {
-		return html;
-	}
-	return html.replace(/<script(?![^>]*\bnonce=)([^>]*)>/gi, `<script nonce="${nonce}"$1>`);
-}
-
-/**
- * Inject a keyboard shortcut bridge for embedded iframe widgets so common
- * shortcuts (Ctrl/Cmd+A/C/X/V) work reliably in webview sandboxes.
- * @param {string} html
- * @param {string} nonce
- * @returns {string}
- */
-function injectIframeKeyboardShortcutBridge(html, nonce) {
-	const bridge = `<script nonce="${nonce}">(function(){
+		`},x=new Map;Array.from(a.children).forEach(i=>{const d=i,b=d.dataset.path||"";if(!(d.classList.contains("artifact-card")&&!d.classList.contains("fleet-dashboard-full")&&!d.classList.contains("deleting")&&b&&!x.has(b))){d.remove();return}x.set(b,d)});const k=[],H=[],M=[];for(const i of c){const d=String(i.localPath||""),b=String(i.modifiedAt||""),g=i.type==="chart"||i.type==="image",m=g?i._panel:void 0,I=computeCardRenderSignature(i),E=n&&i.format==="html",u=x.get(d);if(x.delete(d),u&&u.dataset.cardSignature===I&&!E){if(g){u.classList.toggle("expanded",m?.expanded===!0);const C=u.querySelector(".artifact-content");C&&m?.height&&(C.style.height=`${m.height}px`,C.style.minHeight=`${m.height}px`,C.style.overflow="auto")}const h=u.querySelector(".artifact-time");h&&(h.textContent=formatTimeAgo(new Date(i.modifiedAt))),M.push(u);continue}const A=document.createElement("template");A.innerHTML=S(i).trim();const w=A.content.firstElementChild;if(!w)continue;w.dataset.cardSignature=I;const y=w.querySelector(".html-preview");if(y){const h=E?void 0:r.get(`${d}::${b}`);h?(y.classList.add("ready"),y.innerHTML="",y.appendChild(h)):i.format==="html"&&k.push(i)}w.querySelector(".markdown-preview")&&H.push(i),attachArtifactCardHandlers(w),u&&u.replaceWith(w),M.push(w)}x.forEach(i=>i.remove());let T=a.firstElementChild;for(const i of M){if(i===T){T=T.nextElementSibling;continue}a.insertBefore(i,T)}requestHtmlPreviewContents(k),requestMarkdownPreviewContents(H)}function computeCardRenderSignature(e){const n=e.type==="chart"||e.type==="image"?e._panel:void 0,a=state.manifest?.artifacts?.find(r=>r.filename===e.filename);return[String(e.localPath||""),String(e.filename||""),String(e.modifiedAt||""),String(e.size||""),String(e.type||""),String(e.format||""),String(e.generator||""),String(a?.title||""),String(a?.source||""),n?.hidden===!0?"1":"0",Number.isFinite(n?.order)?String(n.order):""].join("|")}function getInteractiveChartKeysFromDom(){const e=document.getElementById("gallery-content");return e?Array.from(e.querySelectorAll(".artifact-card")).filter(t=>{const n=t;return n.dataset.type==="chart"||n.dataset.type==="image"}).map(t=>normalizeFilename(String(t.dataset.filename||""))).filter(Boolean):[]}function attachArtifactCardHandlers(e){const t=e.dataset.path,n=e.dataset.filename,a=e.dataset.type==="chart",r=e.dataset.type==="chart"||e.dataset.type==="image";e.querySelector(".open-btn")?.addEventListener("click",s=>{s.stopPropagation(),panelApi.postMessage({type:"openArtifact",path:t})}),e.querySelector(".delete-btn")?.addEventListener("click",s=>{s.stopPropagation(),panelApi.postMessage({type:"deleteArtifact",path:t})}),a&&n&&(e.querySelector(".move-up-btn")?.addEventListener("click",s=>{s.stopPropagation(),moveChartInPanelState(n,"up",getInteractiveChartKeysFromDom()),renderGallery(state.artifacts)}),e.querySelector(".move-down-btn")?.addEventListener("click",s=>{s.stopPropagation(),moveChartInPanelState(n,"down",getInteractiveChartKeysFromDom()),renderGallery(state.artifacts)}),e.querySelector(".toggle-enabled-btn")?.addEventListener("click",s=>{s.stopPropagation(),toggleChartHiddenInPanelState(n),renderGallery(state.artifacts)})),e.addEventListener("click",s=>{if((s.target instanceof HTMLElement?s.target:null)?.closest("button,.resize-handle"))return;const f=!e.classList.contains("expanded");e.classList.toggle("expanded",f),r&&n&&setChartExpanded(n,f)}),n&&attachResizeHandle(e,n)}function getArtifactCatalogSignature(e){return e.map(t=>[String(t.localPath||""),String(t.modifiedAt||""),String(t.size||""),String(t.format||""),String(t.type||"")].join("|")).sort().join(`
+`)}function getArtifactCatalogSignatureExcludingExports(e){return getArtifactCatalogSignature(e.filter(t=>t.type!=="export"))}function injectNonceIntoInlineScripts(e,t){return t?e.replace(/<script(?![^>]*\bnonce=)([^>]*)>/gi,`<script nonce="${t}"$1>`):e}function injectIframeKeyboardShortcutBridge(e,t){const n=`<script nonce="${t}">(function(){
 		try {
 			var pending = new Map();
 			function requestClipboardText() {
@@ -1668,839 +219,4 @@ function injectIframeKeyboardShortcutBridge(html, nonce) {
 		} catch (err) {
 			// no-op
 		}
-	})();</script>`;
-	if (/<\/body>/i.test(html)) {
-		return html.replace(/<\/body>/i, `${bridge}</body>`);
-	}
-	return `${html}${bridge}`;
-}
-
-/**
- * Ask host to read HTML artifact contents by local path.
- * This avoids webview URL fetch/DNS issues for nested iframe previews.
- * @param {Array<object>} artifacts
- */
-function requestHtmlPreviewContents(artifacts) {
-	for (const artifact of artifacts) {
-		if (artifact.format !== 'html' || !artifact.localPath) {
-			continue;
-		}
-		panelApi.postMessage({
-			type: 'requestArtifactContent',
-			path: artifact.localPath,
-			format: 'html',
-		});
-	}
-}
-
-/**
- * Ask host to read markdown artifact contents by local path.
- * @param {Array<object>} artifacts
- */
-function requestMarkdownPreviewContents(artifacts) {
-	for (const artifact of artifacts) {
-		if (artifact.format !== 'md' || !artifact.localPath) {
-			continue;
-		}
-		panelApi.postMessage({
-			type: 'requestArtifactContent',
-			path: artifact.localPath,
-			format: 'md',
-		});
-	}
-}
-
-/**
- * Render HTML preview for one artifact path from host-provided content.
- * @param {string} path
- * @param {string | undefined} content
- * @param {string | undefined} error
- */
-function renderHtmlPreview(path, content, error) {
-	const card = Array.from(document.querySelectorAll('.artifact-card')).find((cardEl) => {
-		const element = /** @type {HTMLElement} */ (cardEl);
-		return element.dataset.path === path;
-	});
-	const host = /** @type {HTMLElement | null} */ (card?.querySelector('.html-preview'));
-	if (!host) {
-		return;
-	}
-
-	if (error || !content) {
-		const reason = error || 'No preview content available.';
-		host.innerHTML = `<div class="html-preview-fallback">Preview unavailable (${escapeHtml(reason)}). Use <strong>Open</strong> to inspect the artifact.</div>`;
-		return;
-	}
-
-	const scriptNonce = document.querySelector('script[nonce]')?.getAttribute('nonce') || '';
-	const iframe = document.createElement('iframe');
-	iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin');
-	iframe.setAttribute('allow', 'clipboard-read; clipboard-write');
-	iframe.setAttribute('loading', 'lazy');
-	iframe.tabIndex = 0;
-	const contentWithNonce = injectNonceIntoInlineScripts(content, scriptNonce);
-	iframe.srcdoc = injectIframeKeyboardShortcutBridge(contentWithNonce, scriptNonce);
-	iframe.addEventListener('load', () => {
-		host.classList.add('ready');
-		const parentCard = host.closest('.artifact-card');
-		if (parentCard instanceof HTMLElement && parentCard.classList.contains('fleet-dashboard-full')) {
-			autoFitFleetCardHeight(parentCard);
-		}
-	});
-	host.innerHTML = '';
-	host.appendChild(iframe);
-}
-
-// -----------------------------------------------------------------------------
-// Quick Prompts & Ask AI
-// -----------------------------------------------------------------------------
-
-function initQuickPrompts() {
-	// Quick prompt buttons in empty state
-	document.querySelectorAll('.quick-prompt').forEach(buttonEl => {
-		const btn = /** @type {HTMLElement} */ (buttonEl);
-		btn.addEventListener('click', () => {
-			const prompt = btn.dataset.prompt;
-			if (prompt) {
-				panelApi.postMessage({ type: 'openChatWithPrompt', prompt });
-			}
-		});
-	});
-
-	// Main "Ask AI" button
-	document.getElementById('ask-ai-btn')?.addEventListener('click', () => {
-		panelApi.postMessage({ type: 'openChat' });
-	});
-
-	// Refresh button
-	document.getElementById('refresh-charts-btn')?.addEventListener('click', () => {
-		refreshCurrentView();
-	});
-
-	// Remove legacy Expand/Shrink buttons if a user-customized panel.html still contains them.
-	document.getElementById('expand-sidebar-btn')?.remove();
-	document.getElementById('shrink-sidebar-btn')?.remove();
-
-	document.getElementById('summary-toggle-btn')?.addEventListener('click', (e) => {
-		e.stopPropagation();
-		toggleSummarySection();
-	});
-	applySummarySectionVisibility();
-}
-
-// -----------------------------------------------------------------------------
-// Filters
-// -----------------------------------------------------------------------------
-
-function applyFiltersToControls() {
-	const agentSelect = /** @type {HTMLSelectElement | null} */ (document.getElementById('agent-filter-select'));
-	if (agentSelect) {
-		agentSelect.innerHTML = '<option value="">All agents</option>';
-		for (const agentId of state.agentIds) {
-			const option = document.createElement('option');
-			option.value = agentId;
-			option.textContent = agentId;
-			agentSelect.appendChild(option);
-		}
-		agentSelect.value = state.agentId || '';
-	}
-}
-
-function postFilterUpdate() {
-	panelApi.postMessage({
-		type: 'updateFilters',
-		agentId: state.agentId || '',
-	});
-}
-
-function initFilters() {
-	const agentSelect = /** @type {HTMLSelectElement | null} */ (document.getElementById('agent-filter-select'));
-	agentSelect?.addEventListener('change', () => {
-		state.agentId = agentSelect.value || '';
-		postFilterUpdate();
-	});
-}
-
-// -----------------------------------------------------------------------------
-// State Actions
-// -----------------------------------------------------------------------------
-
-function initStateActions() {
-	// Cancel generation
-	document.getElementById('cancel-generate-btn')?.addEventListener('click', () => {
-		panelApi.postMessage({ type: 'cancelGeneration' });
-	});
-
-	// Retry generation
-	document.getElementById('retry-generate-btn')?.addEventListener('click', () => {
-		panelApi.postMessage({ type: 'retryGeneration' });
-	});
-}
-
-// -----------------------------------------------------------------------------
-// Toolbar Menu
-// -----------------------------------------------------------------------------
-
-function initToolbarMenu() {
-	const menuBtn = document.getElementById('toolbar-menu-btn');
-	const dropdown = document.getElementById('toolbar-menu-dropdown');
-
-	if (!menuBtn || !dropdown) {
-		return;
-	}
-
-	/**
-	 * Toggle dropdown visibility.
-	 * @param {boolean} [forceOpen]
-	 */
-	function toggleMenu(forceOpen) {
-		const isOpen = forceOpen ?? !dropdown.classList.contains('open');
-		dropdown.classList.toggle('open', isOpen);
-		dropdown.setAttribute('aria-hidden', String(!isOpen));
-		menuBtn.setAttribute('aria-expanded', String(isOpen));
-	}
-
-	// Toggle on button click
-	menuBtn.addEventListener('click', (e) => {
-		e.stopPropagation();
-		toggleMenu();
-	});
-
-	// Close when clicking outside
-	document.addEventListener('click', (e) => {
-		if (!dropdown.contains(/** @type {Node} */(e.target)) && e.target !== menuBtn) {
-			toggleMenu(false);
-		}
-	});
-
-	// Close on Escape
-	document.addEventListener('keydown', (e) => {
-		if (e.key === 'Escape' && dropdown.classList.contains('open')) {
-			toggleMenu(false);
-			menuBtn.focus();
-		}
-	});
-
-	// Handle menu item clicks
-	dropdown.querySelectorAll('.dropdown-item[data-action]').forEach((itemEl) => {
-		const item = /** @type {HTMLElement} */ (itemEl);
-		item.addEventListener('click', () => {
-			const action = item.dataset.action;
-			toggleMenu(false);
-			const activeView = getActiveView();
-
-			switch (action) {
-				case 'new-view':
-					promptCreateView();
-					break;
-
-				case 'duplicate-view':
-					if (activeView?.id) {
-						panelApi.postMessage({ type: 'duplicateView', viewId: activeView.id });
-					}
-					break;
-
-				case 'rename-view': {
-					if (!activeView || activeView.system) {
-						break;
-					}
-					panelApi.postMessage({ type: 'requestRenameView', viewId: activeView.id });
-					break;
-				}
-
-				case 'delete-view': {
-					if (!activeView || activeView.system) {
-						break;
-					}
-					panelApi.postMessage({ type: 'requestDeleteView', viewId: activeView.id });
-					break;
-				}
-
-				case 'edit-view-scripts':
-					panelApi.postMessage({ type: 'editViewScripts', viewId: activeView?.id });
-					break;
-
-				case 'share-scripts-only':
-					onShareScriptsOnlyClick();
-					break;
-
-				case 'refresh-all-views':
-					panelApi.postMessage({ type: 'refreshAllViews' });
-					break;
-
-				case 'reset-home':
-					if (confirm('Reset all charts and scripts in your home analytics folder? This will delete generated charts and user scripts, then regenerate defaults.')) {
-						panelApi.postMessage({ type: 'resetChartsHome' });
-					}
-					break;
-
-				case 'reset-workspace':
-					if (confirm('Reset all charts and scripts in this workspace? This will delete generated charts and user scripts for the current workspace, then regenerate defaults.')) {
-						panelApi.postMessage({ type: 'resetChartsWorkspace' });
-					}
-					break;
-
-				case 'reenable-charts':
-					panelApi.postMessage({ type: 'reenableAllCharts' });
-					break;
-			}
-		});
-	});
-}
-
-/**
- * Push a view export snapshot into embedded dashboard iframes (no iframe reload).
- * Only when the active view has preserveFleetIframe (host already gates pushes).
- * @param {{ payload?: object, meta?: object }} message
- */
-function postViewExportSnapshotToDashboardIframes(message) {
-	const payload = message.payload;
-	const meta = message.meta;
-	document.querySelectorAll('.html-preview iframe').forEach((frameEl) => {
-		const iframe = /** @type {HTMLIFrameElement} */ (frameEl);
-		try {
-			iframe.contentWindow?.postMessage({ type: VIEW_EXPORT_SNAPSHOT, payload, meta }, '*');
-			// Legacy widgets (e.g. live-fleet-2.html) still listen for liveFleetSnapshot.
-			iframe.contentWindow?.postMessage({ type: LEGACY_VIEW_EXPORT_SNAPSHOT, payload, meta }, '*');
-		} catch {
-			// Cross-origin or unloaded iframe — ignore.
-		}
-	});
-}
-
-/**
- * Bridge postMessage events from embedded HTML widgets.
- * Allows widgets to trigger host actions (e.g. copy session id).
- */
-function initEmbeddedWidgetBridge() {
-	window.addEventListener('message', (event) => {
-		const data = event.data;
-		if (!data || typeof data !== 'object') {
-			return;
-		}
-		if (data.source !== 'agentide-wow-widget') {
-			return;
-		}
-		if (data.type === 'copySessionId' && typeof data.sessionId === 'string') {
-			const sessionId = data.sessionId.trim();
-			if (sessionId) {
-				panelApi.postMessage({ type: 'copySessionId', sessionId });
-			}
-			return;
-		}
-		if (data.type === 'requestClipboardText' && typeof data.requestId === 'string') {
-			const requestId = data.requestId.trim();
-			if (requestId) {
-				panelApi.postMessage({ type: 'requestClipboardText', requestId });
-			}
-			return;
-		}
-		if (data.type === 'writeClipboardText' && typeof data.text === 'string') {
-			panelApi.postMessage({ type: 'writeClipboardText', text: data.text });
-			return;
-		}
-		if (data.type === 'openArtifact' && typeof data.path === 'string') {
-			const artifactPath = data.path.trim();
-			if (artifactPath) {
-				panelApi.postMessage({ type: 'openArtifact', path: artifactPath });
-			}
-			return;
-		}
-		if (data.type === 'openChatWithPrompt' && typeof data.prompt === 'string') {
-			const prompt = data.prompt.trim();
-			if (prompt) {
-				panelApi.postMessage({
-					type: 'openChatWithPrompt',
-					prompt: prompt.slice(0, 12_000),
-				});
-			}
-			return;
-		}
-		if (data.type === 'disconnectFleetChannel' && typeof data.sessionId === 'string') {
-			const sessionId = data.sessionId.trim();
-			if (sessionId) {
-				panelApi.postMessage({
-					type: 'disconnectFleetChannel',
-					sessionId,
-					channelType: typeof data.channelType === 'string' ? data.channelType : '',
-					channelTarget: typeof data.channelTarget === 'string' ? data.channelTarget : '',
-				});
-			}
-			return;
-		}
-		if (data.type === 'updateFleetCardTitle' && typeof data.sessionId === 'string' && typeof data.cardTitle === 'string') {
-			const sessionId = data.sessionId.trim();
-			const sourceId = typeof data.sourceId === 'string' ? data.sourceId.trim() : 'local';
-			if (sessionId) {
-				panelApi.postMessage({
-					type: 'updateFleetCardTitle',
-					sourceId,
-					sessionId,
-					cardTitle: data.cardTitle,
-				});
-			}
-			return;
-		}
-		if (data.type === 'openSpotlightForSession' && typeof data.sessionId === 'string') {
-			const sessionId = data.sessionId.trim();
-			if (sessionId) {
-				panelApi.postMessage({
-					type: 'openSpotlightForSession',
-					sessionId,
-					channelType: typeof data.channelType === 'string' ? data.channelType : '',
-					channelTarget: typeof data.channelTarget === 'string' ? data.channelTarget : '',
-					model: typeof data.model === 'string' ? data.model : '',
-					engine: typeof data.engine === 'string' ? data.engine : '',
-					agentId: typeof data.agentId === 'string' ? data.agentId : '',
-				});
-			}
-			return;
-		}
-		if (data.type === 'refreshView') {
-			panelApi.postMessage({ type: 'refreshView' });
-			return;
-		}
-		if (data.type === 'refreshFleetWidget') {
-			panelApi.postMessage({ type: 'refreshFleetWidget' });
-			return;
-		}
-		if (data.type === 'refreshWidget') {
-			const script = typeof data.script === 'string' ? data.script.trim() : '';
-			const scripts = Array.isArray(data.scripts)
-				? data.scripts.filter((s) => typeof s === 'string').map((s) => s.trim()).filter(Boolean)
-				: [];
-			if (!script && scripts.length === 0) {
-				return;
-			}
-			panelApi.postMessage({
-				type: 'refreshWidget',
-				script: script || undefined,
-				scripts: scripts.length > 0 ? scripts : undefined,
-			});
-			return;
-		}
-		if (data.type === REQUEST_VIEW_EXPORT_SNAPSHOT || data.type === LEGACY_REQUEST_LIVE_FLEET_SNAPSHOT) {
-			panelApi.postMessage({ type: REQUEST_VIEW_EXPORT_SNAPSHOT });
-			return;
-		}
-		if (data.type === 'openChat') {
-			panelApi.postMessage({ type: 'openChat' });
-		}
-	});
-
-	// Fallback: forward openSpotlightForSession when message is from a frame that didn't set
-	// source (e.g. fleet iframe in some contexts) so card click always opens chat
-	window.addEventListener('message', (event) => {
-		const data = event.data;
-		if (!data || typeof data !== 'object' || data.type !== 'openSpotlightForSession') {
-			return;
-		}
-		if (data.source === 'agentide-wow-widget') {
-			return; // already handled above
-		}
-		if (typeof data.sessionId !== 'string') {
-			return;
-		}
-		const sessionId = data.sessionId.trim();
-		if (!sessionId) {
-			return;
-		}
-		panelApi.postMessage({
-			type: 'openSpotlightForSession',
-			sessionId,
-			channelType: typeof data.channelType === 'string' ? data.channelType : '',
-			channelTarget: typeof data.channelTarget === 'string' ? data.channelTarget : '',
-			model: typeof data.model === 'string' ? data.model : '',
-			engine: typeof data.engine === 'string' ? data.engine : '',
-			agentId: typeof data.agentId === 'string' ? data.agentId : '',
-		});
-	});
-}
-
-/**
- * Show generating state
- */
-function showGeneratingState() {
-	showGalleryState('generating');
-}
-
-/**
- * Show failed state with error message
- * @param {string} errorMessage
- */
-function showFailedState(errorMessage) {
-	const errorEl = document.getElementById('error-message');
-	if (errorEl) {
-		errorEl.textContent = errorMessage;
-	}
-	showGalleryState('failed');
-}
-
-/**
- * Show refresh hint
- */
-function showRefreshHint() {
-	const hint = document.getElementById('refresh-hint');
-	if (hint) {
-		hint.style.display = 'flex';
-	}
-}
-
-/**
- * Hide refresh hint
- */
-function hideRefreshHint() {
-	const hint = document.getElementById('refresh-hint');
-	if (hint) {
-		hint.style.display = 'none';
-	}
-}
-
-/**
- * Show/hide per-chart refresh indicator.
- * @param {boolean} isRefreshing
- */
-function setPerChartRefreshing(isRefreshing) {
-	document.querySelectorAll('.artifact-card[data-type="chart"]').forEach(card => {
-		card.classList.toggle('chart-refreshing', isRefreshing);
-		let indicator = card.querySelector('.artifact-refresh-indicator');
-
-		if (isRefreshing) {
-			if (!indicator) {
-				indicator = document.createElement('div');
-				indicator.className = 'artifact-refresh-indicator';
-				indicator.textContent = 'Refreshing';
-				card.appendChild(indicator);
-			}
-		} else if (indicator) {
-			indicator.remove();
-		}
-	});
-}
-
-/**
- * Toggle refresh button busy state.
- * @param {boolean} isRefreshing
- */
-function setRefreshButtonState(isRefreshing) {
-	const btn = document.getElementById('refresh-charts-btn');
-	if (!btn) {
-		return;
-	}
-	btn.classList.toggle('refreshing', isRefreshing);
-}
-
-// -----------------------------------------------------------------------------
-// Message Handling
-// -----------------------------------------------------------------------------
-
-panelApi.onMessage(msg => {
-	switch (msg.type) {
-		case 'artifactsUpdated': {
-			const nextSignature = getArtifactCatalogSignature(msg.artifacts);
-			const nextActiveViewId = typeof msg.activeViewId === 'string' ? msg.activeViewId : state.activeViewId;
-		const nextFleetRefreshVersion = typeof msg.fleetRefreshVersion === 'number'
-			? Math.max(0, Math.floor(msg.fleetRefreshVersion))
-			: state.fleetRefreshVersion;
-		const nextGalleryIgnore = Array.isArray(msg.galleryIgnorePatterns)
-			? msg.galleryIgnorePatterns.filter((p) => typeof p === 'string').map((p) => String(p).trim()).filter(Boolean)
-			: [];
-		const isFleetView = nextActiveViewId === 'fleet';
-		const exportOnlyCatalogChange =
-			activeViewPreservesFleetIframe()
-			&& nextSignature !== state.lastArtifactCatalogSignature
-			&& getArtifactCatalogSignatureExcludingExports(msg.artifacts)
-				=== getArtifactCatalogSignatureExcludingExports(state.artifacts);
-		// preserveFleetIframe views (default for fleet-dashboard layout) keep the iframe mounted
-		// and rely on viewExportSnapshot postMessages for updates — the widget's DOM-diff
-		// renderer applies them in-place. Non-preserve flows still reload when version bumps.
-		const hasFleetVersionUpdate =
-			isFleetView
-			&& nextFleetRefreshVersion > state.fleetRefreshVersion
-			&& !activeViewPreservesFleetIframe();
-		// Skip only when signature unchanged and not refreshing, unless Fleet explicitly signaled fresher data.
-		if (nextSignature === state.lastArtifactCatalogSignature && !state.isRefreshing && !hasFleetVersionUpdate) {
-			break;
-		}
-		state.lastArtifactCatalogSignature = nextSignature;
-		state.artifacts = msg.artifacts;
-		state.galleryIgnorePatterns = nextGalleryIgnore;
-		// View selection is owned by viewsLoaded; do not let artifact batches revert the dropdown.
-		const prevActiveViewId = state.activeViewId;
-		if (
-			nextActiveViewId === state.activeViewId
-			|| !state.views.some((view) => view.id === state.activeViewId)
-		) {
-			state.activeViewId = nextActiveViewId;
-		}
-		if (state.activeViewId !== prevActiveViewId) {
-			// Host-initiated view change (e.g. openWithView): any in-flight refresh belongs
-			// to the previous view — render now instead of deferring behind it.
-			resetRefreshTrackingForViewChange();
-		}
-		state.fleetRefreshVersion = nextFleetRefreshVersion;
-		applyFleetAutoRefresh();
-		if (exportOnlyCatalogChange) {
-			// Export JSON changed; host already pushes viewExportSnapshot — avoid gallery/iframe rebuild.
-			break;
-		}
-		// Fleet JSON can change without agent-fleet.html mtime changing if the host
-		// did not re-run the widget script; bumping fleetRefreshVersion means data is
-		// fresher — force a preview reload so the iframe is not reused with stale HTML.
-		if (state.isRefreshing) {
-			// Mid-refresh burst: keep spinners on; requestGalleryRender defers the rebuild.
-			setPerChartRefreshing(true);
-		}
-		requestGalleryRender({ forceFreshHtml: hasFleetVersionUpdate });
-			break;
-		}
-
-		case 'artifactDeleted': {
-			// Remove from gallery with animation
-			const card = document.querySelector(`[data-path="${msg.path}"]`);
-			if (card) {
-				card.classList.add('deleting');
-				setTimeout(() => card.remove(), 300);
-
-				// Update state
-				state.artifacts = state.artifacts.filter(a => a.localPath !== msg.path);
-
-				// Check if gallery is now empty
-				if (state.artifacts.length === 0) {
-					showGalleryState('empty');
-				}
-			}
-			break;
-		}
-
-		case 'summaryCards':
-			state.summaryCards = msg.cards;
-			renderSummaryCards(msg.cards);
-			break;
-
-		case 'manifestUpdated':
-			state.manifest = msg.manifest;
-			// Re-render gallery with new manifest data
-			if (state.artifacts.length > 0) {
-				requestGalleryRender();
-			}
-			break;
-
-		case VIEW_EXPORT_SNAPSHOT:
-		case LEGACY_VIEW_EXPORT_SNAPSHOT:
-			postViewExportSnapshotToDashboardIframes(msg);
-			break;
-
-		case 'artifactContent':
-			if (msg.path && msg.format === 'html') {
-				renderHtmlPreview(msg.path, msg.content, msg.error);
-			}
-			if (msg.path && msg.format === 'md') {
-				const card = Array.from(document.querySelectorAll('.artifact-card')).find((cardEl) => {
-					const element = /** @type {HTMLElement} */ (cardEl);
-					return element.dataset.path === msg.path;
-				});
-				const host = /** @type {HTMLElement | null} */ (card?.querySelector('.markdown-preview'));
-				if (host) {
-					if (msg.error || !msg.content) {
-						host.innerHTML = '<em>Failed to load preview</em>';
-					} else {
-						host.innerHTML = renderMarkdown(msg.content);
-					}
-				}
-			}
-			break;
-
-		case 'clipboardText':
-			document.querySelectorAll('.html-preview iframe').forEach((frame) => {
-				const iframe = /** @type {HTMLIFrameElement} */ (frame);
-				iframe.contentWindow?.postMessage({
-					source: 'agentide-panel',
-					type: 'clipboardText',
-					requestId: msg.requestId,
-					text: typeof msg.text === 'string' ? msg.text : '',
-				}, '*');
-			});
-			break;
-
-		case 'generatingStarted':
-			setRefreshButtonState(true);
-			state.isRefreshing = false;
-			state.refreshingViewId = null;
-			// Drop any deferred render — a later flush would stomp the generating state.
-			state.needsGalleryRender = false;
-			state.pendingForceFreshHtml = false;
-			setPerChartRefreshing(false);
-			showGeneratingState();
-			break;
-
-		case 'generatingCancelled':
-			setRefreshButtonState(false);
-			state.isRefreshing = false;
-			state.refreshingViewId = null;
-			state.needsGalleryRender = false;
-			state.pendingForceFreshHtml = false;
-			setPerChartRefreshing(false);
-			// Go back to empty or content state
-			if (state.artifacts.length > 0) {
-				renderGallery(state.artifacts);
-			} else {
-				showGalleryState('empty');
-			}
-			break;
-
-		case 'generatingFailed':
-			setRefreshButtonState(false);
-			state.isRefreshing = false;
-			state.refreshingViewId = null;
-			state.needsGalleryRender = false;
-			state.pendingForceFreshHtml = false;
-			setPerChartRefreshing(false);
-			showFailedState(msg.error);
-			break;
-
-		case 'refreshStarted':
-			if (!msg.viewId || msg.viewId === state.activeViewId) {
-				setRefreshButtonState(true);
-				state.isRefreshing = true;
-				state.refreshingViewId = typeof msg.viewId === 'string' && msg.viewId ? msg.viewId : null;
-				setPerChartRefreshing(true);
-			}
-			break;
-
-		case 'refreshFinished':
-			if (!msg.viewId || msg.viewId === state.activeViewId || msg.viewId === state.refreshingViewId) {
-				setRefreshButtonState(false);
-				state.isRefreshing = false;
-				state.refreshingViewId = null;
-				setPerChartRefreshing(false);
-				flushPendingGalleryRender();
-				if (activeViewPreservesFleetIframe()) {
-					document.querySelectorAll('.html-preview iframe').forEach((frameEl) => {
-						const iframe = /** @type {HTMLIFrameElement} */ (frameEl);
-						try {
-							iframe.contentWindow?.postMessage({ type: 'fleetRefreshComplete' }, '*');
-						} catch {
-							// Cross-origin or unloaded iframe — ignore.
-						}
-					});
-				}
-			}
-			break;
-
-		case 'viewsLoaded': {
-			if (msg.surfaceMode === 'team' || msg.surfaceMode === 'spotlight') {
-				applySurfaceMode(msg.surfaceMode);
-			}
-			const prevViewsLoadedViewId = state.activeViewId;
-			state.views = Array.isArray(msg.views) ? msg.views : [];
-			state.activeViewId = typeof msg.activeViewId === 'string' ? msg.activeViewId : state.activeViewId;
-			if (state.activeViewId !== prevViewsLoadedViewId) {
-				resetRefreshTrackingForViewChange();
-			}
-			applyViewOptions();
-			applyFleetAutoRefresh();
-			break;
-		}
-
-		case 'refreshNoData':
-			if (!msg.viewId || msg.viewId === state.activeViewId || msg.viewId === state.refreshingViewId) {
-				setRefreshButtonState(false);
-				state.isRefreshing = false;
-				state.refreshingViewId = null;
-				setPerChartRefreshing(false);
-				flushPendingGalleryRender();
-			}
-			break;
-
-		case 'refreshFailed':
-			if (!msg.viewId || msg.viewId === state.activeViewId || msg.viewId === state.refreshingViewId) {
-				setRefreshButtonState(false);
-				state.isRefreshing = false;
-				state.refreshingViewId = null;
-				setPerChartRefreshing(false);
-				flushPendingGalleryRender();
-				if (state.artifacts.length === 0) {
-					showFailedState(msg.error);
-				}
-			}
-			break;
-
-		case 'filtersUpdated':
-			state.scope = msg.scope === 'workspace' ? 'workspace' : 'global';
-			state.projectId = msg.projectId || '';
-			state.agentId = msg.agentId || '';
-			state.agentIds = Array.isArray(msg.agentIds) ? msg.agentIds : [];
-			// Note: Don't override activeViewId from filtersUpdated. This prevents race conditions
-			// where filtersUpdated (sent last) overwrites the correct activeViewId set by viewsLoaded.
-			// We still call applyViewOptions() to keep the dropdown UI in sync with the views list.
-			applyViewOptions();
-			applyFleetAutoRefresh();
-			applyFiltersToControls();
-			break;
-
-		case 'panelStateLoaded':
-			if (msg.panelId && msg.panelId !== PANEL_ID) {
-				break;
-			}
-			if (msg.surfaceMode === 'team' || msg.surfaceMode === 'spotlight') {
-				applySurfaceMode(msg.surfaceMode);
-			}
-			state.panelState = normalizePanelState(msg.state);
-			state.panelStateLoaded = true;
-			applySummarySectionVisibility();
-			if (typeof msg.fleetAutoRefreshIntervalSeconds === 'number') {
-				state.fleetAutoRefreshIntervalSeconds = Math.max(0, msg.fleetAutoRefreshIntervalSeconds);
-			}
-			applyFleetAutoRefresh();
-			if (ensurePanelStateForArtifacts(state.artifacts)) {
-				savePanelState();
-			}
-			if (state.artifacts.length > 0) {
-				renderGallery(state.artifacts);
-			}
-			break;
-
-		case 'disabledChartsUpdated':
-			state.disabledCharts = new Set(
-				(Array.isArray(msg.charts) ? msg.charts : [])
-					.map((name) => String(name || '').trim().toLowerCase())
-					.filter(Boolean),
-			);
-			requestGalleryRender();
-			break;
-
-		case 'dataStale':
-			showRefreshHint();
-			break;
-
-		case 'dataFresh':
-			hideRefreshHint();
-			break;
-	}
-});
-
-// -----------------------------------------------------------------------------
-// Initialization
-// -----------------------------------------------------------------------------
-
-document.addEventListener('DOMContentLoaded', () => {
-	if (document.body.classList.contains('spotlight-surface-team')) {
-		applySurfaceMode('team');
-	}
-	ensureShareToolbarButton();
-	initQuickPrompts();
-	initStateActions();
-	initEmbeddedWidgetBridge();
-	initFilters();
-	initViews();
-	initToolbarMenu();
-	renderSummaryPlaceholders();
-
-	// Request initial data
-	panelApi.postMessage({ type: 'requestViews' });
-	panelApi.postMessage({ type: 'requestPanelState', panelId: PANEL_ID });
-	panelApi.postMessage({ type: 'requestArtifacts' });
-	panelApi.postMessage({ type: 'requestSummary' });
-	panelApi.postMessage({ type: 'requestFilters' });
-});
+	})();</script>`;return/<\/body>/i.test(e)?e.replace(/<\/body>/i,`${n}</body>`):`${e}${n}`}function requestHtmlPreviewContents(e){for(const t of e)t.format!=="html"||!t.localPath||panelApi.postMessage({type:"requestArtifactContent",path:t.localPath,format:"html"})}function requestMarkdownPreviewContents(e){for(const t of e)t.format!=="md"||!t.localPath||panelApi.postMessage({type:"requestArtifactContent",path:t.localPath,format:"md"})}function renderHtmlPreview(e,t,n){const r=Array.from(document.querySelectorAll(".artifact-card")).find(l=>l.dataset.path===e)?.querySelector(".html-preview");if(!r)return;if(n||!t){const l=n||"No preview content available.";r.innerHTML=`<div class="html-preview-fallback">Preview unavailable (${escapeHtml(l)}). Use <strong>Open</strong> to inspect the artifact.</div>`;return}const s=document.querySelector("script[nonce]")?.getAttribute("nonce")||"",o=document.createElement("iframe");o.setAttribute("sandbox","allow-scripts allow-same-origin"),o.setAttribute("allow","clipboard-read; clipboard-write"),o.setAttribute("loading","lazy"),o.tabIndex=0;const f=injectNonceIntoInlineScripts(t,s);o.srcdoc=injectIframeKeyboardShortcutBridge(f,s),o.addEventListener("load",()=>{r.classList.add("ready");const l=r.closest(".artifact-card");l instanceof HTMLElement&&l.classList.contains("fleet-dashboard-full")&&autoFitFleetCardHeight(l)}),r.innerHTML="",r.appendChild(o)}function initQuickPrompts(){document.querySelectorAll(".quick-prompt").forEach(e=>{const t=e;t.addEventListener("click",()=>{const n=t.dataset.prompt;n&&panelApi.postMessage({type:"openChatWithPrompt",prompt:n})})}),document.getElementById("ask-ai-btn")?.addEventListener("click",()=>{panelApi.postMessage({type:"openChat"})}),document.getElementById("refresh-charts-btn")?.addEventListener("click",()=>{refreshCurrentView()}),document.getElementById("expand-sidebar-btn")?.remove(),document.getElementById("shrink-sidebar-btn")?.remove(),document.getElementById("summary-toggle-btn")?.addEventListener("click",e=>{e.stopPropagation(),toggleSummarySection()}),applySummarySectionVisibility()}function applyFiltersToControls(){const e=document.getElementById("agent-filter-select");if(e){e.innerHTML='<option value="">All agents</option>';for(const t of state.agentIds){const n=document.createElement("option");n.value=t,n.textContent=t,e.appendChild(n)}e.value=state.agentId||""}}function postFilterUpdate(){panelApi.postMessage({type:"updateFilters",agentId:state.agentId||""})}function initFilters(){const e=document.getElementById("agent-filter-select");e?.addEventListener("change",()=>{state.agentId=e.value||"",postFilterUpdate()})}function initStateActions(){document.getElementById("cancel-generate-btn")?.addEventListener("click",()=>{panelApi.postMessage({type:"cancelGeneration"})}),document.getElementById("retry-generate-btn")?.addEventListener("click",()=>{panelApi.postMessage({type:"retryGeneration"})})}function initToolbarMenu(){const e=document.getElementById("toolbar-menu-btn"),t=document.getElementById("toolbar-menu-dropdown");if(!e||!t)return;function n(a){const r=a??!t.classList.contains("open");t.classList.toggle("open",r),t.setAttribute("aria-hidden",String(!r)),e.setAttribute("aria-expanded",String(r))}e.addEventListener("click",a=>{a.stopPropagation(),n()}),document.addEventListener("click",a=>{!t.contains(a.target)&&a.target!==e&&n(!1)}),document.addEventListener("keydown",a=>{a.key==="Escape"&&t.classList.contains("open")&&(n(!1),e.focus())}),t.querySelectorAll(".dropdown-item[data-action]").forEach(a=>{const r=a;r.addEventListener("click",()=>{const s=r.dataset.action;n(!1);const o=getActiveView();switch(s){case"new-view":promptCreateView();break;case"duplicate-view":o?.id&&panelApi.postMessage({type:"duplicateView",viewId:o.id});break;case"rename-view":{if(!o||o.system)break;panelApi.postMessage({type:"requestRenameView",viewId:o.id});break}case"delete-view":{if(!o||o.system)break;panelApi.postMessage({type:"requestDeleteView",viewId:o.id});break}case"edit-view-scripts":panelApi.postMessage({type:"editViewScripts",viewId:o?.id});break;case"share-scripts-only":onShareScriptsOnlyClick();break;case"refresh-all-views":panelApi.postMessage({type:"refreshAllViews"});break;case"reset-home":confirm("Reset all charts and scripts in your home analytics folder? This will delete generated charts and user scripts, then regenerate defaults.")&&panelApi.postMessage({type:"resetChartsHome"});break;case"reset-workspace":confirm("Reset all charts and scripts in this workspace? This will delete generated charts and user scripts for the current workspace, then regenerate defaults.")&&panelApi.postMessage({type:"resetChartsWorkspace"});break;case"reenable-charts":panelApi.postMessage({type:"reenableAllCharts"});break}})})}function postViewExportSnapshotToDashboardIframes(e){const t=e.payload,n=e.meta;document.querySelectorAll(".html-preview iframe").forEach(a=>{const r=a;try{r.contentWindow?.postMessage({type:VIEW_EXPORT_SNAPSHOT,payload:t,meta:n},"*"),r.contentWindow?.postMessage({type:LEGACY_VIEW_EXPORT_SNAPSHOT,payload:t,meta:n},"*")}catch{}})}function initEmbeddedWidgetBridge(){window.addEventListener("message",e=>{const t=e.data;if(!(!t||typeof t!="object")&&t.source==="agentide-wow-widget"){if(t.type==="copySessionId"&&typeof t.sessionId=="string"){const n=t.sessionId.trim();n&&panelApi.postMessage({type:"copySessionId",sessionId:n});return}if(t.type==="requestClipboardText"&&typeof t.requestId=="string"){const n=t.requestId.trim();n&&panelApi.postMessage({type:"requestClipboardText",requestId:n});return}if(t.type==="writeClipboardText"&&typeof t.text=="string"){panelApi.postMessage({type:"writeClipboardText",text:t.text});return}if(t.type==="openArtifact"&&typeof t.path=="string"){const n=t.path.trim();n&&panelApi.postMessage({type:"openArtifact",path:n});return}if(t.type==="openChatWithPrompt"&&typeof t.prompt=="string"){const n=t.prompt.trim();n&&panelApi.postMessage({type:"openChatWithPrompt",prompt:n.slice(0,12e3)});return}if(t.type==="disconnectFleetChannel"&&typeof t.sessionId=="string"){const n=t.sessionId.trim();n&&panelApi.postMessage({type:"disconnectFleetChannel",sessionId:n,channelType:typeof t.channelType=="string"?t.channelType:"",channelTarget:typeof t.channelTarget=="string"?t.channelTarget:""});return}if(t.type==="updateFleetCardTitle"&&typeof t.sessionId=="string"&&typeof t.cardTitle=="string"){const n=t.sessionId.trim(),a=typeof t.sourceId=="string"?t.sourceId.trim():"local";n&&panelApi.postMessage({type:"updateFleetCardTitle",sourceId:a,sessionId:n,cardTitle:t.cardTitle});return}if(t.type==="openSpotlightForSession"&&typeof t.sessionId=="string"){const n=t.sessionId.trim();n&&panelApi.postMessage({type:"openSpotlightForSession",sessionId:n,channelType:typeof t.channelType=="string"?t.channelType:"",channelTarget:typeof t.channelTarget=="string"?t.channelTarget:"",model:typeof t.model=="string"?t.model:"",engine:typeof t.engine=="string"?t.engine:"",agentId:typeof t.agentId=="string"?t.agentId:""});return}if(t.type==="refreshView"){panelApi.postMessage({type:"refreshView"});return}if(t.type==="refreshFleetWidget"){panelApi.postMessage({type:"refreshFleetWidget"});return}if(t.type==="refreshWidget"){const n=typeof t.script=="string"?t.script.trim():"",a=Array.isArray(t.scripts)?t.scripts.filter(r=>typeof r=="string").map(r=>r.trim()).filter(Boolean):[];if(!n&&a.length===0)return;panelApi.postMessage({type:"refreshWidget",script:n||void 0,scripts:a.length>0?a:void 0});return}if(t.type===REQUEST_VIEW_EXPORT_SNAPSHOT||t.type===LEGACY_REQUEST_LIVE_FLEET_SNAPSHOT){panelApi.postMessage({type:REQUEST_VIEW_EXPORT_SNAPSHOT});return}t.type==="openChat"&&panelApi.postMessage({type:"openChat"})}}),window.addEventListener("message",e=>{const t=e.data;if(!t||typeof t!="object"||t.type!=="openSpotlightForSession"||t.source==="agentide-wow-widget"||typeof t.sessionId!="string")return;const n=t.sessionId.trim();n&&panelApi.postMessage({type:"openSpotlightForSession",sessionId:n,channelType:typeof t.channelType=="string"?t.channelType:"",channelTarget:typeof t.channelTarget=="string"?t.channelTarget:"",model:typeof t.model=="string"?t.model:"",engine:typeof t.engine=="string"?t.engine:"",agentId:typeof t.agentId=="string"?t.agentId:""})})}function showGeneratingState(){showGalleryState("generating")}function showFailedState(e){const t=document.getElementById("error-message");t&&(t.textContent=e),showGalleryState("failed")}function showRefreshHint(){const e=document.getElementById("refresh-hint");e&&(e.style.display="flex")}function hideRefreshHint(){const e=document.getElementById("refresh-hint");e&&(e.style.display="none")}function setPerChartRefreshing(e){document.querySelectorAll('.artifact-card[data-type="chart"]').forEach(t=>{t.classList.toggle("chart-refreshing",e);let n=t.querySelector(".artifact-refresh-indicator");e?n||(n=document.createElement("div"),n.className="artifact-refresh-indicator",n.textContent="Refreshing",t.appendChild(n)):n&&n.remove()})}function setRefreshButtonState(e){const t=document.getElementById("refresh-charts-btn");t&&t.classList.toggle("refreshing",e)}panelApi.onMessage(e=>{switch(e.type){case"artifactsUpdated":{const t=getArtifactCatalogSignature(e.artifacts),n=typeof e.activeViewId=="string"?e.activeViewId:state.activeViewId,a=typeof e.fleetRefreshVersion=="number"?Math.max(0,Math.floor(e.fleetRefreshVersion)):state.fleetRefreshVersion,r=Array.isArray(e.galleryIgnorePatterns)?e.galleryIgnorePatterns.filter(c=>typeof c=="string").map(c=>String(c).trim()).filter(Boolean):[],s=n==="fleet",o=activeViewPreservesFleetIframe()&&t!==state.lastArtifactCatalogSignature&&getArtifactCatalogSignatureExcludingExports(e.artifacts)===getArtifactCatalogSignatureExcludingExports(state.artifacts),f=s&&a>state.fleetRefreshVersion&&!activeViewPreservesFleetIframe();if(t===state.lastArtifactCatalogSignature&&!state.isRefreshing&&!f)break;state.lastArtifactCatalogSignature=t,state.artifacts=e.artifacts,state.galleryIgnorePatterns=r;const l=state.activeViewId;if((n===state.activeViewId||!state.views.some(c=>c.id===state.activeViewId))&&(state.activeViewId=n),state.activeViewId!==l&&resetRefreshTrackingForViewChange(),state.fleetRefreshVersion=a,applyFleetAutoRefresh(),o)break;state.isRefreshing&&setPerChartRefreshing(!0),requestGalleryRender({forceFreshHtml:f});break}case"artifactDeleted":{const t=document.querySelector(`[data-path="${e.path}"]`);t&&(t.classList.add("deleting"),setTimeout(()=>t.remove(),300),state.artifacts=state.artifacts.filter(n=>n.localPath!==e.path),state.artifacts.length===0&&showGalleryState("empty"));break}case"summaryCards":state.summaryCards=e.cards,renderSummaryCards(e.cards);break;case"manifestUpdated":state.manifest=e.manifest,state.artifacts.length>0&&requestGalleryRender();break;case VIEW_EXPORT_SNAPSHOT:case LEGACY_VIEW_EXPORT_SNAPSHOT:postViewExportSnapshotToDashboardIframes(e);break;case"artifactContent":if(e.path&&e.format==="html"&&renderHtmlPreview(e.path,e.content,e.error),e.path&&e.format==="md"){const n=Array.from(document.querySelectorAll(".artifact-card")).find(a=>a.dataset.path===e.path)?.querySelector(".markdown-preview");n&&(e.error||!e.content?n.innerHTML="<em>Failed to load preview</em>":n.innerHTML=renderMarkdown(e.content))}break;case"clipboardText":document.querySelectorAll(".html-preview iframe").forEach(t=>{t.contentWindow?.postMessage({source:"agentide-panel",type:"clipboardText",requestId:e.requestId,text:typeof e.text=="string"?e.text:""},"*")});break;case"generatingStarted":setRefreshButtonState(!0),state.isRefreshing=!1,state.refreshingViewId=null,state.needsGalleryRender=!1,state.pendingForceFreshHtml=!1,setPerChartRefreshing(!1),showGeneratingState();break;case"generatingCancelled":setRefreshButtonState(!1),state.isRefreshing=!1,state.refreshingViewId=null,state.needsGalleryRender=!1,state.pendingForceFreshHtml=!1,setPerChartRefreshing(!1),state.artifacts.length>0?renderGallery(state.artifacts):showGalleryState("empty");break;case"generatingFailed":setRefreshButtonState(!1),state.isRefreshing=!1,state.refreshingViewId=null,state.needsGalleryRender=!1,state.pendingForceFreshHtml=!1,setPerChartRefreshing(!1),showFailedState(e.error);break;case"refreshStarted":(!e.viewId||e.viewId===state.activeViewId)&&(setRefreshButtonState(!0),state.isRefreshing=!0,state.refreshingViewId=typeof e.viewId=="string"&&e.viewId?e.viewId:null,setPerChartRefreshing(!0));break;case"refreshFinished":(!e.viewId||e.viewId===state.activeViewId||e.viewId===state.refreshingViewId)&&(setRefreshButtonState(!1),state.isRefreshing=!1,state.refreshingViewId=null,setPerChartRefreshing(!1),flushPendingGalleryRender(),activeViewPreservesFleetIframe()&&document.querySelectorAll(".html-preview iframe").forEach(t=>{const n=t;try{n.contentWindow?.postMessage({type:"fleetRefreshComplete"},"*")}catch{}}));break;case"viewsLoaded":{(e.surfaceMode==="team"||e.surfaceMode==="spotlight")&&applySurfaceMode(e.surfaceMode);const t=state.activeViewId;state.views=Array.isArray(e.views)?e.views:[],state.activeViewId=typeof e.activeViewId=="string"?e.activeViewId:state.activeViewId,state.activeViewId!==t&&resetRefreshTrackingForViewChange(),applyViewOptions(),applyFleetAutoRefresh();break}case"refreshNoData":(!e.viewId||e.viewId===state.activeViewId||e.viewId===state.refreshingViewId)&&(setRefreshButtonState(!1),state.isRefreshing=!1,state.refreshingViewId=null,setPerChartRefreshing(!1),flushPendingGalleryRender());break;case"refreshFailed":(!e.viewId||e.viewId===state.activeViewId||e.viewId===state.refreshingViewId)&&(setRefreshButtonState(!1),state.isRefreshing=!1,state.refreshingViewId=null,setPerChartRefreshing(!1),flushPendingGalleryRender(),state.artifacts.length===0&&showFailedState(e.error));break;case"filtersUpdated":state.scope=e.scope==="workspace"?"workspace":"global",state.projectId=e.projectId||"",state.agentId=e.agentId||"",state.agentIds=Array.isArray(e.agentIds)?e.agentIds:[],applyViewOptions(),applyFleetAutoRefresh(),applyFiltersToControls();break;case"panelStateLoaded":if(e.panelId&&e.panelId!==PANEL_ID)break;(e.surfaceMode==="team"||e.surfaceMode==="spotlight")&&applySurfaceMode(e.surfaceMode),state.panelState=normalizePanelState(e.state),state.panelStateLoaded=!0,applySummarySectionVisibility(),typeof e.fleetAutoRefreshIntervalSeconds=="number"&&(state.fleetAutoRefreshIntervalSeconds=Math.max(0,e.fleetAutoRefreshIntervalSeconds)),applyFleetAutoRefresh(),ensurePanelStateForArtifacts(state.artifacts)&&savePanelState(),state.artifacts.length>0&&renderGallery(state.artifacts);break;case"disabledChartsUpdated":state.disabledCharts=new Set((Array.isArray(e.charts)?e.charts:[]).map(t=>String(t||"").trim().toLowerCase()).filter(Boolean)),requestGalleryRender();break;case"dataStale":showRefreshHint();break;case"dataFresh":hideRefreshHint();break}}),document.addEventListener("DOMContentLoaded",()=>{document.body.classList.contains("spotlight-surface-team")&&applySurfaceMode("team"),ensureShareToolbarButton(),initQuickPrompts(),initStateActions(),initEmbeddedWidgetBridge(),initFilters(),initViews(),initToolbarMenu(),renderSummaryPlaceholders(),panelApi.postMessage({type:"requestViews"}),panelApi.postMessage({type:"requestPanelState",panelId:PANEL_ID}),panelApi.postMessage({type:"requestArtifacts"}),panelApi.postMessage({type:"requestSummary"}),panelApi.postMessage({type:"requestFilters"})});