@64mb/freelens-power 1.2.1 → 1.3.0

package/out/renderer/index.js

@@ -20,8 +20,13 @@ const require_appearance = require("./appearance.js");
 const require_button_styles = require("./button-styles.js");
 const require_cluster_icons = require("./cluster-icons.js");
 const require_dashboard = require("./dashboard.js");
-const require_secret_certificate_details = require("./details/secret-certificate-details.js");
+const require_hpa_diagnostics_details = require("./details/hpa-diagnostics-details.js");
 const require_monitoring_collector = require("./monitoring-collector.js");
+const require_resource_health_details = require("./details/resource-health-details.js");
+const require_namespace_health_details = require("./details/namespace-health-details.js");
+const require_secret_certificate_details = require("./details/secret-certificate-details.js");
+const require_service_diagnostics_details = require("./details/service-diagnostics-details.js");
+const require_diagnostics_state = require("./diagnostics-state.js");
 const require_diagnostics = require("./diagnostics.js");
 const require_secure_node_shell_menu = require("./menus/secure-node-shell-menu.js");
 const require_monitoring = require("./monitoring.js");
@@ -30,6 +35,8 @@ const require_node_monitoring = require("./node-monitoring.js");
 const require_pod_monitoring = require("./pod-monitoring.js");
 const require_preferences = require("./preferences/preferences.js");
 const require_read_only = require("./read-only.js");
+const require_resource_relationships = require("./resource-relationships.js");
+const require_resource_search = require("./resource-search.js");
 const require_welcome = require("./welcome.js");
 //#region src/renderer/index.tsx
 /**
@@ -37,6 +44,7 @@ const require_welcome = require("./welcome.js");
 * Licensed under MIT License. See THIRD_PARTY_LICENSES for more information.
 */
 var PowerEnabled = require__global_external_mobx_react.observer(({ children }) => require_power_preferences_store.PowerPreferencesStore.getInstanceOrCreate().enabled ? /* @__PURE__ */ require_jsx_runtime.jsx(require_jsx_runtime.Fragment, { children }) : null);
+var RelationshipsPage = require__global_external_mobx_react.observer(() => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_resource_relationships.ResourceRelationshipsPage, { enabled: require_monitoring_preferences_store.MonitoringPreferencesStore.getInstanceOrCreate().relationshipsVisible }) }));
 var FreelensPowerRenderer = class extends require_extensions.Renderer.LensExtension {
 	get name() {
 		return require_extension_info.EXTENSION_DISPLAY_NAME;
@@ -72,7 +80,8 @@ var FreelensPowerRenderer = class extends require_extensions.Renderer.LensExtens
 				require_button_styles.startPowerButtonStyles,
 				require_appearance.startAppearanceOverride,
 				require_welcome.startWelcomeOverride,
-				require_ai.startAiChat
+				require_ai.startAiChat,
+				require_resource_search.startResourceSearch
 			]) try {
 				disposers.push(start());
 			} catch {
@@ -105,6 +114,9 @@ var FreelensPowerRenderer = class extends require_extensions.Renderer.LensExtens
 		components: { Page: () => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_dashboard.DashboardPage, { onOpenPreferences: () => this.navigateToPreferences() }) }) }
 	}];
 	clusterPages = [{
+		id: "relationships",
+		components: { Page: () => /* @__PURE__ */ require_jsx_runtime.jsx(RelationshipsPage, {}) }
+	}, {
 		id: "diagnostics",
 		components: { Page: () => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_diagnostics.DiagnosticsPage, {}) }) }
 	}];
@@ -117,6 +129,16 @@ var FreelensPowerRenderer = class extends require_extensions.Renderer.LensExtens
 			material: "insights",
 			tooltip: "Resource diagnostics"
 		}) }
+	}, {
+		visible: require__global_external_mobx.computed(() => require_power_preferences_store.PowerPreferencesStore.getInstanceOrCreate().enabled && require_monitoring_preferences_store.MonitoringPreferencesStore.getInstanceOrCreate().relationshipsVisible),
+		id: "relationships",
+		target: { pageId: "relationships" },
+		title: "Relationships",
+		orderNumber: 6,
+		components: { Icon: () => /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+			material: "account_tree",
+			tooltip: "Resource relationships"
+		}) }
 	}];
 	topBarItems = [{ components: { Item: () => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
 		material: "battery_charging_full",
@@ -124,23 +146,73 @@ var FreelensPowerRenderer = class extends require_extensions.Renderer.LensExtens
 		tooltip: "Freelens Power settings",
 		onClick: () => this.navigateToPreferences()
 	}) }) } }];
