@ray-js/t-agent-ui-ray 0.0.5-beta-1

package/dist/MessageInput/icons/close-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><path d="M9,18Q9.22094,18,9.44161,17.9892Q9.66228,17.9783,9.88215,17.9567Q10.102,17.935,10.3206,17.9026Q10.5391,17.8702,10.7558,17.8271Q10.9725,17.784,11.1868,17.7303Q11.4011,17.6766,11.6126,17.6125Q11.824,17.5483,12.032,17.4739Q12.24,17.3995,12.4441,17.3149Q12.6483,17.2304,12.848,17.1359Q13.0477,17.0414,13.2426,16.9373Q13.4374,16.8331,13.6269,16.7196Q13.8164,16.606,14.0001,16.4832Q14.1838,16.3605,14.3613,16.2289Q14.5388,16.0973,14.7095,15.9571Q14.8803,15.8169,15.044,15.6686Q15.2077,15.5202,15.364,15.364Q15.5202,15.2077,15.6686,15.044Q15.8169,14.8803,15.9571,14.7095Q16.0973,14.5388,16.2289,14.3613Q16.3605,14.1838,16.4832,14.0001Q16.606,13.8164,16.7196,13.6269Q16.8331,13.4374,16.9373,13.2426Q17.0414,13.0477,17.1359,12.848Q17.2304,12.6483,17.3149,12.4441Q17.3995,12.24,17.4739,12.032Q17.5483,11.824,17.6125,11.6126Q17.6766,11.4011,17.7303,11.1868Q17.784,10.9725,17.8271,10.7558Q17.8702,10.5391,17.9026,10.3206Q17.935,10.102,17.9567,9.88215Q17.9783,9.66228,17.9892,9.44161Q18,9.22094,18,9Q18,8.77906,17.9892,8.55839Q17.9783,8.33772,17.9567,8.11785Q17.935,7.89797,17.9026,7.67943Q17.8702,7.46088,17.8271,7.24419Q17.784,7.02749,17.7303,6.81318Q17.6766,6.59886,17.6125,6.38744Q17.5483,6.17601,17.4739,5.96799Q17.3995,5.75997,17.3149,5.55585Q17.2304,5.35173,17.1359,5.152Q17.0414,4.95228,16.9373,4.75743Q16.8331,4.56258,16.7196,4.37308Q16.606,4.18357,16.4832,3.99987Q16.3605,3.81616,16.2289,3.63871Q16.0973,3.46125,15.9571,3.29046Q15.8169,3.11967,15.6686,2.95597Q15.5202,2.79227,15.364,2.63604Q15.2077,2.47981,15.044,2.33144Q14.8803,2.18307,14.7095,2.04291Q14.5388,1.90274,14.3613,1.77113Q14.1838,1.63952,14.0001,1.51677Q13.8164,1.39403,13.6269,1.28044Q13.4374,1.16686,13.2426,1.06271Q13.0477,0.958559,12.848,0.864096Q12.6483,0.769633,12.4441,0.685084Q12.24,0.600535,12.032,0.526103Q11.824,0.451672,11.6126,0.387537Q11.4011,0.323402,11.1868,0.269719Q10.9725,0.216035,10.7558,0.172932Q10.5391,0.12983,10.3206,0.0974114Q10.102,0.0649931,9.88215,0.0433375Q9.66228,0.0216818,9.44161,0.0108409Q9.22094,0,9,0Q8.77906,0,8.55839,0.0108409Q8.33772,0.0216818,8.11785,0.0433375Q7.89797,0.0649931,7.67943,0.0974114Q7.46088,0.12983,7.24419,0.172932Q7.02749,0.216035,6.81318,0.269719Q6.59886,0.323402,6.38744,0.387537Q6.17601,0.451672,5.96799,0.526103Q5.75997,0.600535,5.55585,0.685084Q5.35173,0.769633,5.152,0.864096Q4.95228,0.958559,4.75743,1.06271Q4.56258,1.16686,4.37308,1.28044Q4.18357,1.39403,3.99987,1.51677Q3.81616,1.63952,3.63871,1.77113Q3.46125,1.90274,3.29046,2.04291Q3.11967,2.18307,2.95597,2.33144Q2.79227,2.47981,2.63604,2.63604Q2.47981,2.79227,2.33144,2.95597Q2.18307,3.11967,2.04291,3.29046Q1.90274,3.46125,1.77113,3.63871Q1.63952,3.81616,1.51677,3.99987Q1.39403,4.18357,1.28044,4.37308Q1.16686,4.56258,1.06271,4.75743Q0.958559,4.95228,0.864096,5.152Q0.769633,5.35173,0.685084,5.55585Q0.600535,5.75997,0.526103,5.96799Q0.451672,6.17601,0.387537,6.38744Q0.323402,6.59886,0.269719,6.81318Q0.216035,7.02749,0.172932,7.24419Q0.12983,7.46088,0.0974114,7.67943Q0.0649931,7.89797,0.0433375,8.11785Q0.0216818,8.33772,0.0108409,8.55839Q0,8.77906,0,9Q0,9.22094,0.0108409,9.44161Q0.0216818,9.66228,0.0433375,9.88215Q0.0649931,10.102,0.0974114,10.3206Q0.12983,10.5391,0.172932,10.7558Q0.216035,10.9725,0.269719,11.1868Q0.323402,11.4011,0.387537,11.6126Q0.451672,11.824,0.526103,12.032Q0.600535,12.24,0.685084,12.4441Q0.769633,12.6483,0.864096,12.848Q0.958559,13.0477,1.06271,13.2426Q1.16686,13.4374,1.28044,13.6269Q1.39403,13.8164,1.51677,14.0001Q1.63952,14.1838,1.77113,14.3613Q1.90274,14.5388,2.04291,14.7095Q2.18307,14.8803,2.33144,15.044Q2.47981,15.2077,2.63604,15.364Q2.79227,15.5202,2.95597,15.6686Q3.11967,15.8169,3.29046,15.9571Q3.46125,16.0973,3.63871,16.2289Q3.81616,16.3605,3.99987,16.4832Q4.18357,16.606,4.37308,16.7196Q4.56258,16.8331,4.75743,16.9373Q4.95228,17.0414,5.152,17.1359Q5.35173,17.2304,5.55585,17.3149Q5.75997,17.3995,5.96799,17.4739Q6.17601,17.5483,6.38744,17.6125Q6.59886,17.6766,6.81318,17.7303Q7.02749,17.784,7.24419,17.8271Q7.46088,17.8702,7.67943,17.9026Q7.89797,17.935,8.11785,17.9567Q8.33772,17.9783,8.55839,17.9892Q8.77906,18,9,18ZM9,7.67813L11.4281,5.25L12.75,6.57187L10.3219,9L12.75,11.4281L11.4281,12.75L9,10.3219L6.57187,12.75L5.25,11.4281L7.67813,9L5.25,6.57187L6.57187,5.25L9,7.67813Z" fill-rule="evenodd" fill="#484848" fill-opacity="1"/></g></svg>

