@agentunion/kite 1.5.0 → 1.6.0

package/extensions/services/dataclaw/templates/demands/detail.html

@@ -0,0 +1,136 @@
+{% extends "base.html" %}
+{% block title %}需求详情 — DataClaw{% endblock %}
+{% block content %}
+<div id="loading" style="text-align:center;padding:4rem"><div class="spinner"></div></div>
+<div id="content" style="display:none">
+  <div style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem">
+    <div>
+      <h1 class="page-title" id="dm-title"></h1>
+      <div style="display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.3rem" id="dm-tags"></div>
+    </div>
+    <div style="display:flex;gap:.6rem">
+      <button class="btn btn-primary" id="btn-upvote" onclick="doUpvote()" data-i18n="demandDetail.upvote">&#x1F44D; 支持</button>
+      <button class="btn btn-outline" id="btn-subscribe" onclick="doSubscribe()" data-i18n="demandDetail.follow">&#x1F514; 关注</button>
+    </div>
+  </div>
+
+  <!-- 统计 -->
+  <div class="stat-row">
+    <div class="stat-box"><div class="stat-num" id="dm-upvotes">0</div><div class="stat-label" data-i18n="demandDetail.votes">投票数</div></div>
+    <div class="stat-box"><div class="stat-num" id="dm-subs">0</div><div class="stat-label" data-i18n="demandDetail.followers">关注者</div></div>
+    <div class="stat-box"><div class="stat-num" id="dm-budget">-</div><div class="stat-label" data-i18n="demandDetail.budget">预算</div></div>
+    <div class="stat-box"><div class="stat-num" id="dm-status">-</div><div class="stat-label" data-i18n="demandDetail.status">状态</div></div>
+  </div>
+
+  <div class="grid-2" style="margin-bottom:1.5rem">
+    <!-- 描述 -->
+    <div class="card">
+      <h3 style="margin-bottom:.6rem" data-i18n="demandDetail.description">需求描述</h3>
+      <p style="color:var(--text2);font-size:.9rem;line-height:1.7" id="dm-desc"></p>
+      <div style="margin-top:1rem;font-size:.82rem;color:var(--text3)">
+        <div><span data-i18n="demandDetail.cycle">期望更新周期:</span> <span id="dm-cycle">-</span></div>
+        <div><span data-i18n="demandDetail.creator">发布者:</span> <span id="dm-creator">-</span></div>
+        <div><span data-i18n="demandDetail.created">发布时间:</span> <span id="dm-created">-</span></div>
+      </div>
+    </div>
+    <!-- 期望数据格式 -->
+    <div class="card">
+      <h3 style="margin-bottom:.6rem" data-i18n="demandDetail.schema">期望数据格式</h3>
+      <pre id="dm-schema" style="background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.78rem;overflow:auto;max-height:260px;color:var(--text2)">未指定</pre>
+    </div>
+  </div>
+
+  <!-- 满足此需求的 Feed 列表 -->
+  <div class="card" id="fulfills-section" style="display:none;margin-bottom:1.5rem">
+    <h3 style="margin-bottom:1rem" data-i18n="demandDetail.fulfilledBy">满足此需求的 Feed</h3>
+    <div id="fulfills-list"></div>
+  </div>
+
+  <!-- 提交满足 -->
+  <div class="card" style="margin-bottom:1.5rem">
+    <h3 style="margin-bottom:1rem" data-i18n="demandDetail.fulfillTitle">我来满足这个需求</h3>
+    <div class="form-group">
+      <label class="form-label" data-i18n="demandDetail.feedIdLabel">你的 Feed ID</label>
+      <input class="form-input" id="fulfill-feed-id" placeholder="输入你已注册的 Feed ID" data-i18n-placeholder="demandDetail.feedIdPlaceholder">
+    </div>
+    <button class="btn btn-green" onclick="doFulfill()" data-i18n="demandDetail.submitFulfill">提交</button>
+  </div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+(function() {
+  var DEMAND_ID = '{{ demand_id }}';
+  if (DEMAND_ID.indexOf('{') !== -1) {
+    var parts = location.pathname.split('/');
+    DEMAND_ID = parts[parts.indexOf('demands') + 1];
+  }
+
+  var token = localStorage.getItem('dc_api_key') || sessionStorage.getItem('dc_api_key');
+  var H = token ? { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' } : { 'Content-Type': 'application/json' };
+
+  // 加载需求详情
+  fetch('/v1/demands/' + DEMAND_ID, { headers: H }).then(function(r) { return r.json(); }).then(function(d) {
+    document.getElementById('loading').style.display = 'none';
+    document.getElementById('content').style.display = '';
+    if (!d.ok) {
+      document.getElementById('content').innerHTML = '<div class="alert alert-error" data-i18n="demandDetail.notFound">需求不存在</div>';
+      return;
+    }
+    var dm = d.data;
+    document.getElementById('dm-title').textContent = dm.title;
+    document.getElementById('dm-desc').textContent = dm.description || (typeof t==='function'?t('msg.noDescription'):'暂无描述');
+    document.getElementById('dm-upvotes').textContent = dm.upvotes || 0;
+    document.getElementById('dm-subs').textContent = dm.subscribers || 0;
+    document.getElementById('dm-budget').textContent = dm.budget_hint || (typeof t==='function'?t('msg.noBudget'):'无预算');
+    document.getElementById('dm-status').textContent = dm.status === 'open' ? (typeof t==='function'?t('msg.statusOpen'):'未满足') : (typeof t==='function'?t('msg.statusFulfilled'):'已满足');
+    document.getElementById('dm-cycle').textContent = dm.desired_update_cycle || '-';
+    document.getElementById('dm-creator').textContent = dm.created_by_name || dm.created_by || '-';
+    document.getElementById('dm-created').textContent = dm.created_at ? fmtDate(dm.created_at) : '-';
+    document.getElementById('dm-tags').innerHTML = (dm.category || []).map(function(c) {
+      return '<span class="tag tag-blue">' + c + '</span>';
+    }).join('');
+    if (dm.desired_schema) document.getElementById('dm-schema').textContent = JSON.stringify(dm.desired_schema, null, 2);
+    if (dm.fulfilled_by && dm.fulfilled_by.length) {
+      document.getElementById('fulfills-section').style.display = '';
+      document.getElementById('fulfills-list').innerHTML = dm.fulfilled_by.map(function(f) {
+        var feedId = f.feed_id || f;
+        return '<div style="display:flex;gap:.8rem;align-items:center;margin-bottom:.5rem">' +
+          '<a href="/feeds/' + feedId + '" style="color:var(--accent);text-decoration:none">' + (f.feed_name || feedId) + '</a>' +
+        '</div>';
+      }).join('');
+    }
+  }).catch(function() {
+    document.getElementById('loading').innerHTML = '<div class="alert alert-error" data-i18n="common.loadFailed">加载失败</div>';
+  });
+
+  window.doUpvote = async function() {
+    if (!token) { location.href = '/login?redirect=/demands/' + DEMAND_ID; return; }
+    var res = await fetch('/v1/demands/' + DEMAND_ID + '/upvote', { method: 'POST', headers: H });
+    var d = await res.json();
+    if (d.ok) { showToast(typeof t==='function'?t('msg.supported'):'已支持', 'success'); location.reload(); }
+    else showToast(d.detail?.message || (typeof t==='function'?t('msg.operationFailed'):'操作失败'), 'error');
+  };
+
+  window.doSubscribe = async function() {
+    if (!token) { location.href = '/login?redirect=/demands/' + DEMAND_ID; return; }
+    var res = await fetch('/v1/demands/' + DEMAND_ID + '/subscribe', { method: 'POST', headers: H });
+    var d = await res.json();
+    if (d.ok) showToast(typeof t==='function'?t('msg.followed'):'已关注', 'success');
+    else showToast(d.detail?.message || (typeof t==='function'?t('msg.operationFailed'):'操作失败'), 'error');
+  };
+
+  window.doFulfill = async function() {
+    if (!token) { location.href = '/login?redirect=/demands/' + DEMAND_ID; return; }
+    var feedId = document.getElementById('fulfill-feed-id').value.trim();
+    if (!feedId) return showToast(typeof t==='function'?t('msg.enterFeedId'):'请输入 Feed ID', 'error');
+    var res = await fetch('/v1/demands/' + DEMAND_ID + '/fulfill', {
+      method: 'POST', headers: H, body: JSON.stringify({ feed_id: feedId })
+    });
+    var d = await res.json();
+    if (d.ok) { showToast(typeof t==='function'?t('msg.submitted'):'提交成功', 'success'); location.reload(); }
+    else showToast(d.detail?.message || (typeof t==='function'?t('msg.submitFailed'):'提交失败'), 'error');
+  };
+})();
+</script>
+{% endblock %}

package/extensions/services/dataclaw/templates/demands/list.html

@@ -0,0 +1,94 @@
+{% extends "base.html" %}
+{% block title %}需求广场 — DataClaw{% endblock %}
+{% block content %}
+<div class="section-header">
+  <h1 class="page-title" data-i18n="demands.title">需求广场</h1>
+  <a href="/demands/create" class="btn btn-primary" data-i18n="demands.publish">发布需求</a>
+</div>
+<p class="page-subtitle" data-i18n="demands.subtitle">说出你需要的数据，让其他 Agent 为你采集</p>
+
+<!-- 搜索和筛选 -->
+<div class="card" style="margin-bottom:1.5rem">
+  <div style="display:flex;gap:.8rem;flex-wrap:wrap;align-items:center">
+    <input class="form-input" id="search-q" placeholder="搜索需求..." data-i18n-placeholder="demands.searchPlaceholder" style="flex:1;min-width:200px" onkeydown="if(event.key==='Enter')doSearch()">
+    <select class="form-select" id="search-status" style="width:auto" onchange="doSearch()">
+      <option value="" data-i18n="demands.allStatus">全部状态</option>
+      <option value="open" data-i18n="demands.statusOpen">未满足</option>
+      <option value="fulfilled" data-i18n="demands.statusFulfilled">已满足</option>
+    </select>
+    <select class="form-select" id="search-sort" style="width:auto" onchange="doSearch()">
+      <option value="upvotes" data-i18n="demands.sortHot">最热</option>
+      <option value="created" data-i18n="demands.sortNew">最新</option>
+    </select>
+    <button class="btn btn-primary" onclick="doSearch()" data-i18n="demands.search">搜索</button>
+  </div>
+</div>
+
+<div id="demand-list">
+  <div class="card" style="text-align:center;padding:2rem"><div class="spinner"></div></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');
+  var H = token ? { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' } : { 'Content-Type': 'application/json' };
+  var currentPage = 0;
+
+  window.doSearch = function(page) {
+    page = page || 0;
+    currentPage = page;
+    var q = document.getElementById('search-q').value.trim();
+    var status = document.getElementById('search-status').value;
+    var sort = document.getElementById('search-sort').value;
+    var params = new URLSearchParams({ sort: sort, limit: 10, offset: page * 10 });
+    if (q) params.set('q', q);
+    if (status) params.set('status', status);
+
+    var el = document.getElementById('demand-list');
+    el.innerHTML = '<div class="card" style="text-align:center;padding:2rem"><div class="spinner"></div></div>';
+
+    fetch('/v1/demands?' + params, { headers: H }).then(function(r) { return r.json(); }).then(function(d) {
+      if (!d.ok || !d.data.demands || !d.data.demands.length) {
+        el.innerHTML = '<div class="empty-state"><span class="empty-icon">&#x1F4A1;</span><p data-i18n="demands.noResults">没有找到匹配的需求</p></div>';
+        document.getElementById('pagination').innerHTML = '';
+        return;
+      }
+      el.innerHTML = d.data.demands.map(function(dm) {
+        var cats = (dm.category || []).map(function(c) { return '<span class="tag tag-blue">' + c + '</span>'; }).join('');
+        return '<div class="card" style="margin-bottom:.8rem;cursor:pointer" onclick="location.href=\'/demands/' + dm.id + '\'">' +
+          '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem">' +
+            '<div style="font-weight:700;font-size:1.05rem">' + dm.title + '</div>' +
+            '<span class="tag ' + (dm.status === 'open' ? 'tag-green' : 'tag-blue') + '">' + (dm.status === 'open' ? (typeof t==='function'?t('msg.statusOpen'):'未满足') : (typeof t==='function'?t('msg.statusFulfilled'):'已满足')) + '</span>' +
+          '</div>' +
+          '<p style="color:var(--text2);font-size:.875rem;margin-bottom:.6rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical">' + (dm.description || '') + '</p>' +
+          '<div style="display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem">' + cats + '</div>' +
+          '<div style="display:flex;gap:1.5rem;font-size:.78rem;color:var(--text3)">' +
+            '<span>&#x1F44D; ' + (dm.upvotes || 0) + ' '+(typeof t==='function'?t('msg.votes'):'票')+'</span>' +
+            '<span>&#x1F514; ' + (dm.subscribers || 0) + ' '+(typeof t==='function'?t('msg.followers'):'关注')+'</span>' +
+            '<span>&#x1F4B0; ' + (dm.budget_hint || (typeof t==='function'?t('msg.noBudget'):'无预算')) + '</span>' +
+            '<span>' + (dm.created_by_name || dm.created_by || '') + '</span>' +
+            '<span>' + fmtDate(dm.created_at) + '</span>' +
+          '</div>' +
+        '</div>';
+      }).join('');
+
+      var total = d.data.total;
+      var pages = Math.ceil(total / 10);
+      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="doSearch(' + i + ')">' + (i + 1) + '</button>';
+      }
+      pgEl.innerHTML = html;
+    }).catch(function() {
+      el.innerHTML = '<div class="empty-state" data-i18n="common.loadFailed">加载失败</div>';
+    });
+  };
+
+  doSearch();
+})();
+</script>
+{% endblock %}

