@scalar/agent-chat 0.12.19 → 0.12.21

package/dist/style.css

@@ -458,7 +458,7 @@
 }
 
 .scalar-app .markdown img {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   max-width: 100%;
   display: inline-block;
   overflow: hidden;
@@ -518,7 +518,7 @@
 .scalar-app .markdown table {
   table-layout: fixed;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   border-spacing: 0;
   width: max-content;
   max-width: 100%;
@@ -588,11 +588,11 @@
 }
 
 .scalar-app .markdown th:first-of-type {
-  border-top-left-radius: var(--scalar-radius);
+  border-top-left-radius: var(--scalar-radius-md);
 }
 
 .scalar-app .markdown th:last-of-type {
-  border-top-right-radius: var(--scalar-radius);
+  border-top-right-radius: var(--scalar-radius-md);
 }
 
 .scalar-app .markdown tr > [align="left"] {
@@ -631,13 +631,13 @@
 }
 
 .scalar-app .markdown summary {
+  border-radius: var(--scalar-radius);
   min-height: 40px;
   font-weight: var(--scalar-semibold);
   line-height: var(--markdown-line-height);
   cursor: pointer;
   -webkit-user-select: none;
   user-select: none;
-  border-radius: 2.5px;
   align-items: flex-start;
   gap: 8px;
   padding: 7px 14px;
@@ -756,7 +756,7 @@
   background-color: var(--scalar-background-2);
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
   font-size: var(--scalar-micro);
-  border-radius: 2px;
+  border-radius: var(--scalar-radius-md);
   padding: 0 3px;
 }
 
@@ -830,7 +830,7 @@
 }
 
 .scalar-app .markdown .markdown-alert {
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   background-color: var(--scalar-background-2);
   align-items: stretch;
 }
@@ -1192,7 +1192,7 @@
 :where(body) > .scalar-tooltip:before {
   content: "";
   z-index: calc(1 * -1);
-  border-radius: var(--scalar-radius);
+  border-radius: var(--scalar-radius-md);
   background-color: var(--scalar-tooltip-background);
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -1355,21 +1355,21 @@
   display: none;
 }
 
