chore: brand message stream empty state
This commit is contained in:
@@ -34,6 +34,7 @@ import { preferences } from "../stores/preferences"
|
|||||||
import { getSessionInfo, computeDisplayParts, sessions, setActiveSession, setActiveParentSession } from "../stores/sessions"
|
import { getSessionInfo, computeDisplayParts, sessions, setActiveSession, setActiveParentSession } from "../stores/sessions"
|
||||||
import { setActiveInstanceId } from "../stores/instances"
|
import { setActiveInstanceId } from "../stores/instances"
|
||||||
|
|
||||||
|
const codeNomadLogo = new URL("../../images/CodeNomad-Icon.png", import.meta.url).href
|
||||||
const SCROLL_OFFSET = 64
|
const SCROLL_OFFSET = 64
|
||||||
|
|
||||||
interface TaskSessionLocation {
|
interface TaskSessionLocation {
|
||||||
@@ -577,6 +578,10 @@ export default function MessageStream(props: MessageStreamProps) {
|
|||||||
<Show when={!props.loading && displayItems().length === 0}>
|
<Show when={!props.loading && displayItems().length === 0}>
|
||||||
<div class="empty-state">
|
<div class="empty-state">
|
||||||
<div class="empty-state-content">
|
<div class="empty-state-content">
|
||||||
|
<div class="flex flex-col items-center gap-3 mb-6">
|
||||||
|
<img src={codeNomadLogo} alt="CodeNomad logo" class="h-16 w-auto" loading="lazy" />
|
||||||
|
<h1 class="text-2xl font-semibold text-primary">CodeNomad</h1>
|
||||||
|
</div>
|
||||||
<h3>Start a conversation</h3>
|
<h3>Start a conversation</h3>
|
||||||
<p>Type a message below or open the Command Palette:</p>
|
<p>Type a message below or open the Command Palette:</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
|||||||
Reference in New Issue
Block a user