- Control UI/chat: reconcile terminal and reconnect run cleanup with cached session activity, stale compaction/fallback indicators, and a compact composer run-status chip so completed or interrupted turns do not leave Stop active. Fixes #76874 and #64220; refs #71630. Thanks @BunsDev.

- Maintainer tooling: clarify which pnpm test/check commands are safe locally versus inside Codex worktrees, routing linked-worktree gates through node wrappers and Crabbox/Testbox.

- iOS/chat: resize PhotosPicker image attachments to capped JPEGs before staging and sending, stripping source metadata and keeping oversized camera photos under the chat upload budget. Fixes #68524. Thanks @BunsDev.

- Control UI: keep shared form, config, and usage text-entry controls at 16px on touch-primary devices while preserving chat composer input sizing, so iOS Safari no longer auto-zooms focused fields. Fixes #64651; carries forward #64673. Thanks @NianJiuZst and @BunsDev.

- Codex harness: classify native app-server token-refresh logout and relogin failures as authentication refresh errors, so users get re-authentication guidance instead of a raw runtime failure.

- Agents/trajectory: make the trajectory flush cleanup timeout configurable with `OPENCLAW_TRAJECTORY_FLUSH_TIMEOUT_MS`, preserving the 10s default while slower stores drain. Refs #75839. Thanks @BunsDev.

- Codex startup: treat selectable configured OpenAI agent models as Codex runtime requirements during plugin auto-enable, startup planning, and doctor install repair, so Anthropic-primary configs can still switch to OpenAI/Codex cleanly.

return readStyleSheet("ui/src/styles/chat/layout.css");

}

function readBaseCss(): string {

return readStyleSheet("ui/src/styles/base.css");

}

describe("chat layout styles", () => {

it("styles queued-message steering controls and pending indicators", () => {

const css = readLayoutCss();

it("keeps composer text scale-driven while preserving mobile input zoom safety", () => {

const css = readLayoutCss();

const baseCss = readBaseCss();

expect(baseCss).toContain(

"--control-ui-input-text-size: max(16px, calc(14px * var(--control-ui-text-scale)));",

);

expect(css).toContain("font-size: var(--control-ui-input-text-size);");

expect(css).toContain(".agent-chat__composer-combobox > textarea");

expect(css).toContain(".chat-compose .chat-compose__field textarea");

box-shadow var(--duration-fast) ease;

}

@media (hover: none) and (pointer: coarse) {

.field input,

.field textarea,

.field select {

font-size: 16px;

}

}

.field input:focus,

.field textarea:focus,

.field select:focus {

expect(css).toContain("outline-offset: 2px;");

expect(css).toContain(".agent-chip-input .chip-remove:disabled");

});

it("keeps touch-primary field controls large enough to avoid iOS focus zoom", () => {

const css = readComponentsCss();

expect(css).toMatch(

/@media \(hover: none\) and \(pointer: coarse\) \{[\s\S]*\.field input,[\s\S]*\.field textarea,[\s\S]*\.field select \{[\s\S]*font-size: 16px;/,

);

});

});

describe("sessions filter styles", () => {

border-color: var(--border);

}

@media (hover: none) and (pointer: coarse) {

.config-search__input,

.settings-theme-import__input,

.config-raw-field textarea,

.cfg-input,

.cfg-input--sm,

.cfg-textarea,

.cfg-textarea--sm,

.cfg-number__input,

.cfg-select {

font-size: 16px;

}

}

/* Segmented Control */

.cfg-segmented {

display: inline-flex;

import { describe, expect, it } from "vitest";

import { readStyleSheet } from "../../../test/helpers/ui-style-fixtures.js";

function readConfigCss(): string {

return readStyleSheet("ui/src/styles/config.css");

}

describe("config styles", () => {

it("keeps touch-primary config text controls large enough to avoid iOS focus zoom", () => {

const css = readConfigCss();

expect(css).toMatch(

/@media \(hover: none\) and \(pointer: coarse\) \{[\s\S]*\.config-search__input,[\s\S]*\.settings-theme-import__input,[\s\S]*\.config-raw-field textarea,[\s\S]*\.cfg-input,[\s\S]*\.cfg-input--sm,[\s\S]*\.cfg-textarea,[\s\S]*\.cfg-textarea--sm,[\s\S]*\.cfg-number__input,[\s\S]*\.cfg-select \{[\s\S]*font-size: 16px;/,

);

});

});

font-size: 12px;

}

@media (hover: none) and (pointer: coarse) {

.usage-date-input,

.usage-select,

.usage-query-input,

.usage-filters-inline select,

.usage-filters-inline input[type="text"] {

font-size: 16px;

}

}

.usage-query-input::placeholder {

color: var(--muted);

opacity: 0.7;

import { describe, expect, it } from "vitest";

import { readStyleSheet } from "../../../test/helpers/ui-style-fixtures.js";

function readUsageCss(): string {

return readStyleSheet("ui/src/styles/usage.css");

}

describe("usage styles", () => {

it("keeps touch-primary usage text controls large enough to avoid iOS focus zoom", () => {

const css = readUsageCss();

expect(css).toMatch(

/@media \(hover: none\) and \(pointer: coarse\) \{[\s\S]*\.usage-date-input,[\s\S]*\.usage-select,[\s\S]*\.usage-query-input,[\s\S]*\.usage-filters-inline select,[\s\S]*\.usage-filters-inline input\[type="text"\] \{[\s\S]*font-size: 16px;/,

);

});

});