style: optimize topbar, chat container and sub-pages for fluid flexbox layout and mobile viewport sizes; fix superpacks process logger on crash

frontend/src/app-personal-business/chat/ChatContainer.jsx

@@ -89,7 +89,7 @@ export default function ChatContainer() {
   }
   
   return (
-    <div className="relative flex flex-col h-[calc(100vh-128px)] md:h-[calc(100vh-64px)] mt-16 overflow-hidden">
+    <div className="flex-1 min-h-0 relative flex flex-col overflow-hidden">
       
       {/* Context bar */}
       <div className={`

frontend/src/app-personal-business/layout/AppShell.jsx

@@ -33,7 +33,7 @@ export default function AppShell({ children }) {
       <Sidebar collapsed={sidebarCollapsed} />
       
       {/* Main Content Area */}
-      <main className={`md:ml-80 h-screen flex flex-col relative transition-all duration-300 z-10 ${sidebarCollapsed ? 'md:ml-0' : ''}`}>
+      <main className={`md:ml-80 h-screen pb-16 md:pb-0 flex flex-col relative transition-all duration-300 z-10 ${sidebarCollapsed ? 'md:ml-0' : ''}`}>
         <TopBar onToggleSidebar={() => setSidebarCollapsed(!sidebarCollapsed)} />
         {children}
       </main>

frontend/src/app-personal-business/layout/TopBar.jsx

@@ -4,16 +4,19 @@ export default function TopBar({ onToggleSidebar }) {
   const { tier, setTier } = useTierStore()
   
   return (
-    <header className="fixed top-0 w-full md:w-[calc(100%-320px)] z-40 flex justify-between items-center px-4 h-16 bg-white/5 backdrop-blur-2xl border-b border-white/10 shadow-sm">
+    <header className="w-full flex-shrink-0 z-40 flex justify-between items-center px-4 h-16 bg-white/5 backdrop-blur-2xl border-b border-white/10 shadow-sm">
       <div className="flex items-center gap-3">
         <button onClick={onToggleSidebar} className="text-senti-on-surface-variant">
           <span className="material-symbols-outlined">menu</span>
         </button>
         <div>
-          <h2 className={`font-display text-xl font-bold tracking-tight ${tier === 'business' ? 'text-senti-blue-400' : 'text-senti-primary'}`}>
-            {tier === 'business' ? 'Corporate Intelligence' : 'AI Wealth Intelligence'}
+          <h2 className={`font-display text-base md:text-xl font-bold tracking-tight ${tier === 'business' ? 'text-senti-blue-400' : 'text-senti-primary'}`}>
+            <span className="hidden md:inline">{tier === 'business' ? 'Corporate Intelligence' : 'AI Wealth Intelligence'}</span>
+            <span className="inline md:hidden">{tier === 'business' ? 'Senti Biz' : 'Senti AI'}</span>
           </h2>
-          <p className="text-[10px] text-senti-on-surface-variant uppercase tracking-tighter font-bold">Senti Model 4.5 • Ultra-Secure</p>
+          <p className="text-[9px] md:text-[10px] text-senti-on-surface-variant uppercase tracking-tighter font-bold">
+            Senti Model 4.5 • <span className="hidden sm:inline">Ultra-Secure • </span>{tier === 'business' ? 'Biz' : 'Personal'}
+          </p>
         </div>
       </div>
       
@@ -40,7 +43,7 @@ export default function TopBar({ onToggleSidebar }) {
       </div>
       
       <div className="flex items-center gap-2">
-        <button className="p-2 rounded-full hover:bg-senti-primary-container/10 transition-colors duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] btn-press">
+        <button className="hidden md:flex p-2 rounded-full hover:bg-senti-primary-container/10 transition-colors duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] btn-press">
           <span className="material-symbols-outlined text-senti-primary">share</span>
         </button>
         <button className="p-2 rounded-full hover:bg-senti-primary-container/10 transition-colors duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] btn-press">

frontend/src/app-personal-business/pages/FilesPage.jsx

@@ -88,7 +88,7 @@ export default function FilesPage() {
   const cardRadius = isBiz ? 'rounded-senti-business' : 'rounded-senti-personal'
 
   return (
-    <div className="p-6 md:p-8 max-w-5xl mx-auto space-y-8 overflow-y-auto h-[calc(100vh-64px)] pb-24 chat-scroll">
+    <div className="flex-1 min-h-0 overflow-y-auto p-6 md:p-8 max-w-5xl mx-auto space-y-8 pb-24 chat-scroll">
       
       {/* Header */}
       <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">

frontend/src/app-personal-business/pages/GoalsPage.jsx

@@ -95,7 +95,7 @@ export default function GoalsPage() {
   const cardRadius = isBiz ? 'rounded-senti-business' : 'rounded-senti-personal'
 
   return (
-    <div className="p-6 md:p-8 max-w-5xl mx-auto space-y-8 overflow-y-auto h-[calc(100vh-64px)] pb-24 chat-scroll">
+    <div className="flex-1 min-h-0 overflow-y-auto p-6 md:p-8 max-w-5xl mx-auto space-y-8 pb-24 chat-scroll">
       
       {/* Header */}
       <div className="flex flex-col md:flex-row md:items-center justify-between gap-4">

frontend/src/app-personal-business/pages/MemoryPage.jsx

@@ -64,7 +64,7 @@ export default function MemoryPage() {
   const cardRadius = isBiz ? 'rounded-senti-business' : 'rounded-senti-personal'
 
   return (
-    <div className="p-6 md:p-8 max-w-5xl mx-auto space-y-8 overflow-y-auto h-[calc(100vh-64px)] pb-24 chat-scroll">
+    <div className="flex-1 min-h-0 overflow-y-auto p-6 md:p-8 max-w-5xl mx-auto space-y-8 pb-24 chat-scroll">
       
       {/* Header */}
       <div className="flex items-center justify-between">

frontend/src/app-personal-business/pages/ProjectsPage.jsx

@@ -99,7 +99,7 @@ export default function ProjectsPage() {
   const cardRadius = isBiz ? 'rounded-senti-business' : 'rounded-senti-personal'
 
   return (
-    <div className="p-6 md:p-8 max-w-5xl mx-auto space-y-8 overflow-y-auto h-[calc(100vh-64px)] pb-24 chat-scroll">
+    <div className="flex-1 min-h-0 overflow-y-auto p-6 md:p-8 max-w-5xl mx-auto space-y-8 pb-24 chat-scroll">
       
       {/* Header */}
       <div className="flex items-center justify-between">

frontend/src/app-personal-business/pages/SettingsPage.jsx

@@ -85,7 +85,7 @@ export default function SettingsPage() {
   const tierBadgeText = isInst ? 'Institutional Tier' : (isBiz ? 'Enterprise Tier' : 'Premium Tier')
 
   return (
-    <div className="p-6 md:p-8 max-w-5xl mx-auto space-y-8 overflow-y-auto h-[calc(100vh-64px)] pb-24 chat-scroll">
+    <div className="flex-1 min-h-0 overflow-y-auto p-6 md:p-8 max-w-5xl mx-auto space-y-8 pb-24 chat-scroll">
       
       {/* Header */}
       <div className="flex items-center gap-3 mb-2">

senti/backend/api/main.py

@@ -695,6 +695,20 @@ async def reset_pin(body: ResetPinRequest, db: SessionLocal = Depends(get_db)):
     db.commit()
     return {"message": "PIN reset successfully. You can now log in."}
 
+@api_router.get("/admin/superpack-logs/{name}", tags=["admin"])
+async def get_superpack_log(name: str):
+    import os
+    safe_name = "".join(c for c in name if c.isalnum() or c == "_")
+    log_path = f"/tmp/superpack_{safe_name}.log"
+    if not os.path.exists(log_path):
+        return {"error": "Log file not found", "path": log_path}
+    try:
+        with open(log_path, "r", encoding="utf-8", errors="ignore") as f:
+            content = f.read()
+        return {"name": safe_name, "log": content[-10000:]}
+    except Exception as e:
+        return {"error": str(e)}
+
 # --- FOUR MODES FRAMEWORK ---
 class ResponseMode(Enum):
   ADVISOR = "advisor"

senti/start_superpacks.py

@@ -23,8 +23,9 @@ superpacks = {
 }
 
 processes = []
+process_info = {}  # p -> (name, log_path)
 
-# Ensure /tmp exists (always does on Unix-like, but just in case)
+# Ensure /tmp exists
 os.makedirs("/tmp", exist_ok=True)
 
 # Base directory is the parent of senti/
@@ -47,6 +48,7 @@ for name, port in superpacks.items():
                 cwd=base_dir
             )
             processes.append(p)
+            process_info[p] = (name, log_path)
         except Exception as e:
             print(f"[SUPERPACKS] Failed to start {name}: {e}")
     else:
@@ -58,11 +60,25 @@ print(f"[SUPERPACKS] Started {len(processes)} superpacks in background.")
 try:
     while True:
         time.sleep(10)
-        # Check if any process terminated and restart if needed, or just sleep
+        active_processes = []
         for p in processes:
             if p.poll() is not None:
                 # Process ended
-                print(f"[SUPERPACKS] WARNING: Process {p.pid} terminated with exit code {p.returncode}")
+                name, log_path = process_info.get(p, ("Unknown", ""))
+                print(f"[SUPERPACKS] WARNING: {name} (PID {p.pid}) terminated with exit code {p.returncode}")
+                if log_path and os.path.exists(log_path):
+                    print(f"--- {name} stdout/stderr log last 20 lines: ---")
+                    try:
+                        with open(log_path, "r", encoding="utf-8", errors="ignore") as lf:
+                            lines = lf.readlines()
+                            for line in lines[-20:]:
+                                print(f"  {line.rstrip()}")
+                    except Exception as le:
+                        print(f"  Failed to read log: {le}")
+                    print("------------------------------------------")
+            else:
+                active_processes.append(p)
+        processes = active_processes
 except KeyboardInterrupt:
     print("[SUPERPACKS] Terminating processes...")
     for p in processes: