From b9b6896fc25a70b65cead4c59fe3baa1ab0854c9 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Sun, 2 Mar 2025 14:56:44 +0000
Subject: [PATCH 01/11] feat: Add block checking command

---
 alfred/ci.py | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/alfred/ci.py b/alfred/ci.py
index 2cda18aba..c7864c3fa 100644
--- a/alfred/ci.py
+++ b/alfred/ci.py
@@ -8,12 +8,12 @@
 
 
 @alfred.command("ci", help="continuous integration pipeline")
-@alfred.option('--front', '-f', help="run for frontend only", is_flag=True, default=False)
-@alfred.option('--docs', '-d', help="run for docs only", is_flag=True, default=False)
-@alfred.option('--back', '-b', help="run for backend only", is_flag=True, default=False)
-@alfred.option('--e2e', '-e', help="run for end-to-end only", default=None)
+@alfred.option("--front", "-f", help="run for frontend only", is_flag=True, default=False)
+@alfred.option("--docs", "-d", help="run for docs only", is_flag=True, default=False)
+@alfred.option("--back", "-b", help="run for backend only", is_flag=True, default=False)
+@alfred.option("--e2e", "-e", help="run for end-to-end only", default=None)
 def ci(front, back, e2e, docs):
-    no_flags = (not front and not back and not e2e and not docs)
+    no_flags = not front and not back and not e2e and not docs
 
     if front or no_flags:
         alfred.invoke_command("npm.lint")
@@ -27,21 +27,28 @@ def ci(front, back, e2e, docs):
     if e2e:
         alfred.invoke_command("npm.e2e", browser=e2e)
 
+
 @alfred.command("ci.mypy", help="typing checking with mypy on ./src/writer")
 def ci_mypy():
     alfred.run("mypy ./src/writer --exclude app_templates/*")
 
+
 @alfred.command("ci.ruff", help="linting with ruff")
-@alfred.option('--fix', '-f', help="fix linting errors", is_flag=True, default=False)
+@alfred.option("--fix", "-f", help="fix linting errors", is_flag=True, default=False)
 def ci_ruff(fix):
     if fix:
         alfred.run("ruff check --fix")
     else:
         alfred.run("ruff check")
 
+
 @alfred.command("ci.pytest", help="run pytest on ./tests")
 def ci_test():
     os.chdir("tests")
     alfred.run("pytest")
 
 
+@alfred.command("ci.pytest.blocks", help="run pytest on ./tests")
+def ci_test_blocks():
+    os.chdir("tests")
+    alfred.run("pytest backend/blocks")

From 94a0d3ebc387435f51ba02dab4a7c5ea66e965b9 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Sun, 2 Mar 2025 14:57:00 +0000
Subject: [PATCH 02/11] feat: Add change page block

---
 src/writer/blocks/__init__.py           |  2 ++
 src/writer/blocks/changepage.py         | 48 +++++++++++++++++++++++++
 tests/backend/blocks/test_changepage.py | 15 ++++++++
 3 files changed, 65 insertions(+)
 create mode 100644 src/writer/blocks/changepage.py
 create mode 100644 tests/backend/blocks/test_changepage.py

diff --git a/src/writer/blocks/__init__.py b/src/writer/blocks/__init__.py
index 98c958038..feaf4f26a 100644
--- a/src/writer/blocks/__init__.py
+++ b/src/writer/blocks/__init__.py
@@ -16,6 +16,7 @@
 from writer.blocks.writercompletion import WriterCompletion
 from writer.blocks.writerinitchat import WriterInitChat
 from writer.blocks.writernocodeapp import WriterNoCodeApp
+from writer.blocks.changepage import ChangePage
 
 SetState.register("workflows_setstate")
 WriterClassification.register("workflows_writerclassification")
@@ -35,3 +36,4 @@
 WriterAddToKG.register("workflows_writeraddtokg")
 UIEventTrigger.register("workflows_uieventtrigger")
 CodeBlock.register("workflows_code")
