knowlyai · Rubiozito · Oct 23, 2025 · Aug 24, 2025 · Aug 24, 2025 · Aug 24, 2025
diff --git a/.github/workflows/aws-cd.yml b/.github/workflows/aws-cd.yml
@@ -40,6 +40,8 @@ jobs:
           npm run build
         env:
           VITE_STAGE: ${{ github.ref_name }}
+          VITE_API_URL: ${{vars.API_URL}}
+          VITE_BUCKET_NAME: ${{vars.BUCKET_NAME}}
       - name: Setup envs
         run: |
           echo AWS_REGION=${{ vars.AWS_REGION }} >> $GITHUB_ENV

diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="pt-BR">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="src/assets/brain.png" />

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,6 +35,7 @@
     "react-icons": "^5.5.0",
     "react-router-dom": "^7.5.3",
     "tailwindcss": "^4.1.5",
+    "uuidv4": "^6.2.13",
     "zod": "^3.25.28"
   },
   "devDependencies": {

diff --git a/src/assets/berti.jfif b/src/assets/berti.jfif
diff --git a/src/assets/izabel.jfif b/src/assets/izabel.jfif
diff --git a/src/assets/julia.jfif b/src/assets/julia.jfif
diff --git a/src/assets/rubio.jfif b/src/assets/rubio.jfif
diff --git a/src/assets/sakamoto.jfif b/src/assets/sakamoto.jfif
diff --git a/src/domain/knowledge-base.ts b/src/domain/knowledge-base.ts
@@ -10,10 +10,16 @@ export type KnowledgeBase = {
   status: STATUS
   files: KnowledgeBaseFile[]
   totalSizeMB: number
+  keys: KnowledgeBaseKey[]
 }
 
 export type KnowledgeBaseFile = {
   fileName: string
   sizeMB: number
   url: string
 }
+
+export type KnowledgeBaseKey = {
+  kbKey: string
+  kbKeyAlias: string
+}
diff --git a/src/features/docs/pages/about-project.tsx b/src/features/docs/pages/about-project.tsx
@@ -0,0 +1,57 @@
+import { motion } from 'framer-motion'
+import { h1, h2, p } from '@/shared/components/typography'
+
+export function AboutProjectPage() {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.5 }}
+    >
+      {h1({ children: 'Sobre o Projeto' })}
+
+      {h2({ children: 'Por que criamos o Knowly?' })}
+      {p({
+        children: (
+          <>
+            A inteligência artificial está mudando a forma como empresas
+            trabalham, trazendo mais agilidade e eficiência para o dia a dia.
+            Mas, para a maioria dos negócios, usar IA ainda é caro e complicado:
+            exige conhecimento técnico, tempo e investimento alto em tecnologia.
+          </>
+        )
+      })}
+      {p({
+        children: (
+          <>
+            O Knowly nasceu para simplificar esse cenário. Queremos que qualquer
+            empresa consiga aproveitar o poder dos grandes modelos de linguagem
+            para responder dúvidas, organizar informações e automatizar tarefas,
+            sem precisar se preocupar com detalhes técnicos ou infraestrutura.
+          </>
+        )
+      })}
+      {p({
+        children: (
+          <>
+            Nossa plataforma permite que você envie seus próprios documentos e,
+            em poucos cliques, já tenha uma base de conhecimento inteligente
+            pronta para ser usada no seu atendimento, site ou operação interna.
+            Tudo isso com segurança, praticidade e custos acessíveis.
+          </>
+        )
+      })}
+      {p({
+        children: (
+          <>
+            O objetivo é ajudar empresas a inovar, ganhar tempo e focar no que
+            realmente importa: crescer e atender melhor seus clientes, usando IA
+            de verdade no dia a dia.
+          </>
+        )
+      })}
+    </motion.div>
+  )
+}
+
+export default AboutProjectPage
diff --git a/src/features/docs/pages/foundation-models.tsx b/src/features/docs/pages/foundation-models.tsx
@@ -0,0 +1,129 @@
+import { motion } from 'framer-motion'
+import { h1, h2, p, ul, li } from '@/shared/components/typography'
+
+export function FoundationModelsPage() {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.5 }}
+    >
+      {h1({ children: 'Modelos de Fundação AWS' })}
+
+      {h2({ children: 'O que são modelos de fundação?' })}
+      {p({
+        children: (
+          <>
+            Modelos de fundação são inteligências artificiais treinadas para
+            entender e gerar textos, responder perguntas, resumir informações e
+            até criar conteúdos. Eles servem como base para várias aplicações de
+            IA, desde chatbots até análise de documentos.
+          </>
+        )
+      })}
+
+      {h2({ children: 'Principais modelos disponíveis na AWS' })}
+      {ul({
+        children: (
+          <>
+            {li({
+              children: (
+                <>
+                  <strong>Amazon Titan:</strong> Modelo versátil para tarefas do
+                  dia a dia, como responder perguntas, resumir textos e
+                  organizar informações. É uma ótima escolha para quem busca
+                  equilíbrio entre custo e desempenho.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  <strong>Anthropic Claude:</strong> Ideal para conversas mais
+                  longas, respostas detalhadas e situações que exigem mais
+                  segurança e controle. Muito usado em chatbots avançados e
+                  assistentes virtuais.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  <strong>AI21 Labs:</strong> Especialista em geração de textos
+                  criativos, artigos, e até mesmo conteúdos técnicos. Indicado
+                  para quem precisa de textos mais elaborados ou criativos.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  <strong>Cohere:</strong> Focado em análise de linguagem,
+                  classificação de textos e extração de informações. Bom para
+                  automação de processos e análise de grandes volumes de dados.
+                </>
+              )
+            })}
+          </>
+        )
+      })}
+
+      {h2({ children: 'Quando usar cada modelo?' })}
+      {ul({
+        children: (
+          <>
+            {li({
+              children: (
+                <>
+                  <strong>Precisa de respostas rápidas e gerais?</strong> Use o{' '}
+                  <strong>Amazon Titan</strong>.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  <strong>
+                    Vai criar um chatbot ou assistente virtual que precisa
+                    conversar bastante?
+                  </strong>{' '}
+                  O <strong>Claude</strong> é uma ótima opção.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  <strong>Quer gerar textos criativos ou técnicos?</strong>{' '}
+                  Experimente o <strong>AI21 Labs</strong>.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  <strong>
+                    Precisa analisar, classificar ou organizar muitos textos?
+                  </strong>{' '}
+                  O <strong>Cohere</strong> pode ajudar.
+                </>
+              )
+            })}
+          </>
+        )
+      })}
+
+      {p({
+        children: (
+          <>
+            Com esses modelos, você pode escolher a solução que mais combina com
+            o seu projeto, sem se preocupar com a complexidade técnica. Basta
+            selecionar o modelo e começar a usar!
+          </>
+        )
+      })}
+    </motion.div>
+  )
+}
+
+export default FoundationModelsPage
diff --git a/src/features/docs/pages/integration.tsx b/src/features/docs/pages/integration.tsx
@@ -0,0 +1,83 @@
+import { motion } from 'framer-motion'
+import { h1, h2, p, ul, li, pre } from '@/shared/components/typography'
+
+export function IntegrationPage() {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.5 }}
+    >
+      {h1({ children: 'Como integrar com sua base de conhecimento' })}
+
+      {h2({ children: 'Integração simples via API' })}
+      {p({
+        children: (
+          <>
+            Depois de criar sua base de conhecimento no Knowly, você pode
+            integrá-la facilmente ao seu sistema usando nossa API. O
+            funcionamento é parecido com a API da OpenAI, muito usada em
+            chatbots de atendimento, como no WhatsApp.
+          </>
+        )
+      })}
+
+      {h2({ children: 'Como funciona?' })}
+      {ul({
+        children: (
+          <>
+            {li({
+              children: (
+                <>
+                  Você envia um <strong>prompt</strong> (mensagem ou pergunta)
+                  para a API, junto com sua chave de acesso.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  A API responde com a melhor resposta baseada nos documentos
+                  que você enviou para sua base.
+                </>
+              )
+            })}
+            {li({
+              children: (
+                <>
+                  É possível usar essa integração em sites, sistemas internos,
+                  chatbots e muito mais.
+                </>
+              )
+            })}
+          </>
+        )
+      })}
+
+      {h2({ children: 'Exemplo de requisição' })}
+      {pre({
+        children: `POST https://api.knowly.ai/v1/query
+Headers:
+  Authorization: Bearer SUA_CHAVE_DE_API
+Body:
+{
+  "prompt": "Como faço para atualizar meus dados cadastrais?",
+  "baseId": "sua-base-id"
+}`
+      })}
+
+      {p({
+        children: (
+          <>
+            A resposta virá em formato JSON, com o texto gerado pela IA usando o
+            conhecimento da sua base. Assim, você pode automatizar atendimentos,
+            responder dúvidas de clientes ou integrar a IA ao seu sistema de
+            forma simples e eficiente.
+          </>
+        )
+      })}
+    </motion.div>
+  )
+}
+
+export default IntegrationPage