Skip to content

feat: add Test tab to sidebar with Coming Soon screen#19

Closed
arul28 wants to merge 1 commit intomainfrom
ade/integration-test-tab-26441dfb
Closed

feat: add Test tab to sidebar with Coming Soon screen#19
arul28 wants to merge 1 commit intomainfrom
ade/integration-test-tab-26441dfb

Conversation

@arul28
Copy link
Copy Markdown
Owner

@arul28 arul28 commented Mar 6, 2026

Summary

  • Added a new Test tab to the sidebar navigation with a Flask icon
  • Created TestPage.tsx component displaying a centered "Coming Soon" message
  • Wired up the /test route in the router and tint map

Changes

  • TabNav.tsx — added Flask icon import and { to: "/test", label: "Test", icon: Flask } to mainItems
  • TestPage.tsx — new component at components/test/TestPage.tsx with "Coming Soon" UI
  • App.tsx — lazy import + <Route path="/test"> entry
  • AppShell.tsx/test added to tintMap

Summary by CodeRabbit

  • New Features
    • Introduced a new "Test" tab in the main navigation menu. Currently displays a "Coming Soon" message indicating the feature is under development and construction.

- Add Flask icon + /test entry to TabNav.tsx mainItems
- Create TestPage.tsx with centered Coming Soon message
- Add lazy import and /test route in App.tsx
- Add /test tint mapping in AppShell.tsx

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 6, 2026

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Free

Run ID: bde9d66b-2773-45ab-8557-c5f8c0e6c8f4

📥 Commits

Reviewing files that changed from the base of the PR and between c0dbcb2 and 350c6de.

📒 Files selected for processing (4)
  • apps/desktop/src/renderer/components/app/App.tsx
  • apps/desktop/src/renderer/components/app/AppShell.tsx
  • apps/desktop/src/renderer/components/app/TabNav.tsx
  • apps/desktop/src/renderer/components/test/TestPage.tsx

📝 Walkthrough

Walkthrough

The changes introduce a new /test route to the desktop application with a placeholder TestPage component. The route is added to routing configuration in App.tsx, tint mapping in AppShell.tsx, navigation tabs in TabNav.tsx, and implemented as a simple React component displaying a "Coming Soon" message.

Changes

Cohort / File(s) Summary
Route Configuration
apps/desktop/src/renderer/components/app/App.tsx, apps/desktop/src/renderer/components/app/AppShell.tsx, apps/desktop/src/renderer/components/app/TabNav.tsx
Added /test route with lazy-loaded component, route tint mapping, and tab navigation entry with Flask icon.
Component Implementation
apps/desktop/src/renderer/components/test/TestPage.tsx
New TestPage component that renders a centered "Coming Soon" placeholder message.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~4 minutes


Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

Comment @coderabbitai help to get the list of available commands and usage tips.

@arul28 arul28 closed this Mar 9, 2026
@arul28 arul28 deleted the ade/integration-test-tab-26441dfb branch March 9, 2026 23:24
arul28 added a commit that referenced this pull request Apr 14, 2026
Part A — fix 22 branch-introduced test failures:
- TerminalView: add DEFAULT_TERMINAL_FONT_FAMILY to appStore mock + fontFamily to terminalPreferences (8 tests)
- AgentChatMessageList: update bubble max-w assertion to match widened responsive class (1 test)
- appStore: include fontFamily in terminalPreferences expectations; switch persistence assertions to unified store (2 tests)
- CtoSettingsPanel: navigate to correct sub-tab in 4 tests, drop 3 tests for removed UI (Configured/Needs work badges, CTO runtime header), update tag/button assertions (11 tests)

Part B — apply 5 low-risk optimizations from docs/OPTIMIZATION_OPPORTUNITIES.md:
- #2 Pause renderer watchdog when tab hidden (main.tsx): start/stop the 1s event-loop-stall interval based on document.visibilityState.
- #10 Combine warmup timers (appStore.ts): merge warmLaneStatusTimer + warmProviderModeTimer into a single warmupTimer firing both refreshes after max(1200, 1800) ms.
- #13 Hoist inline config objects (IntegrationTab.tsx): OutcomeDot config moved to module-scope OUTCOME_DOT_CONFIG. AppShell was already module-scoped.
- #19 Atomic UserPreferences store (appStore.ts): theme / terminalPreferences / smartTooltipsEnabled now persist as one ade.userPreferences.v1 JSON; legacy per-key reads kept as one-time migration.
- #20 Compact JSON for machine files: preload.ts audited — no pretty-printed JSON.stringify remained, no-op for this pass.

Doc: append "## Applied" section to docs/OPTIMIZATION_OPPORTUNITIES.md describing the five changes.

Verified: typecheck clean; all 8 vitest shards pass; npm run build succeeded.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
arul28 added a commit that referenced this pull request Apr 14, 2026
* Improve Tasks and Subagents panel typography and sizing

Bump text sizes across BottomDrawerSection, ChatTasksPanel, ChatSubagentsPanel,
and ChatSubagentStrip to be more readable (e.g. 9px→11px, 10px→12px, 11px→13px).
Switch labels, descriptions, and buttons from font-mono to the system sans font,
keeping monospace only where it belongs (timestamps, task IDs, tool names, status
badges). Slightly increase icon sizes and padding for better visual weight.

* Widen assistant message cards on large screens

Change max-width from 78ch to min(96ch, 75%) so messages use more
horizontal space on wide displays while still staying readable and
not stretching edge-to-edge.

* Fix drifted tests and apply safe renderer optimizations

Part A — fix 22 branch-introduced test failures:
- TerminalView: add DEFAULT_TERMINAL_FONT_FAMILY to appStore mock + fontFamily to terminalPreferences (8 tests)
- AgentChatMessageList: update bubble max-w assertion to match widened responsive class (1 test)
- appStore: include fontFamily in terminalPreferences expectations; switch persistence assertions to unified store (2 tests)
- CtoSettingsPanel: navigate to correct sub-tab in 4 tests, drop 3 tests for removed UI (Configured/Needs work badges, CTO runtime header), update tag/button assertions (11 tests)

Part B — apply 5 low-risk optimizations from docs/OPTIMIZATION_OPPORTUNITIES.md:
- #2 Pause renderer watchdog when tab hidden (main.tsx): start/stop the 1s event-loop-stall interval based on document.visibilityState.
- #10 Combine warmup timers (appStore.ts): merge warmLaneStatusTimer + warmProviderModeTimer into a single warmupTimer firing both refreshes after max(1200, 1800) ms.
- #13 Hoist inline config objects (IntegrationTab.tsx): OutcomeDot config moved to module-scope OUTCOME_DOT_CONFIG. AppShell was already module-scoped.
- #19 Atomic UserPreferences store (appStore.ts): theme / terminalPreferences / smartTooltipsEnabled now persist as one ade.userPreferences.v1 JSON; legacy per-key reads kept as one-time migration.
- #20 Compact JSON for machine files: preload.ts audited — no pretty-printed JSON.stringify remained, no-op for this pass.

Doc: append "## Applied" section to docs/OPTIMIZATION_OPPORTUNITIES.md describing the five changes.

Verified: typecheck clean; all 8 vitest shards pass; npm run build succeeded.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant