@bettercms-ai/kit 2.0.0 → 2.0.1

package/dist/controls/rich-text/blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","names":[],"sources":["../../../src/controls/rich-text/blocks.tsx"],"sourcesContent":["/**\n * RICH TEXT · rich blocks (\"islands\", V2 HEAD controls/rich-text/blocks.tsx). Each renders through a portal into a\n * contenteditable=false element inside the editor surface; its model lives on that element (`el.__rt`) so serialize()\n * can write it back as static HTML.\n *\n * The image block is V2's: the toolbar (Replace · Align · Size S/M/L/Full · Link · Alt text · Remove) and the caption\n * under it, each stored on production's image block (see dom.ts). The callout (tone · title · message), toggle, video,\n * file and embedded component blocks are V2's too, limited to what their stored blocks keep: a callout's message and a\n * toggle's body are plain text (production stores them as text), a component is a linked card (its fields are edited\n * on the component itself).\n *\n * The table block is V2's TableBlock: the kit's table editor on the island's table value. The pull quote is V2's article\n * block (article-blocks.tsx ArticleBlock + PullQuotePreview): drawn as the reader sees it, edited in the floating\n * properties panel (4 settings → panel, CPO D54) through the kit SchemaForm. Key takeaways are V2's article block too,\n * written in the text itself (article-blocks.tsx TakeawaysEditor, surface \"inline\"): a title line and a line per point.\n * The embed is V2's article block too (ArticleBlock surface \"popover\" + EmbedPreview): a placeholder card of the link's\n * provider, edited in a popover beside it (Link, Title; V2's Shape has no stored key, see dom.ts).\n */\nimport * as React from \"react\";\nimport {\n  IconAlertTriangle, IconAlt, IconArrowsHorizontal, IconArrowsMove, IconBrandCodepen, IconBrandFigma, IconBrandSpotify, IconBrandVimeo, IconBrandX,\n  IconBrandYoutube, IconBulb, IconCheck, IconChevronDown, IconChevronRight, IconComponents, IconCopy, IconDimensions, IconDots, IconFileText, IconFileUpload,\n  IconHeadphones, IconInfoCircle, IconLayoutAlignCenter, IconLayoutAlignLeft, IconLayoutAlignRight, IconLayoutSidebar, IconLayoutSidebarRight, IconLibraryPhoto,\n  IconLink, IconMap, IconMicrophone, IconPhoto, IconPlayerPlayFilled, IconQuote, IconReplace, IconSettings, IconTrash, IconWorld, IconX,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../lib/cn\";\nimport { eventKey } from \"../../lib/key-event\";\nimport { useKitServices } from \"../../context\";\nimport { Button, IconButton } from \"../../ui/button\";\nimport { Input, Textarea } from \"../../ui/input\";\nimport { Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Tooltip } from \"../../ui/overlay\";\nimport { FloatingPanel, type FloatingPanelHandle } from \"../../ui/floating-panel\";\nimport { SchemaForm } from \"../../engine/schema-form\";\nimport type { TypeSchema } from \"../../schema/types\";\nimport type { TableFieldOptions } from \"../../schema/table\";\nimport { TableEditor } from \"../table/table-editor\";\nimport {\n  CALLOUT_TONES, detectEmbed, placeCaret, type CalloutModel, type CalloutTone, type ComponentModel, type EmbedModel, type FileModel, type ImageAlign, type ImageModel, type ImageSize,\n  type IslandEl, type IslandKind, type IslandModels, type PullQuoteModel, type TableModel, type TakeawaysModel, type ToggleModel, type VideoModel,\n} from \"./dom\";\nimport { LinkForm } from \"./link-form\";\nimport { ComponentCard } from \"./component-card\";\n\nexport interface IslandCtx {\n  readOnly?: boolean;\n  dense?: boolean;\n  emit: () => void;\n  remove: (el: IslandEl) => void;\n  /** Leave the block: caret to the start of the next line. */\n  exit: (el: IslandEl) => void;\n  /** CPO D54: an island write joins the body field's ONE undo history (`before` = the model it replaces) */\n  record?: (el: IslandEl, before: IslandModels[IslandKind], label: string, coalesce?: boolean) => void;\n  /** a refusal the author must see (an address the image cannot use) */\n  notify: (message: string, description?: string) => void;\n  duplicate?: (el: IslandEl) => void;\n  move?: (el: IslandEl, dir: -1 | 1) => void;\n  /** the body field's one history (D54): ⌘Z on a focused block or in its panel */\n  undo?: () => boolean;\n  /**\n   * One action as ONE undo step, in the host's history when it keeps one (the dock's toolbar Undo), else the body's\n   * own. `write` makes the change and answers the island it changed; `before` is that island's model before it. Answers\n   * the step's undo (an Undo toast): true, or the sentence saying why nothing was undone.\n   */\n  step?: (label: string, write: () => IslandEl | null, before?: IslandModels[IslandKind]) => () => true | string;\n  redo?: () => boolean;\n  /** Drag the block to a new position (the gutter grip's drag), for a grip drawn on the block itself */\n  drag?: (el: IslandEl, e: React.PointerEvent) => void;\n}\n\n/* ── Island host ───────────────────────────────────────────────────── */\n/** `label` names the step in the editor's one undo history (\"Edit alt text\"). */\ntype Setter<K extends IslandKind> = (patch: Partial<IslandModels[K]> | ((m: IslandModels[K]) => IslandModels[K]), label?: string, record?: boolean) => void;\ninterface BlockProps<K extends IslandKind> {\n  m: IslandModels[K];\n  set: Setter<K>;\n  el: IslandEl;\n  ctx: IslandCtx;\n  autoFocus: boolean;\n}\n\nexport function Island({ el, ctx }: { el: IslandEl; ctx: IslandCtx }) {\n  const kind = el.getAttribute(\"data-rt-island\") as IslandKind;\n  const [model, setModel] = React.useState(() => el.__rt!);\n  const [autoFocus] = React.useState(() => !!el.__rtFocus);\n  React.useEffect(() => {\n    el.__rtFocus = false;\n  }, [el]);\n  const set = React.useCallback(\n    (patch: unknown, label = \"Edit block\", record = true) => {\n      const prev = el.__rt as IslandModels[IslandKind];\n      const next = typeof patch === \"function\" ? (patch as (m: object) => object)(prev) : { ...prev, ...(patch as object) };\n      // `record` false: the caller records the step itself (IslandCtx.step)\n      if (record) ctx.record?.(el, prev, label, typeof patch !== \"function\");\n      el.__rt = next as IslandModels[IslandKind];\n      setModel(next as IslandModels[IslandKind]);\n      ctx.emit();\n    },\n    [el, ctx],\n  );\n  React.useEffect(() => {\n    el.__rtSet = (m) => {\n      el.__rt = m;\n      setModel(m);\n      ctx.emit();\n    };\n    return () => {\n      if (el.__rtSet) delete el.__rtSet;\n    };\n  }, [el, ctx]);\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!e.currentTarget.contains(e.target as Node)) return;\n    if (e.key === \"Escape\" && (e.target as HTMLElement).isContentEditable) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.exit(el);\n    }\n  };\n  return (\n    <div className=\"relative select-text\" onKeyDown={onKeyDown} data-island-kind={kind}>\n      {kind === \"image\" ? <ImageBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ImageModel} set={set as Setter<\"image\">} />\n        : kind === \"table\" ? <TableBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as TableModel} set={set as Setter<\"table\">} />\n        : kind === \"pullquote\" ? <PullQuoteBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as PullQuoteModel} set={set as Setter<\"pullquote\">} />\n        : kind === \"takeaways\" ? <TakeawaysBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as TakeawaysModel} set={set as Setter<\"takeaways\">} />\n        : kind === \"callout\" ? <CalloutBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as CalloutModel} set={set as Setter<\"callout\">} />\n        : kind === \"toggle\" ? <ToggleBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ToggleModel} set={set as Setter<\"toggle\">} />\n        : kind === \"video\" ? <VideoBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as VideoModel} set={set as Setter<\"video\">} />\n        : kind === \"embed\" ? <EmbedBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as EmbedModel} set={set as Setter<\"embed\">} />\n        : kind === \"file\" ? <FileBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as FileModel} set={set as Setter<\"file\">} />\n        : kind === \"component\" ? <ComponentBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ComponentModel} set={set as Setter<\"component\">} />\n        : null}\n    </div>\n  );\n}\n\nconst Sep = () => <span aria-hidden className=\"mx-0.5 h-4 w-px shrink-0 bg-kit-line\" />;\n/** An address an image can be shown from: http(s) or a site path. */\nconst imageUrlOk = (u: string) => /^(https?:)?\\/\\/[^\\s]+$/i.test(u) || /^\\/(?!\\/)\\S*$/.test(u);\n\n/* ── plain text inside a block (V2 Editable, `plain`): a caption, a title, a message ── */\nfunction PlainEditable({\n  value,\n  onChange,\n  label,\n  placeholder,\n  readOnly,\n  autoFocus,\n  multiline,\n  onEnter,\n  onBackspaceEmpty,\n  className,\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label: string;\n  placeholder?: string;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  /** Enter adds a line (else Enter calls `onEnter`) */\n  multiline?: boolean;\n  onEnter?: () => void;\n  /** Backspace in an empty line (V2 PlainLine: removes the line) */\n  onBackspaceEmpty?: () => void;\n  className?: string;\n}) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  React.useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || document.activeElement === el) return;\n    if (el.textContent !== value) el.textContent = value;\n  }, [value]);\n  React.useEffect(() => {\n    if (!autoFocus || !ref.current || readOnly) return;\n    ref.current.focus({ preventScroll: false });\n    placeCaret(ref.current);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div\n      ref={ref}\n      role=\"textbox\"\n      aria-label={label}\n      aria-multiline={multiline || undefined}\n      aria-readonly={readOnly || undefined}\n      tabIndex={readOnly ? -1 : 0}\n      contentEditable={readOnly ? false : \"plaintext-only\"}\n      suppressContentEditableWarning\n      spellCheck\n      data-placeholder={placeholder}\n      onInput={(e) => onChange((e.currentTarget.textContent ?? \"\").replace(/\\u200b/g, \"\"))}\n      onPaste={(e) => {\n        e.preventDefault();\n        const t = e.clipboardData.getData(\"text/plain\");\n        document.execCommand(\"insertText\", false, multiline ? t : t.replace(/\\s*\\n\\s*/g, \" \"));\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\" && onBackspaceEmpty && !(e.currentTarget.textContent ?? \"\").replace(/\\u200b/g, \"\")) {\n          e.preventDefault();\n          onBackspaceEmpty();\n          return;\n        }\n        if (e.key !== \"Enter\") return;\n        // in a multi-line field Enter adds a line; ⌘↵ leaves it\n        if (multiline && !(e.metaKey || e.ctrlKey)) return;\n        e.preventDefault();\n        onEnter?.();\n      }}\n      className={cn(\n        \"min-w-0 cursor-text whitespace-pre-wrap break-words outline-none focus-visible:shadow-none empty:before:pointer-events-none empty:before:text-kit-fg-4 empty:before:content-[attr(data-placeholder)]\",\n        className,\n      )}\n    />\n  );\n}\n\nconst RemoveBtn = ({ onClick, label = \"Remove block\" }: { onClick: () => void; label?: string }) => (\n  <IconButton size=\"xs\" label={label} onClick={onClick} className=\"hover:text-kit-danger-fg\">\n    <IconTrash stroke={1.5} />\n  </IconButton>\n);\n\n/* ── Image ─────────────────────────────────────────────────────────── */\n/** Production's image layout (lib/richtext/imageLayout.ts): a size sets the column share; with none, the alignment does. */\nconst SIZES: { v: ImageSize; label: string; w: string }[] = [\n  { v: \"s\", label: \"S\", w: \"33%\" },\n  { v: \"m\", label: \"M\", w: \"50%\" },\n  { v: \"l\", label: \"L\", w: \"75%\" },\n  { v: \"full\", label: \"Full\", w: \"100%\" },\n];\nconst ALIGN_WIDTH: Record<ImageAlign, string> = { full: \"100%\", center: \"78%\", left: \"62%\", right: \"62%\" };\nconst ALIGNS: { v: ImageAlign; label: string; icon: React.ReactNode }[] = [\n  { v: \"full\", label: \"Full width\", icon: <IconArrowsHorizontal stroke={1.5} /> },\n  { v: \"center\", label: \"Center\", icon: <IconLayoutAlignCenter stroke={1.5} /> },\n  { v: \"left\", label: \"Left\", icon: <IconLayoutAlignLeft stroke={1.5} /> },\n  { v: \"right\", label: \"Right\", icon: <IconLayoutAlignRight stroke={1.5} /> },\n];\n\nfunction ImageBlock({ m, set, el, ctx }: BlockProps<\"image\">) {\n  const { MediaPicker } = useKitServices();\n  const [picker, setPicker] = React.useState(false);\n  const [urlMode, setUrlMode] = React.useState(false);\n  const [url, setUrl] = React.useState(\"\");\n  const [busy, setBusy] = React.useState(false);\n  const [linkOpen, setLinkOpen] = React.useState(false);\n  const ro = ctx.readOnly;\n  const pickerEl = MediaPicker ? (\n    <MediaPicker\n      open={picker}\n      onOpenChange={setPicker}\n      accept={[\"image\", \"svg\"]}\n      onPick={(a) => a[0] && set({ src: a[0].url, alt: a[0].alt || m.alt || \"\" }, \"Replace image\")}\n    />\n  ) : null;\n\n  if (!m.src)\n    return (\n      <div className=\"group/blk rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-4 py-4\">\n        <div className=\"flex items-start gap-3\">\n          <span className=\"flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2\">\n            <IconPhoto className=\"size-4\" stroke={1.5} aria-hidden />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-kit-sm font-medium text-kit-fg\">Add an image</div>\n            <p className=\"text-kit-xs text-kit-fg-3\">{MediaPicker ? \"Pick one from the media library or paste a link.\" : \"Paste a link to the image.\"}</p>\n          </div>\n          {ro ? null : <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove image\" />}\n        </div>\n        {ro ? null : urlMode || !MediaPicker ? (\n          <form\n            className=\"mt-3 flex items-center gap-2\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              const u = url.trim();\n              if (!imageUrlOk(u)) return ctx.notify(\"Paste a full image link that starts with https://\", \"Or a path on this site, like /images/hero.jpg.\");\n              set({ src: u, alt: m.alt ?? \"\" }, \"Add image\");\n              ctx.exit(el);\n            }}\n          >\n            <Input autoFocus size=\"sm\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://…\" aria-label=\"Image URL\" leading={<IconLink stroke={1.5} />} className=\"flex-1\" />\n            <Button size=\"sm\" variant=\"primary\" type=\"submit\" disabled={!url.trim()}>\n              Add\n            </Button>\n            {MediaPicker ? (\n              <Button size=\"sm\" variant=\"ghost\" onClick={() => setUrlMode(false)}>\n                Cancel\n              </Button>\n            ) : null}\n          </form>\n        ) : (\n          <div className=\"mt-3 flex flex-wrap gap-2\">\n            <Button size=\"sm\" leftIcon={<IconLibraryPhoto stroke={1.5} />} onClick={() => setPicker(true)}>\n              Media library\n            </Button>\n            <Button size=\"sm\" variant=\"ghost\" leftIcon={<IconLink stroke={1.5} />} onClick={() => setUrlMode(true)}>\n              Paste URL\n            </Button>\n          </div>\n        )}\n        {pickerEl}\n      </div>\n    );\n\n  const align: ImageAlign = m.align ?? \"full\";\n  const size = m.size;\n  const width = size ? (SIZES.find((x) => x.v === size)?.w ?? \"100%\") : ALIGN_WIDTH[align];\n  const justify = align === \"left\" ? \"justify-start\" : align === \"right\" ? \"justify-end\" : \"justify-center\";\n  const alignItem = ALIGNS.find((a) => a.v === align)!;\n  const toolBtn =\n    \"flex h-7 shrink-0 items-center gap-1 rounded-kit-md px-1.5 text-kit-xs text-kit-fg-2 hover:bg-kit-hover hover:text-kit-fg data-[popup-open]:bg-kit-hover data-[popup-open]:text-kit-fg [&_svg]:size-3.5\";\n  return (\n    <figure className=\"group/blk relative m-0\">\n      {ro ? null : (\n        <div\n          role=\"toolbar\"\n          aria-label=\"Image tools\"\n          className={cn(\n            \"glass-strong absolute left-1/2 top-2 z-[3] flex h-8 -translate-x-1/2 items-center gap-0.5 rounded-kit-lg border border-kit-line px-1 opacity-0 transition-opacity duration-150\",\n            \"group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\",\n            busy && \"opacity-100\",\n          )}\n        >\n          {MediaPicker ? (\n            <>\n              <Tooltip content=\"Replace image\">\n                <button type=\"button\" aria-label=\"Replace image\" className={toolBtn} onClick={() => setPicker(true)}>\n                  <IconReplace stroke={1.5} aria-hidden />\n                  {ctx.dense ? null : \"Replace\"}\n                </button>\n              </Tooltip>\n              <Sep />\n            </>\n          ) : null}\n          <Menu onOpenChange={setBusy}>\n            <MenuTrigger\n              render={\n                <button type=\"button\" aria-label={`Align: ${alignItem.label}`} className={toolBtn}>\n                  {alignItem.icon}\n                  <IconChevronDown className=\"!size-3 text-kit-fg-3\" stroke={1.5} aria-hidden />\n                </button>\n              }\n            />\n            <MenuContent className=\"w-40\">\n              {ALIGNS.map((a) => (\n                <MenuItem\n                  key={a.v}\n                  icon={a.icon}\n                  onClick={() => set({ align: a.v, ...(a.v === \"full\" ? { size: \"full\" as const } : size === \"full\" || !size ? { size: \"l\" as const } : {}) }, \"Align image\")}\n                >\n                  <span className=\"flex w-full items-center justify-between\">\n                    {a.label}\n                    {align === a.v ? <IconCheck className=\"size-3.5 text-kit-fg-2\" stroke={2} aria-hidden /> : null}\n                  </span>\n                </MenuItem>\n              ))}\n            </MenuContent>\n          </Menu>\n          <div role=\"group\" aria-label=\"Size\" className=\"flex items-center\">\n            {SIZES.map((x) => {\n              const on = (size ?? (align === \"full\" ? \"full\" : null)) === x.v;\n              return (\n                <button\n                  key={x.v}\n                  type=\"button\"\n                  aria-pressed={on}\n                  aria-label={`Size ${x.label}`}\n                  onClick={() => set({ size: x.v, ...(x.v === \"full\" ? { align: \"full\" as const } : align === \"full\" ? { align: \"center\" as const } : {}) }, \"Resize image\")}\n                  className={cn(\"h-7 min-w-6 rounded-kit-md px-1 text-kit-xs text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg\", on && \"bg-kit-selected font-medium text-kit-fg\")}\n                >\n                  {x.label}\n                </button>\n              );\n            })}\n          </div>\n          <Sep />\n          <Popover\n            open={linkOpen}\n            onOpenChange={(o) => {\n              setLinkOpen(o);\n              setBusy(o);\n            }}\n          >\n            <Tooltip content={m.href ? `Links to ${m.href}` : \"Link the image\"}>\n              <PopoverTrigger aria-label=\"Link the image\" className={cn(toolBtn, m.href && \"text-kit-accent-fg\")}>\n                <IconLink stroke={1.5} aria-hidden />\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent className=\"w-[340px] rounded-kit-lg p-3\" finalFocus={false}>\n              <p className=\"mb-2 text-kit-xs font-medium text-kit-fg-2\">Link the image to</p>\n              <LinkForm\n                initial={{ href: m.href ?? \"\" }}\n                allowNewTab={false}\n                onSave={(v) => {\n                  set({ href: v.href }, \"Link image\");\n                  setLinkOpen(false);\n                  setBusy(false);\n                }}\n                onCancel={() => {\n                  setLinkOpen(false);\n                  setBusy(false);\n                }}\n                onDetach={\n                  m.href\n                    ? () => {\n                        set((x) => {\n                          const { href: _gone, ...rest } = x;\n                          void _gone;\n                          return rest;\n                        }, \"Unlink image\");\n                        setLinkOpen(false);\n                        setBusy(false);\n                      }\n                    : undefined\n                }\n              />\n            </PopoverContent>\n          </Popover>\n          <AltPopover alt={m.alt ?? \"\"} onSave={(alt) => set({ alt }, \"Edit alt text\")} onOpen={setBusy} btnClass={toolBtn} />\n          <Sep />\n          <Tooltip content=\"Remove image\">\n            <button type=\"button\" aria-label=\"Remove image\" className={cn(toolBtn, \"hover:text-kit-danger-fg\")} onClick={() => ctx.remove(el)}>\n              <IconTrash stroke={1.5} aria-hidden />\n            </button>\n          </Tooltip>\n        </div>\n      )}\n      <div className={cn(\"flex\", justify)}>\n        <img src={m.src} alt={m.alt ?? \"\"} style={{ width }} className=\"block h-auto max-w-full rounded-kit-lg border border-kit-line\" draggable={false} />\n      </div>\n      {ro && !m.caption ? null : (\n        <PlainEditable\n          value={m.caption ?? \"\"}\n          label=\"Image caption\"\n          readOnly={ro}\n          placeholder={ro ? \"\" : \"Add a caption…\"}\n          onChange={(caption) => set({ caption }, \"Edit caption\")}\n          onEnter={() => ctx.exit(el)}\n          className=\"mt-1.5 text-center text-kit-sm text-kit-fg-3 empty:before:text-kit-fg-4\"\n        />\n      )}\n      {pickerEl}\n    </figure>\n  );\n}\n\nfunction AltPopover({ alt, onSave, onOpen, btnClass }: { alt: string; onSave: (a: string) => void; onOpen: (o: boolean) => void; btnClass: string }) {\n  const [open, setOpen] = React.useState(false);\n  const [v, setV] = React.useState(alt);\n  const id = React.useId();\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(o) => {\n        setOpen(o);\n        onOpen(o);\n        if (o) setV(alt);\n      }}\n    >\n      <Tooltip content={alt ? \"Alt text\" : \"Add alt text\"}>\n        <PopoverTrigger aria-label=\"Alt text\" className={cn(btnClass, !alt && \"text-kit-warning-fg\")}>\n          <IconAlt stroke={1.5} aria-hidden />\n        </PopoverTrigger>\n      </Tooltip>\n      <PopoverContent className=\"w-72\" finalFocus={false}>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            onSave(v.trim());\n            setOpen(false);\n            onOpen(false);\n          }}\n          className=\"flex flex-col gap-2\"\n        >\n          <label className=\"text-kit-xs font-medium text-kit-fg-2\" htmlFor={id}>\n            Alt text\n          </label>\n          <Textarea id={id} autoFocus value={v} onChange={(e) => setV(e.target.value)} placeholder=\"Describe the image\" rows={2} />\n          <p className=\"text-kit-2xs text-kit-fg-3\">Read aloud by screen readers and used by search engines.</p>\n          <div className=\"flex justify-end\">\n            <Button size=\"xs\" variant=\"primary\" type=\"submit\">\n              Done\n            </Button>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n/* ── Callout (V2 CalloutBlock): tone · title · message ─────────────── */\nconst TONES: Record<CalloutTone, { label: string; icon: React.ReactNode; box: string; chip: string }> = {\n  info: { label: \"Info\", icon: <IconInfoCircle stroke={1.5} />, box: \"border-kit-info-line bg-kit-info-soft\", chip: \"text-kit-info-fg\" },\n  tip: { label: \"Tip\", icon: <IconBulb stroke={1.5} />, box: \"border-kit-success-line bg-kit-success-soft\", chip: \"text-kit-success-fg\" },\n  warning: { label: \"Warning\", icon: <IconAlertTriangle stroke={1.5} />, box: \"border-kit-warning-line bg-kit-warning-soft\", chip: \"text-kit-warning-fg\" },\n};\nfunction CalloutBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"callout\">) {\n  // a stored tone the editor does not offer is kept as it is, and drawn as Info\n  const tone: CalloutTone = (CALLOUT_TONES as readonly string[]).includes(m.tone ?? \"\") ? (m.tone as CalloutTone) : \"info\";\n  const t = TONES[tone];\n  const body = React.useRef<HTMLDivElement>(null);\n  const ro = ctx.readOnly;\n  return (\n    <div className={cn(\"group/blk relative rounded-kit-lg border px-3.5 py-3\", t.box)} data-rt-isolate=\"\">\n      <div className=\"flex items-center gap-1\">\n        <Menu>\n          <MenuTrigger\n            disabled={ro}\n            render={\n              <button\n                type=\"button\"\n                aria-label={`Callout tone: ${t.label}`}\n                className={cn(\"-ml-1 flex h-6 items-center gap-1 rounded-kit-md px-1.5 text-kit-xs font-medium hover:bg-kit-hover data-[popup-open]:bg-kit-hover [&_svg]:size-3.5\", t.chip)}\n              >\n                {t.icon}\n                {t.label}\n                {ro ? null : <IconChevronDown className=\"!size-3 opacity-70\" stroke={1.5} aria-hidden />}\n              </button>\n            }\n          />\n          <MenuContent className=\"w-36\">\n            {CALLOUT_TONES.map((k) => (\n              <MenuItem key={k} icon={TONES[k].icon} onClick={() => set({ tone: k }, \"Change callout tone\")}>\n                <span className=\"flex w-full items-center justify-between\">\n                  {TONES[k].label}\n                  {tone === k ? <IconCheck className=\"size-3.5 text-kit-fg-2\" stroke={2} aria-hidden /> : null}\n                </span>\n              </MenuItem>\n            ))}\n          </MenuContent>\n        </Menu>\n        <span className=\"flex-1\" />\n        {ro ? null : (\n          <div className=\"opacity-0 transition-opacity group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove callout\" />\n          </div>\n        )}\n      </div>\n      <PlainEditable\n        value={m.title ?? \"\"}\n        label=\"Callout title\"\n        readOnly={ro}\n        autoFocus={autoFocus}\n        placeholder=\"Title\"\n        onChange={(title) => set({ title }, \"Edit callout title\")}\n        onEnter={() => {\n          const b = body.current?.querySelector<HTMLElement>(\"[role=textbox]\");\n          b?.focus();\n          if (b) placeCaret(b, false);\n        }}\n        className=\"mt-1 font-medium text-kit-fg\"\n      />\n      <div ref={body}>\n        <PlainEditable\n          multiline\n          value={m.body ?? \"\"}\n          label=\"Callout message\"\n          readOnly={ro}\n          placeholder=\"Write a message…\"\n          onChange={(b) => set({ body: b }, \"Edit callout message\")}\n          className=\"mt-0.5 text-kit-fg-2 [&_p+p]:mt-2\"\n        />\n      </div>\n    </div>\n  );\n}\n\n/* ── Toggle (V2 ToggleBlock): title · body. A saved toggle shows closed, like V2; a just-inserted one shows open. Open or closed is the editor's view only. ── */\nfunction ToggleBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"toggle\">) {\n  const [open, setOpen] = React.useState(!!autoFocus);\n  const body = React.useRef<HTMLDivElement>(null);\n  const bodyId = React.useId();\n  const ro = ctx.readOnly;\n  return (\n    <div className=\"group/blk relative rounded-kit-md\" data-rt-isolate=\"\">\n      <div className=\"flex items-start gap-1\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-controls={bodyId}\n          aria-label={open ? \"Collapse toggle\" : \"Expand toggle\"}\n          onClick={() => setOpen((o) => !o)}\n          className=\"mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-kit-md text-kit-fg-2 hover:bg-kit-hover hover:text-kit-fg\"\n        >\n          <IconChevronRight className={cn(\"size-4 transition-transform duration-150\", open && \"rotate-90\")} stroke={1.5} aria-hidden />\n        </button>\n        <PlainEditable\n          value={m.title ?? \"\"}\n          label=\"Toggle title\"\n          readOnly={ro}\n          autoFocus={autoFocus}\n          placeholder=\"Toggle title\"\n          onChange={(title) => set({ title }, \"Edit toggle title\")}\n          onEnter={() => {\n            setOpen(true);\n            requestAnimationFrame(() => {\n              const b = body.current?.querySelector<HTMLElement>(\"[role=textbox]\");\n              b?.focus();\n              if (b) placeCaret(b, false);\n            });\n          }}\n          className=\"flex-1 py-0.5 font-medium text-kit-fg\"\n        />\n        {ro ? null : (\n          <div className=\"opacity-0 transition-opacity group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove toggle\" />\n          </div>\n        )}\n      </div>\n      <div ref={body} id={bodyId} hidden={!open} className=\"ml-3 mt-1 border-l border-kit-line pl-4\">\n        <PlainEditable\n          multiline\n          value={m.body ?? \"\"}\n          label=\"Toggle body\"\n          readOnly={ro}\n          placeholder=\"Hidden content. Click to write…\"\n          onChange={(b) => set({ body: b }, \"Edit toggle body\")}\n          className=\"py-0.5 text-kit-fg-2 [&_p+p]:mt-2\"\n        />\n      </div>\n    </div>\n  );\n}\n\n/* ── Video (V2 VideoBlock): a link to a video file or a provider's page ─── */\nconst videoUrlOk = (u: string) => /^https?:\\/\\/\\S+$/i.test(u) || /^\\/(?!\\/)\\S*$/.test(u);\nfunction videoEmbedSrc(url: string): string | null {\n  const yt = /(?:youtube\\.com\\/(?:watch\\?(?:.*&)?v=|embed\\/|shorts\\/|live\\/)|youtu\\.be\\/)([\\w-]{6,})/i.exec(url);\n  if (yt) return `https://www.youtube-nocookie.com/embed/${yt[1]}`;\n  const vimeo = /vimeo\\.com\\/(?:video\\/)?(\\d+)/i.exec(url);\n  if (vimeo) return `https://player.vimeo.com/video/${vimeo[1]}`;\n  return null;\n}\nfunction VideoBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"video\">) {\n  const [draft, setDraft] = React.useState(m.url ?? \"\");\n  React.useEffect(() => setDraft(m.url ?? \"\"), [m.url]);\n  const [error, setError] = React.useState<string | null>(null);\n  const errId = React.useId();\n  const commit = () => {\n    const u = draft.trim();\n    if (u === (m.url ?? \"\")) return setError(null);\n    if (u && !videoUrlOk(u)) return setError(\"Paste a full link that starts with https://, or a path on this site.\");\n    setError(null);\n    set({ url: u }, \"Set video link\");\n  };\n  const ro = ctx.readOnly;\n  const frame = m.url ? videoEmbedSrc(m.url) : null;\n  return (\n    <div className=\"group/blk rounded-kit-lg border border-kit-line bg-kit-subtle p-2.5\" data-rt-isolate=\"\">\n      {ro ? null : (\n        <div className=\"mb-2 flex items-center gap-1.5\">\n          <Input\n            size=\"sm\"\n            autoFocus={autoFocus}\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onBlur={commit}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n                commit();\n              }\n            }}\n            placeholder=\"Paste a YouTube, Vimeo or video file link\"\n            aria-label=\"Video URL\"\n            aria-invalid={!!error || undefined}\n            aria-describedby={error ? errId : undefined}\n            spellCheck={false}\n            autoComplete=\"off\"\n            leading={<IconWorld stroke={1.5} />}\n            className=\"min-w-0 flex-1\"\n          />\n          <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove video\" />\n        </div>\n      )}\n      {error ? (\n        <p id={errId} role=\"alert\" className=\"mb-2 px-1 text-kit-xs text-kit-danger-fg\">\n          {error}\n        </p>\n      ) : null}\n      {frame ? (\n        <iframe\n          src={frame}\n          title={m.title || \"Video preview\"}\n          loading=\"lazy\"\n          tabIndex={-1}\n          sandbox=\"allow-scripts allow-same-origin allow-presentation\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n          className=\"pointer-events-none aspect-video w-full rounded-kit-md border-0 bg-kit-muted\"\n        />\n      ) : m.url ? (\n        <video src={m.url} title={m.title || \"Video preview\"} controls preload=\"metadata\" className=\"aspect-video w-full rounded-kit-md bg-kit-muted\" />\n      ) : (\n        <p className=\"px-1 pb-0.5 text-kit-xs text-kit-fg-3\">No video yet.</p>\n      )}\n    </div>\n  );\n}\n\n/* ── File (V2 FileBlock): a downloadable document ─────────────────── */\nconst formatBytes = (n: number) => (n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(0)} KB` : `${(n / 1024 / 1024).toFixed(1)} MB`);\nfunction FileBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"file\">) {\n  const { MediaPicker } = useKitServices();\n  const [picker, setPicker] = React.useState(false);\n  const [url, setUrl] = React.useState(\"\");\n  const [name, setName] = React.useState(\"\");\n  const ro = ctx.readOnly;\n  const has = !!(m.url && m.name);\n  const pickerEl = MediaPicker ? (\n    <MediaPicker open={picker} onOpenChange={setPicker} accept={[\"file\"]} onPick={(a) => a[0] && set({ url: a[0].url, name: a[0].name ?? a[0].url.split(\"/\").pop() ?? \"Download\", ...(a[0].size ? { size: a[0].size } : {}) }, \"Choose file\")} />\n  ) : null;\n  if (has)\n    return (\n      <div className=\"group/blk\" data-rt-isolate=\"\">\n        <div className=\"flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\">\n          <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n            <IconFileText className=\"size-[18px]\" stroke={1.5} aria-hidden />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate text-kit-sm font-medium text-kit-fg\">{m.name}</div>\n            <div className=\"truncate text-kit-xs text-kit-fg-3\">\n              {m.size ? `${formatBytes(m.size)} · ` : \"\"}\n              {(m.name!.includes(\".\") ? m.name!.split(\".\").pop()! : \"file\").toUpperCase()}\n            </div>\n          </div>\n          {ro ? null : (\n            <>\n              {MediaPicker ? (\n                <Button size=\"xs\" variant=\"ghost\" onClick={() => setPicker(true)}>\n                  Replace\n                </Button>\n              ) : null}\n              <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove file\" />\n            </>\n          )}\n        </div>\n        {pickerEl}\n      </div>\n    );\n  return (\n    <div className=\"group/blk\" data-rt-isolate=\"\">\n      <div className=\"flex items-center gap-3 rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-3 py-2.5\">\n        <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-3\">\n          <IconFileText className=\"size-[18px]\" stroke={1.5} aria-hidden />\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-kit-sm font-medium text-kit-fg\">File</div>\n          <p className=\"text-kit-xs text-kit-fg-3\">No file yet.</p>\n        </div>\n        {ro ? null : (\n          <>\n            {MediaPicker ? (\n              <Button size=\"sm\" leftIcon={<IconFileUpload stroke={1.5} />} onClick={() => setPicker(true)}>\n                Choose file\n              </Button>\n            ) : null}\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove file\" />\n          </>\n        )}\n      </div>\n      {ro ? null : (\n        <form\n          className=\"mt-2.5 flex flex-wrap items-center gap-2\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            const u = url.trim();\n            if (!/^https?:\\/\\/\\S+$/i.test(u) && !/^\\/(?!\\/)\\S*$/.test(u)) return ctx.notify(\"Paste a full file link that starts with https://\", \"Or a path on this site, like /files/spec.pdf.\");\n            set({ url: u, name: name.trim() || u.split(\"/\").pop() || \"Download\" }, \"Add file\");\n            ctx.exit(el);\n          }}\n        >\n          <Input autoFocus={autoFocus && !MediaPicker} size=\"sm\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://…/guide.pdf\" aria-label=\"File URL\" spellCheck={false} autoComplete=\"off\" leading={<IconLink stroke={1.5} />} className=\"min-w-40 flex-1\" />\n          <Input size=\"sm\" value={name} onChange={(e) => setName(e.target.value)} placeholder=\"Link text\" aria-label=\"File name shown to readers\" className=\"min-w-28 flex-1\" />\n          <Button size=\"sm\" variant=\"primary\" type=\"submit\" disabled={!url.trim()}>\n            Add\n          </Button>\n        </form>\n      )}\n      {pickerEl}\n    </div>\n  );\n}\n\n/* ── Embedded component (CPO D28): a linked instance, shown as its card ─────────── */\nfunction ComponentBlock({ m, el, ctx, set }: BlockProps<\"component\">) {\n  const { useComponentInfo } = useKitServices();\n  const overrides = React.useMemo<Record<string, unknown>>(() => {\n    try {\n      const v = m.overrides ? (JSON.parse(m.overrides) as unknown) : {};\n      return v && typeof v === \"object\" && !Array.isArray(v) ? (v as Record<string, unknown>) : {};\n    } catch {\n      return {};\n    }\n  }, [m.overrides]);\n  // the host's component library answers → V2's instance card; none → the compact linked row (no state made up)\n  if (useComponentInfo) return <ComponentCard m={m} el={el} ctx={ctx} use={useComponentInfo} overrides={overrides} set={set} />;\n  const count = Object.keys(overrides).length;\n  const name = m.name || \"Block\";\n  return (\n    <div\n      role=\"group\"\n      aria-label={`${name}, ${m.detached ? \"separate copy\" : \"linked block\"}`}\n      className=\"group/blk flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\"\n      data-rt-isolate=\"\"\n    >\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n        <IconComponents className=\"size-[18px]\" stroke={1.5} aria-hidden />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-kit-sm font-medium text-kit-fg\">{name}</div>\n        <div className=\"truncate text-kit-xs text-kit-fg-3\">\n          {m.detached ? (\n            \"Separate copy · edits to the block don't reach it\"\n          ) : (\n            <>\n              {m.ref ? \"Linked block\" : \"Block with no source\"}\n              {count ? ` · ${count} ${count === 1 ? \"override\" : \"overrides\"}` : \"\"} · edits to the component show here too\n            </>\n          )}\n        </div>\n      </div>\n      {ctx.readOnly ? null : (\n        <div className=\"flex items-center gap-0.5 opacity-0 transition-opacity motion-reduce:transition-none group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n          {ctx.duplicate ? (\n            <IconButton size=\"xs\" label={`Duplicate ${name}`} onClick={() => ctx.duplicate?.(el)}>\n              <IconCopy stroke={1.5} />\n            </IconButton>\n          ) : null}\n          <RemoveBtn onClick={() => ctx.remove(el)} label={`Remove ${name}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Table (V2 TableBlock, CPO D42: the table value, edited with the shared table editor) ─────────── */\n/**\n * What production's rich-text table keeps: typed columns (V2's Text, Number, Price, Yes / No, Link and Rating with their unit,\n * currency, decimals, alignment, yes / no words, scale and description; a row's and a cell's type and a cell's value: a\n * first-row cell's `column`, a row's / cell's `type`, a cell's `value`), the header row and row headers, an optional caption,\n * the note under the table, row groups, the totals row and the row and column highlights (`caption`, `notes`,\n * `rowGroups`, a row's `footer` / `highlight`, a first-row cell's `highlight` / `sortable`, the table's `filterable`).\n * the table's `jsonLd` and `design` (On phones, Keep column names in view)). Footnotes are stored as the table's `footnotes` and a cell's `note` (V2's default, allowFootnotes on). No setting is\n * pinned: V2's island passes no options, so its editor offers GENERAL_TABLE (sort, search and the JSON-LD choice on,\n * everything else at its default), and so does this.\n */\nconst STORED_TABLE: TableFieldOptions = {\n  // No `columnTypes`: V2's island passes no options and no `developer` (blocks.tsx:411-421), so its editor offers every type\n  // TYPE_UI does not mark `dev` (table-editor.tsx:80-86: Text, Number, Price, Yes / No, Link, Rating), and so does this.\n  // V2's default, as V2's island draws it: its editor never reads requireCaption (table-editor.tsx:1030-1033, no hint beside\n  // Title) and its island runs no table validation (validate.ts:112 is the table FIELD's). Ours draws a \"Required\" hint for\n  // the table field lane, whose backend refuses a captionless table (table_caption_required); a rich-text table is never\n  // refused for it, so the island shows no hint, exactly as V2's.\n  requireCaption: false,\n  allowGroups: true,\n  allowNote: true,\n  settings: { sort: true, search: true },\n  // \"Help search engines read this as\": V2's GENERAL_TABLE offers all three (schema/table.ts:170)\n  jsonLd: [\"ItemList\", \"Dataset\", \"Offers\"],\n};\nfunction TableBlock({ m, set, el, ctx }: BlockProps<\"table\">) {\n  return (\n    <div className=\"group/blk\" data-rt-isolate=\"\">\n      <TableEditor\n        value={m}\n        onChange={(next) => set(() => next, \"Edit table\")}\n        readOnly={ctx.readOnly}\n        options={STORED_TABLE}\n        label=\"Table\"\n        actions={ctx.readOnly ? null : <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove table\" />}\n      />\n    </div>\n  );\n}\n\n/* ── Pull quote (V2 article-blocks.tsx ArticleBlock, surface \"panel\") ─────────── */\nconst PULL_QUOTE_LABEL = \"Pull quote\";\n/** V2 article.ts ARTICLE_SCHEMAS.pullquote: the properties panel is built from it. */\nconst PULL_QUOTE_SCHEMA: TypeSchema = {\n  name: \"pullQuote\",\n  title: PULL_QUOTE_LABEL,\n  kind: \"object\",\n  icon: \"quote\",\n  fields: [\n    { name: \"quote\", title: \"Quote\", type: \"text\", rows: 3, validation: { required: true, recommendedMax: 200 } },\n    { name: \"name\", title: \"Name\", type: \"string\", validation: { max: 60 } },\n    { name: \"role\", title: \"Role or source\", type: \"string\", validation: { max: 80 } },\n    { name: \"link\", title: \"Source link\", type: \"url\", description: \"The name links here.\" },\n  ],\n};\n\n/* one article panel open at a time (V2 useOpenArticle) */\nlet openArticle: { id: string; focusKey: string | null; nonce: number } | null = null;\nconst articleSubs = new Set<() => void>();\nconst setOpenArticle = (next: typeof openArticle) => {\n  openArticle = next;\n  articleSubs.forEach((f) => f());\n};\nfunction useOpenArticle() {\n  return React.useSyncExternalStore(\n    (cb) => (articleSubs.add(cb), () => void articleSubs.delete(cb)),\n    () => openArticle,\n    () => openArticle,\n  );\n}\n\nconst controlOf = (el: HTMLElement) =>\n  Array.from(el.querySelectorAll<HTMLElement>(\"textarea, input:not([type=hidden]), [contenteditable=true], [role=combobox]\")).find((n) => n.getClientRects().length) ??\n  Array.from(el.querySelectorAll<HTMLElement>(\":scope > :not(:first-child) button\")).find((n) => n.getClientRects().length);\nfunction focusField(root: HTMLElement | null, key: string | null) {\n  if (!root) return;\n  const rows = Array.from(root.querySelectorAll<HTMLElement>(\"[data-field-key]\"));\n  const row = (key && rows.find((r) => r.getAttribute(\"data-field-key\") === key)) || rows[0];\n  if (!row) return;\n  row.scrollIntoView({ block: \"nearest\" });\n  controlOf(row)?.focus({ preventScroll: true });\n}\n\nfunction PullQuoteBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"pullquote\">) {\n  const label = PULL_QUOTE_LABEL;\n  const uid = React.useId();\n  const card = React.useRef<HTMLDivElement | null>(null);\n  const [cardEl, setCardEl] = React.useState<HTMLDivElement | null>(null);\n  const open = useOpenArticle();\n  const editing = open?.id === uid;\n  // a stable ref: a new callback each render would pass null for a moment and remount the panel\n  const cardRef = React.useCallback((n: HTMLDivElement | null) => {\n    card.current = n;\n    if (n) setCardEl(n);\n  }, []);\n  const ro = !!ctx.readOnly;\n  const modelRef = React.useRef(m);\n  modelRef.current = m;\n\n  const openPanel = React.useCallback((k?: string | null) => {\n    if (!ro) setOpenArticle({ id: uid, focusKey: k ?? null, nonce: (openArticle?.nonce ?? 0) + 1 });\n  }, [uid, ro]);\n  const close = React.useCallback(() => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  const focusCard = React.useCallback(() => requestAnimationFrame(() => card.current?.focus({ preventScroll: true })), []);\n  React.useEffect(() => () => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  React.useEffect(() => {\n    // a fresh insert opens its form\n    if (autoFocus && !ro) openPanel();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  /** a form edit joins the body's one undo history (D54); typing coalesces per field */\n  const commit = (next: PullQuoteModel) => {\n    const prev = modelRef.current;\n    const field = (Object.keys(next) as (keyof PullQuoteModel)[]).find((k) => next[k] !== prev[k]) ?? \"\";\n    set(() => next, `Edit ${label.toLowerCase()} ${field}`);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.defaultPrevented || e.target !== card.current) return;\n    const mod = e.metaKey || e.ctrlKey;\n    const k = eventKey(e);\n    if (mod && k === \"z\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.shiftKey) ctx.redo?.();\n      else ctx.undo?.();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      openPanel();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (editing) close();\n      else ctx.exit(el);\n      return;\n    }\n    if (ro) return;\n    if (mod && k === \"d\" && ctx.duplicate) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.duplicate(el);\n    } else if (e.altKey && (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && ctx.move) {\n      e.preventDefault();\n      ctx.move(el, e.key === \"ArrowUp\" ? -1 : 1);\n      focusCard();\n    } else if (e.key === \"Backspace\" || e.key === \"Delete\") {\n      e.preventDefault();\n      ctx.remove(el);\n    }\n  };\n\n  const actions = ro ? null : (\n    <div\n      className={cn(\n        // sits on the block's top edge, so it never covers the block's own text\n        \"absolute -top-3.5 right-2 z-[2] flex items-center gap-0.5 rounded-kit-md border border-kit-line bg-kit-surface-raised p-0.5 opacity-0 shadow-kit-sm transition-opacity\",\n        \"group-hover/art:opacity-100 group-focus-within/art:opacity-100 pointer-coarse:opacity-100\",\n        editing && \"opacity-100\",\n      )}\n    >\n      <IconButton size=\"xs\" label={`Edit ${label.toLowerCase()}`} onClick={() => (editing ? close() : openPanel())}>\n        <IconSettings stroke={1.5} />\n      </IconButton>\n      <IconButton size=\"xs\" label={`Remove ${label.toLowerCase()}`} onClick={() => ctx.remove(el)} className=\"hover:text-kit-danger-fg\">\n        <IconTrash stroke={1.5} />\n      </IconButton>\n    </div>\n  );\n\n  return (\n    <>\n      <div\n        ref={cardRef}\n        role=\"group\"\n        tabIndex={0}\n        aria-label={`${label}${editing ? \", editing\" : \"\"}`}\n        aria-roledescription=\"block\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={editing}\n        data-rt-isolate=\"\"\n        data-article-block=\"pullquote\"\n        onKeyDown={onKeyDown}\n        onClick={(e) => {\n          if (ro || !e.currentTarget.contains(e.target as Node)) return;\n          const t = e.target as HTMLElement;\n          if (t.closest(\"button,a,[role=menuitem]\")) return;\n          openPanel(t.closest<HTMLElement>(\"[data-field]\")?.getAttribute(\"data-field\") ?? null);\n        }}\n        className={cn(\n          \"group/art relative rounded-kit-lg outline-none transition-shadow duration-150\",\n          !ro && \"cursor-pointer\",\n          \"focus-visible:shadow-[0_0_0_1px_var(--kit-line-strong)]\",\n          editing ? \"shadow-[0_0_0_2px_var(--kit-accent)] focus-visible:shadow-[0_0_0_2px_var(--kit-accent)]\" : !ro && \"hover:shadow-[0_0_0_1px_var(--kit-line)]\",\n        )}\n      >\n        <PullQuotePreview m={m} />\n        {actions}\n      </div>\n      {editing ? (\n        <ArticlePanel label={label} anchor={cardEl} nonce={open!.nonce} focusKey={open!.focusKey} onClose={close} focusBack={focusCard} ctx={ctx} el={el}>\n          <div data-article-form=\"\" className=\"min-w-0\">\n            <SchemaForm\n              schema={PULL_QUOTE_SCHEMA}\n              value={m as unknown as Record<string, unknown>}\n              onChange={(v) => commit(v as unknown as PullQuoteModel)}\n              variant=\"panel\"\n              scroll={false}\n              readOnly={ro}\n              rootLabel={label}\n              env={{ docId: `article:${PULL_QUOTE_SCHEMA.name}`, docTitle: label }}\n            />\n            <style>{`[data-article-form] [data-kit-form] section:first-of-type { border-top-width: 0; margin-top: 0; padding-top: 0; }`}</style>\n          </div>\n        </ArticlePanel>\n      ) : null}\n    </>\n  );\n}\n\n/* ── Key takeaways (V2 article-blocks.tsx ArticleBlock, surface \"inline\" + TakeawaysEditor) ─────────── */\nconst TAKEAWAYS_LABEL = \"Key takeaways\";\n/** V2 article.ts ARTICLE_SCHEMAS.takeaways `points` max (the stored block's limit, key_takeaways_limit_exceeded) */\nconst MAX_POINTS = 8;\n/** V2 article.ts ARTICLE_SCHEMAS.takeaways `title` max */\nconst MAX_TITLE = 40;\n\nfunction TakeawaysBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"takeaways\">) {\n  const label = TAKEAWAYS_LABEL;\n  const card = React.useRef<HTMLDivElement>(null);\n  const box = React.useRef<HTMLUListElement>(null);\n  const ro = !!ctx.readOnly;\n  const focusCard = () => requestAnimationFrame(() => card.current?.focus({ preventScroll: true }));\n  const focusPoint = (i: number, atEnd = true) =>\n    requestAnimationFrame(() => {\n      const t = box.current?.querySelectorAll<HTMLElement>(\"[role=textbox]\")[i];\n      if (!t) return;\n      t.focus();\n      placeCaret(t, atEnd);\n    });\n  const setPoint = (i: number, v: string) => set({ points: m.points.map((p, j) => (j === i ? v : p)) }, `Edit key takeaways point ${i + 1}`);\n\n  /** V2 ArticleBlock onKeyDown, on the block itself (its lines handle their own keys) */\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.defaultPrevented || e.target !== card.current) return;\n    const mod = e.metaKey || e.ctrlKey;\n    const k = eventKey(e);\n    if (mod && k === \"z\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.shiftKey) ctx.redo?.();\n      else ctx.undo?.();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.exit(el);\n      return;\n    }\n    if (ro) return;\n    if (mod && k === \"d\" && ctx.duplicate) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.duplicate(el);\n    } else if (e.altKey && (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && ctx.move) {\n      e.preventDefault();\n      ctx.move(el, e.key === \"ArrowUp\" ? -1 : 1);\n      focusCard();\n    } else if (e.key === \"Backspace\" || e.key === \"Delete\") {\n      e.preventDefault();\n      ctx.remove(el);\n    }\n  };\n\n  return (\n    <div\n      ref={card}\n      role=\"group\"\n      tabIndex={0}\n      aria-label={label}\n      aria-roledescription=\"block\"\n      data-rt-isolate=\"\"\n      data-article-block=\"takeaways\"\n      onKeyDown={onKeyDown}\n      className=\"group/art relative rounded-kit-lg outline-none transition-shadow duration-150 focus-visible:shadow-[0_0_0_1px_var(--kit-line-strong)]\"\n    >\n      <aside className=\"rounded-kit-lg border border-kit-line bg-kit-subtle px-4 py-3\" aria-label={m.title || label}>\n        <PlainEditable\n          label=\"Key takeaways title\"\n          value={m.title}\n          placeholder=\"Key takeaways\"\n          readOnly={ro}\n          onChange={(title) => {\n            // V2 ARTICLE_SCHEMAS.takeaways title max: said the moment it is crossed, not first at save (key_takeaways_limit_exceeded)\n            if (title.length > MAX_TITLE && m.title.length <= MAX_TITLE)\n              ctx.notify(`A key takeaways title holds at most ${MAX_TITLE} characters.`, \"Shorten it, or the change will not save.\");\n            set({ title }, \"Edit key takeaways title\");\n          }}\n          onEnter={() => focusPoint(0, false)}\n          className=\"text-kit-sm font-semibold text-kit-fg\"\n        />\n        <ul ref={box} className=\"m-0 mt-1.5 flex flex-col gap-1 p-0\">\n          {m.points.map((p, i) => (\n            <li key={i} className=\"flex list-none items-baseline gap-2 text-[15px] leading-relaxed text-kit-fg\">\n              <span aria-hidden className=\"mt-[0.55em] size-1.5 shrink-0 self-start rounded-full bg-kit-accent\" />\n              <PlainEditable\n                label={`Point ${i + 1}`}\n                value={p}\n                placeholder={i === 0 ? \"The first thing to remember\" : \"Another point\"}\n                readOnly={ro}\n                autoFocus={autoFocus && i === 0}\n                onChange={(v) => setPoint(i, v)}\n                onEnter={() => {\n                  if (m.points.length >= MAX_POINTS) {\n                    ctx.notify(`Key takeaways hold at most ${MAX_POINTS} points.`, \"Merge two points, or move this one into the text.\");\n                    return;\n                  }\n                  set((x) => ({ ...x, points: [...x.points.slice(0, i + 1), \"\", ...x.points.slice(i + 1)] }), \"Add a key takeaways point\");\n                  focusPoint(i + 1);\n                }}\n                onBackspaceEmpty={\n                  m.points.length > 1\n                    ? () => {\n                        set((x) => ({ ...x, points: x.points.filter((_, j) => j !== i) }), \"Remove a key takeaways point\");\n                        focusPoint(Math.max(0, i - 1));\n                      }\n                    : undefined\n                }\n                className=\"flex-1\"\n              />\n            </li>\n          ))}\n        </ul>\n      </aside>\n      {ro ? null : (\n        <div\n          className={cn(\n            // sits on the block's top edge, so it never covers the block's own text\n            \"absolute -top-3.5 right-2 z-[2] flex items-center gap-0.5 rounded-kit-md border border-kit-line bg-kit-surface-raised p-0.5 opacity-0 shadow-kit-sm transition-opacity\",\n            \"group-hover/art:opacity-100 group-focus-within/art:opacity-100 pointer-coarse:opacity-100\",\n          )}\n        >\n          <IconButton size=\"xs\" label={`Remove ${label.toLowerCase()}`} onClick={() => ctx.remove(el)} className=\"hover:text-kit-danger-fg\">\n            <IconTrash stroke={1.5} />\n          </IconButton>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Embed (V2 article-blocks.tsx ArticleBlock, surface \"popover\" + EmbedPreview) ─────────── */\nconst EMBED_LABEL = \"Embed\";\n/** V2 article.ts ARTICLE_SCHEMAS.embed without `aspect` (the stored block keeps no shape): the popover is built from it. */\nconst EMBED_SCHEMA: TypeSchema = {\n  name: \"embed\",\n  title: EMBED_LABEL,\n  kind: \"object\",\n  icon: \"code\",\n  fields: [\n    { name: \"url\", title: \"Link\", type: \"url\", placeholder: \"Paste a YouTube, X, CodePen, Figma or map link\", validation: { required: true } },\n    { name: \"title\", title: \"Title\", type: \"string\", validation: { required: true, max: 120 }, description: \"Not shown. Read by screen readers.\" },\n  ],\n};\n\nfunction EmbedBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"embed\">) {\n  const label = EMBED_LABEL;\n  const uid = React.useId();\n  const card = React.useRef<HTMLDivElement | null>(null);\n  const form = React.useRef<HTMLDivElement | null>(null);\n  const open = useOpenArticle();\n  const editing = open?.id === uid;\n  const ro = !!ctx.readOnly;\n  const modelRef = React.useRef(m);\n  modelRef.current = m;\n\n  const openPopover = React.useCallback((k?: string | null) => {\n    if (!ro) setOpenArticle({ id: uid, focusKey: k ?? null, nonce: (openArticle?.nonce ?? 0) + 1 });\n  }, [uid, ro]);\n  const close = React.useCallback(() => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  const focusCard = React.useCallback(() => requestAnimationFrame(() => card.current?.focus({ preventScroll: true })), []);\n  React.useEffect(() => () => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  React.useEffect(() => {\n    // a fresh insert opens its form\n    if (autoFocus && !ro) openPopover();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n  // V2 onOpenAutoFocus: the field asked for (a click on the preview's title opens on Title), else the first\n  const nonce = editing ? open!.nonce : 0;\n  React.useEffect(() => {\n    if (!nonce) return;\n    const id = requestAnimationFrame(() => focusField(form.current, openArticle?.focusKey ?? null));\n    return () => cancelAnimationFrame(id);\n  }, [nonce]);\n\n  /** a form edit joins the body's one undo history (D54); typing coalesces per field */\n  const commit = (next: EmbedModel) => {\n    const prev = modelRef.current;\n    const field = ([\"url\", \"title\"] as const).find((k) => (next[k] ?? \"\") !== (prev[k] ?? \"\")) ?? \"\";\n    set(() => next, `Edit ${label.toLowerCase()} ${field}`);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.defaultPrevented || e.target !== card.current) return;\n    const mod = e.metaKey || e.ctrlKey;\n    const k = eventKey(e);\n    if (mod && k === \"z\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.shiftKey) ctx.redo?.();\n      else ctx.undo?.();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      openPopover();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (editing) close();\n      else ctx.exit(el);\n      return;\n    }\n    if (ro) return;\n    if (mod && k === \"d\" && ctx.duplicate) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.duplicate(el);\n    } else if (e.altKey && (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && ctx.move) {\n      e.preventDefault();\n      ctx.move(el, e.key === \"ArrowUp\" ? -1 : 1);\n      focusCard();\n    } else if (e.key === \"Backspace\" || e.key === \"Delete\") {\n      e.preventDefault();\n      ctx.remove(el);\n    }\n  };\n\n  const actions = ro ? null : (\n    <div\n      className={cn(\n        // sits on the block's top edge, so it never covers the block's own buttons\n        \"absolute -top-3.5 right-2 z-[2] flex items-center gap-0.5 rounded-kit-md border border-kit-line bg-kit-surface-raised p-0.5 opacity-0 shadow-kit-sm transition-opacity\",\n        \"group-hover/art:opacity-100 group-focus-within/art:opacity-100 pointer-coarse:opacity-100\",\n        editing && \"opacity-100\",\n      )}\n    >\n      <Tooltip content={`Edit ${label.toLowerCase()}`}>\n        <IconButton size=\"xs\" label={`Edit ${label.toLowerCase()}`} onClick={() => (editing ? close() : openPopover())}>\n          <IconSettings stroke={1.5} />\n        </IconButton>\n      </Tooltip>\n      <Tooltip content={`Remove ${label.toLowerCase()}`}>\n        <IconButton size=\"xs\" label={`Remove ${label.toLowerCase()}`} onClick={() => ctx.remove(el)} className=\"hover:text-kit-danger-fg\">\n          <IconTrash stroke={1.5} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <Popover\n      open={editing}\n      onOpenChange={(o, d) => {\n        if (o) return;\n        close();\n        // V2 onCloseAutoFocus: back on the block, unless the press that closed it went somewhere else\n        if (d?.reason !== \"outside-press\") focusCard();\n      }}\n    >\n      <div\n        ref={card}\n        role=\"group\"\n        tabIndex={0}\n        aria-label={`${label}${editing ? \", editing\" : \"\"}`}\n        aria-roledescription=\"block\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={editing}\n        data-rt-isolate=\"\"\n        data-article-block=\"embed\"\n        onKeyDown={onKeyDown}\n        onClick={(e) => {\n          if (ro || !e.currentTarget.contains(e.target as Node)) return;\n          const t = e.target as HTMLElement;\n          if (t.closest(\"button,a,[role=menuitem]\")) return;\n          openPopover(t.closest<HTMLElement>(\"[data-field]\")?.getAttribute(\"data-field\") ?? null);\n        }}\n        className={cn(\n          \"group/art relative rounded-kit-lg outline-none transition-shadow duration-150\",\n          !ro && \"cursor-pointer\",\n          \"focus-visible:shadow-[0_0_0_1px_var(--kit-line-strong)]\",\n          editing ? \"shadow-[0_0_0_2px_var(--kit-accent)] focus-visible:shadow-[0_0_0_2px_var(--kit-accent)]\" : !ro && \"hover:shadow-[0_0_0_1px_var(--kit-line)]\",\n        )}\n      >\n        <EmbedPreview m={m} onAdd={() => openPopover(\"url\")} ro={ro} />\n        {actions}\n        {/* the popover opens from the block's top-right corner, over the block, wherever the block sits */}\n        <PopoverAnchor render={<span aria-hidden className=\"pointer-events-none absolute right-2 top-2 size-px\" />} />\n      </div>\n      {editing ? (\n        <PopoverContent\n          align=\"end\"\n          side=\"bottom\"\n          className=\"w-[340px] p-0\"\n          initialFocus={false}\n          finalFocus={false}\n          onKeyDown={(e) => {\n            if ((e.metaKey || e.ctrlKey) && !e.altKey && eventKey(e) === \"z\" && !e.defaultPrevented) {\n              e.preventDefault();\n              if (e.shiftKey) ctx.redo?.();\n              else ctx.undo?.();\n            }\n          }}\n        >\n          <div className=\"flex h-10 items-center gap-2 border-b border-kit-line-subtle pl-4 pr-1.5\">\n            <span className=\"flex-1 truncate text-kit-sm font-medium text-kit-fg\">{label}</span>\n            <IconButton size=\"sm\" label=\"Close\" onClick={() => (close(), focusCard())}>\n              <IconX stroke={1.5} />\n            </IconButton>\n          </div>\n          <div ref={form} className=\"max-h-[min(480px,70vh)] overflow-y-auto pb-2\">\n            <div data-article-form=\"\" className=\"min-w-0\">\n              <SchemaForm\n                schema={EMBED_SCHEMA}\n                value={{ url: m.url ?? \"\", title: m.title ?? \"\" }}\n                onChange={(v) => commit({ ...modelRef.current, url: String(v.url ?? \"\"), title: String(v.title ?? \"\") })}\n                variant=\"panel\"\n                scroll={false}\n                readOnly={ro}\n                rootLabel={label}\n                env={{ docId: `article:${EMBED_SCHEMA.name}`, docTitle: label }}\n              />\n              <style>{`[data-article-form] [data-kit-form] section:first-of-type { border-top-width: 0; margin-top: 0; padding-top: 0; }`}</style>\n            </div>\n          </div>\n        </PopoverContent>\n      ) : null}\n    </Popover>\n  );\n}\n\n/** V2 article-blocks.tsx Empty: a block with nothing to show yet. */\nconst ArticleEmpty = ({ icon, title, action, onAction, ro }: { icon: React.ReactNode; title: string; action: string; onAction: () => void; ro: boolean }) => (\n  <div className=\"flex items-center gap-3 rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-4 py-3.5\">\n    <span className=\"flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2 [&_svg]:size-4\">{icon}</span>\n    <span className=\"min-w-0 flex-1 text-kit-sm font-medium text-kit-fg\">{title}</span>\n    {ro ? null : (\n      <Button size=\"sm\" onClick={onAction}>\n        {action}\n      </Button>\n    )}\n  </div>\n);\n\nconst PROVIDER_ICON: Record<string, React.ReactNode> = {\n  youtube: <IconBrandYoutube stroke={1.5} />, vimeo: <IconBrandVimeo stroke={1.5} />, x: <IconBrandX stroke={1.5} />, codepen: <IconBrandCodepen stroke={1.5} />,\n  figma: <IconBrandFigma stroke={1.5} />, maps: <IconMap stroke={1.5} />, spotify: <IconBrandSpotify stroke={1.5} />, podcast: <IconMicrophone stroke={1.5} />,\n  audio: <IconHeadphones stroke={1.5} />, link: <IconWorld stroke={1.5} />,\n};\n\n/** V2 EmbedPreview: a faithful placeholder (provider, title and shape), no third-party frame in the editor. Drawn 16:9. */\nfunction EmbedPreview({ m, onAdd, ro }: { m: EmbedModel; onAdd: () => void; ro: boolean }) {\n  if (!m.url) return <ArticleEmpty icon={<IconLink stroke={1.5} />} title=\"Embed\" action=\"Paste a link\" onAction={onAdd} ro={ro} />;\n  const info = detectEmbed(m.url);\n  const icon = PROVIDER_ICON[info.provider];\n  const title = m.title || <span className=\"text-kit-warning-fg\">Add a title</span>;\n  if (info.shape === \"frame\")\n    return (\n      <figure className=\"m-0\" data-field=\"url\">\n        <div\n          className=\"relative mx-auto flex w-full flex-col items-center justify-center gap-2 overflow-hidden rounded-kit-lg border border-kit-line bg-kit-subtle text-center\"\n          style={{ aspectRatio: \"16 / 9\" }}\n        >\n          <span className=\"flex size-11 items-center justify-center rounded-full bg-kit-inverse text-kit-fg-inverse [&_svg]:size-5\">\n            {info.provider === \"youtube\" || info.provider === \"vimeo\" ? <IconPlayerPlayFilled /> : icon}\n          </span>\n          <span data-field=\"title\" className=\"max-w-[80%] truncate text-kit-sm font-medium text-kit-fg\">{title}</span>\n          <span className=\"absolute left-3 top-2.5 flex items-center gap-1.5 text-kit-xs text-kit-fg-2 [&_svg]:size-3.5\">\n            {icon}\n            {info.label}\n          </span>\n        </div>\n      </figure>\n    );\n  if (info.shape === \"audio\")\n    return (\n      <figure className=\"m-0 flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-subtle px-3 py-2.5\" data-field=\"url\">\n        <span className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-kit-inverse text-kit-fg-inverse [&_svg]:size-4\">\n          <IconPlayerPlayFilled />\n        </span>\n        <span className=\"min-w-0 flex-1\">\n          <span data-field=\"title\" className=\"block truncate text-kit-sm font-medium text-kit-fg\">{title}</span>\n          <span className=\"flex items-center gap-1 text-kit-xs text-kit-fg-3 [&_svg]:size-3\">{icon}{info.label}</span>\n        </span>\n        <span aria-hidden className=\"hidden h-1 w-28 rounded-full bg-kit-line-strong sm:block\" />\n      </figure>\n    );\n  return (\n    <figure className=\"m-0 flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\" data-field=\"url\">\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2 [&_svg]:size-4\">{icon}</span>\n      <span className=\"min-w-0 flex-1\">\n        <span data-field=\"title\" className=\"block truncate text-kit-sm font-medium text-kit-fg\">{title}</span>\n        <span className=\"block truncate text-kit-xs text-kit-fg-3\">{info.shape === \"post\" ? `${info.label} · ${m.url.replace(/^https?:\\/\\/(www\\.)?/, \"\")}` : m.url.replace(/^https?:\\/\\/(www\\.)?/, \"\")}</span>\n      </span>\n    </figure>\n  );\n}\n\n/* ── Floating properties panel (D54 primitive; V2 ArticlePanel) ─────────────── */\nfunction ArticlePanel({\n  label, anchor, nonce, focusKey, onClose, focusBack, ctx, el, children,\n}: {\n  label: string;\n  anchor: HTMLElement | null;\n  nonce: number;\n  focusKey: string | null;\n  onClose: () => void;\n  focusBack: () => void;\n  ctx: IslandCtx;\n  el: IslandEl;\n  children: React.ReactNode;\n}) {\n  const panel = React.useRef<FloatingPanelHandle>(null);\n  const titleId = React.useId();\n  const container = anchor?.closest<HTMLElement>(\"[data-expanded-editor]\") ?? null;\n  React.useEffect(() => {\n    // the panel mounts (and, inside the expanded editor, docks) over a few frames; focus lands on the field asked for,\n    // and is put back while it is lost (never taken from somewhere the person went)\n    const timers: number[] = [];\n    let landed = false;\n    for (const ms of [40, 90, 160, 260, 420, 640]) {\n      timers.push(\n        window.setTimeout(() => {\n          const root = panel.current?.el() ?? null;\n          if (!root?.querySelector(\"[data-field-key]\")) return;\n          const a = document.activeElement as HTMLElement | null;\n          const lost = !a || a === document.body || a.hasAttribute(\"data-expanded-editor\") || a.hasAttribute(\"data-article-block\");\n          if (root.contains(a)) return void (landed = true);\n          if (!landed || lost) focusField(root, focusKey);\n          if (root.contains(document.activeElement)) landed = true;\n        }, ms),\n      );\n    }\n    return () => timers.forEach((t) => window.clearTimeout(t));\n  }, [nonce]); // eslint-disable-line react-hooks/exhaustive-deps\n  React.useEffect(() => panel.current?.announce(`${label} properties.`), [label]);\n  const header = (\n    <>\n      <span id={titleId} className=\"min-w-0 flex-1 truncate text-kit-sm font-medium text-kit-fg\">{label}</span>\n      <Menu>\n        <MenuTrigger\n          render={\n            <IconButton size=\"sm\" label={`${label} actions`}>\n              <IconDots stroke={1.5} />\n            </IconButton>\n          }\n        />\n        <MenuContent align=\"end\" className=\"w-52\">\n          {ctx.readOnly || !ctx.duplicate ? null : (\n            <>\n              <MenuItem icon={<IconCopy stroke={1.5} />} onClick={() => ctx.duplicate?.(el)}>Duplicate</MenuItem>\n              <MenuSeparator />\n            </>\n          )}\n          <MenuItem icon={<IconArrowsMove stroke={1.5} />} onClick={() => panel.current?.keyboard(\"move\")}>Move panel</MenuItem>\n          <MenuItem icon={<IconDimensions stroke={1.5} />} onClick={() => panel.current?.keyboard(\"resize\")}>Resize panel</MenuItem>\n          <MenuItem icon={<IconLayoutSidebar stroke={1.5} />} onClick={() => panel.current?.dock(\"left\")}>Dock left</MenuItem>\n          <MenuItem icon={<IconLayoutSidebarRight stroke={1.5} />} onClick={() => panel.current?.dock(\"right\")}>Dock right</MenuItem>\n          {ctx.readOnly ? null : (\n            <>\n              <MenuSeparator />\n              <MenuItem danger icon={<IconTrash stroke={1.5} />} onClick={() => ctx.remove(el)}>Remove</MenuItem>\n            </>\n          )}\n        </MenuContent>\n      </Menu>\n      <IconButton size=\"sm\" label=\"Close properties\" tooltip=\"Close\" onClick={() => (onClose(), focusBack())}>\n        <IconX stroke={1.5} />\n      </IconButton>\n    </>\n  );\n  return (\n    <FloatingPanel\n      ref={panel}\n      id=\"article-properties\"\n      labelledBy={titleId}\n      anchor={anchor}\n      container={container}\n      header={header}\n      onClose={onClose}\n      focusBack={focusBack}\n      onPanelKeyDown={(e) => {\n        if ((e.metaKey || e.ctrlKey) && !e.altKey && eventKey(e) === \"z\" && !e.defaultPrevented) {\n          e.preventDefault();\n          if (e.shiftKey) ctx.redo?.();\n          else ctx.undo?.();\n        }\n      }}\n      sheetFooter={\n        <Button size=\"sm\" variant=\"primary\" onClick={() => (onClose(), focusBack())}>\n          Done\n        </Button>\n      }\n    >\n      <div className=\"pb-3 pt-1\">{children}</div>\n    </FloatingPanel>\n  );\n}\n\n/* ── Preview (what the reader sees; V2 PullQuotePreview) ───────────── */\nfunction PullQuotePreview({ m }: { m: PullQuoteModel }) {\n  return (\n    <figure className=\"m-0 py-2 pl-5 pr-10\">\n      <IconQuote className=\"mb-1 size-6 text-kit-accent-fg\" stroke={1.5} aria-hidden />\n      <blockquote data-field=\"quote\" className={cn(\"m-0 text-[22px] font-medium leading-snug tracking-[-0.01em]\", m.quote ? \"text-kit-fg\" : \"text-kit-fg-4\")}>\n        {m.quote || \"Write the quote\"}\n      </blockquote>\n      {m.name || m.role ? (\n        <figcaption className=\"mt-3 text-kit-sm text-kit-fg-2\">\n          {m.name ? (\n            <span data-field=\"name\" className={cn(\"font-medium text-kit-fg\", m.link && \"underline decoration-kit-line-strong underline-offset-2\")}>\n              {m.name}\n            </span>\n          ) : null}\n          {m.name && m.role ? \", \" : null}\n          {m.role ? <span data-field=\"role\">{m.role}</span> : null}\n        </figcaption>\n      ) : (\n        <figcaption data-field=\"name\" className=\"mt-3 text-kit-sm text-kit-fg-4\">Who said it</figcaption>\n      )}\n    </figure>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"blocks.js","names":[],"sources":["../../../src/controls/rich-text/blocks.tsx"],"sourcesContent":["/**\n * RICH TEXT · rich blocks (\"islands\", V2 HEAD controls/rich-text/blocks.tsx). Each renders through a portal into a\n * contenteditable=false element inside the editor surface; its model lives on that element (`el.__rt`) so serialize()\n * can write it back as static HTML.\n *\n * The image block is V2's: the toolbar (Replace · Align · Size S/M/L/Full · Link · Alt text · Remove) and the caption\n * under it, each stored on production's image block (see dom.ts). The callout (tone · title · message), toggle, video,\n * file and embedded component blocks are V2's too, limited to what their stored blocks keep: a callout's message and a\n * toggle's body are plain text (production stores them as text), a component is a linked card (its fields are edited\n * on the component itself).\n *\n * The table block is V2's TableBlock: the kit's table editor on the island's table value. The pull quote is V2's article\n * block (article-blocks.tsx ArticleBlock + PullQuotePreview): drawn as the reader sees it, edited in the floating\n * properties panel (4 settings → panel, CPO D54) through the kit SchemaForm. Key takeaways are V2's article block too,\n * written in the text itself (article-blocks.tsx TakeawaysEditor, surface \"inline\"): a title line and a line per point.\n * The embed island draws embed.tsx's block (V2's article Embed: Link, Title, Shape), keeping the keys it lacks absent.\n */\nimport * as React from \"react\";\nimport {\n  IconAlertTriangle, IconAlt, IconArrowsHorizontal,\n  IconBulb, IconCheck, IconChevronDown, IconChevronRight, IconComponents, IconCopy, IconFileText, IconFileUpload,\n  IconInfoCircle, IconLayoutAlignCenter, IconLayoutAlignLeft, IconLayoutAlignRight, IconLibraryPhoto,\n  IconLink, IconPhoto, IconQuote, IconReplace, IconTrash, IconWorld,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useKitServices } from \"../../context\";\nimport { isCropRect } from \"../../adapters/values\";\nimport { Button, IconButton } from \"../../ui/button\";\nimport { Input, Textarea } from \"../../ui/input\";\nimport { Menu, MenuContent, MenuItem, MenuTrigger, Popover, PopoverContent, PopoverTrigger, Tooltip } from \"../../ui/overlay\";\nimport type { TypeSchema } from \"../../schema/types\";\nimport type { TableFieldOptions } from \"../../schema/table\";\nimport { TableEditor } from \"../table/table-editor\";\nimport { VideoPreview } from \"../media\";\nimport {\n  CALLOUT_TONES, placeCaret, type CalloutModel, type CalloutTone, type ComponentModel, type EmbedModel, type FileModel, type GalleryIslandModel, type TocIslandModel, type ColumnsIslandModel, type AuthorIslandModel, type RelatedIslandModel, type ImageAlign, type ImageModel, type ImageSize,\n  type IslandEl, type IslandKind, type IslandModels, type PullQuoteModel, type TableModel, type TakeawaysModel, type ToggleModel, type VideoModel,\n} from \"./dom\";\nimport { LinkForm } from \"./link-form\";\nimport { EmbedBlock } from \"./embed\";\nimport { GalleryBlock, type GalleryModel } from \"./gallery\";\nimport { TocBlock, type OutlineStore } from \"./toc\";\nimport { ColumnsBlock } from \"./columns\";\nimport { AuthorBlock } from \"./author\";\nimport { RelatedBlock, type RelatedModel } from \"./related\";\nimport type { RichTextRead } from \"./codec\";\nimport type { RichTextFeature } from \"./codec\";\nimport { ArticleActions, ArticleCard, ArticleForm, ArticlePanel, articleCardKeyDown, useArticleOpen } from \"./article-shell\";\nimport { ComponentCard } from \"./component-card\";\n\nexport interface IslandCtx {\n  readOnly?: boolean;\n  dense?: boolean;\n  emit: () => void;\n  remove: (el: IslandEl) => void;\n  /** Leave the block: caret to the start of the next line. */\n  exit: (el: IslandEl) => void;\n  /** CPO D54: an island write joins the body field's ONE undo history (`before` = the model it replaces) */\n  record?: (el: IslandEl, before: IslandModels[IslandKind], label: string, coalesce?: boolean) => void;\n  /** a refusal the author must see (an address the image cannot use) */\n  notify: (message: string, description?: string) => void;\n  duplicate?: (el: IslandEl) => void;\n  move?: (el: IslandEl, dir: -1 | 1) => void;\n  /** the body field's one history (D54): ⌘Z on a focused block or in its panel */\n  undo?: () => boolean;\n  /**\n   * One action as ONE undo step, in the host's history when it keeps one (the dock's toolbar Undo), else the body's\n   * own. `write` makes the change and answers the island it changed; `before` is that island's model before it. Answers\n   * the step's undo (an Undo toast): true, or the sentence saying why nothing was undone.\n   */\n  step?: (label: string, write: () => IslandEl | null, before?: IslandModels[IslandKind]) => () => true | string;\n  redo?: () => boolean;\n  /** Drag the block to a new position (the gutter grip's drag), for a grip drawn on the block itself */\n  drag?: (el: IslandEl, e: React.PointerEvent) => void;\n  /** what the field's stored shape keeps (the host codec's features): a setting it cannot store is not drawn */\n  allows?: (f: RichTextFeature) => boolean;\n  /** the body's live outline (its top-level H2/H3), which a table of contents lists */\n  outline?: OutlineStore;\n  /** where an author bio and related posts point (the field's config, from the host codec) */\n  references?: RichTextRead[\"references\"];\n}\n\n/* ── Island host ───────────────────────────────────────────────────── */\n/** `label` names the step in the editor's one undo history (\"Edit alt text\"). */\nexport type Setter<K extends IslandKind> = (patch: Partial<IslandModels[K]> | ((m: IslandModels[K]) => IslandModels[K]), label?: string, record?: boolean) => void;\nexport interface BlockProps<K extends IslandKind> {\n  m: IslandModels[K];\n  set: Setter<K>;\n  el: IslandEl;\n  ctx: IslandCtx;\n  autoFocus: boolean;\n}\n\nexport function Island({ el, ctx }: { el: IslandEl; ctx: IslandCtx }) {\n  const kind = el.getAttribute(\"data-rt-island\") as IslandKind;\n  const [model, setModel] = React.useState(() => el.__rt!);\n  const [autoFocus] = React.useState(() => !!el.__rtFocus);\n  React.useEffect(() => {\n    el.__rtFocus = false;\n  }, [el]);\n  const set = React.useCallback(\n    (patch: unknown, label = \"Edit block\", record = true) => {\n      const prev = el.__rt as IslandModels[IslandKind];\n      const next = typeof patch === \"function\" ? (patch as (m: object) => object)(prev) : { ...prev, ...(patch as object) };\n      // `record` false: the caller records the step itself (IslandCtx.step)\n      if (record) ctx.record?.(el, prev, label, typeof patch !== \"function\");\n      el.__rt = next as IslandModels[IslandKind];\n      setModel(next as IslandModels[IslandKind]);\n      ctx.emit();\n    },\n    [el, ctx],\n  );\n  React.useEffect(() => {\n    el.__rtSet = (m) => {\n      el.__rt = m;\n      setModel(m);\n      ctx.emit();\n    };\n    return () => {\n      if (el.__rtSet) delete el.__rtSet;\n    };\n  }, [el, ctx]);\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!e.currentTarget.contains(e.target as Node)) return;\n    if (e.key === \"Escape\" && (e.target as HTMLElement).isContentEditable) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.exit(el);\n    }\n  };\n  return (\n    <div className=\"relative select-text\" onKeyDown={onKeyDown} data-island-kind={kind}>\n      {kind === \"image\" ? <ImageBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ImageModel} set={set as Setter<\"image\">} />\n        : kind === \"table\" ? <TableBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as TableModel} set={set as Setter<\"table\">} />\n        : kind === \"pullquote\" ? <PullQuoteBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as PullQuoteModel} set={set as Setter<\"pullquote\">} />\n        : kind === \"takeaways\" ? <TakeawaysBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as TakeawaysModel} set={set as Setter<\"takeaways\">} />\n        : kind === \"callout\" ? <CalloutBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as CalloutModel} set={set as Setter<\"callout\">} />\n        : kind === \"toggle\" ? <ToggleBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ToggleModel} set={set as Setter<\"toggle\">} />\n        : kind === \"video\" ? <VideoBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as VideoModel} set={set as Setter<\"video\">} />\n        : kind === \"embed\" ? <EmbedIsland el={el} ctx={ctx} autoFocus={autoFocus} m={model as EmbedModel} set={set as Setter<\"embed\">} />\n        : kind === \"gallery\" ? <GalleryIsland el={el} ctx={ctx} autoFocus={autoFocus} m={model as GalleryIslandModel} set={set as Setter<\"gallery\">} />\n        : kind === \"toc\" ? <TocIsland el={el} ctx={ctx} autoFocus={autoFocus} m={model as TocIslandModel} set={set as Setter<\"toc\">} />\n        : kind === \"columns\" ? <ColumnsIsland el={el} ctx={ctx} autoFocus={autoFocus} m={model as ColumnsIslandModel} set={set as Setter<\"columns\">} />\n        : kind === \"author\" ? <AuthorIsland el={el} ctx={ctx} autoFocus={autoFocus} m={model as AuthorIslandModel} set={set as Setter<\"author\">} />\n        : kind === \"related\" ? <RelatedIsland el={el} ctx={ctx} autoFocus={autoFocus} m={model as RelatedIslandModel} set={set as Setter<\"related\">} />\n        : kind === \"file\" ? <FileBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as FileModel} set={set as Setter<\"file\">} />\n        : kind === \"component\" ? <ComponentBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ComponentModel} set={set as Setter<\"component\">} />\n        : null}\n    </div>\n  );\n}\n\n/** The island's stored embed (keys absent when the block lacks them) through embed.tsx's block (V2's model). */\nfunction EmbedIsland({ m, set, el, ctx, autoFocus }: BlockProps<\"embed\">) {\n  return (\n    <EmbedBlock\n      m={{ url: m.url ?? \"\", title: m.title ?? \"\", aspect: m.aspect ?? \"16:9\" }}\n      set={(fn, label) =>\n        set((prev) => {\n          const next = fn({ url: prev.url ?? \"\", title: prev.title ?? \"\", aspect: prev.aspect ?? \"16:9\" });\n          // a key the block never had stays absent until it is given one (an untouched block reads back as stored)\n          const out: EmbedModel = { ...prev };\n          if (next.url !== (prev.url ?? \"\")) out.url = next.url;\n          if (next.title !== (prev.title ?? \"\")) out.title = next.title;\n          if (next.aspect !== (prev.aspect ?? \"16:9\")) out.aspect = next.aspect;\n          return out;\n        }, label)\n      }\n      el={el}\n      ctx={ctx}\n      autoFocus={autoFocus}\n      shape={ctx.allows?.(\"embedAspect\") ?? false}\n    />\n  );\n}\n\n/** The island's stored gallery (src, alt, caption per image) through gallery.tsx's block (V2's model, an image value each). */\n/** RT9: a gallery image's framing, image-url's 0–1 focal point ⇄ the kit image value's percent */\nconst toGallery = (m: GalleryIslandModel): GalleryModel => ({\n  layout: m.layout ?? \"grid\",\n  images: m.images.map((x) => ({\n    _key: x._key,\n    image: x.src\n      ? { url: x.src, ...(x.alt !== undefined ? { alt: x.alt } : {}), ...(x.crop ? { crop: x.crop } : {}), ...(x.focal ? { focal: { x: x.focal.x * 100, y: x.focal.y * 100 } } : {}) }\n      : null,\n    caption: x.caption ?? \"\",\n  })),\n});\nconst cropOf = (c: unknown) => (isCropRect(c) ? { top: c.top, right: c.right, bottom: c.bottom, left: c.left } : undefined);\nconst focalOf = (f: unknown) => {\n  const p = f as { x?: unknown; y?: unknown } | undefined;\n  return typeof p?.x === \"number\" && typeof p?.y === \"number\" ? { x: Math.round(p.x) / 100, y: Math.round(p.y) / 100 } : undefined;\n};\nfunction GalleryIsland({ m, set, el, ctx, autoFocus }: BlockProps<\"gallery\">) {\n  return (\n    <GalleryBlock\n      m={toGallery(m)}\n      set={(fn, label) =>\n        set((prev) => {\n          const next = fn(toGallery(prev));\n          const out: GalleryIslandModel = {\n            ...prev,\n            images: next.images.map((x) => {\n              const crop = cropOf(x.image?.crop);\n              const focal = focalOf(x.image?.focal);\n              return { _key: x._key, src: x.image?.url ?? \"\", ...(x.image?.alt !== undefined ? { alt: x.image.alt } : {}), ...(x.caption ? { caption: x.caption } : {}), ...(crop ? { crop } : {}), ...(focal ? { focal } : {}) };\n            }),\n          };\n          if (next.layout !== (prev.layout ?? \"grid\")) out.layout = next.layout;\n          return out;\n        }, label)\n      }\n      el={el}\n      ctx={ctx}\n      autoFocus={autoFocus}\n    />\n  );\n}\n\n/** The island's stored table of contents (title, depth) through toc.tsx's block, which lists the editor's live outline. */\nfunction TocIsland({ m, set, el, ctx, autoFocus }: BlockProps<\"toc\">) {\n  return (\n    <TocBlock\n      m={{ title: m.title ?? \"\", depth: m.depth ?? \"3\" }}\n      set={(fn, label) =>\n        set((prev) => {\n          const next = fn({ title: prev.title ?? \"\", depth: prev.depth ?? \"3\" });\n          const out: TocIslandModel = { ...prev };\n          if (next.title !== (prev.title ?? \"\")) out.title = next.title;\n          if (next.depth !== (prev.depth ?? \"3\")) out.depth = next.depth;\n          return out;\n        }, label)\n      }\n      el={el}\n      ctx={ctx}\n      autoFocus={autoFocus}\n    />\n  );\n}\n\n/** The island's stored columns (gap, each column's HTML) through columns.tsx's block. */\nfunction ColumnsIsland({ m, set, el, ctx, autoFocus }: BlockProps<\"columns\">) {\n  return (\n    <ColumnsBlock\n      m={{ gap: m.gap ?? \"m\", cols: m.cols }}\n      set={(fn, label) =>\n        set((prev) => {\n          const next = fn({ gap: prev.gap ?? \"m\", cols: prev.cols });\n          const out: ColumnsIslandModel = { ...prev, cols: next.cols };\n          if (next.gap !== (prev.gap ?? \"m\")) out.gap = next.gap;\n          return out;\n        }, label)\n      }\n      el={el}\n      ctx={ctx}\n      autoFocus={autoFocus}\n    />\n  );\n}\n\n/** The island's stored author reference through author.tsx's block, picking from the field's authors collection. */\nfunction AuthorIsland({ m, set, el, ctx, autoFocus }: BlockProps<\"author\">) {\n  return (\n    <AuthorBlock\n      m={{ author: m.author ?? \"\" }}\n      set={(fn, label) =>\n        set((prev) => {\n          const next = fn({ author: prev.author ?? \"\" });\n          return next.author === (prev.author ?? \"\") ? prev : { ...prev, author: next.author };\n        }, label)\n      }\n      el={el}\n      ctx={ctx}\n      autoFocus={autoFocus}\n      collection={ctx.references?.authors ?? \"\"}\n    />\n  );\n}\n\n/** The island's stored related posts through related.tsx's block, over the field's posts collection. */\nconst toRelated = (m: RelatedIslandModel): RelatedModel => ({ title: m.title ?? \"\", mode: m.mode ?? \"topic\", count: m.count ?? 3, posts: m.posts });\nfunction RelatedIsland({ m, set, el, ctx, autoFocus }: BlockProps<\"related\">) {\n  return (\n    <RelatedBlock\n      m={toRelated(m)}\n      set={(fn, label) =>\n        set((prev) => {\n          const was = toRelated(prev);\n          const next = fn(was);\n          const out: RelatedIslandModel = { ...prev, posts: next.posts };\n          if (next.title !== was.title) out.title = next.title;\n          if (next.mode !== was.mode) out.mode = next.mode;\n          if (next.count !== was.count) out.count = next.count;\n          return out;\n        }, label)\n      }\n      el={el}\n      ctx={ctx}\n      autoFocus={autoFocus}\n      collection={ctx.references?.posts ?? \"\"}\n      excludeId={ctx.references?.entryId}\n      topic={ctx.references?.topic !== false}\n      noun={ctx.references?.postsNoun}\n    />\n  );\n}\n\nconst Sep = () => <span aria-hidden className=\"mx-0.5 h-4 w-px shrink-0 bg-kit-line\" />;\n/** An address an image can be shown from: http(s) or a site path. */\nconst imageUrlOk = (u: string) => /^(https?:)?\\/\\/[^\\s]+$/i.test(u) || /^\\/(?!\\/)\\S*$/.test(u);\n\n/* ── plain text inside a block (V2 Editable, `plain`): a caption, a title, a message ── */\nfunction PlainEditable({\n  value,\n  onChange,\n  label,\n  placeholder,\n  readOnly,\n  autoFocus,\n  multiline,\n  onEnter,\n  onBackspaceEmpty,\n  className,\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label: string;\n  placeholder?: string;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  /** Enter adds a line (else Enter calls `onEnter`) */\n  multiline?: boolean;\n  onEnter?: () => void;\n  /** Backspace in an empty line (V2 PlainLine: removes the line) */\n  onBackspaceEmpty?: () => void;\n  className?: string;\n}) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  React.useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || document.activeElement === el) return;\n    if (el.textContent !== value) el.textContent = value;\n  }, [value]);\n  React.useEffect(() => {\n    if (!autoFocus || !ref.current || readOnly) return;\n    ref.current.focus({ preventScroll: false });\n    placeCaret(ref.current);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div\n      ref={ref}\n      role=\"textbox\"\n      aria-label={label}\n      aria-multiline={multiline || undefined}\n      aria-readonly={readOnly || undefined}\n      tabIndex={readOnly ? -1 : 0}\n      contentEditable={readOnly ? false : \"plaintext-only\"}\n      suppressContentEditableWarning\n      spellCheck\n      data-placeholder={placeholder}\n      onInput={(e) => onChange((e.currentTarget.textContent ?? \"\").replace(/\\u200b/g, \"\"))}\n      onPaste={(e) => {\n        e.preventDefault();\n        const t = e.clipboardData.getData(\"text/plain\");\n        document.execCommand(\"insertText\", false, multiline ? t : t.replace(/\\s*\\n\\s*/g, \" \"));\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\" && onBackspaceEmpty && !(e.currentTarget.textContent ?? \"\").replace(/\\u200b/g, \"\")) {\n          e.preventDefault();\n          onBackspaceEmpty();\n          return;\n        }\n        if (e.key !== \"Enter\") return;\n        // in a multi-line field Enter adds a line; ⌘↵ leaves it\n        if (multiline && !(e.metaKey || e.ctrlKey)) return;\n        e.preventDefault();\n        onEnter?.();\n      }}\n      className={cn(\n        \"min-w-0 cursor-text whitespace-pre-wrap break-words outline-none focus-visible:shadow-none empty:before:pointer-events-none empty:before:text-kit-fg-4 empty:before:content-[attr(data-placeholder)]\",\n        className,\n      )}\n    />\n  );\n}\n\nconst RemoveBtn = ({ onClick, label = \"Remove block\" }: { onClick: () => void; label?: string }) => (\n  <IconButton size=\"xs\" label={label} onClick={onClick} className=\"hover:text-kit-danger-fg\">\n    <IconTrash stroke={1.5} />\n  </IconButton>\n);\n\n/* ── Image ─────────────────────────────────────────────────────────── */\n/** Production's image layout (lib/richtext/imageLayout.ts): a size sets the column share; with none, the alignment does. */\nconst SIZES: { v: ImageSize; label: string; w: string }[] = [\n  { v: \"s\", label: \"S\", w: \"33%\" },\n  { v: \"m\", label: \"M\", w: \"50%\" },\n  { v: \"l\", label: \"L\", w: \"75%\" },\n  { v: \"full\", label: \"Full\", w: \"100%\" },\n];\nconst ALIGN_WIDTH: Record<ImageAlign, string> = { full: \"100%\", center: \"78%\", left: \"62%\", right: \"62%\" };\nconst ALIGNS: { v: ImageAlign; label: string; icon: React.ReactNode }[] = [\n  { v: \"full\", label: \"Full width\", icon: <IconArrowsHorizontal stroke={1.5} /> },\n  { v: \"center\", label: \"Center\", icon: <IconLayoutAlignCenter stroke={1.5} /> },\n  { v: \"left\", label: \"Left\", icon: <IconLayoutAlignLeft stroke={1.5} /> },\n  { v: \"right\", label: \"Right\", icon: <IconLayoutAlignRight stroke={1.5} /> },\n];\n\nfunction ImageBlock({ m, set, el, ctx }: BlockProps<\"image\">) {\n  const { MediaPicker } = useKitServices();\n  const [picker, setPicker] = React.useState(false);\n  const [urlMode, setUrlMode] = React.useState(false);\n  const [url, setUrl] = React.useState(\"\");\n  const [busy, setBusy] = React.useState(false);\n  const [linkOpen, setLinkOpen] = React.useState(false);\n  const ro = ctx.readOnly;\n  const pickerEl = MediaPicker ? (\n    <MediaPicker\n      open={picker}\n      onOpenChange={setPicker}\n      accept={[\"image\", \"svg\"]}\n      onPick={(a) => a[0] && set({ src: a[0].url, alt: a[0].alt || m.alt || \"\" }, \"Replace image\")}\n    />\n  ) : null;\n\n  if (!m.src)\n    return (\n      <div className=\"group/blk rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-4 py-4\">\n        <div className=\"flex items-start gap-3\">\n          <span className=\"flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2\">\n            <IconPhoto className=\"size-4\" stroke={1.5} aria-hidden />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-kit-sm font-medium text-kit-fg\">Add an image</div>\n            <p className=\"text-kit-xs text-kit-fg-3\">{MediaPicker ? \"Pick one from the media library or paste a link.\" : \"Paste a link to the image.\"}</p>\n          </div>\n          {ro ? null : <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove image\" />}\n        </div>\n        {ro ? null : urlMode || !MediaPicker ? (\n          <form\n            className=\"mt-3 flex items-center gap-2\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              const u = url.trim();\n              if (!imageUrlOk(u)) return ctx.notify(\"Paste a full image link that starts with https://\", \"Or a path on this site, like /images/hero.jpg.\");\n              set({ src: u, alt: m.alt ?? \"\" }, \"Add image\");\n              ctx.exit(el);\n            }}\n          >\n            <Input autoFocus size=\"sm\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://…\" aria-label=\"Image URL\" leading={<IconLink stroke={1.5} />} className=\"flex-1\" />\n            <Button size=\"sm\" variant=\"primary\" type=\"submit\" disabled={!url.trim()}>\n              Add\n            </Button>\n            {MediaPicker ? (\n              <Button size=\"sm\" variant=\"ghost\" onClick={() => setUrlMode(false)}>\n                Cancel\n              </Button>\n            ) : null}\n          </form>\n        ) : (\n          <div className=\"mt-3 flex flex-wrap gap-2\">\n            <Button size=\"sm\" leftIcon={<IconLibraryPhoto stroke={1.5} />} onClick={() => setPicker(true)}>\n              Media library\n            </Button>\n            <Button size=\"sm\" variant=\"ghost\" leftIcon={<IconLink stroke={1.5} />} onClick={() => setUrlMode(true)}>\n              Paste URL\n            </Button>\n          </div>\n        )}\n        {pickerEl}\n      </div>\n    );\n\n  const align: ImageAlign = m.align ?? \"full\";\n  const size = m.size;\n  const width = size ? (SIZES.find((x) => x.v === size)?.w ?? \"100%\") : ALIGN_WIDTH[align];\n  const justify = align === \"left\" ? \"justify-start\" : align === \"right\" ? \"justify-end\" : \"justify-center\";\n  const alignItem = ALIGNS.find((a) => a.v === align)!;\n  const toolBtn =\n    \"flex h-7 shrink-0 items-center gap-1 rounded-kit-md px-1.5 text-kit-xs text-kit-fg-2 hover:bg-kit-hover hover:text-kit-fg data-[popup-open]:bg-kit-hover data-[popup-open]:text-kit-fg [&_svg]:size-3.5\";\n  return (\n    <figure className=\"group/blk relative m-0\">\n      {ro ? null : (\n        <div\n          role=\"toolbar\"\n          aria-label=\"Image tools\"\n          className={cn(\n            \"glass-strong absolute left-1/2 top-2 z-[3] flex h-8 -translate-x-1/2 items-center gap-0.5 rounded-kit-lg border border-kit-line px-1 opacity-0 transition-opacity duration-150\",\n            \"group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\",\n            busy && \"opacity-100\",\n          )}\n        >\n          {MediaPicker ? (\n            <>\n              <Tooltip content=\"Replace image\">\n                <button type=\"button\" aria-label=\"Replace image\" className={toolBtn} onClick={() => setPicker(true)}>\n                  <IconReplace stroke={1.5} aria-hidden />\n                  {ctx.dense ? null : \"Replace\"}\n                </button>\n              </Tooltip>\n              <Sep />\n            </>\n          ) : null}\n          <Menu onOpenChange={setBusy}>\n            <MenuTrigger\n              render={\n                <button type=\"button\" aria-label={`Align: ${alignItem.label}`} className={toolBtn}>\n                  {alignItem.icon}\n                  <IconChevronDown className=\"!size-3 text-kit-fg-3\" stroke={1.5} aria-hidden />\n                </button>\n              }\n            />\n            <MenuContent className=\"w-40\">\n              {ALIGNS.map((a) => (\n                <MenuItem\n                  key={a.v}\n                  icon={a.icon}\n                  onClick={() => set({ align: a.v, ...(a.v === \"full\" ? { size: \"full\" as const } : size === \"full\" || !size ? { size: \"l\" as const } : {}) }, \"Align image\")}\n                >\n                  <span className=\"flex w-full items-center justify-between\">\n                    {a.label}\n                    {align === a.v ? <IconCheck className=\"size-3.5 text-kit-fg-2\" stroke={2} aria-hidden /> : null}\n                  </span>\n                </MenuItem>\n              ))}\n            </MenuContent>\n          </Menu>\n          <div role=\"group\" aria-label=\"Size\" className=\"flex items-center\">\n            {SIZES.map((x) => {\n              const on = (size ?? (align === \"full\" ? \"full\" : null)) === x.v;\n              return (\n                <button\n                  key={x.v}\n                  type=\"button\"\n                  aria-pressed={on}\n                  aria-label={`Size ${x.label}`}\n                  onClick={() => set({ size: x.v, ...(x.v === \"full\" ? { align: \"full\" as const } : align === \"full\" ? { align: \"center\" as const } : {}) }, \"Resize image\")}\n                  className={cn(\"h-7 min-w-6 rounded-kit-md px-1 text-kit-xs text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg\", on && \"bg-kit-selected font-medium text-kit-fg\")}\n                >\n                  {x.label}\n                </button>\n              );\n            })}\n          </div>\n          <Sep />\n          <Popover\n            open={linkOpen}\n            onOpenChange={(o) => {\n              setLinkOpen(o);\n              setBusy(o);\n            }}\n          >\n            <Tooltip content={m.href ? `Links to ${m.href}` : \"Link the image\"}>\n              <PopoverTrigger aria-label=\"Link the image\" className={cn(toolBtn, m.href && \"text-kit-accent-fg\")}>\n                <IconLink stroke={1.5} aria-hidden />\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent className=\"w-[340px] rounded-kit-lg p-3\" finalFocus={false}>\n              <p className=\"mb-2 text-kit-xs font-medium text-kit-fg-2\">Link the image to</p>\n              <LinkForm\n                initial={{ href: m.href ?? \"\" }}\n                allowNewTab={false}\n                onSave={(v) => {\n                  set({ href: v.href }, \"Link image\");\n                  setLinkOpen(false);\n                  setBusy(false);\n                }}\n                onCancel={() => {\n                  setLinkOpen(false);\n                  setBusy(false);\n                }}\n                onDetach={\n                  m.href\n                    ? () => {\n                        set((x) => {\n                          const { href: _gone, ...rest } = x;\n                          void _gone;\n                          return rest;\n                        }, \"Unlink image\");\n                        setLinkOpen(false);\n                        setBusy(false);\n                      }\n                    : undefined\n                }\n              />\n            </PopoverContent>\n          </Popover>\n          <AltPopover alt={m.alt ?? \"\"} onSave={(alt) => set({ alt }, \"Edit alt text\")} onOpen={setBusy} btnClass={toolBtn} />\n          <Sep />\n          <Tooltip content=\"Remove image\">\n            <button type=\"button\" aria-label=\"Remove image\" className={cn(toolBtn, \"hover:text-kit-danger-fg\")} onClick={() => ctx.remove(el)}>\n              <IconTrash stroke={1.5} aria-hidden />\n            </button>\n          </Tooltip>\n        </div>\n      )}\n      <div className={cn(\"flex\", justify)}>\n        <img src={m.src} alt={m.alt ?? \"\"} style={{ width }} className=\"block h-auto max-w-full rounded-kit-lg border border-kit-line\" draggable={false} />\n      </div>\n      {ro && !m.caption ? null : (\n        <PlainEditable\n          value={m.caption ?? \"\"}\n          label=\"Image caption\"\n          readOnly={ro}\n          placeholder={ro ? \"\" : \"Add a caption…\"}\n          onChange={(caption) => set({ caption }, \"Edit caption\")}\n          onEnter={() => ctx.exit(el)}\n          className=\"mt-1.5 text-center text-kit-sm text-kit-fg-3 empty:before:text-kit-fg-4\"\n        />\n      )}\n      {pickerEl}\n    </figure>\n  );\n}\n\nfunction AltPopover({ alt, onSave, onOpen, btnClass }: { alt: string; onSave: (a: string) => void; onOpen: (o: boolean) => void; btnClass: string }) {\n  const [open, setOpen] = React.useState(false);\n  const [v, setV] = React.useState(alt);\n  const id = React.useId();\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(o) => {\n        setOpen(o);\n        onOpen(o);\n        if (o) setV(alt);\n      }}\n    >\n      <Tooltip content={alt ? \"Alt text\" : \"Add alt text\"}>\n        <PopoverTrigger aria-label=\"Alt text\" className={cn(btnClass, !alt && \"text-kit-warning-fg\")}>\n          <IconAlt stroke={1.5} aria-hidden />\n        </PopoverTrigger>\n      </Tooltip>\n      <PopoverContent className=\"w-72\" finalFocus={false}>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            onSave(v.trim());\n            setOpen(false);\n            onOpen(false);\n          }}\n          className=\"flex flex-col gap-2\"\n        >\n          <label className=\"text-kit-xs font-medium text-kit-fg-2\" htmlFor={id}>\n            Alt text\n          </label>\n          <Textarea id={id} autoFocus value={v} onChange={(e) => setV(e.target.value)} placeholder=\"Describe the image\" rows={2} />\n          <p className=\"text-kit-2xs text-kit-fg-3\">Read aloud by screen readers and used by search engines.</p>\n          <div className=\"flex justify-end\">\n            <Button size=\"xs\" variant=\"primary\" type=\"submit\">\n              Done\n            </Button>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n/* ── Callout (V2 CalloutBlock): tone · title · message ─────────────── */\nconst TONES: Record<CalloutTone, { label: string; icon: React.ReactNode; box: string; chip: string }> = {\n  info: { label: \"Info\", icon: <IconInfoCircle stroke={1.5} />, box: \"border-kit-info-line bg-kit-info-soft\", chip: \"text-kit-info-fg\" },\n  tip: { label: \"Tip\", icon: <IconBulb stroke={1.5} />, box: \"border-kit-success-line bg-kit-success-soft\", chip: \"text-kit-success-fg\" },\n  warning: { label: \"Warning\", icon: <IconAlertTriangle stroke={1.5} />, box: \"border-kit-warning-line bg-kit-warning-soft\", chip: \"text-kit-warning-fg\" },\n};\nfunction CalloutBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"callout\">) {\n  // a stored tone the editor does not offer is kept as it is, and drawn as Info\n  const tone: CalloutTone = (CALLOUT_TONES as readonly string[]).includes(m.tone ?? \"\") ? (m.tone as CalloutTone) : \"info\";\n  const t = TONES[tone];\n  const body = React.useRef<HTMLDivElement>(null);\n  const ro = ctx.readOnly;\n  return (\n    <div className={cn(\"group/blk relative rounded-kit-lg border px-3.5 py-3\", t.box)} data-rt-isolate=\"\">\n      <div className=\"flex items-center gap-1\">\n        <Menu>\n          <MenuTrigger\n            disabled={ro}\n            render={\n              <button\n                type=\"button\"\n                aria-label={`Callout tone: ${t.label}`}\n                className={cn(\"-ml-1 flex h-6 items-center gap-1 rounded-kit-md px-1.5 text-kit-xs font-medium hover:bg-kit-hover data-[popup-open]:bg-kit-hover [&_svg]:size-3.5\", t.chip)}\n              >\n                {t.icon}\n                {t.label}\n                {ro ? null : <IconChevronDown className=\"!size-3 opacity-70\" stroke={1.5} aria-hidden />}\n              </button>\n            }\n          />\n          <MenuContent className=\"w-36\">\n            {CALLOUT_TONES.map((k) => (\n              <MenuItem key={k} icon={TONES[k].icon} onClick={() => set({ tone: k }, \"Change callout tone\")}>\n                <span className=\"flex w-full items-center justify-between\">\n                  {TONES[k].label}\n                  {tone === k ? <IconCheck className=\"size-3.5 text-kit-fg-2\" stroke={2} aria-hidden /> : null}\n                </span>\n              </MenuItem>\n            ))}\n          </MenuContent>\n        </Menu>\n        <span className=\"flex-1\" />\n        {ro ? null : (\n          <div className=\"opacity-0 transition-opacity group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove callout\" />\n          </div>\n        )}\n      </div>\n      <PlainEditable\n        value={m.title ?? \"\"}\n        label=\"Callout title\"\n        readOnly={ro}\n        autoFocus={autoFocus}\n        placeholder=\"Title\"\n        onChange={(title) => set({ title }, \"Edit callout title\")}\n        onEnter={() => {\n          const b = body.current?.querySelector<HTMLElement>(\"[role=textbox]\");\n          b?.focus();\n          if (b) placeCaret(b, false);\n        }}\n        className=\"mt-1 font-medium text-kit-fg\"\n      />\n      <div ref={body}>\n        <PlainEditable\n          multiline\n          value={m.body ?? \"\"}\n          label=\"Callout message\"\n          readOnly={ro}\n          placeholder=\"Write a message…\"\n          onChange={(b) => set({ body: b }, \"Edit callout message\")}\n          className=\"mt-0.5 text-kit-fg-2 [&_p+p]:mt-2\"\n        />\n      </div>\n    </div>\n  );\n}\n\n/* ── Toggle (V2 ToggleBlock): title · body. A saved toggle shows closed, like V2; a just-inserted one shows open. Open or closed is the editor's view only. ── */\nfunction ToggleBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"toggle\">) {\n  const [open, setOpen] = React.useState(!!autoFocus);\n  const body = React.useRef<HTMLDivElement>(null);\n  const bodyId = React.useId();\n  const ro = ctx.readOnly;\n  return (\n    <div className=\"group/blk relative rounded-kit-md\" data-rt-isolate=\"\">\n      <div className=\"flex items-start gap-1\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-controls={bodyId}\n          aria-label={open ? \"Collapse toggle\" : \"Expand toggle\"}\n          onClick={() => setOpen((o) => !o)}\n          className=\"mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-kit-md text-kit-fg-2 hover:bg-kit-hover hover:text-kit-fg\"\n        >\n          <IconChevronRight className={cn(\"size-4 transition-transform duration-150\", open && \"rotate-90\")} stroke={1.5} aria-hidden />\n        </button>\n        <PlainEditable\n          value={m.title ?? \"\"}\n          label=\"Toggle title\"\n          readOnly={ro}\n          autoFocus={autoFocus}\n          placeholder=\"Toggle title\"\n          onChange={(title) => set({ title }, \"Edit toggle title\")}\n          onEnter={() => {\n            setOpen(true);\n            requestAnimationFrame(() => {\n              const b = body.current?.querySelector<HTMLElement>(\"[role=textbox]\");\n              b?.focus();\n              if (b) placeCaret(b, false);\n            });\n          }}\n          className=\"flex-1 py-0.5 font-medium text-kit-fg\"\n        />\n        {ro ? null : (\n          <div className=\"opacity-0 transition-opacity group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove toggle\" />\n          </div>\n        )}\n      </div>\n      <div ref={body} id={bodyId} hidden={!open} className=\"ml-3 mt-1 border-l border-kit-line pl-4\">\n        <PlainEditable\n          multiline\n          value={m.body ?? \"\"}\n          label=\"Toggle body\"\n          readOnly={ro}\n          placeholder=\"Hidden content. Click to write…\"\n          onChange={(b) => set({ body: b }, \"Edit toggle body\")}\n          className=\"py-0.5 text-kit-fg-2 [&_p+p]:mt-2\"\n        />\n      </div>\n    </div>\n  );\n}\n\n/* ── Video (V2 VideoBlock): a link to a video file or a provider's page ─── */\nconst videoUrlOk = (u: string) => /^https?:\\/\\/\\S+$/i.test(u) || /^\\/(?!\\/)\\S*$/.test(u);\nfunction VideoBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"video\">) {\n  const [draft, setDraft] = React.useState(m.url ?? \"\");\n  React.useEffect(() => setDraft(m.url ?? \"\"), [m.url]);\n  const [error, setError] = React.useState<string | null>(null);\n  const errId = React.useId();\n  const commit = () => {\n    const u = draft.trim();\n    if (u === (m.url ?? \"\")) return setError(null);\n    if (u && !videoUrlOk(u)) return setError(\"Paste a full link that starts with https://, or a path on this site.\");\n    setError(null);\n    set({ url: u }, \"Set video link\");\n  };\n  const ro = ctx.readOnly;\n  return (\n    <div className=\"group/blk rounded-kit-lg border border-kit-line bg-kit-subtle p-2.5\" data-rt-isolate=\"\">\n      {ro ? null : (\n        <div className=\"mb-2 flex items-center gap-1.5\">\n          <Input\n            size=\"sm\"\n            autoFocus={autoFocus}\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onBlur={commit}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n                commit();\n              }\n            }}\n            placeholder=\"Paste a YouTube, Vimeo or video file link\"\n            aria-label=\"Video URL\"\n            aria-invalid={!!error || undefined}\n            aria-describedby={error ? errId : undefined}\n            spellCheck={false}\n            autoComplete=\"off\"\n            leading={<IconWorld stroke={1.5} />}\n            className=\"min-w-0 flex-1\"\n          />\n          <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove video\" />\n        </div>\n      )}\n      {error ? (\n        <p id={errId} role=\"alert\" className=\"mb-2 px-1 text-kit-xs text-kit-danger-fg\">\n          {error}\n        </p>\n      ) : null}\n      {/* D5: V2's click-to-play facade (VideoPreview: poster, provider badge, Play), no third-party frame until Play */}\n      {m.url ? <VideoPreview url={m.url} title=\"Video\" /> : <p className=\"px-1 pb-0.5 text-kit-xs text-kit-fg-3\">No video yet.</p>}\n    </div>\n  );\n}\n\n/* ── File (V2 FileBlock): a downloadable document ─────────────────── */\nconst formatBytes = (n: number) => (n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(0)} KB` : `${(n / 1024 / 1024).toFixed(1)} MB`);\nfunction FileBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"file\">) {\n  const { MediaPicker } = useKitServices();\n  const [picker, setPicker] = React.useState(false);\n  const [url, setUrl] = React.useState(\"\");\n  const [name, setName] = React.useState(\"\");\n  const ro = ctx.readOnly;\n  const has = !!(m.url && m.name);\n  const pickerEl = MediaPicker ? (\n    <MediaPicker open={picker} onOpenChange={setPicker} accept={[\"file\"]} onPick={(a) => a[0] && set({ url: a[0].url, name: a[0].name ?? a[0].url.split(\"/\").pop() ?? \"Download\", ...(a[0].size ? { size: a[0].size } : {}) }, \"Choose file\")} />\n  ) : null;\n  if (has)\n    return (\n      <div className=\"group/blk\" data-rt-isolate=\"\">\n        <div className=\"flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\">\n          <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n            <IconFileText className=\"size-[18px]\" stroke={1.5} aria-hidden />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate text-kit-sm font-medium text-kit-fg\">{m.name}</div>\n            <div className=\"truncate text-kit-xs text-kit-fg-3\">\n              {m.size ? `${formatBytes(m.size)} · ` : \"\"}\n              {(m.name!.includes(\".\") ? m.name!.split(\".\").pop()! : \"file\").toUpperCase()}\n            </div>\n          </div>\n          {ro ? null : (\n            <>\n              {MediaPicker ? (\n                <Button size=\"xs\" variant=\"ghost\" onClick={() => setPicker(true)}>\n                  Replace\n                </Button>\n              ) : null}\n              <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove file\" />\n            </>\n          )}\n        </div>\n        {pickerEl}\n      </div>\n    );\n  return (\n    <div className=\"group/blk\" data-rt-isolate=\"\">\n      <div className=\"flex items-center gap-3 rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-3 py-2.5\">\n        <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-3\">\n          <IconFileText className=\"size-[18px]\" stroke={1.5} aria-hidden />\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-kit-sm font-medium text-kit-fg\">File</div>\n          <p className=\"text-kit-xs text-kit-fg-3\">No file yet.</p>\n        </div>\n        {ro ? null : (\n          <>\n            {MediaPicker ? (\n              <Button size=\"sm\" leftIcon={<IconFileUpload stroke={1.5} />} onClick={() => setPicker(true)}>\n                Choose file\n              </Button>\n            ) : null}\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove file\" />\n          </>\n        )}\n      </div>\n      {ro ? null : (\n        <form\n          className=\"mt-2.5 flex flex-wrap items-center gap-2\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            const u = url.trim();\n            if (!/^https?:\\/\\/\\S+$/i.test(u) && !/^\\/(?!\\/)\\S*$/.test(u)) return ctx.notify(\"Paste a full file link that starts with https://\", \"Or a path on this site, like /files/spec.pdf.\");\n            set({ url: u, name: name.trim() || u.split(\"/\").pop() || \"Download\" }, \"Add file\");\n            ctx.exit(el);\n          }}\n        >\n          <Input autoFocus={autoFocus && !MediaPicker} size=\"sm\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://…/guide.pdf\" aria-label=\"File URL\" spellCheck={false} autoComplete=\"off\" leading={<IconLink stroke={1.5} />} className=\"min-w-40 flex-1\" />\n          <Input size=\"sm\" value={name} onChange={(e) => setName(e.target.value)} placeholder=\"Link text\" aria-label=\"File name shown to readers\" className=\"min-w-28 flex-1\" />\n          <Button size=\"sm\" variant=\"primary\" type=\"submit\" disabled={!url.trim()}>\n            Add\n          </Button>\n        </form>\n      )}\n      {pickerEl}\n    </div>\n  );\n}\n\n/* ── Embedded component (CPO D28): a linked instance, shown as its card ─────────── */\nfunction ComponentBlock({ m, el, ctx, set }: BlockProps<\"component\">) {\n  const { useComponentInfo } = useKitServices();\n  const overrides = React.useMemo<Record<string, unknown>>(() => {\n    try {\n      const v = m.overrides ? (JSON.parse(m.overrides) as unknown) : {};\n      return v && typeof v === \"object\" && !Array.isArray(v) ? (v as Record<string, unknown>) : {};\n    } catch {\n      return {};\n    }\n  }, [m.overrides]);\n  // the host's component library answers → V2's instance card; none → the compact linked row (no state made up)\n  if (useComponentInfo) return <ComponentCard m={m} el={el} ctx={ctx} use={useComponentInfo} overrides={overrides} set={set} />;\n  const count = Object.keys(overrides).length;\n  const name = m.name || \"Block\";\n  return (\n    <div\n      role=\"group\"\n      aria-label={`${name}, ${m.detached ? \"separate copy\" : \"linked block\"}`}\n      className=\"group/blk flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\"\n      data-rt-isolate=\"\"\n    >\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n        <IconComponents className=\"size-[18px]\" stroke={1.5} aria-hidden />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-kit-sm font-medium text-kit-fg\">{name}</div>\n        <div className=\"truncate text-kit-xs text-kit-fg-3\">\n          {m.detached ? (\n            \"Separate copy · edits to the block don't reach it\"\n          ) : (\n            <>\n              {m.ref ? \"Linked block\" : \"Block with no source\"}\n              {count ? ` · ${count} ${count === 1 ? \"override\" : \"overrides\"}` : \"\"} · edits to the component show here too\n            </>\n          )}\n        </div>\n      </div>\n      {ctx.readOnly ? null : (\n        <div className=\"flex items-center gap-0.5 opacity-0 transition-opacity motion-reduce:transition-none group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n          {ctx.duplicate ? (\n            <IconButton size=\"xs\" label={`Duplicate ${name}`} onClick={() => ctx.duplicate?.(el)}>\n              <IconCopy stroke={1.5} />\n            </IconButton>\n          ) : null}\n          <RemoveBtn onClick={() => ctx.remove(el)} label={`Remove ${name}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Table (V2 TableBlock, CPO D42: the table value, edited with the shared table editor) ─────────── */\n/**\n * What production's rich-text table keeps: typed columns (V2's Text, Number, Price, Yes / No, Link and Rating with their unit,\n * currency, decimals, alignment, yes / no words, scale and description; a row's and a cell's type and a cell's value: a\n * first-row cell's `column`, a row's / cell's `type`, a cell's `value`), the header row and row headers, an optional caption,\n * the note under the table, row groups, the totals row and the row and column highlights (`caption`, `notes`,\n * `rowGroups`, a row's `footer` / `highlight`, a first-row cell's `highlight` / `sortable`, the table's `filterable`).\n * the table's `jsonLd` and `design` (On phones, Keep column names in view)). Footnotes are stored as the table's `footnotes` and a cell's `note` (V2's default, allowFootnotes on). No setting is\n * pinned: V2's island passes no options, so its editor offers GENERAL_TABLE (sort, search and the JSON-LD choice on,\n * everything else at its default), and so does this.\n */\nconst STORED_TABLE: TableFieldOptions = {\n  // No `columnTypes`: V2's island passes no options and no `developer` (blocks.tsx:411-421), so its editor offers every type\n  // TYPE_UI does not mark `dev` (table-editor.tsx:80-86: Text, Number, Price, Yes / No, Link, Rating), and so does this.\n  // V2's default, as V2's island draws it: its editor never reads requireCaption (table-editor.tsx:1030-1033, no hint beside\n  // Title) and its island runs no table validation (validate.ts:112 is the table FIELD's). Ours draws a \"Required\" hint for\n  // the table field lane, whose backend refuses a captionless table (table_caption_required); a rich-text table is never\n  // refused for it, so the island shows no hint, exactly as V2's.\n  requireCaption: false,\n  allowGroups: true,\n  allowNote: true,\n  settings: { sort: true, search: true },\n  // \"Help search engines read this as\": V2's GENERAL_TABLE offers all three (schema/table.ts:170)\n  jsonLd: [\"ItemList\", \"Dataset\", \"Offers\"],\n};\nfunction TableBlock({ m, set, el, ctx }: BlockProps<\"table\">) {\n  return (\n    <div className=\"group/blk\" data-rt-isolate=\"\">\n      <TableEditor\n        value={m}\n        onChange={(next) => set(() => next, \"Edit table\")}\n        readOnly={ctx.readOnly}\n        options={STORED_TABLE}\n        label=\"Table\"\n        actions={ctx.readOnly ? null : <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove table\" />}\n      />\n    </div>\n  );\n}\n\n/* ── Pull quote (V2 article-blocks.tsx ArticleBlock, surface \"panel\") ─────────── */\nconst PULL_QUOTE_LABEL = \"Pull quote\";\n/** V2 article.ts ARTICLE_SCHEMAS.pullquote: the properties panel is built from it. */\nconst PULL_QUOTE_SCHEMA: TypeSchema = {\n  name: \"pullQuote\",\n  title: PULL_QUOTE_LABEL,\n  kind: \"object\",\n  icon: \"quote\",\n  fields: [\n    { name: \"quote\", title: \"Quote\", type: \"text\", rows: 3, validation: { required: true, recommendedMax: 200 } },\n    { name: \"name\", title: \"Name\", type: \"string\", validation: { max: 60 } },\n    { name: \"role\", title: \"Role or source\", type: \"string\", validation: { max: 80 } },\n    { name: \"link\", title: \"Source link\", type: \"url\", description: \"The name links here.\" },\n  ],\n};\n\nfunction PullQuoteBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"pullquote\">) {\n  const label = PULL_QUOTE_LABEL;\n  const card = React.useRef<HTMLDivElement | null>(null);\n  const [cardEl, setCardEl] = React.useState<HTMLDivElement | null>(null);\n  const ro = !!ctx.readOnly;\n  const { open, editing, openPanel, close } = useArticleOpen({ ro, autoFocus });\n  // a stable ref: a new callback each render would pass null for a moment and remount the panel\n  const cardRef = React.useCallback((n: HTMLDivElement | null) => {\n    card.current = n;\n    if (n) setCardEl(n);\n  }, []);\n  const modelRef = React.useRef(m);\n  modelRef.current = m;\n  const focusCard = React.useCallback(() => requestAnimationFrame(() => card.current?.focus({ preventScroll: true })), []);\n\n  /** a form edit joins the body's one undo history (D54); typing coalesces per field */\n  const commit = (next: PullQuoteModel) => {\n    const prev = modelRef.current;\n    const field = (Object.keys(next) as (keyof PullQuoteModel)[]).find((k) => next[k] !== prev[k]) ?? \"\";\n    set(() => next, `Edit ${label.toLowerCase()} ${field}`);\n  };\n\n  return (\n    <>\n      <ArticleCard\n        ref={cardRef}\n        label={label}\n        kind=\"pullquote\"\n        ro={ro}\n        editing={editing}\n        onOpen={openPanel}\n        onKeyDown={articleCardKeyDown({ card, ctx, el, ro, editing, onOpen: openPanel, onClose: close, focusCard })}\n      >\n        <PullQuotePreview m={m} />\n        <ArticleActions label={label} ctx={ctx} el={el} editing={editing} onEdit={() => (editing ? close() : openPanel())} />\n      </ArticleCard>\n      {editing ? (\n        <ArticlePanel label={label} anchor={cardEl} nonce={open!.nonce} focusKey={open!.focusKey} onClose={close} focusBack={focusCard} ctx={ctx} el={el}>\n          <ArticleForm schema={PULL_QUOTE_SCHEMA} label={label} value={m as unknown as Record<string, unknown>} onChange={(v) => commit(v as unknown as PullQuoteModel)} ro={ro} />\n        </ArticlePanel>\n      ) : null}\n    </>\n  );\n}\n\n/* ── Key takeaways (V2 article-blocks.tsx ArticleBlock, surface \"inline\" + TakeawaysEditor) ─────────── */\nconst TAKEAWAYS_LABEL = \"Key takeaways\";\n/** V2 article.ts ARTICLE_SCHEMAS.takeaways `points` max (the stored block's limit, key_takeaways_limit_exceeded) */\nconst MAX_POINTS = 8;\n/** V2 article.ts ARTICLE_SCHEMAS.takeaways `title` max */\nconst MAX_TITLE = 40;\n\nfunction TakeawaysBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"takeaways\">) {\n  const label = TAKEAWAYS_LABEL;\n  const card = React.useRef<HTMLDivElement>(null);\n  const box = React.useRef<HTMLUListElement>(null);\n  const ro = !!ctx.readOnly;\n  const focusCard = () => requestAnimationFrame(() => card.current?.focus({ preventScroll: true }));\n  const focusPoint = (i: number, atEnd = true) =>\n    requestAnimationFrame(() => {\n      const t = box.current?.querySelectorAll<HTMLElement>(\"[role=textbox]\")[i];\n      if (!t) return;\n      t.focus();\n      placeCaret(t, atEnd);\n    });\n  const setPoint = (i: number, v: string) => set({ points: m.points.map((p, j) => (j === i ? v : p)) }, `Edit key takeaways point ${i + 1}`);\n\n  /** V2 ArticleBlock onKeyDown, on the block itself (its lines handle their own keys) */\n  const onKeyDown = articleCardKeyDown({ card, ctx, el, ro, focusCard });\n\n  return (\n    <ArticleCard ref={card} label={label} kind=\"takeaways\" ro={ro} onKeyDown={onKeyDown}>\n      <aside className=\"rounded-kit-lg border border-kit-line bg-kit-subtle px-4 py-3\" aria-label={m.title || label}>\n        <PlainEditable\n          label=\"Key takeaways title\"\n          value={m.title}\n          placeholder=\"Key takeaways\"\n          readOnly={ro}\n          onChange={(title) => {\n            // V2 ARTICLE_SCHEMAS.takeaways title max: said the moment it is crossed, not first at save (key_takeaways_limit_exceeded)\n            if (title.length > MAX_TITLE && m.title.length <= MAX_TITLE)\n              ctx.notify(`A key takeaways title holds at most ${MAX_TITLE} characters.`, \"Shorten it, or the change will not save.\");\n            set({ title }, \"Edit key takeaways title\");\n          }}\n          onEnter={() => focusPoint(0, false)}\n          className=\"text-kit-sm font-semibold text-kit-fg\"\n        />\n        <ul ref={box} className=\"m-0 mt-1.5 flex flex-col gap-1 p-0\">\n          {m.points.map((p, i) => (\n            <li key={i} className=\"flex list-none items-baseline gap-2 text-[15px] leading-relaxed text-kit-fg\">\n              <span aria-hidden className=\"mt-[0.55em] size-1.5 shrink-0 self-start rounded-full bg-kit-accent\" />\n              <PlainEditable\n                label={`Point ${i + 1}`}\n                value={p}\n                placeholder={i === 0 ? \"The first thing to remember\" : \"Another point\"}\n                readOnly={ro}\n                autoFocus={autoFocus && i === 0}\n                onChange={(v) => setPoint(i, v)}\n                onEnter={() => {\n                  if (m.points.length >= MAX_POINTS) {\n                    ctx.notify(`Key takeaways hold at most ${MAX_POINTS} points.`, \"Merge two points, or move this one into the text.\");\n                    return;\n                  }\n                  set((x) => ({ ...x, points: [...x.points.slice(0, i + 1), \"\", ...x.points.slice(i + 1)] }), \"Add a key takeaways point\");\n                  focusPoint(i + 1);\n                }}\n                onBackspaceEmpty={\n                  m.points.length > 1\n                    ? () => {\n                        set((x) => ({ ...x, points: x.points.filter((_, j) => j !== i) }), \"Remove a key takeaways point\");\n                        focusPoint(Math.max(0, i - 1));\n                      }\n                    : undefined\n                }\n                className=\"flex-1\"\n              />\n            </li>\n          ))}\n        </ul>\n      </aside>\n      <ArticleActions label={label} ctx={ctx} el={el} />\n    </ArticleCard>\n  );\n}\n\n/* ── Preview (what the reader sees; V2 PullQuotePreview) ───────────── */\nfunction PullQuotePreview({ m }: { m: PullQuoteModel }) {\n  return (\n    <figure className=\"m-0 py-2 pl-5 pr-10\">\n      <IconQuote className=\"mb-1 size-6 text-kit-accent-fg\" stroke={1.5} aria-hidden />\n      <blockquote data-field=\"quote\" className={cn(\"m-0 text-[22px] font-medium leading-snug tracking-[-0.01em]\", m.quote ? \"text-kit-fg\" : \"text-kit-fg-4\")}>\n        {m.quote || \"Write the quote\"}\n      </blockquote>\n      {m.name || m.role ? (\n        <figcaption className=\"mt-3 text-kit-sm text-kit-fg-2\">\n          {m.name ? (\n            <span data-field=\"name\" className={cn(\"font-medium text-kit-fg\", m.link && \"underline decoration-kit-line-strong underline-offset-2\")}>\n              {m.name}\n            </span>\n          ) : null}\n          {m.name && m.role ? \", \" : null}\n          {m.role ? <span data-field=\"role\">{m.role}</span> : null}\n        </figcaption>\n      ) : (\n        <figcaption data-field=\"name\" className=\"mt-3 text-kit-sm text-kit-fg-4\">Who said it</figcaption>\n      )}\n    </figure>\n  );\n}\n"],"mappings":"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"}

