| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>DevTools Floaty</title> |
| <link rel="stylesheet" href="../../ui/legacy/inspectorCommon.css"> |
| <link rel="stylesheet" href="../../ui/legacy/tabbedPane.css"> |
| <link rel="stylesheet" href="floaty.css"> |
| <script src="../../devtools_compatibility.js"></script> |
| <script type="module" src="FloatyEntrypoint.js"></script> |
| </head> |
| <body> |
| <div class="green-dev-floaty-dialog"> |
| <div class="green-dev-floaty-dialog-content"> |
| <div class="green-dev-floaty-dialog-top-row"> |
| <div class="green-dev-floaty-dialog-gemini-icon"></div> |
| <div class="green-dev-floaty-dialog-checkmark-icon"></div> |
| <span class="green-dev-floaty-dialog-context-text">Context added</span> |
| </div> |
| <div class="green-dev-floaty-dialog-chat-container" id="chat-container"></div> |
| <div class="green-dev-floaty-dialog-blue-card"> |
| <div class="green-dev-floaty-dialog-node-description"></div> |
| <div class="input-row"> |
| <input type="text" class="green-dev-floaty-dialog-text-field" placeholder="Why is this not centered?"> |
| <button class="green-dev-floaty-dialog-play-button"></button> |
| </div> |
| <div class="green-dev-floaty-disclaimer"> |
| <span class="disclaimer-link">Relevant data</span> is sent to Google |
| <div class="disclaimer-tooltip"> |
| Chat messages and any data the inspected page can access via Web APIs are sent to Google and may be seen by human reviewers to improve this feature. This is an experimental AI feature and won't always get it right. |
| <br><br> |
| <a href="https://developer.chrome.com/docs/devtools/ai-assistance" class="learn-more-link">Learn about AI in DevTools</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
