/* ============================================================ SHARED — icons, helpers, Claude API wiring ============================================================ */ const { useState, useEffect, useRef, useCallback } = React; /* ---------- Icon set (line icons) ---------- */ const ICON_PATHS = { chat: '', contract: '', review: '', alerts: '', settings: '', send: '', scale: '', menu: '', download: '', copy: '', upload: '', check: '', checkCircle: '', warn: '', plus: '', calendar: '', clock: '', sparkle: '', trash: '', bolt: '', shield: '', arrowRight: '', x: '', euro: '', file: '', user: '', bell: '', home: '', book: '', search: '', globe: '', lock: '', history: '', message: '', building: '', home2: '', heart: '', briefcase: '', eye: '', edit: '', lockKey: '', mail: '', hourglass: '', }; function Icon({ name, size = 18, className = '', stroke = 1.8 }) { return ( ); } /* ---------- Lexly avatar (scales of justice) ---------- */ function LexAvatar({ size = 34 }) { return (
); } /* ---------- Loading ---------- */ function Spinner() { return
; } function Typing() { return
; } /* ============================================================ Claude API helper — Lexly system prompt baked in ============================================================ */ const LEXLY_SYSTEM = `Eres Lexly, un asistente legal inteligente especializado en el ordenamiento jurídico español y la normativa de la Unión Europea. Ayudas a autónomos, freelancers, pymes y particulares a entender sus derechos y obligaciones legales de forma clara, precisa y accesible. Respondes siempre en español, con lenguaje claro y sin jerga jurídica innecesaria. Cuando usas términos legales, los explicas brevemente. Citas la normativa concreta cuando es relevante (ley, artículo, reglamento). Eres empático y cercano, nunca frío ni distante. Vas al grano: primero la respuesta directa, luego la explicación. Tus áreas: contratos mercantiles y civiles, obligaciones fiscales de autónomos y pymes, derecho laboral básico, protección de datos (RGPD), reclamación de deudas, derecho del consumidor. Tus límites: ofreces información legal, no asesoramiento jurídico profesional. Cuando la situación requiere abogado colegiado, lo dices claramente. Al final de cada respuesta importante añades: Recuerda que esta información no sustituye el asesoramiento de un abogado colegiado.`; /* Calls Claude. Accepts an array of {role, content} turns OR a single string. The Lexly system prompt is injected as a preamble on the first user turn so it works regardless of whether the host supports a separate `system` field. */ async function callLexly(messagesOrPrompt, systemOverride, maxTokens) { let system = systemOverride || LEXLY_SYSTEM; // Personalización RGPD: añade el contexto del perfil consentido SIN eliminar las reglas existentes. try { if (typeof window.lxProfileContext === 'function') { const ctx = window.lxProfileContext(); if (ctx) system = system + '\n\n' + ctx; } } catch (e) {} let messages; if (typeof messagesOrPrompt === 'string') { messages = [{ role: 'user', content: messagesOrPrompt }]; } else { messages = messagesOrPrompt.map(m => ({ role: m.role, content: m.content })); } const res = await fetch('/api/chat', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system, max_tokens: maxTokens || 1024 }), }); if (!res.ok) { let msg = 'API_ERROR'; try { const j = await res.json(); if (j.error) msg = j.error; } catch (e) {} throw new Error(msg); } const data = await res.json(); if (data.error) throw new Error(data.error); return data.content; } /* ============================================================ Minimal markdown renderer (bold, headings, lists, paragraphs) ============================================================ */ function mdInline(text) { let t = text .replace(/&/g, '&').replace(//g, '>'); t = t.replace(/\*\*(.+?)\*\*/g, '$1'); t = t.replace(/\*(.+?)\*/g, '$1'); t = t.replace(/`(.+?)`/g, '$1'); return t; } function Markdown({ text }) { const blocks = []; const lines = (text || '').split('\n'); let list = null; let para = []; const flushPara = () => { if (para.length) { blocks.push({ type: 'p', content: para.join(' ') }); para = []; } }; const flushList = () => { if (list) { blocks.push(list); list = null; } }; lines.forEach(raw => { const line = raw.trimEnd(); if (!line.trim()) { flushPara(); flushList(); return; } let m; if ((m = line.match(/^(#{1,4})\s+(.*)/))) { flushPara(); flushList(); blocks.push({ type: 'h', level: m[1].length, content: m[2] }); } else if ((m = line.match(/^\s*[-*•]\s+(.*)/))) { flushPara(); if (!list || list.ordered) { flushList(); list = { type: 'ul', ordered: false, items: [] }; } list.items.push(m[1]); } else if ((m = line.match(/^\s*\d+[.)]\s+(.*)/))) { flushPara(); if (!list || !list.ordered) { flushList(); list = { type: 'ul', ordered: true, items: [] }; } list.items.push(m[1]); } else { flushList(); para.push(line); } }); flushPara(); flushList(); return (
{blocks.map((b, i) => { if (b.type === 'h') { const Tag = 'h' + Math.min(b.level + 2, 6); return ; } if (b.type === 'ul') { return b.ordered ?
    {b.items.map((it, j) =>
  1. )}
:
    {b.items.map((it, j) =>
  • )}
; } return

; })}

); } /* ---------- Error banner ---------- */ function ErrorNote({ children, onRetry }) { return (
{children} {onRetry && }
); } Object.assign(window, { Icon, LexAvatar, Spinner, Typing, callLexly, LEXLY_SYSTEM, Markdown, ErrorNote, });