@64mb/freelens-power 1.2.1 → 1.3.0

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

@@ -1 +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"}
+{"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 .power-preferences-section-links {\n    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); width: 100%; gap: 8px;\n  }\n  :root .freelens-power-preferences .power-preferences-section-links button.power-settings-section-link {\n    display: inline-flex; align-items: center; justify-content: center; gap: 6px;\n    width: 100%; min-width: 0; min-height: 32px; padding: 4px 2px;\n    border: 0; border-radius: 4px; background: transparent; box-shadow: none;\n    color: var(--textColorSecondary); text-transform: none; white-space: nowrap; cursor: pointer;\n  }\n  :root .freelens-power-preferences .power-preferences-section-links button.power-settings-section-link:hover {\n    color: var(--primary); background: transparent; box-shadow: none;\n  }\n  :root .freelens-power-preferences .power-preferences-section-links button.power-settings-section-link:focus-visible {\n    color: var(--primary); background: transparent; box-shadow: none;\n    outline: 2px solid var(--primary); outline-offset: 2px;\n  }\n  @media (max-width: 600px) {\n    .freelens-power-preferences .power-preferences-section-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n  }\n  @media (max-width: 360px) {\n    .freelens-power-preferences .power-preferences-section-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  }\n  .freelens-power-preferences section[id] { scroll-margin-top: 16px; }\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\nconst sectionLinks = [\n  { id: \"safety\", title: \"Safety\", icon: \"lock_outline\" },\n  { id: \"appearance\", title: \"Appearance\", icon: \"palette\" },\n  { id: \"monitoring\", title: \"Monitoring\", icon: \"show_chart\" },\n  { id: \"shell\", title: \"Node shell\", icon: \"vpn_key\" },\n  { id: \"ai\", title: \"AI\", icon: \"chat_bubble_outline\" },\n  { id: \"dashboard\", title: \"Dashboard\", icon: \"dashboard\" },\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    <nav className=\"power-preferences-section-links\" aria-label=\"Settings sections\">\n      {sectionLinks.map(({ id, title, icon }) => (\n        <Renderer.Component.Button\n          key={id}\n          className=\"power-settings-section-link\"\n          title={`Jump to ${title} settings`}\n          onClick={() => {\n            const section = document.getElementById(`freelens-power-${id}-section`);\n            section?.focus({ preventScroll: true });\n            section?.scrollIntoView({ block: \"start\" });\n          }}\n        >\n          <Renderer.Component.Icon material={icon} size={16} /> {title}\n        </Renderer.Component.Button>\n      ))}\n    </nav>\n    <section id=\"freelens-power-safety-section\" tabIndex={-1} 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 id=\"freelens-power-appearance-section\" tabIndex={-1} 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 id=\"freelens-power-monitoring-section\" tabIndex={-1} 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 id=\"freelens-power-shell-section\" tabIndex={-1} 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 id=\"freelens-power-ai-section\" tabIndex={-1} 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 id=\"freelens-power-dashboard-section\" tabIndex={-1} 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":"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"}

