From fbbb269e15b62cad63c6bfcf4e5afede48c5b420 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Thu, 26 Feb 2026 21:25:07 -0300
Subject: [PATCH] fix(sidebar): replace NcChip with non-interactive status
 indicator

NcChip has button-like appearance (hover effects, pointer cursor,
pill shape) which confused users into thinking the status label
was clickable. Replace with a dot + label text layout using only
CSS logical properties for proper LTR/RTL support.

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/components/RightSidebar/SignTab.vue | 37 +++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/components/RightSidebar/SignTab.vue b/src/components/RightSidebar/SignTab.vue
index 9778a876b9..f7963c28d4 100644
--- a/src/components/RightSidebar/SignTab.vue
+++ b/src/components/RightSidebar/SignTab.vue
@@ -6,7 +6,11 @@
 <template>
 	<div class="sign-pdf-sidebar">
 		<header>
-			<NcChip :text="signStore.document.statusText" variant="primary" no-close />
+			<div class="document-status">
+				<span class="document-status__label">{{ t('libresign', 'Status') }}</span>
+				<span class="document-status__dot" aria-hidden="true" />
+				<span class="document-status__text">{{ signStore.document.statusText }}</span>
+			</div>
 		</header>
 
 		<main>
@@ -28,7 +32,6 @@
 <script>
 import { t } from '@nextcloud/l10n'
 
-import NcChip from '@nextcloud/vue/components/NcChip'
 import Sign from '../../views/SignPDF/_partials/Sign.vue'
 
 import { loadState } from '@nextcloud/initial-state'
@@ -40,7 +43,6 @@ import { useSignStore } from '../../store/sign.js'
 export default {
 	name: 'SignTab',
 	components: {
-		NcChip,
 		Sign,
 	},
 	setup() {
@@ -93,6 +95,35 @@ header {
 	justify-content: center;
 	align-items: center;
 	width: 100%;
+
+	.document-status {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		color: var(--color-text-maxcontrast);
+		font-size: 0.85em;
+
+		&__label {
+			text-transform: uppercase;
+			letter-spacing: 0.05em;
+			margin-inline-end: -0.05em; /* compensate trailing letter-spacing in both LTR and RTL */
+			font-weight: 600;
+		}
+
+		&__dot {
+			display: inline-block;
+			width: 8px;
+			height: 8px;
+			border-radius: 50%;
+			background-color: var(--color-primary-element);
+			flex-shrink: 0;
+		}
+
+		&__text {
+			color: var(--color-main-text);
+			font-weight: 500;
+		}
+	}
 }
 @media (min-width: 513px) {
 	header {