@revenexx/studio-integrations 0.1.0

package/dist/runtime/data/integrationWorkflowSamples.js

@@ -0,0 +1,318 @@
+export const SAMPLE_WORKFLOWS = [
+  // -----------------------------------------------------------------------
+  // 1) Manual REST call — mirrors manual-rest-call.json
+  // -----------------------------------------------------------------------
+  {
+    id: 1,
+    name: "Manual REST GET",
+    description: "User-triggered call to a REST endpoint configured via workflow variables.",
+    blob_definition_version: "v0-draft",
+    active: true,
+    revision: 4,
+    created_at: "2026-04-12T08:00:00Z",
+    updated_at: "2026-05-08T02:14:11Z",
+    blob: {
+      nodeManifestVersion: "v0-draft",
+      name: { en: "Manual REST GET", de: "Manueller REST-Abruf" },
+      description: {
+        en: "User-triggered call to a REST endpoint configured via workflow variables.",
+        de: "Benutzerausgel\xF6ster Aufruf eines REST-Endpunkts, konfiguriert \xFCber Workflow-Variablen."
+      },
+      variables: {
+        endpoint: {
+          type: "string",
+          default: "https://api.example.com/health",
+          description: { en: "Target URL", de: "Ziel-URL" }
+        },
+        timeoutSeconds: { type: "number", default: 30 }
+      },
+      triggers: [
+        {
+          id: "manual-1",
+          type: "manual",
+          name: { en: "Run now", de: "Jetzt ausf\xFChren" },
+          config: {}
+        }
+      ],
+      nodes: [
+        {
+          id: "fetch",
+          nodeSlug: "rest-get",
+          nodeVersion: "1.0.0",
+          config: {
+            url: "${{ vars.endpoint }}",
+            timeout: "${{ vars.timeoutSeconds }}"
+          },
+          position: { x: 220, y: 100 },
+          retry: { maxAttempts: 3, backoffSeconds: 2, strategy: "exponential" }
+        }
+      ],
+      edges: [
+        { id: "e1", from: { nodeId: "manual-1", output: "default" }, to: { nodeId: "fetch" } }
+      ]
+    }
+  },
+  // -----------------------------------------------------------------------
+  // 2) Webhook receiver with error routing — mirrors webhook-with-error-routing.json
+  // -----------------------------------------------------------------------
+  {
+    id: 2,
+    name: "Webhook order receiver",
+    description: "Receives Stripe order webhooks, validates the payload, and forwards to the fulfillment API. Errors flow into a notification node via the reserved error output.",
+    blob_definition_version: "v0-draft",
+    active: true,
+    revision: 3,
+    created_at: "2026-04-22T11:30:00Z",
+    updated_at: "2026-05-09T15:02:33Z",
+    blob: {
+      nodeManifestVersion: "v0-draft",
+      name: "Webhook order receiver",
+      description: "Receives Stripe order webhooks, validates the payload, and forwards to the fulfillment API. Errors flow into a notification node via the reserved error output.",
+      triggers: [
+        {
+          id: "stripe-hook",
+          type: "webhook",
+          name: "Stripe order created",
+          config: {
+            path: "/webhooks/stripe/orders",
+            method: "POST",
+            secretRef: "STRIPE_WEBHOOK_SECRET"
+          }
+        }
+      ],
+      nodes: [
+        {
+          id: "validate",
+          nodeSlug: "control-if",
+          nodeVersion: "1.0.0",
+          config: { condition: "${{ trigger.payload.type }}" },
+          position: { x: 260, y: 80 }
+        },
+        {
+          id: "forward",
+          nodeSlug: "rest-get",
+          nodeVersion: "1.0.0",
+          config: {
+            url: "https://fulfillment.internal/orders",
+            "bearer-token": "FULFILLMENT_API_TOKEN"
+          },
+          position: { x: 520, y: 0 },
+          retry: { maxAttempts: 4, backoffSeconds: 5, strategy: "linear" }
+        },
+        {
+          id: "notify-failure",
+          nodeSlug: "rest-get",
+          nodeVersion: "1.0.0",
+          config: { url: "https://alerts.internal/notify" },
+          position: { x: 760, y: 200 }
+        }
+      ],
+      edges: [
+        { id: "e1", from: { nodeId: "stripe-hook", output: "default" }, to: { nodeId: "validate" } },
+        { id: "e2", from: { nodeId: "validate", output: "true" }, to: { nodeId: "forward" } },
+        { id: "e3", from: { nodeId: "forward", output: "error" }, to: { nodeId: "notify-failure" } }
+      ]
+    }
+  },
+  // -----------------------------------------------------------------------
+  // 3) Scheduled ETL with branching — mirrors scheduled-with-branching.json
+  // -----------------------------------------------------------------------
+  {
+    id: 3,
+    name: "Daily ETL with branching",
+    description: "Pulls orders from upstream, branches per status with control-switch.",
+    blob_definition_version: "v0-draft",
+    active: true,
+    revision: 7,
+    created_at: "2026-04-12T08:00:00Z",
+    updated_at: "2026-05-08T02:14:11Z",
+    blob: {
+      nodeManifestVersion: "v0-draft",
+      name: "Daily ETL with branching",
+      triggers: [
+        {
+          id: "nightly",
+          type: "schedule",
+          config: { cron: "0 3 * * *", timezone: "Europe/Berlin" }
+        }
+      ],
+      variables: {
+        source: { type: "string", default: "primary", required: false }
+      },
+      nodes: [
+        {
+          id: "fetch",
+          nodeSlug: "rest-get",
+          nodeVersion: "1.0.0",
+          config: { url: "https://api.example.com/orders?source=${{ vars.source }}" },
+          position: { x: 220, y: 80 },
+          retry: { maxAttempts: 5, backoffSeconds: 1, strategy: "exponential" }
+        },
+        {
+          id: "route",
+          nodeSlug: "control-switch",
+          nodeVersion: "1.0.0",
+          config: {
+            expression: "${{ nodes.fetch.outputs.success }}",
+            cases: ["paid", "pending", "failed"]
+          },
+          position: { x: 480, y: 80 }
+        },
+        {
+          id: "ship",
+          nodeSlug: "rest-get",
+          nodeVersion: "1.0.0",
+          config: { url: "https://api.example.com/ship" },
+          position: { x: 760, y: 0 }
+        },
+        {
+          id: "alert",
+          nodeSlug: "rest-get",
+          nodeVersion: "1.0.0",
+          config: { url: "https://api.example.com/alert" },
+          position: { x: 760, y: 200 }
+        }
+      ],
+      edges: [
+        { id: "e1", from: { nodeId: "nightly", output: "default" }, to: { nodeId: "fetch" } },
+        { id: "e2", from: { nodeId: "fetch", output: "success" }, to: { nodeId: "route" } },
+        { id: "e3", from: { nodeId: "route", output: "paid" }, to: { nodeId: "ship" } },
+        { id: "e4", from: { nodeId: "fetch", output: "error" }, to: { nodeId: "alert" } }
+      ]
+    }
+  },
+  // -----------------------------------------------------------------------
+  // 4) Empty draft — exists to demonstrate the "Draft" status group
+  // -----------------------------------------------------------------------
+  {
+    id: 4,
+    name: "Empty draft",
+    description: "No nodes yet. Drag from the palette to start.",
+    blob_definition_version: "v0-draft",
+    active: false,
+    revision: 0,
+    created_at: "2026-05-10T16:00:00Z",
+    updated_at: "2026-05-10T16:00:00Z",
+    blob: {
+      nodeManifestVersion: "v0-draft",
+      name: "Empty draft",
+      triggers: [
+        { id: "trg-1", type: "manual", config: {} }
+      ],
+      nodes: [],
+      edges: []
+    }
+  }
+];
+export const SAMPLE_SECRETS = [
+  { key: "STRIPE_WEBHOOK_SECRET", created_at: "2026-04-01T08:00:00Z", updated_at: "2026-04-01T08:00:00Z" },
+  { key: "FULFILLMENT_API_TOKEN", created_at: "2026-04-15T11:30:00Z", updated_at: "2026-04-15T11:30:00Z" },
+  { key: "ERP_API_KEY", created_at: "2026-03-12T09:14:00Z", updated_at: "2026-05-01T14:00:00Z" },
+  { key: "SLACK_WEBHOOK_URL", created_at: "2026-02-04T16:00:00Z", updated_at: "2026-02-04T16:00:00Z" },
+  { key: "HUBSPOT_ACCESS_TOKEN", created_at: "2026-04-22T12:00:00Z", updated_at: "2026-04-22T12:00:00Z" }
+];
+export const CONNECTION_TEMPLATES = [
+  {
+    vendor: "shopify",
+    name: "Shopify",
+    category: "shop",
+    icon: "ShoppingBag",
+    description: "Ingest orders, customers and products from a Shopify store.",
+    requiredSecrets: [
+      { key: "SHOPIFY_ACCESS_TOKEN", label: "Admin API token", sensitive: true },
+      { key: "SHOPIFY_WEBHOOK_SECRET", label: "Webhook signing secret", sensitive: true }
+    ]
+  },
+  {
+    vendor: "sap-business-one",
+    name: "SAP Business One",
+    category: "erp",
+    icon: "Server",
+    description: "Sync products, prices and orders with SAP Business One.",
+    requiredSecrets: [
+      { key: "SAP_B1_USER", label: "Service account", sensitive: false },
+      { key: "SAP_B1_PASSWORD", label: "Service password", sensitive: true }
+    ]
+  },
+  {
+    vendor: "hubspot",
+    name: "HubSpot",
+    category: "crm",
+    icon: "Contact",
+    description: "Two-way sync for contacts and deals.",
+    requiredSecrets: [{ key: "HUBSPOT_ACCESS_TOKEN", label: "Private app token", sensitive: true }]
+  },
+  {
+    vendor: "akeneo",
+    name: "Akeneo PIM",
+    category: "pim",
+    icon: "Layers",
+    description: "Pull product data and enrichment from Akeneo.",
+    requiredSecrets: [
+      { key: "AKENEO_CLIENT_ID", label: "Client ID", sensitive: false },
+      { key: "AKENEO_CLIENT_SECRET", label: "Client secret", sensitive: true }
+    ]
+  },
+  {
+    vendor: "slack",
+    name: "Slack",
+    category: "other",
+    icon: "MessageSquare",
+    description: "Post notifications and alerts to Slack channels.",
+    requiredSecrets: [{ key: "SLACK_WEBHOOK_URL", label: "Incoming webhook URL", sensitive: true }]
+  },
+  {
+    vendor: "stripe",
+    name: "Stripe",
+    category: "other",
+    icon: "CreditCard",
+    description: "Receive payment events from Stripe.",
+    requiredSecrets: [{ key: "STRIPE_WEBHOOK_SECRET", label: "Webhook signing secret", sensitive: true }]
+  }
+];
+export const SAMPLE_CONNECTIONS = [
+  {
+    id: "conn-stripe-1",
+    vendor: "stripe",
+    name: "Stripe \xB7 live",
+    status: "connected",
+    lastVerifiedAt: "2026-05-10T07:14:11Z",
+    secretRefs: ["STRIPE_WEBHOOK_SECRET"],
+    config: {},
+    createdAt: "2026-04-15T11:30:00Z",
+    updatedAt: "2026-05-09T15:02:33Z"
+  },
+  {
+    id: "conn-sap-1",
+    vendor: "sap-business-one",
+    name: "SAP Business One \xB7 production",
+    status: "misconfigured",
+    lastVerifiedAt: "2026-05-04T10:00:00Z",
+    secretRefs: [],
+    config: { host: "sap.acme.test" },
+    createdAt: "2026-04-22T11:00:00Z",
+    updatedAt: "2026-05-04T10:00:00Z"
+  },
+  {
+    id: "conn-hubspot-1",
+    vendor: "hubspot",
+    name: "HubSpot \xB7 Sales",
+    status: "connected",
+    lastVerifiedAt: "2026-05-10T08:00:00Z",
+    secretRefs: ["HUBSPOT_ACCESS_TOKEN"],
+    config: { portalId: "23456789" },
+    createdAt: "2026-04-22T12:00:00Z",
+    updatedAt: "2026-04-22T12:00:00Z"
+  },
+  {
+    id: "conn-slack-1",
+    vendor: "slack",
+    name: "Slack \xB7 #ops",
+    status: "connected",
+    lastVerifiedAt: "2026-05-10T09:00:00Z",
+    secretRefs: ["SLACK_WEBHOOK_URL"],
+    config: { channel: "#ops" },
+    createdAt: "2026-02-04T16:00:00Z",
+    updatedAt: "2026-02-04T16:00:00Z"
+  }
+];

