fix(slack): use public output selectors

Author: TheodoreSpeaks

apps/docs/content/docs/integrations/slack.mdx

@@ -1971,7 +1971,7 @@ Trigger from Slack events, interactions, and slash commands
 | `manualChannelFilter` | string | No | Comma-separated channel IDs to restrict to. Set IDs directly here. |
 | `threads` | string | No | Include thread replies, exclude them \(top-level only\), or fire only on thread replies. |
 | `streamResponse` | boolean | No | Create a Slack agent session and stream selected workflow outputs into the conversation that started this run. Custom bots only. |
-| `streamOutputs` | workflow-output-selector | No | Each selected block invocation creates its own Slack response. Agent outputs stream live; other outputs are sent when the block completes. |
+| `streamOutputs` | workflow-output-selector | No | Output selectors use the same blockId.path form as the streaming API. Each selected block invocation creates its own Slack response. Agent outputs stream live; other outputs are sent when the block completes. |
 | `streamTaskTitle` | string | No | Optional status Slack shows while each selected response is being produced. Leave empty to use Running. |
 | `streamTaskDisplayMode` | string | No | Choose how Slack displays thinking and tool progress. |
 | `streamIncludeThinking` | boolean | No | Show agent thinking as Slack task updates while the response is generated. |

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/components/output-select/output-select.test.tsx

