sillyspec 3.9.1 → 3.10.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 (64) hide show
  1. package/.claude/skills/sillyspec-commit/SKILL.md +1 -1
  2. package/.claude/skills/sillyspec-continue/SKILL.md +1 -1
  3. package/.claude/skills/sillyspec-explore/SKILL.md +9 -0
  4. package/.claude/skills/sillyspec-plan/SKILL.md +0 -35
  5. package/.claude/skills/sillyspec-workspace/SKILL.md +1 -1
  6. package/README.md +7 -6
  7. package/SKILL.md +15 -10
  8. package/package.json +1 -1
  9. package/packages/dashboard/dist/assets/index-BcM2J-hv.css +1 -0
  10. package/packages/dashboard/dist/assets/{index-RsLVPAy7.js → index-DpLHK4jv.js} +974 -974
  11. package/packages/dashboard/dist/index.html +16 -17
  12. package/packages/dashboard/dist/prototype-dashboard.html +836 -0
  13. package/packages/dashboard/dist/prototype-overview.html +256 -0
  14. package/packages/dashboard/public/prototype-dashboard.html +836 -0
  15. package/packages/dashboard/public/prototype-overview.html +256 -0
  16. package/packages/dashboard/server/index.js +18 -13
  17. package/packages/dashboard/server/parser.js +109 -1
  18. package/packages/dashboard/server/watcher.js +14 -6
  19. package/packages/dashboard/src/App.vue +414 -186
  20. package/packages/dashboard/src/components/ActionBar.vue +10 -1
  21. package/packages/dashboard/src/components/CommandPalette.vue +5 -1
  22. package/packages/dashboard/src/components/DocPreview.vue +105 -8
  23. package/packages/dashboard/src/components/DocTree.vue +75 -19
  24. package/packages/dashboard/src/components/HResizeHandle.vue +48 -0
  25. package/packages/dashboard/src/components/PipelineView.vue +23 -4
  26. package/packages/dashboard/src/components/ProjectCard.vue +187 -0
  27. package/packages/dashboard/src/components/ProjectOverview.vue +113 -139
  28. package/packages/dashboard/src/components/VResizeHandle.vue +61 -0
  29. package/packages/dashboard/src/composables/useDashboard.js +28 -0
  30. package/packages/dashboard/src/composables/useLayout.js +131 -0
  31. package/src/index.js +7 -0
  32. package/src/init.js +17 -10
  33. package/src/migrate.js +5 -5
  34. package/src/progress.js +2 -1
  35. package/src/run.js +72 -61
  36. package/src/stages/brainstorm.js +28 -3
  37. package/src/stages/execute.js +52 -27
  38. package/src/stages/explore.js +34 -0
  39. package/src/stages/index.js +3 -1
  40. package/src/stages/plan.js +86 -14
  41. package/src/stages/scan.js +11 -11
  42. package/src/stages/status.js +1 -1
  43. package/.sillyspec/changes/archive/2026-04-08-derive-state/design.md +0 -97
  44. package/.sillyspec/changes/archive/2026-04-08-derive-state/plan.md +0 -51
  45. package/.sillyspec/changes/archive/2026-04-08-derive-state/proposal.md +0 -29
  46. package/.sillyspec/changes/archive/2026-04-08-derive-state/requirements.md +0 -34
  47. package/.sillyspec/changes/archive/2026-04-08-derive-state/tasks.md +0 -13
  48. package/.sillyspec/changes/archive/2026-04-08-derive-state/verify-result.md +0 -43
  49. package/.sillyspec/changes/auto-mode/design.md +0 -50
  50. package/.sillyspec/changes/auto-mode/proposal.md +0 -19
  51. package/.sillyspec/changes/auto-mode/requirements.md +0 -21
  52. package/.sillyspec/changes/auto-mode/tasks.md +0 -7
  53. package/.sillyspec/changes/brainstorm-archive/2026-04-05-dashboard-design.md +0 -206
  54. package/.sillyspec/changes/brainstorm-archive/2026-04-05-unified-docs-design.md +0 -199
  55. package/.sillyspec/changes/dashboard/design.md +0 -219
  56. package/.sillyspec/changes/dashboard/design.md.braindraft +0 -206
  57. package/.sillyspec/changes/run-command-design/design.md +0 -1230
  58. package/.sillyspec/changes/unified-docs-design/design.md +0 -199
  59. package/.sillyspec/docs/sillyspec/scan/.gitkeep +0 -0
  60. package/.sillyspec/knowledge/INDEX.md +0 -8
  61. package/.sillyspec/knowledge/uncategorized.md +0 -3
  62. package/.sillyspec/plans/2026-04-05-dashboard.md +0 -737
  63. package/.sillyspec/projects/sillyspec.yaml +0 -3
  64. package/packages/dashboard/dist/assets/index-CntACGUN.css +0 -1
