@unity-china/codely-cli 1.0.0-beta.44 → 1.0.0-beta.46

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.
@@ -244,7 +244,7 @@ textarea {
244
244
  }
245
245
 
246
246
  .think {
247
- margin: 8px 0;
247
+ margin: 12px 0;
248
248
  }
249
249
  .think summary {
250
250
  cursor: pointer;
@@ -262,24 +262,23 @@ textarea {
262
262
  .think.active {
263
263
  margin: 12px 0;
264
264
  }
265
- .think-header {
266
- font-size: 11px;
267
- color: rgba(255, 255, 255, 0.7);
268
- font-weight: 600;
269
- margin-bottom: 6px;
270
- opacity: 0.8;
271
- letter-spacing: 0.05em;
265
+ .think-body {
266
+ margin-top: 6px;
267
+ padding: 10px 12px;
268
+ border-left: 3px solid rgba(122, 162, 247, 0.55);
269
+ background: rgba(122, 162, 247, 0.06);
270
+ border-radius: 10px;
272
271
  }
273
272
  .think-content,
274
273
  .think pre {
275
274
  margin: 0;
276
- padding: 4px 0;
275
+ padding: 0;
277
276
  border: none;
278
277
  background: transparent;
279
- color: rgba(255, 255, 255, 0.7);
280
- font-family: var(--mono);
278
+ color: rgba(255, 255, 255, 0.86);
279
+ font-family: var(--sans);
281
280
  font-size: 12px;
282
- line-height: 1.3;
281
+ line-height: 1.45;
283
282
  white-space: pre-wrap;
284
283
  word-break: break-all;
285
284
  }
@@ -292,6 +291,40 @@ textarea {
292
291
  overflow: hidden;
293
292
  }
294
293
 
294
+ .tool-compact {
295
+ margin: 6px 0;
296
+ display: flex;
297
+ align-items: center;
298
+ gap: 8px;
299
+ font-family: var(--mono);
300
+ font-size: 12px;
301
+ color: rgba(255, 255, 255, 0.78);
302
+ opacity: 0.95;
303
+ }
304
+
305
+ .tool-compact-arrow {
306
+ color: rgba(255, 255, 255, 0.55);
307
+ }
308
+
309
+ .tool-compact-kind {
310
+ color: rgba(187, 154, 247, 0.95);
311
+ }
312
+
313
+ .tool-compact-title {
314
+ color: rgba(255, 255, 255, 0.86);
315
+ overflow: hidden;
316
+ text-overflow: ellipsis;
317
+ white-space: nowrap;
318
+ flex: 1;
319
+ min-width: 0;
320
+ }
321
+
322
+ .tool-compact-status {
323
+ font-family: var(--sans);
324
+ font-size: 11px;
325
+ color: var(--muted);
326
+ }
327
+
295
328
  .planning-indicator {
296
329
  font-size: 11px;
297
330
  color: var(--muted);
@@ -748,6 +781,147 @@ textarea {
748
781
  gap: 10px;
749
782
  }
750
783
 
784
+ /* Subagent card styles */
785
+ .subagent-card {
786
+ background: linear-gradient(
787
+ 135deg,
788
+ rgba(122, 162, 247, 0.04),
789
+ rgba(187, 154, 247, 0.03)
790
+ );
791
+ border-color: rgba(122, 162, 247, 0.2);
792
+ }
793
+
794
+ .subagent-header {
795
+ display: flex;
796
+ align-items: center;
797
+ justify-content: space-between;
798
+ padding: 10px 14px;
799
+ background: rgba(122, 162, 247, 0.06);
800
+ border-bottom: 1px solid rgba(122, 162, 247, 0.15);
801
+ }
802
+
803
+ .subagent-header.running {
804
+ background: linear-gradient(
805
+ 90deg,
806
+ rgba(122, 162, 247, 0.08),
807
+ rgba(187, 154, 247, 0.08),
808
+ rgba(122, 162, 247, 0.08)
809
+ );
810
+ background-size: 200% 100%;
811
+ animation: shimmer-bg 3s infinite linear;
812
+ }
813
+
814
+ @keyframes shimmer-bg {
815
+ 0% {
816
+ background-position: 200% 0;
817
+ }
818
+ 100% {
819
+ background-position: -200% 0;
820
+ }
821
+ }
822
+
823
+ .subagent-title {
824
+ display: flex;
825
+ align-items: center;
826
+ gap: 10px;
827
+ }
828
+
829
+ .subagent-label {
830
+ font-family: var(--mono);
831
+ font-size: 10px;
832
+ text-transform: uppercase;
833
+ letter-spacing: 0.08em;
834
+ padding: 4px 8px;
835
+ border-radius: 999px;
836
+ background: linear-gradient(
837
+ 135deg,
838
+ rgba(122, 162, 247, 0.25),
839
+ rgba(187, 154, 247, 0.2)
840
+ );
841
+ border: 1px solid rgba(122, 162, 247, 0.4);
842
+ color: var(--accent);
843
+ font-weight: 700;
844
+ }
845
+
846
+ .subagent-name {
847
+ font-size: 13px;
848
+ font-weight: 600;
849
+ color: var(--text);
850
+ }
851
+
852
+ .subagent-status-wrap {
853
+ display: flex;
854
+ align-items: center;
855
+ gap: 8px;
856
+ }
857
+
858
+ .subagent-spinner {
859
+ width: 14px;
860
+ height: 14px;
861
+ border: 2px solid rgba(122, 162, 247, 0.2);
862
+ border-top-color: var(--accent);
863
+ border-radius: 50%;
864
+ animation: spin 1s linear infinite;
865
+ }
866
+
867
+ @keyframes spin {
868
+ to {
869
+ transform: rotate(360deg);
870
+ }
871
+ }
872
+
873
+ .subagent-status {
874
+ font-size: 11px;
875
+ color: var(--muted);
876
+ font-weight: 500;
877
+ }
878
+
879
+ .subagent-task {
880
+ padding: 10px 14px;
881
+ background: rgba(0, 0, 0, 0.15);
882
+ border-bottom: 1px solid var(--border);
883
+ }
884
+
885
+ .subagent-task-label {
886
+ font-size: 10px;
887
+ text-transform: uppercase;
888
+ letter-spacing: 0.06em;
889
+ color: var(--muted);
890
+ margin-bottom: 4px;
891
+ font-weight: 600;
892
+ }
893
+
894
+ .subagent-task-text {
895
+ font-size: 13px;
896
+ line-height: 1.5;
897
+ color: var(--text);
898
+ white-space: pre-wrap;
899
+ word-break: break-word;
900
+ }
901
+
902
+ .subagent-params {
903
+ padding: 8px 14px;
904
+ background: rgba(0, 0, 0, 0.1);
905
+ border-bottom: 1px solid var(--border);
906
+ display: flex;
907
+ flex-direction: column;
908
+ gap: 4px;
909
+ }
910
+
911
+ .subagent-param {
912
+ font-family: var(--mono);
913
+ font-size: 11px;
914
+ color: rgba(255, 255, 255, 0.7);
915
+ padding: 4px 8px;
916
+ background: rgba(255, 255, 255, 0.03);
917
+ border-radius: 4px;
918
+ border: 1px solid rgba(255, 255, 255, 0.08);
919
+ }
920
+
921
+ .subagent-result {
922
+ padding: 10px 14px;
923
+ }
924
+
751
925
  @media (max-width: 980px) {
752
926
  .app {
753
927
  grid-template-columns: 1fr;