efficient-easel 0.101.1 → 0.103.0

package/dist/screen/words.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The assembled screen's own words (`efficient-easel/strings`, group
+ * `screen`): what it says while a document opens, what it says when one will
+ * not, and the word it calls the document in the edit notice.
+ *
+ * They came with the screen from the website editor, written into the
+ * provider, the mount and the notice; a second host (the campaign designer)
+ * opens campaigns, not storefront pages, and says so in its own words. So the
+ * defaults are the website's English, word for word, and a host lays its own
+ * over them with `EaselStringsProvider`.
+ *
+ * A plain module with no import: the catalogue reads it, and the catalogue
+ * imports nothing (`tests/strings-leaf-safety.test.ts`). Anything with a value
+ * in it is a function.
+ *
+ * What a sentence for a MISSING document is can also depend on the target, and
+ * that is the layer's to say (`DocumentAddressing.describeMissing`): these are
+ * the words the screen says when the layer says none.
+ */
+type ScreenWords = {
+    /** While the document is on its way, and while an entry may still bounce. */
+    loading: string;
+    /** Before the console's sign-in has reached an editor that needs it. */
+    waitingForAuthorization: string;
+    /** A website template's page that could not be opened. */
+    missingTemplatePage: string;
+    /** A website page that is not there, by the slug it was asked for. */
+    missingPage: (v: {
+        slug: string;
+    }) => string;
+    /** A host's own document (`{ kind: "document" }`) that is not there. */
+    missingDocument: string;
+    /** A load that failed: the plain lead-in, then what came back (`cause`). */
+    loadFailed: (v: {
+        cause: string;
+    }) => string;
+    /** What the document is called in the edit notice's sentences ("this page"). */
+    noun: string;
+};
+declare const DEFAULT_SCREEN_WORDS: ScreenWords;
+
+export { DEFAULT_SCREEN_WORDS, type ScreenWords };

package/dist/screen/words.js

@@ -0,0 +1 @@
+export{DEFAULT_SCREEN_WORDS}from"../chunk-ZWK3CBRU.js";

package/dist/session-DSQFmIvx.d.ts

@@ -0,0 +1,43 @@
+import { P as Place } from './types-41704JE4.js';
+
+/**
+ * The one drag in flight, shared by every surface of an editor — the Layers
+ * tree, the canvas and the Add list (blueprint step 3.2).
+ *
+ * Native drag-and-drop does not let a drop target read what is being dragged
+ * until the drop itself (the data is sealed during `dragover`), and a tree that
+ * only knows about drags it started cannot take a block from the Add list. So
+ * the surface that starts a drag writes it here and every surface reads it: a
+ * block picked up on the canvas can land in the tree, a tile from the Add list
+ * on either.
+ *
+ * `from` is where the thing sits now — absent for something new (an Add tile),
+ * which is also why a new thing can never be a no-op drop.
+ */
+
+type DragHeld<I> = {
+    /** The identity `keyOf` gave it — which row or box is the one being dragged. */
+    key: string;
+    item: I;
+    /** Where it sits now. Absent: it is new, from the Add list. */
+    from?: Place;
+};
+type DragSession<I> = {
+    /** The drag in flight, current at once (for event handlers). */
+    get: () => DragHeld<I> | null;
+    /** The drag as last TOLD to subscribers (for rendering — see below). */
+    shown: () => DragHeld<I> | null;
+    start: (held: DragHeld<I>) => void;
+    end: () => void;
+    subscribe: (listener: () => void) => () => void;
+};
+/**
+ * `get()` is current the moment a drag starts — the drop targets read it on
+ * their first `dragover`. SUBSCRIBERS hear about a start one tick later: the
+ * browser takes the drag picture when the `dragstart` handlers return, and a
+ * render in between (a row dimming, the handle hiding) would be in the picture.
+ * An end is told at once.
+ */
+declare function createDragSession<I>(): DragSession<I>;
+
+export { type DragSession as D, type DragHeld as a, createDragSession as c };

