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/index2d.html ADDED
@@ -0,0 +1,127 @@
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
+ 2D VARIANT — Main Canvas
20
+ ═══════════════════════════════════════════ */
21
+ #canvas-main {
22
+ position: fixed;
23
+ top: 0; left: 0;
24
+ width: 100%; height: 100%;
25
+ z-index: 1;
26
+ cursor: grab;
27
+ }
28
+ #canvas-main:active { cursor: grabbing; }
29
+
30
+ /* ═══════════════════════════════════════════
31
+ 2D VARIANT — Minimap
32
+ ═══════════════════════════════════════════ */
33
+ #minimap {
34
+ position: fixed;
35
+ bottom: 52px;
36
+ right: 12px;
37
+ width: 200px;
38
+ height: 140px;
39
+ z-index: 90;
40
+ border-radius: 10px;
41
+ overflow: hidden;
42
+ border: 1px solid rgba(255,255,255,0.06);
43
+ background: rgba(28,28,30,0.72);
44
+ backdrop-filter: blur(40px) saturate(1.4);
45
+ -webkit-backdrop-filter: blur(40px) saturate(1.4);
46
+ box-shadow: 0 2px 20px rgba(0,0,0,0.4);
47
+ transition: opacity 0.2s ease;
48
+ opacity: 0; pointer-events: none;
49
+ cursor: grab;
50
+ user-select: none;
51
+ }
52
+ #minimap:active { cursor: grabbing; }
53
+ #minimap.visible { opacity: 1; pointer-events: auto; }
54
+ #minimap-canvas { width: 100%; height: 100%; display: block; }
55
+ #minimap-label {
56
+ position: absolute;
57
+ top: 4px; left: 8px;
58
+ font-size: 9px; font-weight: 600;
59
+ letter-spacing: 0.15em; text-transform: uppercase;
60
+ color: rgba(255,255,255,0.2); pointer-events: none;
61
+ }
62
+
63
+ /* ═══════════════════════════════════════════
64
+ 2D VARIANT — Context Menu
65
+ ═══════════════════════════════════════════ */
66
+ #context-menu {
67
+ position: fixed;
68
+ z-index: 500;
69
+ min-width: 180px;
70
+ padding: 4px;
71
+ display: none;
72
+ animation: dropdownFadeIn 0.1s ease-out;
73
+ }
74
+ #context-menu.open { display: block; }
75
+ .ctx-item {
76
+ display: flex; align-items: center; gap: 8px;
77
+ padding: 7px 12px; border-radius: 6px; cursor: pointer;
78
+ font-size: 13px; color: var(--t-secondary); transition: background 0.1s;
79
+ }
80
+ .ctx-item:hover { background: var(--s-hover); color: var(--t-bright); }
81
+ .ctx-item svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.8; fill: none; }
82
+ .ctx-item--danger:hover { color: var(--accent-red); background: var(--accent-red-bg); }
83
+ .ctx-sep { height: 1px; background: var(--b-subtle); margin: 3px 4px; }
84
+
85
+ /* ═══════════════════════════════════════════
86
+ 2D VARIANT — Lasso Selection
87
+ ═══════════════════════════════════════════ */
88
+ #lasso-canvas {
89
+ position: fixed;
90
+ top: 0; left: 0;
91
+ width: 100%; height: 100%;
92
+ z-index: 5;
93
+ pointer-events: none;
94
+ }
95
+ </style>
96
+ <script>if('serviceWorker' in navigator)navigator.serviceWorker.register('/sw.js').catch(()=>{})</script>
97
+ </head>
98
+ <body>
99
+
100
+ <!-- 2D: Main Render Canvas -->
101
+ <canvas id="canvas-main"></canvas>
102
+
103
+ <!-- 2D: Lasso Selection Overlay -->
104
+ <canvas id="lasso-canvas"></canvas>
105
+
106
+ <!-- 2D: Minimap -->
107
+ <div id="minimap" class="glass">
108
+ <canvas id="minimap-canvas" width="200" height="140"></canvas>
109
+ </div>
110
+
111
+ <!-- 2D: Context Menu -->
112
+ <div id="context-menu" class="glass">
113
+ <div class="ctx-item" data-action="open">Open Memory</div>
114
+ <div class="ctx-item" data-action="edit">Edit Memory</div>
115
+ <div class="ctx-sep"></div>
116
+ <div class="ctx-item" data-action="move">Move to Category...</div>
117
+ <div class="ctx-item" data-action="pin">Pin / Unpin</div>
118
+ <div class="ctx-item" data-action="focus">Focus: Show Linked</div>
119
+ <div class="ctx-sep"></div>
120
+ <div class="ctx-item" data-action="bookmark">Add to Bookmarks</div>
121
+ <div class="ctx-item ctx-item--danger" data-action="trash">Move to Trash</div>
122
+ </div>
123
+
124
+ <!-- Boot 2D variant -->
125
+ <script type="module" src="/variant/2d/main.js"></script>
126
+ </body>
127
+ </html>
package/neural-interface/public/invite.html ADDED
@@ -0,0 +1,351 @@
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">
6
+ <title>Neural Interface — Access</title>
7
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
8
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
10
+ <style>
11
+ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
12
+ html,body{height:100%;background:#050505;color:rgba(255,255,255,0.82);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
13
+ body{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column}
14
+
15
+ /* ── Background layers ─────────────────── */
16
+ .bg-grid{
17
+ position:fixed;inset:0;z-index:0;
18
+ background-image:
19
+ linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px),
20
+ linear-gradient(90deg,rgba(255,255,255,0.018) 1px,transparent 1px);
21
+ background-size:40px 40px;
22
+ }
23
+ .bg-glow{
24
+ position:fixed;z-index:0;
25
+ width:600px;height:600px;
26
+ top:50%;left:50%;
27
+ transform:translate(-50%,-50%);
28
+ background:radial-gradient(circle,rgba(110,181,255,0.05) 0%,rgba(140,160,255,0.025) 40%,transparent 70%);
29
+ pointer-events:none;
30
+ animation:pulse-glow 8s ease-in-out infinite;
31
+ }
32
+ @keyframes pulse-glow{
33
+ 0%,100%{opacity:0.6;transform:translate(-50%,-50%) scale(1)}
34
+ 50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
35
+ }
36
+
37
+ /* ── Floating particles ────────────────── */
38
+ .particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
39
+ .particle{
40
+ position:absolute;
41
+ width:2px;height:2px;
42
+ background:rgba(110,181,255,0.3);
43
+ border-radius:50%;
44
+ animation:float-up linear infinite;
45
+ }
46
+ @keyframes float-up{
47
+ 0%{transform:translateY(100vh) scale(0);opacity:0}
48
+ 10%{opacity:1}
49
+ 90%{opacity:1}
50
+ 100%{transform:translateY(-10vh) scale(1);opacity:0}
51
+ }
52
+
53
+ /* ── Card ──────────────────────────────── */
54
+ .card{
55
+ position:relative;z-index:1;
56
+ width:100%;max-width:400px;
57
+ padding:44px 36px 36px;
58
+ background:rgba(18,18,22,0.75);
59
+ backdrop-filter:blur(60px) saturate(1.3);-webkit-backdrop-filter:blur(60px) saturate(1.3);
60
+ border:1px solid rgba(255,255,255,0.06);
61
+ border-radius:20px;
62
+ box-shadow:
63
+ 0 32px 100px rgba(0,0,0,0.65),
64
+ 0 0 0 0.5px rgba(255,255,255,0.04),
65
+ inset 0 1px 0 rgba(255,255,255,0.04);
66
+ text-align:center;
67
+ animation:card-in 0.6s cubic-bezier(0.16,1,0.3,1) both;
68
+ }
69
+ @keyframes card-in{
70
+ from{opacity:0;transform:translateY(20px) scale(0.97)}
71
+ to{opacity:1;transform:translateY(0) scale(1)}
72
+ }
73
+
74
+ /* Accent line at top */
75
+ .card::before{
76
+ content:'';position:absolute;
77
+ top:-1px;left:32px;right:32px;height:1px;
78
+ background:linear-gradient(90deg,transparent,rgba(110,181,255,0.4),rgba(140,160,255,0.3),transparent);
79
+ border-radius:1px;
80
+ }
81
+
82
+ /* ── Logo ──────────────────────────────── */
83
+ .logo{
84
+ width:200px;height:auto;
85
+ margin:0 auto 24px;
86
+ opacity:0.85;
87
+ filter:drop-shadow(0 0 20px rgba(110,181,255,0.15));
88
+ animation:logo-in 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s both;
89
+ }
90
+ .logo img{width:100%;height:auto}
91
+ @keyframes logo-in{
92
+ from{opacity:0;transform:scale(0.8)}
93
+ to{opacity:0.85;transform:scale(1)}
94
+ }
95
+
96
+ /* ── Typography ────────────────────────── */
97
+ h1{
98
+ font-family:'Space Grotesk',sans-serif;
99
+ font-size:20px;font-weight:600;
100
+ color:rgba(255,255,255,0.88);
101
+ margin-bottom:6px;
102
+ letter-spacing:-0.02em;
103
+ animation:fade-in 0.6s ease 0.15s both;
104
+ }
105
+ .subtitle{
106
+ font-size:13px;
107
+ color:rgba(255,255,255,0.32);
108
+ margin-bottom:30px;
109
+ letter-spacing:0.01em;
110
+ animation:fade-in 0.6s ease 0.2s both;
111
+ }
112
+ @keyframes fade-in{
113
+ from{opacity:0;transform:translateY(6px)}
114
+ to{opacity:1;transform:translateY(0)}
115
+ }
116
+
117
+ /* ── Input ─────────────────────────────── */
118
+ .input-wrap{
119
+ position:relative;margin-bottom:14px;
120
+ animation:fade-in 0.6s ease 0.25s both;
121
+ }
122
+ .input-wrap input{
123
+ width:100%;padding:13px 16px 13px 40px;
124
+ font-family:'JetBrains Mono',monospace;font-size:13px;
125
+ background:rgba(255,255,255,0.03);
126
+ border:1px solid rgba(255,255,255,0.07);
127
+ border-radius:12px;color:rgba(255,255,255,0.9);
128
+ outline:none;
129
+ transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;
130
+ }
131
+ .input-wrap input:focus{
132
+ border-color:rgba(110,181,255,0.3);
133
+ background:rgba(255,255,255,0.05);
134
+ box-shadow:0 0 0 3px rgba(110,181,255,0.06);
135
+ }
136
+ .input-wrap input::placeholder{color:rgba(255,255,255,0.18)}
137
+ .input-icon{
138
+ position:absolute;left:14px;top:50%;transform:translateY(-50%);
139
+ width:16px;height:16px;
140
+ color:rgba(255,255,255,0.2);
141
+ pointer-events:none;
142
+ transition:color 0.2s;
143
+ }
144
+ .input-wrap input:focus ~ .input-icon{color:rgba(110,181,255,0.5)}
145
+
146
+ /* ── Button ────────────────────────────── */
147
+ .connect-btn{
148
+ width:100%;padding:12px 0;
149
+ font-family:'Inter',sans-serif;font-size:13.5px;font-weight:500;
150
+ letter-spacing:0.02em;
151
+ background:linear-gradient(135deg,rgba(110,181,255,0.12),rgba(140,160,255,0.12));
152
+ border:1px solid rgba(110,181,255,0.15);
153
+ border-radius:12px;color:#6eb5ff;
154
+ cursor:pointer;
155
+ transition:all 0.2s ease;
156
+ animation:fade-in 0.6s ease 0.3s both;
157
+ }
158
+ .connect-btn:hover{
159
+ background:linear-gradient(135deg,rgba(110,181,255,0.2),rgba(140,160,255,0.18));
160
+ border-color:rgba(110,181,255,0.25);
161
+ box-shadow:0 4px 20px rgba(110,181,255,0.1);
162
+ transform:translateY(-1px);
163
+ }
164
+ .connect-btn:active{transform:translateY(0) scale(0.98)}
165
+ .connect-btn:disabled{
166
+ opacity:0.35;cursor:default;
167
+ transform:none !important;
168
+ box-shadow:none !important;
169
+ }
170
+
171
+ /* ── Status ────────────────────────────── */
172
+ .status{
173
+ margin-top:16px;font-size:12px;min-height:18px;
174
+ letter-spacing:0.01em;
175
+ transition:color 0.2s,opacity 0.2s;
176
+ }
177
+ .status:empty{opacity:0}
178
+ .status.error{color:#ff6b6b}
179
+ .status.success{color:#6eb5ff}
180
+ .status.loading{color:rgba(255,255,255,0.4)}
181
+
182
+ /* ── Divider ───────────────────────────── */
183
+ .divider{
184
+ display:flex;align-items:center;gap:12px;
185
+ margin:24px 0 20px;
186
+ animation:fade-in 0.6s ease 0.4s both;
187
+ }
188
+ .divider::before,.divider::after{
189
+ content:'';flex:1;height:1px;
190
+ background:rgba(255,255,255,0.06);
191
+ }
192
+ .divider span{
193
+ font-size:11px;
194
+ color:rgba(255,255,255,0.2);
195
+ letter-spacing:0.05em;
196
+ text-transform:uppercase;
197
+ font-weight:500;
198
+ white-space:nowrap;
199
+ }
200
+
201
+ /* ── Social badges ─────────────────────── */
202
+ .socials{
203
+ display:flex;justify-content:center;gap:10px;
204
+ animation:fade-in 0.6s ease 0.45s both;
205
+ }
206
+ .social-badge{
207
+ display:inline-flex;align-items:center;gap:6px;
208
+ padding:7px 14px;
209
+ background:rgba(255,255,255,0.03);
210
+ border:1px solid rgba(255,255,255,0.06);
211
+ border-radius:10px;
212
+ color:rgba(255,255,255,0.4);
213
+ font-size:11.5px;font-weight:500;
214
+ text-decoration:none;
215
+ transition:all 0.2s ease;
216
+ letter-spacing:0.01em;
217
+ }
218
+ .social-badge svg{
219
+ width:14px;height:14px;
220
+ flex-shrink:0;
221
+ transition:color 0.2s;
222
+ }
223
+ .social-badge:hover{
224
+ background:rgba(255,255,255,0.06);
225
+ border-color:rgba(255,255,255,0.1);
226
+ color:rgba(255,255,255,0.7);
227
+ }
228
+ .social-badge.discord:hover{color:#5865F2;border-color:rgba(88,101,242,0.25)}
229
+ .social-badge.twitter:hover{color:rgba(255,255,255,0.8);border-color:rgba(255,255,255,0.15)}
230
+ .social-badge.github:hover{color:rgba(255,255,255,0.8);border-color:rgba(255,255,255,0.15)}
231
+
232
+ /* ── Footer ────────────────────────────── */
233
+ .footer{
234
+ position:relative;z-index:1;
235
+ margin-top:24px;
236
+ animation:fade-in 0.6s ease 0.5s both;
237
+ }
238
+ .footer span{
239
+ font-size:11px;
240
+ color:rgba(255,255,255,0.12);
241
+ letter-spacing:0.02em;
242
+ }
243
+ </style>
244
+ <script>if('serviceWorker' in navigator)navigator.serviceWorker.register('/sw.js').catch(()=>{})</script>
245
+ </head>
246
+ <body>
247
+ <div class="bg-grid"></div>
248
+ <div class="bg-glow"></div>
249
+ <div class="particles" id="particles"></div>
250
+
251
+ <div class="card">
252
+ <div class="logo"><img src="data:image/png;base64,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" alt="SynaBun"></div>
253
+ <h1>Neural Interface</h1>
254
+ <p class="subtitle">Enter your invite key to connect</p>
255
+ <form id="auth-form">
256
+ <div class="input-wrap">
257
+ <input type="text" id="invite-key" placeholder="Paste invite key..." autocomplete="off" spellcheck="false" autofocus>
258
+ <svg class="input-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
259
+ </div>
260
+ <button type="submit" class="connect-btn" id="connect-btn">Connect</button>
261
+ </form>
262
+ <div class="status" id="status"></div>
263
+
264
+ <div class="divider"><span>SynaBun</span></div>
265
+
266
+ <div class="socials">
267
+ <a href="https://discord.gg/x6yWqE9GZP" target="_blank" rel="noopener" class="social-badge discord">
268
+ <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03z"/></svg>
269
+ Discord
270
+ </a>
271
+ <a href="https://x.com/SynabunAI" target="_blank" rel="noopener" class="social-badge twitter">
272
+ <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
273
+ X
274
+ </a>
275
+ <a href="https://github.com/danilokhury/Synabun" target="_blank" rel="noopener" class="social-badge github">
276
+ <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
277
+ GitHub
278
+ </a>
279
+ </div>
280
+ </div>
281
+
282
+ <div class="footer">
283
+ <span>SynaBun Neural Interface</span>
284
+ </div>
285
+
286
+ <script>
287
+ // ── Floating particles ──────────────────
288
+ (function() {
289
+ const container = document.getElementById('particles');
290
+ const count = 20;
291
+ for (let i = 0; i < count; i++) {
292
+ const p = document.createElement('div');
293
+ p.className = 'particle';
294
+ p.style.left = Math.random() * 100 + '%';
295
+ p.style.animationDuration = (8 + Math.random() * 12) + 's';
296
+ p.style.animationDelay = (Math.random() * 10) + 's';
297
+ p.style.width = p.style.height = (1 + Math.random() * 2) + 'px';
298
+ p.style.opacity = 0.15 + Math.random() * 0.35;
299
+ container.appendChild(p);
300
+ }
301
+ })();
302
+
303
+ // ── Auth form ───────────────────────────
304
+ (function() {
305
+ const form = document.getElementById('auth-form');
306
+ const input = document.getElementById('invite-key');
307
+ const btn = document.getElementById('connect-btn');
308
+ const status = document.getElementById('status');
309
+
310
+ // Pre-fill from URL fragment if present (e.g. /invite#mykey)
311
+ if (location.hash.length > 1) {
312
+ input.value = decodeURIComponent(location.hash.slice(1));
313
+ history.replaceState(null, '', location.pathname);
314
+ }
315
+
316
+ form.addEventListener('submit', async (e) => {
317
+ e.preventDefault();
318
+ const key = input.value.trim();
319
+ if (!key) { input.focus(); return; }
320
+
321
+ btn.disabled = true;
322
+ status.className = 'status loading';
323
+ status.textContent = 'Authenticating\u2026';
324
+
325
+ try {
326
+ const res = await fetch('/invite/auth', {
327
+ method: 'POST',
328
+ headers: { 'Content-Type': 'application/json' },
329
+ body: JSON.stringify({ key }),
330
+ });
331
+ const data = await res.json();
332
+ if (data.ok) {
333
+ status.className = 'status success';
334
+ status.textContent = 'Authenticated \u2014 redirecting\u2026';
335
+ setTimeout(() => { window.location = '/'; }, 600);
336
+ } else {
337
+ status.className = 'status error';
338
+ status.textContent = data.error || 'Invalid invite key';
339
+ btn.disabled = false;
340
+ input.select();
341
+ }
342
+ } catch (err) {
343
+ status.className = 'status error';
344
+ status.textContent = 'Connection failed';
345
+ btn.disabled = false;
346
+ }
347
+ });
348
+ })();
349
+ </script>
350
+ </body>
351
+ </html>