mcp-probe-kit 1.15.1 → 2.0.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 (162) hide show
  1. package/README.md +113 -1642
  2. package/build/index.js +75 -42
  3. package/build/lib/elicitation-helper.d.ts +73 -0
  4. package/build/lib/elicitation-helper.js +130 -0
  5. package/build/lib/response.d.ts +32 -0
  6. package/build/lib/response.js +28 -0
  7. package/build/lib/tasks-manager.d.ts +116 -0
  8. package/build/lib/tasks-manager.js +217 -0
  9. package/build/lib/toolset-manager.d.ts +48 -0
  10. package/build/lib/toolset-manager.js +112 -0
  11. package/build/schemas/basic-tools.d.ts +0 -32
  12. package/build/schemas/basic-tools.js +0 -34
  13. package/build/schemas/code-analysis-tools.d.ts +0 -36
  14. package/build/schemas/code-analysis-tools.js +0 -38
  15. package/build/schemas/code-gen-tools.d.ts +0 -44
  16. package/build/schemas/code-gen-tools.js +0 -46
  17. package/build/schemas/doc-util-tools.d.ts +0 -54
  18. package/build/schemas/doc-util-tools.js +0 -58
  19. package/build/schemas/index.d.ts +0 -188
  20. package/build/schemas/orchestration-tools.d.ts +0 -22
  21. package/build/schemas/orchestration-tools.js +0 -23
  22. package/build/schemas/output/core-tools.d.ts +817 -0
  23. package/build/schemas/output/core-tools.js +421 -0
  24. package/build/schemas/output/generation-tools.d.ts +936 -0
  25. package/build/schemas/output/generation-tools.js +446 -0
  26. package/build/schemas/output/helper-tools.d.ts +243 -0
  27. package/build/schemas/output/helper-tools.js +138 -0
  28. package/build/schemas/output/index.d.ts +76 -0
  29. package/build/schemas/output/index.js +96 -0
  30. package/build/schemas/output/project-tools.d.ts +702 -0
  31. package/build/schemas/output/project-tools.js +339 -0
  32. package/build/schemas/output/ui-ux-tools.d.ts +469 -0
  33. package/build/schemas/output/ui-ux-tools.js +218 -0
  34. package/build/schemas/output/workflow-tools.d.ts +267 -0
  35. package/build/schemas/output/workflow-tools.js +179 -0
  36. package/build/schemas/structured-output.d.ts +1317 -0
  37. package/build/schemas/structured-output.js +1017 -0
  38. package/build/tools/__tests__/start_ui.integration.test.js +5 -5
  39. package/build/tools/__tests__/start_ui.property.test.js +11 -11
  40. package/build/tools/add_feature.d.ts +1 -13
  41. package/build/tools/add_feature.js +48 -13
  42. package/build/tools/analyze_project.js +57 -18
  43. package/build/tools/check_deps.d.ts +1 -13
  44. package/build/tools/check_deps.js +24 -15
  45. package/build/tools/code_review.d.ts +1 -13
  46. package/build/tools/code_review.js +19 -16
  47. package/build/tools/debug.d.ts +1 -13
  48. package/build/tools/debug.js +18 -16
  49. package/build/tools/estimate.d.ts +1 -19
  50. package/build/tools/estimate.js +36 -6
  51. package/build/tools/fix_bug.d.ts +1 -13
  52. package/build/tools/fix_bug.js +24 -6
  53. package/build/tools/gen_mock.d.ts +1 -19
  54. package/build/tools/gen_mock.js +42 -227
  55. package/build/tools/genapi.d.ts +1 -13
  56. package/build/tools/genapi.js +18 -15
  57. package/build/tools/genchangelog.d.ts +1 -13
  58. package/build/tools/genchangelog.js +36 -212
  59. package/build/tools/gencommit.d.ts +1 -7
  60. package/build/tools/gencommit.js +21 -13
  61. package/build/tools/gendoc.d.ts +1 -13
  62. package/build/tools/gendoc.js +18 -15
  63. package/build/tools/genpr.d.ts +1 -13
  64. package/build/tools/genpr.js +28 -157
  65. package/build/tools/genreadme.d.ts +1 -13
  66. package/build/tools/genreadme.js +22 -587
  67. package/build/tools/gensql.d.ts +1 -13
  68. package/build/tools/gensql.js +24 -283
  69. package/build/tools/gentest.d.ts +1 -13
  70. package/build/tools/gentest.js +49 -16
  71. package/build/tools/index.d.ts +0 -10
  72. package/build/tools/index.js +0 -10
  73. package/build/tools/init_component_catalog.d.ts +3 -20
  74. package/build/tools/init_component_catalog.js +141 -786
  75. package/build/tools/init_project.d.ts +7 -13
  76. package/build/tools/init_project.js +54 -16
  77. package/build/tools/init_project_context.d.ts +1 -13
  78. package/build/tools/init_project_context.js +41 -14
  79. package/build/tools/perf.d.ts +1 -13
  80. package/build/tools/perf.js +18 -15
  81. package/build/tools/refactor.d.ts +1 -13
  82. package/build/tools/refactor.js +54 -15
  83. package/build/tools/render_ui.d.ts +2 -19
  84. package/build/tools/render_ui.js +201 -347
  85. package/build/tools/resolve_conflict.d.ts +1 -13
  86. package/build/tools/resolve_conflict.js +18 -15
  87. package/build/tools/security_scan.d.ts +1 -13
  88. package/build/tools/security_scan.js +16 -5
  89. package/build/tools/start_api.d.ts +7 -13
  90. package/build/tools/start_api.js +69 -157
  91. package/build/tools/start_bugfix.d.ts +1 -7
  92. package/build/tools/start_bugfix.js +38 -2
  93. package/build/tools/start_doc.d.ts +7 -13
  94. package/build/tools/start_doc.js +76 -169
  95. package/build/tools/start_feature.d.ts +1 -7
  96. package/build/tools/start_feature.js +54 -2
  97. package/build/tools/start_onboard.d.ts +1 -7
  98. package/build/tools/start_onboard.js +40 -2
  99. package/build/tools/start_ralph.d.ts +1 -7
  100. package/build/tools/start_ralph.js +88 -2
  101. package/build/tools/start_refactor.d.ts +7 -13
  102. package/build/tools/start_refactor.js +75 -148
  103. package/build/tools/start_release.d.ts +7 -13
  104. package/build/tools/start_release.js +56 -131
  105. package/build/tools/start_review.d.ts +7 -13
  106. package/build/tools/start_review.js +70 -142
  107. package/build/tools/start_ui.d.ts +1 -7
  108. package/build/tools/start_ui.js +98 -8
  109. package/build/tools/ui-ux-tools.d.ts +3 -39
  110. package/build/tools/ui-ux-tools.js +201 -125
  111. package/docs/data/tools.js +864 -0
  112. package/docs/index.html +594 -0
  113. package/docs/pages/all-tools.html +649 -0
  114. package/docs/pages/examples.html +564 -0
  115. package/docs/pages/getting-started.html +529 -0
  116. package/docs/pages/migration.html +308 -0
  117. package/docs/specs/algorithm-enhancement/roadmap.md +619 -0
  118. package/docs/specs/vnext-upgrade/00-OVERVIEW.md +258 -0
  119. package/docs/specs/vnext-upgrade/BETA_RELEASE_GUIDE.md +328 -0
  120. package/docs/specs/vnext-upgrade/GITHUB_DISCUSSION_TEMPLATE.md +236 -0
  121. package/docs/specs/vnext-upgrade/M8.9-PROGRESS-UPDATE.md +248 -0
  122. package/docs/specs/vnext-upgrade/PROGRESS-SUMMARY.md +195 -0
  123. package/docs/specs/vnext-upgrade/QUICK_REFERENCE.md +338 -0
  124. package/docs/specs/vnext-upgrade/README.md +125 -0
  125. package/docs/specs/vnext-upgrade/STATUS-UPDATE-2026-01-26.md +230 -0
  126. package/docs/specs/vnext-upgrade/TOOL_CLEANUP.md +343 -0
  127. package/docs/specs/vnext-upgrade/completed/M1-M2-SUMMARY.md +27 -0
  128. package/docs/specs/vnext-upgrade/completed/M3_COMPLETION_SUMMARY.md +273 -0
  129. package/docs/specs/vnext-upgrade/completed/M4-SUMMARY.md +19 -0
  130. package/docs/specs/vnext-upgrade/completed/M5_COMPLETION_SUMMARY.md +0 -0
  131. package/docs/specs/vnext-upgrade/completed/M8.1-SUMMARY.md +247 -0
  132. package/docs/specs/vnext-upgrade/completed/M8.2-SUMMARY.md +296 -0
  133. package/docs/specs/vnext-upgrade/completed/M8.3-SUMMARY.md +241 -0
  134. package/docs/specs/vnext-upgrade/completed/M8.3-TEST-SUMMARY.md +216 -0
  135. package/docs/specs/vnext-upgrade/completed/M8.4-SUMMARY.md +217 -0
  136. package/docs/specs/vnext-upgrade/completed/M8.4-TEST-SUMMARY.md +198 -0
  137. package/docs/specs/vnext-upgrade/completed/M8.5-SUMMARY.md +202 -0
  138. package/docs/specs/vnext-upgrade/completed/M8.5-TEST-SUMMARY.md +223 -0
  139. package/docs/specs/vnext-upgrade/completed/M8.6-SUMMARY.md +299 -0
  140. package/docs/specs/vnext-upgrade/completed/M8.8-TEST-SUMMARY.md +216 -0
  141. package/docs/specs/vnext-upgrade/completed/TOOL-CLEANUP-SUMMARY.md +210 -0
  142. package/docs/specs/vnext-upgrade/design.md +848 -0
  143. package/docs/specs/vnext-upgrade/requirements.md +221 -0
  144. package/docs/specs/vnext-upgrade/tasks/00-INDEX.md +335 -0
  145. package/docs/specs/vnext-upgrade/tasks/M8.1-SCHEMA-DEFINITION.md +300 -0
  146. package/docs/specs/vnext-upgrade/tasks/M8.2-P1-TOOLS.md +249 -0
  147. package/docs/specs/vnext-upgrade/tasks/M8.3-GENERATION-TOOLS.md +49 -0
  148. package/docs/specs/vnext-upgrade/tasks/M8.4-ORCHESTRATION-TOOLS.md +28 -0
  149. package/docs/specs/vnext-upgrade/tasks/M8.5-PROJECT-TOOLS.md +29 -0
  150. package/docs/specs/vnext-upgrade/tasks/M8.6-UI-TOOLS.md +66 -0
  151. package/docs/specs/vnext-upgrade/tasks/M8.7-HELPER-TOOLS.md +24 -0
  152. package/docs/specs/vnext-upgrade/tasks/M8.8-INTEGRATION-TESTS.md +90 -0
  153. package/docs/specs/vnext-upgrade/tasks/M8.9-DOCUMENTATION.md +103 -0
  154. package/docs/styles/docs.css +556 -0
  155. package/docs/styles/page.css +815 -0
  156. package/docs/vnext/MCP_2025-11-25_GUIDE.md +276 -0
  157. package/docs/vnext/vNext-PRD.md +488 -0
  158. package/package.json +6 -6
  159. package/docs/BEST_PRACTICES.md +0 -1185
  160. package/docs/HOW_TO_TRIGGER.md +0 -1141
  161. package/docs/MCP-Probe-Kit-/344/275/277/347/224/250/346/211/213/345/206/214.html +0 -544
  162. package/docs/MCP-Probe-Kit-/344/275/277/347/224/250/346/211/213/345/206/214.md +0 -1447
