notify me when work finishes system notifications while this tab is hidden, for sessions on open boards or pinned. agent mail alerts its recipient. notifications.toggle()} />

{#if !notifications.supported}system notifications are unavailable in this browser. tab counts still work. {:else if notifications.error}{notifications.error} {:else if notifications.requesting}waiting for the browser’s permission… {:else if notifications.permission === 'denied'}notifications are blocked. allow them in this site’s browser settings, then turn this on. {:else}tab counts are always on, and clear when you return.{/if}

theme

arrows(event, themes.map((theme) => theme.id), prefs.theme, (id) => (prefs.theme = id))}> {#each themes as theme (theme.id)} {/each}

{prefs.theme === 'system' ? `following your system, which is ${prefs.resolved} right now` : `always ${prefs.theme}`}

colours

arrows(event, ['light', 'dark'] as Mode[], editing, (mode) => (editing = mode))}> {#each ['light', 'dark'] as Mode[] as mode (mode)} {/each}

{#each SEASONS as season (season.id)} {/each}

{#each ACCENTS as accent (accent.id)} {/each}

{#each fields as field (field.key)} {field.label} set({ [field.key]: event.currentTarget.value })} aria-label="{field.label} colour" /> typed(field.key, event.currentTarget.value)} onblur={(event) => (event.currentTarget.value = palette[field.key])} /> {/each}

advanced colours

errors and removals share a colour. additions also colour successful activity.

{#each advanced as field (field.key)} {field.label} set({ [field.key]: event.currentTarget.value })} aria-label="{field.label} colour" /> typed(field.key, event.currentTarget.value)} onblur={(event) => (event.currentTarget.value = palette[field.key])} /> {/each} you / speaker set({ you: event.currentTarget.value })} aria-label="you / speaker colour" /> typed('you', event.currentTarget.value)} onblur={(event) => (event.currentTarget.value = palette.you ?? '')} />

leave the speaker hex empty to follow the accent automatically. syntax highlighting is unchanged.

contrast set({ contrast: Number(event.currentTarget.value) })} /> {palette.contrast}

{#if notice}

{notice}

{/if}

fonts

{#each fontFields as field (field.key)} {field.label} (prefs.fonts = { ...prefs.fonts, [field.key]: event.currentTarget.value })} />

{field.sample}

{/each} {#each installed as family (family)}{/each}

{#if 'queryLocalFonts' in window} {/if}

any font installed on this computer, by name; a comma adds fallbacks. kept in this browser and a cookie, so every albedo web port opens the same way.

text

chrome text (prefs.text = { ...prefs.text, ui: Number(event.currentTarget.value) })} /> {prefs.text.ui}px canvas text at its own size resizes size of text inside canvas blocks while sidebar and other ui remain unchanged {#if prefs.text.own} canvas text (prefs.text = { ...prefs.text, canvas: Number(event.currentTarget.value) })} /> {prefs.text.canvas}px {/if}

dots on the canvas a faint guide for panning. they merge into fewer as you zoom out. sessions on the right the sidebar sits on the right, and search and settings move to the left of the top bar. zen desk on the left a session full screen keeps the chat on the left and what it makes on a desk to its right. turn this on to swap them. compact title bars windows get a thin bar with just the title. a chat's model, artifacts, jobs and the rest move under its composer. canvas on small screens on a phone, albedo shows one chat at a time and opens changes inside it. turn this on for the canvas instead.

settings

theme

colours

fonts

text

MCP sign-ins