Activity - Dockhand

0 ? `${visibleStart}-${visibleEnd}` : undefined} total={total > 0 ? total : undefined} countClass="min-w-32" />

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

{#if environments.length > 0} {@const selectedEnv = environments.find(e => e.id === filterEnvironmentId)} {@const SelectedEnvIcon = selectedEnv ? getIconComponent(selectedEnv.icon || 'globe') : Server} filterEnvironmentId = v ? parseInt(v) : null} > {#if filterEnvironmentId === null} Environment {:else} {selectedEnv?.name || 'Environment'} {/if} All environments {#each environments as env} {@const EnvIcon = getIconComponent(env.icon || 'globe')} {env.name} {/each} {/if} { selectedDatePreset = v || ''; if (v !== 'custom') { applyDatePreset(v || ''); } }} > {#if selectedDatePreset === 'custom'} Custom {:else if selectedDatePreset} {datePresets.find(d => d.value === selectedDatePreset)?.label || 'All time'} {:else} All time {/if} All time {#each datePresets as preset} {preset.label} {/each} Custom range... {#if selectedDatePreset === 'custom'} {/if} {#if $canAccess('activity', 'delete')} showClearConfirm = open} > {#snippet children({ open })} {/snippet} {/if}

{#if $environmentsStore.length === 0} {:else} showDetails(event)} class="border-none" wrapperClass="border rounded-lg" > {#snippet cell(column, event, rowState)} {#if column.id === 'timestamp'} {formatTimestamp(event.timestamp)} {:else if column.id === 'environment'} {#if event.environmentName} {@const EventEnvIcon = getIconComponent(event.environmentIcon || 'globe')}

{event.environmentName}

{:else} - {/if} {:else if column.id === 'action'}

{:else if column.id === 'container'}

{event.containerName || (event.containerId ? event.containerId.slice(0, 12) : 'Unknown')}

{:else if column.id === 'image'} {event.image || '-'} {:else if column.id === 'exitCode'} {#if event.actorAttributes?.exitCode !== undefined} {@const exitCode = parseInt(event.actorAttributes.exitCode)} {exitCode} {:else} - {/if} {:else if column.id === 'actions'}

{/if} {/snippet} {#snippet emptyState()}

No container events found

Events will appear here as containers start, stop, etc.

{/snippet} {#snippet loadingState()}

{/snippet} {#if loadingMore}

Loading more...

{/if} {#if !hasMore && events.length > 0}

End of results ({total.toLocaleString()} events)

{/if} {/if}