@milaboratories/uikit 2.14.25 → 2.15.1

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts

@@ -24,6 +24,11 @@ type __VLS_Props = {
      * Placeholder text shown when no value is selected.
      */
     placeholder?: string;
+    /**
+     * Text shown in a chip when a `modelValue` entry's upstream block no longer
+     * exists. Defaults to "Upstream value removed".
+     */
+    missingValueLabel?: string;
     /**
      * If `true`, the dropdown component is marked as required.
      */
@@ -65,6 +70,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     required: boolean;
     disabled: boolean;
     helper: string;
+    missingValueLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownMultiRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAevD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,UAAU,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAkCJ,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;aA3HP,QAAQ,CAAC,SAAS,EAAE,CAAC;WAJvB,MAAM;;gBAJF,QAAQ,EAAE,GAAG,SAAS;iBAoBpB,MAAM;cAIT,OAAO;cAIP,OAAO;YAhBT,MAAM;6EAgIjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlDropdownMultiRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAevD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,UAAU,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoCJ,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;aAlIP,QAAQ,CAAC,SAAS,EAAE,CAAC;WAJvB,MAAM;;gBAJF,QAAQ,EAAE,GAAG,SAAS;iBAoBpB,MAAM;cAST,OAAO;cAIP,OAAO;YArBT,MAAM;uBAaK,MAAM;6EA0H5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue2.js

@@ -10,6 +10,7 @@ var d = /* @__PURE__ */ i({
 		helper: { default: void 0 },
 		error: { default: void 0 },
 		placeholder: { default: "..." },
+		missingValueLabel: { default: "Upstream value removed" },
 		required: {
 			type: Boolean,
 			default: !1

package/dist/components/PlDropdownMultiRef/PlDropdownMultiRef.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownMultiRef.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ModelRef, RefOption } from \"../../types\";\nimport PlDropdownMulti from \"../PlDropdownMulti/PlDropdownMulti.vue\";\nimport { computed, useSlots } from \"vue\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: ModelRef[] | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected values.\n     */\n    modelValue: ModelRef[] | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available options for the dropdown\n     */\n    options?: Readonly<RefOption[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: () => [],\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    required: false,\n    disabled: false,\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) => ({\n    label: opt.label,\n    value: opt.ref,\n  })),\n);\n</script>\n\n<template>\n  <PlDropdownMulti\n    v-bind=\"props\"\n    :options=\"options\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdownMulti>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAa,GAAU,EASvB,IAAQ,GA+CR,IAAU,QACd,EAAM,SAAS,KAAK,OAAS;GAC3B,OAAO,EAAI;GACX,OAAO,EAAI;GACZ,EAAE,CACJ;yBAIC,EAQkB,GARlB,EACU,GAAK;GACZ,SAAS,EAAA;GACT,uBAAkB,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAsB,EAAM;mBAEtC,EAAA,EAAK,CAAC,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"PlDropdownMultiRef.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ModelRef, RefOption } from \"../../types\";\nimport PlDropdownMulti from \"../PlDropdownMulti/PlDropdownMulti.vue\";\nimport { computed, useSlots } from \"vue\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: ModelRef[] | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected values.\n     */\n    modelValue: ModelRef[] | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available options for the dropdown\n     */\n    options?: Readonly<RefOption[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Text shown in a chip when a `modelValue` entry's upstream block no longer\n     * exists. Defaults to \"Upstream value removed\".\n     */\n    missingValueLabel?: string;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: () => [],\n    label: undefined,\n    helper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    missingValueLabel: \"Upstream value removed\",\n    required: false,\n    disabled: false,\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) => ({\n    label: opt.label,\n    value: opt.ref,\n  })),\n);\n</script>\n\n<template>\n  <PlDropdownMulti\n    v-bind=\"props\"\n    :options=\"options\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdownMulti>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAa,GAAU,EASvB,IAAQ,GAqDR,IAAU,QACd,EAAM,SAAS,KAAK,OAAS;GAC3B,OAAO,EAAI;GACX,OAAO,EAAI;GACZ,EAAE,CACJ;yBAIC,EAQkB,GARlB,EACU,GAAK;GACZ,SAAS,EAAA;GACT,uBAAkB,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAsB,EAAM;mBAEtC,EAAA,EAAK,CAAC,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/PlDropdownRef/PlDropdownRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownRef.js","names":[],"sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: \"PlDropdownRef\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = ModelRef\">\nimport { computed, useSlots } from \"vue\";\nimport type { ListOption, ModelRef, RefOption } from \"../../types\";\nimport { PlDropdown } from \"../PlDropdown\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: M | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available ref options for the dropdown\n     */\n    options?: Readonly<RefOption[] | ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Option list item size\n     */\n    optionSize?: \"small\" | \"medium\";\n  }>(),\n  {\n    label: \"\",\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    optionSize: \"small\",\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) =>\n    \"ref\" in opt\n      ? ({\n          label: opt.label,\n          value: opt.ref,\n          group: opt.group,\n        } as ListOption<M>)\n      : opt,\n  ),\n);\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"disabled ? 'link-disabled' : 'link'\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdown>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlDropdownRef.js","names":[],"sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: \"PlDropdownRef\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = ModelRef\">\nimport { computed, useSlots } from \"vue\";\nimport type { ListOption, ModelRef, RefOption } from \"../../types\";\nimport { PlDropdown } from \"../PlDropdown\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: M | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available ref options for the dropdown\n     */\n    options?: Readonly<RefOption[] | ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Text shown in the field when the referenced upstream block / output no longer\n     * exists. Defaults to \"Upstream value removed\".\n     */\n    missingValueLabel?: string;\n    /**\n     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Option list item size\n     */\n    optionSize?: \"small\" | \"medium\";\n  }>(),\n  {\n    label: \"\",\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    missingValueLabel: \"Upstream value removed\",\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    optionSize: \"small\",\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) =>\n    \"ref\" in opt\n      ? ({\n          label: opt.label,\n          value: opt.ref,\n          group: opt.group,\n        } as ListOption<M>)\n      : opt,\n  ),\n);\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"disabled ? 'link-disabled' : 'link'\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdown>\n</template>\n"],"mappings":""}

package/dist/components/PlDropdownRef/PlDropdownRef.vue.d.ts

@@ -34,6 +34,11 @@ declare const _default: <M = ModelRef>(__VLS_props: NonNullable<Awaited<typeof _
          * Placeholder text shown when no value is selected.
          */
         placeholder?: string;
+        /**
+         * Text shown in the field when the referenced upstream block / output no longer
+         * exists. Defaults to "Upstream value removed".
+         */
+        missingValueLabel?: string;
         /**
          * Enables a button to clear the selected value (default: false)
          */

package/dist/components/PlDropdownRef/PlDropdownRef.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"names":[],"mappings":"AAmHA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAInE;;GAEG;yBACc,CAAC,GAAG,QAAQ,EAC5B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsLO,mBAAmB,CAAC;;;QAzKxB;;WAEG;oBACS,CAAC,GAAG,SAAS;QACzB;;WAEG;gBACK,MAAM;QACd;;WAEG;kBACO,QAAQ,CAAC,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD;;WAEG;iBACM,MAAM;QACf;;WAEG;+BACoB,MAAM;QAC7B;;WAEG;gBACK,OAAO;QACf;;WAEG;sBACW,MAAM;QACpB;;WAEG;oBACS,OAAO;QACnB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;qBACU,OAAO,GAAG,QAAQ;mBA8H2D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCkB,GAAG;;cA9I1B,mBAAmB,SAAS,CAAC,GAAG,SAAS,KAAG,IAAI;EAoLlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjMzE,wBAiM4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PlDropdownRef.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAInE;;GAEG;yBACc,CAAC,GAAG,QAAQ,EAC5B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6LO,mBAAmB,CAAC;;;QAhLxB;;WAEG;oBACS,CAAC,GAAG,SAAS;QACzB;;WAEG;gBACK,MAAM;QACd;;WAEG;kBACO,QAAQ,CAAC,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD;;WAEG;iBACM,MAAM;QACf;;WAEG;+BACoB,MAAM;QAC7B;;WAEG;gBACK,OAAO;QACf;;WAEG;sBACW,MAAM;QACpB;;;WAGG;4BACiB,MAAM;QAC1B;;WAEG;oBACS,OAAO;QACnB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;mBACQ,OAAO;QAClB;;WAEG;qBACU,OAAO,GAAG,QAAQ;mBAgI2D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCkB,GAAG;;cArJ1B,mBAAmB,SAAS,CAAC,GAAG,SAAS,KAAG,IAAI;EA2LlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxMzE,wBAwM4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlDropdownRef/PlDropdownRef.vue2.js

@@ -11,6 +11,7 @@ var d = /* @__PURE__ */ i({
 		loadingOptionsHelper: { default: void 0 },
 		error: { default: void 0 },
 		placeholder: { default: "..." },
+		missingValueLabel: { default: "Upstream value removed" },
 		clearable: {
 			type: Boolean,
 			default: !1

package/dist/components/PlDropdownRef/PlDropdownRef.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlDropdownRef.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: \"PlDropdownRef\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = ModelRef\">\nimport { computed, useSlots } from \"vue\";\nimport type { ListOption, ModelRef, RefOption } from \"../../types\";\nimport { PlDropdown } from \"../PlDropdown\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: M | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available ref options for the dropdown\n     */\n    options?: Readonly<RefOption[] | ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Option list item size\n     */\n    optionSize?: \"small\" | \"medium\";\n  }>(),\n  {\n    label: \"\",\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    optionSize: \"small\",\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) =>\n    \"ref\" in opt\n      ? ({\n          label: opt.label,\n          value: opt.ref,\n          group: opt.group,\n        } as ListOption<M>)\n      : opt,\n  ),\n);\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"disabled ? 'link-disabled' : 'link'\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdown>\n</template>\n"],"mappings":";;;;CAKE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;EAUR,IAAM,IAAa,GAAU,EASvB,IAAQ,GA8DR,IAAU,QACd,EAAM,SAAS,KAAK,MAClB,SAAS,IACJ;GACC,OAAO,EAAI;GACX,OAAO,EAAI;GACX,OAAO,EAAI;GACZ,GACD,EACL,CACF;yBAIC,EAUa,EAAA,EAAA,EAVb,EACU,GAAK;GACZ,SAAS,EAAA;GACT,0BAAwB,EAAA;GACxB,oBAAkB,EAAA,WAAQ,kBAAA;GAC1B,uBAAkB,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAsB,EAAM;mBAEtC,EAAA,EAAK,CAAC,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"PlDropdownRef.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/PlDropdownRef/PlDropdownRef.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: \"PlDropdownRef\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = ModelRef\">\nimport { computed, useSlots } from \"vue\";\nimport type { ListOption, ModelRef, RefOption } from \"../../types\";\nimport { PlDropdown } from \"../PlDropdown\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst slots: any = useSlots();\n\ndefineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: \"update:modelValue\", value: M | undefined): void;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The current selected ref of the dropdown.\n     */\n    modelValue: M | undefined;\n    /**\n     * The label text for the dropdown field (optional)\n     */\n    label?: string;\n    /**\n     * List of available ref options for the dropdown\n     */\n    options?: Readonly<RefOption[] | ListOption<M>[]>;\n    /**\n     * A helper text displayed below the dropdown when there are no errors (optional).\n     */\n    helper?: string;\n    /**\n     * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).\n     */\n    loadingOptionsHelper?: string;\n    /**\n     * Error message displayed below the dropdown (optional)\n     */\n    error?: unknown;\n    /**\n     * Placeholder text shown when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Text shown in the field when the referenced upstream block / output no longer\n     * exists. Defaults to \"Upstream value removed\".\n     */\n    missingValueLabel?: string;\n    /**\n     * Enables a button to clear the selected value (default: false)\n     */\n    clearable?: boolean;\n    /**\n     * If `true`, the dropdown component is marked as required.\n     */\n    required?: boolean;\n    /**\n     * If `true`, the dropdown component is disabled and cannot be interacted with.\n     */\n    disabled?: boolean;\n    /**\n     * Option list item size\n     */\n    optionSize?: \"small\" | \"medium\";\n  }>(),\n  {\n    label: \"\",\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    missingValueLabel: \"Upstream value removed\",\n    clearable: false,\n    required: false,\n    disabled: false,\n    arrowIcon: undefined,\n    optionSize: \"small\",\n    options: undefined,\n  },\n);\n\nconst options = computed(() =>\n  props.options?.map((opt) =>\n    \"ref\" in opt\n      ? ({\n          label: opt.label,\n          value: opt.ref,\n          group: opt.group,\n        } as ListOption<M>)\n      : opt,\n  ),\n);\n</script>\n\n<template>\n  <PlDropdown\n    v-bind=\"props\"\n    :options=\"options\"\n    :loading-options-helper=\"loadingOptionsHelper\"\n    :arrow-icon-large=\"disabled ? 'link-disabled' : 'link'\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"slots.tooltip\" #tooltip>\n      <slot name=\"tooltip\" />\n    </template>\n  </PlDropdown>\n</template>\n"],"mappings":";;;;CAKE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;EAUR,IAAM,IAAa,GAAU,EASvB,IAAQ,GAoER,IAAU,QACd,EAAM,SAAS,KAAK,MAClB,SAAS,IACJ;GACC,OAAO,EAAI;GACX,OAAO,EAAI;GACX,OAAO,EAAI;GACZ,GACD,EACL,CACF;yBAIC,EAUa,EAAA,EAAA,EAVb,EACU,GAAK;GACZ,SAAS,EAAA;GACT,0BAAwB,EAAA;GACxB,oBAAkB,EAAA,WAAQ,kBAAA;GAC1B,uBAAkB,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,qBAAsB,EAAM;mBAEtC,EAAA,EAAK,CAAC,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.14.25",
+  "version": "2.15.1",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -32,7 +32,7 @@
     "sortablejs": "^1.15.6",
     "vue": "3.5.24",
     "@milaboratories/helpers": "1.14.2",
-    "@platforma-sdk/model": "1.78.9"
+    "@platforma-sdk/model": "1.78.12"
   },
   "devDependencies": {
     "@vitest/coverage-istanbul": "^4.1.3",

package/src/components/PlAlert/pl-alert.scss

@@ -70,7 +70,9 @@
 
   &__close-btn {
     position: absolute;
-    top: 10px;
+    // Centre the 40px button on the first content row. The row's centre sits at
+    // 24px (12px padding + half the 24px row); top = 24 − 20 (half the button).
+    top: 4px;
     right: 12px;
   }
 }

package/src/components/PlDropdown/PlDropdown.vue

@@ -68,6 +68,11 @@ const props = withDefaults(
      * Placeholder text shown when no value is selected.
      */
     placeholder?: string;
+    /**
+     * Text shown in the field when `modelValue` has no matching option — e.g. its
+     * upstream block was deleted. Rendered italic in error color.
+     */
+    missingValueLabel?: string;
     /**
      * Enables a button to clear the selected value (default: false)
      */
@@ -113,6 +118,7 @@ const props = withDefaults(
     error: undefined,
     showErrorMessage: true,
     placeholder: "...",
+    missingValueLabel: "Value not available",
     clearable: false,
     required: false,
     disabled: false,
@@ -168,6 +174,14 @@ const selectedIndex = computed(() => {
   return (props.options ?? []).findIndex((o) => deepEqual(o.value, props.modelValue));
 });
 
+const hasValue = computed(() => {
+  return props.modelValue !== undefined && props.modelValue !== null;
+});
+
+const isMissing = computed(() => {
+  return hasValue.value && selectedIndex.value === -1 && !isLoadingOptions.value;
+});
+
 const computedError = computed(() => {
   if (isLoadingOptions.value) {
     return undefined;
@@ -177,10 +191,8 @@ const computedError = computed(() => {
     return getErrorMessage(props.error);
   }
 
-  if (props.modelValue !== undefined && selectedIndex.value === -1) {
-    return "The selected value is not one of the options";
-  }
-
+  // The field renders the missing state via `missingValueLabel`; no need to
+  // duplicate it as a helper error.
   return undefined;
 });
 
@@ -195,22 +207,16 @@ const optionsRef = computed<LOption<M>[]>(() =>
 
 const textValue = computed(() => {
   const options = unref(optionsRef);
-
   const item: ListOption | undefined = options.find((o) => deepEqual(o.value, props.modelValue));
-
-  return item?.label || props.modelValue; // @todo show inner value?
+  return item?.label;
 });
 
 const computedPlaceholder = computed(() => {
-  if (!data.open && props.modelValue !== undefined) {
+  if (!data.open && hasValue.value) {
     return "";
   }
 
-  return props.modelValue ? String(textValue.value) : props.placeholder;
-});
-
-const hasValue = computed(() => {
-  return props.modelValue !== undefined && props.modelValue !== null;
+  return textValue.value ? String(textValue.value) : props.placeholder;
 });
 
 const filteredRef = computed(() => {
@@ -365,7 +371,12 @@ watchPostEffect(() => {
           />
 
           <div v-if="!data.open" class="input-value">
-            <LongText> {{ textValue }} </LongText>
+            <LongText v-if="isMissing" class="input-value--missing">
+              {{ missingValueLabel }}
+            </LongText>
+            <LongText v-else-if="textValue !== undefined">
+              {{ textValue }}
+            </LongText>
           </div>
 
           <div class="pl-dropdown__controls">

package/src/components/PlDropdown/__tests__/PlDropdown.spec.ts

@@ -29,4 +29,123 @@ describe("PlDropdown", () => {
 
     expect(await wrapper.findAll(".dropdown-list-item").length).toBe(0); // options are closed after click
   });
+
+  it("renders missingValueLabel when modelValue is not in options", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: {
+        modelValue: { __isRef: true as const, blockId: "deleted", name: "out" },
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+        options: [
+          { text: "Option 1", value: 1 },
+          { text: "Option 2", value: 2 },
+        ],
+      },
+    });
+
+    await flushPromises();
+
+    const missing = wrapper.find(".input-value--missing");
+    expect(missing.exists()).toBe(true);
+    expect(missing.text()).toBe("Value not available");
+
+    // Raw value (JSON-stringified object) must not leak into the DOM.
+    expect(wrapper.html()).not.toContain('"blockId"');
+    expect(wrapper.html()).not.toContain('"__isRef"');
+
+    // The redundant generic error helper no longer appears.
+    const error = wrapper.find(".pl-dropdown__error");
+    expect(error.exists() ? error.text() : "").not.toContain(
+      "The selected value is not one of the options",
+    );
+  });
+
+  it("uses custom missingValueLabel when provided", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: {
+        modelValue: 99,
+        missingValueLabel: "Gone, kaput",
+        options: [{ text: "Option 1", value: 1 }],
+      },
+    });
+
+    await flushPromises();
+    expect(wrapper.find(".input-value--missing").text()).toBe("Gone, kaput");
+  });
+
+  it("does not render missingValueLabel while options are loading (options undefined)", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: { modelValue: 99, options: undefined },
+    });
+    await flushPromises();
+    expect(wrapper.find(".input-value--missing").exists()).toBe(false);
+  });
+
+  it("renders missingValueLabel alongside .disabled root when disabled with missing value", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: {
+        modelValue: 99,
+        disabled: true,
+        options: [{ text: "Option 1", value: 1 }],
+      },
+    });
+    await flushPromises();
+    // The SCSS disabled override (`color: var(--dis-01)`) needs both `.disabled`
+    // on the root and `.input-value--missing` on the label. jsdom doesn't resolve
+    // CSS specificity, so we only assert the hooks exist — not the computed color.
+    expect(wrapper.find(".pl-dropdown.disabled").exists()).toBe(true);
+    expect(wrapper.find(".input-value--missing").exists()).toBe(true);
+  });
+
+  it("shows placeholder (not blank) when modelValue is null", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: {
+        modelValue: null,
+        placeholder: "Pick one",
+        options: [{ text: "Option 1", value: 1 }],
+      },
+    });
+    await flushPromises();
+    // null means "no value selected" — must render the placeholder, not blank.
+    expect(wrapper.find("input").attributes("placeholder")).toBe("Pick one");
+    // Must not trigger the missing-value branch.
+    expect(wrapper.find(".input-value--missing").exists()).toBe(false);
+  });
+
+  it("clears the missing-state label when options later contain the value", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: {
+        modelValue: 1,
+        options: [{ text: "Option 2", value: 2 }],
+      },
+    });
+    await flushPromises();
+    expect(wrapper.find(".input-value--missing").exists()).toBe(true);
+
+    // Simulates the upstream block coming back: options now contain the value.
+    await wrapper.setProps({
+      options: [
+        { text: "Option 1", value: 1 },
+        { text: "Option 2", value: 2 },
+      ],
+    });
+    await flushPromises();
+    expect(wrapper.find(".input-value--missing").exists()).toBe(false);
+  });
+
+  it("renders the clear button when clearable + missing, and clears the model on click", async () => {
+    const wrapper = mount(PlDropdown, {
+      props: {
+        modelValue: 99,
+        clearable: true,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+        options: [{ text: "Option 1", value: 1 }],
+      },
+    });
+    await flushPromises();
+    const clearBtn = wrapper.find(".clear");
+    expect(clearBtn.exists()).toBe(true);
+    await clearBtn.trigger("click");
+    await flushPromises();
+    expect(wrapper.props("modelValue")).toBeUndefined();
+  });
 });

