From 12b683a9a08727bf40abfd1406f2a5530546082d Mon Sep 17 00:00:00 2001
From: "Thomas G. Lopes" <26071571+TGlide@users.noreply.github.com>
Date: Mon, 16 Jun 2025 13:16:10 +0100
Subject: [PATCH] basic chat intro

---
 README.md                      |  1 +
 src/routes/chat/+layout.svelte |  1 +
 src/routes/chat/+page.svelte   | 30 ++++++++++++++++++++++++++++++
 3 files changed, 32 insertions(+)

diff --git a/README.md b/README.md
index 772e83e..4f929ad 100644
--- a/README.md
+++ b/README.md
@@ -52,3 +52,4 @@ IDK, calm down
 - [ ] Chat branching
 - [ ] Image generation
 - [ ] Chat sharing
+- [ ] 404 page
diff --git a/src/routes/chat/+layout.svelte b/src/routes/chat/+layout.svelte
index fd13c64..ed9a4ae 100644
--- a/src/routes/chat/+layout.svelte
+++ b/src/routes/chat/+layout.svelte
@@ -52,6 +52,7 @@
 			<PanelLeftIcon />
 		</Sidebar.Trigger>
 		<div class="mx-auto flex size-full max-w-3xl flex-col">
+			{@render children()}
 			<div class="mt-auto flex w-full flex-col gap-1">
 				<form class="relative h-18 w-full">
 					<textarea
diff --git a/src/routes/chat/+page.svelte b/src/routes/chat/+page.svelte
index 0fbba99..5bba995 100644
--- a/src/routes/chat/+page.svelte
+++ b/src/routes/chat/+page.svelte
@@ -1,2 +1,32 @@
 <script lang="ts">
+	import Button from '$lib/components/ui/button/button.svelte';
+	import { session } from '$lib/state/session.svelte';
+	import IconAi from '~icons/lucide/sparkles';
 </script>
+
+<div class="flex h-full flex-1 flex-col items-center justify-center">
+	<div class="w-full p-2">
+		<h2 class="text-left font-serif text-3xl font-semibold">Hey there, Bozo!</h2>
+		<p class="mt-2 text-left text-lg">
+			{#if session.current?.user.name}
+				Oops, I meant {session.current?.user.name}.
+			{:else}
+				Be sure to login first.
+			{/if}
+		</p>
+		<div class="mt-2 flex items-center gap-1">
+			{#each { length: 4 }}
+				<Button variant="outline" class="rounded-full">
+					<IconAi />
+					Create
+				</Button>
+			{/each}
+		</div>
+
+		<ul class="mt-2 flex flex-col gap-2">
+			{#each { length: 3 } as _, i (i)}
+				<li class={['py-2', i !== 2 && 'border-b']}>Hey AI, write me a poem</li>
+			{/each}
+		</ul>
+	</div>
+</div>