@scalar/api-client 3.10.3 → 3.11.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @scalar/api-client
 
+## 3.11.0
+
+### Minor Changes
+
+- [#9515](https://github.com/scalar/scalar/pull/9515): feat: add `requestBuilt` client plugin hook and `onRequestBuilt` configuration callback that receive the exact fetch `Request` that is sent over the wire
+
+  The hook runs after the request has been built, right before it is sent. Header mutations apply to the outgoing request and the body bytes match what the server receives, which makes request signing possible: hashing the body of a rebuilt `multipart/form-data` request would produce a different multipart boundary than the request that is actually sent.
+
+### Patch Changes
+
+- [#9558](https://github.com/scalar/scalar/pull/9558): Fix the request runner dropping a manually typed auth token when the document name is not slug-safe (e.g. documents loaded via `sources`). The modal now reads auth secrets under the same document key they are written to.
+- [#9497](https://github.com/scalar/scalar/pull/9497): Fix renaming an auto-expanded query parameter row: the committed key is applied to the request and persists in the table without writing partial in-progress edits, and the original key no longer reappears as an empty suggestion
+
+## 3.10.4
+
+### Patch Changes
+
+- [#9319](https://github.com/scalar/scalar/pull/9319): feat: route OAuth2 token exchange/refresh and OpenID Connect discovery through the configured `customFetch`
+
+  The auth selector now forwards the client's `customFetch` to the OAuth2 and OpenID Connect flows. This lets the Electron desktop app pipe these requests over IPC (like regular API requests) instead of the renderer's network stack, so the desktop Content Security Policy can lock down `connect-src`. When no `customFetch` is provided the flows fall back to the global `fetch`, so web behavior is unchanged.
+
+- [#9138](https://github.com/scalar/scalar/pull/9138): feat(api-client): add CodeInputLite, a lightweight contenteditable variable input that replaces CodeMirror in the request, auth, and environment tables for better performance
+
 ## 3.10.3
 
 ### Patch Changes

package/dist/style.css

@@ -442,7 +442,12 @@
   border-width: 1px;
 }
 
-:where(.scalar-app) input::placeholder {
+:where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
+  color: var(--scalar-color-3);
+  font-family: var(--scalar-font);
+}
+
+:where(.scalar-app) ::-webkit-input-placeholder {
   color: var(--scalar-color-3);
   font-family: var(--scalar-font);
 }
@@ -889,7 +894,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);
 }
 
@@ -1650,7 +1655,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);
@@ -1661,9 +1666,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);
@@ -1671,6 +1691,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 {
@@ -1965,10 +2002,18 @@
   inset-block: 2px;
 }
 
+.scalar-app .-start {
+  inset-inline-start: -4px;
+}
+
 .scalar-app .start {
   inset-inline-start: 4px;
 }
 
+.scalar-app .-end {
+  inset-inline-end: -4px;
+}
+
 .scalar-app .end {
   inset-inline-end: 4px;
 }
@@ -4765,15 +4810,15 @@
   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;
 }
 
-.scalar-app .group-has-\[\.cm-focused\]\:pr-10:is(:where(.group):has(.cm-focused) *) {
+.scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:pr-10:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   padding-right: 40px;
 }
 
@@ -4892,7 +4937,7 @@
   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;
 }
 
