kestra-io · fdelbrayelle · Apr 14, 2026 · Apr 14, 2026 · Apr 14, 2026 · Apr 14, 2026
diff --git a/.gitignore b/.gitignore
@@ -19,3 +19,6 @@ src/test/java/io/kestra/plugin/gcp/vertexai/bin/
 
 .factorypath
 bin/
+
+# UI build artifact
+src/main/resources/plugin-ui/
diff --git a/build.gradle b/build.gradle
@@ -10,6 +10,7 @@ plugins {
     id 'signing'
     id "com.github.ben-manes.versions" version "0.53.0"
     id 'net.researchgate.release' version '3.1.0'
+    id 'com.github.node-gradle.node' version '7.1.0'
 }
 
 def isBuildSnapshot = version.toString().endsWith("-SNAPSHOT")
@@ -257,3 +258,19 @@ idea {
         downloadSources = true
     }
 }
+
+// Build the UI module before packaging (only if ui/ directory exists)
+if (file('ui').exists()) {
+    tasks.register('npmInstallUI', com.github.gradle.node.npm.task.NpmTask) {
+        args = ['install']
+        workingDir = file('ui')
+    }
+
+    tasks.register('buildUI', com.github.gradle.node.npm.task.NpmTask) {
+        dependsOn 'npmInstallUI'
+        args = ['run', 'build', '--', '--outDir', '../src/main/resources/plugin-ui']
+        workingDir = file('ui')
+    }
+    processResources.dependsOn 'buildUI'
+    shadowJar.dependsOn 'buildUI'
+}
diff --git a/src/main/java/io/kestra/plugin/gcp/bigquery/models/UserDefinedFunction.java b/src/main/java/io/kestra/plugin/gcp/bigquery/models/UserDefinedFunction.java
@@ -9,7 +9,6 @@
 import lombok.Getter;
 import lombok.extern.jackson.Jacksonized;
 import io.kestra.core.models.annotations.PluginProperty;
-
 @Getter
 @Builder
 @Jacksonized

diff --git a/ui/.gitignore b/ui/.gitignore
@@ -0,0 +1,7 @@
+node_modules
+dist
+storybook-static
+*.local
+
+# federation specific build files
+.__mf__temp
diff --git a/ui/.storybook/main.ts b/ui/.storybook/main.ts
@@ -0,0 +1,12 @@
+import type { StorybookConfig } from "@storybook/vue3-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: ["@storybook/addon-themes", "@storybook/addon-docs"],
+  framework: {
+    name: "@storybook/vue3-vite",
+    options: {},
+  },
+};
+
+export default config;
diff --git a/ui/.storybook/preview.ts b/ui/.storybook/preview.ts
@@ -0,0 +1,21 @@
+import type { Preview } from "@storybook/vue3";
+import "@kestra-io/artifact-sdk/style.css";
+import { setup } from "@storybook/vue3";
+import { initApp } from "@kestra-io/artifact-sdk";
+
+setup((app) => {
+  initApp(app);
+});
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;
diff --git a/ui/index.html b/ui/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>io.kestra.plugin.gcp — Plugin UI Dev</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>