npm - @64mb/freelens-power - Versions diffs - 1.1.0 → 1.2.0 - Mend

@64mb/freelens-power 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (208) hide show

package/out/renderer/preferences/ai-shortcuts-preferences.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ai-shortcuts-preferences.js","names":[],"sources":["../../../src/renderer/preferences/ai-shortcuts-preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { observer } from \"mobx-react\";\nimport { useState } from \"react\";\nimport { AiShortcutsStore } from \"../../common/store/ai-shortcuts-store\";\nimport { SettingsIconAction } from \"./settings-icon-action\";\nimport { SettingsField, SettingsModal } from \"./settings-modal\";\n\nimport type { AiShortcut } from \"../../common/ai-shortcuts\";\n\nconst { Button, Input } = Renderer.Component;\n\nexport const AiShortcutsPreferences = observer(({ disabled = false }: { disabled?: boolean }) => {\n const preferences = AiShortcutsStore.getInstanceOrCreate<AiShortcutsStore>();\n const [editing, setEditing] = useState<AiShortcut \| null>(null);\n const [error, setError] = useState(\"\");\n const edit = (shortcut: AiShortcut) => {\n setEditing({ ...shortcut });\n setError(\"\");\n };\n const close = () => {\n setEditing(null);\n setError(\"\");\n };\n return (\n <div>\n <div className=\"power-ai-section-title\">Prompt shortcuts</div>\n <div className=\"power-settings-hint\">Launch a prompt from a new chat or type /command before sending.</div>\n {preferences.shortcuts.map((shortcut) => (\n <div key={shortcut.id} style={{ display: \"flex\", alignItems: \"center\", gap: 8, marginTop: 8 }}>\n <div style={{ flex: 1, minWidth: 0, overflowWrap: \"anywhere\" }}>\n <div>{shortcut.label}</div>\n <div className=\"power-settings-hint\" style={{ marginTop: 3, fontSize: 11 }}>\n /{shortcut.command}\n </div>\n </div>\n <SettingsIconAction\n material=\"edit\"\n disabled={disabled}\n label={`Edit ${shortcut.label}`}\n onClick={() => edit(shortcut)}\n />\n <SettingsIconAction\n material=\"delete_outline\"\n disabled={disabled}\n label={`Remove ${shortcut.label}`}\n onClick={() => preferences.removeShortcut(shortcut.id)}\n />\n </div>\n ))}\n <div style={{ display: \"flex\", justifyContent: \"flex-end\", marginTop: 16 }}>\n <Button\n primary\n ~~label=\~~"~~Add~~ ~~shortcut~~\"\n disabled={disabled}\n onClick={() => edit({ id: globalThis.crypto.randomUUID(), label: \"\", command: \"\", prompt: \"\" })}\n />\n </div>\n {editing && !disabled && (\n <SettingsModal\n id=\"power-ai-shortcut-editor\"\n title={\n preferences.shortcuts.some((shortcut) => shortcut.id === editing.id) ? \"Edit shortcut\" : \"Add a shortcut\"\n }\n onClose={close}\n >\n <SettingsField id=\"power-ai-shortcut-label\" label=\"Label\">\n <Input\n autoFocus\n id=\"power-ai-shortcut-label\"\n aria-label=\"Shortcut label\"\n placeholder=\"Label\"\n value={editing.label}\n maxLength={80}\n onChange={(label) => setEditing({ ...editing, label })}\n />\n </SettingsField>\n <SettingsField id=\"power-ai-shortcut-command\" label=\"Command\">\n <Input\n id=\"power-ai-shortcut-command\"\n aria-label=\"Shortcut command\"\n placeholder=\"/command\"\n value={editing.command}\n maxLength={33}\n onChange={(command) => setEditing({ ...editing, command })}\n />\n </SettingsField>\n <div>\n <label htmlFor=\"power-ai-shortcut-prompt\">Prompt</label>\n <textarea\n id=\"power-ai-shortcut-prompt\"\n aria-label=\"Shortcut prompt\"\n className=\"power-ai-prompt\"\n placeholder=\"Prompt\"\n value={editing.prompt}\n maxLength={10000}\n onChange={(event) => setEditing({ ...editing, prompt: event.target.value })}\n style={{ marginTop: 8 }}\n />\n </div>\n {error && <div role=\"alert\">{error}</div>}\n <div style={{ display: \"flex\", justifyContent: \"flex-end\", gap: 12 }}>\n <Button label=\"Cancel\" onClick={close} />\n <Button\n primary\n label=\"Save shortcut\"\n onClick={() => {\n if (preferences.upsertShortcut(editing)) close();\n else\n setError(\n \"Enter a label, prompt and unique command using 1–32 letters, numbers, hyphens or underscores.\",\n );\n }}\n />\n </div>\n </SettingsModal>\n )}\n </div>\n );\n});\n"],"mappings":";;;;;;;;AASA,IAAM,EAAE,QAAQ,UAAU,mBAAA,SAAS;AAEnC,IAAa,yBAAyB,oCAAA,UAAU,EAAE,WAAW,YAAoC;CAC/F,MAAM,cAAc,2BAAA,iBAAiB,oBAAsC;CAC3E,MAAM,CAAC,SAAS,cAAc,+BAAA,SAA4B,IAAI;CAC9D,MAAM,CAAC,OAAO,YAAY,+BAAA,SAAS,EAAE;CACrC,MAAM,QAAQ,aAAyB;EACrC,WAAW,EAAE,GAAG,SAAS,CAAC;EAC1B,SAAS,EAAE;CACb;CACA,MAAM,cAAc;EAClB,WAAW,IAAI;EACf,SAAS,EAAE;CACb;CACA,OACE,oCAAA,KAAC,OAAD,EAAA,UAAA;EACE,oCAAA,IAAC,OAAD;GAAK,WAAU;aAAyB;EAAqB,CAAA;EAC7D,oCAAA,IAAC,OAAD;GAAK,WAAU;aAAsB;EAAqE,CAAA;EACzG,YAAY,UAAU,KAAK,aAC1B,oCAAA,KAAC,OAAD;GAAuB,OAAO;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;IAAG,WAAW;GAAE;aAA5F;IACE,oCAAA,KAAC,OAAD;KAAK,OAAO;MAAE,MAAM;MAAG,UAAU;MAAG,cAAc;KAAW;eAA7D,CACE,oCAAA,IAAC,OAAD,EAAA,UAAM,SAAS,MAAW,CAAA,GAC1B,oCAAA,KAAC,OAAD;MAAK,WAAU;MAAsB,OAAO;OAAE,WAAW;OAAG,UAAU;MAAG;gBAAzE,CAA4E,KACxE,SAAS,OACR;OACF;;IACL,oCAAA,IAAC,6BAAA,oBAAD;KACE,UAAS;KACC;KACV,OAAO,QAAQ,SAAS;KACxB,eAAe,KAAK,QAAQ;IAC7B,CAAA;IACD,oCAAA,IAAC,6BAAA,oBAAD;KACE,UAAS;KACC;KACV,OAAO,UAAU,SAAS;KAC1B,eAAe,YAAY,eAAe,SAAS,EAAE;IACtD,CAAA;GACE;KAnBK,SAAS,EAmBd,CACN;EACD,oCAAA,IAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,gBAAgB;IAAY,WAAW;GAAG;aACvE,oCAAA,~~IAAC~~,QAAD;IACE,SAAA;IACA,~~OAAM~~;~~IACI~~;IACV,eAAe,KAAK;KAAE,IAAI,WAAW,OAAO,WAAW;KAAG,OAAO;KAAI,SAAS;KAAI,QAAQ;IAAG,CAAC;~~GAC/F~~,~~CAAA~~;~~EACE~~,CAAA;EACJ,WAAW,CAAC,YACX,oCAAA,KAAC,uBAAA,eAAD;GACE,IAAG;GACH,OACE,YAAY,UAAU,MAAM,aAAa,SAAS,OAAO,QAAQ,EAAE,IAAI,kBAAkB;GAE3F,SAAS;aALX;IAOE,oCAAA,IAAC,uBAAA,eAAD;KAAe,IAAG;KAA0B,OAAM;eAChD,oCAAA,IAAC,OAAD;MACE,WAAA;MACA,IAAG;MACH,cAAW;MACX,aAAY;MACZ,OAAO,QAAQ;MACf,WAAW;MACX,WAAW,UAAU,WAAW;OAAE,GAAG;OAAS;MAAM,CAAC;KACtD,CAAA;IACY,CAAA;IACf,oCAAA,IAAC,uBAAA,eAAD;KAAe,IAAG;KAA4B,OAAM;eAClD,oCAAA,IAAC,OAAD;MACE,IAAG;MACH,cAAW;MACX,aAAY;MACZ,OAAO,QAAQ;MACf,WAAW;MACX,WAAW,YAAY,WAAW;OAAE,GAAG;OAAS;MAAQ,CAAC;KAC1D,CAAA;IACY,CAAA;IACf,oCAAA,KAAC,OAAD,EAAA,UAAA,CACE,oCAAA,IAAC,SAAD;KAAO,SAAQ;eAA2B;IAAa,CAAA,GACvD,oCAAA,IAAC,YAAD;KACE,IAAG;KACH,cAAW;KACX,WAAU;KACV,aAAY;KACZ,OAAO,QAAQ;KACf,WAAW;KACX,WAAW,UAAU,WAAW;MAAE,GAAG;MAAS,QAAQ,MAAM,OAAO;KAAM,CAAC;KAC1E,OAAO,EAAE,WAAW,EAAE;IACvB,CAAA,CACE,EAAA,CAAA;IACJ,SAAS,oCAAA,IAAC,OAAD;KAAK,MAAK;eAAS;IAAW,CAAA;IACxC,oCAAA,KAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,gBAAgB;MAAY,KAAK;KAAG;eAAnE,CACE,oCAAA,IAAC,QAAD;MAAQ,OAAM;MAAS,SAAS;KAAQ,CAAA,GACxC,oCAAA,IAAC,QAAD;MACE,SAAA;MACA,OAAM;MACN,eAAe;OACb,IAAI,YAAY,eAAe,OAAO,GAAG,MAAM;YAE7C,SACE,+FACF;MACJ;KACD,CAAA,CACE;;GACQ;;CAEd,EAAA,CAAA;AAET,CAAC"}
1	+ {"version":3,"file":"ai-shortcuts-preferences.js","names":[],"sources":["../../../src/renderer/preferences/ai-shortcuts-preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { observer } from \"mobx-react\";\nimport { useState } from \"react\";\nimport { AiShortcutsStore } from \"../../common/store/ai-shortcuts-store\";\nimport { SettingsIconAction } from \"./settings-icon-action\";\nimport { SettingsField, SettingsModal } from \"./settings-modal\";\n\nimport type { AiShortcut } from \"../../common/ai-shortcuts\";\n\nconst { Button, Input } = Renderer.Component;\n\nexport const AiShortcutsPreferences = observer(({ disabled = false }: { disabled?: boolean }) => {\n const preferences = AiShortcutsStore.getInstanceOrCreate<AiShortcutsStore>();\n const [editing, setEditing] = useState<AiShortcut \| null>(null);\n const [error, setError] = useState(\"\");\n const edit = (shortcut: AiShortcut) => {\n setEditing({ ...shortcut });\n setError(\"\");\n };\n const close = () => {\n setEditing(null);\n setError(\"\");\n };\n return (\n <div>\n <div className=\"power-ai-section-title\">Prompt shortcuts</div>\n <div className=\"power-settings-hint\">Launch a prompt from a new chat or type /command before sending.</div>\n {preferences.shortcuts.map((shortcut) => (\n <div key={shortcut.id} style={{ display: \"flex\", alignItems: \"center\", gap: 8, marginTop: 8 }}>\n <div style={{ flex: 1, minWidth: 0, overflowWrap: \"anywhere\" }}>\n <div>{shortcut.label}</div>\n <div className=\"power-settings-hint\" style={{ marginTop: 3, fontSize: 11 }}>\n /{shortcut.command}\n </div>\n </div>\n <SettingsIconAction\n material=\"edit\"\n disabled={disabled}\n label={`Edit ${shortcut.label}`}\n onClick={() => edit(shortcut)}\n />\n <SettingsIconAction\n material=\"delete_outline\"\n disabled={disabled}\n label={`Remove ${shortcut.label}`}\n onClick={() => preferences.removeShortcut(shortcut.id)}\n />\n </div>\n ))}\n <div style={{ display: \"flex\", justifyContent: \"flex-end\", marginTop: 16 }}>\n <Button\n primary\n style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}\n disabled={disabled}\n onClick={() => edit({ id: globalThis.crypto.randomUUID(), label: \"\", command: \"\", prompt: \"\" })}\n >\n <Renderer.Component.Icon material=\"add\" size={16} />\n <span>Add shortcut</span>\n </Button>\n </div>\n {editing && !disabled && (\n <SettingsModal\n id=\"power-ai-shortcut-editor\"\n title={\n preferences.shortcuts.some((shortcut) => shortcut.id === editing.id) ? \"Edit shortcut\" : \"Add a shortcut\"\n }\n onClose={close}\n >\n <SettingsField id=\"power-ai-shortcut-label\" label=\"Label\">\n <Input\n autoFocus\n id=\"power-ai-shortcut-label\"\n aria-label=\"Shortcut label\"\n placeholder=\"Label\"\n value={editing.label}\n maxLength={80}\n onChange={(label) => setEditing({ ...editing, label })}\n />\n </SettingsField>\n <SettingsField id=\"power-ai-shortcut-command\" label=\"Command\">\n <Input\n id=\"power-ai-shortcut-command\"\n aria-label=\"Shortcut command\"\n placeholder=\"/command\"\n value={editing.command}\n maxLength={33}\n onChange={(command) => setEditing({ ...editing, command })}\n />\n </SettingsField>\n <div>\n <label htmlFor=\"power-ai-shortcut-prompt\">Prompt</label>\n <textarea\n id=\"power-ai-shortcut-prompt\"\n aria-label=\"Shortcut prompt\"\n className=\"power-ai-prompt\"\n placeholder=\"Prompt\"\n value={editing.prompt}\n maxLength={10000}\n onChange={(event) => setEditing({ ...editing, prompt: event.target.value })}\n style={{ marginTop: 8 }}\n />\n </div>\n {error && <div role=\"alert\">{error}</div>}\n <div style={{ display: \"flex\", justifyContent: \"flex-end\", gap: 12 }}>\n <Button label=\"Cancel\" onClick={close} />\n <Button\n primary\n label=\"Save shortcut\"\n onClick={() => {\n if (preferences.upsertShortcut(editing)) close();\n else\n setError(\n \"Enter a label, prompt and unique command using 1–32 letters, numbers, hyphens or underscores.\",\n );\n }}\n />\n </div>\n </SettingsModal>\n )}\n </div>\n );\n});\n"],"mappings":"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"}

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

