@revenexx/studio-integrations 2.5.0 → 2.6.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @revenexx/studio-integrations
 
+## 2.6.0
+
+### Minor Changes
+
+- e589a22: A workflow's own Runs tab can be ordered again by the Started and Duration columns, across the workflow's whole history rather than the page in hand, and a new order starts at the first page. The list is no longer re-sorted by start in the browser after it arrives (PO-385).
+- 6ced93a: The `{ }` mapping list says what each earlier output is (list, number, …). A setting that declares `accepts` gets the outputs of that kind first and marked, and an empty one is offered the single fitting output in one click. A required setting the last save refused is named by its label ("Elemente fehlt noch.") instead of the platform's raw sentence (PO-594).
+
+### Patch Changes
+
+- 962f50d: Saving a workflow says "Saved" in the header once the platform has taken it. The chip beside Save that reports the build waits three seconds before it appears, so a build that finishes in normal time is no longer announced step by step and then dropped without a word (PO-597).
+- 14dfdf1: A run the platform refuses is headed "Run not started" instead of "Run started — Started in the background" above the reason it did not start, and that reason is what the dialog announces as its description. A refusal is a 4xx answer with no run in it; an answer that carries a run keeps its heading and its way into the run. A run that does not wait and ends in a server error or no answer at all is headed "Start not confirmed", since a run may or may not exist. While the platform has not answered, the dialog is headed "Starting run" or "Run in progress" rather than as if it had. A run that started and then failed or timed out keeps its heading. The dialog's subtitle is set in the ordinary typeface rather than monospace (PO-613).
+- 5c7c2bd: The trigger choice in "New workflow" addresses the author as "Sie", like the rest of the studio: "Starten Sie den Workflow selbst …" and "… nach Ihrem Zeitplan …". The German-copy test now also reads the `de:` texts written straight into the source, where these two had slipped past it (PO-616).
+
+## 2.5.1
+
+### Patch Changes
+
+- 2ce4664: "Use revenexx Mail Servers" copies the login the mail server accepts — the sender's name and key — instead of an empty one, and a sender without a secret copies nothing, clears what an earlier pick copied, and says so. A sender created from the panel is copied the same way, and one created without a secret is no longer also reported as created (PO-602, PO-603).
+
 ## 2.5.0
 
 ### Minor Changes

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@revenexx/studio-integrations",
   "configKey": "studioIntegrations",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/Integrations/ExpressionInput.d.vue.ts

