Mcp UI composable

[mattdholloway]

Summary

Why

Fixes #

What changed

MCP impact

• No tool or API changes
• Tool schema or behavior changed
• New tool added

Prompts tested (tool changes only)

Security / limits

• No security or limits impact
• Auth / permissions considered
• Data exposure, filtering, or token/size limits considered

Tool renaming

• I am renaming tools as part of this PR (e.g. a part of a consolidation effort)
  • I have added the new tool aliases in deprecated_tool_aliases.go
• I am not renaming tools as part of this PR

Note: if you're renaming tools, you must add the tool aliases. For more information on how to do so, please refer to the official docs.

Lint & tests

• Linted locally with ./script/lint
• Tested locally with ./script/test

Docs

• Not needed
• Updated (README / docs / examples)

[github-actions]

UI Components Diff Report

🆕 New Components

apps/compose/App.tsx

• Exports: ComposeApp
• Hooks: useState, useMcpApp, useEffect, useMemo, useCallback
• State: spec, values, currentStageIndex, submitting, error, success
• Primer components: Box, Text, Button, Spinner, Flash

apps/compose/components/CoreComponents.tsx

• Exports: TextInputComponent, TextareaInputComponent, SelectInputComponent, CheckboxInputComponent, InfoDisplayComponent, SectionLayoutComponent, DividerLayoutComponent
• Props: component, values, onChange, id, value, renderComponent, comp, index
• Primer components: FormControl, TextInput, Textarea, Checkbox, ActionMenu, ActionList, Flash, Box, Text

apps/compose/components/PickerComponents.tsx

• Exports: RepoPickerInput, IssuePickerInput, UserPickerInput, LabelPickerInput, MilestonePickerInput, ProjectPickerInput, PullRequestPickerInput, BranchPickerInput, TagPickerInput, ReleasePickerInput, DiscussionPickerInput, WorkflowPickerInput, IssueTypePickerInput, TeamPickerInput, OrgPickerInput
• Hooks: useState, useEffect, useCallback
• State: items, loading, filter, items, loading, filter, items, loading, filter, items, loading, filter, items, loading, items, loading, items, loading, filter, items, loading, filter, items, loading, filter, items, loading, items, loading, filter, items, loading, items, loading, items, loading, filter, items, loading, filter
• Primer components: FormControl, ActionMenu, ActionList, Spinner, TextInput, Box, Text, Avatar, Token

apps/compose/main.tsx

apps/get-me/App.tsx

• Exports: UserCard, GetMeApp
• Hooks: useMcpApp
• Primer components: Avatar, Box, Text, Link, Heading, Spinner

apps/issue-write/App.tsx

• Exports: SuccessView, CreateIssueApp
• Hooks: useState, useMcpApp, useEffect, useRef, useCallback, useMemo
• State: title, body, isSubmitting, error, successIssue, availableLabels, selectedLabels, labelsLoading, labelsFilter, availableAssignees, selectedAssignees, assigneesLoading, assigneesFilter, availableMilestones, selectedMilestone, milestonesLoading, availableIssueTypes, selectedIssueType, issueTypesLoading, selectedRepo, repoSearchResults, repoSearchLoading, repoFilter
• Primer components: Box, Text, TextInput, Button, Flash, Link, Spinner, FormControl, Token, ActionMenu, ActionList, Label

components/AppProvider.tsx

• Exports: AppProvider
• Props: children
• Hooks: useEffect
• Primer components: ThemeProvider, BaseStyles, Box

components/MarkdownEditor.tsx

• Exports: MarkdownEditor
• Props: value, onChange, placeholder, minHeight
• Hooks: useId, useTheme, useEffect
• State: viewMode
• Primer components: Box, Text, Button, IconButton, useTheme

---

_{🤖 This comment is automatically updated when UI component files change.}