@scalar/api-client 3.19.3 → 3.20.0

package/dist/v2/blocks/request-block/components/RequestBodyStructured.vue.script.js

@@ -1,8 +1,9 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import RequestTable_default from "./RequestTable.vue.js";
 import { foldStructuredBodyRows } from "../helpers/fold-structured-body-rows.js";
 import { getStructuredBodyRows } from "../helpers/get-structured-body-rows.js";
 import { getStructuredBodyCodec } from "../helpers/structured-body-codec.js";
-import { computed, createBlock, defineComponent, openBlock, ref, watch } from "vue";
+import { computed, createBlock, defineComponent, openBlock, ref, unref, watch } from "vue";
 //#region src/v2/blocks/request-block/components/RequestBodyStructured.vue?vue&type=script&setup=true&lang.ts
 var RequestBodyStructured_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RequestBodyStructured",
@@ -15,6 +16,7 @@ var RequestBodyStructured_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 	emits: ["update:value"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
+		const { translate } = useLocalization();
 		const codec = computed(() => getStructuredBodyCodec(__props.contentType));
 		/** Local state for the body rows */
 		const localRows = ref([]);
@@ -69,10 +71,14 @@ var RequestBodyStructured_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 				data: localRows.value,
 				deferKeyUpdates: "",
 				environment: __props.environment,
-				label: "Body",
+				label: unref(translate)("apiClient.requestBodyStructured.body"),
 				onDeleteRow: handleDeleteRow,
 				onUpsertRow: handleUpsertRow
-			}, null, 8, ["data", "environment"]);
+			}, null, 8, [
+				"data",
+				"environment",
+				"label"
+			]);
 		};
 	}
 });

