@meith/web 0.26.1 → 0.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/web",
-  "version": "0.26.1",
+  "version": "0.27.0",
   "description": "The board itself: the Next.js app, and the forum-web bin that materializes it into an external board workspace.",
   "license": "MIT",
   "repository": {
@@ -43,53 +43,53 @@
     "react-dom": "19.2.8",
     "tailwindcss": "^4.3.3",
     "typescript": "7.0.2",
-    "@meith/accounts": "0.26.1",
-    "@meith/admin": "0.26.1",
-    "@meith/antispam": "0.26.1",
-    "@meith/api": "0.26.1",
-    "@meith/attachments": "0.26.1",
-    "@meith/authorization": "0.26.1",
-    "@meith/avatars": "0.26.1",
-    "@meith/core": "0.26.1",
-    "@meith/db": "0.26.1",
-    "@meith/demo": "0.26.1",
-    "@meith/drafts": "0.26.1",
-    "@meith/drivers": "0.26.1",
-    "@meith/events": "0.26.1",
-    "@meith/forums": "0.26.1",
-    "@meith/groups": "0.26.1",
-    "@meith/i18n": "0.26.1",
-    "@meith/import": "0.26.1",
-    "@meith/install": "0.26.1",
-    "@meith/mail": "0.26.1",
-    "@meith/markdown": "0.26.1",
-    "@meith/marketplace": "0.26.1",
-    "@meith/messages": "0.26.1",
-    "@meith/moderation": "0.26.1",
-    "@meith/notifications": "0.26.1",
-    "@meith/plugin-calendar": "0.26.1",
-    "@meith/plugin-dues": "0.26.1",
-    "@meith/plugin-kit": "0.26.1",
-    "@meith/polls": "0.26.1",
-    "@meith/posts": "0.26.1",
-    "@meith/profile-fields": "0.26.1",
-    "@meith/relations": "0.26.1",
-    "@meith/reputation": "0.26.1",
-    "@meith/runtime": "0.26.1",
-    "@meith/search": "0.26.1",
-    "@meith/settings": "0.26.1",
-    "@meith/signatures": "0.26.1",
-    "@meith/subscriptions": "0.26.1",
-    "@meith/tasks": "0.26.1",
-    "@meith/theme-clubhouse": "0.26.1",
-    "@meith/theme-default": "0.26.1",
-    "@meith/theme-kit": "0.26.1",
-    "@meith/theme-midnight": "0.26.1",
-    "@meith/theme-phasebook": "0.26.1",
-    "@meith/theme-raidframe": "0.26.1",
-    "@meith/threads": "0.26.1",
-    "@meith/ui": "0.26.1",
-    "@meith/upgrade": "0.26.1"
+    "@meith/accounts": "0.27.0",
+    "@meith/admin": "0.27.0",
+    "@meith/antispam": "0.27.0",
+    "@meith/api": "0.27.0",
+    "@meith/attachments": "0.27.0",
+    "@meith/authorization": "0.27.0",
+    "@meith/avatars": "0.27.0",
+    "@meith/core": "0.27.0",
+    "@meith/db": "0.27.0",
+    "@meith/demo": "0.27.0",
+    "@meith/drafts": "0.27.0",
+    "@meith/drivers": "0.27.0",
+    "@meith/events": "0.27.0",
+    "@meith/forums": "0.27.0",
+    "@meith/groups": "0.27.0",
+    "@meith/i18n": "0.27.0",
+    "@meith/import": "0.27.0",
+    "@meith/install": "0.27.0",
+    "@meith/mail": "0.27.0",
+    "@meith/markdown": "0.27.0",
+    "@meith/marketplace": "0.27.0",
+    "@meith/messages": "0.27.0",
+    "@meith/moderation": "0.27.0",
+    "@meith/notifications": "0.27.0",
+    "@meith/plugin-calendar": "0.27.0",
+    "@meith/plugin-dues": "0.27.0",
+    "@meith/plugin-kit": "0.27.0",
+    "@meith/polls": "0.27.0",
+    "@meith/posts": "0.27.0",
+    "@meith/profile-fields": "0.27.0",
+    "@meith/relations": "0.27.0",
+    "@meith/reputation": "0.27.0",
+    "@meith/runtime": "0.27.0",
+    "@meith/search": "0.27.0",
+    "@meith/settings": "0.27.0",
+    "@meith/signatures": "0.27.0",
+    "@meith/subscriptions": "0.27.0",
+    "@meith/tasks": "0.27.0",
+    "@meith/theme-clubhouse": "0.27.0",
+    "@meith/theme-default": "0.27.0",
+    "@meith/theme-kit": "0.27.0",
+    "@meith/theme-midnight": "0.27.0",
+    "@meith/theme-phasebook": "0.27.0",
+    "@meith/theme-raidframe": "0.27.0",
+    "@meith/threads": "0.27.0",
+    "@meith/ui": "0.27.0",
+    "@meith/upgrade": "0.27.0"
   },
   "scripts": {
     "dev": "next dev",

package/src/components/admin/forum-forms.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useActionState } from 'react'
+import { useActionState, useEffect, useState } from 'react'
 
 import type { MatrixCell, MatrixRow } from '@meith/authorization'
 import { cn, Disclosure } from '@meith/ui'
