@dahawa/hawa-code 2.3.2 → 2.3.5
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.
- package/cli.js +3 -3
- package/hands.js +3 -3
- package/package.json +1 -1
- package/webServer/app.js +46 -46
- package/webServer/index.html +2 -1
- package/webServer/interrupt-icon.svg +3 -0
- package/webServer/logo.svg +1 -0
- package/webServer/send-icon.svg +3 -0
- package/webServer/style.css +365 -71
package/webServer/index.html
CHANGED
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Hawa Code
|
|
6
|
+
<title>Hawa Code</title>
|
|
7
|
+
<link rel="icon" type="image/svg+xml" href="/logo.svg">
|
|
7
8
|
<link rel="stylesheet" href="/style.css">
|
|
8
9
|
</head>
|
|
9
10
|
<body>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024">
|
|
2
|
+
<path d="M331.946667 379.904c-11.946667 23.466667-11.946667 54.186667-11.946667 115.626667v32.938666c0 61.44 0 92.16 11.946667 115.626667 10.538667 20.650667 27.306667 37.418667 47.957333 47.957333 23.466667 11.946667 54.186667 11.946667 115.626667 11.946667h32.938666c61.44 0 92.16 0 115.626667-11.946667 20.650667-10.538667 37.418667-27.306667 47.957333-47.957333 11.946667-23.466667 11.946667-54.186667 11.946667-115.626667v-32.938666c0-61.44 0-92.16-11.946667-115.626667a109.696 109.696 0 0 0-47.957333-47.957333c-23.466667-11.946667-54.186667-11.946667-115.626667-11.946667h-32.938666c-61.44 0-92.16 0-115.626667 11.946667-20.650667 10.538667-37.418667 27.306667-47.957333 47.957333z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><defs><linearGradient id="a" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#2aa5f5"/><stop offset="100%" stop-color="#1977c8"/></linearGradient></defs><path fill="url(#a)" fill-rule="evenodd" d="m1019 121 780 439 5 918-789 444-774-445 5-917Zm-66 458-328 833 78 43 75-41 95-242h300l96 242 75 41 78-43-319-833H953Zm71 181-123 324h246l-123-324Z"/></svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024">
|
|
2
|
+
<path d="M705.536 433.664a38.4 38.4 0 1 1-54.272 54.272L550.4 387.114667V729.6a38.4 38.4 0 0 1-76.8 0V387.114667l-100.864 100.821333a38.4 38.4 0 1 1-54.272-54.272l166.4-166.4a38.4 38.4 0 0 1 54.272 0l166.4 166.4z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
package/webServer/style.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/* terminal.css - 模拟 CLI 终端风格 */
|
|
2
2
|
:root {
|
|
3
|
-
--bg-primary: #
|
|
4
|
-
--bg-secondary: #
|
|
5
|
-
--bg-hover: #
|
|
6
|
-
--text-primary: #
|
|
7
|
-
--text-secondary: #
|
|
3
|
+
--bg-primary: #0d0d0d;
|
|
4
|
+
--bg-secondary: #1a1a1a;
|
|
5
|
+
--bg-hover: #262626;
|
|
6
|
+
--text-primary: #e8e8e8;
|
|
7
|
+
--text-secondary: #a0a0a0;
|
|
8
8
|
--text-dimmed: #666;
|
|
9
|
-
--accent-blue: #
|
|
10
|
-
--accent-green: #
|
|
11
|
-
--accent-yellow: #
|
|
12
|
-
--accent-red: #
|
|
13
|
-
--accent-purple: #
|
|
14
|
-
--border-color: #
|
|
9
|
+
--accent-blue: #888;
|
|
10
|
+
--accent-green: #4caf50;
|
|
11
|
+
--accent-yellow: #ff9800;
|
|
12
|
+
--accent-red: #f44336;
|
|
13
|
+
--accent-purple: #9c27b0;
|
|
14
|
+
--border-color: #333;
|
|
15
15
|
--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', 'Menlo', monospace;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -41,6 +41,67 @@ html, body {
|
|
|
41
41
|
.app {
|
|
42
42
|
height: 100%;
|
|
43
43
|
display: flex;
|
|
44
|
+
flex-direction: row;
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* 左侧边栏 */
|
|
49
|
+
.left-sidebar {
|
|
50
|
+
width: 220px;
|
|
51
|
+
flex-shrink: 0;
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
background: var(--bg-secondary);
|
|
55
|
+
border-right: 1px solid var(--border-color);
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
transition: width 0.2s ease;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.left-sidebar.collapsed {
|
|
61
|
+
width: 42px;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.sidebar-header {
|
|
65
|
+
display: flex;
|
|
66
|
+
align-items: center;
|
|
67
|
+
gap: 8px;
|
|
68
|
+
height: 40px;
|
|
69
|
+
padding: 8px 16px;
|
|
70
|
+
border-bottom: 1px solid var(--border-color);
|
|
71
|
+
flex-shrink: 0;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.left-sidebar.collapsed .sidebar-header {
|
|
75
|
+
justify-content: center;
|
|
76
|
+
padding: 8px 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.collapse-button {
|
|
80
|
+
background: transparent;
|
|
81
|
+
border: none;
|
|
82
|
+
color: var(--text-secondary);
|
|
83
|
+
font-size: 16px;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
padding: 4px;
|
|
86
|
+
line-height: 1;
|
|
87
|
+
transition: color 0.15s ease;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.collapse-button:hover {
|
|
91
|
+
color: var(--accent-blue);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.sidebar-title {
|
|
95
|
+
font-size: 14px;
|
|
96
|
+
font-weight: 600;
|
|
97
|
+
color: var(--accent-blue);
|
|
98
|
+
white-space: nowrap;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* 右侧主内容区 */
|
|
102
|
+
.main-content {
|
|
103
|
+
flex: 1;
|
|
104
|
+
display: flex;
|
|
44
105
|
flex-direction: column;
|
|
45
106
|
overflow: hidden;
|
|
46
107
|
}
|
|
@@ -50,6 +111,7 @@ html, body {
|
|
|
50
111
|
display: flex;
|
|
51
112
|
align-items: center;
|
|
52
113
|
justify-content: space-between;
|
|
114
|
+
height: 40px;
|
|
53
115
|
padding: 8px 16px;
|
|
54
116
|
background: var(--bg-secondary);
|
|
55
117
|
border-bottom: 1px solid var(--border-color);
|
|
@@ -103,17 +165,19 @@ html, body {
|
|
|
103
165
|
|
|
104
166
|
/* Agent Tab 栏 */
|
|
105
167
|
.agent-tabs {
|
|
168
|
+
flex: 1;
|
|
106
169
|
display: flex;
|
|
170
|
+
flex-direction: column;
|
|
107
171
|
gap: 2px;
|
|
108
|
-
padding:
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
flex-shrink: 0;
|
|
112
|
-
overflow-x: auto;
|
|
172
|
+
padding: 8px;
|
|
173
|
+
overflow-y: auto;
|
|
174
|
+
overflow-x: hidden;
|
|
113
175
|
}
|
|
114
176
|
|
|
115
177
|
.agent-tab {
|
|
116
|
-
|
|
178
|
+
display: flex;
|
|
179
|
+
align-items: center;
|
|
180
|
+
padding: 8px 12px;
|
|
117
181
|
border-radius: 4px;
|
|
118
182
|
cursor: pointer;
|
|
119
183
|
font-size: 12px;
|
|
@@ -134,12 +198,22 @@ html, body {
|
|
|
134
198
|
font-weight: 600;
|
|
135
199
|
}
|
|
136
200
|
|
|
201
|
+
.agent-tab.collapsed {
|
|
202
|
+
justify-content: center;
|
|
203
|
+
padding: 8px 0;
|
|
204
|
+
}
|
|
205
|
+
|
|
137
206
|
.agent-tab .tab-status {
|
|
138
207
|
display: inline-block;
|
|
139
208
|
width: 6px;
|
|
140
209
|
height: 6px;
|
|
141
210
|
border-radius: 50%;
|
|
142
211
|
margin-right: 6px;
|
|
212
|
+
flex-shrink: 0;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.agent-tab.collapsed .tab-status {
|
|
216
|
+
margin-right: 0;
|
|
143
217
|
}
|
|
144
218
|
|
|
145
219
|
.agent-tab .tab-status.running {
|
|
@@ -154,6 +228,69 @@ html, body {
|
|
|
154
228
|
background: var(--text-dimmed);
|
|
155
229
|
}
|
|
156
230
|
|
|
231
|
+
/* 左侧底部 Settings 按钮 */
|
|
232
|
+
.sidebar-footer {
|
|
233
|
+
padding: 8px 16px;
|
|
234
|
+
flex-shrink: 0;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.left-sidebar.collapsed .sidebar-footer {
|
|
238
|
+
padding: 8px 0;
|
|
239
|
+
display: flex;
|
|
240
|
+
justify-content: center;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.sidebar-stats {
|
|
244
|
+
font-size: 11px;
|
|
245
|
+
color: var(--text-dimmed);
|
|
246
|
+
margin-bottom: 6px;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.left-sidebar.collapsed .sidebar-stats {
|
|
250
|
+
display: none;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.sidebar-button {
|
|
254
|
+
width: 100%;
|
|
255
|
+
display: inline-flex;
|
|
256
|
+
align-items: center;
|
|
257
|
+
gap: 8px;
|
|
258
|
+
background: transparent;
|
|
259
|
+
border: 1px solid var(--border-color);
|
|
260
|
+
color: var(--text-secondary);
|
|
261
|
+
padding: 8px 12px;
|
|
262
|
+
border-radius: 4px;
|
|
263
|
+
cursor: pointer;
|
|
264
|
+
font-family: var(--font-mono);
|
|
265
|
+
font-size: 12px;
|
|
266
|
+
text-align: left;
|
|
267
|
+
transition: all 0.15s ease;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.left-sidebar.collapsed .sidebar-button {
|
|
271
|
+
width: auto;
|
|
272
|
+
padding: 6px 8px;
|
|
273
|
+
justify-content: center;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.sidebar-button-icon {
|
|
277
|
+
flex-shrink: 0;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.sidebar-button-text {
|
|
281
|
+
white-space: nowrap;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.sidebar-button:hover {
|
|
285
|
+
background: var(--bg-hover);
|
|
286
|
+
color: var(--text-primary);
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.sidebar-button.active {
|
|
290
|
+
border-color: var(--accent-blue);
|
|
291
|
+
color: var(--accent-blue);
|
|
292
|
+
}
|
|
293
|
+
|
|
157
294
|
/* 消息列表 */
|
|
158
295
|
.message-list {
|
|
159
296
|
flex: 1;
|
|
@@ -175,6 +312,122 @@ html, body {
|
|
|
175
312
|
border-radius: 3px;
|
|
176
313
|
}
|
|
177
314
|
|
|
315
|
+
/* 通用自定义滚动条：默认隐藏，hover 时显示 */
|
|
316
|
+
.custom-scrollbar,
|
|
317
|
+
.result-content,
|
|
318
|
+
.code-block,
|
|
319
|
+
.file-list,
|
|
320
|
+
.diff-view,
|
|
321
|
+
.agent-prompt-detail,
|
|
322
|
+
.memo-content-detail,
|
|
323
|
+
.memo-content,
|
|
324
|
+
.tool-input,
|
|
325
|
+
.settings-sidebar,
|
|
326
|
+
.settings-content,
|
|
327
|
+
.model-config-json-editor .setting-json-textarea,
|
|
328
|
+
.setting-json-textarea {
|
|
329
|
+
scrollbar-width: thin;
|
|
330
|
+
scrollbar-color: transparent transparent;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
.custom-scrollbar:hover,
|
|
334
|
+
.result-content:hover,
|
|
335
|
+
.code-block:hover,
|
|
336
|
+
.file-list:hover,
|
|
337
|
+
.diff-view:hover,
|
|
338
|
+
.agent-prompt-detail:hover,
|
|
339
|
+
.memo-content-detail:hover,
|
|
340
|
+
.memo-content:hover,
|
|
341
|
+
.tool-input:hover,
|
|
342
|
+
.settings-sidebar:hover,
|
|
343
|
+
.settings-content:hover,
|
|
344
|
+
.model-config-json-editor .setting-json-textarea:hover,
|
|
345
|
+
.setting-json-textarea:hover {
|
|
346
|
+
scrollbar-color: var(--border-color) transparent;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.custom-scrollbar::-webkit-scrollbar,
|
|
350
|
+
.result-content::-webkit-scrollbar,
|
|
351
|
+
.code-block::-webkit-scrollbar,
|
|
352
|
+
.file-list::-webkit-scrollbar,
|
|
353
|
+
.diff-view::-webkit-scrollbar,
|
|
354
|
+
.agent-prompt-detail::-webkit-scrollbar,
|
|
355
|
+
.memo-content-detail::-webkit-scrollbar,
|
|
356
|
+
.memo-content::-webkit-scrollbar,
|
|
357
|
+
.tool-input::-webkit-scrollbar,
|
|
358
|
+
.settings-sidebar::-webkit-scrollbar,
|
|
359
|
+
.settings-content::-webkit-scrollbar,
|
|
360
|
+
.model-config-json-editor .setting-json-textarea::-webkit-scrollbar,
|
|
361
|
+
.setting-json-textarea::-webkit-scrollbar {
|
|
362
|
+
width: 6px;
|
|
363
|
+
height: 6px;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
.custom-scrollbar::-webkit-scrollbar-track,
|
|
367
|
+
.result-content::-webkit-scrollbar-track,
|
|
368
|
+
.code-block::-webkit-scrollbar-track,
|
|
369
|
+
.file-list::-webkit-scrollbar-track,
|
|
370
|
+
.diff-view::-webkit-scrollbar-track,
|
|
371
|
+
.agent-prompt-detail::-webkit-scrollbar-track,
|
|
372
|
+
.memo-content-detail::-webkit-scrollbar-track,
|
|
373
|
+
.memo-content::-webkit-scrollbar-track,
|
|
374
|
+
.tool-input::-webkit-scrollbar-track,
|
|
375
|
+
.settings-sidebar::-webkit-scrollbar-track,
|
|
376
|
+
.settings-content::-webkit-scrollbar-track,
|
|
377
|
+
.model-config-json-editor .setting-json-textarea::-webkit-scrollbar-track,
|
|
378
|
+
.setting-json-textarea::-webkit-scrollbar-track {
|
|
379
|
+
background: transparent;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.custom-scrollbar::-webkit-scrollbar-thumb,
|
|
383
|
+
.result-content::-webkit-scrollbar-thumb,
|
|
384
|
+
.code-block::-webkit-scrollbar-thumb,
|
|
385
|
+
.file-list::-webkit-scrollbar-thumb,
|
|
386
|
+
.diff-view::-webkit-scrollbar-thumb,
|
|
387
|
+
.agent-prompt-detail::-webkit-scrollbar-thumb,
|
|
388
|
+
.memo-content-detail::-webkit-scrollbar-thumb,
|
|
389
|
+
.memo-content::-webkit-scrollbar-thumb,
|
|
390
|
+
.tool-input::-webkit-scrollbar-thumb,
|
|
391
|
+
.settings-sidebar::-webkit-scrollbar-thumb,
|
|
392
|
+
.settings-content::-webkit-scrollbar-thumb,
|
|
393
|
+
.model-config-json-editor .setting-json-textarea::-webkit-scrollbar-thumb,
|
|
394
|
+
.setting-json-textarea::-webkit-scrollbar-thumb {
|
|
395
|
+
background: transparent;
|
|
396
|
+
border-radius: 3px;
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
.custom-scrollbar:hover::-webkit-scrollbar-thumb,
|
|
400
|
+
.result-content:hover::-webkit-scrollbar-thumb,
|
|
401
|
+
.code-block:hover::-webkit-scrollbar-thumb,
|
|
402
|
+
.file-list:hover::-webkit-scrollbar-thumb,
|
|
403
|
+
.diff-view:hover::-webkit-scrollbar-thumb,
|
|
404
|
+
.agent-prompt-detail:hover::-webkit-scrollbar-thumb,
|
|
405
|
+
.memo-content-detail:hover::-webkit-scrollbar-thumb,
|
|
406
|
+
.memo-content:hover::-webkit-scrollbar-thumb,
|
|
407
|
+
.tool-input:hover::-webkit-scrollbar-thumb,
|
|
408
|
+
.settings-sidebar:hover::-webkit-scrollbar-thumb,
|
|
409
|
+
.settings-content:hover::-webkit-scrollbar-thumb,
|
|
410
|
+
.model-config-json-editor .setting-json-textarea:hover::-webkit-scrollbar-thumb,
|
|
411
|
+
.setting-json-textarea:hover::-webkit-scrollbar-thumb {
|
|
412
|
+
background: var(--border-color);
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
|
|
416
|
+
.result-content::-webkit-scrollbar-thumb:hover,
|
|
417
|
+
.code-block::-webkit-scrollbar-thumb:hover,
|
|
418
|
+
.file-list::-webkit-scrollbar-thumb:hover,
|
|
419
|
+
.diff-view::-webkit-scrollbar-thumb:hover,
|
|
420
|
+
.agent-prompt-detail::-webkit-scrollbar-thumb:hover,
|
|
421
|
+
.memo-content-detail::-webkit-scrollbar-thumb:hover,
|
|
422
|
+
.memo-content::-webkit-scrollbar-thumb:hover,
|
|
423
|
+
.tool-input::-webkit-scrollbar-thumb:hover,
|
|
424
|
+
.settings-sidebar:hover::-webkit-scrollbar-thumb:hover,
|
|
425
|
+
.settings-content:hover::-webkit-scrollbar-thumb:hover,
|
|
426
|
+
.model-config-json-editor .setting-json-textarea::-webkit-scrollbar-thumb:hover,
|
|
427
|
+
.setting-json-textarea::-webkit-scrollbar-thumb:hover {
|
|
428
|
+
background: var(--text-dimmed);
|
|
429
|
+
}
|
|
430
|
+
|
|
178
431
|
/* 消息项 */
|
|
179
432
|
.message-item {
|
|
180
433
|
margin-bottom: 8px;
|
|
@@ -182,15 +435,13 @@ html, body {
|
|
|
182
435
|
}
|
|
183
436
|
|
|
184
437
|
.message-user {
|
|
438
|
+
padding-left: 12px;
|
|
439
|
+
border-left: 2px solid var(--accent-green);
|
|
440
|
+
margin-left: 4px;
|
|
185
441
|
color: var(--accent-green);
|
|
186
442
|
font-weight: 600;
|
|
187
443
|
}
|
|
188
444
|
|
|
189
|
-
.message-user::before {
|
|
190
|
-
content: '> ';
|
|
191
|
-
color: var(--accent-green);
|
|
192
|
-
}
|
|
193
|
-
|
|
194
445
|
.message-assistant {
|
|
195
446
|
padding-left: 12px;
|
|
196
447
|
border-left: 2px solid var(--accent-blue);
|
|
@@ -218,13 +469,13 @@ html, body {
|
|
|
218
469
|
|
|
219
470
|
.message-tool-use {
|
|
220
471
|
padding-left: 24px;
|
|
221
|
-
border-left: 2px solid var(--
|
|
472
|
+
border-left: 2px solid var(--text-dimmed);
|
|
222
473
|
margin-left: 4px;
|
|
223
474
|
color: var(--text-secondary);
|
|
224
475
|
}
|
|
225
476
|
|
|
226
477
|
.message-tool-use .tool-name {
|
|
227
|
-
color: var(--
|
|
478
|
+
color: var(--text-secondary);
|
|
228
479
|
font-weight: 600;
|
|
229
480
|
}
|
|
230
481
|
|
|
@@ -501,8 +752,8 @@ html, body {
|
|
|
501
752
|
border-radius: 3px;
|
|
502
753
|
font-size: 11px;
|
|
503
754
|
font-weight: 600;
|
|
504
|
-
color:
|
|
505
|
-
background: var(--
|
|
755
|
+
color: var(--text-primary);
|
|
756
|
+
background: var(--text-dimmed);
|
|
506
757
|
}
|
|
507
758
|
|
|
508
759
|
.file-path {
|
|
@@ -1732,6 +1983,41 @@ html, body {
|
|
|
1732
1983
|
background: rgba(239, 83, 80, 0.1);
|
|
1733
1984
|
}
|
|
1734
1985
|
|
|
1986
|
+
.tool-confirm-notification-banner {
|
|
1987
|
+
display: flex;
|
|
1988
|
+
align-items: center;
|
|
1989
|
+
justify-content: space-between;
|
|
1990
|
+
gap: 12px;
|
|
1991
|
+
padding: 10px 16px;
|
|
1992
|
+
background: rgba(255, 193, 7, 0.08);
|
|
1993
|
+
border-top: 1px solid var(--border-color);
|
|
1994
|
+
font-size: 11px;
|
|
1995
|
+
color: var(--text-secondary);
|
|
1996
|
+
flex-shrink: 0;
|
|
1997
|
+
}
|
|
1998
|
+
|
|
1999
|
+
.tool-confirm-notification-banner.tool-confirm-notification-denied {
|
|
2000
|
+
background: rgba(244, 67, 54, 0.08);
|
|
2001
|
+
color: var(--accent-red);
|
|
2002
|
+
}
|
|
2003
|
+
|
|
2004
|
+
.tool-confirm-notification-banner button {
|
|
2005
|
+
flex-shrink: 0;
|
|
2006
|
+
background: transparent;
|
|
2007
|
+
border: 1px solid var(--accent-yellow);
|
|
2008
|
+
color: var(--accent-yellow);
|
|
2009
|
+
padding: 4px 10px;
|
|
2010
|
+
border-radius: 4px;
|
|
2011
|
+
cursor: pointer;
|
|
2012
|
+
font-family: var(--font-mono);
|
|
2013
|
+
font-size: 11px;
|
|
2014
|
+
transition: all 0.15s ease;
|
|
2015
|
+
}
|
|
2016
|
+
|
|
2017
|
+
.tool-confirm-notification-banner button:hover {
|
|
2018
|
+
background: rgba(255, 193, 7, 0.1);
|
|
2019
|
+
}
|
|
2020
|
+
|
|
1735
2021
|
/* ============================================
|
|
1736
2022
|
Prompt Input Bar
|
|
1737
2023
|
============================================ */
|
|
@@ -1739,11 +2025,11 @@ html, body {
|
|
|
1739
2025
|
.prompt-input-bar {
|
|
1740
2026
|
display: flex;
|
|
1741
2027
|
flex-direction: column;
|
|
2028
|
+
justify-content: center;
|
|
1742
2029
|
padding: 8px 16px;
|
|
1743
2030
|
background: var(--bg-secondary);
|
|
1744
2031
|
border-top: 1px solid var(--border-color);
|
|
1745
2032
|
flex-shrink: 0;
|
|
1746
|
-
gap: 4px;
|
|
1747
2033
|
}
|
|
1748
2034
|
|
|
1749
2035
|
.prompt-input-inner {
|
|
@@ -1806,70 +2092,78 @@ html, body {
|
|
|
1806
2092
|
|
|
1807
2093
|
.prompt-input-send {
|
|
1808
2094
|
flex-shrink: 0;
|
|
2095
|
+
display: inline-flex;
|
|
2096
|
+
align-items: center;
|
|
2097
|
+
justify-content: center;
|
|
2098
|
+
width: 32px;
|
|
2099
|
+
height: 32px;
|
|
1809
2100
|
background: transparent;
|
|
1810
|
-
border: 1px solid var(--
|
|
1811
|
-
|
|
1812
|
-
padding: 6px 14px;
|
|
1813
|
-
border-radius: 4px;
|
|
2101
|
+
border: 1px solid var(--accent-green);
|
|
2102
|
+
border-radius: 50%;
|
|
1814
2103
|
cursor: pointer;
|
|
1815
|
-
font-family: var(--font-mono);
|
|
1816
|
-
font-size: 12px;
|
|
1817
2104
|
transition: all 0.15s ease;
|
|
1818
2105
|
}
|
|
1819
2106
|
|
|
1820
2107
|
.prompt-input-send:hover:not(:disabled) {
|
|
1821
|
-
background:
|
|
1822
|
-
color: var(--text-primary);
|
|
1823
|
-
border-color: var(--accent-green);
|
|
2108
|
+
background: rgba(76, 175, 80, 0.15);
|
|
1824
2109
|
}
|
|
1825
2110
|
|
|
1826
2111
|
.prompt-input-send:disabled {
|
|
1827
2112
|
opacity: 0.5;
|
|
1828
2113
|
cursor: not-allowed;
|
|
2114
|
+
border-color: var(--border-color);
|
|
2115
|
+
}
|
|
2116
|
+
|
|
2117
|
+
.prompt-input-send:disabled .send-icon {
|
|
2118
|
+
background-color: var(--text-dimmed);
|
|
2119
|
+
}
|
|
2120
|
+
|
|
2121
|
+
.send-icon {
|
|
2122
|
+
display: inline-block;
|
|
2123
|
+
width: 18px;
|
|
2124
|
+
height: 18px;
|
|
2125
|
+
background-color: var(--accent-green);
|
|
2126
|
+
-webkit-mask-image: url('/send-icon.svg');
|
|
2127
|
+
mask-image: url('/send-icon.svg');
|
|
2128
|
+
-webkit-mask-size: contain;
|
|
2129
|
+
mask-size: contain;
|
|
2130
|
+
-webkit-mask-repeat: no-repeat;
|
|
2131
|
+
mask-repeat: no-repeat;
|
|
2132
|
+
-webkit-mask-position: center;
|
|
2133
|
+
mask-position: center;
|
|
1829
2134
|
}
|
|
1830
2135
|
|
|
1831
2136
|
.prompt-input-interrupt {
|
|
1832
2137
|
flex-shrink: 0;
|
|
2138
|
+
display: inline-flex;
|
|
2139
|
+
align-items: center;
|
|
2140
|
+
justify-content: center;
|
|
2141
|
+
width: 32px;
|
|
2142
|
+
height: 32px;
|
|
1833
2143
|
background: transparent;
|
|
1834
|
-
border: 1px solid var(--
|
|
1835
|
-
|
|
1836
|
-
padding: 6px 14px;
|
|
1837
|
-
border-radius: 4px;
|
|
2144
|
+
border: 1px solid var(--accent-red);
|
|
2145
|
+
border-radius: 50%;
|
|
1838
2146
|
cursor: pointer;
|
|
1839
|
-
font-family: var(--font-mono);
|
|
1840
|
-
font-size: 12px;
|
|
1841
2147
|
transition: all 0.15s ease;
|
|
1842
2148
|
}
|
|
1843
2149
|
|
|
1844
2150
|
.prompt-input-interrupt:hover {
|
|
1845
|
-
background: rgba(
|
|
1846
|
-
border-color: var(--accent-red);
|
|
1847
|
-
}
|
|
1848
|
-
|
|
1849
|
-
.prompt-input-status {
|
|
1850
|
-
font-size: 11px;
|
|
1851
|
-
padding-left: 32px;
|
|
1852
|
-
color: var(--text-dimmed);
|
|
2151
|
+
background: rgba(244, 67, 54, 0.15);
|
|
1853
2152
|
}
|
|
1854
2153
|
|
|
1855
|
-
.
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
color: var(--accent-red);
|
|
1869
|
-
}
|
|
1870
|
-
|
|
1871
|
-
.prompt-input-status.completed {
|
|
1872
|
-
color: var(--text-secondary);
|
|
2154
|
+
.interrupt-icon {
|
|
2155
|
+
display: inline-block;
|
|
2156
|
+
width: 18px;
|
|
2157
|
+
height: 18px;
|
|
2158
|
+
background-color: var(--accent-red);
|
|
2159
|
+
-webkit-mask-image: url('/interrupt-icon.svg');
|
|
2160
|
+
mask-image: url('/interrupt-icon.svg');
|
|
2161
|
+
-webkit-mask-size: contain;
|
|
2162
|
+
mask-size: contain;
|
|
2163
|
+
-webkit-mask-repeat: no-repeat;
|
|
2164
|
+
mask-repeat: no-repeat;
|
|
2165
|
+
-webkit-mask-position: center;
|
|
2166
|
+
mask-position: center;
|
|
1873
2167
|
}
|
|
1874
2168
|
|
|
1875
2169
|
/* ============================================
|
|
@@ -1879,7 +2173,7 @@ html, body {
|
|
|
1879
2173
|
.ask-user-question-form {
|
|
1880
2174
|
background: var(--bg-secondary);
|
|
1881
2175
|
border: 1px solid var(--border-color);
|
|
1882
|
-
border-left: 3px solid var(--
|
|
2176
|
+
border-left: 3px solid var(--text-dimmed);
|
|
1883
2177
|
border-radius: 4px;
|
|
1884
2178
|
padding: 12px 16px;
|
|
1885
2179
|
margin-top: 4px;
|
|
@@ -1911,8 +2205,8 @@ html, body {
|
|
|
1911
2205
|
}
|
|
1912
2206
|
|
|
1913
2207
|
.ask-user-question-step.active {
|
|
1914
|
-
border-color: var(--
|
|
1915
|
-
color: var(--
|
|
2208
|
+
border-color: var(--text-dimmed);
|
|
2209
|
+
color: var(--text-dimmed);
|
|
1916
2210
|
font-weight: 600;
|
|
1917
2211
|
}
|
|
1918
2212
|
|