feat: welcome, again

frontend/src/components/workspace/input-box.tsx

@@ -12,6 +12,7 @@ import {
   PromptInputBody,
   PromptInputButton,
   PromptInputFooter,
+  PromptInputHeader,
   PromptInputSubmit,
   PromptInputTextarea,
   type PromptInputMessage,
@@ -45,6 +46,7 @@ export function InputBox({
   autoFocus,
   status = "ready",
   context,
+  showWelcome = false,
   onContextChange,
   onSubmit,
   onStop,
@@ -53,6 +55,7 @@ export function InputBox({
   assistantId?: string | null;
   status?: ChatStatus;
   context: Omit<AgentThreadContext, "thread_id">;
+  showWelcome?: boolean;
   onContextChange?: (context: Omit<AgentThreadContext, "thread_id">) => void;
   onSubmit?: (message: PromptInputMessage) => void;
   onStop?: () => void;
@@ -94,7 +97,7 @@ export function InputBox({
   return (
     <PromptInput
       className={cn(
-        "bg-background/50 rounded-2xl drop-shadow-2xl backdrop-blur-sm transition-all duration-300 ease-out *:data-[slot='input-group']:rounded-2xl",
+        "bg-background/50 rounded-2xl backdrop-blur-sm transition-all duration-300 ease-out *:data-[slot='input-group']:rounded-2xl",
         "focus-within:bg-background/85 h-48 translate-y-14 overflow-hidden",
         className,
       )}

frontend/src/components/workspace/welcome.tsx

@@ -0,0 +1,25 @@
+import { cn } from "@/lib/utils";
+
+export function Welcome({ className }: { className?: string }) {
+  return (
+    <div
+      className={cn(
+        "mx-auto flex w-full flex-col items-center justify-center gap-2 px-8 py-4 text-center",
+        className,
+      )}
+    >
+      <div className="text-2xl font-bold">👋 Hello, again!</div>
+      <div className="text-muted-foreground text-sm">
+        <p>
+          Welcome to 🦌 DeerFlow, an open source super agent. With built-in and
+          custom
+        </p>
+        <p>
+          skills, DeerFlow helps you search on the web, analyze data, and
+          generate
+        </p>{" "}
+        <p>artifacts like slides, web pages and do almost anything.</p>
+      </div>
+    </div>
+  );
+}