💬 Chat

{$messages.length} Nachrichten
{#if $messages.length === 0}
🤖

Starte eine Konversation mit Claude.

Enter/Ctrl+Enter = Senden, Shift+Enter = Neue Zeile, Ctrl+K = Focus, Escape = Stopp

{:else} {#each $messages as message, index}
{#if message.role === 'user'} 👤 Du {:else if message.role === 'assistant'} 🤖 {#if message.model}{message.model.replace('claude-', '').replace(/-\d{8}$/, '').replace(/(\D)-(\d)/g, '$1 $2').replace(/(\d)-(\d)/g, '$1.$2').replace(/\b[a-z]/g, c => c.toUpperCase())}{:else}Claude{/if} {:else} ⚙️ System {/if}
{#if message.role === 'user' && !$isProcessing && editingMessageId !== message.id} {/if} {#if message.role === 'assistant' && !$isProcessing && isLastAssistantMessage(index) && message.content} {/if} {#if message.content && message.role !== 'system'} {/if} {message.timestamp.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })}
{#if editingMessageId === message.id}
{:else if message.role === 'assistant'} {@html renderMarkdown(message.content)} {:else} {message.content} {/if}
{/each} {/if} {#if $isProcessing} {@const lastMsg = $messages.at(-1)} {#if !lastMsg || lastMsg.role !== 'assistant' || lastMsg.content === ''}
🤖 Claude
{/if} {/if}
{#if rememberDialogOpen} {/if} {#if showCompactingDialog} {/if}