@greatapps/greatagents-ui 0.3.16 → 0.3.18

package/dist/index.js

@@ -534,13 +534,16 @@ function useIntegrationState(config, agentId) {
       const matchedTool = tools.find((t) => t.slug === def.slug) ?? null;
       const matchedCredentials = matchedTool ? credentials.filter((c) => c.id_tool === matchedTool.id) : [];
       const piCredentials = credentials.filter(
-        (c) => c.id_platform_integration != null && !c.id_tool && // We can't directly match slug here since we don't have
-        // platform_integrations data, but credentials with
-        // id_platform_integration are for calendar integrations
-        // which match by the registry slug
-        matchedTool == null
+        (c) => c.id_platform_integration != null && !c.id_tool
       );
-      const allCredentials = matchedCredentials.length > 0 ? matchedCredentials : piCredentials;
+      const seenIds = /* @__PURE__ */ new Set();
+      const allCredentials = [];
+      for (const cred of [...matchedCredentials, ...piCredentials]) {
+        if (!seenIds.has(cred.id)) {
+          seenIds.add(cred.id);
+          allCredentials.push(cred);
+        }
+      }
       const linkedToAgent = matchedTool ? agentTools.some((at) => at.id_tool === matchedTool.id) : false;
       for (const cred of allCredentials) {
         const state = cred.status === "expired" ? "expired" : "connected";
@@ -1634,7 +1637,22 @@ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function slugify(text) {
   return text.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-var EMPTY_FORM = { title: "", slug: "", prompt: "" };
+var EMPTY_FORM = { title: "", slug: "", instruction: "", prompt: "" };
+function splitPrompt(prompt) {
+  if (!prompt) return { instruction: "", body: "" };
+  const idx = prompt.indexOf("\n");
+  if (idx === -1) return { instruction: prompt.trim(), body: "" };
+  return { instruction: prompt.slice(0, idx).trim(), body: prompt.slice(idx + 1).trim() };
+}
+function mergePrompt(instruction, body) {
+  const i = instruction.trim();
+  const b = body.trim();
+  if (!i && !b) return "";
+  if (!b) return i;
+  if (!i) return b;
+  return `${i}
+${b}`;
+}
 function AgentObjectivesList({ agent, config }) {
   const { data: objectivesData, isLoading } = useObjectives(config, agent.id);
   const createMutation = useCreateObjective(config);
@@ -1670,10 +1688,12 @@ function AgentObjectivesList({ agent, config }) {
   }
   function openEdit(objective) {
     setEditTarget(objective);
+    const { instruction, body } = splitPrompt(objective.prompt);
     setForm({
       title: objective.title,
       slug: objective.slug || "",
-      prompt: objective.prompt || ""
+      instruction,
+      prompt: body
     });
     setSlugManual(true);
     setFormOpen(true);
@@ -1681,6 +1701,7 @@ function AgentObjectivesList({ agent, config }) {
   async function handleSubmit() {
     if (!form.title.trim()) return;
     const effectiveSlug = form.slug.trim() || slugify(form.title);
+    const mergedPrompt = mergePrompt(form.instruction, form.prompt) || null;
     const nextOrder = sortedObjectives.length > 0 ? Math.max(...sortedObjectives.map((o) => o.order)) + 1 : 1;
     try {
       if (editTarget) {
@@ -1690,7 +1711,7 @@ function AgentObjectivesList({ agent, config }) {
           body: {
             title: form.title.trim(),
             slug: effectiveSlug,
-            prompt: form.prompt.trim() || null
+            prompt: mergedPrompt
           }
         });
         toast4.success("Objetivo atualizado");
@@ -1700,7 +1721,7 @@ function AgentObjectivesList({ agent, config }) {
           body: {
             title: form.title.trim(),
             slug: effectiveSlug,
-            prompt: form.prompt.trim() || null,
+            prompt: mergedPrompt,
             order: nextOrder
           }
         });
@@ -1785,7 +1806,16 @@ function AgentObjectivesList({ agent, config }) {
                     /* @__PURE__ */ jsx5("span", { className: "truncate font-medium", children: objective.title }),
                     objective.slug && /* @__PURE__ */ jsx5(Badge2, { variant: "secondary", className: "shrink-0 text-xs font-mono", children: objective.slug })
                   ] }),
-                  objective.prompt && /* @__PURE__ */ jsx5("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: objective.prompt })
+                  objective.prompt && (() => {
+                    const { instruction, body } = splitPrompt(objective.prompt);
+                    return /* @__PURE__ */ jsxs4("div", { className: "space-y-0.5", children: [
+                      instruction && /* @__PURE__ */ jsxs4("p", { className: "text-xs font-medium text-muted-foreground", children: [
+                        "Quando: ",
+                        instruction
+                      ] }),
+                      body && /* @__PURE__ */ jsx5("p", { className: "line-clamp-1 text-xs text-muted-foreground", children: body })
+                    ] });
+                  })()
                 ] }),
                 /* @__PURE__ */ jsx5(
                   Switch3,
@@ -1874,7 +1904,21 @@ function AgentObjectivesList({ agent, config }) {
           /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente. Usado pelo agente para identificar o objetivo." })
         ] }),
         /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx5(Label3, { htmlFor: "objective-prompt", children: "Instru\xE7\xF5es do Objetivo" }),
+          /* @__PURE__ */ jsx5(Label3, { htmlFor: "objective-instruction", children: "Quando ativar (instru\xE7\xE3o curta) *" }),
+          /* @__PURE__ */ jsx5(
+            Input4,
+            {
+              id: "objective-instruction",
+              name: "instruction",
+              value: form.instruction,
+              onChange: (e) => setForm((f) => ({ ...f, instruction: e.target.value })),
+              placeholder: "Ex: Quando o utilizador quer agendar uma consulta"
+            }
+          ),
+          /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "Instru\xE7\xE3o curta que diz ao agente QUANDO ativar este objetivo. Aparece na sec\xE7\xE3o [SKILLS] do prompt." })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx5(Label3, { htmlFor: "objective-prompt", children: "Instru\xE7\xF5es detalhadas" }),
           /* @__PURE__ */ jsx5(
             Textarea,
             {
@@ -1882,11 +1926,11 @@ function AgentObjectivesList({ agent, config }) {
               name: "prompt",
               value: form.prompt,
               onChange: (e) => setForm((f) => ({ ...f, prompt: e.target.value })),
-              placeholder: "Instru\\u00e7\\u00f5es detalhadas que o agente seguir\\u00e1 quando este objetivo for ativado\\u2026",
-              rows: 8
+              placeholder: "Instru\xE7\xF5es detalhadas que o agente seguir\xE1 quando este objetivo for ativado...",
+              rows: 6
             }
           ),
-          /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "Estas instru\xE7\xF5es s\xE3o carregadas automaticamente quando o agente detecta que o utilizador precisa deste objetivo." })
+          /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "Passos, regras e contexto detalhado para o agente seguir quando este objetivo est\xE1 ativo." })
         ] })
       ] }),
       /* @__PURE__ */ jsxs4(DialogFooter3, { children: [
@@ -1974,56 +2018,36 @@ function computeDiff(oldText, newText) {
 }
 function buildPreview(promptText, objectives, agentTools, allTools) {
   let preview = promptText;
-  const activeObjectives = objectives.filter((o) => o.active);
+  const activeObjectives = objectives.filter((o) => o.active && o.slug);
   const enabledAgentTools = agentTools.filter((at) => at.enabled);
   const toolMap = new Map(allTools.map((t) => [t.id, t]));
-  const capabilityTools = [];
-  const integrationTools = [];
-  for (const at of enabledAgentTools) {
-    const tool = toolMap.get(at.id_tool);
-    if (!tool) continue;
-    if (tool.type === "integration") {
-      integrationTools.push({ at, tool });
-    } else {
-      capabilityTools.push({ at, tool });
+  if (activeObjectives.length > 0) {
+    preview += "\n\n[SKILLS]";
+    for (const obj of activeObjectives) {
+      preview += `
+- ${obj.slug}: ${obj.title}`;
+      if (obj.prompt) {
+        const firstLine = obj.prompt.split("\n")[0].trim();
+        if (firstLine) preview += ` \u2014 ${firstLine}`;
+      }
     }
   }
-  const hasContent = activeObjectives.length > 0 || capabilityTools.length > 0 || integrationTools.length > 0;
-  if (hasContent) {
-    preview += "\n\n[CAPACIDADES E INTEGRA\xC7\xD5ES]";
-    if (activeObjectives.length > 0 || capabilityTools.length > 0) {
-      preview += "\n\n## Capacidades Internas (GClinic)";
-      for (const obj of activeObjectives) {
+  const toolBindings = enabledAgentTools.map((at) => ({ at, tool: toolMap.get(at.id_tool) })).filter((x) => !!x.tool);
+  if (toolBindings.length > 0) {
+    preview += "\n\n[TOOLS]";
+    for (const { at, tool } of toolBindings) {
+      if (at.custom_instructions) {
         preview += `
 
-### ${obj.title} (${obj.slug})`;
-        if (obj.prompt) preview += `
-${obj.prompt}`;
-      }
-      for (const { at, tool } of capabilityTools) {
+${at.custom_instructions}`;
+      } else {
         preview += `
 
 ### ${tool.name} (${tool.slug})`;
         if (tool.description) preview += `
 ${tool.description}`;
-        if (at.custom_instructions) preview += `
-${at.custom_instructions}`;
       }
     }
-    if (integrationTools.length > 0) {
-      preview += "\n\n## Integra\xE7\xF5es Externas";
-      for (const { at, tool } of integrationTools) {
-        preview += `
-
-### ${tool.name} (${tool.slug})`;
-        if (at.custom_instructions) preview += `
-${at.custom_instructions}`;
-      }
-    }
-    preview += "\n\n## Regras";
-    preview += "\n- Sempre confirme com o usu\xE1rio antes de criar ou alterar registros.";
-    preview += "\n- Nunca invente dados \u2014 sempre consulte primeiro.";
-    preview += "\n- Use EXATAMENTE os nomes de fun\xE7\xE3o listados acima.";
   }
   return preview;
 }
@@ -2186,7 +2210,7 @@ function AgentPromptEditor({ config, agent }) {
           }
         ),
         showPreview && /* @__PURE__ */ jsx6("div", { className: "border-t px-4 py-3", children: /* @__PURE__ */ jsx6("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap font-mono text-sm leading-relaxed", children: previewText.split("\n").map((line, i) => {
-          const isTopSection = line.startsWith("[CAPACIDADES E INTEGRA\xC7\xD5ES]");
+          const isTopSection = line.startsWith("[TOOLS]") || line.startsWith("[SKILLS]");
           const isH2 = line.startsWith("## ");
           const isH3 = line.startsWith("### ");
           const cls = isTopSection ? "font-bold text-foreground" : isH2 ? "font-semibold text-muted-foreground" : isH3 ? "font-medium text-muted-foreground" : "";
@@ -2634,9 +2658,11 @@ function cloneInstructions(state) {
   return next;
 }
 function statesEqual(a, b) {
-  if (a.size !== b.size) return false;
-  for (const [mod, opsA] of a) {
-    const opsB = b.get(mod);
+  const aEffective = new Map([...a].filter(([, ops]) => ops.size > 0));
+  const bEffective = new Map([...b].filter(([, ops]) => ops.size > 0));
+  if (aEffective.size !== bEffective.size) return false;
+  for (const [mod, opsA] of aEffective) {
+    const opsB = bEffective.get(mod);
     if (!opsB || opsA.size !== opsB.size) return false;
     for (const op of opsA) {
       if (!opsB.has(op)) return false;
@@ -2644,11 +2670,11 @@ function statesEqual(a, b) {
   }
   return true;
 }
-function instructionsEqual(a, b) {
-  if (a.size !== b.size) return false;
-  for (const [mod, instrA] of a) {
-    const instrB = b.get(mod);
-    if (!instrB) return false;
+function instructionsEqual(a, b, activeModules) {
+  const relevantModules = new Set([...activeModules.keys()].filter((k) => (activeModules.get(k)?.size ?? 0) > 0));
+  for (const mod of relevantModules) {
+    const instrA = a.get(mod) ?? {};
+    const instrB = b.get(mod) ?? {};
     const keysA = Object.keys(instrA);
     const keysB = Object.keys(instrB);
     if (keysA.length !== keysB.length) return false;
@@ -2656,6 +2682,13 @@ function instructionsEqual(a, b) {
       if (instrA[k] !== instrB[k]) return false;
     }
   }
+  for (const mod of relevantModules) {
+    const instrA = a.get(mod);
+    const instrB = b.get(mod);
+    const hasA = instrA && Object.keys(instrA).length > 0;
+    const hasB = instrB && Object.keys(instrB).length > 0;
+    if (hasA !== hasB) return false;
+  }
   return true;
 }
 function CapabilitiesTab({ config, agentId }) {
@@ -2682,7 +2715,7 @@ function CapabilitiesTab({ config, agentId }) {
     setInitialized(false);
   }, [agentId]);
   const hasChanges = useMemo5(
-    () => initialized && (!statesEqual(localState, serverState) || !instructionsEqual(localInstructions, serverInstructions)),
+    () => initialized && (!statesEqual(localState, serverState) || !instructionsEqual(localInstructions, serverInstructions, localState)),
     [localState, serverState, localInstructions, serverInstructions, initialized]
   );
   const updateState = useCallback4(
@@ -2982,11 +3015,8 @@ function buildCustomInstructions(integrationSlug, selectedFunctions, functionIns
     const instruction = functionInstructions[f.slug] || f.defaultInstructions;
     return `- ${f.slug}: ${instruction}`;
   });
-  return `Voc\xEA tem acesso \xE0 integra\xE7\xE3o ${integrationSlug}.
-Fun\xE7\xF5es dispon\xEDveis:
-${lines.join("\n")}
-
-Use EXATAMENTE os nomes de fun\xE7\xE3o listados acima.`;
+  return `Fun\xE7\xF5es dispon\xEDveis (${integrationSlug}):
+${lines.join("\n")}`;
 }
 function IntegrationsTab({
   config,
@@ -5624,6 +5654,8 @@ function IntegrationsManagementPage({
     queryClient.invalidateQueries({ queryKey: ["greatagents", "tool-credentials"] });
     queryClient.invalidateQueries({ queryKey: ["greatagents", "tools"] });
     queryClient.invalidateQueries({ queryKey: ["greatagents", "agent-tools"] });
+    queryClient.invalidateQueries({ queryKey: ["greatagents", "agent-capabilities"] });
+    queryClient.invalidateQueries({ queryKey: ["greatagents", "capabilities"] });
     setWizardOpen(false);
     setActiveCard(null);
     onWizardComplete?.();