"History" & "New Chat" shouldn't be visible if AI Assistance is not available

This includes user being signed out, user being blocked due to age restriction or setting for AI Assistance not being enabled

Bug: 398877860
Change-Id: I78da8397eaa5e350dc84e020226f0b0f0210f32f
Fixed: 398877860
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6438414
Auto-Submit: Samiya Caur <[email protected]>
Reviewed-by: Ergün Erdoğmuş <[email protected]>
Commit-Queue: Samiya Caur <[email protected]>

Author: Samiya Caur

front_end/panels/ai_assistance/AiAssistancePanel.test.ts

@@ -373,6 +373,49 @@ describeWithMockConnection('AI Assistance Panel', () => {
       view.input.onSettingsClick();
       assert.isTrue(stub.calledWith('chrome-ai'));
     });
+
+    it('should not show chat and delete history actions when ai assistance enabled setting is disabled', async () => {
+      Common.Settings.moduleSetting('ai-assistance-enabled').setDisabled(true);
+
+      const {view} = await createAiAssistancePanel();
+
+      assert.isFalse(view.input.showChatActions);
+      assert.isFalse(view.input.showDeleteHistoryAction);
+    });
+
+    it('should not show chat and delete history actions when ai assistance setting is marked as false', async () => {
+      Common.Settings.moduleSetting('ai-assistance-enabled').set(false);
+
+      const {view} = await createAiAssistancePanel();
+
+      assert.isFalse(view.input.showChatActions);
+      assert.isFalse(view.input.showDeleteHistoryAction);
+    });
+
+    it('should not show chat and delete history actions when the user is blocked by age', async () => {
+      Common.Settings.moduleSetting('ai-assistance-enabled').set(true);
+      updateHostConfig({
+        aidaAvailability: {
+          blockedByAge: true,
+        },
+      });
+
+      const {view} = await createAiAssistancePanel();
+
+      assert.isFalse(view.input.showChatActions);
+      assert.isFalse(view.input.showDeleteHistoryAction);
+    });
+
+    it('should not show chat and delete history actions when Aida availability status is SYNC IS PAUSED', async () => {
+      Common.Settings.moduleSetting('ai-assistance-enabled').set(true);
+      Common.Settings.moduleSetting('ai-assistance-enabled').set(true);
+
+      const {view} =
+          await createAiAssistancePanel({aidaAvailability: Host.AidaClient.AidaAccessPreconditions.SYNC_IS_PAUSED});
+
+      assert.isFalse(view.input.showChatActions);
+      assert.isFalse(view.input.showDeleteHistoryAction);
+    });
   });
 
   describe('history interactions', () => {

front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -256,7 +256,8 @@ interface ToolbarViewInput {
   onDeleteClick: () => void;
   onHelpClick: () => void;
   onSettingsClick: () => void;
-  isDeleteHistoryButtonVisible: boolean;
+  showDeleteHistoryAction: boolean;
+  showChatActions: boolean;
 }
 
 export type ViewInput = ChatViewProps&ToolbarViewInput;
@@ -271,7 +272,8 @@ function toolbarView(input: ToolbarViewInput): Lit.LitTemplate {
   return html`
     <div class="toolbar-container" role="toolbar" .jslogContext=${VisualLogging.toolbar()}>
       <devtools-toolbar class="freestyler-left-toolbar" role="presentation">
-        <devtools-button
+      ${input.showChatActions
+        ? html`<devtools-button
           title=${i18nString(UIStrings.newChat)}
           aria-label=${i18nString(UIStrings.newChat)}
           .iconName=${'plus'}
@@ -285,8 +287,9 @@ function toolbarView(input: ToolbarViewInput): Lit.LitTemplate {
           .iconName=${'history'}
           .jslogContext=${'freestyler.history'}
           .variant=${Buttons.Button.Variant.TOOLBAR}
-          @click=${input.onHistoryClick}></devtools-button>
-        ${input.isDeleteHistoryButtonVisible
+          @click=${input.onHistoryClick}></devtools-button>`
+          : Lit.nothing}
+        ${input.showDeleteHistoryAction
           ? html`<devtools-button
               title=${i18nString(UIStrings.deleteChat)}
               aria-label=${i18nString(UIStrings.deleteChat)}
@@ -839,7 +842,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           multimodalInputEnabled: isAiAssistanceMultimodalInputEnabled() &&
               this.#conversation?.type === AiAssistanceModel.ConversationType.STYLING,
           imageInput: this.#imageInput,
-          isDeleteHistoryButtonVisible: Boolean(this.#conversation && !this.#conversation.isEmpty),
+          showDeleteHistoryAction: Boolean(this.#conversation && !this.#conversation.isEmpty),
+          showChatActions: this.#shouldShowChatActions(),
           isTextInputDisabled: this.#isTextInputDisabled(),
           emptyStateSuggestions,
           inputPlaceholder: this.#getChatInputPlaceholder(),
@@ -908,6 +912,19 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     return false;
   }
 
+  #shouldShowChatActions(): boolean {
+    const aiAssistanceSetting = this.#aiAssistanceEnabledSetting?.getIfNotDisabled();
+    const isBlockedByAge = Root.Runtime.hostConfig.aidaAvailability?.blockedByAge === true;
+    if (!aiAssistanceSetting || isBlockedByAge) {
+      return false;
+    }
+    if (this.#aidaAvailability === Host.AidaClient.AidaAccessPreconditions.NO_ACCOUNT_EMAIL ||
+        this.#aidaAvailability === Host.AidaClient.AidaAccessPreconditions.SYNC_IS_PAUSED) {
+      return false;
+    }
+    return true;
+  }
+
   #getChatInputPlaceholder(): Platform.UIString.LocalizedString {
     const state = this.#getChatUiState();
     if (state === ChatViewState.CONSENT_VIEW || !this.#conversation) {