package/dist/v2/blocks/request-block/components/RequestBodyStructured.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBodyStructured.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyStructured.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport RequestTable from '@/v2/blocks/request-block/components/RequestTable.vue'\nimport type { TableRow } from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport { foldStructuredBodyRows } from '@/v2/blocks/request-block/helpers/fold-structured-body-rows'\nimport { getStructuredBodyRows } from '@/v2/blocks/request-block/helpers/get-structured-body-rows'\nimport { getStructuredBodyCodec } from '@/v2/blocks/request-block/helpers/structured-body-codec'\n\nconst { parsedValue, bodySchema, contentType, environment } = defineProps<{\n  /** The parsed (object) value of the structured body */\n  parsedValue: unknown\n  /** Resolved schema for the body so the table can show enums and validation per field */\n  bodySchema?: SchemaObject\n  /** The selected content type, decides how the folded body is serialized (JSON/YAML) */\n  contentType: string\n  environment: XScalarEnvironment\n}>()\n\nconst emit = defineEmits<{\n  /** Serialized body text for the current content type */\n  (e: 'update:value', payload: string): void\n}>()\n\nconst codec = computed(() => getStructuredBodyCodec(contentType))\n\n/** Local state for the body rows */\nconst localRows = ref<TableRow[]>([])\n\n/**\n * The serialized string we last emitted. Store updates triggered by our own emit come\n * back through the `parsedValue` prop — skip the row rebuild for those so typing does\n * not churn focus and a just-cleared row does not vanish mid-edit.\n */\nlet lastEmitted: string | undefined\n\nwatch(\n  () => [parsedValue, bodySchema, contentType] as const,\n  ([newValue, schema]) => {\n    if (lastEmitted !== undefined && codec.value) {\n      try {\n        if (codec.value.stringify(newValue) === lastEmitted) {\n          return\n        }\n      } catch {\n        // Not serializable — treat as an external change and rebuild.\n      }\n    }\n    lastEmitted = undefined\n    localRows.value = getStructuredBodyRows(newValue, schema)\n  },\n  { immediate: true },\n)\n\nconst emitRows = () => {\n  if (!codec.value) {\n    return\n  }\n  const serialized = codec.value.stringify(\n    foldStructuredBodyRows(localRows.value, bodySchema),\n  )\n  lastEmitted = serialized\n  emit('update:value', serialized)\n}\n\n/** Update a row in the table, combines with the previous data so we emit the whole body */\nconst handleUpsertRow = (\n  index: number,\n  payload: Partial<{\n    name: string\n    value: string | File | undefined\n    isDisabled: boolean\n  }>,\n) => {\n  // Add new row\n  if (index >= localRows.value.length) {\n    localRows.value = [\n      ...localRows.value,\n      { name: '', value: '', ...payload, isDisabled: false },\n    ]\n    emitRows()\n    return\n  }\n\n  localRows.value = localRows.value.map((row, i) =>\n    i === index ? { ...row, ...payload } : row,\n  )\n  emitRows()\n}\n\n/** Delete a row from the table */\nconst handleDeleteRow = (index: number) => {\n  localRows.value = localRows.value.filter((_, i) => i !== index)\n  emitRows()\n}\n</script>\n\n<template>\n  <RequestTable\n    :data=\"localRows\"\n    deferKeyUpdates\n    :environment=\"environment\"\n    label=\"Body\"\n    @deleteRow=\"handleDeleteRow\"\n    @upsertRow=\"handleUpsertRow\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAqBA,MAAM,OAAO;EAKb,MAAM,QAAQ,eAAe,uBAAuB,QAAA,WAAW,CAAC;;EAGhE,MAAM,YAAY,IAAgB,CAAC,CAAC;;;;;;EAOpC,IAAI;EAEJ,YACQ;GAAC,QAAA;GAAa,QAAA;GAAY,QAAA;EAAW,IAC1C,CAAC,UAAU,YAAY;GACtB,IAAI,gBAAgB,KAAA,KAAa,MAAM,OACrC,IAAI;IACF,IAAI,MAAM,MAAM,UAAU,QAAQ,MAAM,aACtC;GAEJ,QAAQ,CAER;GAEF,cAAc,KAAA;GACd,UAAU,QAAQ,sBAAsB,UAAU,MAAM;EAC1D,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,iBAAiB;GACrB,IAAI,CAAC,MAAM,OACT;GAEF,MAAM,aAAa,MAAM,MAAM,UAC7B,uBAAuB,UAAU,OAAO,QAAA,UAAU,CACpD;GACA,cAAc;GACd,KAAK,gBAAgB,UAAU;EACjC;;EAGA,MAAM,mBACJ,OACA,YAKG;GAEH,IAAI,SAAS,UAAU,MAAM,QAAQ;IACnC,UAAU,QAAQ,CAChB,GAAG,UAAU,OACb;KAAE,MAAM;KAAI,OAAO;KAAI,GAAG;KAAS,YAAY;IAAM,CACvD;IACA,SAAS;IACT;GACF;GAEA,UAAU,QAAQ,UAAU,MAAM,KAAK,KAAK,MAC1C,MAAM,QAAQ;IAAE,GAAG;IAAK,GAAG;GAAQ,IAAI,GACzC;GACA,SAAS;EACX;;EAGA,MAAM,mBAAmB,UAAkB;GACzC,UAAU,QAAQ,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM,KAAK;GAC9D,SAAS;EACX;;uBAIE,YAMiC,sBAAA;IAL9B,MAAM,UAAA;IACP,iBAAA;IACC,aAAa,QAAA;IACd,OAAM;IACL,aAAW;IACX,aAAW"}
+{"version":3,"file":"RequestBodyStructured.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyStructured.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed, ref, watch } from 'vue'\n\nimport RequestTable from '@/v2/blocks/request-block/components/RequestTable.vue'\nimport type { TableRow } from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport { foldStructuredBodyRows } from '@/v2/blocks/request-block/helpers/fold-structured-body-rows'\nimport { getStructuredBodyRows } from '@/v2/blocks/request-block/helpers/get-structured-body-rows'\nimport { getStructuredBodyCodec } from '@/v2/blocks/request-block/helpers/structured-body-codec'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { parsedValue, bodySchema, contentType, environment } = defineProps<{\n  /** The parsed (object) value of the structured body */\n  parsedValue: unknown\n  /** Resolved schema for the body so the table can show enums and validation per field */\n  bodySchema?: SchemaObject\n  /** The selected content type, decides how the folded body is serialized (JSON/YAML) */\n  contentType: string\n  environment: XScalarEnvironment\n}>()\n\nconst emit = defineEmits<{\n  /** Serialized body text for the current content type */\n  (e: 'update:value', payload: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst codec = computed(() => getStructuredBodyCodec(contentType))\n\n/** Local state for the body rows */\nconst localRows = ref<TableRow[]>([])\n\n/**\n * The serialized string we last emitted. Store updates triggered by our own emit come\n * back through the `parsedValue` prop — skip the row rebuild for those so typing does\n * not churn focus and a just-cleared row does not vanish mid-edit.\n */\nlet lastEmitted: string | undefined\n\nwatch(\n  () => [parsedValue, bodySchema, contentType] as const,\n  ([newValue, schema]) => {\n    if (lastEmitted !== undefined && codec.value) {\n      try {\n        if (codec.value.stringify(newValue) === lastEmitted) {\n          return\n        }\n      } catch {\n        // Not serializable — treat as an external change and rebuild.\n      }\n    }\n    lastEmitted = undefined\n    localRows.value = getStructuredBodyRows(newValue, schema)\n  },\n  { immediate: true },\n)\n\nconst emitRows = () => {\n  if (!codec.value) {\n    return\n  }\n  const serialized = codec.value.stringify(\n    foldStructuredBodyRows(localRows.value, bodySchema),\n  )\n  lastEmitted = serialized\n  emit('update:value', serialized)\n}\n\n/** Update a row in the table, combines with the previous data so we emit the whole body */\nconst handleUpsertRow = (\n  index: number,\n  payload: Partial<{\n    name: string\n    value: string | File | undefined\n    isDisabled: boolean\n  }>,\n) => {\n  // Add new row\n  if (index >= localRows.value.length) {\n    localRows.value = [\n      ...localRows.value,\n      { name: '', value: '', ...payload, isDisabled: false },\n    ]\n    emitRows()\n    return\n  }\n\n  localRows.value = localRows.value.map((row, i) =>\n    i === index ? { ...row, ...payload } : row,\n  )\n  emitRows()\n}\n\n/** Delete a row from the table */\nconst handleDeleteRow = (index: number) => {\n  localRows.value = localRows.value.filter((_, i) => i !== index)\n  emitRows()\n}\n</script>\n\n<template>\n  <RequestTable\n    :data=\"localRows\"\n    deferKeyUpdates\n    :environment=\"environment\"\n    :label=\"translate('apiClient.requestBodyStructured.body')\"\n    @deleteRow=\"handleDeleteRow\"\n    @upsertRow=\"handleUpsertRow\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAsBA,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,QAAQ,eAAe,uBAAuB,QAAA,WAAW,CAAC;;EAGhE,MAAM,YAAY,IAAgB,CAAC,CAAC;;;;;;EAOpC,IAAI;EAEJ,YACQ;GAAC,QAAA;GAAa,QAAA;GAAY,QAAA;EAAW,IAC1C,CAAC,UAAU,YAAY;GACtB,IAAI,gBAAgB,KAAA,KAAa,MAAM,OACrC,IAAI;IACF,IAAI,MAAM,MAAM,UAAU,QAAQ,MAAM,aACtC;GAEJ,QAAQ,CAER;GAEF,cAAc,KAAA;GACd,UAAU,QAAQ,sBAAsB,UAAU,MAAM;EAC1D,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,iBAAiB;GACrB,IAAI,CAAC,MAAM,OACT;GAEF,MAAM,aAAa,MAAM,MAAM,UAC7B,uBAAuB,UAAU,OAAO,QAAA,UAAU,CACpD;GACA,cAAc;GACd,KAAK,gBAAgB,UAAU;EACjC;;EAGA,MAAM,mBACJ,OACA,YAKG;GAEH,IAAI,SAAS,UAAU,MAAM,QAAQ;IACnC,UAAU,QAAQ,CAChB,GAAG,UAAU,OACb;KAAE,MAAM;KAAI,OAAO;KAAI,GAAG;KAAS,YAAY;IAAM,CACvD;IACA,SAAS;IACT;GACF;GAEA,UAAU,QAAQ,UAAU,MAAM,KAAK,KAAK,MAC1C,MAAM,QAAQ;IAAE,GAAG;IAAK,GAAG;GAAQ,IAAI,GACzC;GACA,SAAS;EACX;;EAGA,MAAM,mBAAmB,UAAkB;GACzC,UAAU,QAAQ,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM,KAAK;GAC9D,SAAS;EACX;;uBAIE,YAMiC,sBAAA;IAL9B,MAAM,UAAA;IACP,iBAAA;IACC,aAAa,QAAA;IACb,OAAO,MAAA,SAAA,CAAS,CAAA,sCAAA;IAChB,aAAW;IACX,aAAW"}

package/dist/v2/blocks/request-block/components/RequestBodyViewToggle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBodyViewToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyViewToggle.vue"],"names":[],"mappings":"AAAA,KAyCK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,GAAG,KAAK,CAAA;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA2EF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestBodyViewToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyViewToggle.vue"],"names":[],"mappings":"AAoDA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,GAAG,KAAK,CAAA;IAC1B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAwFF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/request-block/components/RequestBodyViewToggle.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBodyViewToggle.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyViewToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: 'form' | 'raw'\n  /** Disable switching to the form view (e.g. while the raw body is not parseable) */\n  disabled?: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: 'form' | 'raw'): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 mr-2 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"rounded px-1\"\n      :class=\"\n        disabled\n          ? 'cursor-not-allowed opacity-50'\n          : {\n              'bg-b-3 text-c-1 cursor-default': modelValue === 'form',\n              'hover:bg-b-3': modelValue !== 'form',\n            }\n      \"\n      :disabled=\"disabled\"\n      :title=\"disabled ? 'Fix the body to switch to the form view' : undefined\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'form')\">\n      Form\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'raw')\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RequestBodyViewToggle.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyViewToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useLocalization } from '@/v2/features/localization'\n\ndefineProps<{\n  modelValue: 'form' | 'raw'\n  /** Disable switching to the form view (e.g. while the raw body is not parseable) */\n  disabled?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'update:modelValue', v: 'form' | 'raw'): void\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 mr-2 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"rounded px-1\"\n      :class=\"\n        disabled\n          ? 'cursor-not-allowed opacity-50'\n          : {\n              'bg-b-3 text-c-1 cursor-default': modelValue === 'form',\n              'hover:bg-b-3': modelValue !== 'form',\n            }\n      \"\n      :disabled=\"disabled\"\n      :title=\"\n        disabled\n          ? translate('apiClient.requestBodyViewToggle.fixBody')\n          : undefined\n      \"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'form')\">\n      {{ translate('apiClient.requestBodyViewToggle.form') }}\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'raw')\">\n      {{ translate('apiClient.requestBodyViewToggle.raw') }}\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/request-block/components/RequestBodyViewToggle.vue.script.js

@@ -1,4 +1,5 @@
-import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, withModifiers } from "vue";
+import { useLocalization } from "../../../features/localization/index.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withModifiers } from "vue";
 //#region src/v2/blocks/request-block/components/RequestBodyViewToggle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "text-c-3 text-xxs -my-1 mr-2 flex justify-center gap-0.5 rounded p-0.5" };
 var _hoisted_2 = ["disabled", "title"];
@@ -10,6 +11,7 @@ var RequestBodyViewToggle_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 	},
 	emits: ["update:modelValue"],
 	setup(__props) {
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
 				class: normalizeClass(["rounded px-1", __props.disabled ? "cursor-not-allowed opacity-50" : {
@@ -17,14 +19,14 @@ var RequestBodyViewToggle_vue_vue_type_script_setup_true_lang_default = /*@__PUR
 					"hover:bg-b-3": __props.modelValue !== "form"
 				}]),
 				disabled: __props.disabled,
-				title: __props.disabled ? "Fix the body to switch to the form view" : void 0,
+				title: __props.disabled ? unref(translate)("apiClient.requestBodyViewToggle.fixBody") : void 0,
 				type: "button",
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("update:modelValue", "form"), ["stop"]))
-			}, " Form ", 10, _hoisted_2), createElementVNode("button", {
+			}, toDisplayString(unref(translate)("apiClient.requestBodyViewToggle.form")), 11, _hoisted_2), createElementVNode("button", {
 				class: normalizeClass(["hover:bg-b-3 rounded px-1", { "bg-b-3 text-c-1 cursor-default": __props.modelValue === "raw" }]),
 				type: "button",
 				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("update:modelValue", "raw"), ["stop"]))
-			}, " Raw ", 2)]);
+			}, toDisplayString(unref(translate)("apiClient.requestBodyViewToggle.raw")), 3)]);
 		};
 	}
 });

package/dist/v2/blocks/request-block/components/RequestBodyViewToggle.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBodyViewToggle.vue.script.js","names":["$emit"],"sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyViewToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  modelValue: 'form' | 'raw'\n  /** Disable switching to the form view (e.g. while the raw body is not parseable) */\n  disabled?: boolean\n}>()\ndefineEmits<{\n  (e: 'update:modelValue', v: 'form' | 'raw'): void\n}>()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 mr-2 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"rounded px-1\"\n      :class=\"\n        disabled\n          ? 'cursor-not-allowed opacity-50'\n          : {\n              'bg-b-3 text-c-1 cursor-default': modelValue === 'form',\n              'hover:bg-b-3': modelValue !== 'form',\n            }\n      \"\n      :disabled=\"disabled\"\n      :title=\"disabled ? 'Fix the body to switch to the form view' : undefined\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'form')\">\n      Form\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'raw')\">\n      Raw\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;uBAWE,mBAyBM,OAzBN,YAyBM,CAvBJ,mBAeS,UAAA;IAdP,OAAK,eAAA,CAAC,gBACW,QAAA,WAAA,kCAAA;uCAAmH,QAAA,eAAU;qBAA2C,QAAA,eAAU;;IAQlM,UAAU,QAAA;IACV,OAAO,QAAA,WAAQ,4CAA+C,KAAA;IAC/D,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,MAAA,GAAA,CAAA,MAAA,CAAA;MAA+B,UAEnD,IAAA,UAAA,GACA,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,eAAU,MAAA,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,KAAA,GAAA,CAAA,MAAA,CAAA;MAA8B,SAElD,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RequestBodyViewToggle.vue.script.js","names":["$emit"],"sources":["../../../../../src/v2/blocks/request-block/components/RequestBodyViewToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useLocalization } from '@/v2/features/localization'\n\ndefineProps<{\n  modelValue: 'form' | 'raw'\n  /** Disable switching to the form view (e.g. while the raw body is not parseable) */\n  disabled?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'update:modelValue', v: 'form' | 'raw'): void\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <div\n    class=\"text-c-3 text-xxs -my-1 mr-2 flex justify-center gap-0.5 rounded p-0.5\">\n    <button\n      class=\"rounded px-1\"\n      :class=\"\n        disabled\n          ? 'cursor-not-allowed opacity-50'\n          : {\n              'bg-b-3 text-c-1 cursor-default': modelValue === 'form',\n              'hover:bg-b-3': modelValue !== 'form',\n            }\n      \"\n      :disabled=\"disabled\"\n      :title=\"\n        disabled\n          ? translate('apiClient.requestBodyViewToggle.fixBody')\n          : undefined\n      \"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'form')\">\n      {{ translate('apiClient.requestBodyViewToggle.form') }}\n    </button>\n    <button\n      class=\"hover:bg-b-3 rounded px-1\"\n      :class=\"{ 'bg-b-3 text-c-1 cursor-default': modelValue === 'raw' }\"\n      type=\"button\"\n      @click.stop=\"$emit('update:modelValue', 'raw')\">\n      {{ translate('apiClient.requestBodyViewToggle.raw') }}\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAaA,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,mBA6BM,OA7BN,YA6BM,CA3BJ,mBAmBS,UAAA;IAlBP,OAAK,eAAA,CAAC,gBACW,QAAA,WAAA,kCAAA;uCAAmH,QAAA,eAAU;qBAA2C,QAAA,eAAU;;IAQlM,UAAU,QAAA;IACV,OAAgB,QAAA,WAAqB,MAAA,SAAA,CAAS,CAAA,yCAAA,IAAwD,KAAA;IAKvG,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,MAAA,GAAA,CAAA,MAAA,CAAA;sBACf,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,IAAA,UAAA,GAEd,mBAMS,UAAA;IALP,OAAK,eAAA,CAAC,6BAA2B,EAAA,kCACW,QAAA,eAAU,MAAA,CAAA,CAAA;IACtD,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAOA,KAAAA,MAAK,qBAAA,KAAA,GAAA,CAAA,MAAA,CAAA;sBACf,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/v2/blocks/request-block/components/RequestCodeSnippet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestCodeSnippet.vue"],"names":[],"mappings":"AAkKA,OAAO,EAOL,KAAK,gBAAgB,EAEtB,MAAM,6BAA6B,CAAA;AAMpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAAE,QAAQ,EAAE,iBAAiB,CAAA;CAAE,CAAC;AA6StE,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestCodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestCodeSnippet.vue"],"names":[],"mappings":"AAuKA,OAAO,EAOL,KAAK,gBAAgB,EAEtB,MAAM,6BAA6B,CAAA;AAMpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAAE,QAAQ,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAiTtE,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/request-block/components/RequestCodeSnippet.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCodeSnippet.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestCodeSnippet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  findClient,\n  generateCodeSnippet,\n  getClients,\n  getCustomCodeSamples,\n  getSecrets,\n  type ClientOption,\n  type CodeExampleProps,\n  type CustomClientOption,\n} from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarCombobox } from '@scalar/components/combobox'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\n\nimport { DataTable, DataTableRow } from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst {\n  clientOptions,\n  eventBus,\n  operation,\n  method,\n  path,\n  selectedContentType,\n  selectedServer = null,\n  selectedExample,\n  securitySchemes,\n  selectedClient,\n  globalCookies,\n  integration,\n} = defineProps<CodeExampleProps & { eventBus: WorkspaceEventBus }>()\n\n/** Grab any custom code samples from the operation */\nconst customCodeSamples = computed(() => getCustomCodeSamples(operation))\n\n/** Merge custom code samples with the client options */\nconst clients = computed(() =>\n  getClients(\n    customCodeSamples.value.samples,\n    clientOptions,\n    customCodeSamples.value.label,\n  ),\n)\n\n/**\n * The locally selected client which would include code samples from this operation only\n * Must be local state because it contains custom code samples from this operation only\n */\nconst localSelectedClient = ref<ClientOption | CustomClientOption | undefined>(\n  findClient(clients.value, selectedClient),\n)\n\n/**\n * Re-resolve the local client whenever the global selection or the available\n * clients change. Watching `clients` matters when navigating between operations:\n * the stored id stays the same, but the matching option (e.g. a custom sample)\n * differs per operation, so without this the snippet could go stale.\n */\nwatch([() => selectedClient, clients], ([newClient]) => {\n  const client = findClient(clients.value, newClient)\n  if (client) {\n    localSelectedClient.value = client\n  }\n})\n\n/** Block secrets from being shown in the code block */\nconst secretCredentials = computed(() => getSecrets(securitySchemes ?? []))\n\n/** Handle client change */\nconst handleClientChange = (option: ClientOption | undefined) => {\n  localSelectedClient.value = option\n\n  // Sync the selection globally (built-in client or custom sample keyed by language)\n  if (option) {\n    eventBus.emit('workspace:update:selected-client', option.id)\n  }\n}\n\n/** Generate the code snippet for the selected example */\nconst generatedCode = computed<string>(() =>\n  generateCodeSnippet({\n    defaultDisabledParameters: true,\n    clientId: localSelectedClient.value?.id,\n    customCodeSamples: customCodeSamples.value.samples,\n    operation,\n    method,\n    path,\n    contentType: selectedContentType,\n    server: selectedServer,\n    securitySchemes,\n    example: selectedExample,\n    globalCookies,\n    includeDefaultHeaders: integration === 'client',\n  }),\n)\n\n/** Check if there are any clients available (built-in or custom code samples) */\nconst hasClients = computed(() =>\n  clients.value.some((group) => group.options.length > 0),\n)\n</script>\n\n<template>\n  <CollapsibleSection\n    v-if=\"hasClients\"\n    class=\"group/preview w-full border-t\"\n    :defaultOpen=\"false\">\n    <template #title>Code Snippet</template>\n\n    <!-- Client selector -->\n    <template #actions>\n      <div class=\"flex flex-1\">\n        <ScalarCombobox\n          :modelValue=\"localSelectedClient\"\n          :options=\"clients\"\n          placement=\"bottom-end\"\n          @update:modelValue=\"\n            (ev) => handleClientChange(ev as ClientOption | undefined)\n          \">\n          <template #default=\"{ open }\">\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-0.5 py-0 text-base font-normal\"\n              data-testid=\"client-picker\"\n              variant=\"ghost\">\n              {{ localSelectedClient?.title }}\n              <ScalarIconCaretDown\n                class=\"mt-0.25 size-3 transition-transform duration-100\"\n                :class=\"open && 'rotate-180'\"\n                weight=\"bold\" />\n            </ScalarButton>\n          </template>\n        </ScalarCombobox>\n      </div>\n    </template>\n\n    <!-- Code snippet -->\n    <ScalarErrorBoundary>\n      <DataTable\n        :columns=\"['']\"\n        presentational>\n        <DataTableRow>\n          <div class=\"overflow-hidden\">\n            <ScalarCodeBlock\n              class=\"text-base\"\n              :content=\"generatedCode\"\n              :hideCredentials=\"secretCredentials\"\n              :lang=\"localSelectedClient?.lang ?? 'plaintext'\"\n              lineNumbers />\n          </div>\n        </DataTableRow>\n      </DataTable>\n    </ScalarErrorBoundary>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RequestCodeSnippet.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestCodeSnippet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  findClient,\n  generateCodeSnippet,\n  getClients,\n  getCustomCodeSamples,\n  getSecrets,\n  type ClientOption,\n  type CodeExampleProps,\n  type CustomClientOption,\n} from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarCombobox } from '@scalar/components/combobox'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\n\nimport { DataTable, DataTableRow } from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  clientOptions,\n  eventBus,\n  operation,\n  method,\n  path,\n  selectedContentType,\n  selectedServer = null,\n  selectedExample,\n  securitySchemes,\n  selectedClient,\n  globalCookies,\n  integration,\n} = defineProps<CodeExampleProps & { eventBus: WorkspaceEventBus }>()\n\nconst { translate } = useLocalization()\n\n/** Grab any custom code samples from the operation */\nconst customCodeSamples = computed(() => getCustomCodeSamples(operation))\n\n/** Merge custom code samples with the client options */\nconst clients = computed(() =>\n  getClients(\n    customCodeSamples.value.samples,\n    clientOptions,\n    customCodeSamples.value.label,\n  ),\n)\n\n/**\n * The locally selected client which would include code samples from this operation only\n * Must be local state because it contains custom code samples from this operation only\n */\nconst localSelectedClient = ref<ClientOption | CustomClientOption | undefined>(\n  findClient(clients.value, selectedClient),\n)\n\n/**\n * Re-resolve the local client whenever the global selection or the available\n * clients change. Watching `clients` matters when navigating between operations:\n * the stored id stays the same, but the matching option (e.g. a custom sample)\n * differs per operation, so without this the snippet could go stale.\n */\nwatch([() => selectedClient, clients], ([newClient]) => {\n  const client = findClient(clients.value, newClient)\n  if (client) {\n    localSelectedClient.value = client\n  }\n})\n\n/** Block secrets from being shown in the code block */\nconst secretCredentials = computed(() => getSecrets(securitySchemes ?? []))\n\n/** Handle client change */\nconst handleClientChange = (option: ClientOption | undefined) => {\n  localSelectedClient.value = option\n\n  // Sync the selection globally (built-in client or custom sample keyed by language)\n  if (option) {\n    eventBus.emit('workspace:update:selected-client', option.id)\n  }\n}\n\n/** Generate the code snippet for the selected example */\nconst generatedCode = computed<string>(() =>\n  generateCodeSnippet({\n    defaultDisabledParameters: true,\n    clientId: localSelectedClient.value?.id,\n    customCodeSamples: customCodeSamples.value.samples,\n    operation,\n    method,\n    path,\n    contentType: selectedContentType,\n    server: selectedServer,\n    securitySchemes,\n    example: selectedExample,\n    globalCookies,\n    includeDefaultHeaders: integration === 'client',\n  }),\n)\n\n/** Check if there are any clients available (built-in or custom code samples) */\nconst hasClients = computed(() =>\n  clients.value.some((group) => group.options.length > 0),\n)\n</script>\n\n<template>\n  <CollapsibleSection\n    v-if=\"hasClients\"\n    class=\"group/preview w-full border-t\"\n    :defaultOpen=\"false\">\n    <template #title>\n      {{ translate('apiClient.requestCodeSnippet.codeSnippet') }}\n    </template>\n\n    <!-- Client selector -->\n    <template #actions>\n      <div class=\"flex flex-1\">\n        <ScalarCombobox\n          :modelValue=\"localSelectedClient\"\n          :options=\"clients\"\n          placement=\"bottom-end\"\n          @update:modelValue=\"\n            (ev) => handleClientChange(ev as ClientOption | undefined)\n          \">\n          <template #default=\"{ open }\">\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-0.5 py-0 text-base font-normal\"\n              data-testid=\"client-picker\"\n              variant=\"ghost\">\n              {{ localSelectedClient?.title }}\n              <ScalarIconCaretDown\n                class=\"mt-0.25 size-3 transition-transform duration-100\"\n                :class=\"open && 'rotate-180'\"\n                weight=\"bold\" />\n            </ScalarButton>\n          </template>\n        </ScalarCombobox>\n      </div>\n    </template>\n\n    <!-- Code snippet -->\n    <ScalarErrorBoundary>\n      <DataTable\n        :columns=\"['']\"\n        presentational>\n        <DataTableRow>\n          <div class=\"overflow-hidden\">\n            <ScalarCodeBlock\n              class=\"text-base\"\n              :content=\"generatedCode\"\n              :hideCredentials=\"secretCredentials\"\n              :lang=\"localSelectedClient?.lang ?? 'plaintext'\"\n              lineNumbers />\n          </div>\n        </DataTableRow>\n      </DataTable>\n    </ScalarErrorBoundary>\n  </CollapsibleSection>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/request-block/components/RequestCodeSnippet.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import DataTable_default from "../../../components/data-table/DataTable.vue.js";
 import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
 import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
@@ -32,6 +33,7 @@ var RequestCodeSnippet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		requestBodyCompositionSelection: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		/** Grab any custom code samples from the operation */
 		const customCodeSamples = computed(() => getCustomCodeSamples(__props.operation));
 		/** Merge custom code samples with the client options */
@@ -81,7 +83,7 @@ var RequestCodeSnippet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 				class: "group/preview w-full border-t",
 				defaultOpen: false
 			}, {
-				title: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Code Snippet", -1)])]),
+				title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.requestCodeSnippet.codeSnippet")), 1)]),
 				actions: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarCombobox), {
 					modelValue: localSelectedClient.value,
 					options: clients.value,

package/dist/v2/blocks/request-block/components/RequestCodeSnippet.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCodeSnippet.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestCodeSnippet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  findClient,\n  generateCodeSnippet,\n  getClients,\n  getCustomCodeSamples,\n  getSecrets,\n  type ClientOption,\n  type CodeExampleProps,\n  type CustomClientOption,\n} from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarCombobox } from '@scalar/components/combobox'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\n\nimport { DataTable, DataTableRow } from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nconst {\n  clientOptions,\n  eventBus,\n  operation,\n  method,\n  path,\n  selectedContentType,\n  selectedServer = null,\n  selectedExample,\n  securitySchemes,\n  selectedClient,\n  globalCookies,\n  integration,\n} = defineProps<CodeExampleProps & { eventBus: WorkspaceEventBus }>()\n\n/** Grab any custom code samples from the operation */\nconst customCodeSamples = computed(() => getCustomCodeSamples(operation))\n\n/** Merge custom code samples with the client options */\nconst clients = computed(() =>\n  getClients(\n    customCodeSamples.value.samples,\n    clientOptions,\n    customCodeSamples.value.label,\n  ),\n)\n\n/**\n * The locally selected client which would include code samples from this operation only\n * Must be local state because it contains custom code samples from this operation only\n */\nconst localSelectedClient = ref<ClientOption | CustomClientOption | undefined>(\n  findClient(clients.value, selectedClient),\n)\n\n/**\n * Re-resolve the local client whenever the global selection or the available\n * clients change. Watching `clients` matters when navigating between operations:\n * the stored id stays the same, but the matching option (e.g. a custom sample)\n * differs per operation, so without this the snippet could go stale.\n */\nwatch([() => selectedClient, clients], ([newClient]) => {\n  const client = findClient(clients.value, newClient)\n  if (client) {\n    localSelectedClient.value = client\n  }\n})\n\n/** Block secrets from being shown in the code block */\nconst secretCredentials = computed(() => getSecrets(securitySchemes ?? []))\n\n/** Handle client change */\nconst handleClientChange = (option: ClientOption | undefined) => {\n  localSelectedClient.value = option\n\n  // Sync the selection globally (built-in client or custom sample keyed by language)\n  if (option) {\n    eventBus.emit('workspace:update:selected-client', option.id)\n  }\n}\n\n/** Generate the code snippet for the selected example */\nconst generatedCode = computed<string>(() =>\n  generateCodeSnippet({\n    defaultDisabledParameters: true,\n    clientId: localSelectedClient.value?.id,\n    customCodeSamples: customCodeSamples.value.samples,\n    operation,\n    method,\n    path,\n    contentType: selectedContentType,\n    server: selectedServer,\n    securitySchemes,\n    example: selectedExample,\n    globalCookies,\n    includeDefaultHeaders: integration === 'client',\n  }),\n)\n\n/** Check if there are any clients available (built-in or custom code samples) */\nconst hasClients = computed(() =>\n  clients.value.some((group) => group.options.length > 0),\n)\n</script>\n\n<template>\n  <CollapsibleSection\n    v-if=\"hasClients\"\n    class=\"group/preview w-full border-t\"\n    :defaultOpen=\"false\">\n    <template #title>Code Snippet</template>\n\n    <!-- Client selector -->\n    <template #actions>\n      <div class=\"flex flex-1\">\n        <ScalarCombobox\n          :modelValue=\"localSelectedClient\"\n          :options=\"clients\"\n          placement=\"bottom-end\"\n          @update:modelValue=\"\n            (ev) => handleClientChange(ev as ClientOption | undefined)\n          \">\n          <template #default=\"{ open }\">\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-0.5 py-0 text-base font-normal\"\n              data-testid=\"client-picker\"\n              variant=\"ghost\">\n              {{ localSelectedClient?.title }}\n              <ScalarIconCaretDown\n                class=\"mt-0.25 size-3 transition-transform duration-100\"\n                :class=\"open && 'rotate-180'\"\n                weight=\"bold\" />\n            </ScalarButton>\n          </template>\n        </ScalarCombobox>\n      </div>\n    </template>\n\n    <!-- Code snippet -->\n    <ScalarErrorBoundary>\n      <DataTable\n        :columns=\"['']\"\n        presentational>\n        <DataTableRow>\n          <div class=\"overflow-hidden\">\n            <ScalarCodeBlock\n              class=\"text-base\"\n              :content=\"generatedCode\"\n              :hideCredentials=\"secretCredentials\"\n              :lang=\"localSelectedClient?.lang ?? 'plaintext'\"\n              lineNumbers />\n          </div>\n        </DataTableRow>\n      </DataTable>\n    </ScalarErrorBoundary>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,oBAAoB,eAAe,qBAAqB,QAAA,SAAS,CAAC;;EAGxE,MAAM,UAAU,eACd,WACE,kBAAkB,MAAM,SACxB,QAAA,eACA,kBAAkB,MAAM,KAC1B,CACF;;;;;EAMA,MAAM,sBAAsB,IAC1B,WAAW,QAAQ,OAAO,QAAA,cAAc,CAC1C;;;;;;;EAQA,MAAM,OAAO,QAAA,gBAAgB,OAAO,IAAI,CAAC,eAAe;GACtD,MAAM,SAAS,WAAW,QAAQ,OAAO,SAAS;GAClD,IAAI,QACF,oBAAoB,QAAQ;EAEhC,CAAC;;EAGD,MAAM,oBAAoB,eAAe,WAAW,QAAA,mBAAmB,CAAC,CAAC,CAAC;;EAG1E,MAAM,sBAAsB,WAAqC;GAC/D,oBAAoB,QAAQ;GAG5B,IAAI,QACF,QAAA,SAAS,KAAK,oCAAoC,OAAO,EAAE;EAE/D;;EAGA,MAAM,gBAAgB,eACpB,oBAAoB;GAClB,2BAA2B;GAC3B,UAAU,oBAAoB,OAAO;GACrC,mBAAmB,kBAAkB,MAAM;GAC3C,WAAQ,QAAA;GACR,QAAK,QAAA;GACL,MAAG,QAAA;GACH,aAAa,QAAA;GACb,QAAQ,QAAA;GACR,iBAAc,QAAA;GACd,SAAS,QAAA;GACT,eAAY,QAAA;GACZ,uBAAuB,QAAA,gBAAgB;EACzC,CAAC,CACH;;EAGA,MAAM,aAAa,eACjB,QAAQ,MAAM,MAAM,UAAU,MAAM,QAAQ,SAAS,CAAC,CACxD;;UAKU,WAAA,SAAA,UAAA,GADR,YAiDqB,MAAA,0BAAA,GAAA;;IA/CnB,OAAM;IACL,aAAa;;IACH,OAAK,cAAa,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,EAAA,CAAA,EAAA,CAAA;IAGlB,SAAO,cAsBV,CArBN,mBAqBM,OArBN,YAqBM,CApBJ,YAmBiB,MAAA,cAAA,GAAA;KAlBd,YAAY,oBAAA;KACZ,SAAS,QAAA;KACV,WAAU;KACT,uBAAiB,OAAA,OAAA,OAAA,MAAgB,OAAO,mBAAmB,EAAE;;KAGnD,SAAO,SAUD,EAVK,WAAI,CACxB,YASe,MAAA,YAAA,GAAA;MARb,OAAM;MACN,eAAY;MACZ,SAAQ;;6BACwB,CAAA,gBAAA,gBAA7B,oBAAA,OAAqB,KAAK,IAAG,KAChC,CAAA,GAAA,YAGkB,MAAA,mBAAA,GAAA;OAFhB,OAAK,eAAA,CAAC,oDACE,QAAI,YAAA,CAAA;OACZ,QAAO;;;;;;2BAuBG,CAftB,YAesB,MAAA,mBAAA,GAAA,MAAA;4BADR,CAbZ,YAaY,MAAA,iBAAA,GAAA;MAZT,SAAS,CAAA,EAAA;MACV,gBAAA;;6BAUe,CATf,YASe,MAAA,oBAAA,GAAA,MAAA;8BADP,CAPN,mBAOM,OAPN,YAOM,CANJ,YAKgB,MAAA,eAAA,GAAA;QAJd,OAAM;QACL,SAAS,cAAA;QACT,iBAAiB,kBAAA;QACjB,MAAM,oBAAA,OAAqB,QAAI;QAChC,aAAA"}
+{"version":3,"file":"RequestCodeSnippet.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestCodeSnippet.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  findClient,\n  generateCodeSnippet,\n  getClients,\n  getCustomCodeSamples,\n  getSecrets,\n  type ClientOption,\n  type CodeExampleProps,\n  type CustomClientOption,\n} from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarCombobox } from '@scalar/components/combobox'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\n\nimport { DataTable, DataTableRow } from '@/v2/components/data-table'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  clientOptions,\n  eventBus,\n  operation,\n  method,\n  path,\n  selectedContentType,\n  selectedServer = null,\n  selectedExample,\n  securitySchemes,\n  selectedClient,\n  globalCookies,\n  integration,\n} = defineProps<CodeExampleProps & { eventBus: WorkspaceEventBus }>()\n\nconst { translate } = useLocalization()\n\n/** Grab any custom code samples from the operation */\nconst customCodeSamples = computed(() => getCustomCodeSamples(operation))\n\n/** Merge custom code samples with the client options */\nconst clients = computed(() =>\n  getClients(\n    customCodeSamples.value.samples,\n    clientOptions,\n    customCodeSamples.value.label,\n  ),\n)\n\n/**\n * The locally selected client which would include code samples from this operation only\n * Must be local state because it contains custom code samples from this operation only\n */\nconst localSelectedClient = ref<ClientOption | CustomClientOption | undefined>(\n  findClient(clients.value, selectedClient),\n)\n\n/**\n * Re-resolve the local client whenever the global selection or the available\n * clients change. Watching `clients` matters when navigating between operations:\n * the stored id stays the same, but the matching option (e.g. a custom sample)\n * differs per operation, so without this the snippet could go stale.\n */\nwatch([() => selectedClient, clients], ([newClient]) => {\n  const client = findClient(clients.value, newClient)\n  if (client) {\n    localSelectedClient.value = client\n  }\n})\n\n/** Block secrets from being shown in the code block */\nconst secretCredentials = computed(() => getSecrets(securitySchemes ?? []))\n\n/** Handle client change */\nconst handleClientChange = (option: ClientOption | undefined) => {\n  localSelectedClient.value = option\n\n  // Sync the selection globally (built-in client or custom sample keyed by language)\n  if (option) {\n    eventBus.emit('workspace:update:selected-client', option.id)\n  }\n}\n\n/** Generate the code snippet for the selected example */\nconst generatedCode = computed<string>(() =>\n  generateCodeSnippet({\n    defaultDisabledParameters: true,\n    clientId: localSelectedClient.value?.id,\n    customCodeSamples: customCodeSamples.value.samples,\n    operation,\n    method,\n    path,\n    contentType: selectedContentType,\n    server: selectedServer,\n    securitySchemes,\n    example: selectedExample,\n    globalCookies,\n    includeDefaultHeaders: integration === 'client',\n  }),\n)\n\n/** Check if there are any clients available (built-in or custom code samples) */\nconst hasClients = computed(() =>\n  clients.value.some((group) => group.options.length > 0),\n)\n</script>\n\n<template>\n  <CollapsibleSection\n    v-if=\"hasClients\"\n    class=\"group/preview w-full border-t\"\n    :defaultOpen=\"false\">\n    <template #title>\n      {{ translate('apiClient.requestCodeSnippet.codeSnippet') }}\n    </template>\n\n    <!-- Client selector -->\n    <template #actions>\n      <div class=\"flex flex-1\">\n        <ScalarCombobox\n          :modelValue=\"localSelectedClient\"\n          :options=\"clients\"\n          placement=\"bottom-end\"\n          @update:modelValue=\"\n            (ev) => handleClientChange(ev as ClientOption | undefined)\n          \">\n          <template #default=\"{ open }\">\n            <ScalarButton\n              class=\"text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-0.5 py-0 text-base font-normal\"\n              data-testid=\"client-picker\"\n              variant=\"ghost\">\n              {{ localSelectedClient?.title }}\n              <ScalarIconCaretDown\n                class=\"mt-0.25 size-3 transition-transform duration-100\"\n                :class=\"open && 'rotate-180'\"\n                weight=\"bold\" />\n            </ScalarButton>\n          </template>\n        </ScalarCombobox>\n      </div>\n    </template>\n\n    <!-- Code snippet -->\n    <ScalarErrorBoundary>\n      <DataTable\n        :columns=\"['']\"\n        presentational>\n        <DataTableRow>\n          <div class=\"overflow-hidden\">\n            <ScalarCodeBlock\n              class=\"text-base\"\n              :content=\"generatedCode\"\n              :hideCredentials=\"secretCredentials\"\n              :lang=\"localSelectedClient?.lang ?? 'plaintext'\"\n              lineNumbers />\n          </div>\n        </DataTableRow>\n      </DataTable>\n    </ScalarErrorBoundary>\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,oBAAoB,eAAe,qBAAqB,QAAA,SAAS,CAAC;;EAGxE,MAAM,UAAU,eACd,WACE,kBAAkB,MAAM,SACxB,QAAA,eACA,kBAAkB,MAAM,KAC1B,CACF;;;;;EAMA,MAAM,sBAAsB,IAC1B,WAAW,QAAQ,OAAO,QAAA,cAAc,CAC1C;;;;;;;EAQA,MAAM,OAAO,QAAA,gBAAgB,OAAO,IAAI,CAAC,eAAe;GACtD,MAAM,SAAS,WAAW,QAAQ,OAAO,SAAS;GAClD,IAAI,QACF,oBAAoB,QAAQ;EAEhC,CAAC;;EAGD,MAAM,oBAAoB,eAAe,WAAW,QAAA,mBAAmB,CAAC,CAAC,CAAC;;EAG1E,MAAM,sBAAsB,WAAqC;GAC/D,oBAAoB,QAAQ;GAG5B,IAAI,QACF,QAAA,SAAS,KAAK,oCAAoC,OAAO,EAAE;EAE/D;;EAGA,MAAM,gBAAgB,eACpB,oBAAoB;GAClB,2BAA2B;GAC3B,UAAU,oBAAoB,OAAO;GACrC,mBAAmB,kBAAkB,MAAM;GAC3C,WAAQ,QAAA;GACR,QAAK,QAAA;GACL,MAAG,QAAA;GACH,aAAa,QAAA;GACb,QAAQ,QAAA;GACR,iBAAc,QAAA;GACd,SAAS,QAAA;GACT,eAAY,QAAA;GACZ,uBAAuB,QAAA,gBAAgB;EACzC,CAAC,CACH;;EAGA,MAAM,aAAa,eACjB,QAAQ,MAAM,MAAM,UAAU,MAAM,QAAQ,SAAS,CAAC,CACxD;;UAKU,WAAA,SAAA,UAAA,GADR,YAmDqB,MAAA,0BAAA,GAAA;;IAjDnB,OAAM;IACL,aAAa;;IACH,OAAK,cAC6C,CAAA,gBAAA,gBAAxD,MAAA,SAAA,CAAS,CAAA,0CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;IAIH,SAAO,cAsBV,CArBN,mBAqBM,OArBN,YAqBM,CApBJ,YAmBiB,MAAA,cAAA,GAAA;KAlBd,YAAY,oBAAA;KACZ,SAAS,QAAA;KACV,WAAU;KACT,uBAAiB,OAAA,OAAA,OAAA,MAAgB,OAAO,mBAAmB,EAAE;;KAGnD,SAAO,SAUD,EAVK,WAAI,CACxB,YASe,MAAA,YAAA,GAAA;MARb,OAAM;MACN,eAAY;MACZ,SAAQ;;6BACwB,CAAA,gBAAA,gBAA7B,oBAAA,OAAqB,KAAK,IAAG,KAChC,CAAA,GAAA,YAGkB,MAAA,mBAAA,GAAA;OAFhB,OAAK,eAAA,CAAC,oDACE,QAAI,YAAA,CAAA;OACZ,QAAO;;;;;;2BAuBG,CAftB,YAesB,MAAA,mBAAA,GAAA,MAAA;4BADR,CAbZ,YAaY,MAAA,iBAAA,GAAA;MAZT,SAAS,CAAA,EAAA;MACV,gBAAA;;6BAUe,CATf,YASe,MAAA,oBAAA,GAAA,MAAA;8BADP,CAPN,mBAOM,OAPN,YAOM,CANJ,YAKgB,MAAA,eAAA,GAAA;QAJd,OAAM;QACL,SAAS,cAAA;QACT,iBAAiB,kBAAA;QACjB,MAAM,oBAAA,OAAqB,QAAI;QAChC,aAAA"}

package/dist/v2/blocks/request-block/components/RequestParams.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAMnH,OAAO,KAAK,EAAE,QAAQ,EAAyB,MAAM,uBAAuB,CAAA;AAE5E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAuNF,QAAA,MAAM,YAAY;;eAnMgB,MAAM;;;;;;;kCAHR,OAAO;;;;;;eAGL,MAAM;;;;;;;kCAHR,OAAO;;;;kFAyMrC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAOnH,OAAO,KAAK,EAAE,QAAQ,EAAyB,MAAM,uBAAuB,CAAA;AAE5E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAgOF,QAAA,MAAM,YAAY;;eA5MgB,MAAM;;;;;;;kCAHR,OAAO;;;;;;eAGL,MAAM;;;;;;;kCAHR,OAAO;;;;kFAkNrC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/request-block/components/RequestParams.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport RequestTable from './RequestTable.vue'\nimport type { TableRow, TableRowUpsertPayload } from './RequestTableRow.vue'\n\nconst {\n  rows,\n  exampleKey,\n  environment,\n  title,\n  globalRoute,\n  showAddRowPlaceholder = true,\n  eventBus,\n} = defineProps<{\n  rows: TableRow[]\n  exampleKey: string\n  title: string\n  label?: string\n  invalidParams?: Set<string>\n  globalRoute?: string\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsert',\n    index: number,\n    payload: ApiReferenceEvents['operation:upsert:parameter']['payload'] & {\n      shouldRenameExpandedRow?: boolean\n    },\n  ): void\n  (e: 'delete', payload: { index: number }): void\n  (e: 'deleteAll'): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst showTooltip = computed(() => rows.length > 1)\n\n/** Needed for type guard */\nconst handleUpserRow = (index: number, payload: TableRowUpsertPayload) => {\n  const { value, ...rest } = payload\n\n  // Type guard here as we cannot add files to params\n  if (value instanceof File) {\n    return\n  }\n\n  emit('upsert', index, { ...rest, value: value ?? '' })\n}\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params\"\n    :itemCount=\"rows.length\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          content=\"Clear optional parameters\"\n          placement=\"left\">\n          <ScalarButton\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"emit('deleteAll')\">\n            Clear\n            <span class=\"sr-only\">All {{ title }}</span>\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <RequestTable\n      class=\"flex-1\"\n      :columns=\"['32px', '', '']\"\n      :data=\"rows\"\n      :environment=\"environment\"\n      :exampleKey=\"exampleKey\"\n      :globalRoute=\"globalRoute\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showAddRowPlaceholder=\"showAddRowPlaceholder\"\n      @deleteRow=\"(index) => emit('delete', { index })\"\n      @navigate=\"(route) => eventBus.emit('ui:navigate', route)\"\n      @selectPreset=\"(index, value) => emit('selectPreset', index, value)\"\n      @upsertRow=\"handleUpserRow\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RequestParams.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport RequestTable from './RequestTable.vue'\nimport type { TableRow, TableRowUpsertPayload } from './RequestTableRow.vue'\n\nconst {\n  rows,\n  exampleKey,\n  environment,\n  title,\n  globalRoute,\n  showAddRowPlaceholder = true,\n  eventBus,\n} = defineProps<{\n  rows: TableRow[]\n  exampleKey: string\n  title: string\n  label?: string\n  invalidParams?: Set<string>\n  globalRoute?: string\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsert',\n    index: number,\n    payload: ApiReferenceEvents['operation:upsert:parameter']['payload'] & {\n      shouldRenameExpandedRow?: boolean\n    },\n  ): void\n  (e: 'delete', payload: { index: number }): void\n  (e: 'deleteAll'): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst showTooltip = computed(() => rows.length > 1)\n\n/** Needed for type guard */\nconst handleUpserRow = (index: number, payload: TableRowUpsertPayload) => {\n  const { value, ...rest } = payload\n\n  // Type guard here as we cannot add files to params\n  if (value instanceof File) {\n    return\n  }\n\n  emit('upsert', index, { ...rest, value: value ?? '' })\n}\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params\"\n    :itemCount=\"rows.length\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          :content=\"\n            translate('apiClient.requestParams.clearOptionalParameters')\n          \"\n          placement=\"left\">\n          <ScalarButton\n            :aria-label=\"\n              translate('apiClient.requestParams.clearAll', { title })\n            \"\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"emit('deleteAll')\">\n            {{ translate('apiClient.requestParams.clear') }}\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <RequestTable\n      class=\"flex-1\"\n      :columns=\"['32px', '', '']\"\n      :data=\"rows\"\n      :environment=\"environment\"\n      :exampleKey=\"exampleKey\"\n      :globalRoute=\"globalRoute\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showAddRowPlaceholder=\"showAddRowPlaceholder\"\n      @deleteRow=\"(index) => emit('delete', { index })\"\n      @navigate=\"(route) => eventBus.emit('ui:navigate', route)\"\n      @selectPreset=\"(index, value) => emit('selectPreset', index, value)\"\n      @upsertRow=\"handleUpserRow\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/request-block/components/RequestParams.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import RequestTable_default from "./RequestTable.vue.js";
 import CollapsibleSection_default from "../../../components/layout/CollapsibleSection.vue.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx, withModifiers } from "vue";
@@ -5,7 +6,6 @@ import { ScalarButton } from "@scalar/components/button";
 import { ScalarTooltip } from "@scalar/components/tooltip";
 //#region src/v2/blocks/request-block/components/RequestParams.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" };
-var _hoisted_2 = { class: "sr-only" };
 var RequestParams_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RequestParams",
 	props: {
@@ -30,6 +30,7 @@ var RequestParams_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
+		const { translate } = useLocalization();
 		const showTooltip = computed(() => __props.rows.length > 1);
 		/** Needed for type guard */
 		const handleUpserRow = (index, payload) => {
@@ -48,20 +49,21 @@ var RequestParams_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
 				actions: withCtx(() => [createElementVNode("div", _hoisted_1, [showTooltip.value ? (openBlock(), createBlock(unref(ScalarTooltip), {
 					key: 0,
-					content: "Clear optional parameters",
+					content: unref(translate)("apiClient.requestParams.clearOptionalParameters"),
 					placement: "left"
 				}, {
 					default: withCtx(() => [createVNode(unref(ScalarButton), {
+						"aria-label": unref(translate)("apiClient.requestParams.clearAll", { title: __props.title }),
 						class: "pr-0.75 pl-1 transition-none",
 						size: "sm",
 						variant: "ghost",
 						onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("deleteAll"), ["stop"]))
 					}, {
-						default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" Clear ", -1)), createElementVNode("span", _hoisted_2, "All " + toDisplayString(__props.title), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("apiClient.requestParams.clear")), 1)]),
 						_: 1
-					})]),
+					}, 8, ["aria-label"])]),
 					_: 1
-				})) : createCommentVNode("", true)])]),
+				}, 8, ["content"])) : createCommentVNode("", true)])]),
 				default: withCtx(() => [createVNode(RequestTable_default, {
 					class: "flex-1",
 					columns: [

package/dist/v2/blocks/request-block/components/RequestParams.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\n\nimport RequestTable from './RequestTable.vue'\nimport type { TableRow, TableRowUpsertPayload } from './RequestTableRow.vue'\n\nconst {\n  rows,\n  exampleKey,\n  environment,\n  title,\n  globalRoute,\n  showAddRowPlaceholder = true,\n  eventBus,\n} = defineProps<{\n  rows: TableRow[]\n  exampleKey: string\n  title: string\n  label?: string\n  invalidParams?: Set<string>\n  globalRoute?: string\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsert',\n    index: number,\n    payload: ApiReferenceEvents['operation:upsert:parameter']['payload'] & {\n      shouldRenameExpandedRow?: boolean\n    },\n  ): void\n  (e: 'delete', payload: { index: number }): void\n  (e: 'deleteAll'): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst showTooltip = computed(() => rows.length > 1)\n\n/** Needed for type guard */\nconst handleUpserRow = (index: number, payload: TableRowUpsertPayload) => {\n  const { value, ...rest } = payload\n\n  // Type guard here as we cannot add files to params\n  if (value instanceof File) {\n    return\n  }\n\n  emit('upsert', index, { ...rest, value: value ?? '' })\n}\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params\"\n    :itemCount=\"rows.length\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          content=\"Clear optional parameters\"\n          placement=\"left\">\n          <ScalarButton\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"emit('deleteAll')\">\n            Clear\n            <span class=\"sr-only\">All {{ title }}</span>\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <RequestTable\n      class=\"flex-1\"\n      :columns=\"['32px', '', '']\"\n      :data=\"rows\"\n      :environment=\"environment\"\n      :exampleKey=\"exampleKey\"\n      :globalRoute=\"globalRoute\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showAddRowPlaceholder=\"showAddRowPlaceholder\"\n      @deleteRow=\"(index) => emit('delete', { index })\"\n      @navigate=\"(route) => eventBus.emit('ui:navigate', route)\"\n      @selectPreset=\"(index, value) => emit('selectPreset', index, value)\"\n      @upsertRow=\"handleUpserRow\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,OAAO;EAcb,MAAM,cAAc,eAAe,QAAA,KAAK,SAAS,CAAC;;EAGlD,MAAM,kBAAkB,OAAe,YAAmC;GACxE,MAAM,EAAE,OAAO,GAAG,SAAS;GAG3B,IAAI,iBAAiB,MACnB;GAGF,KAAK,UAAU,OAAO;IAAE,GAAG;IAAM,OAAO,SAAS;GAAG,CAAC;EACvD;;uBAGE,YAoCqB,MAAA,0BAAA,GAAA;IAnCnB,OAAM;IACL,WAAW,QAAA,KAAK;;IACN,OAAK,cAAY,CAAA,gBAAA,gBAAR,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;IACd,SAAO,cAgBV,CAfN,mBAeM,OAfN,YAeM,CAZI,YAAA,SAAA,UAAA,GADR,YAYgB,MAAA,aAAA,GAAA;;KAVd,SAAQ;KACR,WAAU;;4BAQK,CAPf,YAOe,MAAA,YAAA,GAAA;MANb,OAAM;MACN,MAAK;MACL,SAAQ;MACP,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,KAAI,WAAA,GAAA,CAAA,MAAA,CAAA;;6BAEjB,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFgC,WAEhC,EAAA,IAAA,mBAA4C,QAA5C,YAAsB,SAAI,gBAAG,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;;;2BAkBV,CAbhC,YAagC,sBAAA;KAZ9B,OAAM;KACL,SAAS;MAAA;MAAA;MAAA;KAAA;KACT,MAAM,QAAA;KACN,aAAa,QAAA;KACb,YAAY,QAAA;KACZ,aAAa,QAAA;KACb,eAAe,QAAA;KACf,OAAO,QAAA;KACP,uBAAuB,QAAA;KACvB,aAAS,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,UAAA,EAAa,MAAK,CAAA;KAC5C,YAAQ,OAAA,OAAA,OAAA,MAAG,UAAU,QAAA,SAAS,KAAI,eAAgB,KAAK;KACvD,gBAAY,OAAA,OAAA,OAAA,MAAG,OAAO,UAAU,KAAI,gBAAiB,OAAO,KAAK;KACjE,aAAW"}
+{"version":3,"file":"RequestParams.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestParams.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarTooltip } from '@scalar/components/tooltip'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport RequestTable from './RequestTable.vue'\nimport type { TableRow, TableRowUpsertPayload } from './RequestTableRow.vue'\n\nconst {\n  rows,\n  exampleKey,\n  environment,\n  title,\n  globalRoute,\n  showAddRowPlaceholder = true,\n  eventBus,\n} = defineProps<{\n  rows: TableRow[]\n  exampleKey: string\n  title: string\n  label?: string\n  invalidParams?: Set<string>\n  globalRoute?: string\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n}>()\n\nconst emit = defineEmits<{\n  (\n    e: 'upsert',\n    index: number,\n    payload: ApiReferenceEvents['operation:upsert:parameter']['payload'] & {\n      shouldRenameExpandedRow?: boolean\n    },\n  ): void\n  (e: 'delete', payload: { index: number }): void\n  (e: 'deleteAll'): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst showTooltip = computed(() => rows.length > 1)\n\n/** Needed for type guard */\nconst handleUpserRow = (index: number, payload: TableRowUpsertPayload) => {\n  const { value, ...rest } = payload\n\n  // Type guard here as we cannot add files to params\n  if (value instanceof File) {\n    return\n  }\n\n  emit('upsert', index, { ...rest, value: value ?? '' })\n}\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params\"\n    :itemCount=\"rows.length\">\n    <template #title>{{ title }}</template>\n    <template #actions>\n      <div\n        class=\"text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100\">\n        <ScalarTooltip\n          v-if=\"showTooltip\"\n          :content=\"\n            translate('apiClient.requestParams.clearOptionalParameters')\n          \"\n          placement=\"left\">\n          <ScalarButton\n            :aria-label=\"\n              translate('apiClient.requestParams.clearAll', { title })\n            \"\n            class=\"pr-0.75 pl-1 transition-none\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @click.stop=\"emit('deleteAll')\">\n            {{ translate('apiClient.requestParams.clear') }}\n          </ScalarButton>\n        </ScalarTooltip>\n      </div>\n    </template>\n    <RequestTable\n      class=\"flex-1\"\n      :columns=\"['32px', '', '']\"\n      :data=\"rows\"\n      :environment=\"environment\"\n      :exampleKey=\"exampleKey\"\n      :globalRoute=\"globalRoute\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showAddRowPlaceholder=\"showAddRowPlaceholder\"\n      @deleteRow=\"(index) => emit('delete', { index })\"\n      @navigate=\"(route) => eventBus.emit('ui:navigate', route)\"\n      @selectPreset=\"(index, value) => emit('selectPreset', index, value)\"\n      @upsertRow=\"handleUpserRow\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,OAAO;EAcb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,cAAc,eAAe,QAAA,KAAK,SAAS,CAAC;;EAGlD,MAAM,kBAAkB,OAAe,YAAmC;GACxE,MAAM,EAAE,OAAO,GAAG,SAAS;GAG3B,IAAI,iBAAiB,MACnB;GAGF,KAAK,UAAU,OAAO;IAAE,GAAG;IAAM,OAAO,SAAS;GAAG,CAAC;EACvD;;uBAGE,YAwCqB,MAAA,0BAAA,GAAA;IAvCnB,OAAM;IACL,WAAW,QAAA,KAAK;;IACN,OAAK,cAAY,CAAA,gBAAA,gBAAR,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;IACd,SAAO,cAoBV,CAnBN,mBAmBM,OAnBN,YAmBM,CAhBI,YAAA,SAAA,UAAA,GADR,YAgBgB,MAAA,aAAA,GAAA;;KAdb,SAAsB,MAAA,SAAA,CAAS,CAAA,iDAAA;KAGhC,WAAU;;4BAUK,CATf,YASe,MAAA,YAAA,GAAA;MARZ,cAA2B,MAAA,SAAA,CAAS,CAAA,oCAAA,EAAA,OAAuC,QAAA,MAAK,CAAA;MAGjF,OAAM;MACN,MAAK;MACL,SAAQ;MACP,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,WAAO,KAAI,WAAA,GAAA,CAAA,MAAA,CAAA;;6BAC+B,CAAA,gBAAA,gBAA7C,MAAA,SAAA,CAAS,CAAA,+BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;2BAkBY,CAbhC,YAagC,sBAAA;KAZ9B,OAAM;KACL,SAAS;MAAA;MAAA;MAAA;KAAA;KACT,MAAM,QAAA;KACN,aAAa,QAAA;KACb,YAAY,QAAA;KACZ,aAAa,QAAA;KACb,eAAe,QAAA;KACf,OAAO,QAAA;KACP,uBAAuB,QAAA;KACvB,aAAS,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,UAAA,EAAa,MAAK,CAAA;KAC5C,YAAQ,OAAA,OAAA,OAAA,MAAG,UAAU,QAAA,SAAS,KAAI,eAAgB,KAAK;KACvD,gBAAY,OAAA,OAAA,OAAA,MAAG,OAAO,UAAU,KAAI,gBAAiB,OAAO,KAAK;KACjE,aAAW"}

package/dist/v2/blocks/request-block/components/RequestTable.vue.d.ts

@@ -13,6 +13,7 @@ type __VLS_Props = {
     environment: XScalarEnvironment;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    deleteRow: (index: number) => any;
     navigate: (route: NonNullable<({
         replace?: boolean;
         teamSlug?: string;
@@ -39,11 +40,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
         documentSlug?: string;
     })) | undefined>) => any;
     upsertRow: (index: number, payload: TableRowUpsertPayload) => any;
-    deleteRow: (index: number) => any;
     uploadFile: (index: number) => any;
     removeFile: (index: number) => any;
     selectPreset: (index: number, value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleteRow?: ((index: number) => any) | undefined;
     onNavigate?: ((route: NonNullable<({
         replace?: boolean;
         teamSlug?: string;
@@ -70,7 +71,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
         documentSlug?: string;
     })) | undefined>) => any) | undefined;
     onUpsertRow?: ((index: number, payload: TableRowUpsertPayload) => any) | undefined;
-    onDeleteRow?: ((index: number) => any) | undefined;
     onUploadFile?: ((index: number) => any) | undefined;
     onRemoveFile?: ((index: number) => any) | undefined;
     onSelectPreset?: ((index: number, value: string) => any) | undefined;

package/dist/v2/blocks/request-block/components/RequestTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"names":[],"mappings":"AAiJA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAwB,EACtB,KAAK,QAAQ,EACb,KAAK,qBAAqB,EAC3B,MAAM,0DAA0D,CAAA;AAOjE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAsQF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"names":[],"mappings":"AAwNA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAwB,EACtB,KAAK,QAAQ,EACb,KAAK,qBAAqB,EAC3B,MAAM,0DAA0D,CAAA;AAQjE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8BAA8B;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAuUF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/request-block/components/RequestTable.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import RequestTable_vue_vue_type_script_setup_true_lang_default from "./RequestTable.vue.script.js";
 /* empty css                           */
 //#region src/v2/blocks/request-block/components/RequestTable.vue
-var RequestTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RequestTable_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8c8a738b"]]);
+var RequestTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RequestTable_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bb7a09e9"]]);
 //#endregion
 export { RequestTable_default as default };
 

package/dist/v2/blocks/request-block/components/RequestTable.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestTable.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n  type TableRowUpsertPayload,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  deferKeyUpdates,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Save key edits on blur so changing a body name does not replace the focused row. */\n  deferKeyUpdates?: boolean\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (e: 'upsertRow', index: number, payload: TableRowUpsertPayload): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'minmax(0, 1fr)']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (!last || last.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n\n/**\n * Stable identity key for each row so Vue never reuses a RequestTableRow instance for a different\n * parameter or the appended placeholder row. Parameter rows are keyed by their parameter identity —\n * the name plus the value path for expanded object parameters. The parts are combined through\n * JSON.stringify so the name/path boundary is unambiguous (for example `ab` + `['c']` never\n * collides with `a` + `['bc']`). Form rows use the name and its occurrence so repeated\n * multipart fields remain distinct while unrelated rows can move without losing their identity.\n */\nconst getRowKey = (row: TableRow, index: number): string => {\n  if (row.originalParameter) {\n    return JSON.stringify([\n      row.originalParameter.name,\n      ...(row.sourceParameterValuePath ?? []),\n    ])\n  }\n\n  const occurrence = displayData.value\n    .slice(0, index)\n    .filter(\n      (other) => !other.originalParameter && other.name === row.name,\n    ).length\n  return `row:${JSON.stringify([row.name, occurrence])}`\n}\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>{{ label }} Enabled</DataTableHeader>\n      <DataTableHeader>{{ label }} Key</DataTableHeader>\n      <DataTableHeader>{{ label }} Value</DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in displayData\"\n      :key=\"getRowKey(row, index)\"\n      :data=\"row\"\n      :deferKeyUpdates=\"deferKeyUpdates\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @selectPreset=\"(value) => emit('selectPreset', index, value)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => emit('upsertRow', index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"RequestTable.vue.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n  type TableRowUpsertPayload,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  deferKeyUpdates,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Save key edits on blur so changing a body name does not replace the focused row. */\n  deferKeyUpdates?: boolean\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (e: 'upsertRow', index: number, payload: TableRowUpsertPayload): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'minmax(0, 1fr)']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (!last || last.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n\n/**\n * Stable identity key for each row so Vue never reuses a RequestTableRow instance for a different\n * parameter or the appended placeholder row. Parameter rows are keyed by their parameter identity —\n * the name plus the value path for expanded object parameters. The parts are combined through\n * JSON.stringify so the name/path boundary is unambiguous (for example `ab` + `['c']` never\n * collides with `a` + `['bc']`). Form rows use the name and its occurrence so repeated\n * multipart fields remain distinct while unrelated rows can move without losing their identity.\n */\nconst getRowKey = (row: TableRow, index: number): string => {\n  if (row.originalParameter) {\n    return JSON.stringify([\n      row.originalParameter.name,\n      ...(row.sourceParameterValuePath ?? []),\n    ])\n  }\n\n  const occurrence = displayData.value\n    .slice(0, index)\n    .filter(\n      (other) => !other.originalParameter && other.name === row.name,\n    ).length\n  return `row:${JSON.stringify([row.name, occurrence])}`\n}\n\n/** Keep an edited row mounted when saving it changes its parameter identity. */\ntype DisplayRow = {\n  data: TableRow\n  identity: string\n  key: symbol\n}\n\nconst pendingUpdates = new Map<symbol, TableRowUpsertPayload>()\n\nconst matchesPendingUpdate = (key: symbol, row: TableRow): boolean => {\n  const update = pendingUpdates.get(key)\n  return update?.name === row.name && update.value === row.value\n}\n\n// A saved parameter inherits the editor's key. The next placeholder gets a fresh key,\n// so it cannot retain the previous placeholder's text or focused input.\nconst keyedRows = computed<DisplayRow[]>((previous = []) => {\n  const available = new Set(previous)\n  // Reserve identities still present in the store before transferring an edited key.\n  // The appended placeholder is excluded so a newly saved row can inherit its editor.\n  const savedIdentities = new Set(data.map(getRowKey))\n  const rows = displayData.value.map((row, index) => {\n    const identity = getRowKey(row, index)\n    const existing = [...available].find((entry) => entry.identity === identity)\n    const pending = [...available].find(\n      (entry) =>\n        !savedIdentities.has(entry.identity) &&\n        !entry.data.sourceParameterValuePath &&\n        matchesPendingUpdate(entry.key, row),\n    )\n    const match = existing ?? pending\n\n    if (match) {\n      available.delete(match)\n      if (matchesPendingUpdate(match.key, row)) {\n        pendingUpdates.delete(match.key)\n      }\n    }\n\n    return { data: row, identity, key: match?.key ?? Symbol() }\n  })\n\n  for (const removed of available) {\n    pendingUpdates.delete(removed.key)\n  }\n\n  return rows\n})\n\nconst handleUpsertRow = (\n  row: DisplayRow,\n  index: number,\n  payload: TableRowUpsertPayload,\n): void => {\n  // The store may debounce the save. Transfer this key only when the saved row arrives.\n  pendingUpdates.set(row.key, payload)\n  emit('upsertRow', index, payload)\n}\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.enabled') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.key') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.value') }}\n      </DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in keyedRows\"\n      :key=\"row.key\"\n      :data=\"row.data\"\n      :deferKeyUpdates=\"deferKeyUpdates\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @selectPreset=\"(value) => emit('selectPreset', index, value)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => handleUpsertRow(row, index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/request-block/components/RequestTable.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/index.js";
 import DataTable_default from "../../../components/data-table/DataTable.vue.js";
 import DataTableHeader_default from "../../../components/data-table/DataTableHeader.vue.js";
 import DataTableRow_default from "../../../components/data-table/DataTableRow.vue.js";
@@ -32,6 +33,7 @@ var RequestTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		* Make this component more generic that can be used also for the operation body
 		*/
 		const emit = __emit;
+		const { translate } = useLocalization();
 		const columns = computed(() => {
 			if (__props.showUploadButton) return [
 				"36px",
@@ -69,6 +71,37 @@ var RequestTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			const occurrence = displayData.value.slice(0, index).filter((other) => !other.originalParameter && other.name === row.name).length;
 			return `row:${JSON.stringify([row.name, occurrence])}`;
 		};
+		/** Keep an edited row mounted when saving it changes its parameter identity. */
+		const pendingUpdates = /* @__PURE__ */ new Map();
+		const matchesPendingUpdate = (key, row) => {
+			const update = pendingUpdates.get(key);
+			return update?.name === row.name && update.value === row.value;
+		};
+		const keyedRows = computed((previous = []) => {
+			const available = new Set(previous);
+			const savedIdentities = new Set(__props.data.map(getRowKey));
+			const rows = displayData.value.map((row, index) => {
+				const identity = getRowKey(row, index);
+				const existing = [...available].find((entry) => entry.identity === identity);
+				const pending = [...available].find((entry) => !savedIdentities.has(entry.identity) && !entry.data.sourceParameterValuePath && matchesPendingUpdate(entry.key, row));
+				const match = existing ?? pending;
+				if (match) {
+					available.delete(match);
+					if (matchesPendingUpdate(match.key, row)) pendingUpdates.delete(match.key);
+				}
+				return {
+					data: row,
+					identity,
+					key: match?.key ?? Symbol()
+				};
+			});
+			for (const removed of available) pendingUpdates.delete(removed.key);
+			return rows;
+		});
+		const handleUpsertRow = (row, index, payload) => {
+			pendingUpdates.set(row.key, payload);
+			emit("upsertRow", index, payload);
+		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DataTable_default), {
 				class: "group/table flex-1",
@@ -77,23 +110,23 @@ var RequestTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				default: withCtx(() => [createVNode(unref(DataTableRow_default), { class: "sr-only !block" }, {
 					default: withCtx(() => [
 						createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Enabled", 1)]),
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " " + toDisplayString(unref(translate)("apiClient.requestTable.enabled")), 1)]),
 							_: 1
 						}),
 						createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Key", 1)]),
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " " + toDisplayString(unref(translate)("apiClient.requestTable.key")), 1)]),
 							_: 1
 						}),
 						createVNode(unref(DataTableHeader_default), null, {
-							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " Value", 1)]),
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label) + " " + toDisplayString(unref(translate)("apiClient.requestTable.value")), 1)]),
 							_: 1
 						})
 					]),
 					_: 1
