@streamoid/ui 0.6.30 → 0.6.32

package/dist/index.mjs

@@ -48,10 +48,16 @@ var APPCARD_WORDMARKS = {
   photogenix: `<svg width="88" height="14" viewBox="0 0 88 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M80.6638 11.0353H78.2768L81.6027 6.99999V6.8847L78.2768 2.83293H80.6956L83.1145 5.79764H83.2259L85.613 2.83293H88L84.674 6.83529V6.96705L88 11.0353H85.5811L83.1623 8.05411H83.0508L80.6638 11.0353Z" fill="currentColor"/> <path d="M77.548 11.0353H75.5587V2.83294H77.548V11.0353ZM77.548 1.91059H75.5587V0H77.548V1.91059Z" fill="currentColor"/> <path d="M74.1568 11.0353H72.1676V6.63764C72.1676 5.91294 71.9979 5.3749 71.6584 5.02352C71.3295 4.67215 70.7725 4.49646 69.9875 4.49646C69.1706 4.49646 68.5765 4.6996 68.2051 5.10588C67.8444 5.51215 67.6641 6.12156 67.6641 6.93411L67.3617 6.95058L67.2344 5.35294H67.6322C67.7065 4.89176 67.871 4.45803 68.1256 4.05176C68.3802 3.64548 68.7356 3.31607 69.1918 3.06352C69.6586 2.79999 70.2315 2.66823 70.9105 2.66823C71.6425 2.66823 72.2472 2.81646 72.7246 3.11293C73.202 3.4094 73.5574 3.81568 73.7908 4.33176C74.0348 4.83686 74.1568 5.40235 74.1568 6.02823V11.0353ZM67.6641 11.0353H65.6749V2.83293H67.505V5.38588L67.6641 5.46823V11.0353Z" fill="currentColor"/> <path d="M60.3315 11.2C59.451 11.2 58.6818 11.0408 58.024 10.7224C57.3663 10.4039 56.857 9.92627 56.4963 9.28941C56.1356 8.65254 55.9552 7.86745 55.9552 6.93411C55.9552 6.06666 56.1356 5.3145 56.4963 4.67764C56.857 4.04078 57.361 3.54666 58.0081 3.19529C58.6659 2.84391 59.4244 2.66823 60.2838 2.66823C61.1219 2.66823 61.8539 2.82195 62.4798 3.1294C63.1164 3.42588 63.6097 3.87058 63.9598 4.46352C64.3205 5.04548 64.5009 5.75921 64.5009 6.6047C64.5009 6.74745 64.4956 6.87921 64.485 7C64.4744 7.12078 64.4584 7.24156 64.4372 7.36235H57.2283V6.25882H63.0846L62.5912 6.93411C62.6019 6.83529 62.6072 6.73647 62.6072 6.63764C62.6072 6.52784 62.6072 6.41803 62.6072 6.30823C62.6072 5.61647 62.4109 5.10588 62.0184 4.77646C61.6364 4.43607 61.0476 4.26588 60.2519 4.26588C59.3608 4.26588 58.7295 4.46901 58.3582 4.87529C57.9869 5.27058 57.8012 5.86352 57.8012 6.65411V7.1647C57.8012 7.95529 57.9869 8.55372 58.3582 8.96C58.7295 9.35529 59.3608 9.55294 60.2519 9.55294C61.037 9.55294 61.594 9.43764 61.9229 9.20706C62.2624 8.96549 62.4321 8.63058 62.4321 8.20235V8.05411H64.4054V8.20235C64.4054 8.79529 64.2304 9.31686 63.8802 9.76706C63.5408 10.2173 63.0633 10.5686 62.448 10.8212C61.8433 11.0737 61.1378 11.2 60.3315 11.2Z" fill="currentColor"/> <path d="M50.4051 14C49.5988 14 48.888 13.8737 48.2727 13.6212C47.668 13.3686 47.1959 13.0063 46.8564 12.5341C46.5169 12.062 46.3471 11.491 46.3471 10.8212H48.3363C48.3363 11.1835 48.4053 11.469 48.5432 11.6776C48.6811 11.8973 48.9092 12.051 49.2275 12.1388C49.5458 12.2376 49.9808 12.2871 50.5324 12.2871C51.1053 12.2871 51.5562 12.2267 51.8851 12.1059C52.214 11.9851 52.4474 11.7655 52.5853 11.4471C52.7232 11.1286 52.7922 10.6839 52.7922 10.1129V5.25411L52.9513 5.17176V2.83293H54.7814V9.98117C54.7814 10.9145 54.601 11.6722 54.2403 12.2541C53.8902 12.8471 53.3863 13.2863 52.7285 13.5718C52.0814 13.8573 51.3069 14 50.4051 14ZM49.6094 10.2447C48.8138 10.2447 48.1348 10.091 47.5725 9.78353C47.0208 9.46509 46.5964 9.02039 46.2994 8.44941C46.0023 7.87843 45.8538 7.21411 45.8538 6.45647C45.8538 5.68784 46.0076 5.02352 46.3153 4.46352C46.623 3.89254 47.0632 3.45333 47.6361 3.14587C48.2196 2.82744 48.9092 2.66823 49.7049 2.66823C50.5324 2.66823 51.2273 2.8549 51.7896 3.22823C52.3519 3.59058 52.6967 4.12862 52.824 4.84235H53.2377L53.0945 6.3247H52.7922C52.7922 5.89647 52.6967 5.54509 52.5057 5.27058C52.3148 4.98509 52.0336 4.77646 51.6623 4.6447C51.291 4.51294 50.8401 4.44705 50.3096 4.44705C49.7792 4.44705 49.3283 4.51294 48.957 4.6447C48.5963 4.76548 48.3204 4.97411 48.1295 5.27058C47.9491 5.55607 47.8589 5.95137 47.8589 6.45647C47.8589 6.95058 47.9491 7.34588 48.1295 7.64235C48.3098 7.93882 48.5803 8.15294 48.9411 8.2847C49.3018 8.41647 49.742 8.48235 50.2619 8.48235C51.0894 8.48235 51.7153 8.32313 52.1397 8.0047C52.5747 7.68627 52.7922 7.19215 52.7922 6.52235H53.0945V8.15294H52.6808C52.5429 8.76784 52.2193 9.27294 51.71 9.66823C51.2008 10.0525 50.5006 10.2447 49.6094 10.2447Z" fill="currentColor"/> <path d="M40.5334 11.2C39.6529 11.2 38.8731 11.0243 38.1941 10.6729C37.5258 10.3106 37.0059 9.81098 36.6346 9.17411C36.2633 8.52627 36.0776 7.7796 36.0776 6.93411C36.0776 6.06666 36.2633 5.3145 36.6346 4.67764C37.0059 4.04078 37.5258 3.54666 38.1941 3.19529C38.8731 2.84391 39.6529 2.66823 40.5334 2.66823C41.4352 2.66823 42.215 2.84391 42.8727 3.19529C43.5411 3.54666 44.061 4.04078 44.4323 4.67764C44.8142 5.3145 45.0052 6.06666 45.0052 6.93411C45.0052 7.7796 44.8142 8.52627 44.4323 9.17411C44.061 9.81098 43.5411 10.3106 42.8727 10.6729C42.215 11.0243 41.4352 11.2 40.5334 11.2ZM40.5334 9.37176C41.4352 9.37176 42.0771 9.16862 42.459 8.76235C42.8409 8.35607 43.0319 7.74666 43.0319 6.93411C43.0319 6.12156 42.8409 5.51215 42.459 5.10588C42.0771 4.68862 41.4352 4.47999 40.5334 4.47999C39.6423 4.47999 39.0004 4.68862 38.6079 5.10588C38.226 5.51215 38.035 6.12156 38.035 6.93411C38.035 7.74666 38.226 8.35607 38.6079 8.76235C39.0004 9.16862 39.6423 9.37176 40.5334 9.37176Z" fill="currentColor"/> <path d="M35.403 11.0353H33.5252C32.6447 11.0353 31.9498 10.8157 31.4405 10.3765C30.9313 9.92628 30.6767 9.19608 30.6767 8.18588V1.10353H32.65V8.02118C32.65 8.48236 32.7507 8.7953 32.9523 8.96C33.1645 9.11373 33.504 9.19059 33.9708 9.19059H35.403V11.0353ZM35.403 4.52941H29.3718V2.83294H35.403V4.52941Z" fill="currentColor"/> <path d="M24.4333 11.2C23.5527 11.2 22.773 11.0243 22.094 10.6729C21.4256 10.3106 20.9058 9.81098 20.5345 9.17411C20.1631 8.52627 19.9775 7.7796 19.9775 6.93411C19.9775 6.06666 20.1631 5.3145 20.5345 4.67764C20.9058 4.04078 21.4256 3.54666 22.094 3.19529C22.773 2.84391 23.5527 2.66823 24.4333 2.66823C25.3351 2.66823 26.1148 2.84391 26.7726 3.19529C27.441 3.54666 27.9608 4.04078 28.3321 4.67764C28.7141 5.3145 28.905 6.06666 28.905 6.93411C28.905 7.7796 28.7141 8.52627 28.3321 9.17411C27.9608 9.81098 27.441 10.3106 26.7726 10.6729C26.1148 11.0243 25.3351 11.2 24.4333 11.2ZM24.4333 9.37176C25.3351 9.37176 25.9769 9.16862 26.3588 8.76235C26.7408 8.35607 26.9317 7.74666 26.9317 6.93411C26.9317 6.12156 26.7408 5.51215 26.3588 5.10588C25.9769 4.68862 25.3351 4.47999 24.4333 4.47999C23.5421 4.47999 22.9003 4.68862 22.5077 5.10588C22.1258 5.51215 21.9349 6.12156 21.9349 6.93411C21.9349 7.74666 22.1258 8.35607 22.5077 8.76235C22.9003 9.16862 23.5421 9.37176 24.4333 9.37176Z" fill="currentColor"/> <path d="M18.912 11.0353H16.9228V6.63765C16.9228 5.86902 16.7477 5.32 16.3976 4.99059C16.0582 4.66118 15.4906 4.49647 14.6949 4.49647C14.1008 4.49647 13.6287 4.5953 13.2786 4.79294C12.9391 4.99059 12.6951 5.27608 12.5465 5.64941C12.398 6.02275 12.3238 6.47295 12.3238 7L11.9737 7.01648L12.0373 5.32H12.4351C12.52 4.85883 12.6845 4.43059 12.9285 4.0353C13.1831 3.62902 13.5332 3.29961 13.9788 3.04706C14.435 2.79451 15.0026 2.66824 15.6815 2.66824C16.403 2.66824 17.0024 2.81647 17.4798 3.11294C17.9572 3.40941 18.3126 3.81569 18.546 4.33177C18.79 4.84785 18.912 5.42981 18.912 6.07765V11.0353ZM12.3238 11.0353H10.3345V0H12.3238V11.0353Z" fill="currentColor"/> <path d="M5.3629 7.82353H0.732028V5.97883H5.15602C5.90927 5.97883 6.47155 5.8251 6.84287 5.51765C7.21419 5.2102 7.39985 4.67216 7.39985 3.90353C7.39985 3.14588 7.21419 2.61333 6.84287 2.30588C6.47155 1.99843 5.90927 1.84471 5.15602 1.84471H0.732028V0H5.3629C6.16919 0 6.86939 0.153726 7.4635 0.461177C8.06822 0.768628 8.53502 1.21333 8.8639 1.79529C9.2034 2.37726 9.37314 3.08 9.37314 3.90353C9.37314 4.72706 9.2034 5.4353 8.8639 6.02824C8.53502 6.6102 8.06822 7.05491 7.4635 7.36236C6.86939 7.66981 6.16919 7.82353 5.3629 7.82353ZM1.98921 11.0353H0V0H1.98921V11.0353Z" fill="currentColor"/> </svg>`,
   catalogix: `<svg width="72" height="14" viewBox="0 0 72 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M64.6953 11.0698H62.3185L65.6302 7.0814V6.96744L62.3185 2.96279H64.727L67.1355 5.89302H67.2464L69.6232 2.96279H72L68.6883 6.9186V7.04884L72 11.0698H69.5915L67.183 8.12326H67.0721L64.6953 11.0698Z" fill="currentColor"/> <path d="M61.5928 11.0698H59.6122V2.9628H61.5928V11.0698ZM61.5928 2.05117H59.6122V0.162801H61.5928V2.05117Z" fill="currentColor"/> <path d="M53.8007 14C52.9979 14 52.2901 13.8752 51.6774 13.6256C51.0753 13.376 50.6052 13.0178 50.2672 12.5512C49.9292 12.0845 49.7601 11.5202 49.7601 10.8581H51.7408C51.7408 11.2163 51.8095 11.4985 51.9468 11.7047C52.0841 11.9217 52.3112 12.0736 52.6281 12.1605C52.9451 12.2581 53.3782 12.307 53.9275 12.307C54.4979 12.307 54.9468 12.2473 55.2743 12.1279C55.6018 12.0085 55.8342 11.7915 55.9715 11.4767C56.1088 11.162 56.1775 10.7225 56.1775 10.1581V5.35582L56.3359 5.27442V2.96279H58.1581V10.0279C58.1581 10.9504 57.9786 11.6992 57.6194 12.2744C57.2708 12.8605 56.7691 13.2946 56.1141 13.5767C55.4697 13.8589 54.6986 14 53.8007 14ZM53.0084 10.2884C52.2162 10.2884 51.5401 10.1364 50.9802 9.83256C50.4309 9.51783 50.0084 9.0783 49.7126 8.51395C49.4168 7.94961 49.2689 7.29302 49.2689 6.54419C49.2689 5.7845 49.4221 5.12791 49.7285 4.57442C50.0348 4.01008 50.4732 3.57597 51.0436 3.27209C51.6246 2.95737 52.3112 2.8 53.1035 2.8C53.9275 2.8 54.6194 2.9845 55.1792 3.35349C55.7391 3.71163 56.0824 4.24341 56.2092 4.94884H56.6211L56.4785 6.41395H56.1775C56.1775 5.9907 56.0824 5.64341 55.8923 5.37209C55.7021 5.08992 55.4222 4.88372 55.0525 4.75349C54.6828 4.62326 54.2338 4.55814 53.7056 4.55814C53.1775 4.55814 52.7285 4.62326 52.3588 4.75349C51.9996 4.87287 51.725 5.07907 51.5348 5.37209C51.3552 5.65426 51.2654 6.04496 51.2654 6.54419C51.2654 7.03256 51.3552 7.42326 51.5348 7.71628C51.7144 8.0093 51.9838 8.22093 52.3429 8.35116C52.7021 8.4814 53.1405 8.54651 53.6581 8.54651C54.482 8.54651 55.1053 8.38915 55.5278 8.07442C55.9609 7.75969 56.1775 7.27132 56.1775 6.6093H56.4785V8.22093H56.0666C55.9292 8.82868 55.6071 9.32791 55.1 9.71861C54.593 10.0985 53.8958 10.2884 53.0084 10.2884Z" fill="currentColor"/> <path d="M43.9714 11.2326C43.0946 11.2326 42.3182 11.0589 41.6422 10.7116C40.9767 10.3535 40.459 9.85969 40.0893 9.23023C39.7196 8.58992 39.5347 7.85194 39.5347 7.01628C39.5347 6.15892 39.7196 5.4155 40.0893 4.78605C40.459 4.15659 40.9767 3.66822 41.6422 3.32093C42.3182 2.97364 43.0946 2.8 43.9714 2.8C44.8693 2.8 45.6457 2.97364 46.3007 3.32093C46.9662 3.66822 47.4838 4.15659 47.8535 4.78605C48.2338 5.4155 48.424 6.15892 48.424 7.01628C48.424 7.85194 48.2338 8.58992 47.8535 9.23023C47.4838 9.85969 46.9662 10.3535 46.3007 10.7116C45.6457 11.0589 44.8693 11.2326 43.9714 11.2326ZM43.9714 9.42558C44.8693 9.42558 45.5084 9.22481 45.8887 8.82326C46.269 8.42171 46.4591 7.81938 46.4591 7.01628C46.4591 6.21318 46.269 5.61085 45.8887 5.2093C45.5084 4.7969 44.8693 4.5907 43.9714 4.5907C43.0841 4.5907 42.445 4.7969 42.0541 5.2093C41.6739 5.61085 41.4837 6.21318 41.4837 7.01628C41.4837 7.81938 41.6739 8.42171 42.0541 8.82326C42.445 9.22481 43.0841 9.42558 43.9714 9.42558Z" fill="currentColor"/> <path d="M38.4129 11.0698H36.4323V0.162801H38.4129V11.0698Z" fill="currentColor"/> <path d="M35.0337 11.0698H33.2115V9.05116L33.1006 9.00233V6.20233C33.1006 5.58372 32.9527 5.16047 32.6569 4.93256C32.3611 4.6938 31.8646 4.57442 31.1674 4.57442C30.4808 4.57442 29.9738 4.68837 29.6463 4.91628C29.3294 5.14419 29.1709 5.53488 29.1709 6.08837V6.15349H27.2061V6.08837C27.2061 5.44806 27.3699 4.88372 27.6973 4.39535C28.0248 3.89612 28.4949 3.50543 29.1075 3.22326C29.7308 2.94109 30.4597 2.8 31.2942 2.8C32.1498 2.8 32.8523 2.94651 33.4016 3.23954C33.9615 3.52171 34.3735 3.91783 34.6376 4.42791C34.9016 4.93798 35.0337 5.52946 35.0337 6.20233V11.0698ZM29.7255 11.2326C28.9016 11.2326 28.2466 11.0426 27.7607 10.6628C27.2748 10.2829 27.0318 9.75659 27.0318 9.08372C27.0318 8.67132 27.1322 8.31861 27.3329 8.02558C27.5336 7.73256 27.8241 7.50465 28.2044 7.34186C28.5847 7.16822 29.0442 7.04884 29.5829 6.98372L33.259 6.59302V7.7814L30.1375 8.13953C29.7572 8.18295 29.472 8.26434 29.2818 8.38372C29.1023 8.5031 29.0125 8.69302 29.0125 8.95349C29.0125 9.23566 29.1128 9.44186 29.3135 9.57209C29.5248 9.70233 29.847 9.76744 30.2801 9.76744C30.8611 9.76744 31.3576 9.70233 31.7696 9.57209C32.1921 9.43101 32.5196 9.21395 32.752 8.92093C32.9844 8.61705 33.1006 8.22636 33.1006 7.74884H33.3224V9.11628H33.1006C32.8999 9.7783 32.509 10.2992 31.928 10.6791C31.3576 11.0481 30.6234 11.2326 29.7255 11.2326Z" fill="currentColor"/> <path d="M26.3601 11.0698H24.4904C23.6136 11.0698 22.9217 10.8527 22.4146 10.4186C21.9076 9.97365 21.6541 9.25194 21.6541 8.2535V1.2535H23.6189V8.0907C23.6189 8.54652 23.7192 8.85582 23.92 9.01861C24.1312 9.17055 24.4693 9.24652 24.9341 9.24652H26.3601V11.0698ZM26.3601 4.63954H20.3548V2.9628H26.3601V4.63954Z" fill="currentColor"/> <path d="M19.6217 11.0698H17.7995V9.05116L17.6885 9.00233V6.20233C17.6885 5.58372 17.5407 5.16047 17.2449 4.93256C16.9491 4.6938 16.4526 4.57442 15.7554 4.57442C15.0688 4.57442 14.5617 4.68837 14.2343 4.91628C13.9174 5.14419 13.7589 5.53488 13.7589 6.08837V6.15349H11.7941V6.08837C11.7941 5.44806 11.9578 4.88372 12.2853 4.39535C12.6128 3.89612 13.0828 3.50543 13.6955 3.22326C14.3188 2.94109 15.0477 2.8 15.8822 2.8C16.7378 2.8 17.4403 2.94651 17.9896 3.23954C18.5495 3.52171 18.9614 3.91783 19.2255 4.42791C19.4896 4.93798 19.6217 5.52946 19.6217 6.20233V11.0698ZM14.3135 11.2326C13.4895 11.2326 12.8346 11.0426 12.3487 10.6628C11.8628 10.2829 11.6198 9.75659 11.6198 9.08372C11.6198 8.67132 11.7202 8.31861 11.9209 8.02558C12.1216 7.73256 12.4121 7.50465 12.7923 7.34186C13.1726 7.16822 13.6321 7.04884 14.1709 6.98372L17.847 6.59302V7.7814L14.7255 8.13953C14.3452 8.18295 14.06 8.26434 13.8698 8.38372C13.6902 8.5031 13.6005 8.69302 13.6005 8.95349C13.6005 9.23566 13.7008 9.44186 13.9015 9.57209C14.1128 9.70233 14.435 9.76744 14.8681 9.76744C15.4491 9.76744 15.9456 9.70233 16.3575 9.57209C16.7801 9.43101 17.1075 9.21395 17.3399 8.92093C17.5723 8.61705 17.6885 8.22636 17.6885 7.74884H17.9104V9.11628H17.6885C17.4878 9.7783 17.097 10.2992 16.516 10.6791C15.9456 11.0481 15.2114 11.2326 14.3135 11.2326Z" fill="currentColor"/> <path d="M5.5617 11.2326C4.4314 11.2326 3.44899 11.0047 2.61447 10.5488C1.77995 10.0822 1.13558 9.43101 0.681347 8.59535C0.227116 7.74884 0 6.75581 0 5.61628C0 4.47674 0.227116 3.48915 0.681347 2.65349C1.13558 1.80698 1.77995 1.15581 2.61447 0.7C3.44899 0.233333 4.4314 0 5.5617 0C6.60749 0 7.52123 0.173644 8.30293 0.52093C9.08463 0.868217 9.69204 1.36744 10.1251 2.0186C10.5582 2.65891 10.7748 3.42946 10.7748 4.33023V4.55814H8.58815V4.33023C8.58815 3.53798 8.34519 2.94651 7.85926 2.55581C7.37334 2.15426 6.61805 1.95349 5.59339 1.95349C4.78 1.95349 4.11449 2.07829 3.59688 2.32791C3.08983 2.57752 2.70954 2.97364 2.45602 3.51628C2.21306 4.04806 2.09158 4.74806 2.09158 5.61628C2.09158 6.47364 2.21306 7.17364 2.45602 7.71628C2.70954 8.25891 3.08983 8.65504 3.59688 8.90465C4.11449 9.15426 4.78 9.27907 5.59339 9.27907C6.61805 9.27907 7.37334 9.08372 7.85926 8.69302C8.34519 8.29147 8.58815 7.69457 8.58815 6.90232V6.67442H10.7748V6.90232C10.7748 7.79225 10.5582 8.56279 10.1251 9.21395C9.69204 9.86512 9.08463 10.3643 8.30293 10.7116C7.52123 11.0589 6.60749 11.2326 5.5617 11.2326Z" fill="currentColor"/> </svg>`,
   // CXO: the hub product. Traced from the official "Streamoid CXO" lockup
-  // (cxo-dashboard/src/assets/streamoid-cxo-wordmark-*.svg), recolored to
-  // currentColor and scaled to an 11.15px cap height so it sits at the same
-  // optical size as Photogenix/Catalogix in the app switcher.
-  cxo: `<svg width="34.74" height="14" viewBox="0 0 34.74 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-102.9231 -9.7250) scale(0.428846)"><path d="M253.167 52C250.528 52 248.22 51.4725 246.241 50.4174C244.262 49.3372 242.727 47.83 241.636 45.8957C240.545 43.9362 240 41.6377 240 39C240 36.3623 240.545 34.0763 241.636 32.142C242.727 30.1826 244.262 28.6754 246.241 27.6203C248.22 26.5401 250.528 26 253.167 26C255.577 26 257.695 26.4019 259.522 27.2058C261.374 27.9845 262.807 29.115 263.822 30.5971C264.862 32.0541 265.382 33.8 265.382 35.8348V36.3246H260.854V35.8348C260.854 33.9005 260.22 32.4309 258.951 31.4261C257.708 30.4213 255.793 29.9188 253.205 29.9188C251.201 29.9188 249.539 30.2454 248.22 30.8986C246.926 31.5266 245.949 32.5063 245.29 33.8377C244.655 35.1691 244.338 36.8899 244.338 39C244.338 41.085 244.655 42.8058 245.29 44.1623C245.949 45.4937 246.926 46.486 248.22 47.1391C249.539 47.7672 251.201 48.0812 253.205 48.0812C255.793 48.0812 257.708 47.5787 258.951 46.5739C260.22 45.5691 260.854 44.0995 260.854 42.1652V41.6754H265.382V42.1652C265.382 44.1749 264.862 45.9208 263.822 47.4029C262.807 48.885 261.374 50.028 259.522 50.8319C257.695 51.6106 255.577 52 253.167 52Z"/><path d="M307.73 52C305.076 52 302.75 51.4725 300.754 50.4174C298.782 49.3372 297.24 47.83 296.128 45.8957C295.041 43.9362 294.498 41.6377 294.498 39C294.498 36.3623 295.041 34.0763 296.128 32.142C297.24 30.1826 298.782 28.6754 300.754 27.6203C302.75 26.5401 305.076 26 307.73 26C310.434 26 312.773 26.5401 314.744 27.6203C316.716 28.6754 318.245 30.1826 319.332 32.142C320.444 34.0763 321 36.3623 321 39C321 41.6377 320.444 43.9362 319.332 45.8957C318.245 47.83 316.716 49.3372 314.744 50.4174C312.773 51.4725 310.434 52 307.73 52ZM307.73 48.0812C309.727 48.0812 311.382 47.7672 312.697 47.1391C314.036 46.486 315.035 45.4937 315.692 44.1623C316.349 42.8058 316.678 41.085 316.678 39C316.678 36.8899 316.349 35.1691 315.692 33.8377C315.035 32.5063 314.036 31.5266 312.697 30.8986C311.382 30.2454 309.727 29.9188 307.73 29.9188C305.733 29.9188 304.065 30.2454 302.725 30.8986C301.411 31.5266 300.425 32.5063 299.768 33.8377C299.136 35.1691 298.82 36.8899 298.82 39C298.82 41.085 299.136 42.8058 299.768 44.1623C300.425 45.4937 301.411 46.486 302.725 47.1391C304.065 47.7672 305.733 48.0812 307.73 48.0812Z"/><path d="M266.534 26.0034C268.039 25.9858 269.462 26.0275 270.813 26.3453C271.441 26.4927 271.994 26.8223 272.544 27.2796C273.112 27.752 273.601 28.2903 274.184 28.8716L274.186 28.8735L276.496 31.1596L285.139 39.807L285.142 39.8105C285.455 40.1198 285.775 40.4219 286.088 40.7167C286.404 41.0137 286.712 41.3029 287.011 41.5964L287.012 41.5976C290.025 44.5426 293.008 47.5148 295.96 50.5141C296.391 50.9545 296.97 51.4609 297.405 51.8758C297.432 51.9013 297.458 51.9272 297.484 51.9524L293.655 51.9647C292.408 51.9587 291.368 51.9243 290.37 51.5385C289.862 51.3356 289.381 51.0735 288.941 50.7582L288.755 50.6196C288.12 50.1238 287.518 49.4355 286.837 48.7562C285.455 47.378 284.103 45.9961 282.674 44.6264C282.098 44.0317 281.513 43.4451 280.918 42.8669C280.645 42.6012 280.216 42.5537 279.887 42.7437L279.823 42.7849C279.405 43.0799 279.058 43.4228 278.755 43.7451C278.432 44.089 278.192 44.3697 277.896 44.6618C277.894 44.6632 277.893 44.6646 277.891 44.666L272.432 50.136C272.145 50.4214 271.64 50.8197 271.087 51.1628C270.511 51.5204 270.008 51.7397 269.712 51.7826C268.424 51.9694 267.022 52.0054 265.575 51.9994C264.78 51.9961 263.956 51.9798 263.143 51.9713C263.295 51.8274 263.452 51.6837 263.615 51.537C263.962 51.2241 264.34 50.8891 264.697 50.531L271.618 43.6246C272.531 42.7128 273.714 41.4684 274.661 40.6786C274.685 40.673 274.718 40.6668 274.761 40.6597C274.917 40.6338 275.127 40.6128 275.368 40.5966C275.605 40.5807 275.853 40.5704 276.079 40.562C276.296 40.5539 276.512 40.5471 276.656 40.5381C276.969 40.5184 277.243 40.3344 277.367 40.0619C277.49 39.7892 277.442 39.4738 277.241 39.246C276.227 38.0976 275.308 37.3317 274.354 36.3667C271.227 33.2046 268.064 30.2349 265.024 27.0664C264.688 26.7152 264.302 26.3657 263.949 26.0423C264.828 26.0408 265.701 26.0131 266.534 26.0034ZM295.619 26.0457C295.976 26.0481 296.333 26.0497 296.692 26.0507C296.018 26.6871 295.39 27.3235 294.695 28.0173L291.922 30.7619L291.921 30.7631L289.016 33.6513L288.444 34.208C287.876 34.7578 287.314 35.3009 286.74 35.9232C286.62 36.0511 286.514 36.1566 286.407 36.2523C285.97 35.834 285.555 35.3762 285.06 34.8864C284.269 34.1027 283.505 33.3988 282.784 32.6484C283.38 32.0274 284.002 31.4109 284.632 30.7881C285.433 29.9969 286.25 29.194 287.02 28.3796C287.914 27.4345 288.636 26.9039 289.416 26.5805C290.202 26.2544 291.119 26.108 292.468 26.0484C293.511 26.0301 294.558 26.0386 295.619 26.0457Z"/></g></svg>`
+  // (cxo-dashboard/src/assets/streamoid-cxo-wordmark-*.svg) and recolored to
+  // currentColor.
+  //
+  // SIZED BY INK, NOT BY CAP HEIGHT. Matching cap heights (11.15px) is the
+  // arithmetic answer and the wrong one: CXO is all caps, so its cap height IS
+  // its whole ink block, while "Photogenix" and "Catalogix" fill their 14px box
+  // from ascender to descender. Set level, the three-letter mark reads a size
+  // smaller than its neighbours — reported from both the app switcher and the
+  // rail's app name. 12.6px of ink puts it back in the same optical class.
+  cxo: `<svg width="39.25" height="14" viewBox="0 0 39.25 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-116.3040 -11.9000) scale(0.484600)"><path d="M253.167 52C250.528 52 248.22 51.4725 246.241 50.4174C244.262 49.3372 242.727 47.83 241.636 45.8957C240.545 43.9362 240 41.6377 240 39C240 36.3623 240.545 34.0763 241.636 32.142C242.727 30.1826 244.262 28.6754 246.241 27.6203C248.22 26.5401 250.528 26 253.167 26C255.577 26 257.695 26.4019 259.522 27.2058C261.374 27.9845 262.807 29.115 263.822 30.5971C264.862 32.0541 265.382 33.8 265.382 35.8348V36.3246H260.854V35.8348C260.854 33.9005 260.22 32.4309 258.951 31.4261C257.708 30.4213 255.793 29.9188 253.205 29.9188C251.201 29.9188 249.539 30.2454 248.22 30.8986C246.926 31.5266 245.949 32.5063 245.29 33.8377C244.655 35.1691 244.338 36.8899 244.338 39C244.338 41.085 244.655 42.8058 245.29 44.1623C245.949 45.4937 246.926 46.486 248.22 47.1391C249.539 47.7672 251.201 48.0812 253.205 48.0812C255.793 48.0812 257.708 47.5787 258.951 46.5739C260.22 45.5691 260.854 44.0995 260.854 42.1652V41.6754H265.382V42.1652C265.382 44.1749 264.862 45.9208 263.822 47.4029C262.807 48.885 261.374 50.028 259.522 50.8319C257.695 51.6106 255.577 52 253.167 52Z"/><path d="M307.73 52C305.076 52 302.75 51.4725 300.754 50.4174C298.782 49.3372 297.24 47.83 296.128 45.8957C295.041 43.9362 294.498 41.6377 294.498 39C294.498 36.3623 295.041 34.0763 296.128 32.142C297.24 30.1826 298.782 28.6754 300.754 27.6203C302.75 26.5401 305.076 26 307.73 26C310.434 26 312.773 26.5401 314.744 27.6203C316.716 28.6754 318.245 30.1826 319.332 32.142C320.444 34.0763 321 36.3623 321 39C321 41.6377 320.444 43.9362 319.332 45.8957C318.245 47.83 316.716 49.3372 314.744 50.4174C312.773 51.4725 310.434 52 307.73 52ZM307.73 48.0812C309.727 48.0812 311.382 47.7672 312.697 47.1391C314.036 46.486 315.035 45.4937 315.692 44.1623C316.349 42.8058 316.678 41.085 316.678 39C316.678 36.8899 316.349 35.1691 315.692 33.8377C315.035 32.5063 314.036 31.5266 312.697 30.8986C311.382 30.2454 309.727 29.9188 307.73 29.9188C305.733 29.9188 304.065 30.2454 302.725 30.8986C301.411 31.5266 300.425 32.5063 299.768 33.8377C299.136 35.1691 298.82 36.8899 298.82 39C298.82 41.085 299.136 42.8058 299.768 44.1623C300.425 45.4937 301.411 46.486 302.725 47.1391C304.065 47.7672 305.733 48.0812 307.73 48.0812Z"/><path d="M266.534 26.0034C268.039 25.9858 269.462 26.0275 270.813 26.3453C271.441 26.4927 271.994 26.8223 272.544 27.2796C273.112 27.752 273.601 28.2903 274.184 28.8716L274.186 28.8735L276.496 31.1596L285.139 39.807L285.142 39.8105C285.455 40.1198 285.775 40.4219 286.088 40.7167C286.404 41.0137 286.712 41.3029 287.011 41.5964L287.012 41.5976C290.025 44.5426 293.008 47.5148 295.96 50.5141C296.391 50.9545 296.97 51.4609 297.405 51.8758C297.432 51.9013 297.458 51.9272 297.484 51.9524L293.655 51.9647C292.408 51.9587 291.368 51.9243 290.37 51.5385C289.862 51.3356 289.381 51.0735 288.941 50.7582L288.755 50.6196C288.12 50.1238 287.518 49.4355 286.837 48.7562C285.455 47.378 284.103 45.9961 282.674 44.6264C282.098 44.0317 281.513 43.4451 280.918 42.8669C280.645 42.6012 280.216 42.5537 279.887 42.7437L279.823 42.7849C279.405 43.0799 279.058 43.4228 278.755 43.7451C278.432 44.089 278.192 44.3697 277.896 44.6618C277.894 44.6632 277.893 44.6646 277.891 44.666L272.432 50.136C272.145 50.4214 271.64 50.8197 271.087 51.1628C270.511 51.5204 270.008 51.7397 269.712 51.7826C268.424 51.9694 267.022 52.0054 265.575 51.9994C264.78 51.9961 263.956 51.9798 263.143 51.9713C263.295 51.8274 263.452 51.6837 263.615 51.537C263.962 51.2241 264.34 50.8891 264.697 50.531L271.618 43.6246C272.531 42.7128 273.714 41.4684 274.661 40.6786C274.685 40.673 274.718 40.6668 274.761 40.6597C274.917 40.6338 275.127 40.6128 275.368 40.5966C275.605 40.5807 275.853 40.5704 276.079 40.562C276.296 40.5539 276.512 40.5471 276.656 40.5381C276.969 40.5184 277.243 40.3344 277.367 40.0619C277.49 39.7892 277.442 39.4738 277.241 39.246C276.227 38.0976 275.308 37.3317 274.354 36.3667C271.227 33.2046 268.064 30.2349 265.024 27.0664C264.688 26.7152 264.302 26.3657 263.949 26.0423C264.828 26.0408 265.701 26.0131 266.534 26.0034ZM295.619 26.0457C295.976 26.0481 296.333 26.0497 296.692 26.0507C296.018 26.6871 295.39 27.3235 294.695 28.0173L291.922 30.7619L291.921 30.7631L289.016 33.6513L288.444 34.208C287.876 34.7578 287.314 35.3009 286.74 35.9232C286.62 36.0511 286.514 36.1566 286.407 36.2523C285.97 35.834 285.555 35.3762 285.06 34.8864C284.269 34.1027 283.505 33.3988 282.784 32.6484C283.38 32.0274 284.002 31.4109 284.632 30.7881C285.433 29.9969 286.25 29.194 287.02 28.3796C287.914 27.4345 288.636 26.9039 289.416 26.5805C290.202 26.2544 291.119 26.108 292.468 26.0484C293.511 26.0301 294.558 26.0386 295.619 26.0457Z"/></g></svg>`
 };
 
 // src/SC-AppcardLogos/ScAppcardLogos.tsx
