@bettercms-ai/kit 0.1.1 → 1.0.0

package/engine/field-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-shell.js","names":[],"sources":["../../src/kit/engine/field-shell.tsx"],"sourcesContent":["/**\n * FIELD SHELL — the one field chrome (V2 HEAD 9829bf1 kit/engine/field-shell.tsx; production FieldShell + CPO D8).\n *\n *   [Label *] [ⓘ] [override dot] [changed dot] [synced] [EN]  ……  [42 / 60] [action] [Reset] [undo] [comments] [presence] [⋯]\n *   help text (CPO D39: 12/16 --fg-3, 4px under the label, 1–2 lines; hidden while an error shows)\n *   ┌ control ───────────────────────────────┐   ← peer editing: the control's border in their colour\n *   └────────────────────────────────────────┘\n *   error / warning message ……………………… meta (42 / 60)\n *\n * Accessories (add-comment, ⋯) take NO space at rest; they appear on hover/focus (always on touch). A comment\n * COUNT chip is always visible. AI lives in ⋯ (\"Rewrite with AI\"), never as a label sparkle (CPO-142).\n *\n * Services (toast, AI rewrite, in-place comments) come from KitServices; a missing service hides its surface.\n */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  IconAlertCircle, IconAlertTriangle, IconArrowBackUp, IconBraces, IconClipboard, IconCopy, IconDots, IconHistory,\n  IconMessage, IconMessagePlus, IconRefresh, IconRotate, IconWorld,\n} from \"@tabler/icons-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { Button, Sparkle } from \"../ui/button\";\nimport { Avatar, avatarRingSpread } from \"../ui/display\";\nimport { HelpMore } from \"../ui/input\";\nimport { Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Popover, PopoverAnchor, PopoverContent, Tooltip } from \"../ui/overlay\";\nimport { presenceColor } from \"../ui/presence\";\nimport { cn } from \"../lib/cn\";\nimport { HISTORY_SEGMENT, type FieldPath, type FieldSchema } from \"../schema/types\";\nimport { resolveHelp } from \"../schema/help\";\nimport { AI_PRESETS, FieldHeaderSlot, seesDevSurfaces, useForm, useKitEnv, useKitServices, type AiPreset, type KitPeer } from \"../context\";\nimport { pathKey, same } from \"../lib/path\";\nimport { isTextual, plainText } from \"../lib/schema\";\nimport { textLength, type KitIssue } from \"../lib/validate\";\nimport { RowChrome } from \"./bits\";\n\n/* ── Clipboard shared by every field (typed, so Paste can refuse with a reason) ── */\n/** `html`: a rich text value as its editor html (read through the host's codec), so Paste re-stores it for the target field. */\nlet clip: { type: string; value: unknown; label: string; html?: string } | null = null;\n/** Test seam: forget the shared field clipboard. */\nexport const resetFieldClipboard = () => {\n  clip = null;\n};\nconst KIND: Record<string, string> = { image: \"an image\", file: \"a file\", video: \"a video\", reference: \"a reference\", link: \"a link\", button: \"a button\", array: \"a list\", slot: \"blocks\", object: \"a group of fields\", boolean: \"an on/off value\", number: \"a number\", color: \"a colour\" };\nconst kindOf = (t: string) => (isTextual(t as FieldSchema[\"type\"]) ? \"text\" : KIND[t] ?? t);\n\ntype RichTextCodec = NonNullable<ReturnType<typeof useKitServices>[\"richText\"]>;\nconst escHtml = (s: string) => s.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n/** Plain text as editor html: one escaped paragraph per line. */\nconst paragraphs = (text: string) =>\n  text\n    .split(/\\n+/)\n    .map((l) => l.trim())\n    .filter(Boolean)\n    .map((l) => `<p>${escHtml(l)}</p>`)\n    .join(\"\");\n/**\n * Html into a rich text field, stored in the field's own shape through the host's codec. A write that would drop\n * something is refused with the words the codec names; nothing is stored.\n */\nfunction richTextWrite(codec: RichTextCodec, field: FieldSchema, path: FieldPath, html: string, prev: unknown): { value: unknown } | { refused: string } {\n  try {\n    const out = codec.write(html, { field, path }, prev);\n    return out.losses.length ? { refused: `${field.title} can't keep ${out.losses.join(\", \")}` } : { value: out.value };\n  } catch (err) {\n    return { refused: `${field.title} could not store this text (${err instanceof Error ? err.message : String(err)})` };\n  }\n}\n/** A rich text value as editor html, when the host's codec reads it. */\nfunction richTextHtml(codec: RichTextCodec | undefined, field: FieldSchema, path: FieldPath, value: unknown): string | undefined {\n  if (!codec || field.type !== \"richtext\") return undefined;\n  try {\n    return codec.read(value, { field, path }).html;\n  } catch {\n    return undefined; // Paste falls back to the value's words\n  }\n}\n\nexport const apiName = (schemaName: string, path: FieldPath) =>\n  [schemaName, ...path.filter((s) => s !== HISTORY_SEGMENT)].reduce<string>((a, s) => (typeof s === \"number\" ? `${a}[${s}]` : a ? `${a}.${s}` : String(s)), \"\");\n\n/** A long label truncates on one line; past this many characters a native `title` carries the full label (DESIGN 4.4). */\nexport const LABEL_HINT_AT = 28;\n\nconst REVEAL =\n  \"hidden group-hover/field:inline-flex group-focus-within/field:inline-flex data-[state=open]:inline-flex data-[popup-open]:inline-flex [@media(pointer:coarse)]:inline-flex\";\n\nexport interface FieldShellProps {\n  field: FieldSchema;\n  path: FieldPath;\n  id: string;\n  value: unknown;\n  onChange: (v: unknown) => void;\n  readOnly?: boolean;\n  issue?: KitIssue;\n  /** label-row action (e.g. slug \"Generate\") */\n  action?: React.ReactNode;\n  /** \"card\" = the boolean switch card · \"row\" = the control IS a labelled row (a drill-in object, CPO D45): no label row,\n   *  the chrome goes into the row through `RowChrome` */\n  layout?: \"stack\" | \"card\" | \"row\";\n  /** layout fields get no comment control */\n  noComments?: boolean;\n  /** right side of the message line (counters, \"3 items · max 6\") */\n  meta?: React.ReactNode;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function FieldShell({ field, path, id, value, onChange, readOnly, issue, action, layout = \"stack\", noComments, meta, className, children }: FieldShellProps) {\n  const env = useKitEnv();\n  const form = useForm();\n  const services = useKitServices();\n  const key = pathKey(path);\n  /* A host can lift this field's chrome into its own header (All fields: a block whose only field is \"Stats\" under a\n     \"Stats\" section) — then there is no label row at all; the label stays for screen readers. */\n  const slot = React.useContext(FieldHeaderSlot);\n  const lifted = slot && slot.key === key && layout === \"stack\" ? slot.el : null;\n  const [ai, setAi] = React.useState(false);\n  const [commentsOpen, setCommentsOpen] = React.useState(false);\n  /* V2 fieldPopoverCollision: the comments popover stays inside the scrolling area the field sits in */\n  const [commentArea, setCommentArea] = React.useState<CommentCollision>({ collisionPadding: 12 });\n  const peers = env.presence[key] ?? [];\n  const editor = peers.find((p) => p.status !== \"viewing\");\n  const InPlaceComments = services.FieldComments;\n  const canComment = !noComments && (!!env.onComment || !!InPlaceComments);\n  const openCount = env.comments[key] ?? 0; // with no env.onComment and a count hook, CommentButton reads the store\n  const useStoreCount = env.onComment ? undefined : services.useFieldCommentCount;\n  const changed = !!form?.hasPublished && !same(value, form.publishedAt(path));\n  /* component instance (D28): a top-level field either inherits the component's value or overrides it */\n  const inh = form?.inherited && path.length === 1 ? form.inherited : undefined;\n  const overridden = !!inh && inh.isOverridden(key);\n  const canUndo = !!form?.canUndo(key) && !readOnly;\n  const synced = field.synced?.from; // a whole synced form shows one notice at its root, not a chip per field\n  const limit = field.validation?.max ?? field.validation?.recommendedMax;\n  const len = textLength(value);\n  /* counters stay quiet: shown while the field has focus, or when the value nears its limit */\n  const near = !!limit && len >= limit * 0.8;\n  const counter =\n    limit && (field.type === \"string\" || field.type === \"text\" || field.type === \"richtext\") ? (\n      <span\n        data-slot=\"field-counter\"\n        className={cn(\n          \"tabular-nums text-kit-xs\",\n          !near && \"hidden group-focus-within/field:inline\",\n          field.validation?.max && len > field.validation.max ? \"text-kit-danger-fg\" : field.validation?.recommendedMax && len > field.validation.recommendedMax ? \"text-kit-warning-fg\" : \"text-kit-fg-3\",\n        )}\n      >\n        {len} / {limit}\n      </span>\n    ) : null;\n\n  /* ── Help (CPO D39) ── one line under the label; longer text behind ⓘ. Dense hosts (env.helpDisplay \"tooltip\")\n     move the line into the ⓘ too. An error REPLACES the help (warnings keep it: they're advice, not a block). */\n  const dense = env.helpDisplay === \"tooltip\";\n  const help = resolveHelp(field); // arrays / slots / objects reach the shell without KitField: conventions apply here too\n  const more = field.helpMore || undefined;\n  const erroring = issue?.level === \"error\";\n  const helpInline = !!help && !dense && !erroring;\n  const tip = dense ? [help, more].filter(Boolean).join(\" \") : more;\n  const helpId = `${id}-help`;\n  const moreId = `${id}-more`;\n  const msgId = `${id}-msg`;\n  const describedBy = [helpInline && helpId, tip && moreId, issue && msgId].filter(Boolean).join(\" \");\n  /* Controls are many (input, textarea, contenteditable, pickers); the shell owns the ids, so it wires\n     aria-describedby onto whatever element carries the field id, keeping any ids the control set itself. */\n  React.useEffect(() => {\n    const el = document.getElementById(id);\n    if (!el) return;\n    const own = (el.getAttribute(\"aria-describedby\") ?? \"\").split(\" \").filter((t) => t && !t.startsWith(`${id}-`));\n    const next = [...own, ...describedBy.split(\" \").filter(Boolean)].join(\" \");\n    if (next) el.setAttribute(\"aria-describedby\", next);\n    else el.removeAttribute(\"aria-describedby\");\n  }, [id, describedBy]);\n  const info = tip ? (\n    <HelpMore id={moreId} label={field.title}>\n      {tip}\n    </HelpMore>\n  ) : null;\n\n  const label = (\n    <>\n      <span className=\"truncate\">{field.title}</span>\n      {field.validation?.required ? (\n        <>\n          <span aria-hidden className=\"text-kit-fg-2\">*</span>\n          <span className=\"sr-only\">(required)</span>\n        </>\n      ) : null}\n    </>\n  );\n  const badges = (\n    <>\n      {overridden ? (\n        <Tooltip content={`Overrides ${inh!.from}. Changes to the component no longer reach this field.`}>\n          <span role=\"img\" className=\"size-1.5 shrink-0 rounded-full bg-kit-accent\" aria-label={`Overrides ${inh!.from}`} />\n        </Tooltip>\n      ) : null}\n      {changed ? (\n        <Tooltip content=\"Changed since publish\">\n          <span role=\"img\" className=\"size-1.5 shrink-0 rounded-full bg-kit-warning\" aria-label=\"Changed since publish\" />\n        </Tooltip>\n      ) : null}\n      {synced ? (\n        <Tooltip content={`Synced from ${synced}. Changes apply on every page that uses it.`}>\n          <span className=\"inline-flex h-4 shrink-0 items-center gap-0.5 rounded-kit-md bg-kit-info-soft px-1 text-kit-2xs font-medium text-kit-info-fg\">\n            <IconRefresh className=\"size-2.5\" stroke={2} aria-hidden />\n            Synced\n          </span>\n        </Tooltip>\n      ) : null}\n      {field.localized ? (\n        <Tooltip content=\"Translatable · English (default). Spanish and French are missing.\">\n          <span className=\"inline-flex h-4 shrink-0 items-center gap-0.5 rounded-kit-md bg-kit-muted px-1 text-kit-2xs font-medium text-kit-fg-3\">\n            <IconWorld className=\"size-2.5\" stroke={2} aria-hidden />\n            EN\n          </span>\n        </Tooltip>\n      ) : null}\n    </>\n  );\n  const accessories = (\n    <>\n      {action}\n      {overridden && !readOnly ? (\n        <Tooltip content={`Use ${inh!.from}'s value again`}>\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              const box = (e.currentTarget as HTMLElement).closest<HTMLElement>(\"[data-field-key]\");\n              inh!.reset(key);\n              // the button goes away with the override: keep focus in the field, never on <body>\n              requestAnimationFrame(() => (document.getElementById(id) ?? box?.querySelector<HTMLElement>(\"textarea, input, [contenteditable=true], button\"))?.focus({ preventScroll: true }));\n            }}\n            aria-label={`Reset ${field.title} to ${inh!.from}`}\n            className=\"inline-flex h-5 items-center rounded-kit-md px-1 text-kit-xs text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg\"\n          >\n            Reset\n          </button>\n        </Tooltip>\n      ) : null}\n      {canUndo ? (\n        <Tooltip content={`Undo last change to ${field.title}`}>\n          <button type=\"button\" aria-label={`Undo last change to ${field.title}`} onClick={() => form?.undo(key)} className=\"inline-flex size-5 items-center justify-center rounded-kit-md text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg\">\n            <IconArrowBackUp className=\"size-3.5\" stroke={1.5} aria-hidden />\n          </button>\n        </Tooltip>\n      ) : null}\n      {canComment ? (\n        <CommentButton\n          count={openCount}\n          useCount={useStoreCount ? () => useStoreCount(env.docId, key) : undefined}\n          label={field.title}\n          open={commentsOpen}\n          onOpen={(el) => {\n            if (env.onComment) return env.onComment(path, field); // the host owns comments (e.g. the document editor)\n            setCommentArea(fieldPopoverCollision(el.closest(\"[data-field-key]\")));\n            setCommentsOpen(true);\n          }}\n        />\n      ) : null}\n      <PeerStack peers={peers} />\n      <FieldMenu field={field} path={path} value={value} onChange={onChange} readOnly={!!readOnly} changed={changed} onAi={() => setAi(true)} />\n    </>\n  );\n\n  // Peer editing (Figma / Notion / Sanity): only the field's own input border takes their --presence-n colour (full strength:\n  // the old 70% mix read as a validation error at 1.96:1) —\n  // no outline around the input + preview, no name tag over the border, no layout shift. Who it is: the face in the label row.\n  const control = (\n    <div\n      className={cn(\"relative\", editor && \"[&_.border-kit-field-border]:border-[var(--peer)]\")}\n      style={editor ? ({ \"--peer\": editor.color ?? presenceColor(editor.id ?? editor.name) } as React.CSSProperties) : undefined}\n    >\n      {children}\n    </div>\n  );\n\n  const message =\n    issue || meta ? (\n      <div className=\"flex min-h-4 items-start justify-between gap-3\">\n        <AnimatePresence initial={false}>\n          {issue ? (\n            <motion.p\n              key={issue.message}\n              id={msgId}\n              initial={{ opacity: 0, y: -2 }}\n              animate={{ opacity: 1, y: 0 }}\n              role={issue.level === \"error\" ? \"alert\" : \"status\"}\n              className={cn(\"flex min-w-0 items-start gap-1 text-kit-xs\", issue.level === \"error\" ? \"text-kit-danger-fg\" : \"text-kit-warning-fg\")}\n            >\n              {issue.level === \"error\" ? <IconAlertCircle className=\"mt-px size-3.5 shrink-0\" stroke={1.5} aria-hidden /> : <IconAlertTriangle className=\"mt-px size-3.5 shrink-0\" stroke={1.5} aria-hidden />}\n              {issue.message}\n            </motion.p>\n          ) : (\n            <span />\n          )}\n        </AnimatePresence>\n        {meta ? <span className=\"flex shrink-0 items-center gap-2\">{meta}</span> : null}\n      </div>\n    ) : null;\n\n  const labelEl = (\n    <label\n      htmlFor={id}\n      id={`${id}-label`}\n      className=\"flex min-w-0 items-center gap-1 text-kit-sm font-medium text-kit-fg-2 transition-colors group-focus-within/field:text-kit-fg\"\n      title={field.title.length > LABEL_HINT_AT ? field.title : undefined}\n    >\n      {label}\n    </label>\n  );\n\n  const body =\n    layout === \"row\" ? (\n      <div className={cn(\"group/field flex min-w-0 flex-col gap-1.5\", className)} data-field-key={key} data-field={path.length === 1 ? key : undefined} data-slot=\"kit-field\">\n        <RowChrome.Provider value={<>{info}{badges}{accessories}</>}>{control}</RowChrome.Provider>\n        {message}\n      </div>\n    ) : layout === \"card\" ? (\n      <div className={cn(\"group/field flex flex-col gap-1.5\", className)} data-field-key={key} data-field={path.length === 1 ? key : undefined} data-slot=\"kit-field\">\n        <div className={cn(\"flex items-center gap-3 rounded-kit-lg border bg-kit-surface px-3 py-2.5 transition-colors\", issue?.level === \"error\" ? \"border-[var(--kit-field-invalid)]\" : \"border-kit-line hover:border-kit-line-strong\")}>\n          {control}\n          <label htmlFor={id} id={`${id}-label`} className=\"min-w-0 flex-1 cursor-pointer\">\n            <span className=\"flex min-w-0 items-center gap-1.5 text-kit-sm font-medium text-kit-fg\">\n              {label}\n              {info}\n              {badges}\n            </span>\n            {helpInline ? (\n              <span id={helpId} data-slot=\"field-help\" className=\"block text-kit-xs leading-4 text-kit-fg-3\">\n                {help}\n              </span>\n            ) : null}\n          </label>\n          <span className=\"shrink-0 text-kit-xs text-kit-fg-3\">{value ? \"On\" : \"Off\"}</span>\n          <span className=\"flex shrink-0 items-center gap-0.5 empty:hidden\">{accessories}</span>\n        </div>\n        {message}\n      </div>\n    ) : (\n      <div\n        className={cn(\"group/field flex min-w-0 flex-col gap-1.5\", className)}\n        data-field-key={key}\n        data-field={path.length === 1 ? key : undefined}\n        data-slot=\"kit-field\"\n        data-inherited={inh && !overridden ? \"\" : undefined}\n        data-overridden={overridden ? \"\" : undefined}\n      >\n        {lifted ? (\n          <>\n            <label htmlFor={id} id={`${id}-label`} className=\"sr-only\">\n              {label}\n            </label>\n            {createPortal(\n              <span className=\"flex items-center gap-0.5 [&>button]:!inline-flex\">\n                {info}\n                {badges}\n                {counter}\n                {accessories}\n              </span>,\n              lifted,\n            )}\n          </>\n        ) : (\n          <div data-slot=\"field-label-row\" className=\"flex min-h-5 min-w-0 items-center gap-1.5\">\n            {labelEl}\n            {info}\n            {badges}\n            <span className=\"flex-1\" />\n            {counter}\n            <span className=\"flex shrink-0 items-center gap-0.5\">{accessories}</span>\n          </div>\n        )}\n        {helpInline ? (\n          <p id={helpId} data-slot=\"field-help\" className=\"-mt-0.5 text-kit-xs leading-4 text-kit-fg-3\">\n            {help}\n          </p>\n        ) : null}\n        {control}\n        {message}\n      </div>\n    );\n\n  /* The AI popover and the comments popover both anchor to the field (two stacked anchor divs). */\n  return (\n    <Popover open={ai} onOpenChange={setAi}>\n      <PopoverAnchor className=\"min-w-0\">\n        <Popover\n          open={commentsOpen}\n          onOpenChange={(open, d) => {\n            /* V2 guardEscape: Escape inside the composer (data-esc-owner) belongs to the draft, not the popover */\n            if (!open && d.reason === \"escape-key\" && (document.activeElement as HTMLElement | null)?.hasAttribute(\"data-esc-owner\")) return d.cancel();\n            setCommentsOpen(open);\n          }}\n        >\n          <PopoverAnchor className=\"min-w-0\">{body}</PopoverAnchor>\n          {commentsOpen && InPlaceComments ? (\n            <PopoverContent align=\"start\" sideOffset={8} {...commentArea} initialFocus={false} className=\"w-[clamp(280px,var(--anchor-width),420px)] p-0\">\n              <InPlaceComments\n                docId={env.docId}\n                fieldKey={key}\n                label={field.title}\n                quote={plainText(value).slice(0, 80) || undefined}\n                onClose={() => setCommentsOpen(false)}\n                onOpenPanel={\n                  env.onComment\n                    ? () => {\n                        env.onComment?.(path, field);\n                        setCommentsOpen(false);\n                      }\n                    : undefined\n                }\n              />\n            </PopoverContent>\n          ) : null}\n        </Popover>\n      </PopoverAnchor>\n      {ai ? (\n        <PopoverContent align=\"start\" sideOffset={8} className=\"w-[clamp(300px,var(--anchor-width),440px)] p-0\">\n          <AiRewrite field={field} path={path} value={value} onChange={onChange} onClose={() => setAi(false)} />\n        </PopoverContent>\n      ) : null}\n    </Popover>\n  );\n}\n\ntype CommentCollision = { collisionBoundary?: Element; collisionPadding: number | Partial<Record<\"top\" | \"right\" | \"bottom\" | \"left\", number>> };\n/** V2 features/comments fieldPopoverCollision: inside a scrolling panel, collide with that panel below its sticky header. */\nfunction fieldPopoverCollision(anchor: Element | null): CommentCollision {\n  let area = anchor?.parentElement ?? null;\n  while (area && !/(auto|scroll)/.test(getComputedStyle(area).overflowY)) area = area.parentElement;\n  if (!area || area === document.scrollingElement) return { collisionPadding: 12 };\n  const sticky = parseFloat(getComputedStyle(area).getPropertyValue(\"--kit-sticky-top\")) || 0;\n  return { collisionBoundary: area, collisionPadding: { top: sticky + 8, right: 8, bottom: 8, left: 8 } };\n}\n\n/** Comment count chip (always visible) or the hover-revealed \"Add comment\" icon. `useCount` (the host's store hook)\n *  replaces `count` when the kit draws the comments in place. */\nfunction CommentButton({ useCount, ...props }: CommentButtonProps & { useCount?: () => number }) {\n  return useCount ? <StoreCommentButton useCount={useCount} {...props} /> : <CountedCommentButton {...props} />;\n}\ninterface CommentButtonProps {\n  count: number;\n  label: string;\n  open: boolean;\n  onOpen: (el: HTMLElement) => void;\n}\nfunction StoreCommentButton({ useCount, ...props }: CommentButtonProps & { useCount: () => number }) {\n  return <CountedCommentButton {...props} count={useCount()} />;\n}\nfunction CountedCommentButton({ count, label, open, onOpen }: CommentButtonProps) {\n  if (count > 0)\n    return (\n      <Tooltip content={`${count} open comment${count === 1 ? \"\" : \"s\"} on ${label}`}>\n        <button\n          type=\"button\"\n          onClick={(e) => onOpen(e.currentTarget)}\n          data-state={open ? \"open\" : \"closed\"}\n          aria-label={`${count} open comments on ${label}`}\n          className=\"inline-flex h-5 items-center gap-1 rounded-full bg-[var(--kit-chip-ink-bg)] px-1.5 text-kit-2xs font-medium text-[var(--kit-chip-ink-fg)] hover:opacity-90\"\n        >\n          <IconMessage className=\"size-3\" stroke={2} aria-hidden />\n          <span className=\"tabular-nums\">{count}</span>\n        </button>\n      </Tooltip>\n    );\n  return (\n    <Tooltip content=\"Add comment\">\n      <button\n        type=\"button\"\n        onClick={(e) => onOpen(e.currentTarget)}\n        data-state={open ? \"open\" : \"closed\"}\n        aria-label={`Add comment to ${label}`}\n        className={cn(REVEAL, \"-my-0.5 size-6 items-center justify-center rounded-kit-md text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg\")}\n      >\n        <IconMessagePlus className=\"size-3.5\" stroke={1.5} aria-hidden />\n      </button>\n    </Tooltip>\n  );\n}\n\n/** Who is in this field: 16px faces in the label row's action slot (no overlap with the label or the input), name on hover. */\nexport function PeerStack({ peers, size = 16 }: { peers: KitPeer[]; size?: number }) {\n  const shown = peers.slice(0, 3);\n  const rest = peers.length - shown.length;\n  // Each slot reserves the ring band (1px surface gap + 1px presence colour) on every side, so the ring sits inside\n  // the slot: a clipping ancestor or the row's edge can never shave it. Faces still overlap by 25% of their size.\n  const ring = \"var(--kit-avatar-ring, var(--kit-surface))\";\n  const band = avatarRingSpread({ ring, ringWidth: 1, ringAccent: \"x\" });\n  const box = size + band * 2;\n  const overlap = -(Math.round(size * 0.25) + band * 2);\n  return (\n    <AnimatePresence initial={false}>\n      {shown.length ? (\n        <motion.span key=\"peers\" initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} transition={{ duration: 0.25 }} className=\"flex h-5 items-center\" data-slot=\"field-presence\">\n          {/* D34 stack rules: same size, 25% overlap, first face on top; the ring is box-shadow (surface gap + the\n              peer's presence colour) so the photo keeps its full size. */}\n          {shown.map((p, i) => (\n            <Tooltip key={p.name + i} content={`${p.name} · ${p.status === \"viewing\" ? \"Viewing\" : \"Editing\"} this field`}>\n              <span\n                style={{ marginLeft: i ? overlap : 0, zIndex: shown.length - i + 1, width: box, height: box }}\n                className={cn(\"relative inline-flex shrink-0 rounded-full transition-transform duration-150 hover:!z-30 hover:-translate-y-px\", p.status === \"viewing\" && \"opacity-60\")}\n              >\n                <Avatar name={p.name} src={p.avatar} size={size} ring={ring} ringWidth={1} ringAccent={p.color ?? presenceColor(p.id ?? p.name)} decorative />\n              </span>\n            </Tooltip>\n          ))}\n          {rest > 0 ? (\n            <Tooltip content={peers.slice(shown.length).map((p) => p.name).join(\", \")}>\n              <span style={{ marginLeft: overlap, width: box, height: box, padding: band }} className=\"relative z-[1] inline-flex shrink-0\">\n                <span\n                  style={{ width: size, height: size, boxShadow: `0 0 0 ${band}px var(--kit-surface)`, fontSize: Math.max(8, Math.round(size * 0.5)) }}\n                  className=\"inline-flex items-center justify-center rounded-full bg-kit-muted font-medium leading-none tabular-nums text-kit-fg-2\"\n                >\n                  +{rest}\n                </span>\n              </span>\n            </Tooltip>\n          ) : null}\n        </motion.span>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\n/* ── ⋯ Field actions (DESIGN 8.25) ─────────────────────────────────── */\nfunction FieldMenu({ field, path, value, onChange, readOnly, changed, onAi }: { field: FieldSchema; path: FieldPath; value: unknown; onChange: (v: unknown) => void; readOnly: boolean; changed: boolean; onAi: () => void }) {\n  const form = useForm();\n  const env = useKitEnv();\n  const { toast, aiRewrite, richText } = useKitServices();\n  const key = pathKey(path);\n  const api = apiName(form?.schema.name ?? \"doc\", path);\n  const textual = isTextual(field.type);\n  // rich text is rewritten only where the host's codec can store the result in the field's own shape\n  const prose = field.type === \"string\" || field.type === \"text\" || (field.type === \"richtext\" && !!richText);\n  const editable = !readOnly;\n  const dev = seesDevSurfaces(env);\n  return (\n    <Menu>\n      <Tooltip content=\"Field actions\">\n        <MenuTrigger\n          aria-label={`${field.title} actions`}\n          className={cn(REVEAL, \"-my-0.5 size-6 items-center justify-center rounded-kit-md text-kit-fg-3 hover:bg-kit-hover hover:text-kit-fg data-[popup-open]:bg-kit-hover data-[popup-open]:text-kit-fg\")}\n        >\n          <IconDots className=\"size-3.5\" stroke={1.5} aria-hidden />\n        </MenuTrigger>\n      </Tooltip>\n      <MenuContent align=\"end\" className=\"w-60\">\n        <MenuItem\n          icon={<IconCopy stroke={1.5} />}\n          onClick={() => {\n            const html = richTextHtml(richText, field, path, value);\n            clip = { type: field.type, value: structuredCloneish(value), label: field.title, ...(html !== undefined ? { html } : {}) };\n            const text = textual ? plainText(value) || \"\" : typeof value === \"string\" ? value : JSON.stringify(value ?? null, null, 2);\n            void navigator.clipboard?.writeText(text).catch(() => {});\n            toast?.success(`${field.title} copied`);\n          }}\n        >\n          Copy value\n        </MenuItem>\n        {editable ? <PasteItem field={field} path={path} value={value} onChange={onChange} /> : null}\n        {editable && form?.hasPublished && changed ? (\n          <MenuItem\n            icon={<IconRotate stroke={1.5} />}\n            onClick={() => {\n              const prev = value;\n              onChange(form.publishedAt(path));\n              toast?.(`${field.title} reset to published`, { action: { label: \"Undo\", onClick: () => onChange(prev) }, duration: 10_000 });\n            }}\n          >\n            Reset to published\n          </MenuItem>\n        ) : null}\n        {form?.canNavigate ? (\n          <MenuItem icon={<IconHistory stroke={1.5} />} onClick={() => form.navigate([...path, HISTORY_SEGMENT])}>\n            History\n          </MenuItem>\n        ) : null}\n        {editable && prose && aiRewrite ? (\n          <>\n            <MenuSeparator />\n            {form?.aiKeys.has(key) ? (\n              <MenuItem\n                icon={<IconArrowBackUp stroke={1.5} />}\n                onClick={() => {\n                  form.undo(key);\n                  form.markAi(key, false);\n                }}\n              >\n                Undo AI change\n              </MenuItem>\n            ) : null}\n            <MenuItem icon={<Sparkle size={16} />} onClick={() => window.setTimeout(onAi, 0)}>\n              Rewrite with AI\n            </MenuItem>\n          </>\n        ) : null}\n        {dev ? <MenuSeparator /> : null}\n        {dev ? (\n          <MenuItem\n            icon={<IconBraces stroke={1.5} />}\n            onClick={() => {\n              void navigator.clipboard?.writeText(api).catch(() => {});\n              toast?.success(`Copied ${api}`);\n            }}\n          >\n            <span className=\"flex w-full items-center justify-between gap-3\">\n              Copy API name\n              <span className=\"truncate font-kit-mono text-kit-2xs text-kit-fg-3\">{api.length > 22 ? `…${api.slice(-20)}` : api}</span>\n            </span>\n          </MenuItem>\n        ) : null}\n      </MenuContent>\n    </Menu>\n  );\n}\n/** Reads the shared clipboard when the menu opens (it mounts with the popup), so a copy in another field is seen. */\nfunction PasteItem({ field, path, value, onChange }: { field: FieldSchema; path: FieldPath; value: unknown; onChange: (v: unknown) => void }) {\n  const { toast, richText } = useKitServices();\n  const textual = isTextual(field.type);\n  // text into rich text needs the host's codec to store it in the field's shape\n  const needsCodec = !!clip && field.type === \"richtext\" && clip.type !== \"richtext\" && !richText;\n  const pasteOk = clip && !needsCodec && (clip.type === field.type || (textual && isTextual(clip.type as FieldSchema[\"type\"])));\n  const pasteReason = !clip\n    ? \"Copy a value from a field first.\"\n    : needsCodec\n      ? \"This rich text field takes a copied rich text value only.\"\n      : pasteOk\n        ? null\n        : `Clipboard holds ${kindOf(clip.type)}. This field takes ${kindOf(field.type)}.`;\n  return (\n    <MenuItem\n      icon={<IconClipboard stroke={1.5} />}\n      disabled={!pasteOk}\n      className={cn(pasteReason && \"h-auto py-1.5\")}\n      onClick={() => {\n        if (!clip) return;\n        const prev = value;\n        let next: unknown;\n        if (field.type === \"richtext\" && richText && (clip.type !== \"richtext\" || clip.html !== undefined)) {\n          // through the codec: the target field's own shape and Accept list, refused by name when it would drop something\n          const out = richTextWrite(richText, field, path, clip.html ?? paragraphs(plainText(clip.value)), prev);\n          if (\"refused\" in out) {\n            toast?.(`Not pasted: ${out.refused}.`);\n            return;\n          }\n          next = out.value;\n        } else next = textual && clip.type === \"richtext\" && field.type !== \"richtext\" ? plainText(clip.value) : structuredCloneish(clip.value);\n        onChange(next);\n        toast?.(`Pasted into ${field.title}`, { action: { label: \"Undo\", onClick: () => onChange(prev) }, duration: 10_000 });\n      }}\n    >\n      <span className=\"flex flex-col\">\n        Paste value\n        {pasteReason ? <span className=\"whitespace-normal text-kit-xs text-kit-fg-3\">{pasteReason}</span> : null}\n      </span>\n    </MenuItem>\n  );\n}\nfunction structuredCloneish<T>(v: T): T {\n  try {\n    return structuredClone(v);\n  } catch {\n    return v;\n  }\n}\n\n/* ── Rewrite with AI (preview before apply) ────────────────────────── */\nfunction AiRewrite({ field, path, value, onChange, onClose }: { field: FieldSchema; path: FieldPath; value: unknown; onChange: (v: unknown) => void; onClose: () => void }) {\n  const form = useForm();\n  const { toast, aiRewrite, richText } = useKitServices();\n  const key = pathKey(path);\n  const [preset, setPreset] = React.useState<AiPreset | null>(null);\n  const [out, setOut] = React.useState<string | null>(null);\n  const [failed, setFailed] = React.useState(false);\n  const attempt = React.useRef(0);\n  const latest = React.useRef(0);\n  const source = plainText(value);\n  const run = (p: AiPreset) => {\n    if (!aiRewrite) return;\n    setPreset(p);\n    setOut(null);\n    setFailed(false);\n    const ticket = ++latest.current;\n    Promise.resolve()\n      .then(() => aiRewrite(source, p, attempt.current++))\n      .then(\n        (result) => {\n          if (latest.current === ticket) setOut(result);\n        },\n        () => {\n          if (latest.current === ticket) setFailed(true);\n        },\n      );\n  };\n  const apply = () => {\n    if (!out) return;\n    const prev = value;\n    let next: unknown = out;\n    if (field.type === \"richtext\") {\n      const stored = richText ? richTextWrite(richText, field, path, paragraphs(out), prev) : { refused: `${field.title} has no rich text storage here` };\n      if (\"refused\" in stored) {\n        toast?.(`Not applied: ${stored.refused}.`);\n        return;\n      }\n      next = stored.value;\n    }\n    onChange(next);\n    form?.markAi(key, true);\n    toast?.(\"Rewritten with AI\", {\n      icon: <Sparkle size={14} />,\n      action: {\n        label: \"Undo\",\n        onClick: () => {\n          onChange(prev);\n          form?.markAi(key, false);\n        },\n      },\n      duration: 10_000,\n    });\n    onClose();\n  };\n  return (\n    <div className=\"flex flex-col\">\n      <div className=\"flex items-center gap-2 border-b border-kit-line px-3 py-2.5\">\n        <Sparkle size={16} />\n        <span className=\"text-kit-sm font-medium text-kit-fg\">Rewrite {field.title.toLowerCase()}</span>\n      </div>\n      <div className=\"flex flex-wrap gap-1 px-3 pt-2.5\">\n        {AI_PRESETS.map((p) => (\n          <button\n            key={p.id}\n            type=\"button\"\n            onClick={() => run(p.id)}\n            className={cn(\"h-6 rounded-full border px-2 text-kit-xs transition-colors\", preset === p.id ? \"border-[var(--kit-emphasis-line)] bg-kit-surface text-kit-fg\" : \"border-kit-line text-kit-fg-2 hover:border-kit-line-strong hover:text-kit-fg\")}\n          >\n            {p.label}\n          </button>\n        ))}\n      </div>\n      <div className=\"px-3 py-3\">\n        {!preset ? (\n          <p className=\"text-kit-xs text-kit-fg-3\">Pick a direction. You'll see the suggestion before anything changes.</p>\n        ) : failed ? (\n          <p role=\"alert\" className=\"text-kit-xs text-kit-danger-fg\">\n            Couldn't rewrite {field.title.toLowerCase()}. Try again.\n          </p>\n        ) : out == null ? (\n          <p className=\"text-kit-sm\">\n            <Shimmer>Rewriting {field.title.toLowerCase()}…</Shimmer>\n          </p>\n        ) : (\n          <div className=\"rounded-kit-lg bg-kit-subtle p-2.5 text-kit-sm leading-5 text-kit-fg\">\n            <TypeOut text={out} />\n          </div>\n        )}\n      </div>\n      <div className=\"flex items-center justify-between gap-2 border-t border-kit-line px-3 py-2\">\n        <Button size=\"xs\" variant=\"ghost\" onClick={onClose}>\n          Discard\n        </Button>\n        <div className=\"flex gap-1\">\n          {out || failed ? (\n            <Button size=\"xs\" variant=\"ghost\" leftIcon={<IconRefresh stroke={1.5} />} onClick={() => preset && run(preset)}>\n              Try again\n            </Button>\n          ) : null}\n          <Button size=\"xs\" variant=\"primary\" disabled={!out} onClick={apply}>\n            Apply\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* V2 components/motion.tsx Shimmer + TypeOut, kept local to the AI popover (their only kit user). */\nfunction Shimmer({ children }: { children: React.ReactNode }) {\n  return (\n    <span className=\"bg-[linear-gradient(90deg,var(--kit-fg-3)_0%,var(--kit-fg)_45%,var(--kit-fg-3)_90%)] bg-[length:200%_100%] bg-clip-text text-transparent [animation:kit-shimmer-text_1.6s_linear_infinite] motion-reduce:[animation:none]\">\n      {children}\n    </span>\n  );\n}\nfunction TypeOut({ text, speed = 14 }: { text: string; speed?: number }) {\n  const [n, setN] = React.useState(0);\n  React.useEffect(() => {\n    setN(0);\n    const id = setInterval(() => {\n      setN((x) => {\n        const next = Math.min(text.length, x + Math.max(1, Math.round(text.length / 120)));\n        if (next >= text.length) clearInterval(id);\n        return next;\n      });\n    }, speed);\n    return () => clearInterval(id);\n  }, [text, speed]);\n  return (\n    <span>\n      {text.slice(0, n)}\n      {n < text.length ? <span className=\"ml-0.5 inline-block h-[1em] w-[2px] translate-y-[2px] animate-pulse bg-kit-fg\" /> : null}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,IAAI,OAA8E;;AAElF,IAAa,4BAA4B;AACvC,QAAO;;AAET,IAAM,OAA+B;CAAE,OAAO;CAAY,MAAM;CAAU,OAAO;CAAW,WAAW;CAAe,MAAM;CAAU,QAAQ;CAAY,OAAO;CAAU,MAAM;CAAU,QAAQ;CAAqB,SAAS;CAAmB,QAAQ;CAAY,OAAO;CAAY;AAC3R,IAAM,UAAU,MAAe,UAAU,EAAyB,GAAG,SAAS,KAAK,MAAM;AAGzF,IAAM,WAAW,MAAc,EAAE,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAEnG,IAAM,cAAc,SAClB,KACG,MAAM,MAAM,CACZ,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ,CACf,KAAK,MAAM,MAAM,QAAQ,EAAE,CAAC,MAAM,CAClC,KAAK,GAAG;;;;;AAKb,SAAS,cAAc,OAAsB,OAAoB,MAAiB,MAAc,MAAyD;AACvJ,KAAI;EACF,MAAM,MAAM,MAAM,MAAM,MAAM;GAAE;GAAO;GAAM,EAAE,KAAK;AACpD,SAAO,IAAI,OAAO,SAAS,EAAE,SAAS,GAAG,MAAM,MAAM,cAAc,IAAI,OAAO,KAAK,KAAK,IAAI,GAAG,EAAE,OAAO,IAAI,OAAO;UAC5G,KAAK;AACZ,SAAO,EAAE,SAAS,GAAG,MAAM,MAAM,8BAA8B,eAAe,QAAQ,IAAI,UAAU,OAAO,IAAI,CAAC,IAAI;;;;AAIxH,SAAS,aAAa,OAAkC,OAAoB,MAAiB,OAAoC;AAC/H,KAAI,CAAC,SAAS,MAAM,SAAS,WAAY,QAAO,KAAA;AAChD,KAAI;AACF,SAAO,MAAM,KAAK,OAAO;GAAE;GAAO;GAAM,CAAC,CAAC;SACpC;AACN;;;AAIJ,IAAa,WAAW,YAAoB,SAC1C,CAAC,YAAY,GAAG,KAAK,QAAQ,MAAM,MAAM,gBAAgB,CAAC,CAAC,QAAgB,GAAG,MAAO,OAAO,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,OAAO,EAAE,EAAG,GAAG;;AAG/J,IAAa,gBAAgB;AAE7B,IAAM,SACJ;AAuBF,SAAgB,WAAW,EAAE,OAAO,MAAM,IAAI,OAAO,UAAU,UAAU,OAAO,QAAQ,SAAS,SAAS,YAAY,MAAM,WAAW,YAA6B;CAClK,MAAM,MAAM,WAAW;CACvB,MAAM,OAAO,SAAS;CACtB,MAAM,WAAW,gBAAgB;CACjC,MAAM,MAAM,QAAQ,KAAK;CAGzB,MAAM,OAAO,MAAM,WAAW,gBAAgB;CAC9C,MAAM,SAAS,QAAQ,KAAK,QAAQ,OAAO,WAAW,UAAU,KAAK,KAAK;CAC1E,MAAM,CAAC,IAAI,SAAS,MAAM,SAAS,MAAM;CACzC,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,MAAM;CAE7D,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAA2B,EAAE,kBAAkB,IAAI,CAAC;CAChG,MAAM,QAAQ,IAAI,SAAS,QAAQ,EAAE;CACrC,MAAM,SAAS,MAAM,MAAM,MAAM,EAAE,WAAW,UAAU;CACxD,MAAM,kBAAkB,SAAS;CACjC,MAAM,aAAa,CAAC,eAAe,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC;CACxD,MAAM,YAAY,IAAI,SAAS,QAAQ;CACvC,MAAM,gBAAgB,IAAI,YAAY,KAAA,IAAY,SAAS;CAC3D,MAAM,UAAU,CAAC,CAAC,MAAM,gBAAgB,CAAC,KAAK,OAAO,KAAK,YAAY,KAAK,CAAC;CAE5E,MAAM,MAAM,MAAM,aAAa,KAAK,WAAW,IAAI,KAAK,YAAY,KAAA;CACpE,MAAM,aAAa,CAAC,CAAC,OAAO,IAAI,aAAa,IAAI;CACjD,MAAM,UAAU,CAAC,CAAC,MAAM,QAAQ,IAAI,IAAI,CAAC;CACzC,MAAM,SAAS,MAAM,QAAQ;CAC7B,MAAM,QAAQ,MAAM,YAAY,OAAO,MAAM,YAAY;CACzD,MAAM,MAAM,WAAW,MAAM;CAE7B,MAAM,OAAO,CAAC,CAAC,SAAS,OAAO,QAAQ;CACvC,MAAM,UACJ,UAAU,MAAM,SAAS,YAAY,MAAM,SAAS,UAAU,MAAM,SAAS,cAC3E,qBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,4BACA,CAAC,QAAQ,0CACT,MAAM,YAAY,OAAO,MAAM,MAAM,WAAW,MAAM,uBAAuB,MAAM,YAAY,kBAAkB,MAAM,MAAM,WAAW,iBAAiB,wBAAwB,gBAClL;YANH;GAQG;GAAI;GAAI;GACJ;MACL;CAIN,MAAM,QAAQ,IAAI,gBAAgB;CAClC,MAAM,OAAO,YAAY,MAAM;CAC/B,MAAM,OAAO,MAAM,YAAY,KAAA;CAC/B,MAAM,WAAW,OAAO,UAAU;CAClC,MAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;CACxC,MAAM,MAAM,QAAQ,CAAC,MAAM,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,GAAG;CAC7D,MAAM,SAAS,GAAG,GAAG;CACrB,MAAM,SAAS,GAAG,GAAG;CACrB,MAAM,QAAQ,GAAG,GAAG;CACpB,MAAM,cAAc;EAAC,cAAc;EAAQ,OAAO;EAAQ,SAAS;EAAM,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAGnG,OAAM,gBAAgB;EACpB,MAAM,KAAK,SAAS,eAAe,GAAG;AACtC,MAAI,CAAC,GAAI;EAET,MAAM,OAAO,CAAC,IADD,GAAG,aAAa,mBAAmB,IAAI,IAAI,MAAM,IAAI,CAAC,QAAQ,MAAM,KAAK,CAAC,EAAE,WAAW,GAAG,GAAG,GAAG,CAAC,EACxF,GAAG,YAAY,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,KAAK,IAAI;AAC1E,MAAI,KAAM,IAAG,aAAa,oBAAoB,KAAK;MAC9C,IAAG,gBAAgB,mBAAmB;IAC1C,CAAC,IAAI,YAAY,CAAC;CACrB,MAAM,OAAO,MACX,oBAAC,UAAD;EAAU,IAAI;EAAQ,OAAO,MAAM;YAChC;EACQ,CAAA,GACT;CAEJ,MAAM,QACJ,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EAAM,WAAU;YAAY,MAAM;EAAa,CAAA,EAC9C,MAAM,YAAY,WACjB,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EAAM,eAAA;EAAY,WAAU;YAAgB;EAAQ,CAAA,EACpD,oBAAC,QAAD;EAAM,WAAU;YAAU;EAAiB,CAAA,CAC1C,EAAA,CAAA,GACD,KACH,EAAA,CAAA;CAEL,MAAM,SACJ,qBAAA,UAAA,EAAA,UAAA;EACG,aACC,oBAAC,SAAD;GAAS,SAAS,aAAa,IAAK,KAAK;aACvC,oBAAC,QAAD;IAAM,MAAK;IAAM,WAAU;IAA+C,cAAY,aAAa,IAAK;IAAU,CAAA;GAC1G,CAAA,GACR;EACH,UACC,oBAAC,SAAD;GAAS,SAAQ;aACf,oBAAC,QAAD;IAAM,MAAK;IAAM,WAAU;IAAgD,cAAW;IAA0B,CAAA;GACxG,CAAA,GACR;EACH,SACC,oBAAC,SAAD;GAAS,SAAS,eAAe,OAAO;aACtC,qBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,oBAAC,aAAD;KAAa,WAAU;KAAW,QAAQ;KAAG,eAAA;KAAc,CAAA,EAAA,SAEtD;;GACC,CAAA,GACR;EACH,MAAM,YACL,oBAAC,SAAD;GAAS,SAAQ;aACf,qBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,oBAAC,WAAD;KAAW,WAAU;KAAW,QAAQ;KAAG,eAAA;KAAc,CAAA,EAAA,KAEpD;;GACC,CAAA,GACR;EACH,EAAA,CAAA;CAEL,MAAM,cACJ,qBAAA,UAAA,EAAA,UAAA;EACG;EACA,cAAc,CAAC,WACd,oBAAC,SAAD;GAAS,SAAS,OAAO,IAAK,KAAK;aACjC,oBAAC,UAAD;IACE,MAAK;IACL,UAAU,MAAM;KACd,MAAM,MAAO,EAAE,cAA8B,QAAqB,mBAAmB;AACrF,SAAK,MAAM,IAAI;AAEf,kCAA6B,SAAS,eAAe,GAAG,IAAI,KAAK,cAA2B,kDAAkD,GAAG,MAAM,EAAE,eAAe,MAAM,CAAC,CAAC;;IAElL,cAAY,SAAS,MAAM,MAAM,MAAM,IAAK;IAC5C,WAAU;cACX;IAEQ,CAAA;GACD,CAAA,GACR;EACH,UACC,oBAAC,SAAD;GAAS,SAAS,uBAAuB,MAAM;aAC7C,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,uBAAuB,MAAM;IAAS,eAAe,MAAM,KAAK,IAAI;IAAE,WAAU;cAChH,oBAAC,iBAAD;KAAiB,WAAU;KAAW,QAAQ;KAAK,eAAA;KAAc,CAAA;IAC1D,CAAA;GACD,CAAA,GACR;EACH,aACC,oBAAC,eAAD;GACE,OAAO;GACP,UAAU,sBAAsB,cAAc,IAAI,OAAO,IAAI,GAAG,KAAA;GAChE,OAAO,MAAM;GACb,MAAM;GACN,SAAS,OAAO;AACd,QAAI,IAAI,UAAW,QAAO,IAAI,UAAU,MAAM,MAAM;AACpD,mBAAe,sBAAsB,GAAG,QAAQ,mBAAmB,CAAC,CAAC;AACrE,oBAAgB,KAAK;;GAEvB,CAAA,GACA;EACJ,oBAAC,WAAD,EAAkB,OAAS,CAAA;EAC3B,oBAAC,WAAD;GAAkB;GAAa;GAAa;GAAiB;GAAU,UAAU,CAAC,CAAC;GAAmB;GAAS,YAAY,MAAM,KAAK;GAAI,CAAA;EACzI,EAAA,CAAA;CAML,MAAM,UACJ,oBAAC,OAAD;EACE,WAAW,GAAG,YAAY,UAAU,oDAAoD;EACxF,OAAO,SAAU,EAAE,UAAU,OAAO,SAAS,cAAc,OAAO,MAAM,OAAO,KAAK,EAAE,GAA2B,KAAA;EAEhH;EACG,CAAA;CAGR,MAAM,UACJ,SAAS,OACP,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,iBAAD;GAAiB,SAAS;aACvB,QACC,qBAAC,OAAO,GAAR;IAEE,IAAI;IACJ,SAAS;KAAE,SAAS;KAAG,GAAG;KAAI;IAC9B,SAAS;KAAE,SAAS;KAAG,GAAG;KAAG;IAC7B,MAAM,MAAM,UAAU,UAAU,UAAU;IAC1C,WAAW,GAAG,8CAA8C,MAAM,UAAU,UAAU,uBAAuB,sBAAsB;cANrI,CAQG,MAAM,UAAU,UAAU,oBAAC,iBAAD;KAAiB,WAAU;KAA0B,QAAQ;KAAK,eAAA;KAAc,CAAA,GAAG,oBAAC,mBAAD;KAAmB,WAAU;KAA0B,QAAQ;KAAK,eAAA;KAAc,CAAA,EAC/L,MAAM,QACE;MATJ,MAAM,QASF,GAEX,oBAAC,QAAD,EAAQ,CAAA;GAEM,CAAA,EACjB,OAAO,oBAAC,QAAD;GAAM,WAAU;aAAoC;GAAY,CAAA,GAAG,KACvE;MACJ;CAEN,MAAM,UACJ,oBAAC,SAAD;EACE,SAAS;EACT,IAAI,GAAG,GAAG;EACV,WAAU;EACV,OAAO,MAAM,MAAM,SAAA,KAAyB,MAAM,QAAQ,KAAA;YAEzD;EACK,CAAA;AA2EV,QACE,qBAAC,SAAD;EAAS,MAAM;EAAI,cAAc;YAAjC,CACE,oBAAC,eAAD;GAAe,WAAU;aACvB,qBAAC,SAAD;IACE,MAAM;IACN,eAAe,MAAM,MAAM;AAEzB,SAAI,CAAC,QAAQ,EAAE,WAAW,gBAAiB,SAAS,eAAsC,aAAa,iBAAiB,CAAE,QAAO,EAAE,QAAQ;AAC3I,qBAAgB,KAAK;;cALzB,CAQE,oBAAC,eAAD;KAAe,WAAU;eAlF/B,WAAW,QACT,qBAAC,OAAD;MAAK,WAAW,GAAG,6CAA6C,UAAU;MAAE,kBAAgB;MAAK,cAAY,KAAK,WAAW,IAAI,MAAM,KAAA;MAAW,aAAU;gBAA5J,CACE,oBAAC,UAAU,UAAX;OAAoB,OAAO,qBAAA,UAAA,EAAA,UAAA;QAAG;QAAM;QAAQ;QAAe,EAAA,CAAA;iBAAG;OAA6B,CAAA,EAC1F,QACG;UACJ,WAAW,SACb,qBAAC,OAAD;MAAK,WAAW,GAAG,qCAAqC,UAAU;MAAE,kBAAgB;MAAK,cAAY,KAAK,WAAW,IAAI,MAAM,KAAA;MAAW,aAAU;gBAApJ,CACE,qBAAC,OAAD;OAAK,WAAW,GAAG,8FAA8F,OAAO,UAAU,UAAU,sCAAsC,+CAA+C;iBAAjO;QACG;QACD,qBAAC,SAAD;SAAO,SAAS;SAAI,IAAI,GAAG,GAAG;SAAS,WAAU;mBAAjD,CACE,qBAAC,QAAD;UAAM,WAAU;oBAAhB;WACG;WACA;WACA;WACI;aACN,aACC,oBAAC,QAAD;UAAM,IAAI;UAAQ,aAAU;UAAa,WAAU;oBAChD;UACI,CAAA,GACL,KACE;;QACR,oBAAC,QAAD;SAAM,WAAU;mBAAsC,QAAQ,OAAO;SAAa,CAAA;QAClF,oBAAC,QAAD;SAAM,WAAU;mBAAmD;SAAmB,CAAA;QAClF;UACL,QACG;UAEN,qBAAC,OAAD;MACE,WAAW,GAAG,6CAA6C,UAAU;MACrE,kBAAgB;MAChB,cAAY,KAAK,WAAW,IAAI,MAAM,KAAA;MACtC,aAAU;MACV,kBAAgB,OAAO,CAAC,aAAa,KAAK,KAAA;MAC1C,mBAAiB,aAAa,KAAK,KAAA;gBANrC;OAQG,SACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,SAAD;QAAO,SAAS;QAAI,IAAI,GAAG,GAAG;QAAS,WAAU;kBAC9C;QACK,CAAA,EACP,aACC,qBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG;SACA;SACA;SACA;SACI;WACP,OACD,CACA,EAAA,CAAA,GAEH,qBAAC,OAAD;QAAK,aAAU;QAAkB,WAAU;kBAA3C;SACG;SACA;SACA;SACD,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA;SAC1B;SACD,oBAAC,QAAD;UAAM,WAAU;oBAAsC;UAAmB,CAAA;SACrE;;OAEP,aACC,oBAAC,KAAD;QAAG,IAAI;QAAQ,aAAU;QAAa,WAAU;kBAC7C;QACC,CAAA,GACF;OACH;OACA;OACG;;KAeuD,CAAA,EACxD,gBAAgB,kBACf,oBAAC,gBAAD;KAAgB,OAAM;KAAQ,YAAY;KAAG,GAAI;KAAa,cAAc;KAAO,WAAU;eAC3F,oBAAC,iBAAD;MACE,OAAO,IAAI;MACX,UAAU;MACV,OAAO,MAAM;MACb,OAAO,UAAU,MAAM,CAAC,MAAM,GAAG,GAAG,IAAI,KAAA;MACxC,eAAe,gBAAgB,MAAM;MACrC,aACE,IAAI,kBACM;AACJ,WAAI,YAAY,MAAM,MAAM;AAC5B,uBAAgB,MAAM;UAExB,KAAA;MAEN,CAAA;KACa,CAAA,GACf,KACI;;GACI,CAAA,EACf,KACC,oBAAC,gBAAD;GAAgB,OAAM;GAAQ,YAAY;GAAG,WAAU;aACrD,oBAAC,WAAD;IAAkB;IAAa;IAAa;IAAiB;IAAU,eAAe,MAAM,MAAM;IAAI,CAAA;GACvF,CAAA,GACf,KACI;;;;AAMd,SAAS,sBAAsB,QAA0C;CACvE,IAAI,OAAO,QAAQ,iBAAiB;AACpC,QAAO,QAAQ,CAAC,gBAAgB,KAAK,iBAAiB,KAAK,CAAC,UAAU,CAAE,QAAO,KAAK;AACpF,KAAI,CAAC,QAAQ,SAAS,SAAS,iBAAkB,QAAO,EAAE,kBAAkB,IAAI;CAChF,MAAM,SAAS,WAAW,iBAAiB,KAAK,CAAC,iBAAiB,mBAAmB,CAAC,IAAI;AAC1F,QAAO;EAAE,mBAAmB;EAAM,kBAAkB;GAAE,KAAK,SAAS;GAAG,OAAO;GAAG,QAAQ;GAAG,MAAM;GAAG;EAAE;;;;AAKzG,SAAS,cAAc,EAAE,UAAU,GAAG,SAA2D;AAC/F,QAAO,WAAW,oBAAC,oBAAD;EAA8B;EAAU,GAAI;EAAS,CAAA,GAAG,oBAAC,sBAAD,EAAsB,GAAI,OAAS,CAAA;;AAQ/G,SAAS,mBAAmB,EAAE,UAAU,GAAG,SAA0D;AACnG,QAAO,oBAAC,sBAAD;EAAsB,GAAI;EAAO,OAAO,UAAU;EAAI,CAAA;;AAE/D,SAAS,qBAAqB,EAAE,OAAO,OAAO,MAAM,UAA8B;AAChF,KAAI,QAAQ,EACV,QACE,oBAAC,SAAD;EAAS,SAAS,GAAG,MAAM,eAAe,UAAU,IAAI,KAAK,IAAI,MAAM;YACrE,qBAAC,UAAD;GACE,MAAK;GACL,UAAU,MAAM,OAAO,EAAE,cAAc;GACvC,cAAY,OAAO,SAAS;GAC5B,cAAY,GAAG,MAAM,oBAAoB;GACzC,WAAU;aALZ,CAOE,oBAAC,aAAD;IAAa,WAAU;IAAS,QAAQ;IAAG,eAAA;IAAc,CAAA,EACzD,oBAAC,QAAD;IAAM,WAAU;cAAgB;IAAa,CAAA,CACtC;;EACD,CAAA;AAEd,QACE,oBAAC,SAAD;EAAS,SAAQ;YACf,oBAAC,UAAD;GACE,MAAK;GACL,UAAU,MAAM,OAAO,EAAE,cAAc;GACvC,cAAY,OAAO,SAAS;GAC5B,cAAY,kBAAkB;GAC9B,WAAW,GAAG,QAAQ,+GAA+G;aAErI,oBAAC,iBAAD;IAAiB,WAAU;IAAW,QAAQ;IAAK,eAAA;IAAc,CAAA;GAC1D,CAAA;EACD,CAAA;;;AAKd,SAAgB,UAAU,EAAE,OAAO,OAAO,MAA2C;CACnF,MAAM,QAAQ,MAAM,MAAM,GAAG,EAAE;CAC/B,MAAM,OAAO,MAAM,SAAS,MAAM;CAGlC,MAAM,OAAO;CACb,MAAM,OAAO,iBAAiB;EAAE;EAAM,WAAW;EAAG,YAAY;EAAK,CAAC;CACtE,MAAM,MAAM,OAAO,OAAO;CAC1B,MAAM,UAAU,EAAE,KAAK,MAAM,OAAO,IAAK,GAAG,OAAO;AACnD,QACE,oBAAC,iBAAD;EAAiB,SAAS;YACvB,MAAM,SACL,qBAAC,OAAO,MAAR;GAAyB,SAAS,EAAE,SAAS,GAAG;GAAE,SAAS,EAAE,SAAS,GAAG;GAAE,MAAM,EAAE,SAAS,GAAG;GAAE,YAAY,EAAE,UAAU,KAAM;GAAE,WAAU;GAAwB,aAAU;aAA7K,CAGG,MAAM,KAAK,GAAG,MACb,oBAAC,SAAD;IAA0B,SAAS,GAAG,EAAE,KAAK,KAAK,EAAE,WAAW,YAAY,YAAY,UAAU;cAC/F,oBAAC,QAAD;KACE,OAAO;MAAE,YAAY,IAAI,UAAU;MAAG,QAAQ,MAAM,SAAS,IAAI;MAAG,OAAO;MAAK,QAAQ;MAAK;KAC7F,WAAW,GAAG,kHAAkH,EAAE,WAAW,aAAa,aAAa;eAEvK,oBAAC,QAAD;MAAQ,MAAM,EAAE;MAAM,KAAK,EAAE;MAAc;MAAY;MAAM,WAAW;MAAG,YAAY,EAAE,SAAS,cAAc,EAAE,MAAM,EAAE,KAAK;MAAE,YAAA;MAAa,CAAA;KACzI,CAAA;IACC,EAPI,EAAE,OAAO,EAOb,CACV,EACD,OAAO,IACN,oBAAC,SAAD;IAAS,SAAS,MAAM,MAAM,MAAM,OAAO,CAAC,KAAK,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK;cACvE,oBAAC,QAAD;KAAM,OAAO;MAAE,YAAY;MAAS,OAAO;MAAK,QAAQ;MAAK,SAAS;MAAM;KAAE,WAAU;eACtF,qBAAC,QAAD;MACE,OAAO;OAAE,OAAO;OAAM,QAAQ;OAAM,WAAW,SAAS,KAAK;OAAwB,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,GAAI,CAAC;OAAE;MACpI,WAAU;gBAFZ,CAGC,KACG,KACG;;KACF,CAAA;IACC,CAAA,GACR,KACQ;KAzBG,QAyBH,GACZ;EACY,CAAA;;AAKtB,SAAS,UAAU,EAAE,OAAO,MAAM,OAAO,UAAU,UAAU,SAAS,QAAwJ;CAC5N,MAAM,OAAO,SAAS;CACtB,MAAM,MAAM,WAAW;CACvB,MAAM,EAAE,OAAO,WAAW,aAAa,gBAAgB;CACvD,MAAM,MAAM,QAAQ,KAAK;CACzB,MAAM,MAAM,QAAQ,MAAM,OAAO,QAAQ,OAAO,KAAK;CACrD,MAAM,UAAU,UAAU,MAAM,KAAK;CAErC,MAAM,QAAQ,MAAM,SAAS,YAAY,MAAM,SAAS,UAAW,MAAM,SAAS,cAAc,CAAC,CAAC;CAClG,MAAM,WAAW,CAAC;CAClB,MAAM,MAAM,gBAAgB,IAAI;AAChC,QACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,SAAD;EAAS,SAAQ;YACf,oBAAC,aAAD;GACE,cAAY,GAAG,MAAM,MAAM;GAC3B,WAAW,GAAG,QAAQ,4KAA4K;aAElM,oBAAC,UAAD;IAAU,WAAU;IAAW,QAAQ;IAAK,eAAA;IAAc,CAAA;GAC9C,CAAA;EACN,CAAA,EACV,qBAAC,aAAD;EAAa,OAAM;EAAM,WAAU;YAAnC;GACE,oBAAC,UAAD;IACE,MAAM,oBAAC,UAAD,EAAU,QAAQ,KAAO,CAAA;IAC/B,eAAe;KACb,MAAM,OAAO,aAAa,UAAU,OAAO,MAAM,MAAM;AACvD,YAAO;MAAE,MAAM,MAAM;MAAM,OAAO,mBAAmB,MAAM;MAAE,OAAO,MAAM;MAAO,GAAI,SAAS,KAAA,IAAY,EAAE,MAAM,GAAG,EAAE;MAAG;KAC1H,MAAM,OAAO,UAAU,UAAU,MAAM,IAAI,KAAK,OAAO,UAAU,WAAW,QAAQ,KAAK,UAAU,SAAS,MAAM,MAAM,EAAE;AACrH,eAAU,WAAW,UAAU,KAAK,CAAC,YAAY,GAAG;AACzD,YAAO,QAAQ,GAAG,MAAM,MAAM,SAAS;;cAE1C;IAEU,CAAA;GACV,WAAW,oBAAC,WAAD;IAAkB;IAAa;IAAa;IAAiB;IAAY,CAAA,GAAG;GACvF,YAAY,MAAM,gBAAgB,UACjC,oBAAC,UAAD;IACE,MAAM,oBAAC,YAAD,EAAY,QAAQ,KAAO,CAAA;IACjC,eAAe;KACb,MAAM,OAAO;AACb,cAAS,KAAK,YAAY,KAAK,CAAC;AAChC,aAAQ,GAAG,MAAM,MAAM,sBAAsB;MAAE,QAAQ;OAAE,OAAO;OAAQ,eAAe,SAAS,KAAK;OAAE;MAAE,UAAU;MAAQ,CAAC;;cAE/H;IAEU,CAAA,GACT;GACH,MAAM,cACL,oBAAC,UAAD;IAAU,MAAM,oBAAC,aAAD,EAAa,QAAQ,KAAO,CAAA;IAAE,eAAe,KAAK,SAAS,CAAC,GAAG,MAAM,gBAAgB,CAAC;cAAE;IAE7F,CAAA,GACT;GACH,YAAY,SAAS,YACpB,qBAAA,UAAA,EAAA,UAAA;IACE,oBAAC,eAAD,EAAiB,CAAA;IAChB,MAAM,OAAO,IAAI,IAAI,GACpB,oBAAC,UAAD;KACE,MAAM,oBAAC,iBAAD,EAAiB,QAAQ,KAAO,CAAA;KACtC,eAAe;AACb,WAAK,KAAK,IAAI;AACd,WAAK,OAAO,KAAK,MAAM;;eAE1B;KAEU,CAAA,GACT;IACJ,oBAAC,UAAD;KAAU,MAAM,oBAAC,SAAD,EAAS,MAAM,IAAM,CAAA;KAAE,eAAe,OAAO,WAAW,MAAM,EAAE;eAAE;KAEvE,CAAA;IACV,EAAA,CAAA,GACD;GACH,MAAM,oBAAC,eAAD,EAAiB,CAAA,GAAG;GAC1B,MACC,oBAAC,UAAD;IACE,MAAM,oBAAC,YAAD,EAAY,QAAQ,KAAO,CAAA;IACjC,eAAe;AACR,eAAU,WAAW,UAAU,IAAI,CAAC,YAAY,GAAG;AACxD,YAAO,QAAQ,UAAU,MAAM;;cAGjC,qBAAC,QAAD;KAAM,WAAU;eAAhB,CAAiE,iBAE/D,oBAAC,QAAD;MAAM,WAAU;gBAAqD,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK;MAAW,CAAA,CACpH;;IACE,CAAA,GACT;GACQ;IACT,EAAA,CAAA;;;AAIX,SAAS,UAAU,EAAE,OAAO,MAAM,OAAO,YAAqG;CAC5I,MAAM,EAAE,OAAO,aAAa,gBAAgB;CAC5C,MAAM,UAAU,UAAU,MAAM,KAAK;CAErC,MAAM,aAAa,CAAC,CAAC,QAAQ,MAAM,SAAS,cAAc,KAAK,SAAS,cAAc,CAAC;CACvF,MAAM,UAAU,QAAQ,CAAC,eAAe,KAAK,SAAS,MAAM,QAAS,WAAW,UAAU,KAAK,KAA4B;CAC3H,MAAM,cAAc,CAAC,OACjB,qCACA,aACE,8DACA,UACE,OACA,mBAAmB,OAAO,KAAK,KAAK,CAAC,qBAAqB,OAAO,MAAM,KAAK,CAAC;AACrF,QACE,oBAAC,UAAD;EACE,MAAM,oBAAC,eAAD,EAAe,QAAQ,KAAO,CAAA;EACpC,UAAU,CAAC;EACX,WAAW,GAAG,eAAe,gBAAgB;EAC7C,eAAe;AACb,OAAI,CAAC,KAAM;GACX,MAAM,OAAO;GACb,IAAI;AACJ,OAAI,MAAM,SAAS,cAAc,aAAa,KAAK,SAAS,cAAc,KAAK,SAAS,KAAA,IAAY;IAElG,MAAM,MAAM,cAAc,UAAU,OAAO,MAAM,KAAK,QAAQ,WAAW,UAAU,KAAK,MAAM,CAAC,EAAE,KAAK;AACtG,QAAI,aAAa,KAAK;AACpB,aAAQ,eAAe,IAAI,QAAQ,GAAG;AACtC;;AAEF,WAAO,IAAI;SACN,QAAO,WAAW,KAAK,SAAS,cAAc,MAAM,SAAS,aAAa,UAAU,KAAK,MAAM,GAAG,mBAAmB,KAAK,MAAM;AACvI,YAAS,KAAK;AACd,WAAQ,eAAe,MAAM,SAAS;IAAE,QAAQ;KAAE,OAAO;KAAQ,eAAe,SAAS,KAAK;KAAE;IAAE,UAAU;IAAQ,CAAC;;YAGvH,qBAAC,QAAD;GAAM,WAAU;aAAhB,CAAgC,eAE7B,cAAc,oBAAC,QAAD;IAAM,WAAU;cAA+C;IAAmB,CAAA,GAAG,KAC/F;;EACE,CAAA;;AAGf,SAAS,mBAAsB,GAAS;AACtC,KAAI;AACF,SAAO,gBAAgB,EAAE;SACnB;AACN,SAAO;;;AAKX,SAAS,UAAU,EAAE,OAAO,MAAM,OAAO,UAAU,WAAyH;CAC1K,MAAM,OAAO,SAAS;CACtB,MAAM,EAAE,OAAO,WAAW,aAAa,gBAAgB;CACvD,MAAM,MAAM,QAAQ,KAAK;CACzB,MAAM,CAAC,QAAQ,aAAa,MAAM,SAA0B,KAAK;CACjE,MAAM,CAAC,KAAK,UAAU,MAAM,SAAwB,KAAK;CACzD,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,MAAM;CACjD,MAAM,UAAU,MAAM,OAAO,EAAE;CAC/B,MAAM,SAAS,MAAM,OAAO,EAAE;CAC9B,MAAM,SAAS,UAAU,MAAM;CAC/B,MAAM,OAAO,MAAgB;AAC3B,MAAI,CAAC,UAAW;AAChB,YAAU,EAAE;AACZ,SAAO,KAAK;AACZ,YAAU,MAAM;EAChB,MAAM,SAAS,EAAE,OAAO;AACxB,UAAQ,SAAS,CACd,WAAW,UAAU,QAAQ,GAAG,QAAQ,UAAU,CAAC,CACnD,MACE,WAAW;AACV,OAAI,OAAO,YAAY,OAAQ,QAAO,OAAO;WAEzC;AACJ,OAAI,OAAO,YAAY,OAAQ,WAAU,KAAK;IAEjD;;CAEL,MAAM,cAAc;AAClB,MAAI,CAAC,IAAK;EACV,MAAM,OAAO;EACb,IAAI,OAAgB;AACpB,MAAI,MAAM,SAAS,YAAY;GAC7B,MAAM,SAAS,WAAW,cAAc,UAAU,OAAO,MAAM,WAAW,IAAI,EAAE,KAAK,GAAG,EAAE,SAAS,GAAG,MAAM,MAAM,iCAAiC;AACnJ,OAAI,aAAa,QAAQ;AACvB,YAAQ,gBAAgB,OAAO,QAAQ,GAAG;AAC1C;;AAEF,UAAO,OAAO;;AAEhB,WAAS,KAAK;AACd,QAAM,OAAO,KAAK,KAAK;AACvB,UAAQ,qBAAqB;GAC3B,MAAM,oBAAC,SAAD,EAAS,MAAM,IAAM,CAAA;GAC3B,QAAQ;IACN,OAAO;IACP,eAAe;AACb,cAAS,KAAK;AACd,WAAM,OAAO,KAAK,MAAM;;IAE3B;GACD,UAAU;GACX,CAAC;AACF,WAAS;;AAEX,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,SAAD,EAAS,MAAM,IAAM,CAAA,EACrB,qBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsD,YAAS,MAAM,MAAM,aAAa,CAAQ;OAC5F;;GACN,oBAAC,OAAD;IAAK,WAAU;cACZ,WAAW,KAAK,MACf,oBAAC,UAAD;KAEE,MAAK;KACL,eAAe,IAAI,EAAE,GAAG;KACxB,WAAW,GAAG,8DAA8D,WAAW,EAAE,KAAK,iEAAiE,+EAA+E;eAE7O,EAAE;KACI,EANF,EAAE,GAMA,CACT;IACE,CAAA;GACN,oBAAC,OAAD;IAAK,WAAU;cACZ,CAAC,SACA,oBAAC,KAAD;KAAG,WAAU;eAA4B;KAAwE,CAAA,GAC/G,SACF,qBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eAA1B;MAA2D;MACvC,MAAM,MAAM,aAAa;MAAC;MAC1C;SACF,OAAO,OACT,oBAAC,KAAD;KAAG,WAAU;eACX,qBAAC,SAAD,EAAA,UAAA;MAAS;MAAW,MAAM,MAAM,aAAa;MAAC;MAAW,EAAA,CAAA;KACvD,CAAA,GAEJ,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,SAAD,EAAS,MAAM,KAAO,CAAA;KAClB,CAAA;IAEJ,CAAA;GACN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KAAQ,MAAK;KAAK,SAAQ;KAAQ,SAAS;eAAS;KAE3C,CAAA,EACT,qBAAC,OAAD;KAAK,WAAU;eAAf,CACG,OAAO,SACN,oBAAC,QAAD;MAAQ,MAAK;MAAK,SAAQ;MAAQ,UAAU,oBAAC,aAAD,EAAa,QAAQ,KAAO,CAAA;MAAE,eAAe,UAAU,IAAI,OAAO;gBAAE;MAEvG,CAAA,GACP,MACJ,oBAAC,QAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,UAAU,CAAC;MAAK,SAAS;gBAAO;MAE3D,CAAA,CACL;OACF;;GACF;;;AAKV,SAAS,QAAQ,EAAE,YAA2C;AAC5D,QACE,oBAAC,QAAD;EAAM,WAAU;EACb;EACI,CAAA;;AAGX,SAAS,QAAQ,EAAE,MAAM,QAAQ,MAAwC;CACvE,MAAM,CAAC,GAAG,QAAQ,MAAM,SAAS,EAAE;AACnC,OAAM,gBAAgB;AACpB,OAAK,EAAE;EACP,MAAM,KAAK,kBAAkB;AAC3B,SAAM,MAAM;IACV,MAAM,OAAO,KAAK,IAAI,KAAK,QAAQ,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC;AAClF,QAAI,QAAQ,KAAK,OAAQ,eAAc,GAAG;AAC1C,WAAO;KACP;KACD,MAAM;AACT,eAAa,cAAc,GAAG;IAC7B,CAAC,MAAM,MAAM,CAAC;AACjB,QACE,qBAAC,QAAD,EAAA,UAAA,CACG,KAAK,MAAM,GAAG,EAAE,EAChB,IAAI,KAAK,SAAS,oBAAC,QAAD,EAAM,WAAU,iFAAkF,CAAA,GAAG,KACnH,EAAA,CAAA"}

