@scalar/api-reference 1.48.8 → 1.49.0

package/dist/style.css

@@ -606,7 +606,7 @@ code.property-detail-value[data-v-1295f965] {
   text-decoration: line-through;
 }
 
-.property[data-v-8d72f803] {
+.property[data-v-6031fee6] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -616,7 +616,7 @@ code.property-detail-value[data-v-1295f965] {
 }
 
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-8d72f803]:has(
+.property.property--level-0[data-v-6031fee6]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -625,25 +625,25 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-8d72f803],
-.property--compact.property--level-1[data-v-8d72f803] {
+.property--compact.property--level-0[data-v-6031fee6],
+.property--compact.property--level-1[data-v-6031fee6] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-8d72f803] {
+.composition-panel .property.property.property.property--level-0[data-v-6031fee6] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-8d72f803] {
+  .property--compact.property--level-1[data-v-6031fee6] {
   padding: 8px;
 }
 
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-8d72f803]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-6031fee6]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-8d72f803] {
+.property--deprecated[data-v-6031fee6] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -653,46 +653,46 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-8d72f803] > * {
+.property--deprecated[data-v-6031fee6] > * {
   opacity: 0.75;
 }
-.property-description[data-v-8d72f803] {
+.property-description[data-v-6031fee6] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-8d72f803]:has(+ .property-rule) {
+.property-description[data-v-6031fee6]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-8d72f803] .property-description * {
+[data-v-6031fee6] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-8d72f803]:not(:last-of-type) {
+.property[data-v-6031fee6]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-8d72f803],
-.children + .property-rule[data-v-8d72f803] {
+.property-description + .children[data-v-6031fee6],
+.children + .property-rule[data-v-6031fee6] {
   margin-top: 9px;
 }
-.children[data-v-8d72f803] {
+.children[data-v-6031fee6] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-8d72f803] {
+.children .property--compact.property--level-1[data-v-6031fee6] {
   padding: 12px;
 }
-.property-example-value[data-v-8d72f803] {
+.property-example-value[data-v-6031fee6] {
   all: unset;
   font-family: var(--scalar-font-code);
   padding: 6px;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-rule[data-v-8d72f803] {
+.property-rule[data-v-6031fee6] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property-rule[data-v-8d72f803]
+.property-rule[data-v-6031fee6]
   
     .composition-panel
       .schema-card--level-1
@@ -700,7 +700,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-8d72f803]
+.property-rule[data-v-6031fee6]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -709,29 +709,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-8d72f803] {
+.property-example[data-v-6031fee6] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-8d72f803],
-.property-example-value[data-v-8d72f803] {
+.property-example-label[data-v-6031fee6],
+.property-example-value[data-v-6031fee6] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-8d72f803] {
+.property-example-value[data-v-6031fee6] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-8d72f803] {
+.property-name[data-v-6031fee6] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-8d72f803]::before,
-.property-name-pattern-properties[data-v-8d72f803]::before {
+.property-name-additional-properties[data-v-6031fee6]::before,
+.property-name-pattern-properties[data-v-6031fee6]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -742,11 +742,11 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-8d72f803]::before {
+.property-name-pattern-properties[data-v-6031fee6]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-8d72f803],
-.property-name-pattern-properties[data-v-8d72f803] {
+.property-name-additional-properties[data-v-6031fee6],
+.property-name-pattern-properties[data-v-6031fee6] {
   border: 1px dashed var(--scalar-border-color);
   color: var(--scalar-color-accent);
   display: inline-block;
@@ -1774,72 +1774,70 @@ button.headers-card-title[data-v-ab19704d]:hover {
 }
 }
 
-.ask-agent-scalar-input[data-v-f43e32ab] {
-  all: initial;
-  color: var(--scalar-color-1);
-  appearance: none;
-  border: none;
-  white-space: nowrap;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: var(--scalar-regular);
-  font-size: var(--scalar-small);
-  line-height: 22px;
-  font-family: var(--scalar-font);
-  position: relative;
-  cursor: pointer;
-  box-sizing: border-box;
-  outline: none;
-  outline-offset: 2px;
-  field-sizing: content;
-  max-width: 88px;
-}
-.ask-agent-scalar-input[data-v-f43e32ab]:focus {
-  cursor: text;
-  width: 100% !important;
-  max-width: calc(100% - 50px);
-}
-.ask-agent-scalar-input[data-v-f43e32ab]:not(:placeholder-shown) {
-  width: 100% !important;
-  height: 100%;
-  field-sizing: border-box;
-  cursor: text;
-  max-width: calc(100% - 50px);
-}
-.ask-agent-scalar-input[data-v-f43e32ab]::placeholder {
-  color: var(--scalar-color-1);
-  font-family: var(--scalar-font);
-}
-.ask-agent-scalar-input[data-v-f43e32ab]:focus::placeholder {
-  color: var(--scalar-color-2);
-}
-.agent-button-container[data-v-f43e32ab] {
+/** Container */
+.agent-button-container[data-v-78f5377c] {
   position: relative;
   color: var(--scalar-color-1);
   background: color-mix(in srgb, var(--scalar-background-3), white 15%);
   display: flex;
   align-items: center;
+  cursor: pointer;
   padding: 1px 6px;
   margin-right: 4px;
   border-radius: var(--scalar-radius);
-  gap: 4px;
   z-index: 2;
   height: 100%;
 }
-.agent-button-container[data-v-f43e32ab]:hover:not(:focus-within) {
+.agent-button-container[data-v-78f5377c]:hover:not(:focus-within) {
   background: color-mix(in srgb, var(--scalar-background-3), white 20%);
 }
-.agent-button-container[data-v-f43e32ab]:has(.ask-agent-scalar-input:not(:placeholder-shown)),
-.agent-button-container[data-v-f43e32ab]:focus-within {
-  width: calc(100% - 4px);
-  height: calc(100% - 4px);
+.agent-button-container[data-v-78f5377c]:has(.ask-agent-scalar-input-not-empty),
+.agent-button-container[data-v-78f5377c]:focus-within {
   position: absolute;
-  left: 2px;
-  top: 2px;
-  border-radius: var(--scalar-radius);
+  inset: 2px;
+  border-radius: var(--scalar-radius-lg);
+  margin-right: 0;
+  height: auto;
 }
-.ask-agent-scalar-send[data-v-f43e32ab] {
+.agent-button-container[data-v-78f5377c]:has(.ask-agent-scalar-input:focus-visible) {
+  outline-style: solid;
+}
+/** Input */
+.ask-agent-scalar-input[data-v-78f5377c] {
+  width: 0px;
+  opacity: 0;
+  font-size: 0px;
+  border: none;
+}
+.agent-button-container:has(.ask-agent-scalar-input-not-empty)
+  .ask-agent-scalar-input[data-v-78f5377c],
+.agent-button-container:focus-within .ask-agent-scalar-input[data-v-78f5377c] {
+  width: 100%;
+  font-size: inherit;
+  opacity: 1;
+  line-height: 20px;
+  outline: none;
+  padding-inline: 4px;
+}
+.ask-agent-scalar-input[data-v-78f5377c]::placeholder {
+  color: var(--scalar-color-2);
+  font-family: inherit;
+}
+/** Input label */
+.ask-agent-scalar-input-label[data-v-78f5377c] {
+  /** Shown by default */
+  color: var(--scalar-color-1);
+  font-weight: var(--scalar-semibold);
+  margin-left: 4px;
+}
+.agent-button-container:has(.ask-agent-scalar-input-not-empty)
+  .ask-agent-scalar-input-label[data-v-78f5377c],
+.agent-button-container:focus-within .ask-agent-scalar-input-label[data-v-78f5377c] {
+  /** Hidden when input is focused */
+  display: none;
+}
+/** Send button */
+.ask-agent-scalar-send[data-v-78f5377c] {
   background: var(--scalar-color-blue);
   color: #fff;
   width: 24px;
@@ -1849,20 +1847,18 @@ button.headers-card-title[data-v-ab19704d]:hover {
   justify-content: center;
   align-items: center;
   border-radius: var(--scalar-radius);
-  margin-left: auto;
+  outline-offset: 1px;
+  /* Hidden by default */
   display: none;
 }
-.ask-agent-scalar-send[data-v-f43e32ab]:hover {
-  background: color-mix(
-    in srgb,
-    var(--scalar-color-blue),
-    transparent 10%
-  ) !important;
-}
-.agent-button-container:has(.ask-agent-scalar-input:not(:placeholder-shown))
-  .ask-agent-scalar-send[data-v-f43e32ab] {
+.agent-button-container:has(.ask-agent-scalar-input-not-empty)
+  .ask-agent-scalar-send[data-v-78f5377c] {
+  /** Show when input is not empty */
   display: flex;
 }
+.ask-agent-scalar-send[data-v-78f5377c]:hover {
+  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);
+}
 
 @container narrow-references-container (max-width: 900px) {
 .section-content--with-columns[data-v-9735459e] {
@@ -1977,10 +1973,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
   width: 100%;
 }
 
-.section-container[data-v-0d42fbc8] {
+.section-container[data-v-8f1a275c] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.section-container[data-v-0d42fbc8]:has(.show-more) {
+.section-container[data-v-8f1a275c]:has(.show-more) {
   background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
 }
 
@@ -2669,6 +2665,7 @@ to {
 }
 }
 :root, :host {
+    --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
@@ -3573,6 +3570,7 @@ body {
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    --leading-tight: 1.25;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --animate-spin: spin 1s linear infinite;
@@ -4133,11 +4131,6 @@ body {
   inherits: false;
   initial-value: 0;
 }
-@property --tw-divide-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-mask-linear {
   syntax: "*";
   inherits: false;
@@ -8865,6 +8858,10 @@ to {
   --tw-leading: var(--leading-snug);
   line-height: var(--leading-snug);
 }
+.scalar-app .leading-tight {
+  --tw-leading: var(--leading-tight);
+  line-height: var(--leading-tight);
+}
 .scalar-app .font-bold {
   --tw-font-weight: var(--scalar-bold);
   font-weight: var(--scalar-bold);
@@ -10874,11 +10871,11 @@ to {
 .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-f5565642], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-f5565642] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
-.app-exit-button[data-v-192fe698] {
+.app-exit-button[data-v-0e03d0d8] {
   color: #fff;
   background: #0000001a;
 }
-.app-exit-button[data-v-192fe698]:hover {
+.app-exit-button[data-v-0e03d0d8]:hover {
   background: #ffffff1a;
 }
 .fade-request-section-content[data-v-f97cc68c] {
@@ -11056,31 +11053,31 @@ input[data-v-3157c3c7]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-22abab53] {
+.request-section-content[data-v-98af86fe] {
   --scalar-border-width: .5px;
 }
-.request-section-content-filter[data-v-22abab53] {
+.request-section-content-filter[data-v-98af86fe] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-22abab53] {
+.request-item:focus-within .request-meta-buttons[data-v-98af86fe] {
   opacity: 1;
 }
-.group-hover-input[data-v-22abab53] {
+.group-hover-input[data-v-98af86fe] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
-.group:hover .group-hover-input[data-v-22abab53] {
+.group:hover .group-hover-input[data-v-98af86fe] {
   background: var(--scalar-background-1);
 }
 @supports (color: color-mix(in lab, red, red)) {
-.group:hover .group-hover-input[data-v-22abab53] {
+.group:hover .group-hover-input[data-v-98af86fe] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
 }
 }
-.group:hover .group-hover-input[data-v-22abab53] {
+.group:hover .group-hover-input[data-v-98af86fe] {
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-22abab53]:focus {
+.group-hover-input[data-v-98af86fe]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
@@ -12437,6 +12434,11 @@ to {
   syntax: "*";
   inherits: false
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -12626,7 +12628,7 @@ to {
 
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-5197a9d8] {
+.scalar-api-reference[data-v-f95a4f7c] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -12648,20 +12650,20 @@ to {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-5197a9d8] {
+.scalar-api-reference.references-classic[data-v-f95a4f7c] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-5197a9d8] {
+.t-doc__sidebar[data-v-f95a4f7c] {
   z-index: 10;
 }
 
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-5197a9d8] {
+.references-layout[data-v-f95a4f7c] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -12685,39 +12687,39 @@ to {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-5197a9d8] {
+.references-editor[data-v-f95a4f7c] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-5197a9d8] {
+.references-rendered[data-v-f95a4f7c] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-5197a9d8],
-.references-classic .references-rendered[data-v-5197a9d8] {
+.scalar-api-reference.references-classic[data-v-f95a4f7c],
+.references-classic .references-rendered[data-v-f95a4f7c] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-5197a9d8] {
+.references-sidebar[data-v-f95a4f7c] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 
 /* Footer */
-.references-footer[data-v-5197a9d8] {
+.references-footer[data-v-f95a4f7c] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
 @media (max-width: 1000px) {
   /* Stack view on mobile */
-.references-layout[data-v-5197a9d8] {
+.references-layout[data-v-f95a4f7c] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -12732,13 +12734,13 @@ to {
       'rendered'
       'footer';
 }
-.references-editable[data-v-5197a9d8] {
+.references-editable[data-v-f95a4f7c] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-5197a9d8] {
+.references-rendered[data-v-f95a4f7c] {
     position: static;
 }
 }
@@ -12749,12 +12751,12 @@ to {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-5197a9d8]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-f95a4f7c]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
 
-.darklight-reference[data-v-5197a9d8] {
+.darklight-reference[data-v-f95a4f7c] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -20,7 +20,7 @@
     "vue",
     "vue3"
   ],
-  "version": "1.48.8",
+  "version": "1.49.0",
   "engines": {
     "node": ">=22"
   },
@@ -90,22 +90,22 @@
     "microdiff": "^1.5.0",
     "nanoid": "^5.1.6",
     "vue": "^3.5.26",
-    "@scalar/agent-chat": "0.9.8",
-    "@scalar/api-client": "2.38.0",
+    "@scalar/api-client": "2.38.1",
+    "@scalar/agent-chat": "0.9.9",
     "@scalar/code-highlight": "0.3.0",
-    "@scalar/components": "0.20.8",
+    "@scalar/components": "0.20.9",
     "@scalar/helpers": "0.4.1",
+    "@scalar/oas-utils": "0.10.8",
     "@scalar/icons": "0.6.0",
-    "@scalar/openapi-parser": "0.25.3",
-    "@scalar/oas-utils": "0.10.7",
     "@scalar/openapi-types": "0.6.0",
-    "@scalar/sidebar": "0.8.8",
+    "@scalar/openapi-parser": "0.25.4",
     "@scalar/snippetz": "0.7.4",
+    "@scalar/sidebar": "0.8.9",
     "@scalar/themes": "0.15.0",
     "@scalar/types": "0.7.3",
-    "@scalar/use-hooks": "0.4.0",
     "@scalar/use-toasts": "0.10.0",
-    "@scalar/workspace-store": "0.40.1"
+    "@scalar/workspace-store": "0.40.2",
+    "@scalar/use-hooks": "0.4.0"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.7",
@@ -124,9 +124,9 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitest": "4.0.16",
     "@scalar/build-tooling": "0.5.0",
+    "@scalar/react-renderer": "0.4.0",
     "@scalar/core": "0.4.3",
-    "@scalar/galaxy": "0.6.0",
-    "@scalar/react-renderer": "0.4.0"
+    "@scalar/galaxy": "0.6.0"
   },
   "scripts": {
     "build": "pnpm build:default && pnpm build:standalone && pnpm types:build",