diff --git a/src/ui/src/builder/BuilderApp.vue b/src/ui/src/builder/BuilderApp.vue
index fee3e0d26..eab0913c7 100644
--- a/src/ui/src/builder/BuilderApp.vue
+++ b/src/ui/src/builder/BuilderApp.vue
@@ -319,8 +319,8 @@ onMounted(() => {
--builderSubtleHighlightColor: rgba(0, 0, 0, 0.05);
--builderSubtleHighlightColorSolid: #f2f2f2;
--builderDisabledColor: rgb(180, 180, 180);
- --builderSidebarWidth: max(265px, 27vh);
- --builderSettingsWidth: max(265px, 27vh);
+ --builderSidebarWidth: 265px;
+ --builderSettingsWidth: 265px;
--builderActionOngoingColor: #333333;
--builderTopBarHeight: 48px;
--builderWarningTextColor: white;
diff --git a/src/ui/src/builder/BuilderEmbeddedCodeEditor.vue b/src/ui/src/builder/BuilderEmbeddedCodeEditor.vue
new file mode 100644
index 000000000..431dcbc87
--- /dev/null
+++ b/src/ui/src/builder/BuilderEmbeddedCodeEditor.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
diff --git a/src/ui/src/builder/BuilderFieldsTools.vue b/src/ui/src/builder/BuilderFieldsTools.vue
new file mode 100644
index 000000000..250d0dedf
--- /dev/null
+++ b/src/ui/src/builder/BuilderFieldsTools.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/ui/src/builder/BuilderLogWorkflowExecution.vue b/src/ui/src/builder/BuilderLogWorkflowExecution.vue
index 43e0c4f23..048db2f06 100644
--- a/src/ui/src/builder/BuilderLogWorkflowExecution.vue
+++ b/src/ui/src/builder/BuilderLogWorkflowExecution.vue
@@ -16,7 +16,7 @@
entry.outcome
}}
-
1s |
+ {{ formatExecutionTime(entry.executionTimeInSeconds) }} |
@@ -55,6 +55,16 @@ async function selectBlock(componentId: Component["id"]) {
await nextTick();
wfbm.setSelection(componentId, undefined, "log");
}
+
+function formatExecutionTime(timeInSeconds: number): string {
+ if (timeInSeconds < 0) {
+ return "N/A";
+ }
+ if (timeInSeconds < 0.1) {
+ return "< 0.1s";
+ }
+ return `${timeInSeconds.toFixed(2)}s`;
+}