@preventive/triage 1.0.0-alpha.1 → 1.0.0-alpha.11

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 (56) hide show
  1. package/api/reap.ts +79 -0
  2. package/common/save-error-reason.ts +20 -7
  3. package/common/server-info.ts +30 -0
  4. package/out/brotli-fallback.js +1 -1
  5. package/out/client-admin.js +28 -0
  6. package/out/client-managed.js +1 -0
  7. package/out/client-sync.js +16 -13
  8. package/out/graph.js +5 -4
  9. package/out/index.html +4 -15
  10. package/out/prism.js +2 -2
  11. package/out/terminal.js +32 -28
  12. package/out/view.css +1 -1
  13. package/out/view.js +89 -52
  14. package/package.json +70 -54
  15. package/{server → server-common}/origin.ts +5 -5
  16. package/{server → server-e2e}/auth.ts +5 -1
  17. package/{server → server-e2e}/bus-receiver.ts +8 -8
  18. package/server-e2e/cli.js +22 -0
  19. package/{server → server-e2e}/config.ts +21 -8
  20. package/{server → server-e2e}/db-neon.ts +31 -25
  21. package/{server → server-e2e}/db-revision-sql.ts +7 -10
  22. package/{server → server-e2e}/db-stmt.ts +2 -2
  23. package/{server → server-e2e}/db.ts +96 -135
  24. package/{server → server-e2e}/http.ts +97 -9
  25. package/{server → server-e2e}/hub.ts +7 -8
  26. package/{server → server-e2e}/index.ts +67 -43
  27. package/{server → server-e2e}/lifecycle.ts +14 -5
  28. package/{server → server-e2e}/npm-proxy.ts +1 -1
  29. package/{server → server-e2e}/objstore/blob-fs.ts +6 -8
  30. package/{server → server-e2e}/objstore/blob-vercel.ts +69 -36
  31. package/{server → server-e2e}/objstore/blob.ts +24 -9
  32. package/server-e2e/objstore/fetch-mint-guard.ts +74 -0
  33. package/{server → server-e2e}/objstore/handlers.ts +13 -15
  34. package/{server → server-e2e}/objstore/init.ts +47 -13
  35. package/{server → server-e2e}/objstore/reaper.ts +31 -11
  36. package/server-e2e/objstore/rest-deny.ts +28 -0
  37. package/server-e2e/objstore/rest-mint.ts +224 -0
  38. package/{server → server-e2e}/objstore/rest.ts +110 -93
  39. package/{server → server-e2e}/objstore/sign.ts +105 -0
  40. package/{server → server-e2e}/objstore/store-neon.ts +19 -19
  41. package/{server → server-e2e}/objstore/store.ts +98 -118
  42. package/{server → server-e2e}/objstore/tokens.ts +9 -12
  43. package/{server → server-e2e}/peer.ts +7 -9
  44. package/{server → server-e2e}/pubsub.ts +21 -31
  45. package/{server → server-e2e}/sign.ts +12 -14
  46. package/{server → server-e2e}/sse-server.ts +105 -73
  47. package/{server → server-e2e}/sse-session.ts +30 -16
  48. package/{server → server-e2e}/static.ts +22 -17
  49. package/{server → server-e2e}/sync-handlers.ts +172 -117
  50. package/{server → server-e2e}/util.ts +9 -0
  51. package/{server → server-e2e}/ws-server.ts +29 -23
  52. package/strip-types-loader.js +94 -0
  53. /package/{server → server-e2e}/config.example.json +0 -0
  54. /package/{server → server-e2e}/neon-driver.ts +0 -0
  55. /package/{server → server-e2e}/objstore/fs.ts +0 -0
  56. /package/{server → server-e2e}/validation.ts +0 -0
