chore: establish YCode replication baseline and TODO

scripts/test-mcp-source-ui.mjs

@@ -0,0 +1,74 @@
+// Deterministic recovery of retained REA CSS/SVG bodies, without original app access or initialization.
+import fs from 'node:fs/promises'
+import path from 'node:path'
+import { createHash } from 'node:crypto'
+import assert from 'node:assert/strict'
+import postcss from 'postcss'
+import { parse } from '@babel/parser'
+const sha = bytes => createHash('sha256').update(bytes).digest('hex')
+const runtime = JSON.parse(await fs.readFile('.tmp/rea-runtime-scripts.json', 'utf8'))
+const selected = runtime.items.find(item => item.file_path.endsWith('skills-panel-CvMlV3m8.js')).source.artifact
+assert.equal(sha(selected.text), selected.sha256)
+const destination = 'src/renderer/src/capabilities'
+await fs.mkdir(destination, { recursive: true })
+const manifest = JSON.parse(await fs.readFile('.tmp/rea-css-recovered/manifest.json', 'utf8'))
+const source = manifest.files.find(file => file.file === 'skills-panel-CsnIUki4.css')
+const cssText = await fs.readFile(path.join('.tmp/rea-css-recovered', source.file), 'utf8')
+assert.equal(sha(cssText), source.sha256)
+const css = postcss.parse(cssText)
+css.walkRules(rule => { if (rule.parent?.type === 'atrule' && /keyframes$/.test(rule.parent.name)) return; rule.selectors = rule.selectors.map(selector => `:where(.ycode-connectors) :is(${selector})`) })
+const primitives = postcss.root(), primitiveFiles = []
+for (const file of manifest.files) {
+  const text = await fs.readFile(path.join('.tmp/rea-css-recovered', file.file), 'utf8')
+  assert.equal(sha(text), file.sha256)
+  let included = false
+  postcss.parse(text).walkRules(rule => {
+    const selectors = rule.selectors.filter(selector => /^\.(?:wb-(?:button|input)|cb-search-input)(?:[\s.:#[_-]|$)/.test(selector))
+    if (!selectors.length) return
+    const copy = rule.clone(); copy.selectors = selectors.map(selector => `:where(.ycode-connectors) :is(${selector})`)
+    primitives.append(copy); included = true
+  })
+  if (included) primitiveFiles.push({ file: file.file, sha256: file.sha256 })
+}
+const cssHeader = `/* REA ${manifest.sourceEvidenceId}; ${source.file} SHA256 ${source.sha256}. Rule bodies retained; selector scope adapter only. */\n`
+await fs.writeFile(path.join(destination, 'connectors-source.css'), cssHeader + css.toString() + '\n/* Retained shared primitive bodies. */\n' + primitives.toString() + '\n')
+const names = new Set(['ChevronIcon', 'CopyIcon', 'ConnectorAddIcon', 'ConnectorLoadingIcon', 'ConnectorCancelIcon', 'RefreshIcon', 'CloseIcon', 'ConnectorDetailTryIcon', 'ConnectorDetailUnbindIcon', 'ConnectorEmptyIcon'])
+const icons = [], ast = parse(selected.text, { sourceType: 'module' })
+let buddy
+function walk(node) {
+  if (!node || typeof node !== 'object') return
+  if (node.type === 'AssignmentExpression' && names.has(node.left?.name)) icons.push({ name: node.left.name, start: node.right.start, end: node.right.end,
+    body: selected.text.slice(node.right.start, node.right.end).replace(/\(0,[\w$]+\.(jsx|jsxs)\)/g, '$1') })
+  if (node.type === 'ObjectProperty' && node.key?.name === 'src' && node.start > 78950 && node.value?.type === 'TemplateLiteral') {
+    const value = node.value.quasis[0]?.value.cooked
+    if (value?.startsWith('data:image/svg+xml,')) buddy ??= value
+  }
+  for (const [key, child] of Object.entries(node)) if (key !== 'loc') { if (Array.isArray(child)) child.forEach(walk); else if (child && typeof child === 'object') walk(child) }
+}
+walk(ast)
+assert.equal(icons.length, names.size)
+const iconHeader = `// @ts-nocheck\n/* REA ${runtime.evidence_id}; skills-panel-CvMlV3m8.js SHA256 ${selected.sha256}. Literal isolated SVG function bodies; original global initialization is not executed. */\nimport {jsx,jsxs} from 'react/jsx-runtime'\n`
+function retainedSvg(layout, rootIndex) {
+  const nodes = layout.layout.documents[0].svg_nodes
+  function render(node) {
+    const children = nodes.filter(child => child.parent_index === node.node_index)
+    const names = { class: 'className', 'fill-rule': 'fillRule', 'clip-rule': 'clipRule', 'stroke-width': 'strokeWidth', 'stroke-linecap': 'strokeLinecap', 'stroke-linejoin': 'strokeLinejoin' }
+    const props = Object.fromEntries(Object.entries(node.attributes).map(([key, value]) => [names[key] || key, value]))
+    return `${children.length > 1 ? 'jsxs' : 'jsx'}(${JSON.stringify(node.node_name)},${JSON.stringify(props).slice(0, -1)}${children.length ? ',children:' + (children.length === 1 ? render(children[0]) : '[' + children.map(render).join(',') + ']') : ''}})`
+  }
+  return render(nodes.find(node => node.node_index === rootIndex))
+}
+const storeLayout = JSON.parse(await fs.readFile('.tmp/rea-market-connectors-static-20261016/layout.json', 'utf8'))
+const modalLayout = JSON.parse(await fs.readFile('.tmp/rea-custom-connectors-static-20261016/layout.json', 'utf8'))
+const modalSvg = modalLayout.layout.documents[0].svg_nodes
+const addSvg = modalSvg.find(node => node.node_name === 'svg' && node.node_index > 1609 && node.node_index < 1613)
+const hubSvg = modalSvg.find(node => node.node_name === 'svg' && node.node_index > 1637 && node.node_index < 1641)
+const modalNodes = modalLayout.layout.documents[0].nodes
+const closeButton = modalNodes.find(node => node.attributes?.class === 'mcp-modal-close')
+const closeSvg = modalSvg.find(node => node.node_name === 'svg' && node.parent_index === closeButton.node_index)
+const domIcons = `\n/* REA ${storeLayout.evidenceId}, node821 */\nexport const ConnectorEditIcon=()=>${retainedSvg(storeLayout, 821)}\n/* REA ${modalLayout.evidenceId}, literal modal SVGs */\nexport const McpAddIcon=()=>${retainedSvg(modalLayout, addSvg.node_index)}\nexport const McpHubIcon=()=>${retainedSvg(modalLayout, hubSvg.node_index)}\nexport const McpCloseIcon=()=>${retainedSvg(modalLayout, closeSvg.node_index)}\nexport const McpSearchIcon=()=>${retainedSvg(modalLayout, 1631)}\nexport const McpClearIcon=()=>${retainedSvg(modalLayout, 1635)}\n`
+await fs.writeFile(path.join(destination, 'ConnectorSourceIcons.tsx'), iconHeader + icons.map(icon => `// UTF-16 [${icon.start},${icon.end})\nexport const ${icon.name}=${icon.body}`).join('\n') + '\nexport const SOURCE_BUDDY_ICON=' + JSON.stringify(buddy) + '\n' + domIcons)
+await fs.mkdir('.tmp/mcp-source-ui', { recursive: true })
+await fs.writeFile('.tmp/mcp-source-ui/recovery.json', JSON.stringify({ evidenceId: runtime.evidence_id, cssEvidenceId: manifest.sourceEvidenceId,
+  scriptSha256: selected.sha256, cssSha256: source.sha256, primitiveFiles, icons: icons.map(({ body, ...icon }) => icon) }, null, 2))
+console.log('MCP_SOURCE_UI_PASS ' + icons.length + ' icons; ' + primitiveFiles.length + ' primitive sheets')