@@ -3914,11 +3922,7 @@ async function _openEmailWindow(em, folder) {
_snapEmailModalToLeftSidebar(ev.currentTarget.closest('.modal'));
if (state._onEmailClick) await state._onEmailClick({ email: em, emailData: data, mode: 'reply-all' });
});
- bodyEl.querySelector('[data-act="ai-reply"]')?.addEventListener('click', async (ev) => {
- ev.stopPropagation();
- _snapEmailModalToLeftSidebar(ev.currentTarget.closest('.modal'));
- if (state._onEmailClick) await state._onEmailClick({ email: em, emailData: data, mode: 'ai-reply' });
- });
+ bodyEl.querySelector('[data-act="ai-reply"]')?.addEventListener('click', (ev) => _handleAiReplyButton(ev, em, data));
bodyEl.querySelector('[data-act="forward"]')?.addEventListener('click', async (ev) => {
ev.stopPropagation();
if (state._onEmailClick) await state._onEmailClick({ email: em, emailData: data, mode: 'forward' });
@@ -4666,6 +4670,88 @@ async function _bulkAction(action) {
// _extractName lives in ./emailLibrary/utils.js
+function _aiReplyIcon(data) {
+ const cachedSpark = data?.cached_ai_reply
+ ? '
'
+ : '';
+ return `
`;
+}
+
+function _summaryIcon(data) {
+ const fill = data?.cached_summary ? 'var(--accent-primary, var(--red))' : 'currentColor';
+ return `
`;
+}
+
+async function _runAiReplyFromButton(btn, em, data, mode) {
+ _snapEmailModalToLeftSidebar(btn.closest('.modal'));
+ btn.disabled = true;
+ const orig = btn.innerHTML;
+ let wp = null;
+ try {
+ wp = spinnerModule.createWhirlpool(14);
+ wp.element.style.cssText = 'width:14px;height:14px;display:inline-block;vertical-align:middle;position:relative;top:-2px;';
+ btn.innerHTML = '';
+ btn.appendChild(wp.element);
+ } catch (_) {}
+ try {
+ if (state._onEmailClick) await state._onEmailClick({ email: em, emailData: data, mode });
+ } finally {
+ try { wp && wp.stop(); } catch (_) {}
+ btn.disabled = false;
+ btn.innerHTML = orig;
+ }
+}
+
+function _closeAiReplyChoice() {
+ document.querySelectorAll('.email-ai-reply-choice').forEach(el => el.remove());
+ document.removeEventListener('click', _closeAiReplyChoice, true);
+}
+
+function _showAiReplyChoice(btn, em, data) {
+ _closeAiReplyChoice();
+ const rect = btn.getBoundingClientRect();
+ const menu = document.createElement('div');
+ menu.className = 'email-ai-reply-choice';
+ menu.style.cssText = [
+ 'position:fixed',
+ `left:${Math.max(8, Math.min(rect.left, window.innerWidth - 190))}px`,
+ `top:${Math.min(window.innerHeight - 96, rect.bottom + 6)}px`,
+ 'z-index:10060',
+ 'display:flex',
+ 'gap:6px',
+ 'padding:6px',
+ 'background:var(--bg,#111)',
+ 'border:1px solid var(--border,#333)',
+ 'border-radius:7px',
+ 'box-shadow:0 8px 24px rgba(0,0,0,.28)',
+ ].join(';');
+ menu.innerHTML = `
+
+
+ `;
+ menu.addEventListener('click', async (ev) => {
+ const choice = ev.target.closest('[data-mode]');
+ if (!choice) return;
+ ev.preventDefault();
+ ev.stopPropagation();
+ const mode = choice.getAttribute('data-mode') || 'ai-reply';
+ _closeAiReplyChoice();
+ await _runAiReplyFromButton(btn, em, data, mode);
+ });
+ document.body.appendChild(menu);
+ setTimeout(() => document.addEventListener('click', _closeAiReplyChoice, true), 0);
+}
+
+function _handleAiReplyButton(ev, em, data) {
+ ev.stopPropagation();
+ const btn = ev.currentTarget;
+ if (data?.cached_ai_reply) {
+ _runAiReplyFromButton(btn, em, data, 'ai-reply');
+ return;
+ }
+ _showAiReplyChoice(btn, em, data);
+}
+
function _hasMultipleRecipients(data) {
// Count distinct addresses in To + Cc (minus the current user). Empty
// fallback when the user's address isn't yet known — no exclusion.
diff --git a/static/js/tasks.js b/static/js/tasks.js
index 7c41aca..6dcf249 100644
--- a/static/js/tasks.js
+++ b/static/js/tasks.js
@@ -700,7 +700,7 @@ function _renderList() {
const runBtn = document.createElement('button');
runBtn.className = 'task-status-badge task-run-now-badge task-card-run-btn';
runBtn.title = 'Run now';
- runBtn.style.cssText = 'position:relative;top:1px;margin-right:4px;';
+ runBtn.style.cssText = 'position:relative;top:2px;margin-right:4px;';
runBtn.innerHTML = '
Run now';
runBtn.addEventListener('click', (e) => { e.stopPropagation(); _doRunNow(task.id); });
actionsWrap.insertBefore(runBtn, menuBtn);
diff --git a/static/style.css b/static/style.css
index 50f7890..397096f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -32102,6 +32102,33 @@ button.cal-add-btn.cal-add-btn-text.cal-add-btn-sm:hover .cal-add-label {
inside #email-lib-accounts pack to the left as normal flex items. */
.email-accounts-row > .memory-toolbar-btn { flex-shrink: 0; margin-left: auto; }
#email-lib-accounts { justify-content: flex-start; }
+.email-accounts-loading-whirlpool {
+ width: 14px;
+ height: 14px;
+ margin: 3px 4px 0 1px;
+ display: inline-flex;
+ flex: 0 0 auto;
+}
+.email-accounts-loading-label {
+ font-size: 10px;
+ opacity: 0.55;
+ position: relative;
+ top: 2px;
+ white-space: nowrap;
+}
+.email-loading-with-label {
+ min-height: 180px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ text-align: center;
+}
+.email-loading-label {
+ font-size: 11px;
+ opacity: 0.6;
+}
/* Refresh button now lives top-right in the modal header next to the close X.
Borderless (matches the close X), and a fixed square box so the spin and the