@platforma-sdk/ui-vue 1.49.0 → 1.50.0

package/dist/utils.js

@@ -1,60 +1,59 @@
-var u = Object.defineProperty;
-var f = (r, o, n) => o in r ? u(r, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[o] = n;
-var e = (r, o, n) => f(r, typeof o != "symbol" ? o + "" : o, n);
-class a extends Error {
+var f = Object.defineProperty;
+var l = (r, s, n) => s in r ? f(r, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[s] = n;
+var t = (r, s, n) => l(r, typeof s != "symbol" ? s + "" : s, n);
+class i extends Error {
   constructor() {
     super(...arguments);
-    e(this, "name", "UnresolvedError");
+    t(this, "name", "UnresolvedError");
   }
 }
-const l = (r) => Array.isArray(r) ? r : r ? [r] : [];
-class c extends Error {
+const c = (r) => Array.isArray(r) ? r : r ? [r] : [];
+class E extends Error {
   constructor(n) {
-    n = l(n);
-    super(n.map((t) => typeof t == "string" ? t : t.message).join(`
+    n = c(n);
+    super(n.map((e) => typeof e == "string" ? e : e.message).join(`
 `));
-    e(this, "name", "MultiError");
-    e(this, "fullMessage");
-    this.errors = n, this.fullMessage = n.map((t) => typeof t == "string" ? t : t.type == "PlError" && "fullMessage" in t ? t.fullMessage : t.message).join(`
+    t(this, "name", "MultiError");
+    t(this, "fullMessage");
+    this.errors = n, this.fullMessage = n.map((e) => typeof e == "string" ? e : e.type == "PlError" && "fullMessage" in e ? e.fullMessage : e.message).join(`
 `);
   }
 }
-function d(r) {
-  return {
-    ok: !0,
-    value: r
-  };
-}
-function p(r) {
+function u(r) {
   if (!r)
-    throw new a();
+    throw new i();
   if (!r.ok)
-    throw new c(r.errors);
+    throw new E(r.errors);
   return r.value;
 }
+function g(r) {
+  if (!r)
+    throw new i();
+  return r.ok && (r.stable ?? (r.stable = !0)), r;
+}
 function m(r) {
   return {
     value: r,
     errors: void 0
   };
 }
-function g(r) {
+function w(r) {
   return r !== void 0;
 }
-const w = (r) => r, y = (r) => r instanceof Error ? r : Error(String(r)), M = (r) => r.name === "ZodError", j = (r) => {
-  const { formErrors: o, fieldErrors: n } = r.flatten(), t = Object.entries(n).map(([i, s]) => i + ":" + (s == null ? void 0 : s.join(",")));
-  return o.concat(t).join("; ");
+const y = (r) => r, M = (r) => r instanceof Error ? r : Error(String(r)), h = (r) => r.name === "ZodError", j = (r) => {
+  const { formErrors: s, fieldErrors: n } = r.flatten(), e = Object.entries(n).map(([a, o]) => a + ":" + (o == null ? void 0 : o.join(",")));
+  return s.concat(e).join("; ");
 };
 export {
-  c as MultiError,
-  a as UnresolvedError,
-  y as ensureError,
+  E as MultiError,
+  i as UnresolvedError,
+  M as ensureError,
+  g as ensureOutputHasStableFlag,
   j as formatZodError,
-  w as identity,
-  g as isDefined,
-  M as isZodError,
-  p as unwrapValueOrErrors,
-  m as wrapOptionalResult,
-  d as wrapValueOrErrors
+  y as identity,
+  w as isDefined,
+  h as isZodError,
+  u as unwrapOutput,
+  m as wrapOptionalResult
 };
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { type ErrorLike, type ValueOrErrors } from '@platforma-sdk/model';\nimport type { OptionalResult } from './types';\nimport type { ZodError } from 'zod';\n\nexport class UnresolvedError extends Error {\n  name = 'UnresolvedError';\n}\n\nconst ensureArray = <T>(value: T | T[]): T[] => {\n  return Array.isArray(value) ? value : value ? [value] : [];\n};\n\n// @TODO use AggregateError\nexport class MultiError extends Error {\n  name = 'MultiError';\n\n  public readonly fullMessage: string;\n\n  constructor(public readonly errors: (ErrorLike | string)[]) {\n    errors = ensureArray(errors);\n    super(errors.map((e) => typeof e == 'string' ? e : e.message).join('\\n'));\n    this.fullMessage = errors.map((e) => {\n      if (typeof e == 'string') {\n        return e;\n      } else if (e.type == 'PlError' && 'fullMessage' in e) {\n        return e.fullMessage;\n      }\n      return e.message;\n    }).join('\\n');\n  }\n}\n\nexport function wrapValueOrErrors<V>(value: V): ValueOrErrors<V> {\n  return {\n    ok: true,\n    value,\n  };\n}\n\nexport function unwrapValueOrErrors<V>(valueOrErrors?: ValueOrErrors<V>): V {\n  if (!valueOrErrors) {\n    throw new UnresolvedError();\n  }\n\n  if (!valueOrErrors.ok) {\n    throw new MultiError(valueOrErrors.errors);\n  }\n\n  return valueOrErrors.value;\n}\n\n// Optional Result\n\nexport function wrapOptionalResult<V>(value: V): OptionalResult<V> {\n  return {\n    value,\n    errors: undefined,\n  };\n}\n\nexport function isDefined<T>(v: T | undefined): v is T {\n  return v !== undefined;\n}\n\nexport const identity = <T, V = T>(v: T): V => v as unknown as V;\n\nexport const ensureError = (cause: unknown) => {\n  if (cause instanceof Error) {\n    return cause;\n  }\n\n  return Error(String(cause));\n};\n\nexport const isZodError = (err: Error): err is ZodError => {\n  return err.name === 'ZodError';\n};\n\nexport const formatZodError = (err: ZodError) => {\n  const { formErrors, fieldErrors } = err.flatten();\n  const _fieldErrors = Object.entries(fieldErrors).map(([field, errors]) => {\n    return field + ':' + errors?.join(',');\n  });\n  return formErrors.concat(_fieldErrors).join('; ');\n};\n"],"names":["UnresolvedError","__publicField","ensureArray","value","MultiError","errors","e","wrapValueOrErrors","unwrapValueOrErrors","valueOrErrors","wrapOptionalResult","isDefined","v","identity","ensureError","cause","isZodError","err","formatZodError","formErrors","fieldErrors","_fieldErrors","field"],"mappings":";;;AAIO,MAAMA,UAAwB,MAAM;AAAA,EAApC;AAAA;AACL,IAAAC,EAAA,cAAO;AAAA;AACT;AAEA,MAAMC,IAAc,CAAIC,MACf,MAAM,QAAQA,CAAK,IAAIA,IAAQA,IAAQ,CAACA,CAAK,IAAI,CAAA;AAInD,MAAMC,UAAmB,MAAM;AAAA,EAKpC,YAA4BC,GAAgC;AAC1D,IAAAA,IAASH,EAAYG,CAAM;AAC3B,UAAMA,EAAO,IAAI,CAACC,MAAM,OAAOA,KAAK,WAAWA,IAAIA,EAAE,OAAO,EAAE,KAAK;AAAA,CAAI,CAAC;AAN1E,IAAAL,EAAA,cAAO;AAES,IAAAA,EAAA;AAEY,SAAA,SAAAI,GAG1B,KAAK,cAAcA,EAAO,IAAI,CAACC,MACzB,OAAOA,KAAK,WACPA,IACEA,EAAE,QAAQ,aAAa,iBAAiBA,IAC1CA,EAAE,cAEJA,EAAE,OACV,EAAE,KAAK;AAAA,CAAI;AAAA,EACd;AACF;AAEO,SAASC,EAAqBJ,GAA4B;AAC/D,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,OAAAA;AAAA,EAAA;AAEJ;AAEO,SAASK,EAAuBC,GAAqC;AAC1E,MAAI,CAACA;AACH,UAAM,IAAIT,EAAA;AAGZ,MAAI,CAACS,EAAc;AACjB,UAAM,IAAIL,EAAWK,EAAc,MAAM;AAG3C,SAAOA,EAAc;AACvB;AAIO,SAASC,EAAsBP,GAA6B;AACjE,SAAO;AAAA,IACL,OAAAA;AAAA,IACA,QAAQ;AAAA,EAAA;AAEZ;AAEO,SAASQ,EAAaC,GAA0B;AACrD,SAAOA,MAAM;AACf;AAEO,MAAMC,IAAW,CAAWD,MAAYA,GAElCE,IAAc,CAACC,MACtBA,aAAiB,QACZA,IAGF,MAAM,OAAOA,CAAK,CAAC,GAGfC,IAAa,CAACC,MAClBA,EAAI,SAAS,YAGTC,IAAiB,CAACD,MAAkB;AAC/C,QAAM,EAAE,YAAAE,GAAY,aAAAC,MAAgBH,EAAI,QAAA,GAClCI,IAAe,OAAO,QAAQD,CAAW,EAAE,IAAI,CAAC,CAACE,GAAOjB,CAAM,MAC3DiB,IAAQ,OAAMjB,KAAA,gBAAAA,EAAQ,KAAK,KACnC;AACD,SAAOc,EAAW,OAAOE,CAAY,EAAE,KAAK,IAAI;AAClD;"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import type { ErrorLike, OutputWithStatus } from '@platforma-sdk/model';\nimport type { OptionalResult } from './types';\nimport type { ZodError } from 'zod';\n\nexport class UnresolvedError extends Error {\n  name = 'UnresolvedError';\n}\n\nconst ensureArray = <T>(value: T | T[]): T[] => {\n  return Array.isArray(value) ? value : value ? [value] : [];\n};\n\n// @TODO use AggregateError\nexport class MultiError extends Error {\n  name = 'MultiError';\n\n  public readonly fullMessage: string;\n\n  constructor(public readonly errors: (ErrorLike | string)[]) {\n    errors = ensureArray(errors);\n    super(errors.map((e) => typeof e == 'string' ? e : e.message).join('\\n'));\n    this.fullMessage = errors.map((e) => {\n      if (typeof e == 'string') {\n        return e;\n      } else if (e.type == 'PlError' && 'fullMessage' in e) {\n        return e.fullMessage;\n      }\n      return e.message;\n    }).join('\\n');\n  }\n}\n\nexport function unwrapOutput<V>(output?: OutputWithStatus<V>): V {\n  if (!output) {\n    throw new UnresolvedError();\n  }\n\n  if (!output.ok) {\n    throw new MultiError(output.errors);\n  }\n\n  return output.value;\n}\n\nexport function ensureOutputHasStableFlag<T>(output?: OutputWithStatus<T>) {\n  if (!output) {\n    throw new UnresolvedError();\n  }\n  if (output.ok) {\n    output.stable ??= true;\n  }\n  return output;\n}\n\n// Optional Result\n\nexport function wrapOptionalResult<V>(value: V): OptionalResult<V> {\n  return {\n    value,\n    errors: undefined,\n  };\n}\n\nexport function isDefined<T>(v: T | undefined): v is T {\n  return v !== undefined;\n}\n\nexport const identity = <T, V = T>(v: T): V => v as unknown as V;\n\nexport const ensureError = (cause: unknown) => {\n  if (cause instanceof Error) {\n    return cause;\n  }\n\n  return Error(String(cause));\n};\n\nexport const isZodError = (err: Error): err is ZodError => {\n  return err.name === 'ZodError';\n};\n\nexport const formatZodError = (err: ZodError) => {\n  const { formErrors, fieldErrors } = err.flatten();\n  const _fieldErrors = Object.entries(fieldErrors).map(([field, errors]) => {\n    return field + ':' + errors?.join(',');\n  });\n  return formErrors.concat(_fieldErrors).join('; ');\n};\n"],"names":["UnresolvedError","__publicField","ensureArray","value","MultiError","errors","unwrapOutput","output","ensureOutputHasStableFlag","wrapOptionalResult","isDefined","v","identity","ensureError","cause","isZodError","err","formatZodError","formErrors","fieldErrors","_fieldErrors","field"],"mappings":";;;AAIO,MAAMA,UAAwB,MAAM;AAAA,EAApC;AAAA;AACL,IAAAC,EAAA,cAAO;AAAA;AACT;AAEA,MAAMC,IAAc,CAAIC,MACf,MAAM,QAAQA,CAAK,IAAIA,IAAQA,IAAQ,CAACA,CAAK,IAAI,CAAA;AAInD,MAAMC,UAAmB,MAAM;AAAA,EAKpC,YAA4BC,GAAgC;AAC1D,IAAAA,IAASH,EAAYG,CAAM;AAC3B,UAAMA,EAAO,IAAI,CAAC,MAAM,OAAO,KAAK,WAAW,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,CAAI,CAAC;AAN1E,IAAAJ,EAAA,cAAO;AAES,IAAAA,EAAA;AAEY,SAAA,SAAAI,GAG1B,KAAK,cAAcA,EAAO,IAAI,CAAC,MACzB,OAAO,KAAK,WACP,IACE,EAAE,QAAQ,aAAa,iBAAiB,IAC1C,EAAE,cAEJ,EAAE,OACV,EAAE,KAAK;AAAA,CAAI;AAAA,EACd;AACF;AAEO,SAASC,EAAgBC,GAAiC;AAC/D,MAAI,CAACA;AACH,UAAM,IAAIP,EAAA;AAGZ,MAAI,CAACO,EAAO;AACV,UAAM,IAAIH,EAAWG,EAAO,MAAM;AAGpC,SAAOA,EAAO;AAChB;AAEO,SAASC,EAA6BD,GAA8B;AACzE,MAAI,CAACA;AACH,UAAM,IAAIP,EAAA;AAEZ,SAAIO,EAAO,OACTA,EAAO,WAAPA,EAAO,SAAW,MAEbA;AACT;AAIO,SAASE,EAAsBN,GAA6B;AACjE,SAAO;AAAA,IACL,OAAAA;AAAA,IACA,QAAQ;AAAA,EAAA;AAEZ;AAEO,SAASO,EAAaC,GAA0B;AACrD,SAAOA,MAAM;AACf;AAEO,MAAMC,IAAW,CAAWD,MAAYA,GAElCE,IAAc,CAACC,MACtBA,aAAiB,QACZA,IAGF,MAAM,OAAOA,CAAK,CAAC,GAGfC,IAAa,CAACC,MAClBA,EAAI,SAAS,YAGTC,IAAiB,CAACD,MAAkB;AAC/C,QAAM,EAAE,YAAAE,GAAY,aAAAC,MAAgBH,EAAI,QAAA,GAClCI,IAAe,OAAO,QAAQD,CAAW,EAAE,IAAI,CAAC,CAACE,GAAOhB,CAAM,MAC3DgB,IAAQ,OAAMhB,KAAA,gBAAAA,EAAQ,KAAK,KACnC;AACD,SAAOa,EAAW,OAAOE,CAAY,EAAE,KAAK,IAAI;AAClD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.49.0",
+  "version": "1.50.0",
   "type": "module",
   "main": "dist/index.js",
   "styles": "dist/index.js",
@@ -27,10 +27,10 @@
     "zod": "~3.23.8",
     "@zip.js/zip.js": "^2.8.2",
     "es-toolkit": "^1.39.10",
-    "@milaboratories/ptabler-expression-js": "1.1.8",
-    "@milaboratories/uikit": "2.8.8",
+    "@milaboratories/uikit": "2.8.9",
+    "@milaboratories/ptabler-expression-js": "1.1.9",
     "@milaboratories/biowasm-tools": "2.0.0",
-    "@platforma-sdk/model": "1.49.0"
+    "@platforma-sdk/model": "1.50.0"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -48,10 +48,10 @@
     "fast-json-patch": "^3.1.1",
     "@faker-js/faker": "^9.2.0",
     "@milaboratories/ts-configs": "1.2.0",
-    "@milaboratories/build-configs": "1.2.1",
     "@milaboratories/eslint-config": "1.0.5",
+    "@milaboratories/build-configs": "1.2.1",
     "@milaboratories/ts-builder": "1.2.1",
-    "@milaboratories/helpers": "1.12.1"
+    "@milaboratories/helpers": "1.13.0"
   },
   "scripts": {
     "test": "vitest run --coverage",

package/src/defineApp.ts

@@ -1,5 +1,5 @@
 import { notEmpty } from '@milaboratories/helpers';
-import type { PlatformaV1, PlatformaV2 } from '@platforma-sdk/model';
+import type { PlatformaExtended, PlatformaV1, PlatformaV2 } from '@platforma-sdk/model';
 import { getPlatformaApiVersion, unwrapResult, type BlockOutputsBase, type Platforma } from '@platforma-sdk/model';
 import type { Component, Reactive } from 'vue';
 import { inject, markRaw, reactive } from 'vue';
@@ -21,7 +21,7 @@ export function defineApp<
   Href extends `/${string}` = `/${string}`,
   Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
 >(
-  platforma: PlatformaV1<Args, Outputs, UiState, Href>,
+  platforma: PlatformaExtended<PlatformaV1<Args, Outputs, UiState, Href>>,
   extendApp: (app: BaseAppV1<Args, Outputs, UiState, Href>) => Extend,
   settings?: AppSettings,
 ): SdkPluginV1<Args, Outputs, UiState, Href, Extend>;
@@ -33,7 +33,7 @@ export function defineApp<
   Href extends `/${string}` = `/${string}`,
   Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
 >(
-  platforma: PlatformaV2<Args, Outputs, UiState, Href>,
+  platforma: PlatformaExtended<PlatformaV2<Args, Outputs, UiState, Href>>,
   extendApp: (app: BaseAppV2<Args, Outputs, UiState, Href>) => Extend,
   settings?: AppSettings,
 ): SdkPluginV2<Args, Outputs, UiState, Href, Extend>;
@@ -45,7 +45,7 @@ export function defineApp<
   Href extends `/${string}` = `/${string}`,
   Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
 >(
-  platforma: Platforma<Args, Outputs, UiState, Href>,
+  platforma: PlatformaExtended<Platforma<Args, Outputs, UiState, Href>>,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   extendApp: (app: any) => Extend,
   settings: AppSettings = {},

package/src/internal/createAppV1.ts

@@ -1,12 +1,12 @@
 import { deepClone, isJsonEqual, tap } from '@milaboratories/helpers';
 import type { Mutable } from '@milaboratories/helpers';
-import type { NavigationState, BlockOutputsBase, BlockState, PlatformaV1 } from '@platforma-sdk/model';
+import type { NavigationState, BlockOutputsBase, BlockState, PlatformaV1, PlatformaExtended } from '@platforma-sdk/model';
 import { reactive, nextTick, computed, watch } from 'vue';
 import type { StateModelOptions, UnwrapOutputs, OptionalResult, OutputValues, OutputErrors, AppSettings } from '../types';
 import { createModel } from '../createModel';
 import { createAppModel } from './createAppModel';
 import { parseQuery } from '../urls';
-import { MultiError, unwrapValueOrErrors } from '../utils';
+import { ensureOutputHasStableFlag, MultiError, unwrapOutput } from '../utils';
 import { useDebounceFn } from '@vueuse/core';
 /**
  * Creates an application instance with reactive state management, outputs, and methods for state updates and navigation.
@@ -29,7 +29,7 @@ export function createAppV1<
   Href extends `/${string}` = `/${string}`,
 >(
   state: BlockState<Args, Outputs, UiState, Href>,
-  platforma: PlatformaV1<Args, Outputs, UiState, Href>,
+  platforma: PlatformaExtended<PlatformaV1<Args, Outputs, UiState, Href>>,
   settings: AppSettings,
 ) {
   type AppModel = {
@@ -187,7 +187,7 @@ export function createAppV1<
      */
     unwrapOutputs<K extends keyof Outputs>(...keys: K[]): UnwrapOutputs<Outputs, K> {
       const outputs = snapshot.outputs;
-      const entries = keys.map((key) => [key, unwrapValueOrErrors(outputs[key])]);
+      const entries = keys.map((key) => [key, unwrapOutput(outputs[key])]);
       return Object.fromEntries(entries);
     },
     /**
@@ -237,7 +237,11 @@ export function createAppV1<
   };
 
   const outputs = computed<OutputValues<Outputs>>(() => {
-    const entries = Object.entries(snapshot.outputs).map(([k, vOrErr]) => [k, vOrErr.ok && vOrErr.value !== undefined ? vOrErr.value : undefined]);
+    const entries = Object.entries(snapshot.outputs)
+      .map(([k, outputWithStatus]) => platforma.blockModelInfo.outputs[k].withStatus
+        ? [k, ensureOutputHasStableFlag(outputWithStatus)]
+        : [k, outputWithStatus.ok && outputWithStatus.value !== undefined ? outputWithStatus.value : undefined],
+      );
     return Object.fromEntries(entries);
   });
 

package/src/internal/createAppV2.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { createAppV2 } from './createAppV2';
-import { unwrapResult, type ValueOrErrors } from '@platforma-sdk/model';
+import { type OutputWithStatus, unwrapResult } from '@platforma-sdk/model';
 import { BlockStateMock } from './test-helpers/BlockMock';
 import { BlockMock } from './test-helpers/BlockMock';
 import { delay } from '@milaboratories/helpers';
@@ -24,7 +24,7 @@ const defaultArgs = () => ({
 });
 
 type Outputs = {
-  sum: ValueOrErrors<number>;
+  sum: OutputWithStatus<number>;
 };
 
 const defaultOutputs = (): Outputs => {
@@ -32,6 +32,7 @@ const defaultOutputs = (): Outputs => {
     sum: {
       ok: true,
       value: 0,
+      stable: true,
     },
   };
 };
@@ -43,7 +44,7 @@ const defaultState = (): BlockStateMock<Args, Outputs, UiState, `/${string}`> =>
 class BlockSum extends BlockMock<Args, Outputs, UiState, `/${string}`> {
   async process(): Promise<void> {
     const { args, author } = this.state;
-    this.state.setState({ author, outputs: { sum: { ok: true, value: args.x + args.y } } });
+    this.state.setState({ author, outputs: { sum: { ok: true, value: args.x + args.y, stable: true } } });
   }
 }
 
@@ -60,7 +61,18 @@ describe('createApp', { timeout: 20_000 }, () => {
   it('should create an app with reactive snapshot', async () => {
     const initialState = await platforma.loadBlockState().then(unwrapResult);
 
-    const app = createAppV2(initialState, platforma, { debug: true, debounceSpan: 10 });
+    const app = createAppV2(
+      initialState,
+      {
+        ...platforma,
+        blockModelInfo: {
+          outputs: {
+            sum: { withStatus: false },
+          },
+        },
+      },
+      { debug: true, debounceSpan: 10 },
+    );
 
     expect(app.model.args).toEqual({ x: 0, y: 0 });
     expect(app.model.ui).toEqual({ label: '' });
@@ -111,8 +123,30 @@ describe('createApp', { timeout: 20_000 }, () => {
     const initialState1 = await platforma1.loadBlockState().then(unwrapResult);
     const initialState2 = await platforma2.loadBlockState().then(unwrapResult);
 
-    const app1 = createAppV2(initialState1, platforma1, { appId: 'app1', debug: true, debounceSpan: 10 });
-    const app2 = createAppV2(initialState2, platforma2, { appId: 'app2', debug: true, debounceSpan: 10 });
+    const app1 = createAppV2(
+      initialState1,
+      {
+        ...platforma1,
+        blockModelInfo: {
+          outputs: {
+            sum: { withStatus: false },
+          },
+        },
+      },
+      { appId: 'app1', debug: true, debounceSpan: 10 },
+    );
+    const app2 = createAppV2(
+      initialState2,
+      {
+        ...platforma2,
+        blockModelInfo: {
+          outputs: {
+            sum: { withStatus: false },
+          },
+        },
+      },
+      { appId: 'app2', debug: true, debounceSpan: 10 },
+    );
 
     app1.model.args.x = 1;
     app1.model.args.y = 2;

package/src/internal/createAppV2.ts

@@ -1,13 +1,13 @@
 import { deepClone, delay, uniqueId } from '@milaboratories/helpers';
 import type { Mutable } from '@milaboratories/helpers';
-import type { NavigationState, BlockOutputsBase, BlockState, PlatformaV2, ValueWithUTag, AuthorMarker } from '@platforma-sdk/model';
+import type { NavigationState, BlockOutputsBase, BlockState, PlatformaV2, ValueWithUTag, AuthorMarker, PlatformaExtended } from '@platforma-sdk/model';
 import { hasAbortError, unwrapResult } from '@platforma-sdk/model';
 import type { Ref } from 'vue';
 import { reactive, computed, ref } from 'vue';
 import type { StateModelOptions, UnwrapOutputs, OutputValues, OutputErrors, AppSettings } from '../types';
 import { createModel } from '../createModel';
 import { parseQuery } from '../urls';
-import { MultiError, unwrapValueOrErrors } from '../utils';
+import { ensureOutputHasStableFlag, MultiError, unwrapOutput } from '../utils';
 import { applyPatch } from 'fast-json-patch';
 import { UpdateSerializer } from './UpdateSerializer';
 import { watchIgnorable } from '@vueuse/core';
@@ -48,7 +48,7 @@ export function createAppV2<
   Href extends `/${string}` = `/${string}`,
 >(
   state: ValueWithUTag<BlockState<Args, Outputs, UiState, Href>>,
-  platforma: PlatformaV2<Args, Outputs, UiState, Href>,
+  platforma: PlatformaExtended<PlatformaV2<Args, Outputs, UiState, Href>>,
   settings: AppSettings,
 ) {
   const debug = (msg: string, ...rest: unknown[]) => {
@@ -117,7 +117,11 @@ export function createAppV2<
   };
 
   const outputs = computed<OutputValues<Outputs>>(() => {
-    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<Outputs>>).map(([k, vOrErr]) => [k, vOrErr.ok && vOrErr.value !== undefined ? vOrErr.value : undefined]);
+    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<Outputs>>)
+      .map(([k, outputWithStatus]) => platforma.blockModelInfo.outputs[k].withStatus
+        ? [k, ensureOutputHasStableFlag(outputWithStatus)]
+        : [k, outputWithStatus.ok && outputWithStatus.value !== undefined ? outputWithStatus.value : undefined],
+      );
     return Object.fromEntries(entries);
   });
 
@@ -272,7 +276,7 @@ export function createAppV2<
      */
     unwrapOutputs<K extends keyof Outputs>(...keys: K[]): UnwrapOutputs<Outputs, K> {
       const outputs = snapshot.value.outputs as Partial<Readonly<Outputs>>;
-      const entries = keys.map((key) => [key, unwrapValueOrErrors(outputs[key])]);
+      const entries = keys.map((key) => [key, unwrapOutput(outputs[key])]);
       return Object.fromEntries(entries);
     },
     /**

package/src/internal/v1.static-test.ts

@@ -1,7 +1,7 @@
 import type { Expect, Equal } from '@milaboratories/helpers';
 import { z } from 'zod';
 import type { ModelOptions, Model } from '../types';
-import type { BlockOutputsBase, InferHrefType, InferOutputsType, Platforma, ValueOrErrors } from '@platforma-sdk/model';
+import type { BlockOutputsBase, InferHrefType, InferOutputsType, OutputWithStatus, Platforma } from '@platforma-sdk/model';
 import type { BaseAppV1, createAppV1 } from './createAppV1';
 import { type App } from '../defineApp';
 import { computed, type Component } from 'vue';
@@ -49,7 +49,7 @@ type _Args = {
 };
 
 type _Outputs = {
-  sum: ValueOrErrors<number>;
+  sum: OutputWithStatus<number> & { __unwrap: true };
 };
 
 type _UiState = {

package/src/internal/v2.static-test.ts

@@ -1,7 +1,7 @@
 import type { Expect, Equal } from '@milaboratories/helpers';
 import { z } from 'zod';
 import type { ModelOptions, Model } from '../types';
-import type { BlockOutputsBase, InferHrefType, InferOutputsType, Platforma, ValueOrErrors } from '@platforma-sdk/model';
+import type { BlockOutputsBase, InferHrefType, InferOutputsType, OutputWithStatus, Platforma } from '@platforma-sdk/model';
 import type { BaseAppV2, createAppV2 } from './createAppV2';
 import { type App } from '../defineApp';
 import { computed, type Component } from 'vue';
@@ -49,7 +49,7 @@ type _Args = {
 };
 
 type _Outputs = {
-  sum: ValueOrErrors<number>;
+  sum: OutputWithStatus<number> & { __unwrap: true };
 };
 
 type _UiState = {

package/src/lib.ts

@@ -4,7 +4,6 @@ export { default as BlockLayout } from './components/BlockLayout.vue';
 export { default as PlAgDataTableV2 } from './components/PlAgDataTable/PlAgDataTableV2.vue';
 export { default as PlAgOverlayLoading } from './components/PlAgDataTable/PlAgOverlayLoading.vue';
 export { default as PlAgOverlayNoRows } from './components/PlAgDataTable/PlAgOverlayNoRows.vue';
-export { default as ValueOrErrorsComponent } from './components/ValueOrErrorsComponent.vue';
 
 export type { ListOptionBase } from '@platforma-sdk/model';
 

package/src/types.ts

@@ -1,8 +1,7 @@
-import type { Equal, Expect } from '@milaboratories/helpers';
-import type { BlockOutputsBase, ErrorLike, ValueOrErrors } from '@platforma-sdk/model';
+import type { Equal, Expect, OmitOverUnion } from '@milaboratories/helpers';
+import type { BlockOutputsBase, ErrorLike, OutputWithStatus } from '@platforma-sdk/model';
 import type { Component, ComputedGetter } from 'vue';
 
-export type UnwrapValueOrErrors<R extends ValueOrErrors<unknown>> = Extract<R, { ok: true }>['value'];
 export interface StateModelOptions<A, T = A> {
   transform?: (v: A) => T;
   validate?: (v: unknown) => A;
@@ -117,7 +116,9 @@ export type ModelResult<T, E = unknown> =
   };
 
 export type OutputValues<Outputs extends BlockOutputsBase> = {
-  [P in keyof Outputs]?: UnwrapValueOrError<Outputs[P]>;
+  [P in keyof Outputs]: Outputs[P] extends { __unwrap: true }
+    ? UnwrapValueOrError<Outputs[P]> | undefined
+    : OmitOverUnion<Outputs[P], '__unwrap'>;
 };
 
 export type OutputErrors<Outputs extends BlockOutputsBase> = {
@@ -139,4 +140,4 @@ export type OptionalResult<T> =
 
 // Static tests
 
-type _cases = [Expect<Equal<number, UnwrapValueOrError<ValueOrErrors<number>>>>];
+type _cases = [Expect<Equal<number, UnwrapValueOrError<OutputWithStatus<number>>>>];

package/src/utils.ts

@@ -1,4 +1,4 @@
-import { type ErrorLike, type ValueOrErrors } from '@platforma-sdk/model';
+import type { ErrorLike, OutputWithStatus } from '@platforma-sdk/model';
 import type { OptionalResult } from './types';
 import type { ZodError } from 'zod';
 
@@ -30,23 +30,26 @@ export class MultiError extends Error {
   }
 }
 
-export function wrapValueOrErrors<V>(value: V): ValueOrErrors<V> {
-  return {
-    ok: true,
-    value,
-  };
-}
-
-export function unwrapValueOrErrors<V>(valueOrErrors?: ValueOrErrors<V>): V {
-  if (!valueOrErrors) {
+export function unwrapOutput<V>(output?: OutputWithStatus<V>): V {
+  if (!output) {
     throw new UnresolvedError();
   }
 
-  if (!valueOrErrors.ok) {
-    throw new MultiError(valueOrErrors.errors);
+  if (!output.ok) {
+    throw new MultiError(output.errors);
   }
 
-  return valueOrErrors.value;
+  return output.value;
+}
+
+export function ensureOutputHasStableFlag<T>(output?: OutputWithStatus<T>) {
+  if (!output) {
+    throw new UnresolvedError();
+  }
+  if (output.ok) {
+    output.stable ??= true;
+  }
+  return output;
 }
 
 // Optional Result

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

@@ -1,27 +0,0 @@
-import { ValueOrErrors } from '@platforma-sdk/model';
-declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
-        valueOrError: ValueOrErrors<T> | undefined;
-    } & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: Readonly<{
-        default(props: {
-            value: T;
-        }): void;
-    }> & {
-        default(props: {
-            value: T;
-        }): void;
-    };
-    emit: {};
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=ValueOrErrorsComponent.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ValueOrErrorsComponent.vue.d.ts","sourceRoot":"","sources":["../../src/components/ValueOrErrorsComponent.vue"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;yBAEzC,CAAC,eACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0E1D,mBAAmB,CAAC;sBAvEZ,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS;mBAuEkD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA9DM;YAAE,KAAK,EAAE,CAAC,CAAA;SAAE,GAAG,IAAI;;uBAAnB;YAAE,KAAK,EAAE,CAAC,CAAA;SAAE,GAAG,IAAI;;UAgE7B,EAAE;;;;YAGmC,OAAO,CAAC,OAAO,WAAW,CAAC;;AApFvE,wBAoF4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/ValueOrErrorsComponent.vue.js

@@ -1,22 +0,0 @@
-import { defineComponent as d, computed as l, createElementBlock as t, openBlock as a, renderSlot as i, createCommentVNode as u, normalizeProps as c, mergeProps as p, toDisplayString as m } from "vue";
-const E = {
-  key: 1,
-  class: "alert-error"
-}, _ = { key: 2 }, f = /* @__PURE__ */ d({
-  __name: "ValueOrErrorsComponent",
-  props: {
-    valueOrError: {}
-  },
-  setup(v) {
-    const r = v, e = l(() => r.valueOrError && r.valueOrError.ok ? r.valueOrError.value : void 0), o = l(() => r.valueOrError && !r.valueOrError.ok ? r.valueOrError.errors : void 0), s = l(() => e.value === void 0 && o.value === void 0);
-    return (n, O) => (a(), t("div", null, [
-      e.value !== void 0 ? i(n.$slots, "default", c(p({ key: 0 }, { value: e.value }))) : u("", !0),
-      o.value ? (a(), t("div", E, m(o.value), 1)) : u("", !0),
-      s.value ? (a(), t("div", _, "Unresolved")) : u("", !0)
-    ]));
-  }
-});
-export {
-  f as default
-};
-//# sourceMappingURL=ValueOrErrorsComponent.vue.js.map

package/dist/components/ValueOrErrorsComponent.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueOrErrorsComponent.vue.js","sources":["../../src/components/ValueOrErrorsComponent.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { computed } from 'vue';\nimport type { ValueOrErrors } from '@platforma-sdk/model';\n\nconst props = defineProps<{\n  valueOrError: ValueOrErrors<T> | undefined;\n}>();\n\nconst value = computed(() => (props.valueOrError && props.valueOrError.ok ? props.valueOrError.value : undefined));\n\nconst error = computed(() => (props.valueOrError && !props.valueOrError.ok ? props.valueOrError.errors : undefined));\n\nconst isUnresolved = computed(() => value.value === undefined && error.value === undefined);\n\ndefineSlots<{\n  default(props: { value: T }): void;\n}>();\n</script>\n\n<template>\n  <div>\n    <slot v-if=\"value !== undefined\" name=\"default\" v-bind=\"{ value }\" />\n    <div v-if=\"error\" class=\"alert-error\">\n      {{ error }}\n    </div>\n    <div v-if=\"isUnresolved\">Unresolved</div>\n  </div>\n</template>\n"],"names":["props","__props","value","computed","error","isUnresolved","_createElementBlock","_renderSlot","_ctx","_hoisted_1","_toDisplayString","_openBlock"],"mappings":";;;;;;;;;;AAIA,UAAMA,IAAQC,GAIRC,IAAQC,EAAS,MAAOH,EAAM,gBAAgBA,EAAM,aAAa,KAAKA,EAAM,aAAa,QAAQ,MAAU,GAE3GI,IAAQD,EAAS,MAAOH,EAAM,gBAAgB,CAACA,EAAM,aAAa,KAAKA,EAAM,aAAa,SAAS,MAAU,GAE7GK,IAAeF,EAAS,MAAMD,EAAM,UAAU,UAAaE,EAAM,UAAU,MAAS;2BAQxFE,EAMM,OAAA,MAAA;AAAA,MALQJ,EAAA,UAAU,SAAtBK,EAAqEC,8CAAXN,EAAA,MAAA,CAAK,CAAA,CAAA;MACpDE,EAAA,cAAXE,EAEM,OAFNG,GAEMC,EADDN,EAAA,KAAK,GAAA,CAAA;MAECC,EAAA,SAAXM,EAAA,GAAAL,EAAyC,UAAhB,YAAU;;;;"}

package/dist/components/ValueOrErrorsComponent.vue2.js

@@ -1,5 +0,0 @@
-import f from "./ValueOrErrorsComponent.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ValueOrErrorsComponent.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ValueOrErrorsComponent.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/src/components/ValueOrErrorsComponent.vue

@@ -1,28 +0,0 @@
-<script setup lang="ts" generic="T">
-import { computed } from 'vue';
-import type { ValueOrErrors } from '@platforma-sdk/model';
-
-const props = defineProps<{
-  valueOrError: ValueOrErrors<T> | undefined;
-}>();
-
-const value = computed(() => (props.valueOrError && props.valueOrError.ok ? props.valueOrError.value : undefined));
-
-const error = computed(() => (props.valueOrError && !props.valueOrError.ok ? props.valueOrError.errors : undefined));
-
-const isUnresolved = computed(() => value.value === undefined && error.value === undefined);
-
-defineSlots<{
-  default(props: { value: T }): void;
-}>();
-</script>
-
-<template>
-  <div>
-    <slot v-if="value !== undefined" name="default" v-bind="{ value }" />
-    <div v-if="error" class="alert-error">
-      {{ error }}
-    </div>
-    <div v-if="isUnresolved">Unresolved</div>
-  </div>
-</template>