@compose-market/theme 0.0.99 → 0.1.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.
- package/dist/css/workflows.css +413 -0
- package/dist/workflows/index.d.ts +82 -0
- package/dist/workflows/index.d.ts.map +1 -1
- package/dist/workflows/index.js +35 -1
- package/dist/workflows/index.js.map +1 -1
- package/dist/workflows/styles.d.ts +1 -1
- package/dist/workflows/styles.d.ts.map +1 -1
- package/dist/workflows/styles.js +413 -0
- package/dist/workflows/styles.js.map +1 -1
- package/package.json +2 -2
package/dist/css/workflows.css
CHANGED
|
@@ -706,6 +706,419 @@
|
|
|
706
706
|
}
|
|
707
707
|
}
|
|
708
708
|
|
|
709
|
+
/* Stream pocket */
|
|
710
|
+
.cm-stream-pocket {
|
|
711
|
+
display: flex;
|
|
712
|
+
flex-direction: column;
|
|
713
|
+
gap: 10px;
|
|
714
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
715
|
+
border-radius: 8px;
|
|
716
|
+
background: hsl(var(--card) / 0.92);
|
|
717
|
+
padding: 10px;
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
.cm-stream-pocket__header {
|
|
721
|
+
display: flex;
|
|
722
|
+
align-items: flex-start;
|
|
723
|
+
justify-content: space-between;
|
|
724
|
+
gap: 12px;
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
.cm-stream-pocket__copy {
|
|
728
|
+
min-width: 0;
|
|
729
|
+
flex: 1;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.cm-stream-pocket__title {
|
|
733
|
+
margin: 0;
|
|
734
|
+
color: hsl(var(--foreground));
|
|
735
|
+
font-size: 12px;
|
|
736
|
+
font-weight: 650;
|
|
737
|
+
line-height: 1.25;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
.cm-stream-pocket__summary {
|
|
741
|
+
margin-top: 3px;
|
|
742
|
+
color: hsl(var(--muted-foreground));
|
|
743
|
+
font-size: 11px;
|
|
744
|
+
line-height: 1.35;
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
.cm-stream-pocket__metadata {
|
|
748
|
+
display: flex;
|
|
749
|
+
flex-wrap: wrap;
|
|
750
|
+
justify-content: flex-end;
|
|
751
|
+
gap: 6px;
|
|
752
|
+
color: hsl(var(--muted-foreground));
|
|
753
|
+
font-family: var(--font-mono, monospace);
|
|
754
|
+
font-size: 10px;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
.cm-stream-pocket__body {
|
|
758
|
+
display: flex;
|
|
759
|
+
flex-direction: column;
|
|
760
|
+
gap: 6px;
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
.cm-stream-node {
|
|
764
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
765
|
+
border-radius: 6px;
|
|
766
|
+
background: hsl(var(--background) / 0.42);
|
|
767
|
+
overflow: hidden;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
.cm-stream-node__summary-row {
|
|
771
|
+
display: flex;
|
|
772
|
+
align-items: center;
|
|
773
|
+
gap: 7px;
|
|
774
|
+
min-height: 28px;
|
|
775
|
+
padding: 6px 8px;
|
|
776
|
+
cursor: pointer;
|
|
777
|
+
list-style: none;
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
.cm-stream-node__summary-row::-webkit-details-marker {
|
|
781
|
+
display: none;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
.cm-stream-node__marker {
|
|
785
|
+
width: 7px;
|
|
786
|
+
height: 7px;
|
|
787
|
+
border-radius: 999px;
|
|
788
|
+
background: hsl(var(--accent));
|
|
789
|
+
opacity: 0.72;
|
|
790
|
+
flex-shrink: 0;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.cm-stream-node[data-status="failed"] .cm-stream-node__marker {
|
|
794
|
+
background: hsl(0 84% 62%);
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
.cm-stream-node[data-status="completed"] .cm-stream-node__marker {
|
|
798
|
+
background: hsl(var(--cm-tone-green, 142 76% 55%));
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
.cm-stream-node[data-kind="warning"] .cm-stream-node__marker,
|
|
802
|
+
.cm-stream-node[data-kind="debug"][data-status="info"] .cm-stream-node__marker {
|
|
803
|
+
background: hsl(38 92% 55%);
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
.cm-stream-node[data-kind="error"] .cm-stream-node__marker {
|
|
807
|
+
background: hsl(0 84% 62%);
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
.cm-stream-node[data-kind="catalog"] .cm-stream-node__marker {
|
|
811
|
+
background: hsl(190 88% 55%);
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
.cm-stream-node[data-kind="receipt"],
|
|
815
|
+
.cm-stream-node[data-kind="payment"] {
|
|
816
|
+
border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
.cm-stream-node[data-kind="receipt"] .cm-stream-node__marker,
|
|
820
|
+
.cm-stream-node[data-kind="payment"] .cm-stream-node__marker {
|
|
821
|
+
background: hsl(var(--cm-tone-green, 142 76% 55%));
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
.cm-stream-node__title {
|
|
825
|
+
min-width: 0;
|
|
826
|
+
flex: 1;
|
|
827
|
+
overflow: hidden;
|
|
828
|
+
text-overflow: ellipsis;
|
|
829
|
+
white-space: nowrap;
|
|
830
|
+
color: hsl(var(--foreground));
|
|
831
|
+
font-size: 11px;
|
|
832
|
+
font-weight: 600;
|
|
833
|
+
}
|
|
834
|
+
|
|
835
|
+
.cm-stream-node__kind,
|
|
836
|
+
.cm-stream-node__status {
|
|
837
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
838
|
+
border-radius: 4px;
|
|
839
|
+
padding: 1px 5px;
|
|
840
|
+
color: hsl(var(--muted-foreground));
|
|
841
|
+
font-family: var(--font-mono, monospace);
|
|
842
|
+
font-size: 9px;
|
|
843
|
+
line-height: 1.4;
|
|
844
|
+
text-transform: uppercase;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.cm-stream-node__content {
|
|
848
|
+
display: flex;
|
|
849
|
+
flex-direction: column;
|
|
850
|
+
gap: 6px;
|
|
851
|
+
border-top: 1px solid hsl(var(--sidebar-border));
|
|
852
|
+
padding: 7px 8px 8px;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
.cm-stream-node__summary {
|
|
856
|
+
white-space: pre-wrap;
|
|
857
|
+
color: hsl(var(--muted-foreground));
|
|
858
|
+
font-size: 11px;
|
|
859
|
+
line-height: 1.4;
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
.cm-stream-node__metadata {
|
|
863
|
+
display: flex;
|
|
864
|
+
flex-wrap: wrap;
|
|
865
|
+
gap: 6px;
|
|
866
|
+
color: hsl(var(--muted-foreground));
|
|
867
|
+
font-family: var(--font-mono, monospace);
|
|
868
|
+
font-size: 10px;
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
.cm-stream-node__children {
|
|
872
|
+
display: flex;
|
|
873
|
+
flex-direction: column;
|
|
874
|
+
gap: 6px;
|
|
875
|
+
padding-left: 10px;
|
|
876
|
+
border-left: 1px solid hsl(var(--sidebar-border));
|
|
877
|
+
}
|
|
878
|
+
|
|
879
|
+
.cm-stream-artifact {
|
|
880
|
+
display: flex;
|
|
881
|
+
flex-direction: column;
|
|
882
|
+
gap: 5px;
|
|
883
|
+
border: 1px solid hsl(var(--accent) / 0.22);
|
|
884
|
+
border-radius: 6px;
|
|
885
|
+
background: hsl(var(--accent) / 0.05);
|
|
886
|
+
padding: 7px 8px;
|
|
887
|
+
}
|
|
888
|
+
|
|
889
|
+
.cm-stream-artifact__row {
|
|
890
|
+
display: flex;
|
|
891
|
+
flex-wrap: wrap;
|
|
892
|
+
gap: 6px;
|
|
893
|
+
color: hsl(var(--muted-foreground));
|
|
894
|
+
font-family: var(--font-mono, monospace);
|
|
895
|
+
font-size: 10px;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
.cm-stream-artifact__kind {
|
|
899
|
+
color: hsl(var(--accent));
|
|
900
|
+
text-transform: uppercase;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
.cm-stream-artifact__link {
|
|
904
|
+
color: hsl(var(--accent));
|
|
905
|
+
font-size: 11px;
|
|
906
|
+
text-decoration: none;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
.cm-stream-artifact__link:hover {
|
|
910
|
+
text-decoration: underline;
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
.cm-stream-source {
|
|
914
|
+
display: flex;
|
|
915
|
+
flex-direction: column;
|
|
916
|
+
gap: 4px;
|
|
917
|
+
border: 1px solid hsl(190 88% 55% / 0.22);
|
|
918
|
+
border-radius: 6px;
|
|
919
|
+
background: hsl(190 88% 55% / 0.06);
|
|
920
|
+
padding: 7px 8px;
|
|
921
|
+
color: inherit;
|
|
922
|
+
text-decoration: none;
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
.cm-stream-source:hover {
|
|
926
|
+
border-color: hsl(190 88% 55% / 0.42);
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
.cm-stream-source__title-row {
|
|
930
|
+
display: flex;
|
|
931
|
+
align-items: center;
|
|
932
|
+
gap: 6px;
|
|
933
|
+
min-width: 0;
|
|
934
|
+
}
|
|
935
|
+
|
|
936
|
+
.cm-stream-source__marker {
|
|
937
|
+
flex-shrink: 0;
|
|
938
|
+
color: hsl(190 88% 65%);
|
|
939
|
+
font-family: var(--font-mono, monospace);
|
|
940
|
+
font-size: 10px;
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
.cm-stream-source__title {
|
|
944
|
+
min-width: 0;
|
|
945
|
+
overflow: hidden;
|
|
946
|
+
text-overflow: ellipsis;
|
|
947
|
+
white-space: nowrap;
|
|
948
|
+
color: hsl(var(--foreground));
|
|
949
|
+
font-size: 11px;
|
|
950
|
+
font-weight: 650;
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.cm-stream-source__snippet {
|
|
954
|
+
color: hsl(var(--muted-foreground));
|
|
955
|
+
font-size: 11px;
|
|
956
|
+
line-height: 1.4;
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
.cm-stream-source__metadata {
|
|
960
|
+
display: flex;
|
|
961
|
+
flex-wrap: wrap;
|
|
962
|
+
gap: 6px;
|
|
963
|
+
color: hsl(var(--muted-foreground));
|
|
964
|
+
font-family: var(--font-mono, monospace);
|
|
965
|
+
font-size: 10px;
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
.cm-stream-notice {
|
|
969
|
+
border: 1px solid hsl(var(--accent) / 0.24);
|
|
970
|
+
border-radius: 6px;
|
|
971
|
+
background: hsl(var(--accent) / 0.06);
|
|
972
|
+
padding: 7px 8px;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
.cm-stream-notice[data-tone="warning"] {
|
|
976
|
+
border-color: hsl(38 92% 55% / 0.34);
|
|
977
|
+
background: hsl(38 92% 55% / 0.08);
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
.cm-stream-notice[data-tone="error"] {
|
|
981
|
+
border-color: hsl(0 84% 62% / 0.34);
|
|
982
|
+
background: hsl(0 84% 62% / 0.08);
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
.cm-stream-notice__header {
|
|
986
|
+
display: flex;
|
|
987
|
+
align-items: center;
|
|
988
|
+
justify-content: space-between;
|
|
989
|
+
gap: 8px;
|
|
990
|
+
}
|
|
991
|
+
|
|
992
|
+
.cm-stream-notice__title {
|
|
993
|
+
color: hsl(var(--foreground));
|
|
994
|
+
font-size: 11px;
|
|
995
|
+
font-weight: 650;
|
|
996
|
+
}
|
|
997
|
+
|
|
998
|
+
.cm-stream-notice__metadata {
|
|
999
|
+
color: hsl(var(--muted-foreground));
|
|
1000
|
+
font-family: var(--font-mono, monospace);
|
|
1001
|
+
font-size: 10px;
|
|
1002
|
+
}
|
|
1003
|
+
|
|
1004
|
+
.cm-stream-notice__body {
|
|
1005
|
+
margin-top: 4px;
|
|
1006
|
+
color: hsl(var(--muted-foreground));
|
|
1007
|
+
font-size: 11px;
|
|
1008
|
+
line-height: 1.4;
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
.cm-stream-receipt,
|
|
1012
|
+
.cm-stream-session {
|
|
1013
|
+
border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.24);
|
|
1014
|
+
border-radius: 6px;
|
|
1015
|
+
background: hsl(var(--cm-tone-green, 142 76% 55%) / 0.06);
|
|
1016
|
+
padding: 7px 8px;
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
.cm-stream-receipt__grid,
|
|
1020
|
+
.cm-stream-session__body {
|
|
1021
|
+
display: grid;
|
|
1022
|
+
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
|
1023
|
+
gap: 6px;
|
|
1024
|
+
color: hsl(var(--muted-foreground));
|
|
1025
|
+
font-family: var(--font-mono, monospace);
|
|
1026
|
+
font-size: 10px;
|
|
1027
|
+
}
|
|
1028
|
+
|
|
1029
|
+
.cm-stream-receipt__grid span,
|
|
1030
|
+
.cm-stream-session__body span {
|
|
1031
|
+
min-width: 0;
|
|
1032
|
+
overflow: hidden;
|
|
1033
|
+
text-overflow: ellipsis;
|
|
1034
|
+
white-space: nowrap;
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1037
|
+
.cm-stream-receipt__grid b,
|
|
1038
|
+
.cm-stream-session__body b {
|
|
1039
|
+
display: block;
|
|
1040
|
+
margin-bottom: 2px;
|
|
1041
|
+
color: hsl(var(--foreground));
|
|
1042
|
+
font-family: inherit;
|
|
1043
|
+
font-weight: 650;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
.cm-stream-receipt__body {
|
|
1047
|
+
margin-top: 6px;
|
|
1048
|
+
}
|
|
1049
|
+
|
|
1050
|
+
.cm-stream-session__header {
|
|
1051
|
+
display: flex;
|
|
1052
|
+
align-items: center;
|
|
1053
|
+
justify-content: space-between;
|
|
1054
|
+
gap: 8px;
|
|
1055
|
+
margin-bottom: 6px;
|
|
1056
|
+
}
|
|
1057
|
+
|
|
1058
|
+
.cm-stream-session__title {
|
|
1059
|
+
color: hsl(var(--foreground));
|
|
1060
|
+
font-size: 11px;
|
|
1061
|
+
font-weight: 650;
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1064
|
+
.cm-stream-session__status {
|
|
1065
|
+
border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);
|
|
1066
|
+
border-radius: 4px;
|
|
1067
|
+
padding: 1px 5px;
|
|
1068
|
+
color: hsl(var(--cm-tone-green, 142 76% 65%));
|
|
1069
|
+
font-family: var(--font-mono, monospace);
|
|
1070
|
+
font-size: 9px;
|
|
1071
|
+
text-transform: uppercase;
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.cm-stream-transcript {
|
|
1075
|
+
display: flex;
|
|
1076
|
+
align-items: baseline;
|
|
1077
|
+
gap: 8px;
|
|
1078
|
+
border-left: 2px solid hsl(var(--accent) / 0.38);
|
|
1079
|
+
padding: 4px 0 4px 8px;
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
.cm-stream-transcript__time {
|
|
1083
|
+
flex-shrink: 0;
|
|
1084
|
+
color: hsl(var(--muted-foreground));
|
|
1085
|
+
font-family: var(--font-mono, monospace);
|
|
1086
|
+
font-size: 10px;
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1089
|
+
.cm-stream-transcript__text {
|
|
1090
|
+
min-width: 0;
|
|
1091
|
+
color: hsl(var(--foreground));
|
|
1092
|
+
font-size: 11px;
|
|
1093
|
+
line-height: 1.4;
|
|
1094
|
+
}
|
|
1095
|
+
|
|
1096
|
+
.cm-stream-media {
|
|
1097
|
+
width: 100%;
|
|
1098
|
+
max-width: 100%;
|
|
1099
|
+
border-radius: 6px;
|
|
1100
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
1101
|
+
background: hsl(var(--background) / 0.5);
|
|
1102
|
+
}
|
|
1103
|
+
|
|
1104
|
+
.cm-stream-media--image {
|
|
1105
|
+
display: block;
|
|
1106
|
+
max-height: 360px;
|
|
1107
|
+
object-fit: contain;
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
.cm-stream-media--partial {
|
|
1111
|
+
filter: blur(6px) saturate(0.82);
|
|
1112
|
+
}
|
|
1113
|
+
|
|
1114
|
+
.cm-stream-media--audio {
|
|
1115
|
+
min-height: 36px;
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
.cm-stream-media--video {
|
|
1119
|
+
max-height: 360px;
|
|
1120
|
+
}
|
|
1121
|
+
|
|
709
1122
|
/* Skeleton */
|
|
710
1123
|
.cm-workflow-card-skeleton {
|
|
711
1124
|
border: 1px solid hsl(var(--accent) / 0.3);
|
|
@@ -72,4 +72,86 @@ export interface PlanReviewProps {
|
|
|
72
72
|
className?: string;
|
|
73
73
|
}
|
|
74
74
|
export declare function PlanReview({ title, subtitle, state, metadata, actions, children, className, }: PlanReviewProps): React.JSX.Element;
|
|
75
|
+
export interface StreamPocketProps {
|
|
76
|
+
title?: React.ReactNode;
|
|
77
|
+
summary?: React.ReactNode;
|
|
78
|
+
metadata?: React.ReactNode;
|
|
79
|
+
children?: React.ReactNode;
|
|
80
|
+
className?: string;
|
|
81
|
+
}
|
|
82
|
+
export declare function StreamPocket({ title, summary, metadata, children, className, }: StreamPocketProps): React.JSX.Element;
|
|
83
|
+
export interface StreamNodeProps {
|
|
84
|
+
title: React.ReactNode;
|
|
85
|
+
kind?: string;
|
|
86
|
+
status?: string;
|
|
87
|
+
summary?: React.ReactNode;
|
|
88
|
+
metadata?: React.ReactNode;
|
|
89
|
+
children?: React.ReactNode;
|
|
90
|
+
defaultOpen?: boolean;
|
|
91
|
+
className?: string;
|
|
92
|
+
}
|
|
93
|
+
export declare function StreamNode({ title, kind, status, summary, metadata, children, defaultOpen, className, }: StreamNodeProps): React.JSX.Element;
|
|
94
|
+
export interface StreamArtifactProps {
|
|
95
|
+
kind?: string;
|
|
96
|
+
status?: string;
|
|
97
|
+
url?: string;
|
|
98
|
+
mimeType?: string;
|
|
99
|
+
bytes?: string;
|
|
100
|
+
responseId?: string;
|
|
101
|
+
children?: React.ReactNode;
|
|
102
|
+
className?: string;
|
|
103
|
+
}
|
|
104
|
+
export declare function StreamArtifact({ kind, status, url, mimeType, bytes, responseId, children, className, }: StreamArtifactProps): React.JSX.Element;
|
|
105
|
+
export interface StreamSourceProps {
|
|
106
|
+
title?: React.ReactNode;
|
|
107
|
+
url?: string;
|
|
108
|
+
marker?: React.ReactNode;
|
|
109
|
+
snippet?: React.ReactNode;
|
|
110
|
+
metadata?: React.ReactNode;
|
|
111
|
+
className?: string;
|
|
112
|
+
}
|
|
113
|
+
export declare function StreamSource({ title, url, marker, snippet, metadata, className, }: StreamSourceProps): React.JSX.Element;
|
|
114
|
+
export interface StreamNoticeProps {
|
|
115
|
+
tone?: "info" | "warning" | "error";
|
|
116
|
+
title?: React.ReactNode;
|
|
117
|
+
children?: React.ReactNode;
|
|
118
|
+
metadata?: React.ReactNode;
|
|
119
|
+
className?: string;
|
|
120
|
+
}
|
|
121
|
+
export declare function StreamNotice({ tone, title, children, metadata, className, }: StreamNoticeProps): React.JSX.Element;
|
|
122
|
+
export interface StreamReceiptProps {
|
|
123
|
+
amount?: React.ReactNode;
|
|
124
|
+
providerAmount?: React.ReactNode;
|
|
125
|
+
fee?: React.ReactNode;
|
|
126
|
+
network?: React.ReactNode;
|
|
127
|
+
tx?: React.ReactNode;
|
|
128
|
+
status?: React.ReactNode;
|
|
129
|
+
children?: React.ReactNode;
|
|
130
|
+
className?: string;
|
|
131
|
+
}
|
|
132
|
+
export declare function StreamReceipt({ amount, providerAmount, fee, network, tx, status, children, className, }: StreamReceiptProps): React.JSX.Element;
|
|
133
|
+
export interface StreamSessionProps {
|
|
134
|
+
title?: React.ReactNode;
|
|
135
|
+
status?: React.ReactNode;
|
|
136
|
+
transport?: React.ReactNode;
|
|
137
|
+
model?: React.ReactNode;
|
|
138
|
+
details?: React.ReactNode;
|
|
139
|
+
className?: string;
|
|
140
|
+
}
|
|
141
|
+
export declare function StreamSession({ title, status, transport, model, details, className, }: StreamSessionProps): React.JSX.Element;
|
|
142
|
+
export interface StreamTranscriptProps {
|
|
143
|
+
start?: React.ReactNode;
|
|
144
|
+
end?: React.ReactNode;
|
|
145
|
+
children?: React.ReactNode;
|
|
146
|
+
className?: string;
|
|
147
|
+
}
|
|
148
|
+
export declare function StreamTranscript({ start, end, children, className, }: StreamTranscriptProps): React.JSX.Element;
|
|
149
|
+
export interface StreamMediaProps {
|
|
150
|
+
kind: "image" | "audio" | "video";
|
|
151
|
+
url: string;
|
|
152
|
+
alt?: string;
|
|
153
|
+
partial?: boolean;
|
|
154
|
+
className?: string;
|
|
155
|
+
}
|
|
156
|
+
export declare function StreamMedia({ kind, url, alt, partial, className, }: StreamMediaProps): React.JSX.Element;
|
|
75
157
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/workflows/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { cx } from "../internal/cx";
|
|
3
3
|
/* ── Main View ── */
|
|
4
4
|
export function ComposeWorkflowCard({ bannerSrc, title, description, titleIcon, headerAction, badges, stats, coordinatorIcon, coordinatorLabel, coordinatorValue, agentsCount, agentsIcon, onAgentsFold, agentsFoldChevron, agentsBadges, leaseSlot, endpointSlot, footer, interactive, className, }) {
|
|
@@ -17,4 +17,38 @@ export function ComposeWorkflowCardSkeleton() {
|
|
|
17
17
|
export function PlanReview({ title = "Plan review", subtitle, state, metadata, actions, children, className, }) {
|
|
18
18
|
return (_jsxs("section", { className: cx("cm-plan-review", className), "data-state": state, children: [_jsxs("div", { className: "cm-plan-review__header", children: [_jsxs("div", { className: "cm-plan-review__copy", children: [_jsxs("div", { className: "cm-plan-review__title-row", children: [_jsx("h3", { className: "cm-plan-review__title", children: title }), state && _jsx("span", { className: "cm-plan-review__state", children: state })] }), subtitle && _jsx("div", { className: "cm-plan-review__subtitle", children: subtitle })] }), metadata && _jsx("div", { className: "cm-plan-review__metadata", children: metadata })] }), _jsx("div", { className: "cm-plan-review__body", children: children }), actions && _jsx("div", { className: "cm-plan-review__actions", children: actions })] }));
|
|
19
19
|
}
|
|
20
|
+
export function StreamPocket({ title = "Live execution", summary, metadata, children, className, }) {
|
|
21
|
+
return (_jsxs("section", { className: cx("cm-stream-pocket", className), children: [_jsxs("div", { className: "cm-stream-pocket__header", children: [_jsxs("div", { className: "cm-stream-pocket__copy", children: [_jsx("h3", { className: "cm-stream-pocket__title", children: title }), summary && _jsx("div", { className: "cm-stream-pocket__summary", children: summary })] }), metadata && _jsx("div", { className: "cm-stream-pocket__metadata", children: metadata })] }), children && _jsx("div", { className: "cm-stream-pocket__body", children: children })] }));
|
|
22
|
+
}
|
|
23
|
+
export function StreamNode({ title, kind, status, summary, metadata, children, defaultOpen = true, className, }) {
|
|
24
|
+
return (_jsxs("details", { className: cx("cm-stream-node", className), "data-kind": kind, "data-status": status, open: defaultOpen, children: [_jsxs("summary", { className: "cm-stream-node__summary-row", children: [_jsx("span", { className: "cm-stream-node__marker" }), _jsx("span", { className: "cm-stream-node__title", children: title }), kind && _jsx("span", { className: "cm-stream-node__kind", children: kind }), status && _jsx("span", { className: "cm-stream-node__status", children: status })] }), (summary || metadata || children) && (_jsxs("div", { className: "cm-stream-node__content", children: [summary && _jsx("div", { className: "cm-stream-node__summary", children: summary }), metadata && _jsx("div", { className: "cm-stream-node__metadata", children: metadata }), children && _jsx("div", { className: "cm-stream-node__children", children: children })] }))] }));
|
|
25
|
+
}
|
|
26
|
+
export function StreamArtifact({ kind = "artifact", status, url, mimeType, bytes, responseId, children, className, }) {
|
|
27
|
+
return (_jsxs("div", { className: cx("cm-stream-artifact", className), "data-kind": kind, "data-status": status, children: [_jsxs("div", { className: "cm-stream-artifact__row", children: [_jsx("span", { className: "cm-stream-artifact__kind", children: kind }), status && _jsx("span", { children: status }), mimeType && _jsx("span", { children: mimeType }), bytes && _jsx("span", { children: bytes }), responseId && _jsx("span", { children: responseId })] }), url && _jsx("a", { className: "cm-stream-artifact__link", href: url, target: "_blank", rel: "noreferrer", children: "Open asset" }), children] }));
|
|
28
|
+
}
|
|
29
|
+
export function StreamSource({ title = "Source", url, marker, snippet, metadata, className, }) {
|
|
30
|
+
const body = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "cm-stream-source__title-row", children: [marker && _jsx("span", { className: "cm-stream-source__marker", children: marker }), _jsx("span", { className: "cm-stream-source__title", children: title })] }), snippet && _jsx("div", { className: "cm-stream-source__snippet", children: snippet }), metadata && _jsx("div", { className: "cm-stream-source__metadata", children: metadata })] }));
|
|
31
|
+
return url ? (_jsx("a", { className: cx("cm-stream-source", className), href: url, target: "_blank", rel: "noreferrer", children: body })) : (_jsx("div", { className: cx("cm-stream-source", className), children: body }));
|
|
32
|
+
}
|
|
33
|
+
export function StreamNotice({ tone = "info", title, children, metadata, className, }) {
|
|
34
|
+
return (_jsxs("div", { className: cx("cm-stream-notice", className), "data-tone": tone, children: [(title || metadata) && (_jsxs("div", { className: "cm-stream-notice__header", children: [title && _jsx("span", { className: "cm-stream-notice__title", children: title }), metadata && _jsx("span", { className: "cm-stream-notice__metadata", children: metadata })] })), children && _jsx("div", { className: "cm-stream-notice__body", children: children })] }));
|
|
35
|
+
}
|
|
36
|
+
export function StreamReceipt({ amount, providerAmount, fee, network, tx, status, children, className, }) {
|
|
37
|
+
return (_jsxs("div", { className: cx("cm-stream-receipt", className), children: [_jsxs("div", { className: "cm-stream-receipt__grid", children: [amount && _jsxs("span", { children: [_jsx("b", { children: "Final" }), amount] }), providerAmount && _jsxs("span", { children: [_jsx("b", { children: "Provider" }), providerAmount] }), fee && _jsxs("span", { children: [_jsx("b", { children: "Fee" }), fee] }), network && _jsxs("span", { children: [_jsx("b", { children: "Network" }), network] }), tx && _jsxs("span", { children: [_jsx("b", { children: "Tx" }), tx] }), status && _jsxs("span", { children: [_jsx("b", { children: "Status" }), status] })] }), children && _jsx("div", { className: "cm-stream-receipt__body", children: children })] }));
|
|
38
|
+
}
|
|
39
|
+
export function StreamSession({ title = "Realtime session", status, transport, model, details, className, }) {
|
|
40
|
+
return (_jsxs("div", { className: cx("cm-stream-session", className), children: [_jsxs("div", { className: "cm-stream-session__header", children: [_jsx("span", { className: "cm-stream-session__title", children: title }), status && _jsx("span", { className: "cm-stream-session__status", children: status })] }), (transport || model || details) && (_jsxs("div", { className: "cm-stream-session__body", children: [transport && _jsxs("span", { children: [_jsx("b", { children: "Transport" }), transport] }), model && _jsxs("span", { children: [_jsx("b", { children: "Model" }), model] }), details] }))] }));
|
|
41
|
+
}
|
|
42
|
+
export function StreamTranscript({ start, end, children, className, }) {
|
|
43
|
+
return (_jsxs("div", { className: cx("cm-stream-transcript", className), children: [(start || end) && (_jsxs("span", { className: "cm-stream-transcript__time", children: [start, start && end ? " - " : null, end] })), children && _jsx("span", { className: "cm-stream-transcript__text", children: children })] }));
|
|
44
|
+
}
|
|
45
|
+
export function StreamMedia({ kind, url, alt = "Generated asset", partial, className, }) {
|
|
46
|
+
if (kind === "image") {
|
|
47
|
+
return (_jsx("img", { className: cx("cm-stream-media cm-stream-media--image", partial && "cm-stream-media--partial", className), src: url, alt: alt }));
|
|
48
|
+
}
|
|
49
|
+
if (kind === "audio") {
|
|
50
|
+
return (_jsx("audio", { className: cx("cm-stream-media cm-stream-media--audio", className), controls: true, preload: "metadata", children: _jsx("source", { src: url }) }));
|
|
51
|
+
}
|
|
52
|
+
return (_jsx("video", { className: cx("cm-stream-media cm-stream-media--video", className), controls: true, preload: "metadata", children: _jsx("source", { src: url }) }));
|
|
53
|
+
}
|
|
20
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/workflows/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* BEM classes for the ComposeWorkflowCard shell component.
|
|
5
5
|
* Mirrors the structure of agents/styles.ts.
|
|
6
6
|
*/
|
|
7
|
-
export declare const workflowStyles = "\n/* \u2500\u2500 Workflow Card \u2500\u2500 */\n.cm-workflow-card {\n display: flex;\n flex-direction: column;\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.cm-workflow-card--interactive {\n cursor: pointer;\n}\n\n.cm-workflow-card--interactive:hover {\n border-color: hsl(var(--accent) / 0.6);\n box-shadow: 0 0 18px hsl(var(--accent) / 0.08);\n}\n\n/* Banner */\n.cm-workflow-card__banner {\n height: 80px;\n background-size: cover;\n background-position: center;\n flex-shrink: 0;\n}\n\n.cm-workflow-card__banner--placeholder {\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__banner {\n height: 96px;\n }\n}\n\n/* Body */\n.cm-workflow-card__body {\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex: 1;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__body {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__body {\n padding: 20px;\n gap: 16px;\n }\n}\n\n/* Header */\n.cm-workflow-card__header {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__header {\n gap: 12px;\n }\n}\n\n.cm-workflow-card__header-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__title-row {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__title {\n font-weight: 600;\n color: hsl(var(--foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__title {\n font-size: 16px;\n }\n}\n\n.cm-workflow-card__description {\n color: hsl(var(--muted-foreground));\n font-size: 12px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin-top: 4px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__description {\n font-size: 14px;\n }\n}\n\n/* Badges */\n.cm-workflow-card__badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__badges {\n gap: 6px;\n }\n}\n\n/* Stats Grid */\n.cm-workflow-card__stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stats {\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n }\n}\n\n.cm-workflow-card__stat {\n padding: 6px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n text-align: center;\n cursor: default;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat {\n padding: 8px;\n }\n}\n\n.cm-workflow-card__stat-icon {\n margin: 0 auto;\n width: 14px;\n height: 14px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__stat-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n margin-top: 2px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-value {\n font-size: 14px;\n margin-top: 4px;\n }\n}\n\n/* Coordinator row */\n.cm-workflow-card__coordinator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator {\n gap: 12px;\n padding: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__coordinator-copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-workflow-card__coordinator-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n color: hsl(var(--accent));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-value {\n font-size: 14px;\n }\n}\n\n/* Agents section */\n.cm-workflow-card__agents {\n flex: 1;\n min-height: 0;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__agents-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 6px;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.2s ease;\n}\n\n.cm-workflow-card__agents-header:hover {\n opacity: 0.8;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-header {\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__agents-label {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__agents-label-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--primary));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__agents-label-text {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-text {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__agents-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n align-content: flex-start;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-badges {\n gap: 6px;\n }\n}\n\n/* Lease info */\n.cm-workflow-card__lease {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-size: 12px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease {\n gap: 16px;\n padding: 12px;\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__lease-item {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease-item {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__lease-label {\n color: hsl(var(--muted-foreground));\n}\n\n.cm-workflow-card__lease-value {\n font-family: var(--font-mono, monospace);\n}\n\n/* Endpoint */\n.cm-workflow-card__endpoint-section {\n padding-top: 8px;\n border-top: 1px solid hsl(var(--sidebar-border));\n margin-top: auto;\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-section {\n padding-top: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-header {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header {\n gap: 8px;\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__endpoint-header-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--accent));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__endpoint-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-row {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px;\n background: hsl(var(--background));\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-row {\n gap: 8px;\n padding: 8px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-code {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: hsl(var(--accent));\n}\n\n.cm-workflow-card__creator {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__creator {\n gap: 8px;\n margin-top: 12px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__creator-value {\n color: hsl(var(--accent));\n font-family: var(--font-mono, monospace);\n text-decoration: none;\n}\n\n.cm-workflow-card__creator-value:hover {\n text-decoration: underline;\n}\n\n/* Fold: Back header */\n.cm-workflow-card__fold-header {\n padding: 8px;\n border-bottom: 1px solid hsl(var(--sidebar-border));\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__fold-header {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__fold-body {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n/* Fold: agent list item */\n.cm-workflow-card__agent-preview {\n width: 100%;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s ease, background 0.15s ease;\n}\n\n.cm-workflow-card__agent-preview:hover {\n border-color: hsl(var(--primary) / 0.5);\n background: hsl(var(--primary) / 0.05);\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview {\n padding: 12px;\n gap: 12px;\n }\n}\n\n.cm-workflow-card__agent-preview-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__agent-preview-name {\n font-weight: 500;\n color: hsl(var(--foreground));\n font-size: 12px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color 0.15s ease;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview-name {\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__agent-preview:hover .cm-workflow-card__agent-preview-name {\n color: hsl(var(--primary));\n}\n\n.cm-workflow-card__agent-preview-model {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n@media (min-width: 640px) {\n.cm-workflow-card__agent-preview-model {\n font-size: 12px;\n }\n}\n\n/* Plan review shell */\n.cm-plan-review {\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid hsl(var(--accent) / 0.34);\n border-radius: 8px;\n background: hsl(var(--card) / 0.96);\n padding: 12px;\n box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);\n}\n\n.cm-plan-review[data-state=\"approved\"],\n.cm-plan-review[data-state=\"completed\"] {\n border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);\n}\n\n.cm-plan-review[data-state=\"rejected\"],\n.cm-plan-review[data-state=\"failed\"] {\n border-color: hsl(0 84% 62% / 0.44);\n}\n\n.cm-plan-review[data-state=\"changes_requested\"] {\n border-color: hsl(38 92% 55% / 0.5);\n}\n\n.cm-plan-review__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n\n.cm-plan-review__copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-plan-review__title-row {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n}\n\n.cm-plan-review__title {\n margin: 0;\n color: hsl(var(--foreground));\n font-size: 13px;\n font-weight: 650;\n line-height: 1.25;\n}\n\n.cm-plan-review__state {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 4px;\n padding: 2px 6px;\n color: hsl(var(--accent));\n background: hsl(var(--accent) / 0.08);\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n line-height: 1.2;\n text-transform: uppercase;\n}\n\n.cm-plan-review__subtitle {\n margin-top: 4px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.35;\n}\n\n.cm-plan-review__metadata {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-plan-review__body {\n min-width: 0;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding-top: 10px;\n}\n\n.cm-plan-review__actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: flex-end;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding-top: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-plan-review {\n padding: 14px;\n }\n\n .cm-plan-review__title {\n font-size: 14px;\n }\n\n .cm-plan-review__subtitle {\n font-size: 12px;\n }\n}\n\n/* Skeleton */\n.cm-workflow-card-skeleton {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n}\n\n.cm-workflow-card-skeleton__banner {\n height: 64px;\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n.cm-workflow-card-skeleton__body {\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.cm-workflow-card-skeleton__row {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n}\n\n.cm-workflow-card-skeleton__block {\n border-radius: 4px;\n background: hsl(var(--muted));\n animation: cm-skeleton-pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes cm-skeleton-pulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.8; }\n}\n";
|
|
7
|
+
export declare const workflowStyles = "\n/* \u2500\u2500 Workflow Card \u2500\u2500 */\n.cm-workflow-card {\n display: flex;\n flex-direction: column;\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.cm-workflow-card--interactive {\n cursor: pointer;\n}\n\n.cm-workflow-card--interactive:hover {\n border-color: hsl(var(--accent) / 0.6);\n box-shadow: 0 0 18px hsl(var(--accent) / 0.08);\n}\n\n/* Banner */\n.cm-workflow-card__banner {\n height: 80px;\n background-size: cover;\n background-position: center;\n flex-shrink: 0;\n}\n\n.cm-workflow-card__banner--placeholder {\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__banner {\n height: 96px;\n }\n}\n\n/* Body */\n.cm-workflow-card__body {\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n flex: 1;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__body {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__body {\n padding: 20px;\n gap: 16px;\n }\n}\n\n/* Header */\n.cm-workflow-card__header {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__header {\n gap: 12px;\n }\n}\n\n.cm-workflow-card__header-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__title-row {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__title {\n font-weight: 600;\n color: hsl(var(--foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 14px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__title {\n font-size: 16px;\n }\n}\n\n.cm-workflow-card__description {\n color: hsl(var(--muted-foreground));\n font-size: 12px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n margin-top: 4px;\n}\n\n@media (min-width: 768px) {\n .cm-workflow-card__description {\n font-size: 14px;\n }\n}\n\n/* Badges */\n.cm-workflow-card__badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__badges {\n gap: 6px;\n }\n}\n\n/* Stats Grid */\n.cm-workflow-card__stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stats {\n grid-template-columns: repeat(4, 1fr);\n gap: 8px;\n }\n}\n\n.cm-workflow-card__stat {\n padding: 6px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n text-align: center;\n cursor: default;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat {\n padding: 8px;\n }\n}\n\n.cm-workflow-card__stat-icon {\n margin: 0 auto;\n width: 14px;\n height: 14px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__stat-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n margin-top: 2px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__stat-value {\n font-size: 14px;\n margin-top: 4px;\n }\n}\n\n/* Coordinator row */\n.cm-workflow-card__coordinator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator {\n gap: 12px;\n padding: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-icon {\n width: 16px;\n height: 16px;\n color: hsl(var(--accent));\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-icon {\n width: 20px;\n height: 20px;\n }\n}\n\n.cm-workflow-card__coordinator-copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-workflow-card__coordinator-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__coordinator-value {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n color: hsl(var(--accent));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__coordinator-value {\n font-size: 14px;\n }\n}\n\n/* Agents section */\n.cm-workflow-card__agents {\n flex: 1;\n min-height: 0;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__agents-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 6px;\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 0.2s ease;\n}\n\n.cm-workflow-card__agents-header:hover {\n opacity: 0.8;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-header {\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__agents-label {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__agents-label-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--primary));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__agents-label-text {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-label-text {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__agents-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n align-content: flex-start;\n overflow-y: auto;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agents-badges {\n gap: 6px;\n }\n}\n\n/* Lease info */\n.cm-workflow-card__lease {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-size: 12px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease {\n gap: 16px;\n padding: 12px;\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__lease-item {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__lease-item {\n gap: 8px;\n }\n}\n\n.cm-workflow-card__lease-label {\n color: hsl(var(--muted-foreground));\n}\n\n.cm-workflow-card__lease-value {\n font-family: var(--font-mono, monospace);\n}\n\n/* Endpoint */\n.cm-workflow-card__endpoint-section {\n padding-top: 8px;\n border-top: 1px solid hsl(var(--sidebar-border));\n margin-top: auto;\n flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-section {\n padding-top: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-header {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 6px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header {\n gap: 8px;\n margin-bottom: 8px;\n }\n}\n\n.cm-workflow-card__endpoint-header-icon {\n width: 14px;\n height: 14px;\n color: hsl(var(--accent));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-header-icon {\n width: 16px;\n height: 16px;\n }\n}\n\n.cm-workflow-card__endpoint-label {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n text-transform: uppercase;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-label {\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-row {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px;\n background: hsl(var(--background));\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__endpoint-row {\n gap: 8px;\n padding: 8px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__endpoint-code {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: hsl(var(--accent));\n}\n\n.cm-workflow-card__creator {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-top: 8px;\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__creator {\n gap: 8px;\n margin-top: 12px;\n font-size: 12px;\n }\n}\n\n.cm-workflow-card__creator-value {\n color: hsl(var(--accent));\n font-family: var(--font-mono, monospace);\n text-decoration: none;\n}\n\n.cm-workflow-card__creator-value:hover {\n text-decoration: underline;\n}\n\n/* Fold: Back header */\n.cm-workflow-card__fold-header {\n padding: 8px;\n border-bottom: 1px solid hsl(var(--sidebar-border));\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__fold-header {\n padding: 12px;\n }\n}\n\n.cm-workflow-card__fold-body {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n/* Fold: agent list item */\n.cm-workflow-card__agent-preview {\n width: 100%;\n padding: 8px;\n background: hsl(var(--background) / 0.5);\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n text-align: left;\n cursor: pointer;\n transition: border-color 0.15s ease, background 0.15s ease;\n}\n\n.cm-workflow-card__agent-preview:hover {\n border-color: hsl(var(--primary) / 0.5);\n background: hsl(var(--primary) / 0.05);\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview {\n padding: 12px;\n gap: 12px;\n }\n}\n\n.cm-workflow-card__agent-preview-copy {\n flex: 1;\n min-width: 0;\n}\n\n.cm-workflow-card__agent-preview-name {\n font-weight: 500;\n color: hsl(var(--foreground));\n font-size: 12px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color 0.15s ease;\n}\n\n@media (min-width: 640px) {\n .cm-workflow-card__agent-preview-name {\n font-size: 14px;\n }\n}\n\n.cm-workflow-card__agent-preview:hover .cm-workflow-card__agent-preview-name {\n color: hsl(var(--primary));\n}\n\n.cm-workflow-card__agent-preview-model {\n font-size: 10px;\n color: hsl(var(--muted-foreground));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n@media (min-width: 640px) {\n.cm-workflow-card__agent-preview-model {\n font-size: 12px;\n }\n}\n\n/* Plan review shell */\n.cm-plan-review {\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid hsl(var(--accent) / 0.34);\n border-radius: 8px;\n background: hsl(var(--card) / 0.96);\n padding: 12px;\n box-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.05);\n}\n\n.cm-plan-review[data-state=\"approved\"],\n.cm-plan-review[data-state=\"completed\"] {\n border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.42);\n}\n\n.cm-plan-review[data-state=\"rejected\"],\n.cm-plan-review[data-state=\"failed\"] {\n border-color: hsl(0 84% 62% / 0.44);\n}\n\n.cm-plan-review[data-state=\"changes_requested\"] {\n border-color: hsl(38 92% 55% / 0.5);\n}\n\n.cm-plan-review__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n\n.cm-plan-review__copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-plan-review__title-row {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n}\n\n.cm-plan-review__title {\n margin: 0;\n color: hsl(var(--foreground));\n font-size: 13px;\n font-weight: 650;\n line-height: 1.25;\n}\n\n.cm-plan-review__state {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 4px;\n padding: 2px 6px;\n color: hsl(var(--accent));\n background: hsl(var(--accent) / 0.08);\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n line-height: 1.2;\n text-transform: uppercase;\n}\n\n.cm-plan-review__subtitle {\n margin-top: 4px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.35;\n}\n\n.cm-plan-review__metadata {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-plan-review__body {\n min-width: 0;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding-top: 10px;\n}\n\n.cm-plan-review__actions {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: flex-end;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding-top: 10px;\n}\n\n@media (min-width: 640px) {\n .cm-plan-review {\n padding: 14px;\n }\n\n .cm-plan-review__title {\n font-size: 14px;\n }\n\n .cm-plan-review__subtitle {\n font-size: 12px;\n }\n}\n\n/* Stream pocket */\n.cm-stream-pocket {\n display: flex;\n flex-direction: column;\n gap: 10px;\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 8px;\n background: hsl(var(--card) / 0.92);\n padding: 10px;\n}\n\n.cm-stream-pocket__header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n\n.cm-stream-pocket__copy {\n min-width: 0;\n flex: 1;\n}\n\n.cm-stream-pocket__title {\n margin: 0;\n color: hsl(var(--foreground));\n font-size: 12px;\n font-weight: 650;\n line-height: 1.25;\n}\n\n.cm-stream-pocket__summary {\n margin-top: 3px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.35;\n}\n\n.cm-stream-pocket__metadata {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-pocket__body {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.cm-stream-node {\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 6px;\n background: hsl(var(--background) / 0.42);\n overflow: hidden;\n}\n\n.cm-stream-node__summary-row {\n display: flex;\n align-items: center;\n gap: 7px;\n min-height: 28px;\n padding: 6px 8px;\n cursor: pointer;\n list-style: none;\n}\n\n.cm-stream-node__summary-row::-webkit-details-marker {\n display: none;\n}\n\n.cm-stream-node__marker {\n width: 7px;\n height: 7px;\n border-radius: 999px;\n background: hsl(var(--accent));\n opacity: 0.72;\n flex-shrink: 0;\n}\n\n.cm-stream-node[data-status=\"failed\"] .cm-stream-node__marker {\n background: hsl(0 84% 62%);\n}\n\n.cm-stream-node[data-status=\"completed\"] .cm-stream-node__marker {\n background: hsl(var(--cm-tone-green, 142 76% 55%));\n}\n\n.cm-stream-node[data-kind=\"warning\"] .cm-stream-node__marker,\n.cm-stream-node[data-kind=\"debug\"][data-status=\"info\"] .cm-stream-node__marker {\n background: hsl(38 92% 55%);\n}\n\n.cm-stream-node[data-kind=\"error\"] .cm-stream-node__marker {\n background: hsl(0 84% 62%);\n}\n\n.cm-stream-node[data-kind=\"catalog\"] .cm-stream-node__marker {\n background: hsl(190 88% 55%);\n}\n\n.cm-stream-node[data-kind=\"receipt\"],\n.cm-stream-node[data-kind=\"payment\"] {\n border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);\n}\n\n.cm-stream-node[data-kind=\"receipt\"] .cm-stream-node__marker,\n.cm-stream-node[data-kind=\"payment\"] .cm-stream-node__marker {\n background: hsl(var(--cm-tone-green, 142 76% 55%));\n}\n\n.cm-stream-node__title {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 600;\n}\n\n.cm-stream-node__kind,\n.cm-stream-node__status {\n border: 1px solid hsl(var(--sidebar-border));\n border-radius: 4px;\n padding: 1px 5px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 9px;\n line-height: 1.4;\n text-transform: uppercase;\n}\n\n.cm-stream-node__content {\n display: flex;\n flex-direction: column;\n gap: 6px;\n border-top: 1px solid hsl(var(--sidebar-border));\n padding: 7px 8px 8px;\n}\n\n.cm-stream-node__summary {\n white-space: pre-wrap;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-node__metadata {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-node__children {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding-left: 10px;\n border-left: 1px solid hsl(var(--sidebar-border));\n}\n\n.cm-stream-artifact {\n display: flex;\n flex-direction: column;\n gap: 5px;\n border: 1px solid hsl(var(--accent) / 0.22);\n border-radius: 6px;\n background: hsl(var(--accent) / 0.05);\n padding: 7px 8px;\n}\n\n.cm-stream-artifact__row {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-artifact__kind {\n color: hsl(var(--accent));\n text-transform: uppercase;\n}\n\n.cm-stream-artifact__link {\n color: hsl(var(--accent));\n font-size: 11px;\n text-decoration: none;\n}\n\n.cm-stream-artifact__link:hover {\n text-decoration: underline;\n}\n\n.cm-stream-source {\n display: flex;\n flex-direction: column;\n gap: 4px;\n border: 1px solid hsl(190 88% 55% / 0.22);\n border-radius: 6px;\n background: hsl(190 88% 55% / 0.06);\n padding: 7px 8px;\n color: inherit;\n text-decoration: none;\n}\n\n.cm-stream-source:hover {\n border-color: hsl(190 88% 55% / 0.42);\n}\n\n.cm-stream-source__title-row {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n\n.cm-stream-source__marker {\n flex-shrink: 0;\n color: hsl(190 88% 65%);\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-source__title {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-source__snippet {\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-source__metadata {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-notice {\n border: 1px solid hsl(var(--accent) / 0.24);\n border-radius: 6px;\n background: hsl(var(--accent) / 0.06);\n padding: 7px 8px;\n}\n\n.cm-stream-notice[data-tone=\"warning\"] {\n border-color: hsl(38 92% 55% / 0.34);\n background: hsl(38 92% 55% / 0.08);\n}\n\n.cm-stream-notice[data-tone=\"error\"] {\n border-color: hsl(0 84% 62% / 0.34);\n background: hsl(0 84% 62% / 0.08);\n}\n\n.cm-stream-notice__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n\n.cm-stream-notice__title {\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-notice__metadata {\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-notice__body {\n margin-top: 4px;\n color: hsl(var(--muted-foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-receipt,\n.cm-stream-session {\n border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.24);\n border-radius: 6px;\n background: hsl(var(--cm-tone-green, 142 76% 55%) / 0.06);\n padding: 7px 8px;\n}\n\n.cm-stream-receipt__grid,\n.cm-stream-session__body {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 6px;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-receipt__grid span,\n.cm-stream-session__body span {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-stream-receipt__grid b,\n.cm-stream-session__body b {\n display: block;\n margin-bottom: 2px;\n color: hsl(var(--foreground));\n font-family: inherit;\n font-weight: 650;\n}\n\n.cm-stream-receipt__body {\n margin-top: 6px;\n}\n\n.cm-stream-session__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.cm-stream-session__title {\n color: hsl(var(--foreground));\n font-size: 11px;\n font-weight: 650;\n}\n\n.cm-stream-session__status {\n border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);\n border-radius: 4px;\n padding: 1px 5px;\n color: hsl(var(--cm-tone-green, 142 76% 65%));\n font-family: var(--font-mono, monospace);\n font-size: 9px;\n text-transform: uppercase;\n}\n\n.cm-stream-transcript {\n display: flex;\n align-items: baseline;\n gap: 8px;\n border-left: 2px solid hsl(var(--accent) / 0.38);\n padding: 4px 0 4px 8px;\n}\n\n.cm-stream-transcript__time {\n flex-shrink: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono, monospace);\n font-size: 10px;\n}\n\n.cm-stream-transcript__text {\n min-width: 0;\n color: hsl(var(--foreground));\n font-size: 11px;\n line-height: 1.4;\n}\n\n.cm-stream-media {\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n border: 1px solid hsl(var(--sidebar-border));\n background: hsl(var(--background) / 0.5);\n}\n\n.cm-stream-media--image {\n display: block;\n max-height: 360px;\n object-fit: contain;\n}\n\n.cm-stream-media--partial {\n filter: blur(6px) saturate(0.82);\n}\n\n.cm-stream-media--audio {\n min-height: 36px;\n}\n\n.cm-stream-media--video {\n max-height: 360px;\n}\n\n/* Skeleton */\n.cm-workflow-card-skeleton {\n border: 1px solid hsl(var(--accent) / 0.3);\n border-radius: 8px;\n background: hsl(var(--card));\n overflow: hidden;\n height: 100%;\n}\n\n.cm-workflow-card-skeleton__banner {\n height: 64px;\n background: linear-gradient(135deg, hsl(var(--accent) / 0.2), hsl(var(--primary) / 0.1), transparent);\n}\n\n.cm-workflow-card-skeleton__body {\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.cm-workflow-card-skeleton__row {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n}\n\n.cm-workflow-card-skeleton__block {\n border-radius: 4px;\n background: hsl(var(--muted));\n animation: cm-skeleton-pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes cm-skeleton-pulse {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 0.8; }\n}\n";
|
|
8
8
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,kltBAsoC1B,CAAC"}
|
package/dist/workflows/styles.js
CHANGED
|
@@ -712,6 +712,419 @@ export const workflowStyles = /* css */ `
|
|
|
712
712
|
}
|
|
713
713
|
}
|
|
714
714
|
|
|
715
|
+
/* Stream pocket */
|
|
716
|
+
.cm-stream-pocket {
|
|
717
|
+
display: flex;
|
|
718
|
+
flex-direction: column;
|
|
719
|
+
gap: 10px;
|
|
720
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
721
|
+
border-radius: 8px;
|
|
722
|
+
background: hsl(var(--card) / 0.92);
|
|
723
|
+
padding: 10px;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.cm-stream-pocket__header {
|
|
727
|
+
display: flex;
|
|
728
|
+
align-items: flex-start;
|
|
729
|
+
justify-content: space-between;
|
|
730
|
+
gap: 12px;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
.cm-stream-pocket__copy {
|
|
734
|
+
min-width: 0;
|
|
735
|
+
flex: 1;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
.cm-stream-pocket__title {
|
|
739
|
+
margin: 0;
|
|
740
|
+
color: hsl(var(--foreground));
|
|
741
|
+
font-size: 12px;
|
|
742
|
+
font-weight: 650;
|
|
743
|
+
line-height: 1.25;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
.cm-stream-pocket__summary {
|
|
747
|
+
margin-top: 3px;
|
|
748
|
+
color: hsl(var(--muted-foreground));
|
|
749
|
+
font-size: 11px;
|
|
750
|
+
line-height: 1.35;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.cm-stream-pocket__metadata {
|
|
754
|
+
display: flex;
|
|
755
|
+
flex-wrap: wrap;
|
|
756
|
+
justify-content: flex-end;
|
|
757
|
+
gap: 6px;
|
|
758
|
+
color: hsl(var(--muted-foreground));
|
|
759
|
+
font-family: var(--font-mono, monospace);
|
|
760
|
+
font-size: 10px;
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
.cm-stream-pocket__body {
|
|
764
|
+
display: flex;
|
|
765
|
+
flex-direction: column;
|
|
766
|
+
gap: 6px;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.cm-stream-node {
|
|
770
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
771
|
+
border-radius: 6px;
|
|
772
|
+
background: hsl(var(--background) / 0.42);
|
|
773
|
+
overflow: hidden;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
.cm-stream-node__summary-row {
|
|
777
|
+
display: flex;
|
|
778
|
+
align-items: center;
|
|
779
|
+
gap: 7px;
|
|
780
|
+
min-height: 28px;
|
|
781
|
+
padding: 6px 8px;
|
|
782
|
+
cursor: pointer;
|
|
783
|
+
list-style: none;
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
.cm-stream-node__summary-row::-webkit-details-marker {
|
|
787
|
+
display: none;
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
.cm-stream-node__marker {
|
|
791
|
+
width: 7px;
|
|
792
|
+
height: 7px;
|
|
793
|
+
border-radius: 999px;
|
|
794
|
+
background: hsl(var(--accent));
|
|
795
|
+
opacity: 0.72;
|
|
796
|
+
flex-shrink: 0;
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
.cm-stream-node[data-status="failed"] .cm-stream-node__marker {
|
|
800
|
+
background: hsl(0 84% 62%);
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.cm-stream-node[data-status="completed"] .cm-stream-node__marker {
|
|
804
|
+
background: hsl(var(--cm-tone-green, 142 76% 55%));
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
.cm-stream-node[data-kind="warning"] .cm-stream-node__marker,
|
|
808
|
+
.cm-stream-node[data-kind="debug"][data-status="info"] .cm-stream-node__marker {
|
|
809
|
+
background: hsl(38 92% 55%);
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
.cm-stream-node[data-kind="error"] .cm-stream-node__marker {
|
|
813
|
+
background: hsl(0 84% 62%);
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
.cm-stream-node[data-kind="catalog"] .cm-stream-node__marker {
|
|
817
|
+
background: hsl(190 88% 55%);
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
.cm-stream-node[data-kind="receipt"],
|
|
821
|
+
.cm-stream-node[data-kind="payment"] {
|
|
822
|
+
border-color: hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
.cm-stream-node[data-kind="receipt"] .cm-stream-node__marker,
|
|
826
|
+
.cm-stream-node[data-kind="payment"] .cm-stream-node__marker {
|
|
827
|
+
background: hsl(var(--cm-tone-green, 142 76% 55%));
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
.cm-stream-node__title {
|
|
831
|
+
min-width: 0;
|
|
832
|
+
flex: 1;
|
|
833
|
+
overflow: hidden;
|
|
834
|
+
text-overflow: ellipsis;
|
|
835
|
+
white-space: nowrap;
|
|
836
|
+
color: hsl(var(--foreground));
|
|
837
|
+
font-size: 11px;
|
|
838
|
+
font-weight: 600;
|
|
839
|
+
}
|
|
840
|
+
|
|
841
|
+
.cm-stream-node__kind,
|
|
842
|
+
.cm-stream-node__status {
|
|
843
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
844
|
+
border-radius: 4px;
|
|
845
|
+
padding: 1px 5px;
|
|
846
|
+
color: hsl(var(--muted-foreground));
|
|
847
|
+
font-family: var(--font-mono, monospace);
|
|
848
|
+
font-size: 9px;
|
|
849
|
+
line-height: 1.4;
|
|
850
|
+
text-transform: uppercase;
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
.cm-stream-node__content {
|
|
854
|
+
display: flex;
|
|
855
|
+
flex-direction: column;
|
|
856
|
+
gap: 6px;
|
|
857
|
+
border-top: 1px solid hsl(var(--sidebar-border));
|
|
858
|
+
padding: 7px 8px 8px;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
.cm-stream-node__summary {
|
|
862
|
+
white-space: pre-wrap;
|
|
863
|
+
color: hsl(var(--muted-foreground));
|
|
864
|
+
font-size: 11px;
|
|
865
|
+
line-height: 1.4;
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
.cm-stream-node__metadata {
|
|
869
|
+
display: flex;
|
|
870
|
+
flex-wrap: wrap;
|
|
871
|
+
gap: 6px;
|
|
872
|
+
color: hsl(var(--muted-foreground));
|
|
873
|
+
font-family: var(--font-mono, monospace);
|
|
874
|
+
font-size: 10px;
|
|
875
|
+
}
|
|
876
|
+
|
|
877
|
+
.cm-stream-node__children {
|
|
878
|
+
display: flex;
|
|
879
|
+
flex-direction: column;
|
|
880
|
+
gap: 6px;
|
|
881
|
+
padding-left: 10px;
|
|
882
|
+
border-left: 1px solid hsl(var(--sidebar-border));
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
.cm-stream-artifact {
|
|
886
|
+
display: flex;
|
|
887
|
+
flex-direction: column;
|
|
888
|
+
gap: 5px;
|
|
889
|
+
border: 1px solid hsl(var(--accent) / 0.22);
|
|
890
|
+
border-radius: 6px;
|
|
891
|
+
background: hsl(var(--accent) / 0.05);
|
|
892
|
+
padding: 7px 8px;
|
|
893
|
+
}
|
|
894
|
+
|
|
895
|
+
.cm-stream-artifact__row {
|
|
896
|
+
display: flex;
|
|
897
|
+
flex-wrap: wrap;
|
|
898
|
+
gap: 6px;
|
|
899
|
+
color: hsl(var(--muted-foreground));
|
|
900
|
+
font-family: var(--font-mono, monospace);
|
|
901
|
+
font-size: 10px;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
.cm-stream-artifact__kind {
|
|
905
|
+
color: hsl(var(--accent));
|
|
906
|
+
text-transform: uppercase;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
.cm-stream-artifact__link {
|
|
910
|
+
color: hsl(var(--accent));
|
|
911
|
+
font-size: 11px;
|
|
912
|
+
text-decoration: none;
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
.cm-stream-artifact__link:hover {
|
|
916
|
+
text-decoration: underline;
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
.cm-stream-source {
|
|
920
|
+
display: flex;
|
|
921
|
+
flex-direction: column;
|
|
922
|
+
gap: 4px;
|
|
923
|
+
border: 1px solid hsl(190 88% 55% / 0.22);
|
|
924
|
+
border-radius: 6px;
|
|
925
|
+
background: hsl(190 88% 55% / 0.06);
|
|
926
|
+
padding: 7px 8px;
|
|
927
|
+
color: inherit;
|
|
928
|
+
text-decoration: none;
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
.cm-stream-source:hover {
|
|
932
|
+
border-color: hsl(190 88% 55% / 0.42);
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
.cm-stream-source__title-row {
|
|
936
|
+
display: flex;
|
|
937
|
+
align-items: center;
|
|
938
|
+
gap: 6px;
|
|
939
|
+
min-width: 0;
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
.cm-stream-source__marker {
|
|
943
|
+
flex-shrink: 0;
|
|
944
|
+
color: hsl(190 88% 65%);
|
|
945
|
+
font-family: var(--font-mono, monospace);
|
|
946
|
+
font-size: 10px;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.cm-stream-source__title {
|
|
950
|
+
min-width: 0;
|
|
951
|
+
overflow: hidden;
|
|
952
|
+
text-overflow: ellipsis;
|
|
953
|
+
white-space: nowrap;
|
|
954
|
+
color: hsl(var(--foreground));
|
|
955
|
+
font-size: 11px;
|
|
956
|
+
font-weight: 650;
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
.cm-stream-source__snippet {
|
|
960
|
+
color: hsl(var(--muted-foreground));
|
|
961
|
+
font-size: 11px;
|
|
962
|
+
line-height: 1.4;
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.cm-stream-source__metadata {
|
|
966
|
+
display: flex;
|
|
967
|
+
flex-wrap: wrap;
|
|
968
|
+
gap: 6px;
|
|
969
|
+
color: hsl(var(--muted-foreground));
|
|
970
|
+
font-family: var(--font-mono, monospace);
|
|
971
|
+
font-size: 10px;
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.cm-stream-notice {
|
|
975
|
+
border: 1px solid hsl(var(--accent) / 0.24);
|
|
976
|
+
border-radius: 6px;
|
|
977
|
+
background: hsl(var(--accent) / 0.06);
|
|
978
|
+
padding: 7px 8px;
|
|
979
|
+
}
|
|
980
|
+
|
|
981
|
+
.cm-stream-notice[data-tone="warning"] {
|
|
982
|
+
border-color: hsl(38 92% 55% / 0.34);
|
|
983
|
+
background: hsl(38 92% 55% / 0.08);
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
.cm-stream-notice[data-tone="error"] {
|
|
987
|
+
border-color: hsl(0 84% 62% / 0.34);
|
|
988
|
+
background: hsl(0 84% 62% / 0.08);
|
|
989
|
+
}
|
|
990
|
+
|
|
991
|
+
.cm-stream-notice__header {
|
|
992
|
+
display: flex;
|
|
993
|
+
align-items: center;
|
|
994
|
+
justify-content: space-between;
|
|
995
|
+
gap: 8px;
|
|
996
|
+
}
|
|
997
|
+
|
|
998
|
+
.cm-stream-notice__title {
|
|
999
|
+
color: hsl(var(--foreground));
|
|
1000
|
+
font-size: 11px;
|
|
1001
|
+
font-weight: 650;
|
|
1002
|
+
}
|
|
1003
|
+
|
|
1004
|
+
.cm-stream-notice__metadata {
|
|
1005
|
+
color: hsl(var(--muted-foreground));
|
|
1006
|
+
font-family: var(--font-mono, monospace);
|
|
1007
|
+
font-size: 10px;
|
|
1008
|
+
}
|
|
1009
|
+
|
|
1010
|
+
.cm-stream-notice__body {
|
|
1011
|
+
margin-top: 4px;
|
|
1012
|
+
color: hsl(var(--muted-foreground));
|
|
1013
|
+
font-size: 11px;
|
|
1014
|
+
line-height: 1.4;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
.cm-stream-receipt,
|
|
1018
|
+
.cm-stream-session {
|
|
1019
|
+
border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.24);
|
|
1020
|
+
border-radius: 6px;
|
|
1021
|
+
background: hsl(var(--cm-tone-green, 142 76% 55%) / 0.06);
|
|
1022
|
+
padding: 7px 8px;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.cm-stream-receipt__grid,
|
|
1026
|
+
.cm-stream-session__body {
|
|
1027
|
+
display: grid;
|
|
1028
|
+
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
|
1029
|
+
gap: 6px;
|
|
1030
|
+
color: hsl(var(--muted-foreground));
|
|
1031
|
+
font-family: var(--font-mono, monospace);
|
|
1032
|
+
font-size: 10px;
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
.cm-stream-receipt__grid span,
|
|
1036
|
+
.cm-stream-session__body span {
|
|
1037
|
+
min-width: 0;
|
|
1038
|
+
overflow: hidden;
|
|
1039
|
+
text-overflow: ellipsis;
|
|
1040
|
+
white-space: nowrap;
|
|
1041
|
+
}
|
|
1042
|
+
|
|
1043
|
+
.cm-stream-receipt__grid b,
|
|
1044
|
+
.cm-stream-session__body b {
|
|
1045
|
+
display: block;
|
|
1046
|
+
margin-bottom: 2px;
|
|
1047
|
+
color: hsl(var(--foreground));
|
|
1048
|
+
font-family: inherit;
|
|
1049
|
+
font-weight: 650;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1052
|
+
.cm-stream-receipt__body {
|
|
1053
|
+
margin-top: 6px;
|
|
1054
|
+
}
|
|
1055
|
+
|
|
1056
|
+
.cm-stream-session__header {
|
|
1057
|
+
display: flex;
|
|
1058
|
+
align-items: center;
|
|
1059
|
+
justify-content: space-between;
|
|
1060
|
+
gap: 8px;
|
|
1061
|
+
margin-bottom: 6px;
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1064
|
+
.cm-stream-session__title {
|
|
1065
|
+
color: hsl(var(--foreground));
|
|
1066
|
+
font-size: 11px;
|
|
1067
|
+
font-weight: 650;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
.cm-stream-session__status {
|
|
1071
|
+
border: 1px solid hsl(var(--cm-tone-green, 142 76% 55%) / 0.28);
|
|
1072
|
+
border-radius: 4px;
|
|
1073
|
+
padding: 1px 5px;
|
|
1074
|
+
color: hsl(var(--cm-tone-green, 142 76% 65%));
|
|
1075
|
+
font-family: var(--font-mono, monospace);
|
|
1076
|
+
font-size: 9px;
|
|
1077
|
+
text-transform: uppercase;
|
|
1078
|
+
}
|
|
1079
|
+
|
|
1080
|
+
.cm-stream-transcript {
|
|
1081
|
+
display: flex;
|
|
1082
|
+
align-items: baseline;
|
|
1083
|
+
gap: 8px;
|
|
1084
|
+
border-left: 2px solid hsl(var(--accent) / 0.38);
|
|
1085
|
+
padding: 4px 0 4px 8px;
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
.cm-stream-transcript__time {
|
|
1089
|
+
flex-shrink: 0;
|
|
1090
|
+
color: hsl(var(--muted-foreground));
|
|
1091
|
+
font-family: var(--font-mono, monospace);
|
|
1092
|
+
font-size: 10px;
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
.cm-stream-transcript__text {
|
|
1096
|
+
min-width: 0;
|
|
1097
|
+
color: hsl(var(--foreground));
|
|
1098
|
+
font-size: 11px;
|
|
1099
|
+
line-height: 1.4;
|
|
1100
|
+
}
|
|
1101
|
+
|
|
1102
|
+
.cm-stream-media {
|
|
1103
|
+
width: 100%;
|
|
1104
|
+
max-width: 100%;
|
|
1105
|
+
border-radius: 6px;
|
|
1106
|
+
border: 1px solid hsl(var(--sidebar-border));
|
|
1107
|
+
background: hsl(var(--background) / 0.5);
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
.cm-stream-media--image {
|
|
1111
|
+
display: block;
|
|
1112
|
+
max-height: 360px;
|
|
1113
|
+
object-fit: contain;
|
|
1114
|
+
}
|
|
1115
|
+
|
|
1116
|
+
.cm-stream-media--partial {
|
|
1117
|
+
filter: blur(6px) saturate(0.82);
|
|
1118
|
+
}
|
|
1119
|
+
|
|
1120
|
+
.cm-stream-media--audio {
|
|
1121
|
+
min-height: 36px;
|
|
1122
|
+
}
|
|
1123
|
+
|
|
1124
|
+
.cm-stream-media--video {
|
|
1125
|
+
max-height: 360px;
|
|
1126
|
+
}
|
|
1127
|
+
|
|
715
1128
|
/* Skeleton */
|
|
716
1129
|
.cm-workflow-card-skeleton {
|
|
717
1130
|
border: 1px solid hsl(var(--accent) / 0.3);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/workflows/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsoCvC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compose-market/theme",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "Official design tokens and theme system for Compose.Market",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-tokens",
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
},
|
|
157
157
|
"devDependencies": {
|
|
158
158
|
"@types/node": "^25.9.1",
|
|
159
|
-
"@types/react": "^19.2.
|
|
159
|
+
"@types/react": "^19.2.17",
|
|
160
160
|
"@types/react-dom": "^19.2.3",
|
|
161
161
|
"react": "^19.2.7",
|
|
162
162
|
"react-dom": "^19.2.7",
|