@revenexx/studio-integrations 1.1.1 → 1.3.0

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

@@ -28,6 +28,7 @@
   "integration.audit.table.column.actor": "Actor",
   "integration.audit.table.column.resource": "Resource",
   "integration.audit.table.column.when": "When",
+  "integration.audit.toast.copyFailed": "Could not copy",
   "integration.audit.toast.copied": "Copied",
   "integration.canvas.badge.trigger": "Trigger",
   "integration.canvas.color.amber": "Amber",
@@ -70,9 +71,9 @@
   "integration.canvas.node.action.duplicate": "Duplicate",
   "integration.canvas.node.action.duplicateAria": "Duplicate node",
   "integration.canvas.node.badge.invalidConfig": "Config incomplete — {n} setting still needs fixing: {fields} | Config incomplete — {n} settings still need fixing: {fields}",
+  "integration.canvas.node.badge.loopBody": "Loop — nothing is wired to Item yet, so nothing repeats | Loop — repeats the one step wired to Item, once per element | Loop — repeats the {n} steps wired to Item, once per element",
   "integration.canvas.node.badge.noBuiltCode": "Version {version} is not ready to use — this step cannot be tested",
   "integration.canvas.node.badge.repeats": "Repeats — runs once per element of {iterators} | Repeats — runs once per element of each of the {n} loops it sits inside: {iterators}",
-  "integration.canvas.node.badge.loopBody": "Loop — nothing is wired to Item yet, so nothing repeats | Loop — repeats the one step wired to Item, once per element | Loop — repeats the {n} steps wired to Item, once per element",
   "integration.canvas.node.handle.input": "Input",
   "integration.canvas.node.meta.versionTitle": "Version {version}",
   "integration.canvas.node.note.heading": "Note",
@@ -229,6 +230,7 @@
   "integration.credentials.sftpImport.empty": "No active platform SFTP accounts. Create one under Integration Studio → SFTP first.",
   "integration.credentials.sftpImport.error.importFailed": "Import failed.",
   "integration.credentials.sftpImport.error.readPassword": "Could not read the account password.",
+  "integration.credentials.sftpImport.state.loading": "Loading the SFTP accounts…",
   "integration.credentials.sftpImport.title": "Import platform SFTP account",
   "integration.credentials.shared.action.testConnection": "Connect",
   "integration.credentials.shared.authKind.apiKey": "API Key",
@@ -263,6 +265,7 @@
   "integration.dashboard.attention.healthy": "All workflows healthy.",
   "integration.dashboard.attention.missedRuns": "{n} missed run | {n} missed runs",
   "integration.dashboard.attention.missedRuns.hint": "Triggers fired while their workflow couldn't run — review & replay.",
+  "integration.dashboard.attention.state.loading": "Checking what needs attention…",
   "integration.dashboard.attention.title": "Needs attention",
   "integration.dashboard.head.title": "Dashboard · Integration Studio",
   "integration.dashboard.header.description": "Everything that connects Revenue Cloud to the outside world.",
@@ -276,7 +279,9 @@
   "integration.dashboard.kpi.runningNow.sub": "live executions in flight",
   "integration.dashboard.kpi.scheduled.label": "Scheduled",
   "integration.dashboard.kpi.scheduled.sub": "scheduled triggers active",
+  "integration.dashboard.kpi.state.loading": "Loading the key figures…",
   "integration.dashboard.runs.empty": "No runs yet.",
+  "integration.dashboard.runs.state.loading": "Loading the latest executions…",
   "integration.dashboard.runs.title": "Latest executions",
   "integration.dashboard.surface.events.hint": "Live platform events that workflows subscribe to.",
   "integration.dashboard.surface.events.label": "Event Stream",
@@ -288,6 +293,7 @@
   "integration.dashboard.surface.webhooks.hint": "Inbound HTTP endpoints that trigger workflows.",
   "integration.dashboard.surface.webhooks.label": "Webhooks",
   "integration.dashboard.templates.empty": "No templates registered yet.",
+  "integration.dashboard.templates.state.loading": "Loading templates…",
   "integration.dashboard.templates.title": "Start from a template",
   "integration.deadLetters.action.discard": "Discard",
   "integration.deadLetters.action.replay": "Replay",
