@scalar/agent-chat 0.12.10 → 0.12.11

package/dist/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.10",
+  "version": "0.12.11",
   "engines": {
     "node": ">=22"
   },

package/dist/style.css

@@ -401,7 +401,7 @@
   color: var(--scalar-color-1);
 }
 
-.hljs.language-objectivec .hljs-built_in, .hljs-built_in {
+.hljs.language-objectivec .hljs-built_in {
   color: var(--scalar-color-orange);
 }
 
@@ -1162,7 +1162,7 @@
 
 :where(body) > .scalar-tooltip {
   --scalar-tooltip-padding: 8px;
-  padding: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+  padding: var(--scalar-tooltip-padding);
   z-index: 99999;
   max-width: 320px;
   font-size: var(--scalar-font-size-5);
@@ -1173,9 +1173,24 @@
   color: var(--scalar-tooltip-color);
 }
 
+:where(body) > .scalar-tooltip[data-side="top"] {
+  padding-bottom: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
+:where(body) > .scalar-tooltip[data-side="bottom"] {
+  padding-top: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
+:where(body) > .scalar-tooltip[data-side="left"] {
+  padding-right: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
+:where(body) > .scalar-tooltip[data-side="right"] {
+  padding-left: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
 :where(body) > .scalar-tooltip:before {
   content: "";
-  inset: var(--scalar-tooltip-offset);
   z-index: calc(1 * -1);
   border-radius: var(--scalar-radius);
   background-color: var(--scalar-tooltip-background);
@@ -1183,6 +1198,23 @@
   -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, );
   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, );
   position: absolute;
+  inset: 0;
+}
+
+:where(body) > .scalar-tooltip[data-side="top"]:before {
+  bottom: var(--scalar-tooltip-offset);
+}
+
+:where(body) > .scalar-tooltip[data-side="bottom"]:before {
+  top: var(--scalar-tooltip-offset);
+}
+
+:where(body) > .scalar-tooltip[data-side="left"]:before {
+  right: var(--scalar-tooltip-offset);
+}
+
+:where(body) > .scalar-tooltip[data-side="right"]:before {
+  left: var(--scalar-tooltip-offset);
 }
 
 :where(body.dark-mode) > .scalar-tooltip:before {
@@ -1427,25 +1459,25 @@
   background: var(--scalar-background-2);
 }
 
-[data-v-3118bf46] .cm-editor {
+[data-v-d6fb2049] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
 
-[data-v-3118bf46] .cm-placeholder {
+[data-v-d6fb2049] .cm-placeholder {
   color: var(--scalar-color-3);
 }
 
-[data-v-3118bf46] .cm-content {
+[data-v-d6fb2049] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 
-[data-v-3118bf46] .cm-tooltip {
+[data-v-d6fb2049] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -1455,47 +1487,47 @@
   overflow: hidden !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul li {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
 
-[data-v-3118bf46] .cm-completionIcon-type:after {
+[data-v-d6fb2049] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul li:hover {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 
-[data-v-3118bf46] .cm-activeLine, [data-v-3118bf46] .cm-activeLineGutter {
+[data-v-d6fb2049] .cm-activeLine, [data-v-d6fb2049] .cm-activeLineGutter {
   background-color: #0000;
 }
 
-[data-v-3118bf46] .cm-selectionMatch, [data-v-3118bf46] .cm-matchingBracket {
+[data-v-d6fb2049] .cm-selectionMatch, [data-v-d6fb2049] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 
-[data-v-3118bf46] .cm-css-color-picker-wrapper {
+[data-v-d6fb2049] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
 
-[data-v-3118bf46] .cm-gutters {
+[data-v-d6fb2049] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1504,7 +1536,7 @@
   line-height: 22px;
 }
 
-[data-v-3118bf46] .cm-gutters:before {
+[data-v-d6fb2049] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -1515,7 +1547,7 @@
   left: 2px;
 }
 
-[data-v-3118bf46] .cm-gutterElement {
+[data-v-d6fb2049] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -1525,19 +1557,19 @@
   padding-right: 6px !important;
 }
 
-[data-v-3118bf46] .cm-lineNumbers .cm-gutterElement {
+[data-v-d6fb2049] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
 
-[data-v-3118bf46] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-d6fb2049] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
 
-[data-v-3118bf46] .cm-scroller {
+[data-v-d6fb2049] .cm-scroller {
   overflow: auto;
 }
 
-.line-wrapping[data-v-3118bf46]:focus-within .cm-content {
+.line-wrapping[data-v-d6fb2049]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -1643,58 +1675,58 @@
   margin-top: 0;
 }
 
-[data-v-372238a6] .cm-editor {
+[data-v-d37cbfcc] .cm-editor {
   outline: none;
   width: 100%;
   height: 100%;
 }
 
-[data-v-372238a6] .cm-line {
+[data-v-d37cbfcc] .cm-line {
   padding: 0;
 }
 
-[data-v-372238a6] .cm-content {
+[data-v-d37cbfcc] .cm-content {
   font-size: var(--scalar-small);
   align-items: center;
   padding: 0;
   display: flex;
 }
 
-.scroll-timeline-x[data-v-372238a6] {
+.scroll-timeline-x[data-v-d37cbfcc] {
   -ms-overflow-style: none;
   -webkit-mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
   mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6] {
+.scroll-timeline-x-hidden[data-v-d37cbfcc] {
   overflow-x: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-d37cbfcc]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-address[data-v-372238a6] {
+.scroll-timeline-x-address[data-v-d37cbfcc] {
   scrollbar-width: none;
   line-height: 27px;
 }
 
-.scroll-timeline-x-address[data-v-372238a6]:after {
+.scroll-timeline-x-address[data-v-d37cbfcc]:after {
   content: "";
   cursor: text;
   width: 24px;
@@ -1703,35 +1735,39 @@
   right: 0;
 }
 
-.scroll-timeline-x-address[data-v-372238a6]:empty:before {
+.scroll-timeline-x-address[data-v-d37cbfcc]:empty:before {
   content: "Enter URL or cURL request";
   color: var(--scalar-color-3);
   pointer-events: none;
 }
 
-.address-bar-bg-states[data-v-372238a6] {
+.address-bar-bg-states[data-v-d37cbfcc] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .address-bar-bg-states[data-v-372238a6] {
+  .address-bar-bg-states[data-v-d37cbfcc] {
     --scalar-address-bar-bg: color-mix(in srgb,
     var(--scalar-background-1),
     var(--scalar-background-2));
   }
 }
 
-.address-bar-bg-states[data-v-372238a6] {
+.address-bar-bg-states[data-v-d37cbfcc] {
   background: var(--scalar-address-bar-bg);
 }
 
-.address-bar-bg-states[data-v-372238a6]:has(.cm-focused) {
+.address-bar-bg-states[data-v-d37cbfcc]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
 
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-d37cbfcc], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-d37cbfcc] {
+  --scalar-address-bar-bg: var(--scalar-background-1);
+}
+
 .app-exit-button[data-v-42c563b3] {
   color: #fff;
   background: #0000001a;
@@ -1838,39 +1874,125 @@
   display: none;
 }
 
-[data-v-36811e28] .cm-editor {
-  padding: 0;
+.code-input-lite[data-v-1974e80d] {
+  align-items: center;
+  display: flex;
 }
 
-[data-v-36811e28] .cm-content {
-  font-family: var(--scalar-font);
-  font-size: var(--scalar-small);
-  background-color: #0000;
+.code-input-lite__editor[data-v-1974e80d] {
+  font: inherit;
+  letter-spacing: inherit;
+  min-width: 0;
+  color: var(--scalar-color-1);
+  caret-color: var(--scalar-color-1);
+  white-space: pre;
+  scrollbar-width: none;
+  box-sizing: border-box;
+  background: none;
+  outline: none;
+  flex: 1;
+  padding: 0 .5em;
+  line-height: 1.44;
+  position: relative;
+  overflow: auto hidden;
+}
+
+.code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
+  display: none;
+}
+
+.code-input-lite--empty .code-input-lite__editor[data-v-1974e80d]:not(:focus):before {
+  content: attr(data-placeholder);
+  color: var(--scalar-color-3);
+  pointer-events: none;
   align-items: center;
-  width: 100%;
-  padding: 5px 8px;
   display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: .5em;
 }
 
-[data-v-36811e28] .cm-content:has(.cm-pill) {
-  padding: 5px 8px;
+.code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
+  outline: 1px solid var(--scalar-color-red);
 }
 
-[data-v-36811e28] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: .5px;
+.scalar-pill {
+  color: var(--scalar-color-2);
+  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;
+  line-height: 1.4;
+  display: inline-block;
 }
 
-[data-v-36811e28] .cm-content .cm-pill:not(:first-of-type) {
-  margin-left: .5px;
+.dark-mode .scalar-pill {
+  background: var(--tw-bg-base, var(--scalar-color-1));
 }
 
-[data-v-36811e28] .cm-line {
-  text-overflow: ellipsis;
-  padding: 0;
-  overflow: hidden;
+@supports (color: color-mix(in lab, red, red)) {
+  .dark-mode .scalar-pill {
+    background: color-mix(in srgb, var(--tw-bg-base, var(--scalar-color-1)), transparent 90%);
+  }
 }
 
-.filemask[data-v-36811e28] {
+.light-mode .scalar-pill {
+  background: var(--scalar-background-3);
+}
+
+.scalar-pill--context-fn {
+  box-shadow: 0 0 0 1px var(--scalar-color-3) inset;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .scalar-pill--context-fn {
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--scalar-color-3), transparent 35%) inset;
+  }
+}
+
+.dark-mode .scalar-pill--context-fn {
+  background: var(--scalar-background-3);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .dark-mode .scalar-pill--context-fn {
+    background: color-mix(in srgb, var(--scalar-background-3), transparent 55%);
+  }
+}
+
+.light-mode .scalar-pill--context-fn {
+  background: var(--scalar-background-3);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .light-mode .scalar-pill--context-fn {
+    background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
+  }
+}
+
+[data-v-e83eb7d0] .code-input-lite__editor {
+  font-family: var(--scalar-font);
+  font-size: var(--scalar-small);
+  background-color: #0000;
+  padding: 5px 8px;
+}
+
+[data-v-e83eb7d0] .scalar-pill:not(:last-of-type) {
+  margin-right: .15em;
+}
+
+[data-v-e83eb7d0] .scalar-pill:not(:first-of-type) {
+  margin-left: .5px;
+}
+
+.filemask[data-v-e83eb7d0] {
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
@@ -1911,48 +2033,30 @@
   scrollbar-width: none;
 }
 
-[data-v-1ee3c31d] .cm-editor {
-  padding: 0;
-}
-
-[data-v-1ee3c31d] .cm-content {
+[data-v-a6f4752a] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
-  align-items: center;
-  width: 100%;
-  padding: 5px 8px;
-  display: flex;
-}
-
-[data-v-1ee3c31d] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
 
-[data-v-1ee3c31d] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: .5px;
+[data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
+  margin-right: .15em;
 }
 
-[data-v-1ee3c31d] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-1ee3c31d] .cm-line {
-  text-overflow: ellipsis;
-  word-break: break-word;
-  padding: 0;
-  overflow: hidden;
-}
-
-.required[data-v-1ee3c31d]:after {
+.required[data-v-a6f4752a]:after {
   content: "Required";
 }
 
-input[data-v-1ee3c31d]::placeholder {
+input[data-v-a6f4752a]::placeholder {
   color: var(--scalar-color-3);
 }
 
-.scalar-password-input[data-v-1ee3c31d] {
+.scalar-password-input[data-v-a6f4752a] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
@@ -2182,38 +2286,21 @@ input[data-v-1ee3c31d]::placeholder {
   inset: 0;
 }
 
-[data-v-69be2d6c] .cm-editor {
-  padding: 0;
-}
-
-[data-v-69be2d6c] .cm-content {
+[data-v-5b336842] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
-  align-items: center;
-  width: 100%;
   padding: 5px 8px;
-  display: flex;
 }
 
-[data-v-69be2d6c] .cm-content:has(.cm-pill) {
-  padding: 5px 8px;
+[data-v-5b336842] .scalar-pill:not(:last-of-type) {
+  margin-right: .15em;
 }
 
-[data-v-69be2d6c] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: .5px;
-}
-
-[data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-5b336842] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-69be2d6c] .cm-line {
-  text-overflow: ellipsis;
-  padding: 0;
-  overflow: hidden;
-}
-
 .scalar .scalar-app-layout[data-v-77897d1c] {
   background: var(--scalar-background-1);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -3730,11 +3817,11 @@ input[data-v-1ee3c31d]::placeholder {
   outline-width: 1px;
 }
 
-.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
+.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *), .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:z-1:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   z-index: 1;
 }
 
-.scalar-app .group-has-\[\.cm-focused\]\:flex:is(:where(.group):has(.cm-focused) *) {
+.scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:flex:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   display: flex;
 }
 
@@ -3782,7 +3869,7 @@ input[data-v-1ee3c31d]::placeholder {
   opacity: 1;
 }
 
-.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *) {
+.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *), .scalar-app .peer-has-\[\.code-input-lite__editor\:focus\]\:opacity-0:is(:where(.peer):has(:is(.code-input-lite editor:focus)) ~ *) {
   opacity: 0;
 }
 

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.10",
+  "version": "0.12.11",
   "engines": {
     "node": ">=22"
   },
@@ -52,18 +52,18 @@
     "neverpanic": "0.0.8",
     "truncate-json": "3.0.1",
     "vue": "^3.5.30",
-    "@scalar/components": "0.27.1",
+    "@scalar/api-client": "3.10.4",
+    "@scalar/components": "0.27.2",
+    "@scalar/icons": "0.7.3",
     "@scalar/json-magic": "0.12.16",
     "@scalar/helpers": "0.8.2",
-    "@scalar/api-client": "3.10.3",
-    "@scalar/icons": "0.7.3",
-    "@scalar/schemas": "0.4.3",
     "@scalar/openapi-types": "0.9.1",
+    "@scalar/schemas": "0.5.0",
     "@scalar/themes": "0.16.0",
+    "@scalar/types": "0.14.0",
     "@scalar/use-toasts": "0.10.2",
-    "@scalar/types": "0.13.3",
-    "@scalar/validation": "0.6.0",
-    "@scalar/workspace-store": "0.54.3"
+    "@scalar/workspace-store": "0.54.4",
+    "@scalar/validation": "0.6.0"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.2.4",
@@ -75,7 +75,7 @@
     "tailwindcss": "^4.1.18",
     "vite": "8.0.0",
     "vitest": "4.1.0",
-    "@scalar/sidebar": "0.9.22"
+    "@scalar/sidebar": "0.9.23"
   },
   "scripts": {
     "build": "vite build && pnpm build:styles && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && shx cp package.json dist",