-	kubeObjectDetailItems = [{
-		kind: "Node",
-		apiVersions: ["v1"],
-		priority: 310,
-		components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_node_monitoring.NodeMonitoringDetails, {
-			...props,
-			object: props.object
-		}) }) }
-	}, {
-		kind: "Secret",
-		apiVersions: ["v1"],
-		priority: 10,
-		components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_secret_certificate_details.SecretCertificateDetails, {
-			...props,
-			object: props.object
-		}) }) }
-	}];
+	openDiagnostics = (namespace) => {
+		const clusterId = require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid;
+		if (clusterId && namespace) require_diagnostics_state.focusDiagnosticsNamespace(clusterId, namespace);
+		this.navigate("diagnostics");
+	};
+	kubeObjectDetailItems = [
+		...[
+			"Pod",
+			"Deployment",
+			"StatefulSet",
+			"DaemonSet",
+			"Node"
+		].map((kind) => ({
+			kind,
+			apiVersions: kind === "Pod" || kind === "Node" ? ["v1"] : ["apps/v1"],
+			priority: 320,
+			components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_resource_health_details.ResourceHealthDetails, {
+				...props,
+				onOpenDiagnostics: this.openDiagnostics
+			}) }) }
+		})),
+		{
+			kind: "Namespace",
+			apiVersions: ["v1"],
+			priority: 320,
+			components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_namespace_health_details.NamespaceHealthDetails, {
+				...props,
+				onOpenDiagnostics: this.openDiagnostics
+			}) }) }
+		},
+		{
+			kind: "Service",
+			apiVersions: ["v1"],
+			priority: 320,
+			components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_service_diagnostics_details.ServiceDiagnosticsDetails, {
+				...props,
+				object: props.object
+			}) }) }
+		},
+		{
+			kind: "HorizontalPodAutoscaler",
+			apiVersions: ["autoscaling/v1", "autoscaling/v2"],
+			priority: 320,
+			components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_hpa_diagnostics_details.HpaDiagnosticsDetails, {
+				...props,
+				object: props.object
+			}) }) }
+		},
+		{
+			kind: "Node",
+			apiVersions: ["v1"],
+			priority: 310,
+			components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_node_monitoring.NodeMonitoringDetails, {
+				...props,
+				object: props.object
+			}) }) }
+		},
+		{
+			kind: "Secret",
+			apiVersions: ["v1"],
+			priority: 10,
+			components: { Details: (props) => /* @__PURE__ */ require_jsx_runtime.jsx(PowerEnabled, { children: /* @__PURE__ */ require_jsx_runtime.jsx(require_secret_certificate_details.SecretCertificateDetails, {
+				...props,
+				object: props.object
+			}) }) }
+		}
+	];
 	kubeObjectMenuItems = [{
 		kind: "Node",
 		apiVersions: ["v1"],

package/out/renderer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/renderer/index.tsx"],"sourcesContent":["/**\n * Copyright (c) Freelens Authors. All rights reserved.\n * Licensed under MIT License. See THIRD_PARTY_LICENSES for more information.\n */\n\nimport { Common, Renderer } from \"@freelensapp/extensions\";\nimport { computed, reaction } from \"mobx\";\nimport { observer } from \"mobx-react\";\nimport { EXTENSION_DISPLAY_NAME, EXTENSION_ID } from \"../common/extension-info\";\nimport { AiPreferencesStore } from \"../common/store/ai-preferences-store\";\nimport { AiShortcutsStore } from \"../common/store/ai-shortcuts-store\";\nimport { AppearancePreferencesStore } from \"../common/store/appearance-preferences-store\";\nimport { DashboardPreferencesStore } from \"../common/store/dashboard-preferences-store\";\nimport { MonitoringPreferencesStore } from \"../common/store/monitoring-preferences-store\";\nimport { NodeShellPreferencesStore } from \"../common/store/node-shell-preferences-store\";\nimport { PowerPreferencesStore } from \"../common/store/power-preferences-store\";\nimport { ReadOnlyPreferencesStore } from \"../common/store/read-only-preferences-store\";\nimport { startAiChat } from \"./ai\";\nimport { startAppearanceOverride } from \"./appearance\";\nimport { startPowerButtonStyles } from \"./button-styles\";\nimport { ClusterIconsPage } from \"./cluster-icons\";\nimport { DashboardPage } from \"./dashboard\";\nimport { SecretCertificateDetails } from \"./details/secret-certificate-details\";\nimport { DiagnosticsPage } from \"./diagnostics\";\nimport { SecureNodeShellMenu } from \"./menus/secure-node-shell-menu\";\nimport { startMonitoring } from \"./monitoring\";\nimport { startMonitoringCollector } from \"./monitoring-collector\";\nimport { startMonitoringHistoryCollection } from \"./monitoring-history-collection\";\nimport { NodeMonitoringDetails } from \"./node-monitoring\";\nimport { startPodMonitoring } from \"./pod-monitoring\";\nimport { PowerPreferences } from \"./preferences/preferences\";\nimport { startReadOnlyMode } from \"./read-only\";\nimport { startWelcomeOverride } from \"./welcome\";\n\nimport type { ReactNode } from \"react\";\n\nconst PowerEnabled = observer(({ children }: { children: ReactNode }) =>\n  PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>().enabled ? <>{children}</> : null,\n);\n\nexport default class FreelensPowerRenderer extends Renderer.LensExtension {\n  get name() {\n    return EXTENSION_DISPLAY_NAME;\n  }\n  get sanitizedExtensionId() {\n    return EXTENSION_ID;\n  }\n  get storeName() {\n    return this.manifest.storeName || EXTENSION_ID;\n  }\n\n  private stopFeatures?: () => void;\n\n  onActivate() {\n    const power = PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>();\n    power.loadExtension(this);\n    AiPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    AiShortcutsStore.getInstanceOrCreate().loadExtension(this);\n    ReadOnlyPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    NodeShellPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    MonitoringPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    AppearancePreferencesStore.getInstanceOrCreate().loadExtension(this);\n    DashboardPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    this.stopFeatures?.();\n    let disposers: (() => void)[] = [];\n    const stop = reaction(\n      () => power.enabled,\n      (enabled) => {\n        for (const dispose of disposers) dispose();\n        disposers = [];\n        if (enabled) {\n          for (const start of [\n            startReadOnlyMode,\n            startMonitoringCollector,\n            startMonitoringHistoryCollection,\n            startMonitoring,\n            startPodMonitoring,\n            startPowerButtonStyles,\n            startAppearanceOverride,\n            startWelcomeOverride,\n            startAiChat,\n          ]) {\n            try {\n              disposers.push(start());\n            } catch {\n              Common.logger.warn(\"[Freelens Power] feature could not start\", { feature: start.name });\n            }\n          }\n        }\n      },\n      { fireImmediately: true },\n    );\n    this.stopFeatures = () => {\n      stop();\n      for (const dispose of disposers) dispose();\n      disposers = [];\n    };\n  }\n\n  onDeactivate() {\n    this.stopFeatures?.();\n    this.stopFeatures = undefined;\n  }\n\n  appPreferences = [\n    {\n      id: \"freelens-power-settings\",\n      title: \"\",\n      components: { Input: PowerPreferences, Hint: () => null },\n    },\n  ];\n\n  globalPages = [\n    {\n      id: \"cluster-icons\",\n      components: {\n        Page: () => (\n          <PowerEnabled>\n            <ClusterIconsPage />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      id: \"dashboard\",\n      components: {\n        Page: () => (\n          <PowerEnabled>\n            <DashboardPage onOpenPreferences={() => this.navigateToPreferences()} />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  clusterPages = [\n    {\n      id: \"diagnostics\",\n      components: {\n        Page: () => (\n          <PowerEnabled>\n            <DiagnosticsPage />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  clusterPageMenus = [\n    {\n      visible: computed(\n        () =>\n          PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>().enabled &&\n          MonitoringPreferencesStore.getInstanceOrCreate<MonitoringPreferencesStore>().diagnosticsVisible,\n      ),\n      target: { pageId: \"diagnostics\" },\n      title: \"Diagnostics\",\n      orderNumber: 5,\n      components: { Icon: () => <Renderer.Component.Icon material=\"insights\" tooltip=\"Resource diagnostics\" /> },\n    },\n  ];\n\n  topBarItems = [\n    {\n      components: {\n        Item: () => (\n          <PowerEnabled>\n            <Renderer.Component.Icon\n              material=\"battery_charging_full\"\n              className=\"freelens-power-settings-icon\"\n              tooltip=\"Freelens Power settings\"\n              onClick={() => this.navigateToPreferences()}\n            />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  kubeObjectDetailItems: Renderer.LensExtension[\"kubeObjectDetailItems\"] = [\n    {\n      kind: \"Node\",\n      apiVersions: [\"v1\"],\n      // host order is [300 - priority], before native metrics at [-1]\n      priority: 310,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <NodeMonitoringDetails {...props} object={props.object as Renderer.K8sApi.Node} />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      kind: \"Secret\",\n      apiVersions: [\"v1\"],\n      priority: 10,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <SecretCertificateDetails {...props} object={props.object as Renderer.K8sApi.Secret} />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  kubeObjectMenuItems = [\n    {\n      kind: \"Node\",\n      apiVersions: [\"v1\"],\n      components: {\n        MenuItem: (props: Renderer.Component.KubeObjectMenuProps<Renderer.K8sApi.Node>) => (\n          <PowerEnabled>\n            <SecureNodeShellMenu {...props} />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/renderer/index.tsx"],"sourcesContent":["/**\n * Copyright (c) Freelens Authors. All rights reserved.\n * Licensed under MIT License. See THIRD_PARTY_LICENSES for more information.\n */\n\nimport { Common, Renderer } from \"@freelensapp/extensions\";\nimport { computed, reaction } from \"mobx\";\nimport { observer } from \"mobx-react\";\nimport { EXTENSION_DISPLAY_NAME, EXTENSION_ID } from \"../common/extension-info\";\nimport { AiPreferencesStore } from \"../common/store/ai-preferences-store\";\nimport { AiShortcutsStore } from \"../common/store/ai-shortcuts-store\";\nimport { AppearancePreferencesStore } from \"../common/store/appearance-preferences-store\";\nimport { DashboardPreferencesStore } from \"../common/store/dashboard-preferences-store\";\nimport { MonitoringPreferencesStore } from \"../common/store/monitoring-preferences-store\";\nimport { NodeShellPreferencesStore } from \"../common/store/node-shell-preferences-store\";\nimport { PowerPreferencesStore } from \"../common/store/power-preferences-store\";\nimport { ReadOnlyPreferencesStore } from \"../common/store/read-only-preferences-store\";\nimport { startAiChat } from \"./ai\";\nimport { startAppearanceOverride } from \"./appearance\";\nimport { startPowerButtonStyles } from \"./button-styles\";\nimport { ClusterIconsPage } from \"./cluster-icons\";\nimport { DashboardPage } from \"./dashboard\";\nimport { HpaDiagnosticsDetails } from \"./details/hpa-diagnostics-details\";\nimport { NamespaceHealthDetails } from \"./details/namespace-health-details\";\nimport { ResourceHealthDetails } from \"./details/resource-health-details\";\nimport { SecretCertificateDetails } from \"./details/secret-certificate-details\";\nimport { ServiceDiagnosticsDetails } from \"./details/service-diagnostics-details\";\nimport { DiagnosticsPage } from \"./diagnostics\";\nimport { focusDiagnosticsNamespace } from \"./diagnostics-state\";\nimport { SecureNodeShellMenu } from \"./menus/secure-node-shell-menu\";\nimport { startMonitoring } from \"./monitoring\";\nimport { startMonitoringCollector } from \"./monitoring-collector\";\nimport { startMonitoringHistoryCollection } from \"./monitoring-history-collection\";\nimport { NodeMonitoringDetails } from \"./node-monitoring\";\nimport { startPodMonitoring } from \"./pod-monitoring\";\nimport { PowerPreferences } from \"./preferences/preferences\";\nimport { startReadOnlyMode } from \"./read-only\";\nimport { ResourceRelationshipsPage } from \"./resource-relationships\";\nimport { startResourceSearch } from \"./resource-search\";\nimport { startWelcomeOverride } from \"./welcome\";\n\nimport type { ReactNode } from \"react\";\n\nconst PowerEnabled = observer(({ children }: { children: ReactNode }) =>\n  PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>().enabled ? <>{children}</> : null,\n);\n\nconst RelationshipsPage = observer(() => (\n  <PowerEnabled>\n    <ResourceRelationshipsPage\n      enabled={MonitoringPreferencesStore.getInstanceOrCreate<MonitoringPreferencesStore>().relationshipsVisible}\n    />\n  </PowerEnabled>\n));\n\nexport default class FreelensPowerRenderer extends Renderer.LensExtension {\n  get name() {\n    return EXTENSION_DISPLAY_NAME;\n  }\n  get sanitizedExtensionId() {\n    return EXTENSION_ID;\n  }\n  get storeName() {\n    return this.manifest.storeName || EXTENSION_ID;\n  }\n\n  private stopFeatures?: () => void;\n\n  onActivate() {\n    const power = PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>();\n    power.loadExtension(this);\n    AiPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    AiShortcutsStore.getInstanceOrCreate().loadExtension(this);\n    ReadOnlyPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    NodeShellPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    MonitoringPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    AppearancePreferencesStore.getInstanceOrCreate().loadExtension(this);\n    DashboardPreferencesStore.getInstanceOrCreate().loadExtension(this);\n    this.stopFeatures?.();\n    let disposers: (() => void)[] = [];\n    const stop = reaction(\n      () => power.enabled,\n      (enabled) => {\n        for (const dispose of disposers) dispose();\n        disposers = [];\n        if (enabled) {\n          for (const start of [\n            startReadOnlyMode,\n            startMonitoringCollector,\n            startMonitoringHistoryCollection,\n            startMonitoring,\n            startPodMonitoring,\n            startPowerButtonStyles,\n            startAppearanceOverride,\n            startWelcomeOverride,\n            startAiChat,\n            startResourceSearch,\n          ]) {\n            try {\n              disposers.push(start());\n            } catch {\n              Common.logger.warn(\"[Freelens Power] feature could not start\", { feature: start.name });\n            }\n          }\n        }\n      },\n      { fireImmediately: true },\n    );\n    this.stopFeatures = () => {\n      stop();\n      for (const dispose of disposers) dispose();\n      disposers = [];\n    };\n  }\n\n  onDeactivate() {\n    this.stopFeatures?.();\n    this.stopFeatures = undefined;\n  }\n\n  appPreferences = [\n    {\n      id: \"freelens-power-settings\",\n      title: \"\",\n      components: { Input: PowerPreferences, Hint: () => null },\n    },\n  ];\n\n  globalPages = [\n    {\n      id: \"cluster-icons\",\n      components: {\n        Page: () => (\n          <PowerEnabled>\n            <ClusterIconsPage />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      id: \"dashboard\",\n      components: {\n        Page: () => (\n          <PowerEnabled>\n            <DashboardPage onOpenPreferences={() => this.navigateToPreferences()} />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  clusterPages = [\n    { id: \"relationships\", components: { Page: () => <RelationshipsPage /> } },\n    {\n      id: \"diagnostics\",\n      components: {\n        Page: () => (\n          <PowerEnabled>\n            <DiagnosticsPage />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  clusterPageMenus = [\n    {\n      visible: computed(\n        () =>\n          PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>().enabled &&\n          MonitoringPreferencesStore.getInstanceOrCreate<MonitoringPreferencesStore>().diagnosticsVisible,\n      ),\n      target: { pageId: \"diagnostics\" },\n      title: \"Diagnostics\",\n      orderNumber: 5,\n      components: { Icon: () => <Renderer.Component.Icon material=\"insights\" tooltip=\"Resource diagnostics\" /> },\n    },\n    {\n      visible: computed(\n        () =>\n          PowerPreferencesStore.getInstanceOrCreate<PowerPreferencesStore>().enabled &&\n          MonitoringPreferencesStore.getInstanceOrCreate<MonitoringPreferencesStore>().relationshipsVisible,\n      ),\n      id: \"relationships\",\n      target: { pageId: \"relationships\" },\n      title: \"Relationships\",\n      orderNumber: 6,\n      components: {\n        Icon: () => <Renderer.Component.Icon material=\"account_tree\" tooltip=\"Resource relationships\" />,\n      },\n    },\n  ];\n\n  topBarItems = [\n    {\n      components: {\n        Item: () => (\n          <PowerEnabled>\n            <Renderer.Component.Icon\n              material=\"battery_charging_full\"\n              className=\"freelens-power-settings-icon\"\n              tooltip=\"Freelens Power settings\"\n              onClick={() => this.navigateToPreferences()}\n            />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  private openDiagnostics = (namespace?: string) => {\n    const clusterId = Renderer.Catalog.activeCluster.get()?.metadata.uid;\n    if (clusterId && namespace) focusDiagnosticsNamespace(clusterId, namespace);\n    void this.navigate(\"diagnostics\");\n  };\n\n  kubeObjectDetailItems: Renderer.LensExtension[\"kubeObjectDetailItems\"] = [\n    ...[\"Pod\", \"Deployment\", \"StatefulSet\", \"DaemonSet\", \"Node\"].map((kind) => ({\n      kind,\n      apiVersions: kind === \"Pod\" || kind === \"Node\" ? [\"v1\"] : [\"apps/v1\"],\n      priority: 320,\n      components: {\n        Details: (props: Renderer.Component.KubeObjectDetailsProps) => (\n          <PowerEnabled>\n            <ResourceHealthDetails {...props} onOpenDiagnostics={this.openDiagnostics} />\n          </PowerEnabled>\n        ),\n      },\n    })),\n    {\n      kind: \"Namespace\",\n      apiVersions: [\"v1\"],\n      priority: 320,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <NamespaceHealthDetails {...props} onOpenDiagnostics={this.openDiagnostics} />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      kind: \"Service\",\n      apiVersions: [\"v1\"],\n      priority: 320,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <ServiceDiagnosticsDetails {...props} object={props.object as Renderer.K8sApi.Service} />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      kind: \"HorizontalPodAutoscaler\",\n      apiVersions: [\"autoscaling/v1\", \"autoscaling/v2\"],\n      priority: 320,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <HpaDiagnosticsDetails {...props} object={props.object as Renderer.K8sApi.HorizontalPodAutoscaler} />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      kind: \"Node\",\n      apiVersions: [\"v1\"],\n      // host order is [300 - priority], before native metrics at [-1]\n      priority: 310,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <NodeMonitoringDetails {...props} object={props.object as Renderer.K8sApi.Node} />\n          </PowerEnabled>\n        ),\n      },\n    },\n    {\n      kind: \"Secret\",\n      apiVersions: [\"v1\"],\n      priority: 10,\n      components: {\n        Details: (props) => (\n          <PowerEnabled>\n            <SecretCertificateDetails {...props} object={props.object as Renderer.K8sApi.Secret} />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n\n  kubeObjectMenuItems = [\n    {\n      kind: \"Node\",\n      apiVersions: [\"v1\"],\n      components: {\n        MenuItem: (props: Renderer.Component.KubeObjectMenuProps<Renderer.K8sApi.Node>) => (\n          <PowerEnabled>\n            <SecureNodeShellMenu {...props} />\n          </PowerEnabled>\n        ),\n      },\n    },\n  ];\n}\n"],"mappings":"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"}

