Remove footer from ExploreView, move learn about AI link to a new place.
Remove Explore View's footer as part of larger cleanup of AI Assistance
panel.
Preserve the "Learn about AI in DevTools" link by moving it up under the
header.
Fixed: 416414550
Change-Id: I26e9d0fe28209b9ada6749f75a152ec4cdc6ef1b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6759715
Commit-Queue: Piotr Paulski <[email protected]>
Reviewed-by: Nikolay Vitkov <[email protected]>
diff --git a/front_end/panels/ai_assistance/components/ExploreWidget.ts b/front_end/panels/ai_assistance/components/ExploreWidget.ts
index d475d56..7b54684 100644
--- a/front_end/panels/ai_assistance/components/ExploreWidget.ts
+++ b/front_end/panels/ai_assistance/components/ExploreWidget.ts
@@ -24,10 +24,6 @@
*@description The footer disclaimer that links to more information about the AI feature.
*/
learnAbout: 'Learn about AI in DevTools',
- /**
- *@description Disclaimer text right after the chat input.
- */
- inputDisclaimerForEmptyState: 'This is an experimental AI feature and won\'t always get it right.',
} as const;
const lockedString = i18n.i18n.lockedString;
@@ -82,6 +78,13 @@
<p>
To chat about an item, right-click and select${' '}
<strong>Ask AI</strong>.
+ <button
+ class="link"
+ role="link"
+ jslog=${VisualLogging.link('open-ai-settings').track({click: true})}
+ @click=${() => { void UI.ViewManager.ViewManager.instance().showView('chrome-ai'); }}
+ >${lockedString(UIStringsNotTranslate.learnAbout)}
+ </button>
</p>
</div>
<div class="content">
@@ -100,23 +103,6 @@
)}
</div>
</div>
- <footer class="ai-assistance-explore-footer" jslog=${VisualLogging.section('footer')}>
- <p>
- ${lockedString(UIStringsNotTranslate.inputDisclaimerForEmptyState)}
- <button
- class="link"
- role="link"
- jslog=${VisualLogging.link('open-ai-settings').track({
- click: true,
- })}
- @click=${() => {
- void UI.ViewManager.ViewManager.instance().showView('chrome-ai');
- }}
- >
- ${lockedString(UIStringsNotTranslate.learnAbout)}
- </button>
- </p>
- </footer>
`,
target,
{ host: target },
diff --git a/test/goldens/linux/ai_assistance/explore-default.png b/test/goldens/linux/ai_assistance/explore-default.png
index 3b4b41c..cd50677 100644
--- a/test/goldens/linux/ai_assistance/explore-default.png
+++ b/test/goldens/linux/ai_assistance/explore-default.png
Binary files differ
