diff --git a/docz/docs/03-demos/09-cloud/01-salesforce.md b/docz/docs/03-demos/09-cloud/01-salesforce.md
index 459d9bf..763d56d 100644
--- a/docz/docs/03-demos/09-cloud/01-salesforce.md
+++ b/docz/docs/03-demos/09-cloud/01-salesforce.md
@@ -12,7 +12,7 @@ This demo assumes familiarity with Lightning Web Components.  Salesforce has a
 :::caution
 
 Some of the details may differ across releases of Salesforce. This demo is based
-on Lightning API version `55.0` and was last tested on 2022 June 26.
+on Lightning API version `57.0` and was last tested on 2023 April 09.
 
 Salesforce may change the platform in backwards-incompatible ways, so the demo
 may require some adjustments.  The official documentation should be consulted.
@@ -47,7 +47,7 @@ be changed:
 
 `force-app\main\default\lwc\sheetComponent\sheetComponent.html` add some HTML:
 
-```html force-app\main\default\lwc\sheetComponent\sheetComponent.html
+```html title="force-app\main\default\lwc\sheetComponent\sheetComponent.html"
 <template>
   <!-- highlight-next-line -->
   <b>SheetForce demo</b>
@@ -57,10 +57,10 @@ be changed:
 `force-app\main\default\lwc\sheetComponent\sheetComponent.js-meta.xml` change
 `isExposed` from `false` to `true` and add some metadata:
 
-```xml
+```xml title="force-app\main\default\lwc\sheetComponent\sheetComponent.js-meta.xml"
 <?xml version="1.0" encoding="UTF-8"?>
 <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
-  <apiVersion>55.0</apiVersion>
+  <apiVersion>57.0</apiVersion>
   <!-- highlight-start -->
   <isExposed>true</isExposed>
   <masterLabel>SheetForce</masterLabel>
@@ -97,7 +97,7 @@ The following options should be set:
 Under Custom components, you should see "SheetForce".  Click and drag it into
 the app builder main view to add it to the page.
 
-Click "Save" and click "Yes" to activate.  The following options should be set:
+Click "Save" then click "Activate".  The following options should be set:
 - Click "Change..." next to "Icon" and pick a memorable icon
 - Under "Lightning Experience" click "LightningBolt" then "Add page to app"
 
@@ -131,7 +131,7 @@ The easiest approach is to right-click the link and select "Save Link As..."
 
 3) Create `force-app/main/default/staticresources/sheetjs.resource-meta.xml`:
 
-```xml
+```xml title="force-app/main/default/staticresources/sheetjs.resource-meta.xml"
 <?xml version="1.0" encoding="UTF-8"?>
 <StaticResource xmlns="http://soap.sforce.com/2006/04/metadata">
   <cacheControl>Private</cacheControl>
@@ -168,7 +168,7 @@ The library includes a version number that can be displayed:
 
 1) Add a reference in `sheetComponent.js` and expose the `version` property:
 
-```js
+```js title="force-app/main/default/lwc/sheetComponent/sheetComponent.js"
 import { LightningElement } from 'lwc';
 import { loadScript } from 'lightning/platformResourceLoader';
 // highlight-next-line
@@ -187,7 +187,7 @@ export default class SheetComponent extends LightningElement {
 
 2) Reference the variable in `sheetComponent.html`:
 
-```html
+```html title="force-app/main/default/lwc/sheetComponent/sheetComponent.html"
 <template>
   <!-- highlight-next-line -->
   <b>SheetForce {version}</b>
@@ -318,7 +318,7 @@ This is readily exported to a spreadsheet in a callback function:
 
 1) Add a button to `sheetComponent.html` that will call a `download` callback:
 
-```html
+```html title="force-app/main/default/lwc/sheetComponent/sheetComponent.html"
 <template>
   <!-- if the `aoa` property is set, show a button -->
   <template if:true={aoa}>
@@ -331,7 +331,7 @@ This is readily exported to a spreadsheet in a callback function:
 
 2) Replace `sheetComponent.js` with the following:
 
-```js
+```js title="force-app/main/default/lwc/sheetComponent/sheetComponent.js"
 import { LightningElement, wire, api } from 'lwc';
 import { loadScript } from 'lightning/platformResourceLoader';
 import { getListUi } from 'lightning/uiListApi';