@greatapps/greatagents-ui 0.2.1 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/greatagents-ui",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "Shared agents UI components for Great platform",
   "type": "module",
   "main": "./dist/index.js",

package/src/client/index.ts

@@ -81,15 +81,15 @@ export function createGagentsClient(config: GagentsClientConfig) {
     createAgent: (
       idAccount: number,
       body: Pick<Agent, "title"> &
-        Partial<Pick<Agent, "prompt" | "photo" | "delay_typing" | "waiting_time">>,
+        Partial<Pick<Agent, "photo" | "delay_typing" | "waiting_time">>,
     ) => request<Agent>("POST", idAccount, "agents", body),
 
     updateAgent: (
       idAccount: number,
       id: number,
       body: Partial<
-        Pick<Agent, "title" | "prompt" | "photo" | "delay_typing" | "waiting_time" | "active">
-      >,
+        Pick<Agent, "title" | "photo" | "delay_typing" | "waiting_time" | "active">
+      > & { prompt?: string; change_notes?: string },
     ) => request<Agent>("PUT", idAccount, `agents/${id}`, body),
 
     deleteAgent: (idAccount: number, id: number) =>

package/src/components/agents/agent-form-dialog.tsx

@@ -10,7 +10,7 @@ import {
   DialogFooter,
   Button,
   Input,
-  Textarea,
+
   Label,
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 } from "lucide-react";
@@ -34,7 +34,6 @@ export function AgentFormDialog({
   const updateAgent = useUpdateAgent(config);
 
   const [title, setTitle] = useState("");
-  const [prompt, setPrompt] = useState("");
   const [photo, setPhoto] = useState("");
   const [delayTyping, setDelayTyping] = useState("");
   const [waitingTime, setWaitingTime] = useState("");
@@ -43,13 +42,11 @@ export function AgentFormDialog({
   useEffect(() => {
     if (agent) {
       setTitle(agent.title);
-      setPrompt(agent.prompt || "");
       setPhoto(agent.photo || "");
       setDelayTyping(agent.delay_typing != null ? String(agent.delay_typing) : "");
       setWaitingTime(agent.waiting_time != null ? String(agent.waiting_time) : "");
     } else {
       setTitle("");
-      setPrompt("");
       setPhoto("");
       setDelayTyping("");
       setWaitingTime("");
@@ -66,7 +63,6 @@ export function AgentFormDialog({
     const body: Record<string, unknown> = {
       title: title.trim(),
     };
-    if (prompt.trim()) body.prompt = prompt.trim();
     if (photo.trim()) body.photo = photo.trim();
     if (delayTyping.trim()) body.delay_typing = Number(delayTyping);
     if (waitingTime.trim()) body.waiting_time = Number(waitingTime);
@@ -117,17 +113,6 @@ export function AgentFormDialog({
               disabled={isPending}
             />
           </div>
-          <div className="space-y-2">
-            <Label htmlFor="agent-prompt">Prompt do Sistema</Label>
-            <Textarea
-              id="agent-prompt"
-              value={prompt}
-              onChange={(e) => setPrompt(e.target.value)}
-              placeholder="Instruções para o agente AI..."
-              rows={6}
-              disabled={isPending}
-            />
-          </div>
           <div className="grid grid-cols-2 gap-4">
             <div className="space-y-2">
               <Label htmlFor="agent-delay">Delay de Digitação (ms)</Label>

package/src/components/agents/agent-prompt-editor.tsx

@@ -98,18 +98,33 @@ export function AgentPromptEditor({ config, agent }: AgentPromptEditorProps) {
   const { data: agentToolsData } = useAgentTools(config, agent.id);
   const { data: toolsData } = useTools(config);
 
+  const versions = (versionsData?.data || []) as PromptVersion[];
+  const sortedVersions = [...versions].sort(
+    (a, b) => new Date(b.datetime_add).getTime() - new Date(a.datetime_add).getTime(),
+  );
+  const currentVersion = sortedVersions.find((v) => v.is_current) || sortedVersions[0] || null;
+  const currentPromptContent = currentVersion?.prompt_content ?? "";
+
   const [trackedAgentId, setTrackedAgentId] = useState(agent.id);
-  const [promptText, setPromptText] = useState(agent.prompt || "");
+  const [promptText, setPromptText] = useState(currentPromptContent);
+  const [promptInitialized, setPromptInitialized] = useState(false);
   const [changeNotes, setChangeNotes] = useState("");
   const [showPreview, setShowPreview] = useState(false);
   const [compareVersionId, setCompareVersionId] = useState<number | null>(null);
 
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
+  // Initialize prompt text from current version when data loads
+  if (!promptInitialized && currentPromptContent && !isLoading) {
+    setPromptText(currentPromptContent);
+    setPromptInitialized(true);
+  }
+
   // Reset prompt text when agent changes
   if (trackedAgentId !== agent.id) {
     setTrackedAgentId(agent.id);
-    setPromptText(agent.prompt || "");
+    setPromptText(currentPromptContent);
+    setPromptInitialized(!!currentPromptContent);
     setCompareVersionId(null);
   }
 
@@ -142,13 +157,6 @@ export function AgentPromptEditor({ config, agent }: AgentPromptEditorProps) {
     }
   }
 
-  const versions = versionsData?.data || [];
-  const sortedVersions = [...versions].sort(
-    (a: PromptVersion, b: PromptVersion) =>
-      new Date(b.datetime_add).getTime() - new Date(a.datetime_add).getTime(),
-  );
-
-  const currentVersion = sortedVersions.length > 0 ? sortedVersions[0] : null;
   const compareVersion = sortedVersions.find((v) => v.id === compareVersionId);
 
   // Diff: always compare selected older version against current

package/src/pages/agents-page.tsx

@@ -21,7 +21,7 @@ export function AgentsPage({
   const [createOpen, setCreateOpen] = useState(false);
 
   return (
-    <div className="flex flex-col gap-4 p-4">
+    <div className="flex flex-col gap-4 p-4 md:p-6">
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-xl font-semibold">{title}</h1>

package/src/pages/credentials-page.tsx

@@ -25,7 +25,7 @@ export function CredentialsPage({
   const credentials = credentialsData?.data || [];
 
   return (
-    <div className="flex flex-col gap-4 p-4">
+    <div className="flex flex-col gap-4 p-4 md:p-6">
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-xl font-semibold">{title}</h1>

package/src/pages/tools-page.tsx

@@ -21,7 +21,7 @@ export function ToolsPage({
   const [editTool, setEditTool] = useState<Tool | undefined>(undefined);
 
   return (
-    <div className="flex flex-col gap-4 p-4">
+    <div className="flex flex-col gap-4 p-4 md:p-6">
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-xl font-semibold">{title}</h1>

package/src/types/index.ts

@@ -9,7 +9,6 @@ export interface Agent {
   id: number;
   id_account: number;
   title: string;
-  prompt: string | null;
   photo: string | null;
   external_token: string | null;
   openai_assistant_id: string | null;