@revenexx/studio-integrations 0.1.3 → 0.2.0

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

@@ -0,0 +1,20 @@
+import type { Credential, CredentialType } from '../../types/integrations.js';
+/**
+ * Credential detail / edit view — a single scrolling page (no tabs): the
+ * connection state up top, the editable fields, then read-only metadata.
+ * Self-contained — owns update / delete / test / OAuth reconnect against the
+ * Integrations service via the shared composable.
+ */
+type __VLS_Props = {
+    open: boolean;
+    credential: Credential | null;
+    type: CredentialType | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (args_0: boolean) => any;
+    changed: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onChanged?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,14 @@
+import type { CredentialType } from '../../types/integrations.js';
+/**
+ * A credential type's brand logo. Renders the `logo` image from the type's
+ * `images[]` (a short-lived signed URL from the credential-types API), falling
+ * back to a generic key glyph when no image is present or the image fails to
+ * load (expired signature / 404). This is the single place that knows how a
+ * credential type renders its icon.
+ */
+type __VLS_Props = {
+    type?: CredentialType | null;
+    size?: number;
+};
+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/CredentialLogo.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import { ShieldKeyhole as KeyIcon } from "#solar-icons";
+const props = defineProps({
+  type: { type: [Object, null], required: false },
+  size: { type: Number, required: false }
+});
+const box = computed(() => (props.size ?? 16) + 16);
+const glyph = computed(() => props.size ?? 16);
+const logoSrc = computed(() => {
+  const imgs = props.type?.images;
+  if (!imgs?.length) return null;
+  const pick = imgs.find((i) => i.category === "logo") ?? imgs[0];
+  return typeof pick?.src === "string" && pick.src ? pick.src : null;
+});
+const failed = ref(false);
+watch(logoSrc, () => {
+  failed.value = false;
+});
+const showImg = computed(() => !!logoSrc.value && !failed.value);
+</script>
+
+<template>
+  <span
+    class="flex items-center justify-center overflow-hidden rounded-md bg-slate-100 text-slate-500 shrink-0"
+    :style="{ width: `${box}px`, height: `${box}px` }"
+  >
+    <img
+      v-if="showImg"
+      :src="logoSrc"
+      alt=""
+      class="h-full w-full object-contain p-0.5"
+      @error="failed = true"
+    >
+    <KeyIcon v-else :size="glyph" />
+  </span>
+</template>

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

@@ -0,0 +1,14 @@
+import type { CredentialType } from '../../types/integrations.js';
+/**
+ * A credential type's brand logo. Renders the `logo` image from the type's
+ * `images[]` (a short-lived signed URL from the credential-types API), falling
+ * back to a generic key glyph when no image is present or the image fails to
+ * load (expired signature / 404). This is the single place that knows how a
+ * credential type renders its icon.
+ */
+type __VLS_Props = {
+    type?: CredentialType | null;
+    size?: number;
+};
+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/CredentialRevenexxSource.d.vue.ts

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

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

@@ -0,0 +1,364 @@
+<script setup>
+import { computed, reactive, ref, watch } from "vue";
+import {
+  AddCircle as Plus,
+  CheckCircle as Check,
+  RefreshCircle as Loader2
+} from "#solar-icons";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  Input,
+  Label,
+  Switch,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@revenexx/studio";
+import { toast } from "vue-sonner";
+const props = defineProps({
+  type: { type: [Object, null], required: true }
+});
+const emit = defineEmits(["update:active", "apply"]);
+const KIND_BY_SLUG = {
+  "revenexx:sftp": "sftp",
+  "revenexx:smtp": "smtp",
+  "revenexx:api": "api"
+};
+const kind = computed(() => props.type ? KIND_BY_SLUG[props.type.slug] ?? null : null);
+const SWITCH_LABEL = {
+  sftp: "Use revenexx SFTP Servers",
+  smtp: "Use revenexx Mail Servers",
+  api: "Use revenexx API Keys"
+};
+const NEW_LABEL = {
+  sftp: "New SFTP account",
+  smtp: "New mail credential",
+  api: "New API key"
+};
+const { tenants, onlyTenantSlug, load: loadTenants } = useConsoleTenants();
+const { markets, activeCode, isGlobal, GLOBAL_MARKET_CODE, fetchMarkets } = useActiveMarket();
+const sftp = useConsoleSftp();
+const mail = useMailAdmin();
+const consoleKeys = useConsoleApiKeys();
+const config = useRuntimeConfig();
+const sftpHost = config.public.sftpHost ?? "share.revenexx.com";
+const sftpPort = Number(config.public.sftpPort ?? 42);
+const mailSmtpHost = config.public.mailSmtpHost ?? "mail.rvnxx.com";
+const mailSmtpPort = Number(config.public.mailSmtpPort ?? 587);
+const active = ref(false);
+const tenant = ref(null);
+const marketCode = ref(GLOBAL_MARKET_CODE);
+const selectedId = ref("");
+const loadingList = ref(false);
+const applying = ref(false);
+const applied = ref(null);
+const smtpCreds = ref([]);
+watch(active, (v) => emit("update:active", v));
+watch(kind, () => {
+  active.value = false;
+  selectedId.value = "";
+  applied.value = null;
+});
+const sftpOptions = computed(() => sftp.accounts.value.filter((a) => (a.is_active || a.status === "active") && a.login_username).map((a) => ({ value: String(a.id), label: a.login_username })));
+const marketOptions = computed(() => [
+  { code: GLOBAL_MARKET_CODE, label: "Global (tenant baseline)" },
+  ...markets.value.map((m) => ({ code: m.code, label: `${m.name} (${m.code})` }))
+]);
+async function ensureLists() {
+  loadingList.value = true;
+  try {
+    await loadTenants();
+    if (!tenant.value) tenant.value = onlyTenantSlug.value ?? tenants.value[0]?.slug ?? null;
+    if (kind.value === "sftp") await sftp.load(tenant.value);
+    else if (kind.value === "smtp") {
+      const list = await mail.listCredentials();
+      smtpCreds.value = (list ?? []).filter((c) => c.type === "SMTP").map((c) => ({ uuid: c.uuid, name: c.name }));
+    } else if (kind.value === "api") {
+      marketCode.value = activeCode.value;
+      await fetchMarkets();
+    }
+  } catch (e) {
+    toast.error(e?.message ?? "Could not load revenexx resources.");
+  } finally {
+    loadingList.value = false;
+  }
+}
+watch(active, (on) => {
+  if (on) void ensureLists();
+});
+function marketSlug() {
+  return marketCode.value === GLOBAL_MARKET_CODE ? "" : marketCode.value;
+}
+async function applySftp() {
+  const t = tenant.value;
+  const acc = sftp.accounts.value.find((a) => String(a.id) === selectedId.value);
+  if (!t || !acc) return;
+  applying.value = true;
+  try {
+    const creds = await sftp.revealPassword(t, acc.id);
+    if (!creds) {
+      toast.error("Account still provisioning \u2014 try again in a moment.");
+      return;
+    }
+    emit("apply", {
+      host: sftpHost,
+      port: sftpPort,
+      username: acc.login_username ?? creds.username,
+      password: creds.password
+    });
+    applied.value = `${acc.login_username}@${sftpHost}:${sftpPort}`;
+  } catch (e) {
+    toast.error(e?.message ?? "Could not read the SFTP password.");
+  } finally {
+    applying.value = false;
+  }
+}
+async function applySmtp() {
+  applying.value = true;
+  try {
+    const cred = await mail.getCredential(selectedId.value);
+    emit("apply", {
+      host: mailSmtpHost,
+      port: mailSmtpPort,
+      user: cred.smtp_username ?? "",
+      password: cred.smtp_password ?? "",
+      secure: mailSmtpPort === 465
+    });
+    applied.value = `${cred.smtp_username}@${mailSmtpHost}:${mailSmtpPort}`;
+  } catch (e) {
+    toast.error(e?.message ?? "Could not read the mail credential.");
+  } finally {
+    applying.value = false;
+  }
+}
+function onSelect(id) {
+  selectedId.value = id;
+  if (!id) {
+    applied.value = null;
+    return;
+  }
+  if (kind.value === "sftp") void applySftp();
+  else if (kind.value === "smtp") void applySmtp();
+}
+watch([tenant, marketCode], () => {
+  if (active.value && kind.value === "api" && apiKeyReady.value) {
+    emit("apply", { tenant: tenant.value ?? "", market: marketSlug() });
+  }
+});
+const createOpen = ref(false);
+const creating = ref(false);
+const createName = ref("");
+const provisioningNote = ref("");
+const apiKeyReady = ref(false);
+function openCreate() {
+  createName.value = "";
+  provisioningNote.value = "";
+  createOpen.value = true;
+}
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+async function createSftp() {
+  const t = tenant.value;
+  if (!t) {
+    toast.error("No tenant selected.");
+    return;
+  }
+  creating.value = true;
+  try {
+    let acc = await sftp.create(t, createName.value.trim() || void 0);
+    for (let i = 0; i < 24 && !(acc.is_active || acc.status === "active"); i++) {
+      provisioningNote.value = "Provisioning the account\u2026";
+      await sleep(2500);
+      acc = await sftp.refresh(t, acc.id);
+      if (acc.status === "failed") throw new Error(acc.error_message || "Provisioning failed.");
+    }
+    if (!(acc.is_active || acc.status === "active")) {
+      throw new Error("Still provisioning \u2014 pick it from the list once it turns active.");
+    }
+    await sftp.load(t);
+    selectedId.value = String(acc.id);
+    await applySftp();
+    createOpen.value = false;
+    toast.success("SFTP account created");
+  } catch (e) {
+    toast.error(e?.message ?? "Could not create the SFTP account.");
+  } finally {
+    creating.value = false;
+    provisioningNote.value = "";
+  }
+}
+async function createSmtp() {
+  creating.value = true;
+  try {
+    const cred = await mail.createCredential({ name: createName.value.trim() || "SMTP", type: "SMTP" });
+    emit("apply", {
+      host: mailSmtpHost,
+      port: mailSmtpPort,
+      user: cred.smtp_username ?? "",
+      password: cred.smtp_password ?? "",
+      secure: mailSmtpPort === 465
+    });
+    applied.value = `${cred.smtp_username}@${mailSmtpHost}:${mailSmtpPort}`;
+    smtpCreds.value = [{ uuid: cred.uuid, name: cred.name }, ...smtpCreds.value];
+    selectedId.value = cred.uuid;
+    createOpen.value = false;
+    toast.success("Mail credential created");
+  } catch (e) {
+    toast.error(e?.message ?? "Could not create the mail credential.");
+  } finally {
+    creating.value = false;
+  }
+}
+async function createApiKey() {
+  creating.value = true;
+  try {
+    const { secret } = await consoleKeys.create(createName.value.trim() || "Integrations key", ["*"]);
+    emit("apply", { apiKey: secret, tenant: tenant.value ?? "", market: marketSlug() });
+    apiKeyReady.value = true;
+    applied.value = `Key for ${tenant.value}${marketSlug() ? ` \xB7 ${marketSlug()}` : " \xB7 global"}`;
+    createOpen.value = false;
+    toast.success("API key created");
+  } catch (e) {
+    toast.error(e?.message ?? "Could not create the API key.");
+  } finally {
+    creating.value = false;
+  }
+}
+function submitCreate() {
+  if (kind.value === "sftp") void createSftp();
+  else if (kind.value === "smtp") void createSmtp();
+  else if (kind.value === "api") void createApiKey();
+}
+</script>
+
+<template>
+  <div v-if="kind" class="rounded-lg border border-black/[0.08] bg-muted/20 p-3">
+    <!-- Switch header -->
+    <div class="flex items-center justify-between gap-3">
+      <div class="min-w-0">
+        <div class="text-sm font-medium">{{ SWITCH_LABEL[kind] }}</div>
+        <p class="text-xs text-muted-foreground">
+          Reuse an existing revenexx resource instead of typing access data by hand.
+        </p>
+      </div>
+      <Switch :model-value="active" @update:model-value="(v) => active = v" />
+    </div>
+
+    <div v-if="active" class="mt-3 space-y-3">
+      <!-- Tenant (preselected) -->
+      <div class="space-y-1.5">
+        <Label>Tenant</Label>
+        <Select :model-value="tenant ?? ''" @update:model-value="(v) => tenant = v">
+          <SelectTrigger class="bg-white">
+            <SelectValue placeholder="Select tenant" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem v-for="t in tenants" :key="t.slug" :value="t.slug">
+              {{ t.name }} ({{ t.slug }})
+            </SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+
+      <!-- Market scope — only the Revenexx API credential is market-scoped -->
+      <div v-if="kind === 'api'" class="space-y-1.5">
+        <Label>Market</Label>
+        <Select :model-value="marketCode" @update:model-value="(v) => marketCode = v">
+          <SelectTrigger class="bg-white">
+            <SelectValue placeholder="Select market" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem v-for="m in marketOptions" :key="m.code" :value="m.code">
+              {{ m.label }}
+            </SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+
+      <!-- Resource select (SFTP / Mail) -->
+      <div v-if="kind === 'sftp' || kind === 'smtp'" class="space-y-1.5">
+        <Label>{{ kind === "sftp" ? "SFTP account" : "Mail credential" }}</Label>
+        <div class="flex items-center gap-2">
+          <Select :model-value="selectedId" class="flex-1" @update:model-value="(v) => onSelect(v)">
+            <SelectTrigger class="bg-white">
+              <SelectValue :placeholder="loadingList ? 'Loading\u2026' : 'Select one'" />
+            </SelectTrigger>
+            <SelectContent>
+              <template v-if="kind === 'sftp'">
+                <SelectItem v-for="o in sftpOptions" :key="o.value" :value="o.value">{{ o.label }}</SelectItem>
+              </template>
+              <template v-else>
+                <SelectItem v-for="c in smtpCreds" :key="c.uuid" :value="c.uuid">{{ c.name }}</SelectItem>
+              </template>
+            </SelectContent>
+          </Select>
+          <Button variant="outline" size="sm" class="shrink-0 bg-white" :disabled="!tenant" @click="openCreate">
+            <Plus :size="14" class="mr-1" />
+            New
+          </Button>
+        </div>
+      </div>
+
+      <!-- API key: no existing selection (secret can't be read back) -->
+      <div v-else-if="kind === 'api'">
+        <Button variant="outline" size="sm" class="bg-white" :disabled="!tenant" @click="openCreate">
+          <Plus :size="14" class="mr-1" />
+          Create new API key
+        </Button>
+      </div>
+
+      <!-- Applied summary -->
+      <div v-if="applied || applying" class="flex items-center gap-2 rounded-md bg-emerald-500/10 px-3 py-2 text-sm text-emerald-700">
+        <Loader2 v-if="applying" :size="14" class="animate-spin" />
+        <Check v-else :size="14" />
+        <span class="truncate">{{ applying ? "Copying access data\u2026" : `Using ${applied}` }}</span>
+      </div>
+    </div>
+
+    <!-- Stacked "New …" lightbox -->
+    <Dialog v-model:open="createOpen">
+      <DialogContent class="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>{{ kind ? NEW_LABEL[kind] : "New" }}</DialogTitle>
+          <DialogDescription class="text-sm">
+            <template v-if="kind === 'api'">
+              A full-access key is minted for <b>{{ tenant }}</b> and copied straight into this credential.
+            </template>
+            <template v-else-if="kind === 'sftp'">
+              Reserves a new SFTP account for <b>{{ tenant }}</b> and fills its login here.
+            </template>
+            <template v-else>
+              Creates a new SMTP credential and fills its login here.
+            </template>
+          </DialogDescription>
+        </DialogHeader>
+
+        <div class="space-y-1.5 py-1">
+          <Label for="rvnxx-new-name">{{ kind === "sftp" ? "Label" : "Name" }}</Label>
+          <Input
+            id="rvnxx-new-name"
+            v-model="createName"
+            class="bg-white"
+            :placeholder="kind === 'sftp' ? 'e.g. imports' : 'e.g. Production'"
+          />
+          <p v-if="provisioningNote" class="text-xs text-muted-foreground">{{ provisioningNote }}</p>
+        </div>
+
+        <DialogFooter>
+          <Button variant="ghost" :disabled="creating" @click="createOpen = false">Cancel</Button>
+          <Button :disabled="creating" @click="submitCreate">
+            <Loader2 v-if="creating" :size="14" class="mr-1 animate-spin" />
+            Create
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  </div>
+</template>

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

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

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

@@ -0,0 +1,15 @@
+import type { CredentialType } from '../../types/integrations.js';
+/**
+ * Scalable credential-type picker — a searchable list ("Search for app…") that
+ * scales to ~1000 types where a card grid would not. Client-side filter over the
+ * already-loaded catalogue; no debounce needed.
+ */
+type __VLS_Props = {
+    types: CredentialType[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pick: (args_0: CredentialType) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((args_0: CredentialType) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,71 @@
+<script setup>
+import { computed, ref } from "vue";
+import { Magnifier as Search } from "#solar-icons";
+import { Input } from "@revenexx/studio";
+const props = defineProps({
+  types: { type: Array, required: true }
+});
+const emit = defineEmits(["pick"]);
+const query = ref("");
+function loc(v) {
+  if (!v) return "";
+  if (typeof v === "string") return v;
+  const o = v;
+  return o.en ?? o.de ?? Object.values(o)[0] ?? "";
+}
+function authKindLabel(k) {
+  switch (k) {
+    case "api-key":
+      return "API Key";
+    case "oauth2-authcode":
+    case "oauth2-client-credentials":
+      return "OAuth2";
+    case "basic-auth":
+      return "Basic Auth";
+    case "static":
+      return "Static";
+    case "secret":
+      return "Secret";
+    default:
+      return k ?? "";
+  }
+}
+const filtered = computed(() => {
+  const q = query.value.trim().toLowerCase();
+  if (!q) return props.types;
+  return props.types.filter((t) => loc(t.name).toLowerCase().includes(q));
+});
+</script>
+
+<template>
+  <div class="py-1">
+    <div class="relative">
+      <Search :size="15" class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" />
+      <Input
+        v-model="query"
+        class="bg-white pl-9"
+        placeholder="Search for an app…"
+        autofocus
+      />
+    </div>
+
+    <div class="mt-2 max-h-80 overflow-y-auto -mx-1 px-1">
+      <p v-if="!filtered.length" class="px-2 py-6 text-center text-sm text-muted-foreground">
+        No credential type matches “{{ query }}”.
+      </p>
+      <button
+        v-for="t in filtered"
+        :key="t.slug"
+        type="button"
+        class="flex w-full items-center gap-2.5 rounded-md px-2 py-2 text-left transition hover:bg-muted/50"
+        @click="emit('pick', t)"
+      >
+        <IntegrationsCredentialLogo :type="t" :size="16" />
+        <div class="min-w-0 flex-1 truncate text-sm">
+          <span class="font-medium">{{ loc(t.name) || t.slug }}</span>
+          <span class="ml-1.5 text-muted-foreground">({{ authKindLabel(t.auth_kind) }})</span>
+        </div>
+      </button>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,15 @@
+import type { CredentialType } from '../../types/integrations.js';
+/**
+ * Scalable credential-type picker — a searchable list ("Search for app…") that
+ * scales to ~1000 types where a card grid would not. Client-side filter over the
+ * already-loaded catalogue; no debounce needed.
+ */
+type __VLS_Props = {
+    types: CredentialType[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pick: (args_0: CredentialType) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((args_0: CredentialType) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    workflowId: number;
+};
+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;