@revenexx/studio-integrations 0.1.0

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

@@ -0,0 +1,140 @@
+<script setup>
+import { computed, ref } from "vue";
+import * as Lucide from "lucide-vue-next";
+import { INTEGRATION_NODE_CATALOG, NODE_CATEGORIES, TRIGGER_TEMPLATES } from "../../data/integrationNodeCatalog";
+const { load: loadNodes } = useIntegrationsNodes();
+onMounted(() => {
+  void loadNodes();
+});
+const search = ref("");
+function labelOf(value) {
+  if (!value) return "";
+  return typeof value === "string" ? value : Object.values(value)[0] ?? "";
+}
+function descOf(value) {
+  if (!value) return "";
+  return typeof value === "string" ? value : value.en ?? Object.values(value)[0] ?? "";
+}
+const grouped = computed(() => {
+  const q = search.value.trim().toLowerCase();
+  const matchesManifest = (m) => {
+    if (!q) return true;
+    return labelOf(m.name).toLowerCase().includes(q) || (m.slug ?? "").toLowerCase().includes(q) || descOf(m.description).toLowerCase().includes(q);
+  };
+  const matchesTrigger = (t) => {
+    if (!q) return true;
+    return labelOf(t.name).toLowerCase().includes(q) || t.type.includes(q) || t.id.includes(q);
+  };
+  const knownKeys = new Set(NODE_CATEGORIES.map((c) => String(c.key)));
+  const groups = NODE_CATEGORIES.map((cat) => {
+    const manifests = INTEGRATION_NODE_CATALOG.filter((m) => m.category === cat.key && matchesManifest(m));
+    const triggers = cat.key === "trigger" ? TRIGGER_TEMPLATES.filter(matchesTrigger) : [];
+    return { ...cat, manifests, triggers };
+  });
+  const other = INTEGRATION_NODE_CATALOG.filter((m) => !knownKeys.has(String(m.category ?? "")) && matchesManifest(m));
+  if (other.length) {
+    groups.push({ key: "other", label: "Nodes", color: "bg-slate-100 text-slate-500", manifests: other, triggers: [] });
+  }
+  return groups.filter((g) => g.manifests.length || g.triggers.length);
+});
+function iconFor(name) {
+  if (!name) return Lucide.Box;
+  const cleaned = (name.includes(":") ? name.split(":").pop() : name).split("-").map((s, i) => i === 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s.charAt(0).toUpperCase() + s.slice(1)).join("");
+  const fallback = Lucide[cleaned];
+  if (fallback) return fallback;
+  return Lucide.Box;
+}
+function onManifestDragStart(manifest, ev) {
+  if (!ev.dataTransfer) return;
+  ev.dataTransfer.setData("application/integration-node", JSON.stringify({
+    kind: "manifest",
+    slug: manifest.slug,
+    version: manifest.version
+  }));
+  ev.dataTransfer.effectAllowed = "move";
+}
+function onTriggerDragStart(tpl, ev) {
+  if (!ev.dataTransfer) return;
+  ev.dataTransfer.setData("application/integration-node", JSON.stringify({
+    kind: "trigger",
+    type: tpl.type
+  }));
+  ev.dataTransfer.effectAllowed = "move";
+}
+</script>
+
+<template>
+  <aside class="flex h-full w-60 shrink-0 flex-col border-r border-black/[0.06] bg-white">
+    <div class="p-3 border-b border-black/[0.06]">
+      <div class="text-mono text-muted-foreground mb-2">
+        Add node
+      </div>
+      <div class="relative">
+        <Lucide.Search :size="12" class="absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground" />
+        <input
+          v-model="search"
+          type="text"
+          placeholder="Search…"
+          class="h-7 w-full rounded-md border border-black/[0.08] bg-white pl-7 pr-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/40"
+        >
+      </div>
+    </div>
+
+    <div class="flex-1 overflow-y-auto p-2 space-y-3">
+      <div v-for="cat in grouped" :key="cat.key">
+        <div class="px-2 py-1 text-mono text-muted-foreground">
+          {{ cat.label }}
+        </div>
+        <div class="space-y-0.5">
+          <!-- Trigger templates (only in the "trigger" category) -->
+          <div
+            v-for="t in cat.triggers"
+            :key="t.id"
+            class="group flex items-center gap-2 rounded-md border border-transparent px-2 py-1.5 cursor-grab transition hover:border-black/[0.08] hover:bg-muted/40 active:cursor-grabbing"
+            draggable="true"
+            :title="labelOf(t.name)"
+            @dragstart="onTriggerDragStart(t, $event)"
+          >
+            <span class="flex size-6 shrink-0 items-center justify-center rounded-md" :class="cat.color">
+              <component :is="iconFor(t.icon)" :size="13" />
+            </span>
+            <div class="min-w-0">
+              <div class="text-sm font-medium truncate">
+                {{ labelOf(t.name) }}
+              </div>
+              <div class="text-sm text-muted-foreground truncate">
+                {{ t.type }}
+              </div>
+            </div>
+          </div>
+
+          <!-- Real node manifests -->
+          <div
+            v-for="m in cat.manifests"
+            :key="`${m.slug}@${m.version}`"
+            class="group flex items-center gap-2 rounded-md border border-transparent px-2 py-1.5 cursor-grab transition hover:border-black/[0.08] hover:bg-muted/40 active:cursor-grabbing"
+            draggable="true"
+            :title="labelOf(m.name)"
+            @dragstart="onManifestDragStart(m, $event)"
+          >
+            <span class="flex size-6 shrink-0 items-center justify-center rounded-md" :class="cat.color">
+              <component :is="iconFor(m.icon)" :size="13" />
+            </span>
+            <div class="min-w-0">
+              <div class="text-sm font-medium truncate">
+                {{ labelOf(m.name) }}
+              </div>
+              <div class="text-sm text-muted-foreground truncate">
+                {{ m.slug }}@{{ m.version }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="border-t border-black/[0.06] px-3 py-2 text-sm text-muted-foreground">
+      Drag a node onto the canvas.
+    </div>
+  </aside>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import type { WorkflowRun } from '../../types/integrations.js';
+type __VLS_Props = {
+    open: boolean;
+    run: WorkflowRun | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,169 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import { RefreshCircle as Loader2, ArrowRightUp as OpenIcon } from "#solar-icons";
+import {
+  Badge,
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@revenexx/studio";
+import { statusClass } from "../../utils/statusStyle";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  run: { type: [Object, null], required: true }
+});
+const emit = defineEmits(["update:open"]);
+const router = useRouter();
+const { getRun, getHistory, getStackTrace } = useIntegrationsRuns();
+const loading = ref(false);
+const result = ref(null);
+const history = ref([]);
+const historySource = ref(null);
+const stackTrace = ref(null);
+const loadError = ref(null);
+function fmt(iso) {
+  if (!iso) return "\u2014";
+  try {
+    return new Date(iso).toLocaleString();
+  } catch {
+    return iso;
+  }
+}
+function fmtDuration(ms) {
+  if (ms == null) return "\u2014";
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(2)}s`;
+  return `${(ms / 6e4).toFixed(1)}m`;
+}
+const hasResult = computed(() => result.value != null && Object.keys(result.value).length > 0);
+async function load() {
+  const run = props.run;
+  if (!run) return;
+  loading.value = true;
+  loadError.value = null;
+  result.value = null;
+  history.value = [];
+  stackTrace.value = null;
+  try {
+    const [runRes, histRes] = await Promise.allSettled([
+      getRun(run.workflowId, run.id),
+      getHistory(run.workflowId, run.id, { page_size: 50 })
+    ]);
+    if (runRes.status === "fulfilled") {
+      result.value = runRes.value?.result ?? null;
+    }
+    if (histRes.status === "fulfilled") {
+      history.value = histRes.value?.data ?? [];
+      historySource.value = histRes.value?.source ?? null;
+    }
+    if (run.status === "running" || run.status === "failed") {
+      try {
+        stackTrace.value = await getStackTrace(run.workflowId, run.id);
+      } catch {
+        stackTrace.value = null;
+      }
+    }
+  } catch (e) {
+    loadError.value = e?.message ?? "Could not load run details.";
+  } finally {
+    loading.value = false;
+  }
+}
+watch(() => [props.open, props.run?.id], () => {
+  if (props.open && props.run) void load();
+}, { immediate: true });
+function openWorkflow() {
+  if (props.run) router.push(`/integrations/workflows/${props.run.workflowId}`);
+}
+function eventLabel(ev) {
+  return String(ev.event_type ?? ev.eventType ?? ev.type ?? "event");
+}
+</script>
+
+<template>
+  <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
+    <DialogContent class="sm:max-w-2xl">
+      <DialogHeader>
+        <DialogTitle class="flex items-center gap-2">
+          <span class="truncate">{{ run?.workflowName ?? "Run" }}</span>
+          <Badge v-if="run" variant="outline" :class="['text-sm border', statusClass(run.status)]">
+            {{ run.status }}
+          </Badge>
+        </DialogTitle>
+        <DialogDescription class="font-mono text-sm">
+          Run {{ run?.id }}
+        </DialogDescription>
+      </DialogHeader>
+
+      <div v-if="run" class="space-y-4 max-h-[32rem] overflow-y-auto pr-1">
+        <!-- Facts -->
+        <div class="grid grid-cols-2 gap-x-6 gap-y-1 text-sm">
+          <div class="flex justify-between"><span class="text-muted-foreground">Trigger</span><span>{{ run.triggerType }}</span></div>
+          <div class="flex justify-between"><span class="text-muted-foreground">Duration</span><span class="tabular-nums">{{ fmtDuration(run.durationMs) }}</span></div>
+          <div class="flex justify-between"><span class="text-muted-foreground">Started</span><span class="tabular-nums">{{ fmt(run.startedAt) }}</span></div>
+          <div class="flex justify-between"><span class="text-muted-foreground">Finished</span><span class="tabular-nums">{{ fmt(run.finishedAt) }}</span></div>
+        </div>
+
+        <div v-if="run.errorMessage" class="rounded-md border border-rose-500/20 bg-rose-500/5 px-3 py-2 text-sm text-rose-700">
+          {{ run.errorMessage }}
+        </div>
+
+        <div v-if="loading" class="flex items-center gap-2 text-sm text-muted-foreground">
+          <Loader2 :size="14" class="animate-spin" /> Loading details…
+        </div>
+        <div v-else-if="loadError" class="text-sm text-rose-700">
+          {{ loadError }}
+        </div>
+
+        <template v-else>
+          <!-- Result -->
+          <section v-if="hasResult" class="space-y-1">
+            <h4 class="text-mono text-muted-foreground">
+              Result
+            </h4>
+            <pre class="rounded-md bg-muted/40 p-3 text-sm overflow-x-auto max-h-56">{{ JSON.stringify(result, null, 2) }}</pre>
+          </section>
+
+          <!-- History -->
+          <section v-if="history.length" class="space-y-1">
+            <h4 class="text-mono text-muted-foreground">
+              History <span v-if="historySource">· {{ historySource }}</span>
+            </h4>
+            <ol class="space-y-1">
+              <li
+                v-for="(ev, i) in history"
+                :key="i"
+                class="flex items-center gap-2 rounded-md border border-black/[0.05] bg-white px-2 py-1 text-sm"
+              >
+                <span class="tabular-nums text-muted-foreground w-8 shrink-0">{{ ev.event_id ?? i + 1 }}</span>
+                <span class="font-mono truncate">{{ eventLabel(ev) }}</span>
+              </li>
+            </ol>
+          </section>
+
+          <!-- Stack trace -->
+          <section v-if="stackTrace" class="space-y-1">
+            <h4 class="text-mono text-muted-foreground">
+              Stack trace
+            </h4>
+            <pre class="rounded-md bg-slate-900 text-slate-100 p-3 text-sm overflow-x-auto max-h-56">{{ stackTrace }}</pre>
+          </section>
+
+          <p v-if="!hasResult && !history.length && !stackTrace" class="text-sm text-muted-foreground">
+            No execution detail available for this run yet.
+          </p>
+        </template>
+      </div>
+
+      <div class="flex justify-end pt-2">
+        <Button variant="outline" size="sm" @click="openWorkflow">
+          <OpenIcon :size="14" class="mr-1" />
+          Open workflow
+        </Button>
+      </div>
+    </DialogContent>
+  </Dialog>
+</template>

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

@@ -0,0 +1,11 @@
+import type { WorkflowRun } from '../../types/integrations.js';
+type __VLS_Props = {
+    open: boolean;
+    run: WorkflowRun | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,32 @@
+<script setup>
+import { Pulse as Activity, ClockCircle as Clock, Home, Key as KeyRound, ShieldCheck, ShieldKeyhole as Credentials, Programming as Workflow } from "#solar-icons";
+const { workflows } = useIntegrationsWorkflows();
+const { runningCount } = useIntegrationsRuns();
+const { activeCount: schedulesActive } = useIntegrationsSchedules();
+const { total: credentialsTotal } = useIntegrationsCredentials();
+const { total: secretsTotal } = useIntegrationsSecrets();
+const sections = computed(() => [
+  {
+    key: "pinned",
+    items: [
+      { label: "Dashboard", to: "/integrations", icon: Home, exact: true }
+    ]
+  },
+  {
+    key: "integrations",
+    label: "Integrations",
+    items: [
+      { label: "Workflows", to: "/integrations/workflows", icon: Workflow, badge: workflows.value.length || null },
+      { label: "Runs", to: "/integrations/runs", icon: Activity, badge: runningCount.value || null },
+      { label: "Schedules", to: "/integrations/schedules", icon: Clock, badge: schedulesActive.value || null },
+      { label: "Credentials", to: "/integrations/credentials", icon: Credentials, badge: credentialsTotal.value || null },
+      { label: "Secrets", to: "/integrations/secrets", icon: KeyRound, badge: secretsTotal.value || null },
+      { label: "Audit Log", to: "/integrations/audit", icon: ShieldCheck }
+    ]
+  }
+]);
+</script>
+
+<template>
+  <SidebarNav title="Integration Studio" :icon="Workflow" :sections="sections" minimal />
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { type EdgeProps } from '@vue-flow/core';
+/**
+ * Enterprise-style smoothstep edge:
+ *
+ *  - rounded right-angle routing (`getSmoothStepPath`)
+ *  - arrow-head pointing into the target
+ *  - color encodes the *source port kind* — branch outputs (`true`/`false`,
+ *    switch cases) get a soft color, error outputs get rose, defaults stay
+ *    slate
+ *  - optional center label (used by the canvas to print branch names)
+ *
+ * The canvas creates these via `edgeTypes.flow = WorkflowEdgeView`. Edge
+ * data is passed through Vue Flow's `data` prop verbatim.
+ */
+type EdgeKind = 'default' | 'success' | 'error' | 'branch-true' | 'branch-false' | 'branch';
+interface Data {
+    kind: EdgeKind;
+    /** Optional human label shown mid-edge (e.g. "true", "cases:paid"). */
+    label?: string;
+}
+type __VLS_Props = EdgeProps<Data>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,86 @@
+<script setup>
+import { computed } from "vue";
+import {
+  BaseEdge,
+  EdgeLabelRenderer,
+  getSmoothStepPath
+} from "@vue-flow/core";
+const props = defineProps({
+  id: { type: String, required: true },
+  sourceNode: { type: Object, required: true },
+  targetNode: { type: Object, required: true },
+  source: { type: String, required: true },
+  target: { type: String, required: true },
+  type: { type: null, required: true },
+  label: { type: [String, Object, Function], required: false },
+  style: { type: Object, required: false },
+  selected: { type: Boolean, required: false },
+  sourcePosition: { type: String, required: true },
+  targetPosition: { type: String, required: true },
+  sourceHandleId: { type: String, required: false },
+  targetHandleId: { type: String, required: false },
+  animated: { type: Boolean, required: false },
+  updatable: { type: Boolean, required: false },
+  markerStart: { type: String, required: true },
+  markerEnd: { type: String, required: true },
+  curvature: { type: Number, required: false },
+  interactionWidth: { type: Number, required: false },
+  data: { type: Object, required: true },
+  events: { type: void 0, required: true },
+  labelStyle: { type: Object, required: false },
+  labelShowBg: { type: Boolean, required: false },
+  labelBgStyle: { type: Object, required: false },
+  labelBgPadding: { type: Array, required: false },
+  labelBgBorderRadius: { type: Number, required: false },
+  sourceX: { type: Number, required: true },
+  sourceY: { type: Number, required: true },
+  targetX: { type: Number, required: true },
+  targetY: { type: Number, required: true }
+});
+const path = computed(() => getSmoothStepPath({
+  sourceX: props.sourceX,
+  sourceY: props.sourceY,
+  sourcePosition: props.sourcePosition,
+  targetX: props.targetX,
+  targetY: props.targetY,
+  targetPosition: props.targetPosition,
+  borderRadius: 12
+}));
+const palette = {
+  default: { stroke: "#94a3b8", label: "#475569", bg: "#f1f5f9" },
+  success: { stroke: "#10b981", label: "#047857", bg: "#ecfdf5" },
+  error: { stroke: "#f43f5e", label: "#be123c", bg: "#fff1f2" },
+  "branch-true": { stroke: "#10b981", label: "#047857", bg: "#ecfdf5" },
+  "branch-false": { stroke: "#f59e0b", label: "#b45309", bg: "#fffbeb" },
+  branch: { stroke: "#8b5cf6", label: "#6d28d9", bg: "#f5f3ff" }
+};
+const color = computed(() => palette[props.data?.kind ?? "default"] ?? palette.default);
+const isSelected = computed(() => props.selected);
+</script>
+
+<template>
+  <BaseEdge
+    :id="props.id"
+    :path="path[0]"
+    :marker-end="props.markerEnd"
+    :style="{
+  stroke: color.stroke,
+  strokeWidth: isSelected ? 2.5 : 1.75,
+  transition: 'stroke-width 120ms ease-out'
+}"
+  />
+
+  <EdgeLabelRenderer v-if="props.data?.label">
+    <div
+      class="absolute pointer-events-none select-none rounded-md border px-1.5 py-0.5 text-mono shadow-sm"
+      :style="{
+  transform: `translate(-50%, -50%) translate(${path[1]}px, ${path[2]}px)`,
+  color: color.label,
+  background: color.bg,
+  borderColor: color.stroke + '55'
+}"
+    >
+      {{ props.data.label }}
+    </div>
+  </EdgeLabelRenderer>
+</template>

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

@@ -0,0 +1,23 @@
+import { type EdgeProps } from '@vue-flow/core';
+/**
+ * Enterprise-style smoothstep edge:
+ *
+ *  - rounded right-angle routing (`getSmoothStepPath`)
+ *  - arrow-head pointing into the target
+ *  - color encodes the *source port kind* — branch outputs (`true`/`false`,
+ *    switch cases) get a soft color, error outputs get rose, defaults stay
+ *    slate
+ *  - optional center label (used by the canvas to print branch names)
+ *
+ * The canvas creates these via `edgeTypes.flow = WorkflowEdgeView`. Edge
+ * data is passed through Vue Flow's `data` prop verbatim.
+ */
+type EdgeKind = 'default' | 'success' | 'error' | 'branch-true' | 'branch-false' | 'branch';
+interface Data {
+    kind: EdgeKind;
+    /** Optional human label shown mid-edge (e.g. "true", "cases:paid"). */
+    label?: string;
+}
+type __VLS_Props = EdgeProps<Data>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,14 @@
+import '@vue-flow/core/dist/style.css';
+import '@vue-flow/core/dist/theme-default.css';
+import '@vue-flow/controls/dist/style.css';
+import '@vue-flow/minimap/dist/style.css';
+import type { Workflow, WorkflowBlob } from '../../types/integrations.js';
+type __VLS_Props = {
+    workflow: Workflow;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (blob: WorkflowBlob) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((blob: WorkflowBlob) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;