fix: hide workspaces until pat provided.

Author: knightedcodemonkey

src/index.html

@@ -165,6 +165,7 @@ <h1>
             aria-controls="workspaces-drawer"
             title="Manage local workspaces"
             disabled
+            hidden
           >
             <svg class="workspaces-toggle__icon" viewBox="0 0 24 24" aria-hidden="true">
               <path

src/modules/app-core/github-pr-context-ui.js

@@ -111,25 +111,35 @@ export const createGitHubPrContextUiController = ({
         workspacesToggle.disabled = false
       }
 
-      aiChatToggle?.removeAttribute('hidden')
+      if (aiChatToggle instanceof HTMLElement) {
+        aiChatToggle.hidden = false
+      }
 
-      githubPrToggle?.removeAttribute('hidden')
+      if (githubPrToggle instanceof HTMLElement) {
+        githubPrToggle.hidden = false
+      }
       if (!contextState.activePrContext) {
-        workspacesToggle?.removeAttribute('hidden')
+        if (workspacesToggle instanceof HTMLElement) {
+          workspacesToggle.hidden = false
+        }
       }
 
       if (contextState.activePrContext) {
         githubPrContextClose?.removeAttribute('hidden')
         githubPrContextDisconnect?.removeAttribute('hidden')
-        workspacesToggle?.setAttribute('hidden', '')
+        if (workspacesToggle instanceof HTMLElement) {
+          workspacesToggle.hidden = true
+        }
       } else {
         githubPrContextClose?.setAttribute('hidden', '')
         githubPrContextDisconnect?.setAttribute('hidden', '')
       }
       return
     }
 
-    aiChatToggle?.setAttribute('hidden', '')
+    if (aiChatToggle instanceof HTMLElement) {
+      aiChatToggle.hidden = true
+    }
     aiChatToggle?.setAttribute('aria-expanded', 'false')
     if (workspacesToggle instanceof HTMLButtonElement) {
       workspacesToggle.disabled = true
@@ -139,9 +149,13 @@ export const createGitHubPrContextUiController = ({
     contextState.hasSyncedActivePrEditorContent = false
     syncEditorPrContextIndicators(false)
     setGitHubPrToggleVisual('open-pr')
-    githubPrToggle?.setAttribute('hidden', '')
+    if (githubPrToggle instanceof HTMLElement) {
+      githubPrToggle.hidden = true
+    }
     githubPrToggle?.setAttribute('aria-expanded', 'false')
-    workspacesToggle?.setAttribute('hidden', '')
+    if (workspacesToggle instanceof HTMLElement) {
+      workspacesToggle.hidden = true
+    }
     workspacesToggle?.setAttribute('aria-expanded', 'false')
     githubPrContextClose?.setAttribute('hidden', '')
     githubPrContextDisconnect?.setAttribute('hidden', '')

src/modules/app-core/github-workflows.js

@@ -187,9 +187,6 @@ const initializeGitHubWorkflows = ({
     onActivePrContextChange: activeContext => {
       prContextUi.setActivePrContext(activeContext)
       prContextUi.syncAiChatTokenVisibility(getTokenForVisibility())
-      if (workspacesToggle instanceof HTMLButtonElement) {
-        workspacesToggle.hidden = Boolean(activeContext)
-      }
 
       if (activeContext) {
         closeWorkspacesDrawer()

src/styles/ai-controls.css

@@ -359,6 +359,12 @@
   color: color-mix(in srgb, var(--panel-text) 84%, var(--text-subtle));
 }
 
+.diagnostics-toggle.ai-chat-toggle[hidden],
+.diagnostics-toggle.github-pr-toggle[hidden],
+.diagnostics-toggle.workspaces-toggle[hidden] {
+  display: none;
+}
+
 .diagnostics-toggle.workspaces-toggle:hover:not(:disabled) {
   color: var(--workspaces-toggle-color);
 }

src/styles/diagnostics.css

@@ -91,6 +91,10 @@
   cursor: pointer;
 }
 
+.diagnostics-toggle[hidden] {
+  display: none;
+}
+
 .diagnostics-toggle:hover {
   background: var(--surface-control-hover);
 }