@@ -300,6 +306,7 @@
   "integration.deadLetters.panel.title": "Missed runs",
   "integration.deadLetters.reason.fallback": "No reason recorded.",
   "integration.deadLetters.state.empty": "No missed runs. Every trigger firing made it into a run.",
+  "integration.deadLetters.state.loading": "Loading the missed runs…",
   "integration.deadLetters.status.discarded": "discarded",
   "integration.deadLetters.status.pending": "waiting",
   "integration.deadLetters.status.replayed": "replayed",
@@ -317,7 +324,8 @@
   "integration.editor.action.discard.label": "Cancel",
   "integration.editor.action.discard.title": "Discard unsaved changes",
   "integration.editor.action.duplicate.label": "Duplicate",
-  "integration.editor.action.duplicate.title": "Duplicate this workflow",
+  "integration.editor.action.more.aria": "More actions for this workflow",
+  "integration.editor.action.more.label": "Actions",
   "integration.editor.action.pause.title": "Pause this workflow",
   "integration.editor.action.retry": "Retry",
   "integration.editor.action.save.label": "Save",
@@ -433,6 +441,7 @@
   "integration.editor.tab.editor": "Editor",
   "integration.editor.tab.history": "History",
   "integration.editor.tab.runs": "Runs",
+  "integration.editor.toast.deleted": "Deleted “{name}”",
   "integration.editor.toast.duplicated": "Duplicated as “{name}”",
   "integration.editor.tool.addGroup.label": "Group",
   "integration.editor.tool.addGroup.tooltip": "Add group frame — nodes dropped inside join it",
@@ -446,6 +455,8 @@
   "integration.editor.tool.select": "Select",
   "integration.editor.tool.settings.label": "Settings",
   "integration.editor.tool.settings.tooltip": "Workflow settings",
+  "integration.editor.tool.state.label": "State",
+  "integration.editor.tool.state.tooltip": "What this workflow remembers between runs",
   "integration.editor.tool.tidyUp": "Tidy up",
   "integration.editor.tool.variables.label": "Variables",
   "integration.editor.tool.variables.tooltip": "Workflow variables",
@@ -472,6 +483,7 @@
   "integration.history.preview.title.current": "Current version · revision {revision}",
   "integration.history.preview.title.revision": "Revision {revision} (read-only)",
   "integration.history.state.empty": "No archived revisions yet — save a change to create the first snapshot.",
+  "integration.history.state.loading": "Loading the version history…",
   "integration.history.toast.loadRevisionFailed": "Could not load the revision.",
   "integration.history.toast.restoreFailed": "Could not restore the revision.",
   "integration.history.toast.restored": "Revision {revision} restored",
@@ -519,8 +531,8 @@
   "integration.nodeConfig.dynamicSchema.reloading": "reloading fields…",
   "integration.nodeConfig.dynamicSchema.resolving": "Resolving fields…",
   "integration.nodeConfig.expression.badge.title": "Accepts ${{ … }} expressions",
-  "integration.nodeConfig.expression.insertTitle": "Insert expression",
   "integration.nodeConfig.expression.insertAria": "Insert expression — available data for this setting",
+  "integration.nodeConfig.expression.insertTitle": "Insert expression",
   "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",
@@ -586,6 +598,11 @@
   "integration.nodeConfig.resolve.error.generic": "Resolve failed",
   "integration.nodeConfig.secretRef.placeholder": "Pick a secret",
   "integration.nodeConfig.select.placeholder": "Pick one",
+  "integration.nodeConfig.state.action.new": "Declare a new namespace…",
+  "integration.nodeConfig.state.create.description": "It is added to this workflow's declarations as a {role} namespace and selected here.",
+  "integration.nodeConfig.state.create.title": "Declare a state namespace",
+  "integration.nodeConfig.state.empty": "This workflow declares none of this kind yet.",
+  "integration.nodeConfig.state.placeholder": "Choose a namespace…",
   "integration.nodeConfig.validation.max": "Must be ≤ {max}",
   "integration.nodeConfig.validation.maxLength": "Must be at most {max} characters",
   "integration.nodeConfig.validation.min": "Must be ≥ {min}",
