Skip to content

Add remote troubleshoot button to v2 run view task window#2455

Draft
morgan-wowk wants to merge 1 commit into
masterfrom
execution-action-button
Draft

Add remote troubleshoot button to v2 run view task window#2455
morgan-wowk wants to merge 1 commit into
masterfrom
execution-action-button

Conversation

@morgan-wowk

@morgan-wowk morgan-wowk commented Jun 23, 2026

Copy link
Copy Markdown

Summary

  • Adds a configurable execution action button to the task details panel in the run view.
  • Button appears when an execution/task node is selected in the properties panel.
  • Status-gated: immediately visible for CANCELLED, SYSTEM_ERROR, FAILED; visible after 5 minutes for PENDING/QUEUED (polled every 10 s, not on every render).
  • Hidden on localhost/local environments. Hidden if window.__TANGLE_EXECUTION_ACTION__ config is absent.
  • Clicking opens a modal for optional additional context; submit POSTs a structured payload to a configurable backend proxy endpoint.
  • Animated success checkmark after submit.
  • After submit, localStorage (keyed by runId + executionId) shows "session opened at [time]" instead of the button — prevents duplicate submissions.
  • execution_url field in the payload uses existing ?nodeId=<task-name> deep-link support.
  • OSS-friendly: button renders nothing if config is absent; Shopify provides config via window.__TANGLE_EXECUTION_ACTION__ injected from oasis-frontend.

image.png

image.png

image.png

Config shape (window.__TANGLE_EXECUTION_ACTION__)

{
  endpointUrl: string;   // proxy endpoint, e.g. "/api/integration/slack_workflow_trigger"
  workflowId: string;    // logical workflow ID, e.g. "inspect_with_river"
  buttonText: string;
  modalTitle?: string;
  modalDescription?: string;
  successTitle?: string;
  successMessage?: string;
  source?: string;
}

Payload sent to endpointUrl

{
  "workflow_internal_id": "<workflowId>",
  "webhook_payload": {
    "execution_id": "...",
    "user_email": "...",
    "pipeline_run_id": "...",
    "pipeline_run_url": "...",
    "execution_url": "https://...?nodeId=TaskName",
    "additional_comments": "...",
    "source": "tangle-ui"
  }
}

New files

  • src/config/executionAction.ts — config type + Window augmentation
  • src/utils/executionActionStorage.ts — localStorage tracking
  • src/components/shared/ExecutionAction/ExecutionActionButton.tsx — main button with status/timer logic
  • src/components/shared/ExecutionAction/ExecutionActionDialog.tsx — modal with input/submitting/success states

Modified files

  • src/routes/v2/pages/RunView/nodes/TaskNode/context/RunViewTaskDetails.tsx — renders ExecutionActionButton above the Tabs

Test plan

  • Select a FAILED task — button appears immediately
  • Select a PENDING task — button hidden; appears after 5 min threshold
  • Submit with additional context — success animation shown
  • Re-select same task — "session opened at [time]" shown instead of button
  • Open on localhost — button absent
  • No window.__TANGLE_EXECUTION_ACTION__ set — button absent

morgan-wowk commented Jun 23, 2026

Copy link
Copy Markdown
Author

@github-actions

github-actions Bot commented Jun 23, 2026

Copy link
Copy Markdown

🎩 Preview

A preview build has been created at: execution-action-button/dc7beae

@morgan-wowk morgan-wowk changed the title Add analytics tracking and thumbs feedback to AI sidekick (V2 editor) Add configurable execution action button to run view task panel Jun 23, 2026
@morgan-wowk morgan-wowk force-pushed the execution-action-button branch 10 times, most recently from 456547c to e831e99 Compare June 23, 2026 20:53
Renders a full-width action button in the task properties panel when an
external action config is injected via window.__TANGLE_EXECUTION_ACTION__.
The button is gated behind status eligibility rules (immediate for FAILED/
CANCELLED/SYSTEM_ERROR, delayed 5 min for PENDING/QUEUED) and hidden on
localhost. On click it opens a dialog for optional comments, POSTs a
structured payload (execution_id, pipeline_run_id, pipeline_run_url,
execution_url, user_email, source, additional_comments) to the configured
webhook, and records the submission in localStorage to prevent duplicates.
@morgan-wowk morgan-wowk force-pushed the execution-action-button branch 2 times, most recently from 61870fa to dc7beae Compare June 25, 2026 18:26
@morgan-wowk morgan-wowk changed the title Add configurable execution action button to run view task panel Add remote troubleshoot button to v2 run view task window Jun 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant