From 2e9cf65cccc9c90f4cf720a3236ffa1d68dd15fa Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Tue, 18 Nov 2025 21:22:44 -0800
Subject: [PATCH] Feat: Extract footer composer

---
 src/parts/footer.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 src/parts/footer.html

diff --git a/src/parts/footer.html b/src/parts/footer.html
new file mode 100644
index 0000000..9cf8f66
--- /dev/null
+++ b/src/parts/footer.html
@@ -0,0 +1,12 @@
+<footer id="footer" class="sticky bottom-0 z-10 bg-gradient-to-t from-white via-white/95 to-white/40 pt-2 pb-[calc(12px+var(--safe-bottom))] border-t border-gray-200">
+  <div class="mx-auto w-full max-w-none px-0">
+    <form id="composer" class="group relative flex items-start gap-2 px-3">
+      <textarea id="input" rows="1" placeholder="Send a message" spellcheck="false" autocapitalize="none" autocomplete="off" autocorrect="off" inputmode="text" enterkeyhint="enter" class="flex-1 resize-none rounded-2xl border-none bg-white px-3 py-2 text-[14px] leading-6 placeholder:text-gray-400 focus:outline-none focus:ring-0 max-h-52 overflow-y-auto min-h-[96px]"></textarea>
+      <div class="flex flex-col gap-2 self-stretch justify-center">
+        <button id="sendBtn" type="submit" aria-label="Send" class="shrink-0 rounded-2xl bg-black text-white h-10 w-10 inline-flex items-center justify-center shadow-sm hover:bg-black/90 active:scale-[.98] transition"><i data-lucide="sparkles" class="h-5 w-5"></i></button>
+        <button id="attachBtn" type="button" aria-label="Attach" class="relative shrink-0 rounded-2xl bg-gray-100 text-gray-900 h-10 w-10 inline-flex items-center justify-center shadow-sm hover:bg-gray-200 active:scale-[.98] transition"><i data-lucide="paperclip" class="h-5 w-5"></i><span id="attachBadge" class="hidden absolute -top-1 -right-1 h-4 min-w-4 px-1 rounded-full bg-black text-white text-[10px] leading-4 text-center"></span></button>
+      </div>
+      <input id="fileInput" type="file" class="hidden" multiple accept="image/png,image/jpeg,image/webp,image/gif,application/pdf,audio/wav,audio/x-wav,audio/mpeg,audio/mp3"/>
+    </form>
+  </div>
+</footer>