@@ -631,9 +648,9 @@
   "integration.nodeInspector.notice.versionNotReady.upgrade": "Version {version} of this node is no longer usable. To keep using this step, it has to be upgraded to version {ready}.",
   "integration.nodeInspector.output.description": "What downstream nodes receive from this one. Declared by the node type; filled with real values once the step has run.",
   "integration.nodeInspector.output.loopBody.heading": "The loop body",
-  "integration.nodeInspector.output.loopBody.size": "Nothing is wired to Item yet, so this loop repeats nothing. | One step is wired to Item and runs once per element. | {n} steps are wired to Item and each runs once per element.",
-  "integration.nodeInspector.output.loopBody.names": "These repeat: {names}",
   "integration.nodeInspector.output.loopBody.joined": "One of them is wired after the loop as well, on the Done side — so it repeats with the body rather than running once: {names} | {n} of them are wired after the loop as well, on the Done side — so they repeat with the body rather than running once: {names}",
+  "integration.nodeInspector.output.loopBody.names": "These repeat: {names}",
+  "integration.nodeInspector.output.loopBody.size": "Nothing is wired to Item yet, so this loop repeats nothing. | One step is wired to Item and runs once per element. | {n} steps are wired to Item and each runs once per element.",
   "integration.nodeInspector.output.pin.editAction": "Edit pinned sample",
   "integration.nodeInspector.output.pin.editorAria": "Pinned sample output",
   "integration.nodeInspector.output.pin.hint": "A pinned sample stands in for run data while you map downstream fields.",
@@ -728,6 +745,7 @@
   "integration.nodeInspector.toast.configCopyFailed": "Could not copy config",
   "integration.nodeInspector.toast.configPasted": "Config pasted",
   "integration.nodeInspector.toast.expressionCopied": "Expression copied. Click into a field first to insert it directly.",
+  "integration.nodeInspector.toast.expressionCopyFailed": "Could not copy the expression. Click into a field to insert it directly.",
   "integration.nodeInspector.toast.rotateFailed": "Could not rotate the secret.",
   "integration.nodeInspector.toast.rotateNoSecret": "The endpoint did not return a secret.",
   "integration.nodeInspector.toast.samplePinned": "Sample output pinned",
@@ -789,6 +807,20 @@
   "integration.nodeInspector.trigger.webhook.username.hint": "Optional — pins the Basic-auth username. The password is the endpoint secret.",
   "integration.nodeInspector.trigger.webhook.username.label": "Username",
   "integration.nodeInspector.trigger.webhook.username.placeholder": "Any username",
+  "integration.nodeInspector.version.available": "Version {version} is available.",
+  "integration.nodeInspector.version.change": "Change version",
+  "integration.nodeInspector.version.move.confirm": "Change version",
+  "integration.nodeInspector.version.move.description": "The step keeps its connections, its name and its note. What changes is the version — and any setting the chosen version does not have.",
+  "integration.nodeInspector.version.move.dropped": "Will be removed",
+  "integration.nodeInspector.version.move.lossless": "Every setting travels unchanged.",
+  "integration.nodeInspector.version.move.notComparable": "Version {version} is no longer in the catalogue, so what differs between the two cannot be compared. The list below is what arrives, not what was checked.",
+  "integration.nodeInspector.version.move.reason.changed": "changed between the versions",
+  "integration.nodeInspector.version.move.reason.nowRequired": "required, and not answered yet",
+  "integration.nodeInspector.version.move.review": "Worth checking afterwards",
+  "integration.nodeInspector.version.move.same": "This is the version the step is already on.",
+  "integration.nodeInspector.version.move.targetAria": "Version to change this step to",
+  "integration.nodeInspector.version.move.title": "Change this step's version",
+  "integration.nodeInspector.version.moveTo": "Change to version {version}",
   "integration.nodes.category.action": "Actions",
   "integration.nodes.category.control": "Control flow",
   "integration.nodes.category.io": "I/O",
@@ -908,13 +940,15 @@
   "integration.runs.payload.parseError": "The JSON does not parse — fix it before switching back to the form.",
   "integration.runs.response.action.viewRun": "View run",
   "integration.runs.response.action.viewRunWithId": "View run #{id}",
