Improve Electron experience and build system

frontend/src/ui/App.tsx

@@ -1,4 +1,5 @@
 import { MINIMUM_WIDTH } from "../core/config";
+import { isElectron } from "../electron/electron";
 import { ElectronTitleBar } from "./components/Electron";
 import useWindowSize from "./hooks/useWindowSize";
 import ChatScreen from "./screen/ChatScreen";
@@ -17,7 +18,7 @@ export default function App() {
         restoreUserFromStorage();
     }, [restoreUserFromStorage]);
 
-    if (width < MINIMUM_WIDTH) {
+    if (!isElectron && width < MINIMUM_WIDTH) {
         return <DownloadAppScreen />
     }
 

frontend/src/ui/components/Electron.tsx

@@ -1,18 +1,11 @@
 import { PRODUCT_NAME } from "../../core/config";
+import { isElectron } from "../../electron/electron";
 
 export function ElectronTitleBar() {
-    if (window.electronInterface !== undefined) {
-        return (
-            <div id="electron-title-bar">
-                {window.electronInterface.platform == "darwin" ? <div className="macos-padding"></div> : undefined}
-                <div id="window-title">{PRODUCT_NAME}</div>
-                {/* <div className="window-controls">
-                    <mdui-button-icon icon="remove" id="window-minimize"></mdui-button-icon>
-                    <mdui-button-icon icon="stack--outlined" id="window-restore" className="hidden"></mdui-button-icon>
-                    <mdui-button-icon icon="ad--outlined" id="window-maximize"></mdui-button-icon>
-                    <mdui-button-icon icon="close" id="window-close"></mdui-button-icon>
-                </div> */}
-            </div>
-        )
-    }
+    return isElectron && (
+        <div id="electron-title-bar">
+            {window.electronInterface.platform == "darwin" && <div className="macos-padding"></div>}
+            <div id="window-title">{PRODUCT_NAME}</div>
+        </div>
+    )
 }

frontend/src/ui/components/chat/MessagePanelRenderer.tsx

@@ -153,20 +153,20 @@ export function MessagePanelRenderer({ panel, isChatSwitching }: MessagePanelRen
                     <ChatMessages 
                         messages={panelState.messages} 
                         isDm={panel.isDm()} 
-                        onReplySelect={(m) => {
+                        onReplySelect={(message) => {
                             if (editMessage || editVisible) {
-                                setPendingAction({ type: "reply", message: m });
+                                setPendingAction({ type: "reply", message: message });
                                 setEditVisible(false); // onCloseEdit will apply pending
                             } else {
-                                setReplyTo(m);
+                                setReplyTo(message);
                             }
                         }}
-                        onEditSelect={(m) => {
+                        onEditSelect={(message) => {
                             if (replyTo || replyToVisible) {
-                                setPendingAction({ type: "edit", message: m });
+                                setPendingAction({ type: "edit", message: message });
                                 setReplyToVisible(false); // onCloseReply will apply pending
                             } else {
-                                setEditMessage(m);
+                                setEditMessage(message);
                             }
                         }}
                     >

frontend/src/ui/state.ts

@@ -6,6 +6,7 @@ import { PublicChatPanel } from "./panels/PublicChatPanel";
 import { DMPanel, type DMPanelData } from "./panels/DMPanel";
 import { getAuthHeaders } from "../auth/api";
 import { restoreKeys } from "../auth/crypto";
+import { API_BASE_URL } from "../core/config";
 
 type Page = "login" | "register" | "chat"
 export type ChatTabs = "chats" | "channels" | "contacts" | "dms"
@@ -199,7 +200,7 @@ export const useAppState = create<AppState>((set, get) => ({
             const token = localStorage.getItem('authToken');
             
             if (token) {
-                const response = await fetch("/api/user/profile", {
+                const response = await fetch(`${API_BASE_URL}/user/profile`, {
                     headers: getAuthHeaders(token)
                 });