@revenexx/studio-integrations 1.1.1 → 1.2.0

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

@@ -28,6 +28,7 @@
   "integration.audit.table.column.actor": "Akteur",
   "integration.audit.table.column.resource": "Ressource",
   "integration.audit.table.column.when": "Wann",
+  "integration.audit.toast.copyFailed": "Kopieren fehlgeschlagen",
   "integration.audit.toast.copied": "Kopiert",
   "integration.canvas.badge.trigger": "Trigger",
   "integration.canvas.color.amber": "Bernstein",
@@ -229,6 +230,7 @@
   "integration.credentials.sftpImport.empty": "Keine aktiven Plattform-SFTP-Konten. Zuerst eines unter Integration Studio → SFTP anlegen.",
   "integration.credentials.sftpImport.error.importFailed": "Import fehlgeschlagen.",
   "integration.credentials.sftpImport.error.readPassword": "Das Kontopasswort konnte nicht gelesen werden.",
+  "integration.credentials.sftpImport.state.loading": "SFTP-Konten werden geladen…",
   "integration.credentials.sftpImport.title": "Plattform-SFTP-Konto importieren",
   "integration.credentials.shared.action.testConnection": "Verbindung testen",
   "integration.credentials.shared.authKind.apiKey": "API-Key",
@@ -263,6 +265,7 @@
   "integration.dashboard.attention.healthy": "Alle Workflows in Ordnung.",
   "integration.dashboard.attention.missedRuns": "{n} verpasster Run | {n} verpasste Runs",
   "integration.dashboard.attention.missedRuns.hint": "Trigger haben ausgelöst, während ihr Workflow nicht laufen konnte — prüfen und erneut ausführen.",
+  "integration.dashboard.attention.state.loading": "Es wird geprüft, was Aufmerksamkeit erfordert…",
   "integration.dashboard.attention.title": "Erfordert Aufmerksamkeit",
   "integration.dashboard.head.title": "Dashboard · Integration Studio",
   "integration.dashboard.header.description": "Alles, was die Revenue Cloud mit der Außenwelt verbindet.",
@@ -276,7 +279,9 @@
   "integration.dashboard.kpi.runningNow.sub": "laufende Runs",
   "integration.dashboard.kpi.scheduled.label": "Geplant",
   "integration.dashboard.kpi.scheduled.sub": "aktive Zeitplan-Trigger",
+  "integration.dashboard.kpi.state.loading": "Kennzahlen werden geladen…",
   "integration.dashboard.runs.empty": "Noch keine Runs.",
+  "integration.dashboard.runs.state.loading": "Letzte Runs werden geladen…",
   "integration.dashboard.runs.title": "Letzte Runs",
   "integration.dashboard.surface.events.hint": "Live-Events der Plattform, die Workflows abonnieren.",
   "integration.dashboard.surface.events.label": "Event-Stream",
@@ -288,6 +293,7 @@
   "integration.dashboard.surface.webhooks.hint": "Eingehende HTTP-Endpoints, die Workflows auslösen.",
   "integration.dashboard.surface.webhooks.label": "Webhooks",
   "integration.dashboard.templates.empty": "Noch keine Vorlagen registriert.",
+  "integration.dashboard.templates.state.loading": "Vorlagen werden geladen…",
   "integration.dashboard.templates.title": "Mit einer Vorlage starten",
   "integration.deadLetters.action.discard": "Verwerfen",
   "integration.deadLetters.action.replay": "Wiederholen",
@@ -300,6 +306,7 @@
   "integration.deadLetters.panel.title": "Verpasste Runs",
   "integration.deadLetters.reason.fallback": "Kein Grund erfasst.",
   "integration.deadLetters.state.empty": "Keine verpassten Runs. Jeder Trigger hat einen Run ausgelöst.",
+  "integration.deadLetters.state.loading": "Verpasste Runs werden geladen…",
   "integration.deadLetters.status.discarded": "verworfen",
   "integration.deadLetters.status.pending": "wartet",
   "integration.deadLetters.status.replayed": "wiederholt",
