{#if isOpen}

e.key === "Escape" && configStore.closeSidebar()} role="button" tabindex="-1" aria-label="Close sidebar" >

{/if}

Settings

{#if saveError}

{saveError}

{/if}

Account

{#if authLoading}

Checking auth status...

{:else if authStatus}

{authStatus.is_logged_in ? "Logged in" : "Not logged in"}

{#if authStatus.email || authStatus.org_name || authStatus.api_key_source || config.api_key}

Email: {authStatus.email}
Org: {authStatus.org_name}
Org UUID: {authStatus.org_id}
API key: {authStatus.api_key_source}
Plan: {authStatus.subscription_type}
Override: {#if config.api_key} {config.streamer_mode ? "Custom key set 🔒" : "Custom key set"} {:else} None {/if}

{/if} {:else}

Auth status unavailable

{/if} {#if authError}

{authError}

{/if}

{#if authStatus && !authStatus.is_logged_in} {:else if authStatus && authStatus.is_logged_in} {/if}

Agent Settings

Model

API Key (optional override) {#if config.streamer_mode} 🔒 Hidden (Streamer Mode) {/if}

{#if config.streamer_mode} {:else} {/if}

Custom Instructions

Worktree isolation

Launch sessions with --worktree for isolated git worktree environments

Disable 1M context window

Sets CLAUDE_CODE_DISABLE_1M_CONTEXT=1 to opt out of the extended context window

Disable cron scheduling

Sets CLAUDE_CODE_DISABLE_CRON=1 to prevent Claude from scheduling recurring tasks

Disable skill shell execution

Passes disableSkillShellExecution: true to prevent skill scripts from executing shell commands (requires Claude Code v2.1.91+)

Include git instructions

When disabled, sets CLAUDE_CODE_DISABLE_GIT_INSTRUCTIONS=1 to remove Claude's built-in commit and PR workflow guidance from its system prompt

Max output tokens

Sets CLAUDE_CODE_MAX_OUTPUT_TOKENS. Maximum: 128k tokens for Opus 4.6 and Sonnet 4.6 (64k default for Opus 4.6, 32k for other models). Increase if responses are being cut off.

Auto-memory directory (optional)

Custom directory for auto-memory storage. Passed via --settings autoMemoryDirectory. Leave blank to use the default (working directory).

Model overrides (optional) {#if modelOverridesError}

{modelOverridesError}

{/if}

JSON map of model names to provider-specific IDs (for AWS Bedrock, Google Vertex, etc.). Passed via --settings modelOverrides. Leave blank to use defaults.

Greeting

Send greeting on connect

Automatically greet you when a session starts with time-based messages

{#if config.greeting_enabled}

Custom Greeting Prompt (optional)

{/if}

MCP Servers

Server Configuration (JSON)

Enable Claude.ai MCP servers

When disabled, sets ENABLE_CLAUDEAI_MCP_SERVERS=false to prevent Claude Code from connecting to MCP servers configured in Claude.ai.

Auto-Granted Tools

These tools will be pre-approved for every session (no permission prompts).

{#each commonTools as tool (tool)} toggleTool(tool)} class="w-4 h-4 rounded border-[var(--border-color)] bg-[var(--bg-primary)] text-[var(--accent-primary)] focus:ring-[var(--accent-primary)]" /> {tool} {/each}

{#if grantedTools.length > 0}

Session-granted tools:

{#each grantedTools as tool (tool)} {tool} {/each}

{/if} {#if config.auto_granted_tools.filter((t) => !commonTools.includes(t)).length > 0}

Custom tools:

{#each config.auto_granted_tools.filter((t) => !commonTools.includes(t)) as tool (tool)} {tool} {/each}

{/if}

e.key === "Enter" && addCustomTool()} class="flex-1 px-3 py-1.5 text-sm bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg text-[var(--text-primary)] focus:outline-none focus:border-[var(--accent-primary)]" />

Appearance

Theme

Dark Presets

Light Presets

{#if config.theme === "custom" || showCustomThemeEditor}

Custom Theme Colors

Background

handleCustomColorChange("bg_primary", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.bg_primary || defaultDarkColors.bg_primary}

Secondary BG

handleCustomColorChange("bg_secondary", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.bg_secondary || defaultDarkColors.bg_secondary}

Terminal BG

handleCustomColorChange("bg_terminal", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.bg_terminal || defaultDarkColors.bg_terminal}

Border

handleCustomColorChange("border_color", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.border_color || defaultDarkColors.border_color}

Accent Primary

handleCustomColorChange("accent_primary", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.accent_primary || defaultDarkColors.accent_primary}

Accent Secondary

handleCustomColorChange("accent_secondary", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.accent_secondary || defaultDarkColors.accent_secondary}

Text Primary

handleCustomColorChange("text_primary", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.text_primary || defaultDarkColors.text_primary}

Text Secondary

handleCustomColorChange("text_secondary", e.currentTarget.value)} class="color-picker" /> {config.custom_theme_colors.text_secondary || defaultDarkColors.text_secondary}

Changes preview live. Click Save Settings to persist.

{/if}

Terminal Font Size

applyFontSize(config.font_size)} min={MIN_FONT_SIZE} max={MAX_FONT_SIZE} step="1" class="flex-1 h-2 bg-[var(--bg-primary)] rounded-lg appearance-none cursor-pointer" /> {config.font_size}px

Use Ctrl++ / Ctrl+- to quickly adjust, Ctrl+0 to reset

Custom Terminal Font

{#if customFontStatus}

{customFontStatus}

{/if}

Supports Google Fonts URLs, direct font file URLs, or local file paths. Family name is required to apply the font.

Custom UI Font

{#if customUiFontStatus}

{customUiFontStatus}

{/if}

Applies to the entire app interface (menus, labels, buttons). Supports Google Fonts URLs, direct font file URLs, or local file paths.

Show Extended Thinking Blocks

Display Claude's extended thinking process in the conversation. Thinking blocks can be expanded/collapsed to see reasoning details.

Background Image {#if config.background_image_path}

{config.background_image_path.split("/").pop()}

{/if}

{#if config.background_image_path} {/if}

{#if config.background_image_path}

Opacity {Math.round(config.background_image_opacity * 100)}%

{/if}

Window

handleAlwaysOnTopChange(e.currentTarget.checked)} class="w-4 h-4 text-[var(--accent-primary)] bg-[var(--bg-primary)] border-[var(--border-color)] rounded focus:ring-[var(--accent-primary)] focus:ring-2" /> Always on top

Keep the window above other windows

Check for updates on startup

Notify when a new version is available

Privacy / Streamer Mode

Enable streamer mode

Hide sensitive information like API keys when streaming (Ctrl+Shift+S to toggle)

{#if config.streamer_mode}

Also hide file paths

Mask directory paths (e.g., /home/user → /home/****)

{/if}

Budget Settings

Enable budget tracking

Set limits on token usage and costs per session

{#if config.budget_enabled}

Session Token Budget

tokens

Leave empty for unlimited tokens

Session Cost Budget

$ USD

Leave empty for unlimited spending

Warning Threshold

{Math.round(config.budget_warning_threshold * 100)}%

Show warning when this percentage of budget is used

When budget is exceeded

{config.budget_action === "warn" ? "Show a warning but allow continued usage" : "Prevent sending more messages until session is reset"}

{/if}

Cost History

Notifications

Enable sound notifications

Notification Volume

{Math.round(config.notification_volume * 100)}%

Sound notifications will play when I complete tasks, encounter errors, or need permissions.

🎮 Discord Rich Presence

Show activity in Discord

Display your current conversation session name and model in Discord when enabled.