@codexview/react 0.2.1 → 0.2.3

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 (2) hide show
  1. package/dist/styles.css +57 -20
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --cv-text-inverse: #faf6ef;
17
17
  --cv-bg: #faf6ef;
18
18
  --cv-bg-raised: #f1eadb;
19
- --cv-bg-user-bubble: #b8694a;
19
+ --cv-bg-user-bubble: #e8c5b3;
20
20
  --cv-bg-assistant-bubble: #f1eadb;
21
21
  --cv-bg-code: #2c2620;
22
22
  --cv-fg-code: #ede4d3;
@@ -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-inverse);
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: var(--cv-bg-raised);
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: 3px solid var(--cv-status-pending); }
222
- .cv-ToolCallBlock-module_block_dNRp9[data-status='running'] { border-left: 3px solid var(--cv-status-running); }
223
- .cv-ToolCallBlock-module_block_dNRp9[data-status='completed'] { border-left: 3px solid var(--cv-status-completed); }
224
- .cv-ToolCallBlock-module_block_dNRp9[data-status='failed'] { border-left: 3px solid var(--cv-status-failed); }
225
- .cv-ToolCallBlock-module_block_dNRp9[data-status='stopped'] { border-left: 3px solid var(--cv-status-stopped); }
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;
@@ -241,8 +252,15 @@ a.cv-Markdown-module_directive_oMfF9:hover {
241
252
  transition: transform 120ms ease;
242
253
  }
243
254
  .cv-ToolCallBlock-module_block_dNRp9[open] > .cv-ToolCallBlock-module_header_--wWa::before { transform: rotate(90deg); }
244
- .cv-ToolCallBlock-module_title_F75hj { font-weight: 600; }
245
- .cv-ToolCallBlock-module_statusChip_srL2P { margin-left: auto; font-size: 0.75rem; color: var(--cv-text-muted); }
255
+ .cv-ToolCallBlock-module_title_F75hj {
256
+ font-weight: 600;
257
+ min-width: 0;
258
+ overflow: hidden;
259
+ text-overflow: ellipsis;
260
+ white-space: nowrap;
261
+ }
262
+ .cv-ToolCallBlock-module_block_dNRp9[open] .cv-ToolCallBlock-module_title_F75hj { white-space: normal; overflow: visible; }
263
+ .cv-ToolCallBlock-module_statusChip_srL2P { margin-left: auto; font-size: 0.75rem; color: var(--cv-text-muted); flex-shrink: 0; }
246
264
  .cv-ToolCallBlock-module_label_T8ftn { font-size: 0.75rem; color: var(--cv-text-muted); }
