@cardstack/boxel-cli 0.3.0-unstable.13 → 0.3.0-unstable.58

package/bundled-types/base/card-serialization.d.ts

@@ -27,7 +27,7 @@ export interface SerializeOpts {
     useAbsoluteURL?: boolean;
     omitFields?: [typeof BaseDef];
     omitQueryFields?: boolean;
-    maybeRelativeURL?: (possibleURL: string) => string;
+    maybeRelativeReference?: (possibleReference: string) => string;
     overrides?: Map<string, typeof BaseDef>;
 }
 export interface DeserializeOpts {

package/bundled-types/boxel-ui/icons.gts

@@ -66,7 +66,6 @@ import ImagePlaceholder from './icons/image-placeholder.gts';
 import Isolated from './icons/isolated.gts';
 import LoadingIndicator from './icons/loading-indicator.gts';
 import Lock from './icons/lock.gts';
-import Markdown from './icons/markdown.gts';
 import Profile from './icons/profile.gts';
 import PublishSiteIcon from './icons/publish-site-icon.gts';
 import Rows4 from './icons/rows-4.gts';
@@ -147,7 +146,6 @@ export const ALL_ICON_COMPONENTS = [
   Isolated,
   LoadingIndicator,
   Lock,
-  Markdown,
   Profile,
   PublishSiteIcon,
   Rows4,
@@ -230,7 +228,6 @@ export {
   Isolated,
   LoadingIndicator,
   Lock,
-  Markdown,
   Profile,
   PublishSiteIcon,
   Rows4,

package/bundled-types/host-app/commands/create-submission-workflow.ts

@@ -37,7 +37,7 @@ export default class CreateSubmissionWorkflowCommand extends HostBaseCommand<
   requireInputFields = ['realm', 'listingId'];
 
   get submissionsRealm(): string | undefined {
-    return this.realmServer.catalogRealmURLs.find((realm) =>
+    return this.realmServer.catalogRealmIdentifiers.find((realm) =>
       realm.endsWith('/submissions/'),
     );
   }
@@ -165,7 +165,7 @@ export default class CreateSubmissionWorkflowCommand extends HostBaseCommand<
   }
 
   private get catalogRealm(): string | undefined {
-    return this.realmServer.catalogRealmURLs.find((realm) =>
+    return this.realmServer.catalogRealmIdentifiers.find((realm) =>
       realm.endsWith('/catalog/'),
     );
   }

package/bundled-types/host-app/commands/get-available-realm-identifiers.ts

@@ -23,7 +23,7 @@ export default class GetAvailableRealmIdentifiersCommand extends HostBaseCommand
     let commandModule = await this.loadCommandModule();
     const { GetAvailableRealmIdentifiersResult } = commandModule;
     return new GetAvailableRealmIdentifiersResult({
-      realmIdentifiers: this.realmServer.availableRealmURLs,
+      realmIdentifiers: this.realmServer.availableRealmIdentifiers,
     });
   }
 }

package/bundled-types/host-app/commands/get-catalog-realm-identifiers.ts

@@ -23,7 +23,7 @@ export default class GetCatalogRealmIdentifiersCommand extends HostBaseCommand<
     let commandModule = await this.loadCommandModule();
     const { GetCatalogRealmIdentifiersResult } = commandModule;
     return new GetCatalogRealmIdentifiersResult({
-      realmIdentifiers: this.realmServer.catalogRealmURLs,
+      realmIdentifiers: this.realmServer.catalogRealmIdentifiers,
     });
   }
 }

package/bundled-types/host-app/commands/search-cards.ts

@@ -75,7 +75,7 @@ export class SearchCardsByQueryCommand extends HostBaseCommand<
     input: BaseCommandModule.SearchCardsByQueryInput,
   ): Promise<BaseCommandModule.SearchCardsResult> {
     assertQuery(input.query);
-    let realmUrls = this.realmServer.availableRealmURLs;
+    let realmUrls = this.realmServer.availableRealmIdentifiers;
     let instances: CardDef[] = [];
     try {
       instances = await this.store.search(input.query, realmUrls);

package/bundled-types/host-app/components/card-catalog/modal.gts

@@ -344,7 +344,7 @@ export default class CardCatalogModal extends Component<Signature> {
       await this.realmServer.ready;
       // Preload realm info without blocking the modal from opening.
       let prefetchRealmInfo = Promise.all(
-        this.realmServer.availableRealmURLs.map(async (realmURL) => {
+        this.realmServer.availableRealmIdentifiers.map(async (realmURL) => {
           let resource = this.realm.getOrCreateRealmResource(realmURL);
           try {
             await resource.fetchInfo();
@@ -378,7 +378,7 @@ export default class CardCatalogModal extends Component<Signature> {
       if (opts?.preselectedCardTypeQuery) {
         let instances: CardDef[] = await this.store.search(
           opts.preselectedCardTypeQuery!,
-          this.realmServer.availableRealmURLs,
+          this.realmServer.availableRealmIdentifiers,
         );
         if (instances?.[0]?.id) {
           preselectedCardUrl = `${instances[0].id}.json`;
@@ -399,7 +399,7 @@ export default class CardCatalogModal extends Component<Signature> {
         searchKey: '',
         dismissModal: false,
         baseFilter: query.filter,
-        availableRealmUrls: this.realmServer.availableRealmURLs,
+        availableRealmUrls: this.realmServer.availableRealmIdentifiers,
         selectedCards: preselectedCardUrls,
         multiSelect: opts?.multiSelect ?? false,
         hasPreselectedCard: preselectedCardUrls.length > 0,

package/bundled-types/host-app/components/card-search/panel.gts

@@ -66,7 +66,7 @@ export default class SearchPanel extends Component<Signature> {
 
   private get selectedRealmURLs(): string[] {
     if (this.selectedRealms.length === 0) {
-      return this.realmServer.availableRealmURLs;
+      return this.realmServer.availableRealmIdentifiers;
     }
     return this.selectedRealms.map((url) => url.href);
   }

package/bundled-types/host-app/components/card-search/search-content.gts

@@ -167,7 +167,7 @@ export default class SearchContent extends Component<Signature> {
   private get searchKeyAsURL() {
     return resolveSearchKeyAsURL(
       this.args.searchKey,
-      this.realmServer.availableRealmURLs,
+      this.realmServer.availableRealmIdentifiers,
     );
   }
 
@@ -328,7 +328,7 @@ export default class SearchContent extends Component<Signature> {
     const urls =
       this.args.realmFilter.selectedURLs.length > 0
         ? this.args.realmFilter.selectedURLs
-        : this.realmServer.availableRealmURLs;
+        : this.realmServer.availableRealmIdentifiers;
     return urls ?? [];
   }
 

package/bundled-types/host-app/components/operator-mode/code-submode/format-chooser.gts

@@ -7,6 +7,7 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 
 import MetadataIcon from '@cardstack/boxel-icons/clipboard-data';
+import MarkdownIcon from '@cardstack/boxel-icons/markdown';
 import EditIcon from '@cardstack/boxel-icons/pencil';
 import { modifier } from 'ember-modifier';
 import window from 'ember-window-mock';
@@ -19,7 +20,6 @@ import {
   Fitted as FittedIcon,
   Atom as AtomIcon,
   Head as HeadIcon,
-  Markdown as MarkdownIcon,
   Form as FormIcon,
   type Icon,
 } from '@cardstack/boxel-ui/icons';
@@ -86,7 +86,12 @@ const FormatButton: TemplateOnlyComponent<FormatButtonSignature> = <template>
     {{on 'click' @onClick}}
   >
     {{#if @icon}}
-      <@icon class='pf-icon' width={{ICON_W}} height={{ICON_W}} />
+      {{! md icon is larger because tabler icons have extra padding which shrinks them }}
+      <@icon
+        class='pf-icon'
+        width={{if (eq @format 'markdown') '24' ICON_W}}
+        height={{if (eq @format 'markdown') '24' ICON_W}}
+      />
     {{/if}}
   </Button>
   <style scoped>
@@ -124,16 +129,10 @@ const FormatButton: TemplateOnlyComponent<FormatButtonSignature> = <template>
     }
     .pf-icon {
       flex: 0 0 auto;
-      height: var(--pf-icon-w);
       display: inline-flex;
       align-items: center;
       justify-content: center;
     }
-    .pf-icon :deep(svg) {
-      height: var(--pf-icon-w);
-      width: auto;
-      display: block;
-    }
   </style>
 </template>;
 
@@ -430,7 +429,11 @@ export default class PillFormatChooser extends Component<Signature> {
         </svg>
         <div class='pill-content'>
           {{#if this.pillTargetIcon}}
-            <this.pillTargetIcon class='pf-icon' width='16' height='16' />
+            <this.pillTargetIcon
+              class='pf-icon'
+              width={{ICON_W}}
+              height={{ICON_W}}
+            />
           {{/if}}
           <span
             class='pf-label'

package/bundled-types/host-app/components/operator-mode/code-submode/module-inspector.gts

@@ -465,7 +465,7 @@ export default class ModuleInspector extends Component<ModuleInspectorSignature>
     this.specSearch = this.getCards(
       this,
       () => this.queryForSpecsForSelectedDefinition,
-      () => this.realmServer.availableRealmURLs,
+      () => this.realmServer.availableRealmIdentifiers,
       { isLive: true, doWhileRefreshing: this.doWhileRefreshing },
     ) as ReturnType<getCards<Spec>>;
   };

package/bundled-types/host-app/components/operator-mode/code-submode/playground/playground-panel.gts

@@ -360,7 +360,7 @@ export default class PlaygroundPanel extends Component<Signature> {
     this.fileSearchResults = this.getCards(
       this,
       () => this.fileMetaQuery,
-      () => this.realmServer.availableRealmURLs,
+      () => this.realmServer.availableRealmIdentifiers,
       { isLive: true },
     );
   };
@@ -997,7 +997,7 @@ export default class PlaygroundPanel extends Component<Signature> {
             <PrerenderedCardSearch
               @query={{this.expandedQuery}}
               @format='fitted'
-              @realms={{this.realmServer.availableRealmURLs}}
+              @realms={{this.realmServer.availableRealmIdentifiers}}
             >
               <:response as |maybeCards|>
                 {{! TODO: remove side-effects for instance chooser in CS-8746 }}
@@ -1139,7 +1139,7 @@ export default class PlaygroundPanel extends Component<Signature> {
               {{else if this.maybeGenerateFieldSpec}}
                 <SpecSearch
                   @query={{this.specQuery}}
-                  @realms={{this.realmServer.availableRealmURLs}}
+                  @realms={{this.realmServer.availableRealmIdentifiers}}
                   @createNewCard={{this.createNew}}
                 />
               {{else if @isFileDef}}

package/bundled-types/host-app/components/operator-mode/create-file-modal.gts

@@ -39,7 +39,7 @@ import {
   RealmPaths,
   Deferred,
   SupportedMimeType,
-  maybeRelativeURL,
+  maybeRelativeReference,
   GetCardContextName,
   isCardInstance,
   type getCard,
@@ -844,7 +844,7 @@ export default class CreateFileModal extends Component<Signature> {
       ) as ResolvedCodeRef
     ).module;
     const absoluteModule = new URL(absoluteModuleHref);
-    let moduleURL = maybeRelativeURL(
+    let moduleURL = maybeRelativeReference(
       absoluteModule,
       url,
       new URL(this.selectedRealmURL),

package/bundled-types/host-app/components/operator-mode/workspace-chooser/index.gts

@@ -10,6 +10,8 @@ import { BoxelSelect } from '@cardstack/boxel-ui/components';
 import { IconGlobe, Lock, StarFilled } from '@cardstack/boxel-ui/icons';
 import type { Icon } from '@cardstack/boxel-ui/icons';
 
+import { ri } from '@cardstack/runtime-common';
+
 import config from '@cardstack/host/config/environment';
 import type MatrixService from '@cardstack/host/services/matrix-service';
 import type RealmService from '@cardstack/host/services/realm';
@@ -54,13 +56,13 @@ export default class WorkspaceChooser extends Component<Signature> {
 
   private get displayCatalogWorkspaces() {
     return (
-      this.realmServer.displayedCatalogRealmURLs &&
-      this.realmServer.displayedCatalogRealmURLs.length > 0
+      this.realmServer.displayedCatalogRealmIdentifiers &&
+      this.realmServer.displayedCatalogRealmIdentifiers.length > 0
     );
   }
 
-  private get communityRealmURLs() {
-    let realmURLs = this.realmServer.displayedCatalogRealmURLs ?? [];
+  private get communityRealmIdentifiers() {
+    let realmURLs = this.realmServer.displayedCatalogRealmIdentifiers ?? [];
     if (config.environment !== 'production') {
       return realmURLs;
     }
@@ -78,35 +80,35 @@ export default class WorkspaceChooser extends Component<Signature> {
     );
   };
 
-  private filterByHosted(urls: string[]): string[] {
+  private filterByHosted<T extends string>(urls: T[]): T[] {
     if (this.sortOrder === 'hosted-only') {
       return urls.filter(this.isHosted);
     }
     return urls;
   }
 
-  private get filteredUserRealmURLs() {
-    return this.filterByHosted(this.realmServer.userRealmURLs);
+  private get filteredUserRealmIdentifiers() {
+    return this.filterByHosted(this.realmServer.userRealmIdentifiers);
   }
 
-  private get filteredCatalogRealmURLs() {
-    return this.filterByHosted(this.communityRealmURLs);
+  private get filteredCatalogRealmIdentifiers() {
+    return this.filterByHosted(this.communityRealmIdentifiers);
   }
 
-  private get favoriteRealmURLs() {
+  private get favoriteRealmIdentifiers() {
     let favorites = this.matrixService.workspaceFavorites;
-    let allURLs = [
-      ...this.realmServer.userRealmURLs,
-      ...(this.realmServer.displayedCatalogRealmURLs ?? []),
-    ];
-    let filtered = favorites.filter((url) => allURLs.includes(url));
+    let allURLs = new Set<string>([
+      ...this.realmServer.userRealmIdentifiers,
+      ...(this.realmServer.displayedCatalogRealmIdentifiers ?? []),
+    ]);
+    let filtered = favorites.filter((url) => allURLs.has(url)).map(ri);
     return this.filterByHosted(filtered);
   }
 
   private get userWorkspacesEmptyMessage(): string | null {
     if (
       this.sortOrder === 'hosted-only' &&
-      this.filteredUserRealmURLs.length === 0
+      this.filteredUserRealmIdentifiers.length === 0
     ) {
       return 'No matching results';
     }
@@ -116,7 +118,7 @@ export default class WorkspaceChooser extends Component<Signature> {
   private get catalogEmptyMessage(): string | null {
     if (
       this.sortOrder === 'hosted-only' &&
-      this.filteredCatalogRealmURLs.length === 0
+      this.filteredCatalogRealmIdentifiers.length === 0
     ) {
       return 'No matching results';
     }
@@ -127,7 +129,7 @@ export default class WorkspaceChooser extends Component<Signature> {
     if (this.matrixService.workspaceFavorites.length === 0) {
       return 'You have no favorites yet';
     }
-    if (this.favoriteRealmURLs.length === 0) {
+    if (this.favoriteRealmIdentifiers.length === 0) {
       return 'No matching results';
     }
     return null;
@@ -168,8 +170,8 @@ export default class WorkspaceChooser extends Component<Signature> {
               >{{this.favoritesEmptyMessage}}</span>
             {{else}}
               <div class='workspace-list' data-test-favorites-list>
-                {{#each this.favoriteRealmURLs as |realmURL|}}
-                  <Workspace @realmURL={{realmURL}} />
+                {{#each this.favoriteRealmIdentifiers as |realmIdentifier|}}
+                  <Workspace @realmIdentifier={{realmIdentifier}} />
                 {{/each}}
               </div>
             {{/if}}
@@ -186,8 +188,11 @@ export default class WorkspaceChooser extends Component<Signature> {
               >{{this.userWorkspacesEmptyMessage}}</span>
             {{else}}
               <div class='workspace-list' data-test-workspace-list>
-                {{#each this.filteredUserRealmURLs as |realmURL|}}
-                  <Workspace @realmURL={{realmURL}} @showMenu={{true}} />
+                {{#each this.filteredUserRealmIdentifiers as |realmIdentifier|}}
+                  <Workspace
+                    @realmIdentifier={{realmIdentifier}}
+                    @showMenu={{true}}
+                  />
                 {{/each}}
                 {{#if this.matrixService.isInitializingNewUser}}
                   <WorkspaceLoadingIndicator />
@@ -209,8 +214,11 @@ export default class WorkspaceChooser extends Component<Signature> {
                 >{{this.catalogEmptyMessage}}</span>
               {{else}}
                 <div class='workspace-list' data-test-catalog-list>
-                  {{#each this.filteredCatalogRealmURLs as |realmURL|}}
-                    <Workspace @realmURL={{realmURL}} />
+                  {{#each
+                    this.filteredCatalogRealmIdentifiers
+                    as |realmIdentifier|
+                  }}
+                    <Workspace @realmIdentifier={{realmIdentifier}} />
                   {{/each}}
                 </div>
               {{/if}}

package/bundled-types/host-app/components/operator-mode/workspace-chooser/workspace.gts

@@ -33,8 +33,8 @@ import {
 import {
   hasExecutableExtension,
   RealmPaths,
-  ri,
   SupportedMimeType,
+  type RealmIdentifier,
 } from '@cardstack/runtime-common';
 
 import ModalContainer from '@cardstack/host/components/modal-container';
@@ -51,7 +51,7 @@ import WorkspaceLoadingIndicator from './workspace-loading-indicator';
 interface Signature {
   Element: HTMLDivElement;
   Args: {
-    realmURL: string;
+    realmIdentifier: RealmIdentifier;
     showMenu?: boolean;
   };
 }
@@ -93,7 +93,7 @@ export default class Workspace extends Component<Signature> {
           @width='16'
           @height='16'
           {{on 'click' this.toggleFavorite}}
-          data-test-workspace-favorite-btn={{@realmURL}}
+          data-test-workspace-favorite-btn={{@realmIdentifier}}
         />
         <div class='tile-menu-btn'>
           <BoxelDropdown>
@@ -103,7 +103,7 @@ export default class Workspace extends Component<Signature> {
                 @variant='ghost'
                 @width='16'
                 @height='16'
-                data-test-workspace-menu-trigger={{@realmURL}}
+                data-test-workspace-menu-trigger={{@realmIdentifier}}
                 {{bindings}}
               />
             </:trigger>
@@ -116,7 +116,7 @@ export default class Workspace extends Component<Signature> {
           <button
             class='host-trigger'
             type='button'
-            data-test-host-trigger={{@realmURL}}
+            data-test-host-trigger={{@realmIdentifier}}
             {{on 'click' this.toggleHostDropdown}}
           >
             <span class='trigger-house'><Home width='13' height='13' /></span>
@@ -127,7 +127,10 @@ export default class Workspace extends Component<Signature> {
           </button>
 
           {{#if this.isHostDropdownOpen}}
-            <div class='host-dropdown' data-test-host-dropdown={{@realmURL}}>
+            <div
+              class='host-dropdown'
+              data-test-host-dropdown={{@realmIdentifier}}
+            >
               <span class='dropdown-header'>Launch in new window</span>
               <ul class='dropdown-list'>
                 {{#each this.publishedRealmURLs as |url|}}
@@ -179,7 +182,7 @@ export default class Workspace extends Component<Signature> {
           @size='medium'
           @cardContainerClass='workspace-chooser-delete-modal'
           class='workspace-chooser-delete-modal-container'
-          data-test-delete-modal={{@realmURL}}
+          data-test-delete-modal={{@realmIdentifier}}
         >
           <:content>
             <div class='delete-modal__header'>
@@ -773,7 +776,9 @@ export default class Workspace extends Component<Signature> {
   </template>
 
   get isFavorited() {
-    return this.matrixService.workspaceFavorites.includes(this.args.realmURL);
+    return this.matrixService.workspaceFavorites.includes(
+      this.args.realmIdentifier,
+    );
   }
 
   @service declare private operatorModeStateService: OperatorModeStateService;
@@ -794,13 +799,13 @@ export default class Workspace extends Component<Signature> {
   }
 
   private loadRealmTask = task(async () => {
-    await this.realm.login(this.args.realmURL);
-    await this.realm.ensureRealmMeta(this.args.realmURL);
+    await this.realm.login(this.args.realmIdentifier);
+    await this.realm.ensureRealmMeta(this.args.realmIdentifier);
   });
 
   @cached
   private get realmInfo() {
-    return this.realm.info(this.args.realmURL);
+    return this.realm.info(this.args.realmIdentifier);
   }
 
   private get name() {
@@ -826,9 +831,11 @@ export default class Workspace extends Component<Signature> {
 
   @action async toggleFavorite() {
     if (this.isFavorited) {
-      await this.matrixService.removeWorkspaceFavorite(this.args.realmURL);
+      await this.matrixService.removeWorkspaceFavorite(
+        this.args.realmIdentifier,
+      );
     } else {
-      await this.matrixService.addWorkspaceFavorite(this.args.realmURL);
+      await this.matrixService.addWorkspaceFavorite(this.args.realmIdentifier);
     }
   }
 
@@ -900,7 +907,7 @@ export default class Workspace extends Component<Signature> {
   }
 
   private get canDeleteWorkspace() {
-    return this.realm.isRealmOwner(this.args.realmURL);
+    return this.realm.isRealmOwner(this.args.realmIdentifier);
   }
 
   private get deleteSummaryText() {
@@ -933,7 +940,9 @@ export default class Workspace extends Component<Signature> {
   }
 
   @action async openWorkspace() {
-    await this.operatorModeStateService.openWorkspace(this.args.realmURL);
+    await this.operatorModeStateService.openWorkspace(
+      this.args.realmIdentifier,
+    );
   }
 
   @action openDeleteModal() {
@@ -957,7 +966,7 @@ export default class Workspace extends Component<Signature> {
   private loadDeleteSummaryTask = dropTask(async () => {
     try {
       let response = await this.network.authedFetch(
-        `${this.args.realmURL}_mtimes`,
+        `${this.args.realmIdentifier}_mtimes`,
         {
           headers: {
             Accept: SupportedMimeType.Mtimes,
@@ -989,23 +998,27 @@ export default class Workspace extends Component<Signature> {
     this.deleteError = undefined;
 
     try {
-      let realmPath = new RealmPaths(ri(this.args.realmURL));
+      let realmPath = new RealmPaths(this.args.realmIdentifier);
       let isActiveWorkspace =
-        this.operatorModeStateService.realmURL === this.args.realmURL ||
+        this.operatorModeStateService.realmURL === this.args.realmIdentifier ||
         this.operatorModeStateService
           .getOpenCardIds()
           .some((cardId) => realmPath.inRealm(cardId)) ||
         this.operatorModeStateService.codePathString?.startsWith(
-          this.args.realmURL,
+          this.args.realmIdentifier,
         );
 
-      await this.realmServer.deleteRealm(this.args.realmURL);
-      await this.matrixService.removeRealmFromAccountData(this.args.realmURL);
-      this.recentFilesService.removeRecentFilesForRealmURL(this.args.realmURL);
+      await this.realmServer.deleteRealm(this.args.realmIdentifier);
+      await this.matrixService.removeRealmFromAccountData(
+        this.args.realmIdentifier,
+      );
+      this.recentFilesService.removeRecentFilesForRealmURL(
+        this.args.realmIdentifier,
+      );
       for (let publishedRealmURL of this.publishedRealmURLs) {
         this.recentFilesService.removeRecentFilesForRealmURL(publishedRealmURL);
       }
-      this.realm.removeRealm(this.args.realmURL);
+      this.realm.removeRealm(this.args.realmIdentifier);
 
       if (isActiveWorkspace) {
         this.operatorModeStateService.clearStacks();

package/bundled-types/host-app/components/realm-picker/index.gts

@@ -36,7 +36,7 @@ export default class RealmPicker extends Component<Signature> {
   // interprets as a user-initiated filter change (expanding the search sheet).
   @cached
   get selectAllOption(): PickerOption {
-    const urls = this.realmServer.availableRealmURLs;
+    const urls = this.realmServer.availableRealmIdentifiers;
     return {
       id: 'select-all',
       label: `Select All (${urls.length})`,
@@ -60,7 +60,7 @@ export default class RealmPicker extends Component<Signature> {
   }
 
   get realmOptions(): PickerOption[] {
-    const urls = this.realmServer.availableRealmURLs;
+    const urls = this.realmServer.availableRealmIdentifiers;
     const options: PickerOption[] = [this.selectAllOption];
     for (const realmURL of urls) {
       const info = this.realm.info(realmURL);

package/bundled-types/host-app/components/search-sheet/index.gts

@@ -197,7 +197,7 @@ export default class SearchSheet extends Component<Signature> {
   private get searchKeyAsURL() {
     return resolveSearchKeyAsURL(
       this.searchKey,
-      this.realmServer.availableRealmURLs,
+      this.realmServer.availableRealmIdentifiers,
     );
   }
 

package/bundled-types/host-app/components/with-known-realms-loaded.gts

@@ -23,7 +23,7 @@ export default class WithKnownRealmsLoaded extends Component<Signature> {
   }
 
   private loadRealmsTask = task(async () => {
-    let realmURLs = this.realmServer.availableRealmURLs;
+    let realmURLs = this.realmServer.availableRealmIdentifiers;
     await Promise.all(
       realmURLs.map(
         async (realmURL) => await this.realm.ensureRealmMeta(realmURL),

package/bundled-types/host-app/services/host-mode-service.ts

@@ -19,6 +19,16 @@ function ensureSingleTitle(headHTML: string): string {
     ? headHTML
     : `${DEFAULT_HEAD_HTML}\n${headHTML}`;
 }
+
+// Normalize trailing-slash variance for routing-map matching. `/realm/`
+// and `/realm` are the same destination from the user's perspective,
+// but the injected map keys and Ember's `params.path` disagree on
+// the trailing slash. Stripping it on both sides makes the comparator
+// robust. Preserve the root `/` since stripping it would empty the path.
+function canonicalizeRoutingPath(path: string): string {
+  if (path === '/') return '/';
+  return path.replace(/\/+$/, '');
+}
 import type HostModeStateService from '@cardstack/host/services/host-mode-state-service';
 import type OperatorModeStateService from '@cardstack/host/services/operator-mode-state-service';
 import type RealmService from '@cardstack/host/services/realm';
@@ -130,10 +140,19 @@ export default class HostModeService extends Service {
   // `https://host/<user>/<realm>/whitepaper`); a leading slash is added if
   // absent so the index path is matchable as either '' or '/'. The
   // server prefixes each rule's `path` with the realm's mount pathname
-  // before injecting the map, so the two sides line up as direct equality.
+  // before injecting the map, so the two sides line up as direct equality
+  // — except for the trailing-slash variance at the realm root. A `/`
+  // rule's injected key is the realm's mount pathname WITH trailing
+  // slash (e.g. `/progressive-cheetah/`), but Ember's catch-all strips
+  // it (`params.path === 'progressive-cheetah'` for either visit form).
+  // Canonicalize both sides by stripping trailing slashes (except the
+  // root `/` itself) before comparing so `/realm` ↔ `/realm/` resolve.
   resolveRoutedPath(path: string): string | null {
     let normalized = path.startsWith('/') ? path : `/${path}`;
-    let rule = this.hostRoutingMap.find((r) => r.path === normalized);
+    let canonical = canonicalizeRoutingPath(normalized);
+    let rule = this.hostRoutingMap.find(
+      (r) => canonicalizeRoutingPath(r.path) === canonical,
+    );
     return rule ? rule.id : null;
   }