@myst-theme/jupyter 0.3.8 → 0.4.1

package/dist/esm/execute/busy.js

@@ -28,8 +28,16 @@ function isNotebookPayload(payload) {
         payload.cellIds.every((id) => typeof id === 'string') &&
         typeof payload.kind === 'string');
 }
+function isErrorPayload(payload) {
+    var _a, _b;
+    return ((typeof payload.pageSlug === 'string' &&
+        typeof payload.notebookSlug === 'string' &&
+        payload.errors === undefined) ||
+        ((_b = (Array.isArray(payload.errors) &&
+            ((_a = payload.errors) === null || _a === void 0 ? void 0 : _a.every((error) => typeof error === 'object')))) !== null && _b !== void 0 ? _b : false));
+}
 export function reducer(state, action) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     switch (action.type) {
         case 'SET_CELL_BUSY': {
             if (!isCellPayload(action.payload)) {
@@ -47,16 +55,16 @@ export function reducer(state, action) {
                 return state;
             }
             const { pageSlug, notebookSlug, cellId, kind } = action.payload;
-            const _f = state[kind], _g = pageSlug, renderBusy = _f[_g], otherRenders = __rest(_f, [typeof _g === "symbol" ? _g : _g + ""]);
+            const _h = state[kind], _j = pageSlug, renderBusy = _h[_j], otherRenders = __rest(_h, [typeof _j === "symbol" ? _j : _j + ""]);
             if (!renderBusy)
                 return state;
-            const _h = renderBusy, _j = notebookSlug, notebookBusy = _h[_j], otherNotebooks = __rest(_h, [typeof _j === "symbol" ? _j : _j + ""]);
+            const _k = renderBusy, _l = notebookSlug, notebookBusy = _k[_l], otherNotebooks = __rest(_k, [typeof _l === "symbol" ? _l : _l + ""]);
             if (!notebookBusy)
                 return state;
             if (!notebookBusy[cellId])
                 return state;
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const _k = notebookBusy, _l = cellId, cellBusy = _k[_l], otherCells = __rest(_k, [typeof _l === "symbol" ? _l : _l + ""]);
+            const _m = notebookBusy, _o = cellId, cellBusy = _m[_o], otherCells = __rest(_m, [typeof _o === "symbol" ? _o : _o + ""]);
             // remove the render if it's empty
             if (Object.keys(otherCells).length === 0 && Object.keys(otherNotebooks).length === 0) {
                 return Object.assign(Object.assign({}, state), { [kind]: otherRenders });
@@ -86,19 +94,54 @@ export function reducer(state, action) {
             if (!((_e = state[kind][pageSlug]) === null || _e === void 0 ? void 0 : _e[notebookSlug]))
                 return state;
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const _m = state[kind][pageSlug], _o = notebookSlug, notebookBusy = _m[_o], otherNotebooks = __rest(_m, [typeof _o === "symbol" ? _o : _o + ""]);
+            const _p = state[kind][pageSlug], _q = notebookSlug, notebookBusy = _p[_q], otherNotebooks = __rest(_p, [typeof _q === "symbol" ? _q : _q + ""]);
             if (Object.keys(otherNotebooks).length === 0) {
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                const _p = state[kind], _q = pageSlug, renderBusy = _p[_q], otherRenders = __rest(_p, [typeof _q === "symbol" ? _q : _q + ""]);
+                const _r = state[kind], _s = pageSlug, renderBusy = _r[_s], otherRenders = __rest(_r, [typeof _s === "symbol" ? _s : _s + ""]);
                 return Object.assign(Object.assign({}, state), { [kind]: otherRenders });
             }
             return Object.assign(Object.assign({}, state), { [kind]: Object.assign(Object.assign({}, state[kind]), { [pageSlug]: Object.assign({}, otherNotebooks) }) });
         }
+        case 'SET_ERROR': {
+            if (!isErrorPayload(action.payload)) {
+                console.error('SET_ERROR payload must be an error payload', action.payload);
+                return state;
+            }
+            const { pageSlug, notebookSlug, errors } = action.payload;
+            if (!errors) {
+                console.error('SET_ERROR payload must have errors', action.payload);
+                return state;
+            }
+            if (state.error[pageSlug])
+                return state;
+            if ((_f = state.error[pageSlug]) === null || _f === void 0 ? void 0 : _f[notebookSlug])
+                return state;
+            return Object.assign(Object.assign({}, state), { error: Object.assign(Object.assign({}, state.error), { [pageSlug]: Object.assign(Object.assign({}, state.error[pageSlug]), { [notebookSlug]: errors }) }) });
+        }
+        case 'CLEAR_ERROR': {
+            if (!isErrorPayload(action.payload)) {
+                console.error('CLEAR_ERROR payload must be a error payload', action.payload);
+                return state;
+            }
+            const { pageSlug, notebookSlug } = action.payload;
+            if (!state.error[pageSlug])
+                return state;
+            if (!((_g = state.error[pageSlug]) === null || _g === void 0 ? void 0 : _g[notebookSlug]))
+                return state;
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const _t = state.error[pageSlug], _u = notebookSlug, notebookErrors = _t[_u], otherNotebooks = __rest(_t, [typeof _u === "symbol" ? _u : _u + ""]);
+            if (Object.keys(otherNotebooks).length > 0) {
+                return Object.assign(Object.assign({}, state), { error: Object.assign(Object.assign({}, state.error), { [pageSlug]: Object.assign({}, otherNotebooks) }) });
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const _v = state.error, _w = pageSlug, renderErrors = _v[_w], otherRenders = __rest(_v, [typeof _w === "symbol" ? _w : _w + ""]);
+            return Object.assign(Object.assign({}, state), { error: otherRenders });
+        }
     }
     return state;
 }
 export function BusyScopeProvider({ children }) {
-    const [state, dispatch] = useReducer(reducer, { execute: {}, reset: {} });
+    const [state, dispatch] = useReducer(reducer, { execute: {}, reset: {}, error: {} });
     const memo = React.useMemo(() => ({ state, dispatch }), [state]);
     if (typeof window !== 'undefined') {
         window.busyScopeState = memo.state;
@@ -120,7 +163,40 @@ export function useBusyScope() {
     const clearCell = useCallback((pageSlug, notebookSlug, cellId, kind) => dispatch({ type: 'CLEAR_CELL_BUSY', payload: { pageSlug, notebookSlug, cellId, kind } }), [dispatch]);
     const setNotebook = useCallback((pageSlug, notebookSlug, cellIds, kind) => dispatch({ type: 'SET_NOTEBOOK_BUSY', payload: { pageSlug, notebookSlug, cellIds, kind } }), [dispatch]);
     const clearNotebook = useCallback((pageSlug, notebookSlug, kind) => dispatch({ type: 'CLEAR_NOTEBOOK_BUSY', payload: { pageSlug, notebookSlug, kind } }), [dispatch]);
-    return { cell, notebook, page, setCell, clearCell, setNotebook, clearNotebook };
+    const setError = useCallback((pageSlug, notebookSlug, errors) => dispatch({ type: 'SET_ERROR', payload: { pageSlug, notebookSlug, errors } }), [dispatch]);
+    const clearError = useCallback((pageSlug, notebookSlug) => dispatch({ type: 'CLEAR_ERROR', payload: { pageSlug, notebookSlug } }), [dispatch]);
+    return {
+        cell,
+        notebook,
+        page,
+        setCell,
+        clearCell,
+        setNotebook,
+        clearNotebook,
+        setError,
+        clearError,
+    };
+}
+export function useBusyErrors(pageSlug) {
+    const context = React.useContext(BusyScopeContext);
+    if (context === undefined) {
+        throw new Error('useBusyScope must be used within a BusyScopeProvider');
+    }
+    const { state, dispatch } = context;
+    const clearErrors = () => {
+        Object.keys(state.error[pageSlug]).forEach((notebookSlug) => {
+            dispatch({ type: 'CLEAR_ERROR', payload: { pageSlug, notebookSlug } });
+        });
+    };
+    let items;
+    if (Object.keys(state.error).length > 0 && state.error[pageSlug]) {
+        items = Object.entries(state.error[pageSlug]).map(([notebookSlug, errors]) => ({
+            pageSlug,
+            notebookSlug,
+            errors,
+        }));
+    }
+    return { items, clearErrors };
 }
 export function selectCellIsBusy(state, pageSlug, notebookSlug, cellId, kind) {
     var _a, _b;

package/dist/esm/execute/hooks.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IdOrKey } from './types';
 import type { IThebeCell } from 'thebe-core';
-import { SourceFileKind } from 'myst-common';
+import { SourceFileKind } from 'myst-spec-ext';
 export declare function useExecutionScope({ clearOutputsOnExecute, }?: {
     clearOutputsOnExecute?: boolean;
 }): {
@@ -44,7 +44,7 @@ export declare function useNotebookExecution(id: IdOrKey, clearOutputsOnExecute?
  * @param id
  * @returns
  */
-export declare function useCellExecution(id: IdOrKey): {
+export declare function useCellExecution(id: IdOrKey, clearOutputsOnExecute?: boolean): {
     canCompute: boolean;
     kind: SourceFileKind;
     ready: boolean;

package/dist/esm/execute/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/execute/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAA8C,MAAM,YAAY,CAAC;AAGzF,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,wBAAgB,iBAAiB,CAAC,EAChC,qBAA6B,GAC9B,GAAE;IAAE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAO;;kBAUR,MAAM;yBAsD1B,MAAM;yBAYN,MAAM;oBAxDI,MAAM;;;;;;EAgF9B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,UAAQ;;;;;;;;;;;;;;;;EA2G9E;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO;;;;;;;;;;;EAgE3C;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,OAAO;;;;EAc/C;AAED,wBAAgB,iBAAiB,YAOhC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/execute/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAA8C,MAAM,YAAY,CAAC;AAGzF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,wBAAgB,iBAAiB,CAAC,EAChC,qBAA6B,GAC9B,GAAE;IAAE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAO;;kBAUR,MAAM;yBAuD1B,MAAM;yBAYN,MAAM;oBAzDI,MAAM;;;;;;EAkF9B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,UAAQ;;;;;;;;;;;;;;;;EAgH9E;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,UAAQ;;;;;;;;;;;EAgE1E;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,OAAO;;;;EAc/C;AAED,wBAAgB,iBAAiB,YAOhC"}

package/dist/esm/execute/hooks.js

@@ -11,7 +11,7 @@ import React, { useCallback } from 'react';
 import { ExecuteScopeContext } from './provider';
 import { useBusyScope } from './busy';
 import { findErrors, useThebeConfig } from 'thebe-react';
-import { SourceFileKind } from 'myst-common';
+import { SourceFileKind } from 'myst-spec-ext';
 import { selectNotebookForPage } from './selectors';
 export function useExecutionScope({ clearOutputsOnExecute = false, } = {}) {
     var _a;
@@ -34,6 +34,7 @@ export function useExecutionScope({ clearOutputsOnExecute = false, } = {}) {
     const execute = (slug) => {
         // set busy
         Object.entries(state.pages[slug].scopes).forEach(([notebookSlug, { notebook }]) => {
+            busy.clearError(slug, notebookSlug);
             busy.setNotebook(slug, notebookSlug, notebook.code.map((c) => c.id), 'execute');
         });
         if (clearOutputsOnExecute) {
@@ -78,6 +79,7 @@ export function useExecutionScope({ clearOutputsOnExecute = false, } = {}) {
     const resetAll = useCallback((pageSlug) => {
         var _a;
         Object.entries((_a = state.pages[pageSlug]) === null || _a === void 0 ? void 0 : _a.scopes).forEach(([notebookSlug, { notebook, session }]) => {
+            busy.clearError(pageSlug, notebookSlug);
             busy.setNotebook(pageSlug, notebookSlug, notebook.code.map((c) => c.id), 'reset');
             setTimeout(() => {
                 var _a;
@@ -126,6 +128,7 @@ export function useNotebookExecution(id, clearOutputsOnExecute = false) {
     }
     const execute = () => {
         const nb = selectNotebookForPage(state, pageSlug, notebookSlug);
+        busy.clearError(pageSlug, notebookSlug);
         // set busy
         busy.setNotebook(pageSlug, notebookSlug, nb.code.map((c) => c.id), 'execute');
         if (clearOutputsOnExecute)
@@ -142,8 +145,11 @@ export function useNotebookExecution(id, clearOutputsOnExecute = false) {
             // execute all cells on the notebooks
             const execReturns = yield nb.executeAll(true);
             const errs = findErrors(execReturns);
-            if (errs != null)
-                console.error('errors', errs); // TODO: handle errors
+            if (errs != null) {
+                console.error('an error occurred during notebook execution');
+                busy.setError(pageSlug, notebookSlug, errs);
+                busy.clearNotebook(pageSlug, notebookSlug, 'execute');
+            }
             config === null || config === void 0 ? void 0 : config.events.off('status', handler);
         }), 100);
     };
@@ -160,6 +166,7 @@ export function useNotebookExecution(id, clearOutputsOnExecute = false) {
      */
     const reset = useCallback(() => {
         const nb = selectNotebookForPage(state, pageSlug, notebookSlug);
+        busy.clearError(pageSlug, notebookSlug);
         busy.setNotebook(pageSlug, notebookSlug, nb.code.map((c) => c.id), 'reset');
         setTimeout(() => {
             var _a, _b;
@@ -187,7 +194,7 @@ export function useNotebookExecution(id, clearOutputsOnExecute = false) {
  * @param id
  * @returns
  */
-export function useCellExecution(id) {
+export function useCellExecution(id, clearOutputsOnExecute = false) {
     var _a, _b, _c, _d;
     const busy = useBusyScope();
     const context = React.useContext(ExecuteScopeContext);
@@ -213,7 +220,8 @@ export function useCellExecution(id) {
         }
         // set busy
         busy.setCell(pageSlug, notebookSlug, cell.id, 'execute');
-        cell.clear();
+        if (clearOutputsOnExecute)
+            cell.clear();
         // let busy state update prior to launching execute
         setTimeout(() => {
             if (!cell)

package/dist/esm/execute/provider.d.ts

@@ -1,5 +1,5 @@
-import type { Dependency } from 'myst-common';
-import { SourceFileKind } from 'myst-common';
+import type { Dependency } from 'myst-spec-ext';
+import { SourceFileKind } from 'myst-spec-ext';
 import type { Root } from 'mdast';
 import React from 'react';
 import type { ExecuteScopeAction } from './actions';

package/dist/esm/execute/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/execute/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,KAAK,EAAc,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAUvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7C,MAAM,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,6CAA+D,CAAC;AAEhG,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B,WAAW,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;KAAE,CAAC;CAC1C,CAAC;AA8DF;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,EAAE,eAAe,CAAA;CAAE,CAAC,2CAiGxD"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/execute/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,KAAK,EAAc,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AASvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7C,MAAM,EAAE,QAAQ,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,6CAA+D,CAAC;AAEhG,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B,WAAW,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;KAAE,CAAC;CAC1C,CAAC;AA8DF;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,EAAE,eAAe,CAAA;CAAE,CAAC,2CAiGxD"}

package/dist/esm/execute/provider.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SourceFileKind } from 'myst-common';
+import { SourceFileKind } from 'myst-spec-ext';
 import React, { useEffect, useReducer, useRef } from 'react';
 import { selectAll } from 'unist-util-select';
 import { reducer } from './reducer';
 import { selectAreAllDependenciesReady, selectDependenciesToFetch, selectScopeNotebooksToBuild, selectSessionsToStart, } from './selectors';
 import { MdastFetcher, NotebookBuilder, ServerMonitor, SessionStarter } from './leaf';
-import { useCanCompute } from '..';
+import { useCanCompute } from '../providers';
 export const ExecuteScopeContext = React.createContext(undefined);
 function useScopeNavigate({ contents: { slug, kind, mdast, dependencies }, state, dispatch, }) {
     useEffect(() => {

package/dist/esm/execute/reducer.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { SourceFileKind } from 'myst-common';
+import { SourceFileKind } from 'myst-spec-ext';
 import { isAddMdastPayload, isAddNotebookPayload, isAddSessionPayload, isBuildStatusPayload, isNavigatePayload, isSlugPayload, } from './actions';
 export function reducer(state, action) {
     var _a;

package/dist/esm/execute/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/execute/selectors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM;;EAE5E;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,oDAGrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAExE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEnF;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEtF;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,yBAEhF;AAQD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,iBAAiB;UAKpD,MAAM;SACP,MAAM;IAclB;AAsBD,eAAO,MAAM,2BAA2B,UAlBvB,iBAAiB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAkBS,CAAC;AACzF,eAAO,MAAM,qBAAqB,UAnBjB,iBAAiB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAmBC,CAAC;AAEjF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEnF;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAGrF;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAIjF"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/execute/selectors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM;;EAE5E;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,oDAGrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAExE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEnF;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEtF;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,yBAEhF;AAQD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,iBAAiB;UAKpD,MAAM;SACP,MAAM;IAclB;AAsBD,eAAO,MAAM,2BAA2B,UAlBvB,iBAAiB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAkBS,CAAC;AACzF,eAAO,MAAM,qBAAqB,UAnBjB,iBAAiB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAmBC,CAAC;AAEjF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAInF;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAKrF;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAMjF"}

package/dist/esm/execute/selectors.js

@@ -1,4 +1,4 @@
-import { SourceFileKind } from 'myst-common';
+import { SourceFileKind } from 'myst-spec-ext';
 export function selectScopeForPage(state, pageSlug) {
     var _a, _b;
     return (_b = (_a = state.pages[pageSlug]) === null || _a === void 0 ? void 0 : _a.scopes) !== null && _b !== void 0 ? _b : {};
@@ -34,11 +34,11 @@ export function selectDependenciesToFetch(state) {
         .reduce((targets, [slug]) => [
         ...targets,
         ...state.pages[slug].dependencies
-            .filter((d) => { var _a; return !state.mdast[(_a = d.slug) !== null && _a !== void 0 ? _a : d.url]; })
+            .filter((d) => { var _a; return !state.mdast[((_a = d.slug) !== null && _a !== void 0 ? _a : d.url)]; })
             .map((d) => {
             var _a;
             return ({
-                slug: (_a = d.slug) !== null && _a !== void 0 ? _a : d.url,
+                slug: ((_a = d.slug) !== null && _a !== void 0 ? _a : d.url),
                 url: d.url,
             });
         }),
@@ -57,7 +57,7 @@ function makeSelectScopeEventStatus(statusName) {
                 var _a;
                 return ({
                     pageSlug: slug,
-                    notebookSlug: (_a = d.slug) !== null && _a !== void 0 ? _a : d.url,
+                    notebookSlug: ((_a = d.slug) !== null && _a !== void 0 ? _a : d.url),
                 });
             }));
             return [...all, ...targets];
@@ -68,14 +68,14 @@ export const selectScopeNotebooksToBuild = makeSelectScopeEventStatus('build-not
 export const selectSessionsToStart = makeSelectScopeEventStatus('start-session');
 export function selectAreAllDependenciesReady(state, slug) {
     var _a;
-    return (_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.dependencies.every((dep) => { var _a; return !!state.mdast[(_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url]; });
+    return (_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.dependencies.every((dep) => { var _a; return !!state.mdast[((_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url)]; });
 }
 export function selectAreAllNotebookScopesBuilt(state, slug) {
     const rendering = state.pages[slug];
-    return rendering === null || rendering === void 0 ? void 0 : rendering.dependencies.every((dep) => { var _a; return !!rendering.scopes[(_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url]; });
+    return rendering === null || rendering === void 0 ? void 0 : rendering.dependencies.every((dep) => { var _a; return !!rendering.scopes[((_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url)]; });
 }
 export function selectAreAllSessionsStarted(state, slug) {
     const rendering = state.pages[slug];
     // TODO is this working??
-    return rendering === null || rendering === void 0 ? void 0 : rendering.dependencies.every((dep) => { var _a, _b; return !!((_b = rendering.scopes[(_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url]) === null || _b === void 0 ? void 0 : _b.session); });
+    return rendering === null || rendering === void 0 ? void 0 : rendering.dependencies.every((dep) => { var _a, _b; return !!((_b = rendering.scopes[((_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url)]) === null || _b === void 0 ? void 0 : _b.session); });
 }

package/dist/esm/execute/types.d.ts

@@ -1,5 +1,5 @@
 import type { Root } from 'mdast';
-import type { SourceFileKind, Dependency } from 'myst-common';
+import type { SourceFileKind, Dependency } from 'myst-spec-ext';
 import type { IRenderMimeRegistry, ThebeNotebook, ThebeSession } from 'thebe-core';
 export type BuildStatus = 'pending' | 'fetching' | 'build-notebooks' | 'wait-for-server' | 'start-session' | 'error';
 export type IdOrKey = string;

package/dist/esm/execute/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/execute/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnF,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAC7B,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,cAAc,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AACxF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QACL,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,IAAI,EAAE,IAAI,CAAC;SACZ,CAAC;KACH,CAAC;IACF,KAAK,EAAE;QACL,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,cAAc,CAAC;YACrB,UAAU,EAAE,OAAO,CAAC;YACpB,YAAY,EAAE,UAAU,EAAE,CAAC;YAC3B,WAAW,EAAE,UAAU,EAAE,CAAC;YAC1B,KAAK,EAAE,OAAO,CAAC;YACf,MAAM,EAAE;gBACN,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,CAAC;aACxC,CAAC;SACH,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,MAAM,EAAE,WAAW,CAAC;SACrB,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/execute/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnF,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAC7B,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,cAAc,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AACxF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QACL,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,IAAI,EAAE,IAAI,CAAC;SACZ,CAAC;KACH,CAAC;IACF,KAAK,EAAE;QACL,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,cAAc,CAAC;YACrB,UAAU,EAAE,OAAO,CAAC;YACpB,YAAY,EAAE,UAAU,EAAE,CAAC;YAC3B,WAAW,EAAE,UAAU,EAAE,CAAC;YAC1B,KAAK,EAAE,OAAO,CAAC;YACf,MAAM,EAAE;gBACN,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,CAAC;aACxC,CAAC;SACH,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,MAAM,EAAE,WAAW,CAAC;SACrB,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB"}

package/dist/esm/execute/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/execute/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAkB,MAAM,SAAS,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,mBAAmB,oDAoDhC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/execute/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAkB,MAAM,SAAS,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,mBAAmB,oDAuDhC"}

package/dist/esm/execute/utils.js

@@ -37,20 +37,21 @@ export function notebookFromMdast(core, config, pageSlug, notebookSlug, mdast, i
                 notebookSlug,
                 cellId: block.key,
             };
-            idkmap[block.key] = target;
-            idkmap[codeCell.key] = target;
-            idkmap[output.key] = target;
-            // include block labels to enable lookup by from embedded blocks
-            if (block.label)
-                idkmap[block.label] = target;
+            idkmap[block.key] = target; // can reference from block in notebook views
+            idkmap[output.id] = target; // can reference from output in article views
+            // include identifiers to enable lookup by (normalized) labels
             if (block.identifier)
                 idkmap[block.identifier] = target;
+            if (codeCell.identifier)
+                idkmap[codeCell.identifier] = target;
+            if (output.identifier)
+                idkmap[output.identifier] = target;
             return new core.ThebeCodeCell(target.cellId, notebook.id, (_a = codeCell.value) !== null && _a !== void 0 ? _a : '', config, (_b = block.data) !== null && _b !== void 0 ? _b : {}, notebook.rendermime);
         }
         else {
             // assume content - concatenate it
             // TODO inject cell metadata
-            const cell = new core.ThebeNonExecutableCell(block.key, notebook.id, block.children.reduce((acc, child) => { var _a; return acc + '\n' + ((_a = child.value) !== null && _a !== void 0 ? _a : ''); }, ''), (_c = block.data) !== null && _c !== void 0 ? _c : {}, notebook.rendermime);
+            const cell = new core.ThebeMarkdownCell(block.key, notebook.id, block.children.reduce((acc, child) => { var _a; return acc + '\n' + ((_a = child.value) !== null && _a !== void 0 ? _a : ''); }, ''), (_c = block.data) !== null && _c !== void 0 ? _c : {}, notebook.rendermime);
             return cell;
         }
     });

package/dist/esm/figure.d.ts

@@ -0,0 +1,5 @@
+import { type GenericNode } from 'myst-common';
+export declare function Figure({ node }: {
+    node: GenericNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=figure.d.ts.map

package/dist/esm/figure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figure.d.ts","sourceRoot":"","sources":["../../src/figure.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,2CAoBrD"}

package/dist/esm/figure.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SourceFileKind } from 'myst-spec-ext';
+import { DEFAULT_RENDERERS, MyST } from 'myst-to-react';
+import { OutputDecoration } from './decoration';
+export function Figure({ node }) {
+    var _a, _b, _c, _d, _e, _f;
+    const { container: Container } = DEFAULT_RENDERERS;
+    const isFromJupyer = ((_a = node.source) === null || _a === void 0 ? void 0 : _a.kind) === SourceFileKind.Notebook;
+    const output = (_b = node.children) === null || _b === void 0 ? void 0 : _b.find((child) => child.type === 'output');
+    if (isFromJupyer && !!output) {
+        const placeholder = (_c = node.children) === null || _c === void 0 ? void 0 : _c.find((child) => child.type === 'image' && child.placeholder);
+        const others = (_d = node.children) === null || _d === void 0 ? void 0 : _d.filter((child) => !(child.type === 'image' && child.placeholder));
+        return (_jsx(OutputDecoration, { outputId: output.id, placeholder: placeholder, title: (_e = node.source) === null || _e === void 0 ? void 0 : _e.title, url: (_f = node.source) === null || _f === void 0 ? void 0 : _f.url, children: _jsx(MyST, { ast: others }) }, node.key));
+    }
+    return _jsx(Container, { node: node });
+}

package/dist/esm/index.d.ts

@@ -1,8 +1,10 @@
 import { Embed } from './embed';
 import { Output } from './output';
+import { Figure } from './figure';
 declare const OUTPUT_RENDERERS: {
     output: typeof Output;
     embed: typeof Embed;
+    container: typeof Figure;
 };
 export * from './BinderBadge';
 export * from './ErrorTray';

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;;CAGrB,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAE3B,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;;;CAIrB,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAE3B,eAAe,gBAAgB,CAAC"}

package/dist/esm/index.js

@@ -1,8 +1,10 @@
 import { Embed } from './embed';
 import { Output } from './output';
+import { Figure } from './figure';
 const OUTPUT_RENDERERS = {
     output: Output,
     embed: Embed,
+    container: Figure,
 };
 export * from './BinderBadge';
 export * from './ErrorTray';

package/dist/esm/jupyter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAmE3C,eAAO,MAAM,cAAc;QACD,MAAM;aAAW,cAAc,EAAE;8CAmD1D,CAAC"}
+{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAsF3C,eAAO,MAAM,cAAc;QACD,MAAM;aAAW,cAAc,EAAE;8CAwD1D,CAAC"}

package/dist/esm/jupyter.js

@@ -3,17 +3,22 @@ import React, { useEffect, useRef, useState } from 'react';
 import { useFetchAnyTruncatedContent } from './hooks';
 import { convertToIOutputs } from 'nbtx';
 import { fetchAndEncodeOutputImages } from './convertImages';
-import { SourceFileKind } from 'myst-common';
+import { SourceFileKind } from 'myst-spec-ext';
 import { useXRefState } from '@myst-theme/providers';
 import { useThebeLoader } from 'thebe-react';
 import { useCellExecution } from './execute';
+import { usePlaceholder } from './decoration';
+import { MyST } from 'myst-to-react';
+import classNames from 'classnames';
 function ActiveOutputRenderer({ id, initialData, core, }) {
+    var _a;
     const exec = useCellExecution(id);
+    const placeholder = usePlaceholder();
     const ref = useRef(null);
     useEffect(() => {
         var _a, _b, _c;
         if (!ref.current || !(exec === null || exec === void 0 ? void 0 : exec.cell)) {
-            console.debug(`Jupyter: No cell ref available for cell ${(_a = exec === null || exec === void 0 ? void 0 : exec.cell) === null || _a === void 0 ? void 0 : _a.id}`);
+            console.debug(`Jupyter: No cell ref available for cell ${id}:${(_a = exec === null || exec === void 0 ? void 0 : exec.cell) === null || _a === void 0 ? void 0 : _a.id}`);
             return;
         }
         const verb = exec.cell.isAttachedToDOM ? 'reattaching' : 'attaching';
@@ -24,12 +29,14 @@ function ActiveOutputRenderer({ id, initialData, core, }) {
         });
         exec.cell.attachToDOM(ref.current);
         if (exec.cell.executionCount == null) {
-            exec.cell.initOutputs((_c = core === null || core === void 0 ? void 0 : core.stripWidgets(initialData)) !== null && _c !== void 0 ? _c : initialData);
+            exec.cell.initOutputs((_c = core === null || core === void 0 ? void 0 : core.stripWidgets(initialData, true, placeholder ? () => '' : undefined)) !== null && _c !== void 0 ? _c : initialData);
         }
     }, [ref === null || ref === void 0 ? void 0 : ref.current, exec === null || exec === void 0 ? void 0 : exec.cell]);
-    return _jsx("div", { ref: ref, "data-thebe-active-ref": "true", className: "relative" });
+    const executed = ((_a = exec === null || exec === void 0 ? void 0 : exec.cell) === null || _a === void 0 ? void 0 : _a.executionCount) != null;
+    console.debug(`Jupyter: Cell ${id} executed: ${executed}; Show output: ${executed || !placeholder}`);
+    return (_jsxs("div", { children: [_jsx("div", { ref: ref, "data-thebe-active-ref": "true", className: classNames('relative', { 'invisible h-0': !executed && placeholder }) }), placeholder && !executed && _jsx(MyST, { ast: placeholder })] }));
 }
-function PassiveOutputRenderer({ id, data, core, kind, }) {
+function PassiveOutputRenderer({ id, data, core, }) {
     const cell = useRef(new core.PassiveCellRenderer(id, undefined, undefined));
     const ref = useRef(null);
     useEffect(() => {
@@ -47,6 +54,7 @@ export const JupyterOutputs = React.memo(({ id, outputs }) => {
     const { data, error } = useFetchAnyTruncatedContent(outputs);
     const [fullOutputs, setFullOutputs] = useState(null);
     const exec = useCellExecution(id);
+    const placeholder = usePlaceholder();
     useEffect(() => {
         if (core)
             return;
@@ -67,5 +75,8 @@ export const JupyterOutputs = React.memo(({ id, outputs }) => {
     if (!inCrossRef && (exec === null || exec === void 0 ? void 0 : exec.ready)) {
         return (_jsxs("div", { children: [!fullOutputs && _jsx("div", { className: "p-2.5", children: "Fetching full output data..." }), core && fullOutputs && (_jsx(ActiveOutputRenderer, { id: id, initialData: fullOutputs, core: core }, id))] }));
     }
+    if (placeholder) {
+        return _jsx(MyST, { ast: placeholder });
+    }
     return (_jsxs("div", { children: [!fullOutputs && _jsx("div", { className: "p-2.5", children: "Loading..." }), fullOutputs && core && (_jsx(PassiveOutputRenderer, { id: id, data: fullOutputs, core: core, kind: SourceFileKind.Notebook }))] }));
 });

package/dist/esm/output.d.ts

@@ -3,5 +3,13 @@ import type { MinifiedOutput } from 'nbtx';
 export declare const DIRECT_OUTPUT_TYPES: Set<string>;
 export declare const DIRECT_MIME_TYPES: Set<string>;
 export declare function allOutputsAreSafe(outputs: MinifiedOutput[], directOutputTypes: Set<string>, directMimeTypes: Set<string>): boolean;
-export declare function Output(node: GenericNode): import("react/jsx-runtime").JSX.Element;
+export declare function JupyterOutput({ outputId, identifier, data, align, }: {
+    outputId: string;
+    identifier?: string;
+    data: MinifiedOutput[];
+    align?: 'left' | 'center' | 'right';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Output({ node }: {
+    node: GenericNode;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=output.d.ts.map

package/dist/esm/output.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,MAAM,CAAC;AAO/D,eAAO,MAAM,mBAAmB,aAA+B,CAAC;AAEhE,eAAO,MAAM,iBAAiB,aAMb,CAAC;AAElB,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EAAE,EACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,WAY7B;AA6CD,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,2CAYvC"}
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,MAAM,CAAC;AAS/D,eAAO,MAAM,mBAAmB,aAA+B,CAAC;AAEhE,eAAO,MAAM,iBAAiB,aAMb,CAAC;AAElB,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EAAE,EACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,WAY7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,2CAqCA;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,2CASrD"}

package/dist/esm/output.js

@@ -5,6 +5,8 @@ import { SafeOutputs } from './safe';
 import { JupyterOutputs } from './jupyter';
 import { useMemo } from 'react';
 import { useCellExecution } from './execute';
+import { usePlaceholder } from './decoration';
+import { MyST } from 'myst-to-react';
 export const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 export const DIRECT_MIME_TYPES = new Set([
     KnownCellOutputMimeTypes.TextPlain,
@@ -25,24 +27,29 @@ export function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
         return flag && safe;
     }, true);
 }
-function JupyterOutput({ nodeKey, nodeType, identifier, data, align, }) {
-    const { ready } = useCellExecution(nodeKey);
+export function JupyterOutput({ outputId, identifier, data, align, }) {
+    const { ready } = useCellExecution(outputId);
     const outputs = data;
     const allSafe = useMemo(() => allOutputsAreSafe(outputs, DIRECT_OUTPUT_TYPES, DIRECT_MIME_TYPES), [outputs]);
+    const placeholder = usePlaceholder();
     let component;
     if (allSafe && !ready) {
-        component = _jsx(SafeOutputs, { keyStub: nodeKey, outputs: outputs });
+        if (placeholder && (!outputs || outputs.length === 0)) {
+            if (placeholder) {
+                return _jsx(MyST, { ast: placeholder });
+            }
+        }
+        component = _jsx(SafeOutputs, { keyStub: outputId, outputs: outputs });
     }
     else {
-        component = _jsx(JupyterOutputs, { id: nodeKey, outputs: outputs });
+        component = _jsx(JupyterOutputs, { id: outputId, outputs: outputs });
     }
-    return (_jsx("figure", { id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: classNames('max-w-full overflow-visible m-0 group not-prose relative', {
+    return (_jsx("figure", { id: identifier || undefined, "data-mdast-node-id": outputId, className: classNames('max-w-full overflow-y-visible overflow-x-auto m-0 group not-prose relative', {
             'text-left': !align || align === 'left',
             'text-center': align === 'center',
             'text-right': align === 'right',
         }), children: component }));
 }
-export function Output(node) {
-    // Note, NodeRenderer's can't have hooks in it directly!
-    return (_jsx(JupyterOutput, { nodeKey: node.key, nodeType: node.type, identifier: node.identifier, align: node.align, data: node.data }, node.key));
+export function Output({ node }) {
+    return (_jsx(JupyterOutput, { outputId: node.id, identifier: node.identifier, align: node.align, data: node.data }));
 }

package/dist/esm/providers.d.ts

@@ -1,4 +1,4 @@
-import type { SourceFileKind } from 'myst-common';
+import type { SourceFileKind } from 'myst-spec-ext';
 import React from 'react';
 import type { Root } from 'mdast';
 export declare function useComputeOptions(): {

package/dist/esm/providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIlC,wBAAgB,iBAAiB;;;;;;;;;;EAuBhC;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE;IAAE,WAAW,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,CAAA;CAAE,WAGhG;AAED,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,2CAalF;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,CAAC"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIlC,wBAAgB,iBAAiB;;;;;;;;;;EAuBhC;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE;IAAE,WAAW,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,CAAA;CAAE,WAGhG;AAED,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,2CAalF;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,CAAC"}

package/dist/esm/utils.js

@@ -48,7 +48,7 @@ export function thebeFrontmatterToOptions(fm, githubBadgeUrl, binderBadgeUrl) {
         thebeOptions.savedSessionOptions = { enabled: false };
     }
     // handle thebe.local.*
-    // as local OVERIDES other binder and server settings, handle these first
+    // as local OVERRIDES other binder and server settings, handle these first
     // TODO need to expose NODE_ENV somehow via a loader
     let NODE_ENV = 'development';
     if (typeof window !== 'undefined') {
@@ -71,7 +71,7 @@ export function thebeFrontmatterToOptions(fm, githubBadgeUrl, binderBadgeUrl) {
         return thebeOptions;
         // else just fall through & return - TODO return early?
     }
-    // handle additional optons
+    // handle additional options
     if (kernelName) {
         thebeOptions.kernelOptions = {
             kernelName: kernelName,