fix: change size-changed to be in correct tense

Author: liady

specification/draft/apps.mdx

@@ -632,12 +632,12 @@ Host MUST send this notification if the tool execution was cancelled, for any re
 Host MUST send this notification before tearing down the UI resource, for any reason, including user action, resource re-allocation, etc. The Host MAY specify the reason.
 Host SHOULD wait for a response before tearing down the resource (to prevent data loss).
 
-`ui/notifications/size-change` - UI’s size changed
+`ui/notifications/size-changed` - UI’s size changed
 
 ```typescript
 {
   jsonrpc: "2.0",
-  method: "ui/notifications/size-change",
+  method: "ui/notifications/size-changed",
   params: {
     width: number,   // Viewport width in pixels
     height: number   // Viewport height in pixels
@@ -774,7 +774,7 @@ sequenceDiagram
       H --> UI: resources/read response
     end
     opt UI notifications
-      UI ->> H: notifications (e.g., ui/notifications/size-change)
+      UI ->> H: notifications (e.g., ui/notifications/size-changed)
     end
     opt Host notifications
       H ->> UI: notifications (e.g., ui/notifications/host-context-change)

src/app-bridge.ts

@@ -265,7 +265,7 @@ export class AppBridge extends Protocol<Request, Notification, Result> {
   /**
    * Register a handler for size change notifications from the Guest UI.
    *
-   * The Guest UI sends `ui/notifications/size-change` when its rendered content
+   * The Guest UI sends `ui/notifications/size-changed` when its rendered content
    * size changes, typically via ResizeObserver. Set this callback to dynamically
    * adjust the iframe container dimensions based on the Guest UI's content.
    *

src/app.ts

@@ -88,7 +88,7 @@ type AppOptions = ProtocolOptions & {
    * Automatically report size changes to the host using ResizeObserver.
    *
    * When enabled, the App monitors `document.body` and `document.documentElement`
-   * for size changes and automatically sends `ui/notifications/size-change`
+   * for size changes and automatically sends `ui/notifications/size-changed`
    * notifications to the host.
    *
    * @default true
@@ -719,7 +719,7 @@ export class App extends Protocol<Request, Notification, Result> {
    */
   sendSizeChange(params: McpUiSizeChangeNotification["params"]) {
     return this.notification(<McpUiSizeChangeNotification>{
-      method: "ui/notifications/size-change",
+      method: "ui/notifications/size-changed",
       params,
     });
   }
@@ -728,7 +728,7 @@ export class App extends Protocol<Request, Notification, Result> {
    * Set up automatic size change notifications using ResizeObserver.
    *
    * Observes both `document.documentElement` and `document.body` for size changes
-   * and automatically sends `ui/notifications/size-change` notifications to the host.
+   * and automatically sends `ui/notifications/size-changed` notifications to the host.
    * The notifications are debounced using requestAnimationFrame to avoid duplicates.
    *
    * Note: This method is automatically called by `connect()` if the `autoResize`

src/react/useAutoResize.ts

@@ -5,7 +5,7 @@ import { App } from "../app";
  * React hook that automatically reports UI size changes to the host.
  *
  * Uses ResizeObserver to watch `document.body` and `document.documentElement` for
- * size changes and sends `ui/notifications/size-change` notifications.
+ * size changes and sends `ui/notifications/size-changed` notifications.
  *
  * **Note**: This hook is rarely needed since the {@link useApp} hook automatically enables
  * auto-resize by default. This hook is provided for advanced cases where you

src/types.ts

@@ -262,7 +262,7 @@ type _VerifySandboxResourceReadyNotification = VerifySchemaMatches<
  * @see {@link app.App.setupSizeChangeNotifications} for automatic size reporting
  */
 export interface McpUiSizeChangeNotification {
-  method: "ui/notifications/size-change";
+  method: "ui/notifications/size-changed";
   params: {
     /** New width in pixels */
     width?: number;
@@ -276,7 +276,7 @@ export interface McpUiSizeChangeNotification {
  * @internal
  */
 export const McpUiSizeChangeNotificationSchema = z.object({
-  method: z.literal("ui/notifications/size-change"),
+  method: z.literal("ui/notifications/size-changed"),
   params: z.object({
     width: z.number().optional(),
     height: z.number().optional(),