@@ -4,6 +4,12 @@ type UpstreamOutput = {
     nodeName?: string;
     output: string;
     fields?: string[];
+    /** The port's declared data type, and each field's — what an entry IS (PO-594). */
+    dataType?: string | null;
+    fieldTypes?: Record<string, string | null>;
+    /** What the port and each field are called, resolved; the key stands in where absent. */
+    portLabel?: string | null;
+    fieldLabels?: Record<string, string | null>;
 };
 type __VLS_Props = {
     modelValue: unknown;
@@ -12,6 +18,12 @@ type __VLS_Props = {
     upstreamOutputs?: UpstreamOutput[];
     /** Draw the editor as at fault — the field above owns the reason. */
     invalid?: boolean;
+    /**
+     * What a mapped value has to be, as the setting declares it (`array` for a list).
+     * The outputs of that kind are listed first and marked, and an empty setting with
+     * exactly one of them below it offers that one in a click (PO-594).
+     */
+    accepts?: string;
     /** The setting's label, so the editable region has an accessible name. */
     label?: string;
     /** The setting takes several lines: Enter opens one instead of being

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

@@ -16,6 +16,7 @@ const props = defineProps({
   variables: { type: Object, required: false },
   upstreamOutputs: { type: Array, required: false },
   invalid: { type: Boolean, required: false },
+  accepts: { type: String, required: false },
   label: { type: String, required: false },
   multiline: { type: Boolean, required: false }
 });
@@ -221,6 +222,7 @@ const preview = computed(() => {
   if (!sampleContext) return null;
   return resolveExpressionText(text.value, sampleContext.value);
 });
+const wantedKind = computed(() => props.accepts && props.accepts !== "any" ? props.accepts : null);
 const sections = computed(() => {
   const out = [];
   const vars = props.variables ?? {};
@@ -230,27 +232,41 @@ const sections = computed(() => {
   }));
   if (varItems.length) out.push({ heading: t("integration.nodeConfig.expression.suggestion.heading.variables"), items: varItems });
   const upstream = props.upstreamOutputs ?? [];
+  const fits = (kind) => !!wantedKind.value && kind === wantedKind.value;
   const nodeItems = upstream.flatMap((u) => {
     const base = "nodes." + u.nodeId + ".outputs." + u.output;
     const rows = [{
-      label: (u.nodeName || u.nodeId) + " \u2192 " + u.output,
-      expr: tok(base)
+      label: (u.nodeName || u.nodeId) + " \u2192 " + (u.portLabel || u.output),
+      expr: tok(base),
+      kind: u.dataType ?? null,
+      fits: fits(u.dataType)
     }];
     for (const f of u.fields ?? []) {
-      rows.push({ label: (u.nodeName || u.nodeId) + " \u2192 " + u.output + "." + f, expr: tok(base + "." + f) });
+      const kind = u.fieldTypes?.[f] ?? null;
+      rows.push({ label: (u.nodeName || u.nodeId) + " \u2192 " + (u.portLabel || u.output) + " \u2192 " + (u.fieldLabels?.[f] || f), expr: tok(base + "." + f), kind, fits: fits(kind) });
     }
     return rows;
   });
+  if (wantedKind.value) nodeItems.sort((a, b) => Number(!!b.fits) - Number(!!a.fits));
   if (nodeItems.length) out.push({ heading: t("integration.nodeConfig.expression.suggestion.heading.nodeOutputs"), items: nodeItems });
   const primary = upstream[0];
   const inItems = [{ label: t("integration.nodeConfig.expression.suggestion.inputPayload"), expr: tok("in") }];
   for (const f of primary?.fields ?? []) {
-    inItems.push({ label: "input." + f, expr: tok("in." + f) });
+    inItems.push({ label: "input." + f, expr: tok("in." + f), kind: primary?.fieldTypes?.[f] ?? null });
   }
   out.push({ heading: t("integration.nodeConfig.expression.suggestion.heading.input"), items: inItems });
   return out;
 });
 const hasSuggestions = computed(() => sections.value.some((s) => s.items.length > 0));
+function kindLabel(kind) {
+  return kind && ["array", "object", "string", "number", "boolean"].includes(kind) ? t("integration.nodeConfig.expression.kind." + kind) : null;
+}
+const singleFit = computed(() => {
+  if (!wantedKind.value) return null;
+  const nodes = sections.value.find((s) => s.heading === t("integration.nodeConfig.expression.suggestion.heading.nodeOutputs"));
+  const fitting = (nodes?.items ?? []).filter((i) => i.fits);
+  return fitting.length === 1 ? fitting[0] : null;
+});
 const query = ref("");
 const filteredSections = computed(() => {
   const q = query.value.trim().toLowerCase();
@@ -269,6 +285,9 @@ function toggle() {
 function onTriggerClick(e) {
   if (e.detail === 0) toggle();
 }
+function onFitClick(e) {
+  if (e.detail === 0 && singleFit.value) insertToken(singleFit.value.expr);
+}
 function onFocusOut(e) {
   if (wrapRef.value && e.relatedTarget instanceof globalThis.Node && wrapRef.value.contains(e.relatedTarget)) return;
   open.value = false;
@@ -343,6 +362,17 @@ function insert(expr) {
       </button>
     </div>
 
+    <button
+      v-if="singleFit && !text"
+      type="button"
+      class="mt-1 inline-flex max-w-full items-center gap-1 rounded-md border border-emerald-600/30 bg-emerald-50 px-2 py-1 text-left text-xs text-emerald-800 transition hover:bg-emerald-100"
+      @mousedown.prevent="insertToken(singleFit.expr)"
+      @click="onFitClick"
+    >
+      <span class="shrink-0 font-medium">{{ t("integration.nodeConfig.expression.useFit") }}</span>
+      <span class="min-w-0 break-words">{{ singleFit.label }}</span>
+    </button>
+
     <p
       v-if="preview"
       class="mt-1 flex min-w-0 items-baseline gap-1 text-[11px]"
@@ -388,10 +418,17 @@ function insert(expr) {
             :key="item.expr"
             type="button"
             class="block w-full px-2 py-1 text-left transition hover:bg-muted/50"
+            :class="wantedKind && !item.fits && section.heading === t('integration.nodeConfig.expression.suggestion.heading.nodeOutputs') ? 'opacity-60' : ''"
             @mousedown.prevent="insert(item.expr)"
           >
-            <div class="break-words text-muted-foreground">
-              {{ item.label }}
+            <div class="flex flex-wrap items-baseline gap-x-1.5 text-muted-foreground">
+              <span class="min-w-0 break-words">{{ item.label }}</span>
+              <span
+                v-if="kindLabel(item.kind)"
+                class="rounded px-1 text-[10px] font-medium uppercase tracking-wide"
+                :class="item.fits ? 'bg-emerald-100 text-emerald-800' : 'bg-muted text-muted-foreground'"
+              >{{ kindLabel(item.kind) }}</span>
+              <span v-if="item.fits" class="text-[10px] font-medium text-emerald-700">{{ t("integration.nodeConfig.expression.fits") }}</span>
             </div>
             <div class="break-all font-mono text-emerald-700">
               {{ item.expr }}

package/dist/runtime/components/Integrations/ExpressionInput.vue.d.ts

@@ -4,6 +4,12 @@ type UpstreamOutput = {
     nodeName?: string;
     output: string;
     fields?: string[];
+    /** The port's declared data type, and each field's — what an entry IS (PO-594). */
+    dataType?: string | null;
+    fieldTypes?: Record<string, string | null>;
+    /** What the port and each field are called, resolved; the key stands in where absent. */
+    portLabel?: string | null;
+    fieldLabels?: Record<string, string | null>;
 };
 type __VLS_Props = {
     modelValue: unknown;
@@ -12,6 +18,12 @@ type __VLS_Props = {
     upstreamOutputs?: UpstreamOutput[];
     /** Draw the editor as at fault — the field above owns the reason. */
     invalid?: boolean;
+    /**
+     * What a mapped value has to be, as the setting declares it (`array` for a list).
+     * The outputs of that kind are listed first and marked, and an empty setting with
+     * exactly one of them below it offers that one in a click (PO-594).
+     */
+    accepts?: string;
     /** The setting's label, so the editable region has an accessible name. */
     label?: string;
     /** The setting takes several lines: Enter opens one instead of being

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

@@ -18,6 +18,10 @@ type __VLS_Props = {
         nodeName?: string;
         output: string;
         fields?: string[];
+        dataType?: string | null;
+        fieldTypes?: Record<string, string | null>;
+        portLabel?: string | null;
+        fieldLabels?: Record<string, string | null>;
     }>;
     /** Why the last save refused this setting, if it did. */
     refused?: string;

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

@@ -85,7 +85,12 @@ const formatError = computed(() => {
   }
   return null;
 });
-const fieldError = computed(() => formatError.value ?? props.refused ?? null);
+const fieldError = computed(() => formatError.value ?? refusedSentence.value ?? null);
+const refusedSentence = computed(() => {
+  const r = props.refused;
+  if (!r) return null;
+  return /^Required config field '[^']+' is missing\.$/.test(r) ? t("integration.nodeConfig.required.missing", { label: resolveLocalized(props.field.label) || props.field.key }) : r;
+});
 const invalid = computed(() => !!fieldError.value);
 const constraintHint = computed(() => {
   const val = props.field.validation;
@@ -452,6 +457,7 @@ function setArrayItemField(index, fieldKey, v) {
       :placeholder="resolveLocalized(field.placeholder)"
       :variables="variables"
       :upstream-outputs="upstreamOutputs"
+      :accepts="field.accepts"
       :invalid="invalid"
       :label="controlName"
       :multiline="isMultiline"
@@ -489,6 +495,7 @@ function setArrayItemField(index, fieldKey, v) {
       :placeholder="resolveLocalized(field.placeholder)"
       :variables="variables"
       :upstream-outputs="upstreamOutputs"
+      :accepts="field.accepts"
       :invalid="invalid"
       :label="controlName"
       :multiline="isMultiline"

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

@@ -18,6 +18,10 @@ type __VLS_Props = {
         nodeName?: string;
         output: string;
         fields?: string[];
+        dataType?: string | null;
+        fieldTypes?: Record<string, string | null>;
+        portLabel?: string | null;
+        fieldLabels?: Record<string, string | null>;
     }>;
     /** Why the last save refused this setting, if it did. */
     refused?: string;

package/dist/runtime/components/Integrations/NodeInspector.d.vue.ts

@@ -11,6 +11,10 @@ type __VLS_Props = {
         nodeName?: string;
         output: string;
         fields?: string[];
+        dataType?: string | null;
+        fieldTypes?: Record<string, string | null>;
+        portLabel?: string | null;
+        fieldLabels?: Record<string, string | null>;
     }>;
     /** Rename intent (context menu / F2): focus + select the name field on open. */
     autofocusName?: boolean;

package/dist/runtime/components/Integrations/NodeInspector.vue.d.ts

@@ -11,6 +11,10 @@ type __VLS_Props = {
         nodeName?: string;
         output: string;
         fields?: string[];
+        dataType?: string | null;
+        fieldTypes?: Record<string, string | null>;
+        portLabel?: string | null;
+        fieldLabels?: Record<string, string | null>;
     }>;
     /** Rename intent (context menu / F2): focus + select the name field on open. */
     autofocusName?: boolean;

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

@@ -6,6 +6,8 @@ import * as Lucide from "lucide-vue-next";
 import { INTEGRATION_NODE_CATALOG, isOffered, NODE_CATEGORIES, TRIGGER_TEMPLATES } from "../../data/integrationNodeCatalog";
 import { resolveLocalized, studioLocale } from "../../utils/localize";
 import { orderFolderLeaves, orderFolders } from "../../utils/paletteOrder";
+import { declaredFolderIcon } from "../../utils/folderMark";
+import { nodeIcon } from "../../data/nodeIcons";
 const { load: loadNodes } = useIntegrationsNodes();
 onMounted(() => {
   void loadNodes();
@@ -179,6 +181,9 @@ const currentGroup = computed(() => {
   }
   return cursor ?? null;
 });
+const appRowIcons = computed(() => new Map(
+  appRows.value.map(([label, g]) => [label, declaredFolderIcon(subtreeManifests(g))])
+));
 const levelTitle = computed(() => {
   if (triggersLevel.value) return t("integration.canvas.palette.group.triggers");
   return currentGroup.value?.label ?? t("integration.canvas.palette.title.addNode");
@@ -469,7 +474,8 @@ const searching = computed(() => search.value.trim().length > 0);
                 @click="pushPath(['__apps', label])"
               >
                 <span class="flex size-6 shrink-0 items-center justify-center rounded-md bg-white ring-1 ring-black/[0.06]">
-                  <IntegrationsNodeMark v-if="groupLogoManifest(group)" :manifest="groupLogoManifest(group)" :size="14" logo-only />
+                  <component :is="nodeIcon(appRowIcons.get(label))" v-if="appRowIcons.get(label)" :size="13" class="text-violet-600" />
+                  <IntegrationsNodeMark v-else-if="groupLogoManifest(group)" :manifest="groupLogoManifest(group)" :size="14" logo-only />
                   <Lucide.Package v-else :size="13" class="text-violet-600" />
                 </span>
                 <span class="min-w-0 flex-1 truncate text-sm font-medium">{{ label }}</span>

package/dist/runtime/components/Integrations/RunResponseModal.d.vue.ts

@@ -38,6 +38,12 @@ type __VLS_Props = {
     error?: string | null;
     /** The run behind this result (sync failure / async start) for deep-linking. */
     runId?: string | null;
+    /**
+     * The platform answered the press with a refusal, so no run exists — as opposed
+     * to a run that started and then failed or outran the wait. Decided by the page,
+     * which has the status code; `error` alone cannot tell the two apart.
+     */
+    refused?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (args_0: boolean) => any;

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

@@ -21,7 +21,8 @@ const props = defineProps({
   result: { type: null, required: false },
   following: { type: Boolean, required: false },
   error: { type: [String, null], required: false },
-  runId: { type: [String, null], required: false }
+  runId: { type: [String, null], required: false },
+  refused: { type: Boolean, required: false }
 });
 const emit = defineEmits(["update:open", "view-run"]);
 const t = useIntegrationsT();
@@ -40,6 +41,17 @@ const ended = computed(() => {
   return isTerminalRun(props.run);
 });
 const returnedNothing = computed(() => props.result == null || typeof props.result === "object" && !Array.isArray(props.result) && !Object.keys(props.result).length);
+const refused = computed(() => !props.loading && !!props.refused);
+const unconfirmed = computed(() => !props.loading && !refused.value && props.mode === "async" && !!props.error && !runNumber.value);
+const title = computed(() => {
+  if (props.loading) {
+    return props.mode === "async" ? t("integration.runs.response.title.starting") : t("integration.runs.response.title.running");
+  }
+  if (refused.value) return t("integration.runs.response.title.refused");
+  if (unconfirmed.value) return t("integration.runs.response.title.unconfirmed");
+  return props.mode === "async" ? t("integration.runs.response.title.async") : t("integration.runs.response.title.sync");
+});
+const withoutRun = computed(() => refused.value || unconfirmed.value);
 function pretty(value) {
   return typeof value === "string" ? value : JSON.stringify(value, null, 2);
 }
@@ -55,8 +67,12 @@ function pretty(value) {
          of the screen at once and took the buttons below it out of reach (PO-402). -->
     <DialogContent class="max-w-[94vw] overflow-hidden sm:max-w-4xl">
       <DialogHeader>
-        <DialogTitle>{{ mode === "async" ? t("integration.runs.response.title.async") : t("integration.runs.response.title.sync") }}</DialogTitle>
-        <DialogDescription class="font-mono text-sm">
+        <DialogTitle>{{ title }}</DialogTitle>
+        <!-- No subtitle where no run is known to exist: "started in the background"
+             is exactly what may not have happened. The reason in the body is then
+             the dialog's description instead, so it is announced with the heading
+             without standing in the page twice. -->
+        <DialogDescription v-if="!withoutRun" class="text-sm">
           {{ mode === "async" ? t("integration.runs.response.description.async") : t("integration.runs.response.description.sync") }}
         </DialogDescription>
       </DialogHeader>
@@ -71,7 +87,14 @@ function pretty(value) {
         </div>
 
         <template v-else-if="error">
-          <div class="rounded-md border border-rose-500/20 bg-rose-500/5 px-3 py-2 text-rose-700">
+          <DialogDescription
+            v-if="withoutRun"
+            as="div"
+            class="rounded-md border border-rose-500/20 bg-rose-500/5 px-3 py-2 text-rose-700"
+          >
+            {{ error }}
+          </DialogDescription>
+          <div v-else class="rounded-md border border-rose-500/20 bg-rose-500/5 px-3 py-2 text-rose-700">
             {{ error }}
           </div>
           <div v-if="runId" class="mt-3 flex justify-end">

package/dist/runtime/components/Integrations/RunResponseModal.vue.d.ts

@@ -38,6 +38,12 @@ type __VLS_Props = {
     error?: string | null;
     /** The run behind this result (sync failure / async start) for deep-linking. */
     runId?: string | null;
+    /**
+     * The platform answered the press with a refusal, so no run exists — as opposed
+     * to a run that started and then failed or outran the wait. Decided by the page,
+     * which has the status code; `error` alone cannot tell the two apart.
+     */
+    refused?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (args_0: boolean) => any;

package/dist/runtime/components/Integrations/RunsTable.d.vue.ts

@@ -30,7 +30,13 @@ type __VLS_Props = {
     /** The narrowing in force. Owned by the page, drawn here. */
     status?: RunStatus[];
     triggerType?: TriggerType | '';
-    /** The order the platform is reading the list in. Server mode only. */
+    /**
+     * The owning list asks the platform for its order even though the table is not
+     * in server mode — the workflow's own Runs tab, which pages and orders on the
+     * server but keeps its own pager and search (PO-385). Server mode implies it.
+     */
+    orderable?: boolean;
+    /** The order the platform is reading the list in. Server mode or orderable only. */
     sort?: RunSort;
     direction?: RunSortDirection;
 };
@@ -74,5 +80,6 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     pagination: boolean;
     showWorkflow: boolean;
     serverMode: boolean;
+    orderable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -25,6 +25,7 @@ const props = defineProps({
   perPage: { type: Number, required: false, default: 25 },
   status: { type: Array, required: false },
   triggerType: { type: String, required: false, default: "" },
+  orderable: { type: Boolean, required: false, default: false },
   sort: { type: null, required: false, default: DEFAULT_RUN_SORT },
   direction: { type: String, required: false, default: DEFAULT_RUN_DIRECTION }
 });
@@ -91,22 +92,24 @@ const SERVER_SORTS = {
   started: "started_at",
   duration: "duration"
 };
+const ordersOnServer = computed(() => props.serverMode || props.orderable);
 function sortableColumn(key) {
-  return props.serverMode && key in SERVER_SORTS;
+  return ordersOnServer.value && key in SERVER_SORTS;
 }
 const sortedColumn = computed(() => {
   const entry = Object.entries(SERVER_SORTS).find(([, value]) => value === props.sort);
   return entry ? entry[0] : null;
 });
-const serverModels = computed(() => props.serverMode ? {
-  sort: tableSort.value,
-  "onUpdate:sort": onTableSort,
-  // 1-based here, as the platform pages; the shared table counts from zero.
-  page: page.value - 1,
-  "onUpdate:page": (p) => {
-    page.value = p + 1;
-  }
-} : {});
+const serverModels = computed(() => ({
+  ...ordersOnServer.value ? { sort: tableSort.value, "onUpdate:sort": onTableSort } : {},
+  ...props.serverMode ? {
+    // 1-based here, as the platform pages; the shared table counts from zero.
+    page: page.value - 1,
+    "onUpdate:page": (p) => {
+      page.value = p + 1;
+    }
+  } : {}
+}));
 const columns = computed(() => [
   // Sorted and searched by the word on screen, not by the raw field: a column
   // with no `searchGetter` is searched through its `sortGetter`, so a German
@@ -125,7 +128,7 @@ const columns = computed(() => [
   // what a search has to match.
   { key: "trigger", label: t("integration.runs.table.column.trigger"), width: "120px", sortable: sortableColumn("trigger"), sortGetter: (r) => triggerTypeLabel(r.triggerType) },
   { key: "started", label: t("integration.runs.table.column.started"), width: "120px", sortable: sortableColumn("started"), sortGetter: (r) => r.startedAt },
-  { key: "duration", label: t("integration.runs.table.column.duration"), width: "100px", sortable: sortableColumn("duration"), sortGetter: (r) => r.durationMs ?? -1 },
+  { key: "duration", label: t("integration.runs.table.column.duration"), width: "100px", sortable: sortableColumn("duration"), sortGetter: (r) => r.durationMs ?? null },
   { key: "actions", label: "", width: "52px" }
 ]);
 </script>

package/dist/runtime/components/Integrations/RunsTable.vue.d.ts

@@ -30,7 +30,13 @@ type __VLS_Props = {
     /** The narrowing in force. Owned by the page, drawn here. */
     status?: RunStatus[];
     triggerType?: TriggerType | '';
-    /** The order the platform is reading the list in. Server mode only. */
+    /**
+     * The owning list asks the platform for its order even though the table is not
+     * in server mode — the workflow's own Runs tab, which pages and orders on the
+     * server but keeps its own pager and search (PO-385). Server mode implies it.
+     */
+    orderable?: boolean;
+    /** The order the platform is reading the list in. Server mode or orderable only. */
     sort?: RunSort;
     direction?: RunSortDirection;
 };
@@ -74,5 +80,6 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     pagination: boolean;
     showWorkflow: boolean;
     serverMode: boolean;
+    orderable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -50,7 +50,7 @@ import WorkflowEdgeView from "./WorkflowEdgeView.vue";
 import { layoutWorkflowNodes } from "./workflowLayout";
 import { defaultsFor } from "../../utils/configDefaults";
 import { TRIGGER_TEMPLATES, findManifest } from "../../data/integrationNodeCatalog";
-import { isTerminalManifest, portsForNode } from "../../data/nodeInputData";
+import { collectUpstreamNodes, isTerminalManifest, portsForNode } from "../../data/nodeInputData";
 import { computeLoopBodies, iteratorNodeIds, nodeLoopData } from "../../data/loopBody";
 import { inputHandleId, outputHandleId, portFromHandleId } from "../../data/handleId";
 import { OPPOSITE_SIDE } from "./canvasSides";
@@ -868,17 +868,34 @@ const selectedUpstreamOutputs = computed(() => {
   if (!id) return [];
   const isNode = blob.value.nodes.some((n) => n.id === id);
   if (!isNode) return [];
-  return blob.value.edges.filter((e) => e.to.nodeId === id).flatMap((e) => {
-    const source = blob.value.nodes.find((n) => n.id === e.from.nodeId);
-    if (!source) return [];
-    const port = portsForNode(source, findManifest(source.nodeSlug, source.nodeVersion), dynamicOutputs.value[source.id]).find((p) => p.name === e.from.output);
-    return [{
+  const entries = [];
+  const seen = /* @__PURE__ */ new Set();
+  const add = (source, output) => {
+    if (!source || seen.has(source.id + "\0" + output)) return;
+    seen.add(source.id + "\0" + output);
+    entries.push({ source, output });
+  };
+  for (const e of blob.value.edges.filter((e2) => e2.to.nodeId === id)) add(blob.value.nodes.find((n) => n.id === e.from.nodeId), e.from.output);
+  for (const { node } of collectUpstreamNodes(id, blob.value.nodes, blob.value.edges)) {
+    for (const e of blob.value.edges.filter((e2) => e2.from.nodeId === node.id)) add(node, e.from.output);
+  }
+  return entries.map(({ source, output }) => {
+    const port = portsForNode(source, findManifest(source.nodeSlug, source.nodeVersion), dynamicOutputs.value[source.id]).find((p) => p.name === output);
+    return {
       nodeId: source.id,
       // Called what its card calls it, not by its slug (PO-601).
       nodeName: nodeDisplayName(source),
-      output: e.from.output,
-      fields: port?.fields.map((f) => f.name)
-    }];
+      output,
+      fields: port?.fields.map((f) => f.name),
+      // What each one is, so the `{ }` list can say "list" and point a setting
+      // that wants one at it (PO-594). The names alone made five entries alike.
+      dataType: port?.dataType ?? null,
+      fieldTypes: Object.fromEntries((port?.fields ?? []).map((f) => [f.name, f.dataType])),
+      // What the port and its fields are called, so the list reads "Rechnungen"
+      // where the key is `invoices` (PO-594). Absent where the manifest names none.
+      portLabel: resolveLocalized(port?.label) || null,
+      fieldLabels: Object.fromEntries((port?.fields ?? []).map((f) => [f.name, resolveLocalized(f.label) || null]))
+    };
   });
 });
 function applyInspectorUpdate(next) {

package/dist/runtime/composables/useIntegrationsNodes.js

@@ -25,8 +25,9 @@ export function useIntegrationsNodes() {
         slug: n.manifest.slug ?? n.slug,
         version: n.manifest.version ?? n.version,
         name: n.manifest.name ?? n.name,
-        // Keep the source package — the palette groups app nodes by it.
-        __package: n.package ? { name: n.package.name, label: n.package.label ?? null } : void 0,
+        // Keep the source package — the palette groups app nodes by it, and
+        // marks a package's folder with the icon it declares (PO-640).
+        __package: n.package ? { name: n.package.name, label: n.package.label ?? null, icon: n.package.icon ?? null } : void 0,
         // Registered and built are two different things: a version whose code
         // was never built can be drawn but not executed, so the palette must
         // be able to leave it out (PO-338). Missing field = assume built.

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

@@ -1,5 +1,5 @@
 import type { RunStatus, RunStepRow, WorkflowRun } from '../types/integrations.js';
-import type { RunFeedQuery } from '../utils/runFeedQuery.js';
+import type { RunFeedQuery, RunSort, RunSortDirection } from '../utils/runFeedQuery.js';
 export type { RunFeedQuery };
 interface RunSummary {
     total: number;
@@ -25,6 +25,8 @@ export declare function useIntegrationsRuns(): {
         reconcile?: boolean;
         page?: number;
         perPage?: number;
+        sort?: RunSort;
+        direction?: RunSortDirection;
     }) => Promise<{
         runs: WorkflowRun[];
         total: number;

package/dist/runtime/composables/useIntegrationsRuns.js

@@ -11,7 +11,8 @@ import {
   mapRunStatus,
   runFeedNarrowingString,
   runFeedQueryString,
-  withRunFeedPatch
+  withRunFeedPatch,
+  workflowRunsQueryString
 } from "../utils/runFeedQuery.js";
 const EMPTY_SUMMARY = { total: 0, in_flight: 0, by_status: {} };
 export function useIntegrationsRuns() {
@@ -120,9 +121,9 @@ export function useIntegrationsRuns() {
     const page = opts.page ?? 1;
     const perPage = opts.perPage ?? 25;
     const res = await api.get(
-      `/workflows/${workflowId}/runs?page=${page}&per_page=${perPage}`
+      `/workflows/${workflowId}/runs?${workflowRunsQueryString(page, perPage, opts.sort, opts.direction)}`
     );
-    let list2 = (res?.data ?? []).map((r) => mapRun(r, workflowName)).sort((a, b) => new Date(b.startedAt).getTime() - new Date(a.startedAt).getTime());
+    let list2 = (res?.data ?? []).map((r) => mapRun(r, workflowName));
     if (opts.reconcile) {
       const active = list2.filter((r) => r.status === "running" || r.status === "queued").sort((a, b) => Number(b.id) - Number(a.id)).slice(0, SYNC_LIMIT);
       await Promise.allSettled(active.map(async (r) => {

package/dist/runtime/data/integrationNodeCatalog.js

@@ -59,7 +59,7 @@ export const TRIGGER_TEMPLATES = [
     name: { en: "Manual", de: "Manuell" },
     description: {
       en: "Start the workflow yourself with the Run button or an API call.",
-      de: "Starte den Workflow selbst \xFCber den Run-Button oder einen API-Aufruf."
+      de: "Starten Sie den Workflow selbst \xFCber den Run-Button oder einen API-Aufruf."
     },
     defaultConfig: {}
   },
@@ -69,7 +69,7 @@ export const TRIGGER_TEMPLATES = [
     name: { en: "Schedule", de: "Zeitplan" },
     description: {
       en: "Runs automatically on a schedule you define, for example every night.",
-      de: "L\xE4uft automatisch nach deinem Zeitplan, zum Beispiel jede Nacht."
+      de: "L\xE4uft automatisch nach Ihrem Zeitplan, zum Beispiel jede Nacht."
     },
     defaultConfig: { cron: "0 * * * *", timezone: "Europe/Berlin" }
   },

package/dist/runtime/data/nodeIcons.d.ts

@@ -15,5 +15,11 @@
  * unquoted key the day the linter unquoted them.
  */
 export declare const MDI_TO_LUCIDE: Record<string, string>;
+/**
+ * Resolve a manifest icon name to a Lucide component, or `null` when nothing
+ * by that name exists — for a caller that must tell an unknown name from a
+ * declared `lucide:box` (`declaredFolderIcon`).
+ */
+export declare function resolveNodeIcon(name?: string | null): unknown;
 /** Resolve a manifest icon name to a Lucide component (Box as last resort). */
-export declare function nodeIcon(name?: string | null): unknown;
+export declare function nodeIcon(name?: string | null): {};

package/dist/runtime/data/nodeIcons.js

@@ -108,13 +108,16 @@ export const MDI_TO_LUCIDE = {
   whatsapp: "MessageCircle",
   xml: "CodeXml"
 };
-export function nodeIcon(name) {
-  if (!name) return Lucide.Box;
+export function resolveNodeIcon(name) {
+  if (!name) return null;
   const bare = name.includes(":") ? name.split(":").pop() : name;
   const mapped = name.startsWith("lucide:") ? void 0 : MDI_TO_LUCIDE[bare];
   if (mapped && Lucide[mapped]) {
     return Lucide[mapped];
   }
   const pascal = bare.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join("");
-  return Lucide[pascal] || Lucide.Box;
+  return Lucide[pascal] || null;
+}
+export function nodeIcon(name) {
+  return resolveNodeIcon(name) || Lucide.Box;
 }

package/dist/runtime/data/nodeInputData.d.ts

@@ -26,12 +26,18 @@ export interface FieldEntry {
      * on {@link PortEntry.description}.
      */
     description?: LocalizedString;
+    /** What the field is called, unresolved, where the manifest names it (PO-594). */
+    label?: LocalizedString;
 }
 export interface PortEntry {
     name: string;
     kind: OutputKind;
     /** Declared payload fields of this port (schema; may be empty). */
     fields: FieldEntry[];
+    /** The port's own declared data type; absent where the manifest gives none. */
+    dataType?: string;
+    /** What the port is called, unresolved, where the manifest names it (PO-594). */
+    label?: LocalizedString;
     /**
      * What the publisher says flows through this port, **unresolved** — the
      * localised map as the manifest sent it, not a string.

package/dist/runtime/data/nodeInputData.js

@@ -42,19 +42,28 @@ function fieldEntries(raw) {
       return {
         name,
         dataType: typeof s?.dataType === "string" ? s.dataType : null,
-        ...describedBy(s?.description)
+        ...describedBy(s?.description),
+        ...labelledBy(s?.label)
       };
     });
   }
   return [];
 }
 function describedBy(raw) {
-  if (typeof raw === "string") return raw.trim() ? { description: raw.trim() } : {};
+  const v = cleanLocalized(raw);
+  return v === void 0 ? {} : { description: v };
+}
+function labelledBy(raw) {
+  const v = cleanLocalized(raw);
+  return v === void 0 ? {} : { label: v };
+}
+function cleanLocalized(raw) {
+  if (typeof raw === "string") return raw.trim() ? raw.trim() : void 0;
   if (raw && typeof raw === "object" && !Array.isArray(raw)) {
     const entries = Object.entries(raw).filter((e) => typeof e[1] === "string" && e[1].trim() !== "").map(([k, v]) => [k, v.trim()]);
-    return entries.length ? { description: Object.fromEntries(entries) } : {};
+    return entries.length ? Object.fromEntries(entries) : void 0;
   }
-  return {};
+  return void 0;
 }
 export function inputPortsForManifest(manifest) {
   const raw = manifest?.inputs;
@@ -78,7 +87,7 @@ export function portsForNode(node, manifest, resolvedOutputs) {
   const ports = [];
   for (const o of list) {
     if (o.name) {
-      ports.push({ name: o.name, kind: o.kind, fields: fieldEntries(o.fields), ...describedBy(o.description) });
+      ports.push({ name: o.name, kind: o.kind, fields: fieldEntries(o.fields), ...typeof o.dataType === "string" ? { dataType: o.dataType } : {}, ...labelledBy(o.label), ...describedBy(o.description) });
     } else if (o.sourceFromConfig) {
       const raw = node.config?.[o.sourceFromConfig];
       const values = Array.isArray(raw) ? raw : [];

package/dist/runtime/i18n/messages/de.json

@@ -467,6 +467,7 @@
   "integration.editor.splice.error.terminal": "{name} beendet den Run und kann nicht in eine Verbindung eingefügt werden.",
   "integration.editor.splice.toast": "Node aus der Palette auswählen — er wird in die Verbindung eingefügt.",
   "integration.editor.state.loading": "Wird geladen…",
+  "integration.editor.status.saved": "Gespeichert",
   "integration.editor.status.unsavedChanges": "Nicht gespeicherte Änderungen",
   "integration.editor.sticky.starterContent": "## Ich bin eine Notiz\n**Doppelklicken**, um mich zu bearbeiten. **Fett**, *kursiv*, `Code`, [Links](https://revenexx.com) und\n- Listen funktionieren",
   "integration.editor.tab.deadLetters": "Verpasste Runs",
@@ -563,8 +564,14 @@
   "integration.nodeConfig.dynamicSchema.reloading": "Felder werden neu geladen…",
   "integration.nodeConfig.dynamicSchema.resolving": "Felder werden geladen…",
   "integration.nodeConfig.expression.badge.title": "Akzeptiert ${{ … }}-Ausdrücke",
+  "integration.nodeConfig.expression.fits": "passt",
   "integration.nodeConfig.expression.insertAria": "Ausdruck einfügen — verfügbare Daten für diese Einstellung",
   "integration.nodeConfig.expression.insertTitle": "Ausdruck einfügen",
+  "integration.nodeConfig.expression.kind.array": "Liste",
+  "integration.nodeConfig.expression.kind.boolean": "Ja/Nein",
+  "integration.nodeConfig.expression.kind.number": "Zahl",
+  "integration.nodeConfig.expression.kind.object": "Objekt",
+  "integration.nodeConfig.expression.kind.string": "Text",
   "integration.nodeConfig.expression.picker.aria": "Verfügbare Daten für diese Einstellung",
   "integration.nodeConfig.expression.picker.empty": "Nichts entspricht „{query}“.",
   "integration.nodeConfig.expression.picker.filterAria": "Verfügbare Daten filtern",
@@ -581,6 +588,7 @@
   "integration.nodeConfig.expression.suggestion.inputPayload": "Eingabe-Payload",
   "integration.nodeConfig.expression.toggle.off": "Zurück zum normalen Feld (löscht den Ausdruck)",
   "integration.nodeConfig.expression.toggle.on": "Diesen Wert stattdessen aus einem vorherigen Schritt zuordnen",
+  "integration.nodeConfig.expression.useFit": "Übernehmen:",
   "integration.nodeConfig.field.requiredMark": "Erforderlich",
   "integration.nodeConfig.hint.charMax": "bis zu {max} Zeichen",
   "integration.nodeConfig.hint.charMin": "mindestens {min} Zeichen",
@@ -625,6 +633,7 @@
   "integration.nodeConfig.queryBuilder.row.valueAria": "Filter {n} — Wert",
   "integration.nodeConfig.queryBuilder.row.valueListPlaceholder": "Wert, Wert, …",
   "integration.nodeConfig.queryBuilder.row.valuePlaceholder": "Wert",
+  "integration.nodeConfig.required.missing": "{label} fehlt noch.",
   "integration.nodeConfig.resolve.action.retry": "RETRY",
   "integration.nodeConfig.resolve.error.building": "Node-Bundle wird noch erstellt.",
   "integration.nodeConfig.resolve.error.generic": "Auflösung fehlgeschlagen",
@@ -973,7 +982,11 @@
   "integration.runs.response.nothingReturned": "Der Run hat nichts zurückgegeben.",
   "integration.runs.response.runNumber": "Run #{id}",
   "integration.runs.response.title.async": "Run gestartet",
+  "integration.runs.response.title.refused": "Run nicht gestartet",
+  "integration.runs.response.title.running": "Run läuft",
+  "integration.runs.response.title.starting": "Run wird gestartet",
   "integration.runs.response.title.sync": "Run-Antwort",
+  "integration.runs.response.title.unconfirmed": "Start nicht bestätigt",
   "integration.runs.status.cancelled": "abgebrochen",
   "integration.runs.status.failed": "fehlgeschlagen",
   "integration.runs.status.queued": "wartet",

package/dist/runtime/i18n/messages/en.json

@@ -467,6 +467,7 @@
   "integration.editor.splice.error.terminal": "{name} ends the run and cannot be inserted into a connection.",
   "integration.editor.splice.toast": "Pick a node from the palette — it will be inserted into the connection.",
   "integration.editor.state.loading": "Loading…",
+  "integration.editor.status.saved": "Saved",
   "integration.editor.status.unsavedChanges": "Unsaved changes",
   "integration.editor.sticky.starterContent": "## I'm a note\n**Double-click** to edit me. **Bold**, *italic*, `code`, [links](https://revenexx.com) and\n- lists work",
   "integration.editor.tab.deadLetters": "Missed runs",
@@ -563,8 +564,14 @@
   "integration.nodeConfig.dynamicSchema.reloading": "reloading fields…",
   "integration.nodeConfig.dynamicSchema.resolving": "Resolving fields…",
   "integration.nodeConfig.expression.badge.title": "Accepts ${{ … }} expressions",
+  "integration.nodeConfig.expression.fits": "fits",
   "integration.nodeConfig.expression.insertAria": "Insert expression — available data for this setting",
   "integration.nodeConfig.expression.insertTitle": "Insert expression",
+  "integration.nodeConfig.expression.kind.array": "List",
+  "integration.nodeConfig.expression.kind.boolean": "Yes/no",
+  "integration.nodeConfig.expression.kind.number": "Number",
+  "integration.nodeConfig.expression.kind.object": "Object",
+  "integration.nodeConfig.expression.kind.string": "Text",
   "integration.nodeConfig.expression.picker.aria": "Available data for this setting",
   "integration.nodeConfig.expression.picker.empty": "Nothing matches “{query}”.",
   "integration.nodeConfig.expression.picker.filterAria": "Filter available data",
@@ -581,6 +588,7 @@
   "integration.nodeConfig.expression.suggestion.inputPayload": "input payload",
   "integration.nodeConfig.expression.toggle.off": "Back to the regular control (clears the expression)",
   "integration.nodeConfig.expression.toggle.on": "Map this value from a previous step instead",
+  "integration.nodeConfig.expression.useFit": "Use:",
   "integration.nodeConfig.field.requiredMark": "Required",
   "integration.nodeConfig.hint.charMax": "up to {max} characters",
   "integration.nodeConfig.hint.charMin": "at least {min} characters",
@@ -625,6 +633,7 @@
   "integration.nodeConfig.queryBuilder.row.valueAria": "Filter {n} — value",
   "integration.nodeConfig.queryBuilder.row.valueListPlaceholder": "value, value, …",
   "integration.nodeConfig.queryBuilder.row.valuePlaceholder": "value",
+  "integration.nodeConfig.required.missing": "{label} is still missing.",
   "integration.nodeConfig.resolve.action.retry": "RETRY",
   "integration.nodeConfig.resolve.error.building": "Node bundle still building.",
   "integration.nodeConfig.resolve.error.generic": "Resolve failed",
@@ -973,7 +982,11 @@
   "integration.runs.response.nothingReturned": "The run returned nothing.",
   "integration.runs.response.runNumber": "Run #{id}",
   "integration.runs.response.title.async": "Run started",
+  "integration.runs.response.title.refused": "Run not started",
+  "integration.runs.response.title.running": "Run in progress",
+  "integration.runs.response.title.starting": "Starting run",
   "integration.runs.response.title.sync": "Run response",
+  "integration.runs.response.title.unconfirmed": "Start not confirmed",
   "integration.runs.status.cancelled": "cancelled",
   "integration.runs.status.failed": "failed",
   "integration.runs.status.queued": "queued",

package/dist/runtime/pages/integrations/workflows/[id].vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
-import { AltArrowLeft as ArrowLeft, AltArrowRight as Chevron, RefreshCircle as Loader2, MenuDots as MoreHorizontal, Play, Refresh as RetryIcon, Diskette as Save, SidebarMinimalistic as RailIcon } from "#solar-icons";
+import { AltArrowLeft as ArrowLeft, AltArrowRight as Chevron, CheckCircle, RefreshCircle as Loader2, MenuDots as MoreHorizontal, Play, Refresh as RetryIcon, Diskette as Save, SidebarMinimalistic as RailIcon } from "#solar-icons";
 import {
   AlertDialog,
   AlertDialogCancel,
@@ -45,6 +45,7 @@ import { isTerminalRun, unwrapRun } from "../../../utils/runEnvelope";
 import { findingsSummary, groupFindingsByNode, nodeDisplayLabel } from "../../../utils/validationFindings";
 import { payloadFieldsFromBlob } from "../../../data/payloadForm";
 import WorkflowIconView from "../../../components/Integrations/WorkflowIconView.vue";
+import { DEFAULT_RUN_DIRECTION, DEFAULT_RUN_SORT } from "../../../utils/runFeedQuery";
 const t = useIntegrationsT();
 const route = useRoute();
 const router = useRouter();
@@ -120,6 +121,27 @@ const reauthCredentials = computed(() => {
   return needsReauth.value.filter((c) => blob.includes(c.id));
 });
 const buildWorking = computed(() => workflow.value?.buildStatus === "building" || workflow.value?.buildStatus === "pending");
+const BUILD_CHIP_DELAY_MS = 3e3;
+const buildSlow = ref(false);
+let buildSlowTimer;
+watch(buildWorking, (working) => {
+  clearTimeout(buildSlowTimer);
+  buildSlow.value = false;
+  if (working) buildSlowTimer = setTimeout(() => {
+    buildSlow.value = true;
+  }, BUILD_CHIP_DELAY_MS);
+}, { immediate: true });
+const buildChipShown = computed(() => buildWorking.value && buildSlow.value);
+const SAVED_SHOWN_MS = 4e3;
+const justSaved = ref(false);
+let justSavedTimer;
+function announceSaved() {
+  clearTimeout(justSavedTimer);
+  justSaved.value = true;
+  justSavedTimer = setTimeout(() => {
+    justSaved.value = false;
+  }, SAVED_SHOWN_MS);
+}
 const buildFailed = computed(() => workflow.value?.buildStatus === "failed");
 const waitingForBuild = ref(false);
 const BUILD_WAIT_POLL_MS = BUILD_SETTLE_POLL_MS;
@@ -153,7 +175,11 @@ function settleBuildStatus() {
     read: () => get(workflow.value.id)
   });
 }
-onUnmounted(() => buildSettle.stop());
+onUnmounted(() => {
+  buildSettle.stop();
+  clearTimeout(buildSlowTimer);
+  clearTimeout(justSavedTimer);
+});
 const buildNotice = computed(() => {
   switch (workflow.value?.buildStatus) {
     case "building":
@@ -295,6 +321,7 @@ const syncError = ref(null);
 const runObject = ref(null);
 const followingRun = ref(false);
 const runModalMode = ref("sync");
+const runRefused = ref(false);
 const runModalRunId = ref(null);
 function extractRunId(res) {
   if (res && typeof res === "object" && "id" in res) {
@@ -314,6 +341,11 @@ function viewRunFromModal(id2) {
   syncOpen.value = false;
   void router.push({ query: { ...route.query, run: id2 } });
 }
+function isRefusal(e) {
+  if (!(e instanceof IntegrationsApiError)) return false;
+  if (e.status < 400 || e.status >= 500 || e.status === 408) return false;
+  return extractRunId(e.body?.run) === null;
+}
 function syncErrorMessage(e) {
   if (e instanceof IntegrationsApiError) {
     if (e.status === 504) return t("integration.editor.run.error.syncTimeout");
@@ -336,6 +368,7 @@ function refusedForSettings(e) {
   return /[.!?]$/.test(line) ? line : `${line}.`;
 }
 async function reportRunFailure(e, fallback) {
+  runRefused.value = isRefusal(e);
   const settings = refusedForSettings(e);
   if (!settings) {
     syncError.value = fallback(e);
@@ -368,6 +401,7 @@ async function run(mode) {
   syncLoading.value = true;
   syncResponse.value = null;
   syncError.value = null;
+  runRefused.value = false;
   if (mode === "sync") {
     try {
       syncResponse.value = await triggerRun(workflow.value.id, payload, "sync");
@@ -480,6 +514,8 @@ const runsPage = ref(1);
 const runsTotal = ref(0);
 const runsLastPage = ref(1);
 const runsWanted = ref(1);
+const runsSort = ref(DEFAULT_RUN_SORT);
+const runsDirection = ref(DEFAULT_RUN_DIRECTION);
 let runsSeq = 0;
 let runsLoadingSeq = 0;
 const RUNS_POLL_MS = 3e3;
@@ -580,9 +616,11 @@ async function loadRuns(page = runsWanted.value, opts = {}) {
   runsError.value = null;
   try {
     const res = await loadForWorkflow(workflow.value.id, workflow.value.name, {
-      reconcile: page === 1,
+      reconcile: true,
       page,
-      perPage: RUNS_PER_PAGE
+      perPage: RUNS_PER_PAGE,
+      sort: runsSort.value,
+      direction: runsDirection.value
     });
     if (seq !== runsSeq) return;
     wfRuns.value = res.runs;
@@ -598,6 +636,11 @@ async function loadRuns(page = runsWanted.value, opts = {}) {
     if (!opts.silent && seq === runsLoadingSeq) runsLoading.value = false;
   }
 }
+function reorderRuns(order) {
+  runsSort.value = order.sort;
+  runsDirection.value = order.direction;
+  void loadRuns(1);
+}
 function goRunsPage(p) {
   const next = Math.min(Math.max(1, p), runsLastPage.value);
   if (next !== runsWanted.value) void loadRuns(next);
@@ -747,6 +790,7 @@ async function save() {
       executionMode: d.executionMode
     });
     draft.value = null;
+    announceSaved();
     settleBuildStatus();
   } catch (e) {
     const issues = apiValidationIssues(e);
@@ -880,7 +924,7 @@ async function confirmDeactivate() {
             </template>
             <template v-else>
               <span
-                v-if="buildWorking"
+                v-if="buildChipShown"
                 class="inline-flex h-7 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md border border-sky-500/25 bg-sky-500/10 px-2.5 text-sm text-sky-700"
                 :title="buildNotice?.text"
               >
@@ -888,40 +932,15 @@ async function confirmDeactivate() {
                 {{ workflow.buildStatus === "building" ? t("integration.editor.build.chip.building") : t("integration.editor.build.chip.queued") }}
               </span>
               <span v-if="isDirty" class="shrink-0 whitespace-nowrap text-sm text-amber-600">{{ t("integration.editor.status.unsavedChanges") }}</span>
-              <!-- What is done to the WORKFLOW, as opposed to the draft in front
-                 of it: the buttons beside this menu discard and save an
-                 afternoon's work, and these two make and unmake the thing that
-                 work belongs to. Two reasons they are a menu rather than two more
-                 buttons in a row of five. Deleting cannot be undone and has no
-                 business a mis-click away from Save; and a lone Delete under a
-                 Duplicate that stayed a button reads as an oversight rather than
-                 as a grouping — the menu only holds together while it holds both.
-                 Icon-only, so it carries a name of its own. -->
-              <DropdownMenu>
-                <DropdownMenuTrigger as-child>
-                  <Button variant="outline" size="icon" class="size-7" :disabled="saving" :aria-label="t('integration.editor.action.more.aria')">
-                    <MoreHorizontal :size="12" />
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end">
-                  <DropdownMenuLabel>{{ t("integration.editor.action.more.label") }}</DropdownMenuLabel>
-                  <DropdownMenuSeparator />
-                  <DropdownMenuItem @select="duplicateOpen = true">
-                    {{ t("integration.editor.action.duplicate.label") }}
-                  </DropdownMenuItem>
-                  <DropdownMenuItem @select="exporter?.start(workflow.id)">
-                    {{ t("integration.workflowFile.action.export") }}
-                  </DropdownMenuItem>
-                  <DropdownMenuItem @select="importInput?.click()">
-                    {{ t("integration.workflowFile.action.import") }}
-                  </DropdownMenuItem>
-                  <DropdownMenuSeparator />
-                  <DropdownMenuItem class="text-destructive focus:text-destructive" @select="askDelete">
-                    {{ t("integration.common.action.delete") }}
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
-              <Button variant="outline" class="h-7 text-sm" :disabled="!isDirty || saving" :title="t('integration.editor.action.discard.title')" @click="discardChanges">
+              <span v-else-if="justSaved" role="status" class="inline-flex shrink-0 items-center gap-1 whitespace-nowrap text-sm text-emerald-700">
+                <CheckCircle :size="12" />
+                {{ t("integration.editor.status.saved") }}
+              </span>
+              <!-- Only while there is something to discard (PO-597). Save stays
+                 put when disabled, so the row keeps its anchor; a Discard that can
+                 never do anything was only noise beside it. The row is right-aligned,
+                 so appearing here moves nothing the operator is about to press. -->
+              <Button v-if="isDirty" variant="outline" class="h-7 text-sm" :disabled="saving" :title="t('integration.editor.action.discard.title')" @click="discardChanges">
                 {{ t("integration.editor.action.discard.label") }}
               </Button>
               <Button class="h-7 text-sm" :disabled="!isDirty || saving" @click="save">
@@ -975,6 +994,42 @@ async function confirmDeactivate() {
                   {{ t("integration.editor.action.activate.title.invalid", validationWarnings?.length ?? 0) }}
                 </span>
               </div>
+              <!-- What is done to the WORKFLOW, as opposed to the draft in front
+                 of it: the buttons beside this menu discard and save an
+                 afternoon's work, and these two make and unmake the thing that
+                 work belongs to. Two reasons they are a menu rather than two more
+                 buttons in a row of five. Deleting cannot be undone and has no
+                 business a mis-click away from Save; and a lone Delete under a
+                 Duplicate that stayed a button reads as an oversight rather than
+                 as a grouping — the menu only holds together while it holds both.
+                 Icon-only, so it carries a name of its own. Last in the row, where
+                 a menu of further actions is looked for: between the status text
+                 and Discard it split the row's two halves and read as a stray
+                 button (PO-597). -->
+              <DropdownMenu>
+                <DropdownMenuTrigger as-child>
+                  <Button variant="outline" size="icon" class="size-7" :disabled="saving" :aria-label="t('integration.editor.action.more.aria')">
+                    <MoreHorizontal :size="12" />
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end">
+                  <DropdownMenuLabel>{{ t("integration.editor.action.more.label") }}</DropdownMenuLabel>
+                  <DropdownMenuSeparator />
+                  <DropdownMenuItem @select="duplicateOpen = true">
+                    {{ t("integration.editor.action.duplicate.label") }}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem @select="exporter?.start(workflow.id)">
+                    {{ t("integration.workflowFile.action.export") }}
+                  </DropdownMenuItem>
+                  <DropdownMenuItem @select="importInput?.click()">
+                    {{ t("integration.workflowFile.action.import") }}
+                  </DropdownMenuItem>
+                  <DropdownMenuSeparator />
+                  <DropdownMenuItem class="text-destructive focus:text-destructive" @select="askDelete">
+                    {{ t("integration.common.action.delete") }}
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
             </template>
           </template>
 
@@ -1103,8 +1158,12 @@ async function confirmDeactivate() {
             :loading="runsLoading"
             :pagination="false"
             :show-workflow="false"
+            orderable
+            :sort="runsSort"
+            :direction="runsDirection"
             :empty-text="t('integration.editor.runs.empty')"
             @changed="() => loadRuns()"
+            @reorder="reorderRuns"
           />
 
           <!-- Server pagination — the endpoint pages, so the whole history is reachable. -->
@@ -1226,6 +1285,7 @@ async function confirmDeactivate() {
       :following="followingRun"
       :error="syncError"
       :run-id="runModalRunId"
+      :refused="runRefused"
       @update:open="(v) => syncOpen = v"
       @view-run="viewRunFromModal"
     />

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

@@ -292,6 +292,10 @@ export interface ConfigField {
     default?: unknown;
     placeholder?: LocalizedString;
     expressionAllowed?: boolean;
+    /** What a value mapped into this setting has to be (`array` for a list from an
+     *  earlier step). The `{ }` list puts the outputs of that kind first and an
+     *  empty setting offers a single one in a click (PO-594). */
+    accepts?: string;
     /** The setting takes several lines — a mail body, a list of instructions one
      *  per line — so it is drawn with room for them. Read for `string` and
      *  `expression` fields; every other type ignores it (a dropdown has no
@@ -407,10 +411,15 @@ export interface NodeManifest {
      */
     iteration?: boolean;
     config?: ConfigField[];
-    /** Source package (editor-side enrichment from GET /nodes; not manifest data). */
+    /**
+     * Source package (editor-side enrichment from GET /nodes; not manifest data).
+     * `icon` is the glyph the package declares for its palette folder
+     * (`revenexx.icon`, a `lucide:<name>`; PO-640), null when it declares none.
+     */
     __package?: {
         name: string;
         label: string | null;
+        icon?: string | null;
     };
     /**
      * Where this node stands in its package's own list of nodes, 0 first

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

@@ -0,0 +1,20 @@
+import type { NodeManifest } from '../types/integrations.js';
+/**
+ * The icon a palette folder directly under Integrations is marked by, when its
+ * package declares one (PO-640, `specs/node-marks.md` AC-4): `revenexx.icon` in
+ * the package's `package.json`, a `lucide:<name>`, served as `package.icon`.
+ *
+ * Declaring is optional. `null` means the folder keeps the mark it always had —
+ * the first logo among its nodes, else their first image (`groupLogoManifest`).
+ * So does a declaration the folder cannot use:
+ *
+ * - a folder several packages share counts only when every one of them declares
+ *   the same icon — one that declares nothing, or another icon, leaves the folder
+ *   its logo, so a package filing a node under a vendor's folder cannot take it over;
+ * - a name no Lucide glyph resolves — it would draw the generic `Box`, which says
+ *   less than the logo it would replace.
+ *
+ * Within one package any node may carry the declaration: a node a newer release
+ * dropped is still served from the older release, whose package declared nothing.
+ */
+export declare function declaredFolderIcon(manifests: NodeManifest[]): string | null;

package/dist/runtime/utils/folderMark.js

@@ -0,0 +1,12 @@
+import { resolveNodeIcon } from "../data/nodeIcons.js";
+export function declaredFolderIcon(manifests) {
+  const byPackage = /* @__PURE__ */ new Map();
+  for (const m of manifests) {
+    const name = m.__package?.name ?? "";
+    byPackage.set(name, byPackage.get(name) || m.__package?.icon || null);
+  }
+  const declared = new Set(byPackage.values());
+  if (declared.size !== 1) return null;
+  const [icon] = declared;
+  return icon && resolveNodeIcon(icon) ? icon : null;
+}

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

@@ -72,7 +72,8 @@ export declare function acceptsResume(apiStatus: string | null | undefined, stat
  */
 export declare function apiStatusesFor(words: readonly RunStatus[]): string[];
 /**
- * The orders this studio can ask `GET /runs` for.
+ * The orders this studio can ask `GET /runs` for — and a workflow's own
+ * `GET /workflows/{id}/runs`, which takes the same names (PO-385).
  *
  * Three of the four `RunSort` names the service accepts. Two absences are the
  * platform's: ordering by the workflow's name would need a join on the paging
@@ -121,6 +122,13 @@ export interface RunFeedQuery {
  * empty `status` as a value and answers 422.
  */
 export declare function runFeedQueryString(query: RunFeedQuery): string;
+/**
+ * The query string for a workflow's own `GET /workflows/{id}/runs`: a page, and
+ * the order it is read in. That endpoint narrows by nothing yet (PO-319), so this
+ * is the paging and the order alone — the order sent by the same rule as the
+ * tenant feed's, so the two lists can never ask for one order two ways.
+ */
+export declare function workflowRunsQueryString(page: number, perPage: number, sort?: RunSort, direction?: RunSortDirection): string;
 /**
  * The narrowing alone, without the paging — what `GET /runs/summary` is read
  * with so the pager's total describes the same rows as the page beside it.

package/dist/runtime/utils/runFeedQuery.js

@@ -26,12 +26,22 @@ export function runFeedQueryString(query) {
   params.set("page", String(query.page));
   params.set("per_page", String(query.perPage));
   for (const [key, value] of narrowingParams(query)) params.set(key, value);
-  if (query.sort !== DEFAULT_RUN_SORT || query.direction !== DEFAULT_RUN_DIRECTION) {
-    params.set("sort", query.sort);
-    params.set("direction", query.direction);
-  }
+  setOrder(params, query.sort, query.direction);
+  return params.toString();
+}
+export function workflowRunsQueryString(page, perPage, sort = DEFAULT_RUN_SORT, direction = DEFAULT_RUN_DIRECTION) {
+  const params = new URLSearchParams();
+  params.set("page", String(page));
+  params.set("per_page", String(perPage));
+  setOrder(params, sort, direction);
   return params.toString();
 }
+function setOrder(params, sort, direction) {
+  if (sort !== DEFAULT_RUN_SORT || direction !== DEFAULT_RUN_DIRECTION) {
+    params.set("sort", sort);
+    params.set("direction", direction);
+  }
+}
 export function runFeedNarrowingString(query) {
   return narrowingParams(query).toString();
 }

package/package.json

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