From d4eaab769c32625be3d51cf7de8859603d35be64 Mon Sep 17 00:00:00 2001
From: Anas Rashid <anasrasheed22@gmail.com>
Date: Thu, 8 Oct 2026 23:52:41 +0200
Subject: [PATCH] =?UTF-8?q?Word=20book:=20+=20to=20add=20words=20(=D8=B0?=
 =?UTF-8?q?=D8=AE=DB=8C=D8=B1=DB=82=20=D8=A7=D9=84=D9=81=D8=A7=D8=B8),=20?=
 =?UTF-8?q?=E2=9C=93=20when=20added;=20hearts=20only=20for=20poets=20and?=
 =?UTF-8?q?=20works?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Owner request: words are not favourites. The sidebar button reads '+ ذخیرۂ الفاظ میں' and turns
into '✓' once added; the selection menu has '+ لفظ'; the library section is ذخیرۂ الفاظ.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 web/src/layouts/Base.astro  | 6 +++---
 web/src/pages/library.astro | 4 ++--
 web/src/styles/global.css   | 7 ++++++-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/web/src/layouts/Base.astro b/web/src/layouts/Base.astro
index f75312dc..9b8848d1 100644
--- a/web/src/layouts/Base.astro
+++ b/web/src/layouts/Base.astro
@@ -55,7 +55,7 @@ const fullTitle = title ? `${title} · دیوان` : 'دیوان · اردو ک
     <main class="wrap"><slot /></main>
     <div id="selmenu" class="selmenu" role="toolbar" aria-label="منتخب عبارت" hidden>
       <button type="button" data-act="meaning" title="معنی اور تلفظ">معنی</button>
-      <button type="button" data-act="saveword" title="لفظ لغت کے ساتھ محفوظ کریں">محفوظ</button>
+      <button type="button" data-act="saveword" class="plus" title="ذخیرۂ الفاظ میں شامل کریں">لفظ</button>
       <button type="button" data-act="bookmark" title="اس عبارت پر نشان لگائیں">نشان</button>
       <button type="button" data-act="search" title="دیوان میں تلاش">تلاش</button>
       <button type="button" data-act="copy" title="حوالے کے ساتھ کاپی">کاپی</button>
