Add favicon support and update Open Graph/Twitter meta tags

fix/modelos de IA
integracao-core
2026-01-15 10:09:21 -03:00 · 2025-11-19 13:21:02 -03:00 · 2025-11-14 17:17:30 -03:00
24 changed files with 593 additions and 70 deletions
@@ -1,3 +1,19 @@
-VITE_ESTABELECIMENTO_ID=27
-VITE_USER_EMAIL=your-email@example.com
+# API Configuration
+# Base URL da API do HGTX
 VITE_API_BASE_URL=https://prod-hgtx-intelligence-n8n.hgtx.com.br
+VITE_BASE_URL_HGTX_CORE_API=https://core-api.hgtx.com.br/api/
+VITE_BASE_URL_HGTX_CORE=https://core.hgtx.com.br/
+
+# API Key para autenticação
+# IMPORTANTE: Mantenha esta chave segura e não compartilhe publicamente
+VITE_API_KEY=zp01m-pmn5q-0l2eg-aj5vy
+
+# User Configuration
+# Configure com os dados do usuário/estabelecimento
+VITE_USER_EMAIL=suporte@hightechx.com
+VITE_ESTABELECIMENTO_ID=27
+
+# Instruções:
+# 1. Copie este arquivo para .env
+# 2. Substitua os valores acima com as configurações reais
+# 3. NUNCA commite o arquivo .env no git
@@ -0,0 +1,19 @@
+# API Configuration
+# Base URL da API do HGTX
+VITE_API_BASE_URL=https://prod-hgtx-intelligence-n8n.hgtx.com.br
+VITE_BASE_URL_HGTX_CORE_API=https://core-api.hgtx.com.br/api/
+VITE_BASE_URL_HGTX_CORE=https://core.hgtx.com.br/
+
+# API Key para autenticação
+# IMPORTANTE: Mantenha esta chave segura e não compartilhe publicamente
+VITE_API_KEY=zp01m-pmn5q-0l2eg-aj5vy
+
+# User Configuration
+# Configure com os dados do usuário/estabelecimento
+VITE_USER_EMAIL=suporte@hightechx.com
+VITE_ESTABELECIMENTO_ID=1
+
+# Instruções:
+# 1. Copie este arquivo para .env
+# 2. Substitua os valores acima com as configurações reais
+# 3. NUNCA commite o arquivo .env no git
@@ -2,6 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/ficon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>HGTX PromptLab - Laboratório de Prompts de IA</title>
    <meta name="description" content="Crie, edite, teste e versione prompts para agentes de IA de forma profissional e eficiente" />
@@ -13,11 +14,11 @@
    <meta property="og:title" content="HGTX PromptLab - Laboratório de Prompts de IA" />
    <meta property="og:description" content="Crie, edite, teste e versione prompts para agentes de IA de forma profissional e eficiente" />
    <meta property="og:type" content="website" />
-    <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
+    <meta property="og:image" content="/favicon.png" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@lovable_dev" />
-    <meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
+    <meta name="twitter:image" content="/favicon.png" />
  </head>

  <body>
@@ -44,6 +44,7 @@
        "date-fns": "^3.6.0",
        "embla-carousel-react": "^8.6.0",
        "input-otp": "^1.4.2",
+        "jwt-decode": "^4.0.0",
        "lucide-react": "^0.462.0",
        "next-themes": "^0.3.0",
        "react": "^18.3.1",
