@formicoidea/labre-core 0.42.0 → 0.45.0

package/dist/_pkgs/affine-shared/services/font-loader/config.js

@@ -10,8 +10,14 @@ export const fontConfigSchema = z.object({
  * The AFFiNE-hosted mirror. It carries strictly fewer files than the community
  * list: `cdn.affine.pro` answers 404 for every `Inter-Bold`, `Poppins-Bold`
  * and `BebasNeue-Bold` spelling, so those three families offer no 700 weight
- * here. The Kalam / Satoshi / Lora `SemiBold` entries below already point at
- * the 700 file — those families ship a single heavy face, not two.
+ * here. The Kalam / Lora `SemiBold` entries below already point at the 700
+ * file — those families ship a single heavy face, not two.
+ *
+ * Satoshi is in neither list since #396: its licence (ITF Free Font License
+ * 2.0, section 02) forbids offering it as a selectable font in a SaaS or design
+ * tool, whoever hosts the files. `FontFamily.Satoshi` stays a valid stored
+ * value; an element that carries it paints with the fallback, and the family
+ * picker names it as unavailable instead of offering it.
  */
 export const AffineCanvasTextFonts = [
     // Inter, https://fonts.cdnfonts.com/css/inter?styles=29139,29134,29135,29136,29140,29141
@@ -70,43 +76,6 @@ export const AffineCanvasTextFonts = [
         weight: FontWeight.SemiBold,
         style: FontStyle.Normal,
     },
-    // Satoshi, https://fonts.cdnfonts.com/css/satoshi?styles=135009,135004,135005,135006,135002,135003
-    {
-        font: FontFamily.Satoshi,
-        url: 'https://cdn.affine.pro/fonts/Satoshi-Light.woff2',
-        weight: FontWeight.Light,
-        style: FontStyle.Normal,
-    },
-    {
-        font: FontFamily.Satoshi,
-        url: 'https://cdn.affine.pro/fonts/Satoshi-Regular.woff2',
-        weight: FontWeight.Regular,
-        style: FontStyle.Normal,
-    },
-    {
-        font: FontFamily.Satoshi,
-        url: 'https://cdn.affine.pro/fonts/Satoshi-Bold.woff2',
-        weight: FontWeight.SemiBold,
-        style: FontStyle.Normal,
-    },
-    {
-        font: FontFamily.Satoshi,
-        url: 'https://cdn.affine.pro/fonts/Satoshi-LightItalic.woff2',
-        weight: FontWeight.Light,
-        style: FontStyle.Italic,
-    },
-    {
-        font: FontFamily.Satoshi,
-        url: 'https://cdn.affine.pro/fonts/Satoshi-Italic.woff2',
-        weight: FontWeight.Regular,
-        style: FontStyle.Italic,
-    },
-    {
-        font: FontFamily.Satoshi,
-        url: 'https://cdn.affine.pro/fonts/Satoshi-BoldItalic.woff2',
-        weight: FontWeight.SemiBold,
-        style: FontStyle.Italic,
-    },
     // Poppins, https://fonts.cdnfonts.com/css/poppins?styles=20394,20389,20390,20391,20395,20396
     {
         font: FontFamily.Poppins,
@@ -196,6 +165,11 @@ export const AffineCanvasTextFonts = [
         style: FontStyle.Normal,
     },
 ];
+/**
+ * The families on a public mirror, one `FontConfig` per face. A host that
+ * promises no third-party request passes the same list with its own `url`s;
+ * a host that drops a family drops it from the family picker too (#396).
+ */
 export const CommunityCanvasTextFonts = [
     // Inter, https://fonts.cdnfonts.com/css/inter?styles=29139,29134,29135,29136,29140,29141
     {
@@ -267,43 +241,58 @@ export const CommunityCanvasTextFonts = [
         weight: FontWeight.SemiBold,
         style: FontStyle.Normal,
     },
-    // Satoshi, https://fonts.cdnfonts.com/css/satoshi?styles=135009,135004,135005,135006,135002,135003
+    // PlusJakartaSans (SIL OFL 1.1), https://fonts.cdnfonts.com/css/plus-jakarta-sans
+    // The mirror serves the two variable files only (weights 200 to 800), so
+    // every face below points at one of them: a face declared with a single
+    // weight gets that weight from the file's `wght` axis.
     {
-        font: FontFamily.Satoshi,
-        url: 'https://fonts.cdnfonts.com/s/85546/Satoshi-Light.woff',
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans%5Bwght%5D.woff',
         weight: FontWeight.Light,
         style: FontStyle.Normal,
     },
     {
-        font: FontFamily.Satoshi,
-        url: 'https://fonts.cdnfonts.com/s/85546/Satoshi-Regular.woff',
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans%5Bwght%5D.woff',
         weight: FontWeight.Regular,
         style: FontStyle.Normal,
     },
     {
-        font: FontFamily.Satoshi,
-        url: 'https://fonts.cdnfonts.com/s/85546/Satoshi-Bold.woff',
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans%5Bwght%5D.woff',
         weight: FontWeight.SemiBold,
         style: FontStyle.Normal,
     },
     {
-        font: FontFamily.Satoshi,
-        url: 'https://fonts.cdnfonts.com/s/85546/Satoshi-LightItalic.woff',
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans%5Bwght%5D.woff',
+        weight: FontWeight.Bold,
+        style: FontStyle.Normal,
+    },
+    {
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans-Italic%5Bwght%5D.woff',
         weight: FontWeight.Light,
         style: FontStyle.Italic,
     },
     {
-        font: FontFamily.Satoshi,
-        url: 'https://fonts.cdnfonts.com/s/85546/Satoshi-Italic.woff',
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans-Italic%5Bwght%5D.woff',
         weight: FontWeight.Regular,
         style: FontStyle.Italic,
     },
     {
-        font: FontFamily.Satoshi,
-        url: 'https://fonts.cdnfonts.com/s/85546/Satoshi-BoldItalic.woff',
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans-Italic%5Bwght%5D.woff',
         weight: FontWeight.SemiBold,
         style: FontStyle.Italic,
     },
+    {
+        font: FontFamily.PlusJakartaSans,
+        url: 'https://fonts.cdnfonts.com/s/107199/PlusJakartaSans-Italic%5Bwght%5D.woff',
+        weight: FontWeight.Bold,
+        style: FontStyle.Italic,
+    },
     // Poppins, https://fonts.cdnfonts.com/css/poppins?styles=20394,20389,20390,20391,20395,20396
     {
         font: FontFamily.Poppins,
@@ -360,8 +349,8 @@ export const CommunityCanvasTextFonts = [
         style: FontStyle.Italic,
     },
     // Lora, https://fonts.cdnfonts.com/css/lora-4?styles=50357,50356,50354,50355
-    // Lora ships no 600 face either: as with Kalam and Satoshi, the entries
-    // below map the 700 file onto `SemiBold` and the family has a single heavy.
+    // Lora ships no 600 face either: as with Kalam, the entries below map the
+    // 700 file onto `SemiBold` and the family has a single heavy.
     {
         font: FontFamily.Lora,
         url: 'https://fonts.cdnfonts.com/s/29883/Lora-Regular.woff',

package/dist/_pkgs/affine-shared/services/index.d.ts

@@ -2,6 +2,8 @@ export * from './artefact-catalogue-service.js';
 export * from './audit-service.js';
 export * from './auto-clear-selection-service.js';
 export * from './block-meta-service.js';
+export * from './canvas-grid.js';
+export * from './canvas-local-visibility.js';
 export * from './citation-service/index.js';
 export * from './command-usage-service.js';
 export * from './comment-service/index.js';
@@ -28,6 +30,7 @@ export * from './parse-url-service.js';
 export * from './pivot-materiality-publisher.js';
 export * from './pivot-properties-service.js';
 export * from './quick-search-service.js';
+export * from './selection-pane-service.js';
 export * from './sidebar-service.js';
 export * from './telemetry-service/index.js';
 export * from './theme-service.js';

package/dist/_pkgs/affine-shared/services/index.js

@@ -2,6 +2,8 @@ export * from './artefact-catalogue-service.js';
 export * from './audit-service.js';
 export * from './auto-clear-selection-service.js';
 export * from './block-meta-service.js';
+export * from './canvas-grid.js';
+export * from './canvas-local-visibility.js';
 export * from './citation-service/index.js';
 export * from './command-usage-service.js';
 export * from './comment-service/index.js';
@@ -28,6 +30,7 @@ export * from './parse-url-service.js';
 export * from './pivot-materiality-publisher.js';
 export * from './pivot-properties-service.js';
 export * from './quick-search-service.js';
+export * from './selection-pane-service.js';
 export * from './sidebar-service.js';
 export * from './telemetry-service/index.js';
 export * from './theme-service.js';

package/dist/_pkgs/affine-shared/services/selection-pane-service.d.ts

@@ -0,0 +1,44 @@
+import type { ExtensionType } from '../../store/index.js';
+/**
+ * The selection pane (ADR 0031 §12): a list of the canvas elements by z-order,
+ * top first, with groups, lock, a filter by frame, and
+ * drag-to-reorder — PowerPoint's pane, on a Labre canvas.
+ *
+ * The seam is shaped exactly like `ArtefactCatalogueService`, and was
+ * challenged against it first: the catalogue's `open(owner)` is scoped to a
+ * framework, and stretching it to a second panel would have changed the
+ * signature of a shipped seam. So one more seam, two verbs, nothing else.
+ *
+ * Everything a pane draws is enumerable from the library without this seam:
+ * the rows from `selectionPaneTree(std)` (ids only, z-order, top first), the
+ * wordings from the element and the translation seam, and every action from
+ * the command registry (`canvas.element.reorder`, `canvas.element.lock`,
+ * `canvas.element.unlock`, `canvas.group.rename`), run through `runCommand`
+ * so the read-only check and the telemetry happen once whoever draws the
+ * pixels.
+ */
+export interface SelectionPaneService {
+    /** Show the pane. */
+    open(): void;
+    /** Put it away. Writes nothing. */
+    close(): void;
+}
+export declare const SelectionPaneProvider: import("../../global/di/types.js").ServiceIdentifier<SelectionPaneService> & (<U extends SelectionPaneService = SelectionPaneService>(variant: import("../../global/di/types.js").ServiceVariant) => import("../../global/di/types.js").ServiceIdentifier<U>);
+/**
+ * Host override seam: replace the library's pane with the host's own — or
+ * switch it off entirely.
+ *
+ * **Replace** — a host with its own sidebar registers this extension; its
+ * implementation answers {@link SelectionPaneProvider}, the edgeless toolbar's
+ * button and the `canvas.selectionPane.toggle` command then call it, and the
+ * library's panel is never asked to open.
+ *
+ * **Disable** — pass `null`. The provider answers nothing: the toolbar button
+ * is not rendered and the toggle command is unavailable, because a control
+ * that opens nothing is a lie. A cold-assembly switch, decided when the editor
+ * is put together (ADR 0031 §13: no flag key for it).
+ *
+ * `di.override`, like `ArtefactCatalogueExtension`, so a host registering
+ * after the library's own default always wins.
+ */
+export declare function SelectionPaneExtension(service: SelectionPaneService | null): ExtensionType;

package/dist/_pkgs/affine-shared/services/selection-pane-service.js

@@ -0,0 +1,28 @@
+import { createIdentifier } from '../../global/di/index.js';
+export const SelectionPaneProvider = createIdentifier('AffineSelectionPane');
+/**
+ * Host override seam: replace the library's pane with the host's own — or
+ * switch it off entirely.
+ *
+ * **Replace** — a host with its own sidebar registers this extension; its
+ * implementation answers {@link SelectionPaneProvider}, the edgeless toolbar's
+ * button and the `canvas.selectionPane.toggle` command then call it, and the
+ * library's panel is never asked to open.
+ *
+ * **Disable** — pass `null`. The provider answers nothing: the toolbar button
+ * is not rendered and the toggle command is unavailable, because a control
+ * that opens nothing is a lie. A cold-assembly switch, decided when the editor
+ * is put together (ADR 0031 §13: no flag key for it).
+ *
+ * `di.override`, like `ArtefactCatalogueExtension`, so a host registering
+ * after the library's own default always wins.
+ */
+export function SelectionPaneExtension(service) {
+    return {
+        setup: di => {
+            // `null` rides through the factory on purpose: `getOptional` then
+            // reports the pane as absent, which is the whole disable story.
+            di.override(SelectionPaneProvider, () => service);
+        },
+    };
+}

package/dist/_pkgs/affine-shared/services/telemetry-service/lifecycle.d.ts

@@ -320,3 +320,72 @@ export interface DocumentDamagedEvent extends TelemetryEvent {
 export type DocumentHealthEvents = {
     DocumentDamaged: DocumentDamagedEvent;
 };
+/**
+ * The selection pane was opened (ADR 0031 §14).
+ *
+ * Worth measuring for the reason any optional surface is: a pane nobody opens
+ * is chrome the toolbar pays a slot for. `source` is how the user got there —
+ * the edgeless toolbar's button, the palette (or the agent, which invokes by
+ * name as the palette does), or a bound chord. Opening only: closing reports
+ * nothing, and neither does a toggle that closes the pane.
+ *
+ * No ids at all: the event is about the pane, never about what it lists.
+ */
+export interface SelectionPaneOpenedEvent extends TelemetryEvent {
+    page?: 'whiteboard editor';
+    source: 'toolbar' | 'palette' | 'shortcut';
+}
+/**
+ * Something on the canvas was hidden or shown (ADR 0031 §14).
+ *
+ * `scope: 'local'` is the viewer's own hide, which writes nothing to the
+ * document; `'everyone'` is "hide for everyone", which stores
+ * `hiddenForEveryone` on each element and syncs it.
+ * `target: 'layer'` is reserved for the layers stage. `count` is how many
+ * elements the ONE gesture actually changed — a gesture that changes nothing
+ * reports nothing.
+ *
+ * Counts only: never an element id, a type, a group title or any text.
+ */
+export interface CanvasVisibilityChangedEvent extends TelemetryEvent {
+    page?: 'whiteboard editor';
+    target: 'element' | 'layer';
+    scope: 'local' | 'everyone';
+    hidden: boolean;
+    count: number;
+}
+/**
+ * The canvas grid was turned on or off (ADR 0031 §14).
+ *
+ * `scope: 'local'` is the viewer's own toggle, which writes nothing to the
+ * document; `'everyone'` is "Save for everyone", which stores the grid on the
+ * document. `visible` is the state after the gesture. A save that changes
+ * nothing in the document reports nothing.
+ */
+export interface CanvasGridToggledEvent extends TelemetryEvent {
+    page?: 'whiteboard editor';
+    scope: 'local' | 'everyone';
+    visible: boolean;
+}
+/**
+ * The user layers changed (ADR 0031 §14).
+ *
+ * `layerCount` is how many layers the surface holds AFTER the gesture;
+ * `memberCount` is how many models the gesture moved (for `move-elements`)
+ * or deleted with the layer (for `delete`). A gesture that changes nothing
+ * reports nothing.
+ *
+ * Counts only: never a layer name, a layer id or any element text.
+ */
+export interface CanvasLayerChangedEvent extends TelemetryEvent {
+    page?: 'whiteboard editor';
+    action: 'create' | 'rename' | 'reorder' | 'delete' | 'move-elements';
+    layerCount: number;
+    memberCount?: number;
+}
+export type CanvasPaneEvents = {
+    SelectionPaneOpened: SelectionPaneOpenedEvent;
+    CanvasVisibilityChanged: CanvasVisibilityChangedEvent;
+    CanvasGridToggled: CanvasGridToggledEvent;
+    CanvasLayerChanged: CanvasLayerChangedEvent;
+};

package/dist/_pkgs/affine-shared/services/telemetry-service/telemetry-service.d.ts

@@ -2,12 +2,12 @@ import type { ExtensionType } from '../../../store/index.js';
 import type { CitationEvents } from './citation.js';
 import type { CodeBlockEvents } from './code-block.js';
 import type { OutDatabaseAllEvents } from './database.js';
-import type { AuditEvents, BlockLifecycleEvents, DocumentHealthEvents, FrameworkDiagramEvents, ValidationEvents } from './lifecycle.js';
+import type { AuditEvents, BlockLifecycleEvents, CanvasPaneEvents, DocumentHealthEvents, FrameworkDiagramEvents, ValidationEvents } from './lifecycle.js';
 import type { LinkToolbarEvents } from './link.js';
 import type { NoteEvents } from './note.js';
 import type { SlashMenuEvents } from './slash-menu.js';
 import type { AttachmentReloadedEvent, AttachmentReloadedEventInToolbar, AttachmentUpgradedEvent, AttachmentUploadedEvent, BlockCreationEvent, DocCreatedEvent, EdgelessToolPickedEvent, ElementCreationEvent, ElementLockEvent, ElementUpdatedEvent, LatexEvent, LinkedDocCreatedEvent, LinkEvent, MindMapCollapseEvent, TelemetryEvent } from './types.js';
-export type TelemetryEventMap = OutDatabaseAllEvents & LinkToolbarEvents & SlashMenuEvents & CodeBlockEvents & NoteEvents & CitationEvents & BlockLifecycleEvents & FrameworkDiagramEvents & ValidationEvents & AuditEvents & DocumentHealthEvents & {
+export type TelemetryEventMap = OutDatabaseAllEvents & LinkToolbarEvents & SlashMenuEvents & CodeBlockEvents & NoteEvents & CitationEvents & BlockLifecycleEvents & FrameworkDiagramEvents & ValidationEvents & AuditEvents & CanvasPaneEvents & DocumentHealthEvents & {
     DocCreated: DocCreatedEvent;
     Link: TelemetryEvent;
     LinkedDocCreated: LinkedDocCreatedEvent;

package/dist/_pkgs/affine-shared/services/theme-service.d.ts

@@ -59,6 +59,25 @@ export declare class ThemeService extends Extension {
     getColorValue(color: Color, fallback?: Color, real?: boolean, theme?: ColorScheme): string;
     getCssVariableColor(property: string, theme?: ColorScheme): string;
 }
+/**
+ * The CSS variable the chrome accent lives behind — the token `DESIGN.md`'s
+ * Borrowed Blue Rule names. Kept here so a canvas painter can reach the accent
+ * by NAME rather than by value.
+ */
+export declare const CHROME_ACCENT_CSS_VARIABLE = "--affine-primary-color";
+/**
+ * The chrome accent resolved for the theme in force, ready to be handed to a
+ * `CanvasRenderingContext2D` (`strokeStyle`, `fillStyle`), which cannot take a
+ * `var(…)`.
+ *
+ * Canvas painters used to write the AFFiNE blue out as a hex, which made it
+ * unreachable for a host re-skin: the DOM followed `--affine-primary-color`
+ * while the canvas stayed on the literal. The last-resort value, for the case
+ * where no `ThemeProvider` is registered, is READ from the upstream theme
+ * rather than spelled out, so no module holds a copy of the hex
+ * (`brand-hex.unit.spec.ts` enforces that).
+ */
+export declare function getChromeAccentColor(std: BlockStdScope): string;
 export declare class ThemeObserver {
     private readonly observer;
     theme$: Signal<ColorScheme>;

package/dist/_pkgs/affine-shared/services/theme-service.js

@@ -104,6 +104,30 @@ export class ThemeService extends Extension {
         return property;
     }
 }
+/**
+ * The CSS variable the chrome accent lives behind — the token `DESIGN.md`'s
+ * Borrowed Blue Rule names. Kept here so a canvas painter can reach the accent
+ * by NAME rather than by value.
+ */
+export const CHROME_ACCENT_CSS_VARIABLE = '--affine-primary-color';
+/**
+ * The chrome accent resolved for the theme in force, ready to be handed to a
+ * `CanvasRenderingContext2D` (`strokeStyle`, `fillStyle`), which cannot take a
+ * `var(…)`.
+ *
+ * Canvas painters used to write the AFFiNE blue out as a hex, which made it
+ * unreachable for a host re-skin: the DOM followed `--affine-primary-color`
+ * while the canvas stayed on the literal. The last-resort value, for the case
+ * where no `ThemeProvider` is registered, is READ from the upstream theme
+ * rather than spelled out, so no module holds a copy of the hex
+ * (`brand-hex.unit.spec.ts` enforces that).
+ */
+export function getChromeAccentColor(std) {
+    return (std
+        .getOptional(ThemeProvider)
+        ?.getCssVariableColor(CHROME_ACCENT_CSS_VARIABLE) ??
+        combinedLightCssVariables[CHROME_ACCENT_CSS_VARIABLE]);
+}
 export class ThemeObserver {
     constructor() {
         const COLOR_SCHEMES = Object.values(ColorScheme);

package/dist/_pkgs/affine-shared/services/translation-service/chrome.d.ts

@@ -38,6 +38,18 @@ export declare const TOAST_LINKED_DOC_CREATED: ChromeWording;
 export declare const TOAST_NOTE_REMOVED_FROM_PAGE: ChromeWording;
 export declare const TOAST_FRAME_INSERTED_INTO_PAGE: ChromeWording;
 export declare const TOAST_NO_LINK_FOUND: ChromeWording;
+/**
+ * What the `doc.copyLink` command says once the document's URL is on the
+ * clipboard.
+ *
+ * Its own wording rather than {@link TOAST_COPIED_TO_CLIPBOARD}: that one
+ * reports a SLICE copy (blocks, elements, an image) and this one reports a
+ * link, and the two are told apart by nothing else on screen. Its own wording
+ * rather than the inline link toolbar's "Copied link to clipboard" too — that
+ * key belongs to `@labre/affine-inline-link` and names the `href` a delta
+ * already carried, not a document address the host just generated.
+ */
+export declare const TOAST_LINK_COPIED: ChromeWording;
 export declare const TOOLBAR_BRING_TO_FRONT: ChromeWording;
 export declare const TOOLBAR_SEND_TO_BACK: ChromeWording;
 export declare const TOOLBAR_COPY: ChromeWording;
@@ -176,6 +188,11 @@ export declare const STYLE_MENU_LABEL: ChromeWording;
 export declare const TEXT_FORMAT_BOLD: ChromeWording;
 export declare const TEXT_FORMAT_ITALIC: ChromeWording;
 export declare const TEXT_FORMAT_UNDERLINE: ChromeWording;
+/**
+ * Said by the canvas text toolbar's decoration toggles (`gfx/text`, beside
+ * {@link TEXT_FORMAT_UNDERLINE}) and by the inline format bar (ADR 0030).
+ */
+export declare const TEXT_FORMAT_OVERLINE: ChromeWording;
 export declare const TEXT_FORMAT_STRIKETHROUGH: ChromeWording;
 /**
  * The font weights and the one non-default font style a text toolbar offers —
@@ -357,6 +374,13 @@ export declare const PALETTE_NAME_MEDIUM_BLUE: ChromeWording;
 export declare const PALETTE_NAME_MEDIUM_PURPLE: ChromeWording;
 export declare const PALETTE_NAME_MEDIUM_MAGENTA: ChromeWording;
 export declare const PALETTE_NAME_MEDIUM_GREY: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_RED: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_ORANGE: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_YELLOW: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_GREEN: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_BLUE: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_PURPLE: ChromeWording;
+export declare const PALETTE_NAME_HEAVY_MAGENTA: ChromeWording;
 /**
  * Keyed by the exact `Palette.key` string the default theme's tables produce
  * (`buildPalettes`, `packages/affine/model/src/themes/{default,utils}.ts`) —
@@ -364,6 +388,7 @@ export declare const PALETTE_NAME_MEDIUM_GREY: ChromeWording;
  * falls back to when a swatch declares no `labelWording` of its own.
  */
 export declare const PALETTE_NAME_WORDINGS: Readonly<Record<string, ChromeWording>>;
+export declare const MENU_ARIA_STYLE: ChromeWording;
 export declare const CHROME_CLIPBOARD_FILE_TOO_LARGE: ChromeWording;
 export declare const CHROME_CLIPBOARD_SIZE_LIMIT: ChromeWording;
 export declare const TOOLBAR_CAPTION: ChromeWording;

package/dist/_pkgs/affine-shared/services/translation-service/chrome.js

@@ -52,6 +52,21 @@ export const TOAST_NO_LINK_FOUND = [
     'com.labre.toast.no-link-found',
     'No link found',
 ];
+/**
+ * What the `doc.copyLink` command says once the document's URL is on the
+ * clipboard.
+ *
+ * Its own wording rather than {@link TOAST_COPIED_TO_CLIPBOARD}: that one
+ * reports a SLICE copy (blocks, elements, an image) and this one reports a
+ * link, and the two are told apart by nothing else on screen. Its own wording
+ * rather than the inline link toolbar's "Copied link to clipboard" too — that
+ * key belongs to `@labre/affine-inline-link` and names the `href` a delta
+ * already carried, not a document address the host just generated.
+ */
+export const TOAST_LINK_COPIED = [
+    'com.labre.toast.link-copied',
+    'Link copied',
+];
 /* ── Toolbars and menus ───────────────────────────────────────────────── */
 export const TOOLBAR_BRING_TO_FRONT = [
     'com.labre.toolbar.bring-to-front',
@@ -320,6 +335,14 @@ export const TEXT_FORMAT_UNDERLINE = [
     'com.labre.text-format.underline',
     'Underline',
 ];
+/**
+ * Said by the canvas text toolbar's decoration toggles (`gfx/text`, beside
+ * {@link TEXT_FORMAT_UNDERLINE}) and by the inline format bar (ADR 0030).
+ */
+export const TEXT_FORMAT_OVERLINE = [
+    'com.labre.text-format.overline',
+    'Overline',
+];
 export const TEXT_FORMAT_STRIKETHROUGH = [
     'com.labre.text-format.strikethrough',
     'Strikethrough',
@@ -739,6 +762,40 @@ export const PALETTE_NAME_MEDIUM_GREY = [
     'com.labre.palette-name.medium-grey',
     'MediumGrey',
 ];
+/*
+ * The `Heavy` row (`DefaultTheme.Palettes`, seven colours and no grey). It was
+ * missing from the table until #390 — the row rendered its raw `Palette.key`
+ * next to translated neighbours. The exhaustiveness test in
+ * `packages/affine/all` now compares this table to the theme.
+ */
+export const PALETTE_NAME_HEAVY_RED = [
+    'com.labre.palette-name.heavy-red',
+    'HeavyRed',
+];
+export const PALETTE_NAME_HEAVY_ORANGE = [
+    'com.labre.palette-name.heavy-orange',
+    'HeavyOrange',
+];
+export const PALETTE_NAME_HEAVY_YELLOW = [
+    'com.labre.palette-name.heavy-yellow',
+    'HeavyYellow',
+];
+export const PALETTE_NAME_HEAVY_GREEN = [
+    'com.labre.palette-name.heavy-green',
+    'HeavyGreen',
+];
+export const PALETTE_NAME_HEAVY_BLUE = [
+    'com.labre.palette-name.heavy-blue',
+    'HeavyBlue',
+];
+export const PALETTE_NAME_HEAVY_PURPLE = [
+    'com.labre.palette-name.heavy-purple',
+    'HeavyPurple',
+];
+export const PALETTE_NAME_HEAVY_MAGENTA = [
+    'com.labre.palette-name.heavy-magenta',
+    'HeavyMagenta',
+];
 /**
  * Keyed by the exact `Palette.key` string the default theme's tables produce
  * (`buildPalettes`, `packages/affine/model/src/themes/{default,utils}.ts`) —
@@ -773,7 +830,30 @@ export const PALETTE_NAME_WORDINGS = {
     MediumPurple: PALETTE_NAME_MEDIUM_PURPLE,
     MediumMagenta: PALETTE_NAME_MEDIUM_MAGENTA,
     MediumGrey: PALETTE_NAME_MEDIUM_GREY,
+    HeavyRed: PALETTE_NAME_HEAVY_RED,
+    HeavyOrange: PALETTE_NAME_HEAVY_ORANGE,
+    HeavyYellow: PALETTE_NAME_HEAVY_YELLOW,
+    HeavyGreen: PALETTE_NAME_HEAVY_GREEN,
+    HeavyBlue: PALETTE_NAME_HEAVY_BLUE,
+    HeavyPurple: PALETTE_NAME_HEAVY_PURPLE,
+    HeavyMagenta: PALETTE_NAME_HEAVY_MAGENTA,
 };
+/* ── Menu shells' accessible names (#390) ─────────────────────────────────
+ *
+ * The `aria-label` of an `editor-menu-button` is a wording of its OWN, never
+ * `` `${translatedLabel}-menu` `` — sewing a suffix onto a translated word
+ * gave "changer le type de forme-menu" to a French host. The precedent is
+ * `ROOT_ALIGNMENT_MENU_ARIA` (`blocks/root`). The fallbacks are the exact
+ * identifiers the composition produced in English, so a catalogue-less
+ * playground reads what it always read.
+ *
+ * This one is HERE and not in a package because three toolbars draw a menu
+ * called "Style" (shape, mindmap, connector) — one shared word, one key.
+ */
+export const MENU_ARIA_STYLE = [
+    'com.labre.menu-aria.style',
+    'style-menu',
+];
 /* ── Clipboard size-limit toasts (adapters/clipboard/utils.ts) ────────── */
 export const CHROME_CLIPBOARD_FILE_TOO_LARGE = [
     'com.labre.clipboard.file-too-large',
@@ -1089,6 +1169,7 @@ export const CHROME_WORDINGS = [
     TOAST_NOTE_REMOVED_FROM_PAGE,
     TOAST_FRAME_INSERTED_INTO_PAGE,
     TOAST_NO_LINK_FOUND,
+    TOAST_LINK_COPIED,
     TOOLBAR_BRING_TO_FRONT,
     TOOLBAR_SEND_TO_BACK,
     TOOLBAR_COPY,
@@ -1130,6 +1211,7 @@ export const CHROME_WORDINGS = [
     TEXT_FORMAT_BOLD,
     TEXT_FORMAT_ITALIC,
     TEXT_FORMAT_UNDERLINE,
+    TEXT_FORMAT_OVERLINE,
     TEXT_FORMAT_STRIKETHROUGH,
     FONT_WEIGHT_LIGHT,
     FONT_WEIGHT_REGULAR,
@@ -1240,4 +1322,12 @@ export const CHROME_WORDINGS = [
     PALETTE_NAME_MEDIUM_PURPLE,
     PALETTE_NAME_MEDIUM_MAGENTA,
     PALETTE_NAME_MEDIUM_GREY,
+    PALETTE_NAME_HEAVY_RED,
+    PALETTE_NAME_HEAVY_ORANGE,
+    PALETTE_NAME_HEAVY_YELLOW,
+    PALETTE_NAME_HEAVY_GREEN,
+    PALETTE_NAME_HEAVY_BLUE,
+    PALETTE_NAME_HEAVY_PURPLE,
+    PALETTE_NAME_HEAVY_MAGENTA,
+    MENU_ARIA_STYLE,
 ];

package/dist/_pkgs/affine-shared/styles/index.d.ts

@@ -1,5 +1,6 @@
 export { fontBaseStyle, fontSMStyle, fontXSStyle } from './font.js';
 export { reducedMotionStyle, SPRING_DURATION_MS, SPRING_EASING, springDuration, springEasing, } from './motion.js';
 export { panelBaseColorsStyle, panelBaseStyle } from './panel.js';
+export { PANEL_DRAG_THRESHOLD_PX, panelDragStarted, panelHeaderStyles, } from './panel-header.js';
 export { scrollbarStyle } from './scrollbar-style.js';
 export { affineTextStyles } from './text.js';

package/dist/_pkgs/affine-shared/styles/index.js

@@ -1,5 +1,6 @@
 export { fontBaseStyle, fontSMStyle, fontXSStyle } from './font.js';
 export { reducedMotionStyle, SPRING_DURATION_MS, SPRING_EASING, springDuration, springEasing, } from './motion.js';
 export { panelBaseColorsStyle, panelBaseStyle } from './panel.js';
+export { PANEL_DRAG_THRESHOLD_PX, panelDragStarted, panelHeaderStyles, } from './panel-header.js';
 export { scrollbarStyle } from './scrollbar-style.js';
 export { affineTextStyles } from './text.js';

package/dist/_pkgs/affine-shared/styles/panel-header.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The header of a side panel, as the frame panel draws it
+ * (`fragments/frame-panel`, `header/frame-panel-header.ts`): one 36px row,
+ * 8px side padding, no divider under it, a 14px / 500 secondary-text title
+ * and icon buttons whose glyph is secondary until hovered or active.
+ *
+ * Every side panel's header takes it from here — the frame panel, the
+ * selection pane and the artefact catalogue — so the three cannot drift
+ * apart (held by `panel-header-parity.unit.spec.ts` in `affine/all`). It lives
+ * this low because a widget may not import the frame panel: the frame panel
+ * depends on the frame block, which depends on the edgeless toolbar.
+ *
+ * A component opts in by adding the three classes to its own markup:
+ * `affine-panel-header` on the row, `affine-panel-header-title` on the title,
+ * `affine-panel-header-button` on each icon button.
+ */
+export declare const panelHeaderStyles: import("lit").CSSResult;
+/**
+ * Pointer travel, on either axis, before a press on a card or a row of a side
+ * panel becomes a drag rather than a click — the frame panel's threshold,
+ * shared with the selection pane so the two panels start a drag alike.
+ */
+export declare const PANEL_DRAG_THRESHOLD_PX = 5;
+/** Whether a press at `from` moved to `to` has travelled far enough to drag. */
+export declare function panelDragStarted(from: {
+    x: number;
+    y: number;
+}, to: {
+    x: number;
+    y: number;
+}): boolean;