diff --git a/frontend/src/components/thread/chat-input/chat-settings-dialog.tsx b/frontend/src/components/thread/chat-input/chat-settings-dialog.tsx index f6279b90..49ab99d4 100644 --- a/frontend/src/components/thread/chat-input/chat-settings-dialog.tsx +++ b/frontend/src/components/thread/chat-input/chat-settings-dialog.tsx @@ -14,6 +14,7 @@ import { Label } from '@/components/ui/label'; import { ModelSelector } from './model-selector'; import { SubscriptionStatus } from './_use-model-selection'; import { cn } from '@/lib/utils'; +import { BillingModal } from '@/components/billing/billing-modal'; interface ChatSettingsDialogProps { selectedModel: string; @@ -91,6 +92,13 @@ export function ChatSettingsDialog({ setBillingModalOpen={setBillingModalOpen} /> + {/* Billing Modal */} + +

Choose the AI model that best fits your needs. Premium models offer better performance.

diff --git a/frontend/src/components/thread/chat-input/message-input.tsx b/frontend/src/components/thread/chat-input/message-input.tsx index b5e5d731..dfb31b24 100644 --- a/frontend/src/components/thread/chat-input/message-input.tsx +++ b/frontend/src/components/thread/chat-input/message-input.tsx @@ -14,6 +14,7 @@ import { useFeatureFlag } from '@/lib/feature-flags'; import { TooltipContent } from '@/components/ui/tooltip'; import { Tooltip } from '@/components/ui/tooltip'; import { TooltipProvider, TooltipTrigger } from '@radix-ui/react-tooltip'; +import { BillingModal } from '@/components/billing/billing-modal'; interface MessageInputProps { value: string; @@ -200,6 +201,13 @@ export const MessageInput = forwardRef( /> )} + {/* Billing Modal */} + + = ({ mode={dialogMode} /> - {/* Billing Modal */} - - {paywallOpen && ( { + {/* Billing Modal */} + +