@jskit-ai/workspaces-web 0.1.139-oldline.2 → 0.1.140

package/src/client/providers/WorkspacesWebClientProvider.js

@@ -1,35 +1,48 @@
-import UsersProfileSurfaceSwitchMenuItem from "../components/UsersProfileSurfaceSwitchMenuItem.vue";
-import UsersWorkspaceSelector from "../components/UsersWorkspaceSelector.vue";
-import UsersWorkspaceToolsWidget from "../components/UsersWorkspaceToolsWidget.vue";
-import UsersWorkspaceSettingsMenuItem from "../components/UsersWorkspaceSettingsMenuItem.vue";
-import UsersWorkspaceMembersMenuItem from "../components/UsersWorkspaceMembersMenuItem.vue";
+import WorkspaceProfileSurfaceSwitchMenuItem from "../components/WorkspaceProfileSurfaceSwitchMenuItem.vue";
+import WorkspaceSelector from "../components/WorkspaceSelector.vue";
+import WorkspaceToolsWidget from "../components/WorkspaceToolsWidget.vue";
+import WorkspaceSettingsMenuItem from "../components/WorkspaceSettingsMenuItem.vue";
+import WorkspaceMembersMenuItem from "../components/WorkspaceMembersMenuItem.vue";
 import MembersAdminClientElement from "../components/MembersAdminClientElement.vue";
-import { registerBootstrapPayloadHandler } from "@jskit-ai/shell-web/client/bootstrap";
 import { createBootstrapPlacementRuntime } from "../runtime/bootstrapPlacementRuntime.js";
 import {
   WORKSPACES_WEB_SCOPE_SUPPORT_INJECTION_KEY,
   createWorkspaceScopeSupport
 } from "../support/workspaceScopeSupport.js";
 