package/src/components/PlDropdown/pl-dropdown.scss

@@ -108,6 +108,11 @@
       cursor: inherit;
     }
 
+    .input-value--missing {
+      font-style: italic;
+      color: var(--txt-error);
+    }
+
     input {
       min-height: calc(var(--control-height) - 2px);
       line-height: 20px;
@@ -234,5 +239,9 @@
     .input-value {
       color: var(--dis-01);
     }
+
+    .input-value--missing {
+      color: var(--dis-01);
+    }
   }
 }

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -67,6 +67,11 @@ const props = withDefaults(
      * Placeholder text shown when no value is selected.
      */
     placeholder?: string;
+    /**
+     * Text shown in a chip when a `modelValue` entry is missing from `options` —
+     * e.g. its upstream source was deleted. Rendered italic in error color.
+     */
+    missingValueLabel?: string;
     /**
      * If `true`, the dropdown component is marked as required.
      */
@@ -95,6 +100,7 @@ const props = withDefaults(
     helper: undefined,
     error: undefined,
     placeholder: "...",
+    missingValueLabel: "Value not available",
     required: false,
     disabled: false,
     options: undefined,
@@ -127,9 +133,29 @@ const placeholderRef = computed(() => {
 const normalizedOptionsRef = computed(() => normalizeListOptions(props.options ?? []));
 
 const selectedOptionsRef = computed(() => {
+  // While options load (`options === undefined`), hide chips for unresolved values
+  // to avoid a "missing" flash that resolves once options arrive.
+  const optionsLoaded = props.options !== undefined;
   return selectedValuesRef.value
-    .map((v) => normalizedOptionsRef.value.find((opt) => deepEqual(opt.value, v)))
-    .filter((v) => v !== undefined);
+    .map((v) => {
+      const opt = normalizedOptionsRef.value.find((o) => deepEqual(o.value, v));
+      if (opt) {
+        // Found: render the option's own (normalized) label verbatim — matches
+        // PlDropdown. `opt.label` is always a string (possibly ""), never an object,
+        // so there is no raw-value leak to guard against.
+        return { ...opt, isMissing: false };
+      }
+      if (!optionsLoaded) {
+        return undefined;
+      }
+      // Honor empty `missingValueLabel` verbatim — caller's explicit "render nothing".
+      return {
+        value: v,
+        label: props.missingValueLabel,
+        isMissing: true,
+      };
+    })
+    .filter((v): v is NonNullable<typeof v> => v !== undefined);
 });
 
 const filteredOptionsRef = computed(() => {
@@ -292,12 +318,13 @@ watchPostEffect(() => {
             <PlChip
               v-for="(opt, i) in selectedOptionsRef"
               :key="i"
+              :class="{ 'pl-dropdown-multi__chip--missing': opt.isMissing }"
               closeable
               small
               @click.stop="data.open = true"
               @close="unselectOption(opt.value)"
             >
-              {{ opt.label || opt.value }}
+              {{ opt.label }}
             </PlChip>
           </div>
 
@@ -331,11 +358,12 @@ watchPostEffect(() => {
             <PlChip
               v-for="(opt, i) in selectedOptionsRef"
               :key="i"
+              :class="{ 'pl-dropdown-multi__chip--missing': opt.isMissing }"
               closeable
               small
               @close="unselectOption(opt.value)"
             >
-              {{ opt.label || opt.value }}
+              {{ opt.label }}
             </PlChip>
           </div>
           <DropdownListItem

package/src/components/PlDropdownMulti/__tests__/PlDropdownMulti.spec.ts

@@ -32,4 +32,139 @@ describe("PlDropdownMulti", () => {
 
     expect(getOptions().length).toBe(2); // options are not closed after click
   });
+
+  it("renders a missing chip for a modelValue not present in options", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [1, 999],
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+        options: [
+          { text: "Option 1", value: 1 },
+          { text: "Option 2", value: 2 },
+        ],
+      },
+    });
+
+    await flushPromises();
+
+    const missingChips = wrapper.findAll(".pl-dropdown-multi__chip--missing");
+    expect(missingChips.length).toBe(1);
+    expect(missingChips[0].text()).toContain("Value not available");
+
+    // Total chip count: one for valid (1), one for missing (999).
+    expect(wrapper.findAll(".pl-chip").length).toBe(2);
+  });
+
+  it("emits update:modelValue without the missing value when its chip is closed", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [1, 999],
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+        options: [{ text: "Option 1", value: 1 }],
+      },
+    });
+
+    await flushPromises();
+
+    const missingChip = wrapper.find(".pl-dropdown-multi__chip--missing");
+    expect(missingChip.exists()).toBe(true);
+
+    await missingChip.find(".pl-chip__close").trigger("click");
+    await flushPromises();
+
+    expect(wrapper.props("modelValue")).toEqual([1]);
+  });
+
+  it("does not render missing chips while options are loading (options undefined)", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: { modelValue: [99], options: undefined },
+    });
+    await flushPromises();
+    expect(wrapper.find(".pl-dropdown-multi__chip--missing").exists()).toBe(false);
+  });
+
+  it("renders missing chip alongside .disabled root when disabled", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [999],
+        disabled: true,
+        options: [{ text: "Option 1", value: 1 }],
+      },
+    });
+    await flushPromises();
+    // The SCSS rule `.pl-dropdown-multi.disabled .pl-dropdown-multi__chip--missing
+    // .pl-chip__text` needs both selectors. jsdom doesn't resolve specificity, so
+    // we only assert the hooks exist.
+    expect(wrapper.find(".pl-dropdown-multi.disabled").exists()).toBe(true);
+    expect(wrapper.find(".pl-dropdown-multi__chip--missing").exists()).toBe(true);
+  });
+
+  it("never renders raw object value in a chip even if missingValueLabel is empty string", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [{ __isRef: true as const, blockId: "deleted", name: "out" }],
+        missingValueLabel: "",
+        options: [],
+      },
+    });
+    await flushPromises();
+    // With empty label the chip must render empty text, not the raw PlRef JSON.
+    expect(wrapper.html()).not.toContain('"blockId"');
+    expect(wrapper.html()).not.toContain('"__isRef"');
+  });
+
+  it("does not leak raw JSON when a found option has an empty label", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [{ __isRef: true as const, blockId: "1", name: "Ref" }],
+        options: [{ label: "", value: { __isRef: true as const, blockId: "1", name: "Ref" } }],
+      },
+    });
+    await flushPromises();
+    // An empty `label` must not produce JSON output via `toDisplayString`.
+    expect(wrapper.html()).not.toContain('"blockId"');
+    expect(wrapper.html()).not.toContain('"__isRef"');
+    // The chip still renders (not the missing branch — option is found).
+    expect(wrapper.find(".pl-chip").exists()).toBe(true);
+    expect(wrapper.find(".pl-dropdown-multi__chip--missing").exists()).toBe(false);
+  });
+
+  it("renders a found option's empty label as empty, never the missing label", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [1],
+        // Distinctive text so a regression to the `|| missingValueLabel` fallback is obvious.
+        missingValueLabel: "SHOULD-NOT-APPEAR",
+        options: [{ label: "", value: 1 }],
+      },
+    });
+    await flushPromises();
+    // A found option renders its own (empty) label verbatim — matches PlDropdown. It must
+    // not borrow the missing-value text, which is reserved for values absent from options.
+    expect(wrapper.find(".pl-chip").exists()).toBe(true);
+    expect(wrapper.find(".pl-dropdown-multi__chip--missing").exists()).toBe(false);
+    expect(wrapper.html()).not.toContain("SHOULD-NOT-APPEAR");
+  });
+
+  it("replaces missing chips with normal chips when options later contain the values", async () => {
+    const wrapper = mount(PlDropdownMulti, {
+      props: {
+        modelValue: [1],
+        options: [{ text: "Option 2", value: 2 }],
+      },
+    });
+    await flushPromises();
+    expect(wrapper.findAll(".pl-dropdown-multi__chip--missing").length).toBe(1);
+
+    // Simulates the upstream block coming back: options now contain the value.
+    await wrapper.setProps({
+      options: [
+        { text: "Option 1", value: 1 },
+        { text: "Option 2", value: 2 },
+      ],
+    });
+    await flushPromises();
+    expect(wrapper.findAll(".pl-dropdown-multi__chip--missing").length).toBe(0);
+    expect(wrapper.findAll(".pl-chip").length).toBe(1);
+  });
 });

package/src/components/PlDropdownMulti/pl-dropdown-multi.scss

@@ -258,6 +258,10 @@
       animation: spin 2.5s linear infinite;
       --icon-color: var(--ic-accent);
     }
+
+    .pl-dropdown-multi__chip--missing .pl-chip__text {
+      color: var(--dis-01);
+    }
   }
 
   &__open-chips-container {
@@ -269,3 +273,10 @@
     }
   }
 }
+
+.pl-dropdown-multi__chip--missing {
+  .pl-chip__text {
+    font-style: italic;
+    color: var(--txt-error);
+  }
+}

package/src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue

@@ -39,6 +39,11 @@ const props = withDefaults(
      * Placeholder text shown when no value is selected.
      */
     placeholder?: string;
+    /**
+     * Text shown in a chip when a `modelValue` entry's upstream block no longer
+     * exists. Defaults to "Upstream value removed".
+     */
+    missingValueLabel?: string;
     /**
      * If `true`, the dropdown component is marked as required.
      */
@@ -54,6 +59,7 @@ const props = withDefaults(
     helper: undefined,
     error: undefined,
     placeholder: "...",
+    missingValueLabel: "Upstream value removed",
     required: false,
     disabled: false,
     options: undefined,