package/dist/runtime/pages/integrations/audit.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/pages/integrations/audit.vue

@@ -0,0 +1,156 @@
+<script setup>
+import {
+  ShieldCheck,
+  Magnifier as Search,
+  CloseCircle as Close,
+  Copy as CopyIcon,
+  ShieldKeyhole as Credential,
+  Key as Secret,
+  Programming as Workflow,
+  Bolt as Trigger,
+  Play as Run
+} from "#solar-icons";
+import { Badge, Button, Input } from "@revenexx/studio";
+import { toast } from "vue-sonner";
+useHead({ title: "Audit Log \xB7 Integration Studio" });
+const { entries, loading, error, hasMore, load, loadMore } = useIntegrationsAudit();
+const resourceTypes = ["credential", "secret", "workflow", "trigger", "workflow_run"];
+const actions = ["create", "update", "delete", "run.started", "run.finished", "run.failed"];
+const resourceType = ref(null);
+const action = ref(null);
+const actor = ref("");
+function filters() {
+  return { resource_type: resourceType.value ?? void 0, action: action.value ?? void 0, sub: actor.value.trim() || void 0 };
+}
+function reload() {
+  void load(filters());
+}
+onMounted(reload);
+watch([resourceType, action], reload);
+const resourceIcon = { credential: Credential, secret: Secret, workflow: Workflow, trigger: Trigger, workflow_run: Run };
+function actionTone(a) {
+  if (a === "create" || a === "run.finished") return "bg-emerald-500/10 text-emerald-700 border-emerald-500/20";
+  if (a === "update") return "bg-amber-500/10 text-amber-700 border-amber-500/20";
+  if (a === "delete" || a === "run.failed") return "bg-rose-500/10 text-rose-700 border-rose-500/20";
+  return "bg-violet-500/10 text-violet-700 border-violet-500/20";
+}
+function prettyAction(a) {
+  return a.replace(".", " ");
+}
+function prettyType(t) {
+  return t.replace("_", " ");
+}
+function resourceName(e) {
+  return e.metadata?.name || e.resource_id || "\u2014";
+}
+function fmtDate(iso) {
+  return iso ? new Date(iso).toLocaleString() : "\u2014";
+}
+const columns = [
+  { key: "action", label: "Action", width: "130px", sortable: true, sortGetter: (e) => e.action },
+  { key: "resource", label: "Resource", sortable: true, sortGetter: (e) => `${e.resource_type} ${resourceName(e)}`, searchGetter: (e) => `${e.resource_type} ${resourceName(e)} ${e.action} ${e.actor_sub ?? ""}` },
+  { key: "actor", label: "Actor", width: "170px", sortable: true, sortGetter: (e) => e.actor_sub ?? "" },
+  { key: "when", label: "When", width: "180px", sortable: true, sortGetter: (e) => e.created_at }
+];
+const selected = ref(null);
+function copy(t) {
+  if (t && navigator.clipboard) {
+    navigator.clipboard.writeText(t);
+    toast.success("Copied");
+  }
+}
+</script>
+
+<template>
+  <IntegrationsLayout>
+    <PageHeader title="Audit Log" description="Who changed what, and when. Append-only, per-tenant — credentials, secrets, workflows, triggers and runs." />
+
+    <div class="p-4 space-y-3">
+      <!-- Filters -->
+      <div class="flex flex-wrap items-center gap-2">
+        <div class="flex flex-wrap gap-1.5">
+          <button class="rounded-full border px-3 py-1 text-xs transition-colors" :class="!resourceType ? 'border-primary/40 bg-primary/10 text-primary' : 'border-black/[0.06] text-muted-foreground hover:bg-black/[0.03]'" @click="resourceType = null">All</button>
+          <button v-for="t in resourceTypes" :key="t" class="rounded-full border px-3 py-1 text-xs capitalize transition-colors" :class="resourceType === t ? 'border-primary/40 bg-primary/10 text-primary' : 'border-black/[0.06] text-muted-foreground hover:bg-black/[0.03]'" @click="resourceType = t">{{ prettyType(t) }}</button>
+        </div>
+        <div class="flex-1" />
+        <select v-model="action" class="h-9 rounded-md border border-black/[0.1] bg-white px-2 text-sm">
+          <option :value="null">All actions</option>
+          <option v-for="a in actions" :key="a" :value="a">{{ prettyAction(a) }}</option>
+        </select>
+        <div class="relative">
+          <Search :size="14" class="absolute left-2.5 top-2.5 text-muted-foreground" />
+          <Input v-model="actor" class="h-9 w-44 pl-8 text-sm" placeholder="Actor (sub)…" @keydown.enter="reload" />
+        </div>
+      </div>
+
+      <p v-if="error" class="text-sm text-rose-700">{{ error }}</p>
+
+      <DataTable
+        :data="entries"
+        :columns="columns"
+        :row-key="(e) => e.id"
+        :default-sort="{ column: 'when', direction: 'desc' }"
+        :search="{ placeholder: 'Search this page\u2026' }"
+        :empty-text="loading ? 'Loading\u2026' : 'No audit entries match.'"
+        @row-click="(e) => selected = e"
+      >
+        <template #cell-action="{ row }">
+          <Badge variant="outline" :class="['text-xs border', actionTone(row.action)]">{{ prettyAction(row.action) }}</Badge>
+        </template>
+        <template #cell-resource="{ row }">
+          <div class="flex items-center gap-2 min-w-0">
+            <component :is="resourceIcon[row.resource_type] ?? ShieldCheck" :size="14" class="text-muted-foreground shrink-0" />
+            <div class="min-w-0">
+              <div class="text-sm text-[#0B0522] truncate">{{ resourceName(row) }}</div>
+              <div class="text-xs text-muted-foreground capitalize">{{ prettyType(row.resource_type) }}<span v-if="row.resource_id"> · #{{ row.resource_id }}</span></div>
+            </div>
+          </div>
+        </template>
+        <template #cell-actor="{ row }">
+          <span class="text-sm font-mono text-muted-foreground truncate">{{ row.actor_sub ?? "system" }}</span>
+        </template>
+        <template #cell-when="{ row }">
+          <span class="text-sm text-muted-foreground">{{ fmtDate(row.created_at) }}</span>
+        </template>
+      </DataTable>
+
+      <div v-if="hasMore" class="flex justify-center pt-1">
+        <Button variant="outline" size="sm" :disabled="loading" @click="loadMore(filters())">{{ loading ? "Loading\u2026" : "Load more" }}</Button>
+      </div>
+    </div>
+
+    <!-- Detail flyout -->
+    <Transition name="drawer">
+      <div v-if="selected" class="fixed inset-0 z-50 flex" @keydown.esc="selected = null">
+        <div class="flex-1 bg-black/20 backdrop-blur-[1px]" @click="selected = null" />
+        <aside class="w-full max-w-md overflow-y-auto border-l border-black/[0.06] bg-white shadow-xl">
+          <div class="sticky top-0 z-10 flex items-center gap-2 border-b border-black/[0.06] bg-white/90 backdrop-blur px-4 py-3">
+            <Badge variant="outline" :class="['text-xs border', actionTone(selected.action)]">{{ prettyAction(selected.action) }}</Badge>
+            <span class="text-sm font-semibold text-[#0B0522] capitalize">{{ prettyType(selected.resource_type) }}</span>
+            <Button variant="ghost" size="sm" class="ml-auto h-7 w-7 p-0" @click="selected = null"><Close :size="15" /></Button>
+          </div>
+          <div class="p-4 space-y-4 text-sm">
+            <div class="space-y-1.5">
+              <div class="flex justify-between gap-2"><span class="text-muted-foreground">Resource</span><span class="font-medium text-right">{{ resourceName(selected) }}</span></div>
+              <div v-if="selected.resource_id" class="flex justify-between gap-2"><span class="text-muted-foreground">ID</span><code class="font-mono text-xs">{{ selected.resource_id }}</code></div>
+              <div class="flex justify-between gap-2"><span class="text-muted-foreground">Actor</span><code class="font-mono text-xs">{{ selected.actor_sub ?? "system" }}</code></div>
+              <div class="flex justify-between gap-2"><span class="text-muted-foreground">When</span><span>{{ fmtDate(selected.created_at) }}</span></div>
+              <div v-if="selected.tenant_id" class="flex justify-between gap-2"><span class="text-muted-foreground">Tenant</span><span>{{ selected.tenant_id }}</span></div>
+            </div>
+            <div v-if="selected.metadata && Object.keys(selected.metadata).length">
+              <div class="mb-1 flex items-center justify-between">
+                <span class="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">Details</span>
+                <button class="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground" @click="copy(JSON.stringify(selected.metadata, null, 2))"><CopyIcon :size="12" /> copy</button>
+              </div>
+              <pre class="overflow-x-auto rounded-md bg-[#0B0522] p-3 text-xs leading-relaxed text-[#E6E1F5]"><code>{{ JSON.stringify(selected.metadata, null, 2) }}</code></pre>
+            </div>
+          </div>
+        </aside>
+      </div>
+    </Transition>
+  </IntegrationsLayout>
+</template>
+
+<style scoped>
+.drawer-enter-active,.drawer-leave-active{transition:opacity .2s ease}.drawer-enter-active aside,.drawer-leave-active aside{transition:transform .25s cubic-bezier(.22,1,.36,1)}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from aside,.drawer-leave-to aside{transform:translateX(100%)}
+</style>

package/dist/runtime/pages/integrations/audit.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/pages/integrations/credentials/oauth-complete.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/pages/integrations/credentials/oauth-complete.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { onMounted, ref } from "vue";
+definePageMeta({ layout: false });
+const closing = ref(true);
+onMounted(() => {
+  try {
+    window.opener?.postMessage({ type: "integrations-oauth-complete" }, window.location.origin);
+  } catch {
+  }
+  window.setTimeout(() => {
+    window.close();
+    closing.value = false;
+  }, 400);
+});
+</script>
+
+<template>
+  <div class="flex min-h-screen items-center justify-center bg-white text-center">
+    <div class="space-y-2">
+      <p class="text-sm font-medium text-foreground">
+        Connection complete
+      </p>
+      <p class="text-sm text-muted-foreground">
+        {{ closing ? "You can close this window." : "Done \u2014 closing\u2026" }}
+      </p>
+    </div>
+  </div>
+</template>

package/dist/runtime/pages/integrations/credentials/oauth-complete.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/pages/integrations/credentials.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;