dumb://home
{#each panelTabs as tab, index (tab.id)}
homepageState.setActivePanel(tab.id)} onkeydown={(e) => { switch (e.key) { case 'Enter': case ' ': e.preventDefault(); homepageState.setActivePanel(tab.id); break; case 'ArrowLeft': case 'ArrowUp': e.preventDefault(); { const prevIndex = index === 0 ? panelTabs.length - 1 : index - 1; const prevTab = panelTabs[prevIndex]; if (prevTab) { homepageState.setActivePanel(prevTab.id); (e.currentTarget.parentElement?.children[prevIndex] as HTMLElement)?.focus(); } } break; case 'ArrowRight': case 'ArrowDown': e.preventDefault(); { const nextIndex = index === panelTabs.length - 1 ? 0 : index + 1; const nextTab = panelTabs[nextIndex]; if (nextTab) { homepageState.setActivePanel(nextTab.id); (e.currentTarget.parentElement?.children[nextIndex] as HTMLElement)?.focus(); } } break; } }} type="button" role="tab" aria-selected={homepageState.activePanel === tab.id} tabindex={homepageState.activePanel === tab.id ? 0 : -1} >
{tab.label}
{/each}
homepageState.openCommandPalette()} title="Command Palette (Ctrl+P or /)" >
CMD
/
navigateWithViewTransition('dumb://config')} title="Settings" >
CFG
{#if themeMode === 'dark'}
{:else}
{/if}
{#if children} {@render children()} {:else}
$
_
{/if}
{#if homepageState.commandPaletteOpen}
{/if} {#if homepageState.confirmModalOpen}
homepageState.cancelConfirm()} onkeydown={(e) => { if (e.key === 'Escape') homepageState.cancelConfirm(); }} role="button" tabindex="0" aria-label="Close confirmation modal" >
e.stopPropagation()} role="presentation">
CONFIRM
{homepageState.confirmModalMessage}
homepageState.cancelConfirm()} > CANCEL
Esc
homepageState.confirmAction()} > CONFIRM
Enter
{/if}