Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

improvement: add hooks configuration UI for Slash Command export#427

Merged
breaking-brake merged 1 commit intomainbreaking-brake/cc-wf-studio:mainfrom
improvement/issue-413-hooks-configurationbreaking-brake/cc-wf-studio:improvement/issue-413-hooks-configurationCopy head branch name to clipboard
Jan 11, 2026
Merged

improvement: add hooks configuration UI for Slash Command export#427
breaking-brake merged 1 commit intomainbreaking-brake/cc-wf-studio:mainfrom
improvement/issue-413-hooks-configurationbreaking-brake/cc-wf-studio:improvement/issue-413-hooks-configurationCopy head branch name to clipboard

Conversation

@breaking-brake
Copy link
Copy Markdown
Owner

Summary

Add hooks configuration UI to Slash Command Options, allowing users to configure PreToolUse, PostToolUse, and Stop hooks with tool matchers and shell commands.

Changes

New Components

  • ToolSelectTagInput.tsx: React-Select style tool selector with tag display

    • Dropdown with filter input
    • Tab/Shift+Tab keyboard navigation
    • Enter to confirm selection
    • IME composition support (Japanese/Chinese/Korean)
  • TagInput.tsx: Reusable tag input component for free-form text entry

Architecture Changes

  • Unified slashCommandOptions: Consolidated context, model, and hooks into single slashCommandOptions object
  • HOOKS_MATCHER_TOOLS: New constant with official 15 Claude Code tools (separate from AI editing tools)

Files Modified

File Changes
workflow-definition.ts Added hooks types (HookType, HookEntry, HookAction, WorkflowHooks)
workflow-store.ts Unified slashCommandOptions state management
workflow-service.ts Updated serializeWorkflow to accept SlashCommandOptions
export-service.ts Read hooks from slashCommandOptions.hooks
SlashCommandOptionsDropdown.tsx Added hooks configuration UI in submenu
Toolbar.tsx Updated to use unified slashCommandOptions
refinement-store.ts Added HOOKS_MATCHER_TOOLS constant
i18n/* Added translation keys for hooks UI

Features

  • Hook Types: PreToolUse, PostToolUse, Stop
  • Matcher Patterns: Tool name selection from official 15 tools
  • Command Configuration: Shell command with optional once flag
  • Export Format: Claude Code Docs compliant YAML frontmatter

Testing

  • Manual E2E testing completed
  • Code quality checks passed (npm run format && npm run lint && npm run check)
  • Build successful (npm run build)

Related

Closes #413

- Add ToolSelectTagInput component for React-Select style tool selection
- Integrate hooks into slashCommandOptions (context, model, hooks unified)
- Add HOOKS_MATCHER_TOOLS constant with official 15 Claude Code tools
- Support PreToolUse, PostToolUse, Stop hook types with matcher patterns
- Tab/Shift+Tab keyboard navigation for dropdown candidates

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@breaking-brake breaking-brake merged commit 5520cf6 into main Jan 11, 2026
3 checks passed
@breaking-brake breaking-brake deleted the improvement/issue-413-hooks-configuration branch January 11, 2026 14:26
breaking-brake added a commit that referenced this pull request Jan 11, 2026
- Add ToolSelectTagInput component for React-Select style tool selection
- Integrate hooks into slashCommandOptions (context, model, hooks unified)
- Add HOOKS_MATCHER_TOOLS constant with official 15 Claude Code tools
- Support PreToolUse, PostToolUse, Stop hook types with matcher patterns
- Tab/Shift+Tab keyboard navigation for dropdown candidates

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@breaking-brake breaking-brake changed the title feat: add hooks configuration UI for Slash Command export improvement: add hooks configuration UI for Slash Command export Jan 11, 2026
@breaking-brake breaking-brake mentioned this pull request Jan 11, 2026
braking-brake-semantic-release Bot pushed a commit that referenced this pull request Jan 11, 2026
## [3.14.1](v3.14.0...v3.14.1) (2026-01-11)

### Improvements

* add hooks configuration UI for Slash Command export ([#427](#427)) ([a20257a](a20257a))
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.

feat: Add hooks configuration to workflow settings

1 participant

Morty Proxy This is a proxified and sanitized view of the page, visit original site.