@@ -301,10 +301,19 @@ export function ForumPermissionRowForm({
   copy: Copy
 }) {
   const [state, action] = useActionState(saveForumPermissionsAction, EMPTY_STATE)
+  const [dirty, setDirty] = useState(false)
+
+  useEffect(() => {
+    if (state.notice === 'saved') setDirty(false)
+  }, [state])
 
   return (
-    <Disclosure summary={row.groupTitle} aside={overridesAside(row, copy)}>
-      <form action={action} className="flex flex-col gap-5">
+    <Disclosure
+      summary={row.groupTitle}
+      aside={overridesAside(row, copy)}
+      className="overflow-visible"
+    >
+      <form action={action} className="flex flex-col gap-5" onChange={() => setDirty(true)}>
         <FormError message={state.error} />
         <input type="hidden" name="forumId" value={forumId} />
         <input type="hidden" name="groupId" value={row.groupId} />
@@ -333,14 +342,20 @@ export function ForumPermissionRowForm({
           </section>
         ))}
 
-        <div className="flex items-center gap-3">
-          <SubmitButton>
+        <div className="sticky bottom-0 -mx-4 -mb-4 flex items-center gap-3 rounded-b-lg border-t border-border bg-card/95 px-4 py-3 supports-[backdrop-filter]:bg-card/80 supports-[backdrop-filter]:backdrop-blur">
+          <SubmitButton className="w-auto">
             {formatFromCopy(copy, 'adminForum.saveGroup', { group: row.groupTitle })}
           </SubmitButton>
-          {state.notice === 'saved' && (
-            <span className="text-xs font-medium text-moderation-approved">
-              {fromCopy(copy, 'admin.saved')}
+          {dirty ? (
+            <span className="text-xs font-medium text-muted-foreground">
+              {fromCopy(copy, 'adminForum.unsavedChanges')}
             </span>
+          ) : (
+            state.notice === 'saved' && (
+              <span className="text-xs font-medium text-moderation-approved">
+                {fromCopy(copy, 'admin.saved')}
+              </span>
+            )
           )}
         </div>
       </form>

package/src/components/content/markdown-editor.tsx

@@ -131,7 +131,10 @@ export function MarkdownEditor({
     const element = field.current
     if (element === null) return
     element.style.height = 'auto'
-    element.style.height = `${element.scrollHeight}px`
+    const max = Math.max(240, Math.round(window.innerHeight * 0.6))
+    const overflowing = element.scrollHeight > max
+    element.style.height = `${overflowing ? max : element.scrollHeight}px`
+    element.style.overflowY = overflowing ? 'auto' : 'hidden'
   }, [])
 
   useEffect(() => {

package/src/server/upgrade-notice.ts

@@ -6,7 +6,7 @@ import { planUpgrade, type UpgradeState, upgradeNotice } from '@meith/upgrade'
 
 import { activeDefinitions } from './plugin-host'
 
-export const CODE_VERSION = '0.26.1'
+export const CODE_VERSION = '0.27.0'
 
 export async function pendingUpgradeNotice(): Promise<string | null> {
   if (env.DATA_SOURCE !== 'postgres') return null

package/src/view/admin-copy.ts

@@ -63,6 +63,7 @@ export function forumAdminCopy(t: Translator = untranslated()): Readonly<Record<
         'adminForum.permGroup.approvals',
         'adminForum.permGroup.other',
         'adminForum.inheritsAll',
+        'adminForum.unsavedChanges',
         'adminForum.copied',
         'adminForum.copyNote',
         'adminForum.topLevel',

package/src/view/setting-groups.ts

@@ -13,7 +13,6 @@ export const GROUP_LABELS: Record<SettingGroup, string> = {
   antispam: 'Anti-spam',
   push: 'Push',
   legal: 'Legal',
-  marketplace: 'Marketplace',
 }
 
 export const GROUP_ORDER: readonly SettingGroup[] = [
@@ -29,7 +28,6 @@ export const GROUP_ORDER: readonly SettingGroup[] = [
   'antispam',
   'push',
   'legal',
-  'marketplace',
 ]
 
 export const DEFAULT_SETTING_GROUP: SettingGroup = GROUP_ORDER[0]!