CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(ai-bot): add Ctrl+Enter support and tooltip for message submission
Some checks failed
Build & Push Judge4c Docker Image / build-and-push-judge4c-docker-image (., Dockerfile, judge4c) (push) Failing after 0s
Details

Browse Source
This commit is contained in:
cfngc4594 2025-03-27 15:17:36 +08:00
parent e1ce93346a
commit 95eed59c26
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/(app)/problems/[id]/@ai/@bot/page.tsx
View File

@ -1,5 +1,6 @@
"use client"; "use client";
import { toast } from "sonner";
import { useCallback } from "react"; import { useCallback } from "react";
import { useChat } from "@ai-sdk/react"; import { useChat } from "@ai-sdk/react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -10,6 +11,7 @@ import { BotIcon, SendHorizonal } from "lucide-react";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"; import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { ChatMessageList } from "@/components/ui/chat/chat-message-list"; import { ChatMessageList } from "@/components/ui/chat/chat-message-list";
import { ChatBubble, ChatBubbleMessage } from "@/components/ui/chat/chat-bubble"; import { ChatBubble, ChatBubbleMessage } from "@/components/ui/chat/chat-bubble";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
export default function AiBotPage() { export default function AiBotPage() {
const { problemId, problem, currentLang, currentValue } = useProblem(); const { problemId, problem, currentLang, currentValue } = useProblem();
@ -70,12 +72,34 @@ export default function AiBotPage() {
<Textarea <Textarea
value={input} value={input}
onChange={handleInputChange} onChange={handleInputChange}
onKeyDown={(e) => {
if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
e.preventDefault();
if (input.trim()) {
handleFormSubmit(e);
} else {
toast.error("Input cannot be empty");
}
}
}}
className="h-full bg-muted border-transparent shadow-none rounded-lg" className="h-full bg-muted border-transparent shadow-none rounded-lg"
placeholder="Bot will automatically get your current code" placeholder="Bot will automatically get your current code"
/> />
<Button type="submit" variant="ghost" className="absolute bottom-6 right-6 h-6 w-auto px-2" aria-label="Send Message"> <TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button
type="submit"
variant="ghost"
className="absolute bottom-6 right-6 h-6 w-auto px-2"
aria-label="Send Message"
>
<SendHorizonal className="size-4" /> <SendHorizonal className="size-4" />
</Button> </Button>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">Ctrl + Enter</TooltipContent>
</Tooltip>
</TooltipProvider>
</form> </form>
</footer> </footer>
</div> </div>