@@ -317,7 +324,8 @@
   "integration.editor.action.discard.label": "Verwerfen",
   "integration.editor.action.discard.title": "Nicht gespeicherte Änderungen verwerfen",
   "integration.editor.action.duplicate.label": "Duplizieren",
-  "integration.editor.action.duplicate.title": "Diesen Workflow duplizieren",
+  "integration.editor.action.more.aria": "Weitere Aktionen für diesen Workflow",
+  "integration.editor.action.more.label": "Aktionen",
   "integration.editor.action.pause.title": "Workflow pausieren",
   "integration.editor.action.retry": "Erneut versuchen",
   "integration.editor.action.save.label": "Speichern",
@@ -433,6 +441,7 @@
   "integration.editor.tab.editor": "Editor",
   "integration.editor.tab.history": "Verlauf",
   "integration.editor.tab.runs": "Runs",
+  "integration.editor.toast.deleted": "„{name}“ gelöscht",
   "integration.editor.toast.duplicated": "Dupliziert als „{name}“",
   "integration.editor.tool.addGroup.label": "Gruppe",
   "integration.editor.tool.addGroup.tooltip": "Gruppenrahmen hinzufügen — hineingezogene Nodes treten ihr bei",
@@ -472,6 +481,7 @@
   "integration.history.preview.title.current": "Aktuelle Version · Revision {revision}",
   "integration.history.preview.title.revision": "Revision {revision} (schreibgeschützt)",
   "integration.history.state.empty": "Noch keine archivierten Revisionen — speichern Sie eine Änderung, um die erste Momentaufnahme zu erstellen.",
+  "integration.history.state.loading": "Versionsverlauf wird geladen…",
   "integration.history.toast.loadRevisionFailed": "Die Revision konnte nicht geladen werden.",
   "integration.history.toast.restoreFailed": "Die Revision konnte nicht wiederhergestellt werden.",
   "integration.history.toast.restored": "Revision {revision} wiederhergestellt",
@@ -728,6 +738,7 @@
   "integration.nodeInspector.toast.configCopyFailed": "Konfiguration konnte nicht kopiert werden",
   "integration.nodeInspector.toast.configPasted": "Konfiguration eingefügt",
   "integration.nodeInspector.toast.expressionCopied": "Ausdruck kopiert. Klicken Sie zuerst in ein Feld, um ihn direkt einzufügen.",
+  "integration.nodeInspector.toast.expressionCopyFailed": "Ausdruck konnte nicht kopiert werden. Klicken Sie in ein Feld, um ihn direkt einzufügen.",
   "integration.nodeInspector.toast.rotateFailed": "Secret konnte nicht neu erzeugt werden.",
   "integration.nodeInspector.toast.rotateNoSecret": "Der Endpoint hat kein Secret zurückgegeben.",
   "integration.nodeInspector.toast.samplePinned": "Beispielausgabe angeheftet",
@@ -908,13 +919,15 @@
   "integration.runs.payload.parseError": "Das JSON lässt sich nicht parsen — beheben Sie den Fehler, bevor Sie zur Formularansicht zurückwechseln.",
   "integration.runs.response.action.viewRun": "Run ansehen",
   "integration.runs.response.action.viewRunWithId": "Run #{id} ansehen",
-  "integration.runs.response.async.started": "Run wurde gestartet und läuft im Hintergrund.",
-  "integration.runs.response.async.startedWithId": "Run #{id} wurde gestartet und läuft im Hintergrund.",
-  "integration.runs.response.description.async": "Für Hintergrundausführung eingereiht",
+  "integration.runs.response.async.started": "Run wurde gestartet.",
+  "integration.runs.response.async.startedWithId": "Run #{id} wurde gestartet.",
+  "integration.runs.response.description.async": "Im Hintergrund gestartet",
   "integration.runs.response.description.sync": "Synchrones Run-Ergebnis",
