3 miesięcy temu · 74a333c7e9
--- a/.DS_Store
+++ b/.DS_Store
--- a/dist/index.html
+++ b/dist/index.html
@@ -0,0 +1,21 @@
 
															+<!doctype html>
														
 
															+<html lang="pt-BR">
														
 
															+  <head>
														
 
															+    <meta charset="UTF-8" />
														
 
															+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
														
 
															+    <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" />
														
 
															+    <title>ORACULO</title>
														
 
															+    <script type="module" crossorigin src="/assets/index-COrFMHKV.js"></script>
														
 
															+    <link rel="stylesheet" crossorigin href="/assets/index-DfgF3Bus.css">
														
 
															+  </head>
														
 
															+  <body class="bg-background">
														
 
															+    <noscript>
														
 
															+      <strong
														
 
															+        >We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to
														
 
															+        continue.</strong>
														
 
															+
														
 
															+    </noscript>
														
 
															+    <div id="app" class="g-sidenav-show">Carregando…</div>
														
 
															+  </body>
														
 
															+</html>
														
--- a/docs/.DS_Store
+++ b/docs/.DS_Store
--- a/docs/style.md
+++ b/docs/style.md
@@ -0,0 +1,64 @@
 
															+# Guia de Cores — Light e Dark Mode
														
 
															+
														
 
															+## Sistema de cor
														
 
															+
														
 
															+- **Background/foreground**: usar as variáveis CSS `bg-background` e `text-foreground` — tratam light/dark automaticamente pelo ThemeLoader.
														
 
															+- **Demais cores**: Tailwind com `dark:` prefix manual (modo escuro é via classe `.dark` no elemento `<html>`).
														
 
															+
														
 
															+## Mapeamento de cores
														
 
															+
														
 
															+| Elemento | Light | Dark |
														
 
															+|---|---|---|
														
 
															+| Texto primário | `text-gray-900` | `dark:text-gray-100` |
														
 
															+| Texto secundário | `text-gray-500` | `dark:text-gray-400` |
														
 
															+| Texto terciário/muted | `text-gray-400` | `dark:text-gray-500` |
														
 
															+| Separadores finos | `text-gray-300` | `dark:text-gray-600` |
														
 
															+| Bordas padrão | `border-gray-200` | `dark:border-gray-700` |
														
 
															+| Bordas de badge/chip | `border-gray-300` | `dark:border-gray-600` |
														
 
															+| Hover de link | `hover:text-gray-900` | `dark:hover:text-white` |
														
 
															+| Hover de badge | `hover:border-gray-500` | `dark:hover:border-gray-400` |
														
 
															+| Hover de texto muted | `hover:text-gray-600` | `dark:hover:text-gray-300` |
														
 
															+
														
 
															+## Backgrounds
														
 
															+
														
 
															+| Elemento | Light | Dark |
														
 
															+|---|---|---|
														
 
															+| Fundo da página | `bg-background` (auto) | (auto) |
														
 
															+| Barra do topo | `bg-primary` | `dark:bg-black` |
														
 
															+| Footer | `bg-gray-100/50` | `dark:bg-secondary/50` |
														
 
															+| Texto no footer | `text-black/50` | `dark:text-white/50` |
														
 
															+
														
 
															+## Botão primário (submit)
														
 
															+
														
 
															+Usar o componente `Button` do PrimeVue com estilo default — ele já suporta dark mode via tema do projeto, sem necessidade de overrides.
														
 
															+
														
 
															+## Padrão de uso
														
 
															+
														
 
															+Todo `gray-*` que for texto, borda ou hover deve ganhar a contraparte `dark:` correspondente segundo a tabela acima. Exemplo prático:
														
 
															+
														
 
															+```html
														
 
															+<!-- Títulos -->
														
 
															+<h2 class="text-gray-900 dark:text-gray-100">Título</h2>
														
 
															+
														
 
															+<!-- Texto descritivo -->
														
 
															+<p class="text-gray-500 dark:text-gray-400">Descrição</p>
														
 
															+
														
 
															+<!-- Links -->
														
 
															+<a class="text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:underline">Link</a>
														
 
															+
														
 
															+<!-- Bordas/separadores -->
														
 
															+<section class="border-t border-gray-200 dark:border-gray-700">
														
 
															+```
														
 
															+
														
 
															+## Erros
														
 
															+
														
 
															+- `text-gray-900`/`dark:text-gray-100` — texto principal
														
 
															+- `text-gray-500`/`dark:text-gray-400` — texto secundário
														
 
															+- `text-gray-400`/`dark:text-gray-500` — texto terciário
														
 
															+- Use o componente `Message` com `severity="error"` do PrimeVue para mensagens de erro nos formulários
														
 
															+
														
 
															+## Componentes PrimeVue
														
 
															+
														
 
															+- `Button`: usar componente sem overrides de cor — segue o tema do projeto.
														
 
															+- `InputText`, `Password`, `Message`: seguem o tema via variáveis CSS do PrimeVue, já suportam dark mode.
														
 
															+- Não aplicar `bg-gray-900!` ou outras overrides manuais diretamente nos componentes PrimeVue.
														
--- a/index.html
+++ b/index.html
@@ -0,0 +1,20 @@
 
															+<!doctype html>
														
 
															+<html lang="pt-BR">
														
 
															+  <head>
														
 
															+    <meta charset="UTF-8" />
														
 
															+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
														
 
															+    <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" />
														
 
															+    <title>ORACULO</title>
														
 
															+  </head>
														
 
															+  <body class="bg-background">
														
 
															+    <noscript>
														
 
															+      <strong
														
 
															+        >We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to
														
 
															+        continue.</strong>
														
 
															+
														
 
															+    </noscript>
														
 
															+    <div id="app" class="g-sidenav-show">Carregando…</div>
														
 
															+    <script type="module" src="/src/main.js"></script>
														
 
															+  </body>
														
 
															+</html>
														
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,9 @@
 
															+{
														
 
															+  "compilerOptions": {
														
 
															+    "baseUrl": ".",
														
 
															+    "paths": {
														
 
															+      "@/*": ["src/*"]
														
 
															+    }
														
 
															+  },
														
 
															+  "include": ["src/**/*.js", "src/**/*.vue"]
														
 
															+}
														
--- a/node_modules/.vite/deps/_metadata.json
+++ b/node_modules/.vite/deps/_metadata.json
@@ -0,0 +1,15 @@
 
															+{
														
 
															+  "hash": "e45cc84a",
														
 
															+  "configHash": "5635861b",
														
 
															+  "lockfileHash": "77fe16be",
														
 
															+  "browserHash": "3b4962df",
														
 
															+  "optimized": {
														
 
															+    "vue": {
														
 
															+      "src": "../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
														
 
															+      "file": "vue.js",
														
 
															+      "fileHash": "0989a87e",
														
 
															+      "needsInterop": false
														
 
															+    }
														
 
															+  },
														
 
															+  "chunks": {}
														
 
															+}
														
--- a/node_modules/.vite/deps/package.json
+++ b/node_modules/.vite/deps/package.json
@@ -0,0 +1,3 @@
 
															+{
														
 
															+  "type": "module"
														
 
															+}
														
--- a/node_modules/.vite/deps/vue.js
+++ b/node_modules/.vite/deps/vue.js
--- a/node_modules/.vite/deps/vue.js.map
+++ b/node_modules/.vite/deps/vue.js.map
--- a/package.json
+++ b/package.json
@@ -0,0 +1,25 @@
 
															+{
														
 
															+  "name": "ia-empresa-frontend",
														
 
															+  "private": true,
														
 
															+  "type": "module",
														
 
															+  "scripts": {
														
 
															+    "dev": "vite",
														
 
															+    "build": "vite build",
														
 
															+    "preview": "vite preview",
														
 
															+    "lint": "node -c vite.config.js"
														
 
															+  },
														
 
															+  "dependencies": {
														
 
															+    "vue": "^3.4.27",
														
 
															+    "vue-router": "^4.4.5"
														
 
															+  },
														
 
															+  "devDependencies": {
														
 
															+    "@tailwindcss/cli": "^4.3.0",
														
 
															+    "@tailwindcss/postcss": "^4.3.0",
														
 
															+    "@vitejs/plugin-vue": "^6.0.6",
														
 
															+    "autoprefixer": "^10.5.0",
														
 
															+    "postcss": "^8.5.15",
														
 
															+    "tailwindcss": "^4.3.0",
														
 
															+    "vite": "^6.0.0",
														
 
															+    "vite-plugin-vue-devtools": "^8.1.1"
														
 
															+  }
														
 
															+}
														
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/scripts/launch-editor-trae.sh
+++ b/scripts/launch-editor-trae.sh
@@ -0,0 +1,8 @@
 
															+#!/usr/bin/env bash
														
 
															+set -euo pipefail
														
 
															+
														
 
															+file="${1:?}"
														
 
															+line="${2:-1}"
														
 
															+column="${3:-1}"
														
 
															+
														
 
															+exec /usr/local/bin/trae -r -g "${file}:${line}:${column}"
														
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,10 @@
 
															+<script setup>
														
 
															+import { RouterView } from "vue-router";
														
 
															+import PaginaInicialView from "./views/pagina-inicial/PaginaInicialView.vue";
														
 
															+</script>
														
 
															+
														
 
															+<template>
														
 
															+  <RouterView v-slot="{ Component }">
														
 
															+    <component :is="Component || PaginaInicialView" />
														
 
															+  </RouterView>
														
 
															+</template>
														
