ooxml-ui 1.1.0 → 1.3.0

package/dist/xlsx.js

@@ -1,27 +1,24 @@
-import './chunk-ZU7GX4SY.js';
-import { defineSmartArt } from './chunk-BEN3453I.js';
-import { withExtension, saveExtension, downloadBytes, emit, emitEvent, blobFor, announceFileCommand, pickFile } from './chunk-KVKKXRL7.js';
-export { XLSX_EDITOR_EVENTS } from './chunk-KVKKXRL7.js';
+import './chunk-V6P6KZCO.js';
+import { defineSmartArt } from './chunk-NYRRH2MD.js';
+import { withExtension, saveExtension, downloadBytes, emit, emitEvent, blobFor, announceFileCommand, pickFile } from './chunk-5OFAJDMQ.js';
+export { XLSX_EDITOR_EVENTS } from './chunk-5OFAJDMQ.js';
 import './chunk-SNV6YKPC.js';
-import './chunk-X7RINDJQ.js';
-import { range_control_default, createRibbonOverflow, defineBackstage, defineRibbon, defineTitleBar, defineStatusBar, defineZoomSlider, rangeControl, defineDialog, runKeyTips, assignKeyTips, defineCheckbox, defineGallery, defineContextMenu, parseSvgPreview } from './chunk-M5DTJSOV.js';
-import { getIcon, registerIcon } from './chunk-BOX43CZD.js';
-import './chunk-3FPW7M6U.js';
-import { withTokens } from './chunk-USDLALB5.js';
-import './chunk-JFJXBYRD.js';
-import { SPECIAL_CODES, FRACTION_CODES, AUTOSUM_FUNCTIONS, themeToCssVars, lightTheme, darkTheme, ICON_ACCENTS, ICON_PATHS, normalizeThemeMode, applyThemeColors, parseSelectionRef, selectionRef, normalizeEditorLocale, DirtyState, createCommandRegistry, createDialogRegistry, activeRef, createSelectionModel, SheetSelections, translator, initialSelection, sheetBaseName, onRibbonTabsChange, activeChart, editChart, ribbonTabs, isTabHidden, selectTab, setTabHidden, tabButton, searchCommands, formatNumber, TEMPLATES, createTemplateWorkbook, isMenuSeparator, registerRibbonTabs, installFormatPainter, SHEET_ICONS, clipboardCommands, fontCommands, alignmentCommands, numberCommands, cellCommands, editingCommands, pageLayoutCommands, formulaCommands, dataCommands, contextualCommands, reviewTab, viewTab, helpTab, editBridge, CellViewCache, QUADRANTS, columnHeaderHeight, rowHeaderWidth, GridGeometry, cellRange, scrollToReveal, buildItems, fitNumber, cssFont, clampAddress, selectCell, movingEnd, extendSelection, moveWithinSelection, rowsRange, colsRange, ALL_RANGE, tabMenu, editing, icon, DATA_BAR_COLORS, dataBarRule, COLOR_SCALES, colorScaleRule, iconSetRule, target, tableAt, viewing, activeTable, numberFormatOptions, FONT_NAMES, FONT_SIZES, BORDER_PRESETS, ORIENTATIONS, ACCOUNTING_FORMATS, themePaletteItems, MARGIN_PRESETS, PAPER_SIZES, FUNCTION_MENUS, MORE_FUNCTION_CATEGORIES, functionsIn, isSingleCell, spanRange, selectionCellCount, addRange, activeStyle, selectSpecial, insertFunctionCall, guessHeader, regionOf, HIGHLIGHT_STYLES, ICON_SETS, TABLE_STYLES, tableStylePreview, resolveNameBox, absoluteReference, nameForRange, fillPaint, iconSvg, colSelected, rowSelected, rowHeaderMenu, columnHeaderMenu, cellMenu, recentFunctions, evaluateRef, buildChart, detectCategory, CATEGORIES, TIME_CODES, DATE_CODES, DEFAULT_OPTIONS, cellStyleItems, textDecoration, justify, alignItems, textAlign, hasBorders, edgeCss, diagonalSvg, SYMBOLS, buildCode, UNSET, dxfCss, negativeCodes, iconCount, iconThresholds, rowsOf, colsOf } from 'ooxml-core/xlsx/ui';
+import { shadcnBridge } from './chunk-56A2JK63.js';
+import { range_control_default, createRibbonOverflow, defineBackstage, defineRibbon, defineRibbonActions, defineTitleBar, defineStatusBar, defineZoomSlider, rangeControl, defineDialog, runKeyTips, assignKeyTips, defineCheckbox, defineGallery, defineContextMenu, defineCommentsPane, parseSvgPreview } from './chunk-723JC3OC.js';
+import { getIcon, registerIcon } from './chunk-M6GF5ED2.js';
+import { definePresence } from './chunk-TWQ45BFL.js';
+import { withTokens } from './chunk-IY7QJLQG.js';
+import './chunk-2WLRFPMW.js';
+import { SPECIAL_CODES, FRACTION_CODES, AUTOSUM_FUNCTIONS, themeToCssVars, lightTheme, darkTheme, ICON_ACCENTS, ICON_PATHS, normalizeThemeMode, applyThemeColors, parseSelectionRef, selectionRef, normalizeEditorLocale, DirtyState, createCommandRegistry, createDialogRegistry, activeRef, createSelectionModel, SheetSelections, translator, initialSelection, sheetBaseName, historyOf, onRibbonTabsChange, activeChart, editChart, ribbonTabs, isTabHidden, selectTab, setTabHidden, tabButton, searchCommands, formatNumber, TEMPLATES, createTemplateWorkbook, isMenuSeparator, registerRibbonTabs, installFormatPainter, SHEET_ICONS, clipboardCommands, fontCommands, alignmentCommands, numberCommands, cellCommands, editingCommands, pageLayoutCommands, formulaCommands, dataCommands, contextualCommands, reviewTab, viewTab, helpTab, editBridge, CellViewCache, QUADRANTS, columnHeaderHeight, rowHeaderWidth, GridGeometry, cellRange, scrollToReveal, buildItems, fitNumber, cssFont, clampAddress, selectCell, movingEnd, extendSelection, moveWithinSelection, rowsRange, colsRange, ALL_RANGE, tabMenu, editing, icon, DATA_BAR_COLORS, dataBarRule, COLOR_SCALES, colorScaleRule, iconSetRule, target, tableAt, viewing, activeTable, numberFormatOptions, FONT_NAMES, FONT_SIZES, BORDER_PRESETS, ORIENTATIONS, ACCOUNTING_FORMATS, themePaletteItems, MARGIN_PRESETS, PAPER_SIZES, FUNCTION_MENUS, MORE_FUNCTION_CATEGORIES, functionsIn, isSingleCell, spanRange, selectionCellCount, addRange, activeStyle, selectSpecial, insertFunctionCall, guessHeader, regionOf, HIGHLIGHT_STYLES, ICON_SETS, TABLE_STYLES, tableStylePreview, resolveNameBox, absoluteReference, nameForRange, fillPaint, iconSvg, colSelected, rowSelected, rowHeaderMenu, columnHeaderMenu, cellMenu, recentFunctions, evaluateRef, buildChart, detectCategory, CATEGORIES, TIME_CODES, DATE_CODES, DEFAULT_OPTIONS, cellStyleItems, textDecoration, justify, alignItems, textAlign, hasBorders, edgeCss, diagonalSvg, SYMBOLS, buildCode, UNSET, dxfCss, negativeCodes, iconCount, iconThresholds, rowsOf, colsOf } from 'ooxml-core/xlsx/ui';
 export { EDITOR_LOCALES, THEME_KEYS, normalizeEditorLocale, registerRibbonTabs, themeToCssVars, darkTheme as xlsxDarkTheme, lightTheme as xlsxLightTheme } from 'ooxml-core/xlsx/ui';
