fix(selectors-hydration): confluence, jira, teams

[icecrasher321]

Summary

Fix confluence page selector, jira issues and project selectors, teams chat selectors.

Type of Change

• Bug fix

Testing

Tested manually with @aadamgough

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Nov 12, 2025 0:33am

[greptile-apps]

Greptile Overview

Greptile Summary

Fixed critical hydration issues across Confluence, Jira, and Teams selectors by implementing proper state restoration on component mount. The changes address infinite API calls and missing display names when components reload with persisted values.

Key improvements:

• Teams selector: Added lastRestoredValueRef to prevent infinite restore loops, and implemented display name caching for channels/chats during fetches
• Confluence/Jira selectors: Added useEffect hooks to fetch item details on mount when value exists but component state is empty (hydration scenario)
• Display names hook: Updated to fetch individual items instead of lists, fixed API endpoint paths for Wealthbox and Teams
• Slack selector: Removed redundant hash symbol rendering (now stored in channel name)
• Jira project selector: Added state tracking and preview card UI

All changes follow consistent patterns for hydration handling and display name caching across selectors.

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The changes implement well-tested bug fixes for hydration issues with clear patterns. The use of refs to prevent infinite loops, proper useEffect dependencies, and consistent display name caching follow React best practices. The changes are scoped to fixing specific hydration bugs without introducing new features or architectural changes.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/file-selector/components/confluence-file-selector.tsx	5/5	Added useEffect to fetch page info on mount for hydration, standardized file info structure with proper URL construction, added display name caching
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel-new/components/editor/components/sub-block/components/file-selector/components/teams-message-selector.tsx	5/5	Fixed infinite restore calls by tracking last restored value with ref, added display name caching for channels and chats to improve hydration
apps/sim/hooks/use-display-name.ts	5/5	Updated API calls to fetch individual items instead of lists, fixed endpoint paths and parameter naming for Wealthbox and Teams

Sequence Diagram

sequenceDiagram
participant User
participant Component as Selector Component
participant Store as DisplayNames Store
participant API as Backend API
Note over Component: On Mount/Hydration
User->>Component: Component loads with existing value
Component->>Component: Check if value & credentials exist
Component->>Store: Check cached display name
alt No cached display name
Component->>API: Fetch access token
API-->>Component: Return access token
Component->>API: Fetch item details (page/issue/chat)
API-->>Component: Return item data
Component->>Store: Cache display name
Component->>Component: Update selectedItem state
else Display name cached
Component->>Component: Use cached name
end
Note over Component: On User Interaction
User->>Component: Opens dropdown
Component->>API: Fetch list of items
API-->>Component: Return items list
Component->>Store: Cache all item names
Component->>Component: Display items

Loading

[greptile-apps]

_{6 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}