Merge remote-tracking branch 'origin/main' into cs-8175-refactor-hostappcomponentsoperator-modecreate-file-modalgts

Author: habdelra

packages/base/default-templates/atom.gts

@@ -1,5 +1,5 @@
 import GlimmerComponent from '@glimmer/component';
-import { type CardDef, isCompoundField } from '../card-api';
+import { type CardDef } from '../card-api';
 import { cn, not } from '@cardstack/boxel-ui/helpers';
 
 export default class DefaultAtomViewTemplate extends GlimmerComponent<{
@@ -15,9 +15,6 @@ export default class DefaultAtomViewTemplate extends GlimmerComponent<{
     if (typeof this.args.model.title === 'string') {
       return this.args.model.title.trim();
     }
-    if (isCompoundField(this.args.model)) {
-      return;
-    }
     return `Untitled ${this.args.model.constructor.displayName}`;
   }
   <template>

packages/boxel-ui/addon/src/components/select/index.gts

@@ -66,6 +66,9 @@ const BoxelSelect: TemplateOnlyComponent<Signature> = <template>
       max-width: 100%;
       width: 100%;
     }
+    .boxel-select:hover {
+      cursor: pointer;
+    }
     .ember-power-select-trigger {
       padding: 0;
     }
@@ -85,22 +88,28 @@ const BoxelSelect: TemplateOnlyComponent<Signature> = <template>
       overflow: auto;
     }
     .boxel-select__dropdown .ember-power-select-option {
-      padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
+      padding: var(--boxel-sp-xs);
+      background-color: var(--boxel-light);
+      color: var(--boxel-dark);
+      transition: background-color var(--boxel-transition);
     }
     .boxel-select__dropdown .ember-power-select-option[aria-selected='true'] {
-      background-color: var(--boxel-100);
+      background-color: var(--boxel-highlight);
+    }
+    .boxel-select__dropdown
+      .ember-power-select-option[aria-selected='true']:hover {
+      background-color: var(--boxel-highlight-hover);
     }
-    .boxel-select__dropdown .ember-power-select-option[aria-current='true'] {
+    .boxel-select__dropdown .ember-power-select-option:hover {
       background-color: var(--boxel-100);
-      color: black;
     }
     .boxel-select__dropdown .ember-power-select-search-input:focus {
       border: 1px solid var(--boxel-outline-color);
       box-shadow: var(--boxel-box-shadow-hover);
       outline: var(--boxel-outline);
     }
     .boxel-select__dropdown .ember-power-select-option--no-matches-message {
-      padding: var(--boxel-sp-xxs) var(--boxel-sp-sm);
+      padding: var(--boxel-sp-sm);
     }
   </style>
 </template>;

packages/boxel-ui/addon/src/components/select/trigger.gts

@@ -55,7 +55,7 @@ export class BoxelTriggerWrapper extends Component<TriggerSignature> {
         justify-content: space-between;
         width: 100%;
         gap: var(--boxel-sp-xxxs);
-        padding: var(--boxel-sp-xxxs);
+        padding: var(--boxel-sp-xs);
       }
       .boxel-trigger-content {
         display: flex;

packages/experiments-realm/Spec/a0bd867f-e0fc-46fb-9a0e-c4f5ee2953c6.json

@@ -0,0 +1,62 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "readMe": null,
+      "ref": {
+        "name": "Toy",
+        "module": "../pet"
+      },
+      "specType": "field",
+      "containedExamples": [
+        {
+          "title": "Dragon"
+        },
+        {
+          "title": "Tug rope"
+        },
+        {
+          "title": "Lambchop"
+        }
+      ],
+      "title": "Toy Spec I",
+      "description": null,
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "linkedExamples": {
+        "links": {
+          "self": null
+        }
+      }
+    },
+    "meta": {
+      "fields": {
+        "containedExamples": [
+          {
+            "adoptsFrom": {
+              "module": "../pet",
+              "name": "Toy"
+            }
+          },
+          {
+            "adoptsFrom": {
+              "module": "../pet",
+              "name": "Toy"
+            }
+          },
+          {
+            "adoptsFrom": {
+              "module": "../pet",
+              "name": "Toy"
+            }
+          }
+        ]
+      },
+      "adoptsFrom": {
+        "module": "https://cardstack.com/base/spec",
+        "name": "Spec"
+      }
+    }
+  }
+}

packages/experiments-realm/Spec/fc715f41-c280-4b0c-a732-e8e1a85a97dd.json

@@ -0,0 +1,62 @@
+{
+  "data": {
+    "type": "card",
+    "attributes": {
+      "readMe": null,
+      "ref": {
+        "name": "Toy",
+        "module": "../pet"
+      },
+      "specType": "field",
+      "containedExamples": [
+        {
+          "title": "Orange ball"
+        },
+        {
+          "title": "Large yellow ball"
+        },
+        {
+          "title": "Small red ball"
+        }
+      ],
+      "title": "Toy Spec II",
+      "description": null,
+      "thumbnailURL": null
+    },
+    "relationships": {
+      "linkedExamples": {
+        "links": {
+          "self": null
+        }
+      }
+    },
+    "meta": {
+      "fields": {
+        "containedExamples": [
+          {
+            "adoptsFrom": {
+              "module": "../pet",
+              "name": "Toy"
+            }
+          },
+          {
+            "adoptsFrom": {
+              "module": "../pet",
+              "name": "Toy"
+            }
+          },
+          {
+            "adoptsFrom": {
+              "module": "../pet",
+              "name": "Toy"
+            }
+          }
+        ]
+      },
+      "adoptsFrom": {
+        "module": "https://cardstack.com/base/spec",
+        "name": "Spec"
+      }
+    }
+  }
+}