-  "integration.runs.response.async.started": "Run started and is executing in the background.",
-  "integration.runs.response.async.startedWithId": "Run #{id} started and is executing in the background.",
-  "integration.runs.response.description.async": "Queued for background execution",
+  "integration.runs.response.async.started": "Run started.",
+  "integration.runs.response.async.startedWithId": "Run #{id} started.",
+  "integration.runs.response.description.async": "Started in the background",
   "integration.runs.response.description.sync": "Synchronous run result",
-  "integration.runs.response.empty": "No response.",
+  "integration.runs.response.following": "Waiting for the run to finish…",
   "integration.runs.response.loading.async": "Starting…",
   "integration.runs.response.loading.sync": "Running…",
+  "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.sync": "Run response",
   "integration.runs.status.cancelled": "cancelled",
@@ -929,6 +963,8 @@
   "integration.runs.table.column.trigger": "Trigger",
   "integration.runs.table.column.workflow": "Workflow",
   "integration.runs.table.empty": "No runs yet — kick off a workflow to populate this view.",
+  "integration.runs.table.empty.narrowed": "No runs match this narrowing.",
+  "integration.runs.table.filter.all": "All",
   "integration.runs.table.search.placeholder": "Search runs…",
   "integration.runs.tabs.runs.label": "Runs",
   "integration.runs.toast.action.requested": "{action} requested",
@@ -991,6 +1027,7 @@
   "integration.secrets.error.loadFailed": "Could not load secrets.",
   "integration.secrets.error.valueRequired": "Value is required.",
   "integration.secrets.form.error.invalidKey": "Key must match ^[A-Z0-9_]+$ (uppercase letters, digits, underscores).",
+  "integration.secrets.form.error.saveFailed": "Could not save the secret.",
   "integration.secrets.form.key.label": "Key",
   "integration.secrets.form.key.patternLabel": "Pattern:",
   "integration.secrets.form.value.hide": "Hide value",
@@ -1129,7 +1166,12 @@
   "integration.workflows.create.template.noMatch": "Nothing matches “{query}”.",
   "integration.workflows.create.template.search.aria": "Search templates",
   "integration.workflows.create.template.search.placeholder": "Search templates…",
+  "integration.workflows.create.template.state.loading": "Loading templates…",
   "integration.workflows.create.toast.templateError": "Could not create the workflow from this template.",
+  "integration.workflows.delete.action.deleting": "Deleting…",
+  "integration.workflows.delete.dialog.description": "and all its revision history will be permanently deleted.",
+  "integration.workflows.delete.dialog.title": "Delete workflow?",
+  "integration.workflows.delete.error.generic": "The workflow could not be deleted.",
   "integration.workflows.duplicate.dialog.description": "Creates a paused copy of “{name}” with all triggers off.",
   "integration.workflows.duplicate.dialog.title": "Duplicate workflow",
   "integration.workflows.duplicate.error.generic": "Could not duplicate the workflow.",
@@ -1167,6 +1209,34 @@
   "integration.workflows.settings.section.appearance": "Appearance",
   "integration.workflows.settings.section.execution": "Execution",
   "integration.workflows.settings.section.metadata": "Metadata",
