@scalar/agent-chat 0.10.12 → 0.10.14

package/dist/vue-styles.css

@@ -0,0 +1,1341 @@
+
+.authenticationProvided[data-v-e3416cd5] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-1);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+
+.authenticationRequired[data-v-d15ef40b] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-blue);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+
+.askForAuthentication[data-v-fd5c15f7] {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+  margin-bottom: 12px;
+  box-shadow:
+    0 var(--scalar-border-width) 0 var(--scalar-background-1),
+    0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);
+  padding: 0;
+}
+.authContent[data-v-fd5c15f7] {
+  display: grid;
+  grid-template-rows: 0fr;
+  min-height: 0;
+  overflow: hidden;
+  transition: grid-template-rows 0.2s ease-out;
+  max-width: 520px;
+  margin: auto;
+  width: 100%;
+}
+.authContentInner[data-v-fd5c15f7] > div {
+  margin: 36px 0 48px 0;
+}
+.authContent[data-v-fd5c15f7] .markdown {
+  margin-bottom: 0 !important;
+}
+.askForAuthentication.open .authContent[data-v-fd5c15f7] {
+  grid-template-rows: 1fr;
+}
+.continueButton[data-v-fd5c15f7] {
+  align-self: flex-end;
+}
+.toggleButton[data-v-fd5c15f7] {
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: var(--scalar-color-3);
+  justify-content: space-between;
+  border-radius: var(--scalar-radius-lg);
+}
+.authContentInner[data-v-fd5c15f7] {
+  min-height: 0;
+  overflow: hidden;
+}
+.authorizeButton[data-v-fd5c15f7] {
+  background: var(--scalar-color-blue) !important;
+  color: white !important;
+  margin: 0 !important;
+  z-index: 1;
+  display: flex;
+  gap: 5px;
+}
+
+.autosendPaused[data-v-d08225db] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-blue);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+
+.playIcon[data-v-5749c429] {
+  padding: 4px;
+  height: 16px;
+  width: 16px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  background: var(--scalar-background-1);
+  border-radius: 50%;
+}
+.playIcon[data-v-5749c429]::before {
+  content: '';
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  box-sizing: border-box;
+  position: absolute;
+  border-width: 1.75px;
+  border-style: solid;
+  border-color: currentcolor currentcolor transparent;
+  border-image: initial;
+  border-radius: 50%;
+  background: var(--scalar-background-1);
+  animation: 0.42s linear 0s infinite normal none running rotation-5749c429;
+}
+.buildingRequest[data-v-5749c429] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-blue);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+.buildingRequest svg[data-v-5749c429] {
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  border-radius: 50%;
+}
+@keyframes rotation-5749c429 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
+.requestApproved[data-v-bb311586] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-green);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+
+.requestFailed[data-v-bc27e533] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-red);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+.requestFailedIcon[data-v-bc27e533] {
+  box-shadow: inset 0 0 0 1.5px currentColor;
+  padding: 4px;
+  padding: 4px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+}
+
+.requestRejected[data-v-9803a54c] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-red);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+
+.requestSuccess[data-v-acc2c0d8] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-1);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+
+.light-mode .bg-preview[data-v-92f84612] {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
+}
+.dark-mode .bg-preview[data-v-92f84612] {
+  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] {
+  padding: 4px;
+  height: 16px;
+  width: 16px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  background: var(--scalar-background-1);
+  border-radius: 50%;
+}
+.playIcon[data-v-65dc6dfb]::before {
+  content: '';
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  box-sizing: border-box;
+  position: absolute;
+  border-width: 1.75px;
+  border-style: solid;
+  border-color: currentcolor currentcolor transparent;
+  border-image: initial;
+  border-radius: 50%;
+  background: var(--scalar-background-1);
+  animation: 0.42s linear 0s infinite normal none running rotation-65dc6dfb;
+}
+.sendingRequest[data-v-65dc6dfb] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-blue);
+  font-weight: var(--scalar-semibold);
+  min-height: 40px;
+  font-size: var(--scalar-font-size-3);
+  position: relative;
+}
+.sendingRequest svg[data-v-65dc6dfb] {
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  border-radius: 50%;
+}
+@keyframes rotation-65dc6dfb {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
+.requestHeaderContainer[data-v-0eb5f95d] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 5px;
+}
+.requestPreview[data-v-0eb5f95d] {
+  border-radius: 12px;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+}
+.requestContent[data-v-0eb5f95d] {
+  display: grid;
+  grid-template-rows: 0fr;
+  min-height: 0;
+  overflow: hidden;
+  transition: grid-template-rows 0.2s ease-out;
+}
+.requestPreview.open .requestContent[data-v-0eb5f95d] {
+  grid-template-rows: 1fr;
+}
+.requestPreview.succeeded[data-v-0eb5f95d] {
+  padding: 0;
+}
+.requestContentInner[data-v-0eb5f95d] {
+  min-height: 0;
+  overflow: hidden;
+}
+.code[data-v-0eb5f95d] {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--scalar-font-size-4);
+  border-radius: 12px;
+  background: color-mix(
+    in srgb,
+    var(--scalar-background-2),
+    var(--scalar-background-1)
+  );
+  overflow: hidden;
+  margin-bottom: 12px;
+}
+.dark-mode .code[data-v-0eb5f95d] {
+  background: var(--scalar-background-2);
+}
+.code h1[data-v-0eb5f95d] {
+  font-size: var(--scalar-font-size-3);
+  color: var(--scalar-color-3);
+  padding: 8px;
+}
+.code[data-v-0eb5f95d] .codeBlock {
+  max-height: calc(50vh - 100px);
+  padding-top: 0;
+}
+.autosendContainer[data-v-0eb5f95d] {
+  display: flex;
+  justify-content: space-between;
+}
+.sendButton[data-v-0eb5f95d] {
+  background: var(--scalar-color-blue);
+  color: white;
+  font-weight: var(--scalar-semibold);
+  padding: 5px 10px;
+}
+.sendButton[data-v-0eb5f95d]:hover,
+.sendButton[data-v-0eb5f95d]:active {
+  background: color-mix(in srgb, var(--scalar-color-blue), black 10%);
+  color: white !important;
+}
+.toggleButton[data-v-0eb5f95d] {
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  position: relative;
+  display: flex;
+  align-items: center;
+  color: var(--scalar-color-3);
+  justify-content: space-between;
+  border-radius: var(--scalar-radius-lg);
+}
+.toggleButton[data-v-0eb5f95d]:hover {
+  text-decoration: underline;
+}
+
+.executeRequestTool[data-v-3e825a81] {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+  margin-bottom: 12px;
+  /* ensures no overlapping border colors when there's two sibling execute request tools */
+  box-shadow:
+    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] {
+  padding: 4px;
+  height: 16px;
+  width: 16px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  background: var(--scalar-background-1);
+  border-radius: 50%;
+}
+.playIcon[data-v-9d9724d2]::before {
+  content: '';
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  box-sizing: border-box;
+  position: absolute;
+  border-width: 1.5px;
+  border-style: solid;
+  border-color: currentcolor currentcolor transparent;
+  border-image: initial;
+  border-radius: 50%;
+  background: var(--scalar-background-1);
+  animation: 0.42s linear 0s infinite normal none running rotation-9d9724d2;
+}
+.loadingApiSpecs[data-v-9d9724d2] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-2);
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+  margin-bottom: 10px;
+}
+.loadingApiSpecs svg[data-v-9d9724d2] {
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  border-radius: 50%;
+}
+@keyframes rotation-9d9724d2 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
+.contextItem[data-v-e6786ce3] {
+  white-space: nowrap;
+  font-size: 10px;
+  display: inline-block;
+  color: var(--scalar-color-2);
+  cursor: pointer;
+  vertical-align: middle;
+  padding: 1px 8px;
+  border-radius: 12px;
+  padding: 5px 10px;
+  display: flex;
+  align-items: center;
+  background: color-mix(
+    in srgb,
+    var(--scalar-background-2),
+    var(--scalar-background-1)
+  );
+  max-width: 200px;
+}
+.contextItemText[data-v-e6786ce3] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.shimmer[data-v-e6786ce3] {
+  background: var(--scalar-background-2);
+  background-image: linear-gradient(
+    90deg,
+    #202020 0%,
+    var(--scalar-background-2) 40%,
+    var(--scalar-background-3) 80%
+  );
+  background-size: 200% 100%;
+  animation: shimmer-e6786ce3 1.4s ease-in-out infinite;
+}
+.light-mode .shimmer[data-v-e6786ce3] {
+  background: var(--scalar-background-2);
+  background-image: linear-gradient(
+    90deg,
+    #fafafa 0%,
+    var(--scalar-background-2) 40%,
+    var(--scalar-background-3) 80%
+  );
+  background-size: 200% 100%;
+  animation: shimmer-e6786ce3 1.4s ease-in-out infinite;
+}
+@keyframes shimmer-e6786ce3 {
+0% {
+    background-position: 200% 0;
+}
+100% {
+    background-position: -200% 0;
+}
+}
+
+.playIcon[data-v-6e0ac42c] {
+  padding: 4px;
+  height: 16px;
+  width: 16px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  background: var(--scalar-background-1);
+  border-radius: 50%;
+}
+.playIcon[data-v-6e0ac42c]::before {
+  content: '';
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  box-sizing: border-box;
+  position: absolute;
+  border-width: 1.5px;
+  border-style: solid;
+  border-color: currentcolor currentcolor transparent;
+  border-image: initial;
+  border-radius: 50%;
+  background: var(--scalar-background-1);
+  animation: 0.42s linear 0s infinite normal none running rotation-6e0ac42c;
+}
+.sendingRequest[data-v-6e0ac42c] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-2);
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+  margin-bottom: 10px;
+}
+.sendingRequest svg[data-v-6e0ac42c] {
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  border-radius: 50%;
+}
+@keyframes rotation-6e0ac42c {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+
+.operations[data-v-43dd2b86] {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+}
+.operations[data-v-43dd2b86]:empty {
+  margin-bottom: -12px;
+}
+.overflowPopover[data-v-43dd2b86] {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 8px;
+}
+
+.catalogModal .scalar-modal-body {
+  display: flex;
+  flex-direction: column;
+}
+
+.searchInput[data-v-bc24f891] {
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius-lg);
+  margin-bottom: 10px;
+}
+.catalog[data-v-bc24f891] {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  overflow-y: scroll;
+  font-size: var(--scalar-font-size-3);
+}
+.item[data-v-bc24f891] {
+  display: flex;
+  padding: 15px;
+  gap: 10px;
+  align-items: center;
+  background-color: var(--scalar-background-2);
+  border-radius: var(--scalar-radius-lg);
+  transition: background-color 160ms ease;
+}
+.item[data-v-bc24f891]:hover {
+  background-color: color-mix(
+    in srgb,
+    var(--scalar-background-3),
+    transparent 40%
+  ) !important;
+}
+.left[data-v-bc24f891] {
+  align-items: center;
+}
+.right[data-v-bc24f891] {
+  display: flex;
+  flex-direction: column;
+}
+.logo[data-v-bc24f891] {
+  width: 25px;
+}
+.item-top[data-v-bc24f891] {
+  display: flex;
+  gap: 10px;
+}
+.version[data-v-bc24f891] {
+  background: var(--scalar-background-3);
+  padding: 2px 5px;
+  border-radius: var(--scalar-radius);
+  font-size: var(--scalar-font-size-5);
+  color: var(--scalar-color-3);
+}
+.description[data-v-bc24f891] {
+  color: var(--scalar-color-2);
+}
+
+.dropdown-item[data-v-2d142bb5] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.approvalSection[data-v-a7e6c699] {
+  width: 100%;
+  margin-bottom: -16px;
+  padding: 8px 8px 24px 12px;
+
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 95%
+  );
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: 16px 16px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: absolute;
+  top: 0;
+  transform: translate3d(0, calc(-100% + 16px), 0);
+}
+.approvalText[data-v-a7e6c699] {
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+}
+.approveContainer[data-v-a7e6c699] {
+  display: flex;
+  gap: 5px;
+}
+.actionButton[data-v-a7e6c699] {
+  display: flex;
+  align-items: center;
+  font-weight: var(--scalar-semibold);
+  border-radius: 50px;
+  padding: 6px 12px;
+  font-size: var(--scalar-font-size-3);
+}
+.rejectButton[data-v-a7e6c699] {
+  color: white;
+  background: var(--scalar-color-red);
+}
+.rejectButton[data-v-a7e6c699]:hover,
+.rejectButton[data-v-a7e6c699]:active {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-red),
+    var(--scalar-background-1) 10%
+  );
+  color: white !important;
+}
+.approveButton[data-v-a7e6c699] {
+  color: white;
+  background: var(--scalar-color-blue);
+}
+.approveButton[data-v-a7e6c699]:hover,
+.approveButton[data-v-a7e6c699]:active {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 10%
+  );
+  color: white !important;
+}
+
+.error[data-v-63a481da] {
+  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;
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-red),
+    var(--scalar-background-1) 95%
+  );
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+  position: absolute;
+  top: 0;
+  transform: translate3d(0, calc(-100% + 16px), 0);
+}
+
+.freeMessagesInfoSection[data-v-913a3815] {
+  width: 100%;
+  margin-bottom: -16px;
+  padding: 8px 8px 24px 12px;
+  position: relative;
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 95%
+  );
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: 16px 16px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.infoText[data-v-913a3815] {
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+}
+.actionsContainer[data-v-913a3815] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.actionButton[data-v-913a3815] {
+  display: flex;
+  align-items: center;
+  font-weight: var(--scalar-semibold);
+  border-radius: 50px;
+  padding: 6px 12px;
+}
+.upgradeButton[data-v-913a3815] {
+  color: white;
+  font-size: var(--scalar-font-size-3);
+  background: var(--scalar-color-blue);
+}
+.upgradeButton[data-v-913a3815]:hover,
+.upgradeButton[data-v-913a3815]:active {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 10%
+  );
+  color: white !important;
+}
+.closeButton[data-v-913a3815] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  color: var(--scalar-color-2);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.closeButton[data-v-913a3815]:hover {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 80%
+  );
+  color: var(--scalar-color-1);
+}
+
+.paymentSection[data-v-8f005a5c] {
+  width: 100%;
+  margin-bottom: -16px;
+  padding: 8px 8px 24px 12px;
+  position: relative;
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 95%
+  );
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: 16px 16px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: absolute;
+  top: 0;
+  transform: translate3d(0, calc(-100% + 16px), 0);
+}
+.approvalText[data-v-8f005a5c] {
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+}
+.paymentContainer[data-v-8f005a5c] {
+  display: flex;
+  gap: 5px;
+}
+.actionButton[data-v-8f005a5c] {
+  display: flex;
+  align-items: center;
+  font-weight: var(--scalar-semibold);
+  border-radius: 50px;
+  padding: 6px 12px;
+}
+.rejectButton[data-v-8f005a5c] {
+  color: white;
+  background: var(--scalar-color-red);
+}
+.rejectButton[data-v-8f005a5c]:hover,
+.rejectButton[data-v-8f005a5c]:active {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-red),
+    var(--scalar-background-1) 10%
+  );
+  color: white !important;
+}
+.approveButton[data-v-8f005a5c] {
+  color: white;
+  font-size: var(--scalar-font-size-3);
+  background: var(--scalar-color-blue);
+}
+.approveButton[data-v-8f005a5c]:hover,
+.approveButton[data-v-8f005a5c]:active {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 10%
+  );
+  color: white !important;
+}
+.paymentInfo[data-v-8f005a5c] {
+  width: 300px;
+  position: absolute;
+  right: 0;
+  bottom: 70px;
+  box-shadow: var(--scalar-shadow-2);
+  background: var(--scalar-background-1);
+  border-radius: 16px;
+  pointer-events: none;
+  padding: 12px;
+  transform: translate3d(0, -5px, 0);
+  opacity: 0;
+  transition: all 0.2s ease-in-out;
+}
+.paymentInfo h3[data-v-8f005a5c] {
+  font-size: var(--scalar-font-size-1);
+  font-weight: var(--scalar-bold);
+  margin-bottom: 18px;
+}
+.paymentInfo h3 span[data-v-8f005a5c] {
+  font-size: var(--scalar-font-size-2);
+}
+.dark-mode .paymentInfo[data-v-8f005a5c] {
+  background: var(--scalar-background-2);
+}
+.paymentContainer:hover .paymentInfo[data-v-8f005a5c] {
+  transform: translate3d(0, 0, 0);
+  opacity: 1;
+}
+.paymentInfoItem[data-v-8f005a5c] {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8px;
+  font-size: var(--scalar-font-size-3);
+  color: var(--scalar-color-2);
+  font-weight: var(--scalar-semibold);
+}
+.paymentInfoSection[data-v-8f005a5c]:not(:last-child) {
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+  padding-bottom: 8px;
+}
+
+.searchItem[data-v-7945f74c] {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 8px 10px;
+  font-size: var(--scalar-font-size-3);
+}
+.searchInput[data-v-7945f74c] {
+  margin-bottom: 5px;
+}
+.searchItem[data-v-7945f74c]:hover {
+  background: var(--scalar-background-2);
+}
+.searchItemLogo[data-v-7945f74c] {
+  width: 15px;
+}
+.searchIcon[data-v-7945f74c] {
+  margin-right: 7px;
+}
+.searchResultsEmpty[data-v-7945f74c] {
+  font-size: var(--scalar-font-size-3);
+  color: var(--scalar-color-2);
+  margin: 10px;
+}
+
+.uploadSection[data-v-9551cf83] {
+  width: 100%;
+  margin-bottom: -16px;
+  padding: 8px 8px 24px 12px;
+  position: relative;
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    var(--scalar-background-1) 95%
+  );
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: 16px 16px 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: absolute;
+  top: 0;
+  transform: translate3d(0, calc(-100% + 16px), 0);
+}
+.uploadSection.error[data-v-9551cf83] {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-red),
+    var(--scalar-background-1) 95%
+  );
+}
+.uploadSection.done[data-v-9551cf83] {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-green),
+    var(--scalar-background-1) 95%
+  );
+}
+.uploadText[data-v-9551cf83] {
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-font-size-3);
+}
+.icon[data-v-9551cf83] {
+  height: 20px;
+  width: 20px;
+}
+
+.actionContainer[data-v-e7c7c266] {
+  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;
+  width: 100%;
+  position: relative;
+  /* visually hides overflowing text below */
+  box-shadow: 0 24px 0 2px var(--scalar-background-1);
+}
+.promptForm[data-v-e7c7c266] {
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: var(--scalar-background-1);
+  box-shadow:
+    var(--scalar-shadow-1),
+    0 0 0 var(--scalar-border-width) var(--scalar-border-color);
+  border-radius: 16px;
+}
+.inputActionsContainer[data-v-e7c7c266] {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 8px 8px 8px;
+}
+.inputActionsLeft[data-v-e7c7c266] {
+  display: flex;
+  flex-wrap: wrap; /* key: allows pills to go to next line */
+  align-items: center;
+  gap: 5px; /* spacing between pills */
+}
+.inputActionsRight[data-v-e7c7c266] {
+  display: flex;
+  gap: 5px;
+  position: relative;
+}
+.apiPill[data-v-e7c7c266] {
+  font-size: var(--scalar-font-size-3);
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  color: var(--scalar-color-2);
+  font-weight: var(--scalar-semibold);
+  height: 28px;
+  align-items: center;
+  display: flex;
+  border-radius: 16px;
+  padding: 0 8px;
+  pointer-events: all;
+  z-index: 1;
+  gap: 4px;
+  user-select: none;
+}
+.apiPillLogo[data-v-e7c7c266] {
+  width: 15px;
+}
+.apiPillRemove[data-v-e7c7c266] {
+  width: 24px;
+  height: 24px;
+  margin-right: -6px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.apiPill:hover .apiPillRemove[data-v-e7c7c266] {
+  background: var(--scalar-background-2);
+}
+.dark-mode .apiPill:hover .apiPillRemove[data-v-e7c7c266] {
+  background: var(--scalar-background-3);
+}
+.apiPillRemove[data-v-e7c7c266]:hover {
+  color: var(--scalar-color-1);
+}
+.prompt[data-v-e7c7c266] {
+  width: 100%;
+  outline: none;
+  border: none;
+  resize: none;
+  field-sizing: content;
+  min-height: 64px;
+  z-index: 1;
+  max-height: 250px;
+  max-width: 100%;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  word-wrap: break-word;
+  font-family: var(--scalar-font);
+  font-size: 16px;
+  padding: 12px 12px 14px 12px;
+}
+.dark-mode .promptForm[data-v-e7c7c266] {
+  background: var(--scalar-background-2);
+}
+.prompt[data-v-e7c7c266]:disabled {
+  color: var(--scalar-color-3);
+}
+.addAPIButton[data-v-e7c7c266] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--scalar-color-2);
+  font-size: var(--scalar-font-size-3);
+  height: 28px;
+  width: 28px;
+  font-weight: var(--scalar-bold);
+  border-radius: 100%;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  pointer-events: all;
+  z-index: 1;
+  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
+}
+.addAPIButton[data-v-e7c7c266]:hover {
+  background: color-mix(
+    in srgb,
+    var(--scalar-background-2),
+    var(--scalar-background-1)
+  );
+  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
+}
+.dark-mode .addAPIButton[data-v-e7c7c266]:hover {
+  background: var(--scalar-background-3);
+}
+.settingsButton[data-v-e7c7c266] {
+  color: var(--scalar-color-3) !important;
+  border-radius: 50% !important;
+  margin: 0 !important;
+  z-index: 1;
+}
+.settingsButton[aria-disabled='true'][data-v-e7c7c266] {
+  background: var(--scalar-background-2);
+}
+.dark-mode .settingsButton[data-v-e7c7c266]:hover {
+  background: var(--scalar-background-3);
+}
+.sendButton[data-v-e7c7c266] {
+  background: var(--scalar-color-blue) !important;
+  border-radius: 50% !important;
+  margin: 0 !important;
+  z-index: 1;
+  border: var(--scalar-border-width) solid var(--scalar-color-blue);
+}
+.sendButton[data-v-e7c7c266]:not([aria-disabled='true']) {
+  color: white !important;
+}
+.sendButton[data-v-e7c7c266]:not([aria-disabled='true']):hover {
+  background: color-mix(
+    in srgb,
+    var(--scalar-color-blue),
+    transparent 10%
+  ) !important;
+}
+.sendButton[aria-disabled='true'][data-v-e7c7c266] {
+  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-e7c7c266] {
+  background: var(--scalar-background-3) !important;
+}
+.contextContainer[data-v-e7c7c266] {
+  display: flex;
+  width: 100%;
+  padding: 10px 12px 12px 12px;
+  color: var(--scalar-color-2);
+  font-size: var(--scalar-font-size-3);
+  user-select: none;
+  justify-content: space-between;
+}
+.settingsButton[data-v-e7c7c266] {
+  font-weight: var(--scalar-semibold);
+  border-radius: var(--scalar-radius-lg);
+  padding: 4px 6px;
+  margin: -4px -6px;
+}
+.settingsButton[data-v-e7c7c266]:hover {
+  background: var(--scalar-background-2);
+  box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);
+  cursor: pointer;
+}
+.agentLabel[data-v-e7c7c266] {
+  font-size: 0px;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  cursor: text;
+}
+.sendCheckboxContinue[data-v-e7c7c266]:has(input) {
+  display: flex;
+  align-items: center;
+  border-radius: 14px;
+  background: var(--scalar-background-2);
+  box-shadow: 0 0 0 1.5px var(--scalar-background-2);
+  color: var(--scalar-color-2);
+  font-size: var(--scalar-font-size-3);
+  font-weight: var(--scalar-semibold);
+  user-select: none;
+  height: 28px;
+}
+.dark-mode .sendCheckboxContinue[data-v-e7c7c266]:has(input) {
+  background: var(--scalar-background-3);
+  box-shadow: 0 0 0 1.5px var(--scalar-background-3);
+}
+.addMoreContext[data-v-e7c7c266] {
+  height: 40px;
+  display: flex;
+  position: relative;
+  font-size: var(--scalar-font-size-3);
+  color: var(--scalar-color-3);
+  padding: 0 8px 0 12px;
+  align-items: center;
+}
+.addMoreContext[data-v-e7c7c266]:before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  background: color-mix(
+    in srgb,
+    var(--scalar-background-1),
+    var(--scalar-background-2)
+  );
+  transform: rotate(45deg);
+  left: 18px;
+  top: -3px;
+  position: absolute;
+  box-shadow:
+    -0.5px -0.5px 0 var(--scalar-border-color),
+    inset 0.5px 0.5px 1px var(--scalar-border-color);
+}
+.dark-mode .addMoreContext[data-v-e7c7c266]:before {
+  box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);
+}
+.addAPIContext[data-v-e7c7c266] {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.termsAgree[data-v-e7c7c266] {
+  display: flex;
+  cursor: pointer;
+  height: inherit;
+  align-items: center;
+  border-radius: 14px;
+  gap: 5px;
+  margin: 0px 5px;
+}
+.termsAgree[data-v-e7c7c266]:hover {
+  color: var(--scalar-color-1);
+}
+.termsAgree:hover .termsAgreeIcon[data-v-e7c7c266] {
+  background: var(--scalar-color-1);
+  color: var(--scalar-background-1);
+}
+.termsAgreeIcon[data-v-e7c7c266] {
+  width: inherit;
+  height: inherit;
+  padding: 2px;
+  border-radius: 50%;
+  background: var(--scalar-background-2);
+}
+
+.chat[data-v-8e43ed7a] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 24px 0;
+  max-width: 744px;
+}
+.userMessage[data-v-8e43ed7a] {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  padding-inline: 16px;
+  border-radius: 18px;
+  background: var(--scalar-background-2);
+  width: fit-content;
+  max-width: 80%;
+  margin-left: auto;
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--scalar-color-1);
+  margin-bottom: 12px;
+}
+div + .userMessage[data-v-8e43ed7a] {
+  margin-top: 64px;
+}
+.chat[data-v-8e43ed7a] >  div:has(.executeRequestTool) + div:has(.executeRequestTool) {
+  margin-top: -12px;
+}
+.spacer[data-v-8e43ed7a] {
+  min-height: 280px;
+  width: 100%;
+}
+.formContainer[data-v-8e43ed7a] {
+  position: fixed;
+  bottom: 20px;
+  width: 100%;
+  max-width: 744px;
+  z-index: 1;
+}
+.chat[data-v-8e43ed7a] .markdown {
+  margin-bottom: 12px;
+}
+
+.agentLogo[data-v-56f7e8dd] {
+  margin-bottom: 15px;
+}
+.startContainer[data-v-56f7e8dd] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  max-width: 720px;
+  position: relative;
+}
+.heading[data-v-56f7e8dd] {
+  font-size: 1.5rem;
+  font-weight: var(--scalar-font-bold);
+  margin-bottom: 50px;
+}
+.disclaimerText[data-v-56f7e8dd] {
+  text-align: center;
+  color: var(--scalar-color-3);
+  font-size: var(--scalar-font-size-3);
+  text-wrap: balance;
+  line-height: 1.44;
+  margin-top: 40px;
+}
+.disclaimerLink[data-v-56f7e8dd] {
+  text-decoration: underline;
+}
+
+.wrapper[data-v-f1eee0af] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+}
+
+.docSettings[data-v-dd964244] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 12px;
+  font-size: var(--scalar-font-size-3);
+  max-height: 600px;
+}
+.documentName[data-v-dd964244] {
+  font-weight: var(--scalar-semibold);
+}
+
+/* Prevent auth method dropdown from going behind the modal */
+.settingsModal .scalar-modal-layout {
+  z-index: 10 !important;
+}
+.settingsModal .scalar-modal-body {
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.documentList[data-v-5e4bca68] {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--scalar-font-size-3);
+  margin-bottom: 12px;
+}
+.document[data-v-5e4bca68] {
+  display: flex;
+  flex-direction: column;
+  width: calc(100% + 24px);
+  left: -12px;
+  position: relative;
+  padding: 0 12px;
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.document[data-v-5e4bca68]:first-of-type:not(:last-of-type) {
+  border-bottom: none;
+}
+.documentName[data-v-5e4bca68] {
+  gap: 4px;
+  display: flex;
+  align-items: center;
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-2);
+  padding: 12px 0;
+}
+.documentNameActive[data-v-5e4bca68] {
+  color: var(--scalar-color-1);
+}
+.settingsHeading[data-v-5e4bca68] {
+  font-size: 19px;
+  margin-bottom: 12px;
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  font-weight: var(--scalar-semibold);
+}
+.proxyUrlContainer[data-v-5e4bca68] {
+  font-size: var(--scalar-font-size-3);
+  display: flex;
+  gap: 5px;
+  flex-direction: column;
+}
+.proxyUrlContainer label[data-v-5e4bca68] {
+  font-weight: var(--scalar-semibold);
+}
+.noDocuments[data-v-5e4bca68] {
+  color: var(--scalar-color-2);
+  margin-bottom: 10px;
+}
+/*$vite$:1*/