@meith/theme-phasebook 0.23.1 → 0.23.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-phasebook",
-  "version": "0.23.1",
+  "version": "0.23.3",
   "description": "A theme for Meith with a familiar social shape, built on the default theme's slots.",
   "license": "MIT",
   "repository": {
@@ -20,9 +20,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-default": "^0.23.1",
-    "@meith/theme-kit": "^0.23.1",
-    "@meith/ui": "^0.23.1"
+    "@meith/theme-default": "^0.23.3",
+    "@meith/theme-kit": "^0.23.3",
+    "@meith/ui": "^0.23.3"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/copy.ts

@@ -221,6 +221,8 @@ export function threadRowCopy(t: Translator): SlotCopy {
     'phasebook.threadRow.latestReply',
     'phasebook.threadRow.locked',
     'phasebook.threadRow.moved',
+    'phasebook.threadRow.deleted',
+    'phasebook.threadRow.unapproved',
     'phasebook.threadRow.newPosts',
     'phasebook.threadRow.noRepliesYet',
     'phasebook.threadRow.pinned',

package/src/messages/en.json

@@ -107,6 +107,7 @@
   "phasebook.subforumList.thread.other": "threads",
   "phasebook.subforumList.title": "Subforums",
   "phasebook.threadRow.by": "by",
+  "phasebook.threadRow.deleted": "Deleted",
   "phasebook.threadRow.latestReply": "Latest reply",
   "phasebook.threadRow.locked": "Locked",
   "phasebook.threadRow.moved": "Moved",
@@ -116,6 +117,7 @@
   "phasebook.threadRow.reply.one": "reply",
   "phasebook.threadRow.reply.other": "replies",
   "phasebook.threadRow.startedBy": "Started by",
+  "phasebook.threadRow.unapproved": "Pending",
   "phasebook.threadRow.view.one": "view",
   "phasebook.threadRow.view.other": "views",
   "phasebook.threadView.locked": "Locked — no new replies",

package/src/slots/thread-row.tsx

@@ -6,10 +6,14 @@ import { Circle, count, MUTED_LINK, NUMERIC, Prefix, plural, Stamp, Tag, UserRef
 export function ThreadRow({ thread, select, copy }: ThreadRowSlotModel & { copy: SlotCopy }) {
   const c = (key: string) => fromSlotCopy(copy, `phasebook.threadRow.${key}`)
 
+  const hidden = thread.visibility === 'deleted' || thread.visibility === 'unapproved'
+  const tint = thread.visibility === 'deleted' ? 'bg-thread-deleted/8' : 'bg-thread-unapproved/8'
+
   return (
     <li
       data-unread={thread.isUnread ? '' : undefined}
-      className="overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-elevation transition-colors hover:border-input"
+      data-visibility={hidden ? thread.visibility : undefined}
+      className={`overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-elevation transition-colors hover:border-input ${hidden ? tint : ''}`}
     >
       <div className="flex items-start gap-3 px-4 py-3">
         {select !== null && (
@@ -41,6 +45,10 @@ export function ThreadRow({ thread, select, copy }: ThreadRowSlotModel & { copy:
             {thread.isSticky && <Tag token="thread-pinned">{c('pinned')}</Tag>}
             {thread.isLocked && <Tag token="thread-locked">{c('locked')}</Tag>}
             {thread.isMoved && <Tag token="thread-moved">{c('moved')}</Tag>}
+            {thread.visibility === 'unapproved' && (
+              <Tag token="thread-unapproved">{c('unapproved')}</Tag>
+            )}
+            {thread.visibility === 'deleted' && <Tag token="thread-deleted">{c('deleted')}</Tag>}
           </div>
 
           <a