package/dist/MessageInput/icons/image.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><path d="M2,8.1005L4,6.1005L9.5,11.6005L13,8.1005L16,11.1005L16,2L2,2L2,8.1005ZM2,10.9289L2,16L5.1005,16L8.0858,13.0147L4,8.9289L2,10.9289ZM7.9289,16L16,16L16,13.9289L13,10.9289L7.9289,16ZM1,0L17,0C17.5523,0,18,0.44772,18,1L18,17C18,17.5523,17.5523,18,17,18L1,18C0.44772,18,0,17.5523,0,17L0,1C0,0.44772,0.44772,0,1,0ZM12.5,7C11.6716,7,11,6.32843,11,5.5C11,4.67157,11.6716,4,12.5,4C13.3284,4,14,4.67157,14,5.5C14,6.32843,13.3284,7,12.5,7Z" fill="#3D3D3D" fill-opacity="1"/></g></svg>

package/dist/MessageInput/icons/loading.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735889067185" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1851" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 170.666667v85.333333a256 256 0 1 1-223.573333 131.2L213.930667 345.6A341.333333 341.333333 0 1 0 512 170.666667z" fill="#000000" opacity=".3" p-id="1852"></path></svg>

package/dist/MessageInput/icons/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="14" viewBox="0 0 14 14"><g><path d="M8,1C8,0.447715,7.55228,0,7,0C6.44772,0,6,0.447715,6,1L6,6L1,6C0.447715,6,0,6.44772,0,7C0,7.55228,0.447715,8,1,8L6,8L6,13C6,13.5523,6.44772,14,7,14C7.55228,14,8,13.5523,8,13L8,8L13,8C13.5523,8,14,7.55228,14,7C14,6.44772,13.5523,6,13,6L8,6L8,1Z" fill-rule="evenodd" fill="#7b7c7e" fill-opacity="1"/></g></svg>

