sunpeak 0.16.21 → 0.16.24

package/dist/index.js

@@ -1,12 +1,12 @@
 import { u as useApp, F as FQ, T as TQ, P as PQ } from "./use-app-C9gpzIQO.js";
 import { C, A, h, a, e, s, L, m, S, J, B, _, x, U, q, b, c, w, R, E, d, O, G, f, W, g, i, j, V, k, l, N, z, n, o, I, p, r, t, v, y, D, K, H, M, Q, X, Y, Z, $, a0, a1, a2 } from "./use-app-C9gpzIQO.js";
 import { detectHost, detectPlatform, isChatGPT, isClaude } from "./host/index.js";
-import { i as i2 } from "./index-B4aC3vjH.js";
-import { i as i3 } from "./index-CX6Z4bED.js";
+import { i as i2 } from "./index-BEHP_bM8.js";
+import { i as i3 } from "./index-B7Qw3Vhh.js";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useEffect, useState, useRef, useCallback, useSyncExternalStore, useMemo, forwardRef } from "react";
-import { D as DEFAULT_STYLE_VARIABLES } from "./simulator-D8t-r7HH.js";
+import { D as DEFAULT_STYLE_VARIABLES } from "./simulator-BCq2iOT-.js";
 import { a as a3, d as d2 } from "./discovery-BVqD-JsT.js";
 import { u as union, l as literal, r as record, s as string, _ as _undefined, o as object, b as boolean, a as array, n as number, c as unknown, E as EmbeddedResourceSchema, R as ResourceLinkSchema, j as ContentBlockSchema, C as CallToolResultSchema, T as ToolSchema, d as RequestIdSchema, I as ImplementationSchema } from "./protocol-uge7qFev.js";
 var m2 = union([literal("light"), literal("dark")]).describe("Color theme preference for the host environment."), L2 = union([literal("inline"), literal("fullscreen"), literal("pip")]).describe("Display mode for UI presentation."), _J = union([literal("--color-background-primary"), literal("--color-background-secondary"), literal("--color-background-tertiary"), literal("--color-background-inverse"), literal("--color-background-ghost"), literal("--color-background-info"), literal("--color-background-danger"), literal("--color-background-success"), literal("--color-background-warning"), literal("--color-background-disabled"), literal("--color-text-primary"), literal("--color-text-secondary"), literal("--color-text-tertiary"), literal("--color-text-inverse"), literal("--color-text-ghost"), literal("--color-text-info"), literal("--color-text-danger"), literal("--color-text-success"), literal("--color-text-warning"), literal("--color-text-disabled"), literal("--color-border-primary"), literal("--color-border-secondary"), literal("--color-border-tertiary"), literal("--color-border-inverse"), literal("--color-border-ghost"), literal("--color-border-info"), literal("--color-border-danger"), literal("--color-border-success"), literal("--color-border-warning"), literal("--color-border-disabled"), literal("--color-ring-primary"), literal("--color-ring-secondary"), literal("--color-ring-inverse"), literal("--color-ring-info"), literal("--color-ring-danger"), literal("--color-ring-success"), literal("--color-ring-warning"), literal("--font-sans"), literal("--font-mono"), literal("--font-weight-normal"), literal("--font-weight-medium"), literal("--font-weight-semibold"), literal("--font-weight-bold"), literal("--font-text-xs-size"), literal("--font-text-sm-size"), literal("--font-text-md-size"), literal("--font-text-lg-size"), literal("--font-heading-xs-size"), literal("--font-heading-sm-size"), literal("--font-heading-md-size"), literal("--font-heading-lg-size"), literal("--font-heading-xl-size"), literal("--font-heading-2xl-size"), literal("--font-heading-3xl-size"), literal("--font-text-xs-line-height"), literal("--font-text-sm-line-height"), literal("--font-text-md-line-height"), literal("--font-text-lg-line-height"), literal("--font-heading-xs-line-height"), literal("--font-heading-sm-line-height"), literal("--font-heading-md-line-height"), literal("--font-heading-lg-line-height"), literal("--font-heading-xl-line-height"), literal("--font-heading-2xl-line-height"), literal("--font-heading-3xl-line-height"), literal("--border-radius-xs"), literal("--border-radius-sm"), literal("--border-radius-md"), literal("--border-radius-lg"), literal("--border-radius-xl"), literal("--border-radius-full"), literal("--border-width-regular"), literal("--shadow-hairline"), literal("--shadow-sm"), literal("--shadow-md"), literal("--shadow-lg")]).describe("CSS variable keys available to MCP apps for theming."), OJ = record(_J.describe(`Style variables for theming MCP apps.
@@ -160,6 +160,7 @@ function getRegistry$1(app) {
     if (ctx?.styles?.css?.fonts) {
       TQ(ctx.styles.css.fonts);
     }
+    let debounceTimer = null;
     app.onhostcontextchanged = () => {
       const ctx2 = app.getHostContext();
       if (ctx2?.theme) {
@@ -169,7 +170,11 @@ function getRegistry$1(app) {
       if (ctx2?.styles?.css?.fonts) {
         TQ(ctx2.styles.css.fonts);
       }
-      for (const fn of subs) fn();
+      if (debounceTimer) clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(() => {
+        debounceTimer = null;
+        for (const fn of subs) fn();
+      }, 50);
     };
   }
   return subs;
@@ -356,7 +361,7 @@ const SafeArea = forwardRef(function SafeArea2({ children, style, ...props }, re
   const viewport = useViewport();
   const displayMode = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
-  const height = viewport?.height ?? (isFullscreen ? "100dvh" : void 0);
+  const height = isFullscreen ? viewport?.height ?? "100dvh" : void 0;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -369,7 +374,10 @@ const SafeArea = forwardRef(function SafeArea2({ children, style, ...props }, re
         paddingLeft: safeArea.left || void 0,
         paddingRight: safeArea.right || void 0,
         height,
+        // overflow:hidden ensures content doesn't escape the maxHeight boundary,
+        // which also lets apps fill the space with their own scrollable container.
         maxHeight: viewport?.maxHeight,
+        overflow: viewport?.maxHeight != null ? "hidden" : void 0,
         width: viewport?.width,
         maxWidth: viewport?.maxWidth,
         ...style