@open-mercato/core 0.8.1-develop.7296.1.2111d779db → 0.9.0

package/dist/modules/forms/backend/forms/[id]/studio/preview/PreviewSurface.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/preview/PreviewSurface.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { DatePicker } from '@open-mercato/ui/backend/inputs/DatePicker'\nimport { DateTimePicker } from '@open-mercato/ui/backend/inputs/DateTimePicker'\nimport { resolveLucideIcon } from '../lucide-icons'\nimport { RankingField } from '../../../../../runner/RankingField'\nimport { MatrixField, type MatrixFieldColumn, type MatrixFieldRow } from '../../../../../runner/MatrixField'\nimport { ScaleField } from '../../../../../runner/ScaleField'\nimport {\n  COUNTRY_OPTIONS,\n  resolveCountryName,\n} from '../../../../../schema/address-countries'\nimport {\n  compileFieldValidationRules,\n  validateFieldValue,\n} from '../../../../../services/field-validation-service'\nimport {\n  partitionPages,\n  resolveFieldStyle,\n  resolveFormLabelPosition,\n  resolveFormStyle,\n  resolveFormTheme,\n  resolvePageMode,\n  resolveSectionStyle,\n  resolveSectionViews,\n  resolveShowProgress,\n  type ResolvedSectionView,\n} from '../../../../../services/form-version-compiler'\nimport {\n  compileFieldStyle,\n  compileFormTheme,\n  compileSectionStyle,\n} from '../../../../../services/style-compiler'\nimport { styleProps } from '../../../../../ui/public/style/applyStyle'\nimport { LogoHeader } from '../../../../../ui/public/style/LogoHeader'\nimport { evaluateFormLogic, type LogicState } from '../../../../../services/form-logic-evaluator'\nimport type { FieldNode, FormSchema } from '../schema-helpers'\nimport type { PreviewViewport } from './ViewportFrame'\n\n/**\n * Phase E \u2014 Preview surface.\n *\n * Renders sections + fields read-only with role-aware visibility, viewport-\n * aware grid collapse (Decision 3b), density / label position (Decisions\n * 20a/20b), and paginated navigation (Decision 11a).\n *\n * Mode is implicit `'preview'` \u2014 drag handles, trash buttons, inline-edit\n * affordances, and `Add Field` are all gone.\n */\n\nexport type PreviewSurfaceProps = {\n  schema: FormSchema\n  viewport: PreviewViewport\n  previewRole: string\n  t: TranslateFn\n}\n\ntype FieldOption = { value: string; label?: { [locale: string]: string } }\n\nconst SPACE_BY_DENSITY: Record<'default' | 'compact' | 'spacious', string> = {\n  default: 'space-y-4',\n  compact: 'space-y-2',\n  spacious: 'space-y-6',\n}\n\nconst GAP_BY_DENSITY: Record<'default' | 'compact' | 'spacious', string> = {\n  default: 'gap-4',\n  compact: 'gap-2',\n  spacious: 'gap-6',\n}\n\nconst COLUMNS_TO_GRID_CLASS: Record<1 | 2 | 3 | 4, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-2',\n  3: 'grid-cols-3',\n  4: 'grid-cols-4',\n}\n\nconst SPAN_TO_CLASS: Record<1 | 2 | 3 | 4, string> = {\n  1: 'col-span-1',\n  2: 'col-span-2',\n  3: 'col-span-3',\n  4: 'col-span-4',\n}\n\nconst ALIGN_TO_CLASS: Record<'start' | 'center' | 'end', string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n}\n\nfunction readPersistedSpan(value: unknown): 1 | 2 | 3 | 4 {\n  if (value === 2 || value === 3 || value === 4) return value\n  return 1\n}\n\nfunction readAlign(value: unknown): 'start' | 'center' | 'end' {\n  return value === 'center' || value === 'end' ? value : 'start'\n}\n\nconst padPreview2 = (input: number): string => String(input).padStart(2, '0')\n\n// Date pickers exchange `Date`; persisted answers keep the native\n// `YYYY-MM-DD` / `YYYY-MM-DDTHH:mm` strings, so adapt without altering bytes.\nfunction parsePreviewDateOnly(value: string): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(value)\n  if (!match) return null\n  const date = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]))\n  return Number.isNaN(date.getTime()) ? null : date\n}\n\nfunction formatPreviewDateOnly(date: Date | null): string {\n  if (!date) return ''\n  return `${date.getFullYear()}-${padPreview2(date.getMonth() + 1)}-${padPreview2(date.getDate())}`\n}\n\nfunction parsePreviewDateTimeLocal(value: string): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})T(\\d{2}):(\\d{2})/.exec(value)\n  if (!match) return null\n  const date = new Date(\n    Number(match[1]),\n    Number(match[2]) - 1,\n    Number(match[3]),\n    Number(match[4]),\n    Number(match[5]),\n  )\n  return Number.isNaN(date.getTime()) ? null : date\n}\n\nfunction formatPreviewDateTimeLocal(date: Date | null): string {\n  if (!date) return ''\n  return (\n    `${date.getFullYear()}-${padPreview2(date.getMonth() + 1)}-${padPreview2(date.getDate())}` +\n    `T${padPreview2(date.getHours())}:${padPreview2(date.getMinutes())}`\n  )\n}\n\n/**\n * Effective render columns \u2014 Decision 3b. Mobile collapses to 1, tablet\n * collapses to `min(2, columns)`, desktop preserves the persisted value.\n */\nfunction effectiveColumns(\n  persisted: 1 | 2 | 3 | 4,\n  viewport: PreviewViewport,\n): 1 | 2 | 3 | 4 {\n  if (viewport === 'mobile') return 1\n  if (viewport === 'tablet') return persisted >= 2 ? 2 : persisted\n  return persisted\n}\n\nfunction effectiveSpan(persisted: 1 | 2 | 3 | 4, columns: 1 | 2 | 3 | 4): 1 | 2 | 3 | 4 {\n  return persisted <= columns ? persisted : columns\n}\n\nexport function PreviewSurface({\n  schema,\n  viewport,\n  previewRole,\n  t,\n}: PreviewSurfaceProps) {\n  const sections = React.useMemo<ResolvedSectionView[]>(\n    () => resolveSectionViews(schema as Record<string, unknown>),\n    [schema],\n  )\n  const pages = React.useMemo(() => partitionPages(sections), [sections])\n  const pageMode = resolvePageMode(schema as Record<string, unknown>)\n  const [answers, setAnswers] = React.useState<Record<string, unknown>>({})\n  const logicState: LogicState = React.useMemo(\n    () => evaluateFormLogic(schema as Record<string, unknown>, {\n      answers,\n      hidden: {},\n      locale: 'en',\n    }),\n    [schema, answers],\n  )\n  const handleAnswerChange = React.useCallback((fieldKey: string, value: unknown) => {\n    setAnswers((current) => ({ ...current, [fieldKey]: value }))\n  }, [])\n  const isPaginated = pageMode === 'paginated' && pages.length >= 1\n  const density = resolveFormStyle(schema as Record<string, unknown>)\n  const persistedLabelPosition = resolveFormLabelPosition(schema as Record<string, unknown>)\n  // Decision 20b \u2014 mobile collapses 'left' \u2192 'top'.\n  const labelPosition: 'top' | 'left' =\n    viewport === 'mobile' ? 'top' : persistedLabelPosition\n  const showProgress = resolveShowProgress(schema as Record<string, unknown>)\n  const progressActive = isPaginated && pages.length >= 2 && showProgress\n\n  const [activePageIndex, setActivePageIndex] = React.useState(0)\n  const [activeEndingKey, setActiveEndingKey] = React.useState<string | null>(null)\n  React.useEffect(() => {\n    if (!isPaginated) return\n    if (activePageIndex >= pages.length) {\n      setActivePageIndex(Math.max(0, pages.length - 1))\n    }\n  }, [pages.length, isPaginated, activePageIndex])\n  React.useEffect(() => {\n    setActiveEndingKey(null)\n  }, [pages.length])\n\n  const sectionsByKey = React.useMemo(() => {\n    const map = new Map<string, ResolvedSectionView>()\n    for (const section of sections) map.set(section.key, section)\n    return map\n  }, [sections])\n\n  // Raw section descriptors keep the `style` member that `ResolvedSectionView`\n  // drops, so the preview can resolve per-section styling at the same seam the\n  // runtime does (R-CS-7). Read-only \u2014 never mutates persisted bytes.\n  const rawSectionsByKey = React.useMemo(() => {\n    const map = new Map<string, Record<string, unknown>>()\n    const raw = (schema as Record<string, unknown>)['x-om-sections']\n    if (Array.isArray(raw)) {\n      for (const entry of raw) {\n        if (entry && typeof entry === 'object' && !Array.isArray(entry)) {\n          const candidate = entry as Record<string, unknown>\n          if (typeof candidate.key === 'string') map.set(candidate.key, candidate)\n        }\n      }\n    }\n    return map\n  }, [schema])\n\n  // Form-theme apply seam: compile the root `x-om-theme` once into scoped DS-var\n  // remaps + utility classes \u2014 the SAME resolve\u2192compile\u2192styleProps pipeline as\n  // FormRunner. Empty theme \u21D2 empty style + no classes \u21D2 unstyled preview is\n  // byte-identical to before (R-CS-6/R-CS-7).\n  const formTheme = React.useMemo(\n    () => styleProps(compileFormTheme(resolveFormTheme(schema as Record<string, unknown>))),\n    [schema],\n  )\n  const themeLogo = React.useMemo(\n    () => resolveFormTheme(schema as Record<string, unknown>)?.logo,\n    [schema],\n  )\n\n  const renderSection = (section: ResolvedSectionView, pageIndex: number | null) => {\n    const columns = effectiveColumns(section.columns, viewport)\n    return (\n      <SectionPreview\n        key={section.key}\n        section={section}\n        rawSection={rawSectionsByKey.get(section.key)}\n        schema={schema}\n        previewRole={previewRole}\n        viewport={viewport}\n        density={density}\n        labelPosition={labelPosition}\n        renderColumns={columns}\n        pageIndex={pageIndex}\n        showPageChip={pages.length > 1 && !isPaginated}\n        logicState={logicState}\n        onAnswerChange={handleAnswerChange}\n        answers={answers}\n        t={t}\n      />\n    )\n  }\n\n  // When the theme paints a form-wide background (solid color or gradient), add\n  // padding + radius so it frames the sections \u2014 otherwise the opaque `bg-card`\n  // sections cover it edge-to-edge and the change is invisible. With no theme\n  // background the wrapper stays bare so an unstyled preview is byte-identical.\n  const themeStyle = formTheme.style as Record<string, unknown>\n  const hasThemeBackground =\n    typeof themeStyle.background === 'string' || typeof themeStyle.backgroundImage === 'string'\n  const wrapInTheme = (children: React.ReactNode): React.ReactElement => (\n    <div\n      className={cn('om-form-theme', hasThemeBackground ? 'rounded-lg p-4' : undefined, formTheme.className)}\n      style={formTheme.style}\n    >\n      {themeLogo ? (\n        <div className=\"mb-4\">\n          <LogoHeader logo={themeLogo} />\n        </div>\n      ) : null}\n      {children}\n    </div>\n  )\n\n  const visibleSections = sections.filter((section) => logicState.visibleSectionKeys.has(section.key) && section.kind !== 'ending')\n\n  const stackedBody = (\n    <div className={SPACE_BY_DENSITY[density]}>\n      {visibleSections.map((section) => {\n        const pageIndex = pages.findIndex((page) => page.sectionKeys.includes(section.key))\n        const isFirstOfPage =\n          pageIndex >= 0 && pages[pageIndex]?.sectionKeys[0] === section.key\n        return renderSection(section, isFirstOfPage ? pageIndex : null)\n      })}\n      {visibleSections.length === 0 ? (\n        <p className=\"rounded-md border border-dashed border-border bg-muted/30 p-3 text-sm text-muted-foreground\">\n          {t('forms.studio.canvas.empty.copy')}\n        </p>\n      ) : null}\n    </div>\n  )\n\n  if (activeEndingKey) {\n    const endingSection = sections.find((entry) => entry.key === activeEndingKey)\n    if (endingSection) {\n      const title = logicState.resolveRecall(endingSection.title, 'en')\n      const bodyFieldKeys = endingSection.fieldKeys\n      return wrapInTheme(\n        <div className=\"space-y-4 rounded-lg border border-border bg-card p-6\">\n          <div className=\"space-y-2\">\n            <Tag variant=\"neutral\" dot>{t('forms.studio.canvas.ending.chip')}</Tag>\n            <h2 className=\"text-lg font-semibold text-foreground\">{title || endingSection.key}</h2>\n          </div>\n          <div className=\"space-y-2\">\n            {bodyFieldKeys.map((fieldKey) => {\n              const node = schema.properties[fieldKey]\n              if (!node) return null\n              const label = logicState.resolveRecall(\n                (node['x-om-label'] as Record<string, string> | undefined) ?? undefined,\n                'en',\n              )\n              const help = logicState.resolveRecall(\n                (node['x-om-help'] as Record<string, string> | undefined) ?? undefined,\n                'en',\n              )\n              return (\n                <div key={fieldKey} className=\"rounded-md border border-border bg-muted/30 p-3\">\n                  {label ? <p className=\"text-sm font-medium text-foreground\">{label}</p> : null}\n                  {help ? <p className=\"mt-1 whitespace-pre-line text-xs text-muted-foreground\">{help}</p> : null}\n                </div>\n              )\n            })}\n          </div>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => {\n              setActiveEndingKey(null)\n              setActivePageIndex(0)\n              setAnswers({})\n            }}\n          >\n            {t('forms.runner.ending.restart')}\n          </Button>\n        </div>,\n      )\n    }\n  }\n\n  if (!isPaginated) {\n    return wrapInTheme(stackedBody)\n  }\n\n  const activePage = pages[activePageIndex]\n  const activeSections = activePage\n    ? activePage.sectionKeys\n        .map((key) => sectionsByKey.get(key))\n        .filter((section): section is ResolvedSectionView =>\n          Boolean(section) && logicState.visibleSectionKeys.has(section!.key) && section!.kind !== 'ending',\n        )\n    : []\n\n  const isLastPage = activePageIndex >= pages.length - 1\n  const isFirstPage = activePageIndex === 0\n\n  return wrapInTheme(\n    <div className={SPACE_BY_DENSITY[density]}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <div role=\"tablist\" aria-label={t('forms.studio.preview.ariaLabel')} className=\"flex flex-wrap gap-1\">\n          {pages.map((page, index) => {\n            const isActive = index === activePageIndex\n            const firstSectionKey = page.sectionKeys[0] ?? null\n            const firstSection = firstSectionKey ? sectionsByKey.get(firstSectionKey) : null\n            const localizedTitle = firstSection?.title?.en\n            const tabLabel = localizedTitle && localizedTitle.length > 0\n              ? localizedTitle\n              : t('forms.studio.canvas.page.chipLabel', { n: String(index + 1) })\n            return (\n              <Button\n                key={firstSectionKey ?? index}\n                type=\"button\"\n                variant=\"outline\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => setActivePageIndex(index)}\n                className={\n                  'h-auto px-3 py-1 text-xs font-medium transition-colors duration-150 '\n                  + (isActive\n                    ? 'bg-muted text-foreground'\n                    : 'border border-border bg-background text-muted-foreground hover:bg-muted/30')\n                }\n              >\n                {tabLabel}\n              </Button>\n            )\n          })}\n        </div>\n        {progressActive ? (\n          <span className=\"text-xs text-muted-foreground\">\n            {t('forms.runner.section.label', {\n              current: String(activePageIndex + 1),\n              total: String(pages.length),\n            })}\n          </span>\n        ) : null}\n      </div>\n      <div className={SPACE_BY_DENSITY[density]}>\n        {activeSections.map((section) => {\n          const isFirstOfPage = activePage?.sectionKeys[0] === section.key\n          return renderSection(section, isFirstOfPage ? activePageIndex : null)\n        })}\n        {activeSections.length === 0 ? (\n          <p className=\"rounded-md border border-dashed border-border bg-muted/30 p-3 text-sm text-muted-foreground\">\n            {t('forms.studio.canvas.empty.copy')}\n          </p>\n        ) : null}\n      </div>\n      <div className=\"flex items-center justify-between\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={isFirstPage}\n          onClick={() => setActivePageIndex((current) => Math.max(0, current - 1))}\n        >\n          {t('forms.studio.preview.paginated.back')}\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {isLastPage ? t('forms.studio.preview.paginated.submitNote') : null}\n        </span>\n        <Button\n          type=\"button\"\n          disabled={isLastPage}\n          onClick={() => {\n            const currentPageKey = activePage?.sectionKeys.find(\n              (key) => sectionsByKey.get(key)?.kind === 'page',\n            ) ?? activePage?.sectionKeys[0]\n            if (currentPageKey) {\n              const target = logicState.nextTarget(currentPageKey)\n              if (target.type === 'ending') {\n                setActiveEndingKey(target.endingKey)\n                return\n              }\n              if (target.type === 'page') {\n                const pageIndex = pages.findIndex((page) => page.sectionKeys.includes(target.pageKey))\n                if (pageIndex >= 0) {\n                  setActivePageIndex(pageIndex)\n                  return\n                }\n              }\n              if (target.type === 'submit') {\n                setActivePageIndex(pages.length - 1)\n                return\n              }\n            }\n            setActivePageIndex((current) => Math.min(pages.length - 1, current + 1))\n          }}\n        >\n          {t('forms.studio.preview.paginated.next')}\n        </Button>\n      </div>\n    </div>,\n  )\n}\n\ntype SectionPreviewProps = {\n  section: ResolvedSectionView\n  rawSection?: Record<string, unknown>\n  schema: FormSchema\n  previewRole: string\n  viewport: PreviewViewport\n  density: 'default' | 'compact' | 'spacious'\n  labelPosition: 'top' | 'left'\n  renderColumns: 1 | 2 | 3 | 4\n  pageIndex: number | null\n  showPageChip: boolean\n  logicState: LogicState\n  answers: Record<string, unknown>\n  onAnswerChange: (fieldKey: string, value: unknown) => void\n  t: TranslateFn\n}\n\nfunction SectionPreview({\n  section,\n  rawSection,\n  schema,\n  previewRole,\n  viewport,\n  density,\n  labelPosition,\n  renderColumns,\n  pageIndex,\n  showPageChip,\n  logicState,\n  answers,\n  onAnswerChange,\n  t,\n}: SectionPreviewProps) {\n  void answers\n  const title = section.title?.en ?? ''\n  // Section apply seam: merge the resolved section `style` (color/background +\n  // padding/border/radius/card/align classes) alongside the existing layout\n  // classes \u2014 same resolve\u2192compile\u2192styleProps pipeline as FormRunner (R-CS-7).\n  const sectionStyle = styleProps(\n    compileSectionStyle(rawSection ? resolveSectionStyle(rawSection) : undefined),\n    'rounded-lg border border-border bg-card p-4',\n  )\n  return (\n    <section className={sectionStyle.className} style={sectionStyle.style}>\n      {showPageChip && pageIndex !== null ? (\n        <div className=\"mb-2\">\n          <Tag variant=\"neutral\" dot>\n            {t('forms.studio.canvas.page.chipLabel', { n: String(pageIndex + 1) })}\n          </Tag>\n        </div>\n      ) : null}\n      {!section.hideTitle && title.length > 0 ? (\n        <h3 className=\"mb-3 text-sm font-semibold text-foreground\">{title}</h3>\n      ) : null}\n      {section.divider ? <Separator className=\"mb-3\" /> : null}\n      <div className={`grid ${COLUMNS_TO_GRID_CLASS[renderColumns]} ${GAP_BY_DENSITY[density]}`}>\n        {section.fieldKeys.map((fieldKey) => {\n          const node = schema.properties[fieldKey]\n          if (!node) return null\n          if (!logicState.visibleFieldKeys.has(fieldKey)) return null\n          const visibleTo = (node['x-om-visible-to'] as string[] | undefined)\n            ?? Array.from(\n              new Set([\n                ...((node['x-om-editable-by'] as string[] | undefined) ?? ['admin']),\n                'admin',\n              ]),\n            )\n          if (!visibleTo.includes(previewRole)) return null\n          const omType = String(node['x-om-type'] ?? 'text')\n          const editableBy = (node['x-om-editable-by'] as string[] | undefined) ?? ['admin']\n          const canEdit = editableBy.includes(previewRole)\n          const persistedSpan = readPersistedSpan(node['x-om-grid-span'])\n          const isInfoBlock = omType === 'info_block'\n          const renderSpan = isInfoBlock\n            ? renderColumns\n            : effectiveSpan(persistedSpan, renderColumns)\n          const align = readAlign(node['x-om-align'])\n          const hideOnMobile = node['x-om-hide-mobile'] === true\n          if (hideOnMobile && viewport === 'mobile') return null\n          const required = (schema.required ?? []).includes(fieldKey)\n          // Field apply seam: the resolved `x-om-style` (`--om-*` color vars +\n          // alignment/labelWeight classes) cascades to the field's label/inputs\n          // \u2014 same resolve\u2192compile\u2192styleProps pipeline as FormRunner (R-CS-7).\n          const fieldStyle = styleProps(compileFieldStyle(resolveFieldStyle(node)))\n          const fieldRow = (\n            <FieldPreviewRow\n              fieldKey={fieldKey}\n              node={node}\n              omType={omType}\n              canEdit={canEdit}\n              required={required}\n              renderSpan={renderSpan}\n              align={align}\n              labelPosition={labelPosition}\n              value={answers[fieldKey]}\n              onChange={(value) => onAnswerChange(fieldKey, value)}\n              logicState={logicState}\n              t={t}\n            />\n          )\n          // Empty field style \u21D2 render the row directly (byte-identical to\n          // pre-styling, R-CS-6). When styled, wrap in a grid-item div that owns\n          // the column span so placement is preserved and the `--om-*` cascade\n          // reaches the row; the `key` moves to that outer element.\n          if (fieldStyle.className.length === 0 && Object.keys(fieldStyle.style).length === 0) {\n            return React.cloneElement(fieldRow, { key: fieldKey })\n          }\n          return (\n            <div\n              key={fieldKey}\n              className={cn(SPAN_TO_CLASS[renderSpan], fieldStyle.className)}\n              style={fieldStyle.style}\n            >\n              {fieldRow}\n            </div>\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\ntype FieldPreviewRowProps = {\n  fieldKey: string\n  node: FieldNode\n  omType: string\n  canEdit: boolean\n  required: boolean\n  renderSpan: 1 | 2 | 3 | 4\n  align: 'start' | 'center' | 'end'\n  labelPosition: 'top' | 'left'\n  value: unknown\n  onChange: (value: unknown) => void\n  t: TranslateFn\n}\n\nfunction FieldPreviewRow({\n  fieldKey,\n  node,\n  omType,\n  canEdit,\n  required,\n  renderSpan,\n  align,\n  labelPosition,\n  value,\n  onChange,\n  logicState,\n  t,\n}: FieldPreviewRowProps & { logicState: LogicState }) {\n  const rawLabel = node['x-om-label'] as Record<string, string> | undefined\n  const rawHelp = node['x-om-help'] as Record<string, string> | undefined\n  const label = (rawLabel ? logicState.resolveRecall(rawLabel, 'en') : '') || fieldKey\n  const help = rawHelp ? logicState.resolveRecall(rawHelp, 'en') : ''\n  if (omType === 'info_block') {\n    return (\n      <div\n        className={`${SPAN_TO_CLASS[renderSpan]} ${ALIGN_TO_CLASS[align]} rounded-md border border-border bg-muted/30 p-3`}\n      >\n        <p className=\"text-sm font-medium text-foreground\">{label}</p>\n        {help && (\n          <p className=\"mt-1 whitespace-pre-line text-xs text-muted-foreground\">{help}</p>\n        )}\n      </div>\n    )\n  }\n  // boolean / yes_no / yes_no_buttons carry their own inline label\n  // (label beside the control), so they bypass the label-above layout.\n  if (omType === 'boolean' || omType === 'yes_no' || omType === 'yes_no_buttons') {\n    const requiredMark = required ? (\n      <span className=\"ml-0.5 text-status-error-text\" aria-hidden=\"true\">*</span>\n    ) : null\n    const fieldLabel = <>{label}{requiredMark}</>\n    return (\n      <div className={`${SPAN_TO_CLASS[renderSpan]} ${ALIGN_TO_CLASS[align]}`}>\n        {omType === 'boolean' ? (\n          <CheckboxField\n            id={`preview-${fieldKey}`}\n            disabled={!canEdit}\n            checked={value === true}\n            onCheckedChange={(next) => onChange(next === true)}\n            label={fieldLabel}\n            description={help || undefined}\n          />\n        ) : omType === 'yes_no' ? (\n          <SwitchField\n            id={`preview-${fieldKey}`}\n            disabled={!canEdit}\n            checked={value === true}\n            onCheckedChange={(next) => onChange(Boolean(next))}\n            label={fieldLabel}\n            description={help || undefined}\n          />\n        ) : (\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-start justify-between gap-3\">\n              <span className=\"min-w-0 text-sm font-medium text-foreground\">{fieldLabel}</span>\n              <div className=\"flex shrink-0 gap-1\" role=\"group\" aria-label={label}>\n                <Button\n                  type=\"button\"\n                  variant={value === true ? 'default' : 'outline'}\n                  size=\"sm\"\n                  aria-pressed={value === true}\n                  disabled={!canEdit}\n                  onClick={() => onChange(true)}\n                >\n                  {t('forms.runner.yesNo.yes', 'Yes')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant={value === false ? 'default' : 'outline'}\n                  size=\"sm\"\n                  aria-pressed={value === false}\n                  disabled={!canEdit}\n                  onClick={() => onChange(false)}\n                >\n                  {t('forms.runner.yesNo.no', 'No')}\n                </Button>\n              </div>\n            </div>\n            {help ? <p className=\"text-xs text-muted-foreground\">{help}</p> : null}\n          </div>\n        )}\n      </div>\n    )\n  }\n  const labelNode = (\n    <label className=\"block text-sm font-medium text-foreground\" htmlFor={`preview-${fieldKey}`}>\n      {label}\n      {required ? (\n        <span className=\"ml-1 text-status-error-text\" aria-hidden=\"true\">\n          *\n        </span>\n      ) : null}\n    </label>\n  )\n  const helpNode = help ? (\n    <p className=\"text-xs text-muted-foreground\">{help}</p>\n  ) : null\n  const inputNode = (\n    <FieldPreviewInput\n      fieldKey={fieldKey}\n      node={node}\n      omType={omType}\n      canEdit={canEdit}\n      label={label}\n      value={value}\n      onChange={onChange}\n      t={t}\n    />\n  )\n  const baseClass = `${SPAN_TO_CLASS[renderSpan]} ${ALIGN_TO_CLASS[align]}`\n  if (labelPosition === 'left') {\n    return (\n      <div className={`${baseClass} flex items-start gap-3`}>\n        <div className=\"min-w-32 pt-2\">{labelNode}</div>\n        <div className=\"flex-1 space-y-1\">\n          {helpNode}\n          {inputNode}\n          {!canEdit ? (\n            <span className=\"text-xs text-muted-foreground\">{t('forms.runner.encrypted_label')}</span>\n          ) : null}\n        </div>\n      </div>\n    )\n  }\n  return (\n    <div className={`${baseClass} space-y-1`}>\n      {labelNode}\n      {helpNode}\n      {inputNode}\n    </div>\n  )\n}\n\ntype FieldPreviewInputProps = {\n  fieldKey: string\n  node: FieldNode\n  omType: string\n  canEdit: boolean\n  label: string\n  value: unknown\n  onChange: (value: unknown) => void\n  t: TranslateFn\n}\n\nfunction FieldPreviewInput({\n  fieldKey,\n  node,\n  omType,\n  canEdit,\n  label,\n  value,\n  onChange,\n  t,\n}: FieldPreviewInputProps) {\n  const id = `preview-${fieldKey}`\n  const options = Array.isArray(node['x-om-options'])\n    ? (node['x-om-options'] as FieldOption[]).filter(\n        (entry) => typeof entry?.value === 'string',\n      )\n    : []\n  const optionLabel = (option: FieldOption) => option.label?.en ?? option.value\n  const stringValue = typeof value === 'string' ? value : value === undefined || value === null ? '' : String(value)\n  switch (omType) {\n    case 'textarea':\n      return (\n        <Textarea\n          id={id}\n          readOnly={!canEdit}\n          rows={3}\n          aria-label={label}\n          value={stringValue}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      )\n    case 'number':\n      return (\n        <Input\n          id={id}\n          readOnly={!canEdit}\n          type=\"number\"\n          step=\"any\"\n          aria-label={label}\n          value={stringValue}\n          onChange={(event) => {\n            const next = event.target.value\n            onChange(next === '' ? '' : Number(next))\n          }}\n        />\n      )\n    case 'integer':\n      return (\n        <Input\n          id={id}\n          readOnly={!canEdit}\n          type=\"number\"\n          step={1}\n          aria-label={label}\n          value={stringValue}\n          onChange={(event) => {\n            const next = event.target.value\n            onChange(next === '' ? '' : Math.trunc(Number(next)))\n          }}\n        />\n      )\n    case 'date':\n      return (\n        <DatePicker\n          readOnly={!canEdit}\n          value={parsePreviewDateOnly(stringValue)}\n          onChange={(date) => onChange(formatPreviewDateOnly(date))}\n        />\n      )\n    case 'datetime':\n      return (\n        <DateTimePicker\n          readOnly={!canEdit}\n          value={parsePreviewDateTimeLocal(stringValue)}\n          onChange={(date) => onChange(formatPreviewDateTimeLocal(date))}\n        />\n      )\n    case 'select_one':\n      return (\n        <Select\n          disabled={!canEdit}\n          value={typeof value === 'string' ? value : undefined}\n          onValueChange={(next) => onChange(next)}\n        >\n          <SelectTrigger id={id}>\n            <SelectValue\n              placeholder={options.length === 0\n                ? `\u2014 ${t('forms.runner.field.noOptions')} \u2014`\n                : t('forms.runner.field.selectPlaceholder')}\n            />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {optionLabel(option)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )\n    case 'select_many':\n      if (options.length === 0) {\n        return <p className=\"text-xs text-muted-foreground\">\u2014 {t('forms.runner.field.noOptions')} \u2014</p>\n      }\n      return (\n        <div className=\"space-y-2.5\">\n          {options.map((option) => {\n            const selected = Array.isArray(value) && (value as unknown[]).includes(option.value)\n            return (\n              <CheckboxField\n                key={option.value}\n                label={optionLabel(option)}\n                disabled={!canEdit}\n                checked={selected}\n                onCheckedChange={(next) => {\n                  const current = Array.isArray(value) ? [...(value as string[])] : []\n                  if (next) {\n                    if (!current.includes(option.value)) current.push(option.value)\n                  } else {\n                    const idx = current.indexOf(option.value)\n                    if (idx >= 0) current.splice(idx, 1)\n                  }\n                  onChange(current)\n                }}\n              />\n            )\n          })}\n        </div>\n      )\n    case 'scale': {\n      const minRaw = node['x-om-min']\n      const maxRaw = node['x-om-max']\n      const min = typeof minRaw === 'number' ? minRaw : 0\n      const max = typeof maxRaw === 'number' ? maxRaw : 10\n      const currentValue = typeof value === 'number' ? value : null\n      return (\n        <ScaleField\n          id={id}\n          min={min}\n          max={max}\n          value={currentValue}\n          onChange={(next) => onChange(next)}\n          disabled={!canEdit}\n          ariaLabel={label}\n        />\n      )\n    }\n    case 'nps':\n      return (\n        <NpsPreviewInput\n          node={node}\n          canEdit={canEdit}\n          value={value}\n          onChange={onChange}\n        />\n      )\n    case 'opinion_scale':\n      return (\n        <OpinionScalePreviewInput\n          node={node}\n          canEdit={canEdit}\n          value={value}\n          onChange={onChange}\n        />\n      )\n    case 'email':\n      return (\n        <FormatPreviewInput\n          id={id}\n          format=\"email\"\n          inputType=\"email\"\n          inputMode=\"email\"\n          autoComplete=\"email\"\n          autoCapitalize=\"off\"\n          iconName=\"mail\"\n          readOnly={!canEdit}\n          label={label}\n          value={stringValue}\n          onChange={(next) => onChange(next)}\n          node={node}\n          t={t}\n        />\n      )\n    case 'phone':\n      return (\n        <FormatPreviewInput\n          id={id}\n          format=\"phone\"\n          inputType=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          iconName=\"phone\"\n          readOnly={!canEdit}\n          label={label}\n          value={stringValue}\n          onChange={(next) => onChange(next)}\n          node={node}\n          t={t}\n        />\n      )\n    case 'website':\n      return (\n        <FormatPreviewInput\n          id={id}\n          format=\"website\"\n          inputType=\"url\"\n          inputMode=\"url\"\n          autoCapitalize=\"off\"\n          iconName=\"globe\"\n          readOnly={!canEdit}\n          label={label}\n          value={stringValue}\n          onChange={(next) => onChange(next)}\n          node={node}\n          t={t}\n        />\n      )\n    case 'address':\n      return (\n        <AddressPreviewInput\n          idPrefix={id}\n          canEdit={canEdit}\n          value={value}\n          onChange={onChange}\n          t={t}\n        />\n      )\n    case 'ranking': {\n      const rankingOptions = options.map((option) => ({\n        value: option.value,\n        label: optionLabel(option),\n      }))\n      const rankingValue = Array.isArray(value)\n        ? (value as unknown[]).filter((entry): entry is string => typeof entry === 'string')\n        : []\n      return (\n        <RankingField\n          idPrefix={id}\n          options={rankingOptions}\n          value={rankingValue}\n          onChange={(next) => onChange(next)}\n          canEdit={canEdit}\n          t={t}\n        />\n      )\n    }\n    case 'matrix': {\n      const rawRows = Array.isArray(node['x-om-matrix-rows'])\n        ? (node['x-om-matrix-rows'] as MatrixFieldRow[])\n        : []\n      const rawColumns = Array.isArray(node['x-om-matrix-columns'])\n        ? (node['x-om-matrix-columns'] as MatrixFieldColumn[])\n        : []\n      return (\n        <MatrixField\n          idPrefix={id}\n          rows={rawRows}\n          columns={rawColumns}\n          value={value}\n          onChange={(next) => onChange(next)}\n          locale=\"en\"\n          readOnly={!canEdit}\n          t={t}\n        />\n      )\n    }\n    case 'group': {\n      const groupItems = node.items\n      const groupProps =\n        groupItems && typeof groupItems === 'object' && !Array.isArray(groupItems)\n          ? ((groupItems as Record<string, unknown>).properties as Record<string, FieldNode> | undefined)\n          : undefined\n      const subLabels = groupProps\n        ? Object.values(groupProps).map((subNode) => {\n            const subLabel = subNode['x-om-label'] as Record<string, string> | undefined\n            return subLabel?.en ?? (subNode['x-om-type'] as string | undefined) ?? '\u2014'\n          })\n        : []\n      return (\n        <div className=\"rounded-md border border-dashed border-border bg-muted/30 p-3 text-sm text-muted-foreground\">\n          <p>{subLabels.length > 0 ? subLabels.join(' \u2014 ') : t('forms.studio.field.group.empty')}</p>\n          <p className=\"mt-1 text-xs\">+ {t('forms.studio.field.group.addSubField')}</p>\n        </div>\n      )\n    }\n    case 'text':\n    default:\n      return (\n        <Input\n          id={id}\n          readOnly={!canEdit}\n          type=\"text\"\n          aria-label={label}\n          value={stringValue}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      )\n  }\n}\n\ntype FormatPreviewInputProps = {\n  id: string\n  format: 'email' | 'phone' | 'website'\n  inputType: 'email' | 'tel' | 'url'\n  inputMode: 'email' | 'tel' | 'url'\n  autoComplete?: string\n  autoCapitalize?: 'off' | 'none' | 'on'\n  iconName: 'mail' | 'phone' | 'globe'\n  readOnly: boolean\n  label: string\n  value: string\n  onChange: (value: string) => void\n  node: FieldNode\n  t: TranslateFn\n}\n\nfunction FormatPreviewInput({\n  id,\n  format,\n  inputType,\n  inputMode,\n  autoComplete,\n  autoCapitalize,\n  iconName,\n  readOnly,\n  label,\n  value,\n  onChange,\n  node,\n  t,\n}: FormatPreviewInputProps) {\n  const [error, setError] = React.useState<string | null>(null)\n  const Icon = resolveLucideIcon(iconName)\n  const rules = React.useMemo(\n    () => compileFieldValidationRules(node, format),\n    [node, format],\n  )\n  const handleBlur = React.useCallback(() => {\n    if (!value) {\n      setError(null)\n      return\n    }\n    const result = validateFieldValue(value, rules, 'en', undefined, node)\n    if (result.valid) {\n      setError(null)\n      return\n    }\n    if (result.rule === 'format' || result.rule === 'pattern') {\n      const localizedKey =\n        format === 'email'\n          ? 'forms.runner.validation.email.default'\n          : format === 'phone'\n            ? 'forms.runner.validation.phone.default'\n            : 'forms.runner.validation.website.default'\n      const localized = t(localizedKey)\n      setError(localized && localized !== localizedKey ? localized : result.message)\n      return\n    }\n    setError(result.message)\n  }, [value, rules, format, node, t])\n  return (\n    <div className=\"space-y-1\">\n      <Input\n        id={id}\n        type={inputType}\n        inputMode={inputMode}\n        autoComplete={autoComplete}\n        autoCapitalize={autoCapitalize}\n        readOnly={readOnly}\n        aria-label={label}\n        aria-invalid={error ? true : undefined}\n        leftIcon={<Icon aria-hidden=\"true\" />}\n        value={value}\n        onChange={(event) => onChange(event.target.value)}\n        onFocus={() => setError(null)}\n        onBlur={handleBlur}\n      />\n      {error ? (\n        <Alert status=\"error\" style=\"light\" className=\"px-3 py-2 text-xs\">\n          {error}\n        </Alert>\n      ) : null}\n    </div>\n  )\n}\n\ntype NpsPreviewInputProps = {\n  node: FieldNode\n  canEdit: boolean\n  value: unknown\n  onChange: (value: unknown) => void\n}\n\nfunction npsBandClass(entry: number): string {\n  if (entry <= 6) {\n    return 'bg-status-error-bg text-status-error-text border-status-error-border'\n  }\n  if (entry <= 8) {\n    return 'bg-status-warning-bg text-status-warning-text border-status-warning-border'\n  }\n  return 'bg-status-success-bg text-status-success-text border-status-success-border'\n}\n\nfunction readNpsAnchorCaption(\n  node: FieldNode,\n  anchor: 'low' | 'high',\n): string {\n  const raw = (node as Record<string, unknown>)['x-om-nps-anchors']\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return ''\n  const target = (raw as Record<string, unknown>)[anchor]\n  if (!target || typeof target !== 'object' || Array.isArray(target)) return ''\n  const map = target as Record<string, unknown>\n  const en = map.en\n  if (typeof en === 'string' && en.length > 0) return en\n  for (const value of Object.values(map)) {\n    if (typeof value === 'string' && value.length > 0) return value\n  }\n  return ''\n}\n\nfunction NpsPreviewInput({ node, canEdit, value, onChange }: NpsPreviewInputProps) {\n  const lowCaption = readNpsAnchorCaption(node, 'low')\n  const highCaption = readNpsAnchorCaption(node, 'high')\n  const currentValue = typeof value === 'number' && Number.isInteger(value) ? value : null\n  const entries: number[] = []\n  for (let i = 0; i <= 10; i += 1) entries.push(i)\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"flex flex-wrap gap-1\">\n        {entries.map((entry) => {\n          const selected = currentValue === entry\n          const baseBand = npsBandClass(entry)\n          const ringClass = selected ? ' ring-2 ring-primary' : ''\n          return (\n            <Button\n              key={entry}\n              type=\"button\"\n              variant=\"outline\"\n              disabled={!canEdit}\n              onClick={() => onChange(entry)}\n              aria-pressed={selected}\n              className={\n                'h-11 w-11 px-0 text-sm font-medium tabular-nums '\n                + baseBand\n                + ringClass\n              }\n            >\n              {entry}\n            </Button>\n          )\n        })}\n      </div>\n      {lowCaption || highCaption ? (\n        <div className=\"flex justify-between text-xs text-muted-foreground mt-1\">\n          <span>{lowCaption}</span>\n          <span>{highCaption}</span>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\ntype OpinionScalePreviewInputProps = {\n  node: FieldNode\n  canEdit: boolean\n  value: unknown\n  onChange: (value: unknown) => void\n}\n\nfunction readOpinionIconChoice(node: FieldNode): 'star' | 'dot' | 'thumb' {\n  const raw = (node as Record<string, unknown>)['x-om-opinion-icon']\n  if (raw === 'star' || raw === 'thumb') return raw\n  return 'dot'\n}\n\nfunction OpinionScalePreviewInput({\n  node,\n  canEdit,\n  value,\n  onChange,\n}: OpinionScalePreviewInputProps) {\n  const icon = readOpinionIconChoice(node)\n  const minRaw = (node as Record<string, unknown>)['x-om-min']\n  const maxRaw = (node as Record<string, unknown>)['x-om-max']\n  const min = typeof minRaw === 'number' && Number.isInteger(minRaw) ? minRaw : 1\n  const maxResolved = typeof maxRaw === 'number' && Number.isInteger(maxRaw) ? maxRaw : 5\n  const max = maxResolved < min ? min : maxResolved\n  const entries: number[] = []\n  for (let i = min; i <= max; i += 1) entries.push(i)\n  const currentValue = typeof value === 'number' && Number.isInteger(value) ? value : null\n  const StarIcon = resolveLucideIcon('star')\n  const CircleIcon = resolveLucideIcon('circle')\n  const ThumbIcon = resolveLucideIcon('thumbs-up')\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"flex flex-wrap gap-1\">\n        {entries.map((entry) => {\n          const filled = icon === 'star'\n            ? currentValue !== null && entry <= currentValue\n            : currentValue === entry\n          const iconClass = filled ? 'fill-current text-primary' : 'text-muted-foreground'\n          const IconComponent =\n            icon === 'star' ? StarIcon : icon === 'thumb' ? ThumbIcon : CircleIcon\n          return (\n            <Button\n              key={entry}\n              type=\"button\"\n              variant=\"outline\"\n              disabled={!canEdit}\n              onClick={() => onChange(entry)}\n              aria-pressed={filled}\n              className={\n                'h-11 w-11 px-0 '\n                + (filled ? 'border-primary' : 'hover:border-primary')\n              }\n            >\n              <IconComponent aria-hidden=\"true\" className={`size-6 ${iconClass}`} />\n            </Button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\ntype AddressPreviewInputProps = {\n  idPrefix: string\n  canEdit: boolean\n  value: unknown\n  onChange: (value: unknown) => void\n  t: TranslateFn\n}\n\ntype AddressFieldValue = {\n  street1?: string\n  street2?: string\n  city?: string\n  region?: string\n  postalCode?: string\n  country?: string\n}\n\nfunction readAddressSubValue(value: unknown, key: keyof AddressFieldValue): string {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) return ''\n  const entry = (value as Record<string, unknown>)[key]\n  return typeof entry === 'string' ? entry : ''\n}\n\nfunction AddressPreviewInput({\n  idPrefix,\n  canEdit,\n  value,\n  onChange,\n  t,\n}: AddressPreviewInputProps) {\n  const street1 = readAddressSubValue(value, 'street1')\n  const street2 = readAddressSubValue(value, 'street2')\n  const city = readAddressSubValue(value, 'city')\n  const region = readAddressSubValue(value, 'region')\n  const postalCode = readAddressSubValue(value, 'postalCode')\n  const country = readAddressSubValue(value, 'country')\n  const labels = {\n    street1: t('forms.studio.field.address.street1'),\n    street2: t('forms.studio.field.address.street2'),\n    city: t('forms.studio.field.address.city'),\n    region: t('forms.studio.field.address.region'),\n    postalCode: t('forms.studio.field.address.postalCode'),\n    country: t('forms.studio.field.address.country'),\n  }\n  const update = (key: keyof AddressFieldValue) => (next: string) => {\n    const current: AddressFieldValue =\n      value && typeof value === 'object' && !Array.isArray(value)\n        ? { ...(value as AddressFieldValue) }\n        : {}\n    current[key] = next\n    onChange(current)\n  }\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"space-y-1\">\n        <label\n          className=\"block text-xs font-medium text-muted-foreground\"\n          htmlFor={`${idPrefix}-street1`}\n        >\n          {labels.street1}\n        </label>\n        <Input\n          id={`${idPrefix}-street1`}\n          readOnly={!canEdit}\n          type=\"text\"\n          aria-label={labels.street1}\n          value={street1}\n          onChange={(event) => update('street1')(event.target.value)}\n        />\n      </div>\n      <div className=\"space-y-1\">\n        <label\n          className=\"block text-xs font-medium text-muted-foreground\"\n          htmlFor={`${idPrefix}-street2`}\n        >\n          {labels.street2}\n        </label>\n        <Input\n          id={`${idPrefix}-street2`}\n          readOnly={!canEdit}\n          type=\"text\"\n          aria-label={labels.street2}\n          value={street2}\n          onChange={(event) => update('street2')(event.target.value)}\n        />\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-2\">\n        <div className=\"space-y-1\">\n          <label\n            className=\"block text-xs font-medium text-muted-foreground\"\n            htmlFor={`${idPrefix}-city`}\n          >\n            {labels.city}\n          </label>\n          <Input\n            id={`${idPrefix}-city`}\n            readOnly={!canEdit}\n            type=\"text\"\n            aria-label={labels.city}\n            value={city}\n            onChange={(event) => update('city')(event.target.value)}\n          />\n        </div>\n        <div className=\"space-y-1\">\n          <label\n            className=\"block text-xs font-medium text-muted-foreground\"\n            htmlFor={`${idPrefix}-region`}\n          >\n            {labels.region}\n          </label>\n          <Input\n            id={`${idPrefix}-region`}\n            readOnly={!canEdit}\n            type=\"text\"\n            aria-label={labels.region}\n            value={region}\n            onChange={(event) => update('region')(event.target.value)}\n          />\n        </div>\n        <div className=\"space-y-1\">\n          <label\n            className=\"block text-xs font-medium text-muted-foreground\"\n            htmlFor={`${idPrefix}-postalCode`}\n          >\n            {labels.postalCode}\n          </label>\n          <Input\n            id={`${idPrefix}-postalCode`}\n            readOnly={!canEdit}\n            type=\"text\"\n            aria-label={labels.postalCode}\n            value={postalCode}\n            onChange={(event) => update('postalCode')(event.target.value)}\n          />\n        </div>\n      </div>\n      <div className=\"space-y-1\">\n        <label\n          className=\"block text-xs font-medium text-muted-foreground\"\n          htmlFor={`${idPrefix}-country`}\n        >\n          {labels.country}\n        </label>\n        {canEdit ? (\n          <Select\n            value={country.length > 0 ? country : undefined}\n            onValueChange={(next) => update('country')(next)}\n          >\n            <SelectTrigger id={`${idPrefix}-country`} aria-label={labels.country}>\n              <SelectValue placeholder={labels.country} />\n            </SelectTrigger>\n            <SelectContent>\n              {COUNTRY_OPTIONS.map((option) => (\n                <SelectItem key={option.code} value={option.code}>\n                  {option.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <span\n            id={`${idPrefix}-country`}\n            className=\"block rounded-md border border-border bg-muted/30 px-3 py-2 text-sm text-muted-foreground\"\n            aria-label={labels.country}\n          >\n            {country ? resolveCountryName(country) : ''}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/preview/ViewportFrame.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+const VIEWPORT_CLASS = {
+  mobile: "max-w-sm",
+  tablet: "max-w-2xl",
+  desktop: "max-w-5xl"
+};
+function ViewportFrame({
+  viewport,
+  onViewportChange,
+  t,
+  children
+}) {
+  const viewports = ["mobile", "tablet", "desktop"];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: viewports.map((entry) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: viewport === entry ? "default" : "outline",
+        size: "sm",
+        onClick: () => onViewportChange(entry),
+        children: t(`forms.studio.preview.viewport.${entry}`)
+      },
+      entry
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-auto rounded-lg border border-border bg-muted/20 p-4", children: /* @__PURE__ */ jsx("div", { className: `mx-auto rounded-md bg-background p-4 shadow-sm ${VIEWPORT_CLASS[viewport]}`, children }) })
+  ] });
+}
+export {
+  ViewportFrame
+};
+//# sourceMappingURL=ViewportFrame.js.map