-import { createWorksheet, createEditSession, approximateMeasure, createWorkbook, MAX_ROW, MAX_COL, chartView, createRefEvaluator, chartBarSpacing, CHART_FILL_PARTS, selectionStats, formatRange, chartSeriesTransparencyPatch, chartSeriesTransparency, chartSeriesGradientPatch, chartSeriesSolidFillPatch, chartSeriesFillPatch, chartWithElementFills, chartElementTransparencyPatch, chartElementTransparency, chartElementGradientPatch, chartElementSolidFillPatch, chartElementFillPatch, chartElementFill, usedRange, chartGradientStopTransparency, createGridMetrics, mergeView, cellView, DEFAULT_THEME, resolveColor, nextSheetName, FUNCTION_CATALOG, mergeAt, visibleCells, getCell, cellInputText, closeParens, isFormulaText, parseCellInput, referenceTarget, formatAddress, navigate, anchorToPixelBox, renderChartSvg, pixelBoxToAnchor, listValidationOptions, validationAt, getValue, resolvePasteOptions, DEFAULT_COL_WIDTH, nameAtCaret, functionMatches, callAtCaret, splice, acceptsReference, translateFormula, isCellError, parseHtmlTable, toggleAbsolute, rangeContains, formatValue, isDateFormat, pictureAnchorAt, validateDefinedName, parseAddress, styleAt, parseRange, rangesIntersect, chartColorScheme, coloredReferences, syntaxParams, activeParam, columnLabel, THEME_SLOTS, normalizeRange, currentRegion, autoFitColumnWidth, validateSheetName, dateToSerial, IMAGE_EXTENSIONS, verifySheetPassword, verifyWorkbookPassword, sheetByName, quoteSheetName, serialToDate, BUILTIN_NUMBER_FORMATS, pixelsToColumnWidth, validateTableName } from 'ooxml-core/xlsx';
+import { createWorksheet, createEditSession, approximateMeasure, createWorkbook, MAX_ROW, MAX_COL, chartView, createRefEvaluator, chartBarSpacing, CHART_FILL_PARTS, selectionStats, formatSelectionStat, formatRange, chartSeriesTransparencyPatch, chartSeriesTransparency, chartSeriesGradientPatch, chartSeriesSolidFillPatch, chartSeriesFillPatch, chartWithElementFills, chartElementTransparencyPatch, chartElementTransparency, chartElementGradientPatch, chartElementSolidFillPatch, chartElementFillPatch, chartElementFill, usedRange, chartGradientStopTransparency, createGridMetrics, mergeView, cellView, DEFAULT_THEME, resolveColor, nextSheetName, FUNCTION_CATALOG, mergeAt, visibleCells, getCell, cellInputText, closeParens, isFormulaText, parseCellInput, referenceTarget, formatAddress, navigate, anchorToPixelBox, renderChartSvg, pixelBoxToAnchor, listValidationOptions, validationAt, getValue, resolvePasteOptions, DEFAULT_COL_WIDTH, nameAtCaret, functionMatches, callAtCaret, splice, acceptsReference, translateFormula, isCellError, layoutRemoteSelections, parseHtmlTable, toggleAbsolute, rangeContains, formatValue, isDateFormat, pictureAnchorAt, validateDefinedName, parseAddress, styleAt, parseRange, rangesIntersect, chartColorScheme, coloredReferences, syntaxParams, activeParam, columnLabel, THEME_SLOTS, normalizeRange, currentRegion, autoFitColumnWidth, validateSheetName, dateToSerial, IMAGE_EXTENSIONS, verifySheetPassword, verifyWorkbookPassword, sheetByName, quoteSheetName, serialToDate, BUILTIN_NUMBER_FORMATS, pixelsToColumnWidth, validateTableName } from 'ooxml-core/xlsx';
 import { hyperlinkPolicy } from 'ooxml-core/opc';
 import { resolveChartGradient, sortGradientStops, withChartGradientDirection, buildChartGradientDef, chartGradientMarkup, CHART_COLOR_PALETTES, chartPaletteColors } from 'ooxml-core/chart';
 import { render } from 'lit';
 import { RECT_GRADIENT_DIRECTIONS, OFFICE_GRADIENT_PRESETS, officeGradientPresetId, officeGradientPresetFill, resolveDrawingColor, drawingColorBrightness, drawingColorCss, rectGradientDirection } from 'ooxml-core/diagram';
 
-// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/xlsx/theme/office-bridge.css?raw
-var office_bridge_default = "/*\n * The shared ooxml-ui elements read only --office-* tokens. This feeds them from the editor's\n * --xve-* theme, declared on the host so a theme, a dark scheme or a host override of --xve-*\n * keeps working (the same approach as pptx-viewer's office-token-bridge and docx-viewer's).\n */\n:host {\n	--office-font: 'Segoe UI', system-ui, -apple-system, sans-serif;\n	--office-foreground: var(--xve-foreground);\n	--office-muted-foreground: var(--xve-muted-foreground);\n	--office-background: var(--xve-background);\n	--office-surface: var(--xve-card);\n	--office-selected: var(--xve-accent);\n	--office-border: var(--xve-border);\n	--office-accent: var(--xve-primary);\n	--office-accent-foreground: var(--xve-primary-foreground);\n	--office-ring: var(--xve-ring);\n	--office-popover: var(--xve-popover);\n	--office-popover-foreground: var(--xve-popover-foreground, var(--xve-foreground));\n	--office-danger: var(--xve-destructive);\n	--office-danger-foreground: var(--xve-destructive-foreground);\n}\n";
-
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/xlsx/theme/shell.css?raw
-var shell_default = "/* Frame, title bar and status bar. Mirrors docx-viewer's chrome (styles/base.css,\n   chrome-titlebar.css, status-dialogs.css) with --xve-* tokens. */\n:host {\n	--xl: var(--xve-primary);\n	--xl-strong: color-mix(in srgb, var(--xve-primary) 70%, #000);\n	--xl-soft: color-mix(in srgb, var(--xve-primary) 12%, transparent);\n	--accent-soft: var(--xl-soft);\n	--ink: var(--xve-foreground);\n	--muted: var(--xve-muted-foreground);\n	--line: var(--xve-border);\n	--surface: var(--xve-card);\n	--chrome: var(--xve-background);\n	display: block;\n	box-sizing: border-box;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	color: var(--ink);\n	font:\n		13px/1.35 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.xve-frame {\n	position: relative;\n	display: flex;\n	box-sizing: border-box;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	min-width: 0;\n	flex-direction: column;\n	overflow: hidden;\n	background: var(--surface);\n}\n:focus-visible {\n	outline: 2px solid var(--xve-ring);\n	outline-offset: 1px;\n}\n[hidden],\n[data-xve-hidden] {\n	display: none !important;\n}\n.xve-icon {\n	flex: none;\n}\n.xve-icon-button {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	min-width: 28px;\n	height: 28px;\n	padding: 0 6px;\n	border: 0;\n	border-radius: 4px;\n	background: none;\n	color: inherit;\n	font: inherit;\n	cursor: pointer;\n}\n.xve-icon-button:hover:not(:disabled),\n.xve-icon-button[aria-pressed='true'] {\n	background: var(--xl-soft);\n}\n.xve-icon-button:disabled {\n	opacity: 0.4;\n	cursor: default;\n}\n\n/* Workspace: formula bar, grid and sheet tabs between the ribbon and the status bar. */\n.xve-workspace {\n	position: relative;\n	display: flex;\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n	flex-direction: column;\n	background: var(--xve-sheet-bg);\n}\n.xve-formula-row {\n	flex: none;\n	min-width: 0;\n	border-bottom: 1px solid var(--line);\n	background: var(--surface);\n}\n.xve-grid-host {\n	position: relative;\n	display: flex;\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n	overflow: hidden;\n	background: var(--xve-sheet-bg);\n	color-scheme: light;\n}\n.xve-grid-host > * {\n	flex: 1;\n	min-width: 0;\n}\n.xve-tabs-row {\n	flex: none;\n	min-width: 0;\n	border-top: 1px solid var(--line);\n	background: var(--chrome);\n}\n.xve-empty {\n	position: absolute;\n	z-index: 5;\n	inset: 0;\n	display: grid;\n	place-items: center;\n	color: var(--muted);\n	background: var(--chrome);\n}\n:host([show-formula-bar='false']) .xve-formula-row,\n:host([show-toolbar='false']) .xve-ribbon {\n	display: none;\n}\n\n/* Title bar: drawn by the shared office-ui-title-bar; the mark, background and borders come from its tokens. */\n.xve-titlebar {\n	display: block;\n	flex: none;\n	--office-title-bar-background: var(--chrome);\n	--office-title-bar-foreground: var(--ink);\n	--office-title-bar-border: var(--line);\n	--office-title-bar-mark-background: var(--xl);\n	--office-title-bar-mark-foreground: var(--xve-primary-foreground);\n}\n.xve-title-actions {\n	display: flex;\n	align-items: center;\n	gap: 2px;\n}\n.xve-mode-select {\n	height: 28px;\n	margin-left: 4px;\n	padding: 0 6px;\n	border: 1px solid var(--line);\n	border-radius: 4px;\n	background: var(--surface);\n	color: var(--ink);\n	font: inherit;\n}\n\n/* Status bar: drawn by the shared office-ui-status-bar; this places it and styles the slotted stats. */\n.xve-status {\n	display: block;\n	flex: none;\n	min-width: 0;\n	border-top: 1px solid var(--line);\n}\n.xve-status-stats {\n	margin-inline-end: 10px;\n	overflow: hidden;\n	color: var(--ink);\n	font-size: 11px;\n	white-space: nowrap;\n}\n\n@media (max-width: 760px) {\n	.xve-status-stats {\n		display: none;\n	}\n}\n";
+var shell_default = "/* Frame, title bar and status bar. Mirrors docx-viewer's chrome (styles/base.css,\n   chrome-titlebar.css, status-dialogs.css) with --xve-* tokens. */\n:host {\n	--xl: var(--xve-primary);\n	--xl-strong: color-mix(in srgb, var(--xve-primary) 70%, #000);\n	--xl-soft: color-mix(in srgb, var(--xve-primary) 12%, transparent);\n	--accent-soft: var(--xl-soft);\n	--ink: var(--xve-foreground);\n	--muted: var(--xve-muted-foreground);\n	--line: var(--xve-border);\n	--surface: var(--xve-card);\n	--chrome: var(--xve-background);\n	display: block;\n	box-sizing: border-box;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	color: var(--ink);\n	font:\n		13px/1.35 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.xve-frame {\n	position: relative;\n	display: flex;\n	box-sizing: border-box;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	min-width: 0;\n	flex-direction: column;\n	overflow: hidden;\n	background: var(--surface);\n}\n:focus-visible {\n	outline: 2px solid var(--xve-ring);\n	outline-offset: 1px;\n}\n[hidden],\n[data-xve-hidden] {\n	display: none !important;\n}\n.xve-icon {\n	flex: none;\n}\n.xve-icon-button {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	min-width: 28px;\n	height: 28px;\n	padding: 0 6px;\n	border: 0;\n	border-radius: 4px;\n	background: none;\n	color: inherit;\n	font: inherit;\n	cursor: pointer;\n}\n.xve-icon-button:hover:not(:disabled),\n.xve-icon-button[aria-pressed='true'] {\n	background: var(--xl-soft);\n}\n.xve-icon-button:disabled {\n	opacity: 0.4;\n	cursor: default;\n}\n\n/* Workspace: formula bar, grid and sheet tabs between the ribbon and the status bar. */\n.xve-workspace {\n	position: relative;\n	display: flex;\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n	flex-direction: column;\n	background: var(--xve-sheet-bg);\n}\n.xve-formula-row {\n	flex: none;\n	min-width: 0;\n	border-bottom: 1px solid var(--line);\n	background: var(--surface);\n}\n.xve-grid-host {\n	position: relative;\n	display: flex;\n	flex: 1;\n	min-height: 0;\n	min-width: 0;\n	overflow: hidden;\n	background: var(--xve-sheet-bg);\n	color-scheme: light;\n}\n.xve-grid-host > * {\n	flex: 1;\n	min-width: 0;\n}\n.xve-tabs-row {\n	flex: none;\n	min-width: 0;\n	border-top: 1px solid var(--line);\n	background: var(--chrome);\n}\n.xve-empty {\n	position: absolute;\n	z-index: 5;\n	inset: 0;\n	display: grid;\n	place-items: center;\n	color: var(--muted);\n	background: var(--chrome);\n}\n:host([show-formula-bar='false']) .xve-formula-row,\n:host([show-toolbar='false']) .xve-ribbon {\n	display: none;\n}\n\n/* Title bar: drawn by the shared office-ui-title-bar; the mark, background and borders come from its tokens. */\n.xve-titlebar {\n	display: block;\n	flex: none;\n	--office-title-bar-background: var(--chrome);\n	--office-title-bar-foreground: var(--ink);\n	--office-title-bar-border: var(--line);\n	--office-title-bar-mark-background: var(--xl);\n	--office-title-bar-mark-foreground: var(--xve-primary-foreground);\n}\n\n/* Status bar: drawn by the shared office-ui-status-bar; this places it and styles the slotted stats. */\n.xve-status {\n	display: block;\n	flex: none;\n	min-width: 0;\n	border-top: 1px solid var(--line);\n}\n.xve-status-stats {\n	margin-inline-end: 10px;\n	overflow: hidden;\n	color: var(--ink);\n	font-size: 11px;\n	white-space: nowrap;\n}\n\n@media (max-width: 760px) {\n	.xve-status-stats {\n		display: none;\n	}\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/xlsx/theme/ribbon.css?raw
 var ribbon_default = "/* Ribbon: tabs, panels, groups and controls. Mirrors docx-viewer's styles/ribbon*.css. */\n.xve-ribbon-gallery[data-office-gallery] .trigger {\n	flex-direction: column;\n	justify-content: center;\n	min-width: 56px;\n	height: 78px;\n	white-space: normal;\n	text-align: center;\n}\n.xve-ribbon-gallery[data-office-gallery] .trigger > svg {\n	width: 28px;\n	height: 28px;\n}\n.xve-ribbon-gallery[data-office-gallery] .trigger > span:not([aria-hidden]) {\n	max-width: 56px;\n}\n.xve-ribbon {\n	position: relative;\n	display: flex;\n	flex: none;\n	min-width: 0;\n	flex-direction: column;\n	background: var(--surface);\n	border-bottom: 1px solid var(--line);\n}\n/* The tab row, File button and collapse button are the shared office-ui-ribbon; these colour it. */\n.xve-ribbon {\n	--office-ribbon-contextual: #0f7b6c;\n}\n.xve-ribbon::part(file) {\n	font-weight: 600;\n}\n.ribbon-panel {\n	display: flex;\n	flex: none;\n	box-sizing: border-box;\n	height: 104px;\n	min-width: 0;\n	align-items: stretch;\n	gap: 4px;\n	padding: 6px 10px 4px;\n	overflow-x: auto;\n	overflow-y: hidden;\n	scrollbar-width: thin;\n}\n.ribbon-group {\n	position: relative;\n	display: flex;\n	flex: 0 0 auto;\n	align-items: flex-start;\n	min-width: 0;\n	gap: 2px;\n	padding: 2px 10px 18px 2px;\n	border-right: 1px solid var(--line);\n}\n.ribbon-group:last-child {\n	border: 0;\n}\n.ribbon-group::after {\n	position: absolute;\n	right: 0;\n	bottom: 2px;\n	left: 0;\n	color: var(--muted);\n	font-size: 10px;\n	line-height: 1.1;\n	text-align: center;\n	white-space: nowrap;\n	content: attr(data-caption);\n}\n.ribbon-caption-sizer {\n	position: absolute;\n	visibility: hidden;\n	font-size: 10px;\n	white-space: nowrap;\n}\n.ribbon-stack {\n	display: flex;\n	flex-direction: column;\n	align-items: flex-start;\n	gap: 2px;\n}\n.ribbon-stack > .ribbon-stack {\n	flex-direction: row;\n	align-items: center;\n}\n.ribbon-separator {\n	align-self: stretch;\n	width: 1px;\n	margin: 2px 3px;\n	background: var(--line);\n}\n.ribbon-stack > .ribbon-separator {\n	width: auto;\n	height: 1px;\n}\n.ribbon-stack > .ribbon-stack > .ribbon-separator {\n	width: 1px;\n	height: 20px;\n}\n\n/* Buttons */\n.ribbon-group button {\n	flex: none;\n	min-width: 28px;\n	height: 28px;\n	max-width: 100%;\n	padding: 0 4px;\n	overflow: hidden;\n	border: 1px solid transparent;\n	border-radius: 4px;\n	background: transparent;\n	color: var(--ink);\n	font:\n		400 12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n	cursor: pointer;\n}\n.ribbon-group button:hover:not(:disabled) {\n	border-color: var(--line);\n	background: var(--accent-soft);\n}\n.ribbon-group button[aria-pressed='true'],\n.ribbon-group button[aria-expanded='true'] {\n	border-color: color-mix(in srgb, var(--xl) 45%, transparent);\n	background: color-mix(in srgb, var(--xl) 20%, transparent);\n}\n.ribbon-group button:active:not(:disabled) {\n	background: color-mix(in srgb, var(--xl) 28%, transparent);\n}\n.ribbon-group button:focus-visible {\n	outline: 2px solid var(--xl);\n	outline-offset: -2px;\n}\n.ribbon-group button:disabled,\n.ribbon-group input:disabled {\n	opacity: 0.4;\n	cursor: default;\n}\n.ribbon-group button.ribbon-small {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	gap: 4px;\n	height: 24px;\n	padding: 0 3px;\n}\n.ribbon-group button.ribbon-small.ribbon-labelled {\n	justify-content: flex-start;\n	padding: 0 6px 0 4px;\n}\n.ribbon-group button.ribbon-large {\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	justify-content: flex-start;\n	gap: 2px;\n	width: auto;\n	min-width: 48px;\n	height: 76px;\n	padding: 3px 3px 2px;\n	font-size: 11px;\n	line-height: 1.15;\n	white-space: normal;\n	text-align: center;\n}\n.ribbon-large > .ribbon-icon:last-child:not(:first-child) {\n	margin-top: auto;\n}\n.ribbon-large > span,\n.ribbon-caption {\n	/* Two balanced lines (see ribbon/caption.ts); the button grows to the widest. */\n	white-space: pre;\n}\n.ribbon-icon {\n	flex: none;\n}\n.ribbon-icon[data-icon$='-caret'],\n.ribbon-icon[data-icon='caret'] {\n	opacity: 0.8;\n}\n\n/* Split buttons: a main half and a caret that opens a menu or the colour grid. */\n.ribbon-split {\n	display: inline-flex;\n	align-items: stretch;\n}\n.ribbon-split.ribbon-split-large {\n	flex-direction: column;\n}\n.ribbon-group .ribbon-split > button:first-child {\n	border-top-right-radius: 0;\n	border-bottom-right-radius: 0;\n}\n.ribbon-group .ribbon-split > .ribbon-caret {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 14px;\n	min-width: 14px;\n	padding: 0;\n	border-top-left-radius: 0;\n	border-bottom-left-radius: 0;\n}\n.ribbon-group .ribbon-split-large > button:first-child {\n	height: 46px;\n	border-radius: 4px 4px 0 0;\n}\n.ribbon-group .ribbon-split-large > .ribbon-caret {\n	width: auto;\n	height: 26px;\n	border-radius: 0 0 4px 4px;\n	font-size: 11px;\n	flex-direction: column;\n	gap: 0;\n}\n.ribbon-color {\n	position: relative;\n}\n.ribbon-group button.ribbon-color::after {\n	position: absolute;\n	right: 4px;\n	bottom: 2px;\n	left: 4px;\n	height: 3px;\n	background: var(--bar, transparent);\n	outline: 1px solid var(--line);\n	content: '';\n}\n\n/* Editable combo boxes (font name and size) and plain selects. */\n.ribbon-combo {\n	display: inline-flex;\n	align-items: stretch;\n	height: 24px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n}\n.ribbon-combo:focus-within {\n	border-color: var(--xl);\n	outline: 1px solid var(--xl);\n}\n.ribbon-combo input {\n	flex: 1;\n	min-width: 0;\n	padding: 0 6px;\n	border: 0;\n	background: transparent;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	outline: none;\n}\n.ribbon-group .ribbon-combo .ribbon-caret {\n	width: 18px;\n	min-width: 18px;\n	height: 100%;\n	padding: 0;\n	border: 0;\n	border-radius: 0;\n}\n\n/* Plain drop-downs (Number Format) and gallery previews. */\n.ribbon-group select.ribbon-select {\n	height: 24px;\n	padding: 0 6px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-overflow: ellipsis;\n}\n.ribbon-group select.ribbon-select:focus-visible {\n	outline: 2px solid var(--xl);\n	outline-offset: -1px;\n}\n.ribbon-gallery-preview {\n	display: block;\n	height: 36px;\n	margin-bottom: 3px;\n	border: 1px solid var(--line);\n	border-radius: 2px;\n	background: #fff;\n	color: #1f1f1f;\n	font-size: 11px;\n	line-height: 36px;\n	text-align: center;\n	overflow: hidden;\n	white-space: nowrap;\n	text-overflow: ellipsis;\n}\n.ribbon-gallery-preview > svg {\n	display: block;\n	width: 100%;\n	height: 100%;\n}\n\n/* Dialog launcher: the corner arrow of a group. */\n.ribbon-group button.ribbon-launcher {\n	position: absolute;\n	right: 2px;\n	bottom: 0;\n	z-index: 1;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 14px;\n	min-width: 14px;\n	height: 14px;\n	padding: 0;\n	color: var(--muted);\n}\n\n/* Collapsed groups: a narrow ribbon folds its rightmost groups into one dropdown each. */\n.ribbon-group > .ribbon-overflow-button {\n	display: none;\n}\n.ribbon-group[data-collapsed] {\n	padding-right: 4px;\n}\n.ribbon-group[data-collapsed] > :not(.ribbon-overflow-button) {\n	display: none !important;\n}\n.ribbon-group[data-collapsed] > button.ribbon-overflow-button {\n	display: flex;\n}\n.ribbon-group[data-collapsed]::after {\n	display: none;\n}\n.ribbon-overflow-panel .ribbon-group {\n	height: 84px;\n	padding-right: 2px;\n	border: 0;\n}\n\n/* KeyTips */\n.xve-keytip {\n	position: absolute;\n	bottom: -2px;\n	left: 50%;\n	z-index: 70;\n	min-width: 16px;\n	padding: 1px 4px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: #1f1f1f;\n	color: #fff;\n	font:\n		600 11px/14px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: center;\n	pointer-events: none;\n	transform: translateX(-50%);\n}\n.xve-keytip-command {\n	position: fixed;\n	bottom: auto;\n}\n\n/* Accent hues on command icons, as in Office. */\n:host {\n	--ribbon-accent-blue: #2b7cd3;\n	--ribbon-accent-green: #2f9e5f;\n	--ribbon-accent-red: #d13438;\n	--ribbon-accent-orange: #d9822b;\n}\n@media (prefers-color-scheme: dark) {\n	:host(:not([theme='light'])) {\n		--ribbon-accent-blue: #5ea5f0;\n		--ribbon-accent-green: #5cc98a;\n		--ribbon-accent-red: #f07a7d;\n		--ribbon-accent-orange: #f0a35e;\n	}\n}\n:host([theme='dark']) {\n	--ribbon-accent-blue: #5ea5f0;\n	--ribbon-accent-green: #5cc98a;\n	--ribbon-accent-red: #f07a7d;\n	--ribbon-accent-orange: #f0a35e;\n}\n.ribbon-icon[data-accent='blue'] {\n	color: var(--ribbon-accent-blue);\n}\n.ribbon-icon[data-accent='green'] {\n	color: var(--ribbon-accent-green);\n}\n.ribbon-icon[data-accent='red'] {\n	color: var(--ribbon-accent-red);\n}\n.ribbon-icon[data-accent='orange'] {\n	color: var(--ribbon-accent-orange);\n}\n";