package/dist/MessageInput/icons/send.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="15" height="16" viewBox="0 0 15 16"><g><path d="M8.86363,4.64913L12.6721,8.45223C12.9279,8.7076,13.2747,8.85106,13.6364,8.85106C13.998,8.85106,14.3449,8.7076,14.6006,8.45223C14.8563,8.19686,15,7.85051,15,7.48936C15,7.12822,14.8563,6.78186,14.6006,6.52649L8.46424,0.398833C8.19901,0.133983,7.85171,0.00104061,7.50409,0.00000603356L7.49999,0C7.3132,0,7.13518,0.0375036,6.97307,0.105382C6.82515,0.167184,6.68592,0.25617,6.56303,0.37234C6.5527,0.3821,6.54252,0.392018,6.5325,0.402093L0.3994,6.52649C0.143668,6.78186,0,7.12822,0,7.48936C0,7.85051,0.143668,8.19686,0.3994,8.45223C0.655131,8.7076,1.00198,8.85106,1.36364,8.85106C1.7253,8.85106,2.07214,8.7076,2.32787,8.45223L6.13635,4.64915L6.13635,14.6383C6.13635,15.3903,6.74687,16,7.49999,16C8.25311,16,8.86363,15.3903,8.86363,14.6383L8.86363,4.64913Z" fill-rule="evenodd" fill="#fff" fill-opacity="1"/></g></svg>

package/dist/MessageInput/icons/text.svg

@@ -0,0 +1,11 @@
+<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="1" cy="5" r="1" fill="#7b7c7e"/>
+<circle cx="1" cy="1" r="1" fill="#7b7c7e"/>
+<circle cx="5" cy="5" r="1" fill="#7b7c7e"/>
+<circle cx="5" cy="1" r="1" fill="#7b7c7e"/>
+<rect x="8" y="4" width="2" height="2" rx="1" fill="#7b7c7e"/>
+<rect x="8" width="2" height="2" rx="1" fill="#7b7c7e"/>
+<rect x="12" y="4" width="2" height="2" rx="1" fill="#7b7c7e"/>
+<rect x="12" width="2" height="2" rx="1" fill="#7b7c7e"/>
+<rect y="8.5" width="14" height="1.5" rx="0.75" fill="#7b7c7e"/>
+</svg>

package/dist/MessageInput/icons/video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="18" viewBox="0 0 20 18"><g><path d="M7.82843,2L5.82843,4L2,4L2,16L18,16L18,4L14.1716,4L12.1716,2L7.82843,2ZM7,0L13,0L15,2L19,2C19.5523,2,20,2.44772,20,3L20,17C20,17.5523,19.5523,18,19,18L1,18C0.44772,18,0,17.5523,0,17L0,3C0,2.44772,0.44772,2,1,2L5,2L7,0ZM10,15C6.96243,15,4.5,12.5376,4.5,9.5C4.5,6.46243,6.96243,4,10,4C13.0376,4,15.5,6.46243,15.5,9.5C15.5,12.5376,13.0376,15,10,15ZM10,13C11.933,13,13.5,11.433,13.5,9.5C13.5,7.567,11.933,6,10,6C8.067,6,6.5,7.567,6.5,9.5C6.5,11.433,8.067,13,10,13Z" fill="#3D3D3D" fill-opacity="1"/></g></svg>

package/dist/MessageInput/icons/voice-active.svg