-  "integration.runs.response.empty": "Keine Antwort.",
+  "integration.runs.response.following": "Warten, bis der Run fertig ist…",
   "integration.runs.response.loading.async": "Wird gestartet…",
   "integration.runs.response.loading.sync": "Wird ausgeführt…",
+  "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.sync": "Run-Antwort",
   "integration.runs.status.cancelled": "abgebrochen",
@@ -929,6 +942,8 @@
   "integration.runs.table.column.trigger": "Trigger",
   "integration.runs.table.column.workflow": "Workflow",
   "integration.runs.table.empty": "Noch keine Runs — starten Sie einen Workflow, um diese Ansicht zu füllen.",
+  "integration.runs.table.empty.narrowed": "Keine Runs passen zu dieser Einschränkung.",
+  "integration.runs.table.filter.all": "Alle",
   "integration.runs.table.search.placeholder": "Runs durchsuchen…",
   "integration.runs.tabs.runs.label": "Runs",
   "integration.runs.toast.action.requested": "{action} angefordert",
@@ -991,6 +1006,7 @@
   "integration.secrets.error.loadFailed": "Secrets konnten nicht geladen werden.",
   "integration.secrets.error.valueRequired": "Der Wert ist erforderlich.",
   "integration.secrets.form.error.invalidKey": "Der Schlüssel muss ^[A-Z0-9_]+$ entsprechen (Großbuchstaben, Ziffern, Unterstriche).",
+  "integration.secrets.form.error.saveFailed": "Das Secret konnte nicht gespeichert werden.",
   "integration.secrets.form.key.label": "Schlüssel",
   "integration.secrets.form.key.patternLabel": "Muster:",
   "integration.secrets.form.value.hide": "Wert ausblenden",
@@ -1129,7 +1145,12 @@
   "integration.workflows.create.template.noMatch": "Keine Treffer für „{query}“.",
   "integration.workflows.create.template.search.aria": "Vorlagen durchsuchen",
   "integration.workflows.create.template.search.placeholder": "Vorlagen durchsuchen…",
+  "integration.workflows.create.template.state.loading": "Vorlagen werden geladen…",
   "integration.workflows.create.toast.templateError": "Der Workflow konnte nicht aus dieser Vorlage erstellt werden.",
+  "integration.workflows.delete.action.deleting": "Wird gelöscht…",
+  "integration.workflows.delete.dialog.description": "und der gesamte Revisionsverlauf werden endgültig gelöscht.",
+  "integration.workflows.delete.dialog.title": "Workflow löschen?",
+  "integration.workflows.delete.error.generic": "Der Workflow konnte nicht gelöscht werden.",
   "integration.workflows.duplicate.dialog.description": "Erstellt eine pausierte Kopie von „{name}“ mit allen Triggern aus.",
   "integration.workflows.duplicate.dialog.title": "Workflow duplizieren",
   "integration.workflows.duplicate.error.generic": "Der Workflow konnte nicht dupliziert werden.",
@@ -1175,9 +1196,6 @@
   "integration.workflows.table.column.status": "Status",
   "integration.workflows.table.column.triggers": "Trigger",
   "integration.workflows.table.column.updated": "Aktualisiert",
-  "integration.workflows.table.deleteDialog.action.deleting": "Wird gelöscht…",
-  "integration.workflows.table.deleteDialog.description": "und der gesamte Revisionsverlauf werden endgültig gelöscht.",
-  "integration.workflows.table.deleteDialog.title": "Workflow löschen?",
   "integration.workflows.table.group.noTags": "Keine Tags",
   "integration.workflows.table.lastRun.aria.never": "{name}, letzter Run: Nie ausgeführt",
   "integration.workflows.table.menu.action.activate": "Aktivieren",

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",
@@ -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",
@@ -472,6 +481,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",
@@ -728,6 +738,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",
@@ -908,13 +919,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 +942,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 +1006,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 +1145,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.",
@@ -1175,9 +1196,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" />