From de61851eb53fa12b53c2d7b4f8e5b1a56f27ec26 Mon Sep 17 00:00:00 2001
From: yujiezhang-ops <yujie.zhang@novita.ai>
Date: Thu, 6 Aug 2026 11:16:31 +0800
Subject: [PATCH] fix: free the covered sidebar controls, unify selects, give
 OpenClaw a mark

Three reported problems, verified in the running app before changing anything.

The language picker was not missing, it was unreachable. .task-center is
position: fixed at the viewport's lower-left corner and contributes no
height to the sidebar's flex column, so the rows margin-top: auto pushes to
the bottom ended up underneath it: rendered, visible, in the accessibility
tree, and taking no clicks. elementFromPoint at the select's centre returned
the overlay's SPAN. The theme row survived only because it cleared the
overlay by 2px, which is why this read as one button disappearing rather
than a dead strip along the bottom.

The sidebar now reserves --task-center-reserve at its bottom edge. Three
numbers have to agree to avoid the collision -- the trigger's height, its
viewport offset, and the gap -- so they live in one token instead of as
separate magic numbers, and nudging bottom or z-index to dodge would only
move the collision to a different window height.

Selects are unified. All four were appearance: auto with no
appearance: none anywhere in the stylesheets, so they rendered as native
macOS controls here and as something else again on Windows and Linux while
the rest of the UI stayed consistent. They now share one rule with a drawn
arrow and the existing tokens. Two consequences worth knowing: the open
<option> list stays OS-drawn because CSS cannot reach it, so this unifies
the closed state only; and the three per-picker rules had to move from the
background shorthand to background-color, since the shorthand silently
resets the arrow image.

OpenClaw gets a real mark, with the compliance caveats stated rather than
buried. No official vector is published, so the artwork is the lobster
cc-switch drew (MIT, Copyright (c) 2025 Jason Young), recoloured here from a
red gradient to a single currentColor glyph so it adapts to the theme like
the other four. The eyes became a mask cut-out rather than a filled shape,
or they would have merged into the body once everything shared one colour.
Geometry is untouched: the viewBox is still 120x120, and normalising it to
24 would be the re-drawing the geometry test exists to prevent.

MIT permits the change and requires it to be stated, so the statement
travels with the artifact: asset-rights.json carries modified: true with the
specifics, the cc-switch licence ships under icons/licenses/cc-switch/, and
THIRD_PARTY_NOTICES.md gained a "Modified third-party material" section --
the notices file is what reaches the user, so a note only in the source
manifest would not discharge the requirement. The generator now refuses to
build a manifest where modified is set without a note.

NOTICE is corrected alongside it. It still claimed OpenClaw used a generic
Lucide symbol and that every image asset was unmodified.

The clickability regression is an e2e test, not a unit test: jsdom reports
every rect as 0x0, and asserting display or visibility would have passed
throughout because both were correct the whole time. It hit-tests every
bottom sidebar control at both sidebar widths and then clicks with a real
pointer, since dispatching events directly -- what selectOption does -- also
passed while the control was covered. It was written before the CSS fix
landed and failed on the real collision first.

Verified: go vet, go test, 24 frontend test files / 166 tests,
tsc --noEmit, check-docs.py, licence --check, and vite build. Measured in
the browser at 1180x760 and 860x600: the reserved space clears the overlay
by 29px at both, every control hit-tests to itself, arrows resolve to
--icon-fg per theme, and the mark rasterises to exactly one colour with
alpha 0 at both eyes. Two pre-existing e2e failures are unrelated and fail
identically on a stashed tree.

Closes #54, #55, #56.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 NOTICE                                        | 27 +++++----
 frontend/e2e/wails.spec.ts                    | 45 +++++++++++++++
 frontend/src/components/icons/agents.test.tsx | 45 +++++++++++++--
 frontend/src/components/icons/agents.tsx      | 57 +++++++++++++------
 .../src/components/icons/asset-rights.json    | 10 ++++
 .../src/components/icons/assets/openclaw.svg  |  1 +
 .../icons/licenses/cc-switch/LICENSE          | 21 +++++++
 frontend/src/styles/app.css                   | 45 ++++++++++++---
 frontend/src/styles/base.css                  | 33 +++++++++++
 frontend/src/styles/tokens.css                |  7 +++
 scripts/generate_third_party_licenses.py      | 26 +++++++++
 third_party/THIRD_PARTY_NOTICES.md            |  8 +++
 third_party/licenses/assets/openclaw/LICENSE  | 21 +++++++
 third_party/manifest.json                     | 31 ++++++++++
 14 files changed, 335 insertions(+), 42 deletions(-)
 create mode 100644 frontend/src/components/icons/assets/openclaw.svg
 create mode 100644 frontend/src/components/icons/licenses/cc-switch/LICENSE
 create mode 100644 third_party/licenses/assets/openclaw/LICENSE

