[AI Assistance] Fix copy file title

Also don't hide the button after copy

Fixed: 406078783
Change-Id: I9ee6a1a9d8b372b5df38b2de5b1380bc75ec0dcd
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6440928
Reviewed-by: Ergün Erdoğmuş <[email protected]>
Commit-Queue: Ergün Erdoğmuş <[email protected]>
Auto-Submit: Nikolay Vitkov <[email protected]>

Author: Lightning00Blade

front_end/panels/changes/CombinedDiffView.ts

@@ -28,6 +28,11 @@ const UIStrings = {
    * @description The title of the button after it was pressed and the text was copied to clipboard.
    */
   copied: 'Copied to clipboard',
+  /**
+   * @description The title of the copy file to clipboard button
+   * @example {index.css} PH1
+   */
+  copyFile: 'Copy file {PH1} to clipboard',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('panels/changes/CombinedDiffView.ts', UIStrings);
@@ -53,6 +58,7 @@ type View = (input: ViewInput, output: undefined, target: HTMLElement) => void;
 function renderSingleDiffView(singleDiffViewInput: SingleDiffViewInput): Lit.TemplateResult {
   const {fileName, fileUrl, mimeType, icon, diff, copied, onCopy, onFileNameClick} = singleDiffViewInput;
 
+  // clang-format off
   return html`
     <details open>
       <summary>
@@ -62,24 +68,27 @@ function renderSingleDiffView(singleDiffViewInput: SingleDiffViewInput): Lit.Tem
           <button class="file-name-link" @click=${() => onFileNameClick(fileUrl)}>${fileName}</button>
         </div>
         <div class="summary-right">
-          ${copied ? html`<span class="copied">${i18nString(UIStrings.copied)}</span>` : html`
-            <devtools-button
-              title=${'Copy'}
-              .size=${Buttons.Button.Size.SMALL}
-              .iconName=${'copy'}
-              .jslogContext=${'combined-diff-view.copy'}
-              .variant=${Buttons.Button.Variant.ICON}
-              @click=${() => onCopy(fileUrl)}></devtools-button>
-          `}
+          <devtools-button
+            title=${i18nString(UIStrings.copyFile, { PH1: fileName })}
+            .size=${Buttons.Button.Size.SMALL}
+            .iconName=${'copy'}
+            .jslogContext=${'combined-diff-view.copy'}
+            .variant=${Buttons.Button.Variant.ICON}
+            @click=${() => onCopy(fileUrl)}
+          ></devtools-button>
+          ${copied
+            ? html`<span class="copied">${i18nString(UIStrings.copied)}</span>`
+            : Lit.nothing}
         </div>
       </summary>
-      <div class='diff-view-container'>
+      <div class="diff-view-container">
         <devtools-diff-view
           .data=${{diff, mimeType} as DiffView.DiffView.DiffViewData}>
         </devtools-diff-view>
       </div>
     </details>
   `;
+  // clang-format on
 }
 
 export class CombinedDiffView extends UI.Widget.Widget {