@@ -43,7 +40,10 @@ var themeTokenText = `:host{${declarations(lightTheme, "light")}}
 :host([theme="light"]){${declarations(lightTheme, "light")}}`;
 var editorStyleText = [
   themeTokenText,
-  office_bridge_default,
+  // The shared elements read --office-*; feed them from the editor's --xve-* theme.
+  shadcnBridge(":host", "--xve-", {
+    extra: { "--office-font": "'Segoe UI', system-ui, -apple-system, sans-serif" }
+  }),
   shell_default,
   ribbon_default,
   popups_default,
@@ -363,7 +363,7 @@ function renderInfo(page) {
     paragraph(
       page,
       t(
-        "Charts are shown but not edited; pivot tables, sparklines, macros and other unsupported parts are kept in the file but not shown."
+        "Charts and sparklines are shown but not edited; pivot tables, macros and other unsupported parts are kept in the file but not shown."
       ),
       "xve-backstage-muted"
     )
@@ -856,12 +856,105 @@ function renderCustomize(page) {
     ...sections
   );
 }
+
+// src/xlsx/backstage/pages-share.ts
+var STATUS = {
+  off: "Not sharing.",
+  connecting: "Connecting...",
+  connected: "Connected.",
+  disconnected: "Disconnected. Changes are kept and sent when the connection returns.",
+  error: "The connection failed. Changes are kept and sent when the connection returns."
+};
+var suggestRoom = () => `book-${Math.random().toString(36).slice(2, 8)}`;
+function renderShare(page) {
+  const { t, doc } = page;
+  const share = page.host.share;
+  if (!share) {
+    page.content.replaceChildren(heading(page, t("Share")));
+    return;
+  }
+  const state = share.state();
+  const status = paragraph(page, t(STATUS[state.status]), "xve-share-status");
+  status.setAttribute("role", "status");
+  const say = (message) => {
+    status.textContent = message;
+  };
+  const children = [
+    heading(page, t("Share")),
+    paragraph(
+      page,
+      t(
+        "Edit this workbook together with other people. Everyone who joins the same session sees changes as they are made."
+      )
+    )
+  ];
+  if (state.active) {
+    children.push(paragraph(page, t("Session: {room}", { room: state.roomId ?? "" })));
+    if (state.status === "connected" && !state.synced) say(t("Joining the session..."));
+  } else {
+    const room = doc.createElement("input");
+    room.type = "text";
+    room.className = "xve-share-room";
+    room.maxLength = 128;
+    room.autocomplete = "off";
+    room.spellcheck = false;
+    room.value = suggestRoom();
+    children.push(labelled(page, t("Session name"), room));
+    const start = primary(page, t("Start sharing"), () => {
+      start.disabled = true;
+      say(t("Connecting..."));
+      share.start(room.value.trim()).catch((error) => {
+        start.disabled = false;
+        say(t(error instanceof Error ? error.message : String(error)));
+      });
+    });
+    start.dataset.share = "start";
+    children.push(start);
+  }
+  children.push(status);
+  if (state.active) {
+    definePresence();
+    const people = doc.createElement("office-ui-presence");
+    people.className = "xve-share-people";
+    people.setAttribute("label", t("People in this session"));
+    people.participants = participants(state);
+    const stop = primary(page, t("Stop sharing"), () => share.stop());
+    stop.dataset.share = "stop";
+    children.push(people, stop);
+  }
+  children.push(
+    paragraph(
+      page,
+      t(
+        "Cell values, formulas, formats, sheets, rows, columns, merges and names are shared. Charts, pictures, comments, conditional formats, data validation, tables and page setup stay in this window."
+      ),
+      "xve-backstage-muted"
+    ),
+    paragraph(
+      page,
+      t(
+        "Without a server set by the page, a session connects only windows and tabs of this browser. Nothing is uploaded."
+      ),
+      "xve-backstage-muted"
+    )
+  );
+  page.content.replaceChildren(...children);
+}
+function participants(state) {
+  return state.people.map((person) => ({
+    id: String(person.clientId),
+    name: person.name,
+    color: person.color,
+    ...person.self ? { self: true } : {}
+  }));
+}
 var PAGES = [
   ["info", "Info"],
   ["new", "New"],
   ["open", "Open"],
   ["saveAs", "Save As"],
   ["print", "Print"],
+  ["share", "Share"],
   ["export", "Export"],
   ["options", "Options"],
   ["customize", "Customize Ribbon"]
@@ -872,6 +965,7 @@ var RENDERERS = {
   open: renderOpen,
   saveAs: renderSaveAs,
   print: renderPrint,
+  share: renderShare,
   export: renderExport,
   options: renderOptions,
   customize: renderCustomize
@@ -934,6 +1028,7 @@ function createBackstage(host) {
       item("save", "Save"),
       page("saveAs"),
       page("print"),
+      page("share"),
       page("export"),
       page("options", "footer"),
       page("customize", "footer")
@@ -953,7 +1048,10 @@ function createBackstage(host) {
     get isOpen() {
       return element.open;
     },
-    relocalize
+    relocalize,
+    refresh(page) {
+      if (element.open && current === page) show(page);
+    }
   };
 }
 
@@ -3083,46 +3181,61 @@ function openGoToSpecial(ctx) {
 }
 
 // src/xlsx/dialogs/comments-list.ts
+function excelCommentThreads(comments) {
+  return [...comments].sort((a, b) => a.address.row - b.address.row || a.address.col - b.address.col).map((comment) => {
+    const id = formatAddress(comment.address);
+    return {
+      id,
+      anchorLabel: id,
+      resolved: false,
+      comments: [
+        { id: `${id}:0`, author: comment.author, text: comment.text },
+        ...(comment.replies ?? []).map((reply, index) => ({
+          id: `${id}:${index + 1}`,
+          author: reply.author,
+          text: reply.text,
+          ...reply.date ? { created: reply.date } : {}
+        }))
+      ]
+    };
+  });
+}
 function openCommentsList(ctx) {
   const ws = ctx.workbook()?.sheets[ctx.activeSheet()];
-  const comments = [...ws?.comments ?? []].sort(
-    (a, b) => a.address.row - b.address.row || a.address.col - b.address.col
-  );
+  const comments = ws?.comments ?? [];
+  const threads = excelCommentThreads(comments);
   let close;
   let chosen;
-  const activate = (value) => {
-    const comment = comments[Number(value)];
+  defineCommentsPane(ctx.host.ownerDocument.defaultView?.customElements);
+  const pane = ctx.host.ownerDocument.createElement(
+    "office-ui-comments-pane"
+  );
+  pane.className = "xve-comments-list";
+  pane.listOnly = true;
+  pane.labels = {
+    heading: "",
+    list: ctx.t("Comments"),
+    empty: ctx.t("There are no comments on this sheet.")
+  };
+  pane.threads = threads;
+  pane.activeThreadId = threads[0]?.id ?? null;
+  pane.addEventListener("thread-select", (event) => {
+    const id = event.detail.threadId;
+    const comment = comments.find((item) => formatAddress(item.address) === id);
     if (!comment) return;
     const at = { ...comment.address };
-    chosen = formatAddress(at);
+    chosen = id;
     selectOn(ctx, ctx.activeSheet(), { start: at, end: at });
     close?.();
-  };
-  const list = listBox(ctx, "Comments", void 0, activate);
-  list.setItems(
-    comments.map(
-      (c, i) => [
-        String(i),
-        `${formatAddress(c.address)}  ${c.author}: ${c.text.replace(/\s+/g, " ")}`
-      ]
-    )
-  );
-  for (const option of list.element.querySelectorAll('[role="option"]'))
-    option.addEventListener(
-      "click",
-      () => option.dataset.value !== void 0 && activate(option.dataset.value)
-    );
-  const first = comments.length ? "0" : void 0;
-  if (first) list.select(first);
-  const body = comments.length ? [list.element] : [text(ctx, "There are no comments on this sheet.")];
+  });
   return showDialog(
     ctx,
     {
       name: "comments-list",
       heading: "Comments",
       okLabel: null,
-      body,
-      opened: () => list.element.focus()
+      body: [pane],
+      opened: () => pane.focus()
     },
     (open) => {
       close = open.close;
@@ -4067,7 +4180,8 @@ var SUPPORTED_FEATURES = [
   "Freeze panes"
 ];
 var UNSUPPORTED_FEATURES = [
-  "Pivot tables and sparklines (kept in the file but not shown)",
+  "Pivot tables (kept in the file but not shown)",
+  "Creating or editing sparklines (existing ones are shown)",
   "Show Formulas",
   "Manual calculation",
   "Outline (grouping) for columns",
@@ -11092,10 +11206,10 @@ function gridCommands(host) {
       icon: "undo",
       shortcut: "Ctrl+Z",
       editing: true,
-      enabled: (ctx) => Boolean(ctx.session()?.canUndo()) || host.isEditing(),
+      enabled: (ctx) => Boolean(historyOf(ctx)?.canUndo()) || host.isEditing(),
       run: (ctx) => {
         if (host.isEditing()) return host.cancelEdit();
-        ctx.session()?.undo();
+        historyOf(ctx)?.undo();
       }
     },
     {
@@ -11104,8 +11218,8 @@ function gridCommands(host) {
       icon: "redo",
       shortcut: "Ctrl+Y",
       editing: true,
-      enabled: (ctx) => Boolean(ctx.session()?.canRedo()),
-      run: (ctx) => void ctx.session()?.redo()
+      enabled: (ctx) => Boolean(historyOf(ctx)?.canRedo()),
+      run: (ctx) => void historyOf(ctx)?.redo()
     },
     {
       id: "edit.select-all",
@@ -11880,6 +11994,82 @@ var GridSelection = class {
     return g.fCols > 0 ? 0 : this.#view.metrics.colAt(g.scrollLeft);
   }
 };
+
+// src/xlsx/grid/sparkline.ts
+var SVG = "http://www.w3.org/2000/svg";
+var fixed = (n) => String(Math.round(n * 100) / 100);
+function svgElement(doc, tag, attrs) {
+  const node = doc.createElementNS(SVG, tag);
+  for (const [name, value] of Object.entries(attrs)) node.setAttribute(name, value);
+  return node;
+}
+function sparklineSvg(doc, view, w, h2, zoom) {
+  const scale = zoom / 100;
+  const stroke = Math.max(0.5, view.lineWeightPt * (96 / 72) * scale);
+  const radius = view.markers.length ? Math.max(1.5 * scale, stroke * 1.25) : 0;
+  const padX = 2 * scale + (view.type === "line" ? Math.max(radius, stroke / 2) : 0);
+  const padY = 2 * scale + (view.type === "line" ? Math.max(radius, stroke / 2) : 0);
+  const innerW = Math.max(0, w - 2 * padX);
+  const innerH = Math.max(0, h2 - 2 * padY);
+  const px = (x) => padX + x * innerW;
+  const py = (y) => padY + y * innerH;
+  const svg = svgElement(doc, "svg", {
+    class: "xg-spark",
+    width: fixed(w),
+    height: fixed(h2),
+    "aria-hidden": "true"
+  });
+  if (view.axis)
+    svg.append(
+      svgElement(doc, "line", {
+        x1: fixed(padX),
+        x2: fixed(padX + innerW),
+        y1: fixed(py(view.axis.y)),
+        y2: fixed(py(view.axis.y)),
+        stroke: view.axis.color,
+        "stroke-width": fixed(Math.max(1, scale)),
+        "shape-rendering": "crispEdges"
+      })
+    );
+  for (const column of view.columns) {
+    const height = Math.max(1, column.h * innerH);
+    const top = column.h * innerH < 1 && column.y >= 0.5 ? py(column.y) - 1 : py(column.y);
+    svg.append(
+      svgElement(doc, "rect", {
+        x: fixed(px(column.x)),
+        y: fixed(top),
+        width: fixed(Math.max(1, column.w * innerW)),
+        height: fixed(height),
+        fill: column.color
+      })
+    );
+  }
+  for (const line of view.lines) {
+    if (line.length === 1) continue;
+    svg.append(
+      svgElement(doc, "polyline", {
+        points: line.map((p) => `${fixed(px(p.x))},${fixed(py(p.y))}`).join(" "),
+        fill: "none",
+        stroke: view.color,
+        "stroke-width": fixed(stroke),
+        "stroke-linejoin": "round",
+        "stroke-linecap": "round"
+      })
+    );
+  }
+  for (const marker of view.markers)
+    svg.append(
+      svgElement(doc, "circle", {
+        cx: fixed(px(marker.x)),
+        cy: fixed(py(marker.y)),
+        r: fixed(radius),
+        fill: marker.color
+      })
+    );
+  return svg;
+}
+
+// src/xlsx/grid/cell-layer.ts
 var viewKeys = /* @__PURE__ */ new WeakMap();
 var viewKey = (view) => {
   let key = viewKeys.get(view);
@@ -12006,6 +12196,7 @@ function paintCell(doc, node, item, zoom) {
   style.backgroundImage = fill?.image ?? "";
   node.className = `xg-c${item.overflowing ? " xg-c-over" : ""}${view.hasHyperlink ? " xg-link" : ""}${item.merged ? " xg-merged" : ""}`;
   node.replaceChildren();
+  if (view.sparkline) node.append(sparklineSvg(doc, view.sparkline, item.w, item.h, zoom));
   if (view.dataBar) {
     const bar = h(doc, "div", "xg-db");
     const width = Math.max(0, Math.min(1, view.dataBar.fraction)) * (item.w - 4);
@@ -12764,6 +12955,7 @@ var GRID_CSS = `
 .xg-link{cursor:pointer}
 .xg-b{position:absolute;left:-1px;top:-1px;box-sizing:border-box;pointer-events:none}
 .xg-diag{position:absolute;left:0;top:0;pointer-events:none}
+.xg-spark{position:absolute;left:0;top:0;pointer-events:none;overflow:hidden}
 .xg-db{position:absolute;left:2px;top:2px;bottom:2px;border:1px solid;box-sizing:border-box}
 .xg-ic{position:absolute;left:2px;top:50%;transform:translateY(-50%)}
 .xg-cm{position:absolute;right:0;top:0;width:0;height:0;border-left:6px solid transparent;border-top:6px solid #d13438;z-index:2}
@@ -12781,6 +12973,12 @@ var GRID_CSS = `
 @media (prefers-reduced-motion:reduce){.xg-ants{animation:none}}
 .xg-fill-preview{position:absolute;box-sizing:border-box;border:1px dashed #666}
 .xg-refbox{position:absolute;box-sizing:border-box;border:2px solid}
+.xg-remote-layer{position:absolute;left:0;top:0;pointer-events:none;z-index:3}
+.xg-remote{position:absolute;box-sizing:border-box;border:2px solid}
+.xg-remote[hidden]{display:none}
+.xg-remote-tag{position:absolute;left:-2px;bottom:100%;max-width:160px;padding:0 4px;height:16px;line-height:16px;
+	font:600 11px/16px var(--xve-font,system-ui,sans-serif);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px 2px 2px 0}
+.xg-remote[data-tag="inside"] .xg-remote-tag{bottom:auto;top:0;left:0;border-radius:0 0 2px 0}
 .xg-hbox{background:var(--xve-header-bg,#f3f3f3);z-index:4}
 .xg-hdr-plane{position:absolute;left:0;top:0;will-change:transform}
 .xg-hd{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
@@ -12986,6 +13184,66 @@ var ValidationList = class {
     if (refocus) this.#onDone();
   }
 };
+var TAG_HEIGHT = 16;
+var RemoteLayer = class {
+  constructor(doc) {
+    this.doc = doc;
+    this.element = h(doc, "div", "xg-remote-layer");
+  }
+  doc;
+  element;
+  #nodes = [];
+  render(boxes) {
+    boxes.forEach((box, index) => {
+      let node = this.#nodes[index];
+      if (!node) {
+        node = h(this.doc, "div", "xg-remote");
+        node.append(h(this.doc, "span", "xg-remote-tag"));
+        this.#nodes.push(node);
+        this.element.append(node);
+      }
+      node.hidden = false;
+      place(node, box.x - 1, box.y - 1, box.w + 1, box.h + 1);
+      node.style.borderColor = box.color;
+      node.dataset.clientId = String(box.clientId);
+      node.dataset.tag = box.tag;
+      node.title = box.name;
+      const tag = node.firstElementChild;
+      tag.textContent = box.label;
+      tag.style.backgroundColor = box.color;
+    });
+    for (let i = boxes.length; i < this.#nodes.length; i++) {
+      const node = this.#nodes[i];
+      if (node) node.hidden = true;
+    }
+  }
+};
+function installRemoteSelections(view) {
+  const ctx = view.ctx;
+  const layers = QUADRANTS.map((q) => {
+    const layer = new RemoteLayer(view.doc);
+    view.quads[q].plane.append(layer.element);
+    return layer;
+  });
+  const hook = () => {
+    const peers = ctx.remoteSelections?.() ?? [];
+    const boxes = peers.length ? layoutRemoteSelections(view.metrics, peers, {
+      sheet: view.sheetIndex(),
+      maxRow: view.extentRow,
+      maxCol: view.extentCol,
+      tagHeight: TAG_HEIGHT
+    }) : [];
+    for (const layer of layers) layer.render(boxes);
+  };
+  view.hooks.add(hook);
+  const stop = ctx.onRemoteSelectionsChange?.(() => view.schedule());
+  hook();
+  return () => {
+    stop?.();
+    view.hooks.delete(hook);
+    for (const layer of layers) layer.element.remove();
+  };
+}
 var structuralKinds = /* @__PURE__ */ new Set(["structure", "sheets", "view", "undo", "redo", "batch"]);
 function mountGrid(ctx, container) {
   ensureStyle(ctx.root, "xg", GRID_CSS);
@@ -12998,6 +13256,7 @@ function mountGrid(ctx, container) {
   const drawings = new DrawingLayer(view);
   const list = new ValidationList(view, () => editor.focus());
   const a11y = new GridA11y(view, sink);
+  const removeRemote = installRemoteSelections(view);
   let marqueeSheet = -1;
   const clipboard = createGridClipboard({
     ctx,
@@ -13141,6 +13400,7 @@ function mountGrid(ctx, container) {
     drawings.destroy();
     editor.destroy();
     a11y.destroy();
+    removeRemote();
     view.destroy();
   };
 }
@@ -14341,6 +14601,52 @@ function createRibbon(ctx, handlers) {
     }
   };
 }
+
+// src/xlsx/ribbon-actions.ts
+function createRibbonActions(ctx, handlers) {
+  const doc = ctx.host.ownerDocument;
+  defineRibbonActions(doc.defaultView?.customElements);
+  const element = doc.createElement("office-ui-ribbon-actions");
+  element.className = "xve-ribbon-actions";
+  element.slot = "actions";
+  element.addEventListener(
+    "office-ribbon-mode",
+    (event) => handlers.setReadOnly(event.detail.mode === "viewing")
+  );
+  element.addEventListener("office-ribbon-comments", () => {
+    void ctx.commands.run("review.show-comments");
+  });
+  element.addEventListener("office-ribbon-share", () => void ctx.commands.run("file.share"));
+  const relocalize = () => {
+    element.modeLabel = ctx.t("Editing mode");
+    element.modes = [
+      { value: "editing", label: ctx.t("Editing") },
+      { value: "viewing", label: ctx.t("Viewing") }
+    ];
+    element.commentsLabel = ctx.t("Comments");
+    element.commentsTitle = ctx.t("Show comments");
+    element.shareLabel = ctx.t("Share");
+    element.shareTitle = ctx.t("Share");
+    refresh();
+  };
+  const refresh = () => {
+    element.mode = ctx.readOnly() ? "viewing" : "editing";
+    element.noShare = !ctx.commands.get("file.share") || handlers.isHidden("file.share");
+    element.sharePressed = Boolean(handlers.collaboration?.().active);
+    const showComments = ctx.commands.get("review.show-comments");
+    element.noComments = !showComments;
+    if (!showComments) return;
+    let pressed = false;
+    try {
+      pressed = showComments.checked?.(ctx) ?? false;
+    } catch {
+      pressed = false;
+    }
+    element.commentsPressed = pressed;
+  };
+  relocalize();
+  return { element, refresh, relocalize };
+}
 var hasWorkbook = (ctx) => Boolean(ctx.workbook());
 function adjacentSheet(ctx, step2) {
   const sheets = ctx.workbook()?.sheets ?? [];
@@ -14372,6 +14678,12 @@ function shellCommands(handlers) {
       run: () => handlers.openBackstage("saveAs")
     },
     { id: "file.info", label: "Info", icon: "info", run: () => handlers.openBackstage("info") },
+    {
+      id: "file.share",
+      label: "Share",
+      icon: "share",
+      run: () => handlers.openBackstage("share")
+    },
     {
       id: "file.options",
       label: "Options",
@@ -14384,8 +14696,8 @@ function shellCommands(handlers) {
       icon: "undo",
       shortcut: "Ctrl+Z",
       editing: true,
-      enabled: (ctx) => ctx.session()?.canUndo() ?? false,
-      run: (ctx) => void ctx.session()?.undo()
+      enabled: (ctx) => historyOf(ctx)?.canUndo() ?? false,
+      run: (ctx) => void historyOf(ctx)?.undo()
     },
     {
       id: "edit.redo",
@@ -14393,8 +14705,8 @@ function shellCommands(handlers) {
       icon: "redo",
       shortcut: "Ctrl+Y",
       editing: true,
-      enabled: (ctx) => ctx.session()?.canRedo() ?? false,
-      run: (ctx) => void ctx.session()?.redo()
+      enabled: (ctx) => historyOf(ctx)?.canRedo() ?? false,
+      run: (ctx) => void historyOf(ctx)?.redo()
     },
     {
       id: "sheet.next",
@@ -14503,7 +14815,8 @@ function statisticsText(ctx, shown2) {
     if (!shown2.has(key)) continue;
     const value = key === "count" ? stats.count : key === "numericCount" ? stats.numericCount : key === "sum" ? stats.numericCount ? stats.sum : void 0 : stats[key];
     if (value === void 0) continue;
-    parts.push(`${ctx.t(STAT_LABELS[key])}: ${formatNumber(locale, value)}`);
+    const text3 = key === "count" || key === "numericCount" ? formatNumber(locale, value) : formatSelectionStat(workbook, stats, value);
+    parts.push(`${ctx.t(STAT_LABELS[key])}: ${text3}`);
   }
   return parts.join("    ");
 }
@@ -14517,7 +14830,7 @@ function createStatusBar(ctx, handlers) {
   element.setAttribute("part", "status-bar");
   element.setAttribute("role", "status");
   const stats = el2(doc, "span", "xve-status-stats");
-  stats.slot = "end";
+  stats.slot = "summary";
   const shown2 = /* @__PURE__ */ new Set(["average", "count", "sum"]);
   stats.addEventListener("contextmenu", (event) => {
     event.preventDefault();
@@ -14603,22 +14916,17 @@ function createTitleBar(ctx, handlers) {
   const element = doc.createElement("office-ui-title-bar");
   element.className = "xve-titlebar";
   element.setAttribute("part", "title-bar");
-  const actions = el2(doc, "div", "xve-title-actions");
-  actions.slot = "actions";
-  const comments = el2(doc, "button", "xve-icon-button");
-  comments.type = "button";
-  comments.append(ribbonIcon(doc, "comments", 16));
-  comments.addEventListener("click", () => void ctx.commands.run("review.show-comments"));
-  const mode = el2(doc, "select", "xve-mode-select");
-  mode.append(new Option("", "editing"), new Option("", "viewing"));
-  mode.addEventListener("change", () => handlers.setReadOnly(mode.value === "viewing"));
-  actions.append(comments, mode);
-  element.append(actions);
+  definePresence();
+  const people = doc.createElement("office-ui-presence");
+  people.className = "xve-title-people";
+  people.slot = "collaboration";
+  people.setAttribute("max", "3");
+  people.hidden = true;
+  element.append(people);
   let fileName = "";
   let saveState = "saved";
   const render3 = () => {
-    const session = ctx.session();
-    const undoLabel = session?.undoLabel();
+    const undoLabel = historyOf(ctx)?.undoLabel();
     const entries = [
       { id: "save", icon: "save", label: ctx.t("Save"), title: `${ctx.t("Save")} (Ctrl+S)` },
       {
@@ -14669,31 +14977,15 @@ function createTitleBar(ctx, handlers) {
     ctx.grid()?.focus();
     void ctx.commands.run(command.id);
   });
-  const label = (control, text3) => {
-    const translated = ctx.t(text3);
-    control.setAttribute("aria-label", translated);
-    control.title = translated;
-  };
   const relocalize = () => {
-    label(comments, "Show comments");
-    mode.setAttribute("aria-label", ctx.t("Editing mode"));
-    mode.options[0].textContent = ctx.t("Editing");
-    mode.options[1].textContent = ctx.t("Viewing");
+    people.setAttribute("label", ctx.t("People in this session"));
     render3();
   };
   const refresh = () => {
-    mode.value = ctx.readOnly() ? "viewing" : "editing";
-    const showComments = ctx.commands.get("review.show-comments");
-    comments.hidden = !showComments;
-    if (showComments) {
-      let pressed = false;
-      try {
-        pressed = showComments.checked?.(ctx) ?? false;
-      } catch {
-        pressed = false;
-      }
-      comments.setAttribute("aria-pressed", String(pressed));
-    }
+    const sharing = handlers.collaboration?.();
+    people.hidden = !sharing?.active;
+    const next = sharing?.active ? participants(sharing) : [];
+    if (JSON.stringify(next) !== JSON.stringify(people.participants)) people.participants = next;
     render3();
   };
   relocalize();
@@ -14822,6 +15114,11 @@ function buildShell(core) {
       core.dirty.set(true);
       backstage.relocalize();
     },
+    share: {
+      state: () => core.collab.state(),
+      start: (roomId) => core.collab.start({ roomId }),
+      stop: () => core.collab.stop()
+    },
     hiddenActions: () => core.hiddenActions,
     setHiddenActions(ids) {
       element.hiddenActions = ids;
@@ -14841,10 +15138,16 @@ function buildShell(core) {
   );
   safeMount("commands", () => installCommands(ctx));
   const ribbon = createRibbon(ctx, { openBackstage: () => backstage.open("info"), isHidden });
+  const ribbonActions = createRibbonActions(ctx, {
+    isHidden,
+    setReadOnly: (readOnly) => element.readOnly = readOnly,
+    collaboration: () => core.collab.state()
+  });
+  ribbon.element.append(ribbonActions.element);
   const titleBar = createTitleBar(ctx, {
     isHidden,
     save: () => void fileCommand("save"),
-    setReadOnly: (readOnly) => element.readOnly = readOnly,
+    collaboration: () => core.collab.state(),
     revealControl(id) {
       const control = ribbon.element.querySelector(
         `.ribbon-panel [data-command="${id.replace(/["\\]/g, "")}"]`
@@ -14935,10 +15238,12 @@ function buildShell(core) {
     focusRegion(next);
   };
   installKeyboard(ctx, actions);
+  element.addEventListener("collaboration-change", () => backstage.refresh("share"));
   core.shell = {
     render() {
       ribbon.refresh();
       titleBar.refresh();
+      ribbonActions.refresh();
       statusBar.refresh();
       chartSeriesPane.refresh();
       chartAreaPane.refresh();
@@ -14954,6 +15259,7 @@ function buildShell(core) {
       emptyText.textContent = ctx.t("Open a workbook or create a new one from the File tab.");
       ribbon.rebuild();
       titleBar.relocalize();
+      ribbonActions.relocalize();
       statusBar.relocalize();
       backstage.relocalize();
       chartSeriesPane.relocalize();
@@ -14972,6 +15278,357 @@ function buildShell(core) {
     fileCommand
   };
 }
+
+// src/xlsx/calc-preparation.ts
+var SLICE_MS = 8;
+var QUIET_MS = 250;
+var ACTIVITY = ["keydown", "wheel", "pointerdown", "touchmove"];
+function windowScheduler(view) {
+  const clock = () => (view?.performance ?? performance).now();
+  const later = (run, ms) => {
+    const id = setTimeout(run, ms);
+    return () => clearTimeout(id);
+  };
+  return {
+    now: clock,
+    later,
+    afterPaint(run) {
+      if (!view || typeof view.requestAnimationFrame !== "function") return later(run, 0);
+      let cancelTimer;
+      const id = view.requestAnimationFrame(() => {
+        cancelTimer = later(run, 0);
+      });
+      return () => {
+        view.cancelAnimationFrame(id);
+        cancelTimer?.();
+      };
+    },
+    idle(run) {
+      if (view && typeof view.requestIdleCallback === "function") {
+        const id = view.requestIdleCallback(run);
+        return () => view.cancelIdleCallback(id);
+      }
+      const start = clock();
+      return later(() => run({ timeRemaining: () => SLICE_MS - (clock() - start) }), 1);
+    }
+  };
+}
+var CalcPreparation = class {
+  constructor(host, busy, scheduler = windowScheduler(host.ownerDocument.defaultView)) {
+    this.busy = busy;
+    this.scheduler = scheduler;
+    const active2 = () => {
+      this.lastActivity = this.scheduler.now();
+    };
+    for (const type of ACTIVITY) host.addEventListener(type, active2, { passive: true });
+  }
+  busy;
+  scheduler;
+  session;
+  cancel;
+  lastActivity = Number.NEGATIVE_INFINITY;
+  /** Prepares `session` (the workbook just opened) after the next paint; stops earlier work. */
+  start(session) {
+    this.stop();
+    if (!session) return;
+    this.session = session;
+    this.cancel = this.scheduler.afterPaint(() => this.next());
+  }
+  stop() {
+    this.cancel?.();
+    this.cancel = void 0;
+    this.session = void 0;
+  }
+  /** Whether work is still waiting (tests and diagnostics). */
+  get pending() {
+    return this.session !== void 0;
+  }
+  next() {
+    this.cancel = this.scheduler.idle((deadline) => this.slice(deadline));
+  }
+  slice(deadline) {
+    this.cancel = void 0;
+    const session = this.session;
+    if (!session) return;
+    const quietFor = this.scheduler.now() - this.lastActivity;
+    if (this.busy() || quietFor < QUIET_MS) {
+      const wait = Math.max(QUIET_MS - quietFor, 50);
+      this.cancel = this.scheduler.later(() => this.next(), wait);
+      return;
+    }
+    const end = this.scheduler.now() + Math.min(SLICE_MS, Math.max(deadline.timeRemaining(), 1));
+    let done = true;
+    try {
+      done = session.prepareCalculation({ timeRemaining: () => end - this.scheduler.now() });
+    } catch {
+    }
+    if (done) this.session = void 0;
+    else this.next();
+  }
+};
+
+// src/xlsx/collaboration-session.ts
+function createRoomSession(collab, xlsx, options, defaultName) {
+  const roomId = options.roomId ?? "";
+  if (!collab.isValidRoomId(roomId))
+    throw new Error("Use 1 to 128 letters, digits, hyphens or underscores for the room name.");
+  let provider = options.provider;
+  if (!provider && options.serverUrl)
+    provider = collab.transportProvider({
+      transport: collab.createWebSocketTransport({
+        url: collab.roomUrl(options.serverUrl, roomId)
+      })
+    });
+  if (!provider) {
+    if (!collab.canBroadcast())
+      throw new Error("This browser cannot share between windows; pass a server URL.");
+    provider = collab.transportProvider({
+      transport: collab.createBroadcastTransport({ roomId, prefix: "ooxml-xlsx:" })
+    });
+  }
+  const user = options.user ?? {};
+  return collab.createCollabSession({
+    roomId,
+    provider,
+    user: {
+      name: user.name || defaultName,
+      ...user.color ? { color: user.color } : {},
+      ...user.role ? { role: user.role } : {}
+    },
+    initialPresence: {},
+    sanitizePayload: xlsx.sanitizeXlsxPresence,
+    teardown: true
+  });
+}
+
+// src/xlsx/collaboration-types.ts
+var OFF_STATE = Object.freeze({
+  active: false,
+  roomId: void 0,
+  status: "off",
+  synced: false,
+  people: []
+});
+
+// src/xlsx/collaboration.ts
+var loadRuntime = () => Promise.all([import('ooxml-core/collab'), import('ooxml-core/xlsx/collab')]);
+function presenceRange(selection) {
+  const { row: row2, col } = selection.active;
+  const holding = selection.ranges.find(
+    (r) => row2 >= r.start.row && row2 <= r.end.row && col >= r.start.col && col <= r.end.col
+  );
+  return holding ?? selection.ranges[selection.ranges.length - 1] ?? {
+    start: selection.active,
+    end: selection.active
+  };
+}
+var XlsxCollaboration = class {
+  constructor(host, load = loadRuntime) {
+    this.host = host;
+    this.load = load;
+  }
+  host;
+  load;
+  #active;
+  #starting;
+  /** Bumped by every stop, so a join still loading the runtime is abandoned. */
+  #epoch = 0;
+  #wanted;
+  #lost = false;
+  #connected = false;
+  #listeners = /* @__PURE__ */ new Set();
+  get active() {
+    return this.#active !== void 0;
+  }
+  /** Joined or joining. */
+  get busy() {
+    return this.#active !== void 0 || this.#starting !== void 0;
+  }
+  /** The options of the declarative `collaboration` property, if set. */
+  get wanted() {
+    return this.#wanted;
+  }
+  /**
+   * Declarative sharing: while set, the open workbook is shared in that room, and a workbook
+   * opened later joins it too (the room's content wins when it already has one). Undefined stops.
+   */
+  want(options) {
+    if (options === this.#wanted) return;
+    this.#wanted = options;
+    this.#leave();
+    this.resume();
+  }
+  /** Leaves the room before the workbook is replaced; true when it was shared. */
+  suspend() {
+    const was = this.busy;
+    this.#leave();
+    return was;
+  }
+  /** Joins the wanted room with the workbook now open. */
+  resume() {
+    const wanted = this.#wanted;
+    if (!wanted || this.busy || !this.host.edit()) return;
+    this.start(wanted).catch((error) => {
+      const failure = asError(error);
+      this.host.toast(this.host.t(failure.message), "error");
+      this.host.error(failure);
+    });
+  }
+  /** Joins a room. Rejects when one is active, no workbook is open or the room is invalid. */
+  start(options) {
+    if (this.#active || this.#starting)
+      return Promise.reject(new Error("Stop the current collaboration session first."));
+    const starting = this.#start(options).finally(() => {
+      if (this.#starting === starting) this.#starting = void 0;
+    });
+    this.#starting = starting;
+    return starting;
+  }
+  async #start(options) {
+    if (!this.host.edit()) throw new Error("Open or create a workbook before sharing it.");
+    const epoch = this.#epoch;
+    const [collab, xlsx] = await this.load();
+    if (epoch !== this.#epoch) return;
+    const edit = this.host.edit();
+    if (!edit) throw new Error("Open or create a workbook before sharing it.");
+    const session = options.session ?? createRoomSession(collab, xlsx, options, this.host.userName());
+    const binding = xlsx.bindWorkbookSession(session, edit, {
+      onError: (error) => this.host.error(asError(error))
+    });
+    const active2 = { session, binding, owned: !options.session, stop: [] };
+    this.#active = active2;
+    this.#lost = false;
+    this.#connected = session.status === "connected";
+    const publish = (selection) => binding.setSelection(selection.sheet, presenceRange(selection));
+    active2.stop.push(
+      this.host.selection.onChange(publish),
+      session.on("peers", () => this.#changed()),
+      session.on("synced", () => this.#changed()),
+      session.on("status", (status) => this.#status(status)),
+      session.on("error", (error) => this.host.error(error)),
+      edit.onChange((change) => {
+        if (change.external) this.#notify();
+      })
+    );
+    if (session.role === "viewer") this.host.setReadOnly(true);
+    publish(this.host.selection.get());
+    this.#changed();
+  }
+  /**
+   * Leaves the room and forgets the `collaboration` property. A session the host passed in stays
+   * alive; one the editor made is destroyed.
+   */
+  stop() {
+    this.#wanted = void 0;
+    this.#leave();
+  }
+  #leave() {
+    this.#epoch++;
+    this.#starting = void 0;
+    const active2 = this.#active;
+    if (!active2) return;
+    this.#active = void 0;
+    for (const stop of active2.stop) stop();
+    active2.binding.dispose();
+    if (active2.owned) active2.session.destroy();
+    this.#changed();
+  }
+  /** Restarts the connection, keeping the shared workbook and queued changes. */
+  reconnect() {
+    this.#active?.session.reconnect();
+  }
+  /** The binding's history while shared (only this window's edits), else undefined. */
+  history() {
+    const binding = this.#active?.binding;
+    if (!binding) return void 0;
+    return {
+      undo: () => binding.undo(),
+      redo: () => binding.redo(),
+      canUndo: () => binding.canUndo(),
+      canRedo: () => binding.canRedo(),
+      undoLabel: () => void 0,
+      redoLabel: () => void 0
+    };
+  }
+  remoteSelections() {
+    return this.#active?.binding.remoteSelections() ?? [];
+  }
+  onRemoteChange(listener) {
+    this.#listeners.add(listener);
+    return () => {
+      this.#listeners.delete(listener);
+    };
+  }
+  state() {
+    const active2 = this.#active;
+    if (!active2) return OFF_STATE;
+    const { session } = active2;
+    return {
+      active: true,
+      roomId: session.roomId,
+      status: session.status,
+      synced: session.synced,
+      people: [
+        {
+          clientId: session.clientId,
+          name: session.identity.userName,
+          color: session.identity.userColor,
+          self: true
+        },
+        ...session.peers().map((peer) => ({
+          clientId: peer.clientId,
+          name: peer.userName,
+          color: peer.userColor,
+          self: false
+        }))
+      ]
+    };
+  }
+  #status(status) {
+    const { t } = this.host;
+    if (status === "connected") {
+      if (this.#lost)
+        this.host.toast(t("Reconnected. Changes made while offline were sent."), "info");
+      this.#lost = false;
+      this.#connected = true;
+    } else if ((status === "disconnected" || status === "error") && this.#connected && !this.#lost) {
+      this.#lost = true;
+      this.host.toast(
+        t("Connection lost. Keep working; your changes are sent when it returns."),
+        "warning"
+      );
+    }
+    this.#changed();
+  }
+  #notify() {
+    for (const listener of [...this.#listeners]) listener();
+  }
+  #changed() {
+    this.#notify();
+    this.host.changed(this.state());
+  }
+};
+function collaborationFor(core) {
+  const { host } = core;
+  return new XlsxCollaboration({
+    edit: () => core.session,
+    selection: core.selection,
+    userName: () => core.authorName,
+    t: core.ctx.t,
+    toast: (message, kind) => core.shell?.toast(message, kind),
+    error: (error) => emit(host, "workbook-error", { error, message: error.message }),
+    changed: (state) => {
+      emit(host, "collaboration-change", state);
+      core.requestRender();
+    },
+    setReadOnly: (readOnly) => core.setReadOnly(readOnly)
+  });
+}
+function asError(error) {
+  return error instanceof Error ? error : new Error(String(error));
+}
+
+// src/xlsx/editor-core.ts
 var EditorCore = class {
   constructor(host) {
     this.host = host;
@@ -15008,6 +15665,8 @@ var EditorCore = class {
       this.requestRender();
     });
     this.ctx = this.createContext();
+    this.collab = collaborationFor(this);
+    this.calcPreparation = new CalcPreparation(host, () => !!this.gridController?.isEditing());
   }
   host;
   workbook;
@@ -15031,6 +15690,10 @@ var EditorCore = class {
   dialogs;
   dirty;
   ctx;
+  /** Co-editing over `ooxml-core/collab`; undo and redo go through it while shared. */
+  collab;
+  /** Builds the formula graph in idle time after a workbook opens. */
+  calcPreparation;
   gridController;
   modelListeners = /* @__PURE__ */ new Set();
   stopSession;
@@ -15081,7 +15744,10 @@ var EditorCore = class {
         return emitEvent(core.host, type, detail);
       },
       authorName: () => core.authorName,
-      locale: () => core.locale
+      locale: () => core.locale,
+      history: () => core.collab.history() ?? core.session,
+      remoteSelections: () => core.collab.remoteSelections(),
+      onRemoteSelectionsChange: (listener) => core.collab.onRemoteChange(listener)
     };
   }
   /** Debounced refresh of the ribbon, title bar and status bar. */
@@ -15109,6 +15775,8 @@ var EditorCore = class {
   }
   /** Replaces the workbook (load, new, template, property), with a fresh edit session. */
   setWorkbook(workbook) {
+    if (this.collab.suspend() && !this.collab.wanted)
+      this.shell?.toast(this.ctx.t("Sharing stopped because another workbook was opened."));
     this.savePassword = void 0;
     this.stopSession?.();
     this.stopSession = void 0;
@@ -15122,6 +15790,7 @@ var EditorCore = class {
       }
     }
     this.stopSession = this.session?.onChange((change) => this.onSessionChange(change));
+    this.calcPreparation.start(this.session);
     const sheets = workbook?.sheets.length ?? 0;
     const preferred = workbook?.activeSheet ?? 0;
     this.activeSheet = Math.min(Math.max(0, preferred), Math.max(0, sheets - 1));
@@ -15134,6 +15803,7 @@ var EditorCore = class {
     this.selection.set(initialSelection(this.activeSheet, workbook));
     this.dirty.set(false);
     this.notifyModel({ kind: "load" });
+    this.collab.resume();
   }
   createSession(workbook) {
     try {
@@ -15247,6 +15917,8 @@ var XlsxEditorApi = class extends HTMLElementBase {
   core = new EditorCore(this);
   /** Set by the shell once connected. */
   chrome;
+  /** Set by the shell once connected: opens File > Share. */
+  openShare;
   /** Opens .xlsx, .xlsm, .xltx, .xls or .csv bytes; `fileName` helps detection and names the file. */
   async load(bytes, fileName) {
     await loadInto(this.core, bytes, fileName, this.chrome);
@@ -15300,6 +15972,31 @@ var XlsxEditorApi = class extends HTMLElementBase {
   setActiveSheet(index) {
     this.core.setActiveSheet(index);
   }
+  /**
+   * Shares the open workbook in a room (see `XlsxCollaborationOptions`). Resolves once joined;
+   * the room's workbook replaces this one when the room already has one. Rejects when sharing is
+   * already active or no workbook is open.
+   */
+  startCollaboration(options) {
+    return this.core.collab.start(options);
+  }
+  /** Leaves the room (and clears `collaboration`). The workbook stays as it is. */
+  stopCollaboration() {
+    this.core.collab.stop();
+  }
+  /** Restarts the connection, keeping the shared workbook and changes made offline. */
+  reconnectCollaboration() {
+    this.core.collab.reconnect();
+  }
+  /** Who is in the room and how the connection is. */
+  get collaborationState() {
+    return this.core.collab.state();
+  }
+  /** Opens File > Share, where the user starts or stops sharing and sees who is in the room. */
+  share() {
+    this.openShare?.();
+  }
+  /** Undo the last edit; while shared, only this window's edits are undone. */
   undo() {
     void this.core.commands.run("edit.undo");
   }
@@ -15323,6 +16020,7 @@ var XlsxEditorElement = class extends XlsxEditorApi {
     if (this.shell) return;
     this.shell = buildShell(this.core);
     this.chrome = this.shell.chrome;
+    this.openShare = () => this.shell?.backstage.open("share");
     this.core.requestRender();
   }
   attributeChangedCallback(name, _old, value) {
@@ -15417,6 +16115,17 @@ var XlsxEditorElement = class extends XlsxEditorApi {
   get dirty() {
     return this.core.dirty.dirty;
   }
+  /**
+   * Shares the open workbook in a room while set: a workbook opened later joins the same room
+   * (the room's content wins when it already has a workbook); `null` leaves it. A window joining
+   * an existing room still needs a workbook open (`newWorkbook()` is enough).
+   */
+  get collaboration() {
+    return this.core.collab.wanted ?? null;
+  }
+  set collaboration(value) {
+    this.core.collab.want(value ?? void 0);
+  }
   get activeSheet() {
     return this.core.activeSheet;
   }