/* Collab features — Wiki + Voice notes + Threads + Reactions + Universal search */ /* ─── 32. Wiki interne markdown ───────────────────────────────────── */ const WIKI_SEED = [ { id: "sop-rfq", section: "Procédures · sourcing", title: "Lancer une RFQ fournisseur", author: "kevin", updated: "il y a 3j", emoji: "📋" }, { id: "sop-qc", section: "Procédures · sourcing", title: "Contrôle qualité lot entrant", author: "kevin", updated: "il y a 1 sem.", emoji: "🔍" }, { id: "sop-launch", section: "Procédures · produits", title: "Lancer un nouveau produit", author: "carly", updated: "il y a 2j", emoji: "🚀" }, { id: "sop-listing", section: "Procédures · produits", title: "Optimiser un listing Amazon", author: "carly", updated: "il y a 5j", emoji: "✨" }, { id: "sop-recon", section: "Procédures · finance", title: "Réconciliation mensuelle CIBC", author: "clarens", updated: "il y a 12h", emoji: "🏦" }, { id: "sop-2fa", section: "Procédures · sécurité", title: "Récupération 2FA · procédure", author: "clarens", updated: "il y a 1 mois", emoji: "🔐" }, { id: "tpl-rfq", section: "Templates", title: "Template email RFQ (FR/EN)", author: "kevin", updated: "il y a 2 sem.", emoji: "📧" }, { id: "tpl-launch", section: "Templates", title: "Checklist lancement 30 points", author: "carly", updated: "il y a 1 mois", emoji: "✅" }, ]; const Wiki = () => { const toast = useToast(); const LS_DOCS = "kcc:wiki-docs"; const LS_CONTENT = "kcc:wiki-content"; const loadLS = (k, fb) => { try { const v = localStorage.getItem(k); return v ? JSON.parse(v) : fb; } catch { return fb; } }; const [docs, setDocsRaw] = useState(() => loadLS(LS_DOCS, WIKI_SEED)); const [contents, setContentsRaw] = useState(() => loadLS(LS_CONTENT, {})); const [selectedDoc, setSelectedDoc] = useState(docs[0]?.id || "sop-rfq"); const [editing, setEditing] = useState(false); const [draft, setDraft] = useState(""); const setDocs = (updater) => { setDocsRaw((prev) => { const next = typeof updater === "function" ? updater(prev) : updater; try { localStorage.setItem(LS_DOCS, JSON.stringify(next)); } catch {} fetch("/api/sync", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ col: "wiki-docs", items: next }) }).catch(() => null); return next; }); }; const setContents = (updater) => { setContentsRaw((prev) => { const next = typeof updater === "function" ? updater(prev) : updater; try { localStorage.setItem(LS_CONTENT, JSON.stringify(next)); } catch {} fetch("/api/sync", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ col: "wiki-content", items: next }) }).catch(() => null); return next; }); }; const newDoc = () => { const title = prompt("Titre du nouveau document"); if (!title) return; const section = prompt("Section (ex: Procédures · sourcing)", "Procédures") || "Procédures"; const id = "doc-" + Date.now().toString(36); setDocs((d) => [...d, { id, section, title, author: "clarens", updated: "à l'instant", emoji: "📄" }]); setContents((c) => ({ ...c, [id]: `## ${title}\n\nÀ rédiger…` })); setSelectedDoc(id); toast({ message: `Document « ${title} » créé`, tone: "green" }); }; const saveEdit = () => { setContents((c) => ({ ...c, [selectedDoc]: draft })); setDocs((d) => d.map((x) => x.id === selectedDoc ? { ...x, updated: "à l'instant", author: "clarens" } : x)); setEditing(false); toast({ message: "Document sauvegardé", tone: "green" }); }; const grouped = docs.reduce((acc, d) => { (acc[d.section] = acc[d.section] || []).push(d); return acc; }, {}); const doc = docs.find((d) => d.id === selectedDoc); const SEED_CONTENT = ` ## ${doc?.title || ""} **Quand utiliser** — chaque fois qu'on évalue un nouveau fournisseur et qu'on veut comparer des prix sur un produit candidat. Compte 2-3 jours de cycle complet entre la première relance et la réponse finale. ### Étapes 1. **Préparer le brief** dans la fiche produit (catégorie, MOQ visé, target price, échantillon requis). 2. **Identifier 3 à 5 fournisseurs** sur Alibaba ou par référencement direct. 3. **Envoyer la RFQ standardisée** depuis le template \`tpl-rfq\` — inclure : - Volumes annuels prévisionnels - Termes de paiement préférés (T/T 30/70 ou Net 30) - Incoterms (FOB ou EXW) - Délai de production cible 4. **Suivre les retours dans /opportunity** pendant 48-72h. 5. **Bénéficier de la grille de comparaison automatique** sur /supplier-cmp pour décider. ### Points d'attention - Toujours mentionner que vous avez 3+ devis en cours · crée la pression saine - Ne jamais accepter le premier prix · marge moyenne de négociation 8-15% - Demander un échantillon dans le pricing initial · pas en option payante ### Liens - [annuaire] · annuaire fournisseurs complet - [calc] · ProfitCalcPro pour valider la cible price - Template email : \`/wiki/tpl-rfq\` `; const content = contents[selectedDoc] || SEED_CONTENT; // Tiny markdown render const md = content.split("\n").map((line, i) => { if (line.startsWith("## ")) return

{line.slice(3)}

; if (line.startsWith("### ")) return

{line.slice(4)}

; if (line.startsWith("- ")) return
•$1").replace(/`([^`]+)`/g, '$1').replace(/\[([^\]]+)\]/g, '[$1]') }}/>
; if (/^\d+\. /.test(line)) return
{line.match(/^(\d+)\./)[1]}.$1").replace(/`([^`]+)`/g, '$1') }}/>
; if (line.trim() === "") return
; return

$1").replace(/`([^`]+)`/g, '$1').replace(/\[([^\]]+)\]/g, '[$1]') }}/>; }); return (

Wiki interne
{docs.length} documents · markdown
{Object.entries(grouped).map(([sec, items]) => (
{sec}
{items.map((d) => (
setSelectedDoc(d.id)} style={{ display: "flex", alignItems: "center", gap: 8, padding: "6px 10px", margin: "1px 0", borderRadius: 6, background: d.id === selectedDoc ? "var(--bg-3)" : "transparent", cursor: "pointer", fontSize: 12.5, color: d.id === selectedDoc ? "var(--text)" : "var(--text-muted)", fontWeight: d.id === selectedDoc ? 600 : 450, }}> {d.emoji} {d.title}
))}
))}
{doc.emoji}
{doc.section}
Édité par {({clarens:"Clarens",kevin:"Kevin",carly:"Carly"})[doc.author]} · {doc.updated}
{editing ? ( <> ) : ( <> )}
{editing ? (