+ChangePage.register("workflows_changepage")
diff --git a/src/writer/blocks/changepage.py b/src/writer/blocks/changepage.py
new file mode 100644
index 000000000..d49b68d50
--- /dev/null
+++ b/src/writer/blocks/changepage.py
@@ -0,0 +1,48 @@
+from writer.abstract import register_abstract_template
+from writer.blocks.base_block import WorkflowBlock
+from writer.ss_types import AbstractTemplate
+
+
+class ChangePage(WorkflowBlock):
+    @classmethod
+    def register(cls, type: str):
+        super(ChangePage, cls).register(type)
+        register_abstract_template(
+            type,
+            AbstractTemplate(
+                baseType="workflows_node",
+                writer={
+                    "name": "Change page",
+                    "description": "Changes the active page.",
+                    "category": "Other",
+                    "fields": {
+                        "pageKey": {
+                            "name": "Page key",
+                            "type": "Text",
+                            "desc": "The identifying key of the target page.",
+                        },
+                    },
+                    "outs": {
+                        "success": {
+                            "name": "Success",
+                            "description": "The page change was successful.",
+                            "style": "success",
+                        },
+                        "error": {
+                            "name": "Error",
+                            "description": "The event handler execution wasn't successful.",
+                            "style": "error",
+                        },
+                    },
+                },
+            ),
+        )
+
+    def run(self):
+        try:
+            page_key = self._get_field("pageKey", required=True)
+            self.runner.session.session_state.set_page(page_key)
+            self.outcome = "success"
+        except BaseException as e:
+            self.outcome = "error"
+            raise e
diff --git a/tests/backend/blocks/test_changepage.py b/tests/backend/blocks/test_changepage.py
new file mode 100644
index 000000000..53606257d
--- /dev/null
+++ b/tests/backend/blocks/test_changepage.py
@@ -0,0 +1,15 @@
+import writer.core
+from writer.blocks.changepage import ChangePage
+from writer.core import WriterState
+
+
+def test_change_page(session, runner):
+    session.session_state = WriterState({}, [{"type": "test", "payload": "Just a test"}])
+    session.add_fake_component({"pageKey": "secondaryPage"})
+    writer.core.Config.is_mail_enabled_for_log = True
+    block = ChangePage("fake_id", runner, {})
+    block.run()
+    assert block.outcome == "success"
+    latest_mail = session.session_state.mail[1]
+    assert latest_mail.get("type") == "pageChange"
+    assert latest_mail.get("payload") == "secondaryPage"

From 305a600461f8859ffac9f4cd7bb8b7cfe734410e Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Sun, 2 Mar 2025 15:01:56 +0000
Subject: [PATCH 03/11] fix: Ruff fix

---
 src/writer/blocks/__init__.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/writer/blocks/__init__.py b/src/writer/blocks/__init__.py
index feaf4f26a..b982804b4 100644
--- a/src/writer/blocks/__init__.py
+++ b/src/writer/blocks/__init__.py
@@ -1,5 +1,6 @@
 from writer.blocks.addtostatelist import AddToStateList
 from writer.blocks.calleventhandler import CallEventHandler
+from writer.blocks.changepage import ChangePage
 from writer.blocks.code import CodeBlock
 from writer.blocks.foreach import ForEach
 from writer.blocks.httprequest import HTTPRequest
@@ -16,7 +17,6 @@
 from writer.blocks.writercompletion import WriterCompletion
 from writer.blocks.writerinitchat import WriterInitChat
 from writer.blocks.writernocodeapp import WriterNoCodeApp
-from writer.blocks.changepage import ChangePage
 
 SetState.register("workflows_setstate")
 WriterClassification.register("workflows_writerclassification")

From 204908bd64ef814c1ce566756584f906e0e18070 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 17:49:37 +0000
Subject: [PATCH 04/11] feat: Change page

