Initial commit: EGBE chatbot template

Stripped from vercel/chatbot (Apache 2.0):
- Dropped @vercel/* packages and AI Gateway
- Removed artifacts feature (code/text/sheet/image side panel)
- Switched AI provider to @ai-sdk/openai-compatible -> EGBE LiteLLM
- Replaced Vercel Blob upload with data URLs
- Dropped Redis resumable streams and rate limiter (in-memory now)
- Added Dockerfile (Next.js standalone) + entrypoint that runs migrations
- Wired DATABASE_URL, EGBE_AI_API_URL/KEY, NEXT_PUBLIC_BASE_URL for app-deploy.sh

components/chat/toast.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { type ReactNode, useEffect, useRef, useState } from "react";
+import { toast as sonnerToast } from "sonner";
+import { cn } from "@/lib/utils";
+import { CheckCircleFillIcon, WarningIcon } from "./icons";
+
+const iconsByType: Record<"success" | "error", ReactNode> = {
+  success: <CheckCircleFillIcon />,
+  error: <WarningIcon />,
+};
+
+export function toast(props: Omit<ToastProps, "id">) {
+  return sonnerToast.custom((id) => (
+    <Toast description={props.description} id={id} type={props.type} />
+  ));
+}
+
+function Toast(props: ToastProps) {
+  const { id, type, description } = props;
+
+  const descriptionRef = useRef<HTMLDivElement>(null);
+  const [multiLine, setMultiLine] = useState(false);
+
+  useEffect(() => {
+    const el = descriptionRef.current;
+    if (!el) {
+      return;
+    }
+
+    const update = () => {
+      const lineHeight = Number.parseFloat(getComputedStyle(el).lineHeight);
+      const lines = Math.round(el.scrollHeight / lineHeight);
+      setMultiLine(lines > 1);
+    };
+
+    update();
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+
+    return () => ro.disconnect();
+  }, []);
+
+  return (
+    <div className="flex toast-mobile:w-[356px] w-full justify-center">
+      <div
+        className={cn(
+          "flex toast-mobile:w-fit w-full flex-row gap-3 rounded-lg bg-card border border-border/50 shadow-[var(--shadow-float)] p-3",
+          multiLine ? "items-start" : "items-center"
+        )}
+        data-testid="toast"
+        key={id}
+      >
+        <div
+          className={cn(
+            "data-[type=error]:text-red-600 data-[type=success]:text-green-600",
+            { "pt-1": multiLine }
+          )}
+          data-type={type}
+        >
+          {iconsByType[type]}
+        </div>
+        <div className="text-sm text-foreground" ref={descriptionRef}>
+          {description}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+type ToastProps = {
+  id: string | number;
+  type: "success" | "error";
+  description: string;
+};