-.scalar-virtual-text[data-v-b50a85e1]:focus {
+.scalar-virtual-text[data-v-77b9d685]:focus {
   outline: none;
 }
 
-.scalar-virtual-text-highlight[data-v-b50a85e1] {
+.scalar-virtual-text-highlight[data-v-77b9d685] {
   background: var(--scalar-background-accent);
   color: inherit;
-  border-radius: 2px;
+  border-radius: var(--scalar-radius);
   padding: 1px 0;
 }
 
-.scalar-virtual-text-highlight-active[data-v-b50a85e1] {
+.scalar-virtual-text-highlight-active[data-v-77b9d685] {
   background: var(--scalar-color-accent);
   color: var(--scalar-background-1);
-  border-radius: 2px;
+  border-radius: var(--scalar-radius);
 }
 
 .sidebar-heading-type[data-v-bdef8365] {
@@ -1459,25 +1459,25 @@
   background: var(--scalar-background-2);
 }
 
-[data-v-d6fb2049] .cm-editor {
+[data-v-dfc591f4] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
 
-[data-v-d6fb2049] .cm-placeholder {
+[data-v-dfc591f4] .cm-placeholder {
   color: var(--scalar-color-3);
 }
 
-[data-v-d6fb2049] .cm-content {
+[data-v-dfc591f4] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 
-[data-v-d6fb2049] .cm-tooltip {
+[data-v-dfc591f4] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -1487,47 +1487,47 @@
   overflow: hidden !important;
 }
 
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul li {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
 
-[data-v-d6fb2049] .cm-completionIcon-type:after {
+[data-v-dfc591f4] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
 
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
 
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
 
-[data-v-d6fb2049] .cm-tooltip-autocomplete ul li:hover {
+[data-v-dfc591f4] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 
-[data-v-d6fb2049] .cm-activeLine, [data-v-d6fb2049] .cm-activeLineGutter {
+[data-v-dfc591f4] .cm-activeLine, [data-v-dfc591f4] .cm-activeLineGutter {
   background-color: #0000;
 }
 
-[data-v-d6fb2049] .cm-selectionMatch, [data-v-d6fb2049] .cm-matchingBracket {
+[data-v-dfc591f4] .cm-selectionMatch, [data-v-dfc591f4] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 
-[data-v-d6fb2049] .cm-css-color-picker-wrapper {
+[data-v-dfc591f4] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
 
-[data-v-d6fb2049] .cm-gutters {
+[data-v-dfc591f4] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1536,7 +1536,7 @@
   line-height: 22px;
 }
 
-[data-v-d6fb2049] .cm-gutters:before {
+[data-v-dfc591f4] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -1547,7 +1547,7 @@
   left: 2px;
 }
 
-[data-v-d6fb2049] .cm-gutterElement {
+[data-v-dfc591f4] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -1557,19 +1557,19 @@
   padding-right: 6px !important;
 }
 
-[data-v-d6fb2049] .cm-lineNumbers .cm-gutterElement {
+[data-v-dfc591f4] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
 
-[data-v-d6fb2049] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-dfc591f4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
 
-[data-v-d6fb2049] .cm-scroller {
+[data-v-dfc591f4] .cm-scroller {
   overflow: auto;
 }
 
-.line-wrapping[data-v-d6fb2049]:focus-within .cm-content {
+.line-wrapping[data-v-dfc591f4]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -1578,8 +1578,8 @@
 }
 
 .cm-pill {
+  border-radius: var(--scalar-radius-full);
   font-size: var(--scalar-small);
-  border-radius: 30px;
   padding: 0 9px;
   display: inline-block;
   color: var(--scalar-color-1) !important;
@@ -1874,12 +1874,12 @@
   display: none;
 }
 
-.code-input-lite[data-v-1974e80d] {
+.code-input-lite[data-v-f03d0c9d] {
   align-items: center;
   display: flex;
 }
 
-.code-input-lite__editor[data-v-1974e80d] {
+.code-input-lite__editor[data-v-f03d0c9d] {
   font: inherit;
   letter-spacing: inherit;
   min-width: 0;
@@ -1897,11 +1897,11 @@
   overflow: auto hidden;
 }
 
-.code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-f03d0c9d]::-webkit-scrollbar {
   display: none;
 }
 
-.code-input-lite--empty .code-input-lite__editor[data-v-1974e80d]:not(:focus):before {
+.code-input-lite--empty .code-input-lite__editor[data-v-f03d0c9d]:not(:focus):before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -1913,19 +1913,19 @@
   left: .5em;
 }
 
-.code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
+.code-input-lite--error .code-input-lite__editor[data-v-f03d0c9d] {
   outline: 1px solid var(--scalar-color-red);
 }
 
 .scalar-pill {
   color: var(--scalar-color-2);
+  border-radius: var(--scalar-radius-full);
   font-family: var(--scalar-font-code);
   vertical-align: baseline;
   background: var(--scalar-background-3);
   cursor: text;
   -webkit-user-select: all;
   user-select: all;
-  border-radius: 30px;
   margin-right: .35em;
   padding: .125em .6em;
   font-size: .9em;
@@ -3535,6 +3535,11 @@ input[data-v-a6f4752a]::placeholder {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
+.scalar-app .ring {
+  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 .scalar-app .outline {
   outline-style: var(--tw-outline-style);
   outline-width: 1px;
@@ -4483,7 +4488,7 @@ input[data-v-a6f4752a]::placeholder {
   position: relative;
 }
 
-.playIcon[data-v-5749c429] {
+.playIcon[data-v-5a1d2b16] {
   padding: 4px;
   height: 16px;
   width: 16px;
@@ -4493,9 +4498,9 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4506,11 +4511,11 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4520,13 +4525,13 @@ input[data-v-a6f4752a]::placeholder {
   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);
 }
@@ -4546,7 +4551,7 @@ input[data-v-a6f4752a]::placeholder {
   position: relative;
 }
 
-.requestFailed[data-v-bc27e533] {
+.requestFailed[data-v-29140773] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -4556,13 +4561,13 @@ input[data-v-a6f4752a]::placeholder {
   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] {
@@ -4594,7 +4599,7 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4604,9 +4609,9 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4617,11 +4622,11 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4631,13 +4636,13 @@ input[data-v-a6f4752a]::placeholder {
   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);
 }
@@ -4646,41 +4651,41 @@ input[data-v-a6f4752a]::placeholder {
 }
 }
 
-.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),
@@ -4689,34 +4694,34 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4728,11 +4733,11 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4744,14 +4749,8 @@ input[data-v-a6f4752a]::placeholder {
     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;
@@ -4761,9 +4760,9 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4774,11 +4773,11 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4787,13 +4786,13 @@ input[data-v-a6f4752a]::placeholder {
   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);
 }
@@ -4802,7 +4801,7 @@ input[data-v-a6f4752a]::placeholder {
 }
 }
 
-.contextItem[data-v-e6786ce3] {
+.contextItem[data-v-0509fef2] {
   white-space: nowrap;
   font-size: 10px;
   display: inline-block;
@@ -4810,7 +4809,7 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4821,12 +4820,12 @@ input[data-v-a6f4752a]::placeholder {
   );
   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,
@@ -4835,9 +4834,9 @@ input[data-v-a6f4752a]::placeholder {
     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,
@@ -4846,9 +4845,9 @@ input[data-v-a6f4752a]::placeholder {
     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;
 }
@@ -4857,7 +4856,7 @@ input[data-v-a6f4752a]::placeholder {
 }
 }
 
-.playIcon[data-v-6e0ac42c] {
+.playIcon[data-v-43864661] {
   padding: 4px;
   height: 16px;
   width: 16px;
@@ -4867,9 +4866,9 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4880,11 +4879,11 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -4893,13 +4892,13 @@ input[data-v-a6f4752a]::placeholder {
   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);
 }
@@ -4989,7 +4988,7 @@ input[data-v-a6f4752a]::placeholder {
   gap: 10px;
 }
 
-.approvalSection[data-v-a7e6c699] {
+.approvalSection[data-v-fb5102df] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -5000,7 +4999,7 @@ input[data-v-a6f4752a]::placeholder {
     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;
@@ -5008,28 +5007,28 @@ input[data-v-a6f4752a]::placeholder {
   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),
@@ -5037,12 +5036,12 @@ input[data-v-a6f4752a]::placeholder {
   );
   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),
@@ -5051,13 +5050,13 @@ input[data-v-a6f4752a]::placeholder {
   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),
@@ -5070,7 +5069,7 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -5081,34 +5080,34 @@ input[data-v-a6f4752a]::placeholder {
     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),
@@ -5116,19 +5115,19 @@ input[data-v-a6f4752a]::placeholder {
   );
   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),
@@ -5137,7 +5136,7 @@ input[data-v-a6f4752a]::placeholder {
   color: var(--scalar-color-1);
 }
 
-.paymentSection[data-v-8f005a5c] {
+.paymentSection[data-v-9d163ea1] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -5148,7 +5147,7 @@ input[data-v-a6f4752a]::placeholder {
     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;
@@ -5156,27 +5155,27 @@ input[data-v-a6f4752a]::placeholder {
   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),
@@ -5184,13 +5183,13 @@ input[data-v-a6f4752a]::placeholder {
   );
   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),
@@ -5198,36 +5197,36 @@ input[data-v-a6f4752a]::placeholder {
   );
   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;
@@ -5235,7 +5234,7 @@ input[data-v-a6f4752a]::placeholder {
   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;
 }
@@ -5265,7 +5264,7 @@ input[data-v-a6f4752a]::placeholder {
   margin: 10px;
 }
 
-.uploadSection[data-v-1e830c40] {
+.uploadSection[data-v-9621c76b] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -5276,7 +5275,7 @@ input[data-v-a6f4752a]::placeholder {
     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;
@@ -5284,43 +5283,43 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -5329,25 +5328,25 @@ input[data-v-a6f4752a]::placeholder {
   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);
@@ -5355,35 +5354,35 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -5400,13 +5399,13 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -5415,7 +5414,7 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -5423,7 +5422,7 @@ input[data-v-a6f4752a]::placeholder {
   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),
@@ -5431,47 +5430,47 @@ input[data-v-a6f4752a]::placeholder {
   );
   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;
@@ -5480,28 +5479,28 @@ input[data-v-a6f4752a]::placeholder {
   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);
@@ -5510,11 +5509,11 @@ input[data-v-a6f4752a]::placeholder {
   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;
@@ -5523,7 +5522,7 @@ input[data-v-a6f4752a]::placeholder {
   padding: 0 8px 0 12px;
   align-items: center;
 }
-.addMoreContext[data-v-109c99b0]:before {
+.addMoreContext[data-v-5e4d9063]:before {
   content: '';
   width: 8px;
   height: 8px;
@@ -5540,43 +5539,43 @@ input[data-v-a6f4752a]::placeholder {
     -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;
@@ -5584,11 +5583,11 @@ input[data-v-a6f4752a]::placeholder {
   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%;
@@ -5598,24 +5597,24 @@ input[data-v-a6f4752a]::placeholder {
   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;
 }