v0.6.2 added help window

frontend/src/pages/Chat.jsx

@@ -11,6 +11,7 @@ import SettingsModal from '../components/SettingsModal.jsx';
 import NewChatModal from '../components/NewChatModal.jsx';
 import GlobalBar from '../components/GlobalBar.jsx';
 import AboutModal from '../components/AboutModal.jsx';
+import HelpModal from '../components/HelpModal.jsx';
 import './Chat.css';
 
 function urlBase64ToUint8Array(base64String) {
@@ -31,10 +32,21 @@ export default function Chat() {
   const [activeGroupId, setActiveGroupId] = useState(null);
   const [notifications, setNotifications] = useState([]);
   const [unreadGroups, setUnreadGroups] = useState(new Map());
-  const [modal, setModal] = useState(null); // 'profile' | 'users' | 'settings' | 'newchat'
+  const [modal, setModal] = useState(null); // 'profile' | 'users' | 'settings' | 'newchat' | 'help'
+  const [helpDismissed, setHelpDismissed] = useState(true); // true until status loaded
   const [isMobile, setIsMobile] = useState(window.innerWidth < 768);
   const [showSidebar, setShowSidebar] = useState(true);
 
+  // Check if help should be shown on login
+  useEffect(() => {
+    api.getHelpStatus()
+      .then(({ dismissed }) => {
+        setHelpDismissed(dismissed);
+        if (!dismissed) setModal('help');
+      })
+      .catch(() => {});
+  }, []);
+
   useEffect(() => {
     const handle = () => {
       const mobile = window.innerWidth < 768;
@@ -210,6 +222,7 @@ export default function Chat() {
             onGroupsUpdated={loadGroups}
             isMobile={isMobile}
             onAbout={() => setModal('about')}
+            onHelp={() => setModal('help')}
           />
         )}
 
@@ -228,6 +241,7 @@ export default function Chat() {
       {modal === 'settings' && <SettingsModal onClose={() => setModal(null)} />}
       {modal === 'newchat' && <NewChatModal onClose={() => setModal(null)} onCreated={(g) => { loadGroups(); setModal(null); setActiveGroupId(g.id); }} />}
       {modal === 'about' && <AboutModal onClose={() => setModal(null)} />}
+      {modal === 'help' && <HelpModal onClose={() => setModal(null)} dismissed={helpDismissed} />}
     </div>
   );
 }

frontend/src/pages/Login.jsx

@@ -85,7 +85,7 @@ export default function Login() {
         {settings.pw_reset_active === 'true' && (
           <div className="warning-banner" style={{ marginBottom: 16 }}>
             <span>⚠️</span>
-            <span><strong>PW_RESET is enabled.</strong> The admin password is being reset on each restart. Disable PW_RESET in your environment to stop this behavior.</span>
+            <span><strong>ADMPW_RESET is enabled.</strong> The admin password is being reset on each restart. Disable ADMPW_RESET in your environment to stop this behavior.</span>
           </div>
         )}