@cardstack/boxel-cli 0.3.2-unstable.61 → 0.4.0-unstable.1

package/bundled-realms/base/card-api.gts

@@ -1568,6 +1568,7 @@ class LinksTo<CardT extends LinkableDefConstructor> implements Field<CardT> {
           displayContainer?: boolean;
           typeConstraint?: ResolvedCodeRef;
           lockConsumingRealm?: boolean;
+          consumingRealm?: URL;
         };
       };
       Blocks: {};
@@ -1585,6 +1586,7 @@ class LinksTo<CardT extends LinkableDefConstructor> implements Field<CardT> {
                   @brokenLink={{broken}}
                   @typeConstraint={{@typeConstraint}}
                   @lockConsumingRealm={{@lockConsumingRealm}}
+                  @consumingRealm={{@consumingRealm}}
                   @createCard={{cardCrudFunctions.createCard}}
                   ...attributes
                 />

package/bundled-realms/base/components/cards-grid-layout.gts

@@ -243,11 +243,33 @@ export default class CardsGridLayout extends Component<Signature> {
         color: var(--foreground, var(--boxel-dark));
       }
       .scroll-container {
-        overflow: hidden;
+        /* Keep the scrollbar gutter reserved and the scrollbar a fixed width in
+           every state, so revealing it on hover never steals layout width and
+           reflows the card grid. Only the thumb color is toggled on hover/focus;
+           toggling overflow or the scrollbar width would shift the layout. */
+        overflow-y: auto;
+        scrollbar-gutter: stable;
+        scrollbar-width: thin;
+        scrollbar-color: transparent transparent;
       }
       .scroll-container:hover,
       .scroll-container:focus {
-        overflow-y: auto;
+        scrollbar-color: rgba(0 0 0 / 25%) transparent;
+      }
+      .scroll-container::-webkit-scrollbar {
+        width: 0.5rem;
+        height: 0.5rem;
+      }
+      .scroll-container::-webkit-scrollbar-track {
+        background: transparent;
+      }
+      .scroll-container::-webkit-scrollbar-thumb {
+        background: transparent;
+        border-radius: var(--boxel-border-radius-xs);
+      }
+      .scroll-container:hover::-webkit-scrollbar-thumb,
+      .scroll-container:focus::-webkit-scrollbar-thumb {
+        background: rgba(0 0 0 / 25%);
       }
       .sidebar {
         --accent: var(--sidebar-accent);

package/bundled-realms/base/field-component.gts

@@ -51,12 +51,24 @@ export interface BoxComponentSignature {
       displayContainer?: boolean;
       typeConstraint?: ResolvedCodeRef;
       /**
-       * When true (only meaningful on linksTo / linksToMany editors),
-       * hard-scope the card chooser to the consuming realm — the realm
-       * picker in the catalog modal is locked and the user cannot pick
-       * a card from another realm. UI hint only; no runtime validation.
+       * Only honoured by the `linksTo` editor today — the
+       * `linksToMany` editor does not yet thread this arg through.
+       * When true, hard-scope the card chooser to the consuming
+       * realm: the realm picker in the catalog modal is locked and
+       * the user cannot pick a card from another realm. UI hint
+       * only; no runtime validation.
        */
       lockConsumingRealm?: boolean;
+      /**
+       * Only honoured by the `linksTo` editor today — the
+       * `linksToMany` editor does not yet thread this arg through.
+       * Explicit consuming-realm URL passed through to LinksToEditor.
+       * The editor normally derives this from a `RealmURLContext`
+       * provided by the surrounding stack item; this lets callers in
+       * contexts without a stack item (e.g. code submode's spec
+       * preview) thread the owning card's realm in directly.
+       */
+      consumingRealm?: URL;
     };
   };
   Blocks: {};

package/bundled-realms/base/links-to-editor.gts

@@ -57,6 +57,16 @@ interface Signature {
      * is locked. UI hint only; no runtime validation.
      */
     lockConsumingRealm?: boolean;
+    /**
+     * Explicit consuming-realm override. Without this, the editor
+     * derives the consuming realm from the `RealmURLContext` provided
+     * by the surrounding stack item — but in code submode the rule
+     * editor renders outside any stack item, so context is absent.
+     * Callers that know the owning card's realm (e.g. by reading
+     * `model[realmURL]`) can pass it directly here so the chooser
+     * filters correctly in both interact and code submodes.
+     */
+    consumingRealm?: URL;
     createCard?: CreateCardFn;
   };
 }