package/packages/dashboard/dist/prototype-overview.html ADDED
@@ -0,0 +1,256 @@
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>Dashboard 概览区域原型</title>
7
+ <style>
8
+ * {
9
+ margin: 0;
10
+ padding: 0;
11
+ box-sizing: border-box;
12
+ }
13
+ body {
14
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
15
+ background: #F5F5F7;
16
+ height: 100vh;
17
+ display: flex;
18
+ flex-direction: column;
19
+ }
20
+ /* 概览区域 - 40% */
21
+ .overview-section {
22
+ height: 40%;
23
+ background: #FFFFFF;
24
+ border-bottom: 2px solid #2A3040;
25
+ padding: 16px 24px;
26
+ display: flex;
27
+ flex-direction: column;
28
+ }
29
+ .section-header {
30
+ display: flex;
31
+ justify-content: space-between;
32
+ align-items: center;
33
+ margin-bottom: 16px;
34
+ }
35
+ .section-title {
36
+ font-size: 18px;
37
+ font-weight: 600;
38
+ color: #1A1A1A;
39
+ }
40
+ .section-actions {
41
+ display: flex;
42
+ gap: 8px;
43
+ }
44
+ .btn {
45
+ padding: 6px 12px;
46
+ border-radius: 6px;
47
+ border: none;
48
+ cursor: pointer;
49
+ font-size: 13px;
50
+ font-weight: 500;
51
+ }
52
+ .btn-primary {
53
+ background: #D97706;
54
+ color: white;
55
+ }
56
+ .btn-secondary {
57
+ background: #E5E7EB;
58
+ color: #374151;
59
+ }
60
+ /* 水平滚动卡片容器 */
61
+ .cards-container {
62
+ flex: 1;
63
+ display: flex;
64
+ gap: 16px;
65
+ overflow-x: auto;
66
+ overflow-y: hidden;
67
+ padding-bottom: 8px;
68
+ }
69
+ .cards-container::-webkit-scrollbar {
70
+ height: 8px;
71
+ }
72
+ .cards-container::-webkit-scrollbar-track {
73
+ background: #F3F4F6;
74
+ border-radius: 4px;
75
+ }
76
+ .cards-container::-webkit-scrollbar-thumb {
77
+ background: #D1D5DB;
78
+ border-radius: 4px;
79
+ }
80
+ /* 项目卡片 */
81
+ .project-card {
82
+ width: 280px;
83
+ height: 120px;
84
+ background: white;
85
+ border: 2px solid #E5E7EB;
86
+ border-radius: 12px;
87
+ padding: 16px;
88
+ display: flex;
89
+ flex-direction: column;
90
+ justify-content: space-between;
91
+ cursor: pointer;
92
+ transition: all 0.2s;
93
+ flex-shrink: 0;
94
+ }
95
+ .project-card:hover {
96
+ border-color: #D97706;
97
+ box-shadow: 0 4px 12px rgba(217, 119, 6, 0.15);
98
+ }
99
+ .project-card.selected {
100
+ border-color: #D97706;
101
+ box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.2);
102
+ }
103
+ .card-header {
104
+ display: flex;
105
+ justify-content: space-between;
106
+ align-items: flex-start;
107
+ }
108
+ .project-name {
109
+ font-size: 16px;
110
+ font-weight: 600;
111
+ color: #1A1A1A;
112
+ }
113
+ .last-active {
114
+ font-size: 11px;
115
+ color: #9CA3AF;
116
+ }
117
+ .stage-badge {
118
+ display: inline-block;
119
+ padding: 4px 10px;
120
+ border-radius: 12px;
121
+ font-size: 12px;
122
+ font-weight: 500;
123
+ }
124
+ .stage-badge.in-progress {
125
+ background: #DBEAFE;
126
+ color: #1D4ED8;
127
+ }
128
+ .stage-badge.completed {
129
+ background: #D1FAE5;
130
+ color: #047857;
131
+ }
132
+ .stage-badge.pending {
133
+ background: #F3F4F6;
134
+ color: #6B7280;
135
+ }
136
+ .progress-section {
137
+ display: flex;
138
+ align-items: center;
139
+ gap: 8px;
140
+ }
141
+ .progress-bar {
142
+ flex: 1;
143
+ height: 6px;
144
+ background: #E5E7EB;
145
+ border-radius: 3px;
146
+ overflow: hidden;
147
+ }
148
+ .progress-fill {
149
+ height: 100%;
150
+ border-radius: 3px;
151
+ transition: width 0.3s;
152
+ }
153
+ .progress-fill.in-progress { background: #3B82F6; }
154
+ .progress-fill.completed { background: #10B981; }
155
+ .progress-fill.pending { background: #9CA3AF; }
156
+ .progress-text {
157
+ font-size: 12px;
158
+ font-weight: 600;
159
+ color: #374151;
160
+ }
161
+ /* 详情区域 - 60% */
162
+ .detail-section {
163
+ flex: 1;
164
+ background: #FAFAFA;
165
+ padding: 24px;
166
+ display: flex;
167
+ align-items: center;
168
+ justify-content: center;
169
+ color: #9CA3AF;
170
+ font-size: 14px;
171
+ }
172
+ </style>
173
+ </head>
174
+ <body>
175
+ <!-- 概览区域 -->
176
+ <div class="overview-section">
177
+ <div class="section-header">
178
+ <h1 class="section-title">项目概览</h1>
179
+ <div class="section-actions">
180
+ <button class="btn btn-secondary">刷新</button>
181
+ <button class="btn btn-primary">添加项目</button>
182
+ </div>
183
+ </div>
184
+ <div class="cards-container">
185
+ <!-- 项目卡片 1 - 进行中 -->
186
+ <div class="project-card selected">
187
+ <div class="card-header">
188
+ <span class="project-name">sillyspec</span>
189
+ <span class="last-active">2分钟前</span>
190
+ </div>
191
+ <div>
192
+ <span class="stage-badge in-progress">需求探索</span>
193
+ </div>
194
+ <div class="progress-section">
195
+ <div class="progress-bar">
196
+ <div class="progress-fill in-progress" style="width: 40%"></div>
197
+ </div>
198
+ <span class="progress-text">40%</span>
199
+ </div>
200
+ </div>
201
+ <!-- 项目卡片 2 - 进行中 -->
202
+ <div class="project-card">
203
+ <div class="card-header">
204
+ <span class="project-name">my-blog</span>
205
+ <span class="last-active">15分钟前</span>
206
+ </div>
207
+ <div>
208
+ <span class="stage-badge in-progress">实现计划</span>
209
+ </div>
210
+ <div class="progress-section">
211
+ <div class="progress-bar">
212
+ <div class="progress-fill in-progress" style="width: 75%"></div>
213
+ </div>
214
+ <span class="progress-text">75%</span>
215
+ </div>
216
+ </div>
217
+ <!-- 项目卡片 3 - 已完成 -->
218
+ <div class="project-card">
219
+ <div class="card-header">
220
+ <span class="project-name">user-service</span>
221
+ <span class="last-active">1小时前</span>
222
+ </div>
223
+ <div>
224
+ <span class="stage-badge completed">验证确认</span>
225
+ </div>
226
+ <div class="progress-section">
227
+ <div class="progress-bar">
228
+ <div class="progress-fill completed" style="width: 100%"></div>
229
+ </div>
230
+ <span class="progress-text">100%</span>
231
+ </div>
232
+ </div>
233
+ <!-- 项目卡片 4 - 未开始 -->
234
+ <div class="project-card">
235
+ <div class="card-header">
236
+ <span class="project-name">payment-api</span>
237
+ <span class="last-active">昨天</span>
238
+ </div>
239
+ <div>
240
+ <span class="stage-badge pending">未开始</span>
241
+ </div>
242
+ <div class="progress-section">
243
+ <div class="progress-bar">
244
+ <div class="progress-fill pending" style="width: 0%"></div>
245
+ </div>
246
+ <span class="progress-text">0%</span>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </div>
251
+ <!-- 详情区域 -->
252
+ <div class="detail-section">
253
+ 点击上方卡片查看项目详情
254
+ </div>
255
+ </body>
256
+ </html>