-				}), (openBlock(true), createElementBlock(Fragment, null, renderList(displayData.value, (row, index) => {
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(keyedRows.value, (row, index) => {
 					return openBlock(), createBlock(RequestTableRow_default, {
-						key: getRowKey(row, index),
-						data: row,
+						key: row.key,
+						data: row.data,
 						deferKeyUpdates: __props.deferKeyUpdates,
 						environment: __props.environment,
 						hasCheckboxDisabled: __props.hasCheckboxDisabled,
@@ -105,7 +138,7 @@ var RequestTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 						onRemoveFile: ($event) => emit("removeFile", index),
 						onSelectPreset: (value) => emit("selectPreset", index, value),
 						onUploadFile: ($event) => emit("uploadFile", index),
-						onUpsertRow: (payload) => emit("upsertRow", index, payload)
+						onUpsertRow: (payload) => handleUpsertRow(row, index, payload)
 					}, null, 8, [
 						"data",
 						"deferKeyUpdates",

package/dist/v2/blocks/request-block/components/RequestTable.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestTable.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n  type TableRowUpsertPayload,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  deferKeyUpdates,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Save key edits on blur so changing a body name does not replace the focused row. */\n  deferKeyUpdates?: boolean\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (e: 'upsertRow', index: number, payload: TableRowUpsertPayload): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'minmax(0, 1fr)']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (!last || last.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n\n/**\n * Stable identity key for each row so Vue never reuses a RequestTableRow instance for a different\n * parameter or the appended placeholder row. Parameter rows are keyed by their parameter identity —\n * the name plus the value path for expanded object parameters. The parts are combined through\n * JSON.stringify so the name/path boundary is unambiguous (for example `ab` + `['c']` never\n * collides with `a` + `['bc']`). Form rows use the name and its occurrence so repeated\n * multipart fields remain distinct while unrelated rows can move without losing their identity.\n */\nconst getRowKey = (row: TableRow, index: number): string => {\n  if (row.originalParameter) {\n    return JSON.stringify([\n      row.originalParameter.name,\n      ...(row.sourceParameterValuePath ?? []),\n    ])\n  }\n\n  const occurrence = displayData.value\n    .slice(0, index)\n    .filter(\n      (other) => !other.originalParameter && other.name === row.name,\n    ).length\n  return `row:${JSON.stringify([row.name, occurrence])}`\n}\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>{{ label }} Enabled</DataTableHeader>\n      <DataTableHeader>{{ label }} Key</DataTableHeader>\n      <DataTableHeader>{{ label }} Value</DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in displayData\"\n      :key=\"getRowKey(row, index)\"\n      :data=\"row\"\n      :deferKeyUpdates=\"deferKeyUpdates\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @selectPreset=\"(value) => emit('selectPreset', index, value)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => emit('upsertRow', index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,OAAO;EAiBb,MAAM,UAAU,eAAe;GAC7B,IAAI,QAAA,kBACF,OAAO;IAAC;IAAQ;IAAI;IAAI;GAAgB;GAE1C,OAAO;IAAC;IAAQ;IAAI;GAAE;EACxB,CAAC;;EAGD,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,QAAA,uBACH,OAAO,QAAA;GAGT,MAAM,OAAO,QAAA,KAAK,GAAG,EAAE;GAEvB,IAAI,CAAC,QAAQ,KAAK,SAAS,MAAM,KAAK,UAAU,IAC9C,OAAO,CAAC,GAAG,QAAA,MAAM;IAAE,MAAM;IAAI,OAAO;IAAI,YAAY;GAAK,CAAC;GAG5D,OAAO,QAAA;EACT,CAAC;;;;;;;;;EAUD,MAAM,aAAa,KAAe,UAA0B;GAC1D,IAAI,IAAI,mBACN,OAAO,KAAK,UAAU,CACpB,IAAI,kBAAkB,MACtB,GAAI,IAAI,4BAA4B,CAAC,CACvC,CAAC;GAGH,MAAM,aAAa,YAAY,MAC5B,MAAM,GAAG,KAAK,CAAA,CACd,QACE,UAAU,CAAC,MAAM,qBAAqB,MAAM,SAAS,IAAI,IAC5D,CAAC,CAAC;GACJ,OAAO,OAAO,KAAK,UAAU,CAAC,IAAI,MAAM,UAAU,CAAC;EACrD;;uBAGE,YAyBY,MAAA,iBAAA,GAAA;IAxBV,OAAM;IACL,SAAS,QAAA;;2BAKK,CAJf,YAIe,MAAA,oBAAA,GAAA,EAJD,OAAM,iBAAgB,GAAA;4BACoB;MAAtD,YAAsD,MAAA,uBAAA,GAAA,MAAA;8BAA1B,CAAA,gBAAA,gBAAR,QAAA,KAAK,IAAG,YAAQ,CAAA,CAAA,CAAA;;;MACpC,YAAkD,MAAA,uBAAA,GAAA,MAAA;8BAAtB,CAAA,gBAAA,gBAAR,QAAA,KAAK,IAAG,QAAI,CAAA,CAAA,CAAA;;;MAChC,YAAoD,MAAA,uBAAA,GAAA,MAAA;8BAAxB,CAAA,gBAAA,gBAAR,QAAA,KAAK,IAAG,UAAM,CAAA,CAAA,CAAA;;;;;0BAGpC,mBAegE,UAAA,MAAA,WAdvC,YAAA,QAAf,KAAK,UAAK;yBADpB,YAegE,yBAAA;MAb7D,KAAK,UAAU,KAAK,KAAK;MACzB,MAAM;MACN,iBAAiB,QAAA;MACjB,aAAa,QAAA;MACb,qBAAqB,QAAA;MACrB,eAAe,QAAA;MACf,OAAO,QAAA;MACP,kBAAkB,QAAA;MAClB,cAAS,WAAE,KAAI,aAAc,KAAK;MAClC,YAAQ,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,YAAa,KAAK;MAC3C,eAAU,WAAE,KAAI,cAAe,KAAK;MACpC,iBAAe,UAAU,KAAI,gBAAiB,OAAO,KAAK;MAC1D,eAAU,WAAE,KAAI,cAAe,KAAK;MACpC,cAAY,YAAY,KAAI,aAAc,OAAO,OAAO"}
+{"version":3,"file":"RequestTable.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n  type TableRowUpsertPayload,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  deferKeyUpdates,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Save key edits on blur so changing a body name does not replace the focused row. */\n  deferKeyUpdates?: boolean\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (e: 'upsertRow', index: number, payload: TableRowUpsertPayload): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'minmax(0, 1fr)']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (!last || last.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n\n/**\n * Stable identity key for each row so Vue never reuses a RequestTableRow instance for a different\n * parameter or the appended placeholder row. Parameter rows are keyed by their parameter identity —\n * the name plus the value path for expanded object parameters. The parts are combined through\n * JSON.stringify so the name/path boundary is unambiguous (for example `ab` + `['c']` never\n * collides with `a` + `['bc']`). Form rows use the name and its occurrence so repeated\n * multipart fields remain distinct while unrelated rows can move without losing their identity.\n */\nconst getRowKey = (row: TableRow, index: number): string => {\n  if (row.originalParameter) {\n    return JSON.stringify([\n      row.originalParameter.name,\n      ...(row.sourceParameterValuePath ?? []),\n    ])\n  }\n\n  const occurrence = displayData.value\n    .slice(0, index)\n    .filter(\n      (other) => !other.originalParameter && other.name === row.name,\n    ).length\n  return `row:${JSON.stringify([row.name, occurrence])}`\n}\n\n/** Keep an edited row mounted when saving it changes its parameter identity. */\ntype DisplayRow = {\n  data: TableRow\n  identity: string\n  key: symbol\n}\n\nconst pendingUpdates = new Map<symbol, TableRowUpsertPayload>()\n\nconst matchesPendingUpdate = (key: symbol, row: TableRow): boolean => {\n  const update = pendingUpdates.get(key)\n  return update?.name === row.name && update.value === row.value\n}\n\n// A saved parameter inherits the editor's key. The next placeholder gets a fresh key,\n// so it cannot retain the previous placeholder's text or focused input.\nconst keyedRows = computed<DisplayRow[]>((previous = []) => {\n  const available = new Set(previous)\n  // Reserve identities still present in the store before transferring an edited key.\n  // The appended placeholder is excluded so a newly saved row can inherit its editor.\n  const savedIdentities = new Set(data.map(getRowKey))\n  const rows = displayData.value.map((row, index) => {\n    const identity = getRowKey(row, index)\n    const existing = [...available].find((entry) => entry.identity === identity)\n    const pending = [...available].find(\n      (entry) =>\n        !savedIdentities.has(entry.identity) &&\n        !entry.data.sourceParameterValuePath &&\n        matchesPendingUpdate(entry.key, row),\n    )\n    const match = existing ?? pending\n\n    if (match) {\n      available.delete(match)\n      if (matchesPendingUpdate(match.key, row)) {\n        pendingUpdates.delete(match.key)\n      }\n    }\n\n    return { data: row, identity, key: match?.key ?? Symbol() }\n  })\n\n  for (const removed of available) {\n    pendingUpdates.delete(removed.key)\n  }\n\n  return rows\n})\n\nconst handleUpsertRow = (\n  row: DisplayRow,\n  index: number,\n  payload: TableRowUpsertPayload,\n): void => {\n  // The store may debounce the save. Transfer this key only when the saved row arrives.\n  pendingUpdates.set(row.key, payload)\n  emit('upsertRow', index, payload)\n}\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.enabled') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.key') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.value') }}\n      </DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in keyedRows\"\n      :key=\"row.key\"\n      :data=\"row.data\"\n      :deferKeyUpdates=\"deferKeyUpdates\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @selectPreset=\"(value) => emit('selectPreset', index, value)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => handleUpsertRow(row, index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,OAAO;EAiBb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,UAAU,eAAe;GAC7B,IAAI,QAAA,kBACF,OAAO;IAAC;IAAQ;IAAI;IAAI;GAAgB;GAE1C,OAAO;IAAC;IAAQ;IAAI;GAAE;EACxB,CAAC;;EAGD,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,QAAA,uBACH,OAAO,QAAA;GAGT,MAAM,OAAO,QAAA,KAAK,GAAG,EAAE;GAEvB,IAAI,CAAC,QAAQ,KAAK,SAAS,MAAM,KAAK,UAAU,IAC9C,OAAO,CAAC,GAAG,QAAA,MAAM;IAAE,MAAM;IAAI,OAAO;IAAI,YAAY;GAAK,CAAC;GAG5D,OAAO,QAAA;EACT,CAAC;;;;;;;;;EAUD,MAAM,aAAa,KAAe,UAA0B;GAC1D,IAAI,IAAI,mBACN,OAAO,KAAK,UAAU,CACpB,IAAI,kBAAkB,MACtB,GAAI,IAAI,4BAA4B,CAAC,CACvC,CAAC;GAGH,MAAM,aAAa,YAAY,MAC5B,MAAM,GAAG,KAAK,CAAA,CACd,QACE,UAAU,CAAC,MAAM,qBAAqB,MAAM,SAAS,IAAI,IAC5D,CAAC,CAAC;GACJ,OAAO,OAAO,KAAK,UAAU,CAAC,IAAI,MAAM,UAAU,CAAC;EACrD;;EASA,MAAM,iCAAiB,IAAI,IAAmC;EAE9D,MAAM,wBAAwB,KAAa,QAA2B;GACpE,MAAM,SAAS,eAAe,IAAI,GAAG;GACrC,OAAO,QAAQ,SAAS,IAAI,QAAQ,OAAO,UAAU,IAAI;EAC3D;EAIA,MAAM,YAAY,UAAwB,WAAW,CAAC,MAAM;GAC1D,MAAM,YAAY,IAAI,IAAI,QAAQ;GAGlC,MAAM,kBAAkB,IAAI,IAAI,QAAA,KAAK,IAAI,SAAS,CAAC;GACnD,MAAM,OAAO,YAAY,MAAM,KAAK,KAAK,UAAU;IACjD,MAAM,WAAW,UAAU,KAAK,KAAK;IACrC,MAAM,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,UAAU,MAAM,aAAa,QAAQ;IAC3E,MAAM,UAAU,CAAC,GAAG,SAAS,CAAC,CAAC,MAC5B,UACC,CAAC,gBAAgB,IAAI,MAAM,QAAQ,KACnC,CAAC,MAAM,KAAK,4BACZ,qBAAqB,MAAM,KAAK,GAAG,CACvC;IACA,MAAM,QAAQ,YAAY;IAE1B,IAAI,OAAO;KACT,UAAU,OAAO,KAAK;KACtB,IAAI,qBAAqB,MAAM,KAAK,GAAG,GACrC,eAAe,OAAO,MAAM,GAAG;IAEnC;IAEA,OAAO;KAAE,MAAM;KAAK;KAAU,KAAK,OAAO,OAAO,OAAO;IAAE;GAC5D,CAAC;GAED,KAAK,MAAM,WAAW,WACpB,eAAe,OAAO,QAAQ,GAAG;GAGnC,OAAO;EACT,CAAC;EAED,MAAM,mBACJ,KACA,OACA,YACS;GAET,eAAe,IAAI,IAAI,KAAK,OAAO;GACnC,KAAK,aAAa,OAAO,OAAO;EAClC;;uBAGE,YAkCY,MAAA,iBAAA,GAAA;IAjCV,OAAM;IACL,SAAS,QAAA;;2BAcK,CAbf,YAae,MAAA,oBAAA,GAAA,EAbD,OAAM,iBAAgB,GAAA;4BAIhB;MAHlB,YAGkB,MAAA,uBAAA,GAAA,MAAA;8BAFL,CAAA,gBAAA,gBAAR,QAAA,KAAK,IAAG,MACX,gBAAG,MAAA,SAAA,CAAS,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;MAEd,YAGkB,MAAA,uBAAA,GAAA,MAAA;8BAFL,CAAA,gBAAA,gBAAR,QAAA,KAAK,IAAG,MACX,gBAAG,MAAA,SAAA,CAAS,CAAA,4BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;MAEd,YAGkB,MAAA,uBAAA,GAAA,MAAA;8BAFL,CAAA,gBAAA,gBAAR,QAAA,KAAK,IAAG,MACX,gBAAG,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;0BAIhB,mBAemE,UAAA,MAAA,WAd1C,UAAA,QAAf,KAAK,UAAK;yBADpB,YAemE,yBAAA;MAbhE,KAAK,IAAI;MACT,MAAM,IAAI;MACV,iBAAiB,QAAA;MACjB,aAAa,QAAA;MACb,qBAAqB,QAAA;MACrB,eAAe,QAAA;MACf,OAAO,QAAA;MACP,kBAAkB,QAAA;MAClB,cAAS,WAAE,KAAI,aAAc,KAAK;MAClC,YAAQ,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,YAAa,KAAK;MAC3C,eAAU,WAAE,KAAI,cAAe,KAAK;MACpC,iBAAe,UAAU,KAAI,gBAAiB,OAAO,KAAK;MAC1D,eAAU,WAAE,KAAI,cAAe,KAAK;MACpC,cAAY,YAAY,gBAAgB,KAAK,OAAO,OAAO"}