+  "integration.workflows.state.action.add": "Declare",
+  "integration.workflows.state.action.done": "Done",
+  "integration.workflows.state.action.remove": "Remove declaration",
+  "integration.workflows.state.action.remove.hint": "Removing the declaration takes this workflow's access away. The stored entries stay where they are.",
+  "integration.workflows.state.dialog.description": "What this workflow may remember between runs. It can only reach the namespaces declared here — anything else is refused when the workflow runs.",
+  "integration.workflows.state.dialog.title": "State namespaces",
+  "integration.workflows.state.error.invalidName": "Use lowercase letters, digits and . - _, starting with a letter — for example article or crm.customers.",
+  "integration.workflows.state.error.nameExists": "This workflow already declares that namespace.",
+  "integration.workflows.state.field.newName.label": "Declare a namespace",
+  "integration.workflows.state.field.newName.placeholder": "article",
+  "integration.workflows.state.field.newRole.label": "Role",
+  "integration.workflows.state.field.newVisibility.label": "Visible to",
+  "integration.workflows.state.field.visibility.label": "Visible to",
+  "integration.workflows.state.role.cursor.hint": "Remembers how far an incremental import read. It only moves on when the run finishes cleanly.",
+  "integration.workflows.state.role.cursor.label": "Cursor",
+  "integration.workflows.state.role.dedupe.hint": "Marks something as already processed, so a repeated delivery is not booked twice.",
+  "integration.workflows.state.role.dedupe.label": "Dedupe",
+  "integration.workflows.state.role.digest.hint": "Remembers what was last written, so unchanged records can be skipped.",
+  "integration.workflows.state.role.digest.label": "Digest",
+  "integration.workflows.state.role.fixed": "The role is fixed once the namespace is declared: entries written with one meaning cannot be read back with another.",
+  "integration.workflows.state.role.mapping.hint": "Correlates an id on each side, so a later run knows whether to create or update.",
+  "integration.workflows.state.role.mapping.label": "Mapping",
+  "integration.workflows.state.row.aria": "State namespace {namespace}",
+  "integration.workflows.state.empty": "This workflow remembers nothing between runs yet.",
+  "integration.workflows.state.visibility.private.hint": "Only this workflow reads and writes it, and it is deleted along with the workflow.",
+  "integration.workflows.state.visibility.private.label": "This workflow",
+  "integration.workflows.state.visibility.shared.hint": "Every workflow in this tenant reads and writes these entries, and the namespace stays when this workflow is deleted.",
+  "integration.workflows.state.visibility.shared.label": "Every workflow",
   "integration.workflows.table.action.groupByTags": "Group by tags",
   "integration.workflows.table.column.build": "Build",
   "integration.workflows.table.column.lastRun": "Last run",
@@ -1175,9 +1245,6 @@
   "integration.workflows.table.column.status": "Status",
   "integration.workflows.table.column.triggers": "Triggers",
   "integration.workflows.table.column.updated": "Updated",
-  "integration.workflows.table.deleteDialog.action.deleting": "Deleting…",
-  "integration.workflows.table.deleteDialog.description": "and all its revision history will be permanently deleted.",
-  "integration.workflows.table.deleteDialog.title": "Delete workflow?",
   "integration.workflows.table.group.noTags": "No tags",
   "integration.workflows.table.lastRun.aria.never": "{name} last run: Never run",
   "integration.workflows.table.menu.action.activate": "Activate",

package/dist/runtime/pages/integrations/audit.vue

@@ -10,7 +10,7 @@ import {
   Play as Run
 } from "#solar-icons";
 import { Badge, Button } from "@revenexx/studio";
-import { toast } from "vue-sonner";
+import { copyToClipboard } from "../../utils/clipboard";
 const t = useIntegrationsT();
 useHead({ title: () => t("integration.audit.head.title") });
 const { entries, loading, error, hasMore, load, loadMore } = useIntegrationsAudit();
@@ -76,11 +76,12 @@ const columns = computed(() => [
   { key: "when", label: t("integration.audit.table.column.when"), width: "180px", sortable: true, sortGetter: (e) => e.created_at }
 ]);
 const selected = ref(null);
-function copy(t2) {
-  if (t2 && navigator.clipboard) {
-    navigator.clipboard.writeText(t2);
-    toast.success(t("integration.audit.toast.copied"));
-  }
+function copy(text) {
+  if (!text) return;
+  void copyToClipboard(text, {
+    copied: t("integration.audit.toast.copied"),
+    failed: t("integration.audit.toast.copyFailed")
+  });
 }
 const panelEl = ref(null);
 let opener = null;

package/dist/runtime/pages/integrations/credentials.vue

@@ -31,7 +31,7 @@ import {
   SelectValue
 } from "@revenexx/studio";
 import { toast } from "../../utils/notify";
-import { apiFieldErrors, refusalReason } from "../../utils/apiError";
+import { apiFieldErrors, errorReason } from "../../utils/apiError";
 import { CREDENTIAL_STATES, credentialState, credentialStateLabel } from "../../utils/credentialState";
 import { hasRevenexxSource } from "../../utils/revenexxCredentialSource";
 import { resolveLocalized } from "../../utils/localize";
@@ -177,35 +177,23 @@ async function submit() {
     }
   } catch (e) {
     fieldErrors.value = apiFieldErrors(e);
-    saveError.value = refusalReason(e, t("integration.credentials.error.save"));
+    saveError.value = errorReason(e, t("integration.credentials.error.save"));
     toast.error(saveError.value);
   } finally {
     saving.value = false;
   }
 }
 const connecting = ref(null);
