@revenexx/studio-integrations 2.7.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @revenexx/studio-integrations
 
+## 2.8.0
+
+### Minor Changes
+
+- f7ae810: The dashboard, the template gallery, a template's own page and the workflow icons read a slim node catalogue (`GET /nodes?fields=summary`) instead of every manifest in full; the editor still reads the full catalogue and upgrades to it when a summary is in hand. Template previews read their definitions in one request (`GET /templates?include=definition&slugs=…`), and two surfaces asking for the same template at once share one request. Against an Integrations API that predates either parameter the studio falls back to what it did before: the full catalogue, and one request per template, four at a time (PE-990).
+
+  The studio no longer subscribes its eleven realtime channels at app boot: the first Integration Studio surface that needs them (the runs list, a workflow, a run panel, the workflows list) takes them and keeps them for the rest of the tab. A host page outside the studio no longer mints eleven subscription tokens on every load (PE-990).
+
+- 25755bc: The Audit Log names whoever made a change by name, with their e-mail beside it, and the search finds them by either; the entry's panel keeps their identifier for tracing. A workflow's History names whoever saved each version, the current one included, and dates each by when it was saved rather than by when a later save replaced it. Entries and versions from before the platform recorded names show the identifier, or nobody, as before. Needs an Integrations API that sends `actor_name`/`actor_email`, `saved_by_*` and `saved_at` (revenexx/integrations#344); against an older one the page looks as it did (PO-609).
+
+### Patch Changes
+
+- 1772593: A workflow with an event trigger can be saved again. The studio stored the chosen event as `event_type`, which the platform does not read, so every such save was refused with "The event subject is required for event triggers." The event is now stored as the trigger's `subject`; a trigger still carrying `event_type` is read and sent as its subject (PO-641).
+- c3ea68f: A click beside a dialog with an entry in it no longer closes it. Every dialog in the studio where something is typed or chosen took a click on the dimmed page as Cancel — a node's or a trigger's configuration, the workflow's settings, variables and state namespaces, the run dialog, declaring a state namespace, a new endpoint secret, adding, editing or opening a credential, a new revenexx key, importing an SFTP account, a new secret, a new or duplicated workflow, and using a template. A host draws its messages under that dimming, so dismissing the message after "Test step" threw a node's settings away before Done (PO-648). Cancel, Escape and the ✕ still close at once, without asking. Dialogs that only show something — the canvas shortcuts, a run's response, a timeline span — still close on a click beside them.
+- 406f9db: A search at the root of the node palette lists its hits in the order the folders show them — folder by folder, and inside each folder in the order the node's package gives — instead of by node identifier (PO-661).
+
 ## 2.7.0
 
 ### Minor Changes

package/dist/module.json

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

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

@@ -22,6 +22,7 @@ import { toast } from "vue-sonner";
 import { resolveLocalized } from "../../utils/localize";
 import { fromModelValue, toItemValue, toModelValue } from "../../utils/selectOptions";
 import { errorReason } from "../../utils/apiError";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   open: { type: Boolean, required: true },
   credentialType: { type: [String, Array], required: false }
@@ -136,7 +137,7 @@ async function submit() {
 
 <template>
   <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
-    <DialogContent class="sm:max-w-lg">
+    <DialogContent class="sm:max-w-lg" @interact-outside="keepOpenBeside">
       <DialogHeader>
         <DialogTitle>{{ t("integration.credentials.shared.dialog.title.create") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -38,6 +38,7 @@ import { useNow } from "../../composables/useNow";
 import { hasRevenexxSource } from "../../utils/revenexxCredentialSource";
 import { resolveLocalized } from "../../utils/localize";
 import { fromModelValue, toItemValue, toModelValue } from "../../utils/selectOptions";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   open: { type: Boolean, required: true },
   credential: { type: [Object, null], required: true },
@@ -207,7 +208,7 @@ async function connect() {
 
 <template>
   <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
-    <DialogContent class="sm:max-w-3xl">
+    <DialogContent class="sm:max-w-3xl" @interact-outside="keepOpenBeside">
       <DialogHeader>
         <div class="flex items-start gap-3">
           <IntegrationsCredentialLogo :type="type" :size="22" />

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

@@ -26,6 +26,7 @@ import { toast } from "vue-sonner";
 import { REVENEXX_SOURCE_KIND_BY_SLUG } from "../../utils/revenexxCredentialSource";
 import { cockpitSources } from "../../utils/cockpitSources";
 import { errorReason } from "../../utils/apiError";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   type: { type: [Object, null], required: true }
 });
@@ -371,7 +372,7 @@ function submitCreate() {
 
     <!-- Stacked "New …" lightbox -->
     <Dialog v-model:open="createOpen">
-      <DialogContent class="sm:max-w-md">
+      <DialogContent class="sm:max-w-md" @interact-outside="keepOpenBeside">
         <DialogHeader>
           <DialogTitle>{{ kind ? NEW_LABEL[kind] : t("integration.credentials.revenexxSource.new.fallback") }}</DialogTitle>
           <DialogDescription class="text-sm">

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

@@ -45,6 +45,7 @@ import { deepClone } from "../../utils/deepClone";
 import { copyToClipboard } from "../../utils/clipboard";
 import { nodeDisplayLabel } from "../../utils/validationFindings";
 import { authChoiceFromConfig, configPatchForAuthChoice } from "../../data/webhookAuth";
+import { eventSubject, eventTopicOf, withEventSubject } from "../../data/eventTrigger";
 import {
   dataTypeOf,
   portValuesFromStepOutput,
@@ -55,6 +56,7 @@ import { resolveDisplayName, resolveLocalized } from "../../utils/localize";
 import { nodeDisplayName } from "../../utils/nodeDisplayName";
 import { describeRecurrence, parseCron, scheduleTimezone, toCron } from "../../utils/schedule";
 import { errorReason } from "../../utils/apiError";
+import { keepOpenBeside } from "../../utils/dialog";
 const t = useIntegrationsT();
 const props = defineProps({
   selection: { type: [Object, null], required: true },
@@ -446,6 +448,11 @@ function writeTriggerConfigPatch(patch) {
   if (!wt) return;
   patchTrigger({ config: { ...wt.config, ...patch } });
 }
+function writeEventSubject(subject) {
+  const wt = draftTrigger.value;
+  if (!wt) return;
+  patchTrigger({ config: withEventSubject(wt.config, subject) });
+}
 function applyAuthChoice(v) {
   writeTriggerConfigPatch(configPatchForAuthChoice(v));
 }
@@ -494,10 +501,7 @@ async function copyWebhookUrl() {
 }
 const definedEvents = typeof useDefinedEvents === "function" ? useDefinedEvents() : { emits: ref([]), load: async () => {
 } };
-const eventTopic = computed(() => {
-  const raw = readTriggerConfig("event_type");
-  return typeof raw === "string" && raw.trim() !== "" ? raw.trim() : null;
-});
+const eventTopic = computed(() => eventTopicOf(draftTrigger.value?.config));
 watch(eventTopic, (topic) => {
   if (topic) void definedEvents.load();
 }, { immediate: true });
@@ -1687,7 +1691,7 @@ async function runTestStep() {
               </div>
 
               <Dialog v-model:open="rotateOpen">
-                <DialogContent class="sm:max-w-md">
+                <DialogContent class="sm:max-w-md" @interact-outside="keepOpenBeside">
                   <DialogHeader>
                     <DialogTitle>{{ t("integration.nodeInspector.trigger.webhook.rotate.dialogTitle") }}</DialogTitle>
                     <DialogDescription>
@@ -1720,8 +1724,8 @@ async function runTestStep() {
                 <Label for="ni-event-type" class="text-mono text-muted-foreground">{{ t("integration.nodeInspector.trigger.event.label") }}</Label>
                 <EventTypeCombobox
                   input-id="ni-event-type"
-                  :model-value="readTriggerConfig('event_type') ?? ''"
-                  @update:model-value="(v) => writeTriggerConfig('event_type', v)"
+                  :model-value="eventSubject(draftTrigger?.config) ?? ''"
+                  @update:model-value="(v) => writeEventSubject(v)"
                 />
                 <p class="text-xs text-muted-foreground">
                   {{ t("integration.nodeInspector.trigger.event.hint.intro") }} <code class="font-mono">customer.created</code>, <code class="font-mono">order.placed</code>{{ t("integration.nodeInspector.trigger.event.hint.mid") }} <code class="font-mono">trigger.payload</code>.

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

@@ -17,7 +17,7 @@ watch(() => props.manifest?.slug, () => {
 function onImageError() {
   if (!refreshed.value) {
     refreshed.value = true;
-    void reloadCatalog(true);
+    void reloadCatalog(true, { summary: true });
     return;
   }
   failed.value = true;

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

@@ -164,6 +164,13 @@ function subtreeManifests(g) {
   for (const child of g.children.values()) out.push(...subtreeManifests(child));
   return out;
 }
+function inBrowseOrder(g) {
+  const out = [];
+  for (const child of g.children.values()) out.push(...inBrowseOrder(child));
+  out.push(...g.leaves);
+  return out;
+}
+const rootBrowseOrder = computed(() => [...inBrowseOrder(tree.value.core), ...inBrowseOrder(tree.value.apps)]);
 function groupLogoManifest(g) {
   const all = subtreeManifests(g);
   return all.find(hasLogo) ?? all.find((m) => (m.images ?? []).length > 0) ?? null;
@@ -207,7 +214,7 @@ const levelKey = computed(() => stack.value.length);
 const searchHits = computed(() => {
   const q = search.value.trim().toLowerCase();
   if (!q || triggersLevel.value) return [];
-  const scope = currentGroup.value ? subtreeManifests(currentGroup.value) : latestManifests.value.filter((m) => m.category !== "trigger");
+  const scope = currentGroup.value ? inBrowseOrder(currentGroup.value) : rootBrowseOrder.value;
   const hits = [];
   for (const m of scope) {
     const hay = `${resolveLocalized(m.name)} ${m.slug} ${resolveLocalized(m.description)}`.toLowerCase();

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

@@ -4,6 +4,7 @@ import { RefreshCircle as Loader2 } from "#solar-icons";
 import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@revenexx/studio";
 import LoadingAnnouncement from "./LoadingAnnouncement.vue";
 import { useIntegrationsCredentials } from "../../composables/useIntegrationsCredentials";
+import { keepOpenBeside } from "../../utils/dialog";
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
 const emit = defineEmits(["created"]);
 const t = useIntegrationsT();
@@ -68,7 +69,7 @@ async function importAccount(account) {
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="sm:max-w-md">
+    <DialogContent class="sm:max-w-md" @interact-outside="keepOpenBeside">
       <DialogHeader>
         <DialogTitle>{{ t("integration.credentials.sftpImport.title") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -17,6 +17,7 @@ import {
   SelectValue
 } from "@revenexx/studio";
 import { stateNamespaceErrorKey } from "../../utils/stateNamespaceName";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   open: { type: Boolean, required: true },
   role: { type: String, required: true },
@@ -45,7 +46,7 @@ function declare() {
 
 <template>
   <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
-    <DialogContent class="max-w-[94vw] sm:max-w-lg">
+    <DialogContent class="max-w-[94vw] sm:max-w-lg" @interact-outside="keepOpenBeside">
       <DialogHeader>
         <DialogTitle>{{ t("integration.nodeConfig.state.create.title") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -15,7 +15,7 @@ const props = defineProps({
 const t = useIntegrationsT();
 const { load: loadNodeCatalog } = useIntegrationsNodes();
 onMounted(() => {
-  void loadNodeCatalog();
+  void loadNodeCatalog(false, { summary: true });
 });
 const STOP_SLUG = "revenexx:stop-and-error";
 const NODE_W = 220;

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

@@ -27,6 +27,7 @@ import WorkflowIconPicker from "./WorkflowIconPicker.vue";
 import WorkflowTagsInput from "./WorkflowTagsInput.vue";
 import { resolveLocalized } from "../../utils/localize";
 import { errorReason } from "../../utils/apiError";
+import { keepOpenBeside } from "../../utils/dialog";
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
 const t = useIntegrationsT();
 const router = useRouter();
@@ -136,7 +137,7 @@ async function installed(id) {
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="sm:max-w-4xl">
+    <DialogContent class="sm:max-w-4xl" @interact-outside="keepOpenBeside">
       <DialogHeader>
         <DialogTitle>{{ t("integration.workflows.create.dialog.title") }}</DialogTitle>
       </DialogHeader>

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

@@ -4,6 +4,7 @@ import { RefreshCircle as Loader2 } from "#solar-icons";
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input } from "@revenexx/studio";
 import { useIntegrationsWorkflows } from "../../composables/useIntegrationsWorkflows";
 import { errorReason } from "../../utils/apiError";
+import { keepOpenBeside } from "../../utils/dialog";
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
 const props = defineProps({
   workflow: { type: [Object, null], required: true }
@@ -39,7 +40,7 @@ async function submit() {
 
 <template>
   <Dialog v-model:open="open">
-    <DialogContent class="sm:max-w-md">
+    <DialogContent class="sm:max-w-md" @interact-outside="keepOpenBeside">
       <DialogHeader>
         <DialogTitle>{{ t("integration.workflows.duplicate.dialog.title") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -60,6 +60,7 @@ import { groupFindingsByNode, findingsByNodeField } from "../../utils/validation
 import { reorderBranchSubtrees } from "../../data/branchReorder";
 import { resolveLocalized } from "../../utils/localize";
 import { nodeDisplayName } from "../../utils/nodeDisplayName";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   workflow: { type: Object, required: true },
   draft: { type: [Object, null], required: false },
@@ -1936,8 +1937,9 @@ const edgeTypes = {
     <CanvasShortcutsDialog v-model:open="shortcutsOpen" />
 
     <!-- Node/trigger configuration — a near-fullscreen workbench lightbox
-         (Input pane / Parameters+Settings tabs / Save+Cancel footer). The
-         inspector edits a draft; closing without Save discards it. -->
+         (Input pane / Parameters+Settings tabs / Done+Cancel footer). The
+         inspector edits a draft; closing without Done discards it, and a click
+         beside it does not close it (dialog-dismissal AC-1). -->
     <Dialog :open="!!selection" @update:open="(v) => {
   if (!v) {
     selectedId = null;
@@ -1960,6 +1962,7 @@ const edgeTypes = {
         class="flex max-w-none flex-col gap-0 overflow-hidden rounded-lg p-0 sm:max-w-none"
         :class="selectionIsTrigger ? 'h-[min(520px,86vh)] w-[min(600px,94vw)]' : 'h-[min(680px,86vh)] w-[min(1100px,94vw)]'"
         @open-auto-focus="onConfigOpenAutoFocus"
+        @interact-outside="keepOpenBeside"
       >
         <NodeInspector
           v-if="selection"

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

@@ -24,6 +24,7 @@ import { inputHandleId, outputHandleId } from "../../data/handleId";
 import { iteratorNodeIds, nodeLoopData } from "../../data/loopBody";
 import { useIntegrationsRevisions } from "../../composables/useIntegrationsRevisions";
 import { errorReason } from "../../utils/apiError";
+import { personLabel } from "../../utils/personLabel";
 const props = defineProps({
   workflow: { type: Object, required: true },
   draftPending: { type: Boolean, required: false }
@@ -53,6 +54,9 @@ async function loadList(reset = false) {
     listLoading.value = false;
   }
 }
+function revisionAuthor(rev) {
+  return { sub: rev.saved_by_sub, name: rev.saved_by_name, email: rev.saved_by_email };
+}
 function loadMore() {
   if (page.value >= lastPage.value) return;
   page.value += 1;
@@ -348,7 +352,11 @@ onMounted(() => {
           @click="select(null)"
         >
           <div class="flex items-center justify-between gap-2">
-            <span class="text-sm font-medium tabular-nums">{{ formatDateTime(workflow.updated_at) }}</span>
+            <!-- Dated by when this version was saved, beside whoever saved it
+               (PO-609): `updated_at` also moves on a rename, which writes no
+               version. It stays as the fallback for a version from before the
+               moment was recorded. -->
+            <span class="text-sm font-medium tabular-nums">{{ formatDateTime(workflow.savedAt ?? workflow.updated_at) }}</span>
             <Badge variant="outline" class="text-xs font-medium uppercase border-emerald-500/30 text-emerald-700">{{ t("integration.history.badge.current") }}</Badge>
             <Badge
               variant="outline"
@@ -360,6 +368,11 @@ onMounted(() => {
             </Badge>
           </div>
           <div class="mt-0.5 text-sm text-muted-foreground">{{ t("integration.history.list.revisionLabel", { revision: workflow.revision }) }}</div>
+          <!-- Nobody recorded — a platform write, or a version from before
+               authors were — says nothing rather than guessing. -->
+          <div v-if="personLabel(workflow.savedBy)" class="mt-0.5 truncate text-sm text-muted-foreground" :title="workflow.savedBy?.name ? workflow.savedBy.email ?? void 0 : void 0">
+            {{ t("integration.history.list.savedBy", { name: personLabel(workflow.savedBy) }) }}
+          </div>
         </button>
 
         <!-- Archived revisions -->
@@ -371,9 +384,15 @@ onMounted(() => {
         >
           <button type="button" class="w-full p-2.5 text-left" @click="select(rev.revision)">
             <div class="flex items-center justify-between gap-2">
-              <span class="text-sm font-medium tabular-nums">{{ formatDateTime(rev.archived_at) }}</span>
+              <!-- Not `archived_at` first: that is when the NEXT save replaced
+                   this version, and beside its author's name it would name the
+                   wrong person for that moment. -->
+              <span class="text-sm font-medium tabular-nums">{{ formatDateTime(rev.saved_at ?? rev.archived_at) }}</span>
             </div>
             <div class="mt-0.5 text-sm text-muted-foreground">{{ t("integration.history.list.revisionLabel", { revision: rev.revision }) }}</div>
+            <div v-if="personLabel(revisionAuthor(rev))" class="mt-0.5 truncate text-sm text-muted-foreground" :title="rev.saved_by_name ? rev.saved_by_email ?? void 0 : void 0">
+              {{ t("integration.history.list.savedBy", { name: personLabel(revisionAuthor(rev)) }) }}
+            </div>
           </button>
           <div class="absolute right-2 top-1/2 -translate-y-1/2 opacity-0 transition group-hover:opacity-100">
             <Button

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

@@ -8,7 +8,7 @@ const props = defineProps({
 });
 const { load } = useIntegrationsNodes();
 onMounted(() => {
-  if (props.icon?.kind === "image") void load();
+  if (props.icon?.kind === "image") void load(false, { summary: true });
 });
 const resolvedSrc = computed(() => {
   if (props.icon?.kind !== "image" || !props.icon.src) return null;

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

@@ -19,6 +19,7 @@ import {
 } from "@revenexx/studio";
 import WorkflowIconPicker from "./WorkflowIconPicker.vue";
 import WorkflowTagsInput from "./WorkflowTagsInput.vue";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   open: { type: Boolean, required: true },
   workflow: { type: Object, required: true },
@@ -64,7 +65,10 @@ function formatDateTime(iso) {
 
 <template>
   <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
-    <DialogContent class="sm:max-w-lg">
+    <DialogContent
+      class="sm:max-w-lg"
+      @interact-outside="keepOpenBeside"
+    >
       <DialogHeader>
         <DialogTitle>{{ t("integration.workflows.settings.dialog.title") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -19,6 +19,7 @@ import {
 } from "@revenexx/studio";
 import { deepClone } from "../../utils/deepClone";
 import { stateNamespaceErrorKey } from "../../utils/stateNamespaceName";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   open: { type: Boolean, required: true },
   state: { type: Array, required: true }
@@ -66,7 +67,10 @@ function addNamespace() {
 
 <template>
   <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
-    <DialogContent class="max-w-[94vw] sm:max-w-3xl">
+    <DialogContent
+      class="max-w-[94vw] sm:max-w-3xl"
+      @interact-outside="keepOpenBeside"
+    >
       <DialogHeader>
         <DialogTitle>{{ t("integration.workflows.state.dialog.title") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -9,6 +9,7 @@ import { triggerGlyph as glyphForTrigger } from "../../data/triggerGlyphs";
 import { resolveDisplayName } from "../../utils/localize";
 import { NODE_CATEGORIES, triggerTypeLabel } from "../../data/integrationNodeCatalog";
 import { describeCron } from "../../utils/schedule";
+import { eventSubject } from "../../data/eventTrigger";
 const props = defineProps({
   id: { type: String, required: true },
   data: { type: Object, required: true },
@@ -23,7 +24,10 @@ const subtitle = computed(() => {
   const c = props.data.config;
   if (props.data.type === "schedule") return describeCron(c.cron) ?? c.cron ?? t("integration.canvas.trigger.subtitle.noSchedule");
   if (props.data.type === "webhook") return `${c.method ?? "POST"} ${c.path ?? "/"}`;
-  if (props.data.type === "event") return c.event_type ? t("integration.canvas.trigger.subtitle.onEvent", { event: c.event_type }) : t("integration.canvas.trigger.subtitle.noEvent");
+  if (props.data.type === "event") {
+    const event = eventSubject(c);
+    return event ? t("integration.canvas.trigger.subtitle.onEvent", { event }) : t("integration.canvas.trigger.subtitle.noEvent");
+  }
   return t("integration.canvas.trigger.subtitle.onDemand");
 });
 const title = computed(() => {

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

@@ -21,6 +21,7 @@ import {
 import { deepClone } from "../../utils/deepClone";
 import { copyToClipboard } from "../../utils/clipboard";
 import { languageKeyRead, languageKeyToWrite, resolveDisplayName } from "../../utils/localize";
+import { keepOpenBeside } from "../../utils/dialog";
 const props = defineProps({
   open: { type: Boolean, required: true },
   variables: { type: Object, required: true }
@@ -156,7 +157,10 @@ async function copyUsage(key) {
 
 <template>
   <Dialog :open="open" @update:open="(v2) => emit('update:open', v2)">
-    <DialogContent class="max-w-[94vw] sm:max-w-3xl">
+    <DialogContent
+      class="max-w-[94vw] sm:max-w-3xl"
+      @interact-outside="keepOpenBeside"
+    >
       <DialogHeader>
         <DialogTitle>{{ t("integration.workflows.variables.dialog.title") }}</DialogTitle>
         <DialogDescription class="text-sm">

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

@@ -5,6 +5,9 @@ export interface AuditEntry {
     org_id?: string;
     tenant_id?: string;
     actor_sub?: string | null;
+    /** As the actor's sign-in stated it when the entry was written; null for the platform, and for entries from before names were recorded (PO-609). */
+    actor_name?: string | null;
+    actor_email?: string | null;
     action: string;
     resource_type: string;
     resource_id?: string;

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

@@ -1,10 +1,21 @@
 import { findManifest } from '../data/integrationNodeCatalog.js';
 import { resolveLocalized } from '../utils/localize.js';
+export interface NodeCatalogLoadOptions {
+    /**
+     * Enough to name, draw and group a node — no settings schemas (PE-990). For the
+     * surfaces that only show nodes: the dashboard, the template gallery and pages,
+     * a workflow's icon. The editor asks without it and gets every manifest whole; a
+     * summary is never asked for once the full catalogue is in, so it cannot replace
+     * what the editor reads.
+     */
+    summary?: boolean;
+}
 export declare function useIntegrationsNodes(): {
     loading: any;
     error: any;
     loaded: any;
-    load: (force?: boolean) => Promise<void>;
+    level: any;
+    load: (force?: boolean, opts?: NodeCatalogLoadOptions) => Promise<void>;
     findManifest: typeof findManifest;
     resolveLocalized: typeof resolveLocalized;
 };

package/dist/runtime/composables/useIntegrationsNodes.js

@@ -5,21 +5,38 @@ import { useIntegrationsT } from "./useIntegrationsT.js";
 import { errorReason } from "../utils/apiError.js";
 import { unwrapList } from "../utils/apiEnvelope.js";
 import { useLoadGate } from "./useLoadGate.js";
+import { whenIdle } from "../utils/whenIdle.js";
+import { catalogNeedsLoad, catalogRequest } from "../utils/nodeCatalogLevel.js";
 const RETRY_COOLDOWN_MS = 3e4;
 export function useIntegrationsNodes() {
   const loading = useState("integrations.nodes.loading", () => false);
   const error = useState("integrations.nodes.error", () => null);
   const loaded = useState("integrations.nodes.loaded", () => false);
+  const level = useState("integrations.nodes.level", () => null);
   const failedAt = useState("integrations.nodes.failedAt", () => 0);
   const gate = useLoadGate("integrations.nodes", { loading, loaded });
   const api = useIntegrationsApi();
   const t = useIntegrationsT();
-  async function load(force = false) {
-    if (!force && failedAt.value && Date.now() - failedAt.value < RETRY_COOLDOWN_MS) return;
-    if (!await gate.claim(force)) return;
+  async function load(force = false, opts = {}) {
+    const wanted = opts.summary ? "summary" : "full";
+    const coolingDown = () => !!failedAt.value && Date.now() - failedAt.value < RETRY_COOLDOWN_MS;
+    if (!force && coolingDown()) return;
+    if (!force) {
+      while (loading.value) await whenIdle(loading);
+      if (coolingDown()) return;
+      if (!catalogNeedsLoad(loaded.value ? level.value : null, wanted)) return;
+    }
+    if (!await gate.claim(force || loaded.value)) return;
     error.value = null;
+    const request = catalogRequest(loaded.value ? level.value : null, wanted);
+    if (request === "full" && level.value === "summary") {
+      applyNodeCatalog([]);
+      loaded.value = false;
+      level.value = null;
+    }
     try {
-      const list = unwrapList(await api.get("/nodes"));
+      const res = await api.get(request === "summary" ? "/nodes?fields=summary" : "/nodes");
+      const list = unwrapList(res);
       const manifests = list.filter((n) => n.manifest).map((n) => ({
         ...n.manifest,
         slug: n.manifest.slug ?? n.slug,
@@ -40,10 +57,12 @@ export function useIntegrationsNodes() {
         __packagePosition: typeof n.package_position === "number" ? n.package_position : void 0
       }));
       applyNodeCatalog(manifests);
+      level.value = request === "summary" && res?.fields === "summary" ? "summary" : "full";
       loaded.value = true;
       failedAt.value = 0;
     } catch (e) {
       applyNodeCatalog([]);
+      level.value = null;
       loaded.value = false;
       failedAt.value = Date.now();
       error.value = errorReason(e, t("integration.nodes.error.loadFailed"));
@@ -51,5 +70,5 @@ export function useIntegrationsNodes() {
       gate.release();
     }
   }
-  return { loading, error, loaded, load, findManifest, resolveLocalized };
+  return { loading, error, loaded, level, load, findManifest, resolveLocalized };
 }

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

@@ -15,6 +15,12 @@ export interface WorkflowRevisionMeta {
     description: string | null;
     active: boolean;
     blob_definition_version: string;
+    /** Who saved this revision (PO-609); all null for a platform write and for a revision from before authors were recorded. */
+    saved_by_sub?: string | null;
+    saved_by_name?: string | null;
+    saved_by_email?: string | null;
+    /** When that person saved it — not `archived_at`, which is when the next save replaced it. */
+    saved_at?: string | null;
     created_at: string | null;
     updated_at: string | null;
     archived_at: string | null;

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

@@ -10,7 +10,7 @@ export declare function useIntegrationsTemplates(): {
     list: () => WorkflowTemplate[];
     get: (slug: string) => WorkflowTemplate | null;
     fetchDetail: (slug: string) => Promise<WorkflowTemplate | null>;
-    ensureDetails: (slugs: string[], concurrency?: number) => Promise<void>;
+    ensureDetails: (slugs: string[], _concurrency?: number) => Promise<void>;
     requirements: (slug: string) => Promise<TemplateRequirements | null>;
     instantiate: (slug: string, opts?: {
         name?: string;

package/dist/runtime/composables/useIntegrationsTemplates.js

@@ -4,6 +4,7 @@ import { errorReason } from "../utils/apiError.js";
 import { unwrapList, unwrapRecord } from "../utils/apiEnvelope.js";
 import { resolveLocalized } from "../utils/localize.js";
 import { useLoadGate } from "./useLoadGate.js";
+import { createDetailLoader, keyedBatch } from "../utils/detailLoader.js";
 const BLOB_VERSION = "v0-draft";
 const INDUSTRY_VALUES = ["mechanical-engineering", "chemicals", "wholesale", "manufacturing", "retail", "any"];
 function plainExcerpt(md) {
@@ -89,6 +90,7 @@ function applyDetail(base, api) {
     outline: nodes.map((n) => n.nodeSlug ?? n.id).filter(Boolean)
   };
 }
+let sharedLoader = null;
 export function useIntegrationsTemplates() {
   const t = useIntegrationsT();
   const rawList = useState("integrations.templates.raw", () => []);
@@ -127,26 +129,33 @@ export function useIntegrationsTemplates() {
   function get(slug) {
     return templates.value.find((t2) => t2.slug === slug) ?? null;
   }
+  const loader = sharedLoader ??= createDetailLoader({
+    fetchOne: async (slug) => unwrapRecord(await api.get(`/templates/${slug}`)),
+    // A host that predates `include=definition` ignores it and sends the plain
+    // gallery list, whose items carry no `definition`: that reads as "no batch".
+    fetchMany: async (slugs) => keyedBatch(unwrapList(await api.get(
+      `/templates?include=definition&slugs=${slugs.map(encodeURIComponent).join(",")}`
+    )), "definition")
+  }, {
+    // The most slugs the service accepts in one `slugs` filter; more is a 422.
+    batchSize: 100
+  });
+  function remember(details) {
+    const found = [...details].filter((entry) => entry[1] !== null);
+    if (!found.length) return;
+    rawDetails.value = { ...rawDetails.value, ...Object.fromEntries(found) };
+  }
   async function fetchDetail(slug) {
     const base = get(slug);
     if (!base?.fromApi) return base;
-    try {
-      const detail = unwrapRecord(await api.get(`/templates/${slug}`));
-      rawDetails.value = { ...rawDetails.value, [slug]: detail };
-      return get(slug);
-    } catch {
-      return base;
-    }
+    const detail = await loader.one(slug);
+    if (detail) remember(/* @__PURE__ */ new Map([[slug, detail]]));
+    return get(slug);
   }
-  async function ensureDetails(slugs, concurrency = 4) {
-    const queue = slugs.filter((slug) => get(slug)?.fromApi && !get(slug)?.detailLoaded);
-    const workers = Array.from({ length: Math.min(concurrency, queue.length) }, async () => {
-      while (queue.length) {
-        const slug = queue.shift();
-        if (slug) await fetchDetail(slug);
-      }
-    });
-    await Promise.all(workers);
+  async function ensureDetails(slugs, _concurrency = 4) {
+    const wanted = slugs.filter((slug) => get(slug)?.fromApi && !get(slug)?.detailLoaded);
+    if (!wanted.length) return;
+    remember(await loader.many(wanted));
   }
   async function requirements(slug) {
     try {