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`; +}