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

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		May 22, 2026 1:59am

PR Summary

Medium Risk
Broad UI changes across many sub-block input components to render search highlights (including HTML-injected code highlighting), which could cause regressions in editor rendering/selection behavior if edge cases were missed.

Overview
Workflow search highlighting is now propagated into sub-block UI components. Many inputs/selectors (ShortInput, LongInput, Code, ConditionInput, dropdowns/comboboxes, checkbox lists, file upload, selectors, skills/credentials/KB pickers, filter/sort builders, etc.) accept activeSearchTarget and render the active match via formatDisplayText/combobox overlays, with correct valuePath handling for nested array fields.

Highlighting logic is centralized and hardened. formatted-text now supports a workflowSearchHighlight range, validates ranges against the current text (getValidWorkflowSearchRange) to avoid stale/duplicate matches, and adds tests; code/condition syntax highlighters also inject a single <mark> for the active match with explicit HTML escaping. UI behavior is tweaked to expand/scroll nested editors when the active search target is inside collapsed/modal content (e.g., grouped checkbox modal, input mapping, filter builder).

^{Reviewed by Cursor Bugbot for commit 68b6c03. Configure here.}

Greptile Summary

This PR extends the workflow search-replace feature so that search highlights propagate from the top-level panel all the way into individual sub-block components (dropdowns, condition inputs, sort/filter builders, skill lists, etc.) instead of only highlighting the parent field label. It also enriches ActiveSearchTarget with the match range, raw value, and query string, splits the ephemeral search state into a dedicated non-persisted Zustand store, and improves multi-value resource replacement so it can target the correct index.

• Display-label indexing — indexer.ts now emits non-editable display-label matches for fixed-option controls (dropdown labels, time-input display strings, table column names, checkbox-list option text, sort/filter builder visible values, skill names, variable names); these are surfaced to the user but blocked from replacement.
• Inline highlighting — formatted-text.tsx gains a workflowSearchHighlight context option that wraps the matched range in <mark>; condition-input.tsx replicates the short-input overlay pattern (transparent textarea + visible overlay) for router mode, and injects a placeholder into the Prism pass for condition mode to render the <mark>.
• Resource path precision — registry.ts attaches a valuePath to each structured-resource reference for multi-value fields; replacements.ts adds getResourceReplacementScope to walk the path prefix until the containing value is found, preventing stale-conflict false positives.

Confidence Score: 4/5

Safe to merge after addressing the Prism placeholder issue; all other changes are well-tested and follow established patterns.

The placeholder string __WORKFLOW_SEARCH_MATCH__ inserted into code before Prism runs is a valid JavaScript identifier, but Prism can tokenize it as multiple adjacent tokens (e.g. two __ operator tokens wrapping an identifier). When that happens the literal string never appears in the resulting HTML and String.prototype.replace silently skips it, leaving the placeholder text visible in the code editor overlay. All other changes — display-label indexing, the new highlight store, resource path precision — are clean and well-covered by the added tests.

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/condition-input/condition-input.tsx — specifically the WORKFLOW_SEARCH_MATCH_PLACEHOLDER definition and its use in createHighlightFunction.

Important Files Changed

Sequence Diagram

sequenceDiagram
    participant SR as WorkflowSearchReplace
    participant Store as usePanelEditorSearchStore
    participant Editor as Editor
    participant SubBlock as SubBlock
    participant Component as Sub-block Component
    participant FT as formatDisplayText

    SR->>Store: setActiveSearchTarget(match + range + query)
    Store-->>Editor: activeSearchTarget (reactive)
    Editor->>Editor: filter by currentBlockId
    Editor->>SubBlock: activeSearchTarget (block-scoped)
    SubBlock->>Component: activeSearchTarget
    Component->>Component: getActiveWorkflowSearchHighlight(valuePath)
    Component->>FT: "formatDisplayText(value, {workflowSearchHighlight})"
    FT->>FT: slice before/match/after
    FT-->>Component: ReactNode[] with mark around match

_{Reviews (2): Last reviewed commit: "fix local lowercasing bug" | Re-trigger Greptile}

@greptile