+const { open: openAuthorisation } = useOAuthConnect(async (outcome) => {
+  await load(true);
+  if (outcome === "completed") toast.success(t("integration.credentials.toast.connected"));
+});
 async function connect(c) {
   connecting.value = c.id;
   try {
-    const authorizeUrl = await oauthAuthorizeUrl(c.id);
-    const popup = window.open(authorizeUrl, "oauth-connect", "width=600,height=720");
-    const onMessage = async (ev) => {
-      if (ev.data?.type === "integrations-oauth-complete") {
-        window.removeEventListener("message", onMessage);
-        await load(true);
-        toast.success(t("integration.credentials.toast.connected"));
-      }
-    };
-    window.addEventListener("message", onMessage);
-    const poll = window.setInterval(async () => {
-      if (popup?.closed) {
-        window.clearInterval(poll);
-        window.removeEventListener("message", onMessage);
-        await load(true);
-      }
-    }, 1e3);
+    openAuthorisation(await oauthAuthorizeUrl(c.id));
   } catch (e) {
-    toast.error(e?.message ?? t("integration.credentials.error.oauthConnect"));
+    toast.error(errorReason(e, t("integration.credentials.error.oauthConnect")));
   } finally {
     connecting.value = null;
   }
@@ -221,7 +209,7 @@ async function confirmDelete() {
     toast.success(t("integration.credentials.toast.deleted"));
     pendingDelete.value = null;
   } catch (e) {
-    toast.error(e?.message ?? t("integration.credentials.error.delete"));
+    toast.error(errorReason(e, t("integration.credentials.error.delete")));
   } finally {
     deleting.value = false;
   }

package/dist/runtime/pages/integrations/index.vue

@@ -1,10 +1,12 @@
 <script setup>
 import { computed, ref, watch } from "vue";
+import LoadingAnnouncement from "../../components/Integrations/LoadingAnnouncement.vue";
 import SurfaceCard from "../../components/Integrations/SurfaceCard.vue";
 import TemplateCard from "../../components/Integrations/TemplateCard.vue";
 import WorkflowCreateDialog from "../../components/Integrations/WorkflowCreateDialog.vue";
 import { Pulse as Activity, DangerTriangle as AlertTriangle, ArrowRight, Box as Boxes, ClockCircle as Clock, Database, Layers, AddCircle as Plus, Radio, MagicStick as Sparkles, LinkRound as Webhook, Programming as Workflow } from "#solar-icons";
 import { Badge, Button } from "@revenexx/studio";
+import { formatDuration } from "../../utils/formatDuration";
 import { servedPaths } from "../../utils/servedPaths";
 import { RUN_STATUS_COLUMN_WIDTH, runStatusClass, runStatusLabel } from "../../utils/statusStyle";
 const LATEST_RUN_COLUMNS = `${RUN_STATUS_COLUMN_WIDTH} minmax(0,1fr) 100px 70px`;
@@ -22,10 +24,19 @@ const { startingPoints, loading: templatesLoading, load: loadTemplates, ensureDe
 watch(() => startingPoints.value.map((t2) => t2.slug).join(","), () => {
   if (startingPoints.value.length) void ensureDetails(startingPoints.value.map((t2) => t2.slug));
 }, { immediate: true });
-const { activeCount: schedulesActive, load: loadSchedules } = useIntegrationsSchedules();
+const { activeCount: schedulesActive, loading: schedulesLoading, load: loadSchedules } = useIntegrationsSchedules();
 const { pendingCount: missedRuns, globalLoading: missedLoading, loadGlobal: loadMissedRuns } = useIntegrationsDeadLetters();
-const kpisLoading = computed(() => workflowsLoading.value && !workflows.value.length || runsLoading.value && !latestRunPerWorkflow.value.length);
+const kpiWaits = computed(() => ({
+  activeWorkflows: workflowsLoading.value && !workflows.value.length,
+  runningNow: runsLoading.value && !latestRunPerWorkflow.value.length,
+  scheduled: schedulesLoading.value && schedulesActive.value === 0,
+  missedRuns: missedLoading.value && missedRuns.value === 0
+}));
 const latestLoading = computed(() => runsLoading.value && !latestRunPerWorkflow.value.length);
+const awaitingKpis = computed(() => Object.values(kpiWaits.value).some(Boolean));
+const awaitingLatestRuns = computed(() => latestLoading.value && !latestRunPerWorkflow.value.length);
+const awaitingAttention = computed(() => (missedLoading.value || latestLoading.value) && !missedRuns.value && !failedRecent.value.length);
+const awaitingStartingPoints = computed(() => templatesLoading.value && !startingPoints.value.length);
 const createOpen = ref(false);
 const NuxtLinkComp = resolveComponent("NuxtLink");
 onMounted(() => {
@@ -51,6 +62,7 @@ function formatRelative(iso) {
 const kpis = computed(() => [
   {
     key: "activeWorkflows",
+    waiting: kpiWaits.value.activeWorkflows,
     label: t("integration.dashboard.kpi.activeWorkflows.label"),
     value: activeWorkflows.value,
     // A plural key, so the count is the second argument. Called without one it
@@ -61,6 +73,7 @@ const kpis = computed(() => [
   },
   {
     key: "runningNow",
+    waiting: kpiWaits.value.runningNow,
     label: t("integration.dashboard.kpi.runningNow.label"),
     value: runningCount.value,
     sub: t("integration.dashboard.kpi.runningNow.sub"),
@@ -69,6 +82,7 @@ const kpis = computed(() => [
   },
   {
     key: "scheduled",
+    waiting: kpiWaits.value.scheduled,
     label: t("integration.dashboard.kpi.scheduled.label"),
     value: schedulesActive.value,
     sub: t("integration.dashboard.kpi.scheduled.sub"),
@@ -77,6 +91,7 @@ const kpis = computed(() => [
   },
   {
     key: "missedRuns",
+    waiting: kpiWaits.value.missedRuns,
     label: t("integration.dashboard.kpi.missedRuns.label"),
     value: missedRuns.value,
     sub: t("integration.dashboard.kpi.missedRuns.sub"),
@@ -124,13 +139,22 @@ function surfaceCards() {
            contents — named "Missed runs" alone it would announce less than the
            three tiles beside it. -->
       <div role="group" :aria-label="t('integration.dashboard.kpi.aria.group')" class="grid gap-2 sm:grid-cols-2 lg:grid-cols-4">
+        <!-- Four panels on this page wait on four sources, so each says so under its
+             own name (PO-251). The tiles' own names drop their figure while this is
+             true: a tile named "Active workflows: 0" from an empty list does not read
+             as waiting, it reads as an answer. -->
+        <LoadingAnnouncement
+          :label="t('integration.dashboard.kpi.aria.group')"
+          :loading="awaitingKpis"
+          :text="t('integration.dashboard.kpi.state.loading')"
+        />
         <component
           :is="k.to ? NuxtLinkComp : 'div'"
           v-for="k in kpis"
           :key="k.key"
           :to="k.to"
           :role="k.to ? void 0 : 'group'"
-          :aria-label="`${k.label}: ${k.value}`"
+          :aria-label="k.waiting ? k.label : `${k.label}: ${k.value}`"
           class="block rounded-lg border border-black/[0.06] bg-white p-3"
           :class="k.to ? 'transition hover:border-black/20' : ''"
         >
@@ -139,7 +163,7 @@ function surfaceCards() {
               <div class="text-mono text-muted-foreground truncate">
                 {{ k.label }}
               </div>
-              <div v-if="kpisLoading" class="my-1.5 h-6 w-12 rounded bg-black/[0.07] animate-pulse" />
+              <div v-if="k.waiting" aria-hidden="true" class="my-1.5 h-6 w-12 rounded bg-black/[0.07] animate-pulse" />
               <div v-else class="text-2xl font-semibold tabular-nums text-[#0B0522]">
                 {{ k.value }}
               </div>
@@ -169,6 +193,11 @@ function surfaceCards() {
               {{ t("integration.common.action.viewAll") }} <ArrowRight :size="11" />
             </NuxtLink>
           </div>
+          <LoadingAnnouncement
+            :label="t('integration.dashboard.runs.title')"
+            :loading="awaitingLatestRuns"
+            :text="t('integration.dashboard.runs.state.loading')"
+          />
           <div>
             <!-- An entry is a link, not a div that answers a click: that is what
                  makes it reachable by keyboard, and it is what gives it a name —
@@ -199,14 +228,22 @@ function surfaceCards() {
               <div class="text-sm text-muted-foreground tabular-nums truncate">
                 {{ formatRelative(r.startedAt) }}
               </div>
+              <!-- The ellipsis is this panel's own answer and not the formatter's em
+                   dash: an entry here is the latest run of a workflow, so a missing
+                   duration means it is still going, where the runs table counts up a
+                   live figure instead. The figure itself is the shared spelling
+                   (PO-383) — this cell used to divide by a thousand on the spot and
+                   print two decimals, which said `0.90s` for 900 ms and `63.00s` for a
+                   step the run record called `1m 3s`. -->
               <div class="text-sm text-muted-foreground tabular-nums text-right">
-                {{ r.durationMs == null ? "\u2026" : `${(r.durationMs / 1e3).toFixed(2)}s` }}
+                {{ r.durationMs == null ? "\u2026" : formatDuration(r.durationMs) }}
               </div>
             </NuxtLink>
-            <template v-if="latestLoading && !latestPerWorkflow.length">
+            <template v-if="awaitingLatestRuns">
               <div
                 v-for="n in 6"
                 :key="`sk-run-${n}`"
+                aria-hidden="true"
                 class="grid items-center gap-2 border-b border-black/[0.04] px-3 py-2.5 last:border-b-0"
                 :style="{ gridTemplateColumns: LATEST_RUN_COLUMNS }"
               >
@@ -235,7 +272,12 @@ function surfaceCards() {
               <h3 class="text-sm font-semibold">{{ t("integration.dashboard.attention.title") }}</h3>
             </div>
           </div>
-          <div v-if="(missedLoading || latestLoading) && !missedRuns && !failedRecent.length" class="space-y-2 p-3">
+          <LoadingAnnouncement
+            :label="t('integration.dashboard.attention.title')"
+            :loading="awaitingAttention"
+            :text="t('integration.dashboard.attention.state.loading')"
+          />
+          <div v-if="awaitingAttention" aria-hidden="true" class="space-y-2 p-3">
             <div v-for="n in 3" :key="`sk-att-${n}`" class="h-3 rounded bg-black/[0.07] animate-pulse" :class="n === 1 ? 'w-2/3' : n === 2 ? 'w-1/2' : 'w-3/5'" />
           </div>
           <div v-else-if="missedRuns || failedRecent.length">
@@ -305,7 +347,12 @@ function surfaceCards() {
             {{ t("integration.common.action.seeAll") }} <ArrowRight :size="11" />
           </NuxtLink>
         </div>
-        <div v-if="templatesLoading && !startingPoints.length" class="grid gap-2 p-3 sm:grid-cols-2 lg:grid-cols-4">
+        <LoadingAnnouncement
+          :label="t('integration.dashboard.templates.title')"
+          :loading="awaitingStartingPoints"
+          :text="t('integration.dashboard.templates.state.loading')"
+        />
+        <div v-if="awaitingStartingPoints" aria-hidden="true" class="grid gap-2 p-3 sm:grid-cols-2 lg:grid-cols-4">
           <div v-for="n in 4" :key="`sk-tpl-${n}`" class="rounded-md border border-black/[0.06] bg-white p-3 space-y-2">
             <div class="h-5 w-20 rounded bg-black/[0.07] animate-pulse" />
             <div class="h-3 w-3/4 rounded bg-black/[0.07] animate-pulse" />