@@ -4828,6 +4829,14 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/jwt-decode": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+      "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
    "node_modules/keyv": {
      "version": "4.5.4",
      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -47,6 +47,7 @@
    "date-fns": "^3.6.0",
    "embla-carousel-react": "^8.6.0",
    "input-otp": "^1.4.2",
+    "jwt-decode": "^4.0.0",
    "lucide-react": "^0.462.0",
    "next-themes": "^0.3.0",
    "react": "^18.3.1",
@@ -10,6 +10,8 @@ import AgentDetails from "./pages/AgentDetails";
 import TestPrompt from "./pages/TestPrompt";
 import History from "./pages/History";
 import NotFound from "./pages/NotFound";
+import Redirect from "./pages/Redirect";
+import React from "react";

 const queryClient = new QueryClient();

@@ -21,14 +23,26 @@ const App = () => (
        <Sonner />
        <BrowserRouter>
          <Routes>
-            <Route element={<AppLayout />}>
-              <Route path="/" element={<Agents />} />
-              <Route path="/agents/:id" element={<AgentDetails />} />
-              <Route path="/test" element={<TestPrompt />} />
-              <Route path="/history" element={<History />} />
+            <Route
+              path="/redir/:gsikey"
+              element={<Redirect />}
+            />
+            {/* Layout principal para /prompt-labs */}
+            <Route path="/prompt-labs" element={<AppLayout />}>
+              {/* Página inicial: /prompt-labs */}
+              <Route index element={<Agents />} />
+
+              {/* Rotas internas */}
+              <Route path="agents/:id" element={<AgentDetails />} />
+              <Route path="test" element={<TestPrompt />} />
+              <Route path="history" element={<History />} />
+
+              {/* Catch-all exclusivo para o contexto de /prompt-labs */}
+              <Route path="*" element={<NotFound />} />
            </Route>
            {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
            <Route path="*" element={<NotFound />} />
+            <Route path="/404" element={<NotFound />} />
          </Routes>
        </BrowserRouter>
      </TooltipProvider>
@@ -0,0 +1,286 @@
+import { jwtDecode } from 'jwt-decode';
+import { RedirectService } from './pages/RedirectService';
+
+export class GlobalFunctions {
+
+  public static getTranferAreaObj(): TransferAreaResponse {
+    let objRetorno: TransferAreaResponse = {
+      aplicativoID: 0,
+      aplicativoNome: "",
+      areaTransferenciaID: 0,
+      dataRegistro: "",
+      estabelecimentoID: 0,
+      usuarioID: 0,
+      usuarioEmail: "",
+      usuarioNome: "",
+      aplicativoShareCode: "",
+      nivelAcesso: 0
+    };
+    try {
+      const objTransferStr = sessionStorage.getItem("TRANSFER_AREA");
+      if (
+        objTransferStr != null &&
+        objTransferStr != undefined &&
+        objTransferStr.trim() != ""
+      ) {
+        const objTransfer = <TransferAreaResponse>JSON.parse(objTransferStr);
+        objRetorno = objTransfer;
+      }
+    } catch (error) {}
+
+    return objRetorno;
+  }
+
+  public static getRedirectComponent(): string {
+    let objRetorno = "";
+    try {
+      const objTransfer = GlobalFunctions.getTranferAreaObj();
+      if (objTransfer != null) {
+        // let objRedir = objTransfer.find(x => x.name == 'REDIRECT');
+        // objRetorno = objRedir?.value ?? '';
+        objRetorno = objTransfer.urlDestino ?? "";
+        if (objRetorno.startsWith("/")) objRetorno = objRetorno.substring(1);
+      } else {
+        objRetorno = "";
+      }
+    } catch (error) {
+      //console.log(error);
+      objRetorno = "";
+    }
+
+    return objRetorno;
+  }
+
+  public static getTransferProperty(propertyName: TransferAreaProperties): any {
+    let objRetorno: any = "";
+    try {
+      const objTransfer = this.getTranferAreaObj();
+      if (objTransfer != null) {
+        //let obj: any = objTransfer[propertyName];
+        const element = objTransfer[propertyName];
+        objRetorno = element;
+      } else {
+        objRetorno = null;
+      }
+    } catch (error) {
+      objRetorno = null;
+    }
+
+    return objRetorno;
+  }
+
+  public static isUsuarioLogado(): boolean {
+    let jsonUsuario = sessionStorage.getItem('usuarioLogado');
+    if (jsonUsuario) {
+      let tokenDecode: any = GlobalFunctions.getUsuarioLogado();
+      let d: Date = new Date();
+      let dateAtual: number = Date.UTC(d.getFullYear(), d.getUTCMonth(), d.getUTCDate(), d.getUTCHours(), d.getUTCMinutes() + 5, d.getUTCSeconds()) / 1000;
+      if (dateAtual > tokenDecode.exp) return false;
+      return true;
+    }
+    return false;
+  }
+
+  public static tokenExpired(tokenDecode: any): boolean {
+    let d: Date = new Date();
+    let dateAtual: number = Date.UTC(d.getFullYear(), d.getUTCMonth(), d.getUTCDate(), d.getUTCHours(), d.getUTCMinutes() + 5, d.getUTCSeconds()) / 1000;
+    if (dateAtual > tokenDecode.exp) return true;
+    return false;
+  }     
+
+  public static handleNavigateBack(): void {
+    try {
+      // Verifica se existe histórico de navegação
+      if (window.history && window.history.length > 1) {
+        window.history.back();
+        return;
+      }
+
+      // Tenta fechar a janela
+      if (!window.closed) {
+        try {
+          const windowRef = window.open('', '_self');
+          if (windowRef) {
+            windowRef.close();
+
+            // Pequeno timeout para verificar se a janela foi fechada
+            setTimeout(() => {
+              // Se ainda estiver aberta, redireciona
+              if (!windowRef.closed) {
+                window.location.href = "https://core.hgtx.com.br/aplicativos/";
+              }
+            }, 100);
+            return;
+          }
+        } catch (closeError) {
+          console.warn("Não foi possível fechar a janela:", closeError);
+        }
+      }
+
+      // Se não conseguiu fechar, redireciona
+      window.location.href = "https://core.hgtx.com.br/aplicativos/";
+    } catch (error) {
+      // Em caso de qualquer erro, garante o redirecionamento
+      console.error("Erro ao tentar navegar:", error);
+      window.location.href = "https://core.hgtx.com.br/aplicativos/";
+    }
+  }
+
+  public static getUsuarioLogado(): UsuarioLogadoData {
+    const jsonUsuario = sessionStorage.getItem("usuarioLogado") ?? "";
+    try {
+      const objJwt = JSON.parse(jsonUsuario);
+      //return jwt_decode(objJwt.token);
+      return jwtDecode(objJwt.token);
+    } catch (error) {}
+
+    return {
+      EID: "0",
+      email: "",
+      exp: 0,
+      iat: 0,
+      jti: "",
+      name: "",
+      nbf: 0,
+      UID: "0",
+    };
+  }
+
+  public static getUsuarioLogadoToken(): string {
+    let retorno = "";
+    const jsonUsuario = sessionStorage.getItem("usuarioLogado") ?? "";
+    try {
+      const objJwt = JSON.parse(jsonUsuario);
+      retorno = objJwt.token;
+    } catch (error) {}
+
+    return retorno;
+  }
+
+  public static getUsuarioLogadoRefreshToken(): string {
+    let retorno = "";
+    const jsonUsuario = sessionStorage.getItem("usuarioLogado") ?? "";
+    try {
+      const objJwt = JSON.parse(jsonUsuario);
+      retorno = objJwt.refreshToken;
+    } catch (error) {}
+
+    return retorno;
+  }
+
+  public static getPerfilUsuario(): PerfilUsuario | null {
+    let retorno: PerfilUsuario | null = null;
+    const jsonUsuario = sessionStorage.getItem("perfilUsuario") ?? "";
+    try {
+      const objJwt = <PerfilUsuario>JSON.parse(jsonUsuario);
+      retorno = objJwt;
+    } catch (error) {
+      retorno = null;
+    }
+
+    return retorno;
+  }
+
+  public static getHighUserProfile(): number {
+    let retorno = 6;
+    const objPerfil = GlobalFunctions.getPerfilUsuario();
+
+    if (objPerfil) {
+      const tiposPerfil: number[] = objPerfil.results.map((v) => v.tipoPerfil);
+      retorno = Math.min(...tiposPerfil);
+    }
+
+    return retorno;
+  }
+
+  public static async getToken(): Promise<string> {
+    let token: string = GlobalFunctions.getUsuarioLogadoToken();
+
+    const tokenDecode: any = GlobalFunctions.getUsuarioLogado();
+
+    let currentDate = new Date();
+  
+    // JWT exp is in seconds
+    if ((tokenDecode.exp * 1000) < currentDate.getTime()) {
+      //console.log("Token expired.");
+      let gsikey: number = parseInt(sessionStorage.getItem('gsikey') ?? '0');
+      RedirectService.loadTransferArea(gsikey).then((response) => {
+          if(response.data.errorCode == 0){            
+              sessionStorage.setItem('TRANSFER_AREA',JSON.stringify(response.data.areTrs));
+              sessionStorage.setItem('usuarioLogado',JSON.stringify({
+                token: response.data.jwt.token,
+                refreshToken: response.data.jwt.refreshToken
+              }));
+
+              token = response.data.jwt.token;
+          }
+          // else if(error !== 1401){
+          //     navigate('/',{replace: true});
+          // }
+      });
+    }
+    // else {
+    //   //console.log("Valid token");   
+    //   result = true;
+    // }
+
+    return token;
+  }  
+}
+
+export interface UsuarioLogadoData {
+  UID: string;
+  EID: string;
+  name: string;
+  email: string;
+  jti: string;
+  nbf: number;
+  exp: number;
+  iat: number;
+}
+
+export interface TransferAreaResponse {
+  estabelecimentoID: number;
+  nivelAcesso: number;
+  aplicativoID: number;
+  usuarioID: number;
+  areaTransferenciaID: number;
+  dataRegistro: string;
+  urlBase?: string;
+  urlDestino?: string;
+  aplicativoNome: string;
+  usuarioNome: string;
+  usuarioEmail: string;
+  aplicativoShareCode: string;
+}
+
+export enum TransferAreaProperties {
+  EstabelecimentoCodigo = "estabelecimentoID",
+  UsuarioCodigo = "usuarioID",
+  UsuarioNome = "usuarioNome",
+  UsuarioEmail = "usuarioEmail",
+  APP_COD = "aplicativoID",
+  APP_TITULO = "aplicativoNome",
+  areaTransferenciaID = "areaTransferenciaID",
+  urlBase = "urlBase",
+  urlDestino = "urlDestino",
+  aplicativoShareCode = "aplicativoShareCode",
+  nivelAcesso = "nivelAcesso",
+}
+
+type PerfilUsuario = {
+  errorCode: number;
+  errorMessage: string;
+  results: PerfilUsuarioResult[];
+};
+
+export type PerfilUsuarioResult = {
+  tipoPerfil: number;
+  itens: PerfilUsuarioItem[];
+};
+
+type PerfilUsuarioItem = {
+  id: number;
+  descricao: string;
+  identificador: string;
+};
@@ -0,0 +1,35 @@
+import { Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+
+interface FullScreenLoaderProps {
+  show: boolean;
+  text?: string;
+}
+
+export default function FullScreenLoader({ show, text = "Carregando..." }: FullScreenLoaderProps) {
+  const [visible, setVisible] = useState(show);
+
+  useEffect(() => {
+    if (show) setVisible(true);
+    else {
+      // adiciona um pequeno atraso para suavizar o fade-out
+      const timeout = setTimeout(() => setVisible(false), 200);
+      return () => clearTimeout(timeout);
+    }
+  }, [show]);
+
+  if (!visible && !show) return null;
+
+  return (
+    <div
+      className={`fixed inset-0 z-[9999] flex items-center justify-center bg-background/80 backdrop-blur-sm transition-opacity duration-200 ${
+        show ? "opacity-100" : "opacity-0 pointer-events-none"
+      }`}
+    >
+      <div className="flex flex-col items-center gap-3 p-6 rounded-2xl bg-card shadow-lg border border-border transition-all duration-200">
+        <Loader2 className="h-10 w-10 animate-spin text-primary" />
+        <p className="text-card-foreground text-sm font-medium">{text}</p>
+      </div>
+    </div>
+  );
+}
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import {
  Dialog,
  DialogContent,
@@ -19,8 +19,7 @@ import {
  SelectValue,
 } from "@/components/ui/select";
 import { useToast } from "@/hooks/use-toast";
-import { createAgent } from "@/lib/api/agents";
-import { AI_MODELS, getModelIdByValue } from "@/lib/constants/aiModels";
+import { createAgent, getAIModels } from "@/lib/api/agents";

 interface CreateAgentDialogProps {
  open: boolean;
@@ -32,7 +31,13 @@ export function CreateAgentDialog({ open, onOpenChange }: CreateAgentDialogProps
  const { toast } = useToast();
  const queryClient = useQueryClient();
  const [name, setName] = useState("");
-  const [selectedModel, setSelectedModel] = useState("");
+  const [selectedModelId, setSelectedModelId] = useState("");
+
+  // Buscar modelos da API
+  const { data: aiModels = [], isLoading: isLoadingModels } = useQuery({
+    queryKey: ["aiModels"],
+    queryFn: getAIModels,
+  });

  const createAgentMutation = useMutation({
    mutationFn: ({ name, modelId }: { name: string; modelId: number }) =>
@@ -49,11 +54,11 @@ export function CreateAgentDialog({ open, onOpenChange }: CreateAgentDialogProps
      onOpenChange(false);

      // Navegar para a tela de detalhes do novo agente
-      navigate(`/agents/${data.agent_id}`);
+      navigate(`/prompt-labs/agents/${data.agent_id}`);

      // Reset form
      setName("");
-      setSelectedModel("");
+      setSelectedModelId("");
    },
    onError: (error: any) => {
      toast({
@@ -65,17 +70,16 @@ export function CreateAgentDialog({ open, onOpenChange }: CreateAgentDialogProps
  });

  const handleCreate = () => {
-    const modelId = getModelIdByValue(selectedModel);
-    if (!modelId) {
+    if (!selectedModelId) {
      toast({
        title: "Erro",
-        description: "Modelo de IA inválido.",
+        description: "Selecione um modelo de IA.",
        variant: "destructive",
      });
      return;
    }

-    createAgentMutation.mutate({ name, modelId });
+    createAgentMutation.mutate({ name, modelId: parseInt(selectedModelId) });
  };

  return (
@@ -101,13 +105,13 @@ export function CreateAgentDialog({ open, onOpenChange }: CreateAgentDialogProps

          <div className="space-y-2">
            <Label htmlFor="model">Modelo de IA</Label>
-            <Select value={selectedModel} onValueChange={setSelectedModel}>
+            <Select value={selectedModelId} onValueChange={setSelectedModelId} disabled={isLoadingModels}>
              <SelectTrigger id="model">
-                <SelectValue placeholder="Selecione um modelo" />
+                <SelectValue placeholder={isLoadingModels ? "Carregando modelos..." : "Selecione um modelo"} />
              </SelectTrigger>
              <SelectContent>
-                {AI_MODELS.map((model) => (
-                  <SelectItem key={model.value} value={model.value}>
+                {aiModels.filter(model => model.is_active === 1).map((model) => (
+                  <SelectItem key={model.id} value={model.id.toString()}>
                    {model.name}
                  </SelectItem>
                ))}
@@ -121,7 +125,7 @@ export function CreateAgentDialog({ open, onOpenChange }: CreateAgentDialogProps
            </Button>
            <Button
              onClick={handleCreate}
-              disabled={!name || !selectedModel || createAgentMutation.isPending}
+              disabled={!name || !selectedModelId || createAgentMutation.isPending || isLoadingModels}
            >
              {createAgentMutation.isPending ? "Criando..." : "Criar Agente"}
            </Button>
@@ -1,8 +1,23 @@
+import React from "react";
 import { AppSidebar } from "./AppSidebar";
 import { MobileNav } from "./MobileNav";
-import { Outlet } from "react-router-dom";
+import { Outlet, useLocation } from "react-router-dom";
+import { GlobalFunctions } from "@/GlobalFunctions";

 export function AppLayout() {
+  
+  const { pathname } = useLocation();
+
+  // ignora layout se for redirecionamento
+  if (pathname.startsWith("/redir")) {
+    return <></>;
+  } 
+
+  React.useEffect(() => {
+    console.log('Aqui');
+    if(!GlobalFunctions.isUsuarioLogado())window.location.replace(import.meta.env.VITE_BASE_URL_HGTX_CORE);
+  },[]);
+
  return (
    <div className="flex h-screen w-full bg-background overflow-hidden">
      <MobileNav />
@@ -10,10 +10,11 @@ import {
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { ThemeToggle } from "./ThemeToggle";
+import { GlobalFunctions } from "@/GlobalFunctions";

 const menuItems = [
-  { title: "Agentes", url: "/", icon: Bot },
-  { title: "Testar Prompt", url: "/test", icon: TestTube },
+  { title: "Agentes", url: "/prompt-labs", icon: Bot },
+  { title: "Testar Prompt", url: "/prompt-labs/test", icon: TestTube },
 ];

 export function AppSidebar() {
@@ -134,6 +135,7 @@ export function AppSidebar() {
        </div>
        <Button
          variant="ghost"
+          onClick={GlobalFunctions.handleNavigateBack}
          className="w-full justify-start gap-2 text-sidebar-foreground"
        >
          <ArrowLeft className="w-4 h-4" />
@@ -1,8 +1,8 @@
 import api from "./axios";
 import type {
-  Agent,
  AgentDetails,
  AgentVersion,
+  AIModel,
  CreateAgentRequest,
  CreateAgentResponse,
  EditAgentRequest,
@@ -13,8 +13,9 @@ import type {
  ToggleAgentStatusResponse,
  ListAgentsResponse,
 } from "../types/agent";
+import { GlobalFunctions, TransferAreaProperties } from "@/GlobalFunctions";

-const estabelecimentoId = import.meta.env.VITE_ESTABELECIMENTO_ID;
+const estabelecimentoId = GlobalFunctions.getTransferProperty(TransferAreaProperties.EstabelecimentoCodigo) ?? import.meta.env.VITE_ESTABELECIMENTO_ID;
 const userEmail = import.meta.env.VITE_USER_EMAIL;

 /**
@@ -148,3 +149,13 @@ export const getAgentVersions = async (
  );
  return response.data;
 };
+
+/**
+ * Obtém todos os modelos de IA disponíveis
+ */
+export const getAIModels = async (): Promise<AIModel[]> => {
+  const response = await api.get<AIModel[]>(
+    "/webhook/codex/get_models_ia"
+  );
+  return response.data;
+};
@@ -5,8 +5,9 @@ import type {
  TestAgentRequest,
  TestAgentResponse,
 } from "../types/chat";
+import { GlobalFunctions, TransferAreaProperties } from "@/GlobalFunctions";

-const estabelecimentoId = import.meta.env.VITE_ESTABELECIMENTO_ID;
+const estabelecimentoId = GlobalFunctions.getTransferProperty(TransferAreaProperties.EstabelecimentoCodigo) ?? import.meta.env.VITE_ESTABELECIMENTO_ID;
 const userEmail = import.meta.env.VITE_USER_EMAIL;

 /**
@@ -1,33 +1,30 @@
 import { AIModel } from "../types/agent";

-// Mapeamento de modelos de IA conforme a API
-// Nota: Os IDs precisam ser confirmados com a API real
-export const AI_MODELS: AIModel[] = [
-  { id: 1, name: "Google Gemini 2.5 Pro", value: "google/gemini-2.5-pro" },
-  { id: 2, name: "Google Gemini 2.5 Flash", value: "google/gemini-2.5-flash" },
-  { id: 3, name: "Google Gemini 2.5 Flash Lite", value: "google/gemini-2.5-flash-lite" },
-  { id: 4, name: "OpenAI GPT-5", value: "openai/gpt-5" },
-  { id: 5, name: "OpenAI GPT-5 Mini", value: "openai/gpt-5-mini" },
-  { id: 6, name: "OpenAI GPT-5 Nano", value: "openai/gpt-5-nano" },
-  { id: 7, name: "Anthropic Claude Sonnet 4.5", value: "anthropic/claude-sonnet-4.5" },
-  { id: 8, name: "Anthropic Claude Haiku 4.5", value: "anthropic/claude-haiku-4.5" },
-  { id: 9, name: "Anthropic Claude Opus 4.5", value: "anthropic/claude-opus-4.5" },
-  { id: 10, name: "Claude Haiku 4.5", value: "claude/haiku-4.5" },
-];
+/**
+ * Este arquivo contém funções auxiliares para trabalhar com modelos de IA.
+ * Os modelos agora são buscados dinamicamente da API através da função getAIModels() em @/lib/api/agents
+ *
+ * @deprecated AI_MODELS - Use getAIModels() da API ao invés disso
+ */

 // Função auxiliar para obter o nome do modelo pelo ID
-export const getModelNameById = (id: number): string => {
-  const model = AI_MODELS.find((m) => m.id === id);
+export const getModelNameById = (models: AIModel[], id: number): string => {
+  const model = models.find((m) => m.id === id);
  return model?.name || "Modelo Desconhecido";
 };

-// Função auxiliar para obter o modelo pelo value
-export const getModelByValue = (value: string): AIModel | undefined => {
-  return AI_MODELS.find((m) => m.value === value);
+// Função auxiliar para obter o modelo pelo identifier
+export const getModelByIdentifier = (models: AIModel[], identifier: string): AIModel | undefined => {
+  return models.find((m) => m.model_identifier === identifier);
 };

-// Função auxiliar para obter o ID pelo value
-export const getModelIdByValue = (value: string): number | undefined => {
-  const model = getModelByValue(value);
+// Função auxiliar para obter o ID pelo identifier
+export const getModelIdByIdentifier = (models: AIModel[], identifier: string): number | undefined => {
+  const model = getModelByIdentifier(models, identifier);
  return model?.id;
 };
+
+// Função auxiliar para filtrar apenas modelos ativos
+export const getActiveModels = (models: AIModel[]): AIModel[] => {
+  return models.filter((m) => m.is_active === 1);
+};
@@ -115,6 +115,12 @@ export interface ListAgentsResponse {

 export interface AIModel {
  id: number;
+  provider_id: number;
  name: string;
-  value: string;
+  model_identifier: string;
+  cost_input_per_million: string;
+  cost_output_per_million: string;
+  is_active: number;
+  created_at: string;
+  updated_at: string;
 }
@@ -27,8 +27,8 @@ import {
  editAgentName,
  toggleAgentStatus,
  getAgentVersions,
+  getAIModels,
 } from "@/lib/api/agents";
-import { AI_MODELS, getModelIdByValue } from "@/lib/constants/aiModels";

 export default function AgentDetails() {
  const { id } = useParams();
@@ -40,9 +40,15 @@ export default function AgentDetails() {
  const [isDeactivateDialogOpen, setIsDeactivateDialogOpen] = useState(false);
  const [isEditingName, setIsEditingName] = useState(false);
  const [tempName, setTempName] = useState("");
-  const [selectedModel, setSelectedModel] = useState("");
+  const [selectedModelId, setSelectedModelId] = useState<number | undefined>();
  const [systemPrompt, setSystemPrompt] = useState("");

+  // Fetch AI models
+  const { data: aiModels = [], isLoading: isLoadingModels } = useQuery({
+    queryKey: ["aiModels"],
+    queryFn: getAIModels,
+  });
+
  // Fetch agent details
  const {
    data: agentDetails,
@@ -68,8 +74,7 @@ export default function AgentDetails() {
  // Update local state when agent details are loaded
  useEffect(() => {
    if (agentDetails) {
-      const model = AI_MODELS.find((m) => m.id === agentDetails.model_id);
-      setSelectedModel(model?.value || "");
+      setSelectedModelId(agentDetails.model_id);
      setSystemPrompt(agentDetails.system_prompt);
      setTempName(agentDetails.name);
    }
@@ -148,18 +153,17 @@ export default function AgentDetails() {
  });

  const handleSave = (versionType: "major" | "minor" | "patch", notes: string) => {
-    const modelId = getModelIdByValue(selectedModel);
-    if (!modelId) {
+    if (!selectedModelId) {
      toast({
        title: "Erro",
-        description: "Modelo de IA inválido.",
+        description: "Selecione um modelo de IA.",
        variant: "destructive",
      });
      return;
    }

    editAgentMutation.mutate({
-      model_id: modelId,
+      model_id: selectedModelId,
      system_prompt: systemPrompt,
      version_type: versionType,
      notes,
@@ -236,7 +240,7 @@ export default function AgentDetails() {
        <Button
          variant="ghost"
          className="mb-4 gap-2"
-          onClick={() => navigate("/")}
+          onClick={() => navigate("/prompt-labs")}
        >
          <ArrowLeft className="h-4 w-4" />
          Voltar para Agentes
@@ -341,15 +345,16 @@ export default function AgentDetails() {
          </CardHeader>
          <CardContent>
            <Select
-              value={selectedModel}
-              onValueChange={setSelectedModel}
+              value={selectedModelId?.toString()}
+              onValueChange={(value) => setSelectedModelId(parseInt(value))}
+              disabled={isLoadingModels}
            >
              <SelectTrigger>
-                <SelectValue />
+                <SelectValue placeholder={isLoadingModels ? "Carregando modelos..." : "Selecione um modelo"} />
              </SelectTrigger>
              <SelectContent>
-                {AI_MODELS.map((model) => (
-                  <SelectItem key={model.value} value={model.value}>
+                {aiModels.filter(model => model.is_active === 1).map((model) => (
+                  <SelectItem key={model.id} value={model.id.toString()}>
                    {model.name}
                  </SelectItem>
                ))}
@@ -147,7 +147,7 @@ export default function Agents() {
            <Card
              key={agent.agente_id}
              className="group relative overflow-hidden border-2 transition-all duration-300 hover:shadow-lg hover:scale-[1.02] bg-gradient-to-br from-card to-card/50 cursor-pointer"
-              onClick={() => navigate(`/agents/${agent.agente_id}`)}
+              onClick={() => navigate(`/prompt-labs/agents/${agent.agente_id}`)}
            >
              {/* Glow effect on hover */}
              <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-primary/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
@@ -1,5 +1,6 @@
 import { useLocation } from "react-router-dom";
 import { useEffect } from "react";
+import { GlobalFunctions } from "@/GlobalFunctions";

 const NotFound = () => {
  const location = useLocation();
@@ -13,9 +14,15 @@ const NotFound = () => {
      <div className="text-center">
        <h1 className="mb-4 text-4xl font-bold">404</h1>
        <p className="mb-4 text-xl text-gray-600">Oops! Page not found</p>
-        <a href="/" className="text-blue-500 underline hover:text-blue-700">
+        {/* <a href="/" className="text-blue-500 underline hover:text-blue-700">
          Return to Home
-        </a>
+        </a> */}
+        <button
+          className="text-blue-500 underline hover:text-blue-700"
+          onClick={GlobalFunctions.handleNavigateBack}
+        >
+          Return to Home
+        </button>        
      </div>
    </div>
  );
@@ -0,0 +1,50 @@
+
+import { GlobalFunctions } from "@/GlobalFunctions";
+import { RedirectService } from "./RedirectService";
+import React from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import FullScreenLoader from "@/components/FullScreenLoader";
+
+
+
+export default function Redirect() {
+
+    const navigate = useNavigate();
+    let { gsikey } = useParams();
+
+    React.useEffect(() => {
+        let error: number = 0;
+        sessionStorage.setItem('gsikey', gsikey ?? '0');
+        RedirectService.loadTransferArea(parseInt(gsikey ?? '0')).then((response) => {
+          console.log(response);
+            error = response.data.errorCode;
+            //msg = response.data.errorMessage;
+            if(response.data.errorCode == 0){            
+                sessionStorage.setItem('TRANSFER_AREA',JSON.stringify(response.data.areTrs));
+                sessionStorage.setItem('usuarioLogado',JSON.stringify({
+                    token: response.data.jwt.token,
+                    refreshToken: response.data.jwt.refreshToken
+                }));                
+            }
+            // else if(error !== 1401){
+            //     navigate('/',{replace: true});
+            // }
+        })
+        .catch((_err) => {
+            navigate('/404',{replace: true});
+        })
+        .finally(() => {
+            if(error == 0 || error === 1401){
+                //navigate(`/${GlobalFunctions.getRedirectComponent()}`,{replace: true});                
+                window.location.replace(`/${GlobalFunctions.getRedirectComponent()}`);
+            }
+            // else if(error === 1401){
+            //     navigate({pathname: '/',search:`?p=${window.btoa(msg)}`},{replace: true});
+            // }
+        });
+    }, []);   
+
+  return (
+  <FullScreenLoader show={true} text="Carregando...Aguarde..." />
+  );
+}
@@ -0,0 +1,32 @@
+import { GlobalFunctions, TransferAreaProperties } from "@/GlobalFunctions";
+import axios from "axios";
+const endPoint: string = 'v1/redirect/';
+
+export class RedirectService{
+    
+    public static loadTransferArea(gsikey: number): Promise<any>{
+        return axios.get(`${import.meta.env.VITE_BASE_URL_HGTX_CORE_API}${endPoint}get_component/${gsikey}/S`);    
+    }
+
+    public static async validaAcessoApp(urlDestino: string): Promise<any>{
+        //let token = await GlobalFunctions.getToken();
+        let usuLogado = GlobalFunctions.getUsuarioLogado();
+        let usuCod: string = GlobalFunctions.getTransferProperty(TransferAreaProperties.UsuarioCodigo);
+        let estCod: string = usuLogado.EID;
+
+        let urlDestinoPost: string = urlDestino;//urlDestino.trim().length < 1 ? GlobalFunctions.getTransferProperty(TransferAreaProperties.urlDestino) : urlDestino;
+        if(urlDestinoPost.trim().length < 1){
+            try {
+                let pathSplit = window.location.pathname.split('/');
+
+                urlDestinoPost = `/${pathSplit[pathSplit.length-2]}/${pathSplit[pathSplit.length-1]}`;
+            } catch (error) {
+            }
+        }
+        //const heads = { headers: {'Content-Type':'application/json; charset=utf-8','Authorization': `Bearer ${token}`} };
+        const heads = { headers: {'Content-Type':'application/json; charset=utf-8'} };
+        return axios.post(`${import.meta.env.VITE_BASE_URL_HGTX_CORE_API}v1/aplicativos/validar_acesso_app?usuCod=${usuCod}&estCod=${estCod}`,{
+            "urlDestino": urlDestinoPost
+        },heads);    
+    }    
+}
@@ -1 +1,13 @@
 /// <reference types="vite/client" />
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL: string
+  readonly VITE_API_KEY: string
+  readonly VITE_USER_EMAIL: string
+  readonly VITE_ESTABELECIMENTO_ID: string
+  readonly VITE_BASE_URL_HGTX_CORE_API: string
+  readonly VITE_BASE_URL_HGTX_CORE: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
Author	SHA1	Message	Date
developer1054	5099311373	Add favicon support and update Open Graph/Twitter meta tags	2026-01-15 10:09:21 -03:00
luisfepsale	8cc5954563	fix/modelos de IA	2025-11-19 13:21:02 -03:00
developer1054	f0b86641b6	integracao-core	2025-11-14 17:17:30 -03:00