@formicoidea/labre-core 0.42.0 → 0.43.1

package/dist/_pkgs/affine-gfx-shape/translations.d.ts

@@ -21,6 +21,13 @@ export declare const SHAPE_TEXT_FIT_OVERFLOW: ChromeWording;
 export declare const SHAPE_TEXT_FIT_ARIA: ChromeWording;
 export declare const SHAPE_TEXT_FIT_TOOLTIP: ChromeWording;
 export declare const SHAPE_SWITCH_TYPE_LABEL: ChromeWording;
+/**
+ * The accessible name of the shape-type menu SHELL (#390) — its own wording,
+ * not `` `${SHAPE_SWITCH_TYPE_LABEL}-menu` ``, which is what produced
+ * "changer le type de forme-menu" on a French host. The fallback is the exact
+ * identifier that composition produced in English.
+ */
+export declare const SHAPE_SWITCH_TYPE_MENU_ARIA: ChromeWording;
 export declare const SHAPE_ADD_TEXT_TOOLTIP: ChromeWording;
 export declare const SHAPE_EDIT_VERTICES_TOOLTIP: ChromeWording;
 export declare const SHAPE_NAME_SQUARE: ChromeWording;

package/dist/_pkgs/affine-gfx-shape/translations.js

@@ -41,6 +41,16 @@ export const SHAPE_SWITCH_TYPE_LABEL = [
     'com.labre.shape.toolbar.switch-type',
     'Switch shape type',
 ];
