@monoes/monomindcli 2.14.1 → 2.15.0

package/.claude/skills/monodesign/scripts/live/event-validation.mjs

@@ -62,30 +62,30 @@ function validateInsertGenerate(msg) {
 
 function validateReplaceGenerate(msg) {
   if (!msg.action || !VISUAL_ACTIONS.includes(msg.action)) return 'generate: invalid action';
-  if (!msg.element || !msg.element.outerHTML) return 'generate: missing element context';
+  if (!msg.element?.outerHTML) return 'generate: missing element context';
   return validateAnnotationFields(msg);
 }
 
 function validateManualEditEvent(msg, label) {
-  if (!isValidId(msg.id)) return label + ': missing or malformed id';
-  if (!msg.pageUrl || typeof msg.pageUrl !== 'string') return label + ': missing pageUrl';
-  if (!msg.element || typeof msg.element !== 'object') return label + ': missing element';
-  if (!Array.isArray(msg.ops) || msg.ops.length === 0) return label + ': ops must be non-empty array';
-  if (msg.ops.length > 100) return label + ': too many ops (max 100)';
+  if (!isValidId(msg.id)) return `${label}: missing or malformed id`;
+  if (!msg.pageUrl || typeof msg.pageUrl !== 'string') return `${label}: missing pageUrl`;
+  if (!msg.element || typeof msg.element !== 'object') return `${label}: missing element`;
+  if (!Array.isArray(msg.ops) || msg.ops.length === 0) return `${label}: ops must be non-empty array`;
+  if (msg.ops.length > 100) return `${label}: too many ops (max 100)`;
   for (const op of msg.ops) {
-    if (typeof op.ref !== 'string') return label + ': op.ref required';
-    if (typeof op.tag !== 'string') return label + ': op.tag required';
-    if (typeof op.originalText !== 'string') return label + ': op.originalText required';
+    if (typeof op.ref !== 'string') return `${label}: op.ref required`;
+    if (typeof op.tag !== 'string') return `${label}: op.tag required`;
+    if (typeof op.originalText !== 'string') return `${label}: op.originalText required`;
     if (op.deleted !== true && typeof op.newText !== 'string') {
-      return label + ': text op requires newText';
+      return `${label}: text op requires newText`;
     }
     if (typeof op.newText === 'string') {
       if (op.deleted !== true && op.newText.trim().length === 0) {
-        return label + ': newText cannot be empty';
+        return `${label}: newText cannot be empty`;
       }
       const forbidden = validateManualEditText(op.newText);
       if (forbidden) {
-        return label + ': newText cannot contain ' + forbidden.join(' ') + ' (plain text only; ask the AI to insert markup)';
+        return `${label}: newText cannot contain ${forbidden.join(' ')} (plain text only; ask the AI to insert markup)`;
       }
     }
   }
@@ -132,6 +132,6 @@ export function validateEvent(msg) {
       if (msg.pageUrl !== undefined && typeof msg.pageUrl !== 'string') return 'steer: pageUrl must be string';
       return null;
     default:
-      return 'Unknown event type: ' + msg.type;
+      return `Unknown event type: ${msg.type}`;
   }
 }

package/.claude/skills/monodesign/scripts/live/manual-apply.mjs

@@ -326,7 +326,7 @@ export function writeManualApplyEvidence(eventId, batch, cwd = process.cwd()) {
   const dir = manualApplyEvidenceDir(cwd);
   fs.mkdirSync(dir, { recursive: true });
   const evidencePath = path.join(dir, `${eventId}.json`);
-  fs.writeFileSync(evidencePath, JSON.stringify(batch, null, 2) + '\n', 'utf-8');
+  fs.writeFileSync(evidencePath, `${JSON.stringify(batch, null, 2)}\n`, 'utf-8');
   return evidencePath;
 }
 
@@ -495,7 +495,7 @@ function invalidManualApplyResult(reason, eventId, extra = {}) {
 }
 
 export function validateManualApplyResultMessage(msg, deferred) {
-  let data = msg?.data;
+  const data = msg?.data;
   const eventId = msg?.id || deferred?.event?.id || 'EVENT_ID';
   if (!data || typeof data !== 'object' || Array.isArray(data)) {
     return invalidManualApplyResult('missing_result_data', eventId);
@@ -743,7 +743,7 @@ export function writeManualApplyTransaction({ cwd = process.cwd(), pageUrl = nul
     }),
   };
   fs.mkdirSync(path.dirname(file), { recursive: true });
-  fs.writeFileSync(`${file}.tmp`, JSON.stringify(transaction, null, 2) + '\n', 'utf-8');
+  fs.writeFileSync(`${file}.tmp`, `${JSON.stringify(transaction, null, 2)}\n`, 'utf-8');
   fs.renameSync(`${file}.tmp`, file);
   return transaction;
 }
@@ -935,5 +935,5 @@ export function compactManualLogText(value, max = 200) {
   if (typeof value !== 'string') return undefined;
   const normalized = value.replace(/\s+/g, ' ').trim();
   if (normalized.length <= max) return normalized;
-  return normalized.slice(0, max) + `... [truncated ${normalized.length - max} chars]`;
+  return `${normalized.slice(0, max)}... [truncated ${normalized.length - max} chars]`;
 }

package/.claude/skills/monodesign/scripts/live/manual-edits-buffer.mjs

@@ -41,7 +41,7 @@ function readBufferInternal(cwd, { strict }) {
     return { version: BUFFER_VERSION, entries: parsed.entries };
   } catch (err) {
     if (strict && err?.code !== 'ENOENT') {
-      throw new Error('manual_edit_buffer_unreadable: ' + (err.message || String(err)));
+      throw new Error(`manual_edit_buffer_unreadable: ${err.message || String(err)}`);
     }
     return { version: BUFFER_VERSION, entries: [] };
   }

package/.claude/skills/monodesign/scripts/live/session-store.mjs

@@ -51,7 +51,7 @@ export function createLiveSessionStore({ cwd = process.cwd(), sessionId } = {})
         ts: new Date().toISOString(),
         event: normalized,
       };
