npm - agim-cli - Versions diffs - 1.2.70 → 1.2.72 - Mend

agim-cli 1.2.70 → 1.2.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (163) hide show

package/dist/web/public/memos.html DELETED Viewed

@@ -1,352 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Agim — Memos</title>
-  <script src="/_app.js"></script>
-  <script>
-    (function () {
-      const LANGS = { en: 'en', zh: 'zh' };
-      const savedLang = localStorage.getItem('im-hub-lang');
-      const browserLang = navigator.language.startsWith('zh') ? 'zh' : 'en';
-      window.__lang = savedLang && LANGS[savedLang] ? savedLang : browserLang;
-      document.documentElement.lang = window.__lang === 'zh' ? 'zh-CN' : 'en';
-      const T = {
-        en: {
-          title: 'Agim — Memos', h1: '📋 Memos',
-          backToChat: '↩ Chat', toTasks: 'Tasks', toReminders: 'Reminders', toSettings: 'Settings',
-          filterAll: 'All', filterGeo: 'With location', filterExpired: 'Expired',
-          searchPlaceholder: 'search (what / memo / who / address …)',
-          loading: 'Loading…',
-          loadFailed: 'Load failed: {err}',
-          emptyNoMatch: 'No memos match your search.',
-          emptyNone: 'No memos yet. Just tell an agent in IM "记下…" / "remember that…" and they will save it.',
-          delete: 'Delete', edit: 'Edit',
-          confirmDelete: 'Really delete memo #{id}?',
-          deleted: 'Deleted #{id}',
-          deleteFailed: 'Delete failed: {err}',
-          mapBaidu: 'Baidu Map', mapAmap: 'Amap', mapGoogle: 'Google Maps',
-        },
-        zh: {
-          title: 'Agim — 备忘', h1: '📋 备忘',
-          backToChat: '↩ 对话', toTasks: '任务', toReminders: '提醒', toSettings: '设置',
-          filterAll: '全部', filterGeo: '有位置', filterExpired: '已过期',
-          searchPlaceholder: '搜索内容（what / memo / who / 地址 …）',
-          loading: '加载中…',
-          loadFailed: '加载失败：{err}',
-          emptyNoMatch: '没匹配的 memo',
-          emptyNone: '还没记下任何 memo。在 IM 里说「记下…」让 agent 帮你存。',
-          delete: '删除', edit: '编辑',
-          confirmDelete: '确定删除 memo #{id}？',
-          deleted: '已删除 #{id}',
-          deleteFailed: '删除失败：{err}',
-          mapBaidu: '百度地图', mapAmap: '高德地图', mapGoogle: 'Google',
-        },
-      };
-      window.__t = T[window.__lang];
-      document.title = T[window.__lang].title;
-    })();
-  </script>
-  <style>
-    :root {
-      --bg: #fafafa; --fg: #222; --muted: #666; --border: #e5e7eb;
-      --card: #fff; --accent: #2563eb; --danger: #dc2626; --warn: #d97706;
-      --geo: #059669;
-    }
-    [data-theme="dark"] {
-      --bg: #1a1a1a; --fg: #e5e5e5; --muted: #999; --border: #333;
-      --card: #242424; --accent: #60a5fa; --danger: #f87171; --warn: #fbbf24;
-      --geo: #34d399;
-    }
-    body {
-      font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
-      background: var(--bg); color: var(--fg); margin: 0; padding: 0;
-    }
-    /* Header — kept in sync with tasks.html / reminders.html so all
-       dashboard pages share the same layout. */
-    header {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-      padding: 14px 24px;
-      border-bottom: 1px solid var(--border);
-      background: var(--card);
-    }
-    header h1 { margin: 0; font-size: 18px; font-weight: 600; flex: 1; }
-    header a, header button, header select {
-      color: var(--accent);
-      text-decoration: none;
-      font-size: 14px;
-      background: none;
-      border: 1px solid var(--border);
-      padding: 6px 12px;
-      border-radius: 4px;
-      cursor: pointer;
-    }
-    header select { color: var(--fg); }
-    header a:hover, header button:hover { border-color: var(--accent); }
-    main { padding: 20px; max-width: 980px; margin: 0 auto; }
-    .toolbar {
-      display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap;
-      align-items: center;
-    }
-    .toolbar input[type="text"] {
-      flex: 1; min-width: 200px;
-      padding: 7px 12px; border: 1px solid var(--border); border-radius: 6px;
-      background: var(--card); color: var(--fg); font-size: 14px;
-    }
-    .toolbar input[type="text"]:focus { outline: none; border-color: var(--accent); }
-    .filter-btn {
-      padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px;
-      background: transparent; color: var(--muted); cursor: pointer;
-      font-size: 13px; transition: all 0.15s;
-    }
-    .filter-btn:hover { color: var(--fg); border-color: var(--fg); }
-    .filter-btn.active { background: var(--accent); color: white; border-color: var(--accent); }
-    .stats { color: var(--muted); font-size: 12px; }
-    .memo {
-      background: var(--card); border: 1px solid var(--border); border-radius: 8px;
-      padding: 12px 16px; margin-bottom: 10px;
-      display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
-    }
-    .memo .body { flex: 1; min-width: 0; }
-    .memo .what {
-      font-weight: 600; margin-bottom: 4px;
-      display: flex; align-items: center; gap: 8px;
-    }
-    .memo .icon { font-size: 16px; }
-    .memo .id { color: var(--muted); font-size: 11px; font-weight: normal; }
-    .memo .original {
-      color: var(--muted); margin-bottom: 6px; font-size: 13px;
-      border-left: 2px solid var(--border); padding-left: 8px;
-    }
-    .memo .meta {
-      color: var(--muted); font-size: 12px; margin-top: 4px;
-      display: flex; gap: 12px; flex-wrap: wrap;
-    }
-    .memo .meta .who::before { content: '👤 '; }
-    .memo .meta .when::before { content: '🗓 '; }
-    .memo .meta .geo { color: var(--geo); }
-    .memo .meta .geo::before { content: '📍 '; }
-    .memo .meta .platform { opacity: 0.7; }
-    .memo .meta .expires { color: var(--warn); }
-    .memo .meta .expires::before { content: '⏳ '; }
-    .memo .maps { margin-top: 6px; font-size: 12px; display: flex; gap: 12px; flex-wrap: wrap; }
-    .memo .maps a { color: var(--accent); text-decoration: none; }
-    .memo .maps a:hover { text-decoration: underline; }
-    .actions { display: flex; gap: 6px; flex-shrink: 0; }
-    .btn {
-      padding: 5px 10px; border: 1px solid var(--border); border-radius: 5px;
-      background: transparent; color: var(--fg); cursor: pointer; font-size: 12px;
-    }
-    .btn:hover { border-color: var(--accent); color: var(--accent); }
-    .btn.danger:hover { border-color: var(--danger); color: var(--danger); }
-    .empty { color: var(--muted); text-align: center; padding: 60px 0; }
-    .toast {
-      position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
-      background: var(--card); border: 1px solid var(--border); padding: 10px 16px;
-      border-radius: 6px; font-size: 13px;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-      transition: opacity 0.2s;
-    }
-    .toast.error { color: var(--danger); border-color: var(--danger); }
-    @media (max-width: 600px) {
-      .memo { flex-direction: column; }
-      .actions { width: 100%; justify-content: flex-end; }
-    }
-  </style>
-</head>
-<body>
-<header>
-  <h1 id="page-title"></h1>
-  <button id="theme-toggle" type="button" aria-label="Toggle color theme"></button>
-  <select id="langSelect" title="Language / 语言">
-    <option value="en">EN</option>
-    <option value="zh">中文</option>
-  </select>
-  <a href="/" id="lnk-chat"></a>
-  <a href="/tasks" id="lnk-tasks"></a>
-  <a href="/reminders" id="lnk-reminders"></a>
-  <a href="/settings" id="lnk-settings"></a>
-</header>
-<main>
-  <div class="toolbar">
-    <input type="text" id="q" />
-    <button type="button" class="filter-btn active" data-filter="all" id="btn-filter-all"></button>
-    <button type="button" class="filter-btn" data-filter="geo" id="btn-filter-geo"></button>
-    <button type="button" class="filter-btn" data-filter="expired" id="btn-filter-expired"></button>
-    <span class="stats" id="stats"></span>
-  </div>
-  <div id="list"></div>
-</main>
-<div id="toast" class="toast" style="display:none"></div>
-<script>
-(() => {
-  const T = window.__t;
-  const $list = document.getElementById('list')
-  const $toast = document.getElementById('toast')
-  const $q = document.getElementById('q')
-  const $stats = document.getElementById('stats')
-  let currentFilter = 'all'
-  let queryStr = ''
-  let debounceTimer = null
-  // i18n bind
-  document.getElementById('page-title').textContent = T.h1;
-  document.getElementById('lnk-chat').textContent = T.backToChat;
-  document.getElementById('lnk-tasks').textContent = T.toTasks;
-  document.getElementById('lnk-reminders').textContent = T.toReminders;
-  document.getElementById('lnk-settings').textContent = T.toSettings;
-  document.getElementById('btn-filter-all').textContent = T.filterAll;
-  document.getElementById('btn-filter-geo').textContent = T.filterGeo;
-  document.getElementById('btn-filter-expired').textContent = T.filterExpired;
-  $q.placeholder = T.searchPlaceholder;
-  if (window.imhub) imhub.theme.bindToggle(document.getElementById('theme-toggle'));
-  (function setupLangSwitcher() {
-    const sel = document.getElementById('langSelect');
-    if (!sel) return;
-    sel.value = window.__lang;
-    sel.addEventListener('change', () => {
-      if (sel.value === window.__lang) return;
-      localStorage.setItem('im-hub-lang', sel.value);
-      window.location.reload();
-    });
-  })();
-  function toast(msg, isErr = false) {
-    $toast.textContent = msg
-    $toast.className = 'toast' + (isErr ? ' error' : '')
-    $toast.style.display = 'block'
-    setTimeout(() => { $toast.style.display = 'none' }, 2400)
-  }
-  function escapeHtml(s) {
-    if (s == null) return ''
-    return String(s)
-      .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;').replace(/'/g, '&#39;')
-  }
-  function fmtTime(iso) {
-    if (!iso) return ''
-    // memos use 'YYYY-MM-DD HH:MM:SS' (UTC+8 bare-local).
-    const d = new Date(iso.replace(' ', 'T') + '+08:00')
-    if (Number.isNaN(d.getTime())) return iso
-    const isZh = window.__lang === 'zh'
-    const now = new Date()
-    const diffMs = now.getTime() - d.getTime()
-    const absMin = Math.abs(Math.round(diffMs / 60000))
-    let rel = ''
-    if (Math.abs(diffMs) < 60_000) rel = isZh ? '刚才' : 'just now'
-    else if (absMin < 60) rel = isZh ? `${absMin} 分钟前` : `${absMin} min ago`
-    else if (absMin < 1440) rel = isZh ? `${(absMin / 60).toFixed(1)} 小时前` : `${(absMin / 60).toFixed(1)} h ago`
-    else rel = isZh ? `${(absMin / 1440).toFixed(1)} 天前` : `${(absMin / 1440).toFixed(1)} d ago`
-    return `${d.toLocaleString()} · ${rel}`
-  }
-  async function load() {
-    $list.innerHTML = `<div class="empty">${T.loading}</div>`
-    try {
-      const params = new URLSearchParams()
-      if (queryStr) params.set('query', queryStr)
-      if (currentFilter === 'geo') params.set('has_location', 'true')
-      if (currentFilter === 'expired') params.set('include_expired', 'true')
-      params.set('limit', '200')
-      const data = await window.imhub.api(`/api/memos?${params.toString()}`)
-      let items = data.memos || []
-      if (currentFilter === 'expired') {
-        // Only the rows that have an expires_at in the past.
-        const now = new Date()
-        items = items.filter(m => m.expiresAt && new Date(m.expiresAt.replace(' ', 'T') + '+08:00') < now)
-      }
-      render(items)
-      $stats.textContent = items.length ? (window.__lang === 'zh' ? `${items.length} 条` : `${items.length} memos`) : ''
-    } catch (err) {
-      $list.innerHTML = ''
-      toast(T.loadFailed.replace('{err}', err.message), true)
-    }
-  }
-  function render(items) {
-    if (!items.length) {
-      $list.innerHTML = `<div class="empty">${queryStr ? T.emptyNoMatch : T.emptyNone}</div>`
-      return
-    }
-    $list.innerHTML = items.map(m => {
-      const icon = m.where_lat != null ? '📍' : '📝'
-      const idLbl = `<span class="id">#${m.id}</span>`
-      const what = `<div class="what"><span class="icon">${icon}</span>${escapeHtml(m.what)} ${idLbl}</div>`
-      const original = (m.memo && m.memo !== m.what)
-        ? `<div class="original">${escapeHtml(m.memo)}</div>` : ''
-      const metaBits = []
-      if (m.who) metaBits.push(`<span class="who">${escapeHtml(m.who)}</span>`)
-      if (m.whenAt) metaBits.push(`<span class="when">${escapeHtml(m.whenAt)}</span>`)
-      else if (m.whenText) metaBits.push(`<span class="when">${escapeHtml(m.whenText)}</span>`)
-      if (m.where_label) metaBits.push(`<span class="geo">${escapeHtml(m.where_label)}</span>`)
-      else if (m.where_lat != null) metaBits.push(`<span class="geo">${m.where_lat.toFixed(5)}, ${m.where_lng.toFixed(5)}</span>`)
-      if (m.platform) metaBits.push(`<span class="platform">${escapeHtml(m.platform)}</span>`)
-      if (m.expiresAt) metaBits.push(`<span class="expires">${escapeHtml(m.expiresAt)}</span>`)
-      metaBits.push(`<span class="when">${fmtTime(m.createdAt)}</span>`)
-      const meta = `<div class="meta">${metaBits.join('')}</div>`
-      let maps = ''
-      if (m.mapUrls) {
-        maps = `<div class="maps">
-          <a href="${m.mapUrls.baidu}" target="_blank">${T.mapBaidu}</a>
-          <a href="${m.mapUrls.amap}" target="_blank">${T.mapAmap}</a>
-          <a href="${m.mapUrls.google}" target="_blank">${T.mapGoogle}</a>
-        </div>`
-      }
-      return `<div class="memo" data-id="${m.id}">
-        <div class="body">${what}${original}${meta}${maps}</div>
-        <div class="actions">
-          <button type="button" class="btn danger" data-action="delete">${T.delete}</button>
-        </div>
-      </div>`
-    }).join('')
-  }
-  $list.addEventListener('click', async (e) => {
-    const btn = e.target.closest('button[data-action]')
-    if (!btn) return
-    const card = btn.closest('.memo')
-    if (!card) return
-    const id = card.dataset.id
-    const action = btn.dataset.action
-    if (action === 'delete') {
-      if (!confirm(T.confirmDelete.replace('{id}', id))) return
-      try {
-        await window.imhub.api(`/api/memos/${id}`, { method: 'DELETE' })
-        toast(T.deleted.replace('{id}', id))
-        load()
-      } catch (err) { toast(T.deleteFailed.replace('{err}', err.message), true) }
-    }
-  })
-  document.querySelectorAll('.filter-btn').forEach(btn => {
-    btn.addEventListener('click', () => {
-      document.querySelectorAll('.filter-btn').forEach(b => { b.classList.remove('active') })
-      btn.classList.add('active')
-      currentFilter = btn.dataset.filter
-      load()
-    })
-  })
-  $q.addEventListener('input', () => {
-    clearTimeout(debounceTimer)
-    debounceTimer = setTimeout(() => {
-      queryStr = $q.value.trim()
-      load()
-    }, 280)
-  })
-  load()
-  // Auto-refresh every 30s so newly-saved memos show up.
-  setInterval(load, 30_000)
-})()
-</script>
-</body>
-</html>

