From ea47f5393def1ade56432fcadb415b75811b98c8 Mon Sep 17 00:00:00 2001
From: Daniel Raab <daniel@draab.at>
Date: Tue, 20 Oct 2026 14:33:15 +0200
Subject: [PATCH] feat(frontend): update document title for item detail view
 and restore on close

---
 .../src/lib/features/items/ItemDetail.svelte  | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/frontend/src/lib/features/items/ItemDetail.svelte b/frontend/src/lib/features/items/ItemDetail.svelte
index e81f63f9a..160c379b7 100644
--- a/frontend/src/lib/features/items/ItemDetail.svelte
+++ b/frontend/src/lib/features/items/ItemDetail.svelte
@@ -1,3 +1,9 @@
+<script module>
+  // Site title from index.html, captured once so nested item views (e.g. a modal
+  // over an item page) don't stack item titles on top of each other.
+  const siteTitle = typeof document !== 'undefined' ? document.title : '';
+</script>
+
 <script>
   import { onMount, onDestroy, untrack } from 'svelte';
   import { copyToClipboard } from '../../utils/clipboard.js';
@@ -67,6 +73,19 @@ import NativeSelect from '../../components/NativeSelect.svelte';
   let item = $derived(itemDetailStore.item);
   let workspace = $derived(itemDetailStore.workspace);
 
+  // Show "KEY-123 Title - <site title>" in the browser tab while the item is open;
+  // restore the previous title when the detail view closes.
+  const previousDocumentTitle = document.title;
+  $effect(() => {
+    if (!item?.workspace_item_number) return;
+    const k = item.workspace_key || workspace?.key;
+    const itemKey = k ? `${k}-${item.workspace_item_number}` : `ITEM-${item.workspace_item_number}`;
+    document.title = `${itemKey} ${item.title || ''}`.trim() + ` - ${siteTitle}`;
+  });
+  onDestroy(() => {
+    document.title = previousDocumentTitle;
+  });
+
   // A reconcile request that arrives while the detail is loading must not be
   // dropped: queue it and run once the in-flight load settles.
   let reconcilePending = $state(false);