Fix ESLint issues

app/components/workbench/Workbench.client.tsx

@@ -17,8 +17,7 @@ import { renderLogger } from '~/utils/logger';
 import { EditorPanel } from './EditorPanel';
 import { Preview } from './Preview';
 import useViewport from '~/lib/hooks';
-import Cookies from 'js-cookie';
-import { chatMetadata, useChatHistory } from '~/lib/persistence';
+import { PushToGitHubDialog } from '~/components/settings/connections/components/PushToGitHubDialog';
 
 interface WorkspaceProps {
   chatStarted?: boolean;
@@ -59,6 +58,7 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
   renderLogger.trace('Workbench');
 
   const [isSyncing, setIsSyncing] = useState(false);
+  const [isPushDialogOpen, setIsPushDialogOpen] = useState(false);
 
   const hasPreview = useStore(computed(workbenchStore.previews, (previews) => previews.length > 0));
   const showWorkbench = useStore(workbenchStore.showWorkbench);
@@ -67,8 +67,6 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
   const unsavedFiles = useStore(workbenchStore.unsavedFiles);
   const files = useStore(workbenchStore.files);
   const selectedView = useStore(workbenchStore.currentView);
-  const metadata = useStore(chatMetadata);
-  const { updateChatMestaData } = useChatHistory();
 
   const isSmallViewport = useViewport(1024);
 
@@ -171,65 +169,8 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
                       <div className="i-ph:terminal" />
                       Toggle Terminal
                     </PanelHeaderButton>
-                    <PanelHeaderButton
-                      className="mr-1 text-sm"
-                      onClick={() => {
-                        let repoName = metadata?.gitUrl?.split('/').slice(-1)[0]?.replace('.git', '') || null;
-                        let repoConfirmed: boolean = true;
-
-                        if (repoName) {
-                          repoConfirmed = confirm(`Do you want to push to the repository ${repoName}?`);
-                        }
-
-                        if (!repoName || !repoConfirmed) {
-                          repoName = prompt(
-                            'Please enter a name for your new GitHub repository:',
-                            'bolt-generated-project',
-                          );
-                        } else {
-                        }
-
-                        if (!repoName) {
-                          alert('Repository name is required. Push to GitHub cancelled.');
-                          return;
-                        }
-
-                        let githubUsername = Cookies.get('githubUsername');
-                        let githubToken = Cookies.get('githubToken');
-
-                        if (!githubUsername || !githubToken) {
-                          const usernameInput = prompt('Please enter your GitHub username:');
-                          const tokenInput = prompt('Please enter your GitHub personal access token:');
-
-                          if (!usernameInput || !tokenInput) {
-                            alert('GitHub username and token are required. Push to GitHub cancelled.');
-                            return;
-                          }
-
-                          githubUsername = usernameInput;
-                          githubToken = tokenInput;
-
-                          Cookies.set('githubUsername', usernameInput);
-                          Cookies.set('githubToken', tokenInput);
-                          Cookies.set(
-                            'git:github.com',
-                            JSON.stringify({ username: tokenInput, password: 'x-oauth-basic' }),
-                          );
-                        }
-
-                        const commitMessage =
-                          prompt('Please enter a commit message:', 'Initial commit') || 'Initial commit';
-                        workbenchStore.pushToGitHub(repoName, commitMessage, githubUsername, githubToken);
-
-                        if (!metadata?.gitUrl) {
-                          updateChatMestaData({
-                            ...(metadata || {}),
-                            gitUrl: `https://github.com/${githubUsername}/${repoName}.git`,
-                          });
-                        }
-                      }}
-                    >
-                      <div className="i-ph:github-logo" />
+                    <PanelHeaderButton className="mr-1 text-sm" onClick={() => setIsPushDialogOpen(true)}>
+                      <div className="i-ph:git-branch" />
                       Push to GitHub
                     </PanelHeaderButton>
                   </div>
@@ -271,10 +212,26 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
             </div>
           </div>
         </div>
+        <PushToGitHubDialog
+          isOpen={isPushDialogOpen}
+          onClose={() => setIsPushDialogOpen(false)}
+          onPush={async (repoName, username, token) => {
+            try {
+              await workbenchStore.pushToGitHub(repoName, undefined, username, token);
+
+              // Success dialog will be shown by PushToGitHubDialog component
+            } catch (error) {
+              console.error('Error pushing to GitHub:', error);
+              toast.error('Failed to push to GitHub');
+              throw error; // Rethrow to let PushToGitHubDialog handle the error state
+            }
+          }}
+        />
       </motion.div>
     )
   );
 });
+
 interface ViewProps extends HTMLMotionProps<'div'> {
   children: JSX.Element;
 }