package/out/renderer/monitoring-history-collection.js

@@ -1,8 +1,8 @@
 const require_extensions = require("./_virtual/_global-external_@freelensapp/extensions.js");
 const require_monitoring_preferences_store = require("./src/common/store/monitoring-preferences-store.js");
 const require_monitoring_math = require("./src/common/monitoring-math.js");
-const require_resource_diagnostics = require("./src/common/resource-diagnostics.js");
 const require_monitoring_collector = require("./monitoring-collector.js");
+const require_resource_diagnostics = require("./src/common/resource-diagnostics.js");
 const require_monitoring_history = require("./monitoring-history.js");
 //#region src/renderer/monitoring-history-collection.ts
 function numeric(sample) {

package/out/renderer/preferences/dashboard-preferences.js

@@ -175,25 +175,25 @@ function CardEditor({ card, onSave, onClose }) {
 			}),
 			/* @__PURE__ */ require_jsx_runtime.jsx(require_settings_modal.SettingsField, {
 				id: `${id}-autorefresh`,
-				label: "Background refresh",
+				label: /* @__PURE__ */ require_jsx_runtime.jsxs("span", {
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 6
+					},
+					children: ["Background refresh", /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "info_outline",
+						size: 14,
+						tooltip: {
+							children: "Refresh cached pages every 10 minutes while the dashboard is closed",
+							style: { zIndex: 12020 }
+						}
+					})]
+				}),
 				children: /* @__PURE__ */ require_jsx_runtime.jsx(Checkbox, {
 					id: `${id}-autorefresh`,
 					value: autoRefresh,
-					onChange: setAutoRefresh,
-					children: /* @__PURE__ */ require_jsx_runtime.jsx("span", {
-						style: {
-							display: "inline-flex",
-							marginLeft: 6
-						},
-						children: /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
-							material: "info_outline",
-							size: 14,
-							tooltip: {
-								children: "Refresh cached pages every 10 minutes while the dashboard is closed",
-								style: { zIndex: 12020 }
-							}
-						})
-					})
+					onChange: setAutoRefresh
 				})
 			}),
 			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {

package/out/renderer/preferences/dashboard-preferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-preferences.js","names":[],"sources":["../../../src/renderer/preferences/dashboard-preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { ipcRenderer } from \"electron\";\nimport { observer } from \"mobx-react\";\nimport { useEffect, useState } from \"react\";\nimport { type DashboardCard, type DashboardCardSize, normalizeDashboardUrl } from \"../../common/dashboard\";\nimport { DASHBOARD_PICK_ELEMENT, type DashboardPickerResult } from \"../../common/dashboard-picker\";\nimport { dashboardSelectorLimit, normalizeDashboardSelector } from \"../../common/dashboard-selector\";\nimport { DASHBOARD_SITE_ICONS, type DashboardSiteIcon } from \"../../common/dashboard-views\";\nimport { DashboardPreferencesStore } from \"../../common/store/dashboard-preferences-store\";\nimport { SettingsIconAction } from \"./settings-icon-action\";\nimport { SettingsField, SettingsModal } from \"./settings-modal\";\n\nconst { Input, Select, Button, Icon, Checkbox } = Renderer.Component;\nconst sizeOptions = [\n  { value: \"xs\" as const, label: \"XS · Extra small\" },\n  { value: \"s\" as const, label: \"S · Small\" },\n  { value: \"m\" as const, label: \"M · Medium\" },\n  { value: \"l\" as const, label: \"L · Large\" },\n  { value: \"xl\" as const, label: \"XL · Extra large\" },\n];\n\nfunction CardEditor({\n  card,\n  onSave,\n  onClose,\n}: {\n  card?: DashboardCard;\n  onSave: (card: DashboardCard) => void;\n  onClose: () => void;\n}) {\n  const [title, setTitle] = useState(card?.title ?? \"\");\n  const [url, setUrl] = useState(card?.url ?? \"\");\n  const [size, setSize] = useState<DashboardCardSize>(card?.size ?? \"m\");\n  const [autoRefresh, setAutoRefresh] = useState(card ? card.autoRefresh === true : true);\n  const [selector, setSelector] = useState(card?.selector ?? \"\");\n  const selectorInvalid = selector.trim().length > 0 && !normalizeDashboardSelector(selector);\n  const [picking, setPicking] = useState(false);\n  const [pickerError, setPickerError] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n  const id = `freelens-power-dashboard-${card?.id ?? \"new\"}`;\n  const normalizedUrl = normalizeDashboardUrl(url);\n  const invalid = (submitted || url.length > 0) && !normalizedUrl;\n\n  function save() {\n    setSubmitted(true);\n    if (!normalizedUrl || selectorInvalid) return;\n    onSave({\n      id: card?.id ?? crypto.randomUUID(),\n      title: title.trim() || new URL(normalizedUrl).hostname,\n      url: normalizedUrl,\n      size,\n      autoRefresh,\n      ...(card?.refreshEvery10Seconds ? { refreshEvery10Seconds: true } : {}),\n      selector: normalizeDashboardSelector(selector),\n    });\n    onClose();\n  }\n\n  return (\n    <SettingsModal id={id} title={card ? \"Edit card\" : \"Add a card\"} onClose={onClose}>\n      <SettingsField id={`${id}-title`} label=\"Title\">\n        <Input autoFocus id={`${id}-title`} value={title} placeholder=\"Website name\" onChange={setTitle} />\n      </SettingsField>\n      <SettingsField id={`${id}-url`} label=\"URL\">\n        <Input\n          id={`${id}-url`}\n          value={url}\n          placeholder=\"https://example.com\"\n          onChange={setUrl}\n          aria-invalid={invalid}\n          aria-describedby={invalid ? `${id}-error` : undefined}\n        />\n        {invalid && (\n          <div id={`${id}-error`} role=\"alert\" style={{ color: \"var(--colorError)\", marginTop: 6 }}>\n            Enter a valid HTTP or HTTPS URL.\n          </div>\n        )}\n      </SettingsField>\n      <SettingsField id={`${id}-selector`} label=\"CSS selector (optional)\">\n        <div className=\"power-dashboard-selector-editor\">\n          <div className=\"power-dashboard-selector-field\">\n            <Input\n              className=\"power-dashboard-selector-input\"\n              id={`${id}-selector`}\n              value={selector}\n              onChange={setSelector}\n              placeholder=\"main .chart\"\n              aria-invalid={selectorInvalid}\n            />\n            {selector && (\n              <SettingsIconAction\n                material=\"close\"\n                label=\"Clear selector\"\n                disabled={picking}\n                onClick={() => setSelector(\"\")}\n              />\n            )}\n            <SettingsIconAction\n              material=\"center_focus_strong\"\n              label={picking ? \"Selecting element…\" : \"Pick element on website\"}\n              disabled={!normalizedUrl || picking}\n              onClick={() => {\n                if (!normalizedUrl || picking) return;\n                setPicking(true);\n                setPickerError(false);\n                void ipcRenderer\n                  .invoke(DASHBOARD_PICK_ELEMENT, { url: normalizedUrl })\n                  .then((result: DashboardPickerResult) => {\n                    if (result?.status === \"selected\") {\n                      const selected = normalizeDashboardSelector(result.selector);\n                      if (selected) setSelector(selected);\n                      else setPickerError(true);\n                    } else if (result?.status !== \"canceled\") setPickerError(true);\n                  })\n                  .catch(() => setPickerError(true))\n                  .finally(() => setPicking(false));\n              }}\n            />\n          </div>\n          {selectorInvalid && (\n            <div role=\"alert\">Use at most {dashboardSelectorLimit} characters without control characters.</div>\n          )}\n          {pickerError && <div role=\"alert\">Could not select an element. Try again or enter a CSS selector.</div>}\n        </div>\n      </SettingsField>\n      <SettingsField id={`${id}-size`} label=\"Card size\">\n        <Select\n          id={`${id}-size`}\n          aria-label=\"Card size\"\n          styles={{ menuPortal: (base) => ({ ...base, zIndex: 12010 }) }}\n          options={sizeOptions}\n          value={size}\n          isSearchable={false}\n          isClearable={false}\n          onChange={(option) => {\n            if (option) setSize(option.value);\n          }}\n        />\n      </SettingsField>\n      <SettingsField id={`${id}-autorefresh`} label=\"Background refresh\">\n        <Checkbox {...{ id: `${id}-autorefresh` }} value={autoRefresh} onChange={setAutoRefresh}>\n          <span style={{ display: \"inline-flex\", marginLeft: 6 }}>\n            <Icon\n              material=\"info_outline\"\n              size={14}\n              tooltip={{\n                children: \"Refresh cached pages every 10 minutes while the dashboard is closed\",\n                style: { zIndex: 12020 },\n              }}\n            />\n          </span>\n        </Checkbox>\n      </SettingsField>\n      <div style={{ display: \"flex\", justifyContent: \"flex-end\", gap: 12 }}>\n        <Button label=\"Cancel\" onClick={onClose} />\n        <Button primary label={card ? \"Save card\" : \"Add card\"} onClick={save} />\n      </div>\n    </SettingsModal>\n  );\n}\n\nfunction WebsiteIcon({ url, favicon }: { url: string; favicon?: string }) {\n  const source = favicon || new URL(\"/favicon.ico\", url).href;\n  const [failedSource, setFailedSource] = useState<string>();\n  return failedSource === source ? (\n    <span aria-hidden=\"true\">🌐</span>\n  ) : (\n    <img\n      src={source}\n      alt=\"\"\n      width={20}\n      height={20}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      onError={() => setFailedSource(source)}\n    />\n  );\n}\n\nexport const DashboardPreferences = observer(() => {\n  const preferences = DashboardPreferencesStore.getInstanceOrCreate<DashboardPreferencesStore>();\n  const [siteIcons, setSiteIcons] = useState<DashboardSiteIcon[]>([]);\n  const cardIdentity = JSON.stringify(preferences.cards.map(({ id, url }) => ({ id, url })));\n  useEffect(() => {\n    let active = true;\n    const refreshIcons = () =>\n      void ipcRenderer\n        .invoke(DASHBOARD_SITE_ICONS)\n        .then((icons: DashboardSiteIcon[]) => {\n          if (active && Array.isArray(icons)) setSiteIcons(icons);\n        })\n        .catch(() => {});\n    refreshIcons();\n    ipcRenderer.on(DASHBOARD_SITE_ICONS, refreshIcons);\n    return () => {\n      active = false;\n      ipcRenderer.removeListener(DASHBOARD_SITE_ICONS, refreshIcons);\n    };\n  }, [cardIdentity]);\n  const [editing, setEditing] = useState<DashboardCard | \"new\" | null>(null);\n  const [draggingId, setDraggingId] = useState<string | null>(null);\n  const [dropId, setDropId] = useState<string | null>(null);\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  function moveCard(card: DashboardCard, index: number) {\n    preferences.moveCard(card.id, index);\n    setAnnouncement(\n      `${card.title} moved to position ${preferences.cards.findIndex((entry) => entry.id === card.id) + 1}`,\n    );\n  }\n\n  function finishDrag() {\n    setDraggingId(null);\n    setDropId(null);\n  }\n\n  return (\n    <div style={{ display: \"grid\", gap: 8 }}>\n      <div className=\"power-settings-hint\">\n        Display websites in responsive dashboard cards. Some websites block embedding.\n      </div>\n      <style>{`\n        .power-dashboard-drag-handle { display: inline-flex; align-items: center; padding: 4px; border: 0; border-radius: 4px; background: transparent; color: var(--textColorSecondary); cursor: grab; flex-shrink: 0; }\n        .power-dashboard-drag-handle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }\n        .power-dashboard-drag-handle:active { cursor: grabbing; }\n      `}</style>\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clipPath: \"inset(50%)\" }}\n      >\n        {announcement}\n      </div>\n      {preferences.cards.map((card, index) => (\n        <div\n          key={card.id}\n          data-dashboard-card-id={card.id}\n          onDragOver={(event) => {\n            if (!draggingId || draggingId === card.id) return;\n            event.preventDefault();\n            event.dataTransfer.dropEffect = \"move\";\n            setDropId(card.id);\n          }}\n          onDrop={(event) => {\n            if (!draggingId) return;\n            event.preventDefault();\n            const dragged = preferences.cards.find((entry) => entry.id === draggingId);\n            if (dragged) moveCard(dragged, index);\n            finishDrag();\n          }}\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: 12,\n            minWidth: 0,\n            padding: \"8px 0\",\n            borderBottom: \"1px solid var(--borderFaintColor)\",\n            boxShadow:\n              dropId === card.id && draggingId !== card.id\n                ? `0 ${preferences.cards.findIndex((entry) => entry.id === draggingId) < index ? 2 : -2}px 0 var(--primary)`\n                : undefined,\n            opacity: draggingId === card.id ? 0.5 : 1,\n          }}\n        >\n          <button\n            type=\"button\"\n            className=\"power-dashboard-drag-handle\"\n            draggable\n            aria-label={`Reorder ${card.title}`}\n            title=\"Drag to reorder, or use the Up and Down arrow keys\"\n            onDragStart={(event) => {\n              event.dataTransfer.effectAllowed = \"move\";\n              event.dataTransfer.setData(\"text/plain\", card.id);\n              setDraggingId(card.id);\n            }}\n            onDragEnd={finishDrag}\n            onKeyDown={(event) => {\n              if (event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") return;\n              event.preventDefault();\n              event.stopPropagation();\n              moveCard(\n                card,\n                Math.max(0, Math.min(preferences.cards.length - 1, index + (event.key === \"ArrowUp\" ? -1 : 1))),\n              );\n            }}\n          >\n            <Icon material=\"drag_indicator\" />\n          </button>\n          <WebsiteIcon\n            key={card.url}\n            url={card.url}\n            favicon={\n              siteIcons.find((icon) => icon.id === card.id && icon.pageUrl === normalizeDashboardUrl(card.url))?.dataUrl\n            }\n          />\n          <div style={{ flex: 1, minWidth: 0 }}>\n            <div\n              title={card.title}\n              style={{ fontWeight: 600, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}\n            >\n              {card.title}\n            </div>\n            <div\n              className=\"power-settings-hint\"\n              title={card.url}\n              style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", marginTop: 3 }}\n            >\n              {card.url}\n            </div>\n          </div>\n          <span\n            aria-label={`Card size ${card.size.toUpperCase()}`}\n            style={{\n              flexShrink: 0,\n              marginRight: 10,\n              padding: \"3px 7px\",\n              border: \"1px solid var(--borderFaintColor)\",\n              borderRadius: 6,\n              fontSize: 11,\n              fontFamily: \"var(--font-monospace, monospace)\",\n              lineHeight: \"18px\",\n              color: \"var(--textColorSecondary)\",\n            }}\n          >\n            Size: {card.size.toUpperCase()}\n          </span>\n          <SettingsIconAction material=\"edit\" label={`Edit ${card.title}`} onClick={() => setEditing(card)} />\n          <SettingsIconAction\n            material=\"delete_outline\"\n            label={`Remove ${card.title}`}\n            onClick={() => preferences.removeCard(card.id)}\n          />\n        </div>\n      ))}\n      <div style={{ display: \"flex\", justifyContent: \"flex-end\" }}>\n        <Button\n          primary\n          style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}\n          onClick={() => setEditing(\"new\")}\n        >\n          <Renderer.Component.Icon material=\"add\" size={16} />\n          <span>Add card</span>\n        </Button>\n      </div>\n      {editing && (\n        <CardEditor\n          card={editing === \"new\" ? undefined : editing}\n          onSave={(value) => preferences.upsertCard(value)}\n          onClose={() => setEditing(null)}\n        />\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"dashboard-preferences.js","names":[],"sources":["../../../src/renderer/preferences/dashboard-preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { ipcRenderer } from \"electron\";\nimport { observer } from \"mobx-react\";\nimport { useEffect, useState } from \"react\";\nimport { type DashboardCard, type DashboardCardSize, normalizeDashboardUrl } from \"../../common/dashboard\";\nimport { DASHBOARD_PICK_ELEMENT, type DashboardPickerResult } from \"../../common/dashboard-picker\";\nimport { dashboardSelectorLimit, normalizeDashboardSelector } from \"../../common/dashboard-selector\";\nimport { DASHBOARD_SITE_ICONS, type DashboardSiteIcon } from \"../../common/dashboard-views\";\nimport { DashboardPreferencesStore } from \"../../common/store/dashboard-preferences-store\";\nimport { SettingsIconAction } from \"./settings-icon-action\";\nimport { SettingsField, SettingsModal } from \"./settings-modal\";\n\nconst { Input, Select, Button, Icon, Checkbox } = Renderer.Component;\nconst sizeOptions = [\n  { value: \"xs\" as const, label: \"XS · Extra small\" },\n  { value: \"s\" as const, label: \"S · Small\" },\n  { value: \"m\" as const, label: \"M · Medium\" },\n  { value: \"l\" as const, label: \"L · Large\" },\n  { value: \"xl\" as const, label: \"XL · Extra large\" },\n];\n\nfunction CardEditor({\n  card,\n  onSave,\n  onClose,\n}: {\n  card?: DashboardCard;\n  onSave: (card: DashboardCard) => void;\n  onClose: () => void;\n}) {\n  const [title, setTitle] = useState(card?.title ?? \"\");\n  const [url, setUrl] = useState(card?.url ?? \"\");\n  const [size, setSize] = useState<DashboardCardSize>(card?.size ?? \"m\");\n  const [autoRefresh, setAutoRefresh] = useState(card ? card.autoRefresh === true : true);\n  const [selector, setSelector] = useState(card?.selector ?? \"\");\n  const selectorInvalid = selector.trim().length > 0 && !normalizeDashboardSelector(selector);\n  const [picking, setPicking] = useState(false);\n  const [pickerError, setPickerError] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n  const id = `freelens-power-dashboard-${card?.id ?? \"new\"}`;\n  const normalizedUrl = normalizeDashboardUrl(url);\n  const invalid = (submitted || url.length > 0) && !normalizedUrl;\n\n  function save() {\n    setSubmitted(true);\n    if (!normalizedUrl || selectorInvalid) return;\n    onSave({\n      id: card?.id ?? crypto.randomUUID(),\n      title: title.trim() || new URL(normalizedUrl).hostname,\n      url: normalizedUrl,\n      size,\n      autoRefresh,\n      ...(card?.refreshEvery10Seconds ? { refreshEvery10Seconds: true } : {}),\n      selector: normalizeDashboardSelector(selector),\n    });\n    onClose();\n  }\n\n  return (\n    <SettingsModal id={id} title={card ? \"Edit card\" : \"Add a card\"} onClose={onClose}>\n      <SettingsField id={`${id}-title`} label=\"Title\">\n        <Input autoFocus id={`${id}-title`} value={title} placeholder=\"Website name\" onChange={setTitle} />\n      </SettingsField>\n      <SettingsField id={`${id}-url`} label=\"URL\">\n        <Input\n          id={`${id}-url`}\n          value={url}\n          placeholder=\"https://example.com\"\n          onChange={setUrl}\n          aria-invalid={invalid}\n          aria-describedby={invalid ? `${id}-error` : undefined}\n        />\n        {invalid && (\n          <div id={`${id}-error`} role=\"alert\" style={{ color: \"var(--colorError)\", marginTop: 6 }}>\n            Enter a valid HTTP or HTTPS URL.\n          </div>\n        )}\n      </SettingsField>\n      <SettingsField id={`${id}-selector`} label=\"CSS selector (optional)\">\n        <div className=\"power-dashboard-selector-editor\">\n          <div className=\"power-dashboard-selector-field\">\n            <Input\n              className=\"power-dashboard-selector-input\"\n              id={`${id}-selector`}\n              value={selector}\n              onChange={setSelector}\n              placeholder=\"main .chart\"\n              aria-invalid={selectorInvalid}\n            />\n            {selector && (\n              <SettingsIconAction\n                material=\"close\"\n                label=\"Clear selector\"\n                disabled={picking}\n                onClick={() => setSelector(\"\")}\n              />\n            )}\n            <SettingsIconAction\n              material=\"center_focus_strong\"\n              label={picking ? \"Selecting element…\" : \"Pick element on website\"}\n              disabled={!normalizedUrl || picking}\n              onClick={() => {\n                if (!normalizedUrl || picking) return;\n                setPicking(true);\n                setPickerError(false);\n                void ipcRenderer\n                  .invoke(DASHBOARD_PICK_ELEMENT, { url: normalizedUrl })\n                  .then((result: DashboardPickerResult) => {\n                    if (result?.status === \"selected\") {\n                      const selected = normalizeDashboardSelector(result.selector);\n                      if (selected) setSelector(selected);\n                      else setPickerError(true);\n                    } else if (result?.status !== \"canceled\") setPickerError(true);\n                  })\n                  .catch(() => setPickerError(true))\n                  .finally(() => setPicking(false));\n              }}\n            />\n          </div>\n          {selectorInvalid && (\n            <div role=\"alert\">Use at most {dashboardSelectorLimit} characters without control characters.</div>\n          )}\n          {pickerError && <div role=\"alert\">Could not select an element. Try again or enter a CSS selector.</div>}\n        </div>\n      </SettingsField>\n      <SettingsField id={`${id}-size`} label=\"Card size\">\n        <Select\n          id={`${id}-size`}\n          aria-label=\"Card size\"\n          styles={{ menuPortal: (base) => ({ ...base, zIndex: 12010 }) }}\n          options={sizeOptions}\n          value={size}\n          isSearchable={false}\n          isClearable={false}\n          onChange={(option) => {\n            if (option) setSize(option.value);\n          }}\n        />\n      </SettingsField>\n      <SettingsField\n        id={`${id}-autorefresh`}\n        label={\n          <span style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}>\n            Background refresh\n            <Icon\n              material=\"info_outline\"\n              size={14}\n              tooltip={{\n                children: \"Refresh cached pages every 10 minutes while the dashboard is closed\",\n                style: { zIndex: 12020 },\n              }}\n            />\n          </span>\n        }\n      >\n        <Checkbox {...{ id: `${id}-autorefresh` }} value={autoRefresh} onChange={setAutoRefresh} />\n      </SettingsField>\n      <div style={{ display: \"flex\", justifyContent: \"flex-end\", gap: 12 }}>\n        <Button label=\"Cancel\" onClick={onClose} />\n        <Button primary label={card ? \"Save card\" : \"Add card\"} onClick={save} />\n      </div>\n    </SettingsModal>\n  );\n}\n\nfunction WebsiteIcon({ url, favicon }: { url: string; favicon?: string }) {\n  const source = favicon || new URL(\"/favicon.ico\", url).href;\n  const [failedSource, setFailedSource] = useState<string>();\n  return failedSource === source ? (\n    <span aria-hidden=\"true\">🌐</span>\n  ) : (\n    <img\n      src={source}\n      alt=\"\"\n      width={20}\n      height={20}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      onError={() => setFailedSource(source)}\n    />\n  );\n}\n\nexport const DashboardPreferences = observer(() => {\n  const preferences = DashboardPreferencesStore.getInstanceOrCreate<DashboardPreferencesStore>();\n  const [siteIcons, setSiteIcons] = useState<DashboardSiteIcon[]>([]);\n  const cardIdentity = JSON.stringify(preferences.cards.map(({ id, url }) => ({ id, url })));\n  useEffect(() => {\n    let active = true;\n    const refreshIcons = () =>\n      void ipcRenderer\n        .invoke(DASHBOARD_SITE_ICONS)\n        .then((icons: DashboardSiteIcon[]) => {\n          if (active && Array.isArray(icons)) setSiteIcons(icons);\n        })\n        .catch(() => {});\n    refreshIcons();\n    ipcRenderer.on(DASHBOARD_SITE_ICONS, refreshIcons);\n    return () => {\n      active = false;\n      ipcRenderer.removeListener(DASHBOARD_SITE_ICONS, refreshIcons);\n    };\n  }, [cardIdentity]);\n  const [editing, setEditing] = useState<DashboardCard | \"new\" | null>(null);\n  const [draggingId, setDraggingId] = useState<string | null>(null);\n  const [dropId, setDropId] = useState<string | null>(null);\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  function moveCard(card: DashboardCard, index: number) {\n    preferences.moveCard(card.id, index);\n    setAnnouncement(\n      `${card.title} moved to position ${preferences.cards.findIndex((entry) => entry.id === card.id) + 1}`,\n    );\n  }\n\n  function finishDrag() {\n    setDraggingId(null);\n    setDropId(null);\n  }\n\n  return (\n    <div style={{ display: \"grid\", gap: 8 }}>\n      <div className=\"power-settings-hint\">\n        Display websites in responsive dashboard cards. Some websites block embedding.\n      </div>\n      <style>{`\n        .power-dashboard-drag-handle { display: inline-flex; align-items: center; padding: 4px; border: 0; border-radius: 4px; background: transparent; color: var(--textColorSecondary); cursor: grab; flex-shrink: 0; }\n        .power-dashboard-drag-handle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }\n        .power-dashboard-drag-handle:active { cursor: grabbing; }\n      `}</style>\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clipPath: \"inset(50%)\" }}\n      >\n        {announcement}\n      </div>\n      {preferences.cards.map((card, index) => (\n        <div\n          key={card.id}\n          data-dashboard-card-id={card.id}\n          onDragOver={(event) => {\n            if (!draggingId || draggingId === card.id) return;\n            event.preventDefault();\n            event.dataTransfer.dropEffect = \"move\";\n            setDropId(card.id);\n          }}\n          onDrop={(event) => {\n            if (!draggingId) return;\n            event.preventDefault();\n            const dragged = preferences.cards.find((entry) => entry.id === draggingId);\n            if (dragged) moveCard(dragged, index);\n            finishDrag();\n          }}\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: 12,\n            minWidth: 0,\n            padding: \"8px 0\",\n            borderBottom: \"1px solid var(--borderFaintColor)\",\n            boxShadow:\n              dropId === card.id && draggingId !== card.id\n                ? `0 ${preferences.cards.findIndex((entry) => entry.id === draggingId) < index ? 2 : -2}px 0 var(--primary)`\n                : undefined,\n            opacity: draggingId === card.id ? 0.5 : 1,\n          }}\n        >\n          <button\n            type=\"button\"\n            className=\"power-dashboard-drag-handle\"\n            draggable\n            aria-label={`Reorder ${card.title}`}\n            title=\"Drag to reorder, or use the Up and Down arrow keys\"\n            onDragStart={(event) => {\n              event.dataTransfer.effectAllowed = \"move\";\n              event.dataTransfer.setData(\"text/plain\", card.id);\n              setDraggingId(card.id);\n            }}\n            onDragEnd={finishDrag}\n            onKeyDown={(event) => {\n              if (event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") return;\n              event.preventDefault();\n              event.stopPropagation();\n              moveCard(\n                card,\n                Math.max(0, Math.min(preferences.cards.length - 1, index + (event.key === \"ArrowUp\" ? -1 : 1))),\n              );\n            }}\n          >\n            <Icon material=\"drag_indicator\" />\n          </button>\n          <WebsiteIcon\n            key={card.url}\n            url={card.url}\n            favicon={\n              siteIcons.find((icon) => icon.id === card.id && icon.pageUrl === normalizeDashboardUrl(card.url))?.dataUrl\n            }\n          />\n          <div style={{ flex: 1, minWidth: 0 }}>\n            <div\n              title={card.title}\n              style={{ fontWeight: 600, overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}\n            >\n              {card.title}\n            </div>\n            <div\n              className=\"power-settings-hint\"\n              title={card.url}\n              style={{ overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\", marginTop: 3 }}\n            >\n              {card.url}\n            </div>\n          </div>\n          <span\n            aria-label={`Card size ${card.size.toUpperCase()}`}\n            style={{\n              flexShrink: 0,\n              marginRight: 10,\n              padding: \"3px 7px\",\n              border: \"1px solid var(--borderFaintColor)\",\n              borderRadius: 6,\n              fontSize: 11,\n              fontFamily: \"var(--font-monospace, monospace)\",\n              lineHeight: \"18px\",\n              color: \"var(--textColorSecondary)\",\n            }}\n          >\n            Size: {card.size.toUpperCase()}\n          </span>\n          <SettingsIconAction material=\"edit\" label={`Edit ${card.title}`} onClick={() => setEditing(card)} />\n          <SettingsIconAction\n            material=\"delete_outline\"\n            label={`Remove ${card.title}`}\n            onClick={() => preferences.removeCard(card.id)}\n          />\n        </div>\n      ))}\n      <div style={{ display: \"flex\", justifyContent: \"flex-end\" }}>\n        <Button\n          primary\n          style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}\n          onClick={() => setEditing(\"new\")}\n        >\n          <Renderer.Component.Icon material=\"add\" size={16} />\n          <span>Add card</span>\n        </Button>\n      </div>\n      {editing && (\n        <CardEditor\n          card={editing === \"new\" ? undefined : editing}\n          onSave={(value) => preferences.upsertCard(value)}\n          onClose={() => setEditing(null)}\n        />\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}

package/out/renderer/preferences/monitoring-preferences.js

@@ -36,6 +36,16 @@ var MonitoringPreferences = require__global_external_mobx_react.observer(() => {
 				className: "power-settings-hint",
 				children: "Resource consumers, application events and Pending diagnostics."
 			})] }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Switch, {
+				checked: preferences.relationshipsVisible,
+				onChange: (value) => {
+					preferences.relationshipsVisible = value;
+				},
+				children: "Show resource relationships"
+			}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "power-settings-hint",
+				children: "Focused resource connections from API evidence, with links to related objects."
+			})] }),
 			/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Switch, {
 				checked: preferences.enabled,
 				onChange: (value) => {

package/out/renderer/preferences/monitoring-preferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"monitoring-preferences.js","names":[],"sources":["../../../src/renderer/preferences/monitoring-preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { observer } from \"mobx-react\";\nimport { useEffect, useState } from \"react\";\nimport { HISTORY_MAX_BYTES, type HistoryStatus } from \"../../common/monitoring-history\";\nimport { MonitoringPreferencesStore } from \"../../common/store/monitoring-preferences-store\";\nimport { monitoringHistory } from \"../monitoring-history\";\n\nexport const MonitoringPreferences = observer(() => {\n  const preferences = MonitoringPreferencesStore.getInstanceOrCreate<MonitoringPreferencesStore>();\n  const [status, setStatus] = useState<HistoryStatus>();\n  const refresh = () => {\n    void monitoringHistory\n      .status()\n      .then(setStatus)\n      .catch(() =>\n        setStatus({\n          available: false,\n          enabled: preferences.historyEnabled,\n          bytes: 0,\n          samples: 0,\n          error: \"History service unavailable\",\n        }),\n      );\n  };\n  useEffect(refresh, [preferences.historyEnabled]);\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 20 }}>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.diagnosticsVisible}\n          onChange={(value) => {\n            preferences.diagnosticsVisible = value;\n          }}\n        >\n          Show Diagnostics in sidebar\n        </Renderer.Component.Switch>\n        <div className=\"power-settings-hint\">Resource consumers, application events and Pending diagnostics.</div>\n      </div>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.enabled}\n          onChange={(value) => {\n            preferences.enabled = value;\n          }}\n        >\n          Metrics-server monitoring\n        </Renderer.Component.Switch>\n        <div className=\"power-settings-hint\">\n          CPU/RAM charts for clusters, nodes and pods. Keeps 30 minutes of live samples.\n        </div>\n      </div>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.historyEnabled}\n          onChange={(value) => {\n            preferences.historyEnabled = value;\n          }}\n        >\n          Keep local history\n        </Renderer.Component.Switch>\n        <div\n          className=\"power-settings-hint\"\n          title=\"SQLite storage. Collects while the cluster view is active. Resolution: 30 seconds for 2 hours, 5 minutes for 24 hours, 30 minutes for 7 days. Disabling preserves saved history.\"\n        >\n          Up to 7 days, limited to 100 MiB.\n        </div>\n      </div>\n      <div style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 12 }}>\n        <div style={{ flex: 1, minWidth: 0 }} role=\"status\">\n          <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"baseline\", gap: 12 }}>\n            <span>Local storage</span>\n            <span style={{ fontVariantNumeric: \"tabular-nums\", color: \"var(--textColorSecondary)\" }}>\n              {status?.available\n                ? `${(status.bytes / 1024 / 1024).toFixed(2)} / ${HISTORY_MAX_BYTES / 1024 / 1024} MiB`\n                : \"— / 100 MiB\"}\n            </span>\n          </div>\n          {status?.available && (\n            <div\n              role=\"progressbar\"\n              aria-label=\"Local history storage\"\n              aria-valuemin={0}\n              aria-valuemax={HISTORY_MAX_BYTES}\n              aria-valuenow={status.bytes}\n              aria-valuetext={`${(status.bytes / 1024 / 1024).toFixed(2)} of 100 MiB`}\n              style={{ height: 4, marginTop: 8, borderRadius: 2, overflow: \"hidden\", background: \"var(--borderColor)\" }}\n            >\n              <div\n                style={{\n                  height: \"100%\",\n                  width: `${Math.min(100, Math.max(0, (status.bytes / HISTORY_MAX_BYTES) * 100))}%`,\n                  background: \"var(--primary)\",\n                  transition: \"width 180ms ease\",\n                }}\n              />\n            </div>\n          )}\n          <div className=\"power-settings-hint\" style={{ marginTop: 6 }}>\n            {status?.error ??\n              (status?.available\n                ? `${status.samples.toLocaleString()} metric buckets · 7-day retention`\n                : \"Checking history storage…\")}\n          </div>\n        </div>\n        <Renderer.Component.Button\n          style={{\n            flexShrink: 0,\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            gap: 6,\n            height: 30,\n            padding: \"0 10px\",\n            fontSize: 12,\n            lineHeight: \"16px\",\n            border: \"1px solid var(--borderFaintColor)\",\n            borderRadius: 6,\n            background: \"var(--contentColor)\",\n            color: \"var(--textColorSecondary)\",\n          }}\n          title=\"Delete locally collected metric history without changing other settings\"\n          onClick={() => {\n            void monitoringHistory\n              .clear()\n              .then(refresh)\n              .catch(() =>\n                setStatus((previous) => ({\n                  available: previous?.available ?? false,\n                  enabled: preferences.historyEnabled,\n                  bytes: previous?.bytes ?? 0,\n                  samples: previous?.samples ?? 0,\n                  error: \"Unable to clear local history. Try again.\",\n                })),\n              );\n          }}\n        >\n          <Renderer.Component.Icon material=\"delete_outline\" size={14} />\n          <span>Clear</span>\n        </Renderer.Component.Button>\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAOA,IAAa,wBAAwB,oCAAA,eAAe;CAClD,MAAM,cAAc,qCAAA,2BAA2B,oBAAgD;CAC/F,MAAM,CAAC,QAAQ,aAAa,+BAAA,SAAwB;CACpD,MAAM,gBAAgB;EACpB,6BAAK,kBACF,OAAO,CAAC,CACR,KAAK,SAAS,CAAC,CACf,YACC,UAAU;GACR,WAAW;GACX,SAAS,YAAY;GACrB,OAAO;GACP,SAAS;GACT,OAAO;EACT,CAAC,CACH;CACJ;CACA,+BAAA,UAAU,SAAS,CAAC,YAAY,cAAc,CAAC;CAC/C,OACE,oCAAA,KAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAG;YAAhE;GACE,oCAAA,KAAC,OAAD,EAAA,UAAA,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,QAApB;IACE,SAAS,YAAY;IACrB,WAAW,UAAU;KACnB,YAAY,qBAAqB;IACnC;cACD;GAE0B,CAAA,GAC3B,oCAAA,IAAC,OAAD;IAAK,WAAU;cAAsB;GAAoE,CAAA,CACtG,EAAA,CAAA;GACL,oCAAA,KAAC,OAAD,EAAA,UAAA,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,QAApB;IACE,SAAS,YAAY;IACrB,WAAW,UAAU;KACnB,YAAY,UAAU;IACxB;cACD;GAE0B,CAAA,GAC3B,oCAAA,IAAC,OAAD;IAAK,WAAU;cAAsB;GAEhC,CAAA,CACF,EAAA,CAAA;GACL,oCAAA,KAAC,OAAD,EAAA,UAAA,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,QAApB;IACE,SAAS,YAAY;IACrB,WAAW,UAAU;KACnB,YAAY,iBAAiB;IAC/B;cACD;GAE0B,CAAA,GAC3B,oCAAA,IAAC,OAAD;IACE,WAAU;IACV,OAAM;cACP;GAEI,CAAA,CACF,EAAA,CAAA;GACL,oCAAA,KAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU,gBAAgB;KAAiB,KAAK;IAAG;cAA9F,CACE,oCAAA,KAAC,OAAD;KAAK,OAAO;MAAE,MAAM;MAAG,UAAU;KAAE;KAAG,MAAK;eAA3C;MACE,oCAAA,KAAC,OAAD;OAAK,OAAO;QAAE,SAAS;QAAQ,gBAAgB;QAAiB,YAAY;QAAY,KAAK;OAAG;iBAAhG,CACE,oCAAA,IAAC,QAAD,EAAA,UAAM,gBAAmB,CAAA,GACzB,oCAAA,IAAC,QAAD;QAAM,OAAO;SAAE,oBAAoB;SAAgB,OAAO;QAA4B;kBACnF,QAAQ,YACL,IAAI,OAAO,QAAQ,OAAO,KAAA,CAAM,QAAQ,CAAC,EAAE,KAAK,2BAAA,oBAAoB,OAAO,KAAK,QAChF;OACA,CAAA,CACH;;MACJ,QAAQ,aACP,oCAAA,IAAC,OAAD;OACE,MAAK;OACL,cAAW;OACX,iBAAe;OACf,iBAAA;OACA,iBAAe,OAAO;OACtB,kBAAgB,IAAI,OAAO,QAAQ,OAAO,KAAA,CAAM,QAAQ,CAAC,EAAE;OAC3D,OAAO;QAAE,QAAQ;QAAG,WAAW;QAAG,cAAc;QAAG,UAAU;QAAU,YAAY;OAAqB;iBAExG,oCAAA,IAAC,OAAD,EACE,OAAO;QACL,QAAQ;QACR,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,OAAO,QAAA,YAA6B,GAAG,CAAC,EAAE;QAC/E,YAAY;QACZ,YAAY;OACd,EACD,CAAA;MACE,CAAA;MAEP,oCAAA,IAAC,OAAD;OAAK,WAAU;OAAsB,OAAO,EAAE,WAAW,EAAE;iBACxD,QAAQ,UACN,QAAQ,YACL,GAAG,OAAO,QAAQ,eAAe,EAAE,qCACnC;MACH,CAAA;KACF;QACL,oCAAA,KAAC,mBAAA,SAAS,UAAU,QAApB;KACE,OAAO;MACL,YAAY;MACZ,SAAS;MACT,YAAY;MACZ,gBAAgB;MAChB,KAAK;MACL,QAAQ;MACR,SAAS;MACT,UAAU;MACV,YAAY;MACZ,QAAQ;MACR,cAAc;MACd,YAAY;MACZ,OAAO;KACT;KACA,OAAM;KACN,eAAe;MACb,6BAAK,kBACF,MAAM,CAAC,CACP,KAAK,OAAO,CAAC,CACb,YACC,WAAW,cAAc;OACvB,WAAW,UAAU,aAAa;OAClC,SAAS,YAAY;OACrB,OAAO,UAAU,SAAS;OAC1B,SAAS,UAAU,WAAW;OAC9B,OAAO;MACT,EAAE,CACJ;KACJ;eA9BF,CAgCE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;MAAyB,UAAS;MAAiB,MAAM;KAAK,CAAA,GAC9D,oCAAA,IAAC,QAAD,EAAA,UAAM,QAAW,CAAA,CACQ;MACxB;;EACF;;AAET,CAAC"}
+{"version":3,"file":"monitoring-preferences.js","names":[],"sources":["../../../src/renderer/preferences/monitoring-preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { observer } from \"mobx-react\";\nimport { useEffect, useState } from \"react\";\nimport { HISTORY_MAX_BYTES, type HistoryStatus } from \"../../common/monitoring-history\";\nimport { MonitoringPreferencesStore } from \"../../common/store/monitoring-preferences-store\";\nimport { monitoringHistory } from \"../monitoring-history\";\n\nexport const MonitoringPreferences = observer(() => {\n  const preferences = MonitoringPreferencesStore.getInstanceOrCreate<MonitoringPreferencesStore>();\n  const [status, setStatus] = useState<HistoryStatus>();\n  const refresh = () => {\n    void monitoringHistory\n      .status()\n      .then(setStatus)\n      .catch(() =>\n        setStatus({\n          available: false,\n          enabled: preferences.historyEnabled,\n          bytes: 0,\n          samples: 0,\n          error: \"History service unavailable\",\n        }),\n      );\n  };\n  useEffect(refresh, [preferences.historyEnabled]);\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 20 }}>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.diagnosticsVisible}\n          onChange={(value) => {\n            preferences.diagnosticsVisible = value;\n          }}\n        >\n          Show Diagnostics in sidebar\n        </Renderer.Component.Switch>\n        <div className=\"power-settings-hint\">Resource consumers, application events and Pending diagnostics.</div>\n      </div>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.relationshipsVisible}\n          onChange={(value) => {\n            preferences.relationshipsVisible = value;\n          }}\n        >\n          Show resource relationships\n        </Renderer.Component.Switch>\n        <div className=\"power-settings-hint\">\n          Focused resource connections from API evidence, with links to related objects.\n        </div>\n      </div>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.enabled}\n          onChange={(value) => {\n            preferences.enabled = value;\n          }}\n        >\n          Metrics-server monitoring\n        </Renderer.Component.Switch>\n        <div className=\"power-settings-hint\">\n          CPU/RAM charts for clusters, nodes and pods. Keeps 30 minutes of live samples.\n        </div>\n      </div>\n      <div>\n        <Renderer.Component.Switch\n          checked={preferences.historyEnabled}\n          onChange={(value) => {\n            preferences.historyEnabled = value;\n          }}\n        >\n          Keep local history\n        </Renderer.Component.Switch>\n        <div\n          className=\"power-settings-hint\"\n          title=\"SQLite storage. Collects while the cluster view is active. Resolution: 30 seconds for 2 hours, 5 minutes for 24 hours, 30 minutes for 7 days. Disabling preserves saved history.\"\n        >\n          Up to 7 days, limited to 100 MiB.\n        </div>\n      </div>\n      <div style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 12 }}>\n        <div style={{ flex: 1, minWidth: 0 }} role=\"status\">\n          <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"baseline\", gap: 12 }}>\n            <span>Local storage</span>\n            <span style={{ fontVariantNumeric: \"tabular-nums\", color: \"var(--textColorSecondary)\" }}>\n              {status?.available\n                ? `${(status.bytes / 1024 / 1024).toFixed(2)} / ${HISTORY_MAX_BYTES / 1024 / 1024} MiB`\n                : \"— / 100 MiB\"}\n            </span>\n          </div>\n          {status?.available && (\n            <div\n              role=\"progressbar\"\n              aria-label=\"Local history storage\"\n              aria-valuemin={0}\n              aria-valuemax={HISTORY_MAX_BYTES}\n              aria-valuenow={status.bytes}\n              aria-valuetext={`${(status.bytes / 1024 / 1024).toFixed(2)} of 100 MiB`}\n              style={{ height: 4, marginTop: 8, borderRadius: 2, overflow: \"hidden\", background: \"var(--borderColor)\" }}\n            >\n              <div\n                style={{\n                  height: \"100%\",\n                  width: `${Math.min(100, Math.max(0, (status.bytes / HISTORY_MAX_BYTES) * 100))}%`,\n                  background: \"var(--primary)\",\n                  transition: \"width 180ms ease\",\n                }}\n              />\n            </div>\n          )}\n          <div className=\"power-settings-hint\" style={{ marginTop: 6 }}>\n            {status?.error ??\n              (status?.available\n                ? `${status.samples.toLocaleString()} metric buckets · 7-day retention`\n                : \"Checking history storage…\")}\n          </div>\n        </div>\n        <Renderer.Component.Button\n          style={{\n            flexShrink: 0,\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            gap: 6,\n            height: 30,\n            padding: \"0 10px\",\n            fontSize: 12,\n            lineHeight: \"16px\",\n            border: \"1px solid var(--borderFaintColor)\",\n            borderRadius: 6,\n            background: \"var(--contentColor)\",\n            color: \"var(--textColorSecondary)\",\n          }}\n          title=\"Delete locally collected metric history without changing other settings\"\n          onClick={() => {\n            void monitoringHistory\n              .clear()\n              .then(refresh)\n              .catch(() =>\n                setStatus((previous) => ({\n                  available: previous?.available ?? false,\n                  enabled: preferences.historyEnabled,\n                  bytes: previous?.bytes ?? 0,\n                  samples: previous?.samples ?? 0,\n                  error: \"Unable to clear local history. Try again.\",\n                })),\n              );\n          }}\n        >\n          <Renderer.Component.Icon material=\"delete_outline\" size={14} />\n          <span>Clear</span>\n        </Renderer.Component.Button>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/out/renderer/preferences/preferences.js

@@ -17,6 +17,29 @@ var styles = `
   #freelens-power-settings > .hint,
   #freelens-power-settings + hr { display: none; }
   .freelens-power-preferences { display: grid; gap: 24px; max-width: 760px; }
+  .freelens-power-preferences .power-preferences-section-links {
+    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); width: 100%; gap: 8px;
+  }
+  :root .freelens-power-preferences .power-preferences-section-links button.power-settings-section-link {
+    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+    width: 100%; min-width: 0; min-height: 32px; padding: 4px 2px;
+    border: 0; border-radius: 4px; background: transparent; box-shadow: none;
+    color: var(--textColorSecondary); text-transform: none; white-space: nowrap; cursor: pointer;
+  }
+  :root .freelens-power-preferences .power-preferences-section-links button.power-settings-section-link:hover {
+    color: var(--primary); background: transparent; box-shadow: none;
+  }
+  :root .freelens-power-preferences .power-preferences-section-links button.power-settings-section-link:focus-visible {
+    color: var(--primary); background: transparent; box-shadow: none;
+    outline: 2px solid var(--primary); outline-offset: 2px;
+  }
+  @media (max-width: 600px) {
+    .freelens-power-preferences .power-preferences-section-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  }
+  @media (max-width: 360px) {
+    .freelens-power-preferences .power-preferences-section-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  }
+  .freelens-power-preferences section[id] { scroll-margin-top: 16px; }
   .freelens-power-preferences section {
     padding: 24px; border: 1px solid var(--borderFaintColor);
     border-radius: 12px; background: var(--contentColor);
@@ -51,6 +74,38 @@ var styles = `
     .freelens-power-preferences .power-settings-row { flex-wrap: wrap; }
   }
 `;
+var sectionLinks = [
+	{
+		id: "safety",
+		title: "Safety",
+		icon: "lock_outline"
+	},
+	{
+		id: "appearance",
+		title: "Appearance",
+		icon: "palette"
+	},
+	{
+		id: "monitoring",
+		title: "Monitoring",
+		icon: "show_chart"
+	},
+	{
+		id: "shell",
+		title: "Node shell",
+		icon: "vpn_key"
+	},
+	{
+		id: "ai",
+		title: "AI",
+		icon: "chat_bubble_outline"
+	},
+	{
+		id: "dashboard",
+		title: "Dashboard",
+		icon: "dashboard"
+	}
+];
 var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 	className: "freelens-power-preferences",
 	children: [
@@ -60,7 +115,30 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 			"aria-label": "Freelens Power",
 			children: /* @__PURE__ */ require_jsx_runtime.jsx(require_power_preferences.PowerPreferencesToggle, {})
 		}),
+		/* @__PURE__ */ require_jsx_runtime.jsx("nav", {
+			className: "power-preferences-section-links",
+			"aria-label": "Settings sections",
+			children: sectionLinks.map(({ id, title, icon }) => /* @__PURE__ */ require_jsx_runtime.jsxs(require_extensions.Renderer.Component.Button, {
+				className: "power-settings-section-link",
+				title: `Jump to ${title} settings`,
+				onClick: () => {
+					const section = document.getElementById(`freelens-power-${id}-section`);
+					section?.focus({ preventScroll: true });
+					section?.scrollIntoView({ block: "start" });
+				},
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+						material: icon,
+						size: 16
+					}),
+					" ",
+					title
+				]
+			}, id))
+		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+			id: "freelens-power-safety-section",
+			tabIndex: -1,
 			"aria-labelledby": "freelens-power-safety-title",
 			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
 				id: "freelens-power-safety-title",
@@ -71,6 +149,8 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 			}), /* @__PURE__ */ require_jsx_runtime.jsx(require_read_only_preferences.ReadOnlyPreferences, {})]
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+			id: "freelens-power-appearance-section",
+			tabIndex: -1,
 			"aria-labelledby": "freelens-power-appearance-title",
 			children: [
 				/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
@@ -104,6 +184,8 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 			]
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+			id: "freelens-power-monitoring-section",
+			tabIndex: -1,
 			"aria-labelledby": "freelens-power-monitoring-title",
 			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
 				id: "freelens-power-monitoring-title",
@@ -114,6 +196,8 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 			}), /* @__PURE__ */ require_jsx_runtime.jsx(require_monitoring_preferences.MonitoringPreferences, {})]
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+			id: "freelens-power-shell-section",
+			tabIndex: -1,
 			"aria-labelledby": "freelens-power-shell-title",
 			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
 				id: "freelens-power-shell-title",
@@ -124,6 +208,8 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 			}), /* @__PURE__ */ require_jsx_runtime.jsx(require_node_shell_preferences.NodeShellPreferences, {})]
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+			id: "freelens-power-ai-section",
+			tabIndex: -1,
 			"aria-labelledby": "freelens-power-ai-title",
 			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
 				id: "freelens-power-ai-title",
@@ -134,6 +220,8 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 			}), /* @__PURE__ */ require_jsx_runtime.jsx(require_ai_preferences.AiPreferences, {})]
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+			id: "freelens-power-dashboard-section",
+			tabIndex: -1,
 			"aria-labelledby": "freelens-power-dashboard-title",
 			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
 				id: "freelens-power-dashboard-title",