---
 src/ui/src/core/index.ts                  |  3 ---
 src/ui/src/renderer/ComponentRenderer.vue | 23 +++++++++++++++++++++--
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/ui/src/core/index.ts b/src/ui/src/core/index.ts
index d15e4ef1a..1ec2005a5 100644
--- a/src/ui/src/core/index.ts
+++ b/src/ui/src/core/index.ts
@@ -68,9 +68,6 @@ export function generateCore() {
 	 */
 	async function init() {
 		await initSession();
-		addMailSubscription("pageChange", (pageKey: string) => {
-			setActivePageFromKey(pageKey);
-		});
 		sendKeepAliveMessage();
 		if (mode.value != "edit") return;
 	}
diff --git a/src/ui/src/renderer/ComponentRenderer.vue b/src/ui/src/renderer/ComponentRenderer.vue
index 4d5faa104..73d3efae8 100644
--- a/src/ui/src/renderer/ComponentRenderer.vue
+++ b/src/ui/src/renderer/ComponentRenderer.vue
@@ -22,7 +22,15 @@
 </template>
 
 <script setup lang="ts">
-import { inject, ref, computed, watch, onBeforeMount, onMounted } from "vue";
+import {
+	inject,
+	ref,
+	computed,
+	watch,
+	onBeforeMount,
+	onMounted,
+	nextTick,
+} from "vue";
 import { Component } from "@/writerTypes";
 import ComponentProxy from "./ComponentProxy.vue";
 import RendererNotifications from "./RendererNotifications.vue";
@@ -39,11 +47,19 @@ const wf = inject(injectionKeys.core);
 const wfbm = inject(injectionKeys.builderManager);
 const templateEvaluator = useEvaluator(wf);
 const importedModulesSpecifiers: Record<string, string> = {};
+const lastActivePageId = ref({});
 
 const activeRootId = computed<Component["id"]>(
 	() => wfbm?.activeRootId.value ?? "root",
 );
 
+watch(activeRootId, (newMode, previousMode) => {
+	lastActivePageId.value[previousMode] = wf.activePageId;
+	const lastPageId = lastActivePageId.value?.[newMode];
+	if (!lastPageId) return;
+	wf.setActivePageId(lastPageId);
+});
+
 const coreRootFields = templateEvaluator.getEvaluatedFields([
 	{ componentId: "root", instanceNumber: 0 },
 ]);
@@ -157,8 +173,11 @@ function addMailSubscriptions() {
 		el.rel = "noopener noreferrer";
 		el.click();
 	});