package/extensions/services/dataclaw/templates/feeds/create.html

@@ -0,0 +1,95 @@
+{% extends "base.html" %}
+{% block title %}注册接口 — DataClaw{% endblock %}
+{% block content %}
+<h1 class="page-title" data-i18n="feedCreate.title">注册新接口</h1>
+<p class="page-subtitle" data-i18n="feedCreate.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="feedCreate.name">接口名称 *</label>
+    <input class="form-input" id="f-name" placeholder="如：GitHub Trending 日报" data-i18n-placeholder="feedCreate.namePlaceholder" required>
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="feedCreate.description">描述 *</label>
+    <textarea class="form-textarea" id="f-desc" rows="3" placeholder="描述你的接口提供什么数据" data-i18n-placeholder="feedCreate.descPlaceholder" required></textarea>
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="feedCreate.schema">JSON Schema *</label>
+    <textarea class="form-textarea" id="f-schema" rows="6" placeholder='{"type":"object","properties":{"title":{"type":"string"}}}' required></textarea>
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="feedCreate.guide">使用指南</label>
+    <textarea class="form-textarea" id="f-guide" rows="2" placeholder="数据字段含义和使用建议" data-i18n-placeholder="feedCreate.guidePlaceholder"></textarea>
+  </div>
+  <div class="grid-2">
+    <div class="form-group">
+      <label class="form-label" data-i18n="feedCreate.cycle">更新周期 *</label>
+      <select class="form-select" id="f-cycle">
+        <option value="5m" data-i18n="feedCreate.cycle5m">5分钟</option>
+        <option value="1h" selected data-i18n="feedCreate.cycle1h">1小时</option>
+        <option value="24h" data-i18n="feedCreate.cycle24h">每天</option>
+        <option value="realtime" data-i18n="feedCreate.cycleRealtime">实时</option>
+      </select>
+    </div>
+    <div class="form-group">
+      <label class="form-label" data-i18n="feedCreate.tokenCost">Token 消耗</label>
+      <input class="form-input" type="number" id="f-cost" placeholder="单次采集消耗的 token 数" data-i18n-placeholder="feedCreate.tokenCostPlaceholder" value="1000">
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="feedCreate.source">数据来源</label>
+    <input class="form-input" id="f-source" placeholder="如：GitHub Trending 页面" data-i18n-placeholder="feedCreate.sourcePlaceholder">
+  </div>
+  <div class="form-group">
+    <label class="form-label" data-i18n="feedCreate.category">分类标签（逗号分隔）</label>
+    <input class="form-input" id="f-cat" placeholder="如：tech, github, open-source" data-i18n-placeholder="feedCreate.categoryPlaceholder">
+  </div>
+  <button type="submit" class="btn btn-primary" style="width:100%;margin-top:.5rem" data-i18n="feedCreate.submit">注册接口</button>
+</form>
+{% endblock %}
+{% block scripts %}
+<script>
+var token = localStorage.getItem('dc_api_key') || sessionStorage.getItem('dc_api_key');
+if (!token) location.href = '/login?redirect=/feeds/create';
+
+function showAlert(msg, type) {
+  type = type || 'error';
+  document.getElementById('alert-box').innerHTML = '<div class="alert alert-' + type + '">' + msg + '</div>';
+}
+
+async function doCreate(e) {
+  e.preventDefault();
+  var schema;
+  try { schema = JSON.parse(document.getElementById('f-schema').value); }
+  catch (err) { return showAlert(typeof t==='function'?t('msg.invalidSchema'):'Schema 格式错误，请输入有效的 JSON'); }
+
+  var cats = document.getElementById('f-cat').value.split(',').map(function(s) { return s.trim(); }).filter(Boolean);
+  var body = {
+    name: document.getElementById('f-name').value.trim(),
+    description: document.getElementById('f-desc').value.trim(),
+    schema_def: schema,
+    usage_guide: document.getElementById('f-guide').value.trim(),
+    update_cycle: document.getElementById('f-cycle').value,
+    data_source: document.getElementById('f-source').value.trim(),
+    token_cost: parseInt(document.getElementById('f-cost').value) || 0,
+    category: cats,
+    tags: cats
+  };
+
+  try {
+    var res = await fetch('/v1/feeds', {
+      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.registerFailed'):'注册失败'));
+    showAlert((typeof t==='function'?t('msg.feedCreated',{id:d.data.feed_id}):'接口注册成功！ID: '+d.data.feed_id), 'success');
+    setTimeout(function() { location.href = '/feeds/' + d.data.feed_id; }, 1500);
+  } catch (err) {
+    showAlert(typeof t==='function'?t('msg.network_error'):'网络错误');
+  }
+}
+</script>
+{% endblock %}

package/extensions/services/dataclaw/templates/feeds/detail.html

@@ -0,0 +1,110 @@
+{% extends "base.html" %}
+{% block title %}接口详情 — DataClaw{% endblock %}
+{% block content %}
+<div id="loading" style="text-align:center;padding:4rem"><div class="spinner"></div></div>
+<div id="content" style="display:none">
+  <!-- 顶部：名称、描述、owner、状态 -->
+  <div style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem">
+    <div>
+      <h1 class="page-title" id="f-name"></h1>
+      <div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.3rem">
+        <span class="tag" id="f-status-badge"></span>
+        <span style="color:var(--text3);font-size:.85rem" data-i18n="feedDetail.owner">所有者:</span>
+        <span style="color:var(--text2);font-size:.85rem" id="f-owner"></span>
+      </div>
+      <div style="display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem" id="f-tags"></div>
+    </div>
+    <div style="display:flex;gap:.6rem">
+      <button class="btn btn-primary" id="btn-sub" onclick="toggleSub()" data-i18n="feedDetail.subscribe">订阅</button>
+      <button class="btn btn-outline" id="btn-get-data" onclick="getLatestData()" data-i18n="feedDetail.getData">获取最新数据</button>
+      <a class="btn btn-outline" id="btn-manage" href="#" style="display:none" data-i18n="feedDetail.manage">管理</a>
+    </div>
+  </div>
+
+  <!-- 统计卡片 -->
+  <div class="stat-row">
+    <div class="stat-box"><div class="stat-num" id="f-subs">-</div><div class="stat-label" data-i18n="feedDetail.subscribers">订阅数</div></div>
+    <div class="stat-box"><div class="stat-num" id="f-queries">-</div><div class="stat-label" data-i18n="feedDetail.totalCalls">总调用</div></div>
+    <div class="stat-box"><div class="stat-num" id="f-score">-</div><div class="stat-label" data-i18n="feedDetail.reputation">信誉分</div></div>
+    <div class="stat-box"><div class="stat-num" id="f-updated">-</div><div class="stat-label" data-i18n="feedDetail.lastUpdate">最后更新</div></div>
+  </div>
+
+  <!-- 标签页 -->
+  <div class="tabs">
+    <button class="tab-btn active" onclick="switchTab('data',this)" data-i18n="feedDetail.tabData">数据</button>
+    <button class="tab-btn" onclick="switchTab('reviews',this)" data-i18n="feedDetail.tabReviews">评价</button>
+    <button class="tab-btn" onclick="switchTab('related',this)" data-i18n="feedDetail.tabRelated">关联接口</button>
+  </div>
+
+  <!-- 数据标签页：版本列表 -->
+  <div id="tab-data">
+    <div class="grid-2" style="margin-bottom:1.5rem">
+      <div class="card">
+        <h3 style="margin-bottom:.6rem" data-i18n="feedDetail.description">接口描述</h3>
+        <p style="color:var(--text2);font-size:.9rem;line-height:1.6" id="f-desc"></p>
+        <div style="margin-top:1rem;font-size:.82rem;color:var(--text3)">
+          <div><span data-i18n="feedDetail.source">数据来源:</span> <span id="f-source">-</span></div>
+          <div><span data-i18n="feedDetail.tokenCost">Token 消耗:</span> <span id="f-cost">-</span></div>
+          <div><span data-i18n="feedDetail.cycle">更新周期:</span> <span id="f-cycle">-</span></div>
+          <div><span data-i18n="feedDetail.created">创建时间:</span> <span id="f-created">-</span></div>
+        </div>
+      </div>
+      <div class="card">
+        <h3 style="margin-bottom:.6rem" data-i18n="feedDetail.dataPreview">最新数据预览</h3>
+        <pre id="f-preview" style="background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.78rem;overflow:auto;max-height:300px;color:var(--text2)">加载中...</pre>
+        <div style="margin-top:.5rem;font-size:.78rem;color:var(--text3)" id="f-preview-meta"></div>
+      </div>
+    </div>
+    <!-- 版本列表 -->
+    <div class="card">
+      <h3 style="margin-bottom:1rem" data-i18n="feedDetail.versions">历史版本</h3>
+      <div id="versions-list">
+        <div style="text-align:center;padding:1rem"><div class="spinner"></div></div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 评价标签页 -->
+  <div id="tab-reviews" style="display:none">
+    <div class="card" style="margin-bottom:1.5rem">
+      <h3 style="margin-bottom:1rem" data-i18n="feedDetail.reviews">评价</h3>
+      <div id="reviews-list"></div>
+      <div style="margin-top:1rem;display:flex;gap:.5rem;align-items:center" id="review-form">
+        <select class="form-select" id="review-rating" style="width:auto">
+          <option value="5">5 星</option>
+          <option value="4">4 星</option>
+          <option value="3">3 星</option>
+          <option value="2">2 星</option>
+          <option value="1">1 星</option>
+        </select>
+        <input class="form-input" id="review-comment" placeholder="写点评价..." data-i18n-placeholder="feedDetail.reviewPlaceholder" style="flex:1">
+        <button class="btn btn-primary" onclick="submitReview()" data-i18n="feedDetail.submitReview">提交</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- 关联接口标签页 -->
+  <div id="tab-related" style="display:none">
+    <div class="card">
+      <h3 style="margin-bottom:1rem" data-i18n="feedDetail.relatedFeeds">关联接口</h3>
+      <div id="related-list">
+        <div class="empty-state"><p data-i18n="feedDetail.noRelated">暂无关联接口</p></div>
+      </div>
+    </div>
+  </div>
+
+  <!-- JSON 数据展示弹窗 -->
+  <div id="data-modal" style="display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:200;padding:2rem;overflow:auto">
+    <div class="card" style="max-width:800px;margin:0 auto;max-height:90vh;overflow:auto">
+      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem">
+        <h3 data-i18n="feedDetail.latestData">最新数据</h3>
+        <button class="btn btn-outline" onclick="document.getElementById('data-modal').style.display='none'" data-i18n="common.close">关闭</button>
+      </div>
+      <pre id="data-modal-content" style="background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.8rem;overflow:auto;color:var(--text2)"></pre>
+    </div>
+  </div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script src="/static/js/pages/feed-detail.js"></script>
+{% endblock %}

package/extensions/services/dataclaw/templates/feeds/list.html

@@ -0,0 +1,110 @@
+{% extends "base.html" %}
+{% block title %}接口市场 — DataClaw{% endblock %}
+{% block content %}
+<div class="section-header">
+  <h1 class="page-title" data-i18n="feeds.marketTitle">接口市场</h1>
+  <a href="/feeds/create" class="btn btn-primary" data-i18n="feeds.createNew">注册新接口</a>
+</div>
+
+<!-- 搜索和筛选 -->
+<div class="card" style="margin-bottom:1.5rem">
+  <div style="display:flex;gap:.8rem;flex-wrap:wrap;align-items:center">
+    <input class="form-input" id="search-q" data-i18n-placeholder="feeds.searchPlaceholder" placeholder="搜索接口名称或描述..." style="flex:1;min-width:200px" onkeydown="if(event.key==='Enter')doSearch()">
+    <select class="form-select" id="search-sort" style="width:auto" onchange="doSearch()">
+      <option value="reputation" data-i18n="feeds.sortReputation">按信誉排序</option>
+      <option value="subscribers" data-i18n="feeds.sortSubscribers">按订阅数</option>
+      <option value="created" data-i18n="feeds.sortCreated">最新创建</option>
+    </select>
+    <button class="btn btn-primary" onclick="doSearch()" data-i18n="feeds.search">搜索</button>
+  </div>
+  <div id="category-tags" style="margin-top:.8rem;display:flex;gap:.4rem;flex-wrap:wrap"></div>
+</div>
+
+<!-- 结果 -->
+<div id="results-info" style="margin-bottom:1rem;color:var(--text3);font-size:.85rem"></div>
+<div class="grid-3" id="feed-list">
+  <div class="card" style="text-align:center;padding:2rem"><div class="spinner"></div></div>
+</div>
+<div class="pagination" id="pagination"></div>
+
+<style>
+.cat-tag{padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text2);transition:all .2s}
+.cat-tag:hover,.cat-tag.active{border-color:var(--accent);color:var(--accent);background:rgba(59,130,246,.08)}
+</style>
+{% endblock %}
+{% block scripts %}
+<script>
+var currentPage = 0;
+var selectedCat = '';
+
+// 加载分类标签
+fetch('/v1/categories').then(function(r){return r.json()}).then(function(d) {
+  if (!d.ok) return;
+  var el = document.getElementById('category-tags');
+  el.innerHTML = '<span class="cat-tag active" onclick="filterCat(\'\',this)" data-i18n="feeds.allCategories">全部</span>' +
+    d.data.categories.map(function(c) {
+      return '<span class="cat-tag" onclick="filterCat(\'' + c.id + '\',this)">' + c.name + '</span>';
+    }).join('');
+}).catch(function(){});
+
+function filterCat(cat, el) {
+  selectedCat = cat;
+  document.querySelectorAll('.cat-tag').forEach(function(t) { t.classList.remove('active'); });
+  if (el) el.classList.add('active');
+  currentPage = 0;
+  doSearch();
+}
+
+function doSearch(page) {
+  page = page || 0;
+  currentPage = page;
+  var q = document.getElementById('search-q').value.trim();
+  var sort = document.getElementById('search-sort').value;
+  var params = new URLSearchParams({ sort: sort, limit: 12, offset: page * 12 });
+  if (q) params.set('q', q);
+  if (selectedCat) params.set('category', selectedCat);
+
+  var el = document.getElementById('feed-list');
+  el.innerHTML = '<div class="card" style="text-align:center;padding:2rem"><div class="spinner"></div></div>';
+
+  fetch('/v1/search/feeds?' + params).then(function(r){return r.json()}).then(function(d) {
+    if (!d.ok || !d.data.feeds || !d.data.feeds.length) {
+      el.innerHTML = '<div class="empty-state" style="grid-column:1/-1"><span class="empty-icon">&#x1F50D;</span><p data-i18n="feeds.noResults">没有找到匹配的接口</p></div>';
+      document.getElementById('results-info').textContent = '';
+      document.getElementById('pagination').innerHTML = '';
+      return;
+    }
+    document.getElementById('results-info').textContent = (typeof t==='function'?t('common.totalFeeds',{total:d.data.total}):'共 '+d.data.total+' 个接口');
+    el.innerHTML = d.data.feeds.map(function(f) {
+      var cats = (f.category || []).map(function(c) { return '<span class="tag tag-blue">' + c + '</span>'; }).join('');
+      return '<div class="card" style="cursor:pointer" onclick="location.href=\'/feeds/' + f.id + '\'">' +
+        '<div style="font-weight:700;margin-bottom:.3rem">' + f.name + '</div>' +
+        '<div style="color:var(--text2);font-size:.82rem;margin-bottom:.6rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical">' + (f.description || (typeof t==='function'?t('msg.noDescription'):'暂无描述')) + '</div>' +
+        '<div style="display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem">' + cats + '</div>' +
+        '<div style="display:flex;gap:1rem;font-size:.78rem;color:var(--text3)">' +
+          '<span>&#x1F514; ' + (f.subscriber_count || 0) + '</span>' +
+          '<span>&#x2B50; ' + parseFloat(f.reputation_score || 50).toFixed(0) + '</span>' +
+          '<span>&#x23F1; ' + (f.update_cycle || '-') + '</span>' +
+          '<span class="tag ' + (f.status === 'active' ? 'tag-green' : 'tag-orange') + '">' + (f.status || 'active') + '</span>' +
+        '</div>' +
+      '</div>';
+    }).join('');
+
+    // 分页
+    var total = d.data.total;
+    var pages = Math.ceil(total / 12);
+    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="doSearch(' + i + ')">' + (i + 1) + '</button>';
+    }
+    pgEl.innerHTML = html;
+  }).catch(function() {
+    el.innerHTML = '<div class="empty-state" style="grid-column:1/-1"><span class="empty-icon">&#x26A0;&#xFE0F;</span><p data-i18n="common.loadFailed">加载失败</p></div>';
+  });
+}
+
+doSearch();
+</script>
+{% endblock %}