Function ChatSection

website/src/components/Chat/ChatSection.tsx:14–39

({ chatId }: { chatId: string | null })

const ChatConfigSummary = dynamic(() => import("./ChatConfigSummary"), { ssr: false });

export const ChatSection = ({ chatId }: { chatId: string | null }) => {
  const { modelInfos } = useChatContext();

  console.assert(modelInfos.length > 0, "No model config was found");

  const form = useForm<ChatConfigFormData>({
    defaultValues: getConfigCache() ?? {
      ...modelInfos[0].parameter_configs[0].sampling_parameters,
      model_config_name: modelInfos[0].name,
    },
  });

  return (
    <FormProvider {...form}>
      <Card className="max-w-5xl mx-auto">
        <CardBody display="flex" flexDirection="column" gap="2">
          <ChatConversation chatId={chatId} key={chatId} />
          <ChatConfigSummary />
          <Divider />
          <InferencePoweredBy />
        </CardBody>
      </Card>
      <ChatConfigSaver />
    </FormProvider>
  );
};