package/out/graph.js CHANGED
@@ -1,4 +1,5 @@
1
- var mt=globalThis[Symbol.for("@rray/frontend")];if(!mt)throw new Error("@rray/frontend global not installed; view.js must run before lazy bundles import this wrapper");var{LitElement:xt,html:B,nothing:Ot,unsafeCSS:Ve,render:Se,StateElement:ao,classMap:ve,repeat:vt,styleMap:$e}=mt;var yt=`*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;grid-template-areas:"topbar right" "stage right";min-height:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--graph-canvas-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-size:12px}.graph2-layout{display:contents}.graph2-topbar{grid-area:topbar;display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem;font-size:.825rem;background:var(--surface);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--graph-divider)}.graph2-topbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:0}.graph2-topbar .g2-spacer{flex:1}.graph2-topbar .triage-selector{margin-left:auto}.g2-icon-btn{width:28px;height:28px;border-radius:5px;background:var(--graph-hover-bg);border:1px solid var(--border);color:var(--muted);display:grid;place-items:center;font-family:inherit;&:hover{color:var(--accent);border-color:var(--accent)}& svg{display:block}}.g2-path-filter-wrap{position:relative;flex:0 0 14rem;padding-right:22px}.g2-path-filter-wrap .g2-path-filter-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:18px;height:18px;background:transparent;border:0;border-radius:50%;color:var(--muted);font:400 10px/1 inherit;font-family:inherit;&:hover{color:var(--text);background:var(--surface-active)}}.g2-path-filter:placeholder-shown~.g2-path-filter-clear{display:none}.g2-topbar-toggle{display:inline-flex;align-items:center;height:30px;box-sizing:border-box;gap:8px;padding:5px 10px;background:var(--graph-hover-bg);border:1px solid var(--border);border-radius:6px;color:var(--muted);font:500 11px/1 inherit;font-family:inherit;white-space:nowrap;&:hover{color:var(--text);border-color:var(--accent)}&.on{color:var(--text)}&.on .g2-switch{background:color-mix(in srgb,var(--accent) 22%,transparent)}&.on .g2-switch:after{transform:translate(12px);background:var(--accent)}}.g2-trash-btn.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--accent)}.graph2-right{grid-area:right;border-left:1px solid var(--graph-divider);background:var(--surface);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;overflow:hidden;padding:14px}.g2-panel-title{font-family:inherit;font-weight:600;font-size:11px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.85;margin:14px 0 8px;display:flex;align-items:baseline;gap:6px;&:first-child{margin-top:0}}.g2-count{color:var(--muted);opacity:.6;font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:none;letter-spacing:0;font-size:10px}.g2-panel-title-row{justify-content:space-between;gap:8px}#g2-top-pkgs-block{margin-top:14px;flex:1 1 0;min-height:0;display:flex;flex-direction:column}.g2-mini-tabs{display:flex;gap:1px;background:var(--graph-divider);border-radius:4px;overflow:hidden}.g2-mini-tab{background:transparent;border:0;color:var(--muted);font-family:inherit;font-weight:500;font-size:11px;line-height:1.4;text-transform:none;letter-spacing:0;padding:2px 7px;&:hover{color:var(--text);background:var(--graph-hover-bg)}&.on{background:var(--surface-active);color:var(--accent)}}.g2-switch{width:26px;height:14px;background:var(--border);border-radius:8px;position:relative;transition:background .15s;flex-shrink:0;&:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}}.graph2-stage{grid-area:stage;position:relative;background:var(--graph-canvas-bg);overflow:hidden;cursor:grab;&:active{cursor:grabbing}& canvas{position:absolute;inset:0;width:100%;height:100%;display:block}}.g2-stage-overlay{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:calc(100% - 60px)}.g2-stage-overlay>*{pointer-events:auto}.g2-stage-stats{position:absolute;bottom:10px;left:12px;z-index:2;display:flex;flex-wrap:wrap;gap:2px 14px;font:500 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:var(--muted);opacity:.7;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;max-width:calc(100% - 80px);& b{font-weight:600;color:var(--text);opacity:1}}.g2-stage-overlay-tr{position:absolute;top:12px;right:12px;z-index:3;pointer-events:auto}.g2-focus-pkg-btn{width:28px;height:28px;display:grid;place-items:center;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;color:var(--accent);box-shadow:var(--shadow-glass);&:hover{border-color:var(--accent);background:var(--surface-active)}& svg{display:block}}.g2-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;color:var(--accent);font:500 11px/1 inherit;font-family:inherit;box-shadow:var(--shadow-glass);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:flex-start;&:hover{border-color:var(--accent);background:var(--surface-active)}}.g2-zoom-ctrl{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;overflow:hidden;z-index:3;box-shadow:var(--shadow-glass);& button{width:28px;height:28px;background:transparent;border:0;color:var(--muted);border-bottom:1px solid var(--graph-divider);display:grid;place-items:center;font-family:inherit;font-size:13px;&:last-child{border-bottom:0}&:hover{color:var(--accent);background:var(--surface-active)}}}.g2-zoom-pct{font:500 9px/1 ui-monospace,monospace;color:var(--muted);padding:5px 0;text-align:center;border-bottom:1px solid var(--graph-divider)}.g2-zoom-ctrl .g2-zoom-fit-btn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:600;font-size:9px;line-height:1;letter-spacing:-.02em;text-transform:lowercase}.g2-tooltip{position:absolute;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:7px;padding:9px 11px;pointer-events:none;min-width:170px;max-width:260px;opacity:0;transition:opacity .12s;z-index:10;box-shadow:var(--shadow-glass);&.show{opacity:1}}.g2-tt-path{font:500 11px/1.3 ui-monospace,monospace;color:var(--text);word-break:break-all;margin-bottom:4px}.g2-tt-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.g2-tt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.g2-tt-pkg{font-size:10px;color:var(--muted);word-break:break-all}.g2-tt-badge{display:inline-block;font-size:8px;padding:2px 4px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);border-radius:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.g2-tooltip .tree-count-chips{margin-top:6px}:host-context(body.theme-light) .graph2-right .tree-count-chip.medium,:host-context(body.theme-light) .g2-tooltip .tree-count-chip.medium{color:#fff}.g2-selection-card{background:var(--graph-hover-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.g2-sel-head{padding:11px 13px;border-bottom:1px solid var(--graph-divider);display:flex;align-items:center;gap:8px}.g2-sel-file-head{padding:11px 13px;border-bottom:1px solid var(--graph-divider);display:flex;flex-direction:column;gap:6px}.g2-sel-path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:600;font-size:12px;line-height:1.3;color:var(--text);word-break:break-all}.g2-sel-pkg-row{display:flex;align-items:center;gap:6px;min-width:0}.g2-sel-pkg{font-size:11px;color:var(--muted);word-break:break-all;min-width:0}.g2-sel-fullpath{padding:7px 13px;border-bottom:1px solid var(--graph-divider);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-sel-size{padding:5px 13px 7px;border-bottom:1px solid var(--graph-divider);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;line-height:1.3;color:var(--muted);font-variant-numeric:tabular-nums}.g2-sel-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 22%,transparent);flex-shrink:0}.g2-sel-id{font:600 12px/1 ui-monospace,monospace;color:var(--text);word-break:break-all;flex:1;min-width:0}.g2-sel-grp{font:500 9px/1 ui-monospace,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.g2-sel-body{padding:11px 13px}.g2-sel-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:5px 0;border-bottom:1px solid var(--graph-divider);&:last-child{border-bottom:0}.k{color:var(--muted);flex-shrink:0}.v{color:var(--text);font-family:ui-monospace,monospace;word-break:break-all;text-align:right;min-width:0}}.g2-sel-section{padding:9px 13px;border-top:1px solid var(--graph-divider)}.g2-sel-section-label{font-family:inherit;font-weight:600;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.85;margin-bottom:5px}.g2-sel-section-empty{color:var(--muted);opacity:.55;font-size:11px;font-style:italic}.g2-sel-jumps{padding:11px 13px;display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid var(--graph-divider)}.g2-sel-jump{background:var(--surface-active);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:2px 8px;font-family:inherit;font-weight:500;font-size:11px;line-height:1.3;&:hover{border-color:var(--accent)}}.g2-sel-file-list{list-style:none;margin:0;padding:0;max-height:110px;overflow:hidden auto;-webkit-app-region:no-drag;app-region:no-drag;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}& li{padding:0}}.g2-sel-file-link{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:0;border-radius:3px;padding:3px 6px;font:400 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:var(--accent);text-align:left;&:hover{background:var(--graph-hover-bg)}.g2-sel-file-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.g2-sel-file-path{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.g2-empty-state{background:var(--graph-hover-bg);border:1px dashed var(--border);border-radius:8px;padding:18px 14px;text-align:center;color:var(--muted);font-size:11px;line-height:1.5;& strong{color:var(--text);display:block;margin-bottom:4px;font-weight:500}}.g2-dist-bar{width:100%;height:5px;border-radius:3px;overflow:hidden;display:flex;background:var(--surface-active);margin-bottom:8px;>span{display:block;height:100%}}.g2-dist-list{display:flex;flex-direction:column;gap:2px;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:none;-webkit-app-region:no-drag;app-region:no-drag;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border) transparent;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}.g2-dist-empty{color:var(--muted);opacity:.55;font-size:10px;font-style:italic;padding:6px 0;text-align:center}.g2-dist-item{display:grid;grid-template-columns:8px 1fr auto auto;gap:8px;align-items:center;font-size:10px;padding:4px 6px;margin:0 -6px;background:transparent;border:0;border-radius:4px;font-family:inherit;text-align:left;width:calc(100% + 12px);&:hover{background:var(--graph-hover-bg)}&.on{background:var(--surface-active);.g2-dist-name{color:var(--accent)}}.g2-dist-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.g2-dist-name{color:var(--muted);font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-dist-count{font-family:ui-monospace,monospace;color:var(--text)}.g2-dist-pct{font-family:ui-monospace,monospace;color:var(--muted);width:36px;text-align:right;opacity:.85}}@media print{:host{display:none!important}}
2
- `;var kt=`.tree-count-chips{display:inline-flex;gap:.25rem;flex-wrap:wrap}.tree-count-chip{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:3px;line-height:1.3;&.critical{background:var(--critical);color:#fff}&.high{background:var(--high);color:#fff}&.medium{background:var(--medium);color:#000}&.low{background:var(--low);color:#000}&.high_bug{background:var(--high-bug);color:#fff}&.bug{background:var(--bug);color:#fff}&.informational{background:var(--info);color:#fff}}
3
- `;var wt=`.toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-glass);font-size:.825rem;& label{color:var(--muted);margin-right:.15rem}& select{height:30px;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.25rem .4rem;font-size:.8rem;&:focus{border-color:var(--accent);outline:none}}& select.sort-select{padding:.3rem 1.7rem .3rem .55rem;min-width:8.5rem;font-weight:500;appearance:none;-webkit-appearance:none;background:transparent}.sort-wrapper{position:relative;display:inline-block;&:after{content:"";position:absolute;right:.7rem;top:50%;width:.35rem;height:.35rem;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}}& range-slider{color:var(--accent);margin:0 .25rem}.conf-vals{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;.dash{color:var(--muted);margin:0 .15rem}}.conf-filter{display:inline-flex;align-items:center;height:30px;box-sizing:border-box;padding:0 .55rem;gap:.5rem;background:transparent;border:1px solid var(--border);border-radius:4px;.conf-range-label{color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:.04em}& range-slider{margin:0}}& input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.25rem .4rem;font-size:.8rem;flex:1;min-width:8rem;&:focus{border-color:var(--accent);outline:none}}.sep{border-left:1px solid var(--border);height:1.2rem}.result-count{color:var(--muted);margin-left:auto}.checkbox-label{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);& input{margin:0}}}.trash-btn{height:30px;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.25rem .55rem;font-size:.8rem;font-family:inherit;&:hover{border-color:var(--accent)}&.active{border-color:var(--critical);color:var(--critical)}}.toolbar .trash-btn{margin-left:auto}.triage-selector{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden}.toolbar .triage-selector{margin-left:auto}.triage-state-btn{background:transparent;border:none;color:var(--muted);padding:0 .55rem;display:inline-flex;align-items:center;transition:background .12s,color .12s;font-family:inherit;font-size:.8rem;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{background:var(--surface-active)}}.triage-state-btn.active.triage-state-deleted{color:var(--critical)}.triage-state-btn.active.triage-state-fixed{color:var(--green, #4ade80)}.triage-state-btn.active.triage-state-invalid{color:var(--muted)}.triage-state-btn.active.triage-state-ignored{color:var(--accent, #2563eb)}view-mode-buttons{display:contents}.view-mode-group{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden;.view-mode-btn{background:transparent;border:none;color:var(--muted);padding:.28rem .5rem;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s;font-family:inherit;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{color:var(--accent);background:var(--surface-active)}& svg{display:block}}}.source-toggle{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden;.source-chip{background:transparent;border:none;color:var(--muted);padding:0 .55rem;display:inline-flex;align-items:center;transition:background .12s,color .12s;font-family:inherit;font-size:.75rem;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{color:var(--accent);background:var(--surface-active)}}}.toolbar-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.search-row{display:inline-flex;align-items:center;gap:.65rem;flex:1 1 14rem;min-width:12rem}.toolbar-search{display:inline-flex;align-items:center;gap:.5rem;flex:1;min-width:0;height:30px;box-sizing:border-box;padding:0 .65rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;&:focus-within{border-color:var(--accent)}& svg{color:var(--muted);flex-shrink:0}& input[type=text]{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font:inherit;font-size:.8rem;padding:0;&:focus{border:0}&::placeholder{color:var(--muted)}&:focus::placeholder{color:transparent}&::-webkit-search-cancel-button{display:none}}}@media(width<=1200px){.toolbar-row.sev-row .search-row{flex-basis:100%}}.findings-content.with-details .toolbar{max-width:1200px}.sev-chips{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden}.sev-chip{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:0;padding:0 .6rem;color:var(--muted);font-family:inherit;font-size:.8rem;transition:background .12s,color .12s;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}.sd{width:8px;height:8px;border-radius:2px;flex-shrink:0;background:currentcolor}.n{align-self:flex-start;margin:1px -5px 0;color:var(--muted);font-variant-numeric:tabular-nums;font-size:8.5px;font-weight:600;background:var(--bg);border-radius:999px;padding:0 3px;min-width:11px;text-align:center;line-height:11px}&.active{color:var(--text);.n{color:var(--text)}}&.critical .sd{background:var(--critical)}&.high .sd{background:var(--high)}&.medium .sd{background:var(--medium)}&.low .sd{background:var(--low)}&.high_bug .sd{background:var(--high-bug)}&.bug .sd{background:var(--bug)}&.informational .sd{background:var(--info)}&.critical.active{background:rgb(from var(--critical) r g b / .25)}&.high.active{background:rgb(from var(--high) r g b / .25)}&.medium.active{background:rgb(from var(--medium) r g b / .25)}&.low.active{background:rgb(from var(--low) r g b / .25)}&.high_bug.active{background:rgb(from var(--high-bug) r g b / .25)}&.bug.active{background:rgb(from var(--bug) r g b / .25)}&.informational.active{background:rgb(from var(--info) r g b / .25)}}.triage-filter{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:3px;height:30px;gap:1px;& button{width:22px;height:22px;background:transparent;border:0;border-radius:4px;padding:0;display:grid;place-items:center;position:relative;transition:background .12s;&:hover{background:rgb(from var(--text) r g b / .06)}&.active{background:rgb(from var(--text) r g b / .08);box-shadow:0 0 0 1px var(--border)}}.td{width:12px;height:12px;border-radius:50%;border:1.5px solid currentcolor;background:transparent;transition:background .12s}& button.active .td{background:currentcolor}.td.none{border-style:dashed;color:var(--muted)}.td.r{color:#fc5855}.td.b{color:#30aff8}.td.g{color:#68c36d}.td.x{color:#6e7278}.count{position:absolute;top:-2px;right:-2px;background:var(--bg);color:var(--muted);font-size:8.5px;font-weight:600;border-radius:999px;padding:0 3px;min-width:11px;text-align:center;line-height:11px;font-variant-numeric:tabular-nums}}
4
- `;var ce=["critical","high","medium","low","high_bug","bug","informational"],jt="node_modules";function Ue(){return jt}function Ye(e){return typeof e!="number"||!Number.isFinite(e)?null:`${e.toLocaleString()} B`}function Wt(){return{showAll:!1,selected:null,focusedPkg:null,topPkgsTab:"issues",edgeOpacity:.22,nodeSize:1,showLabels:!1,selectedSeverities:new Set,selectedColors:new Set,pathFilter:"",hidden:new Set,solo:null,graphState:null,layoutCache:null}}var ge=Wt(),S=new Proxy(ge,{get(e,t){return ge[t]},set(e,t,r){return ge[t]=r,!0},has(e,t){return t in ge},deleteProperty(e,t){return delete ge[t]},ownKeys(){return Reflect.ownKeys(ge)},getOwnPropertyDescriptor(e,t){return Object.getOwnPropertyDescriptor(ge,t)}});function Mt(){S.graphState?._cleanup&&S.graphState._cleanup(),S.graphState=null}function Gt(e){e&&(ge=e)}function Ke(e){if(!e)return null;let t=Ue()==="node_modules"?/^(?:.*\/)?node_modules\/(@[^/]+\/[^/]+|[^/]+)/u:/^(?:.*\/)?dependencies\/(@[^/]+\/[^/]+|[^/]+)/u,r=e.match(t);if(r)return r[1];let d=e.indexOf("/");return d>0?e.slice(0,d):"/"}var Vt=["#4e9af1","#f28e2b","#59a14f","#e15759","#76b7b2","#edc948","#b07aa1","#ff9da7","#9c755f","#5cd1e5","#f1ce63","#d37295","#a0cbe8","#86bcb6","#8cd17d","#b6992d","#499894","#e15759","#e879c7","#d4a6c8"],St=["#2f8aef","#d2691e","#2ea043","#e63946","#2e9a92","#b88817","#9560e8","#d24a9c","#8a5d40","#0891b2","#a07a14","#c14e8e","#1f7ad0","#549b94","#3fb95f","#a07a14","#2a8278","#cb2c40","#c026d3","#965f93"];function Ut(){if(typeof document>"u")return!1;let e=document.body?.classList;return!!e&&(e.contains("theme-light")||e.contains("theme-pink"))}var it=new Map;function se(e){let t=Ut()?St:Vt,d=`${t===St?"l":"d"}:${e??"__own__"}`;if(it.has(d))return it.get(d);let p=e??"__own__",m=0;for(let o of p)m=m*37+o.codePointAt(0)|0;let w=((m%t.length+t.length)%t.length*7+3)%t.length,R=t[w];return it.set(d,R),R}function $t(e){if(!e)return 0;let t=0;for(let r of ce)t+=e[r]??0;return t}function Yt(e){if(!e)return null;for(let t of ce)if((e[t]??0)>0)return t;return null}function zt(e,t,r,d,p,m,g,w={}){let R=w.pkgOf??Ke,o=new Set(t),y=new Map,b=new Map;for(let f of t){let $=(e[f].imports??[]).filter(W=>o.has(W));y.set(f,$);for(let W of $)b.has(W)||b.set(W,[]),b.get(W).push(f)}let _=t.map(f=>{let $=r.get(f),W=d?.get(f)??null,h=$t($),V=R(f)??"__own__",j=Yt($);return{id:f,file:f,pkg:V,x:0,y:0,deg:0,issue:j,totalIssues:h,own:$,subtree:W,size:typeof e[f]?.size=="number"?e[f].size:null,severitySet:p?.get(f)??null,colorSet:m?.get(f)??null,findings:g?.get(f)??null,isHub:!1,label:f.split("/").pop()??f}}),i=new Map(_.map(f=>[f.file,f])),A=new Map;for(let f of t)for(let $ of y.get(f)??[]){let[W,h]=f<$?[f,$]:[$,f],V=`${W}\0${h}`,j=A.get(V);if(!j){let D=i.get(W),H=i.get(h);if(!D||!H)continue;j={a:W,b:h,cross:D.pkg!==H.pkg,fromLo:!1,fromHi:!1},A.set(V,j),D.deg++,H.deg++}f===W?j.fromLo=!0:j.fromHi=!0}let C=[...A.values()],l=new Map;for(let f=0;f<C.length;f++){let $=C[f];l.has($.a)||l.set($.a,[]),l.has($.b)||l.set($.b,[]),l.get($.a).push(f),l.get($.b).push(f)}let v=new Map;for(let f of _)v.set(f.pkg,(v.get(f.pkg)??0)+1);let I=[...v.entries()].toSorted((f,$)=>$[1]-f[1]).map(([f])=>f),P=new Map;for(let f of _)P.has(f.pkg)||P.set(f.pkg,[]),P.get(f.pkg).push(f);let F={files:t,nodes:_,nodeByFile:i,edges:C,adj:l,importsOf:y,importedBy:b,packages:I,pkgCount:v,byPkg:P};return Kt(F),F}function Kt(e){for(let t of e.nodes)t.isHub=!1;for(let t of e.edges)t.cross&&(t.fromLo&&(e.nodeByFile.get(t.b).isHub=!0),t.fromHi&&(e.nodeByFile.get(t.a).isHub=!0));for(let t of e.nodes){let r=e.importedBy.get(t.file);(!r||r.length===0)&&(t.isHub=!0)}}function Xe(e,t){if(!t||t==="/"||t==="__own__")return e;for(let r of["node_modules","dependencies",Ue()]){let d=r+"/"+t+"/",p=e.indexOf(d);if(p>=0)return e.slice(p+d.length)}return e.startsWith(t+"/")?e.slice(t.length+1):e}function Ct(e,t){let r=t.extraTopRow,d=t.hideAllFiles??!1,p=t.triageCounts??{fixed:0,invalid:0,deleted:0},m=t.triageStates??["fixed","invalid","deleted"],g=t.shownTriage??null,w={};for(let C of ce)w[C]=0;for(let C of e.nodes)if(C.severitySet)for(let l of C.severitySet)w[l]!==void 0&&w[l]++;let R=ce.some(C=>w[C]>0||S.selectedSeverities.has(C)),o=["none","red","blue","green","gray"],y={none:0,red:0,blue:0,green:0,gray:0};for(let C of e.nodes)if(C.colorSet)for(let l of C.colorSet)y[l]!==void 0&&y[l]++;let b=o.some(C=>y[C]>0||S.selectedColors.has(C)),i=m.reduce((C,l)=>C+(p[l]??0),0)>0||g?B`<div class="triage-selector graph2-triage-selector" role="group" aria-label="Triage view">${m.map(C=>{let l=p[C]??0,v=g===C;return l===0&&!v?null:B`<button type="button" class="${ve({"triage-state-btn":!0,[`triage-state-${C}`]:!0,active:v})}" data-triage-show="${C}" title="${v?`Exit ${C} view`:`Show ${C} (${l})`}" aria-pressed="${String(v)}">${C.charAt(0).toUpperCase()+C.slice(1)} (${l})</button>`})}</div>`:null,A=d?null:B`<button type="button" class="${ve({"g2-topbar-toggle":!0,on:S.showAll})}" data-g2-show-all aria-pressed="${String(S.showAll)}"><span>All files</span><span class="g2-switch"></span></button>`;return B`<div class="graph2-topbar">${r?B`<div class="graph2-topbar-row graph2-topbar-row-extra toolbar-row">${r} ${A}<div class="g2-spacer"></div>${i}</div>`:null}<div class="graph2-topbar-row graph2-topbar-row-main toolbar-row sev-row">${R?B`<severity-chips counts="${JSON.stringify(w)}" selected="${JSON.stringify([...S.selectedSeverities])}" kind="graph"></severity-chips>`:null} ${b?B`<triage-filter counts="${JSON.stringify(y)}" selected="${JSON.stringify([...S.selectedColors])}" kind="graph"></triage-filter>`:null}<div class="toolbar-search g2-path-filter-wrap"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg> <input type="text" class="g2-path-filter" id="g2-path-filter" placeholder="filter path/package…" .value="${S.pathFilter}"> <button type="button" class="g2-path-filter-clear" id="g2-path-filter-clear" title="Clear filter" aria-label="Clear filter">✕</button></div>${r?null:A}<div class="g2-spacer"></div>${r?null:i} <button type="button" class="g2-icon-btn" id="g2-fullscreen" title="Toggle fullscreen">⛶</button></div></div>`}function Xt(e,t){let r=e.split("/").filter(Boolean),d=t.split("/").filter(Boolean),p=0;for(;p<r.length&&p<d.length&&r[p]===d[p];)p++;let m=r.length-p,g=d.slice(p).join("/");return m===0?"./"+g:"../".repeat(m)+g}function Jt(e,t){if(!t&&t!=="")return e;let r=Xt(t,e);return r.length<e.length?r:e}function at(e,t,r,d){let p=r.length;if(p===0)return B`<div class="g2-sel-section"><div class="g2-sel-section-label">${t} (${p})</div><div class="g2-sel-section-empty">none</div></div>`;let m=r.map(g=>({file:g,display:Jt(g,d)}));return m.sort((g,w)=>g.display.localeCompare(w.display)),B`<div class="g2-sel-section"><div class="g2-sel-section-label">${t} (${p})</div><ul class="g2-sel-file-list">${m.map(({file:g,display:w})=>{let R=e.nodeByFile.get(g),o=R?se(R.pkg):"#666";return B`<li><button type="button" class="g2-sel-file-link" data-g2-select="${g}" title="${g}"><span class="g2-sel-file-dot" style="${$e({background:o})}"></span> <span class="g2-sel-file-path">${w}</span></button></li>`})}</ul></div>`}function Re(e){if(!e)return B`<div class="g2-sel-section-empty">none</div>`;let r=["critical","high","medium","low","high_bug","bug","informational"].filter(d=>(e[d]??0)>0);return r.length===0?B`<div class="g2-sel-section-empty">none</div>`:B`<div class="tree-count-chips">${r.map(d=>B`<span class="${`tree-count-chip ${d}`}">${e[d]} ${d.replaceAll("_"," ")}</span>`)}</div>`}function Pt(e){let t=0;for(let g of e.edges)g.cross&&t++;let r=e.edges.length-t,d=0;for(let g of e.nodes)d+=g.totalIssues;let p=e.nodes.length===0?"0.0":(e.edges.length*2/e.nodes.length).toFixed(1),m=S.focusedPkg==="__own__"?"own source":S.focusedPkg;return B`<main class="graph2-stage"><canvas id="g2-canvas"></canvas>${S.focusedPkg?B`<div class="g2-stage-overlay"><button type="button" class="g2-back-btn" id="g2-back-to-full" title="Back to the full graph">← ${m}</button></div>`:null}<div id="g2-focus-overlay-slot" class="g2-stage-overlay-tr"></div><div class="g2-stage-stats"><span><b>${e.nodes.length}</b> files</span> <span><b>${e.packages.length}</b> packages</span> <span><b>${e.edges.length}</b> edges (${r} intra · ${t} cross)</span> <span><b>${d}</b> issues</span> <span>avg degree <b>${p}</b></span></div><div class="g2-zoom-ctrl"><button id="g2-zoom-in" title="Zoom in">+</button><div class="g2-zoom-pct" id="g2-zoom-pct">100%</div><button id="g2-zoom-out" title="Zoom out">−</button> <button id="g2-zoom-fit" class="g2-zoom-fit-btn" title="Fit to view">fit</button></div><div class="g2-tooltip" id="g2-tooltip"></div></main>`}function _t(e){let t=null;if(S.selected){let d=e.nodeByFile.get(S.selected);d&&(t=d.pkg)}else S.solo&&(t=S.solo);return!t||(e.pkgCount.get(t)??0)<=1||S.focusedPkg===t?null:B`<button type="button" class="g2-focus-pkg-btn" data-g2-focus-pkg="${t}" title="${`Focus on ${t==="__own__"?"own source":t}'s graph`}"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 4.6 L4 11 M8 4.6 L12 11 M5 11.4 L11 11.4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><circle cx="8" cy="3.6" r="2" fill="currentColor"/><circle cx="3.6" cy="11.4" r="2" fill="currentColor"/><circle cx="12.4" cy="11.4" r="2" fill="currentColor"/></svg></button>`}function Ft(){return B`<aside class="graph2-right"><div class="g2-panel-title">Selection</div><div id="g2-selection-area"></div><div id="g2-top-pkgs-block"></div></aside>`}function Lt(e){let t=S.showAll&&e.nodes.length>0&&e.nodes.every(p=>typeof p.size=="number"),r=e.nodes.some(p=>p.totalIssues>0),d=S.topPkgsTab;return d==="size"&&!t&&(d="files"),d==="issues"&&!r&&(d="files"),B`<div class="g2-panel-title g2-panel-title-row"><span>Packages</span><div class="g2-mini-tabs">${r?B`<button type="button" class="${ve({"g2-mini-tab":!0,on:d==="issues"})}" data-g2-top-pkgs="issues">Issues</button>`:null} <button type="button" class="${ve({"g2-mini-tab":!0,on:d==="files"})}" data-g2-top-pkgs="files">Files</button> ${t?B`<button type="button" class="${ve({"g2-mini-tab":!0,on:d==="size"})}" data-g2-top-pkgs="size">Size</button>`:null}</div></div>${eo(e,d)}`}function It(e,t={}){let r=S.selected;if(r){let d=e.nodeByFile.get(r);return d?Zt(e,d,r,t):B`<div class="g2-empty-state"><strong>File not in current view</strong>Adjust filters or pick another file.</div>`}return S.solo?Qt(e,S.solo):B`<div class="g2-empty-state">Click a node or a package row to inspect.</div>`}function Zt(e,t,r,d){let p=se(t.pkg),m=t.pkg==="__own__"?"own source":t.pkg,g=Xe(r,t.pkg),w=e.importedBy.get(r)??[],R=e.importsOf.get(r)??[],o=r.lastIndexOf("/"),y=o>=0?r.slice(0,o):"";return B`<div class="g2-selection-card"><div class="g2-sel-file-head"><div class="g2-sel-path">${g}</div><div class="g2-sel-pkg-row"><span class="g2-sel-dot" style="${$e({"--dot":p,background:p})}"></span> <span class="g2-sel-pkg">${m}</span></div></div><div class="g2-sel-fullpath" title="${r}">${r}</div>${Ye(t.size)?B`<div class="g2-sel-size">${Ye(t.size)}</div>`:null}<div class="g2-sel-section"><div class="g2-sel-section-label">Own findings</div>${Re(t.own)}</div><div class="g2-sel-section"><div class="g2-sel-section-label">Subtree findings</div>${Re(t.subtree)}</div><div class="g2-sel-jumps">${t.totalIssues>0?B`<button type="button" class="g2-sel-jump" data-g2-jump-findings="${r}">Findings →</button>`:null} ${d.isBundleContext?t.origFile?B`<button type="button" class="g2-sel-jump" data-bundle-view-source="${t.origFile}">View source →</button>`:null:B`<button type="button" class="g2-sel-jump" data-g2-jump-file="${r}">Files →</button>`}</div>${at(e,"Imported by",w,y)} ${at(e,"Imports",R,y)}</div>`}function Qt(e,t){let r=e.nodes.filter(b=>b.pkg===t),d=r.length;if(d===0)return B`<div class="g2-empty-state"><strong>Package has no files in view</strong> Toggle "All files" to widen the file set, or pick another package.</div>`;let p=se(t),m=t==="__own__"?"own source":t,g={};for(let b of ce)g[b]=0;for(let b of r)if(b.own)for(let _ of ce)g[_]+=b.own[_]??0;let w=0,R=0;for(let b of e.edges){let _=e.nodeByFile.get(b.a),i=e.nodeByFile.get(b.b);!_||!i||(_.pkg===t&&i.pkg===t?R++:(_.pkg===t||i.pkg===t)&&w++)}let o=0;for(let b of r)b.isHub&&o++;let y=new Set;for(let b of r)for(let _ of e.importedBy.get(b.file)??[]){let i=e.nodeByFile.get(_);i&&i.pkg!==t&&y.add(_)}return B`<div class="g2-selection-card"><div class="g2-sel-head"><span class="g2-sel-dot" style="${$e({"--dot":p,background:p})}"></span> <span class="g2-sel-id">${m}</span> <span class="g2-sel-grp">package</span></div><div class="g2-sel-body"><div class="g2-sel-row"><span class="k">Files</span><span class="v">${d}</span></div><div class="g2-sel-row"><span class="k">Hubs</span><span class="v">${o}</span></div><div class="g2-sel-row"><span class="k">Intra edges</span><span class="v">${R}</span></div><div class="g2-sel-row"><span class="k">Cross edges</span><span class="v">${w}</span></div></div><div class="g2-sel-section"><div class="g2-sel-section-label">Findings</div>${Re(g)}</div>${at(e,"Imported by",[...y])}</div>`}function eo(e,t){let r=e.nodes.length||1,d=t??S.topPkgsTab,p=S.selectedSeverities,m=S.selectedColors,g=p.size>0,w=m.size>0,R=g||w,o=new Map,y=new Map,b=0,_=0;for(let l of e.nodes){let v;if(R){if(v=0,l.findings)for(let I of l.findings)g&&!p.has(I.severity)||w&&!m.has(I.color)||v++}else v=l.totalIssues;o.set(l.pkg,(o.get(l.pkg)??0)+v),b+=v,typeof l.size=="number"&&(y.set(l.pkg,(y.get(l.pkg)??0)+l.size),_+=l.size)}let i;d==="issues"?i=e.packages.filter(l=>(o.get(l)??0)>0).toSorted((l,v)=>{let I=o.get(l)??0,P=o.get(v)??0;return P!==I?P-I:(e.pkgCount.get(v)??0)-(e.pkgCount.get(l)??0)}):d==="size"?i=e.packages.filter(l=>(y.get(l)??0)>0).toSorted((l,v)=>{let I=y.get(l)??0,P=y.get(v)??0;return P!==I?P-I:(e.pkgCount.get(v)??0)-(e.pkgCount.get(l)??0)}):i=[...e.packages].toSorted((l,v)=>{let I=e.pkgCount.get(l)??0,P=e.pkgCount.get(v)??0;return P!==I?P-I:(o.get(v)??0)-(o.get(l)??0)});let A=l=>d==="issues"?b>0?((o.get(l)??0)/b*100).toFixed(2):"0":d==="size"?_>0?((y.get(l)??0)/_*100).toFixed(2):"0":(e.pkgCount.get(l)/r*100).toFixed(2),C=d==="issues"?"No packages with issues":d==="size"?"No packages with size":"No packages";return B`<div class="g2-dist-bar">${e.packages.map(l=>{let v=se(l);return B`<span style="${$e({background:v,width:`${A(l)}%`})}"></span>`})}</div><div class="g2-dist-list">${i.length===0?B`<div class="g2-dist-empty">${C}</div>`:null} ${vt(i,l=>l,l=>{let v=se(l),I=e.pkgCount.get(l)??0,P=o.get(l)??0,F=y.get(l)??0,f=d==="issues"?P:d==="size"?Ye(F):I,$=d==="issues"?b>0?(P/b*100).toFixed(1):"0.0":d==="size"?_>0?(F/_*100).toFixed(1):"0.0":(I/r*100).toFixed(1),W=l==="__own__"?"own source":l,h=S.solo===l;return B`<button type="button" class="${ve({"g2-dist-item":!0,on:h})}" data-g2-pkg="${l}" title="${W}"><span class="g2-dist-dot" style="${$e({background:v})}"></span><span class="g2-dist-name">${W}</span><span class="g2-dist-count">${f}</span><span class="g2-dist-pct">${$}%</span></button>`})}</div>`}var lt=class extends xt{static properties={graph:{attribute:!1},options:{attribute:!1}};static styles=[Ve(wt),Ve(kt),Ve(yt)];constructor(){super(),this.graph=null,this.options={}}render(){return this.graph?B`<div class="graph2-layout">${Ct(this.graph,this.options)} ${Pt(this.graph)} ${Ft()}</div>`:B``}};customElements.define("graph-layout",lt);function to(e){let t=new Map;for(let[r,d]of e.importsOf){let p=e.nodeByFile.get(r);if(p)for(let m of d){let g=e.nodeByFile.get(m);g&&p.pkg!==g.pkg&&(t.set(p.pkg,(t.get(p.pkg)??0)+1),t.set(g.pkg,(t.get(g.pkg)??0)+1))}}return t}function oo(e){if(e.packages.length===0)return null;let t=new Set;for(let[r,d]of e.importedBy){let p=e.nodeByFile.get(r);if(p)for(let m of d){let g=e.nodeByFile.get(m);if(g&&g.pkg!==p.pkg){t.add(p.pkg);break}}}for(let r of e.packages)if(!t.has(r))return r;return null}var ro=5;function Rt(e,t){let r=new Map;for(let m of e.nodes)t.has(m.pkg)&&(r.has(m.pkg)||r.set(m.pkg,[]),r.get(m.pkg).push(m));for(let m of r.values())m.sort((g,w)=>g.isHub!==w.isHub?g.isHub?-1:1:w.deg-g.deg);let d=new Map,p=new Map;for(let[m,g]of t){let w=r.get(m);if(!w||w.length===0)continue;let R=w.length,o=0;for(let v of w)if(v.isHub)o++;else break;let y=o>0&&o<=ro,b=y?o:0,_=R-b,i=g.groupR,A=Array.from({length:R}),C=Array.from({length:R});for(let v=0;v<R;v++){let I=v*137.508*Math.PI/180,P;if(v<b)P=b<=1?0:Math.sqrt(v/(b-1))*.3*i;else{let F=v-b;P=_<=1?.4*i:(.4+Math.sqrt(F/(_-1))*.6)*i}A[v]=g.x+Math.cos(I)*P,C[v]=g.y+Math.sin(I)*P}let l=Array.from({length:R},()=>!1);for(let v=0;v<R;v++){let I=w[v],P,F;y&&I.isHub?(F=0,P=b):y?(F=b,P=R):(F=0,P=R);let f=0,$=0,W=0,h=e.importsOf.get(I.file);if(h)for(let H of h){let N=d.get(H);N!==void 0&&(f+=N,$+=p.get(H),W++)}let V=e.importedBy.get(I.file);if(V)for(let H of V){let N=d.get(H);N!==void 0&&(f+=N,$+=p.get(H),W++)}let j=!1;if(W>0){f/=W,$/=W;let H=f-g.x,N=$-g.y;H*H+N*N>1&&(j=!0)}let D=-1;if(j){let H=1/0;for(let N=F;N<P;N++){if(l[N])continue;let c=A[N]-f,L=C[N]-$,q=c*c+L*L;q<H&&(H=q,D=N)}}else for(let H=F;H<P;H++)if(!l[H]){D=H;break}l[D]=!0,I.x=A[D],I.y=C[D],d.set(I.file,I.x),p.set(I.file,I.y)}}}function At(e,t,r){let d=t/2,p=r/2,m=Math.min(t,r)/2;if(e.packages.length===0)return;let w=oo(e),R=to(e),o=(w?e.packages.filter(c=>c!==w):[...e.packages]).toSorted((c,L)=>{let q=(R.get(L)??0)-(R.get(c)??0);return q!==0?q:(e.pkgCount.get(L)??0)-(e.pkgCount.get(c)??0)}),y=o.length,b;y<=0?b=0:y<=6?b=.65:y<=20?b=.82:b=.95;let _=Math.max(1,Math.sqrt(50/Math.max(1,y))),i=.22,A=.12,C=.04,l=new Map,v;if(w){let c=e.pkgCount.get(w)??0,L=Math.min(i,(.012+Math.sqrt(c)*.004)*_);v=Math.max(y<=6?.4:y<=20?.36:.34,L+A+C),l.set(w,{x:d,y:p,size:c,groupR:L*m})}else y<=1?v=0:y<=6?v=.4:y<=20?v=.32:v=.3;if(y===0){Rt(e,l);return}let I=new Map;for(let c of e.edges){if(!c.cross)continue;let L=e.nodeByFile.get(c.a)?.pkg,q=e.nodeByFile.get(c.b)?.pkg;if(!L||!q||L===q)continue;I.has(L)||I.set(L,new Map),I.has(q)||I.set(q,new Map);let ee=I.get(L),Z=I.get(q);ee.set(q,(ee.get(q)??0)+1),Z.set(L,(Z.get(L)??0)+1)}let P=Math.max(1,Math.min(10,Math.round(Math.sqrt(y)/1.2))),F=Array.from({length:P+1});for(let c=0;c<=P;c++)F[c]=Math.floor(c*c/(P*P)*y);F[P]=y;let f=.2,$=Array.from({length:P}),W=Array.from({length:P});for(let c=0;c<P;c++){let L=F[c],q=F[c+1];$[c]=q-L;let ee=0;for(let Z=L;Z<q;Z++)ee+=e.pkgCount.get(o[Z])??0;W[c]=ee}let h=Array.from({length:P});for(let c=0;c<P;c++){let L=(F[c]+F[c+1]-1)/2/Math.max(1,y-1);h[c]=Math.sqrt(Math.max(0,L))}let V=Array.from({length:P});V[0]=h[0];for(let c=1;c<P;c++){let L=$[c-1],q=W[c-1],ee=L>0?q/L:1,Z=1+f*Math.sqrt(Math.max(0,ee-1));V[c]=V[c-1]+(h[c]-h[c-1])*Z}let j=Array.from({length:P});for(let c=0;c<P;c++)j[c]=V[c]-h[c];let D=Array.from({length:y}),H=Array.from({length:y}),N=0;for(let c=0;c<y;c++){for(;N<P-1&&c>=F[N+1];)N++;let L=c*137.508%360*Math.PI/180,ee=(y<=1?0:Math.sqrt(c/(y-1)))+j[N],Z=y===1?w?v:0:v+ee*(b-v);D[c]=d+Math.cos(L)*Z*m,H[c]=p+Math.sin(L)*Z*m}for(let c=0;c<P;c++){let L=F[c],q=F[c+1],ee=q-L;if(ee===0)continue;let Z=Array.from({length:ee},()=>!1);for(let Ce=L;Ce<q;Ce++){let ye=o[Ce],Ae=I.get(ye),de=0,ae=0,ie=0;if(Ae)for(let[te,oe]of Ae){let fe=l.get(te);fe&&(de+=fe.x*oe,ae+=fe.y*oe,ie+=oe)}let ke=!1;if(ie>0){de/=ie,ae/=ie;let te=de-d,oe=ae-p;te*te+oe*oe>1&&(ke=!0)}let ue=-1;if(ke){let te=1/0;for(let oe=0;oe<ee;oe++){if(Z[oe])continue;let fe=L+oe,He=D[fe]-de,Te=H[fe]-ae,Fe=He*He+Te*Te;Fe<te&&(te=Fe,ue=oe)}}else for(let te=0;te<ee;te++)if(!Z[te]){ue=te;break}Z[ue]=!0;let Pe=L+ue,_e=e.pkgCount.get(ye)??0,Be=Math.min(A,(.012+Math.sqrt(_e)*.004)*_);l.set(ye,{x:D[Pe],y:H[Pe],size:_e,groupR:Be*m})}}Rt(e,l)}function Bt(e,t,r){let d=t/2,p=r/2,m=Math.min(t,r)/2,g=e.nodes.length;if(g===0)return;let w=[...e.nodes].toSorted((R,o)=>o.deg-R.deg);for(let R=0;R<g;R++){let o=w[R],y=R*137.508%360*Math.PI/180,b=g<=1?0:Math.sqrt(R/(g-1));o.x=d+Math.cos(y)*b*.85*m,o.y=p+Math.sin(y)*b*.85*m}}function Ht(e,t,r,d){let p=e.length,m=d||760,g=r||1100,w=Math.sqrt(g*m/Math.max(p,1))*1.1,R=F=>{let f=0;for(let $ of F)f=f*31+$.codePointAt(0)|0;return f},o=Math.ceil(Math.sqrt(p*g/m)),y=Math.ceil(p/o),b=m/(y+1),_=g/(o+1),i=e.map((F,f)=>{let $=f%o,W=Math.floor(f/o),h=R(F);return{file:F,x:($+1)*_+(h%100-50)*_*.4,y:(W+1)*b+((h>>7)%100-50)*b*.4,dx:0,dy:0}}),A=new Map(i.map((F,f)=>[F.file,f])),C=[];for(let F of e)for(let f of t.get(F)??[])A.has(f)&&C.push([A.get(F),A.get(f)]);let l=new Map;for(let F=0;F<p;F++){let f=Ke(i[F].file)??"__own__";l.has(f)||l.set(f,[]),l.get(f).push(F)}let v=Math.min(500,Math.max(180,100+p*3)),I=Math.min(g,m)/6,P=.3;for(let F=0;F<v;F++){let f=I*Math.pow(P/I,F/v);for(let h of i)h.dx=0,h.dy=0;for(let h=0;h<p;h++)for(let V=h+1;V<p;V++){let j=i[h],D=i[V],H=j.x-D.x,N=j.y-D.y,c=Math.sqrt(H*H+N*N);if(c<.01){let q=R(j.file+D.file);H=(q%100-50)*.01||.5,N=((q>>7)%100-50)*.01||.5,c=Math.sqrt(H*H+N*N)}let L=w*w/c;j.dx+=H/c*L,j.dy+=N/c*L,D.dx-=H/c*L,D.dy-=N/c*L}for(let[h,V]of C){let j=i[h],D=i[V],H=j.x-D.x,N=j.y-D.y,c=Math.sqrt(H*H+N*N)||.01,L=c*c/w;j.dx-=H/c*L,j.dy-=N/c*L,D.dx+=H/c*L,D.dy+=N/c*L}let $=.055*Math.min(1,f/(I*.3));for(let[,h]of l){if(h.length<2)continue;let V=0,j=0;for(let D of h)V+=i[D].x,j+=i[D].y;V/=h.length,j/=h.length;for(let D of h)i[D].dx+=(V-i[D].x)*$,i[D].dy+=(j-i[D].y)*$}let W=50;for(let h of i){let V=Math.sqrt(h.dx*h.dx+h.dy*h.dy)||.01;h.x+=h.dx/V*Math.min(V,f),h.y+=h.dy/V*Math.min(V,f),h.x=Math.max(W,Math.min(g-W,h.x)),h.y=Math.max(W,Math.min(m-W,h.y))}}return i}var Tt={critical:"#ff5470",high:"#ff9d4a",medium:"#f4d35e",low:"#67c2ff",high_bug:"#a06c3f",bug:"#7a6d62",informational:"#218bff"},ct={dark:{bg:"#0c0c0c",grid:"rgba(255, 255, 255, 0.022)",selectRing:"#ffffff",edgeIntra:"rgba(180, 195, 215, ALPHA)",hubRing:"rgba(255, 255, 255, ALPHA)",labelFill:"rgba(230, 233, 238, 0.78)",labelShadow:"rgba(12, 12, 12, 0.98)",labelOutline:"rgba(12, 12, 12, 0.9)",labelDefault:"rgba(200, 210, 225, 0.78)",labelHover:"rgba(230, 237, 243, 0.95)",labelSelected:"#fff"},light:{bg:"#f6f8fa",grid:"rgba(0, 0, 0, 0.04)",selectRing:"#0969da",edgeIntra:"rgba(50, 70, 100, ALPHA)",hubRing:"rgba(0, 0, 0, ALPHA)",labelFill:"rgba(40, 50, 70, 0.85)",labelShadow:"rgba(255, 255, 255, 0.95)",labelOutline:"rgba(255, 255, 255, 0.9)",labelDefault:"rgba(50, 60, 80, 0.85)",labelHover:"rgba(20, 25, 35, 0.95)",labelSelected:"#000"},pink:{bg:"#fff0f7",grid:"rgba(0, 0, 0, 0.04)",selectRing:"#0969da",edgeIntra:"rgba(50, 70, 100, ALPHA)",hubRing:"rgba(0, 0, 0, ALPHA)",labelFill:"rgba(40, 50, 70, 0.85)",labelShadow:"rgba(255, 255, 255, 0.95)",labelOutline:"rgba(255, 255, 255, 0.9)",labelDefault:"rgba(50, 60, 80, 0.85)",labelHover:"rgba(20, 25, 35, 0.95)",labelSelected:"#000"}};function no(){let e=document.body.classList;return e.contains("theme-pink")?ct.pink:e.contains("theme-light")?ct.light:ct.dark}function ze(e){return Math.max(0,Math.min(255,Math.round(e*255))).toString(16).padStart(2,"0")}function so(e,t,r){let p=e.querySelector("graph-layout")?.shadowRoot;if(!p)return;let m=p.querySelector("#g2-canvas"),g=p.querySelector("#g2-tooltip"),w=p.querySelector(".graph2-stage"),R=p.querySelector("#g2-zoom-pct");if(!m)return;Mt();let o=m.getContext("2d"),y=window.devicePixelRatio||1,b=0,_=0,i={tx:0,ty:0,k:1},A=null,C=0,l=0,v=!0,I=!0;function P(){if(!v)return;let s=S.layoutCache,u=S.focusedPkg;if(s&&s.files===t.files&&s.w===l&&s.h===C&&s.focused===u)for(let k of t.nodes){let n=s.pos.get(k.file);n&&(k.x=n.x,k.y=n.y)}else{if(u)if(t.nodes.length>50)Bt(t,l,C);else{let n=Ht(t.files,t.importsOf,l,C),x=new Map(n.map(z=>[z.file,z]));for(let z of t.nodes){let O=x.get(z.file);O&&(z.x=O.x,z.y=O.y)}}else At(t,l,C);let k=new Map;for(let n of t.nodes)k.set(n.file,{x:n.x,y:n.y});S.layoutCache={files:t.files,w:l,h:C,pos:k,focused:u}}v=!1}function F(){if(t.nodes.length===0)return{k:1,tx:_/2,ty:b/2};let s=-1/0,u=-1/0,k=1/0,n=1/0;for(let a of t.nodes)a.x<k&&(k=a.x),a.y<n&&(n=a.y),a.x>s&&(s=a.x),a.y>u&&(u=a.y);let x=Math.max(20,u-n),z=Math.max(20,s-k),O=(k+s)/2,G=(n+u)/2,U=Math.min(_,b)*.1,K=Math.min((_-U*2)/z,(b-U*2)/x,4),X=Math.max(.05,K);return{k:X,tx:_/2-O*X,ty:b/2-G*X}}function f(){let s=F();i.k=s.k,i.tx=s.tx,i.ty=s.ty}function $(s,u){return[s*i.k+i.tx,u*i.k+i.ty]}function W(s,u){return[(s-i.tx)/i.k,(u-i.ty)/i.k]}function h(s){return!S.hidden.has(s.pkg)}function V(s){if(S.selectedSeverities.size>0){let k=s.severitySet;if(!k)return!0;let n=!1;for(let x of S.selectedSeverities)if(k.has(x)){n=!0;break}if(!n)return!0}if(S.selectedColors.size>0){let k=s.colorSet;if(!k)return!0;let n=!1;for(let x of S.selectedColors)if(k.has(x)){n=!0;break}if(!n)return!0}if(S.solo&&s.pkg!==S.solo)return!0;let u=S.pathFilter;if(u){let k=u.toLowerCase(),n=s.file.toLowerCase().includes(k),x=s.pkg&&s.pkg.toLowerCase().includes(k);if(!n&&!x)return!0}return!1}function j(s){let u=(s.isHub?4.9:3.5)*S.nodeSize,k=Math.max(.6,Math.min(1.6,i.k));return u*k}function D(){let s=w.getBoundingClientRect(),u=b,k=_;_=Math.max(80,s.width),b=Math.max(80,s.height),y=window.devicePixelRatio||1,m.width=_*y,m.height=b*y,m.style.width=_+"px",m.style.height=b+"px",o.setTransform(y,0,0,y,0,0),(l===0||C===0)&&(l=_,C=b,v=!0),P();let n=k>0&&(Math.abs(_-k)/k>.15||Math.abs(b-u)/u>.15);(I||n)&&(f(),I=!1),q()}let H=null,N=!0,c=!1,L=!1;function q(){N=!0,!(c||L)&&(c=!0,H=requestAnimationFrame(()=>{c=!1,N&&!L&&(N=!1,ee())}))}function ee(){let s=no();o.fillStyle=s.bg,o.fillRect(0,0,_,b),Z(s);let u=S.selected,k=u?t.nodeByFile.get(u):null;if(S.focusedPkg&&t.nodes.length<=50){Ce(s,u,k);return}for(let n of t.edges){let x=t.nodeByFile.get(n.a),z=t.nodeByFile.get(n.b);if(!x||!z||!h(x)||!h(z))continue;let O=S.edgeOpacity;u?O=n.a===u||n.b===u?.85:S.edgeOpacity*.25:A&&(n.a===A||n.b===A)&&(O=Math.min(.9,O+.5)),V(x)&&V(z)&&(O=Math.min(O,.04));let[G,U]=$(x.x,x.y),[K,X]=$(z.x,z.y);if(n.cross){let a=o.createLinearGradient(G,U,K,X);a.addColorStop(0,se(x.pkg)+ze(O)),a.addColorStop(1,se(z.pkg)+ze(O)),o.strokeStyle=a,o.lineWidth=.85}else o.strokeStyle=s.edgeIntra.replace("ALPHA",String(O*.7)),o.lineWidth=.55;o.beginPath(),o.moveTo(G,U),o.lineTo(K,X),o.stroke()}for(let n of t.nodes){if(!h(n))continue;let x=n.file===A,z=n.file===u;if(!n.isHub&&!x&&!z||V(n)&&!x&&!z)continue;let[O,G]=$(n.x,n.y),K=j(n)*(z?6:x?4.5:3),X=o.createRadialGradient(O,G,0,O,G,K),a=se(n.pkg);X.addColorStop(0,a+"55"),X.addColorStop(1,a+"00"),o.fillStyle=X,o.beginPath(),o.arc(O,G,K,0,Math.PI*2),o.fill()}for(let n of t.nodes){if(!h(n))continue;let[x,z]=$(n.x,n.y),O=j(n),G=1,U=u&&n.file===u;if(u&&!U&&(G=(t.adj.get(u)??[]).some(X=>{let a=t.edges[X];return a.a===n.file||a.b===n.file})?1:.25),!U&&V(n)&&(G=Math.min(G,.1)),o.fillStyle=se(n.pkg)+ze(G),o.beginPath(),o.arc(x,z,O,0,Math.PI*2),o.fill(),n.isHub&&(o.strokeStyle=s.hubRing.replace("ALPHA",String(.55*G)),o.lineWidth=.8,o.stroke()),n.issue){let K=Tt[n.issue],X=O+(n.issue==="critical"?4.2:n.issue==="high"?3.4:2.8),a=n.issue==="critical"?1.8:n.issue==="high"?1.5:n.issue==="medium"?1.3:1.1;o.strokeStyle=K,o.globalAlpha=G,o.lineWidth=a,o.beginPath(),o.arc(x,z,X,0,Math.PI*2),o.stroke(),o.globalAlpha=1}}if(i.k>1.4){let x=0;if(i.k<9&&!S.showLabels)for(let O of t.nodes){if(!h(O))continue;let[G,U]=$(O.x,O.y);if(!(G<0||G>_||U<0||U>b)&&(x++,x>=50))break}let z=i.k>=9||x<50;if(S.showLabels||z){o.font="10px ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",o.fillStyle=s.labelFill,o.textAlign="left",o.textBaseline="middle";let O=11,G=2,U=250,K=(M,E)=>M>-U&&M<_+U&&E>-U&&E<b+U,X=[];for(let M of t.nodes){if(!h(M))continue;let[E,J]=$(M.x,M.y);if(!K(E,J))continue;let Q=j(M);X.push({file:M.file,x0:E-Q,x1:E+Q,y0:J-Q,y1:J+Q})}let a=[];for(let M of t.nodes){if(!h(M)||!M.isHub&&i.k<2.4)continue;let[E,J]=$(M.x,M.y);if(!K(E,J))continue;let Q=j(M),re=E+Q+4,ne=J+1,we=o.measureText(M.label).width+G,Ee=M.file===S.selected,Oe=M.file===A,qe=Ee?3:Oe?2:M.isHub?1:0;a.push({file:M.file,n:M,tx:re,ty:ne,prio:qe,x0:re-G,x1:re+we,y0:ne-O/2,y1:ne+O/2})}a.sort((M,E)=>E.prio-M.prio);let T=[],Y=(M,E)=>M.x0<E.x1&&E.x0<M.x1&&M.y0<E.y1&&E.y0<M.y1;for(let M of a){let E=!1;for(let J of X)if(J.file!==M.file&&Y(M,J)){E=!0;break}if(!E){for(let J of T)if(Y(M,J)){E=!0;break}}E||T.push(M)}for(let M of T)o.fillText(M.n.label,M.tx,M.ty)}}if(k&&h(k)){let[n,x]=$(k.x,k.y),z=j(k);o.strokeStyle=s.selectRing,o.lineWidth=1.5,o.beginPath(),o.arc(n,x,z+5,0,Math.PI*2),o.stroke()}R&&(R.textContent=`${Math.round(i.k*100)}%`)}function Z(s){if(i.k<.4)return;let u=80,k=(i.tx%u+u)%u,n=(i.ty%u+u)%u;o.strokeStyle=s.grid,o.lineWidth=1,o.beginPath();for(let x=k;x<_;x+=u)o.moveTo(x,0),o.lineTo(x,b);for(let x=n;x<b;x+=u)o.moveTo(0,x),o.lineTo(_,x);o.stroke()}function Ce(s,u,k){let n=se(S.focusedPkg),x=new Set;if(A){x.add(A);for(let a of t.adj.get(A)??[]){let T=t.edges[a];x.add(T.a),x.add(T.b)}}let z=a=>(a.isHub?6:4)*S.nodeSize;for(let a of t.edges){let T=t.nodeByFile.get(a.a),Y=t.nodeByFile.get(a.b);if(!T||!Y||!h(T)||!h(Y))continue;let M=a.fromLo&&a.fromHi,E=!M&&a.fromHi,J=E?Y:T,Q=E?T:Y,re=A&&(a.a===A||a.b===A),ne=u&&(a.a===u||a.b===u),we=(u||A)&&!re&&!ne,Ee=z(J),Oe=z(Q),[qe,ft]=$(J.x,J.y),[pt,gt]=$(Q.x,Q.y),Je=pt-qe,Ze=gt-ft,Qe=Math.sqrt(Je*Je+Ze*Ze)||1,et=Je/Qe,tt=Ze/Qe,be=qe+et*(Ee+1.5),he=ft+tt*(Ee+1.5),me=pt-et*(Oe+3.5),xe=gt-tt*(Oe+3.5),ut=Math.min(Qe*.15,30),Le=(be+me)/2-tt*ut,Ie=(he+xe)/2+et*ut;o.beginPath(),o.moveTo(be,he),o.quadraticCurveTo(Le,Ie,me,xe);let Me;if(ne?Me=.9:re?Me=.85:we?Me=.05:Me=Math.min(.85,S.edgeOpacity*3),o.strokeStyle=n+ze(Me),o.lineWidth=ne||re?1.5:.85,o.stroke(),we)continue;let le=Math.max(5,7),pe=le*.42,Ne=.9,ot=2*(1-Ne)*(Le-be)+2*Ne*(me-Le),rt=2*(1-Ne)*(Ie-he)+2*Ne*(xe-Ie),bt=Math.sqrt(ot*ot+rt*rt)||1,De=ot/bt,je=rt/bt;if(o.beginPath(),o.moveTo(me,xe),o.lineTo(me-De*le+je*pe,xe-je*le-De*pe),o.lineTo(me-De*le-je*pe,xe-je*le+De*pe),o.closePath(),o.fillStyle=n+ze(Math.min(1,Me+.15)),o.fill(),M){let nt=1.8*(Le-be)+.2*(me-Le),st=2*(1-.1)*(Ie-he)+2*.1*(xe-Ie),ht=Math.sqrt(nt*nt+st*st)||1,We=nt/ht,Ge=st/ht;o.beginPath(),o.moveTo(be,he),o.lineTo(be+We*le-Ge*pe,he+Ge*le+We*pe),o.lineTo(be+We*le+Ge*pe,he+Ge*le-We*pe),o.closePath(),o.fill()}}for(let a of t.nodes){if(!h(a))continue;let[T,Y]=$(a.x,a.y),M=z(a),E=a.file===A,J=a.file===u,Q=(u||A)&&!x.has(a.file)&&!J?.15:1;if(o.globalAlpha=Q,J||E||a.isHub){let re=M*(J?4:E?3:2.4),ne=o.createRadialGradient(T,Y,M*.6,T,Y,re);ne.addColorStop(0,n+ze(J?.4:.25)),ne.addColorStop(1,n+"00"),o.fillStyle=ne,o.beginPath(),o.arc(T,Y,re,0,Math.PI*2),o.fill()}if(o.fillStyle=n,o.beginPath(),o.arc(T,Y,M,0,Math.PI*2),o.fill(),a.isHub&&(o.strokeStyle=s.hubRing.replace("ALPHA","0.55"),o.lineWidth=.9,o.stroke()),a.issue){let re=Tt[a.issue],ne=M+(a.issue==="critical"?4.2:a.issue==="high"?3.4:2.8),we=a.issue==="critical"?1.8:a.issue==="high"?1.5:a.issue==="medium"?1.3:1.1;o.strokeStyle=re,o.lineWidth=we,o.beginPath(),o.arc(T,Y,ne,0,Math.PI*2),o.stroke()}o.globalAlpha=1}o.font="600 11px ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",o.textAlign="center",o.textBaseline="top",o.lineJoin="round";let O=13,G=2,U=[];for(let a of t.nodes){if(!h(a))continue;let[T,Y]=$(a.x,a.y),M=z(a),E=Y+M+4,J=o.measureText(a.label).width/2+G,Q=a.file===u,re=a.file===A,ne=Q?3:re?2:a.isHub?1:0;U.push({n:a,sx:T,ty:E,halfW:J,isSel:Q,isHov:re,prio:ne,x0:T-J,x1:T+J,y0:E,y1:E+O})}U.sort((a,T)=>T.prio-a.prio);let K=[],X=(a,T)=>a.x0<T.x1&&T.x0<a.x1&&a.y0<T.y1&&T.y0<a.y1;for(let a of U){let T=!1;for(let Y of K)if(X(a,Y)){T=!0;break}T||K.push(a)}for(let a of K){let{n:T,sx:Y,ty:M,isSel:E,isHov:J}=a,Q=(u||A)&&!x.has(T.file)&&!E?.2:1;o.globalAlpha=Q,o.shadowColor=s.labelShadow,o.shadowBlur=4,o.strokeStyle=s.labelOutline,o.lineWidth=3,o.strokeText(T.label,Y,M),o.shadowBlur=0,o.fillStyle=E?s.labelSelected:J?s.labelHover:s.labelDefault,o.fillText(T.label,Y,M),o.globalAlpha=1}if(k&&h(k)){let[a,T]=$(k.x,k.y),Y=z(k);o.strokeStyle=s.selectRing,o.lineWidth=1.8,o.beginPath(),o.arc(a,T,Y+4,0,Math.PI*2),o.stroke()}R&&(R.textContent=`${Math.round(i.k*100)}%`)}function ye(s,u){let k=null,n=1/0,x=6;for(let z of t.nodes){if(!h(z))continue;let[O,G]=$(z.x,z.y),U=O-s,K=G-u,X=U*U+K*K,a=j(z)+x;X<a*a&&X<n&&(n=X,k=z)}return k}function Ae(s,u,k){if(!g)return;let n=w.getBoundingClientRect(),x=se(s.pkg),z=s.pkg==="__own__"?"own source":s.pkg,O=Xe(s.file,s.pkg);Se(B`<div class="g2-tt-path">${O}</div><div class="g2-tt-head"><span class="g2-tt-dot" style="${`background:${x}`}"></span> <span class="g2-tt-pkg">${z}</span></div>${s.totalIssues>0?Re(s.own):null}`,g),g.classList.add("show");let G=g.offsetWidth,U=g.offsetHeight,K=u-n.left,X=k-n.top,a=n.width,T=n.height,Y=12,M=K+Y;M+G>a-4&&(M=K-G-Y),M<4&&(M=4);let E=X+Y;E+U>T-4&&(E=X-U-Y),E<4&&(E=4),g.style.left=`${M}px`,g.style.top=`${E}px`}function de(){g&&g.classList.remove("show")}let ae=!1,ie=null,ke=!1,ue=s=>{s.button===0&&(s.target.closest(".g2-stage-overlay, .g2-stage-overlay-tr, .g2-zoom-ctrl")||(ae=!0,ke=!1,ie={x:s.clientX,y:s.clientY,tx:i.tx,ty:i.ty}))},Pe=s=>{let u=w.getBoundingClientRect(),k=s.clientX-u.left,n=s.clientY-u.top;if(ae){let O=s.clientX-ie.x,G=s.clientY-ie.y;Math.abs(O)+Math.abs(G)>3&&(ke=!0),i.tx=ie.tx+O,i.ty=ie.ty+G,de(),q();return}let x=ye(k,n),z=A;A=x?.file??null,m.style.cursor=x?"default":"grab",x?Ae(x,s.clientX,s.clientY):z&&de(),A!==z&&q()},_e=s=>{if(ae&&!ke){let u=w.getBoundingClientRect(),k=s.clientX-u.left,n=s.clientY-u.top,x=ye(k,n);S.selected=x?.file??null,r(),q()}ae=!1},Be=()=>{let s=A!==null;A=null,de(),s&&q()},te=s=>{s.preventDefault();let u=w.getBoundingClientRect(),k=s.clientX-u.left,n=s.clientY-u.top,x=Math.exp(-s.deltaY*.0015),z=F();if(x<1&&i.k<=z.k*1.0001){i.k=z.k;let K=Math.min(.4,(1-x)*3);i.tx+=(z.tx-i.tx)*K,i.ty+=(z.ty-i.ty)*K,q();return}let[O,G]=W(k,n),U=Math.max(z.k,Math.min(9.99,i.k*x));i.k=U,i.tx=k-O*i.k,i.ty=n-G*i.k,q()};w.addEventListener("mousedown",ue),window.addEventListener("mousemove",Pe),window.addEventListener("mouseup",_e),w.addEventListener("mouseleave",Be),w.addEventListener("wheel",te,{passive:!1});function oe(s){let u=F().k;s=Math.max(u,Math.min(9.99,s));let k=_/2,n=b/2,[x,z]=W(k,n);i.k=s,i.tx=k-x*i.k,i.ty=n-z*i.k,q()}let fe=p.querySelector("#g2-zoom-in"),He=p.querySelector("#g2-zoom-out"),Te=p.querySelector("#g2-zoom-fit");fe?.addEventListener("click",()=>oe(i.k*1.4)),He?.addEventListener("click",()=>oe(i.k/1.4)),Te?.addEventListener("click",()=>{f(),q()}),D();let Fe=new ResizeObserver(()=>D());Fe.observe(w);let dt=new MutationObserver(s=>{for(let u of s){let k=(u.oldValue||"").includes("report-fullscreen"),n=document.body.classList.contains("report-fullscreen");if(k!==n){l=0,C=0,v=!0,I=!0,S.layoutCache=null,setTimeout(()=>D(),80);return}q()}});dt.observe(document.body,{attributes:!0,attributeFilter:["class"],attributeOldValue:!0}),q(),S.graphState={requestDraw:q,_cleanup:()=>{L=!0,cancelAnimationFrame(H),Fe.disconnect(),dt.disconnect(),w.removeEventListener("mousedown",ue),window.removeEventListener("mousemove",Pe),window.removeEventListener("mouseup",_e),w.removeEventListener("mouseleave",Be),w.removeEventListener("wheel",te)}}}function Xo(e,t){let r=document.querySelector("graph-layout")?.shadowRoot;if(!r)return;let d=Et(e),p=r.querySelector("#g2-selection-area");p&&Se(It(d,t),p);let m=r.querySelector("#g2-focus-overlay-slot");m&&Se(_t(d),m)}function Jo(e){let t=document.querySelector("graph-layout")?.shadowRoot;if(!t)return;let r=t.querySelector("#g2-top-pkgs-block");r&&Se(Lt(Et(e)),r)}function Et(e){let t=zt(e.treeData,e.files,e.ownCounts,e.transitiveCounts,e.severitySets,e.colorSets,e.fileFindings,e.options);if(e.strippedToOrig)for(let r of t.nodes)r.origFile=e.strippedToOrig.get(r.file);return t}export{Gt as _swapGraph2Impl,so as attachGraph2Interaction,Et as buildGraphFromPrep,Xo as refreshSidebar,Jo as refreshTopPkgs};
1
+ var _t=globalThis[Symbol.for("@rray/frontend")];if(!_t)throw new Error("@rray/frontend global not installed; view.js must run before lazy bundles import this wrapper");var{LitElement:Lt,html:j,nothing:eo,unsafeCSS:ct,render:Ue,StateElement:ko,classMap:Ce,repeat:It,styleMap:Qe}=_t;var Ft=`*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:host{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;grid-template-areas:"topbar right" "stage right";min-height:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--graph-canvas-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-size:12px}.graph2-layout{display:contents}.graph2-topbar{grid-area:topbar;display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem;font-size:.825rem;background:var(--surface);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--graph-divider)}.graph2-topbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:0}.graph2-topbar .g2-spacer{flex:1}.graph2-topbar triage-selector{margin-left:auto}.g2-icon-btn{width:28px;height:28px;border-radius:5px;background:var(--graph-hover-bg);border:1px solid var(--border);color:var(--muted);display:grid;place-items:center;font-family:inherit;&:hover{color:var(--accent);border-color:var(--accent)}& svg{display:block}}.g2-path-filter-wrap{position:relative;flex:0 0 14rem;padding-right:22px}.g2-path-filter-wrap .g2-path-filter-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:18px;height:18px;background:transparent;border:0;border-radius:50%;color:var(--muted);font:400 10px/1 inherit;font-family:inherit;&:hover{color:var(--text);background:var(--surface-active)}}.g2-path-filter:placeholder-shown~.g2-path-filter-clear{display:none}.g2-topbar-toggle{display:inline-flex;align-items:center;height:30px;box-sizing:border-box;gap:8px;padding:5px 10px;background:var(--graph-hover-bg);border:1px solid var(--border);border-radius:6px;color:var(--muted);font:500 11px/1 inherit;font-family:inherit;white-space:nowrap;&:hover{color:var(--text)}&.on{color:var(--text)}&.on .g2-switch{background:color-mix(in srgb,var(--accent) 22%,transparent)}&.on .g2-switch:after{transform:translate(12px);background:var(--accent)}}.g2-trash-btn.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--accent)}.graph2-right{grid-area:right;border-left:1px solid var(--graph-divider);background:var(--surface);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;overflow:hidden;padding:14px}.g2-panel-title{font-family:inherit;font-weight:600;font-size:11px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.85;margin:14px 0 8px;display:flex;align-items:baseline;gap:6px;&:first-child{margin-top:0}}.g2-count{color:var(--muted);opacity:.6;font-weight:400;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;text-transform:none;letter-spacing:0;font-size:10px}.g2-panel-title-row{justify-content:space-between;gap:8px}#g2-top-pkgs-block{margin-top:14px;flex:1 1 0;min-height:0;display:flex;flex-direction:column}.g2-mini-tabs{display:flex;gap:1px;background:var(--graph-divider);border-radius:4px;overflow:hidden}.g2-mini-tab{background:transparent;border:0;color:var(--muted);font-family:inherit;font-weight:500;font-size:11px;line-height:1.4;text-transform:none;letter-spacing:0;padding:2px 7px;&:hover{color:var(--text);background:var(--graph-hover-bg)}&.on{background:var(--surface-active);color:var(--accent)}}.g2-switch{width:26px;height:14px;background:var(--border);border-radius:8px;position:relative;transition:background .15s;flex-shrink:0;&:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}}.graph2-stage{grid-area:stage;position:relative;background:var(--graph-canvas-bg);overflow:hidden;cursor:grab;&:active{cursor:grabbing}& canvas{position:absolute;inset:0;width:100%;height:100%;display:block}}.g2-stage-overlay{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:calc(100% - 60px)}.g2-stage-overlay>*{pointer-events:auto}.g2-stage-stats{position:absolute;bottom:10px;left:12px;z-index:2;display:flex;flex-wrap:wrap;gap:2px 14px;font:500 10px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:var(--muted);opacity:.7;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;max-width:calc(100% - 80px);& b{font-weight:600;color:var(--text);opacity:1}}.g2-stage-overlay-tr{position:absolute;top:12px;right:12px;z-index:3;pointer-events:auto}.g2-focus-pkg-btn{width:28px;height:28px;display:grid;place-items:center;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;color:var(--accent);box-shadow:var(--shadow-glass);&:hover{border-color:var(--accent);background:var(--surface-active)}& svg{display:block}}.g2-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;color:var(--accent);font:500 11px/1 inherit;font-family:inherit;box-shadow:var(--shadow-glass);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:flex-start;&:hover{border-color:var(--accent);background:var(--surface-active)}}.g2-zoom-ctrl{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;overflow:hidden;z-index:3;box-shadow:var(--shadow-glass);& button{width:28px;height:28px;background:transparent;border:0;color:var(--muted);border-bottom:1px solid var(--graph-divider);display:grid;place-items:center;font-family:inherit;font-size:13px;&:last-child{border-bottom:0}&:hover{color:var(--accent);background:var(--surface-active)}}}.g2-zoom-pct{font:500 9px/1 ui-monospace,monospace;color:var(--muted);padding:5px 0;text-align:center;border-bottom:1px solid var(--graph-divider)}.g2-zoom-ctrl .g2-zoom-fit-btn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:600;font-size:9px;line-height:1;letter-spacing:-.02em;text-transform:lowercase}.g2-tooltip{position:absolute;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:7px;padding:9px 11px;pointer-events:none;min-width:170px;max-width:260px;opacity:0;transition:opacity .12s;z-index:10;box-shadow:var(--shadow-glass);&.show{opacity:1}}.g2-tt-path{font:500 11px/1.3 ui-monospace,monospace;color:var(--text);word-break:break-all;margin-bottom:4px}.g2-tt-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.g2-tt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.g2-tt-pkg{font-size:10px;color:var(--muted);word-break:break-all}.g2-tt-badge{display:inline-block;font-size:8px;padding:2px 4px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);border-radius:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.g2-tooltip .tree-count-chips{margin-top:6px}:host-context(body.theme-light) .graph2-right .tree-count-chip.medium,:host-context(body.theme-light) .g2-tooltip .tree-count-chip.medium{color:#fff}.g2-selection-card{background:var(--graph-hover-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.g2-sel-head{padding:11px 13px;border-bottom:1px solid var(--graph-divider);display:flex;align-items:center;gap:8px}.g2-sel-file-head{padding:11px 13px;border-bottom:1px solid var(--graph-divider);display:flex;flex-direction:column;gap:6px}.g2-sel-path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:600;font-size:12px;line-height:1.3;color:var(--text);word-break:break-all}.g2-sel-pkg-row{display:flex;align-items:center;gap:6px;min-width:0}.g2-sel-pkg{font-size:11px;color:var(--muted);word-break:break-all;min-width:0}.g2-sel-fullpath{padding:7px 13px;border-bottom:1px solid var(--graph-divider);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-sel-size{padding:5px 13px 7px;border-bottom:1px solid var(--graph-divider);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:10px;line-height:1.3;color:var(--muted);font-variant-numeric:tabular-nums}.g2-sel-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--dot) 22%,transparent);flex-shrink:0}.g2-sel-id{font:600 12px/1 ui-monospace,monospace;color:var(--text);word-break:break-all;flex:1;min-width:0}.g2-sel-grp{font:500 9px/1 ui-monospace,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.g2-sel-body{padding:11px 13px}.g2-sel-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:5px 0;border-bottom:1px solid var(--graph-divider);&:last-child{border-bottom:0}.k{color:var(--muted);flex-shrink:0}.v{color:var(--text);font-family:ui-monospace,monospace;word-break:break-all;text-align:right;min-width:0}}.g2-sel-section{padding:9px 13px;border-top:1px solid var(--graph-divider)}.g2-sel-section-label{font-family:inherit;font-weight:600;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.85;margin-bottom:5px}.g2-sel-section-empty{color:var(--muted);opacity:.55;font-size:11px;font-style:italic}.g2-sel-jumps{padding:11px 13px;display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid var(--graph-divider)}.g2-sel-jump{background:var(--surface-active);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:2px 8px;font-family:inherit;font-weight:500;font-size:11px;line-height:1.3;&:hover{border-color:var(--accent)}}.g2-sel-file-list{list-style:none;margin:0;padding:0;max-height:110px;overflow:hidden auto;-webkit-app-region:no-drag;app-region:no-drag;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}& li{padding:0}}.g2-sel-file-link{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:0;border-radius:3px;padding:3px 6px;font:400 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:var(--accent);text-align:left;&:hover{background:var(--graph-hover-bg)}.g2-sel-file-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.g2-sel-file-path{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.g2-empty-state{background:var(--graph-hover-bg);border:1px dashed var(--border);border-radius:8px;padding:18px 14px;text-align:center;color:var(--muted);font-size:11px;line-height:1.5;& strong{color:var(--text);display:block;margin-bottom:4px;font-weight:500}}.g2-dist-bar{width:100%;height:5px;border-radius:3px;overflow:hidden;display:flex;background:var(--surface-active);margin-bottom:8px;>span{display:block;height:100%}}.g2-dist-list{display:flex;flex-direction:column;gap:2px;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:none;-webkit-app-region:no-drag;app-region:no-drag;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border) transparent;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}.g2-dist-empty{color:var(--muted);opacity:.55;font-size:10px;font-style:italic;padding:6px 0;text-align:center}.g2-dist-item{display:grid;grid-template-columns:8px 1fr auto auto;gap:8px;align-items:center;font-size:10px;padding:4px 6px;margin:0 -6px;background:transparent;border:0;border-radius:4px;font-family:inherit;text-align:left;width:calc(100% + 12px);&:hover{background:var(--graph-hover-bg)}&.on{background:var(--surface-active);.g2-dist-name{color:var(--accent)}}.g2-dist-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.g2-dist-name{color:var(--muted);font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-dist-count{font-family:ui-monospace,monospace;color:var(--text)}.g2-dist-pct{font-family:ui-monospace,monospace;color:var(--muted);width:36px;text-align:right;opacity:.85}}@media print{:host{display:none!important}}
2
+ `;var Ht=`.tree-count-chips{display:inline-flex;gap:.25rem;flex-wrap:wrap}.tree-count-chip{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:3px;line-height:1.3;&.critical{background:var(--critical);color:#fff}&.high{background:var(--high);color:#fff}&.medium{background:var(--medium);color:#000}&.low{background:var(--low);color:#000}&.high_bug{background:var(--high-bug);color:#fff}&.bug{background:var(--bug);color:#fff}&.informational{background:var(--info);color:#fff}}
3
+ `;var At=`.toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;background:var(--surface);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-glass);font-size:.825rem;& label{color:var(--muted);margin-right:.15rem}& select{height:30px;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.25rem .4rem;font-size:.8rem;&:focus{border-color:var(--accent);outline:none}}& select.sort-select{padding:.3rem 1.7rem .3rem .55rem;min-width:8.5rem;font-weight:500;appearance:none;-webkit-appearance:none;background:transparent}:is(repo-filter,findings-sort){position:relative;display:inline-block;&:after{content:"";position:absolute;right:.7rem;top:50%;width:.35rem;height:.35rem;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}}& analyzer-select{position:relative;display:inline-block}.analyzer-btn{display:inline-flex;align-items:center;gap:.45rem;height:30px;box-sizing:border-box;padding:.3rem .55rem;min-width:8.5rem;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.8rem;font-weight:500;&:hover{border-color:var(--accent)}&:focus-visible{border-color:var(--accent);outline:none}&.active{color:var(--accent)}.analyzer-btn-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18rem}& svg{color:var(--muted);flex-shrink:0}}& range-slider{color:var(--accent);margin:0 .25rem}.conf-vals{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;.dash{color:var(--muted);margin:0 .15rem}}& conf-filter{display:inline-flex;align-items:center;height:30px;box-sizing:border-box;padding:0 .55rem;gap:.5rem;background:transparent;border:1px solid var(--border);border-radius:4px;.conf-range-label{color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:.04em}& range-slider{margin:0}}& input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.25rem .4rem;font-size:.8rem;flex:1;min-width:8rem;&:focus{border-color:var(--accent);outline:none}}.sep{border-left:1px solid var(--border);height:1.2rem}.result-count{color:var(--muted);margin-left:auto}.checkbox-label{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);& input{margin:0}}}.analyzer-menu[popover]{position:fixed;inset:auto;margin:0;align-items:stretch;gap:.35rem;padding:.3rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000040;font-size:.825rem;-webkit-app-region:no-drag;app-region:no-drag}.analyzer-menu[popover]:not(:popover-open){display:none}.analyzer-menu[popover]:popover-open{display:flex}.analyzer-menu-sep{border-left:1px solid var(--border)}.analyzer-menu-col{display:flex;flex-direction:column;gap:1px;min-width:9rem;max-height:60vh;overflow-y:auto}.analyzer-menu-head{padding:.25rem .5rem .2rem;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.analyzer-menu-item{display:flex;align-items:center;gap:.45rem;background:transparent;border:0;border-radius:3px;padding:.3rem .5rem;color:var(--text);text-align:left;font-family:inherit;font-size:.78rem;&:before{content:"";width:.8rem;flex-shrink:0}&.active:before{content:"\\2713";color:var(--accent)}&:hover{background:var(--surface)}&.zero{opacity:.45}.analyzer-menu-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem}.analyzer-menu-count{color:var(--muted);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}}.trash-btn{height:30px;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.25rem .55rem;font-size:.8rem;font-family:inherit;&:hover{border-color:var(--accent)}&.active{border-color:var(--critical);color:var(--critical)}}.toolbar .trash-btn{margin-left:auto}triage-selector,slide-triage-tabs{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden}.toolbar triage-selector{margin-left:auto}triage-selector.is-empty{display:none}.triage-state-btn{background:transparent;border:none;color:var(--muted);padding:0 .55rem;display:inline-flex;align-items:center;transition:background .12s,color .12s;font-family:inherit;font-size:.8rem;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{background:var(--surface-active)}}.triage-state-btn.active.triage-state-deleted{color:var(--critical)}.triage-state-btn.active.triage-state-fixed{color:var(--green, #4ade80)}.triage-state-btn.active.triage-state-inprogress{color:var(--warning, #d97706)}.triage-state-btn.active.triage-state-invalid{color:var(--muted)}.triage-state-btn.active.triage-state-ignored{color:var(--accent, #2563eb)}entity-search{display:contents}view-mode-buttons{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden;.view-mode-btn{background:transparent;border:none;color:var(--muted);padding:.28rem .5rem;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s;font-family:inherit;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{color:var(--accent);background:var(--surface-active)}& svg{display:block}}}source-filter{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden;.source-chip{background:transparent;border:none;color:var(--muted);padding:0 .55rem;display:inline-flex;align-items:center;transition:background .12s,color .12s;font-family:inherit;font-size:.75rem;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{color:var(--accent);background:var(--surface-active)}}}severity-mode-switch{display:inline-flex;align-items:center;gap:.4rem;height:30px;box-sizing:border-box;.severity-mode-label{color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:.04em}.severity-mode-chips{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden}.severity-mode-chip{background:transparent;border:none;color:var(--muted);padding:0 .55rem;display:inline-flex;align-items:center;transition:background .12s,color .12s;font-family:inherit;font-size:.75rem;cursor:pointer;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.active{color:var(--accent);background:var(--surface-active)}}}annotation-filter{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden;.annotation-chip{position:relative;background:transparent;border:none;color:var(--muted);padding:0 .45rem;display:inline-flex;align-items:center;transition:background .12s,color .12s;cursor:pointer;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}&.sel-with,&.sel-without{color:var(--accent);background:var(--surface-active)}&.sel-with .flag-cloth{fill:var(--accent)}&.sel-without:after{content:"";position:absolute;left:18%;right:18%;top:50%;height:1.5px;background:currentcolor;border-radius:1px;transform:rotate(-20deg);transform-origin:center;pointer-events:none}& svg{display:block}}}.toolbar-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.search-row{display:inline-flex;align-items:center;gap:.65rem;flex:1 1 14rem;min-width:12rem}toolbar-search,.toolbar-search{display:inline-flex;align-items:center;gap:.5rem;flex:1;min-width:0;height:30px;box-sizing:border-box;padding:0 .65rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;&:has(input:focus){border-color:var(--accent)}>svg{color:var(--muted);flex-shrink:0}&[kind] input[type=text],&.toolbar-search input[type=text]{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font:inherit;font-size:.8rem;padding:0;&:focus{border:0}&::placeholder{color:var(--muted)}&:focus::placeholder{color:transparent}&::-webkit-search-cancel-button{display:none}}}.search-negate-btn{flex-shrink:0;width:20px;height:20px;display:grid;place-items:center;background:transparent;color:var(--muted);border:0;border-radius:3px;padding:0;transition:background .12s,color .12s;& svg{width:13px;height:13px}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .08)}&.active{color:var(--accent);background:rgb(from var(--text) r g b / .1)}}@media(width<=1200px){.toolbar-row.sev-row .search-row{flex-basis:100%}}.findings-content.with-details .toolbar{max-width:1200px}severity-chips{display:inline-flex;height:30px;box-sizing:border-box;border:1px solid var(--border);border-radius:4px;overflow:hidden}.sev-chip{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:0;padding:0 .6rem;color:var(--muted);font-family:inherit;font-size:.8rem;transition:background .12s,color .12s;&:not(:last-child){border-right:1px solid var(--border)}&:hover{color:var(--text);background:rgb(from var(--text) r g b / .06)}.sd{width:8px;height:8px;border-radius:2px;flex-shrink:0;background:currentcolor}.n{align-self:flex-start;margin:1px -5px 0;color:var(--muted);font-variant-numeric:tabular-nums;font-size:8.5px;font-weight:600;background:var(--bg);border-radius:999px;padding:0 3px;min-width:11px;text-align:center;line-height:11px}&.active{color:var(--text);.n{color:var(--text)}}&.critical .sd{background:var(--critical)}&.high .sd{background:var(--high)}&.medium .sd{background:var(--medium)}&.low .sd{background:var(--low)}&.high_bug .sd{background:var(--high-bug)}&.bug .sd{background:var(--bug)}&.informational .sd{background:var(--info)}&.critical.active{background:rgb(from var(--critical) r g b / .25)}&.high.active{background:rgb(from var(--high) r g b / .25)}&.medium.active{background:rgb(from var(--medium) r g b / .25)}&.low.active{background:rgb(from var(--low) r g b / .25)}&.high_bug.active{background:rgb(from var(--high-bug) r g b / .25)}&.bug.active{background:rgb(from var(--bug) r g b / .25)}&.informational.active{background:rgb(from var(--info) r g b / .25)}}triage-filter{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:3px;height:30px;gap:1px;& button{width:22px;height:22px;background:transparent;border:0;border-radius:4px;padding:0;display:grid;place-items:center;position:relative;transition:background .12s;&:hover{background:rgb(from var(--text) r g b / .06)}&.active{background:rgb(from var(--text) r g b / .08);box-shadow:0 0 0 1px var(--border)}}.td{width:12px;height:12px;border-radius:50%;border:1.5px solid currentcolor;background:transparent;transition:background .12s}& button.active .td{background:currentcolor}.td.none{border-style:dashed;color:var(--muted)}.td.r{color:#fc5855}.td.b{color:#30aff8}.td.g{color:#68c36d}.td.x{color:#6e7278}.count{position:absolute;top:-2px;right:-2px;background:var(--bg);color:var(--muted);font-size:8.5px;font-weight:600;border-radius:999px;padding:0 3px;min-width:11px;text-align:center;line-height:11px;font-variant-numeric:tabular-nums}}
4
+ `;var zo=new TextEncoder,Po=new TextDecoder("utf-8",{fatal:!0,ignoreBOM:!0});var ke=["critical","high","medium","low","high_bug","bug","informational"];function gt(t){return new RegExp(`(^|/)${t}/`,"u")}function ro(t){return new RegExp(`^(?:.*/)?${t}/(?:@[^/]+/[^/]+|[^/]+)/(.*)$`,"u")}var Ao=gt("node_modules"),Eo=gt("vendor"),ht="node_modules",To=gt(ht),Bo=ro(ht);function dt(){return ht}function et(t){return typeof t!="number"||!Number.isFinite(t)?null:`${t.toLocaleString()} B`}function io(){return{showAll:!1,splitOwnDirs:!1,packagesView:!1,selected:null,focusedPkg:null,topPkgsTab:"issues",edgeOpacity:.22,nodeSize:1,showLabels:!1,selectedSeverities:new Set,selectedColors:new Set,pathFilter:"",hidden:new Set,solo:null,graphState:null,layoutCache:null}}var Re=io(),k=new Proxy(Re,{get(t,o){return Re[o]},set(t,o,i){return Re[o]=i,!0},has(t,o){return o in Re},deleteProperty(t,o){return delete Re[o]},ownKeys(){return Reflect.ownKeys(Re)},getOwnPropertyDescriptor(t,o){return Object.getOwnPropertyDescriptor(Re,o)}});function Et(){k.graphState?._cleanup&&k.graphState._cleanup(),k.graphState=null}function so(t){t&&(Re=t)}function ft(t){if(!t)return null;let o=dt(),i=new RegExp(`^(?:.*/)?${o}/(@[^/]+/[^/]+|[^/]+)`,"u"),l=t.match(i);if(l)return l[1];let y=t.indexOf("/");return y>0?t.slice(0,y):"/"}var ao=["#4e9af1","#f28e2b","#59a14f","#e15759","#76b7b2","#edc948","#b07aa1","#ff9da7","#9c755f","#5cd1e5","#f1ce63","#d37295","#a0cbe8","#86bcb6","#8cd17d","#b6992d","#499894","#e15759","#e879c7","#d4a6c8"],Tt=["#2f8aef","#d2691e","#2ea043","#e63946","#2e9a92","#b88817","#9560e8","#d24a9c","#8a5d40","#0891b2","#a07a14","#c14e8e","#1f7ad0","#549b94","#3fb95f","#a07a14","#2a8278","#cb2c40","#c026d3","#965f93"];function lo(){if(typeof document>"u")return!1;let t=document.body?.classList;return!!t&&(t.contains("theme-light")||t.contains("theme-pink"))}var bt=new Map;function ne(t){let o=lo()?Tt:ao,l=`${o===Tt?"l":"d"}:${t??"__own__"}`;if(bt.has(l))return bt.get(l);let y=t??"__own__",x=0;for(let M of y)x=x*37+M.codePointAt(0)|0;let c=((x%o.length+o.length)%o.length*7+3)%o.length,v=o[c];return bt.set(l,v),v}function Bt(t){if(!t)return 0;let o=0;for(let i of ke)o+=t[i]??0;return o}function Ot(t){if(!t)return null;for(let o of ke)if((t[o]??0)>0)return o;return null}function Nt(t,o,i,l,y,x,h,c={}){let v=c.pkgOf??ft,M=new Set(o),e=new Map,z=new Map;for(let g of o){let R=(t[g].imports??[]).filter(Y=>M.has(Y));e.set(g,R);for(let Y of R)z.has(Y)||z.set(Y,[]),z.get(Y).push(g)}let _=o.map(g=>{let R=i.get(g),Y=l?.get(g)??null,ee=Bt(R),E=v(g)??"__own__",J=Ot(R);return{id:g,file:g,pkg:E,x:0,y:0,deg:0,issue:J,totalIssues:ee,own:R,subtree:Y,size:typeof t[g]?.size=="number"?t[g].size:null,severitySet:y?.get(g)??null,colorSet:x?.get(g)??null,findings:h?.get(g)??null,isHub:!1,label:g.split("/").pop()??g}}),L=new Map(_.map(g=>[g.file,g])),d=new Map;for(let g of o)for(let R of e.get(g)??[]){let[Y,ee]=g<R?[g,R]:[R,g],E=`${Y}\0${ee}`,J=d.get(E);if(!J){let T=L.get(Y),B=L.get(ee);if(!T||!B)continue;J={a:Y,b:ee,cross:T.pkg!==B.pkg,fromLo:!1,fromHi:!1},d.set(E,J),T.deg++,B.deg++}g===Y?J.fromLo=!0:J.fromHi=!0}let N=[...d.values()],a=new Map;for(let g=0;g<N.length;g++){let R=N[g];a.has(R.a)||a.set(R.a,[]),a.has(R.b)||a.set(R.b,[]),a.get(R.a).push(g),a.get(R.b).push(g)}let f=new Map;for(let g of _)f.set(g.pkg,(f.get(g.pkg)??0)+1);let A=[...f.entries()].toSorted((g,R)=>R[1]-g[1]).map(([g])=>g),F=new Map;for(let g of _)F.has(g.pkg)||F.set(g.pkg,[]),F.get(g.pkg).push(g);let W={files:o,nodes:_,nodeByFile:L,edges:N,adj:a,importsOf:e,importedBy:z,packages:A,pkgCount:f,byPkg:F};return co(W),W}function co(t){for(let o of t.nodes)o.isHub=!1;for(let o of t.edges)o.cross&&(o.fromLo&&(t.nodeByFile.get(o.b).isHub=!0),o.fromHi&&(t.nodeByFile.get(o.a).isHub=!0));for(let o of t.nodes){let i=t.importedBy.get(o.file);(!i||i.length===0)&&(o.isHub=!0)}}function Dt(t){let o=t.packages.map(c=>{let v=t.byPkg.get(c)??[],M={};for(let a of ke)M[a]=0;let e=new Set,z=new Set,_=[],L=0,d=0,N=!1;for(let a of v){if(L+=a.totalIssues,a.own)for(let f of ke)M[f]+=a.own[f]??0;if(a.severitySet)for(let f of a.severitySet)e.add(f);if(a.colorSet)for(let f of a.colorSet)z.add(f);typeof a.size=="number"&&(d+=a.size,N=!0),_.push(a.file)}return{file:c,pkg:c,label:c==="__own__"?"own source":c,fileCount:v.length,size:N?d:null,own:M,totalIssues:L,issue:Ot(M),severitySet:e.size>0?e:null,colorSet:z.size>0?z:null,pathText:_.join(`
5
+ `).toLowerCase(),isHub:!0,x:0,y:0,deg:0}}),i=new Map(o.map(c=>[c.pkg,c])),l=new Map;for(let c of t.edges){if(!c.cross)continue;let v=t.nodeByFile.get(c.a)?.pkg,M=t.nodeByFile.get(c.b)?.pkg;if(!v||!M||v===M)continue;let[e,z]=v<M?[v,M]:[M,v],_=`${e}\0${z}`,L=l.get(_);L||(L={a:e,b:z,cross:!0,count:0,fromLo:!1,fromHi:!1},l.set(_,L),i.get(e).deg++,i.get(z).deg++),L.count++;let d=v===e;c.fromLo&&(d?L.fromLo=!0:L.fromHi=!0),c.fromHi&&(d?L.fromHi=!0:L.fromLo=!0)}let y=[...l.values()],x=new Map;for(let c=0;c<y.length;c++){let v=y[c];x.has(v.a)||x.set(v.a,[]),x.has(v.b)||x.set(v.b,[]),x.get(v.a).push(c),x.get(v.b).push(c)}let h=new Map(o.map(c=>[c.pkg,[]]));for(let c of y)c.fromLo&&h.get(c.a).push(c.b),c.fromHi&&h.get(c.b).push(c.a);return{nodes:o,byPkg:i,nodeByFile:i,edges:y,adj:x,importsOf:h}}function ut(t,o){if(!o||o==="/"||o==="__own__")return t;for(let i of["node_modules","dependencies",dt()]){let l=i+"/"+o+"/",y=t.indexOf(l);if(y>=0)return t.slice(y+l.length)}return t.startsWith(o+"/")?t.slice(o.length+1):t}function qt(t,o){let i=o.extraTopRow,l=o.hideAllFiles??!1,y=o.triageCounts??{inprogress:0,fixed:0,invalid:0,deleted:0},x=o.triageStates??["inprogress","fixed","invalid","deleted"],h={};for(let f of ke)h[f]=0;for(let f of t.nodes)if(f.severitySet)for(let A of f.severitySet)h[A]!==void 0&&h[A]++;let c=ke.some(f=>h[f]>0||k.selectedSeverities.has(f)),v=["none","red","blue","green","gray"],M={none:0,red:0,blue:0,green:0,gray:0};for(let f of t.nodes)if(f.colorSet)for(let A of f.colorSet)M[A]!==void 0&&M[A]++;let e=v.some(f=>M[f]>0||k.selectedColors.has(f)),z=j`<triage-selector variant="graph" .counts="${y}" .states="${x}"></triage-selector>`,_=l?null:j`<button type="button" class="${Ce({"g2-topbar-toggle":!0,on:k.showAll})}" data-g2-show-all aria-pressed="${String(k.showAll)}"><span>All files</span><span class="g2-switch"></span></button>`,d=o.showSplitOwnDirs??!1?j`<button type="button" class="${Ce({"g2-topbar-toggle":!0,on:k.splitOwnDirs})}" data-g2-split-own aria-pressed="${String(k.splitOwnDirs)}" title="Split your own source into a group per top-level directory (off: one 'own source' group)"><span>Split dirs</span><span class="g2-switch"></span></button>`:null,a=o.showPackagesView??!1?j`<button type="button" class="${Ce({"g2-topbar-toggle":!0,on:k.packagesView})}" data-g2-packages-view aria-pressed="${String(k.packagesView)}" title="Show one node per package with aggregated import edges (off: one node per file)"><span>Packages</span><span class="g2-switch"></span></button>`:null;return j`<div class="graph2-topbar">${i?j`<div class="graph2-topbar-row graph2-topbar-row-extra toolbar-row">${i} ${_} ${d} ${a}<div class="g2-spacer"></div>${z}</div>`:null}<div class="graph2-topbar-row graph2-topbar-row-main toolbar-row sev-row">${c?j`<severity-chips .counts="${h}" .selected="${[...k.selectedSeverities]}" kind="graph"></severity-chips>`:null} ${e?j`<triage-filter .counts="${M}" .selected="${[...k.selectedColors]}" kind="graph"></triage-filter>`:null}<div class="toolbar-search g2-path-filter-wrap"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg> <input type="text" class="g2-path-filter" id="g2-path-filter" placeholder="filter path/package…" .value="${k.pathFilter}"> <button type="button" class="g2-path-filter-clear" id="g2-path-filter-clear" title="Clear filter" aria-label="Clear filter">✕</button></div>${i?null:_} ${i?null:d} ${i?null:a}<div class="g2-spacer"></div>${i?null:z} <button type="button" class="g2-icon-btn" id="g2-fullscreen" title="Toggle fullscreen">⛶</button></div></div>`}function fo(t,o){let i=t.split("/").filter(Boolean),l=o.split("/").filter(Boolean),y=0;for(;y<i.length&&y<l.length&&i[y]===l[y];)y++;let x=i.length-y,h=l.slice(y).join("/");return x===0?"./"+h:"../".repeat(x)+h}function uo(t,o){if(!o&&o!=="")return t;let i=fo(o,t);return i.length<t.length?i:t}function mt(t,o,i,l){let y=i.length;if(y===0)return j`<div class="g2-sel-section"><div class="g2-sel-section-label">${o} (${y})</div><div class="g2-sel-section-empty">none</div></div>`;let x=i.map(h=>({file:h,display:uo(h,l)}));return x.sort((h,c)=>h.display.localeCompare(c.display)),j`<div class="g2-sel-section"><div class="g2-sel-section-label">${o} (${y})</div><ul class="g2-sel-file-list">${x.map(({file:h,display:c})=>{let v=t.nodeByFile.get(h),M=v?ne(v.pkg):"#666";return j`<li><button type="button" class="g2-sel-file-link" data-g2-select="${h}" title="${h}"><span class="g2-sel-file-dot" style="${Qe({background:M})}"></span> <span class="g2-sel-file-path">${c}</span></button></li>`})}</ul></div>`}function tt(t){if(!t)return j`<div class="g2-sel-section-empty">none</div>`;let i=["critical","high","medium","low","high_bug","bug","informational"].filter(l=>(t[l]??0)>0);return i.length===0?j`<div class="g2-sel-section-empty">none</div>`:j`<div class="tree-count-chips">${i.map(l=>j`<span class="${`tree-count-chip ${l}`}">${t[l]} ${l.replaceAll("_"," ")}</span>`)}</div>`}function jt(t){let o=0;for(let h of t.edges)h.cross&&o++;let i=t.edges.length-o,l=0;for(let h of t.nodes)l+=h.totalIssues;let y=t.nodes.length===0?"0.0":(t.edges.length*2/t.nodes.length).toFixed(1),x=k.focusedPkg==="__own__"?"own source":k.focusedPkg;return j`<main class="graph2-stage"><canvas id="g2-canvas"></canvas>${k.focusedPkg?j`<div class="g2-stage-overlay"><button type="button" class="g2-back-btn" id="g2-back-to-full" title="Back to the full graph">← ${x}</button></div>`:null}<div id="g2-focus-overlay-slot" class="g2-stage-overlay-tr"></div><div class="g2-stage-stats"><span><b>${t.nodes.length}</b> files</span> <span><b>${t.packages.length}</b> packages</span> <span><b>${t.edges.length}</b> edges (${i} intra · ${o} cross)</span> <span><b>${l}</b> issues</span> <span>avg degree <b>${y}</b></span></div><div class="g2-zoom-ctrl"><button id="g2-zoom-in" title="Zoom in">+</button><div class="g2-zoom-pct" id="g2-zoom-pct">100%</div><button id="g2-zoom-out" title="Zoom out">−</button> <button id="g2-zoom-fit" class="g2-zoom-fit-btn" title="Fit to view">fit</button></div><div class="g2-tooltip" id="g2-tooltip"></div></main>`}function Vt(t){let o=null;if(k.selected){let l=t.nodeByFile.get(k.selected);l&&(o=l.pkg)}else k.solo&&(o=k.solo);return!o||(t.pkgCount.get(o)??0)<=1||k.focusedPkg===o?null:j`<button type="button" class="g2-focus-pkg-btn" data-g2-focus-pkg="${o}" title="${`Focus on ${o==="__own__"?"own source":o}'s graph`}"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 4.6 L4 11 M8 4.6 L12 11 M5 11.4 L11 11.4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><circle cx="8" cy="3.6" r="2" fill="currentColor"/><circle cx="3.6" cy="11.4" r="2" fill="currentColor"/><circle cx="12.4" cy="11.4" r="2" fill="currentColor"/></svg></button>`}function Ut(){return j`<aside class="graph2-right"><div class="g2-panel-title">Selection</div><div id="g2-selection-area"></div><div id="g2-top-pkgs-block"></div></aside>`}function Gt(t){let o=k.showAll&&t.nodes.length>0&&t.nodes.every(y=>typeof y.size=="number"),i=t.nodes.some(y=>y.totalIssues>0),l=k.topPkgsTab;return l==="size"&&!o&&(l="files"),l==="issues"&&!i&&(l="files"),j`<div class="g2-panel-title g2-panel-title-row"><span>Packages</span><div class="g2-mini-tabs">${i?j`<button type="button" class="${Ce({"g2-mini-tab":!0,on:l==="issues"})}" data-g2-top-pkgs="issues">Issues</button>`:null} <button type="button" class="${Ce({"g2-mini-tab":!0,on:l==="files"})}" data-g2-top-pkgs="files">Files</button> ${o?j`<button type="button" class="${Ce({"g2-mini-tab":!0,on:l==="size"})}" data-g2-top-pkgs="size">Size</button>`:null}</div></div>${ho(t,l)}`}function Wt(t,o={}){let i=k.selected;if(i){let l=t.nodeByFile.get(i);return l?po(t,l,i,o):j`<div class="g2-empty-state"><strong>File not in current view</strong>Adjust filters or pick another file.</div>`}return k.solo?go(t,k.solo):j`<div class="g2-empty-state">Click a node or a package row to inspect.</div>`}function po(t,o,i,l){let y=ne(o.pkg),x=o.pkg==="__own__"?"own source":o.pkg,h=ut(i,o.pkg),c=t.importedBy.get(i)??[],v=t.importsOf.get(i)??[],M=i.lastIndexOf("/"),e=M>=0?i.slice(0,M):"";return j`<div class="g2-selection-card"><div class="g2-sel-file-head"><div class="g2-sel-path">${h}</div><div class="g2-sel-pkg-row"><span class="g2-sel-dot" style="${Qe({"--dot":y,background:y})}"></span> <span class="g2-sel-pkg">${x}</span></div></div><div class="g2-sel-fullpath" title="${i}">${i}</div>${et(o.size)?j`<div class="g2-sel-size">${et(o.size)}</div>`:null}<div class="g2-sel-section"><div class="g2-sel-section-label">Own findings</div>${tt(o.own)}</div><div class="g2-sel-section"><div class="g2-sel-section-label">Subtree findings</div>${tt(o.subtree)}</div><div class="g2-sel-jumps">${o.totalIssues>0?j`<button type="button" class="g2-sel-jump" data-g2-jump-findings="${i}">Findings →</button>`:null} ${l.isBundleContext?o.origFile?j`<button type="button" class="g2-sel-jump" data-bundle-view-source="${o.origFile}">View source →</button>`:null:j`<button type="button" class="g2-sel-jump" data-g2-jump-file="${i}">Files →</button>`}</div>${mt(t,"Imported by",c,e)} ${mt(t,"Imports",v,e)}</div>`}function go(t,o){let i=t.nodes.filter(z=>z.pkg===o),l=i.length;if(l===0)return j`<div class="g2-empty-state"><strong>Package has no files in view</strong> Toggle "All files" to widen the file set, or pick another package.</div>`;let y=ne(o),x=o==="__own__"?"own source":o,h={};for(let z of ke)h[z]=0;for(let z of i)if(z.own)for(let _ of ke)h[_]+=z.own[_]??0;let c=0,v=0;for(let z of t.edges){let _=t.nodeByFile.get(z.a),L=t.nodeByFile.get(z.b);!_||!L||(_.pkg===o&&L.pkg===o?v++:(_.pkg===o||L.pkg===o)&&c++)}let M=0;for(let z of i)z.isHub&&M++;let e=new Set;for(let z of i)for(let _ of t.importedBy.get(z.file)??[]){let L=t.nodeByFile.get(_);L&&L.pkg!==o&&e.add(_)}return j`<div class="g2-selection-card"><div class="g2-sel-head"><span class="g2-sel-dot" style="${Qe({"--dot":y,background:y})}"></span> <span class="g2-sel-id">${x}</span> <span class="g2-sel-grp">package</span></div><div class="g2-sel-body"><div class="g2-sel-row"><span class="k">Files</span><span class="v">${l}</span></div><div class="g2-sel-row"><span class="k">Hubs</span><span class="v">${M}</span></div><div class="g2-sel-row"><span class="k">Intra edges</span><span class="v">${v}</span></div><div class="g2-sel-row"><span class="k">Cross edges</span><span class="v">${c}</span></div></div><div class="g2-sel-section"><div class="g2-sel-section-label">Findings</div>${tt(h)}</div>${mt(t,"Imported by",[...e])}</div>`}function ho(t,o){let i=t.nodes.length||1,l=o??k.topPkgsTab,y=k.selectedSeverities,x=k.selectedColors,h=y.size>0,c=x.size>0,v=h||c,M=new Map,e=new Map,z=0,_=0;for(let a of t.nodes){let f;if(v){if(f=0,a.findings)for(let A of a.findings)h&&!y.has(A.severity)||c&&!x.has(A.color)||f++}else f=a.totalIssues;M.set(a.pkg,(M.get(a.pkg)??0)+f),z+=f,typeof a.size=="number"&&(e.set(a.pkg,(e.get(a.pkg)??0)+a.size),_+=a.size)}let L;l==="issues"?L=t.packages.filter(a=>(M.get(a)??0)>0).toSorted((a,f)=>{let A=M.get(a)??0,F=M.get(f)??0;return F!==A?F-A:(t.pkgCount.get(f)??0)-(t.pkgCount.get(a)??0)}):l==="size"?L=t.packages.filter(a=>(e.get(a)??0)>0).toSorted((a,f)=>{let A=e.get(a)??0,F=e.get(f)??0;return F!==A?F-A:(t.pkgCount.get(f)??0)-(t.pkgCount.get(a)??0)}):L=[...t.packages].toSorted((a,f)=>{let A=t.pkgCount.get(a)??0,F=t.pkgCount.get(f)??0;return F!==A?F-A:(M.get(f)??0)-(M.get(a)??0)});let d=a=>l==="issues"?z>0?((M.get(a)??0)/z*100).toFixed(2):"0":l==="size"?_>0?((e.get(a)??0)/_*100).toFixed(2):"0":(t.pkgCount.get(a)/i*100).toFixed(2),N=l==="issues"?"No packages with issues":l==="size"?"No packages with size":"No packages";return j`<div class="g2-dist-bar">${t.packages.map(a=>{let f=ne(a);return j`<span style="${Qe({background:f,width:`${d(a)}%`})}"></span>`})}</div><div class="g2-dist-list">${L.length===0?j`<div class="g2-dist-empty">${N}</div>`:null} ${It(L,a=>a,a=>{let f=ne(a),A=t.pkgCount.get(a)??0,F=M.get(a)??0,W=e.get(a)??0,g=l==="issues"?F:l==="size"?et(W):A,R=l==="issues"?z>0?(F/z*100).toFixed(1):"0.0":l==="size"?_>0?(W/_*100).toFixed(1):"0.0":(A/i*100).toFixed(1),Y=a==="__own__"?"own source":a,ee=k.solo===a;return j`<button type="button" class="${Ce({"g2-dist-item":!0,on:ee})}" data-g2-pkg="${a}" title="${Y}"><span class="g2-dist-dot" style="${Qe({background:f})}"></span><span class="g2-dist-name">${Y}</span><span class="g2-dist-count">${g}</span><span class="g2-dist-pct">${R}%</span></button>`})}</div>`}var xt=class extends Lt{static properties={graph:{attribute:!1},options:{attribute:!1}};static styles=[ct(At),ct(Ht),ct(Ft)];constructor(){super(),this.graph=null,this.options={}}render(){return this.graph?j`<div class="graph2-layout">${qt(this.graph,this.options)} ${jt(this.graph)} ${Ut()}</div>`:j``}};customElements.define("graph-layout",xt);function bo(t){let o=new Map;for(let[i,l]of t.importsOf){let y=t.nodeByFile.get(i);if(y)for(let x of l){let h=t.nodeByFile.get(x);h&&y.pkg!==h.pkg&&(o.set(y.pkg,(o.get(y.pkg)??0)+1),o.set(h.pkg,(o.get(h.pkg)??0)+1))}}return o}function mo(t){if(t.packages.length===0)return null;let o=new Set;for(let[i,l]of t.importedBy){let y=t.nodeByFile.get(i);if(y)for(let x of l){let h=t.nodeByFile.get(x);if(h&&h.pkg!==y.pkg){o.add(y.pkg);break}}}for(let i of t.packages)if(!o.has(i))return i;return null}var xo=5;function Yt(t,o){let i=new Map;for(let x of t.nodes)o.has(x.pkg)&&(i.has(x.pkg)||i.set(x.pkg,[]),i.get(x.pkg).push(x));for(let x of i.values())x.sort((h,c)=>h.isHub!==c.isHub?h.isHub?-1:1:c.deg-h.deg);let l=new Map,y=new Map;for(let[x,h]of o){let c=i.get(x);if(!c||c.length===0)continue;let v=c.length,M=0;for(let f of c)if(f.isHub)M++;else break;let e=M>0&&M<=xo,z=e?M:0,_=v-z,L=h.groupR,d=Array.from({length:v}),N=Array.from({length:v});for(let f=0;f<v;f++){let A=f*137.508*Math.PI/180,F;if(f<z)F=z<=1?0:Math.sqrt(f/(z-1))*.3*L;else{let W=f-z;F=_<=1?.4*L:(.4+Math.sqrt(W/(_-1))*.6)*L}d[f]=h.x+Math.cos(A)*F,N[f]=h.y+Math.sin(A)*F}let a=Array.from({length:v},()=>!1);for(let f=0;f<v;f++){let A=c[f],F,W;e&&A.isHub?(W=0,F=z):e?(W=z,F=v):(W=0,F=v);let g=0,R=0,Y=0,ee=t.importsOf.get(A.file);if(ee)for(let B of ee){let H=l.get(B);H!==void 0&&(g+=H,R+=y.get(B),Y++)}let E=t.importedBy.get(A.file);if(E)for(let B of E){let H=l.get(B);H!==void 0&&(g+=H,R+=y.get(B),Y++)}let J=!1;if(Y>0){g/=Y,R/=Y;let B=g-h.x,H=R-h.y;B*B+H*H>1&&(J=!0)}let T=-1;if(J){let B=1/0;for(let H=W;H<F;H++){if(a[H])continue;let u=d[H]-g,I=N[H]-R,G=u*u+I*I;G<B&&(B=G,T=H)}}else for(let B=W;B<F;B++)if(!a[B]){T=B;break}a[T]=!0,A.x=d[T],A.y=N[T],l.set(A.file,A.x),y.set(A.file,A.y)}}}function Kt(t,o,i){let l=o/2,y=i/2,x=Math.min(o,i)/2;if(t.packages.length===0)return;let c=mo(t),v=bo(t),M=(c?t.packages.filter(u=>u!==c):[...t.packages]).toSorted((u,I)=>{let G=(v.get(I)??0)-(v.get(u)??0);return G!==0?G:(t.pkgCount.get(I)??0)-(t.pkgCount.get(u)??0)}),e=M.length,z;e<=0?z=0:e<=6?z=.65:e<=20?z=.82:z=.95;let _=Math.max(1,Math.sqrt(50/Math.max(1,e))),L=.22,d=.12,N=.04,a=new Map,f;if(c){let u=t.pkgCount.get(c)??0,I=Math.min(L,(.012+Math.sqrt(u)*.004)*_);f=Math.max(e<=6?.4:e<=20?.36:.34,I+d+N),a.set(c,{x:l,y,size:u,groupR:I*x})}else e<=1?f=0:e<=6?f=.4:e<=20?f=.32:f=.3;if(e===0){Yt(t,a);return}let A=new Map;for(let u of t.edges){if(!u.cross)continue;let I=t.nodeByFile.get(u.a)?.pkg,G=t.nodeByFile.get(u.b)?.pkg;if(!I||!G||I===G)continue;A.has(I)||A.set(I,new Map),A.has(G)||A.set(G,new Map);let te=A.get(I),re=A.get(G);te.set(G,(te.get(G)??0)+1),re.set(I,(re.get(I)??0)+1)}let F=Math.max(1,Math.min(10,Math.round(Math.sqrt(e)/1.2))),W=Array.from({length:F+1});for(let u=0;u<=F;u++)W[u]=Math.floor(u*u/(F*F)*e);W[F]=e;let g=.2,R=Array.from({length:F}),Y=Array.from({length:F});for(let u=0;u<F;u++){let I=W[u],G=W[u+1];R[u]=G-I;let te=0;for(let re=I;re<G;re++)te+=t.pkgCount.get(M[re])??0;Y[u]=te}let ee=Array.from({length:F});for(let u=0;u<F;u++){let I=(W[u]+W[u+1]-1)/2/Math.max(1,e-1);ee[u]=Math.sqrt(Math.max(0,I))}let E=Array.from({length:F});E[0]=ee[0];for(let u=1;u<F;u++){let I=R[u-1],G=Y[u-1],te=I>0?G/I:1,re=1+g*Math.sqrt(Math.max(0,te-1));E[u]=E[u-1]+(ee[u]-ee[u-1])*re}let J=Array.from({length:F});for(let u=0;u<F;u++)J[u]=E[u]-ee[u];let T=Array.from({length:e}),B=Array.from({length:e}),H=0;for(let u=0;u<e;u++){for(;H<F-1&&u>=W[H+1];)H++;let I=u*137.508%360*Math.PI/180,te=(e<=1?0:Math.sqrt(u/(e-1)))+J[H],re=e===1?c?f:0:f+te*(z-f);T[u]=l+Math.cos(I)*re*x,B[u]=y+Math.sin(I)*re*x}for(let u=0;u<F;u++){let I=W[u],G=W[u+1],te=G-I;if(te===0)continue;let re=Array.from({length:te},()=>!1);for(let _e=I;_e<G;_e++){let Le=M[_e],fe=A.get(Le),Ge=0,We=0,Ye=0;if(fe)for(let[ue,se]of fe){let me=a.get(ue);me&&(Ge+=me.x*se,We+=me.y*se,Ye+=se)}let we=!1;if(Ye>0){Ge/=Ye,We/=Ye;let ue=Ge-l,se=We-y;ue*ue+se*se>1&&(we=!0)}let Ke=-1;if(we){let ue=1/0;for(let se=0;se<te;se++){if(re[se])continue;let me=I+se,ze=T[me]-Ge,Xe=B[me]-We,nt=ze*ze+Xe*Xe;nt<ue&&(ue=nt,Ke=se)}}else for(let ue=0;ue<te;ue++)if(!re[ue]){Ke=ue;break}re[Ke]=!0;let ot=I+Ke,st=t.pkgCount.get(Le)??0,pt=Math.min(d,(.012+Math.sqrt(st)*.004)*_);a.set(Le,{x:T[ot],y:B[ot],size:st,groupR:pt*x})}}Yt(t,a)}function vt(t,o,i){let l=o/2,y=i/2,x=Math.min(o,i)/2,h=t.nodes.length;if(h===0)return;let c=[...t.nodes].toSorted((v,M)=>M.deg-v.deg);for(let v=0;v<h;v++){let M=c[v],e=v*137.508%360*Math.PI/180,z=h<=1?0:Math.sqrt(v/(h-1));M.x=l+Math.cos(e)*z*.85*x,M.y=y+Math.sin(e)*z*.85*x}}function yt(t,o,i,l,{groupOf:y=ft}={}){let x=t.length,h=l||760,c=i||1100,v=Math.sqrt(c*h/Math.max(x,1))*1.1,M=g=>{let R=0;for(let Y of g)R=R*31+Y.codePointAt(0)|0;return R},e=Math.ceil(Math.sqrt(x*c/h)),z=Math.ceil(x/e),_=h/(z+1),L=c/(e+1),d=t.map((g,R)=>{let Y=R%e,ee=Math.floor(R/e),E=M(g);return{file:g,x:(Y+1)*L+(E%100-50)*L*.4,y:(ee+1)*_+((E>>7)%100-50)*_*.4,dx:0,dy:0}}),N=new Map(d.map((g,R)=>[g.file,R])),a=[];for(let g of t)for(let R of o.get(g)??[])N.has(R)&&a.push([N.get(g),N.get(R)]);let f=new Map;for(let g=0;g<x;g++){let R=y(d[g].file)??"__own__";f.has(R)||f.set(R,[]),f.get(R).push(g)}let A=Math.min(500,Math.max(180,100+x*3)),F=Math.min(c,h)/6,W=.3;for(let g=0;g<A;g++){let R=F*Math.pow(W/F,g/A);for(let E of d)E.dx=0,E.dy=0;for(let E=0;E<x;E++)for(let J=E+1;J<x;J++){let T=d[E],B=d[J],H=T.x-B.x,u=T.y-B.y,I=Math.sqrt(H*H+u*u);if(I<.01){let te=M(T.file+B.file);H=(te%100-50)*.01||.5,u=((te>>7)%100-50)*.01||.5,I=Math.sqrt(H*H+u*u)}let G=v*v/I;T.dx+=H/I*G,T.dy+=u/I*G,B.dx-=H/I*G,B.dy-=u/I*G}for(let[E,J]of a){let T=d[E],B=d[J],H=T.x-B.x,u=T.y-B.y,I=Math.sqrt(H*H+u*u)||.01,G=I*I/v;T.dx-=H/I*G,T.dy-=u/I*G,B.dx+=H/I*G,B.dy+=u/I*G}let Y=.055*Math.min(1,R/(F*.3));for(let[,E]of f){if(E.length<2)continue;let J=0,T=0;for(let B of E)J+=d[B].x,T+=d[B].y;J/=E.length,T/=E.length;for(let B of E)d[B].dx+=(J-d[B].x)*Y,d[B].dy+=(T-d[B].y)*Y}let ee=50;for(let E of d){let J=Math.sqrt(E.dx*E.dx+E.dy*E.dy)||.01;E.x+=E.dx/J*Math.min(J,R),E.y+=E.dy/J*Math.min(J,R),E.x=Math.max(ee,Math.min(c-ee,E.x)),E.y=Math.max(ee,Math.min(h-ee,E.y))}}return d}var kt={critical:"#ff5470",high:"#ff9d4a",medium:"#f4d35e",low:"#67c2ff",high_bug:"#a06c3f",bug:"#7a6d62",informational:"#218bff"},wt={dark:{bg:"#0c0c0c",grid:"rgba(255, 255, 255, 0.022)",selectRing:"#ffffff",edgeIntra:"rgba(180, 195, 215, ALPHA)",hubRing:"rgba(255, 255, 255, ALPHA)",labelFill:"rgba(230, 233, 238, 0.78)",labelShadow:"rgba(12, 12, 12, 0.98)",labelOutline:"rgba(12, 12, 12, 0.9)",labelDefault:"rgba(200, 210, 225, 0.78)",labelHover:"rgba(230, 237, 243, 0.95)",labelSelected:"#fff"},light:{bg:"#f6f8fa",grid:"rgba(0, 0, 0, 0.04)",selectRing:"#0969da",edgeIntra:"rgba(50, 70, 100, ALPHA)",hubRing:"rgba(0, 0, 0, ALPHA)",labelFill:"rgba(40, 50, 70, 0.85)",labelShadow:"rgba(255, 255, 255, 0.95)",labelOutline:"rgba(255, 255, 255, 0.9)",labelDefault:"rgba(50, 60, 80, 0.85)",labelHover:"rgba(20, 25, 35, 0.95)",labelSelected:"#000"},pink:{bg:"#fff0f7",grid:"rgba(0, 0, 0, 0.04)",selectRing:"#0969da",edgeIntra:"rgba(50, 70, 100, ALPHA)",hubRing:"rgba(0, 0, 0, ALPHA)",labelFill:"rgba(40, 50, 70, 0.85)",labelShadow:"rgba(255, 255, 255, 0.95)",labelOutline:"rgba(255, 255, 255, 0.9)",labelDefault:"rgba(50, 60, 80, 0.85)",labelHover:"rgba(20, 25, 35, 0.95)",labelSelected:"#000"}};function vo(){let t=document.body.classList;return t.contains("theme-pink")?wt.pink:t.contains("theme-light")?wt.light:wt.dark}function be(t){return Math.max(0,Math.min(255,Math.round(t*255))).toString(16).padStart(2,"0")}function yo(t,o,i,l){let x=t.querySelector("graph-layout")?.shadowRoot;if(!x)return;let h=x.querySelector("#g2-canvas"),c=x.querySelector("#g2-tooltip"),v=x.querySelector(".graph2-stage"),M=x.querySelector("#g2-zoom-pct");if(!h)return;Et();let e=h.getContext("2d"),z=window.devicePixelRatio||1,_=0,L=0,d={tx:0,ty:0,k:1},N=null,a=0,f=0,A=!0,F=!0,W=()=>k.packagesView&&(o.canPackagesView??!1)&&!k.focusedPkg,g=null;function R(){return g||(g=Dt(o)),g}function Y(r,b,p){if(r.nodes.length>50){vt(r,b,p);return}let w=yt(r.nodes.map(S=>S.pkg),r.importsOf,b,p,{groupOf:S=>S}),m=new Map(w.map(S=>[S.file,S]));for(let S of r.nodes){let $=m.get(S.pkg);$&&(S.x=$.x,S.y=$.y)}}function ee(){if(!A)return;let r=k.layoutCache,b=k.focusedPkg,p=W(),w=p?R().nodes:o.nodes;if(r&&r.files===o.files&&r.w===f&&r.h===a&&r.focused===b&&(r.pkgView??!1)===p)for(let m of w){let S=r.pos.get(m.file);S&&(m.x=S.x,m.y=S.y)}else{if(p)Y(R(),f,a);else if(b)if(o.nodes.length>50)vt(o,f,a);else{let S=yt(o.files,o.importsOf,f,a),$=new Map(S.map(U=>[U.file,U]));for(let U of o.nodes){let V=$.get(U.file);V&&(U.x=V.x,U.y=V.y)}}else Kt(o,f,a);let m=new Map;for(let S of w)m.set(S.file,{x:S.x,y:S.y});k.layoutCache={files:o.files,w:f,h:a,pos:m,focused:b,pkgView:p}}A=!1}function E(){let r=W()?R().nodes:o.nodes;if(r.length===0)return{k:1,tx:L/2,ty:_/2};let b=-1/0,p=-1/0,w=1/0,m=1/0;for(let s of r)s.x<w&&(w=s.x),s.y<m&&(m=s.y),s.x>b&&(b=s.x),s.y>p&&(p=s.y);let S=Math.max(20,p-m),$=Math.max(20,b-w),U=(w+b)/2,V=(m+p)/2,D=Math.min(L,_)*.1,K=Math.min((L-D*2)/$,(_-D*2)/S,4),n=Math.max(.05,K);return{k:n,tx:L/2-U*n,ty:_/2-V*n}}function J(){let r=E();d.k=r.k,d.tx=r.tx,d.ty=r.ty}function T(r,b){return[r*d.k+d.tx,b*d.k+d.ty]}function B(r,b){return[(r-d.tx)/d.k,(b-d.ty)/d.k]}function H(r){return!k.hidden.has(r.pkg)}function u(r){if(k.selectedSeverities.size>0){let p=r.severitySet;if(!p)return!0;let w=!1;for(let m of k.selectedSeverities)if(p.has(m)){w=!0;break}if(!w)return!0}if(k.selectedColors.size>0){let p=r.colorSet;if(!p)return!0;let w=!1;for(let m of k.selectedColors)if(p.has(m)){w=!0;break}if(!w)return!0}if(k.solo&&r.pkg!==k.solo&&!W())return!0;let b=k.pathFilter;if(b){let p=b.toLowerCase(),w=r.pathText?r.pathText.includes(p):r.file.toLowerCase().includes(p),m=r.pkg&&r.pkg.toLowerCase().includes(p),S=r.label&&r.label.toLowerCase().includes(p);if(!w&&!m&&!S)return!0}return!1}function I(r){let b=(r.isHub?4.9:3.5)*k.nodeSize,p=Math.max(.6,Math.min(1.6,d.k));return b*p}function G(){let r=v.getBoundingClientRect(),b=_,p=L;L=Math.max(80,r.width),_=Math.max(80,r.height),z=window.devicePixelRatio||1,h.width=L*z,h.height=_*z,h.style.width=L+"px",h.style.height=_+"px",e.setTransform(z,0,0,z,0,0),(f===0||a===0)&&(f=L,a=_,A=!0),ee();let w=p>0&&(Math.abs(L-p)/p>.15||Math.abs(_-b)/b>.15);(F||w)&&(J(),F=!1),fe()}let te=null,re=!0,_e=!1,Le=!1;function fe(){re=!0,!(_e||Le)&&(_e=!0,te=requestAnimationFrame(()=>{_e=!1,re&&!Le&&(re=!1,Ge())}))}function Ge(){let r=vo();e.fillStyle=r.bg,e.fillRect(0,0,L,_),We(r);let b=W(),p=b?R():o,w=b?k.solo:k.selected,m=w?p.nodeByFile.get(w):null,S=m?w:null;if(b&&p.nodes.length<=50){Ke(r);return}if(k.focusedPkg&&p.nodes.length<=50){Ye(r,S,m);return}for(let $ of p.edges){let U=p.nodeByFile.get($.a),V=p.nodeByFile.get($.b);if(!U||!V||!H(U)||!H(V))continue;let D=k.edgeOpacity;S?D=$.a===S||$.b===S?.85:k.edgeOpacity*.25:N&&($.a===N||$.b===N)&&(D=Math.min(.9,D+.5)),u(U)&&u(V)&&(D=Math.min(D,.04));let[K,n]=T(U.x,U.y),[s,C]=T(V.x,V.y);if($.cross){let O=e.createLinearGradient(K,n,s,C);O.addColorStop(0,ne(U.pkg)+be(D)),O.addColorStop(1,ne(V.pkg)+be(D)),e.strokeStyle=O,e.lineWidth=.85}else e.strokeStyle=r.edgeIntra.replace("ALPHA",String(D*.7)),e.lineWidth=.55;e.beginPath(),e.moveTo(K,n),e.lineTo(s,C),e.stroke()}for(let $ of p.nodes){if(!H($))continue;let U=$.file===N,V=$.file===S;if(!$.isHub&&!U&&!V||u($)&&!U&&!V)continue;let[D,K]=T($.x,$.y),s=I($)*(V?6:U?4.5:3),C=e.createRadialGradient(D,K,0,D,K,s),O=ne($.pkg);C.addColorStop(0,O+"55"),C.addColorStop(1,O+"00"),e.fillStyle=C,e.beginPath(),e.arc(D,K,s,0,Math.PI*2),e.fill()}for(let $ of p.nodes){if(!H($))continue;let[U,V]=T($.x,$.y),D=I($),K=1,n=S&&$.file===S;if(S&&!n&&(K=(p.adj.get(S)??[]).some(C=>{let O=p.edges[C];return O.a===$.file||O.b===$.file})?1:.25),!n&&u($)&&(K=Math.min(K,.1)),e.fillStyle=ne($.pkg)+be(K),e.beginPath(),e.arc(U,V,D,0,Math.PI*2),e.fill(),$.isHub&&(e.strokeStyle=r.hubRing.replace("ALPHA",String(.55*K)),e.lineWidth=.8,e.stroke()),$.issue){let s=kt[$.issue],C=D+($.issue==="critical"?4.2:$.issue==="high"?3.4:2.8),O=$.issue==="critical"?1.8:$.issue==="high"?1.5:$.issue==="medium"?1.3:1.1;e.strokeStyle=s,e.globalAlpha=K,e.lineWidth=O,e.beginPath(),e.arc(U,V,C,0,Math.PI*2),e.stroke(),e.globalAlpha=1}}if(d.k>1.4){let U=0;if(d.k<9&&!k.showLabels)for(let D of p.nodes){if(!H(D))continue;let[K,n]=T(D.x,D.y);if(!(K<0||K>L||n<0||n>_)&&(U++,U>=50))break}let V=d.k>=9||U<50;if(k.showLabels||V){e.font="10px ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",e.fillStyle=r.labelFill,e.textAlign="left",e.textBaseline="middle";let D=11,K=2,n=250,s=(P,q)=>P>-n&&P<L+n&&q>-n&&q<_+n,C=[];for(let P of p.nodes){if(!H(P))continue;let[q,X]=T(P.x,P.y);if(!s(q,X))continue;let oe=I(P);C.push({file:P.file,x0:q-oe,x1:q+oe,y0:X-oe,y1:X+oe})}let O=[];for(let P of p.nodes){if(!H(P)||!P.isHub&&d.k<2.4)continue;let[q,X]=T(P.x,P.y);if(!s(q,X))continue;let oe=I(P),xe=q+oe+4,Se=X+1,Ie=e.measureText(P.label).width+K,Fe=P.file===S,He=P.file===N,Ae=Fe?3:He?2:P.isHub?1:0;O.push({file:P.file,n:P,tx:xe,ty:Se,prio:Ae,x0:xe-K,x1:xe+Ie,y0:Se-D/2,y1:Se+D/2})}O.sort((P,q)=>q.prio-P.prio);let Q=[],Z=(P,q)=>P.x0<q.x1&&q.x0<P.x1&&P.y0<q.y1&&q.y0<P.y1;for(let P of O){let q=!1;for(let X of C)if(X.file!==P.file&&Z(P,X)){q=!0;break}if(!q){for(let X of Q)if(Z(P,X)){q=!0;break}}q||Q.push(P)}for(let P of Q)e.fillText(P.n.label,P.tx,P.ty)}}if(m&&H(m)){let[$,U]=T(m.x,m.y),V=I(m);e.strokeStyle=r.selectRing,e.lineWidth=1.5,e.beginPath(),e.arc($,U,V+5,0,Math.PI*2),e.stroke()}M&&(M.textContent=`${Math.round(d.k*100)}%`)}function We(r){if(d.k<.4)return;let b=80,p=(d.tx%b+b)%b,w=(d.ty%b+b)%b;e.strokeStyle=r.grid,e.lineWidth=1,e.beginPath();for(let m=p;m<L;m+=b)e.moveTo(m,0),e.lineTo(m,_);for(let m=w;m<_;m+=b)e.moveTo(0,m),e.lineTo(L,m);e.stroke()}function Ye(r,b,p){let w=ne(k.focusedPkg),m=new Set;if(N){m.add(N);for(let n of o.adj.get(N)??[]){let s=o.edges[n];m.add(s.a),m.add(s.b)}}let S=n=>(n.isHub?6:4)*k.nodeSize;for(let n of o.edges){let s=o.nodeByFile.get(n.a),C=o.nodeByFile.get(n.b);if(!s||!C||!H(s)||!H(C))continue;let O=n.fromLo&&n.fromHi,Q=!O&&n.fromHi,Z=Q?C:s,P=Q?s:C,q=N&&(n.a===N||n.b===N),X=b&&(n.a===b||n.b===b),oe=(b||N)&&!q&&!X,xe=S(Z),Se=S(P),[Ie,Fe]=T(Z.x,Z.y),[He,Ae]=T(P.x,P.y),Ee=He-Ie,Te=Ae-Fe,Be=Math.sqrt(Ee*Ee+Te*Te)||1,Oe=Ee/Be,Ne=Te/Be,ae=Ie+Oe*(xe+1.5),le=Fe+Ne*(xe+1.5),ce=He-Oe*(Se+3.5),de=Ae-Ne*(Se+3.5),rt=Math.min(Be*.15,30),ve=(ae+ce)/2-Ne*rt,ye=(le+de)/2+Oe*rt;e.beginPath(),e.moveTo(ae,le),e.quadraticCurveTo(ve,ye,ce,de);let pe;if(X?pe=.9:q?pe=.85:oe?pe=.05:pe=Math.min(.85,k.edgeOpacity*3),e.strokeStyle=w+be(pe),e.lineWidth=X||q?1.5:.85,e.stroke(),oe)continue;let ge=Math.max(5,7),ie=ge*.42,he=.9,Pe=2*(1-he)*(ve-ae)+2*he*(ce-ve),De=2*(1-he)*(ye-le)+2*he*(de-ye),Ze=Math.sqrt(Pe*Pe+De*De)||1,qe=Pe/Ze,Me=De/Ze;if(e.beginPath(),e.moveTo(ce,de),e.lineTo(ce-qe*ge+Me*ie,de-Me*ge-qe*ie),e.lineTo(ce-qe*ge-Me*ie,de-Me*ge+qe*ie),e.closePath(),e.fillStyle=w+be(Math.min(1,pe+.15)),e.fill(),O){let at=1.8*(ve-ae)+.2*(ce-ve),je=2*(1-.1)*(ye-le)+2*.1*(de-ye),Je=Math.sqrt(at*at+je*je)||1,Ve=at/Je,$e=je/Je;e.beginPath(),e.moveTo(ae,le),e.lineTo(ae+Ve*ge-$e*ie,le+$e*ge+Ve*ie),e.lineTo(ae+Ve*ge+$e*ie,le+$e*ge-Ve*ie),e.closePath(),e.fill()}}for(let n of o.nodes){if(!H(n))continue;let[s,C]=T(n.x,n.y),O=S(n),Q=n.file===N,Z=n.file===b,P=(b||N)&&!m.has(n.file)&&!Z?.15:1;if(e.globalAlpha=P,Z||Q||n.isHub){let q=O*(Z?4:Q?3:2.4),X=e.createRadialGradient(s,C,O*.6,s,C,q);X.addColorStop(0,w+be(Z?.4:.25)),X.addColorStop(1,w+"00"),e.fillStyle=X,e.beginPath(),e.arc(s,C,q,0,Math.PI*2),e.fill()}if(e.fillStyle=w,e.beginPath(),e.arc(s,C,O,0,Math.PI*2),e.fill(),n.isHub&&(e.strokeStyle=r.hubRing.replace("ALPHA","0.55"),e.lineWidth=.9,e.stroke()),n.issue){let q=kt[n.issue],X=O+(n.issue==="critical"?4.2:n.issue==="high"?3.4:2.8),oe=n.issue==="critical"?1.8:n.issue==="high"?1.5:n.issue==="medium"?1.3:1.1;e.strokeStyle=q,e.lineWidth=oe,e.beginPath(),e.arc(s,C,X,0,Math.PI*2),e.stroke()}e.globalAlpha=1}e.font="600 11px ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",e.textAlign="center",e.textBaseline="top",e.lineJoin="round";let $=13,U=2,V=[];for(let n of o.nodes){if(!H(n))continue;let[s,C]=T(n.x,n.y),O=S(n),Q=C+O+4,Z=e.measureText(n.label).width/2+U,P=n.file===b,q=n.file===N,X=P?3:q?2:n.isHub?1:0;V.push({n,sx:s,ty:Q,halfW:Z,isSel:P,isHov:q,prio:X,x0:s-Z,x1:s+Z,y0:Q,y1:Q+$})}V.sort((n,s)=>s.prio-n.prio);let D=[],K=(n,s)=>n.x0<s.x1&&s.x0<n.x1&&n.y0<s.y1&&s.y0<n.y1;for(let n of V){let s=!1;for(let C of D)if(K(n,C)){s=!0;break}s||D.push(n)}for(let n of D){let{n:s,sx:C,ty:O,isSel:Q,isHov:Z}=n,P=(b||N)&&!m.has(s.file)&&!Q?.2:1;e.globalAlpha=P,e.shadowColor=r.labelShadow,e.shadowBlur=4,e.strokeStyle=r.labelOutline,e.lineWidth=3,e.strokeText(s.label,C,O),e.shadowBlur=0,e.fillStyle=Q?r.labelSelected:Z?r.labelHover:r.labelDefault,e.fillText(s.label,C,O),e.globalAlpha=1}if(p&&H(p)){let[n,s]=T(p.x,p.y),C=S(p);e.strokeStyle=r.selectRing,e.lineWidth=1.8,e.beginPath(),e.arc(n,s,C+4,0,Math.PI*2),e.stroke()}M&&(M.textContent=`${Math.round(d.k*100)}%`)}function we(r){return Math.min(26,5+Math.sqrt(r.fileCount)*1.7)*k.nodeSize}function Ke(r){let b=R(),p=k.solo&&b.byPkg.has(k.solo)?k.solo:null,w=N??p,m=new Set;if(w){m.add(w);for(let n of b.edges)n.a===w?m.add(n.b):n.b===w&&m.add(n.a)}let S=n=>{if(n.pkg===p||n.pkg===N)return 1;let s=1;return w&&!m.has(n.pkg)&&(s=.2),u(n)&&(s=Math.min(s,.1)),s};for(let n of b.edges){let s=b.byPkg.get(n.a),C=b.byPkg.get(n.b);if(!s||!C||!H(s)||!H(C))continue;let O=n.fromLo&&n.fromHi,Q=!O&&n.fromHi,Z=Q?C:s,P=Q?s:C,q=w!==null&&(n.a===w||n.b===w),X=u(s)&&u(C),oe=w!==null&&!q||X,xe=we(Z),Se=we(P),[Ie,Fe]=T(Z.x,Z.y),[He,Ae]=T(P.x,P.y),Ee=He-Ie,Te=Ae-Fe,Be=Math.sqrt(Ee*Ee+Te*Te)||1,Oe=Ee/Be,Ne=Te/Be,ae=Ie+Oe*(xe+1.5),le=Fe+Ne*(xe+1.5),ce=He-Oe*(Se+3.5),de=Ae-Ne*(Se+3.5),rt=Math.min(Be*.15,30),ve=(ae+ce)/2-Ne*rt,ye=(le+de)/2+Oe*rt,pe;X?pe=.05:q?pe=.9:oe?pe=.06:pe=.5;let ge=e.createLinearGradient(ae,le,ce,de);if(ge.addColorStop(0,ne(Z.pkg)+be(pe)),ge.addColorStop(1,ne(P.pkg)+be(pe)),e.beginPath(),e.moveTo(ae,le),e.quadraticCurveTo(ve,ye,ce,de),e.strokeStyle=ge,e.lineWidth=Math.min(3.5,.8+Math.sqrt(n.count)*.3)*(q?1.3:1),e.stroke(),oe)continue;let ie=7,he=ie*.42,Pe=.9,De=2*(1-Pe)*(ve-ae)+2*Pe*(ce-ve),Ze=2*(1-Pe)*(ye-le)+2*Pe*(de-ye),qe=Math.sqrt(De*De+Ze*Ze)||1,Me=De/qe,it=Ze/qe;if(e.beginPath(),e.moveTo(ce,de),e.lineTo(ce-Me*ie+it*he,de-it*ie-Me*he),e.lineTo(ce-Me*ie-it*he,de-it*ie+Me*he),e.closePath(),e.fillStyle=ne(P.pkg)+be(Math.min(1,pe+.15)),e.fill(),O){let je=1.8*(ve-ae)+.2*(ce-ve),Je=2*(1-.1)*(ye-le)+2*.1*(de-ye),Ve=Math.sqrt(je*je+Je*Je)||1,$e=je/Ve,lt=Je/Ve;e.beginPath(),e.moveTo(ae,le),e.lineTo(ae+$e*ie-lt*he,le+lt*ie+$e*he),e.lineTo(ae+$e*ie+lt*he,le+lt*ie-$e*he),e.closePath(),e.fillStyle=ne(Z.pkg)+be(Math.min(1,pe+.15)),e.fill()}}for(let n of b.nodes){if(!H(n))continue;let[s,C]=T(n.x,n.y),O=we(n),Q=n.pkg===N,Z=n.pkg===p,P=ne(n.pkg),q=S(n);if(Z||Q){let X=O*(Z?2.6:2.2),oe=e.createRadialGradient(s,C,O*.6,s,C,X);oe.addColorStop(0,P+be(Z?.4:.25)),oe.addColorStop(1,P+"00"),e.fillStyle=oe,e.beginPath(),e.arc(s,C,X,0,Math.PI*2),e.fill()}if(e.fillStyle=P+be(q),e.beginPath(),e.arc(s,C,O,0,Math.PI*2),e.fill(),n.issue){let X=kt[n.issue],oe=O+(n.issue==="critical"?4.2:n.issue==="high"?3.4:2.8),xe=n.issue==="critical"?1.8:n.issue==="high"?1.5:n.issue==="medium"?1.3:1.1;e.strokeStyle=X,e.globalAlpha=q,e.lineWidth=xe,e.beginPath(),e.arc(s,C,oe,0,Math.PI*2),e.stroke(),e.globalAlpha=1}}e.font="600 11px ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",e.textAlign="center",e.textBaseline="top",e.lineJoin="round";let $=13,U=2,V=[];for(let n of b.nodes){if(!H(n))continue;let[s,C]=T(n.x,n.y),O=we(n),Q=C+O+4,Z=e.measureText(n.label).width/2+U,P=n.pkg===p,q=n.pkg===N,X=P?1/0:q?1e9:n.fileCount;V.push({p:n,sx:s,ty:Q,isSel:P,isHov:q,prio:X,x0:s-Z,x1:s+Z,y0:Q,y1:Q+$})}V.sort((n,s)=>s.prio-n.prio);let D=[],K=(n,s)=>n.x0<s.x1&&s.x0<n.x1&&n.y0<s.y1&&s.y0<n.y1;for(let n of V){let s=!1;for(let C of D)if(K(n,C)){s=!0;break}s||D.push(n)}for(let n of D){let{p:s,sx:C,ty:O,isSel:Q,isHov:Z}=n;e.globalAlpha=Math.max(.25,S(s)),e.shadowColor=r.labelShadow,e.shadowBlur=4,e.strokeStyle=r.labelOutline,e.lineWidth=3,e.strokeText(s.label,C,O),e.shadowBlur=0,e.fillStyle=Q?r.labelSelected:Z?r.labelHover:r.labelDefault,e.fillText(s.label,C,O),e.globalAlpha=1}if(p){let n=b.byPkg.get(p),[s,C]=T(n.x,n.y);e.strokeStyle=r.selectRing,e.lineWidth=1.8,e.beginPath(),e.arc(s,C,we(n)+4,0,Math.PI*2),e.stroke()}M&&(M.textContent=`${Math.round(d.k*100)}%`)}function ot(r,b){let p=W(),w=p?R():o,m=p&&w.nodes.length<=50,S=null,$=1/0,U=6;for(let V of w.nodes){if(!H(V))continue;let[D,K]=T(V.x,V.y),n=D-r,s=K-b,C=n*n+s*s,O=(m?we(V):I(V))+U;C<O*O&&C<$&&($=C,S=V)}return S}function st(r,b,p){if(!c)return;let w=ne(r.pkg),m=r.pkg==="__own__"?"own source":r.pkg,S=ut(r.file,r.pkg);Ue(j`<div class="g2-tt-path">${S}</div><div class="g2-tt-head"><span class="g2-tt-dot" style="${`background:${w}`}"></span> <span class="g2-tt-pkg">${m}</span></div>${r.totalIssues>0?tt(r.own):null}`,c),ue(b,p)}function pt(r,b,p){if(!c)return;let w=ne(r.pkg),m=et(r.size);Ue(j`<div class="g2-tt-path">${r.label}</div><div class="g2-tt-head"><span class="g2-tt-dot" style="${`background:${w}`}"></span> <span class="g2-tt-pkg">${r.fileCount} ${r.fileCount===1?"file":"files"}${m?` \xB7 ${m}`:""}</span></div>${r.totalIssues>0?tt(r.own):null}`,c),ue(b,p)}function ue(r,b){let p=v.getBoundingClientRect();c.classList.add("show");let w=c.offsetWidth,m=c.offsetHeight,S=r-p.left,$=b-p.top,U=p.width,V=p.height,D=12,K=S+D;K+w>U-4&&(K=S-w-D),K<4&&(K=4);let n=$+D;n+m>V-4&&(n=$-m-D),n<4&&(n=4),c.style.left=`${K}px`,c.style.top=`${n}px`}function se(){c&&c.classList.remove("show")}let me=!1,ze=null,Xe=!1,nt=r=>{r.button===0&&(r.target.closest(".g2-stage-overlay, .g2-stage-overlay-tr, .g2-zoom-ctrl")||(me=!0,Xe=!1,ze={x:r.clientX,y:r.clientY,tx:d.tx,ty:d.ty}))},St=r=>{let b=v.getBoundingClientRect(),p=r.clientX-b.left,w=r.clientY-b.top;if(me){let $=r.clientX-ze.x,U=r.clientY-ze.y;Math.abs($)+Math.abs(U)>3&&(Xe=!0),d.tx=ze.tx+$,d.ty=ze.ty+U,se(),fe();return}let m=ot(p,w),S=N;N=m?.file??null,h.style.cursor=m?"default":"grab",m?W()?pt(m,r.clientX,r.clientY):st(m,r.clientX,r.clientY):S&&se(),N!==S&&fe()},Mt=r=>{if(me&&!Xe){let b=v.getBoundingClientRect(),p=r.clientX-b.left,w=r.clientY-b.top,m=ot(p,w);W()?(k.solo=m&&k.solo!==m.pkg?m.pkg:null,k.selected=null,i(),l?.()):(k.selected=m?.file??null,i()),fe()}me=!1},$t=()=>{let r=N!==null;N=null,se(),r&&fe()},zt=r=>{r.preventDefault();let b=v.getBoundingClientRect(),p=r.clientX-b.left,w=r.clientY-b.top,m=Math.exp(-r.deltaY*.0015),S=E();if(m<1&&d.k<=S.k*1.0001){d.k=S.k;let D=Math.min(.4,(1-m)*3);d.tx+=(S.tx-d.tx)*D,d.ty+=(S.ty-d.ty)*D,fe();return}let[$,U]=B(p,w),V=Math.max(S.k,Math.min(9.99,d.k*m));d.k=V,d.tx=p-$*d.k,d.ty=w-U*d.k,fe()};v.addEventListener("mousedown",nt),window.addEventListener("mousemove",St),window.addEventListener("mouseup",Mt),v.addEventListener("mouseleave",$t),v.addEventListener("wheel",zt,{passive:!1});function Pt(r){let b=E().k;r=Math.max(b,Math.min(9.99,r));let p=L/2,w=_/2,[m,S]=B(p,w);d.k=r,d.tx=p-m*d.k,d.ty=w-S*d.k,fe()}let Zt=x.querySelector("#g2-zoom-in"),Jt=x.querySelector("#g2-zoom-out"),Qt=x.querySelector("#g2-zoom-fit");Zt?.addEventListener("click",()=>Pt(d.k*1.4)),Jt?.addEventListener("click",()=>Pt(d.k/1.4)),Qt?.addEventListener("click",()=>{J(),fe()}),G();let Ct=new ResizeObserver(()=>G());Ct.observe(v);let Rt=new MutationObserver(r=>{for(let b of r){let p=(b.oldValue||"").includes("report-fullscreen"),w=document.body.classList.contains("report-fullscreen");if(p!==w){f=0,a=0,A=!0,F=!0,k.layoutCache=null,setTimeout(()=>G(),80);return}fe()}});Rt.observe(document.body,{attributes:!0,attributeFilter:["class"],attributeOldValue:!0}),fe(),k.graphState={requestDraw:fe,_cleanup:()=>{Le=!0,cancelAnimationFrame(te),Ct.disconnect(),Rt.disconnect(),v.removeEventListener("mousedown",nt),window.removeEventListener("mousemove",St),window.removeEventListener("mouseup",Mt),v.removeEventListener("mouseleave",$t),v.removeEventListener("wheel",zt)}}}function Mn(t,o){let i=document.querySelector("graph-layout")?.shadowRoot;if(!i)return;let l=Xt(t),y=i.querySelector("#g2-selection-area");y&&Ue(Wt(l,o),y);let x=i.querySelector("#g2-focus-overlay-slot");x&&Ue(Vt(l),x)}function $n(t){let o=document.querySelector("graph-layout")?.shadowRoot;if(!o)return;let i=o.querySelector("#g2-top-pkgs-block");i&&Ue(Gt(Xt(t)),i)}function Xt(t){let o=Nt(t.treeData,t.files,t.ownCounts,t.transitiveCounts,t.severitySets,t.colorSets,t.fileFindings,t.options);if(t.strippedToOrig)for(let i of o.nodes)i.origFile=t.strippedToOrig.get(i.file);return o.canPackagesView=t.canPackagesView??!1,o}export{so as _swapGraph2Impl,yo as attachGraph2Interaction,Xt as buildGraphFromPrep,Mn as refreshSidebar,$n as refreshTopPkgs};
package/out/index.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <title>DeepView</title>
8
8
  <link rel="icon" href="./icon.svg" type="image/svg+xml" />
9
9
  <link rel="apple-touch-icon" href="./icon.svg" />
10
- <link rel="manifest" href="./manifest.webmanifest" />
10
+ <link rel="manifest" href="./manifest.webmanifest" crossorigin="use-credentials" />
11
11
  <meta name="theme-color" content="#1a1a1b" />
12
12
  <meta name="mobile-web-app-capable" content="yes" />
13
13
  <meta name="apple-mobile-web-app-capable" content="yes" />
@@ -21,20 +21,8 @@
21
21
  <body>
22
22
 
23
23
  <theme-toggle></theme-toggle>
24
- <button id="print-btn" type="button" title="print this report" aria-label="print">
25
- <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
26
- <path d="M6 9V2h12v7"/>
27
- <path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/>
28
- <rect x="6" y="14" width="12" height="8"/>
29
- </svg>
30
- </button>
31
- <button id="download-btn" type="button" title="download this report" aria-label="download">
32
- <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
33
- <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
34
- <polyline points="7 10 12 15 17 10"/>
35
- <line x1="12" x2="12" y1="15" y2="3"/>
36
- </svg>
37
- </button>
24
+ <print-button></print-button>
25
+ <download-button></download-button>
38
26
 
39
27
  <!-- App sidebar — Lit component, owns its own shadow-DOM chrome
40
28
  (brand header, search input, file list, sync button). The
@@ -62,6 +50,7 @@
62
50
  <li><span class="drop-supported-icon" data-icon="claude-security" aria-hidden="true"></span><span class="drop-supported-label">Claude Security</span></li>
63
51
  <li><span class="drop-supported-icon" data-icon="codex-security" aria-hidden="true"></span><span class="drop-supported-label">Codex Security</span></li>
64
52
  <li><span class="drop-supported-icon" data-icon="deepsec" aria-hidden="true"></span><span class="drop-supported-label">DeepSec</span></li>
53
+ <li><span class="drop-supported-icon" data-icon="piolium" aria-hidden="true"></span><span class="drop-supported-label">Piolium</span></li>
65
54
  </ul>
66
55
  </section>
67
56
  <section class="drop-supported-section">