package/dist/strings/catalogue.d.ts

@@ -1,4 +1,4 @@
-import { S as SaveWords } from '../words-BMzV04b1.js';
+import { S as SaveWords } from '../words-D_Lnw1Gr.js';
 import { N as NoticeWords, C as ChromeWords } from '../words-AHHfiaRY.js';
 import { C as CopyWords } from '../words-XH0TvZPg.js';
 import { D as DragWords } from '../words-BDignMl_.js';
@@ -7,13 +7,16 @@ import { F as FieldsWords } from '../words-D8kf071T.js';
 import { N as NodeMenuWords } from '../words-DMG4dYq2.js';
 import { P as PanelWords } from '../words-BGrHZAJJ.js';
 import { P as PickWords } from '../words-is_Vy6hn.js';
+import { ScreenWords } from '../screen/words.js';
 import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
 import { T as TextStylesWords } from '../words-CRYvAiHX.js';
 import { T as TreeWords } from '../words-DgHcY5qB.js';
-import '../types-DGcCsxs8.js';
+import '../types-CqY85foL.js';
 import '../types-DWS-s9z-.js';
 import '../wordFit-D4S36PvB.js';
 import 'react';
+import '../panelWidths-D9hTLR25.js';
+import '../engine-DBxp_v6B.js';
 import '../markup/index.js';
 import '../buckets-CuLM47h9.js';
 
@@ -49,7 +52,10 @@ type RailWords = {
  * Every word and sentence this package itself draws or returns — visible text,
  * `aria-label`s, tooltips, placeholders — is an entry here, grouped by the
  * module that says it. What a HOST supplies (a block's name, a field's label, a
- * tile's caption, the document's noun) was never the engine's and is not here.
+ * tile's caption, the document's noun) was never the engine's and is not here —
+ * with one exception: the assembled screen (`efficient-easel/screen`) draws the
+ * edit notice itself, so the noun it says it with is a word of its own group,
+ * the website's "page" until a host says another.
  *
  *   - A plain word is a `string`.
  *   - Anything with a value in it, or a count that can be one or many, is a
@@ -104,6 +110,9 @@ interface EaselStrings {
     canvas: CanvasWords;
     /** `efficient-easel/text-styles` — the Email styles / Site styles list (E6). */
     textStyles: TextStylesWords;
+    /** `efficient-easel/screen` — a document opening, one that will not, and the
+     *  notice's word for the document. */
+    screen: ScreenWords;
 }
 /** Today's English, word for word. */
 declare const DEFAULT_EASEL_STRINGS: EaselStrings;
@@ -122,4 +131,4 @@ type DeepPartial<T> = T extends (...args: never[]) => unknown ? T : T extends ob
  */
 declare function mergeEaselStrings(defaults: EaselStrings, partial?: DeepPartial<EaselStrings> | null): EaselStrings;
 
-export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EASEL_STRINGS, type DeepPartial, DragWords, type EaselStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, PanelWords, PickWords, type RailWords, SaveWords, StyleClipboardWords, TextStylesWords, TreeWords, mergeEaselStrings };
+export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EASEL_STRINGS, type DeepPartial, DragWords, type EaselStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, PanelWords, PickWords, type RailWords, SaveWords, ScreenWords, StyleClipboardWords, TextStylesWords, TreeWords, mergeEaselStrings };

package/dist/strings/catalogue.js

@@ -1 +1 @@
-export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-IG3U5NWJ.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-ZJEBF4NB.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-UH7IGZKF.js";import"../chunk-ZAOM6PFH.js";import"../chunk-FPOKPNO4.js";import"../chunk-546BBOPE.js";import"../chunk-O2NLQBFX.js";
+export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-6UJ3Y6FC.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-ZWK3CBRU.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-ZJEBF4NB.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-UH7IGZKF.js";import"../chunk-ZAOM6PFH.js";import"../chunk-FPOKPNO4.js";import"../chunk-546BBOPE.js";import"../chunk-O2NLQBFX.js";

