Revert "feat(ui): remove tool selection chips from below input area"

This reverts commit 059ec40845.

langgraph/src/main.tsx

@@ -19,6 +19,7 @@ import { useConversation } from "@/hooks/useConversation";
 import { useConfig } from "@/hooks/useConfig";
 import { ChatMessages } from "@/components/ChatMessages";
 import { ChatInput } from "@/components/ChatInput";
+import { ConfigPanel } from "@/components/ConfigPanel";
 
 const LANGGRAPH_URL =
   import.meta.env.VITE_LANGGRAPH_URL ?? "http://localhost:2024";
@@ -33,7 +34,7 @@ function App() {
   const [showScrollBtn, setShowScrollBtn] = useState(false);
   const isComposingRef = useRef(false);
 
-  const { activeTools, modelMode } = useConfig();
+  const { activeTools, setActiveTools, modelMode, setModelMode, toggleTool } = useConfig();
 
   const {
     threads, setThreads,
@@ -54,6 +55,8 @@ function App() {
   // Source label from card action buttons
   const [sourceLabel, setSourceLabel] = useState<string | null>(null);
 
+  const configPanelRef = useRef<HTMLDivElement>(null);
+
   // Pending retry tool name
   const pendingRetryToolRef = useRef<string | null>(null);
 
@@ -403,6 +406,17 @@ function App() {
             resetLoading={resetLoading}
           />
 
+          {/* Config panel */}
+          <ConfigPanel
+            configPanelRef={configPanelRef}
+            modelMode={modelMode}
+            setModelMode={setModelMode}
+            activeTools={activeTools}
+            setActiveTools={setActiveTools}
+            toggleTool={toggleTool}
+            activeMessages={activeMessages}
+          />
+
           {/* Stream status bar */}
           {concurrentStatus !== "idle" && (
             <div className="max-w-3xl mx-auto w-full px-5 mb-1">