package/docs/pages/migration.html ADDED
@@ -0,0 +1,308 @@
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>迁移指南 - 从旧版本升级到最新版 | MCP Probe Kit</title>
7
+
8
+ <!-- SEO Meta Tags -->
9
+ <meta name="description" content="MCP Probe Kit 迁移指南：从 v1.x 升级到 v2.x 的完整步骤。了解重大变更、新增功能、配置调整和最佳实践，确保平滑升级。">
10
+ <meta name="keywords" content="MCP Probe Kit 升级, 版本迁移, v2.x 新特性, 配置迁移, 工具升级指南, 破坏性变更">
11
+ <meta name="author" content="小墨 (Kyle) - ByteZoneX">
12
+ <meta name="robots" content="index, follow">
13
+ <link rel="canonical" href="https://mcp-probe-kit.bytezonex.com/pages/migration.html">
14
+ <link rel="icon" type="image/x-icon" href="https://www.bytezonex.com/favicon.ico">
15
+
16
+ <!-- Open Graph / Facebook -->
17
+ <meta property="og:type" content="article">
18
+ <meta property="og:url" content="https://mcp-probe-kit.bytezonex.com/pages/migration.html">
19
+ <meta property="og:title" content="迁移指南 - 从旧版本升级到最新版 | MCP Probe Kit">
20
+ <meta property="og:description" content="详细的 MCP Probe Kit 版本升级指南，了解新特性、配置变更和迁移步骤，确保平滑过渡。">
21
+
22
+ <!-- Twitter -->
23
+ <meta property="twitter:card" content="summary_large_image">
24
+ <meta property="twitter:url" content="https://mcp-probe-kit.bytezonex.com/pages/migration.html">
25
+ <meta property="twitter:title" content="迁移指南 - 从旧版本升级到最新版 | MCP Probe Kit">
26
+ <meta property="twitter:description" content="详细的版本升级指南，了解新特性和迁移步骤。">
27
+
28
+ <link rel="stylesheet" href="../styles/page.css">
29
+ </head>
30
+ <body>
31
+ <!-- Topbar -->
32
+ <nav class="topbar" id="topbar">
33
+ <div class="topbar-container">
34
+ <a href="../index.html" class="topbar-brand">
35
+ <span>🚀</span>
36
+ <span>MCP Probe Kit</span>
37
+ </a>
38
+
39
+ <div class="topbar-actions">
40
+ <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="topbar-link external">
41
+ <span>ByteZoneX</span>
42
+ </a>
43
+ <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="topbar-link external">
44
+ <span>GitHub</span>
45
+ </a>
46
+ <a href="https://www.npmjs.com/package/mcp-probe-kit" target="_blank" rel="noopener" class="topbar-link external">
47
+ <span>npm</span>
48
+ </a>
49
+ </div>
50
+ </div>
51
+ </nav>
52
+
53
+ <!-- Layout Container -->
54
+ <div class="layout">
55
+ <!-- Sidebar -->
56
+ <aside class="sidebar" id="sidebar">
57
+ <nav class="sidebar-nav">
58
+ <div class="nav-section">
59
+ <div class="nav-section-title">快速开始</div>
60
+ <a href="../index.html" class="nav-item">
61
+ <div class="nav-item-content">
62
+ <span class="icon">🏠</span>
63
+ <span>文档首页</span>
64
+ </div>
65
+ </a>
66
+ <a href="./getting-started.html" class="nav-item">
67
+ <div class="nav-item-content">
68
+ <span class="icon">📖</span>
69
+ <span>安装配置</span>
70
+ </div>
71
+ </a>
72
+ </div>
73
+
74
+ <div class="nav-section">
75
+ <div class="nav-section-title">工具文档</div>
76
+ <a href="./all-tools.html" class="nav-item">
77
+ <div class="nav-item-content">
78
+ <span class="icon">🛠️</span>
79
+ <span>所有工具</span>
80
+ </div>
81
+ <span class="badge">39</span>
82
+ </a>
83
+ </div>
84
+
85
+ <div class="nav-section">
86
+ <div class="nav-section-title">指南</div>
87
+ <a href="./migration.html" class="nav-item active">
88
+ <div class="nav-item-content">
89
+ <span class="icon">🚀</span>
90
+ <span>迁移指南</span>
91
+ </div>
92
+ </a>
93
+ <a href="./examples.html" class="nav-item">
94
+ <div class="nav-item-content">
95
+ <span class="icon">💡</span>
96
+ <span>最佳实践</span>
97
+ </div>
98
+ </a>
99
+ </div>
100
+
101
+ <div class="nav-section">
102
+ <div class="nav-section-title">资源</div>
103
+ <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="nav-item">
104
+ <div class="nav-item-content">
105
+ <span class="icon">🌐</span>
106
+ <span>ByteZoneX 主站</span>
107
+ </div>
108
+ <span class="external-icon">↗</span>
109
+ </a>
110
+ <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="nav-item">
111
+ <div class="nav-item-content">
112
+ <span class="icon">💻</span>
113
+ <span>GitHub 仓库</span>
114
+ </div>
115
+ <span class="external-icon">↗</span>
116
+ </a>
117
+ <a href="https://www.npmjs.com/package/mcp-probe-kit" target="_blank" rel="noopener" class="nav-item">
118
+ <div class="nav-item-content">
119
+ <span class="icon">📦</span>
120
+ <span>npm 包</span>
121
+ </div>
122
+ <span class="external-icon">↗</span>
123
+ </a>
124
+ <a href="https://github.com/mybolide/mcp-probe-kit/issues" target="_blank" rel="noopener" class="nav-item">
125
+ <div class="nav-item-content">
126
+ <span class="icon">🐛</span>
127
+ <span>问题反馈</span>
128
+ </div>
129
+ <span class="external-icon">↗</span>
130
+ </a>
131
+ </div>
132
+ </nav>
133
+
134
+ <!-- Sidebar Footer -->
135
+ <div class="sidebar-footer">
136
+ <div class="sidebar-footer-title">快速链接</div>
137
+ <div class="sidebar-footer-links">
138
+ <a href="https://www.bytezonex.com/" target="_blank" rel="noopener" class="sidebar-footer-link">
139
+ <span>🌐</span>
140
+ <span>ByteZoneX</span>
141
+ <span class="external-icon">↗</span>
142
+ </a>
143
+ <a href="https://github.com/mybolide/mcp-probe-kit" target="_blank" rel="noopener" class="sidebar-footer-link">
144
+ <span>💻</span>
145
+ <span>GitHub</span>
146
+ <span class="external-icon">↗</span>
147
+ </a>
148
+ <a href="https://www.npmjs.com/package/mcp-probe-kit" target="_blank" rel="noopener" class="sidebar-footer-link">
149
+ <span>📦</span>
150
+ <span>npm</span>
151
+ <span class="external-icon">↗</span>
152
+ </a>
153
+ </div>
154
+
155
+ <!-- QR Code -->
156
+ <div class="sidebar-qrcode">
157
+ <div class="sidebar-qrcode-title">关注公众号</div>
158
+ <img src="https://oss.bolzjb.com/wx_qrcode.jpg" alt="微信公众号" />
159
+ <div class="sidebar-qrcode-desc">获取更多技术分享</div>
160
+ </div>
161
+ </div>
162
+ </aside>
163
+
164
+ <!-- Main Content -->
165
+ <main class="main-content">
166
+ <div class="content-wrapper">
167
+ <!-- Breadcrumb -->
168
+ <nav class="breadcrumb">
169
+ <a href="../index.html">文档首页</a>
170
+ <span class="breadcrumb-separator">/</span>
171
+ <a href="#">指南</a>
172
+ <span class="breadcrumb-separator">/</span>
173
+ <span>迁移指南</span>
174
+ </nav>
175
+
176
+ <!-- Page Header -->
177
+ <h1 class="page-title">v2.0 迁移指南</h1>
178
+ <p class="page-description">从 v1.x 平滑迁移到 v2.0，了解重大变更和新特性</p>
179
+ <div class="page-meta">
180
+ <span>📦 v2.0.0</span>
181
+ <span>·</span>
182
+ <span>最后更新：2026-01-27</span>
183
+ </div>
184
+
185
+ <!-- Content -->
186
+ <h2>概述</h2>
187
+ <p>MCP Probe Kit v2.0 是一个重大版本更新，精简优化到 39 个核心工具，带来了更强大的功能和更好的开发体验。</p>
188
+
189
+ <div class="callout info">
190
+ <div class="callout-icon">💡</div>
191
+ <div class="callout-content">
192
+ <p><strong>迁移时间：</strong>大多数项目可以在 10-15 分钟内完成迁移，v1.x 的所有工具在 v2.0 中都保持兼容。</p>
193
+ </div>
194
+ </div>
195
+
196
+ <h2>主要变更</h2>
197
+
198
+ <h3>1. 工具精简优化</h3>
199
+ <p>v1.x: 13 个工具 → v2.0: 39 个核心工具（移除低频工具，保留高价值工具）</p>
200
+
201
+ <h3>2. 新增工作流编排</h3>
202
+ <p>10 个 <code>start_*</code> 工作流编排工具，提供端到端的自动化开发流程：</p>
203
+ <ul>
204
+ <li><code>start_feature</code> - 功能开发工作流</li>
205
+ <li><code>start_bugfix</code> - Bug 修复工作流</li>
206
+ <li><code>start_ui</code> - UI 开发工作流</li>
207
+ <li><code>start_ralph</code> - Ralph Wiggum Loop 自动化开发</li>
208
+ </ul>
209
+
210
+ <h3>3. 新增 UI/UX 工具集</h3>
211
+ <p>完整的 UI/UX 工具链：</p>
212
+ <ul>
213
+ <li><code>ui_design_system</code> - 智能设计系统生成器</li>
214
+ <li><code>ui_search</code> - UI/UX 数据库搜索</li>
215
+ <li><code>render_ui</code> - UI 渲染引擎</li>
216
+ <li><code>design2code</code> - 设计稿转代码</li>
217
+ </ul>
218
+
219
+ <h3>4. 100% 结构化输出</h3>
220
+ <p>所有 39 个工具都支持结构化输出，确保输出格式一致、可预测。</p>
221
+
222
+ <h2>迁移步骤</h2>
223
+
224
+ <h3>步骤 1：更新版本</h3>
225
+ <div class="code-block">
226
+ <div class="code-header">
227
+ <span class="code-language">Bash</span>
228
+ </div>
229
+ <pre><code># 如果使用 npx（推荐）
230
+ # 无需操作，自动使用最新版本
231
+
232
+ # 如果全局安装
233
+ npm update -g mcp-probe-kit</code></pre>
234
+ </div>
235
+
236
+ <h3>步骤 2：检查配置文件</h3>
237
+ <p>v2.0 的配置文件格式与 v1.x 完全兼容，无需修改。</p>
238
+
239
+ <div class="callout success">
240
+ <div class="callout-icon">✅</div>
241
+ <div class="callout-content">
242
+ <p><strong>向后兼容：</strong>v1.x 的所有工具在 v2.0 中都保持兼容，可以无缝升级。</p>
243
+ </div>
244
+ </div>
245
+
246
+ <h2>获取帮助</h2>
247
+ <p>如果在迁移过程中遇到问题：</p>
248
+ <ul>
249
+ <li>📖 查看 <a href="./all-tools.html">完整工具参考</a></li>
250
+ <li>💬 在 <a href="https://github.com/mybolide/mcp-probe-kit/discussions" target="_blank">GitHub Discussions</a> 提问</li>
251
+ <li>🐛 在 <a href="https://github.com/mybolide/mcp-probe-kit/issues" target="_blank">GitHub Issues</a> 报告 Bug</li>
252
+ </ul>
253
+
254
+ <!-- Next Steps -->
255
+ <div class="next-cta">
256
+ <h3>🎉 迁移完成！</h3>
257
+ <p>开始探索 v2.0 的强大功能</p>
258
+ <div class="next-cta-links">
259
+ <a href="./all-tools.html" class="next-cta-link">
260
+ <span>🛠️</span>
261
+ <span>查看所有工具</span>
262
+ </a>
263
+ <a href="./examples.html" class="next-cta-link">
264
+ <span>💡</span>
265
+ <span>学习最佳实践</span>
266
+ </a>
267
+ </div>
268
+ </div>
269
+ </div>
270
+
271
+ <!-- Footer -->
272
+ <footer class="footer">
273
+ <div class="footer-container">
274
+ <div>Made with ❤️ by <a href="https://www.bytezonex.com/" target="_blank" rel="noopener">小墨 (Kyle)</a></div>
275
+ <div>
276
+ © 2024-2026 MCP Probe Kit · MIT License ·
277
+ <a href="https://www.bytezonex.com/" target="_blank" rel="noopener">主站 ByteZoneX ↗</a>
278
+ </div>
279
+ </div>
280
+ </footer>
281
+ </main>
282
+ </div>
283
+
284
+ <!-- Mobile Menu Button -->
285
+ <button class="mobile-menu-btn" onclick="toggleSidebar()">☰</button>
286
+
287
+ <script>
288
+ const topbar = document.getElementById('topbar');
289
+ window.addEventListener('scroll', () => {
290
+ if (window.pageYOffset > 10) {
291
+ topbar.classList.add('scrolled');
292
+ } else {
293
+ topbar.classList.remove('scrolled');
294
+ }
295
+ });
296
+
297
+ function toggleSidebar() {
298
+ document.getElementById('sidebar').classList.toggle('open');
299
+ }
300
+
301
+ if (window.innerWidth <= 768) {
302
+ document.querySelector('.main-content').addEventListener('click', function() {
303
+ document.getElementById('sidebar').classList.remove('open');
304
+ });
305
+ }
306
+ </script>
307
+ </body>
308
+ </html>