Skip to content

Conversation

@petekp
Copy link
Collaborator

@petekp petekp commented Nov 24, 2025

Summary

  • Add shared/ directory with reusable ActionButtons component for consistent footer actions across all Tool UI components
  • Add option-list component as replacement for decision-prompt - provides single/multi-select option lists with configurable footer actions
  • Add footerActions support to DataTable, MediaCard, and SocialPost components
  • Rename action files for clarity: actions.tsxmedia-actions.tsx / post-actions.tsx
  • Add documentation comments to _ui.tsx/_cn.ts files explaining the copy-standalone portability pattern
  • Remove layout prop from ActionButtons (now responsive by default using container queries)

Key Changes

New Components

  • components/tool-ui/shared/ - Shared ActionButtons and utilities
  • components/tool-ui/option-list/ - New OptionList component

Breaking Changes

  • DecisionPrompt component removed (use OptionList or component-level footerActions instead)
  • Handler renames: onActiononMediaAction/onPostAction for media-card and social-post

Component Updates

  • All components now support footerActions prop for configurable footer action buttons
  • Each _cn.ts is now standalone (doesn't re-export from data-table)

Test plan

  • Verify gallery page renders all components correctly
  • Test OptionList presets (export, travel, notifications)
  • Test footerActions on SocialPost in chat-showcase
  • Verify TypeScript types are correct

🤖 Generated with Claude Code

@vercel
Copy link

vercel bot commented Nov 24, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
tool-ui Ready Ready Preview Comment Nov 24, 2025 11:06pm

…ttons

- Add shared/ directory with reusable ActionButtons component
- Add option-list component as replacement for decision-prompt
- Add footerActions support to DataTable, MediaCard, and SocialPost
- Rename action files for clarity (media-actions.tsx, post-actions.tsx)
- Add documentation comments to _ui.tsx/_cn.ts for portability
- Remove layout prop from ActionButtons (responsive by default)
- Update docs, presets, and gallery for OptionList

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
- Change breakpoint classes from "@md" to "@sm" for better responsiveness
- Ensure alignment classes are consistent with the new breakpoint adjustments
@petekp petekp merged commit 58095a7 into main Nov 24, 2025
3 checks passed
@petekp petekp deleted the pkp/20251124-refactor-v2 branch November 24, 2025 23:06
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.

2 participants