fix(ui): move docs link into nav

CHANGELOG.md

@@ -36,7 +36,6 @@
 - Config: add `channels.<provider>.configWrites` gating for channel-initiated config writes; migrate Slack channel IDs.
 
 ### Fixes
-
 #### Agents
 - Agents: make user time zone and 24-hour time explicit in the system prompt. (#859) — thanks @CashWilliams.
 - Agents: strip downgraded tool call text without eating adjacent replies and filter thinking-tag leaks. (#905) — thanks @erikpr1994.
@@ -48,6 +47,7 @@
 #### Browser
 - Browser: add tests for snapshot labels/efficient query params and labeled image responses.
 - UI: use application-defined WebSocket close code (browser compatibility). (#918) — thanks @rahthakor.
+- UI: move Docs link into the left navigation menu.
 
 #### macOS
 - macOS: ensure launchd log directory exists with a test-only override. (#909) — thanks @roshanasingh4.

ui/src/styles/layout.css

@@ -221,6 +221,14 @@
   opacity: 1;
 }
 
+.nav-label--static {
+  cursor: default;
+}
+
+.nav-label--static:hover {
+  opacity: 0.7;
+}
+
 .nav-label__text {
   flex: 1;
 }
@@ -305,31 +313,6 @@
   /* No-op: keep chat layout consistent with other tabs */
 }
 
-.docs-link {
-  position: fixed;
-  right: calc(var(--shell-pad) + 4px);
-  bottom: calc(var(--shell-pad) + 4px);
-  z-index: 30;
-  padding: 8px 12px;
-  border-radius: 999px;
-  border: 1px solid var(--border);
-  background: rgba(0, 0, 0, 0.35);
-  color: var(--text);
-  font-size: 12px;
-  letter-spacing: 0.4px;
-  text-transform: uppercase;
-  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
-  transition: transform 140ms ease, border-color 140ms ease,
-    background 140ms ease, color 140ms ease;
-}
-
-.docs-link:hover {
-  transform: translateY(-2px);
-  border-color: rgba(245, 159, 74, 0.5);
-  background: rgba(245, 159, 74, 0.18);
-  color: var(--text);
-}
-
 .content-header {
   display: flex;
   align-items: flex-end;

ui/src/styles/layout.mobile.css

@@ -279,11 +279,6 @@
     font-size: 12px;
   }
 
-  /* Hide docs link on mobile - saves space */
-  .docs-link {
-    display: none;
-  }
-
   /* List items */
   .list-item {
     padding: 10px;

ui/src/ui/app-render.ts

@@ -144,6 +144,23 @@ export function renderApp(state: AppViewState) {
             </div>
           `;
         })}
+        <div class="nav-group nav-group--links">
+          <div class="nav-label nav-label--static">
+            <span class="nav-label__text">Resources</span>
+          </div>
+          <div class="nav-group__items">
+            <a
+              class="nav-item nav-item--external"
+              href="https://docs.clawd.bot"
+              target="_blank"
+              rel="noreferrer"
+              title="Docs (opens in new tab)"
+            >
+              <span class="nav-item__icon" aria-hidden="true">📚</span>
+              <span class="nav-item__text">Docs</span>
+            </a>
+          </div>
+        </div>
       </aside>
       <main class="content ${isChat ? "content--chat" : ""}">
         <section class="content-header">
@@ -449,14 +466,6 @@ export function renderApp(state: AppViewState) {
             })
           : nothing}
       </main>
-      <a
-        class="docs-link"
-        href="https://docs.clawd.bot"
-        target="_blank"
-        rel="noreferrer"
-      >
-        Docs
-      </a>
     </div>
   `;
 }