From af30e379174e1fcb72b7ea45d4aeed80f7ad6f5d Mon Sep 17 00:00:00 2001
From: John Byrd <johnwbyrd@gmail.com>
Date: Sat, 16 Aug 2025 12:37:04 -0700
Subject: [PATCH 1/3] Permit changing the name of the application in the
 environment

---
 .env.example                    | 1 +
 src/app/layout.tsx              | 5 +++--
 src/components/thread/index.tsx | 5 +++--
 src/lib/app-config.ts           | 1 +
 src/providers/Stream.tsx        | 5 +++--
 5 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 src/lib/app-config.ts

diff --git a/.env.example b/.env.example
index a38138d3..f2418832 100644
--- a/.env.example
+++ b/.env.example
@@ -1,6 +1,7 @@
 # LangGraph Configuration
 NEXT_PUBLIC_API_URL=http://localhost:2024
 NEXT_PUBLIC_ASSISTANT_ID=agent
+NEXT_PUBLIC_APP_TITLE=Agent Chat
 # Do NOT prefix this with "NEXT_PUBLIC_" as we do not want this exposed in the client.
 LANGSMITH_API_KEY=
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index af31f8e5..817f594b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import "./globals.css";
 import { Inter } from "next/font/google";
 import React from "react";
 import { NuqsAdapter } from "nuqs/adapters/next/app";
