@bettercms-ai/kit 1.0.0 → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.js","names":[],"sources":["../../../src/controls/rich-text/blocks.tsx"],"sourcesContent":["/**\n * RICH TEXT · rich blocks (\"islands\", V2 HEAD controls/rich-text/blocks.tsx). Each renders through a portal into a\n * contenteditable=false element inside the editor surface; its model lives on that element (`el.__rt`) so serialize()\n * can write it back as static HTML.\n *\n * The image block is V2's: the toolbar (Replace · Align · Size S/M/L/Full · Link · Alt text · Remove) and the caption\n * under it, each stored on production's image block (see dom.ts). The callout (tone · title · message), toggle, video,\n * file and embedded component blocks are V2's too, limited to what their stored blocks keep: a callout's message and a\n * toggle's body are plain text (production stores them as text), a component is a linked card (its fields are edited\n * on the component itself).\n *\n * The table block is V2's TableBlock: the kit's table editor on the island's table value. The pull quote is V2's article\n * block (article-blocks.tsx ArticleBlock + PullQuotePreview): drawn as the reader sees it, edited in the floating\n * properties panel (4 settings → panel, CPO D54) through the kit SchemaForm. Key takeaways are V2's article block too,\n * written in the text itself (article-blocks.tsx TakeawaysEditor, surface \"inline\"): a title line and a line per point.\n * The embed is V2's article block too (ArticleBlock surface \"popover\" + EmbedPreview): a placeholder card of the link's\n * provider, edited in a popover beside it (Link, Title; V2's Shape has no stored key, see dom.ts).\n */\nimport * as React from \"react\";\nimport {\n  IconAlertTriangle, IconAlt, IconArrowsHorizontal, IconArrowsMove, IconBrandCodepen, IconBrandFigma, IconBrandSpotify, IconBrandVimeo, IconBrandX,\n  IconBrandYoutube, IconBulb, IconCheck, IconChevronDown, IconChevronRight, IconComponents, IconCopy, IconDimensions, IconDots, IconFileText, IconFileUpload,\n  IconHeadphones, IconInfoCircle, IconLayoutAlignCenter, IconLayoutAlignLeft, IconLayoutAlignRight, IconLayoutSidebar, IconLayoutSidebarRight, IconLibraryPhoto,\n  IconLink, IconMap, IconMicrophone, IconPhoto, IconPlayerPlayFilled, IconQuote, IconReplace, IconSettings, IconTrash, IconWorld, IconX,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../lib/cn\";\nimport { eventKey } from \"../../lib/key-event\";\nimport { useKitServices } from \"../../context\";\nimport { Button, IconButton } from \"../../ui/button\";\nimport { Input, Textarea } from \"../../ui/input\";\nimport { Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Tooltip } from \"../../ui/overlay\";\nimport { FloatingPanel, type FloatingPanelHandle } from \"../../ui/floating-panel\";\nimport { SchemaForm } from \"../../engine/schema-form\";\nimport type { TypeSchema } from \"../../schema/types\";\nimport type { TableFieldOptions } from \"../../schema/table\";\nimport { TableEditor } from \"../table/table-editor\";\nimport {\n  CALLOUT_TONES, detectEmbed, placeCaret, type CalloutModel, type CalloutTone, type ComponentModel, type EmbedModel, type FileModel, type ImageAlign, type ImageModel, type ImageSize,\n  type IslandEl, type IslandKind, type IslandModels, type PullQuoteModel, type TableModel, type TakeawaysModel, type ToggleModel, type VideoModel,\n} from \"./dom\";\nimport { LinkForm } from \"./link-form\";\nimport { ComponentCard } from \"./component-card\";\n\nexport interface IslandCtx {\n  readOnly?: boolean;\n  dense?: boolean;\n  emit: () => void;\n  remove: (el: IslandEl) => void;\n  /** Leave the block: caret to the start of the next line. */\n  exit: (el: IslandEl) => void;\n  /** CPO D54: an island write joins the body field's ONE undo history (`before` = the model it replaces) */\n  record?: (el: IslandEl, before: IslandModels[IslandKind], label: string, coalesce?: boolean) => void;\n  /** a refusal the author must see (an address the image cannot use) */\n  notify: (message: string, description?: string) => void;\n  duplicate?: (el: IslandEl) => void;\n  move?: (el: IslandEl, dir: -1 | 1) => void;\n  /** the body field's one history (D54): ⌘Z on a focused block or in its panel */\n  undo?: () => boolean;\n  /**\n   * One action as ONE undo step, in the host's history when it keeps one (the dock's toolbar Undo), else the body's\n   * own. `write` makes the change and answers the island it changed; `before` is that island's model before it. Answers\n   * the step's undo (an Undo toast): true, or the sentence saying why nothing was undone.\n   */\n  step?: (label: string, write: () => IslandEl | null, before?: IslandModels[IslandKind]) => () => true | string;\n  redo?: () => boolean;\n  /** Drag the block to a new position (the gutter grip's drag), for a grip drawn on the block itself */\n  drag?: (el: IslandEl, e: React.PointerEvent) => void;\n}\n\n/* ── Island host ───────────────────────────────────────────────────── */\n/** `label` names the step in the editor's one undo history (\"Edit alt text\"). */\ntype Setter<K extends IslandKind> = (patch: Partial<IslandModels[K]> | ((m: IslandModels[K]) => IslandModels[K]), label?: string, record?: boolean) => void;\ninterface BlockProps<K extends IslandKind> {\n  m: IslandModels[K];\n  set: Setter<K>;\n  el: IslandEl;\n  ctx: IslandCtx;\n  autoFocus: boolean;\n}\n\nexport function Island({ el, ctx }: { el: IslandEl; ctx: IslandCtx }) {\n  const kind = el.getAttribute(\"data-rt-island\") as IslandKind;\n  const [model, setModel] = React.useState(() => el.__rt!);\n  const [autoFocus] = React.useState(() => !!el.__rtFocus);\n  React.useEffect(() => {\n    el.__rtFocus = false;\n  }, [el]);\n  const set = React.useCallback(\n    (patch: unknown, label = \"Edit block\", record = true) => {\n      const prev = el.__rt as IslandModels[IslandKind];\n      const next = typeof patch === \"function\" ? (patch as (m: object) => object)(prev) : { ...prev, ...(patch as object) };\n      // `record` false: the caller records the step itself (IslandCtx.step)\n      if (record) ctx.record?.(el, prev, label, typeof patch !== \"function\");\n      el.__rt = next as IslandModels[IslandKind];\n      setModel(next as IslandModels[IslandKind]);\n      ctx.emit();\n    },\n    [el, ctx],\n  );\n  React.useEffect(() => {\n    el.__rtSet = (m) => {\n      el.__rt = m;\n      setModel(m);\n      ctx.emit();\n    };\n    return () => {\n      if (el.__rtSet) delete el.__rtSet;\n    };\n  }, [el, ctx]);\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!e.currentTarget.contains(e.target as Node)) return;\n    if (e.key === \"Escape\" && (e.target as HTMLElement).isContentEditable) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.exit(el);\n    }\n  };\n  return (\n    <div className=\"relative select-text\" onKeyDown={onKeyDown} data-island-kind={kind}>\n      {kind === \"image\" ? <ImageBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ImageModel} set={set as Setter<\"image\">} />\n        : kind === \"table\" ? <TableBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as TableModel} set={set as Setter<\"table\">} />\n        : kind === \"pullquote\" ? <PullQuoteBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as PullQuoteModel} set={set as Setter<\"pullquote\">} />\n        : kind === \"takeaways\" ? <TakeawaysBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as TakeawaysModel} set={set as Setter<\"takeaways\">} />\n        : kind === \"callout\" ? <CalloutBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as CalloutModel} set={set as Setter<\"callout\">} />\n        : kind === \"toggle\" ? <ToggleBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ToggleModel} set={set as Setter<\"toggle\">} />\n        : kind === \"video\" ? <VideoBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as VideoModel} set={set as Setter<\"video\">} />\n        : kind === \"embed\" ? <EmbedBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as EmbedModel} set={set as Setter<\"embed\">} />\n        : kind === \"file\" ? <FileBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as FileModel} set={set as Setter<\"file\">} />\n        : kind === \"component\" ? <ComponentBlock el={el} ctx={ctx} autoFocus={autoFocus} m={model as ComponentModel} set={set as Setter<\"component\">} />\n        : null}\n    </div>\n  );\n}\n\nconst Sep = () => <span aria-hidden className=\"mx-0.5 h-4 w-px shrink-0 bg-kit-line\" />;\n/** An address an image can be shown from: http(s) or a site path. */\nconst imageUrlOk = (u: string) => /^(https?:)?\\/\\/[^\\s]+$/i.test(u) || /^\\/(?!\\/)\\S*$/.test(u);\n\n/* ── plain text inside a block (V2 Editable, `plain`): a caption, a title, a message ── */\nfunction PlainEditable({\n  value,\n  onChange,\n  label,\n  placeholder,\n  readOnly,\n  autoFocus,\n  multiline,\n  onEnter,\n  onBackspaceEmpty,\n  className,\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label: string;\n  placeholder?: string;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  /** Enter adds a line (else Enter calls `onEnter`) */\n  multiline?: boolean;\n  onEnter?: () => void;\n  /** Backspace in an empty line (V2 PlainLine: removes the line) */\n  onBackspaceEmpty?: () => void;\n  className?: string;\n}) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  React.useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || document.activeElement === el) return;\n    if (el.textContent !== value) el.textContent = value;\n  }, [value]);\n  React.useEffect(() => {\n    if (!autoFocus || !ref.current || readOnly) return;\n    ref.current.focus({ preventScroll: false });\n    placeCaret(ref.current);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <div\n      ref={ref}\n      role=\"textbox\"\n      aria-label={label}\n      aria-multiline={multiline || undefined}\n      aria-readonly={readOnly || undefined}\n      tabIndex={readOnly ? -1 : 0}\n      contentEditable={readOnly ? false : \"plaintext-only\"}\n      suppressContentEditableWarning\n      spellCheck\n      data-placeholder={placeholder}\n      onInput={(e) => onChange((e.currentTarget.textContent ?? \"\").replace(/\\u200b/g, \"\"))}\n      onPaste={(e) => {\n        e.preventDefault();\n        const t = e.clipboardData.getData(\"text/plain\");\n        document.execCommand(\"insertText\", false, multiline ? t : t.replace(/\\s*\\n\\s*/g, \" \"));\n      }}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\" && onBackspaceEmpty && !(e.currentTarget.textContent ?? \"\").replace(/\\u200b/g, \"\")) {\n          e.preventDefault();\n          onBackspaceEmpty();\n          return;\n        }\n        if (e.key !== \"Enter\") return;\n        // in a multi-line field Enter adds a line; ⌘↵ leaves it\n        if (multiline && !(e.metaKey || e.ctrlKey)) return;\n        e.preventDefault();\n        onEnter?.();\n      }}\n      className={cn(\n        \"min-w-0 cursor-text whitespace-pre-wrap break-words outline-none focus-visible:shadow-none empty:before:pointer-events-none empty:before:text-kit-fg-4 empty:before:content-[attr(data-placeholder)]\",\n        className,\n      )}\n    />\n  );\n}\n\nconst RemoveBtn = ({ onClick, label = \"Remove block\" }: { onClick: () => void; label?: string }) => (\n  <IconButton size=\"xs\" label={label} onClick={onClick} className=\"hover:text-kit-danger-fg\">\n    <IconTrash stroke={1.5} />\n  </IconButton>\n);\n\n/* ── Image ─────────────────────────────────────────────────────────── */\n/** Production's image layout (lib/richtext/imageLayout.ts): a size sets the column share; with none, the alignment does. */\nconst SIZES: { v: ImageSize; label: string; w: string }[] = [\n  { v: \"s\", label: \"S\", w: \"33%\" },\n  { v: \"m\", label: \"M\", w: \"50%\" },\n  { v: \"l\", label: \"L\", w: \"75%\" },\n  { v: \"full\", label: \"Full\", w: \"100%\" },\n];\nconst ALIGN_WIDTH: Record<ImageAlign, string> = { full: \"100%\", center: \"78%\", left: \"62%\", right: \"62%\" };\nconst ALIGNS: { v: ImageAlign; label: string; icon: React.ReactNode }[] = [\n  { v: \"full\", label: \"Full width\", icon: <IconArrowsHorizontal stroke={1.5} /> },\n  { v: \"center\", label: \"Center\", icon: <IconLayoutAlignCenter stroke={1.5} /> },\n  { v: \"left\", label: \"Left\", icon: <IconLayoutAlignLeft stroke={1.5} /> },\n  { v: \"right\", label: \"Right\", icon: <IconLayoutAlignRight stroke={1.5} /> },\n];\n\nfunction ImageBlock({ m, set, el, ctx }: BlockProps<\"image\">) {\n  const { MediaPicker } = useKitServices();\n  const [picker, setPicker] = React.useState(false);\n  const [urlMode, setUrlMode] = React.useState(false);\n  const [url, setUrl] = React.useState(\"\");\n  const [busy, setBusy] = React.useState(false);\n  const [linkOpen, setLinkOpen] = React.useState(false);\n  const ro = ctx.readOnly;\n  const pickerEl = MediaPicker ? (\n    <MediaPicker\n      open={picker}\n      onOpenChange={setPicker}\n      accept={[\"image\", \"svg\"]}\n      onPick={(a) => a[0] && set({ src: a[0].url, alt: a[0].alt || m.alt || \"\" }, \"Replace image\")}\n    />\n  ) : null;\n\n  if (!m.src)\n    return (\n      <div className=\"group/blk rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-4 py-4\">\n        <div className=\"flex items-start gap-3\">\n          <span className=\"flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2\">\n            <IconPhoto className=\"size-4\" stroke={1.5} aria-hidden />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-kit-sm font-medium text-kit-fg\">Add an image</div>\n            <p className=\"text-kit-xs text-kit-fg-3\">{MediaPicker ? \"Pick one from the media library or paste a link.\" : \"Paste a link to the image.\"}</p>\n          </div>\n          {ro ? null : <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove image\" />}\n        </div>\n        {ro ? null : urlMode || !MediaPicker ? (\n          <form\n            className=\"mt-3 flex items-center gap-2\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              const u = url.trim();\n              if (!imageUrlOk(u)) return ctx.notify(\"Paste a full image link that starts with https://\", \"Or a path on this site, like /images/hero.jpg.\");\n              set({ src: u, alt: m.alt ?? \"\" }, \"Add image\");\n              ctx.exit(el);\n            }}\n          >\n            <Input autoFocus size=\"sm\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://…\" aria-label=\"Image URL\" leading={<IconLink stroke={1.5} />} className=\"flex-1\" />\n            <Button size=\"sm\" variant=\"primary\" type=\"submit\" disabled={!url.trim()}>\n              Add\n            </Button>\n            {MediaPicker ? (\n              <Button size=\"sm\" variant=\"ghost\" onClick={() => setUrlMode(false)}>\n                Cancel\n              </Button>\n            ) : null}\n          </form>\n        ) : (\n          <div className=\"mt-3 flex flex-wrap gap-2\">\n            <Button size=\"sm\" leftIcon={<IconLibraryPhoto stroke={1.5} />} onClick={() => setPicker(true)}>\n              Media library\n            </Button>\n            <Button size=\"sm\" variant=\"ghost\" leftIcon={<IconLink stroke={1.5} />} onClick={() => setUrlMode(true)}>\n              Paste URL\n            </Button>\n          </div>\n        )}\n        {pickerEl}\n      </div>\n    );\n\n  const align: ImageAlign = m.align ?? \"full\";\n  const size = m.size;\n  const width = size ? (SIZES.find((x) => x.v === size)?.w ?? \"100%\") : ALIGN_WIDTH[align];\n  const justify = align === \"left\" ? \"justify-start\" : align === \"right\" ? \"justify-end\" : \"justify-center\";\n  const alignItem = ALIGNS.find((a) => a.v === align)!;\n  const toolBtn =\n    \"flex h-7 shrink-0 items-center gap-1 rounded-kit-md px-1.5 text-kit-xs text-kit-fg-2 hover:bg-kit-hover hover:text-kit-fg data-[popup-open]:bg-kit-hover data-[popup-open]:text-kit-fg [&_svg]:size-3.5\";\n  return (\n    <figure className=\"group/blk relative m-0\">\n      {ro ? null : (\n        <div\n          role=\"toolbar\"\n          aria-label=\"Image tools\"\n          className={cn(\n            \"glass-strong absolute left-1/2 top-2 z-[3] flex h-8 -translate-x-1/2 items-center gap-0.5 rounded-kit-lg border border-kit-line px-1 opacity-0 transition-opacity duration-150\",\n            \"group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\",\n            busy && \"opacity-100\",\n          )}\n        >\n          {MediaPicker ? (\n            <>\n              <Tooltip content=\"Replace image\">\n                <button type=\"button\" aria-label=\"Replace image\" className={toolBtn} onClick={() => setPicker(true)}>\n                  <IconReplace stroke={1.5} aria-hidden />\n                  {ctx.dense ? null : \"Replace\"}\n                </button>\n              </Tooltip>\n              <Sep />\n            </>\n          ) : null}\n          <Menu onOpenChange={setBusy}>\n            <MenuTrigger\n              render={\n                <button type=\"button\" aria-label={`Align: ${alignItem.label}`} className={toolBtn}>\n                  {alignItem.icon}\n                  <IconChevronDown className=\"!size-3 text-kit-fg-3\" stroke={1.5} aria-hidden />\n                </button>\n              }\n            />\n            <MenuContent className=\"w-40\">\n              {ALIGNS.map((a) => (\n                <MenuItem\n                  key={a.v}\n                  icon={a.icon}\n                  onClick={() => set({ align: a.v, ...(a.v === \"full\" ? { size: \"full\" as const } : size === \"full\" || !size ? { size: \"l\" as const } : {}) }, \"Align image\")}\n                >\n                  <span className=\"flex w-full items-center justify-between\">\n                    {a.label}\n                    {align === a.v ? <IconCheck className=\"size-3.5 text-kit-fg-2\" stroke={2} aria-hidden /> : null}\n                  </span>\n                </MenuItem>\n              ))}\n            </MenuContent>\n          </Menu>\n          <div role=\"group\" aria-label=\"Size\" className=\"flex items-center\">\n            {SIZES.map((x) => {\n              const on = (size ?? (align === \"full\" ? \"full\" : null)) === x.v;\n              return (\n                <button\n                  key={x.v}\n                  type=\"button\"\n                  aria-pressed={on}\n                  aria-label={`Size ${x.label}`}\n                  onClick={() => set({ size: x.v, ...(x.v === \"full\" ? { align: \"full\" as const } : align === \"full\" ? { align: \"center\" as const } : {}) }, \"Resize image\")}\n                  className={cn(\"h-7 min-w-6 rounded-kit-md px-1 text-kit-xs text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg\", on && \"bg-kit-selected font-medium text-kit-fg\")}\n                >\n                  {x.label}\n                </button>\n              );\n            })}\n          </div>\n          <Sep />\n          <Popover\n            open={linkOpen}\n            onOpenChange={(o) => {\n              setLinkOpen(o);\n              setBusy(o);\n            }}\n          >\n            <Tooltip content={m.href ? `Links to ${m.href}` : \"Link the image\"}>\n              <PopoverTrigger aria-label=\"Link the image\" className={cn(toolBtn, m.href && \"text-kit-accent-fg\")}>\n                <IconLink stroke={1.5} aria-hidden />\n              </PopoverTrigger>\n            </Tooltip>\n            <PopoverContent className=\"w-[340px] rounded-kit-lg p-3\" finalFocus={false}>\n              <p className=\"mb-2 text-kit-xs font-medium text-kit-fg-2\">Link the image to</p>\n              <LinkForm\n                initial={{ href: m.href ?? \"\" }}\n                allowNewTab={false}\n                onSave={(v) => {\n                  set({ href: v.href }, \"Link image\");\n                  setLinkOpen(false);\n                  setBusy(false);\n                }}\n                onCancel={() => {\n                  setLinkOpen(false);\n                  setBusy(false);\n                }}\n                onDetach={\n                  m.href\n                    ? () => {\n                        set((x) => {\n                          const { href: _gone, ...rest } = x;\n                          void _gone;\n                          return rest;\n                        }, \"Unlink image\");\n                        setLinkOpen(false);\n                        setBusy(false);\n                      }\n                    : undefined\n                }\n              />\n            </PopoverContent>\n          </Popover>\n          <AltPopover alt={m.alt ?? \"\"} onSave={(alt) => set({ alt }, \"Edit alt text\")} onOpen={setBusy} btnClass={toolBtn} />\n          <Sep />\n          <Tooltip content=\"Remove image\">\n            <button type=\"button\" aria-label=\"Remove image\" className={cn(toolBtn, \"hover:text-kit-danger-fg\")} onClick={() => ctx.remove(el)}>\n              <IconTrash stroke={1.5} aria-hidden />\n            </button>\n          </Tooltip>\n        </div>\n      )}\n      <div className={cn(\"flex\", justify)}>\n        <img src={m.src} alt={m.alt ?? \"\"} style={{ width }} className=\"block h-auto max-w-full rounded-kit-lg border border-kit-line\" draggable={false} />\n      </div>\n      {ro && !m.caption ? null : (\n        <PlainEditable\n          value={m.caption ?? \"\"}\n          label=\"Image caption\"\n          readOnly={ro}\n          placeholder={ro ? \"\" : \"Add a caption…\"}\n          onChange={(caption) => set({ caption }, \"Edit caption\")}\n          onEnter={() => ctx.exit(el)}\n          className=\"mt-1.5 text-center text-kit-sm text-kit-fg-3 empty:before:text-kit-fg-4\"\n        />\n      )}\n      {pickerEl}\n    </figure>\n  );\n}\n\nfunction AltPopover({ alt, onSave, onOpen, btnClass }: { alt: string; onSave: (a: string) => void; onOpen: (o: boolean) => void; btnClass: string }) {\n  const [open, setOpen] = React.useState(false);\n  const [v, setV] = React.useState(alt);\n  const id = React.useId();\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(o) => {\n        setOpen(o);\n        onOpen(o);\n        if (o) setV(alt);\n      }}\n    >\n      <Tooltip content={alt ? \"Alt text\" : \"Add alt text\"}>\n        <PopoverTrigger aria-label=\"Alt text\" className={cn(btnClass, !alt && \"text-kit-warning-fg\")}>\n          <IconAlt stroke={1.5} aria-hidden />\n        </PopoverTrigger>\n      </Tooltip>\n      <PopoverContent className=\"w-72\" finalFocus={false}>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            onSave(v.trim());\n            setOpen(false);\n            onOpen(false);\n          }}\n          className=\"flex flex-col gap-2\"\n        >\n          <label className=\"text-kit-xs font-medium text-kit-fg-2\" htmlFor={id}>\n            Alt text\n          </label>\n          <Textarea id={id} autoFocus value={v} onChange={(e) => setV(e.target.value)} placeholder=\"Describe the image\" rows={2} />\n          <p className=\"text-kit-2xs text-kit-fg-3\">Read aloud by screen readers and used by search engines.</p>\n          <div className=\"flex justify-end\">\n            <Button size=\"xs\" variant=\"primary\" type=\"submit\">\n              Done\n            </Button>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n/* ── Callout (V2 CalloutBlock): tone · title · message ─────────────── */\nconst TONES: Record<CalloutTone, { label: string; icon: React.ReactNode; box: string; chip: string }> = {\n  info: { label: \"Info\", icon: <IconInfoCircle stroke={1.5} />, box: \"border-kit-info-line bg-kit-info-soft\", chip: \"text-kit-info-fg\" },\n  tip: { label: \"Tip\", icon: <IconBulb stroke={1.5} />, box: \"border-kit-success-line bg-kit-success-soft\", chip: \"text-kit-success-fg\" },\n  warning: { label: \"Warning\", icon: <IconAlertTriangle stroke={1.5} />, box: \"border-kit-warning-line bg-kit-warning-soft\", chip: \"text-kit-warning-fg\" },\n};\nfunction CalloutBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"callout\">) {\n  // a stored tone the editor does not offer is kept as it is, and drawn as Info\n  const tone: CalloutTone = (CALLOUT_TONES as readonly string[]).includes(m.tone ?? \"\") ? (m.tone as CalloutTone) : \"info\";\n  const t = TONES[tone];\n  const body = React.useRef<HTMLDivElement>(null);\n  const ro = ctx.readOnly;\n  return (\n    <div className={cn(\"group/blk relative rounded-kit-lg border px-3.5 py-3\", t.box)} data-rt-isolate=\"\">\n      <div className=\"flex items-center gap-1\">\n        <Menu>\n          <MenuTrigger\n            disabled={ro}\n            render={\n              <button\n                type=\"button\"\n                aria-label={`Callout tone: ${t.label}`}\n                className={cn(\"-ml-1 flex h-6 items-center gap-1 rounded-kit-md px-1.5 text-kit-xs font-medium hover:bg-kit-hover data-[popup-open]:bg-kit-hover [&_svg]:size-3.5\", t.chip)}\n              >\n                {t.icon}\n                {t.label}\n                {ro ? null : <IconChevronDown className=\"!size-3 opacity-70\" stroke={1.5} aria-hidden />}\n              </button>\n            }\n          />\n          <MenuContent className=\"w-36\">\n            {CALLOUT_TONES.map((k) => (\n              <MenuItem key={k} icon={TONES[k].icon} onClick={() => set({ tone: k }, \"Change callout tone\")}>\n                <span className=\"flex w-full items-center justify-between\">\n                  {TONES[k].label}\n                  {tone === k ? <IconCheck className=\"size-3.5 text-kit-fg-2\" stroke={2} aria-hidden /> : null}\n                </span>\n              </MenuItem>\n            ))}\n          </MenuContent>\n        </Menu>\n        <span className=\"flex-1\" />\n        {ro ? null : (\n          <div className=\"opacity-0 transition-opacity group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove callout\" />\n          </div>\n        )}\n      </div>\n      <PlainEditable\n        value={m.title ?? \"\"}\n        label=\"Callout title\"\n        readOnly={ro}\n        autoFocus={autoFocus}\n        placeholder=\"Title\"\n        onChange={(title) => set({ title }, \"Edit callout title\")}\n        onEnter={() => {\n          const b = body.current?.querySelector<HTMLElement>(\"[role=textbox]\");\n          b?.focus();\n          if (b) placeCaret(b, false);\n        }}\n        className=\"mt-1 font-medium text-kit-fg\"\n      />\n      <div ref={body}>\n        <PlainEditable\n          multiline\n          value={m.body ?? \"\"}\n          label=\"Callout message\"\n          readOnly={ro}\n          placeholder=\"Write a message…\"\n          onChange={(b) => set({ body: b }, \"Edit callout message\")}\n          className=\"mt-0.5 text-kit-fg-2 [&_p+p]:mt-2\"\n        />\n      </div>\n    </div>\n  );\n}\n\n/* ── Toggle (V2 ToggleBlock): title · body. A saved toggle shows closed, like V2; a just-inserted one shows open. Open or closed is the editor's view only. ── */\nfunction ToggleBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"toggle\">) {\n  const [open, setOpen] = React.useState(!!autoFocus);\n  const body = React.useRef<HTMLDivElement>(null);\n  const bodyId = React.useId();\n  const ro = ctx.readOnly;\n  return (\n    <div className=\"group/blk relative rounded-kit-md\" data-rt-isolate=\"\">\n      <div className=\"flex items-start gap-1\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-controls={bodyId}\n          aria-label={open ? \"Collapse toggle\" : \"Expand toggle\"}\n          onClick={() => setOpen((o) => !o)}\n          className=\"mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-kit-md text-kit-fg-2 hover:bg-kit-hover hover:text-kit-fg\"\n        >\n          <IconChevronRight className={cn(\"size-4 transition-transform duration-150\", open && \"rotate-90\")} stroke={1.5} aria-hidden />\n        </button>\n        <PlainEditable\n          value={m.title ?? \"\"}\n          label=\"Toggle title\"\n          readOnly={ro}\n          autoFocus={autoFocus}\n          placeholder=\"Toggle title\"\n          onChange={(title) => set({ title }, \"Edit toggle title\")}\n          onEnter={() => {\n            setOpen(true);\n            requestAnimationFrame(() => {\n              const b = body.current?.querySelector<HTMLElement>(\"[role=textbox]\");\n              b?.focus();\n              if (b) placeCaret(b, false);\n            });\n          }}\n          className=\"flex-1 py-0.5 font-medium text-kit-fg\"\n        />\n        {ro ? null : (\n          <div className=\"opacity-0 transition-opacity group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove toggle\" />\n          </div>\n        )}\n      </div>\n      <div ref={body} id={bodyId} hidden={!open} className=\"ml-3 mt-1 border-l border-kit-line pl-4\">\n        <PlainEditable\n          multiline\n          value={m.body ?? \"\"}\n          label=\"Toggle body\"\n          readOnly={ro}\n          placeholder=\"Hidden content. Click to write…\"\n          onChange={(b) => set({ body: b }, \"Edit toggle body\")}\n          className=\"py-0.5 text-kit-fg-2 [&_p+p]:mt-2\"\n        />\n      </div>\n    </div>\n  );\n}\n\n/* ── Video (V2 VideoBlock): a link to a video file or a provider's page ─── */\nconst videoUrlOk = (u: string) => /^https?:\\/\\/\\S+$/i.test(u) || /^\\/(?!\\/)\\S*$/.test(u);\nfunction videoEmbedSrc(url: string): string | null {\n  const yt = /(?:youtube\\.com\\/(?:watch\\?(?:.*&)?v=|embed\\/|shorts\\/|live\\/)|youtu\\.be\\/)([\\w-]{6,})/i.exec(url);\n  if (yt) return `https://www.youtube-nocookie.com/embed/${yt[1]}`;\n  const vimeo = /vimeo\\.com\\/(?:video\\/)?(\\d+)/i.exec(url);\n  if (vimeo) return `https://player.vimeo.com/video/${vimeo[1]}`;\n  return null;\n}\nfunction VideoBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"video\">) {\n  const [draft, setDraft] = React.useState(m.url ?? \"\");\n  React.useEffect(() => setDraft(m.url ?? \"\"), [m.url]);\n  const [error, setError] = React.useState<string | null>(null);\n  const errId = React.useId();\n  const commit = () => {\n    const u = draft.trim();\n    if (u === (m.url ?? \"\")) return setError(null);\n    if (u && !videoUrlOk(u)) return setError(\"Paste a full link that starts with https://, or a path on this site.\");\n    setError(null);\n    set({ url: u }, \"Set video link\");\n  };\n  const ro = ctx.readOnly;\n  const frame = m.url ? videoEmbedSrc(m.url) : null;\n  return (\n    <div className=\"group/blk rounded-kit-lg border border-kit-line bg-kit-subtle p-2.5\" data-rt-isolate=\"\">\n      {ro ? null : (\n        <div className=\"mb-2 flex items-center gap-1.5\">\n          <Input\n            size=\"sm\"\n            autoFocus={autoFocus}\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onBlur={commit}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") {\n                e.preventDefault();\n                commit();\n              }\n            }}\n            placeholder=\"Paste a YouTube, Vimeo or video file link\"\n            aria-label=\"Video URL\"\n            aria-invalid={!!error || undefined}\n            aria-describedby={error ? errId : undefined}\n            spellCheck={false}\n            autoComplete=\"off\"\n            leading={<IconWorld stroke={1.5} />}\n            className=\"min-w-0 flex-1\"\n          />\n          <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove video\" />\n        </div>\n      )}\n      {error ? (\n        <p id={errId} role=\"alert\" className=\"mb-2 px-1 text-kit-xs text-kit-danger-fg\">\n          {error}\n        </p>\n      ) : null}\n      {frame ? (\n        <iframe\n          src={frame}\n          title={m.title || \"Video preview\"}\n          loading=\"lazy\"\n          tabIndex={-1}\n          sandbox=\"allow-scripts allow-same-origin allow-presentation\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n          className=\"pointer-events-none aspect-video w-full rounded-kit-md border-0 bg-kit-muted\"\n        />\n      ) : m.url ? (\n        <video src={m.url} title={m.title || \"Video preview\"} controls preload=\"metadata\" className=\"aspect-video w-full rounded-kit-md bg-kit-muted\" />\n      ) : (\n        <p className=\"px-1 pb-0.5 text-kit-xs text-kit-fg-3\">No video yet.</p>\n      )}\n    </div>\n  );\n}\n\n/* ── File (V2 FileBlock): a downloadable document ─────────────────── */\nconst formatBytes = (n: number) => (n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(0)} KB` : `${(n / 1024 / 1024).toFixed(1)} MB`);\nfunction FileBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"file\">) {\n  const { MediaPicker } = useKitServices();\n  const [picker, setPicker] = React.useState(false);\n  const [url, setUrl] = React.useState(\"\");\n  const [name, setName] = React.useState(\"\");\n  const ro = ctx.readOnly;\n  const has = !!(m.url && m.name);\n  const pickerEl = MediaPicker ? (\n    <MediaPicker open={picker} onOpenChange={setPicker} accept={[\"file\"]} onPick={(a) => a[0] && set({ url: a[0].url, name: a[0].name ?? a[0].url.split(\"/\").pop() ?? \"Download\", ...(a[0].size ? { size: a[0].size } : {}) }, \"Choose file\")} />\n  ) : null;\n  if (has)\n    return (\n      <div className=\"group/blk\" data-rt-isolate=\"\">\n        <div className=\"flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\">\n          <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n            <IconFileText className=\"size-[18px]\" stroke={1.5} aria-hidden />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate text-kit-sm font-medium text-kit-fg\">{m.name}</div>\n            <div className=\"truncate text-kit-xs text-kit-fg-3\">\n              {m.size ? `${formatBytes(m.size)} · ` : \"\"}\n              {(m.name!.includes(\".\") ? m.name!.split(\".\").pop()! : \"file\").toUpperCase()}\n            </div>\n          </div>\n          {ro ? null : (\n            <>\n              {MediaPicker ? (\n                <Button size=\"xs\" variant=\"ghost\" onClick={() => setPicker(true)}>\n                  Replace\n                </Button>\n              ) : null}\n              <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove file\" />\n            </>\n          )}\n        </div>\n        {pickerEl}\n      </div>\n    );\n  return (\n    <div className=\"group/blk\" data-rt-isolate=\"\">\n      <div className=\"flex items-center gap-3 rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-3 py-2.5\">\n        <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-3\">\n          <IconFileText className=\"size-[18px]\" stroke={1.5} aria-hidden />\n        </span>\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-kit-sm font-medium text-kit-fg\">File</div>\n          <p className=\"text-kit-xs text-kit-fg-3\">No file yet.</p>\n        </div>\n        {ro ? null : (\n          <>\n            {MediaPicker ? (\n              <Button size=\"sm\" leftIcon={<IconFileUpload stroke={1.5} />} onClick={() => setPicker(true)}>\n                Choose file\n              </Button>\n            ) : null}\n            <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove file\" />\n          </>\n        )}\n      </div>\n      {ro ? null : (\n        <form\n          className=\"mt-2.5 flex flex-wrap items-center gap-2\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            const u = url.trim();\n            if (!/^https?:\\/\\/\\S+$/i.test(u) && !/^\\/(?!\\/)\\S*$/.test(u)) return ctx.notify(\"Paste a full file link that starts with https://\", \"Or a path on this site, like /files/spec.pdf.\");\n            set({ url: u, name: name.trim() || u.split(\"/\").pop() || \"Download\" }, \"Add file\");\n            ctx.exit(el);\n          }}\n        >\n          <Input autoFocus={autoFocus && !MediaPicker} size=\"sm\" value={url} onChange={(e) => setUrl(e.target.value)} placeholder=\"https://…/guide.pdf\" aria-label=\"File URL\" spellCheck={false} autoComplete=\"off\" leading={<IconLink stroke={1.5} />} className=\"min-w-40 flex-1\" />\n          <Input size=\"sm\" value={name} onChange={(e) => setName(e.target.value)} placeholder=\"Link text\" aria-label=\"File name shown to readers\" className=\"min-w-28 flex-1\" />\n          <Button size=\"sm\" variant=\"primary\" type=\"submit\" disabled={!url.trim()}>\n            Add\n          </Button>\n        </form>\n      )}\n      {pickerEl}\n    </div>\n  );\n}\n\n/* ── Embedded component (CPO D28): a linked instance, shown as its card ─────────── */\nfunction ComponentBlock({ m, el, ctx, set }: BlockProps<\"component\">) {\n  const { useComponentInfo } = useKitServices();\n  const overrides = React.useMemo<Record<string, unknown>>(() => {\n    try {\n      const v = m.overrides ? (JSON.parse(m.overrides) as unknown) : {};\n      return v && typeof v === \"object\" && !Array.isArray(v) ? (v as Record<string, unknown>) : {};\n    } catch {\n      return {};\n    }\n  }, [m.overrides]);\n  // the host's component library answers → V2's instance card; none → the compact linked row (no state made up)\n  if (useComponentInfo) return <ComponentCard m={m} el={el} ctx={ctx} use={useComponentInfo} overrides={overrides} set={set} />;\n  const count = Object.keys(overrides).length;\n  const name = m.name || \"Block\";\n  return (\n    <div\n      role=\"group\"\n      aria-label={`${name}, ${m.detached ? \"separate copy\" : \"linked block\"}`}\n      className=\"group/blk flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\"\n      data-rt-isolate=\"\"\n    >\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n        <IconComponents className=\"size-[18px]\" stroke={1.5} aria-hidden />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-kit-sm font-medium text-kit-fg\">{name}</div>\n        <div className=\"truncate text-kit-xs text-kit-fg-3\">\n          {m.detached ? (\n            \"Separate copy · edits to the block don't reach it\"\n          ) : (\n            <>\n              {m.ref ? \"Linked block\" : \"Block with no source\"}\n              {count ? ` · ${count} ${count === 1 ? \"override\" : \"overrides\"}` : \"\"} · edits to the component show here too\n            </>\n          )}\n        </div>\n      </div>\n      {ctx.readOnly ? null : (\n        <div className=\"flex items-center gap-0.5 opacity-0 transition-opacity motion-reduce:transition-none group-hover/blk:opacity-100 group-focus-within/blk:opacity-100 pointer-coarse:opacity-100\">\n          {ctx.duplicate ? (\n            <IconButton size=\"xs\" label={`Duplicate ${name}`} onClick={() => ctx.duplicate?.(el)}>\n              <IconCopy stroke={1.5} />\n            </IconButton>\n          ) : null}\n          <RemoveBtn onClick={() => ctx.remove(el)} label={`Remove ${name}`} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Table (V2 TableBlock, CPO D42: the table value, edited with the shared table editor) ─────────── */\n/**\n * What production's rich-text table keeps: typed columns (V2's Text, Number, Price, Yes / No, Link and Rating with their unit,\n * currency, decimals, alignment, yes / no words, scale and description; a row's and a cell's type and a cell's value: a\n * first-row cell's `column`, a row's / cell's `type`, a cell's `value`), the header row and row headers, an optional caption,\n * the note under the table, row groups, the totals row and the row and column highlights (`caption`, `notes`,\n * `rowGroups`, a row's `footer` / `highlight`, a first-row cell's `highlight` / `sortable`, the table's `filterable`).\n * the table's `jsonLd` and `design` (On phones, Keep column names in view)). Footnotes are stored as the table's `footnotes` and a cell's `note` (V2's default, allowFootnotes on). No setting is\n * pinned: V2's island passes no options, so its editor offers GENERAL_TABLE (sort, search and the JSON-LD choice on,\n * everything else at its default), and so does this.\n */\nconst STORED_TABLE: TableFieldOptions = {\n  // No `columnTypes`: V2's island passes no options and no `developer` (blocks.tsx:411-421), so its editor offers every type\n  // TYPE_UI does not mark `dev` (table-editor.tsx:80-86: Text, Number, Price, Yes / No, Link, Rating), and so does this.\n  // V2's default, as V2's island draws it: its editor never reads requireCaption (table-editor.tsx:1030-1033, no hint beside\n  // Title) and its island runs no table validation (validate.ts:112 is the table FIELD's). Ours draws a \"Required\" hint for\n  // the table field lane, whose backend refuses a captionless table (table_caption_required); a rich-text table is never\n  // refused for it, so the island shows no hint, exactly as V2's.\n  requireCaption: false,\n  allowGroups: true,\n  allowNote: true,\n  settings: { sort: true, search: true },\n  // \"Help search engines read this as\": V2's GENERAL_TABLE offers all three (schema/table.ts:170)\n  jsonLd: [\"ItemList\", \"Dataset\", \"Offers\"],\n};\nfunction TableBlock({ m, set, el, ctx }: BlockProps<\"table\">) {\n  return (\n    <div className=\"group/blk\" data-rt-isolate=\"\">\n      <TableEditor\n        value={m}\n        onChange={(next) => set(() => next, \"Edit table\")}\n        readOnly={ctx.readOnly}\n        options={STORED_TABLE}\n        label=\"Table\"\n        actions={ctx.readOnly ? null : <RemoveBtn onClick={() => ctx.remove(el)} label=\"Remove table\" />}\n      />\n    </div>\n  );\n}\n\n/* ── Pull quote (V2 article-blocks.tsx ArticleBlock, surface \"panel\") ─────────── */\nconst PULL_QUOTE_LABEL = \"Pull quote\";\n/** V2 article.ts ARTICLE_SCHEMAS.pullquote: the properties panel is built from it. */\nconst PULL_QUOTE_SCHEMA: TypeSchema = {\n  name: \"pullQuote\",\n  title: PULL_QUOTE_LABEL,\n  kind: \"object\",\n  icon: \"quote\",\n  fields: [\n    { name: \"quote\", title: \"Quote\", type: \"text\", rows: 3, validation: { required: true, recommendedMax: 200 } },\n    { name: \"name\", title: \"Name\", type: \"string\", validation: { max: 60 } },\n    { name: \"role\", title: \"Role or source\", type: \"string\", validation: { max: 80 } },\n    { name: \"link\", title: \"Source link\", type: \"url\", description: \"The name links here.\" },\n  ],\n};\n\n/* one article panel open at a time (V2 useOpenArticle) */\nlet openArticle: { id: string; focusKey: string | null; nonce: number } | null = null;\nconst articleSubs = new Set<() => void>();\nconst setOpenArticle = (next: typeof openArticle) => {\n  openArticle = next;\n  articleSubs.forEach((f) => f());\n};\nfunction useOpenArticle() {\n  return React.useSyncExternalStore(\n    (cb) => (articleSubs.add(cb), () => void articleSubs.delete(cb)),\n    () => openArticle,\n    () => openArticle,\n  );\n}\n\nconst controlOf = (el: HTMLElement) =>\n  Array.from(el.querySelectorAll<HTMLElement>(\"textarea, input:not([type=hidden]), [contenteditable=true], [role=combobox]\")).find((n) => n.getClientRects().length) ??\n  Array.from(el.querySelectorAll<HTMLElement>(\":scope > :not(:first-child) button\")).find((n) => n.getClientRects().length);\nfunction focusField(root: HTMLElement | null, key: string | null) {\n  if (!root) return;\n  const rows = Array.from(root.querySelectorAll<HTMLElement>(\"[data-field-key]\"));\n  const row = (key && rows.find((r) => r.getAttribute(\"data-field-key\") === key)) || rows[0];\n  if (!row) return;\n  row.scrollIntoView({ block: \"nearest\" });\n  controlOf(row)?.focus({ preventScroll: true });\n}\n\nfunction PullQuoteBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"pullquote\">) {\n  const label = PULL_QUOTE_LABEL;\n  const uid = React.useId();\n  const card = React.useRef<HTMLDivElement | null>(null);\n  const [cardEl, setCardEl] = React.useState<HTMLDivElement | null>(null);\n  const open = useOpenArticle();\n  const editing = open?.id === uid;\n  // a stable ref: a new callback each render would pass null for a moment and remount the panel\n  const cardRef = React.useCallback((n: HTMLDivElement | null) => {\n    card.current = n;\n    if (n) setCardEl(n);\n  }, []);\n  const ro = !!ctx.readOnly;\n  const modelRef = React.useRef(m);\n  modelRef.current = m;\n\n  const openPanel = React.useCallback((k?: string | null) => {\n    if (!ro) setOpenArticle({ id: uid, focusKey: k ?? null, nonce: (openArticle?.nonce ?? 0) + 1 });\n  }, [uid, ro]);\n  const close = React.useCallback(() => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  const focusCard = React.useCallback(() => requestAnimationFrame(() => card.current?.focus({ preventScroll: true })), []);\n  React.useEffect(() => () => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  React.useEffect(() => {\n    // a fresh insert opens its form\n    if (autoFocus && !ro) openPanel();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  /** a form edit joins the body's one undo history (D54); typing coalesces per field */\n  const commit = (next: PullQuoteModel) => {\n    const prev = modelRef.current;\n    const field = (Object.keys(next) as (keyof PullQuoteModel)[]).find((k) => next[k] !== prev[k]) ?? \"\";\n    set(() => next, `Edit ${label.toLowerCase()} ${field}`);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.defaultPrevented || e.target !== card.current) return;\n    const mod = e.metaKey || e.ctrlKey;\n    const k = eventKey(e);\n    if (mod && k === \"z\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.shiftKey) ctx.redo?.();\n      else ctx.undo?.();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      openPanel();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (editing) close();\n      else ctx.exit(el);\n      return;\n    }\n    if (ro) return;\n    if (mod && k === \"d\" && ctx.duplicate) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.duplicate(el);\n    } else if (e.altKey && (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && ctx.move) {\n      e.preventDefault();\n      ctx.move(el, e.key === \"ArrowUp\" ? -1 : 1);\n      focusCard();\n    } else if (e.key === \"Backspace\" || e.key === \"Delete\") {\n      e.preventDefault();\n      ctx.remove(el);\n    }\n  };\n\n  const actions = ro ? null : (\n    <div\n      className={cn(\n        // sits on the block's top edge, so it never covers the block's own text\n        \"absolute -top-3.5 right-2 z-[2] flex items-center gap-0.5 rounded-kit-md border border-kit-line bg-kit-surface-raised p-0.5 opacity-0 shadow-kit-sm transition-opacity\",\n        \"group-hover/art:opacity-100 group-focus-within/art:opacity-100 pointer-coarse:opacity-100\",\n        editing && \"opacity-100\",\n      )}\n    >\n      <IconButton size=\"xs\" label={`Edit ${label.toLowerCase()}`} onClick={() => (editing ? close() : openPanel())}>\n        <IconSettings stroke={1.5} />\n      </IconButton>\n      <IconButton size=\"xs\" label={`Remove ${label.toLowerCase()}`} onClick={() => ctx.remove(el)} className=\"hover:text-kit-danger-fg\">\n        <IconTrash stroke={1.5} />\n      </IconButton>\n    </div>\n  );\n\n  return (\n    <>\n      <div\n        ref={cardRef}\n        role=\"group\"\n        tabIndex={0}\n        aria-label={`${label}${editing ? \", editing\" : \"\"}`}\n        aria-roledescription=\"block\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={editing}\n        data-rt-isolate=\"\"\n        data-article-block=\"pullquote\"\n        onKeyDown={onKeyDown}\n        onClick={(e) => {\n          if (ro || !e.currentTarget.contains(e.target as Node)) return;\n          const t = e.target as HTMLElement;\n          if (t.closest(\"button,a,[role=menuitem]\")) return;\n          openPanel(t.closest<HTMLElement>(\"[data-field]\")?.getAttribute(\"data-field\") ?? null);\n        }}\n        className={cn(\n          \"group/art relative rounded-kit-lg outline-none transition-shadow duration-150\",\n          !ro && \"cursor-pointer\",\n          \"focus-visible:shadow-[0_0_0_1px_var(--kit-line-strong)]\",\n          editing ? \"shadow-[0_0_0_2px_var(--kit-accent)] focus-visible:shadow-[0_0_0_2px_var(--kit-accent)]\" : !ro && \"hover:shadow-[0_0_0_1px_var(--kit-line)]\",\n        )}\n      >\n        <PullQuotePreview m={m} />\n        {actions}\n      </div>\n      {editing ? (\n        <ArticlePanel label={label} anchor={cardEl} nonce={open!.nonce} focusKey={open!.focusKey} onClose={close} focusBack={focusCard} ctx={ctx} el={el}>\n          <div data-article-form=\"\" className=\"min-w-0\">\n            <SchemaForm\n              schema={PULL_QUOTE_SCHEMA}\n              value={m as unknown as Record<string, unknown>}\n              onChange={(v) => commit(v as unknown as PullQuoteModel)}\n              variant=\"panel\"\n              scroll={false}\n              readOnly={ro}\n              rootLabel={label}\n              env={{ docId: `article:${PULL_QUOTE_SCHEMA.name}`, docTitle: label }}\n            />\n            <style>{`[data-article-form] [data-kit-form] section:first-of-type { border-top-width: 0; margin-top: 0; padding-top: 0; }`}</style>\n          </div>\n        </ArticlePanel>\n      ) : null}\n    </>\n  );\n}\n\n/* ── Key takeaways (V2 article-blocks.tsx ArticleBlock, surface \"inline\" + TakeawaysEditor) ─────────── */\nconst TAKEAWAYS_LABEL = \"Key takeaways\";\n/** V2 article.ts ARTICLE_SCHEMAS.takeaways `points` max (the stored block's limit, key_takeaways_limit_exceeded) */\nconst MAX_POINTS = 8;\n/** V2 article.ts ARTICLE_SCHEMAS.takeaways `title` max */\nconst MAX_TITLE = 40;\n\nfunction TakeawaysBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"takeaways\">) {\n  const label = TAKEAWAYS_LABEL;\n  const card = React.useRef<HTMLDivElement>(null);\n  const box = React.useRef<HTMLUListElement>(null);\n  const ro = !!ctx.readOnly;\n  const focusCard = () => requestAnimationFrame(() => card.current?.focus({ preventScroll: true }));\n  const focusPoint = (i: number, atEnd = true) =>\n    requestAnimationFrame(() => {\n      const t = box.current?.querySelectorAll<HTMLElement>(\"[role=textbox]\")[i];\n      if (!t) return;\n      t.focus();\n      placeCaret(t, atEnd);\n    });\n  const setPoint = (i: number, v: string) => set({ points: m.points.map((p, j) => (j === i ? v : p)) }, `Edit key takeaways point ${i + 1}`);\n\n  /** V2 ArticleBlock onKeyDown, on the block itself (its lines handle their own keys) */\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.defaultPrevented || e.target !== card.current) return;\n    const mod = e.metaKey || e.ctrlKey;\n    const k = eventKey(e);\n    if (mod && k === \"z\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.shiftKey) ctx.redo?.();\n      else ctx.undo?.();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.exit(el);\n      return;\n    }\n    if (ro) return;\n    if (mod && k === \"d\" && ctx.duplicate) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.duplicate(el);\n    } else if (e.altKey && (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && ctx.move) {\n      e.preventDefault();\n      ctx.move(el, e.key === \"ArrowUp\" ? -1 : 1);\n      focusCard();\n    } else if (e.key === \"Backspace\" || e.key === \"Delete\") {\n      e.preventDefault();\n      ctx.remove(el);\n    }\n  };\n\n  return (\n    <div\n      ref={card}\n      role=\"group\"\n      tabIndex={0}\n      aria-label={label}\n      aria-roledescription=\"block\"\n      data-rt-isolate=\"\"\n      data-article-block=\"takeaways\"\n      onKeyDown={onKeyDown}\n      className=\"group/art relative rounded-kit-lg outline-none transition-shadow duration-150 focus-visible:shadow-[0_0_0_1px_var(--kit-line-strong)]\"\n    >\n      <aside className=\"rounded-kit-lg border border-kit-line bg-kit-subtle px-4 py-3\" aria-label={m.title || label}>\n        <PlainEditable\n          label=\"Key takeaways title\"\n          value={m.title}\n          placeholder=\"Key takeaways\"\n          readOnly={ro}\n          onChange={(title) => {\n            // V2 ARTICLE_SCHEMAS.takeaways title max: said the moment it is crossed, not first at save (key_takeaways_limit_exceeded)\n            if (title.length > MAX_TITLE && m.title.length <= MAX_TITLE)\n              ctx.notify(`A key takeaways title holds at most ${MAX_TITLE} characters.`, \"Shorten it, or the change will not save.\");\n            set({ title }, \"Edit key takeaways title\");\n          }}\n          onEnter={() => focusPoint(0, false)}\n          className=\"text-kit-sm font-semibold text-kit-fg\"\n        />\n        <ul ref={box} className=\"m-0 mt-1.5 flex flex-col gap-1 p-0\">\n          {m.points.map((p, i) => (\n            <li key={i} className=\"flex list-none items-baseline gap-2 text-[15px] leading-relaxed text-kit-fg\">\n              <span aria-hidden className=\"mt-[0.55em] size-1.5 shrink-0 self-start rounded-full bg-kit-accent\" />\n              <PlainEditable\n                label={`Point ${i + 1}`}\n                value={p}\n                placeholder={i === 0 ? \"The first thing to remember\" : \"Another point\"}\n                readOnly={ro}\n                autoFocus={autoFocus && i === 0}\n                onChange={(v) => setPoint(i, v)}\n                onEnter={() => {\n                  if (m.points.length >= MAX_POINTS) {\n                    ctx.notify(`Key takeaways hold at most ${MAX_POINTS} points.`, \"Merge two points, or move this one into the text.\");\n                    return;\n                  }\n                  set((x) => ({ ...x, points: [...x.points.slice(0, i + 1), \"\", ...x.points.slice(i + 1)] }), \"Add a key takeaways point\");\n                  focusPoint(i + 1);\n                }}\n                onBackspaceEmpty={\n                  m.points.length > 1\n                    ? () => {\n                        set((x) => ({ ...x, points: x.points.filter((_, j) => j !== i) }), \"Remove a key takeaways point\");\n                        focusPoint(Math.max(0, i - 1));\n                      }\n                    : undefined\n                }\n                className=\"flex-1\"\n              />\n            </li>\n          ))}\n        </ul>\n      </aside>\n      {ro ? null : (\n        <div\n          className={cn(\n            // sits on the block's top edge, so it never covers the block's own text\n            \"absolute -top-3.5 right-2 z-[2] flex items-center gap-0.5 rounded-kit-md border border-kit-line bg-kit-surface-raised p-0.5 opacity-0 shadow-kit-sm transition-opacity\",\n            \"group-hover/art:opacity-100 group-focus-within/art:opacity-100 pointer-coarse:opacity-100\",\n          )}\n        >\n          <IconButton size=\"xs\" label={`Remove ${label.toLowerCase()}`} onClick={() => ctx.remove(el)} className=\"hover:text-kit-danger-fg\">\n            <IconTrash stroke={1.5} />\n          </IconButton>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ── Embed (V2 article-blocks.tsx ArticleBlock, surface \"popover\" + EmbedPreview) ─────────── */\nconst EMBED_LABEL = \"Embed\";\n/** V2 article.ts ARTICLE_SCHEMAS.embed without `aspect` (the stored block keeps no shape): the popover is built from it. */\nconst EMBED_SCHEMA: TypeSchema = {\n  name: \"embed\",\n  title: EMBED_LABEL,\n  kind: \"object\",\n  icon: \"code\",\n  fields: [\n    { name: \"url\", title: \"Link\", type: \"url\", placeholder: \"Paste a YouTube, X, CodePen, Figma or map link\", validation: { required: true } },\n    { name: \"title\", title: \"Title\", type: \"string\", validation: { required: true, max: 120 }, description: \"Not shown. Read by screen readers.\" },\n  ],\n};\n\nfunction EmbedBlock({ m, set, el, ctx, autoFocus }: BlockProps<\"embed\">) {\n  const label = EMBED_LABEL;\n  const uid = React.useId();\n  const card = React.useRef<HTMLDivElement | null>(null);\n  const form = React.useRef<HTMLDivElement | null>(null);\n  const open = useOpenArticle();\n  const editing = open?.id === uid;\n  const ro = !!ctx.readOnly;\n  const modelRef = React.useRef(m);\n  modelRef.current = m;\n\n  const openPopover = React.useCallback((k?: string | null) => {\n    if (!ro) setOpenArticle({ id: uid, focusKey: k ?? null, nonce: (openArticle?.nonce ?? 0) + 1 });\n  }, [uid, ro]);\n  const close = React.useCallback(() => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  const focusCard = React.useCallback(() => requestAnimationFrame(() => card.current?.focus({ preventScroll: true })), []);\n  React.useEffect(() => () => {\n    if (openArticle?.id === uid) setOpenArticle(null);\n  }, [uid]);\n  React.useEffect(() => {\n    // a fresh insert opens its form\n    if (autoFocus && !ro) openPopover();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n  // V2 onOpenAutoFocus: the field asked for (a click on the preview's title opens on Title), else the first\n  const nonce = editing ? open!.nonce : 0;\n  React.useEffect(() => {\n    if (!nonce) return;\n    const id = requestAnimationFrame(() => focusField(form.current, openArticle?.focusKey ?? null));\n    return () => cancelAnimationFrame(id);\n  }, [nonce]);\n\n  /** a form edit joins the body's one undo history (D54); typing coalesces per field */\n  const commit = (next: EmbedModel) => {\n    const prev = modelRef.current;\n    const field = ([\"url\", \"title\"] as const).find((k) => (next[k] ?? \"\") !== (prev[k] ?? \"\")) ?? \"\";\n    set(() => next, `Edit ${label.toLowerCase()} ${field}`);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.defaultPrevented || e.target !== card.current) return;\n    const mod = e.metaKey || e.ctrlKey;\n    const k = eventKey(e);\n    if (mod && k === \"z\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.shiftKey) ctx.redo?.();\n      else ctx.undo?.();\n      return;\n    }\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      openPopover();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (editing) close();\n      else ctx.exit(el);\n      return;\n    }\n    if (ro) return;\n    if (mod && k === \"d\" && ctx.duplicate) {\n      e.preventDefault();\n      e.stopPropagation();\n      ctx.duplicate(el);\n    } else if (e.altKey && (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && ctx.move) {\n      e.preventDefault();\n      ctx.move(el, e.key === \"ArrowUp\" ? -1 : 1);\n      focusCard();\n    } else if (e.key === \"Backspace\" || e.key === \"Delete\") {\n      e.preventDefault();\n      ctx.remove(el);\n    }\n  };\n\n  const actions = ro ? null : (\n    <div\n      className={cn(\n        // sits on the block's top edge, so it never covers the block's own buttons\n        \"absolute -top-3.5 right-2 z-[2] flex items-center gap-0.5 rounded-kit-md border border-kit-line bg-kit-surface-raised p-0.5 opacity-0 shadow-kit-sm transition-opacity\",\n        \"group-hover/art:opacity-100 group-focus-within/art:opacity-100 pointer-coarse:opacity-100\",\n        editing && \"opacity-100\",\n      )}\n    >\n      <Tooltip content={`Edit ${label.toLowerCase()}`}>\n        <IconButton size=\"xs\" label={`Edit ${label.toLowerCase()}`} onClick={() => (editing ? close() : openPopover())}>\n          <IconSettings stroke={1.5} />\n        </IconButton>\n      </Tooltip>\n      <Tooltip content={`Remove ${label.toLowerCase()}`}>\n        <IconButton size=\"xs\" label={`Remove ${label.toLowerCase()}`} onClick={() => ctx.remove(el)} className=\"hover:text-kit-danger-fg\">\n          <IconTrash stroke={1.5} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <Popover\n      open={editing}\n      onOpenChange={(o, d) => {\n        if (o) return;\n        close();\n        // V2 onCloseAutoFocus: back on the block, unless the press that closed it went somewhere else\n        if (d?.reason !== \"outside-press\") focusCard();\n      }}\n    >\n      <div\n        ref={card}\n        role=\"group\"\n        tabIndex={0}\n        aria-label={`${label}${editing ? \", editing\" : \"\"}`}\n        aria-roledescription=\"block\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={editing}\n        data-rt-isolate=\"\"\n        data-article-block=\"embed\"\n        onKeyDown={onKeyDown}\n        onClick={(e) => {\n          if (ro || !e.currentTarget.contains(e.target as Node)) return;\n          const t = e.target as HTMLElement;\n          if (t.closest(\"button,a,[role=menuitem]\")) return;\n          openPopover(t.closest<HTMLElement>(\"[data-field]\")?.getAttribute(\"data-field\") ?? null);\n        }}\n        className={cn(\n          \"group/art relative rounded-kit-lg outline-none transition-shadow duration-150\",\n          !ro && \"cursor-pointer\",\n          \"focus-visible:shadow-[0_0_0_1px_var(--kit-line-strong)]\",\n          editing ? \"shadow-[0_0_0_2px_var(--kit-accent)] focus-visible:shadow-[0_0_0_2px_var(--kit-accent)]\" : !ro && \"hover:shadow-[0_0_0_1px_var(--kit-line)]\",\n        )}\n      >\n        <EmbedPreview m={m} onAdd={() => openPopover(\"url\")} ro={ro} />\n        {actions}\n        {/* the popover opens from the block's top-right corner, over the block, wherever the block sits */}\n        <PopoverAnchor render={<span aria-hidden className=\"pointer-events-none absolute right-2 top-2 size-px\" />} />\n      </div>\n      {editing ? (\n        <PopoverContent\n          align=\"end\"\n          side=\"bottom\"\n          className=\"w-[340px] p-0\"\n          initialFocus={false}\n          finalFocus={false}\n          onKeyDown={(e) => {\n            if ((e.metaKey || e.ctrlKey) && !e.altKey && eventKey(e) === \"z\" && !e.defaultPrevented) {\n              e.preventDefault();\n              if (e.shiftKey) ctx.redo?.();\n              else ctx.undo?.();\n            }\n          }}\n        >\n          <div className=\"flex h-10 items-center gap-2 border-b border-kit-line-subtle pl-4 pr-1.5\">\n            <span className=\"flex-1 truncate text-kit-sm font-medium text-kit-fg\">{label}</span>\n            <IconButton size=\"sm\" label=\"Close\" onClick={() => (close(), focusCard())}>\n              <IconX stroke={1.5} />\n            </IconButton>\n          </div>\n          <div ref={form} className=\"max-h-[min(480px,70vh)] overflow-y-auto pb-2\">\n            <div data-article-form=\"\" className=\"min-w-0\">\n              <SchemaForm\n                schema={EMBED_SCHEMA}\n                value={{ url: m.url ?? \"\", title: m.title ?? \"\" }}\n                onChange={(v) => commit({ ...modelRef.current, url: String(v.url ?? \"\"), title: String(v.title ?? \"\") })}\n                variant=\"panel\"\n                scroll={false}\n                readOnly={ro}\n                rootLabel={label}\n                env={{ docId: `article:${EMBED_SCHEMA.name}`, docTitle: label }}\n              />\n              <style>{`[data-article-form] [data-kit-form] section:first-of-type { border-top-width: 0; margin-top: 0; padding-top: 0; }`}</style>\n            </div>\n          </div>\n        </PopoverContent>\n      ) : null}\n    </Popover>\n  );\n}\n\n/** V2 article-blocks.tsx Empty: a block with nothing to show yet. */\nconst ArticleEmpty = ({ icon, title, action, onAction, ro }: { icon: React.ReactNode; title: string; action: string; onAction: () => void; ro: boolean }) => (\n  <div className=\"flex items-center gap-3 rounded-kit-lg border border-dashed border-kit-line-strong bg-kit-subtle px-4 py-3.5\">\n    <span className=\"flex size-8 shrink-0 items-center justify-center rounded-kit-md border border-kit-line bg-kit-control-bg text-kit-fg-2 [&_svg]:size-4\">{icon}</span>\n    <span className=\"min-w-0 flex-1 text-kit-sm font-medium text-kit-fg\">{title}</span>\n    {ro ? null : (\n      <Button size=\"sm\" onClick={onAction}>\n        {action}\n      </Button>\n    )}\n  </div>\n);\n\nconst PROVIDER_ICON: Record<string, React.ReactNode> = {\n  youtube: <IconBrandYoutube stroke={1.5} />, vimeo: <IconBrandVimeo stroke={1.5} />, x: <IconBrandX stroke={1.5} />, codepen: <IconBrandCodepen stroke={1.5} />,\n  figma: <IconBrandFigma stroke={1.5} />, maps: <IconMap stroke={1.5} />, spotify: <IconBrandSpotify stroke={1.5} />, podcast: <IconMicrophone stroke={1.5} />,\n  audio: <IconHeadphones stroke={1.5} />, link: <IconWorld stroke={1.5} />,\n};\n\n/** V2 EmbedPreview: a faithful placeholder (provider, title and shape), no third-party frame in the editor. Drawn 16:9. */\nfunction EmbedPreview({ m, onAdd, ro }: { m: EmbedModel; onAdd: () => void; ro: boolean }) {\n  if (!m.url) return <ArticleEmpty icon={<IconLink stroke={1.5} />} title=\"Embed\" action=\"Paste a link\" onAction={onAdd} ro={ro} />;\n  const info = detectEmbed(m.url);\n  const icon = PROVIDER_ICON[info.provider];\n  const title = m.title || <span className=\"text-kit-warning-fg\">Add a title</span>;\n  if (info.shape === \"frame\")\n    return (\n      <figure className=\"m-0\" data-field=\"url\">\n        <div\n          className=\"relative mx-auto flex w-full flex-col items-center justify-center gap-2 overflow-hidden rounded-kit-lg border border-kit-line bg-kit-subtle text-center\"\n          style={{ aspectRatio: \"16 / 9\" }}\n        >\n          <span className=\"flex size-11 items-center justify-center rounded-full bg-kit-inverse text-kit-fg-inverse [&_svg]:size-5\">\n            {info.provider === \"youtube\" || info.provider === \"vimeo\" ? <IconPlayerPlayFilled /> : icon}\n          </span>\n          <span data-field=\"title\" className=\"max-w-[80%] truncate text-kit-sm font-medium text-kit-fg\">{title}</span>\n          <span className=\"absolute left-3 top-2.5 flex items-center gap-1.5 text-kit-xs text-kit-fg-2 [&_svg]:size-3.5\">\n            {icon}\n            {info.label}\n          </span>\n        </div>\n      </figure>\n    );\n  if (info.shape === \"audio\")\n    return (\n      <figure className=\"m-0 flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-subtle px-3 py-2.5\" data-field=\"url\">\n        <span className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-kit-inverse text-kit-fg-inverse [&_svg]:size-4\">\n          <IconPlayerPlayFilled />\n        </span>\n        <span className=\"min-w-0 flex-1\">\n          <span data-field=\"title\" className=\"block truncate text-kit-sm font-medium text-kit-fg\">{title}</span>\n          <span className=\"flex items-center gap-1 text-kit-xs text-kit-fg-3 [&_svg]:size-3\">{icon}{info.label}</span>\n        </span>\n        <span aria-hidden className=\"hidden h-1 w-28 rounded-full bg-kit-line-strong sm:block\" />\n      </figure>\n    );\n  return (\n    <figure className=\"m-0 flex items-center gap-3 rounded-kit-lg border border-kit-line bg-kit-surface px-3 py-2.5\" data-field=\"url\">\n      <span className=\"flex size-9 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2 [&_svg]:size-4\">{icon}</span>\n      <span className=\"min-w-0 flex-1\">\n        <span data-field=\"title\" className=\"block truncate text-kit-sm font-medium text-kit-fg\">{title}</span>\n        <span className=\"block truncate text-kit-xs text-kit-fg-3\">{info.shape === \"post\" ? `${info.label} · ${m.url.replace(/^https?:\\/\\/(www\\.)?/, \"\")}` : m.url.replace(/^https?:\\/\\/(www\\.)?/, \"\")}</span>\n      </span>\n    </figure>\n  );\n}\n\n/* ── Floating properties panel (D54 primitive; V2 ArticlePanel) ─────────────── */\nfunction ArticlePanel({\n  label, anchor, nonce, focusKey, onClose, focusBack, ctx, el, children,\n}: {\n  label: string;\n  anchor: HTMLElement | null;\n  nonce: number;\n  focusKey: string | null;\n  onClose: () => void;\n  focusBack: () => void;\n  ctx: IslandCtx;\n  el: IslandEl;\n  children: React.ReactNode;\n}) {\n  const panel = React.useRef<FloatingPanelHandle>(null);\n  const titleId = React.useId();\n  const container = anchor?.closest<HTMLElement>(\"[data-expanded-editor]\") ?? null;\n  React.useEffect(() => {\n    // the panel mounts (and, inside the expanded editor, docks) over a few frames; focus lands on the field asked for,\n    // and is put back while it is lost (never taken from somewhere the person went)\n    const timers: number[] = [];\n    let landed = false;\n    for (const ms of [40, 90, 160, 260, 420, 640]) {\n      timers.push(\n        window.setTimeout(() => {\n          const root = panel.current?.el() ?? null;\n          if (!root?.querySelector(\"[data-field-key]\")) return;\n          const a = document.activeElement as HTMLElement | null;\n          const lost = !a || a === document.body || a.hasAttribute(\"data-expanded-editor\") || a.hasAttribute(\"data-article-block\");\n          if (root.contains(a)) return void (landed = true);\n          if (!landed || lost) focusField(root, focusKey);\n          if (root.contains(document.activeElement)) landed = true;\n        }, ms),\n      );\n    }\n    return () => timers.forEach((t) => window.clearTimeout(t));\n  }, [nonce]); // eslint-disable-line react-hooks/exhaustive-deps\n  React.useEffect(() => panel.current?.announce(`${label} properties.`), [label]);\n  const header = (\n    <>\n      <span id={titleId} className=\"min-w-0 flex-1 truncate text-kit-sm font-medium text-kit-fg\">{label}</span>\n      <Menu>\n        <MenuTrigger\n          render={\n            <IconButton size=\"sm\" label={`${label} actions`}>\n              <IconDots stroke={1.5} />\n            </IconButton>\n          }\n        />\n        <MenuContent align=\"end\" className=\"w-52\">\n          {ctx.readOnly || !ctx.duplicate ? null : (\n            <>\n              <MenuItem icon={<IconCopy stroke={1.5} />} onClick={() => ctx.duplicate?.(el)}>Duplicate</MenuItem>\n              <MenuSeparator />\n            </>\n          )}\n          <MenuItem icon={<IconArrowsMove stroke={1.5} />} onClick={() => panel.current?.keyboard(\"move\")}>Move panel</MenuItem>\n          <MenuItem icon={<IconDimensions stroke={1.5} />} onClick={() => panel.current?.keyboard(\"resize\")}>Resize panel</MenuItem>\n          <MenuItem icon={<IconLayoutSidebar stroke={1.5} />} onClick={() => panel.current?.dock(\"left\")}>Dock left</MenuItem>\n          <MenuItem icon={<IconLayoutSidebarRight stroke={1.5} />} onClick={() => panel.current?.dock(\"right\")}>Dock right</MenuItem>\n          {ctx.readOnly ? null : (\n            <>\n              <MenuSeparator />\n              <MenuItem danger icon={<IconTrash stroke={1.5} />} onClick={() => ctx.remove(el)}>Remove</MenuItem>\n            </>\n          )}\n        </MenuContent>\n      </Menu>\n      <IconButton size=\"sm\" label=\"Close properties\" tooltip=\"Close\" onClick={() => (onClose(), focusBack())}>\n        <IconX stroke={1.5} />\n      </IconButton>\n    </>\n  );\n  return (\n    <FloatingPanel\n      ref={panel}\n      id=\"article-properties\"\n      labelledBy={titleId}\n      anchor={anchor}\n      container={container}\n      header={header}\n      onClose={onClose}\n      focusBack={focusBack}\n      onPanelKeyDown={(e) => {\n        if ((e.metaKey || e.ctrlKey) && !e.altKey && eventKey(e) === \"z\" && !e.defaultPrevented) {\n          e.preventDefault();\n          if (e.shiftKey) ctx.redo?.();\n          else ctx.undo?.();\n        }\n      }}\n      sheetFooter={\n        <Button size=\"sm\" variant=\"primary\" onClick={() => (onClose(), focusBack())}>\n          Done\n        </Button>\n      }\n    >\n      <div className=\"pb-3 pt-1\">{children}</div>\n    </FloatingPanel>\n  );\n}\n\n/* ── Preview (what the reader sees; V2 PullQuotePreview) ───────────── */\nfunction PullQuotePreview({ m }: { m: PullQuoteModel }) {\n  return (\n    <figure className=\"m-0 py-2 pl-5 pr-10\">\n      <IconQuote className=\"mb-1 size-6 text-kit-accent-fg\" stroke={1.5} aria-hidden />\n      <blockquote data-field=\"quote\" className={cn(\"m-0 text-[22px] font-medium leading-snug tracking-[-0.01em]\", m.quote ? \"text-kit-fg\" : \"text-kit-fg-4\")}>\n        {m.quote || \"Write the quote\"}\n      </blockquote>\n      {m.name || m.role ? (\n        <figcaption className=\"mt-3 text-kit-sm text-kit-fg-2\">\n          {m.name ? (\n            <span data-field=\"name\" className={cn(\"font-medium text-kit-fg\", m.link && \"underline decoration-kit-line-strong underline-offset-2\")}>\n              {m.name}\n            </span>\n          ) : null}\n          {m.name && m.role ? \", \" : null}\n          {m.role ? <span data-field=\"role\">{m.role}</span> : null}\n        </figcaption>\n      ) : (\n        <figcaption data-field=\"name\" className=\"mt-3 text-kit-sm text-kit-fg-4\">Who said it</figcaption>\n      )}\n    </figure>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,SAAgB,OAAO,EAAE,IAAI,OAAyC;CACpE,MAAM,OAAO,GAAG,aAAa,gBAAgB;CAC7C,MAAM,CAAC,OAAO,YAAY,MAAM,eAAe,GAAG,IAAK;CACvD,MAAM,CAAC,aAAa,MAAM,eAAe,CAAC,CAAC,GAAG,SAAS;CACvD,MAAM,gBAAgB;EACpB,GAAG,YAAY;CACjB,GAAG,CAAC,EAAE,CAAC;CACP,MAAM,MAAM,MAAM,aACf,OAAgB,QAAQ,cAAc,SAAS,SAAS;EACvD,MAAM,OAAO,GAAG;EAChB,MAAM,OAAO,OAAO,UAAU,aAAc,MAAgC,IAAI,IAAI;GAAE,GAAG;GAAM,GAAI;EAAiB;EAEpH,IAAI,QAAQ,IAAI,SAAS,IAAI,MAAM,OAAO,OAAO,UAAU,UAAU;EACrE,GAAG,OAAO;EACV,SAAS,IAAgC;EACzC,IAAI,KAAK;CACX,GACA,CAAC,IAAI,GAAG,CACV;CACA,MAAM,gBAAgB;EACpB,GAAG,WAAW,MAAM;GAClB,GAAG,OAAO;GACV,SAAS,CAAC;GACV,IAAI,KAAK;EACX;EACA,aAAa;GACX,IAAI,GAAG,SAAS,OAAO,GAAG;EAC5B;CACF,GAAG,CAAC,IAAI,GAAG,CAAC;CACZ,MAAM,aAAa,MAA2B;EAC5C,IAAI,CAAC,EAAE,cAAc,SAAS,EAAE,MAAc,GAAG;EACjD,IAAI,EAAE,QAAQ,YAAa,EAAE,OAAuB,mBAAmB;GACrE,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,KAAK,EAAE;EACb;CACF;CACA,OACE,oBAAC,OAAD;EAAK,WAAU;EAAkC;EAAW,oBAAkB;EAC3E,UAAA,SAAS,UAAU,oBAAC,YAAD;GAAgB;GAAS;GAAgB;GAAW,GAAG;GAA0B;EAAyB,CAAA,IAC1H,SAAS,UAAU,oBAAC,YAAD;GAAgB;GAAS;GAAgB;GAAW,GAAG;GAA0B;EAAyB,CAAA,IAC7H,SAAS,cAAc,oBAAC,gBAAD;GAAoB;GAAS;GAAgB;GAAW,GAAG;GAA8B;EAA6B,CAAA,IAC7I,SAAS,cAAc,oBAAC,gBAAD;GAAoB;GAAS;GAAgB;GAAW,GAAG;GAA8B;EAA6B,CAAA,IAC7I,SAAS,YAAY,oBAAC,cAAD;GAAkB;GAAS;GAAgB;GAAW,GAAG;GAA4B;EAA2B,CAAA,IACrI,SAAS,WAAW,oBAAC,aAAD;GAAiB;GAAS;GAAgB;GAAW,GAAG;GAA2B;EAA0B,CAAA,IACjI,SAAS,UAAU,oBAAC,YAAD;GAAgB;GAAS;GAAgB;GAAW,GAAG;GAA0B;EAAyB,CAAA,IAC7H,SAAS,UAAU,oBAAC,YAAD;GAAgB;GAAS;GAAgB;GAAW,GAAG;GAA0B;EAAyB,CAAA,IAC7H,SAAS,SAAS,oBAAC,WAAD;GAAe;GAAS;GAAgB;GAAW,GAAG;GAAyB;EAAwB,CAAA,IACzH,SAAS,cAAc,oBAAC,gBAAD;GAAoB;GAAS;GAAgB;GAAW,GAAG;GAA8B;EAA6B,CAAA,IAC7I;CACD,CAAA;AAET;AAEA,IAAM,YAAY,oBAAC,QAAD;CAAM,eAAA;CAAY,WAAU;AAAwC,CAAA;;AAEtF,IAAM,cAAc,MAAc,0BAA0B,KAAK,CAAC,KAAK,gBAAgB,KAAK,CAAC;AAG7F,SAAS,cAAc,EACrB,OACA,UACA,OACA,aACA,UACA,WACA,WACA,SACA,kBACA,aAcC;CACD,MAAM,MAAM,MAAM,OAAuB,IAAI;CAC7C,MAAM,sBAAsB;EAC1B,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,MAAM,SAAS,kBAAkB,IAAI;EAC1C,IAAI,GAAG,gBAAgB,OAAO,GAAG,cAAc;CACjD,GAAG,CAAC,KAAK,CAAC;CACV,MAAM,gBAAgB;EACpB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,UAAU;EAC5C,IAAI,QAAQ,MAAM,EAAE,eAAe,MAAM,CAAC;EAC1C,WAAW,IAAI,OAAO;CAExB,GAAG,CAAC,CAAC;CACL,OACE,oBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,kBAAgB,aAAa,KAAA;EAC7B,iBAAe,YAAY,KAAA;EAC3B,UAAU,WAAW,KAAK;EAC1B,iBAAiB,WAAW,QAAQ;EACpC,gCAAA;EACA,YAAA;EACA,oBAAkB;EAClB,UAAU,MAAM,UAAU,EAAE,cAAc,eAAe,GAAA,CAAI,QAAQ,WAAW,EAAE,CAAC;EACnF,UAAU,MAAM;GACd,EAAE,eAAe;GACjB,MAAM,IAAI,EAAE,cAAc,QAAQ,YAAY;GAC9C,SAAS,YAAY,cAAc,OAAO,YAAY,IAAI,EAAE,QAAQ,aAAa,GAAG,CAAC;EACvF;EACA,YAAY,MAAM;GAChB,IAAI,EAAE,QAAQ,eAAe,oBAAoB,EAAE,EAAE,cAAc,eAAe,GAAA,CAAI,QAAQ,WAAW,EAAE,GAAG;IAC5G,EAAE,eAAe;IACjB,iBAAiB;IACjB;GACF;GACA,IAAI,EAAE,QAAQ,SAAS;GAEvB,IAAI,aAAa,EAAE,EAAE,WAAW,EAAE,UAAU;GAC5C,EAAE,eAAe;GACjB,UAAU;EACZ;EACA,WAAW,GACT,wMACA,SACF;CACD,CAAA;AAEL;AAEA,IAAM,aAAa,EAAE,SAAS,QAAQ,qBACpC,oBAAC,YAAD;CAAY,MAAK;CAAY;CAAgB;CAAS,WAAU;CAC9D,UAAA,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;AACf,CAAA;;AAKd,IAAM,QAAsD;CAC1D;EAAE,GAAG;EAAK,OAAO;EAAK,GAAG;CAAM;CAC/B;EAAE,GAAG;EAAK,OAAO;EAAK,GAAG;CAAM;CAC/B;EAAE,GAAG;EAAK,OAAO;EAAK,GAAG;CAAM;CAC/B;EAAE,GAAG;EAAQ,OAAO;EAAQ,GAAG;CAAO;AACxC;AACA,IAAM,cAA0C;CAAE,MAAM;CAAQ,QAAQ;CAAO,MAAM;CAAO,OAAO;AAAM;AACzG,IAAM,SAAoE;CACxE;EAAE,GAAG;EAAQ,OAAO;EAAc,MAAM,oBAAC,sBAAD,EAAsB,QAAQ,IAAM,CAAA;CAAE;CAC9E;EAAE,GAAG;EAAU,OAAO;EAAU,MAAM,oBAAC,uBAAD,EAAuB,QAAQ,IAAM,CAAA;CAAE;CAC7E;EAAE,GAAG;EAAQ,OAAO;EAAQ,MAAM,oBAAC,qBAAD,EAAqB,QAAQ,IAAM,CAAA;CAAE;CACvE;EAAE,GAAG;EAAS,OAAO;EAAS,MAAM,oBAAC,sBAAD,EAAsB,QAAQ,IAAM,CAAA;CAAE;AAC5E;AAEA,SAAS,WAAW,EAAE,GAAG,KAAK,IAAI,OAA4B;CAC5D,MAAM,EAAE,gBAAgB,eAAe;CACvC,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,KAAK;CAChD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,KAAK;CAClD,MAAM,CAAC,KAAK,UAAU,MAAM,SAAS,EAAE;CACvC,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,KAAK;CACpD,MAAM,KAAK,IAAI;CACf,MAAM,WAAW,cACf,oBAAC,aAAD;EACE,MAAM;EACN,cAAc;EACd,QAAQ,CAAC,SAAS,KAAK;EACvB,SAAS,MAAM,EAAE,MAAM,IAAI;GAAE,KAAK,EAAE,EAAE,CAAC;GAAK,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO;EAAG,GAAG,eAAe;CAC5F,CAAA,IACC;CAEJ,IAAI,CAAC,EAAE,KACL,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;MACd,UAAA,oBAAC,WAAD;OAAW,WAAU;OAAS,QAAQ;OAAK,eAAA;MAAa,CAAA;KACpD,CAAA;KACN,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,OAAD;OAAK,WAAU;OAAsC,UAAA;MAAiB,CAAA,GACtE,oBAAC,KAAD;OAAG,WAAU;OAA6B,UAAA,cAAc,qDAAqD;MAAgC,CAAA,CAC1I;;KACJ,KAAK,OAAO,oBAAC,WAAD;MAAW,eAAe,IAAI,OAAO,EAAE;MAAG,OAAM;KAAgB,CAAA;IAC1E;;GACJ,KAAK,OAAO,WAAW,CAAC,cACvB,qBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAM;KACf,EAAE,eAAe;KACjB,MAAM,IAAI,IAAI,KAAK;KACnB,IAAI,CAAC,WAAW,CAAC,GAAG,OAAO,IAAI,OAAO,qDAAqD,gDAAgD;KAC3I,IAAI;MAAE,KAAK;MAAG,KAAK,EAAE,OAAO;KAAG,GAAG,WAAW;KAC7C,IAAI,KAAK,EAAE;IACb;IARF,UAAA;KAUE,oBAAC,OAAD;MAAO,WAAA;MAAU,MAAK;MAAK,OAAO;MAAK,WAAW,MAAM,OAAO,EAAE,OAAO,KAAK;MAAG,aAAY;MAAY,cAAW;MAAY,SAAS,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;MAAG,WAAU;KAAU,CAAA;KACvL,oBAAC,QAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,MAAK;MAAS,UAAU,CAAC,IAAI,KAAK;MAAG,UAAA;KAEjE,CAAA;KACP,cACC,oBAAC,QAAD;MAAQ,MAAK;MAAK,SAAQ;MAAQ,eAAe,WAAW,KAAK;MAAG,UAAA;KAE5D,CAAA,IACN;IACA;GAEN,CAAA,IAAA,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,QAAD;KAAQ,MAAK;KAAK,UAAU,oBAAC,kBAAD,EAAkB,QAAQ,IAAM,CAAA;KAAG,eAAe,UAAU,IAAI;KAAG,UAAA;IAEvF,CAAA,GACR,oBAAC,QAAD;KAAQ,MAAK;KAAK,SAAQ;KAAQ,UAAU,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;KAAG,eAAe,WAAW,IAAI;KAAG,UAAA;IAEhG,CAAA,CACL;;GAEN;EACE;;CAGT,MAAM,QAAoB,EAAE,SAAS;CACrC,MAAM,OAAO,EAAE;CACf,MAAM,QAAQ,OAAQ,MAAM,MAAM,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,KAAK,SAAU,YAAY;CAClF,MAAM,UAAU,UAAU,SAAS,kBAAkB,UAAU,UAAU,gBAAgB;CACzF,MAAM,YAAY,OAAO,MAAM,MAAM,EAAE,MAAM,KAAK;CAClD,MAAM,UACJ;CACF,OACE,qBAAC,UAAD;EAAQ,WAAU;EAAlB,UAAA;GACG,KAAK,OACJ,qBAAC,OAAD;IACE,MAAK;IACL,cAAW;IACX,WAAW,GACT,kLACA,6FACA,QAAQ,aACV;IAPF,UAAA;KASG,cACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,SAAD;MAAS,SAAQ;MACf,UAAA,qBAAC,UAAD;OAAQ,MAAK;OAAS,cAAW;OAAgB,WAAW;OAAS,eAAe,UAAU,IAAI;OAAlG,UAAA,CACE,oBAAC,aAAD;QAAa,QAAQ;QAAK,eAAA;OAAa,CAAA,GACtC,IAAI,QAAQ,OAAO,SACd;;KACD,CAAA,GACT,oBAAC,KAAD,CAAM,CAAA,CACN,EAAA,CAAA,IACA;KACJ,qBAAC,MAAD;MAAM,cAAc;MAApB,UAAA,CACE,oBAAC,aAAD,EACE,QACE,qBAAC,UAAD;OAAQ,MAAK;OAAS,cAAY,UAAU,UAAU;OAAS,WAAW;OAA1E,UAAA,CACG,UAAU,MACX,oBAAC,iBAAD;QAAiB,WAAU;QAAwB,QAAQ;QAAK,eAAA;OAAa,CAAA,CACvE;MAEX,CAAA,EAAA,CAAA,GACD,oBAAC,aAAD;OAAa,WAAU;OACpB,UAAA,OAAO,KAAK,MACX,oBAAC,UAAD;QAEE,MAAM,EAAE;QACR,eAAe,IAAI;SAAE,OAAO,EAAE;SAAG,GAAI,EAAE,MAAM,SAAS,EAAE,MAAM,OAAgB,IAAI,SAAS,UAAU,CAAC,OAAO,EAAE,MAAM,IAAa,IAAI,CAAC;QAAG,GAAG,aAAa;QAE1J,UAAA,qBAAC,QAAD;SAAM,WAAU;SAAhB,UAAA,CACG,EAAE,OACF,UAAU,EAAE,IAAI,oBAAC,WAAD;UAAW,WAAU;UAAyB,QAAQ;UAAG,eAAA;SAAa,CAAA,IAAI,IACvF;;OACE,GARH,EAAE,CAQC,CACX;MACU,CAAA,CACT;;KACN,oBAAC,OAAD;MAAK,MAAK;MAAQ,cAAW;MAAO,WAAU;MAC3C,UAAA,MAAM,KAAK,MAAM;OAChB,MAAM,MAAM,SAAS,UAAU,SAAS,SAAS,WAAW,EAAE;OAC9D,OACE,oBAAC,UAAD;QAEE,MAAK;QACL,gBAAc;QACd,cAAY,QAAQ,EAAE;QACtB,eAAe,IAAI;SAAE,MAAM,EAAE;SAAG,GAAI,EAAE,MAAM,SAAS,EAAE,OAAO,OAAgB,IAAI,UAAU,SAAS,EAAE,OAAO,SAAkB,IAAI,CAAC;QAAG,GAAG,cAAc;QACzJ,WAAW,GAAG,kGAAkG,MAAM,yCAAyC;QAE9J,UAAA,EAAE;OACG,GARD,EAAE,CAQD;MAEZ,CAAC;KACE,CAAA;KACL,oBAAC,KAAD,CAAM,CAAA;KACN,qBAAC,SAAD;MACE,MAAM;MACN,eAAe,MAAM;OACnB,YAAY,CAAC;OACb,QAAQ,CAAC;MACX;MALF,UAAA,CAOE,oBAAC,SAAD;OAAS,SAAS,EAAE,OAAO,YAAY,EAAE,SAAS;OAChD,UAAA,oBAAC,gBAAD;QAAgB,cAAW;QAAiB,WAAW,GAAG,SAAS,EAAE,QAAQ,oBAAoB;QAC/F,UAAA,oBAAC,UAAD;SAAU,QAAQ;SAAK,eAAA;QAAa,CAAA;OACtB,CAAA;MACT,CAAA,GACT,qBAAC,gBAAD;OAAgB,WAAU;OAA+B,YAAY;OAArE,UAAA,CACE,oBAAC,KAAD;QAAG,WAAU;QAA6C,UAAA;OAAoB,CAAA,GAC9E,oBAAC,UAAD;QACE,SAAS,EAAE,MAAM,EAAE,QAAQ,GAAG;QAC9B,aAAa;QACb,SAAS,MAAM;SACb,IAAI,EAAE,MAAM,EAAE,KAAK,GAAG,YAAY;SAClC,YAAY,KAAK;SACjB,QAAQ,KAAK;QACf;QACA,gBAAgB;SACd,YAAY,KAAK;SACjB,QAAQ,KAAK;QACf;QACA,UACE,EAAE,aACQ;SACJ,KAAK,MAAM;UACT,MAAM,EAAE,MAAM,OAAO,GAAG,SAAS;UAEjC,OAAO;SACT,GAAG,cAAc;SACjB,YAAY,KAAK;SACjB,QAAQ,KAAK;QACf,IACA,KAAA;OAEP,CAAA,CACa;MACT,CAAA,CAAA;;KACT,oBAAC,YAAD;MAAY,KAAK,EAAE,OAAO;MAAI,SAAS,QAAQ,IAAI,EAAE,IAAI,GAAG,eAAe;MAAG,QAAQ;MAAS,UAAU;KAAU,CAAA;KACnH,oBAAC,KAAD,CAAM,CAAA;KACN,oBAAC,SAAD;MAAS,SAAQ;MACf,UAAA,oBAAC,UAAD;OAAQ,MAAK;OAAS,cAAW;OAAe,WAAW,GAAG,SAAS,0BAA0B;OAAG,eAAe,IAAI,OAAO,EAAE;OAC9H,UAAA,oBAAC,WAAD;QAAW,QAAQ;QAAK,eAAA;OAAa,CAAA;MAC/B,CAAA;KACD,CAAA;IACN;;GAEP,oBAAC,OAAD;IAAK,WAAW,GAAG,QAAQ,OAAO;IAChC,UAAA,oBAAC,OAAD;KAAK,KAAK,EAAE;KAAK,KAAK,EAAE,OAAO;KAAI,OAAO,EAAE,MAAM;KAAG,WAAU;KAAgE,WAAW;IAAQ,CAAA;GAC/I,CAAA;GACJ,MAAM,CAAC,EAAE,UAAU,OAClB,oBAAC,eAAD;IACE,OAAO,EAAE,WAAW;IACpB,OAAM;IACN,UAAU;IACV,aAAa,KAAK,KAAK;IACvB,WAAW,YAAY,IAAI,EAAE,QAAQ,GAAG,cAAc;IACtD,eAAe,IAAI,KAAK,EAAE;IAC1B,WAAU;GACX,CAAA;GAEF;EACK;;AAEZ;AAEA,SAAS,WAAW,EAAE,KAAK,QAAQ,QAAQ,YAA0G;CACnJ,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,CAAC,GAAG,QAAQ,MAAM,SAAS,GAAG;CACpC,MAAM,KAAK,MAAM,MAAM;CACvB,OACE,qBAAC,SAAD;EACQ;EACN,eAAe,MAAM;GACnB,QAAQ,CAAC;GACT,OAAO,CAAC;GACR,IAAI,GAAG,KAAK,GAAG;EACjB;EANF,UAAA,CAQE,oBAAC,SAAD;GAAS,SAAS,MAAM,aAAa;GACnC,UAAA,oBAAC,gBAAD;IAAgB,cAAW;IAAW,WAAW,GAAG,UAAU,CAAC,OAAO,qBAAqB;IACzF,UAAA,oBAAC,SAAD;KAAS,QAAQ;KAAK,eAAA;IAAa,CAAA;GACrB,CAAA;EACT,CAAA,GACT,oBAAC,gBAAD;GAAgB,WAAU;GAAO,YAAY;GAC3C,UAAA,qBAAC,QAAD;IACE,WAAW,MAAM;KACf,EAAE,eAAe;KACjB,OAAO,EAAE,KAAK,CAAC;KACf,QAAQ,KAAK;KACb,OAAO,KAAK;IACd;IACA,WAAU;IAPZ,UAAA;KASE,oBAAC,SAAD;MAAO,WAAU;MAAwC,SAAS;MAAI,UAAA;KAE/D,CAAA;KACP,oBAAC,UAAD;MAAc;MAAI,WAAA;MAAU,OAAO;MAAG,WAAW,MAAM,KAAK,EAAE,OAAO,KAAK;MAAG,aAAY;MAAqB,MAAM;KAAI,CAAA;KACxH,oBAAC,KAAD;MAAG,WAAU;MAA6B,UAAA;KAA2D,CAAA;KACrG,oBAAC,OAAD;MAAK,WAAU;MACb,UAAA,oBAAC,QAAD;OAAQ,MAAK;OAAK,SAAQ;OAAU,MAAK;OAAS,UAAA;MAE1C,CAAA;KACL,CAAA;IACD;;EACQ,CAAA,CACT;;AAEb;AAGA,IAAM,QAAkG;CACtG,MAAM;EAAE,OAAO;EAAQ,MAAM,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;EAAG,KAAK;EAAyC,MAAM;CAAmB;CACrI,KAAK;EAAE,OAAO;EAAO,MAAM,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;EAAG,KAAK;EAA+C,MAAM;CAAsB;CACtI,SAAS;EAAE,OAAO;EAAW,MAAM,oBAAC,mBAAD,EAAmB,QAAQ,IAAM,CAAA;EAAG,KAAK;EAA+C,MAAM;CAAsB;AACzJ;AACA,SAAS,aAAa,EAAE,GAAG,KAAK,IAAI,KAAK,aAAoC;CAE3E,MAAM,OAAqB,cAAoC,SAAS,EAAE,QAAQ,EAAE,IAAK,EAAE,OAAuB;CAClH,MAAM,IAAI,MAAM;CAChB,MAAM,OAAO,MAAM,OAAuB,IAAI;CAC9C,MAAM,KAAK,IAAI;CACf,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,wDAAwD,EAAE,GAAG;EAAG,mBAAgB;EAAnG,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,aAAD;MACE,UAAU;MACV,QACE,qBAAC,UAAD;OACE,MAAK;OACL,cAAY,iBAAiB,EAAE;OAC/B,WAAW,GAAG,sJAAsJ,EAAE,IAAI;OAH5K,UAAA;QAKG,EAAE;QACF,EAAE;QACF,KAAK,OAAO,oBAAC,iBAAD;SAAiB,WAAU;SAAqB,QAAQ;SAAK,eAAA;QAAa,CAAA;OACjF;;KAEX,CAAA,GACD,oBAAC,aAAD;MAAa,WAAU;MACpB,UAAA,cAAc,KAAK,MAClB,oBAAC,UAAD;OAAkB,MAAM,MAAM,EAAE,CAAC;OAAM,eAAe,IAAI,EAAE,MAAM,EAAE,GAAG,qBAAqB;OAC1F,UAAA,qBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA,CACG,MAAM,EAAE,CAAC,OACT,SAAS,IAAI,oBAAC,WAAD;SAAW,WAAU;SAAyB,QAAQ;SAAG,eAAA;QAAa,CAAA,IAAI,IACpF;;MACE,GALK,CAKL,CACX;KACU,CAAA,CACT,EAAA,CAAA;KACN,oBAAC,QAAD,EAAM,WAAU,SAAU,CAAA;KACzB,KAAK,OACJ,oBAAC,OAAD;MAAK,WAAU;MACb,UAAA,oBAAC,WAAD;OAAW,eAAe,IAAI,OAAO,EAAE;OAAG,OAAM;MAAkB,CAAA;KAC/D,CAAA;IAEJ;;GACL,oBAAC,eAAD;IACE,OAAO,EAAE,SAAS;IAClB,OAAM;IACN,UAAU;IACC;IACX,aAAY;IACZ,WAAW,UAAU,IAAI,EAAE,MAAM,GAAG,oBAAoB;IACxD,eAAe;KACb,MAAM,IAAI,KAAK,SAAS,cAA2B,gBAAgB;KACnE,GAAG,MAAM;KACT,IAAI,GAAG,WAAW,GAAG,KAAK;IAC5B;IACA,WAAU;GACX,CAAA;GACD,oBAAC,OAAD;IAAK,KAAK;IACR,UAAA,oBAAC,eAAD;KACE,WAAA;KACA,OAAO,EAAE,QAAQ;KACjB,OAAM;KACN,UAAU;KACV,aAAY;KACZ,WAAW,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,sBAAsB;KACxD,WAAU;IACX,CAAA;GACE,CAAA;EACF;;AAET;AAGA,SAAS,YAAY,EAAE,GAAG,KAAK,IAAI,KAAK,aAAmC;CACzE,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,CAAC,CAAC,SAAS;CAClD,MAAM,OAAO,MAAM,OAAuB,IAAI;CAC9C,MAAM,SAAS,MAAM,MAAM;CAC3B,MAAM,KAAK,IAAI;CACf,OACE,qBAAC,OAAD;EAAK,WAAU;EAAoC,mBAAgB;EAAnE,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,UAAD;KACE,MAAK;KACL,iBAAe;KACf,iBAAe;KACf,cAAY,OAAO,oBAAoB;KACvC,eAAe,SAAS,MAAM,CAAC,CAAC;KAChC,WAAU;KAEV,UAAA,oBAAC,kBAAD;MAAkB,WAAW,GAAG,4CAA4C,QAAQ,WAAW;MAAG,QAAQ;MAAK,eAAA;KAAa,CAAA;IACtH,CAAA;IACR,oBAAC,eAAD;KACE,OAAO,EAAE,SAAS;KAClB,OAAM;KACN,UAAU;KACC;KACX,aAAY;KACZ,WAAW,UAAU,IAAI,EAAE,MAAM,GAAG,mBAAmB;KACvD,eAAe;MACb,QAAQ,IAAI;MACZ,4BAA4B;OAC1B,MAAM,IAAI,KAAK,SAAS,cAA2B,gBAAgB;OACnE,GAAG,MAAM;OACT,IAAI,GAAG,WAAW,GAAG,KAAK;MAC5B,CAAC;KACH;KACA,WAAU;IACX,CAAA;IACA,KAAK,OACJ,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,WAAD;MAAW,eAAe,IAAI,OAAO,EAAE;MAAG,OAAM;KAAiB,CAAA;IAC9D,CAAA;GAEJ;EACL,CAAA,GAAA,oBAAC,OAAD;GAAK,KAAK;GAAM,IAAI;GAAQ,QAAQ,CAAC;GAAM,WAAU;GACnD,UAAA,oBAAC,eAAD;IACE,WAAA;IACA,OAAO,EAAE,QAAQ;IACjB,OAAM;IACN,UAAU;IACV,aAAY;IACZ,WAAW,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,kBAAkB;IACpD,WAAU;GACX,CAAA;EACE,CAAA,CACF;;AAET;AAGA,IAAM,cAAc,MAAc,oBAAoB,KAAK,CAAC,KAAK,gBAAgB,KAAK,CAAC;AACvF,SAAS,cAAc,KAA4B;CACjD,MAAM,KAAK,0FAA0F,KAAK,GAAG;CAC7G,IAAI,IAAI,OAAO,0CAA0C,GAAG;CAC5D,MAAM,QAAQ,iCAAiC,KAAK,GAAG;CACvD,IAAI,OAAO,OAAO,kCAAkC,MAAM;CAC1D,OAAO;AACT;AACA,SAAS,WAAW,EAAE,GAAG,KAAK,IAAI,KAAK,aAAkC;CACvE,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,EAAE,OAAO,EAAE;CACpD,MAAM,gBAAgB,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC;CACpD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAwB,IAAI;CAC5D,MAAM,QAAQ,MAAM,MAAM;CAC1B,MAAM,eAAe;EACnB,MAAM,IAAI,MAAM,KAAK;EACrB,IAAI,OAAO,EAAE,OAAO,KAAK,OAAO,SAAS,IAAI;EAC7C,IAAI,KAAK,CAAC,WAAW,CAAC,GAAG,OAAO,SAAS,sEAAsE;EAC/G,SAAS,IAAI;EACb,IAAI,EAAE,KAAK,EAAE,GAAG,gBAAgB;CAClC;CACA,MAAM,KAAK,IAAI;CACf,MAAM,QAAQ,EAAE,MAAM,cAAc,EAAE,GAAG,IAAI;CAC7C,OACE,qBAAC,OAAD;EAAK,WAAU;EAAsE,mBAAgB;EAArG,UAAA;GACG,KAAK,OACJ,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,OAAD;KACE,MAAK;KACM;KACX,OAAO;KACP,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;KACxC,QAAQ;KACR,YAAY,MAAM;MAChB,IAAI,EAAE,QAAQ,SAAS;OACrB,EAAE,eAAe;OACjB,OAAO;MACT;KACF;KACA,aAAY;KACZ,cAAW;KACX,gBAAc,CAAC,CAAC,SAAS,KAAA;KACzB,oBAAkB,QAAQ,QAAQ,KAAA;KAClC,YAAY;KACZ,cAAa;KACb,SAAS,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;KAClC,WAAU;IACX,CAAA,GACD,oBAAC,WAAD;KAAW,eAAe,IAAI,OAAO,EAAE;KAAG,OAAM;IAAgB,CAAA,CAC7D;;GAEN,QACC,oBAAC,KAAD;IAAG,IAAI;IAAO,MAAK;IAAQ,WAAU;IAClC,UAAA;GACA,CAAA,IACD;GACH,QACC,oBAAC,UAAD;IACE,KAAK;IACL,OAAO,EAAE,SAAS;IAClB,SAAQ;IACR,UAAU;IACV,SAAQ;IACR,gBAAe;IACf,WAAU;GACX,CAAA,IACC,EAAE,MACJ,oBAAC,SAAD;IAAO,KAAK,EAAE;IAAK,OAAO,EAAE,SAAS;IAAiB,UAAA;IAAS,SAAQ;IAAW,WAAU;GAAmD,CAAA,IAE/I,oBAAC,KAAD;IAAG,WAAU;IAAwC,UAAA;GAAgB,CAAA;EAEpE;;AAET;AAGA,IAAM,eAAe,MAAe,IAAI,OAAO,GAAG,EAAE,MAAM,IAAI,UAAc,IAAI,IAAI,KAAA,CAAM,QAAQ,CAAC,EAAE,OAAO,IAAI,IAAI,OAAO,KAAA,CAAM,QAAQ,CAAC,EAAE;AAC5I,SAAS,UAAU,EAAE,GAAG,KAAK,IAAI,KAAK,aAAiC;CACrE,MAAM,EAAE,gBAAgB,eAAe;CACvC,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,KAAK;CAChD,MAAM,CAAC,KAAK,UAAU,MAAM,SAAS,EAAE;CACvC,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,EAAE;CACzC,MAAM,KAAK,IAAI;CACf,MAAM,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE;CAC1B,MAAM,WAAW,cACf,oBAAC,aAAD;EAAa,MAAM;EAAQ,cAAc;EAAW,QAAQ,CAAC,MAAM;EAAG,SAAS,MAAM,EAAE,MAAM,IAAI;GAAE,KAAK,EAAE,EAAE,CAAC;GAAK,MAAM,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK;GAAY,GAAI,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;EAAG,GAAG,aAAa;CAAI,CAAA,IAC1O;CACJ,IAAI,KACF,OACE,qBAAC,OAAD;EAAK,WAAU;EAAY,mBAAgB;EAA3C,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,QAAD;KAAM,WAAU;KACd,UAAA,oBAAC,cAAD;MAAc,WAAU;MAAc,QAAQ;MAAK,eAAA;KAAa,CAAA;IAC5D,CAAA;IACN,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,OAAD;MAAK,WAAU;MAAgD,UAAA,EAAE;KAAU,CAAA,GAC3E,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACG,EAAE,OAAO,GAAG,YAAY,EAAE,IAAI,EAAE,OAAO,KACtC,EAAE,KAAM,SAAS,GAAG,IAAI,EAAE,KAAM,MAAM,GAAG,CAAC,CAAC,IAAI,IAAK,OAAA,CAAQ,YAAY,CACvE;KACF,CAAA,CAAA;;IACJ,KAAK,OACJ,qBAAA,UAAA,EAAA,UAAA,CACG,cACC,oBAAC,QAAD;KAAQ,MAAK;KAAK,SAAQ;KAAQ,eAAe,UAAU,IAAI;KAAG,UAAA;IAE1D,CAAA,IACN,MACJ,oBAAC,WAAD;KAAW,eAAe,IAAI,OAAO,EAAE;KAAG,OAAM;IAAe,CAAA,CAC/D,EAAA,CAAA;GAED;EACJ,CAAA,GAAA,QACE;;CAET,OACE,qBAAC,OAAD;EAAK,WAAU;EAAY,mBAAgB;EAA3C,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,QAAD;MAAM,WAAU;MACd,UAAA,oBAAC,cAAD;OAAc,WAAU;OAAc,QAAQ;OAAK,eAAA;MAAa,CAAA;KAC5D,CAAA;KACN,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,OAAD;OAAK,WAAU;OAAsC,UAAA;MAAS,CAAA,GAC9D,oBAAC,KAAD;OAAG,WAAU;OAA4B,UAAA;MAAe,CAAA,CACrD;;KACJ,KAAK,OACJ,qBAAA,UAAA,EAAA,UAAA,CACG,cACC,oBAAC,QAAD;MAAQ,MAAK;MAAK,UAAU,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;MAAG,eAAe,UAAU,IAAI;MAAG,UAAA;KAErF,CAAA,IACN,MACJ,oBAAC,WAAD;MAAW,eAAe,IAAI,OAAO,EAAE;MAAG,OAAM;KAAe,CAAA,CAC/D,EAAA,CAAA;IAED;;GACJ,KAAK,OACJ,qBAAC,QAAD;IACE,WAAU;IACV,WAAW,MAAM;KACf,EAAE,eAAe;KACjB,MAAM,IAAI,IAAI,KAAK;KACnB,IAAI,CAAC,oBAAoB,KAAK,CAAC,KAAK,CAAC,gBAAgB,KAAK,CAAC,GAAG,OAAO,IAAI,OAAO,oDAAoD,+CAA+C;KACnL,IAAI;MAAE,KAAK;MAAG,MAAM,KAAK,KAAK,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK;KAAW,GAAG,UAAU;KACjF,IAAI,KAAK,EAAE;IACb;IARF,UAAA;KAUE,oBAAC,OAAD;MAAO,WAAW,aAAa,CAAC;MAAa,MAAK;MAAK,OAAO;MAAK,WAAW,MAAM,OAAO,EAAE,OAAO,KAAK;MAAG,aAAY;MAAsB,cAAW;MAAW,YAAY;MAAO,cAAa;MAAM,SAAS,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;MAAG,WAAU;KAAmB,CAAA;KAC3Q,oBAAC,OAAD;MAAO,MAAK;MAAK,OAAO;MAAM,WAAW,MAAM,QAAQ,EAAE,OAAO,KAAK;MAAG,aAAY;MAAY,cAAW;MAA6B,WAAU;KAAmB,CAAA;KACrK,oBAAC,QAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,MAAK;MAAS,UAAU,CAAC,IAAI,KAAK;MAAG,UAAA;KAEjE,CAAA;IACJ;;GAEP;EACE;;AAET;AAGA,SAAS,eAAe,EAAE,GAAG,IAAI,KAAK,OAAgC;CACpE,MAAM,EAAE,qBAAqB,eAAe;CAC5C,MAAM,YAAY,MAAM,cAAuC;EAC7D,IAAI;GACF,MAAM,IAAI,EAAE,YAAa,KAAK,MAAM,EAAE,SAAS,IAAgB,CAAC;GAChE,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC,MAAM,QAAQ,CAAC,IAAK,IAAgC,CAAC;EAC7F,QAAQ;GACN,OAAO,CAAC;EACV;CACF,GAAG,CAAC,EAAE,SAAS,CAAC;CAEhB,IAAI,kBAAkB,OAAO,oBAAC,eAAD;EAAkB;EAAO;EAAS;EAAK,KAAK;EAA6B;EAAgB;CAAM,CAAA;CAC5H,MAAM,QAAQ,OAAO,KAAK,SAAS,CAAC,CAAC;CACrC,MAAM,OAAO,EAAE,QAAQ;CACvB,OACE,qBAAC,OAAD;EACE,MAAK;EACL,cAAY,GAAG,KAAK,IAAI,EAAE,WAAW,kBAAkB;EACvD,WAAU;EACV,mBAAgB;EAJlB,UAAA;GAME,oBAAC,QAAD;IAAM,WAAU;IACd,UAAA,oBAAC,gBAAD;KAAgB,WAAU;KAAc,QAAQ;KAAK,eAAA;IAAa,CAAA;GAC9D,CAAA;GACN,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,OAAD;KAAK,WAAU;KAAgD,UAAA;IAAU,CAAA,GACzE,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA,EAAE,WACD,sDAEA,qBAAA,UAAA,EAAA,UAAA;MACG,EAAE,MAAM,iBAAiB;MACzB,QAAQ,MAAM,MAAM,GAAG,UAAU,IAAI,aAAa,gBAAgB;MAAG;KACtE,EAAA,CAAA;IAED,CAAA,CACF;;GACJ,IAAI,WAAW,OACd,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,IAAI,YACH,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAO,aAAa;KAAQ,eAAe,IAAI,YAAY,EAAE;KACjF,UAAA,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;IACd,CAAA,IACV,MACJ,oBAAC,WAAD;KAAW,eAAe,IAAI,OAAO,EAAE;KAAG,OAAO,UAAU;IAAS,CAAA,CACjE;;EAEJ;;AAET;;;;;;;;;;;AAaA,IAAM,eAAkC;CAOtC,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,UAAU;EAAE,MAAM;EAAM,QAAQ;CAAK;CAErC,QAAQ;EAAC;EAAY;EAAW;CAAQ;AAC1C;AACA,SAAS,WAAW,EAAE,GAAG,KAAK,IAAI,OAA4B;CAC5D,OACE,oBAAC,OAAD;EAAK,WAAU;EAAY,mBAAgB;EACzC,UAAA,oBAAC,aAAD;GACE,OAAO;GACP,WAAW,SAAS,UAAU,MAAM,YAAY;GAChD,UAAU,IAAI;GACd,SAAS;GACT,OAAM;GACN,SAAS,IAAI,WAAW,OAAO,oBAAC,WAAD;IAAW,eAAe,IAAI,OAAO,EAAE;IAAG,OAAM;GAAgB,CAAA;EAChG,CAAA;CACE,CAAA;AAET;AAGA,IAAM,mBAAmB;;AAEzB,IAAM,oBAAgC;CACpC,MAAM;CACN,OAAO;CACP,MAAM;CACN,MAAM;CACN,QAAQ;EACN;GAAE,MAAM;GAAS,OAAO;GAAS,MAAM;GAAQ,MAAM;GAAG,YAAY;IAAE,UAAU;IAAM,gBAAgB;GAAI;EAAE;EAC5G;GAAE,MAAM;GAAQ,OAAO;GAAQ,MAAM;GAAU,YAAY,EAAE,KAAK,GAAG;EAAE;EACvE;GAAE,MAAM;GAAQ,OAAO;GAAkB,MAAM;GAAU,YAAY,EAAE,KAAK,GAAG;EAAE;EACjF;GAAE,MAAM;GAAQ,OAAO;GAAe,MAAM;GAAO,aAAa;EAAuB;CACzF;AACF;AAGA,IAAI,cAA6E;AACjF,IAAM,8BAAc,IAAI,IAAgB;AACxC,IAAM,kBAAkB,SAA6B;CACnD,cAAc;CACd,YAAY,SAAS,MAAM,EAAE,CAAC;AAChC;AACA,SAAS,iBAAiB;CACxB,OAAO,MAAM,sBACV,QAAQ,YAAY,IAAI,EAAE,SAAS,KAAK,YAAY,OAAO,EAAE,UACxD,mBACA,WACR;AACF;AAEA,IAAM,aAAa,OACjB,MAAM,KAAK,GAAG,iBAA8B,6EAA6E,CAAC,CAAC,CAAC,MAAM,MAAM,EAAE,eAAe,CAAC,CAAC,MAAM,KACjK,MAAM,KAAK,GAAG,iBAA8B,oCAAoC,CAAC,CAAC,CAAC,MAAM,MAAM,EAAE,eAAe,CAAC,CAAC,MAAM;AAC1H,SAAS,WAAW,MAA0B,KAAoB;CAChE,IAAI,CAAC,MAAM;CACX,MAAM,OAAO,MAAM,KAAK,KAAK,iBAA8B,kBAAkB,CAAC;CAC9E,MAAM,MAAO,OAAO,KAAK,MAAM,MAAM,EAAE,aAAa,gBAAgB,MAAM,GAAG,KAAM,KAAK;CACxF,IAAI,CAAC,KAAK;CACV,IAAI,eAAe,EAAE,OAAO,UAAU,CAAC;CACvC,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,eAAe,KAAK,CAAC;AAC/C;AAEA,SAAS,eAAe,EAAE,GAAG,KAAK,IAAI,KAAK,aAAsC;CAC/E,MAAM,QAAQ;CACd,MAAM,MAAM,MAAM,MAAM;CACxB,MAAM,OAAO,MAAM,OAA8B,IAAI;CACrD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAgC,IAAI;CACtE,MAAM,OAAO,eAAe;CAC5B,MAAM,UAAU,MAAM,OAAO;CAE7B,MAAM,UAAU,MAAM,aAAa,MAA6B;EAC9D,KAAK,UAAU;EACf,IAAI,GAAG,UAAU,CAAC;CACpB,GAAG,CAAC,CAAC;CACL,MAAM,KAAK,CAAC,CAAC,IAAI;CACjB,MAAM,WAAW,MAAM,OAAO,CAAC;CAC/B,SAAS,UAAU;CAEnB,MAAM,YAAY,MAAM,aAAa,MAAsB;EACzD,IAAI,CAAC,IAAI,eAAe;GAAE,IAAI;GAAK,UAAU,KAAK;GAAM,QAAQ,aAAa,SAAS,KAAK;EAAE,CAAC;CAChG,GAAG,CAAC,KAAK,EAAE,CAAC;CACZ,MAAM,QAAQ,MAAM,kBAAkB;EACpC,IAAI,aAAa,OAAO,KAAK,eAAe,IAAI;CAClD,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,YAAY,MAAM,kBAAkB,4BAA4B,KAAK,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;CACvH,MAAM,sBAAsB;EAC1B,IAAI,aAAa,OAAO,KAAK,eAAe,IAAI;CAClD,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,gBAAgB;EAEpB,IAAI,aAAa,CAAC,IAAI,UAAU;CAClC,GAAG,CAAC,CAAC;;CAGL,MAAM,UAAU,SAAyB;EACvC,MAAM,OAAO,SAAS;EACtB,MAAM,QAAS,OAAO,KAAK,IAAI,CAAC,CAA8B,MAAM,MAAM,KAAK,OAAO,KAAK,EAAE,KAAK;EAClG,UAAU,MAAM,QAAQ,MAAM,YAAY,EAAE,GAAG,OAAO;CACxD;CAEA,MAAM,aAAa,MAA2B;EAC5C,IAAI,EAAE,oBAAoB,EAAE,WAAW,KAAK,SAAS;EACrD,MAAM,MAAM,EAAE,WAAW,EAAE;EAC3B,MAAM,IAAI,SAAS,CAAC;EACpB,IAAI,OAAO,MAAM,KAAK;GACpB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,EAAE,UAAU,IAAI,OAAO;QACtB,IAAI,OAAO;GAChB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,UAAU;GACV;EACF;EACA,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,SAAS,MAAM;QACd,IAAI,KAAK,EAAE;GAChB;EACF;EACA,IAAI,IAAI;EACR,IAAI,OAAO,MAAM,OAAO,IAAI,WAAW;GACrC,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,UAAU,EAAE;EAClB,OAAO,IAAI,EAAE,WAAW,EAAE,QAAQ,aAAa,EAAE,QAAQ,gBAAgB,IAAI,MAAM;GACjF,EAAE,eAAe;GACjB,IAAI,KAAK,IAAI,EAAE,QAAQ,YAAY,KAAK,CAAC;GACzC,UAAU;EACZ,OAAO,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,UAAU;GACtD,EAAE,eAAe;GACjB,IAAI,OAAO,EAAE;EACf;CACF;CAEA,MAAM,UAAU,KAAK,OACnB,qBAAC,OAAD;EACE,WAAW,GAET,0KACA,6FACA,WAAW,aACb;EANF,UAAA,CAQE,oBAAC,YAAD;GAAY,MAAK;GAAK,OAAO,QAAQ,MAAM,YAAY;GAAK,eAAgB,UAAU,MAAM,IAAI,UAAU;GACxG,UAAA,oBAAC,cAAD,EAAc,QAAQ,IAAM,CAAA;EAClB,CAAA,GACZ,oBAAC,YAAD;GAAY,MAAK;GAAK,OAAO,UAAU,MAAM,YAAY;GAAK,eAAe,IAAI,OAAO,EAAE;GAAG,WAAU;GACrG,UAAA,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;EACf,CAAA,CACT;;CAGP,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,UAAU;EACV,cAAY,GAAG,QAAQ,UAAU,cAAc;EAC/C,wBAAqB;EACrB,iBAAc;EACd,iBAAe;EACf,mBAAgB;EAChB,sBAAmB;EACR;EACX,UAAU,MAAM;GACd,IAAI,MAAM,CAAC,EAAE,cAAc,SAAS,EAAE,MAAc,GAAG;GACvD,MAAM,IAAI,EAAE;GACZ,IAAI,EAAE,QAAQ,0BAA0B,GAAG;GAC3C,UAAU,EAAE,QAAqB,cAAc,CAAC,EAAE,aAAa,YAAY,KAAK,IAAI;EACtF;EACA,WAAW,GACT,iFACA,CAAC,MAAM,kBACP,2DACA,UAAU,4FAA4F,CAAC,MAAM,0CAC/G;EAtBF,UAAA,CAwBE,oBAAC,kBAAD,EAAqB,EAAI,CAAA,GACxB,OACE;CACJ,CAAA,GAAA,UACC,oBAAC,cAAD;EAAqB;EAAO,QAAQ;EAAQ,OAAO,KAAM;EAAO,UAAU,KAAM;EAAU,SAAS;EAAO,WAAW;EAAgB;EAAS;EAC5I,UAAA,qBAAC,OAAD;GAAK,qBAAkB;GAAG,WAAU;GAApC,UAAA,CACE,oBAAC,YAAD;IACE,QAAQ;IACR,OAAO;IACP,WAAW,MAAM,OAAO,CAA8B;IACtD,SAAQ;IACR,QAAQ;IACR,UAAU;IACV,WAAW;IACX,KAAK;KAAE,OAAO,WAAW,kBAAkB;KAAQ,UAAU;IAAM;GACpE,CAAA,GACD,oBAAC,SAAD,EAAA,UAAQ,oHAA2H,CAAA,CAChI;;CACO,CAAA,IACZ,IACJ,EAAA,CAAA;AAEN;AAGA,IAAM,kBAAkB;;AAExB,IAAM,aAAa;;AAEnB,IAAM,YAAY;AAElB,SAAS,eAAe,EAAE,GAAG,KAAK,IAAI,KAAK,aAAsC;CAC/E,MAAM,QAAQ;CACd,MAAM,OAAO,MAAM,OAAuB,IAAI;CAC9C,MAAM,MAAM,MAAM,OAAyB,IAAI;CAC/C,MAAM,KAAK,CAAC,CAAC,IAAI;CACjB,MAAM,kBAAkB,4BAA4B,KAAK,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC,CAAC;CAChG,MAAM,cAAc,GAAW,QAAQ,SACrC,4BAA4B;EAC1B,MAAM,IAAI,IAAI,SAAS,iBAA8B,gBAAgB,CAAC,CAAC;EACvE,IAAI,CAAC,GAAG;EACR,EAAE,MAAM;EACR,WAAW,GAAG,KAAK;CACrB,CAAC;CACH,MAAM,YAAY,GAAW,MAAc,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,MAAO,MAAM,IAAI,IAAI,CAAE,EAAE,GAAG,4BAA4B,IAAI,GAAG;;CAGzI,MAAM,aAAa,MAA2B;EAC5C,IAAI,EAAE,oBAAoB,EAAE,WAAW,KAAK,SAAS;EACrD,MAAM,MAAM,EAAE,WAAW,EAAE;EAC3B,MAAM,IAAI,SAAS,CAAC;EACpB,IAAI,OAAO,MAAM,KAAK;GACpB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,EAAE,UAAU,IAAI,OAAO;QACtB,IAAI,OAAO;GAChB;EACF;EACA,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,KAAK,EAAE;GACX;EACF;EACA,IAAI,IAAI;EACR,IAAI,OAAO,MAAM,OAAO,IAAI,WAAW;GACrC,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,UAAU,EAAE;EAClB,OAAO,IAAI,EAAE,WAAW,EAAE,QAAQ,aAAa,EAAE,QAAQ,gBAAgB,IAAI,MAAM;GACjF,EAAE,eAAe;GACjB,IAAI,KAAK,IAAI,EAAE,QAAQ,YAAY,KAAK,CAAC;GACzC,UAAU;EACZ,OAAO,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,UAAU;GACtD,EAAE,eAAe;GACjB,IAAI,OAAO,EAAE;EACf;CACF;CAEA,OACE,qBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,UAAU;EACV,cAAY;EACZ,wBAAqB;EACrB,mBAAgB;EAChB,sBAAmB;EACR;EACX,WAAU;EATZ,UAAA,CAWE,qBAAC,SAAD;GAAO,WAAU;GAAgE,cAAY,EAAE,SAAS;GAAxG,UAAA,CACE,oBAAC,eAAD;IACE,OAAM;IACN,OAAO,EAAE;IACT,aAAY;IACZ,UAAU;IACV,WAAW,UAAU;KAEnB,IAAI,MAAM,SAAS,aAAa,EAAE,MAAM,UAAU,WAChD,IAAI,OAAO,uCAAuC,UAAU,eAAe,0CAA0C;KACvH,IAAI,EAAE,MAAM,GAAG,0BAA0B;IAC3C;IACA,eAAe,WAAW,GAAG,KAAK;IAClC,WAAU;GACX,CAAA,GACD,oBAAC,MAAD;IAAI,KAAK;IAAK,WAAU;IACrB,UAAA,EAAE,OAAO,KAAK,GAAG,MAChB,qBAAC,MAAD;KAAY,WAAU;KAAtB,UAAA,CACE,oBAAC,QAAD;MAAM,eAAA;MAAY,WAAU;KAAuE,CAAA,GACnG,oBAAC,eAAD;MACE,OAAO,SAAS,IAAI;MACpB,OAAO;MACP,aAAa,MAAM,IAAI,gCAAgC;MACvD,UAAU;MACV,WAAW,aAAa,MAAM;MAC9B,WAAW,MAAM,SAAS,GAAG,CAAC;MAC9B,eAAe;OACb,IAAI,EAAE,OAAO,UAAU,YAAY;QACjC,IAAI,OAAO,8BAA8B,WAAW,WAAW,mDAAmD;QAClH;OACF;OACA,KAAK,OAAO;QAAE,GAAG;QAAG,QAAQ;SAAC,GAAG,EAAE,OAAO,MAAM,GAAG,IAAI,CAAC;SAAG;SAAI,GAAG,EAAE,OAAO,MAAM,IAAI,CAAC;QAAC;OAAE,IAAI,2BAA2B;OACvH,WAAW,IAAI,CAAC;MAClB;MACA,kBACE,EAAE,OAAO,SAAS,UACR;OACJ,KAAK,OAAO;QAAE,GAAG;QAAG,QAAQ,EAAE,OAAO,QAAQ,GAAG,MAAM,MAAM,CAAC;OAAE,IAAI,8BAA8B;OACjG,WAAW,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;MAC/B,IACA,KAAA;MAEN,WAAU;KACX,CAAA,CACC;IA3BK,GAAA,CA2BL,CACL;GACC,CAAA,CACC;EACN,CAAA,GAAA,KAAK,OACJ,oBAAC,OAAD;GACE,WAAW,GAET,0KACA,2FACF;GAEA,UAAA,oBAAC,YAAD;IAAY,MAAK;IAAK,OAAO,UAAU,MAAM,YAAY;IAAK,eAAe,IAAI,OAAO,EAAE;IAAG,WAAU;IACrG,UAAA,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;GACf,CAAA;EACT,CAAA,CAEJ;;AAET;AAGA,IAAM,cAAc;;AAEpB,IAAM,eAA2B;CAC/B,MAAM;CACN,OAAO;CACP,MAAM;CACN,MAAM;CACN,QAAQ,CACN;EAAE,MAAM;EAAO,OAAO;EAAQ,MAAM;EAAO,aAAa;EAAkD,YAAY,EAAE,UAAU,KAAK;CAAE,GACzI;EAAE,MAAM;EAAS,OAAO;EAAS,MAAM;EAAU,YAAY;GAAE,UAAU;GAAM,KAAK;EAAI;EAAG,aAAa;CAAqC,CAC/I;AACF;AAEA,SAAS,WAAW,EAAE,GAAG,KAAK,IAAI,KAAK,aAAkC;CACvE,MAAM,QAAQ;CACd,MAAM,MAAM,MAAM,MAAM;CACxB,MAAM,OAAO,MAAM,OAA8B,IAAI;CACrD,MAAM,OAAO,MAAM,OAA8B,IAAI;CACrD,MAAM,OAAO,eAAe;CAC5B,MAAM,UAAU,MAAM,OAAO;CAC7B,MAAM,KAAK,CAAC,CAAC,IAAI;CACjB,MAAM,WAAW,MAAM,OAAO,CAAC;CAC/B,SAAS,UAAU;CAEnB,MAAM,cAAc,MAAM,aAAa,MAAsB;EAC3D,IAAI,CAAC,IAAI,eAAe;GAAE,IAAI;GAAK,UAAU,KAAK;GAAM,QAAQ,aAAa,SAAS,KAAK;EAAE,CAAC;CAChG,GAAG,CAAC,KAAK,EAAE,CAAC;CACZ,MAAM,QAAQ,MAAM,kBAAkB;EACpC,IAAI,aAAa,OAAO,KAAK,eAAe,IAAI;CAClD,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,YAAY,MAAM,kBAAkB,4BAA4B,KAAK,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;CACvH,MAAM,sBAAsB;EAC1B,IAAI,aAAa,OAAO,KAAK,eAAe,IAAI;CAClD,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,gBAAgB;EAEpB,IAAI,aAAa,CAAC,IAAI,YAAY;CACpC,GAAG,CAAC,CAAC;CAEL,MAAM,QAAQ,UAAU,KAAM,QAAQ;CACtC,MAAM,gBAAgB;EACpB,IAAI,CAAC,OAAO;EACZ,MAAM,KAAK,4BAA4B,WAAW,KAAK,SAAS,aAAa,YAAY,IAAI,CAAC;EAC9F,aAAa,qBAAqB,EAAE;CACtC,GAAG,CAAC,KAAK,CAAC;;CAGV,MAAM,UAAU,SAAqB;EACnC,MAAM,OAAO,SAAS;EACtB,MAAM,QAAS,CAAC,OAAO,OAAO,CAAC,CAAW,MAAM,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,GAAG,KAAK;EAC9F,UAAU,MAAM,QAAQ,MAAM,YAAY,EAAE,GAAG,OAAO;CACxD;CAEA,MAAM,aAAa,MAA2B;EAC5C,IAAI,EAAE,oBAAoB,EAAE,WAAW,KAAK,SAAS;EACrD,MAAM,MAAM,EAAE,WAAW,EAAE;EAC3B,MAAM,IAAI,SAAS,CAAC;EACpB,IAAI,OAAO,MAAM,KAAK;GACpB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,EAAE,UAAU,IAAI,OAAO;QACtB,IAAI,OAAO;GAChB;EACF;EACA,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,YAAY;GACZ;EACF;EACA,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,SAAS,MAAM;QACd,IAAI,KAAK,EAAE;GAChB;EACF;EACA,IAAI,IAAI;EACR,IAAI,OAAO,MAAM,OAAO,IAAI,WAAW;GACrC,EAAE,eAAe;GACjB,EAAE,gBAAgB;GAClB,IAAI,UAAU,EAAE;EAClB,OAAO,IAAI,EAAE,WAAW,EAAE,QAAQ,aAAa,EAAE,QAAQ,gBAAgB,IAAI,MAAM;GACjF,EAAE,eAAe;GACjB,IAAI,KAAK,IAAI,EAAE,QAAQ,YAAY,KAAK,CAAC;GACzC,UAAU;EACZ,OAAO,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,UAAU;GACtD,EAAE,eAAe;GACjB,IAAI,OAAO,EAAE;EACf;CACF;CAEA,MAAM,UAAU,KAAK,OACnB,qBAAC,OAAD;EACE,WAAW,GAET,0KACA,6FACA,WAAW,aACb;EANF,UAAA,CAQE,oBAAC,SAAD;GAAS,SAAS,QAAQ,MAAM,YAAY;GAC1C,UAAA,oBAAC,YAAD;IAAY,MAAK;IAAK,OAAO,QAAQ,MAAM,YAAY;IAAK,eAAgB,UAAU,MAAM,IAAI,YAAY;IAC1G,UAAA,oBAAC,cAAD,EAAc,QAAQ,IAAM,CAAA;GAClB,CAAA;EACL,CAAA,GACT,oBAAC,SAAD;GAAS,SAAS,UAAU,MAAM,YAAY;GAC5C,UAAA,oBAAC,YAAD;IAAY,MAAK;IAAK,OAAO,UAAU,MAAM,YAAY;IAAK,eAAe,IAAI,OAAO,EAAE;IAAG,WAAU;IACrG,UAAA,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;GACf,CAAA;EACL,CAAA,CACN;;CAGP,OACE,qBAAC,SAAD;EACE,MAAM;EACN,eAAe,GAAG,MAAM;GACtB,IAAI,GAAG;GACP,MAAM;GAEN,IAAI,GAAG,WAAW,iBAAiB,UAAU;EAC/C;EAPF,UAAA,CASE,qBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,UAAU;GACV,cAAY,GAAG,QAAQ,UAAU,cAAc;GAC/C,wBAAqB;GACrB,iBAAc;GACd,iBAAe;GACf,mBAAgB;GAChB,sBAAmB;GACR;GACX,UAAU,MAAM;IACd,IAAI,MAAM,CAAC,EAAE,cAAc,SAAS,EAAE,MAAc,GAAG;IACvD,MAAM,IAAI,EAAE;IACZ,IAAI,EAAE,QAAQ,0BAA0B,GAAG;IAC3C,YAAY,EAAE,QAAqB,cAAc,CAAC,EAAE,aAAa,YAAY,KAAK,IAAI;GACxF;GACA,WAAW,GACT,iFACA,CAAC,MAAM,kBACP,2DACA,UAAU,4FAA4F,CAAC,MAAM,0CAC/G;GAtBF,UAAA;IAwBE,oBAAC,cAAD;KAAiB;KAAG,aAAa,YAAY,KAAK;KAAO;IAAK,CAAA;IAC7D;IAED,oBAAC,eAAD,EAAe,QAAQ,oBAAC,QAAD;KAAM,eAAA;KAAY,WAAU;IAAsD,CAAA,EAAI,CAAA;GAC1G;EACJ,CAAA,GAAA,UACC,qBAAC,gBAAD;GACE,OAAM;GACN,MAAK;GACL,WAAU;GACV,cAAc;GACd,YAAY;GACZ,YAAY,MAAM;IAChB,KAAK,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,UAAU,SAAS,CAAC,MAAM,OAAO,CAAC,EAAE,kBAAkB;KACvF,EAAE,eAAe;KACjB,IAAI,EAAE,UAAU,IAAI,OAAO;UACtB,IAAI,OAAO;IAClB;GACF;GAZF,UAAA,CAcE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,QAAD;KAAM,WAAU;KAAuD,UAAA;IAAY,CAAA,GACnF,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAM;KAAQ,gBAAgB,MAAM,GAAG,UAAU;KACrE,UAAA,oBAAC,OAAD,EAAO,QAAQ,IAAM,CAAA;IACX,CAAA,CACT;GACL,CAAA,GAAA,oBAAC,OAAD;IAAK,KAAK;IAAM,WAAU;IACxB,UAAA,qBAAC,OAAD;KAAK,qBAAkB;KAAG,WAAU;KAApC,UAAA,CACE,oBAAC,YAAD;MACE,QAAQ;MACR,OAAO;OAAE,KAAK,EAAE,OAAO;OAAI,OAAO,EAAE,SAAS;MAAG;MAChD,WAAW,MAAM,OAAO;OAAE,GAAG,SAAS;OAAS,KAAK,OAAO,EAAE,OAAO,EAAE;OAAG,OAAO,OAAO,EAAE,SAAS,EAAE;MAAE,CAAC;MACvG,SAAQ;MACR,QAAQ;MACR,UAAU;MACV,WAAW;MACX,KAAK;OAAE,OAAO,WAAW,aAAa;OAAQ,UAAU;MAAM;KAC/D,CAAA,GACD,oBAAC,SAAD,EAAA,UAAQ,oHAA2H,CAAA,CAChI;;GACF,CAAA,CACS;EACd,CAAA,IAAA,IACG;;AAEb;;AAGA,IAAM,gBAAgB,EAAE,MAAM,OAAO,QAAQ,UAAU,SACrD,qBAAC,OAAD;CAAK,WAAU;CAAf,UAAA;EACE,oBAAC,QAAD;GAAM,WAAU;GAAyI,UAAA;EAAW,CAAA;EACpK,oBAAC,QAAD;GAAM,WAAU;GAAsD,UAAA;EAAY,CAAA;EACjF,KAAK,OACJ,oBAAC,QAAD;GAAQ,MAAK;GAAK,SAAS;GACxB,UAAA;EACK,CAAA;CAEP;;AAGP,IAAM,gBAAiD;CACrD,SAAS,oBAAC,kBAAD,EAAkB,QAAQ,IAAM,CAAA;CAAG,OAAO,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;CAAG,GAAG,oBAAC,YAAD,EAAY,QAAQ,IAAM,CAAA;CAAG,SAAS,oBAAC,kBAAD,EAAkB,QAAQ,IAAM,CAAA;CAC7J,OAAO,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;CAAG,MAAM,oBAAC,SAAD,EAAS,QAAQ,IAAM,CAAA;CAAG,SAAS,oBAAC,kBAAD,EAAkB,QAAQ,IAAM,CAAA;CAAG,SAAS,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;CAC3J,OAAO,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;CAAG,MAAM,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;AACzE;;AAGA,SAAS,aAAa,EAAE,GAAG,OAAO,MAAyD;CACzF,IAAI,CAAC,EAAE,KAAK,OAAO,oBAAC,cAAD;EAAc,MAAM,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;EAAG,OAAM;EAAQ,QAAO;EAAe,UAAU;EAAW;CAAK,CAAA;CAChI,MAAM,OAAO,YAAY,EAAE,GAAG;CAC9B,MAAM,OAAO,cAAc,KAAK;CAChC,MAAM,QAAQ,EAAE,SAAS,oBAAC,QAAD;EAAM,WAAU;EAAsB,UAAA;CAAiB,CAAA;CAChF,IAAI,KAAK,UAAU,SACjB,OACE,oBAAC,UAAD;EAAQ,WAAU;EAAM,cAAW;EACjC,UAAA,qBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,aAAa,SAAS;GAFjC,UAAA;IAIE,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA,KAAK,aAAa,aAAa,KAAK,aAAa,UAAU,oBAAC,sBAAD,CAAuB,CAAA,IAAI;IACnF,CAAA;IACN,oBAAC,QAAD;KAAM,cAAW;KAAQ,WAAU;KAA4D,UAAA;IAAY,CAAA;IAC3G,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACG,MACA,KAAK,KACF;;GACH;;CACC,CAAA;CAEZ,IAAI,KAAK,UAAU,SACjB,OACE,qBAAC,UAAD;EAAQ,WAAU;EAA8F,cAAW;EAA3H,UAAA;GACE,oBAAC,QAAD;IAAM,WAAU;IACd,UAAA,oBAAC,sBAAD,CAAuB,CAAA;GACnB,CAAA;GACN,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,oBAAC,QAAD;KAAM,cAAW;KAAQ,WAAU;KAAsD,UAAA;IAAY,CAAA,GACrG,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAAoF,MAAM,KAAK,KAAY;IACvG,CAAA,CAAA;;GACN,oBAAC,QAAD;IAAM,eAAA;IAAY,WAAU;GAA4D,CAAA;EAClF;;CAEZ,OACE,qBAAC,UAAD;EAAQ,WAAU;EAA+F,cAAW;EAA5H,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GAA6G,UAAA;EAAW,CAAA,GACxI,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,QAAD;IAAM,cAAW;IAAQ,WAAU;IAAsD,UAAA;GAAY,CAAA,GACrG,oBAAC,QAAD;IAAM,WAAU;IAA4C,UAAA,KAAK,UAAU,SAAS,GAAG,KAAK,MAAM,KAAK,EAAE,IAAI,QAAQ,wBAAwB,EAAE,MAAM,EAAE,IAAI,QAAQ,wBAAwB,EAAE;GAAQ,CAAA,CACjM;EACA,CAAA,CAAA;;AAEZ;AAGA,SAAS,aAAa,EACpB,OAAO,QAAQ,OAAO,UAAU,SAAS,WAAW,KAAK,IAAI,YAW5D;CACD,MAAM,QAAQ,MAAM,OAA4B,IAAI;CACpD,MAAM,UAAU,MAAM,MAAM;CAC5B,MAAM,YAAY,QAAQ,QAAqB,wBAAwB,KAAK;CAC5E,MAAM,gBAAgB;EAGpB,MAAM,SAAmB,CAAC;EAC1B,IAAI,SAAS;EACb,KAAK,MAAM,MAAM;GAAC;GAAI;GAAI;GAAK;GAAK;GAAK;EAAG,GAC1C,OAAO,KACL,OAAO,iBAAiB;GACtB,MAAM,OAAO,MAAM,SAAS,GAAG,KAAK;GACpC,IAAI,CAAC,MAAM,cAAc,kBAAkB,GAAG;GAC9C,MAAM,IAAI,SAAS;GACnB,MAAM,OAAO,CAAC,KAAK,MAAM,SAAS,QAAQ,EAAE,aAAa,sBAAsB,KAAK,EAAE,aAAa,oBAAoB;GACvH,IAAI,KAAK,SAAS,CAAC,GAAG,OAAO,MAAM,SAAS;GAC5C,IAAI,CAAC,UAAU,MAAM,WAAW,MAAM,QAAQ;GAC9C,IAAI,KAAK,SAAS,SAAS,aAAa,GAAG,SAAS;EACtD,GAAG,EAAE,CACP;EAEF,aAAa,OAAO,SAAS,MAAM,OAAO,aAAa,CAAC,CAAC;CAC3D,GAAG,CAAC,KAAK,CAAC;CACV,MAAM,gBAAgB,MAAM,SAAS,SAAS,GAAG,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC;CAC9E,MAAM,SACJ,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,IAAI;GAAS,WAAU;GAA+D,UAAA;EAAY,CAAA;EACxG,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EACE,QACE,oBAAC,YAAD;GAAY,MAAK;GAAK,OAAO,GAAG,MAAM;GACpC,UAAA,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;EACd,CAAA,EAEf,CAAA,GACD,qBAAC,aAAD;GAAa,OAAM;GAAM,WAAU;GAAnC,UAAA;IACG,IAAI,YAAY,CAAC,IAAI,YAAY,OAChC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;KAAU,MAAM,oBAAC,UAAD,EAAU,QAAQ,IAAM,CAAA;KAAG,eAAe,IAAI,YAAY,EAAE;KAAG,UAAA;IAAmB,CAAA,GAClG,oBAAC,eAAD,CAAgB,CAAA,CAChB,EAAA,CAAA;IAEJ,oBAAC,UAAD;KAAU,MAAM,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;KAAG,eAAe,MAAM,SAAS,SAAS,MAAM;KAAG,UAAA;IAAoB,CAAA;IACrH,oBAAC,UAAD;KAAU,MAAM,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA;KAAG,eAAe,MAAM,SAAS,SAAS,QAAQ;KAAG,UAAA;IAAsB,CAAA;IACzH,oBAAC,UAAD;KAAU,MAAM,oBAAC,mBAAD,EAAmB,QAAQ,IAAM,CAAA;KAAG,eAAe,MAAM,SAAS,KAAK,MAAM;KAAG,UAAA;IAAmB,CAAA;IACnH,oBAAC,UAAD;KAAU,MAAM,oBAAC,wBAAD,EAAwB,QAAQ,IAAM,CAAA;KAAG,eAAe,MAAM,SAAS,KAAK,OAAO;KAAG,UAAA;IAAoB,CAAA;IACzH,IAAI,WAAW,OACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,oBAAC,UAAD;KAAU,QAAA;KAAO,MAAM,oBAAC,WAAD,EAAW,QAAQ,IAAM,CAAA;KAAG,eAAe,IAAI,OAAO,EAAE;KAAG,UAAA;IAAgB,CAAA,CAClG,EAAA,CAAA;GAEO;EACT,CAAA,CAAA,EAAA,CAAA;EACN,oBAAC,YAAD;GAAY,MAAK;GAAK,OAAM;GAAmB,SAAQ;GAAQ,gBAAgB,QAAQ,GAAG,UAAU;GAClG,UAAA,oBAAC,OAAD,EAAO,QAAQ,IAAM,CAAA;EACX,CAAA;CACZ,EAAA,CAAA;CAEJ,OACE,oBAAC,eAAD;EACE,KAAK;EACL,IAAG;EACH,YAAY;EACJ;EACG;EACH;EACC;EACE;EACX,iBAAiB,MAAM;GACrB,KAAK,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,UAAU,SAAS,CAAC,MAAM,OAAO,CAAC,EAAE,kBAAkB;IACvF,EAAE,eAAe;IACjB,IAAI,EAAE,UAAU,IAAI,OAAO;SACtB,IAAI,OAAO;GAClB;EACF;EACA,aACE,oBAAC,QAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,gBAAgB,QAAQ,GAAG,UAAU;GAAI,UAAA;EAErE,CAAA;EAGV,UAAA,oBAAC,OAAD;GAAK,WAAU;GAAa;EAAc,CAAA;CAC7B,CAAA;AAEnB;AAGA,SAAS,iBAAiB,EAAE,KAA4B;CACtD,OACE,qBAAC,UAAD;EAAQ,WAAU;EAAlB,UAAA;GACE,oBAAC,WAAD;IAAW,WAAU;IAAiC,QAAQ;IAAK,eAAA;GAAa,CAAA;GAChF,oBAAC,cAAD;IAAY,cAAW;IAAQ,WAAW,GAAG,+DAA+D,EAAE,QAAQ,gBAAgB,eAAe;IAClJ,UAAA,EAAE,SAAS;GACF,CAAA;GACX,EAAE,QAAQ,EAAE,OACX,qBAAC,cAAD;IAAY,WAAU;IAAtB,UAAA;KACG,EAAE,OACD,oBAAC,QAAD;MAAM,cAAW;MAAO,WAAW,GAAG,2BAA2B,EAAE,QAAQ,yDAAyD;MACjI,UAAA,EAAE;KACC,CAAA,IACJ;KACH,EAAE,QAAQ,EAAE,OAAO,OAAO;KAC1B,EAAE,OAAO,oBAAC,QAAD;MAAM,cAAW;MAAQ,UAAA,EAAE;KAAW,CAAA,IAAI;IAC1C;GAEZ,CAAA,IAAA,oBAAC,cAAD;IAAY,cAAW;IAAO,WAAU;IAAiC,UAAA;GAAuB,CAAA;EAE5F;;AAEZ"}

