diff --git a/packages/debugger-frontend/BUILD_INFO b/packages/debugger-frontend/BUILD_INFO
index 77ccb86aa35c22..331cfcfb3533f0 100644
--- a/packages/debugger-frontend/BUILD_INFO
+++ b/packages/debugger-frontend/BUILD_INFO
@@ -1,5 +1,5 @@
-@generated SignedSource<<ed580785f8afa314ec8cc43c7523f469>>
-Git revision: 1f006e22bfad4d66df4786d6d775c15101c66e5d
+@generated SignedSource<<900cc7078a764597498aecf717759e15>>
+Git revision: d65c7f769b312cde3ecd7db20200141dbe729079
 Built with --nohooks: false
 Is local checkout: false
 Remote URL: https://github.com/facebook/react-native-devtools-frontend
diff --git a/packages/debugger-frontend/dist/third-party/front_end/panels/network/components/components.js b/packages/debugger-frontend/dist/third-party/front_end/panels/network/components/components.js
index c4c4e92a767018..a3202b1b5c12e7 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/panels/network/components/components.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/panels/network/components/components.js
@@ -124,7 +124,7 @@ import*as e from"../../../ui/components/helpers/helpers.js";import*as t from"../
             </div>
           `:t.nothing}
         </div>
-      `,this.#e,{host:this})}}customElements.define("devtools-network-event-coverage-infobar",P);var j=Object.freeze({__proto__:null,NetworkEventCoverageInfobar:P}),z={cssText:`:host{display:block}devtools-header-section-row:last-of-type{margin-bottom:10px}devtools-header-section-row:first-of-type{margin-top:2px}.call-to-action{background-color:var(--sys-color-neutral-container);padding:8px;border-radius:5px;margin:4px}.call-to-action-body{padding:6px 0;margin-left:9.5px;border-left:2px solid var(--issue-color-yellow);padding-left:18px;line-height:20px}.call-to-action .explanation{font-weight:bold}.call-to-action code{font-size:90%}.call-to-action .example .comment::before{content:" — "}.link,\n.devtools-link{color:var(--sys-color-primary);text-decoration:underline;cursor:pointer;outline-offset:2px}.explanation .link{font-weight:normal}.inline-icon{vertical-align:middle}@media (forced-colors: active){.link,\n  .devtools-link{color:linktext;text-decoration-color:linktext}}\n/*# sourceURL=${import.meta.resolve("./RequestHeaderSection.css")} */\n`};const W=new CSSStyleSheet;W.replaceSync(z.cssText);const{render:B,html:G}=t,K={learnMore:"Learn more",provisionalHeadersAreShownDisableCache:"Provisional headers are shown. Disable cache to see full headers.",onlyProvisionalHeadersAre:"Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn’t store the original request headers. Disable cache to see full request headers.",provisionalHeadersAreShown:"Provisional headers are shown."},X=d.i18n.registerUIStrings("panels/network/components/RequestHeaderSection.ts",K),Y=d.i18n.getLocalizedString.bind(void 0,X);class J extends HTMLElement{#e=this.attachShadow({mode:"open"});#E;#H=[];connectedCallback(){this.#e.adoptedStyleSheets=[W]}set data(e){this.#E=e.request,this.#H=this.#E.requestHeaders().map((e=>({name:l.StringUtilities.toLowerCaseString(e.name),value:e.value,valueEditable:2}))),this.#H.sort(((e,t)=>l.StringUtilities.compare(e.name,t.name))),"Request"===e.toReveal?.section&&this.#H.filter((t=>t.name===e.toReveal?.header?.toLowerCase())).forEach((e=>{e.highlight=!0})),this.#r()}#r(){this.#E&&B(G`
+      `,this.#e,{host:this})}}customElements.get("devtools-network-event-coverage-infobar")||customElements.define("devtools-network-event-coverage-infobar",P);var j=Object.freeze({__proto__:null,NetworkEventCoverageInfobar:P}),z={cssText:`:host{display:block}devtools-header-section-row:last-of-type{margin-bottom:10px}devtools-header-section-row:first-of-type{margin-top:2px}.call-to-action{background-color:var(--sys-color-neutral-container);padding:8px;border-radius:5px;margin:4px}.call-to-action-body{padding:6px 0;margin-left:9.5px;border-left:2px solid var(--issue-color-yellow);padding-left:18px;line-height:20px}.call-to-action .explanation{font-weight:bold}.call-to-action code{font-size:90%}.call-to-action .example .comment::before{content:" — "}.link,\n.devtools-link{color:var(--sys-color-primary);text-decoration:underline;cursor:pointer;outline-offset:2px}.explanation .link{font-weight:normal}.inline-icon{vertical-align:middle}@media (forced-colors: active){.link,\n  .devtools-link{color:linktext;text-decoration-color:linktext}}\n/*# sourceURL=${import.meta.resolve("./RequestHeaderSection.css")} */\n`};const W=new CSSStyleSheet;W.replaceSync(z.cssText);const{render:B,html:G}=t,K={learnMore:"Learn more",provisionalHeadersAreShownDisableCache:"Provisional headers are shown. Disable cache to see full headers.",onlyProvisionalHeadersAre:"Only provisional headers are available because this request was not sent over the network and instead was served from a local cache, which doesn’t store the original request headers. Disable cache to see full request headers.",provisionalHeadersAreShown:"Provisional headers are shown."},X=d.i18n.registerUIStrings("panels/network/components/RequestHeaderSection.ts",K),Y=d.i18n.getLocalizedString.bind(void 0,X);class J extends HTMLElement{#e=this.attachShadow({mode:"open"});#E;#H=[];connectedCallback(){this.#e.adoptedStyleSheets=[W]}set data(e){this.#E=e.request,this.#H=this.#E.requestHeaders().map((e=>({name:l.StringUtilities.toLowerCaseString(e.name),value:e.value,valueEditable:2}))),this.#H.sort(((e,t)=>l.StringUtilities.compare(e.name,t.name))),"Request"===e.toReveal?.section&&this.#H.filter((t=>t.name===e.toReveal?.header?.toLowerCase())).forEach((e=>{e.highlight=!0})),this.#r()}#r(){this.#E&&B(G`
       ${this.#$()}
       ${this.#H.map((e=>G`
         <devtools-header-section-row
diff --git a/packages/debugger-frontend/dist/third-party/front_end/panels/network/network.js b/packages/debugger-frontend/dist/third-party/front_end/panels/network/network.js
index b2da2f570cf785..3f0315163ad3f7 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/panels/network/network.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/panels/network/network.js
@@ -28,4 +28,4 @@ import*as e from"../../ui/legacy/legacy.js";import*as t from"../../core/common/c
             </div>
           `:H.nothing}
         </div>
-      `,this.#i,{host:this})}}customElements.define("devtools-network-event-coverage-infobar",Yt);class Qt{parentView;activeGroups;constructor(e){this.parentView=e,this.activeGroups=new Map}groupNodeForRequest(e){const t=n.ResourceTreeModel.ResourceTreeModel.frameForRequest(e);if(!t||t.isOutermostFrame())return null;let i=this.activeGroups.get(t);return i||(i=new Zt(this.parentView,t),this.activeGroups.set(t,i),i)}reset(){this.activeGroups.clear()}}class Zt extends fe{frame;constructor(e,t){super(e),this.frame=t}displayName(){return new t.ParsedURL.ParsedURL(this.frame.url).domain()||this.frame.name||"<iframe>"}renderCell(t,i){super.renderCell(t,i);if(0===this.dataGrid.indexOfVisibleColumn(i)){const r=this.displayName();t.appendChild(k.Icon.create("frame","network-frame-group-icon")),e.UIUtils.createTextChild(t,r),e.Tooltip.Tooltip.install(t,r),this.setCellAccessibleName(t.textContent||"",t,i)}}}var ei=Object.freeze({__proto__:null,FrameGroupNode:Zt,NetworkFrameGrouper:Qt}),ti={cssText:`.network-log-grid.data-grid{border:none!important;flex:auto}.network-log-grid.data-grid.no-selection:focus-visible{border:none!important}#network-container{overflow:hidden}#network-container.grid-focused.no-node-selected:focus-within{border:1px solid var(--sys-color-state-focus-ring)}.network-summary-bar{flex:0 0 27px;line-height:27px;padding-left:5px;background-color:var(--sys-color-cdt-base-container);border-top:1px solid var(--sys-color-divider);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;user-select:text}.panel.network devtools-toolbar.network-summary-bar{border-bottom:0}.network-summary-bar dt-icon-label{margin-right:6px}.network-summary-bar > *{flex:none}.network-log-grid.data-grid tbody{background:transparent}.network-log-grid.data-grid td{height:41px;border-left:1px solid var(--sys-color-divider);vertical-align:middle}.network-log-grid.data-grid .corner{display:none}.network-log-grid.data-grid.small td{height:21px}.network-log-grid.data-grid th{border-bottom:none}.network-waterfall-header,\n.network-log-grid.data-grid thead th{border-bottom:1px solid var(--sys-color-divider);border-left:1px solid var(--sys-color-divider)}.network-waterfall-header,\n.network-log-grid.data-grid thead{height:31px;background-color:var(--sys-color-surface1)}.network-waterfall-header.small,\n.network-log-grid.data-grid.small thead{height:27px}.network-log-grid.data-grid select{appearance:none;border:none;width:100%;color:inherit}.network-log-grid.data-grid .waterfall-column{padding:1px 0}.network-log-grid.data-grid .waterfall-column .sort-order-icon-container{right:15px;pointer-events:none}.network-log-grid.data-grid th.sortable:active{background-image:none!important}.network-cell-subtitle{font-weight:normal;color:var(--sys-color-token-subtle)}.network-badge{margin-right:4px}.status-column .devtools-link{color:inherit}.initiator-column .text-button.devtools-link,\n.initiator-column .text-button.devtools-link:focus-visible{color:inherit;background-color:transparent;outline-offset:0;height:16px}.network-error-row,\n.network-error-row .network-cell-subtitle{color:var(--sys-color-error)!important}.network-warning-row,\n.network-warning-row .network-cell-subtitle{color:var(--sys-color-yellow)}.network-log-grid.data-grid tr.selected.network-error-row,\n.network-log-grid.data-grid tr.selected.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected.network-error-row .network-dim-cell{color:var(--sys-color-error)}.network-log-grid.data-grid tr.selected.network-warning-row,\n.network-log-grid.data-grid tr.selected.network-warning-row .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected.network-warning-row .network-dim-cell{color:var(--sys-color-yellow)}.network-log-grid.data-grid:focus-within tr.selected.network-error-row,\n.network-log-grid.data-grid:focus-within tr.selected.network-error-row .devtools-link,\n.network-log-grid.data-grid:focus-within tr.selected.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid:focus-within tr.selected.network-error-row .network-dim-cell{color:var(--sys-color-error)}.network-log-grid.data-grid:focus-within tr.selected.network-warning-row,\n.network-log-grid.data-grid:focus-within tr.selected.network-warning-row .devtools-link,\n.network-log-grid.data-grid:focus-within tr.selected.network-warning-row .network-cell-subtitle,\n.network-log-grid.data-grid:focus-within tr.selected.network-warning-row .network-dim-cell{color:var(--sys-color-yellow)}.network-log-grid.data-grid tr.selected,\n.network-log-grid.data-grid tr.selected .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected .network-dim-cell{color:inherit}.network-log-grid.data-grid:focus tr.selected,\n.network-log-grid.data-grid:focus tr.selected .network-cell-subtitle,\n.network-log-grid.data-grid:focus tr.selected .network-dim-cell{color:var(--sys-color-on-tonal-container)}.network-header-subtitle{color:var(--sys-color-token-subtle)}.network-log-grid.data-grid.small .network-cell-subtitle,\n.network-log-grid.data-grid.small .network-header-subtitle{display:none}.network-log-grid.data-grid.small .network-cell-subtitle.always-visible{display:inline;margin-left:4px}.network-log-grid tr.highlighted-row{animation:network-row-highlight-fadeout 2s 0s}@keyframes network-row-highlight-fadeout{from{background-color:var(--sys-color-yellow-container)}to{background-color:transparent}}.network-log-grid.data-grid .icon.image{position:relative}.network-log-grid.data-grid .icon{float:left;width:32px;height:32px;margin-top:1px;margin-right:3px}.network-log-grid.data-grid:focus-within .network-error-row.selected div.icon:not(.image){filter:none}.network-log-grid.data-grid .network-error-row.data-grid-data-grid-node img.icon,\n.network-log-grid.data-grid .network-error-row.data-grid-data-grid-node.selected img.icon{filter:brightness(0) saturate(100%) invert(35%) sepia(76%) saturate(1413%) hue-rotate(338deg) brightness(92%) contrast(103%)}.data-grid-data-grid-node devtools-icon[name="arrow-up-down-circle"],\n.network-log-grid.data-grid.small .icon{width:16px;height:16px;vertical-align:sub}.data-grid-data-grid-node .ai-button-container{display:none;float:right}.data-grid-data-grid-node:hover .ai-button-container{display:inline-flex}.image-network-icon-preview{inset:0;margin:auto;overflow:hidden}.network-log-grid.data-grid .image-network-icon-preview{position:absolute;max-width:18px;max-height:21px;min-width:1px;min-height:1px}.network-log-grid.data-grid.small .image-network-icon-preview{left:2px;right:2px;max-width:10px;max-height:12px}.network-log-grid.data-grid .trailing-link-icon{padding-left:0.5ex}.network-dim-cell{color:var(--sys-color-token-subtle)}.network-frame-divider{width:2px;background-color:var(--network-frame-divider-color);z-index:10;visibility:hidden}#network-container.has-waterfall .data-container{overflow:hidden}.network-log-grid.data-grid .resources-dividers{z-index:0}.network-log-grid.data-grid .resources-dividers-label-bar{background-color:transparent;border:none;height:30px;pointer-events:none}.network-log-grid.data-grid span.separator-in-cell{user-select:none;min-width:1ex;display:inline-block}.network-status-pane{position:absolute;inset:0;background-color:var(--sys-color-cdt-base-container);z-index:500;overflow:auto}.network-waterfall-header{position:absolute;border-left:0;width:100%;display:table;z-index:200;& > div.hover-layer{display:none;background-color:var(--sys-color-state-hover-on-subtle);position:absolute;top:0;left:0;width:100%;height:100%}&:hover > div.hover-layer{display:block}}.network-waterfall-header div{display:table-cell;line-height:14px;margin:auto 0;vertical-align:middle;text-align:left;font-weight:normal;padding:0 4px}.network-waterfall-header .sort-order-icon-container{position:absolute;top:1px;right:0;bottom:1px;display:flex;align-items:center}.network-waterfall-header .sort-order-icon{align-items:center;margin-right:4px;margin-bottom:-2px}.network-frame-group-icon{display:inline-block;margin:-7px 1px;vertical-align:baseline}.network-frame-group-badge{margin-right:4px}.network-override-marker{position:relative;float:left}.network-override-marker::before{background-color:var(--sys-color-purple-bright);content:var(--image-file-empty);width:6px;height:6px;border-radius:50%;outline:1px solid var(--icon-gap-toolbar);left:8px;position:absolute;top:10px;z-index:1}@media (forced-colors: active){.initiator-column .devtools-link{color:linktext}.network-log-grid.data-grid tbody tr.revealed.selected,\n  .network-log-grid.data-grid:focus-within tbody tr.revealed.selected,\n  .network-log-grid.data-grid:focus-within tr.selected .network-dim-cell,\n  .network-log-grid.data-grid tr.selected .network-dim-cell,\n  .network-log-grid.data-grid:focus-within tr.selected .initiator-column .devtools-link,\n  .network-log-grid.data-grid tr.selected .initiator-column .devtools-link,\n  .network-waterfall-header:hover *{color:HighlightText}.network-log-grid{--color-grid-default:canvas;--color-grid-stripe:canvas;--color-grid-hovered:Highlight;--color-grid-selected:ButtonText;--color-grid-focus-selected:Highlight}#network-container.no-node-selected:focus-within{forced-color-adjust:none;border-color:Highlight;background-color:canvas!important}.network-waterfall-header:hover{forced-color-adjust:none;background-color:Highlight!important;& > div.hover-layer{display:none}}.network-waterfall-header.small,\n  .network-log-grid.data-grid.small thead .network-waterfall-header,\n  .network-log-grid.data-grid thead{background-color:canvas}.network-waterfall-header .sort-order-icon-container devtools-icon{background-color:inherit}.network-waterfall-header:hover .sort-order-icon-container devtools-icon{color:HighlightText}}\n/*# sourceURL=${import.meta.resolve("./networkLogView.css")} */\n`},ii={cssText:`.custom-headers-list{height:272px;width:var(--sys-size-29);margin:0 var(--sys-size-8)}.header{margin:var(--sys-size-5) var(--sys-size-5) var(--sys-size-5) var(--sys-size-8);padding-top:var(--sys-size-3);font:var(--sys-typescale-body2-medium);flex:none}.custom-headers-header{padding:2px}.custom-headers-list-item{padding-left:5px}.editor-container{padding:5px 0 0 5px}.add-button{margin:var(--sys-size-6) auto var(--sys-size-8) var(--sys-size-8);align-items:flex-start}\n/*# sourceURL=${import.meta.resolve("./networkManageCustomHeadersView.css")} */\n`};const ri={manageHeaderColumns:"Manage Header Columns",noCustomHeaders:"No custom headers",addCustomHeader:"Add custom header…",headerName:"Header Name"},oi=r.i18n.registerUIStrings("panels/network/NetworkManageCustomHeadersView.ts",ri),si=r.i18n.getLocalizedString.bind(void 0,oi);class ni extends e.Widget.VBox{list;columnConfigs;addHeaderColumnCallback;changeHeaderColumnCallback;removeHeaderColumnCallback;editor;constructor(t,i,r,o){super(!0),this.registerRequiredCSS(ii),this.contentElement.createChild("div","header").textContent=si(ri.manageHeaderColumns),this.list=new e.ListWidget.ListWidget(this),this.list.registerRequiredCSS(ii),this.list.element.classList.add("custom-headers-list");const s=document.createElement("div");s.classList.add("custom-headers-list-list-empty"),s.textContent=si(ri.noCustomHeaders),this.list.setEmptyPlaceholder(s),this.list.show(this.contentElement),this.contentElement.appendChild(e.UIUtils.createTextButton(si(ri.addCustomHeader),this.addButtonClicked.bind(this),{className:"add-button",jslogContext:"network.add-custom-header"})),this.columnConfigs=new Map,t.forEach((e=>this.columnConfigs.set(e.title.toLowerCase(),e))),this.addHeaderColumnCallback=i,this.changeHeaderColumnCallback=r,this.removeHeaderColumnCallback=o,this.contentElement.tabIndex=0}wasShown(){super.wasShown(),this.headersUpdated()}headersUpdated(){this.list.clear(),this.columnConfigs.forEach((e=>this.list.appendItem({header:e.title},e.editable)))}addButtonClicked(){this.list.addNewItem(this.columnConfigs.size,{header:""})}renderItem(t,i){const r=document.createElement("div");r.classList.add("custom-headers-list-item");const o=r.createChild("div","custom-header-name");return o.textContent=t.header,e.Tooltip.Tooltip.install(o,t.header),r}removeItemRequested(e,t){this.removeHeaderColumnCallback(e.header),this.columnConfigs.delete(e.header.toLowerCase()),this.headersUpdated()}commitEdit(e,t,i){const r=t.control("header").value.trim();let o;o=i?this.addHeaderColumnCallback(r):this.changeHeaderColumnCallback(e.header,r),o&&!i&&this.columnConfigs.delete(e.header.toLowerCase()),o&&this.columnConfigs.set(r.toLowerCase(),{title:r,editable:!0}),this.headersUpdated()}beginEdit(e){const t=this.createEditor();return t.control("header").value=e.header,t}createEditor(){if(this.editor)return this.editor;const t=new e.ListWidget.Editor;this.editor=t;const i=t.contentElement();i.createChild("div","custom-headers-edit-row").createChild("div","custom-headers-header").textContent=si(ri.headerName);return i.createChild("div","custom-headers-edit-row").createChild("div","custom-headers-header").appendChild(t.createInput("header","text","x-custom-header",function(e,i,r){let o=!0;const s=t.control("header").value.trim().toLowerCase();this.columnConfigs.has(s)&&e.header!==s&&(o=!1);return{valid:o,errorMessage:void 0}}.bind(this))),t}}var ai=Object.freeze({__proto__:null,NetworkManageCustomHeadersView:ni});class li extends v.TimelineOverviewPane.TimelineOverviewBase{selectedFilmStripTime;numBands;highlightedRequest;loadEvents;domContentLoadedEvents;nextBand;bandMap;requestsList;requestsSet;span;lastBoundary;constructor(){super(),this.selectedFilmStripTime=-1,this.element.classList.add("network-overview"),this.numBands=1,this.highlightedRequest=null,n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.Load,this.loadEventFired,this,{scoped:!0}),n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.DOMContentLoaded,this.domContentLoadedEventFired,this,{scoped:!0}),this.reset()}setHighlightedRequest(e){this.highlightedRequest=e,this.scheduleUpdate()}selectFilmStripFrame(e){this.selectedFilmStripTime=e,this.scheduleUpdate()}clearFilmStripFrame(){this.selectedFilmStripTime=-1,this.scheduleUpdate()}loadEventFired(e){const t=e.data.loadTime;t&&this.loadEvents.push(1e3*t),this.scheduleUpdate()}domContentLoadedEventFired(e){const{data:t}=e;t&&this.domContentLoadedEvents.push(1e3*t),this.scheduleUpdate()}bandId(e){if(!e||"0"===e)return-1;if(this.bandMap.has(e))return this.bandMap.get(e);const t=this.nextBand++;return this.bandMap.set(e,t),t}updateRequest(e){this.requestsSet.has(e)||(this.requestsSet.add(e),this.requestsList.push(e)),this.scheduleUpdate()}wasShown(){this.onResize()}calculator(){return super.calculator()}onResize(){const e=this.element.offsetWidth,t=this.element.offsetHeight;this.calculator().setDisplayWidth(e),this.resetCanvas();const i=(t-hi-1)/ci-1|0;this.numBands=i>0?i:1,this.scheduleUpdate()}reset(){this.span=1,this.lastBoundary=null,this.nextBand=0,this.bandMap=new Map,this.requestsList=[],this.requestsSet=new Set,this.loadEvents=[],this.domContentLoadedEvents=[],this.resetCanvas()}scheduleUpdate(){this.isShowing()&&E.write("NetworkOverview.render",this.update.bind(this))}update(){const e=this.calculator(),t=new Dt(e.minimumBoundary(),e.maximumBoundary());if(!this.lastBoundary||!t.equals(this.lastBoundary)){const t=e.boundarySpan();for(;this.span<t;)this.span*=1.25;e.setBounds(e.minimumBoundary(),M.Types.Timing.Milli(e.minimumBoundary()+this.span)),this.lastBoundary=new Dt(e.minimumBoundary(),e.maximumBoundary())}const i=this.context(),r=new Map,o=hi;function s(t){const s=r.get(t);if(!s)return;const n=s.length;i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue("--color-background-opacity-80"),i.lineWidth=pi,i.fillStyle=P.ThemeSupport.instance().getComputedValue(di[t]);for(let t=0;t<n;){const r=s[t++]*ci+o,n=s[t++];let a=s[t++];a===Number.MAX_VALUE&&(a=e.maximumBoundary());const l=e.computePosition(M.Types.Timing.Milli(n)),d=e.computePosition(M.Types.Timing.Milli(a))+1;i.fillRect(l,r,Math.max(d-l,ui),ci),i.strokeRect(l,r,Math.max(d-l,ui),ci)}}function n(e,t,i,o){let s=r.get(e);s||(s=[],r.set(e,s)),s.push(t,i,o)}const a=this.requestsList,l=a.length;for(let e=0;e<l;++e){const t=a[e],i=this.bandId(t.connectionId),r=-1===i?0:i%this.numBands+1,o=vt.calculateRequestTimeRanges(t,this.calculator().minimumBoundary());for(let e=0;e<o.length;++e){const t=o[e].name;-1===i&&"total"!==t||n(t,r,1e3*o[e].start,1e3*o[e].end)}}if(i.clearRect(0,0,this.width(),this.height()),i.save(),i.scale(window.devicePixelRatio,window.devicePixelRatio),i.lineWidth=2,s("total"),s("blocking"),s("connecting"),s("serviceworker"),s("serviceworker-preparation"),s("serviceworker-respondwith"),s("push"),s("proxy"),s("dns"),s("ssl"),s("sending"),s("waiting"),s("receiving"),this.highlightedRequest){const t=5,r=2,s=this.highlightedRequest,n=this.bandId(s.connectionId),a=(-1===n?0:n%this.numBands+1)*ci+o,l=vt.calculateRequestTimeRanges(s,this.calculator().minimumBoundary());i.fillStyle=P.ThemeSupport.instance().getComputedValue("--sys-color-tonal-container");const d=M.Types.Timing.Milli(1e3*l[0].start),c=M.Types.Timing.Milli(1e3*l[0].end);i.fillRect(e.computePosition(d)-r,a-t/2-r,e.computePosition(c)-e.computePosition(d)+1+2*r,t*r);for(let r=0;r<l.length;++r){const o=l[r].name;if(-1!==n||"total"===o){i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue(di[o]),i.lineWidth=t;const s=M.Types.Timing.Milli(1e3*l[r].start),n=M.Types.Timing.Milli(1e3*l[r].end);i.moveTo(Number(e.computePosition(s))-0,a),i.lineTo(Number(e.computePosition(n))+1,a),i.stroke()}}}const d=this.element.offsetHeight;i.lineWidth=1,i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue(Hi.getDCLEventColor());for(let t=this.domContentLoadedEvents.length-1;t>=0;--t){const r=e.computePosition(M.Types.Timing.Milli(this.domContentLoadedEvents[t])),o=Math.round(r)+.5;i.moveTo(o,0),i.lineTo(o,d)}i.stroke(),i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue(Hi.getLoadEventColor());for(let t=this.loadEvents.length-1;t>=0;--t){const r=e.computePosition(M.Types.Timing.Milli(this.loadEvents[t])),o=Math.round(r)+.5;i.moveTo(o,0),i.lineTo(o,d)}if(i.stroke(),-1!==this.selectedFilmStripTime){i.lineWidth=2,i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue("--network-frame-divider-color");const t=M.Types.Timing.Milli(this.selectedFilmStripTime),r=Math.round(e.computePosition(t));i.moveTo(r,0),i.lineTo(r,d),i.stroke()}i.restore()}}const di={total:"--network-overview-total",blocking:"--network-overview-blocking",connecting:"--network-overview-connecting",serviceworker:"--network-overview-service-worker","serviceworker-preparation":"--network-overview-service-worker","serviceworker-respondwith":"--network-overview-service-worker-respond-with",push:"--network-overview-push",proxy:"--override-network-overview-proxy",dns:"--network-overview-dns",ssl:"--network-overview-ssl",sending:"--override-network-overview-sending",waiting:"--network-overview-waiting",receiving:"--network-overview-receiving",queueing:"--network-overview-queueing"},ci=3,hi=5,ui=10,pi=1;var gi=Object.freeze({__proto__:null,NetworkOverview:li,RequestTimeRangeNameToColor:di}),mi={cssText:`.network-waterfall-v-scroll{position:absolute;top:0;right:0;bottom:0;overflow-x:hidden;margin-top:31px;z-index:200}.theme-with-dark-background .network-waterfall-v-scroll{background:rgb(0 0 0/1%)}.network-waterfall-v-scroll.small{margin-top:27px}.network-waterfall-v-scroll-content{width:15px;pointer-events:none}\n/*# sourceURL=${import.meta.resolve("./networkWaterfallColumn.css")} */\n`};class wi extends e.Widget.VBox{canvas;canvasPosition;leftPadding;fontSize;rightPadding;scrollTop;headerHeight;calculator;rawRowHeight;rowHeight;offsetWidth;offsetHeight;startTime;endTime;popoverHelper;nodes;hoveredNode;eventDividers;styleForTimeRangeName;styleForWaitingResourceType;styleForDownloadingResourceType;wiskerStyle;hoverDetailsStyle;pathForStyle;textLayers;constructor(t){super(!1),this.registerRequiredCSS(mi),this.canvas=this.contentElement.createChild("canvas"),this.canvas.tabIndex=-1,this.setDefaultFocusedElement(this.canvas),this.canvasPosition=this.canvas.getBoundingClientRect(),this.leftPadding=5,this.fontSize=10,this.rightPadding=0,this.scrollTop=0,this.headerHeight=0,this.calculator=t,this.rawRowHeight=0,this.rowHeight=0,this.offsetWidth=0,this.offsetHeight=0,this.startTime=this.calculator.minimumBoundary(),this.endTime=this.calculator.maximumBoundary(),this.popoverHelper=new e.PopoverHelper.PopoverHelper(this.element,this.getPopoverRequest.bind(this),"network.timing"),this.popoverHelper.setTimeout(300,300),this.nodes=[],this.hoveredNode=null,this.eventDividers=new Map,this.element.addEventListener("mousemove",this.onMouseMove.bind(this),!0),this.element.addEventListener("mouseleave",(e=>this.setHoveredNode(null,!1)),!0),this.element.addEventListener("click",this.onClick.bind(this),!0),this.styleForTimeRangeName=wi.buildRequestTimeRangeStyle();const i=wi.buildResourceTypeStyle();this.styleForWaitingResourceType=i[0],this.styleForDownloadingResourceType=i[1];const r=P.ThemeSupport.instance().getComputedValue("--sys-color-state-disabled");this.wiskerStyle={borderColor:r,lineWidth:1,fillStyle:void 0},this.hoverDetailsStyle={fillStyle:r,lineWidth:1,borderColor:r},this.pathForStyle=new Map,this.textLayers=[]}static buildRequestTimeRangeStyle(){const e=new Map;return e.set("connecting",{fillStyle:di.connecting}),e.set("ssl",{fillStyle:di.ssl}),e.set("dns",{fillStyle:di.dns}),e.set("proxy",{fillStyle:di.proxy}),e.set("blocking",{fillStyle:di.blocking}),e.set("push",{fillStyle:di.push}),e.set("queueing",{fillStyle:di.queueing,lineWidth:2,borderColor:"lightgrey"}),e.set("receiving",{fillStyle:di.receiving,lineWidth:2,borderColor:"#03A9F4"}),e.set("waiting",{fillStyle:di.waiting}),e.set("receiving-push",{fillStyle:di["receiving-push"]}),e.set("serviceworker",{fillStyle:di.serviceworker}),e.set("serviceworker-preparation",{fillStyle:di["serviceworker-preparation"]}),e.set("serviceworker-respondwith",{fillStyle:di["serviceworker-respondwith"]}),e}static buildResourceTypeStyle(){const e=new Map([["document","hsl(215, 100%, 80%)"],["font","hsl(8, 100%, 80%)"],["media","hsl(90, 50%, 80%)"],["image","hsl(90, 50%, 80%)"],["script","hsl(31, 100%, 80%)"],["stylesheet","hsl(272, 64%, 80%)"],["texttrack","hsl(8, 100%, 80%)"],["websocket","hsl(0, 0%, 95%)"],["xhr","hsl(53, 100%, 80%)"],["fetch","hsl(53, 100%, 80%)"],["other","hsl(0, 0%, 95%)"]]),i=new Map,r=new Map;for(const n of Object.values(t.ResourceType.resourceTypes)){let t=e.get(n.name());t||(t=e.get("other"));const a=o(t);i.set(n,{fillStyle:s(t),lineWidth:1,borderColor:a}),r.set(n,{fillStyle:t,lineWidth:1,borderColor:a})}return[i,r];function o(e){const i=t.Color.parse(e)?.as("hsl");if(!i)return"";let{s:r,l:o}=i;return r/=2,o-=Math.min(o,.2),new t.Color.HSL(i.h,r,o,i.alpha).asString()}function s(e){const i=t.Color.parse(e)?.as("hsl");if(!i)return"";let{l:r}=i;return r*=1.1,new t.Color.HSL(i.h,i.s,r,i.alpha).asString()}}resetPaths(){this.pathForStyle.clear(),this.pathForStyle.set(this.wiskerStyle,new Path2D),this.styleForTimeRangeName.forEach((e=>this.pathForStyle.set(e,new Path2D))),this.styleForWaitingResourceType.forEach((e=>this.pathForStyle.set(e,new Path2D))),this.styleForDownloadingResourceType.forEach((e=>this.pathForStyle.set(e,new Path2D))),this.pathForStyle.set(this.hoverDetailsStyle,new Path2D)}willHide(){this.popoverHelper.hidePopover(),super.willHide()}wasShown(){super.wasShown(),this.update()}onMouseMove(e){this.setHoveredNode(this.getNodeFromPoint(e.offsetX,e.offsetY),e.shiftKey)}onClick(e){this.setSelectedNode(this.getNodeFromPoint(e.offsetX,e.offsetY))&&e.consume(!0)}getPopoverRequest(e){if(e instanceof KeyboardEvent)return null;if(!this.hoveredNode)return null;const i=this.hoveredNode.request();if(!i)return null;let r,o,s;if(!t.Settings.Settings.instance().moduleSetting("network-color-code-resource-types").get()&&!this.calculator.startAtZero?(r=vt.calculateRequestTimeRanges(i,0).find((e=>"total"===e.name)),o=this.timeToPosition(r.start),s=this.timeToPosition(r.end)):(r=this.getSimplifiedBarRange(i,0),o=r.start,s=r.end),s-o<50){const e=(s-o)/2;o=o+e-25,s=s-e+25}if(e.clientX<this.canvasPosition.left+o||e.clientX>this.canvasPosition.left+s)return null;const n=this.nodes.findIndex((e=>e.hovered())),a=this.getBarHeight(r.name),l=this.headerHeight+(this.rowHeight*n-this.scrollTop)+(this.rowHeight-a)/2;if(e.clientY<this.canvasPosition.top+l||e.clientY>this.canvasPosition.top+l+a)return null;const d=this.element.boxInWindow();return d.x+=o,d.y+=l,d.width=s-o,d.height=a,{box:d,show:e=>{const t=vt.createTimingTable(i,this.calculator);return e.registerRequiredCSS(gt),e.contentElement.appendChild(t),Promise.resolve(!0)},hide:void 0}}setHoveredNode(e,t){this.hoveredNode&&this.hoveredNode.setHovered(!1,!1),this.hoveredNode=e,this.hoveredNode&&this.hoveredNode.setHovered(!0,t)}setSelectedNode(e){return!!e?.dataGrid&&(e.select(),e.dataGrid.element.focus(),!0)}setRowHeight(e){this.rawRowHeight=e,this.updateRowHeight()}updateRowHeight(){this.rowHeight=Math.round(this.rawRowHeight*window.devicePixelRatio)/window.devicePixelRatio}setHeaderHeight(e){this.headerHeight=e}setRightPadding(e){this.rightPadding=e,this.calculateCanvasSize()}setCalculator(e){this.calculator=e}getNodeFromPoint(e,t){return t<=this.headerHeight?null:this.nodes[Math.floor((this.scrollTop+t-this.headerHeight)/this.rowHeight)]}scheduleDraw(){E.write("NetworkWaterfallColumn.render",(()=>this.update()))}update(e,t,i){void 0!==e&&this.scrollTop!==e&&(this.popoverHelper.hidePopover(),this.scrollTop=e),i&&(this.nodes=i,this.calculateCanvasSize()),void 0!==t&&(this.eventDividers=t),this.startTime=this.calculator.minimumBoundary(),this.endTime=this.calculator.maximumBoundary(),this.resetCanvas(),this.resetPaths(),this.textLayers=[],this.draw()}resetCanvas(){const e=window.devicePixelRatio;this.canvas.width=this.offsetWidth*e,this.canvas.height=this.offsetHeight*e,this.canvas.style.width=this.offsetWidth+"px",this.canvas.style.height=this.offsetHeight+"px"}onResize(){super.onResize(),this.updateRowHeight(),this.calculateCanvasSize(),this.scheduleDraw()}calculateCanvasSize(){this.offsetWidth=this.contentElement.offsetWidth-this.rightPadding,this.offsetHeight=this.contentElement.offsetHeight,this.calculator.setDisplayWidth(this.offsetWidth),this.canvasPosition=this.canvas.getBoundingClientRect()}timeToPosition(e){const t=(this.offsetWidth-this.leftPadding)/(this.endTime-this.startTime);return Math.floor(this.leftPadding+(e-this.startTime)*t)}didDrawForTest(){}draw(){const e=!t.Settings.Settings.instance().moduleSetting("network-color-code-resource-types").get()&&!this.calculator.startAtZero,i=this.nodes,r=this.canvas.getContext("2d");if(!r)return;r.save(),r.scale(window.devicePixelRatio,window.devicePixelRatio),r.translate(0,this.headerHeight),r.rect(0,0,this.offsetWidth,this.offsetHeight),r.clip();const o=Math.floor(this.scrollTop/this.rowHeight),s=Math.min(i.length,o+Math.ceil(this.offsetHeight/this.rowHeight));for(let t=o;t<s;t++){const o=this.rowHeight*t,s=i[t];this.decorateRow(r,s,o-this.scrollTop);let n=[];s.hasChildren()&&!s.expanded&&(n=s.flatChildren()),n.push(s);for(const t of n)e?this.buildTimingBarLayers(t,o-this.scrollTop):this.buildSimplifiedBarLayers(r,t,o-this.scrollTop)}this.drawLayers(r,e),r.save(),r.fillStyle=P.ThemeSupport.instance().getComputedValue("--sys-color-state-disabled");for(const e of this.textLayers)r.fillText(e.text,e.x,e.y);r.restore(),this.drawEventDividers(r),r.restore();const n=v.TimelineGrid.TimelineGrid.calculateGridOffsets(this.calculator);v.TimelineGrid.TimelineGrid.drawCanvasGrid(r,n),v.TimelineGrid.TimelineGrid.drawCanvasHeaders(r,n,(e=>this.calculator.formatValue(e,n.precision)),this.fontSize,this.headerHeight,75),r.save(),r.scale(window.devicePixelRatio,window.devicePixelRatio),r.clearRect(this.offsetWidth-18,0,18,this.headerHeight),r.restore(),this.didDrawForTest()}drawLayers(e,t){for(const i of this.pathForStyle){const r=i[0],o=i[1];e.save(),e.beginPath(),r.lineWidth&&(e.lineWidth=r.lineWidth,r.borderColor&&(e.strokeStyle=r.borderColor),e.stroke(o)),r.fillStyle&&(e.fillStyle=t?P.ThemeSupport.instance().getComputedValue(r.fillStyle):r.fillStyle,e.fill(o)),e.restore()}}drawEventDividers(e){e.save(),e.lineWidth=1;for(const t of this.eventDividers.keys()){e.strokeStyle=t;for(const i of this.eventDividers.get(t)||[]){e.beginPath();const t=this.timeToPosition(i);e.moveTo(t,0),e.lineTo(t,this.offsetHeight)}e.stroke()}e.restore()}getBarHeight(e){switch(e){case"connecting":case"ssl":case"dns":case"proxy":case"blocking":case"push":case"queueing":return 7;default:return 13}}getSimplifiedBarRange(e,t){const i=this.offsetWidth-this.leftPadding,r=this.calculator.computeBarGraphPercentages(e);return{start:this.leftPadding+Math.floor(r.start/100*i)+t,mid:this.leftPadding+Math.floor(r.middle/100*i)+t,end:this.leftPadding+Math.floor(r.end/100*i)+t}}buildSimplifiedBarLayers(e,t,i){const r=t.request();if(!r)return;const o=.5,s=this.getSimplifiedBarRange(r,o),n=this.getBarHeight();i+=Math.floor(this.rowHeight/2-n/2+1)-.5;const a=this.styleForWaitingResourceType.get(r.resourceType());this.pathForStyle.get(a).rect(s.start,i,s.mid-s.start,n-1);const l=Math.max(2,s.end-s.mid),d=this.styleForDownloadingResourceType.get(r.resourceType());this.pathForStyle.get(d).rect(s.mid,i,l,n-1);let c=null;if(t.hovered()){c=this.calculator.computeBarGraphLabels(r);const t=10,a=e.measureText(c.left).width,d=e.measureText(c.right).width,h=this.pathForStyle.get(this.hoverDetailsStyle);if(a<s.mid-s.start){const e=s.start+(s.mid-s.start-a)/2;this.textLayers.push({text:c.left,x:e,y:i+this.fontSize})}else t+a+this.leftPadding<s.start&&(this.textLayers.push({text:c.left,x:s.start-a-t-1,y:i+this.fontSize}),h.moveTo(s.start-t,i+Math.floor(n/2)),h.arc(s.start,i+Math.floor(n/2),2,0,2*Math.PI),h.moveTo(s.start-t,i+Math.floor(n/2)),h.lineTo(s.start,i+Math.floor(n/2)));const u=s.mid+l+o;if(d<u-s.mid){const e=s.mid+(u-s.mid-d)/2;this.textLayers.push({text:c.right,x:e,y:i+this.fontSize})}else u+t+d<this.offsetWidth-this.leftPadding&&(this.textLayers.push({text:c.right,x:u+t+1,y:i+this.fontSize}),h.moveTo(u,i+Math.floor(n/2)),h.arc(u,i+Math.floor(n/2),2,0,2*Math.PI),h.moveTo(u,i+Math.floor(n/2)),h.lineTo(u+t,i+Math.floor(n/2)))}if(!this.calculator.startAtZero){const t=vt.calculateRequestTimeRanges(r,0).find((e=>"total"===e.name)),a=c?e.measureText(c.left).width:0,l=a<s.mid-s.start,d=c&&!l?a+13:0,h=this.timeToPosition(t.start);if(s.start-d>h){const e=this.pathForStyle.get(this.wiskerStyle);e.moveTo(h,i+Math.floor(n/2)),e.lineTo(s.start-d,i+Math.floor(n/2));const t=n/2;e.moveTo(h+o,i+t/2),e.lineTo(h+o,i+n-t/2-1)}}}buildTimingBarLayers(e,t){const i=e.request();if(!i)return;const r=vt.calculateRequestTimeRanges(i,0);let o=0;for(const e of r){if("total"===e.name||"sending"===e.name||e.end-e.start==0)continue;const i=this.styleForTimeRangeName.get(e.name),r=this.pathForStyle.get(i),s=i.lineWidth||0,n=this.getBarHeight(e.name),a=t+Math.floor(this.rowHeight/2-n/2)+s/2,l=this.timeToPosition(e.start),d=this.timeToPosition(e.end);r.rect(l+1*o,a,d-l,n-s),o++}}decorateRow(e,t,i){const r=t.backgroundColor();e.save(),e.beginPath(),e.fillStyle=P.ThemeSupport.instance().getComputedValue(r),e.rect(0,i,this.offsetWidth,this.rowHeight),e.fill(),e.restore()}}var ki=Object.freeze({__proto__:null,NetworkWaterfallColumn:wi});const vi={networkLog:"Network Log",waterfall:"Waterfall",responseHeaders:"Response Headers",manageHeaderColumns:"Manage Header Columns…",startTime:"Start Time",responseTime:"Response Time",endTime:"End Time",totalDuration:"Total Duration",latency:"Latency",name:"Name",path:"Path",url:"Url",method:"Method",status:"Status",text:"Text",protocol:"Protocol",scheme:"Scheme",domain:"Domain",remoteAddress:"Remote Address",type:"Type",initiator:"Initiator",hasOverrides:"Has overrides",initiatorAddressSpace:"Initiator Address Space",cookies:"Cookies",setCookies:"Set Cookies",size:"Size",content:"Content",time:"Time",priority:"Priority",connectionId:"Connection ID",remoteAddressSpace:"Remote Address Space"},bi=r.i18n.registerUIStrings("panels/network/NetworkLogViewColumns.ts",vi),fi=r.i18n.getLocalizedString.bind(void 0,bi),Ci=r.i18n.getLazilyComputedLocalizedString.bind(void 0,bi);class Si{networkLogView;persistentSettings;networkLogLargeRowsSetting;eventDividers;eventDividersShown;gridMode;columns;waterfallRequestsAreStale;waterfallScrollerWidthIsStale;popupLinkifier;calculatorsMap;lastWheelTime;dataGridInternal;splitWidget;waterfallColumn;activeScroller;dataGridScroller;waterfallScroller;waterfallScrollerContent;waterfallHeaderElement;waterfallColumnSortIcon;activeWaterfallSortId;popoverHelper;hasScrollerTouchStarted;scrollerTouchStartPos;constructor(e,i,r,o){this.networkLogView=e,this.persistentSettings=t.Settings.Settings.instance().createSetting("network-log-columns",{}),this.networkLogLargeRowsSetting=o,this.networkLogLargeRowsSetting.addChangeListener(this.updateRowsSize,this),this.eventDividers=new Map,this.eventDividersShown=!1,this.gridMode=!0,this.columns=[],this.waterfallRequestsAreStale=!1,this.waterfallScrollerWidthIsStale=!0,this.popupLinkifier=new b.Linkifier.Linkifier,this.calculatorsMap=new Map,this.calculatorsMap.set("Time",i),this.calculatorsMap.set("Duration",r),this.lastWheelTime=0,this.setupDataGrid(),this.setupWaterfall(),P.ThemeSupport.instance().addEventListener(P.ThemeChangeEvent.eventName,(()=>{this.scheduleRefresh()}))}static convertToDataGridDescriptor(e){const t=e.title instanceof Function?e.title():e.title;return{id:e.id,title:t,sortable:e.sortable,align:e.align,nonSelectable:e.nonSelectable,weight:e.weight,allowInSortByEvenWhenHidden:e.allowInSortByEvenWhenHidden}}wasShown(){this.updateRowsSize()}willHide(){this.popoverHelper&&this.popoverHelper.hidePopover()}reset(){this.popoverHelper&&this.popoverHelper.hidePopover(),this.eventDividers.clear()}setupDataGrid(){const t=xi,i=Ti;this.columns=[];for(const e of t){const t=Object.assign({},i,e);if(t.id=t.id,t.subtitle){const e=t.title instanceof Function?t.title():t.title,i=t.subtitle instanceof Function?t.subtitle():t.subtitle;t.titleDOMFragment=this.makeHeaderFragment(e,i)}this.columns.push(t)}this.loadCustomColumnsAndSettings(),this.popoverHelper=new e.PopoverHelper.PopoverHelper(this.networkLogView.element,this.getPopoverRequest.bind(this),"network.initiator-stacktrace"),this.popoverHelper.setTimeout(300,300),this.dataGridInternal=new c.SortableDataGrid.SortableDataGrid({displayName:fi(vi.networkLog),columns:this.columns.map(Si.convertToDataGridDescriptor),deleteCallback:void 0,refreshCallback:void 0}),this.dataGridInternal.element.addEventListener("mousedown",(e=>{!this.dataGridInternal.selectedNode&&e.button&&e.consume()}),!0),this.dataGridScroller=this.dataGridInternal.scrollContainer,this.updateColumns(),this.dataGridInternal.addEventListener("SortingChanged",this.sortHandler,this),this.dataGridInternal.setHeaderContextMenuCallback(this.innerHeaderContextMenu.bind(this)),this.activeWaterfallSortId=Ii.StartTime,this.dataGridInternal.markColumnAsSortedBy(yi,c.DataGrid.Order.Ascending),this.splitWidget=new e.SplitWidget.SplitWidget(!0,!0,"network-panel-split-view-waterfall",200);const r=this.dataGridInternal.asWidget();r.setMinimumSize(150,0),this.splitWidget.setMainWidget(r)}setupWaterfall(){this.waterfallColumn=new wi(this.networkLogView.calculator()),this.waterfallColumn.element.addEventListener("contextmenu",function(t){const i=t,r=this.waterfallColumn.getNodeFromPoint(i.offsetX,i.offsetY);if(!r)return;const o=r.request();if(!o)return;const s=new e.ContextMenu.ContextMenu(i);this.networkLogView.handleContextMenuForRequest(s,o),s.show()}.bind(this)),this.waterfallColumn.element.addEventListener("wheel",this.onMouseWheel.bind(this,!1),{passive:!0}),this.waterfallColumn.element.addEventListener("touchstart",this.onTouchStart.bind(this)),this.waterfallColumn.element.addEventListener("touchmove",this.onTouchMove.bind(this)),this.waterfallColumn.element.addEventListener("touchend",this.onTouchEnd.bind(this)),this.dataGridScroller.addEventListener("wheel",this.onMouseWheel.bind(this,!0),!0),this.dataGridScroller.addEventListener("touchstart",this.onTouchStart.bind(this)),this.dataGridScroller.addEventListener("touchmove",this.onTouchMove.bind(this)),this.dataGridScroller.addEventListener("touchend",this.onTouchEnd.bind(this)),this.waterfallScroller=this.waterfallColumn.contentElement.createChild("div","network-waterfall-v-scroll"),this.waterfallScrollerContent=this.waterfallScroller.createChild("div","network-waterfall-v-scroll-content"),this.dataGridInternal.addEventListener("PaddingChanged",(()=>{this.waterfallScrollerWidthIsStale=!0,this.syncScrollers()})),this.dataGridInternal.addEventListener("ViewportCalculated",this.redrawWaterfallColumn.bind(this)),this.createWaterfallHeader(),this.waterfallColumn.contentElement.classList.add("network-waterfall-view"),this.waterfallColumn.setMinimumSize(100,0),this.splitWidget.setSidebarWidget(this.waterfallColumn),this.switchViewMode(!1)}onMouseWheel(e,t){e&&t.consume(!0);const i=t,r=Date.now()-this.lastWheelTime<80;this.activeScroller.scrollBy({top:i.deltaY,behavior:r?"auto":"smooth"}),this.syncScrollers(),this.lastWheelTime=Date.now()}onTouchStart(e){const t=e;this.hasScrollerTouchStarted=!0,this.scrollerTouchStartPos=t.changedTouches[0].pageY}onTouchMove(e){if(!this.hasScrollerTouchStarted)return;const t=e.changedTouches[0].pageY,i=this.scrollerTouchStartPos-t;this.activeScroller.scrollBy({top:i,behavior:"auto"}),this.syncScrollers(),this.scrollerTouchStartPos=t}onTouchEnd(){this.hasScrollerTouchStarted=!1}syncScrollers(){this.waterfallColumn.isShowing()&&(this.waterfallScrollerContent.style.height=this.dataGridScroller.scrollHeight-this.dataGridInternal.headerHeight()+"px",this.updateScrollerWidthIfNeeded(),this.dataGridScroller.scrollTop=this.waterfallScroller.scrollTop)}updateScrollerWidthIfNeeded(){this.waterfallScrollerWidthIsStale&&(this.waterfallScrollerWidthIsStale=!1,this.waterfallColumn.setRightPadding(this.waterfallScroller.offsetWidth-this.waterfallScrollerContent.offsetWidth))}redrawWaterfallColumn(){if(!this.waterfallRequestsAreStale)return this.updateScrollerWidthIfNeeded(),void this.waterfallColumn.update(this.activeScroller.scrollTop,this.eventDividersShown?this.eventDividers:void 0);this.syncScrollers();const e=this.networkLogView.flatNodesList();this.waterfallColumn.update(this.activeScroller.scrollTop,this.eventDividers,e)}createWaterfallHeader(){this.waterfallHeaderElement=this.waterfallColumn.contentElement.createChild("div","network-waterfall-header"),this.waterfallHeaderElement.setAttribute("jslog",`${d.tableHeader("waterfall").track({click:!0})}`),this.waterfallHeaderElement.addEventListener("click",function(){const e=c.DataGrid.Order,t="waterfall"===this.dataGridInternal.sortColumnId(),i=this.dataGridInternal.isSortOrderAscending(),r=t&&i?e.Descending:e.Ascending;this.dataGridInternal.markColumnAsSortedBy("waterfall",r),this.sortHandler()}.bind(this)),this.waterfallHeaderElement.addEventListener("contextmenu",(t=>{const i=new e.ContextMenu.ContextMenu(t);this.innerHeaderContextMenu(i),i.show()})),this.waterfallHeaderElement.createChild("div","hover-layer");this.waterfallHeaderElement.createChild("div").textContent=fi(vi.waterfall),this.waterfallColumnSortIcon=new k.Icon.Icon,this.waterfallColumnSortIcon.className="sort-order-icon",this.waterfallHeaderElement.createChild("div","sort-order-icon-container").appendChild(this.waterfallColumnSortIcon)}setCalculator(e){this.waterfallColumn.setCalculator(e)}scheduleRefresh(){this.waterfallColumn.scheduleDraw()}updateRowsSize(){const e=Boolean(this.networkLogLargeRowsSetting.get());this.dataGridInternal.element.classList.toggle("small",!e),this.dataGridInternal.scheduleUpdate(),this.waterfallScrollerWidthIsStale=!0,this.waterfallColumn.setRowHeight(e?41:21),this.waterfallScroller.classList.toggle("small",!e),this.waterfallHeaderElement.classList.toggle("small",!e),window.requestAnimationFrame((()=>{this.waterfallColumn.setHeaderHeight(this.waterfallScroller.offsetTop),this.waterfallColumn.scheduleDraw()}))}show(e){this.splitWidget.show(e)}setHidden(t){e.ARIAUtils.setHidden(this.splitWidget.element,t)}dataGrid(){return this.dataGridInternal}sortByCurrentColumn(){this.sortHandler()}sortHandler(){const e=this.dataGridInternal.sortColumnId();if(this.networkLogView.removeAllNodeHighlights(),this.waterfallRequestsAreStale=!0,"waterfall"===e){this.dataGridInternal.sortOrder()===c.DataGrid.Order.Ascending?this.waterfallColumnSortIcon.name="triangle-up":this.waterfallColumnSortIcon.name="triangle-down",this.waterfallColumnSortIcon.hidden=!1;const e=be.RequestPropertyComparator.bind(null,this.activeWaterfallSortId);return this.dataGridInternal.sortNodes(e,!this.dataGridInternal.isSortOrderAscending()),void this.dataGridSortedForTest()}this.waterfallColumnSortIcon.hidden=!0,this.waterfallColumnSortIcon.name=null;const t=this.columns.find((t=>t.id===e));if(!t?.sortingFunction)return;const i=t.sortingFunction;i&&(this.dataGridInternal.sortNodes(i,!this.dataGridInternal.isSortOrderAscending()),this.dataGridSortedForTest())}dataGridSortedForTest(){}updateColumns(){if(!this.dataGridInternal)return;const e=new Set;if(this.gridMode)for(const t of this.columns)"waterfall"===t.id?this.setWaterfallVisibility(t.visible):t.visible&&e.add(t.id);else{const t=this.columns.find((e=>"path"===e.hideableGroup&&e.visible));t?e.add(t.id):e.add("name"),this.setWaterfallVisibility(!1)}this.dataGridInternal.setColumnsVisibility(e)}switchViewMode(e){this.gridMode!==e&&(this.gridMode=e,this.updateColumns(),this.updateRowsSize())}toggleColumnVisibility(e){this.loadCustomColumnsAndSettings(),e.visible=!e.visible,this.saveColumnsSettings(),this.updateColumns(),this.updateRowsSize()}setWaterfallVisibility(e){this.splitWidget&&(this.networkLogView.element.classList.toggle("has-waterfall",e),e?(this.splitWidget.showBoth(),this.activeScroller=this.waterfallScroller,this.waterfallScroller.scrollTop=this.dataGridScroller.scrollTop,this.dataGridInternal.setScrollContainer(this.waterfallScroller)):(this.networkLogView.removeAllNodeHighlights(),this.splitWidget.hideSidebar(),this.activeScroller=this.dataGridScroller,this.dataGridInternal.setScrollContainer(this.dataGridScroller)))}saveColumnsSettings(){const e={};for(const t of this.columns)e[t.id]={visible:t.visible,title:t.title};this.persistentSettings.set(e)}loadCustomColumnsAndSettings(){const e=this.persistentSettings.get(),t=Object.keys(e);for(const i of t){const t=e[i];let r=this.columns.find((e=>e.id===i));!r&&t.title&&(r=this.addCustomHeader(t.title,i)||void 0),r&&r.hideable&&"boolean"==typeof t.visible&&(r.visible=Boolean(t.visible)),r&&"string"==typeof t.title&&(r.title=t.title)}}makeHeaderFragment(t,i){const r=document.createDocumentFragment();e.UIUtils.createTextChild(r,t);const o=r.createChild("div","network-header-subtitle");return e.UIUtils.createTextChild(o,i),r}innerHeaderContextMenu(e){const t=this.columns.filter((e=>e.hideable)),i=t.filter((e=>!e.isResponseHeader)),r=new Map,o=[];for(const e of i)if(e.hideableGroup){const t=e.hideableGroup;let i=r.get(t);i||(i=[],r.set(t,i)),i.push(e)}else o.push(e);for(const t of r.values()){const i=t.filter((e=>e.visible));for(const r of t){const t=1===i.length&&i[0]===r,o=r.title instanceof Function?r.title():r.title;e.headerSection().appendCheckboxItem(o,this.toggleColumnVisibility.bind(this,r),{checked:r.visible,disabled:t,jslogContext:r.id})}e.headerSection().appendSeparator()}for(const t of o){const i=t.title instanceof Function?t.title():t.title;e.headerSection().appendCheckboxItem(i,this.toggleColumnVisibility.bind(this,t),{checked:t.visible,jslogContext:t.id})}const s=e.footerSection().appendSubMenuItem(fi(vi.responseHeaders),!1,"response-headers"),n=t.filter((e=>e.isResponseHeader));for(const e of n){const t=e.title instanceof Function?e.title():e.title;s.defaultSection().appendCheckboxItem(t,this.toggleColumnVisibility.bind(this,e),{checked:e.visible,jslogContext:e.id})}s.footerSection().appendItem(fi(vi.manageHeaderColumns),this.manageCustomHeaderDialog.bind(this),{jslogContext:"manage-header-columns"});const a=Ii,l=e.footerSection().appendSubMenuItem(fi(vi.waterfall),!1,"waterfall");function d(e){let t=this.calculatorsMap.get("Time");const i=Ii;e!==i.Duration&&e!==i.Latency||(t=this.calculatorsMap.get("Duration")),this.networkLogView.setCalculator(t),this.activeWaterfallSortId=e,this.dataGridInternal.markColumnAsSortedBy("waterfall",c.DataGrid.Order.Ascending),this.sortHandler()}l.defaultSection().appendCheckboxItem(fi(vi.startTime),d.bind(this,a.StartTime),{checked:this.activeWaterfallSortId===a.StartTime,jslogContext:"start-time"}),l.defaultSection().appendCheckboxItem(fi(vi.responseTime),d.bind(this,a.ResponseTime),{checked:this.activeWaterfallSortId===a.ResponseTime,jslogContext:"response-time"}),l.defaultSection().appendCheckboxItem(fi(vi.endTime),d.bind(this,a.EndTime),{checked:this.activeWaterfallSortId===a.EndTime,jslogContext:"end-time"}),l.defaultSection().appendCheckboxItem(fi(vi.totalDuration),d.bind(this,a.Duration),{checked:this.activeWaterfallSortId===a.Duration,jslogContext:"total-duration"}),l.defaultSection().appendCheckboxItem(fi(vi.latency),d.bind(this,a.Latency),{checked:this.activeWaterfallSortId===a.Latency,jslogContext:"latency"})}manageCustomHeaderDialog(){const t=[];for(const e of this.columns){const i=e.title instanceof Function?e.title():e.title;e.isResponseHeader&&t.push({title:i,editable:e.isCustomHeader})}const i=new ni(t,(e=>Boolean(this.addCustomHeader(e))),this.changeCustomHeader.bind(this),this.removeCustomHeader.bind(this)),r=new e.Dialog.Dialog("manage-custom-headers");i.show(r.contentElement),r.setSizeBehavior("MeasureContent"),r.show(this.networkLogView.element)}removeCustomHeader(e){e=e.toLowerCase();const t=this.columns.findIndex((t=>t.id===e));return-1!==t&&(this.columns.splice(t,1),this.dataGridInternal.removeColumn(e),this.saveColumnsSettings(),this.updateColumns(),!0)}addCustomHeader(e,t,i){t||(t=e.toLowerCase()),void 0===i&&(i=this.columns.length-1);const r=this.columns.find((e=>e.id===t));if(r)return null;const o=Object.assign({},Ti,{id:t,title:e,isResponseHeader:!0,isCustomHeader:!0,visible:!0,sortingFunction:be.ResponseHeaderStringComparator.bind(null,t)});return this.columns.splice(i,0,o),this.dataGridInternal&&this.dataGridInternal.addColumn(Si.convertToDataGridDescriptor(o),i),this.saveColumnsSettings(),this.updateColumns(),o}changeCustomHeader(e,t,i){i||(i=t.toLowerCase()),e=e.toLowerCase();const r=this.columns.findIndex((t=>t.id===e)),o=this.columns[r],s=this.columns.find((e=>e.id===i));return!(!o||s&&e!==i)&&(this.removeCustomHeader(e),this.addCustomHeader(t,i,r),!0)}getPopoverRequest(e){if(!this.gridMode)return null;const t=this.networkLogView.hoveredNode();if(!t||!e.target)return null;const i=e.target.enclosingNodeOrSelfWithClass("network-script-initiated");if(!i)return null;const r=t.request();return r?{box:i.boxInWindow(),show:async e=>{this.popupLinkifier.addEventListener("liveLocationUpdated",(()=>{e.setSizeBehavior("MeasureContent")}));const t=Pe.createStackTracePreview(r,this.popupLinkifier,!1);return!!t&&(e.contentElement.appendChild(t.element),!0)},hide:this.popupLinkifier.reset.bind(this.popupLinkifier)}:null}addEventDividers(e,t){let i="transparent";switch(t){case"network-dcl-divider":i=P.ThemeSupport.instance().getComputedValue("--sys-color-blue");break;case"network-load-divider":i=P.ThemeSupport.instance().getComputedValue("--sys-color-error");break;default:return}const r=this.eventDividers.get(i)||[];this.eventDividers.set(i,r.concat(e)),this.networkLogView.scheduleRefresh()}hideEventDividers(){this.eventDividersShown=!0,this.redrawWaterfallColumn()}showEventDividers(){this.eventDividersShown=!1,this.redrawWaterfallColumn()}selectFilmStripFrame(e){this.eventDividers.set(Ri,[e]),this.redrawWaterfallColumn()}clearFilmStripFrame(){this.eventDividers.delete(Ri),this.redrawWaterfallColumn()}}const yi="waterfall",Ti={subtitle:null,visible:!1,weight:6,sortable:!0,hideable:!0,hideableGroup:null,nonSelectable:!1,isResponseHeader:!1,isCustomHeader:!1,allowInSortByEvenWhenHidden:!1},xi=[{id:"name",title:Ci(vi.name),subtitle:Ci(vi.path),visible:!0,weight:20,hideable:!0,hideableGroup:"path",sortingFunction:be.NameComparator},{id:"path",title:Ci(vi.path),hideable:!0,hideableGroup:"path",sortingFunction:be.RequestPropertyComparator.bind(null,"pathname")},{id:"url",title:Ci(vi.url),hideable:!0,hideableGroup:"path",sortingFunction:be.RequestURLComparator},{id:"method",title:Ci(vi.method),sortingFunction:be.RequestPropertyComparator.bind(null,"requestMethod")},{id:"status",title:Ci(vi.status),visible:!0,subtitle:Ci(vi.text),sortingFunction:be.RequestPropertyComparator.bind(null,"statusCode")},{id:"protocol",title:Ci(vi.protocol),sortingFunction:be.RequestPropertyComparator.bind(null,"protocol")},{id:"scheme",title:Ci(vi.scheme),sortingFunction:be.RequestPropertyComparator.bind(null,"scheme")},{id:"domain",title:Ci(vi.domain),sortingFunction:be.RequestPropertyComparator.bind(null,"domain")},{id:"remote-address",title:Ci(vi.remoteAddress),weight:10,align:"right",sortingFunction:be.RemoteAddressComparator},{id:"remote-address-space",title:Ci(vi.remoteAddressSpace),visible:!1,weight:10,sortingFunction:be.RemoteAddressSpaceComparator},{id:"type",title:Ci(vi.type),visible:!0,sortingFunction:be.TypeComparator},{id:"initiator",title:Ci(vi.initiator),visible:!0,weight:10,sortingFunction:be.InitiatorComparator},{id:"initiator-address-space",title:Ci(vi.initiatorAddressSpace),visible:!1,weight:10,sortingFunction:be.InitiatorAddressSpaceComparator},{id:"cookies",title:Ci(vi.cookies),align:"right",sortingFunction:be.RequestCookiesCountComparator},{id:"set-cookies",title:Ci(vi.setCookies),align:"right",sortingFunction:be.ResponseCookiesCountComparator},{id:"size",title:Ci(vi.size),visible:!0,subtitle:Ci(vi.content),align:"right",sortingFunction:be.SizeComparator},{id:"time",title:Ci(vi.time),visible:!0,subtitle:Ci(vi.latency),align:"right",sortingFunction:be.RequestPropertyComparator.bind(null,"duration")},{id:"priority",title:Ci(vi.priority),sortingFunction:be.PriorityComparator},{id:"connection-id",title:Ci(vi.connectionId),sortingFunction:be.RequestPropertyComparator.bind(null,"connectionId")},{id:"cache-control",isResponseHeader:!0,title:r.i18n.lockedLazyString("Cache-Control"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"cache-control")},{id:"connection",isResponseHeader:!0,title:r.i18n.lockedLazyString("Connection"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"connection")},{id:"content-encoding",isResponseHeader:!0,title:r.i18n.lockedLazyString("Content-Encoding"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"content-encoding")},{id:"content-length",isResponseHeader:!0,title:r.i18n.lockedLazyString("Content-Length"),align:"right",sortingFunction:be.ResponseHeaderNumberComparator.bind(null,"content-length")},{id:"etag",isResponseHeader:!0,title:r.i18n.lockedLazyString("ETag"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"etag")},{id:"has-overrides",title:Ci(vi.hasOverrides),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"has-overrides")},{id:"keep-alive",isResponseHeader:!0,title:r.i18n.lockedLazyString("Keep-Alive"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"keep-alive")},{id:"last-modified",isResponseHeader:!0,title:r.i18n.lockedLazyString("Last-Modified"),sortingFunction:be.ResponseHeaderDateComparator.bind(null,"last-modified")},{id:"server",isResponseHeader:!0,title:r.i18n.lockedLazyString("Server"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"server")},{id:"vary",isResponseHeader:!0,title:r.i18n.lockedLazyString("Vary"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"vary")},{id:"waterfall",title:Ci(vi.waterfall),allowInSortByEvenWhenHidden:!0}],Ri="#fccc49";var Ii;!function(e){e.StartTime="startTime",e.ResponseTime="responseReceivedTime",e.EndTime="endTime",e.Duration="duration",e.Latency="latency"}(Ii||(Ii={}));var qi=Object.freeze({__proto__:null,NetworkLogViewColumns:Si});const Li={invertFilter:"Invert",invertsFilter:"Inverts the search filter",hideDataUrls:"Hide data URLs",hidesDataAndBlobUrls:"Hide 'data:' and 'blob:' URLs",chromeExtensions:"Hide extension URLs",hideChromeExtension:"Hide 'chrome-extension://' URLs",requestTypesToInclude:"Request types to include",hasBlockedCookies:"Blocked response cookies",onlyShowRequestsWithBlockedCookies:"Show only requests with blocked response cookies",blockedRequests:"Blocked requests",onlyShowBlockedRequests:"Show only blocked requests",thirdParty:"3rd-party requests",onlyShowThirdPartyRequests:"Show only requests with origin different from page origin",dropHarFilesHere:"Drop HAR files here",recordingNetworkActivity:"Currently recording network activity",performARequestOrHitSToRecordThe:'Perform a request or reload the page by using the "{PH1}" button or by hitting {PH2}.',recordToDisplayNetworkActivity:'Record network log to display network activity by using the "{PH1}" button or by hitting {PH2}.',reloadPage:"Reload page",startRecording:"Start recording",noNetworkActivityRecorded:"No network activity recorded",networkDataAvailable:"Network Data Available",sSRequests:"{PH1} / {PH2} requests",sSTransferred:"{PH1} / {PH2} transferred",sBSBTransferredOverNetwork:"{PH1} B / {PH2} B transferred over network",sSResources:"{PH1} / {PH2} resources",sBSBResourcesLoadedByThePage:"{PH1} B / {PH2} B resources loaded by the page",sRequests:"{PH1} requests",sTransferred:"{PH1} transferred",sBTransferredOverNetwork:"{PH1} B transferred over network",sResources:"{PH1} resources",sBResourcesLoadedByThePage:"{PH1} B resources loaded by the page",finishS:"Finish: {PH1}",domcontentloadedS:"DOMContentLoaded: {PH1}",loadS:"Load: {PH1}",copy:"Copy",copyURL:"Copy URL",copyRequestHeaders:"Copy request headers",copyResponseHeaders:"Copy response headers",copyResponse:"Copy response",copyStacktrace:"Copy stack trace",copyAsPowershell:"Copy as `PowerShell`",copyAsFetch:"Copy as `fetch`",copyAsNodejsFetch:"Copy as `fetch` (`Node.js`)",copyAsCurlCmd:"Copy as `cURL` (`cmd`)",copyAsCurlBash:"Copy as `cURL` (`bash`)",copyAllURLs:"Copy all URLs",copyAllListedURLs:"Copy all listed URLs",copyAllAsPowershell:"Copy all as `PowerShell`",copyAllListedAsPowershell:"Copy all listed as `PowerShell`",copyAllAsFetch:"Copy all as `fetch`",copyAllListedAsFetch:"Copy all listed as `fetch`",copyAllAsNodejsFetch:"Copy all as `fetch` (`Node.js`)",copyAllListedAsNodejsFetch:"Copy all listed as `fetch` (`Node.js`)",copyAllAsCurlCmd:"Copy all as `cURL` (`cmd`)",copyAllListedAsCurlCmd:"Copy all listed as `cURL` (`cmd`)",copyAllAsCurlBash:"Copy all as `cURL` (`bash`)",copyAllListedAsCurlBash:"Copy all listed as `cURL` (`bash`)",copyAsCurl:"Copy as `cURL`",copyAllAsCurl:"Copy all as `cURL`",copyAllListedAsCurl:"Copy all listed as `cURL`",copyAllAsHarSanitized:"Copy all as `HAR` (sanitized)",copyAllAsHarWithSensitiveData:"Copy all as `HAR` (with sensitive data)",copyAllListedAsHarSanitized:"Copy all listed as `HAR` (sanitized)",copyAllListedAsHarWithSensitiveData:"Copy all listed as `HAR` (with sensitive data)",clearBrowserCache:"Clear browser cache",clearBrowserCookies:"Clear browser cookies",blockRequestUrl:"Block request URL",unblockS:"Unblock {PH1}",blockRequestDomain:"Block request domain",replayXhr:"Replay XHR",areYouSureYouWantToClearBrowser:"Are you sure you want to clear browser cache?",areYouSureYouWantToClearBrowserCookies:"Are you sure you want to clear browser cookies?",overrideHeaders:"Override headers",showOnlyHideRequests:"Show only/hide requests",moreFilters:"More filters"},Fi=r.i18n.registerUIStrings("panels/network/NetworkLogView.ts",Li),Ei=r.i18n.getLocalizedString.bind(void 0,Fi);class Hi extends(t.ObjectWrapper.eventMixin(e.Widget.VBox)){networkInvertFilterSetting;networkHideDataURLSetting;networkHideChromeExtensions;networkShowBlockedCookiesOnlySetting;networkOnlyBlockedRequestsSetting;networkOnlyThirdPartySetting;networkResourceTypeFiltersSetting;networkShowOptionsToGenerateHarWithSensitiveData;rawRowHeight;progressBarContainer;networkLogLargeRowsSetting;rowHeightInternal;timeCalculatorInternal;durationCalculator;calculatorInternal;columnsInternal;staleRequests;mainRequestLoadTime;mainRequestDOMContentLoadedTime;filters;timeFilter;hoveredNodeInternal;recordingHint;highlightedNode;linkifierInternal;recording;needsRefresh;headerHeightInternal;groupLookups;activeGroupLookup;textFilterUI;invertFilterUI;dataURLFilterUI;moreFiltersDropDownUI;onlyBlockedResponseCookiesFilterUI;onlyBlockedRequestsUI;onlyThirdPartyFilterUI;hideChromeExtensionsUI;resourceCategoryFilterUI;filterParser;suggestionBuilder;dataGrid;summaryToolbarInternal;filterBar;textFilterSetting;isReactNative=!1;constructor(i,r,o){function l(){this.rawRowHeight=Boolean(this.networkLogLargeRowsSetting.get())?41:21,this.rowHeightInternal=this.computeRowHeight()}if(super(),this.isReactNative=C.Runtime.experiments.isEnabled("react-native-specific-ui"),this.registerRequiredCSS(ti),this.setMinimumSize(50,64),this.element.id="network-container",this.element.classList.add("no-node-selected"),this.networkInvertFilterSetting=t.Settings.Settings.instance().createSetting("network-invert-filter",!1),this.networkHideDataURLSetting=t.Settings.Settings.instance().createSetting("network-hide-data-url",!1),this.networkHideChromeExtensions=t.Settings.Settings.instance().createSetting("network-hide-chrome-extensions",!1),this.networkShowBlockedCookiesOnlySetting=t.Settings.Settings.instance().createSetting("network-show-blocked-cookies-only-setting",!1),this.networkOnlyBlockedRequestsSetting=t.Settings.Settings.instance().createSetting("network-only-blocked-requests",!1),this.networkOnlyThirdPartySetting=t.Settings.Settings.instance().createSetting("network-only-third-party-setting",!1),this.networkResourceTypeFiltersSetting=t.Settings.Settings.instance().createSetting("network-resource-type-filters",{}),this.networkShowOptionsToGenerateHarWithSensitiveData=t.Settings.Settings.instance().createSetting("network.show-options-to-generate-har-with-sensitive-data",!1),this.rawRowHeight=0,this.progressBarContainer=r,this.networkLogLargeRowsSetting=o,this.networkLogLargeRowsSetting.addChangeListener(l.bind(this),this),this.rawRowHeight=0,this.rowHeightInternal=0,l.call(this),this.timeCalculatorInternal=new zt,this.durationCalculator=new _t,this.calculatorInternal=this.timeCalculatorInternal,globalThis.FB_ONLY__enableNetworkCoverageNotice){const e=document.createElement("devtools-network-event-coverage-infobar");this.element.appendChild(e)}this.columnsInternal=new Si(this,this.timeCalculatorInternal,this.durationCalculator,o),this.columnsInternal.show(this.element),this.staleRequests=new Set,this.mainRequestLoadTime=-1,this.mainRequestDOMContentLoadedTime=-1,this.filters=[],this.timeFilter=null,this.hoveredNodeInternal=null,this.recordingHint=null,this.highlightedNode=null,this.linkifierInternal=new b.Linkifier.Linkifier,this.recording=!1,this.needsRefresh=!1,this.headerHeightInternal=0,this.groupLookups=new Map,this.groupLookups.set("Frame",new Qt(this)),this.activeGroupLookup=null,this.textFilterUI=new e.FilterBar.TextFilterUI,this.textFilterUI.addEventListener("FilterChanged",this.filterChanged,this),i.addFilter(this.textFilterUI),this.invertFilterUI=new e.FilterBar.CheckboxFilterUI("invert-filter",Ei(Li.invertFilter),!0,this.networkInvertFilterSetting,"invert-filter"),this.invertFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.invertFilterUI.element(),Ei(Li.invertsFilter)),i.addFilter(this.invertFilterUI),i.addDivider();const d=Object.entries(this.isReactNative?t.ResourceType.resourceCategoriesReactNative:t.ResourceType.resourceCategories).map((([e,t])=>({name:t.name,label:()=>t.shortTitle(),title:t.title(),jslogContext:s.StringUtilities.toKebabCase(e)})));C.Runtime.experiments.isEnabled("network-panel-filter-bar-redesign")?(this.moreFiltersDropDownUI=new Vi,this.moreFiltersDropDownUI.addEventListener("FilterChanged",this.filterChanged,this),i.addFilter(this.moreFiltersDropDownUI),this.resourceCategoryFilterUI=new e.FilterBar.NamedBitSetFilterUI(d,this.networkResourceTypeFiltersSetting),e.ARIAUtils.setLabel(this.resourceCategoryFilterUI.element(),Ei(Li.requestTypesToInclude)),this.resourceCategoryFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),i.addFilter(this.resourceCategoryFilterUI)):(this.dataURLFilterUI=new e.FilterBar.CheckboxFilterUI("hide-data-url",Ei(Li.hideDataUrls),!0,this.networkHideDataURLSetting,"hide-data-urls"),this.dataURLFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.dataURLFilterUI.element(),Ei(Li.hidesDataAndBlobUrls)),i.addFilter(this.dataURLFilterUI),this.isReactNative||(this.hideChromeExtensionsUI=new e.FilterBar.CheckboxFilterUI("chrome-extension",Ei(Li.chromeExtensions),!0,this.networkHideChromeExtensions,"hide-extension-urls"),this.hideChromeExtensionsUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.hideChromeExtensionsUI.element(),Ei(Li.hideChromeExtension)),i.addFilter(this.hideChromeExtensionsUI)),this.resourceCategoryFilterUI=new e.FilterBar.NamedBitSetFilterUI(d,this.networkResourceTypeFiltersSetting),e.ARIAUtils.setLabel(this.resourceCategoryFilterUI.element(),Ei(Li.requestTypesToInclude)),this.resourceCategoryFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),i.addFilter(this.resourceCategoryFilterUI),this.isReactNative||(this.onlyBlockedResponseCookiesFilterUI=new e.FilterBar.CheckboxFilterUI("only-show-blocked-cookies",Ei(Li.hasBlockedCookies),!0,this.networkShowBlockedCookiesOnlySetting,"only-show-blocked-cookies"),this.onlyBlockedResponseCookiesFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.onlyBlockedResponseCookiesFilterUI.element(),Ei(Li.onlyShowRequestsWithBlockedCookies)),i.addFilter(this.onlyBlockedResponseCookiesFilterUI)),this.onlyBlockedRequestsUI=new e.FilterBar.CheckboxFilterUI("only-show-blocked-requests",Ei(Li.blockedRequests),!0,this.networkOnlyBlockedRequestsSetting,"only-show-blocked-requests"),this.onlyBlockedRequestsUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.onlyBlockedRequestsUI.element(),Ei(Li.onlyShowBlockedRequests)),i.addFilter(this.onlyBlockedRequestsUI),this.isReactNative||(this.onlyThirdPartyFilterUI=new e.FilterBar.CheckboxFilterUI("only-show-third-party",Ei(Li.thirdParty),!0,this.networkOnlyThirdPartySetting,"only-show-third-party"),this.onlyThirdPartyFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.onlyThirdPartyFilterUI.element(),Ei(Li.onlyShowThirdPartyRequests)),i.addFilter(this.onlyThirdPartyFilterUI))),this.filterParser=new R.TextUtils.FilterParser(Ui),this.suggestionBuilder=new e.FilterSuggestionBuilder.FilterSuggestionBuilder(Ui,Hi.sortSearchValues),this.resetSuggestionBuilder(),this.dataGrid=this.columnsInternal.dataGrid(),this.setupDataGrid(),this.columnsInternal.sortByCurrentColumn(),i.filterButton().addEventListener("Click",this.dataGrid.scheduleUpdate.bind(this.dataGrid,!0)),this.summaryToolbarInternal=this.element.createChild("devtools-toolbar","network-summary-bar"),this.summaryToolbarInternal.setAttribute("role","status"),new e.DropTarget.DropTarget(this.element,[e.DropTarget.Type.File],Ei(Li.dropHarFilesHere),this.handleDrop.bind(this)),t.Settings.Settings.instance().moduleSetting("network-color-code-resource-types").addChangeListener(this.invalidateAllItems.bind(this,!1),this),n.TargetManager.TargetManager.instance().observeModels(n.NetworkManager.NetworkManager,this,{scoped:!0}),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestAdded,this.onRequestUpdated,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestUpdated,this.onRequestUpdated,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestRemoved,this.onRequestRemoved,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.Reset,this.reset,this),this.updateGroupByFrame(),t.Settings.Settings.instance().moduleSetting("network.group-by-frame").addChangeListener((()=>this.updateGroupByFrame())),this.filterBar=i,this.textFilterSetting=t.Settings.Settings.instance().createSetting("network-text-filter",""),this.textFilterSetting.get()&&this.textFilterUI.setValue(this.textFilterSetting.get())}getMoreFiltersDropdown(){return this.moreFiltersDropDownUI}updateGroupByFrame(){const e=t.Settings.Settings.instance().moduleSetting("network.group-by-frame").get();this.setGrouping(e?"Frame":null)}static sortSearchValues(e,t){e===m.UIFilter.FilterType.Priority?t.sort(((e,t)=>{const i=v.NetworkPriorities.uiLabelToNetworkPriority(e),r=v.NetworkPriorities.uiLabelToNetworkPriority(t);return v.NetworkPriorities.networkPriorityWeight(i)-v.NetworkPriorities.networkPriorityWeight(r)})):t.sort()}static negativeFilter(e,t){return!e(t)}static requestPathFilter(e,t){return!!e&&e.test(t.path()+"/"+t.name())}static subdomains(e){const t=[e];let i=e.indexOf(".");for(;-1!==i;)t.push("*"+e.substring(i)),i=e.indexOf(".",i+1);return t}static createRequestDomainFilter(e){const t=e.split("*").map(s.StringUtilities.escapeForRegExp).join(".*");return Hi.requestDomainFilter.bind(null,new RegExp("^"+t+"$","i"))}static requestDomainFilter(e,t){return e.test(t.domain)}static runningRequestFilter(e){return!e.finished}static fromCacheRequestFilter(e){return e.cached()}static interceptedByServiceWorkerFilter(e){return e.fetchedViaServiceWorker}static initiatedByServiceWorkerFilter(e){return e.initiatedByServiceWorker()}static requestResponseHeaderFilter(e,t){return void 0!==t.responseHeaderValue(e)}static requestResponseHeaderSetCookieFilter(e,t){return Boolean(t.responseHeaderValue("Set-Cookie")?.includes(e))}static requestMethodFilter(e,t){return t.requestMethod===e}static requestPriorityFilter(e,t){return t.priority()===e}static requestMimeTypeFilter(e,t){return t.mimeType===e}static requestMixedContentFilter(e,t){return"displayed"===e?"optionally-blockable"===t.mixedContentType:"blocked"===e?"blockable"===t.mixedContentType&&t.wasBlocked():"block-overridden"===e?"blockable"===t.mixedContentType&&!t.wasBlocked():"all"===e&&"none"!==t.mixedContentType}static requestSchemeFilter(e,t){return t.scheme===e}static requestCookieDomainFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.domain()===e))}static requestCookieNameFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.name()===e))}static requestCookiePathFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.path()===e))}static requestCookieValueFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.value()===e))}static requestSetCookieDomainFilter(e,t){return t.responseCookies.some((t=>t.domain()===e))}static requestSetCookieNameFilter(e,t){return t.responseCookies.some((t=>t.name()===e))}static requestSetCookieValueFilter(e,t){return t.responseCookies.some((t=>t.value()===e))}static requestSizeLargerThanFilter(e,t){return t.transferSize>=e}static statusCodeFilter(e,t){return String(t.statusCode)===e}static hasOverridesFilter(e,t){return!!e&&(e===Bi.no?0===t.overrideTypes.length:e===Bi.yes?t.overrideTypes.length>0:e===Bi.content?t.overrideTypes.includes("content"):e===Bi.headers?t.overrideTypes.includes("headers"):t.overrideTypes.join(",").includes(e))}static getHTTPRequestsFilter(e){return e.parsedURL.isValid&&e.scheme in Ni}static resourceTypeFilter(e,t){return t.resourceType().name()===e}static requestUrlFilter(e,t){return new RegExp(s.StringUtilities.escapeForRegExp(e),"i").test(t.url())}static requestTimeFilter(e,t,i){return!(i.issueTime()>t)&&!(-1!==i.endTime&&i.endTime<e)}static copyRequestHeaders(e){i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(e.requestHeadersText())}static copyResponseHeaders(e){i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(e.responseHeadersText)}static async copyResponse(e){const t=await e.requestContentData();let r;r=R.ContentData.ContentData.isError(t)?"":t.isTextContent?t.text:t.asDataUrl()??"",i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}handleDrop(e){const t=e.items;if(!t.length)return;const i=t[0].getAsFile();i&&this.onLoadFromFile(i)}async onLoadFromFile(e){const i=new t.StringOutputStream.StringOutputStream,r=new p.FileUtils.ChunkedFileReader(e,1e7);if(!await r.read(i)){const e=r.error();return void(e&&this.harLoadFailed(e.message))}let o;try{o=new I.HARFormat.HARRoot(JSON.parse(i.data()))}catch(e){return void this.harLoadFailed(e)}a.NetworkLog.NetworkLog.instance().importRequests(I.Importer.Importer.requestsFromHARLog(o.log))}harLoadFailed(e){t.Console.Console.instance().error("Failed to load HAR file with following error: "+e)}setGrouping(e){this.activeGroupLookup&&this.activeGroupLookup.reset();const t=e&&this.groupLookups.get(e)||null;this.activeGroupLookup=t,this.invalidateAllItems()}computeRowHeight(){return this.rawRowHeight}nodeForRequest(e){return Ai.get(e)||null}headerHeight(){return this.headerHeightInternal}setRecording(e){this.recording=e,this.updateSummaryBar()}columns(){return this.columnsInternal}summaryToolbar(){return this.summaryToolbarInternal}modelAdded(e){const t=e.target();if(t.outermostTarget()!==t)return;const i=t.model(n.ResourceTreeModel.ResourceTreeModel);i&&(i.addEventListener(n.ResourceTreeModel.Events.Load,this.loadEventFired,this),i.addEventListener(n.ResourceTreeModel.Events.DOMContentLoaded,this.domContentLoadedEventFired,this));for(const e of a.NetworkLog.NetworkLog.instance().requests())this.isInScope(e)&&this.refreshRequest(e)}modelRemoved(e){const i=e.target();if(i.outermostTarget()!==i)return;const r=i.model(n.ResourceTreeModel.ResourceTreeModel);r&&(r.removeEventListener(n.ResourceTreeModel.Events.Load,this.loadEventFired,this),r.removeEventListener(n.ResourceTreeModel.Events.DOMContentLoaded,this.domContentLoadedEventFired,this));t.Settings.Settings.instance().moduleSetting("network-log.preserve-log").get()||this.reset()}linkifier(){return this.linkifierInternal}setWindow(e,t){e||t?(this.timeFilter=Hi.requestTimeFilter.bind(null,e,t),this.timeCalculatorInternal.setWindow(new Dt(e,t))):(this.timeFilter=null,this.timeCalculatorInternal.setWindow(null)),this.filterRequests()}resetFocus(){this.dataGrid.element.focus()}resetSuggestionBuilder(){this.suggestionBuilder.clear(),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"running"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"from-cache"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"service-worker-intercepted"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"service-worker-initiated"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.LargerThan,"100"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.LargerThan,"10k"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.LargerThan,"1M"),this.textFilterUI.setSuggestionProvider(this.suggestionBuilder.completions.bind(this.suggestionBuilder)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.yes),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.no),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.content),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.headers)}filterChanged(){this.removeAllNodeHighlights(),this.parseFilterQuery(this.textFilterUI.value(),this.invertFilterUI.checked()),this.filterRequests(),this.textFilterSetting.set(this.textFilterUI.value()),this.moreFiltersDropDownUI?.updateActiveFiltersCount(),this.moreFiltersDropDownUI?.updateTooltip()}async resetFilter(){this.textFilterUI.clear()}showRecordingHint(){this.hideRecordingHint();const t=e.ActionRegistry.ActionRegistry.instance(),i=this.recording?"inspector-main.reload":"network.toggle-recording",r=t.hasAction(i)?t.getAction(i):null,o=e.ShortcutRegistry.ShortcutRegistry.instance().shortcutTitleForAction(i)??"",s=this.recording?Ei(Li.recordingNetworkActivity):Ei(Li.noNetworkActivityRecorded),n=this.recording?Li.performARequestOrHitSToRecordThe:Li.recordToDisplayNetworkActivity,a=this.recording?Ei(Li.reloadPage):Ei(Li.startRecording),l=Ei(n,{PH1:a,PH2:o});if(this.recordingHint=new e.EmptyWidget.EmptyWidget(s,o?l:""),this.recordingHint.element.classList.add("network-status-pane"),this.recordingHint.appendLink("https://developer.chrome.com/docs/devtools/network/"),o&&r){const t=e.UIUtils.createTextButton(a,(()=>r.execute()),{jslogContext:i,variant:"tonal"});this.recordingHint.contentElement.appendChild(t)}if(globalThis.FB_ONLY__enableNetworkCoverageNotice){const e=document.createElement("devtools-network-event-coverage-infobar");this.recordingHint.element.prepend(e)}this.recordingHint.show(this.element),this.setHidden(!0)}hideRecordingHint(){this.setHidden(!1),this.recordingHint&&(this.recordingHint.detach(),this.recordingHint=null),e.ARIAUtils.alert(Ei(Li.networkDataAvailable))}setHidden(t){this.columnsInternal.setHidden(t),e.ARIAUtils.setHidden(this.summaryToolbarInternal,t)}elementsToRestoreScrollPositionsFor(){return this.dataGrid?[this.dataGrid.scrollContainer]:[]}columnExtensionResolved(){this.invalidateAllItems(!0)}setupDataGrid(){return this.dataGrid.setRowContextMenuCallback(((e,t)=>{const i=t.request();i&&this.handleContextMenuForRequest(e,i)})),this.dataGrid.setEnableAutoScrollToBottom(!0),this.dataGrid.setName("network-log"),this.dataGrid.setResizeMethod("last"),this.dataGrid.element.classList.add("network-log-grid"),this.dataGrid.element.addEventListener("mousedown",this.dataGridMouseDown.bind(this),!0),this.dataGrid.element.addEventListener("mousemove",this.dataGridMouseMove.bind(this),!0),this.dataGrid.element.addEventListener("mouseleave",(()=>this.setHoveredNode(null)),!0),this.dataGrid.element.addEventListener("keydown",(e=>{if("ArrowRight"===e.key&&this.dataGrid.selectedNode){const e=this.dataGrid.selectedNode.element().querySelector("button.devtools-link");e&&e.focus()}s.KeyboardUtilities.isEnterOrSpaceKey(e)&&(this.dispatchEventToListeners("RequestActivated",{showPanel:!0,takeFocus:!0}),e.consume(!0))})),this.dataGrid.element.addEventListener("keyup",(e=>{if(("r"===e.key||"R"===e.key)&&this.dataGrid.selectedNode){const t=this.dataGrid.selectedNode.request();if(!t)return;n.NetworkManager.NetworkManager.canReplayRequest(t)&&(n.NetworkManager.NetworkManager.replayRequest(t),d.logKeyDown(this.dataGrid.selectedNode.element(),e,"replay-xhr"))}})),this.dataGrid.element.addEventListener("focus",this.onDataGridFocus.bind(this),!0),this.dataGrid.element.addEventListener("blur",this.onDataGridBlur.bind(this),!0),this.dataGrid}dataGridMouseMove(e){const t=e,i=this.dataGrid.dataGridNodeFromNode(t.target),r=t.shiftKey;this.setHoveredNode(i,r)}hoveredNode(){return this.hoveredNodeInternal}setHoveredNode(e,t){this.hoveredNodeInternal&&this.hoveredNodeInternal.setHovered(!1,!1),this.hoveredNodeInternal=e,this.hoveredNodeInternal&&this.hoveredNodeInternal.setHovered(!0,Boolean(t))}dataGridMouseDown(e){const t=e;!this.dataGrid.selectedNode&&t.button&&t.consume()}updateSummaryBar(){this.hideRecordingHint();let i=0,o=0,s=0,l=0,d=0,c=-1,h=-1,u=0;for(const e of a.NetworkLog.NetworkLog.instance().requests()){const r=Ai.get(e);if(!r)continue;u++;const a=e.transferSize;i+=a;const p=e.resourceSize;o+=p,Mi.has(r)||(s++,l+=a,d+=p);const g=n.NetworkManager.NetworkManager.forRequest(e);g&&e.url()===g.target().inspectedURL()&&e.resourceType()===t.ResourceType.resourceTypes.Document&&g.target().parentTarget()?.type()!==n.Target.Type.FRAME&&(c=e.fromPrefetchCache()?e.issueTime():e.startTime),e.endTime>h&&(h=e.endTime)}if(!u)return void this.showRecordingHint();this.summaryToolbarInternal.removeToolbarItems();const p=(t,i)=>{const r=new e.Toolbar.ToolbarText(t);return r.setTitle(i||t),this.summaryToolbarInternal.appendToolbarItem(r),r.element};if(s!==u?(p(Ei(Li.sSRequests,{PH1:s,PH2:u})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sSTransferred,{PH1:r.ByteUtilities.formatBytesToKb(l),PH2:r.ByteUtilities.formatBytesToKb(i)}),Ei(Li.sBSBTransferredOverNetwork,{PH1:l,PH2:i})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sSResources,{PH1:r.ByteUtilities.formatBytesToKb(d),PH2:r.ByteUtilities.formatBytesToKb(o)}),Ei(Li.sBSBResourcesLoadedByThePage,{PH1:d,PH2:o}))):(p(Ei(Li.sRequests,{PH1:u})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sTransferred,{PH1:r.ByteUtilities.bytesToString(i)}),Ei(Li.sBTransferredOverNetwork,{PH1:i})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sResources,{PH1:r.ByteUtilities.bytesToString(o)}),Ei(Li.sBResourcesLoadedByThePage,{PH1:o}))),-1!==c&&-1!==h){if(this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.finishS,{PH1:r.TimeUtilities.secondsToString(h-c)})),-1!==this.mainRequestDOMContentLoadedTime&&this.mainRequestDOMContentLoadedTime>c){this.summaryToolbarInternal.appendSeparator();p(Ei(Li.domcontentloadedS,{PH1:r.TimeUtilities.secondsToString(this.mainRequestDOMContentLoadedTime-c)})).style.color=`var(${Hi.getDCLEventColor()})`}if(-1!==this.mainRequestLoadTime){this.summaryToolbarInternal.appendSeparator();p(Ei(Li.loadS,{PH1:r.TimeUtilities.secondsToString(this.mainRequestLoadTime-c)})).style.color=`var(${Hi.getLoadEventColor()})`}}}scheduleRefresh(){this.needsRefresh||(this.needsRefresh=!0,this.isShowing()&&E.write("NetworkLogView.render",this.refresh.bind(this)))}addFilmStripFrames(e){this.columnsInternal.addEventDividers(e,"network-frame-divider")}selectFilmStripFrame(e){this.columnsInternal.selectFilmStripFrame(e)}clearFilmStripFrame(){this.columnsInternal.clearFilmStripFrame()}refreshIfNeeded(){this.needsRefresh&&this.refresh()}invalidateAllItems(e){this.staleRequests=new Set(a.NetworkLog.NetworkLog.instance().requests().filter(this.isInScope)),e?this.scheduleRefresh():this.refresh()}timeCalculator(){return this.timeCalculatorInternal}calculator(){return this.calculatorInternal}setCalculator(e){e&&this.calculatorInternal!==e&&(this.calculatorInternal!==e&&(this.calculatorInternal=e,this.columnsInternal.setCalculator(this.calculatorInternal)),this.calculatorInternal.reset(),this.calculatorInternal.startAtZero?this.columnsInternal.hideEventDividers():this.columnsInternal.showEventDividers(),this.invalidateAllItems())}loadEventFired(e){if(!this.recording)return;const t=e.data.loadTime;t&&(this.mainRequestLoadTime=t,this.columnsInternal.addEventDividers([t],"network-load-divider"))}domContentLoadedEventFired(e){if(!this.recording)return;const{data:t}=e;t&&(this.mainRequestDOMContentLoadedTime=t,this.columnsInternal.addEventDividers([t],"network-dcl-divider"))}wasShown(){super.wasShown(),this.refreshIfNeeded(),this.columnsInternal.wasShown()}willHide(){this.columnsInternal.willHide()}onResize(){this.rowHeightInternal=this.computeRowHeight()}flatNodesList(){return this.dataGrid.rootNode().flatChildren()}onDataGridFocus(){this.dataGrid.element.matches(":focus-visible")&&this.element.classList.add("grid-focused"),this.updateNodeBackground()}onDataGridBlur(){this.element.classList.remove("grid-focused"),this.updateNodeBackground()}updateNodeBackground(){this.dataGrid.selectedNode&&this.dataGrid.selectedNode.updateBackgroundColor()}updateNodeSelectedClass(e){e?this.element.classList.remove("no-node-selected"):this.element.classList.add("no-node-selected")}stylesChanged(){this.columnsInternal.scheduleRefresh()}removeNodeAndMaybeAncestors(e){let t=e.parent;if(t)for(t.removeChild(e);t&&!t.hasChildren()&&t.dataGrid&&t.dataGrid.rootNode()!==t;){const e=t.parent;e.removeChild(t),t=e}}refresh(){this.needsRefresh=!1,this.removeAllNodeHighlights(),this.timeCalculatorInternal.updateBoundariesForEventTime(this.mainRequestLoadTime),this.durationCalculator.updateBoundariesForEventTime(this.mainRequestLoadTime),this.timeCalculatorInternal.updateBoundariesForEventTime(this.mainRequestDOMContentLoadedTime),this.durationCalculator.updateBoundariesForEventTime(this.mainRequestDOMContentLoadedTime);const e=new Map,t=[],i=new Set;for(;this.staleRequests.size;){const e=this.staleRequests.values().next().value;this.staleRequests.delete(e);let t=Ai.get(e);t||(t=this.createNodeForRequest(e)),i.add(t)}for(const r of i){const i=r.request(),o=!this.applyFilter(i);o?(r===this.hoveredNodeInternal&&this.setHoveredNode(null),r.selected=!1):t.push(r),this.timeCalculatorInternal.updateBoundaries(i),this.durationCalculator.updateBoundaries(i);const s=this.parentNodeForInsert(r);if(Mi.has(r)===o&&r.parent===s)continue;o?Mi.add(r):Mi.delete(r);r.parent&&(o||r.parent!==s)&&this.removeNodeAndMaybeAncestors(r),s&&!o&&(s.dataGrid||e.has(s)||(e.set(s,this.dataGrid.rootNode()),t.push(s)),e.set(r,s))}for(const t of e.keys())e.get(t).appendChild(t);for(const e of t)e.refresh();this.updateSummaryBar(),e.size&&this.columnsInternal.sortByCurrentColumn(),this.dataGrid.updateInstantly(),this.didRefreshForTest()}didRefreshForTest(){}parentNodeForInsert(e){if(!this.activeGroupLookup)return this.dataGrid.rootNode();const t=this.activeGroupLookup.groupNodeForRequest(e.request());return t||this.dataGrid.rootNode()}reset(){this.dispatchEventToListeners("RequestActivated",{showPanel:!1}),this.setHoveredNode(null),this.columnsInternal.reset(),this.timeFilter=null,this.calculatorInternal.reset(),this.timeCalculatorInternal.setWindow(null),this.linkifierInternal.reset(),this.activeGroupLookup&&this.activeGroupLookup.reset(),this.staleRequests.clear(),this.resetSuggestionBuilder(),this.mainRequestLoadTime=-1,this.mainRequestDOMContentLoadedTime=-1,this.dataGrid.rootNode().removeChildren(),this.updateSummaryBar(),this.scheduleRefresh()}setTextFilterValue(e){this.textFilterUI.setValue(e),C.Runtime.experiments.isEnabled("network-panel-filter-bar-redesign")?(this.networkHideDataURLSetting.set(!1),this.networkShowBlockedCookiesOnlySetting.set(!1),this.networkOnlyBlockedRequestsSetting.set(!1),this.networkOnlyThirdPartySetting.set(!1),this.networkHideChromeExtensions.set(!1)):(this.dataURLFilterUI?.setChecked(!1),this.onlyBlockedResponseCookiesFilterUI?.setChecked(!1),this.onlyBlockedRequestsUI?.setChecked(!1),this.onlyThirdPartyFilterUI?.setChecked(!1),this.hideChromeExtensionsUI?.setChecked(!1)),this.resourceCategoryFilterUI.reset()}createNodeForRequest(e){const t=new be(this,e);Ai.set(e,t),Mi.add(t);for(let t=e.redirectSource();t;t=t.redirectSource())this.refreshRequest(t);return t}isInScope(e){const t=n.NetworkManager.NetworkManager.forRequest(e);return!t||n.TargetManager.TargetManager.instance().isInScope(t)}onRequestUpdated(e){const{request:t,preserveLog:i}=e.data;(this.isInScope(t)||i)&&this.refreshRequest(t)}onRequestRemoved(e){const{request:t}=e.data;this.staleRequests.delete(t);const i=Ai.get(t);i&&this.removeNodeAndMaybeAncestors(i)}refreshRequest(e){Hi.subdomains(e.domain).forEach(this.suggestionBuilder.addItem.bind(this.suggestionBuilder,m.UIFilter.FilterType.Domain)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Method,e.requestMethod),this.suggestionBuilder.addItem(m.UIFilter.FilterType.MimeType,e.mimeType),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Scheme,String(e.scheme)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.StatusCode,String(e.statusCode)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.ResourceType,e.resourceType().name()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Url,e.securityOrigin());const t=e.priority();if(t&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.Priority,v.NetworkPriorities.uiLabelForNetworkPriority(t)),"none"!==e.mixedContentType&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.MixedContent,"all"),"optionally-blockable"===e.mixedContentType&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.MixedContent,"displayed"),"blockable"===e.mixedContentType){const t=e.wasBlocked()?"blocked":"block-overridden";this.suggestionBuilder.addItem(m.UIFilter.FilterType.MixedContent,t)}const i=e.responseHeaders;for(const e of i)this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasResponseHeader,e.name),"Set-Cookie"===e.name&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.ResponseHeaderValueSetCookie);for(const t of e.responseCookies)this.suggestionBuilder.addItem(m.UIFilter.FilterType.SetCookieDomain,t.domain()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.SetCookieName,t.name()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.SetCookieValue,t.value());for(const t of e.allCookiesIncludingBlockedOnes())this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookieDomain,t.domain()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookieName,t.name()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookiePath,t.path()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookieValue,t.value());this.staleRequests.add(e),this.scheduleRefresh()}rowHeight(){return this.rowHeightInternal}switchViewMode(e){this.columnsInternal.switchViewMode(e)}handleContextMenuForRequest(t,r){t.appendApplicableItems(r);const o=this.filterBar.hasActiveFilter(),a=t.clipboardSection().appendSubMenuItem(Ei(Li.copy),!1,"copy");if(r){e.ActionRegistry.ActionRegistry.instance().hasAction("drjones.network-panel-context")&&(e.Context.Context.instance().setFlavor(n.NetworkRequest.NetworkRequest,r),t.footerSection().appendAction("drjones.network-panel-context")),a.defaultSection().appendItem(Ei(Li.copyURL),i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText.bind(i.InspectorFrontendHost.InspectorFrontendHostInstance,r.contentURL()),{jslogContext:"copy-url"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedURLs:Li.copyAllURLs),this.copyAllURLs.bind(this),{jslogContext:"copy-all-urls"}),r.requestHeadersText()&&a.saveSection().appendItem(Ei(Li.copyRequestHeaders),Hi.copyRequestHeaders.bind(null,r),{jslogContext:"copy-request-headers"}),r.responseHeadersText&&a.saveSection().appendItem(Ei(Li.copyResponseHeaders),Hi.copyResponseHeaders.bind(null,r),{jslogContext:"copy-response-headers"}),r.finished&&a.saveSection().appendItem(Ei(Li.copyResponse),Hi.copyResponse.bind(null,r),{jslogContext:"copy-response"});const l=r.initiator();if(l){const c=l.stack;if(c){const h=Pi(c);""!==h&&a.saveSection().appendItem(Ei(Li.copyStacktrace),(()=>{i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(h)}),{jslogContext:"copy-stacktrace"})}}const d=r.isBlobRequest();i.Platform.isWin()?(a.defaultSection().appendItem(Ei(Li.copyAsCurlCmd),this.copyCurlCommand.bind(this,r,"win"),{disabled:d,jslogContext:"copy-as-curl-cmd"}),a.defaultSection().appendItem(Ei(Li.copyAsCurlBash),this.copyCurlCommand.bind(this,r,"unix"),{disabled:d,jslogContext:"copy-as-curl-bash"})):a.defaultSection().appendItem(Ei(Li.copyAsCurl),this.copyCurlCommand.bind(this,r,"unix"),{disabled:d,jslogContext:"copy-as-curl"}),a.defaultSection().appendItem(Ei(Li.copyAsPowershell),this.copyPowerShellCommand.bind(this,r),{disabled:d,jslogContext:"copy-as-powershell"}),a.defaultSection().appendItem(Ei(Li.copyAsFetch),this.copyFetchCall.bind(this,r,0),{disabled:d,jslogContext:"copy-as-fetch"}),a.defaultSection().appendItem(Ei(Li.copyAsNodejsFetch),this.copyFetchCall.bind(this,r,1),{disabled:d,jslogContext:"copy-as-nodejs-fetch"}),i.Platform.isWin()?(a.footerSection().appendItem(Ei(o?Li.copyAllListedAsCurlCmd:Li.copyAllAsCurlCmd),this.copyAllCurlCommand.bind(this,"win"),{jslogContext:"copy-all-as-curl-cmd"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsCurlBash:Li.copyAllAsCurlBash),this.copyAllCurlCommand.bind(this,"unix"),{jslogContext:"copy-all-as-curl-bash"})):a.footerSection().appendItem(Ei(o?Li.copyAllListedAsCurl:Li.copyAllAsCurl),this.copyAllCurlCommand.bind(this,"unix"),{jslogContext:"copy-all-as-curl"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsPowershell:Li.copyAllAsPowershell),this.copyAllPowerShellCommand.bind(this),{jslogContext:"copy-all-as-powershell"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsFetch:Li.copyAllAsFetch),this.copyAllFetchCall.bind(this,0),{jslogContext:"copy-all-as-fetch"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsNodejsFetch:Li.copyAllAsNodejsFetch),this.copyAllFetchCall.bind(this,1),{jslogContext:"copy-all-as-nodejs-fetch"})}if(a.footerSection().appendItem(Ei(o?Li.copyAllListedAsHarSanitized:Li.copyAllAsHarSanitized),this.copyAllAsHAR.bind(this,{sanitize:!0}),{jslogContext:"copy-all-as-har"}),this.networkShowOptionsToGenerateHarWithSensitiveData.get()&&a.footerSection().appendItem(Ei(o?Li.copyAllListedAsHarWithSensitiveData:Li.copyAllAsHarWithSensitiveData),this.copyAllAsHAR.bind(this,{sanitize:!1}),{jslogContext:"copy-all-as-har-with-sensitive-data"}),t.overrideSection().appendItem(Ei(Li.overrideHeaders),this.#l.bind(this,r),{disabled:q.NetworkPersistenceManager.NetworkPersistenceManager.isForbiddenNetworkUrl(r.url()),jslogContext:"override-headers"}),t.editSection().appendItem(Ei(Li.clearBrowserCache),this.clearBrowserCache.bind(this),{jslogContext:"clear-browser-cache"}),t.editSection().appendItem(Ei(Li.clearBrowserCookies),this.clearBrowserCookies.bind(this),{jslogContext:"clear-browser-cookies"}),r){const u=20,p=n.NetworkManager.MultitargetNetworkManager.instance();let g=p.blockedPatterns();function m(t){g.push({enabled:!0,url:t}),p.setBlockedPatterns(g),p.setBlockingEnabled(!0),e.ViewManager.ViewManager.instance().showView("network.blocked-urls")}function w(t){g=g.filter((e=>e.url!==t)),p.setBlockedPatterns(g),e.ViewManager.ViewManager.instance().showView("network.blocked-urls")}const k=r.parsedURL.urlWithoutScheme();if(k&&!g.find((e=>e.url===k)))t.debugSection().appendItem(Ei(Li.blockRequestUrl),m.bind(null,k),{jslogContext:"block-request-url"});else if(k){const b=s.StringUtilities.trimMiddle(k,u);t.debugSection().appendItem(Ei(Li.unblockS,{PH1:b}),w.bind(null,k),{jslogContext:"unblock"})}const v=r.parsedURL.domain();if(v&&!g.find((e=>e.url===v)))t.debugSection().appendItem(Ei(Li.blockRequestDomain),m.bind(null,v),{jslogContext:"block-request-domain"});else if(v){const f=s.StringUtilities.trimMiddle(v,u);t.debugSection().appendItem(Ei(Li.unblockS,{PH1:f}),w.bind(null,v),{jslogContext:"unblock"})}n.NetworkManager.NetworkManager.canReplayRequest(r)&&t.debugSection().appendItem(Ei(Li.replayXhr),n.NetworkManager.NetworkManager.replayRequest.bind(null,r),{jslogContext:"replay-xhr"})}}harRequests(){return a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))).filter(Hi.getHTTPRequestsFilter).filter((e=>e.finished||e.resourceType()===t.ResourceType.resourceTypes.WebSocket&&e.responseReceivedTime))}async copyAllAsHAR(e){const t={log:await I.Log.Log.build(this.harRequests(),e)};i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(JSON.stringify(t,null,2))}copyAllURLs(){const e=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),t=this.filterOutBlobRequests(e).map((e=>e.url()));i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(t.join("\n"))}async copyCurlCommand(e,t){const r=await Hi.generateCurlCommand(e,t);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyAllCurlCommand(e){const t=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),r=await this.generateAllCurlCommand(t,e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyFetchCall(e,t){const r=await this.generateFetchCall(e,t);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyAllFetchCall(e){const t=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),r=await this.generateAllFetchCall(t,e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyPowerShellCommand(e){const t=await this.generatePowerShellCommand(e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(t)}async copyAllPowerShellCommand(){const e=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),t=await this.generateAllPowerShellCommand(e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(t)}async exportAll(i){const r=n.TargetManager.TargetManager.instance().scopeTarget();if(!r)return;const o=r.inspectedURL(),s=t.ParsedURL.ParsedURL.fromString(o),a=s?s.host:"network-log",l=new p.FileUtils.FileOutputStream;if(!await l.open(t.ParsedURL.ParsedURL.concatenate(a,".har")))return;const d=new e.ProgressIndicator.ProgressIndicator;this.progressBarContainer.appendChild(d.element),await I.Writer.Writer.write(l,this.harRequests(),i,d),d.done(),l.close()}async#l(i){const r=m.UIRequestLocation.UIRequestLocation.responseHeaderMatch(i,{name:"",value:""}),o=q.NetworkPersistenceManager.NetworkPersistenceManager.instance();o.project()?(t.Settings.Settings.instance().moduleSetting("persistence-network-overrides-enabled").set(!0),await o.getOrCreateHeadersUISourceCodeFromUrl(i.url()),await t.Revealer.reveal(r)):e.InspectorView.InspectorView.instance().displaySelectOverrideFolderInfobar((async()=>{await L.SourcesNavigator.OverridesNavigatorView.instance().setupNewWorkspace(),await o.getOrCreateHeadersUISourceCodeFromUrl(i.url()),await t.Revealer.reveal(r)}))}clearBrowserCache(){confirm(Ei(Li.areYouSureYouWantToClearBrowser))&&n.NetworkManager.MultitargetNetworkManager.instance().clearBrowserCache()}clearBrowserCookies(){confirm(Ei(Li.areYouSureYouWantToClearBrowserCookies))&&n.NetworkManager.MultitargetNetworkManager.instance().clearBrowserCookies()}applyFilter(e){if(this.timeFilter&&!this.timeFilter(e))return!1;const t=e.resourceType().category().name;if(!this.resourceCategoryFilterUI.accept(t))return!1;const[i,r,o,s,n]=C.Runtime.experiments.isEnabled("network-panel-filter-bar-redesign")?[this.networkHideDataURLSetting.get(),this.networkShowBlockedCookiesOnlySetting.get(),this.networkOnlyBlockedRequestsSetting.get(),this.networkOnlyThirdPartySetting.get(),this.networkHideChromeExtensions.get()]:[this.dataURLFilterUI?.checked(),this.onlyBlockedResponseCookiesFilterUI?.checked(),this.onlyBlockedRequestsUI?.checked(),this.onlyThirdPartyFilterUI?.checked(),this.hideChromeExtensionsUI?.checked()];if(i&&(e.parsedURL.isDataURL()||e.parsedURL.isBlobURL()))return!1;if(r&&!e.blockedResponseCookies().length)return!1;if(o&&!e.wasBlocked()&&!e.corsErrorStatus())return!1;if(s&&e.isSameSite())return!1;if(n&&"chrome-extension"===e.scheme)return!1;for(let t=0;t<this.filters.length;++t)if(!this.filters[t](e))return!1;return!0}isValidUrl(e){try{return new URL(e),!0}catch{return!1}}parseFilterQuery(e,t){const i=this.filterParser.parse(e);this.filters=i.map((e=>{const i=e.key,r=e.text||"",o=e.regex;let n;if(i){const e=s.StringUtilities.escapeForRegExp(i+":"+r);n=this.createSpecialFilter(i,r)||Hi.requestPathFilter.bind(null,new RegExp(e,"i"))}else n=e.regex?Hi.requestPathFilter.bind(null,o):this.isValidUrl(r)?Hi.requestUrlFilter.bind(null,r):Hi.requestPathFilter.bind(null,new RegExp(s.StringUtilities.escapeForRegExp(r),"i"));return e.negative&&!t||!e.negative&&t?Hi.negativeFilter.bind(null,n):n}))}createSpecialFilter(e,t){switch(e){case m.UIFilter.FilterType.Domain:return Hi.createRequestDomainFilter(t);case m.UIFilter.FilterType.HasResponseHeader:return Hi.requestResponseHeaderFilter.bind(null,t);case m.UIFilter.FilterType.ResponseHeaderValueSetCookie:return Hi.requestResponseHeaderSetCookieFilter.bind(null,t);case m.UIFilter.FilterType.Is:if("running"===t.toLowerCase())return Hi.runningRequestFilter;if("from-cache"===t.toLowerCase())return Hi.fromCacheRequestFilter;if("service-worker-intercepted"===t.toLowerCase())return Hi.interceptedByServiceWorkerFilter;if("service-worker-initiated"===t.toLowerCase())return Hi.initiatedByServiceWorkerFilter;break;case m.UIFilter.FilterType.LargerThan:return this.createSizeFilter(t.toLowerCase());case m.UIFilter.FilterType.Method:return Hi.requestMethodFilter.bind(null,t);case m.UIFilter.FilterType.MimeType:return Hi.requestMimeTypeFilter.bind(null,t);case m.UIFilter.FilterType.MixedContent:return Hi.requestMixedContentFilter.bind(null,t);case m.UIFilter.FilterType.Scheme:return Hi.requestSchemeFilter.bind(null,t);case m.UIFilter.FilterType.SetCookieDomain:return Hi.requestSetCookieDomainFilter.bind(null,t);case m.UIFilter.FilterType.SetCookieName:return Hi.requestSetCookieNameFilter.bind(null,t);case m.UIFilter.FilterType.SetCookieValue:return Hi.requestSetCookieValueFilter.bind(null,t);case m.UIFilter.FilterType.CookieDomain:return Hi.requestCookieDomainFilter.bind(null,t);case m.UIFilter.FilterType.CookieName:return Hi.requestCookieNameFilter.bind(null,t);case m.UIFilter.FilterType.CookiePath:return Hi.requestCookiePathFilter.bind(null,t);case m.UIFilter.FilterType.CookieValue:return Hi.requestCookieValueFilter.bind(null,t);case m.UIFilter.FilterType.Priority:return Hi.requestPriorityFilter.bind(null,v.NetworkPriorities.uiLabelToNetworkPriority(t));case m.UIFilter.FilterType.StatusCode:return Hi.statusCodeFilter.bind(null,t);case m.UIFilter.FilterType.HasOverrides:return Hi.hasOverridesFilter.bind(null,t);case m.UIFilter.FilterType.ResourceType:return Hi.resourceTypeFilter.bind(null,t);case m.UIFilter.FilterType.Url:return Hi.requestUrlFilter.bind(null,t)}return null}createSizeFilter(e){let t=1;e.endsWith("k")?(t=1e3,e=e.substring(0,e.length-1)):e.endsWith("m")&&(t=1e6,e=e.substring(0,e.length-1));const i=Number(e);return isNaN(i)?null:Hi.requestSizeLargerThanFilter.bind(null,i*t)}filterRequests(){this.removeAllNodeHighlights(),this.invalidateAllItems()}reveal(e){this.removeAllNodeHighlights();const t=Ai.get(e);return t?.dataGrid?(t.parent&&t.parent instanceof fe&&(t.parent.reveal(),t.parent.expand()),t.reveal(),t):null}revealAndHighlightRequest(e){const t=this.reveal(e);t&&this.highlightNode(t)}revealAndHighlightRequestWithId(e){const t=a.NetworkLog.NetworkLog.instance().requestByManagerAndId(e.manager,e.requestId);t&&this.revealAndHighlightRequest(t)}selectRequest(e,t){const{clearFilter:i}=t||{clearFilter:!0};i&&this.setTextFilterValue("");const r=this.reveal(e);r&&r.select()}removeAllNodeHighlights(){this.highlightedNode&&(this.highlightedNode.element().classList.remove("highlighted-row"),this.highlightedNode=null)}highlightNode(t){e.UIUtils.runCSSAnimationOnce(t.element(),"highlighted-row"),this.highlightedNode=t}filterOutBlobRequests(e){return e.filter((e=>!e.isBlobRequest()))}async generateFetchCall(e,t){const i=new Set(["method","path","scheme","version","accept-charset","accept-encoding","access-control-request-headers","access-control-request-method","connection","content-length","cookie","cookie2","date","dnt","expect","host","keep-alive","origin","referer","te","trailer","transfer-encoding","upgrade","via","user-agent"]),r=new Set(["cookie","authorization"]),o=JSON.stringify(e.url()),s=e.requestHeaders(),n=s.reduce(((e,t)=>{const r=t.name;return i.has(r.toLowerCase())||r.includes(":")||e.append(r,t.value),e}),new Headers),a={};for(const e of n)a[e[0]]=e[1];const l=e.includedRequestCookies().length||s.some((({name:e})=>r.has(e.toLowerCase())))?"include":"omit",d=s.find((({name:e})=>"referer"===e.toLowerCase())),c=d?d.value:void 0,h=e.referrerPolicy()||void 0,u=await e.requestFormData(),p={headers:Object.keys(a).length?a:void 0,referrer:c,referrerPolicy:h,body:u,method:e.requestMethod,mode:"cors"};if(1===t){const e=s.find((e=>"cookie"===e.name.toLowerCase())),t={};delete p.mode,e&&(t.cookie=e.value),c&&(delete p.referrer,t.Referer=c),c&&(delete p.referrerPolicy,t["Referrer-Policy"]=h),Object.keys(t).length&&(p.headers={...a,...t})}else p.credentials=l;return`fetch(${o}, ${JSON.stringify(p,null,2)});`}async generateAllFetchCall(e,t){const i=this.filterOutBlobRequests(e);return(await Promise.all(i.map((e=>this.generateFetchCall(e,t))))).join(" ;\n")}static async generateCurlCommand(e,t){let i=[];const r=new Set(["accept-encoding","host","method","path","scheme","version","authority","protocol"]);const o="win"===t?function(e){return'^"'+e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/[^a-zA-Z0-9\s_\-:=+~'\/.',?;()*`]/g,"^$&").replace(/%(?=[a-zA-Z0-9_])/g,"%^").replace(/\r?\n/g,"^\n\n")+'^"'}:function(e){return/[\0-\x1F\x7F-\x9F!]|\'/.test(e)?"$'"+e.replace(/\\/g,"\\\\").replace(/\'/g,"\\'").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\0-\x1F\x7F-\x9F!]/g,(function(e){let t=e.charCodeAt(0).toString(16);for(;t.length<4;)t="0"+t;return"\\u"+t}))+"'":"'"+e+"'"};i.push(o(e.url()).replace(/[[{}\]]/g,"\\$&"));let s="GET";const n=[],a=await e.requestFormData();a&&(n.push("--data-raw "+o(a)),r.add("content-length"),s="POST"),e.requestMethod!==s&&i.push("-X "+o(e.requestMethod));const l=e.requestHeaders();for(let e=0;e<l.length;e++){const t=l[e],s=t.name.replace(/^:/,"");if(r.has(s.toLowerCase()))continue;const n=t.value;n.trim()?"cookie"===s.toLowerCase()?i.push("-b "+o(n)):i.push("-H "+o(s+": "+n)):i.push("-H "+o(s+";"))}return i=i.concat(n),"insecure"===e.securityState()&&i.push("--insecure"),"curl "+i.join(i.length>=3?"win"===t?" ^\n  ":" \\\n  ":" ")}async generateAllCurlCommand(e,t){const i=this.filterOutBlobRequests(e),r=await Promise.all(i.map((e=>Hi.generateCurlCommand(e,t))));return"win"===t?r.join(" &\r\n"):r.join(" ;\n")}async generatePowerShellCommand(e){const t=[],i=new Set(["host","connection","proxy-connection","content-length","expect","range","content-type","user-agent","cookie"]);function r(e){return'"'+e.replace(/[`\$"]/g,"`$&").replace(/[^\x20-\x7E]/g,(e=>"$([char]"+e.charCodeAt(0)+")"))+'"'}t.push("-Uri "+r(e.url())),"GET"!==e.requestMethod&&t.push("-Method "+r(e.requestMethod));const o=function(e){const t=[],i=e.requestHeaders().find((({name:e})=>"user-agent"===e.toLowerCase()));i&&t.push(`$session.UserAgent = ${r(i.value)}`);for(const i of e.includedRequestCookies()){const e=r(i.cookie.name()),o=r(i.cookie.value()),s=r(i.cookie.domain());t.push(`$session.Cookies.Add((New-Object System.Net.Cookie(${e}, ${o}, "/", ${s})))`)}return t.length?"$session = New-Object Microsoft.PowerShell.Commands.WebRequestSession\n"+t.join("\n")+"\n":null}(e);o&&t.push("-WebSession $session");const s=e.requestHeaders(),n=[];for(const e of s){const t=e.name.replace(/^:/,"");i.has(t.toLowerCase())||n.push(r(t)+"="+r(e.value))}n.length&&t.push("-Headers @{\n"+n.join("\n  ")+"\n}");const a=s.find((({name:e})=>"content-type"===e.toLowerCase()));a&&t.push("-ContentType "+r(a.value));const l=await e.requestFormData();if(l){const e=r(l);/[^\x20-\x7E]/.test(l)?t.push("-Body ([System.Text.Encoding]::UTF8.GetBytes("+e+"))"):t.push("-Body "+e)}return(o||"")+"Invoke-WebRequest -UseBasicParsing "+t.join(t.length>=3?" `\n":" ")}async generateAllPowerShellCommand(e){const t=this.filterOutBlobRequests(e);return(await Promise.all(t.map((e=>this.generatePowerShellCommand(e))))).join(";\r\n")}static getDCLEventColor(){return"--sys-color-blue"}static getLoadEventColor(){return"--sys-color-error"}}function Pi(t){let i="";for(const r of t.callFrames){i+=`${e.UIUtils.beautifyFunctionName(r.functionName)} @ ${r.url}:${r.lineNumber+1}\n`}return t.parent&&(i+=Pi(t.parent)),i}const Mi=new WeakSet,Ai=new WeakMap;const Ni={http:!0,https:!0,ws:!0,wss:!0},Ui=Object.values(m.UIFilter.FilterType),Bi={yes:"yes",no:"no",content:"content",headers:"headers"};class Vi extends t.ObjectWrapper.ObjectWrapper{filterElement;dropDownButton;networkHideDataURLSetting;networkHideChromeExtensionsSetting;networkShowBlockedCookiesOnlySetting;networkOnlyBlockedRequestsSetting;networkOnlyThirdPartySetting;contextMenu;activeFiltersCount;activeFiltersCountAdorner;isReactNative=!1;constructor(){super(),this.isReactNative=C.Runtime.experiments.isEnabled("react-native-specific-ui"),this.networkHideDataURLSetting=t.Settings.Settings.instance().createSetting("network-hide-data-url",!1),this.networkHideChromeExtensionsSetting=t.Settings.Settings.instance().createSetting("network-hide-chrome-extensions",!1),this.networkShowBlockedCookiesOnlySetting=t.Settings.Settings.instance().createSetting("network-show-blocked-cookies-only-setting",!1),this.networkOnlyBlockedRequestsSetting=t.Settings.Settings.instance().createSetting("network-only-blocked-requests",!1),this.networkOnlyThirdPartySetting=t.Settings.Settings.instance().createSetting("network-only-third-party-setting",!1),this.filterElement=document.createElement("div"),this.filterElement.setAttribute("aria-label","Show only/hide requests dropdown"),this.filterElement.setAttribute("jslog",`${d.dropDown("more-filters").track({click:!0})}`),this.activeFiltersCountAdorner=new F.Adorner.Adorner,this.activeFiltersCount=document.createElement("span"),this.activeFiltersCountAdorner.data={name:"countWrapper",content:this.activeFiltersCount},this.activeFiltersCountAdorner.classList.add("active-filters-count"),this.updateActiveFiltersCount(),this.dropDownButton=new e.Toolbar.ToolbarMenuButton(this.showMoreFiltersContextMenu.bind(this),!1,!0,void 0,void 0,!0),this.dropDownButton.setTitle(Ei(Li.showOnlyHideRequests)),this.dropDownButton.setText(Ei(Li.moreFilters)),this.dropDownButton.setAdorner(this.activeFiltersCountAdorner),this.filterElement.appendChild(this.dropDownButton.element),this.dropDownButton.element.classList.add("dropdown-filterbar"),this.updateTooltip()}#d(){this.dispatchEventToListeners("FilterChanged")}showMoreFiltersContextMenu(e){this.networkHideDataURLSetting.addChangeListener(this.#d.bind(this)),this.networkHideChromeExtensionsSetting.addChangeListener(this.#d.bind(this)),this.networkShowBlockedCookiesOnlySetting.addChangeListener(this.#d.bind(this)),this.networkOnlyBlockedRequestsSetting.addChangeListener(this.#d.bind(this)),this.networkOnlyThirdPartySetting.addChangeListener(this.#d.bind(this)),e.defaultSection().appendCheckboxItem(Ei(Li.hideDataUrls),(()=>this.networkHideDataURLSetting.set(!this.networkHideDataURLSetting.get())),{checked:this.networkHideDataURLSetting.get(),tooltip:Ei(Li.hidesDataAndBlobUrls),jslogContext:"hide-data-urls"}),this.isReactNative||(e.defaultSection().appendCheckboxItem(Ei(Li.chromeExtensions),(()=>this.networkHideChromeExtensionsSetting.set(!this.networkHideChromeExtensionsSetting.get())),{checked:this.networkHideChromeExtensionsSetting.get(),tooltip:Ei(Li.hideChromeExtension),jslogContext:"hide-extension-urls"}),e.defaultSection().appendSeparator()),this.isReactNative||e.defaultSection().appendCheckboxItem(Ei(Li.hasBlockedCookies),(()=>this.networkShowBlockedCookiesOnlySetting.set(!this.networkShowBlockedCookiesOnlySetting.get())),{checked:this.networkShowBlockedCookiesOnlySetting.get(),tooltip:Ei(Li.onlyShowRequestsWithBlockedCookies),jslogContext:"only-blocked-response-cookies"}),e.defaultSection().appendCheckboxItem(Ei(Li.blockedRequests),(()=>this.networkOnlyBlockedRequestsSetting.set(!this.networkOnlyBlockedRequestsSetting.get())),{checked:this.networkOnlyBlockedRequestsSetting.get(),tooltip:Ei(Li.onlyShowBlockedRequests),jslogContext:"only-blocked-requests"}),this.isReactNative||e.defaultSection().appendCheckboxItem(Ei(Li.thirdParty),(()=>this.networkOnlyThirdPartySetting.set(!this.networkOnlyThirdPartySetting.get())),{checked:this.networkOnlyThirdPartySetting.get(),tooltip:Ei(Li.onlyShowThirdPartyRequests),jslogContext:"only-3rd-party-requests"})}selectedFilters(){return[...this.networkHideDataURLSetting.get()?[Ei(Li.hideDataUrls)]:[],...this.networkHideChromeExtensionsSetting.get()?[Ei(Li.chromeExtensions)]:[],...this.networkShowBlockedCookiesOnlySetting.get()?[Ei(Li.hasBlockedCookies)]:[],...this.networkOnlyBlockedRequestsSetting.get()?[Ei(Li.blockedRequests)]:[],...this.networkOnlyThirdPartySetting.get()?[Ei(Li.thirdParty)]:[]]}updateActiveFiltersCount(){const e=this.selectedFilters().length;this.activeFiltersCount.textContent=e.toString(),e?this.activeFiltersCountAdorner.classList.remove("hidden"):this.activeFiltersCountAdorner.classList.add("hidden")}updateTooltip(){this.selectedFilters().length?this.dropDownButton.setTitle(this.selectedFilters().join(", ")):this.dropDownButton.setTitle(Ei(Li.showOnlyHideRequests))}isActive(){return 0!==this.selectedFilters().length}element(){return this.filterElement}}var Wi=Object.freeze({__proto__:null,HTTPSchemas:Ni,MoreFiltersDropDownUI:Vi,NetworkLogView:Hi,computeStackTraceText:Pi,isRequestFilteredOut:function(e){return Mi.has(e)},overrideFilter:Bi});const Oi={url:"URL"},Di=r.i18n.registerUIStrings("panels/network/NetworkSearchScope.ts",Oi),Gi=r.i18n.getLocalizedString.bind(void 0,Di);class ji{#c;constructor(e){this.#c=e}performIndexing(e){queueMicrotask((()=>{e.done()}))}async performSearch(e,t,i,r){const o=[],s=this.#c.requests().filter((t=>e.filePathMatchesFileQuery(t.url())));t.setTotalWork(s.length);for(const i of s){const r=this.searchRequest(e,i,t);o.push(r)}const n=(await Promise.all(o)).filter((e=>null!==e));if(t.isCanceled())r(!1);else{for(const e of n.sort(((e,t)=>e.label().localeCompare(t.label()))))e.matchesCount()>0&&i(e);t.done(),r(!0)}}async searchRequest(e,t,i){const r=await ji.#h(e,t);if(i.isCanceled())return null;const o=[];a(t.url())&&o.push(m.UIRequestLocation.UIRequestLocation.urlMatch(t));for(const e of t.requestHeaders())n(e)&&o.push(m.UIRequestLocation.UIRequestLocation.requestHeaderMatch(t,e));for(const e of t.responseHeaders)n(e)&&o.push(m.UIRequestLocation.UIRequestLocation.responseHeaderMatch(t,e));for(const e of r)o.push(m.UIRequestLocation.UIRequestLocation.bodyMatch(t,e));return i.incrementWorked(),new zi(t,o);function n(e){return a(`${e.name}: ${e.value}`)}function a(t){const i=e.ignoreCase()?"i":"",r=e.queries().map((e=>new RegExp(s.StringUtilities.escapeForRegExp(e),i)));let o=0;for(const e of r){const i=t.substr(o).match(e);if(void 0===i?.index)return!1;o+=i.index+i[0].length}return!0}}static async#h(e,t){if(!t.contentType().isTextType())return[];let i=[];for(const r of e.queries()){const o=await t.searchInContent(r,!e.ignoreCase(),e.isRegex());if(0===o.length)return[];i=s.ArrayUtilities.mergeOrdered(i,o,R.ContentProvider.SearchMatch.comparator)}return i}stopSearch(){}}class zi{request;locations;constructor(e,t){this.request=e,this.locations=t}matchesCount(){return this.locations.length}label(){return this.request.displayName}description(){const e=this.request.parsedURL;return e?e.urlWithoutScheme():this.request.url()}matchLineContent(e){const t=this.locations[e];if(t.isUrlMatch)return this.request.url();const i=t?.header?.header;return i?i.value:t.searchMatch.lineContent}matchRevealable(e){return this.locations[e]}matchLabel(e){const t=this.locations[e];if(t.isUrlMatch)return Gi(Oi.url);const i=t?.header?.header;return i?`${i.name}:`:(t.searchMatch.lineNumber+1).toString()}matchColumn(e){const t=this.locations[e];return t.searchMatch?.columnNumber}matchLength(e){const t=this.locations[e];return t.searchMatch?.matchLength}}var _i=Object.freeze({__proto__:null,NetworkSearchResult:zi,NetworkSearchScope:ji}),Ki={cssText:`:root{--network-overview-total:var(--sys-color-surface-variant);--network-overview-blocking:var(--sys-color-neutral-bright);--network-overview-connecting:var(--ref-palette-yellow60);--network-overview-service-worker:var(--sys-color-orange-bright);--network-overview-service-worker-respond-with:var(--sys-color-cyan-bright);--network-overview-push:var(--ref-palette-blue60);--override-network-overview-proxy:var(--ref-palette-neutral60);--network-overview-dns:var(--sys-color-cyan);--network-overview-ssl:var(--ref-palette-purple70);--override-network-overview-sending:var(--ref-palette-cyan60);--network-overview-waiting:var(--ref-palette-green70);--network-overview-receiving:var(--ref-palette-blue60);--network-overview-queueing:var(--ref-palette-neutral100);--network-grid-navigation-color:var(--ref-palette-blue90);--network-grid-initiator-path-color:var(--ref-palette-green90);--network-grid-initiated-path-color:var(--ref-palette-error80);--network-grid-focus-selected-color-has-error:var(--sys-color-surface-error);--network-grid-focus-selected-color-has-warning:var(--sys-color-surface-yellow);--network-grid-from-frame-color:var(--ref-palette-cyan95);--network-grid-is-product-color:var(--ref-palette-yellow95);--network-frame-divider-color:var(--ref-palette-yellow60)}.theme-with-dark-background{--network-grid-initiator-path-color:var(--ref-palette-green40);--network-grid-initiated-path-color:var(--ref-palette-error20);--network-grid-from-frame-color:var(--ref-palette-neutral50);--network-grid-is-product-color:var(--ref-palette-neutral70)}.network-details-view{background:var(--app-color-toolbar-background)}.network-details-view-tall-header{border-top:4px solid var(--app-color-toolbar-background)}.network-item-view{display:flex;background:var(--sys-color-cdt-base-container)}.network-item-preview-toolbar{border-top:1px solid var(--sys-color-divider);background-color:var(--sys-color-surface1)}.resource-timing-view{display:block;margin:6px;color:var(--sys-color-on-surface);overflow:auto;background-color:var(--sys-color-cdt-base-container)}.resource-timing-table{width:100%!important}#network-overview-panel{flex:none;position:relative}#network-overview-container{overflow:hidden;flex:auto;display:flex;flex-direction:column;position:relative;border-bottom:1px solid var(--sys-color-divider)}#network-overview-container canvas{width:100%;height:100%}.resources-dividers-label-bar{background-color:var(--sys-color-cdt-base-container)}#network-overview-grid .resources-dividers-label-bar{pointer-events:auto}.network .network-overview{flex:0 0 60px}.network-overview .resources-dividers-label-bar .resources-divider{background-color:transparent}.network-overview .resources-dividers{z-index:250}.request-view.html iframe{width:100%;height:100%;position:absolute}.network-film-strip{border-bottom:solid 1px var(--sys-color-divider);flex:none!important}.network-film-strip-placeholder{flex-shrink:0}.network-tabbed-pane{background-color:var(--sys-color-cdt-base-container)}.network-settings-pane{display:grid;grid-template-columns:50% 50%;flex:none;background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider)}.network-toolbar-container{display:flex;align-items:flex-start;flex:none;background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider);& > :first-child{flex:1 1 auto}}@media (forced-colors: active){.panel.network devtools-toolbar{background-color:canvas}}devtools-request-headers{min-width:360px}\n/*# sourceURL=${import.meta.resolve("./networkPanel.css")} */\n`};const $i={close:"Close",search:"Search",doNotClearLogOnPageReload:"Do not clear log on page reload / navigation",preserveLog:"Preserve log",disableCacheWhileDevtoolsIsOpen:"Disable cache while DevTools is open",disableCache:"Disable cache",networkSettings:"Network settings",showMoreInformationInRequestRows:"Show more information in request rows",useLargeRequestRows:"Big request rows",showOverviewOfNetworkRequests:"Show overview of network requests",showOverview:"Overview",groupRequestsByTopLevelRequest:"Group requests by top level request frame",groupByFrame:"Group by frame",captureScreenshotsWhenLoadingA:"Capture screenshots when loading a page",captureScreenshots:"Screenshots",importHarFile:"Import `HAR` file...",exportHar:"Export `HAR` (either sanitized or with sensitive data)",exportHarSanitized:"Export `HAR` (sanitized)...",exportHarWithSensitiveData:"Export `HAR` (with sensitive data)...",throttling:"Throttling",hitSToReloadAndCaptureFilmstrip:"Hit {PH1} to reload and capture filmstrip.",openInNetworkPanel:"Open in Network panel",openInNetworkPanelMissingRequest:"Open in Network panel (missing request)",recordingFrames:"Recording frames...",fetchingFrames:"Fetching frames...",moreNetworkConditions:"More network conditions…"},Xi=r.i18n.registerUIStrings("panels/network/NetworkPanel.ts",$i),Ji=r.i18n.getLocalizedString.bind(void 0,Xi);let Yi,Qi;class Zi extends e.Panel.Panel{networkLogShowOverviewSetting;networkLogLargeRowsSetting;networkRecordFilmStripSetting;toggleRecordAction;pendingStopTimer;networkItemView;filmStripView;filmStripRecorder;currentRequest;panelToolbar;rightToolbar;filterBar;showSettingsPaneSetting;filmStripPlaceholderElement;overviewPane;networkOverview;overviewPlaceholderElement;calculator;splitWidget;sidebarLocation;progressBarContainer;networkLogView;fileSelectorElement;detailsWidget;closeButtonElement;preserveLogSetting;recordLogSetting;throttlingSelect;displayScreenshotDelay;isReactNative=!1;constructor(i){super("network"),this.registerRequiredCSS(Ki),this.isReactNative=C.Runtime.experiments.isEnabled("react-native-specific-ui"),this.displayScreenshotDelay=i,this.networkLogShowOverviewSetting=t.Settings.Settings.instance().createSetting("network-log-show-overview",!0),this.networkLogLargeRowsSetting=t.Settings.Settings.instance().createSetting("network-log-large-rows",!1),this.networkRecordFilmStripSetting=t.Settings.Settings.instance().createSetting("network-record-film-strip-setting",!1),this.toggleRecordAction=e.ActionRegistry.ActionRegistry.instance().getAction("network.toggle-recording"),this.networkItemView=null,this.filmStripView=null,this.filmStripRecorder=null,this.currentRequest=null;const r=new e.Widget.VBox,o=r.contentElement.createChild("div","network-toolbar-container");o.role="toolbar",this.panelToolbar=o.createChild("devtools-toolbar"),this.panelToolbar.role="presentation",this.panelToolbar.wrappable=!0,this.panelToolbar.setAttribute("jslog",`${d.toolbar("network-main")}`),this.rightToolbar=o.createChild("devtools-toolbar"),this.rightToolbar.role="presentation",this.filterBar=new e.FilterBar.FilterBar("network-panel",!0),this.filterBar.show(r.contentElement),this.filterBar.addEventListener("Changed",this.handleFilterChanged.bind(this));const l=r.contentElement.createChild("div","network-settings-pane");l.append(e.SettingsUI.createSettingCheckbox(Ji($i.useLargeRequestRows),this.networkLogLargeRowsSetting,Ji($i.showMoreInformationInRequestRows)),e.SettingsUI.createSettingCheckbox(Ji($i.groupByFrame),t.Settings.Settings.instance().moduleSetting("network.group-by-frame"),Ji($i.groupRequestsByTopLevelRequest)),e.SettingsUI.createSettingCheckbox(Ji($i.showOverview),this.networkLogShowOverviewSetting,Ji($i.showOverviewOfNetworkRequests))),this.isReactNative||l.append(e.SettingsUI.createSettingCheckbox(Ji($i.captureScreenshots),this.networkRecordFilmStripSetting,Ji($i.captureScreenshotsWhenLoadingA))),this.showSettingsPaneSetting=t.Settings.Settings.instance().createSetting("network-show-settings-toolbar",!1),l.classList.toggle("hidden",!this.showSettingsPaneSetting.get()),this.showSettingsPaneSetting.addChangeListener((()=>l.classList.toggle("hidden",!this.showSettingsPaneSetting.get()))),this.filmStripPlaceholderElement=r.contentElement.createChild("div","network-film-strip-placeholder"),this.overviewPane=new v.TimelineOverviewPane.TimelineOverviewPane("network"),this.overviewPane.addEventListener("OverviewPaneWindowChanged",this.onWindowChanged.bind(this)),this.overviewPane.element.id="network-overview-panel",this.networkOverview=new li,this.overviewPane.setOverviewControls([this.networkOverview]),this.overviewPlaceholderElement=r.contentElement.createChild("div"),this.calculator=new zt,this.splitWidget=new e.SplitWidget.SplitWidget(!0,!1,"network-panel-split-view-state"),this.splitWidget.hideMain(),this.splitWidget.show(r.contentElement),r.setDefaultFocusedChild(this.filterBar);const c=new e.SplitWidget.SplitWidget(!0,!1,"network-panel-sidebar-state",225);c.hideSidebar(),c.enableShowModeSaving(),c.show(this.element),this.sidebarLocation=e.ViewManager.ViewManager.instance().createTabbedLocation((async()=>{e.ViewManager.ViewManager.instance().showView("network"),c.showBoth()}),"network-sidebar",!0);const h=this.sidebarLocation.tabbedPane();h.setMinimumSize(100,25),h.element.classList.add("network-tabbed-pane"),h.element.addEventListener("keydown",(e=>{e.key===s.KeyboardUtilities.ESCAPE_KEY&&(c.hideSidebar(),e.consume(),d.logKeyDown(e.currentTarget,e,"hide-sidebar"))}));const u=new e.Toolbar.ToolbarButton(Ji($i.close),"cross");u.addEventListener("Click",(()=>c.hideSidebar())),u.element.setAttribute("jslog",`${d.close().track({click:!0})}`),h.rightToolbar().appendToolbarItem(u),c.setSidebarWidget(h),c.setMainWidget(r),c.setDefaultFocusedChild(r),this.setDefaultFocusedChild(c),this.progressBarContainer=document.createElement("div"),this.networkLogView=new Hi(this.filterBar,this.progressBarContainer,this.networkLogLargeRowsSetting),this.splitWidget.setSidebarWidget(this.networkLogView),this.fileSelectorElement=e.UIUtils.createFileSelectorElement(this.networkLogView.onLoadFromFile.bind(this.networkLogView)),r.element.appendChild(this.fileSelectorElement),this.detailsWidget=new e.Widget.VBox,this.detailsWidget.element.classList.add("network-details-view"),this.splitWidget.setMainWidget(this.detailsWidget),this.closeButtonElement=document.createElement("dt-close-button"),this.closeButtonElement.addEventListener("click",(async()=>{const t=e.ActionRegistry.ActionRegistry.instance().getAction("network.hide-request-details");await t.execute()}),!1),this.closeButtonElement.style.margin="0 5px",this.networkLogShowOverviewSetting.addChangeListener(this.toggleShowOverview,this),this.networkLogLargeRowsSetting.addChangeListener(this.toggleLargerRequests,this),this.networkRecordFilmStripSetting.addChangeListener(this.toggleRecordFilmStrip,this),this.preserveLogSetting=t.Settings.Settings.instance().moduleSetting("network-log.preserve-log"),this.recordLogSetting=t.Settings.Settings.instance().moduleSetting("network-log.record-log"),this.recordLogSetting.addChangeListener((({data:e})=>this.toggleRecord(e))),this.throttlingSelect=this.createThrottlingConditionsSelect(),this.setupToolbarButtons(c),this.toggleRecord(this.recordLogSetting.get()),this.toggleShowOverview(),this.toggleLargerRequests(),this.toggleRecordFilmStrip(),this.updateUI(),n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.WillReloadPage,this.willReloadPage,this,{scoped:!0}),n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.Load,this.load,this,{scoped:!0}),this.networkLogView.addEventListener("RequestSelected",this.onRequestSelected,this),this.networkLogView.addEventListener("RequestActivated",this.onRequestActivated,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestAdded,this.onUpdateRequest,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestUpdated,this.onUpdateRequest,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.Reset,this.onNetworkLogReset,this)}static instance(e){return Yi&&!e?.forceNew||(Yi=new Zi(e?.displayScreenshotDelay??1e3)),Yi}static revealAndFilter(t){const i=Zi.instance();let r="";for(const e of t)e.filterType?r+=`${e.filterType}:${e.filterValue} `:r+=`${e.filterValue} `;return i.networkLogView.setTextFilterValue(r),e.ViewManager.ViewManager.instance().showView("network")}throttlingSelectForTest(){return this.throttlingSelect}onWindowChanged(e){const t=Math.max(this.calculator.minimumBoundary(),e.data.startTime/1e3),i=Math.min(this.calculator.maximumBoundary(),e.data.endTime/1e3);t===this.calculator.minimumBoundary()&&i===this.calculator.maximumBoundary()?this.networkLogView.setWindow(0,0):this.networkLogView.setWindow(t,i)}async searchToggleClick(){const t=e.ActionRegistry.ActionRegistry.instance().getAction("network.search");await t.execute()}setupToolbarButtons(i){const r=new e.Toolbar.ToolbarToggle(Ji($i.search),"search",void 0,"search");function o(){const e="OnlyMain"!==i.showMode();r.setToggled(e),e||r.element.focus()}if(this.panelToolbar.appendToolbarItem(e.Toolbar.Toolbar.createActionButton(this.toggleRecordAction)),this.panelToolbar.appendToolbarItem(e.Toolbar.Toolbar.createActionButton("network.clear")),this.panelToolbar.appendSeparator(),this.panelToolbar.appendToolbarItem(this.filterBar.filterButton()),o(),i.addEventListener("ShowModeChanged",o),r.addEventListener("Click",(()=>{this.searchToggleClick()})),this.panelToolbar.appendToolbarItem(r),this.panelToolbar.appendSeparator(),this.panelToolbar.appendToolbarItem(new e.Toolbar.ToolbarSettingCheckbox(this.preserveLogSetting,Ji($i.doNotClearLogOnPageReload),Ji($i.preserveLog))),!this.isReactNative){this.panelToolbar.appendSeparator();const i=new e.Toolbar.ToolbarSettingCheckbox(t.Settings.Settings.instance().moduleSetting("cache-disabled"),Ji($i.disableCacheWhileDevtoolsIsOpen),Ji($i.disableCache));this.panelToolbar.appendToolbarItem(i),this.panelToolbar.appendToolbarItem(this.throttlingSelect);const r=new e.Toolbar.ToolbarButton(Ji($i.moreNetworkConditions),"network-settings",void 0,"network-conditions");r.addEventListener("Click",(()=>{e.ViewManager.ViewManager.instance().showView("network.config")}),this),this.panelToolbar.appendToolbarItem(r)}this.rightToolbar.appendToolbarItem(new e.Toolbar.ToolbarItem(this.progressBarContainer)),this.rightToolbar.appendSeparator(),this.rightToolbar.appendToolbarItem(new e.Toolbar.ToolbarSettingToggle(this.showSettingsPaneSetting,"gear",Ji($i.networkSettings),"gear-filled","network-settings"));this.panelToolbar.appendSeparator();const s=new e.Toolbar.ToolbarButton(Ji($i.importHarFile),"import",void 0,"import-har");s.addEventListener("Click",(()=>this.fileSelectorElement.click()),this),this.panelToolbar.appendToolbarItem(s);const n=new e.Toolbar.ToolbarButton(Ji($i.exportHarSanitized),"download",void 0,"export-har");n.addEventListener("Click",this.networkLogView.exportAll.bind(this.networkLogView,{sanitize:!0}),this),this.panelToolbar.appendToolbarItem(n);const a=new e.Toolbar.ToolbarMenuButton((e=>{e.defaultSection().appendItem(Ji($i.exportHarSanitized),this.networkLogView.exportAll.bind(this.networkLogView,{sanitize:!0}),{jslogContext:"export-har"}),e.defaultSection().appendItem(Ji($i.exportHarWithSensitiveData),this.networkLogView.exportAll.bind(this.networkLogView,{sanitize:!1}),{jslogContext:"export-har-with-sensitive-data"})}),!0,!1,"export-har-menu","download");a.setTitle(Ji($i.exportHar)),this.panelToolbar.appendToolbarItem(a);const l=t.Settings.Settings.instance().createSetting("network.show-options-to-generate-har-with-sensitive-data",!1),d=()=>{const e=l.get();n.setVisible(!e),a.setVisible(e)};l.addChangeListener(d),d()}createThrottlingConditionsSelect(){const t=new e.Toolbar.ToolbarComboBox(null,Ji($i.throttling));return t.setMaxWidth(160),h.ThrottlingManager.throttlingManager().createNetworkThrottlingSelector(t.element),t}toggleRecord(e){this.toggleRecordAction.setToggled(e),this.recordLogSetting.get()!==e&&this.recordLogSetting.set(e),this.networkLogView.setRecording(e),!e&&this.filmStripRecorder&&this.filmStripRecorder.stopRecording(this.filmStripAvailable.bind(this))}filmStripAvailable(e){this.filmStripView&&this.filmStripView.setModel(e);const t=e.frames.map((e=>M.Helpers.Timing.microToSeconds(e.screenshotEvent.ts)));this.networkLogView.addFilmStripFrames(t)}onNetworkLogReset(e){const{clearIfPreserved:t}=e.data;this.preserveLogSetting.get()&&!t||(this.calculator.reset(),this.overviewPane.reset()),this.filmStripView&&this.resetFilmStripView()}willReloadPage(){this.pendingStopTimer&&(clearTimeout(this.pendingStopTimer),delete this.pendingStopTimer),this.isShowing()&&this.filmStripRecorder&&this.filmStripRecorder.startRecording()}load(){this.filmStripRecorder?.isRecording()&&(this.pendingStopTimer&&window.clearTimeout(this.pendingStopTimer),this.pendingStopTimer=window.setTimeout(this.stopFilmStripRecording.bind(this),this.displayScreenshotDelay))}stopFilmStripRecording(){this.filmStripRecorder&&this.filmStripRecorder.stopRecording(this.filmStripAvailable.bind(this)),delete this.pendingStopTimer}toggleLargerRequests(){this.updateUI()}toggleShowOverview(){this.networkLogShowOverviewSetting.get()?this.overviewPane.show(this.overviewPlaceholderElement):this.overviewPane.detach(),this.doResize()}toggleRecordFilmStrip(){const e=this.networkRecordFilmStripSetting.get();e&&!this.filmStripRecorder&&(this.filmStripView=new v.FilmStripView.FilmStripView,this.filmStripView.element.classList.add("network-film-strip"),this.filmStripView.element.setAttribute("jslog",`${d.section("film-strip")}`),this.filmStripRecorder=new er(this.networkLogView.timeCalculator(),this.filmStripView),this.filmStripView.show(this.filmStripPlaceholderElement),this.filmStripView.addEventListener("FrameSelected",this.onFilmFrameSelected,this),this.filmStripView.addEventListener("FrameEnter",this.onFilmFrameEnter,this),this.filmStripView.addEventListener("FrameExit",this.onFilmFrameExit,this),this.resetFilmStripView()),!e&&this.filmStripRecorder&&(this.filmStripView&&this.filmStripView.detach(),this.filmStripView=null,this.filmStripRecorder=null)}resetFilmStripView(){const t=e.ShortcutRegistry.ShortcutRegistry.instance().shortcutsForAction("inspector-main.reload")[0];this.filmStripView&&(this.filmStripView.reset(),t&&this.filmStripView.setStatusText(Ji($i.hitSToReloadAndCaptureFilmstrip,{PH1:t.title()})))}elementsToRestoreScrollPositionsFor(){return this.networkLogView.elementsToRestoreScrollPositionsFor()}wasShown(){super.wasShown(),e.Context.Context.instance().setFlavor(Zi,this),i.userMetrics.panelLoaded("network","DevTools.Launch.Network")}willHide(){e.Context.Context.instance().setFlavor(Zi,null),super.willHide()}revealAndHighlightRequest(e){this.hideRequestPanel(),e&&this.networkLogView.revealAndHighlightRequest(e)}revealAndHighlightRequestWithId(e){this.hideRequestPanel(),e&&this.networkLogView.revealAndHighlightRequestWithId(e)}async selectAndActivateRequest(t,i,r){return await e.ViewManager.ViewManager.instance().showView("network"),this.networkLogView.selectRequest(t,r),this.showRequestPanel(i),this.networkLogView.revealAndHighlightRequest(t),this.networkItemView}handleFilterChanged(){this.hideRequestPanel()}onRequestSelected(t){const i=t.data;this.currentRequest=i,this.networkOverview.setHighlightedRequest(i),this.updateNetworkItemView(),e.Context.Context.instance().setFlavor(n.NetworkRequest.NetworkRequest,i)}onRequestActivated(e){const{showPanel:t,tab:i,takeFocus:r}=e.data;t?this.showRequestPanel(i,r):this.hideRequestPanel()}showRequestPanel(e,t){if("Both"!==this.splitWidget.showMode()||e||t){if(this.clearNetworkItemView(),this.currentRequest){const i=this.createNetworkItemView(e);i&&t&&i.focus()}this.updateUI()}}hideRequestPanel(){this.clearNetworkItemView(),this.splitWidget.hideMain(),this.updateUI()}updateNetworkItemView(){"Both"===this.splitWidget.showMode()&&(this.clearNetworkItemView(),this.createNetworkItemView(),this.updateUI())}clearNetworkItemView(){this.networkItemView&&(this.networkItemView.detach(),this.networkItemView=null)}createNetworkItemView(t){if(this.currentRequest)return this.networkItemView=new Ut(this.currentRequest,this.networkLogView.timeCalculator(),t),this.networkItemView.leftToolbar().appendToolbarItem(new e.Toolbar.ToolbarItem(this.closeButtonElement)),this.networkItemView.show(this.detailsWidget.element),this.splitWidget.showBoth(),this.networkItemView}updateUI(){this.detailsWidget&&this.detailsWidget.element.classList.toggle("network-details-view-tall-header",this.networkLogLargeRowsSetting.get()),this.networkLogView&&this.networkLogView.switchViewMode(!this.splitWidget.isResizable())}appendApplicableItems(t,i,r){const o=t=>{i.revealSection().appendItem(Ji($i.openInNetworkPanel),(()=>e.ViewManager.ViewManager.instance().showView("network").then(this.networkLogView.resetFilter.bind(this.networkLogView)).then(this.revealAndHighlightRequest.bind(this,t))),{jslogContext:"reveal-in-network"})},s=()=>{i.revealSection().appendItem(Ji($i.openInNetworkPanelMissingRequest),(()=>{}),{disabled:!0,jslogContext:"reveal-in-network"})},a=t=>{i.revealSection().appendItem(Ji($i.openInNetworkPanel),(()=>e.ViewManager.ViewManager.instance().showView("network").then(this.networkLogView.resetFilter.bind(this.networkLogView)).then(this.selectAndActivateRequest.bind(this,t.networkRequest,"headers-component",void 0))),{jslogContext:"timeline.reveal-in-network"})};if(!t.target.isSelfOrDescendant(this.element))if(r instanceof n.Resource.Resource)r.request?o(r.request):s();else if(r instanceof g.UISourceCode.UISourceCode){const e=n.ResourceTreeModel.ResourceTreeModel.resourceForURL(r.url());e?.request?o(e.request):s()}else r instanceof n.TraceObject.RevealableNetworkRequest?a(r):this.networkItemView&&this.networkItemView.isShowing()&&this.networkItemView.request()===r||o(r)}onFilmFrameSelected(e){const t=e.data;this.overviewPane.setWindowTimes(0,t)}onFilmFrameEnter(e){const t=e.data;this.networkOverview.selectFilmStripFrame(t),this.networkLogView.selectFilmStripFrame(t/1e3)}onFilmFrameExit(){this.networkOverview.clearFilmStripFrame(),this.networkLogView.clearFilmStripFrame()}onUpdateRequest(e){const{request:t}=e.data;this.calculator.updateBoundaries(t),this.overviewPane.setBounds(M.Types.Timing.Milli(1e3*this.calculator.minimumBoundary()),M.Types.Timing.Milli(1e3*this.calculator.maximumBoundary())),this.networkOverview.updateRequest(t)}resolveLocation(e){return"network-sidebar"===e?this.sidebarLocation:null}}class er{tracingManager;resourceTreeModel;timeCalculator;filmStripView;callback;#u;#p=[];constructor(e,t){this.#u=M.TraceModel.Model.createWithSubsetOfHandlers({Screenshots:M.Handlers.ModelHandlers.Screenshots}),this.tracingManager=null,this.resourceTreeModel=null,this.timeCalculator=e,this.filmStripView=t,this.callback=null}traceEventsCollected(e){this.#p.push(...e)}async tracingComplete(){if(!this.tracingManager)return;this.tracingManager=null,await this.#u.parse(this.#p);const e=this.#u.parsedTrace(this.#u.size()-1);if(!e)return;const t=M.Types.Timing.Seconds(this.timeCalculator.minimumBoundary()),i=M.Extras.FilmStrip.fromParsedTrace(e,M.Helpers.Timing.secondsToMicro(t));this.callback&&this.callback(i),this.callback=null,this.#u.resetProcessor(),this.resourceTreeModel&&this.resourceTreeModel.resumeReload(),this.resourceTreeModel=null}tracingBufferUsage(){}eventsRetrievalProgress(e){}startRecording(){this.#p=[],this.filmStripView.reset(),this.filmStripView.setStatusText(Ji($i.recordingFrames));const e=n.TargetManager.TargetManager.instance().scopeTarget()?.model(M.TracingManager.TracingManager);!this.tracingManager&&e&&(this.tracingManager=e,this.resourceTreeModel=this.tracingManager.target().model(n.ResourceTreeModel.ResourceTreeModel),this.tracingManager.start(this,"-*,disabled-by-default-devtools.screenshot",""),i.userMetrics.actionTaken(i.UserMetrics.Action.FilmStripStartedRecording))}isRecording(){return Boolean(this.tracingManager)}stopRecording(e){this.tracingManager&&(this.tracingManager.stop(),this.resourceTreeModel&&this.resourceTreeModel.suspendReload(),this.callback=e,this.filmStripView.setStatusText(Ji($i.fetchingFrames)))}}class tr extends A.SearchView.SearchView{constructor(){super("network",new t.Throttler.Throttler(200))}static instance(e={forceNew:null}){const{forceNew:t}=e;return Qi&&!t||(Qi=new tr),Qi}static async openSearch(t,i){await e.ViewManager.ViewManager.instance().showView("network.search-network-tab");const r=tr.instance();return r.toggle(t,Boolean(i)),r}createScope(){return new ji(a.NetworkLog.NetworkLog.instance())}}var ir=Object.freeze({__proto__:null,ActionDelegate:class{handleAction(t,i){const r=t.flavor(Zi);if(null===r)return!1;switch(i){case"network.toggle-recording":return r.toggleRecord(!r.recordLogSetting.get()),!0;case"network.hide-request-details":return!!r.networkItemView&&(r.hideRequestPanel(),r.networkLogView.resetFocus(),!0);case"network.search":{const t=e.InspectorView.InspectorView.instance().element.window().getSelection();if(!t)return!1;let i="";return t.rangeCount&&(i=t.toString().replace(/\r?\n.*/,"")),tr.openSearch(i),!0}case"network.clear":return a.NetworkLog.NetworkLog.instance().reset(!0),!0}return!1}},FilmStripRecorder:er,NetworkLogWithFilterRevealer:class{reveal(e){return"filters"in e?Zi.revealAndFilter(e.filters):Zi.revealAndFilter(e.filter?[{filterType:null,filterValue:e.filter}]:[])}},NetworkPanel:Zi,RequestIdRevealer:class{reveal(t){const i=Zi.instance();return e.ViewManager.ViewManager.instance().showView("network").then(i.revealAndHighlightRequestWithId.bind(i,t))}},RequestLocationRevealer:class{async reveal(e){const t=await Zi.instance().selectAndActivateRequest(e.request,e.tab,e.filterOptions);if(t){if(e.searchMatch){const{lineNumber:i,columnNumber:r,matchLength:o}=e.searchMatch,s={from:{lineNumber:i,columnNumber:r},to:{lineNumber:i,columnNumber:r+o}};await t.revealResponseBody(s)}e.header&&t.revealHeader(e.header.section,e.header.header?.name)}}},RequestRevealer:class{reveal(t){const i=Zi.instance();return e.ViewManager.ViewManager.instance().showView("network").then(i.revealAndHighlightRequest.bind(i,t))}},SearchNetworkView:tr});export{D as BinaryResourceView,$ as BlockedURLsPane,oe as EventSourceMessagesView,pe as NetworkConfigView,Ce as NetworkDataGridNode,ei as NetworkFrameGrouper,Bt as NetworkItemView,Wi as NetworkLogView,qi as NetworkLogViewColumns,ai as NetworkManageCustomHeadersView,gi as NetworkOverview,ir as NetworkPanel,_i as NetworkSearchScope,Kt as NetworkTimeCalculator,ki as NetworkWaterfallColumn,Ie as RequestCookiesView,$e as RequestHTMLView,Me as RequestInitiatorView,ze as RequestPayloadView,pt as RequestPreviewView,et as RequestResponseView,Ct as RequestTimingView,Pt as ResourceWebSocketFrameView,lt as SignedExchangeInfoView};
+      `,this.#i,{host:this})}}customElements.get("devtools-network-event-coverage-infobar")||customElements.define("devtools-network-event-coverage-infobar",Yt);class Qt{parentView;activeGroups;constructor(e){this.parentView=e,this.activeGroups=new Map}groupNodeForRequest(e){const t=n.ResourceTreeModel.ResourceTreeModel.frameForRequest(e);if(!t||t.isOutermostFrame())return null;let i=this.activeGroups.get(t);return i||(i=new Zt(this.parentView,t),this.activeGroups.set(t,i),i)}reset(){this.activeGroups.clear()}}class Zt extends fe{frame;constructor(e,t){super(e),this.frame=t}displayName(){return new t.ParsedURL.ParsedURL(this.frame.url).domain()||this.frame.name||"<iframe>"}renderCell(t,i){super.renderCell(t,i);if(0===this.dataGrid.indexOfVisibleColumn(i)){const r=this.displayName();t.appendChild(k.Icon.create("frame","network-frame-group-icon")),e.UIUtils.createTextChild(t,r),e.Tooltip.Tooltip.install(t,r),this.setCellAccessibleName(t.textContent||"",t,i)}}}var ei=Object.freeze({__proto__:null,FrameGroupNode:Zt,NetworkFrameGrouper:Qt}),ti={cssText:`.network-log-grid.data-grid{border:none!important;flex:auto}.network-log-grid.data-grid.no-selection:focus-visible{border:none!important}#network-container{overflow:hidden}#network-container.grid-focused.no-node-selected:focus-within{border:1px solid var(--sys-color-state-focus-ring)}.network-summary-bar{flex:0 0 27px;line-height:27px;padding-left:5px;background-color:var(--sys-color-cdt-base-container);border-top:1px solid var(--sys-color-divider);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;user-select:text}.panel.network devtools-toolbar.network-summary-bar{border-bottom:0}.network-summary-bar dt-icon-label{margin-right:6px}.network-summary-bar > *{flex:none}.network-log-grid.data-grid tbody{background:transparent}.network-log-grid.data-grid td{height:41px;border-left:1px solid var(--sys-color-divider);vertical-align:middle}.network-log-grid.data-grid .corner{display:none}.network-log-grid.data-grid.small td{height:21px}.network-log-grid.data-grid th{border-bottom:none}.network-waterfall-header,\n.network-log-grid.data-grid thead th{border-bottom:1px solid var(--sys-color-divider);border-left:1px solid var(--sys-color-divider)}.network-waterfall-header,\n.network-log-grid.data-grid thead{height:31px;background-color:var(--sys-color-surface1)}.network-waterfall-header.small,\n.network-log-grid.data-grid.small thead{height:27px}.network-log-grid.data-grid select{appearance:none;border:none;width:100%;color:inherit}.network-log-grid.data-grid .waterfall-column{padding:1px 0}.network-log-grid.data-grid .waterfall-column .sort-order-icon-container{right:15px;pointer-events:none}.network-log-grid.data-grid th.sortable:active{background-image:none!important}.network-cell-subtitle{font-weight:normal;color:var(--sys-color-token-subtle)}.network-badge{margin-right:4px}.status-column .devtools-link{color:inherit}.initiator-column .text-button.devtools-link,\n.initiator-column .text-button.devtools-link:focus-visible{color:inherit;background-color:transparent;outline-offset:0;height:16px}.network-error-row,\n.network-error-row .network-cell-subtitle{color:var(--sys-color-error)!important}.network-warning-row,\n.network-warning-row .network-cell-subtitle{color:var(--sys-color-yellow)}.network-log-grid.data-grid tr.selected.network-error-row,\n.network-log-grid.data-grid tr.selected.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected.network-error-row .network-dim-cell{color:var(--sys-color-error)}.network-log-grid.data-grid tr.selected.network-warning-row,\n.network-log-grid.data-grid tr.selected.network-warning-row .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected.network-warning-row .network-dim-cell{color:var(--sys-color-yellow)}.network-log-grid.data-grid:focus-within tr.selected.network-error-row,\n.network-log-grid.data-grid:focus-within tr.selected.network-error-row .devtools-link,\n.network-log-grid.data-grid:focus-within tr.selected.network-error-row .network-cell-subtitle,\n.network-log-grid.data-grid:focus-within tr.selected.network-error-row .network-dim-cell{color:var(--sys-color-error)}.network-log-grid.data-grid:focus-within tr.selected.network-warning-row,\n.network-log-grid.data-grid:focus-within tr.selected.network-warning-row .devtools-link,\n.network-log-grid.data-grid:focus-within tr.selected.network-warning-row .network-cell-subtitle,\n.network-log-grid.data-grid:focus-within tr.selected.network-warning-row .network-dim-cell{color:var(--sys-color-yellow)}.network-log-grid.data-grid tr.selected,\n.network-log-grid.data-grid tr.selected .network-cell-subtitle,\n.network-log-grid.data-grid tr.selected .network-dim-cell{color:inherit}.network-log-grid.data-grid:focus tr.selected,\n.network-log-grid.data-grid:focus tr.selected .network-cell-subtitle,\n.network-log-grid.data-grid:focus tr.selected .network-dim-cell{color:var(--sys-color-on-tonal-container)}.network-header-subtitle{color:var(--sys-color-token-subtle)}.network-log-grid.data-grid.small .network-cell-subtitle,\n.network-log-grid.data-grid.small .network-header-subtitle{display:none}.network-log-grid.data-grid.small .network-cell-subtitle.always-visible{display:inline;margin-left:4px}.network-log-grid tr.highlighted-row{animation:network-row-highlight-fadeout 2s 0s}@keyframes network-row-highlight-fadeout{from{background-color:var(--sys-color-yellow-container)}to{background-color:transparent}}.network-log-grid.data-grid .icon.image{position:relative}.network-log-grid.data-grid .icon{float:left;width:32px;height:32px;margin-top:1px;margin-right:3px}.network-log-grid.data-grid:focus-within .network-error-row.selected div.icon:not(.image){filter:none}.network-log-grid.data-grid .network-error-row.data-grid-data-grid-node img.icon,\n.network-log-grid.data-grid .network-error-row.data-grid-data-grid-node.selected img.icon{filter:brightness(0) saturate(100%) invert(35%) sepia(76%) saturate(1413%) hue-rotate(338deg) brightness(92%) contrast(103%)}.data-grid-data-grid-node devtools-icon[name="arrow-up-down-circle"],\n.network-log-grid.data-grid.small .icon{width:16px;height:16px;vertical-align:sub}.data-grid-data-grid-node .ai-button-container{display:none;float:right}.data-grid-data-grid-node:hover .ai-button-container{display:inline-flex}.image-network-icon-preview{inset:0;margin:auto;overflow:hidden}.network-log-grid.data-grid .image-network-icon-preview{position:absolute;max-width:18px;max-height:21px;min-width:1px;min-height:1px}.network-log-grid.data-grid.small .image-network-icon-preview{left:2px;right:2px;max-width:10px;max-height:12px}.network-log-grid.data-grid .trailing-link-icon{padding-left:0.5ex}.network-dim-cell{color:var(--sys-color-token-subtle)}.network-frame-divider{width:2px;background-color:var(--network-frame-divider-color);z-index:10;visibility:hidden}#network-container.has-waterfall .data-container{overflow:hidden}.network-log-grid.data-grid .resources-dividers{z-index:0}.network-log-grid.data-grid .resources-dividers-label-bar{background-color:transparent;border:none;height:30px;pointer-events:none}.network-log-grid.data-grid span.separator-in-cell{user-select:none;min-width:1ex;display:inline-block}.network-status-pane{position:absolute;inset:0;background-color:var(--sys-color-cdt-base-container);z-index:500;overflow:auto}.network-waterfall-header{position:absolute;border-left:0;width:100%;display:table;z-index:200;& > div.hover-layer{display:none;background-color:var(--sys-color-state-hover-on-subtle);position:absolute;top:0;left:0;width:100%;height:100%}&:hover > div.hover-layer{display:block}}.network-waterfall-header div{display:table-cell;line-height:14px;margin:auto 0;vertical-align:middle;text-align:left;font-weight:normal;padding:0 4px}.network-waterfall-header .sort-order-icon-container{position:absolute;top:1px;right:0;bottom:1px;display:flex;align-items:center}.network-waterfall-header .sort-order-icon{align-items:center;margin-right:4px;margin-bottom:-2px}.network-frame-group-icon{display:inline-block;margin:-7px 1px;vertical-align:baseline}.network-frame-group-badge{margin-right:4px}.network-override-marker{position:relative;float:left}.network-override-marker::before{background-color:var(--sys-color-purple-bright);content:var(--image-file-empty);width:6px;height:6px;border-radius:50%;outline:1px solid var(--icon-gap-toolbar);left:8px;position:absolute;top:10px;z-index:1}@media (forced-colors: active){.initiator-column .devtools-link{color:linktext}.network-log-grid.data-grid tbody tr.revealed.selected,\n  .network-log-grid.data-grid:focus-within tbody tr.revealed.selected,\n  .network-log-grid.data-grid:focus-within tr.selected .network-dim-cell,\n  .network-log-grid.data-grid tr.selected .network-dim-cell,\n  .network-log-grid.data-grid:focus-within tr.selected .initiator-column .devtools-link,\n  .network-log-grid.data-grid tr.selected .initiator-column .devtools-link,\n  .network-waterfall-header:hover *{color:HighlightText}.network-log-grid{--color-grid-default:canvas;--color-grid-stripe:canvas;--color-grid-hovered:Highlight;--color-grid-selected:ButtonText;--color-grid-focus-selected:Highlight}#network-container.no-node-selected:focus-within{forced-color-adjust:none;border-color:Highlight;background-color:canvas!important}.network-waterfall-header:hover{forced-color-adjust:none;background-color:Highlight!important;& > div.hover-layer{display:none}}.network-waterfall-header.small,\n  .network-log-grid.data-grid.small thead .network-waterfall-header,\n  .network-log-grid.data-grid thead{background-color:canvas}.network-waterfall-header .sort-order-icon-container devtools-icon{background-color:inherit}.network-waterfall-header:hover .sort-order-icon-container devtools-icon{color:HighlightText}}\n/*# sourceURL=${import.meta.resolve("./networkLogView.css")} */\n`},ii={cssText:`.custom-headers-list{height:272px;width:var(--sys-size-29);margin:0 var(--sys-size-8)}.header{margin:var(--sys-size-5) var(--sys-size-5) var(--sys-size-5) var(--sys-size-8);padding-top:var(--sys-size-3);font:var(--sys-typescale-body2-medium);flex:none}.custom-headers-header{padding:2px}.custom-headers-list-item{padding-left:5px}.editor-container{padding:5px 0 0 5px}.add-button{margin:var(--sys-size-6) auto var(--sys-size-8) var(--sys-size-8);align-items:flex-start}\n/*# sourceURL=${import.meta.resolve("./networkManageCustomHeadersView.css")} */\n`};const ri={manageHeaderColumns:"Manage Header Columns",noCustomHeaders:"No custom headers",addCustomHeader:"Add custom header…",headerName:"Header Name"},oi=r.i18n.registerUIStrings("panels/network/NetworkManageCustomHeadersView.ts",ri),si=r.i18n.getLocalizedString.bind(void 0,oi);class ni extends e.Widget.VBox{list;columnConfigs;addHeaderColumnCallback;changeHeaderColumnCallback;removeHeaderColumnCallback;editor;constructor(t,i,r,o){super(!0),this.registerRequiredCSS(ii),this.contentElement.createChild("div","header").textContent=si(ri.manageHeaderColumns),this.list=new e.ListWidget.ListWidget(this),this.list.registerRequiredCSS(ii),this.list.element.classList.add("custom-headers-list");const s=document.createElement("div");s.classList.add("custom-headers-list-list-empty"),s.textContent=si(ri.noCustomHeaders),this.list.setEmptyPlaceholder(s),this.list.show(this.contentElement),this.contentElement.appendChild(e.UIUtils.createTextButton(si(ri.addCustomHeader),this.addButtonClicked.bind(this),{className:"add-button",jslogContext:"network.add-custom-header"})),this.columnConfigs=new Map,t.forEach((e=>this.columnConfigs.set(e.title.toLowerCase(),e))),this.addHeaderColumnCallback=i,this.changeHeaderColumnCallback=r,this.removeHeaderColumnCallback=o,this.contentElement.tabIndex=0}wasShown(){super.wasShown(),this.headersUpdated()}headersUpdated(){this.list.clear(),this.columnConfigs.forEach((e=>this.list.appendItem({header:e.title},e.editable)))}addButtonClicked(){this.list.addNewItem(this.columnConfigs.size,{header:""})}renderItem(t,i){const r=document.createElement("div");r.classList.add("custom-headers-list-item");const o=r.createChild("div","custom-header-name");return o.textContent=t.header,e.Tooltip.Tooltip.install(o,t.header),r}removeItemRequested(e,t){this.removeHeaderColumnCallback(e.header),this.columnConfigs.delete(e.header.toLowerCase()),this.headersUpdated()}commitEdit(e,t,i){const r=t.control("header").value.trim();let o;o=i?this.addHeaderColumnCallback(r):this.changeHeaderColumnCallback(e.header,r),o&&!i&&this.columnConfigs.delete(e.header.toLowerCase()),o&&this.columnConfigs.set(r.toLowerCase(),{title:r,editable:!0}),this.headersUpdated()}beginEdit(e){const t=this.createEditor();return t.control("header").value=e.header,t}createEditor(){if(this.editor)return this.editor;const t=new e.ListWidget.Editor;this.editor=t;const i=t.contentElement();i.createChild("div","custom-headers-edit-row").createChild("div","custom-headers-header").textContent=si(ri.headerName);return i.createChild("div","custom-headers-edit-row").createChild("div","custom-headers-header").appendChild(t.createInput("header","text","x-custom-header",function(e,i,r){let o=!0;const s=t.control("header").value.trim().toLowerCase();this.columnConfigs.has(s)&&e.header!==s&&(o=!1);return{valid:o,errorMessage:void 0}}.bind(this))),t}}var ai=Object.freeze({__proto__:null,NetworkManageCustomHeadersView:ni});class li extends v.TimelineOverviewPane.TimelineOverviewBase{selectedFilmStripTime;numBands;highlightedRequest;loadEvents;domContentLoadedEvents;nextBand;bandMap;requestsList;requestsSet;span;lastBoundary;constructor(){super(),this.selectedFilmStripTime=-1,this.element.classList.add("network-overview"),this.numBands=1,this.highlightedRequest=null,n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.Load,this.loadEventFired,this,{scoped:!0}),n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.DOMContentLoaded,this.domContentLoadedEventFired,this,{scoped:!0}),this.reset()}setHighlightedRequest(e){this.highlightedRequest=e,this.scheduleUpdate()}selectFilmStripFrame(e){this.selectedFilmStripTime=e,this.scheduleUpdate()}clearFilmStripFrame(){this.selectedFilmStripTime=-1,this.scheduleUpdate()}loadEventFired(e){const t=e.data.loadTime;t&&this.loadEvents.push(1e3*t),this.scheduleUpdate()}domContentLoadedEventFired(e){const{data:t}=e;t&&this.domContentLoadedEvents.push(1e3*t),this.scheduleUpdate()}bandId(e){if(!e||"0"===e)return-1;if(this.bandMap.has(e))return this.bandMap.get(e);const t=this.nextBand++;return this.bandMap.set(e,t),t}updateRequest(e){this.requestsSet.has(e)||(this.requestsSet.add(e),this.requestsList.push(e)),this.scheduleUpdate()}wasShown(){this.onResize()}calculator(){return super.calculator()}onResize(){const e=this.element.offsetWidth,t=this.element.offsetHeight;this.calculator().setDisplayWidth(e),this.resetCanvas();const i=(t-hi-1)/ci-1|0;this.numBands=i>0?i:1,this.scheduleUpdate()}reset(){this.span=1,this.lastBoundary=null,this.nextBand=0,this.bandMap=new Map,this.requestsList=[],this.requestsSet=new Set,this.loadEvents=[],this.domContentLoadedEvents=[],this.resetCanvas()}scheduleUpdate(){this.isShowing()&&E.write("NetworkOverview.render",this.update.bind(this))}update(){const e=this.calculator(),t=new Dt(e.minimumBoundary(),e.maximumBoundary());if(!this.lastBoundary||!t.equals(this.lastBoundary)){const t=e.boundarySpan();for(;this.span<t;)this.span*=1.25;e.setBounds(e.minimumBoundary(),M.Types.Timing.Milli(e.minimumBoundary()+this.span)),this.lastBoundary=new Dt(e.minimumBoundary(),e.maximumBoundary())}const i=this.context(),r=new Map,o=hi;function s(t){const s=r.get(t);if(!s)return;const n=s.length;i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue("--color-background-opacity-80"),i.lineWidth=pi,i.fillStyle=P.ThemeSupport.instance().getComputedValue(di[t]);for(let t=0;t<n;){const r=s[t++]*ci+o,n=s[t++];let a=s[t++];a===Number.MAX_VALUE&&(a=e.maximumBoundary());const l=e.computePosition(M.Types.Timing.Milli(n)),d=e.computePosition(M.Types.Timing.Milli(a))+1;i.fillRect(l,r,Math.max(d-l,ui),ci),i.strokeRect(l,r,Math.max(d-l,ui),ci)}}function n(e,t,i,o){let s=r.get(e);s||(s=[],r.set(e,s)),s.push(t,i,o)}const a=this.requestsList,l=a.length;for(let e=0;e<l;++e){const t=a[e],i=this.bandId(t.connectionId),r=-1===i?0:i%this.numBands+1,o=vt.calculateRequestTimeRanges(t,this.calculator().minimumBoundary());for(let e=0;e<o.length;++e){const t=o[e].name;-1===i&&"total"!==t||n(t,r,1e3*o[e].start,1e3*o[e].end)}}if(i.clearRect(0,0,this.width(),this.height()),i.save(),i.scale(window.devicePixelRatio,window.devicePixelRatio),i.lineWidth=2,s("total"),s("blocking"),s("connecting"),s("serviceworker"),s("serviceworker-preparation"),s("serviceworker-respondwith"),s("push"),s("proxy"),s("dns"),s("ssl"),s("sending"),s("waiting"),s("receiving"),this.highlightedRequest){const t=5,r=2,s=this.highlightedRequest,n=this.bandId(s.connectionId),a=(-1===n?0:n%this.numBands+1)*ci+o,l=vt.calculateRequestTimeRanges(s,this.calculator().minimumBoundary());i.fillStyle=P.ThemeSupport.instance().getComputedValue("--sys-color-tonal-container");const d=M.Types.Timing.Milli(1e3*l[0].start),c=M.Types.Timing.Milli(1e3*l[0].end);i.fillRect(e.computePosition(d)-r,a-t/2-r,e.computePosition(c)-e.computePosition(d)+1+2*r,t*r);for(let r=0;r<l.length;++r){const o=l[r].name;if(-1!==n||"total"===o){i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue(di[o]),i.lineWidth=t;const s=M.Types.Timing.Milli(1e3*l[r].start),n=M.Types.Timing.Milli(1e3*l[r].end);i.moveTo(Number(e.computePosition(s))-0,a),i.lineTo(Number(e.computePosition(n))+1,a),i.stroke()}}}const d=this.element.offsetHeight;i.lineWidth=1,i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue(Hi.getDCLEventColor());for(let t=this.domContentLoadedEvents.length-1;t>=0;--t){const r=e.computePosition(M.Types.Timing.Milli(this.domContentLoadedEvents[t])),o=Math.round(r)+.5;i.moveTo(o,0),i.lineTo(o,d)}i.stroke(),i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue(Hi.getLoadEventColor());for(let t=this.loadEvents.length-1;t>=0;--t){const r=e.computePosition(M.Types.Timing.Milli(this.loadEvents[t])),o=Math.round(r)+.5;i.moveTo(o,0),i.lineTo(o,d)}if(i.stroke(),-1!==this.selectedFilmStripTime){i.lineWidth=2,i.beginPath(),i.strokeStyle=P.ThemeSupport.instance().getComputedValue("--network-frame-divider-color");const t=M.Types.Timing.Milli(this.selectedFilmStripTime),r=Math.round(e.computePosition(t));i.moveTo(r,0),i.lineTo(r,d),i.stroke()}i.restore()}}const di={total:"--network-overview-total",blocking:"--network-overview-blocking",connecting:"--network-overview-connecting",serviceworker:"--network-overview-service-worker","serviceworker-preparation":"--network-overview-service-worker","serviceworker-respondwith":"--network-overview-service-worker-respond-with",push:"--network-overview-push",proxy:"--override-network-overview-proxy",dns:"--network-overview-dns",ssl:"--network-overview-ssl",sending:"--override-network-overview-sending",waiting:"--network-overview-waiting",receiving:"--network-overview-receiving",queueing:"--network-overview-queueing"},ci=3,hi=5,ui=10,pi=1;var gi=Object.freeze({__proto__:null,NetworkOverview:li,RequestTimeRangeNameToColor:di}),mi={cssText:`.network-waterfall-v-scroll{position:absolute;top:0;right:0;bottom:0;overflow-x:hidden;margin-top:31px;z-index:200}.theme-with-dark-background .network-waterfall-v-scroll{background:rgb(0 0 0/1%)}.network-waterfall-v-scroll.small{margin-top:27px}.network-waterfall-v-scroll-content{width:15px;pointer-events:none}\n/*# sourceURL=${import.meta.resolve("./networkWaterfallColumn.css")} */\n`};class wi extends e.Widget.VBox{canvas;canvasPosition;leftPadding;fontSize;rightPadding;scrollTop;headerHeight;calculator;rawRowHeight;rowHeight;offsetWidth;offsetHeight;startTime;endTime;popoverHelper;nodes;hoveredNode;eventDividers;styleForTimeRangeName;styleForWaitingResourceType;styleForDownloadingResourceType;wiskerStyle;hoverDetailsStyle;pathForStyle;textLayers;constructor(t){super(!1),this.registerRequiredCSS(mi),this.canvas=this.contentElement.createChild("canvas"),this.canvas.tabIndex=-1,this.setDefaultFocusedElement(this.canvas),this.canvasPosition=this.canvas.getBoundingClientRect(),this.leftPadding=5,this.fontSize=10,this.rightPadding=0,this.scrollTop=0,this.headerHeight=0,this.calculator=t,this.rawRowHeight=0,this.rowHeight=0,this.offsetWidth=0,this.offsetHeight=0,this.startTime=this.calculator.minimumBoundary(),this.endTime=this.calculator.maximumBoundary(),this.popoverHelper=new e.PopoverHelper.PopoverHelper(this.element,this.getPopoverRequest.bind(this),"network.timing"),this.popoverHelper.setTimeout(300,300),this.nodes=[],this.hoveredNode=null,this.eventDividers=new Map,this.element.addEventListener("mousemove",this.onMouseMove.bind(this),!0),this.element.addEventListener("mouseleave",(e=>this.setHoveredNode(null,!1)),!0),this.element.addEventListener("click",this.onClick.bind(this),!0),this.styleForTimeRangeName=wi.buildRequestTimeRangeStyle();const i=wi.buildResourceTypeStyle();this.styleForWaitingResourceType=i[0],this.styleForDownloadingResourceType=i[1];const r=P.ThemeSupport.instance().getComputedValue("--sys-color-state-disabled");this.wiskerStyle={borderColor:r,lineWidth:1,fillStyle:void 0},this.hoverDetailsStyle={fillStyle:r,lineWidth:1,borderColor:r},this.pathForStyle=new Map,this.textLayers=[]}static buildRequestTimeRangeStyle(){const e=new Map;return e.set("connecting",{fillStyle:di.connecting}),e.set("ssl",{fillStyle:di.ssl}),e.set("dns",{fillStyle:di.dns}),e.set("proxy",{fillStyle:di.proxy}),e.set("blocking",{fillStyle:di.blocking}),e.set("push",{fillStyle:di.push}),e.set("queueing",{fillStyle:di.queueing,lineWidth:2,borderColor:"lightgrey"}),e.set("receiving",{fillStyle:di.receiving,lineWidth:2,borderColor:"#03A9F4"}),e.set("waiting",{fillStyle:di.waiting}),e.set("receiving-push",{fillStyle:di["receiving-push"]}),e.set("serviceworker",{fillStyle:di.serviceworker}),e.set("serviceworker-preparation",{fillStyle:di["serviceworker-preparation"]}),e.set("serviceworker-respondwith",{fillStyle:di["serviceworker-respondwith"]}),e}static buildResourceTypeStyle(){const e=new Map([["document","hsl(215, 100%, 80%)"],["font","hsl(8, 100%, 80%)"],["media","hsl(90, 50%, 80%)"],["image","hsl(90, 50%, 80%)"],["script","hsl(31, 100%, 80%)"],["stylesheet","hsl(272, 64%, 80%)"],["texttrack","hsl(8, 100%, 80%)"],["websocket","hsl(0, 0%, 95%)"],["xhr","hsl(53, 100%, 80%)"],["fetch","hsl(53, 100%, 80%)"],["other","hsl(0, 0%, 95%)"]]),i=new Map,r=new Map;for(const n of Object.values(t.ResourceType.resourceTypes)){let t=e.get(n.name());t||(t=e.get("other"));const a=o(t);i.set(n,{fillStyle:s(t),lineWidth:1,borderColor:a}),r.set(n,{fillStyle:t,lineWidth:1,borderColor:a})}return[i,r];function o(e){const i=t.Color.parse(e)?.as("hsl");if(!i)return"";let{s:r,l:o}=i;return r/=2,o-=Math.min(o,.2),new t.Color.HSL(i.h,r,o,i.alpha).asString()}function s(e){const i=t.Color.parse(e)?.as("hsl");if(!i)return"";let{l:r}=i;return r*=1.1,new t.Color.HSL(i.h,i.s,r,i.alpha).asString()}}resetPaths(){this.pathForStyle.clear(),this.pathForStyle.set(this.wiskerStyle,new Path2D),this.styleForTimeRangeName.forEach((e=>this.pathForStyle.set(e,new Path2D))),this.styleForWaitingResourceType.forEach((e=>this.pathForStyle.set(e,new Path2D))),this.styleForDownloadingResourceType.forEach((e=>this.pathForStyle.set(e,new Path2D))),this.pathForStyle.set(this.hoverDetailsStyle,new Path2D)}willHide(){this.popoverHelper.hidePopover(),super.willHide()}wasShown(){super.wasShown(),this.update()}onMouseMove(e){this.setHoveredNode(this.getNodeFromPoint(e.offsetX,e.offsetY),e.shiftKey)}onClick(e){this.setSelectedNode(this.getNodeFromPoint(e.offsetX,e.offsetY))&&e.consume(!0)}getPopoverRequest(e){if(e instanceof KeyboardEvent)return null;if(!this.hoveredNode)return null;const i=this.hoveredNode.request();if(!i)return null;let r,o,s;if(!t.Settings.Settings.instance().moduleSetting("network-color-code-resource-types").get()&&!this.calculator.startAtZero?(r=vt.calculateRequestTimeRanges(i,0).find((e=>"total"===e.name)),o=this.timeToPosition(r.start),s=this.timeToPosition(r.end)):(r=this.getSimplifiedBarRange(i,0),o=r.start,s=r.end),s-o<50){const e=(s-o)/2;o=o+e-25,s=s-e+25}if(e.clientX<this.canvasPosition.left+o||e.clientX>this.canvasPosition.left+s)return null;const n=this.nodes.findIndex((e=>e.hovered())),a=this.getBarHeight(r.name),l=this.headerHeight+(this.rowHeight*n-this.scrollTop)+(this.rowHeight-a)/2;if(e.clientY<this.canvasPosition.top+l||e.clientY>this.canvasPosition.top+l+a)return null;const d=this.element.boxInWindow();return d.x+=o,d.y+=l,d.width=s-o,d.height=a,{box:d,show:e=>{const t=vt.createTimingTable(i,this.calculator);return e.registerRequiredCSS(gt),e.contentElement.appendChild(t),Promise.resolve(!0)},hide:void 0}}setHoveredNode(e,t){this.hoveredNode&&this.hoveredNode.setHovered(!1,!1),this.hoveredNode=e,this.hoveredNode&&this.hoveredNode.setHovered(!0,t)}setSelectedNode(e){return!!e?.dataGrid&&(e.select(),e.dataGrid.element.focus(),!0)}setRowHeight(e){this.rawRowHeight=e,this.updateRowHeight()}updateRowHeight(){this.rowHeight=Math.round(this.rawRowHeight*window.devicePixelRatio)/window.devicePixelRatio}setHeaderHeight(e){this.headerHeight=e}setRightPadding(e){this.rightPadding=e,this.calculateCanvasSize()}setCalculator(e){this.calculator=e}getNodeFromPoint(e,t){return t<=this.headerHeight?null:this.nodes[Math.floor((this.scrollTop+t-this.headerHeight)/this.rowHeight)]}scheduleDraw(){E.write("NetworkWaterfallColumn.render",(()=>this.update()))}update(e,t,i){void 0!==e&&this.scrollTop!==e&&(this.popoverHelper.hidePopover(),this.scrollTop=e),i&&(this.nodes=i,this.calculateCanvasSize()),void 0!==t&&(this.eventDividers=t),this.startTime=this.calculator.minimumBoundary(),this.endTime=this.calculator.maximumBoundary(),this.resetCanvas(),this.resetPaths(),this.textLayers=[],this.draw()}resetCanvas(){const e=window.devicePixelRatio;this.canvas.width=this.offsetWidth*e,this.canvas.height=this.offsetHeight*e,this.canvas.style.width=this.offsetWidth+"px",this.canvas.style.height=this.offsetHeight+"px"}onResize(){super.onResize(),this.updateRowHeight(),this.calculateCanvasSize(),this.scheduleDraw()}calculateCanvasSize(){this.offsetWidth=this.contentElement.offsetWidth-this.rightPadding,this.offsetHeight=this.contentElement.offsetHeight,this.calculator.setDisplayWidth(this.offsetWidth),this.canvasPosition=this.canvas.getBoundingClientRect()}timeToPosition(e){const t=(this.offsetWidth-this.leftPadding)/(this.endTime-this.startTime);return Math.floor(this.leftPadding+(e-this.startTime)*t)}didDrawForTest(){}draw(){const e=!t.Settings.Settings.instance().moduleSetting("network-color-code-resource-types").get()&&!this.calculator.startAtZero,i=this.nodes,r=this.canvas.getContext("2d");if(!r)return;r.save(),r.scale(window.devicePixelRatio,window.devicePixelRatio),r.translate(0,this.headerHeight),r.rect(0,0,this.offsetWidth,this.offsetHeight),r.clip();const o=Math.floor(this.scrollTop/this.rowHeight),s=Math.min(i.length,o+Math.ceil(this.offsetHeight/this.rowHeight));for(let t=o;t<s;t++){const o=this.rowHeight*t,s=i[t];this.decorateRow(r,s,o-this.scrollTop);let n=[];s.hasChildren()&&!s.expanded&&(n=s.flatChildren()),n.push(s);for(const t of n)e?this.buildTimingBarLayers(t,o-this.scrollTop):this.buildSimplifiedBarLayers(r,t,o-this.scrollTop)}this.drawLayers(r,e),r.save(),r.fillStyle=P.ThemeSupport.instance().getComputedValue("--sys-color-state-disabled");for(const e of this.textLayers)r.fillText(e.text,e.x,e.y);r.restore(),this.drawEventDividers(r),r.restore();const n=v.TimelineGrid.TimelineGrid.calculateGridOffsets(this.calculator);v.TimelineGrid.TimelineGrid.drawCanvasGrid(r,n),v.TimelineGrid.TimelineGrid.drawCanvasHeaders(r,n,(e=>this.calculator.formatValue(e,n.precision)),this.fontSize,this.headerHeight,75),r.save(),r.scale(window.devicePixelRatio,window.devicePixelRatio),r.clearRect(this.offsetWidth-18,0,18,this.headerHeight),r.restore(),this.didDrawForTest()}drawLayers(e,t){for(const i of this.pathForStyle){const r=i[0],o=i[1];e.save(),e.beginPath(),r.lineWidth&&(e.lineWidth=r.lineWidth,r.borderColor&&(e.strokeStyle=r.borderColor),e.stroke(o)),r.fillStyle&&(e.fillStyle=t?P.ThemeSupport.instance().getComputedValue(r.fillStyle):r.fillStyle,e.fill(o)),e.restore()}}drawEventDividers(e){e.save(),e.lineWidth=1;for(const t of this.eventDividers.keys()){e.strokeStyle=t;for(const i of this.eventDividers.get(t)||[]){e.beginPath();const t=this.timeToPosition(i);e.moveTo(t,0),e.lineTo(t,this.offsetHeight)}e.stroke()}e.restore()}getBarHeight(e){switch(e){case"connecting":case"ssl":case"dns":case"proxy":case"blocking":case"push":case"queueing":return 7;default:return 13}}getSimplifiedBarRange(e,t){const i=this.offsetWidth-this.leftPadding,r=this.calculator.computeBarGraphPercentages(e);return{start:this.leftPadding+Math.floor(r.start/100*i)+t,mid:this.leftPadding+Math.floor(r.middle/100*i)+t,end:this.leftPadding+Math.floor(r.end/100*i)+t}}buildSimplifiedBarLayers(e,t,i){const r=t.request();if(!r)return;const o=.5,s=this.getSimplifiedBarRange(r,o),n=this.getBarHeight();i+=Math.floor(this.rowHeight/2-n/2+1)-.5;const a=this.styleForWaitingResourceType.get(r.resourceType());this.pathForStyle.get(a).rect(s.start,i,s.mid-s.start,n-1);const l=Math.max(2,s.end-s.mid),d=this.styleForDownloadingResourceType.get(r.resourceType());this.pathForStyle.get(d).rect(s.mid,i,l,n-1);let c=null;if(t.hovered()){c=this.calculator.computeBarGraphLabels(r);const t=10,a=e.measureText(c.left).width,d=e.measureText(c.right).width,h=this.pathForStyle.get(this.hoverDetailsStyle);if(a<s.mid-s.start){const e=s.start+(s.mid-s.start-a)/2;this.textLayers.push({text:c.left,x:e,y:i+this.fontSize})}else t+a+this.leftPadding<s.start&&(this.textLayers.push({text:c.left,x:s.start-a-t-1,y:i+this.fontSize}),h.moveTo(s.start-t,i+Math.floor(n/2)),h.arc(s.start,i+Math.floor(n/2),2,0,2*Math.PI),h.moveTo(s.start-t,i+Math.floor(n/2)),h.lineTo(s.start,i+Math.floor(n/2)));const u=s.mid+l+o;if(d<u-s.mid){const e=s.mid+(u-s.mid-d)/2;this.textLayers.push({text:c.right,x:e,y:i+this.fontSize})}else u+t+d<this.offsetWidth-this.leftPadding&&(this.textLayers.push({text:c.right,x:u+t+1,y:i+this.fontSize}),h.moveTo(u,i+Math.floor(n/2)),h.arc(u,i+Math.floor(n/2),2,0,2*Math.PI),h.moveTo(u,i+Math.floor(n/2)),h.lineTo(u+t,i+Math.floor(n/2)))}if(!this.calculator.startAtZero){const t=vt.calculateRequestTimeRanges(r,0).find((e=>"total"===e.name)),a=c?e.measureText(c.left).width:0,l=a<s.mid-s.start,d=c&&!l?a+13:0,h=this.timeToPosition(t.start);if(s.start-d>h){const e=this.pathForStyle.get(this.wiskerStyle);e.moveTo(h,i+Math.floor(n/2)),e.lineTo(s.start-d,i+Math.floor(n/2));const t=n/2;e.moveTo(h+o,i+t/2),e.lineTo(h+o,i+n-t/2-1)}}}buildTimingBarLayers(e,t){const i=e.request();if(!i)return;const r=vt.calculateRequestTimeRanges(i,0);let o=0;for(const e of r){if("total"===e.name||"sending"===e.name||e.end-e.start==0)continue;const i=this.styleForTimeRangeName.get(e.name),r=this.pathForStyle.get(i),s=i.lineWidth||0,n=this.getBarHeight(e.name),a=t+Math.floor(this.rowHeight/2-n/2)+s/2,l=this.timeToPosition(e.start),d=this.timeToPosition(e.end);r.rect(l+1*o,a,d-l,n-s),o++}}decorateRow(e,t,i){const r=t.backgroundColor();e.save(),e.beginPath(),e.fillStyle=P.ThemeSupport.instance().getComputedValue(r),e.rect(0,i,this.offsetWidth,this.rowHeight),e.fill(),e.restore()}}var ki=Object.freeze({__proto__:null,NetworkWaterfallColumn:wi});const vi={networkLog:"Network Log",waterfall:"Waterfall",responseHeaders:"Response Headers",manageHeaderColumns:"Manage Header Columns…",startTime:"Start Time",responseTime:"Response Time",endTime:"End Time",totalDuration:"Total Duration",latency:"Latency",name:"Name",path:"Path",url:"Url",method:"Method",status:"Status",text:"Text",protocol:"Protocol",scheme:"Scheme",domain:"Domain",remoteAddress:"Remote Address",type:"Type",initiator:"Initiator",hasOverrides:"Has overrides",initiatorAddressSpace:"Initiator Address Space",cookies:"Cookies",setCookies:"Set Cookies",size:"Size",content:"Content",time:"Time",priority:"Priority",connectionId:"Connection ID",remoteAddressSpace:"Remote Address Space"},bi=r.i18n.registerUIStrings("panels/network/NetworkLogViewColumns.ts",vi),fi=r.i18n.getLocalizedString.bind(void 0,bi),Ci=r.i18n.getLazilyComputedLocalizedString.bind(void 0,bi);class Si{networkLogView;persistentSettings;networkLogLargeRowsSetting;eventDividers;eventDividersShown;gridMode;columns;waterfallRequestsAreStale;waterfallScrollerWidthIsStale;popupLinkifier;calculatorsMap;lastWheelTime;dataGridInternal;splitWidget;waterfallColumn;activeScroller;dataGridScroller;waterfallScroller;waterfallScrollerContent;waterfallHeaderElement;waterfallColumnSortIcon;activeWaterfallSortId;popoverHelper;hasScrollerTouchStarted;scrollerTouchStartPos;constructor(e,i,r,o){this.networkLogView=e,this.persistentSettings=t.Settings.Settings.instance().createSetting("network-log-columns",{}),this.networkLogLargeRowsSetting=o,this.networkLogLargeRowsSetting.addChangeListener(this.updateRowsSize,this),this.eventDividers=new Map,this.eventDividersShown=!1,this.gridMode=!0,this.columns=[],this.waterfallRequestsAreStale=!1,this.waterfallScrollerWidthIsStale=!0,this.popupLinkifier=new b.Linkifier.Linkifier,this.calculatorsMap=new Map,this.calculatorsMap.set("Time",i),this.calculatorsMap.set("Duration",r),this.lastWheelTime=0,this.setupDataGrid(),this.setupWaterfall(),P.ThemeSupport.instance().addEventListener(P.ThemeChangeEvent.eventName,(()=>{this.scheduleRefresh()}))}static convertToDataGridDescriptor(e){const t=e.title instanceof Function?e.title():e.title;return{id:e.id,title:t,sortable:e.sortable,align:e.align,nonSelectable:e.nonSelectable,weight:e.weight,allowInSortByEvenWhenHidden:e.allowInSortByEvenWhenHidden}}wasShown(){this.updateRowsSize()}willHide(){this.popoverHelper&&this.popoverHelper.hidePopover()}reset(){this.popoverHelper&&this.popoverHelper.hidePopover(),this.eventDividers.clear()}setupDataGrid(){const t=xi,i=Ti;this.columns=[];for(const e of t){const t=Object.assign({},i,e);if(t.id=t.id,t.subtitle){const e=t.title instanceof Function?t.title():t.title,i=t.subtitle instanceof Function?t.subtitle():t.subtitle;t.titleDOMFragment=this.makeHeaderFragment(e,i)}this.columns.push(t)}this.loadCustomColumnsAndSettings(),this.popoverHelper=new e.PopoverHelper.PopoverHelper(this.networkLogView.element,this.getPopoverRequest.bind(this),"network.initiator-stacktrace"),this.popoverHelper.setTimeout(300,300),this.dataGridInternal=new c.SortableDataGrid.SortableDataGrid({displayName:fi(vi.networkLog),columns:this.columns.map(Si.convertToDataGridDescriptor),deleteCallback:void 0,refreshCallback:void 0}),this.dataGridInternal.element.addEventListener("mousedown",(e=>{!this.dataGridInternal.selectedNode&&e.button&&e.consume()}),!0),this.dataGridScroller=this.dataGridInternal.scrollContainer,this.updateColumns(),this.dataGridInternal.addEventListener("SortingChanged",this.sortHandler,this),this.dataGridInternal.setHeaderContextMenuCallback(this.innerHeaderContextMenu.bind(this)),this.activeWaterfallSortId=Ii.StartTime,this.dataGridInternal.markColumnAsSortedBy(yi,c.DataGrid.Order.Ascending),this.splitWidget=new e.SplitWidget.SplitWidget(!0,!0,"network-panel-split-view-waterfall",200);const r=this.dataGridInternal.asWidget();r.setMinimumSize(150,0),this.splitWidget.setMainWidget(r)}setupWaterfall(){this.waterfallColumn=new wi(this.networkLogView.calculator()),this.waterfallColumn.element.addEventListener("contextmenu",function(t){const i=t,r=this.waterfallColumn.getNodeFromPoint(i.offsetX,i.offsetY);if(!r)return;const o=r.request();if(!o)return;const s=new e.ContextMenu.ContextMenu(i);this.networkLogView.handleContextMenuForRequest(s,o),s.show()}.bind(this)),this.waterfallColumn.element.addEventListener("wheel",this.onMouseWheel.bind(this,!1),{passive:!0}),this.waterfallColumn.element.addEventListener("touchstart",this.onTouchStart.bind(this)),this.waterfallColumn.element.addEventListener("touchmove",this.onTouchMove.bind(this)),this.waterfallColumn.element.addEventListener("touchend",this.onTouchEnd.bind(this)),this.dataGridScroller.addEventListener("wheel",this.onMouseWheel.bind(this,!0),!0),this.dataGridScroller.addEventListener("touchstart",this.onTouchStart.bind(this)),this.dataGridScroller.addEventListener("touchmove",this.onTouchMove.bind(this)),this.dataGridScroller.addEventListener("touchend",this.onTouchEnd.bind(this)),this.waterfallScroller=this.waterfallColumn.contentElement.createChild("div","network-waterfall-v-scroll"),this.waterfallScrollerContent=this.waterfallScroller.createChild("div","network-waterfall-v-scroll-content"),this.dataGridInternal.addEventListener("PaddingChanged",(()=>{this.waterfallScrollerWidthIsStale=!0,this.syncScrollers()})),this.dataGridInternal.addEventListener("ViewportCalculated",this.redrawWaterfallColumn.bind(this)),this.createWaterfallHeader(),this.waterfallColumn.contentElement.classList.add("network-waterfall-view"),this.waterfallColumn.setMinimumSize(100,0),this.splitWidget.setSidebarWidget(this.waterfallColumn),this.switchViewMode(!1)}onMouseWheel(e,t){e&&t.consume(!0);const i=t,r=Date.now()-this.lastWheelTime<80;this.activeScroller.scrollBy({top:i.deltaY,behavior:r?"auto":"smooth"}),this.syncScrollers(),this.lastWheelTime=Date.now()}onTouchStart(e){const t=e;this.hasScrollerTouchStarted=!0,this.scrollerTouchStartPos=t.changedTouches[0].pageY}onTouchMove(e){if(!this.hasScrollerTouchStarted)return;const t=e.changedTouches[0].pageY,i=this.scrollerTouchStartPos-t;this.activeScroller.scrollBy({top:i,behavior:"auto"}),this.syncScrollers(),this.scrollerTouchStartPos=t}onTouchEnd(){this.hasScrollerTouchStarted=!1}syncScrollers(){this.waterfallColumn.isShowing()&&(this.waterfallScrollerContent.style.height=this.dataGridScroller.scrollHeight-this.dataGridInternal.headerHeight()+"px",this.updateScrollerWidthIfNeeded(),this.dataGridScroller.scrollTop=this.waterfallScroller.scrollTop)}updateScrollerWidthIfNeeded(){this.waterfallScrollerWidthIsStale&&(this.waterfallScrollerWidthIsStale=!1,this.waterfallColumn.setRightPadding(this.waterfallScroller.offsetWidth-this.waterfallScrollerContent.offsetWidth))}redrawWaterfallColumn(){if(!this.waterfallRequestsAreStale)return this.updateScrollerWidthIfNeeded(),void this.waterfallColumn.update(this.activeScroller.scrollTop,this.eventDividersShown?this.eventDividers:void 0);this.syncScrollers();const e=this.networkLogView.flatNodesList();this.waterfallColumn.update(this.activeScroller.scrollTop,this.eventDividers,e)}createWaterfallHeader(){this.waterfallHeaderElement=this.waterfallColumn.contentElement.createChild("div","network-waterfall-header"),this.waterfallHeaderElement.setAttribute("jslog",`${d.tableHeader("waterfall").track({click:!0})}`),this.waterfallHeaderElement.addEventListener("click",function(){const e=c.DataGrid.Order,t="waterfall"===this.dataGridInternal.sortColumnId(),i=this.dataGridInternal.isSortOrderAscending(),r=t&&i?e.Descending:e.Ascending;this.dataGridInternal.markColumnAsSortedBy("waterfall",r),this.sortHandler()}.bind(this)),this.waterfallHeaderElement.addEventListener("contextmenu",(t=>{const i=new e.ContextMenu.ContextMenu(t);this.innerHeaderContextMenu(i),i.show()})),this.waterfallHeaderElement.createChild("div","hover-layer");this.waterfallHeaderElement.createChild("div").textContent=fi(vi.waterfall),this.waterfallColumnSortIcon=new k.Icon.Icon,this.waterfallColumnSortIcon.className="sort-order-icon",this.waterfallHeaderElement.createChild("div","sort-order-icon-container").appendChild(this.waterfallColumnSortIcon)}setCalculator(e){this.waterfallColumn.setCalculator(e)}scheduleRefresh(){this.waterfallColumn.scheduleDraw()}updateRowsSize(){const e=Boolean(this.networkLogLargeRowsSetting.get());this.dataGridInternal.element.classList.toggle("small",!e),this.dataGridInternal.scheduleUpdate(),this.waterfallScrollerWidthIsStale=!0,this.waterfallColumn.setRowHeight(e?41:21),this.waterfallScroller.classList.toggle("small",!e),this.waterfallHeaderElement.classList.toggle("small",!e),window.requestAnimationFrame((()=>{this.waterfallColumn.setHeaderHeight(this.waterfallScroller.offsetTop),this.waterfallColumn.scheduleDraw()}))}show(e){this.splitWidget.show(e)}setHidden(t){e.ARIAUtils.setHidden(this.splitWidget.element,t)}dataGrid(){return this.dataGridInternal}sortByCurrentColumn(){this.sortHandler()}sortHandler(){const e=this.dataGridInternal.sortColumnId();if(this.networkLogView.removeAllNodeHighlights(),this.waterfallRequestsAreStale=!0,"waterfall"===e){this.dataGridInternal.sortOrder()===c.DataGrid.Order.Ascending?this.waterfallColumnSortIcon.name="triangle-up":this.waterfallColumnSortIcon.name="triangle-down",this.waterfallColumnSortIcon.hidden=!1;const e=be.RequestPropertyComparator.bind(null,this.activeWaterfallSortId);return this.dataGridInternal.sortNodes(e,!this.dataGridInternal.isSortOrderAscending()),void this.dataGridSortedForTest()}this.waterfallColumnSortIcon.hidden=!0,this.waterfallColumnSortIcon.name=null;const t=this.columns.find((t=>t.id===e));if(!t?.sortingFunction)return;const i=t.sortingFunction;i&&(this.dataGridInternal.sortNodes(i,!this.dataGridInternal.isSortOrderAscending()),this.dataGridSortedForTest())}dataGridSortedForTest(){}updateColumns(){if(!this.dataGridInternal)return;const e=new Set;if(this.gridMode)for(const t of this.columns)"waterfall"===t.id?this.setWaterfallVisibility(t.visible):t.visible&&e.add(t.id);else{const t=this.columns.find((e=>"path"===e.hideableGroup&&e.visible));t?e.add(t.id):e.add("name"),this.setWaterfallVisibility(!1)}this.dataGridInternal.setColumnsVisibility(e)}switchViewMode(e){this.gridMode!==e&&(this.gridMode=e,this.updateColumns(),this.updateRowsSize())}toggleColumnVisibility(e){this.loadCustomColumnsAndSettings(),e.visible=!e.visible,this.saveColumnsSettings(),this.updateColumns(),this.updateRowsSize()}setWaterfallVisibility(e){this.splitWidget&&(this.networkLogView.element.classList.toggle("has-waterfall",e),e?(this.splitWidget.showBoth(),this.activeScroller=this.waterfallScroller,this.waterfallScroller.scrollTop=this.dataGridScroller.scrollTop,this.dataGridInternal.setScrollContainer(this.waterfallScroller)):(this.networkLogView.removeAllNodeHighlights(),this.splitWidget.hideSidebar(),this.activeScroller=this.dataGridScroller,this.dataGridInternal.setScrollContainer(this.dataGridScroller)))}saveColumnsSettings(){const e={};for(const t of this.columns)e[t.id]={visible:t.visible,title:t.title};this.persistentSettings.set(e)}loadCustomColumnsAndSettings(){const e=this.persistentSettings.get(),t=Object.keys(e);for(const i of t){const t=e[i];let r=this.columns.find((e=>e.id===i));!r&&t.title&&(r=this.addCustomHeader(t.title,i)||void 0),r&&r.hideable&&"boolean"==typeof t.visible&&(r.visible=Boolean(t.visible)),r&&"string"==typeof t.title&&(r.title=t.title)}}makeHeaderFragment(t,i){const r=document.createDocumentFragment();e.UIUtils.createTextChild(r,t);const o=r.createChild("div","network-header-subtitle");return e.UIUtils.createTextChild(o,i),r}innerHeaderContextMenu(e){const t=this.columns.filter((e=>e.hideable)),i=t.filter((e=>!e.isResponseHeader)),r=new Map,o=[];for(const e of i)if(e.hideableGroup){const t=e.hideableGroup;let i=r.get(t);i||(i=[],r.set(t,i)),i.push(e)}else o.push(e);for(const t of r.values()){const i=t.filter((e=>e.visible));for(const r of t){const t=1===i.length&&i[0]===r,o=r.title instanceof Function?r.title():r.title;e.headerSection().appendCheckboxItem(o,this.toggleColumnVisibility.bind(this,r),{checked:r.visible,disabled:t,jslogContext:r.id})}e.headerSection().appendSeparator()}for(const t of o){const i=t.title instanceof Function?t.title():t.title;e.headerSection().appendCheckboxItem(i,this.toggleColumnVisibility.bind(this,t),{checked:t.visible,jslogContext:t.id})}const s=e.footerSection().appendSubMenuItem(fi(vi.responseHeaders),!1,"response-headers"),n=t.filter((e=>e.isResponseHeader));for(const e of n){const t=e.title instanceof Function?e.title():e.title;s.defaultSection().appendCheckboxItem(t,this.toggleColumnVisibility.bind(this,e),{checked:e.visible,jslogContext:e.id})}s.footerSection().appendItem(fi(vi.manageHeaderColumns),this.manageCustomHeaderDialog.bind(this),{jslogContext:"manage-header-columns"});const a=Ii,l=e.footerSection().appendSubMenuItem(fi(vi.waterfall),!1,"waterfall");function d(e){let t=this.calculatorsMap.get("Time");const i=Ii;e!==i.Duration&&e!==i.Latency||(t=this.calculatorsMap.get("Duration")),this.networkLogView.setCalculator(t),this.activeWaterfallSortId=e,this.dataGridInternal.markColumnAsSortedBy("waterfall",c.DataGrid.Order.Ascending),this.sortHandler()}l.defaultSection().appendCheckboxItem(fi(vi.startTime),d.bind(this,a.StartTime),{checked:this.activeWaterfallSortId===a.StartTime,jslogContext:"start-time"}),l.defaultSection().appendCheckboxItem(fi(vi.responseTime),d.bind(this,a.ResponseTime),{checked:this.activeWaterfallSortId===a.ResponseTime,jslogContext:"response-time"}),l.defaultSection().appendCheckboxItem(fi(vi.endTime),d.bind(this,a.EndTime),{checked:this.activeWaterfallSortId===a.EndTime,jslogContext:"end-time"}),l.defaultSection().appendCheckboxItem(fi(vi.totalDuration),d.bind(this,a.Duration),{checked:this.activeWaterfallSortId===a.Duration,jslogContext:"total-duration"}),l.defaultSection().appendCheckboxItem(fi(vi.latency),d.bind(this,a.Latency),{checked:this.activeWaterfallSortId===a.Latency,jslogContext:"latency"})}manageCustomHeaderDialog(){const t=[];for(const e of this.columns){const i=e.title instanceof Function?e.title():e.title;e.isResponseHeader&&t.push({title:i,editable:e.isCustomHeader})}const i=new ni(t,(e=>Boolean(this.addCustomHeader(e))),this.changeCustomHeader.bind(this),this.removeCustomHeader.bind(this)),r=new e.Dialog.Dialog("manage-custom-headers");i.show(r.contentElement),r.setSizeBehavior("MeasureContent"),r.show(this.networkLogView.element)}removeCustomHeader(e){e=e.toLowerCase();const t=this.columns.findIndex((t=>t.id===e));return-1!==t&&(this.columns.splice(t,1),this.dataGridInternal.removeColumn(e),this.saveColumnsSettings(),this.updateColumns(),!0)}addCustomHeader(e,t,i){t||(t=e.toLowerCase()),void 0===i&&(i=this.columns.length-1);const r=this.columns.find((e=>e.id===t));if(r)return null;const o=Object.assign({},Ti,{id:t,title:e,isResponseHeader:!0,isCustomHeader:!0,visible:!0,sortingFunction:be.ResponseHeaderStringComparator.bind(null,t)});return this.columns.splice(i,0,o),this.dataGridInternal&&this.dataGridInternal.addColumn(Si.convertToDataGridDescriptor(o),i),this.saveColumnsSettings(),this.updateColumns(),o}changeCustomHeader(e,t,i){i||(i=t.toLowerCase()),e=e.toLowerCase();const r=this.columns.findIndex((t=>t.id===e)),o=this.columns[r],s=this.columns.find((e=>e.id===i));return!(!o||s&&e!==i)&&(this.removeCustomHeader(e),this.addCustomHeader(t,i,r),!0)}getPopoverRequest(e){if(!this.gridMode)return null;const t=this.networkLogView.hoveredNode();if(!t||!e.target)return null;const i=e.target.enclosingNodeOrSelfWithClass("network-script-initiated");if(!i)return null;const r=t.request();return r?{box:i.boxInWindow(),show:async e=>{this.popupLinkifier.addEventListener("liveLocationUpdated",(()=>{e.setSizeBehavior("MeasureContent")}));const t=Pe.createStackTracePreview(r,this.popupLinkifier,!1);return!!t&&(e.contentElement.appendChild(t.element),!0)},hide:this.popupLinkifier.reset.bind(this.popupLinkifier)}:null}addEventDividers(e,t){let i="transparent";switch(t){case"network-dcl-divider":i=P.ThemeSupport.instance().getComputedValue("--sys-color-blue");break;case"network-load-divider":i=P.ThemeSupport.instance().getComputedValue("--sys-color-error");break;default:return}const r=this.eventDividers.get(i)||[];this.eventDividers.set(i,r.concat(e)),this.networkLogView.scheduleRefresh()}hideEventDividers(){this.eventDividersShown=!0,this.redrawWaterfallColumn()}showEventDividers(){this.eventDividersShown=!1,this.redrawWaterfallColumn()}selectFilmStripFrame(e){this.eventDividers.set(Ri,[e]),this.redrawWaterfallColumn()}clearFilmStripFrame(){this.eventDividers.delete(Ri),this.redrawWaterfallColumn()}}const yi="waterfall",Ti={subtitle:null,visible:!1,weight:6,sortable:!0,hideable:!0,hideableGroup:null,nonSelectable:!1,isResponseHeader:!1,isCustomHeader:!1,allowInSortByEvenWhenHidden:!1},xi=[{id:"name",title:Ci(vi.name),subtitle:Ci(vi.path),visible:!0,weight:20,hideable:!0,hideableGroup:"path",sortingFunction:be.NameComparator},{id:"path",title:Ci(vi.path),hideable:!0,hideableGroup:"path",sortingFunction:be.RequestPropertyComparator.bind(null,"pathname")},{id:"url",title:Ci(vi.url),hideable:!0,hideableGroup:"path",sortingFunction:be.RequestURLComparator},{id:"method",title:Ci(vi.method),sortingFunction:be.RequestPropertyComparator.bind(null,"requestMethod")},{id:"status",title:Ci(vi.status),visible:!0,subtitle:Ci(vi.text),sortingFunction:be.RequestPropertyComparator.bind(null,"statusCode")},{id:"protocol",title:Ci(vi.protocol),sortingFunction:be.RequestPropertyComparator.bind(null,"protocol")},{id:"scheme",title:Ci(vi.scheme),sortingFunction:be.RequestPropertyComparator.bind(null,"scheme")},{id:"domain",title:Ci(vi.domain),sortingFunction:be.RequestPropertyComparator.bind(null,"domain")},{id:"remote-address",title:Ci(vi.remoteAddress),weight:10,align:"right",sortingFunction:be.RemoteAddressComparator},{id:"remote-address-space",title:Ci(vi.remoteAddressSpace),visible:!1,weight:10,sortingFunction:be.RemoteAddressSpaceComparator},{id:"type",title:Ci(vi.type),visible:!0,sortingFunction:be.TypeComparator},{id:"initiator",title:Ci(vi.initiator),visible:!0,weight:10,sortingFunction:be.InitiatorComparator},{id:"initiator-address-space",title:Ci(vi.initiatorAddressSpace),visible:!1,weight:10,sortingFunction:be.InitiatorAddressSpaceComparator},{id:"cookies",title:Ci(vi.cookies),align:"right",sortingFunction:be.RequestCookiesCountComparator},{id:"set-cookies",title:Ci(vi.setCookies),align:"right",sortingFunction:be.ResponseCookiesCountComparator},{id:"size",title:Ci(vi.size),visible:!0,subtitle:Ci(vi.content),align:"right",sortingFunction:be.SizeComparator},{id:"time",title:Ci(vi.time),visible:!0,subtitle:Ci(vi.latency),align:"right",sortingFunction:be.RequestPropertyComparator.bind(null,"duration")},{id:"priority",title:Ci(vi.priority),sortingFunction:be.PriorityComparator},{id:"connection-id",title:Ci(vi.connectionId),sortingFunction:be.RequestPropertyComparator.bind(null,"connectionId")},{id:"cache-control",isResponseHeader:!0,title:r.i18n.lockedLazyString("Cache-Control"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"cache-control")},{id:"connection",isResponseHeader:!0,title:r.i18n.lockedLazyString("Connection"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"connection")},{id:"content-encoding",isResponseHeader:!0,title:r.i18n.lockedLazyString("Content-Encoding"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"content-encoding")},{id:"content-length",isResponseHeader:!0,title:r.i18n.lockedLazyString("Content-Length"),align:"right",sortingFunction:be.ResponseHeaderNumberComparator.bind(null,"content-length")},{id:"etag",isResponseHeader:!0,title:r.i18n.lockedLazyString("ETag"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"etag")},{id:"has-overrides",title:Ci(vi.hasOverrides),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"has-overrides")},{id:"keep-alive",isResponseHeader:!0,title:r.i18n.lockedLazyString("Keep-Alive"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"keep-alive")},{id:"last-modified",isResponseHeader:!0,title:r.i18n.lockedLazyString("Last-Modified"),sortingFunction:be.ResponseHeaderDateComparator.bind(null,"last-modified")},{id:"server",isResponseHeader:!0,title:r.i18n.lockedLazyString("Server"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"server")},{id:"vary",isResponseHeader:!0,title:r.i18n.lockedLazyString("Vary"),sortingFunction:be.ResponseHeaderStringComparator.bind(null,"vary")},{id:"waterfall",title:Ci(vi.waterfall),allowInSortByEvenWhenHidden:!0}],Ri="#fccc49";var Ii;!function(e){e.StartTime="startTime",e.ResponseTime="responseReceivedTime",e.EndTime="endTime",e.Duration="duration",e.Latency="latency"}(Ii||(Ii={}));var qi=Object.freeze({__proto__:null,NetworkLogViewColumns:Si});const Li={invertFilter:"Invert",invertsFilter:"Inverts the search filter",hideDataUrls:"Hide data URLs",hidesDataAndBlobUrls:"Hide 'data:' and 'blob:' URLs",chromeExtensions:"Hide extension URLs",hideChromeExtension:"Hide 'chrome-extension://' URLs",requestTypesToInclude:"Request types to include",hasBlockedCookies:"Blocked response cookies",onlyShowRequestsWithBlockedCookies:"Show only requests with blocked response cookies",blockedRequests:"Blocked requests",onlyShowBlockedRequests:"Show only blocked requests",thirdParty:"3rd-party requests",onlyShowThirdPartyRequests:"Show only requests with origin different from page origin",dropHarFilesHere:"Drop HAR files here",recordingNetworkActivity:"Currently recording network activity",performARequestOrHitSToRecordThe:'Perform a request or reload the page by using the "{PH1}" button or by hitting {PH2}.',recordToDisplayNetworkActivity:'Record network log to display network activity by using the "{PH1}" button or by hitting {PH2}.',reloadPage:"Reload page",startRecording:"Start recording",noNetworkActivityRecorded:"No network activity recorded",networkDataAvailable:"Network Data Available",sSRequests:"{PH1} / {PH2} requests",sSTransferred:"{PH1} / {PH2} transferred",sBSBTransferredOverNetwork:"{PH1} B / {PH2} B transferred over network",sSResources:"{PH1} / {PH2} resources",sBSBResourcesLoadedByThePage:"{PH1} B / {PH2} B resources loaded by the page",sRequests:"{PH1} requests",sTransferred:"{PH1} transferred",sBTransferredOverNetwork:"{PH1} B transferred over network",sResources:"{PH1} resources",sBResourcesLoadedByThePage:"{PH1} B resources loaded by the page",finishS:"Finish: {PH1}",domcontentloadedS:"DOMContentLoaded: {PH1}",loadS:"Load: {PH1}",copy:"Copy",copyURL:"Copy URL",copyRequestHeaders:"Copy request headers",copyResponseHeaders:"Copy response headers",copyResponse:"Copy response",copyStacktrace:"Copy stack trace",copyAsPowershell:"Copy as `PowerShell`",copyAsFetch:"Copy as `fetch`",copyAsNodejsFetch:"Copy as `fetch` (`Node.js`)",copyAsCurlCmd:"Copy as `cURL` (`cmd`)",copyAsCurlBash:"Copy as `cURL` (`bash`)",copyAllURLs:"Copy all URLs",copyAllListedURLs:"Copy all listed URLs",copyAllAsPowershell:"Copy all as `PowerShell`",copyAllListedAsPowershell:"Copy all listed as `PowerShell`",copyAllAsFetch:"Copy all as `fetch`",copyAllListedAsFetch:"Copy all listed as `fetch`",copyAllAsNodejsFetch:"Copy all as `fetch` (`Node.js`)",copyAllListedAsNodejsFetch:"Copy all listed as `fetch` (`Node.js`)",copyAllAsCurlCmd:"Copy all as `cURL` (`cmd`)",copyAllListedAsCurlCmd:"Copy all listed as `cURL` (`cmd`)",copyAllAsCurlBash:"Copy all as `cURL` (`bash`)",copyAllListedAsCurlBash:"Copy all listed as `cURL` (`bash`)",copyAsCurl:"Copy as `cURL`",copyAllAsCurl:"Copy all as `cURL`",copyAllListedAsCurl:"Copy all listed as `cURL`",copyAllAsHarSanitized:"Copy all as `HAR` (sanitized)",copyAllAsHarWithSensitiveData:"Copy all as `HAR` (with sensitive data)",copyAllListedAsHarSanitized:"Copy all listed as `HAR` (sanitized)",copyAllListedAsHarWithSensitiveData:"Copy all listed as `HAR` (with sensitive data)",clearBrowserCache:"Clear browser cache",clearBrowserCookies:"Clear browser cookies",blockRequestUrl:"Block request URL",unblockS:"Unblock {PH1}",blockRequestDomain:"Block request domain",replayXhr:"Replay XHR",areYouSureYouWantToClearBrowser:"Are you sure you want to clear browser cache?",areYouSureYouWantToClearBrowserCookies:"Are you sure you want to clear browser cookies?",overrideHeaders:"Override headers",showOnlyHideRequests:"Show only/hide requests",moreFilters:"More filters"},Fi=r.i18n.registerUIStrings("panels/network/NetworkLogView.ts",Li),Ei=r.i18n.getLocalizedString.bind(void 0,Fi);class Hi extends(t.ObjectWrapper.eventMixin(e.Widget.VBox)){networkInvertFilterSetting;networkHideDataURLSetting;networkHideChromeExtensions;networkShowBlockedCookiesOnlySetting;networkOnlyBlockedRequestsSetting;networkOnlyThirdPartySetting;networkResourceTypeFiltersSetting;networkShowOptionsToGenerateHarWithSensitiveData;rawRowHeight;progressBarContainer;networkLogLargeRowsSetting;rowHeightInternal;timeCalculatorInternal;durationCalculator;calculatorInternal;columnsInternal;staleRequests;mainRequestLoadTime;mainRequestDOMContentLoadedTime;filters;timeFilter;hoveredNodeInternal;recordingHint;highlightedNode;linkifierInternal;recording;needsRefresh;headerHeightInternal;groupLookups;activeGroupLookup;textFilterUI;invertFilterUI;dataURLFilterUI;moreFiltersDropDownUI;onlyBlockedResponseCookiesFilterUI;onlyBlockedRequestsUI;onlyThirdPartyFilterUI;hideChromeExtensionsUI;resourceCategoryFilterUI;filterParser;suggestionBuilder;dataGrid;summaryToolbarInternal;filterBar;textFilterSetting;isReactNative=!1;constructor(i,r,o){function l(){this.rawRowHeight=Boolean(this.networkLogLargeRowsSetting.get())?41:21,this.rowHeightInternal=this.computeRowHeight()}if(super(),this.isReactNative=C.Runtime.experiments.isEnabled("react-native-specific-ui"),this.registerRequiredCSS(ti),this.setMinimumSize(50,64),this.element.id="network-container",this.element.classList.add("no-node-selected"),this.networkInvertFilterSetting=t.Settings.Settings.instance().createSetting("network-invert-filter",!1),this.networkHideDataURLSetting=t.Settings.Settings.instance().createSetting("network-hide-data-url",!1),this.networkHideChromeExtensions=t.Settings.Settings.instance().createSetting("network-hide-chrome-extensions",!1),this.networkShowBlockedCookiesOnlySetting=t.Settings.Settings.instance().createSetting("network-show-blocked-cookies-only-setting",!1),this.networkOnlyBlockedRequestsSetting=t.Settings.Settings.instance().createSetting("network-only-blocked-requests",!1),this.networkOnlyThirdPartySetting=t.Settings.Settings.instance().createSetting("network-only-third-party-setting",!1),this.networkResourceTypeFiltersSetting=t.Settings.Settings.instance().createSetting("network-resource-type-filters",{}),this.networkShowOptionsToGenerateHarWithSensitiveData=t.Settings.Settings.instance().createSetting("network.show-options-to-generate-har-with-sensitive-data",!1),this.rawRowHeight=0,this.progressBarContainer=r,this.networkLogLargeRowsSetting=o,this.networkLogLargeRowsSetting.addChangeListener(l.bind(this),this),this.rawRowHeight=0,this.rowHeightInternal=0,l.call(this),this.timeCalculatorInternal=new zt,this.durationCalculator=new _t,this.calculatorInternal=this.timeCalculatorInternal,globalThis.FB_ONLY__enableNetworkCoverageNotice){const e=document.createElement("devtools-network-event-coverage-infobar");this.element.appendChild(e)}this.columnsInternal=new Si(this,this.timeCalculatorInternal,this.durationCalculator,o),this.columnsInternal.show(this.element),this.staleRequests=new Set,this.mainRequestLoadTime=-1,this.mainRequestDOMContentLoadedTime=-1,this.filters=[],this.timeFilter=null,this.hoveredNodeInternal=null,this.recordingHint=null,this.highlightedNode=null,this.linkifierInternal=new b.Linkifier.Linkifier,this.recording=!1,this.needsRefresh=!1,this.headerHeightInternal=0,this.groupLookups=new Map,this.groupLookups.set("Frame",new Qt(this)),this.activeGroupLookup=null,this.textFilterUI=new e.FilterBar.TextFilterUI,this.textFilterUI.addEventListener("FilterChanged",this.filterChanged,this),i.addFilter(this.textFilterUI),this.invertFilterUI=new e.FilterBar.CheckboxFilterUI("invert-filter",Ei(Li.invertFilter),!0,this.networkInvertFilterSetting,"invert-filter"),this.invertFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.invertFilterUI.element(),Ei(Li.invertsFilter)),i.addFilter(this.invertFilterUI),i.addDivider();const d=Object.entries(this.isReactNative?t.ResourceType.resourceCategoriesReactNative:t.ResourceType.resourceCategories).map((([e,t])=>({name:t.name,label:()=>t.shortTitle(),title:t.title(),jslogContext:s.StringUtilities.toKebabCase(e)})));C.Runtime.experiments.isEnabled("network-panel-filter-bar-redesign")?(this.moreFiltersDropDownUI=new Vi,this.moreFiltersDropDownUI.addEventListener("FilterChanged",this.filterChanged,this),i.addFilter(this.moreFiltersDropDownUI),this.resourceCategoryFilterUI=new e.FilterBar.NamedBitSetFilterUI(d,this.networkResourceTypeFiltersSetting),e.ARIAUtils.setLabel(this.resourceCategoryFilterUI.element(),Ei(Li.requestTypesToInclude)),this.resourceCategoryFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),i.addFilter(this.resourceCategoryFilterUI)):(this.dataURLFilterUI=new e.FilterBar.CheckboxFilterUI("hide-data-url",Ei(Li.hideDataUrls),!0,this.networkHideDataURLSetting,"hide-data-urls"),this.dataURLFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.dataURLFilterUI.element(),Ei(Li.hidesDataAndBlobUrls)),i.addFilter(this.dataURLFilterUI),this.isReactNative||(this.hideChromeExtensionsUI=new e.FilterBar.CheckboxFilterUI("chrome-extension",Ei(Li.chromeExtensions),!0,this.networkHideChromeExtensions,"hide-extension-urls"),this.hideChromeExtensionsUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.hideChromeExtensionsUI.element(),Ei(Li.hideChromeExtension)),i.addFilter(this.hideChromeExtensionsUI)),this.resourceCategoryFilterUI=new e.FilterBar.NamedBitSetFilterUI(d,this.networkResourceTypeFiltersSetting),e.ARIAUtils.setLabel(this.resourceCategoryFilterUI.element(),Ei(Li.requestTypesToInclude)),this.resourceCategoryFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),i.addFilter(this.resourceCategoryFilterUI),this.isReactNative||(this.onlyBlockedResponseCookiesFilterUI=new e.FilterBar.CheckboxFilterUI("only-show-blocked-cookies",Ei(Li.hasBlockedCookies),!0,this.networkShowBlockedCookiesOnlySetting,"only-show-blocked-cookies"),this.onlyBlockedResponseCookiesFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.onlyBlockedResponseCookiesFilterUI.element(),Ei(Li.onlyShowRequestsWithBlockedCookies)),i.addFilter(this.onlyBlockedResponseCookiesFilterUI)),this.onlyBlockedRequestsUI=new e.FilterBar.CheckboxFilterUI("only-show-blocked-requests",Ei(Li.blockedRequests),!0,this.networkOnlyBlockedRequestsSetting,"only-show-blocked-requests"),this.onlyBlockedRequestsUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.onlyBlockedRequestsUI.element(),Ei(Li.onlyShowBlockedRequests)),i.addFilter(this.onlyBlockedRequestsUI),this.isReactNative||(this.onlyThirdPartyFilterUI=new e.FilterBar.CheckboxFilterUI("only-show-third-party",Ei(Li.thirdParty),!0,this.networkOnlyThirdPartySetting,"only-show-third-party"),this.onlyThirdPartyFilterUI.addEventListener("FilterChanged",this.filterChanged.bind(this),this),e.Tooltip.Tooltip.install(this.onlyThirdPartyFilterUI.element(),Ei(Li.onlyShowThirdPartyRequests)),i.addFilter(this.onlyThirdPartyFilterUI))),this.filterParser=new R.TextUtils.FilterParser(Ui),this.suggestionBuilder=new e.FilterSuggestionBuilder.FilterSuggestionBuilder(Ui,Hi.sortSearchValues),this.resetSuggestionBuilder(),this.dataGrid=this.columnsInternal.dataGrid(),this.setupDataGrid(),this.columnsInternal.sortByCurrentColumn(),i.filterButton().addEventListener("Click",this.dataGrid.scheduleUpdate.bind(this.dataGrid,!0)),this.summaryToolbarInternal=this.element.createChild("devtools-toolbar","network-summary-bar"),this.summaryToolbarInternal.setAttribute("role","status"),new e.DropTarget.DropTarget(this.element,[e.DropTarget.Type.File],Ei(Li.dropHarFilesHere),this.handleDrop.bind(this)),t.Settings.Settings.instance().moduleSetting("network-color-code-resource-types").addChangeListener(this.invalidateAllItems.bind(this,!1),this),n.TargetManager.TargetManager.instance().observeModels(n.NetworkManager.NetworkManager,this,{scoped:!0}),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestAdded,this.onRequestUpdated,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestUpdated,this.onRequestUpdated,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestRemoved,this.onRequestRemoved,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.Reset,this.reset,this),this.updateGroupByFrame(),t.Settings.Settings.instance().moduleSetting("network.group-by-frame").addChangeListener((()=>this.updateGroupByFrame())),this.filterBar=i,this.textFilterSetting=t.Settings.Settings.instance().createSetting("network-text-filter",""),this.textFilterSetting.get()&&this.textFilterUI.setValue(this.textFilterSetting.get())}getMoreFiltersDropdown(){return this.moreFiltersDropDownUI}updateGroupByFrame(){const e=t.Settings.Settings.instance().moduleSetting("network.group-by-frame").get();this.setGrouping(e?"Frame":null)}static sortSearchValues(e,t){e===m.UIFilter.FilterType.Priority?t.sort(((e,t)=>{const i=v.NetworkPriorities.uiLabelToNetworkPriority(e),r=v.NetworkPriorities.uiLabelToNetworkPriority(t);return v.NetworkPriorities.networkPriorityWeight(i)-v.NetworkPriorities.networkPriorityWeight(r)})):t.sort()}static negativeFilter(e,t){return!e(t)}static requestPathFilter(e,t){return!!e&&e.test(t.path()+"/"+t.name())}static subdomains(e){const t=[e];let i=e.indexOf(".");for(;-1!==i;)t.push("*"+e.substring(i)),i=e.indexOf(".",i+1);return t}static createRequestDomainFilter(e){const t=e.split("*").map(s.StringUtilities.escapeForRegExp).join(".*");return Hi.requestDomainFilter.bind(null,new RegExp("^"+t+"$","i"))}static requestDomainFilter(e,t){return e.test(t.domain)}static runningRequestFilter(e){return!e.finished}static fromCacheRequestFilter(e){return e.cached()}static interceptedByServiceWorkerFilter(e){return e.fetchedViaServiceWorker}static initiatedByServiceWorkerFilter(e){return e.initiatedByServiceWorker()}static requestResponseHeaderFilter(e,t){return void 0!==t.responseHeaderValue(e)}static requestResponseHeaderSetCookieFilter(e,t){return Boolean(t.responseHeaderValue("Set-Cookie")?.includes(e))}static requestMethodFilter(e,t){return t.requestMethod===e}static requestPriorityFilter(e,t){return t.priority()===e}static requestMimeTypeFilter(e,t){return t.mimeType===e}static requestMixedContentFilter(e,t){return"displayed"===e?"optionally-blockable"===t.mixedContentType:"blocked"===e?"blockable"===t.mixedContentType&&t.wasBlocked():"block-overridden"===e?"blockable"===t.mixedContentType&&!t.wasBlocked():"all"===e&&"none"!==t.mixedContentType}static requestSchemeFilter(e,t){return t.scheme===e}static requestCookieDomainFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.domain()===e))}static requestCookieNameFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.name()===e))}static requestCookiePathFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.path()===e))}static requestCookieValueFilter(e,t){return t.allCookiesIncludingBlockedOnes().some((t=>t.value()===e))}static requestSetCookieDomainFilter(e,t){return t.responseCookies.some((t=>t.domain()===e))}static requestSetCookieNameFilter(e,t){return t.responseCookies.some((t=>t.name()===e))}static requestSetCookieValueFilter(e,t){return t.responseCookies.some((t=>t.value()===e))}static requestSizeLargerThanFilter(e,t){return t.transferSize>=e}static statusCodeFilter(e,t){return String(t.statusCode)===e}static hasOverridesFilter(e,t){return!!e&&(e===Bi.no?0===t.overrideTypes.length:e===Bi.yes?t.overrideTypes.length>0:e===Bi.content?t.overrideTypes.includes("content"):e===Bi.headers?t.overrideTypes.includes("headers"):t.overrideTypes.join(",").includes(e))}static getHTTPRequestsFilter(e){return e.parsedURL.isValid&&e.scheme in Ni}static resourceTypeFilter(e,t){return t.resourceType().name()===e}static requestUrlFilter(e,t){return new RegExp(s.StringUtilities.escapeForRegExp(e),"i").test(t.url())}static requestTimeFilter(e,t,i){return!(i.issueTime()>t)&&!(-1!==i.endTime&&i.endTime<e)}static copyRequestHeaders(e){i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(e.requestHeadersText())}static copyResponseHeaders(e){i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(e.responseHeadersText)}static async copyResponse(e){const t=await e.requestContentData();let r;r=R.ContentData.ContentData.isError(t)?"":t.isTextContent?t.text:t.asDataUrl()??"",i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}handleDrop(e){const t=e.items;if(!t.length)return;const i=t[0].getAsFile();i&&this.onLoadFromFile(i)}async onLoadFromFile(e){const i=new t.StringOutputStream.StringOutputStream,r=new p.FileUtils.ChunkedFileReader(e,1e7);if(!await r.read(i)){const e=r.error();return void(e&&this.harLoadFailed(e.message))}let o;try{o=new I.HARFormat.HARRoot(JSON.parse(i.data()))}catch(e){return void this.harLoadFailed(e)}a.NetworkLog.NetworkLog.instance().importRequests(I.Importer.Importer.requestsFromHARLog(o.log))}harLoadFailed(e){t.Console.Console.instance().error("Failed to load HAR file with following error: "+e)}setGrouping(e){this.activeGroupLookup&&this.activeGroupLookup.reset();const t=e&&this.groupLookups.get(e)||null;this.activeGroupLookup=t,this.invalidateAllItems()}computeRowHeight(){return this.rawRowHeight}nodeForRequest(e){return Ai.get(e)||null}headerHeight(){return this.headerHeightInternal}setRecording(e){this.recording=e,this.updateSummaryBar()}columns(){return this.columnsInternal}summaryToolbar(){return this.summaryToolbarInternal}modelAdded(e){const t=e.target();if(t.outermostTarget()!==t)return;const i=t.model(n.ResourceTreeModel.ResourceTreeModel);i&&(i.addEventListener(n.ResourceTreeModel.Events.Load,this.loadEventFired,this),i.addEventListener(n.ResourceTreeModel.Events.DOMContentLoaded,this.domContentLoadedEventFired,this));for(const e of a.NetworkLog.NetworkLog.instance().requests())this.isInScope(e)&&this.refreshRequest(e)}modelRemoved(e){const i=e.target();if(i.outermostTarget()!==i)return;const r=i.model(n.ResourceTreeModel.ResourceTreeModel);r&&(r.removeEventListener(n.ResourceTreeModel.Events.Load,this.loadEventFired,this),r.removeEventListener(n.ResourceTreeModel.Events.DOMContentLoaded,this.domContentLoadedEventFired,this));t.Settings.Settings.instance().moduleSetting("network-log.preserve-log").get()||this.reset()}linkifier(){return this.linkifierInternal}setWindow(e,t){e||t?(this.timeFilter=Hi.requestTimeFilter.bind(null,e,t),this.timeCalculatorInternal.setWindow(new Dt(e,t))):(this.timeFilter=null,this.timeCalculatorInternal.setWindow(null)),this.filterRequests()}resetFocus(){this.dataGrid.element.focus()}resetSuggestionBuilder(){this.suggestionBuilder.clear(),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"running"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"from-cache"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"service-worker-intercepted"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Is,"service-worker-initiated"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.LargerThan,"100"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.LargerThan,"10k"),this.suggestionBuilder.addItem(m.UIFilter.FilterType.LargerThan,"1M"),this.textFilterUI.setSuggestionProvider(this.suggestionBuilder.completions.bind(this.suggestionBuilder)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.yes),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.no),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.content),this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasOverrides,Bi.headers)}filterChanged(){this.removeAllNodeHighlights(),this.parseFilterQuery(this.textFilterUI.value(),this.invertFilterUI.checked()),this.filterRequests(),this.textFilterSetting.set(this.textFilterUI.value()),this.moreFiltersDropDownUI?.updateActiveFiltersCount(),this.moreFiltersDropDownUI?.updateTooltip()}async resetFilter(){this.textFilterUI.clear()}showRecordingHint(){this.hideRecordingHint();const t=e.ActionRegistry.ActionRegistry.instance(),i=this.recording?"inspector-main.reload":"network.toggle-recording",r=t.hasAction(i)?t.getAction(i):null,o=e.ShortcutRegistry.ShortcutRegistry.instance().shortcutTitleForAction(i)??"",s=this.recording?Ei(Li.recordingNetworkActivity):Ei(Li.noNetworkActivityRecorded),n=this.recording?Li.performARequestOrHitSToRecordThe:Li.recordToDisplayNetworkActivity,a=this.recording?Ei(Li.reloadPage):Ei(Li.startRecording),l=Ei(n,{PH1:a,PH2:o});if(this.recordingHint=new e.EmptyWidget.EmptyWidget(s,o?l:""),this.recordingHint.element.classList.add("network-status-pane"),this.recordingHint.appendLink("https://developer.chrome.com/docs/devtools/network/"),o&&r){const t=e.UIUtils.createTextButton(a,(()=>r.execute()),{jslogContext:i,variant:"tonal"});this.recordingHint.contentElement.appendChild(t)}if(globalThis.FB_ONLY__enableNetworkCoverageNotice){const e=document.createElement("devtools-network-event-coverage-infobar");this.recordingHint.element.prepend(e)}this.recordingHint.show(this.element),this.setHidden(!0)}hideRecordingHint(){this.setHidden(!1),this.recordingHint&&(this.recordingHint.detach(),this.recordingHint=null),e.ARIAUtils.alert(Ei(Li.networkDataAvailable))}setHidden(t){this.columnsInternal.setHidden(t),e.ARIAUtils.setHidden(this.summaryToolbarInternal,t)}elementsToRestoreScrollPositionsFor(){return this.dataGrid?[this.dataGrid.scrollContainer]:[]}columnExtensionResolved(){this.invalidateAllItems(!0)}setupDataGrid(){return this.dataGrid.setRowContextMenuCallback(((e,t)=>{const i=t.request();i&&this.handleContextMenuForRequest(e,i)})),this.dataGrid.setEnableAutoScrollToBottom(!0),this.dataGrid.setName("network-log"),this.dataGrid.setResizeMethod("last"),this.dataGrid.element.classList.add("network-log-grid"),this.dataGrid.element.addEventListener("mousedown",this.dataGridMouseDown.bind(this),!0),this.dataGrid.element.addEventListener("mousemove",this.dataGridMouseMove.bind(this),!0),this.dataGrid.element.addEventListener("mouseleave",(()=>this.setHoveredNode(null)),!0),this.dataGrid.element.addEventListener("keydown",(e=>{if("ArrowRight"===e.key&&this.dataGrid.selectedNode){const e=this.dataGrid.selectedNode.element().querySelector("button.devtools-link");e&&e.focus()}s.KeyboardUtilities.isEnterOrSpaceKey(e)&&(this.dispatchEventToListeners("RequestActivated",{showPanel:!0,takeFocus:!0}),e.consume(!0))})),this.dataGrid.element.addEventListener("keyup",(e=>{if(("r"===e.key||"R"===e.key)&&this.dataGrid.selectedNode){const t=this.dataGrid.selectedNode.request();if(!t)return;n.NetworkManager.NetworkManager.canReplayRequest(t)&&(n.NetworkManager.NetworkManager.replayRequest(t),d.logKeyDown(this.dataGrid.selectedNode.element(),e,"replay-xhr"))}})),this.dataGrid.element.addEventListener("focus",this.onDataGridFocus.bind(this),!0),this.dataGrid.element.addEventListener("blur",this.onDataGridBlur.bind(this),!0),this.dataGrid}dataGridMouseMove(e){const t=e,i=this.dataGrid.dataGridNodeFromNode(t.target),r=t.shiftKey;this.setHoveredNode(i,r)}hoveredNode(){return this.hoveredNodeInternal}setHoveredNode(e,t){this.hoveredNodeInternal&&this.hoveredNodeInternal.setHovered(!1,!1),this.hoveredNodeInternal=e,this.hoveredNodeInternal&&this.hoveredNodeInternal.setHovered(!0,Boolean(t))}dataGridMouseDown(e){const t=e;!this.dataGrid.selectedNode&&t.button&&t.consume()}updateSummaryBar(){this.hideRecordingHint();let i=0,o=0,s=0,l=0,d=0,c=-1,h=-1,u=0;for(const e of a.NetworkLog.NetworkLog.instance().requests()){const r=Ai.get(e);if(!r)continue;u++;const a=e.transferSize;i+=a;const p=e.resourceSize;o+=p,Mi.has(r)||(s++,l+=a,d+=p);const g=n.NetworkManager.NetworkManager.forRequest(e);g&&e.url()===g.target().inspectedURL()&&e.resourceType()===t.ResourceType.resourceTypes.Document&&g.target().parentTarget()?.type()!==n.Target.Type.FRAME&&(c=e.fromPrefetchCache()?e.issueTime():e.startTime),e.endTime>h&&(h=e.endTime)}if(!u)return void this.showRecordingHint();this.summaryToolbarInternal.removeToolbarItems();const p=(t,i)=>{const r=new e.Toolbar.ToolbarText(t);return r.setTitle(i||t),this.summaryToolbarInternal.appendToolbarItem(r),r.element};if(s!==u?(p(Ei(Li.sSRequests,{PH1:s,PH2:u})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sSTransferred,{PH1:r.ByteUtilities.formatBytesToKb(l),PH2:r.ByteUtilities.formatBytesToKb(i)}),Ei(Li.sBSBTransferredOverNetwork,{PH1:l,PH2:i})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sSResources,{PH1:r.ByteUtilities.formatBytesToKb(d),PH2:r.ByteUtilities.formatBytesToKb(o)}),Ei(Li.sBSBResourcesLoadedByThePage,{PH1:d,PH2:o}))):(p(Ei(Li.sRequests,{PH1:u})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sTransferred,{PH1:r.ByteUtilities.bytesToString(i)}),Ei(Li.sBTransferredOverNetwork,{PH1:i})),this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.sResources,{PH1:r.ByteUtilities.bytesToString(o)}),Ei(Li.sBResourcesLoadedByThePage,{PH1:o}))),-1!==c&&-1!==h){if(this.summaryToolbarInternal.appendSeparator(),p(Ei(Li.finishS,{PH1:r.TimeUtilities.secondsToString(h-c)})),-1!==this.mainRequestDOMContentLoadedTime&&this.mainRequestDOMContentLoadedTime>c){this.summaryToolbarInternal.appendSeparator();p(Ei(Li.domcontentloadedS,{PH1:r.TimeUtilities.secondsToString(this.mainRequestDOMContentLoadedTime-c)})).style.color=`var(${Hi.getDCLEventColor()})`}if(-1!==this.mainRequestLoadTime){this.summaryToolbarInternal.appendSeparator();p(Ei(Li.loadS,{PH1:r.TimeUtilities.secondsToString(this.mainRequestLoadTime-c)})).style.color=`var(${Hi.getLoadEventColor()})`}}}scheduleRefresh(){this.needsRefresh||(this.needsRefresh=!0,this.isShowing()&&E.write("NetworkLogView.render",this.refresh.bind(this)))}addFilmStripFrames(e){this.columnsInternal.addEventDividers(e,"network-frame-divider")}selectFilmStripFrame(e){this.columnsInternal.selectFilmStripFrame(e)}clearFilmStripFrame(){this.columnsInternal.clearFilmStripFrame()}refreshIfNeeded(){this.needsRefresh&&this.refresh()}invalidateAllItems(e){this.staleRequests=new Set(a.NetworkLog.NetworkLog.instance().requests().filter(this.isInScope)),e?this.scheduleRefresh():this.refresh()}timeCalculator(){return this.timeCalculatorInternal}calculator(){return this.calculatorInternal}setCalculator(e){e&&this.calculatorInternal!==e&&(this.calculatorInternal!==e&&(this.calculatorInternal=e,this.columnsInternal.setCalculator(this.calculatorInternal)),this.calculatorInternal.reset(),this.calculatorInternal.startAtZero?this.columnsInternal.hideEventDividers():this.columnsInternal.showEventDividers(),this.invalidateAllItems())}loadEventFired(e){if(!this.recording)return;const t=e.data.loadTime;t&&(this.mainRequestLoadTime=t,this.columnsInternal.addEventDividers([t],"network-load-divider"))}domContentLoadedEventFired(e){if(!this.recording)return;const{data:t}=e;t&&(this.mainRequestDOMContentLoadedTime=t,this.columnsInternal.addEventDividers([t],"network-dcl-divider"))}wasShown(){super.wasShown(),this.refreshIfNeeded(),this.columnsInternal.wasShown()}willHide(){this.columnsInternal.willHide()}onResize(){this.rowHeightInternal=this.computeRowHeight()}flatNodesList(){return this.dataGrid.rootNode().flatChildren()}onDataGridFocus(){this.dataGrid.element.matches(":focus-visible")&&this.element.classList.add("grid-focused"),this.updateNodeBackground()}onDataGridBlur(){this.element.classList.remove("grid-focused"),this.updateNodeBackground()}updateNodeBackground(){this.dataGrid.selectedNode&&this.dataGrid.selectedNode.updateBackgroundColor()}updateNodeSelectedClass(e){e?this.element.classList.remove("no-node-selected"):this.element.classList.add("no-node-selected")}stylesChanged(){this.columnsInternal.scheduleRefresh()}removeNodeAndMaybeAncestors(e){let t=e.parent;if(t)for(t.removeChild(e);t&&!t.hasChildren()&&t.dataGrid&&t.dataGrid.rootNode()!==t;){const e=t.parent;e.removeChild(t),t=e}}refresh(){this.needsRefresh=!1,this.removeAllNodeHighlights(),this.timeCalculatorInternal.updateBoundariesForEventTime(this.mainRequestLoadTime),this.durationCalculator.updateBoundariesForEventTime(this.mainRequestLoadTime),this.timeCalculatorInternal.updateBoundariesForEventTime(this.mainRequestDOMContentLoadedTime),this.durationCalculator.updateBoundariesForEventTime(this.mainRequestDOMContentLoadedTime);const e=new Map,t=[],i=new Set;for(;this.staleRequests.size;){const e=this.staleRequests.values().next().value;this.staleRequests.delete(e);let t=Ai.get(e);t||(t=this.createNodeForRequest(e)),i.add(t)}for(const r of i){const i=r.request(),o=!this.applyFilter(i);o?(r===this.hoveredNodeInternal&&this.setHoveredNode(null),r.selected=!1):t.push(r),this.timeCalculatorInternal.updateBoundaries(i),this.durationCalculator.updateBoundaries(i);const s=this.parentNodeForInsert(r);if(Mi.has(r)===o&&r.parent===s)continue;o?Mi.add(r):Mi.delete(r);r.parent&&(o||r.parent!==s)&&this.removeNodeAndMaybeAncestors(r),s&&!o&&(s.dataGrid||e.has(s)||(e.set(s,this.dataGrid.rootNode()),t.push(s)),e.set(r,s))}for(const t of e.keys())e.get(t).appendChild(t);for(const e of t)e.refresh();this.updateSummaryBar(),e.size&&this.columnsInternal.sortByCurrentColumn(),this.dataGrid.updateInstantly(),this.didRefreshForTest()}didRefreshForTest(){}parentNodeForInsert(e){if(!this.activeGroupLookup)return this.dataGrid.rootNode();const t=this.activeGroupLookup.groupNodeForRequest(e.request());return t||this.dataGrid.rootNode()}reset(){this.dispatchEventToListeners("RequestActivated",{showPanel:!1}),this.setHoveredNode(null),this.columnsInternal.reset(),this.timeFilter=null,this.calculatorInternal.reset(),this.timeCalculatorInternal.setWindow(null),this.linkifierInternal.reset(),this.activeGroupLookup&&this.activeGroupLookup.reset(),this.staleRequests.clear(),this.resetSuggestionBuilder(),this.mainRequestLoadTime=-1,this.mainRequestDOMContentLoadedTime=-1,this.dataGrid.rootNode().removeChildren(),this.updateSummaryBar(),this.scheduleRefresh()}setTextFilterValue(e){this.textFilterUI.setValue(e),C.Runtime.experiments.isEnabled("network-panel-filter-bar-redesign")?(this.networkHideDataURLSetting.set(!1),this.networkShowBlockedCookiesOnlySetting.set(!1),this.networkOnlyBlockedRequestsSetting.set(!1),this.networkOnlyThirdPartySetting.set(!1),this.networkHideChromeExtensions.set(!1)):(this.dataURLFilterUI?.setChecked(!1),this.onlyBlockedResponseCookiesFilterUI?.setChecked(!1),this.onlyBlockedRequestsUI?.setChecked(!1),this.onlyThirdPartyFilterUI?.setChecked(!1),this.hideChromeExtensionsUI?.setChecked(!1)),this.resourceCategoryFilterUI.reset()}createNodeForRequest(e){const t=new be(this,e);Ai.set(e,t),Mi.add(t);for(let t=e.redirectSource();t;t=t.redirectSource())this.refreshRequest(t);return t}isInScope(e){const t=n.NetworkManager.NetworkManager.forRequest(e);return!t||n.TargetManager.TargetManager.instance().isInScope(t)}onRequestUpdated(e){const{request:t,preserveLog:i}=e.data;(this.isInScope(t)||i)&&this.refreshRequest(t)}onRequestRemoved(e){const{request:t}=e.data;this.staleRequests.delete(t);const i=Ai.get(t);i&&this.removeNodeAndMaybeAncestors(i)}refreshRequest(e){Hi.subdomains(e.domain).forEach(this.suggestionBuilder.addItem.bind(this.suggestionBuilder,m.UIFilter.FilterType.Domain)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Method,e.requestMethod),this.suggestionBuilder.addItem(m.UIFilter.FilterType.MimeType,e.mimeType),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Scheme,String(e.scheme)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.StatusCode,String(e.statusCode)),this.suggestionBuilder.addItem(m.UIFilter.FilterType.ResourceType,e.resourceType().name()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.Url,e.securityOrigin());const t=e.priority();if(t&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.Priority,v.NetworkPriorities.uiLabelForNetworkPriority(t)),"none"!==e.mixedContentType&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.MixedContent,"all"),"optionally-blockable"===e.mixedContentType&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.MixedContent,"displayed"),"blockable"===e.mixedContentType){const t=e.wasBlocked()?"blocked":"block-overridden";this.suggestionBuilder.addItem(m.UIFilter.FilterType.MixedContent,t)}const i=e.responseHeaders;for(const e of i)this.suggestionBuilder.addItem(m.UIFilter.FilterType.HasResponseHeader,e.name),"Set-Cookie"===e.name&&this.suggestionBuilder.addItem(m.UIFilter.FilterType.ResponseHeaderValueSetCookie);for(const t of e.responseCookies)this.suggestionBuilder.addItem(m.UIFilter.FilterType.SetCookieDomain,t.domain()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.SetCookieName,t.name()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.SetCookieValue,t.value());for(const t of e.allCookiesIncludingBlockedOnes())this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookieDomain,t.domain()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookieName,t.name()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookiePath,t.path()),this.suggestionBuilder.addItem(m.UIFilter.FilterType.CookieValue,t.value());this.staleRequests.add(e),this.scheduleRefresh()}rowHeight(){return this.rowHeightInternal}switchViewMode(e){this.columnsInternal.switchViewMode(e)}handleContextMenuForRequest(t,r){t.appendApplicableItems(r);const o=this.filterBar.hasActiveFilter(),a=t.clipboardSection().appendSubMenuItem(Ei(Li.copy),!1,"copy");if(r){e.ActionRegistry.ActionRegistry.instance().hasAction("drjones.network-panel-context")&&(e.Context.Context.instance().setFlavor(n.NetworkRequest.NetworkRequest,r),t.footerSection().appendAction("drjones.network-panel-context")),a.defaultSection().appendItem(Ei(Li.copyURL),i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText.bind(i.InspectorFrontendHost.InspectorFrontendHostInstance,r.contentURL()),{jslogContext:"copy-url"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedURLs:Li.copyAllURLs),this.copyAllURLs.bind(this),{jslogContext:"copy-all-urls"}),r.requestHeadersText()&&a.saveSection().appendItem(Ei(Li.copyRequestHeaders),Hi.copyRequestHeaders.bind(null,r),{jslogContext:"copy-request-headers"}),r.responseHeadersText&&a.saveSection().appendItem(Ei(Li.copyResponseHeaders),Hi.copyResponseHeaders.bind(null,r),{jslogContext:"copy-response-headers"}),r.finished&&a.saveSection().appendItem(Ei(Li.copyResponse),Hi.copyResponse.bind(null,r),{jslogContext:"copy-response"});const l=r.initiator();if(l){const c=l.stack;if(c){const h=Pi(c);""!==h&&a.saveSection().appendItem(Ei(Li.copyStacktrace),(()=>{i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(h)}),{jslogContext:"copy-stacktrace"})}}const d=r.isBlobRequest();i.Platform.isWin()?(a.defaultSection().appendItem(Ei(Li.copyAsCurlCmd),this.copyCurlCommand.bind(this,r,"win"),{disabled:d,jslogContext:"copy-as-curl-cmd"}),a.defaultSection().appendItem(Ei(Li.copyAsCurlBash),this.copyCurlCommand.bind(this,r,"unix"),{disabled:d,jslogContext:"copy-as-curl-bash"})):a.defaultSection().appendItem(Ei(Li.copyAsCurl),this.copyCurlCommand.bind(this,r,"unix"),{disabled:d,jslogContext:"copy-as-curl"}),a.defaultSection().appendItem(Ei(Li.copyAsPowershell),this.copyPowerShellCommand.bind(this,r),{disabled:d,jslogContext:"copy-as-powershell"}),a.defaultSection().appendItem(Ei(Li.copyAsFetch),this.copyFetchCall.bind(this,r,0),{disabled:d,jslogContext:"copy-as-fetch"}),a.defaultSection().appendItem(Ei(Li.copyAsNodejsFetch),this.copyFetchCall.bind(this,r,1),{disabled:d,jslogContext:"copy-as-nodejs-fetch"}),i.Platform.isWin()?(a.footerSection().appendItem(Ei(o?Li.copyAllListedAsCurlCmd:Li.copyAllAsCurlCmd),this.copyAllCurlCommand.bind(this,"win"),{jslogContext:"copy-all-as-curl-cmd"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsCurlBash:Li.copyAllAsCurlBash),this.copyAllCurlCommand.bind(this,"unix"),{jslogContext:"copy-all-as-curl-bash"})):a.footerSection().appendItem(Ei(o?Li.copyAllListedAsCurl:Li.copyAllAsCurl),this.copyAllCurlCommand.bind(this,"unix"),{jslogContext:"copy-all-as-curl"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsPowershell:Li.copyAllAsPowershell),this.copyAllPowerShellCommand.bind(this),{jslogContext:"copy-all-as-powershell"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsFetch:Li.copyAllAsFetch),this.copyAllFetchCall.bind(this,0),{jslogContext:"copy-all-as-fetch"}),a.footerSection().appendItem(Ei(o?Li.copyAllListedAsNodejsFetch:Li.copyAllAsNodejsFetch),this.copyAllFetchCall.bind(this,1),{jslogContext:"copy-all-as-nodejs-fetch"})}if(a.footerSection().appendItem(Ei(o?Li.copyAllListedAsHarSanitized:Li.copyAllAsHarSanitized),this.copyAllAsHAR.bind(this,{sanitize:!0}),{jslogContext:"copy-all-as-har"}),this.networkShowOptionsToGenerateHarWithSensitiveData.get()&&a.footerSection().appendItem(Ei(o?Li.copyAllListedAsHarWithSensitiveData:Li.copyAllAsHarWithSensitiveData),this.copyAllAsHAR.bind(this,{sanitize:!1}),{jslogContext:"copy-all-as-har-with-sensitive-data"}),t.overrideSection().appendItem(Ei(Li.overrideHeaders),this.#l.bind(this,r),{disabled:q.NetworkPersistenceManager.NetworkPersistenceManager.isForbiddenNetworkUrl(r.url()),jslogContext:"override-headers"}),t.editSection().appendItem(Ei(Li.clearBrowserCache),this.clearBrowserCache.bind(this),{jslogContext:"clear-browser-cache"}),t.editSection().appendItem(Ei(Li.clearBrowserCookies),this.clearBrowserCookies.bind(this),{jslogContext:"clear-browser-cookies"}),r){const u=20,p=n.NetworkManager.MultitargetNetworkManager.instance();let g=p.blockedPatterns();function m(t){g.push({enabled:!0,url:t}),p.setBlockedPatterns(g),p.setBlockingEnabled(!0),e.ViewManager.ViewManager.instance().showView("network.blocked-urls")}function w(t){g=g.filter((e=>e.url!==t)),p.setBlockedPatterns(g),e.ViewManager.ViewManager.instance().showView("network.blocked-urls")}const k=r.parsedURL.urlWithoutScheme();if(k&&!g.find((e=>e.url===k)))t.debugSection().appendItem(Ei(Li.blockRequestUrl),m.bind(null,k),{jslogContext:"block-request-url"});else if(k){const b=s.StringUtilities.trimMiddle(k,u);t.debugSection().appendItem(Ei(Li.unblockS,{PH1:b}),w.bind(null,k),{jslogContext:"unblock"})}const v=r.parsedURL.domain();if(v&&!g.find((e=>e.url===v)))t.debugSection().appendItem(Ei(Li.blockRequestDomain),m.bind(null,v),{jslogContext:"block-request-domain"});else if(v){const f=s.StringUtilities.trimMiddle(v,u);t.debugSection().appendItem(Ei(Li.unblockS,{PH1:f}),w.bind(null,v),{jslogContext:"unblock"})}n.NetworkManager.NetworkManager.canReplayRequest(r)&&t.debugSection().appendItem(Ei(Li.replayXhr),n.NetworkManager.NetworkManager.replayRequest.bind(null,r),{jslogContext:"replay-xhr"})}}harRequests(){return a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))).filter(Hi.getHTTPRequestsFilter).filter((e=>e.finished||e.resourceType()===t.ResourceType.resourceTypes.WebSocket&&e.responseReceivedTime))}async copyAllAsHAR(e){const t={log:await I.Log.Log.build(this.harRequests(),e)};i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(JSON.stringify(t,null,2))}copyAllURLs(){const e=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),t=this.filterOutBlobRequests(e).map((e=>e.url()));i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(t.join("\n"))}async copyCurlCommand(e,t){const r=await Hi.generateCurlCommand(e,t);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyAllCurlCommand(e){const t=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),r=await this.generateAllCurlCommand(t,e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyFetchCall(e,t){const r=await this.generateFetchCall(e,t);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyAllFetchCall(e){const t=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),r=await this.generateAllFetchCall(t,e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(r)}async copyPowerShellCommand(e){const t=await this.generatePowerShellCommand(e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(t)}async copyAllPowerShellCommand(){const e=a.NetworkLog.NetworkLog.instance().requests().filter((e=>this.applyFilter(e))),t=await this.generateAllPowerShellCommand(e);i.InspectorFrontendHost.InspectorFrontendHostInstance.copyText(t)}async exportAll(i){const r=n.TargetManager.TargetManager.instance().scopeTarget();if(!r)return;const o=r.inspectedURL(),s=t.ParsedURL.ParsedURL.fromString(o),a=s?s.host:"network-log",l=new p.FileUtils.FileOutputStream;if(!await l.open(t.ParsedURL.ParsedURL.concatenate(a,".har")))return;const d=new e.ProgressIndicator.ProgressIndicator;this.progressBarContainer.appendChild(d.element),await I.Writer.Writer.write(l,this.harRequests(),i,d),d.done(),l.close()}async#l(i){const r=m.UIRequestLocation.UIRequestLocation.responseHeaderMatch(i,{name:"",value:""}),o=q.NetworkPersistenceManager.NetworkPersistenceManager.instance();o.project()?(t.Settings.Settings.instance().moduleSetting("persistence-network-overrides-enabled").set(!0),await o.getOrCreateHeadersUISourceCodeFromUrl(i.url()),await t.Revealer.reveal(r)):e.InspectorView.InspectorView.instance().displaySelectOverrideFolderInfobar((async()=>{await L.SourcesNavigator.OverridesNavigatorView.instance().setupNewWorkspace(),await o.getOrCreateHeadersUISourceCodeFromUrl(i.url()),await t.Revealer.reveal(r)}))}clearBrowserCache(){confirm(Ei(Li.areYouSureYouWantToClearBrowser))&&n.NetworkManager.MultitargetNetworkManager.instance().clearBrowserCache()}clearBrowserCookies(){confirm(Ei(Li.areYouSureYouWantToClearBrowserCookies))&&n.NetworkManager.MultitargetNetworkManager.instance().clearBrowserCookies()}applyFilter(e){if(this.timeFilter&&!this.timeFilter(e))return!1;const t=e.resourceType().category().name;if(!this.resourceCategoryFilterUI.accept(t))return!1;const[i,r,o,s,n]=C.Runtime.experiments.isEnabled("network-panel-filter-bar-redesign")?[this.networkHideDataURLSetting.get(),this.networkShowBlockedCookiesOnlySetting.get(),this.networkOnlyBlockedRequestsSetting.get(),this.networkOnlyThirdPartySetting.get(),this.networkHideChromeExtensions.get()]:[this.dataURLFilterUI?.checked(),this.onlyBlockedResponseCookiesFilterUI?.checked(),this.onlyBlockedRequestsUI?.checked(),this.onlyThirdPartyFilterUI?.checked(),this.hideChromeExtensionsUI?.checked()];if(i&&(e.parsedURL.isDataURL()||e.parsedURL.isBlobURL()))return!1;if(r&&!e.blockedResponseCookies().length)return!1;if(o&&!e.wasBlocked()&&!e.corsErrorStatus())return!1;if(s&&e.isSameSite())return!1;if(n&&"chrome-extension"===e.scheme)return!1;for(let t=0;t<this.filters.length;++t)if(!this.filters[t](e))return!1;return!0}isValidUrl(e){try{return new URL(e),!0}catch{return!1}}parseFilterQuery(e,t){const i=this.filterParser.parse(e);this.filters=i.map((e=>{const i=e.key,r=e.text||"",o=e.regex;let n;if(i){const e=s.StringUtilities.escapeForRegExp(i+":"+r);n=this.createSpecialFilter(i,r)||Hi.requestPathFilter.bind(null,new RegExp(e,"i"))}else n=e.regex?Hi.requestPathFilter.bind(null,o):this.isValidUrl(r)?Hi.requestUrlFilter.bind(null,r):Hi.requestPathFilter.bind(null,new RegExp(s.StringUtilities.escapeForRegExp(r),"i"));return e.negative&&!t||!e.negative&&t?Hi.negativeFilter.bind(null,n):n}))}createSpecialFilter(e,t){switch(e){case m.UIFilter.FilterType.Domain:return Hi.createRequestDomainFilter(t);case m.UIFilter.FilterType.HasResponseHeader:return Hi.requestResponseHeaderFilter.bind(null,t);case m.UIFilter.FilterType.ResponseHeaderValueSetCookie:return Hi.requestResponseHeaderSetCookieFilter.bind(null,t);case m.UIFilter.FilterType.Is:if("running"===t.toLowerCase())return Hi.runningRequestFilter;if("from-cache"===t.toLowerCase())return Hi.fromCacheRequestFilter;if("service-worker-intercepted"===t.toLowerCase())return Hi.interceptedByServiceWorkerFilter;if("service-worker-initiated"===t.toLowerCase())return Hi.initiatedByServiceWorkerFilter;break;case m.UIFilter.FilterType.LargerThan:return this.createSizeFilter(t.toLowerCase());case m.UIFilter.FilterType.Method:return Hi.requestMethodFilter.bind(null,t);case m.UIFilter.FilterType.MimeType:return Hi.requestMimeTypeFilter.bind(null,t);case m.UIFilter.FilterType.MixedContent:return Hi.requestMixedContentFilter.bind(null,t);case m.UIFilter.FilterType.Scheme:return Hi.requestSchemeFilter.bind(null,t);case m.UIFilter.FilterType.SetCookieDomain:return Hi.requestSetCookieDomainFilter.bind(null,t);case m.UIFilter.FilterType.SetCookieName:return Hi.requestSetCookieNameFilter.bind(null,t);case m.UIFilter.FilterType.SetCookieValue:return Hi.requestSetCookieValueFilter.bind(null,t);case m.UIFilter.FilterType.CookieDomain:return Hi.requestCookieDomainFilter.bind(null,t);case m.UIFilter.FilterType.CookieName:return Hi.requestCookieNameFilter.bind(null,t);case m.UIFilter.FilterType.CookiePath:return Hi.requestCookiePathFilter.bind(null,t);case m.UIFilter.FilterType.CookieValue:return Hi.requestCookieValueFilter.bind(null,t);case m.UIFilter.FilterType.Priority:return Hi.requestPriorityFilter.bind(null,v.NetworkPriorities.uiLabelToNetworkPriority(t));case m.UIFilter.FilterType.StatusCode:return Hi.statusCodeFilter.bind(null,t);case m.UIFilter.FilterType.HasOverrides:return Hi.hasOverridesFilter.bind(null,t);case m.UIFilter.FilterType.ResourceType:return Hi.resourceTypeFilter.bind(null,t);case m.UIFilter.FilterType.Url:return Hi.requestUrlFilter.bind(null,t)}return null}createSizeFilter(e){let t=1;e.endsWith("k")?(t=1e3,e=e.substring(0,e.length-1)):e.endsWith("m")&&(t=1e6,e=e.substring(0,e.length-1));const i=Number(e);return isNaN(i)?null:Hi.requestSizeLargerThanFilter.bind(null,i*t)}filterRequests(){this.removeAllNodeHighlights(),this.invalidateAllItems()}reveal(e){this.removeAllNodeHighlights();const t=Ai.get(e);return t?.dataGrid?(t.parent&&t.parent instanceof fe&&(t.parent.reveal(),t.parent.expand()),t.reveal(),t):null}revealAndHighlightRequest(e){const t=this.reveal(e);t&&this.highlightNode(t)}revealAndHighlightRequestWithId(e){const t=a.NetworkLog.NetworkLog.instance().requestByManagerAndId(e.manager,e.requestId);t&&this.revealAndHighlightRequest(t)}selectRequest(e,t){const{clearFilter:i}=t||{clearFilter:!0};i&&this.setTextFilterValue("");const r=this.reveal(e);r&&r.select()}removeAllNodeHighlights(){this.highlightedNode&&(this.highlightedNode.element().classList.remove("highlighted-row"),this.highlightedNode=null)}highlightNode(t){e.UIUtils.runCSSAnimationOnce(t.element(),"highlighted-row"),this.highlightedNode=t}filterOutBlobRequests(e){return e.filter((e=>!e.isBlobRequest()))}async generateFetchCall(e,t){const i=new Set(["method","path","scheme","version","accept-charset","accept-encoding","access-control-request-headers","access-control-request-method","connection","content-length","cookie","cookie2","date","dnt","expect","host","keep-alive","origin","referer","te","trailer","transfer-encoding","upgrade","via","user-agent"]),r=new Set(["cookie","authorization"]),o=JSON.stringify(e.url()),s=e.requestHeaders(),n=s.reduce(((e,t)=>{const r=t.name;return i.has(r.toLowerCase())||r.includes(":")||e.append(r,t.value),e}),new Headers),a={};for(const e of n)a[e[0]]=e[1];const l=e.includedRequestCookies().length||s.some((({name:e})=>r.has(e.toLowerCase())))?"include":"omit",d=s.find((({name:e})=>"referer"===e.toLowerCase())),c=d?d.value:void 0,h=e.referrerPolicy()||void 0,u=await e.requestFormData(),p={headers:Object.keys(a).length?a:void 0,referrer:c,referrerPolicy:h,body:u,method:e.requestMethod,mode:"cors"};if(1===t){const e=s.find((e=>"cookie"===e.name.toLowerCase())),t={};delete p.mode,e&&(t.cookie=e.value),c&&(delete p.referrer,t.Referer=c),c&&(delete p.referrerPolicy,t["Referrer-Policy"]=h),Object.keys(t).length&&(p.headers={...a,...t})}else p.credentials=l;return`fetch(${o}, ${JSON.stringify(p,null,2)});`}async generateAllFetchCall(e,t){const i=this.filterOutBlobRequests(e);return(await Promise.all(i.map((e=>this.generateFetchCall(e,t))))).join(" ;\n")}static async generateCurlCommand(e,t){let i=[];const r=new Set(["accept-encoding","host","method","path","scheme","version","authority","protocol"]);const o="win"===t?function(e){return'^"'+e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/[^a-zA-Z0-9\s_\-:=+~'\/.',?;()*`]/g,"^$&").replace(/%(?=[a-zA-Z0-9_])/g,"%^").replace(/\r?\n/g,"^\n\n")+'^"'}:function(e){return/[\0-\x1F\x7F-\x9F!]|\'/.test(e)?"$'"+e.replace(/\\/g,"\\\\").replace(/\'/g,"\\'").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\0-\x1F\x7F-\x9F!]/g,(function(e){let t=e.charCodeAt(0).toString(16);for(;t.length<4;)t="0"+t;return"\\u"+t}))+"'":"'"+e+"'"};i.push(o(e.url()).replace(/[[{}\]]/g,"\\$&"));let s="GET";const n=[],a=await e.requestFormData();a&&(n.push("--data-raw "+o(a)),r.add("content-length"),s="POST"),e.requestMethod!==s&&i.push("-X "+o(e.requestMethod));const l=e.requestHeaders();for(let e=0;e<l.length;e++){const t=l[e],s=t.name.replace(/^:/,"");if(r.has(s.toLowerCase()))continue;const n=t.value;n.trim()?"cookie"===s.toLowerCase()?i.push("-b "+o(n)):i.push("-H "+o(s+": "+n)):i.push("-H "+o(s+";"))}return i=i.concat(n),"insecure"===e.securityState()&&i.push("--insecure"),"curl "+i.join(i.length>=3?"win"===t?" ^\n  ":" \\\n  ":" ")}async generateAllCurlCommand(e,t){const i=this.filterOutBlobRequests(e),r=await Promise.all(i.map((e=>Hi.generateCurlCommand(e,t))));return"win"===t?r.join(" &\r\n"):r.join(" ;\n")}async generatePowerShellCommand(e){const t=[],i=new Set(["host","connection","proxy-connection","content-length","expect","range","content-type","user-agent","cookie"]);function r(e){return'"'+e.replace(/[`\$"]/g,"`$&").replace(/[^\x20-\x7E]/g,(e=>"$([char]"+e.charCodeAt(0)+")"))+'"'}t.push("-Uri "+r(e.url())),"GET"!==e.requestMethod&&t.push("-Method "+r(e.requestMethod));const o=function(e){const t=[],i=e.requestHeaders().find((({name:e})=>"user-agent"===e.toLowerCase()));i&&t.push(`$session.UserAgent = ${r(i.value)}`);for(const i of e.includedRequestCookies()){const e=r(i.cookie.name()),o=r(i.cookie.value()),s=r(i.cookie.domain());t.push(`$session.Cookies.Add((New-Object System.Net.Cookie(${e}, ${o}, "/", ${s})))`)}return t.length?"$session = New-Object Microsoft.PowerShell.Commands.WebRequestSession\n"+t.join("\n")+"\n":null}(e);o&&t.push("-WebSession $session");const s=e.requestHeaders(),n=[];for(const e of s){const t=e.name.replace(/^:/,"");i.has(t.toLowerCase())||n.push(r(t)+"="+r(e.value))}n.length&&t.push("-Headers @{\n"+n.join("\n  ")+"\n}");const a=s.find((({name:e})=>"content-type"===e.toLowerCase()));a&&t.push("-ContentType "+r(a.value));const l=await e.requestFormData();if(l){const e=r(l);/[^\x20-\x7E]/.test(l)?t.push("-Body ([System.Text.Encoding]::UTF8.GetBytes("+e+"))"):t.push("-Body "+e)}return(o||"")+"Invoke-WebRequest -UseBasicParsing "+t.join(t.length>=3?" `\n":" ")}async generateAllPowerShellCommand(e){const t=this.filterOutBlobRequests(e);return(await Promise.all(t.map((e=>this.generatePowerShellCommand(e))))).join(";\r\n")}static getDCLEventColor(){return"--sys-color-blue"}static getLoadEventColor(){return"--sys-color-error"}}function Pi(t){let i="";for(const r of t.callFrames){i+=`${e.UIUtils.beautifyFunctionName(r.functionName)} @ ${r.url}:${r.lineNumber+1}\n`}return t.parent&&(i+=Pi(t.parent)),i}const Mi=new WeakSet,Ai=new WeakMap;const Ni={http:!0,https:!0,ws:!0,wss:!0},Ui=Object.values(m.UIFilter.FilterType),Bi={yes:"yes",no:"no",content:"content",headers:"headers"};class Vi extends t.ObjectWrapper.ObjectWrapper{filterElement;dropDownButton;networkHideDataURLSetting;networkHideChromeExtensionsSetting;networkShowBlockedCookiesOnlySetting;networkOnlyBlockedRequestsSetting;networkOnlyThirdPartySetting;contextMenu;activeFiltersCount;activeFiltersCountAdorner;isReactNative=!1;constructor(){super(),this.isReactNative=C.Runtime.experiments.isEnabled("react-native-specific-ui"),this.networkHideDataURLSetting=t.Settings.Settings.instance().createSetting("network-hide-data-url",!1),this.networkHideChromeExtensionsSetting=t.Settings.Settings.instance().createSetting("network-hide-chrome-extensions",!1),this.networkShowBlockedCookiesOnlySetting=t.Settings.Settings.instance().createSetting("network-show-blocked-cookies-only-setting",!1),this.networkOnlyBlockedRequestsSetting=t.Settings.Settings.instance().createSetting("network-only-blocked-requests",!1),this.networkOnlyThirdPartySetting=t.Settings.Settings.instance().createSetting("network-only-third-party-setting",!1),this.filterElement=document.createElement("div"),this.filterElement.setAttribute("aria-label","Show only/hide requests dropdown"),this.filterElement.setAttribute("jslog",`${d.dropDown("more-filters").track({click:!0})}`),this.activeFiltersCountAdorner=new F.Adorner.Adorner,this.activeFiltersCount=document.createElement("span"),this.activeFiltersCountAdorner.data={name:"countWrapper",content:this.activeFiltersCount},this.activeFiltersCountAdorner.classList.add("active-filters-count"),this.updateActiveFiltersCount(),this.dropDownButton=new e.Toolbar.ToolbarMenuButton(this.showMoreFiltersContextMenu.bind(this),!1,!0,void 0,void 0,!0),this.dropDownButton.setTitle(Ei(Li.showOnlyHideRequests)),this.dropDownButton.setText(Ei(Li.moreFilters)),this.dropDownButton.setAdorner(this.activeFiltersCountAdorner),this.filterElement.appendChild(this.dropDownButton.element),this.dropDownButton.element.classList.add("dropdown-filterbar"),this.updateTooltip()}#d(){this.dispatchEventToListeners("FilterChanged")}showMoreFiltersContextMenu(e){this.networkHideDataURLSetting.addChangeListener(this.#d.bind(this)),this.networkHideChromeExtensionsSetting.addChangeListener(this.#d.bind(this)),this.networkShowBlockedCookiesOnlySetting.addChangeListener(this.#d.bind(this)),this.networkOnlyBlockedRequestsSetting.addChangeListener(this.#d.bind(this)),this.networkOnlyThirdPartySetting.addChangeListener(this.#d.bind(this)),e.defaultSection().appendCheckboxItem(Ei(Li.hideDataUrls),(()=>this.networkHideDataURLSetting.set(!this.networkHideDataURLSetting.get())),{checked:this.networkHideDataURLSetting.get(),tooltip:Ei(Li.hidesDataAndBlobUrls),jslogContext:"hide-data-urls"}),this.isReactNative||(e.defaultSection().appendCheckboxItem(Ei(Li.chromeExtensions),(()=>this.networkHideChromeExtensionsSetting.set(!this.networkHideChromeExtensionsSetting.get())),{checked:this.networkHideChromeExtensionsSetting.get(),tooltip:Ei(Li.hideChromeExtension),jslogContext:"hide-extension-urls"}),e.defaultSection().appendSeparator()),this.isReactNative||e.defaultSection().appendCheckboxItem(Ei(Li.hasBlockedCookies),(()=>this.networkShowBlockedCookiesOnlySetting.set(!this.networkShowBlockedCookiesOnlySetting.get())),{checked:this.networkShowBlockedCookiesOnlySetting.get(),tooltip:Ei(Li.onlyShowRequestsWithBlockedCookies),jslogContext:"only-blocked-response-cookies"}),e.defaultSection().appendCheckboxItem(Ei(Li.blockedRequests),(()=>this.networkOnlyBlockedRequestsSetting.set(!this.networkOnlyBlockedRequestsSetting.get())),{checked:this.networkOnlyBlockedRequestsSetting.get(),tooltip:Ei(Li.onlyShowBlockedRequests),jslogContext:"only-blocked-requests"}),this.isReactNative||e.defaultSection().appendCheckboxItem(Ei(Li.thirdParty),(()=>this.networkOnlyThirdPartySetting.set(!this.networkOnlyThirdPartySetting.get())),{checked:this.networkOnlyThirdPartySetting.get(),tooltip:Ei(Li.onlyShowThirdPartyRequests),jslogContext:"only-3rd-party-requests"})}selectedFilters(){return[...this.networkHideDataURLSetting.get()?[Ei(Li.hideDataUrls)]:[],...this.networkHideChromeExtensionsSetting.get()?[Ei(Li.chromeExtensions)]:[],...this.networkShowBlockedCookiesOnlySetting.get()?[Ei(Li.hasBlockedCookies)]:[],...this.networkOnlyBlockedRequestsSetting.get()?[Ei(Li.blockedRequests)]:[],...this.networkOnlyThirdPartySetting.get()?[Ei(Li.thirdParty)]:[]]}updateActiveFiltersCount(){const e=this.selectedFilters().length;this.activeFiltersCount.textContent=e.toString(),e?this.activeFiltersCountAdorner.classList.remove("hidden"):this.activeFiltersCountAdorner.classList.add("hidden")}updateTooltip(){this.selectedFilters().length?this.dropDownButton.setTitle(this.selectedFilters().join(", ")):this.dropDownButton.setTitle(Ei(Li.showOnlyHideRequests))}isActive(){return 0!==this.selectedFilters().length}element(){return this.filterElement}}var Wi=Object.freeze({__proto__:null,HTTPSchemas:Ni,MoreFiltersDropDownUI:Vi,NetworkLogView:Hi,computeStackTraceText:Pi,isRequestFilteredOut:function(e){return Mi.has(e)},overrideFilter:Bi});const Oi={url:"URL"},Di=r.i18n.registerUIStrings("panels/network/NetworkSearchScope.ts",Oi),Gi=r.i18n.getLocalizedString.bind(void 0,Di);class ji{#c;constructor(e){this.#c=e}performIndexing(e){queueMicrotask((()=>{e.done()}))}async performSearch(e,t,i,r){const o=[],s=this.#c.requests().filter((t=>e.filePathMatchesFileQuery(t.url())));t.setTotalWork(s.length);for(const i of s){const r=this.searchRequest(e,i,t);o.push(r)}const n=(await Promise.all(o)).filter((e=>null!==e));if(t.isCanceled())r(!1);else{for(const e of n.sort(((e,t)=>e.label().localeCompare(t.label()))))e.matchesCount()>0&&i(e);t.done(),r(!0)}}async searchRequest(e,t,i){const r=await ji.#h(e,t);if(i.isCanceled())return null;const o=[];a(t.url())&&o.push(m.UIRequestLocation.UIRequestLocation.urlMatch(t));for(const e of t.requestHeaders())n(e)&&o.push(m.UIRequestLocation.UIRequestLocation.requestHeaderMatch(t,e));for(const e of t.responseHeaders)n(e)&&o.push(m.UIRequestLocation.UIRequestLocation.responseHeaderMatch(t,e));for(const e of r)o.push(m.UIRequestLocation.UIRequestLocation.bodyMatch(t,e));return i.incrementWorked(),new zi(t,o);function n(e){return a(`${e.name}: ${e.value}`)}function a(t){const i=e.ignoreCase()?"i":"",r=e.queries().map((e=>new RegExp(s.StringUtilities.escapeForRegExp(e),i)));let o=0;for(const e of r){const i=t.substr(o).match(e);if(void 0===i?.index)return!1;o+=i.index+i[0].length}return!0}}static async#h(e,t){if(!t.contentType().isTextType())return[];let i=[];for(const r of e.queries()){const o=await t.searchInContent(r,!e.ignoreCase(),e.isRegex());if(0===o.length)return[];i=s.ArrayUtilities.mergeOrdered(i,o,R.ContentProvider.SearchMatch.comparator)}return i}stopSearch(){}}class zi{request;locations;constructor(e,t){this.request=e,this.locations=t}matchesCount(){return this.locations.length}label(){return this.request.displayName}description(){const e=this.request.parsedURL;return e?e.urlWithoutScheme():this.request.url()}matchLineContent(e){const t=this.locations[e];if(t.isUrlMatch)return this.request.url();const i=t?.header?.header;return i?i.value:t.searchMatch.lineContent}matchRevealable(e){return this.locations[e]}matchLabel(e){const t=this.locations[e];if(t.isUrlMatch)return Gi(Oi.url);const i=t?.header?.header;return i?`${i.name}:`:(t.searchMatch.lineNumber+1).toString()}matchColumn(e){const t=this.locations[e];return t.searchMatch?.columnNumber}matchLength(e){const t=this.locations[e];return t.searchMatch?.matchLength}}var _i=Object.freeze({__proto__:null,NetworkSearchResult:zi,NetworkSearchScope:ji}),Ki={cssText:`:root{--network-overview-total:var(--sys-color-surface-variant);--network-overview-blocking:var(--sys-color-neutral-bright);--network-overview-connecting:var(--ref-palette-yellow60);--network-overview-service-worker:var(--sys-color-orange-bright);--network-overview-service-worker-respond-with:var(--sys-color-cyan-bright);--network-overview-push:var(--ref-palette-blue60);--override-network-overview-proxy:var(--ref-palette-neutral60);--network-overview-dns:var(--sys-color-cyan);--network-overview-ssl:var(--ref-palette-purple70);--override-network-overview-sending:var(--ref-palette-cyan60);--network-overview-waiting:var(--ref-palette-green70);--network-overview-receiving:var(--ref-palette-blue60);--network-overview-queueing:var(--ref-palette-neutral100);--network-grid-navigation-color:var(--ref-palette-blue90);--network-grid-initiator-path-color:var(--ref-palette-green90);--network-grid-initiated-path-color:var(--ref-palette-error80);--network-grid-focus-selected-color-has-error:var(--sys-color-surface-error);--network-grid-focus-selected-color-has-warning:var(--sys-color-surface-yellow);--network-grid-from-frame-color:var(--ref-palette-cyan95);--network-grid-is-product-color:var(--ref-palette-yellow95);--network-frame-divider-color:var(--ref-palette-yellow60)}.theme-with-dark-background{--network-grid-initiator-path-color:var(--ref-palette-green40);--network-grid-initiated-path-color:var(--ref-palette-error20);--network-grid-from-frame-color:var(--ref-palette-neutral50);--network-grid-is-product-color:var(--ref-palette-neutral70)}.network-details-view{background:var(--app-color-toolbar-background)}.network-details-view-tall-header{border-top:4px solid var(--app-color-toolbar-background)}.network-item-view{display:flex;background:var(--sys-color-cdt-base-container)}.network-item-preview-toolbar{border-top:1px solid var(--sys-color-divider);background-color:var(--sys-color-surface1)}.resource-timing-view{display:block;margin:6px;color:var(--sys-color-on-surface);overflow:auto;background-color:var(--sys-color-cdt-base-container)}.resource-timing-table{width:100%!important}#network-overview-panel{flex:none;position:relative}#network-overview-container{overflow:hidden;flex:auto;display:flex;flex-direction:column;position:relative;border-bottom:1px solid var(--sys-color-divider)}#network-overview-container canvas{width:100%;height:100%}.resources-dividers-label-bar{background-color:var(--sys-color-cdt-base-container)}#network-overview-grid .resources-dividers-label-bar{pointer-events:auto}.network .network-overview{flex:0 0 60px}.network-overview .resources-dividers-label-bar .resources-divider{background-color:transparent}.network-overview .resources-dividers{z-index:250}.request-view.html iframe{width:100%;height:100%;position:absolute}.network-film-strip{border-bottom:solid 1px var(--sys-color-divider);flex:none!important}.network-film-strip-placeholder{flex-shrink:0}.network-tabbed-pane{background-color:var(--sys-color-cdt-base-container)}.network-settings-pane{display:grid;grid-template-columns:50% 50%;flex:none;background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider)}.network-toolbar-container{display:flex;align-items:flex-start;flex:none;background-color:var(--sys-color-cdt-base-container);border-bottom:1px solid var(--sys-color-divider);& > :first-child{flex:1 1 auto}}@media (forced-colors: active){.panel.network devtools-toolbar{background-color:canvas}}devtools-request-headers{min-width:360px}\n/*# sourceURL=${import.meta.resolve("./networkPanel.css")} */\n`};const $i={close:"Close",search:"Search",doNotClearLogOnPageReload:"Do not clear log on page reload / navigation",preserveLog:"Preserve log",disableCacheWhileDevtoolsIsOpen:"Disable cache while DevTools is open",disableCache:"Disable cache",networkSettings:"Network settings",showMoreInformationInRequestRows:"Show more information in request rows",useLargeRequestRows:"Big request rows",showOverviewOfNetworkRequests:"Show overview of network requests",showOverview:"Overview",groupRequestsByTopLevelRequest:"Group requests by top level request frame",groupByFrame:"Group by frame",captureScreenshotsWhenLoadingA:"Capture screenshots when loading a page",captureScreenshots:"Screenshots",importHarFile:"Import `HAR` file...",exportHar:"Export `HAR` (either sanitized or with sensitive data)",exportHarSanitized:"Export `HAR` (sanitized)...",exportHarWithSensitiveData:"Export `HAR` (with sensitive data)...",throttling:"Throttling",hitSToReloadAndCaptureFilmstrip:"Hit {PH1} to reload and capture filmstrip.",openInNetworkPanel:"Open in Network panel",openInNetworkPanelMissingRequest:"Open in Network panel (missing request)",recordingFrames:"Recording frames...",fetchingFrames:"Fetching frames...",moreNetworkConditions:"More network conditions…"},Xi=r.i18n.registerUIStrings("panels/network/NetworkPanel.ts",$i),Ji=r.i18n.getLocalizedString.bind(void 0,Xi);let Yi,Qi;class Zi extends e.Panel.Panel{networkLogShowOverviewSetting;networkLogLargeRowsSetting;networkRecordFilmStripSetting;toggleRecordAction;pendingStopTimer;networkItemView;filmStripView;filmStripRecorder;currentRequest;panelToolbar;rightToolbar;filterBar;showSettingsPaneSetting;filmStripPlaceholderElement;overviewPane;networkOverview;overviewPlaceholderElement;calculator;splitWidget;sidebarLocation;progressBarContainer;networkLogView;fileSelectorElement;detailsWidget;closeButtonElement;preserveLogSetting;recordLogSetting;throttlingSelect;displayScreenshotDelay;isReactNative=!1;constructor(i){super("network"),this.registerRequiredCSS(Ki),this.isReactNative=C.Runtime.experiments.isEnabled("react-native-specific-ui"),this.displayScreenshotDelay=i,this.networkLogShowOverviewSetting=t.Settings.Settings.instance().createSetting("network-log-show-overview",!0),this.networkLogLargeRowsSetting=t.Settings.Settings.instance().createSetting("network-log-large-rows",!1),this.networkRecordFilmStripSetting=t.Settings.Settings.instance().createSetting("network-record-film-strip-setting",!1),this.toggleRecordAction=e.ActionRegistry.ActionRegistry.instance().getAction("network.toggle-recording"),this.networkItemView=null,this.filmStripView=null,this.filmStripRecorder=null,this.currentRequest=null;const r=new e.Widget.VBox,o=r.contentElement.createChild("div","network-toolbar-container");o.role="toolbar",this.panelToolbar=o.createChild("devtools-toolbar"),this.panelToolbar.role="presentation",this.panelToolbar.wrappable=!0,this.panelToolbar.setAttribute("jslog",`${d.toolbar("network-main")}`),this.rightToolbar=o.createChild("devtools-toolbar"),this.rightToolbar.role="presentation",this.filterBar=new e.FilterBar.FilterBar("network-panel",!0),this.filterBar.show(r.contentElement),this.filterBar.addEventListener("Changed",this.handleFilterChanged.bind(this));const l=r.contentElement.createChild("div","network-settings-pane");l.append(e.SettingsUI.createSettingCheckbox(Ji($i.useLargeRequestRows),this.networkLogLargeRowsSetting,Ji($i.showMoreInformationInRequestRows)),e.SettingsUI.createSettingCheckbox(Ji($i.groupByFrame),t.Settings.Settings.instance().moduleSetting("network.group-by-frame"),Ji($i.groupRequestsByTopLevelRequest)),e.SettingsUI.createSettingCheckbox(Ji($i.showOverview),this.networkLogShowOverviewSetting,Ji($i.showOverviewOfNetworkRequests))),this.isReactNative||l.append(e.SettingsUI.createSettingCheckbox(Ji($i.captureScreenshots),this.networkRecordFilmStripSetting,Ji($i.captureScreenshotsWhenLoadingA))),this.showSettingsPaneSetting=t.Settings.Settings.instance().createSetting("network-show-settings-toolbar",!1),l.classList.toggle("hidden",!this.showSettingsPaneSetting.get()),this.showSettingsPaneSetting.addChangeListener((()=>l.classList.toggle("hidden",!this.showSettingsPaneSetting.get()))),this.filmStripPlaceholderElement=r.contentElement.createChild("div","network-film-strip-placeholder"),this.overviewPane=new v.TimelineOverviewPane.TimelineOverviewPane("network"),this.overviewPane.addEventListener("OverviewPaneWindowChanged",this.onWindowChanged.bind(this)),this.overviewPane.element.id="network-overview-panel",this.networkOverview=new li,this.overviewPane.setOverviewControls([this.networkOverview]),this.overviewPlaceholderElement=r.contentElement.createChild("div"),this.calculator=new zt,this.splitWidget=new e.SplitWidget.SplitWidget(!0,!1,"network-panel-split-view-state"),this.splitWidget.hideMain(),this.splitWidget.show(r.contentElement),r.setDefaultFocusedChild(this.filterBar);const c=new e.SplitWidget.SplitWidget(!0,!1,"network-panel-sidebar-state",225);c.hideSidebar(),c.enableShowModeSaving(),c.show(this.element),this.sidebarLocation=e.ViewManager.ViewManager.instance().createTabbedLocation((async()=>{e.ViewManager.ViewManager.instance().showView("network"),c.showBoth()}),"network-sidebar",!0);const h=this.sidebarLocation.tabbedPane();h.setMinimumSize(100,25),h.element.classList.add("network-tabbed-pane"),h.element.addEventListener("keydown",(e=>{e.key===s.KeyboardUtilities.ESCAPE_KEY&&(c.hideSidebar(),e.consume(),d.logKeyDown(e.currentTarget,e,"hide-sidebar"))}));const u=new e.Toolbar.ToolbarButton(Ji($i.close),"cross");u.addEventListener("Click",(()=>c.hideSidebar())),u.element.setAttribute("jslog",`${d.close().track({click:!0})}`),h.rightToolbar().appendToolbarItem(u),c.setSidebarWidget(h),c.setMainWidget(r),c.setDefaultFocusedChild(r),this.setDefaultFocusedChild(c),this.progressBarContainer=document.createElement("div"),this.networkLogView=new Hi(this.filterBar,this.progressBarContainer,this.networkLogLargeRowsSetting),this.splitWidget.setSidebarWidget(this.networkLogView),this.fileSelectorElement=e.UIUtils.createFileSelectorElement(this.networkLogView.onLoadFromFile.bind(this.networkLogView)),r.element.appendChild(this.fileSelectorElement),this.detailsWidget=new e.Widget.VBox,this.detailsWidget.element.classList.add("network-details-view"),this.splitWidget.setMainWidget(this.detailsWidget),this.closeButtonElement=document.createElement("dt-close-button"),this.closeButtonElement.addEventListener("click",(async()=>{const t=e.ActionRegistry.ActionRegistry.instance().getAction("network.hide-request-details");await t.execute()}),!1),this.closeButtonElement.style.margin="0 5px",this.networkLogShowOverviewSetting.addChangeListener(this.toggleShowOverview,this),this.networkLogLargeRowsSetting.addChangeListener(this.toggleLargerRequests,this),this.networkRecordFilmStripSetting.addChangeListener(this.toggleRecordFilmStrip,this),this.preserveLogSetting=t.Settings.Settings.instance().moduleSetting("network-log.preserve-log"),this.recordLogSetting=t.Settings.Settings.instance().moduleSetting("network-log.record-log"),this.recordLogSetting.addChangeListener((({data:e})=>this.toggleRecord(e))),this.throttlingSelect=this.createThrottlingConditionsSelect(),this.setupToolbarButtons(c),this.toggleRecord(this.recordLogSetting.get()),this.toggleShowOverview(),this.toggleLargerRequests(),this.toggleRecordFilmStrip(),this.updateUI(),n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.WillReloadPage,this.willReloadPage,this,{scoped:!0}),n.TargetManager.TargetManager.instance().addModelListener(n.ResourceTreeModel.ResourceTreeModel,n.ResourceTreeModel.Events.Load,this.load,this,{scoped:!0}),this.networkLogView.addEventListener("RequestSelected",this.onRequestSelected,this),this.networkLogView.addEventListener("RequestActivated",this.onRequestActivated,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestAdded,this.onUpdateRequest,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.RequestUpdated,this.onUpdateRequest,this),a.NetworkLog.NetworkLog.instance().addEventListener(a.NetworkLog.Events.Reset,this.onNetworkLogReset,this)}static instance(e){return Yi&&!e?.forceNew||(Yi=new Zi(e?.displayScreenshotDelay??1e3)),Yi}static revealAndFilter(t){const i=Zi.instance();let r="";for(const e of t)e.filterType?r+=`${e.filterType}:${e.filterValue} `:r+=`${e.filterValue} `;return i.networkLogView.setTextFilterValue(r),e.ViewManager.ViewManager.instance().showView("network")}throttlingSelectForTest(){return this.throttlingSelect}onWindowChanged(e){const t=Math.max(this.calculator.minimumBoundary(),e.data.startTime/1e3),i=Math.min(this.calculator.maximumBoundary(),e.data.endTime/1e3);t===this.calculator.minimumBoundary()&&i===this.calculator.maximumBoundary()?this.networkLogView.setWindow(0,0):this.networkLogView.setWindow(t,i)}async searchToggleClick(){const t=e.ActionRegistry.ActionRegistry.instance().getAction("network.search");await t.execute()}setupToolbarButtons(i){const r=new e.Toolbar.ToolbarToggle(Ji($i.search),"search",void 0,"search");function o(){const e="OnlyMain"!==i.showMode();r.setToggled(e),e||r.element.focus()}if(this.panelToolbar.appendToolbarItem(e.Toolbar.Toolbar.createActionButton(this.toggleRecordAction)),this.panelToolbar.appendToolbarItem(e.Toolbar.Toolbar.createActionButton("network.clear")),this.panelToolbar.appendSeparator(),this.panelToolbar.appendToolbarItem(this.filterBar.filterButton()),o(),i.addEventListener("ShowModeChanged",o),r.addEventListener("Click",(()=>{this.searchToggleClick()})),this.panelToolbar.appendToolbarItem(r),this.panelToolbar.appendSeparator(),this.panelToolbar.appendToolbarItem(new e.Toolbar.ToolbarSettingCheckbox(this.preserveLogSetting,Ji($i.doNotClearLogOnPageReload),Ji($i.preserveLog))),!this.isReactNative){this.panelToolbar.appendSeparator();const i=new e.Toolbar.ToolbarSettingCheckbox(t.Settings.Settings.instance().moduleSetting("cache-disabled"),Ji($i.disableCacheWhileDevtoolsIsOpen),Ji($i.disableCache));this.panelToolbar.appendToolbarItem(i),this.panelToolbar.appendToolbarItem(this.throttlingSelect);const r=new e.Toolbar.ToolbarButton(Ji($i.moreNetworkConditions),"network-settings",void 0,"network-conditions");r.addEventListener("Click",(()=>{e.ViewManager.ViewManager.instance().showView("network.config")}),this),this.panelToolbar.appendToolbarItem(r)}this.rightToolbar.appendToolbarItem(new e.Toolbar.ToolbarItem(this.progressBarContainer)),this.rightToolbar.appendSeparator(),this.rightToolbar.appendToolbarItem(new e.Toolbar.ToolbarSettingToggle(this.showSettingsPaneSetting,"gear",Ji($i.networkSettings),"gear-filled","network-settings"));this.panelToolbar.appendSeparator();const s=new e.Toolbar.ToolbarButton(Ji($i.importHarFile),"import",void 0,"import-har");s.addEventListener("Click",(()=>this.fileSelectorElement.click()),this),this.panelToolbar.appendToolbarItem(s);const n=new e.Toolbar.ToolbarButton(Ji($i.exportHarSanitized),"download",void 0,"export-har");n.addEventListener("Click",this.networkLogView.exportAll.bind(this.networkLogView,{sanitize:!0}),this),this.panelToolbar.appendToolbarItem(n);const a=new e.Toolbar.ToolbarMenuButton((e=>{e.defaultSection().appendItem(Ji($i.exportHarSanitized),this.networkLogView.exportAll.bind(this.networkLogView,{sanitize:!0}),{jslogContext:"export-har"}),e.defaultSection().appendItem(Ji($i.exportHarWithSensitiveData),this.networkLogView.exportAll.bind(this.networkLogView,{sanitize:!1}),{jslogContext:"export-har-with-sensitive-data"})}),!0,!1,"export-har-menu","download");a.setTitle(Ji($i.exportHar)),this.panelToolbar.appendToolbarItem(a);const l=t.Settings.Settings.instance().createSetting("network.show-options-to-generate-har-with-sensitive-data",!1),d=()=>{const e=l.get();n.setVisible(!e),a.setVisible(e)};l.addChangeListener(d),d()}createThrottlingConditionsSelect(){const t=new e.Toolbar.ToolbarComboBox(null,Ji($i.throttling));return t.setMaxWidth(160),h.ThrottlingManager.throttlingManager().createNetworkThrottlingSelector(t.element),t}toggleRecord(e){this.toggleRecordAction.setToggled(e),this.recordLogSetting.get()!==e&&this.recordLogSetting.set(e),this.networkLogView.setRecording(e),!e&&this.filmStripRecorder&&this.filmStripRecorder.stopRecording(this.filmStripAvailable.bind(this))}filmStripAvailable(e){this.filmStripView&&this.filmStripView.setModel(e);const t=e.frames.map((e=>M.Helpers.Timing.microToSeconds(e.screenshotEvent.ts)));this.networkLogView.addFilmStripFrames(t)}onNetworkLogReset(e){const{clearIfPreserved:t}=e.data;this.preserveLogSetting.get()&&!t||(this.calculator.reset(),this.overviewPane.reset()),this.filmStripView&&this.resetFilmStripView()}willReloadPage(){this.pendingStopTimer&&(clearTimeout(this.pendingStopTimer),delete this.pendingStopTimer),this.isShowing()&&this.filmStripRecorder&&this.filmStripRecorder.startRecording()}load(){this.filmStripRecorder?.isRecording()&&(this.pendingStopTimer&&window.clearTimeout(this.pendingStopTimer),this.pendingStopTimer=window.setTimeout(this.stopFilmStripRecording.bind(this),this.displayScreenshotDelay))}stopFilmStripRecording(){this.filmStripRecorder&&this.filmStripRecorder.stopRecording(this.filmStripAvailable.bind(this)),delete this.pendingStopTimer}toggleLargerRequests(){this.updateUI()}toggleShowOverview(){this.networkLogShowOverviewSetting.get()?this.overviewPane.show(this.overviewPlaceholderElement):this.overviewPane.detach(),this.doResize()}toggleRecordFilmStrip(){const e=this.networkRecordFilmStripSetting.get();e&&!this.filmStripRecorder&&(this.filmStripView=new v.FilmStripView.FilmStripView,this.filmStripView.element.classList.add("network-film-strip"),this.filmStripView.element.setAttribute("jslog",`${d.section("film-strip")}`),this.filmStripRecorder=new er(this.networkLogView.timeCalculator(),this.filmStripView),this.filmStripView.show(this.filmStripPlaceholderElement),this.filmStripView.addEventListener("FrameSelected",this.onFilmFrameSelected,this),this.filmStripView.addEventListener("FrameEnter",this.onFilmFrameEnter,this),this.filmStripView.addEventListener("FrameExit",this.onFilmFrameExit,this),this.resetFilmStripView()),!e&&this.filmStripRecorder&&(this.filmStripView&&this.filmStripView.detach(),this.filmStripView=null,this.filmStripRecorder=null)}resetFilmStripView(){const t=e.ShortcutRegistry.ShortcutRegistry.instance().shortcutsForAction("inspector-main.reload")[0];this.filmStripView&&(this.filmStripView.reset(),t&&this.filmStripView.setStatusText(Ji($i.hitSToReloadAndCaptureFilmstrip,{PH1:t.title()})))}elementsToRestoreScrollPositionsFor(){return this.networkLogView.elementsToRestoreScrollPositionsFor()}wasShown(){super.wasShown(),e.Context.Context.instance().setFlavor(Zi,this),i.userMetrics.panelLoaded("network","DevTools.Launch.Network")}willHide(){e.Context.Context.instance().setFlavor(Zi,null),super.willHide()}revealAndHighlightRequest(e){this.hideRequestPanel(),e&&this.networkLogView.revealAndHighlightRequest(e)}revealAndHighlightRequestWithId(e){this.hideRequestPanel(),e&&this.networkLogView.revealAndHighlightRequestWithId(e)}async selectAndActivateRequest(t,i,r){return await e.ViewManager.ViewManager.instance().showView("network"),this.networkLogView.selectRequest(t,r),this.showRequestPanel(i),this.networkLogView.revealAndHighlightRequest(t),this.networkItemView}handleFilterChanged(){this.hideRequestPanel()}onRequestSelected(t){const i=t.data;this.currentRequest=i,this.networkOverview.setHighlightedRequest(i),this.updateNetworkItemView(),e.Context.Context.instance().setFlavor(n.NetworkRequest.NetworkRequest,i)}onRequestActivated(e){const{showPanel:t,tab:i,takeFocus:r}=e.data;t?this.showRequestPanel(i,r):this.hideRequestPanel()}showRequestPanel(e,t){if("Both"!==this.splitWidget.showMode()||e||t){if(this.clearNetworkItemView(),this.currentRequest){const i=this.createNetworkItemView(e);i&&t&&i.focus()}this.updateUI()}}hideRequestPanel(){this.clearNetworkItemView(),this.splitWidget.hideMain(),this.updateUI()}updateNetworkItemView(){"Both"===this.splitWidget.showMode()&&(this.clearNetworkItemView(),this.createNetworkItemView(),this.updateUI())}clearNetworkItemView(){this.networkItemView&&(this.networkItemView.detach(),this.networkItemView=null)}createNetworkItemView(t){if(this.currentRequest)return this.networkItemView=new Ut(this.currentRequest,this.networkLogView.timeCalculator(),t),this.networkItemView.leftToolbar().appendToolbarItem(new e.Toolbar.ToolbarItem(this.closeButtonElement)),this.networkItemView.show(this.detailsWidget.element),this.splitWidget.showBoth(),this.networkItemView}updateUI(){this.detailsWidget&&this.detailsWidget.element.classList.toggle("network-details-view-tall-header",this.networkLogLargeRowsSetting.get()),this.networkLogView&&this.networkLogView.switchViewMode(!this.splitWidget.isResizable())}appendApplicableItems(t,i,r){const o=t=>{i.revealSection().appendItem(Ji($i.openInNetworkPanel),(()=>e.ViewManager.ViewManager.instance().showView("network").then(this.networkLogView.resetFilter.bind(this.networkLogView)).then(this.revealAndHighlightRequest.bind(this,t))),{jslogContext:"reveal-in-network"})},s=()=>{i.revealSection().appendItem(Ji($i.openInNetworkPanelMissingRequest),(()=>{}),{disabled:!0,jslogContext:"reveal-in-network"})},a=t=>{i.revealSection().appendItem(Ji($i.openInNetworkPanel),(()=>e.ViewManager.ViewManager.instance().showView("network").then(this.networkLogView.resetFilter.bind(this.networkLogView)).then(this.selectAndActivateRequest.bind(this,t.networkRequest,"headers-component",void 0))),{jslogContext:"timeline.reveal-in-network"})};if(!t.target.isSelfOrDescendant(this.element))if(r instanceof n.Resource.Resource)r.request?o(r.request):s();else if(r instanceof g.UISourceCode.UISourceCode){const e=n.ResourceTreeModel.ResourceTreeModel.resourceForURL(r.url());e?.request?o(e.request):s()}else r instanceof n.TraceObject.RevealableNetworkRequest?a(r):this.networkItemView&&this.networkItemView.isShowing()&&this.networkItemView.request()===r||o(r)}onFilmFrameSelected(e){const t=e.data;this.overviewPane.setWindowTimes(0,t)}onFilmFrameEnter(e){const t=e.data;this.networkOverview.selectFilmStripFrame(t),this.networkLogView.selectFilmStripFrame(t/1e3)}onFilmFrameExit(){this.networkOverview.clearFilmStripFrame(),this.networkLogView.clearFilmStripFrame()}onUpdateRequest(e){const{request:t}=e.data;this.calculator.updateBoundaries(t),this.overviewPane.setBounds(M.Types.Timing.Milli(1e3*this.calculator.minimumBoundary()),M.Types.Timing.Milli(1e3*this.calculator.maximumBoundary())),this.networkOverview.updateRequest(t)}resolveLocation(e){return"network-sidebar"===e?this.sidebarLocation:null}}class er{tracingManager;resourceTreeModel;timeCalculator;filmStripView;callback;#u;#p=[];constructor(e,t){this.#u=M.TraceModel.Model.createWithSubsetOfHandlers({Screenshots:M.Handlers.ModelHandlers.Screenshots}),this.tracingManager=null,this.resourceTreeModel=null,this.timeCalculator=e,this.filmStripView=t,this.callback=null}traceEventsCollected(e){this.#p.push(...e)}async tracingComplete(){if(!this.tracingManager)return;this.tracingManager=null,await this.#u.parse(this.#p);const e=this.#u.parsedTrace(this.#u.size()-1);if(!e)return;const t=M.Types.Timing.Seconds(this.timeCalculator.minimumBoundary()),i=M.Extras.FilmStrip.fromParsedTrace(e,M.Helpers.Timing.secondsToMicro(t));this.callback&&this.callback(i),this.callback=null,this.#u.resetProcessor(),this.resourceTreeModel&&this.resourceTreeModel.resumeReload(),this.resourceTreeModel=null}tracingBufferUsage(){}eventsRetrievalProgress(e){}startRecording(){this.#p=[],this.filmStripView.reset(),this.filmStripView.setStatusText(Ji($i.recordingFrames));const e=n.TargetManager.TargetManager.instance().scopeTarget()?.model(M.TracingManager.TracingManager);!this.tracingManager&&e&&(this.tracingManager=e,this.resourceTreeModel=this.tracingManager.target().model(n.ResourceTreeModel.ResourceTreeModel),this.tracingManager.start(this,"-*,disabled-by-default-devtools.screenshot",""),i.userMetrics.actionTaken(i.UserMetrics.Action.FilmStripStartedRecording))}isRecording(){return Boolean(this.tracingManager)}stopRecording(e){this.tracingManager&&(this.tracingManager.stop(),this.resourceTreeModel&&this.resourceTreeModel.suspendReload(),this.callback=e,this.filmStripView.setStatusText(Ji($i.fetchingFrames)))}}class tr extends A.SearchView.SearchView{constructor(){super("network",new t.Throttler.Throttler(200))}static instance(e={forceNew:null}){const{forceNew:t}=e;return Qi&&!t||(Qi=new tr),Qi}static async openSearch(t,i){await e.ViewManager.ViewManager.instance().showView("network.search-network-tab");const r=tr.instance();return r.toggle(t,Boolean(i)),r}createScope(){return new ji(a.NetworkLog.NetworkLog.instance())}}var ir=Object.freeze({__proto__:null,ActionDelegate:class{handleAction(t,i){const r=t.flavor(Zi);if(null===r)return!1;switch(i){case"network.toggle-recording":return r.toggleRecord(!r.recordLogSetting.get()),!0;case"network.hide-request-details":return!!r.networkItemView&&(r.hideRequestPanel(),r.networkLogView.resetFocus(),!0);case"network.search":{const t=e.InspectorView.InspectorView.instance().element.window().getSelection();if(!t)return!1;let i="";return t.rangeCount&&(i=t.toString().replace(/\r?\n.*/,"")),tr.openSearch(i),!0}case"network.clear":return a.NetworkLog.NetworkLog.instance().reset(!0),!0}return!1}},FilmStripRecorder:er,NetworkLogWithFilterRevealer:class{reveal(e){return"filters"in e?Zi.revealAndFilter(e.filters):Zi.revealAndFilter(e.filter?[{filterType:null,filterValue:e.filter}]:[])}},NetworkPanel:Zi,RequestIdRevealer:class{reveal(t){const i=Zi.instance();return e.ViewManager.ViewManager.instance().showView("network").then(i.revealAndHighlightRequestWithId.bind(i,t))}},RequestLocationRevealer:class{async reveal(e){const t=await Zi.instance().selectAndActivateRequest(e.request,e.tab,e.filterOptions);if(t){if(e.searchMatch){const{lineNumber:i,columnNumber:r,matchLength:o}=e.searchMatch,s={from:{lineNumber:i,columnNumber:r},to:{lineNumber:i,columnNumber:r+o}};await t.revealResponseBody(s)}e.header&&t.revealHeader(e.header.section,e.header.header?.name)}}},RequestRevealer:class{reveal(t){const i=Zi.instance();return e.ViewManager.ViewManager.instance().showView("network").then(i.revealAndHighlightRequest.bind(i,t))}},SearchNetworkView:tr});export{D as BinaryResourceView,$ as BlockedURLsPane,oe as EventSourceMessagesView,pe as NetworkConfigView,Ce as NetworkDataGridNode,ei as NetworkFrameGrouper,Bt as NetworkItemView,Wi as NetworkLogView,qi as NetworkLogViewColumns,ai as NetworkManageCustomHeadersView,gi as NetworkOverview,ir as NetworkPanel,_i as NetworkSearchScope,Kt as NetworkTimeCalculator,ki as NetworkWaterfallColumn,Ie as RequestCookiesView,$e as RequestHTMLView,Me as RequestInitiatorView,ze as RequestPayloadView,pt as RequestPreviewView,et as RequestResponseView,Ct as RequestTimingView,Pt as ResourceWebSocketFrameView,lt as SignedExchangeInfoView};