@@ -231,17 +241,31 @@ export class LinksToEditor extends GlimmerComponent<Signature> {
     if (this.args.typeConstraint) {
       type = await getNarrowestType(this.args.typeConstraint, type, myLoader());
     }
+    // Prefer the explicit `@consumingRealm` arg over the
+    // `RealmURLContext` consumption, so callers in contexts that don't
+    // provide the context (e.g. code submode's playground / spec
+    // preview, where there is no stack item) can still scope the
+    // chooser to the owning card's realm.
+    let consumingRealm = this.args.consumingRealm ?? this.realmURL;
+    // Only honor `@lockConsumingRealm` when a realm is actually known.
+    // Locking without a consuming realm leaves the picker disabled but
+    // unscoped — search results would span every realm and the user
+    // couldn't change the (effectively empty) selection. Treat the
+    // lock as advisory and let the picker stay interactive if there's
+    // no realm to lock to.
+    let lockConsumingRealm =
+      this.args.lockConsumingRealm === true && consumingRealm != null;
     let cardId = await chooseCard(
       { filter: { type } },
       {
         offerToCreate: {
           ref: type,
           relativeTo: undefined,
-          realmURL: this.realmURL,
+          realmURL: consumingRealm,
         },
         createNewCard: this.args.createCard,
-        consumingRealm: this.realmURL,
-        lockConsumingRealm: this.args.lockConsumingRealm,
+        consumingRealm,
+        lockConsumingRealm,
       },
     );
     if (cardId) {

package/bundled-realms/base/realm-config.gts

@@ -6,6 +6,7 @@ import {
   contains,
   containsMany,
   linksTo,
+  realmURL,
 } from './card-api';
 import BooleanField from './boolean';
 import StringField from './string';
@@ -102,6 +103,19 @@ class RoutingRuleEdit extends Component<typeof RoutingRuleField> {
     this.args.model.path = `/${trimmed}`;
   }
 
+  // The chooser is locked to the consuming realm; pass it through
+  // explicitly rather than letting LinksToEditor read it from
+  // `RealmURLContext`. The context is only provided by the operator-mode
+  // stack item, so in code submode (where the realm config renders via
+  // the playground / spec preview, outside any stack item) `this.realmURL`
+  // in LinksToEditor is undefined and the chooser falls back to
+  // unscoped search across every realm. The field's own `[realmURL]`
+  // getter is populated by `propagateRealmContext` when the owning
+  // RealmConfig card loads, so it works in either submode.
+  get consumingRealm(): URL | undefined {
+    return this.args.model[realmURL];
+  }
+
   <template>
     <div class='routing-rule-edit' data-test-routing-rule-edit>
       <div class='row'>
@@ -118,7 +132,10 @@ class RoutingRuleEdit extends Component<typeof RoutingRuleField> {
         </div>
         <span class='arrow' aria-hidden='true'>→</span>
         <div class='instance-cell'>
-          <@fields.instance @lockConsumingRealm={{true}} />
+          <@fields.instance
+            @lockConsumingRealm={{true}}
+            @consumingRealm={{this.consumingRealm}}
+          />
         </div>
       </div>
       {{#if this.pathWarning}}

package/bundled-test-harness/assets/adapter-unm-Xq4g.js

@@ -0,0 +1,2 @@
+import { mt as TestRealmAdapter } from "./mock-matrix-Bkfl9ACG.js";
+export { TestRealmAdapter };

package/bundled-test-harness/assets/{add-field-to-card-definition-command-test-DkxmkPH6.js → add-field-to-card-definition-command-test-CCaDu5uP.js}

@@ -2,10 +2,10 @@ import { s as __toESM } from "./chunk-CGdGNDIi.js";
 import { Xn as testRealmInfo, Zn as testRealmURL, ya as rri } from "./runtime-common-BY5dBG5N.js";
 import { t as getOwner } from "./owner-CqZ4C0QN.js";
 import { t as AddFieldToCardDefinitionCommand } from "./add-field-to-card-definition-BUHkUt5v.js";
-import { t as RealmService } from "./realm-oWsFVfdH.js";
+import { t as RealmService } from "./realm-CxU8jc8l.js";
 import { t as require_qunit } from "./qunit-DZc8vxH_.js";
 import { r as getService } from "./dist-5hbdxMR8.js";
-import { A as setupIntegrationTestRealm, N as setupRealmCacheTeardown, j as setupLocalIndexing, q as withCachedRealmSetup, rt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-CD6YHaHR.js";
+import { A as setupIntegrationTestRealm, N as setupRealmCacheTeardown, j as setupLocalIndexing, q as withCachedRealmSetup, rt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-Bkfl9ACG.js";
 //#region tests/integration/commands/add-field-to-card-definition-command-test.gts
 var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
 var StubRealmService = class extends RealmService {

package/bundled-test-harness/assets/{add-workspace-tMjv_Ar4.js → add-workspace-DBDTvtP2.js}

@@ -13,11 +13,11 @@ import "./dist-BHeMAIJN.js";
 import "./component-CqcrwY5l.js";
 import { t as Component } from "./dist-CE2G0-tp.js";
 import "./template-factory-CigcGcbz.js";
-import { $ as EnsureSafeComponentHelper, P as focusTrapModifier, a as BoxelInput, b as LoadingIndicator, p as FieldContainer, s as ButtonComponent } from "./components-CBfd9MIo.js";
+import { $ as EnsureSafeComponentHelper, P as focusTrapModifier, a as BoxelInput, b as LoadingIndicator, p as FieldContainer, s as ButtonComponent } from "./components-DYC4nC4r.js";
 import { _ as IconComponent$1d } from "./warning-CY8WOyKw-BjT-7Nrv.js";
 import "./icons-DpXEIwY6.js";
-import { t as modifier$1 } from "./on-key-CpWVcRaS.js";
-import { t as ModalContainer } from "./modal-container-wzIBYeE_.js";
+import { t as modifier$1 } from "./on-key-C8yMINOQ.js";
+import { t as ModalContainer } from "./modal-container-BzEkpeIx.js";
 import { t as perform } from "./perform-DsvIw8zR.js";
 import { t as _class$1 } from "./to-elsewhere-2Yti-eQv.js";
 import { t as WorkspaceChooserItemContainer } from "./item-container-OpJtF0dH.js";

package/bundled-test-harness/assets/{add-workspace-test-BMKxSlaC.js → add-workspace-test-CE21v7jK.js}

@@ -6,10 +6,10 @@ import "./component-CqcrwY5l.js";
 import { t as Component } from "./dist-CE2G0-tp.js";
 import "./template-factory-CigcGcbz.js";
 import { a as find, d as click, s as fillIn } from "./dist-CWCoBB72.js";
-import { n as _class, t as AddWorkspace } from "./add-workspace-tMjv_Ar4.js";
+import { n as _class, t as AddWorkspace } from "./add-workspace-DBDTvtP2.js";
 import { t as require_qunit } from "./qunit-DZc8vxH_.js";
-import { rt as setupRenderingTest } from "./mock-matrix-CD6YHaHR.js";
-import { n as renderComponent } from "./render-component-BabSF5nE.js";
+import { rt as setupRenderingTest } from "./mock-matrix-Bkfl9ACG.js";
+import { n as renderComponent } from "./render-component-DY19erxA.js";
 //#region tests/integration/components/add-workspace-test.gts
 var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
 (0, import_qunit.module)("Integration | add-workspace", function(hooks) {

package/bundled-test-harness/assets/{ai-assistant-test-C3LjW9Uz.js → ai-assistant-test-DSyMR0hY.js}

@@ -6,12 +6,12 @@ import { H as templateFactory } from "./index-DaCZcoCY-Bfb0Qdzr.js";
 import { i as envSkillId, o as skillsRealmURL, t as catalogRealmURL } from "./utils-BXcPbdVS.js";
 import "./component-CqcrwY5l.js";
 import "./template-factory-CigcGcbz.js";
-import { m as GridContainer } from "./components-CBfd9MIo.js";
-import { t as AiAssistantMessageDrafts, v as src_default } from "./local-storage-keys-Do9I1BSV.js";
+import { m as GridContainer } from "./components-DYC4nC4r.js";
+import { t as AiAssistantMessageDrafts, y as src_default } from "./local-storage-keys-C0jyxDKn.js";
 import { I as waitUntil, N as visit, d as click, l as triggerEvent, o as waitFor, s as fillIn } from "./dist-CWCoBB72.js";
 import { t as require_qunit } from "./qunit-DZc8vxH_.js";
 import { r as getService } from "./dist-5hbdxMR8.js";
-import { D as setupAcceptanceTestRealm, F as setupUserSubscription, M as setupOnSave, P as setupRealmServerEndpoints, a as SYSTEM_CARD_FIXTURE_CONTENTS, at as setupAuthEndpoints, b as getMonacoContent, h as delay, i as getRoomIdForRealmAndUser, j as setupLocalIndexing, nt as setupApplicationTest, o as addSkillToAiAssistant, s as assertMessages, t as setupMockMatrix, tt as visitOperatorMode, w as realmConfigCardJSON } from "./mock-matrix-CD6YHaHR.js";
+import { D as setupAcceptanceTestRealm, F as setupUserSubscription, M as setupOnSave, P as setupRealmServerEndpoints, a as SYSTEM_CARD_FIXTURE_CONTENTS, at as setupAuthEndpoints, b as getMonacoContent, h as delay, i as getRoomIdForRealmAndUser, j as setupLocalIndexing, nt as setupApplicationTest, o as addSkillToAiAssistant, s as assertMessages, t as setupMockMatrix, tt as visitOperatorMode, w as realmConfigCardJSON } from "./mock-matrix-Bkfl9ACG.js";
 import { G as contains, I as StringField, L as SystemCard, Q as field, a as CardDef, d as Component, lt as linksTo, mt as setupBaseRealm, o as CardInfoField, s as CardsGrid, ut as linksToMany, w as ModelConfiguration } from "./base-realm-Dw9jVsHl.js";
 //#region tests/acceptance/ai-assistant-test.gts
 var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
@@ -2101,7 +2101,7 @@ function modelNameFor(llmId) {
 		await waitFor(`[data-test-message-field="${firstRoomId}"]`);
 		assert.dom(`[data-test-message-field="${firstRoomId}"]`).hasValue("how old is the sun?", "Draft message is restored when returning to the original room");
 	});
-	(0, import_qunit.test)("shows an error and persists the prompt in case the message failed to send", async function(assert) {
+	(0, import_qunit.test)("failed send leaves a failed bubble + retry alert; input clears at click-time", async function(assert) {
 		await visitOperatorMode({ stacks: [[{
 			id: `${testRealmURL}index`,
 			format: "isolated"
@@ -2126,9 +2126,10 @@ function modelNameFor(llmId) {
 			await click("[data-test-send-message-btn]");
 			await waitFor("[data-test-boxel-alert=\"error\"]");
 			assert.strictEqual(sendAttempts, 1, "sendMessage was attempted once");
-			assert.dom("[data-test-boxel-alert=\"error\"] [data-test-alert-message=\"0\"]").hasText("There was an error sending your message. This could be due to network issues, or serialization issues with the cards or files you are trying to send. It might be helpful to refresh the page and try again.");
-			await waitUntil(() => matrixService.getMessageToSend(roomId) === failingMessage);
-			assert.dom(`[data-test-message-field="${roomId}"]`).hasValue(failingMessage, "Draft message is restored after a failed send attempt");
+			assert.dom("[data-test-user-message]").exists({ count: 1 });
+			assert.dom("[data-test-card-error]").containsText("Failed to send");
+			assert.dom("[data-test-alert-action-button=\"Retry\"]").exists();
+			assert.dom(`[data-test-message-field="${roomId}"]`).hasValue("", "input clears at click-time — the message lives in the bubble now");
 		} finally {
 			matrixService.sendMessage = originalSendMessage;
 		}

package/bundled-test-harness/assets/{ai-function-generation-test-WqD9vlzP.js → ai-function-generation-test-BkTvuCnq.js}

@@ -3,7 +3,7 @@ import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtim
 import { Si as baseRealm, ar as basicMappings, or as generateJsonSchemaForCardType } from "./runtime-common-BY5dBG5N.js";
 import { t as require_qunit } from "./qunit-DZc8vxH_.js";
 import { r as getService } from "./dist-5hbdxMR8.js";
-import { M as setupOnSave, O as setupCardLogs, j as setupLocalIndexing, rt as setupRenderingTest } from "./mock-matrix-CD6YHaHR.js";
+import { M as setupOnSave, O as setupCardLogs, j as setupLocalIndexing, rt as setupRenderingTest } from "./mock-matrix-Bkfl9ACG.js";
 //#region tests/unit/ai-function-generation-test.ts
 var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
 var cardApi;

package/bundled-test-harness/assets/{ai-module-creation-test-CeP1V90-.js → ai-module-creation-test-zY83EN93.js}

@@ -7,12 +7,12 @@ import { H as templateFactory } from "./index-DaCZcoCY-Bfb0Qdzr.js";
 import "./component-CqcrwY5l.js";
 import { t as Component } from "./dist-CE2G0-tp.js";
 import "./template-factory-CigcGcbz.js";
-import { t as OperatorModeContainer } from "./container-BVdtw4NT.js";
+import { t as OperatorModeContainer } from "./container-DRblzvCW.js";
 import { d as click, i as findAll, o as waitFor } from "./dist-CWCoBB72.js";
 import { t as require_qunit } from "./qunit-DZc8vxH_.js";
 import { r as getService } from "./dist-5hbdxMR8.js";
-import { A as setupIntegrationTestRealm, O as setupCardLogs, et as setupOperatorModeStateCleanup, j as setupLocalIndexing, rt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-CD6YHaHR.js";
-import { n as renderComponent } from "./render-component-BabSF5nE.js";
+import { A as setupIntegrationTestRealm, O as setupCardLogs, et as setupOperatorModeStateCleanup, j as setupLocalIndexing, rt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-Bkfl9ACG.js";
+import { n as renderComponent } from "./render-component-DY19erxA.js";
 //#region tests/integration/components/ai-module-creation-test.gts
 var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
 var MockRouterService = class extends Service {

package/bundled-test-harness/assets/{aibot-message-CiwsV-h8.js → aibot-message-BfRah4Lm.js}

@@ -12,11 +12,11 @@ import { n as tracked, t as cached } from "./tracking-CPe6fHfT.js";
 import { i as fn, o as hash, t as array } from "./helper-CmXa7dl-.js";
 import { n as Resource } from "./dist-PqaHz0Fn.js";
 import { i as templateOnly, t as ClassBasedModifier } from "./dist-BHeMAIJN.js";
-import { n as Submodes } from "./submode-switcher-Popj4iN5.js";
+import { n as Submodes } from "./submode-switcher-iR4m0GzD.js";
 import "./component-CqcrwY5l.js";
 import { t as Component } from "./dist-CE2G0-tp.js";
 import "./template-factory-CigcGcbz.js";
-import { M as Tooltip, S as Modal, d as CopyButton, f as DropdownButton, g as IconButton$1, i as BoxelDropdown, n as Alert, s as ButtonComponent, tt as IconComponent$2, u as CircleSpinner, x as Menu } from "./components-CBfd9MIo.js";
+import { M as Tooltip, S as Modal, d as CopyButton, f as DropdownButton, g as IconButton$1, i as BoxelDropdown, n as Alert, s as ButtonComponent, tt as IconComponent$2, u as CircleSpinner, x as Menu } from "./components-DYC4nC4r.js";
 import { C as and, D as cn, J as sanitizeHtmlSafe, M as eq, g as MenuItem, k as cssVar$1, w as bool } from "./helpers-BGEPA06U.js";
 import "./template-9719lre_.js";
 import { E as IconComponent$A, Q as IconComponent$_, U as IconComponent$R, t as IconComponent$3 } from "./warning-CY8WOyKw-BjT-7Nrv.js";