diff --git a/NOTICE b/NOTICE
index 393af171..7d83f8e7 100644
--- a/NOTICE
+++ b/NOTICE
@@ -41,20 +41,27 @@ Third-party trademarks
 ================================================================================
 
 The application identifies supported Agents in a row using either a generic
-OneAgent UI symbol or a separately audited image asset. Generic Lucide symbols
-are used for Aider and OpenClaw, so no website favicon is copied into the
-release: neither has a mark in lobe-icons, and the only SVG of OpenClaw's logo
-in circulation was drawn by an unrelated project, which conveys no right to
-redistribute it. The four retained image assets, for Codex, Claude Code,
-OpenCode, and Kilo CLI, are listed with source, license, owner, and SHA-256 in
+OneAgent UI symbol or a separately audited image asset. A generic Lucide symbol
+is used for Aider, which has no mark in lobe-icons, so no website favicon is
+copied into the release. The five retained image assets are listed with source,
+license, owner, and SHA-256 in
 frontend/src/components/icons/asset-rights.json.
 
+Four of those five -- for Codex, Claude Code, OpenCode, and Kilo CLI -- come
+from lobe-icons and are redistributed unmodified. The fifth, for OpenClaw, is
+not the vendor's own artwork: no official vector is published, so the mark is
+the lobster drawn by the cc-switch project (MIT, Copyright (c) 2025 Jason
+Young), and OneAgent has modified it. The red gradient, the coloured antenna
+stroke, and the cyan eye highlights were removed so the mark is a single glyph
+painted with fill="currentColor"; its geometry is unchanged. That modification
+is recorded in the manifest entry, and the cc-switch license text travels with
+it at frontend/src/components/icons/licenses/cc-switch/LICENSE.
+
 The Agent marks described above are nominative use: the labels identify the
 referenced products and do not imply endorsement, affiliation or sponsorship.
-The image assets keep their published geometry and are not re-drawn. Each is
-distributed as a single-colour glyph painted with fill="currentColor", so it
-takes the surrounding text colour by design rather than carrying a brand colour
-that is being altered.
+Every mark is distributed as a single-colour glyph painted with
+fill="currentColor", so it takes the surrounding text colour rather than
+carrying a brand colour.
 
 Sponsor marks are a separate case and are not nominative use. The PPIO and
 Novita logos under docs/assets/sponsors/ are reproduced with each owner's
diff --git a/frontend/e2e/wails.spec.ts b/frontend/e2e/wails.spec.ts
index 735a7722..3f1bd995 100644
--- a/frontend/e2e/wails.spec.ts
+++ b/frontend/e2e/wails.spec.ts
@@ -12,6 +12,51 @@ test("language selection switches to English and persists", async ({ page }) =>
   await expect(page.getByRole("combobox", { name: "Language" })).toHaveValue("en");
 });
 
