From c55164c2e18053f5ca67c2305dc158b904163f4d Mon Sep 17 00:00:00 2001
From: Buck Doyle <buck.doyle@cardstack.com>
Date: Thu, 11 Jan 2024 14:26:55 -0600
Subject: [PATCH 1/3] host: Move assistant image CSS to global styles

This is a workaround for a problem with CSS scoping that
prevents it referencing the image.
---
 packages/host/app/components/ai-assistant/button.gts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/host/app/components/ai-assistant/button.gts b/packages/host/app/components/ai-assistant/button.gts
index a121c02467..c8f39547c6 100644
--- a/packages/host/app/components/ai-assistant/button.gts
+++ b/packages/host/app/components/ai-assistant/button.gts
@@ -10,7 +10,6 @@ export default class AiAssistantButton extends Component<Signature> {
     <button
       class='ai-assistant-button'
       data-test-open-ai-assistant
-      style="background-image: image-set(url('/images/ai-assist-icon.webp') 1x, url('/images/ai-assist-icon@2x.webp') 2x, url('/images/ai-assist-icon@3x.webp') 3x)"
       ...attributes
     />
     <style>
@@ -32,5 +31,14 @@ export default class AiAssistantButton extends Component<Signature> {
         cursor: pointer;
       }
     </style>
+    <style unscoped>
+      .ai-assistant-button {
+        background-image: image-set(
+          url(/images/ai-assist-icon.webp) 1x,
+          url(/images/ai-assist-icon@2x.webp) 2x,
+          url(/images/ai-assist-icon@3x.webp) 3x
+        );
+      }
+    </style>
   </template>
 }

From dabe012cd44ccbf11a00154ce5a5f493ab1ad516 Mon Sep 17 00:00:00 2001
From: Buck Doyle <buck.doyle@cardstack.com>
Date: Thu, 11 Jan 2024 16:59:29 -0600
Subject: [PATCH 2/3] Add another asset URL attempt

---
 packages/host/ember-cli-build.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/host/ember-cli-build.js b/packages/host/ember-cli-build.js
index c1e096f83c..647d500de2 100644
--- a/packages/host/ember-cli-build.js
+++ b/packages/host/ember-cli-build.js
@@ -32,6 +32,10 @@ module.exports = function (defaults) {
 
     packagerOptions: {
       ...{
+        publicAssetURL:
+          EmberApp.env() === 'production'
+            ? 'https://boxel-host-staging.stack.cards/'
+            : '/',
         webpackConfig: {
           devtool: 'source-map',
           module: {

From 6532f702daf23b716ab58d6ee4432c30eee89ec6 Mon Sep 17 00:00:00 2001
From: Buck Doyle <buck.doyle@cardstack.com>
Date: Thu, 11 Jan 2024 17:19:51 -0600
Subject: [PATCH 3/3] Move background image style to app.css

ugh
---
 packages/host/app/components/ai-assistant/button.gts | 9 ---------
 packages/host/app/styles/app.css                     | 8 ++++++++
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/host/app/components/ai-assistant/button.gts b/packages/host/app/components/ai-assistant/button.gts
index c8f39547c6..414d174e34 100644
--- a/packages/host/app/components/ai-assistant/button.gts
+++ b/packages/host/app/components/ai-assistant/button.gts
@@ -31,14 +31,5 @@ export default class AiAssistantButton extends Component<Signature> {
         cursor: pointer;
       }
     </style>
-    <style unscoped>
-      .ai-assistant-button {
-        background-image: image-set(
-          url(/images/ai-assist-icon.webp) 1x,
-          url(/images/ai-assist-icon@2x.webp) 2x,
-          url(/images/ai-assist-icon@3x.webp) 3x
-        );
-      }
-    </style>
   </template>
 }
diff --git a/packages/host/app/styles/app.css b/packages/host/app/styles/app.css
index 6d1243c3f4..fa948f25ae 100644
--- a/packages/host/app/styles/app.css
+++ b/packages/host/app/styles/app.css
@@ -12,3 +12,11 @@
 .link:hover {
   color: var(--boxel-highlight-hover);
 }
+
+.ai-assistant-button {
+  background-image: image-set(
+    url(/images/ai-assist-icon.webp) 1x,
+    url(/images/ai-assist-icon@2x.webp) 2x,
+    url(/images/ai-assist-icon@3x.webp) 3x
+  );
+}