+import { APP_TITLE } from "@/lib/app-config";
 
 const inter = Inter({
   subsets: ["latin"],
@@ -11,8 +12,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "Agent Chat",
-  description: "Agent Chat UX by LangChain",
+  title: APP_TITLE,
+  description: `${APP_TITLE} UX by LangChain`,
 };
 
 export default function RootLayout({
diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index d52a1594..0dd89853 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -46,6 +46,7 @@ import {
   ArtifactTitle,
   useArtifactContext,
 } from "./artifact";
+import { APP_TITLE } from "@/lib/app-config";
 
 function StickyToBottomContent(props: {
   content: ReactNode;
@@ -362,7 +363,7 @@ export function Thread() {
                     height={32}
                   />
                   <span className="text-xl font-semibold tracking-tight">
-                    Agent Chat
+                    {APP_TITLE}
                   </span>
                 </motion.button>
               </div>
@@ -435,7 +436,7 @@ export function Thread() {
                     <div className="flex items-center gap-3">
                       <LangGraphLogoSVG className="h-8 flex-shrink-0" />
                       <h1 className="text-2xl font-semibold tracking-tight">
-                        Agent Chat
+                        {APP_TITLE}
                       </h1>
                     </div>
                   )}
diff --git a/src/lib/app-config.ts b/src/lib/app-config.ts
new file mode 100644
index 00000000..d21dd2ea
--- /dev/null
+++ b/src/lib/app-config.ts
@@ -0,0 +1 @@
+export const APP_TITLE = process.env.NEXT_PUBLIC_APP_TITLE || "Agent Chat";
\ No newline at end of file
diff --git a/src/providers/Stream.tsx b/src/providers/Stream.tsx
index b6d0c091..3968847b 100644
--- a/src/providers/Stream.tsx
+++ b/src/providers/Stream.tsx
@@ -24,6 +24,7 @@ import { PasswordInput } from "@/components/ui/password-input";
 import { getApiKey } from "@/lib/api-key";
 import { useThreads } from "./Thread";
 import { toast } from "sonner";
+import { APP_TITLE } from "@/lib/app-config";
 
 export type StateType = { messages: Message[]; ui?: UIMessage[] };
 
@@ -169,11 +170,11 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
             <div className="flex flex-col items-start gap-2">
               <LangGraphLogoSVG className="h-7" />
               <h1 className="text-xl font-semibold tracking-tight">
-                Agent Chat
+                {APP_TITLE}
               </h1>
             </div>
             <p className="text-muted-foreground">
-              Welcome to Agent Chat! Before you get started, you need to enter
+              Welcome to {APP_TITLE}! Before you get started, you need to enter
               the URL of the deployment and the assistant / graph ID.
             </p>
           </div>

From b8115c85c57bc4bfa789077d0800db8bda4004e2 Mon Sep 17 00:00:00 2001
From: John Byrd <johnwbyrd@gmail.com>
Date: Sat, 16 Aug 2025 16:10:25 -0700
Subject: [PATCH 2/3] Add ability to disable file upload UI elements via .env
 setting

---
 .env.example                    |  2 ++
 README.md                       | 10 ++++++
 src/components/thread/index.tsx | 56 ++++++++++++++++++---------------
 src/lib/app-config.ts           |  5 ++-
 4 files changed, 47 insertions(+), 26 deletions(-)

diff --git a/.env.example b/.env.example
index f2418832..d252e131 100644
--- a/.env.example
+++ b/.env.example
@@ -2,6 +2,8 @@
 NEXT_PUBLIC_API_URL=http://localhost:2024
 NEXT_PUBLIC_ASSISTANT_ID=agent
 NEXT_PUBLIC_APP_TITLE=Agent Chat
+# File Upload Configuration - Default is enabled, set to 'false' to disable
+# NEXT_PUBLIC_ENABLE_FILE_UPLOAD=false
 # Do NOT prefix this with "NEXT_PUBLIC_" as we do not want this exposed in the client.
 LANGSMITH_API_KEY=
 
diff --git a/README.md b/README.md
index 6a0a74e3..142abcb5 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,16 @@ To use these variables:
 
 When these environment variables are set, the application will use them instead of showing the setup form.
 
+### File Upload Configuration
+
+You can control file upload functionality using the `NEXT_PUBLIC_ENABLE_FILE_UPLOAD` environment variable:
+
+- **Default behavior**: File uploads are **enabled** (upload button, drag & drop, paste functionality)
+- **To disable**: Set `NEXT_PUBLIC_ENABLE_FILE_UPLOAD=false` in your `.env` file
+- **Supported file types**: JPEG, PNG, GIF, WEBP images and PDF files
+
+When disabled, all file upload UI elements are hidden and file handling is disabled.
+
 ## Hiding Messages in the Chat
 
 You can control the visibility of messages within the Agent Chat UI in two main ways:
diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index 0dd89853..d2c070d4 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -46,7 +46,7 @@ import {
   ArtifactTitle,
   useArtifactContext,
 } from "./artifact";
-import { APP_TITLE } from "@/lib/app-config";
+import { APP_TITLE, ENABLE_FILE_UPLOAD } from "@/lib/app-config";
 
 function StickyToBottomContent(props: {
   content: ReactNode;
@@ -444,10 +444,10 @@ export function Thread() {
                   <ScrollToBottom className="animate-in fade-in-0 zoom-in-95 absolute bottom-full left-1/2 mb-4 -translate-x-1/2" />
 
                   <div
-                    ref={dropRef}
+                    ref={ENABLE_FILE_UPLOAD ? dropRef : null}
                     className={cn(
                       "bg-muted relative z-10 mx-auto mb-8 w-full max-w-3xl rounded-2xl shadow-xs transition-all",
-                      dragOver
+                      ENABLE_FILE_UPLOAD && dragOver
                         ? "border-primary border-2 border-dotted"
                         : "border border-solid",
                     )}
@@ -456,14 +456,16 @@ export function Thread() {
                       onSubmit={handleSubmit}
                       className="mx-auto grid max-w-3xl grid-rows-[1fr_auto] gap-2"
                     >
-                      <ContentBlocksPreview
-                        blocks={contentBlocks}
-                        onRemove={removeBlock}
-                      />
+                      {ENABLE_FILE_UPLOAD && (
+                        <ContentBlocksPreview
+                          blocks={contentBlocks}
+                          onRemove={removeBlock}
+                        />
+                      )}
                       <textarea
                         value={input}
                         onChange={(e) => setInput(e.target.value)}
-                        onPaste={handlePaste}
+                        onPaste={ENABLE_FILE_UPLOAD ? handlePaste : undefined}
                         onKeyDown={(e) => {
                           if (
                             e.key === "Enter" &&
@@ -497,23 +499,27 @@ export function Thread() {
                             </Label>
                           </div>
                         </div>
-                        <Label
-                          htmlFor="file-input"
-                          className="flex cursor-pointer items-center gap-2"
-                        >
-                          <Plus className="size-5 text-gray-600" />
-                          <span className="text-sm text-gray-600">
-                            Upload PDF or Image
-                          </span>
-                        </Label>
-                        <input
-                          id="file-input"
-                          type="file"
-                          onChange={handleFileUpload}
-                          multiple
-                          accept="image/jpeg,image/png,image/gif,image/webp,application/pdf"
-                          className="hidden"
-                        />
+                        {ENABLE_FILE_UPLOAD && (
+                          <>
+                            <Label
+                              htmlFor="file-input"
+                              className="flex cursor-pointer items-center gap-2"
+                            >
+                              <Plus className="size-5 text-gray-600" />
+                              <span className="text-sm text-gray-600">
+                                Upload PDF or Image
+                              </span>
+                            </Label>
+                            <input
+                              id="file-input"
+                              type="file"
+                              onChange={handleFileUpload}
+                              multiple
+                              accept="image/jpeg,image/png,image/gif,image/webp,application/pdf"
+                              className="hidden"
+                            />
+                          </>
+                        )}
                         {stream.isLoading ? (
                           <Button
                             key="stop"
diff --git a/src/lib/app-config.ts b/src/lib/app-config.ts
index d21dd2ea..8da16d22 100644
--- a/src/lib/app-config.ts
+++ b/src/lib/app-config.ts
@@ -1 +1,4 @@
-export const APP_TITLE = process.env.NEXT_PUBLIC_APP_TITLE || "Agent Chat";
\ No newline at end of file
+export const APP_TITLE = process.env.NEXT_PUBLIC_APP_TITLE || "Agent Chat";
+
+export const ENABLE_FILE_UPLOAD = 
+  process.env.NEXT_PUBLIC_ENABLE_FILE_UPLOAD?.toLowerCase() !== 'false';
\ No newline at end of file

From 3367693da074aea1d6b07159d6672f03479706f4 Mon Sep 17 00:00:00 2001
From: John Byrd <johnwbyrd@gmail.com>
Date: Sat, 16 Aug 2025 17:25:11 -0700
Subject: [PATCH 3/3] Use system apiUrl and asssistantId if provided

---
 src/providers/Thread.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/providers/Thread.tsx b/src/providers/Thread.tsx
index 759853f4..dc1e5750 100644
--- a/src/providers/Thread.tsx
+++ b/src/providers/Thread.tsx
@@ -34,8 +34,12 @@ function getThreadSearchMetadata(
 }
 
 export function ThreadProvider({ children }: { children: ReactNode }) {
-  const [apiUrl] = useQueryState("apiUrl");
-  const [assistantId] = useQueryState("assistantId");
+  const [apiUrl] = useQueryState("apiUrl", {
+    defaultValue: process.env.NEXT_PUBLIC_API_URL || "",
+  });
+  const [assistantId] = useQueryState("assistantId", {
+    defaultValue: process.env.NEXT_PUBLIC_ASSISTANT_ID || "",
+  });
   const [threads, setThreads] = useState<Thread[]>([]);
   const [threadsLoading, setThreadsLoading] = useState(false);