Add plus prefix and update underline styling for edit format selector button

- prefix edit format with "+"
- in edit format instruction, don't underline the "+ " prefix

└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── common
                        └── prompts
                            ├── PromptField
                            │   ├── PromptField.module.scss
                            │   ├── PromptField.stories.tsx
                            │   ├── PromptField.tsx
                            │   ├── hooks
                            │   │   ├── use-drag-drop.ts
                            │   │   ├── use-dropdown.ts
                            │   │   ├── use-ghost-text.ts
                            │   │   ├── use-handlers
                            │   │   │   ├── handle-copy.ts
                            │   │   │   ├── handle-cut.ts
                            │   │   │   ├── handle-input-change.ts
                            │   │   │   ├── handle-input-click.ts
                            │   │   │   ├── handle-key-down.ts
                            │   │   │   ├── handle-paste.ts
                            │   │   │   ├── handle-submit.ts
                            │   │   │   ├── index.ts
                            │   │   │   ├── types.ts
                            │   │   │   ├── use-handlers.ts
                            │   │   │   └── utils.ts
                            │   │   └── use-keyboard-shortcuts.ts
                            │   └── index.ts
                            ├── Template
                            │   ├── Template.module.scss
                            │   ├── Template.tsx
                            │   └── index.ts
                            └── shared
                                └── symbols
                                    ├── caret.ts
                                    ├── get-highlighted-text.tsx
                                    ├── index.ts
                                    ├── position-mapping.ts
                                    ├── prompt-symbols.module.scss
                                    ├── reconstruct-raw-value.ts
                                    └── use-symbol-deletion.ts

Author: robertpiosik

packages/ui/src/components/editor/common/prompts/PromptField/PromptField.module.scss

@@ -176,19 +176,21 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-        text-decoration: underline dotted;
-        text-underline-offset: 4px;
 
         &:hover {
           opacity: 1;
         }
 
         &--alt-pressed {
-          text-decoration: none;
           opacity: 1;
         }
       }
 
+      &__text {
+        text-decoration: underline dotted;
+        text-underline-offset: 4px;
+      }
+
       &__keycaps {
         display: flex;
         gap: 6px;

packages/ui/src/components/editor/common/prompts/PromptField/PromptField.tsx

@@ -639,13 +639,22 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
                     </KeycapWrapper>
                   </span>
                 ) : (
-                  {
-                    whole: props.translations.edit_format_whole,
-                    'search-replace':
-                      props.translations.edit_format_search_replace,
-                    diff: props.translations.edit_format_diff,
-                    truncated: props.translations.edit_format_truncated
-                  }[props.edit_format as EditFormat]
+                  <>
+                    +{' '}
+                    <span
+                      className={styles['footer__right__edit-format__text']}
+                    >
+                      {
+                        {
+                          whole: props.translations.edit_format_whole,
+                          'search-replace':
+                            props.translations.edit_format_search_replace,
+                          diff: props.translations.edit_format_diff,
+                          truncated: props.translations.edit_format_truncated
+                        }[props.edit_format as EditFormat]
+                      }
+                    </span>
+                  </>
                 )}
               </button>
             </div>