UX: minor adjustments to search bot (#1146)

awesomerobot · web-flow · commit 55dde0a9e6c2 · 2025-02-21T19:40:53.000-05:00
diff --git a/assets/javascripts/discourse/components/ai-search-discoveries.gjs b/assets/javascripts/discourse/components/ai-search-discoveries.gjs
@@ -182,7 +182,7 @@ export default class AiSearchDiscoveries extends Component {
               <CookText @rawText={{this.discobotDiscoveries.discovery}} />
             </div>
           {{else}}
-            <div class="ai-search-discoveries___discovery-preview cooked">
+            <div class="ai-search-discoveries__discovery-preview cooked">
               <CookText
                 @rawText={{this.discobotDiscoveries.discoveryPreview}}
               />
diff --git a/assets/javascripts/discourse/connectors/full-page-search-below-search-header/ai-full-page-discobot-discoveries.gjs b/assets/javascripts/discourse/connectors/full-page-search-below-search-header/ai-full-page-discobot-discoveries.gjs
@@ -25,7 +25,7 @@ export default class AiFullPageDiscobotDiscoveries extends Component {
         class="ai-search-discoveries__discoveries-title full-page-discoveries"
       >
         <span>
-          {{icon "ai-bot"}}
+          {{icon "discobot"}}
           {{i18n "discourse_ai.discobot_discoveries.main_title"}}
         </span>
 
diff --git a/assets/javascripts/discourse/connectors/search-menu-results-type-top/ai-discobot-discoveries.gjs b/assets/javascripts/discourse/connectors/search-menu-results-type-top/ai-discobot-discoveries.gjs
@@ -20,7 +20,7 @@ export default class AiDiscobotDiscoveries extends Component {
     <div class="ai-discobot-discoveries">
       <h3 class="ai-search-discoveries__discoveries-title">
         <span>
-          {{icon "ai-bot"}}
+          {{icon "discobot"}}
           {{i18n "discourse_ai.discobot_discoveries.main_title"}}
         </span>
 
@@ -51,7 +51,7 @@ export default class AiDiscobotDiscoveries extends Component {
 
       <AiSearchDiscoveries />
 
-      <h3 class="ai-discobot-discoveries__regular-results-title">
+      <h3 class="ai-search-discoveries__regular-results-title">
         {{icon "bars-staggered"}}
         {{i18n "discourse_ai.discobot_discoveries.regular_results"}}
       </h3>
diff --git a/assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss b/assets/stylesheets/modules/ai-bot/common/ai-discobot-discoveries.scss
@@ -4,18 +4,34 @@
   }
 
   &__completion {
-    margin: 1em 0;
+    margin: 0;
   }
 
   &__discovery-preview {
-    @include ellipsis;
-    max-height: 300px;
+    height: 3.5em; // roughly the loading skeleton height
+    overflow: hidden;
+    position: relative;
+
+    &::after {
+      content: "";
+      position: absolute;
+      display: block;
+      background: linear-gradient(rgba(255, 255, 255, 0), var(--secondary));
+      height: 50%;
+      width: 100%;
+      bottom: 0;
+    }
   }
 
   &__discoveries-title,
   &__regular-results-title {
     padding-bottom: 0.5em;
     border-bottom: 1px solid var(--primary-low);
+    font-size: var(--font-0);
+
+    .d-icon {
+      color: var(--primary-high);
+    }
   }
 
   &__discoveries-title {
@@ -27,6 +43,10 @@
     padding-left: 0;
     margin-bottom: 0.5em;
   }
+
+  .cooked p:first-child {
+    margin-top: 0;
+  }
 }
 
 .ai-search-discoveries-tooltip {
@@ -38,6 +58,10 @@
   .fk-d-tooltip__trigger {
     vertical-align: middle;
   }
+
+  .d-icon {
+    color: var(--primary-medium);
+  }
 }
 
 .ai-discobot-discoveries {
@@ -47,3 +71,9 @@
 .full-page-discoveries {
   padding: 1em 10%;
 }
+
+.d-icon-discobot {
+  // appears a little undersized next to other icons
+  height: 1.15em;
+  width: 1.15em;
+}
diff --git a/plugin.rb b/plugin.rb
@@ -134,7 +134,6 @@ def self.public_asset_path(name)
     face-smile
     face-meh
     face-angry
-    ai-bot
   ]
   plugin_icons.each { |icon| register_svg_icon(icon) }
 end
diff --git a/svg-icons/ai-bot-icon.svg b/svg-icons/ai-bot-icon.svg
diff --git a/svg-icons/icons-sprite.svg b/svg-icons/icons-sprite.svg
@@ -23,4 +23,8 @@
   <symbol id="discourse-negative-inner-product" viewBox="0 0 448 512">
    <path d="M132.3 195.8c2.7 5.5.5 12.2-5 14.9L36 256.4l91.3 45.7c5.5 2.7 7.7 9.4 5 14.9s-9.4 7.7-14.9 5L6.2 266.4c-3.8-1.9-6.2-5.7-6.2-9.9s2.4-8.1 6.2-9.9L117.5 191c5.5-2.7 12.2-.5 14.9 5ZM315.7 317c-2.7-5.5-.5-12.2 5-14.9l91.3-45.7-91.3-45.7c-5.5-2.7-7.7-9.4-5-14.9s9.4-7.7 14.9-5l111.3 55.6c3.8 1.9 6.2 5.7 6.2 9.9s-2.4 8.1-6.2 9.9l-111.3 55.6c-5.5 2.7-12.2.5-14.9-5ZM211.9 187.6c5.2.9 8.8 5.8 7.9 11.1l-3 17.7h28.6l3.5-20.9c.9-5.2 5.8-8.8 11.1-7.9 5.2.9 8.8 5.8 7.9 11.1l-2.9 17.7h17.5c5.3 0 9.6 4.3 9.6 9.6s-4.3 9.6-9.6 9.6h-20.7l-6.4 38.5h17.5c5.3 0 9.6 4.3 9.6 9.6s-4.3 9.6-9.6 9.6h-20.7l-3.5 20.9c-.9 5.2-5.8 8.8-11.1 7.9s-8.8-5.8-7.9-11.1l3-17.7h-28.6l-3.5 20.9c-.9 5.2-5.8 8.8-11.1 7.9-5.2-.9-8.8-5.8-7.9-11.1l2.9-17.7H167c-5.3 0-9.6-4.3-9.6-9.6s4.3-9.6 9.6-9.6h20.7l6.4-38.5h-17.5c-5.3 0-9.6-4.3-9.6-9.6s4.3-9.6 9.6-9.6h20.7l3.5-20.9c.9-5.2 5.8-8.8 11.1-7.9Zm1.7 48-6.4 38.5h28.6l6.4-38.5h-28.6Z"/>
   </symbol>
+
+  <symbol id="discobot" viewBox="0 0 512 512">
+    <path d="M175.61 481.26H26.03c-6.75 0-13.36-2.67-18.42-7.59-5.06-5.06-7.87-11.81-7.59-18.84V290.76C.3 242.12 19.42 196 54.43 161.28c35.43-35.43 82.67-54.83 132.71-54.83h.56c49.77 0 96.3 19.54 131.17 55.11a187.257 187.257 0 0 1 48.5 88.57c5.06 21.79-6.19 44.14-26.71 53.14-14.62 6.47-69.17 27.7-170.67 37.96 4.5 11.25 16.17 23.34 46.68 29.66 29.8 6.19 64.53 4.22 87.59 2.95 9.84-.56 16.87-.98 21.79-.56 6.33.42 11.81 4.22 14.62 9.98 2.67 5.62 2.25 12.37-1.41 17.57-6.19 9-13.22 17.57-20.95 25.31-33.88 34.44-79.29 53.99-127.79 54.97h-14.76c0 .14-.14.14-.28.14h.14ZM35.17 446.11h154.65c34.87-.7 67.9-13.36 94.19-35.85-22.07.7-49.49.42-74.51-4.78-58.48-12.23-74.23-45.41-77.18-71.28-.7-6.47 1.12-12.79 5.2-17.85s10.12-8.15 16.59-8.72c82.81-7.31 143.26-23.62 172.22-36.27 5.06-2.25 7.87-7.73 6.61-13.07-6.33-27.13-19.82-51.88-39.36-71.84-28.12-28.68-65.8-44.57-106.14-44.57h-.56c-40.91 0-79.15 15.89-107.97 44.57-28.26 28.12-43.86 65.37-43.86 104.6v155.07c-.14 0 0 0 0 0h.14Zm-10.13 0ZM17.87 290.9Z"/><circle cx="171.11" cy="217.94" r="32.05"/><path d="M511.76 293.71c-.7-5.2-3.51-9.84-7.73-12.93s-9.42-4.5-14.62-3.66l-52.3 7.73c-5.2.7-9.84 3.51-12.93 7.73-3.09 4.22-4.5 9.42-3.66 14.62.98 6.61 5.2 12.23 11.39 15.04 2.53 1.12 5.34 1.69 8.01 1.69s1.97 0 2.95-.28l52.3-7.73c5.2-.7 9.84-3.51 12.93-7.73s4.5-9.42 3.66-14.62v.14ZM490.67 388.19l-71.98-36.41c-9.28-5.34-21.37-2.25-26.71 7.03-2.67 4.5-3.37 9.84-2.11 14.9 1.27 5.06 4.5 9.42 9.14 11.95l71.98 36.41c1.27.7 2.53 1.27 3.94 1.69 1.97.56 3.94.84 5.9.84 6.89 0 13.36-3.51 16.87-9.7 5.48-9.42 2.39-21.51-7.03-26.99v.28Z"/>
+  </symbol>
 </svg>

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export default class AiFullPageDiscobotDiscoveries extends Component {`
`25`	`25`	`class="ai-search-discoveries__discoveries-title full-page-discoveries"`
`26`	`26`	`>`
`27`	`27`	`<span>`
`28`		`- {{icon "ai-bot"}}`
	`28`	`+ {{icon "discobot"}}`
`29`	`29`	`{{i18n "discourse_ai.discobot_discoveries.main_title"}}`
`30`	`30`	`</span>`
`31`	`31`
Original file line number	Diff line number	Diff line change
`@@ -134,7 +134,6 @@ def self.public_asset_path(name)`
`134`	`134`	`face-smile`
`135`	`135`	`face-meh`
`136`	`136`	`face-angry`
`137`		`- ai-bot`
`138`	`137`	`]`
`139`	`138`	`plugin_icons.each { \|icon\| register_svg_icon(icon) }`
`140`	`139`	`end`