247
265
  .cv-ToolCallBlock-module_body_4IH9O {
248
266
  display: flex;
@@ -259,14 +277,21 @@ a.cv-Markdown-module_directive_oMfF9:hover {
259
277
  .cv-ToolCallBlock-module_error_n7qO- { color: var(--cv-status-failed); font-family: var(--cv-font-mono); font-size: 0.8rem; }
260
278
  .cv-ToolCallBlock-module_result_BmMtL summary { cursor: pointer; font-size: 0.75rem; color: var(--cv-text-muted); }
261
279
  .cv-ExecBlock-module_block_GHBDd {
262
- background: var(--cv-bg-code);
263
- color: var(--cv-fg-code);
280
+ background: transparent;
281
+ color: var(--cv-text);
264
282
  border-radius: var(--cv-radius-sm);
265
- padding: var(--cv-spacing-sm);
283
+ border-left: 3px solid var(--cv-border);
284
+ padding: var(--cv-spacing-xs) var(--cv-spacing-sm);
266
285
  display: flex; flex-direction: column; gap: var(--cv-spacing-xs);
267
286
  font-family: var(--cv-font-mono); font-size: 0.85rem;
268
287
  overflow: hidden;
269
288
  }
289
+ .cv-ExecBlock-module_block_GHBDd[open] {
290
+ background: var(--cv-bg-code);
291
+ color: var(--cv-fg-code);
292
+ border-left-color: var(--cv-border);
293
+ padding: var(--cv-spacing-sm);
294
+ }
270
295
  .cv-ExecBlock-module_header_-s9DN {
271
296
  display: flex;
272
297
  align-items: center;
@@ -285,8 +310,15 @@ a.cv-Markdown-module_directive_oMfF9:hover {
285
310
  }
286
311
  .cv-ExecBlock-module_block_GHBDd[open] > .cv-ExecBlock-module_header_-s9DN::before { transform: rotate(90deg); }
287
312
  .cv-ExecBlock-module_body_cKLAV { display: flex; flex-direction: column; gap: var(--cv-spacing-xs); margin-top: var(--cv-spacing-xs); }
288
- .cv-ExecBlock-module_cmd_KpfNN { white-space: pre-wrap; word-break: break-word; flex: 1; }
289
- .cv-ExecBlock-module_exit_H-E6L { font-size: 0.75rem; opacity: 0.7; }
313
+ .cv-ExecBlock-module_cmd_KpfNN {
314
+ flex: 1;
315
+ min-width: 0;
316
+ white-space: nowrap;
317
+ overflow: hidden;
318
+ text-overflow: ellipsis;
319
+ }
320
+ .cv-ExecBlock-module_block_GHBDd[open] .cv-ExecBlock-module_cmd_KpfNN { white-space: pre-wrap; word-break: break-word; overflow: visible; }
321
+ .cv-ExecBlock-module_exit_H-E6L { font-size: 0.75rem; opacity: 0.7; flex-shrink: 0; }
290
322
  .cv-ExecBlock-module_stdout_IHwS1 { white-space: pre-wrap; word-break: break-word; }
291
323
  .cv-ExecBlock-module_stderr_-DESS { white-space: pre-wrap; word-break: break-word; color: var(--cv-status-failed); }
292
324
  .cv-ExecBlock-module_shimmer_e98BB {
@@ -364,12 +396,16 @@ a.cv-Markdown-module_directive_oMfF9:hover {
364
396
  .cv-PatchBlock-module_del_i2akI { background: var(--cv-diff-del-bg); color: #67060c; }
365
397
  .cv-TodoListBlock-module_block_JRgID {
366
398
  border-left: 3px solid var(--cv-status-running);
367
- padding: var(--cv-spacing-sm) var(--cv-spacing-md);
368
- background: var(--cv-bg-raised);
399
+ padding: var(--cv-spacing-xs) var(--cv-spacing-md);
400
+ background: transparent;
369
401
  border-radius: var(--cv-radius-sm);
370
402
  }
371
403
  .cv-TodoListBlock-module_block_JRgID[data-status='completed'] { border-left-color: var(--cv-status-completed); }
372
404
  .cv-TodoListBlock-module_block_JRgID[data-status='failed'] { border-left-color: var(--cv-status-failed); }
405
+ .cv-TodoListBlock-module_block_JRgID[open] {
406
+ background: var(--cv-bg-raised);
407
+ padding: var(--cv-spacing-sm) var(--cv-spacing-md);
408
+ }
373
409
 
374
410
  .cv-TodoListBlock-module_summary_W3C5h {
375
411
  display: inline-flex;
@@ -415,7 +451,8 @@ a.cv-Markdown-module_directive_oMfF9:hover {
415
451
  font-size: 0.9rem;
416
452
  }
417
453
  .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: var(--cv-bg-raised); }
454
+ .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; }
455
+ .cv-RawEventBlock-module_block_SSjbJ[open] { background: var(--cv-bg-raised); }
419
456
  .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
457
  .cv-RawEventBlock-module_summary_cjM7J::-webkit-details-marker { display: none; }
421
458
  .cv-RawEventBlock-module_code_WK6CT {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codexview/react",
3
- "version": "0.2.1",
3
+ "version": "0.2.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },