@lvce-editor/static-server 0.100.4 → 0.100.6

package/static/{456b790 → 8f0f636}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -95,7 +95,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/456b790';
+    return '/8f0f636';
   }
 };
 const assetDir = getAssetDir$2();
@@ -2750,6 +2750,7 @@ const ScreenCapture = 'ScreenCapture';
 const Search = 'Search';
 const SideBar$2 = 'SideBar';
 const SecondarySideBar$2 = 'SecondarySideBar';
+const SecondaryPreview$2 = 'SecondaryPreview';
 const SimpleBrowser$1 = 'SimpleBrowser';
 const SourceControl = 'Source Control';
 const StatusBar$2 = 'StatusBar';
@@ -2828,6 +2829,7 @@ const ViewletModuleId = {
   RunningExtensions,
   ScreenCapture,
   Search,
+  SecondaryPreview: SecondaryPreview$2,
   SecondarySideBar: SecondarySideBar$2,
   Settings,
   SideBar: SideBar$2,
@@ -3812,10 +3814,12 @@ const HandleClickAction = 'handleClickAction';
 const HandleClickAt = 'handleClickAt';
 const HandleClickBackward = 'handleClickBackward';
 const HandleClickClose = 'handleClickClose';
+const HandleClickCloseSecondaryPreview = 'handleClickCloseSecondaryPreview';
 const HandleClickForward = 'handleClickForward';
 const HandleSashSideBarPointerDown = 'handleSashSideBarPointerDown';
 const HandleSashSecondarySideBarPointerDown = 'handleSashSecondarySideBarPointerDown';
 const HandleSashPreviewPointerDown = 'HandleSashPreviewPointerDown';
+const HandleSashSecondaryPreviewPointerDown = 'HandleSashSecondaryPreviewPointerDown';
 const HandleSashSideBarPointerMove = 'HandleSashSideBarPointerMove';
 const HandleSashSideBarPointerUp = 'HandleSashSideBarPointerUp';
 const HandleSashPanelPointerDown = 'handleSashPanelPointerDown';
@@ -3870,6 +3874,16 @@ const getSashPreviewDom = () => {
     onContextMenu: HandleContextMenu
   };
 };
+const getSashSecondaryPreviewDom = () => {
+  return {
+    type: Div,
+    className: 'Viewlet Sash SashVertical SashSecondaryPreview',
+    tabIndex: -1,
+    role: 'none',
+    onPointerDown: HandleSashSecondaryPreviewPointerDown,
+    onContextMenu: HandleContextMenu
+  };
+};
 const getSashPanelDom = () => {
   return {
     type: Div,
@@ -3946,6 +3960,19 @@ const getPreviewDom = previewId => {
     uid: previewId
   };
 };
+const getSecondaryPreviewDom = secondaryPreviewId => {
+  if (secondaryPreviewId === -1) {
+    return {
+      type: Div,
+      className: 'Viewlet SecondaryPreview',
+      childCount: 0
+    };
+  }
+  return {
+    type: Reference,
+    uid: secondaryPreviewId
+  };
+};
 const getPreviewActionsDom = previewActionsUid => {
   return {
     type: Reference,
@@ -3966,6 +3993,20 @@ const getPreviewCloseButtonDom = () => {
     type: Div
   }];
 };
+const getSecondaryPreviewCloseButtonDom = () => {
+  return [{
+    ariaLabel: 'Close Secondary Preview',
+    childCount: 1,
+    className: 'IconButton SecondaryPreviewCloseButton',
+    onClick: HandleClickCloseSecondaryPreview,
+    title: 'Close Secondary Preview',
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconClose',
+    type: Div
+  }];
+};
 const getContentAreaVirtualDomLeft = state => {
   const {
     activityBarVisible,
@@ -3980,7 +4021,11 @@ const getContentAreaVirtualDomLeft = state => {
     previewActionsUid,
     previewSashVisible,
     previewVisible,
-    previewId
+    previewId,
+    secondaryPreviewActionsUid,
+    secondaryPreviewSashVisible,
+    secondaryPreviewVisible,
+    secondaryPreviewId
   } = state;
   const children = [];
   let delta = 0;
@@ -4016,6 +4061,17 @@ const getContentAreaVirtualDomLeft = state => {
     children.push(...getPreviewCloseButtonDom());
     delta--;
   }
+  if (secondaryPreviewSashVisible) {
+    children.push(getSashSecondaryPreviewDom());
+  }
+  if (secondaryPreviewVisible) {
+    children.push(getSecondaryPreviewDom(secondaryPreviewId));
+    if (typeof secondaryPreviewActionsUid === 'number' && secondaryPreviewActionsUid !== -1) {
+      children.push(getPreviewActionsDom(secondaryPreviewActionsUid));
+    }
+    children.push(...getSecondaryPreviewCloseButtonDom());
+    delta--;
+  }
   return [{
     type: Div,
     className: 'ContentArea',
@@ -4036,7 +4092,11 @@ const getContentAreaVirtualDomRight = state => {
     previewActionsUid,
     previewSashVisible,
     previewVisible,
-    previewId
+    previewId,
+    secondaryPreviewActionsUid,
+    secondaryPreviewSashVisible,
+    secondaryPreviewVisible,
+    secondaryPreviewId
   } = state;
   const children = [];
   let delta = 0;
@@ -4069,6 +4129,17 @@ const getContentAreaVirtualDomRight = state => {
     children.push(...getPreviewCloseButtonDom());
     delta--;
   }
+  if (secondaryPreviewSashVisible) {
+    children.push(getSashSecondaryPreviewDom());
+  }
+  if (secondaryPreviewVisible) {
+    children.push(getSecondaryPreviewDom(secondaryPreviewId));
+    if (typeof secondaryPreviewActionsUid === 'number' && secondaryPreviewActionsUid !== -1) {
+      children.push(getPreviewActionsDom(secondaryPreviewActionsUid));
+    }
+    children.push(...getSecondaryPreviewCloseButtonDom());
+    delta--;
+  }
   return [{
     type: Div,
     className: 'ContentArea',
@@ -7761,8 +7832,8 @@ const exit$1 = code => {
   return invoke$F('Exit.exit', code);
 };
 
-const version = '0.100.4';
-const commit$1 = '456b790';
+const version = '0.100.6';
+const commit$1 = '8f0f636';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$F('Process.getPid');
@@ -8802,7 +8873,7 @@ const actions = [async () => {
   await execute$4('Layout.loadStatusBarIfVisible');
   mark(DidLoadStatusBar);
 }, async () => {
-  await execute$4('Layout.loadPreviewIfVisible');
+  await Promise.all([execute$4('Layout.loadPreviewIfVisible'), execute$4('Layout.loadSecondaryPreviewIfVisible')]);
 }, async (platform, assetDir) => {
   mark$1(Eleven);
   mark(WillLoadIconTheme);
@@ -9489,6 +9560,7 @@ const commandMap = {
   'Layout.hideMain': lazy('Layout.hideMain'),
   'Layout.hidePanel': lazy('Layout.hidePanel'),
   'Layout.hidePreview': lazy('Layout.hidePreview'),
+  'Layout.hideSecondaryPreview': lazy('Layout.hideSecondaryPreview'),
   'Layout.hideSideBar': lazy('Layout.hideSideBar'),
   'Layout.hideSecondarySideBar': lazy('Layout.hideSecondarySideBar'),
   'Layout.hideStatusBar': lazy('Layout.hideStatusBar'),
@@ -9497,6 +9569,7 @@ const commandMap = {
   'Layout.loadMainIfVisible': lazy('Layout.loadMainIfVisible'),
   'Layout.loadPanelIfVisible': lazy('Layout.loadPanelIfVisible'),
   'Layout.loadPreviewIfVisible': lazy('Layout.loadPreviewIfVisible'),
+  'Layout.loadSecondaryPreviewIfVisible': lazy('Layout.loadSecondaryPreviewIfVisible'),
   'Layout.loadSideBarIfVisible': lazy('Layout.loadSideBarIfVisible'),
   'Layout.loadSecondarySideBarIfVisible': lazy('Layout.loadSecondarySideBarIfVisible'),
   'Layout.loadStatusBarIfVisible': lazy('Layout.loadStatusBarIfVisible'),
@@ -9521,6 +9594,7 @@ const commandMap = {
   'Layout.showMain': lazy('Layout.showMain'),
   'Layout.showPanel': lazy('Layout.showPanel'),
   'Layout.showPreview': lazy('Layout.showPreview'),
+  'Layout.showSecondaryPreview': lazy('Layout.showSecondaryPreview'),
   'Layout.showSideBar': lazy('Layout.showSideBar'),
   'Layout.showSecondarySideBar': lazy('Layout.showSecondarySideBar'),
   'Layout.showStatusBar': lazy('Layout.showStatusBar'),
@@ -9529,6 +9603,7 @@ const commandMap = {
   'Layout.toggleMain': lazy('Layout.toggleMain'),
   'Layout.togglePanel': lazy('Layout.togglePanel'),
   'Layout.togglePreview': lazy('Layout.togglePreview'),
+  'Layout.toggleSecondaryPreview': lazy('Layout.toggleSecondaryPreview'),
   'Layout.toggleSideBar': lazy('Layout.toggleSideBar'),
   'Layout.toggleSideBarView': lazy('Layout.toggleSideBarView'),
   'Layout.toggleSecondarySideBar': lazy('Layout.toggleSecondarySideBar'),
@@ -20976,6 +21051,7 @@ const Panel$1 = 'Panel';
 const SideBar$1 = 'SideBar';
 const SecondarySideBar$1 = 'SecondarySideBar';
 const Preview$1 = 'Preview';
+const SecondaryPreview$1 = 'SecondaryPreview';
 const ActivityBar$1 = 'ActivityBar';
 const None$6 = '';
 
@@ -23833,7 +23909,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = '456b790';
+const commit = '8f0f636';
 
 const getAutoUpdateType = () => {
   return invoke$F('AutoUpdater.getAutoUpdateType');
@@ -23896,6 +23972,12 @@ const PreviewLeft = 'previewLeft';
 const PreviewWidth = 'previewWidth';
 const PreviewHeight = 'previewHeight';
 const PreviewMinWidth = 'previewMinWidth';
+const SecondaryPreviewVisible = 'secondaryPreviewVisible';
+const SecondaryPreviewTop = 'secondaryPreviewTop';
+const SecondaryPreviewLeft = 'secondaryPreviewLeft';
+const SecondaryPreviewWidth = 'secondaryPreviewWidth';
+const SecondaryPreviewHeight = 'secondaryPreviewHeight';
+const SecondaryPreviewMinWidth = 'secondaryPreviewMinWidth';
 const SashId = 'sashId';
 
 const Main$1 = {
@@ -23978,6 +24060,16 @@ const Preview = {
   kId: 'previewId',
   kReady: 'previewVisible'
 };
+const SecondaryPreview = {
+  moduleId: SecondaryPreview$2,
+  kVisible: SecondaryPreviewVisible,
+  kTop: SecondaryPreviewTop,
+  kLeft: SecondaryPreviewLeft,
+  kWidth: SecondaryPreviewWidth,
+  kHeight: SecondaryPreviewHeight,
+  kId: 'secondaryPreviewId',
+  kReady: 'secondaryPreviewVisible'
+};
 
 // TODO instead of reordering commands, have two command arrays
 // one for normal commands
@@ -24006,6 +24098,9 @@ const getPoints = (source, sideBarLocation = Right) => {
   const previewVisible = source[PreviewVisible];
   const previewMinWidth = source[PreviewMinWidth];
   const previewWidth = source[PreviewWidth];
+  const secondaryPreviewVisible = source[SecondaryPreviewVisible];
+  const secondaryPreviewMinWidth = source[SecondaryPreviewMinWidth];
+  const secondaryPreviewWidth = source[SecondaryPreviewWidth];
   const windowWidth = source[WindowWidth];
   const windowHeight = source[WindowHeight];
   const sideBarMinWidth = source[SideBarMinWidth];
@@ -24024,7 +24119,11 @@ const getPoints = (source, sideBarLocation = Right) => {
   const newSecondarySideBarWidth = clamp(secondarySideBarWidth, secondarySideBarMinWidth, secondarySideBarMaxWidth);
   const newPanelHeight = clamp(panelHeight, panelMinHeight, panelMaxHeight); // TODO check that it is in bounds of window
   const preferredPreviewWidth = previewWidth > 0 ? previewWidth : windowWidth / 2;
-  const availableWidth = previewVisible ? Math.max(0, windowWidth - Math.max(previewMinWidth, preferredPreviewWidth)) : windowWidth;
+  const preferredSecondaryPreviewWidth = secondaryPreviewWidth > 0 ? secondaryPreviewWidth : windowWidth / 3;
+  const destinationSecondaryPreviewWidth = secondaryPreviewVisible ? Math.min(windowWidth, Math.max(secondaryPreviewMinWidth, preferredSecondaryPreviewWidth)) : 0;
+  const widthBeforeSecondaryPreview = windowWidth - destinationSecondaryPreviewWidth;
+  const destinationPreviewWidth = previewVisible ? Math.min(widthBeforeSecondaryPreview, Math.max(previewMinWidth, preferredPreviewWidth)) : 0;
+  const availableWidth = Math.max(0, widthBeforeSecondaryPreview - destinationPreviewWidth);
   if (source.sideBarFocusMode) {
     const contentTop = titleBarVisible ? titleBarHeight : 0;
     const contentBottom = statusBarVisible ? windowHeight - statusBarHeight : windowHeight;
@@ -24039,6 +24138,8 @@ const getPoints = (source, sideBarLocation = Right) => {
       panelVisible: false,
       previewSashVisible: false,
       previewVisible: false,
+      secondaryPreviewSashVisible: false,
+      secondaryPreviewVisible: false,
       secondarySideBarHeight: Math.max(0, contentBottom - contentTop),
       secondarySideBarLeft: 0,
       secondarySideBarTop: contentTop,
@@ -24100,7 +24201,7 @@ const getPoints = (source, sideBarLocation = Right) => {
     const destinationMainVisible = 1;
     const destinationPanelLeft = p6;
     const destinationpanelTop = p3;
-    const destinationPanelWidth = previewVisible ? availableWidth : windowWidth;
+    const destinationPanelWidth = availableWidth;
     const destinationPanelHeight = p4 - p3;
     const destinationPanelVisible = panelVisible;
     const destinationSideBarLeft = p7;
@@ -24128,11 +24229,12 @@ const getPoints = (source, sideBarLocation = Right) => {
       destinationTitleBarHeight = getDefaultTitleBarHeight();
     }
     const destinationTitleBarVisible = titleBarVisible;
-    const destinationPreviewLeft = previewVisible ? availableWidth : 0;
     const destinationPreviewTop = p2;
-    const destinationPreviewWidth = previewVisible ? windowWidth - availableWidth : 0;
+    const destinationPreviewLeft = previewVisible ? availableWidth : 0;
     const destinationPreviewHeight = p3 - p2 + (previewVisible && panelVisible ? destinationPanelHeight : 0) + (previewVisible && statusBarVisible ? statusBarHeight : 0);
     const destinationPreviewVisible = previewVisible;
+    const destinationSecondaryPreviewLeft = availableWidth + destinationPreviewWidth;
+    const destinationSecondaryPreviewHeight = p3 - p2 + (secondaryPreviewVisible && panelVisible ? destinationPanelHeight : 0) + (secondaryPreviewVisible && statusBarVisible ? statusBarHeight : 0);
     return {
       ...source,
       activityBarTop: destinationActivityBarTop,
@@ -24174,7 +24276,12 @@ const getPoints = (source, sideBarLocation = Right) => {
       previewTop: destinationPreviewTop,
       previewWidth: destinationPreviewWidth,
       previewHeight: destinationPreviewHeight,
-      previewVisible: destinationPreviewVisible
+      previewVisible: destinationPreviewVisible,
+      secondaryPreviewLeft: destinationSecondaryPreviewLeft,
+      secondaryPreviewTop: destinationPreviewTop,
+      secondaryPreviewWidth: destinationSecondaryPreviewWidth,
+      secondaryPreviewHeight: destinationSecondaryPreviewHeight,
+      secondaryPreviewVisible
     };
   } else {
     const p1 = /* Top */0;
@@ -24243,11 +24350,12 @@ const getPoints = (source, sideBarLocation = Right) => {
     const destinationTitleBarWidth = windowWidth;
     const destinationTitleBarHeight = titleBarHeight;
     const destinationTitleBarVisible = titleBarVisible;
-    const destinationPreviewLeft = previewVisible ? availableWidth : 0;
     const destinationPreviewTop = p2;
-    const destinationPreviewWidth = previewVisible ? windowWidth - availableWidth : 0;
+    const destinationPreviewLeft = previewVisible ? availableWidth : 0;
     const destinationPreviewHeight = p3 - p2 + (previewVisible && panelVisible ? destinationPanelHeight : 0) + (previewVisible && statusBarVisible ? statusBarHeight : 0);
     const destinationPreviewVisible = previewVisible;
+    const destinationSecondaryPreviewLeft = availableWidth + destinationPreviewWidth;
+    const destinationSecondaryPreviewHeight = p3 - p2 + (secondaryPreviewVisible && panelVisible ? destinationPanelHeight : 0) + (secondaryPreviewVisible && statusBarVisible ? statusBarHeight : 0);
     return {
       ...source,
       activityBarTop: destinationActivityBarTop,
@@ -24289,7 +24397,12 @@ const getPoints = (source, sideBarLocation = Right) => {
       previewTop: destinationPreviewTop,
       previewWidth: destinationPreviewWidth,
       previewHeight: destinationPreviewHeight,
-      previewVisible: destinationPreviewVisible
+      previewVisible: destinationPreviewVisible,
+      secondaryPreviewLeft: destinationSecondaryPreviewLeft,
+      secondaryPreviewTop: destinationPreviewTop,
+      secondaryPreviewWidth: destinationSecondaryPreviewWidth,
+      secondaryPreviewHeight: destinationSecondaryPreviewHeight,
+      secondaryPreviewVisible
     };
   }
 };
@@ -24373,6 +24486,10 @@ const create$m = id => {
     previewActionsUid: -1,
     previewId: -1,
     previewSashId: -1,
+    secondaryPreviewActionsEventListeners: [],
+    secondaryPreviewActionsUid: -1,
+    secondaryPreviewId: -1,
+    secondaryPreviewSashId: -1,
     activityBarVisible: false,
     activityBarSashVisible: false,
     contentAreaVisible: true,
@@ -24381,6 +24498,8 @@ const create$m = id => {
     panelVisible: false,
     previewSashVisible: false,
     previewVisible: false,
+    secondaryPreviewSashVisible: false,
+    secondaryPreviewVisible: false,
     sideBarSashVisible: false,
     sideBarFocusMode: false,
     sideBarFocusModeLayout: undefined,
@@ -24408,6 +24527,10 @@ const create$m = id => {
     previewLeft: 0,
     previewTop: 0,
     previewWidth: 0,
+    secondaryPreviewHeight: 0,
+    secondaryPreviewLeft: 0,
+    secondaryPreviewTop: 0,
+    secondaryPreviewWidth: 0,
     sideBarHeight: 0,
     sideBarLeft: 0,
     sideBarTop: 0,
@@ -24434,6 +24557,10 @@ const create$m = id => {
     previewMaxWidth: 0,
     previewMinHeight: 0,
     previewMinWidth: 0,
+    secondaryPreviewMaxHeight: 0,
+    secondaryPreviewMaxWidth: 0,
+    secondaryPreviewMinHeight: 0,
+    secondaryPreviewMinWidth: 0,
     restore: true,
     sideBarMaxWidth: 0,
     sideBarMinWidth: 0,
@@ -24453,6 +24580,8 @@ const create$m = id => {
     sashId: None$6,
     previewUri: '',
     previewViewletId: Preview$3,
+    secondaryPreviewUri: '',
+    secondaryPreviewViewletId: Noop,
     panelView: Problems,
     initial: true,
     widgetReferences: [],
@@ -24486,6 +24615,10 @@ const saveState$d = state => {
     previewViewletId,
     previewVisible,
     previewWidth,
+    secondaryPreviewUri,
+    secondaryPreviewViewletId,
+    secondaryPreviewVisible,
+    secondaryPreviewWidth,
     sideBarLocation,
     sideBarView,
     sideBarVisible,
@@ -24502,6 +24635,10 @@ const saveState$d = state => {
     previewViewletId,
     previewVisible,
     previewWidth,
+    secondaryPreviewUri,
+    secondaryPreviewViewletId,
+    secondaryPreviewVisible,
+    secondaryPreviewWidth,
     sideBarLocation,
     sideBarView,
     sideBarVisible,
@@ -24529,6 +24666,8 @@ const getSavedPoints = savedState => {
       secondarySideBarWidth: 300,
       previewWidth: 0,
       previewVisible: false,
+      secondaryPreviewWidth: 0,
+      secondaryPreviewVisible: false,
       panelVisible: false,
       panelHeight: 0
     };
@@ -24540,6 +24679,8 @@ const getSavedPoints = savedState => {
     secondarySideBarWidth,
     previewWidth,
     previewVisible,
+    secondaryPreviewWidth,
+    secondaryPreviewVisible,
     panelVisible,
     panelHeight
   } = savedState;
@@ -24550,6 +24691,8 @@ const getSavedPoints = savedState => {
     secondarySideBarWidth: secondarySideBarWidth ?? 300,
     previewWidth: previewWidth ?? 0,
     previewVisible: previewVisible ?? false,
+    secondaryPreviewWidth: secondaryPreviewWidth ?? 0,
+    secondaryPreviewVisible: secondaryPreviewVisible ?? false,
     panelVisible: panelVisible ?? false,
     panelHeight: panelHeight ?? 160
   };
@@ -24575,6 +24718,18 @@ const getSavedPreviewViewletId = savedState => {
   }
   return Preview$3;
 };
+const isPreviewModule = module => {
+  return module === Preview || module === SecondaryPreview;
+};
+const getPreviewInstanceId = (state, module) => {
+  return module === SecondaryPreview ? state.secondaryPreviewId : state.previewId;
+};
+const getPreviewStorageId = (state, module) => {
+  return module === SecondaryPreview ? state.secondaryPreviewViewletId : state.previewViewletId;
+};
+const getPreviewUri = (state, module) => {
+  return module === SecondaryPreview ? state.secondaryPreviewUri : state.previewUri;
+};
 const loadContent$m = (state, savedState) => {
   const {
     Layout
@@ -24597,12 +24752,16 @@ const loadContent$m = (state, savedState) => {
     secondarySideBarVisible,
     secondarySideBarWidth,
     previewVisible,
-    previewWidth
+    previewWidth,
+    secondaryPreviewVisible,
+    secondaryPreviewWidth
   } = getSavedPoints(stateToRestore);
   const savedView = getSavedSideBarView(stateToRestore);
   const savedSecondaryView = getSavedSecondarySideBarView(stateToRestore);
   const previewUri = stateToRestore?.previewUri || '';
   const previewViewletId = getSavedPreviewViewletId(stateToRestore);
+  const secondaryPreviewUri = stateToRestore?.secondaryPreviewUri || '';
+  const secondaryPreviewViewletId = secondaryPreviewUri ? ExtensionView$1 : Noop;
   const intermediateState = {
     ...state,
     activityBarVisible: true,
@@ -24629,6 +24788,13 @@ const loadContent$m = (state, savedState) => {
     previewWidth,
     previewMinWidth: 100,
     previewMaxWidth: Math.max(1800, windowWidth / 2),
+    secondaryPreviewVisible,
+    secondaryPreviewHeight: 350,
+    secondaryPreviewMinHeight: Math.max(200, windowHeight / 2),
+    secondaryPreviewMaxHeight: 1200,
+    secondaryPreviewWidth,
+    secondaryPreviewMinWidth: 100,
+    secondaryPreviewMaxWidth: Math.max(1800, windowWidth / 2),
     titleBarHeight: isNativeTitleBarStyle(state.platform) ? 0 : getDefaultTitleBarHeight(),
     titleBarVisible: true,
     titleBarNative: isNativeTitleBarStyle(state.platform),
@@ -24637,8 +24803,11 @@ const loadContent$m = (state, savedState) => {
     activityBarSashVisible: true,
     panelSashVisible: true,
     previewSashVisible: previewVisible,
+    secondaryPreviewSashVisible: secondaryPreviewVisible,
     previewUri,
     previewViewletId,
+    secondaryPreviewUri,
+    secondaryPreviewViewletId,
     restore,
     sideBarLocation,
     sideBarSashVisible: sideBarVisible,
@@ -24686,6 +24855,9 @@ const show$4 = async (state, module, currentViewletId, restore) => {
     ...(module === Preview ? {
       previewSashVisible: true
     } : {}),
+    ...(module === SecondaryPreview ? {
+      secondaryPreviewSashVisible: true
+    } : {}),
     ...(module === SideBar ? {
       sideBarSashVisible: true
     } : {})
@@ -24703,11 +24875,18 @@ const show$4 = async (state, module, currentViewletId, restore) => {
       previewActionsUid: -1,
       previewId: childUid
     });
+  } else if (module === SecondaryPreview) {
+    setState$1(uid, {
+      ...intermediateState,
+      secondaryPreviewActionsEventListeners: [],
+      secondaryPreviewActionsUid: -1,
+      secondaryPreviewId: childUid
+    });
   }
-  const viewletModuleId = module === Preview ? state.previewViewletId : moduleId;
+  const viewletModuleId = isPreviewModule(module) ? getPreviewStorageId(state, module) : moduleId;
   let uri = '';
-  if (module === Preview && state.previewUri) {
-    uri = state.previewUri;
+  if (isPreviewModule(module)) {
+    uri = getPreviewUri(state, module);
   }
   const viewlet = {
     disposed: false,
@@ -24734,7 +24913,7 @@ const show$4 = async (state, module, currentViewletId, restore) => {
   // TODO component might already be hidden again at this point
   const resizeCommands = await getResizeCommands(state, intermediateState);
   commands.push(...resizeCommands);
-  const latestState = module === Preview ? getState$1(uid) : intermediateState;
+  const latestState = isPreviewModule(module) ? getState$1(uid) : intermediateState;
   return {
     newState: {
       ...intermediateState,
@@ -24752,11 +24931,15 @@ const renderSideBarActivityBarCommands = async (activityBarId, sideBarView, side
   await invoke$D('ActivityBar.handleSideBarStateChange', activityBarId, sideBarView, sideBarVisible);
   return renderActivityBarCommands(activityBarId);
 };
-const getActivePreviewViewId = state => {
-  if (!state.previewVisible || state.previewViewletId !== ExtensionView$1) {
-    return '';
+const getActivePreviewViewIds = state => {
+  const viewIds = [];
+  if (state.previewVisible && state.previewViewletId === ExtensionView$1) {
+    viewIds.push(state.previewUri);
   }
-  return state.previewUri;
+  if (state.secondaryPreviewVisible && state.secondaryPreviewViewletId === ExtensionView$1) {
+    viewIds.push(state.secondaryPreviewUri);
+  }
+  return viewIds.filter(Boolean);
 };
 const renderPreviewActivityBarCommands = async (oldState, newState) => {
   const {
@@ -24765,16 +24948,18 @@ const renderPreviewActivityBarCommands = async (oldState, newState) => {
   if (activityBarId === -1) {
     return [];
   }
-  const oldViewId = getActivePreviewViewId(oldState);
-  const newViewId = getActivePreviewViewId(newState);
-  if (oldViewId === newViewId) {
+  const oldViewIds = getActivePreviewViewIds(oldState);
+  const newViewIds = getActivePreviewViewIds(newState);
+  const deactivated = oldViewIds.filter(viewId => !newViewIds.includes(viewId));
+  const activated = newViewIds.filter(viewId => !oldViewIds.includes(viewId));
+  if (deactivated.length === 0 && activated.length === 0) {
     return [];
   }
-  if (oldViewId) {
-    await invoke$D('ActivityBar.handleActiveViewStateChange', activityBarId, oldViewId, false);
+  for (const viewId of deactivated) {
+    await invoke$D('ActivityBar.handleActiveViewStateChange', activityBarId, viewId, false);
   }
-  if (newViewId) {
-    await invoke$D('ActivityBar.handleActiveViewStateChange', activityBarId, newViewId, true);
+  for (const viewId of activated) {
+    await invoke$D('ActivityBar.handleActiveViewStateChange', activityBarId, viewId, true);
   }
   return renderActivityBarCommands(activityBarId);
 };
@@ -24822,6 +25007,8 @@ const getSideBarFocusModeLayoutSnapshot = state => {
     panelVisible: state.panelVisible,
     previewSashVisible: state.previewSashVisible,
     previewVisible: state.previewVisible,
+    secondaryPreviewSashVisible: state.secondaryPreviewSashVisible,
+    secondaryPreviewVisible: state.secondaryPreviewVisible,
     secondarySideBarVisible: state.secondarySideBarVisible,
     secondarySideBarWidth: state.secondarySideBarWidth,
     sideBarSashVisible: state.sideBarSashVisible,
@@ -24922,18 +25109,24 @@ const hide$2 = async (state, module) => {
     kVisible,
     moduleId
   } = module;
-  const isPreview = module === Preview;
-  const instanceId = isPreview ? state.previewId : moduleId;
-  const storageId = isPreview ? state.previewViewletId : moduleId;
+  const isPreview = isPreviewModule(module);
+  const instanceId = isPreview ? getPreviewInstanceId(state, module) : moduleId;
+  const storageId = isPreview ? getPreviewStorageId(state, module) : moduleId;
   const newState = getPoints({
     ...state,
     [kVisible]: false,
-    ...(isPreview ? {
+    ...(module === Preview ? {
       previewActionsEventListeners: [],
       previewActionsUid: -1,
       previewId: -1,
       previewSashVisible: false
     } : {}),
+    ...(module === SecondaryPreview ? {
+      secondaryPreviewActionsEventListeners: [],
+      secondaryPreviewActionsUid: -1,
+      secondaryPreviewId: -1,
+      secondaryPreviewSashVisible: false
+    } : {}),
     ...(module === SideBar ? {
       sideBarSashVisible: false
     } : {})
@@ -24946,8 +25139,9 @@ const hide$2 = async (state, module) => {
   }
   // TODO also resize other viewlets if necessary
   const commands = disposeFunctional(instanceId);
-  if (isPreview && state.previewActionsUid !== -1) {
-    commands.push(...disposeFunctional(state.previewActionsUid));
+  const actionsUid = module === SecondaryPreview ? state.secondaryPreviewActionsUid : state.previewActionsUid;
+  if (isPreview && actionsUid !== -1) {
+    commands.push(...disposeFunctional(actionsUid));
   }
   const resizeCommands = await getResizeCommands(state, newState);
   commands.push(...resizeCommands);
@@ -24989,14 +25183,30 @@ const toggleSideBar = state => {
 const toggleSideBarView = async (state, moduleId) => {
   const sideBarView = moduleId || state.sideBarView || Explorer$1;
   const preferredLocation = await getPreferredViewLocation(sideBarView);
+  if (preferredLocation === 'secondaryPreview') {
+    if (state.secondaryPreviewVisible && state.secondaryPreviewUri === sideBarView) {
+      return hideSecondaryPreview(state);
+    }
+    const secondaryPreviewState = {
+      ...state,
+      previewWidth: state.previewVisible ? state.windowWidth / 3 : state.previewWidth,
+      secondaryPreviewWidth: state.previewVisible ? state.windowWidth / 3 : state.windowWidth / 2
+    };
+    const result = await showSecondaryPreview(secondaryPreviewState, sideBarView);
+    const focusCommands = await getFocusCommands(sideBarView);
+    return {
+      newState: result.newState,
+      commands: [...result.commands, ...focusCommands]
+    };
+  }
   if (preferredLocation === 'preview') {
     if (state.previewVisible && state.previewUri === sideBarView) {
       return hidePreview(state);
     }
-    const previewState = getPoints({
+    const previewState = {
       ...state,
-      previewWidth: state.windowWidth / 2
-    }, state.sideBarLocation);
+      previewWidth: state.secondaryPreviewVisible ? state.windowWidth / 3 : state.windowWidth / 2
+    };
     const previewResult = await showPreview(previewState, sideBarView, ExtensionView$1);
     const focusCommands = await getFocusCommands(sideBarView);
     return {
@@ -25200,7 +25410,10 @@ const getPreferredViewLocation = async viewId => {
     return 'sideBar';
   }
   const view = await getExtensionView(viewId);
-  return view?.preferredLocation === 'preview' ? 'preview' : 'sideBar';
+  if (view?.preferredLocation === 'preview' || view?.preferredLocation === 'secondaryPreview') {
+    return view.preferredLocation;
+  }
+  return 'sideBar';
 };
 const showStatusBar = state => {
   // @ts-ignore
@@ -25262,7 +25475,12 @@ const replacePreview = async (state, uri, previewViewletId) => {
     commands
   };
 };
-const showPreview = async (state, uri = state.previewUri, previewViewletId = getPreviewViewletId(uri)) => {
+const showPreview = async (initialState, uri = initialState.previewUri, previewViewletId = getPreviewViewletId(uri)) => {
+  const state = !initialState.previewVisible && initialState.secondaryPreviewVisible ? {
+    ...initialState,
+    previewWidth: initialState.windowWidth / 3,
+    secondaryPreviewWidth: initialState.windowWidth / 3
+  } : initialState;
   const {
     previewVisible,
     previewId,
@@ -25320,6 +25538,98 @@ const togglePreview = (state, uri = state.previewUri) => {
   }
   return showPreview(state, uri);
 };
+const replaceSecondaryPreview = async (state, uri) => {
+  await saveViewletStateWithStorageId(state.secondaryPreviewId, state.secondaryPreviewViewletId);
+  const commands = disposeFunctional(state.secondaryPreviewId);
+  if (state.secondaryPreviewActionsUid !== -1) {
+    commands.push(...disposeFunctional(state.secondaryPreviewActionsUid));
+  }
+  const childUid = create$19();
+  const newState = {
+    ...state,
+    secondaryPreviewActionsEventListeners: [],
+    secondaryPreviewActionsUid: -1,
+    secondaryPreviewId: childUid,
+    secondaryPreviewUri: uri,
+    secondaryPreviewViewletId: uri ? ExtensionView$1 : Noop
+  };
+  setState$1(state.uid, newState);
+  const viewlet = {
+    disposed: false,
+    getModule: load$2,
+    args: [],
+    id: ExtensionView$1,
+    type: 0,
+    uri,
+    show: false,
+    focus: false,
+    x: state.secondaryPreviewLeft,
+    y: state.secondaryPreviewTop,
+    width: state.secondaryPreviewWidth,
+    height: state.secondaryPreviewHeight,
+    parentUid: state.uid,
+    uid: childUid
+  };
+  const loadCommands = await load$4(viewlet, false, true, undefined);
+  commands.push(...loadCommands);
+  return {
+    newState: {
+      ...newState,
+      ...getState$1(state.uid)
+    },
+    commands
+  };
+};
+const showSecondaryPreview = async (initialState, uri = initialState.secondaryPreviewUri) => {
+  const state = !initialState.secondaryPreviewVisible && initialState.previewVisible ? {
+    ...initialState,
+    previewWidth: initialState.windowWidth / 3,
+    secondaryPreviewWidth: initialState.windowWidth / 3
+  } : initialState;
+  if (state.secondaryPreviewVisible && state.secondaryPreviewId !== -1) {
+    if (state.secondaryPreviewUri !== uri) {
+      const result = await replaceSecondaryPreview(state, uri);
+      const activityBarCommands = await renderPreviewActivityBarCommands(state, result.newState);
+      return {
+        newState: result.newState,
+        commands: [...result.commands, ...activityBarCommands]
+      };
+    }
+    return {
+      newState: state,
+      commands: []
+    };
+  }
+  const partialNewState = {
+    ...state,
+    secondaryPreviewUri: uri,
+    secondaryPreviewViewletId: ExtensionView$1,
+    ...(state.secondaryPreviewVisible ? {
+      secondaryPreviewVisible: false
+    } : {})
+  };
+  setState$1(state.uid, partialNewState);
+  const result = await show$4(partialNewState, SecondaryPreview, undefined);
+  const activityBarCommands = await renderPreviewActivityBarCommands(state, result.newState);
+  return {
+    newState: result.newState,
+    commands: [...result.commands, ...activityBarCommands]
+  };
+};
+const hideSecondaryPreview = async state => {
+  const result = await hide$2(state, SecondaryPreview);
+  const activityBarCommands = await renderPreviewActivityBarCommands(state, result.newState);
+  return {
+    newState: result.newState,
+    commands: [...result.commands, ...activityBarCommands]
+  };
+};
+const toggleSecondaryPreview = (state, uri = state.secondaryPreviewUri) => {
+  if (state.secondaryPreviewVisible) {
+    return hideSecondaryPreview(state);
+  }
+  return showSecondaryPreview(state, uri);
+};
 const showTitleBar = state => {
   // @ts-ignore
   return show$4(state, TitleBar);
@@ -25331,8 +25641,9 @@ const toggleTitleBar = state => {
   // @ts-ignore
   return toggle(state, TitleBar);
 };
-const setActionsDom$1 = (state, actionsDom, childUid, eventListeners = state.previewActionsEventListeners) => {
-  if (state.previewId !== childUid) {
+const setActionsDom$1 = (state, actionsDom, childUid, eventListeners) => {
+  const secondary = state.secondaryPreviewId === childUid;
+  if (state.previewId !== childUid && !secondary) {
     return {
       commands: [],
       handled: true,
@@ -25340,13 +25651,19 @@ const setActionsDom$1 = (state, actionsDom, childUid, eventListeners = state.pre
       statePatch: {}
     };
   }
-  if (state.previewActionsUid !== -1) {
+  const actionsUid = secondary ? state.secondaryPreviewActionsUid : state.previewActionsUid;
+  const currentEventListeners = secondary ? state.secondaryPreviewActionsEventListeners : state.previewActionsEventListeners;
+  const nextEventListeners = eventListeners ?? currentEventListeners;
+  const actionsEventListenersKey = secondary ? 'secondaryPreviewActionsEventListeners' : 'previewActionsEventListeners';
+  const actionsUidKey = secondary ? 'secondaryPreviewActionsUid' : 'previewActionsUid';
+  const viewletId = secondary ? state.secondaryPreviewViewletId : state.previewViewletId;
+  if (actionsUid !== -1) {
     return {
-      commands: [['Viewlet.registerEventListeners', state.previewActionsUid, eventListeners], ['Viewlet.setDom2', state.previewActionsUid, actionsDom]],
+      commands: [['Viewlet.registerEventListeners', actionsUid, nextEventListeners], ['Viewlet.setDom2', actionsUid, actionsDom]],
       handled: true,
       renderParent: false,
       statePatch: {
-        previewActionsEventListeners: eventListeners
+        [actionsEventListenersKey]: nextEventListeners
       }
     };
   }
@@ -25356,23 +25673,23 @@ const setActionsDom$1 = (state, actionsDom, childUid, eventListeners = state.pre
       handled: true,
       renderParent: false,
       statePatch: {
-        previewActionsEventListeners: eventListeners
+        [actionsEventListenersKey]: nextEventListeners
       }
     };
   }
-  const previewActionsUid = create$19();
-  const commands = [['Viewlet.createFunctionalRoot', state.previewViewletId, previewActionsUid, true]];
-  if (eventListeners.length > 0) {
-    commands.push(['Viewlet.registerEventListeners', previewActionsUid, eventListeners]);
+  const newActionsUid = create$19();
+  const commands = [['Viewlet.createFunctionalRoot', viewletId, newActionsUid, true]];
+  if (nextEventListeners.length > 0) {
+    commands.push(['Viewlet.registerEventListeners', newActionsUid, nextEventListeners]);
   }
-  commands.push(['Viewlet.setDom2', previewActionsUid, actionsDom], ['Viewlet.setUid', previewActionsUid, childUid]);
+  commands.push(['Viewlet.setDom2', newActionsUid, actionsDom], ['Viewlet.setUid', newActionsUid, childUid]);
   return {
     commands,
     handled: true,
     renderParent: true,
     statePatch: {
-      previewActionsEventListeners: eventListeners,
-      previewActionsUid
+      [actionsEventListenersKey]: nextEventListeners,
+      [actionsUidKey]: newActionsUid
     }
   };
 };
@@ -25480,8 +25797,8 @@ const loadIfVisible = async (state, module) => {
       kId,
       kReady
     } = module;
-    const viewletModuleId = module === Preview ? state.previewViewletId : moduleId;
-    const uri = module === Preview ? state.previewUri : '';
+    const viewletModuleId = isPreviewModule(module) ? getPreviewStorageId(state, module) : moduleId;
+    const uri = isPreviewModule(module) ? getPreviewUri(state, module) : '';
     const visible = state[kVisible];
     const x = state[kLeft];
     const y = state[kTop];
@@ -25574,6 +25891,9 @@ const loadTitleBarIfVisible = async state => {
 const loadPreviewIfVisible = state => {
   return loadIfVisible(state, Preview);
 };
+const loadSecondaryPreviewIfVisible = state => {
+  return loadIfVisible(state, SecondaryPreview);
+};
 const handleSashPointerDown = (state, sashId) => {
   const newState = {
     ...state,
@@ -25597,6 +25917,9 @@ const handleSashPanelPointerDown = state => {
 const handleSashPreviewPointerDown = state => {
   return handleSashPointerDown(state, Preview$1);
 };
+const handleSashSecondaryPreviewPointerDown = state => {
+  return handleSashPointerDown(state, SecondaryPreview$1);
+};
 const handleContextMenu$1 = state => {
   return state;
 };
@@ -25615,12 +25938,14 @@ const getNewStatePointerMoveSideBar = async (state, x, y) => {
   const {
     activityBarWidth,
     previewWidth,
+    secondaryPreviewWidth,
     sideBarLocation,
     sideBarMinWidth,
     windowWidth
   } = state;
-  const newSideBarWidth = sideBarLocation === Left ? x - activityBarWidth : windowWidth - activityBarWidth - x - previewWidth;
-  const availableWidth = Math.max(0, windowWidth - previewWidth);
+  const previewAreasWidth = previewWidth + secondaryPreviewWidth;
+  const newSideBarWidth = sideBarLocation === Left ? x - activityBarWidth : windowWidth - activityBarWidth - x - previewAreasWidth;
+  const availableWidth = Math.max(0, windowWidth - previewAreasWidth);
   const sideBarMaxWidthForMain = Math.max(0, availableWidth - activityBarWidth - mainMinWidth);
   const constrainedSideBarWidth = Math.min(newSideBarWidth, sideBarMaxWidthForMain);
   if (constrainedSideBarWidth <= sideBarMinWidth / 2) {
@@ -25656,7 +25981,7 @@ const getNewStatePointerMoveSecondarySideBar = async (state, x) => {
     previewVisible,
     previewLeft
   } = state;
-  const secondarySideBarRight = previewVisible ? previewLeft : windowWidth;
+  const secondarySideBarRight = previewVisible ? previewLeft : state.secondaryPreviewVisible ? state.secondaryPreviewLeft : windowWidth;
   const mainLeft = sideBarLocation === Left ? sideBarLeft + sideBarWidth : 0;
   const maxSecondarySideBarWidth = Math.max(0, secondarySideBarRight - mainLeft - mainMinWidth);
   const newSecondarySideBarWidth = sideBarLocation === Left ? secondarySideBarRight - x : x - mainLeft;
@@ -25757,8 +26082,8 @@ const getNewStatePointerMovePanel = async (state, x, y) => {
   }
 };
 const getNewStatePointerMovePreview = async (state, x) => {
-  const windowWidth = state.windowWidth;
-  const previewWidth = Math.max(state.previewMinWidth, windowWidth - x);
+  const previewRight = state.secondaryPreviewVisible ? state.secondaryPreviewLeft : state.windowWidth;
+  const previewWidth = Math.max(state.previewMinWidth, previewRight - x);
   return {
     newState: getPoints({
       ...state,
@@ -25767,6 +26092,16 @@ const getNewStatePointerMovePreview = async (state, x) => {
     commands: []
   };
 };
+const getNewStatePointerMoveSecondaryPreview = async (state, x) => {
+  const secondaryPreviewWidth = Math.max(state.secondaryPreviewMinWidth, state.windowWidth - x);
+  return {
+    newState: getPoints({
+      ...state,
+      secondaryPreviewWidth
+    }, state.sideBarLocation),
+    commands: []
+  };
+};
 const getNewStatePointerMove = async (sashId, state, x, y) => {
   switch (sashId) {
     case SideBar$1:
@@ -25777,6 +26112,8 @@ const getNewStatePointerMove = async (sashId, state, x, y) => {
       return getNewStatePointerMovePanel(state, x, y);
     case Preview$1:
       return getNewStatePointerMovePreview(state, x);
+    case SecondaryPreview$1:
+      return getNewStatePointerMoveSecondaryPreview(state, x);
     case ActivityBar$1:
       return getNewStatePointerMoveActivityBar(state, x);
     default:
@@ -25790,7 +26127,7 @@ const isEqual = (oldState, newState, kTop, kLeft, kWidth, kHeight) => {
   return oldState[kTop] === newState[kTop] && oldState[kLeft] === newState[kLeft] && oldState[kWidth] === newState[kWidth] && oldState[kHeight] === newState[kHeight];
 };
 const getResizeCommands = async (oldState, newState) => {
-  const modules = [Main$1, ActivityBar, SideBar, SecondarySideBar, TitleBar, StatusBar, Panel, Preview];
+  const modules = [Main$1, ActivityBar, SideBar, SecondarySideBar, TitleBar, StatusBar, Panel, Preview, SecondaryPreview];
   const individualCommands = await Promise.all(modules.map(async module => {
     const {
       kTop,
@@ -25799,7 +26136,7 @@ const getResizeCommands = async (oldState, newState) => {
       kHeight,
       moduleId
     } = module;
-    const instanceId = module === Preview ? newState.previewId : moduleId;
+    const instanceId = isPreviewModule(module) ? getPreviewInstanceId(newState, module) : moduleId;
     const instance = getInstance(instanceId);
     if (!instance) {
       return [];
@@ -25869,8 +26206,8 @@ const showAsync = async (uid, points, module, viewletUid) => {
       kWidth,
       kHeight
     } = module;
-    const moduleId = module === Preview ? points.previewViewletId : defaultModuleId;
-    const uri = module === Preview ? points.previewUri : '';
+    const moduleId = isPreviewModule(module) ? getPreviewStorageId(points, module) : defaultModuleId;
+    const uri = isPreviewModule(module) ? getPreviewUri(points, module) : '';
     const commands = await load$4({
       getModule: load$2,
       id: moduleId,
@@ -25906,7 +26243,7 @@ const showPlaceholder = (uid, points, module) => {
     kWidth,
     kHeight
   } = module;
-  const moduleId = module === Preview ? points.previewViewletId : defaultModuleId;
+  const moduleId = isPreviewModule(module) ? getPreviewStorageId(points, module) : defaultModuleId;
   return ['Viewlet.createPlaceholder', /* id */moduleId, /* parentId */uid, /* top */points[kTop], /* left */points[kLeft], /* width */points[kWidth], /* height */points[kHeight]];
 };
 const handleSashPointerMove = async (state, x, y) => {
@@ -25919,7 +26256,7 @@ const handleSashPointerMove = async (state, x, y) => {
   // TODO resize commands, resize viewlets recursively
   const allCommands = await getResizeCommands(state, newState);
   const uid = state.uid;
-  const modules = [Panel, SideBar, SecondarySideBar, Preview];
+  const modules = [Panel, SideBar, SecondarySideBar, Preview, SecondaryPreview];
   for (const module of modules) {
     const {
       kVisible,
@@ -25932,18 +26269,25 @@ const handleSashPointerMove = async (state, x, y) => {
         const commands = showPlaceholder(uid, newState, module);
         // @ts-ignore
         allCommands.push(commands);
-        if (moduleId === Preview$3) {
+        if (module === Preview) {
           newState = {
             ...newState,
             previewId: viewletUid,
             previewVisible: true,
             previewSashVisible: true
           };
+        } else if (module === SecondaryPreview) {
+          newState = {
+            ...newState,
+            secondaryPreviewId: viewletUid,
+            secondaryPreviewVisible: true,
+            secondaryPreviewSashVisible: true
+          };
         }
       } else {
-        const instanceId = module === Preview ? state.previewId : moduleId;
-        const storageId = module === Preview ? state.previewViewletId : moduleId;
-        if (module === Preview) {
+        const instanceId = isPreviewModule(module) ? getPreviewInstanceId(state, module) : moduleId;
+        const storageId = isPreviewModule(module) ? getPreviewStorageId(state, module) : moduleId;
+        if (isPreviewModule(module)) {
           await saveViewletStateWithStorageId(instanceId, storageId);
         } else {
           await saveViewletState(instanceId);
@@ -25951,13 +26295,20 @@ const handleSashPointerMove = async (state, x, y) => {
         const commands = disposeFunctional(instanceId);
         // @ts-ignore
         allCommands.push(...commands);
-        if (moduleId === Preview$3) {
+        if (module === Preview) {
           newState = {
             ...newState,
             previewId: -1,
             previewVisible: false,
             previewSashVisible: false
           };
+        } else if (module === SecondaryPreview) {
+          newState = {
+            ...newState,
+            secondaryPreviewId: -1,
+            secondaryPreviewVisible: false,
+            secondaryPreviewSashVisible: false
+          };
         }
       }
     }
@@ -26462,6 +26813,9 @@ const resetVisibility = async state => {
   if (state.previewVisible) {
     await execute$4('Layout.hidePreview');
   }
+  if (state.secondaryPreviewVisible) {
+    await execute$4('Layout.hideSecondaryPreview');
+  }
   if (!state.mainVisible) {
     await execute$4('Layout.showMain');
   }
@@ -26552,6 +26906,7 @@ const CommandsWithSideEffects = {
   handleSashSecondarySideBarPointerDown: handleSashSecondarySideBarPointerDown,
   handleSashPanelPointerDown: handleSashPanelPointerDown,
   handleSashPreviewPointerDown: handleSashPreviewPointerDown,
+  handleSashSecondaryPreviewPointerDown: handleSashSecondaryPreviewPointerDown,
   handleSashPointerMove: handleSashPointerMove,
   handleSashPointerUp: handleSashPointerUp,
   handleSettingsChanged: handleSettingsChanged,
@@ -26567,6 +26922,7 @@ const CommandsWithSideEffects = {
   hideMain: hideMain,
   hidePanel: hidePanel,
   hidePreview: hidePreview,
+  hideSecondaryPreview: hideSecondaryPreview,
   hideSideBar: hideSideBar,
   hideSecondarySideBar: hideSecondarySideBar,
   hideStatusBar: hideStatusBar,
@@ -26575,6 +26931,7 @@ const CommandsWithSideEffects = {
   loadMainIfVisible: loadMainIfVisible,
   loadPanelIfVisible: loadPanelIfVisible,
   loadPreviewIfVisible: loadPreviewIfVisible,
+  loadSecondaryPreviewIfVisible: loadSecondaryPreviewIfVisible,
   loadSideBarIfVisible: loadSideBarIfVisible,
   loadSecondarySideBarIfVisible: loadSecondarySideBarIfVisible,
   loadStatusBarIfVisible: loadStatusBarIfVisible,
@@ -26603,6 +26960,7 @@ const CommandsWithSideEffects = {
   showMain: showMain,
   showPanel: showPanel,
   showPreview: showPreview,
+  showSecondaryPreview: showSecondaryPreview,
   showSideBar: showSideBar,
   showSecondarySideBar: showSecondarySideBar,
   showStatusBar: showStatusBar,
@@ -26614,6 +26972,7 @@ const CommandsWithSideEffects = {
   maximizePanel: maximizePanel,
   unmaximizePanel: unmaximizePanel,
   togglePreview: togglePreview,
+  toggleSecondaryPreview: toggleSecondaryPreview,
   toggleSideBar: toggleSideBar,
   toggleSecondarySideBar: toggleSecondarySideBar,
   toggleSideBarPosition: toggleSideBarPosition,
@@ -26855,6 +27214,15 @@ const getQuickPickMenuEntries$7 = () => {
   }, {
     id: 'Layout.showPreview',
     label: 'Layout: Show Preview'
+  }, {
+    id: 'Layout.toggleSecondaryPreview',
+    label: 'Layout: Toggle Secondary Preview'
+  }, {
+    id: 'Layout.hideSecondaryPreview',
+    label: 'Layout: Hide Secondary Preview'
+  }, {
+    id: 'Layout.showSecondaryPreview',
+    label: 'Layout: Show Secondary Preview'
   }, {
     id: 'Layout.toggleSideBarPosition',
     label: 'Layout: Toggle Side Bar Position',
@@ -27156,7 +27524,7 @@ const hasFunctionalRootRender$i = true;
 const hasFunctionalEvents$f = true;
 const renderDom$4 = {
   isEqual(oldState, newState) {
-    return oldState.mainVisible === newState.mainVisible && oldState.mainId === newState.mainId && oldState.titleBarVisible === newState.titleBarVisible && oldState.titleBarId === newState.titleBarId && oldState.activityBarVisible === newState.activityBarVisible && oldState.activityBarId === newState.activityBarId && oldState.panelVisible === newState.panelVisible && oldState.panelId === newState.panelId && oldState.sideBarLocation === newState.sideBarLocation && oldState.sideBarVisible === newState.sideBarVisible && oldState.sideBarId === newState.sideBarId && oldState.secondarySideBarVisible === newState.secondarySideBarVisible && oldState.secondarySideBarId === newState.secondarySideBarId && oldState.statusBarVisible === newState.statusBarVisible && oldState.statusBarId === newState.statusBarId && oldState.panelSashVisible === newState.panelSashVisible && oldState.sideBarSashVisible === newState.sideBarSashVisible && oldState.previewVisible === newState.previewVisible && oldState.previewSashVisible === newState.previewSashVisible && oldState.previewId === newState.previewId && oldState.previewActionsUid === newState.previewActionsUid && oldState.secondarySideBarVisible === newState.secondarySideBarVisible && oldState.widgetReferences === newState.widgetReferences && oldState.mountedViewletsBySource === newState.mountedViewletsBySource;
+    return oldState.mainVisible === newState.mainVisible && oldState.mainId === newState.mainId && oldState.titleBarVisible === newState.titleBarVisible && oldState.titleBarId === newState.titleBarId && oldState.activityBarVisible === newState.activityBarVisible && oldState.activityBarId === newState.activityBarId && oldState.panelVisible === newState.panelVisible && oldState.panelId === newState.panelId && oldState.sideBarLocation === newState.sideBarLocation && oldState.sideBarVisible === newState.sideBarVisible && oldState.sideBarId === newState.sideBarId && oldState.secondarySideBarVisible === newState.secondarySideBarVisible && oldState.secondarySideBarId === newState.secondarySideBarId && oldState.statusBarVisible === newState.statusBarVisible && oldState.statusBarId === newState.statusBarId && oldState.panelSashVisible === newState.panelSashVisible && oldState.sideBarSashVisible === newState.sideBarSashVisible && oldState.previewVisible === newState.previewVisible && oldState.previewSashVisible === newState.previewSashVisible && oldState.previewId === newState.previewId && oldState.previewActionsUid === newState.previewActionsUid && oldState.secondaryPreviewVisible === newState.secondaryPreviewVisible && oldState.secondaryPreviewSashVisible === newState.secondaryPreviewSashVisible && oldState.secondaryPreviewId === newState.secondaryPreviewId && oldState.secondaryPreviewActionsUid === newState.secondaryPreviewActionsUid && oldState.secondarySideBarVisible === newState.secondarySideBarVisible && oldState.widgetReferences === newState.widgetReferences && oldState.mountedViewletsBySource === newState.mountedViewletsBySource;
   },
   apply(oldState, newState) {
     const commands = renderDom$7(oldState, newState);
@@ -27182,6 +27550,8 @@ const getCss = newState => {
   const titleBarHeight = newState.titleBarHeight;
   const previewLeft = newState.previewLeft;
   const previewWidth = newState.previewWidth;
+  const secondaryPreviewLeft = newState.secondaryPreviewLeft;
+  const secondaryPreviewWidth = newState.secondaryPreviewWidth;
   const sashSideBarLeft = newState.sideBarLeft;
   const secondarySideBarLeft = newState.secondarySideBarLeft;
   const sashPanelTop = newState.panelTop;
@@ -27193,6 +27563,8 @@ const getCss = newState => {
   number(titleBarHeight);
   number(previewLeft);
   number(previewWidth);
+  number(secondaryPreviewLeft);
+  number(secondaryPreviewWidth);
   number(sashSideBarLeft);
   number(secondarySideBarLeft);
   number(sashPanelTop);
@@ -27215,6 +27587,8 @@ const getCss = newState => {
   --TitleBarHeight: ${getPixelValue(titleBarHeight)};
   --SashPreviewLeft: ${getRoundedPixelValue(previewLeft)};
   --PreviewWidth: ${getPixelValue(previewWidth)};
+  --SashSecondaryPreviewLeft: ${getRoundedPixelValue(secondaryPreviewLeft)};
+  --SecondaryPreviewWidth: ${getPixelValue(secondaryPreviewWidth)};
   --SashSideBarLeft: ${getRoundedPixelValue(sashSideBarLeft)};
   --SashSecondarySideBarLeft: ${getRoundedPixelValue(sashSecondarySideBarLeft)};
   --SashPanelTop: ${getRoundedPixelValue(sashPanelTop)};
@@ -27235,6 +27609,9 @@ const renderEventListeners$e = () => {
   return [{
     name: HandleClickClose,
     params: ['hidePreview']
+  }, {
+    name: HandleClickCloseSecondaryPreview,
+    params: ['hideSecondaryPreview']
   }, {
     name: HandleContextMenu,
     params: ['handleContextMenu']
@@ -27275,6 +27652,10 @@ const renderEventListeners$e = () => {
     name: HandleSashPreviewPointerDown,
     params: ['handleSashPreviewPointerDown'],
     trackPointerEvents: [HandleSashSideBarPointerMove, HandleSashSideBarPointerUp]
+  }, {
+    name: HandleSashSecondaryPreviewPointerDown,
+    params: ['handleSashSecondaryPreviewPointerDown'],
+    trackPointerEvents: [HandleSashSideBarPointerMove, HandleSashSideBarPointerUp]
   }];
 };
 const renderWindowListeners = {
@@ -27335,6 +27716,7 @@ const ViewletLayout_ipc = {
   handleSashPointerMove,
   handleSashPointerUp,
   handleSashPreviewPointerDown,
+  handleSashSecondaryPreviewPointerDown,
   handleSashSecondarySideBarPointerDown,
   handleSashSideBarPointerDown,
   handleSettingsChanged,
@@ -27346,6 +27728,7 @@ const ViewletLayout_ipc = {
   hideMain,
   hidePanel,
   hidePreview,
+  hideSecondaryPreview,
   hideSecondarySideBar,
   hideSideBar,
   hideStatusBar,
@@ -27357,6 +27740,7 @@ const ViewletLayout_ipc = {
   loadMainIfVisible,
   loadPanelIfVisible,
   loadPreviewIfVisible,
+  loadSecondaryPreviewIfVisible,
   loadSecondarySideBarIfVisible,
   loadSideBarIfVisible,
   loadStatusBarIfVisible,
@@ -27392,6 +27776,7 @@ const ViewletLayout_ipc = {
   showMain,
   showPanel,
   showPreview,
+  showSecondaryPreview,
   showSecondarySideBar,
   showSideBar,
   showStatusBar,
@@ -27402,6 +27787,7 @@ const ViewletLayout_ipc = {
   toggleMain,
   togglePanel,
   togglePreview,
+  toggleSecondaryPreview,
   toggleSecondarySideBar,
   toggleSideBar,
   toggleSideBarPosition,