@@ -184,24 +184,30 @@ beforeEach(() => {
 function outputSelect(
   workflowId: string,
   selectedOutputs: string[],
-  onOutputSelect: (outputIds: string[]) => void
+  onOutputSelect: (outputIds: string[]) => void,
+  valueMode: 'id' | 'label' | 'public' = 'id'
 ) {
   return (
     <OutputSelect
       workflowId={workflowId}
       selectedOutputs={selectedOutputs}
       onOutputSelect={onOutputSelect}
+      valueMode={valueMode}
     />
   )
 }
 
-function renderOutputSelect(selectedOutputs: string[], onOutputSelect = vi.fn()) {
+function renderOutputSelect(
+  selectedOutputs: string[],
+  onOutputSelect = vi.fn(),
+  valueMode: 'id' | 'label' | 'public' = 'id'
+) {
   ;(globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true
   container = document.createElement('div')
   document.body.appendChild(container)
   root = createRoot(container)
   act(() => {
-    root?.render(outputSelect('root', selectedOutputs, onOutputSelect))
+    root?.render(outputSelect('root', selectedOutputs, onOutputSelect, valueMode))
   })
   return onOutputSelect
 }
@@ -256,6 +262,17 @@ describe('OutputSelect nested workflow menu', () => {
     expect(onOutputSelect).toHaveBeenCalledWith(['workflow/agent_answer'])
   })
 
+  it('emits public dot selectors for trigger authoring', () => {
+    const onOutputSelect = renderOutputSelect([], vi.fn(), 'public')
+
+    clickOption('content')
+    expect(onOutputSelect).toHaveBeenCalledWith(['summary.content'])
+
+    clickOption('Outputs')
+    clickOption('answer')
+    expect(onOutputSelect).toHaveBeenCalledWith(['workflow/agent.answer'])
+  })
+
   it('returns to the root menu when the owning workflow changes', () => {
     const onOutputSelect = renderOutputSelect([])
     clickOption('Outputs')

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/components/output-select/output-select.tsx

@@ -18,6 +18,7 @@ import {
   type WorkflowOutputMenuNode,
   type WorkflowOutputOption,
 } from '@/lib/workflows/streaming/nested-output-options'
+import { formatPublicOutputSelector } from '@/lib/workflows/streaming/output-selector'
 import { BlockTile } from '@/blocks/block-tile'
 import { DEFAULTS } from '@/executor/constants'
 import { useWorkflowStates } from '@/hooks/queries/workflows'
@@ -41,8 +42,8 @@ interface OutputSelectProps {
   disabled?: boolean
   /** Placeholder text when no outputs are selected */
   placeholder?: string
-  /** Whether to emit output IDs or labels in onOutputSelect callback */
-  valueMode?: 'id' | 'label'
+  /** Whether to emit internal IDs, display labels, or public dot selectors */
+  valueMode?: 'id' | 'label' | 'public'
   /** Alignment of the dropdown relative to the trigger */
   align?: 'start' | 'end' | 'center'
   /** Maximum height of the dropdown content in pixels */
@@ -64,14 +65,20 @@ interface OutputSelectMenuProps {
   onOutputSelect: (outputIds: string[]) => void
   disabled: boolean
   placeholder: string
-  valueMode: 'id' | 'label'
+  valueMode: 'id' | 'label' | 'public'
   align: 'start' | 'end' | 'center'
   maxHeight: number
   size: 'sm' | 'md'
   className?: string
 }
 
-function getOutputValue(output: WorkflowOutputOption, valueMode: 'id' | 'label'): string {
+function getOutputValue(
+  output: WorkflowOutputOption,
+  valueMode: 'id' | 'label' | 'public'
+): string {
+  if (valueMode === 'public') {
+    return formatPublicOutputSelector(output.blockId, output.path)
+  }
   return valueMode === 'label' && !output.blockId.includes('/') ? output.label : output.id
 }
 

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/workflow-output-selector/workflow-output-selector.tsx

@@ -34,6 +34,7 @@ export function WorkflowOutputSelector({
       onOutputSelect={setStoredValue}
       disabled={disabled || isPreview}
       placeholder={placeholder}
+      valueMode='public'
       size='md'
       className='w-full'
     />

apps/sim/lib/webhooks/slack-stream-config.test.ts

@@ -13,7 +13,7 @@ describe('Slack stream response config', () => {
     const providerConfig: Record<string, unknown> = {
       eventType: 'app_mention',
       streamResponse: true,
-      streamOutputs: ['block-1_content', 'workflow-block/block-2_result.value'],
+      streamOutputs: ['block-1.content', 'workflow-block/block-2.result.value'],
       streamIncludeThinking: true,
       streamIncludeToolCalls: false,
       streamTaskTitle: '  Working  ',
@@ -44,14 +44,14 @@ describe('Slack stream response config', () => {
       normalizeSlackStreamResponseConfig({
         eventType: 'message',
         streamResponse: true,
-        streamOutputs: ['block_content'],
+        streamOutputs: ['block.content'],
       })?.taskTitle
     ).toBe('Running')
     expect(
       normalizeSlackStreamResponseConfig({
         eventType: 'message',
         streamResponse: true,
-        streamOutputs: ['block_content'],
+        streamOutputs: ['block.content'],
         streamTaskTitle: '   ',
       })?.taskTitle
     ).toBe('Running')
@@ -88,14 +88,14 @@ describe('Slack stream response config', () => {
       normalizeSlackStreamResponseConfig({
         eventType: 'reaction_added',
         streamResponse: true,
-        streamOutputs: ['block_content'],
+        streamOutputs: ['block.content'],
       })
     ).toThrow('reply-capable')
     expect(() =>
       normalizeSlackStreamResponseConfig({
         eventType: 'message',
         streamResponse: true,
-        streamOutputs: ['content'],
+        streamOutputs: ['block_content'],
       })
     ).toThrow('Invalid Slack stream output selector')
   })

apps/sim/lib/webhooks/slack-stream-config.ts

@@ -1,5 +1,5 @@
 import { isRecordLike } from '@sim/utils/object'
-import { parseInternalOutputSelector } from '@/lib/workflows/streaming/output-selector'
+import { parsePublicOutputSelector } from '@/lib/workflows/streaming/output-selector'
 
 export const SLACK_STREAM_RESPONSE_EVENTS = [
   'message',
@@ -24,7 +24,7 @@ export interface SlackStreamResponseConfig {
 const SLACK_TASK_TITLE_LIMIT = 256
 
 function parseSlackOutputSelector(selector: string): SlackStreamOutputConfig {
-  const parsed = parseInternalOutputSelector(selector)
+  const parsed = parsePublicOutputSelector(selector)
   if (!parsed.path) {
     throw new Error(`Invalid Slack stream output selector: ${selector}`)
   }

apps/sim/triggers/slack/oauth.ts

@@ -190,7 +190,7 @@ export const slackOAuthTrigger: TriggerConfig = {
       type: 'workflow-output-selector',
       placeholder: 'Select workflow outputs',
       description:
-        'Each selected block invocation creates its own Slack response. Agent outputs stream live; other outputs are sent when the block completes.',
+        'Output selectors use the same blockId.path form as the streaming API. Each selected block invocation creates its own Slack response. Agent outputs stream live; other outputs are sent when the block completes.',
       required: {
         field: 'streamResponse',
         value: true,