@revenexx/studio-integrations 3.8.1 → 3.8.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @revenexx/studio-integrations
 
+## 3.8.3
+
+### Patch Changes
+
+- 3d202af: A connection test's sentence reads in the language the studio is set to (PO-400) — in the live answer, on the credentials list and in the detail view, and still after a language switch made later. A credential type sends it in both languages; a sentence recorded as one plain string is shown as it was recorded.
+- 1a04c39: A setting whose options a node loads now asks for them in the studio's interface language, so a node that can label its options in the author's language does — Odoo Search Records names its fields in German in a German studio. Changing the language loads the options again in the new one.
+
+## 3.8.2
+
+### Patch Changes
+
+- b641ccf: A setting that holds a group of values, and whose node lets it take a value mapped from an earlier step, now has the same switch beside it as a number or a choice. The switch turns it into the box with the `{ }` list, and where the setting says what it wants and exactly one earlier output fits, that output is offered in a click. Send Email's Attachments can so be filled with the file a step before built, without typing the expression into JSON. A value already mapped into such a setting opens as the mapping; switching back empties it into its rows. A list of several mapped values stays JSON.
+
 ## 3.8.1
 
 ### Patch Changes

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@revenexx/studio-integrations",
   "configKey": "studioIntegrations",
-  "version": "3.8.1",
+  "version": "3.8.3",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/components/Integrations/NodeConfigField.vue

@@ -199,16 +199,28 @@ function acceptsSftp(field) {
 }
 const EXPR_TOKEN = "${{";
 const TYPED_KINDS = ["number", "boolean", "select", "multiselect"];
+const MAPPABLE_KINDS = [...TYPED_KINDS, "object"];
 const valueIsExpression = computed(() => typeof value.value === "string" && value.value.includes(EXPR_TOKEN));
 const canToggleExpression = computed(
-  () => (!!props.field.dynamic || TYPED_KINDS.includes(props.field.type)) && (!!props.field.expressionAllowed || valueIsExpression.value)
+  () => (!!props.field.dynamic || MAPPABLE_KINDS.includes(props.field.type)) && (!!props.field.expressionAllowed || valueIsExpression.value) && !holdsLiteralGroup.value
 );
+const holdsLiteralGroup = computed(() => {
+  if (props.field.type !== "object") return false;
+  const v = value.value;
+  if (Array.isArray(v)) return v.length > 0;
+  return !!v && typeof v === "object" && Object.keys(v).length > 0;
+});
 const exprMode = ref(false);