-      fs.appendFileSync(journalPath, JSON.stringify(entry) + '\n');
+      fs.appendFileSync(journalPath, `${JSON.stringify(entry)}\n`);
       const next = applyEvent(prior.snapshot, entry, prior.diagnostics);
       snapshotCache.set(normalized.id, { snapshot: next, diagnostics: next.diagnostics || [], nextSeq: seq + 1 });
       writeSnapshot(snapshotPath, next);
@@ -92,15 +92,15 @@ function normalizeEvent(event, fallbackId) {
 }
 
 function getJournalPath(rootDir, id) {
-  return path.join(rootDir, safeSessionId(id) + '.jsonl');
+  return path.join(rootDir, `${safeSessionId(id)}.jsonl`);
 }
 
 function getSnapshotPath(rootDir, id) {
-  return path.join(rootDir, safeSessionId(id) + '.snapshot.json');
+  return path.join(rootDir, `${safeSessionId(id)}.snapshot.json`);
 }
 
 function safeSessionId(id) {
-  if (!/^[A-Za-z0-9_-]{1,128}$/.test(id)) throw new Error('invalid session id: ' + id);
+  if (!/^[A-Za-z0-9_-]{1,128}$/.test(id)) throw new Error(`invalid session id: ${id}`);
   return id;
 }
 
@@ -289,5 +289,5 @@ function upsertArtifact(artifacts, artifact) {
 }
 
 function writeSnapshot(snapshotPath, snapshot) {
-  fs.writeFileSync(snapshotPath, JSON.stringify(snapshot, null, 2) + '\n');
+  fs.writeFileSync(snapshotPath, `${JSON.stringify(snapshot, null, 2)}\n`);
 }

package/.claude/skills/monodesign/scripts/live/svelte-component.mjs

