@revenexx/studio-integrations 2.0.0 → 2.2.0

package/dist/runtime/data/payloadForm.js

@@ -1,6 +1,6 @@
 import { useIntegrationsT } from "../composables/useIntegrationsT.js";
 import { deepClone } from "../utils/deepClone.js";
-const PAYLOAD_REF_RE = /\$\{\{\s*trigger\.payload\.([a-zA-Z0-9_.-]+)/g;
+const PAYLOAD_REF_RE = /\$\{\{\s*trigger\.payload\.([\w.-]+)/g;
 const FILE_KEYS = /* @__PURE__ */ new Set(["data", "filename", "contentType", "size"]);
 function collectRefs(value, out) {
   if (typeof value === "string") {

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

@@ -81,6 +81,15 @@
   "integration.canvas.node.port.resolving": "Ports",
   "integration.canvas.palette.action.back": "Zurück",
   "integration.canvas.palette.footer.hint": "Auf den Canvas ziehen — oder zum Einfügen klicken.",
+  "integration.canvas.palette.folder.actions": "Aktionen",
+  "integration.canvas.palette.folder.data": "Daten",
+  "integration.canvas.palette.folder.files": "Dateien",
+  "integration.canvas.palette.folder.flow": "Ablauf",
+  "integration.canvas.palette.folder.ftpSftp": "FTP / SFTP",
+  "integration.canvas.palette.folder.messaging": "Nachrichten",
+  "integration.canvas.palette.folder.misc": "Sonstiges",
+  "integration.canvas.palette.folder.textAndFormats": "Text & Formate",
+  "integration.canvas.palette.folder.web": "Web",
   "integration.canvas.palette.group.core": "Kernfunktionen",
   "integration.canvas.palette.group.integrations": "Integrations",
   "integration.canvas.palette.group.triggers": "Trigger",
@@ -978,6 +987,7 @@
   "integration.runs.tabs.runs.label": "Runs",
   "integration.runs.toast.action.requested": "{action} angefordert",
   "integration.runs.toast.action.started": "Run #{id} gestartet",
+  "integration.runs.toast.cancel.confirm": "Run #{id} stoppen?",
   "integration.runs.toast.terminate.confirm": "Run #{id} terminieren?",
   "integration.schedules.cell.customSchedule": "Individueller Zeitplan",
   "integration.schedules.cell.noSchedule": "Kein Zeitplan festgelegt",
@@ -1007,6 +1017,11 @@
   "integration.schedules.head.title": "Zeitpläne · Integration Studio",
   "integration.schedules.header.description": "Jeder Zeitplan-Trigger aus allen Ihren Workflows. Klicken Sie auf eine Zeile, um den Workflow zu öffnen.",
   "integration.schedules.header.title": "Zeitpläne",
+  "integration.schedules.notFiring.invalidCron": "Zeitplan nicht lesbar",
+  "integration.schedules.notFiring.unknownTimezone": "Unbekannte Zeitzone",
+  "integration.schedules.notFiring.unsatisfiable": "Tritt nie ein",
+  "integration.schedules.notFiring.workflowInactive": "Workflow inaktiv",
+  "integration.schedules.notFiring.workflowNotReady": "Workflow nicht gebaut",
   "integration.schedules.search.placeholder": "Nach Workflow, Zeitplan, Zeitzone suchen…",
   "integration.schedules.stat.active": "aktiv",
   "integration.schedules.state.empty": "Noch keine Zeitpläne. Fügen Sie einem Workflow einen Zeitplan-Trigger hinzu.",
@@ -1147,6 +1162,32 @@
   "integration.templates.trigger.manual": "Bei Bedarf ausführen",
   "integration.templates.trigger.webhook": "Webhook",
   "integration.triggers.error.loadFailed": "Trigger konnten nicht geladen werden.",
+  "integration.workflowFile.action.export": "Als Datei exportieren",
+  "integration.workflowFile.action.import": "Aus Datei importieren…",
+  "integration.workflowFile.count.both": "{nodes}, {triggers}",
+  "integration.workflowFile.count.nodes": "{n} Node | {n} Nodes",
+  "integration.workflowFile.count.triggers": "{n} Trigger | {n} Trigger",
+  "integration.workflowFile.error.catalogue": "Die Schritte dieses Workflows konnten nicht nachgeschlagen werden, daher lässt er sich nicht auf Zugangsdaten prüfen. Versuchen Sie es erneut.",
+  "integration.workflowFile.export.error": "Der Workflow konnte nicht exportiert werden.",
+  "integration.workflowFile.export.notice.confirm": "Exportieren",
+  "integration.workflowFile.export.notice.description": "Die Datei enthält die Einstellungen dieses Workflows und die Werte seiner Variablen. Zugangsdaten und die Werte von Secrets enthält sie nicht.",
+  "integration.workflowFile.export.notice.title": "Workflow exportieren",
+  "integration.workflowFile.export.toast": "„{name}“ exportiert",
+  "integration.workflowFile.field.file": "Workflow-Datei",
+  "integration.workflowFile.import.arrives": "Der Workflow wird pausiert erstellt, alle Trigger sind aus, und die Zugangsdaten wählen Sie danach.",
+  "integration.workflowFile.import.error": "Aus dieser Datei konnte kein Workflow erstellt werden.",
+  "integration.workflowFile.import.planError": "Die Datei konnte nicht für diesen Workflow vorbereitet werden. Versuchen Sie es erneut.",
+  "integration.workflowFile.overwrite.active": "Dieser Workflow ist aktiv. Er läuft im bisherigen Stand weiter, bis ein gültiger Stand gespeichert ist.",
+  "integration.workflowFile.overwrite.confirm": "Ersetzen",
+  "integration.workflowFile.overwrite.description": "Alles auf dem Canvas von „{name}“ ({current}) wird durch den Inhalt der Datei ersetzt ({incoming}). Name und Beschreibung bleiben. Zugangsdaten müssen neu gewählt werden.",
+  "integration.workflowFile.overwrite.draft": "Ihre ungespeicherten Änderungen werden verworfen.",
+  "integration.workflowFile.overwrite.save": "Bis zum Speichern ändert sich nichts, und die vorige Version bleibt in der Historie.",
+  "integration.workflowFile.overwrite.title": "Inhalt dieses Workflows ersetzen?",
+  "integration.workflowFile.overwrite.toast": "Importiert. Wählen Sie die Zugangsdaten und speichern Sie dann.",
+  "integration.workflowFile.refused.definition": "Dieser Workflow wurde für eine neuere Version der Plattform erstellt.",
+  "integration.workflowFile.refused.kind": "Diese Datei enthält etwas anderes als einen Workflow.",
+  "integration.workflowFile.refused.unreadable": "Diese Datei ist keine Workflow-Datei oder sie ist beschädigt.",
+  "integration.workflowFile.refused.version": "Diese Datei wurde in einem neueren Format geschrieben, als dieses Studio lesen kann.",
   "integration.workflows.action.duplicate": "Duplizieren",
   "integration.workflows.create.action.submit": "Erstellen und Editor öffnen",
   "integration.workflows.create.action.submitting": "Wird erstellt…",
@@ -1168,6 +1209,7 @@
   "integration.workflows.create.field.tags.label": "Tags",
   "integration.workflows.create.field.trigger.label": "Trigger",
   "integration.workflows.create.tab.blank": "Leer starten",
+  "integration.workflows.create.tab.file": "Aus Datei importieren",
   "integration.workflows.create.tab.template": "Aus Vorlage starten",
   "integration.workflows.create.template.backToPicker": "Zurück zu den Vorlagen",
   "integration.workflows.create.template.browseAll": "Gesamten Vorlagenkatalog durchsuchen",

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

@@ -81,6 +81,15 @@
   "integration.canvas.node.port.resolving": "Ports",
   "integration.canvas.palette.action.back": "Back",
   "integration.canvas.palette.footer.hint": "Drag onto the canvas — or click to insert.",
+  "integration.canvas.palette.folder.actions": "Actions",
+  "integration.canvas.palette.folder.data": "Data",
+  "integration.canvas.palette.folder.files": "Files",
+  "integration.canvas.palette.folder.flow": "Flow",
+  "integration.canvas.palette.folder.ftpSftp": "FTP / SFTP",
+  "integration.canvas.palette.folder.messaging": "Messaging",
+  "integration.canvas.palette.folder.misc": "Other",
+  "integration.canvas.palette.folder.textAndFormats": "Text & Formats",
+  "integration.canvas.palette.folder.web": "Web",
   "integration.canvas.palette.group.core": "Core",
   "integration.canvas.palette.group.integrations": "Integrations",
   "integration.canvas.palette.group.triggers": "Triggers",
@@ -978,6 +987,7 @@
   "integration.runs.tabs.runs.label": "Runs",
   "integration.runs.toast.action.requested": "{action} requested",
   "integration.runs.toast.action.started": "Started run #{id}",
+  "integration.runs.toast.cancel.confirm": "Cancel run #{id}?",
   "integration.runs.toast.terminate.confirm": "Terminate run #{id}?",
   "integration.schedules.cell.customSchedule": "Custom schedule",
   "integration.schedules.cell.noSchedule": "No schedule set",
@@ -1007,6 +1017,11 @@
   "integration.schedules.head.title": "Schedules · Integration Studio",
   "integration.schedules.header.description": "Every scheduled trigger across your workflows. Click a row to open the workflow.",
   "integration.schedules.header.title": "Schedules",
+  "integration.schedules.notFiring.invalidCron": "Schedule cannot be read",
+  "integration.schedules.notFiring.unknownTimezone": "Unknown timezone",
+  "integration.schedules.notFiring.unsatisfiable": "Never comes round",
+  "integration.schedules.notFiring.workflowInactive": "Workflow inactive",
+  "integration.schedules.notFiring.workflowNotReady": "Workflow not built",
   "integration.schedules.search.placeholder": "Search by workflow, schedule, timezone…",
   "integration.schedules.stat.active": "active",
   "integration.schedules.state.empty": "No schedules yet. Add a schedule trigger to any workflow.",
@@ -1147,6 +1162,32 @@
   "integration.templates.trigger.manual": "Run on demand",
   "integration.templates.trigger.webhook": "Webhook",
   "integration.triggers.error.loadFailed": "Could not load triggers.",
+  "integration.workflowFile.action.export": "Export as file",
+  "integration.workflowFile.action.import": "Import from file…",
+  "integration.workflowFile.count.both": "{nodes}, {triggers}",
+  "integration.workflowFile.count.nodes": "{n} node | {n} nodes",
+  "integration.workflowFile.count.triggers": "{n} trigger | {n} triggers",
+  "integration.workflowFile.error.catalogue": "The steps this workflow uses could not be looked up, so it cannot be checked for credentials. Try again.",
+  "integration.workflowFile.export.error": "Could not export the workflow.",
+  "integration.workflowFile.export.notice.confirm": "Export",
+  "integration.workflowFile.export.notice.description": "The file contains this workflow’s settings and the values of its variables. It contains no credentials and no secret values.",
+  "integration.workflowFile.export.notice.title": "Export workflow",
+  "integration.workflowFile.export.toast": "Exported “{name}”",
+  "integration.workflowFile.field.file": "Workflow file",
+  "integration.workflowFile.import.arrives": "Created paused, with every trigger off and the credentials still to choose.",
+  "integration.workflowFile.import.error": "Could not create a workflow from this file.",
+  "integration.workflowFile.import.planError": "The file could not be prepared for this workflow. Try again.",
+  "integration.workflowFile.overwrite.active": "This workflow is active. It keeps running as it is until a valid version is saved.",
+  "integration.workflowFile.overwrite.confirm": "Replace",
+  "integration.workflowFile.overwrite.description": "Everything on the canvas of “{name}” ({current}) is replaced by the file’s content ({incoming}). The name and the description stay. Credentials have to be chosen again.",
+  "integration.workflowFile.overwrite.draft": "Your unsaved changes are discarded.",
+  "integration.workflowFile.overwrite.save": "Nothing changes until you save, and the previous version stays in the history.",
+  "integration.workflowFile.overwrite.title": "Replace this workflow’s content?",
+  "integration.workflowFile.overwrite.toast": "Imported. Choose the credentials, then save.",
+  "integration.workflowFile.refused.definition": "This workflow was made for a newer version of the platform.",
+  "integration.workflowFile.refused.kind": "This file holds something other than a workflow.",
+  "integration.workflowFile.refused.unreadable": "This file is not a workflow file, or it is damaged.",
+  "integration.workflowFile.refused.version": "This file was written in a newer format than this studio can read.",
   "integration.workflows.action.duplicate": "Duplicate",
   "integration.workflows.create.action.submit": "Create and open editor",
   "integration.workflows.create.action.submitting": "Creating…",
@@ -1168,6 +1209,7 @@
   "integration.workflows.create.field.tags.label": "Tags",
   "integration.workflows.create.field.trigger.label": "Trigger",
   "integration.workflows.create.tab.blank": "Start blank",
+  "integration.workflows.create.tab.file": "Import from file",
   "integration.workflows.create.tab.template": "Start from template",
   "integration.workflows.create.template.backToPicker": "Back to templates",
   "integration.workflows.create.template.browseAll": "Browse the full template catalogue",

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

@@ -34,9 +34,9 @@ const resourceTypeKeys = {
   workflow_run: "integration.audit.resourceType.workflowRun"
 };
 const actionKeys = {
-  "create": "integration.audit.action.create",
-  "update": "integration.audit.action.update",
-  "delete": "integration.audit.action.delete",
+  create: "integration.audit.action.create",
+  update: "integration.audit.action.update",
+  delete: "integration.audit.action.delete",
   "run.started": "integration.audit.action.runStarted",
   "run.finished": "integration.audit.action.runFinished",
   "run.failed": "integration.audit.action.runFailed"

package/dist/runtime/pages/integrations/credentials/oauth-complete.vue

@@ -16,9 +16,9 @@ onMounted(() => {
 </script>
 
 <template>
-  <!-- Own landmark and heading: this popup renders without the studio shell
-       (`layout: false`), so it would otherwise be the one page with neither. -->
   <main class="flex min-h-screen items-center justify-center bg-white text-center">
+    <!-- Own landmark and heading: this popup renders without the studio shell
+         (`layout: false`), so it would otherwise be the one page with neither. -->
     <div class="space-y-2">
       <h1 class="text-sm font-medium text-foreground">
         {{ t("integration.credentials.oauthComplete.title") }}

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

@@ -7,10 +7,13 @@ import WorkflowCreateDialog from "../../components/Integrations/WorkflowCreateDi
 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 { relativeTime } from "../../utils/relativeTime";
+import { useNow } from "../../composables/useNow";
 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`;
 const t = useIntegrationsT();
+const now = useNow();
 useHead({ title: () => t("integration.dashboard.head.title") });
 const { workflows, activeCount: activeWorkflows, loading: workflowsLoading, load: loadWorkflows } = useIntegrationsWorkflows();
 const {
@@ -51,14 +54,6 @@ onMounted(() => {
 const latestByWorkflow = computed(() => latestRunPerWorkflow.value);
 const latestPerWorkflow = computed(() => latestByWorkflow.value.slice(0, 10));
 const failedRecent = computed(() => latestByWorkflow.value.filter((r) => r.status === "failed").slice(0, 3));
-function formatRelative(iso) {
-  if (!iso) return "\u2014";
-  const ms = Date.now() - new Date(iso).getTime();
-  if (ms < 6e4) return t("integration.common.time.justNow");
-  if (ms < 36e5) return t("integration.common.time.minutesAgo", Math.floor(ms / 6e4));
-  if (ms < 864e5) return t("integration.common.time.hoursAgo", Math.floor(ms / 36e5));
-  return t("integration.common.time.daysAgo", Math.floor(ms / 864e5));
-}
 const kpis = computed(() => [
   {
     key: "activeWorkflows",
@@ -226,7 +221,7 @@ function surfaceCards() {
                 <div class="font-mono text-xs text-muted-foreground truncate">{{ r.temporalRunId ?? "\u2014" }}</div>
               </div>
               <div class="text-sm text-muted-foreground tabular-nums truncate">
-                {{ formatRelative(r.startedAt) }}
+                {{ relativeTime(r.startedAt, now) }}
               </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
@@ -307,7 +302,7 @@ function surfaceCards() {
               <!-- When it failed is when it ended, not when it set off: a run
                    that broke after an hour would otherwise be dated an hour early. -->
               <div class="text-sm text-muted-foreground tabular-nums">
-                {{ formatRelative(r.finishedAt ?? r.startedAt) }}
+                {{ relativeTime(r.finishedAt ?? r.startedAt, now) }}
               </div>
             </NuxtLink>
           </div>

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

@@ -32,6 +32,18 @@ function formatRelative(iso, timezone) {
   }
   return inScheduleZone(iso, timezone);
 }
+const notFiringKeys = {
+  workflow_inactive: "integration.schedules.notFiring.workflowInactive",
+  workflow_not_ready: "integration.schedules.notFiring.workflowNotReady",
+  invalid_cron: "integration.schedules.notFiring.invalidCron",
+  unknown_timezone: "integration.schedules.notFiring.unknownTimezone",
+  unsatisfiable: "integration.schedules.notFiring.unsatisfiable"
+};
+function nextRunText(e) {
+  if (e.nextRunAt) return formatRelative(e.nextRunAt, e.timezone);
+  const key = e.notFiringReason ? notFiringKeys[e.notFiringReason] : void 0;
+  return key ? t(key) : "\u2014";
+}
 function lastRunText(e) {
   if (e.lastRunAt) return formatRelative(e.lastRunAt, e.timezone);
   return e.lastRunStatus ? runStatusLabel(e.lastRunStatus) : "\u2014";
@@ -190,7 +202,7 @@ const columns = computed(() => [
           <span
             :title="e.nextRunLocal ?? void 0"
             class="text-sm tabular-nums"
-          >{{ formatRelative(e.nextRunAt, e.timezone) }}</span>
+          >{{ nextRunText(e) }}</span>
         </template>
 
         <!--

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

@@ -68,47 +68,47 @@ const awaitingCatalogue = computed(() => loading.value && !templates.value.lengt
     >
       <template #tabs>
         <div class="-mx-3 w-[calc(100%+1.5rem)] flex items-center gap-3 border-t border-black/[0.06] px-4 pt-2.5 pb-1">
-        <div class="flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto">
-          <button
-            type="button"
-            class="inline-flex h-7 shrink-0 items-center rounded-full border px-3 text-sm transition"
-            :class="activeCategory === 'all' ? 'border-primary/30 bg-primary/10 text-primary font-medium' : 'border-black/[0.08] text-muted-foreground hover:border-black/20'"
-            @click="activeCategory = 'all'"
-          >
-            {{ t("integration.templates.gallery.filter.all") }} <span class="opacity-70">({{ templates.length }})</span>
-          </button>
-          <button
-            v-for="cat in categories"
-            :key="cat.key"
-            type="button"
-            class="inline-flex h-7 shrink-0 items-center rounded-full border px-3 text-sm transition"
-            :class="activeCategory === cat.key ? 'border-primary/30 bg-primary/10 text-primary font-medium' : 'border-black/[0.08] text-muted-foreground hover:border-black/20'"
-            @click="activeCategory = activeCategory === cat.key ? 'all' : cat.key"
-          >
-            {{ cat.label }} <span class="opacity-70">({{ cat.count }})</span>
-          </button>
-        </div>
+          <div class="flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto">
+            <button
+              type="button"
+              class="inline-flex h-7 shrink-0 items-center rounded-full border px-3 text-sm transition"
+              :class="activeCategory === 'all' ? 'border-primary/30 bg-primary/10 text-primary font-medium' : 'border-black/[0.08] text-muted-foreground hover:border-black/20'"
+              @click="activeCategory = 'all'"
+            >
+              {{ t("integration.templates.gallery.filter.all") }} <span class="opacity-70">({{ templates.length }})</span>
+            </button>
+            <button
+              v-for="cat in categories"
+              :key="cat.key"
+              type="button"
+              class="inline-flex h-7 shrink-0 items-center rounded-full border px-3 text-sm transition"
+              :class="activeCategory === cat.key ? 'border-primary/30 bg-primary/10 text-primary font-medium' : 'border-black/[0.08] text-muted-foreground hover:border-black/20'"
+              @click="activeCategory = activeCategory === cat.key ? 'all' : cat.key"
+            >
+              {{ cat.label }} <span class="opacity-70">({{ cat.count }})</span>
+            </button>
+          </div>
 
-        <Select v-model="activeLevel">
-          <SelectTrigger :aria-label="t('integration.templates.gallery.filter.levelAria')" class="h-7 data-[size=default]:h-7 min-h-0 py-0 w-36 rounded-full bg-white text-sm">
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem value="all">{{ t("integration.templates.gallery.filter.levelAllOption") }}</SelectItem>
-            <SelectItem v-for="opt in levelOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</SelectItem>
-          </SelectContent>
-        </Select>
-        <Select v-model="sortBy">
-          <SelectTrigger :aria-label="t('integration.templates.gallery.sort.aria')" class="h-7 data-[size=default]:h-7 min-h-0 py-0 w-40 rounded-full bg-white text-sm">
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem v-for="opt in sortOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</SelectItem>
-          </SelectContent>
-        </Select>
-        <div class="relative w-60">
-          <Search :size="12" class="absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground" />
-          <Input v-model="search" :aria-label="t('integration.templates.gallery.search.aria')" :placeholder="t('integration.templates.gallery.search.placeholder')" class="h-7 min-h-0 py-0 rounded-full pl-7 text-sm bg-white" />
+          <Select v-model="activeLevel">
+            <SelectTrigger :aria-label="t('integration.templates.gallery.filter.levelAria')" class="h-7 data-[size=default]:h-7 min-h-0 py-0 w-36 rounded-full bg-white text-sm">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">{{ t("integration.templates.gallery.filter.levelAllOption") }}</SelectItem>
+              <SelectItem v-for="opt in levelOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</SelectItem>
+            </SelectContent>
+          </Select>
+          <Select v-model="sortBy">
+            <SelectTrigger :aria-label="t('integration.templates.gallery.sort.aria')" class="h-7 data-[size=default]:h-7 min-h-0 py-0 w-40 rounded-full bg-white text-sm">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem v-for="opt in sortOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</SelectItem>
+            </SelectContent>
+          </Select>
+          <div class="relative w-60">
+            <Search :size="12" class="absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground" />
+            <Input v-model="search" :aria-label="t('integration.templates.gallery.search.aria')" :placeholder="t('integration.templates.gallery.search.placeholder')" class="h-7 min-h-0 py-0 rounded-full pl-7 text-sm bg-white" />
           </div>
         </div>
       </template>