+watch(canToggleExpression, (can) => {
+  if (!can) exprMode.value = false;
+});
 const showExpression = computed(() => canToggleExpression.value && (exprMode.value || valueIsExpression.value));
 function toggleExpression() {
   if (showExpression.value) {
-    if (valueIsExpression.value) write(void 0);
+    const cleared = valueIsExpression.value || props.field.type === "object" && typeof value.value === "string";
+    if (cleared) write(void 0);
     exprMode.value = false;
+    if (isObjectField.value && (cleared || flatCapable.value)) objectMode.value = "form";
   } else {
     exprMode.value = true;
   }
@@ -269,7 +281,7 @@ const isQueryField = computed(
   () => props.field.type === "array" && props.field.items?.type !== "object" && /(^|__)queries$/.test(props.field.key)
 );
 const isJsonField = computed(
-  () => isObjectField.value && objectMode.value === "json" || props.field.type === "array" && props.field.items?.type !== "object" && !isQueryField.value
+  () => isObjectField.value && objectMode.value === "json" && !showExpression.value || props.field.type === "array" && props.field.items?.type !== "object" && !isQueryField.value
 );
 const jsonError = ref(null);
 const jsonDraft = ref("");
@@ -402,7 +414,9 @@ function setArrayItemField(index, fieldKey, v) {
     </div>
     <!-- object / plain-array fields: JSON editor (expressions stay usable
          inside string values). Wins over expressionAllowed — an object value
-         in a text input would render as [object Object]. -->
+         in a text input would render as [object Object] — except for an object
+         switched to, or saved as, a mapped value, which is the expression box
+         below (PO-608). -->
     <!-- queries parameter: filter builder -->
     <!-- vpn-route — public internet, or a route of one of the tenant's VPN
          connections, of the kind the node asks for (specs/credential-network.md
@@ -437,7 +451,7 @@ function setArrayItemField(index, fieldKey, v) {
     </template>
 
     <!-- object field in key/value mode -->
-    <div v-else-if="isObjectField && objectMode === 'form'" class="space-y-1.5">
+    <div v-else-if="isObjectField && objectMode === 'form' && !showExpression" class="space-y-1.5">
       <div v-for="(row, idx) in kvRows" :key="idx" class="flex items-center gap-1.5">
         <!-- A repeating row has no room for visible labels, so each control
              names itself and says which row of which field it belongs to. -->

package/dist/runtime/components/Integrations/NodeDynamicOutputsResolver.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, watch } from "vue";
-import { useNodeConfigResolve } from "../../composables/useNodeConfigResolve";
+import { resolveLocale, useNodeConfigResolve } from "../../composables/useNodeConfigResolve";
+import { useIntegrationsLocale } from "../../composables/useIntegrationsLocale";
 const props = defineProps({
   nodeId: { type: String, required: true },
   slug: { type: String, required: true },
@@ -20,7 +21,8 @@ function readCache() {
 }
 const cache = useState("integrations.resolvedOutputs", () => null);
 if (cache.value === null) cache.value = readCache();
-const cacheKey = computed(() => `${props.slug}@${props.version}:${JSON.stringify(props.config)}`);
+const { locale } = useIntegrationsLocale();
+const cacheKey = computed(() => `${props.slug}@${props.version}:${resolveLocale(locale.value)}:${JSON.stringify(props.config)}`);
 function storeCache(key, outputs) {
   const next = { ...cache.value ?? {} };
   if (!(key in next) && Object.keys(next).length >= CACHE_MAX_ENTRIES) {

package/dist/runtime/composables/useIntegrationsCredentials.d.ts

@@ -1,4 +1,4 @@
-import type { Credential, CredentialNetwork } from '../types/integrations.js';
+import type { Credential, CredentialNetwork, LocalizedString } from '../types/integrations.js';
 import { IntegrationsApiError } from '../utils/apiError.js';
 /**
  * Typed, per-tenant credential instances, backed by the Integrations service
@@ -32,7 +32,8 @@ import { IntegrationsApiError } from '../utils/apiError.js';
  */
 export interface CredentialTestResult {
     ok: boolean;
-    message?: string;
+    /** The type's own words: one sentence per language, or a plain string (PO-400). */
+    message?: LocalizedString | null;
     error?: string;
     /**
      * Whether the platform kept this answer as the credential's state. `false` for a

package/dist/runtime/composables/useNodeConfigResolve.d.ts

@@ -15,6 +15,11 @@
  * (IN-80).
  * `dependsOn` omitted (outputs): no gate, and the whole `config` keys the query
  * and is sent — so any config edit re-resolves.
+ *
+ * `locale` is the studio's interface language (`useIntegrationsLocale`). It is
+ * sent with every question, so a node can label what it answers in the editor's
+ * language, and it keys the query, so a change of language asks again rather
+ * than keeping the answer given in the old one (PO-792).
  */
 import type { MaybeRefOrGetter, Ref } from 'vue';
 import type { NodeConfigResolveError, NodeConfigResolveResult } from '../types/integrations.js';
@@ -36,6 +41,13 @@ export declare function optionalDependencies(dependsOn: string[] | undefined, si
     key: string;
     required?: boolean;
 }> | undefined): string[];
+/**
+ * The interface language as the question carries it: the tag the host set, so a
+ * node can tell `de-AT` from `de-DE`, unless it is longer than the 16 characters
+ * the API accepts — then its language alone, rather than a question refused with
+ * a 422 for a setting the author cannot see.
+ */
+export declare function resolveLocale(locale: string): string;
 export declare function useNodeConfigResolve(opts: {
     slug: MaybeRefOrGetter<string>;
     version: MaybeRefOrGetter<string>;

package/dist/runtime/composables/useNodeConfigResolve.js

@@ -1,8 +1,10 @@
 import { computed, onScopeDispose, ref, toValue, watch } from "vue";
 import { isVersionExecutable } from "../data/integrationNodeCatalog.js";
 import { useIntegrationsApi } from "./integrationsApi.js";
+import { useIntegrationsLocale } from "./useIntegrationsLocale.js";
 import { forgetAnswer, keepAnswer, keptAnswer } from "../data/resolveAnswerStore.js";
 import { IntegrationsApiError, errorReason } from "../utils/apiError.js";
+import { baseLanguage } from "../utils/localize.js";
 export function isResolvableValue(v) {
   if (v === void 0 || v === null) return false;
   if (typeof v === "string") {
@@ -48,10 +50,15 @@ export function optionalDependencies(dependsOn, siblings) {
     return sibling !== void 0 && sibling.required !== true;
   });
 }
+export function resolveLocale(locale) {
+  const tag = locale.trim();
+  return tag !== "" && tag.length <= 16 ? tag : baseLanguage(tag);
+}
 const DEBOUNCE_MS = 300;
 const STALE_MS = 3e4;
 export function useNodeConfigResolve(opts) {
   const api = useIntegrationsApi();
+  const { locale } = useIntegrationsLocale();
   const data = ref(null);
   const error = ref(null);
   const isFetching = ref(false);
@@ -74,7 +81,7 @@ export function useNodeConfigResolve(opts) {
     for (const k of keyKeys) subset[k] = cfg[k];
     const rawSearch = toValue(opts.search);
     const search = typeof rawSearch === "string" ? rawSearch.trim().slice(0, 200) : "";
-    return JSON.stringify({ config: subset, search: search || void 0 });
+    return JSON.stringify({ config: subset, search: search || void 0, locale: resolveLocale(locale.value) });
   });
   const debouncedKey = ref(subsetKey.value);
   let debounceTimer = null;
@@ -101,12 +108,12 @@ export function useNodeConfigResolve(opts) {
     const slug = toValue(opts.slug);
     const version = toValue(opts.version);
     const target = toValue(opts.target);
-    const { config, search } = JSON.parse(key);
+    const { config, search, locale: language } = JSON.parse(key);
     isFetching.value = true;
     try {
       const result = await api.post(
         `/nodes/${encodeURIComponent(slug)}/${encodeURIComponent(version)}/config:resolve`,
-        { target, config, ...search ? { search } : {} },
+        { target, config, locale: language, ...search ? { search } : {} },
         { signal }
       );
       data.value = result;

package/dist/runtime/types/integrations.d.ts

@@ -561,7 +561,12 @@ export interface Credential {
     /** Outcome of the last connection test (persisted by the API). Null when never tested. */
     last_test_at?: string | null;
     last_test_ok?: boolean | null;
-    last_test_message?: string | null;
+    /**
+     * What the last test said: one sentence per language (`{ de, en }`), or a plain
+     * string from a type that wrote one and from any test recorded before PO-400.
+     * Resolve it with `resolveLocalized`, at render, so a language switch moves it.
+     */
+    last_test_message?: LocalizedString | null;
     /** The VPN route this credential is reached through; `null` or absent = public internet. */
     network?: CredentialNetwork | null;
     created_at: string;

package/dist/runtime/utils/credentialState.d.ts

@@ -21,6 +21,9 @@ export interface CredentialStateInfo {
      * reached something can name it — which host, which environment, which plan —
      * and that is exactly what an operator cannot see anywhere else once a node
      * stops asking them to configure it.
+     *
+     * Already in the studio's language: the record keeps every language the type
+     * wrote, and this picks one each time it is called (PO-400).
      */
     message?: string | null;
     /** When the underlying result was recorded (ISO). */

package/dist/runtime/utils/credentialState.js

@@ -1,4 +1,5 @@
 import { useIntegrationsT } from "../composables/useIntegrationsT.js";
+import { resolveLocalized } from "./localize.js";
 export function providerStepWord(state) {
   if (state === "connected") return null;
   return state === "untested" ? "connect" : "reconnect";
@@ -23,14 +24,15 @@ const TONE = {
 };
 export function credentialState(c) {
   const t = useIntegrationsT();
+  const message = resolveLocalized(c.last_test_message) || null;
   if (c.status === "needs_reauth") {
     return { key: "needs_reauth", label: t(MESSAGE_KEY.needs_reauth), toneClass: TONE.needs_reauth, at: c.last_test_at };
   }
   if (c.last_test_ok === true) {
-    return { key: "connected", label: t(MESSAGE_KEY.connected), toneClass: TONE.connected, message: c.last_test_message, at: c.last_test_at };
+    return { key: "connected", label: t(MESSAGE_KEY.connected), toneClass: TONE.connected, message, at: c.last_test_at };
   }
   if (c.last_test_ok === false) {
-    return { key: "failed", label: t(MESSAGE_KEY.failed), toneClass: TONE.failed, message: c.last_test_message, at: c.last_test_at };
+    return { key: "failed", label: t(MESSAGE_KEY.failed), toneClass: TONE.failed, message, at: c.last_test_at };
   }
   return { key: "untested", label: t(MESSAGE_KEY.untested), toneClass: TONE.untested };
 }

package/dist/runtime/utils/credentialTest.js

@@ -1,14 +1,16 @@
+import { resolveLocalized } from "./localize.js";
 export function testOutcomeView(result, t) {
+  const message = resolveLocalized(result.message) || void 0;
   if (result.ok) {
-    return { kind: "ok", toneClass: "bg-emerald-500/10 text-emerald-700", text: result.message ?? t("integration.credentials.shared.test.ok") };
+    return { kind: "ok", toneClass: "bg-emerald-500/10 text-emerald-700", text: message ?? t("integration.credentials.shared.test.ok") };
   }
   if (result.untested) {
-    const reason = result.error ?? result.message;
+    const reason = result.error ?? message;
     return {
       kind: "untested",
       toneClass: "bg-slate-500/10 text-slate-700",
       text: reason ? t("integration.credentials.shared.test.notTestedBecause", { reason }) : t("integration.credentials.shared.test.notTested")
     };
   }
-  return { kind: "failed", toneClass: "bg-rose-500/10 text-rose-700", text: result.error ?? result.message ?? t("integration.credentials.shared.test.failed") };
+  return { kind: "failed", toneClass: "bg-rose-500/10 text-rose-700", text: result.error ?? message ?? t("integration.credentials.shared.test.failed") };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/studio-integrations",
-  "version": "3.8.1",
+  "version": "3.8.3",
   "type": "module",
   "description": "Integration Studio (core: workflows, node editor, runs, schedules, credentials, secrets, audit) as a standalone, publishable Nuxt module.",
   "repository": {