@@ -0,0 +1,9 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.1252 18.209C26.1251 18.001 26.1661 17.7951 26.2456 17.603C26.3252 17.4109 26.4418 17.2363 26.5888 17.0892C26.7359 16.9422 26.9104 16.8255 27.1025 16.746C27.2946 16.6664 27.5005 16.6254 27.7085 16.6254C27.9164 16.6254 28.1224 16.6664 28.3145 16.746C28.5066 16.8255 28.6811 16.9422 28.8282 17.0892C28.9752 17.2363 29.0918 17.4109 29.1714 17.603C29.2509 17.7951 29.2919 18.001 29.2918 18.209C29.2918 23.3548 25.5156 27.6179 20.5835 28.3795V30.084C20.5835 30.5039 20.4167 30.9066 20.1197 31.2036C19.8228 31.5005 19.4201 31.6673 19.0002 31.6673C18.5802 31.6673 18.1775 31.5005 17.8806 31.2036C17.5836 30.9066 17.4168 30.5039 17.4168 30.084V28.3795C12.4847 27.6179 8.7085 23.3548 8.7085 18.209C8.70846 18.001 8.74939 17.7951 8.82895 17.603C8.90851 17.4109 9.02513 17.2363 9.17216 17.0892C9.31919 16.9422 9.49374 16.8255 9.68586 16.746C9.87797 16.6664 10.0839 16.6254 10.2918 16.6254C10.4998 16.6254 10.7057 16.6664 10.8978 16.746C11.0899 16.8255 11.2645 16.9422 11.4115 17.0892C11.5585 17.2363 11.6752 17.4109 11.7547 17.603C11.8343 17.7951 11.8752 18.001 11.8752 18.209C11.8752 20.0987 12.6258 21.9109 13.962 23.2471C15.2982 24.5833 17.1105 25.334 19.0002 25.334C20.8898 25.334 22.7021 24.5833 24.0383 23.2471C25.3745 21.9109 26.1252 20.0987 26.1252 18.209ZM19.0002 6.33398C19.7279 6.33398 20.4485 6.47732 21.1209 6.75582C21.7932 7.03431 22.4041 7.44251 22.9187 7.9571C23.4333 8.47169 23.8415 9.0826 24.12 9.75495C24.3985 10.4273 24.5418 11.1479 24.5418 11.8757V18.209C24.5418 19.6787 23.958 21.0883 22.9187 22.1275C21.8794 23.1668 20.4699 23.7507 19.0002 23.7507C17.5304 23.7507 16.1209 23.1668 15.0816 22.1275C14.0423 21.0883 13.4585 19.6787 13.4585 18.209V11.8757C13.4585 10.4059 14.0423 8.99636 15.0816 7.9571C16.1209 6.91784 17.5304 6.33398 19.0002 6.33398Z" fill="url(#paint0_linear_1604_21452)"/>
+<defs>
+<linearGradient id="paint0_linear_1604_21452" x1="19.0002" y1="6.33398" x2="19.0002" y2="31.6673" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/MessageInput/icons/voice.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_289_4169"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_289_4169)"><g><path d="M6.613606552734375,1.738423447265625Q5.625091552734375,2.726938447265625,5.625091552734375,4.124908447265625L5.625091552734375,8.999908447265625Q5.625091552734375,10.397878447265626,6.613606552734375,11.386398447265625Q7.602121552734375,12.374908447265625,9.000091552734375,12.374908447265625Q10.398061552734376,12.374908447265625,11.386581552734375,11.386398447265625Q12.375091552734375,10.397878447265626,12.375091552734375,8.999908447265625L12.375091552734375,4.124908447265625Q12.375091552734375,2.726938447265625,11.386581552734375,1.738423447265625Q10.398061552734376,0.749908447265625,9.000091552734375,0.749908447265625Q7.602121552734375,0.749908447265625,6.613606552734375,1.738423447265625ZM7.125091552734375,8.999908447265625L7.125091552734375,4.124908447265625Q7.125091552734375,3.348258447265625,7.674261552734375,2.799078447265625Q8.223441552734375,2.249908447265625,9.000091552734375,2.249908447265625Q9.776741552734375,2.249908447265625,10.325921552734375,2.799078447265625Q10.875091552734375,3.348258447265625,10.875091552734375,4.124908447265625L10.875091552734375,8.999908447265625Q10.875091552734375,9.776558447265625,10.325921552734375,10.325738447265625Q9.776741552734375,10.874908447265625,9.000091552734375,10.874908447265625Q8.223441552734375,10.874908447265625,7.674271552734375,10.325738447265625Q7.125091552734375,9.776558447265625,7.125091552734375,8.999908447265625Z" fill-rule="evenodd" fill="#7b7c7e" fill-opacity="1"/></g><g><path d="M13.5078,13.132901552734374Q15.375,11.265711552734375,15.375,8.625091552734375Q15.375,8.551223052734375,15.3606,8.478773552734374Q15.3462,8.406324552734375,15.3179,8.338078552734375Q15.2896,8.269833552734376,15.2486,8.208413552734376Q15.2076,8.146994552734375,15.1553,8.094761552734376Q15.1031,8.042528552734375,15.0417,8.001489552734375Q14.9803,7.960450552734375,14.912,7.932181552734375Q14.8438,7.903913552734375,14.7713,7.889502552734375Q14.6989,7.875091552734375,14.625,7.875091552734375Q14.5511,7.875091552734375,14.4787,7.889502552734375Q14.4062,7.903913552734375,14.338,7.932181552734375Q14.2697,7.960450552734375,14.2083,8.001489552734375Q14.1469,8.042528552734375,14.0947,8.094761552734376Q14.0424,8.146994552734375,14.0014,8.208413552734376Q13.9604,8.269833552734376,13.9321,8.338078552734375Q13.9038,8.406324552734375,13.8894,8.478773552734374Q13.875,8.551223052734375,13.875,8.625091552734375Q13.875,10.644391552734374,12.44715,12.072241552734376Q11.019300000000001,13.500091552734375,9,13.500091552734375Q6.980700000000001,13.500091552734375,5.552849999999999,12.072241552734376Q4.125281,10.644671552734374,4.125,8.625886603734376L4.125,8.625091552734375Q4.125,8.600263952734375,4.123358,8.575490752734375Q4.123067,8.571101652734376,4.122725,8.566716252734375L4.122333,8.561892952734375Q4.111142,8.429558552734376,4.05519,8.309114552734375Q3.999238,8.188669552734375,3.90533,8.094761552734376Q3.799841,7.989272552734375,3.662013,7.932181552734375Q3.524184,7.875091552734375,3.375,7.875091552734375Q3.3055314,7.875091552734375,3.237245,7.887851552734375Q3.168958,7.900610552734375,3.104177,7.925695552734375Q3.039395,7.950780552734375,2.980323,7.987337552734375Q2.921252,8.023894552734376,2.869899,8.070678552734375Q2.818547,8.117463552734375,2.776661,8.172884552734375Q2.734776,8.228305552734374,2.703782,8.290476552734376Q2.672788,8.352648552734376,2.653741,8.419454552734376Q2.634694,8.486260552734375,2.628242,8.555429152734375Q2.625,8.590184952734376,2.625,8.625091552734375Q2.625,11.265711552734375,4.49219,13.132901552734374Q6.35938,15.000091552734375,9,15.000091552734375Q11.64062,15.000091552734375,13.5078,13.132901552734374Z" fill-rule="evenodd" fill="#7b7c7e" fill-opacity="1"/></g><g><path d="M8.25,14.250091552734375L8.25,16.500091552734375Q8.25,16.573961552734374,8.264410999999999,16.646411552734374Q8.278822,16.718861552734374,8.30709,16.787101552734374Q8.335359,16.855351552734376,8.376398,16.916771552734374Q8.417437,16.978191552734376,8.46967,17.030421552734374Q8.521903,17.082651552734376,8.583322,17.123691552734375Q8.644742,17.164731552734374,8.712987,17.193001552734376Q8.781233,17.221271552734375,8.853682,17.235681552734377Q8.9261315,17.250091552734375,9,17.250091552734375Q9.0738685,17.250091552734375,9.146318,17.235681552734377Q9.218767,17.221271552734375,9.287013,17.193001552734376Q9.355258,17.164731552734374,9.416678,17.123691552734375Q9.478097,17.082651552734376,9.53033,17.030421552734374Q9.582563,16.978191552734376,9.623602,16.916771552734374Q9.664641,16.855351552734376,9.69291,16.787101552734374Q9.721178,16.718861552734374,9.735589000000001,16.646411552734374Q9.75,16.573961552734374,9.75,16.500091552734375L9.75,14.250091552734375Q9.75,14.176223052734375,9.735589000000001,14.103773552734374Q9.721178,14.031324552734375,9.69291,13.963078552734375Q9.664641,13.894833552734376,9.623602,13.833413552734376Q9.582563,13.771994552734375,9.53033,13.719761552734376Q9.478097,13.667528552734375,9.416678,13.626489552734375Q9.355258,13.585450552734375,9.287013,13.557181552734376Q9.218767,13.528913552734375,9.146318,13.514502552734374Q9.0738685,13.500091552734375,9,13.500091552734375Q8.9261315,13.500091552734375,8.853682,13.514502552734374Q8.781233,13.528913552734375,8.712987,13.557181552734376Q8.644742,13.585450552734375,8.583322,13.626489552734375Q8.521903,13.667528552734375,8.46967,13.719761552734376Q8.417437,13.771994552734375,8.376398,13.833413552734376Q8.335359,13.894833552734376,8.30709,13.963078552734375Q8.278822,14.031324552734375,8.264410999999999,14.103773552734374Q8.25,14.176223052734375,8.25,14.250091552734375Z" fill-rule="evenodd" fill="#7b7c7e" fill-opacity="1"/></g></g></svg>

package/dist/MessageInput/index.d.ts

@@ -0,0 +1,9 @@
+import './index.less';
+import React from 'react';
+interface Props {
+    className?: string;
+    renderTop?: React.ReactNode;
+    placeholder?: string;
+}
+export default function MessageInput(props: Props): React.JSX.Element;
+export {};

package/dist/MessageInput/index.js

@@ -0,0 +1,246 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.map.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import './index.less';
+import { Button, View } from '@ray-js/components';
+import React, { useState } from 'react';
+import { Image, Input, ScrollView, showToast } from '@ray-js/ray';
+import { Asr, SocketStatus } from '@ray-js/t-agent-plugin-assistant';
+import cx from 'clsx';
+import PrivateImage from '../PrivateImage';
+import imageSvg from './icons/image.svg';
+import videoSvg from './icons/video.svg';
+import loadingSvg from './icons/loading.svg';
+import closeCircleSvg from './icons/close-circle.svg';
+import { useChatAgent, useEmitEvent, useOnEvent, useRenderOptions, useBlockInput } from '../hooks';
+import AsrInput from './AsrInput';
+export default function MessageInput(props) {
+  const [moreOpen, setMoreOpen] = useState(false);
+  const {
+    text,
+    setText,
+    uploading,
+    uploaded,
+    setUploaded,
+    blocks,
+    loadBlocks,
+    upload
+  } = useBlockInput();
+  const [responding, setResponding] = useState(false);
+  const [mode, setMode] = useState('text');
+  const agent = useChatAgent();
+  const emitEvent = useEmitEvent();
+  useOnEvent('updateSocketStatus', status => {
+    if ((status === SocketStatus.FAILED || status === SocketStatus.CONNECTING) && responding) {
+      setResponding(false);
+    }
+  });
+  const hasMore = !!agent.plugins.assistant.options.multiModal;
+  const isMore = !text.length && hasMore;
+  const send = async input => {
+    if (!input || uploading || responding) {
+      return;
+    }
+    setUploaded([]);
+    setText('');
+    setResponding(true);
+    try {
+      await agent.pushInputBlocks(blocks);
+    } finally {
+      setResponding(false);
+    }
+  };
+  useOnEvent('sendMessage', async _ref => {
+    let {
+      blocks
+    } = _ref;
+    if (uploading || responding) {
+      return;
+    }
+    setText('');
+    setMoreOpen(false);
+    setUploaded([]);
+    setResponding(true);
+    try {
+      await agent.pushInputBlocks(blocks);
+    } finally {
+      setResponding(false);
+    }
+  });
+  useOnEvent('setInputBlocks', async _ref2 => {
+    let {
+      blocks
+    } = _ref2;
+    if (uploading || responding) {
+      return;
+    }
+    loadBlocks(blocks);
+    setMoreOpen(false);
+  });
+  const openMoreClick = () => {
+    setMoreOpen(!moreOpen);
+    if (!moreOpen) {
+      emitEvent('scrollToBottom', {
+        animation: true
+      });
+    }
+  };
+  const {
+    getStaticResourceBizType
+  } = useRenderOptions();
+  let container;
+  if (mode === 'text') {
+    container = /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-message-input-text-bar"
+    }, /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-message-input-text-group"
+    }, /*#__PURE__*/React.createElement(Input, {
+      confirmType: "send",
+      value: text,
+      onInput: event => setText(event.detail.value),
+      placeholder: props.placeholder,
+      className: "t-agent-message-input-text-inner",
+      onConfirm: () => send(text),
+      maxLength: 200,
+      placeholderStyle: "color: var(--app-B1-N4)",
+      onFocus: () => {
+        setMoreOpen(false);
+        emitEvent('scrollToBottom', {
+          animation: true
+        });
+      }
+    }), /*#__PURE__*/React.createElement(Button, {
+      onClick: async () => {
+        const auth = await Asr.authorize();
+        if (!auth) {
+          showToast({
+            icon: 'none',
+            title: I18n.t('chat.input.voice.requirePermission')
+          });
+          return;
+        }
+        setMode('voice');
+      },
+      className: "t-agent-message-input-button t-agent-message-input-button-voice"
+    })), /*#__PURE__*/React.createElement(Button, {
+      disabled: !isMore && (responding || uploading),
+      className: cx('t-agent-message-input-button', {
+        't-agent-message-input-button-more': isMore,
+        't-agent-message-input-button-more-open': moreOpen && isMore,
+        't-agent-message-input-button-send': !isMore
+      }),
+      onClick: async () => {
+        if (isMore) {
+          openMoreClick();
+        } else {
+          await send(text);
+        }
+      }
+    }));
+  } else {
+    container = /*#__PURE__*/React.createElement(AsrInput, {
+      onBack: () => setMode('text'),
+      moreOpen: moreOpen,
+      closeMore: () => setMoreOpen(false),
+      onMoreClick: openMoreClick,
+      sendDisabled: responding || uploading,
+      onSend: text => send(text),
+      hasMore: hasMore,
+      onError: error => {
+        showToast({
+          icon: 'error',
+          title: error.message
+        });
+      }
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    className: "".concat(props.className || '', " t-agent-message-input")
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-input-container"
+  }, props.renderTop, !!uploaded.length && /*#__PURE__*/React.createElement(ScrollView, {
+    scrollX: true,
+    scrollY: false,
+    enableFlex: true,
+    className: "t-agent-message-input-uploaded-files",
+    refresherTriggered: false
+  }, uploaded.map(file => {
+    let content;
+    switch (file.type) {
+      case 'image':
+        content = /*#__PURE__*/React.createElement(PrivateImage, {
+          className: "t-agent-message-input-uploaded-file-image",
+          mode: "aspectFill",
+          bizType: getStaticResourceBizType(file.url, 'image:view'),
+          src: file.url
+        });
+        break;
+      case 'video':
+        content = /*#__PURE__*/React.createElement(PrivateImage, {
+          bizType: getStaticResourceBizType(file.thumbUrl, 'videoThumb:view'),
+          className: "t-agent-message-input-uploaded-file-image",
+          mode: "aspectFill",
+          src: file.thumbUrl
+        });
+        break;
+      case 'loading':
+        content = /*#__PURE__*/React.createElement(View, {
+          className: "t-agent-message-input-uploaded-file-loading",
+          key: file.id
+        }, /*#__PURE__*/React.createElement(Image, {
+          src: loadingSvg,
+          className: "t-agent-message-input-uploaded-file-loading-icon"
+        }));
+        break;
+      default:
+        content = null;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      key: file.id,
+      className: "t-agent-message-input-uploaded-file"
+    }, /*#__PURE__*/React.createElement(Image, {
+      onClick: () => {
+        setUploaded(prev => prev.filter(f => f.id !== file.id));
+      },
+      className: "t-agent-message-input-uploaded-file-delete",
+      src: closeCircleSvg
+    }), content);
+  })), container), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-input-panel ".concat(moreOpen ? '' : 't-agent-message-input-panel-close')
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-input-panel-content"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "t-agent-message-input-panel-button",
+    onClick: async () => {
+      try {
+        await upload('image', 1);
+      } catch (e) {
+        showToast({
+          icon: 'error',
+          title: I18n.t('common.upload.failed')
+        });
+      }
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-input-panel-button-icon"
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: imageSvg
+  }))), /*#__PURE__*/React.createElement(Button, {
+    className: "t-agent-message-input-panel-button",
+    onClick: async () => {
+      try {
+        await upload('video', 1);
+      } catch (e) {
+        showToast({
+          icon: 'error',
+          title: I18n.t('common.upload.failed')
+        });
+      }
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-input-panel-button-icon"
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: videoSvg
+  }))))));
+}

