[feat][New Feature]: Added a new instruction selector dropdown menu

[lumpinif]

New Feature: Instruction Selector Dropdown menu

Overview

• The feature provides an intuitive way to quickly select and manage instructions in the chat interface.
• Directly use updated instructions from the quick selection dropdown menu in the new chat - no copy & paste instructions anymore

UI/UX Improvements

New Selection Interface

• Implemented a clean, non-intrusive selection component that integrates seamlessly with Claude's existing UI
• Added dynamic instruction detection and highlighting for better visual feedback
• Enhanced text insertion reliability to ensure smooth user interaction

User Experience Enhancements

• Quick access to instruction selection without disrupting the chat flow
• Intelligent container management that adapts to Claude's input area
• Smooth cleanup and state management when switching between conversations

Technical Implementation

Architecture

• Built using a modular approach with dedicated feature scoping
• Implemented reactive DOM observation for reliable input container detection
• Clean separation of concerns between selection, content handling, and UI management

Key Components

• TCInstructionSelector: Core feature class managing initialization and lifecycle
• Dynamic input container processing with automatic cleanup
• Mutation observer integration for reliable DOM updates

Testing Instructions

1. Open a new chat with Claude
2. Observe the new instruction selector interface
3. Try selecting different instructions
4. Verify smooth insertion into the chat input
5. Test across different chat contexts and page refreshes

Version

• Version bump to 3.2.0

Documentation

• Updated CHANGELOG.md with feature details
• Added inline documentation for key components

[richards199999]

I have reviewed and tested. Wow! It's just fantastic. Thank you @lumpinif !