From 347becdec00d3265e9db8622aae5dee4c4f06f51 Mon Sep 17 00:00:00 2001 From: zly Date: Thu, 26 Mar 2026 15:39:43 +0800 Subject: [PATCH] =?UTF-8?q?feat(market):=20=E4=BF=AE=E6=94=B9=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E4=BB=93=E5=BA=93=E4=B8=AD=E7=BB=84=E4=BB=B6=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E7=9A=84=E5=B8=83=E5=B1=80=EF=BC=8C=E5=A2=9E=E5=8A=A0?= =?UTF-8?q?=E6=96=B0=E5=86=85=E5=AE=B9=E6=B8=B2=E6=9F=93=E4=BB=A5=E5=8F=8A?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E8=AF=AD=E8=A8=80=E6=B8=B2=E6=9F=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/icons/compIcon.png | Bin 988 -> 9330 bytes public/icons/compIcon1.png | Bin 0 -> 988 bytes src/pages/ideContainer/market.tsx | 15 +++++- .../ideContainer/style/market.module.less | 47 ++++++++++++++++-- 4 files changed, 58 insertions(+), 4 deletions(-) create mode 100644 public/icons/compIcon1.png diff --git a/public/icons/compIcon.png b/public/icons/compIcon.png index 958ca0e1e1cc5c7c5f33b4d5b51d40bb85510a75..56cb749e83ef6bcd52eeb62ed75d8f6db7731631 100644 GIT binary patch literal 9330 zcmc(F_di?F|9`5rRaMQRu}5rbkF?ZEsEXKo7gfZn6|*&J6QOFhK~OD9&DN~FOQ}_) zM$OvW_j-TckMH;kzCYYY?m2ng*E#2T?s<*p>&85JtZ|d#E(Hh#x~Zl42mu0JqX#Y! z841vny}!@{{9N-wXsCe72Uu5u#to;3IuAjhibTpY8)BeM?xAVo1p-mGU0v5Y-HYvk z2cn#j#@@y{+VXbpZX!1J?zRphFWfu;X%I*e`ohD;&eg%2-PXa$`MDC`R>Lnw6S&f@mAvW@o~17ceHVovbDFD61KIG zv=|tv6mDVwwIK&myr^em2ecd<^1pP-p-EyXZ+`0|AhenMD*$(QE?Hmt0`aI z%j=??9e`O}4XG@y_@Dp(pFTy=tBL$y6I1@59$>A&-Ty}B3a0;!uETQxQa=DYp|lK2 z5Qx)T>(N8x3(Jj}Nk8PzYLRXCfoeZIH^*>90JHY=Z|NFOuwP4pox(=~2N%gO>wxTG zg6F+WaPxL^?S@=rAaZQz-MwT|i z6--Q2^HVvcS?3;?qLlB(yVu08xIr3^M0zxMDXwGrV!0|Z75QVMT{#K6{&_qF=io;d zb73&)o$J+SgrjjP<^C}WczSqg^_}0()V0Yx$SRr1qQ)oV#939gRWEl1vxzP5Ki+x7 z8k4MO%c%C7pUNVKy{^~Dyj=NCVrmml5f2h=3gKB|BxyFOK)$9iF)kraB3==`-2K5B z(`ZjDXD9YJ>8)|xbrDieIeV5)Ja6hdHoo19BK*QILV)&gDP7&V@pigV__KEm>M7m5 z3|-7zi^Gx3l=JE>b$YW3sBS2N{xKZ)0L7}VK4plozT43u_;8x6EAYY-^73t?O8Yw% zi8o&Vj6dL+JIZJEIHN;~-(;otC{BN=`N7`!nbu}P^EXDN=C=0MQ768Kfij1DGCr1E zU3^|0|1BiWQgt0%#OsWIF+E?nFE&ro>=rsoq*wL&a}& z3G=A9DR$cOs4jV$^Jb_z{@8ek^3{wOYKiEBi8x||FTAu8NwD6PxBo;fV$8>V`6p4Z znwvARbz6=0UVi!P;MqLPh#tq;X=DHXgFsK0JcEf-#@s=oUI|?^!Q}Scuy?mz6cw}; ztk3NrI%?S1J@0Z_b;*KaVpHyt>9@2y&Y# zvAK@JR9x2Bxe6OAK%b2%MwT>B!b{+4PCO+A$gXuB433kud1SnXnIP|DSO7`zn&Oy- zpPv`4O38-Et|E*en@`OIS>49X77hNqD{4l)@!P+3#HE$~2H_d?YdrL+q%nFqQNUoB z)h(jSdG_a}ZU}!2trcW5(5;%OsNZ8J8Cr-mu&HOMM!oqq3*EfMqg4QRI8)g8Lc;t^ zIw|+a4rahb8Ne~H=)LhR=ez-$P8TCY|8r(mC9*$&vI$Yel`k6e`~H@a!b&2>YysB6 z=JpMam4^vWG&MF{>Y|Mw#|Y4`uJ)u^cv@p#yiLvE~pB$UpYY9m`%+8w|#2{YwQqEy!M*T(xv3E{eP^c({8kc;2 z14U+3$N>0xaQh%u-^3Au0tsdP%86_fJrl?M7%}l2ByAv_<1oFLI>R<02~%vPJZlI~ zr#ytShE(ILufvDy=E()5Y_n)Bt50aO&@pism~nzi=%Nt!8| z_Kjd}kSjbs7u!>r7RwqWmKK_O;D!6KGcl4BsGiVvd)|)cK?1R65UFMN(PjTM*sZp`gxVut zs8wu%aESNhJ7hp|MfPW};=w`2cl?s{76<&8=e7}37Kgt`pjL4UX|W=KX)w8C@+U@V z4nrweX#KigNw}EXyahb)yfeiSa@B5?^=kqk-cP z=mmdQ?VAcL0FiKPw5bVi0E_-8fD`)`%+Q3)C1Mct&9Er2@Q(smM^i<`y>a1_*AN`- zK!#QQ<^coLGFlBoVePvhm0jVKSAj_rGn?QTW}J$ z)!3|$D}aF@y4e%qx)TgY2x_}Utd0NZH9roq_GQy!GywWm_aQDNb(hT=Jq5g4^l`;` zG3|g(>d-2w^1L~70R!?r(#c|y1OdR?8sMBw}V(Z|xMN!`-C-S8u734y>UY|h*A4g9Q29hZ6 zElvtGBKHhfTrBrgo-LNzJTQv%q`%`$|Hw!{%m`m9vkY!Rruqe;^bRhcP*x57ED|Y3 zPG_0jz5Pf1+}uEbZ!m0zU+XCI#y|e-d#t#hG^bIR6ov5}CZWroK?Cx-BZk?)@}G&p zl!BOd8(&(x1)xS_9KM_XlEUXv^wEPpU#6*-zMa%TK1>YP^vzcBolSrFgjjVBrc?QL z;AN0m)?xH=#kScuqhQJF^JPRAw9tHd_@Lo8feUKX8@g>!;vN*``?l{?b#&%4U@pC~ zBbQ=xOM6rnau^qE2*;c^_iv86dR&PADHJV+gVb5J{(`p`SDy!HnZ(g~FTRE`w@7x4 zGTbiaf?{!+pZVpc}2DEE9SQy zrK(Ob>=!Q(T@7Req3Z`bh#Ma2s771cB4`>6WlEYCi|ox%C&QFu*8~3Ey@<-? z!>m1b59@v_S+Cnz*)V(r+Rs{)q01CF)OofvOnT-3C~Kd;gKZ5`SB`|v?s#FI(K$Gt zL*?+Ok6)&F3F&*YmIms!j^~HcuJ|XcD^B<%(-i{>lGj4kmmzAAjFu3U z;WE-vd(KL~oz0dibPjS;b4uyc!Ta3Ov>4~{oQ!H@*--f5JLDhwYln!RPh1WdJZFTh zZft8njRe|v?Br^XUm5h@#4XHD7`yLXq4yHccY56hkHdHhtm|$ELiiq)SdkFET>c!um77zq% zxX0>9TfLXHLuKv1#-4Z_(aLceAyD=vpW_U0wCt9m_Jyf1y}(Y*-H>^QB!Gy-(Bew^ z{SleV_pDvR?iqZn`WOq<;(qbU*SvPU6UIZHJY9PhwxZ1w z!&!+v6H2yyvpZ8?vJ>Co=#*py|%a%1b&Q5ofx+%0nAL*03xMC9M-ALQ@((xI3n6&K1#A;``W5Ns_}b8 z@PfmjMLP$Z{RaOO&prD3Z2!VLsA^nO{zBn(T%`M-;PWEK$Y-Uy?e$sf$=!%<7d&^0 z=V}HHlxI$#9{buoUn#igoQW<8Y!DI6_YtI%-c$Wb&!u8y&#>LLtHoz~)~o89iJtwE zq>lmT=i&||o?w@=pIr>24{ul6a-xqS(961f$Z}U0gb35aQTfgw=Snj{61?gWX>5 z$e{f8Rh}IB*}Y(pY{No7nVRCjjxf}q=NDbR9uX} zP8vV(EOCTM&WcgB_FOtxE_ zAOGgVBhJI!ftJgEyK4A@QSwL3BpPGq*d(Gmo--s+cx5B*H9Fmx`tZj(^U+WuBYgUi z4|K=Y?bW_bE1?vh&kKmW>B24Ae-JnGcfZs?H*y!&>+%^dP_4B^3b1ctQJ>_Lrs$}t zgGq)c(Qo+&W?B>iFBdxDQpq28z$4ns<5A?J4_$Oz90m98+A=AeT5@Sw|0AANIH~|M zs_N*Nk3rwx+~#`qVV1=Q!Bgl61Zpl9Ejt4(x}ej%TzPhK`UCwJR+mu!!RDy> zuVJ~12x&?d>D!YE^V5qAJCz|p_`U|L=8aV?#B4#8tTKA-lCa_G%|;Du6W1R`Xzjg$>760~eEtg4twbmwv%b_fc#pseN{*CoCG#5lpOV z_Er9bpB5%PRSNL=gqrHs{JFu>n{}JxPAw-rqn|k>`hScC4h$L`*V+kxX+dd;7!;95 z?5Cjas!9LiCaw9aq^`B_G#+fg^{RB_C;5Bx<}<;`vq@oec~9r}v=Y7^_)C1OA08&9 zK1I0c2q7o@Uc!9;9fh`xuPyPrc+9n2b0>4Gu{5L^jBrS+!2i-NO=EiO1i?StVVYbz zEdD(+V}Or&Jz9=8%%Y2lAGtc^9T2sdc%c4Yx~yK!O7!)V}&F^W%@t zNZRNO@Iur1*1ys=qcd@g(57*(DaWxW^rIuyuu%>#d2&;#?|$&_Wk^1E@RVNK-3Y`{ zLOKN|VlA&cABg#2ymBD*XVpkWs<5McQ%gevPszNLPXp=Ti5;ZweNz)T{EPN zb|B|d<73Gab*r(hwq$AXI$x+hC_)R4GdJE`oQe2Wz{XdK{_^Rwr^b}&^@785^HptJ zP)5ymc^LGh0v0tf!VA?;y@IGWzU%&Oc~!`v7lwLd)E}OQOnspzRAqN3WmmQOMa4U}#=zfffB*I$ z+d+cg7gdpygzS1r$u#NWiV6P{Gb3@S3L_&Tw%CnoJSJQV3+=d#qTISSl>3yvmCd#8 zrnM5dhD<16-)XgVz2{HR?OKR%aPaDg8232Bplk8o?rZ920AeH#ZL~xkqk>TIFXA!xj z-Y5;zU&6gy0btl|vSsE0XFOe~%X+}CQNLer&k3&!6W(CYxIsFIP zR#~Sz2+q%Rn z9w+a?T(}ISM2$X}>@5NP2}iPwqU5IxxEA;DO>~rV$T2o{WV8-uK26T4RPmK6dOe%F zQ|4n@@A2SSi;IT6p}x__izaK-7fHF%nrJWgJ-RryLUZ4YgWP-j8dpi95xE8nzckC< zMp*CbNOxS8j&o@|u_cxC{$*T_+Ipe^*X^Xe&%)=Hyvz4;^Q>iANV%94gJUe)MnVRi zr}Jy1{Fe&jCgO*(Cwsbll2{+GXTLrcK!$1FTP(j8ywQ4pQ*#XtYWlMbx8V?F(ZIGG zpp*-HrEFwh1)<{(ZdvRn?$^1y;q!fr?j}*P5Z8n?-z55(m&L~uc{7WQ=Oijs+JC;G zGVo+?X8}+(Wdu6w8id0LJa7V$r(xtXZGuV?rrFfBZdm9rBoRV3wtbfuB@->EwfDz5Ywy9}72zDM&zEh-$yFgxY`V!fBb)$>YnPpZu_Wdv^LO z`WguF^2^`Usey)5=cca`b|gR|NRpR(T!*0aJapyTr2^627&C<2^7@&FUVH&)6^$8c zK$rgr7Yil^F@fH{xd*ww={q}fsQ@kaEiXDI4~7{Dzl`V0<$C)TpY$OX-qU_Yv&DMW zK3JN)2IQEw=+$KyeXF@byoCSbm!6}i*GCfm!->>iOYCHG31qrTLU9!7`K3pVNEF5r zvg7dM!%!5F66*8fL#DIugBa7arh0)K8_WN&TOhaQf(?$O-UX~QQ ztWXrfUIHu@b&AoM9VFZ{QUB*Q^sM%c4y#L((Ohj&tcXnT@%83k6c$8(T)nTCIP+S% ze-pgFm!B(GZEsZd(+L8y4)4apd179EZ9g5LI`ywk$yripeW1MKg-h2a@LU|~-^s9q z=$ZRV(o^2ut8)31@EQHE{j6gU19`=i3I}V8Vun0%{Yc9)=K;DunfCyz1RSyVMUrcY zxG>hu396*o+;=eEq%}ddHz(lD_;?nYD1Z<$9+|BKEV>)_!|UzReT_cZmZ2Cu`#zpW z*i*UrLF&5A!p9zYd?f~2I&<=b-As!3x*pRD*}MPVy-dm(C}Z7tL6Z(;SbjWxBoudc zgXCLSHJ^=3ZbneDpG4hHvngQDQC*rByO}-9xbRD#{DO3-{bKkb)(0>kYU@YgTXQsL zfPw_-YURaSn5@&s8j?ivYs)YU(U_&xg?TQX<_4iA1dS}|#xhn)&3liGPTtrq@EwqO zHQWDf_M|u$`#R8Wk;MLO&U?e&<(+*>r7I*CV(W}L=l5@^~*U^^I?0HtY4Ep|c zcEYZL>(d#quvKWgQyT1vz+p+oQ6;!vL%nlT^!vT03ZKLDU5a7Cn&#?ls8PxLw~8|7 zSV`E+GJ%z>3R+EFC;f_hC6Yo=2EMHGAi3Jj>YJPg$+l_l5X3fbhFK(G#M+l{|E)pT zD=g-n;J3}DR-ACWKpxoalPGdJa0t5=+EFwbBIi{&GIq*r{!-akmQjD2mVK$<0xh!$ zSRHj0G*YI-&>_{+3rhiFPy74kgRJGM2HeINz5ey5;o35eeTy@1{$Ho}I~Rk;-T@vL z2o63;YE4|DB>Fy|%CK(Ph=Km1QwJ|misVM(%nPp^L@ytS(w}dw2d@yxvRN01{75yVoWvxBsQp#%0&Hu@~auzka2n z4XHMtt~CwCml(7rS^p>Ne|ov97izh^>z#a9?knSSvTELS1FoRU5yTj>iyZ#QUAI}& zFb{x;QCygAg%g8p1@Try^b%$O<<9!1(&Q@MT`!EA?D^^21mX27+kGs?&=i=B;MwEc zKV&q7Jajx@fMHu51eX zpR)`7$TZF3W=6B^iNA}UDZ1GvYe)u?AUp*Osr{ZY zpn$LkN81rEGf=&H`W8sbLNh4QY3kR8Pp>dS=iD!E!0S`0@mNqDwwu2U&%#jD1*xS` zfSQM+{=<**y#!*6a)r6l`(#AQTTY|>R*=&u5r)N!c*1XGxvx@-MSqs+r_2}{R%;Nw z@s*kWd@KNC#r@_`Mw6vZQJMp=IcJULfX@=P7U;>M!$72HPiQw}m9{o`fwzKOumlNu z(2h3U#D;daEY-UX?yMNx!`$UOC=B)(MdV*dGM3dYpDXSQg$PAW<$42kgdggIKlAz4NYw&zm;nXbtrS4(jZ;MrDWp}_)vvfRLCoD&KVgDr8X(O2 zh$+f#Fw@1K_(r!K4RdJLQQTdPa)!#(tW!%fVGAk2m+#b#tMtAEA?Z~YZZ>zY^G~y`Xy;V=L&Y&Ey8D^@#Yhl{mTr$Y4YBG#v^SiP>JQD; zZNaqyUPYCl2Qd5w43v%0ug$l)3w|T6fi&l>GzBms-!qgipf5KvqC3(lfRYMXE#DbH zNHYr&9O}J&^ireLFg;SQPr_k%f@H$UN{E&555X`-3rJ(&w$KAzz;#2;yBrymoQ=Kl zAkghKOLmw6Yn|K9%kbA#pAoBnl}HO4&dmidh&YWGhs`OxlyC^JoS2)rq5nPuvmfa& z4Z`qBfKUDN8O|Qe2La))Ry*~TRwWAmryk1i9Q*_9Lm1BT#;LV91#t(2enmnPzsLDS z>CXH|bfdAF$%Xc?LlR0Wp%1$tNTDdv+%Y7%WH!@FUaWdK>k<7_hnl`hA;~a`!{eCetsW3 z=z;HH^Bj8+7FcAuiO|N6F|!?gS{}eW{#FX+<3N48>W}GQtnI=kELREvx&dNVbtc9N zFYyTl-dcnH>BLn&yXrn%Czm~}1;k;I1o2rJfWZ{OrC6S4!Z)pV*)oT&;sAsi-S2zo z>Ps%DNOdJ}q=CHD)#kY1Y6ua=$$|QF)nN2j)^wj^NwzIk*8HyVwr;PB41`O?3URDN zX^#Ov|FX72eGHe|VPtb<`Dt2-EO(+OkWr!=r)l*7I1*~+DENAPUzy@#TfJqr?)6AE)A8>C7&7nH6#fTPyx^8KE$CrrW^-)Yub)MCO8}yPIlr7RY}PtY1<;tRFp-`KMmB=1Gh&J%}dMqt;Ge=pS#}Sq-!t zDOEAxc8gy&LMhmZj3z`;fYt({e^s!3vWU^CSk!s7LV8h)!1Tp7(tT3kvfFn$n$y)e zTGUF71xBg=DgB@_%X&pML>nJ#|3~@BCe;>O9pM&_K?%$u7D!kak|%GZ&m995#~T_` zG`}Ppy*%2%uzF;A51n6`gPVOFkN1x7mPRDt=V*$)x)k zqy|~&1<>^>+IPyzuFo$6^XK`qeV^#=wMj3GG$3t|*5kdikuY}0q#+@@jMCUitb~r> zAgg>!gR8hdZd*n-{#XN9St5v8y#gX{{x8Xc@iyYMJ=QqW`+S2f|NMvA)&4@EDjzux zZs8dWEFj82+If@MSC!EB{Q*|%ucPKYE~kOl=5(y6S_dc{`A4hU28nU1BSdWXNv}P z|E=IhA0ep!;eP$U|#I$;uuoF`1S$g1QpLoDxN~! zt7h(YcX3HeOA8AHf^rb}eufsH1Y~r0ILMZ?G&eVwmff>wa-H`{3okD%FZVwWveIV} z!=Jh4cX}Qf=iFo3(f8ltyT>1ybLTJrzE`>%B$4xIedFXm&vz<(TKe?;u9wldb`Aey zJZfftvd-Tn4OAb)@Lgm7XSL7s`5B&;-%I)TnQ_6NbFKiEkAOdyj=5I((mz;oq;-AL46O z^;sBBz29@v#$Nxg;fqu|F^2#5jvorH>q+1FF7(3eKN{0*-&uc{Ut@N@=(O~~-2I1& z86AGkHJ|x>`F+RyPm4E{8Utz~oez3>& zJZEYEdc{cp%r#%2gLvNkRQ^*f&&|MJ&;CU!{^VwvJB-`^a@l)o$NZ*Z%zD6#2vZzi+e=XP9!oa&l#0&fS)KPmVvBXMgDY4^g0joPYVwKRjgr z;C@BD#g1l}-K*Blz7YMF>x;F)n}`7a;Czoq3Z)&DxgnZWT9Hv?$L z>ssqMHHLb>U#~y(|HIoCcmFk}OMd&Hzn3|tLPnnf9N2pl)aAS5-diWUR%7@9R9F9X zD#HuYeL`~o_-syZXs>@M`{2;y3Oj~?y63*neu5$bXy_N~m~T7YAE^Iy(`G{4W9^3z z-yhh_Q~l$39BZ5HJZ@+tuKzdn!;be3>%Zp~JS_ZSesBJBcVH|P++EFZAiiGo-|F>G zelkGfFa5RJm#X`GhvokDes53gf4&;%z3*=e&dWarrW0s@{5;PNj<^3m!A>b>zW#AO z_XD|~yYqg9&E|h#FD`Unt^PT$`RpIr4^;kF>UGp)GXAj6-ywN4{l*^F0@?qC?U|#I$;uuoF`1S$g1QpLoDxN~! zt7h(YcX3HeOA8AHf^rb}eufsH1Y~r0ILMZ?G&eVwmff>wa-H`{3okD%FZVwWveIV} z!=Jh4cX}Qf=iFo3(f8ltyT>1ybLTJrzE`>%B$4xIedFXm&vz<(TKe?;u9wldb`Aey zJZfftvd-Tn4OAb)@Lgm7XSL7s`5B&;-%I)TnQ_6NbFKiEkAOdyj=5I((mz;oq;-AL46O z^;sBBz29@v#$Nxg;fqu|F^2#5jvorH>q+1FF7(3eKN{0*-&uc{Ut@N@=(O~~-2I1& z86AGkHJ|x>`F+RyPm4E{8Utz~oez3>& zJZEYEdc{cp%r#%2gLvNkRQ^*f&&|MJ&;CU!{^VwvJB-`^a@l)o$NZ*Z%zD6#2vZzi+e=XP9!oa&l#0&fS)KPmVvBXMgDY4^g0joPYVwKRjgr z;C@BD#g1l}-K*Blz7YMF>x;F)n}`7a;Czoq3Z)&DxgnZWT9Hv?$L z>ssqMHHLb>U#~y(|HIoCcmFk}OMd&Hzn3|tLPnnf9N2pl)aAS5-diWUR%7@9R9F9X zD#HuYeL`~o_-syZXs>@M`{2;y3Oj~?y63*neu5$bXy_N~m~T7YAE^Iy(`G{4W9^3z z-yhh_Q~l$39BZ5HJZ@+tuKzdn!;be3>%Zp~JS_ZSesBJBcVH|P++EFZAiiGo-|F>G zelkGfFa5RJm#X`GhvokDes53gf4&;%z3*=e&dWarrW0s@{5;PNj<^3m!A>b>zW#AO z_XD|~yYqg9&E|h#FD`Unt^PT$`RpIr4^;kF>UGp)GXAj6-ywN4{l*^F0@?qC? = ({ updateProjectComp }) => { // 转换为数组格式 const resultComponents = Object.values(mergedComponents); + console.log('resultComponents;', resultComponents); + // 如果没有组件,显示提示信息 if (resultComponents.length === 0) { return ( @@ -365,7 +367,18 @@ const Market: React.FC = ({ updateProjectComp }) => {
- {component.label || component.flowName} +
+
+ {component.label || component.flowName} + {component?.comp?.codeLanguage && ( + + {component.comp.codeLanguage} + + )} +
+ {component?.comp?.identifier} + {component?.comp?.author} +
{/*两种状态 未添加的是primary 已添加的是secondary*/} { diff --git a/src/pages/ideContainer/style/market.module.less b/src/pages/ideContainer/style/market.module.less index 8ce8a26..7d369c2 100644 --- a/src/pages/ideContainer/style/market.module.less +++ b/src/pages/ideContainer/style/market.module.less @@ -44,16 +44,57 @@ display: flex; justify-content: space-between; align-items: center; + gap: 12px; padding-top: 10px; .component-info { + min-width: 0; + flex: 1; display: flex; align-items: center; img { - width: 40px; - height: 40px; - margin-right: 10px; + width: 45px; + height: 45px; + margin-right: 15px; + flex-shrink: 0; + } + + .component-text { + min-width: 0; + flex: 1; + display: flex; + flex-direction: column; + gap: 4px; + + .component-header { + min-width: 0; + display: flex; + align-items: center; + gap: 8px; + } + + .component-flowName { + min-width: 0; + font-size: 16px; + font-weight: 600; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .component-language-tag { + flex-shrink: 0; + } + + .component-identifier, + .component-author { + font-size: 12px; + color: #adadad; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } } } }