synabun 1.3.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 (187) hide show
  1. package/CHANGELOG.md +665 -0
  2. package/LICENSE +191 -0
  3. package/README.md +853 -0
  4. package/hooks/claude-code/post-plan.mjs +391 -0
  5. package/hooks/claude-code/post-remember.mjs +239 -0
  6. package/hooks/claude-code/pre-compact.mjs +241 -0
  7. package/hooks/claude-code/pre-websearch.mjs +90 -0
  8. package/hooks/claude-code/prompt-submit.mjs +861 -0
  9. package/hooks/claude-code/session-start.mjs +494 -0
  10. package/hooks/claude-code/shared.mjs +368 -0
  11. package/hooks/claude-code/stop.mjs +646 -0
  12. package/hooks/claude-code/test-user-learning.mjs +531 -0
  13. package/mcp-server/package.json +38 -0
  14. package/mcp-server/run.mjs +10 -0
  15. package/mcp-server/src/config.ts +70 -0
  16. package/mcp-server/src/http.ts +93 -0
  17. package/mcp-server/src/index.ts +203 -0
  18. package/mcp-server/src/preload-http.ts +25 -0
  19. package/mcp-server/src/preload.ts +29 -0
  20. package/mcp-server/src/scripts/migrate-qdrant-to-sqlite.ts +506 -0
  21. package/mcp-server/src/services/categories.ts +429 -0
  22. package/mcp-server/src/services/discord.ts +702 -0
  23. package/mcp-server/src/services/file-checksums.ts +33 -0
  24. package/mcp-server/src/services/local-embeddings.ts +77 -0
  25. package/mcp-server/src/services/neural-interface.ts +344 -0
  26. package/mcp-server/src/services/sqlite.ts +823 -0
  27. package/mcp-server/src/tools/browser-advanced.ts +123 -0
  28. package/mcp-server/src/tools/browser-interact.ts +255 -0
  29. package/mcp-server/src/tools/browser-navigate.ts +77 -0
  30. package/mcp-server/src/tools/browser-observe.ts +1330 -0
  31. package/mcp-server/src/tools/browser.ts +107 -0
  32. package/mcp-server/src/tools/card-tools.ts +193 -0
  33. package/mcp-server/src/tools/card.ts +22 -0
  34. package/mcp-server/src/tools/category.ts +379 -0
  35. package/mcp-server/src/tools/discord-channel.ts +274 -0
  36. package/mcp-server/src/tools/discord-guild.ts +188 -0
  37. package/mcp-server/src/tools/discord-member.ts +158 -0
  38. package/mcp-server/src/tools/discord-message.ts +231 -0
  39. package/mcp-server/src/tools/discord-onboarding.ts +228 -0
  40. package/mcp-server/src/tools/discord-role.ts +209 -0
  41. package/mcp-server/src/tools/discord-thread.ts +110 -0
  42. package/mcp-server/src/tools/discord-webhook.ts +176 -0
  43. package/mcp-server/src/tools/discord.ts +40 -0
  44. package/mcp-server/src/tools/forget.ts +38 -0
  45. package/mcp-server/src/tools/git-tools.ts +141 -0
  46. package/mcp-server/src/tools/git.ts +13 -0
  47. package/mcp-server/src/tools/image-tools.ts +98 -0
  48. package/mcp-server/src/tools/image.ts +17 -0
  49. package/mcp-server/src/tools/leonardo-browser-tools.ts +281 -0
  50. package/mcp-server/src/tools/leonardo.ts +28 -0
  51. package/mcp-server/src/tools/loop.ts +348 -0
  52. package/mcp-server/src/tools/memories.ts +118 -0
  53. package/mcp-server/src/tools/recall.ts +323 -0
  54. package/mcp-server/src/tools/reflect.ts +145 -0
  55. package/mcp-server/src/tools/remember.ts +115 -0
  56. package/mcp-server/src/tools/response.ts +26 -0
  57. package/mcp-server/src/tools/restore.ts +34 -0
  58. package/mcp-server/src/tools/sync.ts +114 -0
  59. package/mcp-server/src/tools/tictactoe-tools.ts +98 -0
  60. package/mcp-server/src/tools/tictactoe.ts +13 -0
  61. package/mcp-server/src/tools/utils.ts +25 -0
  62. package/mcp-server/src/tools/whiteboard-tools.ts +260 -0
  63. package/mcp-server/src/tools/whiteboard.ts +22 -0
  64. package/mcp-server/src/tui.ts +940 -0
  65. package/mcp-server/src/types.ts +85 -0
  66. package/mcp-server/tsconfig.json +19 -0
  67. package/neural-interface/package.json +27 -0
  68. package/neural-interface/public/apple-touch-icon.png +0 -0
  69. package/neural-interface/public/category-logos/claude.svg +1 -0
  70. package/neural-interface/public/category-logos/gemini-color.svg +1 -0
  71. package/neural-interface/public/category-logos/openai.svg +1 -0
  72. package/neural-interface/public/category-logos/synabun.png +0 -0
  73. package/neural-interface/public/claude-chat.css +878 -0
  74. package/neural-interface/public/claude-chat.html +92 -0
  75. package/neural-interface/public/claude-chat.js +1168 -0
  76. package/neural-interface/public/favicon-16x16.png +0 -0
  77. package/neural-interface/public/favicon-32x32.png +0 -0
  78. package/neural-interface/public/gallery.svg +6 -0
  79. package/neural-interface/public/icon-192.png +0 -0
  80. package/neural-interface/public/icon-512.png +0 -0
  81. package/neural-interface/public/index-legacy.html +14677 -0
  82. package/neural-interface/public/index.html +212 -0
  83. package/neural-interface/public/index2d-legacy.html +8193 -0
  84. package/neural-interface/public/index2d.html +127 -0
  85. package/neural-interface/public/invite.html +351 -0
  86. package/neural-interface/public/leonardoai.svg +1 -0
  87. package/neural-interface/public/logo-synabun.png +0 -0
  88. package/neural-interface/public/logoHD.png +0 -0
  89. package/neural-interface/public/manifest.json +14 -0
  90. package/neural-interface/public/offline.html +299 -0
  91. package/neural-interface/public/onboarding.html +2335 -0
  92. package/neural-interface/public/openclaw-logo-text.png +0 -0
  93. package/neural-interface/public/pin-svgrepo-com.svg +25 -0
  94. package/neural-interface/public/sessionicon.svg +8 -0
  95. package/neural-interface/public/shared/ansi-parser.js +305 -0
  96. package/neural-interface/public/shared/api.js +1043 -0
  97. package/neural-interface/public/shared/colors.js +153 -0
  98. package/neural-interface/public/shared/constants.js +141 -0
  99. package/neural-interface/public/shared/html-shell.js +777 -0
  100. package/neural-interface/public/shared/html-term-renderer.js +1022 -0
  101. package/neural-interface/public/shared/i18n.js +147 -0
  102. package/neural-interface/public/shared/registry.js +82 -0
  103. package/neural-interface/public/shared/state.js +86 -0
  104. package/neural-interface/public/shared/storage.js +150 -0
  105. package/neural-interface/public/shared/styles.css +21212 -0
  106. package/neural-interface/public/shared/ui-automation-studio.js +3573 -0
  107. package/neural-interface/public/shared/ui-bookmarks.js +231 -0
  108. package/neural-interface/public/shared/ui-claude-panel.js +6333 -0
  109. package/neural-interface/public/shared/ui-command-runner.js +534 -0
  110. package/neural-interface/public/shared/ui-cost-widget.js +602 -0
  111. package/neural-interface/public/shared/ui-detail.js +1454 -0
  112. package/neural-interface/public/shared/ui-explorer.js +1356 -0
  113. package/neural-interface/public/shared/ui-file-explorer.js +2750 -0
  114. package/neural-interface/public/shared/ui-games.js +411 -0
  115. package/neural-interface/public/shared/ui-help.js +107 -0
  116. package/neural-interface/public/shared/ui-image-gallery.js +461 -0
  117. package/neural-interface/public/shared/ui-invite.js +519 -0
  118. package/neural-interface/public/shared/ui-keybinds.js +452 -0
  119. package/neural-interface/public/shared/ui-layouts.js +297 -0
  120. package/neural-interface/public/shared/ui-link.js +731 -0
  121. package/neural-interface/public/shared/ui-loading.js +255 -0
  122. package/neural-interface/public/shared/ui-menubar.js +499 -0
  123. package/neural-interface/public/shared/ui-multiselect.js +93 -0
  124. package/neural-interface/public/shared/ui-navbar.js +222 -0
  125. package/neural-interface/public/shared/ui-notifications.js +287 -0
  126. package/neural-interface/public/shared/ui-panels.js +309 -0
  127. package/neural-interface/public/shared/ui-resume.js +653 -0
  128. package/neural-interface/public/shared/ui-search.js +145 -0
  129. package/neural-interface/public/shared/ui-sessions.js +531 -0
  130. package/neural-interface/public/shared/ui-settings.js +5987 -0
  131. package/neural-interface/public/shared/ui-sidebar.js +1905 -0
  132. package/neural-interface/public/shared/ui-skills.js +2805 -0
  133. package/neural-interface/public/shared/ui-stats.js +38 -0
  134. package/neural-interface/public/shared/ui-sync.js +201 -0
  135. package/neural-interface/public/shared/ui-terminal.js +6385 -0
  136. package/neural-interface/public/shared/ui-tooltip.js +123 -0
  137. package/neural-interface/public/shared/ui-trash.js +439 -0
  138. package/neural-interface/public/shared/ui-tutorial-draw.js +875 -0
  139. package/neural-interface/public/shared/ui-tutorial-steps.js +2276 -0
  140. package/neural-interface/public/shared/ui-tutorial.js +1117 -0
  141. package/neural-interface/public/shared/ui-update.js +244 -0
  142. package/neural-interface/public/shared/ui-whiteboard.js +3262 -0
  143. package/neural-interface/public/shared/ui-workspaces.js +722 -0
  144. package/neural-interface/public/shared/utils.js +360 -0
  145. package/neural-interface/public/shared/vterm-buffer.js +1102 -0
  146. package/neural-interface/public/sw.js +52 -0
  147. package/neural-interface/public/synabun.png +0 -0
  148. package/neural-interface/public/toolbar-album.svg +8 -0
  149. package/neural-interface/public/toolbar-question.svg +6 -0
  150. package/neural-interface/public/toolbar-sessions.svg +6 -0
  151. package/neural-interface/public/variant/2d/background.js +113 -0
  152. package/neural-interface/public/variant/2d/context-menu.js +133 -0
  153. package/neural-interface/public/variant/2d/gfx.js +45 -0
  154. package/neural-interface/public/variant/2d/graph.js +1635 -0
  155. package/neural-interface/public/variant/2d/hulls.js +207 -0
  156. package/neural-interface/public/variant/2d/lasso.js +135 -0
  157. package/neural-interface/public/variant/2d/layout.js +594 -0
  158. package/neural-interface/public/variant/2d/main.js +521 -0
  159. package/neural-interface/public/variant/2d/minimap.js +312 -0
  160. package/neural-interface/public/variant/2d/settings-gfx.js +98 -0
  161. package/neural-interface/public/variant/3d/background.js +884 -0
  162. package/neural-interface/public/variant/3d/camera.js +661 -0
  163. package/neural-interface/public/variant/3d/gfx.js +116 -0
  164. package/neural-interface/public/variant/3d/graph.js +2399 -0
  165. package/neural-interface/public/variant/3d/main.js +500 -0
  166. package/neural-interface/public/variant/3d/settings-gfx.js +228 -0
  167. package/neural-interface/scripts/rebuild-pty.js +100 -0
  168. package/neural-interface/server.js +15000 -0
  169. package/neural-interface/templates/CLAUDE-template.md +211 -0
  170. package/package.json +53 -0
  171. package/postinstall.js +135 -0
  172. package/setup.js +260 -0
  173. package/skills/leonardo/SKILL.md +159 -0
  174. package/skills/leonardo/icon.svg +1 -0
  175. package/skills/leonardo/modules/browser-guide.md +378 -0
  176. package/skills/leonardo/modules/image-prompter.md +277 -0
  177. package/skills/leonardo/modules/model-advisor.md +100 -0
  178. package/skills/leonardo/modules/prompt-library.md +110 -0
  179. package/skills/leonardo/modules/style-guide.md +186 -0
  180. package/skills/leonardo/modules/video-prompter.md +311 -0
  181. package/skills/synabun/SKILL.md +185 -0
  182. package/skills/synabun/icon.png +0 -0
  183. package/skills/synabun/modules/audit.md +374 -0
  184. package/skills/synabun/modules/changelog.md +194 -0
  185. package/skills/synabun/modules/idea.md +144 -0
  186. package/skills/synabun/modules/memorize.md +188 -0
  187. package/skills/synabun/synabunicon.png +0 -0
