refactor(free-chat): remove FreeModelSelector from FreeChatPage and integrate it into FreeComposer for improved layout consistency

This commit is contained in:
Anish Sarkar 2026-06-13 16:31:03 +05:30
parent 76843f42f1
commit 01cb4f281e
2 changed files with 3 additions and 6 deletions

View file

@ -35,7 +35,6 @@ import {
} from "@/lib/chat/streaming-state"; } from "@/lib/chat/streaming-state";
import { BACKEND_URL } from "@/lib/env-config"; import { BACKEND_URL } from "@/lib/env-config";
import { trackAnonymousChatMessageSent } from "@/lib/posthog/events"; import { trackAnonymousChatMessageSent } from "@/lib/posthog/events";
import { FreeModelSelector } from "./free-model-selector";
import { FreeThread } from "./free-thread"; import { FreeThread } from "./free-thread";
import { RemoveAdsBanner } from "./remove-ads-banner"; import { RemoveAdsBanner } from "./remove-ads-banner";
@ -499,10 +498,6 @@ export function FreeChatPage() {
<TimelineDataUI /> <TimelineDataUI />
<StepSeparatorDataUI /> <StepSeparatorDataUI />
<div className="flex h-full flex-col overflow-hidden"> <div className="flex h-full flex-col overflow-hidden">
<div className="flex h-14 shrink-0 items-center justify-between border-b border-border/40 px-4">
<FreeModelSelector />
</div>
<RemoveAdsBanner /> <RemoveAdsBanner />
{captchaRequired && TURNSTILE_SITE_KEY && ( {captchaRequired && TURNSTILE_SITE_KEY && (

View file

@ -13,6 +13,7 @@ import { useAnonymousMode } from "@/contexts/anonymous-mode";
import { useLoginGate } from "@/contexts/login-gate"; import { useLoginGate } from "@/contexts/login-gate";
import { anonymousChatApiService } from "@/lib/apis/anonymous-chat-api.service"; import { anonymousChatApiService } from "@/lib/apis/anonymous-chat-api.service";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { FreeModelSelector } from "./free-model-selector";
const ANON_ALLOWED_EXTENSIONS = new Set([ const ANON_ALLOWED_EXTENSIONS = new Set([
".md", ".md",
@ -227,7 +228,8 @@ export const FreeComposer: FC = () => {
</Tooltip> </Tooltip>
</div> </div>
<div className="flex items-center gap-1"> <div className="flex min-w-0 items-center gap-1">
<FreeModelSelector className="h-8 max-w-[44vw] px-2 sm:max-w-[220px] sm:px-3" />
{!isRunning ? ( {!isRunning ? (
<ComposerPrimitive.Send asChild> <ComposerPrimitive.Send asChild>
<TooltipIconButton tooltip="Send" variant="default" className="size-8 rounded-full"> <TooltipIconButton tooltip="Send" variant="default" className="size-8 rounded-full">