+// The task centre is position: fixed at the viewport's lower-left corner, so it
+// takes no space in the sidebar's flex column. When the sidebar did not reserve
+// room for it, the rows margin-top: auto pushes to the bottom ended up
+// underneath: still rendered, still visible, still in the accessibility tree,
+// with every click landing on the overlay. The language picker was the one that
+// lost, because the theme row cleared it by 2px.
+//
+// This has to be an e2e test. jsdom reports every rect as 0x0, so a unit test
+// cannot see the collision, and asserting display or visibility would have
+// passed throughout -- both were correct the whole time.
+test("every sidebar control at the bottom is actually clickable", async ({ page }) => {
+  // Both sidebar widths: 204px above the 900px breakpoint, and the 72px icon
+  // rail below it, where the task centre and the selects change size.
+  for (const viewport of [{ width: 1180, height: 760 }, { width: 860, height: 600 }]) {
+    await page.setViewportSize(viewport);
+    await page.goto("/#/overview");
+    const label = `${viewport.width}x${viewport.height}`;
+
+    const covered = await page.evaluate(() => {
+      const selectors = [".theme-picker select", ".language-select-wide", ".language-select-compact", ".task-center-trigger"];
+      const blocked: Array<{ selector: string; coveredBy: string }> = [];
+      for (const selector of selectors) {
+        const element = document.querySelector(selector);
+        if (!element) continue;
+        const box = element.getBoundingClientRect();
+        // The sidebar swaps the wide and compact selects per breakpoint; the
+        // hidden one of the pair is not a failure.
+        if (box.width === 0 || box.height === 0) continue;
+        const hit = document.elementFromPoint(box.left + box.width / 2, box.top + box.height / 2);
+        if (hit !== element && !element.contains(hit)) {
+          blocked.push({ selector, coveredBy: hit ? `${hit.tagName}.${hit.className}` : "nothing" });
+        }
+      }
+      return blocked;
+    });
+    expect(covered, `controls covered at ${label}`).toEqual([]);
+
+    // A real pointer click, not selectOption: the regression was that the
+    // element stayed reachable programmatically while being unreachable by
+    // pointer, so dispatching events directly would have passed.
+    await page.locator(".language-select-wide, .language-select-compact").locator("visible=true").click({ timeout: 2000 });
+    await page.keyboard.press("Escape");
+  }
+});
+
 test("a machine with no OneAgent state opens onboarding from the landing route", async ({ page }) => {
   await page.goto("/#/");
   await expect(page.getByRole("heading", { name: "选择命令行 Agent" })).toBeVisible();
diff --git a/frontend/src/components/icons/agents.test.tsx b/frontend/src/components/icons/agents.test.tsx
index ca418367..64df46a3 100644
--- a/frontend/src/components/icons/agents.test.tsx
+++ b/frontend/src/components/icons/agents.test.tsx
@@ -28,7 +28,7 @@ describe("AgentIcon", () => {
     // set rather than one example is what makes an unregistered mark fail here:
     // shipping artwork without a source, licence and hash is the defect.
     const assetIds = AGENT_ICON_IDS.filter((id) => agentMarkKind(id) === "asset");
-    expect(assetIds.sort()).toEqual(["claude-code", "codex", "kilo-cli", "opencode"]);
+    expect(assetIds.sort()).toEqual(["claude-code", "codex", "kilo-cli", "openclaw", "opencode"]);
     for (const id of assetIds) {
       const rights = agentMarkRights(id);
       expect(agentMarkKind(id)).toBe("asset");
@@ -100,12 +100,47 @@ describe("AgentIcon", () => {
   });
 
   it("keeps the published geometry of every licensed mark", () => {
-    // The compliance note in agents.tsx states the marks are not re-drawn.
-    // The viewBox is the check: inlining must not rescale or crop the artwork.
-    for (const id of AGENT_ICON_IDS.filter((value) => agentMarkKind(value) === "asset")) {
+    // The compliance note in agents.tsx states the marks are not re-drawn. The
+    // viewBox is the check: inlining must not rescale or crop the artwork.
+    //
+    // Each mark is checked against its own source coordinate system rather than
+    // one shared value. The four vendor marks come from lobe-icons at 24x24;
+    // OpenClaw's is the cc-switch drawing at 120x120, and normalising it to 24
+    // would be the re-drawing this test exists to prevent. The recolouring
+    // recorded in asset-rights.json does not touch geometry.
+    const PUBLISHED_VIEWBOX: Record<string, string> = {
+      codex: "0 0 24 24",
+      opencode: "0 0 24 24",
+      "claude-code": "0 0 24 24",
+      "kilo-cli": "0 0 24 24",
+      openclaw: "0 0 120 120",
+    };
+    const assetIds = AGENT_ICON_IDS.filter((value) => agentMarkKind(value) === "asset");
+    // Guards the map itself: a new asset with no entry would otherwise be skipped
+    // rather than reported.
+    expect(Object.keys(PUBLISHED_VIEWBOX).sort()).toEqual([...assetIds].sort());
+    for (const id of assetIds) {
       const { container } = render(<AgentIcon agentId={id} />);
       const svg = container.querySelector('[data-mark-kind="asset"] svg');
-      expect(svg!.getAttribute("viewBox"), id).toBe("0 0 24 24");
+      expect(svg!.getAttribute("viewBox"), id).toBe(PUBLISHED_VIEWBOX[id]);
+    }
+  });
+
+  it("records that the one modified asset was modified", () => {
+    // MIT lets a copy be changed, but the change has to be stated. OpenClaw's
+    // mark was recoloured from a red gradient to currentColor, so shipping it as
+    // if it were untouched vendor artwork is the defect this catches -- in both
+    // directions, since claiming an unmodified mark was modified is also wrong.
+    for (const id of AGENT_ICON_IDS.filter((value) => agentMarkKind(value) === "asset")) {
+      const rights = agentMarkRights(id)!;
+      if (id === "openclaw") {
+        expect(rights.modified, id).toBe(true);
+        expect(rights.modificationNote, id).toMatch(/currentColor/);
+        // Not the vendor's own artwork, so the owner must not read as OpenClaw's.
+        expect(rights.copyrightOwner, id).toMatch(/cc-switch/);
+      } else {
+        expect("modified" in rights, `${id} should not claim a modification`).toBe(false);
+      }
     }
   });
 
diff --git a/frontend/src/components/icons/agents.tsx b/frontend/src/components/icons/agents.tsx
index f2313bb7..4efb1c3d 100644
--- a/frontend/src/components/icons/agents.tsx
+++ b/frontend/src/components/icons/agents.tsx
@@ -2,23 +2,27 @@
  * Agent marks used to identify rows in OneAgent.
  *
  * Five image assets are shipped because their exact source, MIT license text,
- * copyright owner, and SHA-256 are tracked in asset-rights.json. Agents whose
- * published artwork does not have an auditable redistribution basis use generic
- * Lucide marks instead; those marks identify a row without copying a vendor
- * favicon into the release.
+ * copyright owner, and SHA-256 are tracked in asset-rights.json. An Agent with
+ * no such basis uses a generic Lucide mark instead, which identifies a row
+ * without copying a vendor favicon into the release.
  *
  * Trademark note: the labels identify which Agent a row refers to. The generic
- * marks are OneAgent UI symbols, not vendor artwork. The licensed marks keep
- * their published geometry unchanged; none is restyled or re-drawn. Each is
- * distributed as a single-colour glyph painted with fill="currentColor", so it
- * takes the surrounding text colour by design rather than carrying a brand
- * colour we would be altering -- that is what makes them legible on both
- * themes.
+ * marks are OneAgent UI symbols, not vendor artwork. Every mark is a
+ * single-colour glyph painted with fill="currentColor", so it takes the
+ * surrounding text colour rather than carrying a brand colour -- that is what
+ * makes the set legible on both themes.
+ *
+ * Four of the five are the vendors' own artwork, redistributed with their
+ * published geometry unchanged and not re-drawn. OpenClaw is the exception on
+ * both counts: no official vector exists, so the mark is the lobster the
+ * cc-switch project drew, and OneAgent recoloured it from a red gradient to a
+ * single currentColor glyph to match the set. Its geometry is still unchanged.
+ * asset-rights.json carries `modified: true` and the specifics, because MIT
+ * requires a modified copy to travel with its licence and state the change.
  */
 import {
   Bot,
   GitBranch,
-  Waypoints,
   type LucideIcon
 } from "lucide-react";
 
@@ -28,9 +32,20 @@ import assetRightsManifest from "./asset-rights.json";
 import claudeCodeMark from "./assets/claude-code.svg?raw";
 import codexMark from "./assets/codex.svg?raw";
 import kiloCliMark from "./assets/kilo-cli.svg?raw";
+import openclawMark from "./assets/openclaw.svg?raw";
 import opencodeMark from "./assets/opencode.svg?raw";
 
-type AssetRights = (typeof assetRightsManifest.assets)[keyof typeof assetRightsManifest.assets];
+/**
+ * The union of every manifest entry, widened so the two fields that exist only
+ * on a modified asset are readable without narrowing at each use. They stay
+ * optional: `modified` present and true is the claim, and its absence is the
+ * claim that the artwork is untouched -- a distinction agents.test.tsx asserts
+ * in both directions.
+ */
+type AssetRights = (typeof assetRightsManifest.assets)[keyof typeof assetRightsManifest.assets] & {
+  modified?: boolean;
+  modificationNote?: string;
+};
 type AssetMark = { kind: "asset"; markup: string; source: string; rights: AssetRights };
 type GenericMark = { kind: "generic"; Icon: LucideIcon; source: string };
 type Mark = AssetMark | GenericMark;
@@ -65,12 +80,18 @@ const MARKS: Record<string, Mark> = {
   // Aider has no mark in lobe-icons, so it keeps a generic symbol rather than a
   // vendor favicon copied in without an auditable redistribution basis.
   aider: { kind: "generic", Icon: GitBranch, source: GENERIC_SOURCE },
-  // OpenClaw's real logo is a lobster, and the only SVG version available is one
-  // CC Switch drew itself (see docs/internal/cc-switch-reference-notes.md) -- a
-  // third party's redrawing is not the vendor's artwork and gives OneAgent no
-  // right to redistribute it. lobe-icons has no OpenClaw mark either, so it takes
-  // a generic symbol until an official asset with a licence appears.
-  openclaw: { kind: "generic", Icon: Waypoints, source: GENERIC_SOURCE },
+  // Unlike the four above, this mark is not the vendor's own artwork: it is the
+  // lobster the cc-switch project drew, MIT, and OneAgent recoloured it to a
+  // single currentColor glyph so it adapts to the theme like the rest of the set.
+  // asset-rights.json records both facts, because MIT requires a modified copy to
+  // carry its licence and state the change. lobe-icons has no OpenClaw mark, and
+  // no official vector exists to prefer instead.
+  openclaw: {
+    kind: "asset",
+    markup: openclawMark,
+    source: assetRightsManifest.assets.openclaw.source,
+    rights: assetRightsManifest.assets.openclaw,
+  },
 };
 
 /** One-line positioning shown on hover; never a restatement of the name. */
diff --git a/frontend/src/components/icons/asset-rights.json b/frontend/src/components/icons/asset-rights.json
index 71c859fc..d0041c86 100644
--- a/frontend/src/components/icons/asset-rights.json
+++ b/frontend/src/components/icons/asset-rights.json
@@ -32,6 +32,16 @@
       "licenseSource": "licenses/lobehub/LICENSE",
       "copyrightOwner": "LobeHub contributors",
       "sha256": "a2aef0e0bb992ebe768bfb8c3a3ab6ff2c2638448b09dd88db27877de1c07a22"
+    },
+    "openclaw": {
+      "file": "assets/openclaw.svg",
+      "source": "https://github.com/farion1231/cc-switch/blob/main/src/icons/extracted/claw.svg",
+      "license": "MIT",
+      "licenseSource": "licenses/cc-switch/LICENSE",
+      "copyrightOwner": "Jason Young (cc-switch contributors)",
+      "sha256": "9eac78bcfa8e106ed3267293235281743e161b5accf2ff5c676700b64cfcdbbc",
+      "modified": true,
+      "modificationNote": "Recoloured to a single currentColor glyph for theme adaptation: the linearGradient (#ff4d4d to #991b1b), the antenna stroke colour and the cyan eye highlights were removed, and the eyes became a mask cut-out. Geometry is unchanged. Not an official OpenClaw mark; drawn by the cc-switch project."
     }
   }
 }
diff --git a/frontend/src/components/icons/assets/openclaw.svg b/frontend/src/components/icons/assets/openclaw.svg
new file mode 100644
index 00000000..29d5bd9b
--- /dev/null
+++ b/frontend/src/components/icons/assets/openclaw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="1em" height="1em" fill="currentColor" style="flex:none;line-height:1"><title>OpenClaw</title><mask id="openclaw-eyes"><rect width="120" height="120" fill="#fff"/><circle cx="45" cy="35" r="6" fill="#000"/><circle cx="75" cy="35" r="6" fill="#000"/></mask><g mask="url(#openclaw-eyes)"><path d="M60 10 C30 10 15 35 15 55 C15 75 30 95 45 100 L45 110 L55 110 L55 100 C55 100 60 102 65 100 L65 110 L75 110 L75 100 C90 95 105 75 105 55 C105 35 90 10 60 10Z"/><path d="M20 45 C5 40 0 50 5 60 C10 70 20 65 25 55 C28 48 25 45 20 45Z"/><path d="M100 45 C115 40 120 50 115 60 C110 70 100 65 95 55 C92 48 95 45 100 45Z"/><path d="M45 15 Q35 5 30 8" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"/><path d="M75 15 Q85 5 90 8" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></g></svg>
diff --git a/frontend/src/components/icons/licenses/cc-switch/LICENSE b/frontend/src/components/icons/licenses/cc-switch/LICENSE
new file mode 100644
index 00000000..d84c4f73
--- /dev/null
+++ b/frontend/src/components/icons/licenses/cc-switch/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Jason Young
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
index ba4b14be..b1aba27d 100644
--- a/frontend/src/styles/app.css
+++ b/frontend/src/styles/app.css
@@ -13,9 +13,14 @@
   background: var(--window-bg);
 }
 
+/* The bottom padding clears the viewport-docked task centre. It is not spacing:
+   .task-center is position: fixed and contributes no height here, so without it
+   the theme and language rows -- pushed down by margin-top: auto -- sit behind
+   the overlay. They stay visible and focusable while every click lands on the
+   overlay instead, which reads as a control that vanished. */
 .navigation-sidebar {
   min-height: 0;
-  padding: 22px 12px 16px;
+  padding: 22px 12px calc(16px + var(--task-center-reserve));
   display: flex;
   flex-direction: column;
   border-right: 1px solid var(--border);
@@ -123,13 +128,18 @@
   flex: 1;
 }
 
+/* background-color, not the background shorthand: the shorthand resets the arrow
+   image base.css sets on every select. Same below for the language picker and
+   the Provider picker. */
 .theme-picker select {
   width: 82px;
   min-width: 0;
-  padding: 5px 6px;
+  padding: 5px 22px 5px 6px;
   border: 1px solid var(--border);
   border-radius: var(--radius-control);
-  background: var(--window-bg);
+  background-color: var(--window-bg);
+  background-position: right 5px center;
+  background-size: 11px 11px;
   color: var(--text-primary);
   font: inherit;
 }
@@ -141,10 +151,12 @@
 .language-picker select {
   width: 82px;
   min-width: 0;
-  padding: 5px 6px;
+  padding: 5px 22px 5px 6px;
   border: 1px solid var(--border);
   border-radius: var(--radius-control);
-  background: var(--window-bg);
+  background-color: var(--window-bg);
+  background-position: right 5px center;
+  background-size: 11px 11px;
   color: var(--text-primary);
   font: inherit;
 }
@@ -637,11 +649,11 @@
 .provider-picker select {
   width: 100%;
   min-height: 42px;
-  padding: 0 12px;
+  padding: 0 30px 0 12px;
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-control);
   color: var(--text-primary);
-  background: var(--window-bg);
+  background-color: var(--window-bg);
 }
 
 .provider-picker select:focus {
@@ -1016,11 +1028,26 @@
   .sidebar-link.is-active::before { left: -12px; }
   .language-picker { padding: 0; }
   .language-select-wide { display: none; }
-  .language-select-compact { display: block; width: 48px; padding-inline: 3px; font-size: 10px; }
+  .language-select-compact { display: block; }
 
   /* Centre what is left, now that the flex: 1 spacer spans are gone. */
   .theme-picker { padding: 0; justify-content: center; }
-  .theme-picker select { width: 48px; padding-inline: 3px; font-size: 10px; }
+
+  /* 48px of column has no room for both the value and the arrow, so the arrow
+     goes and the value keeps the width. Position and behaviour still identify
+     the control as a select, and its aria-label is unchanged.
+
+     Both selectors are (0,1,1), matching `.language-picker select` in the base
+     layer. Written as `.language-picker .language-select-compact` rather than the
+     bare class because that base rule would otherwise win on specificity and
+     keep the wide padding, leaving the arrow's 22px gap with no arrow in it. */
+  .language-picker .language-select-compact,
+  .theme-picker select {
+    width: 48px;
+    padding-inline: 3px;
+    font-size: 10px;
+    background-image: none;
+  }
 }
 
 @media (max-height: 760px) {
diff --git a/frontend/src/styles/base.css b/frontend/src/styles/base.css
index c5030668..ac794bbb 100644
--- a/frontend/src/styles/base.css
+++ b/frontend/src/styles/base.css
@@ -127,6 +127,39 @@ button:active:not(:disabled) {
   outline: none;
 }
 
+/* Every select in the app, so the closed control matches the buttons and text
+   fields beside it instead of whatever the OS draws. Without this the pickers
+   rendered as native macOS controls here and as something else again on Windows
+   and Linux, while the rest of the UI stayed consistent.
+
+   The open <option> list stays OS-drawn -- CSS cannot reach it -- so this
+   unifies the closed state only. Matching the open list too would mean a custom
+   component reimplementing keyboard navigation and the accessibility tree,
+   which is not worth it for three pickers.
+
+   The arrow is a background image because <select> does not render pseudo
+   elements. Its stroke is a literal colour: a data URI cannot read a custom
+   property, so the value is repeated per theme below and tracks --icon-fg. */
+select {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233a3a3c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5l4-4'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 7px center;
+  background-size: 13px 13px;
+  cursor: pointer;
+  transition: border-color 140ms ease, box-shadow 140ms ease;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.theme-light) select {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d1d1d6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5l4-4'/%3E%3C/svg%3E");
+  }
+}
+
+:root.theme-dark select {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d1d1d6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5l4-4'/%3E%3C/svg%3E");
+}
+
 .field-stack {
   display: grid;
   gap: 7px;
diff --git a/frontend/src/styles/tokens.css b/frontend/src/styles/tokens.css
index 49e523a9..4eefeb13 100644
--- a/frontend/src/styles/tokens.css
+++ b/frontend/src/styles/tokens.css
@@ -40,6 +40,13 @@
   --radius-window: 12px;
   --sidebar-width: 232px;
   --footer-height: 68px;
+  /* The task centre is position: fixed, so it contributes no height to the
+     sidebar's flex column. The sidebar reserves this much at its bottom instead,
+     or the rows margin-top: auto pushes down end up underneath it -- which is
+     what made the language picker impossible to click. Collapsed trigger height
+     (34px) plus its offset from the viewport (16px) plus a 10px gap; changing
+     any of those means changing this. */
+  --task-center-reserve: 60px;
 }
 
 /* The dark palette is declared twice below, once per selector, because CSS has
diff --git a/scripts/generate_third_party_licenses.py b/scripts/generate_third_party_licenses.py
index 5685e83e..c3ca06ed 100755
--- a/scripts/generate_third_party_licenses.py
+++ b/scripts/generate_third_party_licenses.py
@@ -52,6 +52,11 @@ class Dependency:
     license: str
     platforms: tuple[str, ...]
     license_files: tuple[str, ...]
+    # Set only for a dependency OneAgent ships in altered form. MIT and similar
+    # permissive licences allow the change but require it to be stated, and this
+    # file is what reaches the user, so the statement has to be here rather than
+    # only in the source manifest. Empty means redistributed unmodified.
+    modification: str = ""
 
     def as_json(self) -> dict[str, Any]:
         return dataclasses.asdict(self)
@@ -218,6 +223,14 @@ def collect_asset_dependencies(output: Path) -> list[Dependency]:
             destination_directory=output / "licenses" / "assets" / safe_component(name),
             relative_root=output,
         )
+        # An asset may be shipped altered, so long as the change is declared.
+        # Requiring the note whenever the flag is set keeps "modified: true" from
+        # reaching the notices as an unexplained assertion.
+        modification = ""
+        if rights.get("modified"):
+            modification = str(rights.get("modificationNote", "")).strip()
+            if not modification:
+                raise RuntimeError(f"asset {name} is marked modified but records no modificationNote")
         dependencies.append(
             Dependency(
                 ecosystem="asset",
@@ -226,6 +239,7 @@ def collect_asset_dependencies(output: Path) -> list[Dependency]:
                 license=str(rights["license"]),
                 platforms=("frontend",),
                 license_files=copied,
+                modification=modification,
             )
         )
     return dependencies
@@ -281,6 +295,18 @@ def render_notice(dependencies: Iterable[Dependency]) -> str:
             f"| {dependency.ecosystem} | `{dependency.name}` | `{dependency.version}` | "
             f"{platforms} | {dependency.license} | {files} |"
         )
+    modified = [dependency for dependency in rows if dependency.modification]
+    if modified:
+        lines.extend([
+            "",
+            "## Modified third-party material",
+            "",
+            "Everything above is redistributed unmodified except the entries listed",
+            "here. Their licenses permit modification and require it to be stated.",
+            "",
+        ])
+        for dependency in modified:
+            lines.append(f"- `{dependency.name}` ({dependency.ecosystem}): {dependency.modification}")
     lines.append("")
     return "\n".join(lines)
 
diff --git a/third_party/THIRD_PARTY_NOTICES.md b/third_party/THIRD_PARTY_NOTICES.md
index 4fb14cdc..a28608ee 100644
--- a/third_party/THIRD_PARTY_NOTICES.md
+++ b/third_party/THIRD_PARTY_NOTICES.md
@@ -12,6 +12,7 @@ the embedded frontend. Full license and notice texts are included under
 | asset | `claude-code` | `365a70a7eb3956d9b9a96086058ebe04e1dbd8e291a756ad964e8a283fbd6d38` | frontend | MIT | `licenses/assets/claude-code/LICENSE` |
 | asset | `codex` | `a595df6b423920c67a7f8f73c063e4bfb72d415948097b6cac063a2366bb5186` | frontend | MIT | `licenses/assets/codex/LICENSE` |
 | asset | `kilo-cli` | `a2aef0e0bb992ebe768bfb8c3a3ab6ff2c2638448b09dd88db27877de1c07a22` | frontend | MIT | `licenses/assets/kilo-cli/LICENSE` |
+| asset | `openclaw` | `9eac78bcfa8e106ed3267293235281743e161b5accf2ff5c676700b64cfcdbbc` | frontend | MIT | `licenses/assets/openclaw/LICENSE` |
 | asset | `opencode` | `7cfa6e9d6726f7c9fa26c7d9aef0dfec52d20a137380454340f30f12ccbfd302` | frontend | MIT | `licenses/assets/opencode/LICENSE` |
 | go | `github.com/adrg/xdg` | `v0.5.3` | macos-arm64, macos-x64, windows-arm64, windows-x64 | MIT | `licenses/go/github.com_adrg_xdg@v0.5.3/LICENSE` |
 | go | `github.com/go-ole/go-ole` | `v1.3.0` | windows-arm64, windows-x64 | MIT | `licenses/go/github.com_go-ole_go-ole@v1.3.0/LICENSE` |
@@ -27,3 +28,10 @@ the embedded frontend. Full license and notice texts are included under
 | npm | `react-router-dom` | `7.18.1` | frontend | MIT | `licenses/npm/react-router-dom@7.18.1/LICENSE.md` |
 | npm | `scheduler` | `0.27.0` | frontend | MIT | `licenses/npm/scheduler@0.27.0/LICENSE` |
 | npm | `set-cookie-parser` | `2.6.0` | frontend | MIT | `licenses/npm/set-cookie-parser@2.6.0/LICENSE` |
+
+## Modified third-party material
+
+Everything above is redistributed unmodified except the entries listed
+here. Their licenses permit modification and require it to be stated.
+
+- `openclaw` (asset): Recoloured to a single currentColor glyph for theme adaptation: the linearGradient (#ff4d4d to #991b1b), the antenna stroke colour and the cyan eye highlights were removed, and the eyes became a mask cut-out. Geometry is unchanged. Not an official OpenClaw mark; drawn by the cc-switch project.
diff --git a/third_party/licenses/assets/openclaw/LICENSE b/third_party/licenses/assets/openclaw/LICENSE
new file mode 100644
index 00000000..221affcb
--- /dev/null
+++ b/third_party/licenses/assets/openclaw/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Jason Young
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/third_party/manifest.json b/third_party/manifest.json
index 3e9dc696..a9a9d2c9 100644
--- a/third_party/manifest.json
+++ b/third_party/manifest.json
@@ -6,6 +6,7 @@
       "license_files": [
         "licenses/assets/claude-code/LICENSE"
       ],
+      "modification": "",
       "name": "claude-code",
       "platforms": [
         "frontend"
@@ -18,6 +19,7 @@
       "license_files": [
         "licenses/assets/codex/LICENSE"
       ],
+      "modification": "",
       "name": "codex",
       "platforms": [
         "frontend"
@@ -30,18 +32,33 @@
       "license_files": [
         "licenses/assets/kilo-cli/LICENSE"
       ],
+      "modification": "",
       "name": "kilo-cli",
       "platforms": [
         "frontend"
       ],
       "version": "a2aef0e0bb992ebe768bfb8c3a3ab6ff2c2638448b09dd88db27877de1c07a22"
     },
+    {
+      "ecosystem": "asset",
+      "license": "MIT",
+      "license_files": [
+        "licenses/assets/openclaw/LICENSE"
+      ],
+      "modification": "Recoloured to a single currentColor glyph for theme adaptation: the linearGradient (#ff4d4d to #991b1b), the antenna stroke colour and the cyan eye highlights were removed, and the eyes became a mask cut-out. Geometry is unchanged. Not an official OpenClaw mark; drawn by the cc-switch project.",
+      "name": "openclaw",
+      "platforms": [
+        "frontend"
+      ],
+      "version": "9eac78bcfa8e106ed3267293235281743e161b5accf2ff5c676700b64cfcdbbc"
+    },
     {
       "ecosystem": "asset",
       "license": "MIT",
       "license_files": [
         "licenses/assets/opencode/LICENSE"
       ],
+      "modification": "",
       "name": "opencode",
       "platforms": [
         "frontend"
@@ -54,6 +71,7 @@
       "license_files": [
         "licenses/go/github.com_adrg_xdg@v0.5.3/LICENSE"
       ],
+      "modification": "",
       "name": "github.com/adrg/xdg",
       "platforms": [
         "macos-arm64",
@@ -69,6 +87,7 @@
       "license_files": [
         "licenses/go/github.com_go-ole_go-ole@v1.3.0/LICENSE"
       ],
+      "modification": "",
       "name": "github.com/go-ole/go-ole",
       "platforms": [
         "windows-arm64",
@@ -82,6 +101,7 @@
       "license_files": [
         "licenses/go/github.com_pelletier_go-toml_v2@v2.4.3/LICENSE"
       ],
+      "modification": "",
       "name": "github.com/pelletier/go-toml/v2",
       "platforms": [
         "macos-arm64",
@@ -97,6 +117,7 @@
       "license_files": [
         "licenses/go/github.com_wailsapp_wails_v3@v3.0.0-beta.3/LICENSE"
       ],
+      "modification": "",
       "name": "github.com/wailsapp/wails/v3",
       "platforms": [
         "macos-arm64",
@@ -112,6 +133,7 @@
       "license_files": [
         "licenses/go/golang.org_x_sys@v0.47.0/LICENSE"
       ],
+      "modification": "",
       "name": "golang.org/x/sys",
       "platforms": [
         "windows-arm64",
@@ -125,6 +147,7 @@
       "license_files": [
         "licenses/npm/wailsio_runtime@3.0.0-alpha2.117/LICENSE"
       ],
+      "modification": "",
       "name": "@wailsio/runtime",
       "platforms": [
         "frontend"
@@ -137,6 +160,7 @@
       "license_files": [
         "licenses/npm/cookie@1.0.1/LICENSE"
       ],
+      "modification": "",
       "name": "cookie",
       "platforms": [
         "frontend"
@@ -149,6 +173,7 @@
       "license_files": [
         "licenses/npm/lucide-react@1.25.0/LICENSE"
       ],
+      "modification": "",
       "name": "lucide-react",
       "platforms": [
         "frontend"
@@ -161,6 +186,7 @@
       "license_files": [
         "licenses/npm/react@19.2.8/LICENSE"
       ],
+      "modification": "",
       "name": "react",
       "platforms": [
         "frontend"
@@ -173,6 +199,7 @@
       "license_files": [
         "licenses/npm/react-dom@19.2.8/LICENSE"
       ],
+      "modification": "",
       "name": "react-dom",
       "platforms": [
         "frontend"
@@ -185,6 +212,7 @@
       "license_files": [
         "licenses/npm/react-router@7.18.1/LICENSE.md"
       ],
+      "modification": "",
       "name": "react-router",
       "platforms": [
         "frontend"
@@ -197,6 +225,7 @@
       "license_files": [
         "licenses/npm/react-router-dom@7.18.1/LICENSE.md"
       ],
+      "modification": "",
       "name": "react-router-dom",
       "platforms": [
         "frontend"
@@ -209,6 +238,7 @@
       "license_files": [
         "licenses/npm/scheduler@0.27.0/LICENSE"
       ],
+      "modification": "",
       "name": "scheduler",
       "platforms": [
         "frontend"
@@ -221,6 +251,7 @@
       "license_files": [
         "licenses/npm/set-cookie-parser@2.6.0/LICENSE"
       ],
+      "modification": "",
       "name": "set-cookie-parser",
       "platforms": [
         "frontend"