{caption}
} -{caption}
} + ) } diff --git a/apps/docs/components/workflow-preview/block-inspector.tsx b/apps/docs/components/workflow-preview/block-inspector.tsx deleted file mode 100644 index a25fa3b3b83..00000000000 --- a/apps/docs/components/workflow-preview/block-inspector.tsx +++ /dev/null @@ -1,190 +0,0 @@ -'use client' - -import { ChipTag, chipFieldSurfaceClass, chipFieldTextClass, FieldDivider, Label } from '@sim/emcn' -import { formatDisplayText } from '@sim/workflow-renderer/formatted-text' -import { cn } from '@/components/docs/classnames' -import { DocsBlockTile } from '@/components/workflow-preview/docs-block-tile' - -type FieldKind = 'select' | 'input' | 'textarea' | 'code' | 'slider' | 'toggle' - -interface InspectorField { - label: string - required?: boolean - kind?: FieldKind - /** Shown inside the control. For 'toggle', "on"/"off". For 'slider', the number. */ - value?: string - /** Muted placeholder when there's no value. */ - placeholder?: string - /** Slider fill, 0–100. */ - percent?: number -} - -interface InspectorTool { - type: string - name: string - bgColor: string -} - -interface BlockInspectorProps { - /** Block name in the header, e.g. "Agent 1". */ - name: string - /** Block type, for the header icon. */ - type?: string - color?: string - isIntegration?: boolean - triggerMode?: boolean - fields: InspectorField[] - tools?: InspectorTool[] - /** Render as a borderless panel filling its parent (the lightbox sidebar). */ - embedded?: boolean -} - -/** Displays a configuration value using the shared chip field surface. */ -function FieldControl({ field }: { field: InspectorField }) { - const kind = field.kind ?? 'input' - const value = field.value ?? '' - const placeholder = field.placeholder ?? '—' - - if (kind === 'select' || kind === 'toggle') { - const content = kind === 'toggle' ? (value === 'on' ? 'On' : 'Off') : value || placeholder - return ( -