@scalar/agent-chat 0.12.20 → 0.12.21

package/dist/vue-styles.css

@@ -92,7 +92,7 @@
   position: relative;
 }
 
-.playIcon[data-v-5749c429] {
+.playIcon[data-v-5a1d2b16] {
   padding: 4px;
   height: 16px;
   width: 16px;
@@ -102,9 +102,9 @@
   justify-content: center;
   position: relative;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-.playIcon[data-v-5749c429]::before {
+.playIcon[data-v-5a1d2b16]::before {
   content: '';
   width: 16px;
   height: 16px;
@@ -115,11 +115,11 @@
   border-style: solid;
   border-color: currentcolor currentcolor transparent;
   border-image: initial;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  animation: 0.42s linear 0s infinite normal none running rotation-5749c429;
+  animation: 0.42s linear 0s infinite normal none running rotation-5a1d2b16;
 }
-.buildingRequest[data-v-5749c429] {
+.buildingRequest[data-v-5a1d2b16] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -129,13 +129,13 @@
   font-size: var(--scalar-font-size-3);
   position: relative;
 }
-.buildingRequest svg[data-v-5749c429] {
+.buildingRequest svg[data-v-5a1d2b16] {
   width: 100%;
   height: 100%;
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-@keyframes rotation-5749c429 {
+@keyframes rotation-5a1d2b16 {
 0% {
     transform: rotate(0deg);
 }
@@ -155,7 +155,7 @@
   position: relative;
 }
 
-.requestFailed[data-v-bc27e533] {
+.requestFailed[data-v-29140773] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -165,13 +165,13 @@
   font-size: var(--scalar-font-size-3);
   position: relative;
 }
-.requestFailedIcon[data-v-bc27e533] {
+.requestFailedIcon[data-v-29140773] {
   box-shadow: inset 0 0 0 1.5px currentColor;
   padding: 4px;
   padding: 4px;
   width: 16px;
   height: 16px;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
 
 .requestRejected[data-v-9803a54c] {
@@ -203,7 +203,7 @@
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
 
-.playIcon[data-v-65dc6dfb] {
+.playIcon[data-v-a375f414] {
   padding: 4px;
   height: 16px;
   width: 16px;
@@ -213,9 +213,9 @@
   justify-content: center;
   position: relative;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-.playIcon[data-v-65dc6dfb]::before {
+.playIcon[data-v-a375f414]::before {
   content: '';
   width: 16px;
   height: 16px;
@@ -226,11 +226,11 @@
   border-style: solid;
   border-color: currentcolor currentcolor transparent;
   border-image: initial;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  animation: 0.42s linear 0s infinite normal none running rotation-65dc6dfb;
+  animation: 0.42s linear 0s infinite normal none running rotation-a375f414;
 }
-.sendingRequest[data-v-65dc6dfb] {
+.sendingRequest[data-v-a375f414] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -240,13 +240,13 @@
   font-size: var(--scalar-font-size-3);
   position: relative;
 }
-.sendingRequest svg[data-v-65dc6dfb] {
+.sendingRequest svg[data-v-a375f414] {
   width: 100%;
   height: 100%;
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-@keyframes rotation-65dc6dfb {
+@keyframes rotation-a375f414 {
 0% {
     transform: rotate(0deg);
 }
@@ -255,41 +255,41 @@
 }
 }
 
-.requestHeaderContainer[data-v-7595724d] {
+.requestHeaderContainer[data-v-1e1f4549] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 5px;
 }
-.requestPreview[data-v-7595724d] {
-  border-radius: 12px;
+.requestPreview[data-v-1e1f4549] {
+  border-radius: var(--scalar-radius-2xl);
   display: flex;
   flex-direction: column;
   width: 100%;
   position: relative;
 }
-.requestContent[data-v-7595724d] {
+.requestContent[data-v-1e1f4549] {
   display: grid;
   grid-template-rows: 0fr;
   min-height: 0;
   overflow: hidden;
   transition: grid-template-rows 0.2s ease-out;
 }
-.requestPreview.open .requestContent[data-v-7595724d] {
+.requestPreview.open .requestContent[data-v-1e1f4549] {
   grid-template-rows: 1fr;
 }
-.requestPreview.succeeded[data-v-7595724d] {
+.requestPreview.succeeded[data-v-1e1f4549] {
   padding: 0;
 }
-.requestContentInner[data-v-7595724d] {
+.requestContentInner[data-v-1e1f4549] {
   min-height: 0;
   overflow: hidden;
 }
-.code[data-v-7595724d] {
+.code[data-v-1e1f4549] {
   display: flex;
   flex-direction: column;
   font-size: var(--scalar-font-size-4);
-  border-radius: 12px;
+  border-radius: var(--scalar-radius-2xl);
   background: color-mix(
     in srgb,
     var(--scalar-background-2),
@@ -298,34 +298,34 @@
   overflow: hidden;
   margin-bottom: 12px;
 }
-.dark-mode .code[data-v-7595724d] {
+.dark-mode .code[data-v-1e1f4549] {
   background: var(--scalar-background-2);
 }
-.code h1[data-v-7595724d] {
+.code h1[data-v-1e1f4549] {
   font-size: var(--scalar-font-size-3);
   color: var(--scalar-color-3);
   padding: 8px;
 }
-.code[data-v-7595724d] .codeBlock {
+.code[data-v-1e1f4549] .codeBlock {
   max-height: calc(50vh - 100px);
   padding-top: 0;
 }
-.autosendContainer[data-v-7595724d] {
+.autosendContainer[data-v-1e1f4549] {
   display: flex;
   justify-content: space-between;
 }
-.sendButton[data-v-7595724d] {
+.sendButton[data-v-1e1f4549] {
   background: var(--scalar-color-blue);
   color: white;
   font-weight: var(--scalar-semibold);
   padding: 5px 10px;
 }
-.sendButton[data-v-7595724d]:hover,
-.sendButton[data-v-7595724d]:active {
+.sendButton[data-v-1e1f4549]:hover,
+.sendButton[data-v-1e1f4549]:active {
   background: color-mix(in srgb, var(--scalar-color-blue), black 10%);
   color: white !important;
 }
-.toggleButton[data-v-7595724d] {
+.toggleButton[data-v-1e1f4549] {
   background: none;
   border: none;
   cursor: pointer;
@@ -337,11 +337,11 @@
   justify-content: space-between;
   border-radius: var(--scalar-radius-lg);
 }
-.toggleButton[data-v-7595724d]:hover {
+.toggleButton[data-v-1e1f4549]:hover {
   text-decoration: underline;
 }
 
-.executeRequestTool[data-v-3e825a81] {
+.executeRequestTool[data-v-9025b7d4] {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -353,14 +353,8 @@
     0 var(--scalar-border-width) 0 var(--scalar-background-1),
     0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);
 }
-.tool[data-v-3e825a81] {
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-  padding: 15px;
-  border-radius: 15px;
-  margin-bottom: 20px;
-}
 
-.playIcon[data-v-9d9724d2] {
+.playIcon[data-v-0248d9dc] {
   padding: 4px;
   height: 16px;
   width: 16px;
@@ -370,9 +364,9 @@
   justify-content: center;
   position: relative;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-.playIcon[data-v-9d9724d2]::before {
+.playIcon[data-v-0248d9dc]::before {
   content: '';
   width: 16px;
   height: 16px;
@@ -383,11 +377,11 @@
   border-style: solid;
   border-color: currentcolor currentcolor transparent;
   border-image: initial;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  animation: 0.42s linear 0s infinite normal none running rotation-9d9724d2;
+  animation: 0.42s linear 0s infinite normal none running rotation-0248d9dc;
 }
-.loadingApiSpecs[data-v-9d9724d2] {
+.loadingApiSpecs[data-v-0248d9dc] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -396,13 +390,13 @@
   font-size: var(--scalar-font-size-3);
   margin-bottom: 10px;
 }
-.loadingApiSpecs svg[data-v-9d9724d2] {
+.loadingApiSpecs svg[data-v-0248d9dc] {
   width: 100%;
   height: 100%;
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-@keyframes rotation-9d9724d2 {
+@keyframes rotation-0248d9dc {
 0% {
     transform: rotate(0deg);
 }
@@ -411,7 +405,7 @@
 }
 }
 
-.contextItem[data-v-e6786ce3] {
+.contextItem[data-v-0509fef2] {
   white-space: nowrap;
   font-size: 10px;
   display: inline-block;
@@ -419,7 +413,7 @@
   cursor: pointer;
   vertical-align: middle;
   padding: 1px 8px;
-  border-radius: 12px;
+  border-radius: var(--scalar-radius-2xl);
   padding: 5px 10px;
   display: flex;
   align-items: center;
@@ -430,12 +424,12 @@
   );
   max-width: 200px;
 }
-.contextItemText[data-v-e6786ce3] {
+.contextItemText[data-v-0509fef2] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.shimmer[data-v-e6786ce3] {
+.shimmer[data-v-0509fef2] {
   background: var(--scalar-background-2);
   background-image: linear-gradient(
     90deg,
@@ -444,9 +438,9 @@
     var(--scalar-background-3) 80%
   );
   background-size: 200% 100%;
-  animation: shimmer-e6786ce3 1.4s ease-in-out infinite;
+  animation: shimmer-0509fef2 1.4s ease-in-out infinite;
 }
-.light-mode .shimmer[data-v-e6786ce3] {
+.light-mode .shimmer[data-v-0509fef2] {
   background: var(--scalar-background-2);
   background-image: linear-gradient(
     90deg,
@@ -455,9 +449,9 @@
     var(--scalar-background-3) 80%
   );
   background-size: 200% 100%;
-  animation: shimmer-e6786ce3 1.4s ease-in-out infinite;
+  animation: shimmer-0509fef2 1.4s ease-in-out infinite;
 }
-@keyframes shimmer-e6786ce3 {
+@keyframes shimmer-0509fef2 {
 0% {
     background-position: 200% 0;
 }
@@ -466,7 +460,7 @@
 }
 }
 
-.playIcon[data-v-6e0ac42c] {
+.playIcon[data-v-43864661] {
   padding: 4px;
   height: 16px;
   width: 16px;
@@ -476,9 +470,9 @@
   justify-content: center;
   position: relative;
   background: var(--scalar-background-1);
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-.playIcon[data-v-6e0ac42c]::before {
+.playIcon[data-v-43864661]::before {
   content: '';
   width: 16px;
   height: 16px;
@@ -489,11 +483,11 @@
   border-style: solid;
   border-color: currentcolor currentcolor transparent;
   border-image: initial;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-1);
-  animation: 0.42s linear 0s infinite normal none running rotation-6e0ac42c;
+  animation: 0.42s linear 0s infinite normal none running rotation-43864661;
 }
-.sendingRequest[data-v-6e0ac42c] {
+.sendingRequest[data-v-43864661] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -502,13 +496,13 @@
   font-size: var(--scalar-font-size-3);
   margin-bottom: 10px;
 }
-.sendingRequest svg[data-v-6e0ac42c] {
+.sendingRequest svg[data-v-43864661] {
   width: 100%;
   height: 100%;
   z-index: 1;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
 }
-@keyframes rotation-6e0ac42c {
+@keyframes rotation-43864661 {
 0% {
     transform: rotate(0deg);
 }
@@ -598,7 +592,7 @@
   gap: 10px;
 }
 
-.approvalSection[data-v-a7e6c699] {
+.approvalSection[data-v-fb5102df] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -609,7 +603,7 @@
     var(--scalar-background-1) 95%
   );
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -617,28 +611,28 @@
   top: 0;
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
-.approvalText[data-v-a7e6c699] {
+.approvalText[data-v-fb5102df] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.approveContainer[data-v-a7e6c699] {
+.approveContainer[data-v-fb5102df] {
   display: flex;
   gap: 5px;
 }
-.actionButton[data-v-a7e6c699] {
+.actionButton[data-v-fb5102df] {
   display: flex;
   align-items: center;
   font-weight: var(--scalar-semibold);
-  border-radius: 50px;
+  border-radius: var(--scalar-radius-full);
   padding: 6px 12px;
   font-size: var(--scalar-font-size-3);
 }
-.rejectButton[data-v-a7e6c699] {
+.rejectButton[data-v-fb5102df] {
   color: white;
   background: var(--scalar-color-red);
 }
-.rejectButton[data-v-a7e6c699]:hover,
-.rejectButton[data-v-a7e6c699]:active {
+.rejectButton[data-v-fb5102df]:hover,
+.rejectButton[data-v-fb5102df]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
@@ -646,12 +640,12 @@
   );
   color: white !important;
 }
-.approveButton[data-v-a7e6c699] {
+.approveButton[data-v-fb5102df] {
   color: white;
   background: var(--scalar-color-blue);
 }
-.approveButton[data-v-a7e6c699]:hover,
-.approveButton[data-v-a7e6c699]:active {
+.approveButton[data-v-fb5102df]:hover,
+.approveButton[data-v-fb5102df]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),
@@ -660,13 +654,13 @@
   color: white !important;
 }
 
-.error[data-v-63a481da] {
+.error[data-v-130cb1d5] {
   display: flex;
   align-items: center;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
@@ -679,7 +673,7 @@
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
 
-.freeMessagesInfoSection[data-v-913a3815] {
+.freeMessagesInfoSection[data-v-1921dede] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -690,34 +684,34 @@
     var(--scalar-background-1) 95%
   );
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.infoText[data-v-913a3815] {
+.infoText[data-v-1921dede] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.actionsContainer[data-v-913a3815] {
+.actionsContainer[data-v-1921dede] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.actionButton[data-v-913a3815] {
+.actionButton[data-v-1921dede] {
   display: flex;
   align-items: center;
   font-weight: var(--scalar-semibold);
-  border-radius: 50px;
+  border-radius: var(--scalar-radius-full);
   padding: 6px 12px;
 }
-.upgradeButton[data-v-913a3815] {
+.upgradeButton[data-v-1921dede] {
   color: white;
   font-size: var(--scalar-font-size-3);
   background: var(--scalar-color-blue);
 }
-.upgradeButton[data-v-913a3815]:hover,
-.upgradeButton[data-v-913a3815]:active {
+.upgradeButton[data-v-1921dede]:hover,
+.upgradeButton[data-v-1921dede]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),
@@ -725,19 +719,19 @@
   );
   color: white !important;
 }
-.closeButton[data-v-913a3815] {
+.closeButton[data-v-1921dede] {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 28px;
   height: 28px;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   color: var(--scalar-color-2);
   background: transparent;
   border: none;
   cursor: pointer;
 }
-.closeButton[data-v-913a3815]:hover {
+.closeButton[data-v-1921dede]:hover {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),
@@ -746,7 +740,7 @@
   color: var(--scalar-color-1);
 }
 
-.paymentSection[data-v-8f005a5c] {
+.paymentSection[data-v-9d163ea1] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -757,7 +751,7 @@
     var(--scalar-background-1) 95%
   );
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -765,27 +759,27 @@
   top: 0;
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
-.approvalText[data-v-8f005a5c] {
+.approvalText[data-v-9d163ea1] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.paymentContainer[data-v-8f005a5c] {
+.paymentContainer[data-v-9d163ea1] {
   display: flex;
   gap: 5px;
 }
-.actionButton[data-v-8f005a5c] {
+.actionButton[data-v-9d163ea1] {
   display: flex;
   align-items: center;
   font-weight: var(--scalar-semibold);
-  border-radius: 50px;
+  border-radius: var(--scalar-radius-full);
   padding: 6px 12px;
 }
-.rejectButton[data-v-8f005a5c] {
+.rejectButton[data-v-9d163ea1] {
   color: white;
   background: var(--scalar-color-red);
 }
-.rejectButton[data-v-8f005a5c]:hover,
-.rejectButton[data-v-8f005a5c]:active {
+.rejectButton[data-v-9d163ea1]:hover,
+.rejectButton[data-v-9d163ea1]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
@@ -793,13 +787,13 @@
   );
   color: white !important;
 }
-.approveButton[data-v-8f005a5c] {
+.approveButton[data-v-9d163ea1] {
   color: white;
   font-size: var(--scalar-font-size-3);
   background: var(--scalar-color-blue);
 }
-.approveButton[data-v-8f005a5c]:hover,
-.approveButton[data-v-8f005a5c]:active {
+.approveButton[data-v-9d163ea1]:hover,
+.approveButton[data-v-9d163ea1]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),
@@ -807,36 +801,36 @@
   );
   color: white !important;
 }
-.paymentInfo[data-v-8f005a5c] {
+.paymentInfo[data-v-9d163ea1] {
   width: 300px;
   position: absolute;
   right: 0;
   bottom: 70px;
   box-shadow: var(--scalar-shadow-2);
   background: var(--scalar-background-1);
-  border-radius: 16px;
+  border-radius: var(--scalar-radius-3xl);
   pointer-events: none;
   padding: 12px;
   transform: translate3d(0, -5px, 0);
   opacity: 0;
   transition: all 0.2s ease-in-out;
 }
-.paymentInfo h3[data-v-8f005a5c] {
+.paymentInfo h3[data-v-9d163ea1] {
   font-size: var(--scalar-font-size-1);
   font-weight: var(--scalar-bold);
   margin-bottom: 18px;
 }
-.paymentInfo h3 span[data-v-8f005a5c] {
+.paymentInfo h3 span[data-v-9d163ea1] {
   font-size: var(--scalar-font-size-2);
 }
-.dark-mode .paymentInfo[data-v-8f005a5c] {
+.dark-mode .paymentInfo[data-v-9d163ea1] {
   background: var(--scalar-background-2);
 }
-.paymentContainer:hover .paymentInfo[data-v-8f005a5c] {
+.paymentContainer:hover .paymentInfo[data-v-9d163ea1] {
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }
-.paymentInfoItem[data-v-8f005a5c] {
+.paymentInfoItem[data-v-9d163ea1] {
   display: flex;
   justify-content: space-between;
   margin-top: 8px;
@@ -844,7 +838,7 @@
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
 }
-.paymentInfoSection[data-v-8f005a5c]:not(:last-child) {
+.paymentInfoSection[data-v-9d163ea1]:not(:last-child) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   padding-bottom: 8px;
 }
@@ -874,7 +868,7 @@
   margin: 10px;
 }
 
-.uploadSection[data-v-1e830c40] {
+.uploadSection[data-v-9621c76b] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -885,7 +879,7 @@
     var(--scalar-background-1) 95%
   );
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px 16px 0 0;
+  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -893,43 +887,43 @@
   top: 0;
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
-.uploadSection.error[data-v-1e830c40] {
+.uploadSection.error[data-v-9621c76b] {
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
     var(--scalar-background-1) 95%
   );
 }
-.uploadSection.done[data-v-1e830c40] {
+.uploadSection.done[data-v-9621c76b] {
   background: color-mix(
     in srgb,
     var(--scalar-color-green),
     var(--scalar-background-1) 95%
   );
 }
-.uploadText[data-v-1e830c40] {
+.uploadText[data-v-9621c76b] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.icon[data-v-1e830c40] {
+.icon[data-v-9621c76b] {
   height: 20px;
   width: 20px;
 }
 
-.actionContainer[data-v-109c99b0] {
+.actionContainer[data-v-5e4d9063] {
   background: color-mix(
     in srgb,
     var(--scalar-background-2),
     var(--scalar-background-1)
   );
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: 16px;
+  border-radius: var(--scalar-radius-3xl);
   width: 100%;
   position: relative;
   /* visually hides overflowing text below */
   box-shadow: 0 24px 0 2px var(--scalar-background-1);
 }
-.promptForm[data-v-109c99b0] {
+.promptForm[data-v-5e4d9063] {
   width: 100%;
   position: relative;
   display: flex;
@@ -938,25 +932,25 @@
   box-shadow:
     var(--scalar-shadow-1),
     0 0 0 var(--scalar-border-width) var(--scalar-border-color);
-  border-radius: 16px;
+  border-radius: var(--scalar-radius-3xl);
 }
-.inputActionsContainer[data-v-109c99b0] {
+.inputActionsContainer[data-v-5e4d9063] {
   display: flex;
   justify-content: space-between;
   padding: 0 8px 8px 8px;
 }
-.inputActionsLeft[data-v-109c99b0] {
+.inputActionsLeft[data-v-5e4d9063] {
   display: flex;
   flex-wrap: wrap; /* key: allows pills to go to next line */
   align-items: center;
   gap: 5px; /* spacing between pills */
 }
-.inputActionsRight[data-v-109c99b0] {
+.inputActionsRight[data-v-5e4d9063] {
   display: flex;
   gap: 5px;
   position: relative;
 }
-.apiPill[data-v-109c99b0] {
+.apiPill[data-v-5e4d9063] {
   font-size: var(--scalar-font-size-3);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   color: var(--scalar-color-2);
@@ -964,35 +958,35 @@
   height: 28px;
   align-items: center;
   display: flex;
-  border-radius: 16px;
+  border-radius: var(--scalar-radius-3xl);
   padding: 0 8px;
   pointer-events: all;
   z-index: 1;
   gap: 4px;
   user-select: none;
 }
-.apiPillLogo[data-v-109c99b0] {
+.apiPillLogo[data-v-5e4d9063] {
   width: 15px;
 }
-.apiPillRemove[data-v-109c99b0] {
+.apiPillRemove[data-v-5e4d9063] {
   width: 24px;
   height: 24px;
   margin-right: -6px;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.apiPill:hover .apiPillRemove[data-v-109c99b0] {
+.apiPill:hover .apiPillRemove[data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
-.dark-mode .apiPill:hover .apiPillRemove[data-v-109c99b0] {
+.dark-mode .apiPill:hover .apiPillRemove[data-v-5e4d9063] {
   background: var(--scalar-background-3);
 }
-.apiPillRemove[data-v-109c99b0]:hover {
+.apiPillRemove[data-v-5e4d9063]:hover {
   color: var(--scalar-color-1);
 }
-.prompt[data-v-109c99b0] {
+.prompt[data-v-5e4d9063] {
   width: 100%;
   outline: none;
   border: none;
@@ -1009,13 +1003,13 @@
   font-size: 16px;
   padding: 12px 12px 14px 12px;
 }
-.dark-mode .promptForm[data-v-109c99b0] {
+.dark-mode .promptForm[data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
-.prompt[data-v-109c99b0]:disabled {
+.prompt[data-v-5e4d9063]:disabled {
   color: var(--scalar-color-3);
 }
-.addAPIButton[data-v-109c99b0] {
+.addAPIButton[data-v-5e4d9063] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1024,7 +1018,7 @@
   height: 28px;
   width: 28px;
   font-weight: var(--scalar-bold);
-  border-radius: 100%;
+  border-radius: var(--scalar-radius-full);
   display: flex;
   align-items: center;
   gap: 4px;
@@ -1032,7 +1026,7 @@
   z-index: 1;
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
 }
-.addAPIButton[data-v-109c99b0]:hover {
+.addAPIButton[data-v-5e4d9063]:hover {
   background: color-mix(
     in srgb,
     var(--scalar-background-2),
@@ -1040,47 +1034,47 @@
   );
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
 }
-.dark-mode .addAPIButton[data-v-109c99b0]:hover {
+.dark-mode .addAPIButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-3);
 }
-.settingsButton[data-v-109c99b0] {
+.settingsButton[data-v-5e4d9063] {
   color: var(--scalar-color-3) !important;
-  border-radius: 50% !important;
+  border-radius: var(--scalar-radius-full) !important;
   margin: 0 !important;
   z-index: 1;
 }
-.settingsButton[aria-disabled='true'][data-v-109c99b0] {
+.settingsButton[aria-disabled='true'][data-v-5e4d9063] {
   background: var(--scalar-background-2);
 }
-.dark-mode .settingsButton[data-v-109c99b0]:hover {
+.dark-mode .settingsButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-3);
 }
-.sendButton[data-v-109c99b0] {
+.sendButton[data-v-5e4d9063] {
   background: var(--scalar-color-blue) !important;
-  border-radius: 50% !important;
+  border-radius: var(--scalar-radius-full) !important;
   margin: 0 !important;
   z-index: 1;
   border: var(--scalar-border-width) solid var(--scalar-color-blue);
 }
-.sendButton[data-v-109c99b0]:not([aria-disabled='true']) {
+.sendButton[data-v-5e4d9063]:not([aria-disabled='true']) {
   color: white !important;
 }
-.sendButton[data-v-109c99b0]:not([aria-disabled='true']):hover {
+.sendButton[data-v-5e4d9063]:not([aria-disabled='true']):hover {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),
     transparent 10%
   ) !important;
 }
-.sendButton[aria-disabled='true'][data-v-109c99b0] {
+.sendButton[aria-disabled='true'][data-v-5e4d9063] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-3) !important;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.dark-mode .sendButton[aria-disabled='true'][data-v-109c99b0] {
+.dark-mode .sendButton[aria-disabled='true'][data-v-5e4d9063] {
   background: var(--scalar-background-3) !important;
 }
-.contextContainer[data-v-109c99b0] {
+.contextContainer[data-v-5e4d9063] {
   display: flex;
   width: 100%;
   padding: 10px 12px 12px 12px;
@@ -1089,28 +1083,28 @@
   user-select: none;
   justify-content: space-between;
 }
-.settingsButton[data-v-109c99b0] {
+.settingsButton[data-v-5e4d9063] {
   font-weight: var(--scalar-semibold);
   border-radius: var(--scalar-radius-lg);
   padding: 4px 6px;
   margin: -4px -6px;
 }
-.settingsButton[data-v-109c99b0]:hover {
+.settingsButton[data-v-5e4d9063]:hover {
   background: var(--scalar-background-2);
   box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);
   cursor: pointer;
 }
-.agentLabel[data-v-109c99b0] {
+.agentLabel[data-v-5e4d9063] {
   font-size: 0px;
   position: absolute;
   width: 100%;
   height: 100%;
   cursor: text;
 }
-.sendCheckboxContinue[data-v-109c99b0]:has(input) {
+.sendCheckboxContinue[data-v-5e4d9063]:has(input) {
   display: flex;
   align-items: center;
-  border-radius: 14px;
+  border-radius: var(--scalar-radius-3xl);
   background: var(--scalar-background-2);
   box-shadow: 0 0 0 1.5px var(--scalar-background-2);
   color: var(--scalar-color-2);
@@ -1119,11 +1113,11 @@
   user-select: none;
   height: 28px;
 }
-.dark-mode .sendCheckboxContinue[data-v-109c99b0]:has(input) {
+.dark-mode .sendCheckboxContinue[data-v-5e4d9063]:has(input) {
   background: var(--scalar-background-3);
   box-shadow: 0 0 0 1.5px var(--scalar-background-3);
 }
-.addMoreContext[data-v-109c99b0] {
+.addMoreContext[data-v-5e4d9063] {
   height: 40px;
   display: flex;
   position: relative;
@@ -1132,7 +1126,7 @@
   padding: 0 8px 0 12px;
   align-items: center;
 }
-.addMoreContext[data-v-109c99b0]:before {
+.addMoreContext[data-v-5e4d9063]:before {
   content: '';
   width: 8px;
   height: 8px;
@@ -1149,43 +1143,43 @@
     -0.5px -0.5px 0 var(--scalar-border-color),
     inset 0.5px 0.5px 1px var(--scalar-border-color);
 }
-.dark-mode .addMoreContext[data-v-109c99b0]:before {
+.dark-mode .addMoreContext[data-v-5e4d9063]:before {
   box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);
 }
-.addAPIContext[data-v-109c99b0] {
+.addAPIContext[data-v-5e4d9063] {
   width: 28px;
   height: 28px;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   display: flex;
   align-items: center;
   justify-content: center;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.termsAgree[data-v-109c99b0] {
+.termsAgree[data-v-5e4d9063] {
   display: flex;
   cursor: pointer;
   height: inherit;
   align-items: center;
-  border-radius: 14px;
+  border-radius: var(--scalar-radius-3xl);
   gap: 5px;
   margin: 0px 5px;
 }
-.termsAgree[data-v-109c99b0]:hover {
+.termsAgree[data-v-5e4d9063]:hover {
   color: var(--scalar-color-1);
 }
-.termsAgree:hover .termsAgreeIcon[data-v-109c99b0] {
+.termsAgree:hover .termsAgreeIcon[data-v-5e4d9063] {
   background: var(--scalar-color-1);
   color: var(--scalar-background-1);
 }
-.termsAgreeIcon[data-v-109c99b0] {
+.termsAgreeIcon[data-v-5e4d9063] {
   width: inherit;
   height: inherit;
   padding: 2px;
-  border-radius: 50%;
+  border-radius: var(--scalar-radius-full);
   background: var(--scalar-background-2);
 }
 
-.chat[data-v-8e43ed7a] {
+.chat[data-v-6573ec87] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -1193,11 +1187,11 @@
   padding: 24px 0;
   max-width: 744px;
 }
-.userMessage[data-v-8e43ed7a] {
+.userMessage[data-v-6573ec87] {
   padding-top: 6px;
   padding-bottom: 6px;
   padding-inline: 16px;
-  border-radius: 18px;
+  border-radius: var(--scalar-radius-3xl);
   background: var(--scalar-background-2);
   width: fit-content;
   max-width: 80%;
@@ -1207,24 +1201,24 @@
   color: var(--scalar-color-1);
   margin-bottom: 12px;
 }
-div + .userMessage[data-v-8e43ed7a] {
+div + .userMessage[data-v-6573ec87] {
   margin-top: 64px;
 }
-.chat[data-v-8e43ed7a] >  div:has(.executeRequestTool) + div:has(.executeRequestTool) {
+.chat[data-v-6573ec87] >  div:has(.executeRequestTool) + div:has(.executeRequestTool) {
   margin-top: -12px;
 }
-.spacer[data-v-8e43ed7a] {
+.spacer[data-v-6573ec87] {
   min-height: 280px;
   width: 100%;
 }
-.formContainer[data-v-8e43ed7a] {
+.formContainer[data-v-6573ec87] {
   position: fixed;
   bottom: 20px;
   width: 100%;
   max-width: 744px;
   z-index: 1;
 }
-.chat[data-v-8e43ed7a] .markdown {
+.chat[data-v-6573ec87] .markdown {
   margin-bottom: 12px;
 }