botschat 0.1.4 → 0.1.6

package/packages/web/src/index.css

@@ -75,6 +75,12 @@
 }
 
 /* ========== Base styles ========== */
+html, body {
+  /* App manages its own scroll containers; root elements should not scroll */
+  overflow: hidden;
+  height: 100%;
+}
+
 body {
   margin: 0;
   font-family: var(--font-sans);
@@ -158,6 +164,22 @@ code:not(pre code) {
 .no-scrollbar::-webkit-scrollbar { display: none; }
 .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
 
+/* ========== Resize handles ========== */
+/* Active state (dragging) — react-resizable-panels v4 uses data-separator + data-state */
+[data-state="dragging"] .resize-handle-line,
+.resize-handle:hover .resize-handle-line {
+  background: var(--text-link) !important;
+}
+
+[data-state="dragging"] .resize-handle-line {
+  width: 3px !important;
+}
+
+/* Vertical handles */
+[data-state="dragging"].resize-handle .resize-handle-line[class*="h-"] {
+  height: 3px !important;
+}
+
 /* Focus visible */
 *:focus-visible {
   outline: 2px solid var(--bg-active);
@@ -168,3 +190,40 @@ code:not(pre code) {
 body, .theme-transition {
   transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
 }
+
+/* ========== Mobile-specific ========== */
+@media (max-width: 767px) {
+  /* Prevent iOS rubber-band bounce on main container */
+  html, body {
+    overscroll-behavior: none;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  /* Full-height on mobile (accounts for address bar) */
+  html {
+    height: -webkit-fill-available;
+  }
+
+  body {
+    min-height: -webkit-fill-available;
+  }
+}
+
+/* Mobile screen transition */
+.mobile-screen-enter {
+  animation: slideInRight 0.2s ease-out;
+}
+
+.mobile-screen-exit {
+  animation: slideOutRight 0.2s ease-in;
+}
+
+@keyframes slideInRight {
+  from { transform: translateX(30%); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+
+@keyframes slideOutRight {
+  from { transform: translateX(0); opacity: 1; }
+  to { transform: translateX(30%); opacity: 0; }
+}

package/packages/web/src/main.tsx

@@ -8,3 +8,12 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
     <App />
   </React.StrictMode>,
 );
+
+// Register service worker for PWA support (standalone mode on mobile)
+if ("serviceWorker" in navigator) {
+  window.addEventListener("load", () => {
+    navigator.serviceWorker.register("/sw.js").catch(() => {
+      // SW registration failed — non-critical, app still works
+    });
+  });
+}

package/packages/web/src/store.ts

@@ -155,15 +155,22 @@ export function appReducer(state: AppState, action: AppAction): AppState {
       return { ...state, selectedChannelId: action.channelId, sessions: [], selectedSessionId: null, tasks: [], selectedTaskId: null, jobs: [], selectedJobId: null, messages: [] };
     case "SET_SESSIONS":
       return { ...state, sessions: action.sessions };
-    case "SELECT_SESSION":
+    case "SELECT_SESSION": {
+      const nextSessionKey = action.sessionKey ?? state.selectedSessionKey;
+      const sessionChanged = nextSessionKey !== state.selectedSessionKey;
       return {
         ...state,
         selectedSessionId: action.sessionId,
-        selectedSessionKey: action.sessionKey ?? state.selectedSessionKey,
-        messages: [],
-        activeThreadId: null,
-        threadMessages: [],
+        selectedSessionKey: nextSessionKey,
+        // Only clear messages when the session actually changes;
+        // otherwise keep whatever was already loaded to avoid the
+        // race where SELECT_SESSION arrives *after* SET_MESSAGES
+        // (e.g. session-list API returns after message-list API).
+        messages: sessionChanged ? [] : state.messages,
+        activeThreadId: sessionChanged ? null : state.activeThreadId,
+        threadMessages: sessionChanged ? [] : state.threadMessages,
       };
+    }
     case "ADD_SESSION":
       return { ...state, sessions: [...state.sessions, action.session] };
     case "REMOVE_SESSION":

package/packages/web/src/ws.ts

@@ -31,6 +31,8 @@ export class BotsChatWSClient {
   connect(): void {
     this.intentionalClose = false;
     const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+    // Token is NOT included in the URL to avoid leaking it in logs/history.
+    // Authentication is handled via the "auth" message after connection.
     const url = `${protocol}//${window.location.host}/api/ws/${this.opts.userId}/${this.opts.sessionId}`;
 
     dlog.info("WS", `Connecting to ${url}`);

package/scripts/dev.sh

@@ -54,11 +54,11 @@ do_build_web() {
 do_start() {
   kill_port 8787
   info "Starting wrangler dev on 0.0.0.0:8787…"
-  exec npx wrangler dev --config wrangler.toml --ip 0.0.0.0
+  exec npx wrangler dev --config wrangler.toml --ip 0.0.0.0 --var ENVIRONMENT:development
 }
 
 do_sync_plugin() {
-  local REMOTE="YinTong@mini.local"
+  local REMOTE="mini.local"
   local REMOTE_DIR="~/Projects/botsChat/packages/plugin"
 
   info "Syncing plugin to $REMOTE…"
@@ -66,20 +66,20 @@ do_sync_plugin() {
     packages/plugin/ "$REMOTE:$REMOTE_DIR/"
   ok "Plugin files synced"
 
-  info "Building plugin + restarting gateway on mini.local…"
-  ssh "$REMOTE" "$(cat <<'REMOTE_SCRIPT'
-export PATH="/opt/homebrew/bin:$PATH"
+  info "Building plugin, deploying to extensions, restarting gateway on mini.local…"
+  ssh "$REMOTE" 'export PATH="/opt/homebrew/bin:$PATH"
 cd ~/Projects/botsChat/packages/plugin
 npm run build
-echo "--- Plugin build OK ---"
+EXT_DIR=~/.openclaw/extensions/botschat
+rsync -av --delete dist/ "$EXT_DIR/dist/"
+rsync -av bin/ "$EXT_DIR/bin/" 2>/dev/null || true
+cp -f package.json openclaw.plugin.json "$EXT_DIR/" 2>/dev/null || true
+echo "--- Deployed to $EXT_DIR ---"
 pkill -9 -f openclaw-gateway 2>/dev/null || true
 sleep 3
-nohup openclaw gateway run --bind loopback --port 18789 --force \
-  > /tmp/openclaw-gateway.log 2>&1 &
-echo "Gateway restarted (PID=$!)"
-REMOTE_SCRIPT
-)"
-  ok "Plugin synced and gateway restarted"
+nohup openclaw gateway run --bind loopback --port 18789 --force > /tmp/openclaw-gateway.log 2>&1 &
+echo "Gateway restarted (PID=$!)"'
+  ok "Plugin synced, deployed to extensions, gateway restarted"
 
   sleep 4
   info "Checking connection…"
@@ -88,7 +88,7 @@ REMOTE_SCRIPT
 
 do_logs() {
   info "Tailing gateway logs on mini.local…"
-  ssh YinTong@mini.local 'tail -f /tmp/openclaw-gateway.log'
+  ssh mini.local 'tail -f /tmp/openclaw-gateway.log'
 }
 
 # ── Main ─────────────────────────────────────────────────────────────

package/wrangler.toml

@@ -33,9 +33,11 @@ new_sqlite_classes = ["ConnectionDO"]
 
 # --- Environment Variables ---
 [vars]
-ENVIRONMENT = "development"
+ENVIRONMENT = "production"
 # Firebase project ID for Google/GitHub Sign-In token verification.
 FIREBASE_PROJECT_ID = "botschat-130ff"
+# IMPORTANT: For production, set JWT_SECRET via `wrangler secret put JWT_SECRET`.
+# The app will refuse to start in non-development mode without it.
 
 # --- Dev settings ---
 [dev]