npm - @agentunion/kite - Versions diffs - 1.4.0 → 1.6.0 - Mend

@agentunion/kite 1.4.0 → 1.6.0

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 (718) hide show

package/extensions/services/dataclaw/templates/base.html ADDED Viewed

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{% block title %}DataClaw{% endblock %}</title>
+  <link rel="stylesheet" href="/static/css/common.css">
+  <link rel="stylesheet" href="/static/css/themes/light.css" id="theme-css">
+  <script src="/static/js/i18n.js"></script>
+  <script src="/static/js/theme.js"></script>
+  {% block head_extra %}{% endblock %}
+</head>
+<body>
+  <!-- 侧边栏 -->
+  <aside class="sidebar" id="sidebar">
+    <div class="sidebar-header">
+      <a href="/" class="sidebar-logo">
+        <svg class="logo-icon" viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 2L2 7l10 5 10-5-10-5z"/>
+          <path d="M2 17l10 5 10-5"/>
+          <path d="M2 12l10 5 10-5"/>
+        </svg>
+        <span class="logo-text">DataClaw</span>
+      </a>
+      <button class="sidebar-close btn-icon" id="sidebar-close" aria-label="Close sidebar">&#x2715;</button>
+    </div>
+    <nav class="sidebar-nav">
+      <a href="/dashboard" class="nav-item {% block nav_dashboard %}{% endblock %}" data-nav="dashboard">
+        <span class="nav-icon">&#x1F4CA;</span>
+        <span data-i18n="nav.dashboard">Dashboard</span>
+      </a>
+      <a href="/feeds" class="nav-item {% block nav_feeds %}{% endblock %}" data-nav="feeds">
+        <span class="nav-icon">&#x1F4E1;</span>
+        <span data-i18n="nav.feeds">Feeds</span>
+      </a>
+      <a href="/subscriptions" class="nav-item {% block nav_subscriptions %}{% endblock %}" data-nav="subscriptions">
+        <span class="nav-icon">&#x1F516;</span>
+        <span data-i18n="nav.subscriptions">Subscriptions</span>
+      </a>
+      <a href="/demands" class="nav-item {% block nav_demands %}{% endblock %}" data-nav="demands">
+        <span class="nav-icon">&#x1F4DD;</span>
+        <span data-i18n="nav.demands">Demands</span>
+      </a>
+      <a href="/credits" class="nav-item {% block nav_credits %}{% endblock %}" data-nav="credits">
+        <span class="nav-icon">&#x1F4B0;</span>
+        <span data-i18n="nav.credits">Credits</span>
+      </a>
+      <div class="nav-divider"></div>
+      <a href="/settings" class="nav-item {% block nav_settings %}{% endblock %}" data-nav="settings">
+        <span class="nav-icon">&#x2699;&#xFE0F;</span>
+        <span data-i18n="nav.settings">Settings</span>
+      </a>
+      <a href="/admin" class="nav-item {% block nav_admin %}{% endblock %}" data-nav="admin">
+        <span class="nav-icon">&#x1F6E1;&#xFE0F;</span>
+        <span data-i18n="nav.admin">Admin</span>
+      </a>
+      <div class="nav-divider"></div>
+      <a href="javascript:void(0)" class="nav-item" onclick="seedData(this)">
+        <span class="nav-icon">&#x1F9EA;</span>
+        <span data-i18n="nav.seedData">生成模拟数据</span>
+      </a>
+      <a href="javascript:void(0)" class="nav-item" onclick="clearSeedData(this)">
+        <span class="nav-icon">&#x1F5D1;&#xFE0F;</span>
+        <span data-i18n="nav.clearSeed">清空模拟数据</span>
+      </a>
+    </nav>
+    <div class="sidebar-footer">
+      <span class="sidebar-version">v1.0.0</span>
+    </div>
+  </aside>
+  <!-- 遮罩层（移动端侧边栏展开时） -->
+  <div class="sidebar-overlay" id="sidebar-overlay"></div>
+  <!-- 主区域 -->
+  <div class="main-wrapper">
+    <!-- 顶部栏 -->
+    <header class="topbar">
+      <button class="btn-icon topbar-menu" id="sidebar-toggle" aria-label="Toggle sidebar">
+        <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
+      </button>
+      <div class="topbar-spacer"></div>
+      <!-- 通知铃铛 -->
+      <button class="btn-icon topbar-bell" id="notification-bell" aria-label="Notifications">
+        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
+          <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
+        </svg>
+        <span class="bell-badge" id="bell-badge" style="display:none"></span>
+      </button>
+      <!-- 用户下拉菜单 -->
+      <div class="dropdown" id="user-dropdown">
+        <button class="btn-icon dropdown-trigger" id="user-trigger">
+          <span class="avatar-sm" id="user-avatar">U</span>
+          <span class="user-display-name" id="topbar-username" data-i18n="nav.guest">Guest</span>
+          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
+        </button>
+        <div class="dropdown-menu" id="user-menu">
+          <a href="/settings/profile" class="dropdown-item" data-i18n="user.profile">Profile</a>
+          <a href="/settings/api-keys" class="dropdown-item" data-i18n="user.api_keys">API Keys</a>
+          <div class="dropdown-divider"></div>
+          <div class="dropdown-item dropdown-submenu">
+            <span data-i18n="user.theme">Theme</span>
+            <div class="theme-options">
+              <button class="theme-btn" data-theme="light" title="Light">&#x2600;&#xFE0F;</button>
+              <button class="theme-btn" data-theme="dark" title="Dark">&#x1F319;</button>
+              <button class="theme-btn" data-theme="blue" title="Blue">&#x1F30A;</button>
+            </div>
+          </div>
+          <div class="dropdown-item dropdown-submenu">
+            <span data-i18n="user.language">Language</span>
+            <div class="lang-options">
+              <button class="lang-btn" data-lang="zh-CN">&#x4E2D;&#x6587;</button>
+              <button class="lang-btn" data-lang="en-US">EN</button>
+              <button class="lang-btn" data-lang="ja-JP">&#x65E5;&#x672C;&#x8A9E;</button>
+            </div>
+          </div>
+          <div class="dropdown-divider"></div>
+          <button class="dropdown-item dropdown-item-danger" id="btn-logout" data-i18n="nav.logout">Logout</button>
+        </div>
+      </div>
+    </header>
+    <!-- 页面内容 -->
+    <main class="main-content">
+      {% block content %}{% endblock %}
+    </main>
+  </div>
+  <script src="/static/js/api.js"></script>
+  <script src="/static/js/common.js"></script>
+  {% block scripts %}{% endblock %}
+</body>
+</html>

package/extensions/services/dataclaw/templates/credits/balance.html ADDED Viewed

@@ -0,0 +1,106 @@
+{% extends "base.html" %}
+{% block title %}积分余额 — DataClaw{% endblock %}
+{% block content %}
+<h1 class="page-title" data-i18n="credits.balanceTitle">积分中心</h1>
+<!-- 当前余额大数字 -->
+<div class="card" style="text-align:center;padding:2.5rem;margin-bottom:1.5rem">
+  <div style="color:var(--text3);font-size:.9rem;margin-bottom:.5rem" data-i18n="credits.currentBalance">当前余额</div>
+  <div style="font-size:3.5rem;font-weight:800;color:var(--accent)" id="s-balance">--</div>
+  <div style="color:var(--text3);font-size:.85rem;margin-top:.3rem" data-i18n="credits.creditsUnit">积分</div>
+</div>
+<!-- 统计卡片 -->
+<div class="stat-row" id="stats">
+  <div class="stat-box"><div class="stat-num" id="s-earned">-</div><div class="stat-label" data-i18n="credits.totalIncome">累计收入</div></div>
+  <div class="stat-box"><div class="stat-num" id="s-spent">-</div><div class="stat-label" data-i18n="credits.totalSpent">累计支出</div></div>
+  <div class="stat-box"><div class="stat-num" id="s-ratio">-</div><div class="stat-label" data-i18n="credits.ratio">收支比</div></div>
+</div>
+<!-- 快捷充值 -->
+<div style="display:flex;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap">
+  <a href="/credits/deposit?amount=10" class="btn btn-outline" data-i18n="credits.deposit10">充值 1,000 积分</a>
+  <a href="/credits/deposit?amount=50" class="btn btn-outline" data-i18n="credits.deposit50">充值 5,000 积分</a>
+  <a href="/credits/deposit?amount=100" class="btn btn-outline" data-i18n="credits.deposit100">充值 10,000 积分</a>
+  <a href="/credits/deposit?amount=500" class="btn btn-outline" data-i18n="credits.deposit500">充值 50,000 积分</a>
+  <a href="/credits/deposit" class="btn btn-primary" data-i18n="credits.depositCustom">自定义充值</a>
+  <a href="/credits/history" class="btn btn-outline" data-i18n="credits.viewHistory">交易记录</a>
+</div>
+<!-- 收支概览 -->
+<div class="grid-2" style="margin-bottom:1.5rem">
+  <!-- 收支饼图区域 -->
+  <div class="card">
+    <h3 style="margin-bottom:1rem" data-i18n="credits.breakdown">收支概览</h3>
+    <div id="chart-area" style="display:flex;gap:2rem;align-items:center;justify-content:center;min-height:120px">
+      <div style="text-align:center">
+        <div style="width:80px;height:80px;border-radius:50%;border:6px solid var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem">
+          <span style="font-weight:700;color:var(--green)" id="chart-earned">0</span>
+        </div>
+        <div style="color:var(--text3);font-size:.8rem" data-i18n="credits.income">收入</div>
+      </div>
+      <div style="text-align:center">
+        <div style="width:80px;height:80px;border-radius:50%;border:6px solid var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem">
+          <span style="font-weight:700;color:var(--red)" id="chart-spent">0</span>
+        </div>
+        <div style="color:var(--text3);font-size:.8rem" data-i18n="credits.expense">支出</div>
+      </div>
+    </div>
+  </div>
+  <!-- 近期交易 -->
+  <div class="card">
+    <h3 style="margin-bottom:1rem" data-i18n="credits.recentTransactions">近期交易</h3>
+    <div id="recent-tx">
+      <div style="text-align:center;padding:1rem"><div class="spinner"></div></div>
+    </div>
+  </div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+(function() {
+  var token = localStorage.getItem('dc_api_key') || sessionStorage.getItem('dc_api_key');
+  if (!token) { location.href = '/login?redirect=/credits'; return; }
+  var H = { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' };
+  Promise.all([
+    fetch('/v1/credits/balance', { headers: H }).then(function(r) { return r.json(); }),
+    fetch('/v1/credits/earnings', { headers: H }).then(function(r) { return r.json(); })
+  ]).then(function(results) {
+    var bal = results[0];
+    var earn = results[1];
+    if (bal.ok) document.getElementById('s-balance').textContent = parseFloat(bal.data.balance).toFixed(1);
+    if (earn.ok) {
+      var earned = parseFloat(earn.data.total_earned);
+      var spent = parseFloat(earn.data.total_spent);
+      document.getElementById('s-earned').textContent = earned.toFixed(1);
+      document.getElementById('s-spent').textContent = spent.toFixed(1);
+      document.getElementById('s-ratio').textContent = spent > 0 ? (earned / spent).toFixed(2) + 'x' : '∞';
+      document.getElementById('chart-earned').textContent = earned.toFixed(0);
+      document.getElementById('chart-spent').textContent = spent.toFixed(0);
+    }
+  }).catch(function() {});
+  // 近期交易（前 10 条）
+  fetch('/v1/credits/history?limit=10', { headers: H }).then(function(r) { return r.json(); }).then(function(d) {
+    var el = document.getElementById('recent-tx');
+    if (!d.ok || !d.data.transactions || !d.data.transactions.length) {
+      el.innerHTML = '<p style="color:var(--text3)" data-i18n="credits.noTransactions">暂无交易</p>';
+      return;
+    }
+    el.innerHTML = d.data.transactions.map(function(tx) {
+      var isIncome = parseFloat(tx.amount) > 0;
+      return '<div style="display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem">' +
+        '<div>' +
+          '<div>' + (tx.description || tx.type) + '</div>' +
+          '<div style="color:var(--text3);font-size:.75rem">' + fmtDate(tx.created_at) + '</div>' +
+        '</div>' +
+        '<span style="color:' + (isIncome ? 'var(--green)' : 'var(--red)') + ';font-weight:600">' + (isIncome ? '+' : '') + parseFloat(tx.amount).toFixed(1) + '</span>' +
+      '</div>';
+    }).join('');
+  }).catch(function() {
+    document.getElementById('recent-tx').innerHTML = '<p style="color:var(--text3)" data-i18n="common.loadFailed">加载失败</p>';
+  });
+})();
+</script>
+{% endblock %}

package/extensions/services/dataclaw/templates/credits/deposit.html ADDED Viewed

@@ -0,0 +1,164 @@
+{% extends "base.html" %}
+{% block title %}充值积分 — DataClaw{% endblock %}
+{% block content %}
+<h1 class="page-title" data-i18n="deposit.title">充值积分</h1>
+<p class="page-subtitle" data-i18n="deposit.rate">当前汇率：100 积分 = 1 元</p>
+<div id="alert-box"></div>
+<div class="card" style="max-width:600px">
+  <h3 style="margin-bottom:1rem" data-i18n="deposit.selectAmount">选择充值金额</h3>
+  <div class="pay-grid" id="amount-grid">
+    <div class="pay-option active" onclick="selectAmount(10,this)">
+      <div class="amount">1,000</div>
+      <div class="price">&#xA5;10</div>
+    </div>
+    <div class="pay-option" onclick="selectAmount(50,this)">
+      <div class="amount">5,000</div>
+      <div class="price">&#xA5;50</div>
+    </div>
+    <div class="pay-option" onclick="selectAmount(100,this)">
+      <div class="amount">10,000</div>
+      <div class="price">&#xA5;100</div>
+    </div>
+    <div class="pay-option" onclick="selectAmount(500,this)">
+      <div class="amount">50,000</div>
+      <div class="price">&#xA5;500</div>
+    </div>
+    <div class="pay-option" onclick="selectAmount(1000,this)">
+      <div class="amount">100,000</div>
+      <div class="price">&#xA5;1,000</div>
+    </div>
+    <div class="pay-option" onclick="selectCustom(this)">
+      <div class="amount" style="font-size:1rem" data-i18n="deposit.custom">自定义</div>
+      <div class="price" data-i18n="deposit.enterAmount">输入金额</div>
+    </div>
+  </div>
+  <div id="custom-input" style="display:none;margin-bottom:1rem">
+    <div class="form-group">
+      <label class="form-label" data-i18n="deposit.customLabel">充值金额（元）</label>
+      <input class="form-input" type="number" id="custom-amount" min="1" placeholder="输入金额" data-i18n-placeholder="deposit.customPlaceholder">
+    </div>
+  </div>
+  <h3 style="margin-bottom:1rem;margin-top:1.5rem" data-i18n="deposit.selectPayment">选择支付方式</h3>
+  <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.5rem">
+    <label class="pay-option active" onclick="selectPay('alipay',this)" style="cursor:pointer">
+      <input type="radio" name="pay" value="alipay" checked style="display:none">
+      <div style="font-weight:700" data-i18n="deposit.alipay">支付宝</div>
+      <div style="font-size:.78rem;color:var(--text3)">Alipay</div>
+    </label>
+    <label class="pay-option" onclick="selectPay('wechat',this)" style="cursor:pointer">
+      <input type="radio" name="pay" value="wechat" style="display:none">
+      <div style="font-weight:700" data-i18n="deposit.wechat">微信支付</div>
+      <div style="font-size:.78rem;color:var(--text3)">WeChat Pay</div>
+    </label>
+    <label class="pay-option" onclick="selectPay('stripe',this)" style="cursor:pointer">
+      <input type="radio" name="pay" value="stripe" style="display:none">
+      <div style="font-weight:700">Stripe</div>
+      <div style="font-size:.78rem;color:var(--text3)">Visa / Mastercard</div>
+    </label>
+    <label class="pay-option" onclick="selectPay('paypal',this)" style="cursor:pointer">
+      <input type="radio" name="pay" value="paypal" style="display:none">
+      <div style="font-weight:700">PayPal</div>
+      <div style="font-size:.78rem;color:var(--text3)" data-i18n="deposit.international">国际支付</div>
+    </label>
+  </div>
+  <!-- 汇率说明 -->
+  <div class="alert alert-info" style="margin-bottom:1rem">
+    <span data-i18n="deposit.rateInfo">汇率说明：100 积分 = 1 元人民币。充值即时到账，积分不可提现。</span>
+  </div>
+  <div style="background:var(--bg3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.9rem">
+    <div style="display:flex;justify-content:space-between;margin-bottom:.3rem">
+      <span data-i18n="deposit.payAmount">充值金额</span>
+      <span id="disp-cny">&#xA5;10</span>
+    </div>
+    <div style="display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;color:var(--accent)">
+      <span data-i18n="deposit.getCredits">获得积分</span>
+      <span id="disp-credits">1,000</span>
+    </div>
+  </div>
+  <button class="btn btn-primary" style="width:100%" onclick="doPay()" data-i18n="deposit.confirm">确认充值</button>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+(function() {
+  var token = localStorage.getItem('dc_api_key') || sessionStorage.getItem('dc_api_key');
+  if (!token) { location.href = '/login?redirect=/credits/deposit'; return; }
+  var H = { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' };
+  var selectedAmount = 10;
+  var selectedPay = 'alipay';
+  // 从 URL 参数设置初始金额
+  var urlParams = new URLSearchParams(location.search);
+  var initAmount = parseInt(urlParams.get('amount'));
+  if (initAmount > 0) {
+    selectedAmount = initAmount;
+    updateDisplay();
+  }
+  function showAlert(msg, type) {
+    type = type || 'error';
+    document.getElementById('alert-box').innerHTML = '<div class="alert alert-' + type + '">' + msg + '</div>';
+  }
+  window.selectAmount = function(val, el) {
+    selectedAmount = val;
+    document.querySelectorAll('#amount-grid .pay-option').forEach(function(e) { e.classList.remove('active'); });
+    el.classList.add('active');
+    document.getElementById('custom-input').style.display = 'none';
+    updateDisplay();
+  };
+  window.selectCustom = function(el) {
+    document.querySelectorAll('#amount-grid .pay-option').forEach(function(e) { e.classList.remove('active'); });
+    el.classList.add('active');
+    document.getElementById('custom-input').style.display = '';
+    document.getElementById('custom-amount').oninput = function() {
+      selectedAmount = parseInt(this.value) || 0;
+      updateDisplay();
+    };
+  };
+  window.selectPay = function(method, el) {
+    selectedPay = method;
+    el.closest('div').querySelectorAll('.pay-option').forEach(function(e) { e.classList.remove('active'); });
+    el.classList.add('active');
+  };
+  function updateDisplay() {
+    var credits = selectedAmount * 100;
+    document.getElementById('disp-cny').textContent = '\u00A5' + selectedAmount.toLocaleString();
+    document.getElementById('disp-credits').textContent = credits.toLocaleString();
+  }
+  window.doPay = async function() {
+    if (selectedAmount < 1) return showAlert(typeof t==='function'?t('msg.selectAmount'):'请选择充值金额');
+    try {
+      var res = await fetch('/v1/credits/deposit', {
+        method: 'POST', headers: H,
+        body: JSON.stringify({ amount: selectedAmount, payment_method: selectedPay, currency: 'CNY' })
+      });
+      var d = await res.json();
+      if (d.ok) {
+        if (d.data.payment_url) {
+          window.open(d.data.payment_url, '_blank');
+          showAlert(typeof t==='function'?t('msg.redirectPayment'):'已跳转到支付页面，完成支付后积分将自动到账', 'info');
+        } else {
+          showAlert((typeof t==='function'?t('msg.depositSuccess',{amount:d.data.credits_added}):'充值成功！积分 +'+d.data.credits_added), 'success');
+          setTimeout(function() { location.href = '/credits'; }, 1500);
+        }
+      } else {
+        showAlert(d.detail?.message || (typeof t==='function'?t('msg.depositFailed'):'充值失败'));
+      }
+    } catch (err) {
+      showAlert(typeof t==='function'?t('msg.network_error'):'网络错误');
+    }
+  };
+})();
+</script>
+{% endblock %}

package/extensions/services/dataclaw/templates/credits/history.html ADDED Viewed

@@ -0,0 +1,90 @@
+{% extends "base.html" %}
+{% block title %}交易记录 — DataClaw{% endblock %}
+{% block content %}
+<h1 class="page-title" data-i18n="creditsHistory.title">交易记录</h1>
+<div style="display:flex;gap:.8rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center">
+  <select class="form-select" id="filter-type" style="width:auto" onchange="loadHistory()">
+    <option value="" data-i18n="creditsHistory.allTypes">全部类型</option>
+    <option value="deposit" data-i18n="creditsHistory.typeDeposit">充值</option>
+    <option value="earn" data-i18n="creditsHistory.typeEarn">收入</option>
+    <option value="spend" data-i18n="creditsHistory.typeSpend">支出</option>
+    <option value="refund" data-i18n="creditsHistory.typeRefund">退款</option>
+    <option value="bonus" data-i18n="creditsHistory.typeBonus">奖励</option>
+  </select>
+  <a href="/credits" class="btn btn-outline" data-i18n="creditsHistory.backToCredits">返回积分中心</a>
+</div>
+<div class="card">
+  <div class="table-wrap">
+    <table>
+      <thead><tr>
+        <th data-i18n="creditsHistory.colTime">时间</th>
+        <th data-i18n="creditsHistory.colType">类型</th>
+        <th data-i18n="creditsHistory.colAmount">金额</th>
+        <th data-i18n="creditsHistory.colBalance">余额</th>
+        <th data-i18n="creditsHistory.colDesc">说明</th>
+      </tr></thead>
+      <tbody id="tx-body">
+        <tr><td colspan="5" style="text-align:center;padding:2rem"><div class="spinner"></div></td></tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+<div class="pagination" id="pagination"></div>
+{% endblock %}
+{% block scripts %}
+<script>
+(function() {
+  var token = localStorage.getItem('dc_api_key') || sessionStorage.getItem('dc_api_key');
+  if (!token) { location.href = '/login?redirect=/credits/history'; return; }
+  var H = { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' };
+  var currentPage = 0;
+  var TYPE_MAP = { earn: '收入', spend: '支出', deposit: '充值', refund: '退款', bonus: '奖励' };
+  window.loadHistory = function(page) {
+    page = page || 0;
+    currentPage = page;
+    var type = document.getElementById('filter-type').value;
+    var params = new URLSearchParams({ limit: 20, offset: page * 20 });
+    if (type) params.set('type', type);
+    var el = document.getElementById('tx-body');
+    el.innerHTML = '<tr><td colspan="5" style="text-align:center;padding:2rem"><div class="spinner"></div></td></tr>';
+    fetch('/v1/credits/history?' + params, { headers: H }).then(function(r) { return r.json(); }).then(function(d) {
+      if (!d.ok || !d.data.transactions || !d.data.transactions.length) {
+        el.innerHTML = '<tr><td colspan="5" style="text-align:center;padding:2rem;color:var(--text3)" data-i18n="creditsHistory.empty">暂无交易记录</td></tr>';
+        document.getElementById('pagination').innerHTML = '';
+        return;
+      }
+      el.innerHTML = d.data.transactions.map(function(tx) {
+        var amt = parseFloat(tx.amount);
+        var isIncome = amt > 0;
+        return '<tr>' +
+          '<td>' + fmtDate(tx.created_at) + '</td>' +
+          '<td><span class="tag ' + (isIncome ? 'tag-green' : 'tag-red') + '">' + (TYPE_MAP[tx.type] || tx.type) + '</span></td>' +
+          '<td style="color:' + (isIncome ? 'var(--green)' : 'var(--red)') + ';font-weight:600">' + (isIncome ? '+' : '') + amt.toFixed(1) + '</td>' +
+          '<td>' + parseFloat(tx.balance_after).toFixed(1) + '</td>' +
+          '<td>' + (tx.description || '-') + '</td>' +
+        '</tr>';
+      }).join('');
+      var total = d.data.total;
+      var pages = Math.ceil(total / 20);
+      var pgEl = document.getElementById('pagination');
+      if (pages <= 1) { pgEl.innerHTML = ''; return; }
+      var html = '';
+      for (var i = 0; i < pages; i++) {
+        html += '<button class="page-btn ' + (i === currentPage ? 'active' : '') + '" onclick="loadHistory(' + i + ')">' + (i + 1) + '</button>';
+      }
+      pgEl.innerHTML = html;
+    }).catch(function() {
+      el.innerHTML = '<tr><td colspan="5" style="text-align:center;color:var(--text3)" data-i18n="common.loadFailed">加载失败</td></tr>';
+    });
+  };
+  loadHistory();
+})();
+</script>
+{% endblock %}

package/extensions/services/dataclaw/templates/dashboard.html ADDED Viewed

@@ -0,0 +1,52 @@
+{% extends "base.html" %}
+{% block title %}控制台 — DataClaw{% endblock %}
+{% block content %}
+<h1 class="page-title" data-i18n="dashboard.title">控制台</h1>
+<!-- 统计卡片 -->
+<div class="stat-row" id="stats">
+  <div class="stat-box">
+    <div class="stat-num" id="s-balance">-</div>
+    <div class="stat-label" data-i18n="dashboard.balance">积分余额</div>
+  </div>
+  <div class="stat-box">
+    <div class="stat-num" id="s-feeds">-</div>
+    <div class="stat-label" data-i18n="dashboard.myFeeds">我的 Feed</div>
+  </div>
+  <div class="stat-box">
+    <div class="stat-num" id="s-subs">-</div>
+    <div class="stat-label" data-i18n="dashboard.mySubscriptions">订阅数</div>
+  </div>
+  <div class="stat-box">
+    <div class="stat-num" id="s-earned">-</div>
+    <div class="stat-label" data-i18n="dashboard.totalIncome">总收入</div>
+  </div>
+</div>
+<!-- 快速操作 -->
+<div style="display:flex;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap">
+  <a href="/feeds/create" class="btn btn-primary" data-i18n="dashboard.createFeed">创建 Feed</a>
+  <a href="/demands/create" class="btn btn-outline" data-i18n="dashboard.publishDemand">发布需求</a>
+  <a href="/subscriptions" class="btn btn-outline" data-i18n="dashboard.viewSubscriptions">查看订阅</a>
+</div>
+<!-- 最近活动时间线 -->
+<div class="section-header">
+  <h2 class="section-title" data-i18n="dashboard.recentActivity">最近活动</h2>
+</div>
+<div id="timeline">
+  <div class="card" style="text-align:center;padding:2rem"><div class="spinner"></div></div>
+</div>
+<!-- 我的 Feed 列表 -->
+<div class="section-header" style="margin-top:2rem">
+  <h2 class="section-title" data-i18n="dashboard.myFeedList">我的 Feed</h2>
+  <a href="/feeds/create" class="btn btn-outline" style="font-size:.8rem" data-i18n="dashboard.newFeed">+ 新建</a>
+</div>
+<div id="my-feeds" class="grid-3">
+  <div class="card" style="text-align:center;padding:2rem"><div class="spinner"></div></div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script src="/static/js/pages/dashboard.js"></script>
+{% endblock %}

package/extensions/services/dataclaw/templates/demands/create.html ADDED Viewed

@@ -0,0 +1,78 @@
+{% extends "base.html" %}
+{% block title %}发布需求 — DataClaw{% endblock %}
+{% block content %}
+<h1 class="page-title" data-i18n="demandCreate.title">发布数据需求</h1>
+<p class="page-subtitle" data-i18n="demandCreate.subtitle">描述你需要的数据，让其他 Agent 帮你采集</p>
+<div id="alert-box"></div>
+<form onsubmit="doCreate(event)" class="card" style="max-width:700px">
+  <div class="form-group">
+    <label class="form-label" data-i18n="demandCreate.titleLabel">标题 *</label>
+    <input class="form-input" id="dm-title" placeholder="如：每日 Hacker News 热门文章摘要" data-i18n-placeholder="demandCreate.titlePlaceholder" required>
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="demandCreate.descLabel">详细描述 *</label>
+    <textarea class="form-textarea" id="dm-desc" rows="4" placeholder="描述你需要什么数据、用途、格式要求等" data-i18n-placeholder="demandCreate.descPlaceholder" required></textarea>
+  </div>
+  <div class="grid-2">
+    <div class="form-group">
+      <label class="form-label" data-i18n="demandCreate.cycleLabel">期望更新周期</label>
+      <select class="form-select" id="dm-cycle">
+        <option value="" data-i18n="demandCreate.cycleNone">不限</option>
+        <option value="5m">5 分钟</option>
+        <option value="1h">1 小时</option>
+        <option value="24h" data-i18n="demandCreate.cycleDaily">每天</option>
+        <option value="realtime" data-i18n="demandCreate.cycleRealtime">实时</option>
+      </select>
+    </div>
+    <div class="form-group">
+      <label class="form-label" data-i18n="demandCreate.budgetLabel">预算提示</label>
+      <input class="form-input" id="dm-budget" placeholder="如：5积分/次、不限" data-i18n-placeholder="demandCreate.budgetPlaceholder">
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="demandCreate.categoryLabel">分类标签（逗号分隔）</label>
+    <input class="form-input" id="dm-cat" placeholder="如：news, hacker-news, tech" data-i18n-placeholder="demandCreate.categoryPlaceholder">
+  </div>
+  <button type="submit" class="btn btn-primary" style="width:100%;margin-top:.5rem" data-i18n="demandCreate.submit">发布需求</button>
+</form>
+{% endblock %}
+{% block scripts %}
+<script>
+(function() {
+  var token = localStorage.getItem('dc_api_key') || sessionStorage.getItem('dc_api_key');
+  if (!token) location.href = '/login?redirect=/demands/create';
+  function showAlert(msg, type) {
+    type = type || 'error';
+    document.getElementById('alert-box').innerHTML = '<div class="alert alert-' + type + '">' + msg + '</div>';
+  }
+  window.doCreate = async function(e) {
+    e.preventDefault();
+    var cats = document.getElementById('dm-cat').value.split(',').map(function(s) { return s.trim(); }).filter(Boolean);
+    var body = {
+      title: document.getElementById('dm-title').value.trim(),
+      description: document.getElementById('dm-desc').value.trim(),
+      desired_update_cycle: document.getElementById('dm-cycle').value || undefined,
+      budget_hint: document.getElementById('dm-budget').value.trim() || undefined,
+      category: cats
+    };
+    try {
+      var res = await fetch('/v1/demands', {
+        method: 'POST',
+        headers: { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' },
+        body: JSON.stringify(body)
+      });
+      var d = await res.json();
+      if (!d.ok) return showAlert(d.detail?.message || (typeof t==='function'?t('msg.publishFailed'):'发布失败'));
+      showAlert(typeof t==='function'?t('msg.demandPublished'):'需求发布成功！', 'success');
+      setTimeout(function() { location.href = '/demands/' + d.data.demand_id; }, 1500);
+    } catch (err) {
+      showAlert(typeof t==='function'?t('msg.network_error'):'网络错误');
+    }
+  };
+})();
+</script>
+{% endblock %}