package/dist/modules/forms/backend/forms/[id]/studio/preview/ViewportFrame.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/preview/ViewportFrame.tsx"],
+  "sourcesContent": ["'use client'\n\nimport type * as React from 'react'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nexport type PreviewViewport = 'mobile' | 'tablet' | 'desktop'\n\nconst VIEWPORT_CLASS: Record<PreviewViewport, string> = {\n  mobile: 'max-w-sm',\n  tablet: 'max-w-2xl',\n  desktop: 'max-w-5xl',\n}\n\nexport function ViewportFrame({\n  viewport,\n  onViewportChange,\n  t,\n  children,\n}: {\n  viewport: PreviewViewport\n  onViewportChange: (viewport: PreviewViewport) => void\n  t: TranslateFn\n  children: React.ReactNode\n}) {\n  const viewports: PreviewViewport[] = ['mobile', 'tablet', 'desktop']\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {viewports.map((entry) => (\n          <Button\n            key={entry}\n            type=\"button\"\n            variant={viewport === entry ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => onViewportChange(entry)}\n          >\n            {t(`forms.studio.preview.viewport.${entry}`)}\n          </Button>\n        ))}\n      </div>\n      <div className=\"overflow-auto rounded-lg border border-border bg-muted/20 p-4\">\n        <div className={`mx-auto rounded-md bg-background p-4 shadow-sm ${VIEWPORT_CLASS[viewport]}`}>\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA2BI,SAGM,KAHN;AAvBJ,SAAS,cAAc;AAIvB,MAAM,iBAAkD;AAAA,EACtD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,YAA+B,CAAC,UAAU,UAAU,SAAS;AACnE,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAI,WAAU,qCACZ,oBAAU,IAAI,CAAC,UACd;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,aAAa,QAAQ,YAAY;AAAA,QAC1C,MAAK;AAAA,QACL,SAAS,MAAM,iBAAiB,KAAK;AAAA,QAEpC,YAAE,iCAAiC,KAAK,EAAE;AAAA;AAAA,MANtC;AAAA,IAOP,CACD,GACH;AAAA,IACA,oBAAC,SAAI,WAAU,iEACb,8BAAC,SAAI,WAAW,kDAAkD,eAAe,QAAQ,CAAC,IACvF,UACH,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/recall.js

@@ -0,0 +1,76 @@
+import { classifyVarPath } from "../../../../schema/jsonlogic-grammar.js";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("forms").child({ component: "studio-recall" });
+const ESCAPE_PLACEHOLDER = "\0RECALL_ESCAPE\0";
+const TOKEN_PATTERN = /@\{([a-z][a-z0-9_.]*)\}/g;
+function tokenizeRecall(input) {
+  if (!input) return [];
+  const tokens = [];
+  const masked = input.replace(/@@\{/g, ESCAPE_PLACEHOLDER + "{");
+  let match;
+  TOKEN_PATTERN.lastIndex = 0;
+  while ((match = TOKEN_PATTERN.exec(masked)) !== null) {
+    const identifier = match[1];
+    const { namespace, name } = classifyVarPath(identifier);
+    tokens.push({
+      raw: match[0],
+      identifier,
+      namespace,
+      name,
+      start: match.index,
+      end: match.index + match[0].length
+    });
+  }
+  return tokens;
+}
+function resolveRecall(input, context, locale) {
+  if (!input) return "";
+  const escaped = input.replace(/@@\{/g, ESCAPE_PLACEHOLDER + "{");
+  const resolved = escaped.replace(TOKEN_PATTERN, (_, identifier) => {
+    const value = lookupValue(identifier, context);
+    if (value === void 0 || value === null) {
+      if (context.verbose) {
+        logger.warn("unresolved recall token", { identifier });
+      }
+      return "";
+    }
+    return formatValue(value, locale);
+  });
+  return resolved.replace(new RegExp(ESCAPE_PLACEHOLDER + "\\{", "g"), "@{");
+}
+function lookupValue(identifier, context) {
+  const { namespace, name } = classifyVarPath(identifier);
+  if (!name) return void 0;
+  if (namespace === "variable") return readNested(context.variables, name);
+  if (namespace === "hidden") return readNested(context.hidden, name);
+  const topLevel = name.split(".")[0];
+  if (context.sensitiveFields?.has(topLevel)) return void 0;
+  return readNested(context.answers, name);
+}
+function readNested(source, path) {
+  let cursor = source;
+  for (const segment of path.split(".")) {
+    if (cursor === null || cursor === void 0) return void 0;
+    if (typeof cursor !== "object") return void 0;
+    cursor = cursor[segment];
+  }
+  return cursor;
+}
+function formatValue(value, locale) {
+  if (typeof value === "number") {
+    try {
+      return new Intl.NumberFormat(locale).format(value);
+    } catch {
+      return String(value);
+    }
+  }
+  if (typeof value === "boolean") return value ? "true" : "false";
+  if (value instanceof Date) return value.toLocaleString(locale);
+  if (Array.isArray(value)) return value.map((entry) => formatValue(entry, locale)).join(", ");
+  return String(value);
+}
+export {
+  resolveRecall,
+  tokenizeRecall
+};
+//# sourceMappingURL=recall.js.map

package/dist/modules/forms/backend/forms/[id]/studio/recall.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/recall.ts"],
+  "sourcesContent": ["/**\n * Recall token tokenizer + resolver (Q5 \u2014 `@{<identifier>}`).\n *\n * Tokens:\n *   - `@{<field_key>}` \u2014 bare identifier resolves to a `properties` field.\n *   - `@{hidden.<name>}` \u2014 declared `x-om-hidden-fields` entry.\n *   - `@{var.<name>}` \u2014 declared `x-om-variables` entry.\n *   - `@@{` escapes a literal `@{` in surrounding text.\n *\n * Identifier grammar: `[a-z][a-z0-9_.]*`.\n * Unresolved or null \u2192 empty string (+ a dev-level log warning when the wrapper\n * passes `verbose=true`). Production renderers stay silent so a missing\n * token never leaks into the UI.\n *\n * The resolver is pure \u2014 no I/O, no globals. Consumers pass an explicit\n * context map; sensitive-field protection (R-4) is the caller's job (the\n * evaluator already filters in `resolveRecall(...)`).\n */\n\nimport { classifyVarPath } from '../../../../schema/jsonlogic-grammar'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('forms').child({ component: 'studio-recall' })\n\nexport type RecallToken = {\n  raw: string\n  identifier: string\n  namespace: 'field' | 'hidden' | 'variable'\n  name: string\n  start: number\n  end: number\n}\n\nexport type RecallContext = {\n  answers: Record<string, unknown>\n  hidden: Record<string, unknown>\n  variables: Record<string, unknown>\n  /** Field keys to redact (sensitive fields per Q4 / R-4 \u2014 empty string returned). */\n  sensitiveFields?: ReadonlySet<string>\n  /** When true, log a warning for unresolved tokens. */\n  verbose?: boolean\n}\n\nconst ESCAPE_PLACEHOLDER = '\u0000RECALL_ESCAPE\u0000'\nconst TOKEN_PATTERN = /@\\{([a-z][a-z0-9_.]*)\\}/g\n\nexport function tokenizeRecall(input: string): RecallToken[] {\n  if (!input) return []\n  const tokens: RecallToken[] = []\n  const masked = input.replace(/@@\\{/g, ESCAPE_PLACEHOLDER + '{')\n  let match: RegExpExecArray | null\n  TOKEN_PATTERN.lastIndex = 0\n  while ((match = TOKEN_PATTERN.exec(masked)) !== null) {\n    const identifier = match[1]\n    const { namespace, name } = classifyVarPath(identifier)\n    tokens.push({\n      raw: match[0],\n      identifier,\n      namespace,\n      name,\n      start: match.index,\n      end: match.index + match[0].length,\n    })\n  }\n  return tokens\n}\n\nexport function resolveRecall(input: string | undefined | null, context: RecallContext, locale: string): string {\n  if (!input) return ''\n  const escaped = input.replace(/@@\\{/g, ESCAPE_PLACEHOLDER + '{')\n  const resolved = escaped.replace(TOKEN_PATTERN, (_, identifier) => {\n    const value = lookupValue(identifier, context)\n    if (value === undefined || value === null) {\n      if (context.verbose) {\n        logger.warn('unresolved recall token', { identifier })\n      }\n      return ''\n    }\n    return formatValue(value, locale)\n  })\n  return resolved.replace(new RegExp(ESCAPE_PLACEHOLDER + '\\\\{', 'g'), '@{')\n}\n\nfunction lookupValue(identifier: string, context: RecallContext): unknown {\n  const { namespace, name } = classifyVarPath(identifier)\n  if (!name) return undefined\n  if (namespace === 'variable') return readNested(context.variables, name)\n  if (namespace === 'hidden') return readNested(context.hidden, name)\n  const topLevel = name.split('.')[0]\n  if (context.sensitiveFields?.has(topLevel)) return undefined\n  return readNested(context.answers, name)\n}\n\nfunction readNested(source: Record<string, unknown>, path: string): unknown {\n  let cursor: unknown = source\n  for (const segment of path.split('.')) {\n    if (cursor === null || cursor === undefined) return undefined\n    if (typeof cursor !== 'object') return undefined\n    cursor = (cursor as Record<string, unknown>)[segment]\n  }\n  return cursor\n}\n\nfunction formatValue(value: unknown, locale: string): string {\n  if (typeof value === 'number') {\n    try {\n      return new Intl.NumberFormat(locale).format(value)\n    } catch {\n      return String(value)\n    }\n  }\n  if (typeof value === 'boolean') return value ? 'true' : 'false'\n  if (value instanceof Date) return value.toLocaleString(locale)\n  if (Array.isArray(value)) return value.map((entry) => formatValue(entry, locale)).join(', ')\n  return String(value)\n}\n"],
+  "mappings": "AAmBA,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAE7B,MAAM,SAAS,aAAa,OAAO,EAAE,MAAM,EAAE,WAAW,gBAAgB,CAAC;AAqBzE,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AAEf,SAAS,eAAe,OAA8B;AAC3D,MAAI,CAAC,MAAO,QAAO,CAAC;AACpB,QAAM,SAAwB,CAAC;AAC/B,QAAM,SAAS,MAAM,QAAQ,SAAS,qBAAqB,GAAG;AAC9D,MAAI;AACJ,gBAAc,YAAY;AAC1B,UAAQ,QAAQ,cAAc,KAAK,MAAM,OAAO,MAAM;AACpD,UAAM,aAAa,MAAM,CAAC;AAC1B,UAAM,EAAE,WAAW,KAAK,IAAI,gBAAgB,UAAU;AACtD,WAAO,KAAK;AAAA,MACV,KAAK,MAAM,CAAC;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,MAAM;AAAA,MACb,KAAK,MAAM,QAAQ,MAAM,CAAC,EAAE;AAAA,IAC9B,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEO,SAAS,cAAc,OAAkC,SAAwB,QAAwB;AAC9G,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,UAAU,MAAM,QAAQ,SAAS,qBAAqB,GAAG;AAC/D,QAAM,WAAW,QAAQ,QAAQ,eAAe,CAAC,GAAG,eAAe;AACjE,UAAM,QAAQ,YAAY,YAAY,OAAO;AAC7C,QAAI,UAAU,UAAa,UAAU,MAAM;AACzC,UAAI,QAAQ,SAAS;AACnB,eAAO,KAAK,2BAA2B,EAAE,WAAW,CAAC;AAAA,MACvD;AACA,aAAO;AAAA,IACT;AACA,WAAO,YAAY,OAAO,MAAM;AAAA,EAClC,CAAC;AACD,SAAO,SAAS,QAAQ,IAAI,OAAO,qBAAqB,OAAO,GAAG,GAAG,IAAI;AAC3E;AAEA,SAAS,YAAY,YAAoB,SAAiC;AACxE,QAAM,EAAE,WAAW,KAAK,IAAI,gBAAgB,UAAU;AACtD,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI,cAAc,WAAY,QAAO,WAAW,QAAQ,WAAW,IAAI;AACvE,MAAI,cAAc,SAAU,QAAO,WAAW,QAAQ,QAAQ,IAAI;AAClE,QAAM,WAAW,KAAK,MAAM,GAAG,EAAE,CAAC;AAClC,MAAI,QAAQ,iBAAiB,IAAI,QAAQ,EAAG,QAAO;AACnD,SAAO,WAAW,QAAQ,SAAS,IAAI;AACzC;AAEA,SAAS,WAAW,QAAiC,MAAuB;AAC1E,MAAI,SAAkB;AACtB,aAAW,WAAW,KAAK,MAAM,GAAG,GAAG;AACrC,QAAI,WAAW,QAAQ,WAAW,OAAW,QAAO;AACpD,QAAI,OAAO,WAAW,SAAU,QAAO;AACvC,aAAU,OAAmC,OAAO;AAAA,EACtD;AACA,SAAO;AACT;AAEA,SAAS,YAAY,OAAgB,QAAwB;AAC3D,MAAI,OAAO,UAAU,UAAU;AAC7B,QAAI;AACF,aAAO,IAAI,KAAK,aAAa,MAAM,EAAE,OAAO,KAAK;AAAA,IACnD,QAAQ;AACN,aAAO,OAAO,KAAK;AAAA,IACrB;AAAA,EACF;AACA,MAAI,OAAO,UAAU,UAAW,QAAO,QAAQ,SAAS;AACxD,MAAI,iBAAiB,KAAM,QAAO,MAAM,eAAe,MAAM;AAC7D,MAAI,MAAM,QAAQ,KAAK,EAAG,QAAO,MAAM,IAAI,CAAC,UAAU,YAAY,OAAO,MAAM,CAAC,EAAE,KAAK,IAAI;AAC3F,SAAO,OAAO,KAAK;AACrB;",
+  "names": []
+}