--- a/src/api/chat.js
+++ b/src/api/chat.js
@@ -0,0 +1,47 @@
 
															+import { apiBaseUrl, apiFetch } from "./client.js";
														
 
															+
														
 
															+export async function sendChat(message) {
														
 
															+  return apiFetch("/api/chat", {
														
 
															+    method: "POST",
														
 
															+    body: { message }
														
 
															+  });
														
 
															+}
														
 
															+
														
 
															+export async function ingestDocuments(documents) {
														
 
															+  return apiFetch("/api/ingest", {
														
 
															+    method: "POST",
														
 
															+    body: { documents }
														
 
															+  });
														
 
															+}
														
 
															+
														
 
															+export async function ingestFile(file, { source } = {}) {
														
 
															+  const form = new FormData();
														
 
															+  form.append("file", file);
														
 
															+  if (source) form.append("source", source);
														
 
															+
														
 
															+  const res = await fetch(`${apiBaseUrl}/api/ingest/file`, {
														
 
															+    method: "POST",
														
 
															+    body: form
														
 
															+  });
														
 
															+
														
 
															+  if (!res.ok) {
														
 
															+    const text = await res.text().catch(() => "");
														
 
															+    throw new Error(text || `http_error:${res.status}`);
														
 
															+  }
														
 
															+
														
 
															+  const contentType = res.headers.get("content-type") ?? "";
														
 
															+  if (contentType.includes("application/json")) return res.json();
														
 
															+  return res.text();
														
 
															+}
														
 
															+
														
 
															+export async function search(query) {
														
 
															+  return apiFetch("/api/search", {
														
 
															+    method: "POST",
														
 
															+    body: { query }
														
 
															+  });
														
 
															+}
														
 
															+
														
 
															+export async function listDocuments({ limit = 50, offset = 0 } = {}) {
														
 
															+  const params = new URLSearchParams({ limit: String(limit), offset: String(offset) }).toString();
														
 
															+  return apiFetch(`/api/documents?${params}`);
														
 
															+}
														
--- a/src/api/client.js
+++ b/src/api/client.js
@@ -0,0 +1,20 @@
 
															+export const apiBaseUrl = import.meta.env.VITE_API_URL ?? "http://localhost:3001";
														
 
															+
														
 
															+export async function apiFetch(path, { method = "GET", body } = {}) {
														
 
															+  const res = await fetch(`${apiBaseUrl}${path}`, {
														
 
															+    method,
														
 
															+    headers: {
														
 
															+      "content-type": "application/json"
														
 
															+    },
														
 
															+    body: body ? JSON.stringify(body) : undefined
														
 
															+  });
														
 
															+
														
 
															+  if (!res.ok) {
														
 
															+    const text = await res.text().catch(() => "");
														
 
															+    throw new Error(text || `http_error:${res.status}`);
														
 
															+  }
														
 
															+
														
 
															+  const contentType = res.headers.get("content-type") ?? "";
														
 
															+  if (contentType.includes("application/json")) return res.json();
														
 
															+  return res.text();
														
 
															+}
														
--- a/src/components/BotaoAlterarTema.vue
+++ b/src/components/BotaoAlterarTema.vue
@@ -0,0 +1,78 @@
 
															+<script setup>
														
 
															+import { computed, onMounted, ref } from "vue";
														
 
															+
														
 
															+const TEMAS_VALIDOS = ["light", "dark"];
														
 
															+const CHAVE_STORAGE = "theme";
														
 
															+
														
 
															+const darkModeInterno = ref(false);
														
 
															+
														
 
															+const darkMode = computed({
														
 
															+  get: () => darkModeInterno.value,
														
 
															+  set: (valor) => alternarTema(valor)
														
 
															+});
														
 
															+
														
 
															+function alternarTema(forcarEscuro) {
														
 
															+  const escuro = forcarEscuro !== undefined ? forcarEscuro : !darkMode.value;
														
 
															+  const tema = escuro ? "dark" : "light";
														
 
															+
														
 
															+  if (!TEMAS_VALIDOS.includes(tema)) {
														
 
															+    try {
														
 
															+      localStorage.removeItem(CHAVE_STORAGE);
														
 
															+    } catch {}
														
 
															+    return;
														
 
															+  }
														
 
															+
														
 
															+  try {
														
 
															+    localStorage.setItem(CHAVE_STORAGE, tema);
														
 
															+  } catch {}
														
 
															+  aplicarTema(escuro);
														
 
															+}
														
 
															+
														
 
															+function aplicarTema(escuro) {
														
 
															+  document.documentElement.classList.toggle("dark", escuro);
														
 
															+  darkModeInterno.value = escuro;
														
 
															+}
														
 
															+
														
 
															+function obterPreferenciaInicial() {
														
 
															+  let salvo = null;
														
 
															+  try {
														
 
															+    salvo = localStorage.getItem(CHAVE_STORAGE);
														
 
															+  } catch {
														
 
															+    salvo = null;
														
 
															+  }
														
 
															+  if (salvo === "dark") return true;
														
 
															+  if (salvo === "light") return false;
														
 
															+  return window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ?? false;
														
 
															+}
														
 
															+
														
 
															+onMounted(() => {
														
 
															+  const classeAtual = document.documentElement.classList.contains("dark");
														
 
															+  const preferencia = obterPreferenciaInicial();
														
 
															+  const escuro = classeAtual || preferencia;
														
 
															+  aplicarTema(escuro);
														
 
															+});
														
 
															+</script>
														
 
															+
														
 
															+<template>
														
 
															+  <button
														
 
															+    type="button"
														
 
															+    class="themeToggleButton"
														
 
															+    aria-label="Alternar tema"
														
 
															+    @click="darkMode = !darkMode"
														
 
															+  >
														
 
															+    <svg v-if="darkMode" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
														
 
															+      <path
														
 
															+        stroke-linecap="round"
														
 
															+        stroke-linejoin="round"
														
 
															+        d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
														
 
															+      />
														
 
															+    </svg>
														
 
															+    <svg v-else class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
														
 
															+      <path
														
 
															+        stroke-linecap="round"
														
 
															+        stroke-linejoin="round"
														
 
															+        d="M21.752 15.002A9.718 9.718 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"
														
 
															+      />
														
 
															+    </svg>  
														
 
															+  </button>
														
 
															+</template>
														
--- a/src/components/ChatWindow.vue
+++ b/src/components/ChatWindow.vue
@@ -0,0 +1,94 @@
 
															+<template>
														
 
															+  <div class="panel">
														
 
															+    <h2 class="title">Chat</h2>
														
 
															+    <div ref="chatEl" class="chat">
														
 
															+      <div v-for="(m, idx) in messages" :key="idx" class="msg" :class="m.role">
														
 
															+        <div class="bubble">{{ m.content }}</div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="row">
														
 
															+      <textarea v-model="draft" rows="2" placeholder="Digite sua pergunta..." @keydown.enter.exact.prevent="onSend" />
														
 
															+      <button :disabled="loading || !draft.trim()" @click="onSend">Enviar</button>
														
 
															+    </div>
														
 
															+    <div v-if="error" class="muted" style="margin-top: 8px">Erro: {{ error }}</div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script setup>
														
 
															+import { ref, nextTick, watch } from "vue";
														
 
															+
														
 
															+const props = defineProps({
														
 
															+  messages: { type: Array, required: true },
														
 
															+  loading: { type: Boolean, required: true },
														
 
															+  error: { type: String, required: true }
														
 
															+});
														
 
															+
														
 
															+const emit = defineEmits(["send"]);
														
 
															+
														
 
															+const draft = ref("");
														
 
															+const chatEl = ref(null);
														
 
															+
														
 
															+watch(
														
 
															+  () => props.messages.length,
														
 
															+  async () => {
														
 
															+    await nextTick();
														
 
															+    const el = chatEl.value;
														
 
															+    if (!el) return;
														
 
															+    el.scrollTop = el.scrollHeight;
														
 
															+  },
														
 
															+  { immediate: true }
														
 
															+);
														
 
															+
														
 
															+async function onSend() {
														
 
															+  const text = draft.value;
														
 
															+  draft.value = "";
														
 
															+  emit("send", text);
														
 
															+  await nextTick();
														
 
															+}
														
 
															+</script>
														
 
															+
														
 
															+<style scoped>
														
 
															+.chat {
														
 
															+  height: min(560px, calc(100vh - 320px));
														
 
															+  overflow: auto;
														
 
															+  border: 1px solid var(--border);
														
 
															+  border-radius: 12px;
														
 
															+  padding: 12px;
														
 
															+  background: var(--chat-bg);
														
 
															+}
														
 
															+
														
 
															+.msg {
														
 
															+  display: flex;
														
 
															+  margin-bottom: 10px;
														
 
															+}
														
 
															+
														
 
															+.msg.user {
														
 
															+  justify-content: flex-end;
														
 
															+}
														
 
															+
														
 
															+.bubble {
														
 
															+  max-width: 78%;
														
 
															+  padding: 10px 12px;
														
 
															+  border-radius: 12px;
														
 
															+  white-space: pre-wrap;
														
 
															+  line-height: 1.35;
														
 
															+}
														
 
															+
														
 
															+.msg.user .bubble {
														
 
															+  background: var(--bubble-user-bg);
														
 
															+  border: 1px solid var(--bubble-user-border);
														
 
															+}
														
 
															+
														
 
															+.msg.assistant .bubble {
														
 
															+  background: var(--bubble-assistant-bg);
														
 
															+  border: 1px solid var(--bubble-assistant-border);
														
 
															+}
														
 
															+
														
 
															+.row {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 1fr 120px;
														
 
															+  gap: 10px;
														
 
															+  margin-top: 12px;
														
 
															+  align-items: start;
														
 
															+}
														
 
															+</style>
														