package/out/renderer/preferences/settings-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-modal.js","names":[],"sources":["../../../src/renderer/preferences/settings-modal.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { type ReactNode, useEffect } from \"react\";\n\nexport function SettingsModal({\n  id,\n  title,\n  onClose,\n  children,\n}: {\n  id: string;\n  title: string;\n  onClose: () => void;\n  children: ReactNode;\n}) {\n  useEffect(() => {\n    const closeOnEscape = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      event.preventDefault();\n      event.stopPropagation();\n      onClose();\n    };\n    document.addEventListener(\"keydown\", closeOnEscape, true);\n    return () => document.removeEventListener(\"keydown\", closeOnEscape, true);\n  }, [onClose]);\n  return (\n    <Renderer.Component.Dialog isOpen close={onClose} modal className=\"power-dashboard-dialog power-settings-dialog\">\n      <style>{`\n        .Dialog.power-settings-dialog { background: rgb(0 0 0 / 55%); z-index: 12000; }\n        .power-settings-dialog > .box { border-radius: 14px; background: var(--mainBackground, #252a2e); border: 1px solid var(--borderFaintColor, #555); box-shadow: 0 20px 70px rgb(0 0 0 / 45%); overflow: visible; }\n        .power-settings-dialog .power-ai-prompt { width: 100%; min-height: 120px; max-height: 260px; field-sizing: content; overflow-y: auto; padding: 12px; box-sizing: border-box; border: 1px solid var(--borderFaintColor); border-radius: 8px; background: var(--contentColor); color: var(--textColorPrimary); font: inherit; resize: none; }\n        .power-settings-dialog .power-ai-prompt:focus { outline: 1px solid var(--primary); border-color: var(--primary); }\n        .power-settings-dialog .power-dashboard-selector-editor { display: grid; gap: 12px; }\n        .power-settings-dialog .power-dashboard-selector-field { display: flex; align-items: center; gap: 8px; }\n        .power-settings-dialog .power-dashboard-selector-input { flex: 1; min-width: 0; border: 1px solid var(--borderFaintColor); border-radius: 7px; padding: 4px 8px; background: var(--contentColor); transition: border-color 160ms ease; }\n        .power-settings-dialog .power-dashboard-selector-input:focus-within { border-color: var(--primary); }\n        .power-settings-dialog .power-dashboard-selector-input .input-area { border-bottom: 0; }\n        .power-settings-dialog .power-dashboard-selector-input input { font-family: var(--font-monospace, monospace); }\n        .power-settings-dialog button.power-settings-icon-action { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-width: 30px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--textColorSecondary); cursor: pointer; transition: color 160ms ease, background-color 160ms ease; }\n        .power-settings-dialog button.power-settings-icon-action:disabled { opacity: .45; cursor: default; }\n        .power-settings-dialog button.power-settings-icon-action:hover:not(:disabled) { color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, transparent); }\n        .power-settings-dialog button.power-settings-icon-action:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }\n        @media (max-width: 600px) { .power-settings-dialog .power-settings-row { align-items: stretch !important; flex-direction: column; gap: 8px !important; } .power-settings-dialog .power-settings-row > div { width: 100% !important; } }\n      `}</style>\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={`${id}-heading`}\n        style={{ display: \"grid\", gap: 16, padding: 24, width: 560, maxWidth: \"calc(100vw - 48px)\" }}\n      >\n        <h2 id={`${id}-heading`} style={{ margin: 0 }}>\n          {title}\n        </h2>\n        {children}\n      </div>\n    </Renderer.Component.Dialog>\n  );\n}\n\nexport function SettingsField({ id, label, children }: { id: string; label: string; children: ReactNode }) {\n  return (\n    <div\n      className=\"power-settings-row\"\n      style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 20 }}\n    >\n      <label htmlFor={id}>{label}</label>\n      <div style={{ width: 340, maxWidth: \"100%\", flexShrink: 0 }}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,cAAc,EAC5B,IACA,OACA,SACA,YAMC;CACD,+BAAA,gBAAgB;EACd,MAAM,iBAAiB,UAAyB;GAC9C,IAAI,MAAM,QAAQ,UAAU;GAC5B,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,QAAQ;EACV;EACA,SAAS,iBAAiB,WAAW,eAAe,IAAI;EACxD,aAAa,SAAS,oBAAoB,WAAW,eAAe,IAAI;CAC1E,GAAG,CAAC,OAAO,CAAC;CACZ,OACE,oCAAA,KAAC,mBAAA,SAAS,UAAU,QAApB;EAA2B,QAAA;EAAO,OAAO;EAAS,OAAA;EAAM,WAAU;YAAlE,CACE,oCAAA,IAAC,SAAD,EAAA,UAAQ;;;;;;;;;;;;;;;;QAgBC,CAAA,GACT,oCAAA,KAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,mBAAiB,GAAG,GAAG;GACvB,OAAO;IAAE,SAAS;IAAQ,KAAK;IAAI,SAAS;IAAI,OAAO;IAAK,UAAU;GAAqB;aAJ7F,CAME,oCAAA,IAAC,MAAD;IAAI,IAAI,GAAG,GAAG;IAAW,OAAO,EAAE,QAAQ,EAAE;cACzC;GACC,CAAA,GACH,QACE;IACoB;;AAE/B;AAEA,SAAgB,cAAc,EAAE,IAAI,OAAO,YAAgE;CACzG,OACE,oCAAA,KAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,SAAS;GAAQ,YAAY;GAAU,gBAAgB;GAAiB,KAAK;EAAG;YAF3F,CAIE,oCAAA,IAAC,SAAD;GAAO,SAAS;aAAK;EAAa,CAAA,GAClC,oCAAA,IAAC,OAAD;GAAK,OAAO;IAAE,OAAO;IAAK,UAAU;IAAQ,YAAY;GAAE;GAAI;EAAc,CAAA,CACzE;;AAET"}
+{"version":3,"file":"settings-modal.js","names":[],"sources":["../../../src/renderer/preferences/settings-modal.tsx"],"sourcesContent":["import { Renderer } from \"@freelensapp/extensions\";\nimport { type ReactNode, useEffect } from \"react\";\n\nexport function SettingsModal({\n  id,\n  title,\n  onClose,\n  children,\n}: {\n  id: string;\n  title: string;\n  onClose: () => void;\n  children: ReactNode;\n}) {\n  useEffect(() => {\n    const closeOnEscape = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      event.preventDefault();\n      event.stopPropagation();\n      onClose();\n    };\n    document.addEventListener(\"keydown\", closeOnEscape, true);\n    return () => document.removeEventListener(\"keydown\", closeOnEscape, true);\n  }, [onClose]);\n  return (\n    <Renderer.Component.Dialog isOpen close={onClose} modal className=\"power-dashboard-dialog power-settings-dialog\">\n      <style>{`\n        .Dialog.power-settings-dialog { background: rgb(0 0 0 / 55%); z-index: 12000; }\n        .power-settings-dialog > .box { border-radius: 14px; background: var(--mainBackground, #252a2e); border: 1px solid var(--borderFaintColor, #555); box-shadow: 0 20px 70px rgb(0 0 0 / 45%); overflow: visible; }\n        .power-settings-dialog .power-ai-prompt { width: 100%; min-height: 120px; max-height: 260px; field-sizing: content; overflow-y: auto; padding: 12px; box-sizing: border-box; border: 1px solid var(--borderFaintColor); border-radius: 8px; background: var(--contentColor); color: var(--textColorPrimary); font: inherit; resize: none; }\n        .power-settings-dialog .power-ai-prompt:focus { outline: 1px solid var(--primary); border-color: var(--primary); }\n        .power-settings-dialog .power-dashboard-selector-editor { display: grid; gap: 12px; }\n        .power-settings-dialog .power-dashboard-selector-field { display: flex; align-items: center; gap: 8px; }\n        .power-settings-dialog .power-dashboard-selector-input { flex: 1; min-width: 0; border: 1px solid var(--borderFaintColor); border-radius: 7px; padding: 4px 8px; background: var(--contentColor); transition: border-color 160ms ease; }\n        .power-settings-dialog .power-dashboard-selector-input:focus-within { border-color: var(--primary); }\n        .power-settings-dialog .power-dashboard-selector-input .input-area { border-bottom: 0; }\n        .power-settings-dialog .power-dashboard-selector-input input { font-family: var(--font-monospace, monospace); }\n        .power-settings-dialog button.power-settings-icon-action { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-width: 30px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--textColorSecondary); cursor: pointer; transition: color 160ms ease, background-color 160ms ease; }\n        .power-settings-dialog button.power-settings-icon-action:disabled { opacity: .45; cursor: default; }\n        .power-settings-dialog button.power-settings-icon-action:hover:not(:disabled) { color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, transparent); }\n        .power-settings-dialog button.power-settings-icon-action:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }\n        @media (max-width: 600px) { .power-settings-dialog .power-settings-row { align-items: stretch !important; flex-direction: column; gap: 8px !important; } .power-settings-dialog .power-settings-row > div { width: 100% !important; } }\n      `}</style>\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={`${id}-heading`}\n        style={{ display: \"grid\", gap: 16, padding: 24, width: 560, maxWidth: \"calc(100vw - 48px)\" }}\n      >\n        <h2 id={`${id}-heading`} style={{ margin: 0 }}>\n          {title}\n        </h2>\n        {children}\n      </div>\n    </Renderer.Component.Dialog>\n  );\n}\n\nexport function SettingsField({ id, label, children }: { id: string; label: ReactNode; children: ReactNode }) {\n  return (\n    <div\n      className=\"power-settings-row\"\n      style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 20 }}\n    >\n      <label htmlFor={id}>{label}</label>\n      <div style={{ width: 340, maxWidth: \"100%\", flexShrink: 0 }}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,cAAc,EAC5B,IACA,OACA,SACA,YAMC;CACD,+BAAA,gBAAgB;EACd,MAAM,iBAAiB,UAAyB;GAC9C,IAAI,MAAM,QAAQ,UAAU;GAC5B,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,QAAQ;EACV;EACA,SAAS,iBAAiB,WAAW,eAAe,IAAI;EACxD,aAAa,SAAS,oBAAoB,WAAW,eAAe,IAAI;CAC1E,GAAG,CAAC,OAAO,CAAC;CACZ,OACE,oCAAA,KAAC,mBAAA,SAAS,UAAU,QAApB;EAA2B,QAAA;EAAO,OAAO;EAAS,OAAA;EAAM,WAAU;YAAlE,CACE,oCAAA,IAAC,SAAD,EAAA,UAAQ;;;;;;;;;;;;;;;;QAgBC,CAAA,GACT,oCAAA,KAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,mBAAiB,GAAG,GAAG;GACvB,OAAO;IAAE,SAAS;IAAQ,KAAK;IAAI,SAAS;IAAI,OAAO;IAAK,UAAU;GAAqB;aAJ7F,CAME,oCAAA,IAAC,MAAD;IAAI,IAAI,GAAG,GAAG;IAAW,OAAO,EAAE,QAAQ,EAAE;cACzC;GACC,CAAA,GACH,QACE;IACoB;;AAE/B;AAEA,SAAgB,cAAc,EAAE,IAAI,OAAO,YAAmE;CAC5G,OACE,oCAAA,KAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,SAAS;GAAQ,YAAY;GAAU,gBAAgB;GAAiB,KAAK;EAAG;YAF3F,CAIE,oCAAA,IAAC,SAAD;GAAO,SAAS;aAAK;EAAa,CAAA,GAClC,oCAAA,IAAC,OAAD;GAAK,OAAO;IAAE,OAAO;IAAK,UAAU;IAAQ,YAAY;GAAE;GAAI;EAAc,CAAA,CACzE;;AAET"}

package/out/renderer/resource-relationships.css.js

@@ -0,0 +1,7 @@
+//#region src/renderer/resource-relationships.css.ts
+var resourceRelationshipsStyles = `
+.power-relationships{height:100%;overflow:auto;box-sizing:border-box;min-width:0;padding:24px;max-width:1550px;margin:auto;color:var(--textColorPrimary)}.power-relationships h2{margin:0}.power-relationships .page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.power-relationships .intro{color:var(--textColorSecondary);max-width:900px;line-height:1.6}.power-relationships .controls{display:flex;gap:24px;align-items:end;flex-wrap:wrap;margin:24px 0}.power-relationships .control{min-width:200px;flex:1;max-width:340px}.power-relationships .control>span{display:block;font-size:12px;margin-bottom:8px;color:var(--textColorSecondary)}.power-relationships button{min-height:32px;cursor:pointer}.power-relationships .refresh{background:transparent;border:1px solid var(--borderColor);border-radius:5px;padding:5px 10px;color:var(--textColorPrimary);display:flex;align-items:center;gap:8px}.power-relationships .notice{padding:14px 16px;background:var(--contentColor);border:1px solid var(--borderColor);border-radius:7px;margin:16px 0;line-height:1.6}.power-relationships .warning{color:var(--colorWarning)}.power-relationships .healthy{color:var(--colorOk)}.power-relationships .neutral{color:var(--textColorSecondary)}.power-relationships .graph-scroll{min-width:0;max-width:100%;overflow:auto;margin-top:24px}.power-relationships .graph{min-width:1000px;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));column-gap:64px;row-gap:16px;position:relative;padding:6px 2px 56px}.power-relationships .graph.hide-upstreams{min-width:740px;grid-template-columns:repeat(3,minmax(180px,1fr))}.power-relationships .graph-option{display:flex;align-items:center;gap:8px;width:fit-content;margin:0;cursor:pointer}.power-relationships .graph-option input{margin:0}.power-relationships .column{position:relative;min-width:0;display:grid;grid-row:1/-1;grid-template-rows:subgrid}.power-relationships .column>h3{font-size:13px;margin:0;color:var(--textColorSecondary);font-weight:500}.power-relationships .card{background:var(--contentColor);border:1px solid var(--borderColor);border-radius:8px;padding:14px;margin:0;position:relative;z-index:1;overflow-wrap:anywhere}.power-relationships .card-kind{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--textColorSecondary);margin-bottom:6px}.power-relationships .resource-name{font-size:14px;font-weight:600;color:var(--textColorPrimary);text-align:left;background:transparent;border:0;padding:0;max-width:100%}.power-relationships .resource-name:hover{color:var(--primary)}.power-relationships .card p{font-size:12px;line-height:1.5;margin:6px 0 0}.power-relationships .relation-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--textColorSecondary);margin-bottom:6px}.power-relationships .resource-connections{position:absolute;inset:0;overflow:visible;pointer-events:none;color:var(--textColorSecondary)}.power-relationships .connection{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;opacity:.55;transition:opacity .15s,stroke .15s,stroke-width .15s}.power-relationships .connection.highlighted{opacity:1;stroke:var(--primary);stroke-width:2.5}.power-relationships .connection.dimmed{opacity:.12}.power-relationships .scope{max-width:68ch;margin-top:8px;color:var(--textColorSecondary);font-size:12px;line-height:1.6}.power-relationships .scope>span{display:block;margin-top:3px}.power-relationships details{margin-top:16px}.power-relationships summary{cursor:pointer;min-height:32px}.power-relationships .edge-list{columns:2;line-height:1.7;font-size:12px;list-style:none;padding:0}.power-relationships .empty{padding:28px;border:1px dashed var(--borderColor);border-radius:8px;color:var(--textColorSecondary);text-align:center}.power-relationships .relationship-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}.power-relationships .ports{margin-left:auto;justify-content:flex-end;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.power-relationships .ports span{padding:4px 8px;border-radius:4px;background:var(--contentColor);border:1px solid var(--borderColor)}@media(max-width:900px){.power-relationships{padding:16px}.power-relationships .controls{gap:16px}.power-relationships .edge-list{columns:1}}`;
+//#endregion
+exports.resourceRelationshipsStyles = resourceRelationshipsStyles;
+
+//# sourceMappingURL=resource-relationships.css.js.map

package/out/renderer/resource-relationships.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-relationships.css.js","names":[],"sources":["../../src/renderer/resource-relationships.css.ts"],"sourcesContent":["export const resourceRelationshipsStyles = `\n.power-relationships{height:100%;overflow:auto;box-sizing:border-box;min-width:0;padding:24px;max-width:1550px;margin:auto;color:var(--textColorPrimary)}.power-relationships h2{margin:0}.power-relationships .page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.power-relationships .intro{color:var(--textColorSecondary);max-width:900px;line-height:1.6}.power-relationships .controls{display:flex;gap:24px;align-items:end;flex-wrap:wrap;margin:24px 0}.power-relationships .control{min-width:200px;flex:1;max-width:340px}.power-relationships .control>span{display:block;font-size:12px;margin-bottom:8px;color:var(--textColorSecondary)}.power-relationships button{min-height:32px;cursor:pointer}.power-relationships .refresh{background:transparent;border:1px solid var(--borderColor);border-radius:5px;padding:5px 10px;color:var(--textColorPrimary);display:flex;align-items:center;gap:8px}.power-relationships .notice{padding:14px 16px;background:var(--contentColor);border:1px solid var(--borderColor);border-radius:7px;margin:16px 0;line-height:1.6}.power-relationships .warning{color:var(--colorWarning)}.power-relationships .healthy{color:var(--colorOk)}.power-relationships .neutral{color:var(--textColorSecondary)}.power-relationships .graph-scroll{min-width:0;max-width:100%;overflow:auto;margin-top:24px}.power-relationships .graph{min-width:1000px;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));column-gap:64px;row-gap:16px;position:relative;padding:6px 2px 56px}.power-relationships .graph.hide-upstreams{min-width:740px;grid-template-columns:repeat(3,minmax(180px,1fr))}.power-relationships .graph-option{display:flex;align-items:center;gap:8px;width:fit-content;margin:0;cursor:pointer}.power-relationships .graph-option input{margin:0}.power-relationships .column{position:relative;min-width:0;display:grid;grid-row:1/-1;grid-template-rows:subgrid}.power-relationships .column>h3{font-size:13px;margin:0;color:var(--textColorSecondary);font-weight:500}.power-relationships .card{background:var(--contentColor);border:1px solid var(--borderColor);border-radius:8px;padding:14px;margin:0;position:relative;z-index:1;overflow-wrap:anywhere}.power-relationships .card-kind{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--textColorSecondary);margin-bottom:6px}.power-relationships .resource-name{font-size:14px;font-weight:600;color:var(--textColorPrimary);text-align:left;background:transparent;border:0;padding:0;max-width:100%}.power-relationships .resource-name:hover{color:var(--primary)}.power-relationships .card p{font-size:12px;line-height:1.5;margin:6px 0 0}.power-relationships .relation-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--textColorSecondary);margin-bottom:6px}.power-relationships .resource-connections{position:absolute;inset:0;overflow:visible;pointer-events:none;color:var(--textColorSecondary)}.power-relationships .connection{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;opacity:.55;transition:opacity .15s,stroke .15s,stroke-width .15s}.power-relationships .connection.highlighted{opacity:1;stroke:var(--primary);stroke-width:2.5}.power-relationships .connection.dimmed{opacity:.12}.power-relationships .scope{max-width:68ch;margin-top:8px;color:var(--textColorSecondary);font-size:12px;line-height:1.6}.power-relationships .scope>span{display:block;margin-top:3px}.power-relationships details{margin-top:16px}.power-relationships summary{cursor:pointer;min-height:32px}.power-relationships .edge-list{columns:2;line-height:1.7;font-size:12px;list-style:none;padding:0}.power-relationships .empty{padding:28px;border:1px dashed var(--borderColor);border-radius:8px;color:var(--textColorSecondary);text-align:center}.power-relationships .relationship-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}.power-relationships .ports{margin-left:auto;justify-content:flex-end;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.power-relationships .ports span{padding:4px 8px;border-radius:4px;background:var(--contentColor);border:1px solid var(--borderColor)}@media(max-width:900px){.power-relationships{padding:16px}.power-relationships .controls{gap:16px}.power-relationships .edge-list{columns:1}}`;\n"],"mappings":";AAAA,IAAa,8BAA8B"}

package/out/renderer/resource-relationships.js

@@ -0,0 +1,556 @@
+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__global_external_react = require("./_virtual/_global-external_react.js");
+const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+const require_resource_relationships = require("./src/common/resource-relationships.js");
+const require_resource_relationships_css = require("./resource-relationships.css.js");
+//#region src/renderer/resource-relationships.tsx
+var { Icon, Select } = require_extensions.Renderer.Component;
+var LIMIT = 100;
+var roles = [
+	{
+		id: "upstream",
+		name: "Upstream references",
+		relation: "references backend"
+	},
+	{
+		id: "service",
+		name: "Focused Service",
+		relation: "API configuration"
+	},
+	{
+		id: "backend",
+		name: "Selected & published backends",
+		relation: "selector matches / published in"
+	},
+	{
+		id: "placement",
+		name: "Ownership & placement",
+		relation: "owned by / assigned to"
+	}
+];
+var icons = {
+	Ingress: "login",
+	Service: "share",
+	Pod: "view_in_ar",
+	EndpointSlice: "hub",
+	Node: "dns",
+	ReplicaSet: "layers",
+	Deployment: "layers",
+	StatefulSet: "layers",
+	DaemonSet: "layers",
+	Job: "work",
+	CronJob: "schedule"
+};
+async function loadRelationshipInventory(namespace, service, signal) {
+	const gaps = [];
+	const list = async (name, request) => {
+		try {
+			const items = await request();
+			if (!items) {
+				gaps.push(`${name} inventory unavailable`);
+				return;
+			}
+			if (items.length > LIMIT) gaps.push(`${name} inventory capped at ${LIMIT} objects; additional relationships may be omitted`);
+			return items.slice(0, LIMIT);
+		} catch {
+			if (!signal.aborted) gaps.push(`${name} inventory unavailable; access or API availability may be restricted`);
+			return;
+		}
+	};
+	const options = {
+		namespace,
+		reqInit: { signal }
+	};
+	const query = { limit: 101 };
+	const selector = Object.entries(service.spec.selector ?? {}).map(([key, value]) => `${key}=${value}`).join(",");
+	const external = service.spec.type === "ExternalName";
+	const ownerApis = external ? [] : [
+		require_extensions.Renderer.K8sApi.replicaSetApi,
+		require_extensions.Renderer.K8sApi.deploymentApi,
+		require_extensions.Renderer.K8sApi.statefulSetApi,
+		require_extensions.Renderer.K8sApi.daemonSetApi,
+		require_extensions.Renderer.K8sApi.jobApi,
+		require_extensions.Renderer.K8sApi.cronJobApi
+	];
+	const [pods, slices, ingresses, ...owners] = await Promise.all([
+		selector && !external ? list("Pod", () => require_extensions.Renderer.K8sApi.podsApi.list(options, {
+			...query,
+			labelSelector: selector
+		})) : Promise.resolve([]),
+		service.spec.type === "ExternalName" ? Promise.resolve([]) : list("EndpointSlice", () => require_extensions.Renderer.K8sApi.endpointSliceApi.list(options, {
+			...query,
+			labelSelector: `kubernetes.io/service-name=${service.getName()}`
+		})),
+		list("Ingress", () => require_extensions.Renderer.K8sApi.ingressApi.list(options, query)),
+		...ownerApis.map((api) => list("Controller", () => api.list(options, query)))
+	]);
+	return {
+		pods,
+		slices,
+		ingresses,
+		owners: owners.flatMap((items) => items ?? []),
+		gaps
+	};
+}
+function ResourceCard({ node, incoming, onOpen, onHighlight }) {
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("article", {
+		className: "card",
+		"data-node-id": node.id,
+		onMouseEnter: () => onHighlight(node.id),
+		onMouseLeave: () => onHighlight(),
+		onFocus: () => onHighlight(node.id),
+		onBlur: () => onHighlight(),
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "relation-label",
+				children: incoming.join(" · ") || "Focus"
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "card-kind",
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: icons[node.kind] ?? "account_tree",
+						size: 16
+					}),
+					node.kind,
+					node.inferred && " · reference"
+				]
+			}),
+			node.selfLink ? /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+				type: "button",
+				className: "resource-name",
+				onClick: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					onOpen(node.selfLink);
+				},
+				title: `Open ${node.kind} ${node.name}`,
+				children: node.name
+			}) : /* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: node.name }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("p", {
+				className: node.tone,
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: node.tone === "warning" ? "warning" : node.tone === "healthy" ? "check_circle" : "info",
+						size: 14
+					}),
+					" ",
+					node.detail
+				]
+			})
+		]
+	});
+}
+function roundedConnector(points) {
+	let path = `M ${points[0][0]} ${points[0][1]}`;
+	for (let index = 1; index < points.length - 1; index++) {
+		const [x, y] = points[index];
+		const [px, py] = points[index - 1];
+		const [nx, ny] = points[index + 1];
+		const before = Math.hypot(x - px, y - py);
+		const after = Math.hypot(nx - x, ny - y);
+		if (!before || !after) continue;
+		const radius = Math.min(6, before / 2, after / 2);
+		path += ` L ${x + (px - x) * radius / before} ${y + (py - y) * radius / before}`;
+		path += ` Q ${x} ${y} ${x + (nx - x) * radius / after} ${y + (ny - y) * radius / after}`;
+	}
+	const last = points[points.length - 1];
+	return `${path} L ${last[0]} ${last[1]}`;
+}
+function RelationshipGraph({ graph, onOpen, ingressAvailable, hideUpstreams = false }) {
+	const visibleRoles = roles.filter((role) => !hideUpstreams || role.id !== "upstream");
+	const element = require__global_external_react.useRef(null);
+	const [paths, setPaths] = require__global_external_react.useState([]);
+	const [highlight, setHighlight] = require__global_external_react.useState();
+	require__global_external_react.useLayoutEffect(() => {
+		const container = element.current;
+		if (!container) return;
+		const measure = () => {
+			const origin = container.getBoundingClientRect();
+			const cards = new Map(Array.from(container.querySelectorAll("[data-node-id]")).map((card) => [card.dataset.nodeId, card.getBoundingClientRect()]));
+			setPaths(graph.edges.flatMap((edge, index) => {
+				const from = cards.get(edge.from);
+				const to = cards.get(edge.to);
+				if (!from || !to) return [];
+				const sy = from.top + from.height / 2 - origin.top;
+				const ty = to.top + to.height / 2 - origin.top;
+				const sameColumn = Math.abs(from.left - to.left) < 2;
+				const sx = (sameColumn ? from.left : from.right) - origin.left;
+				const tx = to.left - origin.left;
+				const laneOffset = (index % 3 - 1) * 8;
+				const gutter = sameColumn ? sx - 28 + laneOffset : (sx + tx) / 2 + laneOffset;
+				const crossesColumn = Array.from(cards.values()).some((card) => card.left > from.left + 2 && card.right < to.left - 2);
+				let path = !sameColumn && sy === ty ? `M ${sx} ${sy} H ${tx}` : roundedConnector([
+					[sx, sy],
+					[gutter, sy],
+					[gutter, ty],
+					[tx, ty]
+				]);
+				if (crossesColumn) {
+					const bottom = Math.max(...Array.from(cards.values(), (card) => card.bottom)) - origin.top + 24 + index % 3 * 8;
+					const sourceGutter = sx + 32 + laneOffset;
+					const targetGutter = tx - 32 + laneOffset;
+					path = roundedConnector([
+						[sx, sy],
+						[sourceGutter, sy],
+						[sourceGutter, bottom],
+						[targetGutter, bottom],
+						[targetGutter, ty],
+						[tx, ty]
+					]);
+				}
+				return [{
+					...edge,
+					path
+				}];
+			}));
+		};
+		measure();
+		const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(measure);
+		observer?.observe(container);
+		for (const card of container.querySelectorAll("[data-node-id]")) observer?.observe(card);
+		window.addEventListener("resize", measure);
+		return () => {
+			observer?.disconnect();
+			window.removeEventListener("resize", measure);
+		};
+	}, [graph, hideUpstreams]);
+	return /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+		className: "graph-scroll",
+		children: /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+			ref: element,
+			className: `graph${hideUpstreams ? " hide-upstreams" : ""}`,
+			style: { gridTemplateRows: `auto repeat(${Math.max(1, ...visibleRoles.map((role) => graph.nodes.filter((node) => node.role === role.id).length))}, auto)` },
+			"aria-label": "Service resource relationship graph",
+			children: [/* @__PURE__ */ require_jsx_runtime.jsxs("svg", {
+				className: "resource-connections",
+				width: "100%",
+				height: "100%",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("defs", { children: /* @__PURE__ */ require_jsx_runtime.jsx("marker", {
+					id: "relationship-arrow",
+					markerWidth: "5",
+					markerHeight: "5",
+					refX: "4",
+					refY: "2.5",
+					orient: "auto",
+					children: /* @__PURE__ */ require_jsx_runtime.jsx("path", {
+						d: "M0 0L5 2.5L0 5",
+						fill: "currentColor"
+					})
+				}) }), paths.map((edge) => /* @__PURE__ */ require_jsx_runtime.jsx("path", {
+					"data-edge-from": edge.from,
+					"data-edge-to": edge.to,
+					className: highlight ? edge.from === highlight || edge.to === highlight ? "connection highlighted" : "connection dimmed" : "connection",
+					d: edge.path,
+					markerEnd: "url(#relationship-arrow)",
+					children: /* @__PURE__ */ require_jsx_runtime.jsxs("title", { children: [
+						graph.nodes.find((node) => node.id === edge.from)?.name,
+						" → ",
+						edge.label,
+						" →",
+						" ",
+						graph.nodes.find((node) => node.id === edge.to)?.name
+					] })
+				}, `${edge.from}/${edge.to}/${edge.label}`))]
+			}), visibleRoles.map((role) => /* @__PURE__ */ require_jsx_runtime.jsxs("section", {
+				className: "column",
+				"aria-label": role.name,
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsx("h3", { children: role.name }),
+					graph.nodes.filter((node) => node.role === role.id).map((node) => /* @__PURE__ */ require_jsx_runtime.jsx(ResourceCard, {
+						node,
+						incoming: [...new Set(graph.edges.filter((edge) => edge.to === node.id).map((edge) => edge.label))],
+						onOpen,
+						onHighlight: setHighlight
+					}, node.id)),
+					!graph.nodes.some((node) => node.role === role.id) && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+						className: "card neutral",
+						children: role.id === "upstream" ? ingressAvailable ? "No matching Ingress references observed" : "Ingress evidence unavailable" : "No relationships observed in available evidence"
+					})
+				]
+			}, role.id))]
+		})
+	});
+}
+var ResourceRelationshipsPage = require__global_external_mobx_react.observer(({ enabled = true }) => {
+	if (!enabled) return /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+		className: "power-relationships",
+		children: /* @__PURE__ */ require_jsx_runtime.jsx("p", { children: "Resource relationships are disabled in Power settings" })
+	});
+	return /* @__PURE__ */ require_jsx_runtime.jsx(EnabledResourceRelationshipsPage, {}, require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid ?? "cluster");
+});
+function EnabledResourceRelationshipsPage() {
+	const mounted = require__global_external_react.useRef(true);
+	const clusterId = require__global_external_react.useRef(require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid);
+	require__global_external_react.useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	const [namespaces, setNamespaces] = require__global_external_react.useState([]);
+	const [namespace, setNamespace] = require__global_external_react.useState("");
+	const [services, setServices] = require__global_external_react.useState([]);
+	const [serviceName, setServiceName] = require__global_external_react.useState("");
+	const [focusedPod, setFocusedPod] = require__global_external_react.useState("");
+	const [hideUpstreams, setHideUpstreams] = require__global_external_react.useState(false);
+	const [inventory, setInventory] = require__global_external_react.useState();
+	const [refresh, setRefresh] = require__global_external_react.useState(0);
+	const [scopeRefresh, setScopeRefresh] = require__global_external_react.useState(0);
+	const [namespaceMessage, setNamespaceMessage] = require__global_external_react.useState("");
+	const [scopeLoading, setScopeLoading] = require__global_external_react.useState(true);
+	const [loading, setLoading] = require__global_external_react.useState(false);
+	const [scopeMessage, setScopeMessage] = require__global_external_react.useState("");
+	const [openError, setOpenError] = require__global_external_react.useState("");
+	require__global_external_react.useEffect(() => {
+		const controller = new AbortController();
+		setScopeLoading(true);
+		setNamespaceMessage("");
+		require_extensions.Renderer.K8sApi.namespacesApi.list({ reqInit: { signal: controller.signal } }, { limit: 101 }).then((items) => {
+			if (controller.signal.aborted) return;
+			const names = (items ?? []).slice(0, LIMIT).map((item) => item.getName()).sort();
+			setNamespaces(names);
+			setNamespace((current) => names.includes(current) ? current : names[0] ?? "");
+			if ((items?.length ?? 0) > LIMIT) setNamespaceMessage(`Namespace selector is capped at ${LIMIT} entries`);
+			else if (!names.length) setScopeMessage("No visible namespaces returned by the API");
+		}).catch(() => {
+			if (!controller.signal.aborted) setScopeMessage("Namespace inventory unavailable; check access to namespace listing");
+		}).finally(() => {
+			if (!controller.signal.aborted) setScopeLoading(false);
+		});
+		return () => controller.abort();
+	}, [scopeRefresh]);
+	require__global_external_react.useEffect(() => {
+		if (!namespace) return;
+		const controller = new AbortController();
+		setLoading(false);
+		setServices([]);
+		setServiceName("");
+		setInventory(void 0);
+		setScopeLoading(true);
+		setScopeMessage("");
+		require_extensions.Renderer.K8sApi.serviceApi.list({
+			namespace,
+			reqInit: { signal: controller.signal }
+		}, { limit: 101 }).then((items) => {
+			if (controller.signal.aborted) return;
+			const visible = (items ?? []).slice(0, LIMIT).sort((a, b) => a.getName().localeCompare(b.getName()));
+			setServices(visible);
+			setServiceName(visible[0]?.getName() ?? "");
+			if ((items?.length ?? 0) > LIMIT) setScopeMessage(`Service selector is capped at ${LIMIT} entries; additional Services are not shown`);
+			else if (!visible.length) setScopeMessage("No visible Services in this namespace");
+		}).catch(() => {
+			if (!controller.signal.aborted) setScopeMessage("Service inventory unavailable; check namespace access");
+		}).finally(() => {
+			if (!controller.signal.aborted) setScopeLoading(false);
+		});
+		return () => controller.abort();
+	}, [namespace, scopeRefresh]);
+	const service = services.find((item) => item.getName() === serviceName);
+	require__global_external_react.useEffect(() => {
+		if (!service || !namespace || service.metadata.namespace !== namespace) return;
+		const controller = new AbortController();
+		setLoading(true);
+		setInventory(void 0);
+		setFocusedPod("");
+		setOpenError("");
+		loadRelationshipInventory(namespace, service, controller.signal).then((data) => {
+			if (!controller.signal.aborted) setInventory({
+				namespace,
+				service: service.getName(),
+				data
+			});
+		}).finally(() => {
+			if (!controller.signal.aborted) setLoading(false);
+		});
+		return () => controller.abort();
+	}, [
+		namespace,
+		service,
+		refresh
+	]);
+	const current = inventory?.namespace === namespace && inventory.service === serviceName ? inventory : void 0;
+	const graph = current && service ? require_resource_relationships.buildResourceRelationships(service, current.data, focusedPod || void 0) : void 0;
+	const openResource = (path) => {
+		const currentCluster = () => mounted.current && require_extensions.Renderer.Catalog.activeCluster.get()?.metadata.uid === clusterId.current;
+		setOpenError("");
+		Promise.resolve().then(() => {
+			if (currentCluster()) return require_extensions.Renderer.Navigation.showDetails(path);
+		}).catch(() => {
+			if (currentCluster()) setOpenError("Resource details could not be opened; the object may be unavailable");
+		});
+	};
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: "power-relationships",
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("style", { children: require_resource_relationships_css.resourceRelationshipsStyles }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "page-heading",
+				children: [/* @__PURE__ */ require_jsx_runtime.jsx("h2", { children: "Resource relationships" }), /* @__PURE__ */ require_jsx_runtime.jsxs("label", {
+					className: "graph-option",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("input", {
+						type: "checkbox",
+						checked: hideUpstreams,
+						onChange: (event) => setHideUpstreams(event.target.checked)
+					}), "Hide Upstream"]
+				})]
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsx("p", {
+				className: "intro",
+				children: "Follow one Service from upstream Ingress references to selected pods, published EndpointSlices and controller ownership. Connections show Kubernetes API evidence; they do not prove network reachability."
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+				className: "controls",
+				children: [
+					/* @__PURE__ */ require_jsx_runtime.jsxs("label", {
+						className: "control",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Namespace" }), /* @__PURE__ */ require_jsx_runtime.jsx(Select, {
+							"aria-label": "Relationship namespace",
+							value: namespace,
+							options: namespaces.map((name) => ({
+								value: name,
+								label: name
+							})),
+							onChange: (option) => setNamespace(option?.value ?? ""),
+							isDisabled: !namespaces.length
+						})]
+					}),
+					/* @__PURE__ */ require_jsx_runtime.jsxs("label", {
+						className: "control",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Service" }), /* @__PURE__ */ require_jsx_runtime.jsx(Select, {
+							"aria-label": "Relationship Service",
+							value: serviceName,
+							options: services.map((item) => ({
+								value: item.getName(),
+								label: item.getName()
+							})),
+							onChange: (option) => setServiceName(option?.value ?? ""),
+							isDisabled: !services.length || scopeLoading
+						})]
+					}),
+					/* @__PURE__ */ require_jsx_runtime.jsxs("label", {
+						className: "control",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Pod focus" }), /* @__PURE__ */ require_jsx_runtime.jsx(Select, {
+							"aria-label": "Relationship pod focus",
+							value: focusedPod,
+							options: [{
+								value: "",
+								label: "All selected pods (up to 8)"
+							}, ...(graph?.podOptions ?? []).map((name) => ({
+								value: name,
+								label: name
+							}))],
+							onChange: (option) => setFocusedPod(option?.value ?? ""),
+							isDisabled: !graph?.podOptions.length
+						})]
+					}),
+					/* @__PURE__ */ require_jsx_runtime.jsxs("button", {
+						type: "button",
+						className: "refresh",
+						onClick: () => service ? setRefresh((value) => value + 1) : setScopeRefresh((value) => value + 1),
+						disabled: loading || scopeLoading,
+						title: "Refresh scoped API evidence",
+						children: [/* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+							material: "refresh",
+							size: 18
+						}), "Refresh"]
+					})
+				]
+			}),
+			namespaceMessage && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "notice",
+				role: "status",
+				children: namespaceMessage
+			}),
+			scopeMessage && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "notice",
+				role: "status",
+				children: scopeMessage
+			}),
+			openError && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "notice warning",
+				role: "alert",
+				children: openError
+			}),
+			(scopeLoading || loading) && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "empty",
+				role: "status",
+				children: "Loading scoped relationship evidence…"
+			}),
+			!scopeLoading && !loading && !service && /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+				className: "empty",
+				children: "Select a namespace with a visible Service to inspect relationships"
+			}),
+			graph && !loading && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "notice relationship-summary",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsx("strong", { children: graph.diagnostics.summary }), /* @__PURE__ */ require_jsx_runtime.jsx("div", {
+						className: "ports",
+						children: graph.diagnostics.ports.map((port) => /* @__PURE__ */ require_jsx_runtime.jsxs("span", { children: [
+							port.name,
+							" · ",
+							port.protocol,
+							" → ",
+							port.target,
+							" · published:",
+							" ",
+							port.endpointPorts.join(", ") || "unknown",
+							port.unresolved ? ` · ${port.unresolved} unresolved named targets` : ""
+						] }, port.name))
+					})]
+				}),
+				graph.gaps.length > 0 && /* @__PURE__ */ require_jsx_runtime.jsxs("details", {
+					open: true,
+					className: "notice",
+					children: [/* @__PURE__ */ require_jsx_runtime.jsxs("summary", { children: [
+						"Partial coverage (",
+						graph.gaps.length,
+						")"
+					] }), /* @__PURE__ */ require_jsx_runtime.jsx("ul", { children: graph.gaps.map((gap) => /* @__PURE__ */ require_jsx_runtime.jsx("li", { children: gap }, gap)) })]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsx(RelationshipGraph, {
+					graph,
+					onOpen: openResource,
+					ingressAvailable: current?.data.ingresses !== void 0,
+					hideUpstreams
+				}),
+				graph.omitted > 0 && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+					className: "notice",
+					children: [graph.omitted, " additional visible resources omitted to keep the graph readable. Focus a pod to inspect its ownership and placement."]
+				}),
+				/* @__PURE__ */ require_jsx_runtime.jsxs("details", { children: [/* @__PURE__ */ require_jsx_runtime.jsxs("summary", { children: [
+					"Accessible connection list (",
+					graph.edges.length,
+					")"
+				] }), /* @__PURE__ */ require_jsx_runtime.jsx("ul", {
+					className: "edge-list",
+					children: graph.edges.map((edge) => /* @__PURE__ */ require_jsx_runtime.jsxs("li", { children: [
+						graph.nodes.find((node) => node.id === edge.from)?.name,
+						" → ",
+						edge.label,
+						" →",
+						" ",
+						graph.nodes.find((node) => node.id === edge.to)?.name
+					] }, `${edge.from}/${edge.to}/${edge.label}`))
+				})] }),
+				/* @__PURE__ */ require_jsx_runtime.jsxs("p", {
+					className: "scope",
+					children: [
+						/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Snapshot from namespace-scoped read-only API requests." }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Owner and node references can point to objects that were not queried." }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "Endpoint counts can include separate address families." }),
+						/* @__PURE__ */ require_jsx_runtime.jsx("span", { children: "No Secret or ConfigMap data is read." })
+					]
+				})
+			] })
+		]
+	});
+}
+//#endregion
+exports.RelationshipGraph = RelationshipGraph;
+exports.ResourceRelationshipsPage = ResourceRelationshipsPage;
+exports.loadRelationshipInventory = loadRelationshipInventory;
+
+//# sourceMappingURL=resource-relationships.js.map