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

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

@@ -7,7 +7,7 @@ import { ensureQueryFieldSearchResource } from './query-field-support';
 import { isSavedInstance } from './-private';
 import type { ComponentLike } from '@glint/template';
 import { deserialize, serialize, serializeCard, serializeFileDef, type DeserializeOpts, type JSONAPIResource, type JSONAPISingleResourceDocument, type SerializeOpts, getCardMeta } from './card-serialization';
-import { getDataBucket, getFieldDescription, getFields, isCard, peekAtField, realmContext, relationshipMeta } from './field-support';
+import { beginComputePass, endComputePass, getDataBucket, getFieldDescription, getFields, isCard, peekAtField, realmContext, relationshipMeta, type ComputePassSnapshot } from './field-support';
 import { type GetMenuItemParams } from './menu-items';
 import { LinkableDocument, SingleFileMetaDocument } from '@cardstack/runtime-common/document-types';
 import type { FileMetaResource } from '@cardstack/runtime-common';
@@ -16,7 +16,7 @@ interface CardOrFieldTypeIconSignature {
     Element: SVGSVGElement;
 }
 export type CardOrFieldTypeIcon = ComponentLike<CardOrFieldTypeIconSignature>;
-export { deserialize, getCardMeta, getDataBucket, getFieldDescription, getFields, peekAtField, isCard, isField, isFileDef, localId, meta, primitive, realmURL, relativeTo, relationshipMeta, serialize, serializeCard, serializeFileDef, ensureQueryFieldSearchResource, getStore, type BoxComponent, type DeserializeOpts, type GetMenuItemParams, type JSONAPISingleResourceDocument, type ResourceID, type SerializeOpts };
+export { beginComputePass, endComputePass, deserialize, getCardMeta, getDataBucket, getFieldDescription, getFields, peekAtField, isCard, isField, isFileDef, localId, meta, primitive, realmURL, relativeTo, relationshipMeta, serialize, serializeCard, serializeFileDef, ensureQueryFieldSearchResource, getStore, type BoxComponent, type ComputePassSnapshot, type DeserializeOpts, type GetMenuItemParams, type JSONAPISingleResourceDocument, type ResourceID, type SerializeOpts };
 export declare const useIndexBasedKey: unique symbol;
 export declare const fieldDecorator: unique symbol;
 export declare const queryableValue: unique symbol;

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/base/field-support.d.ts

@@ -6,6 +6,12 @@ export interface NotLoadedValue {
     reference: string;
 }
 export declare const realmContext: unique symbol;
+export interface ComputePassSnapshot {
+    calls: number;
+    cacheHits: number;
+}
+export declare function beginComputePass(): void;
+export declare function endComputePass(): ComputePassSnapshot;
 export declare function getter<CardT extends BaseDefConstructor>(instance: BaseDef, field: Field<CardT>): BaseInstanceType<CardT>;
 export declare function entangleWithCardTracking(instance: BaseDef): void;
 export declare function notifyCardTracking(instance: BaseDef): void;

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/stack-item.gts

@@ -32,12 +32,13 @@ import {
 import {
   MenuDivider,
   MenuItem,
+  copyCardURLToClipboard,
   getContrastColor,
   toMenuItems,
 } from '@cardstack/boxel-ui/helpers';
 import { cn, cssVar, optional, not } from '@cardstack/boxel-ui/helpers';
 
-import { IconTrash } from '@cardstack/boxel-ui/icons';
+import { IconLink, IconTrash } from '@cardstack/boxel-ui/icons';
 
 import type { CommandContext } from '@cardstack/runtime-common';
 import {
@@ -619,6 +620,13 @@ export default class OperatorModeStackItem extends Component<Signature> {
       return undefined;
     }
     return [
+      new MenuItem({
+        label: 'Copy Card URL',
+        action: () =>
+          this.cardIdentifier && copyCardURLToClipboard(this.cardIdentifier),
+        icon: IconLink,
+        disabled: !this.cardIdentifier,
+      }),
       new MenuItem({
         label: 'Delete Card',
         action: () =>

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),