@@ -141,6 +147,15 @@ function openExternal(url) {
     window.open(url, "_blank", "noopener,noreferrer");
   }
 }
+function formatStreamoidAppVersion(raw) {
+  const trimmed = (raw ?? "").trim();
+  if (!trimmed) return void 0;
+  if (/^[0-9a-f]{7,40}$/i.test(trimmed)) return void 0;
+  const core = trimmed.replace(/^v/i, "");
+  const release = /^(\d+(?:\.\d+)*)/.exec(core);
+  if (!release) return void 0;
+  return `v${release[1]}`;
+}
 function createStreamoidAppSwitchUtilities(utilities) {
   const before = (action) => () => {
     utilities.onClose?.();
@@ -150,15 +165,17 @@ function createStreamoidAppSwitchUtilities(utilities) {
   const status = utilities.statusPageUrl ?? STREAMOID_STATUS_PAGE_URL;
   return [
     {
+      /* Key kept: hosts and tests address this row as `changelog`. Only the
+         wording is for the reader. */
       key: "changelog",
-      label: "Changelog",
-      trailingText: utilities.appVersion,
+      label: "What's new",
+      trailingText: formatStreamoidAppVersion(utilities.appVersion),
       external: true,
       onSelect: before(() => openExternal(changelog))
     },
     {
       key: "status",
-      label: "Status Page",
+      label: "Status",
       external: true,
       onSelect: before(() => openExternal(status))
     },
@@ -178,22 +195,27 @@ var T = {
 var PRODUCT_BRANDS = [
   // Matched on `streamoid` too: the service catalog has named this group both
   // things, and older hosts still send the company name.
-  { match: ["cxo", "streamoid"], product: "cxo", tagline: "for CXOs", hub: true },
-  { match: ["tactix"], product: "tactix", tagline: "for buyers and planners" },
+  {
+    match: ["cxo", "streamoid"],
+    product: "cxo",
+    tagline: "Retail Command Center",
+    hub: true
+  },
+  { match: ["tactix"], product: "tactix", tagline: "Buyers and planners" },
   {
     match: ["artifax", "design studio"],
     product: "artifax",
-    tagline: "for design and development"
+    tagline: "Design and development"
   },
   {
     match: ["photogenix", "photo studio"],
     product: "photogenix",
-    tagline: "for studio and content"
+    tagline: "Studio and content"
   },
   {
     match: ["catalogix", "catalog studio"],
     product: "catalogix",
-    tagline: "for catalog and ecommerce"
+    tagline: "Catalog and ecommerce"
   }
 ];
 var MATCH_PRECEDENCE = [
@@ -221,21 +243,27 @@ function orderIndex(item) {
   const index = productBrandIndex(item.key, item.name);
   return index === -1 ? PRODUCT_BRANDS.length : index;
 }
+function scAppSwitchOrder(apps) {
+  return [...apps].sort((a, b) => orderIndex(a) - orderIndex(b));
+}
 var ScAppSwitchRow = ({
   item
 }) => {
   const [hover, setHover] = useState(false);
   const [focused, setFocused] = useState(false);
-  const interactive = hover || focused;
+  const current = item.current === true;
+  const interactive = !current && (hover || focused);
   const brand = matchProductBrand(item.key, item.name);
   const description = rowDescription(item, brand);
-  const labelColor = interactive ? T.primary : T.secondary;
+  const labelColor = interactive || current ? T.primary : T.secondary;
   return /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
-      "aria-label": `Switch to ${item.name}`,
-      onClick: item.onSelect,
+      "aria-label": current ? `${item.name}, current app` : `Switch to ${item.name}`,
+      "aria-current": current ? "true" : void 0,
+      "aria-disabled": current ? true : void 0,
+      onClick: current ? void 0 : item.onSelect,
       onMouseEnter: () => setHover(true),
       onMouseLeave: () => setHover(false),
       onFocus: () => setFocused(true),
@@ -247,12 +275,21 @@ var ScAppSwitchRow = ({
         width: "100%",
         height: 60,
         padding: "var(--spacing-md, 8px) var(--spacing-xl, 12px) var(--spacing-md, 8px) var(--spacing-3xl, 16px)",
-        background: interactive ? "var(--alias-fill-neutral-neutral, #f5f5f5)" : "transparent",
+        /* THE SELECTED FILL IS MIXED FROM THE INK, NOT TAKEN FROM A TOKEN.
+           `--alias-fill-neutral-neutralselected` is the right token and it does
+           not survive the trip: this panel is portaled to `document.body`, so
+           a host that redefines its light-theme fills on the SIDEBAR element
+           (Artifax does) leaves the panel reading the app-wide dark value —
+           and the row came out with no fill at all. Mixing a percentage of the
+           text colour is theme-proof: it is a step off the panel's own
+           background in whichever theme is live, with the token still preferred
+           where it does reach. */
+        background: current ? "color-mix(in srgb, var(--alias-text---icons-primary, #101010) 10%, transparent)" : interactive ? "color-mix(in srgb, var(--alias-text---icons-primary, #101010) 5%, transparent)" : "transparent",
         border: "1px solid transparent",
         borderRadius: "var(--radius-xl, 12px)",
         boxShadow: focused ? "inset 0 0 0 1px var(--alias-border-default, #cfcfcf)" : "none",
         outline: "none",
-        cursor: "pointer",
+        cursor: current ? "default" : "pointer",
         fontFamily: T.font,
         transition: "background-color 120ms ease, box-shadow 120ms ease"
       },
@@ -349,17 +386,42 @@ var ScAppSwitchRow = ({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              flexShrink: 0,
-              opacity: interactive ? 1 : 0.45,
-              transition: "opacity 120ms ease"
+              flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx4(SiconRight2, { size: 24, color: "var(--alias-text---icons-primary)" })
+            children: current ? /* @__PURE__ */ jsx4(
+              "svg",
+              {
+                width: 20,
+                height: 20,
+                viewBox: "0 0 20 20",
+                fill: "none",
+                stroke: T.primary,
+                strokeWidth: 2.4,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsx4("path", { d: "M4.5 10.5 8 14l7.5-8" })
+              }
+            ) : null
           }
         )
       ]
     }
   );
 };
+var ScAppSwitchGroupLabel = ({ children }) => /* @__PURE__ */ jsx4(
+  "span",
+  {
+    style: {
+      padding: "var(--spacing-md, 8px) var(--spacing-md, 8px) var(--spacing-sm, 4px)",
+      color: T.tertiary,
+      fontFamily: T.font,
+      fontSize: "var(--font-size-font-size-sm, 14px)",
+      lineHeight: "var(--line-height-line-height-sm, 20px)",
+      fontWeight: 500
+    },
+    children
+  }
+);
 var ScAppSwitchSystemRow = ({ item }) => {
   const [hover, setHover] = useState(false);
   const [focused, setFocused] = useState(false);
@@ -415,12 +477,19 @@ var ScAppSwitchPanel = ({
   apps,
   systemItems,
   utilities,
-  title = "Switch Apps",
-  systemLabel,
+  /* NO TITLE, TWO GROUP LABELS.
+   *
+   * "Switch Apps" sat above a list of apps, in a panel opened by a button whose
+   * own label is "Switch apps" — a heading that repeated its trigger and said
+   * nothing about the two different KINDS of row underneath. The labels the
+   * panel needs are the ones that separate the products from the utilities. */
+  title = null,
+  appsLabel = "Apps",
+  systemLabel = "Help",
   className,
   style
 }) => {
-  const ordered = [...apps].sort((a, b) => orderIndex(a) - orderIndex(b));
+  const ordered = scAppSwitchOrder(apps);
   const resolvedSystemItems = systemItems ?? (utilities ? createStreamoidAppSwitchUtilities(utilities) : []);
   return /* @__PURE__ */ jsxs3(
     "div",
@@ -463,6 +532,7 @@ var ScAppSwitchPanel = ({
             }
           )
         ] }) : null,
+        appsLabel ? /* @__PURE__ */ jsx4(ScAppSwitchGroupLabel, { children: appsLabel }) : null,
         ordered.map((app) => /* @__PURE__ */ jsx4(ScAppSwitchRow, { item: app }, app.key)),
         resolvedSystemItems.length > 0 ? /* @__PURE__ */ jsxs3(
           "div",
@@ -475,20 +545,7 @@ var ScAppSwitchPanel = ({
               borderTop: "1px solid var(--alias-border-divider, #dedede)"
             },
             children: [
-              systemLabel ? /* @__PURE__ */ jsx4(
-                "span",
-                {
-                  style: {
-                    padding: "0 var(--spacing-md, 8px) var(--spacing-sm, 4px)",
-                    color: T.tertiary,
-                    fontFamily: T.font,
-                    fontSize: "var(--font-size-font-size-xs, 12px)",
-                    lineHeight: "var(--line-height-line-height-xs, 16px)",
-                    fontWeight: 500
-                  },
-                  children: systemLabel
-                }
-              ) : null,
+              systemLabel ? /* @__PURE__ */ jsx4(ScAppSwitchGroupLabel, { children: systemLabel }) : null,
               resolvedSystemItems.map((item) => /* @__PURE__ */ jsx4(ScAppSwitchSystemRow, { item }, item.key))
             ]
           }
@@ -5660,11 +5717,215 @@ function useStreamoidSidebarPreference(options = {}) {
   return { expanded, setExpanded, toggle };
 }
 
-// src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
+// src/SC-SidebarShell/useStreamoidAnchoredPopoverPosition.ts
 import {
   useLayoutEffect,
   useState as useState13
 } from "react";
+var ARROW_EDGE_INSET = 18;
+function resolveAnchoredPopoverArrow({
+  anchor,
+  panelLeft,
+  panelTop,
+  panelHeight
+}) {
+  const side = panelLeft >= anchor.right ? "left" : "right";
+  const anchorCentre = (anchor.top + anchor.bottom) / 2;
+  const raw = anchorCentre - panelTop;
+  const limit = Math.max(ARROW_EDGE_INSET, panelHeight - ARROW_EDGE_INSET);
+  const top = Math.min(Math.max(raw, ARROW_EDGE_INSET), limit);
+  return { side, top };
+}
+var DEFAULT_GAP = 8;
+var DEFAULT_INSET = 16;
+function resolveAnchoredPopoverPosition({
+  anchor,
+  viewportWidth,
+  viewportHeight,
+  width,
+  height,
+  gap,
+  inset
+}) {
+  const available = Math.max(0, viewportWidth - inset * 2);
+  const panelWidth = Math.min(width, available);
+  const rightOfAnchor = anchor.right + gap;
+  const leftOfAnchor = anchor.left - gap - panelWidth;
+  const fitsRight = rightOfAnchor + panelWidth <= viewportWidth - inset;
+  const preferredLeft = fitsRight ? rightOfAnchor : leftOfAnchor >= inset ? leftOfAnchor : rightOfAnchor;
+  const left = Math.max(
+    inset,
+    Math.min(preferredLeft, Math.max(inset, viewportWidth - panelWidth - inset))
+  );
+  const panelHeight = height ?? 0;
+  const downwardTop = anchor.top;
+  const fitsDown = downwardTop + panelHeight <= viewportHeight - inset;
+  const upwardTop = anchor.bottom - panelHeight;
+  const preferredTop = fitsDown ? downwardTop : upwardTop;
+  const top = Math.max(
+    inset,
+    Math.min(preferredTop, Math.max(inset, viewportHeight - panelHeight - inset))
+  );
+  return { left, top, width: panelWidth };
+}
+function useStreamoidAnchoredPopover(anchorRef, panelRef, { width, gap = DEFAULT_GAP, inset = DEFAULT_INSET }) {
+  const [state, setState] = useState13({
+    style: {
+      position: "fixed",
+      left: 0,
+      top: 0,
+      width,
+      maxWidth: `calc(100vw - ${inset * 2}px)`,
+      maxHeight: `calc(100dvh - ${inset * 2}px)`,
+      visibility: "hidden"
+    },
+    arrow: null
+  });
+  useLayoutEffect(() => {
+    const anchor = anchorRef.current;
+    if (!anchor || typeof window === "undefined") return;
+    const measure = () => {
+      const bounds = anchor.getBoundingClientRect();
+      const panelHeight = panelRef.current?.offsetHeight;
+      const { left, top, width: panelWidth } = resolveAnchoredPopoverPosition({
+        anchor: bounds,
+        viewportWidth: window.innerWidth,
+        viewportHeight: window.innerHeight,
+        width,
+        height: panelHeight,
+        gap,
+        inset
+      });
+      const style = {
+        position: "fixed",
+        left,
+        top,
+        width: panelWidth,
+        maxWidth: `calc(100vw - ${inset * 2}px)`,
+        maxHeight: `calc(100dvh - ${inset * 2}px)`,
+        visibility: "visible"
+      };
+      const arrow = panelHeight ? resolveAnchoredPopoverArrow({
+        anchor: bounds,
+        panelLeft: left,
+        panelTop: top,
+        panelHeight
+      }) : null;
+      setState(
+        (prev) => prev.style.left === style.left && prev.style.top === style.top && prev.style.width === style.width && prev.style.visibility === style.visibility && prev.arrow?.side === arrow?.side && prev.arrow?.top === arrow?.top ? prev : { style, arrow }
+      );
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+    resizeObserver?.observe(anchor);
+    if (panelRef.current) resizeObserver?.observe(panelRef.current);
+    return () => {
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+      resizeObserver?.disconnect();
+    };
+  }, [anchorRef, panelRef, width, gap, inset]);
+  return state;
+}
+function useStreamoidAnchoredPopoverPosition(anchorRef, panelRef, { width, gap = DEFAULT_GAP, inset = DEFAULT_INSET }) {
+  const [position, setPosition] = useState13({
+    position: "fixed",
+    left: 0,
+    top: 0,
+    width,
+    maxWidth: `calc(100vw - ${inset * 2}px)`,
+    maxHeight: `calc(100dvh - ${inset * 2}px)`,
+    visibility: "hidden"
+  });
+  useLayoutEffect(() => {
+    const anchor = anchorRef.current;
+    if (!anchor || typeof window === "undefined") return;
+    const measure = () => {
+      const bounds = anchor.getBoundingClientRect();
+      const panelHeight = panelRef.current?.offsetHeight;
+      const { left, top, width: panelWidth } = resolveAnchoredPopoverPosition({
+        anchor: bounds,
+        viewportWidth: window.innerWidth,
+        viewportHeight: window.innerHeight,
+        width,
+        height: panelHeight,
+        gap,
+        inset
+      });
+      const next = {
+        position: "fixed",
+        left,
+        top,
+        width: panelWidth,
+        maxWidth: `calc(100vw - ${inset * 2}px)`,
+        maxHeight: `calc(100dvh - ${inset * 2}px)`,
+        visibility: "visible"
+      };
+      setPosition(
+        (prev) => prev.left === next.left && prev.top === next.top && prev.width === next.width && prev.visibility === next.visibility ? prev : next
+      );
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+    resizeObserver?.observe(anchor);
+    if (panelRef.current) resizeObserver?.observe(panelRef.current);
+    return () => {
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+      resizeObserver?.disconnect();
+    };
+  }, [anchorRef, panelRef, width, gap, inset]);
+  return position;
+}
+
+// src/SC-SidebarShell/ScPopoverArrow.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+function ScPopoverArrow({
+  arrow,
+  background = "var(--alias-surface-base, #101010)",
+  borderColor = "var(--alias-border-default, #3e3e3e)",
+  size = 12,
+  style
+}) {
+  if (!arrow) return null;
+  const half = size / 2;
+  const onLeftEdge = arrow.side === "left";
+  return /* @__PURE__ */ jsx52(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-streamoid-popover-arrow": arrow.side,
+      style: {
+        position: "absolute",
+        top: arrow.top - half,
+        [onLeftEdge ? "left" : "right"]: -half,
+        width: size,
+        height: size,
+        background,
+        /* Only the two edges that face away from the card. The other two sit
+           under it, where a border would draw a line across the card's own
+           edge. */
+        borderTop: onLeftEdge ? "none" : `1px solid ${borderColor}`,
+        borderRight: onLeftEdge ? "none" : `1px solid ${borderColor}`,
+        borderBottom: onLeftEdge ? `1px solid ${borderColor}` : "none",
+        borderLeft: onLeftEdge ? `1px solid ${borderColor}` : "none",
+        transform: "rotate(45deg)",
+        pointerEvents: "none",
+        ...style
+      }
+    }
+  );
+}
+
+// src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
+import {
+  useLayoutEffect as useLayoutEffect2,
+  useState as useState14
+} from "react";
 var VIEWPORT_INSET = 16;
 function useStreamoidSidebarPopoverPosition(sidebarRef, {
   placement,
@@ -5672,7 +5933,7 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
   gap = 8,
   inset = 0
 }) {
-  const [position, setPosition] = useState13({
+  const [position, setPosition] = useState14({
     position: "fixed",
     left: 0,
     top: 0,
@@ -5681,7 +5942,7 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
     maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
     visibility: "hidden"
   });
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const sidebar = sidebarRef.current;
     if (!sidebar || typeof window === "undefined") return;
     const findCard = () => (sidebar.matches("[data-streamoid-sidebar-card]") ? sidebar : sidebar.querySelector(
@@ -5744,7 +6005,7 @@ function useStreamoidSidebarPopoverPosition(sidebarRef, {
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import {
   useCallback as useCallback3,
-  useState as useState14
+  useState as useState15
 } from "react";
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css
@@ -5782,21 +6043,21 @@ var ScArtifaxSidebar_default = {
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import { SiconCollapse as SiconCollapse3, SiconDown, SiconUp } from "@streamoid/icons";
-import { Fragment as Fragment17, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function ArtifaxPlaceholderIcon() {
-  return /* @__PURE__ */ jsx52("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
+  return /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", className: ScArtifaxSidebar_default.placeholderIcon });
 }
 function resolveIcon2(iconMap, item, active, expanded) {
   const renderer = iconMap?.[item.iconKey];
-  if (renderer == null) return /* @__PURE__ */ jsx52(ArtifaxPlaceholderIcon, {});
+  if (renderer == null) return /* @__PURE__ */ jsx53(ArtifaxPlaceholderIcon, {});
   if (typeof renderer === "function") {
-    return /* @__PURE__ */ jsx52(Fragment17, { children: renderer({ item, active, expanded }) });
+    return /* @__PURE__ */ jsx53(Fragment17, { children: renderer({ item, active, expanded }) });
   }
-  return /* @__PURE__ */ jsx52(Fragment17, { children: renderer });
+  return /* @__PURE__ */ jsx53(Fragment17, { children: renderer });
 }
 function resolveToggleIcon2(toggleIcon, expanded) {
   if (toggleIcon == null)
-    return /* @__PURE__ */ jsx52(SiconCollapse3, {});
+    return /* @__PURE__ */ jsx53(SiconCollapse3, {});
   if (typeof toggleIcon === "function") {
     return toggleIcon(expanded);
   }
@@ -5816,8 +6077,8 @@ function SectionHeader2({
       onClick: onToggle,
       disabled: !onToggle,
       children: [
-        /* @__PURE__ */ jsx52("span", { className: ScArtifaxSidebar_default.sectionLabel, children: label }),
-        /* @__PURE__ */ jsx52(Chevron2, { className: ScArtifaxSidebar_default.sectionChevron })
+        /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.sectionLabel, children: label }),
+        /* @__PURE__ */ jsx53(Chevron2, { className: ScArtifaxSidebar_default.sectionChevron })
       ]
     }
   );
@@ -5852,7 +6113,7 @@ var ScArtifaxSidebar = ({
     }
   };
   const isControlled = !!openSections;
-  const [internalOpen, setInternalOpen] = useState14(
+  const [internalOpen, setInternalOpen] = useState15(
     () => {
       const init = {};
       sections.forEach((s) => {
@@ -5878,7 +6139,7 @@ var ScArtifaxSidebar = ({
   const renderMenuItem2 = (item, sectionId) => {
     const active = item.id === activeItemId;
     const state = active ? "active" : "default";
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx53(
       ScSidebarMenu,
       {
         icon: resolveIcon2(iconMap, item, active, expanded),
@@ -5897,7 +6158,7 @@ var ScArtifaxSidebar = ({
         className: ScArtifaxSidebar_default.scArtifaxSidebar + " " + ScArtifaxSidebar_default.variantExpanded + (className ? " " + className : ""),
         style,
         children: [
-          resizable ? /* @__PURE__ */ jsx52(
+          resizable ? /* @__PURE__ */ jsx53(
             ScSidebarResizeHandle,
             {
               expanded: true,
@@ -5910,17 +6171,17 @@ var ScArtifaxSidebar = ({
               "data-streamoid-sidebar-card": true,
               className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded,
               children: [
-                /* @__PURE__ */ jsx52("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
+                /* @__PURE__ */ jsx53("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
                 /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body, children: [
-                  expandedLogo ? /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
+                  expandedLogo ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
                   sections.map((section, idx) => {
                     const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
                     const showHeader = !!section.label;
                     const canToggle = showHeader && section.collapsible !== false;
                     return /* @__PURE__ */ jsxs42("div", { children: [
-                      idx > 0 ? /* @__PURE__ */ jsx52(ScHDivider, {}) : null,
+                      idx > 0 ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
                       /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
-                        showHeader ? /* @__PURE__ */ jsx52(
+                        showHeader ? /* @__PURE__ */ jsx53(
                           SectionHeader2,
                           {
                             label: section.label,
@@ -5935,7 +6196,7 @@ var ScArtifaxSidebar = ({
                     ] }, section.id);
                   })
                 ] }),
-                creditWarning ? /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx52(
+                creditWarning ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx53(
                   CreditWarningBanner,
                   {
                     availableCredits: creditWarning.availableCredits,
@@ -5945,10 +6206,10 @@ var ScArtifaxSidebar = ({
                     expanded: true
                   }
                 ) }) : null,
-                assistantCta ? /* @__PURE__ */ jsx52(ScAskAgentSlot, { cta: assistantCta }) : null,
-                /* @__PURE__ */ jsx52(ScHDivider, {}),
+                assistantCta ? /* @__PURE__ */ jsx53(ScAskAgentSlot, { cta: assistantCta }) : null,
+                /* @__PURE__ */ jsx53(ScHDivider, {}),
                 /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
-                  appIdentity ? /* @__PURE__ */ jsx52(
+                  appIdentity ? /* @__PURE__ */ jsx53(
                     "button",
                     {
                       type: "button",
@@ -5964,15 +6225,15 @@ var ScArtifaxSidebar = ({
                       className: ScArtifaxSidebar_default.profileMain,
                       onClick: profile.onClick,
                       children: [
-                        /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
+                        /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
                         /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
-                          /* @__PURE__ */ jsx52("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
-                          profile.subtitle ? /* @__PURE__ */ jsx52("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
+                          /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
+                          profile.subtitle ? /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
                         ] })
                       ]
                     }
-                  ) : /* @__PURE__ */ jsx52("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
-                  !hideToggle ? /* @__PURE__ */ jsx52(
+                  ) : /* @__PURE__ */ jsx53("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
+                  !hideToggle ? /* @__PURE__ */ jsx53(
                     "button",
                     {
                       type: "button",
@@ -5996,7 +6257,7 @@ var ScArtifaxSidebar = ({
       className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
       style,
       children: [
-        resizable ? /* @__PURE__ */ jsx52(
+        resizable ? /* @__PURE__ */ jsx53(
           ScSidebarResizeHandle,
           {
             expanded: false,
@@ -6009,15 +6270,15 @@ var ScArtifaxSidebar = ({
             "data-streamoid-sidebar-card": true,
             className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed,
             children: [
-              /* @__PURE__ */ jsx52("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
+              /* @__PURE__ */ jsx53("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
               /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
-                collapsedLogo ? /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
+                collapsedLogo ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
                 sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
-                  idx > 0 ? /* @__PURE__ */ jsx52(ScHDivider, {}) : null,
-                  /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
+                  idx > 0 ? /* @__PURE__ */ jsx53(ScHDivider, {}) : null,
+                  /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
                 ] }, section.id))
               ] }),
-              creditWarning ? /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx52(
+              creditWarning ? /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx53(
                 CreditWarningBanner,
                 {
                   availableCredits: creditWarning.availableCredits,
@@ -6027,10 +6288,10 @@ var ScArtifaxSidebar = ({
                   expanded: false
                 }
               ) }) : null,
-              assistantCta ? /* @__PURE__ */ jsx52(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
-              /* @__PURE__ */ jsx52(ScHDivider, {}),
+              assistantCta ? /* @__PURE__ */ jsx53(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
+              /* @__PURE__ */ jsx53(ScHDivider, {}),
               /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
-                appIdentity ? /* @__PURE__ */ jsx52(
+                appIdentity ? /* @__PURE__ */ jsx53(
                   "button",
                   {
                     type: "button",
@@ -6039,17 +6300,17 @@ var ScArtifaxSidebar = ({
                     "aria-label": appIdentity.ariaLabel ?? "Switch apps",
                     children: appIdentity.content
                   }
-                ) : profile ? /* @__PURE__ */ jsx52(
+                ) : profile ? /* @__PURE__ */ jsx53(
                   "button",
                   {
                     type: "button",
                     className: ScArtifaxSidebar_default.profileRowCollapsed,
                     onClick: profile.onClick,
                     "aria-label": profile.name,
-                    children: /* @__PURE__ */ jsx52("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
+                    children: /* @__PURE__ */ jsx53("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
                   }
                 ) : null,
-                !hideToggle ? /* @__PURE__ */ jsx52(
+                !hideToggle ? /* @__PURE__ */ jsx53(
                   "button",
                   {
                     type: "button",
@@ -6069,7 +6330,7 @@ var ScArtifaxSidebar = ({
 };
 
 // src/SC-Catalogix-Sidebar/ScCatalogixSidebar.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css
 var ScSidebarSwitchMenu_default = {
@@ -6087,7 +6348,7 @@ var ScSidebarSwitchMenu_default = {
 };
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.tsx
-import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 var ScSidebarSwitchMenu = ({
   icon,
   state = "default",
@@ -6106,13 +6367,13 @@ var ScSidebarSwitchMenu = ({
       className: ScSidebarSwitchMenu_default.scSidebarSwitchMenu + (className ? " " + className : "") + " " + variantsClassName,
       ...props,
       children: [
-        icon ? /* @__PURE__ */ jsx53("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
+        icon ? /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.iconWrapper, children: icon }) : null,
         variant === "expanded" && /* @__PURE__ */ jsxs43(Fragment18, { children: [
           /* @__PURE__ */ jsxs43("div", { className: ScSidebarSwitchMenu_default.content, children: [
-            /* @__PURE__ */ jsx53("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
-            /* @__PURE__ */ jsx53("div", { className: ScSidebarSwitchMenu_default.description, children: description })
+            /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.text, children: text }),
+            /* @__PURE__ */ jsx54("div", { className: ScSidebarSwitchMenu_default.description, children: description })
           ] }),
-          moreIcon && /* @__PURE__ */ jsx53(
+          moreIcon && /* @__PURE__ */ jsx54(
             "div",
             {
               className: ScSidebarSwitchMenu_default.moreIconWrapper,
@@ -6147,7 +6408,7 @@ var ScSideBarLogoUnit_default = {
 import { SiconDoubleArrow as SiconDoubleArrow2 } from "@streamoid/icons";
 
 // src/SC-SideBarLogoUnit/wordmarks.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var WORDMARKS = {
   "CXO": {
     "viewBox": "0 0 56 32",
@@ -6514,7 +6775,7 @@ function ProductWordmark({
 }) {
   const mark = WORDMARKS[product];
   if (!mark) return null;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "svg",
     {
       viewBox: mark.viewBox,
@@ -6525,7 +6786,7 @@ function ProductWordmark({
       role: "img",
       "aria-label": product,
       style: { ...MARK_STYLE, ...style },
-      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx54(
+      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx55(
         "path",
         {
           d: p.d,
@@ -6544,7 +6805,7 @@ function ProductCollapsedMark({
 }) {
   const mark = COLLAPSED_MARKS[product];
   if (!mark) return null;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "svg",
     {
       viewBox: mark.viewBox,
@@ -6555,7 +6816,7 @@ function ProductCollapsedMark({
       role: "img",
       "aria-label": product,
       style: { ...MARK_STYLE, ...style },
-      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx54(
+      children: mark.paths.map((p, i) => /* @__PURE__ */ jsx55(
         "path",
         {
           d: p.d,
@@ -6573,7 +6834,7 @@ function hasCollapsedMark(product) {
 }
 
 // src/SC-SideBarLogoUnit/ScSideBarLogoUnit.tsx
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 var ScSideBarLogoUnit = ({
   state = "expanded",
   wordmark,
@@ -6588,8 +6849,8 @@ var ScSideBarLogoUnit = ({
   style
 }) => {
   const interactive = !disabled && (!!onClick || !!onSwitchClick);
-  const expandedMark = wordmark ?? (product ? /* @__PURE__ */ jsx55(ProductWordmark, { product }) : null);
-  const collapsedMark = wordmark ?? (product ? /* @__PURE__ */ jsx55(ProductCollapsedMark, { product }) : null);
+  const expandedMark = wordmark ?? (product ? /* @__PURE__ */ jsx56(ProductWordmark, { product }) : null);
+  const collapsedMark = wordmark ?? (product ? /* @__PURE__ */ jsx56(ProductCollapsedMark, { product }) : null);
   const handleClick = () => {
     if (!interactive) return;
     onClick?.();
@@ -6601,7 +6862,7 @@ var ScSideBarLogoUnit = ({
       interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
       hover === true ? ScSideBarLogoUnit_default.forceHover : ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       "div",
       {
         className: ScSideBarLogoUnit_default.scSideBarLogoUnit + " " + ScSideBarLogoUnit_default.collapsed + (className ? " " + className : ""),
@@ -6617,8 +6878,8 @@ var ScSideBarLogoUnit = ({
             "aria-disabled": !interactive || disabled,
             style: hover === false ? { backgroundColor: "transparent" } : void 0,
             children: [
-              /* @__PURE__ */ jsx55("span", { className: ScSideBarLogoUnit_default.collapsedWordmarkSlot, children: collapsedMark }),
-              hideSwitch ? null : /* @__PURE__ */ jsx55("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx55("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx55(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
+              /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.collapsedWordmarkSlot, children: collapsedMark }),
+              hideSwitch ? null : /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx56(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
             ]
           }
         )
@@ -6630,7 +6891,7 @@ var ScSideBarLogoUnit = ({
     interactive ? "" : ScSideBarLogoUnit_default.nonInteractive,
     hover === true ? ScSideBarLogoUnit_default.forceHover : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       className: ScSideBarLogoUnit_default.scSideBarLogoUnit + (className ? " " + className : ""),
@@ -6652,8 +6913,8 @@ var ScSideBarLogoUnit = ({
             backgroundColor: "transparent"
           } : void 0,
           children: [
-            /* @__PURE__ */ jsx55("span", { className: ScSideBarLogoUnit_default.wordmarkSlot, children: expandedMark }),
-            hideSwitch ? null : /* @__PURE__ */ jsx55("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx55("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx55(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
+            /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.wordmarkSlot, children: expandedMark }),
+            hideSwitch ? null : /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switch, children: /* @__PURE__ */ jsx56("span", { className: ScSideBarLogoUnit_default.switchIcon, children: /* @__PURE__ */ jsx56(SiconDoubleArrow2, { size: 16, strokeWidth: 1.5 }) }) })
           ]
         }
       )
@@ -6669,7 +6930,7 @@ import {
   SiconExpand,
   SiconInsights
 } from "@streamoid/icons";
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 var PRIMARY_COLOR = "var(--alias-text---icons-primary)";
 var TERTIARY_COLOR = "var(--alias-text---icons-tertiary)";
 var DEFAULT_ITEMS = [
@@ -6678,9 +6939,9 @@ var DEFAULT_ITEMS = [
   { id: "insights", label: "Insights", iconKey: "insights" }
 ];
 var DEFAULT_ICON_MAP = {
-  stores: ({ active }) => /* @__PURE__ */ jsx56(SiconBag, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
-  aiTraining: ({ active }) => /* @__PURE__ */ jsx56(SiconBrain, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
-  insights: ({ active }) => /* @__PURE__ */ jsx56(SiconInsights, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR })
+  stores: ({ active }) => /* @__PURE__ */ jsx57(SiconBag, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
+  aiTraining: ({ active }) => /* @__PURE__ */ jsx57(SiconBrain, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR }),
+  insights: ({ active }) => /* @__PURE__ */ jsx57(SiconInsights, { color: active ? PRIMARY_COLOR : TERTIARY_COLOR })
 };
 function resolveIcon3(iconMap, item, active, expanded) {
   const renderer = iconMap[item.iconKey];
@@ -6693,7 +6954,7 @@ function resolveIcon3(iconMap, item, active, expanded) {
 function resolveToggleIcon3(toggleIcon, expanded) {
   if (toggleIcon == null) {
     const Icon = expanded ? SiconCollapse4 : SiconExpand;
-    return /* @__PURE__ */ jsx56(Icon, { className: "size-6", color: "var(--alias-text---icons-muted)" });
+    return /* @__PURE__ */ jsx57(Icon, { className: "size-6", color: "var(--alias-text---icons-muted)" });
   }
   if (typeof toggleIcon === "function") {
     return toggleIcon(expanded);
@@ -6717,12 +6978,12 @@ var ScCatalogixSidebar = ({
   className,
   style
 }) => {
-  const [appListOpen, setAppListOpen] = useState15(false);
+  const [appListOpen, setAppListOpen] = useState16(false);
   const handleSwitch = () => {
     setAppListOpen((prev) => !prev);
     onLogoClick?.();
   };
-  const switchPanelContent = expanded && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx56(
+  const switchPanelContent = expanded && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx57(
     "div",
     {
       className: "flex w-full flex-col items-stretch",
@@ -6731,7 +6992,7 @@ var ScCatalogixSidebar = ({
         paddingTop: "var(--spacing-sm)",
         paddingBottom: "var(--spacing-md)"
       },
-      children: switchApps.map((app) => /* @__PURE__ */ jsx56(
+      children: switchApps.map((app) => /* @__PURE__ */ jsx57(
         ScSidebarSwitchMenu,
         {
           icon: app.icon,
@@ -6745,7 +7006,7 @@ var ScCatalogixSidebar = ({
       ))
     }
   ) : void 0;
-  const collapsedSwitchList = !expanded && appListOpen && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx56(
+  const collapsedSwitchList = !expanded && appListOpen && switchApps && switchApps.length > 0 ? /* @__PURE__ */ jsx57(
     "div",
     {
       className: "flex shrink-0 flex-col items-center",
@@ -6753,7 +7014,7 @@ var ScCatalogixSidebar = ({
         gap: "var(--spacing-xxs)",
         paddingBottom: "var(--spacing-xxs)"
       },
-      children: switchApps.map((app) => /* @__PURE__ */ jsx56(
+      children: switchApps.map((app) => /* @__PURE__ */ jsx57(
         ScSidebarSwitchMenu,
         {
           icon: app.icon,
@@ -6765,7 +7026,7 @@ var ScCatalogixSidebar = ({
       ))
     }
   ) : null;
-  const navItems = /* @__PURE__ */ jsx56(
+  const navItems = /* @__PURE__ */ jsx57(
     "div",
     {
       className: expanded ? "flex w-full shrink-0 flex-col items-stretch" : "flex shrink-0 flex-col items-center",
@@ -6776,7 +7037,7 @@ var ScCatalogixSidebar = ({
       },
       children: items.map((item) => {
         const active = item.id === activeItemId;
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           ScSidebarMenu,
           {
             icon: resolveIcon3(iconMap, item, active, expanded),
@@ -6796,12 +7057,12 @@ var ScCatalogixSidebar = ({
       className: expanded ? "flex h-full min-h-0 flex-col" : "flex w-full flex-col items-center",
       children: [
         collapsedSwitchList,
-        /* @__PURE__ */ jsx56(ScHDivider, {}),
+        /* @__PURE__ */ jsx57(ScHDivider, {}),
         navItems
       ]
     }
   );
-  const defaultExpandedLogo = /* @__PURE__ */ jsx56(
+  const defaultExpandedLogo = /* @__PURE__ */ jsx57(
     ScSideBarLogoUnit,
     {
       product: "Catalogix",
@@ -6810,7 +7071,7 @@ var ScCatalogixSidebar = ({
       style: { paddingBottom: 0 }
     }
   );
-  const defaultCollapsedLogo = /* @__PURE__ */ jsx56(
+  const defaultCollapsedLogo = /* @__PURE__ */ jsx57(
     ScSideBarLogoUnit,
     {
       state: "collapsed",
@@ -6819,7 +7080,7 @@ var ScCatalogixSidebar = ({
       hover: appListOpen ? true : void 0
     }
   );
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     StreamoidSidebar,
     {
       expanded,
@@ -6837,7 +7098,7 @@ var ScCatalogixSidebar = ({
       toggleInProfile: true,
       versionText: "",
       toggleIcon: (exp) => resolveToggleIcon3(toggleIcon, exp),
-      preFooterContent: creditWarning ? /* @__PURE__ */ jsx56(
+      preFooterContent: creditWarning ? /* @__PURE__ */ jsx57(
         CreditWarningBanner,
         {
           availableCredits: creditWarning.availableCredits,
@@ -6871,7 +7132,7 @@ var ScGuide_default = {
 
 // src/SC-Guide/ScGuide.tsx
 import { SiconRight as SiconRight4 } from "@streamoid/icons";
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var ScGuide = ({
   title = "Title",
   description = "Description",
@@ -6894,12 +7155,12 @@ var ScGuide = ({
       style,
       children: [
         /* @__PURE__ */ jsxs46("div", { className: ScGuide_default.header, children: [
-          /* @__PURE__ */ jsx57("p", { className: ScGuide_default.title, children: title }),
-          /* @__PURE__ */ jsx57("p", { className: ScGuide_default.description, children: description })
+          /* @__PURE__ */ jsx58("p", { className: ScGuide_default.title, children: title }),
+          /* @__PURE__ */ jsx58("p", { className: ScGuide_default.description, children: description })
         ] }),
-        /* @__PURE__ */ jsx57(ScHDivider, {}),
+        /* @__PURE__ */ jsx58(ScHDivider, {}),
         /* @__PURE__ */ jsxs46("div", { className: ScGuide_default.actions, children: [
-          hideSkip ? /* @__PURE__ */ jsx57("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx57(
+          hideSkip ? /* @__PURE__ */ jsx58("span", { className: ScGuide_default.skipSpacer, "aria-hidden": "true", children: skipLabel }) : /* @__PURE__ */ jsx58(
             "button",
             {
               type: "button",
@@ -6909,7 +7170,7 @@ var ScGuide = ({
               children: skipLabel
             }
           ),
-          stepLabel != null && /* @__PURE__ */ jsx57("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
+          stepLabel != null && /* @__PURE__ */ jsx58("span", { className: ScGuide_default.stepIndicator, children: stepLabel }),
           !hideNext && /* @__PURE__ */ jsxs46(
             "button",
             {
@@ -6918,8 +7179,8 @@ var ScGuide = ({
               onClick: onNext,
               disabled,
               children: [
-                /* @__PURE__ */ jsx57("span", { className: ScGuide_default.nextLabel, children: nextLabel }),
-                /* @__PURE__ */ jsx57("span", { className: ScGuide_default.nextIcon, children: nextIcon ?? /* @__PURE__ */ jsx57(SiconRight4, { size: 16, strokeWidth: 1.5 }) })
+                /* @__PURE__ */ jsx58("span", { className: ScGuide_default.nextLabel, children: nextLabel }),
+                /* @__PURE__ */ jsx58("span", { className: ScGuide_default.nextIcon, children: nextIcon ?? /* @__PURE__ */ jsx58(SiconRight4, { size: 16, strokeWidth: 1.5 }) })
               ]
             }
           )
@@ -6939,23 +7200,23 @@ var ScSlider_default = {
 };
 
 // src/SC-Slider/ScSlider.tsx
-import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 var ScSlider = ({
   className,
   onValueChange,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs47("div", { className: ScSlider_default.scSlider + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressBar }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressDot }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressDot2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressBar2 }),
-    /* @__PURE__ */ jsx58("div", { className: ScSlider_default.progressDot2 })
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressBar2 }),
+    /* @__PURE__ */ jsx59("div", { className: ScSlider_default.progressDot2 })
   ] });
 };
 
@@ -6967,7 +7228,7 @@ import {
   SiconCrown,
   SiconSwitch
 } from "@streamoid/icons";
-import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 var PRIMARY_ICON = "var(--alias-text---icons-primary)";
 function deriveInitials(name) {
   return name.split(/\s+/).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("") || "WS";
@@ -6995,7 +7256,7 @@ function WorkspaceRow({
         backdropFilter: "blur(4px)"
       },
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(
           "div",
           {
             "aria-hidden": "true",
@@ -7006,7 +7267,7 @@ function WorkspaceRow({
             }
           }
         ),
-        /* @__PURE__ */ jsx59("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
+        /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
           "div",
           {
             className: "flex items-center w-full",
@@ -7021,14 +7282,14 @@ function WorkspaceRow({
                   className: "flex flex-1 items-center min-w-0",
                   style: { gap: "var(--spacing-xl)" },
                   children: [
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       ScIntialProfileCover,
                       {
                         intial: workspace.initials || deriveInitials(workspace.name),
                         className: "shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       "p",
                       {
                         className: "flex-1 min-w-0 overflow-hidden text-ellipsis",
@@ -7057,7 +7318,7 @@ function WorkspaceRow({
                     padding: "0 var(--spacing-3xl)"
                   },
                   children: [
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       ScRole,
                       {
                         type: normalizeRole(workspace.role),
@@ -7065,22 +7326,22 @@ function WorkspaceRow({
                         style: { width: 80 }
                       }
                     ),
-                    /* @__PURE__ */ jsx59("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs48(
+                    /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center self-stretch", children: /* @__PURE__ */ jsxs48(
                       "div",
                       {
                         className: "flex items-center shrink-0",
                         style: { gap: "var(--spacing-3xl)" },
                         children: [
-                          /* @__PURE__ */ jsx59("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx59(
+                          /* @__PURE__ */ jsx60("div", { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx60(
                             ScPairtext,
                             {
-                              icon: /* @__PURE__ */ jsx59(SiconTeam5, { className: "w-6 h-6", color: PRIMARY_ICON }),
+                              icon: /* @__PURE__ */ jsx60(SiconTeam5, { className: "w-6 h-6", color: PRIMARY_ICON }),
                               content: workspace.userCount || "\u2013",
                               iconPosition: "left",
                               type: "icon"
                             }
                           ) }),
-                          /* @__PURE__ */ jsx59(ScVDivider, {}),
+                          /* @__PURE__ */ jsx60(ScVDivider, {}),
                           /* @__PURE__ */ jsxs48(
                             "div",
                             {
@@ -7091,14 +7352,14 @@ function WorkspaceRow({
                                 gap: "var(--spacing-md)"
                               },
                               children: [
-                                /* @__PURE__ */ jsx59(
+                                /* @__PURE__ */ jsx60(
                                   SiconCrown,
                                   {
                                     className: "w-6 h-6 shrink-0",
                                     color: PRIMARY_ICON
                                   }
                                 ),
-                                /* @__PURE__ */ jsx59(
+                                /* @__PURE__ */ jsx60(
                                   "span",
                                   {
                                     className: "truncate",
@@ -7120,7 +7381,7 @@ function WorkspaceRow({
                   ]
                 }
               ),
-              workspace.isCurrent ? /* @__PURE__ */ jsx59(
+              workspace.isCurrent ? /* @__PURE__ */ jsx60(
                 ScButton,
                 {
                   text: currentWorkspaceText,
@@ -7129,14 +7390,14 @@ function WorkspaceRow({
                   size: "lg",
                   style: { width: 200, flexShrink: 0, opacity: 0.5 }
                 }
-              ) : /* @__PURE__ */ jsx59(
+              ) : /* @__PURE__ */ jsx60(
                 ScButton,
                 {
                   text: switchWorkspaceText,
                   variant: "secondary",
                   size: "lg",
                   styleVariant: "icon-left",
-                  icon: /* @__PURE__ */ jsx59(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
+                  icon: /* @__PURE__ */ jsx60(SiconSwitch, { className: "w-5 h-5", color: PRIMARY_ICON }),
                   style: { width: 200, flexShrink: 0 },
                   onClick: onSwitch
                 }
@@ -7170,7 +7431,7 @@ function StreamoidWorkspaceSwitcher({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onClose]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center",
@@ -7191,14 +7452,14 @@ function StreamoidWorkspaceSwitcher({
             height: "60vh"
           },
           children: [
-            /* @__PURE__ */ jsx59(
+            /* @__PURE__ */ jsx60(
               "div",
               {
                 className: "shrink-0 w-full relative",
                 style: {
                   borderBottom: "1px solid var(--alias-border-divider)"
                 },
-                children: /* @__PURE__ */ jsx59("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
+                children: /* @__PURE__ */ jsx60("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ jsxs48(
                   "div",
                   {
                     className: "flex items-center w-full",
@@ -7207,7 +7468,7 @@ function StreamoidWorkspaceSwitcher({
                       padding: "var(--spacing-3xl) var(--spacing-6xl)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx59(
+                      /* @__PURE__ */ jsx60(
                         "p",
                         {
                           className: "flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
@@ -7221,13 +7482,13 @@ function StreamoidWorkspaceSwitcher({
                           children: title
                         }
                       ),
-                      /* @__PURE__ */ jsx59("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx59(SiconClose3, { className: "w-6 h-6", color: PRIMARY_ICON }) })
+                      /* @__PURE__ */ jsx60("div", { className: "shrink-0 cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx60(SiconClose3, { className: "w-6 h-6", color: PRIMARY_ICON }) })
                     ]
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ jsx59(
+            /* @__PURE__ */ jsx60(
               "div",
               {
                 className: "flex-1 min-h-0 w-full overflow-y-auto",
@@ -7243,7 +7504,7 @@ function StreamoidWorkspaceSwitcher({
                       gap: "var(--spacing-3xl)"
                     },
                     children: [
-                      loading && workspaces.length === 0 ? /* @__PURE__ */ jsx59(
+                      loading && workspaces.length === 0 ? /* @__PURE__ */ jsx60(
                         "p",
                         {
                           style: {
@@ -7254,7 +7515,7 @@ function StreamoidWorkspaceSwitcher({
                           children: loadingText
                         }
                       ) : null,
-                      workspaces.map((ws) => /* @__PURE__ */ jsx59(
+                      workspaces.map((ws) => /* @__PURE__ */ jsx60(
                         WorkspaceRow,
                         {
                           workspace: ws,
@@ -7293,9 +7554,9 @@ var ScAppListingCard_default = {
 
 // src/SC-app listing card/ScAppListingCard.tsx
 import { SiconCart } from "@streamoid/icons";
-import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 var ScAppListingCard = ({
-  icon = /* @__PURE__ */ jsx60(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
+  icon = /* @__PURE__ */ jsx61(SiconCart, { className: ScAppListingCard_default.siconCartInstance }),
   title = "Stores",
   descrp = "Centralized product and asset management for every storefront",
   className,
@@ -7303,7 +7564,7 @@ var ScAppListingCard = ({
 }) => {
   return /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.scAppListingCard + " " + className, ...props, children: [
     /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.header, children: [
-      /* @__PURE__ */ jsx60("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
+      /* @__PURE__ */ jsx61("div", { className: ScAppListingCard_default.iconContainer, children: icon }),
       /* @__PURE__ */ jsxs49("div", { className: ScAppListingCard_default.title, children: [
         title,
         " "
@@ -7327,16 +7588,16 @@ var ScAppCard_default = {
 
 // src/SC-appCard/ScAppCard.tsx
 import { SiconArtifacts as SiconArtifacts2 } from "@streamoid/icons";
-import { jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
 var ScAppCard = ({
-  appIcon = /* @__PURE__ */ jsx61(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
+  appIcon = /* @__PURE__ */ jsx62(SiconArtifacts2, { className: ScAppCard_default.siconArtifactsInstance }),
   appName = "Artifax",
   appDescription = "Info about artifax",
   className,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.scAppCard + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx61("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
+    /* @__PURE__ */ jsx62("div", { className: ScAppCard_default.iconContainer, children: appIcon }),
     /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.textContainer, children: [
       /* @__PURE__ */ jsxs50("div", { className: ScAppCard_default.title, children: [
         appName,
@@ -7369,9 +7630,9 @@ var ScAppCardV3_default = {
 
 // src/SC-AppCardV3/ScAppCardV3.tsx
 import { SiconCart as SiconCart2 } from "@streamoid/icons";
-import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 var ScAppCardV3 = ({
-  appIcon = /* @__PURE__ */ jsx62(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
+  appIcon = /* @__PURE__ */ jsx63(SiconCart2, { className: ScAppCardV3_default.iconPillIcon }),
   appName = "Stores",
   description = "Centralized product and asset management for every storefront",
   active = false,
@@ -7383,25 +7644,25 @@ var ScAppCardV3 = ({
     ScAppCardV3_default.scAppCardV3,
     active ? ScAppCardV3_default.scAppCardV3Active : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       className: [ScAppCardV3_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
       children: /* @__PURE__ */ jsxs51("div", { className: cardClass, children: [
-        /* @__PURE__ */ jsx62("div", { className: ScAppCardV3_default.glow }),
-        /* @__PURE__ */ jsx62("div", { className: ScAppCardV3_default.glowHover }),
+        /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.glow }),
+        /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.glowHover }),
         /* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.header, children: [
           /* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.iconRow, children: [
-            /* @__PURE__ */ jsx62("p", { className: ScAppCardV3_default.appName, children: appName }),
+            /* @__PURE__ */ jsx63("p", { className: ScAppCardV3_default.appName, children: appName }),
             /* @__PURE__ */ jsxs51("div", { className: ScAppCardV3_default.iconPill, children: [
-              /* @__PURE__ */ jsx62("div", { className: ScAppCardV3_default.iconPillBg }),
-              /* @__PURE__ */ jsx62("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
-              /* @__PURE__ */ jsx62("div", { className: ScAppCardV3_default.iconPillShadow })
+              /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillBg }),
+              /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillIcon, children: appIcon }),
+              /* @__PURE__ */ jsx63("div", { className: ScAppCardV3_default.iconPillShadow })
             ] })
           ] }),
-          /* @__PURE__ */ jsx62("p", { className: ScAppCardV3_default.description, children: description })
+          /* @__PURE__ */ jsx63("p", { className: ScAppCardV3_default.description, children: description })
         ] })
       ] })
     }
@@ -7420,7 +7681,7 @@ var ScBriefCard_default = {
 };
 
 // src/SC-BriefCard/ScBriefCard.tsx
-import { jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 var ScBriefCard = ({
   description = "Centralized product and asset management for every storefront",
   active = false,
@@ -7432,16 +7693,16 @@ var ScBriefCard = ({
     ScBriefCard_default.scBriefCard,
     active ? ScBriefCard_default.scBriefCardActive : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "div",
     {
       className: [ScBriefCard_default.cardBorder, className || ""].filter(Boolean).join(" "),
       style,
       ...props,
       children: /* @__PURE__ */ jsxs52("div", { className: cardClass, children: [
-        /* @__PURE__ */ jsx63("div", { className: ScBriefCard_default.glow }),
-        /* @__PURE__ */ jsx63("div", { className: ScBriefCard_default.glowHover }),
-        /* @__PURE__ */ jsx63("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx63("p", { className: ScBriefCard_default.description, children: description }) })
+        /* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.glow }),
+        /* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.glowHover }),
+        /* @__PURE__ */ jsx64("div", { className: ScBriefCard_default.body, children: /* @__PURE__ */ jsx64("p", { className: ScBriefCard_default.description, children: description }) })
       ] })
     }
   );
@@ -7478,7 +7739,7 @@ var ScToggleSwitch_default = {
 };
 
 // src/SC-toggleSwitch/ScToggleSwitch.tsx
-import { jsx as jsx64, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
 var ScToggleSwitch = ({
   active = "false",
   checked,
@@ -7489,7 +7750,7 @@ var ScToggleSwitch = ({
 }) => {
   const isActive = checked !== void 0 ? checked : active === "true";
   const variantsClassName = ScToggleSwitch_default["active-" + (isActive ? "true" : "false")];
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       className: ScToggleSwitch_default.scToggleSwitch + " " + className + " " + variantsClassName,
@@ -7505,19 +7766,19 @@ var ScToggleSwitch = ({
         ...props.style
       },
       children: isActive ? /* @__PURE__ */ jsxs53("svg", { width: "40", height: "24", viewBox: "0 0 40 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx64("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-        /* @__PURE__ */ jsx64("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
+        /* @__PURE__ */ jsx65("rect", { width: "40", height: "24", rx: "12", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+        /* @__PURE__ */ jsx65("circle", { cx: "28", cy: "12", r: "10", fill: "var(--alias-text---icons-inverse, #101010)" })
       ] }) : /* @__PURE__ */ jsxs53("svg", { width: "41", height: "25", viewBox: "0 0 41 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx64("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
-        /* @__PURE__ */ jsx64("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
-        /* @__PURE__ */ jsx64("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
+        /* @__PURE__ */ jsx65("path", { d: "M0.25 12.25C0.25 5.62258 5.62258 0.25 12.25 0.25H28.25C34.8774 0.25 40.25 5.62258 40.25 12.25C40.25 18.8774 34.8774 24.25 28.25 24.25H12.25C5.62258 24.25 0.25 18.8774 0.25 12.25Z", fill: "var(--alias-fill-neutral-neutral, #1a1a1a)" }),
+        /* @__PURE__ */ jsx65("path", { d: "M40 12.25C40 5.76065 34.7393 0.5 28.25 0.5H12.25C5.76065 0.5 0.5 5.76065 0.5 12.25C0.5 18.7393 5.76065 24 12.25 24H28.25C34.7393 24 40 18.7393 40 12.25ZM40.5 12.25C40.5 19.0155 35.0155 24.5 28.25 24.5H12.25C5.48451 24.5 0 19.0155 0 12.25C0 5.48451 5.48451 0 12.25 0H28.25C35.0155 0 40.5 5.48451 40.5 12.25Z", fill: "var(--alias-border-divider, #242424)" }),
+        /* @__PURE__ */ jsx65("path", { d: "M2.25 12.25C2.25 6.72715 6.72715 2.25 12.25 2.25C17.7728 2.25 22.25 6.72715 22.25 12.25C22.25 17.7728 17.7728 22.25 12.25 22.25C6.72715 22.25 2.25 17.7728 2.25 12.25Z", fill: "var(--alias-fill-neutral-neutralactive, #313131)" })
       ] })
     }
   );
 };
 
 // src/SC-artifaxInvite/ScArtifaxInvite.tsx
-import { jsx as jsx65, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 var ScArtifaxInvite = ({
   active = "true",
   appName = "Artifax",
@@ -7536,16 +7797,16 @@ var ScArtifaxInvite = ({
       className: ScArtifaxInvite_default.scArtifaxInvite + " " + className + " " + variantsClassName,
       ...props,
       children: [
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           ScAppCard,
           {
-            appIcon: appIcon || /* @__PURE__ */ jsx65(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
+            appIcon: appIcon || /* @__PURE__ */ jsx66(SiconArtifacts3, { className: ScArtifaxInvite_default.siconArtifactsInstance }),
             appName,
             appDescription,
             className: ScArtifaxInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -7571,12 +7832,12 @@ var ScPhtogenixInvite_default = {
 
 // src/SC-phtogenixInvite/ScPhtogenixInvite.tsx
 import { SiconArtifacts as SiconArtifacts4 } from "@streamoid/icons";
-import { jsx as jsx66, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
 var ScPhtogenixInvite = ({
   active = "true",
   scAppCardappDescription = "Info about photogenix",
   scAppCardappName = "Photogenix",
-  scAppCardappIcon = /* @__PURE__ */ jsx66(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
+  scAppCardappIcon = /* @__PURE__ */ jsx67(SiconArtifacts4, { className: ScPhtogenixInvite_default.siconArtifactsInstance }),
   className,
   enabled,
   onToggle,
@@ -7589,7 +7850,7 @@ var ScPhtogenixInvite = ({
     {
       className: ScPhtogenixInvite_default.scPhtogenixInvite + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           ScAppCard,
           {
             appIcon: scAppCardappIcon,
@@ -7598,7 +7859,7 @@ var ScPhtogenixInvite = ({
             className: ScPhtogenixInvite_default.scAppCardInstance
           }
         ),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           ScToggleSwitch,
           {
             checked: isEnabled,
@@ -7648,10 +7909,10 @@ var ScOnlyField_default = {
 
 // src/SC-onlyField/ScOnlyField.tsx
 import { SiconBolt as SiconBolt4 } from "@streamoid/icons";
-import { jsx as jsx67, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
 var ScOnlyField = ({
-  tfRightIcon = /* @__PURE__ */ jsx67(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
-  tfLeftIcon = /* @__PURE__ */ jsx67(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
+  tfRightIcon = /* @__PURE__ */ jsx68(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
+  tfLeftIcon = /* @__PURE__ */ jsx68(SiconBolt4, { className: ScOnlyField_default.siconBoltInstance }),
   state = "default",
   tfGroup = "icon-right",
   labelGroup = "none",
@@ -7664,14 +7925,14 @@ var ScOnlyField = ({
   ...props
 }) => {
   const variantsClassName = ScOnlyField_default["state-" + state] + " " + ScOnlyField_default["tf-group-" + tfGroup] + " " + ScOnlyField_default["label-group-" + labelGroup] + (size !== "default" ? " " + ScOnlyField_default["size-" + size] : "");
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     "div",
     {
       className: ScOnlyField_default.scOnlyField + " " + className + " " + variantsClassName,
       ...props,
       children: /* @__PURE__ */ jsxs56("div", { className: ScOnlyField_default.inputContainer, children: [
-        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx67("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
-        /* @__PURE__ */ jsx67(
+        (tfGroup === "icon-left" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx68("div", { className: ScOnlyField_default.iconWrapper, children: tfLeftIcon }),
+        /* @__PURE__ */ jsx68(
           "input",
           {
             className: ScOnlyField_default.inputText,
@@ -7691,7 +7952,7 @@ var ScOnlyField = ({
             ...inputProps
           }
         ),
-        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx67("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
+        (tfGroup === "icon-right" || tfGroup === "icon-left-right") && /* @__PURE__ */ jsx68("div", { className: ScOnlyField_default.iconWrapper, children: tfRightIcon })
       ] })
     }
   );
@@ -7699,7 +7960,7 @@ var ScOnlyField = ({
 
 // src/SC-catalogixInvite/ScCatalogixInvite.tsx
 import { SiconHome as SiconHome9 } from "@streamoid/icons";
-import { Fragment as Fragment19, jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
 var ScCatalogixInvite = ({
   active = "false",
   appName = "Catalogix",
@@ -7728,16 +7989,16 @@ var ScCatalogixInvite = ({
       ...props,
       children: [
         /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.appHeader, children: [
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx69(
             ScAppCard,
             {
-              appIcon: appIcon || /* @__PURE__ */ jsx68(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
+              appIcon: appIcon || /* @__PURE__ */ jsx69(SiconArtifacts5, { className: ScCatalogixInvite_default.siconArtifactsInstance }),
               appDescription,
               appName,
               className: ScCatalogixInvite_default.scAppCardInstance
             }
           ),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx69(
             ScToggleSwitch,
             {
               checked: isEnabled,
@@ -7746,7 +8007,7 @@ var ScCatalogixInvite = ({
             }
           )
         ] }),
-        isEnabled && /* @__PURE__ */ jsx68(Fragment19, { children: /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
+        isEnabled && /* @__PURE__ */ jsx69(Fragment19, { children: /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessContainer, children: [
           /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessHeader, children: [
             /* @__PURE__ */ jsxs57("div", { className: ScCatalogixInvite_default.storeAccessTitle, children: [
               storeAccessTitle,
@@ -7757,18 +8018,18 @@ var ScCatalogixInvite = ({
               " "
             ] })
           ] }),
-          /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx69(
             ScOnlyField,
             {
-              tfLeftIcon: /* @__PURE__ */ jsx68(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
-              tfRightIcon: /* @__PURE__ */ jsx68(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfLeftIcon: /* @__PURE__ */ jsx69(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
+              tfRightIcon: /* @__PURE__ */ jsx69(SiconSearch2, { className: ScCatalogixInvite_default.siconSearchInstance }),
               placeholderFilled: searchPlaceholder,
               value: searchValue,
               onInputChange: onSearchChange,
               className: ScCatalogixInvite_default.scOnlyFieldInstance
             }
           ),
-          /* @__PURE__ */ jsx68("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsx69("div", { className: ScCatalogixInvite_default.storeListContainer, children: stores ? stores.length > 0 ? stores.map((store) => /* @__PURE__ */ jsx69(
             ScPairtext,
             {
               content: store.name,
@@ -7779,53 +8040,53 @@ var ScCatalogixInvite = ({
               className: ScCatalogixInvite_default.scPairtextInstance
             },
             store.id
-          )) : /* @__PURE__ */ jsx68("div", { style: {
+          )) : /* @__PURE__ */ jsx69("div", { style: {
             padding: "var(--spacing-3xl, 16px)",
             color: "var(--alias-text-and-icons-muted, #7a7a7a)",
             fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
             fontSize: "var(--font-size-font-size-sm, 14px)",
             lineHeight: "var(--line-height-line-height-sm, 20px)"
           }, children: "No stores found" }) : /* @__PURE__ */ jsxs57(Fragment19, { children: [
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx68(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx68(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx68(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx68(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
               }
             ),
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               ScPairtext,
               {
-                icon: /* @__PURE__ */ jsx68(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
+                icon: /* @__PURE__ */ jsx69(SiconHome9, { className: ScCatalogixInvite_default.siconHomeInstance }),
                 iconPosition: "right",
                 type: "checkbox",
                 className: ScCatalogixInvite_default.scPairtextInstance
@@ -7839,7 +8100,7 @@ var ScCatalogixInvite = ({
 };
 
 // src/SC-appField/ScAppField.tsx
-import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
 var ScAppField = ({
   appFieldTitle = "App permission",
   className,
@@ -7857,12 +8118,12 @@ var ScAppField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.scAppField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx69("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.title, children: [
+    /* @__PURE__ */ jsx70("div", { className: ScAppField_default.labelContainer, children: /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.title, children: [
       appFieldTitle,
       " "
     ] }) }),
     /* @__PURE__ */ jsxs58("div", { className: ScAppField_default.inputContainer, children: [
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         ScArtifaxInvite,
         {
           enabled: artifaxEnabled,
@@ -7870,18 +8131,18 @@ var ScAppField = ({
           className: ScAppField_default.scArtifaxInviteInstance
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         ScPhtogenixInvite,
         {
           enabled: photogenixEnabled,
           onToggle: onPhotogenixToggle,
           scAppCardappDescription: "Info about photogenix",
           scAppCardappName: "Photogenix",
-          scAppCardappIcon: /* @__PURE__ */ jsx69(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
+          scAppCardappIcon: /* @__PURE__ */ jsx70(SiconPhotogenix2, { className: ScAppField_default.siconPhotogenixInstance }),
           className: ScAppField_default.scPhtogenixInviteInstance
         }
       ),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70(
         ScCatalogixInvite,
         {
           enabled: catalogixEnabled,
@@ -7908,13 +8169,13 @@ var ScBillingHistoryHeader_default = {
 };
 
 // src/SC-billingHistoryHeader/ScBillingHistoryHeader.tsx
-import { jsx as jsx70, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
 var ScBillingHistoryHeader = ({
   className,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs59("div", { className: ScBillingHistoryHeader_default.scBillingHistoryHeader + " " + className, children: [
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       ScHeader,
       {
         text: "Invoice",
@@ -7922,7 +8183,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       ScHeader,
       {
         text: "Amount",
@@ -7930,7 +8191,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       ScHeader,
       {
         text: "Date",
@@ -7938,7 +8199,7 @@ var ScBillingHistoryHeader = ({
         className: ScBillingHistoryHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       ScHeader,
       {
         text: "Action",
@@ -7960,7 +8221,7 @@ var ScCheckField_default = {
 
 // src/SC-checkField/ScCheckField.tsx
 import { SiconHome as SiconHome10 } from "@streamoid/icons";
-import { Fragment as Fragment20, jsx as jsx71, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx72, jsxs as jsxs60 } from "react/jsx-runtime";
 var ScCheckField = ({
   label = "Label",
   className,
@@ -7968,11 +8229,11 @@ var ScCheckField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.scCheckField + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx71("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.label, children: [
+    /* @__PURE__ */ jsx72("div", { className: ScCheckField_default.labelContainer, children: /* @__PURE__ */ jsxs60("div", { className: ScCheckField_default.label, children: [
       label,
       " "
     ] }) }),
-    /* @__PURE__ */ jsx71("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72("div", { className: ScCheckField_default.tabSwitcher, children: checkboxes ? checkboxes.map((item, i) => /* @__PURE__ */ jsx72(
       ScPairtext,
       {
         content: item.label,
@@ -7983,18 +8244,18 @@ var ScCheckField = ({
       },
       i
     )) : /* @__PURE__ */ jsxs60(Fragment20, { children: [
-      /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx72(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx71(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ jsx72(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
       ),
-      /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx72(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx71(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
+          icon: /* @__PURE__ */ jsx72(SiconHome10, { className: ScCheckField_default.siconHomeInstance }),
           type: "checkbox",
           className: ScCheckField_default.scPairtextInstance
         }
@@ -8015,9 +8276,9 @@ var ScFieldButton_default = {
 
 // src/SC-fieldButton/ScFieldButton.tsx
 import { SiconHome as SiconHome11 } from "@streamoid/icons";
-import { Fragment as Fragment21, jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx73, jsxs as jsxs61 } from "react/jsx-runtime";
 var ScFieldButton = ({
-  icon = /* @__PURE__ */ jsx72(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
+  icon = /* @__PURE__ */ jsx73(SiconHome11, { className: ScFieldButton_default.siconHomeInstance }),
   type = "default",
   state = "default",
   className,
@@ -8025,18 +8286,18 @@ var ScFieldButton = ({
   ...props
 }) => {
   const variantsClassName = ScFieldButton_default["type-" + type] + " " + ScFieldButton_default["state-" + state];
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     "div",
     {
       className: ScFieldButton_default.scFieldButton + " " + className + " " + variantsClassName,
       ...props,
       children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.container, children: [
-        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx72(Fragment21, { children: icon }),
-        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx72(Fragment21, { children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.label, children: [
+        (type === "icon-right" || type === "only-icon") && /* @__PURE__ */ jsx73(Fragment21, { children: icon }),
+        (type === "icon-left" || type === "default" || type === "icon-right") && /* @__PURE__ */ jsx73(Fragment21, { children: /* @__PURE__ */ jsxs61("div", { className: ScFieldButton_default.label, children: [
           text,
           " "
         ] }) }),
-        type === "icon-left" && /* @__PURE__ */ jsx72(Fragment21, { children: icon })
+        type === "icon-left" && /* @__PURE__ */ jsx73(Fragment21, { children: icon })
       ] })
     }
   );
@@ -8051,16 +8312,16 @@ var ScPendingAction_default = {
 
 // src/SC-pendingAction/ScPendingAction.tsx
 import { SiconHome as SiconHome12 } from "@streamoid/icons";
-import { jsx as jsx73, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
 var ScPendingAction = ({
   className,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs62("div", { className: ScPendingAction_default.scPendingAction + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx73(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ jsx74(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Cancel",
         variant: "error",
         type: "tertiary",
@@ -8068,11 +8329,11 @@ var ScPendingAction = ({
         className: ScPendingAction_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ jsx73(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(ScVDivider, { className: ScPendingAction_default.scVDividerInstance }),
+    /* @__PURE__ */ jsx74(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx73(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
+        icon: /* @__PURE__ */ jsx74(SiconHome12, { className: ScPendingAction_default.siconHomeInstance }),
         text: "Resend",
         variant: "tertiary",
         size: "sm",
@@ -8096,7 +8357,7 @@ var ScQuickPrompt_default = {
 
 // src/SC-quick prompt/ScQuickPrompt.tsx
 import { SiconBolt as SiconBolt5 } from "@streamoid/icons";
-import { jsx as jsx74, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs63 } from "react/jsx-runtime";
 var ScQuickPrompt = ({
   appName = "Photogenix",
   heading = "Swap Model and Background",
@@ -8106,8 +8367,8 @@ var ScQuickPrompt = ({
 }) => {
   return /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.scQuickPrompt + " " + className, ...props, children: [
     /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.header, children: [
-      /* @__PURE__ */ jsx74("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx74(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
-      /* @__PURE__ */ jsx74("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.title, children: [
+      /* @__PURE__ */ jsx75("div", { className: ScQuickPrompt_default.iconContainer, children: /* @__PURE__ */ jsx75(SiconBolt5, { className: ScQuickPrompt_default.siconBoltInstance }) }),
+      /* @__PURE__ */ jsx75("div", { className: ScQuickPrompt_default.titleContainer, children: /* @__PURE__ */ jsxs63("div", { className: ScQuickPrompt_default.title, children: [
         appName,
         " "
       ] }) })
@@ -8134,13 +8395,13 @@ var ScReferralTableHeader_default = {
 };
 
 // src/SC-referralTableHeader/ScReferralTableHeader.tsx
-import { jsx as jsx75, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs64 } from "react/jsx-runtime";
 var ScReferralTableHeader = ({
   className,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs64("div", { className: ScReferralTableHeader_default.scReferralTableHeader + " " + className, children: [
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       ScHeader,
       {
         text: "User",
@@ -8148,7 +8409,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance
       }
     ),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       ScHeader,
       {
         text: "Date",
@@ -8156,7 +8417,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance2
       }
     ),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       ScHeader,
       {
         text: "Status",
@@ -8164,7 +8425,7 @@ var ScReferralTableHeader = ({
         className: ScReferralTableHeader_default.scHeaderInstance3
       }
     ),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       ScHeader,
       {
         text: "Reward",
@@ -8185,7 +8446,7 @@ var ScReferralTableList_default = {
 };
 
 // src/SC-referralTableList/ScReferralTableList.tsx
-import { jsx as jsx76, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs65 } from "react/jsx-runtime";
 var ScReferralTableList = ({
   userEmail = "chris@kepler.com",
   userName,
@@ -8196,7 +8457,7 @@ var ScReferralTableList = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.scReferralTableList + " " + className, ...props, children: [
-    /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsx77(
       ScProfile,
       {
         subText: userEmail,
@@ -8208,7 +8469,7 @@ var ScReferralTableList = ({
       date,
       " "
     ] }),
-    /* @__PURE__ */ jsx76(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
+    /* @__PURE__ */ jsx77(ScBadges, { text: status, className: ScReferralTableList_default.scBadgesInstance }),
     /* @__PURE__ */ jsxs65("div", { className: ScReferralTableList_default.points, children: [
       points,
       " "
@@ -8225,33 +8486,33 @@ var ScSettingsNav_default = {
 // src/SC-settingsNav/ScSettingsNav.tsx
 import { SiconTeam as SiconTeam6 } from "@streamoid/icons";
 import { SiconWorkspace as SiconWorkspace2, SiconReferral } from "@streamoid/icons";
-import { jsx as jsx77, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs66 } from "react/jsx-runtime";
 var ScSettingsNav = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx77("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs66("div", { className: ScSettingsNav_default.container, children: [
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78("div", { className: ScSettingsNav_default.scSettingsNav + " " + className, ...props, children: /* @__PURE__ */ jsxs66("div", { className: ScSettingsNav_default.container, children: [
+    /* @__PURE__ */ jsx78(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx77(SiconTeam6, { className: ScSettingsNav_default.siconTeamInstance }),
+        icon: /* @__PURE__ */ jsx78(SiconTeam6, { className: ScSettingsNav_default.siconTeamInstance }),
         text: "Profile",
         state: "active",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx77(SiconWorkspace2, { className: ScSettingsNav_default.siconWorkspaceInstance }),
+        icon: /* @__PURE__ */ jsx78(SiconWorkspace2, { className: ScSettingsNav_default.siconWorkspaceInstance }),
         text: "Workspace",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
     ),
-    /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78(
       ScSidebarMenu,
       {
-        icon: /* @__PURE__ */ jsx77(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
+        icon: /* @__PURE__ */ jsx78(SiconReferral, { className: ScSettingsNav_default.siconReferralInstance }),
         text: "Referral",
         className: ScSettingsNav_default.scSidebarMenuInstance
       }
@@ -8267,7 +8528,7 @@ var ScTabField_default = {
 };
 
 // src/SC-tabField/ScTabField.tsx
-import { jsx as jsx78, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs67 } from "react/jsx-runtime";
 var ScTabField = ({
   label = "Label",
   className,
@@ -8277,16 +8538,16 @@ var ScTabField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.scTabField + " " + className, children: [
-    /* @__PURE__ */ jsx78("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.label, children: [
+    /* @__PURE__ */ jsx79("div", { className: ScTabField_default.labelContainer, children: /* @__PURE__ */ jsxs67("div", { className: ScTabField_default.label, children: [
       label,
       " "
     ] }) }),
-    tabs ? /* @__PURE__ */ jsx78(
+    tabs ? /* @__PURE__ */ jsx79(
       ScTabSwitcher,
       {
         tabCount: String(tabs.length),
         className: ScTabField_default.scTabSwitcherInstance,
-        component: tabs[0] ? /* @__PURE__ */ jsx78(
+        component: tabs[0] ? /* @__PURE__ */ jsx79(
           ScTabComp,
           {
             text: tabs[0].label,
@@ -8296,7 +8557,7 @@ var ScTabField = ({
             style: { flex: 1 }
           }
         ) : void 0,
-        component2: tabs[1] ? /* @__PURE__ */ jsx78(
+        component2: tabs[1] ? /* @__PURE__ */ jsx79(
           ScTabComp,
           {
             text: tabs[1].label,
@@ -8307,7 +8568,7 @@ var ScTabField = ({
           }
         ) : void 0
       }
-    ) : /* @__PURE__ */ jsx78(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
+    ) : /* @__PURE__ */ jsx79(ScTabSwitcher, { className: ScTabField_default.scTabSwitcherInstance })
   ] });
 };
 
@@ -8324,7 +8585,7 @@ var ScTableHeader_default = {
 };
 
 // src/SC-tableHeader/ScTableHeader.tsx
-import { Fragment as Fragment22, jsx as jsx79, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx80, jsxs as jsxs68 } from "react/jsx-runtime";
 var ScTableHeader = ({
   type = "default",
   className,
@@ -8336,7 +8597,7 @@ var ScTableHeader = ({
     {
       className: ScTableHeader_default.scTableHeader + " " + className + " " + variantsClassName,
       children: [
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(
           ScHeader,
           {
             text: "User",
@@ -8344,7 +8605,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance
           }
         ),
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(
           ScHeader,
           {
             text: "Role",
@@ -8352,7 +8613,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance2
           }
         ),
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(
           ScHeader,
           {
             text: "Access",
@@ -8360,7 +8621,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance3
           }
         ),
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(
           ScHeader,
           {
             text: "Invited by",
@@ -8368,7 +8629,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance4
           }
         ),
-        type === "pending" && /* @__PURE__ */ jsx79(Fragment22, { children: /* @__PURE__ */ jsx79(
+        type === "pending" && /* @__PURE__ */ jsx80(Fragment22, { children: /* @__PURE__ */ jsx80(
           ScHeader,
           {
             text: "Invite action",
@@ -8376,7 +8637,7 @@ var ScTableHeader = ({
             className: ScTableHeader_default.scHeaderInstance5
           }
         ) }),
-        type === "default" && /* @__PURE__ */ jsx79(Fragment22, { children: /* @__PURE__ */ jsx79(
+        type === "default" && /* @__PURE__ */ jsx80(Fragment22, { children: /* @__PURE__ */ jsx80(
           ScHeader,
           {
             text: "Signed On",
@@ -8410,7 +8671,7 @@ var ScTableList_default = {
 // src/SC-tableList/ScTableList.tsx
 import { SiconArtifacts as SiconArtifacts6, SiconPhotogenix as SiconPhotogenix3 } from "@streamoid/icons";
 import { SiconUserAdd, SiconCoins } from "@streamoid/icons";
-import { Fragment as Fragment23, jsx as jsx80, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx81, jsxs as jsxs69 } from "react/jsx-runtime";
 var ScTableList = ({
   invitedBy = "Rohan",
   signedOn = "Nov 9th, 2025",
@@ -8429,28 +8690,28 @@ var ScTableList = ({
       onClick: (e) => onRowClick && onRowClick(invitedBy, e),
       ...props,
       children: [
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ScProfile,
           {
             subText: userEmail,
             className: ScTableList_default.scProfileInstance
           }
         ),
-        /* @__PURE__ */ jsx80(ScRole, { className: ScTableList_default.scRoleInstance }),
+        /* @__PURE__ */ jsx81(ScRole, { className: ScTableList_default.scRoleInstance }),
         /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.accessInfo, children: [
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81(
             ScAccess,
             {
-              component: /* @__PURE__ */ jsx80(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
-              component2: /* @__PURE__ */ jsx80(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
+              component: /* @__PURE__ */ jsx81(SiconArtifacts6, { className: ScTableList_default.siconArtifactsInstance }),
+              component2: /* @__PURE__ */ jsx81(SiconPhotogenix3, { className: ScTableList_default.siconPhotogenixInstance }),
               className: ScTableList_default.scAccessInstance
             }
           ),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81(
             ScAccess,
             {
-              component: /* @__PURE__ */ jsx80(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
-              component2: /* @__PURE__ */ jsx80(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
+              component: /* @__PURE__ */ jsx81(SiconUserAdd, { className: ScTableList_default.siconUserAddInstance }),
+              component2: /* @__PURE__ */ jsx81(SiconCoins, { className: ScTableList_default.siconCoinsInstance }),
               visibleSiconCatalogix: false,
               className: ScTableList_default.scAccessInstance
             }
@@ -8460,13 +8721,13 @@ var ScTableList = ({
           invitedBy,
           " "
         ] }),
-        variant === "pending" && /* @__PURE__ */ jsx80(Fragment23, { children: /* @__PURE__ */ jsx80(
+        variant === "pending" && /* @__PURE__ */ jsx81(Fragment23, { children: /* @__PURE__ */ jsx81(
           ScPendingAction,
           {
             className: ScTableList_default.scPendingActionInstance
           }
         ) }),
-        variant === "active" && /* @__PURE__ */ jsx80(Fragment23, { children: /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.date, children: [
+        variant === "active" && /* @__PURE__ */ jsx81(Fragment23, { children: /* @__PURE__ */ jsxs69("div", { className: ScTableList_default.date, children: [
           signedOn,
           " "
         ] }) })
@@ -8501,7 +8762,7 @@ import {
   SiconSwitch as SiconSwitch2,
   SiconLogout as SiconLogout2
 } from "@streamoid/icons";
-import { jsx as jsx81, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs70 } from "react/jsx-runtime";
 var ScWorkspaceCard = ({
   workspaceName = "Stores",
   role = "Admin",
@@ -8513,7 +8774,7 @@ var ScWorkspaceCard = ({
 }) => {
   return /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.scWorkspaceCard + " " + className, ...props, children: [
     /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.workspaceInfo, children: [
-      /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx82(
         ScIntialProfileCover,
         {
           className: ScWorkspaceCard_default.scIntialProfileCoverInstance
@@ -8525,7 +8786,7 @@ var ScWorkspaceCard = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.userInfo, children: [
-      /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx82(
         ScBadges,
         {
           text: role,
@@ -8534,40 +8795,40 @@ var ScWorkspaceCard = ({
         }
       ),
       /* @__PURE__ */ jsxs70("div", { className: ScWorkspaceCard_default.userDetails, children: [
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ jsx81(SiconTeam7, { className: ScWorkspaceCard_default.siconTeamInstance }),
+            icon: /* @__PURE__ */ jsx82(SiconTeam7, { className: ScWorkspaceCard_default.siconTeamInstance }),
             content: userCount,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         ),
-        /* @__PURE__ */ jsx81(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82(ScVDivider, { className: ScWorkspaceCard_default.scVDividerInstance }),
+        /* @__PURE__ */ jsx82(
           ScPairtext,
           {
-            icon: /* @__PURE__ */ jsx81(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
+            icon: /* @__PURE__ */ jsx82(SiconCrown2, { className: ScWorkspaceCard_default.siconCrownInstance }),
             content: ownerEmail,
             className: ScWorkspaceCard_default.scPairtextInstance
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(
       ScButton,
       {
-        icon: /* @__PURE__ */ jsx81(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
+        icon: /* @__PURE__ */ jsx82(SiconSwitch2, { className: ScWorkspaceCard_default.siconSwitchInstance }),
         text: buttonText,
         state: "disabled",
         variant: "outline",
         className: ScWorkspaceCard_default.scButtonInstance
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(
       ScButton,
       {
         text: "Leave workspace",
-        icon: /* @__PURE__ */ jsx81(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
+        icon: /* @__PURE__ */ jsx82(SiconLogout2, { className: ScWorkspaceCard_default.siconLogoutInstance }),
         styleVariant: "icon-only",
         variant: "error",
         className: ScWorkspaceCard_default.scButtonInstance2
@@ -8577,7 +8838,7 @@ var ScWorkspaceCard = ({
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { SiconSwitch as SiconSwitch3, SiconSettings as SiconSettings3, SiconLogout as SiconLogout3 } from "@streamoid/icons";
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
@@ -8603,7 +8864,7 @@ var ScWorkspaceSwitchCard_default = {
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { jsx as jsx82, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs71 } from "react/jsx-runtime";
 function ScWorkspaceSwitchCard({
   wsName = "Workspace name is kepler",
   role = "Admin",
@@ -8618,7 +8879,7 @@ function ScWorkspaceSwitchCard({
   onSettings,
   onLeave
 }) {
-  const [internalHover, setInternalHover] = useState16(false);
+  const [internalHover, setInternalHover] = useState17(false);
   const isHover = hover !== void 0 ? hover : internalHover;
   const isCurrent = type === "currentWS";
   const isOther = type === "otherWS";
@@ -8633,7 +8894,7 @@ function ScWorkspaceSwitchCard({
   ].filter(Boolean).join(" ");
   const dpBg = isCurrent ? "var(--alias-fill-neutral-neutralactive, #313131)" : "var(--alias-fill-neutral-neutralselected, #242424)";
   const roleColorClass = isAdmin ? ScWorkspaceSwitchCard_default.detailValueRole : ScWorkspaceSwitchCard_default.detailValueInfo;
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     "div",
     {
       className: cardClass,
@@ -8656,7 +8917,7 @@ function ScWorkspaceSwitchCard({
         }
       } : void 0,
       children: /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.wsInfo, children: [
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -8671,25 +8932,25 @@ function ScWorkspaceSwitchCard({
           }
         ),
         /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.infoCol, children: [
-          /* @__PURE__ */ jsx82("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsx83("p", { className: ScWorkspaceSwitchCard_default.wsName, children: wsName }),
           /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailsRow, children: [
             /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
-              /* @__PURE__ */ jsx82("span", { className: roleColorClass, children: displayRole })
+              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Role" }),
+              /* @__PURE__ */ jsx83("span", { className: roleColorClass, children: displayRole })
             ] }),
-            /* @__PURE__ */ jsx82(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
             /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItem, children: [
-              /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
-              /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
+              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Plan" }),
+              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: plan })
             ] }),
-            /* @__PURE__ */ jsx82(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
+            /* @__PURE__ */ jsx83(ScVDivider, { className: ScWorkspaceSwitchCard_default.vDivider }),
             /* @__PURE__ */ jsxs71("div", { className: ScWorkspaceSwitchCard_default.detailItemFlex, children: [
-              /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
-              /* @__PURE__ */ jsx82("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
+              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailLabel, children: "Workspace Owner" }),
+              /* @__PURE__ */ jsx83("span", { className: ScWorkspaceSwitchCard_default.detailValueSecondary, children: ownerId })
             ] })
           ] })
         ] }),
-        isHover && isOther && /* @__PURE__ */ jsx82(
+        isHover && isOther && /* @__PURE__ */ jsx83(
           "div",
           {
             onClick: (e) => {
@@ -8697,19 +8958,19 @@ function ScWorkspaceSwitchCard({
               onSwitch?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsx82(
+            children: /* @__PURE__ */ jsx83(
               ScButton,
               {
                 text: "Switch Workspace",
                 variant: "secondary",
                 size: "sm",
                 styleVariant: "icon-left",
-                icon: /* @__PURE__ */ jsx82(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ jsx83(SiconSwitch3, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && isAdmin && /* @__PURE__ */ jsx82(
+        isHover && isAdmin && /* @__PURE__ */ jsx83(
           "div",
           {
             onClick: (e) => {
@@ -8717,18 +8978,18 @@ function ScWorkspaceSwitchCard({
               onSettings?.();
             },
             style: { cursor: "pointer" },
-            children: /* @__PURE__ */ jsx82(
+            children: /* @__PURE__ */ jsx83(
               ScButton,
               {
                 styleVariant: "icon-only",
                 variant: "outline",
                 size: "sm",
-                icon: /* @__PURE__ */ jsx82(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
+                icon: /* @__PURE__ */ jsx83(SiconSettings3, { className: ScWorkspaceSwitchCard_default.btnIcon })
               }
             )
           }
         ),
-        isHover && !isAdmin && /* @__PURE__ */ jsx82(
+        isHover && !isAdmin && /* @__PURE__ */ jsx83(
           "div",
           {
             className: ScWorkspaceSwitchCard_default.leaveBtn,
@@ -8736,7 +8997,7 @@ function ScWorkspaceSwitchCard({
               e.stopPropagation();
               onLeave?.();
             },
-            children: /* @__PURE__ */ jsx82(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
+            children: /* @__PURE__ */ jsx83(SiconLogout3, { className: ScWorkspaceSwitchCard_default.btnIcon, color: "currentColor" })
           }
         )
       ] })
@@ -8756,7 +9017,7 @@ var ScModal_default = {
 };
 
 // src/SC-Modal/ScModal.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var ScModal = ({
   children,
   onClose,
@@ -8778,7 +9039,7 @@ var ScModal = ({
   }, [open, closeOnEsc, onClose]);
   if (!open || typeof document === "undefined") return null;
   return createPortal(
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(
       "div",
       {
         className: [ScModal_default.backdrop, className].filter(Boolean).join(" "),
@@ -8786,7 +9047,7 @@ var ScModal = ({
         onMouseDown: (e) => {
           if (closeOnBackdrop && e.target === e.currentTarget) onClose?.();
         },
-        children: /* @__PURE__ */ jsx83(
+        children: /* @__PURE__ */ jsx84(
           "div",
           {
             className: [ScModal_default.content, contentClassName].filter(Boolean).join(" "),
@@ -8814,7 +9075,7 @@ var ScDrawer_default = {
 };
 
 // src/SC-Drawer/ScDrawer.tsx
-import { Fragment as Fragment24, jsx as jsx84, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx85, jsxs as jsxs72 } from "react/jsx-runtime";
 var ScDrawer = ({
   children,
   onClose,
@@ -8850,7 +9111,7 @@ var ScDrawer = ({
   if (!open || typeof document === "undefined") return null;
   return createPortal2(
     /* @__PURE__ */ jsxs72(Fragment24, { children: [
-      backdrop && /* @__PURE__ */ jsx84(
+      backdrop && /* @__PURE__ */ jsx85(
         "div",
         {
           className: ScDrawer_default.backdrop,
@@ -8858,13 +9119,13 @@ var ScDrawer = ({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx84(
+      /* @__PURE__ */ jsx85(
         "div",
         {
           ref: panelRef,
           className: [ScDrawer_default.drawer, ScDrawer_default["side-" + side], className].filter(Boolean).join(" "),
           style: zIndex != null ? { ...style, zIndex } : style,
-          children: /* @__PURE__ */ jsx84(
+          children: /* @__PURE__ */ jsx85(
             "div",
             {
               className: [ScDrawer_default.content, contentClassName].filter(Boolean).join(" "),
@@ -8890,7 +9151,7 @@ var ScTabs_default = {
 };
 
 // src/SC-Tabs/ScTabs.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var ScTabs = ({
   tabs,
   activeTab,
@@ -8900,7 +9161,7 @@ var ScTabs = ({
   isCompact,
   className
 }) => {
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     "div",
     {
       className: [
@@ -8913,7 +9174,7 @@ var ScTabs = ({
       children: tabs.map((tab, idx) => {
         const label = typeof tab === "string" ? tab : tab.label ?? tab.value ?? "";
         const value = typeof tab === "string" ? tab : tab.value ?? tab.label ?? "";
-        return /* @__PURE__ */ jsx85(
+        return /* @__PURE__ */ jsx86(
           "div",
           {
             className: [ScTabs_default.tab, activeTab === value && ScTabs_default.active].filter(Boolean).join(" "),
@@ -8928,7 +9189,7 @@ var ScTabs = ({
 };
 
 // src/SC-Counter/ScCounter.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { SiconMinus, SiconPlus as SiconPlus2 } from "@streamoid/icons";
 
 // src/SC-Counter/ScCounter.module.css
@@ -8940,7 +9201,7 @@ var ScCounter_default = {
 };
 
 // src/SC-Counter/ScCounter.tsx
-import { jsx as jsx86, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs73 } from "react/jsx-runtime";
 var ScCounter = ({
   count,
   onChange,
@@ -8950,7 +9211,7 @@ var ScCounter = ({
   className,
   style
 }) => {
-  const [showInput, setShowInput] = useState17(false);
+  const [showInput, setShowInput] = useState18(false);
   const set = (n) => {
     let v = n;
     if (min !== void 0) v = Math.max(min, v);
@@ -8963,9 +9224,9 @@ var ScCounter = ({
       className: [ScCounter_default.counter, className].filter(Boolean).join(" "),
       style,
       children: [
-        /* @__PURE__ */ jsx86("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx86(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
+        /* @__PURE__ */ jsx87("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx87(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
         showInput ? /* @__PURE__ */ jsxs73("div", { className: ScCounter_default.inputContainer, children: [
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             "input",
             {
               value: count,
@@ -8976,13 +9237,13 @@ var ScCounter = ({
               onBlur: () => setShowInput(false)
             }
           ),
-          /* @__PURE__ */ jsx86("div", { children: label })
+          /* @__PURE__ */ jsx87("div", { children: label })
         ] }) : /* @__PURE__ */ jsxs73("div", { className: ScCounter_default.value, onClick: () => setShowInput(true), children: [
           count,
           " ",
           label
         ] }),
-        /* @__PURE__ */ jsx86("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx86(SiconPlus2, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
+        /* @__PURE__ */ jsx87("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx87(SiconPlus2, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
       ]
     }
   );
@@ -9001,7 +9262,7 @@ var ScPagination_default = {
 };
 
 // src/SC-Pagination/ScPagination.tsx
-import { jsx as jsx87, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs74 } from "react/jsx-runtime";
 var ScPagination = ({
   itemsCount,
   itemsPerPage,
@@ -9040,8 +9301,8 @@ var ScPagination = ({
       onPageChangeAction();
     }
   };
-  return /* @__PURE__ */ jsx87("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs74("div", { className: ScPagination_default.section, children: [
-    /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88("div", { className: ScPagination_default.scPagination + (className ? " " + className : ""), children: /* @__PURE__ */ jsxs74("div", { className: ScPagination_default.section, children: [
+    /* @__PURE__ */ jsx88(
       SiconRight5,
       {
         size: 24,
@@ -9050,7 +9311,7 @@ var ScPagination = ({
         onClick: () => step("dec")
       }
     ),
-    /* @__PURE__ */ jsx87("span", { className: ScPagination_default.page, children: /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88("span", { className: ScPagination_default.page, children: /* @__PURE__ */ jsx88(
       "input",
       {
         type: "number",
@@ -9060,7 +9321,7 @@ var ScPagination = ({
         onBlur: commit
       }
     ) }),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       SiconRight5,
       {
         size: 24,
@@ -9085,13 +9346,13 @@ var ScBeacon_default = {
 };
 
 // src/SC-Beacon/ScBeacon.tsx
-import { jsx as jsx88, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs75 } from "react/jsx-runtime";
 var ScBeacon = ({
   tone = "neutral",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     "span",
     {
       className: ScBeacon_default.scBeacon + " " + ScBeacon_default[tone] + (className ? " " + className : ""),
@@ -9106,8 +9367,8 @@ var ScBeacon = ({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           children: [
-            /* @__PURE__ */ jsx88("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor", fillOpacity: "0.24" }),
-            /* @__PURE__ */ jsx88("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
+            /* @__PURE__ */ jsx89("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor", fillOpacity: "0.24" }),
+            /* @__PURE__ */ jsx89("circle", { cx: "10", cy: "10", r: "4", fill: "currentColor" })
           ]
         }
       )
@@ -9127,7 +9388,7 @@ var ScStoreCard_default = {
 };
 
 // src/SC-StoreCard/ScStoreCard.tsx
-import { jsx as jsx89, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs76 } from "react/jsx-runtime";
 var ScStoreCard = ({
   storeName = "Store Name",
   noOfProducts = "1490 Products",
@@ -9142,12 +9403,12 @@ var ScStoreCard = ({
       className: ScStoreCard_default.scStoreCard + (className ? " " + className : ""),
       ...props,
       children: [
-        /* @__PURE__ */ jsx89("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ jsx89("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
-        /* @__PURE__ */ jsx89(ScHDivider, { className: ScStoreCard_default.divider }),
+        /* @__PURE__ */ jsx90("div", { className: ScStoreCard_default.nameSection, children: /* @__PURE__ */ jsx90("p", { className: ScStoreCard_default.storeName, title: storeName, children: storeName }) }),
+        /* @__PURE__ */ jsx90(ScHDivider, { className: ScStoreCard_default.divider }),
         /* @__PURE__ */ jsxs76("div", { className: ScStoreCard_default.footer, children: [
-          /* @__PURE__ */ jsx89(ScBeacon, { tone }),
-          /* @__PURE__ */ jsx89("span", { className: ScStoreCard_default.products, children: noOfProducts }),
-          /* @__PURE__ */ jsx89("span", { className: ScStoreCard_default.date, children: dateCreated })
+          /* @__PURE__ */ jsx90(ScBeacon, { tone }),
+          /* @__PURE__ */ jsx90("span", { className: ScStoreCard_default.products, children: noOfProducts }),
+          /* @__PURE__ */ jsx90("span", { className: ScStoreCard_default.date, children: dateCreated })
         ] })
       ]
     }
@@ -9166,7 +9427,7 @@ var ScCatalogixStoreHeader_default = {
 };
 
 // src/SC-Catalogix-Store-Header/ScCatalogixStoreHeader.tsx
-import { jsx as jsx90, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs77 } from "react/jsx-runtime";
 var ScCatalogixStoreHeader = ({
   storeNameLabel = "Store name",
   statusLabel = "Status",
@@ -9185,12 +9446,12 @@ var ScCatalogixStoreHeader = ({
       className: ScCatalogixStoreHeader_default.scCatalogixStoreHeader + (className ? " " + className : ""),
       ...props,
       children: [
-        /* @__PURE__ */ jsx90("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colName, children: storeNameLabel }),
-        /* @__PURE__ */ jsx90("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colStatus, children: statusLabel }),
-        /* @__PURE__ */ jsx90("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: productsLabel }),
-        showAssets && /* @__PURE__ */ jsx90("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: assetsLabel }),
-        /* @__PURE__ */ jsx90("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colDate, children: createdOnLabel }),
-        showCreatedBy && /* @__PURE__ */ jsx90("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colBy, children: createdByLabel })
+        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colName, children: storeNameLabel }),
+        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colStatus, children: statusLabel }),
+        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: productsLabel }),
+        showAssets && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colNum, children: assetsLabel }),
+        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colDate, children: createdOnLabel }),
+        showCreatedBy && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreHeader_default.label + " " + ScCatalogixStoreHeader_default.colBy, children: createdByLabel })
       ]
     }
   );
@@ -9212,7 +9473,7 @@ var ScCatalogixStoreTableList_default = {
 };
 
 // src/SC-CatalogixStoreTableList/ScCatalogixStoreTableList.tsx
-import { jsx as jsx91, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs78 } from "react/jsx-runtime";
 var STATUS_TONE_CLASS = {
   success: "statusSuccess",
   warning: "statusWarning",
@@ -9239,12 +9500,12 @@ var ScCatalogixStoreTableList = ({
       className: ScCatalogixStoreTableList_default.scCatalogixStoreTableList + (className ? " " + className : ""),
       ...props,
       children: [
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreTableList_default.name, title: storeName, children: storeName }),
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreTableList_default.status + " " + toneClass, children: status }),
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: products }),
-        showAssets && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: assets }),
-        /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colDate, children: createdOn }),
-        showCreatedBy && /* @__PURE__ */ jsx91("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colBy, children: createdBy })
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.name, title: storeName, children: storeName }),
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.status + " " + toneClass, children: status }),
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: products }),
+        showAssets && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colNum, children: assets }),
+        /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colDate, children: createdOn }),
+        showCreatedBy && /* @__PURE__ */ jsx92("span", { className: ScCatalogixStoreTableList_default.cell + " " + ScCatalogixStoreTableList_default.colBy, children: createdBy })
       ]
     }
   );
@@ -9260,7 +9521,7 @@ var ScDefaultCard_default = {
 };
 
 // src/SC-DefaultCard/ScDefaultCard.tsx
-import { jsx as jsx92, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs79 } from "react/jsx-runtime";
 var ScDefaultCard = ({
   title = "Title",
   description = "Description",
@@ -9271,14 +9532,14 @@ var ScDefaultCard = ({
 }) => {
   const variantsClassName = ScDefaultCard_default["state-" + state];
   const hasDescription = showDescription && Boolean(description);
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     "div",
     {
       className: [ScDefaultCard_default.scDefaultCard, variantsClassName, className].filter(Boolean).join(" "),
       ...props,
       children: /* @__PURE__ */ jsxs79("div", { className: ScDefaultCard_default.content, children: [
-        /* @__PURE__ */ jsx92("p", { className: ScDefaultCard_default.title, children: title }),
-        hasDescription && /* @__PURE__ */ jsx92("p", { className: ScDefaultCard_default.description, children: description })
+        /* @__PURE__ */ jsx93("p", { className: ScDefaultCard_default.title, children: title }),
+        hasDescription && /* @__PURE__ */ jsx93("p", { className: ScDefaultCard_default.description, children: description })
       ] })
     }
   );
@@ -9297,7 +9558,7 @@ var ScValueMappingL1_default = {
 };
 
 // src/SC-ValueMappingL1/ScValueMappingL1.tsx
-import { jsx as jsx93, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs80 } from "react/jsx-runtime";
 var ScValueMappingL1 = ({
   label = "Title",
   state = "default",
@@ -9317,8 +9578,8 @@ var ScValueMappingL1 = ({
       ].filter(Boolean).join(" "),
       ...props,
       children: [
-        /* @__PURE__ */ jsx93("div", { className: ScValueMappingL1_default.labelWrap, children: /* @__PURE__ */ jsx93("span", { className: ScValueMappingL1_default.label, title: label, children: label }) }),
-        updated && /* @__PURE__ */ jsx93("span", { className: ScValueMappingL1_default.dot, "aria-hidden": true, children: /* @__PURE__ */ jsx93("span", { className: ScValueMappingL1_default.dotInner }) })
+        /* @__PURE__ */ jsx94("div", { className: ScValueMappingL1_default.labelWrap, children: /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.label, title: label, children: label }) }),
+        updated && /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.dot, "aria-hidden": true, children: /* @__PURE__ */ jsx94("span", { className: ScValueMappingL1_default.dotInner }) })
       ]
     }
   );
@@ -9338,7 +9599,7 @@ var ScTaxonomyPill_default = {
 
 // src/SC-TaxonomyPill/ScTaxonomyPill.tsx
 import { SiconDown as SiconDown2, SiconUp as SiconUp2 } from "@streamoid/icons";
-import { Fragment as Fragment25, jsx as jsx94, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx95, jsxs as jsxs81 } from "react/jsx-runtime";
 var ScTaxonomyPill = ({
   type = "pill",
   state = "default",
@@ -9353,13 +9614,13 @@ var ScTaxonomyPill = ({
     ScTaxonomyPill_default["state-" + state],
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx94("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs81("div", { className: ScTaxonomyPill_default.inner, children: [
-    type === "pill" && /* @__PURE__ */ jsx94("span", { className: ScTaxonomyPill_default.label, children: label }),
+  return /* @__PURE__ */ jsx95("div", { className: cls, ...props, children: /* @__PURE__ */ jsxs81("div", { className: ScTaxonomyPill_default.inner, children: [
+    type === "pill" && /* @__PURE__ */ jsx95("span", { className: ScTaxonomyPill_default.label, children: label }),
     type === "expand" && /* @__PURE__ */ jsxs81(Fragment25, { children: [
-      /* @__PURE__ */ jsx94("span", { className: ScTaxonomyPill_default.label, children: count }),
-      /* @__PURE__ */ jsx94(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
+      /* @__PURE__ */ jsx95("span", { className: ScTaxonomyPill_default.label, children: count }),
+      /* @__PURE__ */ jsx95(SiconDown2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
     ] }),
-    type === "collapse" && /* @__PURE__ */ jsx94(SiconUp2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
+    type === "collapse" && /* @__PURE__ */ jsx95(SiconUp2, { className: ScTaxonomyPill_default.icon, color: "currentColor" })
   ] }) });
 };
 
@@ -9372,7 +9633,7 @@ var ScSelectionPill_default = {
 };
 
 // src/SC-SelectionPill/ScSelectionPill.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var ScSelectionPill = ({
   label = "All Products",
   selected = false,
@@ -9387,7 +9648,7 @@ var ScSelectionPill = ({
     onClick?.(event);
     onSelect?.(value);
   };
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     "button",
     {
       type: "button",
@@ -9395,7 +9656,7 @@ var ScSelectionPill = ({
       "aria-pressed": selected,
       onClick: handleClick,
       ...props,
-      children: /* @__PURE__ */ jsx95("span", { className: ScSelectionPill_default.label, children: label })
+      children: /* @__PURE__ */ jsx96("span", { className: ScSelectionPill_default.label, children: label })
     }
   );
 };
@@ -9406,7 +9667,7 @@ var ScSelectionPillGroup_default = {
 };
 
 // src/SC-SelectionPillGroup/ScSelectionPillGroup.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ScSelectionPillGroup = ({
   options = [],
   value,
@@ -9414,13 +9675,13 @@ var ScSelectionPillGroup = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: [ScSelectionPillGroup_default.scSelectionPillGroup, className].filter(Boolean).join(" "),
       role: "tablist",
       ...props,
-      children: options.map((opt) => /* @__PURE__ */ jsx96(
+      children: options.map((opt) => /* @__PURE__ */ jsx97(
         ScSelectionPill,
         {
           label: opt.label,
@@ -9483,7 +9744,7 @@ var ScMappingCard_default = {
 };
 
 // src/SC-MappingCard/ScMappingCard.tsx
-import { Fragment as Fragment26, jsx as jsx97, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx98, jsxs as jsxs82 } from "react/jsx-runtime";
 var ScMappingCard = ({
   badge,
   columnName,
@@ -9510,19 +9771,19 @@ var ScMappingCard = ({
       className: [ScMappingCard_default.scMappingCard, ScMappingCard_default["status-" + status], className].filter(Boolean).join(" "),
       ...props,
       children: [
-        badge != null && /* @__PURE__ */ jsx97("div", { className: ScMappingCard_default.badge, "aria-hidden": true, children: /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.badgeLetter, children: badge }) }),
+        badge != null && /* @__PURE__ */ jsx98("div", { className: ScMappingCard_default.badge, "aria-hidden": true, children: /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.badgeLetter, children: badge }) }),
         /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.content, children: [
           isDefault ? /* @__PURE__ */ jsxs82("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCard].join(" "), children: [
             /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.sourceHeader, children: [
-              /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }),
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }),
+              /* @__PURE__ */ jsx98(
                 "button",
                 {
                   type: "button",
                   className: ScMappingCard_default.addBtn,
                   onClick: onAddColumn,
                   "aria-label": "Add column",
-                  children: /* @__PURE__ */ jsx97(
+                  children: /* @__PURE__ */ jsx98(
                     SiconPlus3,
                     {
                       size: 24,
@@ -9532,12 +9793,12 @@ var ScMappingCard = ({
                 }
               )
             ] }),
-            sampleRows.length > 0 && /* @__PURE__ */ jsx97("div", { className: ScMappingCard_default.sampleRows, children: sampleRows.map((row, i) => /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.sampleRow, title: row, children: row }, i)) })
-          ] }) : /* @__PURE__ */ jsx97("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCollapsed].join(" "), children: /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }) }),
+            sampleRows.length > 0 && /* @__PURE__ */ jsx98("div", { className: ScMappingCard_default.sampleRows, children: sampleRows.map((row, i) => /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.sampleRow, title: row, children: row }, i)) })
+          ] }) : /* @__PURE__ */ jsx98("div", { className: [ScMappingCard_default.source, ScMappingCard_default.sourceCollapsed].join(" "), children: /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.columnName, title: columnName, children: columnName }) }),
           /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRegion, children: [
             isDefault && targets,
             isConfirmed && confirmedTargets.map((t, i) => /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRow, children: [
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98(
                 SiconRight6,
                 {
                   size: 20,
@@ -9545,10 +9806,10 @@ var ScMappingCard = ({
                   className: ScMappingCard_default.connector
                 }
               ),
-              /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.targetBox, title: t, children: t })
+              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.targetBox, title: t, children: t })
             ] }, i)),
             isIgnored && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.targetRow, children: [
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98(
                 SiconRight6,
                 {
                   size: 24,
@@ -9556,23 +9817,23 @@ var ScMappingCard = ({
                   className: ScMappingCard_default.connector
                 }
               ),
-              /* @__PURE__ */ jsx97("span", { className: [ScMappingCard_default.targetBox, ScMappingCard_default.targetBoxDash].join(" "), children: "-" })
+              /* @__PURE__ */ jsx98("span", { className: [ScMappingCard_default.targetBox, ScMappingCard_default.targetBoxDash].join(" "), children: "-" })
             ] }),
             isDefault && warning != null && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.warning, children: [
-              /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.warningIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.warningIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx98(
                 SiconWarning,
                 {
                   size: 20,
                   color: "var(--alias-text-and-icons-error, #d11a1a)"
                 }
               ) }),
-              /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.warningText, children: warning })
+              /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.warningText, children: warning })
             ] })
           ] }),
           /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actions, children: [
             isDefault && /* @__PURE__ */ jsxs82(Fragment26, { children: [
               /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
-                /* @__PURE__ */ jsx97(
+                /* @__PURE__ */ jsx98(
                   "button",
                   {
                     type: "button",
@@ -9581,7 +9842,7 @@ var ScMappingCard = ({
                     children: "Ignore Column"
                   }
                 ),
-                canConfirm && /* @__PURE__ */ jsx97(
+                canConfirm && /* @__PURE__ */ jsx98(
                   "button",
                   {
                     type: "button",
@@ -9593,7 +9854,7 @@ var ScMappingCard = ({
                   }
                 )
               ] }),
-              validityText && /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.validityText, children: validityText })
+              validityText && /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.validityText, children: validityText })
             ] }),
             isConfirmed && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
               /* @__PURE__ */ jsxs82(
@@ -9601,7 +9862,7 @@ var ScMappingCard = ({
                 {
                   className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusSuccess].join(" "),
                   children: [
-                    /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx97(
+                    /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx98(
                       SiconCheck,
                       {
                         size: 24,
@@ -9612,7 +9873,7 @@ var ScMappingCard = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98(
                 "button",
                 {
                   type: "button",
@@ -9624,7 +9885,7 @@ var ScMappingCard = ({
             ] }),
             isIgnored && /* @__PURE__ */ jsxs82("div", { className: ScMappingCard_default.actionRow, children: [
               /* @__PURE__ */ jsxs82("span", { className: [ScMappingCard_default.statusLabel, ScMappingCard_default.statusError].join(" "), children: [
-                /* @__PURE__ */ jsx97("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx97(
+                /* @__PURE__ */ jsx98("span", { className: ScMappingCard_default.statusIcon, children: /* @__PURE__ */ jsx98(
                   SiconClose4,
                   {
                     size: 24,
@@ -9633,7 +9894,7 @@ var ScMappingCard = ({
                 ) }),
                 "Column Ignored"
               ] }),
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98(
                 "button",
                 {
                   type: "button",
@@ -9664,7 +9925,7 @@ var ScThinkingStepIcon_default = {
 };
 
 // src/SC-ThinkingStepIcon/ScThinkingStepIcon.tsx
-import { jsx as jsx98, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs83 } from "react/jsx-runtime";
 var ScThinkingStepIcon = ({
   state = "default",
   size = 12,
@@ -9673,7 +9934,7 @@ var ScThinkingStepIcon = ({
   ...props
 }) => {
   const variantsClassName = ScThinkingStepIcon_default["state-" + state];
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     "span",
     {
       className: ScThinkingStepIcon_default.scThinkingStepIcon + " " + (className ?? "") + " " + variantsClassName,
@@ -9690,7 +9951,7 @@ var ScThinkingStepIcon = ({
           xmlns: "http://www.w3.org/2000/svg",
           "aria-hidden": "true",
           children: [
-            state === "default" && /* @__PURE__ */ jsx98(
+            state === "default" && /* @__PURE__ */ jsx99(
               "circle",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -9701,7 +9962,7 @@ var ScThinkingStepIcon = ({
                 strokeLinecap: "round"
               }
             ),
-            state === "working" && /* @__PURE__ */ jsx98(
+            state === "working" && /* @__PURE__ */ jsx99(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke + " " + ScThinkingStepIcon_default.spinner,
@@ -9711,7 +9972,7 @@ var ScThinkingStepIcon = ({
                 strokeLinejoin: "round"
               }
             ),
-            state === "completed" && /* @__PURE__ */ jsx98(
+            state === "completed" && /* @__PURE__ */ jsx99(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -9721,7 +9982,7 @@ var ScThinkingStepIcon = ({
                 strokeLinejoin: "round"
               }
             ),
-            state === "error" && /* @__PURE__ */ jsx98(
+            state === "error" && /* @__PURE__ */ jsx99(
               "path",
               {
                 className: ScThinkingStepIcon_default.stroke,
@@ -9761,7 +10022,7 @@ var ScInChatList_default = {
 
 // src/SC-InChatList/ScInChatList.tsx
 import { SiconUp as SiconUp3, SiconDown as SiconDown3, SiconDot as SiconDot2 } from "@streamoid/icons";
-import { jsx as jsx99, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs84 } from "react/jsx-runtime";
 var ScInChatList = ({
   title = "Infrastructure that helps modern brands scale",
   description = "Description",
@@ -9784,27 +10045,27 @@ var ScInChatList = ({
       className: ScInChatList_default.scInChatList + (className ? " " + className : ""),
       style,
       children: [
-        leadingIndicator && /* @__PURE__ */ jsx99("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx99(ScThinkingStepIcon, { state: iconState }) }),
+        leadingIndicator && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.indicatorWrapper, children: /* @__PURE__ */ jsx100(ScThinkingStepIcon, { state: iconState }) }),
         /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.content, children: [
           /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.headerArea, children: [
-            showSteps && /* @__PURE__ */ jsx99("p", { className: ScInChatList_default.stepCount, children: stepCount }),
+            showSteps && /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.stepCount, children: stepCount }),
             /* @__PURE__ */ jsxs84(
               "div",
               {
                 className: ScInChatList_default.titleRow + " " + (isExpandable ? ScInChatList_default.titleRowClickable : ScInChatList_default.titleRowStatic),
                 onClick: isExpandable ? onToggle : void 0,
                 children: [
-                  /* @__PURE__ */ jsx99("p", { className: ScInChatList_default.title, children: title }),
-                  isExpandable && /* @__PURE__ */ jsx99("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx99(SiconUp3, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx99(SiconDown3, { size: 12, className: ScInChatList_default.chevronIcon }) })
+                  /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.title, children: title }),
+                  isExpandable && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.chevronWrapper, children: isExpanded ? /* @__PURE__ */ jsx100(SiconUp3, { size: 12, className: ScInChatList_default.chevronIcon }) : /* @__PURE__ */ jsx100(SiconDown3, { size: 12, className: ScInChatList_default.chevronIcon }) })
                 ]
               }
             ),
             isExpanded && /* @__PURE__ */ jsxs84("div", { className: ScInChatList_default.descriptionRow, children: [
-              /* @__PURE__ */ jsx99("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx99(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
-              /* @__PURE__ */ jsx99("p", { className: ScInChatList_default.descriptionText, children: description })
+              /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.descriptionIcon, children: /* @__PURE__ */ jsx100(SiconDot2, { size: 20, className: ScInChatList_default.descriptionDot }) }),
+              /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.descriptionText, children: description })
             ] })
           ] }),
-          showTool && /* @__PURE__ */ jsx99("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx99("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
+          showTool && /* @__PURE__ */ jsx100("div", { className: ScInChatList_default.toolPill, children: /* @__PURE__ */ jsx100("p", { className: ScInChatList_default.toolText, children: toolUsing }) })
         ] })
       ]
     }
@@ -9818,7 +10079,7 @@ var ScSubAgent_default = {
 };
 
 // src/SC-SubAgent/ScSubAgent.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 function formatSubAgentLabel(agentName) {
   const normalized = (agentName ?? "").trim();
   if (!normalized) return "Using sub-agent...";
@@ -9831,12 +10092,12 @@ var ScSubAgent = ({
   ...props
 }) => {
   const label = text ?? formatSubAgentLabel(agentName);
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     "div",
     {
       className: [ScSubAgent_default.scSubAgent, className].filter(Boolean).join(" "),
       ...props,
-      children: /* @__PURE__ */ jsx100("p", { className: ScSubAgent_default.label, children: label })
+      children: /* @__PURE__ */ jsx101("p", { className: ScSubAgent_default.label, children: label })
     }
   );
 };
@@ -9850,7 +10111,7 @@ var ScInChatMessage_default = {
 };
 
 // src/SC-InChatMessage/ScInChatMessage.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var ScInChatMessage = ({
   type = "input",
   text,
@@ -9860,13 +10121,13 @@ var ScInChatMessage = ({
   ...props
 }) => {
   const variantsClassName = ScInChatMessage_default["type-" + type];
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     "div",
     {
       className: [ScInChatMessage_default.scInChatMessage, variantsClassName, className].filter(Boolean).join(" "),
       id,
       ...props,
-      children: /* @__PURE__ */ jsx101("p", { className: ScInChatMessage_default.text, children: children ?? text })
+      children: /* @__PURE__ */ jsx102("p", { className: ScInChatMessage_default.text, children: children ?? text })
     }
   );
 };
@@ -9883,7 +10144,7 @@ var ScSelection_default = {
 };
 
 // src/SC-Selection/ScSelection.tsx
-import { jsx as jsx102, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs85 } from "react/jsx-runtime";
 var ScSelection = ({
   title = "Title",
   description = "Description",
@@ -9906,7 +10167,7 @@ var ScSelection = ({
       onClick: handleClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsx103(
           ScRadio,
           {
             state: active ? "selected" : "default",
@@ -9914,8 +10175,8 @@ var ScSelection = ({
           }
         ),
         /* @__PURE__ */ jsxs85("div", { className: ScSelection_default.wrapper, children: [
-          /* @__PURE__ */ jsx102("p", { className: ScSelection_default.title, children: title }),
-          description && /* @__PURE__ */ jsx102("p", { className: ScSelection_default.description, children: description })
+          /* @__PURE__ */ jsx103("p", { className: ScSelection_default.title, children: title }),
+          description && /* @__PURE__ */ jsx103("p", { className: ScSelection_default.description, children: description })
         ] })
       ]
     }
@@ -9942,7 +10203,7 @@ var ScSelectionList_default = {
 };
 
 // src/SC-SelectionList/ScSelectionList.tsx
-import { jsx as jsx103, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs86 } from "react/jsx-runtime";
 var ScSelectionList = ({
   state = "default",
   label = "Suggested Colours: ",
@@ -9972,7 +10233,7 @@ var ScSelectionList = ({
       ...props,
       children: [
         /* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.toggles, children: [
-          /* @__PURE__ */ jsx103(
+          /* @__PURE__ */ jsx104(
             "button",
             {
               type: "button",
@@ -9981,7 +10242,7 @@ var ScSelectionList = ({
               disabled,
               "aria-pressed": state === "approved",
               "aria-label": state === "approved" ? "Revoke approval" : "Approve",
-              children: /* @__PURE__ */ jsx103(
+              children: /* @__PURE__ */ jsx104(
                 "svg",
                 {
                   className: ScSelectionList_default.checkIcon,
@@ -9990,7 +10251,7 @@ var ScSelectionList = ({
                   viewBox: "0 0 8 6",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx103(
+                  children: /* @__PURE__ */ jsx104(
                     "path",
                     {
                       d: "M0.5 3.5L2.5 5.5L7.5 0.5",
@@ -10003,7 +10264,7 @@ var ScSelectionList = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx103(
+          /* @__PURE__ */ jsx104(
             "button",
             {
               type: "button",
@@ -10012,7 +10273,7 @@ var ScSelectionList = ({
               disabled,
               "aria-pressed": state === "rejected",
               "aria-label": state === "rejected" ? "Revoke rejection" : "Reject",
-              children: /* @__PURE__ */ jsx103(
+              children: /* @__PURE__ */ jsx104(
                 "svg",
                 {
                   className: ScSelectionList_default.closeIcon,
@@ -10021,7 +10282,7 @@ var ScSelectionList = ({
                   viewBox: "0 0 6.24261 6.24262",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx103(
+                  children: /* @__PURE__ */ jsx104(
                     "path",
                     {
                       d: "M0.5 5.74262L3.12132 3.12132M3.12132 3.12132L5.74261 0.5M3.12132 3.12132L0.5 0.5M3.12132 3.12132L5.74261 5.74262",
@@ -10035,9 +10296,9 @@ var ScSelectionList = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx103("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.row, children: [
-          /* @__PURE__ */ jsx103("span", { className: ScSelectionList_default.label, children: label }),
-          /* @__PURE__ */ jsx103("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx103("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
+        /* @__PURE__ */ jsx104("div", { className: ScSelectionList_default.content, children: /* @__PURE__ */ jsxs86("div", { className: ScSelectionList_default.row, children: [
+          /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.label, children: label }),
+          /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.valuesPill, children: /* @__PURE__ */ jsx104("span", { className: ScSelectionList_default.valuesText, children: optionValues }) })
         ] }) })
       ]
     }
@@ -10045,7 +10306,7 @@ var ScSelectionList = ({
 };
 
 // src/SC-textArea/ScTextArea.tsx
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 
 // src/SC-textArea/ScTextArea.module.css
 var ScTextArea_default = {
@@ -10064,7 +10325,7 @@ var ScTextArea_default = {
 };
 
 // src/SC-textArea/ScTextArea.tsx
-import { jsx as jsx104, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs87 } from "react/jsx-runtime";
 var ScTextArea = ({
   state,
   labelGroup = "",
@@ -10075,7 +10336,7 @@ var ScTextArea = ({
   style,
   ...props
 }) => {
-  const [focused, setFocused] = useState18(false);
+  const [focused, setFocused] = useState19(false);
   const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
   const stateClass = ScTextArea_default["state-" + derivedState];
   const labelGroupClass = ScTextArea_default["label-group-" + (labelGroup || "none")];
@@ -10095,7 +10356,7 @@ var ScTextArea = ({
             " "
           ] })
         ] }),
-        /* @__PURE__ */ jsx104("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx104(
+        /* @__PURE__ */ jsx105("div", { className: ScTextArea_default.inputContainer, children: /* @__PURE__ */ jsx105(
           "textarea",
           {
             className: ScTextArea_default.inputText,
@@ -10117,7 +10378,7 @@ var ScTextArea = ({
 };
 
 // src/SC-select/ScSelect.tsx
-import { useState as useState19, useRef as useRef8, useEffect as useEffect8 } from "react";
+import { useState as useState20, useRef as useRef8, useEffect as useEffect8 } from "react";
 
 // src/SC-select/ScSelect.module.css
 var ScSelect_default = {
@@ -10142,7 +10403,7 @@ var ScSelect_default = {
 };
 
 // src/SC-select/ScSelect.tsx
-import { jsx as jsx105, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs88 } from "react/jsx-runtime";
 var ScSelect = (props) => {
   const {
     value,
@@ -10154,7 +10415,7 @@ var ScSelect = (props) => {
     disabled = false,
     className
   } = props;
-  const [open, setOpen] = useState19(false);
+  const [open, setOpen] = useState20(false);
   const rootRef = useRef8(null);
   useEffect8(() => {
     if (!open) return;
@@ -10183,7 +10444,7 @@ var ScSelect = (props) => {
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs88("div", { className: rootClass, ref: rootRef, children: [
-    labelGroup === "label" && label ? /* @__PURE__ */ jsx105("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx105("div", { className: ScSelect_default.label, children: label }) }) : null,
+    labelGroup === "label" && label ? /* @__PURE__ */ jsx106("div", { className: ScSelect_default.labelContainer, children: /* @__PURE__ */ jsx106("div", { className: ScSelect_default.label, children: label }) }) : null,
     /* @__PURE__ */ jsxs88("div", { className: ScSelect_default.selectArea, children: [
       /* @__PURE__ */ jsxs88(
         "button",
@@ -10195,18 +10456,18 @@ var ScSelect = (props) => {
           "aria-haspopup": "listbox",
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ jsx105(
+            /* @__PURE__ */ jsx106(
               "span",
               {
                 className: [ScSelect_default.triggerText, selected ? void 0 : ScSelect_default.placeholder].filter(Boolean).join(" "),
                 children: selected ? selected.label : placeholder
               }
             ),
-            /* @__PURE__ */ jsx105(
+            /* @__PURE__ */ jsx106(
               "span",
               {
                 className: [ScSelect_default.chevron, open ? ScSelect_default.chevronOpen : void 0].filter(Boolean).join(" "),
-                children: /* @__PURE__ */ jsx105("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx105(
+                children: /* @__PURE__ */ jsx106("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx106(
                   "path",
                   {
                     d: "M5 7.5L10 12.5L15 7.5",
@@ -10221,7 +10482,7 @@ var ScSelect = (props) => {
           ]
         }
       ),
-      open ? /* @__PURE__ */ jsx105("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
+      open ? /* @__PURE__ */ jsx106("div", { className: ScSelect_default.menu, role: "listbox", children: options.map((option) => {
         const isSelected = option.id === value;
         const optionClass = [
           ScSelect_default.option,
@@ -10235,8 +10496,8 @@ var ScSelect = (props) => {
             "aria-selected": isSelected,
             onClick: () => handleSelect(option.id),
             children: [
-              /* @__PURE__ */ jsx105("span", { className: ScSelect_default.optionLabel, children: option.label }),
-              option.description ? /* @__PURE__ */ jsx105("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
+              /* @__PURE__ */ jsx106("span", { className: ScSelect_default.optionLabel, children: option.label }),
+              option.description ? /* @__PURE__ */ jsx106("span", { className: ScSelect_default.optionDescription, children: option.description }) : null
             ]
           },
           option.id
@@ -10271,7 +10532,7 @@ var ScFileField_default = {
 };
 
 // src/SC-fileField/ScFileField.tsx
-import { jsx as jsx106, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs89 } from "react/jsx-runtime";
 var ScFileField = (props) => {
   const {
     onFileSelect,
@@ -10308,9 +10569,9 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx106("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx106("path", { d: "M12 16V4" }),
-        /* @__PURE__ */ jsx106("path", { d: "M7 9l5-5 5 5" })
+        /* @__PURE__ */ jsx107("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx107("path", { d: "M12 16V4" }),
+        /* @__PURE__ */ jsx107("path", { d: "M7 9l5-5 5 5" })
       ]
     }
   );
@@ -10328,8 +10589,8 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx106("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-        /* @__PURE__ */ jsx106("path", { d: "M14 2v6h6" })
+        /* @__PURE__ */ jsx107("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx107("path", { d: "M14 2v6h6" })
       ]
     }
   );
@@ -10346,20 +10607,20 @@ var ScFileField = (props) => {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx106("path", { d: "M18 6L6 18" }),
-        /* @__PURE__ */ jsx106("path", { d: "M6 6l12 12" })
+        /* @__PURE__ */ jsx107("path", { d: "M18 6L6 18" }),
+        /* @__PURE__ */ jsx107("path", { d: "M6 6l12 12" })
       ]
     }
   );
   const rootClass = [ScFileField_default.scFileField, className].filter(Boolean).join(" ");
   const showRow = hasFile || isUploading;
   return /* @__PURE__ */ jsxs89("div", { className: rootClass, children: [
-    label ? /* @__PURE__ */ jsx106("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx106("div", { className: ScFileField_default.label, children: label }) }) : null,
+    label ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.labelContainer, children: /* @__PURE__ */ jsx107("div", { className: ScFileField_default.label, children: label }) }) : null,
     showRow ? /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.inputContainer, children: [
       fileIcon,
       /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.fileInfo, children: [
-        /* @__PURE__ */ jsx106("span", { className: ScFileField_default.fileName, children: fileName }),
-        isUploading ? /* @__PURE__ */ jsx106("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx107("span", { className: ScFileField_default.fileName, children: fileName }),
+        isUploading ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.progressTrack, children: /* @__PURE__ */ jsx107(
           "div",
           {
             className: ScFileField_default.progressFill,
@@ -10367,7 +10628,7 @@ var ScFileField = (props) => {
           }
         ) }) : null
       ] }),
-      !isUploading ? /* @__PURE__ */ jsx106(
+      !isUploading ? /* @__PURE__ */ jsx107(
         "button",
         {
           type: "button",
@@ -10378,7 +10639,7 @@ var ScFileField = (props) => {
         }
       ) : null
     ] }) : /* @__PURE__ */ jsxs89("label", { className: ScFileField_default.dropzone, children: [
-      /* @__PURE__ */ jsx106(
+      /* @__PURE__ */ jsx107(
         "input",
         {
           ref: inputRef,
@@ -10391,7 +10652,7 @@ var ScFileField = (props) => {
       ),
       uploadIcon,
       /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.dropzoneText, children: [
-        /* @__PURE__ */ jsx106("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
+        /* @__PURE__ */ jsx107("span", { className: ScFileField_default.dropzoneAction, children: "Click to upload" }),
         " or drag and drop"
       ] }),
       accept ? /* @__PURE__ */ jsxs89("div", { className: ScFileField_default.acceptedText, children: [
@@ -10399,12 +10660,12 @@ var ScFileField = (props) => {
         accept
       ] }) : null
     ] }),
-    error ? /* @__PURE__ */ jsx106("div", { className: ScFileField_default.errorText, children: error }) : null
+    error ? /* @__PURE__ */ jsx107("div", { className: ScFileField_default.errorText, children: error }) : null
   ] });
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { useState as useState20, useEffect as useEffect9 } from "react";
+import { useState as useState21, useEffect as useEffect9 } from "react";
 
 // src/SC-mediaApproval/ScMediaApproval.module.css
 var ScMediaApproval_default = {
@@ -10429,7 +10690,7 @@ var ScMediaApproval_default = {
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { Fragment as Fragment27, jsx as jsx107, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
 var VIDEO_EXT = /\.(mp4|webm|ogg|mov|m4v)(\?.*)?$/i;
 var isVideoUrl = (url, mediaType) => {
   if (mediaType === "video") return true;
@@ -10451,8 +10712,8 @@ var ScMediaApproval = (props) => {
     className
   } = props;
   const total = mediaUrls.length;
-  const [index, setIndex] = useState20(activeIndex ?? 0);
-  const [mediaLoading, setMediaLoading] = useState20(false);
+  const [index, setIndex] = useState21(activeIndex ?? 0);
+  const [mediaLoading, setMediaLoading] = useState21(false);
   useEffect9(() => {
     if (typeof activeIndex === "number") {
       setIndex(activeIndex);
@@ -10473,7 +10734,7 @@ var ScMediaApproval = (props) => {
   };
   return /* @__PURE__ */ jsxs90("div", { className: [ScMediaApproval_default.scMediaApproval, className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.mediaFrame, children: [
-      currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx107(
+      currentUrl ? currentIsVideo ? /* @__PURE__ */ jsx108(
         "video",
         {
           className: ScMediaApproval_default.media,
@@ -10482,7 +10743,7 @@ var ScMediaApproval = (props) => {
           onClick: handlePreview,
           onLoadedData: () => setMediaLoading(false)
         }
-      ) : /* @__PURE__ */ jsx107(
+      ) : /* @__PURE__ */ jsx108(
         "img",
         {
           className: ScMediaApproval_default.media,
@@ -10491,8 +10752,8 @@ var ScMediaApproval = (props) => {
           onClick: handlePreview,
           onLoad: () => setMediaLoading(false)
         }
-      ) : /* @__PURE__ */ jsx107("div", { className: ScMediaApproval_default.mediaEmpty }),
-      (loading || mediaLoading) && /* @__PURE__ */ jsx107("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx107(
+      ) : /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.mediaEmpty }),
+      (loading || mediaLoading) && /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.spinnerOverlay, children: /* @__PURE__ */ jsx108(
         "svg",
         {
           className: ScMediaApproval_default.spinner,
@@ -10500,7 +10761,7 @@ var ScMediaApproval = (props) => {
           height: "32",
           viewBox: "0 0 24 24",
           fill: "none",
-          children: /* @__PURE__ */ jsx107(
+          children: /* @__PURE__ */ jsx108(
             "path",
             {
               d: "M12 3a9 9 0 1 0 9 9",
@@ -10512,14 +10773,14 @@ var ScMediaApproval = (props) => {
         }
       ) }),
       total > 1 && /* @__PURE__ */ jsxs90(Fragment27, { children: [
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx108(
           "button",
           {
             type: "button",
             className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navPrev].join(" "),
             "aria-label": "Previous",
             onClick: () => goTo(safeIndex - 1),
-            children: /* @__PURE__ */ jsx107("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx107(
+            children: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx108(
               "path",
               {
                 d: "M15 6L9 12L15 18",
@@ -10531,14 +10792,14 @@ var ScMediaApproval = (props) => {
             ) })
           }
         ),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx108(
           "button",
           {
             type: "button",
             className: [ScMediaApproval_default.navButton, ScMediaApproval_default.navNext].join(" "),
             "aria-label": "Next",
             onClick: () => goTo(safeIndex + 1),
-            children: /* @__PURE__ */ jsx107("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx107(
+            children: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx108(
               "path",
               {
                 d: "M9 6L15 12L9 18",
@@ -10555,7 +10816,7 @@ var ScMediaApproval = (props) => {
           " / ",
           total
         ] }),
-        /* @__PURE__ */ jsx107("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.dots, children: mediaUrls.map((_, i) => /* @__PURE__ */ jsx108(
           "button",
           {
             type: "button",
@@ -10571,8 +10832,8 @@ var ScMediaApproval = (props) => {
       ] })
     ] }),
     /* @__PURE__ */ jsxs90("div", { className: ScMediaApproval_default.feedbackBlock, children: [
-      /* @__PURE__ */ jsx107("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
-      /* @__PURE__ */ jsx107("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx107(
+      /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.label, children: feedbackLabel }),
+      /* @__PURE__ */ jsx108("div", { className: ScMediaApproval_default.inputContainer, children: /* @__PURE__ */ jsx108(
         "textarea",
         {
           className: ScMediaApproval_default.textArea,
@@ -10608,8 +10869,8 @@ var ScMediaSelect_default = {
 };
 
 // src/SC-mediaSelect/ScMediaSelect.tsx
-import { jsx as jsx108, jsxs as jsxs91 } from "react/jsx-runtime";
-var CheckBadge = () => /* @__PURE__ */ jsx108("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx108("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx108(
+import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
+var CheckBadge = () => /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.checkBadge, children: /* @__PURE__ */ jsx109("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx109(
   "path",
   {
     d: "M3.5 7.25L6 9.75L10.5 4.75",
@@ -10619,7 +10880,7 @@ var CheckBadge = () => /* @__PURE__ */ jsx108("span", { className: ScMediaSelect
     strokeLinejoin: "round"
   }
 ) }) });
-var MaximizeIcon = () => /* @__PURE__ */ jsx108("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx108(
+var MaximizeIcon = () => /* @__PURE__ */ jsx109("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx109(
   "path",
   {
     d: "M15 3H21V9M9 21H3V15M21 3L14 10M3 21L10 14",
@@ -10651,9 +10912,9 @@ var ScMediaSelect = (props) => {
   if (resolvedMax < total) countLabel += " (max " + resolvedMax + ")";
   return /* @__PURE__ */ jsxs91("div", { className: [ScMediaSelect_default.scMediaSelect, className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxs91("div", { className: ScMediaSelect_default.header, children: [
-      /* @__PURE__ */ jsx108("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
+      /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.countLabel, children: countLabel }),
       /* @__PURE__ */ jsxs91("div", { className: ScMediaSelect_default.actions, children: [
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx109(
           "button",
           {
             type: "button",
@@ -10662,8 +10923,8 @@ var ScMediaSelect = (props) => {
             children: "Select all"
           }
         ),
-        /* @__PURE__ */ jsx108("span", { className: ScMediaSelect_default.divider, children: "|" }),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx109("span", { className: ScMediaSelect_default.divider, children: "|" }),
+        /* @__PURE__ */ jsx109(
           "button",
           {
             type: "button",
@@ -10674,7 +10935,7 @@ var ScMediaSelect = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx108("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
+    /* @__PURE__ */ jsx109("div", { className: ScMediaSelect_default.grid, children: items.map((url, index) => {
       const isSelected = selectedSet.has(url);
       const itemClass = [
         ScMediaSelect_default.item,
@@ -10689,9 +10950,9 @@ var ScMediaSelect = (props) => {
           tabIndex: 0,
           "aria-pressed": isSelected,
           children: [
-            mediaType === "video" ? /* @__PURE__ */ jsx108("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx108("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
-            isSelected && /* @__PURE__ */ jsx108(CheckBadge, {}),
-            onPreview && /* @__PURE__ */ jsx108(
+            mediaType === "video" ? /* @__PURE__ */ jsx109("video", { className: ScMediaSelect_default.media, src: url, muted: true, playsInline: true }) : /* @__PURE__ */ jsx109("img", { className: ScMediaSelect_default.media, src: url, alt: "" }),
+            isSelected && /* @__PURE__ */ jsx109(CheckBadge, {}),
+            onPreview && /* @__PURE__ */ jsx109(
               "button",
               {
                 type: "button",
@@ -10701,7 +10962,7 @@ var ScMediaSelect = (props) => {
                   onPreview(url);
                 },
                 "aria-label": "Preview",
-                children: /* @__PURE__ */ jsx108(MaximizeIcon, {})
+                children: /* @__PURE__ */ jsx109(MaximizeIcon, {})
               }
             )
           ]
@@ -10713,7 +10974,7 @@ var ScMediaSelect = (props) => {
 };
 
 // src/SC-todoList/ScTodoList.tsx
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 
 // src/SC-todoList/ScTodoList.module.css
 var ScTodoList_default = {
@@ -10736,7 +10997,7 @@ var ScTodoList_default = {
 };
 
 // src/SC-todoList/ScTodoList.tsx
-import { jsx as jsx109, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs92 } from "react/jsx-runtime";
 var ScTodoList = ({
   items = [],
   onToggle,
@@ -10746,9 +11007,9 @@ var ScTodoList = ({
   addPlaceholder = "Add an item",
   className
 }) => {
-  const [editingId, setEditingId] = useState21(null);
-  const [editValue, setEditValue] = useState21("");
-  const [newValue, setNewValue] = useState21("");
+  const [editingId, setEditingId] = useState22(null);
+  const [editValue, setEditValue] = useState22("");
+  const [newValue, setNewValue] = useState22("");
   const total = items.length;
   const completed = items.filter((i) => i.status === "completed").length;
   const startEditing = (item) => {
@@ -10772,7 +11033,7 @@ var ScTodoList = ({
   };
   return /* @__PURE__ */ jsxs92("div", { className: [ScTodoList_default.scTodoList, className].filter(Boolean).join(" "), children: [
     total > 0 && /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.progress, children: [
-      /* @__PURE__ */ jsx109(
+      /* @__PURE__ */ jsx110(
         "svg",
         {
           className: ScTodoList_default.progressIcon,
@@ -10781,7 +11042,7 @@ var ScTodoList = ({
           viewBox: "0 0 14 14",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx109(
+          children: /* @__PURE__ */ jsx110(
             "path",
             {
               d: "M3 7L6 10L11 4",
@@ -10800,11 +11061,11 @@ var ScTodoList = ({
         " completed"
       ] })
     ] }),
-    /* @__PURE__ */ jsx109("div", { className: ScTodoList_default.rows, children: items.map((item) => {
+    /* @__PURE__ */ jsx110("div", { className: ScTodoList_default.rows, children: items.map((item) => {
       const isEditing = editingId === item.id;
       const isCompleted = item.status === "completed";
       return /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.row, children: [
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx110(
           "button",
           {
             type: "button",
@@ -10820,8 +11081,8 @@ var ScTodoList = ({
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
                 children: [
-                  /* @__PURE__ */ jsx109("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
-                  /* @__PURE__ */ jsx109(
+                  /* @__PURE__ */ jsx110("circle", { cx: "9", cy: "9", r: "9", fill: "var(--alias-fill-base-base, #f5f5f5)" }),
+                  /* @__PURE__ */ jsx110(
                     "path",
                     {
                       d: "M5.25 9L7.75 11.5L12.75 6.5",
@@ -10833,7 +11094,7 @@ var ScTodoList = ({
                   )
                 ]
               }
-            ) : /* @__PURE__ */ jsx109(
+            ) : /* @__PURE__ */ jsx110(
               "svg",
               {
                 width: "18",
@@ -10841,7 +11102,7 @@ var ScTodoList = ({
                 viewBox: "0 0 18 18",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ jsx109(
+                children: /* @__PURE__ */ jsx110(
                   "circle",
                   {
                     cx: "9",
@@ -10855,7 +11116,7 @@ var ScTodoList = ({
             )
           }
         ),
-        isEditing ? /* @__PURE__ */ jsx109(
+        isEditing ? /* @__PURE__ */ jsx110(
           "input",
           {
             className: ScTodoList_default.editInput,
@@ -10873,7 +11134,7 @@ var ScTodoList = ({
               }
             }
           }
-        ) : /* @__PURE__ */ jsx109(
+        ) : /* @__PURE__ */ jsx110(
           "span",
           {
             className: [
@@ -10884,14 +11145,14 @@ var ScTodoList = ({
           }
         ),
         !isEditing && /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.actions, children: [
-          /* @__PURE__ */ jsx109(
+          /* @__PURE__ */ jsx110(
             "button",
             {
               type: "button",
               className: ScTodoList_default.actionButton,
               "aria-label": "Edit item",
               onClick: () => startEditing(item),
-              children: /* @__PURE__ */ jsx109(
+              children: /* @__PURE__ */ jsx110(
                 "svg",
                 {
                   width: "16",
@@ -10899,7 +11160,7 @@ var ScTodoList = ({
                   viewBox: "0 0 16 16",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx109(
+                  children: /* @__PURE__ */ jsx110(
                     "path",
                     {
                       d: "M11.333 2.667a1.414 1.414 0 0 1 2 2L5.333 12.667l-2.667.667.667-2.667 8-8Z",
@@ -10913,14 +11174,14 @@ var ScTodoList = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx109(
+          /* @__PURE__ */ jsx110(
             "button",
             {
               type: "button",
               className: [ScTodoList_default.actionButton, ScTodoList_default.actionButtonDanger].filter(Boolean).join(" "),
               "aria-label": "Delete item",
               onClick: () => onDelete?.(item.id),
-              children: /* @__PURE__ */ jsx109(
+              children: /* @__PURE__ */ jsx110(
                 "svg",
                 {
                   width: "16",
@@ -10928,7 +11189,7 @@ var ScTodoList = ({
                   viewBox: "0 0 16 16",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx109(
+                  children: /* @__PURE__ */ jsx110(
                     "path",
                     {
                       d: "M2.667 4h10.666M6.667 7.333v3.334M9.333 7.333v3.334M3.333 4l.667 8a1.333 1.333 0 0 0 1.333 1.333h5.334A1.333 1.333 0 0 0 12 12l.667-8M6 4V2.667a.667.667 0 0 1 .667-.667h2.666a.667.667 0 0 1 .667.667V4",
@@ -10946,7 +11207,7 @@ var ScTodoList = ({
       ] }, item.id);
     }) }),
     /* @__PURE__ */ jsxs92("div", { className: ScTodoList_default.addRow, children: [
-      /* @__PURE__ */ jsx109(
+      /* @__PURE__ */ jsx110(
         "input",
         {
           className: ScTodoList_default.addInput,
@@ -10961,7 +11222,7 @@ var ScTodoList = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx109(
+      /* @__PURE__ */ jsx110(
         "button",
         {
           type: "button",
@@ -10969,7 +11230,7 @@ var ScTodoList = ({
           "aria-label": "Add item",
           disabled: newValue.trim().length === 0,
           onClick: commitAdd,
-          children: /* @__PURE__ */ jsx109(
+          children: /* @__PURE__ */ jsx110(
             "svg",
             {
               width: "18",
@@ -10977,7 +11238,7 @@ var ScTodoList = ({
               viewBox: "0 0 18 18",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx109(
+              children: /* @__PURE__ */ jsx110(
                 "path",
                 {
                   d: "M9 4v10M4 9h10",
@@ -11004,18 +11265,18 @@ var ScRoleMobile_default = {
 };
 
 // src/SC-Role-Mobile/ScRoleMobile.tsx
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var ScRoleMobile = ({
   role = "admin",
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     "div",
     {
       className: ScRoleMobile_default.scRoleMobile + " " + ScRoleMobile_default["role-" + role] + " " + className,
       ...props,
-      children: /* @__PURE__ */ jsx110("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
+      children: /* @__PURE__ */ jsx111("p", { className: ScRoleMobile_default.text, children: role === "admin" ? "Admin" : "Member" })
     }
   );
 };
@@ -11032,7 +11293,7 @@ var ScProfileV2Mobile_default = {
 };
 
 // src/SC-Profile-V2-Mobile/ScProfileV2Mobile.tsx
-import { jsx as jsx111, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs93 } from "react/jsx-runtime";
 var ScProfileV2Mobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -11042,7 +11303,7 @@ var ScProfileV2Mobile = ({
   ...props
 }) => {
   const initials = name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  const profileImage = /* @__PURE__ */ jsx111("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx111("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx111("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
+  const profileImage = /* @__PURE__ */ jsx112("div", { className: ScProfileV2Mobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx112("img", { src: imageUrl, alt: name, className: ScProfileV2Mobile_default.image }) : /* @__PURE__ */ jsx112("div", { className: ScProfileV2Mobile_default.initials, children: initials }) });
   return /* @__PURE__ */ jsxs93(
     "div",
     {
@@ -11051,8 +11312,8 @@ var ScProfileV2Mobile = ({
       children: [
         dpPosition === "left" && profileImage,
         /* @__PURE__ */ jsxs93("div", { className: ScProfileV2Mobile_default.userInfo, children: [
-          /* @__PURE__ */ jsx111("p", { className: ScProfileV2Mobile_default.userName, children: name }),
-          /* @__PURE__ */ jsx111("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
+          /* @__PURE__ */ jsx112("p", { className: ScProfileV2Mobile_default.userName, children: name }),
+          /* @__PURE__ */ jsx112("p", { className: ScProfileV2Mobile_default.userEmail, children: email })
         ] }),
         dpPosition === "right" && profileImage
       ]
@@ -11079,7 +11340,7 @@ var ScTableListMobile_default = {
 };
 
 // src/SC-tableList-mobile/ScTableListMobile.tsx
-import { jsx as jsx112, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs94 } from "react/jsx-runtime";
 var ScTableListMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -11101,16 +11362,16 @@ var ScTableListMobile = ({
       children: [
         /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.profileRow, children: [
           /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.userInfo, children: [
-            /* @__PURE__ */ jsx112("p", { className: ScTableListMobile_default.userName, children: name }),
-            /* @__PURE__ */ jsx112("p", { className: ScTableListMobile_default.userEmail, children: email })
+            /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.userName, children: name }),
+            /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.userEmail, children: email })
           ] }),
-          /* @__PURE__ */ jsx112("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx112("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx112("div", { className: ScTableListMobile_default.initials, children: initials }) })
+          /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx113("img", { src: imageUrl, alt: name, className: ScTableListMobile_default.image }) : /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.initials, children: initials }) })
         ] }),
         /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx112("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx112("p", { className: ScTableListMobile_default.roleText, children: role }) }),
+          /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.roleBadge, children: /* @__PURE__ */ jsx113("p", { className: ScTableListMobile_default.roleText, children: role }) }),
           /* @__PURE__ */ jsxs94("div", { className: ScTableListMobile_default.accessInfo, children: [
-            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx112("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx112("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
-            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx112("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx112("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
+            accessIcons && accessIcons.length > 0 && /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.accessGroup, children: accessIcons.map((icon, i) => /* @__PURE__ */ jsx113("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) }),
+            permissionIcons && permissionIcons.length > 0 && /* @__PURE__ */ jsx113("div", { className: ScTableListMobile_default.accessGroup, children: permissionIcons.map((icon, i) => /* @__PURE__ */ jsx113("span", { className: ScTableListMobile_default.accessIcon, children: icon }, i)) })
           ] })
         ] })
       ]
@@ -11138,7 +11399,7 @@ var ScWorkspaceSwitchMobile_default = {
 };
 
 // src/SC-workspaceSwitch-Mobile/ScWorkspaceSwitchMobile.tsx
-import { jsx as jsx113, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs95 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -11160,15 +11421,15 @@ var ScWorkspaceSwitchMobile = ({
       children: [
         /* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.workspaceInfo, children: [
           /* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx113("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx113("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx113("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
+            /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.initialsBox, children: /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSwitchMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx113("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx113("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.roleBadge, children: /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx113("div", { className: ScWorkspaceSwitchMobile_default.divider }),
+        /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.divider }),
         /* @__PURE__ */ jsxs95("div", { className: ScWorkspaceSwitchMobile_default.ownerRow, children: [
-          /* @__PURE__ */ jsx113("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx113("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx113("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
+          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSwitchMobile_default.ownerIconContainer, children: ownerIcon && /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSwitchMobile_default.ownerIcon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSwitchMobile_default.ownerText, children: ownerId })
         ] })
       ]
     }
@@ -11195,7 +11456,7 @@ var ScWorkspaceSettingsMobile_default = {
 };
 
 // src/SC-workspaceSettings-Mobile/ScWorkspaceSettingsMobile.tsx
-import { jsx as jsx114, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs96 } from "react/jsx-runtime";
 var ScWorkspaceSettingsMobile = ({
   storeName = "Stores",
   initials = "WS",
@@ -11219,19 +11480,19 @@ var ScWorkspaceSettingsMobile = ({
       children: [
         /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.workspaceInfo, children: [
           /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.wsNameRow, children: [
-            /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
-            /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
+            /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.initialsBox, children: /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.initialsText, children: initials }) }),
+            /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.storeName, children: storeName })
           ] }),
-          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
+          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.roleBadge, children: /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.roleText, children: role }) })
         ] }),
-        /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSettingsMobile_default.divider }),
+        /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.divider }),
         /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
-          /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
+          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: ownerIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.icon, children: ownerIcon }) }),
+          /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: ownerId })
         ] }),
         /* @__PURE__ */ jsxs96("div", { className: ScWorkspaceSettingsMobile_default.infoRow, children: [
-          /* @__PURE__ */ jsx114("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx114("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
-          /* @__PURE__ */ jsx114("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
+          /* @__PURE__ */ jsx115("div", { className: ScWorkspaceSettingsMobile_default.iconContainer, children: teamIcon && /* @__PURE__ */ jsx115("span", { className: ScWorkspaceSettingsMobile_default.icon, children: teamIcon }) }),
+          /* @__PURE__ */ jsx115("p", { className: ScWorkspaceSettingsMobile_default.infoText, children: teamCount })
         ] })
       ]
     }
@@ -11254,7 +11515,7 @@ var ScMobileTopNav_default = {
 };
 
 // src/SC-MobileTopNav/ScMobileTopNav.tsx
-import { Fragment as Fragment28, jsx as jsx115, jsxs as jsxs97 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx116, jsxs as jsxs97 } from "react/jsx-runtime";
 var ScMobileTopNav = ({
   type = "home",
   searchIcon = false,
@@ -11283,16 +11544,16 @@ var ScMobileTopNav = ({
       className: ScMobileTopNav_default.scMobileTopNav + " " + (hasBorder ? ScMobileTopNav_default.withBorder : "") + " " + className,
       ...props,
       children: [
-        type === "home" && /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+        type === "home" && /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
         type === "chat" && /* @__PURE__ */ jsxs97(Fragment28, { children: [
-          /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx115("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
-          /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx116("p", { className: ScMobileTopNav_default.chatTitle, children: chatTitle }),
+          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMoreClick, children: moreIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
         showSearch && /* @__PURE__ */ jsxs97(Fragment28, { children: [
-          /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs97("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
-            /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-            /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.searchRow, children: /* @__PURE__ */ jsxs97("div", { className: ScMobileTopNav_default.searchInputContainer, children: [
+            /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onSearchClick, children: searchIconElement || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+            /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.searchInput, children: /* @__PURE__ */ jsx116(
               "input",
               {
                 type: "text",
@@ -11303,17 +11564,17 @@ var ScMobileTopNav = ({
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
+          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onCloseClick, children: closeIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) })
         ] }),
         type === "inApp" && !search && /* @__PURE__ */ jsxs97(Fragment28, { children: [
-          /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
-          /* @__PURE__ */ jsx115("p", { className: ScMobileTopNav_default.heading, children: heading }),
-          /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconContainer, onClick: onMenuClick, children: menuIcon || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) }),
+          /* @__PURE__ */ jsx116("p", { className: ScMobileTopNav_default.heading, children: heading }),
+          /* @__PURE__ */ jsx116(
             "div",
             {
               className: ScMobileTopNav_default.iconContainer + " " + (!searchIcon ? ScMobileTopNav_default.hidden : ""),
               onClick: onSearchClick,
-              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx115("div", { className: ScMobileTopNav_default.iconPlaceholder })
+              children: searchIcon ? searchIconElement || /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder }) : /* @__PURE__ */ jsx116("div", { className: ScMobileTopNav_default.iconPlaceholder })
             }
           )
         ] })
@@ -11334,7 +11595,7 @@ var ScMobileBottomAction_default = {
 };
 
 // src/SC-MobileBottomAction/ScMobileBottomAction.tsx
-import { jsx as jsx116, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs98 } from "react/jsx-runtime";
 var ScMobileBottomAction = ({
   text = "Save Changes",
   disabled = false,
@@ -11352,22 +11613,22 @@ var ScMobileBottomAction = ({
       className: ScMobileBottomAction_default.scMobileBottomAction + (isTwoButton ? " " + ScMobileBottomAction_default.twoButton : "") + " " + className,
       ...props,
       children: [
-        isTwoButton && /* @__PURE__ */ jsx116(
+        isTwoButton && /* @__PURE__ */ jsx117(
           "button",
           {
             className: ScMobileBottomAction_default.outlineButton + " " + (secondaryDisabled ? ScMobileBottomAction_default.disabled : ""),
             onClick: onSecondaryClick,
             disabled: secondaryDisabled,
-            children: /* @__PURE__ */ jsx116("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
+            children: /* @__PURE__ */ jsx117("span", { className: ScMobileBottomAction_default.outlineButtonText, children: secondaryText })
           }
         ),
-        /* @__PURE__ */ jsx116(
+        /* @__PURE__ */ jsx117(
           "button",
           {
             className: ScMobileBottomAction_default.button + " " + (disabled ? ScMobileBottomAction_default.disabled : ""),
             onClick,
             disabled,
-            children: /* @__PURE__ */ jsx116("span", { className: ScMobileBottomAction_default.buttonText, children: text })
+            children: /* @__PURE__ */ jsx117("span", { className: ScMobileBottomAction_default.buttonText, children: text })
           }
         )
       ]
@@ -11385,7 +11646,7 @@ var ScPopUpMenu_default = {
 };
 
 // src/SC-PopUpMenu/ScPopUpMenu.tsx
-import { jsx as jsx117, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs99 } from "react/jsx-runtime";
 var ScPopUpMenu = ({
   menu = "Options",
   state = "default",
@@ -11401,8 +11662,8 @@ var ScPopUpMenu = ({
       onClick,
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx117("span", { className: ScPopUpMenu_default.icon, children: icon }),
-        /* @__PURE__ */ jsx117("p", { className: ScPopUpMenu_default.menuText, children: menu })
+        icon && /* @__PURE__ */ jsx118("span", { className: ScPopUpMenu_default.icon, children: icon }),
+        /* @__PURE__ */ jsx118("p", { className: ScPopUpMenu_default.menuText, children: menu })
       ]
     }
   );
@@ -11428,7 +11689,7 @@ var ScReferralCardMobile_default = {
 };
 
 // src/SC-referralCard-Mobile/ScReferralCardMobile.tsx
-import { jsx as jsx118, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs100 } from "react/jsx-runtime";
 var ScReferralCardMobile = ({
   name = "Chris Hemsworth",
   email = "chris@kepler.com",
@@ -11450,18 +11711,18 @@ var ScReferralCardMobile = ({
       children: [
         /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.userRow, children: [
           /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.profileSection, children: [
-            /* @__PURE__ */ jsx118("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx118("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx118("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
+            /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.profileImage, children: imageUrl ? /* @__PURE__ */ jsx119("img", { src: imageUrl, alt: name, className: ScReferralCardMobile_default.image }) : /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.initials, children: initials }) }),
             /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.userInfo, children: [
-              /* @__PURE__ */ jsx118("p", { className: ScReferralCardMobile_default.userName, children: name }),
-              /* @__PURE__ */ jsx118("p", { className: ScReferralCardMobile_default.userEmail, children: email })
+              /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.userName, children: name }),
+              /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.userEmail, children: email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx118("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx118("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
+          /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.badge, children: /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.badgeText, children: badge }) })
         ] }),
-        /* @__PURE__ */ jsx118("div", { className: ScReferralCardMobile_default.divider }),
+        /* @__PURE__ */ jsx119("div", { className: ScReferralCardMobile_default.divider }),
         /* @__PURE__ */ jsxs100("div", { className: ScReferralCardMobile_default.detailsRow, children: [
-          /* @__PURE__ */ jsx118("p", { className: ScReferralCardMobile_default.dateText, children: date }),
-          /* @__PURE__ */ jsx118("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
+          /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.dateText, children: date }),
+          /* @__PURE__ */ jsx119("p", { className: ScReferralCardMobile_default.creditsText, children: credits })
         ] })
       ]
     }
@@ -11478,7 +11739,7 @@ var InvoiceHistoryMobile_default = {
 };
 
 // src/SC-InvoiceHistoryMobile/InvoiceHistoryMobile.tsx
-import { jsx as jsx119, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs101 } from "react/jsx-runtime";
 var InvoiceHistoryMobile = ({
   invoiceId = "# INV-2800-2026",
   date = "Nov 9th, 2025",
@@ -11487,10 +11748,10 @@ var InvoiceHistoryMobile = ({
 }) => {
   return /* @__PURE__ */ jsxs101("div", { className: InvoiceHistoryMobile_default.invoiceHistoryMobile + " " + (className ?? ""), children: [
     /* @__PURE__ */ jsxs101("div", { className: InvoiceHistoryMobile_default.info, children: [
-      /* @__PURE__ */ jsx119("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
-      /* @__PURE__ */ jsx119("div", { className: InvoiceHistoryMobile_default.date, children: date })
+      /* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.invoiceId, children: invoiceId }),
+      /* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.date, children: date })
     ] }),
-    /* @__PURE__ */ jsx119("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
+    /* @__PURE__ */ jsx120("div", { className: InvoiceHistoryMobile_default.amount, children: amount })
   ] });
 };
 
@@ -11508,7 +11769,7 @@ var UsageHistoryMobile_default = {
 };
 
 // src/SC-UsageHistoryMobile/UsageHistoryMobile.tsx
-import { jsx as jsx120, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs102 } from "react/jsx-runtime";
 var UsageHistoryMobile = ({
   serviceName = "Artifax Generation",
   credits = "50",
@@ -11519,16 +11780,16 @@ var UsageHistoryMobile = ({
 }) => {
   return /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.usageHistoryMobile + " " + (className ?? ""), children: [
     /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.row1, children: [
-      /* @__PURE__ */ jsx120("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
-      /* @__PURE__ */ jsx120("span", { className: UsageHistoryMobile_default.credits, children: credits })
+      /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.serviceName, children: serviceName }),
+      /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.credits, children: credits })
     ] }),
     /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.row2, children: [
       /* @__PURE__ */ jsxs102("div", { className: UsageHistoryMobile_default.metaLeft, children: [
-        /* @__PURE__ */ jsx120("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
-        /* @__PURE__ */ jsx120("div", { className: UsageHistoryMobile_default.divider }),
-        /* @__PURE__ */ jsx120("span", { className: UsageHistoryMobile_default.metaText, children: date })
+        /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.metaText, children: userName }),
+        /* @__PURE__ */ jsx121("div", { className: UsageHistoryMobile_default.divider }),
+        /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.metaText, children: date })
       ] }),
-      /* @__PURE__ */ jsx120("span", { className: UsageHistoryMobile_default.balance, children: balance })
+      /* @__PURE__ */ jsx121("span", { className: UsageHistoryMobile_default.balance, children: balance })
     ] })
   ] });
 };
@@ -11552,7 +11813,7 @@ var ScWorkspaceSwitchMobileV2_default = {
 };
 
 // src/SC-WorkspaceSwitchMobile-V2/ScWorkspaceSwitchMobileV2.tsx
-import { jsx as jsx121, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs103 } from "react/jsx-runtime";
 var ScWorkspaceSwitchMobileV2 = ({
   wsName = "Workspace name is kepler",
   initials = "WS",
@@ -11565,14 +11826,14 @@ var ScWorkspaceSwitchMobileV2 = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     "div",
     {
       className: ScWorkspaceSwitchMobileV2_default.scWorkspaceSwitchMobileV2 + " " + ScWorkspaceSwitchMobileV2_default["type-" + type] + " " + className,
       onClick,
       ...props,
       children: /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.workspaceInfo, children: [
-        /* @__PURE__ */ jsx121("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dpContainer, children: /* @__PURE__ */ jsx122(
           ScDp,
           {
             type: imageUrl ? "image" : "initial",
@@ -11587,13 +11848,13 @@ var ScWorkspaceSwitchMobileV2 = ({
           }
         ) }),
         /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.textContainer, children: [
-          /* @__PURE__ */ jsx121("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
+          /* @__PURE__ */ jsx122("p", { className: ScWorkspaceSwitchMobileV2_default.wsName, children: wsName }),
           /* @__PURE__ */ jsxs103("div", { className: ScWorkspaceSwitchMobileV2_default.userDetails, children: [
-            /* @__PURE__ */ jsx121("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
-            /* @__PURE__ */ jsx121("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx121("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
-            /* @__PURE__ */ jsx121("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
-            /* @__PURE__ */ jsx121("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
+            /* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.roleText + (role === "Member" ? " " + ScWorkspaceSwitchMobileV2_default.roleMember : ""), children: role }),
+            /* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.planText, children: plan }),
+            /* @__PURE__ */ jsx122("div", { className: ScWorkspaceSwitchMobileV2_default.dot }),
+            /* @__PURE__ */ jsx122("span", { className: ScWorkspaceSwitchMobileV2_default.ownerText, children: ownerId })
           ] })
         ] })
       ] })
@@ -11620,7 +11881,7 @@ var ScImageField_default = {
 
 // src/SC-imageField/ScImageField.tsx
 import { SiconUpload as SiconUpload2, SiconDelete as SiconDelete2 } from "@streamoid/icons";
-import { jsx as jsx122, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs104 } from "react/jsx-runtime";
 var ScImageField = ({
   label = "Label",
   imagePreview,
@@ -11644,7 +11905,7 @@ var ScImageField = ({
     e.target.value = "";
   }
   return /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.scImageField + " " + (className ?? ""), children: [
-    /* @__PURE__ */ jsx122(
+    /* @__PURE__ */ jsx123(
       "input",
       {
         ref: inputRef,
@@ -11654,9 +11915,9 @@ var ScImageField = ({
         onChange: handleChange
       }
     ),
-    /* @__PURE__ */ jsx122("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx122("div", { className: ScImageField_default.label, children: label }) }),
+    /* @__PURE__ */ jsx123("div", { className: ScImageField_default.labelContainer, children: /* @__PURE__ */ jsx123("div", { className: ScImageField_default.label, children: label }) }),
     hasImage ? /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.previewArea, children: [
-      /* @__PURE__ */ jsx122(
+      /* @__PURE__ */ jsx123(
         "img",
         {
           className: ScImageField_default.previewImage,
@@ -11664,8 +11925,8 @@ var ScImageField = ({
           alt: "preview"
         }
       ),
-      /* @__PURE__ */ jsx122("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
-      /* @__PURE__ */ jsx122(
+      /* @__PURE__ */ jsx123("span", { className: ScImageField_default.fileName, children: imageName || "image" }),
+      /* @__PURE__ */ jsx123(
         SiconDelete2,
         {
           className: ScImageField_default.removeIcon,
@@ -11677,8 +11938,8 @@ var ScImageField = ({
         }
       )
     ] }) : /* @__PURE__ */ jsxs104("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx122(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
-      /* @__PURE__ */ jsx122("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
+      /* @__PURE__ */ jsx123(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ jsx123("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
 };
@@ -11692,7 +11953,7 @@ var ScSettingsTabComp_default = {
 };
 
 // src/SC-settingsTabComp/ScSettingsTabComp.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var ScSettingsTabComp = ({
   tabName = "Tab",
   active = false,
@@ -11700,12 +11961,12 @@ var ScSettingsTabComp = ({
   className
 }) => {
   const variantsClassName = ScSettingsTabComp_default["active-" + active];
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     "div",
     {
       className: ScSettingsTabComp_default.scSettingsTabComp + " " + variantsClassName + " " + (className ?? ""),
       onClick,
-      children: /* @__PURE__ */ jsx123("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
+      children: /* @__PURE__ */ jsx124("span", { className: ScSettingsTabComp_default.tabText, children: tabName })
     }
   );
 };
@@ -11725,7 +11986,7 @@ var ScCreditsUsageCardMobile_default = {
 
 // src/SC-Credits usage card-Mobile/ScCreditsUsageCardMobile.tsx
 import { SiconCredits as SiconCredits2 } from "@streamoid/icons";
-import { jsx as jsx124, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs105 } from "react/jsx-runtime";
 var ScCreditsUsageCardMobile = ({
   usageLabel = "Credits usage",
   usageText = "8,450 / 30,000",
@@ -11737,21 +11998,21 @@ var ScCreditsUsageCardMobile = ({
 }) => {
   return /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.scCreditsUsageCardMobile + " " + (className ?? ""), ...props, children: [
     /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.header, children: [
-      /* @__PURE__ */ jsx124(
+      /* @__PURE__ */ jsx125(
         SiconCredits2,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
           color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
         }
       ),
-      /* @__PURE__ */ jsx124("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
+      /* @__PURE__ */ jsx125("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
     ] }),
-    /* @__PURE__ */ jsx124("div", { className: ScCreditsUsageCardMobile_default.divider }),
+    /* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.divider }),
     /* @__PURE__ */ jsxs105("div", { className: ScCreditsUsageCardMobile_default.usageInfo, children: [
-      /* @__PURE__ */ jsx124("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
-      /* @__PURE__ */ jsx124("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
+      /* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.usageText, children: usageText }),
+      /* @__PURE__ */ jsx125("div", { className: ScCreditsUsageCardMobile_default.remainingText, children: remainingText })
     ] }),
-    /* @__PURE__ */ jsx124(
+    /* @__PURE__ */ jsx125(
       ScButton,
       {
         text: buyButtonText,
@@ -11793,7 +12054,7 @@ var ScPlanDetailsCardMobile_default = {
 
 // src/SC-Plan details card-Mobile/ScPlanDetailsCardMobile.tsx
 import { SiconBilling as SiconBilling5 } from "@streamoid/icons";
-import { Fragment as Fragment29, jsx as jsx125, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx126, jsxs as jsxs106 } from "react/jsx-runtime";
 var ScPlanDetailsCardMobile = ({
   planName = "Pro",
   planCredits = "30,000 credits",
@@ -11810,17 +12071,17 @@ var ScPlanDetailsCardMobile = ({
   return /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.scPlanDetailsCardMobile + " " + (className ?? ""), ...props, children: [
     /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planHeader, children: [
       /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.headerLeft, children: [
-        /* @__PURE__ */ jsx125(
+        /* @__PURE__ */ jsx126(
           SiconBilling5,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
             color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
           }
         ),
-        /* @__PURE__ */ jsx125("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
+        /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
       ] }),
-      /* @__PURE__ */ jsx125("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx125("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
-        /* @__PURE__ */ jsx125(
+      /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.badgeGroup, children: isLoading ? /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.badgeSkeleton}` }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
+        /* @__PURE__ */ jsx126(
           ScBadges,
           {
             text: badgeText,
@@ -11830,27 +12091,27 @@ var ScPlanDetailsCardMobile = ({
           }
         ),
         badgeSubText && /* @__PURE__ */ jsxs106(Fragment29, { children: [
-          /* @__PURE__ */ jsx125("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
-          /* @__PURE__ */ jsx125("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
+          /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.badgeDot }),
+          /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.badgeSubText, children: badgeSubText })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx125("div", { className: ScPlanDetailsCardMobile_default.divider }),
-    /* @__PURE__ */ jsx125("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs106(Fragment29, { children: [
+    /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.divider }),
+    /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.planInfo, children: isLoading ? /* @__PURE__ */ jsxs106(Fragment29, { children: [
       /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, "aria-label": "Loading plan details", children: [
-        /* @__PURE__ */ jsx125("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
-        /* @__PURE__ */ jsx125("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
+        /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.planNameSkeleton}` }),
+        /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.creditsSkeleton}` })
       ] }),
-      /* @__PURE__ */ jsx125("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
+      /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.priceSkeleton}` })
     ] }) : /* @__PURE__ */ jsxs106(Fragment29, { children: [
       /* @__PURE__ */ jsxs106("div", { className: ScPlanDetailsCardMobile_default.planNameRow, children: [
-        /* @__PURE__ */ jsx125("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
-        /* @__PURE__ */ jsx125("div", { className: ScPlanDetailsCardMobile_default.dot }),
-        /* @__PURE__ */ jsx125("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
+        /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.planName, children: planName }),
+        /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.dot }),
+        /* @__PURE__ */ jsx126("span", { className: ScPlanDetailsCardMobile_default.planName, children: planCredits })
       ] }),
-      /* @__PURE__ */ jsx125("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
+      /* @__PURE__ */ jsx126("div", { className: ScPlanDetailsCardMobile_default.planPrice, children: planPrice })
     ] }) }),
-    isLoading ? /* @__PURE__ */ jsx125("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx125(
+    isLoading ? /* @__PURE__ */ jsx126("span", { className: `${ScPlanDetailsCardMobile_default.skeletonPill} ${ScPlanDetailsCardMobile_default.buttonSkeleton}` }) : /* @__PURE__ */ jsx126(
       ScButton,
       {
         text: upgradeButtonText,
@@ -11902,7 +12163,7 @@ import {
   SiconLight as SiconLight3,
   SiconDark as SiconDark3
 } from "@streamoid/icons";
-import { Fragment as Fragment30, jsx as jsx126, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx127, jsxs as jsxs107 } from "react/jsx-runtime";
 var activateOnKey = (handler) => (event) => {
   if (!handler) return;
   if (event.key === "Enter" || event.key === " ") {
@@ -11953,7 +12214,7 @@ var ScProfilePopup = forwardRef2(
   }, ref) => {
     const hasWorkspaceBlock = showWorkspace || showSwitchWorkspace || !!workspaceContent;
     const hasMenuBlock = showTeams || showBilling || showSettings || showWhatsNew || !!menuContent;
-    const menuRow = (icon, text, onClick, extra) => /* @__PURE__ */ jsx126(
+    const menuRow = (icon, text, onClick, extra) => /* @__PURE__ */ jsx127(
       ScMenuOptions,
       {
         icon,
@@ -11968,7 +12229,7 @@ var ScProfilePopup = forwardRef2(
     );
     const themeTab = (mode, icon, label) => {
       const active = themeMode === mode;
-      return /* @__PURE__ */ jsx126(
+      return /* @__PURE__ */ jsx127(
         ScTabComp,
         {
           type: "icon-only",
@@ -11984,7 +12245,7 @@ var ScProfilePopup = forwardRef2(
         }
       );
     };
-    const profile = /* @__PURE__ */ jsx126(
+    const profile = /* @__PURE__ */ jsx127(
       ScProfile,
       {
         name,
@@ -12001,7 +12262,7 @@ var ScProfilePopup = forwardRef2(
         ...props,
         children: [
           /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileHeader, children: [
-            onProfileClick ? /* @__PURE__ */ jsx126(
+            onProfileClick ? /* @__PURE__ */ jsx127(
               "button",
               {
                 type: "button",
@@ -12009,10 +12270,10 @@ var ScProfilePopup = forwardRef2(
                 onClick: onProfileClick,
                 children: profile
               }
-            ) : /* @__PURE__ */ jsx126("div", { className: ScProfilePopup_default.profileBlock, children: profile }),
+            ) : /* @__PURE__ */ jsx127("div", { className: ScProfilePopup_default.profileBlock, children: profile }),
             (headerActions || showLogout) && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.headerActions, children: [
               headerActions,
-              showLogout && /* @__PURE__ */ jsx126(
+              showLogout && /* @__PURE__ */ jsx127(
                 "button",
                 {
                   type: "button",
@@ -12020,16 +12281,16 @@ var ScProfilePopup = forwardRef2(
                   onClick: onLogout,
                   "aria-label": logoutLabel,
                   title: logoutLabel,
-                  children: /* @__PURE__ */ jsx126(SiconLogout4, { size: 24 })
+                  children: /* @__PURE__ */ jsx127(SiconLogout4, { size: 24 })
                 }
               )
             ] })
           ] }),
           hasWorkspaceBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
-            /* @__PURE__ */ jsx126(ScHDivider, { className: "" }),
+            /* @__PURE__ */ jsx127(ScHDivider, { className: "" }),
             /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.profileDetails, children: [
               showWorkspace && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.workspaceInfo, children: [
-                /* @__PURE__ */ jsx126(
+                /* @__PURE__ */ jsx127(
                   ScWorkspace,
                   {
                     workspaceName,
@@ -12039,16 +12300,16 @@ var ScProfilePopup = forwardRef2(
                   }
                 ),
                 credits != null && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.creditsPill, children: [
-                  /* @__PURE__ */ jsx126(SiconCredits3, { size: 16 }),
-                  /* @__PURE__ */ jsx126("span", { className: ScProfilePopup_default.creditsValue, children: credits })
+                  /* @__PURE__ */ jsx127(SiconCredits3, { size: 16 }),
+                  /* @__PURE__ */ jsx127("span", { className: ScProfilePopup_default.creditsValue, children: credits })
                 ] })
               ] }),
               (showSwitchWorkspace || workspaceContent) && /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.switchWorkspaceRow, children: [
-                showSwitchWorkspace && /* @__PURE__ */ jsx126(
+                showSwitchWorkspace && /* @__PURE__ */ jsx127(
                   ScButton,
                   {
                     text: switchWorkspaceLabel,
-                    icon: /* @__PURE__ */ jsx126(SiconWorkspace3, { size: 20 }),
+                    icon: /* @__PURE__ */ jsx127(SiconWorkspace3, { size: 20 }),
                     styleVariant: "icon-left",
                     variant: "outline",
                     size: "md",
@@ -12061,12 +12322,12 @@ var ScProfilePopup = forwardRef2(
             ] })
           ] }),
           hasMenuBlock && /* @__PURE__ */ jsxs107(Fragment30, { children: [
-            /* @__PURE__ */ jsx126(ScHDivider, { className: "" }),
+            /* @__PURE__ */ jsx127(ScHDivider, { className: "" }),
             /* @__PURE__ */ jsxs107("div", { className: ScProfilePopup_default.settingsOptions, children: [
-              showTeams && menuRow(/* @__PURE__ */ jsx126(SiconTeam8, { size: 24 }), teamsLabel, onTeams),
-              showBilling && menuRow(/* @__PURE__ */ jsx126(SiconBilling6, { size: 24 }), billingLabel, onBilling),
-              showSettings && menuRow(/* @__PURE__ */ jsx126(SiconSettings4, { size: 24 }), settingsLabel, onSettings),
-              showWhatsNew && menuRow(/* @__PURE__ */ jsx126(SiconBolt6, { size: 24 }), whatsNewLabel, onWhatsNew, {
+              showTeams && menuRow(/* @__PURE__ */ jsx127(SiconTeam8, { size: 24 }), teamsLabel, onTeams),
+              showBilling && menuRow(/* @__PURE__ */ jsx127(SiconBilling6, { size: 24 }), billingLabel, onBilling),
+              showSettings && menuRow(/* @__PURE__ */ jsx127(SiconSettings4, { size: 24 }), settingsLabel, onSettings),
+              showWhatsNew && menuRow(/* @__PURE__ */ jsx127(SiconBolt6, { size: 24 }), whatsNewLabel, onWhatsNew, {
                 variant: version ? "with-v" : "default",
                 ...version ? { version } : {}
               }),
@@ -12074,16 +12335,16 @@ var ScProfilePopup = forwardRef2(
             ] })
           ] }),
           preFooterContent,
-          showThemeSwitcher && /* @__PURE__ */ jsx126(
+          showThemeSwitcher && /* @__PURE__ */ jsx127(
             ScTabSwitcher,
             {
               tabCount: "3",
               role: "radiogroup",
               "aria-label": "Theme",
               className: "",
-              component: themeTab("system", /* @__PURE__ */ jsx126(SiconSystem3, { size: 20 }), "System theme"),
-              component2: themeTab("light", /* @__PURE__ */ jsx126(SiconLight3, { size: 20 }), "Light theme"),
-              component3: themeTab("dark", /* @__PURE__ */ jsx126(SiconDark3, { size: 20 }), "Dark theme")
+              component: themeTab("system", /* @__PURE__ */ jsx127(SiconSystem3, { size: 20 }), "System theme"),
+              component2: themeTab("light", /* @__PURE__ */ jsx127(SiconLight3, { size: 20 }), "Light theme"),
+              component3: themeTab("dark", /* @__PURE__ */ jsx127(SiconDark3, { size: 20 }), "Dark theme")
             }
           ),
           children
@@ -12172,6 +12433,7 @@ export {
   ScPlanDetailsCard,
   ScPlanDetailsCardMobile,
   ScPopUpMenu,
+  ScPopoverArrow,
   ScProfile,
   ScProfileImageUpdate,
   ScProfileOptions,
@@ -12237,12 +12499,18 @@ export {
   advanceSidebarResizeGesture,
   clampPanelWidth,
   createStreamoidAppSwitchUtilities,
+  formatStreamoidAppVersion,
   formatSubAgentLabel,
   hasCollapsedMark,
+  resolveAnchoredPopoverArrow,
+  resolveAnchoredPopoverPosition,
   resolvePanelResize,
   resolvePanelResizeKey,
+  scAppSwitchOrder,
   streamoidAppSwitchTagline,
   streamoidChangelogUrl,
+  useStreamoidAnchoredPopover,
+  useStreamoidAnchoredPopoverPosition,
   useStreamoidPanelWidth,
   useStreamoidSidebarPopoverPosition,
   useStreamoidSidebarPreference,