@forsion/unit 2.13.4 → 2.13.5

package/web/assets/SketchCard-B_UU5sxV.js

@@ -1,641 +0,0 @@
-import{J as V}from"./appStore-CI1_L5OS.js";import{j as l,u as U,d as a}from"./index-BOzsniE1.js";const rt=[["path",{d:"M4 11V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1",key:"1q9hii"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M2 15h10",key:"jfw4w8"}],["path",{d:"m9 18 3-3-3-3",key:"112psh"}]],Pt=V("file-input",rt);const it=[["path",{d:"M15 12h-5",key:"r7krc0"}],["path",{d:"M15 8h-5",key:"1khuty"}],["path",{d:"M19 17V5a2 2 0 0 0-2-2H4",key:"zz82l3"}],["path",{d:"M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",key:"1ph1d7"}]],Kt=V("scroll-text",it),ot="forsion-sketch";function Jt(t){const e=Math.max(0,...(t.match(/`+/g)??[]).map(s=>s.length)),n="`".repeat(Math.max(3,e+1));return`${n}${ot}
-${t.replace(/\s+$/,"")}
-${n}`}const ct=`/* The sketch document is isolated. All colors inherit Forsion's current theme. */
-html, body { margin: 0; padding: 0; }
-*, *::before, *::after { box-sizing: border-box; }
-body {
-  font-family: var(--fs-font); background: var(--fs-bg); color: var(--fs-text);
-  font-size: 14px; line-height: 1.5; padding: 16px 20px;
-  overflow-wrap: anywhere; -webkit-font-smoothing: antialiased;
-}
-[hidden] { display: none !important; }
-header, figure, figcaption, footer { margin: 0; }
-h1, h2, h3, h4 { margin: 0 0 .5em; font-weight: 500; line-height: 1.3; text-wrap: balance; }
-h1 { font-size: 20px; } h2 { font-size: 18px; } h3 { font-size: 15px; } h4 { font-size: 14px; }
-p { margin: 0 0 .7em; } p:last-child { margin-bottom: 0; }
-small { font-size: 12px; color: var(--fs-muted); }
-a { color: var(--fs-accent); }
-hr { border: 0; border-top: 1px solid var(--fs-rule); margin: 16px 0; }
-code, pre, kbd { font-family: var(--fs-mono); font-size: 12px; }
-pre { overflow-x: auto; background: var(--fs-surface); border-radius: var(--fs-radius); padding: 10px; }
-table { border-collapse: collapse; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; }
-th, td { text-align: left; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--fs-rule); vertical-align: top; }
-th { font-weight: 500; color: var(--fs-muted); }
-th:last-child, td:last-child { padding-right: 0; }
-tr:last-child td { border-bottom: 0; }
-svg { display: block; width: 100%; max-width: 100%; height: auto; }
-svg text { font-family: var(--fs-font); fill: var(--fs-text); }
-img, canvas { display: block; max-width: 100%; }
-img { height: auto; }
-button, input, select, textarea { font: inherit; color: inherit; max-width: 100%; }
-button {
-  border: 1px solid var(--fs-border); border-radius: var(--fs-radius);
-  background: transparent; padding: 6px 10px; cursor: pointer;
-}
-button:hover { background: var(--fs-surface); }
-button:disabled { opacity: .5; cursor: default; }
-button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
-  outline: 2px solid var(--fs-accent); outline-offset: 2px;
-}
-input, select, textarea { accent-color: var(--fs-accent); }
-.fs-header { display: grid; gap: 4px; margin: 0 0 16px; }
-.fs-title { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.3; text-wrap: balance; }
-.fs-eyebrow, .fs-subtitle, .fs-caption, .fs-source, .fs-label { font-size: 12px; color: var(--fs-muted); }
-.fs-eyebrow { font-weight: 500; }
-.fs-subtitle { max-width: 62ch; }
-.fs-plot { position: relative; min-width: 0; margin: 0; }
-.fs-caption, .fs-source { margin-top: 10px; }
-.fs-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(130px, 100%), 1fr)); gap: 12px; margin: 4px 0 16px; }
-.fs-stat { display: grid; align-content: start; gap: 3px; min-width: 0; }
-.fs-value { font-size: 26px; font-weight: 500; line-height: 1.2; font-variant-numeric: tabular-nums; }
-.fs-panel { padding: 12px 14px; border-radius: var(--fs-radius); background: var(--fs-surface); }
-.fs-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; }
-.fs-chip { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; background: var(--fs-surface); font-size: 12px; color: var(--fs-muted); }
-.fs-bar-track { height: 9px; overflow: hidden; border-radius: 999px; background: var(--fs-surface); }
-.fs-bar-fill { height: 100%; border-radius: inherit; background: var(--fs-accent); transform-origin: left center; }
-.fs-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px 16px; margin-bottom: 16px; }
-.fs-field { display: grid; gap: 6px; flex: 1 1 200px; min-width: 0; }
-.fs-field > span { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
-.fs-field output { font-variant-numeric: tabular-nums; }
-.fs-input, .fs-select { width: 100%; min-width: 0; border: 1px solid var(--fs-border); border-radius: var(--fs-radius); padding: 6px 9px; background: var(--fs-surface); }
-.fs-range { width: 100%; min-width: 0; margin: 4px 0; }
-.fs-check { display: inline-flex; align-items: center; gap: 8px; }
-.fs-check input { margin: 0; }
-.fs-button[aria-pressed="true"], .fs-tabs [aria-selected="true"] { background: var(--fs-accent-soft); color: var(--fs-accent); border-color: transparent; }
-.fs-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 12px; }
-.fs-tabs button { border-color: transparent; }
-.fs-number { font-variant-numeric: tabular-nums; }
-.fs-muted { color: var(--fs-muted); }
-.fs-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
-/* Figure primitives: direct labels, quiet structure and one focus accent. */
-fs-chart, fs-flow { display: block; min-width: 0; }
-fs-chart + fs-flow, fs-flow + fs-chart, fs-chart + fs-chart { margin-top: 28px; }
-.fs-figure-title { margin: 0 0 18px; font-size: 16px; font-weight: 500; }
-.fs-chart-bars { display: grid; gap: 14px; }
-.fs-chart-bar-row { display: grid; grid-template-columns: minmax(72px, 1fr) minmax(0, 3fr) minmax(56px, 1fr); gap: 16px; align-items: center; }
-.fs-chart-bar-label { font-size: 13px; }
-.fs-chart-bar-value { text-align: end; font-size: 13px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
-.fs-chart-track { position: relative; height: 12px; background: var(--fs-surface); border-radius: 3px; }
-.fs-chart-track::after { content: ''; position: absolute; left: var(--fs-zero); top: -4px; bottom: -4px; width: 1px; background: var(--fs-rule); }
-.fs-chart-bar { position: absolute; top: 0; height: 100%; background: var(--fs-s1); border-radius: 3px; }
-.fs-chart-bar--context { background: var(--fs-s2); }
-.fs-chart-bars--narrow .fs-chart-bar-row { grid-template-columns: minmax(0, 1fr) fit-content(50%); gap: 7px 12px; }
-.fs-chart-bars--narrow .fs-chart-track { grid-column: 1 / -1; grid-row: 2; }
-.fs-chart-bars--narrow .fs-chart-bar-value { grid-column: 2; grid-row: 1; }
-.fs-chart-field { position: relative; }
-.fs-chart-grid { fill: none; stroke: var(--fs-rule); stroke-width: 1; }
-.fs-chart-tick, .fs-chart-unit { font-size: 12px; fill: var(--fs-muted); }
-.fs-chart-line { fill: none; stroke: var(--fs-s1); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
-.fs-chart-point { fill: var(--fs-s1); }
-.fs-chart-guide { fill: none; stroke: var(--fs-muted); stroke-width: 1; stroke-dasharray: 3 4; }
-.fs-chart-hit { position: absolute; border: 0; border-radius: 0; padding: 0; background: transparent; cursor: crosshair; touch-action: pan-y; }
-.fs-chart-hit:hover { background: transparent; }
-.fs-chart-detail { display: block; min-height: 22px; font-size: 12px; color: var(--fs-muted); font-variant-numeric: tabular-nums; }
-.fs-flow-steps { display: grid; grid-template-columns: repeat(var(--fs-step-count), minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
-.fs-flow-step { position: relative; min-width: 0; }
-.fs-flow-marker { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--fs-surface); color: var(--fs-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
-.fs-flow-step[data-status="done"] .fs-flow-marker { color: var(--fs-accent); }
-.fs-flow-step[data-status="active"] .fs-flow-marker { background: var(--fs-accent-soft); color: var(--fs-accent); outline: 1px solid var(--fs-accent); outline-offset: 2px; }
-.fs-flow-step:not(:last-child)::after { content: ''; position: absolute; height: 1px; top: 15px; left: 40px; width: calc(100% - 28px); background: var(--fs-rule); }
-.fs-flow-step:not(:last-child)::before { content: ''; position: absolute; top: 12px; left: calc(100% + 7px); width: 6px; height: 6px; border-top: 1px solid var(--fs-muted); border-right: 1px solid var(--fs-muted); transform: rotate(45deg); }
-.fs-flow-content { display: grid; gap: 6px; margin-top: 12px; }
-.fs-flow-label { display: block; font-size: 13px; font-weight: 500; }
-.fs-flow-description { display: block; font-size: 12px; color: var(--fs-muted); }
-.fs-flow-branches { display: grid; gap: 12px; list-style: none; padding: 0 0 0 12px; margin: 8px 0 0; border-left: 1px solid var(--fs-rule); }
-.fs-flow-branch { position: relative; display: grid; gap: 3px; }
-.fs-flow-branch::before { content: ''; position: absolute; left: -12px; top: 9px; width: 7px; height: 1px; background: var(--fs-rule); }
-.fs-flow-steps--vertical { grid-template-columns: minmax(0, 1fr); gap: 22px; }
-.fs-flow-steps--vertical .fs-flow-step { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; }
-.fs-flow-steps--vertical .fs-flow-content { margin-top: 3px; }
-.fs-flow-steps--vertical .fs-flow-step:not(:last-child)::after { left: 15px; top: 39px; width: 1px; height: calc(100% - 23px); }
-.fs-flow-steps--vertical .fs-flow-step:not(:last-child)::before { top: calc(100% + 11px); left: 12px; transform: rotate(135deg); }
-/* 直播补丁(10-09):新来的部件淡入;文字原地续写不动画。 */
-[data-fs-new] { animation: fs-in .28s ease-out both; }
-@keyframes fs-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
-/* 统一拼装部件(10-09,对标 Intelligent UI 的固定组件库):网格 / 选项 / 按钮行 / 提示块 / 对比 / 追问选择 / 勾选清单。 */
-.fs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(128px, 100%), 1fr)); gap: 12px; margin: 4px 0 12px; } /* 128:1200 宽的窗口里聊天栏卡内只有 ≈430px,要并排得下三个选项 */
-.fs-option { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 12px 14px; border-radius: var(--fs-radius); background: var(--fs-surface); }
-.fs-option > h4 { margin: 0; font-size: 14px; }
-.fs-points { margin: 0; padding-left: 18px; font-size: 13px; display: grid; gap: 3px; }
-.fs-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
-.fs-callout { padding: 10px 14px; border-left: 2px solid var(--fs-accent); background: var(--fs-surface); border-radius: 0 var(--fs-radius) var(--fs-radius) 0; font-size: 13px; }
-fs-compare, fs-choice, fs-checklist { display: block; min-width: 0; }
-fs-compare + fs-choice, fs-choice + fs-compare, fs-checklist + fs-choice, fs-chart + fs-compare, fs-compare + fs-chart, fs-flow + fs-checklist, fs-checklist + fs-flow { margin-top: 24px; }
-.fs-choice-question { margin: 0 0 10px; font-size: 14px; font-weight: 500; }
-.fs-choice-options { display: flex; flex-wrap: wrap; gap: 8px; }
-.fs-checklist-items { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
-.fs-checklist-items .fs-check { align-items: start; }
-.fs-checklist-items .fs-check input { margin-top: 4px; }
-.fs-checklist-items .fs-check input:checked + span { color: var(--fs-muted); text-decoration: line-through; }
-::selection { background: var(--fs-accent-soft); }
-@media(max-width:480px) {
-  body { padding: 14px 12px; }
-  .fs-controls { gap: 12px; }
-}
-@media(pointer:coarse) {
-  button, .fs-check { min-height: 44px; }
-  .fs-input, .fs-select { font-size: 16px; min-height: 44px; }
-  .fs-range { min-height: 36px; }
-}
-@media(prefers-reduced-motion:reduce) {
-  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
-}
-`,lt=`/* Runs only inside the opaque-origin sandbox. No host capabilities or network. */
-(() => {
-  let state = __SKETCH_INITIAL_STATE__
-  // 授权令牌(Codex 10-09 二轮 P1):宿主只认带这个 nonce 的 ask / copy。它只活在这个闭包里 —— 运行时跑完就把自己的 script 节点删掉
-  // (模型脚本读 outerHTML 也拿不到),模型 HTML 绕过运行时直接 postMessage 就没有它。真正的手势判定因此可以放在卡内:
-  // navigator.userActivation 是每个 window 各自的,父文档里敲键不会传进子帧,子帧里的真点击才会让它为真。getter 在模型脚本
-  // 跑之前就抓好,模型脚本改不了。
-  const NONCE = '__SKETCH_NONCE__'
-  const uaGet = typeof Navigator !== 'undefined' ? Object.getOwnPropertyDescriptor(Navigator.prototype, 'userActivation')?.get : undefined
-  const activeGet = typeof UserActivation !== 'undefined' ? Object.getOwnPropertyDescriptor(UserActivation.prototype, 'isActive')?.get : undefined
-  const gestureActive = () => { try { const ua = uaGet && uaGet.call(navigator); return !!(ua && activeGet && activeGet.call(ua)) } catch { return false } }
-  const send = (msg) => parent.postMessage({ ...msg, nonce: NONCE }, '*')
-  window.forsionSketch = Object.freeze({
-    get state() { return state },
-    setState(value) {
-      const json = JSON.stringify(value)
-      if (!json || new TextEncoder().encode(json).length > 16384) throw new Error('Sketch state exceeds 16 KiB')
-      state = JSON.parse(json)
-      parent.postMessage({ type: 'sketch-state', state }, '*')
-    },
-    // 卡内按钮回头改答案:把这句话当用户的下一条消息发出去(宿主侧再核 nonce + 焦点、限频、限长,只在对话里接)。
-    // 手势检查在这里是**真闸**(见上):模型写的卡不能一加载 / 定时就替用户发话。
-    ask(text) {
-      if (!gestureActive()) throw new Error('forsionSketch.ask() must be called from a user gesture')
-      const t = String(text ?? '').trim().slice(0, 400)
-      if (!t) throw new Error('forsionSketch.ask() needs a non-empty text')
-      send({ type: 'sketch-ask', text: t })
-    },
-    // 复制到剪贴板(沙箱帧自己没有剪贴板权限,由宿主代写;同样要用户手势)。
-    copy(text) {
-      if (!gestureActive()) throw new Error('forsionSketch.copy() must be called from a user gesture')
-      const t = String(text ?? '')
-      if (!t) return
-      send({ type: 'sketch-copy', text: t.slice(0, 20000) })
-    },
-  })
-  document.currentScript?.remove()
-
-  // An href must never turn a sandbox frame into an external navigation surface.
-  document.addEventListener('click', (event) => {
-    if (event.target.closest?.('a[href]')) event.preventDefault()
-  }, true)
-  document.addEventListener('submit', (event) => event.preventDefault(), true)
-
-  // 直播补丁(10-09,对标 ChatGPT Intelligent UI 的流式组件):宿主把最新 html 发进来,这里**原地**打补丁 —— 不换 srcdoc、不重载。
-  // 同位置同标签的元素保留(只同步属性、递归子节点),文字节点原地续写,新节点标 data-fs-new 淡入;自定义元素(fs-*)内容一变整个换掉
-  // (它们从 JSON 子节点取数据,只在接入时解析)。终稿(sketch-final)再把惰性的 script 节点换成会执行的,并补发 DOMContentLoaded / load,
-  // 让「等 DOM 就绪再初始化」的两种写法都能跑。
-  function syncAttrs(live, next) {
-    for (const a of [...live.attributes]) if (a.name !== 'data-fs-new' && !next.hasAttribute(a.name)) live.removeAttribute(a.name)
-    for (const a of [...next.attributes]) if (live.getAttribute(a.name) !== a.value) live.setAttribute(a.name, a.value)
-  }
-  const markNew = (n) => {
-    if (n.nodeType !== 1) return
-    n.setAttribute('data-fs-new', '')
-    n.addEventListener('animationend', () => n.removeAttribute('data-fs-new'), { once: true })
-  }
-  function morph(live, next) {
-    if (live.nodeType === 1 && next.nodeType === 1) syncAttrs(live, next)
-    const a = [...live.childNodes], b = [...next.childNodes]
-    for (let i = 0; i < Math.max(a.length, b.length); i++) {
-      const x = a[i], y = b[i]
-      if (!y) { x.remove(); continue }
-      if (!x) { const n = document.importNode(y, true); markNew(n); live.appendChild(n); continue }
-      if (x.nodeType === 3 && y.nodeType === 3) { if (x.nodeValue !== y.nodeValue) x.nodeValue = y.nodeValue; continue }
-      const sameTag = x.nodeType === 1 && y.nodeType === 1 && x.tagName === y.tagName
-      // 自定义元素渲染后 innerHTML 已是画好的 DOM,比的是它接入时记下的原始源码(_fsSrc),不然每一拍都会被换掉重画。
-      if (sameTag && x.tagName.includes('-')) {
-        if ((x._fsSrc ?? x.innerHTML) !== y.innerHTML) { const n = document.importNode(y, true); markNew(n); x.replaceWith(n) }
-        else syncAttrs(x, y)
-        continue
-      }
-      if (sameTag) { morph(x, y); continue }
-      const n = document.importNode(y, true); markNew(n); x.replaceWith(n)
-    }
-  }
-  // 会执行的 script type(HTML 标准的 JavaScript MIME 类型表 + module);其余(application/json、importmap …)是数据,原样留着
-  const JS_TYPES = /^(?:module|(?:text|application)\\/(?:x-)?(?:ecma|java)script|text\\/(?:javascript1\\.[0-5]|jscript|livescript))$/
-  function applyHtml(html, final) {
-    const t = document.createElement('template')
-    t.innerHTML = html
-    morph(document.body, t.content)
-    if (final) {
-      const pending = [] // module 脚本是异步执行的,等它们跑完再发就绪事件(Codex 10-09 P2)
-      for (const s of [...document.body.querySelectorAll('script')]) {
-        const type = (s.getAttribute('type') || '').trim().toLowerCase()
-        if (type && !JS_TYPES.test(type)) continue
-        const n = document.createElement('script')
-        for (const attr of [...s.attributes]) n.setAttribute(attr.name, attr.value)
-        n.textContent = s.textContent
-        if (type === 'module') pending.push(new Promise((r) => { n.addEventListener('load', r, { once: true }); n.addEventListener('error', r, { once: true }) }))
-        s.replaceWith(n)
-      }
-      const ready = () => { document.dispatchEvent(new Event('DOMContentLoaded')); window.dispatchEvent(new Event('load')); measure() }
-      if (pending.length) Promise.all(pending).then(ready)
-      else ready()
-    }
-    measure()
-  }
-
-  window.addEventListener('message', (event) => {
-    if (event.source !== parent) return
-    const data = event.data
-    if (!data) return
-    if (data.type === 'sketch-draft' || data.type === 'sketch-final') { applyHtml(String(data.html ?? ''), data.type === 'sketch-final'); return }
-    if (data.type !== 'sketch-theme' || !data.vars) return
-    for (const [key, value] of Object.entries(data.vars)) {
-      if (key.startsWith('--fs-')) document.documentElement.style.setProperty(key, String(value))
-      else if (key === 'color-scheme') document.documentElement.style.colorScheme = String(value)
-    }
-    window.dispatchEvent(new Event('forsion:themechange'))
-  })
-
-  let lastHeight = 0
-  function measure() {
-    const height = Math.ceil(document.body?.getBoundingClientRect().height || 0)
-    if (height && height !== lastHeight) {
-      lastHeight = height
-      parent.postMessage({ type: 'sketch-height', height }, '*')
-    }
-  }
-
-  function selectTab(tab) {
-    const list = tab.closest('.fs-tabs[role="tablist"]')
-    if (!list || tab.disabled || tab.getAttribute('aria-disabled') === 'true') return
-    for (const peer of list.querySelectorAll('[role="tab"]')) {
-      const selected = peer === tab
-      peer.setAttribute('aria-selected', String(selected))
-      const panel = document.getElementById(peer.getAttribute('aria-controls'))
-      if (panel?.getAttribute('role') === 'tabpanel') panel.hidden = !selected
-    }
-  }
-  document.addEventListener('click', (event) => {
-    const tab = event.target.closest?.('.fs-tabs [role="tab"]')
-    if (tab) selectTab(tab)
-  })
-  document.addEventListener('keydown', (event) => {
-    const tab = event.target.closest?.('.fs-tabs [role="tab"]')
-    if (!tab || !['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return
-    const tabs = [...tab.closest('.fs-tabs').querySelectorAll('[role="tab"]')]
-      .filter((node) => !node.disabled && node.getAttribute('aria-disabled') !== 'true')
-    const index = tabs.indexOf(tab)
-    const next = event.key === 'Home' ? 0 : event.key === 'End' ? tabs.length - 1
-      : (index + (event.key === 'ArrowRight' ? 1 : -1) + tabs.length) % tabs.length
-    event.preventDefault()
-    tabs[next]?.focus()
-    if (tabs[next]) selectTab(tabs[next])
-  })
-
-  function ready() {
-    window.__fsLoadedAt = Date.now() // 台架用:整张卡只加载一次(草稿 → 终稿不重载)
-    if (window.ResizeObserver) new ResizeObserver(measure).observe(document.body)
-    measure()
-  }
-  // once:终稿(sketch-final)会补发一次合成的 DOMContentLoaded 给模型脚本,运行时自己的就绪只跑一次
-  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', ready, { once: true })
-  else ready()
-  window.addEventListener('load', measure)
-})()
-`,dt=`/* Small, offline figure primitives. Text and data are never interpreted as HTML. */
-(() => {
-  const svgNS = 'http://www.w3.org/2000/svg'
-  const number = (value) => new Intl.NumberFormat(undefined, {
-    maximumSignificantDigits: 6, notation: Math.abs(value) >= 1e15 || (value !== 0 && Math.abs(value) < 1e-4) ? 'scientific' : Math.abs(value) >= 1e6 ? 'compact' : 'standard',
-  }).format(value)
-  const node = (tag, cls, text) => {
-    const el = document.createElement(tag)
-    if (cls) el.className = cls
-    if (text !== undefined) el.textContent = String(text)
-    return el
-  }
-  const mark = (tag, attrs, text) => {
-    const el = document.createElementNS(svgNS, tag)
-    for (const [key, value] of Object.entries(attrs)) el.setAttribute(key, String(value))
-    if (text !== undefined) el.textContent = String(text)
-    return el
-  }
-  function heading(root, data) {
-    if (data.title) root.append(node('h3', 'fs-figure-title', data.title))
-  }
-  function caption(root, data) {
-    if (data.caption) root.append(node('p', 'fs-caption', data.caption))
-  }
-  class Figure extends HTMLElement {
-    connectedCallback() {
-      queueMicrotask(() => {
-        if (!this.isConnected) return
-        if (!this.figureData) {
-          this._fsSrc = this.innerHTML // 直播补丁(sketchRuntime morph)拿它和新来的源码比,渲染后 innerHTML 就不是源码了
-          try { this.figureData = JSON.parse(this.querySelector('script[type="application/json"]')?.textContent || '{}') }
-          catch { this.figureData = {} }
-        }
-        this.render()
-        this.observer?.disconnect()
-        if (!window.ResizeObserver) return
-        this.observer = new ResizeObserver(() => {
-          const width = Math.round(this.clientWidth)
-          if (width && width !== this.lastWidth) { this.lastWidth = width; this.render() }
-        })
-        this.observer.observe(this)
-      })
-    }
-    disconnectedCallback() { this.observer?.disconnect() }
-    setData(data) { this.figureData = data; if (this.isConnected) this.render() }
-    error() {
-      // No guessed labels or fabricated zeroes when the input is invalid.
-      const error = node('p', 'fs-caption', this.figureData?.emptyLabel || '—')
-      error.setAttribute('role', 'alert')
-      this.replaceChildren(error)
-    }
-  }
-
-  class Chart extends Figure {
-    render() {
-      const data = this.figureData
-      if (!['bar', 'line'].includes(this.getAttribute('type') || 'bar') ||
-          !data || !Array.isArray(data.data) || !data.data.length || data.data.length > 100 ||
-          data.data.some((item) => typeof item?.label !== 'string' || typeof item.value !== 'number' || !Number.isFinite(item.value))) {
-        this.error(); return
-      }
-      this.replaceChildren()
-      const root = node('figure', 'fs-chart-figure')
-      heading(root, data)
-      this.append(root)
-      if (this.getAttribute('type') === 'line') this.line(root, data)
-      else this.bars(root, data)
-      caption(root, data)
-    }
-    bars(root, data) {
-      // A zero baseline also handles negative-only and mixed-sign comparisons honestly.
-      const magnitude = Math.max(1, ...data.data.map((item) => Math.abs(item.value)))
-      const low = Math.min(0, ...data.data.map((item) => item.value / magnitude))
-      const high = Math.max(0, ...data.data.map((item) => item.value / magnitude))
-      const span = high - low || 1
-      const zero = -low / span * 100
-      const list = node('div', 'fs-chart-bars')
-      list.setAttribute('role', 'list')
-      list.setAttribute('aria-label', String(data.title || data.unit || data.data.map((item) => item.label).join(', ')))
-      const narrow = this.clientWidth < 440
-      list.classList.toggle('fs-chart-bars--narrow', narrow)
-      for (const [index, item] of data.data.entries()) {
-        const row = node('div', 'fs-chart-bar-row')
-        row.setAttribute('role', 'listitem')
-        const label = node('span', 'fs-chart-bar-label', item.label)
-        const value = node('span', 'fs-chart-bar-value', number(item.value) + (data.unit ? ' ' + data.unit : ''))
-        const track = node('span', 'fs-chart-track')
-        track.setAttribute('aria-hidden', 'true')
-        const bar = node('span', 'fs-chart-bar')
-        bar.style.left = Math.min(zero, (item.value / magnitude - low) / span * 100) + '%'
-        bar.style.width = Math.abs(item.value / magnitude) / span * 100 + '%'
-        if (Number.isInteger(data.highlight) && data.highlight !== index) bar.classList.add('fs-chart-bar--context')
-        track.style.setProperty('--fs-zero', zero + '%')
-        track.append(bar)
-        row.append(label, track, value)
-        list.append(row)
-      }
-      root.append(list)
-    }
-    line(root, data) {
-      const width = Math.max(1, this.clientWidth)
-      const height = 238
-      const values = data.data.map((item) => item.value)
-      const maxAbs = Math.max(...values.map(Math.abs))
-      const magnitude = maxAbs ? Math.pow(10, Math.floor(Math.log10(maxAbs))) || Number.MIN_VALUE : 1
-      const min = Math.min(...values.map((v) => v / magnitude)), max = Math.max(...values.map((v) => v / magnitude))
-      const pad = (max - min || Math.abs(max) || 1) * .12
-      const limit = Number.MAX_VALUE / magnitude
-      const paddedLow = min >= 0 ? Math.max(0, min - pad) : min - pad
-      const paddedHigh = max <= 0 ? Math.min(0, max + pad) : max + pad
-      const roughStep = (paddedHigh - paddedLow) / 4 || .25
-      const power = Math.pow(10, Math.floor(Math.log10(roughStep)))
-      const step = ([1, 2, 5, 10].find((factor) => factor >= roughStep / power) || 10) * power
-      const low = Math.max(-limit, Math.floor(paddedLow / step) * step)
-      const high = Math.min(limit, Math.ceil(paddedHigh / step) * step) || step
-      const ticks = []
-      for (let tick = Math.ceil(low / step) * step; tick <= high + step * 1e-8; tick += step) {
-        ticks.push(Number((tick * magnitude).toPrecision(12)))
-        if (ticks.length > 8) break
-      }
-      const canvas = document.createElement('canvas')
-      const context = canvas.getContext('2d')
-      if (context) context.font = '12px ' + getComputedStyle(this).fontFamily
-      const left = Math.min(width * .35, Math.max(48, ...ticks.map((v) => (context?.measureText(number(v)).width || 36) + 14)))
-      const right = Math.max(left + 1, width - 8), top = 28, bottom = height - 32
-      const x = (i) => left + (right - left) * (values.length === 1 ? .5 : i / (values.length - 1))
-      const y = (value) => bottom - (value / magnitude - low) / (high - low) * (bottom - top)
-      const field = node('div', 'fs-chart-field')
-      const svg = mark('svg', { viewBox: \`0 0 \${width} \${height}\`, role: 'img', 'aria-label': String(data.title || data.data.map((item) => item.label).join(', ')) })
-      svg.append(mark('title', {}, data.data.map((v) => \`\${v.label}: \${number(v.value)} \${data.unit || ''}\`).join('; ')))
-      if (data.unit) svg.append(mark('text', { x: left, y: 14, class: 'fs-chart-unit' }, data.unit))
-      for (const tick of ticks) {
-        svg.append(mark('path', { d: \`M\${left} \${y(tick)}H\${right}\`, class: 'fs-chart-grid' }))
-        svg.append(mark('text', { x: left - 10, y: y(tick) + 4, 'text-anchor': 'end', class: 'fs-chart-tick' }, number(tick)))
-      }
-      const count = Math.min(values.length, width < 440 ? 3 : 5)
-      let previousRight = -Infinity
-      for (let i = 0; i < count; i++) {
-        const index = count === 1 ? 0 : Math.round(i * (values.length - 1) / (count - 1))
-        const label = data.data[index].label
-        const size = context?.measureText(label).width || label.length * 8
-        const px = x(index)
-        const labelLeft = i === 0 ? px : i === count - 1 ? px - size : px - size / 2
-        if (labelLeft < previousRight + 8 || size > right - left) continue
-        previousRight = labelLeft + size
-        svg.append(mark('text', { x: px, y: height - 9, 'text-anchor': i === 0 ? 'start' : i === count - 1 ? 'end' : 'middle', class: 'fs-chart-tick' }, label))
-      }
-      const path = values.map((value, i) => \`\${i ? 'L' : 'M'}\${x(i)} \${y(value)}\`).join(' ')
-      svg.append(mark('path', { d: path, class: 'fs-chart-line' }))
-      for (const [i, value] of values.entries()) svg.append(mark('circle', { cx: x(i), cy: y(value), r: 2.5, class: 'fs-chart-point' }))
-      const guide = mark('path', { class: 'fs-chart-guide', visibility: 'hidden' })
-      const dot = mark('circle', { r: 4, class: 'fs-chart-point', visibility: 'hidden' })
-      svg.append(guide, dot)
-      const detail = node('output', 'fs-chart-detail')
-      const hit = node('button', 'fs-chart-hit')
-      hit.type = 'button'
-      hit.setAttribute('aria-label', String(data.inspectLabel || data.title || data.data.map((item) => item.label).join(', ')))
-      hit.style.left = left + 'px'; hit.style.top = top + 'px'
-      hit.style.width = (right - left) + 'px'; hit.style.height = (bottom - top) + 'px'
-      let current = 0
-      const show = (position) => {
-        current = Math.max(0, Math.min(values.length - 1, position))
-        const a = Math.floor(current), b = Math.ceil(current), t = current - a
-        const value = (values[a] / magnitude * (1 - t) + values[b] / magnitude * t) * magnitude
-        const px = x(current)
-        guide.setAttribute('d', \`M\${px} \${top}V\${bottom}\`)
-        dot.setAttribute('cx', px); dot.setAttribute('cy', y(value))
-        guide.setAttribute('visibility', 'visible'); dot.setAttribute('visibility', 'visible')
-        const label = a === b ? data.data[a].label : \`\${data.data[a].label} – \${data.data[b].label}\`
-        detail.textContent = \`\${label} · \${number(value)} \${data.unit || ''}\`
-      }
-      hit.addEventListener('pointermove', (event) => {
-        detail.removeAttribute('aria-live')
-        const bounds = hit.getBoundingClientRect()
-        show((event.clientX - bounds.left) / bounds.width * (values.length - 1))
-      })
-      hit.addEventListener('focus', () => show(Math.round(current)))
-      hit.addEventListener('click', (event) => {
-        if (!event.detail) { show(Math.round(current)); return }
-        const bounds = hit.getBoundingClientRect()
-        show((event.clientX - bounds.left) / bounds.width * (values.length - 1))
-      })
-      hit.addEventListener('keydown', (event) => {
-        if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return
-        event.preventDefault()
-        detail.setAttribute('aria-live', 'polite')
-        show(event.key === 'Home' ? 0 : event.key === 'End' ? values.length - 1 : Math.round(current) + (event.key === 'ArrowRight' ? 1 : -1))
-      })
-      field.append(svg, hit)
-      root.append(field, detail)
-    }
-  }
-
-  class Flow extends Figure {
-    render() {
-      const data = this.figureData
-      if (!data || !Array.isArray(data.steps) || !data.steps.length || data.steps.length > 12 ||
-          data.steps.some((step) => !step || typeof step.label !== 'string' ||
-            (step.branches !== undefined && (!Array.isArray(step.branches) || step.branches.length > 8 ||
-              step.branches.some((branch) => !branch || typeof branch.label !== 'string'))))) { this.error(); return }
-      this.replaceChildren()
-      const root = node('figure', 'fs-flow-figure')
-      heading(root, data)
-      const list = node('ol', 'fs-flow-steps')
-      list.classList.toggle('fs-flow-steps--vertical', this.clientWidth < data.steps.length * 145)
-      list.style.setProperty('--fs-step-count', data.steps.length)
-      for (const [index, step] of data.steps.entries()) {
-        const item = node('li', 'fs-flow-step')
-        const status = ['done', 'active'].includes(step.status) ? step.status : 'pending'
-        item.dataset.status = status
-        if (status === 'active') item.setAttribute('aria-current', 'step')
-        const marker = node('span', 'fs-flow-marker', String(index + 1).padStart(2, '0'))
-        marker.setAttribute('aria-hidden', 'true')
-        const content = node('div', 'fs-flow-content')
-        content.append(node('span', 'fs-flow-label', step.label))
-        if (step.detail) content.append(node('span', 'fs-flow-description', step.detail))
-        if (Array.isArray(step.branches) && step.branches.length) {
-          const branches = node('ul', 'fs-flow-branches')
-          for (const branch of step.branches) {
-            const branchNode = node('li', 'fs-flow-branch')
-            branchNode.append(node('span', 'fs-flow-label', branch.label || ''))
-            if (branch.detail) branchNode.append(node('span', 'fs-flow-description', branch.detail))
-            branches.append(branchNode)
-          }
-          content.append(branches)
-        }
-        item.append(marker, content); list.append(item)
-      }
-      root.append(list); caption(root, data); this.append(root)
-    }
-  }
-
-  // 10-09(对标 ChatGPT Intelligent UI「只能拼固定组件库」):统一的拼装部件,模型只给 JSON,外观由宿主定。
-  const askOf = (text) => { try { window.forsionSketch.ask(String(text)) } catch (e) { console.warn(e) } }
-  const button = (label, onClick) => { const b = node('button', 'fs-button', label); b.type = 'button'; b.addEventListener('click', onClick); return b }
-
-  /** <fs-compare>:并排选项 {title?, caption?, options:[{label, summary?, points?:string[], ask?:{label?, text}}]}(2–6 项)。 */
-  class Compare extends Figure {
-    render() {
-      const d = this.figureData
-      const ok = d && Array.isArray(d.options) && d.options.length >= 2 && d.options.length <= 6 &&
-        d.options.every((o) => o && typeof o.label === 'string' &&
-          (o.points === undefined || (Array.isArray(o.points) && o.points.length <= 8 && o.points.every((p) => typeof p === 'string'))) &&
-          (o.ask === undefined || (o.ask && typeof o.ask.text === 'string')))
-      if (!ok) { this.error(); return }
-      this.replaceChildren()
-      const root = node('div', 'fs-compare')
-      heading(root, d)
-      const grid = node('div', 'fs-grid')
-      for (const o of d.options) {
-        const card = node('section', 'fs-option')
-        card.append(node('h4', '', o.label))
-        if (typeof o.summary === 'string' && o.summary) card.append(node('p', 'fs-muted', o.summary))
-        if (Array.isArray(o.points) && o.points.length) { const ul = node('ul', 'fs-points'); for (const p of o.points) ul.append(node('li', '', p)); card.append(ul) }
-        if (o.ask) { const act = node('div', 'fs-actions'); act.append(button(o.ask.label || o.label, () => askOf(o.ask.text))); card.append(act) }
-        grid.append(card)
-      }
-      root.append(grid); caption(root, d); this.append(root)
-    }
-  }
-
-  /** <fs-choice>:追问选择题 {question, options:[{label, ask?}], multiple?, ask?("{choices}" 占位), submitLabel?, caption?}。
-   *  单选点了就把 ask(缺省 label)当用户消息发出;多选勾完按提交,把 ask 模板里的 {choices} 换成所选。 */
-  class Choice extends Figure {
-    render() {
-      const d = this.figureData
-      const ok = d && typeof d.question === 'string' && Array.isArray(d.options) && d.options.length >= 2 && d.options.length <= 8 &&
-        d.options.every((o) => o && typeof o.label === 'string' && (o.ask === undefined || typeof o.ask === 'string'))
-      if (!ok) { this.error(); return }
-      this.picked ||= new Set() // 宽度变化重绘时保住已勾的
-      for (const i of [...this.picked]) if (i >= d.options.length) this.picked.delete(i) // setData 换了更短的选项表:越界的勾作废(Codex 10-09)
-      this.replaceChildren()
-      const root = node('div', 'fs-choice')
-      root.setAttribute('role', 'group')
-      root.append(node('p', 'fs-choice-question', d.question))
-      const opts = node('div', 'fs-choice-options')
-      if (d.multiple) {
-        for (const [i, o] of d.options.entries()) {
-          const l = node('label', 'fs-check'); const c = node('input'); c.type = 'checkbox'; c.checked = this.picked.has(i)
-          c.addEventListener('change', () => { if (c.checked) this.picked.add(i); else this.picked.delete(i) })
-          l.append(c, node('span', '', o.label)); opts.append(l)
-        }
-        const act = node('div', 'fs-actions')
-        act.append(button(d.submitLabel || 'OK', () => {
-          const chosen = [...this.picked].sort((x, y) => x - y).map((i) => d.options[i]?.label).filter(Boolean)
-          if (chosen.length) askOf(String(d.ask || '{choices}').replace('{choices}', chosen.join(', ')))
-        }))
-        root.append(opts, act)
-      } else {
-        for (const o of d.options) opts.append(button(o.label, () => askOf(typeof o.ask === 'string' ? o.ask : o.label)))
-        root.append(opts)
-      }
-      caption(root, d); this.append(root)
-    }
-  }
-
-  /** <fs-checklist>:勾选清单 {title?, caption?, items:[{label, detail?}]}(1–40 项);勾选状态经 forsionSketch.setState 存在本机
-   *  (键 checklists[<元素 id 或 'checklist'>]),重开这张卡还在。 */
-  class Checklist extends Figure {
-    render() {
-      const d = this.figureData
-      const ok = d && Array.isArray(d.items) && d.items.length >= 1 && d.items.length <= 40 &&
-        d.items.every((it) => it && typeof it.label === 'string' && (it.detail === undefined || typeof it.detail === 'string'))
-      if (!ok) { this.error(); return }
-      const key = this.id || 'checklist'
-      const st = window.forsionSketch?.state
-      const saved = st && typeof st === 'object' && st.checklists ? st.checklists[key] : undefined
-      const done = new Set(Array.isArray(saved) ? saved.filter((i) => Number.isInteger(i)) : [])
-      this.replaceChildren()
-      const root = node('div', 'fs-checklist')
-      heading(root, d)
-      const ul = node('ul', 'fs-checklist-items')
-      for (const [i, it] of d.items.entries()) {
-        const li = node('li'); const l = node('label', 'fs-check'); const c = node('input'); c.type = 'checkbox'; c.checked = done.has(i)
-        c.addEventListener('change', () => {
-          if (c.checked) done.add(i); else done.delete(i)
-          const cur = window.forsionSketch.state
-          const base = cur && typeof cur === 'object' && !Array.isArray(cur) ? cur : {}
-          try { window.forsionSketch.setState({ ...base, checklists: { ...(base.checklists || {}), [key]: [...done].sort((x, y) => x - y) } }) } catch (e) { console.warn(e) }
-        })
-        const text = node('span', '', it.label)
-        if (it.detail) text.append(node('small', 'fs-muted', ' ' + it.detail))
-        l.append(c, text); li.append(l); ul.append(li)
-      }
-      root.append(ul); caption(root, d); this.append(root)
-    }
-  }
-
-  function register() {
-    if (!customElements.get('fs-chart')) customElements.define('fs-chart', Chart)
-    if (!customElements.get('fs-flow')) customElements.define('fs-flow', Flow)
-    if (!customElements.get('fs-compare')) customElements.define('fs-compare', Compare)
-    if (!customElements.get('fs-choice')) customElements.define('fs-choice', Choice)
-    if (!customElements.get('fs-checklist')) customElements.define('fs-checklist', Checklist)
-  }
-  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', register)
-  else register()
-})()
-`,q=16384,G="forsion_sketch_state_v1",M=48;function S(t){try{const e=JSON.stringify(t);return e&&new TextEncoder().encode(e).length<=q?e:void 0}catch{return}}function ft(t,e,n){let s=2166136261;for(let i=0;i<n.length;i++)s=Math.imul(s^n.charCodeAt(i),16777619);return JSON.stringify([t,e,n.length,s>>>0])}function W(t){const e=t.getItem(G);if(!e||e.length>q*(M+4))return[];let n;try{n=JSON.parse(e)}catch{return[]}return Array.isArray(n)?n.filter(s=>!!s&&typeof s.key=="string"&&s.key.length<2048&&S(s.state)!==void 0).slice(-M):[]}function pt(t){try{return W(localStorage).find(e=>e.key===t)?.state??null}catch{return null}}function ut(t,e){const n=S(e);if(!(!n||t.length>=2048))try{const s=W(localStorage).filter(i=>i.key!==t);s.push({key:t,state:JSON.parse(n)}),localStorage.setItem(G,JSON.stringify(s.slice(-M)))}catch{}}const ht="default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src data: blob:; media-src data: blob:; font-src data:",mt="allow-scripts",P=40,gt=2400,bt=220,vt={"--fs-bg":"transparent"},xt=[["--fs-surface","--overlay-subtle"],["--fs-text","--text"],["--fs-muted","--text-muted"],["--fs-faint","--text-faint"],["--fs-border","--border"],["--fs-rule","--overlay-medium"],["--fs-accent","--accent-ink"],["--fs-accent-soft","--accent-light"],["--fs-green","--green"],["--fs-danger","--danger"],["--fs-radius","--radius-sm"],["--fs-font","--font-ui"],["--fs-mono","--font-mono"]];function B(t){return String(t).replace(/[<>]/g,"").trim()}function K(t){const e=getComputedStyle(t),n={...vt};for(const[s,i]of xt){const c=B(e.getPropertyValue(i));c&&(n[s]=c)}return n["color-scheme"]=document.documentElement.getAttribute("data-mode")==="dark"?"dark":"light",n}const w=new Set;let g=null;function yt(t){return w.add(t),!g&&typeof MutationObserver<"u"&&(g=new MutationObserver(()=>{for(const e of w)e()}),g.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme","data-skin","data-bg","data-mode","data-flat","data-glass","class"]})),()=>{w.delete(t),!w.size&&g&&(g.disconnect(),g=null)}}const kt=":root{--fs-s1:var(--fs-accent);--fs-s2:color-mix(in srgb,var(--fs-text) 62%,transparent);--fs-s3:color-mix(in srgb,var(--fs-text) 42%,transparent);--fs-s4:color-mix(in srgb,var(--fs-text) 26%,transparent);--fs-s5:color-mix(in srgb,var(--fs-text) 14%,transparent)}";function wt(t){const e=Object.entries(t).map(([n,s])=>`${n.replace(/[^a-z-]/gi,"")}:${B(s)}`).join(";");return e?`:root{${e}}`:""}function St(t,e={},n=null,s=""){const i=(S(n)??"null").replace(/</g,"\\u003c").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029"),c=lt.replace("__SKETCH_INITIAL_STATE__",()=>i).replace("__SKETCH_NONCE__",()=>s.replace(/[^A-Za-z0-9-]/g,""));return`<!doctype html><html><head><meta http-equiv="Content-Security-Policy" content="${ht}"><meta name="viewport" content="width=device-width, initial-scale=1"><style>${wt(e)}${kt}${ct}</style><script>${c};
-${dt}<\/script></head><body>${t}</body></html>`}const X=`(?![^>]*\\stype\\s*=\\s*["']?application/json\\b)`,At=new RegExp(`<script\\b${X}[^>]*>[\\s\\S]*?<\/script\\s*>`,"gi"),Et=new RegExp(`<script\\b${X}[^>]*>[\\s\\S]*$`,"i"),Mt=/<script\b[^>]*$/i,Tt=/<[a-zA-Z][^>]*(?:>|$)/g,Nt=/\son[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi,Ct=/<(fs-[a-z]+)\b(?![\s\S]*<\/\1\s*>)[\s\S]*$/i;function J(t){return t.replace(At,"").replace(Et,"").replace(Mt,"").replace(Ct,"").replace(Tt,e=>e.replace(Nt,""))}const _t=400,Lt=1500,Rt=2e4,zt=150;function Ot(){try{const t=window.Capacitor;return!!(t&&typeof t.isNativePlatform=="function"&&t.isNativePlatform())}catch{return!1}}function Ht(t){return!t||document.activeElement!==t?!1:navigator.userActivation?.isActive===!0}const It=()=>crypto.randomUUID?crypto.randomUUID():Array.from(crypto.getRandomValues(new Uint8Array(16)),t=>t.toString(16).padStart(2,"0")).join(""),$t=({item:t,actions:e,stateScope:n,onAsk:s})=>{const{t:i}=U(),c=a.useMemo(()=>n&&!t.draft?ft(n,t.callId,t.html):null,[n,t.callId,t.html,t.draft]),u=a.useRef(s);u.current=s;const x=a.useRef(!!t.draft);x.current=!!t.draft;const T=a.useRef(0),Y=a.useRef(t.draft?J(t.html):t.html),Z=a.useRef(c?pt(c):null),N=a.useRef(It()),y=a.useRef(null),C=a.useRef(null),h=a.useRef(null),[_,Q]=a.useState(t.draft?P:bt),[b,tt]=a.useState(!1),[L,et]=a.useState(!1),[k,nt]=a.useState(null);a.useLayoutEffect(()=>{y.current&&nt(K(y.current))},[]),a.useEffect(()=>yt(()=>{const r=y.current,d=h.current?.contentWindow;r&&d&&d.postMessage({type:"sketch-theme",vars:K(r)},"*")}),[]);const A=a.useRef(!1),E=a.useRef(!1),v=a.useRef(null),m=a.useRef(void 0),R=r=>{h.current?.contentWindow?.postMessage(r,"*")},z=()=>{if(m.current=void 0,!A.current)return;const r=v.current;v.current=null,r!==null&&x.current&&!E.current&&R({type:"sketch-draft",html:r})},O=()=>{!A.current||E.current||(E.current=!0,clearTimeout(m.current),m.current=void 0,v.current=null,R({type:"sketch-final",html:t.html}))},H=a.useRef(!!t.draft);a.useEffect(()=>{t.draft?(v.current=J(t.html),m.current||(m.current=setTimeout(z,zt))):H.current&&O()},[t.html,t.draft]),a.useEffect(()=>()=>clearTimeout(m.current),[]);const at=()=>{A.current=!0,!x.current&&H.current?O():v.current!==null&&z()};a.useEffect(()=>{let r,d;const p=()=>{c&&r!==void 0&&ut(c,JSON.parse(r)),r=void 0,d=void 0},$=j=>{if(!h.current||j.source!==h.current.contentWindow)return;const o=j.data;if(o?.type==="sketch-state"&&c){const f=S(o.state);f!==void 0&&(r=f,d||(d=setTimeout(p,200)))}o&&o.type==="sketch-height"&&Number.isFinite(Number(o.height))&&Q(Math.min(gt,Math.max(P,Math.ceil(Number(o.height)))));const D=o&&o.nonce===N.current&&!x.current&&Ht(h.current);if(D&&o.type==="sketch-ask"&&typeof o.text=="string"&&u.current){const f=Date.now(),F=o.text.trim().slice(0,_t);F&&f-T.current>=Lt&&(T.current=f,u.current(F))}if(D&&o.type==="sketch-copy"&&typeof o.text=="string"){const f=o.text.slice(0,Rt);f&&navigator.clipboard?.writeText(f).catch(()=>{})}};return window.addEventListener("message",$),window.addEventListener("pagehide",p),()=>{window.removeEventListener("message",$),window.removeEventListener("pagehide",p),clearTimeout(d),p()}},[c]),a.useEffect(()=>{const r=C.current;if(!r||b)return;const d=()=>et(r.scrollHeight>r.clientHeight+1);d();const p=new ResizeObserver(d);return p.observe(r),()=>p.disconnect()},[_,b]);const st=a.useMemo(()=>k?St(Y.current,k,Z.current,N.current):"",[k]),I=t.draft?void 0:e;return l.jsxs("div",{className:"sketch-card",ref:y,"data-sketch-call-id":t.callId,"data-sketch-draft":t.draft?"":void 0,children:[(t.title||I)&&l.jsxs("div",{className:"sketch-card-head",children:[t.title&&l.jsx("div",{className:"sketch-card-title",children:t.title}),I?.(t)]}),l.jsx("div",{ref:C,className:`sketch-clip${b?" open":""}${L&&!b?" faded":""}`,children:k&&l.jsx("iframe",{ref:h,className:"sketch-frame",sandbox:mt,srcDoc:st,style:{height:_},title:t.title||"sketch",onLoad:at})}),L&&l.jsx("button",{type:"button",className:"sketch-card-toggle",onClick:()=>tt(r=>!r),children:i(b?"sketch.collapse":"sketch.expand")})]})},jt=({item:t})=>{const{t:e}=U();return l.jsxs("div",{className:"sketch-card","data-sketch-call-id":t.callId,children:[t.title&&l.jsx("div",{className:"sketch-card-title",children:t.title}),l.jsx("div",{className:"sketch-card-note",children:e("sketch.mobileUnavailable")})]})},Vt=({items:t,actions:e,stateScope:n,onAsk:s})=>{const i=Ot(),c=i?jt:$t;return l.jsx(l.Fragment,{children:t.map(u=>l.jsx(c,{item:u,actions:i?void 0:e,stateScope:n,onAsk:i?void 0:s},`${n||""}:${u.callId}`))})};export{Pt as F,Kt as S,Vt as a,ot as b,Jt as s};