How to Fix Missing Sidebar and New Chat Button in ChatGPT

[erwiower2]

1. Open the file located at /Applications/ChatGPT.app/Contents/Resources/app/index.html

2. Find the following line of code in JavaScript:
.sticky, .pointer-events-auto.flex.border-orange-500, [class*="shared__Capabilities"] { display: none !important; }
3. Change to:

.sticky, .pointer-events-auto.flex.border-orange-500, [class*="shared__Capabilities"] { display: block !important; }

4. Save the changes! (To restart the ChatGPT application via the terminal, execute the following command: killall ChatGPT. Please note that the command is case-sensitive.)

The problem in the JavaScript is that the CSS was set to display: none !important; but it should be display: block !important;

[dingzhenying]

有效！！！！

[txwq315]

<title>ChatGPT</title>

<script> const webview = document.getElementById('webview'); webview.addEventListener('dom-ready', function () { // Hide specific elements without affecting the sidebar toggle button webview.insertCSS(` .text-xs.text-center { opacity: 0; height: 0; margin-bottom: -10px; }

      /* More specific selectors to avoid hiding the sidebar toggle button */
      .pointer-events-auto.flex.border-orange-500,
      [class*="shared__Capabilities"] {
        display: none !important;
      }

      /* Retaining the sidebar toggle functionality */
      [class*="shared__Wrapper"] {
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 15vh;
      }

      [class*="shared__Wrapper"] h3 {
        margin-top: -40px;
        font-size: 20px;
      }
    `);

    const element = webview.executeJavaScript(`
      document.querySelector("[class*='shared__Wrapper']").innerHTML += "<h3>Start by asking anything.</h3>";
    `);
  });
</script>