@@ -161,7 +161,7 @@ const fullTitle = title ? `${title} · دیوان` : 'دیوان · اردو ک
         else if (d) b.setAttribute('aria-pressed', String(d.saved));
       });
       const wordSave = (w) => { // sidebar button, with the word's saved state
-        const b = el('button', 'save', 'لفظ محفوظ کریں', { type: 'button', 'aria-pressed': 'false' });
+        const b = el('button', 'wordbook', 'ذخیرۂ الفاظ میں', { type: 'button', 'aria-pressed': 'false', title: 'اپنے ذخیرۂ الفاظ میں شامل کریں' });
         b.onclick = async () => { const d = await save({ kind: 'word', word: w, ...source }); if (d) b.setAttribute('aria-pressed', String(d.saved)); };
         if (document.body.dataset.user) fetch('/api/library?word=' + encodeURIComponent(w)).then((r) => r.ok && r.json()).then((d) => d && b.setAttribute('aria-pressed', String(d.word)));
         return b;
@@ -333,7 +333,7 @@ const fullTitle = title ? `${title} · دیوان` : 'دیوان · اردو ک
           case 'meaning': showWord(oneWord(selText)); break;
           case 'bookmark': save({ kind: 'phrase', poemId: source.poemId, couplet: source.couplet, phrase: selText })
             .then((d) => d && (d.saved ? location.reload() : flash(b, 'نشان پہلے سے تھا، ہٹا دیا'))); break;
-          case 'saveword': save({ kind: 'word', word: oneWord(selText), ...source }).then((d) => d && flash(b, d.saved ? 'محفوظ ہو گیا' : 'ہٹا دیا گیا')); break;
+          case 'saveword': save({ kind: 'word', word: oneWord(selText), ...source }).then((d) => d && flash(b, d.saved ? '✓ شامل' : 'ہٹا دیا')); break;
           case 'search': location.href = `/search?q=${encodeURIComponent(q)}`; break;
           case 'google': open(`https://www.google.com/search?q=${enc}`, '_blank', 'noopener'); break;
           case 'copy':
diff --git a/web/src/pages/library.astro b/web/src/pages/library.astro
index 5e6a8249..f7a66f56 100644
--- a/web/src/pages/library.astro
+++ b/web/src/pages/library.astro
@@ -31,7 +31,7 @@ const at = (item: any) => (item.poem ? `${item.poem.url}${item.poem.couplet != n
   <p class="muted center">میری لائبریری · {ud(total)} اندراجات · <a href="/account">پروفائل</a></p>
 
   {total === 0 && (
-    <p class="muted center">ابھی کچھ محفوظ نہیں۔ کسی شاعر یا کلام پر "پسندیدہ" دبائیں، کسی شعر کے ساتھ 🔖 لگائیں، کوئی عبارت منتخب کر کے "نشان" لگائیں، یا لفظ منتخب کر کے "محفوظ" کریں۔</p>
+    <p class="muted center">ابھی کچھ محفوظ نہیں۔ کسی شاعر یا کلام پر "پسندیدہ" دبائیں، کسی شعر کے ساتھ 🔖 لگائیں، کوئی عبارت منتخب کر کے "نشان" لگائیں، یا لفظ منتخب کر کے "+ لفظ" سے ذخیرۂ الفاظ میں شامل کریں۔</p>
   )}
 
   {lib.poets.length > 0 && (
@@ -106,7 +106,7 @@ const at = (item: any) => (item.poem ? `${item.poem.url}${item.poem.couplet != n
 
   {lib.words.length > 0 && (
     <section class="lib-section">
-      <h2>محفوظ الفاظ</h2>
+      <h2>ذخیرۂ الفاظ</h2>
       <ul class="lib-list">
         {lib.words.map((w: any) => (
           <li id={`i${w.id}`}>
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index fd3677db..85704691 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -187,6 +187,7 @@ h1 + .muted { text-align: center; margin-top: 0; }
   background: rgb(14 17 17 / .92); box-shadow: 0 4px 14px rgb(0 0 0 / .25); }
 .selmenu[hidden] { display: none; }
 .selmenu button { font: inherit; font-size: .85rem; color: #f3ead8; background: none; border: 0; border-radius: 7px; padding: 2px 10px; cursor: pointer; }
+.selmenu .plus::before { content: '+ '; font-weight: 700; color: #c9a050; }
 .selmenu button:hover, .selmenu button:focus-visible { background: rgb(201 160 80 / .25); outline: none; }
 
 /* admin panel */
@@ -218,7 +219,11 @@ h1 + .muted { text-align: center; margin-top: 0; }
 .save::before { content: '♡ '; color: var(--brand); }
 .save[aria-pressed='true'] { border-color: var(--brand); color: var(--brand); }
 .save[aria-pressed='true']::before { content: '♥ '; }
-.dict .save { margin-bottom: 6px; }
+/* word book (ذخیرۂ الفاظ): + to add, ✓ when added (hearts are for poets and works) */
+.wordbook { font: inherit; font-size: .85rem; padding: 1px 14px; margin-bottom: 6px; border: 1.5px solid var(--border); border-radius: 999px; background: var(--inner); color: var(--ink); cursor: pointer; }
+.wordbook::before { content: '+ '; font-weight: 700; color: var(--gold); }
+.wordbook[aria-pressed='true'] { border-color: var(--gold); color: var(--gold); }
+.wordbook[aria-pressed='true']::before { content: '✓ '; }
 .couplet, .poem .para, .poem .single { position: relative; }
 .bm { position: absolute; inset-inline-end: -26px; top: .5em; width: 20px; height: 22px; padding: 0; border: 0; background: none; cursor: pointer;
   opacity: 0; transition: opacity .15s; user-select: none; }
-- 
2.47.3