fix(editor): Prevent variable value overflow

[r00gm]

Summary

Truncate variable values to stop the action column from going off screen

Related Linear tickets, Github issues, and Community forum posts

Review / Merge checklist

• PR title and summary are descriptive. (conventions)
• Docs updated or follow-up ticket created.
• Tests included.
• PR Labeled with release/backport (if the PR is an urgent fix that needs to be backported)

[bundlemon]

BundleMon

Unchanged files (2)

Status	Path	Size	Limits
✅	WASM Dependencies tree-sitter-bash.wasm	181.26KB	-
✅	WASM Dependencies tree-sitter.wasm	74.47KB	-

No change in files bundle size

Groups updated (2)

Status	Path	Size	Limits
✅	**/*.js	5.72MB (+361.11KB +6.57%)	-
✅	**/*.css	195.09KB (+3.84KB +2.01%)	-

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history

[Copilot]

Pull Request Overview

This PR prevents variable value overflow in the Variables View by truncating long values that would cause the action column to go off screen.

• Replaces direct value display with a truncated span element using the v-n8n-truncate directive
• Adds test coverage to verify that long variable values are properly truncated at 20 characters

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
packages/frontend/editor-ui/src/views/VariablesView.vue	Implements value truncation using v-n8n-truncate directive with 20 character limit
packages/frontend/editor-ui/src/views/VariablesView.test.ts	Adds test case to verify truncation behavior for long variable values

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[cubic-dev-ai]

No issues found across 2 files

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!