fix(web-frontend): Show unnamed row label in row history instead of (baserow#5467)

empty boxes

Author: alamin-br

changelog/entries/unreleased/bug/show_unnamed_row_label_in_row_history_instead_of__empty_boxe.json

@@ -0,0 +1,9 @@
+{
+  "type": "bug",
+  "message": "Show unnamed row label in row history instead of empty boxes",
+  "issue_origin": "github",
+  "issue_number": 3674,
+  "domain": "database",
+  "bullet_points": [],
+  "created_at": "2026-06-04"
+}

web-frontend/modules/database/components/row/RowHistoryFieldLinkRow.vue

@@ -59,8 +59,12 @@ export default {
   },
   methods: {
     rowName(id) {
-      return this.entry.fields_metadata[this.fieldIdentifier].linked_rows[id]
-        ?.value
+      const value =
+        this.entry.fields_metadata[this.fieldIdentifier].linked_rows[id]?.value
+      return (
+        value ||
+        this.$t('functionnalGridViewFieldLinkRow.unnamed', { value: id })
+      )
     },
   },
 }

web-frontend/test/unit/database/components/row/rowHistoryFieldLinkRow.spec.js

@@ -0,0 +1,64 @@
+import { TestApp } from '@baserow/test/helpers/testApp'
+import RowHistoryFieldLinkRow from '@baserow/modules/database/components/row/RowHistoryFieldLinkRow'
+
+describe('RowHistoryFieldLinkRow', () => {
+  let testApp = null
+
+  beforeEach(() => {
+    testApp = new TestApp()
+  })
+
+  afterEach(() => {
+    testApp.afterEach()
+  })
+
+  const mountComponent = (entry) => {
+    return testApp.mount(RowHistoryFieldLinkRow, {
+      propsData: {
+        entry,
+        fieldIdentifier: 'field_1',
+      },
+    })
+  }
+
+  const buildEntry = (linkedRows) => ({
+    before: { field_1: [] },
+    after: { field_1: Object.keys(linkedRows).map((id) => Number(id)) },
+    fields_metadata: {
+      field_1: {
+        linked_rows: linkedRows,
+      },
+    },
+  })
+
+  test('renders the primary value when present', async () => {
+    const wrapper = await mountComponent(
+      buildEntry({
+        42: { value: 'Hello world' },
+      })
+    )
+    expect(wrapper.text()).toContain('Hello world')
+  })
+
+  test('falls back to the unnamed-row label when value is empty', async () => {
+    const wrapper = await mountComponent(
+      buildEntry({
+        42: { value: '' },
+      })
+    )
+    // The repo-wide i18n mock returns the key unchanged, so we assert on the
+    // key path rather than on the rendered English string.
+    expect(wrapper.text()).toContain('functionnalGridViewFieldLinkRow.unnamed')
+  })
+
+  test('falls back when the linked row metadata is missing entirely', async () => {
+    // The diff references row 42 but the metadata dict has no entry for it.
+    const entry = {
+      before: { field_1: [] },
+      after: { field_1: [42] },
+      fields_metadata: { field_1: { linked_rows: {} } },
+    }
+    const wrapper = await mountComponent(entry)
+    expect(wrapper.text()).toContain('functionnalGridViewFieldLinkRow.unnamed')
+  })
+})