Spaces:

aarnal80
/

HellApp

Configuration error

App Files Files Community

aarnal80 commited on about 1 month ago

Commit

2a40140

verified ·

1 Parent(s): e316153

Upload 17 files

Browse files

Files changed (17) hide show

.env.example +9 -0
.gitignore +8 -0
README.md +20 -10
index.html +25 -0
metadata.json +5 -0
package-lock.json +0 -0
package.json +34 -0
public/manifest.json +17 -0
public/sw.js +12 -0
src/App.tsx +439 -0
src/index.css +106 -0
src/lib/anonymizer.ts +155 -0
src/lib/gemini.ts +143 -0
src/main.tsx +10 -0
src/types.ts +8 -0
tsconfig.json +26 -0
vite.config.ts +24 -0

.env.example ADDED Viewed

	@@ -0,0 +1,9 @@

+# GEMINI_API_KEY: Required for Gemini AI API calls.
+# AI Studio automatically injects this at runtime from user secrets.
+# Users configure this via the Secrets panel in the AI Studio UI.
+GEMINI_API_KEY="MY_GEMINI_API_KEY"
+# APP_URL: The URL where this applet is hosted.
+# AI Studio automatically injects this at runtime with the Cloud Run service URL.
+# Used for self-referential links, OAuth callbacks, and API endpoints.
+APP_URL="MY_APP_URL"

.gitignore ADDED Viewed

	@@ -0,0 +1,8 @@

+node_modules/
+build/
+dist/
+coverage/
+.DS_Store
+*.log
+.env*
+!.env.example

README.md CHANGED Viewed

@@ -1,10 +1,20 @@
----
-title: HellApp
-emoji: 🐨
-colorFrom: indigo
-colorTo: green
-sdk: docker
-pinned: false
----
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

+<div align="center">
+<img width="1200" height="475" alt="GHBanner" src="https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6" />
+</div>
+# Run and deploy your AI Studio app
+This contains everything you need to run your app locally.
+View your app in AI Studio: https://ai.studio/apps/c2791183-64b9-4b25-b6ea-133555b8c3ec
+## Run Locally
+**Prerequisites:**  Node.js
+1. Install dependencies:
+   `npm install`
+2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
+3. Run the app:
+   `npm run dev`

index.html ADDED Viewed

	@@ -0,0 +1,25 @@

+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>XLabs & Tratamientos</title>
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="theme-color" content="#2563eb" />
+    <link rel="apple-touch-icon" href="https://cdn-icons-png.flaticon.com/512/2966/2966327.png" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+    <script>
+      if ('serviceWorker' in navigator) {
+        window.addEventListener('load', () => {
+          navigator.serviceWorker.register('/sw.js')
+            .then(reg => console.log('SW registered'))
+            .catch(err => console.log('SW error', err));
+        });
+      }
+    </script>
+  </body>
+</html>

metadata.json ADDED Viewed

	@@ -0,0 +1,5 @@

+{
+  "name": "Ordenador Clínico IA",
+  "description": "Una aplicación para organizar resultados de laboratorio y tratamientos médicos de forma anónima y segura utilizando IA.",
+  "requestFramePermissions": []
+}

package-lock.json ADDED Viewed

File without changes

package.json ADDED Viewed

	@@ -0,0 +1,34 @@

+{
+  "name": "react-example",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port=3000 --host=0.0.0.0",
+    "build": "vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "lint": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@google/genai": "^1.29.0",
+    "@tailwindcss/vite": "^4.1.14",
+    "@vitejs/plugin-react": "^5.0.4",
+    "lucide-react": "^0.546.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.2.0",
+    "express": "^4.21.2",
+    "dotenv": "^17.2.3",
+    "motion": "^12.23.24"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "autoprefixer": "^10.4.21",
+    "tailwindcss": "^4.1.14",
+    "tsx": "^4.21.0",
+    "typescript": "~5.8.2",
+    "vite": "^6.2.0",
+    "@types/express": "^4.17.21"
+  }
+}

public/manifest.json ADDED Viewed

	@@ -0,0 +1,17 @@

