@codexview/react 0.2.0 → 0.2.2
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/dist/styles.css +57 -34
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -11,27 +11,27 @@
|
|
|
11
11
|
--cv-spacing-md: 12px;
|
|
12
12
|
--cv-spacing-lg: 16px;
|
|
13
13
|
|
|
14
|
-
--cv-text: #
|
|
15
|
-
--cv-text-muted: #
|
|
16
|
-
--cv-text-inverse: #
|
|
17
|
-
--cv-bg: #
|
|
18
|
-
--cv-bg-raised: #
|
|
19
|
-
--cv-bg-user-bubble: #
|
|
20
|
-
--cv-bg-assistant-bubble: #
|
|
21
|
-
--cv-bg-code: #
|
|
22
|
-
--cv-fg-code: #
|
|
23
|
-
--cv-border: #
|
|
24
|
-
--cv-axis-color: #
|
|
25
|
-
--cv-shimmer-color: rgba(
|
|
14
|
+
--cv-text: #3a342c;
|
|
15
|
+
--cv-text-muted: #8a7e6b;
|
|
16
|
+
--cv-text-inverse: #faf6ef;
|
|
17
|
+
--cv-bg: #faf6ef;
|
|
18
|
+
--cv-bg-raised: #f1eadb;
|
|
19
|
+
--cv-bg-user-bubble: #e8c5b3;
|
|
20
|
+
--cv-bg-assistant-bubble: #f1eadb;
|
|
21
|
+
--cv-bg-code: #2c2620;
|
|
22
|
+
--cv-fg-code: #ede4d3;
|
|
23
|
+
--cv-border: #d9ceb6;
|
|
24
|
+
--cv-axis-color: #d9ceb6;
|
|
25
|
+
--cv-shimmer-color: rgba(58, 52, 44, 0.08);
|
|
26
26
|
|
|
27
|
-
--cv-status-pending: #
|
|
28
|
-
--cv-status-running: #
|
|
29
|
-
--cv-status-completed: #
|
|
30
|
-
--cv-status-failed: #
|
|
31
|
-
--cv-status-stopped: #
|
|
27
|
+
--cv-status-pending: #8a7e6b;
|
|
28
|
+
--cv-status-running: #5b7c99;
|
|
29
|
+
--cv-status-completed: #6b8e4e;
|
|
30
|
+
--cv-status-failed: #b04a3a;
|
|
31
|
+
--cv-status-stopped: #8a7e6b;
|
|
32
32
|
|
|
33
|
-
--cv-diff-add-bg: #
|
|
34
|
-
--cv-diff-del-bg: #
|
|
33
|
+
--cv-diff-add-bg: #e6ecd5;
|
|
34
|
+
--cv-diff-del-bg: #f3dcd0;
|
|
35
35
|
}
|
|
36
36
|
.cv-TurnContainer-module_turn_K9u-z {
|
|
37
37
|
padding: var(--cv-spacing-md) var(--cv-spacing-lg);
|
|
@@ -176,7 +176,7 @@ a.cv-Markdown-module_directive_oMfF9:hover {
|
|
|
176
176
|
.cv-MessageBubble-module_bubble_p3YO4[data-role='user'] {
|
|
177
177
|
align-self: flex-end;
|
|
178
178
|
background: var(--cv-bg-user-bubble);
|
|
179
|
-
color: var(--cv-text
|
|
179
|
+
color: var(--cv-text);
|
|
180
180
|
}
|
|
181
181
|
.cv-MessageBubble-module_bubble_p3YO4[data-role='assistant'] {
|
|
182
182
|
background: var(--cv-bg-assistant-bubble);
|
|
@@ -210,19 +210,30 @@ a.cv-Markdown-module_directive_oMfF9:hover {
|
|
|
210
210
|
white-space: pre-wrap;
|
|
211
211
|
}
|
|
212
212
|
.cv-ToolCallBlock-module_block_dNRp9 {
|
|
213
|
-
border: 1px solid var(--cv-border);
|
|
214
213
|
border-radius: var(--cv-radius-sm);
|
|
215
|
-
padding: var(--cv-spacing-sm);
|
|
216
|
-
background:
|
|
214
|
+
padding: var(--cv-spacing-xs) var(--cv-spacing-sm);
|
|
215
|
+
background: transparent;
|
|
216
|
+
border-left: 3px solid var(--cv-border);
|
|
217
217
|
display: flex;
|
|
218
218
|
flex-direction: column;
|
|
219
219
|
gap: var(--cv-spacing-xs);
|
|
220
220
|
}
|
|
221
|
-
.cv-ToolCallBlock-module_block_dNRp9[data-status='pending'] { border-left:
|
|
222
|
-
.cv-ToolCallBlock-module_block_dNRp9[data-status='running'] { border-left:
|
|
223
|
-
.cv-ToolCallBlock-module_block_dNRp9[data-status='completed'] { border-left:
|
|
224
|
-
.cv-ToolCallBlock-module_block_dNRp9[data-status='failed'] { border-left:
|
|
225
|
-
.cv-ToolCallBlock-module_block_dNRp9[data-status='stopped'] { border-left:
|
|
221
|
+
.cv-ToolCallBlock-module_block_dNRp9[data-status='pending'] { border-left-color: var(--cv-status-pending); }
|
|
222
|
+
.cv-ToolCallBlock-module_block_dNRp9[data-status='running'] { border-left-color: var(--cv-status-running); }
|
|
223
|
+
.cv-ToolCallBlock-module_block_dNRp9[data-status='completed'] { border-left-color: var(--cv-status-completed); }
|
|
224
|
+
.cv-ToolCallBlock-module_block_dNRp9[data-status='failed'] { border-left-color: var(--cv-status-failed); }
|
|
225
|
+
.cv-ToolCallBlock-module_block_dNRp9[data-status='stopped'] { border-left-color: var(--cv-status-stopped); }
|
|
226
|
+
.cv-ToolCallBlock-module_block_dNRp9[open] {
|
|
227
|
+
background: var(--cv-bg-raised);
|
|
228
|
+
border: 1px solid var(--cv-border);
|
|
229
|
+
border-left-width: 3px;
|
|
230
|
+
padding: var(--cv-spacing-sm);
|
|
231
|
+
}
|
|
232
|
+
.cv-ToolCallBlock-module_block_dNRp9[open][data-status='pending'] { border-left-color: var(--cv-status-pending); }
|
|
233
|
+
.cv-ToolCallBlock-module_block_dNRp9[open][data-status='running'] { border-left-color: var(--cv-status-running); }
|
|
234
|
+
.cv-ToolCallBlock-module_block_dNRp9[open][data-status='completed'] { border-left-color: var(--cv-status-completed); }
|
|
235
|
+
.cv-ToolCallBlock-module_block_dNRp9[open][data-status='failed'] { border-left-color: var(--cv-status-failed); }
|
|
236
|
+
.cv-ToolCallBlock-module_block_dNRp9[open][data-status='stopped'] { border-left-color: var(--cv-status-stopped); }
|
|
226
237
|
|
|
227
238
|
.cv-ToolCallBlock-module_header_--wWa {
|
|
228
239
|
display: flex;
|
|
@@ -259,14 +270,21 @@ a.cv-Markdown-module_directive_oMfF9:hover {
|
|
|
259
270
|
.cv-ToolCallBlock-module_error_n7qO- { color: var(--cv-status-failed); font-family: var(--cv-font-mono); font-size: 0.8rem; }
|
|
260
271
|
.cv-ToolCallBlock-module_result_BmMtL summary { cursor: pointer; font-size: 0.75rem; color: var(--cv-text-muted); }
|
|
261
272
|
.cv-ExecBlock-module_block_GHBDd {
|
|
262
|
-
background:
|
|
263
|
-
color: var(--cv-
|
|
273
|
+
background: transparent;
|
|
274
|
+
color: var(--cv-text);
|
|
264
275
|
border-radius: var(--cv-radius-sm);
|
|
265
|
-
|
|
276
|
+
border-left: 3px solid var(--cv-border);
|
|
277
|
+
padding: var(--cv-spacing-xs) var(--cv-spacing-sm);
|
|
266
278
|
display: flex; flex-direction: column; gap: var(--cv-spacing-xs);
|
|
267
279
|
font-family: var(--cv-font-mono); font-size: 0.85rem;
|
|
268
280
|
overflow: hidden;
|
|
269
281
|
}
|
|
282
|
+
.cv-ExecBlock-module_block_GHBDd[open] {
|
|
283
|
+
background: var(--cv-bg-code);
|
|
284
|
+
color: var(--cv-fg-code);
|
|
285
|
+
border-left-color: var(--cv-border);
|
|
286
|
+
padding: var(--cv-spacing-sm);
|
|
287
|
+
}
|
|
270
288
|
.cv-ExecBlock-module_header_-s9DN {
|
|
271
289
|
display: flex;
|
|
272
290
|
align-items: center;
|
|
@@ -364,12 +382,16 @@ a.cv-Markdown-module_directive_oMfF9:hover {
|
|
|
364
382
|
.cv-PatchBlock-module_del_i2akI { background: var(--cv-diff-del-bg); color: #67060c; }
|
|
365
383
|
.cv-TodoListBlock-module_block_JRgID {
|
|
366
384
|
border-left: 3px solid var(--cv-status-running);
|
|
367
|
-
padding: var(--cv-spacing-
|
|
368
|
-
background:
|
|
385
|
+
padding: var(--cv-spacing-xs) var(--cv-spacing-md);
|
|
386
|
+
background: transparent;
|
|
369
387
|
border-radius: var(--cv-radius-sm);
|
|
370
388
|
}
|
|
371
389
|
.cv-TodoListBlock-module_block_JRgID[data-status='completed'] { border-left-color: var(--cv-status-completed); }
|
|
372
390
|
.cv-TodoListBlock-module_block_JRgID[data-status='failed'] { border-left-color: var(--cv-status-failed); }
|
|
391
|
+
.cv-TodoListBlock-module_block_JRgID[open] {
|
|
392
|
+
background: var(--cv-bg-raised);
|
|
393
|
+
padding: var(--cv-spacing-sm) var(--cv-spacing-md);
|
|
394
|
+
}
|
|
373
395
|
|
|
374
396
|
.cv-TodoListBlock-module_summary_W3C5h {
|
|
375
397
|
display: inline-flex;
|
|
@@ -415,7 +437,8 @@ a.cv-Markdown-module_directive_oMfF9:hover {
|
|
|
415
437
|
font-size: 0.9rem;
|
|
416
438
|
}
|
|
417
439
|
.cv-ErrorBlock-module_message_hJ57N { white-space: pre-wrap; word-break: break-word; }
|
|
418
|
-
.cv-RawEventBlock-module_block_SSjbJ { border: 1px dashed var(--cv-border); border-radius: var(--cv-radius-sm); padding: var(--cv-spacing-xs) var(--cv-spacing-sm); background:
|
|
440
|
+
.cv-RawEventBlock-module_block_SSjbJ { border: 1px dashed var(--cv-border); border-radius: var(--cv-radius-sm); padding: var(--cv-spacing-xs) var(--cv-spacing-sm); background: transparent; }
|
|
441
|
+
.cv-RawEventBlock-module_block_SSjbJ[open] { background: var(--cv-bg-raised); }
|
|
419
442
|
.cv-RawEventBlock-module_summary_cjM7J { display: flex; align-items: center; gap: var(--cv-spacing-xs); cursor: pointer; color: var(--cv-text-muted); list-style: none; }
|
|
420
443
|
.cv-RawEventBlock-module_summary_cjM7J::-webkit-details-marker { display: none; }
|
|
421
444
|
.cv-RawEventBlock-module_code_WK6CT {
|