@aglyn/plugins-ai 1.0.0-beta.292 → 1.0.0-beta.293

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/ai/src/lib/layout-language/ai-layout-frame-source.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 * A HEADER AND FOOTER BROUGHT IN AS THE SOURCE BUILDS THEM (AGL-4108).\n *\n * On 10/29 an imported header was the wave's page titles, seven of them cut\n * to 28 characters, wrapping onto two and three lines from 900 px up, with\n * no menus, its logo over \"Home\" at 1280 and its \"Start free\" sent to the\n * Forms page. The source's own header was five items, two of them menus,\n * and two buttons that leave for the app.\n *\n * So a site brought in from elsewhere is given its source's header and\n * footer as the reader found them (`site-import-nav.ts`), and they are drawn\n * here by code, with no model:\n *\n * - **The menu.** Each top-level item as the source has it: a link, or a\n *   menu of its entries — the Besigner's Mega Menu where its entries carry a\n *   line under them or sit in headed columns, its Dropdown Menu otherwise.\n *   Every label on one line. The row shows from the screen width it fits at\n *   (`aiLayoutNavBreakpoint`), and below it the phone menu's button.\n * - **The buttons.** The source's own, with their own addresses: an address\n *   off the site stays off it, as the source sends it. Drawn as the source\n *   draws them: filled, outlined or as text.\n * - **The phone menu.** Each menu as a heading over its entries, then the\n *   links, then the buttons: every part of the menu as present as the rest.\n * - **The footer.** The source's columns under their headings, its words,\n *   its profiles, its address, phone and email, and its © line word for word.\n *\n * Every word is the source's, as written; nothing here is a model's.\n *=========================================*/\n\nimport { aiIsIconPathData } from '../runtime/ai-icon-library'\nimport { isContactHref, isHttpsUrl, isRootRelativePath } from '../runtime/ai-node-tree'\nimport type { AiLayoutTreeBuilder } from './ai-layout-tree'\n\n/** How a source's button is drawn: filled, outlined, or as text. */\nexport type AiLayoutFrameSourceStyle = 'primary' | 'secondary' | 'quiet'\n\n/**\n * Where a link of a source's header or footer goes: `page:<id>` for a page of\n * the site, a path on the site (`/pricing`) for a page still to come in, or\n * the source's own address (`https:`, `mailto:`, `tel:`) for anywhere else.\n */\nexport type AiLayoutFrameSourceTo = string\n\nexport interface AiLayoutFrameSourceLink {\n  label: string\n  to: AiLayoutFrameSourceTo\n}\n\n/** One entry of a menu. */\nexport interface AiLayoutFrameSourceEntry extends AiLayoutFrameSourceLink {\n  /** The line under it in a mega menu. */\n  text?: string\n  /** Its icon, drawn on a 24-unit square. */\n  iconPath?: string\n  /** The heading of the menu's column it sits in. */\n  column?: string\n}\n\n/** A top-level item: a link, or a menu of entries under a name. */\nexport interface AiLayoutFrameSourceGroup {\n  label: string\n  /** Where the name itself goes; `null` when it only opens its menu. */\n  to: AiLayoutFrameSourceTo | null\n  /** Empty for a plain link. */\n  items: AiLayoutFrameSourceEntry[]\n}\n\nexport interface AiLayoutFrameSourceCta extends AiLayoutFrameSourceLink {\n  style: AiLayoutFrameSourceStyle\n}\n\nexport interface AiLayoutFrameSourceFooter {\n  columns: Array<{ heading: string; links: AiLayoutFrameSourceLink[] }>\n  /** Links outside any column and not a profile (Privacy, Terms). */\n  links: AiLayoutFrameSourceLink[]\n  /** Its lines of words outside links, as written. */\n  text: string[]\n  /** Its profiles on other sites, by network. */\n  social: Array<AiLayoutFrameSourceLink & { network: string }>\n  address: string | null\n  phone: string | null\n  email: string | null\n  /** Its © line, word for word. */\n  copyright: string | null\n}\n\n/**\n * What the source's header bar sits on: the page's own ground, paper, the\n * brand color, or a dark band.\n */\nexport type AiLayoutFrameSourceGround = 'page' | 'paper' | 'brand' | 'dark'\n\n/** A header and footer as the source builds them (AGL-4108). */\nexport interface AiLayoutFrameSource {\n  nav: AiLayoutFrameSourceGroup[]\n  ctas: AiLayoutFrameSourceCta[]\n  header: AiLayoutFrameSourceGround\n  footer: AiLayoutFrameSourceFooter | null\n}\n\n/** The most kept of each part: the reader's own limits, held again on the way in. */\nexport const AI_LAYOUT_FRAME_SOURCE_LIMITS = { groups: 12, entries: 40, ctas: 4, columns: 12, links: 60, text: 12, social: 20, label: 120, line: 300 } as const\n\nconst SCREEN_ID = /^[A-Za-z0-9_-]{1,64}$/\nconst STYLES: readonly AiLayoutFrameSourceStyle[] = ['primary', 'secondary', 'quiet']\nconst GROUNDS: readonly AiLayoutFrameSourceGround[] = ['page', 'paper', 'brand', 'dark']\n\n/** Whether a destination is one a link of the frame may carry. */\nexport function aiLayoutFrameSourceToAllowed(to: unknown): to is AiLayoutFrameSourceTo {\n  if (typeof to !== 'string' || !to || to.length > 2_048) return false\n  if (to.startsWith('page:')) return SCREEN_ID.test(to.slice(5))\n  return isHttpsUrl(to) || isRootRelativePath(to) || isContactHref(to)\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> => !!value && typeof value === 'object' && !Array.isArray(value)\n\nconst words = (value: unknown, max: number): string => {\n  const line = typeof value === 'string' ? value.replace(/\\s+/g, ' ').trim() : ''\n  return line.length > max ? `${line.slice(0, max - 1).trimEnd()}…` : line\n}\n\nconst listOf = (value: unknown): unknown[] => (Array.isArray(value) ? value : [])\n\nfunction linkOf(raw: unknown): AiLayoutFrameSourceLink | null {\n  if (!isRecord(raw)) return null\n  const label = words(raw['label'], AI_LAYOUT_FRAME_SOURCE_LIMITS.label)\n  return label && aiLayoutFrameSourceToAllowed(raw['to']) ? { label, to: raw['to'] } : null\n}\n\nconst present = <T,>(value: T | null): value is T => value !== null\n\n/**\n * A source frame as a job carries it, read defensively: every label cut to\n * its limit, every destination one a link may carry, every icon one path.\n * `null` where it holds no menu item and no button to draw.\n */\nexport function aiLayoutFrameSourceOf(raw: unknown): AiLayoutFrameSource | null {\n  if (!isRecord(raw)) return null\n  const limits = AI_LAYOUT_FRAME_SOURCE_LIMITS\n  const nav = listOf(raw['nav'])\n    .slice(0, limits.groups)\n    .map((group): AiLayoutFrameSourceGroup | null => {\n      if (!isRecord(group)) return null\n      const label = words(group['label'], limits.label)\n      if (!label) return null\n      const items = listOf(group['items'])\n        .slice(0, limits.entries)\n        .map((entry): AiLayoutFrameSourceEntry | null => {\n          const link = linkOf(entry)\n          if (!link || !isRecord(entry)) return null\n          const text = words(entry['text'], limits.line)\n          const column = words(entry['column'], limits.label)\n          return {\n            ...link,\n            ...(text ? { text } : {}),\n            ...(aiIsIconPathData(entry['iconPath']) ? { iconPath: entry['iconPath'] } : {}),\n            ...(column ? { column } : {}),\n          }\n        })\n        .filter(present)\n      const to = aiLayoutFrameSourceToAllowed(group['to']) ? group['to'] : null\n      // A name that opens nothing and goes nowhere is no item.\n      return items.length || to ? { label, to, items } : null\n    })\n    .filter(present)\n  const ctas = listOf(raw['ctas'])\n    .slice(0, limits.ctas)\n    .map((cta): AiLayoutFrameSourceCta | null => {\n      const link = linkOf(cta)\n      if (!link || !isRecord(cta)) return null\n      const style = STYLES.includes(cta['style'] as AiLayoutFrameSourceStyle) ? (cta['style'] as AiLayoutFrameSourceStyle) : 'primary'\n      return { ...link, style }\n    })\n    .filter(present)\n  if (!nav.length && !ctas.length) return null\n  const header = GROUNDS.includes(raw['header'] as AiLayoutFrameSourceGround) ? (raw['header'] as AiLayoutFrameSourceGround) : 'paper'\n  return { nav, ctas, header, footer: footerOf(raw['footer']) }\n}\n\nfunction footerOf(raw: unknown): AiLayoutFrameSourceFooter | null {\n  if (!isRecord(raw)) return null\n  const limits = AI_LAYOUT_FRAME_SOURCE_LIMITS\n  const columns = listOf(raw['columns'])\n    .slice(0, limits.columns)\n    .map((column) => {\n      if (!isRecord(column)) return null\n      const heading = words(column['heading'], limits.label)\n      const links = listOf(column['links']).slice(0, limits.links).map(linkOf).filter(present)\n      return heading && links.length ? { heading, links } : null\n    })\n    .filter(present)\n  const links = listOf(raw['links']).slice(0, limits.links).map(linkOf).filter(present)\n  const text = listOf(raw['text'])\n    .slice(0, limits.text)\n    .map((line) => words(line, limits.line))\n    .filter(Boolean)\n  const social = listOf(raw['social'])\n    .slice(0, limits.social)\n    .map((entry) => {\n      const link = linkOf(entry)\n      const network = isRecord(entry) ? words(entry['network'], 40) : ''\n      return link && network && isHttpsUrl(link.to) ? { ...link, network } : null\n    })\n    .filter(present)\n  const fact = (key: string) => words(raw[key], limits.line) || null\n  const footer = { columns, links, text, social, address: fact('address'), phone: fact('phone'), email: fact('email'), copyright: fact('copyright') }\n  const empty = !columns.length && !links.length && !text.length && !social.length && !footer.address && !footer.phone && !footer.email && !footer.copyright\n  return empty ? null : footer\n}\n\n/** The pages a source frame links by id, each once. */\nexport function aiLayoutFrameSourcePageIds(source: AiLayoutFrameSource): string[] {\n  const all = [\n    ...source.nav.flatMap((group) => [group.to, ...group.items.map((entry) => entry.to)]),\n    ...source.ctas.map((cta) => cta.to),\n    ...(source.footer ? [...source.footer.columns.flatMap((column) => column.links.map((entry) => entry.to)), ...source.footer.links.map((entry) => entry.to)] : []),\n  ]\n  return [...new Set(all.filter((to): to is string => typeof to === 'string' && to.startsWith('page:')).map((to) => to.slice('page:'.length)))]\n}\n\n/** A link's props for where it goes: a page by its id, anywhere else by its address. */\nexport function aiLayoutFrameSourceLinkProps(to: AiLayoutFrameSourceTo): Record<string, unknown> {\n  return to.startsWith('page:') ? { screenId: to.slice('page:'.length) } : { href: to }\n}\n\n/*------------------------------------------\n * Where the menu row fits\n *-----------------------------------------*/\n\n/**\n * The widths the header row is held to, in CSS pixels: a character of a\n * label at the body size, the chevron a menu's trigger carries, the gap\n * between the row's items and between its buttons, a button's padding, and\n * the row's room at each breakpoint (the Container's `lg` width less its\n * gutters).\n */\nexport const AI_LAYOUT_HEADER_MEASURE = {\n  char: 9,\n  chevron: 28,\n  gap: 24,\n  buttonGap: 8,\n  padding: { primary: 32, secondary: 32, quiet: 16 },\n  room: { md: 900 - 48, lg: 1200 - 48 },\n  /** What share of the room the row may fill: the estimate is a character's average, so it keeps a margin. */\n  fill: 0.9,\n  /** A logo's width where its picture's shape is unknown. */\n  logo: 160,\n} as const\n\n/** The header row's width in CSS pixels, its brand, its menu and its buttons side by side. */\nexport function aiLayoutHeaderRowWidth(input: {\n  brandWidth: number\n  nav: ReadonlyArray<{ label: string; menu: boolean }>\n  ctas: ReadonlyArray<{ label: string; style: AiLayoutFrameSourceStyle }>\n}): number {\n  const measure = AI_LAYOUT_HEADER_MEASURE\n  const navWidth = input.nav.reduce((sum, item) => sum + item.label.length * measure.char + (item.menu ? measure.chevron : 0), 0) + Math.max(0, input.nav.length - 1) * measure.gap\n  const ctaWidth = input.ctas.reduce((sum, cta) => sum + cta.label.length * measure.char + measure.padding[cta.style], 0) + Math.max(0, input.ctas.length - 1) * measure.buttonGap\n  const parts = [input.brandWidth, navWidth, ctaWidth].filter((width) => width > 0)\n  return parts.reduce((sum, width) => sum + width, 0) + Math.max(0, parts.length - 1) * measure.gap\n}\n\n/**\n * The screen width the menu row shows from (AGL-4108): `md` where it fits a\n * 900-pixel screen with room to spare, else `lg`; and `lg` whatever it\n * measures for a row of more than five items or more than 60 characters.\n * Below it the row is the phone menu's button.\n */\nexport function aiLayoutNavBreakpoint(input: Parameters<typeof aiLayoutHeaderRowWidth>[0]): 'md' | 'lg' {\n  const chars = input.nav.reduce((sum, item) => sum + item.label.length, 0)\n  if (input.nav.length > 5 || chars > 60) return 'lg'\n  const measure = AI_LAYOUT_HEADER_MEASURE\n  return aiLayoutHeaderRowWidth(input) <= measure.room.md * measure.fill ? 'md' : 'lg'\n}\n\n/** A source's header row as `aiLayoutHeaderRowWidth` measures it. */\nexport function aiLayoutFrameSourceRow(source: Pick<AiLayoutFrameSource, 'nav' | 'ctas'>, brandWidth: number): Parameters<typeof aiLayoutHeaderRowWidth>[0] {\n  return {\n    brandWidth,\n    nav: source.nav.map((group) => ({ label: group.label, menu: group.items.length > 0 })),\n    ctas: source.ctas.map((cta) => ({ label: cta.label, style: cta.style })),\n  }\n}\n\n/*------------------------------------------\n * The header\n *-----------------------------------------*/\n\nconst VARIANT: Record<AiLayoutFrameSourceStyle, string> = { primary: 'contained', secondary: 'outlined', quiet: 'text' }\n\n/** A column of a menu: its heading, where its entries have one, and its entries. */\ninterface MenuColumn {\n  heading: string | null\n  entries: AiLayoutFrameSourceEntry[]\n}\n\n/** The most entries one unheaded column of a mega menu holds before it is drawn as two. */\nconst COLUMN_ENTRIES = 7\n\n/** A menu's entries in the columns the source sets them in, in order; a long unheaded run in two. */\nexport function aiLayoutMenuColumns(entries: readonly AiLayoutFrameSourceEntry[]): MenuColumn[] {\n  const columns: MenuColumn[] = []\n  for (const entry of entries) {\n    const heading = entry.column ?? null\n    const last = columns[columns.length - 1]\n    if (last && last.heading === heading) last.entries.push(entry)\n    else columns.push({ heading, entries: [entry] })\n  }\n  return columns.flatMap((column) => {\n    if (column.heading || column.entries.length <= COLUMN_ENTRIES) return [column]\n    const half = Math.ceil(column.entries.length / 2)\n    return [\n      { heading: null, entries: column.entries.slice(0, half) },\n      { heading: null, entries: column.entries.slice(half) },\n    ]\n  })\n}\n\n/** Whether a menu is drawn as a Mega Menu: its entries carry a line under them, or sit in more than one headed column. */\nexport function aiLayoutMenuIsMega(group: Pick<AiLayoutFrameSourceGroup, 'items'>): boolean {\n  if (group.items.some((entry) => entry.text)) return true\n  return new Set(group.items.map((entry) => entry.column).filter(Boolean)).size >= 2 || group.items.length > COLUMN_ENTRIES * 2\n}\n\nexport interface AiLayoutSourceHeader {\n  /** The menu row, shown from `breakpoint` up; `null` with no item to show. */\n  nav: string | null\n  /** The buttons beside it; `null` with none. */\n  ctas: string | null\n  /** The phone menu's contents, in order. */\n  drawer: string[]\n  breakpoint: 'md' | 'lg'\n}\n\n/**\n * The source's header drawn (AGL-4108): its menu row, its buttons and its\n * phone menu. `close` is the interaction a link of the phone menu closes it\n * with.\n */\nexport function aiLayoutSourceHeader(\n  tree: AiLayoutTreeBuilder,\n  source: AiLayoutFrameSource,\n  input: { onBrand: boolean; close: unknown[]; brandWidth: number },\n): AiLayoutSourceHeader {\n  const breakpoint = aiLayoutNavBreakpoint(aiLayoutFrameSourceRow(source, input.brandWidth))\n  // A link's look is its parent's, which every link under it inherits: a\n  // style repeated on each is one the doctrine asks be carried once.\n  const link = (entry: AiLayoutFrameSourceLink, role: string, interactions?: unknown[], sx: Record<string, unknown> = {}) => {\n    const id = tree.add(\n      'muiScreenLink',\n      { children: entry.label, ...aiLayoutFrameSourceLinkProps(entry.to), renderAs: 'link', color: 'inherit' },\n      { textDecoration: 'none', ...sx },\n      null,\n      role,\n    )\n    if (interactions) tree.nodes[id].interactions = interactions\n    return id\n  }\n  const items = source.nav.map((group) => (group.items.length ? menu(tree, group, link) : group.to ? link({ label: group.label, to: group.to }, 'navLink') : null))\n  const nav = items.some(Boolean)\n    ? tree.add(\n        'muiStack',\n        { component: 'nav', ariaLabel: 'Main', direction: 'row', spacing: '3', alignItems: 'center' },\n        // Every label on one line, and the row never narrower than its labels.\n        { display: { xs: 'none', [breakpoint]: 'flex' }, whiteSpace: 'nowrap', flexShrink: 0 },\n        items,\n        'nav',\n      )\n    : null\n  const button = (cta: AiLayoutFrameSourceCta, role: string, extra: Record<string, unknown> = {}) =>\n    tree.add(\n      'muiButton',\n      {\n        children: cta.label,\n        variant: VARIANT[cta.style],\n        color: input.onBrand ? 'secondary' : 'primary',\n        ...aiLayoutFrameSourceLinkProps(cta.to),\n        ...extra,\n      },\n      null,\n      null,\n      role,\n    )\n  // On the smallest phones the buttons move into the menu. Their words on one line, as the row's.\n  const ctas = source.ctas.length\n    ? tree.add(\n        'muiStack',\n        { direction: 'row', spacing: '1', alignItems: 'center' },\n        { display: { xs: 'none', sm: 'flex' }, flexShrink: 0, whiteSpace: 'nowrap', ml: 'auto' },\n        source.ctas.map((cta) => button(cta, 'cta')),\n        'ctas',\n      )\n    : null\n  // The phone menu: each menu as a heading over its entries, its columns'\n  // headings among them, the links, then the buttons.\n  const drawer: string[] = []\n  let links: string[] = []\n  const flushLinks = () => {\n    if (!links.length) return\n    drawer.push(tree.add('muiStack', { spacing: '1.5' }, { typography: 'subtitle1' }, links, 'menuLinks'))\n    links = []\n  }\n  for (const group of source.nav) {\n    if (!group.items.length) {\n      if (group.to) links.push(link({ label: group.label, to: group.to }, 'menuLink', input.close))\n      continue\n    }\n    flushLinks()\n    // The menu's name heads its entries; it links where the source's name opens a page and no entry does.\n    const own = aiLayoutMenuOwnPage(group)\n    const heading = own\n      ? link({ label: group.label, to: own }, 'menuHeading', input.close, { typography: 'overline' })\n      : tree.add('muiTypography', { children: group.label, variant: 'overline', component: 'p' }, { color: 'text.secondary' }, null, 'menuHeading')\n    const entries: string[] = []\n    let column: string | null = null\n    for (const entry of group.items) {\n      const under = entry.column ?? null\n      if (under && under !== column) entries.push(tree.add('muiTypography', { children: under, variant: 'caption', component: 'p' }, { color: 'text.secondary' }, null, 'menuColumn'))\n      column = under\n      entries.push(link(entry, 'menuEntry', input.close))\n    }\n    drawer.push(tree.add('muiStack', { spacing: '1' }, { typography: 'body1' }, [heading, ...entries], 'menuGroup'))\n  }\n  flushLinks()\n  if (source.ctas.length) {\n    drawer.push(\n      tree.add(\n        'muiStack',\n        { spacing: '1' },\n        { mt: 1 },\n        source.ctas.map((cta) => button(cta, 'menuCta', { fullWidth: true })),\n        'menuCtas',\n      ),\n    )\n  }\n  return { nav, ctas, drawer, breakpoint }\n}\n\n/**\n * The page a menu's own name opens, where none of its entries does: a page\n * of the site, never an address elsewhere (a Squarespace folder's address\n * is no page). `null` otherwise.\n */\nexport function aiLayoutMenuOwnPage(group: Pick<AiLayoutFrameSourceGroup, 'to' | 'items'>): AiLayoutFrameSourceTo | null {\n  const to = group.to\n  if (!to || !(to.startsWith('page:') || isRootRelativePath(to))) return null\n  return group.items.some((entry) => entry.to === to) ? null : to\n}\n\ntype LinkDraw = (entry: AiLayoutFrameSourceLink, role: string, interactions?: unknown[], sx?: Record<string, unknown>) => string\n\n/**\n * A top-level item with entries: the Mega Menu, its entries in the source's\n * columns, each with its icon and the line under it; or the Dropdown Menu.\n * Where the item's own name goes somewhere none of its entries does, the menu\n * opens with that link, so the page the source's name opens stays reachable.\n */\nfunction menu(tree: AiLayoutTreeBuilder, group: AiLayoutFrameSourceGroup, link: LinkDraw): string {\n  const own = aiLayoutMenuOwnPage(group)\n  const overview = own ? link({ label: group.label, to: own }, 'menuOverview', undefined, { fontWeight: 700 }) : null\n  if (!aiLayoutMenuIsMega(group)) {\n    // Its entries' words wrap as the source's do; only the row's labels are held to one line.\n    return tree.add(\n      'muiNavMenu',\n      { label: group.label },\n      { flexShrink: 0 },\n      [tree.add('muiStack', { spacing: '1' }, { whiteSpace: 'normal' }, [overview, ...group.items.map((entry) => link(entry, 'menuItem'))], 'menuItems')],\n      'navMenu',\n    )\n  }\n  const columns = aiLayoutMenuColumns(group.items)\n  // Its columns side by side from a tablet up, as many to a row as the source sets, three at most.\n  const span = 12 / Math.min(3, Math.max(1, columns.length))\n  const cells = columns.map((column) =>\n    tree.add(\n      'muiGrid',\n      { size: `xs:12 sm:${span}` },\n      null,\n      [\n        tree.add(\n          'muiStack',\n          { spacing: '1' },\n          null,\n          [\n            column.heading\n              ? tree.add('muiTypography', { children: column.heading, variant: 'overline', component: 'p' }, { color: 'text.secondary' }, null, 'menuColumnHeading')\n              : null,\n            ...column.entries.map((entry) => (entry.text || entry.iconPath ? described(tree, entry) : link(entry, 'menuItem'))),\n          ],\n          'menuColumn',\n        ),\n      ],\n      'menuCell',\n    ),\n  )\n  const grid = tree.add('muiGrid', { container: true, spacing: '2' }, null, cells, 'menuColumns')\n  // Words in the panel wrap as the source's do; only the row's labels are held to one line.\n  const panel = tree.add('muiStack', { spacing: '2' }, { whiteSpace: 'normal' }, [overview, grid], 'menuPanel')\n  return tree.add('muiMegaMenu', { label: group.label, panelWidth: 'wide' }, { flexShrink: 0 }, [panel], 'megaMenu')\n}\n\n/** A mega menu's entry: the whole of it one link, its icon beside its name and the line under it. */\nfunction described(tree: AiLayoutTreeBuilder, entry: AiLayoutFrameSourceEntry): string {\n  // In the brand's color, as the source draws its menu's icons.\n  const icon = entry.iconPath ? tree.add('icon', { iconPath: entry.iconPath, size: '24', color: 'primary.main' }, null, null, 'menuIcon') : null\n  const name = tree.add('muiTypography', { children: entry.label, variant: 'subtitle2', component: 'p' }, { fontWeight: 600 }, null, 'menuEntryName')\n  const line = entry.text ? tree.add('muiTypography', { children: entry.text, variant: 'body2', component: 'p' }, { color: 'text.secondary' }, null, 'menuEntryText') : null\n  const words = tree.add('muiStack', { spacing: '0.25' }, null, [name, line], 'menuEntryWords')\n  const row = tree.add('muiStack', { direction: 'row', spacing: '1.5', alignItems: 'flex-start' }, null, [icon, words], 'menuEntryRow')\n  return tree.add('muiLinkBox', { ...aiLayoutFrameSourceLinkProps(entry.to), ariaLabel: entry.label }, { color: 'inherit' }, [row], 'menuEntry')\n}\n\n/*------------------------------------------\n * The footer\n *-----------------------------------------*/\n\n/** The networks the Social Links element draws, by the reader's name for each. */\nconst SOCIAL_FIELDS: Readonly<Record<string, string>> = {\n  x: 'twitter',\n  twitter: 'twitter',\n  instagram: 'instagram',\n  facebook: 'facebook',\n  linkedin: 'linkedin',\n  youtube: 'youtube',\n  github: 'github',\n}\n\n/** A phone number as a link that calls it: its digits, a `+` only first; `null` where it is no number. */\nexport function aiLayoutTelHref(phone: string): string | null {\n  const digits = phone.replace(/[^\\d+]/g, '').replace(/(?!^)\\+/g, '')\n  const href = `tel:${digits}`\n  return isContactHref(href) ? href : null\n}\n\n/** The source's footer drawn (AGL-4108): its words and profiles beside its columns, its © line and other links under a rule. */\nexport function aiLayoutSourceFooter(\n  tree: AiLayoutTreeBuilder,\n  footer: AiLayoutFrameSourceFooter,\n  input: { name: string },\n): { top: string | null; bottom: string; sx: Record<string, unknown> } {\n  // The footer's words are quiet and small, set once on the footer for every line and link under it.\n  const quiet = { color: 'text.secondary' }\n  const footerLink = (entry: AiLayoutFrameSourceLink, role: string) =>\n    tree.add(\n      'muiScreenLink',\n      { children: entry.label, ...aiLayoutFrameSourceLinkProps(entry.to), renderAs: 'link', color: 'inherit' },\n      { textDecoration: 'none' },\n      null,\n      role,\n    )\n  // Its words, its profiles and how to reach it, beside the columns.\n  const lines = footer.text.map((line) => tree.add('muiTypography', { children: line, variant: 'body2', component: 'p' }, null, null, 'footerText'))\n  const drawn: Record<string, string> = {}\n  const others: AiLayoutFrameSourceLink[] = []\n  for (const profile of footer.social) {\n    const field = SOCIAL_FIELDS[profile.network.toLowerCase()]\n    if (field && !drawn[field]) drawn[field] = profile.to\n    else if (!field) others.push(profile)\n  }\n  const icons = Object.keys(drawn).length ? tree.add('socialLinks', drawn, { ml: -1 }, null, 'social') : null\n  // A profile the Social Links element has no icon for is linked by its name, beside the icons.\n  const named = others.map((profile) => footerLink(profile, 'socialLink'))\n  const profiles =\n    icons || named.length\n      ? tree.add('muiStack', { direction: 'row', spacing: '1.5', alignItems: 'center', useFlexGap: true, flexWrap: 'wrap' }, null, [icons, ...named], 'profiles')\n      : null\n  const tel = footer.phone ? aiLayoutTelHref(footer.phone) : null\n  const mail = footer.email ? `mailto:${footer.email}` : null\n  const reach = [\n    footer.address ? tree.add('muiTypography', { children: footer.address, variant: 'body2', component: 'p' }, null, null, 'address') : null,\n    footer.phone && tel ? footerLink({ label: footer.phone, to: tel }, 'phone') : null,\n    footer.email && mail && isContactHref(mail) ? footerLink({ label: footer.email, to: mail }, 'email') : null,\n  ].filter((id): id is string => !!id)\n  const about = [...lines, profiles, ...(reach.length ? [tree.add('muiStack', { spacing: '0.5' }, null, reach, 'reach')] : [])].filter((id): id is string => !!id)\n  // Its columns, each under its heading.\n  const count = footer.columns.length\n  const span = Math.max(2, Math.min(6, Math.floor(12 / Math.max(1, count))))\n  const columns = footer.columns.map((column) =>\n    tree.add(\n      'muiGrid',\n      { size: `xs:12 sm:4 md:${span}` },\n      null,\n      [\n        tree.add(\n          'muiStack',\n          { spacing: '1' },\n          null,\n          [\n            // A heading in the text's own color over its quiet links.\n            tree.add('muiTypography', { children: column.heading, variant: 'subtitle2', component: 'p' }, { color: 'text.primary' }, null, 'footerHeading'),\n            ...column.links.map((entry) => footerLink(entry, 'footerLink')),\n          ],\n          'footerColumn',\n        ),\n      ],\n      'footerCell',\n    ),\n  )\n  const grid = columns.length ? tree.add('muiGrid', { container: true, spacing: '3' }, null, columns, 'footerColumns') : null\n  const aboutStack = about.length ? tree.add('muiStack', { spacing: '2' }, null, about, 'footerAbout') : null\n  const top =\n    aboutStack && grid\n      ? tree.add(\n          'muiGrid',\n          { container: true, spacing: '4' },\n          { alignItems: 'flex-start' },\n          [tree.add('muiGrid', { size: 'xs:12 md:3' }, null, [aboutStack], 'footerAboutCell'), tree.add('muiGrid', { size: 'xs:12 md:9' }, null, [grid], 'footerColumnsCell')],\n          'footerTop',\n        )\n      : (aboutStack ?? grid)\n  // The © line word for word, and the links outside the columns beside it.\n  const copyright = tree.add('muiTypography', { children: footer.copyright ?? `© ${input.name}`, variant: 'body2', component: 'p' }, null, null, 'copyright')\n  const legal = footer.links.length\n    ? tree.add('muiStack', { direction: 'row', spacing: '2', useFlexGap: true, flexWrap: 'wrap' }, null, footer.links.map((entry) => footerLink(entry, 'footerLegal')), 'footerLinks')\n    : null\n  const bottom = tree.add(\n    'muiStack',\n    { spacing: '2', useFlexGap: true },\n    { pt: 3, borderTop: 1, borderColor: 'divider', flexDirection: { xs: 'column', md: 'row' }, justifyContent: 'space-between', alignItems: { xs: 'flex-start', md: 'center' } },\n    [copyright, legal],\n    'footerBottom',\n  )\n  return { top, bottom, sx: { ...quiet, typography: 'body2' } }\n}\n"],"names":["aiIsIconPathData","isContactHref","isHttpsUrl","isRootRelativePath","AI_LAYOUT_FRAME_SOURCE_LIMITS","groups","entries","ctas","columns","links","text","social","label","line","SCREEN_ID","STYLES","GROUNDS","aiLayoutFrameSourceToAllowed","to","length","startsWith","test","slice","isRecord","value","Array","isArray","words","max","replace","trim","trimEnd","listOf","linkOf","raw","present","aiLayoutFrameSourceOf","limits","nav","map","group","items","entry","link","column","iconPath","filter","cta","style","includes","header","footer","footerOf","heading","Boolean","network","fact","key","address","phone","email","copyright","empty","aiLayoutFrameSourcePageIds","source","all","flatMap","Set","aiLayoutFrameSourceLinkProps","screenId","href","AI_LAYOUT_HEADER_MEASURE","char","chevron","gap","buttonGap","padding","primary","secondary","quiet","room","md","lg","fill","logo","aiLayoutHeaderRowWidth","input","measure","navWidth","reduce","sum","item","menu","Math","ctaWidth","parts","brandWidth","width","aiLayoutNavBreakpoint","chars","aiLayoutFrameSourceRow","VARIANT","COLUMN_ENTRIES","aiLayoutMenuColumns","last","push","half","ceil","aiLayoutMenuIsMega","some","size","aiLayoutSourceHeader","tree","breakpoint","role","interactions","sx","id","add","children","renderAs","color","textDecoration","nodes","component","ariaLabel","direction","spacing","alignItems","display","xs","whiteSpace","flexShrink","button","extra","variant","onBrand","sm","ml","drawer","flushLinks","typography","close","own","aiLayoutMenuOwnPage","under","mt","fullWidth","overview","undefined","fontWeight","span","min","cells","described","grid","container","panel","panelWidth","icon","name","row","SOCIAL_FIELDS","x","twitter","instagram","facebook","linkedin","youtube","github","aiLayoutTelHref","digits","aiLayoutSourceFooter","footerLink","lines","drawn","others","profile","field","toLowerCase","icons","Object","keys","named","profiles","useFlexGap","flexWrap","tel","mail","reach","about","count","floor","aboutStack","top","legal","bottom","pt","borderTop","borderColor","flexDirection","justifyContent"],"mappings":"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"}

package/src/lib/layout-language/ai-layout-frame.d.ts

@@ -17,6 +17,7 @@
 import type { AiStoreFrameLinks } from '../model/ai-site-store-pages';
 import { type AiLayoutBlock, type AiLayoutSection, type AiLayoutSettlement } from './ai-layout-language';
 import { type AiLayoutPage, type AiLayoutTargets } from './ai-layout-links';
+import { type AiLayoutFrameSource } from './ai-layout-frame-source';
 import { type AiLayoutRawTree } from './ai-layout-tree';
 /**
  * A site's frame — the header and the footer every page renders between —
@@ -31,6 +32,15 @@ import { type AiLayoutRawTree } from './ai-layout-tree';
  * its Menu Button on a phone; the Layout Slot, the page's one main landmark,
  * held tall enough that the footer sits at the bottom of a short page; and
  * the site's pages and name in the footer, where the design gave neither.
+ *
+ * Every label of the navigation is held to one line, the logo never narrower
+ * than itself, and the row shows from the screen width it measures to fit
+ * (`aiLayoutNavBreakpoint`), the Menu Button below it (AGL-4108: the 10/29
+ * import's seven long titles wrapped from 900 px up and the logo lay over
+ * "Home" at 1280). A site brought in from elsewhere whose menu the reader
+ * found is drawn as its source builds it instead (`plan.source`,
+ * `ai-layout-frame-source.ts`): its menus, its buttons, its phone menu and its
+ * footer, in place of the site's pages and the design's button and footer.
  */
 export interface AiLayoutFramePlan {
     /** The site's name, which the header and the footer carry as its brand. */
@@ -74,6 +84,14 @@ export interface AiLayoutFramePlan {
      * header shows it. Absent, the name alone.
      */
     brand?: AiLayoutFrameBrand | null;
+    /**
+     * A site brought in from elsewhere whose header the reader found
+     * (AGL-4108): its menu with its menus, its buttons with their own
+     * addresses, its phone menu and its footer, drawn as the source has them
+     * (`ai-layout-frame-source.ts`) in place of the site's pages and the
+     * design's button and footer.
+     */
+    source?: AiLayoutFrameSource | null;
 }
 /** A header's brand as the source shows it (AGL-4084). */
 export interface AiLayoutFrameBrand {
@@ -83,6 +101,10 @@ export interface AiLayoutFrameBrand {
     } | null;
     /** Whether the header prints the name as words, beside the logo or alone. */
     name: boolean;
+    /** The logo's words for a screen reader, as the source names it (AGL-4108); the site's name where it gave none. */
+    alt?: string;
+    /** The logo's width over its height, which the header row is measured with (AGL-4108). */
+    aspect?: number;
 }
 /** The height a header's logo is drawn at: a Besigner field the owner may change. */
 export declare const AI_LAYOUT_LOGO_HEIGHT = "40px";

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

@@ -23,6 +23,7 @@ import { AI_LAYOUT_CART_ELEMENT } from "./ai-layout-listings.js";
 import { AI_LAYOUT_MAX_ITEMS } from "./ai-layout-language.js";
 import { AI_LAYOUT_LABELS_EN, aiLayoutLabel } from "./ai-layout-labels.js";
 import { aiLayoutRenamedLabel, aiLayoutResolveLink } from "./ai-layout-links.js";
+import { AI_LAYOUT_HEADER_MEASURE, aiLayoutNavBreakpoint, aiLayoutSourceFooter, aiLayoutSourceHeader } from "./ai-layout-frame-source.js";
 import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
 /** The height a header's logo is drawn at: a Besigner field the owner may change. */ export const AI_LAYOUT_LOGO_HEIGHT = '40px';
 /** What the header's link to a store's account page says (AGL-3676), in English. */ export const AI_LAYOUT_ACCOUNT_LINK = AI_LAYOUT_LABELS_EN.account;
@@ -92,8 +93,8 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     };
 }
 /** Compiles a site's header and footer, designed in the layout language, into its layout. */ export function aiCompileLayoutFrame(frame, plan, targets) {
-    var _ref, _frame_header, _header_band, _ref1;
-    var _plan_storeLinks, _plan_brand_logo, _plan_brand, _plan_brand1, _plan_storeLinks1;
+    var _ref, _frame_header, _header_band, _plan_source, _ref1, _ref2, _ref3;
+    var _plan_storeLinks, _plan_brand_logo, _plan_brand, _plan_brand1, _plan_brand2, _plan_brand3, _plan_brand4, _plan_storeLinks1;
     const tree = new AiLayoutTreeBuilder('lf');
     // A store's own pages are destinations the footer's list links by path (AGL-3676).
     const storePages = ((_ref = (_plan_storeLinks = plan.storeLinks) == null ? void 0 : _plan_storeLinks.footer) != null ? _ref : []).map((link)=>({
@@ -168,6 +169,8 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     const centeredNav = header.align === 'center' && pages.length > 0;
     // The brand takes the room the navigation does not, and gives way before
     // it does: a long name ends in an ellipsis rather than pushing into the links.
+    // A logo never gives way: drawn narrower than itself it lay over the first
+    // link (the 10/29 header at 1280, AGL-4108).
     const brandSx = _extends({
         typography: 'h6',
         fontWeight: 800,
@@ -180,12 +183,16 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
         flexGrow: 1
     });
     const logo = ((_plan_brand = plan.brand) == null ? void 0 : (_plan_brand_logo = _plan_brand.logo) == null ? void 0 : _plan_brand_logo.src) ? plan.brand.logo.src : null;
+    const source = (_plan_source = plan.source) != null ? _plan_source : null;
+    const alt = ((_ref1 = (_plan_brand1 = plan.brand) == null ? void 0 : _plan_brand1.alt) != null ? _ref1 : '').replace(/\s+/g, ' ').trim().slice(0, 120) || name.slice(0, 40);
     const brand = logo ? brandMark(tree, {
         src: logo,
         name: name.slice(0, 40),
-        withName: ((_plan_brand1 = plan.brand) == null ? void 0 : _plan_brand1.name) === true,
+        alt,
+        withName: ((_plan_brand2 = plan.brand) == null ? void 0 : _plan_brand2.name) === true,
         homeId: plan.homeId,
-        centered: centeredNav
+        centered: centeredNav,
+        grow: !source
     }) : plan.homeId ? tree.add('muiScreenLink', {
         children: name.slice(0, 40),
         screenId: plan.homeId,
@@ -196,7 +203,30 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
         variant: 'h6',
         component: 'p'
     }, brandSx, null, 'brand');
-    const nav = pages.length ? tree.add('muiStack', {
+    // How wide the brand is drawn, which the row is measured with (AGL-4108).
+    const aspect = ((_plan_brand3 = plan.brand) == null ? void 0 : _plan_brand3.aspect) && Number.isFinite(plan.brand.aspect) && plan.brand.aspect > 0 ? Math.min(plan.brand.aspect, 8) : null;
+    const logoHeight = Number.parseInt(AI_LAYOUT_LOGO_HEIGHT, 10);
+    const brandWidth = logo ? (aspect ? Math.round(aspect * logoHeight) : AI_LAYOUT_HEADER_MEASURE.logo) + (((_plan_brand4 = plan.brand) == null ? void 0 : _plan_brand4.name) ? name.slice(0, 40).length * 11 + 12 : 0) : Math.min(name.length, 40) * 11;
+    // The source's own header (AGL-4108), drawn as it builds it.
+    const close = [
+        AI_LAYOUT_CLOSE_DRAWER
+    ];
+    const drawn = source ? aiLayoutSourceHeader(tree, source, {
+        onBrand: band === 'brand' || band === 'dark',
+        close,
+        brandWidth
+    }) : null;
+    // Every label on one line, and the row only on a screen it fits (AGL-4108).
+    const pagesBreakpoint = aiLayoutNavBreakpoint({
+        brandWidth,
+        nav: pages.map((entry)=>({
+                label: entry.label,
+                menu: false
+            })),
+        ctas: []
+    });
+    const breakpoint = (_ref2 = drawn == null ? void 0 : drawn.breakpoint) != null ? _ref2 : pagesBreakpoint;
+    const nav = drawn ? drawn.nav : pages.length ? tree.add('muiStack', {
         component: 'nav',
         ariaLabel: 'Main',
         direction: 'row',
@@ -205,11 +235,13 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     }, {
         display: {
             xs: 'none',
-            md: 'flex'
-        }
+            [breakpoint]: 'flex'
+        },
+        whiteSpace: 'nowrap'
     }, pages.map((entry)=>navLink(entry, 'navLink')), 'nav') : null;
     // The design's call to action: its first button, where it goes somewhere.
-    const ctaBlock = header.blocks.find((block)=>block.kind === 'button');
+    // A source's header carries its own buttons instead (AGL-4108).
+    const ctaBlock = source ? undefined : header.blocks.find((block)=>block.kind === 'button');
     // A store's announcement: the first short line the design gave its header (AGL-3676).
     const store = !!plan.shopId;
     const noteBlock = store ? header.blocks.find((block)=>block.kind === 'note' || block.kind === 'text' || block.kind === 'lede') : undefined;
@@ -250,7 +282,7 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
         flexShrink: 0
     }, null, 'cta') : null;
     // A store's account, beside its cart and in the phone's menu (AGL-3676).
-    const accountPath = (_ref1 = (_plan_storeLinks1 = plan.storeLinks) == null ? void 0 : _plan_storeLinks1.account) != null ? _ref1 : null;
+    const accountPath = (_ref3 = (_plan_storeLinks1 = plan.storeLinks) == null ? void 0 : _plan_storeLinks1.account) != null ? _ref3 : null;
     const accountLink = (role, interactions, sx)=>{
         const id = tree.add('muiScreenLink', {
             children: aiLayoutLabel('account', plan.language),
@@ -265,11 +297,23 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
         return id;
     };
     // A phone's menu: the platform's Drawer, opened by its Menu Button; a link
-    // followed from it closes it.
-    const close = [
-        AI_LAYOUT_CLOSE_DRAWER
-    ];
-    const drawer = pages.length ? tree.add('muiDrawer', {
+    // followed from it closes it. A source's holds its menus, links and buttons (AGL-4108).
+    const drawer = (drawn == null ? void 0 : drawn.drawer.length) ? tree.add('muiDrawer', {
+        anchor: 'right'
+    }, null, [
+        tree.add('muiStack', {
+            component: 'nav',
+            ariaLabel: 'Menu'
+        }, {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 3,
+            p: 3
+        }, [
+            ...drawn.drawer,
+            accountPath ? accountLink('menuAccount', close) : null
+        ], 'menu')
+    ], 'drawer') : !source && pages.length ? tree.add('muiDrawer', {
         anchor: 'right'
     }, null, [
         tree.add('muiStack', {
@@ -293,13 +337,16 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     ], 'drawer') : null;
     const toggle = drawer ? tree.add('muiDrawerToggle', {
         ariaLabel: 'Open the menu'
-    }, {
+    }, // Pushed to the end of the row where no button is there to push it.
+    _extends({
         display: {
             xs: 'inline-flex',
-            md: 'none'
+            [breakpoint]: 'none'
         },
         flexShrink: 0
-    }, null, 'menuButton') : null;
+    }, drawn && !drawn.ctas ? {
+        ml: 'auto'
+    } : {}), null, 'menuButton') : null;
     const middle = nav && centeredNav ? tree.add('muiBox', null, {
         flexGrow: 1,
         display: 'flex',
@@ -317,7 +364,7 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     const account = accountPath ? accountLink('account', undefined, {
         display: {
             xs: 'none',
-            md: 'inline-flex'
+            [breakpoint]: 'inline-flex'
         },
         flexShrink: 0
     }) : null;
@@ -331,7 +378,7 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     }, [
         brand,
         middle,
-        cta,
+        drawn ? drawn.ctas : cta,
         account,
         cart,
         toggle,
@@ -347,13 +394,22 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     }, [
         row
     ], 'toolbar');
-    const bar = tree.add('muiAppBar', _extends({}, look.props, {
+    // A source's header bar on the ground it sits on (AGL-4108): the page's own, where it is the page's.
+    const barLook = (source == null ? void 0 : source.header) === 'page' ? {
+        props: {
+            color: 'inherit'
+        },
+        sx: {
+            bgcolor: 'background.default'
+        }
+    } : look;
+    const bar = tree.add('muiAppBar', _extends({}, barLook.props, {
         position: 'sticky',
         // Over a page that opens with a photo cover, the bar sits on the photo (AGL-3660).
         overHero: true,
         component: 'header',
         ariaLabel: 'Site header'
-    }), look.sx, [
+    }), barLook.sx, [
         toolbar
     ], 'header');
     // A selling store's announcement bar, above the header, linking its shop (AGL-3676).
@@ -402,7 +458,7 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     }, {
         flexGrow: 1
     }, null, 'slot');
-    const footer = compileFooter(page, frame.footer, plan, name);
+    const footer = (source == null ? void 0 : source.footer) ? sourceFooter(page, source, name) : compileFooter(page, frame.footer, plan, name);
     // No heading with nothing under it, no column of only a heading, columns
     // top-aligned (AGL-3735): a list under a heading can compile to nothing.
     if (aiLayoutRepairFrameHollows(tree.nodes)) {
@@ -692,6 +748,41 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
         container
     ], 'footer');
 }
+/**
+ * A source's footer (AGL-4108): its columns, words, profiles and © line, as
+ * the source has them, on the quiet band a footer sits on.
+ */ function sourceFooter(page, source, name) {
+    const tree = page.tree;
+    const drawn = aiLayoutSourceFooter(tree, source.footer, {
+        name
+    });
+    const stack = tree.add('muiStack', {
+        spacing: '6'
+    }, drawn.sx, [
+        drawn.top,
+        drawn.bottom
+    ], 'footerStack');
+    const container = tree.add('muiContainer', {
+        maxWidth: 'lg'
+    }, {
+        py: {
+            xs: 6,
+            md: 8
+        }
+    }, [
+        stack
+    ], 'footerInner');
+    return tree.add('section', {
+        element: 'footer',
+        ariaLabel: 'Site footer'
+    }, {
+        bgcolor: 'background.paper',
+        borderTop: 1,
+        borderColor: 'divider'
+    }, [
+        container
+    ], 'footer');
+}
 /**
  * The header's brand drawn with the site's logo (AGL-4084), as the source's
  * header draws it: the logo alone, named by its alt text, or the logo with
@@ -700,7 +791,7 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     const image = (alone)=>tree.add('image', _extends({
             src: input.src
         }, alone ? {
-            alt: input.name
+            alt: input.alt
         } : {
             decorative: true
         }, {
@@ -711,15 +802,16 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
         }, alone && input.homeId ? {
             screenId: input.homeId
         } : {}), null, null, 'logo');
-    const grow = input.centered ? null : {
+    // Never narrower than the logo (AGL-4108); it grows into the room the
+    // navigation leaves only where the navigation does not take it itself.
+    const grow = input.centered || !input.grow ? null : {
         flexGrow: 1
     };
     if (!input.withName) {
-        if (!grow) return image(true);
-        return tree.add('muiBox', null, _extends({}, grow, {
+        return tree.add('muiBox', null, _extends({}, grow != null ? grow : {}, {
             display: 'flex',
             alignItems: 'center',
-            minWidth: 0
+            flexShrink: 0
         }), [
             image(true)
         ], 'brand');
@@ -746,11 +838,11 @@ import { AiLayoutTreeBuilder } from "./ai-layout-tree.js";
     }, _extends({}, grow != null ? grow : {}, {
         textDecoration: 'none',
         color: 'inherit',
-        minWidth: 0
+        flexShrink: 0
     }), [
         row
     ], 'brand') : tree.add('muiBox', null, _extends({}, grow != null ? grow : {}, {
-        minWidth: 0
+        flexShrink: 0
     }), [
         row
     ], 'brand');