From ca934253ff7076e28fe7db4dd5742da5d2514e91 Mon Sep 17 00:00:00 2001
From: Matej Ferenc <matej@scinote.net>
Date: Mon, 17 Aug 2026 16:38:30 +0200
Subject: [PATCH] Fix showing link in table and sidebar [SCI-13419]

---
 app/javascript/vue/repository/modals/text_cell.vue          | 6 ++++--
 .../renderers/custom_cells_renderer/text_value.vue          | 6 +++---
 .../repository_values/RepositoryTextValue.vue               | 1 +
 app/javascript/vue/shared/legacy/Textarea.vue               | 5 ++++-
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/javascript/vue/repository/modals/text_cell.vue b/app/javascript/vue/repository/modals/text_cell.vue
index fca9a4fa14..17bd6a0442 100644
--- a/app/javascript/vue/repository/modals/text_cell.vue
+++ b/app/javascript/vue/repository/modals/text_cell.vue
@@ -15,7 +15,7 @@
             <textarea v-model="textValue" ref="input" class="sci-input-field w-full "></textarea>
           </div>
           <div v-else ref="textContainer" class="[&_.atwho-user-container]:!whitespace-normal whitespace-pre-wrap">
-            <span v-html="textValue"></span>
+            <span v-html="viewValue"></span>
           </div>
         </div>
         <div class="modal-footer">
@@ -38,10 +38,12 @@ export default {
     row: Object
   },
   data: () => ({
-    textValue: ''
+    textValue: '',
+    viewValue: ''
   }),
   mounted() {
     this.textValue = this.row[this.colDef.field]?.value?.edit || '';
+    this.viewValue = this.row[this.colDef.field]?.value?.view || '';
 
     this.$nextTick(() => {
       if (this.$refs.textContainer) {
diff --git a/app/javascript/vue/repository/renderers/custom_cells_renderer/text_value.vue b/app/javascript/vue/repository/renderers/custom_cells_renderer/text_value.vue
index 8d062ac1d9..53e3f4e0c7 100644
--- a/app/javascript/vue/repository/renderers/custom_cells_renderer/text_value.vue
+++ b/app/javascript/vue/repository/renderers/custom_cells_renderer/text_value.vue
@@ -3,8 +3,7 @@
     <div class="group relative flex items-center group-hover:marker text-xs h-full w-full leading-[unset]">
       <div ref="descripitonBox" class="flex gap-2 w-full items-center text-sm leading-[unset]">
         <span v-if="textValue && textValue.length > 0" class="cursor-pointer line-clamp-1 leading-[unset]"
-              @click.stop="showTextCellModal">
-          {{ textValue}}
+              @click.stop="showTextCellModal" v-html="textValue">
         </span>
         <span v-if="textValue && textValue.length > 0"
               @click.stop="showTextCellModal"
@@ -34,7 +33,7 @@ export default {
   },
   computed: {
     textValue() {
-      return this.params?.value?.value?.edit || '';
+      return this.params?.value?.value?.view || '';
     },
     canManage() {
       return this.params?.data?.permissions?.manage || false;
@@ -42,6 +41,7 @@ export default {
   },
   methods: {
     showTextCellModal() {
+      if (event.target.closest('a')) return; // do not open modal if value is a link
       this.params.dtComponent.$emit('showTextCell', null, [this.params.data], this.params.colDef);
     }
   }
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
index d8fc9a240b..f2346bc390 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
@@ -15,6 +15,7 @@
     </div>
     <div v-if="canEdit || colVal?.edit.length > 0" class="w-full contents">
       <text-area :initialValue="colVal?.edit"
+                  :viewValue="colVal?.view"
                   :noContentPlaceholder="i18n.t('repositories.item_card.repository_text_value.placeholder')"
                   :placeholder="i18n.t('repositories.item_card.repository_text_value.placeholder')"
                   :unEditableRef="`textRef`"
diff --git a/app/javascript/vue/shared/legacy/Textarea.vue b/app/javascript/vue/shared/legacy/Textarea.vue
index a5a9ec2d86..08599cffb9 100644
--- a/app/javascript/vue/shared/legacy/Textarea.vue
+++ b/app/javascript/vue/shared/legacy/Textarea.vue
@@ -24,7 +24,8 @@
                   'text-sn-dark-grey': value, 'text-sn-grey': !value
                 }"
         @click="enableEdit">
-    <span>{{ value || noContentPlaceholder }}</span>
+    <span v-if="viewValue" v-html="viewValue"></span>
+    <span v-else>{{ value || noContentPlaceholder }}</span>
   </div>
 </template>
 
@@ -41,6 +42,7 @@ export default {
     expandable: { type: Boolean, required: true },
     collapsed: { type: Boolean, required: true },
     initialValue: String,
+    viewValue: { type: String, default: null },
     noContentPlaceholder: String,
     placeholder: String,
     canEdit: { type: Boolean, default: false },
@@ -114,6 +116,7 @@ export default {
     enableEdit(e) {
       if (!this.canEdit) return;
 
+      if (e && e.target.closest('a')) return;
       if (e && $(e.target).hasClass('atwho-user-popover')) return;
       if (e && $(e.target).hasClass('sa-name')) return;
       if (e && $(e.target).hasClass('sa-link')) return;