diff --git a/apps/docs/content/docs/en/quick-reference/index.mdx b/apps/docs/content/docs/en/quick-reference/index.mdx index 4766e0361..2b1439a4c 100644 --- a/apps/docs/content/docs/en/quick-reference/index.mdx +++ b/apps/docs/content/docs/en/quick-reference/index.mdx @@ -280,14 +280,24 @@ A quick lookup for everyday actions in the Sim workflow editor. For keyboard sho Click clear button in Chat panel + + Run from block + Hover block → Click play button, or right-click → **Run from block** + + + + Run until block + Right-click block → **Run until block** + + View execution logs Open terminal panel at bottom, or `Mod+L` - Filter logs by block or status - Click block filter in terminal or right-click log entry → **Filter by Block** or **Filter by Status** + Filter logs + Click filter icon in terminal → Filter by block or status diff --git a/apps/docs/public/static/quick-reference/filter-block.png b/apps/docs/public/static/quick-reference/filter-block.png index b6a936bb0..b5315258b 100644 Binary files a/apps/docs/public/static/quick-reference/filter-block.png and b/apps/docs/public/static/quick-reference/filter-block.png differ diff --git a/apps/docs/public/static/quick-reference/run-from-block.png b/apps/docs/public/static/quick-reference/run-from-block.png new file mode 100644 index 000000000..1616b9cab Binary files /dev/null and b/apps/docs/public/static/quick-reference/run-from-block.png differ diff --git a/apps/docs/public/static/quick-reference/run-until-block.png b/apps/docs/public/static/quick-reference/run-until-block.png new file mode 100644 index 000000000..f9ca4e7db Binary files /dev/null and b/apps/docs/public/static/quick-reference/run-until-block.png differ diff --git a/apps/docs/public/static/quick-reference/search-everything.png b/apps/docs/public/static/quick-reference/search-everything.png index bb401ccc6..c51d70fdb 100644 Binary files a/apps/docs/public/static/quick-reference/search-everything.png and b/apps/docs/public/static/quick-reference/search-everything.png differ diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx index aa65c7b30..3e0d78180 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx @@ -1,6 +1,6 @@ import { memo, useCallback } from 'react' -import { ArrowLeftRight, ArrowUpDown, Circle, CircleOff, LogOut, Play } from 'lucide-react' -import { Button, Copy, Tooltip, Trash2 } from '@/components/emcn' +import { ArrowLeftRight, ArrowUpDown, Circle, CircleOff, LogOut } from 'lucide-react' +import { Button, Copy, PlayOutline, Tooltip, Trash2 } from '@/components/emcn' import { cn } from '@/lib/core/utils/cn' import { isInputDefinitionTrigger } from '@/lib/workflows/triggers/input-definition-triggers' import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider' @@ -172,7 +172,7 @@ export const ActionBar = memo( className={ACTION_BUTTON_STYLES} disabled={disabled || !canRunFromBlock} > - + diff --git a/apps/sim/components/emcn/icons/index.ts b/apps/sim/components/emcn/icons/index.ts index c8ace8414..2318757ca 100644 --- a/apps/sim/components/emcn/icons/index.ts +++ b/apps/sim/components/emcn/icons/index.ts @@ -21,7 +21,7 @@ export { Loader } from './loader' export { MoreHorizontal } from './more-horizontal' export { NoWrap } from './no-wrap' export { PanelLeft } from './panel-left' -export { Play } from './play' +export { Play, PlayOutline } from './play' export { Redo } from './redo' export { Rocket } from './rocket' export { Trash } from './trash' diff --git a/apps/sim/components/emcn/icons/play.tsx b/apps/sim/components/emcn/icons/play.tsx index 9ef89dedc..965c73888 100644 --- a/apps/sim/components/emcn/icons/play.tsx +++ b/apps/sim/components/emcn/icons/play.tsx @@ -1,7 +1,7 @@ import type { SVGProps } from 'react' /** - * Play icon component + * Play icon component (filled/solid version) * @param props - SVG properties including className, fill, etc. */ export function Play(props: SVGProps) { @@ -21,3 +21,27 @@ export function Play(props: SVGProps) { ) } + +/** + * Play icon component (stroke/outline version, matches lucide style) + * Uses 24x24 viewBox and strokeWidth 2 for consistency with other icons. + * @param props - SVG properties including className, stroke, etc. + */ +export function PlayOutline(props: SVGProps) { + return ( + + + + ) +}