${escapeHtml(excerpt)}
` : \"\"}\r\n\u6B63\u6587\u9884\u89C8\u4E3A\u7A7A\u3002
\"}\u6682\u65E0\u9884\u89C8\u3002
\";\r\n return result;\r\n }\r\n \r\n function handleApplyLinks() {\r\n const suggestions = getSelectedLinkSuggestions();\r\n \r\n if (!suggestions.length) {\r\n setStatus(\"linkStatus\", \"\u5F53\u524D\u6CA1\u6709\u9009\u4E2D\u7684\u5185\u94FE\u5EFA\u8BAE\u3002\");\r\n return;\r\n }\r\n \r\n const result = buildLinkedHtmlFromSuggestions(suggestions);\r\n \r\n linkedArticleHtml = result.html;\r\n $(\"textRaw\").value = linkedArticleHtml;\r\n $(\"articleEditor\").innerHTML = linkedArticleHtml;\r\n $(\"linkPreview\").innerHTML = linkedArticleHtml || \"\u6682\u65E0\u9884\u89C8\u3002
\";\r\n renderLinkArticleSummary();\r\n renderImageProductRecommendations();\r\n setStatus(\"linkStatus\", `\u5DF2\u5E94\u7528 ${result.appliedCount} \u4E2A\u5185\u94FE\u3002\u8BF7\u68C0\u67E5\u9884\u89C8\u540E\u7EE7\u7EED\u3002`);\r\n }\r\n \r\n function handleSkipLinks() {\r\n linkedArticleHtml = getCurrentArticleHtml();\r\n $(\"linkPreview\").innerHTML = linkedArticleHtml || \"\u6682\u65E0\u9884\u89C8\u3002
\";\r\n unlockStep(4);\r\n renderImageProductRecommendations();\r\n setStatus(\"linkStatus\", \"\u5DF2\u8DF3\u8FC7\u5185\u94FE\u6B65\u9AA4\uFF0C\u53EF\u4EE5\u7EE7\u7EED\u914D\u56FE\u3002\");\r\n setStep(4);\r\n }\r\n \r\n function handleConfirmLinks() {\r\n if (!linkedArticleHtml) {\r\n const suggestions = getSelectedLinkSuggestions();\r\n if (suggestions.length) {\r\n const result = buildLinkedHtmlFromSuggestions(suggestions);\r\n linkedArticleHtml = result.html;\r\n $(\"linkPreview\").innerHTML = linkedArticleHtml || \"\u6682\u65E0\u9884\u89C8\u3002
\";\r\n } else {\r\n linkedArticleHtml = linkBaseArticleHtml || getCurrentArticleHtml();\r\n }\r\n }\r\n $(\"textRaw\").value = linkedArticleHtml;\r\n $(\"articleEditor\").innerHTML = linkedArticleHtml;\r\n unlockStep(4);\r\n renderImageProductRecommendations();\r\n setStatus(\"linkStatus\", \"\u5185\u94FE\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u8FDB\u5165\u914D\u56FE\u6B65\u9AA4\u3002\");\r\n setStep(4);\r\n }\r\n \r\n function applyBlock(tagName) {\r\n const selection = window.getSelection();\r\n if (!selection.rangeCount) return;\r\n const range = selection.getRangeAt(0);\r\n const text = range.toString().trim();\r\n if (!text) return;\r\n const el = document.createElement(tagName);\r\n el.textContent = text;\r\n range.deleteContents();\r\n range.insertNode(el);\r\n syncHtmlFromEditor();\r\n }\r\n \r\n function isRetryableApiPath(path) {\r\n return /^\\/content\\//.test(path) || path === \"/link/analyze\" || path === \"/query-image\";\r\n }\r\n \r\n function isRetryableApiError(error) {\r\n const message = String(error?.message || error || \"\");\r\n return error?.name === \"TypeError\" ||\r\n error?.name === \"AbortError\" ||\r\n error?.retryable === true ||\r\n /failed to fetch|network|timeout|timed out|http (408|425|429|500|502|503|504|522|523|524)/i.test(message);\r\n }\r\n \r\n function wait(ms) {\r\n return new Promise(resolve => setTimeout(resolve, ms));\r\n }\r\n \r\n function parseApiJson(text) {\r\n if (!text) return {};\r\n try {\r\n return JSON.parse(text);\r\n } catch (error) {\r\n return null;\r\n }\r\n }\r\n \r\n function buildApiError(path, resp, data, text) {\r\n const details = typeof data?.details === \"string\"\r\n ? data.details\r\n : data?.details\r\n ? JSON.stringify(data.details)\r\n : \"\";\r\n const message = [\r\n data?.error,\r\n data?.message,\r\n details,\r\n text && !data?.error && !data?.message ? text.slice(0, 500) : \"\",\r\n `HTTP ${resp.status}`\r\n ].filter(Boolean).join(\" | \");\r\n const error = new Error(message || `\u8BF7\u6C42\u5931\u8D25\uFF1A${path}`);\r\n error.status = resp.status;\r\n error.retryable = isRetryableApiPath(path) && [408, 425, 429, 500, 502, 503, 504, 522, 523, 524].includes(Number(resp.status));\r\n return error;\r\n }\r\n \r\n async function apiPost(path, body, options = {}) {\r\n const retries = Math.max(0, Number(options.retries ?? (isRetryableApiPath(path) ? 1 : 0)));\r\n let lastError = null;\r\n \r\n for (let attempt = 0; attempt <= retries; attempt++) {\r\n try {\r\n const resp = await fetch(`${getWorkerBase()}${path}`, {\r\n method: \"POST\",\r\n headers: getHeaders(),\r\n body: JSON.stringify(body)\r\n });\r\n \r\n const text = await resp.text();\r\n const data = parseApiJson(text);\r\n if (!resp.ok) {\r\n throw buildApiError(path, resp, data, text);\r\n }\r\n if (!data) {\r\n throw new Error(`\u54CD\u5E94\u4E0D\u662F\u6709\u6548 JSON\uFF1A${path}`);\r\n }\r\n return data;\r\n } catch (error) {\r\n lastError = error;\r\n if (attempt < retries && isRetryableApiError(error)) {\r\n await wait(900 * (attempt + 1));\r\n continue;\r\n }\r\n throw error;\r\n }\r\n }\r\n \r\n throw lastError || new Error(`\u8BF7\u6C42\u5931\u8D25\uFF1A${path}`);\r\n }\r\n \r\n async function apiGet(path, params = {}) {\r\n const url = new URL(`${getWorkerBase()}${path}`);\r\n Object.entries(params || {}).forEach(([key, value]) => {\r\n if (value != null && value !== \"\") url.searchParams.set(key, value);\r\n });\r\n const resp = await fetch(url.toString(), {\r\n method: \"GET\",\r\n headers: getHeaders()\r\n });\r\n const text = await resp.text();\r\n const data = parseApiJson(text);\r\n if (!resp.ok) {\r\n throw buildApiError(path, resp, data, text);\r\n }\r\n if (!data) {\r\n throw new Error(`\u54CD\u5E94\u4E0D\u662F\u6709\u6548 JSON\uFF1A${path}`);\r\n }\r\n return data;\r\n }\r\n \r\n async function handleHealth() {\r\n setStatus(\"workerStatus\", \"\u6B63\u5728\u6D4B\u8BD5 Worker \u8FDE\u63A5\u2026\u2026\");\r\n try {\r\n const resp = await fetch(`${getWorkerBase()}/health`);\r\n const data = await resp.json();\r\n setStatus(\"workerStatus\", `\u8FDE\u63A5\u6210\u529F\uFF1A${JSON.stringify(data)}`);\r\n } catch (err) {\r\n setStatus(\"workerStatus\", `\u8FDE\u63A5\u5931\u8D25\uFF1A${err.message}`);\r\n }\r\n }\r\n \r\n function normalizeApiData(data) {\r\n return data?.data || data || {};\r\n }\r\n \r\n function safeParseNestedJson(value) {\r\n try {\r\n if (typeof value === \"string\") return JSON.parse(value);\r\n return value;\r\n } catch (e) {\r\n return value;\r\n }\r\n }\r\n \r\n function normalizeImagePlanTask(item, index) {\r\n if (!item) return null;\r\n \r\n if (typeof item === \"string\") {\r\n const prompt = item.trim();\r\n return prompt ? { label: `\u56FE\u7247 ${index + 1}`, prompt, purpose: \"\" } : null;\r\n }\r\n \r\n if (typeof item !== \"object\") return null;\r\n \r\n const prompt = String(\r\n item.prompt ||\r\n item.image_prompt ||\r\n item.visual_prompt ||\r\n item.description ||\r\n \"\"\r\n ).trim();\r\n \r\n if (!prompt) return null;\r\n \r\n return {\r\n ...item,\r\n label: String(item.label || item.title || `\u56FE\u7247 ${index + 1}`).trim(),\r\n prompt,\r\n negative_prompt: String(item.negative_prompt || item.negativePrompt || item.ne_prompt || item.no || \"\").trim(),\r\n placement: String(item.placement || item.slot || \"\").trim(),\r\n composition: String(item.composition || item.framing || item.camera || \"\").trim(),\r\n purpose: String(item.purpose || item.reason || item.placement || \"\").trim()\r\n };\r\n }\r\n \r\n function normalizeImagePlanTasks(value) {\r\n if (value == null) return [];\r\n \r\n let current = safeParseNestedJson(value);\r\n \r\n if (typeof current === \"string\") {\r\n const prompt = current.trim();\r\n return prompt ? [{ label: \"\u56FE\u7247 1\", prompt, purpose: \"\" }] : [];\r\n }\r\n \r\n if (Array.isArray(current)) {\r\n return current\r\n .map((item, index) => normalizeImagePlanTask(item, index))\r\n .filter(Boolean);\r\n }\r\n \r\n if (current && typeof current === \"object\") {\r\n const candidates = [\r\n current.image_tasks_json,\r\n current.image_tasks,\r\n current.tasks,\r\n current.images,\r\n current.data,\r\n current.result,\r\n current.output,\r\n current.raw\r\n ];\r\n \r\n for (const candidate of candidates) {\r\n if (candidate == null || candidate === current) continue;\r\n const tasks = normalizeImagePlanTasks(candidate);\r\n if (tasks.length) return tasks;\r\n }\r\n }\r\n \r\n return [];\r\n }\r\n \r\n function normalizeImagePlanResponse(data) {\r\n const rawOuter = data?.data || data?.raw || data;\r\n const raw = safeParseNestedJson(rawOuter?.data || rawOuter);\r\n let tasks = normalizeImagePlanTasks(raw);\r\n if (!tasks.length) {\r\n tasks = normalizeImagePlanTasks(data);\r\n }\r\n \r\n return {\r\n raw,\r\n tasks,\r\n global_negative_prompt:\r\n raw?.global_ne_prompt ||\r\n raw?.global_negative_prompt ||\r\n data?.global_ne_prompt ||\r\n data?.global_negative_prompt ||\r\n \"\"\r\n };\r\n }\r\n \r\n function extractWorkflowOutput(data) {\r\n const seen = new Set();\r\n \r\n function walk(value) {\r\n if (value == null) return {};\r\n \r\n let current = value;\r\n \r\n if (typeof current === \"string\") {\r\n const parsed = safeParseNestedJson(current);\r\n if (parsed === current) return {};\r\n current = parsed;\r\n }\r\n \r\n if (!current || typeof current !== \"object\") return {};\r\n \r\n if (seen.has(current)) return {};\r\n seen.add(current);\r\n \r\n if (\r\n typeof current.article_html === \"string\" ||\r\n typeof current.html === \"string\" ||\r\n typeof current.content_html === \"string\"\r\n ) {\r\n return current;\r\n }\r\n \r\n const candidates = [\r\n current.data,\r\n current.output,\r\n current.result,\r\n current.result?.output,\r\n current.result?.data,\r\n current.output?.data,\r\n current.output?.output,\r\n current.data?.output,\r\n current.data?.data\r\n ];\r\n \r\n for (const item of candidates) {\r\n const found = walk(item);\r\n if (found && typeof found === \"object\" && Object.keys(found).length) {\r\n return found;\r\n }\r\n }\r\n \r\n return current;\r\n }\r\n \r\n return walk(data);\r\n }\r\n \r\n function normalizeImageUrl(url) {\r\n let value = String(url || \"\").trim();\r\n \r\n if (!value) return \"\";\r\n \r\n value = value.replace(/&/g, \"&\");\r\n \r\n if (value.startsWith(\"//\")) {\r\n return `https:${value}`;\r\n }\r\n \r\n if (value.startsWith(\"http://\")) {\r\n return value.replace(/^http:\\/\\//i, \"https://\");\r\n }\r\n \r\n return value;\r\n }\r\n \r\n function normalizeImageUrlList(values, maxCount = 2) {\r\n const urls = [];\r\n const seen = new Set();\r\n \r\n (Array.isArray(values) ? values : [values]).forEach(value => {\r\n const url = normalizeImageUrl(\r\n value && typeof value === \"object\"\r\n ? (value.url || value.src || value.image || \"\")\r\n : value\r\n );\r\n \r\n if (!url || seen.has(url)) return;\r\n \r\n seen.add(url);\r\n urls.push(url);\r\n });\r\n \r\n return urls.slice(0, maxCount);\r\n }\r\n \r\n function escapeHtml(str) {\r\n return String(str)\r\n .replace(/&/g, \"&\")\r\n .replace(//g, \">\")\r\n .replace(/\"/g, \""\")\r\n .replace(/'/g, \"'\");\r\n }\r\n \r\n function normalizeTags(product) {\r\n if (!product) return [];\r\n const tags = product.tags || product.tag || [];\r\n if (Array.isArray(tags)) {\r\n return tags.map(t => String(t).toLowerCase().trim()).filter(Boolean);\r\n }\r\n if (typeof tags === \"string\") {\r\n return tags.split(\",\").map(t => t.toLowerCase().trim()).filter(Boolean);\r\n }\r\n return [];\r\n }\r\n \r\n function isProductCompatibleWithPetType(productData, petType) {\r\n if (!petType) return true;\r\n \r\n const tags = normalizeTags(productData);\r\n const haystack = [\r\n ...(tags || []),\r\n String(productData?.title || \"\").toLowerCase(),\r\n String(productData?.handle || \"\").toLowerCase(),\r\n String(productData?.url || \"\").toLowerCase(),\r\n String(productData?.product_type || \"\").toLowerCase(),\r\n String(productData?.type || \"\").toLowerCase()\r\n ].join(\" \");\r\n \r\n if (petType === \"cat\") {\r\n return (\r\n tags.includes(\"cat\") ||\r\n tags.includes(\"for-cat\") ||\r\n tags.includes(\"cat-safe\") ||\r\n /\\bcat\\b/.test(haystack)\r\n );\r\n }\r\n \r\n if (petType === \"dog\") {\r\n return (\r\n tags.includes(\"dog\") ||\r\n tags.includes(\"for-dog\") ||\r\n tags.includes(\"dog-safe\") ||\r\n /\\bdog\\b/.test(haystack)\r\n );\r\n }\r\n \r\n return true;\r\n }\r\n \r\n function generateKeywordsFromProduct(productTitle, productTags, petType) {\r\n const title = String(productTitle || \"\").trim().toLowerCase();\r\n const tags = (productTags || []).map(t => String(t).toLowerCase());\r\n \r\n if (!title || !petType) return \"\";\r\n \r\n const species = petType === \"cat\" ? \"cats\" : \"dogs\";\r\n const keywordSet = new Set();\r\n \r\n keywordSet.add(`${title} for ${species}`);\r\n \r\n if (tags.includes(\"freeze-dried\")) {\r\n keywordSet.add(`freeze-dried ${petType} treats`);\r\n }\r\n if (tags.includes(\"single-ingredient\")) {\r\n keywordSet.add(`single ingredient ${petType} treat`);\r\n }\r\n if (tags.includes(\"joint-support\")) {\r\n keywordSet.add(`${petType} joint support treat`);\r\n }\r\n if (tags.includes(\"natural-chew\")) {\r\n keywordSet.add(`natural ${petType} chew`);\r\n }\r\n if (tags.includes(\"training-treat\")) {\r\n keywordSet.add(`${petType} training treats`);\r\n }\r\n if (tags.includes(\"high-protein\")) {\r\n keywordSet.add(`high protein ${petType} treats`);\r\n }\r\n if (tags.includes(\"dental\")) {\r\n keywordSet.add(`${petType} dental chew`);\r\n }\r\n if (tags.includes(\"human-grade\")) {\r\n keywordSet.add(`human grade ${petType} treats`);\r\n }\r\n \r\n if (keywordSet.size === 1) {\r\n keywordSet.add(`natural ${petType} treats`);\r\n keywordSet.add(`premium ${petType} treats`);\r\n }\r\n \r\n return Array.from(keywordSet).slice(0, 5).join(\", \");\r\n }\r\n \r\n function populatePetBreedOptions() {\r\n const petType = ($(\"petType\").value || \"\").trim().toLowerCase();\r\n const select = $(\"petBreedSelect\");\r\n if (!select) return;\r\n \r\n const currentValue = select.value;\r\n const source = petType === \"cat\" ? CAT_BREEDS : DOG_BREEDS;\r\n \r\n select.innerHTML = \"\";\r\n source.forEach(item => {\r\n const opt = document.createElement(\"option\");\r\n opt.value = item.value;\r\n opt.textContent = item.label;\r\n select.appendChild(opt);\r\n });\r\n \r\n if (source.some(item => item.value === currentValue)) {\r\n select.value = currentValue;\r\n }\r\n }\r\n \r\n function buildPetCharacterAnchorFromInputs() {\r\n const breed = $(\"petBreedSelect\") ? $(\"petBreedSelect\").value.trim() : \"\";\r\n const feature = $(\"petFeatureNote\") ? $(\"petFeatureNote\").value.trim() : \"\";\r\n \r\n if (breed && feature) return `${breed}, ${feature}`;\r\n if (breed) return breed;\r\n if (feature) return feature;\r\n return \"\";\r\n }\r\n \r\n function syncPetAnchorFromBreedInputs(force = false) {\r\n const anchor = $(\"petCharacterAnchor\");\r\n if (!anchor) return;\r\n \r\n const autoValue = buildPetCharacterAnchorFromInputs();\r\n const currentValue = anchor.value.trim();\r\n \r\n if (force || !currentValue || currentValue === anchor.dataset.lastAutoValue) {\r\n anchor.value = autoValue;\r\n anchor.dataset.lastAutoValue = autoValue;\r\n }\r\n }\r\n \r\n function syncProductToImageStep() {\r\n updateProductUI();\r\n }\r\n \r\n function syncProductVisualMode() {\r\n const select = $(\"productVisualMode\");\r\n if (!select) return;\r\n \r\n const hasProduct = !!selectedProduct.title;\r\n const isAutoMode = builderMode === \"auto\";\r\n const hasProductReferences = getCheckedProductReferenceUrls().length > 0;\r\n \r\n if (isAutoMode || !hasProduct || !hasProductReferences) {\r\n select.value = \"no_product\";\r\n select.disabled = true;\r\n select.dataset.forcedNoProduct = \"true\";\r\n return;\r\n }\r\n \r\n if (!select.value || select.dataset.forcedNoProduct === \"true\") {\r\n select.value = \"product_supported\";\r\n }\r\n select.disabled = false;\r\n delete select.dataset.forcedNoProduct;\r\n }\r\n \r\n function syncImageProductControls() {\r\n const hasProduct = !!selectedProduct.title;\r\n const isAutoMode = builderMode === \"auto\";\r\n const productChecked = !!($(\"refProductImage\") && $(\"refProductImage\").checked);\r\n const packageChecked = !!($(\"refPackageImage\") && $(\"refPackageImage\").checked);\r\n const canUseProductReference = hasProduct && !isAutoMode;\r\n \r\n setFieldValue(\"imageProductName\", selectedProduct.title || \"\");\r\n \r\n const imageInfo = $(\"imagePickedProductInfo\");\r\n if (imageInfo) {\r\n imageInfo.textContent = selectedProduct.title\r\n ? `\u5DF2\u9009\u62E9\uFF1A${selectedProduct.title}${selectedProduct.images?.length ? ` \uFF5C \u53EF\u7528\u56FE\u7247 ${selectedProduct.images.length} \u5F20` : \"\"}`\r\n : \"\u672A\u9009\u62E9\u4EA7\u54C1\u3002\u5F53\u524D\u4F1A\u751F\u6210\u4E0D\u5E26\u4EA7\u54C1\u7684\u5BA0\u7269\u751F\u6D3B\u573A\u666F\u56FE\u3002\";\r\n }\r\n \r\n [\r\n [\"imageRefProductImage\", productChecked],\r\n [\"imageRefPackageImage\", packageChecked]\r\n ].forEach(([id, checked]) => {\r\n const input = $(id);\r\n if (!input) return;\r\n input.disabled = !canUseProductReference;\r\n input.checked = canUseProductReference ? checked : false;\r\n });\r\n \r\n const help = $(\"imageReferenceHelp\");\r\n if (help) {\r\n help.textContent = isAutoMode\r\n ? \"\u81EA\u52A8\u6A21\u5F0F\u5F3A\u5236\u4E0D\u4F7F\u7528\u4EA7\u54C1\u56FE\u548C\u5305\u88C5\u56FE\u3002\"\r\n : hasProduct\r\n ? \"\u52FE\u9009\u540E\u4F1A\u628A\u5BF9\u5E94\u4EA7\u54C1\u56FE\u7247\u4F5C\u4E3A\u53C2\u8003\u56FE\u53D1\u7ED9\u751F\u56FE\u63A5\u53E3\uFF1B\u4E0D\u52FE\u9009\u5219\u4ECD\u7136\u4E0D\u51FA\u73B0\u4EA7\u54C1\u3002\"\r\n : \"\u672A\u9009\u62E9\u4EA7\u54C1\u65F6\u4E0D\u80FD\u4F7F\u7528\u4EA7\u54C1\u56FE\uFF1B\u53EF\u5148\u4ECE\u7B2C\u4E09\u6B65\u4EA7\u54C1\u63A8\u8350\u6216\u624B\u52A8\u9009\u62E9 Shopify \u4EA7\u54C1\u3002\";\r\n }\r\n renderImageProductRecommendations();\r\n }\r\n \r\n function syncReferenceOptionState() {\r\n const hasProduct = !!selectedProduct.title;\r\n const isAutoMode = builderMode === \"auto\";\r\n const canUseProductReference = hasProduct && !isAutoMode;\r\n [\"refProductImage\", \"refPackageImage\"].forEach((id) => {\r\n const input = $(id);\r\n if (!input) return;\r\n input.disabled = !canUseProductReference;\r\n if (!canUseProductReference) input.checked = false;\r\n });\r\n const help = $(\"titleReferenceHelp\");\r\n if (help) {\r\n help.textContent = isAutoMode\r\n ? \"\u81EA\u52A8\u6A21\u5F0F\u5F3A\u5236\u4E0D\u4F7F\u7528\u4EA7\u54C1\u56FE\u548C\u5305\u88C5\u56FE\uFF1B\u5207\u6362\u5230\u624B\u52A8\u6A21\u5F0F\u540E\u624D\u53EF\u9009\u62E9\u53C2\u8003\u56FE\u3002\"\r\n : hasProduct\r\n ? \"\u52FE\u9009\u540E\u4EC5\u5F71\u54CD\u7B2C 4 \u6B65\u624B\u52A8\u914D\u56FE\uFF1B\u4E0D\u52FE\u9009\u5219\u751F\u6210\u4E0D\u5E26\u4EA7\u54C1\u7684\u5BA0\u7269\u573A\u666F\u56FE\u3002\"\r\n : \"\u672A\u9009\u62E9\u4EA7\u54C1\u65F6\u4E0D\u53EF\u52FE\u9009\u53C2\u8003\u56FE\uFF1B\u5148\u9009\u62E9\u4EA7\u54C1\u540E\u518D\u542F\u7528\u3002\";\r\n }\r\n syncImageProductControls();\r\n syncProductVisualMode();\r\n updateAvailableModels();\r\n }\r\n \r\n function getCheckedProductReferenceUrls() {\r\n if (builderMode === \"auto\") return [];\r\n const refs = [];\r\n const images = selectedProduct.images || [];\r\n if ($(\"refProductImage\") && $(\"refProductImage\").checked && images[0]) refs.push(images[0]);\r\n if ($(\"refPackageImage\") && $(\"refPackageImage\").checked && images[1]) refs.push(images[1]);\r\n return normalizeImageUrlList(refs, 2);\r\n }\r\n \r\n function getProductReferenceUrls() {\r\n if ($(\"productVisualMode\")?.value === \"no_product\") return [];\r\n return getCheckedProductReferenceUrls();\r\n }\r\n \r\n function applySelectedProduct(product) {\r\n const title = product?.title || \"\";\r\n const image = normalizeImageUrl(product?.featured_image?.url || product?.image || product?.featured_image || \"\");\r\n const images = normalizeImageUrlList([image, ...(product?.images || [])], 2);\r\n const tags = normalizeTags(product);\r\n const url = product?.url || product?.online_store_url || \"\";\r\n const handle = product?.handle || \"\";\r\n console.log(\"selected product raw =\", product);\r\n console.log(\"selected product tags raw =\", product?.tags);\r\n console.log(\"selected product tags normalized =\", normalizeTags(product));\r\n \r\n selectedProduct = {\r\n title,\r\n image,\r\n images,\r\n tags,\r\n url,\r\n handle\r\n };\r\n \r\n $(\"productName\").value = title || \"\";\r\n $(\"textProductName\").value = title || \"\";\r\n if (title && builderMode !== \"auto\" && !$(\"refProductImage\").checked && !$(\"refPackageImage\").checked) {\r\n $(\"refProductImage\").checked = true;\r\n }\r\n \r\n const petTypeValue = ($(\"petType\").value || \"\").trim().toLowerCase();\r\n const compatible = isProductCompatibleWithPetType({\r\n title,\r\n image,\r\n tags,\r\n url,\r\n handle\r\n }, petTypeValue);\r\n \r\n $(\"titlePickedProductInfo\").textContent =\r\n title\r\n ? `\u5DF2\u9009\u62E9\uFF1A${title}${tags.length ? ` \uFF5C tags: ${tags.join(\", \")}` : \"\"}`\r\n : \"\";\r\n \r\n if (title && petTypeValue && !compatible) {\r\n setStatus(\r\n \"productCompatibilityStatus\",\r\n `\u5F53\u524D\u4EA7\u54C1\u672A\u6807\u8BB0\u4E3A\u9002\u7528\u4E8E ${petTypeValue}\uFF0C\u4E0D\u80FD\u7EE7\u7EED\u751F\u6210\u6807\u9898\u3002\u8BF7\u66F4\u6362\u4EA7\u54C1\u6216\u66F4\u6539\u5BA0\u7269\u7C7B\u578B\u3002`\r\n );\r\n } else {\r\n setStatus(\"productCompatibilityStatus\", \"\");\r\n }\r\n \r\n if (title && compatible) {\r\n const autoKeywords = generateKeywordsFromProduct(title, tags, petTypeValue);\r\n if (autoKeywords) {\r\n $(\"targetKeywords\").value = autoKeywords;\r\n $(\"textTargetKeywords\").value = autoKeywords;\r\n }\r\n }\r\n \r\n updateProductUI();\r\n }\r\n \r\n function clearSelectedProduct() {\r\n selectedProduct = {\r\n title: \"\",\r\n image: \"\",\r\n images: [],\r\n tags: [],\r\n url: \"\",\r\n handle: \"\"\r\n };\r\n \r\n $(\"productName\").value = \"\";\r\n $(\"textProductName\").value = \"\";\r\n $(\"titlePickedProductInfo\").textContent = \"\";\r\n setStatus(\"productCompatibilityStatus\", \"\");\r\n $(\"targetKeywords\").value = \"\";\r\n $(\"textTargetKeywords\").value = \"\";\r\n updateProductUI();\r\n }\r\n \r\n function validateProductCompatibilityBeforeTitle() {\r\n const petTypeValue = ($(\"petType\").value || \"\").trim().toLowerCase();\r\n \r\n if (!selectedProduct.title) {\r\n return { ok: true };\r\n }\r\n \r\n const compatible = isProductCompatibleWithPetType(selectedProduct, petTypeValue);\r\n if (!compatible) {\r\n return {\r\n ok: false,\r\n message: `\u5F53\u524D\u4EA7\u54C1\u672A\u6807\u8BB0\u4E3A\u9002\u7528\u4E8E ${petTypeValue}\uFF0C\u8BF7\u66F4\u6362\u4EA7\u54C1\u6216\u66F4\u6539\u5BA0\u7269\u7C7B\u578B\u540E\u518D\u751F\u6210\u6807\u9898\u3002`\r\n };\r\n }\r\n \r\n return { ok: true };\r\n }\r\n \r\n function getImageSlotLabels(count) {\r\n const n = Number(count || 3);\r\n if (n === 2) return [\"\u9996\u56FE\", \"\u6B63\u6587\u56FE\"];\r\n if (n === 3) return [\"\u9996\u56FE\", \"\u6B63\u6587\u56FE\", \"\u5C3E\u56FE\"];\r\n return [\"\u9996\u56FE\", \"\u6B63\u6587\u56FE 1\", \"\u6B63\u6587\u56FE 2\", \"\u5C3E\u56FE\"];\r\n }\r\n \r\n function getSourceUrlList() {\r\n return getFieldValue(\"sourceUrls\")\r\n .split(/\\r?\\n|,/)\r\n .map(value => value.trim())\r\n .filter(Boolean)\r\n .slice(0, 8);\r\n }\r\n \r\n function buildContentDiscoveryPayload() {\r\n const query = getFieldValue(\"sourceQuery\").trim() || getFieldValue(\"targetKeywords\").trim();\r\n \r\n return {\r\n parameters: {\r\n content_type: $(\"contentType\").value,\r\n pet_type: $(\"petType\").value.trim(),\r\n query,\r\n target_keywords: $(\"targetKeywords\").value.trim(),\r\n product_name: $(\"productName\").value.trim(),\r\n product_url: selectedProduct.url || \"\",\r\n source_focus: getFieldValue(\"sourceFocus\") || \"authority_brand\",\r\n source_urls: getSourceUrlList(),\r\n limit: Math.max(1, Math.min(Number(getFieldValue(\"sourceLimit\") || 3), 12)),\r\n brand_tone: $(\"brandTone\").value.trim(),\r\n promotion_goal: $(\"promotionGoal\").value.trim(),\r\n article_style_variant: getFieldValue(\"articleStyleVariant\") || \"practical_guide\",\r\n rewrite_intensity: getFieldValue(\"rewriteIntensity\") || \"limited\",\r\n notes: $(\"notes\").value.trim()\r\n }\r\n };\r\n }\r\n \r\n function buildContentTitleRewritePayload(sources) {\r\n return {\r\n ...buildContentDiscoveryPayload(),\r\n sources: Array.isArray(sources) ? sources : []\r\n };\r\n }\r\n \r\n function buildRewriteSourceExtract() {\r\n const extract = getSourceExtract();\r\n const source = selectedContentSource || {};\r\n const title = source.original_title || source.title || extract?.title || \"\";\r\n const url = source.url || extract?.url || \"\";\r\n const domain = source.domain || extract?.domain || \"\";\r\n const sourceName = source.source_name || extract?.source_name || \"\";\r\n const sourceType = source.source_type || extract?.source_type || \"\";\r\n const contentBlocks = normalizeSourceContentBlocks(\r\n extract,\r\n source.text_preview || source.snippet || \"\"\r\n );\r\n const headings = Array.isArray(extract?.headings) ? extract.headings : [];\r\n const paragraphs = normalizeSourceParagraphs(\r\n extract,\r\n source.text_preview || source.snippet || \"\"\r\n );\r\n const fallbackText = contentBlocks.length\r\n ? \"\"\r\n : String(extract?.text || source.text_preview || source.snippet || \"\").slice(0, 48000);\r\n \r\n return {\r\n url,\r\n domain,\r\n source_name: sourceName,\r\n source_type: sourceType,\r\n title,\r\n meta_description: source.meta_description || extract?.meta_description || \"\",\r\n headings: headings.slice(0, 40),\r\n paragraphs: paragraphs.slice(0, 260),\r\n content_blocks: contentBlocks.slice(0, 320),\r\n text: fallbackText,\r\n word_count_estimate: extract?.word_count_estimate || source.word_count_estimate || 0,\r\n extracted_at: extract?.extracted_at || \"\"\r\n };\r\n }\r\n \r\n function buildRewriteSourceMeta(sourceExtract) {\r\n const source = selectedContentSource || {};\r\n return {\r\n url: sourceExtract.url || source.url || \"\",\r\n title: source.original_title || source.title || sourceExtract.title || \"\",\r\n original_title: source.original_title || source.title || sourceExtract.title || \"\",\r\n domain: sourceExtract.domain || source.domain || \"\",\r\n source_name: sourceExtract.source_name || source.source_name || \"\",\r\n source_type: sourceExtract.source_type || source.source_type || \"\",\r\n meta_description: source.meta_description || sourceExtract.meta_description || \"\",\r\n word_count_estimate: sourceExtract.word_count_estimate || source.word_count_estimate || 0,\r\n extract_status: source.extract_status || \"readable\"\r\n };\r\n }\r\n \r\n function buildContentRewritePayload() {\r\n const sourceExtract = buildRewriteSourceExtract();\r\n const sourceMeta = buildRewriteSourceMeta(sourceExtract);\r\n return {\r\n parameters: {\r\n content_type: $(\"contentType\").value,\r\n pet_type: $(\"petType\").value.trim(),\r\n query: $(\"sourceQuery\").value.trim() || $(\"targetKeywords\").value.trim(),\r\n target_keywords: $(\"textTargetKeywords\").value.trim() || $(\"targetKeywords\").value.trim(),\r\n product_name: $(\"textProductName\").value.trim(),\r\n product_url: selectedProduct.url || \"\",\r\n brand_tone: $(\"textBrandTone\").value.trim(),\r\n promotion_goal: $(\"textPromotionGoal\").value.trim(),\r\n rewrite_intensity: getFieldValue(\"rewriteIntensity\") || \"limited\",\r\n notes: $(\"textNotes\").value.trim()\r\n },\r\n final_title: $(\"finalTitle\").value.trim(),\r\n seo_title: $(\"seoTitle\").value.trim(),\r\n meta_description: $(\"metaDescription\").value.trim(),\r\n source: sourceMeta,\r\n source_url: sourceMeta.url,\r\n source_extract: sourceExtract\r\n };\r\n }\r\n \r\n function normalizeContentSources(data) {\r\n const sources = data?.sources || data?.data?.sources || [];\r\n return Array.isArray(sources) ? sources : [];\r\n }\r\n \r\n function resolveContentSourceFromTitleOption(item, index = 0) {\r\n if (item?.source && item.source.url) return item.source;\r\n const sourceUrl = item?.source_url || \"\";\r\n if (sourceUrl) {\r\n const matched = currentContentSources.find(source => source.url === sourceUrl);\r\n if (matched) return matched;\r\n return {\r\n title: item.source_title || sourceUrl,\r\n url: sourceUrl,\r\n source_name: item.source_name || \"\",\r\n domain: \"\"\r\n };\r\n }\r\n return currentContentSources[index % Math.max(1, currentContentSources.length)] || null;\r\n }\r\n \r\n function renderSelectedSourceSummary() {\r\n const wrap = $(\"selectedSourceSummary\");\r\n if (!wrap) return;\r\n \r\n if (!selectedContentSource) {\r\n wrap.innerHTML = \"\u6682\u672A\u9009\u62E9\u7D20\u6750\u3002\u8BF7\u5148\u5728\u7B2C\u4E00\u6B65\u91C7\u96C6\u5E76\u9009\u62E9\u4E00\u7BC7\u539F\u6587\u7D20\u6750\u3002\";\r\n return;\r\n }\r\n \r\n const title = selectedContentSource.title || selectedContentSource.url || \"\u53C2\u8003\u6587\u7AE0\";\r\n const sourceName = selectedContentSource.source_name || selectedContentSource.domain || \"\";\r\n const url = selectedContentSource.url || \"\";\r\n const extractInfo = currentSourceExtract?.word_count_estimate\r\n ? `\uFF1B\u5DF2\u63D0\u53D6\u7EA6 ${currentSourceExtract.word_count_estimate} \u8BCD`\r\n : \"\";\r\n const usageInfo = selectedContentSource?.used || selectedContentSource?.usage_status === \"used\"\r\n ? `\u6682\u672A\u91C7\u96C6\u5230\u53EF\u8BFB\u7D20\u6750\uFF0C\u8BF7\u6362\u4E00\u4E2A\u4E3B\u9898\u5173\u952E\u8BCD\u6216\u6269\u5927\u9009\u6750\u8303\u56F4\u540E\u91CD\u8BD5\u3002
\u91C7\u96C6\u7406\u7531\uFF1A${escapeHtml(source.reason)}
` : \"\"}\r\n ${preview ? `${escapeHtml(preview)}
` : \"\"}\r\n ${isUsed ? `\u5DF2\u4F7F\u7528\uFF0C\u540E\u7EED\u91C7\u96C6\u4F1A\u6392\u9664` : \"\"}\r\n\u8BF7\u5148\u5728\u7B2C\u4E00\u6B65\u9009\u62E9\u4E00\u7BC7\u7D20\u6750\u3002
`;\r\n return;\r\n }\r\n \r\n const extract = getSourceExtract();\r\n const title = selectedContentSource.original_title || selectedContentSource.title || extract?.title || \"\u539F\u6587\u7D20\u6750\";\r\n const url = selectedContentSource.url || extract?.url || \"\";\r\n const site = selectedContentSource.source_name || selectedContentSource.domain || extract?.source_name || extract?.domain || \"\";\r\n const wordCount = selectedContentSource.word_count_estimate || extract?.word_count_estimate || \"\";\r\n const contentBlocks = normalizeSourceContentBlocks(\r\n extract,\r\n selectedContentSource.text_preview || selectedContentSource.snippet || \"\"\r\n );\r\n const contentHtml = contentBlocks.map(item => {\r\n const text = escapeHtml(item.text);\r\n if (/^h[2-4]$/.test(item.type)) {\r\n return `\u2022 ${text}
`;\r\n }\r\n return `${text}
`;\r\n }).join(\"\");\r\n \r\n wrap.innerHTML = `\r\n\u8FD9\u7BC7\u7D20\u6750\u6CA1\u6709\u8FD4\u56DE\u53EF\u8BFB\u6B63\u6587\uFF0C\u8BF7\u56DE\u5230\u7B2C\u4E00\u6B65\u6362\u4E00\u7BC7\u7D20\u6750\u3002
\"}\r\n\u672A\u89E3\u6790\u51FA\u6807\u9898\u5019\u9009\uFF0C\u8BF7\u68C0\u67E5\u539F\u59CB\u8FD4\u56DE\u3002
\u53C2\u8003\u6765\u6E90\uFF1A${escapeHtml(sourceLabel)}
` : \"\"}\r\n\u6587\u7AE0\u89D2\u5EA6\uFF1A${escapeHtml(item.article_angle || \"\")}
\r\n\u6587\u7AE0\u5927\u7EB2\uFF1A${escapeHtml(item.article_outline || \"\")}
\r\n\u672A\u8BC6\u522B\u5230 article_html\uFF0C\u8BF7\u67E5\u770B HTML \u6A21\u5F0F\u3002
\";\r\n }\r\n \r\n if (raw && typeof raw === \"object\") {\r\n if (raw.rewritten_title) {\r\n $(\"finalTitle\").value = raw.rewritten_title;\r\n if (!$(\"seoTitle\").value.trim()) $(\"seoTitle\").value = raw.rewritten_title;\r\n }\r\n if (raw.excerpt) {\r\n $(\"excerpt\").value = raw.excerpt;\r\n }\r\n if (raw.section_summaries) {\r\n $(\"sectionSummaries\").value = Array.isArray(raw.section_summaries)\r\n ? raw.section_summaries.join(\"\\n\")\r\n : String(raw.section_summaries);\r\n }\r\n }\r\n \r\n if (raw?.seo_title && !$(\"seoTitle\").value.trim()) $(\"seoTitle\").value = raw.seo_title;\r\n if (raw?.meta_description && !$(\"metaDescription\").value.trim()) $(\"metaDescription\").value = raw.meta_description;\r\n renderSelectedSourceSummary();\r\n renderOriginalSourceViewer();\r\n renderRewriteCompareList();\r\n setStatus(\"textStatus\", \"AI \u6700\u5C0F\u91CD\u5199\u5B8C\u6210\u3002\u8BF7\u5DE6\u53F3\u5BF9\u7167\u68C0\u67E5\uFF0C\u5FC5\u8981\u65F6\u76F4\u63A5\u7F16\u8F91\u53F3\u4FA7\u6B63\u6587\uFF0C\u7136\u540E\u4FDD\u5B58\u4FEE\u6539\u6216\u8FDB\u5165\u5185\u94FE\u5BA1\u6838\u3002\");\r\n } catch (err) {\r\n setStatus(\"textStatus\", `\u6B63\u6587\u91CD\u5199\u5931\u8D25\uFF1A${err.message}`);\r\n }\r\n }\r\n \r\n function saveRewriteDraftState(silent = false) {\r\n syncCurrentEditorModeToRaw();\r\n syncPetAnchorFromBreedInputs();\r\n const html = $(\"textRaw\").value.trim();\r\n if (!html) {\r\n if (!silent) setStatus(\"textStatus\", \"\u53F3\u4FA7\u6B63\u6587\u4E3A\u7A7A\uFF0C\u6682\u65F6\u6CA1\u6709\u53EF\u4FDD\u5B58\u5185\u5BB9\u3002\");\r\n return false;\r\n }\r\n \r\n $(\"articleEditor\").innerHTML = html;\r\n linkBaseArticleHtml = html;\r\n linkedArticleHtml = \"\";\r\n currentLinkAnalysis = null;\r\n selectedLinkSuggestionIds = new Set();\r\n $(\"linkSuggestions\").innerHTML = \"\";\r\n $(\"linkPreview\").innerHTML = html;\r\n $(\"linkRaw\").value = \"\";\r\n renderLinkArticleSummary();\r\n \r\n if (!silent) {\r\n setStatus(\"textStatus\", \"\u4FEE\u6539\u5DF2\u4FDD\u5B58\u5230\u5F53\u524D\u6D41\u7A0B\u3002\u7B2C\u4E09\u6B65\u4F1A\u4F7F\u7528\u8FD9\u7248\u6B63\u6587\u8FDB\u884C\u5185\u94FE\u5206\u6790\u3002\");\r\n }\r\n return true;\r\n }\r\n \r\n function handleSaveRewriteDraft() {\r\n saveRewriteDraftState(false);\r\n }\r\n \r\n function handleConfirmText() {\r\n if (!saveRewriteDraftState(true)) return;\r\n \r\n unlockStep(3);\r\n setStatus(\"textStatus\", \"\u6B63\u6587\u5DF2\u786E\u8BA4\uFF0C\u6B63\u5728\u8FDB\u5165\u5185\u94FE\u6B65\u9AA4\u3002\");\r\n setStep(3);\r\n }\r\n \r\n function handleGoPublish() {\r\n syncPublishStep(true);\r\n unlockStep(5);\r\n setPublishNotice(\r\n \"info\",\r\n \"\u53D1\u5E03\u51C6\u5907\u5C31\u7EEA\",\r\n \"\u8BF7\u68C0\u67E5\u535A\u5BA2\u680F\u76EE\u3001SEO\u3001\u6807\u7B7E\u548C\u5C01\u9762\u56FE\u3002\u786E\u8BA4\u5B8C\u6574\u540E\u4FDD\u5B58\u8349\u7A3F\u6216\u53D1\u5E03\u3002\"\r\n );\r\n setStep(5);\r\n }\r\n \r\n function updateProductUI() {\r\n syncReferenceOptionState();\r\n }\r\n \r\n function updateAvailableModels() {\r\n const ratio = $(\"imageRatio\").value;\r\n const includeProduct = getProductReferenceUrls().length > 0;\r\n \r\n let allowed = Object.keys(IMAGE_MODEL_CONFIGS);\r\n let hint = \"\";\r\n \r\n allowed = allowed.filter(model => {\r\n const cfg = IMAGE_MODEL_CONFIGS[model];\r\n if (!cfg.supportsRatios || !ratio) return true;\r\n return cfg.supportsRatios.includes(ratio) || cfg.supportsRatios.includes(\"auto\");\r\n });\r\n \r\n if (includeProduct) {\r\n allowed = allowed.filter(model => IMAGE_MODEL_CONFIGS[model].supportsReference);\r\n hint = \"\u51FA\u73B0\u771F\u5B9E\u4EA7\u54C1\u65F6\uFF0C\u4F18\u5148\u4F7F\u7528\u652F\u6301\u53C2\u8003\u56FE\u7684\u6A21\u578B\uFF1B\u9ED8\u8BA4\u4F7F\u7528 ChatGPT Images 2.0 Edit\u3002\";\r\n } else {\r\n allowed = allowed.filter(model => IMAGE_MODEL_CONFIGS[model].supportsTextToImage !== false);\r\n hint = \"\u4E0D\u51FA\u73B0\u4EA7\u54C1\u65F6\uFF0C\u9690\u85CF\u5FC5\u987B\u4F9D\u8D56\u53C2\u8003\u56FE\u7684 Edit \u6A21\u578B\uFF1B\u9ED8\u8BA4\u4F7F\u7528 ChatGPT Images 2.0\u3002\";\r\n }\r\n \r\n const select = $(\"imageModel\");\r\n const current = select.value;\r\n select.innerHTML = \"\";\r\n \r\n allowed.forEach(model => {\r\n const opt = document.createElement(\"option\");\r\n opt.value = model;\r\n opt.textContent = IMAGE_MODEL_CONFIGS[model].label;\r\n select.appendChild(opt);\r\n });\r\n \r\n if (allowed.includes(current)) {\r\n select.value = current;\r\n } else if (allowed.length) {\r\n select.value = allowed[0];\r\n }\r\n \r\n $(\"modelRestrictionHint\").textContent = hint;\r\n }\r\n \r\n function selectedModelRequiresReference(model) {\r\n const cfg = IMAGE_MODEL_CONFIGS[model];\r\n return !!cfg && cfg.supportsReference && cfg.supportsTextToImage === false;\r\n }\r\n \r\n function resolveImageModelForTask(model, task) {\r\n if (task?.product_visibility !== \"supporting\" && selectedModelRequiresReference(model)) {\r\n return \"openai/gpt-image-2\";\r\n }\r\n return model;\r\n }\r\n \r\n function mapImageSizeForModel(model, ratio) {\r\n // ChatGPT Images 2.0 / Edit\uFF1ANEX \u6587\u6863\u8981\u6C42 image_size \u4F7F\u7528\u5B57\u7B26\u4E32\u6BD4\u4F8B\r\n if (model === \"openai/gpt-image-2\" || model === \"openai/gpt-image-2/edit\") {\r\n const allowed = [\"1:1\", \"4:3\", \"3:4\", \"16:9\", \"9:16\", \"3:2\", \"2:3\"];\r\n return allowed.includes(ratio) ? ratio : \"16:9\";\r\n }\r\n \r\n // Flux 2 Flash\uFF1ANEX \u6587\u6863\u8981\u6C42 image_size \u4F7F\u7528\u9884\u8BBE\u679A\u4E3E\r\n if (model === \"fal-ai/flux-2/flash\") {\r\n if (ratio === \"1:1\") return \"square_hd\";\r\n if (ratio === \"4:3\") return \"landscape_4_3\";\r\n if (ratio === \"16:9\") return \"landscape_16_9\";\r\n if (ratio === \"4:5\") return \"portrait_4_5\";\r\n return \"landscape_16_9\";\r\n }\r\n \r\n return null;\r\n }\r\n \r\n function mapAspectRatioForModel(model, ratio) {\r\n if (model === \"fal-ai/nano-banana-pro\") {\r\n return ratio || \"1:1\";\r\n }\r\n \r\n if (model === \"fal-ai/nano-banana-2\") {\r\n return ratio || \"auto\";\r\n }\r\n \r\n return ratio || \"1:1\";\r\n }\r\n \r\n async function searchShopifyProducts(keyword) {\r\n const url = `/search/suggest.json?q=${encodeURIComponent(keyword)}&resources[type]=product&resources[limit]=8&resources[options][unavailable_products]=hide`;\r\n const resp = await fetch(url, {\r\n headers: { \"Accept\": \"application/json\" }\r\n });\r\n const data = await resp.json();\r\n return data?.resources?.results?.products || [];\r\n }\r\n \r\n async function fetchProductJsonByHandle(handle) {\r\n if (!handle) return null;\r\n \r\n const cleanHandle = String(handle).trim().replace(/^\\/+|\\/+$/g, \"\");\r\n const resp = await fetch(`/products/${cleanHandle}.js`, {\r\n headers: { \"Accept\": \"application/json\" }\r\n });\r\n \r\n if (!resp.ok) return null;\r\n \r\n return await resp.json();\r\n }\r\n \r\n function openProductPicker() {\r\n $(\"productPickerModal\").classList.add(\"is-open\");\r\n $(\"productPickerModal\").setAttribute(\"aria-hidden\", \"false\");\r\n $(\"productSearchResults\").innerHTML = \"\";\r\n $(\"productSearchStatus\").textContent = \"\";\r\n $(\"productSearchInput\").value = $(\"productName\").value.trim() || $(\"textProductName\").value.trim() || \"\";\r\n }\r\n \r\n function closeProductPicker() {\r\n $(\"productPickerModal\").classList.remove(\"is-open\");\r\n $(\"productPickerModal\").setAttribute(\"aria-hidden\", \"true\");\r\n }\r\n \r\n function getProductImageUrl(product) {\r\n const featured = product?.featured_image;\r\n if (typeof featured === \"string\") return featured;\r\n if (featured?.url) return featured.url;\r\n if (product?.image?.src) return product.image.src;\r\n if (product?.image) return product.image;\r\n if (Array.isArray(product?.images) && product.images.length) {\r\n const first = product.images[0];\r\n return typeof first === \"string\" ? first : (first?.src || first?.url || \"\");\r\n }\r\n return \"\";\r\n }\r\n \r\n function renderProductSearchResults(products, emptyMessage) {\r\n $(\"productSearchResults\").innerHTML = \"\";\r\n if (!products || !products.length) {\r\n setStatus(\"productSearchStatus\", emptyMessage || \"\u6CA1\u6709\u627E\u5230\u5339\u914D\u4EA7\u54C1\u3002\");\r\n return;\r\n }\r\n setStatus(\"productSearchStatus\", \"\u627E\u5230 \" + products.length + \" \u4E2A\u4EA7\u54C1\uFF0C\u8BF7\u9009\u62E9\u3002\");\r\n products.forEach((product) => {\r\n const imageUrl = getProductImageUrl(product);\r\n const productHandle = product?.handle || \"\";\r\n const productUrl = product?.url || (productHandle ? \"/products/\" + productHandle : \"\");\r\n const div = document.createElement(\"div\");\r\n div.className = \"ct-product-item\";\r\n div.innerHTML = \"\" +\r\n escapeHtml(productUrl || imageUrl || \"\u6682\u65E0\u56FE\u7247\") +\r\n \"