e.key === "Escape" && onClose()} >
e.stopPropagation()} onkeydown={(e) => e.stopPropagation()} role="dialog" aria-labelledby="session-history-title" tabindex="-1" >
{#if selectedSession} {/if}

{selectedSession ? selectedSession.name : "Session History"}

{#if !selectedSession} {/if}
{#if selectedSession}
{formatDate(selectedSession.created_at)} • {selectedSession.message_count} messages {#if selectedSession.working_directory} • {selectedSession.working_directory} {/if}
{#each selectedSession.messages as message (message.id)}
{message.type === "user" ? "You" : message.type === "assistant" ? "Hikari" : message.type === "tool" ? message.tool_name || "Tool" : message.type}

{message.content.length > 500 ? message.content.slice(0, 500) + "..." : message.content}

{/each}
{:else}
{#if $isLoading}
Loading sessions...
{:else if $sessions.length === 0}

No saved sessions yet

Your conversations will appear here once saved

{:else}
{#each $sessions as session (session.id)}
{#if showExportMenu === session.id}
{/if}
{#if showDeleteConfirm === session.id}
{:else} {/if}
{/each}
{/if}
{/if}