ui fixes and pwa shortcut integration

Author: jp8-isep

frontend/components/PrivateMessages/PrivateMessagesSimplified.tsx

@@ -65,6 +65,7 @@ interface PrivateMessagesSimplifiedProps {
   isExpanded?: boolean;
   onGroupSelect?: (group: any) => void;
   unreadGroupCounts?: { [chatId: string]: number };
+  forceOpenNewMessage?: boolean;
 }
 
 interface GroupChat {
@@ -86,6 +87,7 @@ const PrivateMessagesSimplified: React.FC<PrivateMessagesSimplifiedProps> = ({
   isExpanded = false,
   onGroupSelect,
   unreadGroupCounts = {},
+  forceOpenNewMessage = false,
 }) => {
   const { t } = useLanguage();
   const { socket, connected } = useSocket();
@@ -334,7 +336,6 @@ const PrivateMessagesSimplified: React.FC<PrivateMessagesSimplifiedProps> = ({
     }
   }, [contextMenu, groupChatContextMenu, userContextMenu, messageContextMenu]);
 
-  // If expanded message is provided, use it
   useEffect(() => {
     if (expandedMessage) {
       setSelectedConversation(expandedMessage.userId);
@@ -344,6 +345,13 @@ const PrivateMessagesSimplified: React.FC<PrivateMessagesSimplifiedProps> = ({
     }
   }, [expandedMessage?.userId, expandedMessage?.username]);
 
+  // Handle force open new message from PWA shortcut
+  useEffect(() => {
+    if (forceOpenNewMessage) {
+      setShowUserSelect(true);
+    }
+  }, [forceOpenNewMessage]);
+
   useEffect(() => {
     if (user) {
       // Reset loading state when user changes

frontend/pages/index.tsx

@@ -126,6 +126,7 @@ export default function Home() {
   const sidebarRef = useRef<HTMLDivElement>(null);
   const [showNotificationDialog, setShowNotificationDialog] = useState(false);
   const [mobileView, setMobileView] = useState<'sidebar' | 'content'>('sidebar');
+  const [forceOpenNewMessage, setForceOpenNewMessage] = useState(false);
 
 
   // Listen for tour events
@@ -377,6 +378,23 @@ export default function Home() {
       return;
     }
 
+    // Handle PWA Shortcuts
+    if (router.query.action === 'new-topic') {
+      router.replace('/', undefined, { shallow: true });
+      setShowCreateTopic(true);
+      setMobileView('sidebar');
+      return;
+    }
+
+    if (router.query.action === 'messages') {
+      router.replace('/', undefined, { shallow: true });
+      setActiveSidebarTab('messages');
+      setMobileView('sidebar');
+      // Set a flag to trigger open new message in PrivateMessagesSimplified
+      setForceOpenNewMessage(true);
+      return;
+    }
+
     if (router.query.topicId) {
       const topicId = router.query.topicId as string;
       router.replace('/', undefined, { shallow: true });
@@ -787,6 +805,7 @@ export default function Home() {
                     {activeSidebarTab === 'messages' && (
                       <div className="h-full">
                         <PrivateMessagesSimplified
+                          forceOpenNewMessage={forceOpenNewMessage}
                           onExpandMessage={(userId, username) => {
                             setExpandedPrivateMessage({ userId, username });
                             setExpandedChatRoom(null);