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