+/**
+ * The accessible name of the shape-type menu SHELL (#390) — its own wording,
+ * not `` `${SHAPE_SWITCH_TYPE_LABEL}-menu` ``, which is what produced
+ * "changer le type de forme-menu" on a French host. The fallback is the exact
+ * identifier that composition produced in English.
+ */
+export const SHAPE_SWITCH_TYPE_MENU_ARIA = [
+    'com.labre.shape.toolbar.switch-type-menu',
+    'switch shape type-menu',
+];
 export const SHAPE_ADD_TEXT_TOOLTIP = ADD_TEXT_TOOLTIP;
 export const SHAPE_EDIT_VERTICES_TOOLTIP = [
     'com.labre.shape.toolbar.edit-vertices',
@@ -83,6 +93,7 @@ export const SHAPE_WORDINGS = [
     SHAPE_TEXT_FIT_ARIA,
     SHAPE_TEXT_FIT_TOOLTIP,
     SHAPE_SWITCH_TYPE_LABEL,
+    SHAPE_SWITCH_TYPE_MENU_ARIA,
     SHAPE_EDIT_VERTICES_TOOLTIP,
     SHAPE_NAME_SQUARE,
     SHAPE_NAME_ELLIPSE,

package/dist/_pkgs/affine-gfx-template/builtin/other.js

@@ -2,7 +2,7 @@ import { ConnectorMode, FontFamily, FontWeight, PointStyle, ShapeStyle, StrokeSt
 import { NOTATION_NEUTRALS } from '../../affine-shared/consts/index.js';
 import { fillPlaceholders, translateKey, } from '../../affine-shared/services/index.js';
 import { makeTemplateSnapshot, surfaceText, } from '../make-snapshot.js';
-import { BMC_SEED_CHANNELS, BMC_SEED_COST_STRUCTURE, BMC_SEED_CUSTOMER_RELATIONSHIPS, BMC_SEED_CUSTOMER_SEGMENTS, BMC_SEED_DATE, BMC_SEED_DESIGNED_BY, BMC_SEED_DESIGNED_FOR, BMC_SEED_KEY_ACTIVITIES, BMC_SEED_KEY_PARTNERSHIPS, BMC_SEED_KEY_RESOURCES, BMC_SEED_REVENUE_STREAMS, BMC_SEED_TITLE, BMC_SEED_VALUE_PROPOSITIONS, BMC_SEED_VERSION, FISHBONE_SEED_CATEGORY, FISHBONE_SEED_EFFECT, FISHBONE_SEED_ITEM_1, FISHBONE_SEED_ITEM_2, GANTT_SEED_BUILD, GANTT_SEED_DESIGN, GANTT_SEED_DISCOVERY, GANTT_SEED_LAUNCH, GANTT_SEED_WEEK, KANBAN_SEED_CARD, KANBAN_SEED_DOING, KANBAN_SEED_DONE, KANBAN_SEED_TODO, SWOT_SEED_OPPORTUNITIES, SWOT_SEED_STRENGTHS, SWOT_SEED_THREATS, SWOT_SEED_WEAKNESSES, TEMPLATE_PANEL_CATEGORY_OTHER, } from '../translations.js';
+import { BMC_SEED_CHANNELS, BMC_SEED_COST_STRUCTURE, BMC_SEED_CUSTOMER_RELATIONSHIPS, BMC_SEED_CUSTOMER_SEGMENTS, BMC_SEED_DATE, BMC_SEED_DESIGNED_BY, BMC_SEED_DESIGNED_FOR, BMC_SEED_KEY_ACTIVITIES, BMC_SEED_KEY_PARTNERSHIPS, BMC_SEED_KEY_RESOURCES, BMC_SEED_REVENUE_STREAMS, BMC_SEED_TITLE, BMC_SEED_VALUE_PROPOSITIONS, BMC_SEED_VERSION, FISHBONE_SEED_CATEGORY, FISHBONE_SEED_EFFECT, FISHBONE_SEED_ITEM_1, FISHBONE_SEED_ITEM_2, GANTT_SEED_BUILD, GANTT_SEED_DESIGN, GANTT_SEED_DISCOVERY, GANTT_SEED_LAUNCH, GANTT_SEED_WEEK, KANBAN_SEED_CARD, KANBAN_SEED_DOING, KANBAN_SEED_DONE, KANBAN_SEED_TODO, SWOT_SEED_OPPORTUNITIES, SWOT_SEED_STRENGTHS, SWOT_SEED_THREATS, SWOT_SEED_WEAKNESSES, TEMPLATE_NAME_BUSINESS_MODEL_CANVAS, TEMPLATE_NAME_FISHBONE, TEMPLATE_NAME_GANTT_CHART, TEMPLATE_NAME_KANBAN_BOARD, TEMPLATE_NAME_SWOT, TEMPLATE_PANEL_CATEGORY_OTHER, } from '../translations.js';
 /**
  * The generic ("Other") diagrams: built ONLY from general BlockSuite shapes
  * (`shape` rect/polygon, `text`, `connector`) per the composition principle —
@@ -261,9 +261,15 @@ const previews = {
  * at placement (ADR 0023); `content` stays the English build, and `localize`
  * rebuilds the same snapshot with translated seeds.
  */
-function t(name, preview, build) {
+function t(nameWording, preview, build) {
+    const [nameKey, name] = nameWording;
     return {
         name,
+        // `resolveTemplateName` reads this FIRST: nothing here derives from a
+        // command, so the tile's own key is the only way a host translates it
+        // (#390). `name` stays the stable English identity (drag payload, cache
+        // key) and doubles as the fallback.
+        nameKey,
         type: 'template',
         preview,
         content: makeTemplateSnapshot(build(), name),
@@ -274,10 +280,10 @@ export const otherTemplateCategory = {
     name: 'Other',
     nameKey: TEMPLATE_PANEL_CATEGORY_OTHER[0],
     templates: [
-        t('SWOT', previews.swot, swot),
-        t('Kanban board', previews.kanban, kanban),
-        t('Business model canvas', previews.bmc, bmc),
-        t('Fishbone (Ishikawa)', previews.fishbone, fishbone),
-        t('Gantt chart', previews.gantt, gantt),
+        t(TEMPLATE_NAME_SWOT, previews.swot, swot),
+        t(TEMPLATE_NAME_KANBAN_BOARD, previews.kanban, kanban),
+        t(TEMPLATE_NAME_BUSINESS_MODEL_CANVAS, previews.bmc, bmc),
+        t(TEMPLATE_NAME_FISHBONE, previews.fishbone, fishbone),
+        t(TEMPLATE_NAME_GANTT_CHART, previews.gantt, gantt),
     ],
 };

package/dist/_pkgs/affine-gfx-template/toolbar/template-loading.js

@@ -22,7 +22,7 @@ export class AffineTemplateLoading extends LitElement {
       height: 20px;
       position: relative;
       background: conic-gradient(
-        rgba(30, 150, 235, 1) 90deg,
+        var(--affine-primary-color) 90deg,
         rgba(0, 0, 0, 0.1) 90deg 360deg
       );
       border-radius: 50%;

package/dist/_pkgs/affine-gfx-template/translations.d.ts

@@ -20,6 +20,11 @@ export declare const TEMPLATE_PANEL_SEARCH_PLACEHOLDER: ChromeWording;
 export declare const TEMPLATE_PANEL_CATEGORY_OTHER: ChromeWording;
 /** The "Template" senior tool's own button name (`SeniorTool.labelKey`). */
 export declare const TEMPLATE_SENIOR_TOOL_NAME: ChromeWording;
+export declare const TEMPLATE_NAME_SWOT: ChromeWording;
+export declare const TEMPLATE_NAME_KANBAN_BOARD: ChromeWording;
+export declare const TEMPLATE_NAME_BUSINESS_MODEL_CANVAS: ChromeWording;
+export declare const TEMPLATE_NAME_FISHBONE: ChromeWording;
+export declare const TEMPLATE_NAME_GANTT_CHART: ChromeWording;
 export declare const TEMPLATE_PACKAGE_WORDINGS: readonly ChromeWording[];
 /**
  * The generic ("Other") diagrams' own seeds: the captions painted onto the

package/dist/_pkgs/affine-gfx-template/translations.js

@@ -29,10 +29,48 @@ export const TEMPLATE_SENIOR_TOOL_NAME = [
     'com.labre.template.senior-tool.name',
     'Template',
 ];
+/* ── The five "Other" tiles' own names (#390) ─────────────────────────────
+ *
+ * A hand-composed template derives no tile name from a command, so it needs a
+ * `nameKey` of its own — the same seam every framework category already uses
+ * for its hand-written templates (`gfx/bpmn`, `gfx/edgy`, `gfx/mindmap`…).
+ * Only the NAME is chrome here; the captions painted into each scene are
+ * seeds, declared further down and resolved through `Template.localize`.
+ *
+ * `TEMPLATE_NAME_BUSINESS_MODEL_CANVAS` and `BMC_SEED_TITLE` share the same
+ * English words on purpose and do NOT collide: the seed is written once into
+ * the document, the tile is redrawn every time the panel opens, and the
+ * "un mot chrome, une clé" test groups `source: 'chrome'` only.
+ */
+export const TEMPLATE_NAME_SWOT = [
+    'com.labre.template.name.swot',
+    'SWOT',
+];
+export const TEMPLATE_NAME_KANBAN_BOARD = [
+    'com.labre.template.name.kanban-board',
+    'Kanban board',
+];
+export const TEMPLATE_NAME_BUSINESS_MODEL_CANVAS = [
+    'com.labre.template.name.business-model-canvas',
+    'Business model canvas',
+];
+export const TEMPLATE_NAME_FISHBONE = [
+    'com.labre.template.name.fishbone',
+    'Fishbone (Ishikawa)',
+];
+export const TEMPLATE_NAME_GANTT_CHART = [
+    'com.labre.template.name.gantt-chart',
+    'Gantt chart',
+];
 export const TEMPLATE_PACKAGE_WORDINGS = [
     TEMPLATE_PANEL_ADD,
     TEMPLATE_PANEL_SEARCH_PLACEHOLDER,
     TEMPLATE_SENIOR_TOOL_NAME,
+    TEMPLATE_NAME_SWOT,
+    TEMPLATE_NAME_KANBAN_BOARD,
+    TEMPLATE_NAME_BUSINESS_MODEL_CANVAS,
+    TEMPLATE_NAME_FISHBONE,
+    TEMPLATE_NAME_GANTT_CHART,
 ];
 /**
  * The generic ("Other") diagrams' own seeds: the captions painted onto the

package/dist/_pkgs/affine-gfx-text/edgeless-text-editor.js

@@ -176,9 +176,10 @@ let EdgelessTextEditor = (() => {
       transform-origin: left top;
       font-kerning: none;
       border: ${EdgelessTextEditor.BORDER_WIDTH}px solid
-        var(--affine-primary-color, #1e96eb);
+        var(--affine-primary-color);
       border-radius: 4px;
-      box-shadow: 0px 0px 0px 2px rgba(30, 150, 235, 0.3);
+      box-shadow: 0px 0px 0px 2px
+        color-mix(in srgb, var(--affine-primary-color) 30%, transparent);
       padding: ${EdgelessTextEditor.PADDING_VERTICAL}px
         ${EdgelessTextEditor.PADDING_HORIZONTAL}px;
       overflow: visible;

package/dist/_pkgs/affine-gfx-text/toolbar/actions.js

@@ -10,7 +10,7 @@ import { signal } from '@preact/signals-core';
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { isFontStyleSupported, isFontWeightSupported, } from '../element-renderer/utils.js';
-import { TEXT_ALIGN_CENTER, TEXT_ALIGN_LEFT, TEXT_ALIGN_RIGHT, TEXT_TOOLBAR_ALIGNMENT, TEXT_TOOLBAR_FONT, TEXT_TOOLBAR_FONT_STYLE, TEXT_TOOLBAR_FONT_STYLE_ITALIC, TEXT_TOOLBAR_FONT_WEIGHT_BOLD, TEXT_TOOLBAR_FONT_WEIGHT_LIGHT, TEXT_TOOLBAR_FONT_WEIGHT_REGULAR, TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD, TEXT_TOOLBAR_FONT_SIZE, TEXT_TOOLBAR_TEXT_COLOR, } from '../translations.js';
+import { TEXT_ALIGN_CENTER, TEXT_ALIGN_LEFT, TEXT_ALIGN_RIGHT, TEXT_TOOLBAR_ALIGNMENT, TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA, TEXT_TOOLBAR_FONT, TEXT_TOOLBAR_FONT_STYLE, TEXT_TOOLBAR_FONT_STYLE_ITALIC, TEXT_TOOLBAR_FONT_WEIGHT_BOLD, TEXT_TOOLBAR_FONT_WEIGHT_LIGHT, TEXT_TOOLBAR_FONT_WEIGHT_REGULAR, TEXT_TOOLBAR_FONT_WEIGHT_SEMIBOLD, TEXT_TOOLBAR_FONT_SIZE, TEXT_TOOLBAR_TEXT_COLOR, } from '../translations.js';
 const FONT_WEIGHT_LIST = [
     {
         key: 'Light',
@@ -119,6 +119,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
             <edgeless-font-family-panel
               .value=${fontFamily}
               .onSelect=${onPick}
+              .std=${ctx.std}
             ></edgeless-font-family-panel>
           </editor-menu-button>
         `;
@@ -295,6 +296,7 @@ export function createTextActions(klass, type, update = (ctx, model, props) => c
                 return renderMenu({
                     label: 'Alignment',
                     labelWording: TEXT_TOOLBAR_ALIGNMENT,
+                    menuAriaWording: TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA,
                     items: TEXT_ALIGN_LIST,
                     currentValue: textAlign,
                     onPick,

package/dist/_pkgs/affine-gfx-text/translations.d.ts

@@ -17,6 +17,14 @@ export declare const TEXT_TOOLBAR_FONT: ChromeWording;
 export declare const TEXT_TOOLBAR_TEXT_COLOR: ChromeWording;
 export declare const TEXT_TOOLBAR_FONT_STYLE: ChromeWording;
 export declare const TEXT_TOOLBAR_ALIGNMENT: ChromeWording;
+/**
+ * The accessible name of the alignment menu SHELL (#390) — its own wording,
+ * not `` `${TEXT_TOOLBAR_ALIGNMENT}-menu` ``, which read "alignement-menu" in
+ * French. Distinct from `ROOT_ALIGNMENT_MENU_ARIA`: that one names the
+ * edgeless menu that aligns ELEMENTS on the board, this one the menu that
+ * aligns TEXT inside an element. Two menus, two names.
+ */
+export declare const TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA: ChromeWording;
 /**
  * The three alignment values — a different concept from a mindmap's own
  * "Left" / "Right" layout direction (`gfx/mindmap`'s

package/dist/_pkgs/affine-gfx-text/translations.js

@@ -29,6 +29,17 @@ export const TEXT_TOOLBAR_ALIGNMENT = [
     'com.labre.text-toolbar.alignment',
     'Alignment',
 ];
+/**
+ * The accessible name of the alignment menu SHELL (#390) — its own wording,
+ * not `` `${TEXT_TOOLBAR_ALIGNMENT}-menu` ``, which read "alignement-menu" in
+ * French. Distinct from `ROOT_ALIGNMENT_MENU_ARIA`: that one names the
+ * edgeless menu that aligns ELEMENTS on the board, this one the menu that
+ * aligns TEXT inside an element. Two menus, two names.
+ */
+export const TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA = [
+    'com.labre.text-toolbar.alignment-menu',
+    'text alignment-menu',
+];
 /**
  * The three alignment values — a different concept from a mindmap's own
  * "Left" / "Right" layout direction (`gfx/mindmap`'s
@@ -58,6 +69,7 @@ export const TEXT_WORDINGS = [
     TEXT_TOOLBAR_TEXT_COLOR,
     TEXT_TOOLBAR_FONT_STYLE,
     TEXT_TOOLBAR_ALIGNMENT,
+    TEXT_TOOLBAR_ALIGNMENT_MENU_ARIA,
     TEXT_ALIGN_LEFT,
     TEXT_ALIGN_CENTER,
     TEXT_ALIGN_RIGHT,

package/dist/_pkgs/affine-inline-latex/latex-node/latex-editor-menu.js

@@ -101,7 +101,8 @@ let LatexEditorMenu = (() => {
       background: ${unsafeCSSVar('white10')};
 
       /* light/activeShadow */
-      box-shadow: 0px 0px 0px 2px rgba(30, 150, 235, 0.3);
+      box-shadow: 0px 0px 0px 2px
+        color-mix(in srgb, var(--affine-primary-color) 30%, transparent);
 
       font-family: ${unsafeCSSVar('fontCodeFamily')};
       border: 1px solid transparent;

package/dist/_pkgs/affine-model/consts/text.d.ts

@@ -31,17 +31,30 @@ export declare enum FontStyle {
     Italic = "italic",
     Normal = "normal"
 }
+/**
+ * A stored value: every member stays forever, whether or not a host still
+ * ships its files. `Satoshi` is in no default font list since #396 (its
+ * licence forbids offering it as a selectable font in a SaaS or design tool),
+ * but an element that carries it keeps loading and painting with the
+ * `sans-serif` fallback. `PlusJakartaSans` (SIL OFL 1.1) is its replacement.
+ */
 export declare enum FontFamily {
     BebasNeue = "blocksuite:surface:BebasNeue",
     Inter = "blocksuite:surface:Inter",
     Kalam = "blocksuite:surface:Kalam",
     Lora = "blocksuite:surface:Lora",
     OrelegaOne = "blocksuite:surface:OrelegaOne",
+    PlusJakartaSans = "blocksuite:surface:PlusJakartaSans",
     Poppins = "blocksuite:surface:Poppins",
     Satoshi = "blocksuite:surface:Satoshi"
 }
-export declare const FontFamilyMap: Record<FontFamily, "BebasNeue" | "Inter" | "Kalam" | "Lora" | "OrelegaOne" | "Poppins" | "Satoshi">;
-export declare const FontFamilyList: { [K in FontFamily]: [K, (typeof FontFamilyMap)[K]]; }[FontFamily][];
+export declare const FontFamilyMap: Record<FontFamily, "BebasNeue" | "Inter" | "Kalam" | "Lora" | "OrelegaOne" | "PlusJakartaSans" | "Poppins" | "Satoshi">;
+/**
+ * Every family with the name the picker shows, in declaration order. What a
+ * picker OFFERS is this list narrowed to the families the host configured
+ * (`FontConfig`, #396); this is the order and the names it keeps.
+ */
+export declare const FontFamilyList: [FontFamily, string][];
 export declare enum TextResizing {
     AUTO_WIDTH_AND_HEIGHT = 0,
     AUTO_HEIGHT = 1

package/dist/_pkgs/affine-model/consts/text.js

@@ -27,6 +27,13 @@ export var FontStyle;
     FontStyle["Italic"] = "italic";
     FontStyle["Normal"] = "normal";
 })(FontStyle || (FontStyle = {}));
+/**
+ * A stored value: every member stays forever, whether or not a host still
+ * ships its files. `Satoshi` is in no default font list since #396 (its
+ * licence forbids offering it as a selectable font in a SaaS or design tool),
+ * but an element that carries it keeps loading and painting with the
+ * `sans-serif` fallback. `PlusJakartaSans` (SIL OFL 1.1) is its replacement.
+ */
 export var FontFamily;
 (function (FontFamily) {
     FontFamily["BebasNeue"] = "blocksuite:surface:BebasNeue";
@@ -34,11 +41,28 @@ export var FontFamily;
     FontFamily["Kalam"] = "blocksuite:surface:Kalam";
     FontFamily["Lora"] = "blocksuite:surface:Lora";
     FontFamily["OrelegaOne"] = "blocksuite:surface:OrelegaOne";
+    FontFamily["PlusJakartaSans"] = "blocksuite:surface:PlusJakartaSans";
     FontFamily["Poppins"] = "blocksuite:surface:Poppins";
     FontFamily["Satoshi"] = "blocksuite:surface:Satoshi";
 })(FontFamily || (FontFamily = {}));
 export const FontFamilyMap = createEnumMap(FontFamily);
-export const FontFamilyList = Object.entries(FontFamilyMap);
+/**
+ * The name a family goes by where its enum key cannot spell it: a proper name
+ * with spaces. Proper names carry no i18n key, like the other family names
+ * (ADR 0023).
+ */
+const SPACED_FONT_FAMILY_NAMES = {
+    [FontFamily.PlusJakartaSans]: 'Plus Jakarta Sans',
+};
+/**
+ * Every family with the name the picker shows, in declaration order. What a
+ * picker OFFERS is this list narrowed to the families the host configured
+ * (`FontConfig`, #396); this is the order and the names it keeps.
+ */
+export const FontFamilyList = Object.entries(FontFamilyMap).map(([family, key]) => [
+    family,
+    SPACED_FONT_FAMILY_NAMES[family] ?? key,
+]);
 export var TextResizing;
 (function (TextResizing) {
     TextResizing[TextResizing["AUTO_WIDTH_AND_HEIGHT"] = 0] = "AUTO_WIDTH_AND_HEIGHT";

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

@@ -20,8 +20,19 @@ export type FontConfig = z.infer<typeof fontConfigSchema>;
  * 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 declare const AffineCanvasTextFonts: FontConfig[];
+/**
+ * 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 declare const CommunityCanvasTextFonts: FontConfig[];

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/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;
@@ -357,6 +369,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 +383,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;