@skopon-cool/form-sdk 0.1.4 → 0.1.6

package/src/catalog/skoponResumeSelect.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Avatar, Button, Spin, Typography } from 'antd'
-import { ReloadOutlined, UserOutlined } from '@ant-design/icons'
+import { Avatar, Button, Spin, Tag, Typography } from 'antd'
+import { FileImageOutlined, ReloadOutlined, UserOutlined } from '@ant-design/icons'
 import type { ComponentContext } from '@a2ui/web_core/v0_9'
 import { createBinderlessComponentImplementation } from '@a2ui/react/v0_9'
 import { z } from 'zod'
@@ -9,6 +9,7 @@ import { useA2uiPreviewMode } from './a2uiPreviewContext'
 import { asStringArray, useSkoponBoundField } from './useSkoponBoundField'
 import {
   type ResumeSearchItem,
+  type ResumeSearchWorkItem,
   useResumeSearch,
 } from './resumeSearchContext'
 
@@ -54,6 +55,60 @@ const SkoponResumeSelectApi = {
     .passthrough(),
 }
 
+const MAX_TAG_COUNT = 3
+const MAX_WORK_PREVIEW = 2
+
+function renderTagRow(label: string, tags: string[] | undefined) {
+  const items = (tags ?? []).filter(Boolean)
+  const visible = items.slice(0, MAX_TAG_COUNT)
+  const overflow = items.length - visible.length
+  return (
+    <div className="skopon-resume-select-card-tags">
+      <span className="skopon-resume-select-card-tags-label">{label}</span>
+      {items.length > 0 ? (
+        <div className="skopon-resume-select-card-tags-list">
+          {visible.map((tag) => (
+            <Tag key={tag} className="skopon-resume-select-card-tag">
+              {tag}
+            </Tag>
+          ))}
+          {overflow > 0 ? (
+            <Tag className="skopon-resume-select-card-tag">+{overflow}</Tag>
+          ) : null}
+        </div>
+      ) : (
+        <span className="skopon-resume-select-card-tags-empty">暂无</span>
+      )}
+    </div>
+  )
+}
+
+function renderSatisfactionRow(satisfaction: number | undefined) {
+  return (
+    <div className="skopon-resume-select-card-field">
+      <span className="skopon-resume-select-card-tags-label">满意度</span>
+      <span className="skopon-resume-select-card-field-value">
+        {typeof satisfaction === 'number' ? `${satisfaction}%` : '暂无'}
+      </span>
+    </div>
+  )
+}
+
+function ResumeWorkPreview({ work }: { work: ResumeSearchWorkItem }) {
+  return (
+    <div className="skopon-resume-select-card-work">
+      <div className="skopon-resume-select-card-work-cover">
+        {work.coverUrl ? (
+          <img src={work.coverUrl} alt="" className="skopon-resume-select-card-work-img" />
+        ) : (
+          <FileImageOutlined className="skopon-resume-select-card-work-placeholder" />
+        )}
+      </div>
+      <div className="skopon-resume-select-card-work-title">{work.title || '未命名作品'}</div>
+    </div>
+  )
+}
+
 function ResumeCard({
   item,
   selected,
@@ -65,10 +120,12 @@ function ResumeCard({
   disabled: boolean
   onToggle: () => void
 }) {
+  const works = (item.works ?? []).slice(0, MAX_WORK_PREVIEW)
+
   return (
     <button
       type="button"
-      className={`skopon-resume-select-card${selected ? ' skopon-resume-select-card--selected' : ''}`}
+      className={`skopon-resume-select-card skopon-resume-select-card--profile${selected ? ' skopon-resume-select-card--selected' : ''}`}
       disabled={disabled}
       onClick={onToggle}
     >
@@ -78,14 +135,23 @@ function ResumeCard({
         icon={!item.avatarUrl ? <UserOutlined /> : undefined}
         className="skopon-resume-select-card-avatar"
       />
+      <div className="skopon-resume-select-card-name">{item.name || '未命名简历'}</div>
       <div className="skopon-resume-select-card-body">
-        <div className="skopon-resume-select-card-name">{item.name}</div>
-        {item.description ? (
-          <div className="skopon-resume-select-card-desc">{item.description}</div>
-        ) : null}
-        <div className="skopon-resume-select-card-meta">
-          {item.resumeUniqueId}
-          {typeof item.satisfaction === 'number' ? ` · 满意度 ${item.satisfaction}%` : ''}
+        {renderSatisfactionRow(item.satisfaction)}
+        {renderTagRow('性格', item.personality)}
+        {renderTagRow('专长', item.specialties)}
+        {renderTagRow('擅长领域', item.traits)}
+        <div className="skopon-resume-select-card-works">
+          <span className="skopon-resume-select-card-works-label">过往作品</span>
+          {works.length > 0 ? (
+            <div className="skopon-resume-select-card-works-list">
+              {works.map((work, index) => (
+                <ResumeWorkPreview key={`${work.title}-${index}`} work={work} />
+              ))}
+            </div>
+          ) : (
+            <div className="skopon-resume-select-card-works-empty">暂无作品</div>
+          )}
         </div>
       </div>
     </button>

package/src/components/AskUserFormCard.tsx

@@ -120,10 +120,12 @@ export default function AskUserFormCard({
     Boolean(payloadDef && payloadHasInputBlocks(payloadDef) && matchedBlocks.length === 0)
 
   const renderBlocks = useMemo(() => {
+    if (usePayloadFallback && payloadDef) {
+      return getPayloadRenderableBlocks(payloadDef)
+    }
     if (intersection && intersection.renderBlocks.length > 0) {
       return intersection.renderBlocks
     }
-    if (usePayloadFallback && payloadDef) return getPayloadRenderableBlocks(payloadDef)
     return []
   }, [intersection, usePayloadFallback, payloadDef])
 

package/src/components/CurlSubmitBlock.tsx

@@ -1,14 +1,21 @@
 import { useMemo } from 'react'
 import { Button, Tag, Tooltip, Typography } from 'antd'
-import { buildCurlStatement } from '../submit/buildCurlStatement'
+import {
+  buildAskUserSubmitCurlFromPayload,
+  buildCurlStatement,
+} from '../submit/buildCurlStatement'
 import { copyTextToClipboard } from '../submit/submitFormJson'
 
+export type CurlSubmitBlockCopyMode = 'display' | 'submitFields'
+
 export interface CurlSubmitBlockProps {
   payload: unknown
   callbackUrl?: string | null
   title?: string
   unpublishedFormId?: string | null
   incompleteFormId?: string | null
+  /** display：复制与显示一致；submitFields：复制向 callback 提交返回字段的 curl */
+  copyMode?: CurlSubmitBlockCopyMode
   onNotify?: (type: 'success' | 'error', message: string) => void
 }
 
@@ -18,22 +25,34 @@ export default function CurlSubmitBlock({
   title,
   unpublishedFormId,
   incompleteFormId,
+  copyMode = 'display',
   onNotify,
 }: CurlSubmitBlockProps) {
-  const curl = useMemo(
+  const displayCurl = useMemo(
     () => buildCurlStatement(payload, callbackUrl),
     [payload, callbackUrl],
   )
+  const copyCurl = useMemo(() => {
+    if (copyMode === 'submitFields') {
+      return buildAskUserSubmitCurlFromPayload(payload, callbackUrl)
+    }
+    return displayCurl
+  }, [copyMode, payload, callbackUrl, displayCurl])
 
   async function handleCopy() {
     try {
-      await copyTextToClipboard(curl)
+      await copyTextToClipboard(copyCurl)
       onNotify?.('success', '已复制到剪贴板')
     } catch {
       onNotify?.('error', '复制失败')
     }
   }
 
+  const copyTooltip =
+    copyMode === 'submitFields'
+      ? '复制提交字段 curl（向 callback 回传）'
+      : '复制 curl'
+
   return (
     <div className="ask-user-curl-card">
       <div className="ask-user-curl-card-header">
@@ -50,11 +69,13 @@ export default function CurlSubmitBlock({
             </Tooltip>
           ) : null}
         </div>
-        <Button size="small" type="text" onClick={() => void handleCopy()}>
-          复制
-        </Button>
+        <Tooltip title={copyTooltip}>
+          <Button size="small" type="text" onClick={() => void handleCopy()}>
+            复制
+          </Button>
+        </Tooltip>
       </div>
-      <pre className="skopon-form-curl-json">{curl}</pre>
+      <pre className="skopon-form-curl-json">{displayCurl}</pre>
     </div>
   )
 }

package/src/components/SkoponA2uiStreamRenderer.tsx

@@ -37,7 +37,10 @@ export default function SkoponA2uiStreamRenderer({
     injectBasicCatalogStyles()
   }, [])
 
-  const processorRef = useRef<MessageProcessor<ReactComponentImplementation>>(createProcessor())
+  const processorRef = useRef<MessageProcessor<ReactComponentImplementation> | null>(null)
+  if (processorRef.current === null) {
+    processorRef.current = createProcessor()
+  }
   const processedCountRef = useRef(0)
   const lastProcessedMessagesRef = useRef('')
   const mountedRef = useRef(true)
@@ -68,9 +71,13 @@ export default function SkoponA2uiStreamRenderer({
     }
   }
 
-  const [processor, setProcessor] = useState(() => processorRef.current)
+  const [processor, setProcessor] = useState(
+    () => processorRef.current as MessageProcessor<ReactComponentImplementation>,
+  )
   const [surfaces, setSurfaces] = useState(() =>
-    Array.from(processorRef.current.model.surfacesMap.values()),
+    Array.from(
+      (processorRef.current as MessageProcessor<ReactComponentImplementation>).model.surfacesMap.values(),
+    ),
   )
 
   useEffect(() => {
@@ -137,7 +144,7 @@ export default function SkoponA2uiStreamRenderer({
       }
     }
 
-    const activeProcessor = processorRef.current
+    const activeProcessor = processorRef.current as MessageProcessor<ReactComponentImplementation>
     const processedCount = processedCountRef.current
 
     if (

package/src/index.ts

@@ -41,7 +41,12 @@ export { normalizeFormDefinition, syncFormDefinition } from './adapter/formSchem
 
 export { extractSurfaceValues } from './adapter/extractSurfaceValues'
 
-export { buildCurlStatement, buildAskUserCurlStatement, buildAskUserCurlBodyJson } from './submit/buildCurlStatement'
+export {
+  buildCurlStatement,
+  buildAskUserCurlStatement,
+  buildAskUserCurlBodyJson,
+  buildAskUserSubmitCurlFromPayload,
+} from './submit/buildCurlStatement'
 export {
   extractExtraBlockValues,
   getPayloadInputFieldNames,

package/src/styles/a2ui-preview.css

@@ -254,8 +254,8 @@
   box-shadow: var(--shadow-focus);
 }
 
-/* 原生 A2UI 按钮/chip；勿作用于 Ant Design（Switch、Select、Picker 等） */
-.a2ui-surface.a2ui-container button:not([class*='ant-']) {
+/* 原生 A2UI 按钮/chip；勿作用于 Ant Design（Switch、Select、Picker 等）及 Skopon 简历/案例卡片 */
+.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card) {
   min-height: var(--button-height-md);
   padding: 0 var(--button-padding-x-md);
   font-family: var(--font-sans);
@@ -273,12 +273,12 @@
     color var(--duration-fast) var(--ease-default);
 }
 
-.a2ui-surface.a2ui-container button:not([class*='ant-']):hover:not(:disabled) {
+.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):hover:not(:disabled) {
   border-color: var(--color-border-strong);
   background: var(--color-bg-subtle);
 }
 
-.a2ui-surface.a2ui-container button:not([class*='ant-']):disabled {
+.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):disabled {
   cursor: not-allowed;
   opacity: 0.45;
 }

package/src/styles/index.css

@@ -196,21 +196,58 @@
 
 .skopon-resume-select-list {
   display: flex;
-  flex-direction: column;
-  gap: var(--space-2, 8px);
+  flex-direction: row;
+  flex-wrap: nowrap;
+  gap: var(--space-3, 12px);
   margin-top: var(--space-2, 8px);
+  overflow-x: auto;
+  padding-bottom: var(--space-1, 4px);
+  -webkit-overflow-scrolling: touch;
 }
 .skopon-resume-select-card {
   display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  width: 100%;
+  flex: 0 0 auto;
+  box-sizing: border-box;
   padding: 12px;
   border: 1px solid var(--color-border, #d9d9d9);
-  border-radius: var(--radius-md, 8px);
+  border-radius: 4px;
   background: var(--color-surface, #fff);
   text-align: left;
   cursor: pointer;
+  min-height: unset;
+  font-weight: inherit;
+  line-height: inherit;
+  appearance: none;
+  -webkit-appearance: none;
+}
+.a2ui-surface.a2ui-container button.skopon-resume-select-card {
+  border-radius: 4px;
+  min-height: unset;
+  padding: 12px;
+  font-weight: inherit;
+}
+.skopon-resume-select-card--profile {
+  flex-direction: column;
+  align-items: center;
+  width: 200px;
+  min-width: 200px;
+  max-width: 200px;
+  height: 320px;
+  min-height: 320px;
+  max-height: 320px;
+  padding: 10px;
+  overflow: hidden;
+}
+.a2ui-surface.a2ui-container button.skopon-resume-select-card--profile {
+  padding: 10px;
+  min-height: 320px;
+}
+.skopon-resume-select-card:not(.skopon-resume-select-card--profile) {
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 12px;
+  width: 220px;
+  min-width: 220px;
 }
 .skopon-resume-select-card:hover:not(:disabled) {
   border-color: var(--color-primary, #1677ff);
@@ -223,27 +260,121 @@
   cursor: not-allowed;
   opacity: 0.72;
 }
-.skopon-resume-select-card-body {
-  flex: 1;
-  min-width: 0;
+.skopon-resume-select-card-avatar {
+  flex-shrink: 0;
+}
+.skopon-resume-select-card--profile .skopon-resume-select-card-avatar {
+  margin-bottom: 6px;
 }
 .skopon-resume-select-card-name {
   font-weight: 600;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--color-text, rgba(0, 0, 0, 0.88));
+}
+.skopon-resume-select-card--profile > .skopon-resume-select-card-name {
+  flex-shrink: 0;
+  width: 100%;
+  text-align: center;
+}
+.skopon-resume-select-card-body {
+  width: 100%;
+  min-width: 0;
+  text-align: left;
+}
+.skopon-resume-select-card--profile .skopon-resume-select-card-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.skopon-resume-select-card-field {
   margin-bottom: 4px;
+  flex-shrink: 0;
+}
+.skopon-resume-select-card-field-value {
+  font-size: 12px;
+  color: var(--color-text, rgba(0, 0, 0, 0.88));
 }
-.skopon-resume-select-card-desc {
-  color: var(--color-text-secondary, rgba(0, 0, 0, 0.65));
-  font-size: 13px;
+.skopon-resume-select-card-tags-empty {
+  font-size: 12px;
+  color: var(--color-text-secondary, rgba(0, 0, 0, 0.45));
+}
+.skopon-resume-select-card-tags {
   margin-bottom: 4px;
+  flex-shrink: 0;
+}
+.skopon-resume-select-card-tags-label,
+.skopon-resume-select-card-works-label {
+  display: block;
+  margin-bottom: 2px;
+  font-size: 11px;
+  color: var(--color-text-secondary, rgba(0, 0, 0, 0.45));
+}
+.skopon-resume-select-card-tags-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.skopon-resume-select-card-tag {
+  margin: 0;
+  font-size: 11px;
+  line-height: 18px;
+}
+.skopon-resume-select-card-works {
+  margin-top: 4px;
+  flex-shrink: 0;
+}
+.skopon-resume-select-card-works-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.skopon-resume-select-card-works-empty {
+  font-size: 12px;
+  color: var(--color-text-secondary, rgba(0, 0, 0, 0.45));
+}
+.skopon-resume-select-card-work {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+.skopon-resume-select-card-work-cover {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  border-radius: 2px;
+  border: 1px solid var(--color-border, #d9d9d9);
+  background: var(--color-bg-subtle, rgba(0, 0, 0, 0.02));
   overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
 }
-.skopon-resume-select-card-meta {
+.skopon-resume-select-card-work-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.skopon-resume-select-card-work-placeholder {
+  font-size: 16px;
   color: var(--color-text-secondary, rgba(0, 0, 0, 0.45));
+}
+.skopon-resume-select-card-work-title {
+  flex: 1;
+  min-width: 0;
   font-size: 12px;
+  color: var(--color-text, rgba(0, 0, 0, 0.88));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .skopon-resume-select-actions {
   margin-top: var(--space-2, 8px);

package/src/submit/buildCurlStatement.ts

@@ -1,3 +1,8 @@
+import {
+  extractExtraBlockValues,
+  parsePayloadBlocksJson,
+} from './intersectPayloadBlocksWithForm'
+
 function escapeSingleQuotes(text: string): string {
   return text.replace(/'/g, `'\\''`)
 }
@@ -12,33 +17,12 @@ export function buildCurlStatement(payload: unknown, callbackUrl?: string | null
   ].join('\n')
 }
 
-function formatJsonBodyLine(key: string, value: unknown, trailingComma: boolean): string {
-  return `  ${JSON.stringify(key)}: ${JSON.stringify(value)}${trailingComma ? ',' : ''}`
-}
-
-/** 构建含行注释的 JSON body：extra 段标注「额外字段（未在卡片展示）」 */
+/** 构建合法 JSON body（card + extra 合并，便于 curl 直接执行） */
 export function buildAskUserCurlBodyJson(
   cardValues: Record<string, unknown>,
   extraValues: Record<string, unknown>,
 ): string {
-  const lines: string[] = ['{']
-  const cardEntries = Object.entries(cardValues)
-  const extraEntries = Object.entries(extraValues)
-
-  cardEntries.forEach(([key, value], index) => {
-    const hasMore = index < cardEntries.length - 1 || extraEntries.length > 0
-    lines.push(formatJsonBodyLine(key, value, hasMore))
-  })
-
-  if (extraEntries.length > 0) {
-    lines.push('  // 额外字段（未在卡片展示）')
-    extraEntries.forEach(([key, value], index) => {
-      lines.push(formatJsonBodyLine(key, value, index < extraEntries.length - 1))
-    })
-  }
-
-  lines.push('}')
-  return lines.join('\n')
+  return JSON.stringify({ ...cardValues, ...extraValues }, null, 2)
 }
 
 export interface BuildAskUserCurlStatementOptions {
@@ -60,3 +44,14 @@ export function buildAskUserCurlStatement({
     `  -d '${escapeSingleQuotes(body)}'`,
   ].join('\n')
 }
+
+/** 从 ask_user payload（blocksJson）生成向 callback 提交返回字段的 curl */
+export function buildAskUserSubmitCurlFromPayload(
+  payload: unknown,
+  callbackUrl?: string | null,
+): string {
+  const def = parsePayloadBlocksJson(payload)
+  if (!def) return buildCurlStatement(payload, callbackUrl)
+  const cardValues = extractExtraBlockValues(def.blocks)
+  return buildAskUserCurlStatement({ cardValues, callbackUrl })
+}

package/src/submit/intersectPayloadBlocksWithForm.ts

@@ -127,7 +127,12 @@ function blockValueFromDefault(block: FormBlock): unknown {
   const { type, defaultValue } = block
   if (defaultValue !== undefined) {
     if (type === 'toggle') return defaultValue === true || defaultValue === 'true'
-    if (type === 'multiselect' || type === 'checkbox') {
+    if (
+      type === 'multiselect' ||
+      type === 'checkbox' ||
+      type === 'resume_multiselect' ||
+      type === 'case_multiselect'
+    ) {
       if (Array.isArray(defaultValue)) return defaultValue.map(String)
       if (typeof defaultValue === 'string' && defaultValue) return [defaultValue]
       return []
@@ -135,7 +140,14 @@ function blockValueFromDefault(block: FormBlock): unknown {
     return defaultValue
   }
   if (type === 'toggle') return false
-  if (type === 'multiselect' || type === 'checkbox') return []
+  if (
+    type === 'multiselect' ||
+    type === 'checkbox' ||
+    type === 'resume_multiselect' ||
+    type === 'case_multiselect'
+  ) {
+    return []
+  }
   if (type === 'number') return null
   return ''
 }

package/src/submit/submit.test.ts

@@ -5,6 +5,7 @@ import { describe, it, expect, vi } from 'vitest'
 import {
   buildAskUserCurlBodyJson,
   buildAskUserCurlStatement,
+  buildAskUserSubmitCurlFromPayload,
   buildCurlStatement,
 } from '../submit/buildCurlStatement'
 import {
@@ -31,21 +32,57 @@ describe('buildCurlStatement', () => {
 })
 
 describe('buildAskUserCurlStatement', () => {
-  it('includes extra fields with comment after card values', () => {
+  it('merges card and extra values into valid JSON', () => {
     const body = buildAskUserCurlBodyJson(
       { video_title: 'hello' },
       { agent_hint: '请尽快确认' },
     )
     expect(body).toContain('"video_title": "hello"')
-    expect(body).toContain('// 额外字段（未在卡片展示）')
     expect(body).toContain('"agent_hint": "请尽快确认"')
+    expect(body).not.toContain('// 额外字段')
+    expect(JSON.parse(body)).toEqual({
+      video_title: 'hello',
+      agent_hint: '请尽快确认',
+    })
 
     const curl = buildAskUserCurlStatement({
       cardValues: { video_title: 'hello' },
       extraValues: { agent_hint: '请尽快确认' },
       callbackUrl: 'https://example.com/hook',
     })
-    expect(curl).toContain('// 额外字段（未在卡片展示）')
+    expect(curl).toContain('"agent_hint": "请尽快确认"')
+    expect(curl).not.toContain('// 额外字段')
+  })
+})
+
+describe('buildAskUserSubmitCurlFromPayload', () => {
+  it('builds submit-fields curl from blocksJson payload', () => {
+    const payload = {
+      title: 'Ask',
+      blocks: [
+        { id: 'p1', type: 'text', name: 'video_title', label: '标题', defaultValue: 'hello' },
+        { id: 'p2', type: 'text', name: 'agent_hint', label: '提示', defaultValue: 'hint' },
+      ],
+    }
+    const curl = buildAskUserSubmitCurlFromPayload(payload, 'https://example.com/hook')
+    expect(curl).toContain("curl -X POST 'https://example.com/hook'")
+    expect(curl).toContain('"video_title": "hello"')
+    expect(curl).toContain('"agent_hint": "hint"')
+    const bodyMatch = curl.match(/-d '([\s\S]*)'$/)
+    expect(bodyMatch).toBeTruthy()
+    const bodyText = bodyMatch![1]!.replace(/'\\''/g, "'")
+    expect(JSON.parse(bodyText)).toEqual({
+      video_title: 'hello',
+      agent_hint: 'hint',
+    })
+  })
+
+  it('falls back to display curl when payload is not blocksJson', () => {
+    const payload = { video_title: { type: 'text' } }
+    const callbackUrl = 'https://example.com/hook'
+    expect(buildAskUserSubmitCurlFromPayload(payload, callbackUrl)).toBe(
+      buildCurlStatement(payload, callbackUrl),
+    )
   })
 })
 
@@ -96,6 +133,18 @@ describe('intersectPayloadBlocksWithForm', () => {
     expect(extractExtraBlockValues(result.extraBlocks)).toEqual({ agent_hint: 'hint' })
   })
 
+  it('defaults resume_multiselect extra blocks to empty array', () => {
+    const extraBlocks = [
+      {
+        id: '1',
+        type: 'resume_multiselect' as const,
+        name: 'resumes',
+        label: 'Resumes',
+      },
+    ]
+    expect(extractExtraBlockValues(extraBlocks)).toEqual({ resumes: [] })
+  })
+
   it('keeps form block type and schema when payload type differs', () => {
     const selectForm: FormSchema = {
       title: 'Form',
@@ -195,6 +244,20 @@ describe('payload fallback helpers', () => {
     expect(payloadHasInputBlocks(surveyPayload)).toBe(true)
     expect(getPayloadRenderableBlocks(surveyPayload).length).toBeGreaterThan(0)
   })
+
+  it('prefers payload fallback blocks when intersection only has layout blocks', () => {
+    const result = intersectPayloadBlocksWithForm(surveyPayload, undefined)
+    const usePayloadFallback =
+      payloadHasInputBlocks(surveyPayload) && result.matchedBlocks.length === 0
+    expect(usePayloadFallback).toBe(true)
+    expect(result.renderBlocks.map((b) => b.type)).toEqual(['heading'])
+
+    const renderBlocks = usePayloadFallback
+      ? getPayloadRenderableBlocks(surveyPayload)
+      : result.renderBlocks
+    expect(renderBlocks.map((b) => b.id)).toEqual(['title', 'q1'])
+    expect(getPayloadInputFieldNames(surveyPayload)).toEqual(['occupation'])
+  })
 })
 
 describe('submitFormJson', () => {