From 989ee21b2414a574164d9871215cf32089edf7a7 Mon Sep 17 00:00:00 2001
From: Benji Peng <11394934+benjipeng@users.noreply.github.com>
Date: Tue, 10 Mar 2026 00:14:07 -0400
Subject: [PATCH]  ui: fix sessions table collapse on narrow widths (#12175)

Merged via squash.

Prepared head SHA: b1fcfba868fcfb7b9ee3496725921f3f38f58ac4
Co-authored-by: benjipeng <11394934+benjipeng@users.noreply.github.com>
Co-authored-by: BunsDev <68980965+BunsDev@users.noreply.github.com>
Reviewed-by: @BunsDev
---
 .pi/prompts/reviewpr.md                  | 15 +++++++--------
 CHANGELOG.md                             |  1 +
 src/node-host/runner.credentials.test.ts |  3 +++
 ui/src/styles/components.css             | 15 +++++++++++++++
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/.pi/prompts/reviewpr.md b/.pi/prompts/reviewpr.md
index e3ebc0dd9c6..1b8a20dda90 100644
--- a/.pi/prompts/reviewpr.md
+++ b/.pi/prompts/reviewpr.md
@@ -12,7 +12,6 @@ Do (review-only)
 Goal: produce a thorough review and a clear recommendation (READY FOR /landpr vs NEEDS WORK vs INVALID CLAIM). Do NOT merge, do NOT push, do NOT make changes in the repo as part of this command.
 
 0. Truthfulness + reality gate (required for bug-fix claims)
-
    - Do not trust the issue text or PR summary by default; verify in code and evidence.
    - If the PR claims to fix a bug linked to an issue, confirm the bug exists now (repro steps, logs, failing test, or clear code-path proof).
    - Prove root cause with exact location (`path/file.ts:line` + explanation of why behavior is wrong).
@@ -86,13 +85,13 @@ B) Claim verification matrix (required)
 
 - Fill this table:
 
-  | Field | Evidence |
-  |---|---|
-  | Claimed problem | ... |
-  | Evidence observed (repro/log/test/code) | ... |
-  | Root cause location (`path:line`) | ... |
-  | Why this fix addresses that root cause | ... |
-  | Regression coverage (test name or manual proof) | ... |
+  | Field                                           | Evidence |
+  | ----------------------------------------------- | -------- |
+  | Claimed problem                                 | ...      |
+  | Evidence observed (repro/log/test/code)         | ...      |
+  | Root cause location (`path:line`)               | ...      |
+  | Why this fix addresses that root cause          | ...      |
+  | Regression coverage (test name or manual proof) | ...      |
 
 - If any row is missing/weak, default to `NEEDS WORK` or `INVALID CLAIM`.
 
diff --git a/CHANGELOG.md b/CHANGELOG.md
index c19a5c2eda7..a786e384dc4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -45,6 +45,7 @@ Docs: https://docs.openclaw.ai
 - CLI/memory teardown: close cached memory search/index managers in the one-shot CLI shutdown path so watcher-backed memory caches no longer keep completed CLI runs alive after output finishes. (#40389) thanks @Julbarth.
 - Tools/web search: treat Brave `llm-context` grounding snippets as plain strings so `web_search` no longer returns empty snippet arrays in LLM Context mode. (#41387) thanks @zheliu2.
 - Telegram/exec approvals: reject `/approve` commands aimed at other bots, keep deterministic approval prompts visible when tool-result delivery fails, and stop resolved exact IDs from matching other pending approvals by prefix. (#37233) Thanks @huntharo.
+- Control UI/Sessions: restore single-column session table collapse on narrow viewport or container widths by moving the responsive table override next to the base grid rule and enabling inline-size container queries. (#12175) Thanks @benjipeng.
 
 ## 2026.3.8
 
diff --git a/src/node-host/runner.credentials.test.ts b/src/node-host/runner.credentials.test.ts
index 9c17c605421..6138a6b954e 100644
--- a/src/node-host/runner.credentials.test.ts
+++ b/src/node-host/runner.credentials.test.ts
@@ -76,6 +76,7 @@ describe("resolveNodeHostGatewayCredentials", () => {
     await withEnvAsync(
       {
         OPENCLAW_GATEWAY_TOKEN: undefined,
+        OPENCLAW_GATEWAY_PASSWORD: undefined,
         REMOTE_GATEWAY_TOKEN: "token-from-ref",
       },
       async () => {
@@ -91,6 +92,7 @@ describe("resolveNodeHostGatewayCredentials", () => {
     await withEnvAsync(
       {
         OPENCLAW_GATEWAY_TOKEN: "token-from-env",
+        OPENCLAW_GATEWAY_PASSWORD: undefined,
         REMOTE_GATEWAY_TOKEN: "token-from-ref",
       },
       async () => {
@@ -106,6 +108,7 @@ describe("resolveNodeHostGatewayCredentials", () => {
     await withEnvAsync(
       {
         OPENCLAW_GATEWAY_TOKEN: undefined,
+        OPENCLAW_GATEWAY_PASSWORD: undefined,
         MISSING_REMOTE_GATEWAY_TOKEN: undefined,
       },
       async () => {
diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index c7a6a425dc7..126972ca003 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1425,6 +1425,7 @@
 
 .table {
   display: grid;
+  container-type: inline-size;
   gap: 6px;
 }
 
@@ -1455,6 +1456,20 @@
   border-color: var(--border-strong);
 }
 
+@media (max-width: 1100px) {
+  .table-head,
+  .table-row {
+    grid-template-columns: 1fr;
+  }
+}
+
+@container (max-width: 1100px) {
+  .table-head,
+  .table-row {
+    grid-template-columns: 1fr;
+  }
+}
+
 .session-link {
   text-decoration: none;
   color: var(--accent);