package/dist/controls/rich-text/button.d.ts

@@ -0,0 +1,23 @@
+import { type TextLink } from "./link-form";
+/** Catalog insert: the empty line becomes the button, a writable line follows. Returns the anchor to open. */
+export declare function insertButton(root: HTMLElement): HTMLAnchorElement;
+/** The body's own button a click landed on (never one inside a rich block). */
+export declare function buttonAt(root: HTMLElement, target: EventTarget | null): HTMLAnchorElement | null;
+/** What the popover opens with for a button. */
+export declare function buttonInitial(a: HTMLAnchorElement): {
+    link: TextLink;
+    label: string;
+};
+/** Applies a saved popover to the button: address, new tab, rel, and the label as its text (V2: "Button" when empty). */
+export declare function applyButton(a: HTMLAnchorElement, link: TextLink, label: string): void;
+/** Removes a button: with its line when it is alone on a top-level line of the body (V2), else only the anchor. */
+export declare function removeButton(root: HTMLElement, a: HTMLAnchorElement): void;
+/** The popover body for a button: V2's "Button label" above V2's link panel (RTE:1688-1697). */
+export declare function ButtonLinkPanel({ initial, label: initialLabel, allowNewTab, onSave, onCancel, onDetach, }: {
+    initial: TextLink;
+    label: string;
+    allowNewTab: boolean;
+    onSave: (link: TextLink, label: string) => void;
+    onCancel: () => void;
+    onDetach?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/controls/rich-text/button.js

@@ -0,0 +1,81 @@
+import { Input } from "../../ui/input.js";
+import { LinkPopoverBody } from "../link.js";
+import { applyTextLink, fromLinkValue, textLinkOf, toLinkValue } from "./link-form.js";
+import { ensureLineAfter, takeEmptyBlock } from "./ops.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/controls/rich-text/button.tsx
+/**
+* RICH TEXT · Button (kit-richtext-ui-spec.md §9): V2's call-to-action link, stored as the PT `link` markDef with
+* `button: true`, written in the editor as `<p><a data-button="true" href>label</a></p>`.
+*
+* The look is the editor's (editor.tsx, from V2 rich-text-editor.tsx:58 + :1386); this module is the behaviour:
+*   insert   V2 ops.ts:162-167: the empty line becomes `<a data-button href="/">Button</a>`, with a line after it;
+*            the editor then opens the button's popover (V2 rich-text-editor.tsx:627)
+*   edit     V2 rich-text-editor.tsx:865-873 + 1680-1716: a click on a button (or the link shortcut on one) opens the
+*            link popover with V2's "Button label" field above the link form
+*   save     V2 saveLink :1-10: the address goes on the anchor, the label becomes its text ("Button" when empty)
+*   remove   V2 onDetach: a button alone on its line takes the line with it; otherwise only the anchor goes
+*/
+/** Catalog insert: the empty line becomes the button, a writable line follows. Returns the anchor to open. */
+function insertButton(root) {
+	const t = takeEmptyBlock(root);
+	t.innerHTML = `<a data-button="true" href="/">Button</a>`;
+	ensureLineAfter(t);
+	return t.querySelector("a");
+}
+/** The body's own button a click landed on (never one inside a rich block). */
+function buttonAt(root, target) {
+	const a = (target instanceof Element ? target : target instanceof Node ? target.parentElement : null)?.closest("a[data-button]") ?? null;
+	return a && root.contains(a) && !a.closest("[data-rt-isolate]") ? a : null;
+}
+/** What the popover opens with for a button. */
+function buttonInitial(a) {
+	return {
+		link: textLinkOf(a),
+		label: a.textContent ?? ""
+	};
+}
+/** Applies a saved popover to the button: address, new tab, rel, and the label as its text (V2: "Button" when empty). */
+function applyButton(a, link, label) {
+	applyTextLink(a, link);
+	a.setAttribute("data-button", "true");
+	a.textContent = label.trim() || "Button";
+}
+/** Removes a button: with its line when it is alone on a top-level line of the body (V2), else only the anchor. */
+function removeButton(root, a) {
+	const p = a.closest("p");
+	if (p && p.parentNode === root && p.textContent === a.textContent) p.remove();
+	else a.remove();
+}
+/** The popover body for a button: V2's "Button label" above V2's link panel (RTE:1688-1697). */
+function ButtonLinkPanel({ initial, label: initialLabel, allowNewTab, onSave, onCancel, onDetach }) {
+	const [label, setLabel] = React.useState(initialLabel);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ jsxs("label", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-kit-xs font-medium text-kit-fg-2",
+				children: "Button label"
+			}), /* @__PURE__ */ jsx(Input, {
+				size: "sm",
+				value: label,
+				autoFocus: true,
+				onChange: (e) => setLabel(e.target.value),
+				placeholder: "Shop the collection"
+			})]
+		}), /* @__PURE__ */ jsx(LinkPopoverBody, {
+			initial: toLinkValue(initial),
+			hideNewTab: !allowNewTab,
+			onSave: (v) => onSave(fromLinkValue(v, allowNewTab), label),
+			onCancel,
+			onDetach,
+			dirty: label !== initialLabel
+		})]
+	});
+}
+//#endregion
+export { ButtonLinkPanel, applyButton, buttonAt, buttonInitial, insertButton, removeButton };
+
+//# sourceMappingURL=button.js.map