claude-coding-flow 1.0.0 → 1.1.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.
@@ -0,0 +1,190 @@
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Flow 任务看板</title>
7
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap">
8
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
9
+ <link rel="stylesheet" href="/static/style.css">
10
+ </head>
11
+ <body>
12
+ <div class="app-layout">
13
+ <!-- 左侧导航 -->
14
+ <aside class="sidebar">
15
+ <div class="sidebar-brand">
16
+ <div class="brand-icon">
17
+ <span class="material-icons">account_tree</span>
18
+ </div>
19
+ <div class="brand-text">
20
+ <span class="brand-name">Flow</span>
21
+ <span class="brand-sub">任务看板</span>
22
+ </div>
23
+ </div>
24
+
25
+ <nav class="sidebar-nav">
26
+ <div class="nav-item active" data-tab="doc-gen" data-color="amber">
27
+ <div class="nav-indicator"></div>
28
+ <span class="material-icons nav-icon">description</span>
29
+ <span class="nav-label">需求分析</span>
30
+ <span class="nav-count" id="count-doc-gen">0</span>
31
+ </div>
32
+ <div class="nav-item" data-tab="code-gen" data-color="blue">
33
+ <div class="nav-indicator"></div>
34
+ <span class="material-icons nav-icon">code</span>
35
+ <span class="nav-label">代码开发</span>
36
+ <span class="nav-count" id="count-code-gen">0</span>
37
+ </div>
38
+ <div class="nav-item" data-tab="bug-fix" data-color="red">
39
+ <div class="nav-indicator"></div>
40
+ <span class="material-icons nav-icon">bug_report</span>
41
+ <span class="nav-label">Bug 修复</span>
42
+ <span class="nav-count" id="count-bug-fix">0</span>
43
+ </div>
44
+ </nav>
45
+
46
+ <div class="sidebar-footer">
47
+ <div class="sidebar-status">
48
+ <span class="status-dot"></span>
49
+ <span class="status-text">系统在线</span>
50
+ </div>
51
+ </div>
52
+ </aside>
53
+
54
+ <!-- 右侧内容 -->
55
+ <main class="content-area">
56
+ <!-- doc-gen tab -->
57
+ <div id="tab-doc-gen" class="tab-panel active">
58
+ <div class="panel-header">
59
+ <div class="panel-header-left">
60
+ <span class="panel-icon amber"><span class="material-icons">description</span></span>
61
+ <h1 class="panel-title">需求分析</h1>
62
+ </div>
63
+ <span class="panel-desc">需求文档 + UI 草图 → 开发文档</span>
64
+ </div>
65
+ <div class="panel-content" id="content-doc-gen">
66
+ <div class="empty-state"><span class="material-icons">inbox</span><p>暂无需求分析任务</p></div>
67
+ </div>
68
+ </div>
69
+
70
+ <!-- code-gen tab -->
71
+ <div id="tab-code-gen" class="tab-panel">
72
+ <div class="panel-header">
73
+ <div class="panel-header-left">
74
+ <span class="panel-icon blue"><span class="material-icons">code</span></span>
75
+ <h1 class="panel-title">代码开发</h1>
76
+ </div>
77
+ <span class="panel-desc">开发文档 → 代码实现</span>
78
+ </div>
79
+ <div class="panel-content" id="content-code-gen">
80
+ <div class="empty-state"><span class="material-icons">inbox</span><p>暂无代码开发任务</p></div>
81
+ </div>
82
+ </div>
83
+
84
+ <!-- bug-fix tab -->
85
+ <div id="tab-bug-fix" class="tab-panel">
86
+ <div class="panel-header">
87
+ <div class="panel-header-left">
88
+ <span class="panel-icon red"><span class="material-icons">bug_report</span></span>
89
+ <h1 class="panel-title">Bug 修复</h1>
90
+ </div>
91
+ <span class="panel-desc">追溯源头 → 定位修复</span>
92
+ </div>
93
+ <div class="panel-content" id="content-bug-fix">
94
+ <div class="empty-state"><span class="material-icons">inbox</span><p>暂无 Bug 修复任务</p></div>
95
+ </div>
96
+ </div>
97
+ </main>
98
+ </div>
99
+
100
+ <!-- 右键菜单: code-gen 任务 -->
101
+ <div id="ctx-code-gen" class="ctx-menu hidden">
102
+ <div class="ctx-item" data-action="copy-id"><span class="material-icons">content_copy</span>拷贝 ID</div>
103
+ <div class="ctx-item" data-action="view-detail"><span class="material-icons">info</span>查看详情</div>
104
+ <div class="ctx-item" data-action="view-snapshot"><span class="material-icons">code</span>查看代码快照</div>
105
+ <div class="ctx-sep"></div>
106
+ <div class="ctx-item danger" data-action="delete-task"><span class="material-icons">delete</span>删除任务</div>
107
+ </div>
108
+
109
+ <!-- 右键菜单: doc-gen 任务 -->
110
+ <div id="ctx-doc-gen" class="ctx-menu hidden">
111
+ <div class="ctx-item" data-action="view-req-doc"><span class="material-icons">article</span>查看需求文档</div>
112
+ <div class="ctx-item" data-action="view-images"><span class="material-icons">image</span>查看草图图片</div>
113
+ <div class="ctx-item" data-action="view-dev-doc"><span class="material-icons">auto_awesome</span>查看开发文档</div>
114
+ <div class="ctx-sep"></div>
115
+ <div class="ctx-item" data-action="copy-id"><span class="material-icons">content_copy</span>拷贝 ID</div>
116
+ </div>
117
+
118
+ <!-- 右键菜单: bug-fix 任务 -->
119
+ <div id="ctx-bug-fix" class="ctx-menu hidden">
120
+ <div class="ctx-item" data-action="view-detail"><span class="material-icons">info</span>查看详情</div>
121
+ <div class="ctx-item" data-action="copy-id"><span class="material-icons">content_copy</span>拷贝 ID</div>
122
+ <div class="ctx-sep"></div>
123
+ <div class="ctx-item danger" data-action="delete-task"><span class="material-icons">delete</span>删除任务</div>
124
+ </div>
125
+
126
+ <!-- 右键菜单: 模块 -->
127
+ <div id="ctx-module" class="ctx-menu hidden">
128
+ <div class="ctx-item" data-action="copy-module-id"><span class="material-icons">content_copy</span>拷贝模块 ID</div>
129
+ </div>
130
+
131
+ <!-- 通用弹框: 详情 -->
132
+ <div id="modal-detail" class="modal-overlay hidden">
133
+ <div class="modal-box">
134
+ <div class="modal-head">
135
+ <span class="modal-title">任务详情</span>
136
+ <span class="material-icons modal-close" onclick="closeModal('modal-detail')">close</span>
137
+ </div>
138
+ <div class="modal-body" id="modal-detail-body"></div>
139
+ </div>
140
+ </div>
141
+
142
+ <!-- 通用弹框: 代码快照 -->
143
+ <div id="modal-snapshot" class="modal-overlay hidden">
144
+ <div class="modal-box wide">
145
+ <div class="modal-head">
146
+ <span class="modal-title">代码快照</span>
147
+ <span class="material-icons modal-close" onclick="closeModal('modal-snapshot')">close</span>
148
+ </div>
149
+ <div class="modal-body" id="modal-snapshot-body"></div>
150
+ </div>
151
+ </div>
152
+
153
+ <!-- 通用弹框: 文件查看 -->
154
+ <div id="modal-file" class="modal-overlay hidden">
155
+ <div class="modal-box wide">
156
+ <div class="modal-head">
157
+ <span class="modal-title" id="modal-file-title">文件内容</span>
158
+ <span class="material-icons modal-close" onclick="closeModal('modal-file')">close</span>
159
+ </div>
160
+ <div class="modal-body" id="modal-file-body"></div>
161
+ </div>
162
+ </div>
163
+
164
+ <!-- 弹框: 图片画廊 -->
165
+ <div id="modal-gallery" class="modal-overlay hidden">
166
+ <div class="modal-box wide">
167
+ <div class="modal-head">
168
+ <span class="modal-title">草图图片</span>
169
+ <span class="material-icons modal-close" onclick="closeModal('modal-gallery')">close</span>
170
+ </div>
171
+ <div class="modal-body" id="modal-gallery-body"></div>
172
+ </div>
173
+ </div>
174
+
175
+ <!-- 弹框: 图片放大预览 -->
176
+ <div id="modal-lightbox" class="modal-overlay hidden" style="background:rgba(0,0,0,.85)">
177
+ <div class="lightbox-wrap">
178
+ <span class="material-icons lightbox-close" onclick="closeModal('modal-lightbox')">close</span>
179
+ <img id="lightbox-img" src="" alt="">
180
+ <span class="lightbox-name" id="lightbox-name"></span>
181
+ </div>
182
+ </div>
183
+
184
+ <!-- Toast -->
185
+ <div id="toast" class="toast hidden"></div>
186
+
187
+ <script src="https://unpkg.com/marked@12.0.0/marked.min.js"></script>
188
+ <script src="/static/app.js"></script>
189
+ </body>
190
+ </html>