@greatapps/greatagents-ui 0.3.25 → 0.3.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/greatagents-ui",
-  "version": "0.3.25",
+  "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/components/agents/agent-revision-tab.tsx

@@ -6,12 +6,8 @@ import {
   Button,
   Badge,
   Skeleton,
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
 } from "@greatapps/greatauth-ui/ui";
-import { FileText, RotateCcw, X, AlertTriangle } from "lucide-react";
+import { FileText, RotateCcw, X } from "lucide-react";
 import { toast } from "sonner";
 
 interface AgentRevisionTabProps {
@@ -19,7 +15,6 @@ interface AgentRevisionTabProps {
   config: GagentsHookConfig;
 }
 
-const STRUCTURED_MARKERS = ["[IDENTIDADE]", "[MISSÃO]", "[TOM, ESTILO & FORMATO]"];
 
 function formatDate(dateStr: string): string {
   const date = new Date(dateStr);
@@ -107,16 +102,10 @@ function buildAssembledPrompt(agent: Agent): string {
   return sections.join("\n\n");
 }
 
-function isLegacyVersion(version: PromptVersion): boolean {
-  const content = version.prompt_content ?? "";
-  return !STRUCTURED_MARKERS.some((marker) => content.includes(marker));
-}
-
 export function AgentRevisionTab({ agent, config }: AgentRevisionTabProps) {
   const { data: versionsData, isLoading } = usePromptVersions(config, agent.id);
 
   const [compareVersionId, setCompareVersionId] = useState<number | null>(null);
-  const [legacyModalVersion, setLegacyModalVersion] = useState<PromptVersion | null>(null);
 
   const versions = (versionsData?.data || []) as PromptVersion[];
   const sortedVersions = [...versions].sort(
@@ -143,12 +132,8 @@ export function AgentRevisionTab({ agent, config }: AgentRevisionTabProps) {
       ? computeDiff(compareVersion.prompt_content ?? "", currentVersion.prompt_content ?? "")
       : null;
 
-  function handleRestore(version: PromptVersion) {
-    if (isLegacyVersion(version)) {
-      setLegacyModalVersion(version);
-    } else {
-      toast.info("Restaurar versão estruturada — funcionalidade em desenvolvimento");
-    }
+  function handleRestore(_version: PromptVersion) {
+    toast.info("Restaurar versão — funcionalidade em desenvolvimento");
   }
 
   if (isLoading) {
@@ -319,50 +304,6 @@ export function AgentRevisionTab({ agent, config }: AgentRevisionTabProps) {
         )}
       </div>
 
-      {/* Legacy version modal */}
-      <Dialog
-        open={!!legacyModalVersion}
-        onOpenChange={(open) => {
-          if (!open) setLegacyModalVersion(null);
-        }}
-      >
-        <DialogContent className="max-w-2xl">
-          <DialogHeader>
-            <DialogTitle className="flex items-center gap-2">
-              <AlertTriangle className="h-5 w-5 text-amber-500" />
-              Versão Legada — v{legacyModalVersion?.version_number}
-            </DialogTitle>
-          </DialogHeader>
-          <div className="space-y-3">
-            <div className="rounded-lg border border-amber-500/30 bg-amber-500/5 p-3">
-              <p className="text-sm text-amber-700 dark:text-amber-400">
-                Esta versão foi criada antes da reestruturação e não pode ser restaurada nos campos estruturados.
-              </p>
-            </div>
-            <div className="max-h-96 overflow-auto rounded-lg border p-4">
-              <pre className="whitespace-pre-wrap font-mono text-sm leading-relaxed">
-                {legacyModalVersion?.prompt_content ?? ""}
-              </pre>
-            </div>
-            <div className="flex items-center gap-3 text-xs text-muted-foreground">
-              <span>
-                {(legacyModalVersion?.prompt_content ?? "").length.toLocaleString("pt-BR")} caracteres
-              </span>
-              {legacyModalVersion?.change_notes && (
-                <>
-                  <span>·</span>
-                  <span className="italic">{legacyModalVersion.change_notes}</span>
-                </>
-              )}
-            </div>
-          </div>
-          <div className="flex justify-end pt-2">
-            <Button variant="outline" onClick={() => setLegacyModalVersion(null)}>
-              Fechar
-            </Button>
-          </div>
-        </DialogContent>
-      </Dialog>
     </div>
   );
 }

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>
   );
 }