wadi 1.0.0

package/apps/frontend/src/store/documentStore.ts

@@ -0,0 +1,89 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { API_URL } from "./chatStore";
+
+export interface Document {
+  id: string;
+  filename: string;
+  content: string;
+  size: number;
+  uploadedAt: string;
+  tokens: number;
+}
+
+interface DocumentState {
+  documents: Document[];
+  currentDocumentId: string | null;
+
+  addDocument: (doc: Document) => void;
+  removeDocument: (id: string) => void;
+  setCurrentDocument: (id: string | null) => void;
+  clearDocuments: () => void;
+
+  uploadDocument: (file: File) => Promise<Document>;
+  getDocumentContent: (id: string) => string | null;
+}
+
+export const useDocumentStore = create<DocumentState>()(
+  persist(
+    (set, get) => ({
+      documents: [],
+      currentDocumentId: null,
+
+      addDocument: (doc) =>
+        set((state) => ({
+          documents: [...state.documents, doc],
+          currentDocumentId: doc.id,
+        })),
+
+      removeDocument: (id) =>
+        set((state) => ({
+          documents: state.documents.filter((d) => d.id !== id),
+          currentDocumentId:
+            state.currentDocumentId === id ? null : state.currentDocumentId,
+        })),
+
+      setCurrentDocument: (id) => set({ currentDocumentId: id }),
+
+      clearDocuments: () => set({ documents: [], currentDocumentId: null }),
+
+      getDocumentContent: (id) => {
+        const doc = get().documents.find((d) => d.id === id);
+        return doc ? doc.content : null;
+      },
+
+      uploadDocument: async (file: File) => {
+        const formData = new FormData();
+        formData.append("file", file);
+
+        // We use the basic upload endpoint
+        const res = await fetch(`${API_URL}/api/documents/upload`, {
+          method: "POST",
+          // headers: { Authorization: ... } // Managed by browser or global auth logic if needed
+          body: formData,
+        });
+
+        if (!res.ok) {
+          throw new Error("Error subiendo archivo. WADI lo rechazó.");
+        }
+
+        const data = await res.json();
+
+        const newDoc: Document = {
+          id: crypto.randomUUID(),
+          filename: data.filename,
+          content: data.content,
+          size: data.size,
+          tokens: data.tokens,
+          uploadedAt: new Date().toISOString(),
+        };
+
+        get().addDocument(newDoc);
+        return newDoc;
+      },
+    }),
+    {
+      name: "wadi-documents-storage",
+    }
+  )
+);

package/apps/frontend/src/store/projectsStore.ts