package/dist/web/public/reminders.html DELETED Viewed

@@ -1,332 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Agim — Reminders</title>
-  <script src="/_app.js"></script>
-  <script>
-    // i18n bootstrap — mirrors tasks.html. _app.js reads window.__lang.
-    (function () {
-      const LANGS = { en: 'en', zh: 'zh' };
-      const savedLang = localStorage.getItem('im-hub-lang');
-      const browserLang = navigator.language.startsWith('zh') ? 'zh' : 'en';
-      window.__lang = savedLang && LANGS[savedLang] ? savedLang : browserLang;
-      document.documentElement.lang = window.__lang === 'zh' ? 'zh-CN' : 'en';
-      const T = {
-        en: {
-          title: 'Agim — Reminders', h1: '🔔 Reminders',
-          backToChat: '↩ Chat', toTasks: 'Tasks', toMemos: 'Memos', toSettings: 'Settings',
-          statusPending: 'Pending', statusFired: 'Fired', statusCancelled: 'Cancelled', statusFailed: 'Failed',
-          loading: 'Loading…',
-          loadFailed: 'Load failed: {err}',
-          emptyStatus: 'No {status} reminders.',
-          cancel: 'Cancel', snooze: 'Snooze +5min', delete: 'Delete',
-          fireAt: 'Fires at', recur: 'Repeat',
-          literalText: 'literal',
-          confirmCancel: 'Cancel reminder #{id}? (Recurring reminders will stop the whole loop.)',
-          cancelled: '✅ Cancelled #{id}',
-          snoozed: '⏰ Snoozed #{id} +5min',
-        },
-        zh: {
-          title: 'Agim — 提醒', h1: '🔔 提醒',
-          backToChat: '↩ 对话', toTasks: '任务', toMemos: '备忘', toSettings: '设置',
-          statusPending: '待发', statusFired: '已发', statusCancelled: '已取消', statusFailed: '失败',
-          loading: '加载中…',
-          loadFailed: '加载失败：{err}',
-          emptyStatus: '没有{status}的提醒',
-          cancel: '取消', snooze: '延 5 分钟', delete: '删除',
-          fireAt: '触发时间', recur: '重复',
-          literalText: '字面文本',
-          confirmCancel: '取消提醒 #{id}？（循环提醒会终止整条循环）',
-          cancelled: '✅ 已取消 #{id}',
-          snoozed: '⏰ 已延后 #{id} 5 分钟',
-        },
-      };
-      window.__t = T[window.__lang];
-      document.title = T[window.__lang].title;
-    })();
-  </script>
-  <style>
-    :root {
-      --bg: #fafafa; --fg: #222; --muted: #666; --border: #e5e7eb;
-      --card: #fff; --accent: #2563eb; --danger: #dc2626; --warn: #d97706;
-      --recur: #7c3aed;
-    }
-    [data-theme="dark"] {
-      --bg: #1a1a1a; --fg: #e5e5e5; --muted: #999; --border: #333;
-      --card: #242424; --accent: #60a5fa; --danger: #f87171; --warn: #fbbf24;
-      --recur: #a78bfa;
-    }
-    body {
-      font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
-      background: var(--bg); color: var(--fg);
-      margin: 0; padding: 0;
-    }
-    /* Header — kept in sync with tasks.html so all dashboard pages share
-       the same layout. Flex with h1 flex:1 to push toggles + nav to the
-       right; uniform border-button look across <a> and <button>. */
-    header {
-      display: flex;
-      align-items: center;
-      gap: 16px;
-      padding: 14px 24px;
-      border-bottom: 1px solid var(--border);
-      background: var(--card);
-    }
-    header h1 { margin: 0; font-size: 18px; font-weight: 600; flex: 1; }
-    header a, header button, header select {
-      color: var(--accent);
-      text-decoration: none;
-      font-size: 14px;
-      background: none;
-      border: 1px solid var(--border);
-      padding: 6px 12px;
-      border-radius: 4px;
-      cursor: pointer;
-    }
-    header select { color: var(--fg); }
-    header a:hover, header button:hover { border-color: var(--accent); }
-    main { max-width: 880px; margin: 24px auto; padding: 0 16px; }
-    .filters {
-      display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;
-    }
-    .filter-btn {
-      padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px;
-      background: var(--card); color: var(--fg); cursor: pointer;
-      font-size: 13px;
-    }
-    .filter-btn.active {
-      background: var(--accent); color: #fff; border-color: var(--accent);
-    }
-    .empty {
-      text-align: center; color: var(--muted); padding: 60px 20px;
-      background: var(--card); border-radius: 8px; border: 1px dashed var(--border);
-    }
-    .reminder {
-      display: flex; align-items: flex-start; gap: 12px;
-      padding: 14px 16px; margin-bottom: 8px;
-      background: var(--card); border: 1px solid var(--border); border-radius: 8px;
-    }
-    .icon { font-size: 20px; flex-shrink: 0; line-height: 1; padding-top: 1px; }
-    .body { flex: 1; min-width: 0; }
-    .text { font-weight: 500; word-break: break-word; }
-    .meta {
-      color: var(--muted); font-size: 12px; margin-top: 4px;
-      display: flex; gap: 12px; flex-wrap: wrap;
-    }
-    .meta .recur { color: var(--recur); }
-    .meta .literal { color: var(--warn); }
-    .actions { display: flex; gap: 6px; flex-shrink: 0; }
-    .btn {
-      padding: 5px 10px; border: 1px solid var(--border); border-radius: 5px;
-      background: transparent; color: var(--fg); cursor: pointer;
-      font-size: 12px;
-    }
-    .btn:hover { border-color: var(--accent); color: var(--accent); }
-    .btn.danger:hover { border-color: var(--danger); color: var(--danger); }
-    .toast {
-      position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
-      background: var(--card); border: 1px solid var(--border); padding: 10px 16px;
-      border-radius: 6px; font-size: 13px;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-      transition: opacity 0.2s;
-    }
-    .toast.error { color: var(--danger); border-color: var(--danger); }
-    @media (max-width: 600px) {
-      .reminder { flex-direction: column; }
-      .actions { width: 100%; justify-content: flex-end; }
-    }
-  </style>
-</head>
-<body>
-<header>
-  <h1 id="page-title"></h1>
-  <button id="theme-toggle" type="button" aria-label="Toggle color theme"></button>
-  <select id="langSelect" title="Language / 语言">
-    <option value="en">EN</option>
-    <option value="zh">中文</option>
-  </select>
-  <a href="/" id="lnk-chat"></a>
-  <a href="/tasks" id="lnk-tasks"></a>
-  <a href="/memos" id="lnk-memos"></a>
-  <a href="/settings" id="lnk-settings"></a>
-</header>
-<main>
-  <div class="filters" id="filters">
-    <button type="button" class="filter-btn active" data-status="pending" id="btn-status-pending"></button>
-    <button type="button" class="filter-btn" data-status="fired" id="btn-status-fired"></button>
-    <button type="button" class="filter-btn" data-status="cancelled" id="btn-status-cancelled"></button>
-    <button type="button" class="filter-btn" data-status="failed" id="btn-status-failed"></button>
-  </div>
-  <div id="list"></div>
-</main>
-<div id="toast" class="toast" style="display:none"></div>
-<script>
-(() => {
-  const T = window.__t;
-  const $list = document.getElementById('list')
-  const $toast = document.getElementById('toast')
-  const $filters = document.getElementById('filters')
-  let currentStatus = 'pending'
-  // i18n bind — header labels, status filter labels, lang switcher.
-  document.getElementById('page-title').textContent = T.h1;
-  document.getElementById('lnk-chat').textContent = T.backToChat;
-  document.getElementById('lnk-tasks').textContent = T.toTasks;
-  document.getElementById('lnk-memos').textContent = T.toMemos;
-  document.getElementById('lnk-settings').textContent = T.toSettings;
-  document.getElementById('btn-status-pending').textContent = T.statusPending;
-  document.getElementById('btn-status-fired').textContent = T.statusFired;
-  document.getElementById('btn-status-cancelled').textContent = T.statusCancelled;
-  document.getElementById('btn-status-failed').textContent = T.statusFailed;
-  if (window.imhub) imhub.theme.bindToggle(document.getElementById('theme-toggle'));
-  (function setupLangSwitcher() {
-    const sel = document.getElementById('langSelect');
-    if (!sel) return;
-    sel.value = window.__lang;
-    sel.addEventListener('change', () => {
-      if (sel.value === window.__lang) return;
-      localStorage.setItem('im-hub-lang', sel.value);
-      window.location.reload();
-    });
-  })();
-  function toast(msg, isErr = false) {
-    $toast.textContent = msg
-    $toast.className = `toast${isErr ? ' error' : ''}`
-    $toast.style.display = 'block'
-    setTimeout(() => { $toast.style.display = 'none' }, 2500)
-  }
-  function fmtTime(s) {
-    if (!s) return '-'
-    // Normalize SQLite "YYYY-MM-DD HH:MM:SS" to RFC3339 — Safari/WebView
-    // reject the space-separated form (Invalid Date).
-    let iso = String(s).trim()
-    if (iso && !iso.includes('T')) iso = iso.replace(' ', 'T')
-    if (iso && !/[Z+]/.test(iso.slice(-6))) iso = iso + 'Z'
-    const d = new Date(iso)
-    if (Number.isNaN(d.getTime())) return s
-    const isZh = window.__lang === 'zh'
-    const now = new Date()
-    const diffMs = d.getTime() - now.getTime()
-    const absMin = Math.abs(Math.round(diffMs / 60000))
-    const past = diffMs <= 0
-    let rel = ''
-    if (Math.abs(diffMs) < 60_000) rel = isZh ? '刚才' : 'just now'
-    else if (absMin < 60) rel = isZh
-      ? `${past ? '已过 ' : ''}${absMin} 分钟${past ? '' : '后'}`
-      : `${absMin} min ${past ? 'ago' : 'from now'}`
-    else if (absMin < 1440) rel = isZh
-      ? `${past ? '已过 ' : ''}${(absMin / 60).toFixed(1)} 小时${past ? '' : '后'}`
-      : `${(absMin / 60).toFixed(1)} h ${past ? 'ago' : 'from now'}`
-    else rel = isZh
-      ? `${past ? '已过 ' : ''}${(absMin / 1440).toFixed(1)} 天${past ? '' : '后'}`
-      : `${(absMin / 1440).toFixed(1)} d ${past ? 'ago' : 'from now'}`
-    return `${d.toLocaleString()} · ${rel}`
-  }
-  async function load() {
-    $list.innerHTML = `<div class="empty">${T.loading}</div>`
-    try {
-      const data = await window.imhub.api(`/api/reminders?status=${encodeURIComponent(currentStatus)}`)
-      render(data.reminders || [])
-    } catch (err) {
-      $list.innerHTML = ''
-      toast(T.loadFailed.replace('{err}', err.message), true)
-    }
-  }
-  function render(items) {
-    if (!items.length) {
-      $list.innerHTML = `<div class="empty">${T.emptyStatus.replace('{status}', statusLabel(currentStatus))}</div>`
-      return
-    }
-    $list.innerHTML = items.map((r) => {
-      const icon = r.recurrence ? '🔁' : '🔔'
-      const recurMeta = r.recurrence_label
-        ? `<span class="recur">↻ ${escapeHtml(r.recurrence_label)}</span>` : ''
-      const literalMeta = r.prompt_mode === 'literal'
-        ? `<span class="literal">${T.literalText}</span>` : ''
-      const platformMeta = r.platform
-        ? `<span>${escapeHtml(r.platform)}</span>` : ''
-      const showActions = currentStatus === 'pending'
-      const actions = showActions
-        ? `<div class="actions">
-             <button class="btn" data-act="snooze" data-id="${r.id}">${T.snooze}</button>
-             <button class="btn danger" data-act="cancel" data-id="${r.id}">${T.cancel}</button>
-           </div>`
-        : ''
-      return `<div class="reminder">
-        <div class="icon">${icon}</div>
-        <div class="body">
-          <div class="text">${escapeHtml(r.text)}</div>
-          <div class="meta">
-            <span>#${r.id}</span>
-            <span>${escapeHtml(fmtTime(r.fire_at))}</span>
-            ${recurMeta}
-            ${literalMeta}
-            ${platformMeta}
-          </div>
-        </div>
-        ${actions}
-      </div>`
-    }).join('')
-  }
-  function escapeHtml(s) {
-    return String(s).replace(/[&<>"']/g, (c) => (
-      { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c] || c
-    ))
-  }
-  function statusLabel(s) {
-    return ({
-      pending: T.statusPending, fired: T.statusFired,
-      cancelled: T.statusCancelled, failed: T.statusFailed,
-    })[s] || s
-  }
-  $filters.addEventListener('click', (e) => {
-    const t = e.target.closest('.filter-btn')
-    if (!t) return
-    currentStatus = t.dataset.status
-    document.querySelectorAll('.filter-btn').forEach((b) => { b.classList.toggle('active', b === t) })
-    load()
-  })
-  $list.addEventListener('click', async (e) => {
-    const btn = e.target.closest('button[data-act]')
-    if (!btn) return
-    const id = btn.dataset.id
-    const act = btn.dataset.act
-    btn.disabled = true
-    try {
-      if (act === 'cancel') {
-        if (!confirm(T.confirmCancel.replace('{id}', id))) return
-        await window.imhub.api(`/api/reminders/${id}/cancel`, { method: 'POST' })
-        toast(T.cancelled.replace('{id}', id))
-      } else if (act === 'snooze') {
-        await window.imhub.api(`/api/reminders/${id}/snooze`, {
-          method: 'POST',
-          body: JSON.stringify({ duration: '5m' }),
-        })
-        toast(T.snoozed.replace('{id}', id))
-      }
-      await load()
-    } catch (err) {
-      toast(T.loadFailed.replace('{err}', err.message), true)
-    } finally {
-      btn.disabled = false
-    }
-  })
-  // Initial load + auto-refresh every 30s
-  load()
-  setInterval(load, 30_000)
-})()
-</script>
-</body>
-</html>