`;
+}
+
+/**
+ * Render server-cached thread turns (list of {level, body_html, meta})
+ * into the same nested-card structure the client-side parser produces.
+ */
+function _renderTurnsFromServer(turns) {
+ if (!Array.isArray(turns) || !turns.length) return '';
+ let out = '';
+ const stack = []; // [{ level, html }]
+ const wrap = (t) =>
+ ``
+ + _foldSummary('Earlier reply', _QUOTE_ICON, t.meta || '')
+ + `
${t.html}
`
+ + '';
+
+ for (const t of turns) {
+ if (t.level === 0) {
+ while (stack.length) {
+ const top = stack.pop();
+ const w = wrap(top);
+ if (stack.length) stack[stack.length - 1].html += w; else out += w;
+ }
+ out += _sanitizeHtml(t.body_html || '');
+ } else {
+ while (stack.length && stack[stack.length - 1].level > t.level) {
+ const top = stack.pop();
+ const w = wrap(top);
+ if (stack.length) stack[stack.length - 1].html += w; else out += w;
+ }
+ if (!stack.length || stack[stack.length - 1].level < t.level) {
+ stack.push({ level: t.level, meta: t.meta, html: _sanitizeHtml(t.body_html || '') });
+ } else {
+ stack[stack.length - 1].html += _sanitizeHtml(t.body_html || '');
+ if (t.meta && !stack[stack.length - 1].meta) {
+ stack[stack.length - 1].meta = t.meta;
+ }
+ }
+ }
+ }
+ while (stack.length) {
+ const top = stack.pop();
+ const w = wrap(top);
+ if (stack.length) stack[stack.length - 1].html += w; else out += w;
+ }
+ // Mark the bottom-most fold for rounded corners.
+ const lastIdx = out.lastIndexOf('= 0) {
+ out = out.slice(0, lastIdx)
+ + out.slice(lastIdx).replace(
+ 'email-thread-turn email-quote-fold"',
+ 'email-thread-turn email-quote-fold last-fold"'
+ );
+ }
+ return out;
+}
+
+/**
+ * Parse an email body's reply chain into a stack of turn-cards.
+ * Each turn = { author, date, bodyHtml, nested[] } where the body is
+ * everything UP TO the next quote boundary, and `nested` is the sub-thread
+ * inside (recursively parsed). Returns null if the email has no quoted
+ * thread to parse (single message, no folds needed).
+ */
+// ── Talon-inspired multilingual quote-detection patterns ──
+// Sources:
+// github.com/mailgun/talon (HTML/text quote detection)
+// github.com/crisp-oss/email-reply-parser (locale list)
+//
+// _TALON_* / _SIG_BLOAT_MIN_CHARS live in ./emailLibrary/utils.js
+// _SIG_ICON / _QUOTE_ICON live in ./emailLibrary/signatureFold.js
+
+function _renderThreadStructure(html) {
+ if (!html || typeof html !== 'string' || html.length > 200000) return null;
+ let doc;
+ try { doc = new DOMParser().parseFromString(`
${html}
`, 'text/html'); }
+ catch { return null; }
+ const root = doc.getElementById('__t');
+ if (!root) return null;
+
+ // Find top-level blockquotes (not nested inside another blockquote).
+ const tops = Array.from(root.querySelectorAll('blockquote')).filter(b =>
+ !b.parentElement.closest('blockquote')
+ );
+ if (!tops.length) return null;
+
+ // Build the current-message body: everything in root up to the first
+ // top-level blockquote, minus the "On , wrote:" attribution
+ // line that introduces it.
+ const head = doc.createElement('div');
+ let cursor = root.firstChild;
+ while (cursor && cursor !== tops[0]) {
+ const next = cursor.nextSibling;
+ head.appendChild(cursor);
+ cursor = next;
+ }
+ // Strip trailing "On , wrote:" / Outlook-style attribution
+ // from `head` since the same info will appear in the turn header.
+ let attribution = _harvestAttribution(head);
+
+ // Recursively parse each top-level blockquote into a turn (and its nested chain).
+ const turnsHtml = [];
+ for (let i = 0; i < tops.length; i++) {
+ const bq = tops[i];
+ // The blockquote may have an Outlook-style "From: / Sent: / Subject:"
+ // header inside as the first text. Extract that as the turn meta.
+ const meta = _extractTurnMetaFromBlockquote(bq) || attribution || _extractQuoteMeta(bq.innerHTML);
+ const innerHtml = bq.innerHTML;
+
+ // Heuristic: if a blockquote has no detectable attribution (no "From:",
+ // no "On ... wrote:") AND its content matches signature-style
+ // patterns (corporate disclaimer, "registered in", legal notices, just
+ // a name + title), treat it as a Signature fold instead of an Earlier
+ // Reply. This stops mail clients that wrap signatures in
+ // from making the signature appear as a phantom prior email.
+ if (!meta && _looksLikeSignature(innerHtml)) {
+ turnsHtml.push(
+ ''
+ + _foldSummary('Signature', _SIG_ICON)
+ + `
${innerHtml}
`
+ + ''
+ );
+ attribution = null;
+ continue;
+ }
+
+ // Recursively render the inside of this blockquote (which may contain
+ // its own nested blockquotes representing earlier replies).
+ const nested = _renderThreadStructure(innerHtml);
+ const bodyHtml = nested || innerHtml;
+ const isLast = i === tops.length - 1;
+ turnsHtml.push(
+ ``
+ + _foldSummary('Earlier reply', _QUOTE_ICON, meta || '')
+ + `
${bodyHtml}
`
+ + ''
+ );
+ // Only the first turn uses the harvested attribution; deeper turns
+ // get their own from inside the blockquote.
+ attribution = null;
+ }
+
+ return head.innerHTML + turnsHtml.join('');
+}
+
+// Looks like a signature / corporate disclaimer rather than a quoted email.
+// Used to demote attribution-less blockquotes that some senders wrap their
+// sig+disclaimer in (Outlook, EY, big firms) from "Earlier reply" to a
+// proper Signature fold. Conservative — only fires when there's no quoted
+// reply markers AND it matches strong corporate-noise phrases.
+// _looksLikeSignature / _harvestAttribution / _extractTurnMetaFromBlockquote
+// live in ./emailLibrary/signatureFold.js
+
+/**
+ * Wrap any quoted reply chain in a collapsed so deep email threads
+ * don't dominate the reader. Detects:
+ * -
tags (Gmail / native quoted replies)
+ * - Outlook-style "From: ... Sent: ... To: ... Subject: ..." headers
+ * Each gets its own "Earlier thread" toggle.
+ */
+/**
+ * Parse a plaintext email body into stacked turn-cards by walking
+ * `> ` quote-prefix levels and Outlook-style "On X wrote:" / Original-Message
+ * boundaries. Returns rendered HTML, or null when there's no quoted content
+ * (caller falls back to flat rendering).
+ *
+ * Mirrors talon's `extract_from_plain` and email-reply-parser fragments:
+ * 1. Lines starting with one or more `>` chars are quoted (level = count of >).
+ * 2. Increasing the level opens a deeper turn (nested reply).
+ * 3. `-----Original Message-----` and `On , wrote:` start a
+ * new turn even without `>`.
+ * 4. The leading non-quoted segment is the current message.
+ */
+function _renderPlaintextThread(text) {
+ if (!text || typeof text !== 'string' || text.length > 200000) return null;
+ const lines = text.split(/\r?\n/);
+ const levels = lines.map(l => {
+ const m = l.match(/^((?:>\s?)+)/);
+ return m ? (m[1].match(/>/g) || []).length : 0;
+ });
+ const hasQuotes = levels.some(l => l > 0);
+ const attribLineRe = new RegExp(`(?:^|\\n)\\s*On\\s.+?\\s${_TALON_WROTE}\\s*:\\s*$`, 'im');
+ const hasAttrib = attribLineRe.test(text) || _TALON_ORIG_RE.test(text);
+ if (!hasQuotes && !hasAttrib) return null;
+
+ const turns = [];
+ let buf = [];
+ let curLevel = 0;
+ let pendingMeta = null;
+ const flush = () => {
+ if (!buf.length) return;
+ const t = buf.join('\n').trimEnd();
+ if (t || curLevel > 0) turns.push({ level: curLevel, text: t, meta: pendingMeta });
+ buf = [];
+ pendingMeta = null;
+ };
+ for (let i = 0; i < lines.length; i++) {
+ const lvl = levels[i];
+ const raw = lines[i];
+ const stripped = lvl > 0 ? raw.replace(/^(?:>\s?)+/, '') : raw;
+ const isSeparatorLine = lvl === 0 && /^-{5,}\s*Previous message\s*-{5,}$/i.test(raw.trim());
+ const isAttribLine = lvl === 0
+ && (new RegExp(`^\\s*On\\s.+?\\s${_TALON_WROTE}\\s*:\\s*$`, 'i').test(raw)
+ || _TALON_ORIG_RE.test('\n' + raw));
+ if (isSeparatorLine || isAttribLine) {
+ flush();
+ pendingMeta = isSeparatorLine ? null : (_extractQuoteMeta(raw) || raw.trim());
+ curLevel = 1;
+ continue;
+ }
+ if (lvl !== curLevel) {
+ flush();
+ curLevel = lvl;
+ }
+ buf.push(stripped);
+ }
+ flush();
+
+ if (!turns.length || (turns.length === 1 && turns[0].level === 0)) return null;
+
+ const fmt = s => _escLinkify(s).replace(/\n/g, ' ');
+ let out = '';
+ const stack = [];
+ const wrapTurn = (t) =>
+ ``
+ + _foldSummary('Earlier reply', _QUOTE_ICON, t.meta || '')
+ + `
${t.html}
`
+ + '';
+
+ for (const t of turns) {
+ if (t.level === 0) {
+ while (stack.length) {
+ const top = stack.pop();
+ const wrapped = wrapTurn(top);
+ if (stack.length) stack[stack.length - 1].html += wrapped; else out += wrapped;
+ }
+ out += fmt(t.text);
+ } else {
+ while (stack.length && stack[stack.length - 1].level > t.level) {
+ const top = stack.pop();
+ const wrapped = wrapTurn(top);
+ if (stack.length) stack[stack.length - 1].html += wrapped; else out += wrapped;
+ }
+ if (!stack.length || stack[stack.length - 1].level < t.level) {
+ stack.push({ level: t.level, meta: t.meta, html: fmt(t.text) });
+ } else {
+ stack[stack.length - 1].html += ' ' + fmt(t.text);
+ if (t.meta && !stack[stack.length - 1].meta) stack[stack.length - 1].meta = t.meta;
+ }
+ }
+ }
+ while (stack.length) {
+ const top = stack.pop();
+ const wrapped = wrapTurn(top);
+ if (stack.length) stack[stack.length - 1].html += wrapped; else out += wrapped;
+ }
+ const lastIdx = out.lastIndexOf('= 0) {
+ out = out.slice(0, lastIdx)
+ + out.slice(lastIdx).replace(
+ 'email-thread-turn email-quote-fold"',
+ 'email-thread-turn email-quote-fold last-fold"'
+ );
+ }
+ return out;
+}
+
+// _foldSummary / _extractQuoteMeta / _SIG_ICON / _QUOTE_ICON
+// live in ./emailLibrary/signatureFold.js
+
+function _foldQuotedReplies(html) {
+ if (!html || typeof html !== 'string') return html;
+ if (html.length > 200000) return html;
+ const before = html;
+ // Use DOMParser for proper nested-blockquote handling. Regex against HTML
+ // mishandles nesting and leaves orphan close tags that the browser
+ // re-balances, producing two visually inconsistent fold styles.
+ try {
+ const doc = new DOMParser().parseFromString(`
`;
-}
-
-/**
- * Render server-cached thread turns (list of {level, body_html, meta})
- * into the same nested-card structure the client-side parser produces.
- */
-function _renderTurnsFromServer(turns) {
- if (!Array.isArray(turns) || !turns.length) return '';
- let out = '';
- const stack = []; // [{ level, html }]
- const wrap = (t) =>
- ``
- + _foldSummary('Earlier reply', _QUOTE_ICON, t.meta || '')
- + `
${t.html}
`
- + '';
-
- for (const t of turns) {
- if (t.level === 0) {
- while (stack.length) {
- const top = stack.pop();
- const w = wrap(top);
- if (stack.length) stack[stack.length - 1].html += w; else out += w;
- }
- out += _sanitizeHtml(t.body_html || '');
- } else {
- while (stack.length && stack[stack.length - 1].level > t.level) {
- const top = stack.pop();
- const w = wrap(top);
- if (stack.length) stack[stack.length - 1].html += w; else out += w;
- }
- if (!stack.length || stack[stack.length - 1].level < t.level) {
- stack.push({ level: t.level, meta: t.meta, html: _sanitizeHtml(t.body_html || '') });
- } else {
- stack[stack.length - 1].html += _sanitizeHtml(t.body_html || '');
- if (t.meta && !stack[stack.length - 1].meta) {
- stack[stack.length - 1].meta = t.meta;
- }
- }
- }
- }
- while (stack.length) {
- const top = stack.pop();
- const w = wrap(top);
- if (stack.length) stack[stack.length - 1].html += w; else out += w;
- }
- // Mark the bottom-most fold for rounded corners.
- const lastIdx = out.lastIndexOf('= 0) {
- out = out.slice(0, lastIdx)
- + out.slice(lastIdx).replace(
- 'email-thread-turn email-quote-fold"',
- 'email-thread-turn email-quote-fold last-fold"'
- );
- }
- return out;
-}
-
-/**
- * Parse an email body's reply chain into a stack of turn-cards.
- * Each turn = { author, date, bodyHtml, nested[] } where the body is
- * everything UP TO the next quote boundary, and `nested` is the sub-thread
- * inside (recursively parsed). Returns null if the email has no quoted
- * thread to parse (single message, no folds needed).
- */
-// ── Talon-inspired multilingual quote-detection patterns ──
-// Sources:
-// github.com/mailgun/talon (HTML/text quote detection)
-// github.com/crisp-oss/email-reply-parser (locale list)
-//
-// _TALON_* / _SIG_BLOAT_MIN_CHARS live in ./emailLibrary/utils.js
-// _SIG_ICON / _QUOTE_ICON live in ./emailLibrary/signatureFold.js
-
-function _renderThreadStructure(html) {
- if (!html || typeof html !== 'string' || html.length > 200000) return null;
- let doc;
- try { doc = new DOMParser().parseFromString(`
${html}
`, 'text/html'); }
- catch { return null; }
- const root = doc.getElementById('__t');
- if (!root) return null;
-
- // Find top-level blockquotes (not nested inside another blockquote).
- const tops = Array.from(root.querySelectorAll('blockquote')).filter(b =>
- !b.parentElement.closest('blockquote')
- );
- if (!tops.length) return null;
-
- // Build the current-message body: everything in root up to the first
- // top-level blockquote, minus the "On , wrote:" attribution
- // line that introduces it.
- const head = doc.createElement('div');
- let cursor = root.firstChild;
- while (cursor && cursor !== tops[0]) {
- const next = cursor.nextSibling;
- head.appendChild(cursor);
- cursor = next;
- }
- // Strip trailing "On , wrote:" / Outlook-style attribution
- // from `head` since the same info will appear in the turn header.
- let attribution = _harvestAttribution(head);
-
- // Recursively parse each top-level blockquote into a turn (and its nested chain).
- const turnsHtml = [];
- for (let i = 0; i < tops.length; i++) {
- const bq = tops[i];
- // The blockquote may have an Outlook-style "From: / Sent: / Subject:"
- // header inside as the first text. Extract that as the turn meta.
- const meta = _extractTurnMetaFromBlockquote(bq) || attribution || _extractQuoteMeta(bq.innerHTML);
- const innerHtml = bq.innerHTML;
-
- // Heuristic: if a blockquote has no detectable attribution (no "From:",
- // no "On ... wrote:") AND its content matches signature-style
- // patterns (corporate disclaimer, "registered in", legal notices, just
- // a name + title), treat it as a Signature fold instead of an Earlier
- // Reply. This stops mail clients that wrap signatures in
- // from making the signature appear as a phantom prior email.
- if (!meta && _looksLikeSignature(innerHtml)) {
- turnsHtml.push(
- ''
- + _foldSummary('Signature', _SIG_ICON)
- + `
${innerHtml}
`
- + ''
- );
- attribution = null;
- continue;
- }
-
- // Recursively render the inside of this blockquote (which may contain
- // its own nested blockquotes representing earlier replies).
- const nested = _renderThreadStructure(innerHtml);
- const bodyHtml = nested || innerHtml;
- const isLast = i === tops.length - 1;
- turnsHtml.push(
- ``
- + _foldSummary('Earlier reply', _QUOTE_ICON, meta || '')
- + `
${bodyHtml}
`
- + ''
- );
- // Only the first turn uses the harvested attribution; deeper turns
- // get their own from inside the blockquote.
- attribution = null;
- }
-
- return head.innerHTML + turnsHtml.join('');
-}
-
-// Looks like a signature / corporate disclaimer rather than a quoted email.
-// Used to demote attribution-less blockquotes that some senders wrap their
-// sig+disclaimer in (Outlook, EY, big firms) from "Earlier reply" to a
-// proper Signature fold. Conservative — only fires when there's no quoted
-// reply markers AND it matches strong corporate-noise phrases.
-// _looksLikeSignature / _harvestAttribution / _extractTurnMetaFromBlockquote
-// live in ./emailLibrary/signatureFold.js
-
-/**
- * Wrap any quoted reply chain in a collapsed so deep email threads
- * don't dominate the reader. Detects:
- * -
tags (Gmail / native quoted replies)
- * - Outlook-style "From: ... Sent: ... To: ... Subject: ..." headers
- * Each gets its own "Earlier thread" toggle.
- */
-/**
- * Parse a plaintext email body into stacked turn-cards by walking
- * `> ` quote-prefix levels and Outlook-style "On X wrote:" / Original-Message
- * boundaries. Returns rendered HTML, or null when there's no quoted content
- * (caller falls back to flat rendering).
- *
- * Mirrors talon's `extract_from_plain` and email-reply-parser fragments:
- * 1. Lines starting with one or more `>` chars are quoted (level = count of >).
- * 2. Increasing the level opens a deeper turn (nested reply).
- * 3. `-----Original Message-----` and `On , wrote:` start a
- * new turn even without `>`.
- * 4. The leading non-quoted segment is the current message.
- */
-function _renderPlaintextThread(text) {
- if (!text || typeof text !== 'string' || text.length > 200000) return null;
- const lines = text.split(/\r?\n/);
- const levels = lines.map(l => {
- const m = l.match(/^((?:>\s?)+)/);
- return m ? (m[1].match(/>/g) || []).length : 0;
- });
- const hasQuotes = levels.some(l => l > 0);
- const attribLineRe = new RegExp(`(?:^|\\n)\\s*On\\s.+?\\s${_TALON_WROTE}\\s*:\\s*$`, 'im');
- const hasAttrib = attribLineRe.test(text) || _TALON_ORIG_RE.test(text);
- if (!hasQuotes && !hasAttrib) return null;
-
- const turns = [];
- let buf = [];
- let curLevel = 0;
- let pendingMeta = null;
- const flush = () => {
- if (!buf.length) return;
- const t = buf.join('\n').trimEnd();
- if (t || curLevel > 0) turns.push({ level: curLevel, text: t, meta: pendingMeta });
- buf = [];
- pendingMeta = null;
- };
- for (let i = 0; i < lines.length; i++) {
- const lvl = levels[i];
- const raw = lines[i];
- const stripped = lvl > 0 ? raw.replace(/^(?:>\s?)+/, '') : raw;
- const isSeparatorLine = lvl === 0 && /^-{5,}\s*Previous message\s*-{5,}$/i.test(raw.trim());
- const isAttribLine = lvl === 0
- && (new RegExp(`^\\s*On\\s.+?\\s${_TALON_WROTE}\\s*:\\s*$`, 'i').test(raw)
- || _TALON_ORIG_RE.test('\n' + raw));
- if (isSeparatorLine || isAttribLine) {
- flush();
- pendingMeta = isSeparatorLine ? null : (_extractQuoteMeta(raw) || raw.trim());
- curLevel = 1;
- continue;
- }
- if (lvl !== curLevel) {
- flush();
- curLevel = lvl;
- }
- buf.push(stripped);
- }
- flush();
-
- if (!turns.length || (turns.length === 1 && turns[0].level === 0)) return null;
-
- const fmt = s => _escLinkify(s).replace(/\n/g, ' ');
- let out = '';
- const stack = [];
- const wrapTurn = (t) =>
- ``
- + _foldSummary('Earlier reply', _QUOTE_ICON, t.meta || '')
- + `
${t.html}
`
- + '';
-
- for (const t of turns) {
- if (t.level === 0) {
- while (stack.length) {
- const top = stack.pop();
- const wrapped = wrapTurn(top);
- if (stack.length) stack[stack.length - 1].html += wrapped; else out += wrapped;
- }
- out += fmt(t.text);
- } else {
- while (stack.length && stack[stack.length - 1].level > t.level) {
- const top = stack.pop();
- const wrapped = wrapTurn(top);
- if (stack.length) stack[stack.length - 1].html += wrapped; else out += wrapped;
- }
- if (!stack.length || stack[stack.length - 1].level < t.level) {
- stack.push({ level: t.level, meta: t.meta, html: fmt(t.text) });
- } else {
- stack[stack.length - 1].html += ' ' + fmt(t.text);
- if (t.meta && !stack[stack.length - 1].meta) stack[stack.length - 1].meta = t.meta;
- }
- }
- }
- while (stack.length) {
- const top = stack.pop();
- const wrapped = wrapTurn(top);
- if (stack.length) stack[stack.length - 1].html += wrapped; else out += wrapped;
- }
- const lastIdx = out.lastIndexOf('= 0) {
- out = out.slice(0, lastIdx)
- + out.slice(lastIdx).replace(
- 'email-thread-turn email-quote-fold"',
- 'email-thread-turn email-quote-fold last-fold"'
- );
- }
- return out;
-}
-
-// _foldSummary / _extractQuoteMeta / _SIG_ICON / _QUOTE_ICON
-// live in ./emailLibrary/signatureFold.js
-
-function _foldQuotedReplies(html) {
- if (!html || typeof html !== 'string') return html;
- if (html.length > 200000) return html;
- const before = html;
- // Use DOMParser for proper nested-blockquote handling. Regex against HTML
- // mishandles nesting and leaves orphan close tags that the browser
- // re-balances, producing two visually inconsistent fold styles.
- try {
- const doc = new DOMParser().parseFromString(`
${html}
`, 'text/html');
- const root = doc.getElementById('__r');
- if (root) {
- // Only fold TOP-LEVEL blockquotes (children of the root that are not
- // already inside another blockquote). The inner blockquote chain stays
- // intact inside the fold and renders with the existing
- // .email-quote-fold blockquote styles, so everything matches.
- const tops = Array.from(root.querySelectorAll('blockquote')).filter(b =>
- !b.parentElement.closest('blockquote')
- );
- if (tops.length) {
- for (const bq of tops) {
- const det = doc.createElement('details');
- det.className = 'email-quote-fold';
- // Build the summary as raw HTML — easier than building DOM by hand.
- const summary = _foldSummary('Earlier thread', _QUOTE_ICON, _extractQuoteMeta(bq.innerHTML));
- det.innerHTML = summary;
- bq.parentNode.insertBefore(det, bq);
- det.appendChild(bq); // move the original blockquote (and any nested ones) into the details
- }
- // Tag only the last fold so CSS can give it rounded bottom corners.
- const allFolds = root.querySelectorAll('.email-quote-fold');
- if (allFolds.length) allFolds[allFolds.length - 1].classList.add('last-fold');
- return root.innerHTML;
- }
- }
- } catch (e) {
- // Fall through to the legacy regex path below if DOMParser fails
- }
- // If DOM-pass already wrapped something, we returned above. Otherwise no
- // blockquotes were found — try the Outlook-header heuristic.
- if (html !== before) return html;
- // Outlook-style quoted-reply header — multilingual. Fold from the first
- // "From: ... Sent: ... Subject: ..." block through end-of-body so all
- // prior thread levels collapse together.
- const FROM = '(?:From|Från|Von|De|De\\s|Da|От|Od|Van)';
- const SENT = '(?:Sent|Skickat|Gesendet|Envoyé|Inviato|Enviado|Verzonden|Отправлено|Wysłane)';
- const SUBJ = '(?:Subject|Ämne|Betreff|Objet|Oggetto|Asunto|Onderwerp|Тема|Temat)';
- const outlookRe = new RegExp(
- `(||
|]*>|]*>|\\n)\\s*((?:<[^>]+>\\s*)*${FROM}\\s*:\\s*[^<\\n]+(?:<[^>]+>\\s*|\\s)*${SENT}\\s*:[\\s\\S]+?${SUBJ}\\s*:[\\s\\S]+)$`,
- 'i'
- );
- const m = html.match(outlookRe);
- if (m) {
- const idx = html.lastIndexOf(m[0]);
- // Outlook fallback only ever produces ONE fold, so tag it as last.
- html = html.slice(0, idx) + m[1]
- + ''
- + _foldSummary('Earlier thread', _QUOTE_ICON, _extractQuoteMeta(m[2]))
- + m[2] + '';
- }
- return html;
-}
-
// Global preference: AI summary panels stay collapsed across every email
// once the user folds one, and stay expanded once they unfold. Stored in
// localStorage so the choice survives reloads.
const _SUMMARY_COLLAPSED_KEY = 'odysseus.email.summaryCollapsed';
-function _summaryCollapsedPref() {
+export function _summaryCollapsedPref() {
try { return localStorage.getItem(_SUMMARY_COLLAPSED_KEY) === '1'; } catch { return false; }
}
-function _setSummaryCollapsedPref(v) {
+export function _setSummaryCollapsedPref(v) {
try { localStorage.setItem(_SUMMARY_COLLAPSED_KEY, v ? '1' : '0'); } catch {}
}
@@ -8873,1106 +6017,8 @@ function _showCachedSummary(reader, summary, btn) {
}
}
-// Wire click handlers for attachment chips + "open in editor" sub-buttons
-// inside a reader. Safe to call multiple times — uses dataset.wired flag to
-// skip nodes that already have listeners.
-function _wireAttachmentHandlers(reader, folder) {
- const useFolder = folder || state._libFolder;
- // Detect mobile here so the attachment-chip handler doesn't blow up with
- // a ReferenceError when this fn is called from contexts that don't have
- // _isMobileUA in scope (e.g. _openEmailAsTab, _openEmailWindow).
- const _isMobileUA = /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
- reader.querySelectorAll('.email-attachments-download-all').forEach(btn => {
- if (btn.dataset.wired === '1') return;
- btn.dataset.wired = '1';
- btn.addEventListener('click', async (ev) => {
- ev.stopPropagation();
- ev.preventDefault();
- if (btn.dataset.downloading === '1') return;
- const uid = btn.dataset.attUid;
- const sourceFolder = btn.dataset.attFolder || useFolder;
- const count = Number(btn.dataset.attCount || 0);
- if (!uid) return;
- const originalHtml = btn.innerHTML;
- const originalTitle = btn.title;
- btn.dataset.downloading = '1';
- btn.classList.add('is-loading');
- try {
- const sp = window.spinnerModule || (await import('../spinner.js')).default;
- const wp = sp.createWhirlpool(12);
- wp.element.style.margin = '0';
- btn.textContent = '';
- btn.appendChild(wp.element);
- const label = document.createElement('span');
- label.textContent = 'All';
- btn.appendChild(label);
- } catch (_) {
- btn.textContent = 'All...';
- }
- try {
- const url = `${API_BASE}/api/email/attachments-download/${encodeURIComponent(uid)}?folder=${encodeURIComponent(sourceFolder)}${_acct()}`;
- const res = await fetch(url, { credentials: 'same-origin' });
- if (!res.ok) {
- const msg = await res.text().catch(() => '');
- console.error('attachments zip download failed', res.status, msg);
- location.href = url;
- return;
- }
- const blob = await res.blob();
- const blobUrl = URL.createObjectURL(blob);
- const a = document.createElement('a');
- a.href = blobUrl;
- a.download = `email-${uid}-attachments.zip`;
- document.body.appendChild(a);
- a.click();
- a.remove();
- setTimeout(() => URL.revokeObjectURL(blobUrl), 1000);
- try { uiModule.showToast && uiModule.showToast(`Downloading ${count || 'all'} attachments`); } catch (_) {}
- } catch (e) {
- console.error('attachments zip download error', e);
- try { const { showError } = await import('../ui.js?v=20260916largetoolscroll1'); showError('Could not download attachments'); } catch (_) {}
- } finally {
- delete btn.dataset.downloading;
- btn.classList.remove('is-loading');
- btn.title = originalTitle;
- btn.innerHTML = originalHtml;
- }
- });
- });
- reader.querySelectorAll('.email-attachment-calendar-open').forEach(openBtn => {
- if (openBtn.dataset.wired === '1') return;
- openBtn.dataset.wired = '1';
- openBtn.addEventListener('click', async (ev) => {
- ev.stopPropagation();
- ev.preventDefault();
- if (openBtn.dataset.opening === '1') return;
- const uid = openBtn.dataset.openUid;
- const index = openBtn.dataset.openIndex;
- const name = openBtn.dataset.openName || `calendar-${index}`;
- const sourceFolder = openBtn.dataset.openFolder || useFolder;
- if (!uid || index == null) return;
- openBtn.dataset.opening = '1';
- openBtn.classList.add('is-loading');
- const originalHtml = openBtn.innerHTML;
- try {
- const wp = spinnerModule.createWhirlpool(12);
- wp.element.style.margin = '0';
- openBtn.textContent = '';
- openBtn.appendChild(wp.element);
- const folderQs = encodeURIComponent(sourceFolder);
- const attachmentUrl = `${API_BASE}/api/email/attachment/${encodeURIComponent(uid)}/${encodeURIComponent(index)}?folder=${folderQs}${_acct()}`;
- const attachmentRes = await fetch(attachmentUrl, { credentials: 'same-origin' });
- if (!attachmentRes.ok) throw new Error(`HTTP ${attachmentRes.status}`);
- const blob = await attachmentRes.blob();
- const fd = new FormData();
- fd.append('file', blob, name);
- const importRes = await fetch(`${API_BASE}/api/calendar/import`, {
- method: 'POST', body: fd, credentials: 'same-origin',
- });
- const result = await importRes.json().catch(() => ({}));
- if (!importRes.ok || !result.ok) {
- throw new Error(result.detail || result.error || `HTTP ${importRes.status}`);
- }
- const existingEventUid = Array.isArray(result.event_uids) ? String(result.event_uids[0] || '').trim() : '';
- if (existingEventUid && Number(result.imported || 0) === 0 && Number(result.skipped || 0) > 0) {
- _openCalendarEventFromEmail(existingEventUid);
- }
- try { uiModule.showToast && uiModule.showToast(`${result.imported || 0} event${result.imported === 1 ? '' : 's'} added to ${result.calendar || 'calendar'}`); } catch (_) {}
- window.dispatchEvent(new CustomEvent('calendar-refresh'));
- } catch (e) {
- console.error('calendar attachment import failed', e);
- try {
- const { showError } = await import('../ui.js?v=20260916largetoolscroll1');
- showError(`Couldn't add ${name} to calendar: ${e?.message || 'Import failed'}`);
- } catch (_) {}
- } finally {
- delete openBtn.dataset.opening;
- openBtn.classList.remove('is-loading');
- openBtn.innerHTML = originalHtml;
- }
- });
- });
- reader.querySelectorAll('.email-attachment-open').forEach(openBtn => {
- if (openBtn.dataset.wired === '1') return;
- openBtn.dataset.wired = '1';
- openBtn.addEventListener('click', async (ev) => {
- ev.stopPropagation();
- ev.preventDefault();
- if (openBtn.dataset.opening === '1') return;
- const uid = openBtn.dataset.openUid;
- const index = openBtn.dataset.openIndex;
- const name = openBtn.dataset.openName || `attachment-${index}`;
- const sourceFolder = openBtn.dataset.openFolder || useFolder;
- if (!uid || index == null) return;
- openBtn.dataset.opening = '1';
- openBtn.classList.add('is-loading');
- const origHtml = openBtn.innerHTML;
- const wp = spinnerModule.createWhirlpool(12);
- wp.element.style.margin = '0';
- openBtn.textContent = '';
- openBtn.appendChild(wp.element);
- try {
- const folderQs = encodeURIComponent(sourceFolder);
- const controller = new AbortController();
- const timeout = setTimeout(() => controller.abort(), 55000);
- let res;
- try {
- res = await fetch(
- `${API_BASE}/api/email/attachment-as-doc/${encodeURIComponent(uid)}/${encodeURIComponent(index)}?folder=${folderQs}${_acct()}`,
- { method: 'POST', credentials: 'same-origin', signal: controller.signal }
- );
- } finally {
- clearTimeout(timeout);
- }
- const json = await res.json().catch(() => ({}));
- if (!res.ok || !json.doc_id) {
- const msg = (json && json.error) || `HTTP ${res.status}`;
- try { const { showError } = await import('../ui.js?v=20260916largetoolscroll1'); showError(`Couldn't open ${name}: ${msg}`); } catch (_) { alert(`Couldn't open ${name}: ${msg}`); }
- return;
- }
- try {
- // Tab the email modal down only when the viewport cannot fit both
- // Email and the document pane. Desktop keeps a side-by-side layout
- // when there is room; mobile still gives the document the screen.
- const ownerModal = openBtn.closest('.modal');
- if (ownerModal && ownerModal.id && _prepareEmailWindowForDocument(ownerModal)) {
- try {
- const ok = Modals.minimize(ownerModal.id);
- if (!ok) ownerModal.classList.add('hidden');
- } catch (_) {
- ownerModal.classList.add('hidden');
- }
- }
- const docMod = await import('../document.js?v=20260916docctx2');
- const load = (docMod && docMod.loadDocument) || (docMod && docMod.default && docMod.default.loadDocument);
- if (typeof load === 'function') {
- await load(json.doc_id);
- } else {
- location.href = `/?doc=${encodeURIComponent(json.doc_id)}`;
- }
- } catch (e) {
- console.error('Open document failed:', e);
- try { const { showError } = await import('../ui.js?v=20260916largetoolscroll1'); showError('Document opened but panel could not mount'); } catch (_) {}
- }
- } catch (e) {
- console.error('attachment-as-doc error', e);
- const msg = e && e.name === 'AbortError'
- ? `Opening ${name} timed out. Try downloading it instead.`
- : `Couldn't open ${name}`;
- try { const { showError } = await import('../ui.js?v=20260916largetoolscroll1'); showError(msg); } catch (_) {}
- } finally {
- delete openBtn.dataset.opening;
- openBtn.classList.remove('is-loading');
- openBtn.innerHTML = origHtml;
- }
- });
- });
- reader.querySelectorAll('.email-attachment-download').forEach(downloadBtn => {
- if (downloadBtn.dataset.wired === '1') return;
- downloadBtn.dataset.wired = '1';
- downloadBtn.addEventListener('click', (ev) => {
- ev.stopPropagation();
- ev.preventDefault();
- const chip = downloadBtn.closest('.email-attachment-chip');
- if (!chip) return;
- // Reuse the established attachment download handler below. Marking the
- // chip expanded bypasses its old first-click reveal behavior.
- chip.classList.add('is-expanded');
- chip.dataset.downloadTrigger = 'button';
- chip.click();
- });
- downloadBtn.addEventListener('keydown', (ev) => {
- if (ev.key !== 'Enter' && ev.key !== ' ') return;
- ev.preventDefault();
- downloadBtn.click();
- });
- });
-
- reader.querySelectorAll('.email-attachment-chip').forEach(chip => {
- if (chip.dataset.wired === '1') return;
- chip.dataset.wired = '1';
- chip.addEventListener('click', async (ev) => {
- if (ev.target.closest('.email-attachment-open, .email-attachment-calendar-open, .email-attachment-download')) return;
- ev.stopPropagation();
- ev.preventDefault();
- const uid = chip.dataset.attUid;
- const index = chip.dataset.attIndex;
- const name = chip.dataset.attName || `attachment-${index}`;
- const sourceFolder = chip.dataset.attFolder || useFolder;
- if (!uid || index == null) return;
- if (!chip.classList.contains('is-expanded')) {
- reader.querySelectorAll('.email-attachment-chip.is-expanded').forEach(other => {
- if (other !== chip) other.classList.remove('is-expanded');
- });
- chip.classList.add('is-expanded');
- return;
- }
- const url = `${API_BASE}/api/email/attachment/${encodeURIComponent(uid)}/${encodeURIComponent(index)}?folder=${encodeURIComponent(sourceFolder)}${_acct()}`;
- if (_isMobileUA) {
- delete chip.dataset.downloadTrigger;
- window.open(url, '_blank');
- return;
- }
- // Swap the paperclip icon for a whirlpool spinner while the
- // download is in flight, so large attachments give a clear cue
- // they're loading. Restore on completion.
- const buttonTriggered = chip.dataset.downloadTrigger === 'button';
- const iconSvg = buttonTriggered
- ? chip.querySelector('.email-attachment-download > svg')
- : chip.querySelector(':scope > svg');
- const origIconHtml = iconSvg ? iconSvg.outerHTML : '';
- let _wp = null;
- let _spinnerHost = null;
- try {
- const sp = window.spinnerModule || (await import('../spinner.js')).default;
- _wp = sp.createWhirlpool(12);
- _spinnerHost = document.createElement('span');
- _spinnerHost.className = 'email-attachment-spinner';
- _spinnerHost.style.cssText = 'display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;flex-shrink:0;position:relative;top:-2px;';
- _spinnerHost.appendChild(_wp.element);
- if (iconSvg) iconSvg.replaceWith(_spinnerHost);
- } catch (_) {}
- const origOpacity = chip.style.opacity;
- chip.style.opacity = '0.85';
- try {
- const res = await fetch(url, { credentials: 'same-origin' });
- if (!res.ok) {
- console.error('attachment download failed', res.status, await res.text().catch(() => ''));
- location.href = url;
- return;
- }
- const blob = await res.blob();
- const blobUrl = URL.createObjectURL(blob);
- const a = document.createElement('a');
- a.href = blobUrl;
- a.download = name;
- document.body.appendChild(a);
- a.click();
- a.remove();
- setTimeout(() => URL.revokeObjectURL(blobUrl), 1000);
- } catch (e) {
- console.error('attachment download error', e);
- location.href = url;
- } finally {
- delete chip.dataset.downloadTrigger;
- chip.style.opacity = origOpacity;
- if (_spinnerHost && _spinnerHost.parentNode && origIconHtml) {
- const tmp = document.createElement('div');
- tmp.innerHTML = origIconHtml;
- const restored = tmp.firstChild;
- if (restored) _spinnerHost.replaceWith(restored);
- }
- if (_wp) { try { _wp.destroy(); } catch (_) {} }
- }
- });
- });
-}
-
-// Heuristic: skip "attachments" that are clearly inline images used by
-// signatures / quoted-reply headers (small image files, Outlook-style
-// image001.png placeholders, logo*.png, etc.). They aren't real user-
-// shared attachments and adding them to the chips makes every email look
-// like it has content the user needs to act on.
-function _isLikelySignatureImage(a) {
- if (!a || !a.filename) return false;
- const name = String(a.filename).toLowerCase();
- const isImage = /\.(png|jpe?g|gif|bmp|svg|webp)$/i.test(name);
- if (!isImage) return false;
- const size = Number(a.size) || 0;
- // Outlook / Gmail inline image placeholders always look like this.
- if (/^image\d{3,}\.(png|jpe?g|gif)$/i.test(name)) return true;
- if (/^(signature|logo|sig|footer|banner)[-_\d]*\.(png|jpe?g|gif|svg)$/i.test(name)) return true;
- // Most signature logos / inline thumbnails are < 30 KB. Real user-
- // shared images (screenshots, photos) are typically 50 KB+.
- if (size > 0 && size < 30 * 1024) return true;
- return false;
-}
-
-// Build the attachments header+chips HTML for an email read response. Pulled
-// out so both the initial-open and the swap-reader paths can render it.
-function _buildAttsHtmlFor(uid, data) {
- if (!data) return '';
- const _OPENABLE_RE = /\.(pdf|docx|txt|md|markdown|eml)$/i;
- const _CALENDAR_RE = /\.(calendar|ics|ical)$/i;
- const currentAttachments = Array.isArray(data.attachments) ? data.attachments : [];
- const relatedAttachments = Array.isArray(data.related_attachments) ? data.related_attachments : [];
- if (!currentAttachments.length && !relatedAttachments.length) return '';
- const visible = currentAttachments.filter(a => !_isLikelySignatureImage(a));
- const hidden = currentAttachments.filter(a => _isLikelySignatureImage(a));
- const related = relatedAttachments.filter(a => !_isLikelySignatureImage(a));
- if (!visible.length && !related.length && state._libViewInlineImages === false) return '';
- const renderChip = (a, extraClass = '') => {
- const calendarAttachment = _CALENDAR_RE.test(a.filename || '');
- const openable = _OPENABLE_RE.test(a.filename || '');
- const chipUid = a.source_uid || a.uid || uid;
- const chipFolder = a.source_folder || data.folder || state._libFolder || 'INBOX';
- const openBtn = calendarAttachment
- ? ``
- : openable
- ? ``
- : '';
- const downloadBtn = ``;
- return ``;
- };
- const chips = visible.map(a => renderChip(a)).join('');
- const hiddenChips = hidden.map(a => renderChip(a, ' email-attachment-chip-muted')).join('');
- const relatedChips = related.map(a => renderChip(a, ' email-attachment-chip-related')).join('');
- const visibleSection = visible.length
- ? '