package/engine/frame.d.ts

@@ -0,0 +1,120 @@
+/**
+ * FrameView — what the panel shows for the current breadcrumb: the root fields, a drilled object / array item /
+ * slot block (with "2 of 4" stepper, variant switcher and per-slot layout settings), the one button screen,
+ * or a field's history as a stacked panel. Port of V2 engine/frame.tsx.
+ *
+ * FrameStage + useFrameNavigation — V2 schema-form's drill-in stage (direction-aware slide, scroll memory per frame,
+ * focus on the entering frame, Esc / ⌥↑↓). Exported here so SchemaForm wires them without re-deriving the motion.
+ *
+ * FrameSlots — the frame draws other lanes' pieces (FieldList / FieldSection from grouping, ButtonScreen from link,
+ * TableFrame from table). They arrive through context so this file never imports a module that does not exist yet;
+ * a missing slot falls back to a plain field list (FieldList), the raw value (ButtonScreen, through
+ * FallbackControl), a named note (TableFrame) or nothing (FieldSection). SchemaForm always hands ButtonScreen and TableFrame.
+ */
+import * as React from "react";
+import { HISTORY_SEGMENT, type FieldGroup, type FieldPath, type FieldSchema, type Fieldset } from "../schema/types";
+import type { Frame } from "../lib/frames";
+export interface FrameFieldListProps {
+    fields: FieldSchema[];
+    fieldsets?: Fieldset[];
+    groups?: FieldGroup[];
+    basePath: FieldPath;
+    memoryKey: string;
+}
+export interface FrameSlots {
+    /** grouping lane: engine/field-list.tsx `FieldList` */
+    FieldList?: React.ComponentType<FrameFieldListProps>;
+    /** grouping lane: engine/grouping.tsx `FieldSection` (the slot-settings section of a slot block) */
+    FieldSection?: React.ComponentType<{
+        title: string;
+        description?: string;
+        collapsible?: boolean;
+        children: React.ReactNode;
+    }>;
+    /** link lane: controls/link.tsx `ButtonScreen` + `normLink` (the "button" frame) */
+    ButtonScreen?: React.ComponentType<{
+        value: unknown;
+        onChange: (v: unknown) => void;
+        title: string;
+        readOnly?: boolean;
+    }>;
+    normLink?: (v: unknown) => {
+        label?: string;
+    };
+    /** table lane: controls/table.tsx `TableFrame` (tableRow / tableColumn frames) */
+    TableFrame?: React.ComponentType<{
+        frame: Frame;
+    }>;
+}
+export declare const FrameSlotsProvider: React.Provider<FrameSlots>;
+export declare const useFrameSlots: () => FrameSlots;
+export declare function FrameView({ frame, parentTitle }: {
+    frame: Frame;
+    parentTitle?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The context line under a drilled frame's title: "Tier 1 of 3 in Tiers" for an item (the item noun is the item
+ * schema's title, which the adapter reads back from prod `ui.itemLabel`), "Address in Author" for an object.
+ */
+export declare function frameContext(frame: Frame, parentTitle?: string): string;
+/**
+ * CPO D43 — the drilled frame's header answers "what am I editing, and where does it live?":
+ *   [media?]  Starter                                   [↑] [↓] [⋯]
+ *             Tier 1 of 3 in Tiers
+ * The big title lives HERE only; the breadcrumb above is the path (its current crumb is small, D38). Prev / next are
+ * labelled icon buttons whose tooltips name the sibling ("Previous tier: Starter"). No eyebrow, no duplicate counter.
+ * Title 14/24 semibold (owner call). The native title= on the truncating h2 is V2 parity (kit-engine deviation from
+ * the dashboard's no-title rule, see run ledger #32).
+ */
+export declare function FrameHeader({ frame, context, title }: {
+    frame: Frame;
+    context: string;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * V2 drew demo people (seed `currentUser` / `members`, a fixed "26 hours ago" / "3 days ago"). The kit has no seed:
+ * session versions carry their own `by` and `at`; the opened and published baselines have no author or time here, so
+ * their row says only what they are.
+ */
+export declare function HistoryView({ field, path }: {
+    field: FieldSchema;
+    path: FieldPath;
+}): import("react/jsx-runtime").JSX.Element;
+/** Navigate back from a field's history to the frame that shows the field. */
+export declare function parentOfField(path: FieldPath): FieldPath;
+/** The title shown as `parentTitle` for the current frame (the root crumb's label for depth 1). */
+export declare function parentTitleOf(frames: Frame[], rootLabel: string): string | undefined;
+/** Slide direction for a frame change: deeper → 1, shallower → −1, a sibling step → by index. */
+export declare function frameDirection(prev: {
+    depth: number;
+    index: number;
+    key: string;
+}, frames: Frame[], key: string): 0 | 1 | -1;
+/**
+ * The drill-in stack's behaviour. `root` wraps the form (keys bubble to it), `scroller` is the scrolling element (or
+ * null when the host scrolls). Returns the current frame, its key, the slide direction and the form's onKeyDown.
+ */
+export declare function useFrameNavigation({ frames, navigate, root, scroller, }: {
+    frames: Frame[];
+    navigate: (path: FieldPath) => void;
+    root: React.RefObject<HTMLElement | null>;
+    scroller: React.RefObject<HTMLElement | null>;
+}): {
+    current: Frame;
+    frameKey: string;
+    dir: number;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+};
+/**
+ * The frame body with V2's slide: 24px along the travel direction + fade, 220ms, ease [0.22, 1, 0.36, 1]; reduced
+ * motion keeps only the fade. `before` renders inside the root frame above its fields (the synced-from note).
+ */
+export declare function FrameStage({ frames, frameKey, dir, rootLabel, variant, before, }: {
+    frames: Frame[];
+    frameKey: string;
+    dir: number;
+    rootLabel: string;
+    variant: "panel" | "document";
+    before?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export { HISTORY_SEGMENT };