@promptbook/components 0.112.0-104 → 0.112.0-105

package/esm/index.es.js

@@ -42,7 +42,7 @@ const BOOK_LANGUAGE_VERSION = '2.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.112.0-104';
+const PROMPTBOOK_ENGINE_VERSION = '0.112.0-105';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -5561,10 +5561,7 @@ function sampleContinuousOctopusSurfacePoint(options, latitude, longitude) {
         Math.max(0, Math.cos(effectiveLongitude)) * 0.1 +
         lowerBlend * tentacleInfluence.core * (0.1 + tentacleInfluence.depthScale * 0.06) -
         Math.max(0, -Math.cos(effectiveLongitude)) * 0.05;
-    const tentacleTubeRadius = lowerBlend *
-        tentacleInfluence.core *
-        (0.11 + tipBlend * 0.06 + tentacleInfluence.widthScale * 0.025) *
-        radiusX;
+    const tentacleTubeRadius = lowerBlend * tentacleInfluence.core * (0.11 + tipBlend * 0.06 + tentacleInfluence.widthScale * 0.025) * radiusX;
     const planarRadiusX = cosineLatitude * radiusX * horizontalScale + tentacleTubeRadius;
     const planarRadiusZ = cosineLatitude * radiusZ * depthScale + tentacleTubeRadius * 0.72;
     const lowerDrop = lowerBlend *
@@ -5575,8 +5572,7 @@ function sampleContinuousOctopusSurfacePoint(options, latitude, longitude) {
                     tentacleInfluence.lengthScale * 0.22 +
                     (morphologyProfile.tentacles.flowLengthScale - 1) * 0.08));
     return {
-        x: Math.sin(effectiveLongitude) * planarRadiusX +
-            tentacleWave * radiusX * (0.052 + tipBlend * 0.05),
+        x: Math.sin(effectiveLongitude) * planarRadiusX + tentacleWave * radiusX * (0.052 + tipBlend * 0.05),
         y: Math.sin(latitude) * radiusY * (1 + upperBlend * 0.12) -
             upperBlend * radiusY * 0.1 +
             lowerDrop +
@@ -5650,8 +5646,11 @@ function resolveContinuousTentacleInfluence(options, longitude) {
  */
 function resolveContinuousLobeWave(options, longitude) {
     const { morphologyProfile, animationPhase, timeMs } = options;
-    return (Math.cos(longitude * OCTOPUS_TENTACLE_COUNT + animationPhase + timeMs / (980 + morphologyProfile.body.lobeCount * 18)) +
-        1) / 2;
+    return ((Math.cos(longitude * OCTOPUS_TENTACLE_COUNT +
+        animationPhase +
+        timeMs / (980 + morphologyProfile.body.lobeCount * 18)) +
+        1) /
+        2);
 }
 /**
  * Resolves one base fill tone for a patch on the continuous octopus mesh.
@@ -5715,8 +5714,7 @@ function drawProjectedSurfaceCurrents(options) {
         for (let sampleIndex = 0; sampleIndex < 8; sampleIndex++) {
             const progress = sampleIndex / 7;
             const latitude = -0.46 + progress * 0.74;
-            const longitude = baseLongitude +
-                Math.sin(timeMs / 1160 + animationPhase + currentIndex * 0.7 + progress * 2) * 0.035;
+            const longitude = baseLongitude + Math.sin(timeMs / 1160 + animationPhase + currentIndex * 0.7 + progress * 2) * 0.035;
             const scenePoint = transformScenePoint(sampleContinuousOctopusSurfacePoint(surfaceOptions, latitude, longitude), center, rotationX, rotationY);
             if (scenePoint.z > center.z - size * 0.016) {
                 projectedPoints.push(projectScenePoint(scenePoint, size, sceneCenterX, sceneCenterY));
@@ -23391,6 +23389,30 @@ const BookEditorMonacoConstants = {
     DIAGNOSTIC_MARKER_OWNER: 'book-editor-diagnostics',
 };
 
+/**
+ * Theme used for the actual notebook editor surface.
+ *
+ * The host application can still pass its resolved app theme, but book sources
+ * are intentionally rendered as light paper in both light and dark app modes.
+ *
+ * @private internal constant of `BookEditor`
+ */
+const BOOK_EDITOR_RENDER_THEME = 'LIGHT';
+/**
+ * Resolves an app-level theme into the visual theme used by `<BookEditor/>`.
+ *
+ * @param hostTheme - Resolved theme from the embedding application.
+ * @returns Light theme used by the Book editor surface.
+ *
+ * @private internal utility of `BookEditor`
+ */
+function resolveBookEditorRenderTheme(hostTheme = BOOK_EDITOR_RENDER_THEME) {
+    if (hostTheme === 'DARK') {
+        return BOOK_EDITOR_RENDER_THEME;
+    }
+    return hostTheme;
+}
+
 /**
  * Gets a commitment definition by its type
  *
@@ -24400,19 +24422,20 @@ function createNoteLikeBodyRules(token, commitmentTransitionRules) {
  *
  * @private function of BookEditorMonaco
  */
-function ensureBookEditorMonacoLanguage(monaco, theme = 'LIGHT') {
+function ensureBookEditorMonacoLanguage(monaco, theme = BOOK_EDITOR_RENDER_THEME) {
+    const renderedTheme = resolveBookEditorRenderTheme(theme);
     const monacoWithLanguageState = monaco;
     if (monacoWithLanguageState[BOOK_EDITOR_LANGUAGE_INITIALIZED_FLAG]) {
-        if (monacoWithLanguageState[BOOK_EDITOR_THEME_MODE_FLAG] !== theme) {
-            applyBookEditorMonacoTheme(monaco, theme);
-            monacoWithLanguageState[BOOK_EDITOR_THEME_MODE_FLAG] = theme;
+        if (monacoWithLanguageState[BOOK_EDITOR_THEME_MODE_FLAG] !== renderedTheme) {
+            applyBookEditorMonacoTheme(monaco, renderedTheme);
+            monacoWithLanguageState[BOOK_EDITOR_THEME_MODE_FLAG] = renderedTheme;
             return;
         }
         monaco.editor.setTheme(BookEditorMonacoConstants.BOOK_THEME_ID);
         return;
     }
     monacoWithLanguageState[BOOK_EDITOR_LANGUAGE_INITIALIZED_FLAG] = true;
-    monacoWithLanguageState[BOOK_EDITOR_THEME_MODE_FLAG] = theme;
+    monacoWithLanguageState[BOOK_EDITOR_THEME_MODE_FLAG] = renderedTheme;
     monaco.languages.register({ id: BookEditorMonacoConstants.BOOK_LANGUAGE_ID });
     const commitmentDefinitions = getAllCommitmentDefinitions();
     const commitmentTypes = [...new Set(commitmentDefinitions.map(({ type }) => type))];
@@ -24522,7 +24545,7 @@ function ensureBookEditorMonacoLanguage(monaco, theme = 'LIGHT') {
             return { links };
         },
     });
-    applyBookEditorMonacoTheme(monaco, theme);
+    applyBookEditorMonacoTheme(monaco, renderedTheme);
 }
 /**
  * Ensures the mounted Monaco editor model uses Book language and Book theme.
@@ -24535,8 +24558,9 @@ function ensureBookEditorMonacoLanguage(monaco, theme = 'LIGHT') {
  * @private function of BookEditorMonaco
  */
 function ensureBookEditorMonacoLanguageForEditor(props) {
-    const { monaco, monacoEditor, theme = 'LIGHT' } = props;
-    ensureBookEditorMonacoLanguage(monaco, theme);
+    const { monaco, monacoEditor, theme = BOOK_EDITOR_RENDER_THEME } = props;
+    const renderedTheme = resolveBookEditorRenderTheme(theme);
+    ensureBookEditorMonacoLanguage(monaco, renderedTheme);
     const model = monacoEditor.getModel();
     if (!model) {
         return;
@@ -25768,7 +25792,8 @@ function createBookEditorMonacoOptions({ isReadonly, translations, scaledFontSiz
  * @private Internal component used by `BookEditor`
  */
 function BookEditorMonaco(props) {
-    const { value, onChange, diagnostics, isReadonly, theme = 'LIGHT', translations, onFileUpload, isUploadButtonShown, isCameraButtonShown, isDownloadButtonShown, isAboutButtonShown = true, isFullscreenButtonShown = true, onFullscreenClick, isFullscreen, zoom = 1, monacoModelPath, hoistedMenuItems, } = props;
+    const { value, onChange, diagnostics, isReadonly, theme: hostTheme = BOOK_EDITOR_RENDER_THEME, translations, onFileUpload, isUploadButtonShown, isCameraButtonShown, isDownloadButtonShown, isAboutButtonShown = true, isFullscreenButtonShown = true, onFullscreenClick, isFullscreen, zoom = 1, monacoModelPath, hoistedMenuItems, } = props;
+    const theme = resolveBookEditorRenderTheme(hostTheme);
     const zoomLevel = zoom;
     const { scaledLineHeight, scaledContentPaddingLeft, scaledVerticalLineLeft, scaledFontSize, scaledScrollbarSize } = createBookEditorMonacoScale(zoomLevel);
     const monaco = useMonaco();
@@ -25857,15 +25882,16 @@ const DEFAULT_BOOK_EDITOR_HEIGHT = countLines(DEFAULT_BOOK) * 30 + 20;
  * @public exported from `@promptbook/components`
  */
 function BookEditor(props) {
-    const { agentSource, className, style, theme = 'LIGHT', zoom = 1, value, onChange, diagnostics, onFileUpload, isVerbose = DEFAULT_IS_VERBOSE, isBorderRadiusDisabled = false, isReadonly = false, translations, isUploadButtonShown = true, isCameraButtonShown, isDownloadButtonShown = true, isAboutButtonShown = true, isFullscreenButtonShown = true, sync, monacoModelPath, hoistedMenuItems, } = props;
+    const { agentSource, className, style, theme: hostTheme = BOOK_EDITOR_RENDER_THEME, zoom = 1, value, onChange, diagnostics, onFileUpload, isVerbose = DEFAULT_IS_VERBOSE, isBorderRadiusDisabled = false, isReadonly = false, translations, isUploadButtonShown = true, isCameraButtonShown, isDownloadButtonShown = true, isAboutButtonShown = true, isFullscreenButtonShown = true, sync, monacoModelPath, hoistedMenuItems, } = props;
     const [isFullscreen, setIsFullscreen] = useState(false);
+    const renderedTheme = resolveBookEditorRenderTheme(hostTheme);
     /**
      * Toggles fullscreen mode for the editor.
      */
     const handleFullscreenToggle = () => {
         setIsFullscreen(!isFullscreen);
     };
-    const editorContent = (jsx("div", { "data-book-component": "BookEditor", "data-book-editor-theme": theme.toLowerCase(), className: classNames(styles$d.BookEditor, isVerbose && styles$d.isVerbose, styles$d.bookEditorWrapper, isBorderRadiusDisabled && styles$d.isBorderRadiusDisabled, isFullscreen && styles$d.fullscreen, className), style: isFullscreen
+    const editorContent = (jsx("div", { "data-book-component": "BookEditor", "data-book-editor-theme": renderedTheme.toLowerCase(), className: classNames(styles$d.BookEditor, isVerbose && styles$d.isVerbose, styles$d.bookEditorWrapper, isBorderRadiusDisabled && styles$d.isBorderRadiusDisabled, isFullscreen && styles$d.fullscreen, className), style: isFullscreen
             ? style
             : {
                 ...(style || {}),
@@ -25876,7 +25902,7 @@ function BookEditor(props) {
                             ? `${props.height}px`
                             : props.height || `${DEFAULT_BOOK_EDITOR_HEIGHT}px`,
                     }),
-            }, children: jsx(BookEditorMonaco, { value: agentSource || value, onChange: onChange, diagnostics: diagnostics, onFileUpload: onFileUpload, isVerbose: isVerbose, isBorderRadiusDisabled: isBorderRadiusDisabled, isReadonly: isReadonly, translations: translations, isUploadButtonShown: isUploadButtonShown, isCameraButtonShown: isCameraButtonShown, isDownloadButtonShown: isDownloadButtonShown, isAboutButtonShown: isAboutButtonShown, isFullscreenButtonShown: isFullscreenButtonShown, onFullscreenClick: handleFullscreenToggle, isFullscreen: isFullscreen, sync: sync, zoom: zoom, monacoModelPath: monacoModelPath, hoistedMenuItems: hoistedMenuItems, theme: theme }) }));
+            }, children: jsx(BookEditorMonaco, { value: agentSource || value, onChange: onChange, diagnostics: diagnostics, onFileUpload: onFileUpload, isVerbose: isVerbose, isBorderRadiusDisabled: isBorderRadiusDisabled, isReadonly: isReadonly, translations: translations, isUploadButtonShown: isUploadButtonShown, isCameraButtonShown: isCameraButtonShown, isDownloadButtonShown: isDownloadButtonShown, isAboutButtonShown: isAboutButtonShown, isFullscreenButtonShown: isFullscreenButtonShown, onFullscreenClick: handleFullscreenToggle, isFullscreen: isFullscreen, sync: sync, zoom: zoom, monacoModelPath: monacoModelPath, hoistedMenuItems: hoistedMenuItems, theme: renderedTheme }) }));
     return isFullscreen && typeof document !== 'undefined' ? createPortal(editorContent, document.body) : editorContent;
 }