@bettercms-ai/kit 2.0.0-next.1 → 2.0.0-next.2

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 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 { 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 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 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}\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 === \"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\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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"}
+{"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    />\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/catalog.d.ts

@@ -10,10 +10,7 @@
  *
  * Only the blocks the field accepts are offered (`features`, from the host's codec: each block is offered only where
  * the field's stored shape has a place for it). Not in this catalogue, and why:
- *   Footnote, Gallery, Embed, Columns, Table of contents, Related posts, Author bio
- *     production's rich text has no stored block for them yet (plan RT3–RT8; production's embed
- *     frames the raw link, which providers refuse, so Video is the one media link offered). A stored embed (an
- *     imported `<iframe>`, whose address is already the provider's frame) opens and is edited as V2's Embed block.
+ *   (none: every V2 block has a stored form now, plan RT0–RT8; each is offered only where the field's codec declares it)
  *
  * Components come from the host (KitServices.useInsertableComponents: the project's components, narrowed to the ones
  * the field's config accepts), handed in through CatalogComponentsProvider. Without that service none is offered.
@@ -23,7 +20,7 @@
 import * as React from "react";
 import type { RichTextFeature } from "./codec";
 import type { KitInsertableComponent } from "../component-services";
-export type BasicId = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "quote" | "pullquote" | "callout" | "toggle" | "takeaways" | "ul" | "ol" | "code" | "hr" | "image" | "video" | "file" | "table" | "task" | "button";
+export type BasicId = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "quote" | "pullquote" | "callout" | "toggle" | "takeaways" | "ul" | "ol" | "code" | "hr" | "image" | "video" | "file" | "table" | "task" | "button" | "gallery" | "embed" | "toc" | "footnote" | "columns" | "related" | "author";
 export interface CatalogItem {
     key: string;
     /** a basic block (absent on a component, the More components row and the way back) */

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

@@ -2,7 +2,7 @@ import { cn } from "../../lib/cn.js";
 import { PopoverContent } from "../../ui/overlay.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { IconArrowLeft, IconBlockquote, IconChevronRight, IconClick, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutNavbarCollapse, IconList, IconListCheck, IconListDetails, IconListNumbers, IconPhoto, IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconTable, IconTerminal2, IconVideo } from "@tabler/icons-react";
+import { IconArrowLeft, IconBlockquote, IconChevronRight, IconClick, IconCode, IconColumns2, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutGrid, IconLayoutNavbarCollapse, IconList, IconListCheck, IconListDetails, IconListNumbers, IconListTree, IconNews, IconPhoto, IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconSuperscript, IconTable, IconTerminal2, IconUserCircle, IconVideo } from "@tabler/icons-react";
 //#region src/controls/rich-text/catalog.tsx
 /**
 * RICH TEXT · the block catalogue shared by the toolbar Insert menu, the gutter "+" and the "/" slash menu (V2 HEAD
@@ -16,10 +16,7 @@ import { IconArrowLeft, IconBlockquote, IconChevronRight, IconClick, IconCompone
 *
 * Only the blocks the field accepts are offered (`features`, from the host's codec: each block is offered only where
 * the field's stored shape has a place for it). Not in this catalogue, and why:
-*   Footnote, Gallery, Embed, Columns, Table of contents, Related posts, Author bio
-*     production's rich text has no stored block for them yet (plan RT3–RT8; production's embed
-*     frames the raw link, which providers refuse, so Video is the one media link offered). A stored embed (an
-*     imported `<iframe>`, whose address is already the provider's frame) opens and is edited as V2's Embed block.
+*   (none: every V2 block has a stored form now, plan RT0–RT8; each is offered only where the field's codec declares it)
 *
 * Components come from the host (KitServices.useInsertableComponents: the project's components, narrowed to the ones
 * the field's config accepts), handed in through CatalogComponentsProvider. Without that service none is offered.
@@ -154,6 +151,18 @@ var TEXT = rows([
 			"snippet",
 			"pre"
 		]
+	],
+	[
+		"footnote",
+		"Footnote",
+		"A numbered note at the end",
+		i(IconSuperscript),
+		[
+			"fn",
+			"reference",
+			"citation",
+			"source"
+		]
 	]
 ]);
 var MEDIA = rows([
@@ -168,6 +177,18 @@ var MEDIA = rows([
 			"photo"
 		]
 	],
+	[
+		"gallery",
+		"Gallery",
+		"Several images as a grid or carousel",
+		i(IconLayoutGrid),
+		[
+			"images",
+			"photos",
+			"carousel",
+			"slideshow"
+		]
+	],
 	[
 		"video",
 		"Video",
@@ -182,6 +203,28 @@ var MEDIA = rows([
 			"movie"
 		]
 	],
+	[
+		"embed",
+		"Embed",
+		"YouTube, X, CodePen, Figma, maps or audio",
+		i(IconCode),
+		[
+			"yt",
+			"youtube",
+			"vimeo",
+			"x",
+			"tweet",
+			"twitter",
+			"codepen",
+			"figma",
+			"map",
+			"maps",
+			"spotify",
+			"podcast",
+			"audio",
+			"iframe"
+		]
+	],
 	[
 		"file",
 		"File",
@@ -194,6 +237,42 @@ var MEDIA = rows([
 		]
 	]
 ]);
+/** V2 catalog.tsx ARTICLE: article blocks written in the body itself (the rest land with plan RT6–RT8). */
+var ARTICLE = rows([
+	[
+		"related",
+		"Related posts",
+		"More stories, picked or automatic",
+		i(IconNews),
+		[
+			"related stories",
+			"read next",
+			"more stories"
+		]
+	],
+	[
+		"toc",
+		"Table of contents",
+		"Built from the headings",
+		i(IconListTree),
+		[
+			"contents",
+			"outline",
+			"index"
+		]
+	],
+	[
+		"author",
+		"Author bio",
+		"Photo, name and short bio",
+		i(IconUserCircle),
+		[
+			"bio",
+			"byline",
+			"about the author"
+		]
+	]
+]);
 var DATA = rows([[
 	"table",
 	"Table",
@@ -233,6 +312,13 @@ var SEARCH_ONLY = rows([
 		i(IconListCheck),
 		["todo", "checkbox"]
 	],
+	[
+		"columns",
+		"Columns",
+		"Side by side text",
+		i(IconColumns2),
+		["layout"]
+	],
 	[
 		"button",
 		"Button",
@@ -264,7 +350,14 @@ var NEEDS = {
 	file: "file",
 	table: "table",
 	task: "checklist",
-	button: "button"
+	button: "button",
+	gallery: "gallery",
+	embed: "embed",
+	toc: "toc",
+	footnote: "footnote",
+	columns: "columns",
+	related: "related",
+	author: "author"
 };
 var MORE = {
 	key: "more",
@@ -371,6 +464,7 @@ function useCatalog(query, allows, folder = false, own) {
 				...keep(TEXT),
 				...keep(MEDIA),
 				...keep(DATA),
+				...keep(ARTICLE),
 				...keep(SEARCH_ONLY),
 				...comps
 			], recent);
@@ -392,6 +486,10 @@ function useCatalog(query, allows, folder = false, own) {
 				title: "Data",
 				items: keep(DATA)
 			},
+			{
+				title: "Article",
+				items: keep(ARTICLE)
+			},
 			{
 				title: null,
 				items: lib && (comps.length || lib.loading || lib.error) ? [{