skyloom 1.4.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 (225) hide show
  1. package/.github/workflows/ci.yml +36 -0
  2. package/CONVERSION_PLAN.md +191 -0
  3. package/README.md +67 -0
  4. package/dist/agents/dew.d.ts +15 -0
  5. package/dist/agents/dew.d.ts.map +1 -0
  6. package/dist/agents/dew.js +74 -0
  7. package/dist/agents/dew.js.map +1 -0
  8. package/dist/agents/fair.d.ts +15 -0
  9. package/dist/agents/fair.d.ts.map +1 -0
  10. package/dist/agents/fair.js +106 -0
  11. package/dist/agents/fair.js.map +1 -0
  12. package/dist/agents/fog.d.ts +15 -0
  13. package/dist/agents/fog.d.ts.map +1 -0
  14. package/dist/agents/fog.js +52 -0
  15. package/dist/agents/fog.js.map +1 -0
  16. package/dist/agents/frost.d.ts +15 -0
  17. package/dist/agents/frost.d.ts.map +1 -0
  18. package/dist/agents/frost.js +54 -0
  19. package/dist/agents/frost.js.map +1 -0
  20. package/dist/agents/rain.d.ts +15 -0
  21. package/dist/agents/rain.d.ts.map +1 -0
  22. package/dist/agents/rain.js +54 -0
  23. package/dist/agents/rain.js.map +1 -0
  24. package/dist/agents/snow.d.ts +27 -0
  25. package/dist/agents/snow.d.ts.map +1 -0
  26. package/dist/agents/snow.js +226 -0
  27. package/dist/agents/snow.js.map +1 -0
  28. package/dist/cli/main.d.ts +7 -0
  29. package/dist/cli/main.d.ts.map +1 -0
  30. package/dist/cli/main.js +402 -0
  31. package/dist/cli/main.js.map +1 -0
  32. package/dist/cli/mode.d.ts +17 -0
  33. package/dist/cli/mode.d.ts.map +1 -0
  34. package/dist/cli/mode.js +56 -0
  35. package/dist/cli/mode.js.map +1 -0
  36. package/dist/core/agent.d.ts +174 -0
  37. package/dist/core/agent.d.ts.map +1 -0
  38. package/dist/core/agent.js +1332 -0
  39. package/dist/core/agent.js.map +1 -0
  40. package/dist/core/agent_helpers.d.ts +51 -0
  41. package/dist/core/agent_helpers.d.ts.map +1 -0
  42. package/dist/core/agent_helpers.js +477 -0
  43. package/dist/core/agent_helpers.js.map +1 -0
  44. package/dist/core/bus.d.ts +99 -0
  45. package/dist/core/bus.d.ts.map +1 -0
  46. package/dist/core/bus.js +191 -0
  47. package/dist/core/bus.js.map +1 -0
  48. package/dist/core/cache.d.ts +63 -0
  49. package/dist/core/cache.d.ts.map +1 -0
  50. package/dist/core/cache.js +121 -0
  51. package/dist/core/cache.js.map +1 -0
  52. package/dist/core/checkpoint.d.ts +19 -0
  53. package/dist/core/checkpoint.d.ts.map +1 -0
  54. package/dist/core/checkpoint.js +120 -0
  55. package/dist/core/checkpoint.js.map +1 -0
  56. package/dist/core/circuit_breaker.d.ts +46 -0
  57. package/dist/core/circuit_breaker.d.ts.map +1 -0
  58. package/dist/core/circuit_breaker.js +99 -0
  59. package/dist/core/circuit_breaker.js.map +1 -0
  60. package/dist/core/config.d.ts +97 -0
  61. package/dist/core/config.d.ts.map +1 -0
  62. package/dist/core/config.js +281 -0
  63. package/dist/core/config.js.map +1 -0
  64. package/dist/core/constants.d.ts +78 -0
  65. package/dist/core/constants.d.ts.map +1 -0
  66. package/dist/core/constants.js +84 -0
  67. package/dist/core/constants.js.map +1 -0
  68. package/dist/core/factory.d.ts +63 -0
  69. package/dist/core/factory.d.ts.map +1 -0
  70. package/dist/core/factory.js +537 -0
  71. package/dist/core/factory.js.map +1 -0
  72. package/dist/core/icons.d.ts +28 -0
  73. package/dist/core/icons.d.ts.map +1 -0
  74. package/dist/core/icons.js +86 -0
  75. package/dist/core/icons.js.map +1 -0
  76. package/dist/core/index.d.ts +29 -0
  77. package/dist/core/index.d.ts.map +1 -0
  78. package/dist/core/index.js +54 -0
  79. package/dist/core/index.js.map +1 -0
  80. package/dist/core/llm.d.ts +121 -0
  81. package/dist/core/llm.d.ts.map +1 -0
  82. package/dist/core/llm.js +532 -0
  83. package/dist/core/llm.js.map +1 -0
  84. package/dist/core/logger.d.ts +57 -0
  85. package/dist/core/logger.d.ts.map +1 -0
  86. package/dist/core/logger.js +122 -0
  87. package/dist/core/logger.js.map +1 -0
  88. package/dist/core/mcp.d.ts +190 -0
  89. package/dist/core/mcp.d.ts.map +1 -0
  90. package/dist/core/mcp.js +822 -0
  91. package/dist/core/mcp.js.map +1 -0
  92. package/dist/core/mcp_server.d.ts +26 -0
  93. package/dist/core/mcp_server.d.ts.map +1 -0
  94. package/dist/core/mcp_server.js +211 -0
  95. package/dist/core/mcp_server.js.map +1 -0
  96. package/dist/core/memory.d.ts +190 -0
  97. package/dist/core/memory.d.ts.map +1 -0
  98. package/dist/core/memory.js +988 -0
  99. package/dist/core/memory.js.map +1 -0
  100. package/dist/core/middleware.d.ts +114 -0
  101. package/dist/core/middleware.d.ts.map +1 -0
  102. package/dist/core/middleware.js +248 -0
  103. package/dist/core/middleware.js.map +1 -0
  104. package/dist/core/pipelines.d.ts +87 -0
  105. package/dist/core/pipelines.d.ts.map +1 -0
  106. package/dist/core/pipelines.js +301 -0
  107. package/dist/core/pipelines.js.map +1 -0
  108. package/dist/core/profile.d.ts +23 -0
  109. package/dist/core/profile.d.ts.map +1 -0
  110. package/dist/core/profile.js +289 -0
  111. package/dist/core/profile.js.map +1 -0
  112. package/dist/core/router.d.ts +24 -0
  113. package/dist/core/router.d.ts.map +1 -0
  114. package/dist/core/router.js +111 -0
  115. package/dist/core/router.js.map +1 -0
  116. package/dist/core/schemas.d.ts +82 -0
  117. package/dist/core/schemas.d.ts.map +1 -0
  118. package/dist/core/schemas.js +200 -0
  119. package/dist/core/schemas.js.map +1 -0
  120. package/dist/core/semantic.d.ts +92 -0
  121. package/dist/core/semantic.d.ts.map +1 -0
  122. package/dist/core/semantic.js +175 -0
  123. package/dist/core/semantic.js.map +1 -0
  124. package/dist/core/skill.d.ts +68 -0
  125. package/dist/core/skill.d.ts.map +1 -0
  126. package/dist/core/skill.js +350 -0
  127. package/dist/core/skill.js.map +1 -0
  128. package/dist/core/tool.d.ts +99 -0
  129. package/dist/core/tool.d.ts.map +1 -0
  130. package/dist/core/tool.js +341 -0
  131. package/dist/core/tool.js.map +1 -0
  132. package/dist/core/tool_router.d.ts +29 -0
  133. package/dist/core/tool_router.d.ts.map +1 -0
  134. package/dist/core/tool_router.js +172 -0
  135. package/dist/core/tool_router.js.map +1 -0
  136. package/dist/core/workspace.d.ts +48 -0
  137. package/dist/core/workspace.d.ts.map +1 -0
  138. package/dist/core/workspace.js +179 -0
  139. package/dist/core/workspace.js.map +1 -0
  140. package/dist/plugins/loader.d.ts +17 -0
  141. package/dist/plugins/loader.d.ts.map +1 -0
  142. package/dist/plugins/loader.js +96 -0
  143. package/dist/plugins/loader.js.map +1 -0
  144. package/dist/skills/loader.d.ts +9 -0
  145. package/dist/skills/loader.d.ts.map +1 -0
  146. package/dist/skills/loader.js +78 -0
  147. package/dist/skills/loader.js.map +1 -0
  148. package/dist/tools/builtin.d.ts +10 -0
  149. package/dist/tools/builtin.d.ts.map +1 -0
  150. package/dist/tools/builtin.js +414 -0
  151. package/dist/tools/builtin.js.map +1 -0
  152. package/dist/tools/computer.d.ts +12 -0
  153. package/dist/tools/computer.d.ts.map +1 -0
  154. package/dist/tools/computer.js +326 -0
  155. package/dist/tools/computer.js.map +1 -0
  156. package/dist/tools/delegate.d.ts +10 -0
  157. package/dist/tools/delegate.d.ts.map +1 -0
  158. package/dist/tools/delegate.js +45 -0
  159. package/dist/tools/delegate.js.map +1 -0
  160. package/dist/web/server.d.ts +5 -0
  161. package/dist/web/server.d.ts.map +1 -0
  162. package/dist/web/server.js +647 -0
  163. package/dist/web/server.js.map +1 -0
  164. package/dist/web/tts.d.ts +33 -0
  165. package/dist/web/tts.d.ts.map +1 -0
  166. package/dist/web/tts.js +69 -0
  167. package/dist/web/tts.js.map +1 -0
  168. package/package.json +60 -0
  169. package/scripts/install.js +48 -0
  170. package/scripts/link.js +10 -0
  171. package/setup.bat +79 -0
  172. package/skill-test-ty2fOA/test.md +10 -0
  173. package/src/agents/dew.ts +70 -0
  174. package/src/agents/fair.ts +102 -0
  175. package/src/agents/fog.ts +48 -0
  176. package/src/agents/frost.ts +50 -0
  177. package/src/agents/rain.ts +50 -0
  178. package/src/agents/snow.ts +239 -0
  179. package/src/cli/main.ts +405 -0
  180. package/src/cli/mode.ts +58 -0
  181. package/src/core/agent.ts +1506 -0
  182. package/src/core/agent_helpers.ts +461 -0
  183. package/src/core/bus.ts +221 -0
  184. package/src/core/cache.ts +153 -0
  185. package/src/core/checkpoint.ts +94 -0
  186. package/src/core/circuit_breaker.ts +119 -0
  187. package/src/core/config.ts +341 -0
  188. package/src/core/constants.ts +95 -0
  189. package/src/core/factory.ts +627 -0
  190. package/src/core/icons.ts +53 -0
  191. package/src/core/index.ts +31 -0
  192. package/src/core/llm.ts +724 -0
  193. package/src/core/logger.ts +144 -0
  194. package/src/core/mcp.ts +953 -0
  195. package/src/core/mcp_server.ts +176 -0
  196. package/src/core/memory.ts +1169 -0
  197. package/src/core/middleware.ts +350 -0
  198. package/src/core/pipelines.ts +424 -0
  199. package/src/core/profile.ts +255 -0
  200. package/src/core/router.ts +124 -0
  201. package/src/core/schemas.ts +282 -0
  202. package/src/core/semantic.ts +211 -0
  203. package/src/core/skill.ts +342 -0
  204. package/src/core/tool.ts +427 -0
  205. package/src/core/tool_router.ts +193 -0
  206. package/src/core/workspace.ts +150 -0
  207. package/src/plugins/loader.ts +66 -0
  208. package/src/skills/loader.ts +46 -0
  209. package/src/sql.js.d.ts +29 -0
  210. package/src/tools/builtin.ts +382 -0
  211. package/src/tools/computer.ts +269 -0
  212. package/src/tools/delegate.ts +49 -0
  213. package/src/web/server.ts +634 -0
  214. package/src/web/tts.ts +93 -0
  215. package/tests/bus.test.ts +121 -0
  216. package/tests/icons.test.ts +45 -0
  217. package/tests/router.test.ts +86 -0
  218. package/tests/schemas.test.ts +51 -0
  219. package/tests/semantic.test.ts +83 -0
  220. package/tests/setup.ts +10 -0
  221. package/tests/skill.test.ts +172 -0
  222. package/tests/tool.test.ts +108 -0
  223. package/tests/tool_router.test.ts +71 -0
  224. package/tsconfig.json +37 -0
  225. package/vitest.config.ts +17 -0
@@ -0,0 +1,647 @@
1
+ "use strict";
2
+ /**
3
+ * Web server for Skyloom — HTTP API + 水墨气象台 chat UI.
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.startWebServer = startWebServer;
7
+ const http_1 = require("http");
8
+ const factory_1 = require("../core/factory");
9
+ const logger_1 = require("../core/logger");
10
+ const log = (0, logger_1.getLogger)("web-server");
11
+ /* ── Agent personalities: pigment + atmosphere + motion ── */
12
+ const PIGMENTS = {
13
+ fog: {
14
+ color: "#4a4a44", nameZH: "松烟墨", kanji: "霧",
15
+ poem: "山色有无中",
16
+ ambient: `background:radial-gradient(ellipse at 30% 60%,rgba(180,175,165,.18) 0%,transparent 70%),
17
+ radial-gradient(ellipse at 70% 30%,rgba(190,185,175,.10) 0%,transparent 55%);`,
18
+ msgStyle: `border-style:dashed;border-color:rgba(140,135,125,.25);`,
19
+ dotPulse: "fog-pulse", kanjiAnim: "fog-drift",
20
+ },
21
+ rain: {
22
+ color: "#2a5c8a", nameZH: "石青", kanji: "雨",
23
+ poem: "一蓑烟雨任平生",
24
+ ambient: `background:radial-gradient(ellipse at 50% 20%,rgba(42,92,138,.10) 0%,transparent 50%),
25
+ repeating-linear-gradient(175deg,transparent,transparent 3px,rgba(42,92,138,.02) 3px,rgba(42,92,138,.02) 6px);`,
26
+ msgStyle: `border-style:solid;border-color:rgba(42,92,138,.18);box-shadow:inset 0 -1px 0 rgba(42,92,138,.06);`,
27
+ dotPulse: "rain-ripple", kanjiAnim: "rain-fall",
28
+ },
29
+ frost: {
30
+ color: "#3a7a6e", nameZH: "石绿", kanji: "霜",
31
+ poem: "月落乌啼霜满天",
32
+ ambient: `background:radial-gradient(ellipse at 60% 40%,rgba(58,122,110,.09) 0%,transparent 55%),
33
+ conic-gradient(from 0deg at 75% 25%,transparent 0deg,rgba(58,122,110,.03) 2deg,transparent 4deg,transparent 180deg);`,
34
+ msgStyle: `border-style:solid;border-color:rgba(58,122,110,.20);border-radius:2px 8px 8px 2px;`,
35
+ dotPulse: "frost-glint", kanjiAnim: "frost-sparkle",
36
+ },
37
+ snow: {
38
+ color: "#8a8a82", nameZH: "铅白", kanji: "雪",
39
+ poem: "千树万树梨花开",
40
+ ambient: `background:radial-gradient(circle at 25% 70%,rgba(210,208,200,.10) 0%,transparent 50%),
41
+ radial-gradient(circle at 80% 35%,rgba(220,218,210,.07) 0%,transparent 45%);`,
42
+ msgStyle: `border-style:solid;border-color:rgba(180,178,170,.15);border-radius:8px 8px 8px 2px;`,
43
+ dotPulse: "snow-float", kanjiAnim: "snow-fall",
44
+ },
45
+ dew: {
46
+ color: "#8b6914", nameZH: "赭石", kanji: "露",
47
+ poem: "金风玉露一相逢",
48
+ ambient: `background:radial-gradient(ellipse at 50% 90%,rgba(139,105,20,.08) 0%,transparent 55%),
49
+ radial-gradient(ellipse at 80% 95%,rgba(139,105,20,.04) 0%,transparent 40%);`,
50
+ msgStyle: `border-style:solid;border-color:rgba(139,105,20,.22);border-width:0 0 2px 2px;`,
51
+ dotPulse: "dew-bead", kanjiAnim: "dew-still",
52
+ },
53
+ fair: {
54
+ color: "#b3342d", nameZH: "朱砂", kanji: "晴",
55
+ poem: "道是无晴却有晴",
56
+ ambient: `background:radial-gradient(ellipse at 80% 15%,rgba(179,52,45,.12) 0%,transparent 60%),
57
+ radial-gradient(ellipse at 30% 40%,rgba(200,100,50,.05) 0%,transparent 50%);`,
58
+ msgStyle: `border-style:solid;border-color:rgba(179,52,45,.20);box-shadow:0 0 1px rgba(179,52,45,.04);`,
59
+ dotPulse: "fair-glow", kanjiAnim: "fair-warm",
60
+ },
61
+ };
62
+ /* ──────────────────────────────────────────────
63
+ Server
64
+ ────────────────────────────────────────────── */
65
+ async function startWebServer(port = 3000) {
66
+ const ctx = (0, factory_1.createSystemContext)();
67
+ const server = (0, http_1.createServer)(async (req, res) => {
68
+ res.setHeader("Access-Control-Allow-Origin", "*");
69
+ res.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
70
+ res.setHeader("Access-Control-Allow-Headers", "Content-Type");
71
+ if (req.method === "OPTIONS") {
72
+ res.writeHead(204);
73
+ res.end();
74
+ return;
75
+ }
76
+ const url = new URL(req.url || "/", `http://${req.headers.host}`);
77
+ try {
78
+ if (url.pathname === "/api/chat" && req.method === "POST")
79
+ await handleChat(req, res, ctx);
80
+ else if (url.pathname === "/api/agents" && req.method === "GET")
81
+ handleAgents(res, ctx);
82
+ else if (url.pathname === "/api/status" && req.method === "GET")
83
+ handleStatus(res, ctx);
84
+ else if (url.pathname.startsWith("/api/"))
85
+ res.writeHead(404, { "Content-Type": "application/json" }).end(JSON.stringify({ error: "Not found" }));
86
+ else
87
+ serveInkWashUI(res);
88
+ }
89
+ catch (e) {
90
+ res.writeHead(500, { "Content-Type": "application/json" }).end(JSON.stringify({ error: String(e) }));
91
+ }
92
+ });
93
+ return new Promise((resolve) => { server.listen(port, () => { console.log(`\n 水墨气象台 · Skyloom\n http://localhost:${port}\n`); resolve(); }); });
94
+ }
95
+ async function handleChat(req, res, ctx) {
96
+ const buffers = [];
97
+ for await (const chunk of req)
98
+ buffers.push(chunk);
99
+ const { message, agent: agentName = "fog" } = JSON.parse(Buffer.concat(buffers).toString("utf-8"));
100
+ if (!message) {
101
+ res.writeHead(400, { "Content-Type": "application/json" }).end(JSON.stringify({ error: "message is required" }));
102
+ return;
103
+ }
104
+ const agent = ctx.agentMap.get(agentName);
105
+ if (!agent) {
106
+ res.writeHead(404, { "Content-Type": "application/json" }).end(JSON.stringify({ error: `Agent '${agentName}' not found` }));
107
+ return;
108
+ }
109
+ await agent.init();
110
+ try {
111
+ res.writeHead(200, { "Content-Type": "application/json" }).end(JSON.stringify({ response: await agent.chat(message) }));
112
+ }
113
+ catch (e) {
114
+ res.writeHead(500, { "Content-Type": "application/json" }).end(JSON.stringify({ error: String(e) }));
115
+ }
116
+ }
117
+ function handleAgents(res, ctx) {
118
+ res.writeHead(200, { "Content-Type": "application/json" }).end(JSON.stringify({
119
+ agents: [...ctx.agentMap.entries()].map(([n, a]) => ({ name: n, displayName: a.displayName, emoji: a.emoji, specialty: a.specialty, state: a.state })),
120
+ }));
121
+ }
122
+ function handleStatus(res, ctx) {
123
+ const s = {};
124
+ for (const [n, a] of ctx.agentMap)
125
+ s[n] = a.getStatus();
126
+ res.writeHead(200, { "Content-Type": "application/json" }).end(JSON.stringify({ agents: s, workspace: ctx.workspacePath }));
127
+ }
128
+ /* ──────────────────────────────────────────────
129
+ 水墨气象台 · Ink Wash Weather Station
130
+ ────────────────────────────────────────────── */
131
+ function serveInkWashUI(res) {
132
+ const html = `<!DOCTYPE html>
133
+ <html lang="zh">
134
+ <head>
135
+ <meta charset="UTF-8">
136
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
137
+ <title>水墨气象台 · Skyloom</title>
138
+ <link rel="preconnect" href="https://fonts.googleapis.com">
139
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
140
+ <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&family=Noto+Serif:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
141
+ <style>
142
+ /* ═══════════════════════════════════
143
+ 水墨气象台 · 全局
144
+ ═══════════════════════════════════ */
145
+ :root{
146
+ --paper:#f8f4ec;
147
+ --paper-warm:#f3ede2;
148
+ --paper-edge:rgba(180,160,130,.06);
149
+ --ink-deep:#1a1614;
150
+ --ink-mid:#3d3833;
151
+ --ink-light:#8c8680;
152
+ --ink-faint:#c4bfb8;
153
+ --pigment:#4a4a44;
154
+ --pigment-soft:rgba(74,74,68,.12);
155
+ --pigment-seal:#4a4a44;
156
+ --dot-anim:fog-pulse;
157
+ --kanji-anim:fog-drift;
158
+ --gutter:clamp(24px,5vw,56px);
159
+ --sidebar-w:200px;
160
+ }
161
+ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
162
+ html,body{height:100%;overflow:hidden}
163
+ body{
164
+ font-family:'Noto Serif SC','Noto Serif',Georgia,serif;
165
+ background:var(--paper);
166
+ color:var(--ink-deep);
167
+ display:flex;height:100vh;font-weight:400;font-size:16px;line-height:1.8;
168
+ -webkit-font-smoothing:antialiased;
169
+ }
170
+
171
+ /* ── Aged paper texture with vignette edges ── */
172
+ #paper-grain{
173
+ position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.28;
174
+ background:
175
+ repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,119,90,.02) 2px,rgba(139,119,90,.02) 4px),
176
+ repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(139,119,90,.012) 3px,rgba(139,119,90,.012) 6px),
177
+ linear-gradient(135deg,rgba(80,60,30,.04) 0%,transparent 15%,transparent 85%,rgba(80,60,30,.04) 100%),
178
+ linear-gradient(225deg,rgba(80,60,30,.03) 0%,transparent 10%,transparent 90%,rgba(80,60,30,.03) 100%);
179
+ }
180
+ /* Ink wash mountain silhouette at top */
181
+ #paper-grain::before{
182
+ content:'';position:fixed;top:0;left:0;right:0;height:clamp(80px,12vh,160px);z-index:0;pointer-events:none;opacity:.12;
183
+ background:
184
+ radial-gradient(ellipse 120% 100% at 25% 100%,rgba(60,55,50,.5) 0%,transparent 45%),
185
+ radial-gradient(ellipse 80% 70% at 55% 100%,rgba(50,45,40,.4) 0%,transparent 55%),
186
+ radial-gradient(ellipse 100% 60% at 70% 100%,rgba(70,65,60,.3) 0%,transparent 60%),
187
+ radial-gradient(ellipse 60% 80% at 40% 100%,rgba(55,50,45,.25) 0%,transparent 50%),
188
+ radial-gradient(ellipse 140% 90% at 60% 100%,rgba(65,60,55,.15) 0%,transparent 70%);
189
+ mask:linear-gradient(0deg,transparent 0%,#000 100%);
190
+ -webkit-mask:linear-gradient(0deg,transparent 0%,#000 100%);
191
+ }
192
+
193
+ /* ── Ambient layer — agent-specific atmosphere ── */
194
+ #ambient-layer{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7;transition:background .8s ease;background:var(--ambient-bg)}
195
+
196
+ /* ═══════════════════════════════════
197
+ 雾 Fog · 松烟墨 · mist particles
198
+ ═══════════════════════════════════ */
199
+ .mist-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
200
+ .mist-particles i{
201
+ position:absolute;border-radius:50%;background:rgba(160,155,145,.10);
202
+ animation:fog-drift var(--dur,8s) linear infinite;
203
+ animation-delay:var(--delay,0s);
204
+ width:var(--w,120px);height:var(--h,40px);left:var(--x,10%);top:var(--y,30%);
205
+ filter:blur(20px);
206
+ }
207
+ @keyframes fog-drift{0%{transform:translateX(-30px);opacity:.3}50%{transform:translateX(40px);opacity:.7}100%{transform:translateX(-30px);opacity:.3}}
208
+
209
+ /* ═══════════════════════════════════
210
+ 雨 Rain · 石青 · falling streaks
211
+ ═══════════════════════════════════ */
212
+ .rain-streaks{position:absolute;inset:0;overflow:hidden;pointer-events:none}
213
+ .rain-streaks i{
214
+ position:absolute;width:1px;height:var(--h,40px);
215
+ background:linear-gradient(0deg,rgba(42,92,138,.12),transparent);
216
+ left:var(--x,15%);top:-10%;
217
+ animation:rain-fall var(--dur,1.2s) linear infinite;
218
+ animation-delay:var(--delay,0s);
219
+ }
220
+ @keyframes rain-fall{0%{transform:translateY(-10vh)}100%{transform:translateY(110vh)}}
221
+
222
+ /* ═══════════════════════════════════
223
+ 霜 Frost · 石绿 · crystalline sparks
224
+ ═══════════════════════════════════ */
225
+ .frost-crystals{position:absolute;inset:0;overflow:hidden;pointer-events:none}
226
+ .frost-crystals i{
227
+ position:absolute;
228
+ width:var(--w,4px);height:var(--h,4px);
229
+ background:rgba(58,122,110,.15);
230
+ left:var(--x,20%);top:var(--y,30%);
231
+ clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
232
+ animation:frost-glint var(--dur,3s) ease-in-out infinite;
233
+ animation-delay:var(--delay,0s);
234
+ }
235
+ @keyframes frost-glint{0%,100%{opacity:.1;transform:scale(.8) rotate(0deg)}50%{opacity:.6;transform:scale(1.4) rotate(45deg)}}
236
+
237
+ /* ═══════════════════════════════════
238
+ 雪 Snow · 铅白 · gentle snowfall
239
+ ═══════════════════════════════════ */
240
+ .snow-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
241
+ .snow-particles i{
242
+ position:absolute;border-radius:50%;background:rgba(190,188,180,.14);
243
+ width:var(--w,6px);height:var(--w,6px);
244
+ left:var(--x,20%);top:-5%;
245
+ animation:snow-fall var(--dur,10s) linear infinite;
246
+ animation-delay:var(--delay,0s);
247
+ }
248
+ @keyframes snow-fall{0%{transform:translateY(-5vh) translateX(0)}25%{transform:translateY(25vh) translateX(15px)}50%{transform:translateY(50vh) translateX(-10px)}75%{transform:translateY(75vh) translateX(8px)}100%{transform:translateY(110vh) translateX(-5px)}}
249
+
250
+ /* ═══════════════════════════════════
251
+ 露 Dew · 赭石 · morning dew beads
252
+ ═══════════════════════════════════ */
253
+ .dew-beads{position:absolute;inset:0;overflow:hidden;pointer-events:none}
254
+ .dew-beads i{
255
+ position:absolute;border-radius:50%;
256
+ background:radial-gradient(circle at 40% 35%,rgba(200,170,100,.10),rgba(139,105,20,.06));
257
+ width:var(--w,8px);height:var(--w,8px);
258
+ left:var(--x,25%);bottom:var(--y,15%);
259
+ animation:dew-bead var(--dur,4s) ease-in-out infinite;
260
+ animation-delay:var(--delay,0s);
261
+ }
262
+ @keyframes dew-bead{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}
263
+
264
+ /* ═══════════════════════════════════
265
+ 晴 Fair · 朱砂 · sun motes rising
266
+ ═══════════════════════════════════ */
267
+ .sun-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none}
268
+ .sun-motes i{
269
+ position:absolute;border-radius:50%;
270
+ background:rgba(200,120,50,.06);
271
+ width:var(--w,3px);height:var(--w,3px);
272
+ left:var(--x,50%);bottom:-5%;
273
+ animation:fair-warm var(--dur,7s) ease-in infinite;
274
+ animation-delay:var(--delay,0s);
275
+ }
276
+ @keyframes fair-warm{0%{transform:translateY(0) translateX(0);opacity:0}20%{opacity:.8}80%{opacity:.4}100%{transform:translateY(-100vh) translateX(var(--drift,20px));opacity:0}}
277
+
278
+ /* ═══════════════════════════════════
279
+ Layout — scroll aesthetic
280
+ ═══════════════════════════════════ */
281
+ #sidebar{
282
+ width:var(--sidebar-w);flex-shrink:0;position:relative;z-index:1;
283
+ padding:var(--gutter) clamp(20px,3vw,32px);
284
+ display:flex;flex-direction:column;gap:0;
285
+ background:linear-gradient(90deg,rgba(0,0,0,.015),transparent 40%);
286
+ }
287
+
288
+ /* Logo: vertical seal style */
289
+ #logo-block{margin-bottom:clamp(28px,7vh,56px);text-align:center}
290
+ #logo{
291
+ font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;
292
+ letter-spacing:.2em;color:var(--ink-deep);line-height:1.2;
293
+ writing-mode:horizontal-tb;
294
+ }
295
+ #logo small{
296
+ display:block;font-weight:300;font-size:.7rem;color:var(--ink-light);
297
+ letter-spacing:.2em;margin-top:4px;
298
+ }
299
+
300
+ #agents-list{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}
301
+
302
+ .agent-item{
303
+ display:flex;align-items:center;gap:12px;
304
+ padding:11px 14px;cursor:pointer;
305
+ border-radius:4px;position:relative;transition:all .4s ease;
306
+ border-left:2px solid transparent;
307
+ }
308
+ .agent-item:hover{background:var(--paper-edge)}
309
+ .agent-item.active{background:var(--pigment-soft);border-left-color:var(--pigment)}
310
+
311
+ /* Seal stamp effect for active agent */
312
+ .agent-item.active::after{
313
+ content:attr(data-seal);
314
+ position:absolute;right:10px;top:50%;transform:translateY(-50%);
315
+ font-size:1.3rem;font-weight:700;color:var(--pigment);
316
+ opacity:.55;font-family:'Noto Serif SC',serif;
317
+ letter-spacing:0;
318
+ }
319
+
320
+ .agent-dot{display:none}
321
+
322
+ .agent-info{display:flex;flex-direction:column;gap:1px}
323
+ .agent-label{font-size:.92rem;font-weight:600;color:var(--ink-mid);letter-spacing:.04em;transition:color .35s;line-height:1.3}
324
+ .agent-item.active .agent-label{color:var(--ink-deep)}
325
+ .agent-sublabel{font-size:.7rem;color:var(--ink-light);font-weight:300;letter-spacing:.04em}
326
+ .agent-item.active .agent-sublabel{color:var(--pigment)}
327
+
328
+ #sidebar-verse{margin-top:auto;padding-top:20px;text-align:center}
329
+ #sidebar-verse p{font-size:.72rem;color:var(--ink-light);font-style:italic;line-height:2.2;letter-spacing:.05em;font-weight:300}
330
+
331
+ /* ── Main chat ── */
332
+ #main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}
333
+ #chat-strip{
334
+ display:flex;align-items:center;gap:10px;
335
+ padding:clamp(12px,3vh,18px) var(--gutter);
336
+ }
337
+ .strip-dot{
338
+ width:6px;height:6px;border-radius:50%;background:var(--pigment);
339
+ flex-shrink:0;animation:var(--dot-anim) 2s ease-in-out infinite;
340
+ transition:background .5s;
341
+ }
342
+ #strip-name{font-weight:600;font-size:.95rem;color:var(--ink-deep);letter-spacing:.06em}
343
+ #strip-pigment{font-size:.75rem;color:var(--ink-light);font-weight:300}
344
+
345
+ /* ── Divider line with brush feel ── */
346
+ #chat-strip::after{
347
+ content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);
348
+ height:1px;background:linear-gradient(90deg,transparent,var(--ink-faint) 20%,var(--ink-faint) 80%,transparent);
349
+ }
350
+
351
+ /* ── Messages ── */
352
+ #messages{
353
+ flex:1;overflow-y:auto;padding:var(--gutter);
354
+ display:flex;flex-direction:column;gap:clamp(18px,3.5vh,32px);
355
+ scroll-behavior:smooth;
356
+ }
357
+ #messages::-webkit-scrollbar{width:4px}
358
+ #messages::-webkit-scrollbar-track{background:transparent}
359
+ #messages::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:2px}
360
+
361
+ .msg{max-width:66%;line-height:1.85;animation:msg-in .5s ease both;position:relative}
362
+ @keyframes msg-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
363
+
364
+ .msg.user{align-self:flex-end;margin-right:clamp(0px,5vw,60px)}
365
+ .msg.user .msg-body{padding-right:18px;border-right:2px solid var(--pigment);text-align:right;color:var(--ink-deep);transition:border-color .5s}
366
+
367
+ .msg.assistant{align-self:flex-start;margin-left:clamp(0px,3vw,36px)}
368
+ .msg.assistant .msg-body{
369
+ padding:14px 18px;color:var(--ink-mid);
370
+ background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.15));
371
+ border-left:3px solid var(--pigment);
372
+ border-radius:0 6px 6px 0;
373
+ transition:border-color .5s,background .5s;
374
+ box-shadow:1px 1px 3px rgba(0,0,0,.03);
375
+ }
376
+
377
+ .msg.system{align-self:center;max-width:88%}
378
+ .msg.system .msg-body{color:var(--ink-light);font-size:.76rem;text-align:center;font-style:italic;border:none;padding:0}
379
+
380
+ .msg-time{font-size:.65rem;color:var(--ink-faint);margin-top:5px;letter-spacing:.08em;display:block}
381
+ .msg.typing .msg-body{animation:ink-bleed 2s infinite}
382
+ @keyframes ink-bleed{0%,100%{opacity:.28}50%{opacity:.6}}
383
+
384
+ /* ── Input ── */
385
+ #input-area{
386
+ padding:14px var(--gutter) clamp(18px,3.5vh,28px);
387
+ background:linear-gradient(0deg,var(--paper-warm),transparent 40%);
388
+ }
389
+ #input-wrap{
390
+ display:flex;gap:0;align-items:stretch;
391
+ border-bottom:1.5px solid var(--ink-faint);
392
+ transition:border-color .4s ease;padding-bottom:4px;
393
+ }
394
+ #input-wrap:focus-within{border-bottom-color:var(--pigment)}
395
+ #input-wrap textarea{
396
+ flex:1;background:transparent;border:none;outline:none;color:var(--ink-deep);
397
+ font-family:inherit;font-size:.95rem;font-weight:300;padding:8px 0;
398
+ resize:none;min-height:24px;max-height:140px;line-height:1.7;
399
+ }
400
+ #input-wrap textarea::placeholder{color:var(--ink-faint);font-style:italic}
401
+ #send-btn{
402
+ background:none;border:none;color:var(--ink-light);cursor:pointer;
403
+ padding:8px 14px;font-size:1.1rem;transition:all .3s ease;
404
+ font-family:inherit;display:flex;align-items:center;opacity:.45;
405
+ }
406
+ #send-btn:hover{opacity:1;color:var(--pigment)}
407
+ #send-btn:disabled{opacity:.12}
408
+ #input-hint{font-size:.66rem;color:var(--ink-faint);margin-top:8px;letter-spacing:.06em;text-align:right}
409
+
410
+ /* ── Kanji seal stamp ── */
411
+ #kanji-decoration{position:fixed;right:clamp(20px,5vw,56px);bottom:clamp(80px,14vh,140px);z-index:0;pointer-events:none
412
+ ;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;font-family:'Noto Serif SC',serif;user-select:none;
413
+ color:var(--pigment);opacity:.05;animation:var(--kanji-anim) 8s ease-in-out infinite;
414
+ transition:color .8s ease;
415
+ border:2px solid var(--pigment);border-radius:4px;padding:clamp(4px,1vw,10px) clamp(6px,1.5vw,16px);
416
+ writing-mode:vertical-rl;letter-spacing:.1em;
417
+ }
418
+
419
+ /* Dot animations for header indicator */
420
+ @keyframes fog-pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}
421
+ @keyframes rain-ripple{0%,100%{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.6)}60%{opacity:.5;transform:scale(1)}90%{opacity:1;transform:scale(1.4)}}
422
+ @keyframes frost-glint{0%,100%{opacity:1;transform:scale(1)}45%{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1.7)}55%{opacity:.2;transform:scale(.5)}}
423
+ @keyframes snow-float{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}
424
+ @keyframes dew-bead{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.6);opacity:1}}
425
+ @keyframes fair-glow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}
426
+
427
+ .agent-label{font-size:.95rem;font-weight:600;color:var(--ink-mid);letter-spacing:.02em;transition:color .35s}
428
+ .agent-item.active .agent-label{color:var(--ink-deep)}
429
+ .agent-sublabel{font-size:.72rem;color:var(--ink-light);font-weight:300;letter-spacing:.04em}
430
+ .agent-item.active .agent-sublabel{color:var(--pigment)}
431
+
432
+ #sidebar-verse{margin-top:auto;padding-top:24px}
433
+ #sidebar-verse p{font-size:.75rem;color:var(--ink-light);font-style:italic;line-height:2;letter-spacing:.03em;font-weight:300}
434
+
435
+ /* ── Main chat ── */
436
+ #main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}
437
+ #chat-strip{display:flex;align-items:center;gap:12px;padding:clamp(12px,3vh,20px) var(--gutter);border-bottom:1px solid var(--ink-faint)}
438
+ .strip-dot{width:7px;height:7px;border-radius:50%;background:var(--pigment);flex-shrink:0;animation:var(--dot-anim) 2s ease-in-out infinite;transition:background .5s}
439
+ #strip-name{font-weight:600;font-size:1rem;color:var(--ink-deep);letter-spacing:.04em}
440
+ #strip-pigment{font-size:.78rem;color:var(--ink-light);font-weight:300}
441
+
442
+ /* ── Messages ── */
443
+ #messages{flex:1;overflow-y:auto;padding:var(--gutter);display:flex;flex-direction:column;gap:clamp(16px,3vh,28px);scroll-behavior:smooth}
444
+ #messages::-webkit-scrollbar{width:3px}
445
+ #messages::-webkit-scrollbar-track{background:transparent}
446
+ #messages::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:2px}
447
+
448
+ .msg{max-width:68%;line-height:1.8;animation:msg-in .5s ease both;position:relative}
449
+ @keyframes msg-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
450
+
451
+ .msg.user{align-self:flex-end;margin-right:clamp(0px,4vw,40px)}
452
+ .msg.user .msg-body{padding-right:16px;border-right:2px solid var(--pigment);text-align:right;color:var(--ink-deep);transition:border-color .5s}
453
+
454
+ .msg.assistant{align-self:flex-start;margin-left:clamp(0px,2vw,24px)}
455
+ .msg.assistant .msg-body{
456
+ padding:12px 16px;color:var(--ink-mid);
457
+ border:1px solid var(--ink-faint);border-left:3px solid var(--pigment);
458
+ background:rgba(255,255,255,.25);
459
+ transition:border-color .5s,background .5s;
460
+ }
461
+
462
+ .msg.system{align-self:center;max-width:90%}
463
+ .msg.system .msg-body{color:var(--ink-light);font-size:.78rem;text-align:center;font-style:italic;border:none;padding:0}
464
+
465
+ .msg-time{font-size:.67rem;color:var(--ink-faint);margin-top:6px;letter-spacing:.06em;display:block}
466
+ .msg.typing .msg-body{animation:ink-bleed 2s infinite}
467
+ @keyframes ink-bleed{0%,100%{opacity:.3}50%{opacity:.65}}
468
+
469
+ /* ── Input ── */
470
+ #input-area{padding:16px var(--gutter) clamp(16px,3vh,28px);border-top:1px solid var(--ink-faint);background:linear-gradient(0deg,var(--paper-warm),var(--paper))}
471
+ #input-wrap{display:flex;gap:0;align-items:stretch;border-bottom:1px solid var(--ink-faint);transition:border-color .4s ease;padding-bottom:0}
472
+ #input-wrap:focus-within{border-bottom-color:var(--pigment)}
473
+ #input-wrap textarea{
474
+ flex:1;background:transparent;border:none;outline:none;color:var(--ink-deep);
475
+ font-family:inherit;font-size:.95rem;font-weight:300;padding:10px 0;
476
+ resize:none;min-height:26px;max-height:140px;line-height:1.7;
477
+ }
478
+ #input-wrap textarea::placeholder{color:var(--ink-faint);font-style:italic}
479
+ #send-btn{background:none;border:none;color:var(--ink-light);cursor:pointer;padding:8px 12px;font-size:1.2rem;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;opacity:.5}
480
+ #send-btn:hover{opacity:1;color:var(--pigment)}
481
+ #send-btn:disabled{opacity:.15}
482
+ #input-hint{font-size:.68rem;color:var(--ink-faint);margin-top:6px;letter-spacing:.04em}
483
+
484
+ /* ── Kanji decoration ── */
485
+ #kanji-decoration{
486
+ position:fixed;right:clamp(16px,4vw,48px);bottom:clamp(80px,15vh,140px);
487
+ font-size:clamp(3.5rem,8vw,6rem);z-index:0;pointer-events:none;
488
+ color:var(--pigment);opacity:.06;font-weight:700;
489
+ font-family:'Noto Serif SC',serif;user-select:none;
490
+ animation:var(--kanji-anim) 8s ease-in-out infinite;
491
+ transition:color .8s ease,animation .8s ease;
492
+ }
493
+
494
+ @keyframes fog-drift{0%,100%{opacity:.04;transform:translateX(0)}50%{opacity:.09;transform:translateX(-8px)}}
495
+ @keyframes rain-fall{0%,100%{opacity:.04;transform:translateY(0)}50%{opacity:.1;transform:translateY(5px)}}
496
+ @keyframes frost-sparkle{0%{opacity:.04;transform:scale(1) rotate(0deg)}45%{opacity:.12;transform:scale(1.04) rotate(1.5deg)}50%{opacity:.04;transform:scale(1) rotate(0deg)}100%{opacity:.04;transform:scale(1) rotate(0deg)}}
497
+ @keyframes snow-fall{0%,100%{opacity:.04;transform:translateY(0) rotate(0deg)}50%{opacity:.08;transform:translateY(6px) rotate(.5deg)}}
498
+ @keyframes dew-still{0%,100%{opacity:.05;transform:scale(1)}}
499
+ @keyframes fair-warm{0%,100%{opacity:.04;transform:scale(1)}50%{opacity:.1;transform:scale(1.02)}}
500
+
501
+ /* ── Mobile ── */
502
+ @media(max-width:720px){
503
+ body{flex-direction:column}
504
+ #sidebar{width:100%;flex-direction:row;align-items:center;gap:4px;padding:8px 12px;overflow-x:auto;flex-shrink:0;background:var(--paper-warm)}
505
+ #logo-block{display:none}#sidebar-verse{display:none}
506
+ .agent-item{border-left:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;white-space:nowrap}
507
+ .agent-item.active{border-bottom-color:var(--pigment);border-left-color:transparent;background:transparent}
508
+ .agent-item.active::after{display:none}
509
+ .agent-sublabel{display:none}
510
+ .msg{max-width:90%}
511
+ #kanji-decoration{right:8px;bottom:40px;font-size:1.8rem;border-width:1px;padding:4px 6px;opacity:.06}
512
+ #messages{padding:16px 12px}#chat-strip{padding:8px 12px}#input-area{padding:10px 12px}
513
+ }
514
+ </style>
515
+ </head>
516
+ <body>
517
+
518
+ <div id="paper-grain"></div>
519
+ <div id="ambient-layer"><div class="mist-particles"></div></div>
520
+ <div id="kanji-decoration">霧</div>
521
+
522
+ <div id="sidebar">
523
+ <div id="logo-block"><div id="logo">气象台<small>skyloom</small></div></div>
524
+ <div id="agents-list"></div>
525
+ <div id="sidebar-verse"><p id="verse-text">山色有无中</p></div>
526
+ </div>
527
+
528
+ <div id="main">
529
+ <div id="chat-strip">
530
+ <div class="strip-dot"></div>
531
+ <span id="strip-name">雾 Fog</span>
532
+ <span id="strip-pigment">· 松烟墨</span>
533
+ </div>
534
+ <div id="messages"></div>
535
+ <div id="input-area">
536
+ <div id="input-wrap">
537
+ <textarea id="chat-input" rows="1" placeholder="写下你想说的话…" autofocus></textarea>
538
+ <button id="send-btn" aria-label="发送">→</button>
539
+ </div>
540
+ <div id="input-hint">enter 发送 · shift+enter 换行 · ⌘1-6 切换灵</div>
541
+ </div>
542
+ </div>
543
+
544
+ <script>
545
+ const PIGMENTS = ${JSON.stringify(PIGMENTS)};
546
+ const AGENTS = [
547
+ {name:'fog', label:'雾 Fog', sub:'松烟墨 · 探索洞察', pigment:PIGMENTS.fog, particles:'mist-particles', count:8, nameZH:'松烟墨',kanji:'霧'},
548
+ {name:'rain', label:'雨 Rain', sub:'石青 · 创造产出', pigment:PIGMENTS.rain, particles:'rain-streaks', count:20, nameZH:'石青',kanji:'雨'},
549
+ {name:'frost',label:'霜 Frost', sub:'石绿 · 精炼品质', pigment:PIGMENTS.frost, particles:'frost-crystals', count:14, nameZH:'石绿',kanji:'霜'},
550
+ {name:'snow', label:'雪 Snow', sub:'铅白 · 架构规划', pigment:PIGMENTS.snow, particles:'snow-particles', count:12, nameZH:'铅白',kanji:'雪'},
551
+ {name:'dew', label:'露 Dew', sub:'赭石 · 可靠守护', pigment:PIGMENTS.dew, particles:'dew-beads', count:10, nameZH:'赭石',kanji:'露'},
552
+ {name:'fair', label:'晴 Fair', sub:'朱砂 · 情感陪伴', pigment:PIGMENTS.fair, particles:'sun-motes', count:16, nameZH:'朱砂',kanji:'晴'},
553
+ ];
554
+
555
+ const root=document.documentElement;
556
+ const ambientLayer=document.getElementById('ambient-layer');
557
+ const kanjiEl=document.getElementById('kanji-decoration');
558
+ let currentAgent=AGENTS[0],isStreaming=false;
559
+
560
+ /* Build ambient particles */
561
+ const particleMap=new Map();
562
+ AGENTS.forEach(a=>{
563
+ const container=document.createElement('div');container.className=a.particles;
564
+ for(let i=0;i<a.count;i++){
565
+ const el=document.createElement('i');
566
+ const seed=Math.random();
567
+ el.style.cssText='--x:'+(8+seed*84)+'%;--y:'+(5+seed*90)+'%;--dur:'+(2+seed*8)+'s;--delay:'+(seed*-6)+'s;--w:'+(4+seed*10)+'px;--h:'+(3+seed*8)+'px;--drift:'+((seed-.5)*40)+'px';
568
+ container.appendChild(el);
569
+ }
570
+ ambientLayer.appendChild(container);
571
+ });
572
+
573
+ function applyTheme(agent){
574
+ if(currentAgent===agent)return;currentAgent=agent;
575
+ const p=agent.pigment;
576
+ root.style.setProperty('--pigment',p.color);
577
+ root.style.setProperty('--ambient-bg',p.ambient);
578
+ root.style.setProperty('--msg-border',p.msgStyle);
579
+ root.style.setProperty('--dot-anim',p.dotPulse);
580
+ root.style.setProperty('--kanji-anim',p.kanjiAnim);
581
+
582
+ /* Show only this agent's particles */
583
+ ambientLayer.querySelectorAll('div').forEach(d=>d.style.display=d.classList.contains(agent.particles)?'block':'none');
584
+ kanjiEl.textContent=agent.kanji;
585
+ kanjiEl.style.animation='none';void kanjiEl.offsetWidth;kanjiEl.style.animation=p.kanjiAnim+' 8s ease-in-out infinite';
586
+
587
+ document.querySelectorAll('.agent-item').forEach(e=>e.classList.remove('active'));
588
+ const card=document.querySelector('[data-agent="'+agent.name+'"]');if(card)card.classList.add('active');
589
+ document.getElementById('strip-name').textContent=agent.label;
590
+ document.getElementById('strip-pigment').textContent='· '+agent.nameZH;
591
+ document.getElementById('verse-text').textContent=agent.pigment.poem;
592
+ }
593
+
594
+ /* Build sidebar */
595
+ const list=document.getElementById('agents-list');
596
+ AGENTS.forEach((a,i)=>{
597
+ const el=document.createElement('div');el.className='agent-item';el.dataset.agent=a.name;el.dataset.seal=a.kanji;
598
+ el.innerHTML='<span class="agent-info"><span class="agent-label">'+a.label+'</span><span class="agent-sublabel">'+a.sub+'</span></span>';
599
+ el.addEventListener('click',()=>applyTheme(a));
600
+ list.appendChild(el);
601
+ });
602
+ applyTheme(AGENTS[0]);
603
+
604
+ /* ── Chat ── */
605
+ const msgsEl=document.getElementById('messages'),input=document.getElementById('chat-input'),sendBtn=document.getElementById('send-btn');
606
+
607
+ function addMsg(role,text){
608
+ const w=document.createElement('div');w.className='msg '+role;
609
+ w.innerHTML='<div class="msg-body">'+text+'</div><span class="msg-time">'+new Date().toLocaleTimeString([],{hour:'2-digit',minute:'2-digit'})+'</span>';
610
+ msgsEl.appendChild(w);scrollBottom();return w;
611
+ }
612
+ function addSys(t){addMsg('system',t)}
613
+ function scrollBottom(){msgsEl.scrollTop=msgsEl.scrollHeight}
614
+
615
+ function typewriter(el,text){
616
+ return new Promise(resolve=>{
617
+ let i=0;el.innerHTML='';
618
+ function tick(){if(i<text.length){el.innerHTML+=text[i]==='\\n'?'<br>':text[i];i++;scrollBottom();setTimeout(tick,text[i-1]==='。'||text[i-1]===','?70:text[i-1]===' '?18:22+Math.random()*14)}else resolve()}
619
+ tick();
620
+ });
621
+ }
622
+
623
+ async function sendMessage(){
624
+ const text=input.value.trim();if(!text||isStreaming)return;
625
+ input.value='';input.style.height='auto';isStreaming=true;sendBtn.disabled=true;
626
+ addMsg('user',esc(text));const thinking=addMsg('assistant','<span class="typing">…</span>');
627
+ try{
628
+ const resp=await fetch('/api/chat',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({message:text,agent:currentAgent.name})});
629
+ const data=await resp.json();thinking.remove();
630
+ if(data.error){addSys('× '+esc(data.error))}else{const el=addMsg('assistant','');await typewriter(el,data.response)}
631
+ }catch(e){thinking.remove();addSys('× 连接中断')}
632
+ isStreaming=false;sendBtn.disabled=false;input.focus();
633
+ }
634
+ function esc(s){return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')}
635
+
636
+ input.addEventListener('input',()=>{input.style.height='auto';input.style.height=Math.min(input.scrollHeight,140)+'px'});
637
+ input.addEventListener('keydown',e=>{if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();sendMessage()}});
638
+ sendBtn.addEventListener('click',sendMessage);
639
+ document.addEventListener('keydown',e=>{if(e.ctrlKey||e.metaKey){const n=parseInt(e.key);if(n>=1&&n<=6){e.preventDefault();applyTheme(AGENTS[n-1])}}});
640
+ addSys('气象台已就绪 · ⌘1-6 唤灵 · enter 传讯');
641
+ </script>
642
+ </body>
643
+ </html>`;
644
+ res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
645
+ res.end(html);
646
+ }
647
+ //# sourceMappingURL=server.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/web/server.ts"],"names":[],"mappings":"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"}