feat(tables): code-defined enrichment registry run directly per row

Enrichments are now TS configs in apps/sim/enrichments/ (registry, like
connectors) that run directly per table row via the existing run/dispatch/
cell-write rails — no workflow execution.

- enrichments/{types,registry} + work-email (heuristic) and phone-number (stub).
- WorkflowGroup gains enrichmentId; WorkflowGroupOutput gains outputId
  (workflowId/blockId/path kept required, '' for enrichment groups).
- Executor branches on group.type === 'enrichment' → maps inputMappings →
  enrich() → outputs by outputId → cell-write. Missing required inputs skip
  (blank cell) instead of erroring.
- Sidebar lists the registry; enrichment-config panel maps inputs to columns
  and creates the enrichment group (no workflow UI).

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

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/enrichments-sidebar/enrichment-config.tsx

@@ -0,0 +1,246 @@
+'use client'
+
+import { useState } from 'react'
+import { toError } from '@sim/utils/errors'
+import { generateId } from '@sim/utils/id'
+import { X } from 'lucide-react'
+import {
+  Badge,
+  Button,
+  CollapsibleCard,
+  Combobox,
+  FieldDivider,
+  Label,
+  Switch,
+  toast,
+} from '@/components/emcn'
+import { ArrowLeft } from '@/components/emcn/icons'
+import type { AddWorkflowGroupBodyInput } from '@/lib/api/contracts/tables'
+import type { ColumnDefinition, WorkflowGroup, WorkflowGroupOutput } from '@/lib/table'
+import { deriveOutputColumnName } from '@/lib/table/column-naming'
+import type { EnrichmentConfig as EnrichmentDef } from '@/enrichments/types'
+import { useAddWorkflowGroup } from '@/hooks/queries/tables'
+import { RunSettingsSection } from '../workflow-sidebar/run-settings-section'
+
+interface EnrichmentConfigProps {
+  enrichment: EnrichmentDef
+  allColumns: ColumnDefinition[]
+  workspaceId: string
+  tableId: string
+  onBack: () => void
+  onClose: () => void
+}
+
+/** Pre-fill an input's column from a same-named column (case-insensitive). */
+function defaultColumnFor(
+  input: EnrichmentDef['inputs'][number],
+  columns: ColumnDefinition[]
+): string {
+  const match = columns.find(
+    (c) =>
+      c.name.toLowerCase() === input.id.toLowerCase() ||
+      c.name.toLowerCase() === input.name.toLowerCase()
+  )
+  return match?.name ?? ''
+}
+
+/**
+ * Config panel for a code-defined enrichment. No workflow: the user maps each
+ * enrichment input to a table column; outputs are fixed by the enrichment.
+ * Saving creates an `enrichment` workflow group that the table runs per row.
+ */
+export function EnrichmentConfig({
+  enrichment,
+  allColumns,
+  workspaceId,
+  tableId,
+  onBack,
+  onClose,
+}: EnrichmentConfigProps) {
+  const addWorkflowGroup = useAddWorkflowGroup({ workspaceId, tableId })
+
+  const [inputMappings, setInputMappings] = useState<Record<string, string>>(() => {
+    const seed: Record<string, string> = {}
+    for (const input of enrichment.inputs) {
+      const col = defaultColumnFor(input, allColumns)
+      if (col) seed[input.id] = col
+    }
+    return seed
+  })
+  const [collapsed, setCollapsed] = useState<Record<string, boolean>>({})
+  const [autoRun, setAutoRun] = useState(false)
+  const [deps, setDeps] = useState<string[]>([])
+  const [showValidation, setShowValidation] = useState(false)
+
+  const columnOptions = allColumns.map((c) => ({ label: c.name, value: c.name }))
+  const missingRequired = enrichment.inputs.some((i) => i.required && !inputMappings[i.id])
+  const depsValid = !autoRun || deps.length > 0
+  const saveDisabled = addWorkflowGroup.isPending || !depsValid
+
+  async function handleSave() {
+    if (missingRequired || (autoRun && deps.length === 0)) {
+      setShowValidation(true)
+      return
+    }
+    const groupId = generateId()
+    const taken = new Set(allColumns.map((c) => c.name))
+    const outputColumns: AddWorkflowGroupBodyInput['outputColumns'] = []
+    const outputs: WorkflowGroupOutput[] = []
+    for (const o of enrichment.outputs) {
+      const colName = deriveOutputColumnName(o.name, taken)
+      taken.add(colName)
+      outputColumns.push({
+        name: colName,
+        type: o.type,
+        required: false,
+        unique: false,
+        workflowGroupId: groupId,
+      })
+      outputs.push({ blockId: '', path: '', outputId: o.id, columnName: colName })
+    }
+    const inputMappingsList = Object.entries(inputMappings)
+      .filter(([, columnName]) => Boolean(columnName))
+      .map(([inputName, columnName]) => ({ inputName, columnName }))
+
+    const group: WorkflowGroup = {
+      id: groupId,
+      workflowId: '',
+      enrichmentId: enrichment.id,
+      name: enrichment.name,
+      type: 'enrichment',
+      dependencies: { columns: deps },
+      outputs,
+      inputMappings: inputMappingsList,
+      autoRun,
+    }
+    try {
+      await addWorkflowGroup.mutateAsync({ group, outputColumns })
+      toast.success(`Added "${enrichment.name}"`)
+      onClose()
+    } catch (err) {
+      toast.error(toError(err).message)
+    }
+  }
+
+  return (
+    <div className='flex h-full flex-col'>
+      <div className='flex items-center justify-between border-[var(--border)] border-b px-3 py-[8.5px]'>
+        <div className='flex min-w-0 items-center gap-1.5'>
+          <Button
+            variant='ghost'
+            size='sm'
+            onClick={onBack}
+            className='!p-1 size-7 flex-none'
+            aria-label='Back to enrichments'
+          >
+            <ArrowLeft className='size-[14px]' />
+          </Button>
+          <h2 className='truncate font-medium text-[var(--text-primary)] text-small'>
+            {enrichment.name}
+          </h2>
+        </div>
+        <Button
+          variant='ghost'
+          size='sm'
+          onClick={onClose}
+          className='!p-1 size-7 flex-none'
+          aria-label='Close'
+        >
+          <X className='size-[14px]' />
+        </Button>
+      </div>
+
+      <div className='flex-1 overflow-y-auto overflow-x-hidden px-2 pt-3 pb-2 [overflow-anchor:none]'>
+        <div className='flex flex-col gap-[9.5px]'>
+          <Label className='flex items-baseline gap-1.5 whitespace-nowrap pl-0.5'>Inputs</Label>
+          {enrichment.inputs.length === 0 ? (
+            <p className='pl-0.5 text-[var(--text-tertiary)] text-caption'>
+              This enrichment needs no inputs.
+            </p>
+          ) : (
+            <div className='flex flex-col gap-2'>
+              {enrichment.inputs.map((input) => (
+                <CollapsibleCard
+                  key={input.id}
+                  title={input.required ? `${input.name} *` : input.name}
+                  badge={
+                    <Badge variant='type' size='sm'>
+                      {input.type}
+                    </Badge>
+                  }
+                  collapsed={collapsed[input.id] ?? false}
+                  onToggleCollapse={() =>
+                    setCollapsed((prev) => ({ ...prev, [input.id]: !prev[input.id] }))
+                  }
+                >
+                  <Label className='text-small'>Column</Label>
+                  <Combobox
+                    searchable
+                    searchPlaceholder='Search columns…'
+                    size='sm'
+                    className='h-[32px] w-full rounded-md'
+                    dropdownWidth='trigger'
+                    maxHeight={240}
+                    disabled={columnOptions.length === 0}
+                    emptyMessage='No columns.'
+                    placeholder='Select a column'
+                    options={columnOptions}
+                    value={inputMappings[input.id] ?? ''}
+                    onChange={(columnName: string) =>
+                      setInputMappings((prev) => ({ ...prev, [input.id]: columnName }))
+                    }
+                    error={
+                      showValidation && input.required && !inputMappings[input.id]
+                        ? 'Required'
+                        : null
+                    }
+                  />
+                </CollapsibleCard>
+              ))}
+            </div>
+          )}
+        </div>
+
+        <FieldDivider />
+
+        <div className='flex flex-col gap-[9.5px]'>
+          <Label className='pl-0.5'>Output columns</Label>
+          <p className='pl-0.5 text-[var(--text-tertiary)] text-caption'>
+            Creates: {enrichment.outputs.map((o) => o.name).join(', ')}
+          </p>
+        </div>
+
+        <FieldDivider />
+
+        <div className='flex items-center justify-between pl-0.5'>
+          <Label htmlFor='enrichment-auto-run'>Auto-run</Label>
+          <Switch
+            id='enrichment-auto-run'
+            checked={autoRun}
+            onCheckedChange={(v) => setAutoRun(!!v)}
+          />
+        </div>
+        {autoRun && (
+          <>
+            <FieldDivider />
+            <RunSettingsSection
+              depOptions={allColumns}
+              deps={deps}
+              onChangeDeps={setDeps}
+              error={showValidation && deps.length === 0 ? 'Select at least one column' : null}
+            />
+          </>
+        )}
+      </div>
+
+      <div className='flex items-center justify-end gap-2 border-[var(--border)] border-t px-2 py-3'>
+        <Button variant='default' size='sm' onClick={onClose}>
+          Cancel
+        </Button>
+        <Button variant='primary' size='sm' onClick={handleSave} disabled={saveDisabled}>
+          {saveDisabled ? 'Saving…' : 'Save'}
+        </Button>
+      </div>
+    </div>
+  )
+}