Refactor the hidden text item component and standardize "Pause for file upload" to "Pause for media upload" across the UI and VS Code backend

Author: robertpiosik

packages/ui/src/components/editor/panel/Presets/Presets.tsx

@@ -224,7 +224,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                   />
                   <IconButton
                     codicon_icon="file-media"
-                    title="Pause for file upload"
+                    title="Pause for media upload"
                     on_click={(e) => {
                       e.stopPropagation()
                       props.on_preset_click(preset.name, true)
@@ -773,7 +773,7 @@ export const Presets: React.FC<Presets.Props> = (props) => {
                       {preset.chatbot && (
                         <IconButton
                           codicon_icon="file-media"
-                          title="Pause for file upload"
+                          title="Pause for media upload"
                           on_click={(e) => {
                             e.stopPropagation()
                             props.on_preset_click(preset.name, true)

packages/ui/src/components/editor/panel/ResponsePreview/components/TextItem.module.scss

@@ -46,19 +46,11 @@
   }
 
   &__line {
-    flex-grow: 1;
+    flex: 1;
     height: 1px;
     background-color: var(--cwc-border-color-dimmed);
   }
 
-  &__icon {
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    background-color: var(--vscode-sideBar-background);
-    padding: 0 var(--padding-8px);
-  }
-
   &__tokens {
     font-size: var(--font-size-12px);
     color: var(--cwc-text-color-dimmed);

packages/ui/src/components/editor/panel/ResponsePreview/components/TextItem.tsx

@@ -32,9 +32,6 @@ export const TextItem: FC<Props> = (props) => {
           title={props.content}
         >
           <div className={styles.hidden__line} />
-          <div className={styles.hidden__icon}>
-            <IconButton codicon_icon="add" />
-          </div>
           <span className={styles.hidden__tokens}>
             {Math.floor(props.content.length * 0.25) || 1}
           </span>

packages/vscode/src/views/panel/backend/message-handlers/handle-send-prompt.ts

@@ -286,7 +286,7 @@ async function show_presets_in_group_quick_pick(params: {
 
   const run_without_submission_button: vscode.QuickInputButton = {
     iconPath: new vscode.ThemeIcon('file-media'),
-    tooltip: 'Pause for file upload'
+    tooltip: 'Pause for media upload'
   }
 
   quick_pick.buttons = [vscode.QuickInputButtons.Back, run_group_button]
@@ -545,7 +545,7 @@ async function show_preset_quick_pick(params: {
 
   const run_without_submission_button: vscode.QuickInputButton = {
     iconPath: new vscode.ThemeIcon('file-media'),
-    tooltip: 'Pause for file upload'
+    tooltip: 'Pause for media upload'
   }
 
   const quick_pick = vscode.window.createQuickPick<