);
}
/* ---------- Connect cards ---------- */
function ConnectCard({ tint, icon, title, status, blurb, children }) {
return (
{icon}
{title}{status}
{blurb}
{children}
);
}
function ConnectSection() {
const state = useDumpStore();
const { google, slack, suggestions } = state;
const sim = DumpAPI.simConnections();
const ai = DumpAPI.aiOn();
const [gmailBusy, setGmailBusy] = useState(false);
const [waBusy, setWaBusy] = useState(false);
const [waOpen, setWaOpen] = useState(false);
const [waText, setWaText] = useState('');
const [slackBusy, setSlackBusy] = useState(false);
const [fileBusy, setFileBusy] = useState(false);
const [dragOver, setDragOver] = useState(false);
const fileRef = useRef(null);
const sugsBy = (src) => suggestions.filter((s) => s.source === src && !s.dismissed);
const connectedStatus = (label) => {label || 'Connected'};
/* --- Gmail --- */
const scanGmail = async () => {
if (!google.connected) {
DumpAPI.toast('Connect Google first — the scan needs your inbox.');
return;
}
setGmailBusy(true);
try {
let n;
if (google.demo) {
await new Promise((r) => setTimeout(r, 1400));
const items = DumpDemo.gmailMessages
.filter((m) => m.action)
.map((m) => ({ text: m.action, snippet: m.snippet, from: m.from, due: m.due || null, priority: m.priority || null }));
n = stageSuggestions('gmail', items);
DumpAPI.toast('Scanned ' + DumpDemo.gmailMessages.length + ' recent emails — ' + n + ' need something from you.');
} else {
const snippets = await GoogleHelper.scanGmail();
if (!snippets.length) { DumpAPI.toast('Inbox is quiet — nothing recent to scan.'); return; }
n = await extractActions(snippets.join('\n---\n'), 'gmail');
DumpAPI.toast(n ? n + ' suggestion' + (n === 1 ? '' : 's') + ' found' : 'Nothing actionable found.');
}
} catch (e) {
DumpAPI.toast(e.friendly || e.message ? e.message : 'Something went wrong — try again.');
} finally {
setGmailBusy(false);
}
};
/* --- WhatsApp --- */
const scanWhatsApp = async () => {
setWaBusy(true);
try {
if (sim) {
await new Promise((r) => setTimeout(r, 1300));
const items = DumpDemo.whatsappMessages
.filter((m) => m.action)
.map((m) => ({ text: m.action, snippet: m.text, from: m.from + ' · ' + DumpDemo.whatsappGroup, due: m.due || null, priority: m.priority || null }));
const n = stageSuggestions('whatsapp', items);
DumpAPI.toast('Read ' + DumpDemo.whatsappGroup + ' — ' + n + ' things need doing.');
} else if (waText.trim()) {
const n = await extractActions(waText, 'whatsapp');
DumpAPI.toast(n ? n + ' suggestion' + (n === 1 ? '' : 's') + ' found' : 'Nothing actionable in there.');
setWaText('');
setWaOpen(false);
} else {
DumpAPI.toast('Paste some messages in first.');
}
} catch (e) {
DumpAPI.toast(e.friendly ? e.message : 'Something went wrong — try again.');
} finally {
setWaBusy(false);
}
};
/* --- Slack --- */
const connectSlack = async () => {
const ok = await AuthSim.open('slack');
if (!ok) return;
DumpStore.set((s) => ({ slack: { connected: true, demo: true, workspace: DumpDemo.persona.workspace } }));
DumpAPI.toast('Slack connected to ' + DumpDemo.persona.workspace + '.');
};
const scanSlack = async () => {
setSlackBusy(true);
await new Promise((r) => setTimeout(r, 1200));
const items = DumpDemo.slackMessages
.filter((m) => m.action)
.map((m) => ({ text: m.action, snippet: m.text, from: m.from + ' in ' + DumpDemo.slackChannel, due: m.due || null, priority: m.priority || null }));
const n = stageSuggestions('slack', items);
DumpAPI.toast('Scanned ' + DumpDemo.slackChannel + ' — ' + n + ' mentions need action.');
setSlackBusy(false);
};
/* --- File upload --- */
const trySampleFile = async () => {
setFileBusy(true);
await new Promise((r) => setTimeout(r, 1100));
const items = DumpDemo.sampleFile.actions.map((a) => ({ ...a, from: DumpDemo.sampleFile.name }));
const n = stageSuggestions('file', items);
DumpAPI.toast('Read ' + DumpDemo.sampleFile.name + ' — ' + n + ' actions found.');
setFileBusy(false);
};
const handleFiles = async (files) => {
const file = files && files[0];
if (!file) return;
setFileBusy(true);
try {
const name = file.name.toLowerCase();
let n = 0;
if (name.endsWith('.txt') || name.endsWith('.md') || file.type.startsWith('text/')) {
const text = await file.text();
n = await extractActions(text.slice(0, 20000), 'file');
DumpAPI.toast(n ? 'Read ' + file.name + ' — ' + n + ' action' + (n === 1 ? '' : 's') + ' found.' : 'Nothing actionable found in ' + file.name + '.');
} else if ((name.endsWith('.pdf') || file.type.startsWith('image/')) && ai) {
const b64 = await new Promise((res, rej) => {
const r = new FileReader();
r.onload = () => res(String(r.result).split(',')[1]);
r.onerror = rej;
r.readAsDataURL(file);
});
const block = file.type.startsWith('image/')
? { type: 'image', source: { type: 'base64', media_type: file.type, data: b64 } }
: { type: 'document', source: { type: 'base64', media_type: 'application/pdf', data: b64 } };
const reply = await DumpAPI.runAI(
'connect',
{ today: DumpUtil.todayISO(), isDoc: true },
[block, { type: 'text', text: 'Extract every actionable task from this document.' }],
1200
);
const items = DumpAPI.parseJSONReply(reply).filter((i) => i && i.text);
n = stageSuggestions('file', items.map((i) => ({ ...i, from: file.name })), 250);
DumpAPI.toast(n ? 'Read ' + file.name + ' — ' + n + ' actions found.' : 'Nothing actionable found in ' + file.name + '.');
} else if (name.endsWith('.pdf') || file.type.startsWith('image/')) {
DumpAPI.toast(sim
? 'In demo mode, try the sample newsletter below — or drop a .txt file.'
: 'Add your API key and turn on AI under Settings to read PDFs and images.');
} else {
DumpAPI.toast("Can't read that format yet — try PDF, TXT or an image.");
}
} catch (e) {
DumpAPI.toast(e.friendly ? e.message : "Couldn't read that file — try another format.");
} finally {
setFileBusy(false);
if (fileRef.current) fileRef.current.value = '';
}
};
return (
Connect
Let the noisy places feed the board — you just approve.
{google.connected && google.email ? (
Connected as {google.email}
) : null}
{google.connected ? (
) : (
)}
{google.connected ? (
) : (
)}
{sugsBy('gmail').map((s) => )}
{sim ? (
) : (
)}
{!sim && waOpen ? (
) : null}
{sugsBy('whatsapp').map((s) => )}
Coming soon}
blurb={sim
? 'Pull action items out of busy channels — mentions, asks, deadlines.'
: 'Pull action items out of busy channels. Not wired up in this version.'}
>
{slack.connected ? (
Workspace: {slack.workspace}
) : null}
{!sim ? (
) : slack.connected ? (
) : (
)}
{sugsBy('slack').map((s) => )}
fileRef.current && fileRef.current.click()}
onDragOver={(e) => { e.preventDefault(); setDragOver(true); }}
onDragLeave={() => setDragOver(false)}
onDrop={(e) => { e.preventDefault(); setDragOver(false); handleFiles(e.dataTransfer.files); }}
>
{fileBusy ? 'Reading…' : 'Drop a PDF, TXT or image here — or tap to choose'}