@@ -5,14 +5,18 @@ const require_dashboard = require("../src/common/dashboard.js");
 const require_dashboard_preferences_store = require("../src/common/store/dashboard-preferences-store.js");
 const require__global_external_react = require("../_virtual/_global-external_react.js");
 const require_jsx_runtime = require("../_virtual/_global-external_react/jsx-runtime.js");
+const require_settings_modal = require("./settings-modal.js");
 const require_dashboard_views = require("../src/common/dashboard-views.js");
 const require_settings_icon_action = require("./settings-icon-action.js");
-const require_settings_modal = require("./settings-modal.js");
 const require_dashboard_picker = require("../src/common/dashboard-picker.js");
 let electron = require("electron");
 //#region src/renderer/preferences/dashboard-preferences.tsx
 var { Input, Select, Button, Icon, Checkbox } = require_extensions.Renderer.Component;
 var sizeOptions = [
+	{
+		value: "xs",
+		label: "XS · Extra small"
+	},
 	{
 		value: "s",
 		label: "S · Small"
@@ -24,6 +28,10 @@ var sizeOptions = [
 	{
 		value: "l",
 		label: "L · Large"
+	},
+	{
+		value: "xl",
+		label: "XL · Extra large"
 	}
 ];
 function CardEditor({ card, onSave, onClose }) {
@@ -372,10 +380,18 @@ var DashboardPreferences = require__global_external_mobx_react.observer(() => {
 					display: "flex",
 					justifyContent: "flex-end"
 				},
-				children: /* @__PURE__ */ require_jsx_runtime.jsx(Button, {
+				children: /* @__PURE__ */ require_jsx_runtime.jsxs(Button, {
 					primary: true,
-					label: "Add card",
-					onClick: () => setEditing("new")
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 6
+					},
+					onClick: () => setEditing("new"),
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+						material: "add",
+						size: 16
+					}), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Add card" })]
 				})
 			}),
 			editing && /* @__PURE__ */ require_jsx_runtime.jsx(CardEditor, {

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

	@@ -1 +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: \"s\" as const, label: \"S · Small\" },\n { value: \"m\" as const, label: \"M · Medium\" },\n { value: \"l\" as const, label: \"L · 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 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=\"Autorefresh\">\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 primary label=\"Add card\" onClick={() => setEditing(\"new\")} />\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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"}
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 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=\"Autorefresh\">\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 CHANGED Viewed

@@ -1,15 +1,16 @@
 const require_extensions = require("../_virtual/_global-external_@freelensapp/extensions.js");
 const require__global_external_mobx_react = require("../_virtual/_global-external_mobx-react.js");
+const require_monitoring_history = require("../src/common/monitoring-history.js");
 const require_monitoring_preferences_store = require("../src/common/store/monitoring-preferences-store.js");
 const require__global_external_react = require("../_virtual/_global-external_react.js");
 const require_jsx_runtime = require("../_virtual/_global-external_react/jsx-runtime.js");
-const require_monitoring_history = require("../monitoring-history.js");
+const require_monitoring_history$1 = require("../monitoring-history.js");
 //#region src/renderer/preferences/monitoring-preferences.tsx
 var MonitoringPreferences = require__global_external_mobx_react.observer(() => {
 	const preferences = require_monitoring_preferences_store.MonitoringPreferencesStore.getInstanceOrCreate();
 	const [status, setStatus] = require__global_external_react.useState();
 	const refresh = () => {
-		require_monitoring_history.monitoringHistory.status().then(setStatus).catch(() => setStatus({
+		require_monitoring_history$1.monitoringHistory.status().then(setStatus).catch(() => setStatus({
 			available: false,
 			enabled: preferences.historyEnabled,
 			bytes: 0,
@@ -18,48 +19,134 @@ var MonitoringPreferences = require__global_external_mobx_react.observer(() => {
 		}));
 	};
 	require__global_external_react.useEffect(refresh, [preferences.historyEnabled]);
-	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [
-		/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Switch, {
-			checked: preferences.enabled,
-			onChange: (value) => {
-				preferences.enabled = value;
-			},
-			children: "Metrics-server monitoring"
-		}),
-		/* @__PURE__ */ require_jsx_runtime.jsx("div", {
-			className: "power-settings-hint",
-			children: "Show cluster, node and pod CPU/memory charts from metrics-server. Live samples are kept for 30 minutes. Requires permission to read the corresponding resource metrics. Requests and capacity use Kubernetes resource data."
-		}),
-		/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Switch, {
-			checked: preferences.historyEnabled,
-			onChange: (value) => {
-				preferences.historyEnabled = value;
-			},
-			children: "Keep local numeric monitoring history"
-		}),
-		/* @__PURE__ */ require_jsx_runtime.jsx("div", {
-			className: "power-settings-hint",
-			children: "Opt-in local SQLite history. Retained for up to 7 days within 100 MiB. Collection runs while monitoring is enabled and the cluster view is active. Track individual pods or workloads in Diagnostics. Resolution: 30 seconds for 2 hours, 5 minutes for 24 hours, 30 minutes for 7 days. No data is backfilled. Disabling collection preserves existing history until cleared."
-		}),
-		/* @__PURE__ */ require_jsx_runtime.jsx("div", {
-			role: "status",
-			children: status?.error ?? (status ? `${(status.bytes / 1024 / 1024).toFixed(2)} MiB, ${status.samples} stored metric buckets` : "Checking history storage…")
-		}),
-		/* @__PURE__ */ require_jsx_runtime.jsx("button", {
-			type: "button",
-			title: "Delete locally collected metric history without changing other settings",
-			onClick: () => {
-				require_monitoring_history.monitoringHistory.clear().then(refresh).catch(() => setStatus({
-					available: false,
-					enabled: preferences.historyEnabled,
-					bytes: 0,
-					samples: 0,
-					error: "Unable to clear local history"
-				}));
-			},
-			children: "Clear local history"
-		})
-	] });
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 20
+		},
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Switch, {
+				checked: preferences.diagnosticsVisible,
+				onChange: (value) => {
+					preferences.diagnosticsVisible = value;
+				},
+				children: "Show Diagnostics in sidebar"
+			}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				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.enabled,
+				onChange: (value) => {
+					preferences.enabled = value;
+				},
+				children: "Metrics-server monitoring"
+			}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "power-settings-hint",
+				children: "CPU/RAM charts for clusters, nodes and pods. Keeps 30 minutes of live samples."
+			})] }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", { children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Switch, {
+				checked: preferences.historyEnabled,
+				onChange: (value) => {
+					preferences.historyEnabled = value;
+				},
+				children: "Keep local history"
+			}), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "power-settings-hint",
+				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.",
+				children: "Up to 7 days, limited to 100 MiB."
+			})] }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 12
+				},
+				children: [/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					style: {
+						flex: 1,
+						minWidth: 0
+					},
+					role: "status",
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "baseline",
+								gap: 12
+							},
+							children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Local storage" }), /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+								style: {
+									fontVariantNumeric: "tabular-nums",
+									color: "var(--textColorSecondary)"
+								},
+								children: status?.available ? `${(status.bytes / 1024 / 1024).toFixed(2)} / ${require_monitoring_history.HISTORY_MAX_BYTES / 1024 / 1024} MiB` : "— / 100 MiB"
+							})]
+						}),
+						status?.available && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+							role: "progressbar",
+							"aria-label": "Local history storage",
+							"aria-valuemin": 0,
+							"aria-valuemax": 104857600,
+							"aria-valuenow": status.bytes,
+							"aria-valuetext": `${(status.bytes / 1024 / 1024).toFixed(2)} of 100 MiB`,
+							style: {
+								height: 4,
+								marginTop: 8,
+								borderRadius: 2,
+								overflow: "hidden",
+								background: "var(--borderColor)"
+							},
+							children: /* @__PURE__ */ require_jsx_runtime.jsx("div", { style: {
+								height: "100%",
+								width: `${Math.min(100, Math.max(0, status.bytes / 104857600 * 100))}%`,
+								background: "var(--primary)",
+								transition: "width 180ms ease"
+							} })
+						}),
+						/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+							className: "power-settings-hint",
+							style: { marginTop: 6 },
+							children: status?.error ?? (status?.available ? `${status.samples.toLocaleString()} metric buckets · 7-day retention` : "Checking history storage…")
+						})
+					]
+				}), /* @__PURE__ */ require_jsx_runtime.jsxs(require_extensions.Renderer.Component.Button, {
+					style: {
+						flexShrink: 0,
+						display: "inline-flex",
+						alignItems: "center",
+						justifyContent: "center",
+						gap: 6,
+						height: 30,
+						padding: "0 10px",
+						fontSize: 12,
+						lineHeight: "16px",
+						border: "1px solid var(--borderFaintColor)",
+						borderRadius: 6,
+						background: "var(--contentColor)",
+						color: "var(--textColorSecondary)"
+					},
+					title: "Delete locally collected metric history without changing other settings",
+					onClick: () => {
+						require_monitoring_history$1.monitoringHistory.clear().then(refresh).catch(() => setStatus((previous) => ({
+							available: previous?.available ?? false,
+							enabled: preferences.historyEnabled,
+							bytes: previous?.bytes ?? 0,
+							samples: previous?.samples ?? 0,
+							error: "Unable to clear local history. Try again."
+						})));
+					},
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+						material: "delete_outline",
+						size: 14
+					}), /* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Clear" })]
+				})]
+			})
+		]
+	});
 });
 //#endregion
 exports.MonitoringPreferences = MonitoringPreferences;

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

	@@ -1 +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 { 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>\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 Show~~ ~~cluster~~, ~~node~~ and ~~pod~~ ~~CPU/memory~~ ~~charts~~ ~~from~~ ~~metrics~~-server. ~~Live samples are kept for 30 minutes~~. ~~Requires~~\n ~~permission~~ to ~~read~~ ~~the~~ ~~corresponding~~ ~~resource~~ ~~metrics~~. ~~Requests~~ ~~and~~ ~~capacity~~ ~~use~~ ~~Kubernetes~~ ~~resource data~~.\n </div>\n <Renderer.Component.Switch\n checked={preferences.historyEnabled}\n onChange={(value) => {\n preferences.historyEnabled = value;\n }}\n >\n Keep local ~~numeric monitoring~~ history\n </Renderer.Component.Switch>\n <div className=\"power-settings-hint\">\n ~~Opt-in local~~ SQLite ~~history~~. ~~Retained~~ ~~for up to 7 days within 100 MiB. Collection runs~~ while ~~monitoring is\n enabled and~~ the cluster view is active. ~~Track individual pods or workloads in Diagnostics.~~ Resolution: 30\n seconds for 2 hours, 5 minutes for 24 hours, 30 minutes for 7 days. No ~~data~~ is ~~backfilled. Disabling collection~~\n ~~preserves~~ ~~existing~~ ~~history~~ ~~until~~ ~~cleared~~.\n </div>\n <div role=\"status\">\n {status?.~~error~~ ~~??\~~n (~~status~~\n ? `${(status.bytes / 1024 / 1024).toFixed(2)} MiB, ${status.samples} ~~stored~~ metric buckets`\n : \"Checking history storage…\")}\n </div>\n <~~button~~\n ~~type=\~~"~~button~~\"\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({\n available: false,\n enabled: preferences.historyEnabled,\n bytes: 0,\n samples: 0,\n error: \"Unable to clear local history\",\n }),\n );\n }}\n >\n ~~Clear~~ ~~local~~ ~~history\~~n </~~button~~>\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,~~2BAAK~~,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,EAAA,UAAA;~~EACE~~,oCAAA,IAAC,mBAAA,SAAS,UAAU,QAApB;~~GACE~~,SAAS,YAAY;~~GACrB~~,WAAW,UAAU;~~IACnB~~,YAAY,UAAU;~~GACxB~~;~~aACD~~;~~EAE0B~~,CAAA~~;EAC3B~~,oCAAA,IAAC,OAAD;~~GAAK~~,WAAU;~~aAAsB~~;~~EAGhC~~,CAAA;~~EACL~~,oCAAA,IAAC,mBAAA,SAAS,UAAU,QAApB;~~GACE~~,SAAS,YAAY;~~GACrB~~,WAAW,UAAU;~~IACnB~~,YAAY,iBAAiB;~~GAC~~/B;~~aACD~~;~~EAE0B~~,CAAA~~;EAC3B~~,oCAAA,IAAC,OAAD;~~GAAK~~,WAAU;~~aAAsB~~;~~EAKhC~~,CAAA;~~EACL~~,oCAAA,~~IAAC~~,OAAD;~~GAAK~~,MAAK;~~aACP~~,QAAQ,~~UACN~~,~~SACG~~,IAAI,OAAO,QAAQ,OAAO,KAAA,CAAM,QAAQ,CAAC,EAAE,QAAQ,OAAO,QAAQ,~~0BAClE~~;~~EACH~~,CAAA;~~EACL~~,oCAAA,IAAC,~~UAAD~~;~~GACE~~,~~MAAK~~;~~GACL~~,OAAM;~~GACN~~,eAAe;~~IACb~~,~~2BAAK~~,kBACF,MAAM,CAAC,CACP,KAAK,OAAO,CAAC,CACb,YACC,~~UAAU~~;~~KACR~~,WAAW;~~KACX~~,SAAS,YAAY;~~KACrB~~,OAAO;~~KACP~~,SAAS;~~KACT~~,OAAO;~~IACT~~,~~CAAC~~,~~CACH~~;~~GACJ~~;~~aACD~~;~~EAEO~~,~~CAAA~~;~~CACL~~,EAAA,CAAA;AAET,CAAC"}
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":"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"}

package/out/renderer/preferences/preferences.js CHANGED Viewed

@@ -1,4 +1,5 @@
 const require_extensions = require("../_virtual/_global-external_@freelensapp/extensions.js");
+const require_extension_info = require("../src/common/extension-info.js");
 const require_jsx_runtime = require("../_virtual/_global-external_react/jsx-runtime.js");
 const require_ai_preferences = require("./ai-preferences.js");
 const require_appearance_preferences = require("./appearance-preferences.js");
@@ -71,13 +72,36 @@ var PowerPreferences = () => /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
 			"aria-labelledby": "freelens-power-appearance-title",
-			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
-				id: "freelens-power-appearance-title",
-				children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
-					material: "palette",
-					size: 20
-				}), " Appearance"]
-			}), /* @__PURE__ */ require_jsx_runtime.jsx(require_appearance_preferences.AppearancePreferences, {})]
+			children: [
+				/* @__PURE__ */ require_jsx_runtime.jsxs("h3", {
+					id: "freelens-power-appearance-title",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+						material: "palette",
+						size: 20
+					}), " Appearance"]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx(require_appearance_preferences.AppearancePreferences, {}),
+				/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+					style: {
+						display: "flex",
+						justifyContent: "flex-end",
+						marginTop: 20
+					},
+					children: /* @__PURE__ */ require_jsx_runtime.jsxs(require_extensions.Renderer.Component.Button, {
+						style: {
+							display: "inline-flex",
+							alignItems: "center",
+							gap: 6
+						},
+						onClick: () => require_extensions.Renderer.Navigation.navigate(`/extension/${require_extension_info.EXTENSION_ID}/cluster-icons`),
+						title: "Create matching icons for your saved clusters",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx(require_extensions.Renderer.Component.Icon, {
+							material: "palette",
+							size: 16
+						}), " Cluster icons"]
+					})
+				})
+			]
 		}),
 		/* @__PURE__ */ require_jsx_runtime.jsxs("section", {
 			"aria-labelledby": "freelens-power-monitoring-title",

package/out/renderer/preferences/preferences.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"preferences.js","names":[],"sources":["../../../src/renderer/preferences/preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { AiPreferences } from \"./ai-preferences\";\nimport { AppearancePreferences } from \"./appearance-preferences\";\nimport { DashboardPreferences } from \"./dashboard-preferences\";\nimport { MonitoringPreferences } from \"./monitoring-preferences\";\nimport { NodeShellPreferences } from \"./node-shell-preferences\";\nimport { PowerPreferencesToggle } from \"./power-preferences\";\nimport { ReadOnlyPreferences } from \"./read-only-preferences\";\nimport { SettingsExport } from \"./settings-export\";\n\nconst styles = `\n .power-preferences-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n .power-preferences-header-actions { display: inline-flex; margin-left: auto; flex-shrink: 0; }\n #freelens-power-settings > .SubTitle,\n #freelens-power-settings > .hint,\n #freelens-power-settings + hr { display: none; }\n .freelens-power-preferences { display: grid; gap: 24px; max-width: 760px; }\n .freelens-power-preferences section {\n padding: 24px; border: 1px solid var(--borderFaintColor);\n border-radius: 12px; background: var(--contentColor);\n }\n .freelens-power-preferences button, .freelens-power-preferences .Button { transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }\n :root .freelens-power-preferences button.power-settings-icon-action,\n :root .power-preferences-header-actions button.power-settings-icon-action {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; min-width: 32px; padding: 0; flex-shrink: 0;\n border: 0; border-radius: 6px; background: transparent; color: var(--textColorSecondary); cursor: pointer;\n transition: color 160ms ease, background-color 160ms ease;\n }\n :root .freelens-power-preferences button.power-settings-icon-action:not(:disabled):hover,\n :root .power-preferences-header-actions button.power-settings-icon-action:not(:disabled):hover {\n color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, transparent);\n }\n :root .freelens-power-preferences button.power-settings-icon-action:focus-visible,\n :root .power-preferences-header-actions button.power-settings-icon-action:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }\n :root .freelens-power-preferences button.power-settings-icon-action:disabled,\n :root .power-preferences-header-actions button.power-settings-icon-action:disabled { opacity: 0.4; cursor: default; }\n .freelens-power-preferences h3 {\n display: flex; align-items: center; gap: 10px; margin: 0 0 24px; font-size: 16px; font-weight: 600; color: var(--textColorAccent);\n }\n .freelens-power-preferences label[data-testid=\"switch\"] {\n display: flex; width: 100%; align-items: center; justify-content: space-between;\n }\n .freelens-power-preferences .power-settings-hint {\n margin-top: 6px; font-size: 12px; line-height: 1.5; color: var(--textColorSecondary);\n }\n @media (max-width: 760px) {\n .freelens-power-preferences section { padding: 18px; }\n .freelens-power-preferences .power-settings-row { flex-wrap: wrap; }\n }\n`;\n\nexport const PowerPreferences = () => (\n <div className=\"freelens-power-preferences\">\n <style>{styles}</style>\n <SettingsExport />\n <section aria-label=\"Freelens Power\">\n <PowerPreferencesToggle />\n </section>\n <section aria-labelledby=\"freelens-power-safety-title\">\n <h3 id=\"freelens-power-safety-title\">\n <Renderer.Component.Icon material=\"lock_outline\" size={20} /> Read-only mode\n </h3>\n <ReadOnlyPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-appearance-title\">\n <h3 id=\"freelens-power-appearance-title\">\n <Renderer.Component.Icon material=\"palette\" size={20} /> Appearance\n </h3>\n <AppearancePreferences />\n </section>\n <section aria-labelledby=\"freelens-power-monitoring-title\">\n <h3 id=\"freelens-power-monitoring-title\">\n <Renderer.Component.Icon material=\"show_chart\" size={20} /> Monitoring\n </h3>\n <MonitoringPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-shell-title\">\n <h3 id=\"freelens-power-shell-title\">\n <Renderer.Component.Icon material=\"vpn_key\" size={20} /> Secure Node Shell\n </h3>\n <NodeShellPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-ai-title\">\n <h3 id=\"freelens-power-ai-title\">\n <Renderer.Component.Icon material=\"chat_bubble_outline\" size={20} /> AI assistant\n </h3>\n <AiPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-dashboard-title\">\n <h3 id=\"freelens-power-dashboard-title\">\n <Renderer.Component.Icon material=\"dashboard\" size={20} /> Dashboard\n </h3>\n <DashboardPreferences />\n </section>\n </div>\n);\n"],"mappings":"~~;;;;;;;;;;;AAUA~~,IAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Cf,IAAa,yBACX,oCAAA,KAAC,OAAD;CAAK,WAAU;WAAf;EACE,oCAAA,IAAC,SAAD,EAAA,UAAQ,OAAc,CAAA;EACtB,oCAAA,IAAC,wBAAA,gBAAD,CAAiB,CAAA;EACjB,oCAAA,IAAC,WAAD;GAAS,cAAW;aAClB,oCAAA,IAAC,0BAAA,wBAAD,CAAyB,CAAA;EAClB,CAAA;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAe,MAAM;IAAK,CAAA,GAAC,iBAC3D;OACJ,oCAAA,IAAC,8BAAA,qBAAD,CAAsB,CAAA,CACf;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,~~CACE,~~oCAAA,KAAC,MAAD;~~IAAI~~,IAAG;~~cAAP~~,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;~~KAAyB~~,UAAS;~~KAAU~~,MAAM;~~IAAK~~,CAAA,GAAC,aACtD~~;OACJ~~,oCAAA,IAAC,+BAAA,uBAAD,CAAwB,CAAA,~~CACjB~~;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAa,MAAM;IAAK,CAAA,GAAC,aACzD;OACJ,oCAAA,IAAC,+BAAA,uBAAD,CAAwB,CAAA,CACjB;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAU,MAAM;IAAK,CAAA,GAAC,oBACtD;OACJ,oCAAA,IAAC,+BAAA,sBAAD,CAAuB,CAAA,CAChB;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAsB,MAAM;IAAK,CAAA,GAAC,eAClE;OACJ,oCAAA,IAAC,uBAAA,eAAD,CAAgB,CAAA,CACT;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAY,MAAM;IAAK,CAAA,GAAC,YACxD;OACJ,oCAAA,IAAC,8BAAA,sBAAD,CAAuB,CAAA,CAChB;;CACN"}
1	+ {"version":3,"file":"preferences.js","names":[],"sources":["../../../src/renderer/preferences/preferences.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { EXTENSION_ID } from \"../../common/extension-info\";\nimport { AiPreferences } from \"./ai-preferences\";\nimport { AppearancePreferences } from \"./appearance-preferences\";\nimport { DashboardPreferences } from \"./dashboard-preferences\";\nimport { MonitoringPreferences } from \"./monitoring-preferences\";\nimport { NodeShellPreferences } from \"./node-shell-preferences\";\nimport { PowerPreferencesToggle } from \"./power-preferences\";\nimport { ReadOnlyPreferences } from \"./read-only-preferences\";\nimport { SettingsExport } from \"./settings-export\";\n\nconst styles = `\n .power-preferences-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n .power-preferences-header-actions { display: inline-flex; margin-left: auto; flex-shrink: 0; }\n #freelens-power-settings > .SubTitle,\n #freelens-power-settings > .hint,\n #freelens-power-settings + hr { display: none; }\n .freelens-power-preferences { display: grid; gap: 24px; max-width: 760px; }\n .freelens-power-preferences section {\n padding: 24px; border: 1px solid var(--borderFaintColor);\n border-radius: 12px; background: var(--contentColor);\n }\n .freelens-power-preferences button, .freelens-power-preferences .Button { transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }\n :root .freelens-power-preferences button.power-settings-icon-action,\n :root .power-preferences-header-actions button.power-settings-icon-action {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; min-width: 32px; padding: 0; flex-shrink: 0;\n border: 0; border-radius: 6px; background: transparent; color: var(--textColorSecondary); cursor: pointer;\n transition: color 160ms ease, background-color 160ms ease;\n }\n :root .freelens-power-preferences button.power-settings-icon-action:not(:disabled):hover,\n :root .power-preferences-header-actions button.power-settings-icon-action:not(:disabled):hover {\n color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, transparent);\n }\n :root .freelens-power-preferences button.power-settings-icon-action:focus-visible,\n :root .power-preferences-header-actions button.power-settings-icon-action:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }\n :root .freelens-power-preferences button.power-settings-icon-action:disabled,\n :root .power-preferences-header-actions button.power-settings-icon-action:disabled { opacity: 0.4; cursor: default; }\n .freelens-power-preferences h3 {\n display: flex; align-items: center; gap: 10px; margin: 0 0 24px; font-size: 16px; font-weight: 600; color: var(--textColorAccent);\n }\n .freelens-power-preferences label[data-testid=\"switch\"] {\n display: flex; width: 100%; align-items: center; justify-content: space-between;\n }\n .freelens-power-preferences .power-settings-hint {\n margin-top: 6px; font-size: 12px; line-height: 1.5; color: var(--textColorSecondary);\n }\n @media (max-width: 760px) {\n .freelens-power-preferences section { padding: 18px; }\n .freelens-power-preferences .power-settings-row { flex-wrap: wrap; }\n }\n`;\n\nexport const PowerPreferences = () => (\n <div className=\"freelens-power-preferences\">\n <style>{styles}</style>\n <SettingsExport />\n <section aria-label=\"Freelens Power\">\n <PowerPreferencesToggle />\n </section>\n <section aria-labelledby=\"freelens-power-safety-title\">\n <h3 id=\"freelens-power-safety-title\">\n <Renderer.Component.Icon material=\"lock_outline\" size={20} /> Read-only mode\n </h3>\n <ReadOnlyPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-appearance-title\">\n <h3 id=\"freelens-power-appearance-title\">\n <Renderer.Component.Icon material=\"palette\" size={20} /> Appearance\n </h3>\n <AppearancePreferences />\n <div style={{ display: \"flex\", justifyContent: \"flex-end\", marginTop: 20 }}>\n <Renderer.Component.Button\n style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}\n onClick={() => Renderer.Navigation.navigate(`/extension/${EXTENSION_ID}/cluster-icons`)}\n title=\"Create matching icons for your saved clusters\"\n >\n <Renderer.Component.Icon material=\"palette\" size={16} /> Cluster icons\n </Renderer.Component.Button>\n </div>\n </section>\n <section aria-labelledby=\"freelens-power-monitoring-title\">\n <h3 id=\"freelens-power-monitoring-title\">\n <Renderer.Component.Icon material=\"show_chart\" size={20} /> Monitoring\n </h3>\n <MonitoringPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-shell-title\">\n <h3 id=\"freelens-power-shell-title\">\n <Renderer.Component.Icon material=\"vpn_key\" size={20} /> Secure Node Shell\n </h3>\n <NodeShellPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-ai-title\">\n <h3 id=\"freelens-power-ai-title\">\n <Renderer.Component.Icon material=\"chat_bubble_outline\" size={20} /> AI assistant\n </h3>\n <AiPreferences />\n </section>\n <section aria-labelledby=\"freelens-power-dashboard-title\">\n <h3 id=\"freelens-power-dashboard-title\">\n <Renderer.Component.Icon material=\"dashboard\" size={20} /> Dashboard\n </h3>\n <DashboardPreferences />\n </section>\n </div>\n);\n"],"mappings":";;;;;;;;;;;;AAWA,IAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Cf,IAAa,yBACX,oCAAA,KAAC,OAAD;CAAK,WAAU;WAAf;EACE,oCAAA,IAAC,SAAD,EAAA,UAAQ,OAAc,CAAA;EACtB,oCAAA,IAAC,wBAAA,gBAAD,CAAiB,CAAA;EACjB,oCAAA,IAAC,WAAD;GAAS,cAAW;aAClB,oCAAA,IAAC,0BAAA,wBAAD,CAAyB,CAAA;EAClB,CAAA;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAe,MAAM;IAAK,CAAA,GAAC,iBAC3D;OACJ,oCAAA,IAAC,8BAAA,qBAAD,CAAsB,CAAA,CACf;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB;IACE,oCAAA,KAAC,MAAD;KAAI,IAAG;eAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;MAAyB,UAAS;MAAU,MAAM;KAAK,CAAA,GAAC,aACtD;;IACJ,oCAAA,IAAC,+BAAA,uBAAD,CAAwB,CAAA;IACxB,oCAAA,IAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,gBAAgB;MAAY,WAAW;KAAG;eACvE,oCAAA,KAAC,mBAAA,SAAS,UAAU,QAApB;MACE,OAAO;OAAE,SAAS;OAAe,YAAY;OAAU,KAAK;MAAE;MAC9D,eAAe,mBAAA,SAAS,WAAW,SAAS,cAAc,uBAAA,aAAa,eAAe;MACtF,OAAM;gBAHR,CAKE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;OAAyB,UAAS;OAAU,MAAM;MAAK,CAAA,GAAC,gBAC/B;;IACxB,CAAA;GACE;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAa,MAAM;IAAK,CAAA,GAAC,aACzD;OACJ,oCAAA,IAAC,+BAAA,uBAAD,CAAwB,CAAA,CACjB;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAU,MAAM;IAAK,CAAA,GAAC,oBACtD;OACJ,oCAAA,IAAC,+BAAA,sBAAD,CAAuB,CAAA,CAChB;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAsB,MAAM;IAAK,CAAA,GAAC,eAClE;OACJ,oCAAA,IAAC,uBAAA,eAAD,CAAgB,CAAA,CACT;;EACT,oCAAA,KAAC,WAAD;GAAS,mBAAgB;aAAzB,CACE,oCAAA,KAAC,MAAD;IAAI,IAAG;cAAP,CACE,oCAAA,IAAC,mBAAA,SAAS,UAAU,MAApB;KAAyB,UAAS;KAAY,MAAM;IAAK,CAAA,GAAC,YACxD;OACJ,oCAAA,IAAC,8BAAA,sBAAD,CAAuB,CAAA,CAChB;;CACN"}

package/out/renderer/read-only.js CHANGED Viewed

@@ -6,7 +6,7 @@ var excluded = ".freelens-power-preferences, #freelens-power-settings, .freelens
 var directActions = [
 	".CatalogAddButton",
 	".KubeObjectListLayout .AddRemoveButtons .add-button",
-	".KubeObjectListLayout .AddRemoveButtons .remove-button",
+	".AddRemoveButtons .remove-button",
 	".create-resource-tab",
 	".CreateResource .InfoPanel button.active",
 	"[data-testid^=\"save-edit-resource-from-tab-for-\"]",
@@ -35,7 +35,7 @@ function startReadOnlyMode() {
 	const preferences = require_read_only_preferences_store.ReadOnlyPreferencesStore.getInstanceOrCreate();
 	const style = document.createElement("style");
 	style.dataset.freelensPower = "read-only";
-	style.textContent = `[${marker}] { display: none !important; }`;
+	style.textContent = `[${marker}], .AddRemoveButtons .remove-button { display: none !important; }`;
 	const hidden = /* @__PURE__ */ new Set();
 	function restore() {
 		for (const element of hidden) element.removeAttribute(marker);

package/out/renderer/read-only.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"read-only.js","names":[],"sources":["../../src/renderer/read-only.ts"],"sourcesContent":["import { reaction } from \"mobx\";\nimport { ReadOnlyPreferencesStore } from \"../common/store/read-only-preferences-store\";\n\nconst marker = \"data-freelens-power-read-only\";\nconst excluded = \".freelens-power-preferences, #freelens-power-settings, .freelens-power-dashboard, .power-ai-panel\";\nconst directActions = [\n \".CatalogAddButton\",\n \".KubeObjectListLayout .AddRemoveButtons .add-button\",\n \".~~KubeObjectListLayout .~~AddRemoveButtons .remove-button\",\n \".create-resource-tab\",\n \".CreateResource .InfoPanel button.active\",\n '[data-testid^=\"save-edit-resource-from-tab-for-\"]',\n '[data-testid^=\"save-and-close-edit-resource-from-tab-for-\"]',\n '[data-testid^=\"menu-action-edit-for-\"]',\n '[data-testid^=\"menu-action-delete-for-\"]',\n '[data-testid^=\"menu-action-force-delete-for-\"]',\n '[data-testid^=\"menu-action-delete-with-finalizers-for-\"]',\n '.MenuActions [data-testid=\"menu-action-remove\"]',\n].join(\",\");\nconst menuActions = new Set([\n \"edit\",\n \"delete\",\n \"force delete\",\n \"delete with finalizers\",\n \"remove\",\n \"remove cluster\",\n \"delete cluster\",\n \"cordon\",\n \"uncordon\",\n \"drain\",\n \"scale\",\n \"restart\",\n]);\n\nexport function startReadOnlyMode(): () => void {\n const preferences = ReadOnlyPreferencesStore.getInstanceOrCreate<ReadOnlyPreferencesStore>();\n const style = document.createElement(\"style\");\n style.dataset.freelensPower = \"read-only\";\n style.textContent = `[${marker}] { display: none !important; }`;\n const hidden = new Set<HTMLElement>();\n\n function restore() {\n for (const element of hidden) element.removeAttribute(marker);\n hidden.clear();\n style.remove();\n }\n\n function isMutation(element: HTMLElement): boolean {\n if (element.closest(excluded)) return false;\n if (element.matches(directActions)) return true;\n if (!element.matches('.MenuActions .MenuItem, [data-testid^=\"menu-actions-for-kube-object-menu-\"] .MenuItem'))\n return false;\n const title = (element.querySelector(\".title\")?.textContent ?? element.textContent)?.trim().toLowerCase();\n if (title && menuActions.has(title)) return true;\n return !!element.querySelector(\n '[data-icon-name=\"edit\"], [data-icon-name=\"delete\"], [data-icon-name=\"delete_forever\"], [data-icon-name=\"delete_sweep\"], [data-icon-name=\"pause_circle_filled\"], [data-icon-name=\"play_circle_filled\"]',\n );\n }\n\n function refresh() {\n for (const element of hidden) {\n if (!element.isConnected \|\| !isMutation(element)) {\n element.removeAttribute(marker);\n hidden.delete(element);\n }\n }\n for (const element of document.querySelectorAll<HTMLElement>(`${directActions}, .MenuActions .MenuItem`)) {\n if (isMutation(element)) {\n element.setAttribute(marker, \"\");\n hidden.add(element);\n }\n }\n }\n\n function intercept(event: Event) {\n if (!preferences.enabled \|\| !(event.target instanceof Element)) return;\n if (event instanceof KeyboardEvent && ![\"Enter\", \" \"].includes(event.key)) return;\n const target = event.target.closest<HTMLElement>(`[${marker}], ${directActions}, .MenuItem`);\n if (!target \|\| !isMutation(target)) return;\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n\n const observer = new MutationObserver(refresh);\n const stop = reaction(\n () => preferences.enabled,\n (enabled) => {\n observer.disconnect();\n restore();\n if (!enabled) return;\n document.head.append(style);\n refresh();\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true,\n attributeFilter: [\"class\", \"data-testid\", \"title\"],\n });\n },\n { fireImmediately: true },\n );\n document.addEventListener(\"click\", intercept, true);\n document.addEventListener(\"keydown\", intercept, true);\n\n return () => {\n stop();\n observer.disconnect();\n document.removeEventListener(\"click\", intercept, true);\n document.removeEventListener(\"keydown\", intercept, true);\n restore();\n };\n}\n"],"mappings":";;;AAGA,IAAM,SAAS;AACf,IAAM,WAAW;AACjB,IAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AACV,IAAM,8BAAc,IAAI,IAAI;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,SAAgB,oBAAgC;CAC9C,MAAM,cAAc,oCAAA,yBAAyB,oBAA8C;CAC3F,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,cAAc,IAAI,OAAO;CAC/B,MAAM,yBAAS,IAAI,IAAiB;CAEpC,SAAS,UAAU;EACjB,KAAK,MAAM,WAAW,QAAQ,QAAQ,gBAAgB,MAAM;EAC5D,OAAO,MAAM;EACb,MAAM,OAAO;CACf;CAEA,SAAS,WAAW,SAA+B;EACjD,IAAI,QAAQ,QAAQ,QAAQ,GAAG,OAAO;EACtC,IAAI,QAAQ,QAAQ,aAAa,GAAG,OAAO;EAC3C,IAAI,CAAC,QAAQ,QAAQ,yFAAuF,GAC1G,OAAO;EACT,MAAM,SAAS,QAAQ,cAAc,QAAQ,CAAC,EAAE,eAAe,QAAQ,YAAA,EAAc,KAAK,CAAC,CAAC,YAAY;EACxG,IAAI,SAAS,YAAY,IAAI,KAAK,GAAG,OAAO;EAC5C,OAAO,CAAC,CAAC,QAAQ,cACf,mNACF;CACF;CAEA,SAAS,UAAU;EACjB,KAAK,MAAM,WAAW,QACpB,IAAI,CAAC,QAAQ,eAAe,CAAC,WAAW,OAAO,GAAG;GAChD,QAAQ,gBAAgB,MAAM;GAC9B,OAAO,OAAO,OAAO;EACvB;EAEF,KAAK,MAAM,WAAW,SAAS,iBAA8B,GAAG,cAAc,yBAAyB,GACrG,IAAI,WAAW,OAAO,GAAG;GACvB,QAAQ,aAAa,QAAQ,EAAE;GAC/B,OAAO,IAAI,OAAO;EACpB;CAEJ;CAEA,SAAS,UAAU,OAAc;EAC/B,IAAI,CAAC,YAAY,WAAW,EAAE,MAAM,kBAAkB,UAAU;EAChE,IAAI,iBAAiB,iBAAiB,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;EAC3E,MAAM,SAAS,MAAM,OAAO,QAAqB,IAAI,OAAO,KAAK,cAAc,YAAY;EAC3F,IAAI,CAAC,UAAU,CAAC,WAAW,MAAM,GAAG;EACpC,MAAM,eAAe;EACrB,MAAM,yBAAyB;CACjC;CAEA,MAAM,WAAW,IAAI,iBAAiB,OAAO;CAC7C,MAAM,OAAO,8BAAA,eACL,YAAY,UACjB,YAAY;EACX,SAAS,WAAW;EACpB,QAAQ;EACR,IAAI,CAAC,SAAS;EACd,SAAS,KAAK,OAAO,KAAK;EAC1B,QAAQ;EACR,SAAS,QAAQ,SAAS,MAAM;GAC9B,WAAW;GACX,SAAS;GACT,eAAe;GACf,YAAY;GACZ,iBAAiB;IAAC;IAAS;IAAe;GAAO;EACnD,CAAC;CACH,GACA,EAAE,iBAAiB,KAAK,CAC1B;CACA,SAAS,iBAAiB,SAAS,WAAW,IAAI;CAClD,SAAS,iBAAiB,WAAW,WAAW,IAAI;CAEpD,aAAa;EACX,KAAK;EACL,SAAS,WAAW;EACpB,SAAS,oBAAoB,SAAS,WAAW,IAAI;EACrD,SAAS,oBAAoB,WAAW,WAAW,IAAI;EACvD,QAAQ;CACV;AACF"}
1	+ {"version":3,"file":"read-only.js","names":[],"sources":["../../src/renderer/read-only.ts"],"sourcesContent":["import { reaction } from \"mobx\";\nimport { ReadOnlyPreferencesStore } from \"../common/store/read-only-preferences-store\";\n\nconst marker = \"data-freelens-power-read-only\";\nconst excluded = \".freelens-power-preferences, #freelens-power-settings, .freelens-power-dashboard, .power-ai-panel\";\nconst directActions = [\n \".CatalogAddButton\",\n \".KubeObjectListLayout .AddRemoveButtons .add-button\",\n \".AddRemoveButtons .remove-button\",\n \".create-resource-tab\",\n \".CreateResource .InfoPanel button.active\",\n '[data-testid^=\"save-edit-resource-from-tab-for-\"]',\n '[data-testid^=\"save-and-close-edit-resource-from-tab-for-\"]',\n '[data-testid^=\"menu-action-edit-for-\"]',\n '[data-testid^=\"menu-action-delete-for-\"]',\n '[data-testid^=\"menu-action-force-delete-for-\"]',\n '[data-testid^=\"menu-action-delete-with-finalizers-for-\"]',\n '.MenuActions [data-testid=\"menu-action-remove\"]',\n].join(\",\");\nconst menuActions = new Set([\n \"edit\",\n \"delete\",\n \"force delete\",\n \"delete with finalizers\",\n \"remove\",\n \"remove cluster\",\n \"delete cluster\",\n \"cordon\",\n \"uncordon\",\n \"drain\",\n \"scale\",\n \"restart\",\n]);\n\nexport function startReadOnlyMode(): () => void {\n const preferences = ReadOnlyPreferencesStore.getInstanceOrCreate<ReadOnlyPreferencesStore>();\n const style = document.createElement(\"style\");\n style.dataset.freelensPower = \"read-only\";\n style.textContent = `[${marker}], .AddRemoveButtons .remove-button { display: none !important; }`;\n const hidden = new Set<HTMLElement>();\n\n function restore() {\n for (const element of hidden) element.removeAttribute(marker);\n hidden.clear();\n style.remove();\n }\n\n function isMutation(element: HTMLElement): boolean {\n if (element.closest(excluded)) return false;\n if (element.matches(directActions)) return true;\n if (!element.matches('.MenuActions .MenuItem, [data-testid^=\"menu-actions-for-kube-object-menu-\"] .MenuItem'))\n return false;\n const title = (element.querySelector(\".title\")?.textContent ?? element.textContent)?.trim().toLowerCase();\n if (title && menuActions.has(title)) return true;\n return !!element.querySelector(\n '[data-icon-name=\"edit\"], [data-icon-name=\"delete\"], [data-icon-name=\"delete_forever\"], [data-icon-name=\"delete_sweep\"], [data-icon-name=\"pause_circle_filled\"], [data-icon-name=\"play_circle_filled\"]',\n );\n }\n\n function refresh() {\n for (const element of hidden) {\n if (!element.isConnected \|\| !isMutation(element)) {\n element.removeAttribute(marker);\n hidden.delete(element);\n }\n }\n for (const element of document.querySelectorAll<HTMLElement>(`${directActions}, .MenuActions .MenuItem`)) {\n if (isMutation(element)) {\n element.setAttribute(marker, \"\");\n hidden.add(element);\n }\n }\n }\n\n function intercept(event: Event) {\n if (!preferences.enabled \|\| !(event.target instanceof Element)) return;\n if (event instanceof KeyboardEvent && ![\"Enter\", \" \"].includes(event.key)) return;\n const target = event.target.closest<HTMLElement>(`[${marker}], ${directActions}, .MenuItem`);\n if (!target \|\| !isMutation(target)) return;\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n\n const observer = new MutationObserver(refresh);\n const stop = reaction(\n () => preferences.enabled,\n (enabled) => {\n observer.disconnect();\n restore();\n if (!enabled) return;\n document.head.append(style);\n refresh();\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true,\n attributeFilter: [\"class\", \"data-testid\", \"title\"],\n });\n },\n { fireImmediately: true },\n );\n document.addEventListener(\"click\", intercept, true);\n document.addEventListener(\"keydown\", intercept, true);\n\n return () => {\n stop();\n observer.disconnect();\n document.removeEventListener(\"click\", intercept, true);\n document.removeEventListener(\"keydown\", intercept, true);\n restore();\n };\n}\n"],"mappings":";;;AAGA,IAAM,SAAS;AACf,IAAM,WAAW;AACjB,IAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AACV,IAAM,8BAAc,IAAI,IAAI;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,SAAgB,oBAAgC;CAC9C,MAAM,cAAc,oCAAA,yBAAyB,oBAA8C;CAC3F,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,cAAc,IAAI,OAAO;CAC/B,MAAM,yBAAS,IAAI,IAAiB;CAEpC,SAAS,UAAU;EACjB,KAAK,MAAM,WAAW,QAAQ,QAAQ,gBAAgB,MAAM;EAC5D,OAAO,MAAM;EACb,MAAM,OAAO;CACf;CAEA,SAAS,WAAW,SAA+B;EACjD,IAAI,QAAQ,QAAQ,QAAQ,GAAG,OAAO;EACtC,IAAI,QAAQ,QAAQ,aAAa,GAAG,OAAO;EAC3C,IAAI,CAAC,QAAQ,QAAQ,yFAAuF,GAC1G,OAAO;EACT,MAAM,SAAS,QAAQ,cAAc,QAAQ,CAAC,EAAE,eAAe,QAAQ,YAAA,EAAc,KAAK,CAAC,CAAC,YAAY;EACxG,IAAI,SAAS,YAAY,IAAI,KAAK,GAAG,OAAO;EAC5C,OAAO,CAAC,CAAC,QAAQ,cACf,mNACF;CACF;CAEA,SAAS,UAAU;EACjB,KAAK,MAAM,WAAW,QACpB,IAAI,CAAC,QAAQ,eAAe,CAAC,WAAW,OAAO,GAAG;GAChD,QAAQ,gBAAgB,MAAM;GAC9B,OAAO,OAAO,OAAO;EACvB;EAEF,KAAK,MAAM,WAAW,SAAS,iBAA8B,GAAG,cAAc,yBAAyB,GACrG,IAAI,WAAW,OAAO,GAAG;GACvB,QAAQ,aAAa,QAAQ,EAAE;GAC/B,OAAO,IAAI,OAAO;EACpB;CAEJ;CAEA,SAAS,UAAU,OAAc;EAC/B,IAAI,CAAC,YAAY,WAAW,EAAE,MAAM,kBAAkB,UAAU;EAChE,IAAI,iBAAiB,iBAAiB,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;EAC3E,MAAM,SAAS,MAAM,OAAO,QAAqB,IAAI,OAAO,KAAK,cAAc,YAAY;EAC3F,IAAI,CAAC,UAAU,CAAC,WAAW,MAAM,GAAG;EACpC,MAAM,eAAe;EACrB,MAAM,yBAAyB;CACjC;CAEA,MAAM,WAAW,IAAI,iBAAiB,OAAO;CAC7C,MAAM,OAAO,8BAAA,eACL,YAAY,UACjB,YAAY;EACX,SAAS,WAAW;EACpB,QAAQ;EACR,IAAI,CAAC,SAAS;EACd,SAAS,KAAK,OAAO,KAAK;EAC1B,QAAQ;EACR,SAAS,QAAQ,SAAS,MAAM;GAC9B,WAAW;GACX,SAAS;GACT,eAAe;GACf,YAAY;GACZ,iBAAiB;IAAC;IAAS;IAAe;GAAO;EACnD,CAAC;CACH,GACA,EAAE,iBAAiB,KAAK,CAC1B;CACA,SAAS,iBAAiB,SAAS,WAAW,IAAI;CAClD,SAAS,iBAAiB,WAAW,WAAW,IAAI;CAEpD,aAAa;EACX,KAAK;EACL,SAAS,WAAW;EACpB,SAAS,oBAAoB,SAAS,WAAW,IAAI;EACrD,SAAS,oBAAoB,WAAW,WAAW,IAAI;EACvD,QAAQ;CACV;AACF"}