cardstack · backspace · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026
diff --git a/packages/base/card-api.gts b/packages/base/card-api.gts
@@ -530,6 +530,16 @@ class ContainsMany<FieldT extends FieldDefConstructor> implements Field<
     }
     let results = getter(instance, this);
     propagateRealmContext(results, instance);
+    // Propagate the store from the parent instance to child FieldDef values
+    // so that nested linksTo fields can properly track their loads
+    let parentStore = stores.get(instance);
+    if (parentStore && Array.isArray(results)) {
+      for (let item of results) {
+        if (isCardOrField(item) && !stores.has(item)) {
+          stores.set(item, parentStore);
+        }
+      }
+    }
     return results;
   }
 
@@ -836,6 +846,14 @@ class Contains<CardT extends FieldDefConstructor> implements Field<CardT, any> {
     }
     let value = getter(instance, this);
     propagateRealmContext(value, instance);
+    // Propagate the store from the parent instance to child FieldDef values
+    // so that nested linksTo fields can properly track their loads
+    if (isCardOrField(value)) {
+      let parentStore = stores.get(instance);
+      if (parentStore && !stores.has(value)) {
+        stores.set(value, parentStore);
+      }
+    }
     return value;
   }
 
@@ -1340,9 +1358,7 @@ class LinksTo<CardT extends LinkableDefConstructor> implements Field<CardT> {
         <CardCrudFunctionsConsumer as |cardCrudFunctions|>
           <DefaultFormatsConsumer as |defaultFormats|>
             {{#if
-              (shouldRenderEditor
-                @format defaultFormats.cardDef isComputed
-              )
+              (shouldRenderEditor @format defaultFormats.cardDef isComputed)
             }}
               <LinksToEditor
                 @model={{(getInnerModel)}}

diff --git a/packages/base/default-templates/head.gts b/packages/base/default-templates/head.gts
@@ -21,6 +21,10 @@ export default class DefaultHeadTemplate extends GlimmerComponent<{
     return this.args.model?.cardThumbnailURL;
   }
 
+  get themeIcon(): string | undefined {
+    return this.args.model?.cardInfo?.theme?.cardThumbnailURL;
+  }
+
   <template>
     {{! template-lint-disable no-forbidden-elements }}
     <title data-test-card-head-title>{{this.title}}</title>
@@ -43,6 +47,11 @@ export default class DefaultHeadTemplate extends GlimmerComponent<{
       <meta name='twitter:card' content='summary' />
     {{/if}}
 
+    {{#if this.themeIcon}}
+      <link rel='icon' href={{this.themeIcon}} />
+      <link rel='apple-touch-icon' href={{this.themeIcon}} />
+    {{/if}}
+
     <meta property='og:type' content='website' />
   </template>
 }
diff --git a/packages/host/app/index.html b/packages/host/app/index.html
@@ -1,48 +1,50 @@
 <!doctype html>
 <html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="description" content="" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-  {{content-for "head"}}
-
-  <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css" />
-  <link integrity="" rel="stylesheet" href="{{rootURL}}assets/@cardstack/host.css" />
-  <link href="{{rootURL}}boxel-favicon.png" rel="shortcut icon" type="image/x-icon" />
-  <link href="{{rootURL}}boxel-webclip.png" rel="apple-touch-icon" />
-  <link rel="preconnect" href="https://fonts.googleapis.com" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link
-    href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
-    rel="stylesheet" />
-
-  {{content-for "head-footer"}}
-
-  <meta data-boxel-head-start />
-  <title>Boxel</title>
-  <meta data-boxel-head-end />
-
-</head>
-
-<body>
-  <script type="x/boundary" id="boxel-isolated-start"></script>
-  <script type="x/boundary" id="boxel-isolated-end"></script>
-
-  <!-- in case embercli's hooks insn't run,
+  <head>
+    <meta charset="utf-8" />
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    {{content-for "head"}}
+
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css" />
+    <link
+      integrity=""
+      rel="stylesheet"
+      href="{{rootURL}}assets/@cardstack/host.css"
+    />
+    <link href="{{rootURL}}boxel-favicon.png" rel="icon" type="image/png" />
+    <link href="{{rootURL}}boxel-webclip.png" rel="apple-touch-icon" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
+      rel="stylesheet"
+    />
+
+    {{content-for "head-footer"}}
+
+    <meta data-boxel-head-start />
+    <title>Boxel</title>
+    <meta data-boxel-head-end />
+  </head>
+
+  <body>
+    <script type="x/boundary" id="boxel-isolated-start"></script>
+    <script type="x/boundary" id="boxel-isolated-end"></script>
+
+    <!-- in case embercli's hooks insn't run,
          we embed the following div manually -->
-  <div id="ember-basic-dropdown-wormhole"></div>
-  {{content-for "body"}}
-
-  <script type="module">
-    import * as ContentTag from '{{rootURL}}assets/content-tag/standalone.js';
-    globalThis.ContentTagGlobal = ContentTag;
-  </script>
-  <script src="{{rootURL}}assets/vendor.js"></script>
-  <script src="{{rootURL}}assets/@cardstack/host.js"></script>
-
-  {{content-for "body-footer"}}
-</body>
-
-</html>
+    <div id="ember-basic-dropdown-wormhole"></div>
+    {{content-for "body"}}
+
+    <script type="module">
+      import * as ContentTag from '{{rootURL}}assets/content-tag/standalone.js';
+      globalThis.ContentTagGlobal = ContentTag;
+    </script>
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/@cardstack/host.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>
diff --git a/packages/host/app/routes/render.ts b/packages/host/app/routes/render.ts
@@ -398,6 +398,14 @@ export default class RenderRoute extends Route<Model> {
     }
     if (instance) {
       await this.#authGuard.race(() => this.#touchIsUsedFields(instance));
+      // Pre-load cardInfo.theme so the head format template can render
+      // favicon/apple-touch-icon links. This is a nested linksTo inside a
+      // contains FieldDef, so #touchIsUsedFields doesn't reach it.
+      try {
+        (instance as any).cardInfo?.theme;
+      } catch {
+        // ignore — card may not have cardInfo or theme
+      }
     }
     await this.#authGuard.race(() => this.store.loaded());
     if (instance) {

diff --git a/packages/host/tests/acceptance/prerender-meta-test.gts b/packages/host/tests/acceptance/prerender-meta-test.gts
@@ -266,6 +266,11 @@ module('Acceptance | prerender | meta', function (hooks) {
             numOfPets: '3',
           },
           relationships: {
+            'cardInfo.theme': {
+              links: {
+                self: null,
+              },
+            },
             'pets.0': {
               links: {
                 self: '../Pet/mango',
@@ -346,7 +351,9 @@ module('Acceptance | prerender | meta', function (hooks) {
       {
         id: `${testRealmURL}Pet/mango`,
         _cardType: 'Pet',
-        cardInfo: {},
+        cardInfo: {
+          theme: null,
+        },
         name: 'Mango',
         cardTitle: 'Mango',
       },
@@ -364,7 +371,9 @@ module('Acceptance | prerender | meta', function (hooks) {
       {
         id: `${testRealmURL}Pet/paper`,
         _cardType: 'Cat',
-        cardInfo: {},
+        cardInfo: {
+          theme: null,
+        },
         name: 'Paper',
         cardTitle: 'Paper',
         aliases: ['Satan', "Satan's Mistress"],