/* ============================================================ シェル — サイドバー / トップバー / 通知パネル ============================================================ */ function Sidebar() { const { route, navigate, cases, currentUser, notifs, logout, can, mobileNavOpen, closeNav, workspaceInbox, canManageWorkspaces } = useStore(); const isMobile = useIsMobile(); const D = window.APP_DATA; const [profileOpen, setProfileOpen] = React.useState(false); const sidebarRef = React.useRef(null); const [sidebarTop, setSidebarTop] = React.useState(0); // 通知バナーの下でもメニュー末尾まで届くよう、画面内の残り高さを使う。 React.useLayoutEffect(() => { if (isMobile) { setSidebarTop(0); return; } const aside = sidebarRef.current; let frame = 0; const measure = () => setSidebarTop(Math.max(0, aside.getBoundingClientRect().top)); const schedule = () => { cancelAnimationFrame(frame); frame = requestAnimationFrame(measure); }; measure(); const observer = new ResizeObserver(schedule); observer.observe(aside.parentElement.parentElement); window.addEventListener('scroll', schedule, { passive: true }); window.addEventListener('resize', schedule); return () => { observer.disconnect(); cancelAnimationFrame(frame); window.removeEventListener('scroll', schedule); window.removeEventListener('resize', schedule); }; }, [isMobile]); // ダッシュボードの「新着案件（未アサイン）」と同じ定義に統一（担当が付いたらバッジから消える） const newCount = cases.filter(c => c.status === 'new' && !c.ownerId).length; const unread = notifs.filter(n => !n.read).length; const nav = [ { screen: 'dashboard', icon: 'dashboard', label: t('nav.dashboard') }, { screen: 'apo', icon: 'inbox', label: t('nav.apo') }, { screen: 'cases', icon: 'cases', label: t('nav.cases'), badge: newCount ? `${t('nav.new')} ${newCount}` : null }, { screen: 'calendar', icon: 'calendar', label: t('nav.calendar') }, { screen: 'customers', icon: 'customers', label: t('nav.customers') }, { screen: 'analytics', icon: 'chart', label: t('nav.analytics') }, { screen: 'kpi', icon: 'check2', label: t('nav.kpi') }, { screen: 'proposalStudio', icon: 'edit', label: t('nav.deckStudio') }, { screen: 'quoteStudio', icon: 'copy', label: t('nav.quoteStudio') }, { screen: 'triage', icon: 'inbox', label: t("triage.title"), badge: workspaceInbox.filter(i=>i.status==='pending').length || null }, { screen: 'skills', icon: 'spark', label: t("skill.title") }, { screen: 'audit', icon: 'clock', label: t('nav.audit') }, { screen: 'knowledge', icon: 'spark', label: t('nav.knowledge') }, /* 社内FAQ はメニューから外した（2026-08-13）。AIへの質問は右下のアシスタントに一本化。 みんなのQ&A（人が質問→同僚が回答）は残っており、下の「サポート」から今までどおり開ける。 */ { screen: 'integrations', icon: 'link', label: t('nav.integrations') }, ]; const active = (s) => route.screen === s || (s === 'cases' && route.screen === 'case') || (s === 'customers' && route.screen === 'customer') || (s === 'apo' && route.screen === 'apoLead'); const Item = ({ item }) => { const [h, setH] = React.useState(false); const on = active(item.screen); return ( ); }; const BottomItem = ({ icon, label, onClick }) => { const [h, setH] = React.useState(false); return ( ); }; const asideBase = { overflow: 'hidden', width: 244, background: '#191c28', display: 'flex', flexDirection: 'column', padding: '18px 14px 16px' }; // モバイル：fixed のドロワー（オフキャンバス→スライドイン）。デスクトップ：従来の sticky aside const asideStyle = isMobile ? { ...asideBase, position: 'fixed', top: 0, left: 0, zIndex: 210, transition: 'transform .22s ease', transform: mobileNavOpen ? 'none' : 'translateX(-110%)', boxShadow: mobileNavOpen ? '0 0 40px rgba(0,0,0,.45)' : 'none' } : { ...asideBase, flex: '0 0 244px', position: 'sticky', top: 0, '--asm-sidebar-top': sidebarTop + 'px' }; return ( <> {isMobile && mobileNavOpen &&
} ); } /* パスワード変更モーダル（本人用・全メンバー） */ function ChangePasswordModal({ onClose }) { const { showToast } = useStore(); const [cur, setCur] = React.useState(''); const [nxt, setNxt] = React.useState(''); const [nxt2, setNxt2] = React.useState(''); const [err, setErr] = React.useState(''); const [busy, setBusy] = React.useState(false); const submit = async () => { if (busy) return; if (nxt.length < 8) { setErr(t('auth.pwMinLength')); return; } if (nxt !== nxt2) { setErr(t('auth.pwMismatch')); return; } setErr(''); setBusy(true); try { await API.changePassword(cur, nxt); showToast(t('auth.pwChanged')); onClose(); } catch (e) { setErr(e.message); } setBusy(false); }; return ( }> { setCur(e.target.value); setErr(''); }} /> { setNxt(e.target.value); setErr(''); }} /> { setNxt2(e.target.value); setErr(''); }} onKeyDown={(e) => { if (enterSubmits(e)) submit(); }} /> {err &&
{err}
} ); } /* プロフィール設定モーダル（本人用）— 写真のアップロード／削除・パスワード変更 */ function ProfileModal({ onClose }) { const { currentUser, updateMyAvatar, showToast } = useStore(); const [pwOpen, setPwOpen] = React.useState(false); const [cropSrc, setCropSrc] = React.useState(null); const [busy, setBusy] = React.useState(false); const fileRef = React.useRef(null); const onFile = (e) => { const f = e.target.files && e.target.files[0]; e.target.value = ''; if (!f) return; if (!/^image\//.test(f.type)) { showToast(t('profile.selectImage'), 'x'); return; } const reader = new FileReader(); reader.onload = () => setCropSrc(reader.result); reader.readAsDataURL(f); }; const saveCrop = async (dataUrl) => { try { await updateMyAvatar(dataUrl); setCropSrc(null); } catch (err) { showToast(err.message || t('profile.updateFailed'), 'x'); throw err; } }; const removeAvatar = async () => { if (busy) return; setBusy(true); try { await updateMyAvatar(null); } catch (err) { showToast(err.message || t('profile.deleteFailed'), 'x'); } setBusy(false); }; if (pwOpen) return setPwOpen(false)} />; if (cropSrc) return setCropSrc(null)} onSave={saveCrop} />; return ( {t('btn.close')}}>
fileRef.current && fileRef.current.click()} title={t('profile.changePhoto')}>
{currentUser.name}
{currentUser.email}{currentUser.email ? ' · ' : ''}{ROLE_LABEL[currentUser.role] || t('role.member')}
{currentUser.avatar && }
{t('profile.photoInfo')}
); } /* プロフィール写真クロッパー（正方形・ドラッグ移動＋ズーム）。外部ライブラリ不使用、Canvas で 256px に書き出し */ function AvatarCropper({ src, onCancel, onSave }) { const V = 260, OUT = 256; // 表示ビューポート / 出力サイズ const imgRef = React.useRef(null); const drag = React.useRef(null); const [nat, setNat] = React.useState(null); const [zoom, setZoom] = React.useState(1); const [pos, setPos] = React.useState({ x: 0, y: 0 }); const [busy, setBusy] = React.useState(false); const baseScale = nat ? V / Math.min(nat.w, nat.h) : 1; const scale = baseScale * zoom; const dw = nat ? nat.w * scale : V; const dh = nat ? nat.h * scale : V; const clamp = (p) => ({ x: Math.min(0, Math.max(V - dw, p.x)), y: Math.min(0, Math.max(V - dh, p.y)) }); const onImgLoad = (e) => { const w = e.target.naturalWidth, h = e.target.naturalHeight; const s = V / Math.min(w, h); setNat({ w, h }); setPos({ x: (V - w * s) / 2, y: (V - h * s) / 2 }); }; React.useEffect(() => { if (nat) setPos(p => clamp(p)); }, [zoom, nat]); // ズーム後は範囲内に補正 const start = (e) => { const pt = e.touches ? e.touches[0] : e; drag.current = { sx: pt.clientX, sy: pt.clientY, ox: pos.x, oy: pos.y }; }; React.useEffect(() => { const move = (e) => { if (!drag.current) return; if (e.touches) e.preventDefault(); const pt = e.touches ? e.touches[0] : e; setPos(clamp({ x: drag.current.ox + (pt.clientX - drag.current.sx), y: drag.current.oy + (pt.clientY - drag.current.sy) })); }; const up = () => { drag.current = null; }; window.addEventListener('mousemove', move); window.addEventListener('mouseup', up); window.addEventListener('touchmove', move, { passive: false }); window.addEventListener('touchend', up); return () => { window.removeEventListener('mousemove', move); window.removeEventListener('mouseup', up); window.removeEventListener('touchmove', move); window.removeEventListener('touchend', up); }; }); const save = async () => { if (!nat || busy) return; setBusy(true); try { const canvas = document.createElement('canvas'); canvas.width = OUT; canvas.height = OUT; const ctx = canvas.getContext('2d'); ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, OUT, OUT); const sx = -pos.x / scale, sy = -pos.y / scale, sSize = V / scale; // ビューポートに対応する元画像領域 ctx.drawImage(imgRef.current, sx, sy, sSize, sSize, 0, 0, OUT, OUT); await onSave(canvas.toDataURL('image/jpeg', 0.85)); } catch (_) { setBusy(false); } // 失敗時のみ復帰（成功時は親がアンマウント） }; return ( }>
setZoom(parseFloat(e.target.value))} style={{ flex: 1, accentColor: '#4a5af0' }} />
); } /* 言語切替（右上・グローブアイコン） */ function LangSwitcher() { const { lang, setLang } = useStore(); const [open, setOpen] = React.useState(false); const ref = React.useRef(null); React.useEffect(() => { const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener('mousedown', h); return () => document.removeEventListener('mousedown', h); }, []); const cur = (window.I18N_LANGS || []).find(l => l.key === lang) || { label: t('lang.ja') }; return (
{open && (
{(window.I18N_LANGS || []).map(l => (
{ setLang(l.key); setOpen(false); }} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '8px 10px', borderRadius: 7, cursor: 'pointer', fontSize: 13, color: '#3b414b' }}> {l.label} {lang === l.key && }
))}
)}
); } function Topbar({ title, right }) { const { notifs, markAllRead, markRead, navigate, openPalette, openNav, workspaceId, chatOpen, setChatOpen } = useStore(); const isMobile = useIsMobile(); const [openN, setOpenN] = React.useState(false); const ref = React.useRef(null); const unread = notifs.filter(n => !n.read).length; React.useEffect(() => { const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpenN(false); }; document.addEventListener('mousedown', h); return () => document.removeEventListener('mousedown', h); }, []); return (
{isMobile && }
{title}
{isMobile ? :
{t("extra.common.search")} ⌘K
}
setOpenN(o => !o)} title={t('top.notifications')} /> {unread > 0 && {unread}}
{openN && setOpenN(false)} />}
); } function NotificationPanel({ onClose }) { const { notifs, markAllRead, markRead, navigate } = useStore(); const icons = { new_case: { i: 'inbox', c: '#2563eb' }, assign: { i: 'user', c: '#4a5af0' }, reminder: { i: 'clock', c: '#ea580c' }, due: { i: 'alert', c: '#dc2626' }, scrape_fail: { i: 'alert', c: '#dc2626' }, stale: { i: 'clock', c: '#b45309' } }; // 整理：未読/すべての切替＋種類フィルタ＋「期限」の未読を最上部にピン（大事な通知が埋もれない） const TYPE_LABEL = { due: t("cd.due"), stale: t("notif.idle"), reminder: t("notif.reminder"), new_case: t("notif.newCase"), assign: t("cases.col.owner"), scrape_fail: t("notif.importError") }; const unreadN = notifs.filter(n => !n.read).length; const [scope, setScope] = React.useState(() => (unreadN > 0 ? 'unread' : 'all')); // unread / all const [typeF, setTypeF] = React.useState(''); const pool = notifs.filter(n => (scope === 'all' || !n.read)); const typeCounts = {}; pool.forEach(n => { const k = TYPE_LABEL[n.type] ? n.type : 'other'; typeCounts[k] = (typeCounts[k] || 0) + 1; }); const shown = pool.filter(n => !typeF || (typeF === 'other' ? !TYPE_LABEL[n.type] : n.type === typeF)) .slice().sort((a, b) => (((b.type === 'due' && !b.read) ? 1 : 0) - ((a.type === 'due' && !a.read) ? 1 : 0))); const chip = (key, label, count) => ( ); return (
{t('top.notifications')}{unreadN > 0 && {t("extra.common.unread")}{unreadN}}
{[['unread', t("extra.common.unread")], ['all', t("cases.all")]].map(([k, lb]) => ( ))}
{Object.keys(TYPE_LABEL).filter(k => typeCounts[k]).map(k => chip(k, TYPE_LABEL[k], typeCounts[k]))} {typeCounts.other ? chip('other', t("na.type.other"), typeCounts.other) : null}
{shown.map(n => { const ic = icons[n.type] || { i: 'bell', c: '#838a94' }; return (
{ markRead(n.id); if (n.link.screen === 'case') navigate('case', n.link.id); else navigate(n.link.screen); onClose(); }} style={{ display: 'flex', gap: 11, padding: '12px 16px', cursor: 'pointer', borderBottom: '1px solid #f4f5f7', background: n.read ? '#fff' : '#fafaff' }}>
{n.title} {!n.read && }
{n.body}
{n.when || relTime(n.at)}
{!n.read && ( )}
); })} {shown.length === 0 && (
{scope === 'unread' && notifs.length ? t("notif.noUnread") : t('notif.empty')}
{scope === 'unread' && notifs.length ? t("notif.viewAllHint") : t('notif.emptyHint')}
)}
); } /* ページの外枠 */ function Page({ title, right, children, pad = true }) { const isMobile = useIsMobile(); return (
{/* スマホは right（操作ボタン群）をトップバーに詰め込むと検索・通知と衝突して溢れるため、直下の専用バーに逃がす */} {right && (
{right}
)}
{children}
); } /* ============================================================ コマンドパレット（⌘K）— 案件・顧客をまとめて検索 ============================================================ */ function CommandPalette() { const { paletteOpen, closePalette, cases, customers, navigate } = useStore(); const D = window.APP_DATA; const [q, setQ] = React.useState(''); const [sel, setSel] = React.useState(0); const inputRef = React.useRef(null); const listRef = React.useRef(null); React.useEffect(() => { if (paletteOpen) { setQ(''); setSel(0); setTimeout(() => inputRef.current && inputRef.current.focus(), 20); } }, [paletteOpen]); const results = React.useMemo(() => { const term = q.trim().toLowerCase(); const items = []; cases.forEach(k => { const c = D.customer(k.customerId); const hay = `${k.title || ''} ${c ? c.company : ''} ${c ? c.shortName : ''} ${k.sourceNo || ''}`.toLowerCase(); if (!term || hay.includes(term)) { items.push({ kind: 'case', id: k.id, title: k.title || t('cases.untitled'), sub: (c ? c.company : '') + (k.sourceNo ? ' · ' + k.sourceNo : ''), status: k.status }); } }); customers.forEach(c => { const hay = `${c.company || ''} ${c.shortName || ''} ${c.contact || ''} ${c.industry || ''}`.toLowerCase(); if (!term || hay.includes(term)) { const n = cases.filter(k => k.customerId === c.id).length; items.push({ kind: 'customer', id: c.id, title: c.company, sub: (c.industry ? c.industry + ' · ' : '') + t('search.caseCount', { n }) }); } }); // 案件を上に、顧客を下に。検索語があれば前方一致を優先 return items.slice(0, 50); }, [q, cases, customers]); React.useEffect(() => { setSel(s => Math.min(s, Math.max(0, results.length - 1))); }, [results.length]); if (!paletteOpen) return null; const go = (it) => { if (!it) return; navigate(it.kind === 'case' ? 'case' : 'customer', it.id); closePalette(); }; const onKey = (e) => { if (e.key === 'Escape') { closePalette(); } else if (e.key === 'ArrowDown') { e.preventDefault(); setSel(s => Math.min(s + 1, results.length - 1)); } else if (e.key === 'ArrowUp') { e.preventDefault(); setSel(s => Math.max(s - 1, 0)); } else if (enterSubmits(e)) { e.preventDefault(); go(results[sel]); } }; return (
e.stopPropagation()} style={{ background: '#fff', borderRadius: 14, width: 600, maxWidth: '100%', boxShadow: '0 28px 70px rgba(20,22,40,.34)', overflow: 'hidden', animation: 'modalIn .16s ease' }}>
{ setQ(e.target.value); setSel(0); }} onKeyDown={onKey} placeholder={t('search.palettePlaceholder')} style={{ border: 'none', outline: 'none', fontSize: 15, width: '100%', fontFamily: 'inherit', color: '#1f2430', background: 'transparent' }} /> ESC
{results.map((it, i) => (
setSel(i)} onClick={() => go(it)} style={{ display: 'flex', alignItems: 'center', gap: 12, padding: '10px 12px', borderRadius: 9, cursor: 'pointer', background: i === sel ? '#f0f1fb' : 'transparent' }}>
{it.title}
{it.sub}
{it.kind === 'case' && it.status && } {it.kind === 'case' ? t('search.case') : t('search.customer')}
))} {results.length === 0 && (
{t('search.noResults', { q })}
)}
{t('search.helpMove')}{t('search.helpOpen')}{t('search.resultCount', { n: results.length })}
); } /* 日時変更のお知らせバー（画面最上部・全員に表示。×で閉じるまで表示し続ける） */ function ChangeBar() { const { scheduleChanges, dismissChange } = useStore(); if (!scheduleChanges.length) return null; const ev = scheduleChanges[0]; const more = scheduleChanges.length - 1; return (
{t('shell.changeBar.tag')}{t('shell.changeBar.prefix', { target: (ev.customer ? ev.customer + ' ' : '') + ev.title, label: ev.label || t('shell.changeBar.defaultLabel') })} {ev.oldFmt} → {ev.newFmt} {t('shell.changeBar.suffix', { changer: ev.changer ? t('shell.changeBar.changerNote', { changer: ev.changer }) : '' })} {more > 0 && {t('notif.others', { more })}}
); } /* カレンダー同期の見張りバー（2026-07-14 恒久対策）： Googleのサイレント認可が拒否されると自動同期が「静かに」止まり、予定・会議リンクが古くなる事故が起きた （3日間停止→2回目商談に1回目のURLを表示）。開いたときに最終同期が24時間より古ければ、 まずサイレント再同期を試み、ダメなら目立つバナー＋ワンクリック復旧（クリック＝ユーザー操作なので Googleのポップアップが確実に出せる）。連携未設定の人には出さない。 */ function GcalSyncBanner() { const { showToast, currentUser, loginAs } = useStore(); const [bad, setBad] = React.useState(null); // {last, mode:'connect'|'reauth'|'legacy'} を入れたら表示 const [busy, setBusy] = React.useState(false); React.useEffect(() => { let alive = true, running = false; const check = async () => { if (!alive || running) return; running = true; try { /* ★停止判定の唯一の真実はサーバー（2026-08-27）。以前は localStorage('anken_gcal_last') だけを 見ていたため、判定がブラウザ・プロファイル単位でぶれ、サーバーが取り込めていても 「停止中」と出続けた。サーバー側オフライン同期が回っているなら、そもそも出す必要が無い。 */ let st = null; try { st = await API.gcalServerStatus(); } catch (_) {} if (!alive) return; if (st && st.serverReady) { const optedIn = !!(st.connected || st.lastSyncAt || (window.gcalAutoEnabled && window.gcalAutoEnabled())); if (!optedIn) { setBad(null); return; } // 連携していない人には出さない const last = st.lastSyncAt || null; // JST 'YYYY-MM-DDTHH:mm' const ageH = last ? (Date.now() - new Date(last + '+09:00').getTime()) / 3600000 : 999; // サーバーが15分ごとに回っていて実際に最近同期できている＝正常。バナーは出さない if (st.serverSync && ageH < 24) { setBad(null); return; } // serverSync=true なのに古い＝Google側で認可が取り消された等。どちらも復旧手段は「接続し直す」1手 // ボタンのクリック文脈でポップアップが確実に開くよう、GIS だけ先に読んでおく // （ここではポップアップは開かない。2026-07-24 の非クリック経路禁止に抵触しない） try { await window.gcalPrepare(); } catch (_) {} if (!alive) return; setBad({ last, mode: st.serverSync ? 'reauth' : 'connect' }); return; } /* サーバー側同期が使えない環境（GOOGLE_CLIENT_SECRET 未設定など）だけ従来のブラウザ経路で見張る。 サイレント自己修復は「有効なキャッシュトークンがある時だけ」＝キャッシュ切れで syncGoogleCalendar(false) を呼ぶと GIS がアカウント選択ポップアップを開いてしまい、 タブ復帰のたびに出続ける事故になった（2026-07-24 恒久対策）。 */ if (!(window.gcalAutoEnabled && window.gcalAutoEnabled())) { setBad(null); return; } const last = localStorage.getItem('anken_gcal_last'); const ageH = last ? (Date.now() - new Date(last).getTime()) / 3600000 : 999; if (ageH < 24) { if (alive) setBad(null); return; } if (window.gcalHasToken && window.gcalHasToken()) { try { await window.gcalPrepare(); await window.syncGoogleCalendar(false); if (alive) setBad(null); return; } catch (_) {} } else { try { await window.gcalPrepare(); } catch (_) {} // バナーのクリックに備えて GIS だけ先読み（ポップアップは開かない） } if (alive) setBad({ last: window.gcalLastSyncJst ? window.gcalLastSyncJst(last) : null, mode: 'legacy' }); } catch (_) {} finally { running = false; } }; check(); // タブを何日も開きっぱなしでも見張れるように：1時間ごと＋タブへ戻った瞬間に再チェック const iv = setInterval(check, 60 * 60 * 1000); const onVis = () => { if (!document.hidden) check(); }; document.addEventListener('visibilitychange', onVis); return () => { alive = false; clearInterval(iv); document.removeEventListener('visibilitychange', onVis); }; }, []); if (!bad) return null; const rehydrate = async () => { try { const d = await API.bootstrap(); window.hydrateAppData(d); loginAs(currentUser.id); } catch (_) {} }; const resync = () => { if (busy) return; setBusy(true); // legacy（サーバー側同期が使えない環境）だけ従来の1時間トークン方式。それ以外は一度きりの恒久接続。 const run = bad.mode === 'legacy' ? window.syncGoogleCalendar(true).then((n) => t('gcal.stale.done', { n })) : window.gcalConnectOffline().then(() => t('gcal.stale.doneServer')); run .then(async (msg) => { setBad(null); showToast(msg); await new Promise(r => setTimeout(r, 3000)); await rehydrate(); }) .catch((e) => showToast((e && e.message) || t('gcal.stale.failed'), 'x')) .finally(() => setBusy(false)); }; /* サーバー由来の lastSyncAt は既に JST 'YYYY-MM-DDTHH:mm'、legacy 経路は gcalLastSyncJst で正規化済み。 生の ISO(UTC) を slice すると9時間ずれる（2026-08-10 の修正）ので、ここでは必ず正規化後の値を使う。 */ const lastJst = bad.last || null; const lastFmt = lastJst ? `${fmtDate(String(lastJst).slice(0, 10), true)} ${String(lastJst).slice(11, 16)}` : '—'; return (
{t('gcal.stale.tag')} {t(bad.mode === 'legacy' ? 'gcal.stale.msg' : 'gcal.stale.msgServer', { when: lastFmt })}
); } /* ReadyCrew取込の見張り番：リード最終取込(importedAt)が26時間止まったら黄色バナー。 2026-07-16の障害（RC新バケット取り漏れ＋ChromeがTampermonkeyの「ユーザースクリプトを許可」を 勝手にOFF→同期が無音で全停止）を機に常設。取込はユーザーのブラウザ（Tampermonkey）でしか 動かないため自己修復はできない＝「ReadyCrewを開く」の一手を最短で案内する。 RCリードのid接頭辞は rcl+数字（rclhnv…は発注ナビ由来なので除外）。RCリードが1件も無い 環境（新規WS等）では出さない。 */ function RcSyncBanner() { const [stale, setStale] = React.useState(null); // {last, hours} React.useEffect(() => { let alive = true, lastFetch = 0; const calc = (leads) => { let rcMax = ''; (leads || []).forEach(l => { if (/^rcl\d/.test(l.id || '')) { const ts = l.importedAt || ''; if (ts > rcMax) rcMax = ts; } }); if (!rcMax) return null; // RC取込を使っていない環境では黙る const ageH = (Date.now() - new Date(rcMax).getTime()) / 3600000; return ageH > 26 ? { last: rcMax, hours: Math.floor(ageH) } : null; }; try { setStale(calc((window.APP_DATA && window.APP_DATA.rcLeads) || [])); } catch (_) {} // 未初期化（ログイン前等）でも落とさない // タブ開きっぱなし対策：表示復帰ごと（30分以上間隔）＋2時間ごとに最新リードで再判定 const recheck = async () => { if (!alive) return; const now = Date.now(); if (now - lastFetch < 30 * 60 * 1000) return; lastFetch = now; try { const bs = await API.bootstrap(); if (alive) setStale(calc(bs.rcLeads)); } catch (_) {} }; const iv = setInterval(recheck, 2 * 60 * 60 * 1000); const onVis = () => { if (!document.hidden) recheck(); }; document.addEventListener('visibilitychange', onVis); return () => { alive = false; clearInterval(iv); document.removeEventListener('visibilitychange', onVis); }; }, []); if (!stale) return null; const lastFmt = `${fmtDate(stale.last.slice(0, 10), true)} ${stale.last.slice(11, 16)}`; return (
{t('rcsync.stale.tag')} {t('rcsync.stale.msg', { when: lastFmt, h: stale.hours })}
); } Object.assign(window, { Sidebar, Topbar, NotificationPanel, Page, CommandPalette, ChangePasswordModal, ChangeBar, GcalSyncBanner, RcSyncBanner });