diff --git a/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/column-config-sidebar/column-config-sidebar.tsx b/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/column-config-sidebar/column-config-sidebar.tsx index 9792b758376..4e1801d61d0 100644 --- a/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/column-config-sidebar/column-config-sidebar.tsx +++ b/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/column-config-sidebar/column-config-sidebar.tsx @@ -135,8 +135,6 @@ function ColumnConfigBody({ toast.success(`Saved "${trimmedName}"`) onClose() } catch (err) { - // Server validation errors carry a Zod issue array on the body; surface - // them inline next to the offending field instead of as a raw toast. if (isValidationError(err)) { const nameIssue = findValidationIssue(err, ['updates', 'name']) ?? @@ -146,14 +144,14 @@ function ColumnConfigBody({ setNameError(nameIssue.message) return } + toast.error(toError(err).message) } - toast.error(toError(err).message) } } return (
-
+

Configure column

diff --git a/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx b/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx index bc97570b4ff..7e42350e6be 100644 --- a/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx +++ b/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx @@ -92,25 +92,18 @@ function rowSelectionCoversAll(sel: RowSelection, rows: TableRowType[]): boolean const COL_WIDTH_MIN = 80 const COL_WIDTH_AUTO_FIT_MAX = 1000 -// Wide enough to host the row-number + per-row run button side by side. -// Single-digit row numbers (rows 1–9) and multi-digit need to render with -// the play button at the same x-position so the column doesn't reflow -// row-by-row. -// -// Bucketed by the table's plan-derived `maxRows`, not the live count: a small -// table sized for ≤9,999 always renders the narrow gutter; an enterprise -// table sized up to 9,999,999 always renders the wide one. The gutter never -// changes width as rows are added. -// -// Tables without workflow columns drop the per-row run button (~28px), so -// the gutter shrinks accordingly. -const CHECKBOX_COL_WIDTH_SMALL_WITH_RUN = 48 -const CHECKBOX_COL_WIDTH_SMALL_NUMBER_ONLY = 32 -const CHECKBOX_COL_WIDTH_LARGE_WITH_RUN = 68 -const CHECKBOX_COL_WIDTH_LARGE_NUMBER_ONLY = 52 -/** Bucket boundary: tables sized for >9,999 rows get the wide gutter. */ -const LARGE_ROW_NUMBER_THRESHOLD = 10000 const ADD_COL_WIDTH = 120 + +/** Returns sticky row-number column dimensions sized to the digit count of `maxRows`. */ +function checkboxColLayout( + maxRows: number, + hasWorkflowCols: boolean +): { colWidth: number; numDivWidth: number } { + const digits = maxRows > 0 ? Math.floor(Math.log10(maxRows)) + 1 : 1 + const numDivWidth = Math.max(20, digits * 8 + 4) + const colWidth = Math.max(32, numDivWidth + 8) + (hasWorkflowCols ? 16 : 0) + return { colWidth, numDivWidth } +} const SKELETON_COL_COUNT = 4 const SKELETON_ROW_COUNT = 10 const ROW_HEIGHT_ESTIMATE = 35 @@ -128,7 +121,7 @@ const CELL_HEADER_CHECKBOX = const CELL_CONTENT = 'relative flex h-[22px] min-w-0 items-center overflow-clip text-ellipsis whitespace-nowrap text-small' const SELECTION_OVERLAY = - 'pointer-events-none absolute -top-px -right-px -bottom-px -left-px z-[5] border-[2px] border-[var(--selection)]' + 'pointer-events-none absolute -top-px -right-px -bottom-px z-[5] border-[2px] border-[var(--selection)]' /** * Snapshot of grid selection state the wrapper needs to render ``. @@ -452,22 +445,10 @@ export function TableGrid({ }, [columns, columnOrder, tableWorkflowGroups]) const hasWorkflowColumns = columns.some((c) => !!c.workflowGroupId) - /** - * The sticky left column hosts the row number / checkbox always, plus a - * per-row run button only when the table has workflow columns. Width is - * picked from the table's plan-derived `maxRows` so a free-tier table - * (≤9,999) gets the narrow gutter and an enterprise table (up to - * 9,999,999) gets the wide one. Bucketed, not continuous, so the gutter - * never reflows as rows are added. - */ - const isLargeRowCountTable = (tableData?.maxRows ?? 0) >= LARGE_ROW_NUMBER_THRESHOLD - const checkboxColWidth = isLargeRowCountTable - ? hasWorkflowColumns - ? CHECKBOX_COL_WIDTH_LARGE_WITH_RUN - : CHECKBOX_COL_WIDTH_LARGE_NUMBER_ONLY - : hasWorkflowColumns - ? CHECKBOX_COL_WIDTH_SMALL_WITH_RUN - : CHECKBOX_COL_WIDTH_SMALL_NUMBER_ONLY + const { colWidth: checkboxColWidth, numDivWidth } = checkboxColLayout( + tableData?.maxRows ?? 0, + hasWorkflowColumns + ) const headerGroups = useMemo( () => buildHeaderGroups(displayColumns, tableWorkflowGroups), @@ -3053,7 +3034,7 @@ export function TableGrid({ onRowToggle={handleRowToggle} runningCount={runningByRowId.get(row.id) ?? 0} hasWorkflowColumns={hasWorkflowColumns} - isLargeRowCountTable={isLargeRowCountTable} + numDivWidth={numDivWidth} onStopRow={onStopRow} onRunRow={handleRunRow} workflowGroups={tableWorkflowGroups} @@ -3178,8 +3159,8 @@ interface DataRowProps { runningCount: number /** Whether the table has at least one workflow column — controls whether a run/stop icon is rendered. */ hasWorkflowColumns: boolean - /** True for tables sized for >9,999 rows; widens the row-number slot to fit 5–7 digit numbers. */ - isLargeRowCountTable: boolean + /** Width of the row-number inner div in px, derived from the table's maxRows digit count. */ + numDivWidth: number onStopRow: (rowId: string) => void onRunRow: (rowId: string) => void /** @@ -3239,7 +3220,7 @@ function dataRowPropsAreEqual(prev: DataRowProps, next: DataRowProps): boolean { prev.onRowToggle !== next.onRowToggle || prev.runningCount !== next.runningCount || prev.hasWorkflowColumns !== next.hasWorkflowColumns || - prev.isLargeRowCountTable !== next.isLargeRowCountTable || + prev.numDivWidth !== next.numDivWidth || prev.onStopRow !== next.onStopRow || prev.onRunRow !== next.onRunRow || prev.workflowGroups !== next.workflowGroups @@ -3281,7 +3262,7 @@ const DataRow = React.memo(function DataRow({ onRowToggle, runningCount, hasWorkflowColumns, - isLargeRowCountTable, + numDivWidth, onStopRow, onRunRow, workflowGroups, @@ -3313,12 +3294,15 @@ const DataRow = React.memo(function DataRow({ return ( onContextMenu(e, row)}> -
+
{ if (e.button !== 0) return onRowToggle(rowIndex, e.shiftKey) @@ -3326,7 +3310,7 @@ const DataRow = React.memo(function DataRow({ > @@ -3409,7 +3393,8 @@ const DataRow = React.memo(function DataRow({ {isHighlighted && (isMultiCell || isRowChecked) && (
)} - {isAnchor &&
} + {isAnchor && ( +
+ )}
-
+

{titleByMode[config.mode]}

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/constants.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/constants.ts new file mode 100644 index 00000000000..74f504d75a1 --- /dev/null +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/constants.ts @@ -0,0 +1,2 @@ +export const WORKFLOW_SEARCH_HIGHLIGHT_CLASS = + 'rounded-sm bg-orange-400 shadow-[3px_0_0_#fb923c,-3px_0_0_#fb923c]' diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/eval-input/eval-input.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/eval-input/eval-input.tsx index 97e22638656..4a93dee957f 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/eval-input/eval-input.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/eval-input/eval-input.tsx @@ -5,11 +5,13 @@ import { Button, Input, Textarea, Tooltip } from '@/components/emcn' import { Trash } from '@/components/emcn/icons/trash' import { Label } from '@/components/ui/label' import { cn } from '@/lib/core/utils/cn' +import { WORKFLOW_SEARCH_HIGHLIGHT_CLASS } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/constants' import { formatDisplayText } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/formatted-text' import { TagDropdown } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tag-dropdown/tag-dropdown' import { useSubBlockInput } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-input' import { useSubBlockValue } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-value' import { useAccessibleReferencePrefixes } from '@/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-accessible-reference-prefixes' +import type { ActiveSearchTarget } from '@/stores/panel/editor/store' interface EvalMetric { id: string @@ -27,6 +29,7 @@ interface EvalInputProps { isPreview?: boolean previewValue?: EvalMetric[] | null disabled?: boolean + activeSearchTarget?: ActiveSearchTarget | null } // Default values @@ -43,6 +46,7 @@ export function EvalInput({ isPreview = false, previewValue, disabled = false, + activeSearchTarget, }: EvalInputProps) { const [storeValue, setStoreValue] = useSubBlockValue(blockId, subBlockId) const accessiblePrefixes = useAccessibleReferencePrefixes(blockId) @@ -67,6 +71,17 @@ export function EvalInput({ const defaultMetric = useMemo(() => createDefaultMetric(), []) const metrics: EvalMetric[] = value || [defaultMetric] + const isNestedSearchHighlighted = (metricIndex: number, metricPath: Array) => + activeSearchTarget?.subBlockId === subBlockId && + activeSearchTarget.valuePath[0] === metricIndex && + metricPath.every((segment, index) => activeSearchTarget.valuePath[index + 1] === segment) + + const renderFieldLabel = (label: string, highlighted: boolean) => ( + + ) + const addMetric = () => { if (isPreview || disabled) return @@ -176,7 +191,7 @@ export function EvalInput({
- + {renderFieldLabel('Name', isNestedSearchHighlighted(index, ['name']))}
- + {renderFieldLabel('Description', isNestedSearchHighlighted(index, ['description']))}
{(() => { const fieldState = inputController.fieldHelpers.getFieldState(metric.id) @@ -259,7 +274,7 @@ export function EvalInput({
- + {renderFieldLabel('Min Value', isNestedSearchHighlighted(index, ['range', 'min']))}
- + {renderFieldLabel('Max Value', isNestedSearchHighlighted(index, ['range', 'max']))} ) } diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/short-input/short-input.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/short-input/short-input.tsx index ba5ff8461b1..76476408b28 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/short-input/short-input.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/short-input/short-input.tsx @@ -46,6 +46,8 @@ interface ShortInputProps { wandControlRef?: React.MutableRefObject /** Whether to hide the internal wand button (controlled by parent) */ hideInternalWand?: boolean + /** Whether workflow search is actively highlighting this input */ + isSearchHighlighted?: boolean } /** @@ -74,6 +76,7 @@ export const ShortInput = memo(function ShortInput({ useWebhookUrl = false, wandControlRef, hideInternalWand = false, + isSearchHighlighted = false, }: ShortInputProps) { const [localContent, setLocalContent] = useState('') const [isFocused, setIsFocused] = useState(false) @@ -332,16 +335,15 @@ export const ShortInput = memo(function ShortInput({ ? webhookManagement.webhookUrl : ctrlValue - const displayValue = - password && !isFocused ? '•'.repeat(actualValue?.length ?? 0) : actualValue + const shouldMask = password && !isFocused && !isSearchHighlighted + const displayValue = shouldMask ? '•'.repeat(actualValue?.length ?? 0) : actualValue - const formattedText = - password && !isFocused - ? '•'.repeat(actualValue?.length ?? 0) - : formatDisplayText(actualValue, { - accessiblePrefixes, - highlightAll: !accessiblePrefixes, - }) + const formattedText = shouldMask + ? '•'.repeat(actualValue?.length ?? 0) + : formatDisplayText(actualValue, { + accessiblePrefixes, + highlightAll: !accessiblePrefixes, + }) return ( <> diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/starter/input-format.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/starter/input-format.tsx index 4e33f85ed8f..a759cc9d7fb 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/starter/input-format.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/starter/input-format.tsx @@ -20,11 +20,13 @@ import { } from '@/components/emcn' import { Label } from '@/components/ui/label' import { cn } from '@/lib/core/utils/cn' +import { WORKFLOW_SEARCH_HIGHLIGHT_CLASS } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/constants' import { formatDisplayText } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/formatted-text' import { TagDropdown } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tag-dropdown/tag-dropdown' import { useSubBlockInput } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-input' import { useSubBlockValue } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-value' import { useAccessibleReferencePrefixes } from '@/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-accessible-reference-prefixes' +import type { ActiveSearchTarget } from '@/stores/panel/editor/store' interface Field { id: string @@ -49,6 +51,7 @@ interface FieldFormatProps { valuePlaceholder?: string descriptionPlaceholder?: string config?: any + activeSearchTarget?: ActiveSearchTarget | null } /** @@ -103,6 +106,7 @@ export function FieldFormat({ showDescription = false, valuePlaceholder = 'Enter default value', descriptionPlaceholder = 'Describe this field', + activeSearchTarget, }: FieldFormatProps) { const [storeValue, setStoreValue] = useSubBlockValue(blockId, subBlockId) const valueInputRefs = useRef>({}) @@ -127,6 +131,17 @@ export function FieldFormat({ const fields: Field[] = Array.isArray(value) && value.length > 0 ? value : [createDefaultField()] const isReadOnly = isPreview || disabled + const isNestedSearchHighlighted = (fieldIndex: number, fieldKey: keyof Field) => + activeSearchTarget?.subBlockId === subBlockId && + activeSearchTarget.valuePath[0] === fieldIndex && + activeSearchTarget.valuePath.at(-1) === fieldKey + + const renderFieldLabel = (label: string, highlighted: boolean) => ( + + ) + /** * Adds a new field to the list */ @@ -555,13 +570,13 @@ export function FieldFormat({
- + {renderFieldLabel('Name', isNestedSearchHighlighted(index, 'name'))}
{renderNameInput(field)}
{showType && (
- + {renderFieldLabel('Type', isNestedSearchHighlighted(index, 'type'))} - + {renderFieldLabel( + 'Description', + isNestedSearchHighlighted(index, 'description') + )} updateField(field.id, 'description', e.target.value)} @@ -585,7 +603,7 @@ export function FieldFormat({ {showValue && (
- + {renderFieldLabel('Value', isNestedSearchHighlighted(index, 'value'))}
{renderValueInput(field)}
)} diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/tool-input.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/tool-input.tsx index a07564db3d2..00538358f10 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/tool-input.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/tool-input.tsx @@ -77,6 +77,7 @@ import { useWorkflowStore } from '@/stores/workflows/workflow/store' import { formatParameterLabel, getSubBlocksForToolInput, + getToolIdForOperation, getToolParametersConfig, isPasswordParameter, type SubBlocksForToolInput, @@ -383,36 +384,6 @@ function getOperationOptions(blockType: string): { label: string; id: string }[] }) } -/** - * Gets the correct tool ID for a given operation. - * - * @param blockType - The block type - * @param operation - The selected operation (for multi-operation tools) - * @returns The tool ID to use for execution, or `undefined` if not found - */ -function getToolIdForOperation(blockType: string, operation?: string): string | undefined { - const block = getAllBlocks().find((b) => b.type === blockType) - if (!block || !block.tools?.access) return undefined - - if (block.tools.access.length === 1) { - return block.tools.access[0] - } - - if (operation && block.tools?.config?.tool) { - try { - return block.tools.config.tool({ operation }) - } catch (error) { - logger.error('Error selecting tool for operation:', error) - } - } - - if (operation && block.tools.access.includes(operation)) { - return operation - } - - return block.tools.access[0] -} - /** * Creates a styled icon element for tool items in the selection dropdown. * diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/types.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/types.ts index c46bb97c186..5ea7263e392 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/types.ts +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/types.ts @@ -1,36 +1 @@ -/** - * Represents a tool selected and configured in the workflow - * - * @remarks - * Valid types include: - * - Standard block types (e.g., 'api', 'search', 'function') - * - 'custom-tool': User-defined tools with custom code - * - 'mcp': Individual MCP tool from a connected server - * - * For custom tools (new format), we only store: type, customToolId, usageControl, isExpanded. - * Everything else (title, schema, code) is loaded dynamically from the database. - * Legacy custom tools with inline schema/code are still supported for backwards compatibility. - */ -export interface StoredTool { - /** Block type identifier */ - type: string - /** Display title for the tool (optional for new custom tool format) */ - title?: string - /** Direct tool ID for execution (optional for new custom tool format) */ - toolId?: string - /** Parameter values configured by the user */ - params?: Record - /** Whether the tool details are expanded in UI */ - isExpanded?: boolean - /** Database ID for custom tools (new format - reference only) */ - customToolId?: string - /** Tool schema for custom tools (legacy format - inline JSON schema) */ - // eslint-disable-next-line @typescript-eslint/no-explicit-any - schema?: Record - /** Implementation code for custom tools (legacy format - inline) */ - code?: string - /** Selected operation for multi-operation tools */ - operation?: string - /** Tool usage control mode for LLM */ - usageControl?: 'auto' | 'force' | 'none' -} +export type { StoredTool } from '@/lib/workflows/tool-input/types' diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate.ts index 91976d7ac91..338e3b9a11f 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate.ts +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate.ts @@ -6,6 +6,8 @@ import { useStoreWithEqualityFn } from 'zustand/traditional' import { buildCanonicalIndex, isNonEmptyValue, + normalizeDependencyValue, + parseDependsOn, resolveDependencyValue, } from '@/lib/workflows/subblocks/visibility' import { getBlock } from '@/blocks/registry' @@ -14,35 +16,6 @@ import { useWorkflowRegistry } from '@/stores/workflows/registry/store' import { useSubBlockStore } from '@/stores/workflows/subblock/store' import { useWorkflowStore } from '@/stores/workflows/workflow/store' -type DependsOnConfig = string[] | { all?: string[]; any?: string[] } - -/** - * Parses dependsOn config and returns normalized all/any arrays - */ -function parseDependsOn(dependsOn: DependsOnConfig | undefined): { - allFields: string[] - anyFields: string[] - allDependsOnFields: string[] -} { - if (!dependsOn) { - return { allFields: [], anyFields: [], allDependsOnFields: [] } - } - - if (Array.isArray(dependsOn)) { - // Simple array format: all fields required (AND logic) - return { allFields: dependsOn, anyFields: [], allDependsOnFields: dependsOn } - } - - // Object format with all/any - const allFields = dependsOn.all || [] - const anyFields = dependsOn.any || [] - return { - allFields, - anyFields, - allDependsOnFields: [...allFields, ...anyFields], - } -} - /** * Centralized dependsOn gating for sub-block components. * - Computes dependency values from the active workflow/block @@ -76,29 +49,6 @@ export function useDependsOnGate( // For backward compatibility, expose flat list of all dependency fields const dependsOn = allDependsOnFields - const normalizeDependencyValue = (rawValue: unknown): unknown => { - if (rawValue === null || rawValue === undefined) return null - - if (typeof rawValue === 'object') { - if (Array.isArray(rawValue)) { - if (rawValue.length === 0) return null - return rawValue.map((item) => normalizeDependencyValue(item)) - } - - const record = rawValue as Record - if ('value' in record) { - return normalizeDependencyValue(record.value) - } - if ('id' in record) { - return record.id - } - - return record - } - - return rawValue - } - const dependencySelector = useCallback( (state: ReturnType) => { if (allDependsOnFields.length === 0) return {} as Record diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx index db50e5b3200..b69a2238c1f 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx @@ -54,6 +54,8 @@ import { MODAL_REGISTRY } from '@/app/workspace/[workspaceId]/w/[workflowId]/com import { useDependsOnGate } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate' import type { SubBlockConfig } from '@/blocks/types' import { useWebhookManagement } from '@/hooks/use-webhook-management' +import type { ActiveSearchTarget } from '@/stores/panel/editor/store' +import { WORKFLOW_SEARCH_HIGHLIGHT_CLASS } from '../constants' const SLACK_OVERRIDES: SelectorOverrides = { transformContext: (context, deps) => { @@ -72,7 +74,17 @@ const FOLDER_OVERRIDES: SelectorOverrides = { }, } -const WORKFLOW_SEARCH_CURRENT_MATCH_CLASS = 'rounded-md bg-orange-400 px-1 py-0.5' +function hasNestedWorkflowSearchHighlight( + config: SubBlockConfig, + activeSearchTarget?: ActiveSearchTarget | null +) { + if (!activeSearchTarget || activeSearchTarget.valuePath.length === 0) return false + return ( + config.type === 'input-format' || + config.type === 'response-format' || + config.type === 'eval-input' + ) +} /** * Interface for wand control handlers exposed by sub-block inputs @@ -106,6 +118,7 @@ interface SubBlockProps { /** Provides sibling values for dependency resolution in non-preview contexts (e.g. tool-input) */ dependencyContext?: Record isSearchHighlighted?: boolean + activeSearchTarget?: ActiveSearchTarget | null } /** @@ -253,7 +266,7 @@ const renderLabel = (