@aglyn/plugins-ai 1.0.0-beta.270 → 1.0.0-beta.271

package/src/lib/layout-language/ai-layout-design.js

@@ -40,7 +40,28 @@
  * many items each shows are still the model's, page by page.
  *
  * Pure: no tree, no theme, no network.
- */ /** What the compiler is told about the site a page belongs to. */ const FAMILIES = {
+ */ /** What the compiler is told about the site a page belongs to. */ /** Every hero arrangement, as {@link AiLayoutHeroVariant} lists them. */ export const AI_LAYOUT_HERO_VARIANTS = [
+    'cover',
+    'poster',
+    'split',
+    'bleed',
+    'editorial',
+    'column',
+    'collage',
+    'panel',
+    'portrait'
+];
+/** The heroes whose words take half the page or less, so their title is the page's title size, never display. */ export const AI_LAYOUT_HALF_HEROES = new Set([
+    'split',
+    'bleed',
+    'collage',
+    'panel'
+]);
+/** The heroes that lay their words over a photo, which pins the section to the site's dark scheme. */ export const AI_LAYOUT_OVER_PHOTO_HEROES = new Set([
+    'cover',
+    'poster'
+]);
+const FAMILIES = {
     portfolio: 'gallery',
     photography: 'gallery',
     studio: 'gallery',
@@ -52,75 +73,382 @@
     beauty: 'calm',
     store: 'retail'
 };
-/** The heroes each kind opens with, best suited first. */ const HEROES = {
-    photography: [
-        'cover',
-        'editorial'
-    ],
-    portfolio: [
-        'editorial',
-        'split'
-    ],
-    studio: [
-        'editorial',
-        'cover'
-    ],
-    blog: [
-        'editorial',
-        'cover',
-        'split'
-    ],
-    restaurant: [
-        'cover',
-        'split'
-    ],
-    events: [
-        'cover',
-        'split'
-    ],
-    fitness: [
-        'cover',
-        'split'
-    ],
-    music: [
-        'cover',
-        'editorial'
-    ],
-    nonprofit: [
-        'cover',
-        'split'
-    ],
-    realestate: [
-        'cover',
-        'split'
-    ],
-    trades: [
-        'cover',
-        'split'
-    ],
-    yoga: [
-        'split',
-        'cover'
-    ],
-    wellness: [
-        'split',
-        'cover'
-    ],
-    beauty: [
-        'split',
-        'cover',
-        'editorial'
-    ],
-    store: [
-        'split',
-        'editorial'
-    ]
-};
-const DEFAULT_HEROES = [
-    'split',
-    'cover',
-    'editorial'
+const BOTH_STEPS = [
+    'timeline',
+    'numbers'
+];
+const MOSTLY_MOSAIC = [
+    'mosaic',
+    'mosaic',
+    'even'
 ];
+/** Each kind's signature, by its `AI_SITE_KINDS` id. */ export const AI_LAYOUT_KIND_SIGNATURES = {
+    // Clear and confident: a contained split, or the words on a card over the place.
+    business: {
+        heroes: [
+            'split',
+            'panel'
+        ],
+        groups: [
+            'cards',
+            'icons'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.6,
+        coverClose: 0.3,
+        splitHeads: 0.5,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Direct: a full-bleed job photo with the promise at the start, services as tight cards.
+    trades: {
+        heroes: [
+            'cover',
+            'split'
+        ],
+        groups: [
+            'cards'
+        ],
+        steps: [
+            'numbers'
+        ],
+        features: 0.5,
+        coverClose: 0.7,
+        splitHeads: 0.2,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Measured: the words on a card over the office, practice areas ruled, headings beside them.
+    professional: {
+        heroes: [
+            'panel',
+            'editorial'
+        ],
+        groups: [
+            'ruled'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.5,
+        coverClose: 0.2,
+        splitHeads: 0.8,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Reassuring: half the band a calm room, or a quiet centered masthead.
+    wellness: {
+        heroes: [
+            'bleed',
+            'column'
+        ],
+        groups: [
+            'icons',
+            'cards'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.7,
+        coverClose: 0.2,
+        splitHeads: 0.3,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Photo-led: the room full-bleed with the name centered over it, the menu as lines.
+    restaurant: {
+        heroes: [
+            'poster',
+            'bleed'
+        ],
+        groups: [
+            'ruled',
+            'cards'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.8,
+        coverClose: 0.7,
+        splitHeads: 0.2,
+        pictures: MOSTLY_MOSAIC
+    },
+    // A storefront: the products themselves, two of them, beside the words.
+    store: {
+        heroes: [
+            'collage',
+            'split'
+        ],
+        groups: [
+            'icons'
+        ],
+        steps: BOTH_STEPS,
+        features: 1,
+        coverClose: 0.2,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // The work first: display type then a wide picture, or the words beside two pieces.
+    portfolio: {
+        heroes: [
+            'editorial',
+            'collage'
+        ],
+        groups: [
+            'ruled'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.5,
+        coverClose: 0.2,
+        splitHeads: 0.5,
+        pictures: [
+            'mosaic'
+        ]
+    },
+    // Oversized statements over a wide picture, or full-bleed and dark.
+    studio: {
+        heroes: [
+            'editorial',
+            'cover'
+        ],
+        groups: [
+            'ruled',
+            'cards'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.4,
+        coverClose: 0.5,
+        splitHeads: 0.6,
+        pictures: [
+            'mosaic',
+            'even'
+        ]
+    },
+    // Pictures first, few words.
+    photography: {
+        heroes: [
+            'editorial',
+            'poster'
+        ],
+        groups: [
+            'ruled'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.6,
+        coverClose: 0.6,
+        splitHeads: 0.35,
+        pictures: [
+            'even',
+            'mosaic'
+        ]
+    },
+    // Reading-first: a centered masthead over the lead picture.
+    blog: {
+        heroes: [
+            'column',
+            'editorial'
+        ],
+        groups: [
+            'ruled'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.4,
+        coverClose: 0.1,
+        splitHeads: 0.7,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Celebratory: two pictures of the day beside its name, or the name over one.
+    events: {
+        heroes: [
+            'collage',
+            'poster'
+        ],
+        groups: [
+            'cards',
+            'icons'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.7,
+        coverClose: 0.6,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // High energy: half the band a photo, half a loud headline; or full-bleed.
+    fitness: {
+        heroes: [
+            'bleed',
+            'cover'
+        ],
+        groups: [
+            'cards'
+        ],
+        steps: [
+            'numbers'
+        ],
+        features: 0.5,
+        coverClose: 0.7,
+        splitHeads: 0.2,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Calm and spacious: a centered masthead, or a soft split.
+    yoga: {
+        heroes: [
+            'column',
+            'split'
+        ],
+        groups: [
+            'icons',
+            'cards'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.6,
+        coverClose: 0.2,
+        splitHeads: 0.2,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Image-led: two pictures of the work and the place, or half the band one.
+    beauty: {
+        heroes: [
+            'collage',
+            'bleed'
+        ],
+        groups: [
+            'ruled',
+            'cards'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.8,
+        coverClose: 0.3,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Polished: the home full-bleed with the words on a card, or under a scrim.
+    realestate: {
+        heroes: [
+            'panel',
+            'cover'
+        ],
+        groups: [
+            'cards',
+            'ruled'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.8,
+        coverClose: 0.5,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Encouraging: a contained split, or the teacher's portrait over the words.
+    education: {
+        heroes: [
+            'split',
+            'portrait'
+        ],
+        groups: [
+            'icons',
+            'cards'
+        ],
+        steps: [
+            'numbers'
+        ],
+        features: 0.6,
+        coverClose: 0.2,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Mission-led: the people full-bleed with the cause over them, or two pictures beside it.
+    nonprofit: {
+        heroes: [
+            'cover',
+            'collage'
+        ],
+        groups: [
+            'icons',
+            'cards'
+        ],
+        steps: [
+            'numbers'
+        ],
+        features: 0.6,
+        coverClose: 0.7,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Loud: the name huge over a full-bleed photo, at the start or centered.
+    music: {
+        heroes: [
+            'cover',
+            'poster'
+        ],
+        groups: [
+            'ruled'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.5,
+        coverClose: 0.8,
+        splitHeads: 0.35,
+        pictures: MOSTLY_MOSAIC
+    },
+    // A person: their portrait over who they are, or a quiet masthead.
+    personal: {
+        heroes: [
+            'portrait',
+            'column'
+        ],
+        groups: [
+            'ruled'
+        ],
+        steps: [
+            'timeline'
+        ],
+        features: 0.4,
+        coverClose: 0.1,
+        splitHeads: 0.6,
+        pictures: MOSTLY_MOSAIC
+    },
+    // One action: the promise centered over the picture of the thing, or over a photo.
+    landing: {
+        heroes: [
+            'column',
+            'poster'
+        ],
+        groups: [
+            'icons',
+            'cards'
+        ],
+        steps: [
+            'numbers'
+        ],
+        features: 0.5,
+        coverClose: 0.3,
+        splitHeads: 0.2,
+        pictures: MOSTLY_MOSAIC
+    },
+    // Short and striking: one big line over a photo, or on a card over it.
+    'coming-soon': {
+        heroes: [
+            'poster',
+            'panel'
+        ],
+        groups: [
+            'icons',
+            'ruled'
+        ],
+        steps: BOTH_STEPS,
+        features: 0.3,
+        coverClose: 0.2,
+        splitHeads: 0.2,
+        pictures: MOSTLY_MOSAIC
+    }
+};
+/** The signature of a kind; an unknown kind draws as a business site. */ export function aiLayoutKindSignature(kind) {
+    var _AI_LAYOUT_KIND_SIGNATURES_kind;
+    return (_AI_LAYOUT_KIND_SIGNATURES_kind = AI_LAYOUT_KIND_SIGNATURES[kind]) != null ? _AI_LAYOUT_KIND_SIGNATURES_kind : AI_LAYOUT_KIND_SIGNATURES['business'];
+}
 /** A small deterministic generator over a seed (mulberry32). */ function random(seed) {
     let state = seed >>> 0;
     return ()=>{
@@ -138,22 +466,18 @@ const pick = (next, list)=>list[Math.floor(next() * list.length) % list.length];
 }
 /**
  * A site's choices, the same for every page of it, each drawn at even odds
- * among the options that suit the kind (AGL-3899), so two sites of one kind
- * are drawn apart. Favoring each list's first option made the newest
- * production sites one design: the kind's first hero won 55% before the
- * pick, a business site opened split, groups were ruled two times in three
- * and every text section took a photo.
+ * among the options its kind's signature lists (AGL-3899, AGL-3985), so two
+ * sites of one kind are drawn apart and two kinds never read as one page.
+ * Favoring each list's first option made the newest production sites one
+ * design: the kind's first hero won 55% before the pick, a business site
+ * opened split, groups were ruled two times in three and every text section
+ * took a photo.
  */ export function aiLayoutDesignChoices(design) {
-    var _HEROES_design_kind;
     const next = random(design.seed ^ 0x2f6b9d1);
     const family = aiLayoutFamily(design.kind);
-    const heroes = (_HEROES_design_kind = HEROES[design.kind]) != null ? _HEROES_design_kind : DEFAULT_HEROES;
-    const hero = pick(next, heroes);
-    const group = pick(next, [
-        'cards',
-        'ruled',
-        'icons'
-    ]);
+    const signature = aiLayoutKindSignature(design.kind);
+    const hero = pick(next, signature.heroes);
+    const group = pick(next, signature.groups);
     return {
         hero,
         // A store's reasons to buy — the making, the shipping, the care — read
@@ -162,25 +486,15 @@ const pick = (next, list)=>list[Math.floor(next() * list.length) % list.length];
         // of a title and a sentence the beta.237 Willow Wick home showed four
         // bands of (AGL-3676).
         group: family === 'retail' ? 'icons' : group,
-        steps: pick(next, [
-            'timeline',
-            'numbers'
-        ]),
+        steps: pick(next, signature.steps),
         // Whether a section of words takes a photo beside it: some sites are
         // photo-led, some let their type carry the page. A storefront never
         // shows a band of text alone (AGL-3676), so its story always takes one.
-        features: next() < 0.6 || family === 'retail',
+        features: next() < signature.features || family === 'retail',
         featureLeft: next() < 0.5,
-        coverClose: heroes.includes('cover') && next() < 0.7,
-        splitHeads: family === 'editorial' || family === 'standard' ? next() < 0.6 : next() < 0.35,
-        pictures: design.kind === 'photography' ? pick(next, [
-            'even',
-            'mosaic'
-        ]) : pick(next, [
-            'mosaic',
-            'mosaic',
-            'even'
-        ]),
+        coverClose: next() < signature.coverClose,
+        splitHeads: next() < signature.splitHeads,
+        pictures: pick(next, signature.pictures),
         // Drawn last, so every choice above stays what it was for a seed.
         writing: pick(next, [
             'grid',

package/src/lib/layout-language/ai-layout-design.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/layout-language/ai-layout-design.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * THE DESIGNER LAYER of the layout compiler (AGL-3660): how a page the model\n * described in the layout language is ARRANGED, decided by code from the\n * site's kind and its job's seed — never asked of the model, so a recorded\n * answer compiles into the new design with no new call.\n *\n * Why. A page compiled one way for every site read like a SaaS landing page:\n * a centered text hero, three outlined cards, a numbered row, a solid form\n * band. The designer templates people compare a site to (Squarespace's Loam,\n * Clove, Auburn, Rivoli, Matsuya; Wix's portfolio and restaurant sets) are\n * built from a handful of moves instead — a full-bleed photo hero with the\n * type over it, image and text side by side, work shown as pictures in an\n * uneven grid, writing as a list under thin rules, a closing band over a\n * photo — and they pick those moves for the KIND of site.\n *\n * So a site's design is a set of VARIANTS — the hero's arrangement, how its\n * groups are drawn, whether its text sections take a picture beside them,\n * how its closing section reads — each chosen among the ones that suit the\n * kind, by the seed. The choices are the site's: every page of one site is\n * drawn with the same hero and the same group style, so the site reads as\n * one design, and two sites of one kind come out differently.\n *\n * This is NOT a template library. A variant is a way of drawing whatever the\n * model wrote; the sections, their order, their bands, their words and how\n * many items each shows are still the model's, page by page.\n *\n * Pure: no tree, no theme, no network.\n */\n\n/** What the compiler is told about the site a page belongs to. */\nexport interface AiLayoutDesign {\n  /** The site's kind (`AI_SITE_KINDS`); an unknown one draws as a business site. */\n  kind: string\n  /** The job's design seed: the same for every page of one site. */\n  seed: number\n  /** Whether this page is the site's home, which opens tallest. */\n  home: boolean\n}\n\n/**\n * How the first section of a page is drawn:\n *  - `cover`: a full-bleed photo with the words over it on a scrim;\n *  - `split`: the words beside a tall photo, inside the page's measure;\n *  - `editorial`: display type across the page, the lede and the buttons in\n *    a row under it, and a wide photo below.\n */\nexport type AiLayoutHeroVariant = 'cover' | 'split' | 'editorial'\n\n/**\n * How a group of cards is drawn where no component draws it:\n *  - `cards`: the theme's cards (the compiler's first design);\n *  - `ruled`: open columns, each under a thin rule, no card around it;\n *  - `pictures`: a picture over each item's title and caption, in an uneven\n *    grid (work, products);\n *  - `articles`: a picture over each title and summary, in even columns (writing);\n *  - `menu`: two columns of lines under rules (dishes, prices left out);\n *  - `icons`: open columns, each led by an icon in a soft disc over its title\n *    and words — a storefront's reasons to buy (shipping, small batch,\n *    returns), never a block of text (AGL-3676).\n */\nexport type AiLayoutGroupVariant = 'cards' | 'ruled' | 'pictures' | 'articles' | 'menu' | 'icons'\n\n/** How a numbered group is drawn: a row of numbers, or a ruled list beside its heading. */\nexport type AiLayoutStepsVariant = 'numbers' | 'timeline'\n\n/** The site-level choices a page is drawn with. */\nexport interface AiLayoutDesignChoices {\n  hero: AiLayoutHeroVariant\n  /** The group style of a section that names no subject the kind draws its own way. */\n  group: 'cards' | 'ruled' | 'icons'\n  steps: AiLayoutStepsVariant\n  /** Whether a section of words takes a photo beside it. */\n  features: boolean\n  /** Whether the photo of the first such section sits on the left. */\n  featureLeft: boolean\n  /** Whether a closing section of words is drawn over a photo. */\n  coverClose: boolean\n  /** Whether a section's heading sits beside its items rather than over them. */\n  splitHeads: boolean\n  /** How work is laid out where the kind shows it as pictures. */\n  pictures: 'mosaic' | 'even'\n  /**\n   * How a blog's own posts are listed where a page shows them (AGL-3676):\n   * `grid`, a cover over each post's date, title and excerpt in columns; or\n   * `ruled`, a list under thin rules, the date in its own column and a small\n   * cover beside each title — the two ways an editorial site lists writing.\n   */\n  writing: 'grid' | 'ruled'\n}\n\ntype Family = 'gallery' | 'editorial' | 'hospitality' | 'calm' | 'retail' | 'standard'\n\nconst FAMILIES: Readonly<Record<string, Family>> = {\n  portfolio: 'gallery',\n  photography: 'gallery',\n  studio: 'gallery',\n  blog: 'editorial',\n  restaurant: 'hospitality',\n  events: 'hospitality',\n  yoga: 'calm',\n  wellness: 'calm',\n  beauty: 'calm',\n  store: 'retail',\n}\n\n/** The heroes each kind opens with, best suited first. */\nconst HEROES: Readonly<Record<string, readonly AiLayoutHeroVariant[]>> = {\n  photography: ['cover', 'editorial'],\n  portfolio: ['editorial', 'split'],\n  studio: ['editorial', 'cover'],\n  blog: ['editorial', 'cover', 'split'],\n  restaurant: ['cover', 'split'],\n  events: ['cover', 'split'],\n  fitness: ['cover', 'split'],\n  music: ['cover', 'editorial'],\n  nonprofit: ['cover', 'split'],\n  realestate: ['cover', 'split'],\n  trades: ['cover', 'split'],\n  yoga: ['split', 'cover'],\n  wellness: ['split', 'cover'],\n  beauty: ['split', 'cover', 'editorial'],\n  store: ['split', 'editorial'],\n}\nconst DEFAULT_HEROES: readonly AiLayoutHeroVariant[] = ['split', 'cover', 'editorial']\n\n/** A small deterministic generator over a seed (mulberry32). */\nfunction random(seed: number): () => number {\n  let state = seed >>> 0\n  return () => {\n    state = (state + 0x6d2b79f5) >>> 0\n    let t = state\n    t = Math.imul(t ^ (t >>> 15), t | 1)\n    t ^= t + Math.imul(t ^ (t >>> 7), t | 61)\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296\n  }\n}\n\nconst pick = <T>(next: () => number, list: readonly T[]): T => list[Math.floor(next() * list.length) % list.length] as T\n\n/** The family a kind's pages are drawn in. */\nexport function aiLayoutFamily(kind: string): Family {\n  return FAMILIES[kind] ?? 'standard'\n}\n\n/**\n * A site's choices, the same for every page of it, each drawn at even odds\n * among the options that suit the kind (AGL-3899), so two sites of one kind\n * are drawn apart. Favoring each list's first option made the newest\n * production sites one design: the kind's first hero won 55% before the\n * pick, a business site opened split, groups were ruled two times in three\n * and every text section took a photo.\n */\nexport function aiLayoutDesignChoices(design: AiLayoutDesign): AiLayoutDesignChoices {\n  const next = random(design.seed ^ 0x2f6b9d1)\n  const family = aiLayoutFamily(design.kind)\n  const heroes = HEROES[design.kind] ?? DEFAULT_HEROES\n  const hero = pick(next, heroes)\n  const group = pick(next, ['cards', 'ruled', 'icons'] as const)\n  return {\n    hero,\n    // A store's reasons to buy — the making, the shipping, the care — read\n    // as open columns each led by an icon, the way a storefront theme draws\n    // them: never a SaaS page's feature cards, and never the plain columns\n    // of a title and a sentence the beta.237 Willow Wick home showed four\n    // bands of (AGL-3676).\n    group: family === 'retail' ? 'icons' : group,\n    steps: pick(next, ['timeline', 'numbers'] as const),\n    // Whether a section of words takes a photo beside it: some sites are\n    // photo-led, some let their type carry the page. A storefront never\n    // shows a band of text alone (AGL-3676), so its story always takes one.\n    features: next() < 0.6 || family === 'retail',\n    featureLeft: next() < 0.5,\n    coverClose: heroes.includes('cover') && next() < 0.7,\n    splitHeads: family === 'editorial' || family === 'standard' ? next() < 0.6 : next() < 0.35,\n    pictures: design.kind === 'photography' ? pick(next, ['even', 'mosaic'] as const) : pick(next, ['mosaic', 'mosaic', 'even'] as const),\n    // Drawn last, so every choice above stays what it was for a seed.\n    writing: pick(next, ['grid', 'ruled'] as const),\n  }\n}\n\nconst WORK = /\\b(work|works|project|projects|portfolio|gallery|galleries|case|cases|studies|selected|commission|commissions|illustration|illustrations|photo|photos|series|book|books|editorial|brand|collection|collections|wedding|weddings|portrait|portraits|session|sessions|shoot|shoots)\\b/i\nconst WRITING = /\\b(article|articles|post|posts|writing|writings|latest|featured|journey|journeys|recipe|recipes|story|stories|essay|essays|guide|guides|issue|issues|episode|episodes)\\b/i\nconst DISHES = /\\b(menu|menus|dish|dishes|breakfast|brunch|lunch|dinner|pastry|pastries|coffee|drink|drinks|cocktail|cocktails|wine|wines|highlight|highlights|favorite|favorites|favourites|special|specials|plate|plates|bake|bakes|bread|cake|cakes)\\b/i\n// A store's own products are listed by its Product grid (AGL-3676), never drawn\n// from words: what a store shows as pictures is how its range is grouped — its\n// collections, gift sets, occasions and scents. \"Candle care and burn notes\" is no band of pictures.\n/** Words a section uses for itself when it is a showing of pictures, on any kind of site (AGL-3923). */\nconst GALLERY = /\\b(gallery|galleries|portfolio|portfolios|lookbook|lookbooks)\\b/i\nconst CATEGORIES = /\\b(collection|collections|range|ranges|categor(?:y|ies)|gift|gifts|gift sets?|sets|occasion|occasions|scent|scents|edit|edits)\\b/i\n\n/**\n * How a section's group of cards is drawn, from what the section is about:\n * work in a gallery kind and products in a store are pictures, writing in a\n * blog is articles, dishes in a restaurant a menu; anything else takes the\n * site's own group style.\n */\nexport function aiLayoutGroupVariant(\n  design: AiLayoutDesign,\n  choices: AiLayoutDesignChoices,\n  words: string,\n): AiLayoutGroupVariant {\n  const family = aiLayoutFamily(design.kind)\n  if (family === 'gallery' && (WORK.test(words) || design.kind === 'photography')) return 'pictures'\n  if (family === 'editorial' && WRITING.test(words)) return 'articles'\n  if (family === 'hospitality' && DISHES.test(words)) return 'menu'\n  if (family === 'retail' && CATEGORIES.test(words)) return 'pictures'\n  // A section that calls itself a gallery or a portfolio shows pictures on any\n  // kind of site (AGL-3923): the beta.265 Kasvora Marketing Solutions home drew\n  // its \"Selected work gallery\" as four cards of icons.\n  if (GALLERY.test(words)) return 'pictures'\n  return choices.group\n}\n"],"names":["FAMILIES","portfolio","photography","studio","blog","restaurant","events","yoga","wellness","beauty","store","HEROES","fitness","music","nonprofit","realestate","trades","DEFAULT_HEROES","random","seed","state","t","Math","imul","pick","next","list","floor","length","aiLayoutFamily","kind","aiLayoutDesignChoices","design","family","heroes","hero","group","steps","features","featureLeft","coverClose","includes","splitHeads","pictures","writing","WORK","WRITING","DISHES","GALLERY","CATEGORIES","aiLayoutGroupVariant","choices","words","test"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/layout-language/ai-layout-design.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * THE DESIGNER LAYER of the layout compiler (AGL-3660): how a page the model\n * described in the layout language is ARRANGED, decided by code from the\n * site's kind and its job's seed — never asked of the model, so a recorded\n * answer compiles into the new design with no new call.\n *\n * Why. A page compiled one way for every site read like a SaaS landing page:\n * a centered text hero, three outlined cards, a numbered row, a solid form\n * band. The designer templates people compare a site to (Squarespace's Loam,\n * Clove, Auburn, Rivoli, Matsuya; Wix's portfolio and restaurant sets) are\n * built from a handful of moves instead — a full-bleed photo hero with the\n * type over it, image and text side by side, work shown as pictures in an\n * uneven grid, writing as a list under thin rules, a closing band over a\n * photo — and they pick those moves for the KIND of site.\n *\n * So a site's design is a set of VARIANTS — the hero's arrangement, how its\n * groups are drawn, whether its text sections take a picture beside them,\n * how its closing section reads — each chosen among the ones that suit the\n * kind, by the seed. The choices are the site's: every page of one site is\n * drawn with the same hero and the same group style, so the site reads as\n * one design, and two sites of one kind come out differently.\n *\n * This is NOT a template library. A variant is a way of drawing whatever the\n * model wrote; the sections, their order, their bands, their words and how\n * many items each shows are still the model's, page by page.\n *\n * Pure: no tree, no theme, no network.\n */\n\n/** What the compiler is told about the site a page belongs to. */\nexport interface AiLayoutDesign {\n  /** The site's kind (`AI_SITE_KINDS`); an unknown one draws as a business site. */\n  kind: string\n  /** The job's design seed: the same for every page of one site. */\n  seed: number\n  /** Whether this page is the site's home, which opens tallest. */\n  home: boolean\n}\n\n/**\n * How the first section of a page is drawn:\n *  - `cover`: a full-bleed photo with the words over it on a scrim, set at\n *    the start of the page;\n *  - `poster`: a full-bleed photo, taller, the words centered over it in\n *    display type (AGL-3985);\n *  - `split`: the words beside a tall photo, inside the page's measure;\n *  - `bleed`: the band in two halves, a photo filling one edge to edge and\n *    the words in the other (AGL-3985);\n *  - `editorial`: display type across the page, the lede and the buttons in\n *    a row under it, and a wide photo below;\n *  - `column`: a masthead — the words centered in a narrow column, a wide\n *    photo under them (AGL-3985);\n *  - `collage`: the words beside two photos, a tall one and a smaller one\n *    laid over its corner (AGL-3985);\n *  - `panel`: a full-bleed photo, undimmed, with the words on a card of the\n *    page's surface over its lower corner (AGL-3985);\n *  - `portrait`: a round photo over the words, all centered: a person's own\n *    page (AGL-3985).\n */\nexport type AiLayoutHeroVariant = 'cover' | 'poster' | 'split' | 'bleed' | 'editorial' | 'column' | 'collage' | 'panel' | 'portrait'\n\n/** Every hero arrangement, as {@link AiLayoutHeroVariant} lists them. */\nexport const AI_LAYOUT_HERO_VARIANTS: readonly AiLayoutHeroVariant[] = ['cover', 'poster', 'split', 'bleed', 'editorial', 'column', 'collage', 'panel', 'portrait']\n\n/** The heroes whose words take half the page or less, so their title is the page's title size, never display. */\nexport const AI_LAYOUT_HALF_HEROES: ReadonlySet<AiLayoutHeroVariant> = new Set(['split', 'bleed', 'collage', 'panel'])\n\n/** The heroes that lay their words over a photo, which pins the section to the site's dark scheme. */\nexport const AI_LAYOUT_OVER_PHOTO_HEROES: ReadonlySet<AiLayoutHeroVariant> = new Set(['cover', 'poster'])\n\n/**\n * How a group of cards is drawn where no component draws it:\n *  - `cards`: the theme's cards (the compiler's first design);\n *  - `ruled`: open columns, each under a thin rule, no card around it;\n *  - `pictures`: a picture over each item's title and caption, in an uneven\n *    grid (work, products);\n *  - `articles`: a picture over each title and summary, in even columns (writing);\n *  - `menu`: two columns of lines under rules (dishes, prices left out);\n *  - `icons`: open columns, each led by an icon in a soft disc over its title\n *    and words — a storefront's reasons to buy (shipping, small batch,\n *    returns), never a block of text (AGL-3676).\n */\nexport type AiLayoutGroupVariant = 'cards' | 'ruled' | 'pictures' | 'articles' | 'menu' | 'icons'\n\n/** How a numbered group is drawn: a row of numbers, or a ruled list beside its heading. */\nexport type AiLayoutStepsVariant = 'numbers' | 'timeline'\n\n/** The site-level choices a page is drawn with. */\nexport interface AiLayoutDesignChoices {\n  hero: AiLayoutHeroVariant\n  /** The group style of a section that names no subject the kind draws its own way. */\n  group: 'cards' | 'ruled' | 'icons'\n  steps: AiLayoutStepsVariant\n  /** Whether a section of words takes a photo beside it. */\n  features: boolean\n  /** Whether the photo of the first such section sits on the left. */\n  featureLeft: boolean\n  /** Whether a closing section of words is drawn over a photo. */\n  coverClose: boolean\n  /** Whether a section's heading sits beside its items rather than over them. */\n  splitHeads: boolean\n  /** How work is laid out where the kind shows it as pictures. */\n  pictures: 'mosaic' | 'even'\n  /**\n   * How a blog's own posts are listed where a page shows them (AGL-3676):\n   * `grid`, a cover over each post's date, title and excerpt in columns; or\n   * `ruled`, a list under thin rules, the date in its own column and a small\n   * cover beside each title — the two ways an editorial site lists writing.\n   */\n  writing: 'grid' | 'ruled'\n}\n\ntype Family = 'gallery' | 'editorial' | 'hospitality' | 'calm' | 'retail' | 'standard'\ntype GroupStyle = AiLayoutDesignChoices['group']\n\nconst FAMILIES: Readonly<Record<string, Family>> = {\n  portfolio: 'gallery',\n  photography: 'gallery',\n  studio: 'gallery',\n  blog: 'editorial',\n  restaurant: 'hospitality',\n  events: 'hospitality',\n  yoga: 'calm',\n  wellness: 'calm',\n  beauty: 'calm',\n  store: 'retail',\n}\n\n/**\n * A kind's LAYOUT SIGNATURE (AGL-3985): the arrangements its pages are drawn\n * in, so a café, a law firm and a band never read as one page in three\n * colors. Before it, six kinds shared one list of heroes and every kind drew\n * its groups, its photo-led sections and its headings beside their items at\n * the same odds; the guided start's 21 style previews, which the real\n * compiler draws, read as one page — a header bar, a split or banded hero,\n * one section.\n *\n *  - `heroes`: the two first sections the kind opens with, each drawn at even\n *    odds (AGL-3899). The first is the one its style card shows. No two kinds\n *    share the same two.\n *  - `groups`: the group styles a section of items takes where its subject\n *    picks none.\n *  - `steps`: how its numbered groups read.\n *  - `features`: the chance a section of words takes a photo beside it — a\n *    café's or a salon's pages are photo-led, a law firm's or a writer's let\n *    the type carry them.\n *  - `coverClose`: the chance a closing call to action is drawn over a photo.\n *  - `splitHeads`: the chance a heading sits beside its items: an\n *    editorial, considered page.\n *  - `pictures`: how its work is laid out where it shows it as pictures.\n */\nexport interface AiLayoutKindSignature {\n  heroes: readonly [AiLayoutHeroVariant, AiLayoutHeroVariant]\n  groups: readonly GroupStyle[]\n  steps: readonly AiLayoutStepsVariant[]\n  features: number\n  coverClose: number\n  splitHeads: number\n  pictures: readonly AiLayoutDesignChoices['pictures'][]\n}\n\nconst BOTH_STEPS: readonly AiLayoutStepsVariant[] = ['timeline', 'numbers']\nconst MOSTLY_MOSAIC: readonly AiLayoutDesignChoices['pictures'][] = ['mosaic', 'mosaic', 'even']\n\n/** Each kind's signature, by its `AI_SITE_KINDS` id. */\nexport const AI_LAYOUT_KIND_SIGNATURES: Readonly<Record<string, AiLayoutKindSignature>> = {\n  // Clear and confident: a contained split, or the words on a card over the place.\n  business: { heroes: ['split', 'panel'], groups: ['cards', 'icons'], steps: BOTH_STEPS, features: 0.6, coverClose: 0.3, splitHeads: 0.5, pictures: MOSTLY_MOSAIC },\n  // Direct: a full-bleed job photo with the promise at the start, services as tight cards.\n  trades: { heroes: ['cover', 'split'], groups: ['cards'], steps: ['numbers'], features: 0.5, coverClose: 0.7, splitHeads: 0.2, pictures: MOSTLY_MOSAIC },\n  // Measured: the words on a card over the office, practice areas ruled, headings beside them.\n  professional: { heroes: ['panel', 'editorial'], groups: ['ruled'], steps: ['timeline'], features: 0.5, coverClose: 0.2, splitHeads: 0.8, pictures: MOSTLY_MOSAIC },\n  // Reassuring: half the band a calm room, or a quiet centered masthead.\n  wellness: { heroes: ['bleed', 'column'], groups: ['icons', 'cards'], steps: BOTH_STEPS, features: 0.7, coverClose: 0.2, splitHeads: 0.3, pictures: MOSTLY_MOSAIC },\n  // Photo-led: the room full-bleed with the name centered over it, the menu as lines.\n  restaurant: { heroes: ['poster', 'bleed'], groups: ['ruled', 'cards'], steps: BOTH_STEPS, features: 0.8, coverClose: 0.7, splitHeads: 0.2, pictures: MOSTLY_MOSAIC },\n  // A storefront: the products themselves, two of them, beside the words.\n  store: { heroes: ['collage', 'split'], groups: ['icons'], steps: BOTH_STEPS, features: 1, coverClose: 0.2, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // The work first: display type then a wide picture, or the words beside two pieces.\n  portfolio: { heroes: ['editorial', 'collage'], groups: ['ruled'], steps: ['timeline'], features: 0.5, coverClose: 0.2, splitHeads: 0.5, pictures: ['mosaic'] },\n  // Oversized statements over a wide picture, or full-bleed and dark.\n  studio: { heroes: ['editorial', 'cover'], groups: ['ruled', 'cards'], steps: ['timeline'], features: 0.4, coverClose: 0.5, splitHeads: 0.6, pictures: ['mosaic', 'even'] },\n  // Pictures first, few words.\n  photography: { heroes: ['editorial', 'poster'], groups: ['ruled'], steps: ['timeline'], features: 0.6, coverClose: 0.6, splitHeads: 0.35, pictures: ['even', 'mosaic'] },\n  // Reading-first: a centered masthead over the lead picture.\n  blog: { heroes: ['column', 'editorial'], groups: ['ruled'], steps: ['timeline'], features: 0.4, coverClose: 0.1, splitHeads: 0.7, pictures: MOSTLY_MOSAIC },\n  // Celebratory: two pictures of the day beside its name, or the name over one.\n  events: { heroes: ['collage', 'poster'], groups: ['cards', 'icons'], steps: ['timeline'], features: 0.7, coverClose: 0.6, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // High energy: half the band a photo, half a loud headline; or full-bleed.\n  fitness: { heroes: ['bleed', 'cover'], groups: ['cards'], steps: ['numbers'], features: 0.5, coverClose: 0.7, splitHeads: 0.2, pictures: MOSTLY_MOSAIC },\n  // Calm and spacious: a centered masthead, or a soft split.\n  yoga: { heroes: ['column', 'split'], groups: ['icons', 'cards'], steps: BOTH_STEPS, features: 0.6, coverClose: 0.2, splitHeads: 0.2, pictures: MOSTLY_MOSAIC },\n  // Image-led: two pictures of the work and the place, or half the band one.\n  beauty: { heroes: ['collage', 'bleed'], groups: ['ruled', 'cards'], steps: BOTH_STEPS, features: 0.8, coverClose: 0.3, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // Polished: the home full-bleed with the words on a card, or under a scrim.\n  realestate: { heroes: ['panel', 'cover'], groups: ['cards', 'ruled'], steps: BOTH_STEPS, features: 0.8, coverClose: 0.5, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // Encouraging: a contained split, or the teacher's portrait over the words.\n  education: { heroes: ['split', 'portrait'], groups: ['icons', 'cards'], steps: ['numbers'], features: 0.6, coverClose: 0.2, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // Mission-led: the people full-bleed with the cause over them, or two pictures beside it.\n  nonprofit: { heroes: ['cover', 'collage'], groups: ['icons', 'cards'], steps: ['numbers'], features: 0.6, coverClose: 0.7, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // Loud: the name huge over a full-bleed photo, at the start or centered.\n  music: { heroes: ['cover', 'poster'], groups: ['ruled'], steps: ['timeline'], features: 0.5, coverClose: 0.8, splitHeads: 0.35, pictures: MOSTLY_MOSAIC },\n  // A person: their portrait over who they are, or a quiet masthead.\n  personal: { heroes: ['portrait', 'column'], groups: ['ruled'], steps: ['timeline'], features: 0.4, coverClose: 0.1, splitHeads: 0.6, pictures: MOSTLY_MOSAIC },\n  // One action: the promise centered over the picture of the thing, or over a photo.\n  landing: { heroes: ['column', 'poster'], groups: ['icons', 'cards'], steps: ['numbers'], features: 0.5, coverClose: 0.3, splitHeads: 0.2, pictures: MOSTLY_MOSAIC },\n  // Short and striking: one big line over a photo, or on a card over it.\n  'coming-soon': { heroes: ['poster', 'panel'], groups: ['icons', 'ruled'], steps: BOTH_STEPS, features: 0.3, coverClose: 0.2, splitHeads: 0.2, pictures: MOSTLY_MOSAIC },\n}\n\n/** The signature of a kind; an unknown kind draws as a business site. */\nexport function aiLayoutKindSignature(kind: string): AiLayoutKindSignature {\n  return AI_LAYOUT_KIND_SIGNATURES[kind] ?? (AI_LAYOUT_KIND_SIGNATURES['business'] as AiLayoutKindSignature)\n}\n\n/** A small deterministic generator over a seed (mulberry32). */\nfunction random(seed: number): () => number {\n  let state = seed >>> 0\n  return () => {\n    state = (state + 0x6d2b79f5) >>> 0\n    let t = state\n    t = Math.imul(t ^ (t >>> 15), t | 1)\n    t ^= t + Math.imul(t ^ (t >>> 7), t | 61)\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296\n  }\n}\n\nconst pick = <T>(next: () => number, list: readonly T[]): T => list[Math.floor(next() * list.length) % list.length] as T\n\n/** The family a kind's pages are drawn in. */\nexport function aiLayoutFamily(kind: string): Family {\n  return FAMILIES[kind] ?? 'standard'\n}\n\n/**\n * A site's choices, the same for every page of it, each drawn at even odds\n * among the options its kind's signature lists (AGL-3899, AGL-3985), so two\n * sites of one kind are drawn apart and two kinds never read as one page.\n * Favoring each list's first option made the newest production sites one\n * design: the kind's first hero won 55% before the pick, a business site\n * opened split, groups were ruled two times in three and every text section\n * took a photo.\n */\nexport function aiLayoutDesignChoices(design: AiLayoutDesign): AiLayoutDesignChoices {\n  const next = random(design.seed ^ 0x2f6b9d1)\n  const family = aiLayoutFamily(design.kind)\n  const signature = aiLayoutKindSignature(design.kind)\n  const hero = pick(next, signature.heroes)\n  const group = pick(next, signature.groups)\n  return {\n    hero,\n    // A store's reasons to buy — the making, the shipping, the care — read\n    // as open columns each led by an icon, the way a storefront theme draws\n    // them: never a SaaS page's feature cards, and never the plain columns\n    // of a title and a sentence the beta.237 Willow Wick home showed four\n    // bands of (AGL-3676).\n    group: family === 'retail' ? 'icons' : group,\n    steps: pick(next, signature.steps),\n    // Whether a section of words takes a photo beside it: some sites are\n    // photo-led, some let their type carry the page. A storefront never\n    // shows a band of text alone (AGL-3676), so its story always takes one.\n    features: next() < signature.features || family === 'retail',\n    featureLeft: next() < 0.5,\n    coverClose: next() < signature.coverClose,\n    splitHeads: next() < signature.splitHeads,\n    pictures: pick(next, signature.pictures),\n    // Drawn last, so every choice above stays what it was for a seed.\n    writing: pick(next, ['grid', 'ruled'] as const),\n  }\n}\n\nconst WORK = /\\b(work|works|project|projects|portfolio|gallery|galleries|case|cases|studies|selected|commission|commissions|illustration|illustrations|photo|photos|series|book|books|editorial|brand|collection|collections|wedding|weddings|portrait|portraits|session|sessions|shoot|shoots)\\b/i\nconst WRITING = /\\b(article|articles|post|posts|writing|writings|latest|featured|journey|journeys|recipe|recipes|story|stories|essay|essays|guide|guides|issue|issues|episode|episodes)\\b/i\nconst DISHES = /\\b(menu|menus|dish|dishes|breakfast|brunch|lunch|dinner|pastry|pastries|coffee|drink|drinks|cocktail|cocktails|wine|wines|highlight|highlights|favorite|favorites|favourites|special|specials|plate|plates|bake|bakes|bread|cake|cakes)\\b/i\n// A store's own products are listed by its Product grid (AGL-3676), never drawn\n// from words: what a store shows as pictures is how its range is grouped — its\n// collections, gift sets, occasions and scents. \"Candle care and burn notes\" is no band of pictures.\n/** Words a section uses for itself when it is a showing of pictures, on any kind of site (AGL-3923). */\nconst GALLERY = /\\b(gallery|galleries|portfolio|portfolios|lookbook|lookbooks)\\b/i\nconst CATEGORIES = /\\b(collection|collections|range|ranges|categor(?:y|ies)|gift|gifts|gift sets?|sets|occasion|occasions|scent|scents|edit|edits)\\b/i\n\n/**\n * How a section's group of cards is drawn, from what the section is about:\n * work in a gallery kind and products in a store are pictures, writing in a\n * blog is articles, dishes in a restaurant a menu; anything else takes the\n * site's own group style.\n */\nexport function aiLayoutGroupVariant(\n  design: AiLayoutDesign,\n  choices: AiLayoutDesignChoices,\n  words: string,\n): AiLayoutGroupVariant {\n  const family = aiLayoutFamily(design.kind)\n  if (family === 'gallery' && (WORK.test(words) || design.kind === 'photography')) return 'pictures'\n  if (family === 'editorial' && WRITING.test(words)) return 'articles'\n  if (family === 'hospitality' && DISHES.test(words)) return 'menu'\n  if (family === 'retail' && CATEGORIES.test(words)) return 'pictures'\n  // A section that calls itself a gallery or a portfolio shows pictures on any\n  // kind of site (AGL-3923): the beta.265 Kasvora Marketing Solutions home drew\n  // its \"Selected work gallery\" as four cards of icons.\n  if (GALLERY.test(words)) return 'pictures'\n  return choices.group\n}\n"],"names":["AI_LAYOUT_HERO_VARIANTS","AI_LAYOUT_HALF_HEROES","Set","AI_LAYOUT_OVER_PHOTO_HEROES","FAMILIES","portfolio","photography","studio","blog","restaurant","events","yoga","wellness","beauty","store","BOTH_STEPS","MOSTLY_MOSAIC","AI_LAYOUT_KIND_SIGNATURES","business","heroes","groups","steps","features","coverClose","splitHeads","pictures","trades","professional","fitness","realestate","education","nonprofit","music","personal","landing","aiLayoutKindSignature","kind","random","seed","state","t","Math","imul","pick","next","list","floor","length","aiLayoutFamily","aiLayoutDesignChoices","design","family","signature","hero","group","featureLeft","writing","WORK","WRITING","DISHES","GALLERY","CATEGORIES","aiLayoutGroupVariant","choices","words","test"],"mappings":"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"}

package/src/lib/layout-language/ai-layout-frame.js

@@ -16,6 +16,7 @@
  */ import { _ as _extends } from "@swc/helpers/_/_extends";
 import { AI_ICON_LIBRARY } from "../runtime/ai-icon-library.js";
 import { AI_LAYOUT_MAX_IMAGES, bandSx, compileFlow, compileRow, destinationProps } from "./ai-layout-compiler.js";
+import { aiLayoutContactItems, aiLayoutContactShown } from "./ai-layout-contact.js";
 import { aiLayoutFitText } from "./ai-layout-copy.js";
 import { aiLayoutRepairFrameHollows } from "./ai-layout-frame-hollows.js";
 import { AI_LAYOUT_CART_ELEMENT } from "./ai-layout-listings.js";
@@ -609,6 +610,28 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
             weights.push(1);
         }
     }
+    // How to reach the business (AGL-3979): the phone and email it gave, as
+    // links that call and write, in a column of their own under its heading,
+    // wherever the design's footer did not already show them.
+    const contact = page.targets.contact;
+    const contactItems = contact ? aiLayoutContactItems(contact, aiLayoutContactShown(blocks, contact)) : [];
+    if (contactItems.length) {
+        columns.push([
+            {
+                kind: 'heading',
+                text: aiLayoutLabel('contact', plan.language)
+            },
+            {
+                kind: 'list',
+                items: contactItems
+            }
+        ]);
+        weights.push(1);
+        page.settled.push({
+            at: 'footer',
+            what: 'the phone and email the business gave, in a column of their own'
+        });
+    }
     const filled = columns.map((column, position)=>{
         var _weights_position;
         return {