package/neural-interface/public/index.html ADDED
@@ -0,0 +1,212 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6
+ <title>SynApp</title>
7
+ <meta name="theme-color" content="#0e0e10">
8
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
9
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
10
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
11
+ <link rel="manifest" href="/manifest.json">
12
+ <link rel="preconnect" href="https://fonts.googleapis.com">
13
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14
+ <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
15
+ <link href="https://db.onlinewebfonts.com/c/3284c3a32cf946466fb963369b3c5b2d?family=Disket+Mono" rel="stylesheet">
16
+ <link rel="stylesheet" href="/shared/styles.css">
17
+ <style>
18
+ /* ═══════════════════════════════════════════
19
+ 3D VARIANT — Camera HUD
20
+ ═══════════════════════════════════════════ */
21
+ #camera-hud {
22
+ display: none !important;
23
+ flex-direction: column;
24
+ align-items: center;
25
+ gap: 0;
26
+ pointer-events: none;
27
+ opacity: 0;
28
+ transition: opacity 0.4s;
29
+ font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
30
+ }
31
+ #camera-hud.visible { opacity: 1; pointer-events: auto; }
32
+ #camera-hud.pinned { opacity: 1; pointer-events: auto; }
33
+ #camera-hud.dragging { transition: none; }
34
+
35
+ .cam-card {
36
+ width: 140px;
37
+ background: rgba(18,18,20,0.65);
38
+ backdrop-filter: blur(24px);
39
+ border: 1px solid rgba(255,255,255,0.06);
40
+ border-radius: 12px;
41
+ padding: 12px 14px 10px;
42
+ display: flex;
43
+ flex-direction: column;
44
+ align-items: center;
45
+ gap: 10px;
46
+ position: relative;
47
+ }
48
+
49
+ .cam-pin {
50
+ position: absolute; top: 6px; right: 6px;
51
+ width: 20px; height: 20px;
52
+ display: flex; align-items: center; justify-content: center;
53
+ border-radius: 4px; background: transparent;
54
+ border: 1px solid transparent; cursor: pointer;
55
+ pointer-events: auto; opacity: 0;
56
+ transition: opacity 0.2s, background 0.15s, border-color 0.15s;
57
+ z-index: 5; padding: 0;
58
+ }
59
+ .cam-card:hover .cam-pin, #camera-hud.pinned .cam-pin { opacity: 1; }
60
+ .cam-pin:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.1); }
61
+ .cam-pin svg { width: 11px; height: 11px; stroke: rgba(255,255,255,0.3); fill: none; stroke-width: 2; transform: rotate(45deg); transition: stroke 0.15s, fill 0.15s, transform 0.15s; }
62
+ .cam-pin:hover svg { stroke: rgba(255,255,255,0.5); }
63
+ #camera-hud.pinned .cam-pin svg { stroke: rgba(110,200,255,0.7); fill: rgba(110,200,255,0.15); transform: rotate(0deg); }
64
+
65
+ .cam-drag-grip { width: 24px; height: 3px; border-radius: 2px; background: rgba(255,255,255,0.06); margin: -2px auto 0; cursor: grab; pointer-events: auto; transition: background 0.2s; }
66
+ .cam-card:hover .cam-drag-grip { background: rgba(255,255,255,0.12); }
67
+ .cam-drag-grip:active { cursor: grabbing; background: rgba(110,200,255,0.25); }
68
+
69
+ .cam-compass { width: 80px; height: 80px; position: relative; }
70
+ .cam-compass svg { width: 100%; height: 100%; }
71
+ .compass-ring { fill: none; stroke: rgba(255,255,255,0.08); stroke-width: 1.5; }
72
+ .compass-tick { stroke: rgba(255,255,255,0.2); stroke-width: 1; }
73
+ .compass-tick-major { stroke: rgba(255,255,255,0.4); stroke-width: 1.5; }
74
+ .compass-label { fill: rgba(255,255,255,0.35); font-size: 7px; font-weight: 600; text-anchor: middle; dominant-baseline: central; }
75
+ .compass-label-n { fill: rgba(110,200,255,0.7); }
76
+ .compass-needle { fill: rgba(110,200,255,0.6); transition: none; }
77
+ .compass-center { fill: rgba(255,255,255,0.15); }
78
+ .compass-fov { fill: rgba(110,200,255,0.06); stroke: rgba(110,200,255,0.15); stroke-width: 0.5; }
79
+
80
+ .cam-divider { width: 100%; height: 1px; background: rgba(255,255,255,0.06); }
81
+ .cam-controls-row { display: flex; align-items: center; gap: 12px; }
82
+
83
+ .cam-keys { display: grid; grid-template-columns: repeat(3, 22px); grid-template-rows: repeat(2, 22px); gap: 2px; }
84
+ .cam-key { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.25); font-size: 9px; font-weight: 600; transition: background 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s; }
85
+ .cam-key.active { background: rgba(110,200,255,0.15); border-color: rgba(110,200,255,0.35); color: rgba(110,200,255,0.9); box-shadow: 0 0 8px rgba(110,200,255,0.15); }
86
+
87
+ .cam-altitude { display: flex; flex-direction: column; align-items: center; gap: 4px; }
88
+ .alt-label { font-size: 8px; color: rgba(255,255,255,0.25); text-transform: uppercase; letter-spacing: 0.08em; }
89
+ .alt-bar-v { width: 3px; height: 32px; background: rgba(255,255,255,0.06); border-radius: 2px; position: relative; overflow: hidden; display: flex; flex-direction: column-reverse; }
90
+ .alt-fill-v { width: 100%; background: linear-gradient(0deg, rgba(110,200,255,0.4), rgba(110,200,255,0.7)); border-radius: 2px; transition: height 0.1s; }
91
+ .alt-value { font-size: 9px; color: rgba(255,255,255,0.4); font-variant-numeric: tabular-nums; min-width: 28px; text-align: center; }
92
+
93
+ .cam-speed { font-size: 9px; color: rgba(255,255,255,0.25); letter-spacing: 0.06em; text-align: center; }
94
+ .cam-speed .boost { color: rgba(255,180,60,0.7); }
95
+
96
+ /* ═══════════════════════════════════════════
97
+ 3D VARIANT — Controls Panel
98
+ ═══════════════════════════════════════════ */
99
+ #controls-panel {
100
+ position: fixed; bottom: 52px; right: 12px; width: 190px; z-index: 90;
101
+ border-radius: 10px; overflow: hidden;
102
+ background: rgba(28,28,30,0.72); backdrop-filter: blur(40px) saturate(1.4); -webkit-backdrop-filter: blur(40px) saturate(1.4);
103
+ border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 2px 20px rgba(0,0,0,0.4);
104
+ padding: 12px 14px; transition: opacity 0.2s; display: none;
105
+ }
106
+ #controls-panel.visible { display: block; }
107
+ #controls-panel .ctrl-title { font-size: 9px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.25); margin-bottom: 8px; }
108
+ #controls-panel .ctrl-section { margin-bottom: 8px; }
109
+ #controls-panel .ctrl-section:last-child { margin-bottom: 0; }
110
+ #controls-panel .ctrl-section-label { font-size: 8px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.15); margin-bottom: 5px; }
111
+ #controls-panel .ctrl-row { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; }
112
+ #controls-panel .ctrl-row:last-child { margin-bottom: 0; }
113
+ #controls-panel .ctrl-keys { display: flex; gap: 2px; flex-shrink: 0; }
114
+ #controls-panel .ctrl-key { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 18px; padding: 0 4px; font-size: 9px; font-weight: 600; font-family: 'SF Mono', 'Fira Code', monospace; color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); border-radius: 3px; }
115
+ #controls-panel .ctrl-desc { font-size: 10px; color: rgba(255,255,255,0.3); white-space: nowrap; }
116
+ </style>
117
+ <script>if('serviceWorker' in navigator)navigator.serviceWorker.register('/sw.js').catch(()=>{})</script>
118
+ </head>
119
+ <body>
120
+
121
+ <!-- 3D-only: Camera HUD -->
122
+ <div id="camera-hud">
123
+ <div class="cam-card">
124
+ <button class="cam-pin" id="cam-pin-btn" title="Pin HUD"><svg viewBox="0 0 24 24"><path d="M9 4v4.5L7.5 10H6v2h4v7l2 1 2-1v-7h4v-2h-1.5L15 8.5V4H9z" stroke-linejoin="round" stroke-linecap="round"/></svg></button>
125
+ <div class="cam-drag-grip" id="cam-drag-grip"></div>
126
+ <div class="cam-compass">
127
+ <svg viewBox="0 0 72 72">
128
+ <circle class="compass-ring" cx="36" cy="36" r="32"/>
129
+ <g id="compass-ticks"></g>
130
+ <path id="compass-fov" class="compass-fov" d=""/>
131
+ <polygon id="compass-needle" class="compass-needle" points="36,8 34,16 38,16"/>
132
+ <circle class="compass-center" cx="36" cy="36" r="2.5"/>
133
+ <text class="compass-label compass-label-n" x="36" y="6">N</text>
134
+ <text class="compass-label" x="66" y="37">E</text>
135
+ <text class="compass-label" x="36" y="69">S</text>
136
+ <text class="compass-label" x="6" y="37">W</text>
137
+ </svg>
138
+ </div>
139
+ <div class="cam-divider"></div>
140
+ <div class="cam-controls-row">
141
+ <div class="cam-keys">
142
+ <div class="cam-key" id="key-q">Q</div>
143
+ <div class="cam-key" id="key-w">W</div>
144
+ <div class="cam-key" id="key-e">E</div>
145
+ <div class="cam-key" id="key-a">A</div>
146
+ <div class="cam-key" id="key-s">S</div>
147
+ <div class="cam-key" id="key-d">D</div>
148
+ </div>
149
+ <div class="cam-altitude">
150
+ <span class="alt-label">ALT</span>
151
+ <div class="alt-bar-v"><div class="alt-fill-v" id="alt-fill"></div></div>
152
+ <span class="alt-value" id="alt-value">0</span>
153
+ </div>
154
+ </div>
155
+ <div class="cam-speed" id="cam-speed-label">MOVE</div>
156
+ </div>
157
+ </div>
158
+
159
+ <!-- 3D-only: Controls Reference Panel -->
160
+ <div id="controls-panel">
161
+ <div class="ctrl-title">3D Controls</div>
162
+ <div class="ctrl-section">
163
+ <div class="ctrl-section-label">Movement</div>
164
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">W</span><span class="ctrl-key">A</span><span class="ctrl-key">S</span><span class="ctrl-key">D</span></div><span class="ctrl-desc">Move</span></div>
165
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">Q</span></div><span class="ctrl-desc">Down</span></div>
166
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">E</span></div><span class="ctrl-desc">Up</span></div>
167
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">Shift</span></div><span class="ctrl-desc">Boost 3x</span></div>
168
+ </div>
169
+ <div class="ctrl-section">
170
+ <div class="ctrl-section-label">Camera</div>
171
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">L-Drag</span></div><span class="ctrl-desc">Rotate</span></div>
172
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">R-Drag</span></div><span class="ctrl-desc">Pan</span></div>
173
+ <div class="ctrl-row"><div class="ctrl-keys"><span class="ctrl-key">Scroll</span></div><span class="ctrl-desc">Zoom</span></div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- html2canvas for card screenshot MCP tool -->
178
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" defer></script>
179
+
180
+ <!-- 3D CDN dependencies (loaded as globals before module) -->
181
+ <script type="importmap">
182
+ {
183
+ "imports": {
184
+ "three": "https://esm.sh/three@0.169.0",
185
+ "three/addons/": "https://esm.sh/three@0.169.0/examples/jsm/",
186
+ "@tweenjs/tween.js": "https://esm.sh/@tweenjs/tween.js@23.1.3"
187
+ }
188
+ }
189
+ </script>
190
+ <script type="module">
191
+ // Load 3D deps as globals (variant modules expect THREE, TWEEN, OrbitControls, etc.)
192
+ import * as THREE from 'three';
193
+ import { UnrealBloomPass } from 'three/addons/postprocessing/UnrealBloomPass.js';
194
+ import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
195
+ import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js';
196
+ import { RenderPass } from 'three/addons/postprocessing/RenderPass.js';
197
+ import { OutputPass } from 'three/addons/postprocessing/OutputPass.js';
198
+ import TWEEN from '@tweenjs/tween.js';
199
+
200
+ window.THREE = THREE;
201
+ window.UnrealBloomPass = UnrealBloomPass;
202
+ window.OrbitControls = OrbitControls;
203
+ window.EffectComposer = EffectComposer;
204
+ window.RenderPass = RenderPass;
205
+ window.OutputPass = OutputPass;
206
+ window.TWEEN = TWEEN;
207
+
208
+ // Boot the 3D variant
209
+ await import('/variant/3d/main.js');
210
+ </script>
211
+ </body>
212
+ </html>