Skip to content

Instantly share code, notes, and snippets.

@pengx17
Created June 17, 2026 02:24
Show Gist options
  • Select an option

  • Save pengx17/7a19627fe6328a95de6d908d6f211b31 to your computer and use it in GitHub Desktop.

Select an option

Save pengx17/7a19627fe6328a95de6d908d6f211b31 to your computer and use it in GitHub Desktop.
Cue Product Progress Dashboard
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cue Product Progress — 2026-06-17</title>
<style>
:root {
--bg: #0d1117;
--card: #161b22;
--border: #30363d;
--text: #c9d1d9;
--muted: #8b949e;
--accent: #58a6ff;
--green: #3fb950;
--yellow: #d29922;
--red: #f85149;
--orange: #db6d28;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
background: var(--bg); color: var(--text); line-height: 1.6;
padding: 2rem; max-width: 960px; margin: 0 auto;
}
h1 { font-size: 1.75rem; font-weight: 700; margin-bottom: 0.25rem; }
.subtitle { color: var(--muted); font-size: 0.9rem; margin-bottom: 2rem; }
h2 { font-size: 1.15rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--accent); }
.section { margin-bottom: 2rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0.75rem; }
.card {
background: var(--card); border: 1px solid var(--border); border-radius: 8px;
padding: 0.875rem 1rem; display: flex; align-items: flex-start; gap: 0.625rem;
transition: border-color 0.2s;
}
.card:hover { border-color: var(--accent); }
.card .status-icon { font-size: 1.1rem; flex-shrink: 0; margin-top: 0.1rem; }
.card .content { flex: 1; min-width: 0; }
.card .title { font-weight: 600; font-size: 0.925rem; word-break: break-word; }
.card .meta { font-size: 0.8rem; color: var(--muted); margin-top: 0.2rem; }
.card .meta a { color: var(--accent); text-decoration: none; }
.card .meta a:hover { text-decoration: underline; }
.status-done { color: var(--green); }
.status-progress { color: var(--yellow); }
.status-todo { color: var(--muted); }
.status-canceled { color: var(--red); }
.summary-box {
background: var(--card); border: 1px solid var(--border); border-radius: 8px;
padding: 1rem 1.25rem; margin-bottom: 1.5rem;
}
.summary-box .stats {
display: flex; gap: 1.5rem; flex-wrap: wrap;
}
.stat { text-align: center; }
.stat .num { font-size: 1.5rem; font-weight: 700; }
.stat .label { font-size: 0.8rem; color: var(--muted); }
.backlog-list { font-size: 0.875rem; color: var(--muted); display: flex; flex-wrap: wrap; gap: 0.375rem 0.75rem; }
.backlog-list a { color: var(--muted); text-decoration: none; }
.backlog-list a:hover { color: var(--accent); }
.timestamp { text-align: right; font-size: 0.75rem; color: var(--muted); margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--border); }
</style>
</head>
<body>
<h1>🆕 Cue Product Progress</h1>
<p class="subtitle">Started 2026-06-14 · Last updated 2026-06-17 10:20 CST</p>
<div class="summary-box">
<div class="stats">
<div class="stat"><div class="num" style="color:var(--green)">14</div><div class="label">Done</div></div>
<div class="stat"><div class="num" style="color:var(--yellow)">5</div><div class="label">In Progress</div></div>
<div class="stat"><div class="num" style="color:var(--muted)">4</div><div class="label">Todo</div></div>
<div class="stat"><div class="num" style="color:var(--muted)">9</div><div class="label">Backlog</div></div>
<div class="stat"><div class="num" style="color:var(--red)">1</div><div class="label">Canceled</div></div>
</div>
</div>
<!-- Platform Infrastructure -->
<div class="section">
<h2>🏗️ Platform Infrastructure <span style="color:var(--muted);font-weight:400;font-size:0.85rem;">— Haowen</span></h2>
<div class="grid">
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Electron Framework</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-1">CUE-1</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">CI/CD Workflow</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-2">CUE-2</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Velopack Auto-update</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-3">CUE-3</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Vitest & Playwright</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-4">CUE-4</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-progress">◷</span><div class="content"><div class="title">PR Preview URLs</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-26">CUE-26</a> · In Progress</div></div></div>
<div class="card"><span class="status-icon status-progress">◷</span><div class="content"><div class="title">Web Deploy CI/CD</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-31">CUE-31</a> · In Progress</div></div></div>
<div class="card"><span class="status-icon status-todo">○</span><div class="content"><div class="title">Elevator Rewrite</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-8">CUE-8</a> · Todo</div></div></div>
</div>
</div>
<!-- Salix Runtime -->
<div class="section">
<h2>⚡ Salix Runtime Refactor <span style="color:var(--muted);font-weight:400;font-size:0.85rem;">— Zuozijian</span></h2>
<div class="grid">
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">IM Connect/Provider Boundary</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-10">CUE-10</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Rewrite IM Connects (Willow model)</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-25">CUE-25</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">call_im_provider_api for All Agents</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-14">CUE-14</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Cloud VM/Sprites → Group-owned Runtime</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-23">CUE-23</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Remove Bridge-purpose Session Deps</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-24">CUE-24</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Meeting Bot → Independent Worker Agent</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-17">CUE-17</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Restore Meeting Agent Product Link</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-30">CUE-30</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Split salix_im Provider/Store Modules</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-28">CUE-28</a> · Done</div></div></div>
<div class="card"><span class="status-icon status-progress">◷</span><div class="content"><div class="title">Salix Architecture Refactor</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-9">CUE-9</a> · In Progress</div></div></div>
<div class="card"><span class="status-icon status-canceled">✕</span><div class="content"><div class="title">Feishu Adapter Migration</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-21">CUE-21</a> · Canceled (superseded)</div></div></div>
</div>
</div>
<!-- Backend -->
<div class="section">
<h2>🖥️ Backend</h2>
<div class="grid">
<div class="card"><span class="status-icon status-progress">◷</span><div class="content"><div class="title">Connect Cue Salix to Bridge Staging <span style="color:var(--orange);font-size:0.8rem;">⚠ Blocker</span></div><div class="meta"><a href="https://linear.app/cue/issue/CUE-6">CUE-6</a> · In Progress · Yue Wu</div></div></div>
<div class="card"><span class="status-icon status-progress">◷</span><div class="content"><div class="title">Backend History API Audit</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-5">CUE-5</a> · In Progress · DarkSky</div></div></div>
<div class="card"><span class="status-icon status-todo">○</span><div class="content"><div class="title">ClickHouse Direct Billing</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-7">CUE-7</a> · Todo · DarkSky</div></div></div>
</div>
</div>
<!-- Frontend & Design -->
<div class="section">
<h2>🎨 Frontend & Design</h2>
<div class="grid">
<div class="card"><span class="status-icon status-done">✓</span><div class="content"><div class="title">Design System + Storybook</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-33">CUE-33</a> · Done · CatsJuice</div></div></div>
</div>
</div>
<!-- Meeting Router -->
<div class="section">
<h2>📋 Meeting Router</h2>
<div class="grid">
<div class="card"><span class="status-icon status-todo">○</span><div class="content"><div class="title">Rebuild Meeting Join Flow (Router Model)</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-29">CUE-29</a> · Todo</div></div></div>
<div class="card"><span class="status-icon status-todo">○</span><div class="content"><div class="title">Willow-style Meeting Worker/Container Runtime</div><div class="meta"><a href="https://linear.app/cue/issue/CUE-32">CUE-32</a> · Todo</div></div></div>
</div>
</div>
<!-- Backlog -->
<div class="section">
<h2>📦 Backlog <span style="color:var(--muted);font-weight:400;font-size:0.85rem;">— 9 items</span></h2>
<div class="backlog-list">
<a href="https://linear.app/cue/issue/CUE-11">CUE-11 Delete agent-private conversation</a> ·
<a href="https://linear.app/cue/issue/CUE-12">CUE-12 Remove bridge session concept</a> ·
<a href="https://linear.app/cue/issue/CUE-13">CUE-13 Extend Slack IM provider API</a> ·
<a href="https://linear.app/cue/issue/CUE-15">CUE-15 Group-scoped device inventory</a> ·
<a href="https://linear.app/cue/issue/CUE-16">CUE-16 Unify VM inventory models</a> ·
<a href="https://linear.app/cue/issue/CUE-18">CUE-18 Unify tool naming + exa_search</a> ·
<a href="https://linear.app/cue/issue/CUE-19">CUE-19 Move salix_migrate out of runtime</a> ·
<a href="https://linear.app/cue/issue/CUE-20">CUE-20 Cleanup time-travel docs</a> ·
<a href="https://linear.app/cue/issue/CUE-27">CUE-27 Encrypted Feishu webhooks</a>
</div>
</div>
<div class="timestamp">Data from Linear API · Generated 2026-06-17 10:20 CST</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment