e.key === 'Escape' && (searchInput = '')} class="pl-8 h-8 w-48 text-sm" />

{#if $canAccess('networks', 'remove')} confirmPrune = open} > {#snippet children({ open })} {#if pruneStatus === 'pruning'} {:else if pruneStatus === 'success'} {:else if pruneStatus === 'error'} {:else} {/if} Prune {/snippet} {/if} {#if $canAccess('networks', 'create')} {/if}

{#if selectedNetworks.size > 0}

{selectedInFilter.length} selected {#if $canAccess('networks', 'remove')} confirmBulkRemove = open} > {#snippet children({ open })} Delete {/snippet} {/if}

{/if} {#if !loading && ($environments.length === 0 || !$currentEnvironment)} {:else if !loading && networks.length === 0} {:else} !protectedNetworks.includes(n.name)} sortState={{ field: sortField, direction: sortDirection }} onSortChange={(state) => { sortField = state.field as SortField; sortDirection = state.direction; }} highlightedKey={highlightedRowId} onRowClick={(network) => { highlightedRowId = highlightedRowId === network.id ? null : network.id; }} > {#snippet cell(column, network, rowState)} {@const containerCount = Object.keys(network.containers || {}).length} {@const isProtected = protectedNetworks.includes(network.name)} {#if column.id === 'name'}

{network.name} {#if isProtected} built-in {/if} {#if network.internal} internal {/if}

{:else if column.id === 'driver'} {network.driver} {:else if column.id === 'scope'} {network.scope} {:else if column.id === 'subnet'} {getSubnet(network)} {:else if column.id === 'gateway'} {getGateway(network)} {:else if column.id === 'containers'} {containerCount} {:else if column.id === 'actions'}

{#if deleteError?.id === network.id}

{deleteError.message}

{/if} {#if $canAccess('networks', 'inspect')} {/if} {#if !isProtected && $canAccess('networks', 'connect')} {/if} {#if !isProtected && $canAccess('networks', 'create')} {/if} {#if !isProtected && $canAccess('networks', 'remove')} removeNetwork(network.id, network.name)} onOpenChange={(open) => confirmDeleteId = open ? network.id : null} > {#snippet children({ open })} {/snippet} {/if}

{/if} {/snippet} {/if}