@greatapps/greatagents-ui 0.3.26 → 0.3.27

package/package.json

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

package/src/client/index.ts

@@ -250,6 +250,26 @@ export function createGagentsClient(config: GagentsClientConfig) {
         { provider },
       ),
 
+    // --- Publish ---
+    publishAgent: async (
+      idAccount: number,
+      agentId: number,
+      changeNotes?: string,
+    ): Promise<ApiResponse<{ version: number }>> => {
+      const url = buildUrl(idAccount, `agents/${agentId}/publish`);
+      const res = await fetch(url, {
+        method: "POST",
+        headers: {
+          Authorization: `Bearer ${token}`,
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ change_notes: changeNotes || "" }),
+      });
+      const json = (await res.json()) as ApiResponse<{ version: number }>;
+      if (json.status === 0 && !res.ok) throw new Error(json.message || "Erro ao publicar");
+      return json;
+    },
+
     // --- Capabilities ---
     getCapabilities: (idAccount: number) =>
       request<CapabilitiesResponse>("GET", idAccount, "capabilities"),

package/src/hooks/index.ts

@@ -2,7 +2,7 @@
 export { type GagentsHookConfig, useGagentsClient } from "./types";
 
 // Agents
-export { useAgents, useAgent, useCreateAgent, useUpdateAgent, useDeleteAgent } from "./use-agents";
+export { useAgents, useAgent, useCreateAgent, useUpdateAgent, usePublishAgent, useDeleteAgent } from "./use-agents";
 
 // Tools
 export { useTools, useTool, useCreateTool, useUpdateTool, useDeleteTool } from "./use-tools";

package/src/hooks/use-agents.ts

@@ -81,6 +81,26 @@ export function useUpdateAgent(config: GagentsHookConfig) {
   });
 }
 
+export function usePublishAgent(config: GagentsHookConfig) {
+  const queryClient = useQueryClient();
+  const client = useGagentsClient(config);
+
+  return useMutation({
+    mutationFn: async (variables: { id: number; changeNotes?: string }) => {
+      return client.publishAgent(Number(config.accountId), variables.id, variables.changeNotes);
+    },
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({ queryKey: ["greatagents", "agents"] });
+      queryClient.invalidateQueries({
+        queryKey: ["greatagents", "agent", config.accountId, variables.id],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["greatagents", "prompt-versions", config.accountId, variables.id],
+      });
+    },
+  });
+}
+
 export function useDeleteAgent(config: GagentsHookConfig) {
   const client = useGagentsClient(config);
   const queryClient = useQueryClient();

package/src/pages/agent-detail-page.tsx

@@ -1,10 +1,24 @@
 import { useState } from "react";
-import { useAgent } from "../hooks";
+import { useAgent, usePublishAgent } from "../hooks";
 import { AgentTabs } from "../components/agents/agent-tabs";
 import { AgentEditForm } from "../components/agents/agent-edit-form";
-import { Badge, Button, Skeleton } from "@greatapps/greatauth-ui/ui";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  Badge,
+  Button,
+  Input,
+  Skeleton,
+} from "@greatapps/greatauth-ui/ui";
 import { EntityAvatar } from "@greatapps/greatauth-ui";
-import { ArrowLeft, Pencil } from "lucide-react";
+import { ArrowLeft, Loader2, Pencil, Upload } from "lucide-react";
+import { toast } from "sonner";
 import type { GagentsHookConfig } from "../hooks/types";
 
 export interface AgentDetailPageProps {
@@ -21,7 +35,26 @@ export function AgentDetailPage({
   renderChatLink,
 }: AgentDetailPageProps) {
   const { data: agent, isLoading } = useAgent(config, agentId);
+  const publishAgent = usePublishAgent(config);
   const [editOpen, setEditOpen] = useState(false);
+  const [publishOpen, setPublishOpen] = useState(false);
+  const [publishNotes, setPublishNotes] = useState("");
+
+  async function handlePublish() {
+    if (!agent) return;
+    try {
+      const result = await publishAgent.mutateAsync({ id: agent.id, changeNotes: publishNotes.trim() });
+      setPublishOpen(false);
+      setPublishNotes("");
+      if (result.message?.includes("Sem alterações")) {
+        toast.info(result.message);
+      } else {
+        toast.success(result.message || "Agente publicado");
+      }
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : "Erro ao publicar agente");
+    }
+  }
 
   if (isLoading) {
     return (
@@ -80,15 +113,29 @@ export function AgentDetailPage({
             </div>
           </div>
 
-          <Button
-            variant="outline"
-            size="sm"
-            className="shrink-0 self-start"
-            onClick={() => setEditOpen(true)}
-          >
-            <Pencil className="mr-2 h-4 w-4" />
-            Editar
-          </Button>
+          <div className="flex gap-2 shrink-0 self-start">
+            <Button
+              variant="default"
+              size="sm"
+              onClick={() => setPublishOpen(true)}
+              disabled={publishAgent.isPending}
+            >
+              {publishAgent.isPending ? (
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              ) : (
+                <Upload className="mr-2 h-4 w-4" />
+              )}
+              Publicar
+            </Button>
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={() => setEditOpen(true)}
+            >
+              <Pencil className="mr-2 h-4 w-4" />
+              Editar
+            </Button>
+          </div>
         </div>
       </div>
 
@@ -107,6 +154,37 @@ export function AgentDetailPage({
           onOpenChange={setEditOpen}
         />
       )}
+
+      <AlertDialog open={publishOpen} onOpenChange={setPublishOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Publicar nova versão do agente?</AlertDialogTitle>
+            <AlertDialogDescription>
+              O prompt será actualizado com todas as configurações actuais e uma nova versão será criada.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <div className="py-2">
+            <Input
+              value={publishNotes}
+              onChange={(e) => setPublishNotes(e.target.value)}
+              placeholder="O que mudou? (opcional)"
+              onKeyDown={(e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  handlePublish();
+                }
+              }}
+            />
+          </div>
+          <AlertDialogFooter>
+            <AlertDialogCancel onClick={() => { setPublishNotes(""); }}>Cancelar</AlertDialogCancel>
+            <AlertDialogAction onClick={handlePublish} disabled={publishAgent.isPending}>
+              {publishAgent.isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+              Publicar
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
     </div>
   );
 }