package/dist/MessageInput/index.less

@@ -0,0 +1,289 @@
+@keyframes t-agent-message-input-rotating {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+
+.t-agent-message-input-container {
+  --t-agent-input-border-color: var(--app-B1-N7);
+  padding-bottom: var(--t-agent-safe-bottom);
+  border-top: 2rpx solid var(--t-agent-input-border-color);
+  background: var(--app-B1);
+}
+
+.t-agent-message-input-uploaded-files {
+  padding: 16rpx 32rpx 0;
+}
+
+.t-agent-message-input-uploaded-file {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 32rpx;
+  overflow: hidden;
+  position: relative;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.t-agent-message-input-uploaded-file-loading {
+  width: 100%;
+  height: 100%;
+  background: var(--app-B3);
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.t-agent-message-input-uploaded-file-loading-icon {
+  width: 64rpx;
+  height: 64rpx;
+  animation: t-agent-message-input-rotating 2s infinite;
+}
+
+.t-agent-message-input-uploaded-file-image {
+  width: 100%;
+  height: 100%;
+  background: var(--app-B3);
+}
+
+.t-agent-message-input-uploaded-file-delete {
+  position: absolute;
+  top: 10rpx;
+  right: 10rpx;
+  width: 32rpx;
+  height: 32rpx;
+}
+
+.t-agent-message-input-text-bar {
+  display: flex;
+  padding: 16rpx 32rpx;
+  align-items: center;
+}
+
+.t-agent-message-input-text-group {
+  flex: 1;
+  position: relative;
+  margin-right: 16rpx;
+}
+
+.t-agent-message-input-text-inner {
+  height: 72rpx;
+  border-radius: 9999rpx;
+  border: 2rpx solid var(--t-agent-input-border-color);
+  background-color: var(--app-B1);
+  padding: 12rpx 80rpx 12rpx 32rpx;
+  font-size: 32rpx;
+
+  &:focus {
+    outline: 2rpx solid var(--app-M1);
+    background-color: var(--app-B3);
+  }
+}
+
+.t-agent-message-input-button {
+  --button-size: 68rpx;
+  background: transparent;
+
+  border-radius: 50%;
+  width: var(--button-size);
+  height: var(--button-size);
+  flex-basis: var(--button-size);
+  line-height: var(--button-size);
+  padding: 0;
+  margin: 0;
+  text-align: center;
+  color: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  background-size: contain;
+  background-origin: content-box;
+
+  &[disabled] {
+    opacity: 0.6;
+  }
+}
+
+.t-agent-message-input-button-more {
+  background: transparent url('icons/plus.svg') no-repeat center;
+  border: 2rpx solid var(--t-agent-input-border-color);
+  transition: all ease-in-out 0.2s;
+}
+
+.t-agent-message-input-button-more-open {
+  transform: rotate(45deg);
+}
+
+.t-agent-message-input-button-send {
+  background: var(--app-M1) url('icons/send.svg') no-repeat center;
+  transition: all ease-in-out 0.2s;
+}
+
+.t-agent-message-input-button-voice-send {
+  background: var(--app-M1) url('icons/send.svg') no-repeat center;
+}
+
+.t-agent-message-input-button-voice {
+  background: transparent url('icons/voice.svg') no-repeat center;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 10rpx;
+}
+
+.t-agent-message-input-panel {
+  overflow: hidden;
+  height: 168rpx;
+  box-sizing: border-box;
+  transition: height .2s ease-in-out;
+}
+
+.t-agent-message-input-panel-close {
+  height: 0;
+}
+
+.t-agent-message-input-panel-content {
+  background: var(--app-B1);
+  padding: 20rpx 24rpx 36rpx;
+  display: flex;
+}
+
+.t-agent-message-input-panel-button {
+  padding: 0;
+  margin-right: 48rpx;
+  background-color: var(--app-B3);
+  text-align: center;
+  border-radius: 32rpx;
+}
+
+.t-agent-message-input-panel-button-icon {
+  padding: 40rpx;
+  width: 112rpx;
+  height: 112rpx;
+  position: relative;
+  margin: auto;
+
+  image {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 36rpx;
+    height: 36rpx;
+  }
+}
+
+.t-agent-message-input-voice-bar {
+  height: 280rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  position: relative;
+}
+
+.t-agent-message-input-button-text {
+  background: transparent url('icons/text.svg') no-repeat center;
+  border: 2rpx solid var(--t-agent-input-border-color);
+}
+
+.t-agent-message-input-button-voice-active {
+  background: var(--app-M1) url('icons/voice-active.svg') no-repeat center;
+  width: 116rpx;
+  height: 116rpx;
+  flex-basis: 116rpx;
+  outline: 0 solid var(--app-M1_1);
+}
+
+.t-agent-message-input-button-voice-active:active {
+  outline: 30rpx solid var(--app-M1_1);
+  animation: t-agent-message-input-button-voice-active-animation 3s infinite;
+}
+
+@keyframes t-agent-message-input-button-voice-active-animation {
+  0% {
+    outline-width: 30rpx;
+  }
+  50% {
+    outline-width: 50rpx;
+  }
+  100% {
+    outline-width: 30rpx;
+  }
+}
+
+.t-agent-message-input-button-hide {
+  opacity: 0;
+
+  &[disabled] {
+    opacity: 0;
+  }
+}
+
+.t-agent-message-input-button-clear {
+  background: transparent url('icons/plus.svg') no-repeat center;
+  border: 2rpx solid var(--app-B1-N4);
+  transform: rotate(45deg);
+}
+
+.t-agent-message-input-voice-mask {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100vh;
+  background: linear-gradient(to top, var(--app-B3), rgba(0, 0, 0, 0));  //z-index: 100;
+}
+
+.t-agent-message-input-voice-bubble {
+  position: absolute;
+  bottom: calc(260rpx + var(--t-agent-safe-bottom));
+  min-height: 120rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 684rpx;
+  border-radius: 32rpx;
+  background: var(--app-M1);
+  text-align: left;
+  line-height: 56rpx;
+  padding: 32rpx 56rpx;
+  color: var(--app-M1-N1);
+  font-size: 32rpx;
+  transition: height 0.2s ease-in-out;
+
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: -16rpx;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-left: 16rpx solid transparent;
+    border-right: 16rpx solid transparent;
+    border-top: 16rpx solid var(--app-M1);
+  }
+}
+
+.t-agent-message-input-voice-bubble-predicted {
+  color: var(--app-M1-N3);
+}
+
+.t-agent-message-input-voice-bubble-input {
+  background: transparent;
+  padding: 0;
+  color: var(--app-M1-N1);
+  font-size: 32rpx;
+  line-height: 56rpx;
+  border: none;
+  min-height: 56rpx;
+}

package/dist/MessageList/index.d.ts

@@ -0,0 +1,12 @@
+import './index.less';
+import React from 'react';
+interface Props {
+    className?: string;
+    roleSide?: {
+        user?: 'start' | 'end';
+        assistant?: 'start' | 'end';
+        [key: string]: 'start' | 'end';
+    };
+}
+export default function MessageList(props: Props): React.JSX.Element;
+export {};