> For the complete documentation index, see [llms.txt](https://ai-os-and-trend-finder.gitbook.io/ai-os-and-trend-finder-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ai-os-and-trend-finder.gitbook.io/ai-os-and-trend-finder-docs/.spec_system/archive/sessions/phase23-session01-claude-code-agent-route/tasks.md). # Task Checklist **Session ID**: `phase23-session01-claude-code-agent-route` **Total Tasks**: 20 **Estimated Duration**: 3-4 hours **Created**: 2026-06-02 *** ## Legend * `[x]` = Completed * `[ ]` = Pending * `[P]` = Parallelizable (can run with other \[P] tasks) * `[SNNMM]` = Session reference (NN=phase number, MM=session number) * `TNNN` = Task ID *** ## Progress Summary | Category | Total | Done | Remaining | | -------------- | ------ | ------ | --------- | | Setup | 3 | 3 | 0 | | Foundation | 5 | 5 | 0 | | Implementation | 9 | 9 | 0 | | Testing | 3 | 3 | 0 | | **Total** | **20** | **20** | **0** | *** ## Setup (3 tasks) Initial configuration and environment preparation. * [x] T001 \[S2301] Verify Mission Control prerequisites, current hook/admin API, route-generation command path, and v2.3 source anchors (`.spec_system/specs/phase23-session01-claude-code-agent-route/implementation-notes.md`) * [x] T002 \[S2301] Confirm current home information architecture has no established Mission Control slot or record the exact safe slot if one exists (`.spec_system/specs/phase23-session01-claude-code-agent-route/implementation-notes.md`) * [x] T003 \[S2301] Verify existing Claude logo and route/sidebar test helpers are available before adding files (`src/assets/claude-logo.png`) *** ## Foundation (5 tasks) Core structures and base implementations. * [x] T004 \[S2301] Define typed Mission Control agent presentation config with exhaustive default and Claude Code variants matching declared component contract (`src/components/hermes/hermes-mission-control.tsx`) * [x] T005 \[S2301] Extend Mission Control props and presentation copy without changing query keys, endpoint paths, token headers, redaction, or duplicate-trigger prevention (`src/components/hermes/hermes-mission-control.tsx`) * [x] T006 \[S2301] \[P] Add Mission Control tests for Claude Code labels and unchanged admin-gated write behavior with duplicate-trigger prevention while in-flight (`src/components/hermes/__tests__/hermes-mission-control.test.tsx`) * [x] T007 \[S2301] \[P] Add route-scoped Claude Code blue skin selectors reusing Hermes shell structure with reduced-motion-safe effects and bounded text containers (`src/styles.css`) * [x] T008 \[S2301] \[P] Create Claude Code Mission Control page scaffold using current Hermes hooks and explicit loading, empty, error, offline, token-failure, setup-required, and demo states (`src/components/hermes/claude-code-mission-page.tsx`) *** ## Implementation (9 tasks) Main feature implementation. * [x] T009 \[S2301] Implement Claude Code page hero, status tiles, demo/live toggles, and state notices with platform-appropriate accessibility labels, focus management, and input support (`src/components/hermes/claude-code-mission-page.tsx`) * [x] T010 \[S2301] Wire shared Mission Control into the Claude Code page with existing admin authorization enforced at the boundary closest to the resource (`src/components/hermes/claude-code-mission-page.tsx`) * [x] T011 \[S2301] Create `/agents/claude-code` TanStack route metadata and mount point with explicit error-safe local-agent description (`src/routes/agents.claude-code.tsx`) * [x] T012 \[S2301] Add Claude Code agent sidebar entry next to Hermes and OpenClaw with accessible image label, blue tone, and active state handling (`src/components/app-sidebar.tsx`) * [x] T013 \[S2301] Update sidebar tests for Claude Code rendering, active state, agent count, and mobile close behavior (`src/components/__tests__/app-sidebar.test.tsx`) * [x] T014 \[S2301] Add Claude Code route tests for metadata, live data, setup-required, demo, loading, endpoint-error, offline, and token-failure states (`src/routes/__tests__/agents.test.tsx`) * [x] T015 \[S2301] Add route safety assertions that Claude Code uses only existing Hermes bridge/token/admin endpoints and never calls new Claude-specific write or spawn routes (`src/routes/__tests__/agents.test.tsx`) * [x] T016 \[S2301] Regenerate TanStack route-tree output through normal tooling after route creation without hand-editing generated internals (`src/routeTree.gen.ts`) * [x] T017 \[S2301] Update route-tree registration expectations for `/agents/claude-code` path, full-path count, and root child entry (`src/routes/__tests__/route-tree.test.ts`) *** ## Testing (3 tasks) Verification and quality assurance. * [x] T018 \[S2301] Run focused Mission Control, Claude Code route, sidebar, and route-tree test suites and fix regressions (`src/routes/__tests__/agents.test.tsx`) * [x] T019 \[S2301] Run typecheck and route/build validation needed to prove generated route registration is coherent (`package.json`) * [x] T020 \[S2301] Validate ASCII encoding, Unix LF endings, safety reuse, source anchors, generated route-tree handling, and home-placement decision in implementation notes (`.spec_system/specs/phase23-session01-claude-code-agent-route/implementation-notes.md`) *** ## Completion Checklist Before marking session complete: * [x] All tasks marked `[x]` * [x] All tests passing * [x] All files ASCII-encoded * [x] implementation-notes.md updated * [x] Ready for the validate workflow step *** ## Next Steps Run the validate workflow step to verify session completeness. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://ai-os-and-trend-finder.gitbook.io/ai-os-and-trend-finder-docs/.spec_system/archive/sessions/phase23-session01-claude-code-agent-route/tasks.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.