@@ -5966,23 +6011,23 @@ to {
 /*
    Deep styling for customizing Codemirror
   */
-[data-v-3118bf46] .cm-editor {
+[data-v-d6fb2049] .cm-editor {
   height: 100%;
   outline: none;
   padding: 0;
   background: transparent;
 }
-[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;
 }
 /* Tooltip helper */
-[data-v-3118bf46] .cm-tooltip {
+[data-v-d6fb2049] .cm-tooltip {
   background: transparent !important;
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
@@ -5991,43 +6036,43 @@ to {
   outline: none !important;
   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 {
   padding: 6px !important;
   position: relative;
 }
-[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;
 }
 /* Disable active line highlighting */
-[data-v-3118bf46] .cm-activeLine,[data-v-3118bf46] .cm-activeLineGutter {
+[data-v-d6fb2049] .cm-activeLine,[data-v-d6fb2049] .cm-activeLineGutter {
   background-color: transparent;
 }
 /* Color selection matching */
-[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;
 }
 /* Color Picker Swatches */
-[data-v-3118bf46] .cm-css-color-picker-wrapper {
+[data-v-d6fb2049] .cm-css-color-picker-wrapper {
   display: inline-flex;
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   overflow: hidden;
 }
 /* Number gutter */
-[data-v-3118bf46] .cm-gutters {
+[data-v-d6fb2049] .cm-gutters {
   background-color: transparent;
   border-right: none;
   color: var(--scalar-color-3);
@@ -6035,7 +6080,7 @@ to {
   line-height: 22px;
   border-radius: 0 0 0 3px;
 }
-[data-v-3118bf46] .cm-gutters:before {
+[data-v-d6fb2049] .cm-gutters:before {
   content: '';
   position: absolute;
   top: 2px;
@@ -6045,7 +6090,7 @@ to {
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
 }
-[data-v-3118bf46] .cm-gutterElement {
+[data-v-d6fb2049] .cm-gutterElement {
   font-family: var(--scalar-font-code) !important;
   padding-left: 0px !important;
   padding-right: 6px !important;
@@ -6054,16 +6099,16 @@ to {
   justify-content: flex-end;
   position: relative;
 }
-[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 {
   display: inline-table;
   min-height: fit-content;
   padding: 3px 6px;
@@ -6139,21 +6184,21 @@ to {
   margin-top: 0;
 }
 
-[data-v-372238a6] .cm-editor {
+[data-v-d37cbfcc] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-372238a6] .cm-line {
+[data-v-d37cbfcc] .cm-line {
   padding: 0;
 }
-[data-v-372238a6] .cm-content {
+[data-v-d37cbfcc] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-372238a6] {
+.scroll-timeline-x[data-v-d37cbfcc] {
   -ms-overflow-style: none;
   /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
      element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -6166,31 +6211,31 @@ to {
     transparent 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] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-372238a6]:after {
+.scroll-timeline-x-address[data-v-d37cbfcc]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -6198,12 +6243,12 @@ to {
   right: 0;
   cursor: text;
 }
-.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: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6211,12 +6256,16 @@ to {
   );
   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: white;
@@ -6315,33 +6364,110 @@ to {
   display: none;
 }
 
-[data-v-36811e28] .cm-editor {
-  padding: 0;
+.code-input-lite[data-v-1974e80d] {
+  /* Flex so the editor centres vertically in whatever height the cell gives us.
+     Font properties inherit so we adopt the surrounding typography. */
+  display: flex;
+  align-items: center;
+}
+.code-input-lite__editor[data-v-1974e80d] {
+  /* Everything font-related inherits from the surrounding context. */
+  font: inherit;
+  letter-spacing: inherit;
+  flex: 1;
+  min-width: 0;
+  background: transparent;
+  outline: none;
+  color: var(--scalar-color-1);
+  caret-color: var(--scalar-color-1);
+  /* Single-line: horizontal scroll keeps the caret visible for long values;
+     the scrollbar itself is hidden (would be noisy inside a table cell). */
+  white-space: pre;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
+  padding: 0 0.5em;
+  box-sizing: border-box;
+  line-height: 1.44;
+  /* Positioning context for the absolutely positioned placeholder. */
+  position: relative;
 }
-[data-v-36811e28] .cm-content {
+.code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
+  display: none;
+}
+
+/* Absolute so the placeholder does not occupy flow space inside the
+   contenteditable; otherwise the caret would land after it on focus.
+   `pointer-events: none` lets clicks fall through to focus the editor.
+   Hidden on focus so it never renders on top of the text caret. */
+.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;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0.5em;
+  display: flex;
   align-items: center;
+}
+.code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
+  outline: 1px solid var(--scalar-color-red);
+}
+
+/* Pill styling. Each pill is `<span contenteditable="false">name</span>` —
+   an atomic widget; the caret lands before or after it, never inside. */
+.scalar-pill {
+  color: var(--scalar-color-2);
+  border-radius: 30px;
+  display: inline-block;
+  font-family: var(--scalar-font-code);
+  font-size: 0.9em;
+  line-height: 1.4;
+  vertical-align: baseline;
+  background: var(--scalar-background-3);
+  padding: 0.125em 0.6em;
+  margin-right: 0.35em;
+  cursor: text;
+  /* Single click selects the whole pill — chip/mention model, deletes in one go. */
+  user-select: all;
+  -webkit-user-select: all;
+}
+.dark-mode .scalar-pill {
+  background: color-mix(
+    in srgb,
+    var(--tw-bg-base, var(--scalar-color-1)),
+    transparent 90%
+  );
+}
+.light-mode .scalar-pill {
+  background: var(--scalar-background-3);
+}
+.scalar-pill--context-fn {
+  /* Inset box-shadow as a border so the layout box stays identical to plain pills. */
+  box-shadow: 0 0 0 1px
+    color-mix(in srgb, var(--scalar-color-3), transparent 35%) inset;
+}
+.dark-mode .scalar-pill--context-fn {
+  background: color-mix(in srgb, var(--scalar-background-3), transparent 55%);
+}
+.light-mode .scalar-pill--context-fn {
+  background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
+}
+
+[data-v-6b2d7899] .code-input-lite__editor {
   background-color: transparent;
-  display: flex;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
-  width: 100%;
-}
-[data-v-36811e28] .cm-content:has(.cm-pill) {
-  padding: 5px 8px;
 }
-[data-v-36811e28] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: 0.5px;
+[data-v-6b2d7899] .scalar-pill:not(:last-of-type) {
+  margin-right: 0.15em;
 }
-[data-v-36811e28] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-6b2d7899] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-36811e28] .cm-line {
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-}
-.filemask[data-v-36811e28] {
+.filemask[data-v-6b2d7899] {
   mask-image: linear-gradient(
     to right,
     transparent 0,
@@ -6375,61 +6501,46 @@ to {
   scrollbar-width: none;
 }
 
-[data-v-1ee3c31d] .cm-editor {
-  padding: 0;
-}
-[data-v-1ee3c31d] .cm-content {
-  align-items: center;
+[data-v-a6f4752a] .code-input-lite__editor {
   background-color: transparent;
-  display: flex;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
-  width: 100%;
-}
-[data-v-1ee3c31d] .cm-content:has(.cm-pill) {
-  padding: 5px 8px;
 }
-[data-v-1ee3c31d] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: 0.5px;
+[data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
+  margin-right: 0.15em;
 }
-[data-v-1ee3c31d] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-1ee3c31d] .cm-line {
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-  word-break: break-word;
-}
-.required[data-v-1ee3c31d]::after {
+.required[data-v-a6f4752a]::after {
   content: 'Required';
 }
 /* Tailwind placeholder is busted */
-input[data-v-1ee3c31d]::placeholder {
+input[data-v-a6f4752a]::placeholder {
   color: var(--scalar-color-3);
 }
 /* we want our inputs to look like a password input but not be one */
-.scalar-password-input[data-v-1ee3c31d] {
+.scalar-password-input[data-v-a6f4752a] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
 
-.request-section-content[data-v-9ee5445b] {
+.request-section-content[data-v-612d194c] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-9ee5445b] {
+.request-section-content-filter[data-v-612d194c] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
+.request-item:focus-within .request-meta-buttons[data-v-612d194c] {
   opacity: 1;
 }
-.group-hover-input[data-v-9ee5445b] {
+.group-hover-input[data-v-612d194c] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-9ee5445b] {
+.group:hover .group-hover-input[data-v-612d194c] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6437,7 +6548,7 @@ input[data-v-1ee3c31d]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-9ee5445b]:focus {
+.group-hover-input[data-v-612d194c]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -6618,32 +6729,18 @@ to {
   bottom: 0;
 }
 
-[data-v-69be2d6c] .cm-editor {
-  padding: 0;
-}
-[data-v-69be2d6c] .cm-content {
-  align-items: center;
+[data-v-5b336842] .code-input-lite__editor {
   background-color: transparent;
-  display: flex;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
-  width: 100%;
 }
-[data-v-69be2d6c] .cm-content:has(.cm-pill) {
-  padding: 5px 8px;
-}
-[data-v-69be2d6c] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: 0.5px;
+[data-v-5b336842] .scalar-pill:not(:last-of-type) {
+  margin-right: 0.15em;
 }
-[data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-5b336842] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-69be2d6c] .cm-line {
-  overflow: hidden;
-  padding: 0;
-  text-overflow: ellipsis;
-}
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 .scalar .scalar-app-layout[data-v-77897d1c] {
   background: var(--scalar-background-1);

package/dist/v2/blocks/operation-block/OperationBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"names":[],"mappings":"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"}