ui: fix sessions table collapse on narrow widths (#12175)

Merged via squash.

Prepared head SHA: b1fcfba868
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

@@ -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 |
+  | Field                                           | Evidence |
-  |---|---|
+  | ----------------------------------------------- | -------- |
-  | Claimed problem | ... |
+  | Claimed problem                                 | ...      |
-  | Evidence observed (repro/log/test/code) | ... |
+  | Evidence observed (repro/log/test/code)         | ...      |
-  | Root cause location (`path:line`) | ... |
+  | Root cause location (`path:line`)               | ...      |
-  | Why this fix addresses that root cause | ... |
+  | Why this fix addresses that root cause          | ...      |
-  | Regression coverage (test name or manual proof) | ... |
+  | Regression coverage (test name or manual proof) | ...      |
 
 - If any row is missing/weak, default to `NEEDS WORK` or `INVALID CLAIM`.
 

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
 

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 () => {

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);