From 6bfd2e5a83b9a2a147b7f5e37f7cc92ff9936712 Mon Sep 17 00:00:00 2001
From: Denis Nykyforov <popalay1@gmail.com>
Date: Mon, 29 Apr 2024 18:58:29 +0300
Subject: [PATCH 1/9] Add a preference for the default action in Google
 Translate extension

---
 extensions/google-translate/CHANGELOG.md      |  3 +
 extensions/google-translate/package.json      | 21 ++++-
 .../QuickTranslate/QuickTranslateListItem.tsx | 53 +++++------
 extensions/google-translate/src/actions.tsx   | 56 +++++++++++
 .../google-translate/src/translate-form.tsx   | 70 +++++++-------
 extensions/google-translate/src/translate.tsx | 93 +++++++++----------
 6 files changed, 187 insertions(+), 109 deletions(-)
 create mode 100644 extensions/google-translate/src/actions.tsx

diff --git a/extensions/google-translate/CHANGELOG.md b/extensions/google-translate/CHANGELOG.md
index f08af3a01a1..312a2b8a487 100644
--- a/extensions/google-translate/CHANGELOG.md
+++ b/extensions/google-translate/CHANGELOG.md
@@ -1,5 +1,8 @@
 # Google Translate Changelog
 
+## [Default Action preference for translations] - 2024-04-29
+- Add a preference to set the default action for the translations
+
 ## [Re-added previously removed contributor] - 2024-04-26
 
 ## [Fix] - 2024-03-08
diff --git a/extensions/google-translate/package.json b/extensions/google-translate/package.json
index 10cafc5b05c..06d4307d02b 100644
--- a/extensions/google-translate/package.json
+++ b/extensions/google-translate/package.json
@@ -16,7 +16,8 @@
     "AlanHuang",
     "nirtamir2",
     "pernielsentikaer",
-    "rasitayaz"
+    "rasitayaz",
+    "popalay"
   ],
   "license": "MIT",
   "commands": [
@@ -943,6 +944,24 @@
       "required": false,
       "type": "checkbox",
       "default": true
+    },
+    {
+      "name": "defaultAction",
+      "title": "Default Action",
+      "description": "The default action to take when translating.",
+      "type": "dropdown",
+      "required": false,
+      "default": "copy",
+      "data": [
+        {
+          "title": "Copy to Clipboard",
+          "value": "copy"
+        },
+        {
+          "title": "Paste to App",
+          "value": "paste"
+        }
+      ]
     }
   ],
   "dependencies": {
diff --git a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
index 0631f065853..1eca0fbce79 100644
--- a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
+++ b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
@@ -1,8 +1,9 @@
-import { Action, ActionPanel, Icon, List, Toast, showToast } from "@raycast/api";
+import { Action, Icon, List, Toast, showToast } from "@raycast/api";
 import { usePromise } from "@raycast/utils";
 import { getLanguageFlag, supportedLanguagesByCode } from "../languages";
 import { simpleTranslate } from "../simple-translate";
 import { LanguageCodeSet } from "../types";
+import { getActions } from "../actions";
 
 export function QuickTranslateListItem(props: {
   debouncedText: string;
@@ -63,31 +64,31 @@ export function QuickTranslateListItem(props: {
         },
       ]}
       detail={<List.Item.Detail markdown={result.translatedText} />}
-      actions={
-        <ActionPanel>
-          <ActionPanel.Section>
-            <Action.CopyToClipboard title="Copy" content={result.translatedText} />
-            <Action
-              title="Toggle Full Text"
-              icon={Icon.Text}
-              onAction={() => props.setIsShowingDetail(!props.isShowingDetail)}
-            />
-            <Action.OpenInBrowser
-              title="Open in Google Translate"
-              shortcut={{ modifiers: ["opt"], key: "enter" }}
-              url={
-                "https://translate.google.com/?sl=" +
-                result.langFrom +
-                "&tl=" +
-                result.langTo +
-                "&text=" +
-                encodeURIComponent(props.debouncedText) +
-                "&op=translate"
-              }
-            />
-          </ActionPanel.Section>
-        </ActionPanel>
-      }
+      actions={getActions({
+        value: result.translatedText,
+        otherActions: [
+          <Action
+            key="toggle-full-text"
+            title="Toggle Full Text"
+            icon={Icon.Text}
+            onAction={() => props.setIsShowingDetail(!props.isShowingDetail)}
+          />,
+          <Action.OpenInBrowser
+            key="open-in-google-translate"
+            title="Open in Google Translate"
+            shortcut={{ modifiers: ["opt"], key: "enter" }}
+            url={
+              "https://translate.google.com/?sl=" +
+              result.langFrom +
+              "&tl=" +
+              result.langTo +
+              "&text=" +
+              encodeURIComponent(props.debouncedText) +
+              "&op=translate"
+            }
+          />,
+        ],
+      })}
     />
   );
 }
diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
new file mode 100644
index 00000000000..7ed7fcf0cc3
--- /dev/null
+++ b/extensions/google-translate/src/actions.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+import { Action, ActionPanel, getPreferenceValues } from "@raycast/api";
+
+enum DefaultActionPreference {
+  CopyToClipboard = "copy",
+  PasteToApp = "paste",
+}
+
+interface Preferences {
+  defaultAction?: DefaultActionPreference;
+}
+
+interface ActionsOpts {
+  value: string;
+  defaultActionsPrefix?: string;
+  firstSectionTitle?: string;
+  otherActions?: React.ReactElement[];
+  otherSections?: React.ReactElement[];
+}
+
+export function getActions({
+  value,
+  defaultActionsPrefix,
+  firstSectionTitle,
+  otherActions,
+  otherSections,
+}: ActionsOpts) {
+  const defaultPreference = getPreferenceValues<Preferences>().defaultAction;
+  const action = [
+    <Action.CopyToClipboard
+      title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`}
+      key={DefaultActionPreference.CopyToClipboard}
+      content={value}
+    />,
+    <Action.Paste
+      title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`}
+      key={DefaultActionPreference.PasteToApp}
+      content={value}
+    />,
+  ];
+  const defaultAction = action.find((action) => action.key === defaultPreference);
+  const secondaryAction = action.filter((action) => action.key !== defaultPreference);
+
+  return (
+    <ActionPanel>
+      <ActionPanel.Section title={firstSectionTitle}>
+        <>
+          {defaultAction}
+          {secondaryAction}
+          {otherActions}
+        </>
+      </ActionPanel.Section>
+      <>{otherSections}</>
+    </ActionPanel>
+  );
+}
diff --git a/extensions/google-translate/src/translate-form.tsx b/extensions/google-translate/src/translate-form.tsx
index 1461324ffdc..813ab17851b 100644
--- a/extensions/google-translate/src/translate-form.tsx
+++ b/extensions/google-translate/src/translate-form.tsx
@@ -5,6 +5,7 @@ import { useDebouncedValue, useSelectedLanguagesSet, useTextState } from "./hook
 import { LanguageCode, supportedLanguagesByCode, languages, getLanguageFlag } from "./languages";
 import { AUTO_DETECT, simpleTranslate } from "./simple-translate";
 import { LanguagesManagerList } from "./LanguagesManager";
