@embedpdf/viewer-chrome 3.0.0-next.12 → 3.0.0-next.14

package/README.md

@@ -307,6 +307,53 @@ The v1 part vocabulary — public API, grown by demand, never speculatively:
 `toolbar`, `toolbar-button(-active)`, `mode-tab(-active)`, `tab(-active)`,
 `menu`, `menu-item(-active)`.
 
+### Signatures — sign with a mark, through a key you bring
+
+The Insert tab's signature button opens the **people** panel: one row per
+person (a stamp library of kind `signatures`) holding a drawn, typed, or
+uploaded signature and, optionally, initials. Pick a mark, click a signature
+field to sign it — or click anywhere else to drop it as a stamp, as Preview
+does. A "sign here" click on an unsigned field targets it; the next mark
+picked goes in. The Form tab authors signature fields.
+
+What placing a mark on a field does is the `signatures` config:
+
+```tsx
+import { FullViewer, personalSigner, indexedDbKeyStore } from '@embedpdf/viewer-chrome';
+
+<FullViewer
+  engine={engine}
+  signatures={{
+    // The key holder: your own key (`webCryptoSigner`), a signing service
+    // (`remoteSigner`), or one self-signed identity per person kept in the
+    // browser (`personalSigner`). Without a signer the mark is only DRAWN
+    // into the field — nothing is sealed.
+    signer: () => personalSigner({ subject: 'Ada Lovelace', store: indexedDbKeyStore('acme-keys') }),
+    // Anchors a reader trusts; none → "valid, signer not trusted" at best.
+    trust: { anchors: async () => [rootCertificateDer] },
+    // 'sign' (default with a signer) | 'visual' (default without) | 'ask' (a dialog first)
+    mode: 'ask',
+    allowCertify: true, // offer a certification (first signature) in the dialog
+    kinds: ['signature'], // no initials
+    fonts: [{ key: 'great-vibes', url: '/fonts/GreatVibes.ttf', label: 'Great Vibes' }], // typed marks
+  }}
+  stamps={{
+    sidebar: ['stamps'], // library kinds the stamps sidebar lists
+    toolbar: ['embedpdf-standard:Check', 'embedpdf-standard:Cross'], // quick marks in the Insert bar
+  }}
+/>;
+```
+
+A signed field shows its verdict on click — document intact, signature
+verified, signer trusted, changes since — and offers the signed revision as
+a download. The panel judges what a save _would_ produce: an unsaved
+annotation after a plain approval signature reads "valid, unsaved changes
+will invalidate it" and a one-line notice says which signature, the way
+Acrobat warns. With `allowCertify` on, the first signature opens the sign
+dialog with the choice Acrobat's certify dialog gives: a plain approval,
+or a certification that allows comments, form filling only, or no changes.
+`viewer.get(SignatureToken)` drives all of it from code.
+
 ## What's deliberately NOT here (yet)
 
 - **The element registry** (`elements: { button: 'tag' }` + exported base

package/dist/chrome.cjs

@@ -53,6 +53,10 @@ const mainBar = {
 				(0, _embedpdf_react_toolbar.item)("mode:redact", {
 					variants: ["label"],
 					importance: 1
+				}),
+				(0, _embedpdf_react_toolbar.item)("mode:measure", {
+					variants: ["label"],
+					importance: 1
 				})
 			]
 		})],