package/dist/strings/index.d.ts

@@ -10,15 +10,18 @@ export { LockWords } from '../edit-lock/index.js';
 export { N as NodeMenuWords } from '../words-DMG4dYq2.js';
 export { P as PanelWords } from '../words-BGrHZAJJ.js';
 export { P as PickWords } from '../words-is_Vy6hn.js';
-export { S as SaveWords } from '../words-BMzV04b1.js';
+export { S as SaveWords } from '../words-D_Lnw1Gr.js';
+export { ScreenWords } from '../screen/words.js';
 export { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
 export { T as TextStylesWords } from '../words-CRYvAiHX.js';
 export { T as TreeWords } from '../words-DgHcY5qB.js';
 import '../markup/index.js';
 import '../buckets-CuLM47h9.js';
-import '../types-DGcCsxs8.js';
+import '../types-CqY85foL.js';
 import '../types-DWS-s9z-.js';
 import '../wordFit-D4S36PvB.js';
+import '../panelWidths-D9hTLR25.js';
+import '../engine-DBxp_v6B.js';
 
 interface EaselStringsProviderProps {
     /**

package/dist/strings/index.js

@@ -1,2 +1,2 @@
-import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-IG3U5NWJ.js";export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-IG3U5NWJ.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-ZJEBF4NB.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-UH7IGZKF.js";import"../chunk-ZAOM6PFH.js";import"../chunk-FPOKPNO4.js";import"../chunk-546BBOPE.js";import{stringsContext as o}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as t,useMemo as c}from"react";import{jsx as i}from"react/jsx-runtime";function s({value:s,locale:u,children:m}){const e=o(),p=t(e),h=p?.strings??r,j=u??p?.locale??"en",k=c(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
+import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-6UJ3Y6FC.js";export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-6UJ3Y6FC.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-ZWK3CBRU.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-ZJEBF4NB.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-UH7IGZKF.js";import"../chunk-ZAOM6PFH.js";import"../chunk-FPOKPNO4.js";import"../chunk-546BBOPE.js";import{stringsContext as o}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as t,useMemo as c}from"react";import{jsx as i}from"react/jsx-runtime";function s({value:s,locale:u,children:m}){const e=o(),p=t(e),h=p?.strings??r,j=u??p?.locale??"en",k=c(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
 return i(e.Provider,{value:k,children:m})}function u(){return t(o())?.strings??r}function m(){return t(o())?.locale??"en"}export{s as EaselStringsProvider,m as useEaselLocale,u as useEaselStrings};

package/dist/style-clipboard/index.js

@@ -1 +1 @@
-import{DEFAULT_STYLE_CLIPBOARD_WORDS as t}from"../chunk-6WY6ZXJG.js";import{CopyStyleIcon as e,PasteStyleIcon as n}from"../chunk-L5KW4HG5.js";import{jsx as o}from"react/jsx-runtime";var r="__styleKind";function u(t,e){return t[r]=e,t}function c(t,e){return`${t}:${e.map(t=>String(t)).sort().join("|")}`}function i(t){if(!t)return null;const e=t.indexOf(":");if(e<0)return null;const n=t.slice(0,e);return s.has(n)?{control:n,values:t.slice(e+1).split("|")}:null}var s=/* @__PURE__ */new Set(["choice","select","radio"]);function l(t){if(!t||"object"!=typeof t)return null;const e=t;return"string"==typeof e[r]?e[r]:"text"===e.type||"textarea"===e.type||"number"===e.type?e.type:"select"!==e.type&&"radio"!==e.type||!Array.isArray(e.options)?null:c(e.type,e.options.map(t=>t?.value))}function a(t){return null!=t&&""!==t}function p(t,e){let n=t;for(const t of e){if(!n||"object"!=typeof n)return;n=n[t]}return n}function f(t){return void 0===t?t:JSON.parse(JSON.stringify(t))}function d(t,e,n){const[o,...r]=e,u={...t};if(0===r.length)return void 0===n?delete u[o]:u[o]=n,u;const c=u[o],i=d(c&&"object"==typeof c?c:{},r,n);return 0===Object.keys(i).length?delete u[o]:u[o]=i,u}var y=t=>t.join("."),h="editor-shell:style-clipboard",g=null,m=!1,v=/* @__PURE__ */new Set;function S(){try{return"undefined"==typeof sessionStorage?null:sessionStorage}catch{return null}}function b(){if(!m){m=!0;try{const t=S()?.getItem(h);t&&(g=JSON.parse(t))}catch{g=null}}}function k(t){b(),g={scope:t.scope,sourceType:t.type,sourceLabel:t.label,rows:t.rows.map(e=>{const n=p(t.props,e.path);return{path:[...e.path],kind:e.kind,counted:!1!==e.counted,value:a(n)?f(n):void 0}})};try{S()?.setItem(h,JSON.stringify(g))}catch{}return v.forEach(t=>t()),g}function N(t){return b(),g&&g.scope===t?g:null}function j(t){return v.add(t),()=>{v.delete(t)}}function C(){g=null,m=!0;try{S()?.removeItem(h)}catch{}v.forEach(t=>t())}function w(t,e,n){if(t.kind===e.kind)return null!==e.kind||n;const o=i(t.kind),r=i(e.kind);return!(!o||!r||o.control!==r.control)&&(!a(t.value)||r.values.includes(String(t.value)))}function K(t,e){const n=t.sourceType===e.type,o=new Map(t.rows.map(t=>[y(t.path),t]));let r=e.props,u=0,c=!1;for(const t of e.rows){const e=o.get(y(t.path));if(!e)continue;if(!w(e,t,n))continue;const i=p(r,t.path),s=void 0===e.value?void 0:f(e.value);JSON.stringify(a(i)?i:void 0)!==JSON.stringify(s)&&(r=d(r,t.path,s),c=!0),!1!==t.counted&&(u+=1)}return{props:r,pasted:u,changed:c}}function O(e,n,o,r=t){return 0===e.pasted?r.nothing({source:n,target:o}):r.pasted({count:e.pasted,source:n})}var E="⌥⌘C",J="⌥⌘V";function T(r){const u=r.words??t,c=[];return r.canCopy&&c.push({label:u.copy,icon:/* @__PURE__ */o(e,{}),shortcut:"⌥⌘C",onClick:r.onCopy}),r.held&&c.push({label:u.paste({source:r.held.sourceLabel}),icon:/* @__PURE__ */o(n,{}),shortcut:"⌥⌘V",onClick:r.onPaste}),c}function x(t){if(!t.altKey||t.shiftKey||!t.metaKey&&!t.ctrlKey)return null;const e=t.target;return e&&(e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName)?null:"KeyC"===t.code?"copy":"KeyV"===t.code?"paste":null}export{E as COPY_STYLE_SHORTCUT,J as PASTE_STYLE_SHORTCUT,r as STYLE_KIND,c as choiceKind,C as clearStyle,k as copyStyle,l as fieldKind,N as heldStyle,O as pasteMessage,K as planPaste,T as styleMenuItems,x as styleShortcut,j as subscribeStyle,u as withStyleKind};
+export{COPY_STYLE_SHORTCUT,PASTE_STYLE_SHORTCUT,STYLE_KIND,choiceKind,clearStyle,copyStyle,fieldKind,heldStyle,pasteMessage,planPaste,styleMenuItems,styleShortcut,subscribeStyle,withStyleKind}from"../chunk-57DJOKXT.js";import"../chunk-6WY6ZXJG.js";import"../chunk-L5KW4HG5.js";

package/dist/{types-DGcCsxs8.d.ts → types-CqY85foL.d.ts}

@@ -1,69 +1,7 @@
 import { a as EaselRailItem } from './types-DWS-s9z-.js';
-import { CSSProperties, ReactNode, Ref } from 'react';
+import { ReactNode, Ref, CSSProperties } from 'react';
 import { EditAccess, SaveConflict } from './edit-lock/index.js';
-
-/**
- * The side-panel widths every editor opens on and drags between (px).
- *
- * Lifted from `efficient-storefront/components/panel-widths.ts`, where the website
- * editor measured them:
- *
- *   RIGHT is 320, not 308 (card 8810). At 308 the settings tab strip was left
- *   269px once the inspector's 14px sides and its 11px scrollbar were off it —
- *   one pixel under the 270 the strip's widest tier needs, so the tab words
- *   turned into glyphs at the width every merchant opens on.
- *
- *   MIN_PANEL_W is load-bearing on the top bar: six 34px rail buttons are 204px,
- *   and at 220 the rail column spreads them with nothing to spare.
- *
- * The campaign designer opened at 288 / 288 with a 520 ceiling until the
- * 2026-09-17 redesign. One set of numbers now, here.
- */
-declare const DEFAULT_PANEL_W: {
-    readonly left: 288;
-    readonly right: 320;
-};
-declare const MIN_PANEL_W = 220;
-declare const MAX_PANEL_W = 560;
-/** Which side panel a width belongs to. */
-type PanelSide = 'left' | 'right';
-type PanelWidths = {
-    left: number;
-    right: number;
-};
-/** Clamp a width into the panel band and round to a whole pixel. */
-declare function clampPanelWidth(width: number): number;
-/**
- * The inline style that carries the widths, as `--es-left-w` / `--es-right-w`.
- *
- * ⚠️ PUT IT ON THE EDITOR ROOT, the nearest ancestor of EVERYTHING that reads
- * it. The website editor learned this on 2026-09-04: the vars sat on the panel
- * row, the top bar is that row's SIBLING, and the rail column read a width with
- * no declaration in scope — which is not an error, it silently falls back to
- * `auto` and the column shrinks to its buttons. (Since 2026-10-06 chrome.css
- * falls back to `DEFAULT_PANEL_W` instead: the column keeps its width and
- * simply stops following the grip.)
- *
- * ⚠️ A SERVER RENDERS THIS AS A `style=""` ATTRIBUTE, and a
- * Content-Security-Policy without `'unsafe-inline'` for styles refuses those.
- * A client render is not affected: React writes a `style` prop through the
- * CSSOM. A server-rendered editor under such a policy uses
- * {@link setPanelWidthVars} instead.
- */
-declare function panelWidthVars(widths: PanelWidths): CSSProperties;
-/**
- * The same two variables, written onto the editor root through the CSSOM
- * (second host, 2026-10-06) — so the server's HTML carries no `style` attribute for a strict
- * Content-Security-Policy to refuse:
- *
- *     <div className="es-editor" ref={(el) => { if (el) setPanelWidthVars(el, widths); }}>
- *
- * A ref runs on the client only, before the browser paints, and again on each
- * render — so it follows the widths as a grip is dragged. Until it runs (the
- * server's HTML, before hydration) chrome.css draws the panels at
- * `DEFAULT_PANEL_W`. Touches nothing but the element it is handed.
- */
-declare function setPanelWidthVars(el: HTMLElement, widths: PanelWidths): void;
+import { P as PanelSide } from './panelWidths-D9hTLR25.js';
 
 type TopBarProps = {
     children?: ReactNode;
@@ -268,4 +206,4 @@ type EditNoticeProps = {
     onReload: () => void;
 };
 
-export { type DeviceSwitchProps as D, type EaselIconButtonProps as E, type InspectorHeadProps as I, type MediaPanelHeadProps as M, type PanelResizeHandleProps as P, type RailWordsShown as R, type SaveTone as S, type TopBarProps as T, type TopBarClusterProps as a, type TopBarRailProps as b, type SaveStateProps as c, type SaveStateToggleProps as d, type InspectorIconButtonProps as e, type InspectorUpLevelProps as f, type MediaPickKind as g, type EditNoticeProps as h, DEFAULT_PANEL_W as i, type DeviceOption as j, MAX_PANEL_W as k, MIN_PANEL_W as l, type PanelSide as m, type PanelWidths as n, clampPanelWidth as o, panelWidthVars as p, setPanelWidthVars as s };
+export type { DeviceOption as D, EaselIconButtonProps as E, InspectorHeadProps as I, MediaPanelHeadProps as M, PanelResizeHandleProps as P, RailWordsShown as R, SaveTone as S, TopBarProps as T, TopBarClusterProps as a, TopBarRailProps as b, DeviceSwitchProps as c, SaveStateProps as d, SaveStateToggleProps as e, InspectorIconButtonProps as f, InspectorUpLevelProps as g, MediaPickKind as h, EditNoticeProps as i };

package/dist/words-D_Lnw1Gr.d.ts

@@ -0,0 +1,59 @@
+import { S as SaveTone } from './types-CqY85foL.js';
+import { A as AutosaveSnapshot } from './engine-DBxp_v6B.js';
+
+/**
+ * What the save pill says, for both editors — ONE copy.
+ *
+ * There were three: the campaign designer's `saveStatusLabel`
+ * (efficient-admin-portal `src/components/email/autosaveStatus.ts`), the
+ * website editor's `autosaveStatusLabel` (efficient-storefront
+ * `lib/editor/autosave-status.ts`, which said of the first "a MIRRORED copy …
+ * whether that pair should collapse into `efficient-easel` is called out
+ * rather than decided here") and the website chrome's own words for its
+ * autosave switch. This decides it.
+ *
+ * The rule they all kept, and keep here (card 66103): **the pill speaks only
+ * when it has something to say.** A save that lands is silence — the dot goes
+ * green, no word. An edit younger than five seconds is silence too: with a
+ * one-second save it is about to land, and saying "unsaved" at every keystroke
+ * would blink the bar once a second. What is left is worth a word each:
+ *
+ *   - the work has been off the server for five seconds — "Unsaved changes";
+ *   - a save failed and is being retried — "Save failed" (with "Retry now");
+ *   - the operator paused autosave — "Auto-save off", and whether that is
+ *     holding anything;
+ *   - a save was refused — "Auto-save stopped", which must never read as a
+ *     switch somebody flicked themselves.
+ *
+ * The tones are `efficient-easel/chrome`'s `SaveState` tones, so the result
+ * goes straight onto the pill: `<SaveState {...saveIndicator(state)} />`.
+ */
+
+type SaveIndicator = {
+    tone: SaveTone;
+    label: string;
+};
+/**
+ * The pill's five things to say (`efficient-easel/strings`, 0.95.0). Kept in
+ * autosave's own folder, with no import: autosave may reach nothing else
+ * (`tests/autosave-leaf-safety.test.ts`).
+ */
+type SaveWords = {
+    /** A save was refused: nothing will be written. */
+    stopped: string;
+    /** The operator paused autosave, and an edit is waiting. */
+    pausedUnsaved: string;
+    /** The operator paused autosave. */
+    paused: string;
+    /** A save failed and is being retried. */
+    failed: string;
+    /** The work has been off the server for five seconds. */
+    unsaved: string;
+};
+/**
+ * `words` is the host's language (`useEaselStrings().save`); left out, the
+ * pill speaks English as it always has.
+ */
+declare function saveIndicator(state: AutosaveSnapshot, words?: SaveWords): SaveIndicator;
+
+export { type SaveWords as S, type SaveIndicator as a, saveIndicator as s };