--- a/src/components/DocumentList.vue
+++ b/src/components/DocumentList.vue
@@ -0,0 +1,55 @@
 
															+<template>
														
 
															+  <div class="panel">
														
 
															+    <h2 class="title">Documentos</h2>
														
 
															+    <div class="row">
														
 
															+      <button :disabled="loading" @click="$emit('refresh')">Atualizar</button>
														
 
															+      <div class="muted">{{ loading ? "Carregando..." : `${items.length} itens` }}</div>
														
 
															+    </div>
														
 
															+    <div v-if="error" class="muted" style="margin-top: 10px">Erro: {{ error }}</div>
														
 
															+    <div class="list">
														
 
															+      <div v-for="it in items" :key="String(it.id)" class="item">
														
 
															+        <div class="muted">{{ it.source || "sem fonte" }} · chunk {{ it.chunkIndex ?? "-" }}</div>
														
 
															+        <div class="text">{{ it.text }}</div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script setup>
														
 
															+defineProps({
														
 
															+  items: { type: Array, required: true },
														
 
															+  loading: { type: Boolean, required: true },
														
 
															+  error: { type: String, required: true }
														
 
															+});
														
 
															+defineEmits(["refresh"]);
														
 
															+</script>
														
 
															+
														
 
															+<style scoped>
														
 
															+.row {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 10px;
														
 
															+}
														
 
															+
														
 
															+.list {
														
 
															+  margin-top: 12px;
														
 
															+  display: grid;
														
 
															+  gap: 10px;
														
 
															+  max-height: 520px;
														
 
															+  overflow: auto;
														
 
															+}
														
 
															+
														
 
															+.item {
														
 
															+  border: 1px solid var(--border);
														
 
															+  border-radius: 12px;
														
 
															+  padding: 10px;
														
 
															+  background: var(--surface-2);
														
 
															+}
														
 
															+
														
 
															+.text {
														
 
															+  margin-top: 6px;
														
 
															+  white-space: pre-wrap;
														
 
															+  line-height: 1.35;
														
 
															+}
														
 
															+</style>
														
--- a/src/components/DocumentUpload.vue
+++ b/src/components/DocumentUpload.vue
@@ -0,0 +1,61 @@
 
															+<template>
														
 
															+  <div class="panel">
														
 
															+    <h2 class="title">Ingestão</h2>
														
 
															+    <div class="muted" style="margin-bottom: 10px">
														
 
															+      Envie .txt, .pdf, .docx ou imagens (png/jpg) com manuais/prints para alimentar a base.
														
 
															+    </div>
														
 
															+    <input
														
 
															+      type="file"
														
 
															+      accept=".txt,.pdf,.docx,.png,.jpg,.jpeg,.webp,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*,text/plain"
														
 
															+      @change="onFile"
														
 
															+    />
														
 
															+    <div style="height: 10px" />
														
 
															+    <textarea v-model="manualText" rows="6" placeholder="Ou cole um texto aqui para ingestão..." />
														
 
															+    <div style="height: 10px" />
														
 
															+    <button :disabled="loading || (!manualText.trim() && !file)" @click="onIngest">
														
 
															+      Ingerir
														
 
															+    </button>
														
 
															+    <div v-if="status" class="muted" style="margin-top: 10px">{{ status }}</div>
														
 
															+    <div v-if="error" class="muted" style="margin-top: 10px">Erro: {{ error }}</div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script setup>
														
 
															+import { ref } from "vue";
														
 
															+
														
 
															+const emit = defineEmits(["ingested"]);
														
 
															+
														
 
															+const manualText = ref("");
														
 
															+const file = ref(null);
														
 
															+const loading = ref(false);
														
 
															+const status = ref("");
														
 
															+const error = ref("");
														
 
															+
														
 
															+async function onFile(e) {
														
 
															+  const f = e.target.files?.[0];
														
 
															+  if (!f) return;
														
 
															+  file.value = f;
														
 
															+  status.value = `Arquivo carregado: ${f.name}`;
														
 
															+}
														
 
															+
														
 
															+async function onIngest() {
														
 
															+  error.value = "";
														
 
															+  status.value = "";
														
 
															+  loading.value = true;
														
 
															+  try {
														
 
															+    const hasManual = Boolean(manualText.value.trim());
														
 
															+    if (hasManual) {
														
 
															+      emit("ingested", { text: manualText.value.trim(), source: "manual" });
														
 
															+    } else if (file.value) {
														
 
															+      emit("ingested", { file: file.value, source: "upload" });
														
 
															+    }
														
 
															+    manualText.value = "";
														
 
															+    file.value = null;
														
 
															+    status.value = "Enviado para ingestão.";
														
 
															+  } catch (e) {
														
 
															+    error.value = e?.message || "erro";
														
 
															+  } finally {
														
 
															+    loading.value = false;
														
 
															+  }
														
 
															+}
														
 
															+</script>
														
--- a/src/components/SearchBox.vue
+++ b/src/components/SearchBox.vue
@@ -0,0 +1,68 @@
 
															+<template>
														
 
															+  <div class="panel">
														
 
															+    <h2 class="title">Busca</h2>
														
 
															+    <div class="row">
														
 
															+      <input v-model="query" placeholder="Buscar na base..." @keydown.enter="onSearch" />
														
 
															+      <button :disabled="loading || !query.trim()" @click="onSearch">Buscar</button>
														
 
															+    </div>
														
 
															+    <div v-if="error" class="muted" style="margin-top: 10px">Erro: {{ error }}</div>
														
 
															+    <div v-if="results.length" class="results">
														
 
															+      <div v-for="r in results" :key="String(r.id)" class="hit">
														
 
															+        <div class="hitHeader">
														
 
															+          <div class="muted">score: {{ r.score?.toFixed?.(3) ?? r.score }}</div>
														
 
															+          <div class="muted">{{ r.source || "sem fonte" }}</div>
														
 
															+        </div>
														
 
															+        <div class="hitText">{{ r.text }}</div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script setup>
														
 
															+import { ref } from "vue";
														
 
															+
														
 
															+const props = defineProps({
														
 
															+  results: { type: Array, required: true },
														
 
															+  loading: { type: Boolean, required: true },
														
 
															+  error: { type: String, required: true }
														
 
															+});
														
 
															+const emit = defineEmits(["search"]);
														
 
															+const query = ref("");
														
 
															+
														
 
															+function onSearch() {
														
 
															+  emit("search", query.value);
														
 
															+}
														
 
															+</script>
														
 
															+
														
 
															+<style scoped>
														
 
															+.row {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 1fr 120px;
														
 
															+  gap: 10px;
														
 
															+}
														
 
															+
														
 
															+.results {
														
 
															+  margin-top: 12px;
														
 
															+  display: grid;
														
 
															+  gap: 10px;
														
 
															+}
														
 
															+
														
 
															+.hit {
														
 
															+  border: 1px solid var(--border);
														
 
															+  border-radius: 12px;
														
 
															+  padding: 10px;
														
 
															+  background: var(--surface-2);
														
 
															+}
														
 
															+
														
 
															+.hitHeader {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 10px;
														
 
															+  margin-bottom: 8px;
														
 
															+}
														
 
															+
														
 
															+.hitText {
														
 
															+  white-space: pre-wrap;
														
 
															+  line-height: 1.35;
														
 
															+}
														
 
															+</style>
														
