Fix: Support displaying newline characters in telemetry string values

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/widgets/FormatValueBase.js

@@ -37,7 +37,14 @@
       if (value === null || value === undefined) {
         return 'null'
       }
-      return String(value)
+      const str = String(value)
+      // Escape special whitespace so they display visibly in single-line widgets.
+      // Widgets that support multi-line display (e.g. TextboxWidget) set
+      // escapeSpecialCharacters: false in their data() to opt out.
+      if (this.escapeSpecialCharacters !== false) {
+        return str.replace(/\r\n/g, '\\r\\n').replace(/\r/g, '\\r').replace(/\n/g, '\\n').replace(/\t/g, '\\t')
+      }
+      return str
     },
     // sprintf-js doesn't support BigInt values so we handle common
     // integer format specifiers manually to preserve full precision

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/widgets/TextboxWidget.vue

@@ -66,6 +66,8 @@ export default {
     return {
       width: 200,
       height: 200,
+      // Allow actual newlines to render as line breaks in v-textarea
+      escapeSpecialCharacters: false,
     }
   },
   computed: {