@revenexx/studio-integrations 1.2.0 → 1.4.0

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

@@ -28,7 +28,8 @@ import {
   ToggleGroupItem
 } from "@revenexx/studio";
 import EventTypeCombobox from "./EventTypeCombobox.vue";
-import { findManifest, nodeCategoryLabel, isVersionExecutable, newestExecutableVersion } from "../../data/integrationNodeCatalog";
+import { findManifest, nodeCategoryLabel, isVersionExecutable, newestExecutableVersion, executableVersionsOf, newerExecutableVersions } from "../../data/integrationNodeCatalog";
+import NodeVersionMoveDialog from "./NodeVersionMoveDialog.vue";
 import {
   collectUpstreamNodes,
   inputPortsForManifest,
@@ -39,6 +40,7 @@ import {
 } from "../../data/nodeInputData";
 import { portDotClass } from "../../data/portTone";
 import { computeLoopBodies, manifestIterates } from "../../data/loopBody";
+import { applyingFields, staleKeys } from "../../utils/settingCondition";
 import { deepClone } from "../../utils/deepClone";
 import { copyToClipboard } from "../../utils/clipboard";
 import { nodeDisplayLabel } from "../../utils/validationFindings";
@@ -57,6 +59,7 @@ const props = defineProps({
   selection: { type: [Object, null], required: true },
   secretKeys: { type: Array, required: true },
   variables: { type: Object, required: false },
+  stateNamespaces: { type: Array, required: false },
   upstreamOutputs: { type: Array, required: false },
   autofocusName: { type: Boolean, required: false },
   nodes: { type: Array, required: false },
@@ -66,17 +69,35 @@ const props = defineProps({
   workflowId: { type: [Number, String], required: false },
   refusedFields: { type: Object, required: false }
 });
-const emit = defineEmits(["update", "close", "remove", "navigate"]);
+const emit = defineEmits(["update", "close", "remove", "navigate", "declare-state"]);
 const draft = ref(deepClone(props.selection));
 watch(() => props.selection?.id, () => {
-  if (props.selection && props.selection.id !== draft.value.id) draft.value = deepClone(props.selection);
+  if (props.selection && props.selection.id !== draft.value.id) {
+    draft.value = deepClone(props.selection);
+    pendingState.value = [];
+  }
 });
 const isNode = computed(() => "nodeSlug" in draft.value);
 const draftNode = computed(() => isNode.value ? draft.value : null);
 const draftTrigger = computed(() => isNode.value ? null : draft.value);
-const dirty = computed(() => JSON.stringify(draft.value) !== JSON.stringify(props.selection));
+const pendingState = ref([]);
+const offeredStateNamespaces = computed(() => [
+  ...props.stateNamespaces ?? [],
+  ...pendingState.value
+]);
+function stageStateNamespace(namespace, role, visibility) {
+  if (offeredStateNamespaces.value.some((n) => n.namespace === namespace)) return;
+  pendingState.value = [...pendingState.value, { namespace, role, visibility }];
+}
+const draftChanged = computed(() => JSON.stringify(draft.value) !== JSON.stringify(props.selection));
+const dirty = computed(() => draftChanged.value || pendingState.value.length > 0);
+function commit() {
+  for (const ns of pendingState.value) emit("declare-state", ns.namespace, ns.role, ns.visibility);
+  pendingState.value = [];
+  if (draftChanged.value) emit("update", deepClone(draft.value));
+}
 function save() {
-  if (dirty.value) emit("update", deepClone(draft.value));
+  commit();
   emit("close");
 }
 const nameInput = ref(null);
@@ -99,6 +120,21 @@ const readyVersion = computed(() => {
   const wn = draftNode.value;
   return wn ? newestExecutableVersion(wn.nodeSlug) : null;
 });
+const versionMoveOpen = ref(false);
+const newerVersions = computed(() => {
+  const wn = draftNode.value;
+  return wn ? newerExecutableVersions(wn.nodeSlug, wn.nodeVersion) : [];
+});
+const canMoveVersion = computed(() => {
+  const wn = draftNode.value;
+  if (!wn) return false;
+  const runnable = executableVersionsOf(wn.nodeSlug);
+  if (!runnable.length) return false;
+  return runnable.length > 1 || runnable[0]?.version !== wn.nodeVersion;
+});
+function applyVersionMove(payload) {
+  patchNode({ nodeVersion: payload.version, config: payload.config });
+}
 const TRIGGER_LABELS = computed(() => ({
   manual: t("integration.nodeInspector.trigger.type.manual"),
   schedule: t("integration.nodeInspector.trigger.type.schedule"),
@@ -150,39 +186,34 @@ watch(showSettingsTab, (hasThem) => {
   if (!hasThem) tab.value = "parameters";
 });
 const SETTINGS_FIELD_KEY = /(^|_)(timeout|retry|retries|backoff)|(timeout|retry|retries|backoff)(ms|sec|seconds|attempts)?$/i;
-const parameterFields = computed(() => (manifest.value?.config ?? []).filter((f) => !SETTINGS_FIELD_KEY.test(f.key)));
-const settingsFields = computed(() => (manifest.value?.config ?? []).filter((f) => SETTINGS_FIELD_KEY.test(f.key)));
-const requiredFields = computed(() => parameterFields.value.filter((f) => f.required));
-const optionalFields = computed(() => parameterFields.value.filter((f) => !f.required));
+const applyingConfig = computed(
+  () => applyingFields(manifest.value?.config ?? [], draftNode.value?.config ?? {})
+);
+const parameterFields = computed(() => applyingConfig.value.filter((f) => !SETTINGS_FIELD_KEY.test(f.key)));
+const settingsFields = computed(() => applyingConfig.value.filter((f) => SETTINGS_FIELD_KEY.test(f.key)));
+const FOLD_ABOVE = 4;
+const ALWAYS_DRAWN = 3;
+const foldedFields = computed(
+  () => parameterFields.value.length > FOLD_ABOVE ? parameterFields.value.slice(ALWAYS_DRAWN).filter((f) => !f.required) : []
+);
+const foldedKeys = computed(() => new Set(foldedFields.value.map((f) => f.key)));
+const foldAnchorKey = computed(() => foldedFields.value[0]?.key);
 function optionalShouldOpen() {
-  if (!requiredFields.value.length) return true;
-  return optionalFields.value.some((f) => props.refusedFields?.[f.key] !== void 0);
+  if (!parameterFields.value.some((f) => f.required)) return true;
+  return foldedFields.value.some((f) => props.refusedFields?.[f.key] !== void 0);
 }
 const optionalOpen = ref(optionalShouldOpen());
 watch([() => props.selection?.id, manifest], () => {
   optionalOpen.value = optionalShouldOpen();
 });
-function dependentKeys(changedKey) {
-  const fields = manifest.value?.config ?? [];
-  const out = /* @__PURE__ */ new Set();
-  const queue = [changedKey];
-  while (queue.length > 0) {
-    const dep = queue.shift();
-    for (const f of fields) {
-      if ((f.dependsOn ?? []).includes(dep) && !out.has(f.key)) {
-        out.add(f.key);
-        queue.push(f.key);
-      }
-    }
-  }
-  out.delete(changedKey);
-  return out;
+function dependentKeys(changedKey, after) {
+  return staleKeys(manifest.value?.config ?? [], changedKey, after);
 }
 function writeConfig(key, value) {
   const wn = draftNode.value;
   if (!wn) return;
   const next = { ...wn.config, [key]: value };
-  const cleared = dependentKeys(key);
+  const cleared = dependentKeys(key, next);
   for (const k of cleared) delete next[k];
   const clearedDynamicSchema = [...cleared].some(
     (k) => (manifest.value?.config ?? []).some((f) => f.key === k && f.type === "dynamic-schema")
@@ -760,7 +791,7 @@ const hasNext = computed(() => seqIndex.value >= 0 && seqIndex.value < sequence.
 function navigate(offset) {
   const target = sequence.value[seqIndex.value + offset];
   if (!target) return;
-  if (dirty.value) emit("update", deepClone(draft.value));
+  commit();
   emit("navigate", target);
 }
 const outputView = ref("schema");
@@ -866,7 +897,16 @@ async function runTestStep() {
   try {
     const res = await api.post(
       `/nodes/${encodeURIComponent(wn.nodeSlug)}/${encodeURIComponent(wn.nodeVersion)}/execute:test`,
-      { config: wn.config ?? {}, inputs }
+      {
+        config: wn.config ?? {},
+        inputs,
+        // Names the workflow being edited, which is what lets the test run READ
+        // the state namespaces this workflow declares (PO-374). Writes stay
+        // refused: a correlation created by a test click would be
+        // indistinguishable from one a real run made. Omitted for an unsaved
+        // workflow, which has nothing declared yet anyway.
+        ...props.workflowId ? { workflow_id: Number(props.workflowId) } : {}
+      }
     );
     testLogs.value = res.logs ?? [];
     testOutputs.value = {
@@ -959,6 +999,26 @@ async function runTestStep() {
             </PopoverContent>
           </Popover>
         </div>
+        <!-- The version, once it is something the author can change (PO-339).
+             Deliberately a line of its own and deliberately grey: where a newer
+             version merely exists, nothing is wrong, and a coloured mark for a
+             non-problem is what teaches people to stop reading marks. It is
+             absent altogether for a node with one runnable version — there is no
+             choice to offer — and for a node whose pinned version cannot run,
+             where the notice below the tabs carries the same route in the louder
+             tone that state has earned. -->
+        <div v-if="isNode && canMoveVersion && versionExecutable" class="flex items-center gap-1 text-xs text-muted-foreground">
+          <span v-if="newerVersions.length" class="tabular-nums">
+            {{ t("integration.nodeInspector.version.available", { version: newerVersions[0]?.version ?? "" }) }}
+          </span>
+          <button
+            type="button"
+            class="rounded-sm underline decoration-dotted underline-offset-2 hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
+            @click="versionMoveOpen = true"
+          >
+            {{ t("integration.nodeInspector.version.change") }}
+          </button>
+        </div>
       </div>
       <span class="shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wider text-slate-600">
         {{ groupLabel }}
@@ -1298,6 +1358,18 @@ async function runTestStep() {
           class="mx-4 mb-1 shrink-0 rounded-md border border-rose-200 bg-rose-50 px-2.5 py-1.5 text-sm text-rose-700"
         >
           {{ readyVersion ? t("integration.nodeInspector.notice.versionNotReady.upgrade", { version: draftNode?.nodeVersion ?? "", ready: readyVersion }) : t("integration.nodeInspector.notice.versionNotReady.none", { version: draftNode?.nodeVersion ?? "" }) }}
+          <!-- The sentence named a version and led nowhere (PO-339). It leads
+               here now; where the node has no runnable version at all there is
+               still nothing to offer, and the notice stays the statement it
+               was. -->
+          <button
+            v-if="readyVersion && canMoveVersion"
+            type="button"
+            class="ml-1 rounded-sm font-medium underline underline-offset-2 hover:text-rose-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-rose-400"
+            @click="versionMoveOpen = true"
+          >
+            {{ t("integration.nodeInspector.version.moveTo", { version: readyVersion }) }}
+          </button>
         </p>
 
         <div
@@ -1738,63 +1810,39 @@ async function runTestStep() {
                   </button>
                 </div>
               </div>
-              <IntegrationsNodeConfigField
-                v-for="field in requiredFields"
-                :key="field.key"
-                :field="field"
-                :config="draftNode.config ?? {}"
-                :slug="draftNode.nodeSlug"
-                :version="draftNode.nodeVersion"
-                :secret-keys="secretKeys"
-                :static-keys="(manifest.config ?? []).map((f2) => f2.key)"
-                :sibling-fields="manifest.config ?? []"
-                :depth="0"
-                :variables="variables"
-                :upstream-outputs="upstreamOutputs"
-                :refused="refusedFields?.[field.key]"
-                @set="(k, v) => writeConfig(k, v)"
-              />
-
-              <!-- Optional settings, folded. The count is on the control on
-                   purpose: "Show 9 optional settings" is a decision the user can
-                   take without opening it, "Show more" is not. -->
-              <template v-if="optionalFields.length">
+              <!-- One list, in the order the node declared it. The fold's
+                   control is drawn at the first setting it hides rather than
+                   under the form, so opening it inserts the tail where it
+                   belongs instead of moving anything. The count is on the
+                   control on purpose: "Show 9 optional settings" is a decision
+                   the user can take without opening it, "Show more" is not. -->
+              <template v-for="field in parameterFields" :key="field.key">
                 <button
-                  v-if="!optionalOpen"
+                  v-if="field.key === foldAnchorKey"
                   type="button"
                   class="flex items-center gap-1.5 rounded px-1 py-1 text-sm text-muted-foreground transition hover:text-foreground"
-                  @click="optionalOpen = true"
+                  @click="optionalOpen = !optionalOpen"
                 >
-                  <ChevronRight :size="13" />
-                  {{ t("integration.nodeInspector.parameters.optional.show", optionalFields.length) }}
+                  <component :is="optionalOpen ? ChevronDown : ChevronRight" :size="13" />
+                  {{ optionalOpen ? t("integration.nodeInspector.parameters.optional.hide", foldedFields.length) : t("integration.nodeInspector.parameters.optional.show", foldedFields.length) }}
                 </button>
-                <template v-else>
-                  <button
-                    v-if="requiredFields.length"
-                    type="button"
-                    class="flex items-center gap-1.5 rounded px-1 py-1 text-sm text-muted-foreground transition hover:text-foreground"
-                    @click="optionalOpen = false"
-                  >
-                    <ChevronDown :size="13" />
-                    {{ t("integration.nodeInspector.parameters.optional.hide", optionalFields.length) }}
-                  </button>
-                  <IntegrationsNodeConfigField
-                    v-for="field in optionalFields"
-                    :key="field.key"
-                    :field="field"
-                    :config="draftNode.config ?? {}"
-                    :slug="draftNode.nodeSlug"
-                    :version="draftNode.nodeVersion"
-                    :secret-keys="secretKeys"
-                    :static-keys="(manifest.config ?? []).map((f2) => f2.key)"
-                    :sibling-fields="manifest.config ?? []"
-                    :depth="0"
-                    :variables="variables"
-                    :upstream-outputs="upstreamOutputs"
-                    :refused="refusedFields?.[field.key]"
-                    @set="(k, v) => writeConfig(k, v)"
-                  />
-                </template>
+                <IntegrationsNodeConfigField
+                  v-if="optionalOpen || !foldedKeys.has(field.key)"
+                  :field="field"
+                  :config="draftNode.config ?? {}"
+                  :slug="draftNode.nodeSlug"
+                  :version="draftNode.nodeVersion"
+                  :secret-keys="secretKeys"
+                  :static-keys="(manifest.config ?? []).map((f2) => f2.key)"
+                  :sibling-fields="manifest.config ?? []"
+                  :depth="0"
+                  :variables="variables"
+                  :state-namespaces="offeredStateNamespaces"
+                  @declare-state="stageStateNamespace"
+                  :upstream-outputs="upstreamOutputs"
+                  :refused="refusedFields?.[field.key]"
+                  @set="(k, v) => writeConfig(k, v)"
+                />
               </template>
 
               <p v-if="!parameterFields.length" class="text-sm text-muted-foreground italic">
@@ -1832,6 +1880,8 @@ async function runTestStep() {
                 :sibling-fields="manifest?.config ?? []"
                 :depth="0"
                 :variables="variables"
+                :state-namespaces="offeredStateNamespaces"
+                @declare-state="stageStateNamespace"
                 :upstream-outputs="upstreamOutputs"
                 :refused="refusedFields?.[field.key]"
                 @set="(k, v) => writeConfig(k, v)"
@@ -2121,6 +2171,11 @@ async function runTestStep() {
         </Button>
       </div>
     </div>
+
+    <!-- Asked outside the panes so it is not clipped by either, and mounted
+         unconditionally: the two places that open it sit in different parts of
+         the dialog and neither owns it. -->
+    <NodeVersionMoveDialog v-model:open="versionMoveOpen" :node="draftNode" @move="applyVersionMove" />
   </div>
 </template>
 

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

@@ -1,9 +1,11 @@
-import type { NodeManifestOutput, WorkflowEdge, WorkflowNode, WorkflowTrigger, WorkflowVariable } from '../../types/integrations.js';
+import type { NodeManifestOutput, WorkflowEdge, WorkflowNode, WorkflowStateNamespace, WorkflowStateRole, WorkflowStateVisibility, WorkflowTrigger, WorkflowVariable } from '../../types/integrations.js';
 type __VLS_Props = {
     /** Either a workflow node OR a trigger. Distinguished by presence of `nodeSlug`. */
     selection: WorkflowNode | WorkflowTrigger | null;
     secretKeys: string[];
     variables?: Record<string, WorkflowVariable>;
+    /** The workflow's declared state namespaces — options for `state-ref` fields. */
+    stateNamespaces?: WorkflowStateNamespace[];
     upstreamOutputs?: Array<{
         nodeId: string;
         nodeName?: string;
@@ -31,11 +33,13 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     update: (next: WorkflowTrigger | WorkflowNode) => any;
     remove: () => any;
     close: () => any;
+    "declare-state": (namespace: string, role: WorkflowStateRole, visibility: WorkflowStateVisibility) => any;
     navigate: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onUpdate?: ((next: WorkflowTrigger | WorkflowNode) => any) | undefined;
     onRemove?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onDeclare-state"?: ((namespace: string, role: WorkflowStateRole, visibility: WorkflowStateVisibility) => any) | undefined;
     onNavigate?: ((id: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,21 @@
+import type { WorkflowNode } from '../../types/integrations.js';
+type __VLS_Props = {
+    node: WorkflowNode | null;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'open'?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    move: (payload: {
+        version: string;
+        config: Record<string, unknown>;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onMove?: ((payload: {
+        version: string;
+        config: Record<string, unknown>;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,133 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import {
+  AlertDialog,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  Button
+} from "@revenexx/studio";
+import { executableVersionsOf, findManifest, newestExecutableVersion } from "../../data/integrationNodeCatalog";
+import { planVersionMove } from "../../data/nodeVersionMove";
+import { resolveLocalized } from "../../utils/localize";
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const props = defineProps({
+  node: { type: [Object, null], required: true }
+});
+const emit = defineEmits(["move"]);
+const t = useIntegrationsT();
+const versions = computed(() => props.node ? executableVersionsOf(props.node.nodeSlug) : []);
+const target = ref("");
+watch(open, (isOpen) => {
+  if (!isOpen || !props.node) return;
+  const newest = newestExecutableVersion(props.node.nodeSlug);
+  target.value = newest && newest !== props.node.nodeVersion ? newest : props.node.nodeVersion;
+});
+const plan = computed(() => {
+  const n = props.node;
+  if (!n) return null;
+  return planVersionMove(
+    findManifestExact(n.nodeSlug, n.nodeVersion),
+    findManifestExact(n.nodeSlug, target.value),
+    n.config
+  );
+});
+function findManifestExact(slug, version) {
+  const m = findManifest(slug, version);
+  return m && m.version === version ? m : null;
+}
+const unchanged = computed(() => !props.node || target.value === props.node.nodeVersion);
+function labelOf(entry) {
+  return resolveLocalized(entry.field?.label) || entry.key;
+}
+function confirm() {
+  const p = plan.value;
+  if (!props.node || !p || unchanged.value) return;
+  emit("move", { version: target.value, config: p.nextConfig });
+  open.value = false;
+}
+</script>
+
+<template>
+  <AlertDialog :open="open" @update:open="(v) => {
+  if (!v) open = false;
+}">
+    <AlertDialogContent>
+      <AlertDialogHeader>
+        <AlertDialogTitle>{{ t("integration.nodeInspector.version.move.title") }}</AlertDialogTitle>
+        <AlertDialogDescription>
+          {{ t("integration.nodeInspector.version.move.description") }}
+        </AlertDialogDescription>
+      </AlertDialogHeader>
+
+      <div v-if="props.node && plan" class="space-y-3 text-sm">
+        <div class="flex items-center gap-2">
+          <span class="tabular-nums text-muted-foreground">v{{ props.node.nodeVersion }}</span>
+          <span aria-hidden="true">→</span>
+          <select
+            v-model="target"
+            class="rounded border border-black/10 bg-white px-1.5 py-0.5 tabular-nums"
+            :aria-label="t('integration.nodeInspector.version.move.targetAria')"
+          >
+            <option v-for="m in versions" :key="m.version" :value="m.version">
+              v{{ m.version }}
+            </option>
+          </select>
+        </div>
+
+        <!-- A version the catalogue no longer carries cannot be compared against,
+             so the lists below are what arrives rather than what was checked. Said
+             once, here, instead of marking every setting as suspect. -->
+        <p v-if="!plan.comparable" class="text-amber-600">
+          {{ t("integration.nodeInspector.version.move.notComparable", { version: props.node.nodeVersion }) }}
+        </p>
+
+        <p v-if="unchanged" class="text-muted-foreground">
+          {{ t("integration.nodeInspector.version.move.same") }}
+        </p>
+
+        <template v-else>
+          <p v-if="plan.lossless" class="text-muted-foreground">
+            {{ t("integration.nodeInspector.version.move.lossless") }}
+          </p>
+
+          <div v-if="plan.dropped.length">
+            <p class="font-medium">{{ t("integration.nodeInspector.version.move.dropped") }}</p>
+            <ul class="mt-0.5 list-disc pl-5 text-muted-foreground">
+              <li v-for="e in plan.dropped" :key="e.key">
+                {{ labelOf(e) }}
+                <!-- The key, where it is not already the whole label. A setting no
+                     version declares any more has nothing but its key to go by, and
+                     printing that twice reads as a bug rather than as precision. -->
+                <span v-if="labelOf(e) !== e.key" class="text-xs">({{ e.key }})</span>
+              </li>
+            </ul>
+          </div>
+
+          <div v-if="plan.review.length">
+            <p class="font-medium">{{ t("integration.nodeInspector.version.move.review") }}</p>
+            <ul class="mt-0.5 list-disc pl-5 text-muted-foreground">
+              <li v-for="e in plan.review" :key="e.key">
+                {{ labelOf(e) }}
+                <span class="text-xs">
+                  ({{ e.reason === "nowRequired" ? t("integration.nodeInspector.version.move.reason.nowRequired") : t("integration.nodeInspector.version.move.reason.changed") }})
+                </span>
+              </li>
+            </ul>
+          </div>
+        </template>
+      </div>
+
+      <AlertDialogFooter>
+        <Button variant="outline" @click="open = false">
+          {{ t("integration.common.action.cancel") }}
+        </Button>
+        <Button :disabled="unchanged" @click="confirm">
+          {{ t("integration.nodeInspector.version.move.confirm") }}
+        </Button>
+      </AlertDialogFooter>
+    </AlertDialogContent>
+  </AlertDialog>
+</template>

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

@@ -0,0 +1,21 @@
+import type { WorkflowNode } from '../../types/integrations.js';
+type __VLS_Props = {
+    node: WorkflowNode | null;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'open'?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    move: (payload: {
+        version: string;
+        config: Record<string, unknown>;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onMove?: ((payload: {
+        version: string;
+        config: Record<string, unknown>;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;