--- a/src/composables/useChat.js
+++ b/src/composables/useChat.js
@@ -0,0 +1,267 @@
 
															+import { ref, watch } from "vue";
														
 
															+import { sendChat } from "../api/chat.js";
														
 
															+
														
 
															+let singleton;
														
 
															+
														
 
															+export function useChat() {
														
 
															+  const defaultMessages = [
														
 
															+    {
														
 
															+      role: "assistant",
														
 
															+      content: "Posso responder usando a base de conhecimento da empresa. Envie uma pergunta ou faça upload de documentos."
														
 
															+    }
														
 
															+  ];
														
 
															+
														
 
															+  if (singleton) return singleton;
														
 
															+
														
 
															+  const STORAGE_CONVERSATIONS = "oraculo_conversations_v1";
														
 
															+  const STORAGE_ACTIVE_ID = "oraculo_active_conversation_id_v1";
														
 
															+  const STORAGE_MESSAGES_PREFIX = "oraculo_conversation_messages_v1:";
														
 
															+
														
 
															+  function genId() {
														
 
															+    const a = Date.now().toString(36);
														
 
															+    const b = Math.random().toString(36).slice(2, 10);
														
 
															+    return `${a}_${b}`;
														
 
															+  }
														
 
															+
														
 
															+  function normalizeMessages(next) {
														
 
															+    return (next ?? [])
														
 
															+      .filter((m) => m && typeof m === "object")
														
 
															+      .slice(-200)
														
 
															+      .map((m) => ({
														
 
															+        role: m?.role === "user" ? "user" : "assistant",
														
 
															+        content: String(m?.content ?? ""),
														
 
															+        sources: Array.isArray(m?.sources) ? m.sources : undefined
														
 
															+      }));
														
 
															+  }
														
 
															+
														
 
															+  function messagesKey(id) {
														
 
															+    return `${STORAGE_MESSAGES_PREFIX}${String(id ?? "")}`;
														
 
															+  }
														
 
															+
														
 
															+  function loadConversations() {
														
 
															+    if (typeof window === "undefined") return [];
														
 
															+    try {
														
 
															+      const raw = window.localStorage.getItem(STORAGE_CONVERSATIONS);
														
 
															+      if (!raw) return [];
														
 
															+      const parsed = JSON.parse(raw);
														
 
															+      if (!Array.isArray(parsed)) return [];
														
 
															+      return parsed
														
 
															+        .filter((c) => c && typeof c === "object")
														
 
															+        .map((c) => ({
														
 
															+          id: String(c.id ?? ""),
														
 
															+          title: String(c.title ?? "Nova conversa"),
														
 
															+          createdAt: Number(c.createdAt ?? Date.now()),
														
 
															+          updatedAt: Number(c.updatedAt ?? Date.now()),
														
 
															+          messageCount: Number(c.messageCount ?? 0)
														
 
															+        }))
														
 
															+        .filter((c) => c.id);
														
 
															+    } catch {
														
 
															+      return [];
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  function saveConversations(items) {
														
 
															+    if (typeof window === "undefined") return;
														
 
															+    try {
														
 
															+      window.localStorage.setItem(STORAGE_CONVERSATIONS, JSON.stringify(items));
														
 
															+    } catch {}
														
 
															+  }
														
 
															+
														
 
															+  function loadActiveConversationId() {
														
 
															+    if (typeof window === "undefined") return "";
														
 
															+    try {
														
 
															+      return String(window.localStorage.getItem(STORAGE_ACTIVE_ID) ?? "");
														
 
															+    } catch {
														
 
															+      return "";
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  function saveActiveConversationId(id) {
														
 
															+    if (typeof window === "undefined") return;
														
 
															+    try {
														
 
															+      window.localStorage.setItem(STORAGE_ACTIVE_ID, String(id ?? ""));
														
 
															+    } catch {}
														
 
															+  }
														
 
															+
														
 
															+  function loadMessagesForConversation(id) {
														
 
															+    if (typeof window === "undefined") return defaultMessages;
														
 
															+    const key = messagesKey(id);
														
 
															+    try {
														
 
															+      const raw = window.localStorage.getItem(key);
														
 
															+      if (!raw) return defaultMessages;
														
 
															+      const parsed = JSON.parse(raw);
														
 
															+      if (!Array.isArray(parsed) || parsed.length === 0) return defaultMessages;
														
 
															+      return normalizeMessages(parsed);
														
 
															+    } catch {
														
 
															+      return defaultMessages;
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  function saveMessagesForConversation(id, next) {
														
 
															+    if (typeof window === "undefined") return;
														
 
															+    const key = messagesKey(id);
														
 
															+    try {
														
 
															+      window.localStorage.setItem(key, JSON.stringify(normalizeMessages(next)));
														
 
															+    } catch {}
														
 
															+  }
														
 
															+
														
 
															+  function removeMessagesForConversation(id) {
														
 
															+    if (typeof window === "undefined") return;
														
 
															+    try {
														
 
															+      window.localStorage.removeItem(messagesKey(id));
														
 
															+    } catch {}
														
 
															+  }
														
 
															+
														
 
															+  const conversations = ref(loadConversations());
														
 
															+  const activeConversationId = ref(loadActiveConversationId());
														
 
															+  const messages = ref([]);
														
 
															+  const loading = ref(false);
														
 
															+  const error = ref("");
														
 
															+
														
 
															+  function ensureConversationExists(id) {
														
 
															+    const exists = conversations.value.some((c) => c.id === id);
														
 
															+    if (exists) return;
														
 
															+    const now = Date.now();
														
 
															+    conversations.value = [{ id, title: "Nova conversa", createdAt: now, updatedAt: now, messageCount: 0 }, ...conversations.value];
														
 
															+    saveConversations(conversations.value);
														
 
															+  }
														
 
															+
														
 
															+  function upsertConversationMetaFromMessages(id, nextMessages) {
														
 
															+    const normalized = normalizeMessages(nextMessages);
														
 
															+    const firstUser = normalized.find((m) => m.role === "user" && String(m.content ?? "").trim());
														
 
															+    const title = firstUser ? String(firstUser.content).trim().slice(0, 60) : "Nova conversa";
														
 
															+    const now = Date.now();
														
 
															+
														
 
															+    const existing = conversations.value.find((c) => c.id === id);
														
 
															+    if (!existing) {
														
 
															+      conversations.value = [
														
 
															+        { id, title, createdAt: now, updatedAt: now, messageCount: normalized.length },
														
 
															+        ...conversations.value
														
 
															+      ];
														
 
															+    } else {
														
 
															+      const next = conversations.value.map((c) =>
														
 
															+        c.id === id
														
 
															+          ? { ...c, title: c.title && c.title !== "Nova conversa" ? c.title : title, updatedAt: now, messageCount: normalized.length }
														
 
															+          : c
														
 
															+      );
														
 
															+      next.sort((a, b) => (b.updatedAt ?? 0) - (a.updatedAt ?? 0));
														
 
															+      conversations.value = next;
														
 
															+    }
														
 
															+    saveConversations(conversations.value);
														
 
															+  }
														
 
															+
														
 
															+  function setActiveConversation(id) {
														
 
															+    const nextId = String(id ?? "").trim();
														
 
															+    if (!nextId) return;
														
 
															+    ensureConversationExists(nextId);
														
 
															+    activeConversationId.value = nextId;
														
 
															+    saveActiveConversationId(nextId);
														
 
															+    messages.value = loadMessagesForConversation(nextId);
														
 
															+  }
														
 
															+
														
 
															+  function newConversation() {
														
 
															+    const id = genId();
														
 
															+    const now = Date.now();
														
 
															+    conversations.value = [{ id, title: "Nova conversa", createdAt: now, updatedAt: now, messageCount: defaultMessages.length }, ...conversations.value];
														
 
															+    saveConversations(conversations.value);
														
 
															+    activeConversationId.value = id;
														
 
															+    saveActiveConversationId(id);
														
 
															+    messages.value = [...defaultMessages];
														
 
															+    saveMessagesForConversation(id, messages.value);
														
 
															+    return id;
														
 
															+  }
														
 
															+
														
 
															+  function deleteConversation(id) {
														
 
															+    const targetId = String(id ?? "").trim();
														
 
															+    if (!targetId) return;
														
 
															+    conversations.value = conversations.value.filter((c) => c.id !== targetId);
														
 
															+    saveConversations(conversations.value);
														
 
															+    removeMessagesForConversation(targetId);
														
 
															+
														
 
															+    if (activeConversationId.value === targetId) {
														
 
															+      const next = conversations.value[0]?.id;
														
 
															+      if (next) setActiveConversation(next);
														
 
															+      else newConversation();
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  function searchConversations(query) {
														
 
															+    const q = String(query ?? "").trim().toLowerCase();
														
 
															+    if (!q) return conversations.value.slice().sort((a, b) => (b.updatedAt ?? 0) - (a.updatedAt ?? 0));
														
 
															+
														
 
															+    const items = conversations.value.slice().sort((a, b) => (b.updatedAt ?? 0) - (a.updatedAt ?? 0));
														
 
															+    return items.filter((c) => {
														
 
															+      if (String(c.title ?? "").toLowerCase().includes(q)) return true;
														
 
															+      const ms = loadMessagesForConversation(c.id);
														
 
															+      return ms.some((m) => String(m.content ?? "").toLowerCase().includes(q));
														
 
															+    });
														
 
															+  }
														
 
															+
														
 
															+  function ensureInitialState() {
														
 
															+    const existingActive = String(activeConversationId.value ?? "").trim();
														
 
															+    const hasActive = existingActive && conversations.value.some((c) => c.id === existingActive);
														
 
															+    if (hasActive) {
														
 
															+      messages.value = loadMessagesForConversation(existingActive);
														
 
															+      return;
														
 
															+    }
														
 
															+
														
 
															+    const first = conversations.value[0]?.id;
														
 
															+    if (first) {
														
 
															+      setActiveConversation(first);
														
 
															+      return;
														
 
															+    }
														
 
															+
														
 
															+    newConversation();
														
 
															+  }
														
 
															+
														
 
															+  ensureInitialState();
														
 
															+
														
 
															+  watch(
														
 
															+    messages,
														
 
															+    (next) => {
														
 
															+      const id = String(activeConversationId.value ?? "").trim();
														
 
															+      if (!id) return;
														
 
															+      saveMessagesForConversation(id, next);
														
 
															+      upsertConversationMetaFromMessages(id, next);
														
 
															+    },
														
 
															+    { deep: true }
														
 
															+  );
														
 
															+
														
 
															+  async function send(content) {
														
 
															+    error.value = "";
														
 
															+    const trimmed = String(content ?? "").trim();
														
 
															+    if (!trimmed) return;
														
 
															+
														
 
															+    messages.value.push({ role: "user", content: trimmed });
														
 
															+    loading.value = true;
														
 
															+
														
 
															+    try {
														
 
															+      const data = await sendChat(trimmed);
														
 
															+      messages.value.push({
														
 
															+        role: "assistant",
														
 
															+        content: data.answer || "(sem resposta)",
														
 
															+        sources: data.sources ?? []
														
 
															+      });
														
 
															+    } catch (e) {
														
 
															+      error.value = e?.message || "erro";
														
 
															+      messages.value.push({ role: "assistant", content: "Não consegui responder no momento." });
														
 
															+    } finally {
														
 
															+      loading.value = false;
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  singleton = {
														
 
															+    conversations,
														
 
															+    activeConversationId,
														
 
															+    messages,
														
 
															+    loading,
														
 
															+    error,
														
 
															+    send,
														
 
															+    newConversation,
														
 
															+    setActiveConversation,
														
 
															+    deleteConversation,
														
 
															+    searchConversations
														
 
															+  };
														
 
															+
														
 
															+  return singleton;
														
 
															+}
														
--- a/src/composables/useSearch.js
+++ b/src/composables/useSearch.js
@@ -0,0 +1,26 @@
 
															+import { ref } from "vue";
														
 
															+import { search } from "../api/chat.js";
														
 
															+
														
 
															+export function useSearch() {
														
 
															+  const results = ref([]);
														
 
															+  const loading = ref(false);
														
 
															+  const error = ref("");
														
 
															+
														
 
															+  async function run(query) {
														
 
															+    const q = String(query ?? "").trim();
														
 
															+    if (!q) return;
														
 
															+    loading.value = true;
														
 
															+    error.value = "";
														
 
															+    try {
														
 
															+      const data = await search(q);
														
 
															+      results.value = data.results ?? [];
														
 
															+    } catch (e) {
														
 
															+      error.value = e?.message || "erro";
														
 
															+      results.value = [];
														
 
															+    } finally {
														
 
															+      loading.value = false;
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  return { results, loading, error, run };
														
 
															+}
														
--- a/src/layout/LayoutSistema.vue
+++ b/src/layout/LayoutSistema.vue
@@ -0,0 +1,174 @@
 
															+<script setup>
														
 
															+import { computed, onMounted, reactive, ref } from "vue";
														
 
															+import { useRoute, useRouter } from "vue-router";
														
 
															+import BotaoAlterarTema from "../components/BotaoAlterarTema.vue";
														
 
															+import DocumentList from "../components/DocumentList.vue";
														
 
															+import DocumentUpload from "../components/DocumentUpload.vue";
														
 
															+import SearchBox from "../components/SearchBox.vue";
														
 
															+import { ingestDocuments, ingestFile, listDocuments } from "../api/chat.js";
														
 
															+import { useChat } from "../composables/useChat.js";
														
 
															+import { useSearch } from "../composables/useSearch.js";
														
 
															+
														
 
															+const router = useRouter();
														
 
															+const route = useRoute();
														
 
															+const { newConversation } = useChat();
														
 
															+
														
 
															+const { results: searchResults, loading: searchLoading, error: searchError, run: runSearch } = useSearch();
														
 
															+
														
 
															+const docs = reactive({
														
 
															+  items: [],
														
 
															+  loading: false,
														
 
															+  error: ""
														
 
															+});
														
 
															+
														
 
															+const painelAberto = ref("");
														
 
															+const rotaAtiva = computed(() => String(route.name ?? ""));
														
 
															+
														
 
															+function irPara(nome) {
														
 
															+  router.push({ name: nome });
														
 
															+}
														
 
															+
														
 
															+function alternarPainel(nome) {
														
 
															+  const n = String(nome ?? "");
														
 
															+  painelAberto.value = painelAberto.value === n ? "" : n;
														
 
															+}
														
 
															+
														
 
															+async function novaConversa() {
														
 
															+  newConversation();
														
 
															+  await router.push({ name: "home" });
														
 
															+}
														
 
															+
														
 
															+async function loadDocs() {
														
 
															+  docs.loading = true;
														
 
															+  docs.error = "";
														
 
															+  try {
														
 
															+    const data = await listDocuments({ limit: 50, offset: 0 });
														
 
															+    docs.items = data.items ?? [];
														
 
															+  } catch (e) {
														
 
															+    docs.error = e?.message || "erro";
														
 
															+    docs.items = [];
														
 
															+  } finally {
														
 
															+    docs.loading = false;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+async function onIngested({ text, source, file } = {}) {
														
 
															+  try {
														
 
															+    if (file) {
														
 
															+      await ingestFile(file, { source });
														
 
															+    } else {
														
 
															+      await ingestDocuments([{ text, source }]);
														
 
															+    }
														
 
															+    await loadDocs();
														
 
															+  } catch (e) {
														
 
															+    docs.error = e?.message || "erro";
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+onMounted(async () => {
														
 
															+  await loadDocs();
														
 
															+});
														
 
															+</script>
														
 
															+
														
 
															+<template>
														
 
															+  <div class="app">
														
 
															+    <div class="themeToggle">
														
 
															+      <BotaoAlterarTema />
														
 
															+    </div>
														
 
															+    <div class="appShell">
														
 
															+      <aside class="sidebar">
														
 
															+        <div class="sidebarHeader">
														
 
															+          <div class="brandTitle">ORÁCULO</div>
														
 
															+          <div class="brandSub">Assistente interno com base de conhecimento</div>
														
 
															+        </div>
														
 
															+
														
 
															+        <div class="sidebarScroll">
														
 
															+          <div class="panel sidebarNav">
														
 
															+            <button
														
 
															+              type="button"
														
 
															+              class="sidebarNavButton"
														
 
															+              :class="{ active: rotaAtiva === 'home' }"
														
 
															+              @click="novaConversa"
														
 
															+            >
														
 
															+              Nova conversa
														
 
															+            </button>
														
 
															+            <button
														
 
															+              type="button"
														
 
															+              class="sidebarNavButton"
														
 
															+              :class="{ active: rotaAtiva === 'conversas-pesquisar' }"
														
 
															+              @click="irPara('conversas-pesquisar')"
														
 
															+            >
														
 
															+              Pesquisar conversas
														
 
															+            </button>
														
 
															+            <button
														
 
															+              type="button"
														
 
															+              class="sidebarNavButton"
														
 
															+              :class="{ active: rotaAtiva === 'conversas-historico' }"
														
 
															+              @click="irPara('conversas-historico')"
														
 
															+            >
														
 
															+              Histórico
														
 
															+            </button>
														
 
															+
														
 
															+            <div class="sidebarNavDivider" />
														
 
															+
														
 
															+            <button
														
 
															+              type="button"
														
 
															+              class="sidebarNavButton"
														
 
															+              :class="{ active: painelAberto === 'ingestao' }"
														
 
															+              @click="alternarPainel('ingestao')"
														
 
															+            >
														
 
															+              Ingestão
														
 
															+            </button>
														
 
															+            <button
														
 
															+              type="button"
														
 
															+              class="sidebarNavButton"
														
 
															+              :class="{ active: painelAberto === 'documentos' }"
														
 
															+              @click="alternarPainel('documentos')"
														
 
															+            >
														
 
															+              Documentos
														
 
															+            </button>
														
 
															+          </div>
														
 
															+
														
 
															+          <DocumentUpload v-if="painelAberto === 'ingestao'" @ingested="onIngested" />
														
 
															+          <template v-if="painelAberto === 'documentos'">
														
 
															+            <SearchBox :results="searchResults" :loading="searchLoading" :error="searchError" @search="runSearch" />
														
 
															+            <DocumentList :items="docs.items" :loading="docs.loading" :error="docs.error" @refresh="loadDocs" />
														
 
															+          </template>
														
 
															+        </div>
														
 
															+
														
 
															+        <div class="sidebarFooter muted">
														
 
															+          Backend: http://localhost:3001 · Qdrant: http://localhost:6333 · Ollama: http://localhost:11434
														
 
															+        </div>
														
 
															+      </aside>
														
 
															+
														
 
															+      <main class="main">
														
 
															+        <slot />
														
 
															+      </main>
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<style scoped>
														
 
															+.sidebarNav {
														
 
															+  display: grid;
														
 
															+  align-content: end;
														
 
															+  gap: 6px;
														
 
															+  padding: 6px;
														
 
															+}
														
 
															+
														
 
															+.sidebarNavButton {
														
 
															+  width: 100%;
														
 
															+  height: 95%;
														
 
															+  text-align: center;
														
 
															+}
														
 
															+
														
 
															+.sidebarNavButton.active {
														
 
															+  border-color: var(--ring);
														
 
															+}
														
 
															+
														
 
															+.sidebarNavDivider {
														
 
															+  height: 1px;
														
 
															+  background: var(--border);
														
 
															+  margin: 4px 0;
														
 
															+}
														
 
															+</style>
														
--- a/src/layout/configuracao-sidebar.js
+++ b/src/layout/configuracao-sidebar.js
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,40 @@
 
															+import { createApp } from "vue";
														
 
															+import App from "./App.vue";
														
 
															+import "@/styles/style.css";
														
 
															+import { router } from "./router/index.js";
														
 
															+
														
 
															+const appEl = document.getElementById("app");
														
 
															+
														
 
															+function mostrarErroInicial(err) {
														
 
															+  if (!appEl) return;
														
 
															+  if (appEl.dataset.mounted === "1") return;
														
 
															+  const msg = typeof err === "string" ? err : err?.message || String(err || "erro");
														
 
															+  appEl.textContent = `Erro ao iniciar: ${msg}`;
														
 
															+}
														
 
															+
														
 
															+window.addEventListener("error", (e) => mostrarErroInicial(e?.error || e?.message));
														
 
															+window.addEventListener("unhandledrejection", (e) => mostrarErroInicial(e?.reason));
														
 
															+
														
 
															+function aplicarTemaInicial() {
														
 
															+  let salvo = null;
														
 
															+  try {
														
 
															+    salvo = localStorage.getItem("theme");
														
 
															+  } catch {
														
 
															+    salvo = null;
														
 
															+  }
														
 
															+  const tema =
														
 
															+    salvo === "dark" || salvo === "light"
														
 
															+      ? salvo
														
 
															+      : window.matchMedia?.("(prefers-color-scheme: dark)")?.matches
														
 
															+        ? "dark"
														
 
															+        : "light";
														
 
															+
														
 
															+  document.documentElement.classList.toggle("dark", tema === "dark");
														
 
															+}
														
 
															+
														
 
															+aplicarTemaInicial();
														
 
															+
														
 
															+const app = createApp(App);
														
 
															+app.use(router);
														
 
															+app.mount("#app");
														
 
															+if (appEl) appEl.dataset.mounted = "1";
														
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,14 @@
 
															+import { createRouter, createWebHistory } from "vue-router";
														
 
															+import PaginaInicialView from "../views/pagina-inicial/PaginaInicialView.vue";
														
 
															+import ConversasHistoricoView from "../views/conversas/ConversasHistoricoView.vue";
														
 
															+import ConversasPesquisarView from "../views/conversas/ConversasPesquisarView.vue";
														
 
															+
														
 
															+export const router = createRouter({
														
 
															+  history: createWebHistory(import.meta.env.BASE_URL),
														
 
															+  routes: [
														
 
															+    { path: "/", name: "home", component: PaginaInicialView },
														
 
															+    { path: "/conversas/historico", name: "conversas-historico", component: ConversasHistoricoView },
														
 
															+    { path: "/conversas/pesquisar", name: "conversas-pesquisar", component: ConversasPesquisarView },
														
 
															+    { path: "/:pathMatch(.*)*", redirect: "/" }
														
 
															+  ]
														
 
															+});
														
--- a/src/services/toast.js
+++ b/src/services/toast.js
@@ -0,0 +1,9 @@
 
															+let toast = null;
														
 
															+
														
 
															+export function setToastInstance(intance){
														
 
															+    _toast = instance;
														
 
															+}
														
 
															+
														
 
															+export function showToast(options){
														
 
															+    _toast?.add(options);
														
 
															+}
														
--- a/src/stores/preferences.js
+++ b/src/stores/preferences.js
@@ -0,0 +1,12 @@
 
															+import { defineStore } from 'pinia'
														
 
															+
														
 
															+export const usePreferencesStore = defineStore("PreferencesStore", {
														
 
															+    state: () => ({
														
 
															+        darkMode: false
														
 
															+    }),
														
 
															+    actions: {
														
 
															+        setDarkMode(value) {
														
 
															+            this.darkMode = value;
														
 
															+        }
														
 
															+    }
														
 
															+});
														
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -0,0 +1,300 @@
 
															+@import "tailwindcss";
														
 
															+
														
 
															+:root {
														
 
															+  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji",
														
 
															+    "Segoe UI Emoji";
														
 
															+  color-scheme: light;
														
 
															+  --bg: #f6f8ff;
														
 
															+  --surface: rgba(255, 255, 255, 0.72);
														
 
															+  --surface-2: rgba(255, 255, 255, 0.6);
														
 
															+  --border: rgba(15, 23, 42, 0.14);
														
 
															+  --text: #0b1224;
														
 
															+  --muted: rgba(11, 18, 36, 0.65);
														
 
															+  --shadow: 0 18px 50px rgba(15, 23, 42, 0.14);
														
 
															+  --ring: rgba(37, 99, 235, 0.45);
														
 
															+  --btn-border: rgba(37, 99, 235, 0.3);
														
 
															+  --btn-bg-1: rgba(37, 99, 235, 0.12);
														
 
															+  --btn-bg-2: rgba(255, 255, 255, 0.92);
														
 
															+  --chat-bg: rgba(255, 255, 255, 0.55);
														
 
															+  --bubble-user-bg: rgba(37, 99, 235, 0.12);
														
 
															+  --bubble-user-border: rgba(37, 99, 235, 0.25);
														
 
															+  --bubble-assistant-bg: rgba(255, 255, 255, 0.7);
														
 
															+  --bubble-assistant-border: rgba(15, 23, 42, 0.14);
														
 
															+}
														
 
															+
														
 
															+html.dark {
														
 
															+  color-scheme: dark;
														
 
															+  --bg: #070b16;
														
 
															+  --surface: rgba(16, 24, 44, 0.72);
														
 
															+  --surface-2: rgba(10, 16, 30, 0.7);
														
 
															+  --border: rgba(255, 255, 255, 0.12);
														
 
															+  --text: #e7ecf6;
														
 
															+  --muted: rgba(231, 236, 246, 0.68);
														
 
															+  --shadow: 0 18px 50px rgba(0, 0, 0, 0.38);
														
 
															+  --ring: rgba(91, 140, 255, 0.55);
														
 
															+  --btn-border: rgba(91, 140, 255, 0.28);
														
 
															+  --btn-bg-1: rgba(91, 140, 255, 0.18);
														
 
															+  --btn-bg-2: rgba(27, 42, 78, 0.92);
														
 
															+  --chat-bg: rgba(7, 11, 22, 0.6);
														
 
															+  --bubble-user-bg: rgba(27, 42, 78, 0.92);
														
 
															+  --bubble-user-border: rgba(42, 58, 99, 0.9);
														
 
															+  --bubble-assistant-bg: rgba(15, 26, 48, 0.9);
														
 
															+  --bubble-assistant-border: rgba(34, 48, 82, 0.9);
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  margin: 0;
														
 
															+  background: radial-gradient(1200px 700px at 15% 15%, rgba(91, 140, 255, 0.16), transparent 60%),
														
 
															+    radial-gradient(900px 700px at 85% 30%, rgba(162, 102, 255, 0.14), transparent 55%),
														
 
															+    radial-gradient(900px 700px at 60% 85%, rgba(0, 198, 255, 0.08), transparent 60%), var(--bg);
														
 
															+  color: var(--text);
														
 
															+}
														
 
															+
														
 
															+* {
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+.container {
														
 
															+  max-width: 1100px;
														
 
															+  margin: 0 auto;
														
 
															+  padding: 24px;
														
 
															+}
														
 
															+
														
 
															+.app {
														
 
															+  height: 100vh;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.panel {
														
 
															+  background: var(--surface);
														
 
															+  border: 1px solid var(--border);
														
 
															+  border-radius: 12px;
														
 
															+  padding: 16px;
														
 
															+  box-shadow: var(--shadow);
														
 
															+  backdrop-filter: blur(10px);
														
 
															+}
														
 
															+
														
 
															+.title {
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 650;
														
 
															+  margin: 0 0 10px 0;
														
 
															+}
														
 
															+
														
 
															+.muted {
														
 
															+  color: var(--muted);
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+button {
														
 
															+  border: 1px solid var(--btn-border);
														
 
															+  background: linear-gradient(180deg, var(--btn-bg-1), var(--btn-bg-2));
														
 
															+  color: var(--text);
														
 
															+  padding: 10px 12px;
														
 
															+  border-radius: 10px;
														
 
															+  cursor: pointer;
														
 
															+  transition: transform 120ms ease, border-color 120ms ease;
														
 
															+}
														
 
															+
														
 
															+button:hover:not(:disabled) {
														
 
															+  transform: translateY(-1px);
														
 
															+  border-color: var(--ring);
														
 
															+}
														
 
															+
														
 
															+button:disabled {
														
 
															+  opacity: 0.5;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+input,
														
 
															+textarea {
														
 
															+  width: 100%;
														
 
															+  border: 1px solid var(--border);
														
 
															+  background: var(--surface-2);
														
 
															+  color: var(--text);
														
 
															+  padding: 10px 12px;
														
 
															+  border-radius: 10px;
														
 
															+  outline: none;
														
 
															+}
														
 
															+
														
 
															+select {
														
 
															+  width: 100%;
														
 
															+  border: 1px solid var(--border);
														
 
															+  background: var(--surface-2);
														
 
															+  color: var(--text);
														
 
															+  padding: 10px 12px;
														
 
															+  border-radius: 10px;
														
 
															+  outline: none;
														
 
															+  appearance: none;
														
 
															+}
														
 
															+
														
 
															+textarea {
														
 
															+  resize: vertical;
														
 
															+}
														
 
															+
														
 
															+input:focus,
														
 
															+textarea:focus,
														
 
															+select:focus {
														
 
															+  border-color: var(--ring);
														
 
															+  box-shadow: 0 0 0 3px rgba(91, 140, 255, 0.18);
														
 
															+}
														
 
															+
														
 
															+.themeToggle {
														
 
															+  position: fixed;
														
 
															+  top: 14px;
														
 
															+  right: 14px;
														
 
															+  z-index: 1000;
														
 
															+}
														
 
															+
														
 
															+.themeToggleButton {
														
 
															+  padding: 10px;
														
 
															+  border-radius: 999px;
														
 
															+  line-height: 0;
														
 
															+}
														
 
															+
														
 
															+.themeToggleButton svg {
														
 
															+  width: 20px;
														
 
															+  height: 20px;
														
 
															+  display: block;
														
 
															+}
														
 
															+
														
 
															+.appShell {
														
 
															+  height: 100%;
														
 
															+  overflow: hidden;
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 340px 1fr;
														
 
															+}
														
 
															+
														
 
															+.sidebar {
														
 
															+  border-right: 1px solid var(--border);
														
 
															+  background: var(--surface);
														
 
															+  box-shadow: var(--shadow);
														
 
															+  backdrop-filter: blur(10px);
														
 
															+  display: grid;
														
 
															+  grid-template-rows: auto 1fr auto;
														
 
															+  min-height: 0;
														
 
															+  gap: 14px;
														
 
															+  overflow: hidden;
														
 
															+  padding: 18px;
														
 
															+}
														
 
															+
														
 
															+.sidebarHeader {
														
 
															+  padding-right: 34px;
														
 
															+}
														
 
															+
														
 
															+.sidebarScroll {
														
 
															+  overflow: auto;
														
 
															+  display: grid;
														
 
															+  gap: 14px;
														
 
															+  min-height: 0;
														
 
															+  padding-right: 2px;
														
 
															+}
														
 
															+
														
 
															+.sidebarFooter {
														
 
															+  font-size: 11px;
														
 
															+  line-height: 1.35;
														
 
															+  padding-right: 34px;
														
 
															+}
														
 
															+
														
 
															+.main {
														
 
															+  padding: 22px;
														
 
															+  display: grid;
														
 
															+  align-items: stretch;
														
 
															+  min-height: 0;
														
 
															+  overflow: auto;
														
 
															+}
														
 
															+
														
 
															+.landing {
														
 
															+  display: grid;
														
 
															+  place-items: center;
														
 
															+}
														
 
															+
														
 
															+.landingInner {
														
 
															+  width: min(760px, 100%);
														
 
															+}
														
 
															+
														
 
															+.landingTitle {
														
 
															+  font-weight: 760;
														
 
															+  font-size: 28px;
														
 
															+  letter-spacing: -0.02em;
														
 
															+}
														
 
															+
														
 
															+.landingSub {
														
 
															+  margin-top: 8px;
														
 
															+  color: var(--muted);
														
 
															+}
														
 
															+
														
 
															+.landingComposer {
														
 
															+  margin-top: 18px;
														
 
															+  padding: 14px;
														
 
															+}
														
 
															+
														
 
															+.landingComposer textarea {
														
 
															+  min-height: 96px;
														
 
															+}
														
 
															+
														
 
															+.landingActions {
														
 
															+  display: flex;
														
 
															+  justify-content: flex-end;
														
 
															+  margin-top: 10px;
														
 
															+}
														
 
															+
														
 
															+.mainChat {
														
 
															+  width: min(980px, 100%);
														
 
															+  justify-self: center;
														
 
															+  align-self: start;
														
 
															+}
														
 
															+
														
 
															+.topbar {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: flex-end;
														
 
															+  gap: 16px;
														
 
															+  margin-bottom: 16px;
														
 
															+}
														
 
															+
														
 
															+.brandTitle {
														
 
															+  letter-spacing: 0.14em;
														
 
															+  font-weight: 760;
														
 
															+  font-size: 16px;
														
 
															+}
														
 
															+
														
 
															+.brandSub {
														
 
															+  margin-top: 6px;
														
 
															+  color: var(--muted);
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.layout {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 1.35fr 0.65fr;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.stack {
														
 
															+  display: grid;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.footer {
														
 
															+  margin-top: 14px;
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 980px) {
														
 
															+  .appShell {
														
 
															+    grid-template-columns: 1fr;
														
 
															+  }
														
 
															+  .sidebar {
														
 
															+    border-right: 0;
														
 
															+    border-bottom: 1px solid var(--border);
														
 
															+  }
														
 
															+  .main {
														
 
															+    padding: 16px;
														
 
															+  }
														
 
															+  .topbar {
														
 
															+    align-items: stretch;
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+  .layout {
														
 
															+    grid-template-columns: 1fr;
														
 
															+  }
														
 
															+}
														
--- a/src/views/conversas/ConversasHistoricoView.vue
+++ b/src/views/conversas/ConversasHistoricoView.vue
@@ -0,0 +1,81 @@
 
															+<script setup>
														
 
															+import { computed } from "vue";
														
 
															+import { useRouter } from "vue-router";
														
 
															+import LayoutSistema from "../../layout/LayoutSistema.vue";
														
 
															+import { useChat } from "../../composables/useChat.js";
														
 
															+
														
 
															+const router = useRouter();
														
 
															+const { conversations, activeConversationId, setActiveConversation, deleteConversation } = useChat();
														
 
															+
														
 
															+const items = computed(() =>
														
 
															+  (conversations.value ?? []).slice().sort((a, b) => Number(b.updatedAt ?? 0) - Number(a.updatedAt ?? 0))
														
 
															+);
														
 
															+
														
 
															+function formatarData(ts) {
														
 
															+  try {
														
 
															+    return new Date(Number(ts ?? 0)).toLocaleString();
														
 
															+  } catch {
														
 
															+    return "";
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+function abrirConversa(id) {
														
 
															+  setActiveConversation(id);
														
 
															+  router.push({ name: "home" });
														
 
															+}
														
 
															+
														
 
															+function excluirConversa(id) {
														
 
															+  deleteConversation(id);
														
 
															+}
														
 
															+</script>
														
 
															+
														
 
															+<template>
														
 
															+  <LayoutSistema>
														
 
															+    <div class="panel">
														
 
															+      <h2 class="title">Histórico</h2>
														
 
															+      <div class="muted" style="margin-bottom: 10px">{{ items.length }} conversas</div>
														
 
															+
														
 
															+      <div class="historyList">
														
 
															+        <div v-for="c in items" :key="c.id" class="historyItem" :class="{ active: c.id === activeConversationId }">
														
 
															+          <button class="historyOpen" type="button" @click="abrirConversa(c.id)">
														
 
															+            <div class="historyTitle">{{ c.title || "Nova conversa" }}</div>
														
 
															+            <div class="muted">{{ formatarData(c.updatedAt) }} · {{ c.messageCount ?? 0 }} msgs</div>
														
 
															+          </button>
														
 
															+          <button class="historyDelete" type="button" @click="excluirConversa(c.id)">Excluir</button>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  </LayoutSistema>
														
 
															+</template>
														
 
															+
														
 
															+<style scoped>
														
 
															+.historyList {
														
 
															+  display: grid;
														
 
															+  gap: 10px;
														
 
															+}
														
 
															+
														
 
															+.historyItem {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 1fr auto;
														
 
															+  gap: 10px;
														
 
															+  align-items: stretch;
														
 
															+}
														
 
															+
														
 
															+.historyItem.active .historyOpen {
														
 
															+  border-color: var(--ring);
														
 
															+}
														
 
															+
														
 
															+.historyOpen {
														
 
															+  text-align: left;
														
 
															+}
														
 
															+
														
 
															+.historyTitle {
														
 
															+  font-weight: 650;
														
 
															+  margin-bottom: 6px;
														
 
															+}
														
 
															+
														
 
															+.historyDelete {
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+</style>
														
 
															+
														
--- a/src/views/conversas/ConversasPesquisarView.vue
+++ b/src/views/conversas/ConversasPesquisarView.vue
@@ -0,0 +1,71 @@
 
															+<script setup>
														
 
															+import { computed, ref } from "vue";
														
 
															+import { useRouter } from "vue-router";
														
 
															+import LayoutSistema from "../../layout/LayoutSistema.vue";
														
 
															+import { useChat } from "../../composables/useChat.js";
														
 
															+
														
 
															+const router = useRouter();
														
 
															+const { searchConversations, setActiveConversation } = useChat();
														
 
															+
														
 
															+const draftQuery = ref("");
														
 
															+const query = ref("");
														
 
															+const results = computed(() => searchConversations(query.value));
														
 
															+
														
 
															+function buscar() {
														
 
															+  query.value = String(draftQuery.value ?? "");
														
 
															+}
														
 
															+
														
 
															+function abrirConversa(id) {
														
 
															+  setActiveConversation(id);
														
 
															+  router.push({ name: "home" });
														
 
															+}
														
 
															+</script>
														
 
															+
														
 
															+<template>
														
 
															+  <LayoutSistema>
														
 
															+    <div class="panel">
														
 
															+      <h2 class="title">Pesquisar conversas</h2>
														
 
															+      <div class="row">
														
 
															+        <input
														
 
															+          v-model="draftQuery"
														
 
															+          placeholder="Buscar por título ou conteúdo..."
														
 
															+          @keydown.enter.prevent="buscar"
														
 
															+        />
														
 
															+        <button type="button" :disabled="!draftQuery.trim()" @click="buscar">Buscar</button>
														
 
															+      </div>
														
 
															+
														
 
															+      <div class="muted" style="margin-top: 10px">
														
 
															+        {{ query.trim() ? `${results.length} resultados` : "Digite para filtrar o histórico." }}
														
 
															+      </div>
														
 
															+
														
 
															+      <div class="results" style="margin-top: 12px">
														
 
															+        <button v-for="c in results" :key="c.id" class="resultItem" type="button" @click="abrirConversa(c.id)">
														
 
															+          <div class="resultTitle">{{ c.title || "Nova conversa" }}</div>
														
 
															+          <div class="muted">{{ c.messageCount ?? 0 }} msgs</div>
														
 
															+        </button>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  </LayoutSistema>
														
 
															+</template>
														
 
															+
														
 
															+<style scoped>
														
 
															+.row {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 1fr 120px;
														
 
															+  gap: 10px;
														
 
															+}
														
 
															+
														
 
															+.results {
														
 
															+  display: grid;
														
 
															+  gap: 10px;
														
 
															+}
														
 
															+
														
 
															+.resultItem {
														
 
															+  text-align: left;
														
 
															+}
														
 
															+
														
 
															+.resultTitle {
														
 
															+  font-weight: 650;
														
 
															+  margin-bottom: 6px;
														
 
															+}
														
 
															+</style>
														
--- a/src/views/pagina-inicial/PaginaInicialView.vue
+++ b/src/views/pagina-inicial/PaginaInicialView.vue
@@ -0,0 +1,48 @@
 
															+<script setup>
														
 
															+import { computed, ref } from "vue";
														
 
															+import ChatWindow from "../../components/ChatWindow.vue";
														
 
															+import LayoutSistema from "../../layout/LayoutSistema.vue";
														
 
															+import { useChat } from "../../composables/useChat.js";
														
 
															+
														
 
															+const { messages: chatMessages, loading: chatLoading, error: chatError, send: sendMessage } = useChat();
														
 
															+
														
 
															+const landingDraft = ref("");
														
 
															+const isLanding = computed(() => {
														
 
															+  const ms = chatMessages.value ?? [];
														
 
															+  if (ms.length === 0) return true;
														
 
															+  if (ms.length === 1 && ms[0]?.role === "assistant") return true;
														
 
															+  return false;
														
 
															+});
														
 
															+
														
 
															+async function onLandingSend() {
														
 
															+  const text = landingDraft.value;
														
 
															+  landingDraft.value = "";
														
 
															+  await sendMessage(text);
														
 
															+}
														
 
															+</script>
														
 
															+
														
 
															+<template>
														
 
															+  <LayoutSistema>
														
 
															+    <div v-if="isLanding" class="landing">
														
 
															+      <div class="landingInner">
														
 
															+        <div class="landingTitle">Como posso ajudar?</div>
														
 
															+        <div class="landingSub">Digite sua pergunta no campo abaixo. Você também pode alimentar a base pela barra lateral.</div>
														
 
															+
														
 
															+        <div class="landingComposer">
														
 
															+          <textarea
														
 
															+            v-model="landingDraft"
														
 
															+            rows="2"
														
 
															+            placeholder="Digite sua pergunta..."
														
 
															+            @keydown.enter.exact.prevent="onLandingSend"
														
 
															+          />
														
 
															+        </div>
														
 
															+
														
 
															+        <div v-if="chatError" class="muted" style="margin-top: 10px">Erro: {{ chatError }}</div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+
														
 
															+    <div v-else class="mainChat">
														
 
															+      <ChatWindow :messages="chatMessages" :loading="chatLoading" :error="chatError" @send="sendMessage" />
														
 
															+    </div>
														
 
															+  </LayoutSistema>
														
 
															+</template>
														
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,28 @@
 
															+import { defineConfig } from "vite";
														
 
															+import vue from "@vitejs/plugin-vue";
														
 
															+import VueDevTools from "vite-plugin-vue-devtools";
														
 
															+import tailwindcss from "@tailwindcss/postcss";
														
 
															+import autoprefixer from "autoprefixer";
														
 
															+import { fileURLToPath } from "node:url";
														
 
															+import path from "node:path";
														
 
															+
														
 
															+const __dirname = path.dirname(fileURLToPath(import.meta.url));
														
 
															+
														
 
															+export default defineConfig(({ command }) => ({
														
 
															+  resolve: {
														
 
															+    alias: {
														
 
															+      "@": path.resolve(__dirname, "src")
														
 
															+    }
														
 
															+  },
														
 
															+  plugins: command === "serve"
														
 
															+    ? [VueDevTools({ launchEditor: fileURLToPath(new URL("./scripts/launch-editor-trae.sh", import.meta.url)) }), vue()]
														
 
															+    : [vue()],
														
 
															+  css: {
														
 
															+    postcss: {
														
 
															+      plugins: [tailwindcss(), autoprefixer()]
														
 
															+    }
														
 
															+  },
														
 
															+  server: {
														
 
															+    port: 5173
														
 
															+  }
														
 
															+}));