@@ -73,7 +73,7 @@ export function buildPropContract(expressions) {
 
 function derivePropName(expr, index) {
   const tail = expr.match(/(?:\.|\[)(\w+)\s*\]?$/);
-  if (tail && tail[1] && /^[A-Za-z_$][\w$]*$/.test(tail[1])) {
+  if (tail?.[1] && /^[A-Za-z_$][\w$]*$/.test(tail[1])) {
     return tail[1];
   }
   return `prop${index}`;
@@ -166,7 +166,7 @@ export function scaffoldSvelteComponentSession({
     runtimeModule: `/${SVELTE_RUNTIME_FILE}`,
   };
 
-  fs.writeFileSync(path.join(dir, 'manifest.json'), JSON.stringify(manifest, null, 2) + '\n', 'utf-8');
+  fs.writeFileSync(path.join(dir, 'manifest.json'), `${JSON.stringify(manifest, null, 2)}\n`, 'utf-8');
 
   for (let n = 1; n <= count; n++) {
     const variantFile = path.join(dir, `v${n}.svelte`);
@@ -216,7 +216,7 @@ export function scaffoldSvelteComponentInsertSession({
     runtimeModule: `/${SVELTE_RUNTIME_FILE}`,
   };
 
-  fs.writeFileSync(path.join(dir, 'manifest.json'), JSON.stringify(manifest, null, 2) + '\n', 'utf-8');
+  fs.writeFileSync(path.join(dir, 'manifest.json'), `${JSON.stringify(manifest, null, 2)}\n`, 'utf-8');
 
   for (let n = 1; n <= count; n++) {
     const variantFile = path.join(dir, `v${n}.svelte`);
@@ -270,14 +270,14 @@ export function resolveSourceFile(sourceFile, cwd = process.cwd()) {
     throw new Error('Svelte-component source file escapes project root');
   }
   if (!fs.existsSync(full)) {
-    throw new Error('Svelte-component source file not found: ' + sourceFile);
+    throw new Error(`Svelte-component source file not found: ${sourceFile}`);
   }
   return full;
 }
 
 function appendCssToSvelteStyle(lines, cssLines) {
   const closeIdx = findLastStyleCloseLine(lines);
-  const prepared = ['', ...cssLines.map((line) => (line.trim() === '' ? '' : '  ' + line.trimStart()))];
+  const prepared = ['', ...cssLines.map((line) => (line.trim() === '' ? '' : `  ${line.trimStart()}`))];
   if (closeIdx === -1) {
     return [...lines, '', '<style>', ...prepared.slice(1), '</style>'];
   }
@@ -436,7 +436,7 @@ function rewriteAcceptedSvelteSelectorPart(selector, variantNum, paramValues, ro
 function rewriteParamSelectors(selector, paramValues) {
   let keep = true;
   const next = selector.replace(/\[data-p-([A-Za-z0-9_-]+)(?:=(["'])(.*?)\2)?\]/g, (_match, key, _quote, expected) => {
-    if (!paramValues || !Object.prototype.hasOwnProperty.call(paramValues, key)) return '';
+    if (!paramValues || !Object.hasOwn(paramValues, key)) return '';
     const actual = paramValues[key];
     if (expected != null && String(actual) !== String(expected)) {
       keep = false;
@@ -537,7 +537,7 @@ export function inlineSvelteComponentAccept(manifest, variantNum, paramValues =
   const start = Number(manifest.sourceStartLine) - 1;
   const end = Number(manifest.sourceEndLine) - 1;
   if (!Number.isInteger(start) || !Number.isInteger(end) || start < 0 || end < start || end >= sourceLines.length) {
-    return { handled: false, error: 'Invalid source line range for ' + manifest.sourceFile, ...resultBase };
+    return { handled: false, error: `Invalid source line range for ${manifest.sourceFile}`, ...resultBase };
   }
 
   const indent = sourceLines[start].match(/^(\s*)/)?.[1] || '';
@@ -561,7 +561,7 @@ export function inlineSvelteComponentAccept(manifest, variantNum, paramValues =
   try {
     fs.writeFileSync(sourceFile, newLines.join('\n'), 'utf-8');
   } catch (err) {
-    return { handled: false, error: 'Failed to write Svelte source: ' + err.message, ...resultBase };
+    return { handled: false, error: `Failed to write Svelte source: ${err.message}`, ...resultBase };
   }
   removeSvelteComponentSession(manifest.id, cwd);
 
@@ -596,7 +596,7 @@ function inlineSvelteComponentInsertAccept({
   const sourceLines = sourceContent.split('\n');
   const insertIndex = Number(manifest.insertLine) - 1;
   if (!Number.isInteger(insertIndex) || insertIndex < 0 || insertIndex > sourceLines.length) {
-    return { handled: false, error: 'Invalid insert line for ' + manifest.sourceFile, ...resultBase };
+    return { handled: false, error: `Invalid insert line for ${manifest.sourceFile}`, ...resultBase };
   }
 
   const nearbyLine = sourceLines[insertIndex] ?? sourceLines[insertIndex - 1] ?? '';
@@ -621,7 +621,7 @@ function inlineSvelteComponentInsertAccept({
   try {
     fs.writeFileSync(sourceFile, newLines.join('\n'), 'utf-8');
   } catch (err) {
-    return { handled: false, error: 'Failed to write Svelte source: ' + err.message, ...resultBase };
+    return { handled: false, error: `Failed to write Svelte source: ${err.message}`, ...resultBase };
   }
   removeSvelteComponentSession(manifest.id, cwd);
 
@@ -675,7 +675,7 @@ function mergeOriginalTopLevelAttrs(markup, originalMarkup) {
   const nextOpen = variantOpen.prefix
     + variantOpen.tag
     + attrs
-    + additions.map((attr) => ' ' + attr.trim()).join('')
+    + additions.map((attr) => ` ${attr.trim()}`).join('')
     + variantOpen.close;
   return markup.slice(0, variantOpen.index) + nextOpen + markup.slice(variantOpen.index + variantOpen.raw.length);
 }
@@ -761,7 +761,7 @@ export function writeDeferredAccept(entry, cwd = process.cwd()) {
   const data = readDeferredAccepts(cwd);
   data.accepts = (data.accepts || []).filter((item) => item.id !== entry.id);
   data.accepts.push({ ...entry, createdAt: new Date().toISOString() });
-  fs.writeFileSync(file, JSON.stringify(data, null, 2) + '\n', 'utf-8');
+  fs.writeFileSync(file, `${JSON.stringify(data, null, 2)}\n`, 'utf-8');
 }
 
 export function applyDeferredSvelteComponentAccepts(cwd = process.cwd()) {
@@ -792,7 +792,7 @@ export function applyDeferredSvelteComponentAccepts(cwd = process.cwd()) {
     }
   }
   if (remaining.length > 0) {
-    fs.writeFileSync(file, JSON.stringify({ accepts: remaining }, null, 2) + '\n', 'utf-8');
+    fs.writeFileSync(file, `${JSON.stringify({ accepts: remaining }, null, 2)}\n`, 'utf-8');
   } else {
     try { fs.rmSync(file, { force: true }); } catch {}
   }

package/.claude/skills/monodesign/scripts/live/sveltekit-adapter.mjs

@@ -103,9 +103,9 @@ export function patchSvelteLayout(content) {
     const scriptMatch = out.match(/<script(?:\s[^>]*)?>/i);
     if (scriptMatch) {
       const insertAt = scriptMatch.index + scriptMatch[0].length;
-      out = out.slice(0, insertAt) + '\n  ' + SVELTE_ROOT_IMPORT + out.slice(insertAt);
+      out = `${out.slice(0, insertAt)}\n  ${SVELTE_ROOT_IMPORT}${out.slice(insertAt)}`;
     } else {
-      out = `<script>\n  ${SVELTE_ROOT_IMPORT}\n</script>\n\n` + out;
+      out = `<script>\n  ${SVELTE_ROOT_IMPORT}\n</script>\n\n${out}`;
     }
   }
 
@@ -117,7 +117,7 @@ export function patchSvelteLayout(content) {
     if (match) {
       out = out.slice(0, match.index) + block + out.slice(match.index);
     } else {
-      out = out.replace(/\s*$/, '\n\n' + block);
+      out = out.replace(/\s*$/, `\n\n${block}`);
     }
   }
 
@@ -134,7 +134,7 @@ export function unpatchSvelteLayout(content) {
     'g',
   );
   out = out.replace(blockRe, '$1');
-  out = out.replace(new RegExp('^\\s*' + escapeRegExp(SVELTE_ROOT_IMPORT) + '\\s*\\n?', 'gm'), '');
+  out = out.replace(new RegExp(`^\\s*${escapeRegExp(SVELTE_ROOT_IMPORT)}\\s*\\n?`, 'gm'), '');
   out = out.replace(/<script>\s*<\/script>\s*\n?/g, '');
   return out.replace(/\n{3,}/g, '\n\n');
 }

package/.claude/skills/monodesign/scripts/live/ui-core.mjs

@@ -140,7 +140,7 @@ export function getLiveUiElementById(id, env = globalThis) {
     if (found) return found;
   }
   if (root?.querySelector) {
-    const found = root.querySelector('#' + escapeCssIdent(id));
+    const found = root.querySelector(`#${escapeCssIdent(id)}`);
     if (found) return found;
   }
   return doc?.getElementById?.(id) || null;

package/.claude/skills/monodesign/scripts/live-accept.mjs

@@ -76,7 +76,7 @@ Output (JSON):
   const svelteComponentManifest = found ? null : findSvelteComponentManifest(id, process.cwd());
 
   if (!found && !svelteComponentManifest) {
-    console.log(JSON.stringify({ handled: false, error: 'Session markers not found for id: ' + id }));
+    console.log(JSON.stringify({ handled: false, error: `Session markers not found for id: ${id}` }));
     process.exit(0);
   }
 
@@ -112,7 +112,7 @@ Output (JSON):
       };
     }
     if (result.carbonize) {
-      result.todo = 'REQUIRED before next poll: carbonize cleanup in ' + result.file + '. See reference/live.md "Required after accept".';
+      result.todo = `REQUIRED before next poll: carbonize cleanup in ${result.file}. See reference/live.md "Required after accept".`;
     }
     console.log(JSON.stringify({ handled: result.handled !== false, ...result }));
     return;
@@ -155,7 +155,7 @@ Output (JSON):
     // five-step checklist lives in reference/live.md (loaded once per
     // session); repeating it per-event would waste tokens.
     if (result.carbonize) {
-      result.todo = 'REQUIRED before next poll: carbonize cleanup in ' + relFile + '. See reference/live.md "Required after accept".';
+      result.todo = `REQUIRED before next poll: carbonize cleanup in ${relFile}. See reference/live.md "Required after accept".`;
     }
     // Scrub stash entries whose text appeared inside the just-replaced
     // original wrap block. The accept embodies those manual edits (wrap was
@@ -292,29 +292,29 @@ function buildCarbonizeReplacement({
     : 'style="display: contents"';
 
   const pushCarbonizeBody = (bodyIndent) => {
-    const bodyRestored = reindentContent(restored, indent, bodyIndent + '  ');
-    lines.push(bodyIndent + commentSyntax.open + ' monodesign-carbonize-start ' + id + ' ' + commentSyntax.close);
-    lines.push(bodyIndent + '<style data-monodesign-css="' + id + '">' + (isJsx ? '{`' : ''));
+    const bodyRestored = reindentContent(restored, indent, `${bodyIndent}  `);
+    lines.push(`${bodyIndent + commentSyntax.open} monodesign-carbonize-start ${id} ${commentSyntax.close}`);
+    lines.push(`${bodyIndent}<style data-monodesign-css="${id}">${isJsx ? '{`' : ''}`);
     for (const cssLine of cssContent) {
       lines.push(bodyIndent + cssLine.trimStart());
     }
     lines.push(bodyIndent + (isJsx ? '`}</style>' : '</style>'));
     if (paramValues && Object.keys(paramValues).length > 0) {
       lines.push(
-        bodyIndent + commentSyntax.open + ' monodesign-param-values ' + id + ': ' + JSON.stringify(paramValues) + ' ' + commentSyntax.close,
+        `${bodyIndent + commentSyntax.open} monodesign-param-values ${id}: ${JSON.stringify(paramValues)} ${commentSyntax.close}`,
       );
     }
-    lines.push(bodyIndent + commentSyntax.open + ' monodesign-carbonize-end ' + id + ' ' + commentSyntax.close);
-    lines.push(bodyIndent + '<div data-monodesign-variant="' + variantNum + '" ' + variantStyleAttr + '>');
+    lines.push(`${bodyIndent + commentSyntax.open} monodesign-carbonize-end ${id} ${commentSyntax.close}`);
+    lines.push(`${bodyIndent}<div data-monodesign-variant="${variantNum}" ${variantStyleAttr}>`);
     lines.push(...bodyRestored);
-    lines.push(bodyIndent + '</div>');
+    lines.push(`${bodyIndent}</div>`);
   };
 
   if (isJsx) {
     const wrapperStyle = 'style={{ display: "contents" }}';
-    lines.push(indent + '<div data-monodesign-carbonize="' + id + '" ' + wrapperStyle + '>');
-    pushCarbonizeBody(indent + '  ');
-    lines.push(indent + '</div>');
+    lines.push(`${indent}<div data-monodesign-carbonize="${id}" ${wrapperStyle}>`);
+    pushCarbonizeBody(`${indent}  `);
+    lines.push(`${indent}</div>`);
   } else {
     pushCarbonizeBody(indent);
   }
@@ -345,7 +345,7 @@ function handleAccept(id, variantNum, lines, targetFile, paramValues) {
 
   // Extract the chosen variant's inner content
   const variantContent = extractVariant(lines, block, variantNum);
-  if (!variantContent) return { handled: false, error: 'Variant ' + variantNum + ' not found' };
+  if (!variantContent) return { handled: false, error: `Variant ${variantNum} not found` };
   const originalContent = extractOriginal(lines, block);
 
   // Extract CSS block if present
@@ -382,7 +382,7 @@ function handleAccept(id, variantNum, lines, targetFile, paramValues) {
 
 function readSourceShadowPreviewMeta(content, id) {
   const escaped = escapeRegExp(id);
-  const wrapperRe = new RegExp('<[^>]+data-monodesign-variants=(["\'])' + escaped + '\\1[^>]*>');
+  const wrapperRe = new RegExp(`<[^>]+data-monodesign-variants=(["'])${escaped}\\1[^>]*>`);
   const match = String(content || '').match(wrapperRe);
   if (!match) return null;
   const tag = match[0];
@@ -395,7 +395,7 @@ function readSourceShadowPreviewMeta(content, id) {
 }
 
 function readHtmlAttr(tag, name) {
-  const match = String(tag || '').match(new RegExp('\\s' + escapeRegExp(name) + '\\s*=\\s*(["\'])(.*?)\\1'));
+  const match = String(tag || '').match(new RegExp(`\\s${escapeRegExp(name)}\\s*=\\s*(["'])(.*?)\\1`));
   if (!match) return null;
   return decodeHtmlAttr(match[2]);
 }
@@ -419,8 +419,8 @@ function decodeHtmlAttr(value) {
 function findMarkerBlock(id, lines) {
   let start = -1;
   let end = -1;
-  const startPattern = 'monodesign-variants-start ' + id;
-  const endPattern = 'monodesign-variants-end ' + id;
+  const startPattern = `monodesign-variants-start ${id}`;
+  const endPattern = `monodesign-variants-end ${id}`;
 
   for (let i = 0; i < lines.length; i++) {
     if (start === -1 && lines[i].includes(startPattern)) start = i;
@@ -504,7 +504,7 @@ function escapeRegExp(value) {
 }
 
 function isVariantEndMarkerLine(line, id) {
-  return new RegExp('monodesign-variants-end\\s+' + escapeRegExp(id) + '(?:\\s|--|\\*/|$)').test(line);
+  return new RegExp(`monodesign-variants-end\\s+${escapeRegExp(id)}(?:\\s|--|\\*/|$)`).test(line);
 }
 
 function hasVariantWrapperAttr(line, id) {
@@ -562,7 +562,7 @@ function stripStyleAndJoin(lines, block) {
  * Returns the inner string (may be empty), or null if not found.
  */
 function extractInnerByAttr(text, attrMatch) {
-  const openerRe = new RegExp('<([A-Za-z][A-Za-z0-9]*)\\b[^>]*' + attrMatch + '[^>]*>');
+  const openerRe = new RegExp(`<([A-Za-z][A-Za-z0-9]*)\\b[^>]*${attrMatch}[^>]*>`);
   const openMatch = text.match(openerRe);
   if (!openMatch) return null;
 
@@ -571,7 +571,7 @@ function extractInnerByAttr(text, attrMatch) {
 
   // Match any opener or closer of this tag name after innerStart.
   // (Does not match self-closing <TAG … />, which doesn't contribute to depth.)
-  const tagRe = new RegExp('<(?:/)?' + tagName + '\\b[^>]*>', 'g');
+  const tagRe = new RegExp(`<(?:/)?${tagName}\\b[^>]*>`, 'g');
   tagRe.lastIndex = innerStart;
 
   let depth = 1;
@@ -606,7 +606,7 @@ function extractOriginal(lines, block) {
  */
 function extractVariant(lines, block, variantNum) {
   const text = stripStyleAndJoin(lines, block);
-  const inner = extractInnerByAttr(text, 'data-monodesign-variant="' + variantNum + '"');
+  const inner = extractInnerByAttr(text, `data-monodesign-variant="${variantNum}"`);
   if (inner === null) return null;
   const result = inner.split('\n');
   // Collapse a lone empty leading/trailing line (common after string splice).
@@ -626,7 +626,7 @@ function extractVariant(lines, block, variantNum) {
  *      the lines between them.
  */
 function extractCss(lines, block, id) {
-  const styleAttr = 'data-monodesign-css="' + id + '"';
+  const styleAttr = `data-monodesign-css="${id}"`;
   let inStyle = false;
   const content = [];
 
@@ -747,7 +747,7 @@ function detectCommentSyntax(filePath) {
 // ---------------------------------------------------------------------------
 
 function findSessionFile(id, cwd) {
-  const marker = 'monodesign-variants-start ' + id;
+  const marker = `monodesign-variants-start ${id}`;
   const searchDirs = ['src', 'app', 'pages', 'components', 'public', 'views', 'templates', '.'];
   const seen = new Set();
 

package/.claude/skills/monodesign/scripts/live-browser-dom.js

@@ -5,7 +5,8 @@
  * chrome mounting, lookup, focus, and picker helpers without depending on the
  * full overlay UI bundle.
  */
-(function (root) {
+((root) => {
+  // biome-ignore lint/suspicious/noRedundantUseStrict: served to the page as a classic <script> (not an ES module despite package type=module), so this directive is what enables strict mode
   'use strict';
   if (!root) return;
 
@@ -21,11 +22,11 @@
     const tagsToSkip = skipTags || new Set();
 
     function own(el) {
-      return el && (el.id?.startsWith(prefix) || el.closest?.('[id^="' + prefix + '"]'));
+      return el && (el.id?.startsWith(prefix) || el.closest?.(`[id^="${prefix}"]`));
     }
 
     function pickable(el) {
-      if (!el || el.nodeType !== 1) return false;
+      if (el?.nodeType !== 1) return false;
       if (tagsToSkip.has(String(el.tagName || '').toLowerCase())) return false;
       if (own(el)) return false;
       const r = el.getBoundingClientRect();
@@ -35,8 +36,8 @@
     function desc(el) {
       if (!el) return '';
       let s = el.tagName.toLowerCase();
-      if (el.id) s += '#' + el.id;
-      else if (el.classList.length) s += '.' + [...el.classList].slice(0, 2).join('.');
+      if (el.id) s += `#${el.id}`;
+      else if (el.classList.length) s += `.${[...el.classList].slice(0, 2).join('.')}`;
       return s;
     }
 
@@ -45,7 +46,7 @@
     }
 
     function makeFrozenAnchor(el) {
-      if (!el || !el.getBoundingClientRect) return null;
+      if (!el?.getBoundingClientRect) return null;
       const r = el.getBoundingClientRect();
       if (!rectIsUsableAnchor(r)) return null;
       const rect = {
@@ -99,7 +100,7 @@
         if (found) return found;
       }
       if (uiRoot?.querySelector) {
-        const found = uiRoot.querySelector('#' + cssId(id));
+        const found = uiRoot.querySelector(`#${cssId(id)}`);
         if (found) return found;
       }
       return doc.getElementById(id);

package/.claude/skills/monodesign/scripts/live-browser-session.js

@@ -5,16 +5,17 @@
  * booting the full overlay UI. Served before live-browser.js and attached to
  * window.__MONODESIGN_LIVE_SESSION__.
  */
-(function (root) {
+((root) => {
+  // biome-ignore lint/suspicious/noRedundantUseStrict: served to the page as a classic <script> (not an ES module despite package type=module), so this directive is what enables strict mode
   'use strict';
 
   function createLiveBrowserSessionState({ prefix, storage, idFactory }) {
     if (!prefix) throw new Error('prefix required');
     const store = storage || root.localStorage;
-    const makeId = idFactory || function () { return Math.random().toString(16).slice(2, 10); };
-    const sessionKey = prefix + '-session';
-    const handledKey = sessionKey + '-handled';
-    const scrollKey = sessionKey + '-scroll';
+    const makeId = idFactory || (() => Math.random().toString(16).slice(2, 10));
+    const sessionKey = `${prefix}-session`;
+    const handledKey = `${sessionKey}-handled`;
+    const scrollKey = `${sessionKey}-scroll`;
     let checkpointRevision = 0;
     const owner = makeId();
 
@@ -43,7 +44,7 @@
     }
 
     function saveSession(session) {
-      if (!session || !session.id) return;
+      if (!session?.id) return;
       const payload = {
         ...session,
         checkpointRevision,
@@ -92,7 +93,7 @@
       const raw = safeRead(scrollKey);
       if (raw == null) return null;
       const n = parseFloat(raw);
-      return isFinite(n) ? n : null;
+      return Number.isFinite(n) ? n : null;
     }
 
     function clearScrollY() {