package/{controls → dist/controls}/rich-text/catalog.d.ts

@@ -12,7 +12,8 @@
  * the field's stored shape has a place for it). Not in this catalogue, and why:
  *   Footnote, Gallery, Embed, Columns, Checklist, Button, Table of contents, Related posts, Author bio
  *     production's rich text has no stored block for them (a checklist renders as a bulleted list; production's embed
- *     frames the raw link, which providers refuse, so Video is the one media link offered)
+ *     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.
  *
  * 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.
@@ -45,6 +46,8 @@ export interface CatalogComponents {
     error?: string;
 }
 export declare const CatalogComponentsProvider: React.Provider<CatalogComponents | null>;
+/** The components this field may embed (a component card's Swap component). */
+export declare const useCatalogComponents: () => CatalogComponents | null;
 export declare const blockAllowed: (id: BasicId, allows: (f: RichTextFeature) => boolean) => boolean;
 /** Remember a pick so search ranks it first next time. */
 export declare function noteRecent(it: CatalogItem): void;

package/{controls → dist/controls}/rich-text/catalog.js

@@ -1,9 +1,9 @@
 import { cn } from "../../lib/cn.js";
 import { PopoverContent } from "../../ui/overlay.js";
 import * as React from "react";
-import { IconArrowLeft, IconBlockquote, IconChevronRight, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutNavbarCollapse, IconList, IconListDetails, IconListNumbers, IconPhoto, IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconTable, IconTerminal2, IconVideo } from "@tabler/icons-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/kit/controls/rich-text/catalog.tsx
+import { IconArrowLeft, IconBlockquote, IconChevronRight, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutNavbarCollapse, IconList, IconListDetails, IconListNumbers, IconPhoto, IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconTable, IconTerminal2, 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
 * controls/rich-text/catalog.tsx, CPO D55).
