luis.felipe/PromptLab-Front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor prompt history modal

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-29 14:47:34 +00:00
parent 42a8e0064f
commit f379ce17c9
1 changed files with 24 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/prompts/PromptHistoryDialog.tsx
+24 -40
View File
@@ -9,7 +9,7 @@ import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge"; import { Badge } from "@/components/ui/badge";
import { ScrollArea } from "@/components/ui/scroll-area"; import { ScrollArea } from "@/components/ui/scroll-area";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { GitBranch, Clock, User, FileText, Undo2 } from "lucide-react"; import { GitBranch, Clock, User, FileText } from "lucide-react";
interface PromptVersion { interface PromptVersion {
version: string; version: string;
@@ -93,11 +93,6 @@ export function PromptHistoryDialog({ open, onOpenChange, prompt }: PromptHistor
} }
}; };
const handleRestore = (version: string) => {
console.log("Restaurar versão:", version, "do prompt:", prompt?.id);
// Implementar lógica de restauração
};
if (!prompt) return null; if (!prompt) return null;
return ( return (
@@ -130,33 +125,21 @@ export function PromptHistoryDialog({ open, onOpenChange, prompt }: PromptHistor
</div> </div>
<div className="flex-1 space-y-3 pb-6"> <div className="flex-1 space-y-3 pb-6">
<div className="flex items-center justify-between"> <div className="flex items-center gap-2">
<div className="flex items-center gap-2"> <code className="text-sm font-mono font-semibold">
<code className="text-sm font-mono font-semibold"> v{version.version}
v{version.version} </code>
</code> <Badge variant={getVersionTypeColor(version.type)}>
<Badge variant={getVersionTypeColor(version.type)}> {getVersionTypeLabel(version.type)}
{getVersionTypeLabel(version.type)} </Badge>
{version.version === prompt.currentVersion && (
<Badge variant="outline" className="bg-primary/10">
Atual
</Badge> </Badge>
{version.version === prompt.currentVersion && (
<Badge variant="outline" className="bg-primary/10">
Atual
</Badge>
)}
</div>
{version.version !== prompt.currentVersion && (
<Button
size="sm"
variant="outline"
onClick={() => handleRestore(version.version)}
>
<Undo2 className="h-3 w-3 mr-2" />
Restaurar
</Button>
)} )}
</div> </div>
<div className="space-y-2"> <div className="space-y-3">
<div className="flex items-center gap-4 text-sm text-muted-foreground"> <div className="flex items-center gap-4 text-sm text-muted-foreground">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Clock className="h-3 w-3" /> <Clock className="h-3 w-3" />
@@ -173,17 +156,18 @@ export function PromptHistoryDialog({ open, onOpenChange, prompt }: PromptHistor
<p className="text-sm">{version.changeDescription}</p> <p className="text-sm">{version.changeDescription}</p>
</div> </div>
<details className="group"> <div className="space-y-2">
<summary className="cursor-pointer text-sm text-primary hover:underline list-none flex items-center gap-1"> <p className="text-xs font-medium text-muted-foreground uppercase">
<span className="group-open:rotate-90 transition-transform">▶</span> Conteúdo do Prompt
Ver conteúdo do prompt </p>
</summary> <ScrollArea className="h-[200px] w-full rounded-md border bg-muted/30">
<div className="mt-2 p-3 bg-muted rounded-lg"> <div className="p-4">
<pre className="text-xs font-mono whitespace-pre-wrap"> <p className="text-sm whitespace-pre-wrap leading-relaxed">
{version.systemPrompt} {version.systemPrompt}
</pre> </p>
</div> </div>
</details> </ScrollArea>
</div>
</div> </div>
</div> </div>
</div> </div>