AI Prompt Input

1"use client";
2 
3import {
4  Check,
5  Globe,
6  Lightbulb,
7  Mic,
8  MoreHorizontal,
9  Paperclip,
10  Plus,
11  Send,
12  X,
13} from "lucide-react";
14import Image from "next/image";
15import { useCallback, useState } from "react";
16import { Button } from "@/registry/new-york/ui/button";
17import { Card, CardContent } from "@/registry/new-york/ui/card";
18import {
19  DropdownMenu,
20  DropdownMenuContent,
21  DropdownMenuItem,
22  DropdownMenuSeparator,
23  DropdownMenuTrigger,
24} from "@/registry/new-york/ui/dropdown-menu";
25import {
26  Popover,
27  PopoverContent,
28  PopoverTrigger,
29} from "@/registry/new-york/ui/popover";
30import {
31  Select,
32  SelectContent,
33  SelectItem,
34  SelectTrigger,
35  SelectValue,
36} from "@/registry/new-york/ui/select";
37import { Textarea } from "@/registry/new-york/ui/textarea";
38import { Toggle } from "@/registry/new-york/ui/toggle";
39import {
40  Tooltip,
41  TooltipContent,
42  TooltipProvider,
43  TooltipTrigger,
44} from "@/registry/new-york/ui/tooltip";
45 
46const mockUsers = [
47  {
48    id: "shadcn",
49    name: "shadcn",
50    avatar: "https://github.com/shadcn.png",
51  },
52  {
53    id: "preetsuthar17",
54    name: "preetsuthar17",
55    avatar: "https://github.com/preetsuthar17.png",
56  },
57  {
58    id: "evilrabbit",
59    name: "evilrabbit",
60    avatar: "https://github.com/evilrabbit.png",
61  },
62];
63 
64const mockPages = [
65  { id: "analytics-report", name: "Analytics Report", icon: "📊" },
66  { id: "technical-specs", name: "Technical Specs", icon: "📑" },
67  { id: "user-guide", name: "User Guide", icon: "💡" },
68  { id: "team-directory", name: "Team Directory", icon: "👥" },
69  { id: "attachments", name: "Attachments", icon: "📎" },
70  { id: "new-feature", name: "New Feature Plan", icon: "✨" },
71];
72 
73const models = [
74  { value: "claude-sonnet-4-preview", label: "Claude Sonnet 4 (Preview)" },
75  { value: "claude-sonnet-3.7", label: "Claude Sonnet 3.7" },
76  { value: "claude-sonnet-3.5", label: "Claude Sonnet 3.5" },
77  { value: "gemini-2.5-pro-preview", label: "Gemini 2.5 pro (Preview)" },
78  { value: "gpt-3.5-turbo", label: "GPT-3.5 Turbo" },
79  { value: "gpt-4", label: "GPT-4" },
80  { value: "gpt-4o", label: "GPT-4o" },
81  { value: "gpt-o4-mini", label: "o4-mini (Preview)" },
82];
83 
84const agentModes = [
85  { value: "auto", label: "Auto" },
86  { value: "agent", label: "Agent" },
87  { value: "plan", label: "Plan" },
88];
89 
90const hideScrollbar = {
91  msOverflowStyle: "none",
92  scrollbarWidth: "none" as const,
93} as React.CSSProperties;
94 
95interface ContextBadgeProps {
96  label: string;
97  icon?: string;
98// … truncated