-	wf.addMailSubscription("pageChange", (pageKey: string) => {
+	wf.addMailSubscription("pageChange", async (pageKey: string) => {
+		wfbm.setMode("ui");
+		await nextTick();
 		changePageInHash(pageKey);
+		wf.setActivePageFromKey(pageKey);
 	});
 	wf.addMailSubscription(
 		"routeVarsChange",

From 30ff8b8a191da317d318a310f603a357f6422920 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:18:19 +0000
Subject: [PATCH 05/11] feat: Deprecation / call event handler deprecated

---
 .../workflows/abstract/WorkflowsNode.vue      | 26 ++++++-
 src/ui/src/writerTypes.ts                     |  3 +-
 src/writer/blocks/calleventhandler.py         | 69 ++++++++++---------
 3 files changed, 63 insertions(+), 35 deletions(-)

diff --git a/src/ui/src/components/workflows/abstract/WorkflowsNode.vue b/src/ui/src/components/workflows/abstract/WorkflowsNode.vue
index 468b5e105..104b1d505 100644
--- a/src/ui/src/components/workflows/abstract/WorkflowsNode.vue
+++ b/src/ui/src/components/workflows/abstract/WorkflowsNode.vue
@@ -4,6 +4,7 @@
 		:class="{
 			'WorkflowsNode--trigger': isTrigger,
 			'WorkflowsNode--intelligent': isIntelligent,
+			'WorkflowsNode--deprecated': isDeprecated,
 			'WorkflowsNode--running': completionStyle == 'running',
 			'WorkflowsNode--success': completionStyle == 'success',
 			'WorkflowsNode--error': completionStyle == 'error',
@@ -24,6 +25,9 @@
 					class="nodeNamer"
 					:block-name="def.name"
 				></WorkflowsNodeNamer>
+				<div v-if="isDeprecated" class="deprecationNotice">
+					Deprecated
+				</div>
 			</div>
 			<div
 				v-for="(outs, fieldKey) in dynamicOuts"
@@ -120,6 +124,10 @@ const isIntelligent = computed(() => {
 	return def?.value?.category == "Writer";
 });
 
+const isDeprecated = computed(() => {
+	return def?.value?.deprecated;
+});
+
 const completionStyle = computed(() => {
 	if (latestKnownOutcome.value == null) return null;
 	if (latestKnownOutcome.value == "in_progress") return "running";
@@ -245,6 +253,10 @@ watch(isEngaged, () => {
 	animation: shadowPulse 1s infinite alternate ease-in-out;
 }
 
+.WorkflowsNode--deprecated {
+	filter: grayscale(1);
+}
+
 @keyframes shadowPulse {
 	0% {
 		box-shadow: 0px 2px 24px -16px #6985ff;
@@ -326,11 +338,12 @@ watch(isEngaged, () => {
 }
 
 .title {
-	display: flex;
+	display: grid;
 	gap: 10px;
 	padding: 12px;
 	border-radius: 12px 12px 0 0;
 	align-items: center;
+	grid-template-columns: 24px 1fr;
 }
 
 .WorkflowsNode--intelligent .title {
@@ -342,6 +355,17 @@ watch(isEngaged, () => {
 	height: 24px;
 }
 
+.title .deprecationNotice {
+	font-size: 12px;
+	text-transform: uppercase;
+	font-size: 12px;
+	font-weight: 500;
+	line-height: 12px; /* 100% */
+	letter-spacing: 1.3px;
+	text-transform: uppercase;
+	color: var(--builderSecondaryTextColor);
+}
+
 .WorkflowsNode--trigger .title img {
 	border-radius: 50%;
 }
diff --git a/src/ui/src/writerTypes.ts b/src/ui/src/writerTypes.ts
index 5472255ad..547f6e167 100644
--- a/src/ui/src/writerTypes.ts
+++ b/src/ui/src/writerTypes.ts
@@ -85,10 +85,11 @@ export type WriterComponentDefinition = {
 	description: string; // Short description
 	docs?: string; // Collapsible mini-docs
 	toolkit?: "core" | "workflows";
+	deprecated?: boolean;
 	category?: string; // Category (Layout, Content, etc)
 	allowedChildrenTypes?: (string | "*" | "inherit")[]; // Which component types are allowed inside (if any)
 	allowedParentTypes?: string[]; // Which component types can contain this type of component
-	slot?: string; // In which slot component should render whgen "*" is used it will render in all slots
+	slot?: string; // In which slot component should render when "*" is used it will render in all slots
 	fields?: Record<
 		string, // Id for the field
 		WriterComponentDefinitionField
diff --git a/src/writer/blocks/calleventhandler.py b/src/writer/blocks/calleventhandler.py
index c500f418f..8ecae3f58 100644
--- a/src/writer/blocks/calleventhandler.py
+++ b/src/writer/blocks/calleventhandler.py
@@ -7,44 +7,47 @@
 
 
 class CallEventHandler(WorkflowBlock):
-
     @classmethod
     def register(cls, type: str):
         super(CallEventHandler, cls).register(type)
-        register_abstract_template(type, AbstractTemplate(
-            baseType="workflows_node",
-            writer={
-                "name": "Call event handler",
-                "description": "Executes an event handler.",
-                "category": "Logic",
-                "fields": {
-                    "name": {
-                        "name": "Name",
-                        "type": "Handler",
-                        "desc": "The name of the event handling function."
-                    },
-                    "additionalArgs": {
-                        "name": "Additional arguments",
-                        "init": '{ "my_arg": 2 }',
-                        "type": "Object",
-                        "control": "Textarea",
-                        "default": "{}"
-                    },
-                },
-                "outs": {
-                    "success": {
-                        "name": "Success",
-                        "description": "The event handler execution was successful.",
-                        "style": "success",
+        register_abstract_template(
+            type,
+            AbstractTemplate(
+                baseType="workflows_node",
+                writer={
+                    "name": "Call event handler",
+                    "description": "Executes an event handler.",
+                    "category": "Logic",
+                    "deprecated": True,
+                    "fields": {
+                        "name": {
+                            "name": "Name",
+                            "type": "Handler",
+                            "desc": "The name of the event handling function.",
+                        },
+                        "additionalArgs": {
+                            "name": "Additional arguments",
+                            "init": '{ "my_arg": 2 }',
+                            "type": "Object",
+                            "control": "Textarea",
+                            "default": "{}",
+                        },
                     },
-                    "error": {
-                        "name": "Error",
-                        "description": "The event handler execution wasn't successful.",
-                        "style": "error",
+                    "outs": {
+                        "success": {
+                            "name": "Success",
+                            "description": "The event handler execution was successful.",
+                            "style": "success",
+                        },
+                        "error": {
+                            "name": "Error",
+                            "description": "The event handler execution wasn't successful.",
+                            "style": "error",
+                        },
                     },
                 },
-            }
-        ))
+            ),
+        )
 
     def run(self):
         try:
@@ -59,7 +62,7 @@ def run(self):
                 "state": self.runner.session.session_state,
                 "context": self.execution_environment,
                 "session": writer.core._event_handler_session_info(),
-                "ui": writer.core._event_handler_ui_manager()
+                "ui": writer.core._event_handler_ui_manager(),
             } | additional_args
 
             handler_args = inspect.getfullargspec(callable_handler).args

From 1519f0c1ddff281dcf7cc87d435cff24bc535c54 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:18:32 +0000
Subject: [PATCH 06/11] feat: Deprecation

---
 src/ui/src/builder/sidebar/BuilderSidebarToolkit.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/src/builder/sidebar/BuilderSidebarToolkit.vue b/src/ui/src/builder/sidebar/BuilderSidebarToolkit.vue
index c3c7936ff..879f22a97 100644
--- a/src/ui/src/builder/sidebar/BuilderSidebarToolkit.vue
+++ b/src/ui/src/builder/sidebar/BuilderSidebarToolkit.vue
@@ -105,6 +105,7 @@ function getRelevantToolsInCategory(categoryId: string) {
 		if (def.category != categoryId) return false;
 		if (!def.toolkit && activeToolkit.value !== "core") return false;
 		if (def.toolkit && def.toolkit !== activeToolkit.value) return false;
+		if (def.deprecated) return false;
 		return true;
 	});
 	const enriched = typeList.map((type) => {
@@ -130,7 +131,7 @@ function handleDragEnd(ev: DragEvent) {
 function getToolIcons(tool: ReturnType<typeof getRelevantToolsInCategory>[0]) {
 	return [
 		`/components/${tool.type}.svg`,
-		`/components/category_${tool.category}.svg`,
+		`/components/${activeToolkit.value == "workflows" ? "workflows_" : ""}category_${tool.category}.svg`,
 	].map((p) => convertAbsolutePathtoFullURL(p));
 }
 

From d20428aa1925b0a1244eccd38dc0449f861a76a3 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:18:55 +0000
Subject: [PATCH 07/11] fix: Small style fixes

---
 src/ui/public/components/workflows_code.svg              | 9 +++++++++
 src/ui/src/components/workflows/WorkflowsWorkflow.vue    | 2 +-
 .../src/components/workflows/base/WorkflowsNodeNamer.vue | 1 +
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src/ui/public/components/workflows_code.svg

diff --git a/src/ui/public/components/workflows_code.svg b/src/ui/public/components/workflows_code.svg
new file mode 100644
index 000000000..1feed2721
--- /dev/null
+++ b/src/ui/public/components/workflows_code.svg
@@ -0,0 +1,9 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="18" height="18" rx="4" fill="#5551FF"/>
+<mask id="mask0_22827_16001" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="12" height="12">
+<rect x="3" y="3" width="12" height="12" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_22827_16001)">
+<path d="M8.08706 11.875V11.125H8.79481L10.2131 9.5L8.79481 7.875H7.90244L7.10244 12.074C7.02302 12.5003 6.8729 12.8237 6.65206 13.0442C6.43123 13.2647 6.1461 13.375 5.79669 13.375C5.46335 13.375 5.19127 13.2846 4.98044 13.1039C4.76952 12.923 4.66406 12.6836 4.66406 12.3856C4.66406 12.1606 4.72285 11.9797 4.84044 11.8428C4.9581 11.7059 5.10765 11.6375 5.28906 11.6375C5.46215 11.6375 5.60956 11.6971 5.73131 11.8164C5.85315 11.9356 5.91406 12.0792 5.91406 12.2471C5.91406 12.3145 5.89915 12.3736 5.86931 12.4245C5.83948 12.4755 5.80277 12.5154 5.75919 12.5443C5.77519 12.5602 5.79765 12.5739 5.82656 12.5851C5.8554 12.5963 5.88744 12.6019 5.92269 12.6019C6.03169 12.5968 6.12081 12.5467 6.19006 12.4515C6.25923 12.3562 6.31498 12.2096 6.35731 12.0115L7.13719 7.875H5.68331V7.125H7.27656L7.52944 5.75775C7.59419 5.40583 7.73923 5.12904 7.96456 4.92738C8.1899 4.72579 8.46631 4.625 8.79381 4.625C9.12206 4.625 9.3916 4.72133 9.60244 4.914C9.81335 5.10658 9.91881 5.34933 9.91881 5.64225C9.91881 5.857 9.86002 6.03283 9.74244 6.16975C9.62477 6.30658 9.47523 6.375 9.29381 6.375C9.12073 6.375 8.97331 6.31617 8.85156 6.1985C8.72973 6.08092 8.66881 5.93558 8.66881 5.7625C8.66881 5.69517 8.68373 5.63604 8.71356 5.58512C8.7434 5.53412 8.78169 5.49421 8.82844 5.46537C8.81244 5.44612 8.7876 5.43008 8.75394 5.41725C8.72027 5.4045 8.68581 5.39812 8.65056 5.39812C8.54606 5.40837 8.4629 5.45421 8.40106 5.53562C8.33923 5.61704 8.29194 5.73754 8.25919 5.89713L8.04669 7.125H10.3371V7.875H9.78806L10.7121 8.92988L11.6362 7.875H11.0871V7.125H13.3371V7.875H12.6294L11.2112 9.5L12.6342 11.125H13.3371V11.875H11.0871V11.125H11.6362L10.7121 10.0625L9.78806 11.125H10.3371V11.875H8.08706Z" fill="white"/>
+</g>
+</svg>
diff --git a/src/ui/src/components/workflows/WorkflowsWorkflow.vue b/src/ui/src/components/workflows/WorkflowsWorkflow.vue
index 4391540d4..419f1918d 100644
--- a/src/ui/src/components/workflows/WorkflowsWorkflow.vue
+++ b/src/ui/src/components/workflows/WorkflowsWorkflow.vue
@@ -161,7 +161,7 @@ const temporaryNodeCoordinates = shallowRef<
 	Record<Component["id"], { x: number; y: number }>
 >({});
 
-const AUTOARRANGE_ROW_GAP_PX = 48;
+const AUTOARRANGE_ROW_GAP_PX = 64;
 const AUTOARRANGE_COLUMN_GAP_PX = 128;
 
 const nodes = computed(() =>
diff --git a/src/ui/src/components/workflows/base/WorkflowsNodeNamer.vue b/src/ui/src/components/workflows/base/WorkflowsNodeNamer.vue
index 21e81b322..e4511303c 100644
--- a/src/ui/src/components/workflows/base/WorkflowsNodeNamer.vue
+++ b/src/ui/src/components/workflows/base/WorkflowsNodeNamer.vue
@@ -82,6 +82,7 @@ function handleAliasEditorMousemove(ev: MouseEvent) {
 <style scoped>
 .WorkflowsNodeNamer {
 	width: 100%;
+	overflow: hidden;
 }
 
 .blockName {

From 546b64dd85006dc22a9d70ad0b60894a6d7fabb5 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:19:24 +0000
Subject: [PATCH 08/11] feat: set_output func to set result

---
 src/writer/blocks/code.py | 33 ++++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/writer/blocks/code.py b/src/writer/blocks/code.py
index 7e1b1247c..0d3965f67 100644
--- a/src/writer/blocks/code.py
+++ b/src/writer/blocks/code.py
@@ -1,17 +1,24 @@
 import io
 import sys
+from typing import Any
 
 from writer.abstract import register_abstract_template
 from writer.blocks.base_block import WorkflowBlock
 from writer.ss_types import AbstractTemplate
 
-INIT_CODE = """# State is accessible as a global variable. For example:
+INIT_CODE = """
+# State is accessible as a global variable. For example:
 state["counter"] = 10
 
 # Other variables from the execution environment are also available. For example:
 result # Result from the execution of the last block
 results # Dictionary with the execution results of each block, with the block id as key
-payload # When executing via API or via an UI event with a payload"""
+payload # When executing via API or via an UI event with a payload
+
+# To set the output of this block, which will be available via result to the next block:
+set_output("a sample result")
+
+"""
 
 
 class CodeBlock(WorkflowBlock):
@@ -51,28 +58,28 @@ def register(cls, type: str):
             ),
         )
 
+    def set_output(self, output: Any):
+        self.result = output
+
     def run(self):
         try:
             code = self._get_field("code")
-
-            output_buffer = io.StringIO()
-            sys.stdout = output_buffer
+            self.result = None
 
             writeruserapp = sys.modules.get("writeruserapp")
-
-            exec(
-                code,
+            block_globals = (
                 {
                     "state": self.runner.session.session_state,
                 }
                 | self.execution_environment
-                | writeruserapp.__dict__,
+                | writeruserapp.__dict__
+                | {"set_output": self.set_output}
+            )
+            exec(
+                code,
+                block_globals,
             )
 
-            sys.stdout = sys.__stdout__
-            captured_output = output_buffer.getvalue()
-
-            self.result = captured_output
             self.outcome = "success"
         except BaseException as e:
             self.outcome = "error"

From 89abc70906db7e136c48f41569261286cd0e3354 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:26:05 +0000
Subject: [PATCH 09/11] fix: Log non-string values by casting to string

---
 src/writer/blocks/logmessage.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/writer/blocks/logmessage.py b/src/writer/blocks/logmessage.py
index 486544f70..f69e66573 100644
--- a/src/writer/blocks/logmessage.py
+++ b/src/writer/blocks/logmessage.py
@@ -43,7 +43,7 @@ def register(cls, type: str):
     def run(self):
         try:
             type = self._get_field("type", False, "info")
-            message = self._get_field("message", required=True)
+            message = str(self._get_field("message", required=True))
 
             self.runner.session.session_state.add_log_entry(type, "Workflows message", message)
             self.result = message

From a4169aafed825c407fc60c0b6e329e4b3c3d766f Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:34:10 +0000
Subject: [PATCH 10/11] fix: Fix test to account for set_output

---
 tests/backend/blocks/test_code.py | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/tests/backend/blocks/test_code.py b/tests/backend/blocks/test_code.py
index 8117d87d9..020fbf2b1 100644
--- a/tests/backend/blocks/test_code.py
+++ b/tests/backend/blocks/test_code.py
@@ -13,13 +13,14 @@ def test_run_code(session, runner, monkeypatch):
         {
             "code": """
 print('hi testing stdout ' + str(test_thing_ee) + my_fn())
+set_output("return " + str(test_thing_ee))
 """
         }
     )
     block = CodeBlock("fake_id", runner, {"test_thing_ee": 26})
     block.run()
     assert block.outcome == "success"
-    assert block.result == "hi testing stdout 26Monkeypatched!\n"
+    assert block.result == "return 26"
 
 
 def test_run_invalid_code(session, runner, monkeypatch):

From 5eecbfbc9c5c77b74736ac30f9e7325e064f9f59 Mon Sep 17 00:00:00 2001
From: Ramiro Medina <64783088+ramedina86@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:47:01 +0000
Subject: [PATCH 11/11] chore: Bump rc version

---
 pyproject.toml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pyproject.toml b/pyproject.toml
index 079d8a2ba..0a3fa0df3 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "poetry.core.masonry.api"
 
 [tool.poetry]
 name = "writer"
-version = "0.8.3rc7"
+version = "0.8.3rc8"
 description = "An open-source, Python framework for building feature-rich apps that are fully integrated with the Writer platform."
 authors = ["Writer, Inc."]
 readme = "README.md"