@a3s-lab/office 0.2.2 → 0.3.0

package/dist/internal/features/work/editors/document-toolbar.d.ts

@@ -1,54 +1,20 @@
 import type { Editor } from '@tiptap/core';
 import type { WorkDocumentCaptionKind } from '../work-document-captions';
 import type { WorkDocumentFieldKind } from '../work-document-fields';
-import type { WorkDocumentNoteKind } from '../work-document-notes';
 import type { WorkDocumentLayoutFont } from '../work-document-fonts';
-import { type DocumentPageChromeEditingPart } from './document-page-chrome-ribbon';
+import type { WorkDocumentNoteKind } from '../work-document-notes';
+import type { WorkDocumentSectionLayout } from '../work-types';
+import { type DocumentRibbonTabId } from './document-command-catalog';
 import type { DocumentFindReplaceMode } from './document-find-replace-panel';
+import type { DocumentLayoutPanelTab } from './document-layout-panel';
+import { type DocumentPageChromeEditingPart } from './document-page-chrome-ribbon';
+import { type DocumentZoomFit } from './document-zoom';
 import { type WorkOfficeFileAction } from './work-office-chrome';
-declare const documentRibbonTabs: readonly [{
-    readonly id: "home";
-    readonly label: "开始";
-}, {
-    readonly id: "insert";
-    readonly label: "插入";
-}, {
-    readonly id: "page";
-    readonly label: "页面布局";
-    readonly compactLabel: "布局";
-}, {
-    readonly id: "references";
-    readonly label: "引用";
-}, {
-    readonly id: "review";
-    readonly label: "审阅";
-}, {
-    readonly id: "view";
-    readonly label: "视图";
-}];
-declare const documentPictureRibbonTab: {
-    readonly id: "picture";
-    readonly label: "图片";
-};
-declare const documentTableRibbonTabs: readonly [{
-    readonly id: "tableDesign";
-    readonly label: "表格设计";
-    readonly compactLabel: "设计";
-}, {
-    readonly id: "tableLayout";
-    readonly label: "表格布局";
-    readonly compactLabel: "布局";
-}];
-declare const documentPageChromeRibbonTab: {
-    readonly id: "pageChrome";
-    readonly label: "页眉和页脚";
-    readonly compactLabel: "页眉页脚";
-};
-type DocumentRibbonTabId = (typeof documentRibbonTabs)[number]['id'] | typeof documentPictureRibbonTab.id | (typeof documentTableRibbonTabs)[number]['id'] | typeof documentPageChromeRibbonTab.id;
 export type DocumentViewMode = 'page' | 'web';
 interface DocumentToolbarProps {
     editor: Editor;
     layoutOpen: boolean;
+    layout: WorkDocumentSectionLayout;
     layoutFonts?: readonly WorkDocumentLayoutFont[];
     navigationOpen: boolean;
     pageColor: string;
@@ -65,6 +31,8 @@ interface DocumentToolbarProps {
     onClosePageChrome: () => void;
     onTogglePageChromePageNumber: () => void;
     onToggleLayout: () => void;
+    onLayoutChange: (layout: WorkDocumentSectionLayout) => void;
+    onOpenLayout: (target: DocumentLayoutPanelTab) => void;
     onToggleNavigation: () => void;
     onTogglePageNumbers: () => void;
     onToggleRulers: () => void;
@@ -72,6 +40,7 @@ interface DocumentToolbarProps {
     onToggleSpellcheck: () => void;
     onViewModeChange: (mode: DocumentViewMode) => void;
     onZoomChange: (zoom: number) => void;
+    onZoomFit: (fit: DocumentZoomFit) => void;
     onInsertSection: () => void;
     onInsertNote: (kind: WorkDocumentNoteKind) => void;
     onInsertCaption: (kind: WorkDocumentCaptionKind) => void;
@@ -94,7 +63,8 @@ interface DocumentToolbarProps {
     onRibbonTabChange?: (tab: DocumentRibbonTabId) => boolean | undefined | Promise<boolean | undefined>;
     onToggleTrackChanges: () => void;
     onToggleChanges: () => void;
+    onOpenWordCount: () => void;
     onOpenFindReplace: (mode: DocumentFindReplaceMode) => void;
 }
-export declare function DocumentToolbar({ editor, layoutOpen, layoutFonts, navigationOpen, pageColor, showPageNumbers, showRulers, spellcheckEnabled, viewMode, zoom, pageChromeEditor, pageChromeEditingPart, pageChromeShowPageNumber, onRequestImage, onPageChromeEditingPartChange, onClosePageChrome, onTogglePageChromePageNumber, onToggleLayout, onToggleNavigation, onTogglePageNumbers, onToggleRulers, onPageColorChange, onToggleSpellcheck, onViewModeChange, onZoomChange, onInsertSection, onInsertNote, onInsertCaption, onInsertCrossReference, citationsOpen, citationSourceCount, onToggleCitations, onInsertField, onRefreshFields, canInsertComment, onInsertComment, commentsOpen, commentCount, onToggleComments, trackChanges, changesOpen, changeCount, findReplaceMode, fileActions, onRibbonTabChange, onToggleTrackChanges, onToggleChanges, onOpenFindReplace, }: DocumentToolbarProps): import("react").JSX.Element;
+export declare function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts, navigationOpen, pageColor, showPageNumbers, showRulers, spellcheckEnabled, viewMode, zoom, pageChromeEditor, pageChromeEditingPart, pageChromeShowPageNumber, onRequestImage, onPageChromeEditingPartChange, onClosePageChrome, onTogglePageChromePageNumber, onToggleLayout, onLayoutChange, onOpenLayout, onToggleNavigation, onTogglePageNumbers, onToggleRulers, onPageColorChange, onToggleSpellcheck, onViewModeChange, onZoomChange, onZoomFit, onInsertSection, onInsertNote, onInsertCaption, onInsertCrossReference, citationsOpen, citationSourceCount, onToggleCitations, onInsertField, onRefreshFields, canInsertComment, onInsertComment, commentsOpen, commentCount, onToggleComments, trackChanges, changesOpen, changeCount, findReplaceMode, fileActions, onRibbonTabChange, onToggleTrackChanges, onToggleChanges, onOpenWordCount, onOpenFindReplace, }: DocumentToolbarProps): import("react").JSX.Element;
 export {};

package/dist/internal/features/work/editors/document-wps-shortcuts.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from '@tiptap/core';
+export interface DocumentWpsShortcutCallbacks {
+    canInsertComment: boolean;
+    canRefreshFields: boolean;
+    onInsertComment: () => void;
+    onOpenWordCount: () => void;
+    onRefreshFields: () => void;
+    onToggleSpellcheck: () => void;
+    onToggleTrackChanges: () => void;
+}
+export type DocumentWpsShortcutEvent = Pick<KeyboardEvent, 'altKey' | 'code' | 'ctrlKey' | 'key' | 'metaKey' | 'shiftKey'>;
+export declare function runDocumentWpsShortcut(editor: Editor, event: DocumentWpsShortcutEvent, callbacks: DocumentWpsShortcutCallbacks): boolean;

package/dist/internal/features/work/editors/document-zoom.d.ts

@@ -0,0 +1,17 @@
+export declare const MIN_DOCUMENT_ZOOM = 50;
+export declare const MAX_DOCUMENT_ZOOM = 200;
+export type DocumentZoomFit = 'page' | 'width';
+export interface DocumentZoomFitMetrics {
+    pageHeight: number;
+    pageWidth: number;
+    viewportHeight: number;
+    viewportWidth: number;
+    viewportPadding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}
+export declare function clampDocumentZoom(zoom: number): number;
+export declare function documentZoomForFit(fit: DocumentZoomFit, metrics: DocumentZoomFitMetrics): number;

package/dist/internal/features/work/editors/work-office-chrome.d.ts

@@ -3,6 +3,7 @@ export interface WorkOfficeRibbonTab<T extends string> {
     id: T;
     label: string;
     compactLabel?: string;
+    contextual?: boolean;
 }
 export interface WorkOfficeFileAction {
     id: string;
@@ -13,7 +14,16 @@ export interface WorkOfficeFileAction {
     separatorBefore?: boolean;
     onSelect: () => void | Promise<void>;
 }
-export declare function WorkOfficeRibbon<T extends string>({ ariaLabel, tabs, defaultTab, activeTab, onTabChange, panels, fileActions, className, toolbarClassName, }: {
+export interface WorkOfficeQuickAccessAction {
+    id: string;
+    label: string;
+    icon: ReactNode;
+    shortcut?: string;
+    ariaKeyShortcuts?: string;
+    disabled?: boolean;
+    onSelect: () => void | Promise<void>;
+}
+export declare function WorkOfficeRibbon<T extends string>({ ariaLabel, tabs, defaultTab, activeTab, onTabChange, panels, fileActions, quickAccessActions, adaptive, collapsible, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, className, toolbarClassName, }: {
     ariaLabel: string;
     tabs: readonly WorkOfficeRibbonTab<T>[];
     defaultTab: T;
@@ -21,6 +31,12 @@ export declare function WorkOfficeRibbon<T extends string>({ ariaLabel, tabs, de
     onTabChange?: (tab: T) => void;
     panels: Record<T, ReactNode>;
     fileActions?: readonly WorkOfficeFileAction[];
+    quickAccessActions?: readonly WorkOfficeQuickAccessAction[];
+    adaptive?: boolean;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
     className?: string;
     toolbarClassName?: string;
 }): import("react").JSX.Element;
@@ -31,8 +47,9 @@ export declare function WorkOfficePreviewBar({ ariaLabel, label, detail, fileAct
     fileActions?: readonly WorkOfficeFileAction[];
     className?: string;
 }): import("react").JSX.Element;
-export declare function WorkOfficeRibbonGroup({ label, children, }: {
+export declare function WorkOfficeRibbonGroup({ label, priority, children, }: {
     label: string;
+    priority?: 'high' | 'normal' | 'low';
     children: ReactNode;
 }): import("react").JSX.Element;
 export declare function WorkOfficeRibbonButton({ label, visibleLabel, badge, active, displayLabel, className, title, children, ...props }: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'children'> & {
@@ -43,9 +60,11 @@ export declare function WorkOfficeRibbonButton({ label, visibleLabel, badge, act
     displayLabel?: boolean;
     children: ReactNode;
 }): import("react").JSX.Element;
-export declare function WorkOfficeStatusBar({ children, controls, className, }: {
+export declare function WorkOfficeStatusBar({ ariaLabel, children, controls, controlsLabel, className, }: {
+    ariaLabel?: string;
     children: ReactNode;
     controls?: ReactNode;
+    controlsLabel?: string;
     className?: string;
 }): import("react").JSX.Element;
 export declare function WorkOfficeZoomControls({ zoom, minimum, maximum, step, decreaseLabel, increaseLabel, outputLabel, sliderLabel, onChange, }: {

package/dist/internal/features/work/editors/work-office-ribbon-overflow.d.ts

@@ -1,4 +1,6 @@
 export declare const WORK_OFFICE_RIBBON_SCROLL_INSET = 34;
+export type WorkOfficeRibbonDensity = 'comfortable' | 'compact-low' | 'compact-normal';
+export declare function calculateRibbonDensity(clientWidth: number): WorkOfficeRibbonDensity;
 export interface WorkOfficeRibbonItemGeometry {
     left: number;
     right: number;

package/dist/styles.css

@@ -5275,6 +5275,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   flex: none;
   min-width: 0;
   display: flex;
+  position: relative;
   box-shadow: 0 2px 7px #181f2e0a;
 }
 
@@ -5375,6 +5376,17 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   font-size: 12px;
 }
 
+.work-office-ribbon-tabs > button[data-contextual="true"] {
+  background: color-mix(in srgb, var(--work-office-accent) 7%, transparent);
+  box-shadow: inset 0 2px
+    color-mix(in srgb, var(--work-office-accent) 48%, transparent);
+  color: color-mix(in srgb, var(--work-office-accent) 82%, var(--a3s-ink));
+}
+
+.work-office-ribbon-tabs > button[data-contextual="true"]:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--work-office-accent) 11%, transparent);
+}
+
 .work-office-ribbon-tabs > button:after {
   left: 4px;
   right: 4px;
@@ -5401,6 +5413,11 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   background: var(--work-office-accent);
 }
 
+.work-office-ribbon[data-contextual-active="true"] > .work-office-ribbon-panel {
+  box-shadow: inset 0 1px
+    color-mix(in srgb, var(--work-office-accent) 28%, transparent);
+}
+
 .work-office-ribbon-tab-navigation {
   border-left: 1px solid var(--a3s-line);
   background: var(--a3s-panel);
@@ -5443,6 +5460,57 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   opacity: .28;
 }
 
+.work-office-quick-access {
+  border-right: 1px solid var(--a3s-line);
+  flex: none;
+  align-items: center;
+  gap: 1px;
+  height: 36px;
+  padding: 0 5px;
+  display: flex;
+}
+
+.work-office-quick-access > button, .work-office-ribbon-collapse {
+  width: 26px;
+  height: 26px;
+  color: var(--a3s-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 5px;
+  outline: 0;
+  place-items: center;
+  padding: 0;
+  display: grid;
+}
+
+.work-office-quick-access > button:hover:not(:disabled), .work-office-quick-access > button:focus-visible, .work-office-ribbon-collapse:hover, .work-office-ribbon-collapse:focus-visible {
+  background: color-mix(in srgb,
+    var(--work-office-accent) 8%,
+    var(--a3s-panel));
+  color: var(--work-office-accent);
+}
+
+.work-office-quick-access > button:focus-visible, .work-office-ribbon-collapse:focus-visible {
+  box-shadow: inset 0 0 0 1px var(--work-office-accent);
+}
+
+.work-office-quick-access > button:disabled {
+  cursor: default;
+  opacity: .34;
+}
+
+.work-office-quick-access > button > span {
+  place-items: center;
+  display: grid;
+}
+
+.work-office-ribbon-collapse {
+  flex: 0 0 26px;
+  align-self: center;
+  margin: 0 5px 0 2px;
+}
+
 .work-office-file-menu {
   border-right: 1px solid var(--a3s-line);
   flex: none;
@@ -5552,6 +5620,22 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   position: relative;
 }
 
+.work-office-ribbon-panel[hidden] {
+  display: none;
+}
+
+.work-office-ribbon[data-collapsed="true"] .work-office-ribbon-panel:not([hidden]) {
+  z-index: 10;
+  border-top: 1px solid var(--a3s-line);
+  border-bottom: 1px solid var(--a3s-line);
+  background: var(--a3s-panel);
+  position: absolute;
+  top: 36px;
+  left: 0;
+  right: 0;
+  box-shadow: 0 12px 26px #181f2e26;
+}
+
 .work-office-ribbon-panel[data-empty="true"] {
   display: none;
 }
@@ -5664,6 +5748,25 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   overflow: hidden;
 }
 
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"], .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] > div, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) > div {
+  gap: 0;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] button.with-label, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) button.with-label {
+  width: 38px;
+  min-width: 38px;
+  padding-inline: 4px;
+}
+
+.work-office-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] button.with-label > span, .work-office-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) button.with-label > span {
+  display: none;
+}
+
 .work-office-ribbon .work-office-toolbar button.with-label {
   flex-direction: column;
   gap: 3px;
@@ -5757,6 +5860,15 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: grid;
 }
 
+.work-office-status button.work-office-status-text-button {
+  width: auto;
+  min-width: 0;
+  color: inherit;
+  font: inherit;
+  white-space: nowrap;
+  padding: 0 5px;
+}
+
 .work-office-status button:hover:not(:disabled), .work-office-status button[aria-pressed="true"] {
   background: var(--a3s-panel-soft);
   color: var(--a3s-ink);
@@ -6691,6 +6803,31 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   width: 82px;
 }
 
+.work-document-ribbon .work-office-ribbon-group > .work-document-page-setup-choice {
+  align-content: center;
+  gap: 2px;
+  width: 84px;
+  padding-inline: 1px;
+  display: grid;
+}
+
+.work-document-page-setup-choice > span {
+  color: var(--a3s-faint);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-inline: 2px;
+  font-size: 8px;
+  line-height: 10px;
+  overflow: hidden;
+}
+
+.work-document-ribbon .work-document-page-setup-choice .work-office-select > button[role="combobox"] {
+  gap: 4px;
+  min-width: 0;
+  height: 28px;
+  padding-inline: 6px 5px;
+}
+
 .work-document-selection-toolbar {
   z-index: 70;
   box-sizing: border-box;
@@ -8856,6 +8993,14 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   display: none;
 }
 
+.work-document-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-document-style-gallery, .work-document-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-document-style-gallery {
+  display: none;
+}
+
+.work-document-ribbon .work-office-toolbar[data-density="compact-low"] .work-office-ribbon-group[data-priority="low"] .work-document-style-select, .work-document-ribbon .work-office-toolbar[data-density="compact-normal"] .work-office-ribbon-group:not([data-priority="high"]) .work-document-style-select {
+  display: block;
+}
+
 @media (width <= 900px) {
   .work-document-style-gallery {
     display: none;
@@ -9377,6 +9522,10 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   position: relative;
 }
 
+.work-document-editable .ProseMirror[data-document-format-painter="true"] {
+  cursor: copy;
+}
+
 .work-document-page.letter {
   width: 816px;
   min-height: 1056px;
@@ -10066,6 +10215,38 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   box-shadow: 0 8px 30px #1e263712;
 }
 
+.work-document-statistics {
+  border: 1px solid var(--a3s-line);
+  border-radius: 7px;
+  margin: 0;
+  display: grid;
+  overflow: hidden;
+}
+
+.work-document-statistics > div {
+  background: var(--a3s-panel);
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 24px;
+  padding: 9px 12px;
+  font-size: 12px;
+  display: grid;
+}
+
+.work-document-statistics > div + div {
+  border-top: 1px solid var(--a3s-line);
+}
+
+.work-document-statistics dt {
+  color: var(--a3s-muted);
+}
+
+.work-document-statistics dd {
+  color: var(--a3s-ink);
+  font-variant-numeric: tabular-nums;
+  margin: 0;
+  font-weight: 620;
+}
+
 @media (width <= 1080px) {
   .work-export-button {
     padding: 0 9px;
@@ -10092,7 +10273,7 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
 }
 
 @media (width <= 760px) {
-  .work-document-footer .work-office-status-info [aria-label="分节状态"], .work-document-footer .work-office-status-info button {
+  .work-document-footer .work-office-status-info [data-document-status-item="section"], .work-document-footer .work-office-status-info [data-document-status-item="spellcheck"] {
     display: none;
   }
 
@@ -10101,6 +10282,37 @@ html[data-ds-resizing="horizontal"], html[data-ds-resizing="horizontal"] * {
   }
 }
 
+@media (width <= 520px) {
+  .work-document-footer.work-office-status {
+    flex-basis: 40px;
+    gap: 6px;
+    height: 40px;
+    padding-inline: 8px;
+  }
+
+  .work-document-footer .work-office-status-info {
+    gap: 8px;
+  }
+
+  .work-document-footer .work-office-status-info [data-document-status-item="word-count"], .work-document-footer .work-office-status-view [data-document-status-control="view-mode"] {
+    display: none;
+  }
+
+  .work-document-footer .work-office-status-view {
+    gap: 2px;
+  }
+
+  .work-document-footer.work-office-status button {
+    width: 36px;
+    height: 36px;
+  }
+
+  .work-document-footer .work-office-status-slider {
+    width: 48px;
+    margin-inline: 0;
+  }
+}
+
 .work-document-layout-panel > legend {
   float: none;
   color: var(--a3s-ink);

package/docs/latest/en/browser-editor-architecture.md

@@ -32,6 +32,39 @@ model:
    from host-page controls while its own shortcuts remain deterministic.
    Successful object and grid commands restore focus to the latest controlled
    selection before the next keystroke.
+   Writer keeps tab, group, label, and shortcut metadata in one internal
+   command catalog. Undo and redo live in a keyboard-described quick-access
+   toolbar. The ribbon measures its own toolbar instead of the browser viewport
+   and compacts low-priority, then normal-priority groups before exposing group
+   paging. It can remain collapsed; activating a tab temporarily overlays that
+   tab's commands without moving the document, and an outside pointer action
+   returns to the compact row. Writer routes its catalogued WPS font-size,
+   alignment, line-spacing, heading, spelling, field-refresh, comment, and
+   track-changes shortcuts only while the document surface owns the event. The
+   status route uses the same catalog for WPS word count, opening live page,
+   word, character, and paragraph details from either `Ctrl+Shift+G` or the
+   visible count. Its local formatting clipboard powers WPS copy-format and
+   paste-format shortcuts
+   plus a one-shot format painter without requiring browser clipboard access;
+   paste replaces only direct character and paragraph formatting, preserving
+   links, comments, and revision semantics in one document transaction.
+   Header and footer TipTap surfaces register the same WPS alignment and
+   copy-format shortcuts. Cross-surface paste retains compatible marks and
+   paragraph attributes while falling back from unsupported heading nodes.
+   Writer orders Insert commands as Pages, Table, Illustrations, Links, Header
+   and Footer, and Text. Page Layout keeps direct margin, orientation, paper,
+   and equal-column presets in the ribbon; custom margins and advanced columns
+   open the corresponding controlled Page Setup tab instead of duplicating a
+   second settings model. References separates footnotes, captions, citations
+   and bibliography, and field updates; Review derives previous, next, accept,
+   and reject availability from the live revision ranges and moves the
+   selection to the next resolvable change. View keeps document modes before
+   display controls and calculates One Page and Page Width zoom from the live
+   page metrics and scroll viewport. Picture, Table, and Header and Footer tabs
+   carry explicit contextual semantics and disappear with their selection. The
+   labelled status surface provides arrow-key traversal across view and zoom
+   controls; compact Web widths remove secondary section, proofing, citation,
+   and save items in stages while retaining physical-page and zoom feedback.
 2. Each editor owns its selection model and exposes typed commands to the
    shell. A command never searches rendered text or infers intent from labels.
 3. Interactive editing stays on the main thread. Presentation keeps object

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a3s-lab/office",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Open-source browser editors for documents, Markdown, spreadsheets, presentations, and PDFs.",
   "keywords": [
     "office",
@@ -90,6 +90,16 @@
     "test:e2e:fixtures": "bun scripts/create-e2e-fixtures.ts",
     "test:e2e:wps-layout": "bun run test:e2e:fixtures && a3s-test run tests/e2e/word-wps-layout-parity.acl --json && a3s-test run tests/e2e/word-wps-font-grid-parity.acl --json",
     "test:e2e:wps-layout:check": "bun run test:e2e:fixtures && a3s-test check tests/e2e/word-wps-layout-parity.acl --json && a3s-test check tests/e2e/word-wps-font-grid-parity.acl --json",
+    "test:e2e:writer-ribbon": "a3s-test run tests/e2e/word-ribbon-collapse.acl --json",
+    "test:e2e:writer-ribbon:check": "a3s-test check tests/e2e/word-ribbon-collapse.acl --json",
+    "test:e2e:writer-shortcuts": "a3s-test run tests/e2e/word-wps-shortcuts.acl --json",
+    "test:e2e:writer-shortcuts:check": "a3s-test check tests/e2e/word-wps-shortcuts.acl --json",
+    "test:e2e:writer-layout": "a3s-test run tests/e2e/word-insert-page-layout.acl --json",
+    "test:e2e:writer-layout:check": "a3s-test check tests/e2e/word-insert-page-layout.acl --json",
+    "test:e2e:writer-review-view": "a3s-test run tests/e2e/word-review-view.acl --json",
+    "test:e2e:writer-review-view:check": "a3s-test check tests/e2e/word-review-view.acl --json",
+    "test:e2e:writer-status": "a3s-test run tests/e2e/word-status-bar.acl --json",
+    "test:e2e:writer-status:check": "a3s-test check tests/e2e/word-status-bar.acl --json",
     "test:wps-layout": "powershell -NoProfile -ExecutionPolicy Bypass -File scripts/test-wps-layout-parity.ps1",
     "test:watch": "rstest --watch",
     "typecheck": "tsc --noEmit"