window.open(app.url, '_blank', 'noopener,noreferrer')} onkeydown={(e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') window.open(app.url, '_blank', 'noopener,noreferrer'); }} class="card-hover group flex cursor-pointer flex-col rounded-xl border border-border bg-card p-4 transition-colors hover:border-primary/50" title={app.description ?? app.name} >

{#if iconDisplay?.kind === 'emoji'} {iconDisplay.value} {:else if iconDisplay?.kind === 'image'} {app.name} icon

{:else if iconDisplay?.kind === 'text'} {iconDisplay.value} {:else} {app.name.charAt(0).toUpperCase()} {/if}

e.stopPropagation()} class="rounded-md p-1 text-muted-foreground opacity-0 transition-all hover:bg-accent hover:text-foreground group-hover:opacity-100" title={$t('app.edit')} >

{app.name}

{#if app.description}

{app.description}

{/if} {#if historyLoading}

{:else if historyData.length > 0}

{#if uptimePercent !== null} {uptimePercent}% {$t('app.uptime')} {/if}

{/if} {#if app.category} {app.category} {/if}