@@ -18,7 +18,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * the field's stored shape has a place for it). Not in this catalogue, and why:
 *   Footnote, Gallery, Embed, Columns, Checklist, Button, Table of contents, Related posts, Author bio
 *     production's rich text has no stored block for them (a checklist renders as a bulleted list; production's embed
-*     frames the raw link, which providers refuse, so Video is the one media link offered)
+*     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.
 *
 * 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.
@@ -252,7 +253,7 @@ var NEEDS = {
 var MORE = {
 	key: "more",
 	kind: "folder",
-	label: "More components",
+	label: "More blocks",
 	description: "Shared across your site",
 	icon: i(IconComponents)
 };
@@ -273,6 +274,8 @@ var componentRow = (c) => ({
 });
 var ComponentsContext = React.createContext(null);
 var CatalogComponentsProvider = ComponentsContext.Provider;
+/** The components this field may embed (a component card's Swap component). */
+var useCatalogComponents = () => React.useContext(ComponentsContext);
 var blockAllowed = (id, allows) => {
 	const need = NEEDS[id];
 	return !need || allows(need);
@@ -339,12 +342,12 @@ function useCatalog(query, allows, folder = false, own) {
 		if (folder) {
 			const found = q ? rank(q, comps, recent) : comps;
 			noMatch = !!q && !!comps.length && !found.length;
-			if (!comps.length) emptyText = lib?.error ?? (lib?.loading ? "Loading components…" : "This field takes no components.");
+			if (!comps.length) emptyText = lib?.error ?? (lib?.loading ? "Loading blocks…" : "This field takes no blocks.");
 			sections = [{
 				title: null,
 				items: [BACK]
 			}, {
-				title: "Components",
+				title: "Blocks",
 				items: found
 			}];
 		} else if (q) {
@@ -414,59 +417,66 @@ function CatalogList({ sections, flat, active, onHover, onPick, empty, emptyText
 		role: "listbox",
 		"aria-label": "Blocks",
 		className: cn("relative max-h-[320px] overflow-y-auto p-1.5", className),
-		children: [sections.map((s, si) => /* @__PURE__ */ jsxs("div", {
-			role: "group",
-			"aria-label": s.title ?? void 0,
-			className: cn(!s.title && si > 0 && s.items[0]?.kind === "folder" && "mt-1.5 border-t border-kit-line-subtle pt-1.5"),
-			children: [s.title ? /* @__PURE__ */ jsx("div", {
-				className: "px-2 pb-0.5 pt-2 text-kit-2xs font-medium text-kit-fg-3",
-				children: s.title
-			}) : null, s.items.map((it) => {
-				const idx = flat.indexOf(it);
-				const on = idx === active;
-				const desc = detail && it.kind !== "back" && it.kind !== "folder" ? it.description : "";
-				return /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					role: "option",
-					"aria-selected": on,
-					"aria-description": !desc && it.description ? it.description : void 0,
-					"data-idx": idx,
-					id: `${listId}-${idx}`,
-					onMouseDown: (e) => e.preventDefault(),
-					onMouseMove: () => !on && onHover(idx),
-					onClick: () => onPick(it),
-					className: cn("flex w-full items-center gap-2 rounded-kit-md px-2 text-left transition-colors", desc ? "py-1.5" : "h-8", it.kind === "back" ? "text-kit-fg-2" : "text-kit-fg", on && "bg-kit-hover text-kit-fg"),
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: cn("flex shrink-0 items-center justify-center text-kit-fg-2 [&_svg]:size-4", desc ? "size-7 rounded-kit-md border border-kit-line bg-kit-control-bg" : "size-5"),
-							children: it.icon
-						}),
-						/* @__PURE__ */ jsxs("span", {
-							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "block truncate text-kit-sm",
-								children: it.label
-							}), desc ? /* @__PURE__ */ jsx("span", {
-								className: "block truncate text-kit-xs text-kit-fg-3",
-								children: desc
-							}) : null]
-						}),
-						it.count != null ? /* @__PURE__ */ jsx("span", {
-							className: "text-kit-2xs tabular-nums text-kit-fg-3",
-							children: it.count
-						}) : null,
-						it.kind === "folder" ? /* @__PURE__ */ jsx(IconChevronRight, {
-							className: "size-3.5 shrink-0 text-kit-fg-3",
-							stroke: 1.5,
-							"aria-hidden": true
-						}) : null
-					]
-				}, it.key);
-			})]
-		}, s.title ?? `s${si}`)), empty || noMatch ? /* @__PURE__ */ jsx("div", {
-			className: "px-2 py-6 text-center text-kit-sm text-kit-fg-3",
-			children: noMatch ? "No match." : emptyText
-		}) : null]
+		children: [
+			noMatch ? /* @__PURE__ */ jsx("div", {
+				className: "px-2 pb-1 pt-1.5 text-kit-sm text-kit-fg-3",
+				children: "No match."
+			}) : null,
+			sections.map((s, si) => /* @__PURE__ */ jsxs("div", {
+				role: "group",
+				"aria-label": s.title ?? void 0,
+				className: cn(!s.title && si > 0 && s.items[0]?.kind === "folder" && "mt-1.5 border-t border-kit-line-subtle pt-1.5"),
+				children: [s.title ? /* @__PURE__ */ jsx("div", {
+					className: "px-2 pb-0.5 pt-2 text-kit-2xs font-medium text-kit-fg-3",
+					children: s.title
+				}) : null, s.items.map((it) => {
+					const idx = flat.indexOf(it);
+					const on = idx === active;
+					const desc = detail && it.kind !== "back" && it.kind !== "folder" ? it.description : "";
+					return /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": on,
+						"aria-description": !desc && it.description ? it.description : void 0,
+						"data-idx": idx,
+						id: `${listId}-${idx}`,
+						onMouseDown: (e) => e.preventDefault(),
+						onMouseMove: () => !on && onHover(idx),
+						onClick: () => onPick(it),
+						className: cn("flex w-full items-center gap-2 rounded-kit-md px-2 text-left transition-colors motion-reduce:transition-none", desc ? "py-1.5" : "h-8", it.kind === "back" ? "text-kit-fg-2" : "text-kit-fg", on && "bg-kit-hover text-kit-fg"),
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: cn("flex shrink-0 items-center justify-center text-kit-fg-2 [&_svg]:size-4", desc ? "size-7 rounded-kit-md border border-kit-line bg-kit-control-bg" : "size-5"),
+								children: it.icon
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block truncate text-kit-sm",
+									children: it.label
+								}), desc ? /* @__PURE__ */ jsx("span", {
+									className: "block truncate text-kit-xs text-kit-fg-3",
+									children: desc
+								}) : null]
+							}),
+							it.count != null ? /* @__PURE__ */ jsx("span", {
+								className: "text-kit-2xs tabular-nums text-kit-fg-3",
+								children: it.count
+							}) : null,
+							it.kind === "folder" ? /* @__PURE__ */ jsx(IconChevronRight, {
+								className: "size-3.5 shrink-0 text-kit-fg-3",
+								stroke: 1.5,
+								"aria-hidden": true
+							}) : null
+						]
+					}, it.key);
+				})]
+			}, s.title ?? `s${si}`)),
+			empty ? /* @__PURE__ */ jsx("div", {
+				className: "px-2 py-6 text-center text-kit-sm text-kit-fg-3",
+				children: emptyText
+			}) : null
+		]
 	});
 }
 var Footer = () => /* @__PURE__ */ jsx("div", {
@@ -548,9 +558,9 @@ function InsertMenuContent({ onInsert, allows, keepFocusOnClose, align = "start"
 					"aria-expanded": true,
 					"aria-controls": listId,
 					"aria-activedescendant": flat.length ? `${listId}-${active}` : void 0,
-					"aria-label": folder ? "Search components" : "Search or pick a block",
-					placeholder: folder ? "Search components" : "Search or pick a block",
-					className: "h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3"
+					"aria-label": folder ? "Search blocks" : "Search or pick a block",
+					placeholder: folder ? "Search blocks" : "Search or pick a block",
+					className: "h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3 focus-visible:shadow-none"
 				})]
 			}),
 			/* @__PURE__ */ jsx(CatalogList, {
@@ -575,7 +585,7 @@ function SlashMenuPanel({ query, folder = false, active, setActive, onPick, allo
 	const { sections, flat, empty, emptyText, noMatch } = useCatalog(query, allows, folder);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-kit-scope": "",
-		className: "flex w-[320px] flex-col overflow-hidden rounded-kit-xl border border-kit-line bg-kit-surface text-kit-fg shadow-[0_1px_2px_rgb(16_16_16/0.04),0_8px_24px_-6px_rgb(16_16_16/0.12)] [.dark_&]:border-kit-line-strong [.dark_&]:bg-[#252528]",
+		className: "glass-strong flex w-[320px] flex-col overflow-hidden rounded-kit-xl border border-kit-line",
 		style: maxHeight ? { maxHeight } : void 0,
 		onMouseDown: (e) => e.preventDefault(),
 		children: [
@@ -583,7 +593,7 @@ function SlashMenuPanel({ query, folder = false, active, setActive, onPick, allo
 				className: "flex h-8 shrink-0 items-center gap-2 border-b border-kit-line px-3 text-kit-sm",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: cn("flex-1 truncate", query ? "text-kit-fg" : "text-kit-fg-3"),
-					children: query ? `${folder ? "More components · " : ""}/${query}` : folder ? "More components" : "Type to search"
+					children: query ? `${folder ? "More blocks · " : ""}/${query}` : folder ? "More blocks" : "Type to search"
 				}), /* @__PURE__ */ jsx("kbd", {
 					"data-hint": "shortcuts",
 					className: "font-kit-sans text-kit-2xs text-kit-fg-3",
@@ -608,6 +618,6 @@ function SlashMenuPanel({ query, folder = false, active, setActive, onPick, allo
 	});
 }
 //#endregion
-export { CatalogComponentsProvider, InsertMenuContent, SlashMenuPanel, blockAllowed, catalogKey, noteRecent, useCatalog };
+export { CatalogComponentsProvider, CatalogList, InsertMenuContent, SlashMenuPanel, blockAllowed, catalogKey, noteRecent, useCatalog, useCatalogComponents };
 
 //# sourceMappingURL=catalog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","names":[],"sources":["../../../src/controls/rich-text/catalog.tsx"],"sourcesContent":["/**\n * RICH TEXT · the block catalogue shared by the toolbar Insert menu, the gutter \"+\" and the \"/\" slash menu (V2 HEAD\n * controls/rich-text/catalog.tsx, CPO D55).\n *\n *   browse    Text · Media · Data, grouped, then one quiet \"More components N\" row that opens the components the\n *             field may embed (V2 HEAD catalog.tsx MORE), with its own search and a way back (\"All blocks\")\n *   search    every block and every embeddable component in one list: recently used first among the strong matches,\n *             then by match (label, aliases, then description)\n *   no match  \"No match.\"\n *\n * Only the blocks the field accepts are offered (`features`, from the host's codec: each block is offered only where\n * the field's stored shape has a place for it). Not in this catalogue, and why:\n *   Footnote, Gallery, Embed, Columns, Checklist, Button, Table of contents, Related posts, Author bio\n *     production's rich text has no stored block for them (a checklist renders as a bulleted list; production's embed\n *     frames the raw link, which providers refuse, so Video is the one media link offered). A stored embed (an\n *     imported `<iframe>`, whose address is already the provider's frame) opens and is edited as V2's Embed block.\n *\n * Components come from the host (KitServices.useInsertableComponents: the project's components, narrowed to the ones\n * the field's config accepts), handed in through CatalogComponentsProvider. Without that service none is offered.\n * Deviation from V2: the library has no inline / page-section placement, so every component sits in one\n * \"Components\" group (V2: \"Article\" and \"Page sections\"), and no live preview flyout is drawn beside a row.\n */\nimport * as React from \"react\";\nimport {\n  IconArrowLeft, IconBlockquote, IconChevronRight, IconComponents, IconFileText, IconH1, IconH2, IconH3, IconH4, IconH5, IconH6, IconInfoCircle, IconLayoutNavbarCollapse, IconList, IconListDetails, IconListNumbers, IconPhoto,\n  IconPilcrow, IconQuote, IconSearch, IconSeparatorHorizontal, IconTable, IconTerminal2, IconVideo,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../lib/cn\";\nimport { PopoverContent } from \"../../ui/overlay\";\nimport type { RichTextFeature } from \"./codec\";\nimport type { KitInsertableComponent } from \"../component-services\";\n\nexport type BasicId =\n  | \"p\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"quote\" | \"pullquote\" | \"callout\" | \"toggle\" | \"takeaways\" | \"ul\" | \"ol\" | \"code\" | \"hr\"\n  | \"image\" | \"video\" | \"file\" | \"table\";\n\nexport interface CatalogItem {\n  key: string;\n  /** a basic block (absent on a component, the More components row and the way back) */\n  id?: BasicId;\n  /** component: embeds `component`; folder: opens More components; back: returns to every block */\n  kind?: \"component\" | \"folder\" | \"back\";\n  component?: KitInsertableComponent;\n  /** the folder row's component count */\n  count?: number;\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  /** extra words that find it */\n  aliases?: string[];\n}\n\nconst i = (I: React.ComponentType<{ stroke?: number }>) => <I stroke={1.5} />;\ntype Row = [BasicId, string, string, React.ReactNode, string[]?];\nconst rows = (list: Row[]): CatalogItem[] => list.map(([id, label, description, icon, aliases]) => ({ key: id, id, label, description, icon, aliases }));\n\nconst TEXT = rows([\n  [\"p\", \"Text\", \"Plain body text\", i(IconPilcrow), [\"paragraph\", \"body\"]],\n  [\"h2\", \"Heading 2\", \"Section heading\", i(IconH2), [\"title\", \"subtitle\"]],\n  [\"h3\", \"Heading 3\", \"Subsection heading\", i(IconH3)],\n  [\"h4\", \"Heading 4\", \"Minor heading\", i(IconH4)],\n  [\"quote\", \"Quote\", \"A quoted passage\", i(IconBlockquote), [\"blockquote\"]],\n  [\"pullquote\", \"Pull quote\", \"A highlighted line with who said it\", i(IconQuote), [\"pq\", \"testimonial\", \"attribution\"]],\n  [\"ul\", \"List\", \"Bulleted list\", i(IconList), [\"bullets\", \"bulleted list\", \"unordered\"]],\n  [\"ol\", \"Numbered list\", \"Ordered steps\", i(IconListNumbers), [\"ordered\", \"steps\"]],\n  [\"toggle\", \"Toggle\", \"Collapsible title and body\", i(IconLayoutNavbarCollapse), [\"accordion\", \"details\", \"collapse\"]],\n  [\"callout\", \"Callout\", \"A highlighted note with a tone\", i(IconInfoCircle), [\"note\", \"tip\", \"warning\", \"aside\"]],\n  [\"takeaways\", \"Key takeaways\", \"The story in a few points\", i(IconListDetails), [\"summary\", \"tldr\", \"tl;dr\", \"highlights\"]],\n  [\"hr\", \"Divider\", \"A line between parts\", i(IconSeparatorHorizontal), [\"line\", \"separator\", \"rule\"]],\n  [\"code\", \"Code\", \"Monospaced snippet\", i(IconTerminal2), [\"code block\", \"snippet\", \"pre\"]],\n]);\nconst MEDIA = rows([\n  [\"image\", \"Image\", \"Image with alt text and caption\", i(IconPhoto), [\"img\", \"picture\", \"photo\"]],\n  [\"video\", \"Video\", \"A YouTube, Vimeo or video file link\", i(IconVideo), [\"mp4\", \"youtube\", \"yt\", \"vimeo\", \"clip\", \"movie\"]],\n  [\"file\", \"File\", \"A downloadable PDF or file\", i(IconFileText), [\"pdf\", \"download\", \"attachment\"]],\n]);\nconst DATA = rows([[\"table\", \"Table\", \"Rows and columns\", i(IconTable), [\"grid\", \"data\", \"comparison\", \"spreadsheet\"]]]);\n/** Found by search, not listed: rare in a body (H1 is the page title). */\nconst SEARCH_ONLY = rows([\n  [\"h1\", \"Heading 1\", \"Largest heading\", i(IconH1)],\n  [\"h5\", \"Heading 5\", \"Smallest heading\", i(IconH5)],\n  [\"h6\", \"Heading 6\", \"Eyebrow heading\", i(IconH6)],\n]);\n\n/** The feature a block needs (Text needs none). */\nconst NEEDS: Record<BasicId, RichTextFeature | null> = {\n  p: null, h1: \"h1\", h2: \"h2\", h3: \"h3\", h4: \"h4\", h5: \"h5\", h6: \"h6\", quote: \"blockquote\", ul: \"ul\", ol: \"ol\", code: \"pre\", hr: \"hr\", image: \"image\",\n  pullquote: \"pullquote\", takeaways: \"takeaways\", callout: \"callout\", toggle: \"toggle\", video: \"video\", file: \"file\", table: \"table\",\n};\nconst MORE: CatalogItem = { key: \"more\", kind: \"folder\", label: \"More blocks\", description: \"Shared across your site\", icon: i(IconComponents) };\nconst BACK: CatalogItem = { key: \"back\", kind: \"back\", label: \"All blocks\", description: \"\", icon: i(IconArrowLeft) };\nconst componentRow = (c: KitInsertableComponent): CatalogItem => ({\n  key: `c:${c.id}`,\n  kind: \"component\",\n  component: c,\n  label: c.name,\n  description: c.description || \"Shared across your site\",\n  icon: i(IconComponents),\n});\n\n/** The components this field may embed, as the host answered (KitServices.useInsertableComponents). */\nexport interface CatalogComponents {\n  components: KitInsertableComponent[];\n  loading?: boolean;\n  error?: string;\n}\nconst ComponentsContext = React.createContext<CatalogComponents | null>(null);\nexport const CatalogComponentsProvider = ComponentsContext.Provider;\n/** The components this field may embed (a component card's Swap component). */\nexport const useCatalogComponents = () => React.useContext(ComponentsContext);\n\nexport const blockAllowed = (id: BasicId, allows: (f: RichTextFeature) => boolean) => {\n  const need = NEEDS[id];\n  return !need || allows(need);\n};\n\n/* ── Recently used (per person, CPO D55): this browser's storage; a browser that keeps none just has no recents ── */\nconst RECENTS_KEY = \"kit-rt-insert-recents\";\nlet recents: string[] = (() => {\n  try {\n    const v = JSON.parse(globalThis.localStorage?.getItem(RECENTS_KEY) ?? \"[]\") as unknown;\n    return Array.isArray(v) ? v.filter((x): x is string => typeof x === \"string\") : [];\n  } catch {\n    return [];\n  }\n})();\nconst recentSubs = new Set<() => void>();\n/** Remember a pick so search ranks it first next time. */\nexport function noteRecent(it: CatalogItem) {\n  recents = [it.key, ...recents.filter((k) => k !== it.key)].slice(0, 12);\n  try {\n    globalThis.localStorage?.setItem(RECENTS_KEY, JSON.stringify(recents));\n  } catch {\n    /* storage is off: recents last for this session */\n  }\n  recentSubs.forEach((s) => s());\n}\nfunction useRecents() {\n  return React.useSyncExternalStore(\n    (cb) => {\n      recentSubs.add(cb);\n      return () => recentSubs.delete(cb);\n    },\n    () => recents,\n    () => recents,\n  );\n}\n\nexport interface CatalogSection {\n  title: string | null;\n  items: CatalogItem[];\n}\n\n/** 5 exact (label, id or alias) · 4 label or alias starts with it · 3 a word of the label starts with it · 2 inside the\n *  label · 1 the description. */\nconst score = (q: string, it: CatalogItem) => {\n  const l = it.label.toLowerCase();\n  const al = it.aliases ?? [];\n  if (l === q || it.id === q || al.includes(q)) return 5;\n  if (l.startsWith(q) || al.some((a) => a.startsWith(q))) return 4;\n  if (l.split(/[\\s-]+/).some((w) => w.startsWith(q))) return 3;\n  if (l.includes(q)) return 2;\n  return it.description.toLowerCase().includes(q) ? 1 : 0;\n};\n/** Ranked by recently used among the strong matches, then by match, then catalogue order. */\nconst rank = (q: string, list: CatalogItem[], recent: string[]) =>\n  list\n    .map((it, i) => {\n      const s = score(q, it);\n      const r = recent.indexOf(it.key);\n      return { it, s, strong: s >= 3 ? 1 : 0, r: s >= 3 && r >= 0 ? r : 999, i };\n    })\n    .filter((x) => x.s > 0)\n    .sort((a, b) => b.strong - a.strong || a.r - b.r || b.s - a.s || a.i - b.i)\n    .map((x) => x.it);\n\n/** `folder`: the More components view (its way back first, then the components, searched by `query`). */\nexport function useCatalog(query: string, allows: (f: RichTextFeature) => boolean, folder = false, own?: CatalogComponents | null) {\n  const recent = useRecents();\n  const provided = React.useContext(ComponentsContext);\n  // the editor reads its own list (it renders the provider, so cannot read it)\n  const lib = own === undefined ? provided : own;\n  return React.useMemo(() => {\n    const q = query.trim().toLowerCase().replace(/^\\//, \"\");\n    const keep = (list: CatalogItem[]) => list.filter((it) => !it.id || blockAllowed(it.id, allows));\n    const comps = (lib?.components ?? []).map(componentRow);\n    let sections: CatalogSection[];\n    let noMatch = false;\n    let emptyText = \"No match.\";\n    if (folder) {\n      const found = q ? rank(q, comps, recent) : comps;\n      noMatch = !!q && !!comps.length && !found.length;\n      if (!comps.length) emptyText = lib?.error ?? (lib?.loading ? \"Loading blocks…\" : \"This field takes no blocks.\");\n      sections = [{ title: null, items: [BACK] }, { title: \"Blocks\", items: found }];\n    } else if (q) {\n      const found = rank(q, [...keep(TEXT), ...keep(MEDIA), ...keep(DATA), ...keep(SEARCH_ONLY), ...comps], recent);\n      noMatch = !found.length;\n      sections = [{ title: null, items: found }];\n    } else\n      sections = [\n        { title: \"Text\", items: keep(TEXT) },\n        { title: \"Media\", items: keep(MEDIA) },\n        { title: \"Data\", items: keep(DATA) },\n        // offered while the list loads or failed too: opening it says which\n        { title: null, items: lib && (comps.length || lib.loading || lib.error) ? [{ ...MORE, ...(comps.length ? { count: comps.length } : {}) }] : [] },\n      ];\n    sections = sections.filter((s) => s.items.length);\n    const flat = sections.flatMap((s) => s.items);\n    const empty = !flat.some((it) => it.kind !== \"back\");\n    return { sections, flat, empty, noMatch, emptyText };\n  }, [query, allows, recent, lib, folder]);\n}\n\n/* ── The list ───────────────────────────────────────────────────────────\n * Browsing: compact one-line rows (icon · name), grouped. Search results add the one-line description. */\nexport function CatalogList({\n  sections,\n  flat,\n  active,\n  onHover,\n  onPick,\n  empty,\n  emptyText = \"No match.\",\n  noMatch,\n  detail,\n  listId,\n  className,\n}: {\n  sections: CatalogSection[];\n  flat: CatalogItem[];\n  active: number;\n  onHover: (i: number) => void;\n  onPick: (it: CatalogItem) => void;\n  empty: boolean;\n  /** what an empty list says (\"No match.\", or why More components has none) */\n  emptyText?: string;\n  noMatch?: boolean;\n  /** show each row's description (search results, More components) */\n  detail?: boolean;\n  listId: string;\n  className?: string;\n}) {\n  const box = React.useRef<HTMLDivElement>(null);\n  React.useEffect(() => {\n    // scroll only the list (scrollIntoView would also scroll the page behind a floating menu)\n    const b = box.current;\n    const row = b?.querySelector<HTMLElement>(`[data-idx=\"${active}\"]`);\n    if (!b || !row) return;\n    if (row.offsetTop < b.scrollTop) b.scrollTop = row.offsetTop - 6;\n    else if (row.offsetTop + row.offsetHeight > b.scrollTop + b.clientHeight) b.scrollTop = row.offsetTop + row.offsetHeight - b.clientHeight + 6;\n  }, [active]);\n  return (\n    <div ref={box} id={listId} role=\"listbox\" aria-label=\"Blocks\" className={cn(\"relative max-h-[320px] overflow-y-auto p-1.5\", className)}>\n      {noMatch ? <div className=\"px-2 pb-1 pt-1.5 text-kit-sm text-kit-fg-3\">No match.</div> : null}\n      {sections.map((s, si) => (\n        <div\n          key={s.title ?? `s${si}`}\n          role=\"group\"\n          aria-label={s.title ?? undefined}\n          className={cn(!s.title && si > 0 && s.items[0]?.kind === \"folder\" && \"mt-1.5 border-t border-kit-line-subtle pt-1.5\")}\n        >\n          {s.title ? <div className=\"px-2 pb-0.5 pt-2 text-kit-2xs font-medium text-kit-fg-3\">{s.title}</div> : null}\n          {s.items.map((it) => {\n            const idx = flat.indexOf(it);\n            const on = idx === active;\n            const desc = detail && it.kind !== \"back\" && it.kind !== \"folder\" ? it.description : \"\";\n            return (\n              <button\n                key={it.key}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={on}\n                aria-description={!desc && it.description ? it.description : undefined}\n                data-idx={idx}\n                id={`${listId}-${idx}`}\n                onMouseDown={(e) => e.preventDefault()}\n                onMouseMove={() => !on && onHover(idx)}\n                onClick={() => onPick(it)}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-kit-md px-2 text-left transition-colors motion-reduce:transition-none\",\n                  desc ? \"py-1.5\" : \"h-8\",\n                  it.kind === \"back\" ? \"text-kit-fg-2\" : \"text-kit-fg\",\n                  on && \"bg-kit-hover text-kit-fg\",\n                )}\n              >\n                <span className={cn(\"flex shrink-0 items-center justify-center text-kit-fg-2 [&_svg]:size-4\", desc ? \"size-7 rounded-kit-md border border-kit-line bg-kit-control-bg\" : \"size-5\")}>\n                  {it.icon}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span className=\"block truncate text-kit-sm\">{it.label}</span>\n                  {desc ? <span className=\"block truncate text-kit-xs text-kit-fg-3\">{desc}</span> : null}\n                </span>\n                {it.count != null ? <span className=\"text-kit-2xs tabular-nums text-kit-fg-3\">{it.count}</span> : null}\n                {it.kind === \"folder\" ? <IconChevronRight className=\"size-3.5 shrink-0 text-kit-fg-3\" stroke={1.5} aria-hidden /> : null}\n              </button>\n            );\n          })}\n        </div>\n      ))}\n      {empty ? <div className=\"px-2 py-6 text-center text-kit-sm text-kit-fg-3\">{emptyText}</div> : null}\n    </div>\n  );\n}\n\nconst Footer = () => (\n  <div data-hint=\"shortcuts\" className=\"flex h-7 shrink-0 items-center border-t border-kit-line px-3 text-kit-2xs text-kit-fg-3\">\n    <span>\n      <kbd className=\"font-kit-sans\">↵</kbd> select · type to search\n    </span>\n  </div>\n);\n\n/** Shared keyboard model: ↑↓ wrap, Home/End, Enter / Tab, → into More components. Returns true when handled. */\nexport function catalogKey(\n  e: React.KeyboardEvent | KeyboardEvent,\n  flat: CatalogItem[],\n  active: number,\n  setActive: (i: number) => void,\n  pick: (it: CatalogItem) => void,\n  homeEnd = true,\n) {\n  const n = flat.length;\n  if (!n) return false;\n  if (e.key === \"ArrowDown\") return setActive((active + 1) % n), true;\n  if (e.key === \"ArrowUp\") return setActive((active - 1 + n) % n), true;\n  if (homeEnd && e.key === \"Home\") return setActive(0), true;\n  if (homeEnd && e.key === \"End\") return setActive(n - 1), true;\n  if (e.key === \"ArrowRight\" && flat[active]?.kind === \"folder\") return pick(flat[active]), true;\n  if (e.key === \"Enter\" || e.key === \"Tab\") {\n    const it = flat[active];\n    if (it) pick(it);\n    return true;\n  }\n  return false;\n}\n\n/* ── Insert menu (popover content for the toolbar \"Insert\" and the gutter \"+\") ─ */\nexport function InsertMenuContent({\n  onInsert,\n  allows,\n  keepFocusOnClose,\n  align = \"start\",\n  side = \"bottom\",\n}: {\n  onInsert: (it: CatalogItem) => void;\n  allows: (f: RichTextFeature) => boolean;\n  /** after an insert the caret stays in the editor: the menu gives no focus back to its trigger */\n  keepFocusOnClose?: () => boolean;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n}) {\n  const [q, setQ] = React.useState(\"\");\n  const [active, setActive] = React.useState(0);\n  const input = React.useRef<HTMLInputElement>(null);\n  const listId = React.useId();\n  const [folder, setFolder] = React.useState(false);\n  const { sections, flat, empty, emptyText, noMatch } = useCatalog(q, allows, folder);\n  // in More components the first row is the way back: the first component starts active\n  React.useEffect(() => setActive(folder && flat.length > 1 ? 1 : 0), [q, folder]); // eslint-disable-line react-hooks/exhaustive-deps\n  const leave = () => {\n    setFolder(false);\n    setQ(\"\");\n    input.current?.focus();\n  };\n  const pick = (it: CatalogItem) => {\n    if (it.kind === \"folder\") {\n      setFolder(true);\n      setQ(\"\");\n      input.current?.focus();\n    } else if (it.kind === \"back\") leave();\n    else onInsert(it);\n  };\n  return (\n    <PopoverContent\n      side={side}\n      align={align}\n      className=\"flex max-h-[420px] w-[320px] flex-col overflow-hidden p-0\"\n      initialFocus={input}\n      finalFocus={keepFocusOnClose ? () => !keepFocusOnClose() : undefined}\n      // Esc in More components steps back to every block, wherever focus sits in the menu (the list scrolls, so the\n      // browser can focus it): caught before the popover's own Esc, which would close it\n      onKeyDownCapture={(e) => {\n        if (!folder || e.key !== \"Escape\") return;\n        e.preventDefault();\n        e.stopPropagation();\n        leave();\n      }}\n    >\n      <div className=\"flex h-10 shrink-0 items-center gap-2 border-b border-kit-line px-3\">\n        <IconSearch className=\"size-4 shrink-0 text-kit-fg-3\" stroke={1.5} aria-hidden />\n        <input\n          ref={input}\n          value={q}\n          onChange={(e) => setQ(e.target.value)}\n          onKeyDown={(e) => {\n            if (folder && e.key === \"Backspace\" && !q) {\n              // ⌫ in an empty search steps back to every block (Esc: the popup's capture above)\n              e.preventDefault();\n              e.stopPropagation();\n              leave();\n            } else if (catalogKey(e, flat, active, setActive, pick, !q)) e.preventDefault();\n          }}\n          role=\"combobox\"\n          aria-expanded\n          aria-controls={listId}\n          aria-activedescendant={flat.length ? `${listId}-${active}` : undefined}\n          aria-label={folder ? \"Search blocks\" : \"Search or pick a block\"}\n          placeholder={folder ? \"Search blocks\" : \"Search or pick a block\"}\n          className=\"h-full min-w-0 flex-1 bg-transparent text-kit-sm text-kit-fg outline-none placeholder:text-kit-fg-3 focus-visible:shadow-none\"\n        />\n      </div>\n      <CatalogList\n        sections={sections}\n        flat={flat}\n        active={active}\n        onHover={setActive}\n        onPick={pick}\n        empty={empty}\n        emptyText={emptyText}\n        noMatch={noMatch}\n        detail={!!q || folder}\n        listId={listId}\n        className=\"min-h-0 flex-1\"\n      />\n      <Footer />\n    </PopoverContent>\n  );\n}\n\n/* ── Slash menu panel (positioned by the editor; never takes focus) ── */\nexport function SlashMenuPanel({\n  query,\n  folder = false,\n  active,\n  setActive,\n  onPick,\n  allows,\n  maxHeight,\n}: {\n  /** the room the editor found for the menu (collision-aware); the list scrolls inside it */\n  maxHeight?: number;\n  query: string;\n  /** the More components view (the editor keeps it with the rest of the slash state) */\n  folder?: boolean;\n  active: number;\n  setActive: (i: number) => void;\n  onPick: (it: CatalogItem) => void;\n  allows: (f: RichTextFeature) => boolean;\n}) {\n  const listId = React.useId();\n  const { sections, flat, empty, emptyText, noMatch } = useCatalog(query, allows, folder);\n  return (\n    <div\n      data-kit-scope=\"\"\n      className=\"glass-strong flex w-[320px] flex-col overflow-hidden rounded-kit-xl border border-kit-line\"\n      style={maxHeight ? { maxHeight } : undefined}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      <div className=\"flex h-8 shrink-0 items-center gap-2 border-b border-kit-line px-3 text-kit-sm\">\n        <span className={cn(\"flex-1 truncate\", query ? \"text-kit-fg\" : \"text-kit-fg-3\")}>{query ? `${folder ? \"More blocks · \" : \"\"}/${query}` : folder ? \"More blocks\" : \"Type to search\"}</span>\n        <kbd data-hint=\"shortcuts\" className=\"font-kit-sans text-kit-2xs text-kit-fg-3\">\n          esc\n        </kbd>\n      </div>\n      <CatalogList\n        sections={sections}\n        flat={flat}\n        active={active}\n        onHover={setActive}\n        onPick={onPick}\n        empty={empty}\n        emptyText={emptyText}\n        noMatch={noMatch}\n        detail={!!query || folder}\n        listId={listId}\n        className=\"max-h-[300px] min-h-0 flex-1\"\n      />\n      <Footer />\n    </div>\n  );\n}\n"],"mappings":"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"}