\n {chat ? (\n <>\n

setShowInfo(true)}>\n {chat.type === \"group\" ? \"👥\" : \"💬\"}\n

{chat.title}

\n {chat.type === \"group\" ? `${members.length} membre${members.length > 1 ? \"s\" : \"\"}${chat.ai_enabled ? \" • 🤖 IA\" : \"\"}` : \"Privée\"}\n

\n {chat.type === \"group\" && (\n \n )}\n \n ) : (\n

Antoxia

{online ? \"● En ligne\" : \"● Hors ligne\"}

\n )}\n

\n {!chat ? (\n

{tab === \"group\" ? \"👥 Groupes\" : \"💬 Messages privés\"}

{tab === \"group\"\n ? \"Crée un groupe, invite des gens et l'IA (🤖), et discutez ensemble.\"\n : \"Discute en privé avec d'autres membres, ou garde tes notes — sans IA.\"}

\n {user ? \n : }\n

\n ) : messages.map((m, i) => (\n m.sender_type === \"system\" ? (\n

{m.text}

\n ) : (\n

\n {chat.type === \"group\" && m.sender_type !== \"user\" || (m.sender_type === \"user\" && m.sender_id !== user?.id) ? {nameOf(m)} : null}\n {m.kind === \"image\" ? : (\n

{m.text}{busy && i === messages.length - 1 && m.sender_type === \"ai\" ? \" ▊\" : \"\"}

\n )}\n

\n )\n ))}\n

\n { if (e.target.files?.[0]) sendImage(e.target.files[0]); e.target.value = \"\"; }} />\n \n

setText(e.target.value)}\n            onKeyDown={e => { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); send(); } }}\n            placeholder={chat ? \"Écris un message…\" : \"Choisis ou crée une discussion…\"} />\n          <button onClick={send} disabled={busy || !chat}>➤</button>\n        </div>\n        <div className=\"hint\">\n          {chat?.type === \"group\" && chat.ai_enabled\n            ? <select className=\"mini-model\" value={model} onChange={e => setModel(e.target.value)}>\n                {models.map(m => <option value={m.id} key={m.id} disabled={m.locked}>{m.name}{m.locked ? \" ★\" : \"\"}</option>)}\n              </select>\n            : <span>Entrée pour envoyer • Maj+Entrée nouvelle ligne</span>}\n        </div>\n      </main>\n\n      {showNewGroup && (\n        <div className=\"modal\" onClick={() => setShowNewGroup(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>Nouveau groupe</h3>\n            <label>Nom du groupe</label>\n            <input value={groupName} onChange={e => setGroupName(e.target.value)} placeholder=\"Ex : Projet, Famille…\" autoFocus onKeyDown={e => { if (e.key === \"Enter\") createGroup(); }} />\n            <label className=\"check\"><input type=\"checkbox\" checked={groupAi} onChange={e => setGroupAi(e.target.checked)} /> Inviter l'IA Antoxia comme participant 🤖</label>\n            <div className=\"modal-actions\">\n              <button onClick={createGroup}>Créer</button>\n              <button className=\"ghost\" onClick={() => setShowNewGroup(false)}>Annuler</button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {showInfo && chat && (\n        <div className=\"modal\" onClick={() => setShowInfo(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>{chat.type === \"group\" ? \"👥\" : \"💬\"} {chat.title}</h3>\n            <div className=\"member-list\">\n              {members.map(m => <div key={m.user_id} className=\"member\">{m.role === \"owner\" ? \"👑\" : \"👤\"} {m.name}</div>)}\n              {chat.ai_enabled ? <div className=\"member\">🤖 Antoxia (IA)</div> : null}\n            </div>\n            <button className=\"invite-btn\" onClick={() => { setShowInfo(false); setShowInvite(true); }}>＋ Inviter quelqu'un</button>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowInfo(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n\n      {showDM && (\n        <div className=\"modal\" onClick={() => setShowDM(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>💬 Discuter avec quelqu'un</h3>\n            <input value={dmQuery} onChange={e => setDmQuery(e.target.value)} placeholder=\"Rechercher un pseudo Val Town…\" autoFocus />\n            <div className=\"user-results\">\n              {dmResults.map(u => (\n                <button className=\"user-row\" key={u.id} onClick={() => startDM(u.username)}>👤 {u.name}</button>\n              ))}\n              {dmResults.length === 0 && <p className=\"muted\">Aucun utilisateur trouvé. Tape un pseudo Val Town — la personne doit s'être connectée à Antoxia au moins une fois.</p>}\n            </div>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowDM(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n\n      {showInvite && chat && (\n        <div className=\"modal\" onClick={() => setShowInvite(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>＋ Inviter dans « {chat.title} »</h3>\n            <input value={inviteQuery} onChange={e => setInviteQuery(e.target.value)} placeholder=\"Pseudo Val Town…\" autoFocus />\n            <div className=\"user-results\">\n              {inviteResults.map(u => (\n                <button className=\"user-row\" key={u.id} onClick={() => inviteUser(u.username)}>＋ {u.name}</button>\n              ))}\n              {inviteResults.length === 0 && <p className=\"muted\">Aucun utilisateur trouvé.</p>}\n            </div>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowInvite(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n\n      {showPremium && premiumInfo && (\n        <div className=\"modal\" onClick={() => setShowPremium(false)}>\n          <div className=\"modal-box premium-box\" onClick={e => e.stopPropagation()}>\n            <h3>{premiumInfo.premium ? \"🥷 Tu es Premium !\" : \"🥷 Choisis ton plan\"}</h3>\n            <div className=\"plan\">\n              <b>Gratuit — 0 €</b>\n              <ul><li>{premiumInfo.plans.free.groups}</li><li>{premiumInfo.plans.free.models}</li><li>{premiumInfo.plans.free.rate}</li></ul>\n            </div>\n            <div className={\"plan \" + (premiumInfo.premium ? \"current\" : \"\")}>\n              <b>★ Premium — {premiumInfo.plans.premium.price}</b>\n              <ul><li>{premiumInfo.plans.premium.groups}</li><li>{premiumInfo.plans.premium.models}</li><li>{premiumInfo.plans.premium.rate}</li></ul>\n            </div>\n            <div className=\"plan plus\">\n              <b>🥷 Premium+ — {premiumInfo.plans.premiumPlus.price}</b>\n              <ul><li>{premiumInfo.plans.premiumPlus.groups}</li><li>{premiumInfo.plans.premiumPlus.models}</li><li>{premiumInfo.plans.premiumPlus.offline}</li><li>{premiumInfo.plans.premiumPlus.badge}</li></ul>\n            </div>\n            <p className=\"muted\">{premiumInfo.howToUpgrade}</p>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowPremium(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render(<App />);\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\n\nconst API = \"https://chezlanoisette--5954d6f2a3ab11f1b6491607ee4eb77e.web.val.run\";\n\nconst offlineCache = {\n  save: (key: string, data: any) => { try { localStorage.setItem(\"antoxia:\" + key, JSON.stringify(data)); } catch {} },\n  load: (key: string): any => { try { return JSON.parse(localStorage.getItem(\"antoxia:\" + key) || \"null\"); } catch { return null; } },\n};\nif (\"serviceWorker\" in navigator) navigator.serviceWorker.register(\"/frontend/sw.js\").catch(() => {});\n\ntype Chat = { id: string; type: \"private\" | \"group\"; title: string; ai_enabled?: number; members?: number };\ntype Msg = { id?: string; sender_type: \"user\" | \"ai\" | \"system\"; sender_id?: string; text: string; kind?: string; media?: string };\n\nfunction ImageMsg({ media }: { media: string }) {\n  const [url, setUrl] = useState<string | null>(null);\n  useEffect(() => {\n    fetch(API + \"/images/\" + media, { credentials: \"include\" }).then(r => r.json()).then(x => setUrl(x.url || null)).catch(() => {});\n  }, [media]);\n  if (!url) return <p className=\"muted\">📷 Photo…</p>;\n  return <img className=\"chat-img\" src={url} alt=\"photo\" />;\n}\n\nfunction App() {\n  const [user, setUser] = useState<any>(null);\n  const [tab, setTab] = useState<\"private\" | \"group\">(\"private\");\n  const [chats, setChats] = useState<Chat[]>([]);\n  const [chat, setChat] = useState<Chat | null>(null);\n  const [members, setMembers] = useState<any[]>([]);\n  const [messages, setMessages] = useState<Msg[]>([]);\n  const [text, setText] = useState(\"\");\n  const [search, setSearch] = useState(\"\");\n  const [model, setModel] = useState(\"antoxia-fast\");\n  const [models, setModels] = useState<any[]>([]);\n  const [busy, setBusy] = useState(false);\n  const [showNewGroup, setShowNewGroup] = useState(false);\n  const [groupName, setGroupName] = useState(\"\");\n  const [groupAi, setGroupAi] = useState(true);\n  const [showInfo, setShowInfo] = useState(false);\n  const [showPremium, setShowPremium] = useState(false);\n  const [premiumInfo, setPremiumInfo] = useState<any>(null);\n  const [renaming, setRenaming] = useState<string | null>(null);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [online, setOnline] = useState(navigator.onLine);\n  const [showDM, setShowDM] = useState(false);\n  const [dmQuery, setDmQuery] = useState(\"\");\n  const [dmResults, setDmResults] = useState<any[]>([]);\n  const [showInvite, setShowInvite] = useState(false);\n  const [inviteQuery, setInviteQuery] = useState(\"\");\n  const [inviteResults, setInviteResults] = useState<any[]>([]);\n  const [notifOn, setNotifOn] = useState(false);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const msgsRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const on = () => setOnline(true), off = () => setOnline(false);\n    window.addEventListener(\"online\", on); window.addEventListener(\"offline\", off);\n    return () => { window.removeEventListener(\"online\", on); window.removeEventListener(\"offline\", off); };\n  }, []);\n\n  const auth = () => {\n    const w = window.open(API + \"/auth/login\", \"antoxia-auth\", \"width=480,height=680\");\n    const iv = setInterval(async () => {\n      if (w?.closed) { clearInterval(iv); return; }\n      try {\n        const x = await fetch(API + \"/auth/me\", { credentials: \"include\" }).then(r => r.json());\n        if (x.user) {\n          clearInterval(iv);\n          w?.close();\n          setUser({ ...x.user });\n          loadChats();\n        }\n      } catch { /* retry */ }\n    }, 800);\n  };\n  const scrollBottom = () => setTimeout(() => msgsRef.current?.scrollTo(0, 1e9), 60);\n\n  useEffect(() => {\n    fetch(API + \"/auth/me\", { credentials: \"include\" }).then(r => r.json()).then(x => { setUser(x.user); if (x.user) loadChats(); });\n    fetch(API + \"/models\").then(r => r.json()).then(x => setModels(Array.isArray(x) ? x : []));\n  }, []);\n\n  const loadChats = (q = \"\") =>\n    fetch(API + `/chats?type=${tab}` + (q ? \"&q=\" + encodeURIComponent(q) : \"\"), { credentials: \"include\" })\n      .then(r => r.json()).then(x => {\n        const list = Array.isArray(x) ? x : [];\n        setChats(list);\n        offlineCache.save(\"chats:\" + tab, list);\n      })\n      .catch(() => {\n        const cached = offlineCache.load(\"chats:\" + tab);\n        if (cached) setChats(cached);\n      });\n\n  useEffect(() => { if (user) loadChats(search); }, [tab, search]);\n\n  const openChat = async (c: Chat) => {\n    setChat(c);\n    setMessages([]);\n    const cachedMsgs = offlineCache.load(\"msgs:\" + c.id);\n    if (cachedMsgs) setMessages(cachedMsgs);\n    try {\n      const [mx, mb] = await Promise.all([\n        fetch(API + `/chats/${c.id}/messages`, { credentials: \"include\" }).then(r => r.json()),\n        c.type === \"group\" ? fetch(API + `/chats/${c.id}/members`, { credentials: \"include\" }).then(r => r.json()) : Promise.resolve([]),\n      ]);\n      const msgs = (Array.isArray(mx) ? mx : []).map((m: any) => ({ id: m.id, sender_type: m.sender_type, sender_id: m.sender_id, text: m.content, kind: m.kind, media: m.media }));\n      setMessages(msgs);\n      offlineCache.save(\"msgs:\" + c.id, msgs);\n      setMembers(Array.isArray(mb) ? mb : []);\n    } catch {\n      if (!cachedMsgs) alert(\"Hors ligne — discussion jamais ouverte.\");\n    }\n    scrollBottom();\n  };\n\n  const createGroup = async () => {\n    if (!user) { auth(); return; }\n    if (!groupName.trim()) return;\n    const r = await fetch(API + \"/chats\", { method: \"POST\", credentials: \"include\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ type: \"group\", title: groupName.trim(), ai: groupAi }) });\n    const x = await r.json();\n    if (r.status === 402) { alert(x.message || \"Premium requis\"); return; }\n    setShowNewGroup(false); setGroupName(\"\"); setGroupAi(true);\n    loadChats(search); openChat(x);\n  };\n\n  const renameChat = async () => {\n    if (!renaming || !renameValue.trim()) return;\n    await fetch(API + `/chats/${renaming}`, { method: \"PATCH\", credentials: \"include\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ title: renameValue.trim() }) });\n    setChats(x => x.map(c => c.id === renaming ? { ...c, title: renameValue.trim() } : c));\n    if (chat?.id === renaming) setChat({ ...chat, title: renameValue.trim() });\n    setRenaming(null);\n  };\n\n  const deleteChat = async (c: Chat) => {\n    if (!confirm(`Supprimer « ${c.title} » ?`)) return;\n    await fetch(API + `/chats/${c.id}`, { method: \"DELETE\", credentials: \"include\" });\n    setChats(x => x.filter(x2 => x2.id !== c.id));\n    if (chat?.id === c.id) { setChat(null); setMessages([]); }\n  };\n\n  const toggleAi = async () => {\n    if (!chat) return;\n    const nv = chat.ai_enabled ? 0 : 1;\n    await fetch(API + `/chats/${chat.id}`, { method: \"PATCH\", credentials: \"include\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ ai: nv }) });\n    setChat({ ...chat, ai_enabled: nv });\n  };\n\n  const openPremium = async () => {\n    const r = await fetch(API + \"/premium\", { credentials: \"include\" });\n    setPremiumInfo(await r.json());\n    setShowPremium(true);\n  };\n\n  const searchUsers = async (q: string, set: (r: any[]) => void) => {\n    const r = await fetch(API + \"/users?q=\" + encodeURIComponent(q), { credentials: \"include\" });\n    const x = await r.json();\n    set(Array.isArray(x) ? x : []);\n  };\n  useEffect(() => { if (showDM) searchUsers(dmQuery, setDmResults); }, [dmQuery, showDM]);\n  useEffect(() => { if (showInvite) searchUsers(inviteQuery, setInviteResults); }, [inviteQuery, showInvite]);\n\n  const startDM = async (username: string) => {\n    const r = await fetch(API + \"/dm\", { method: \"POST\", credentials: \"include\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ username }) });\n    const x = await r.json();\n    if (x.error) { alert(x.error); return; }\n    setShowDM(false); setDmQuery(\"\"); loadChats();\n    openChat({ id: x.id, type: \"private\", title: username });\n  };\n\n  const inviteUser = async (username: string) => {\n    if (!chat) return;\n    const r = await fetch(API + `/chats/${chat.id}/invite`, { method: \"POST\", credentials: \"include\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ username }) });\n    const x = await r.json();\n    if (x.error) { alert(x.error); return; }\n    setShowInvite(false); setInviteQuery(\"\");\n    openChat(chat);\n  };\n\n  const sendImage = (file: File) => {\n    if (!chat || !file) return;\n    const reader = new FileReader();\n    reader.onload = async () => {\n      const r = await fetch(API + `/chats/${chat.id}/upload`, { method: \"POST\", credentials: \"include\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ data: reader.result }) });\n      const x = await r.json();\n      if (x.error) alert(x.error); else openChat(chat);\n    };\n    reader.readAsDataURL(file);\n  };\n\n  const enableNotifications = async () => {\n    const perm = await Notification.requestPermission();\n    if (perm === \"granted\") { setNotifOn(true); new Notification(\"Antoxia\", { body: \"Notifications activées 🔔\", icon: \"/frontend/icon.svg\" }); }\n  };\n\n  useEffect(() => {\n    if (!user) return;\n    let since = new Date().toISOString().slice(0, 19).replace(\"T\", \" \");\n    const iv = setInterval(async () => {\n      try {\n        const r = await fetch(API + \"/updates?since=\" + encodeURIComponent(since), { credentials: \"include\" });\n        const x = await r.json();\n        since = x.now || since;\n        for (const m of x.messages || []) {\n          if (document.hidden && typeof Notification !== \"undefined\" && Notification.permission === \"granted\") {\n            new Notification(\"💬 \" + (m.title || \"Antoxia\"), { body: m.kind === \"image\" ? \"📷 Photo\" : m.content.slice(0, 80), icon: \"/frontend/icon.svg\" });\n          }\n        }\n        if (x.messages?.length) loadChats(search);\n      } catch { /* offline */ }\n    }, 15000);\n    return () => clearInterval(iv);\n  }, [user, search]);\n\n  const send = async () => {\n    const value = text.trim();\n    if (!value || !chat || busy) return;\n    if (!user) { auth(); return; }\n    setText(\"\");\n    setMessages(m => [...m, { sender_type: \"user\", sender_id: user.id, text: value }]);\n    scrollBottom();\n    setBusy(true);\n    const aiInGroup = chat.type === \"group\" && (chat.ai_enabled || models.length === 0);\n    if (aiInGroup) setMessages(m => [...m, { sender_type: \"ai\", text: \"\" }]);\n    try {\n      const r = await fetch(API + `/chats/${chat.id}/messages`, {\n        method: \"POST\", credentials: \"include\",\n        headers: { \"content-type\": \"application/json\" },\n        body: JSON.stringify({ content: value, model }),\n      });\n      if (r.headers.get(\"content-type\")?.includes(\"text/event-stream\")) {\n        const reader = r.body!.getReader(); const dec = new TextDecoder(); let buf = \"\";\n        while (true) {\n          const { done, value: chunk } = await reader.read();\n          if (done) break;\n          buf += dec.decode(chunk, { stream: true });\n          const parts = buf.split(\"\\n\\n\"); buf = parts.pop() || \"\";\n          for (const p of parts) {\n            const line = p.trim(); if (!line.startsWith(\"data: \")) continue;\n            const obj = JSON.parse(line.slice(6));\n            if (obj.delta) setMessages(m => { const c = [...m]; c[c.length - 1] = { ...c[c.length - 1], text: c[c.length - 1].text + obj.delta }; return c; }), scrollBottom();\n            if (obj.error) setMessages(m => { const c = [...m]; c[c.length - 1] = { ...c[c.length - 1], text: \"⚠️ \" + obj.error }; return c; });\n          }\n        }\n      } else {\n        const x = await r.json();\n        if (r.status === 402) alert(x.message || \"Premium requis\");\n        else if (x.error) alert(x.error);\n      }\n    } finally {\n      setBusy(false);\n      loadChats(search);\n    }\n  };\n\n  const nameOf = (m: Msg) => {\n    if (m.sender_type === \"ai\") return \"Antoxia\";\n    if (m.sender_type === \"system\") return \"\";\n    const mem = members.find(x => x.user_id === m.sender_id);\n    return mem?.name || \"Toi\";\n  };\n\n  return (\n    <div className=\"app\">\n      <aside className=\"sidebar\">\n        <div className=\"brand\"><img className=\"logo-ninja\" src=\"/frontend/icon.svg\" alt=\"Antoxia\"/><div><b>Antoxia</b><small>AI</small></div></div>\n        {!online && <div className=\"offline-banner\">📴 Hors ligne — lecture seule</div>}\n        <div className=\"tabs\">\n          <button className={tab === \"private\" ? \"tab active\" : \"tab\"} onClick={() => { setTab(\"private\"); setChat(null); }}>💬 Privées</button>\n          <button className={tab === \"group\" ? \"tab active\" : \"tab\"} onClick={() => { setTab(\"group\"); setChat(null); }}>👥 Groupes</button>\n        </div>\n        <button className=\"new\" onClick={() => tab === \"group\" ? setShowNewGroup(true) : setShowDM(true)}>{tab === \"group\" ? \"＋ Nouveau groupe\" : \"＋ Discuter avec quelqu'un\"}</button>\n        <input className=\"search\" placeholder=\"🔍 Rechercher…\" value={search} onChange={e => setSearch(e.target.value)} />\n        {user && (\n          <button className={\"notif-btn \" + (notifOn ? \"on\" : \"\")} onClick={enableNotifications}>\n            🔔 {notifOn ? \"Notifications actives\" : \"Activer les notifications\"}\n          </button>\n        )}\n        <div className=\"history\">\n          {chats.map(c => (\n            <div className={\"chat-row \" + (chat?.id === c.id ? \"selected\" : \"\")} key={c.id}>\n              {renaming === c.id ? (\n                <>\n                  <input className=\"rename\" value={renameValue} onChange={e => setRenameValue(e.target.value)} onKeyDown={e => { if (e.key === \"Enter\") renameChat(); if (e.key === \"Escape\") setRenaming(null); }} autoFocus />\n                  <button className=\"icon\" onClick={renameChat}>✓</button>\n                </>\n              ) : (\n                <>\n                  <button className=\"chat-item\" onClick={() => openChat(c)}>\n                    <span className=\"chat-emoji\">{c.type === \"group\" ? \"👥\" : \"💬\"}</span> {c.title}\n                    {!!c.ai_enabled && <span className=\"ai-badge\">🤖</span>}\n                  </button>\n                  <button className=\"icon\" title=\"Renommer\" onClick={() => { setRenaming(c.id); setRenameValue(c.title); }}>✎</button>\n                  <button className=\"icon danger\" title=\"Supprimer\" onClick={() => deleteChat(c)}>🗑</button>\n                </>\n              )}\n            </div>\n          ))}\n        </div>\n        <div className=\"spacer\" />\n        {user ? (\n          <button className=\"account\" onClick={openPremium}>\n            👤 {user.username} {user.premium ? <span className=\"prem\">★ Premium</span> : <span className=\"free\">Gratuit</span>}\n          </button>\n        ) : <button className=\"login\" onClick={auth}>Se connecter / S'inscrire</button>}\n      </aside>\n      <main className=\"main\">\n        <header className=\"wa-header\">\n          {chat ? (\n            <>\n              <div className=\"wa-title\" onClick={() => setShowInfo(true)}>\n                <span className=\"chat-emoji big\">{chat.type === \"group\" ? \"👥\" : \"💬\"}</span>\n                <div>\n                  <h1>{chat.title}</h1>\n                  <span>{chat.type === \"group\" ? `${members.length} membre${members.length > 1 ? \"s\" : \"\"}${chat.ai_enabled ? \" • 🤖 IA\" : \"\"}` : \"Privée\"}</span>\n                </div>\n              </div>\n              {chat.type === \"group\" && (\n                <button className={\"ai-toggle \" + (chat.ai_enabled ? \"on\" : \"\")} onClick={toggleAi}>\n                  🤖 IA {chat.ai_enabled ? \"ON\" : \"OFF\"}\n                </button>\n              )}\n            </>\n          ) : (\n            <div className=\"wa-title\"><div><h1>Antoxia</h1><span>{online ? \"● En ligne\" : \"● Hors ligne\"}</span></div></div>\n          )}\n        </header>\n        <section className=\"messages\" ref={msgsRef}>\n          {!chat ? (\n            <div className=\"welcome\">\n              <h2>{tab === \"group\" ? \"👥 Groupes\" : \"💬 Messages privés\"}</h2>\n              <p>{tab === \"group\"\n                ? \"Crée un groupe, invite des gens et l'IA (🤖), et discutez ensemble.\"\n                : \"Discute en privé avec d'autres membres, ou garde tes notes — sans IA.\"}</p>\n              {user ? <button onClick={() => tab === \"group\" ? setShowNewGroup(true) : setShowDM(true)}>Commencer</button>\n                : <button onClick={auth}>Se connecter / S'inscrire</button>}\n            </div>\n          ) : messages.map((m, i) => (\n            m.sender_type === \"system\" ? (\n              <div key={m.id || i} className=\"sysmsg\">{m.text}</div>\n            ) : (\n              <div key={m.id || i} className={\"bubble \" + (m.sender_type === \"user\" ? (m.sender_id === user?.id ? \"me\" : \"other\") : \"ai\")}>\n                {chat.type === \"group\" && m.sender_type !== \"user\" || (m.sender_type === \"user\" && m.sender_id !== user?.id) ? <b className=\"sender\">{nameOf(m)}</b> : null}\n                {m.kind === \"image\" ? <ImageMsg media={m.media || \"\"} /> : (\n                  <p>{m.text}{busy && i === messages.length - 1 && m.sender_type === \"ai\" ? \" ▊\" : \"\"}</p>\n                )}\n              </div>\n            )\n          ))}\n        </section>\n        <div className=\"composer\">\n          <input ref={fileRef} type=\"file\" accept=\"image/*\" style={{ display: \"none\" }} onChange={e => { if (e.target.files?.[0]) sendImage(e.target.files[0]); e.target.value = \"\"; }} />\n          <button className=\"attach\" onClick={() => fileRef.current?.click()} disabled={!chat || busy || !online} title=\"Envoyer une image\">📷</button>\n          <textarea value={text} onChange={e => setText(e.target.value)}\n            onKeyDown={e => { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); send(); } }}\n            placeholder={chat ? \"Écris un message…\" : \"Choisis ou crée une discussion…\"} />\n          <button onClick={send} disabled={busy || !chat}>➤</button>\n        </div>\n        <div className=\"hint\">\n          {chat?.type === \"group\" && chat.ai_enabled\n            ? <select className=\"mini-model\" value={model} onChange={e => setModel(e.target.value)}>\n                {models.map(m => <option value={m.id} key={m.id} disabled={m.locked}>{m.name}{m.locked ? \" ★\" : \"\"}</option>)}\n              </select>\n            : <span>Entrée pour envoyer • Maj+Entrée nouvelle ligne</span>}\n        </div>\n      </main>\n\n      {showNewGroup && (\n        <div className=\"modal\" onClick={() => setShowNewGroup(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>Nouveau groupe</h3>\n            <label>Nom du groupe</label>\n            <input value={groupName} onChange={e => setGroupName(e.target.value)} placeholder=\"Ex : Projet, Famille…\" autoFocus onKeyDown={e => { if (e.key === \"Enter\") createGroup(); }} />\n            <label className=\"check\"><input type=\"checkbox\" checked={groupAi} onChange={e => setGroupAi(e.target.checked)} /> Inviter l'IA Antoxia comme participant 🤖</label>\n            <div className=\"modal-actions\">\n              <button onClick={createGroup}>Créer</button>\n              <button className=\"ghost\" onClick={() => setShowNewGroup(false)}>Annuler</button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {showInfo && chat && (\n        <div className=\"modal\" onClick={() => setShowInfo(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>{chat.type === \"group\" ? \"👥\" : \"💬\"} {chat.title}</h3>\n            <div className=\"member-list\">\n              {members.map(m => <div key={m.user_id} className=\"member\">{m.role === \"owner\" ? \"👑\" : \"👤\"} {m.name}</div>)}\n              {chat.ai_enabled ? <div className=\"member\">🤖 Antoxia (IA)</div> : null}\n            </div>\n            <button className=\"invite-btn\" onClick={() => { setShowInfo(false); setShowInvite(true); }}>＋ Inviter quelqu'un</button>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowInfo(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n\n      {showDM && (\n        <div className=\"modal\" onClick={() => setShowDM(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>💬 Discuter avec quelqu'un</h3>\n            <input value={dmQuery} onChange={e => setDmQuery(e.target.value)} placeholder=\"Rechercher un pseudo Val Town…\" autoFocus />\n            <div className=\"user-results\">\n              {dmResults.map(u => (\n                <button className=\"user-row\" key={u.id} onClick={() => startDM(u.username)}>👤 {u.name}</button>\n              ))}\n              {dmResults.length === 0 && <p className=\"muted\">Aucun utilisateur trouvé. Tape un pseudo Val Town — la personne doit s'être connectée à Antoxia au moins une fois.</p>}\n            </div>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowDM(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n\n      {showInvite && chat && (\n        <div className=\"modal\" onClick={() => setShowInvite(false)}>\n          <div className=\"modal-box\" onClick={e => e.stopPropagation()}>\n            <h3>＋ Inviter dans « {chat.title} »</h3>\n            <input value={inviteQuery} onChange={e => setInviteQuery(e.target.value)} placeholder=\"Pseudo Val Town…\" autoFocus />\n            <div className=\"user-results\">\n              {inviteResults.map(u => (\n                <button className=\"user-row\" key={u.id} onClick={() => inviteUser(u.username)}>＋ {u.name}</button>\n              ))}\n              {inviteResults.length === 0 && <p className=\"muted\">Aucun utilisateur trouvé.</p>}\n            </div>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowInvite(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n\n      {showPremium && premiumInfo && (\n        <div className=\"modal\" onClick={() => setShowPremium(false)}>\n          <div className=\"modal-box premium-box\" onClick={e => e.stopPropagation()}>\n            <h3>{premiumInfo.premium ? \"🥷 Tu es Premium !\" : \"🥷 Choisis ton plan\"}</h3>\n            <div className=\"plan\">\n              <b>Gratuit — 0 €</b>\n              <ul><li>{premiumInfo.plans.free.groups}</li><li>{premiumInfo.plans.free.models}</li><li>{premiumInfo.plans.free.rate}</li></ul>\n            </div>\n            <div className={\"plan \" + (premiumInfo.premium ? \"current\" : \"\")}>\n              <b>★ Premium — {premiumInfo.plans.premium.price}</b>\n              <ul><li>{premiumInfo.plans.premium.groups}</li><li>{premiumInfo.plans.premium.models}</li><li>{premiumInfo.plans.premium.rate}</li></ul>\n            </div>\n            <div className=\"plan plus\">\n              <b>🥷 Premium+ — {premiumInfo.plans.premiumPlus.price}</b>\n              <ul><li>{premiumInfo.plans.premiumPlus.groups}</li><li>{premiumInfo.plans.premiumPlus.models}</li><li>{premiumInfo.plans.premiumPlus.offline}</li><li>{premiumInfo.plans.premiumPlus.badge}</li></ul>\n            </div>\n            <p className=\"muted\">{premiumInfo.howToUpgrade}</p>\n            <div className=\"modal-actions\"><button className=\"ghost\" onClick={() => setShowPremium(false)}>Fermer</button></div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render(<App />);\n","createdAt",["D",1788012559906],"branchVersion","branchId","85fbda42-78f6-489d-865c-502a4633e9ad","id","5bd39084-faa2-4c0c-a925-f15151a6fcf2","antoxia",["D",1788009053600],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Antoxia AI V1 - chat IA web","imageUrl","e06dd92d-1045-495f-8f1d-c5dbb6d6b66d","pinnedFileId","107d562a-a3ab-11f1-aca5-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","01a04d97-81fb-71bc-a1db-828e350973f0","tursoName","5bd39084faa24c0ca925f15151a6fcf2","tursoHostname","5bd39084faa24c0ca925f15151a6fcf2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789571433983],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_114":109},"org",{"_107":106,"_108":109,"_110":109,"_19":62,"_111":112,"_113":31},"branch",{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"isOwned",66,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","chezlanoisette","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_50":51,"_38":52,"_45":271,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":272,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":273,"_91":274,"_93":275,"_95":31},"tree",[190,193,199,200,201],"files",[190,191,192,193,194,195,196,197,198,199,200,201],"counts",{"_180":164,"_181":70,"_182":164,"_183":184,"_185":186},"contents",[136,137,138,139,140],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":174,"_38":175,"_36":176,"_143":-5,"_48":49,"_47":177,"_145":66,"_45":178,"_13":164,"_40":172,"_42":-5,"_30":31,"_150":-5,"_33":179},{"_50":167,"_38":168,"_36":169,"_143":-5,"_48":49,"_47":170,"_145":66,"_45":171,"_13":164,"_40":172,"_42":-5,"_30":31,"_150":-5,"_33":173},{"_50":159,"_38":160,"_36":161,"_143":-5,"_48":49,"_47":162,"_145":66,"_45":163,"_13":164,"_40":26,"_42":165,"_30":31,"_150":-5,"_33":166},{"_50":152,"_38":153,"_36":154,"_143":-5,"_48":49,"_47":155,"_145":66,"_45":156,"_13":70,"_40":26,"_42":157,"_30":31,"_150":-5,"_33":158},{"_50":141,"_38":142,"_36":64,"_143":-5,"_48":49,"_47":144,"_145":31,"_45":146,"_13":147,"_40":148,"_42":149,"_30":31,"_150":-5,"_33":151},"69afdad7-36c7-42a5-969c-514478fe9df6","index.tsx","parentId",38,"latest",["D",1788011709436],4,"http","import { Hono } from \"npm:hono\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(`<!doctype html><html lang=\"fr\"><head><meta charset=\"UTF-8\"/><meta name=\"viewport\" content=\"width=device-width,initial-scale=1,viewport-fit=cover\"/><title>Antoxia AI</title><meta name=\"theme-color\" content=\"#12121f\"/><link rel=\"manifest\" href=\"/frontend/manifest.json\"/><link rel=\"icon\" type=\"image/svg+xml\" href=\"/frontend/icon.svg\"/><link rel=\"apple-touch-icon\" href=\"/frontend/icon.svg\"/><link rel=\"stylesheet\" href=\"/style.css\"/><script src=\"https://esm.town/v/std/catch\"></script></head><body><div id=\"root\"></div><script type=\"module\" src=\"/frontend/app.tsx\"></script></body></html>`));\napp.get(\"/style.css\", (c) => serveFile(\"/frontend/style.css\"));\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[142],"c01a80ca-7475-49a3-a3e0-e37bc5db16dc","README.md","5c24f0b0-a3ab-11f1-afe7-1607ee4eb77e",29,["D",1788010999301],"# Antoxia AI V2\n\nAssistant IA avec comptes Val Town, conversations persistantes, streaming des réponses et PWA installable.\n\n## Fonctionnalités\n- 🔐 Connexion avec compte Val Town (OAuth, sessions 30 jours)\n- 💬 Discussions persistantes avec **streaming** des réponses (SSE)\n- ✎ Renommer / 🗑 supprimer / 🔍 rechercher les discussions\n- 🧠 3 modèles distincts : Fast (gpt-4o-mini), Pro (gpt-4o), Reasoning (gpt-4o)\n- 👤 Profil éditable (nom affiché, bio)\n- 🛡️ Limite anti-abus : 20 messages/minute par utilisateur\n- 📱 PWA installable sur Android (Chrome → « Ajouter à l'écran d'accueil »)\n\n## API\n- `GET /models` — liste des modèles\n- `GET/POST/PATCH/DELETE /conversations[/:id]` — CRUD discussions (+ `?q=` recherche)\n- `GET /conversations/:id/messages` — historique\n- `POST /chat` — chat en streaming SSE\n- `GET/PATCH /profile` — profil\n- `POST /auth/login` / `POST /auth/logout` — OAuth Val Town\n\n## Installation Android\nOuvre l'app dans Chrome → menu ⋮ → « Ajouter à l'écran d'accueil ».\n\n## Non implémenté (à venir)\nDiscussions à plusieurs, IA comme participant, images/fichiers, notifications — nécessitent une refonte du modèle de données.\n",[153],"36656603-702c-49bc-b231-dadc5667b936","ANTOXIA_ROADMAP.md","cb853478-a3ac-11f1-8b1b-1607ee4eb77e",22,["D",1788009796933],0,"# Antoxia — feuille de route complète\n\n## Objectif\nCréer une application IA style ChatGPT + messagerie, utilisable sur PC et mobile, avec comptes, conversations, historique et plusieurs modèles IA.\n\n## Déjà présent — V1\n- Interface web Antoxia.\n- Nouvelle discussion.\n- Historique des conversations en SQLite.\n- Messages utilisateur/IA persistants.\n- Compte via authentification Val Town.\n- Séparation des conversations par utilisateur.\n- Sélecteur Antoxia Fast / Pro / Reasoning.\n- API backend dédiée.\n- Appel serveur vers le fournisseur IA : aucune clé IA dans le frontend.\n- Interface responsive mobile.\n\n## V2 — expérience ChatGPT complète\n- Streaming des réponses caractère par caractère.\n- Renommer, supprimer et rechercher les conversations.\n- Auto-titre des conversations.\n- Copier une réponse.\n- Régénérer une réponse.\n- Stopper la génération.\n- Markdown + blocs de code.\n- Mode sombre/clair.\n- Réglages utilisateur.\n- Gestion des erreurs et états hors ligne.\n\n## V3 — comptes et synchronisation\n- Profil utilisateur.\n- Avatar et pseudo.\n- Connexion/déconnexion propre.\n- Synchronisation multi-appareils.\n- Suppression de compte et de données.\n- Contrôle des sessions.\n- Limites d'utilisation et compteur de messages.\n\n## V4 — plusieurs IA\n- Architecture de providers séparée.\n- Modèles réels distincts derrière Fast / Pro / Reasoning.\n- Choix du modèle par conversation.\n- Paramètres de modèle côté serveur.\n- Fallback si un fournisseur est indisponible.\n- Ne jamais exposer les clés API au navigateur.\n\n## V5 — discussions à plusieurs\n- Conversation avec plusieurs personnes.\n- Invitations par lien.\n- Membres et rôles.\n- Messages attribués à chaque personne.\n- Possibilité d'ajouter une IA comme participant.\n- Notifications et indicateurs de lecture.\n\n## V6 — fichiers et multimédia\n- Upload d'images et documents.\n- Pièces jointes dans les messages.\n- Analyse des fichiers par l'IA.\n- Génération d'images si un provider compatible est configuré.\n- Historique des pièces jointes.\n\n## V7 — application mobile\n- Client Android utilisant la même API.\n- Authentification.\n- Conversations synchronisées.\n- Notifications push.\n- Stockage local/cache.\n- Préparation publication APK/AAB.\n\n## V8 — qualité et sécurité\n- Validation stricte des entrées.\n- Rate limiting.\n- Protection contre l'abus.\n- Journalisation sans données sensibles.\n- Suppression/export des données.\n- Tests API et tests d'interface.\n\n## V9 — finition\n- Landing page.\n- Page paramètres.\n- Page compte.\n- Aide/FAQ.\n- Branding Antoxia.\n- Icône et manifest PWA.\n- Installation web sur mobile.\n\n## V10 — production\n- Domaine personnalisé.\n- Monitoring.\n- Sauvegardes.\n- Optimisation des coûts.\n- Documentation développeur.\n- Préparation store Android.\n\n## Priorité immédiate pour l'IA Val Town\n1. Vérifier et stabiliser l'authentification OAuth.\n2. Corriger/valider le CORS entre frontend et backend.\n3. Tester création de compte/session et création de conversation.\n4. Tester envoi d'un message au vrai provider IA.\n5. Ajouter streaming + régénération + suppression/renommage.\n6. Remplacer les trois profils actuels par de vrais modèles distincts lorsque les providers sont disponibles.\n7. Ajouter les discussions à plusieurs.\n8. Préparer l'API mobile.\n\n## Consigne importante\nNe pas déclarer une fonctionnalité « terminée » si elle n'a pas été réellement testée. Ne jamais inventer une clé API, un modèle ou un service disponible. Garder les secrets côté serveur.\n",[160],"278f1a29-6f90-48d3-9a44-b649deda813f","frontend","b78c1601-27b3-4d7f-b736-19bcfbae0127",2,["D",1788009063500],"directory",[168],"57d25216-380c-495b-beb7-7a1d82b66ebc","backend","c7538213-4df6-40aa-840a-6ddde72b74d5",5,["D",1788009169618],[175],"pulls","branches","forks","envVars",{"_187":70,"_189":164},"connections",{"_187":164,"_188":164},"count","unfilledCount","emptyCount",{"_50":174,"_38":175,"_36":176,"_143":-5,"_48":49,"_47":177,"_145":66,"_45":268,"_13":164,"_40":172,"_42":-5,"_30":31,"_150":-5,"_203":269,"_33":270},{"_50":259,"_38":260,"_36":261,"_143":176,"_48":49,"_47":262,"_145":31,"_45":263,"_13":264,"_40":148,"_42":265,"_30":31,"_150":-5,"_203":266,"_33":267},{"_50":252,"_38":253,"_36":254,"_143":176,"_48":49,"_47":177,"_145":66,"_45":255,"_13":164,"_40":26,"_42":256,"_30":31,"_150":-5,"_203":257,"_33":258},{"_50":167,"_38":168,"_36":169,"_143":-5,"_48":49,"_47":170,"_145":66,"_45":249,"_13":164,"_40":172,"_42":-5,"_30":31,"_150":-5,"_203":250,"_33":251},{"_50":244,"_38":39,"_36":37,"_143":169,"_48":49,"_47":14,"_145":31,"_45":245,"_13":246,"_40":41,"_42":44,"_30":31,"_150":-5,"_203":247,"_33":248},{"_50":236,"_38":237,"_36":238,"_143":169,"_48":49,"_47":239,"_145":66,"_45":240,"_13":164,"_40":26,"_42":241,"_30":31,"_150":-5,"_203":242,"_33":243},{"_50":228,"_38":229,"_36":230,"_143":169,"_48":49,"_47":231,"_145":66,"_45":232,"_13":70,"_40":26,"_42":233,"_30":31,"_150":-5,"_203":234,"_33":235},{"_50":220,"_38":221,"_36":222,"_143":169,"_48":49,"_47":223,"_145":31,"_45":224,"_13":177,"_40":26,"_42":225,"_30":31,"_150":-5,"_203":226,"_33":227},{"_50":212,"_38":213,"_36":214,"_143":169,"_48":49,"_47":215,"_145":66,"_45":216,"_13":70,"_40":41,"_42":217,"_30":31,"_150":-5,"_203":218,"_33":219},{"_50":159,"_38":160,"_36":161,"_143":-5,"_48":49,"_47":162,"_145":66,"_45":209,"_13":164,"_40":26,"_42":165,"_30":31,"_150":-5,"_203":210,"_33":211},{"_50":152,"_38":153,"_36":154,"_143":-5,"_48":49,"_47":155,"_145":66,"_45":206,"_13":70,"_40":26,"_42":157,"_30":31,"_150":-5,"_203":207,"_33":208},{"_50":141,"_38":142,"_36":64,"_143":-5,"_48":49,"_47":144,"_145":31,"_45":202,"_13":147,"_40":148,"_42":149,"_30":31,"_150":-5,"_203":204,"_33":205},["D",1788011709436],"children",[],[142],["D",1788010999301],[],[153],["D",1788009796933],[],[160],"a77219d9-913d-490b-a0d2-9ce0a3cae4a1","sw.js","22ddb5e8-a3b1-11f1-a49e-1607ee4eb77e",48,["D",1788012192385],"// Antoxia service worker — mode hors ligne\nconst CACHE = 'antoxia-v2'; // bump à chaque déploiement pour invalider le cache\nconst ASSETS = ['/', '/style.css', '/frontend/app.tsx', '/frontend/icon.svg', '/frontend/manifest.json'];\n\nself.addEventListener('install', (e) => {\n  e.waitUntil(caches.open(CACHE).then(c => c.addAll(ASSETS)).then(() => self.skipWaiting()));\n});\n\nself.addEventListener('activate', (e) => {\n  e.waitUntil(caches.keys().then(keys => Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))).then(() => self.clients.claim()));\n});\n\n// Shell + assets : network-first pour le code (toujours à jour), cache en secours hors ligne\nself.addEventListener('fetch', (e) => {\n  const url = new URL(e.request.url);\n  if (url.origin !== location.origin) return; // API : réseau uniquement\n  if (e.request.method !== 'GET') return;\n  e.respondWith(\n    fetch(e.request)\n      .then(res => {\n        const copy = res.clone();\n        caches.open(CACHE).then(c => c.put(e.request, copy));\n        return res;\n      })\n      .catch(() => caches.match(e.request).then(hit => hit || caches.match('/')))\n  );\n});",[],[168,213],"ca8fe793-86ff-45cd-bd79-305d9c9381f7","style.css","1a16a0ec-a3ab-11f1-b299-1607ee4eb77e",52,["D",1788012445930],"*{box-sizing:border-box}body{margin:0;background:#171717;color:#fff;font-family:Inter,Arial,sans-serif}.app{display:flex;height:100vh;min-height:600px}.sidebar{width:280px;background:#101010;border-right:1px solid #2b2b2b;padding:18px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;margin-bottom:22px}.logo{width:40px;height:40px;border-radius:12px;background:#fff;color:#111;display:grid;place-items:center;font-weight:800;font-size:20px}.brand b{display:block;font-size:17px}.brand small{color:#aaa}.new,.login,.welcome button{width:100%;padding:12px;border:1px solid #3b3b3b;background:#242424;color:#fff;border-radius:11px;text-align:left;cursor:pointer}.side-title{color:#777;font-size:12px;margin:25px 8px 8px;text-transform:uppercase}.history{overflow:auto}.chat-item{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:11px 10px;color:#ddd;background:transparent;border:0;border-radius:9px;margin:2px 0;text-align:left;cursor:pointer}.chat-item:hover,.chat-item.selected{background:#292929}.spacer{flex:1}.account{padding:10px;color:#bbb;font-size:13px}.main{flex:1;display:flex;flex-direction:column;min-width:0}header{height:72px;border-bottom:1px solid #2b2b2b;padding:0 22px;display:flex;align-items:center;justify-content:space-between}h1{font-size:18px;margin:0 0 3px}header span{font-size:11px;color:#48d38a}header select{background:#292929;color:#fff;border:1px solid #3b3b3b;border-radius:9px;padding:9px 12px;outline:0}.messages{flex:1;overflow:auto;padding:28px max(20px,calc((100% - 850px)/2))}.message{display:flex;gap:12px;margin:0 0 25px;line-height:1.5}.avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#303030;display:grid;place-items:center;font-weight:700}.message.user .avatar{background:#fff;color:#111}.message b{font-size:13px}.message p{margin:5px 0 0;color:#ddd;white-space:pre-wrap}.welcome{text-align:center;margin:auto;max-width:500px;padding:40px}.welcome h2{font-size:28px;margin-bottom:8px}.welcome p{color:#aaa}.welcome button{text-align:center;width:auto;margin-top:15px;background:#fff;color:#111}.composer{width:min(850px,calc(100% - 30px));margin:0 auto 8px;display:flex;gap:8px;padding:8px;background:#242424;border:1px solid #3b3b3b;border-radius:16px}.composer textarea{flex:1;resize:none;background:transparent;border:0;outline:0;color:#fff;font:inherit;min-height:46px;max-height:140px;padding:10px}.composer button{width:46px;height:46px;border:0;border-radius:12px;background:#fff;color:#111;font-size:19px;cursor:pointer}.hint{text-align:center;color:#666;font-size:10px;padding-bottom:10px}@media(max-width:700px){.sidebar{display:none}.messages{padding:20px 14px}.composer{width:calc(100% - 16px)}}\n/* --- V2 additions --- */\n.search {\n  width: 100%;\n  margin: 8px 0 4px;\n  padding: 8px 12px;\n  border-radius: 10px;\n  border: 1px solid rgba(255,255,255,.15);\n  background: rgba(255,255,255,.06);\n  color: inherit;\n  font-size: 13px;\n  outline: none;\n}\n.search:focus { border-color: #7c6cff; }\n.chat-row {\n  display: flex; align-items: center; gap: 4px;\n  border-radius: 10px; padding: 2px 6px 2px 2px;\n}\n.chat-row.selected { background: rgba(124,108,255,.18); }\n.chat-row .chat-item {\n  flex: 1; min-width: 0; text-align: left; background: none; border: none;\n  color: inherit; font-size: 13px; padding: 8px 4px; cursor: pointer;\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n.chat-row .icon {\n  background: none; border: none; cursor: pointer; font-size: 12px;\n  opacity: 0; padding: 4px; border-radius: 6px; color: inherit;\n}\n.chat-row:hover .icon { opacity: .7; }\n.chat-row .icon:hover { opacity: 1; background: rgba(255,255,255,.1); }\n.chat-row .icon.danger:hover { background: rgba(255,80,80,.25); }\n.account {\n  width: 100%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15);\n  color: inherit; border-radius: 10px; padding: 10px; cursor: pointer; font-size: 13px;\n}\n.account:hover { background: rgba(255,255,255,.12); }\n.messages { overflow-y: auto; }\n.modal {\n  position: fixed; inset: 0; background: rgba(0,0,0,.6);\n  display: flex; align-items: center; justify-content: center; z-index: 50;\n}\n.modal-box {\n  background: #1c1c2e; border: 1px solid rgba(255,255,255,.15);\n  border-radius: 16px; padding: 24px; width: min(400px, 92vw);\n  display: flex; flex-direction: column; gap: 8px;\n}\n.modal-box h3 { margin: 0; }\n.modal-box .muted { color: #999; font-size: 12px; margin: 0; }\n.modal-box label { font-size: 12px; color: #aaa; margin-top: 6px; }\n.modal-box input, .modal-box textarea {\n  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15);\n  border-radius: 8px; padding: 8px 10px; color: inherit; font-size: 14px; resize: vertical;\n}\n.modal-actions { display: flex; gap: 8px; margin-top: 12px; justify-content: flex-end; }\n.modal-actions button {\n  padding: 8px 16px; border-radius: 8px; border: none; cursor: pointer;\n  background: #7c6cff; color: #fff; font-weight: 600;\n}\n.modal-actions .ghost { background: rgba(255,255,255,.08); }\n.composer button:disabled { opacity: .5; cursor: default; }\n\n/* --- WhatsApp style --- */\n.tabs { display: flex; gap: 4px; margin-bottom: 8px; }\n.tab {\n  flex: 1; padding: 8px 4px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12);\n  background: rgba(255,255,255,.04); color: #aaa; font-size: 13px; cursor: pointer;\n}\n.tab.active { background: #00a884; color: #fff; border-color: #00a884; font-weight: 600; }\n.chat-emoji { margin-right: 4px; }\n.chat-emoji.big { font-size: 22px; margin-right: 10px; }\n.ai-badge { margin-left: 6px; font-size: 11px; }\n.wa-header { display: flex; align-items: center; justify-content: space-between; }\n.wa-title { display: flex; align-items: center; cursor: pointer; min-width: 0; }\n.wa-title h1 { margin: 0; font-size: 17px; }\n.wa-title span { font-size: 12px; color: #25d366; }\n.ai-toggle {\n  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); color: #aaa;\n  border-radius: 20px; padding: 6px 12px; font-size: 12px; cursor: pointer; white-space: nowrap;\n}\n.ai-toggle.on { background: #00a884; border-color: #00a884; color: #fff; font-weight: 600; }\n.messages { display: flex; flex-direction: column; gap: 6px; padding: 16px 12px; }\n.bubble {\n  max-width: 72%; padding: 8px 12px; border-radius: 14px; font-size: 14px;\n  line-height: 1.45; word-break: break-word;\n}\n.bubble.me { align-self: flex-end; background: #005c4b; color: #fff; border-bottom-right-radius: 4px; }\n.bubble.other { align-self: flex-start; background: #202c33; color: #e9edef; border-bottom-left-radius: 4px; }\n.bubble.ai {\n  align-self: flex-start; background: linear-gradient(135deg, #2a2350, #1f1b3a);\n  color: #e5e0ff; border: 1px solid rgba(124,108,255,.4); border-bottom-left-radius: 4px;\n}\n.bubble .sender { display: block; font-size: 12px; margin-bottom: 2px; color: #25d366; }\n.bubble.ai .sender { color: #a99cff; }\n.bubble p { margin: 0; white-space: pre-wrap; }\n.prem { color: #ffd166; font-size: 11px; margin-left: 4px; }\n.free { color: #888; font-size: 11px; margin-left: 4px; }\n.mini-model { background: rgba(255,255,255,.08); color: #ccc; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; padding: 4px 8px; font-size: 12px; }\n.check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #ccc; margin-top: 8px; }\n.member-list { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }\n.member { font-size: 14px; color: #ddd; }\n.premium-box .plan { border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: 12px; margin: 8px 0; }\n.premium-box .plan.current { border-color: #ffd166; background: rgba(255,209,102,.08); }\n.premium-box ul { margin: 6px 0 0 16px; padding: 0; font-size: 13px; color: #ccc; }\n.premium-box h3 { color: #ffd166; }\n\n/* --- Ninja logo, offline, Premium+ --- */\n.logo-ninja { width: 34px; height: 34px; border-radius: 10px; }\n.offline-banner {\n  background: #8a6d00; color: #ffd166; font-size: 11px; text-align: center;\n  padding: 5px; border-radius: 8px; margin-bottom: 6px;\n}\n.plan.plus { border-color: #7c6cff; background: rgba(124,108,255,.1); }\n.plan.plus b { color: #a99cff; }\n\n/* --- DM, invitations, images, notifications --- */\n.notif-btn {\n  width: 100%; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);\n  color: #aaa; border-radius: 10px; padding: 7px; font-size: 12px; cursor: pointer; margin-bottom: 6px;\n}\n.notif-btn.on { color: #25d366; border-color: #25d366; }\n.attach { background: rgba(255,255,255,.08); border: none; border-radius: 10px; font-size: 18px; cursor: pointer; padding: 0 10px; }\n.user-results { display: flex; flex-direction: column; gap: 4px; max-height: 220px; overflow-y: auto; margin: 10px 0; }\n.user-row {\n  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #ddd;\n  border-radius: 8px; padding: 8px 10px; text-align: left; cursor: pointer; font-size: 14px;\n}\n.user-row:hover { background: rgba(124,108,255,.25); }\n.invite-btn {\n  width: 100%; background: #00a884; color: #fff; border: none; border-radius: 10px;\n  padding: 9px; font-weight: 600; cursor: pointer; margin-top: 6px;\n}\n.chat-img { max-width: 100%; max-height: 260px; border-radius: 10px; display: block; }\n.sysmsg { align-self: center; background: rgba(255,255,255,.08); color: #999; font-size: 12px; border-radius: 12px; padding: 4px 12px; }\n",[],[168,221],"791c332c-858c-4467-b59b-ebb8415b9c60","manifest.json","85e305e6-a3af-11f1-aec7-1607ee4eb77e",37,["D",1788011709395],"{\n  \"name\": \"Antoxia AI\",\n  \"short_name\": \"Antoxia\",\n  \"description\": \"Messagerie IA style WhatsApp — discussions, groupes, Premium\",\n  \"start_url\": \"/\",\n  \"display\": \"standalone\",\n  \"background_color\": \"#12121f\",\n  \"theme_color\": \"#12121f\",\n  \"lang\": \"fr\",\n  \"icons\": [\n    {\n      \"src\": \"/frontend/icon.svg\",\n      \"sizes\": \"any\",\n      \"type\": \"image/svg+xml\",\n      \"purpose\": \"any maskable\"\n    }\n  ]\n}\n",[],[168,229],"c1c3d662-6481-466a-9afd-9b2aaf0b50ba","icon.svg","22d49b02-a3b1-11f1-a49e-1607ee4eb77e",35,["D",1788011661390],"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n      <stop offset=\"0\" stop-color=\"#1f1b3a\"/>\n      <stop offset=\"1\" stop-color=\"#12121f\"/>\n    </linearGradient>\n  </defs>\n  <rect width=\"512\" height=\"512\" rx=\"96\" fill=\"url(#bg)\"/>\n  \n  <circle cx=\"256\" cy=\"240\" r=\"150\" fill=\"#00a884\"/>\n  \n  <rect x=\"106\" y=\"170\" width=\"300\" height=\"70\" rx=\"24\" fill=\"#12121f\"/>\n  <rect x=\"106\" y=\"170\" width=\"300\" height=\"70\" rx=\"24\" fill=\"none\" stroke=\"#7c6cff\" stroke-width=\"8\"/>\n  \n  <circle cx=\"200\" cy=\"205\" r=\"18\" fill=\"#25d366\"/>\n  <circle cx=\"312\" cy=\"205\" r=\"18\" fill=\"#25d366\"/>\n  \n  <rect x=\"150\" y=\"270\" width=\"212\" height=\"26\" rx=\"13\" fill=\"#0d2b23\"/>\n  \n  <path d=\"M256 330 L276 380 L256 430 L236 380 Z\" fill=\"#7c6cff\"/>\n  <path d=\"M206 380 L256 360 L306 380 L256 400 Z\" fill=\"#a99cff\" opacity=\"0.8\"/>\n  <circle cx=\"256\" cy=\"380\" r=\"12\" fill=\"#12121f\"/>\n</svg>\n",[],[168,237],"efc0ed7d-d8e0-4dce-9769-1a4d53e10de7",["D",1788012559906],15,[],[168,39],["D",1788009063500],[194,195,196,197,198],[168],"41b48919-c678-43e6-b5a9-873297fd0cab","schema.sql","55ac4ea4-a3ab-11f1-a820-1607ee4eb77e",["D",1788009169618],"CREATE TABLE IF NOT EXISTS users (id TEXT PRIMARY KEY, username TEXT UNIQUE NOT NULL, created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP);\nCREATE TABLE IF NOT EXISTS conversations (id TEXT PRIMARY KEY, user_id TEXT NOT NULL, title TEXT NOT NULL, created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP);\nCREATE TABLE IF NOT EXISTS messages (id TEXT PRIMARY KEY, conversation_id TEXT NOT NULL, role TEXT NOT NULL, content TEXT NOT NULL, model TEXT, created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP);\nCREATE TABLE IF NOT EXISTS models (id TEXT PRIMARY KEY, name TEXT NOT NULL, provider TEXT, enabled INTEGER NOT NULL DEFAULT 1);\nINSERT OR IGNORE INTO models VALUES ('antoxia-fast','Antoxia Fast','Antoxia',1);\nINSERT OR IGNORE INTO models VALUES ('antoxia-pro','Antoxia Pro','Antoxia',1);\nINSERT OR IGNORE INTO models VALUES ('antoxia-reasoning','Antoxia Reasoning','Antoxia',1);\n",[],[175,253],"d24c4076-900d-4a1c-ac2e-fef66de1cae6","api.ts","5954d6f2-a3ab-11f1-b649-1607ee4eb77e",46,["D",1788011931509],13,"import { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { OpenAI } from \"https://esm.town/v/std/openai/main.ts\";\nimport { getOAuthUserData, oauthMiddleware } from \"https://esm.town/v/std/oauth/middleware.ts\";\n\nconst app = new Hono();\n\n// ---------- Schema ----------\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS users (id TEXT PRIMARY KEY, username TEXT UNIQUE NOT NULL, created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS chats (id TEXT PRIMARY KEY, owner_id TEXT NOT NULL, type TEXT NOT NULL DEFAULT 'private', title TEXT NOT NULL DEFAULT 'Nouvelle discussion', ai_enabled INTEGER NOT NULL DEFAULT 0, created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS chat_members (chat_id TEXT NOT NULL, user_id TEXT NOT NULL, role TEXT NOT NULL DEFAULT 'member', joined_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (chat_id, user_id))`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS messages (id TEXT PRIMARY KEY, chat_id TEXT NOT NULL, sender_type TEXT NOT NULL, sender_id TEXT, content TEXT NOT NULL, model TEXT, created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS models (id TEXT PRIMARY KEY, name TEXT NOT NULL, provider TEXT, enabled INTEGER NOT NULL DEFAULT 1, description TEXT, premium INTEGER NOT NULL DEFAULT 0)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS profiles (user_id TEXT PRIMARY KEY, display_name TEXT, bio TEXT)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS usage (user_id TEXT NOT NULL, minute_window TEXT NOT NULL, count INTEGER NOT NULL, PRIMARY KEY (user_id, minute_window))`);\ntry { await sqlite.execute(`ALTER TABLE messages ADD COLUMN kind TEXT NOT NULL DEFAULT 'text'`); } catch { /* exists */ }\ntry { await sqlite.execute(`ALTER TABLE messages ADD COLUMN media TEXT`); } catch { /* exists */ }\n\nfor (const m of [\n  ['antoxia-fast', 'Antoxia Fast', 'Rapide et économique', 0],\n  ['antoxia-pro', 'Antoxia Pro', 'Plus intelligent — Premium', 1],\n  ['antoxia-reasoning', 'Antoxia Reasoning', 'Raisonnement avancé — Premium', 1],\n]) {\n  await sqlite.execute(`UPDATE models SET name=?, provider='OpenAI', description=?, premium=? WHERE id=?`, [m[1], m[2], m[3], m[0]]);\n  await sqlite.execute(`INSERT OR IGNORE INTO models (id,name,provider,enabled,description,premium) VALUES (?,?,?,1,?,?)`, [m[0], m[1], 'OpenAI', m[2], m[3]]);\n}\n\nconst toObjects = (r: { columns: string[]; rows: unknown[][] }) => r.rows.map(row => Object.fromEntries(r.columns.map((c, i) => [c, row[i]])));\nconst userOf = async (req: Request) => (await getOAuthUserData(req))?.user ?? null;\nconst isPremium = (u: any) => u?.tier === 'pro' || u?.tier === 'business';\nconst member = async (chatId: string, userId: string) =>\n  (await sqlite.execute(`SELECT role FROM chat_members WHERE chat_id=? AND user_id=?`, [chatId, userId])).rows[0]?.[0] ?? null;\nconst checkRate = async (userId: string) => {\n  const minute = new Date().toISOString().slice(0, 16);\n  await sqlite.execute(`INSERT INTO usage (user_id,minute_window,count) VALUES (?,?,1) ON CONFLICT(user_id,minute_window) DO UPDATE SET count=count+1`, [userId, minute]);\n  const c = Number((await sqlite.execute(`SELECT count FROM usage WHERE user_id=? AND minute_window=?`, [userId, minute])).rows[0]?.[0] ?? 0);\n  if (c > 20) throw new Error('rate_limit');\n  if (c === 1) await sqlite.execute(`DELETE FROM usage WHERE minute_window < ?`, [minute]);\n};\n\napp.get('/auth/me', async c => {\n  const u = await userOf(c.req.raw);\n  if (u) await sqlite.execute(`INSERT OR IGNORE INTO users(id,username) VALUES(?,?)`, [u.id, u.username || u.id]);\n  return c.json({ user: u ? { ...u, premium: isPremium(u) } : null });\n});\n\napp.get('/models', async c => {\n  const u = await userOf(c.req.raw);\n  const premium = isPremium(u);\n  const all = toObjects(await sqlite.execute(`SELECT id,name,description,premium FROM models WHERE enabled=1`));\n  return c.json(all.map(m => ({ ...m, locked: !!m.premium && !premium })));\n});\n\n// ---------- Recherche d'utilisateurs (pour inviter) ----------\napp.get('/users', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const q = c.req.query('q') || '';\n  return c.json(toObjects(await sqlite.execute(\n    `SELECT us.id, us.username, COALESCE(p.display_name, us.username) AS name FROM users us LEFT JOIN profiles p ON p.user_id=us.id WHERE us.id != ? AND us.username LIKE ? ORDER BY us.username LIMIT 10`,\n    [u.id, `%${q}%`])));\n});\n\n// ---------- Chats ----------\napp.get('/chats', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const q = c.req.query('q'); const type = c.req.query('type');\n  let sql = `SELECT c.id,c.type,c.title,c.ai_enabled,c.updated_at,(SELECT COUNT(*) FROM chat_members m WHERE m.chat_id=c.id) AS members FROM chats c JOIN chat_members cm ON cm.chat_id=c.id AND cm.user_id=?`;\n  const args: unknown[] = [u.id];\n  if (type) { sql += ` WHERE c.type=?`; args.push(type); }\n  if (q) { sql += type ? ` AND` : ` WHERE`; sql += ` c.title LIKE ?`; args.push(`%${q}%`); }\n  sql += ` ORDER BY c.updated_at DESC`;\n  const chats = toObjects(await sqlite.execute(sql, args));\n  // Pour les DM privées à 2 : affiche le nom de l'autre\n  for (const ch of chats as any[]) {\n    if (ch.type === 'private' && ch.members === 2) {\n      const other = toObjects(await sqlite.execute(\n        `SELECT COALESCE(p.display_name,us.username) AS name FROM chat_members cm JOIN users us ON us.id=cm.user_id LEFT JOIN profiles p ON p.user_id=cm.user_id WHERE cm.chat_id=? AND cm.user_id != ?`,\n        [ch.id, u.id]));\n      if (other[0]) ch.title = '💬 ' + other[0].name;\n    }\n  }\n  return c.json(chats);\n});\n\napp.post('/chats', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const { type = 'private', title, ai = false } = await c.req.json().catch(() => ({}));\n  if (!['private', 'group'].includes(type)) return c.json({ error: 'bad_type' }, 400);\n  if (type === 'group') {\n    const n = Number((await sqlite.execute(`SELECT COUNT(*) FROM chats WHERE type='group' AND owner_id=?`, [u.id])).rows[0]?.[0] ?? 0);\n    if (!isPremium(u) && n >= 2) return c.json({ error: 'premium', message: 'Limite gratuite : 2 groupes. Passe Premium pour des groupes illimités.' }, 402);\n  }\n  const id = crypto.randomUUID();\n  const t = title || (type === 'group' ? 'Nouveau groupe' : 'Discussion privée');\n  await sqlite.execute(`INSERT INTO chats(id,owner_id,type,title,ai_enabled) VALUES(?,?,?,?,?)`, [id, u.id, type, t, type === 'group' && ai ? 1 : 0]);\n  await sqlite.execute(`INSERT INTO chat_members(chat_id,user_id,role) VALUES(?,?,'owner')`, [id, u.id]);\n  return c.json({ id, type, title: t, ai_enabled: type === 'group' && ai });\n});\n\n// ---------- DM : discussion privée avec un autre utilisateur ----------\napp.post('/dm', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const { username } = await c.req.json();\n  const other = toObjects(await sqlite.execute(`SELECT id FROM users WHERE username=?`, [username]))[0] as any;\n  if (!other) return c.json({ error: 'Utilisateur introuvable (doit s\\'être connecté au moins une fois).' }, 404);\n  const existing = toObjects(await sqlite.execute(\n    `SELECT c.id FROM chats c WHERE c.type='private' AND c.id IN (SELECT chat_id FROM chat_members WHERE user_id=?) AND c.id IN (SELECT chat_id FROM chat_members WHERE user_id=?)`,\n    [u.id, other.id]))[0] as any;\n  if (existing) return c.json({ id: existing.id, existing: true });\n  const id = crypto.randomUUID();\n  await sqlite.execute(`INSERT INTO chats(id,owner_id,type,title,ai_enabled) VALUES(?,?,'private',?,0)`, [id, u.id, 'Discussion']);\n  await sqlite.execute(`INSERT INTO chat_members(chat_id,user_id,role) VALUES(?,?,'owner'),(?,?,'member')`, [id, u.id, id, other.id]);\n  return c.json({ id, type: 'private' });\n});\n\napp.patch('/chats/:id', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  if (!await member(c.req.param('id'), u.id)) return c.json({ error: 'not_found' }, 404);\n  const { title, ai } = await c.req.json();\n  if (title !== undefined) await sqlite.execute(`UPDATE chats SET title=?, updated_at=CURRENT_TIMESTAMP WHERE id=?`, [String(title).slice(0, 100), c.req.param('id')]);\n  if (ai !== undefined) await sqlite.execute(`UPDATE chats SET ai_enabled=? WHERE id=?`, [ai ? 1 : 0, c.req.param('id')]);\n  return c.json({ ok: true });\n});\n\napp.delete('/chats/:id', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  if (!await member(c.req.param('id'), u.id)) return c.json({ error: 'not_found' }, 404);\n  const id = c.req.param('id');\n  await sqlite.execute(`DELETE FROM messages WHERE chat_id=?`, [id]);\n  await sqlite.execute(`DELETE FROM chat_members WHERE chat_id=?`, [id]);\n  await sqlite.execute(`DELETE FROM chats WHERE id=?`, [id]);\n  return c.json({ ok: true });\n});\n\n// ---------- Invitations ----------\napp.post('/chats/:id/invite', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const id = c.req.param('id');\n  if (!await member(id, u.id)) return c.json({ error: 'not_found' }, 404);\n  const { username } = await c.req.json();\n  const target = toObjects(await sqlite.execute(`SELECT id FROM users WHERE username=?`, [username]))[0] as any;\n  if (!target) return c.json({ error: 'Utilisateur introuvable (doit s\\'être connecté au moins une fois).' }, 404);\n  await sqlite.execute(`INSERT OR IGNORE INTO chat_members(chat_id,user_id,role) VALUES(?,?,'member')`, [id, target.id]);\n  await sqlite.execute(`INSERT INTO messages(id,chat_id,sender_type,sender_id,content) VALUES(?,?,?,?,?)`,\n    [crypto.randomUUID(), id, 'system', null, `→ ${username} a rejoint la discussion`]);\n  await sqlite.execute(`UPDATE chats SET updated_at=CURRENT_TIMESTAMP WHERE id=?`, [id]);\n  return c.json({ ok: true });\n});\n\napp.get('/chats/:id/members', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  if (!await member(c.req.param('id'), u.id)) return c.json({ error: 'not_found' }, 404);\n  return c.json(toObjects(await sqlite.execute(`SELECT cm.user_id,cm.role,COALESCE(p.display_name,us.username) AS name,us.username FROM chat_members cm JOIN users us ON us.id=cm.user_id LEFT JOIN profiles p ON p.user_id=cm.user_id WHERE cm.chat_id=?`, [c.req.param('id')])));\n});\n\n// ---------- Messages ----------\napp.get('/chats/:id/messages', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  if (!await member(c.req.param('id'), u.id)) return c.json({ error: 'not_found' }, 404);\n  return c.json(toObjects(await sqlite.execute(`SELECT id,sender_type,sender_id,content,kind,media,created_at FROM messages WHERE chat_id=? ORDER BY created_at`, [c.req.param('id')])));\n});\n\n// ---------- Notifications : nouveaux messages depuis un instant ----------\napp.get('/updates', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const since = c.req.query('since') || new Date(Date.now() - 60000).toISOString().replace('T', ' ').slice(0, 19);\n  const rows = toObjects(await sqlite.execute(\n    `SELECT m.id, m.chat_id, m.sender_type, m.content, m.kind, c.title FROM messages m JOIN chats c ON c.id=m.chat_id WHERE m.chat_id IN (SELECT chat_id FROM chat_members WHERE user_id=?) AND m.sender_id != ? AND m.created_at > ? ORDER BY m.created_at DESC LIMIT 20`,\n    [u.id, u.id, since]));\n  return c.json({ now: new Date().toISOString().replace('T', ' ').slice(0, 19), messages: rows });\n});\n\n// ---------- Images ----------\napp.post('/chats/:id/upload', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  try { await checkRate(u.id); } catch { return c.json({ error: 'Limite atteinte.' }, 429); }\n  const id = c.req.param('id');\n  if (!await member(id, u.id)) return c.json({ error: 'not_found' }, 404);\n  const { data } = await c.req.json(); // dataURL\n  if (typeof data !== 'string' || !data.startsWith('data:image/')) return c.json({ error: 'Image invalide' }, 400);\n  if (data.length > 3_500_000) return c.json({ error: 'Image trop lourde (max ~2.5 Mo)' }, 413);\n  const key = 'img:' + crypto.randomUUID();\n  await blob.set(key, data);\n  await sqlite.execute(`INSERT INTO messages(id,chat_id,sender_type,sender_id,content,kind,media) VALUES(?,?,?,?,?,?,?)`,\n    [crypto.randomUUID(), id, 'user', u.id, '📷 Photo', 'image', key]);\n  await sqlite.execute(`UPDATE chats SET updated_at=CURRENT_TIMESTAMP, title=CASE WHEN title IN ('Nouvelle discussion','Discussion privée','Nouveau groupe','Discussion') THEN '📷 Photo' ELSE title END WHERE id=?`, [id]);\n  return c.json({ ok: true });\n});\n\napp.get('/images/:key', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  try {\n    const res = await blob.get(c.req.param('key'));\n    return c.json({ url: await res.text() });\n  } catch { return c.json({ error: 'not_found' }, 404); }\n});\n\n// ---------- Envoyer un message (streaming si IA dans un groupe) ----------\napp.post('/chats/:id/messages', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  try { await checkRate(u.id); } catch { return c.json({ error: 'Limite atteinte : 20 messages par minute.' }, 429); }\n  const id = c.req.param('id');\n  const chat = toObjects(await sqlite.execute(`SELECT * FROM chats WHERE id=?`, [id]))[0] as any;\n  if (!chat || !await member(id, u.id)) return c.json({ error: 'not_found' }, 404);\n  const { content, model = 'antoxia-fast', inviteAi } = await c.req.json();\n  if (!content) return c.json({ error: 'bad_request' }, 400);\n  const mRow = toObjects(await sqlite.execute(`SELECT premium FROM models WHERE id=?`, [model]))[0] as any;\n  if (mRow?.premium && !isPremium(u)) return c.json({ error: 'premium', message: 'Ce modèle est réservé aux membres Premium.' }, 402);\n\n  await sqlite.execute(`INSERT INTO messages(id,chat_id,sender_type,sender_id,content,model) VALUES(?,?,?,?,?,?)`, [crypto.randomUUID(), id, 'user', u.id, String(content).slice(0, 4000), model]);\n  await sqlite.execute(`UPDATE chats SET updated_at=CURRENT_TIMESTAMP, title=CASE WHEN title IN ('Nouvelle discussion','Discussion privée','Nouveau groupe','Discussion') THEN ? ELSE title END WHERE id=?`, [String(content).slice(0, 40), id]);\n\n  const aiShouldReply = chat.type === 'group' && (chat.ai_enabled || inviteAi);\n  if (!aiShouldReply) return c.json({ ok: true, noAi: true });\n  const openaiModel: Record<string, string> = { 'antoxia-fast': 'gpt-4o-mini', 'antoxia-pro': 'gpt-4o', 'antoxia-reasoning': 'gpt-4o' }[model] || 'gpt-4o-mini';\n\n  const history = toObjects(await sqlite.execute(`SELECT sender_type,sender_id,content,kind FROM messages WHERE chat_id=? ORDER BY created_at DESC LIMIT 30`, [id])).reverse();\n  const memberRows = (await sqlite.execute(`SELECT cm.user_id,COALESCE(p.display_name,us.username) AS name FROM chat_members cm JOIN users us ON us.id=cm.user_id LEFT JOIN profiles p ON p.user_id=cm.user_id WHERE cm.chat_id=?`, [id])).rows as any[][];\n  const memberNames = new Map(memberRows.map(r => [r[0], r[1]]));\n  const memberList = memberRows.map(r => r[1]).join(', ');\n  const msgs: any[] = [{ role: 'system', content: `Tu es Antoxia, une IA participante dans un groupe de discussion style WhatsApp. Membres : ${memberList}. Chaque message utilisateur est préfixé par le nom de son auteur. Réponds de façon naturelle et concise, comme un participant du groupe.` }];\n  for (const h of history) {\n    if (h.kind === 'image') { msgs.push({ role: 'user', content: `[${memberNames.get(h.sender_id) || 'Membre'} a envoyé une photo]` }); continue; }\n    const label = h.sender_type === 'ai' ? 'Antoxia' : (memberNames.get(h.sender_id) || 'Membre');\n    msgs.push({ role: h.sender_type === 'ai' ? 'assistant' : 'user', content: `${label} : ${h.content}` });\n  }\n\n  const openai = new OpenAI();\n  let full = '';\n  const stream = new ReadableStream({\n    async start(controller) {\n      const enc = new TextEncoder();\n      const send = (obj: any) => controller.enqueue(enc.encode(`data: ${JSON.stringify(obj)}\\n\\n`));\n      try {\n        const completion = await openai.chat.completions.create({ model: openaiModel, messages: msgs, max_completion_tokens: 1200, stream: true });\n        for await (const chunk of completion) {\n          const d = chunk.choices[0]?.delta?.content || '';\n          if (d) { full += d; send({ delta: d }); }\n        }\n      } catch (e: any) {\n        console.error('ai error', e?.message || e);\n        send({ error: 'IA indisponible : ' + (e?.message || e) });\n      }\n      if (full) {\n        await sqlite.execute(`INSERT INTO messages(id,chat_id,sender_type,sender_id,content,model) VALUES(?,?,?,?,?,?)`, [crypto.randomUUID(), id, 'ai', 'antoxia', full, model]);\n        await sqlite.execute(`UPDATE chats SET updated_at=CURRENT_TIMESTAMP WHERE id=?`, [id]);\n      }\n      send({ done: true });\n      controller.close();\n    },\n  });\n  return new Response(stream, { headers: { 'content-type': 'text/event-stream', 'cache-control': 'no-cache' } });\n});\n\n// ---------- Profil / Premium ----------\napp.get('/profile', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const p = toObjects(await sqlite.execute(`SELECT display_name,bio FROM profiles WHERE user_id=?`, [u.id]))[0] ?? { display_name: u.username, bio: '' };\n  const groups = Number((await sqlite.execute(`SELECT COUNT(*) FROM chats WHERE type='group' AND owner_id=?`, [u.id])).rows[0]?.[0] ?? 0);\n  return c.json({ user: { ...u, premium: isPremium(u) }, profile: p, groups, groupLimit: isPremium(u) ? null : 2 });\n});\n\napp.patch('/profile', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  const { display_name, bio } = await c.req.json();\n  await sqlite.execute(`INSERT INTO profiles(user_id,display_name,bio) VALUES(?,?,?) ON CONFLICT(user_id) DO UPDATE SET display_name=excluded.display_name,bio=excluded.bio`, [u.id, display_name ?? u.username, bio ?? '']);\n  return c.json({ ok: true });\n});\n\napp.get('/premium', async c => {\n  const u = await userOf(c.req.raw); if (!u) return c.json({ error: 'unauthorized' }, 401);\n  return c.json({\n    premium: isPremium(u),\n    plans: {\n      free: { name: 'Gratuit', price: '0 €', groups: '2 groupes max', models: 'Antoxia Fast uniquement', rate: '20 msg/min' },\n      premium: { name: 'Premium', price: '4,99 €/mois', groups: 'Groupes illimités', models: 'Tous les modèles (Pro, Reasoning)', rate: 'Priorité 40 msg/min' },\n      premiumPlus: { name: 'Premium+', price: '9,99 €/mois', groups: 'Groupes illimités', models: 'Tous les modèles', offline: '📱 Mode hors ligne', badge: 'Logo ninja exclusif 🥷' },\n    },\n    howToUpgrade: 'Actuellement : Premium offert aux comptes Val Town Pro. Paiement par carte à venir.',\n  });\n});\n\napp.onError((err) => Promise.reject(err));\nexport default oauthMiddleware(app.fetch);\n",[],[175,260],["D",1788009169618],[191,192],[175],["D",1788009053600],["D",1789571433983],{"_107":106,"_114":109},{"_107":106,"_108":109,"_110":109,"_19":62,"_111":112,"_113":31},{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"ctx",{"_89":-5,"_133":309,"_310":311,"_312":313,"_314":31,"_315":31,"_316":31,"_317":66,"_318":-5,"_319":-7,"_320":-7,"_321":164,"_322":31,"_323":31,"_324":-5,"_325":31,"_326":31,"_327":31,"_328":-5},"ENV",{"_280":281,"_282":283,"_284":97,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v53