@@ -99,6 +103,10 @@ const insertBar = {
 	sections: { center: [
 		(0, _embedpdf_react_toolbar.group)("stamps", { importance: 4 }, [
 			"insert:add-stamp",
+			(0, _embedpdf_react_toolbar.custom)("quick-stamps", {
+				terminal: "insert:add-stamp",
+				importance: 3
+			}),
 			"insert:add-attachment",
 			"insert:add-signature",
 			"insert:add-image"
@@ -116,9 +124,26 @@ const formBar = {
 			"form:add-radio"
 		]),
 		(0, _embedpdf_react_toolbar.group)("choice-fields", { importance: 2 }, ["form:add-select", "form:add-listbox"]),
+		(0, _embedpdf_react_toolbar.group)("signature-fields", { importance: 2 }, ["form:add-signature"]),
 		history
 	] }
 };
+const measureBar = {
+	id: "measure",
+	sections: { center: [
+		(0, _embedpdf_react_toolbar.group)("measure", { importance: 5 }, [
+			"measurement:distance",
+			"measurement:perimeter",
+			"measurement:area",
+			"measurement:calibrate"
+		]),
+		(0, _embedpdf_react_toolbar.group)("scale", { importance: 4 }, [(0, _embedpdf_react_toolbar.custom)("measurement-scale", {
+			variants: ["inline"],
+			terminal: "panel:measurement"
+		})]),
+		style
+	] }
+};
 const redactBar = {
 	id: "redact",
 	sections: { center: [
@@ -203,7 +228,8 @@ const defaultChrome = (0, _embedpdf_react_toolbar.defineChrome)({
 		"mode:shapes": shapesBar,
 		"mode:insert": insertBar,
 		"mode:form": formBar,
-		"mode:redact": redactBar
+		"mode:redact": redactBar,
+		"mode:measure": measureBar
 	},
 	menus: {
 		document: documentMenu,

package/dist/chrome.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.cjs","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The chrome — structure only. No breakpoints, no show/hide lists, no locale\n * overrides, no dividers/spacers, no hand-written overflow menus. What fits is\n * measured and solved at runtime (@embedpdf/core-ui); the overflow menu is\n * derived. Compare to the v2 snippet's 1,950-line ui-schema.ts.\n *\n * `importance` (1 sheds first … 5 pinned) is the only responsive knob.\n */\nimport {\n  defineChrome,\n  group,\n  item,\n  custom,\n  type BarSchema,\n  type ChromeSchema,\n  type MenuSchema,\n} from '@embedpdf/react/toolbar';\n\n// Reused across every mode band — plain values, so composition is just a const.\nconst style = group('style', { importance: 4 }, [item('panel:annotation-style')]);\nconst history = group('history', { importance: 3 }, ['history:undo', 'history:redo']);\n\n// ── main toolbar ─────────────────────────────────────────────────────────────\nconst mainBar: BarSchema = {\n  id: 'main',\n  sections: {\n    // v2 layout: everything before the first spacer sits LEFT-aligned —\n    // document menu, workspace, zoom strip, pan/pointer. Only the mode tabs\n    // are truly centered.\n    start: [\n      group('document', { importance: 5 }, [item('document:menu')]),\n      group('workspace', { importance: 4 }, [\n        item('panel:sidebar', { importance: 5 }),\n        item('page:settings'),\n      ]),\n      // The inline zoom strip; when it can't fit it renders its 'button'\n      // variant, and in the overflow menu it projects through zoom:menu.\n      group('zoom', { importance: 4 }, [\n        custom('zoom-controls', { variants: ['inline', 'button'], terminal: 'zoom:menu' }),\n      ]),\n      group('tools', { importance: 2 }, ['pan:toggle', 'pointer:toggle']),\n    ],\n    center: [\n      group('modes', {\n        role: 'tabs',\n        // The group ladder: full strip → trailing tabs shed behind a derived\n        // in-strip chevron (v2's overflow-tabs-button) → select (v2's\n        // mode-select-button) → global overflow. Tab items at importance 1 so\n        // the strip is the FIRST thing to compact; the group at 4 so its\n        // compact forms survive long.\n        shed: true,\n        collapse: 'select',\n        importance: 4,\n        labelKey: 'commands.mode.group',\n        items: [\n          item('mode:view', { variants: ['label'], importance: 1 }),\n          item('mode:annotate', { variants: ['label'], importance: 1 }),\n          item('mode:shapes', { variants: ['label'], importance: 1 }),\n          item('mode:insert', { variants: ['label'], importance: 1 }),\n          item('mode:form', { variants: ['label'], importance: 1 }),\n          item('mode:redact', { variants: ['label'], importance: 1 }),\n        ],\n      }),\n    ],\n    end: [group('panels', { importance: 5 }, ['panel:search', 'panel:comment'])],\n  },\n};\n\n// ── secondary bands (one per mode; which shows is derived from shell) ────────\nconst annotateBar: BarSchema = {\n  id: 'annotate',\n  sections: {\n    center: [\n      group('comment', { importance: 4 }, ['annotation:add-note', 'annotation:add-link']),\n      group('markup', { importance: 4 }, [\n        'annotation:add-highlight',\n        'annotation:add-strikeout',\n        'annotation:add-underline',\n        'annotation:add-squiggly',\n      ]),\n      group('draw', { importance: 3 }, ['annotation:add-ink', 'annotation:add-ink-highlight']),\n      group('text', { importance: 2 }, [\n        'annotation:add-text',\n        'annotation:add-insert-text',\n        'annotation:add-replace-text',\n        'annotation:add-callout',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst shapesBar: BarSchema = {\n  id: 'shapes',\n  sections: {\n    center: [\n      group('shapes', { importance: 4 }, [\n        'annotation:add-rectangle',\n        'annotation:add-circle',\n        'annotation:add-line',\n        'annotation:add-arrow',\n      ]),\n      group('polygons', { importance: 2 }, ['annotation:add-polygon', 'annotation:add-polyline']),\n      style,\n      history,\n    ],\n  },\n};\n\nconst insertBar: BarSchema = {\n  id: 'insert',\n  sections: {\n    center: [\n      group('stamps', { importance: 4 }, [\n        'insert:add-stamp',\n        'insert:add-attachment',\n        'insert:add-signature',\n        'insert:add-image',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst formBar: BarSchema = {\n  id: 'form',\n  sections: {\n    center: [\n      group('fields', { importance: 4 }, [\n        'form:add-textfield',\n        'form:add-checkbox',\n        'form:add-radio',\n      ]),\n      group('choice-fields', { importance: 2 }, ['form:add-select', 'form:add-listbox']),\n      history,\n    ],\n  },\n};\n\nconst redactBar: BarSchema = {\n  id: 'redact',\n  sections: {\n    center: [\n      group('redact', { importance: 4 }, ['redaction:redact', 'panel:redaction']),\n      style,\n      history,\n    ],\n  },\n};\n\n// ── menus (command trees; separators derive between sections) ────────────────\nconst documentMenu: MenuSchema = {\n  id: 'document',\n  sections: [\n    { items: ['document:download', 'document:print'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\nconst zoomMenu: MenuSchema = {\n  id: 'zoom',\n  sections: [\n    {\n      labelKey: 'commands.zoom.level',\n      items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n    },\n    { items: ['zoom:in', 'zoom:out'] },\n    { items: ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'] },\n  ],\n};\n\nconst pageSettingsMenu: MenuSchema = {\n  id: 'page-settings',\n  sections: [\n    { labelKey: 'commands.spread.group', items: ['spread:none', 'spread:odd', 'spread:even'] },\n    { labelKey: 'commands.scroll.group', items: ['scroll:vertical', 'scroll:horizontal'] },\n    { labelKey: 'commands.rotate.group', items: ['rotate:clockwise', 'rotate:counter-clockwise'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\n// ── contextual strips (anchored to selections; same BarSchema vocabulary) ────\n// WHICH commands actually show is each command's `visible` derivation (group\n// only when groupable, style only when the kind declares editable props…), so\n// one strip serves single AND multi selection — v2 needed two schemas for that.\nconst annotationStrip: BarSchema = {\n  id: 'annotation-strip',\n  sections: {\n    center: [\n      group('annotation-actions', { importance: 4 }, [\n        'annotation:comment',\n        'annotation:style',\n        'annotation:stamp-from-selection',\n        'annotation:link',\n        'annotation:goto-link',\n        'annotation:remove-link',\n        'annotation:group',\n        'annotation:ungroup',\n      ]),\n      // Its own group → a derived separator; delete stands apart.\n      group('annotation-danger', { importance: 5 }, ['annotation:delete']),\n    ],\n  },\n};\n\n// The text-selection strip: appears when a text selection SETTLES (the menu\n// component gates on `isSelecting()`). One command today; \"Highlight\" et al.\n// are one more id here + one command — no component changes.\nconst selectionStrip: BarSchema = {\n  id: 'selection-strip',\n  sections: {\n    center: [group('selection-actions', { importance: 4 }, ['selection:copy'])],\n  },\n};\n\n/**\n * The DEFAULT chrome — exported as a VALUE, which is the whole customization\n * model: consumers pass nothing and track this, transform it, or write their\n * own. It is never merged with anything.\n */\nexport const defaultChrome = defineChrome({\n  bars: { main: mainBar },\n  modeBars: {\n    'mode:annotate': annotateBar,\n    'mode:shapes': shapesBar,\n    'mode:insert': insertBar,\n    'mode:form': formBar,\n    'mode:redact': redactBar,\n  },\n  menus: { document: documentMenu, zoom: zoomMenu, 'page-settings': pageSettingsMenu },\n  strips: { annotation: annotationStrip, selection: selectionStrip },\n});\n\n// Lookups take the RESOLVED schema (the host may have replaced the default) —\n// the typed literal widens to arbitrary string keys here, once.\n\n/** Menu lookup by id (arbitrary string). */\nexport function getMenu(schema: ChromeSchema, id: string): MenuSchema | undefined {\n  return (schema.menus as Record<string, MenuSchema> | undefined)?.[id];\n}\n\n/** Secondary band lookup by mode-surface id. */\nexport function getModeBar(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.modeBars as Record<string, BarSchema> | undefined)?.[id];\n}\n\n/** Contextual strip lookup by context id ('annotation', …). */\nexport function getStrip(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.strips as Record<string, BarSchema> | undefined)?.[id];\n}\n"],"mappings":"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"}
+{"version":3,"file":"chrome.cjs","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The chrome — structure only. No breakpoints, no show/hide lists, no locale\n * overrides, no dividers/spacers, no hand-written overflow menus. What fits is\n * measured and solved at runtime (@embedpdf/core-ui); the overflow menu is\n * derived. Compare to the v2 snippet's 1,950-line ui-schema.ts.\n *\n * `importance` (1 sheds first … 5 pinned) is the only responsive knob.\n */\nimport {\n  defineChrome,\n  group,\n  item,\n  custom,\n  type BarSchema,\n  type ChromeSchema,\n  type MenuSchema,\n} from '@embedpdf/react/toolbar';\n\n// Reused across every mode band — plain values, so composition is just a const.\nconst style = group('style', { importance: 4 }, [item('panel:annotation-style')]);\nconst history = group('history', { importance: 3 }, ['history:undo', 'history:redo']);\n\n// ── main toolbar ─────────────────────────────────────────────────────────────\nconst mainBar: BarSchema = {\n  id: 'main',\n  sections: {\n    // v2 layout: everything before the first spacer sits LEFT-aligned —\n    // document menu, workspace, zoom strip, pan/pointer. Only the mode tabs\n    // are truly centered.\n    start: [\n      group('document', { importance: 5 }, [item('document:menu')]),\n      group('workspace', { importance: 4 }, [\n        item('panel:sidebar', { importance: 5 }),\n        item('page:settings'),\n      ]),\n      // The inline zoom strip; when it can't fit it renders its 'button'\n      // variant, and in the overflow menu it projects through zoom:menu.\n      group('zoom', { importance: 4 }, [\n        custom('zoom-controls', { variants: ['inline', 'button'], terminal: 'zoom:menu' }),\n      ]),\n      group('tools', { importance: 2 }, ['pan:toggle', 'pointer:toggle']),\n    ],\n    center: [\n      group('modes', {\n        role: 'tabs',\n        // The group ladder: full strip → trailing tabs shed behind a derived\n        // in-strip chevron (v2's overflow-tabs-button) → select (v2's\n        // mode-select-button) → global overflow. Tab items at importance 1 so\n        // the strip is the FIRST thing to compact; the group at 4 so its\n        // compact forms survive long.\n        shed: true,\n        collapse: 'select',\n        importance: 4,\n        labelKey: 'commands.mode.group',\n        items: [\n          item('mode:view', { variants: ['label'], importance: 1 }),\n          item('mode:annotate', { variants: ['label'], importance: 1 }),\n          item('mode:shapes', { variants: ['label'], importance: 1 }),\n          item('mode:insert', { variants: ['label'], importance: 1 }),\n          item('mode:form', { variants: ['label'], importance: 1 }),\n          item('mode:redact', { variants: ['label'], importance: 1 }),\n          item('mode:measure', { variants: ['label'], importance: 1 }),\n        ],\n      }),\n    ],\n    end: [group('panels', { importance: 5 }, ['panel:search', 'panel:comment'])],\n  },\n};\n\n// ── secondary bands (one per mode; which shows is derived from shell) ────────\nconst annotateBar: BarSchema = {\n  id: 'annotate',\n  sections: {\n    center: [\n      group('comment', { importance: 4 }, ['annotation:add-note', 'annotation:add-link']),\n      group('markup', { importance: 4 }, [\n        'annotation:add-highlight',\n        'annotation:add-strikeout',\n        'annotation:add-underline',\n        'annotation:add-squiggly',\n      ]),\n      group('draw', { importance: 3 }, ['annotation:add-ink', 'annotation:add-ink-highlight']),\n      group('text', { importance: 2 }, [\n        'annotation:add-text',\n        'annotation:add-insert-text',\n        'annotation:add-replace-text',\n        'annotation:add-callout',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst shapesBar: BarSchema = {\n  id: 'shapes',\n  sections: {\n    center: [\n      group('shapes', { importance: 4 }, [\n        'annotation:add-rectangle',\n        'annotation:add-circle',\n        'annotation:add-line',\n        'annotation:add-arrow',\n      ]),\n      group('polygons', { importance: 2 }, ['annotation:add-polygon', 'annotation:add-polyline']),\n      style,\n      history,\n    ],\n  },\n};\n\nconst insertBar: BarSchema = {\n  id: 'insert',\n  sections: {\n    center: [\n      group('stamps', { importance: 4 }, [\n        'insert:add-stamp',\n        // Quick marks (`stamps.toolbar`): thumbnails that arm on click; in a\n        // menu the stamps panel stands in for them.\n        custom('quick-stamps', { terminal: 'insert:add-stamp', importance: 3 }),\n        'insert:add-attachment',\n        'insert:add-signature',\n        'insert:add-image',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst formBar: BarSchema = {\n  id: 'form',\n  sections: {\n    center: [\n      group('fields', { importance: 4 }, [\n        'form:add-textfield',\n        'form:add-checkbox',\n        'form:add-radio',\n      ]),\n      group('choice-fields', { importance: 2 }, ['form:add-select', 'form:add-listbox']),\n      group('signature-fields', { importance: 2 }, ['form:add-signature']),\n      history,\n    ],\n  },\n};\n\nconst measureBar: BarSchema = {\n  id: 'measure',\n  sections: {\n    center: [\n      group('measure', { importance: 5 }, [\n        'measurement:distance',\n        'measurement:perimeter',\n        'measurement:area',\n        'measurement:calibrate',\n      ]),\n      group('scale', { importance: 4 }, [\n        custom('measurement-scale', { variants: ['inline'], terminal: 'panel:measurement' }),\n      ]),\n      style,\n    ],\n  },\n};\n\nconst redactBar: BarSchema = {\n  id: 'redact',\n  sections: {\n    center: [\n      group('redact', { importance: 4 }, ['redaction:redact', 'panel:redaction']),\n      style,\n      history,\n    ],\n  },\n};\n\n// ── menus (command trees; separators derive between sections) ────────────────\nconst documentMenu: MenuSchema = {\n  id: 'document',\n  sections: [\n    { items: ['document:download', 'document:print'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\nconst zoomMenu: MenuSchema = {\n  id: 'zoom',\n  sections: [\n    {\n      labelKey: 'commands.zoom.level',\n      items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n    },\n    { items: ['zoom:in', 'zoom:out'] },\n    { items: ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'] },\n  ],\n};\n\nconst pageSettingsMenu: MenuSchema = {\n  id: 'page-settings',\n  sections: [\n    { labelKey: 'commands.spread.group', items: ['spread:none', 'spread:odd', 'spread:even'] },\n    { labelKey: 'commands.scroll.group', items: ['scroll:vertical', 'scroll:horizontal'] },\n    { labelKey: 'commands.rotate.group', items: ['rotate:clockwise', 'rotate:counter-clockwise'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\n// ── contextual strips (anchored to selections; same BarSchema vocabulary) ────\n// WHICH commands actually show is each command's `visible` derivation (group\n// only when groupable, style only when the kind declares editable props…), so\n// one strip serves single AND multi selection — v2 needed two schemas for that.\nconst annotationStrip: BarSchema = {\n  id: 'annotation-strip',\n  sections: {\n    center: [\n      group('annotation-actions', { importance: 4 }, [\n        'annotation:comment',\n        'annotation:style',\n        'annotation:stamp-from-selection',\n        'annotation:link',\n        'annotation:goto-link',\n        'annotation:remove-link',\n        'annotation:group',\n        'annotation:ungroup',\n      ]),\n      // Its own group → a derived separator; delete stands apart.\n      group('annotation-danger', { importance: 5 }, ['annotation:delete']),\n    ],\n  },\n};\n\n// The text-selection strip: appears when a text selection SETTLES (the menu\n// component gates on `isSelecting()`). One command today; \"Highlight\" et al.\n// are one more id here + one command — no component changes.\nconst selectionStrip: BarSchema = {\n  id: 'selection-strip',\n  sections: {\n    center: [group('selection-actions', { importance: 4 }, ['selection:copy'])],\n  },\n};\n\n/**\n * The DEFAULT chrome — exported as a VALUE, which is the whole customization\n * model: consumers pass nothing and track this, transform it, or write their\n * own. It is never merged with anything.\n */\nexport const defaultChrome = defineChrome({\n  bars: { main: mainBar },\n  modeBars: {\n    'mode:annotate': annotateBar,\n    'mode:shapes': shapesBar,\n    'mode:insert': insertBar,\n    'mode:form': formBar,\n    'mode:redact': redactBar,\n    'mode:measure': measureBar,\n  },\n  menus: { document: documentMenu, zoom: zoomMenu, 'page-settings': pageSettingsMenu },\n  strips: { annotation: annotationStrip, selection: selectionStrip },\n});\n\n// Lookups take the RESOLVED schema (the host may have replaced the default) —\n// the typed literal widens to arbitrary string keys here, once.\n\n/** Menu lookup by id (arbitrary string). */\nexport function getMenu(schema: ChromeSchema, id: string): MenuSchema | undefined {\n  return (schema.menus as Record<string, MenuSchema> | undefined)?.[id];\n}\n\n/** Secondary band lookup by mode-surface id. */\nexport function getModeBar(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.modeBars as Record<string, BarSchema> | undefined)?.[id];\n}\n\n/** Contextual strip lookup by context id ('annotation', …). */\nexport function getStrip(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.strips as Record<string, BarSchema> | undefined)?.[id];\n}\n"],"mappings":"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"}

package/dist/chrome.d.cts

@@ -15,6 +15,7 @@ declare const defaultChrome: {
     'mode:insert': BarSchema;
     'mode:form': BarSchema;
     'mode:redact': BarSchema;
+    'mode:measure': BarSchema;
   };
   menus: {
     document: MenuSchema;

package/dist/chrome.d.ts

@@ -15,6 +15,7 @@ declare const defaultChrome: {
     'mode:insert': BarSchema;
     'mode:form': BarSchema;
     'mode:redact': BarSchema;
+    'mode:measure': BarSchema;
   };
   menus: {
     document: MenuSchema;

package/dist/chrome.js

@@ -52,6 +52,10 @@ const mainBar = {
 				item("mode:redact", {
 					variants: ["label"],
 					importance: 1
+				}),
+				item("mode:measure", {
+					variants: ["label"],
+					importance: 1
 				})
 			]
 		})],
@@ -98,6 +102,10 @@ const insertBar = {
 	sections: { center: [
 		group("stamps", { importance: 4 }, [
 			"insert:add-stamp",
+			custom("quick-stamps", {
+				terminal: "insert:add-stamp",
+				importance: 3
+			}),
 			"insert:add-attachment",
 			"insert:add-signature",
 			"insert:add-image"
@@ -115,9 +123,26 @@ const formBar = {
 			"form:add-radio"
 		]),
 		group("choice-fields", { importance: 2 }, ["form:add-select", "form:add-listbox"]),
+		group("signature-fields", { importance: 2 }, ["form:add-signature"]),
 		history
 	] }
 };
+const measureBar = {
+	id: "measure",
+	sections: { center: [
+		group("measure", { importance: 5 }, [
+			"measurement:distance",
+			"measurement:perimeter",
+			"measurement:area",
+			"measurement:calibrate"
+		]),
+		group("scale", { importance: 4 }, [custom("measurement-scale", {
+			variants: ["inline"],
+			terminal: "panel:measurement"
+		})]),
+		style
+	] }
+};
 const redactBar = {
 	id: "redact",
 	sections: { center: [
@@ -202,7 +227,8 @@ const defaultChrome = defineChrome({
 		"mode:shapes": shapesBar,
 		"mode:insert": insertBar,
 		"mode:form": formBar,
-		"mode:redact": redactBar
+		"mode:redact": redactBar,
+		"mode:measure": measureBar
 	},
 	menus: {
 		document: documentMenu,

package/dist/chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.js","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The chrome — structure only. No breakpoints, no show/hide lists, no locale\n * overrides, no dividers/spacers, no hand-written overflow menus. What fits is\n * measured and solved at runtime (@embedpdf/core-ui); the overflow menu is\n * derived. Compare to the v2 snippet's 1,950-line ui-schema.ts.\n *\n * `importance` (1 sheds first … 5 pinned) is the only responsive knob.\n */\nimport {\n  defineChrome,\n  group,\n  item,\n  custom,\n  type BarSchema,\n  type ChromeSchema,\n  type MenuSchema,\n} from '@embedpdf/react/toolbar';\n\n// Reused across every mode band — plain values, so composition is just a const.\nconst style = group('style', { importance: 4 }, [item('panel:annotation-style')]);\nconst history = group('history', { importance: 3 }, ['history:undo', 'history:redo']);\n\n// ── main toolbar ─────────────────────────────────────────────────────────────\nconst mainBar: BarSchema = {\n  id: 'main',\n  sections: {\n    // v2 layout: everything before the first spacer sits LEFT-aligned —\n    // document menu, workspace, zoom strip, pan/pointer. Only the mode tabs\n    // are truly centered.\n    start: [\n      group('document', { importance: 5 }, [item('document:menu')]),\n      group('workspace', { importance: 4 }, [\n        item('panel:sidebar', { importance: 5 }),\n        item('page:settings'),\n      ]),\n      // The inline zoom strip; when it can't fit it renders its 'button'\n      // variant, and in the overflow menu it projects through zoom:menu.\n      group('zoom', { importance: 4 }, [\n        custom('zoom-controls', { variants: ['inline', 'button'], terminal: 'zoom:menu' }),\n      ]),\n      group('tools', { importance: 2 }, ['pan:toggle', 'pointer:toggle']),\n    ],\n    center: [\n      group('modes', {\n        role: 'tabs',\n        // The group ladder: full strip → trailing tabs shed behind a derived\n        // in-strip chevron (v2's overflow-tabs-button) → select (v2's\n        // mode-select-button) → global overflow. Tab items at importance 1 so\n        // the strip is the FIRST thing to compact; the group at 4 so its\n        // compact forms survive long.\n        shed: true,\n        collapse: 'select',\n        importance: 4,\n        labelKey: 'commands.mode.group',\n        items: [\n          item('mode:view', { variants: ['label'], importance: 1 }),\n          item('mode:annotate', { variants: ['label'], importance: 1 }),\n          item('mode:shapes', { variants: ['label'], importance: 1 }),\n          item('mode:insert', { variants: ['label'], importance: 1 }),\n          item('mode:form', { variants: ['label'], importance: 1 }),\n          item('mode:redact', { variants: ['label'], importance: 1 }),\n        ],\n      }),\n    ],\n    end: [group('panels', { importance: 5 }, ['panel:search', 'panel:comment'])],\n  },\n};\n\n// ── secondary bands (one per mode; which shows is derived from shell) ────────\nconst annotateBar: BarSchema = {\n  id: 'annotate',\n  sections: {\n    center: [\n      group('comment', { importance: 4 }, ['annotation:add-note', 'annotation:add-link']),\n      group('markup', { importance: 4 }, [\n        'annotation:add-highlight',\n        'annotation:add-strikeout',\n        'annotation:add-underline',\n        'annotation:add-squiggly',\n      ]),\n      group('draw', { importance: 3 }, ['annotation:add-ink', 'annotation:add-ink-highlight']),\n      group('text', { importance: 2 }, [\n        'annotation:add-text',\n        'annotation:add-insert-text',\n        'annotation:add-replace-text',\n        'annotation:add-callout',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst shapesBar: BarSchema = {\n  id: 'shapes',\n  sections: {\n    center: [\n      group('shapes', { importance: 4 }, [\n        'annotation:add-rectangle',\n        'annotation:add-circle',\n        'annotation:add-line',\n        'annotation:add-arrow',\n      ]),\n      group('polygons', { importance: 2 }, ['annotation:add-polygon', 'annotation:add-polyline']),\n      style,\n      history,\n    ],\n  },\n};\n\nconst insertBar: BarSchema = {\n  id: 'insert',\n  sections: {\n    center: [\n      group('stamps', { importance: 4 }, [\n        'insert:add-stamp',\n        'insert:add-attachment',\n        'insert:add-signature',\n        'insert:add-image',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst formBar: BarSchema = {\n  id: 'form',\n  sections: {\n    center: [\n      group('fields', { importance: 4 }, [\n        'form:add-textfield',\n        'form:add-checkbox',\n        'form:add-radio',\n      ]),\n      group('choice-fields', { importance: 2 }, ['form:add-select', 'form:add-listbox']),\n      history,\n    ],\n  },\n};\n\nconst redactBar: BarSchema = {\n  id: 'redact',\n  sections: {\n    center: [\n      group('redact', { importance: 4 }, ['redaction:redact', 'panel:redaction']),\n      style,\n      history,\n    ],\n  },\n};\n\n// ── menus (command trees; separators derive between sections) ────────────────\nconst documentMenu: MenuSchema = {\n  id: 'document',\n  sections: [\n    { items: ['document:download', 'document:print'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\nconst zoomMenu: MenuSchema = {\n  id: 'zoom',\n  sections: [\n    {\n      labelKey: 'commands.zoom.level',\n      items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n    },\n    { items: ['zoom:in', 'zoom:out'] },\n    { items: ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'] },\n  ],\n};\n\nconst pageSettingsMenu: MenuSchema = {\n  id: 'page-settings',\n  sections: [\n    { labelKey: 'commands.spread.group', items: ['spread:none', 'spread:odd', 'spread:even'] },\n    { labelKey: 'commands.scroll.group', items: ['scroll:vertical', 'scroll:horizontal'] },\n    { labelKey: 'commands.rotate.group', items: ['rotate:clockwise', 'rotate:counter-clockwise'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\n// ── contextual strips (anchored to selections; same BarSchema vocabulary) ────\n// WHICH commands actually show is each command's `visible` derivation (group\n// only when groupable, style only when the kind declares editable props…), so\n// one strip serves single AND multi selection — v2 needed two schemas for that.\nconst annotationStrip: BarSchema = {\n  id: 'annotation-strip',\n  sections: {\n    center: [\n      group('annotation-actions', { importance: 4 }, [\n        'annotation:comment',\n        'annotation:style',\n        'annotation:stamp-from-selection',\n        'annotation:link',\n        'annotation:goto-link',\n        'annotation:remove-link',\n        'annotation:group',\n        'annotation:ungroup',\n      ]),\n      // Its own group → a derived separator; delete stands apart.\n      group('annotation-danger', { importance: 5 }, ['annotation:delete']),\n    ],\n  },\n};\n\n// The text-selection strip: appears when a text selection SETTLES (the menu\n// component gates on `isSelecting()`). One command today; \"Highlight\" et al.\n// are one more id here + one command — no component changes.\nconst selectionStrip: BarSchema = {\n  id: 'selection-strip',\n  sections: {\n    center: [group('selection-actions', { importance: 4 }, ['selection:copy'])],\n  },\n};\n\n/**\n * The DEFAULT chrome — exported as a VALUE, which is the whole customization\n * model: consumers pass nothing and track this, transform it, or write their\n * own. It is never merged with anything.\n */\nexport const defaultChrome = defineChrome({\n  bars: { main: mainBar },\n  modeBars: {\n    'mode:annotate': annotateBar,\n    'mode:shapes': shapesBar,\n    'mode:insert': insertBar,\n    'mode:form': formBar,\n    'mode:redact': redactBar,\n  },\n  menus: { document: documentMenu, zoom: zoomMenu, 'page-settings': pageSettingsMenu },\n  strips: { annotation: annotationStrip, selection: selectionStrip },\n});\n\n// Lookups take the RESOLVED schema (the host may have replaced the default) —\n// the typed literal widens to arbitrary string keys here, once.\n\n/** Menu lookup by id (arbitrary string). */\nexport function getMenu(schema: ChromeSchema, id: string): MenuSchema | undefined {\n  return (schema.menus as Record<string, MenuSchema> | undefined)?.[id];\n}\n\n/** Secondary band lookup by mode-surface id. */\nexport function getModeBar(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.modeBars as Record<string, BarSchema> | undefined)?.[id];\n}\n\n/** Contextual strip lookup by context id ('annotation', …). */\nexport function getStrip(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.strips as Record<string, BarSchema> | undefined)?.[id];\n}\n"],"mappings":"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"}
+{"version":3,"file":"chrome.js","names":[],"sources":["../src/config/chrome.ts"],"sourcesContent":["/**\n * The chrome — structure only. No breakpoints, no show/hide lists, no locale\n * overrides, no dividers/spacers, no hand-written overflow menus. What fits is\n * measured and solved at runtime (@embedpdf/core-ui); the overflow menu is\n * derived. Compare to the v2 snippet's 1,950-line ui-schema.ts.\n *\n * `importance` (1 sheds first … 5 pinned) is the only responsive knob.\n */\nimport {\n  defineChrome,\n  group,\n  item,\n  custom,\n  type BarSchema,\n  type ChromeSchema,\n  type MenuSchema,\n} from '@embedpdf/react/toolbar';\n\n// Reused across every mode band — plain values, so composition is just a const.\nconst style = group('style', { importance: 4 }, [item('panel:annotation-style')]);\nconst history = group('history', { importance: 3 }, ['history:undo', 'history:redo']);\n\n// ── main toolbar ─────────────────────────────────────────────────────────────\nconst mainBar: BarSchema = {\n  id: 'main',\n  sections: {\n    // v2 layout: everything before the first spacer sits LEFT-aligned —\n    // document menu, workspace, zoom strip, pan/pointer. Only the mode tabs\n    // are truly centered.\n    start: [\n      group('document', { importance: 5 }, [item('document:menu')]),\n      group('workspace', { importance: 4 }, [\n        item('panel:sidebar', { importance: 5 }),\n        item('page:settings'),\n      ]),\n      // The inline zoom strip; when it can't fit it renders its 'button'\n      // variant, and in the overflow menu it projects through zoom:menu.\n      group('zoom', { importance: 4 }, [\n        custom('zoom-controls', { variants: ['inline', 'button'], terminal: 'zoom:menu' }),\n      ]),\n      group('tools', { importance: 2 }, ['pan:toggle', 'pointer:toggle']),\n    ],\n    center: [\n      group('modes', {\n        role: 'tabs',\n        // The group ladder: full strip → trailing tabs shed behind a derived\n        // in-strip chevron (v2's overflow-tabs-button) → select (v2's\n        // mode-select-button) → global overflow. Tab items at importance 1 so\n        // the strip is the FIRST thing to compact; the group at 4 so its\n        // compact forms survive long.\n        shed: true,\n        collapse: 'select',\n        importance: 4,\n        labelKey: 'commands.mode.group',\n        items: [\n          item('mode:view', { variants: ['label'], importance: 1 }),\n          item('mode:annotate', { variants: ['label'], importance: 1 }),\n          item('mode:shapes', { variants: ['label'], importance: 1 }),\n          item('mode:insert', { variants: ['label'], importance: 1 }),\n          item('mode:form', { variants: ['label'], importance: 1 }),\n          item('mode:redact', { variants: ['label'], importance: 1 }),\n          item('mode:measure', { variants: ['label'], importance: 1 }),\n        ],\n      }),\n    ],\n    end: [group('panels', { importance: 5 }, ['panel:search', 'panel:comment'])],\n  },\n};\n\n// ── secondary bands (one per mode; which shows is derived from shell) ────────\nconst annotateBar: BarSchema = {\n  id: 'annotate',\n  sections: {\n    center: [\n      group('comment', { importance: 4 }, ['annotation:add-note', 'annotation:add-link']),\n      group('markup', { importance: 4 }, [\n        'annotation:add-highlight',\n        'annotation:add-strikeout',\n        'annotation:add-underline',\n        'annotation:add-squiggly',\n      ]),\n      group('draw', { importance: 3 }, ['annotation:add-ink', 'annotation:add-ink-highlight']),\n      group('text', { importance: 2 }, [\n        'annotation:add-text',\n        'annotation:add-insert-text',\n        'annotation:add-replace-text',\n        'annotation:add-callout',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst shapesBar: BarSchema = {\n  id: 'shapes',\n  sections: {\n    center: [\n      group('shapes', { importance: 4 }, [\n        'annotation:add-rectangle',\n        'annotation:add-circle',\n        'annotation:add-line',\n        'annotation:add-arrow',\n      ]),\n      group('polygons', { importance: 2 }, ['annotation:add-polygon', 'annotation:add-polyline']),\n      style,\n      history,\n    ],\n  },\n};\n\nconst insertBar: BarSchema = {\n  id: 'insert',\n  sections: {\n    center: [\n      group('stamps', { importance: 4 }, [\n        'insert:add-stamp',\n        // Quick marks (`stamps.toolbar`): thumbnails that arm on click; in a\n        // menu the stamps panel stands in for them.\n        custom('quick-stamps', { terminal: 'insert:add-stamp', importance: 3 }),\n        'insert:add-attachment',\n        'insert:add-signature',\n        'insert:add-image',\n      ]),\n      style,\n      history,\n    ],\n  },\n};\n\nconst formBar: BarSchema = {\n  id: 'form',\n  sections: {\n    center: [\n      group('fields', { importance: 4 }, [\n        'form:add-textfield',\n        'form:add-checkbox',\n        'form:add-radio',\n      ]),\n      group('choice-fields', { importance: 2 }, ['form:add-select', 'form:add-listbox']),\n      group('signature-fields', { importance: 2 }, ['form:add-signature']),\n      history,\n    ],\n  },\n};\n\nconst measureBar: BarSchema = {\n  id: 'measure',\n  sections: {\n    center: [\n      group('measure', { importance: 5 }, [\n        'measurement:distance',\n        'measurement:perimeter',\n        'measurement:area',\n        'measurement:calibrate',\n      ]),\n      group('scale', { importance: 4 }, [\n        custom('measurement-scale', { variants: ['inline'], terminal: 'panel:measurement' }),\n      ]),\n      style,\n    ],\n  },\n};\n\nconst redactBar: BarSchema = {\n  id: 'redact',\n  sections: {\n    center: [\n      group('redact', { importance: 4 }, ['redaction:redact', 'panel:redaction']),\n      style,\n      history,\n    ],\n  },\n};\n\n// ── menus (command trees; separators derive between sections) ────────────────\nconst documentMenu: MenuSchema = {\n  id: 'document',\n  sections: [\n    { items: ['document:download', 'document:print'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\nconst zoomMenu: MenuSchema = {\n  id: 'zoom',\n  sections: [\n    {\n      labelKey: 'commands.zoom.level',\n      items: ['zoom:50', 'zoom:100', 'zoom:150', 'zoom:200', 'zoom:400'],\n    },\n    { items: ['zoom:in', 'zoom:out'] },\n    { items: ['zoom:fit-page', 'zoom:fit-width', 'zoom:automatic'] },\n  ],\n};\n\nconst pageSettingsMenu: MenuSchema = {\n  id: 'page-settings',\n  sections: [\n    { labelKey: 'commands.spread.group', items: ['spread:none', 'spread:odd', 'spread:even'] },\n    { labelKey: 'commands.scroll.group', items: ['scroll:vertical', 'scroll:horizontal'] },\n    { labelKey: 'commands.rotate.group', items: ['rotate:clockwise', 'rotate:counter-clockwise'] },\n    { items: ['document:fullscreen'] },\n  ],\n};\n\n// ── contextual strips (anchored to selections; same BarSchema vocabulary) ────\n// WHICH commands actually show is each command's `visible` derivation (group\n// only when groupable, style only when the kind declares editable props…), so\n// one strip serves single AND multi selection — v2 needed two schemas for that.\nconst annotationStrip: BarSchema = {\n  id: 'annotation-strip',\n  sections: {\n    center: [\n      group('annotation-actions', { importance: 4 }, [\n        'annotation:comment',\n        'annotation:style',\n        'annotation:stamp-from-selection',\n        'annotation:link',\n        'annotation:goto-link',\n        'annotation:remove-link',\n        'annotation:group',\n        'annotation:ungroup',\n      ]),\n      // Its own group → a derived separator; delete stands apart.\n      group('annotation-danger', { importance: 5 }, ['annotation:delete']),\n    ],\n  },\n};\n\n// The text-selection strip: appears when a text selection SETTLES (the menu\n// component gates on `isSelecting()`). One command today; \"Highlight\" et al.\n// are one more id here + one command — no component changes.\nconst selectionStrip: BarSchema = {\n  id: 'selection-strip',\n  sections: {\n    center: [group('selection-actions', { importance: 4 }, ['selection:copy'])],\n  },\n};\n\n/**\n * The DEFAULT chrome — exported as a VALUE, which is the whole customization\n * model: consumers pass nothing and track this, transform it, or write their\n * own. It is never merged with anything.\n */\nexport const defaultChrome = defineChrome({\n  bars: { main: mainBar },\n  modeBars: {\n    'mode:annotate': annotateBar,\n    'mode:shapes': shapesBar,\n    'mode:insert': insertBar,\n    'mode:form': formBar,\n    'mode:redact': redactBar,\n    'mode:measure': measureBar,\n  },\n  menus: { document: documentMenu, zoom: zoomMenu, 'page-settings': pageSettingsMenu },\n  strips: { annotation: annotationStrip, selection: selectionStrip },\n});\n\n// Lookups take the RESOLVED schema (the host may have replaced the default) —\n// the typed literal widens to arbitrary string keys here, once.\n\n/** Menu lookup by id (arbitrary string). */\nexport function getMenu(schema: ChromeSchema, id: string): MenuSchema | undefined {\n  return (schema.menus as Record<string, MenuSchema> | undefined)?.[id];\n}\n\n/** Secondary band lookup by mode-surface id. */\nexport function getModeBar(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.modeBars as Record<string, BarSchema> | undefined)?.[id];\n}\n\n/** Contextual strip lookup by context id ('annotation', …). */\nexport function getStrip(schema: ChromeSchema, id: string): BarSchema | undefined {\n  return (schema.strips as Record<string, BarSchema> | undefined)?.[id];\n}\n"],"mappings":"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"}

package/dist/commands.cjs

@@ -5,9 +5,11 @@ let _embedpdf_react_interaction = require("@embedpdf/react/interaction");
 let _embedpdf_react_selection = require("@embedpdf/react/selection");
 let _embedpdf_react_annotation = require("@embedpdf/react/annotation");
 let _embedpdf_react_stamp = require("@embedpdf/react/stamp");
+let _embedpdf_react_measurement = require("@embedpdf/react/measurement");
 let _embedpdf_react_redaction = require("@embedpdf/react/redaction");
 let _embedpdf_react_actions = require("@embedpdf/react/actions");
 let _embedpdf_react_form = require("@embedpdf/react/form");
+let _embedpdf_react_signature = require("@embedpdf/react/signature");
 let _embedpdf_react_link = require("@embedpdf/react/link");
 let _embedpdf_react_search = require("@embedpdf/react/search");
 let _embedpdf_react_i18n = require("@embedpdf/react/i18n");
@@ -325,6 +327,7 @@ const defaultCommands = [
 	modeCommand("mode:insert", "commands.mode.insert"),
 	modeCommand("mode:form", "commands.mode.form", "form-edit"),
 	modeCommand("mode:redact", "commands.mode.redact"),
+	modeCommand("mode:measure", "commands.mode.measure"),
 	tool("annotation:add-highlight", "highlight", "commands.annotate.highlight", "highlight", { primary: "color" }),
 	tool("annotation:add-strikeout", "strikeout", "commands.annotate.strikeout", "strikethrough", { primary: "color" }),
 	tool("annotation:add-underline", "underline", "commands.annotate.underline", "underline", { primary: "color" }),
@@ -368,13 +371,25 @@ const defaultCommands = [
 		}
 	},
 	tool("insert:add-attachment", "attachment", "commands.insert.attachment", "paperclip"),
-	tool("insert:add-signature", "signature", "commands.insert.signature", "signature"),
+	{
+		id: "insert:add-signature",
+		labelKey: "commands.insert.signature",
+		icon: "signature",
+		visible: (c) => c.tryGet(_embedpdf_react_stamp.StampToken) != null && c.tryGet(_embedpdf_react_signature.SignatureToken) != null,
+		enabled: (c) => anno(c)?.canCreate() ?? true,
+		categories: ["panel"],
+		panel: {
+			id: "signatures",
+			exclusive: "right"
+		}
+	},
 	tool("insert:add-image", "image", "commands.insert.image", "photo"),
 	tool("form:add-textfield", "form-text", "commands.form.textfield", "formTextfield"),
 	tool("form:add-checkbox", "form-checkbox", "commands.form.checkbox", "formCheckbox"),
 	tool("form:add-radio", "form-radio", "commands.form.radio", "formRadio"),
 	tool("form:add-select", "form-combobox", "commands.form.select", "formSelect"),
 	tool("form:add-listbox", "form-listbox", "commands.form.listbox", "formListbox"),
+	tool("form:add-signature", "form-signature", "commands.form.signature", "signature"),
 	tool("redaction:redact", "redact", "commands.redact.mark", "redactArea"),
 	{
 		id: "panel:redaction",
@@ -390,6 +405,57 @@ const defaultCommands = [
 			exclusive: "right"
 		}
 	},
+	{
+		...tool("measurement:distance", "distance", "measurement.distance", "distance", { primary: "color" }),
+		enabled: (c) => {
+			const s = stage(c);
+			const pon = s?.pages()[s.currentPage()]?.pon;
+			return pon != null && (c.tryGet(_embedpdf_react_measurement.MeasurementToken)?.canMeasure(pon) ?? false);
+		}
+	},
+	{
+		...tool("measurement:perimeter", "perimeter", "measurement.perimeter", "perimeter", { primary: "color" }),
+		enabled: (c) => {
+			const s = stage(c);
+			const pon = s?.pages()[s.currentPage()]?.pon;
+			return pon != null && (c.tryGet(_embedpdf_react_measurement.MeasurementToken)?.canMeasure(pon) ?? false);
+		}
+	},
+	{
+		...tool("measurement:area", "area", "measurement.area", "area", { primary: "color" }),
+		enabled: (c) => {
+			const s = stage(c);
+			const pon = s?.pages()[s.currentPage()]?.pon;
+			return pon != null && (c.tryGet(_embedpdf_react_measurement.MeasurementToken)?.canMeasure(pon) ?? false);
+		}
+	},
+	{
+		id: "measurement:calibrate",
+		labelKey: "measurement.calibrate",
+		icon: "calibrate",
+		categories: ["tool"],
+		enabled: (c) => c.tryGet(_embedpdf_react_measurement.MeasurementToken)?.canCalibrate() ?? false,
+		active: (c) => interaction(c)?.activeToolId() === "calibrate",
+		run: (c) => c.tryGet(_embedpdf_react_measurement.MeasurementToken)?.startCalibration()
+	},
+	{
+		id: "panel:measurement",
+		labelKey: "measurement.title",
+		icon: "updateScale",
+		categories: ["panel"],
+		panel: {
+			id: "measurement",
+			exclusive: "right"
+		}
+	},
+	{
+		id: "annotation:cancel-creation",
+		labelKey: "commands.annotate.cancelCreation",
+		categories: ["annotation"],
+		shortcut: "Escape",
+		enabled: (c) => anno(c)?.hasCreationDraft() ?? false,
+		run: (c) => anno(c)?.cancelCreationDraft()
+	},
 	{
 		id: "annotation:delete",
 		labelKey: "commands.annotate.delete",
@@ -560,7 +626,8 @@ const MODE_SURFACES = [
 	"mode:shapes",
 	"mode:insert",
 	"mode:form",
-	"mode:redact"
+	"mode:redact",
+	"mode:measure"
 ];
 function modeCommand(id, labelKey, toolId = "pointer") {
 	return {