@sanity/runtime-cli 17.0.0 → 17.1.0-next.gcfbd613

package/dist/cores/blueprints/deploy.js

@@ -19,7 +19,8 @@ export async function blueprintDeployCore(options) {
     const noWait = flags['no-wait'] || false;
     const stackName = flags['new-stack-name'] ?? deployedStack.name;
     const installer = flags['fn-installer'] || undefined;
-    const workspaceWarnings = getWarnings({ dir: dirname(blueprint.fileInfo.blueprintFilePath) });
+    const blueprintFileDir = dirname(blueprint.fileInfo.blueprintFilePath);
+    const workspaceWarnings = getWarnings({ dir: blueprintFileDir });
     log(`Deploying "${stackName}" ${niceId(deployedStack.id)}...`);
     try {
         const { ok: checkOk, stack: currentStack } = await getStack({ stackId, auth, logger: log });
@@ -42,7 +43,7 @@ export async function blueprintDeployCore(options) {
         if (assetResources.length > 0) {
             log('Processing assets...');
             for (const resource of assetResources) {
-                const preDeployResult = await preDeploy(resource, { auth, installer, log });
+                const preDeployResult = await preDeploy(resource, { auth, blueprintFileDir, installer, log });
                 if (!preDeployResult.success)
                     return preDeployResult;
                 const idx = resources.indexOf(resource);
@@ -152,7 +153,7 @@ export async function blueprintDeployCore(options) {
     }
 }
 async function preDeploy(resource, options) {
-    const { auth, installer, log } = options;
+    const { auth, blueprintFileDir, installer, log } = options;
     const fnSpinner = log.ora({ text: `Processing ${resource.name}...`, prefixText: ' ' }).start();
     const warnTimer = setTimeout(() => {
         fnSpinner.text = `Still processing ${resource.name}, this can take a moment...`;
@@ -161,7 +162,7 @@ async function preDeploy(resource, options) {
     let result;
     try {
         result = await Promise.race([
-            stashAsset({ resource, auth, logger: log, installer }),
+            stashAsset({ resource, blueprintFileDir, auth, logger: log, installer }),
             new Promise((_, reject) => {
                 assetTimeoutTimer = setTimeout(() => {
                     reject(new Error(`Processing ${resource.name} timed out after ${assetTimeoutS}s`));

package/dist/cores/blueprints/doctor.js

@@ -2,13 +2,13 @@ import { readFileSync } from 'node:fs';
 import { dirname } from 'node:path';
 import { arch, cwd, env, version as nodeVersion, platform } from 'node:process';
 import * as resolve from 'empathic/resolve';
-import ora from 'ora';
 import { loadAndParseBlueprint, } from '../../actions/blueprints/blueprint.js';
 import { readConfigFile } from '../../actions/blueprints/config.js';
 import { resolveIds } from '../../actions/blueprints/resolve.js';
 import { getStack } from '../../actions/blueprints/stacks.js';
 import config, { RUNTIME_CLI_VERSION } from '../../config.js';
 import { formatDateTime } from '../../utils/display/dates.js';
+import { presentBlueprintParserErrors } from '../../utils/display/errors.js';
 import { advise, check, filePathRelativeToCwd, niceId, renderSection, severe, unsure, } from '../../utils/display/presenters.js';
 import { styleText } from '../../utils/style-text.js';
 import { createTracedFetch } from '../../utils/traced-fetch.js';
@@ -55,7 +55,7 @@ export async function blueprintDoctorCore(options) {
         envRows.push(['CLI', bin]);
     const configRows = [];
     const stackRows = [];
-    const spinner = ora('Running diagnostics...').start();
+    const spinner = log.ora('Running diagnostics...').start();
     // --- ONLINE ---
     const fetchFn = createTracedFetch(log);
     try {
@@ -109,6 +109,7 @@ export async function blueprintDoctorCore(options) {
                 status: false,
                 detail: `${blueprint.errors.length} error(s)`,
             };
+            log.verbose(presentBlueprintParserErrors(blueprint.errors));
         }
     }
     catch {
@@ -186,6 +187,8 @@ export async function blueprintDoctorCore(options) {
                         stackRows.push(['Operation', `${op.status}${timestamp}`]);
                         if (op.userMessage)
                             stackRows.push(['  Message', `"${op.userMessage}"`]);
+                        if (v && op.systemMessage)
+                            stackRows.push(['  System', `"${op.systemMessage}"`]);
                     }
                     if (stack.resources) {
                         stackRows.push(['Resources', `${stack.resources.length}`]);
@@ -275,20 +278,20 @@ export async function blueprintDoctorCore(options) {
     }
     // --- RENDER REPORT ---
     spinner.stop();
-    // Environment (verbose)
-    log.verbose(renderSection('Environment', envRows));
-    log.verbose('');
-    // Configuration (verbose)
+    // Environment
+    log(renderSection('Environment', envRows));
+    log('');
+    // Configuration
     if (configRows.length > 0) {
-        log.verbose(renderSection('Configuration', configRows));
-        log.verbose('');
+        log(renderSection('Configuration', configRows));
+        log('');
     }
-    // Deployment (verbose)
+    // Deployment
     if (stackRows.length > 0) {
-        log.verbose(renderSection('Deployment', stackRows));
-        log.verbose('');
+        log(renderSection('Deployment', stackRows));
+        log('');
     }
-    // Checks (always visible)
+    // Checks
     const maxLabel = Math.max(...Object.values(diagLookup).map((l) => l.length));
     log(styleText('bold', 'Checks'));
     let allGood = true;

package/dist/cores/functions/build.js

@@ -18,13 +18,14 @@ export async function functionBuildCore(options) {
         functions = allFunctions;
     }
     const installer = flags['fn-installer'] || undefined;
-    const outDir = flags['out-dir'] || path.join(path.dirname(blueprint.fileInfo.blueprintFilePath), '.build');
+    const blueprintFileDir = path.dirname(blueprint.fileInfo.blueprintFilePath);
+    const outDir = flags['out-dir'] || path.join(blueprintFileDir, '.build');
     await fs.promises.mkdir(outDir, { recursive: true });
     const errors = [];
     const built = [];
     for (const resource of functions) {
         const spinner = log.ora(`Building ${resource.name}...`).start();
-        const prepResult = await prepareAsset({ resource }, { installer });
+        const prepResult = await prepareAsset({ resource, blueprintFileDir, installer });
         if (prepResult.success === false) {
             spinner.fail(`Failed to build ${resource.name}`);
             errors.push({ name: resource.name, error: prepResult.error ?? 'Unknown error' });

package/dist/cores/functions/test.js

@@ -1,5 +1,5 @@
 import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
 import { cwd } from 'node:process';
 import { testAction } from '../../actions/functions/test.js';
 import config from '../../config.js';
@@ -8,6 +8,7 @@ import { resolveDeployedResources } from '../../utils/blueprints/resolve-deploye
 import buildPayload from '../../utils/functions/build-payload.js';
 import { fetchAsset, fetchDocument } from '../../utils/functions/fetch-document.js';
 import { findFunctionInResources, getFunctionNames } from '../../utils/functions/find.js';
+import { runFunction } from '../../utils/functions/invoke/nested.js';
 import { parseJsonObject } from '../../utils/parse-json-object.js';
 import { isEventType, } from '../../utils/types.js';
 export async function functionTestCore(options) {
@@ -49,6 +50,7 @@ export async function functionTestCore(options) {
                 : undefined,
             logger: log,
         });
+        const blueprintFileDir = dirname(blueprint.fileInfo.blueprintFilePath);
         const contextOptions = docFunction || mediaFunction
             ? {
                 clientOptions: {
@@ -62,8 +64,9 @@ export async function functionTestCore(options) {
                 functionResourceType: 'project',
                 functionResourceId: projectId || '',
                 resources: resolvedResources,
+                blueprintFileDir,
             }
-            : { clientOptions: {}, resources: resolvedResources };
+            : { clientOptions: {}, resources: resolvedResources, blueprintFileDir };
         // If the user sets the flag to use the real token set it in our options
         if (withUserToken) {
             contextOptions.clientOptions.token = config.token || undefined;
@@ -146,12 +149,54 @@ export async function functionTestCore(options) {
             : {
                 event: 'scheduled',
             };
+        // Records each nested context.invoke() so they can be surfaced in order after the spinner resolves.
+        const nestedRuns = [];
+        let nestedOrder = 0;
+        /**
+         * Re-entrant callback that resolves a nested context.invoke(name, payload):
+         * it finds the named function in the same blueprint, reuses the already
+         * resolved resources, and runs it via the shared invoke-chain helper (which
+         * applies the depth/cycle guard and extends the call stack). Passing itself
+         * as onNestedInvoke keeps it recursable. Every run is recorded so it can be
+         * surfaced after the spinner resolves, including failed ones — a downstream
+         * error is fire-and-forget (it doesn't reject the caller) but is still shown.
+         */
+        const runNested = async (nestedName, nestedPayload, ctx, depth, callStack) => {
+            const order = ++nestedOrder;
+            const nestedResource = findFunctionInResources(blueprint.resources, nestedName);
+            const result = await runFunction(nestedResource, { payload: { data: nestedPayload }, event: 'nested' }, { ...ctx, resources: resolvedResources }, { depth, callStack, onNestedInvoke: runNested });
+            nestedRuns.push({ order, name: nestedName, logs: result.logs, error: result.error });
+            return result;
+        };
+        const logNestedRuns = () => {
+            for (const run of [...nestedRuns].sort((a, b) => a.order - b.order)) {
+                log(`↳ BEGIN: invoke('${run.name}')`);
+                // Show any logs received
+                if (run.logs?.trim()) {
+                    log(run.logs.trim());
+                }
+                // Before any error occurs
+                if (run.error) {
+                    log(run.error.stack || run.error.message || run.error.name);
+                }
+                log(`↳ END: invoke('${run.name}')`);
+            }
+        };
         const spinner = log.ora('Executing function...').start();
         const { json: response, logs, error, } = await testAction(resource, invokeOptions, contextOptions, {
             timeout: timeout ? timeout : resource.timeout,
+            onNestedInvoke: runNested,
+            depth: 0,
+            callStack: [fnName],
         });
         if (error) {
             spinner.fail('Function execution failed.');
+            // Surface the function's own logs even on failure
+            if (logs?.trim()) {
+                log('Logs:');
+                log(logs);
+            }
+            logNestedRuns();
             const errorMessage = error.stack || error.message || error.name;
             const isTimeout = error.message?.includes('Timeout');
             return {
@@ -166,6 +211,7 @@ export async function functionTestCore(options) {
         spinner.succeed('Function execution succeeded.');
         log('Logs:');
         log(logs || '');
+        logNestedRuns();
         if (response) {
             log('Response:');
             log(JSON.stringify(response, null, 2));

package/dist/server/app.js

@@ -1,7 +1,8 @@
 import { existsSync, readFileSync, watchFile } from 'node:fs';
 import * as http from 'node:http';
+import { dirname } from 'node:path';
 import { default as mime } from 'mime-types';
-import { WebSocketServer } from 'ws';
+import { WebSocket, WebSocketServer } from 'ws';
 import { findBlueprintFile, loadAndParseBlueprint } from '../actions/blueprints/blueprint.js';
 import { readConfigFile } from '../actions/blueprints/config.js';
 import { resolveIds } from '../actions/blueprints/resolve.js';
@@ -10,6 +11,35 @@ import { isRecord } from '../utils/is-record.js';
 import { isEventType, isGroqContextOptions, } from '../utils/types.js';
 import { handleInvokeRequest } from './handlers/invoke.js';
 const app = (host, port, validateResources, executionOptions) => {
+    const wss = new WebSocketServer({ port: 8974 });
+    // Send a JSON envelope to every connected UI client.
+    const broadcast = (envelope) => {
+        const message = JSON.stringify(envelope);
+        for (const client of wss.clients) {
+            if (client.readyState === WebSocket.OPEN)
+                client.send(message);
+        }
+    };
+    let nestedOrder = 0;
+    /**
+     * Re-entrant callback that resolves a nested `context.invoke(name, payload)` by
+     * re-entering the invoke pipeline (which spawns its own child) and streams the
+     * nested run to the UI. Passing `nestedInvoke` to itself keeps it recursable.
+     */
+    const nestedInvoke = async (name, payload, ctx, depth, callStack) => {
+        const order = ++nestedOrder;
+        const result = await handleInvokeRequest(name, { data: payload }, { event: 'nested' }, ctx, validateResources, executionOptions, depth, callStack, nestedInvoke);
+        broadcast({
+            type: 'nested-invoke',
+            name,
+            order,
+            logs: result.logs,
+            json: result.json,
+            error: result.error,
+            timings: result.timings,
+        });
+        return result;
+    };
     const requestListener = async (req, res) => {
         res.setHeader('Content-Type', 'application/json');
         switch (true) {
@@ -39,7 +69,11 @@ const app = (host, port, validateResources, executionOptions) => {
                     req.on('end', async () => {
                         res.setHeader('Content-Type', 'application/json');
                         try {
-                            const { data, func: functionName, metadata } = parseInvokeRequest(Buffer.concat(body));
+                            const fileInfo = findBlueprintFile();
+                            if (!fileInfo) {
+                                throw Error('Could not find a Blueprint manifest (sanity.blueprint.ts, .js, or .json). Run `blueprints init` to create one.');
+                            }
+                            const { data, func: functionName, metadata, } = parseInvokeRequest(Buffer.concat(body), dirname(fileInfo.blueprintFilePath));
                             const { context, event } = data;
                             // replace user token if required
                             if (isGroqContextOptions(context)) {
@@ -50,7 +84,7 @@ const app = (host, port, validateResources, executionOptions) => {
                                     delete context.clientOptions.token;
                                 }
                             }
-                            const result = await handleInvokeRequest(functionName, event, metadata, context, validateResources, executionOptions);
+                            const result = await handleInvokeRequest(functionName, event, metadata, context, validateResources, executionOptions, 0, [], nestedInvoke);
                             // Add Server-Timing header
                             const timingHeaders = [];
                             for (const [key, value] of Object.entries(result.timings)) {
@@ -235,7 +269,6 @@ const app = (host, port, validateResources, executionOptions) => {
     };
     const server = http.createServer(requestListener);
     server.listen(port, host, () => { });
-    const wss = new WebSocketServer({ port: 8974 });
     wss.on('connection', function connection(ws) {
         ws.on('error', console.error);
         const fileInfo = findBlueprintFile();
@@ -284,7 +317,7 @@ function buildApiUrl(projectId, dataset, docId, apiUrl) {
 function buildAssetUrl(mediaLibraryId, docId, apiUrl) {
     return `${apiUrl}/v2025-03-24/media-libraries/${mediaLibraryId}/doc/${docId}`;
 }
-function parseInvokeRequest(body) {
+function parseInvokeRequest(body, blueprintFileDir) {
     let json;
     try {
         json = JSON.parse(body.toString('utf8'));
@@ -376,6 +409,7 @@ function parseInvokeRequest(body) {
             context: {
                 ...context,
                 clientOptions,
+                blueprintFileDir,
                 // Provide default values for required properties if not present
                 eventResourceType: typeof context.eventResourceType === 'string' ? context.eventResourceType : '',
                 eventResourceId: typeof context.eventResourceId === 'string' ? context.eventResourceId : '',

package/dist/server/handlers/invoke.d.ts

@@ -1,4 +1,4 @@
-import type { InvocationResponse, InvokeContextOptions, InvokeExecutionOptions, InvokePayloadMetadata } from '../../utils/types.js';
-export declare function handleInvokeRequest(functionName: string, event: Record<string, unknown>, metadata: InvokePayloadMetadata, context: InvokeContextOptions, validateResources: boolean, executionOptions?: Partial<InvokeExecutionOptions>): Promise<InvocationResponse & {
+import type { InvocationResponse, InvokeContextOptions, InvokeExecutionOptions, InvokePayloadMetadata, NestedInvoke } from '../../utils/types.js';
+export declare function handleInvokeRequest(functionName: string, event: Record<string, unknown>, metadata: InvokePayloadMetadata, context: InvokeContextOptions, validateResources: boolean, executionOptions?: Partial<InvokeExecutionOptions>, depth?: number, callStack?: string[], onNestedInvoke?: NestedInvoke): Promise<InvocationResponse & {
     timings: Record<string, number>;
 }>;

package/dist/server/handlers/invoke.js

@@ -2,10 +2,10 @@ import { readLocalBlueprint } from '../../actions/blueprints/blueprint.js';
 import config from '../../config.js';
 import { resolveDeployedResources } from '../../utils/blueprints/resolve-deployed-resources.js';
 import { findFunctionInResources } from '../../utils/functions/find.js';
-import invoke from '../../utils/functions/invoke-local.js';
+import { runFunction } from '../../utils/functions/invoke/nested.js';
 import { Logger } from '../../utils/logger.js';
 const silentLogger = Logger(() => { });
-export async function handleInvokeRequest(functionName, event, metadata, context, validateResources, executionOptions) {
+export async function handleInvokeRequest(functionName, event, metadata, context, validateResources, executionOptions, depth = 0, callStack = [], onNestedInvoke) {
     const start = performance.now();
     const { resources, stackId, scopeType, scopeId } = await readLocalBlueprint(silentLogger, {
         resources: validateResources,
@@ -22,9 +22,12 @@ export async function handleInvokeRequest(functionName, event, metadata, context
         payload: event,
         ...metadata,
     };
-    const response = await invoke(resource, payload, { ...context, resources: resolvedResources }, {
+    const response = await runFunction(resource, payload, { ...context, resources: resolvedResources }, {
         forceColor: executionOptions?.forceColor ?? false,
-        timeout: executionOptions?.timeout ?? resource.timeout,
+        timeout: executionOptions?.timeout,
+        depth,
+        callStack,
+        onNestedInvoke,
     });
     const timings = { ...response.timings, 'blueprint:read': readBlueprintTime };
     return { ...response, timings };

package/dist/server/static/components/console-panel.js

@@ -1,4 +1,4 @@
-/* globals customElements document */
+/* globals customElements document window */
 import {ApiBaseElement} from './api-base.js'
 import {getSharedStyleSheets} from './shared-styles.js'
 
@@ -36,6 +36,16 @@ template.innerHTML = `
 `
 
 class ConsolePanel extends ApiBaseElement {
+  /**
+   * Nested context.invoke() output for the current run, kept as a list so the
+   * final render can order it by call order. Nested runs finish innermost-first
+   * (A → B → C resolves C then B), so each carries an `order` stamped when it was
+   * initiated; the final render sorts by it. Buffered separately so it survives
+   * the result render, which would otherwise overwrite the console when Preserve
+   * Log is off.
+   */
+  nestedEntries = []
+
   constructor() {
     super()
     this.attachShadow({mode: 'open'}).appendChild(template.content.cloneNode(true))
@@ -45,25 +55,59 @@ class ConsolePanel extends ApiBaseElement {
     if (!this.consoleOutput || !result) return
 
     const {error, logs} = result
-    let update = ''
+    // Always show the logs. Then append the error, rather than replacing the logs with it.
+    let update = logs ?? ''
     if (error) {
-      // Display error details in the console
-      update = (error.stack || error.message || error.name) ?? 'An error occurred.'
-    } else {
-      // Display regular logs
-      update = logs ?? '' // Handle case where logs might be null/undefined
+      const errText = (error.stack || error.message || error.name) ?? 'An error occurred.'
+      update = update.trim() ? `${update.trimEnd()}\n${errText}` : errText
     }
 
     if (this.api.store.preserveLog) {
+      // Nested output was already appended live during the run; keep it in place.
       this.consoleOutput.innerText = this.consoleOutput.innerText + update
     } else {
-      this.consoleOutput.innerText = update
+      // Re-render so the nested output is shown in call order rather than the
+      // completion order it streamed in (and so it survives this overwrite).
+      this.consoleOutput.innerText = update + this.renderNestedEntries()
+    }
+  }
+
+  // Join the nested runs in call order (the order they were initiated).
+  renderNestedEntries = () =>
+    [...this.nestedEntries]
+      .sort((a, b) => a.order - b.order)
+      .map((e) => e.text)
+      .join('')
+
+  updateNested = (event) => {
+    const nestedInvoke = event.detail
+    if (!this.consoleOutput || !nestedInvoke) return
+
+    const {name, order, logs, json, error} = nestedInvoke
+    // Always show the logs. Then append the error, rather than replacing the logs with it.
+    let body = logs ?? ''
+    if (error) {
+      const errText = (error.stack || error.message || error.name) ?? 'An error occurred.'
+      body = body.trim() ? `${body.trimEnd()}\n${errText}` : errText
+    } else if (typeof json !== 'undefined') {
+      body += `${body && !body.endsWith('\n') ? '\n' : ''}→ returned ${JSON.stringify(json)}\n`
     }
+
+    const text = `↳ BEGIN: invoke('${name}')\n${body.trim()}\n↳ END: invoke('${name}')\n`
+    this.nestedEntries.push({order, text})
+    // Append live for immediate feedback; the final result render reorders.
+    this.consoleOutput.innerText = this.consoleOutput.innerText + text
+  }
+
+  // A new invocation is starting; drop the previous run's nested output.
+  resetNested = ({inprogress}) => {
+    if (inprogress) this.nestedEntries = []
   }
 
   clear = () => {
     const backUp = this.api.store.preserveLog
     this.api.store.result = {logs: undefined, error: undefined}
+    this.nestedEntries = []
     this.consoleOutput.innerText = ''
     this.api.store.preserveLog = backUp
   }
@@ -75,9 +119,14 @@ class ConsolePanel extends ApiBaseElement {
     this.consoleOutput = this.shadowRoot.querySelector('#console-output')
     this.addEventListener('clear-console', this.clear)
 
+    // Nested context.invoke() runs arrive as a stream of discrete DOM events
+    // (not state) so none are dropped when several land in one frame.
+    window.addEventListener('nested-invoke', this.updateNested)
+
     // Subscribe to changes in the result state to update the console
     if (this.api) {
       this.api.subscribe(this.updateConsole, ['result'])
+      this.api.subscribe(this.resetNested, ['inprogress'])
       // Initial update in case result is already populated
       if (this.api.store.result) {
         this.updateConsole({result: this.api.store.result})
@@ -90,9 +139,11 @@ class ConsolePanel extends ApiBaseElement {
 
   disconnectedCallback() {
     this.removeEventListener('clear-console', this.clear)
+    window.removeEventListener('nested-invoke', this.updateNested)
     // Unsubscribe when the element is removed from the DOM
     if (this.api) {
       this.api.unsubscribe(this.updateConsole)
+      this.api.unsubscribe(this.resetNested)
     }
   }
 }

package/dist/server/static/components/rule-panel.js

@@ -43,14 +43,17 @@ class RulePanel extends ApiBaseElement {
         break
     }
 
-    const transaction = rule.state.update({
-      changes: {
-        from: 0,
-        insert: func.event ? JSON.stringify(func.event, null, 2) : '',
-        to: rule.state.doc.length,
-      },
-    })
-    rule.dispatch(transaction)
+    // Guard against the sate not being setup
+    if (rule?.state) {
+      const transaction = rule.state.update({
+        changes: {
+          from: 0,
+          insert: func.event ? JSON.stringify(func.event, null, 2) : '',
+          to: rule.state.doc.length,
+        },
+      })
+      rule.dispatch(transaction)
+    }
   }
 
   async connectedCallback() {

package/dist/server/static/components/shared-styles.js

@@ -1,31 +1,34 @@
 /* globals fetch */
 
-let cachedStyleSheets = null
+let sharedStyleSheetsPromise = null
 
-export async function getSharedStyleSheets() {
-  if (cachedStyleSheets) {
-    return cachedStyleSheets
-  }
+async function loadSharedStyleSheets() {
+  // Fetch both stylesheets
+  const [mCssResponse, appCssResponse] = await Promise.all([
+    fetch('./vendor/m-.css'),
+    fetch('./components/app.css'),
+  ])
 
-  try {
-    // Fetch both stylesheets
-    const [mCssResponse, appCssResponse] = await Promise.all([
-      fetch('./vendor/m-.css'),
-      fetch('./components/app.css'),
-    ])
+  const [mCssText, appCssText] = await Promise.all([mCssResponse.text(), appCssResponse.text()])
 
-    const [mCssText, appCssText] = await Promise.all([mCssResponse.text(), appCssResponse.text()])
+  // Create CSSStyleSheet objects
+  const mSheet = new CSSStyleSheet()
+  const appSheet = new CSSStyleSheet()
 
-    // Create CSSStyleSheet objects
-    const mSheet = new CSSStyleSheet()
-    const appSheet = new CSSStyleSheet()
+  await Promise.all([mSheet.replace(mCssText), appSheet.replace(appCssText)])
 
-    await Promise.all([mSheet.replace(mCssText), appSheet.replace(appCssText)])
+  return [mSheet, appSheet]
+}
 
-    cachedStyleSheets = [mSheet, appSheet]
-    return cachedStyleSheets
-  } catch (error) {
-    console.error('Failed to load shared stylesheets:', error)
-    return []
+export function getSharedStyleSheets() {
+  if (!sharedStyleSheetsPromise) {
+    sharedStyleSheetsPromise = loadSharedStyleSheets().catch((error) => {
+      console.error('Failed to load shared stylesheets:', error)
+      // Reset so a later caller can retry instead of being stuck with [].
+      sharedStyleSheetsPromise = null
+      return []
+    })
   }
+
+  return sharedStyleSheetsPromise
 }

package/dist/server/static/favicon-dark.svg

@@ -1,4 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Sanity.io logo</title>
   <g clip-path="url(#clip0_2_1533)">
     <rect width="32" height="32" fill="#FFFFFF"/>
     <rect width="32" height="32" fill="#FFFFFF"/>

package/dist/server/static/favicon.svg

@@ -1,4 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Sanity.io logo</title>
   <g clip-path="url(#clip0_2_1533)">
     <rect width="32" height="32" fill="#0B0B0B"/>
     <rect width="32" height="32" fill="#0B0B0B"/>

package/dist/server/static/index.html

@@ -33,7 +33,7 @@
         <filters-component></filters-component>
         <input type="checkbox" id="nav-toggle" class="hidden">
         <nav id="sidebar" class="relative y-scroll max-h-100 pad-t-5 border-right overflow-auto nav-min-width">
-          <label for="nav-toggle" id="nav-toggle-label" title="Toggle Functions list" class="z-10 nav-label"></label>
+          <label for="nav-toggle" id="nav-toggle-label" aria-label="Toggle Functions list" title="Toggle Functions list" class="z-10 nav-label"></label>
           <h4 class="config-label mar-t-0 mar-b-3 pad-l-3">Functions</h4>
           <function-list></function-list>
         </nav>
@@ -64,6 +64,6 @@
         <script src="./components/clear-button.js" type="module"></script>
         <script src="./components/help-button.js" type="module"></script>
         <script src="./components/fetch-button.js" type="module"></script>
-        <script src="./hot-reload.js" type="module"></script>
+        <script src="./web-socket.js" type="module"></script>
     </body>
 </html>