@@ -0,0 +1,111 @@
+import { create } from "zustand";
+import { supabase } from "../config/supabase";
+import { fetchWithRetry } from "../utils/api";
+
+interface Project {
+  id: string;
+  name: string;
+  description?: string;
+  created_at: string;
+}
+
+interface ProjectsState {
+  projects: Project[];
+  loading: boolean;
+  fetchProjects: () => Promise<void>;
+  createProject: (name: string, description: string) => Promise<void>;
+}
+
+const rawUrl = import.meta.env.VITE_API_URL || "https://wadi-wxg7.onrender.com";
+const API_URL = rawUrl.replace(/\/api\/?$/, "").replace(/\/$/, "");
+
+export const useProjectsStore = create<ProjectsState>((set) => ({
+  projects: [],
+  loading: false,
+
+  fetchProjects: async () => {
+    set({ loading: true });
+    try {
+      const {
+        data: { session },
+      } = await supabase.auth.getSession();
+      const token = session?.access_token;
+      if (!token) throw new Error("No authenticated session (Please login)");
+
+      const res = await fetchWithRetry(`${API_URL}/api/projects`, {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      });
+
+      if (!res.ok) {
+        let msg = `Error: ${res.status}`;
+        try {
+          const err = await res.json();
+          msg = err.error?.message || err.message || msg;
+        } catch {
+          /* ignore */
+        }
+        throw new Error(msg);
+      }
+
+      const contentType = res.headers.get("content-type");
+      if (!contentType || !contentType.includes("application/json")) {
+        throw new Error("Respuesta inválida del servidor (no es JSON)");
+      }
+
+      const data = await res.json();
+      // Handle unified response shape if GET returns wrapped data?
+      // My backend routes.js returns `res.json(data)` (array), NOT `{ ok: true, data: [] }`.
+      // Only errors are wrapped. So straight array for data.
+      set({ projects: data, loading: false });
+    } catch (e) {
+      console.error("Failed to fetch projects", e);
+      set({ loading: false });
+      // Might want to expose error in store? But interface doesn't have it.
+    }
+  },
+
+  createProject: async (name, description) => {
+    try {
+      const {
+        data: { session },
+      } = await supabase.auth.getSession();
+      const token = session?.access_token;
+
+      const res = await fetchWithRetry(`${API_URL}/api/projects`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${token}`,
+        },
+        body: JSON.stringify({
+          name,
+          description,
+        }),
+      });
+
+      if (!res.ok) {
+        let msg = `Error: ${res.status}`;
+        try {
+          const err = await res.json();
+          msg = err.error?.message || err.message || msg;
+        } catch {
+          /* ignore */
+        }
+        throw new Error(msg);
+      }
+
+      const contentType = res.headers.get("content-type");
+      if (!contentType || !contentType.includes("application/json")) {
+        throw new Error("El servidor devolvió un error inesperado (HTML).");
+      }
+
+      const data = await res.json();
+      set((state) => ({ projects: [data, ...state.projects] }));
+    } catch (e) {
+      console.error("Failed to create project", e);
+      throw e;
+    }
+  },
+}));

package/apps/frontend/src/store/runsStore.ts

@@ -0,0 +1,98 @@
+import { create } from "zustand";
+import { supabase } from "../config/supabase";
+import { fetchWithRetry } from "../utils/api";
+
+interface Run {
+  id: string;
+  input: string;
+  output: string;
+  created_at: string;
+}
+
+interface RunsState {
+  runs: Run[];
+  loading: boolean;
+  fetchRuns: (projectId: string) => Promise<void>;
+  createRun: (projectId: string, input: string) => Promise<void>;
+}
+
+const rawUrl = import.meta.env.VITE_API_URL || "https://wadi-wxg7.onrender.com";
+const API_URL = rawUrl.replace(/\/api\/?$/, "").replace(/\/$/, "");
+
+export const useRunsStore = create<RunsState>((set) => ({
+  runs: [],
+  loading: false,
+
+  fetchRuns: async (projectId) => {
+    set({ loading: true });
+
+    try {
+      const {
+        data: { session },
+      } = await supabase.auth.getSession();
+      const token = session?.access_token;
+
+      const res = await fetchWithRetry(
+        `${API_URL}/api/projects/${projectId}/runs`,
+        {
+          headers: token ? { Authorization: `Bearer ${token}` } : {},
+        }
+      );
+
+      if (!res.ok) {
+        let msg = `Error: ${res.status}`;
+        try {
+          const err = await res.json();
+          msg = err.error?.message || err.message || msg;
+        } catch {
+          /* ignore */
+        }
+        throw new Error(msg);
+      }
+
+      const data = await res.json();
+      set({ runs: data, loading: false });
+    } catch (e) {
+      console.error("Failed to fetch runs", e);
+      set({ loading: false });
+    }
+  },
+
+  createRun: async (projectId, input) => {
+    try {
+      const {
+        data: { session },
+      } = await supabase.auth.getSession();
+      const token = session?.access_token;
+
+      const res = await fetchWithRetry(
+        `${API_URL}/api/projects/${projectId}/runs`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: token ? `Bearer ${token}` : "",
+          },
+          body: JSON.stringify({ input }),
+        }
+      );
+
+      if (!res.ok) {
+        let msg = `Error: ${res.status}`;
+        try {
+          const err = await res.json();
+          msg = err.error?.message || err.message || msg;
+        } catch {
+          /* ignore */
+        }
+        throw new Error(msg);
+      }
+
+      const data = await res.json();
+      set((state) => ({ runs: [data, ...state.runs] }));
+    } catch (e) {
+      console.error("Failed to create run", e);
+      throw e;
+    }
+  },
+}));

package/apps/frontend/src/utils/api.ts

@@ -0,0 +1,34 @@
+export const fetchWithRetry = async (
+  url: string,
+  options: RequestInit = {},
+  retries = 3,
+  backoff = 300
+): Promise<Response> => {
+  try {
+    const res = await fetch(url, options);
+
+    // Check for success
+    if (res.ok) return res;
+
+    // Retry on Rate Limit (429) or Server Error (5xx)
+    if (retries > 0 && (res.status === 429 || res.status >= 500)) {
+      console.warn(
+        `Retrying ${url} (${res.status})... Attempts left: ${retries}`
+      );
+      await new Promise((r) => setTimeout(r, backoff));
+      return fetchWithRetry(url, options, retries - 1, backoff * 2);
+    }
+
+    return res;
+  } catch (error) {
+    // Network errors (fetch throws)
+    if (retries > 0) {
+      console.warn(
+        `Network error for ${url}. Retrying... Attempts left: ${retries}`
+      );
+      await new Promise((r) => setTimeout(r, backoff));
+      return fetchWithRetry(url, options, retries - 1, backoff * 2);
+    }
+    throw error;
+  }
+};

package/apps/frontend/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare namespace JSX {
+  interface IntrinsicElements {
+    [elemName: string]: any;
+  }
+}

package/apps/frontend/tailwind.config.cjs

@@ -0,0 +1,32 @@
+module.exports = {
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        wadi: {
+          bg: "#f3f3f0",
+          surface: "#e5e5e0",
+          text: "#1a1a1a",
+          subtle: "#666666",
+          accent: "#00a7a7", // Teal
+          danger: "#e11d48", // Stronger red for light mode
+          border: "#d4d4cc",
+        },
+      },
+      borderRadius: {
+        wadi: "1rem",
+      },
+      boxShadow: {
+        wadi: "0 2px 10px rgba(145, 246, 215, 0.1)",
+      },
+      fontFamily: {
+        sans: ["Inter", "ui-sans-serif", "system-ui"],
+      },
+      spacing: {
+        input: "3rem",
+      },
+    },
+  },
+  plugins: [],
+};

package/apps/frontend/tsconfig.app.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/apps/frontend/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/apps/frontend/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/apps/frontend/vite.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig, loadEnv } from "vite";
+import react from "@vitejs/plugin-react";
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+
+  return {
+    base: "/",
+    plugins: [react()],
+    define: {
+      "import.meta.env.VITE_SUPABASE_URL": JSON.stringify(
+        env.VITE_SUPABASE_URL || env.SUPABASE_URL
+      ),
+      "import.meta.env.VITE_SUPABASE_KEY": JSON.stringify(
+        env.VITE_SUPABASE_KEY || env.SUPABASE_KEY
+      ),
+    },
+    build: {
+      outDir: "dist",
+      assetsDir: "assets",
+      emptyOutDir: true,
+    },
+  };
+});

package/apps/kivo/.firebase/hosting.d3d3.cache

@@ -0,0 +1,11 @@
+sw.js,1764938915730,8b1b9783edfa8d544da892ba7544d2d78073be8ef7dac3d51ec62c44ef962536
+style.css,1764891366974,952ffa696c0b0e6f72c188be6b9c21f342e36f603fe389bfc2188d60140321f4
+manifest.json,1764937803384,d2b71286ca452740ddecf13ae161031bcb54720c31606d06d925de1eb2608bde
+index.html,1764937785775,4e6fc4c044330416955a189280e7c077815a5cd156fa5c5c3e4bbabab6ec3dca
+firebase-config.js,1764864376063,62203773faa6509c0daa8ca08e3b440f74bd5c3d3f5b7d34903bb7757d0f6852
+favicon.ico,1764857804978,9faedf10d0055e9b08d21824a66062cb7a9322ba431e74eae95b471d1aea68c7
+assets/pop.mp3,1764857838135,46b50c321b39e89a491b6727a01628c34245605a30beb3e7414c5e01cff90e6e
+assets/kivo-icon.png,1764857804978,9faedf10d0055e9b08d21824a66062cb7a9322ba431e74eae95b471d1aea68c7
+assets/icon-512.png,1764891440378,3a58649a6c58e753c38dca0e1b8804533201e664aef78be400d72b1ba6a9a9bc
+assets/icon-192.png,1764891426322,0470c1ebc96e639f4849ed49c2f028ef98286ec4db041fe7d2706afe13271d47
+script.js,1764939149374,a1447b17184f8caebf45753759b9b94c97d34bdc85b0b517151954bc78ec48f5

package/apps/kivo/.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "kivo-8c62e"
+  }
+}

package/apps/kivo/BRANDING_GUIDE.md

@@ -0,0 +1,71 @@
+# Kivo Branding Guide
+
+## 1. Misión
+
+**"Del caos al orden."**
+Kivo es un compañero emocional inteligente diseñado para ayudar a los usuarios a procesar sus pensamientos y emociones en un entorno seguro, minimalista y libre de juicios.
+
+## 2. Paleta de Colores
+
+### Principales
+
+- **Fondo Principal**: `#F7F6F2` (Off-white cálido, papel)
+- **Texto Primario**: `#1F2937` (Gris oscuro cálido)
+- **Texto Secundario**: `#6B7280` (Gris medio)
+
+### Acentos
+
+- **Primario (Acción/Usuario)**: `#3B82F6` (Azul vibrante pero suave)
+- **Complementario**: `#22D3EE` (Cyan suave)
+- **Emocional**: `#A78BFA` (Violeta suave)
+
+### UI Elements
+
+- **Glass Panel**: `rgba(255, 255, 255, 0.6)`
+- **Glass Border**: `rgba(255, 255, 255, 0.4)`
+- **Sombra Suave**: `0 4px 20px rgba(0, 0, 0, 0.05)`
+
+## 3. Tipografía
+
+- **Familia**: Inter, SF Pro Display, o system-ui.
+- **Estilo**: Limpio, moderno, sans-serif.
+- **Pesos**:
+  - Títulos: SemiBold (600) o Bold (700)
+  - Cuerpo: Regular (400)
+  - Botones: SemiBold (600)
+
+## 4. Logo
+
+- **Estilo**: Tipográfico puro. Sin isotipos complejos.
+- **Color**: `#1F2937` sobre fondo claro.
+- **Uso**: Centrado en splash screens y headers.
+
+## 5. Componentes UI
+
+### Burbujas de Chat
+
+- **Usuario (Derecha)**:
+  - Fondo: `#3B82F6`
+  - Texto: Blanco
+  - Radio: 20px (redondo)
+- **Kivo (Izquierda)**:
+  - Fondo: Glass / Blanco translúcido
+  - Texto: `#1F2937`
+  - Borde: Sutil (`rgba(255,255,255,0.5)`)
+
+### Botones
+
+- **Primario**: Pill shape (bordes redondeados completos), color acento, sombra suave.
+- **Secundario**: Borde fino, fondo transparente.
+
+## 6. Tono de Voz
+
+- **Empático**: Escucha activa, validación.
+- **Directo**: Sin rodeos innecesarios.
+- **Adaptable**: Cambia según el modo (Barrio, Técnico, Reflexivo).
+
+## 7. Prohibiciones (Don'ts)
+
+- ✖ No usar sombras duras o negras puras (`#000000`).
+- ✖ No usar gradientes agresivos.
+- ✖ No saturar la interfaz con elementos decorativos innecesarios.

package/apps/kivo/DEPLOYMENT_READY.md

@@ -0,0 +1,46 @@
+# Kivo Deployment Readiness Report
+
+## Build Status
+
+- **Date**: 2025-12-04
+- **Status**: Ready for Distribution
+- **Version**: 1.0.0 (1)
+
+## Artifacts Location
+
+The following build artifacts have been generated in `apps/kivo/android/app/build/outputs/`:
+
+### APK (Direct Install)
+
+- **Debug APK**: `apk/debug/app-debug.apk` (For testing)
+- **Release APK**: `apk/release/app-release-unsigned.apk` (Requires signing)
+
+### AAB (Google Play Store)
+
+- **Release Bundle**: `bundle/release/app-release.aab` (Required for Play Console)
+
+## Deployment Instructions
+
+### 1. Google Play Store (AAB)
+
+1. Go to **Google Play Console**.
+2. Create a new release in **Production** or **Testing**.
+3. Upload the `app-release.aab` file.
+4. Google Play will handle the signing (if Play App Signing is enabled).
+
+### 2. Manual Distribution (APK)
+
+To share the APK manually (e.g., via WhatsApp or website):
+
+1. Use the `app-debug.apk` for quick testing.
+2. For production, you must sign the `app-release-unsigned.apk`:
+
+   ```bash
+   apksigner sign --ks my-release-key.jks --out app-release-signed.apk app-release-unsigned.apk
+   ```
+
+## Environment
+
+- **SDK**: Android API 34
+- **Java**: JDK 17
+- **Build System**: Gradle 8.x

package/apps/kivo/DEPLOY_URL.md

@@ -0,0 +1,12 @@
+# Kivo Deployment URLs
+
+Kivo is now live on Firebase Hosting!
+
+- **Primary URL**: https://kivo-8c62e.web.app
+- **Alternate URL**: https://kivo-8c62e.firebaseapp.com
+
+## Status
+
+- **Deployed**: Yes
+- **Date**: 2025-12-04
+- **Environment**: Production (Firebase Hosting)

package/apps/kivo/IMPLEMENTATION_REPORT.md

@@ -0,0 +1,35 @@
+# Kivo Mobile 2.0 Implementation Report
+
+## 1. Mobile UI Responsiveness
+
+- **CSS Updates**:
+  - Implemented `100dvh` for full viewport height on mobile.
+  - Added `safe-area-inset` support for notches and home bars.
+  - Fixed input bar at the bottom with proper padding.
+  - Increased touch targets for buttons and inputs.
+  - Improved message bubble styling and animations.
+- **HTML Updates**:
+  - Replaced "Enviar" text button with an SVG icon for better space usage.
+
+## 2. PWA Upgrade
+
+- **Manifest**:
+  - Updated `manifest.json` with `standalone` display, orientation, categories, and maskable icons.
+- **Service Worker**:
+  - Updated `sw.js` to version 3.
+  - Added `manifest.json` to the cache list.
+  - Ensured offline capability for core assets.
+
+## 3. Android Configuration (Capacitor)
+
+- **Config**:
+  - Updated `capacitor.config.json` with `androidScheme: 'https'` and splash screen settings.
+- **Sync**:
+  - Ran `npx cap sync` to update the Android project with the latest web assets.
+- **Assets**:
+  - Generated native icons and splash screens using `@capacitor/assets`.
+
+## Next Steps
+
+- **Test PWA**: Open `http://localhost:3000` on a mobile device (via network) and try "Add to Home Screen".
+- **Build Android**: Open `android` folder in Android Studio and run the app on a device/emulator.