Skip to content

feat: add docs links to feature page headers#457

Open
felarof99 wants to merge 1 commit intomainfrom
feat/feature-docs-links
Open

feat: add docs links to feature page headers#457
felarof99 wants to merge 1 commit intomainfrom
feat/feature-docs-links

Conversation

@felarof99
Copy link
Contributor

Summary

  • Adds a HelpCircle icon with tooltip next to each feature page title that links to the corresponding docs.browseros.com page
  • Applies the existing pattern from Workflows/Scheduled Tasks headers to: Skills, Connect Apps, Memory, Soul, LLM Providers, LLM Chat Hub, and MCP Server
  • Centralizes all feature docs URLs in productUrls.ts (replaces hardcoded URL in MCPServerHeader)

Feature → Docs mapping

Feature Docs URL
Skills /features/skills
Connect Apps /features/connect-mcps
Memory /features/memory
Soul /features/soul
LLM Providers /features/bring-your-own-llm
LLM Chat Hub /features/llm-chat-hub
MCP Server /features/use-with-claude-code

Test plan

  • Verify HelpCircle icon appears next to each feature page title
  • Verify tooltip shows on hover (e.g. "Learn more about skills")
  • Verify clicking opens docs.browseros.com in new tab
  • Verify existing Workflows and Scheduled Tasks links still work
  • Check mobile responsiveness of the new icon placement

🤖 Generated with Claude Code

Add HelpCircle icon with tooltip linking to docs.browseros.com for each
feature page: Skills, Connect Apps, Memory, Soul, LLM Providers,
LLM Chat Hub, and MCP Server. Follows the existing pattern from
Workflows and Scheduled Tasks headers.

Also centralizes the MCP Server docs URL into productUrls.ts instead of
being hardcoded in the component.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@greptile-apps
Copy link
Contributor

greptile-apps bot commented Mar 16, 2026

Greptile Summary

Adds HelpCircle docs links to feature page headers across the application, extending the existing pattern from Workflows/Scheduled Tasks to Skills, Connect Apps, Memory, Soul, LLM Providers, LLM Chat Hub, and MCP Server. All new docs URLs are centralized in productUrls.ts.

  • Each feature header now displays a HelpCircle icon with tooltip that links to the corresponding docs.browseros.com page
  • The tooltip + link pattern is identical across all 6 new headers, matching the existing WorkflowsHeader and ScheduledTasksHeader implementation
  • MCPServerHeader was refactored to replace a hardcoded DOCS_URL constant with the centralized mcpClientsHelpUrl, removing dead code per project guidelines
  • 7 new URL constants added to productUrls.ts following the existing @public JSDoc convention
  • No logic changes, no new dependencies — purely additive UI enhancement

Confidence Score: 5/5

  • This PR is safe to merge — purely additive UI change with no logic modifications
  • All changes follow an established, well-tested pattern (WorkflowsHeader/ScheduledTasksHeader). The PR adds only presentational elements (tooltip + link) with no business logic changes. URL constants are centralized properly. The hardcoded DOCS_URL in MCPServerHeader was correctly removed.
  • No files require special attention

Important Files Changed

Filename Overview
packages/browseros-agent/apps/agent/lib/constants/productUrls.ts Adds 7 new docs URL constants following the existing pattern (workflowsHelpUrl, scheduledTasksHelpUrl). Clean and consistent.
packages/browseros-agent/apps/agent/entrypoints/app/ai-settings/LlmProvidersHeader.tsx Adds HelpCircle tooltip link next to "LLM Providers" heading. Pattern matches existing WorkflowsHeader exactly.
packages/browseros-agent/apps/agent/entrypoints/app/connect-mcp/ConnectMCP.tsx Adds HelpCircle tooltip link next to "Connected Apps" heading. Follows established pattern.
packages/browseros-agent/apps/agent/entrypoints/app/llm-hub/LlmHubHeader.tsx Adds HelpCircle tooltip link next to "LLM Chat & Hub" heading. Follows established pattern.
packages/browseros-agent/apps/agent/entrypoints/app/mcp-settings/MCPServerHeader.tsx Replaces hardcoded DOCS_URL with centralized mcpClientsHelpUrl from productUrls.ts. Clean refactor, no behavior change.
packages/browseros-agent/apps/agent/entrypoints/app/memory/MemoryHeader.tsx Adds HelpCircle tooltip link next to "Agent Memory" heading. Follows established pattern.
packages/browseros-agent/apps/agent/entrypoints/app/skills/SkillsPage.tsx Adds HelpCircle tooltip link next to "Skills" heading. Follows established pattern, adapted for the different header layout (h1 instead of h2).
packages/browseros-agent/apps/agent/entrypoints/app/soul/SoulHeader.tsx Adds HelpCircle tooltip link next to "Agent Soul" heading. Follows established pattern.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[productUrls.ts] -->|skillsHelpUrl| B[SkillsPage.tsx]
    A -->|connectAppsHelpUrl| C[ConnectMCP.tsx]
    A -->|memoryHelpUrl| D[MemoryHeader.tsx]
    A -->|soulHelpUrl| E[SoulHeader.tsx]
    A -->|bringYourOwnLlmHelpUrl| F[LlmProvidersHeader.tsx]
    A -->|llmChatHubHelpUrl| G[LlmHubHeader.tsx]
    A -->|mcpClientsHelpUrl| H[MCPServerHeader.tsx]
    A -->|workflowsHelpUrl| I[WorkflowsHeader.tsx]
    A -->|scheduledTasksHelpUrl| J[ScheduledTasksHeader.tsx]
    
    style B fill:#90EE90
    style C fill:#90EE90
    style D fill:#90EE90
    style E fill:#90EE90
    style F fill:#90EE90
    style G fill:#90EE90
    style H fill:#FFFACD
    style I fill:#E8E8E8
    style J fill:#E8E8E8
Loading

Last reviewed commit: ea07709

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