-class WorkspacesWebClientProvider {
-  static id = "workspaces.web.client";
-  static dependsOn = ["users.web.client"];
+const WorkspacesWebClientProvider = defineProvider({
+  id: "workspaces.web.client",
+  requires: {
+    components: "client.components",
+    logger: "client.logger",
+    router: "client.router",
+    shell: "client.shell",
+    vueApp: "client.vue"
+  },
+  optional: {
+    realtime: "client.realtime"
+  },
+  provides: {
+    workspaces: "client.workspaces"
+  },
+  setup({ components, logger, realtime, router, shell, vueApp }) {
+    components.register("workspaces.web.profile.menu.surface-switch-item", WorkspaceProfileSurfaceSwitchMenuItem);
+    components.register("workspaces.web.workspace.selector", WorkspaceSelector);
+    components.register("workspaces.web.workspace.tools.widget", WorkspaceToolsWidget);
+    components.register("workspaces.web.workspace-settings.menu-item", WorkspaceSettingsMenuItem);
+    components.register("workspaces.web.workspace-members.menu-item", WorkspaceMembersMenuItem);
+    components.register("workspaces.web.members-admin.element", MembersAdminClientElement);
 
-  register(app) {
-    if (!app || typeof app.singleton !== "function" || typeof app.tag !== "function") {
-      throw new Error("WorkspacesWebClientProvider requires application singleton()/tag().");
-    }
-
-    app.singleton("workspaces.web.profile.menu.surface-switch-item", () => UsersProfileSurfaceSwitchMenuItem);
-    app.singleton("workspaces.web.workspace.selector", () => UsersWorkspaceSelector);
-    app.singleton("workspaces.web.workspace.tools.widget", () => UsersWorkspaceToolsWidget);
-    app.singleton("workspaces.web.workspace-settings.menu-item", () => UsersWorkspaceSettingsMenuItem);
-    app.singleton("workspaces.web.workspace-members.menu-item", () => UsersWorkspaceMembersMenuItem);
-    app.singleton("workspaces.web.members-admin.element", () => MembersAdminClientElement);
-    app.singleton("workspaces.web.bootstrap-placement.runtime", (scope) => createBootstrapPlacementRuntime({ app: scope }));
-    registerBootstrapPayloadHandler(app, "workspaces.web.bootstrap.handler", (scope) => {
-      const runtime = scope.make("workspaces.web.bootstrap-placement.runtime");
-      return Object.freeze({
+    const runtime = createBootstrapPlacementRuntime({
+      bootstrapRuntime: shell.bootstrap,
+      placementRuntime: shell.placement,
+      realtime,
+      router,
+      vueApp,
+      logger
+    });
+    shell.bootstrapHandlers.register(
+      Object.freeze({
         handlerId: "workspaces.web.bootstrap",
         order: 100,
         resolveBootstrapRequest(input = {}) {
@@ -41,46 +54,37 @@ class WorkspacesWebClientProvider {
         handleBootstrapError(input = {}) {
           return runtime.handleBootstrapError(input);
         }
-      });
-    });
-    app.singleton("workspaces.web.scope-support", () => createWorkspaceScopeSupport());
-  }
-
-  async boot(app) {
-    if (!app || typeof app.make !== "function") {
-      throw new Error("WorkspacesWebClientProvider boot requires application make().");
-    }
-
-    const runtime = app.make("workspaces.web.bootstrap-placement.runtime");
+      })
+    );
+    return {
+      workspaces: Object.freeze({
+        bootstrap: runtime,
+        scopeSupport: createWorkspaceScopeSupport()
+      })
+    };
+  },
+  async boot({ vueApp }, { outputs }) {
+    const runtime = outputs.workspaces.bootstrap;
     if (runtime && typeof runtime.initialize === "function") {
       await runtime.initialize();
     }
 
-    if (!app.has("jskit.client.vue.app")) {
-      return;
-    }
-
-    const vueApp = app.make("jskit.client.vue.app");
     if (!vueApp || typeof vueApp.provide !== "function") {
       return;
     }
 
     vueApp.provide(
       WORKSPACES_WEB_SCOPE_SUPPORT_INJECTION_KEY,
-      app.make("workspaces.web.scope-support")
+      outputs.workspaces.scopeSupport
     );
-  }
-
-  shutdown(app) {
-    if (!app || typeof app.make !== "function") {
-      return;
-    }
-
-    const runtime = app.make("workspaces.web.bootstrap-placement.runtime");
+  },
+  shutdown(_dependencies, { outputs }) {
+    const runtime = outputs.workspaces.bootstrap;
     if (runtime && typeof runtime.shutdown === "function") {
       runtime.shutdown();
     }
   }
-}
+});
 
 export { WorkspacesWebClientProvider };
+import { defineProvider } from "@jskit-ai/kernel/shared/capabilities";

package/src/client/runtime/bootstrapPlacementRuntime.js

@@ -2,7 +2,7 @@ import {
   findWorkspaceBySlug,
   normalizeWorkspaceList
 } from "../lib/bootstrap.js";
-import { normalizePermissionList } from "../lib/permissions.js";
+import { normalizePermissionList } from "@jskit-ai/http-web/client/lib/permissions";
 import {
   persistBootstrapThemePreference,
   resolveBootstrapThemeName,
@@ -28,21 +28,24 @@ import {
 } from "./bootstrapPlacementRuntimeHelpers.js";
 import { resolveErrorStatusCode } from "../support/runtimeNormalization.js";
 
-function createBootstrapPlacementRuntime({ app, logger = null } = {}) {
-  if (!app || typeof app.has !== "function" || typeof app.make !== "function") {
-    throw new Error("createBootstrapPlacementRuntime requires application has()/make().");
-  }
-  if (!app.has("runtime.web-placement.client")) {
+function createBootstrapPlacementRuntime({
+  bootstrapRuntime,
+  placementRuntime,
+  realtime = null,
+  router = null,
+  vueApp = null,
+  logger = null
+} = {}) {
+  if (!placementRuntime || typeof placementRuntime.getContext !== "function") {
     throw new Error("createBootstrapPlacementRuntime requires shell-web placement runtime.");
   }
+  if (!bootstrapRuntime || typeof bootstrapRuntime.refresh !== "function") {
+    throw new Error("createBootstrapPlacementRuntime requires shell-web bootstrap runtime.");
+  }
 
-  const runtimeLogger = logger || createProviderLogger(app);
-  const placementRuntime = app.make("runtime.web-placement.client");
-  const router = app.has("jskit.client.router") ? app.make("jskit.client.router") : null;
-  let vuetifyThemeController = resolveVuetifyThemeController(
-    app.has("jskit.client.vue.app") ? app.make("jskit.client.vue.app") : null
-  );
-  const socket = app.has("runtime.realtime.client.socket") ? app.make("runtime.realtime.client.socket") : null;
+  const runtimeLogger = createProviderLogger(logger);
+  let vuetifyThemeController = resolveVuetifyThemeController(vueApp);
+  const socket = realtime?.socket || null;
   const cleanup = [];
   let shutdownRequested = false;
   let lastRouteWorkspaceSlug = resolveRouteState(placementRuntime, router).workspaceSlug;
@@ -181,11 +184,7 @@ function createBootstrapPlacementRuntime({ app, logger = null } = {}) {
     if (vuetifyThemeController) {
       return vuetifyThemeController;
     }
-    if (!app.has("jskit.client.vue.app")) {
-      return null;
-    }
-
-    vuetifyThemeController = resolveVuetifyThemeController(app.make("jskit.client.vue.app"));
+    vuetifyThemeController = resolveVuetifyThemeController(vueApp);
     return vuetifyThemeController;
   }
 
@@ -386,25 +385,12 @@ function createBootstrapPlacementRuntime({ app, logger = null } = {}) {
     return null;
   }
 
-  function resolveBootstrapRuntime() {
-    if (!app.has("runtime.web-bootstrap.client")) {
-      throw new Error("createBootstrapPlacementRuntime requires shell-web bootstrap runtime.");
-    }
-
-    const bootstrapRuntime = app.make("runtime.web-bootstrap.client");
-    if (!bootstrapRuntime || typeof bootstrapRuntime.refresh !== "function") {
-      throw new Error("createBootstrapPlacementRuntime requires runtime.web-bootstrap.client.refresh().");
-    }
-
-    return bootstrapRuntime;
-  }
-
   function refresh(reason = "manual") {
     if (shutdownRequested) {
       return Promise.resolve(null);
     }
 
-    return resolveBootstrapRuntime().refresh(reason);
+    return bootstrapRuntime.refresh(reason);
   }
 
   function enforceCurrentWorkspaceStatus() {

package/src/client/runtime/bootstrapPlacementRuntimeHelpers.js

@@ -7,15 +7,15 @@ import {
 } from "@jskit-ai/shell-web/client/placement";
 import { parseWorkspacePathname } from "@jskit-ai/workspaces-core/shared/support/workspacePathModel";
 import { extractWorkspaceSlugFromSurfacePathname } from "../lib/workspaceSurfacePaths.js";
-import { workspacesWebHttpClient } from "../lib/httpClient.js";
+import { httpWebClient } from "@jskit-ai/http-web/client/lib/httpClient";
 import { buildBootstrapApiPath } from "../lib/bootstrap.js";
 import {
   normalizeWorkspaceBootstrapStatusValue
 } from "../support/runtimeNormalization.js";
 import { WORKSPACE_BOOTSTRAP_STATUSES } from "./bootstrapPlacementRuntimeConstants.js";
 
-function createProviderLogger(app) {
-  return createSharedProviderLogger(app);
+function createProviderLogger(logger) {
+  return createSharedProviderLogger(logger);
 }
 
 function resolveRouteState(placementRuntime, router) {
@@ -127,7 +127,7 @@ function countPendingInvites(entries = []) {
 }
 
 async function fetchBootstrapPayload(workspaceSlug = "") {
-  return workspacesWebHttpClient.request(buildBootstrapApiPath(workspaceSlug), {
+  return httpWebClient.request(buildBootstrapApiPath(workspaceSlug), {
     method: "GET"
   });
 }

package/test/bootstrapPlacementRuntime.test.js

@@ -183,20 +183,20 @@ function createBootstrapRuntimeStub() {
   };
 }
 
-function createAppStub(records = {}) {
-  const registry = new Map();
-  for (const key of Reflect.ownKeys(records)) {
-    registry.set(key, records[key]);
-  }
-  return {
-    has(token) {
-      return registry.has(token);
-    },
-    make(token) {
-      return registry.get(token);
-    },
-    warn() {}
-  };
+function createTestRuntime({
+  placementRuntime,
+  router,
+  bootstrapRuntime = createBootstrapRuntimeStub(),
+  socket = null,
+  vueApp = null
+} = {}) {
+  return createBootstrapPlacementRuntime({
+    placementRuntime,
+    bootstrapRuntime,
+    realtime: socket ? { socket } : null,
+    router,
+    vueApp
+  });
 }
 
 function createVuetifyThemeController(initial = "light") {
@@ -265,13 +265,7 @@ function createErrorWithStatus(status, message = "") {
 test("bootstrap placement runtime contributes workspace slug to shared bootstrap request and writes payload into placement context", async () => {
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/dashboard");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   const request = runtime.resolveBootstrapRequest();
@@ -329,13 +323,7 @@ test("bootstrap placement runtime resolves workspace slug from pathname when sur
   const placementRuntime = createPlacementRuntimeStub();
   placementRuntime.setContext({}, { replace: true, source: "test.clear" });
   const router = createRouterStub("/w/acme/admin");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   const request = runtime.resolveBootstrapRequest();
@@ -378,13 +366,7 @@ test("bootstrap placement runtime does not mutate placement auth context", async
     { source: "test.seed" }
   );
   const router = createRouterStub("/w/acme/dashboard");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.applyBootstrapPayload({
@@ -418,14 +400,7 @@ test("bootstrap placement runtime delegates route and realtime refreshes to the
   const router = createRouterStub("/w/acme/dashboard");
   const socket = createSocketStub();
   const bootstrapRuntime = createBootstrapRuntimeStub();
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: bootstrapRuntime,
-      ["jskit.client.router"]: router,
-      ["runtime.realtime.client.socket"]: socket
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, bootstrapRuntime, router, socket });
 
   await runtime.initialize();
   assert.deepEqual(bootstrapRuntime.calls, []);
@@ -451,13 +426,10 @@ test("bootstrap placement runtime applies theme changes from bootstrap payloads"
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/dashboard");
   const themeController = createVuetifyThemeController("light");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router,
-      ["jskit.client.vue.app"]: createVueAppWithThemeController(themeController)
-    })
+  const runtime = createTestRuntime({
+    placementRuntime,
+    router,
+    vueApp: createVueAppWithThemeController(themeController)
   });
 
   await runtime.initialize();
@@ -499,13 +471,10 @@ test("bootstrap placement runtime applies workspace palette and clears it when l
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/dashboard");
   const themeController = createVuetifyThemeController("light");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router,
-      ["jskit.client.vue.app"]: createVueAppWithThemeController(themeController)
-    })
+  const runtime = createTestRuntime({
+    placementRuntime,
+    router,
+    vueApp: createVueAppWithThemeController(themeController)
   });
 
   await runtime.initialize();
@@ -575,12 +544,9 @@ test("bootstrap placement runtime marks workspace slug as not_found and clears w
     },
     { source: "test.seed" }
   );
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: createRouterStub("/w/acme/dashboard")
-    })
+  const runtime = createTestRuntime({
+    placementRuntime,
+    router: createRouterStub("/w/acme/dashboard")
   });
 
   await runtime.initialize();
@@ -606,13 +572,7 @@ test("bootstrap placement runtime tracks status per workspace slug across route
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/dashboard");
   const bootstrapRuntime = createBootstrapRuntimeStub();
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: bootstrapRuntime,
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, bootstrapRuntime, router });
 
   await runtime.initialize();
   await runtime.applyBootstrapPayload({
@@ -651,13 +611,7 @@ test("bootstrap placement runtime tracks status per workspace slug across route
 test("bootstrap placement runtime uses requestedWorkspace status and keeps global workspace list on inaccessible slug", async () => {
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/tonymobily");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.applyBootstrapPayload({
@@ -695,13 +649,7 @@ test("bootstrap placement runtime uses requestedWorkspace status and keeps globa
 test("bootstrap placement runtime uses requestedWorkspace=not_found without forcing forbidden fallback", async () => {
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/missing");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.applyBootstrapPayload({
@@ -745,13 +693,7 @@ test("bootstrap placement runtime guard wrapper preserves delegated deny outcome
   });
   globalThis[SHELL_GUARD_EVALUATOR_KEY] = () => delegatedOutcome;
 
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.applyBootstrapPayload({
@@ -789,13 +731,7 @@ test("bootstrap placement runtime guard wrapper preserves delegated deny outcome
 test("bootstrap placement runtime guard wrapper blocks forbidden workspace routes and redirects nested workspace paths", async () => {
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/admin/workspace/settings?tab=general");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.handleBootstrapError({
@@ -831,13 +767,7 @@ test("bootstrap placement runtime guard wrapper blocks forbidden workspace route
 test("bootstrap placement runtime guard wrapper redirects nested not_found routes to workspace surface root", async () => {
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/projects");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.handleBootstrapError({
@@ -891,13 +821,7 @@ test("bootstrap placement runtime guard wrapper redirects nested not_found route
 test("bootstrap placement runtime redirects admin nested route to admin root when workspace is not_found", async () => {
   const placementRuntime = createPlacementRuntimeStub();
   const router = createRouterStub("/w/acme/admin/workspace/settings");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.handleBootstrapError({
@@ -950,13 +874,7 @@ test("bootstrap placement runtime enforces surface access policies after bootstr
     }
   });
   const router = createRouterStub("/ops");
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: router
-    })
-  });
+  const runtime = createTestRuntime({ placementRuntime, router });
 
   await runtime.initialize();
   await runtime.applyBootstrapPayload({
@@ -976,12 +894,9 @@ test("bootstrap placement runtime enforces surface access policies after bootstr
 
 test("bootstrap placement runtime handles unauthenticated errors and marks workspace status", async () => {
   const placementRuntime = createPlacementRuntimeStub();
-  const runtime = createBootstrapPlacementRuntime({
-    app: createAppStub({
-      ["runtime.web-placement.client"]: placementRuntime,
-      ["runtime.web-bootstrap.client"]: createBootstrapRuntimeStub(),
-      ["jskit.client.router"]: createRouterStub("/w/acme/dashboard")
-    })
+  const runtime = createTestRuntime({
+    placementRuntime,
+    router: createRouterStub("/w/acme/dashboard")
   });
 
   await runtime.initialize();

package/test/packageMetadataOwnership.test.js

@@ -0,0 +1,19 @@
+import assert from "node:assert/strict";
+import path from "node:path";
+import test from "node:test";
+import { readFile } from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+import packageJson from "../package.json" with { type: "json" };
+
+const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+
+test("workspaces-web publishes editable workspace surfaces as an agent-readable pattern", async () => {
+  assert.equal(packageJson.jskit?.mutations, undefined);
+  const pattern = await readFile(path.join(packageRoot, "patterns", "workspace-surfaces", "PATTERN.md"), "utf8");
+
+  assert.match(pattern, /## Product decisions/);
+  assert.match(pattern, /## Invariants/);
+  assert.match(pattern, /Loading uses skeletons/);
+  assert.match(pattern, /mutation failures use toasts/);
+  assert.match(pattern, /## Example files/);
+});