fix: next server fetch error (#374)

web/src/app/chat/components/input-box.tsx

@@ -15,7 +15,7 @@ import { Tooltip } from "~/components/deer-flow/tooltip";
 import { BorderBeam } from "~/components/magicui/border-beam";
 import { Button } from "~/components/ui/button";
 import { enhancePrompt } from "~/core/api";
-import { getConfig } from "~/core/api/config";
+import { useConfig } from "~/core/api/hooks";
 import type { Option, Resource } from "~/core/messages";
 import {
   setEnableDeepThinking,
@@ -52,7 +52,7 @@ export function InputBox({
   const backgroundInvestigation = useSettingsStore(
     (state) => state.general.enableBackgroundInvestigation,
   );
-  const reasoningModel = useMemo(() => getConfig().models.reasoning?.[0], []);
+  const { config, loading } = useConfig();
   const reportStyle = useSettingsStore((state) => state.general.reportStyle);
   const containerRef = useRef<HTMLDivElement>(null);
   const inputRef = useRef<MessageInputRef>(null);
@@ -203,13 +203,15 @@ export function InputBox({
             isEnhanceAnimating && "transition-all duration-500",
           )}
           ref={inputRef}
+          loading={loading}
+          config={config}
           onEnter={handleSendMessage}
           onChange={setCurrentPrompt}
         />
       </div>
       <div className="flex items-center px-4 py-2">
         <div className="flex grow gap-2">
-          {reasoningModel && (
+          {config?.models.reasoning?.[0] && (
             <Tooltip
               className="max-w-60"
               title={
@@ -219,7 +221,8 @@ export function InputBox({
                   </h3>
                   <p>
                     When enabled, DeerFlow will use reasoning model (
-                    {reasoningModel}) to generate more thoughtful plans.
+                    {config.models.reasoning?.[0]}) to generate more thoughtful
+                    plans.
                   </p>
                 </div>
               }