feat: v1 — persistent shell, model gateway, artifact improvements (#1462)

components/chat/greeting.tsx

@@ -0,0 +1,24 @@
+import { motion } from "framer-motion";
+
+export const Greeting = () => {
+  return (
+    <div className="flex flex-col items-center px-4" key="overview">
+      <motion.div
+        animate={{ opacity: 1, y: 0 }}
+        className="text-center font-semibold text-2xl tracking-tight text-foreground md:text-3xl"
+        initial={{ opacity: 0, y: 10 }}
+        transition={{ delay: 0.35, duration: 0.5, ease: [0.22, 1, 0.36, 1] }}
+      >
+        What can I help with?
+      </motion.div>
+      <motion.div
+        animate={{ opacity: 1, y: 0 }}
+        className="mt-3 text-center text-muted-foreground/80 text-sm"
+        initial={{ opacity: 0, y: 10 }}
+        transition={{ delay: 0.5, duration: 0.5, ease: [0.22, 1, 0.36, 1] }}
+      >
+        Ask a question, write code, or explore ideas.
+      </motion.div>
+    </div>
+  );
+};