fixed heaer

web-app/src/components/ui/button/down-button.jsx

@@ -14,7 +14,7 @@ export default function DownButton({ onClick }) {
   return (
     <motion.button
       onClick={handleClick}
-      className="bg-gray-700 p-2 rounded-2xl file-input border-2 border-gray-600 size-10"
+      className="bg-gray-700 p-2 rounded-2xl file-input border-2 border-gray-600"
       whileHover={{ scale: 1.1 }}
       whileTap={{ scale: 0.9 }}
     >

web-app/src/components/ui/chat/chat-header.jsx

@@ -2,9 +2,12 @@ import React, { useMemo, useState } from "react";
 import { motion } from "motion/react";
 import { Rocket } from "lucide-react";
 import DeleteButton from "src/components/ui/button/delete-button";
-import SchematicButton from "../button/schematic-button";
+import FileList from "src/components/ui/file/file-list";
 
-export default function ChatHeader({ title = "Title of Chat", onDeleteAll }) {
+export default function ChatHeader({
+  title = "Schematic Spelunker",
+  onDeleteAll,
+}) {
   const isDebug = useMemo(() => {
     const p = new URLSearchParams(window.location.search);
     return p.get("debug") === "1";
@@ -34,25 +37,23 @@ export default function ChatHeader({ title = "Title of Chat", onDeleteAll }) {
     <div className="w-full flex justify-center">
       <header className="text-slate-100 fixed top-4 max-w-3xl w-full px-4">
         <div className="flex justify-between items-center gap-4">
-          <SchematicButton />
-          <div className="flex items-center gap-3">
-            <h1 className="text-lg font-semibold shadow-md shadow-indigo-600 bg-gray-900 px-6 py-2 rounded-4xl border-2 border-gray-800">
-              {title}
-            </h1>
-            <DeleteButton onClick={onDeleteAll} />
-            {isDebug && (
-              <motion.button
-                onClick={triggerDemoIngest}
-                className="bg-gray-800 border-2 border-gray-700 rounded-xl px-3 py-2 flex items-center gap-2"
-                whileHover={{ scale: 1.05 }}
-                whileTap={{ scale: 0.95 }}
-                disabled={ingesting}
-              >
-                <Rocket size={16} />
-                {ingesting ? "Seeding…" : "Seed Demo Data"}
-              </motion.button>
-            )}
-          </div>
+          <FileList />
+          <h1 className=" text-sm lg:text-lg font-semibold shadow-md shadow-indigo-600 bg-gray-900 px-6 py-2 rounded-4xl border-2 border-gray-800">
+            {title}
+          </h1>
+          <DeleteButton onClick={onDeleteAll} />
+          {isDebug && (
+            <motion.button
+              onClick={triggerDemoIngest}
+              className="bg-gray-800 border-2 border-gray-700 rounded-xl px-3 py-2 flex items-center gap-2"
+              whileHover={{ scale: 1.05 }}
+              whileTap={{ scale: 0.95 }}
+              disabled={ingesting}
+            >
+              <Rocket size={16} />
+              {ingesting ? "Seeding…" : "Seed Demo Data"}
+            </motion.button>
+          )}
         </div>
         {toast && (
           <div className="mt-2 text-xs text-slate-300 bg-gray-800/80 border border-gray-700 rounded px-2 py-1 inline-block">

web-app/src/components/ui/chat/message-input.jsx

@@ -23,7 +23,9 @@ export default function MessageInput({ onSend }) {
     <div className="w-full flex justify-center">
       <footer className="fixed bottom-6 max-w-3xl w-full px-4">
         <div className="flex flex-col gap-4">
-          <DownButton></DownButton>
+          <div>
+            <DownButton></DownButton>
+          </div>
           <form
             onSubmit={handleSubmit}
             className="bg-gray-900 rounded-2xl border-2 border-gray-800 shadow-lg shadow-indigo-600"