+{
+  "name": "XLabs & Tratamientos",
+  "short_name": "XLabs",
+  "description": "Herramienta médica para procesar analíticas y tratamientos.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#2563eb",
+  "icons": [
+    {
+      "src": "https://cdn-icons-png.flaticon.com/512/2966/2966327.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}

public/sw.js ADDED Viewed

	@@ -0,0 +1,12 @@

+self.addEventListener('install', (e) => {
+  self.skipWaiting();
+});
+self.addEventListener('activate', (e) => {
+  e.waitUntil(clients.claim());
+});
+self.addEventListener('fetch', (e) => {
+  // Simple pass-through for PWA requirement
+  e.respondWith(fetch(e.request));
+});

src/App.tsx ADDED Viewed

	@@ -0,0 +1,439 @@

+import { useState, useEffect, useRef } from 'react';
+import { User, Mode } from './types';
+import { processLabsWithGemini, processTreatmentsWithGemini } from './lib/gemini';
+const STORAGE_KEY = "ordenador_clinico_usuarios_v3";
+function simpleHash(text: string) {
+  let hash = 0;
+  for (let i = 0; i < text.length; i++) {
+    hash = (hash << 5) - hash + text.charCodeAt(i);
+    hash |= 0;
+  }
+  return String(hash);
+}
+function xorEncrypt(text: string, key: string) {
+  let result = "";
+  for (let i = 0; i < text.length; i++) {
+    const charCode = text.charCodeAt(i) ^ key.charCodeAt(i % key.length);
+    result += String.fromCharCode(charCode);
+  }
+  return btoa(result);
+}
+function xorDecrypt(base64Text: string, key: string) {
+  try {
+    const text = atob(base64Text);
+    let result = "";
+    for (let i = 0; i < text.length; i++) {
+      const charCode = text.charCodeAt(i) ^ key.charCodeAt(i % key.length);
+      result += String.fromCharCode(charCode);
+    }
+    return result;
+  } catch {
+    return null;
+  }
+}
+export default function App() {
+  const [users, setUsers] = useState<User[]>([]);
+  const [selectedUserIndex, setSelectedUserIndex] = useState<number | "">("");
+  const [mode, setMode] = useState<Mode>("labs");
+  const [inputText, setInputText] = useState("");
+  const [outputText, setOutputText] = useState("");
+  const [status, setStatus] = useState({ message: "Listo para pegar texto.", isError: false });
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [newUserName, setNewUserName] = useState("");
+  const [newUserApiKey, setNewUserApiKey] = useState("");
+  const [newUserPin, setNewUserPin] = useState("");
+  const [unlockedUserIndex, setUnlockedUserIndex] = useState<number | null>(null);
+  const [unlockedApiKey, setUnlockedApiKey] = useState<string | null>(null);
+  const [isPinModalOpen, setIsPinModalOpen] = useState(false);
+  const [pinInput, setPinInput] = useState("");
+  useEffect(() => {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (raw) {
+      try {
+        const parsed = JSON.parse(raw);
+        if (Array.isArray(parsed)) {
+          setUsers(parsed);
+        }
+      } catch (e) {
+        console.error("Error loading users", e);
+      }
+    }
+  }, []);
+  const saveUsers = (newUsers: User[]) => {
+    setUsers(newUsers);
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(newUsers));
+  };
+  const handleSaveUser = () => {
+    if (!newUserName || !newUserApiKey || !newUserPin) {
+      updateStatus("Debes escribir nombre, API key y PIN.", true);
+      return;
+    }
+    if (newUserPin.length < 4) {
+      updateStatus("El PIN debe tener al menos 4 caracteres.", true);
+      return;
+    }
+    const encryptedApiKey = xorEncrypt(newUserApiKey, newUserPin);
+    const pinHash = simpleHash(newUserPin);
+    const existingIndex = users.findIndex(u => u.name.toLowerCase() === newUserName.toLowerCase());
+    const updatedUsers = [...users];
+    if (existingIndex >= 0) {
+      updatedUsers[existingIndex] = { name: newUserName, encryptedApiKey, pinHash };
+    } else {
+      updatedUsers.push({ name: newUserName, encryptedApiKey, pinHash });
+    }
+    saveUsers(updatedUsers);
+    setIsModalOpen(false);
+    setNewUserName("");
+    setNewUserApiKey("");
+    setNewUserPin("");
+    updateStatus(`Usuario "${newUserName}" guardado correctamente.`);
+  };
+  const updateStatus = (message: string, isError = false) => {
+    setStatus({ message, isError });
+  };
+  const executeProcessing = async (apiKey: string, userName: string) => {
+    try {
+      setIsProcessing(true);
+      updateStatus(`Procesando con Gemini para ${userName}...`);
+      let result = "";
+      if (mode === "treatments") {
+        result = await processTreatmentsWithGemini(apiKey, inputText);
+      } else {
+        result = await processLabsWithGemini(apiKey, inputText);
+      }
+      setOutputText(result);
+      updateStatus(`Procesamiento completado para ${userName}.`);
+    } catch (error: any) {
+      console.error(error);
+      updateStatus(error.message || "Error procesando con Gemini. Revisa la API key o la consola.", true);
+    } finally {
+      setIsProcessing(false);
+    }
+  };
+  const handleProcess = async () => {
+    if (selectedUserIndex === "") {
+      updateStatus("Selecciona un médico antes de procesar.", true);
+      return;
+    }
+    if (!inputText.trim()) {
+      updateStatus("Pega un texto antes de procesar.", true);
+      return;
+    }
+    if (unlockedUserIndex === selectedUserIndex && unlockedApiKey) {
+      executeProcessing(unlockedApiKey, users[selectedUserIndex as number].name);
+    } else {
+      setPinInput("");
+      setIsPinModalOpen(true);
+    }
+  };
+  const handlePinConfirm = () => {
+    if (selectedUserIndex === "") return;
+    const currentUser = users[selectedUserIndex as number];
+    if (simpleHash(pinInput) !== currentUser.pinHash) {
+      updateStatus("PIN incorrecto.", true);
+      return;
+    }
+    const apiKey = xorDecrypt(currentUser.encryptedApiKey, pinInput);
+    if (!apiKey) {
+      updateStatus("No se pudo desbloquear la API key.", true);
+      return;
+    }
+    setUnlockedUserIndex(selectedUserIndex as number);
+    setUnlockedApiKey(apiKey);
+    setIsPinModalOpen(false);
+    executeProcessing(apiKey, currentUser.name);
+  };
+  const handleCopy = async () => {
+    if (!outputText.trim()) {
+      updateStatus("No hay resultado para copiar.", true);
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(outputText);
+      updateStatus("Resultado copiado al portapapeles.");
+    } catch {
+      updateStatus("No se pudo copiar el resultado.", true);
+    }
+  };
+  const handleLock = () => {
+    setUnlockedUserIndex(null);
+    setUnlockedApiKey(null);
+    updateStatus("Usuario bloqueado.");
+  };
+  return (
+    <div className="app-container">
+      <header className="app-header">
+        <div>
+          <h1 className="text-3xl font-bold text-slate-900">Ordenador Clínico IA</h1>
+          <p className="subtitle">Analíticas y tratamientos con anonimización local</p>
+        </div>
+        <div className="user-bar">
+          <label htmlFor="userSelect">Usuario</label>
+          <select
+            id="userSelect"
+            value={selectedUserIndex}
+            onChange={(e) => {
+              setSelectedUserIndex(e.target.value === "" ? "" : Number(e.target.value));
+              setUnlockedUserIndex(null);
+              setUnlockedApiKey(null);
+            }}
+            className="bg-white border border-slate-200 rounded-lg px-3 py-2"
+          >
+            <option value="">Seleccionar médico</option>
+            {users.map((user, index) => (
+              <option key={index} value={index}>{user.name}</option>
+            ))}
+          </select>
+          <button
+            onClick={() => setIsModalOpen(true)}
+            className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition-colors"
+          >
+            Configurar usuarios
+          </button>
+          <button
+            onClick={handleLock}
+            className="bg-slate-600 hover:bg-slate-700 text-white px-4 py-2 rounded-lg transition-colors"
+          >
+            Bloquear
+          </button>
+        </div>
+      </header>
+      <main className="main-content">
+        <section className="controls-panel">
+          <div className="mode-selector flex items-center gap-4 mb-4">
+            <span className="font-medium">Modo:</span>
+            <label className="radio-option flex items-center gap-2 cursor-pointer">
+              <input
+                type="radio"
+                name="mode"
+                value="labs"
+                checked={mode === "labs"}
+                onChange={() => setMode("labs")}
+                className="w-4 h-4 text-blue-600"
+              />
+              <span>Analíticas</span>
+            </label>
+            <label className="radio-option flex items-center gap-2 cursor-pointer">
+              <input
+                type="radio"
+                name="mode"
+                value="treatments"
+                checked={mode === "treatments"}
+                onChange={() => setMode("treatments")}
+                className="w-4 h-4 text-blue-600"
+              />
+              <span>Tratamientos</span>
+            </label>
+          </div>
+          <div className="actions-row flex gap-3 mb-4">
+            <button
+              onClick={handleProcess}
+              disabled={isProcessing}
+              className={`px-6 py-2 rounded-lg font-medium transition-colors ${isProcessing ? 'bg-slate-400 cursor-not-allowed' : 'bg-blue-600 hover:bg-blue-700 text-white'}`}
+            >
+              {isProcessing ? 'Procesando...' : 'Procesar'}
+            </button>
+            <button
+              onClick={() => {
+                setInputText("");
+                setOutputText("");
+                updateStatus("Campos limpiados.");
+              }}
+              className="bg-slate-200 hover:bg-slate-300 text-slate-700 px-4 py-2 rounded-lg transition-colors"
+            >
+              Limpiar
+            </button>
+            <button
+              onClick={handleCopy}
+              className="bg-slate-200 hover:bg-slate-300 text-slate-700 px-4 py-2 rounded-lg transition-colors"
+            >
+              Copiar resultado
+            </button>
+          </div>
+          <div
+            className={`status-message ${status.isError ? 'bg-red-50 text-red-800' : 'bg-emerald-50 text-emerald-800'}`}
+          >
+            {status.message}
+          </div>
+        </section>
+        <section className="workspace grid grid-cols-1 md:grid-cols-2 gap-5">
+          <div className="panel flex flex-col h-[520px]">
+            <div className="panel-header p-4 pb-0">
+              <h2 className="text-lg font-semibold">Texto de entrada</h2>
+            </div>
+            <textarea
+              value={inputText}
+              onChange={(e) => setInputText(e.target.value)}
+              placeholder="Pega aquí la analítica, medicación o informe..."
+              className="flex-1 m-4 p-4 border border-slate-200 rounded-xl resize-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 outline-none bg-slate-50/50"
+              spellCheck="false"
+            />
+          </div>
+          <div className="panel flex flex-col h-[520px]">
+            <div className="panel-header p-4 pb-0">
+              <h2 className="text-lg font-semibold">Resultado</h2>
+            </div>
+            <textarea
+              value={outputText}
+              readOnly
+              placeholder="Aquí aparecerá el resultado ordenado..."
+              className="flex-1 m-4 p-4 border border-slate-200 rounded-xl resize-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 outline-none bg-slate-50/50"
+              spellCheck="false"
+            />
+          </div>
+        </section>
+      </main>
+      {isModalOpen && (
+        <div className="modal" onClick={() => setIsModalOpen(false)}>
+          <div className="modal-content" onClick={(e) => e.stopPropagation()}>
+            <div className="modal-header flex justify-between items-center p-5 border-b border-slate-100">
+              <h2 className="text-xl font-bold">Configuración de usuarios</h2>
+              <button onClick={() => setIsModalOpen(false)} className="text-2xl text-slate-400 hover:text-slate-600">✕</button>
+            </div>
+            <div className="modal-body p-6">
+              <div className="form-group flex flex-col gap-2 mb-4">
+                <label className="text-sm text-slate-500">Nombre del médico</label>
+                <input
+                  type="text"
+                  value={newUserName}
+                  onChange={(e) => setNewUserName(e.target.value)}
+                  placeholder="Ej: Doctor Arnal"
+                  className="border border-slate-200 rounded-lg px-3 py-2 outline-none focus:border-blue-500"
+                />
+              </div>
+              <div className="form-group flex flex-col gap-2 mb-4">
+                <label className="text-sm text-slate-500">API Key de Gemini</label>
+                <input
+                  type="password"
+                  value={newUserApiKey}
+                  onChange={(e) => setNewUserApiKey(e.target.value)}
+                  placeholder="Pega aquí la API key"
+                  className="border border-slate-200 rounded-lg px-3 py-2 outline-none focus:border-blue-500"
+                />
+              </div>
+              <div className="form-group flex flex-col gap-2 mb-6">
+                <label className="text-sm text-slate-500">PIN del usuario</label>
+                <input
+                  type="password"
+                  value={newUserPin}
+                  onChange={(e) => setNewUserPin(e.target.value)}
+                  placeholder="Mínimo 4 caracteres"
+                  className="border border-slate-200 rounded-lg px-3 py-2 outline-none focus:border-blue-500"
+                />
+              </div>
+              <div className="modal-actions mb-6">
+                <button
+                  onClick={handleSaveUser}
+                  className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-lg font-medium transition-colors"
+                >
+                  Guardar usuario
+                </button>
+              </div>
+              <hr className="border-slate-100 mb-6" />
+              <div>
+                <h3 className="font-semibold mb-4">Usuarios guardados</h3>
+                <ul className="users-list space-y-3">
+                  {users.map((user, index) => (
+                    <li key={index} className="p-3 bg-slate-50 border border-slate-200 rounded-xl">
+                      <strong className="block text-slate-900">{user.name}</strong>
+                      <small className="text-slate-500">
+                        API guardada: {user.encryptedApiKey ? "Sí" : "No"} | PIN: {user.pinHash ? "Sí" : "No"}
+                      </small>
+                    </li>
+                  ))}
+                  {users.length === 0 && (
+                    <p className="text-slate-400 text-sm italic">No hay usuarios configurados.</p>
+                  )}
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+      {isPinModalOpen && (
+        <div className="modal" onClick={() => setIsPinModalOpen(false)}>
+          <div className="modal-content max-w-sm" onClick={(e) => e.stopPropagation()}>
+            <div className="modal-header flex justify-between items-center p-5 border-b border-slate-100">
+              <h2 className="text-xl font-bold">Desbloquear Usuario</h2>
+              <button onClick={() => setIsPinModalOpen(false)} className="text-2xl text-slate-400 hover:text-slate-600">✕</button>
+            </div>
+            <div className="modal-body p-6">
+              <p className="text-slate-600 mb-4">
+                Introduce el PIN de <strong>{selectedUserIndex !== "" ? users[selectedUserIndex as number].name : ""}</strong> para procesar.
+              </p>
+              <div className="form-group flex flex-col gap-2 mb-6">
+                <input
+                  type="password"
+                  value={pinInput}
+                  onChange={(e) => setPinInput(e.target.value)}
+                  onKeyDown={(e) => e.key === 'Enter' && handlePinConfirm()}
+                  placeholder="PIN de seguridad"
+                  autoFocus
+                  className="border border-slate-200 rounded-lg px-3 py-2 outline-none focus:border-blue-500 text-center text-2xl tracking-widest"
+                />
+              </div>
+              <div className="modal-actions">
+                <button
+                  onClick={handlePinConfirm}
+                  className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-lg font-medium transition-colors"
+                >
+                  Confirmar y Procesar
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}

src/index.css ADDED Viewed

	@@ -0,0 +1,106 @@

+@import "tailwindcss";
+@theme {
+  --radius-xl: 16px;
+  --radius-2xl: 18px;
+}
+:root {
+  --bg: #f3f6fb;
+  --panel: #ffffff;
+  --border: #d7deea;
+  --text: #1e293b;
+  --muted: #64748b;
+  --primary: #2563eb;
+  --primary-hover: #1d4ed8;
+  --success-bg: #ecfdf5;
+  --success-text: #065f46;
+  --shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
+  --radius: 16px;
+}
+body {
+  margin: 0;
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  background: var(--bg);
+  color: var(--text);
+}
+.app-container {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 20px;
+}
+.app-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 20px;
+  margin-bottom: 20px;
+}
+.user-bar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 12px;
+  box-shadow: var(--shadow);
+  flex-wrap: wrap;
+}
+.status-message {
+  padding: 10px 12px;
+  border-radius: 10px;
+  background: var(--success-bg);
+  color: var(--success-text);
+  font-size: 14px;
+}
+.panel {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  min-height: 520px;
+}
+.modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  z-index: 50;
+}
+.modal-content {
+  width: 100%;
+  max-width: 560px;
+  background: #fff;
+  border-radius: 18px;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
+  overflow: hidden;
+}
+.users-list li {
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  margin-bottom: 10px;
+  background: #f8fafc;
+}
+@media (max-width: 980px) {
+  .app-header {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}

src/lib/anonymizer.ts ADDED Viewed

	@@ -0,0 +1,155 @@

+export function normalizeInputText(rawText: string): string {
+  return String(rawText || "")
+    .replace(/\r/g, "\n")
+    .replace(/\bblanco\b/gi, " ")
+    .replace(/\bletras blanco\b/gi, " ")
+    .replace(/\bblancobl\b/gi, " ")
+    .replace(/[ \t]+/g, " ")
+    .replace(/\n{2,}/g, "\n")
+    .trim();
+}
+export function removeAdministrativePatterns(text: string): string {
+  const patternsToRemove = [
+    /Nombre:.*$/gim,
+    /Número:.*$/gim,
+    /Historia:.*$/gim,
+    /T\.\s*Sanitaria:.*$/gim,
+    /Solicitante:.*$/gim,
+    /Servicio:.*$/gim,
+    /Destino[s]?:.*$/gim,
+    /Destinos:.*$/gim,
+    /Centro:.*$/gim,
+    /Sexo:.*$/gim,
+    /Edad:.*$/gim,
+    /Habitación:.*$/gim,
+    /Cama:.*$/gim,
+    /Recep\.?Muestra.*$/gim,
+    /Fch\.?Informe.*$/gim,
+    /Fecha de análisis:.*$/gim,
+    /Resultados validados por:.*$/gim,
+    /Tipo de Muestra:.*$/gim,
+    /Tipo de informe:.*$/gim,
+    /Página\s*\d+\/\d+/gim,
+    /Hospital Ernest Lluch.*$/gim,
+    /H\.\s*ERNEST LLUCH.*$/gim,
+    /INFORME DE RESULTADOS.*$/gim,
+    /Calatayud,.*$/gim,
+    /Tecnica:.*$/gim,
+    /T[eé]cnica:.*$/gim,
+    /_{5,}/g
+  ];
+  let cleaned = text;
+  patternsToRemove.forEach((rx) => {
+    cleaned = cleaned.replace(rx, "");
+  });
+  return cleaned;
+}
+export function removeDirectIdentifiers(text: string): string {
+  return text
+    .replace(/\b[A-Z]{2}\d{9,}[A-Z]?\b/g, " ")
+    .replace(/\b\d{6,}\b/g, " ")
+    .replace(/\b\d{1,2}\/\d{1,2}\/\d{2,4}\b/g, " ")
+    .replace(/\b\d{1,2}:\d{2}:\d{2}\b/g, " ")
+    .replace(/\b[A-Z]{2,}-[A-Z]{2,}\b/g, " ")
+    .replace(/[A-ZÁÉÍÓÚÑ]{2,},\s*[A-ZÁÉÍÓÚÑ\s]{2,}/g, " ");
+}
+export function keepUsefulLabLines(lines: string[]): string[] {
+  const allowedSectionPatterns = [
+    /^BIOQUIMICA$/i,
+    /^BIOQUIMICA GENERAL$/i,
+    /^HEMATOLOGIA$/i,
+    /^HEMATIMETRIA$/i,
+    /^HEMOSTASIA$/i,
+    /^GASOMETRIA$/i,
+    /^ORINA$/i,
+    /^COAGULACION$/i,
+    /^OTRAS PRUEBAS:?$/i
+  ];
+  const obviousNoisePatterns = [
+    /^Magnitud Resultado Unidades Intervalo de Referencia Biológico$/i,
+    /^Tipo de informe:.*$/i,
+    /^Resultados validados por:.*$/i,
+    /^Tipo de Muestra:.*$/i,
+    /^\.+$/,
+    /^-$/,
+    /^Hospital .*$/i,
+    /^INFORME DE RESULTADOS$/i,
+    /^Nombre:.*$/i,
+    /^Historia:.*$/i,
+    /^Sexo:.*$/i,
+    /^Edad:.*$/i,
+    /^Recep\.Muestra.*$/i,
+    /^Fch\.Informe.*$/i
+  ];
+  return lines.filter((line) => {
+    if (!line || line.length < 2) return false;
+    if (obviousNoisePatterns.some((rx) => rx.test(line))) return false;
+    if (allowedSectionPatterns.some((rx) => rx.test(line))) return true;
+    const hasPend = /\bPEND\b/i.test(line);
+    const hasValue = /\b\d+[.,]?\d*\b/.test(line);
+    const hasRange = /\b\d+[.,]?\d*\s*-\s*\d+[.,]?\d*\b/.test(line);
+    const hasUnits =
+      /\b(mg\/dL|g\/dL|mmol\/L|mEq\/L|mil\/mm3|mill\/mm3|fl|pg|%|u\/L|ui\/L|ng\/mL|mL\/min\/1\.73m\^?2|mL\/min|seg|s|mill|mil|pg|fl)\b/i.test(
+        line
+      );
+    // If it has a value and units, or a value and a range, or is a section header, keep it.
+    // Also keep lines that look like parameters if they are reasonably long.
+    const looksLikeParameter = /^[A-ZÁÉÍÓÚÑ][A-ZÁÉÍÓÚÑ0-9\s\.\-\(\)\/]{3,}$/i.test(line);
+    return hasPend || hasRange || hasUnits || hasValue || looksLikeParameter;
+  });
+}
+export function finalizeCleanLines(text: string): string[] {
+  return text
+    .split("\n")
+    .map((line) => line.trim())
+    .map((line) => line.replace(/[ \t]+/g, " ").trim())
+    .filter(Boolean);
+}
+export function anonymizeLabsText(rawText: string): string {
+  let text = normalizeInputText(rawText);
+  text = removeAdministrativePatterns(text);
+  text = removeDirectIdentifiers(text);
+  const cleanedLines = finalizeCleanLines(text);
+  const usefulLines = keepUsefulLabLines(cleanedLines);
+  const result = usefulLines.join("\n").trim();
+  console.log("Anonymized Labs Text length:", result.length);
+  return result;
+}
+export function anonymizeTreatmentsText(rawText: string): string {
+  let text = normalizeInputText(rawText);
+  text = removeAdministrativePatterns(text);
+  text = removeDirectIdentifiers(text);
+  const cleanedLines = finalizeCleanLines(text).filter((line) => {
+    const hasDose =
+      /\b\d+[.,]?\d*\s?(mg|mcg|g|ui|ml|ug)\b/i.test(line);
+    const hasFrequency =
+      /(cada\s+\d+\s*h|cada\s+\d+\s*horas|al d[ií]a|si precisa|por la noche|por la ma[ñn]ana|semanal|q\d+h)/i.test(
+        line
+      );
+    const looksLikeDrug =
+      /^[A-ZÁÉÍÓÚÑa-záéíóúñ][A-ZÁÉÍÓÚÑa-záéíóúñ0-9\s\/\.\-]+$/i.test(line);
+    return looksLikeDrug || hasDose || hasFrequency;
+  });
+  const result = cleanedLines.join("\n").trim();
+  console.log("Anonymized Treatments Text length:", result.length);
+  return result;
+}

src/lib/gemini.ts ADDED Viewed

	@@ -0,0 +1,143 @@

+import { GoogleGenAI, ThinkingLevel } from "@google/genai";
+import { anonymizeLabsText, anonymizeTreatmentsText } from "./anonymizer";
+const GEMINI_MODEL = "gemini-2.0-flash";
+const XLABS_PROMPT = `Eres un asistente para ordenar resultados de laboratorio en formato XLabs, únicamente a partir del texto que el usuario pega. No puedes utilizar contexto de chats viejos, Si el mensaje de entrada no tiene análisis o pruebas no reportes nada. Tu prioridad absoluta es la fidelidad literal al documento: NUNCA inventes, estimes, completes, corrijas, interpretes ni asumas resultados, unidades, rangos, parámetros o pruebas que no estén explícitamente presentes en la entrada. Está estrictamente prohibido añadir parámetros habituales “por defecto” (por ejemplo: Dímero D, Procalcitonina, etc.) si no aparecen literalmente en el texto proporcionado.
+Formato XLabs (categorías en este orden, cada una en una sola línea continua y solo si contiene datos válidos):
+Hematología
+Coagulación
+Bioquímica
+Gasometría
+Orina
+Otras pruebas:
+Salida siempre en español y con este patrón exacto:
+Categoría: Parámetro Resultado unidades | Parámetro Resultado unidades | ...
+Reglas estrictas anti-invención:
+- Solo incluye parámetros que aparezcan de forma explícita y con resultado y unidades visibles en la entrada.
+- Si falta el resultado o la unidad, NO lo incluyas.
+- No conviertas unidades, no cambies notaciones (ej.: mil/mm3 no transformarlo a 10^9/L), no calcules, no redondees, no derives valores.
+- No normalices nombres si no son inequívocos.
+- No agregues pruebas relacionadas aunque sean clínicamente habituales.
+- Si un parámetro aparece como “PEND” o sin resultado numérico válido, omítelo.
+- Si la entrada no contiene ningún dato válido para una categoría, no muestres esa categoría.
+- Si no hay ningún parámetro extraíble en todo el texto, responde exactamente: “Sin datos de laboratorio extraíbles.”
+Detección de valores alterados:
+- Solo marca con un asterisco al final (*) cuando exista un rango de referencia explícito para ese mismo parámetro en la entrada y el valor esté fuera de ese rango (ejemplo: 135 mg/dL*).
+- NO uses doble asterisco (**).
+- No marques nada si no hay rango explícito.
+- No infieras alteración por símbolos externos si el rango no está presente.
+Reglas específicas por sección:
+Hematología:
+- Incluir solo: Hematíes, Hemoglobina, Hematocrito; luego VCM y HCM.
+- Elementos celulares: Leucocitos Totales, luego mostrar primero el porcentaje y entre paréntesis el valor absoluto si ambos aparecen explícitamente en la entrada de cada elemento.
+- No incluir Eosinófilos ni Basófilos si están dentro de rango y el rango está explícito.
+- Incluir Plaquetas; no incluir VPM ni otros índices plaquetarios.
+Coagulación:
+- Resumir exclusivamente usando: INR, PT y PTT.
+- Mapear únicamente desde: “TIEMPO DE PROTROMBINA”, “INR-TP” y “T. TROMBOPLASTINA PARCIAL ACTIV.” si aparecen explícitamente.
+- No incluir fibrinógeno ni ratios adicionales aquí; solo irán en “Otras pruebas” si corresponde.
+Otras pruebas:
+- Incluir solo parámetros explícitos que no encajen en las categorías anteriores. Recuerda en la gasometría incluir el ph si está disponible.
+Estilo:
+- Sin introducciones, sin explicaciones, sin comentarios.
+- Solo el bloque formateado.
+- Gramática correcta y capitalización adecuada.
+Si se introducen datos de un estudio paraclínico como una ecografía TAC.. ETC... repórtalo con el mismo formato. Por ejemplo "Ecografía abdominal : Esteatosis hepática | Colecistectomía"
+Cada mensaje corresponde a un paciente distinto; nunca mezclar información entre mensajes.`;
+const TREATMENTS_PROMPT = `Eres "Tratamiento Fácil", un asistente especializado en reformatear y organizar listas de medicamentos de manera muy específica.
+Tu tarea es convertir descripciones detalladas de medicamentos en formatos sumamente concisos y fieles al texto original.
+Ejemplos:
+- "Amlodipino 5mg - 30 comprimidos: 1 comprimido cada 24 horas" -> "Amlodipino 5mg: 1 al día"
+- "Enantyum 25mg - 20 cápsulas duras: 1 cápsula cada 8 horas" -> "Enantyum 25mg: 1 cada 8h"
+Reglas estrictas:
+- Salida siempre en español.
+- Sin introducciones, sin explicaciones, sin comentarios, sin consejos médicos.
+- Presenta solo dosis y frecuencia de forma directa.
+- Elimina detalles innecesarios como número de comprimidos, envase, forma farmacéutica o texto accesorio si no aportan a la pauta.
+- Mantén únicamente lo explícito en la entrada.
+- No inventes, no completes, no interpretes y no corrijas.
+- Ordena alfabéticamente por nombre del fármaco.
+- Devuelve el resultado en una sola línea.
+- Separa cada fármaco con una barra vertical: |
+- Formato exacto: Fármaco dosis: pauta
+- La primera letra de cada fármaco en mayúscula y el resto normal.
+- Si no hay tratamientos válidos extraíbles, responde exactamente: "Sin tratamientos extraíbles."`;
+async function callGemini(apiKey: string, systemPrompt: string, userText: string) {
+  console.log("Calling Gemini API...");
+  try {
+    const ai = new GoogleGenAI({ apiKey });
+    // Create a promise that rejects after 60 seconds
+    const timeoutPromise = new Promise((_, reject) => {
+      setTimeout(() => reject(new Error("La solicitud a la IA ha tardado demasiado (tiempo de espera agotado). Esto puede deberse a una conexión lenta o a que el texto es muy extenso.")), 60000);
+    });
+    const apiCallPromise = ai.models.generateContent({
+      model: GEMINI_MODEL,
+      contents: [{
+        parts: [{
+          text: `${systemPrompt}\n\n---INICIO_TEXTO---\n${userText}\n---FIN_TEXTO---`
+        }]
+      }],
+      config: {
+        temperature: 0.1,
+      }
+    });
+    const response = await Promise.race([apiCallPromise, timeoutPromise]) as any;
+    console.log("Gemini API response received.");
+    const text = response.text;
+    if (!text) {
+      return "El modelo no devolvió ningún resultado. Por favor, intenta con un texto más claro o revisa tu API Key.";
+    }
+    return text;
+  } catch (error: any) {
+    console.error("Gemini API Error:", error);
+    if (error.message?.includes("API_KEY_INVALID")) {
+      throw new Error("La API Key proporcionada no es válida.");
+    }
+    if (error.message?.includes("quota")) {
+      throw new Error("Se ha superado la cuota de la API Key.");
+    }
+    if (error.message?.includes("Failed to fetch") || error.message?.includes("NetworkError") || error.message?.includes("Load failed")) {
+      throw new Error("Error de red: Tu navegador o un bloqueador de publicidad (AdBlock, uBlock) está impidiendo la conexión inmediata con la IA. Por favor, desactívalo para esta web.");
+    }
+    throw new Error(`Error de comunicación con la IA: ${error.message || "Error desconocido"}`);
+  }
+}
+export async function processLabsWithGemini(apiKey: string, rawText: string) {
+  const sanitized = anonymizeLabsText(rawText);
+  if (!sanitized) {
+    return "Sin datos de laboratorio extraíbles.";
+  }
+  return await callGemini(apiKey, XLABS_PROMPT, sanitized);
+}
+export async function processTreatmentsWithGemini(apiKey: string, rawText: string) {
+  const sanitized = anonymizeTreatmentsText(rawText);
+  if (!sanitized) {
+    return "Sin tratamientos extraíbles.";
+  }
+  return await callGemini(apiKey, TREATMENTS_PROMPT, sanitized);
+}

src/main.tsx ADDED Viewed

	@@ -0,0 +1,10 @@

+import {StrictMode} from 'react';
+import {createRoot} from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

src/types.ts ADDED Viewed

	@@ -0,0 +1,8 @@

+export interface User {
+  name: string;
+  encryptedApiKey: string;
+  pinHash: string;
+}
+export type Mode = "labs" | "treatments";

tsconfig.json ADDED Viewed

	@@ -0,0 +1,26 @@

+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ESNext",
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "allowImportingTsExtensions": true,
+    "noEmit": true
+  }
+}

vite.config.ts ADDED Viewed

	@@ -0,0 +1,24 @@

+import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import {defineConfig, loadEnv} from 'vite';
+export default defineConfig(({mode}) => {
+  const env = loadEnv(mode, '.', '');
+  return {
+    plugins: [react(), tailwindcss()],
+    define: {
+      'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY),
+    },
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, '.'),
+      },
+    },
+    server: {
+      // HMR is disabled in AI Studio via DISABLE_HMR env var.
+      // Do not modifyâfile watching is disabled to prevent flickering during agent edits.
+      hmr: process.env.DISABLE_HMR !== 'true',
+    },
+  };
+});