From 847d653b5e7551fba42f10c85c763cfc918612b8 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Fri, 8 May 2026 16:08:41 -0400
Subject: [PATCH] Truncate journal and entry names in browser tab titles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Entry: 50 chars for entry name, 30 for journal name
Journal: 60 chars for journal name
Appends ellipsis (…) when truncated.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/routes/journals/[journal_id]/+page.svelte   | 10 +++++++++-
 .../entry/[journal_entry_id]/+page.svelte       | 17 ++++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/routes/journals/[journal_id]/+page.svelte b/src/routes/journals/[journal_id]/+page.svelte
index 6d51d10a..6d2fc1ca 100644
--- a/src/routes/journals/[journal_id]/+page.svelte
+++ b/src/routes/journals/[journal_id]/+page.svelte
@@ -303,10 +303,18 @@ if (browser) {
 }
 
 import { LoaderCircle } from '@lucide/svelte';
+
+const title_journal = $derived(
+    $lq__journal_obj?.name
+        ? $lq__journal_obj.name.length > 60
+            ? $lq__journal_obj.name.slice(0, 60) + '…'
+            : $lq__journal_obj.name
+        : 'Journal'
+);
 </script>
 
 <svelte:head>
-    <title>{$lq__journal_obj?.name ?? 'Journal'} - OSIT's AE Journals</title>
+    <title>{title_journal} - OSIT's AE Journals</title>
 </svelte:head>
 
 {#if $lq__journal_obj === undefined}
diff --git a/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte b/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
index 3d269b22..a94120da 100644
--- a/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
+++ b/src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
@@ -258,10 +258,25 @@ $effect(() => {
         // log_lvl = 1;
     }
 });
+
+const title_entry = $derived(
+    $lq__journal_entry_obj?.name
+        ? $lq__journal_entry_obj.name.length > 50
+            ? $lq__journal_entry_obj.name.slice(0, 50) + '…'
+            : $lq__journal_entry_obj.name
+        : 'Entry'
+);
+const title_journal = $derived(
+    $lq__journal_obj?.name
+        ? $lq__journal_obj.name.length > 30
+            ? $lq__journal_obj.name.slice(0, 30) + '…'
+            : $lq__journal_obj.name
+        : 'Journal'
+);
 </script>
 
 <svelte:head>
-    <title>{$lq__journal_entry_obj?.name ?? 'Entry'} - {$lq__journal_obj?.name ?? 'Journal'} - OSIT's AE Journals</title>
+    <title>{title_entry} - {title_journal} - OSIT's AE Journals</title>
 </svelte:head>
 
 {#if $ae_loc.person_id == $lq__journal_obj?.person_id || $lq__journal_entry_obj?.public}