+import { getActions } from "./actions";
 
 export default function TranslateForm() {
   const [selectedLanguageSet, setSelectedLanguageSet] = useSelectedLanguagesSet();
@@ -55,37 +56,38 @@ export default function TranslateForm() {
   return (
     <Form
       isLoading={isLoading}
-      actions={
-        <ActionPanel>
-          <ActionPanel.Section title="Generals">
-            <Action.CopyToClipboard title="Copy Translated" content={translated?.translatedText ?? ""} />
-            <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />
-            <Action.CopyToClipboard
-              title="Copy Pronunciation"
-              shortcut={{ modifiers: ["cmd", "shift"], key: "p" }}
-              content={translated?.pronunciationText ?? ""}
-            />
-            <Action.OpenInBrowser
-              title="Open in Google Translate"
-              shortcut={{ modifiers: ["opt"], key: "enter" }}
-              url={
-                "https://translate.google.com/?sl=" +
-                langFrom +
-                "&tl=" +
-                langTo +
-                "&text=" +
-                encodeURIComponent(text) +
-                "&op=translate"
-              }
-            />
-            <Action.Push
-              icon={Icon.Pencil}
-              title="Manage language sets..."
-              shortcut={{ modifiers: ["cmd"], key: "l" }}
-              target={<LanguagesManagerList />}
-            />
-          </ActionPanel.Section>
-
+      actions={getActions({
+        value: translated?.translatedText ?? "",
+        defaultActionsPrefix: "Translated",
+        firstSectionTitle: "Generals",
+        otherActions: [
+          <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />,
+          <Action.CopyToClipboard
+            title="Copy Pronunciation"
+            shortcut={{ modifiers: ["cmd", "shift"], key: "p" }}
+            content={translated?.pronunciationText ?? ""}
+          />,
+          <Action.OpenInBrowser
+            title="Open in Google Translate"
+            shortcut={{ modifiers: ["opt"], key: "enter" }}
+            url={
+              "https://translate.google.com/?sl=" +
+              langFrom +
+              "&tl=" +
+              langTo +
+              "&text=" +
+              encodeURIComponent(text) +
+              "&op=translate"
+            }
+          />,
+          <Action.Push
+            icon={Icon.Pencil}
+            title="Manage language sets..."
+            shortcut={{ modifiers: ["cmd"], key: "l" }}
+            target={<LanguagesManagerList />}
+          />,
+        ],
+        otherSections: [
           <ActionPanel.Section title="Settings">
             <Action
               shortcut={{ modifiers: ["cmd", "shift"], key: "s" }}
@@ -131,9 +133,9 @@ export default function TranslateForm() {
                 ))}
               </ActionPanel.Submenu>
             </ActionPanel.Submenu>
-          </ActionPanel.Section>
-        </ActionPanel>
-      }
+          </ActionPanel.Section>,
+        ],
+      })}
     >
       <Form.TextArea id="text" title="Text" value={text} onChange={handleChange} />
       <Form.Dropdown
diff --git a/extensions/google-translate/src/translate.tsx b/extensions/google-translate/src/translate.tsx
index 60ee92f524f..6ed6985f478 100644
--- a/extensions/google-translate/src/translate.tsx
+++ b/extensions/google-translate/src/translate.tsx
@@ -1,10 +1,11 @@
 import React, { ReactElement, useState } from "react";
-import { List, ActionPanel, showToast, Toast, Action, Icon } from "@raycast/api";
+import { List, showToast, Toast, Action, Icon } from "@raycast/api";
 import { usePromise } from "@raycast/utils";
 import { useDebouncedValue, useSelectedLanguagesSet, useTextState } from "./hooks";
 import { getLanguageFlag, supportedLanguagesByCode } from "./languages";
 import { LanguageManagerListDropdown } from "./LanguagesManager";
 import { doubleWayTranslate, playTTS } from "./simple-translate";
+import { getActions } from "./actions";
 
 export default function Translate(): ReactElement {
   const [selectedLanguageSet] = useSelectedLanguagesSet();
@@ -48,21 +49,50 @@ export default function Translate(): ReactElement {
               title={r.translatedText}
               accessories={[{ text: languages, tooltip: tooltip }]}
               detail={<List.Item.Detail markdown={r.translatedText} />}
-              actions={
-                <ActionPanel>
-                  <ActionPanel.Section>
-                    <Action.CopyToClipboard title="Copy" content={r.translatedText} />
+              actions={getActions({
+                value: r.translatedText,
+                otherActions: [
+                  <Action
+                    title="Toggle Full Text"
+                    icon={Icon.Text}
+                    onAction={() => setIsShowingDetail(!isShowingDetail)}
+                  />,
+                  <Action
+                    title="Play Text-To-Speech"
+                    icon={Icon.Play}
+                    shortcut={{ modifiers: ["cmd"], key: "t" }}
+                    onAction={() => playTTS(r.translatedText, r.langTo)}
+                  />,
+                  <Action.OpenInBrowser
+                    title="Open in Google Translate"
+                    shortcut={{ modifiers: ["opt"], key: "enter" }}
+                    url={
+                      "https://translate.google.com/?sl=" +
+                      r.langFrom +
+                      "&tl=" +
+                      r.langTo +
+                      "&text=" +
+                      encodeURIComponent(debouncedValue) +
+                      "&op=translate"
+                    }
+                  />,
+                ],
+              })}
+            />
+            {r.pronunciationText && (
+              <List.Item
+                key={index}
+                title={r.pronunciationText}
+                accessories={[{ text: languages, tooltip: tooltip }]}
+                detail={<List.Item.Detail markdown={r.pronunciationText} />}
+                actions={getActions({
+                  value: r.translatedText,
+                  otherActions: [
                     <Action
                       title="Toggle Full Text"
                       icon={Icon.Text}
                       onAction={() => setIsShowingDetail(!isShowingDetail)}
-                    />
-                    <Action
-                      title="Play Text-To-Speech"
-                      icon={Icon.Play}
-                      shortcut={{ modifiers: ["cmd"], key: "t" }}
-                      onAction={() => playTTS(r.translatedText, r.langTo)}
-                    />
+                    />,
                     <Action.OpenInBrowser
                       title="Open in Google Translate"
                       shortcut={{ modifiers: ["opt"], key: "enter" }}
@@ -75,42 +105,9 @@ export default function Translate(): ReactElement {
                         encodeURIComponent(debouncedValue) +
                         "&op=translate"
                       }
-                    />
-                  </ActionPanel.Section>
-                </ActionPanel>
-              }
-            />
-            {r.pronunciationText && (
-              <List.Item
-                key={index}
-                title={r.pronunciationText}
-                accessories={[{ text: languages, tooltip: tooltip }]}
-                detail={<List.Item.Detail markdown={r.pronunciationText} />}
-                actions={
-                  <ActionPanel>
-                    <ActionPanel.Section>
-                      <Action.CopyToClipboard title="Copy" content={r.pronunciationText} />
-                      <Action
-                        title="Toggle Full Text"
-                        icon={Icon.Text}
-                        onAction={() => setIsShowingDetail(!isShowingDetail)}
-                      />
-                      <Action.OpenInBrowser
-                        title="Open in Google Translate"
-                        shortcut={{ modifiers: ["opt"], key: "enter" }}
-                        url={
-                          "https://translate.google.com/?sl=" +
-                          r.langFrom +
-                          "&tl=" +
-                          r.langTo +
-                          "&text=" +
-                          encodeURIComponent(debouncedValue) +
-                          "&op=translate"
-                        }
-                      />
-                    </ActionPanel.Section>
-                  </ActionPanel>
-                }
+                    />,
+                  ],
+                })}
               />
             )}
           </>

From d4470f07467ffff90bbd4a790e0556a62e49e44b Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:07:58 +0300
Subject: [PATCH 2/9] refactoring

---
 .../QuickTranslate/QuickTranslateListItem.tsx | 56 ++++++++-------
 extensions/google-translate/src/actions.tsx   | 48 +++++--------
 .../google-translate/src/translate-form.tsx   | 72 +++++++++----------
 extensions/google-translate/src/translate.tsx | 40 +++++------
 4 files changed, 101 insertions(+), 115 deletions(-)

diff --git a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
index 1eca0fbce79..d5a34add0a0 100644
--- a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
+++ b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
@@ -1,9 +1,9 @@
-import { Action, Icon, List, Toast, showToast } from "@raycast/api";
+import { Action, ActionPanel, Icon, List, Toast, showToast } from "@raycast/api";
 import { usePromise } from "@raycast/utils";
 import { getLanguageFlag, supportedLanguagesByCode } from "../languages";
 import { simpleTranslate } from "../simple-translate";
 import { LanguageCodeSet } from "../types";
-import { getActions } from "../actions";
+import { ConfigurableAction } from "../actions";
 
 export function QuickTranslateListItem(props: {
   debouncedText: string;
@@ -64,31 +64,33 @@ export function QuickTranslateListItem(props: {
         },
       ]}
       detail={<List.Item.Detail markdown={result.translatedText} />}
-      actions={getActions({
-        value: result.translatedText,
-        otherActions: [
-          <Action
-            key="toggle-full-text"
-            title="Toggle Full Text"
-            icon={Icon.Text}
-            onAction={() => props.setIsShowingDetail(!props.isShowingDetail)}
-          />,
-          <Action.OpenInBrowser
-            key="open-in-google-translate"
-            title="Open in Google Translate"
-            shortcut={{ modifiers: ["opt"], key: "enter" }}
-            url={
-              "https://translate.google.com/?sl=" +
-              result.langFrom +
-              "&tl=" +
-              result.langTo +
-              "&text=" +
-              encodeURIComponent(props.debouncedText) +
-              "&op=translate"
-            }
-          />,
-        ],
-      })}
+      actions={
+        <ActionPanel>
+          <ActionPanel.Section title="Generals">
+            <ConfigurableAction defaultActionsPrefix="Translation" value={result.translatedText} />
+            <Action
+              key="toggle-full-text"
+              title="Toggle Full Text"
+              icon={Icon.Text}
+              onAction={() => props.setIsShowingDetail(!props.isShowingDetail)}
+            />
+            <Action.OpenInBrowser
+              key="open-in-google-translate"
+              title="Open in Google Translate"
+              shortcut={{ modifiers: ["opt"], key: "enter" }}
+              url={
+                "https://translate.google.com/?sl=" +
+                result.langFrom +
+                "&tl=" +
+                result.langTo +
+                "&text=" +
+                encodeURIComponent(props.debouncedText) +
+                "&op=translate"
+              }
+            />
+          </ActionPanel.Section>
+        </ActionPanel>
+      }
     />
   );
 }
diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
index 7ed7fcf0cc3..867eb75a029 100644
--- a/extensions/google-translate/src/actions.tsx
+++ b/extensions/google-translate/src/actions.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { Action, ActionPanel, getPreferenceValues } from "@raycast/api";
+import { Action, getPreferenceValues } from "@raycast/api";
 
 enum DefaultActionPreference {
   CopyToClipboard = "copy",
@@ -18,39 +18,25 @@ interface ActionsOpts {
   otherSections?: React.ReactElement[];
 }
 
-export function getActions({
-  value,
-  defaultActionsPrefix,
-  firstSectionTitle,
-  otherActions,
-  otherSections,
-}: ActionsOpts) {
+export const ConfigurableAction = ({ defaultActionsPrefix, value }: ActionsOpts) => {
   const defaultPreference = getPreferenceValues<Preferences>().defaultAction;
-  const action = [
+
+  if (defaultPreference === DefaultActionPreference.PasteToApp) {
+    return (
+      <Action.Paste
+        title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`}
+        key={DefaultActionPreference.PasteToApp}
+        content={value}
+      />
+    );
+  }
+
+  // DefaultActionPreference.CopyToClipboard is default action
+  return (
     <Action.CopyToClipboard
       title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`}
       key={DefaultActionPreference.CopyToClipboard}
       content={value}
-    />,
-    <Action.Paste
-      title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`}
-      key={DefaultActionPreference.PasteToApp}
-      content={value}
-    />,
-  ];
-  const defaultAction = action.find((action) => action.key === defaultPreference);
-  const secondaryAction = action.filter((action) => action.key !== defaultPreference);
-
-  return (
-    <ActionPanel>
-      <ActionPanel.Section title={firstSectionTitle}>
-        <>
-          {defaultAction}
-          {secondaryAction}
-          {otherActions}
-        </>
-      </ActionPanel.Section>
-      <>{otherSections}</>
-    </ActionPanel>
+    />
   );
-}
+};
diff --git a/extensions/google-translate/src/translate-form.tsx b/extensions/google-translate/src/translate-form.tsx
index 813ab17851b..a2cebffa56b 100644
--- a/extensions/google-translate/src/translate-form.tsx
+++ b/extensions/google-translate/src/translate-form.tsx
@@ -5,7 +5,7 @@ import { useDebouncedValue, useSelectedLanguagesSet, useTextState } from "./hook
 import { LanguageCode, supportedLanguagesByCode, languages, getLanguageFlag } from "./languages";
 import { AUTO_DETECT, simpleTranslate } from "./simple-translate";
 import { LanguagesManagerList } from "./LanguagesManager";
-import { getActions } from "./actions";
+import { ConfigurableAction } from "./actions";
 
 export default function TranslateForm() {
   const [selectedLanguageSet, setSelectedLanguageSet] = useSelectedLanguagesSet();
@@ -56,38 +56,38 @@ export default function TranslateForm() {
   return (
     <Form
       isLoading={isLoading}
-      actions={getActions({
-        value: translated?.translatedText ?? "",
-        defaultActionsPrefix: "Translated",
-        firstSectionTitle: "Generals",
-        otherActions: [
-          <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />,
-          <Action.CopyToClipboard
-            title="Copy Pronunciation"
-            shortcut={{ modifiers: ["cmd", "shift"], key: "p" }}
-            content={translated?.pronunciationText ?? ""}
-          />,
-          <Action.OpenInBrowser
-            title="Open in Google Translate"
-            shortcut={{ modifiers: ["opt"], key: "enter" }}
-            url={
-              "https://translate.google.com/?sl=" +
-              langFrom +
-              "&tl=" +
-              langTo +
-              "&text=" +
-              encodeURIComponent(text) +
-              "&op=translate"
-            }
-          />,
-          <Action.Push
-            icon={Icon.Pencil}
-            title="Manage language sets..."
-            shortcut={{ modifiers: ["cmd"], key: "l" }}
-            target={<LanguagesManagerList />}
-          />,
-        ],
-        otherSections: [
+      actions={
+        <ActionPanel>
+          <ActionPanel.Section title="Generals">
+            <ConfigurableAction defaultActionsPrefix="Translated" value={translated?.translatedText ?? ""} />
+            <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />,
+            <Action.CopyToClipboard
+              title="Copy Pronunciation"
+              shortcut={{ modifiers: ["cmd", "shift"], key: "p" }}
+              content={translated?.pronunciationText ?? ""}
+            />
+            ,
+            <Action.OpenInBrowser
+              title="Open in Google Translate"
+              shortcut={{ modifiers: ["opt"], key: "enter" }}
+              url={
+                "https://translate.google.com/?sl=" +
+                langFrom +
+                "&tl=" +
+                langTo +
+                "&text=" +
+                encodeURIComponent(text) +
+                "&op=translate"
+              }
+            />
+            ,
+            <Action.Push
+              icon={Icon.Pencil}
+              title="Manage language sets..."
+              shortcut={{ modifiers: ["cmd"], key: "l" }}
+              target={<LanguagesManagerList />}
+            />
+          </ActionPanel.Section>
           <ActionPanel.Section title="Settings">
             <Action
               shortcut={{ modifiers: ["cmd", "shift"], key: "s" }}
@@ -133,9 +133,9 @@ export default function TranslateForm() {
                 ))}
               </ActionPanel.Submenu>
             </ActionPanel.Submenu>
-          </ActionPanel.Section>,
-        ],
-      })}
+          </ActionPanel.Section>
+        </ActionPanel>
+      }
     >
       <Form.TextArea id="text" title="Text" value={text} onChange={handleChange} />
       <Form.Dropdown
diff --git a/extensions/google-translate/src/translate.tsx b/extensions/google-translate/src/translate.tsx
index 6ed6985f478..d7c89bb5913 100644
--- a/extensions/google-translate/src/translate.tsx
+++ b/extensions/google-translate/src/translate.tsx
@@ -1,11 +1,11 @@
 import React, { ReactElement, useState } from "react";
-import { List, showToast, Toast, Action, Icon } from "@raycast/api";
+import { List, showToast, Toast, Action, Icon, ActionPanel } from "@raycast/api";
 import { usePromise } from "@raycast/utils";
 import { useDebouncedValue, useSelectedLanguagesSet, useTextState } from "./hooks";
 import { getLanguageFlag, supportedLanguagesByCode } from "./languages";
 import { LanguageManagerListDropdown } from "./LanguagesManager";
 import { doubleWayTranslate, playTTS } from "./simple-translate";
-import { getActions } from "./actions";
+import { ConfigurableAction } from "./actions";
 
 export default function Translate(): ReactElement {
   const [selectedLanguageSet] = useSelectedLanguagesSet();
@@ -43,26 +43,25 @@ export default function Translate(): ReactElement {
         const tooltip = `${langFrom?.name ?? langFrom?.code} -> ${langTo?.name ?? langTo?.code}`;
 
         return (
-          <>
+          <React.Fragment key={index}>
             <List.Item
-              key={index}
               title={r.translatedText}
               accessories={[{ text: languages, tooltip: tooltip }]}
               detail={<List.Item.Detail markdown={r.translatedText} />}
-              actions={getActions({
-                value: r.translatedText,
-                otherActions: [
+              actions={
+                <ActionPanel>
+                  <ConfigurableAction defaultActionsPrefix="Translation" value={r.translatedText} />
                   <Action
                     title="Toggle Full Text"
                     icon={Icon.Text}
                     onAction={() => setIsShowingDetail(!isShowingDetail)}
-                  />,
+                  />
                   <Action
                     title="Play Text-To-Speech"
                     icon={Icon.Play}
                     shortcut={{ modifiers: ["cmd"], key: "t" }}
                     onAction={() => playTTS(r.translatedText, r.langTo)}
-                  />,
+                  />
                   <Action.OpenInBrowser
                     title="Open in Google Translate"
                     shortcut={{ modifiers: ["opt"], key: "enter" }}
@@ -75,24 +74,23 @@ export default function Translate(): ReactElement {
                       encodeURIComponent(debouncedValue) +
                       "&op=translate"
                     }
-                  />,
-                ],
-              })}
+                  />
+                </ActionPanel>
+              }
             />
             {r.pronunciationText && (
               <List.Item
-                key={index}
                 title={r.pronunciationText}
                 accessories={[{ text: languages, tooltip: tooltip }]}
                 detail={<List.Item.Detail markdown={r.pronunciationText} />}
-                actions={getActions({
-                  value: r.translatedText,
-                  otherActions: [
+                actions={
+                  <ActionPanel>
+                    <ConfigurableAction defaultActionsPrefix="Pronunciation" value={r.translatedText} />
                     <Action
                       title="Toggle Full Text"
                       icon={Icon.Text}
                       onAction={() => setIsShowingDetail(!isShowingDetail)}
-                    />,
+                    />
                     <Action.OpenInBrowser
                       title="Open in Google Translate"
                       shortcut={{ modifiers: ["opt"], key: "enter" }}
@@ -105,12 +103,12 @@ export default function Translate(): ReactElement {
                         encodeURIComponent(debouncedValue) +
                         "&op=translate"
                       }
-                    />,
-                  ],
-                })}
+                    />
+                  </ActionPanel>
+                }
               />
             )}
-          </>
+          </React.Fragment>
         );
       })}
     </List>

From be6daa0b1356777c27eeae0af0dfda9b5b320662 Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:18:18 +0300
Subject: [PATCH 3/9] add missing sections

---
 .../QuickTranslate/QuickTranslateListItem.tsx |  2 +-
 extensions/google-translate/src/translate.tsx | 40 ++++++++++---------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
index d5a34add0a0..e38f965a400 100644
--- a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
+++ b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
@@ -66,7 +66,7 @@ export function QuickTranslateListItem(props: {
       detail={<List.Item.Detail markdown={result.translatedText} />}
       actions={
         <ActionPanel>
-          <ActionPanel.Section title="Generals">
+          <ActionPanel.Section>
             <ConfigurableAction defaultActionsPrefix="Translation" value={result.translatedText} />
             <Action
               key="toggle-full-text"
diff --git a/extensions/google-translate/src/translate.tsx b/extensions/google-translate/src/translate.tsx
index d7c89bb5913..e9f880847a8 100644
--- a/extensions/google-translate/src/translate.tsx
+++ b/extensions/google-translate/src/translate.tsx
@@ -85,25 +85,27 @@ export default function Translate(): ReactElement {
                 detail={<List.Item.Detail markdown={r.pronunciationText} />}
                 actions={
                   <ActionPanel>
-                    <ConfigurableAction defaultActionsPrefix="Pronunciation" value={r.translatedText} />
-                    <Action
-                      title="Toggle Full Text"
-                      icon={Icon.Text}
-                      onAction={() => setIsShowingDetail(!isShowingDetail)}
-                    />
-                    <Action.OpenInBrowser
-                      title="Open in Google Translate"
-                      shortcut={{ modifiers: ["opt"], key: "enter" }}
-                      url={
-                        "https://translate.google.com/?sl=" +
-                        r.langFrom +
-                        "&tl=" +
-                        r.langTo +
-                        "&text=" +
-                        encodeURIComponent(debouncedValue) +
-                        "&op=translate"
-                      }
-                    />
+                    <ActionPanel.Section>
+                      <ConfigurableAction value={r.translatedText} />
+                      <Action
+                        title="Toggle Full Text"
+                        icon={Icon.Text}
+                        onAction={() => setIsShowingDetail(!isShowingDetail)}
+                      />
+                      <Action.OpenInBrowser
+                        title="Open in Google Translate"
+                        shortcut={{ modifiers: ["opt"], key: "enter" }}
+                        url={
+                          "https://translate.google.com/?sl=" +
+                          r.langFrom +
+                          "&tl=" +
+                          r.langTo +
+                          "&text=" +
+                          encodeURIComponent(debouncedValue) +
+                          "&op=translate"
+                        }
+                      />
+                    </ActionPanel.Section>
                   </ActionPanel>
                 }
               />

From f62772fab056ec6bf8addbb7712b5357b08fb594 Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:19:36 +0300
Subject: [PATCH 4/9] remove unused keys

---
 .../src/QuickTranslate/QuickTranslateListItem.tsx               | 2 --
 1 file changed, 2 deletions(-)

diff --git a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
index e38f965a400..61bc7f70350 100644
--- a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
+++ b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
@@ -69,13 +69,11 @@ export function QuickTranslateListItem(props: {
           <ActionPanel.Section>
             <ConfigurableAction defaultActionsPrefix="Translation" value={result.translatedText} />
             <Action
-              key="toggle-full-text"
               title="Toggle Full Text"
               icon={Icon.Text}
               onAction={() => props.setIsShowingDetail(!props.isShowingDetail)}
             />
             <Action.OpenInBrowser
-              key="open-in-google-translate"
               title="Open in Google Translate"
               shortcut={{ modifiers: ["opt"], key: "enter" }}
               url={

From 68d523d32c6be4e192ca612bf39fc06541102e2c Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:31:34 +0300
Subject: [PATCH 5/9] fix logic

---
 extensions/google-translate/src/actions.tsx | 33 ++++++++++++++-------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
index 867eb75a029..cffabe01f24 100644
--- a/extensions/google-translate/src/actions.tsx
+++ b/extensions/google-translate/src/actions.tsx
@@ -21,22 +21,35 @@ interface ActionsOpts {
 export const ConfigurableAction = ({ defaultActionsPrefix, value }: ActionsOpts) => {
   const defaultPreference = getPreferenceValues<Preferences>().defaultAction;
 
+  const pasteAction = (
+    <Action.Paste
+      title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`}
+      key={DefaultActionPreference.PasteToApp}
+      content={value}
+    />
+  );
+  const copyAction = (
+    <Action.CopyToClipboard
+      title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`}
+      key={DefaultActionPreference.CopyToClipboard}
+      content={value}
+    />
+  );
+
   if (defaultPreference === DefaultActionPreference.PasteToApp) {
     return (
-      <Action.Paste
-        title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`}
-        key={DefaultActionPreference.PasteToApp}
-        content={value}
-      />
+      <>
+        {pasteAction}
+        {copyAction}
+      </>
     );
   }
 
   // DefaultActionPreference.CopyToClipboard is default action
   return (
-    <Action.CopyToClipboard
-      title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`}
-      key={DefaultActionPreference.CopyToClipboard}
-      content={value}
-    />
+    <>
+      {copyAction}
+      {pasteAction}
+    </>
   );
 };

From c8f5b65d50e6e14ebe4d98e7e5af9cc714cb85a0 Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:32:34 +0300
Subject: [PATCH 6/9] remove extra comment

---
 extensions/google-translate/src/actions.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
index cffabe01f24..18e0198c39e 100644
--- a/extensions/google-translate/src/actions.tsx
+++ b/extensions/google-translate/src/actions.tsx
@@ -45,7 +45,6 @@ export const ConfigurableAction = ({ defaultActionsPrefix, value }: ActionsOpts)
     );
   }
 
-  // DefaultActionPreference.CopyToClipboard is default action
   return (
     <>
       {copyAction}

From d76ada285b16aef375cac9171d4da8e5fa276aaa Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:33:29 +0300
Subject: [PATCH 7/9] remove keys

---
 extensions/google-translate/src/actions.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
index 18e0198c39e..a06a01c6740 100644
--- a/extensions/google-translate/src/actions.tsx
+++ b/extensions/google-translate/src/actions.tsx
@@ -22,18 +22,10 @@ export const ConfigurableAction = ({ defaultActionsPrefix, value }: ActionsOpts)
   const defaultPreference = getPreferenceValues<Preferences>().defaultAction;
 
   const pasteAction = (
-    <Action.Paste
-      title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`}
-      key={DefaultActionPreference.PasteToApp}
-      content={value}
-    />
+    <Action.Paste title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`} content={value} />
   );
   const copyAction = (
-    <Action.CopyToClipboard
-      title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`}
-      key={DefaultActionPreference.CopyToClipboard}
-      content={value}
-    />
+    <Action.CopyToClipboard title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`} content={value} />
   );
 
   if (defaultPreference === DefaultActionPreference.PasteToApp) {

From 4c4d0d33658da07fdc02849aa4adba745e941a93 Mon Sep 17 00:00:00 2001
From: gebeto <slavik.nychkalo@gmail.com>
Date: Tue, 30 Apr 2024 13:34:52 +0300
Subject: [PATCH 8/9] update configurable actions name

---
 .../src/QuickTranslate/QuickTranslateListItem.tsx           | 4 ++--
 extensions/google-translate/src/actions.tsx                 | 2 +-
 extensions/google-translate/src/translate-form.tsx          | 4 ++--
 extensions/google-translate/src/translate.tsx               | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
index 61bc7f70350..f08f5805560 100644
--- a/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
+++ b/extensions/google-translate/src/QuickTranslate/QuickTranslateListItem.tsx
@@ -3,7 +3,7 @@ import { usePromise } from "@raycast/utils";
 import { getLanguageFlag, supportedLanguagesByCode } from "../languages";
 import { simpleTranslate } from "../simple-translate";
 import { LanguageCodeSet } from "../types";
-import { ConfigurableAction } from "../actions";
+import { ConfigurableCopyPasteActions } from "../actions";
 
 export function QuickTranslateListItem(props: {
   debouncedText: string;
@@ -67,7 +67,7 @@ export function QuickTranslateListItem(props: {
       actions={
         <ActionPanel>
           <ActionPanel.Section>
-            <ConfigurableAction defaultActionsPrefix="Translation" value={result.translatedText} />
+            <ConfigurableCopyPasteActions defaultActionsPrefix="Translation" value={result.translatedText} />
             <Action
               title="Toggle Full Text"
               icon={Icon.Text}
diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
index a06a01c6740..9cd7eccdb40 100644
--- a/extensions/google-translate/src/actions.tsx
+++ b/extensions/google-translate/src/actions.tsx
@@ -18,7 +18,7 @@ interface ActionsOpts {
   otherSections?: React.ReactElement[];
 }
 
-export const ConfigurableAction = ({ defaultActionsPrefix, value }: ActionsOpts) => {
+export const ConfigurableCopyPasteActions = ({ defaultActionsPrefix, value }: ActionsOpts) => {
   const defaultPreference = getPreferenceValues<Preferences>().defaultAction;
 
   const pasteAction = (
diff --git a/extensions/google-translate/src/translate-form.tsx b/extensions/google-translate/src/translate-form.tsx
index a2cebffa56b..17377652fca 100644
--- a/extensions/google-translate/src/translate-form.tsx
+++ b/extensions/google-translate/src/translate-form.tsx
@@ -5,7 +5,7 @@ import { useDebouncedValue, useSelectedLanguagesSet, useTextState } from "./hook
 import { LanguageCode, supportedLanguagesByCode, languages, getLanguageFlag } from "./languages";
 import { AUTO_DETECT, simpleTranslate } from "./simple-translate";
 import { LanguagesManagerList } from "./LanguagesManager";
-import { ConfigurableAction } from "./actions";
+import { ConfigurableCopyPasteActions } from "./actions";
 
 export default function TranslateForm() {
   const [selectedLanguageSet, setSelectedLanguageSet] = useSelectedLanguagesSet();
@@ -59,7 +59,7 @@ export default function TranslateForm() {
       actions={
         <ActionPanel>
           <ActionPanel.Section title="Generals">
-            <ConfigurableAction defaultActionsPrefix="Translated" value={translated?.translatedText ?? ""} />
+            <ConfigurableCopyPasteActions defaultActionsPrefix="Translated" value={translated?.translatedText ?? ""} />
             <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />,
             <Action.CopyToClipboard
               title="Copy Pronunciation"
diff --git a/extensions/google-translate/src/translate.tsx b/extensions/google-translate/src/translate.tsx
index e9f880847a8..eb44f4fbaf5 100644
--- a/extensions/google-translate/src/translate.tsx
+++ b/extensions/google-translate/src/translate.tsx
@@ -5,7 +5,7 @@ import { useDebouncedValue, useSelectedLanguagesSet, useTextState } from "./hook
 import { getLanguageFlag, supportedLanguagesByCode } from "./languages";
 import { LanguageManagerListDropdown } from "./LanguagesManager";
 import { doubleWayTranslate, playTTS } from "./simple-translate";
-import { ConfigurableAction } from "./actions";
+import { ConfigurableCopyPasteActions } from "./actions";
 
 export default function Translate(): ReactElement {
   const [selectedLanguageSet] = useSelectedLanguagesSet();
@@ -50,7 +50,7 @@ export default function Translate(): ReactElement {
               detail={<List.Item.Detail markdown={r.translatedText} />}
               actions={
                 <ActionPanel>
-                  <ConfigurableAction defaultActionsPrefix="Translation" value={r.translatedText} />
+                  <ConfigurableCopyPasteActions defaultActionsPrefix="Translation" value={r.translatedText} />
                   <Action
                     title="Toggle Full Text"
                     icon={Icon.Text}
@@ -86,7 +86,7 @@ export default function Translate(): ReactElement {
                 actions={
                   <ActionPanel>
                     <ActionPanel.Section>
-                      <ConfigurableAction value={r.translatedText} />
+                      <ConfigurableCopyPasteActions value={r.translatedText} />
                       <Action
                         title="Toggle Full Text"
                         icon={Icon.Text}

From 0c64e0dcbdc5e02530bdeb7abc890965550c90e4 Mon Sep 17 00:00:00 2001
From: Denis Nykyforov <popalay1@gmail.com>
Date: Tue, 30 Apr 2024 13:45:37 +0300
Subject: [PATCH 9/9] Use generated ExtensionPreferences. Minor code style
 fixes.

---
 extensions/google-translate/src/actions.tsx   | 16 +-----
 .../google-translate/src/translate-form.tsx   |  4 +-
 extensions/google-translate/src/translate.tsx | 54 ++++++++++---------
 extensions/google-translate/tsconfig.json     |  2 +-
 4 files changed, 32 insertions(+), 44 deletions(-)

diff --git a/extensions/google-translate/src/actions.tsx b/extensions/google-translate/src/actions.tsx
index 9cd7eccdb40..085c53fad1b 100644
--- a/extensions/google-translate/src/actions.tsx
+++ b/extensions/google-translate/src/actions.tsx
@@ -1,25 +1,13 @@
 import React from "react";
 import { Action, getPreferenceValues } from "@raycast/api";
 
-enum DefaultActionPreference {
-  CopyToClipboard = "copy",
-  PasteToApp = "paste",
-}
-
-interface Preferences {
-  defaultAction?: DefaultActionPreference;
-}
-
 interface ActionsOpts {
   value: string;
   defaultActionsPrefix?: string;
-  firstSectionTitle?: string;
-  otherActions?: React.ReactElement[];
-  otherSections?: React.ReactElement[];
 }
 
 export const ConfigurableCopyPasteActions = ({ defaultActionsPrefix, value }: ActionsOpts) => {
-  const defaultPreference = getPreferenceValues<Preferences>().defaultAction;
+  const defaultPreference = getPreferenceValues<ExtensionPreferences>().defaultAction;
 
   const pasteAction = (
     <Action.Paste title={defaultActionsPrefix ? `Paste ${defaultActionsPrefix}` : `Paste`} content={value} />
@@ -28,7 +16,7 @@ export const ConfigurableCopyPasteActions = ({ defaultActionsPrefix, value }: Ac
     <Action.CopyToClipboard title={defaultActionsPrefix ? `Copy ${defaultActionsPrefix}` : `Copy`} content={value} />
   );
 
-  if (defaultPreference === DefaultActionPreference.PasteToApp) {
+  if (defaultPreference === "paste") {
     return (
       <>
         {pasteAction}
diff --git a/extensions/google-translate/src/translate-form.tsx b/extensions/google-translate/src/translate-form.tsx
index 17377652fca..b49b793a061 100644
--- a/extensions/google-translate/src/translate-form.tsx
+++ b/extensions/google-translate/src/translate-form.tsx
@@ -60,13 +60,12 @@ export default function TranslateForm() {
         <ActionPanel>
           <ActionPanel.Section title="Generals">
             <ConfigurableCopyPasteActions defaultActionsPrefix="Translated" value={translated?.translatedText ?? ""} />
-            <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />,
+            <Action.CopyToClipboard title="Copy Text" content={text ?? ""} />
             <Action.CopyToClipboard
               title="Copy Pronunciation"
               shortcut={{ modifiers: ["cmd", "shift"], key: "p" }}
               content={translated?.pronunciationText ?? ""}
             />
-            ,
             <Action.OpenInBrowser
               title="Open in Google Translate"
               shortcut={{ modifiers: ["opt"], key: "enter" }}
@@ -80,7 +79,6 @@ export default function TranslateForm() {
                 "&op=translate"
               }
             />
-            ,
             <Action.Push
               icon={Icon.Pencil}
               title="Manage language sets..."
diff --git a/extensions/google-translate/src/translate.tsx b/extensions/google-translate/src/translate.tsx
index eb44f4fbaf5..59265fc4e22 100644
--- a/extensions/google-translate/src/translate.tsx
+++ b/extensions/google-translate/src/translate.tsx
@@ -50,31 +50,33 @@ export default function Translate(): ReactElement {
               detail={<List.Item.Detail markdown={r.translatedText} />}
               actions={
                 <ActionPanel>
-                  <ConfigurableCopyPasteActions defaultActionsPrefix="Translation" value={r.translatedText} />
-                  <Action
-                    title="Toggle Full Text"
-                    icon={Icon.Text}
-                    onAction={() => setIsShowingDetail(!isShowingDetail)}
-                  />
-                  <Action
-                    title="Play Text-To-Speech"
-                    icon={Icon.Play}
-                    shortcut={{ modifiers: ["cmd"], key: "t" }}
-                    onAction={() => playTTS(r.translatedText, r.langTo)}
-                  />
-                  <Action.OpenInBrowser
-                    title="Open in Google Translate"
-                    shortcut={{ modifiers: ["opt"], key: "enter" }}
-                    url={
-                      "https://translate.google.com/?sl=" +
-                      r.langFrom +
-                      "&tl=" +
-                      r.langTo +
-                      "&text=" +
-                      encodeURIComponent(debouncedValue) +
-                      "&op=translate"
-                    }
-                  />
+                  <ActionPanel.Section>
+                    <ConfigurableCopyPasteActions defaultActionsPrefix="Translation" value={r.translatedText} />
+                    <Action
+                      title="Toggle Full Text"
+                      icon={Icon.Text}
+                      onAction={() => setIsShowingDetail(!isShowingDetail)}
+                    />
+                    <Action
+                      title="Play Text-To-Speech"
+                      icon={Icon.Play}
+                      shortcut={{ modifiers: ["cmd"], key: "t" }}
+                      onAction={() => playTTS(r.translatedText, r.langTo)}
+                    />
+                    <Action.OpenInBrowser
+                      title="Open in Google Translate"
+                      shortcut={{ modifiers: ["opt"], key: "enter" }}
+                      url={
+                        "https://translate.google.com/?sl=" +
+                        r.langFrom +
+                        "&tl=" +
+                        r.langTo +
+                        "&text=" +
+                        encodeURIComponent(debouncedValue) +
+                        "&op=translate"
+                      }
+                    />
+                  </ActionPanel.Section>
                 </ActionPanel>
               }
             />
@@ -86,7 +88,7 @@ export default function Translate(): ReactElement {
                 actions={
                   <ActionPanel>
                     <ActionPanel.Section>
-                      <ConfigurableCopyPasteActions value={r.translatedText} />
+                      <ConfigurableCopyPasteActions value={r.pronunciationText} />
                       <Action
                         title="Toggle Full Text"
                         icon={Icon.Text}
diff --git a/extensions/google-translate/tsconfig.json b/extensions/google-translate/tsconfig.json
index 813a09daafc..bbd8d1adc25 100644
--- a/extensions/google-translate/tsconfig.json
+++ b/extensions/google-translate/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
   "display": "Node 16",
-  "include": ["src/**/*"],
+  "include": ["src/**/*", "raycast-env.d.ts"],
   "compilerOptions": {
     "lib": ["es2020"],
     "module": "commonjs",